@blaze-cms/react-page-builder 0.125.0-f-admin-updates.5 → 0.126.0-admin-updates.0

package/lib/components/ContentGroup/ContentGroup.js

@@ -0,0 +1,29 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ContentGroupTabs = _interopRequireDefault(require("./ContentGroupTabs"));
+var _excluded = ["contentType"];
+var ContentGroup = function ContentGroup(_ref) {
+  var contentType = _ref.contentType,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  if (contentType === 'tab' || contentType === 'sidepanel') return /*#__PURE__*/_react["default"].createElement(_ContentGroupTabs["default"], (0, _extends2["default"])({
+    contentType: contentType
+  }, props));
+  return '';
+};
+ContentGroup.propTypes = {
+  contentType: _propTypes["default"].string.isRequired
+};
+ContentGroup.defaultProps = {};
+var _default = ContentGroup;
+exports["default"] = _default;
+//# sourceMappingURL=ContentGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGroup.js","names":["ContentGroup","contentType","props","propTypes","PropTypes","string","isRequired","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroup.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ContentGroupTabs from './ContentGroupTabs';\n\nconst ContentGroup = ({ contentType, ...props }) => {\n  if (contentType === 'tab' || contentType === 'sidepanel')\n    return <ContentGroupTabs contentType={contentType} {...props} />;\n  return '';\n};\n\nContentGroup.propTypes = {\n  contentType: PropTypes.string.isRequired\n};\n\nContentGroup.defaultProps = {};\n\nexport default ContentGroup;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAAkD;AAElD,IAAMA,YAAY,GAAG,SAAfA,YAAY,OAAkC;EAAA,IAA5BC,WAAW,QAAXA,WAAW;IAAKC,KAAK;EAC3C,IAAID,WAAW,KAAK,KAAK,IAAIA,WAAW,KAAK,WAAW,EACtD,oBAAO,gCAAC,4BAAgB;IAAC,WAAW,EAAEA;EAAY,GAAKC,KAAK,EAAI;EAClE,OAAO,EAAE;AACX,CAAC;AAEDF,YAAY,CAACG,SAAS,GAAG;EACvBF,WAAW,EAAEG,qBAAS,CAACC,MAAM,CAACC;AAChC,CAAC;AAEDN,YAAY,CAACO,YAAY,GAAG,CAAC,CAAC;AAAC,eAEhBP,YAAY;AAAA"}

package/lib/components/ContentGroup/ContentGroupTabs.js

@@ -0,0 +1,94 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.to-string.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");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.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.function.name.js");
+require("core-js/modules/es.array.map.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _excluded = ["name", "contentType", "modifier", "children"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var ContentGroupTabs = function ContentGroupTabs(_ref) {
+  var _children$props;
+  var name = _ref.name,
+    contentType = _ref.contentType,
+    modifier = _ref.modifier,
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var _useState = (0, _react.useState)('tab-0'),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    selectedTab = _useState2[0],
+    setSelectedTab = _useState2[1];
+  var groupSections = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children[1];
+  var contentClassame = contentType === 'tab' ? '-tabs' : '-sidepanel';
+  if (!groupSections || !groupSections.length) return '';
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "content-group".concat(contentClassame)
+  }, /*#__PURE__*/_react["default"].createElement("ul", {
+    className: "content-group".concat(contentClassame, "__buttons-wrapper"),
+    role: "tablist",
+    "aria-label": name
+  }, groupSections.map(function (groupSection, index) {
+    var _groupSection$props = groupSection.props;
+    _groupSection$props = _groupSection$props === void 0 ? {} : _groupSection$props;
+    var _groupSection$props$c = _groupSection$props.component;
+    _groupSection$props$c = _groupSection$props$c === void 0 ? {} : _groupSection$props$c;
+    var _groupSection$props$c2 = _groupSection$props$c.settings;
+    _groupSection$props$c2 = _groupSection$props$c2 === void 0 ? {} : _groupSection$props$c2;
+    var sectionLabel = _groupSection$props$c2.label;
+    var tabId = "tab-".concat(index);
+    var panelId = "panel-".concat(index);
+    var isSelected = selectedTab === tabId;
+    var buttonClassName = isSelected ? "content-group".concat(contentClassame, "__button--is-active") : "content-group".concat(contentClassame, "__button");
+    return /*#__PURE__*/_react["default"].createElement("button", {
+      id: tabId,
+      key: tabId,
+      className: buttonClassName,
+      type: "button",
+      role: "tab",
+      "aria-selected": isSelected,
+      "aria-controls": panelId,
+      onClick: function onClick() {
+        return setSelectedTab(tabId);
+      }
+    }, sectionLabel);
+  })), groupSections.map(function (groupSection, index) {
+    var tabId = "tab-".concat(index);
+    var panelId = "panel-".concat(index);
+    if (selectedTab !== tabId) return null;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      id: panelId,
+      key: panelId,
+      className: "content-group".concat(contentClassame, "__content-section"),
+      role: "tabpanel",
+      "aria-labelledby": tabId
+    }, groupSection);
+  }));
+};
+ContentGroupTabs.propTypes = {
+  name: _propTypes["default"].string.isRequired,
+  contentType: _propTypes["default"].string.isRequired,
+  modifier: _propTypes["default"].string,
+  children: _propTypes["default"].object
+};
+ContentGroupTabs.defaultProps = {
+  modifier: '',
+  children: {}
+};
+var _default = ContentGroupTabs;
+exports["default"] = _default;
+//# sourceMappingURL=ContentGroupTabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGroupTabs.js","names":["ContentGroupTabs","name","contentType","modifier","children","props","useState","selectedTab","setSelectedTab","groupSections","contentClassame","length","map","groupSection","index","component","settings","sectionLabel","label","tabId","panelId","isSelected","buttonClassName","propTypes","PropTypes","string","isRequired","object","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroupTabs.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ContentGroupTabs = ({ name, contentType, modifier, children, ...props }) => {\n  const [selectedTab, setSelectedTab] = useState('tab-0');\n  const groupSections = children?.props?.children[1];\n  const contentClassame = contentType === 'tab' ? '-tabs' : '-sidepanel';\n  if (!groupSections || !groupSections.length) return '';\n\n  return (\n    <div className={`content-group${contentClassame}`}>\n      <ul\n        className={`content-group${contentClassame}__buttons-wrapper`}\n        role=\"tablist\"\n        aria-label={name}>\n        {groupSections.map((groupSection, index) => {\n          const {\n            props: { component: { settings: { label: sectionLabel } = {} } = {} } = {}\n          } = groupSection;\n          const tabId = `tab-${index}`;\n          const panelId = `panel-${index}`;\n          const isSelected = selectedTab === tabId;\n          const buttonClassName = isSelected\n            ? `content-group${contentClassame}__button--is-active`\n            : `content-group${contentClassame}__button`;\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={() => setSelectedTab(tabId)}>\n              {sectionLabel}\n            </button>\n          );\n        })}\n      </ul>\n      {groupSections.map((groupSection, index) => {\n        const tabId = `tab-${index}`;\n        const panelId = `panel-${index}`;\n        if (selectedTab !== tabId) return null;\n\n        return (\n          <div\n            id={panelId}\n            key={panelId}\n            className={`content-group${contentClassame}__content-section`}\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  children: PropTypes.object\n};\n\nContentGroupTabs.defaultProps = {\n  modifier: '',\n  children: {}\n};\n\nexport default ContentGroupTabs;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AACA;AAAmC;AAAA;AAAA;AAEnC,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,OAA4D;EAAA;EAAA,IAAtDC,IAAI,QAAJA,IAAI;IAAEC,WAAW,QAAXA,WAAW;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,KAAK;EACzE,gBAAsC,IAAAC,eAAQ,EAAC,OAAO,CAAC;IAAA;IAAhDC,WAAW;IAAEC,cAAc;EAClC,IAAMC,aAAa,GAAGL,QAAQ,aAARA,QAAQ,0CAARA,QAAQ,CAAEC,KAAK,oDAAf,gBAAiBD,QAAQ,CAAC,CAAC,CAAC;EAClD,IAAMM,eAAe,GAAGR,WAAW,KAAK,KAAK,GAAG,OAAO,GAAG,YAAY;EACtE,IAAI,CAACO,aAAa,IAAI,CAACA,aAAa,CAACE,MAAM,EAAE,OAAO,EAAE;EAEtD,oBACE;IAAK,SAAS,yBAAkBD,eAAe;EAAG,gBAChD;IACE,SAAS,yBAAkBA,eAAe,sBAAoB;IAC9D,IAAI,EAAC,SAAS;IACd,cAAYT;EAAK,GAChBQ,aAAa,CAACG,GAAG,CAAC,UAACC,YAAY,EAAEC,KAAK,EAAK;IAC1C,0BAEID,YAAY,CADdR,KAAK;IADP,uDAC0E,CAAC,CAAC;IAD5E,gDACWU,SAAS;IADpB,2DACmE,CAAC,CAAC;IADrE,mDACwBC,QAAQ;IADhC,6DAC4D,CAAC,CAAC;IAD9D,IAC2CC,YAAY,0BAAnBC,KAAK;IAEzC,IAAMC,KAAK,iBAAUL,KAAK,CAAE;IAC5B,IAAMM,OAAO,mBAAYN,KAAK,CAAE;IAChC,IAAMO,UAAU,GAAGd,WAAW,KAAKY,KAAK;IACxC,IAAMG,eAAe,GAAGD,UAAU,0BACdX,eAAe,kDACfA,eAAe,aAAU;IAE7C,oBACE;MACE,EAAE,EAAES,KAAM;MACV,GAAG,EAAEA,KAAM;MACX,SAAS,EAAEG,eAAgB;MAC3B,IAAI,EAAC,QAAQ;MACb,IAAI,EAAC,KAAK;MACV,iBAAeD,UAAW;MAC1B,iBAAeD,OAAQ;MACvB,OAAO,EAAE;QAAA,OAAMZ,cAAc,CAACW,KAAK,CAAC;MAAA;IAAC,GACpCF,YAAY,CACN;EAEb,CAAC,CAAC,CACC,EACJR,aAAa,CAACG,GAAG,CAAC,UAACC,YAAY,EAAEC,KAAK,EAAK;IAC1C,IAAMK,KAAK,iBAAUL,KAAK,CAAE;IAC5B,IAAMM,OAAO,mBAAYN,KAAK,CAAE;IAChC,IAAIP,WAAW,KAAKY,KAAK,EAAE,OAAO,IAAI;IAEtC,oBACE;MACE,EAAE,EAAEC,OAAQ;MACZ,GAAG,EAAEA,OAAQ;MACb,SAAS,yBAAkBV,eAAe,sBAAoB;MAC9D,IAAI,EAAC,UAAU;MACf,mBAAiBS;IAAM,GACtBN,YAAY,CACT;EAEV,CAAC,CAAC,CACE;AAEV,CAAC;AAEDb,gBAAgB,CAACuB,SAAS,GAAG;EAC3BtB,IAAI,EAAEuB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACjCxB,WAAW,EAAEsB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACxCvB,QAAQ,EAAEqB,qBAAS,CAACC,MAAM;EAC1BrB,QAAQ,EAAEoB,qBAAS,CAACG;AACtB,CAAC;AAED3B,gBAAgB,CAAC4B,YAAY,GAAG;EAC9BzB,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE,CAAC;AACb,CAAC;AAAC,eAEaJ,gBAAgB;AAAA"}

package/lib/components/{Login → ContentGroup}/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _Login = _interopRequireDefault(require("./Login"));
-var _default = _Login["default"];
+var _ContentGroup = _interopRequireDefault(require("./ContentGroup"));
+var _default = _ContentGroup["default"];
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ContentGroup"],"sources":["../../../src/components/ContentGroup/index.js"],"sourcesContent":["import ContentGroup from './ContentGroup';\n\nexport default ContentGroup;\n"],"mappings":";;;;;;;;AAAA;AAA0C,eAE3BA,wBAAY;AAAA"}

package/lib/components/ContentGroupSection/ContentGroupSection.js

@@ -0,0 +1,30 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _helpers = require("../../helpers");
+var _excluded = ["children"];
+var ContentGroupSection = function ContentGroupSection(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  if (!(0, _helpers.hasChildren)(children)) return null;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "content-group-section"
+  }, children);
+};
+ContentGroupSection.propTypes = {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node])
+};
+ContentGroupSection.defaultProps = {
+  children: null
+};
+var _default = ContentGroupSection;
+exports["default"] = _default;
+//# sourceMappingURL=ContentGroupSection.js.map

package/lib/components/ContentGroupSection/ContentGroupSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGroupSection.js","names":["ContentGroupSection","children","props","hasChildren","propTypes","PropTypes","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/ContentGroupSection/ContentGroupSection.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { hasChildren } from '../../helpers';\n\nconst ContentGroupSection = ({ children, ...props }) => {\n  if (!hasChildren(children)) return null;\n\n  return <div className=\"content-group-section\">{children}</div>;\n};\n\nContentGroupSection.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nContentGroupSection.defaultProps = { children: null };\n\nexport default ContentGroupSection;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAA4C;AAE5C,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,OAA+B;EAAA,IAAzBC,QAAQ,QAARA,QAAQ;IAAKC,KAAK;EAC/C,IAAI,CAAC,IAAAC,oBAAW,EAACF,QAAQ,CAAC,EAAE,OAAO,IAAI;EAEvC,oBAAO;IAAK,SAAS,EAAC;EAAuB,GAAEA,QAAQ,CAAO;AAChE,CAAC;AAEDD,mBAAmB,CAACI,SAAS,GAAG;EAC9BH,QAAQ,EAAEI,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC;AACnF,CAAC;AAEDR,mBAAmB,CAACS,YAAY,GAAG;EAAER,QAAQ,EAAE;AAAK,CAAC;AAAC,eAEvCD,mBAAmB;AAAA"}

package/lib/components/{PasswordReset → ContentGroupSection}/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _PasswordReset = _interopRequireDefault(require("./PasswordReset"));
-var _default = _PasswordReset["default"];
+var _ContentGroupSection = _interopRequireDefault(require("./ContentGroupSection"));
+var _default = _ContentGroupSection["default"];
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/lib/components/ContentGroupSection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ContentGroupSection"],"sources":["../../../src/components/ContentGroupSection/index.js"],"sourcesContent":["import ContentGroupSection from './ContentGroupSection';\n\nexport default ContentGroupSection;\n"],"mappings":";;;;;;;;AAAA;AAAwD,eAEzCA,+BAAmB;AAAA"}

package/lib/components/List/ListRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListRender.js","names":["ListRender","props","variables","actionKey","action","name","itemsToDisplay","itemsPerPageToUse","limitToUse","initialOffset","isInfinite","omitWrappers","paginationType","ListComponent","listComponent","query","url","listAggregations","isAZ","azFilter","displayTotal","useQuery","data","error","loading","fetchMore","message","results","listData","listTotal","total","orderedListData","sortResponseData","length","currentListLength","currentPage","Math","ceil","totalDisplay","LOAD_MORE","propTypes","PropTypes","string","isRequired","object","number","bool","func","array","defaultProps"],"sources":["../../../src/components/List/ListRender.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport ListPagination from './components/Pagination';\nimport ListHeader from './components/Header';\nimport { sortResponseData } from '../../helpers';\nimport { LOAD_MORE } from '../../constants';\n\nconst ListRender = props => {\n  const {\n    variables,\n    actionKey,\n    action,\n    name,\n    itemsToDisplay,\n    itemsPerPageToUse,\n    limitToUse,\n    initialOffset,\n    isInfinite,\n    omitWrappers,\n    paginationType,\n    listComponent: ListComponent,\n    query,\n    url,\n    listAggregations,\n    isAZ,\n    azFilter,\n    displayTotal\n  } = props;\n  const { data = {}, error, loading, fetchMore } = useQuery(action, {\n    variables\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data[actionKey] || !data[actionKey].results) return null;\n\n  const listData = data[actionKey].results;\n  const listTotal = data[actionKey].total;\n  const orderedListData = sortResponseData(listData, itemsToDisplay);\n  if (!orderedListData || !orderedListData.length) return null;\n  const { length: currentListLength } = orderedListData;\n  const currentPage = Math.ceil((initialOffset + currentListLength) / itemsPerPageToUse);\n  const totalDisplay = limitToUse && listTotal > limitToUse ? limitToUse : listTotal;\n\n  return (\n    <>\n      <span className=\"list-top\" />\n      {isAZ && <ListHeader name={name} listAggregations={listAggregations} azFilter={azFilter} />}\n      {displayTotal && (\n        <div className=\"list_total_results w-full text-left p-4\">Total results: {totalDisplay}</div>\n      )}\n      <ListComponent\n        orderedListData={orderedListData}\n        isInfinite={isInfinite}\n        initialOffset={initialOffset}\n        actionKey={actionKey}\n        limitToUse={limitToUse}\n        fetchMore={fetchMore}\n        omitWrappers={omitWrappers}\n        itemsPerPageToUse={itemsPerPageToUse || listData.length}\n        listTotal={listTotal}\n        currentListLength={currentListLength}\n        currentPage={currentPage}\n        query={query}\n        url={url}\n        itemsToDisplay={itemsToDisplay}\n        {...props}\n      />\n      {paginationType !== LOAD_MORE && (\n        <ListPagination\n          limitToUse={limitToUse}\n          itemsPerPage={itemsPerPageToUse}\n          listTotal={listTotal}\n          name={name}\n          isInfinite={isInfinite}\n          currentListLength={currentListLength}\n          paginationType={paginationType}\n          currentPage={currentPage}\n          query={query}\n          url={url}\n        />\n      )}\n    </>\n  );\n};\n\nListRender.propTypes = {\n  name: PropTypes.string.isRequired,\n  paginationType: PropTypes.string.isRequired,\n  variables: PropTypes.object.isRequired,\n  actionKey: PropTypes.string.isRequired,\n  action: PropTypes.object.isRequired,\n  itemsPerPageToUse: PropTypes.number.isRequired,\n  limitToUse: PropTypes.number.isRequired,\n  initialOffset: PropTypes.number.isRequired,\n  isInfinite: PropTypes.bool.isRequired,\n  omitWrappers: PropTypes.bool,\n  query: PropTypes.object.isRequired,\n  url: PropTypes.string.isRequired,\n  listComponent: PropTypes.func.isRequired,\n  isAZ: PropTypes.bool.isRequired,\n  azFilter: PropTypes.string.isRequired,\n  listAggregations: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  displayTotal: PropTypes.bool\n};\n\nListRender.defaultProps = {\n  omitWrappers: false,\n  itemsToDisplay: [],\n  listAggregations: [],\n  displayTotal: false\n};\n\nexport default ListRender;\n"],"mappings":"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"}
+{"version":3,"file":"ListRender.js","names":["ListRender","props","variables","actionKey","action","name","itemsToDisplay","itemsPerPageToUse","limitToUse","initialOffset","isInfinite","omitWrappers","paginationType","ListComponent","listComponent","query","url","listAggregations","isAZ","azFilter","displayTotal","useQuery","data","error","loading","fetchMore","message","results","listData","listTotal","total","orderedListData","sortResponseData","length","currentListLength","currentPage","Math","ceil","totalDisplay","LOAD_MORE","propTypes","PropTypes","string","isRequired","object","number","bool","func","array","defaultProps"],"sources":["../../../src/components/List/ListRender.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport ListPagination from './components/Pagination';\nimport ListHeader from './components/Header';\nimport { sortResponseData } from '../../helpers';\nimport { LOAD_MORE } from '../../constants';\n\nconst ListRender = props => {\n  const {\n    variables,\n    actionKey,\n    action,\n    name,\n    itemsToDisplay,\n    itemsPerPageToUse,\n    limitToUse,\n    initialOffset,\n    isInfinite,\n    omitWrappers,\n    paginationType,\n    listComponent: ListComponent,\n    query,\n    url,\n    listAggregations,\n    isAZ,\n    azFilter,\n    displayTotal\n  } = props;\n  const { data = {}, error, loading, fetchMore } = useQuery(action, {\n    variables\n  });\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data[actionKey] || !data[actionKey].results) return null;\n\n  const listData = data[actionKey].results;\n  const listTotal = data[actionKey].total;\n  const orderedListData = sortResponseData(listData, itemsToDisplay);\n  if (!orderedListData || !orderedListData.length) return null;\n  const { length: currentListLength } = orderedListData;\n  const currentPage = Math.ceil((initialOffset + currentListLength) / itemsPerPageToUse);\n  const totalDisplay = limitToUse && listTotal > limitToUse ? limitToUse : listTotal;\n\n  return (\n    <>\n      <span className=\"list-top\" />\n      {isAZ && <ListHeader name={name} listAggregations={listAggregations} azFilter={azFilter} />}\n      {displayTotal && (\n        <div className=\"list_total_results w-full text-left p-4\">Total results: {totalDisplay}</div>\n      )}\n      <ListComponent\n        orderedListData={orderedListData}\n        isInfinite={isInfinite}\n        initialOffset={initialOffset}\n        actionKey={actionKey}\n        limitToUse={limitToUse}\n        fetchMore={fetchMore}\n        omitWrappers={omitWrappers}\n        itemsPerPageToUse={itemsPerPageToUse || listData.length}\n        listTotal={listTotal}\n        currentListLength={currentListLength}\n        currentPage={currentPage}\n        query={query}\n        url={url}\n        itemsToDisplay={itemsToDisplay}\n        {...props}\n      />\n      {paginationType !== LOAD_MORE && (\n        <ListPagination\n          limitToUse={limitToUse}\n          itemsPerPage={itemsPerPageToUse}\n          listTotal={listTotal}\n          name={name}\n          isInfinite={isInfinite}\n          currentListLength={currentListLength}\n          paginationType={paginationType}\n          currentPage={currentPage}\n          query={query}\n          url={url}\n        />\n      )}\n    </>\n  );\n};\n\nListRender.propTypes = {\n  name: PropTypes.string.isRequired,\n  paginationType: PropTypes.string.isRequired,\n  variables: PropTypes.object.isRequired,\n  actionKey: PropTypes.string.isRequired,\n  action: PropTypes.object.isRequired,\n  itemsPerPageToUse: PropTypes.number.isRequired,\n  limitToUse: PropTypes.number.isRequired,\n  initialOffset: PropTypes.number.isRequired,\n  isInfinite: PropTypes.bool.isRequired,\n  omitWrappers: PropTypes.bool,\n  query: PropTypes.object.isRequired,\n  url: PropTypes.string.isRequired,\n  listComponent: PropTypes.func.isRequired,\n  isAZ: PropTypes.bool.isRequired,\n  azFilter: PropTypes.string.isRequired,\n  listAggregations: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  displayTotal: PropTypes.bool\n};\n\nListRender.defaultProps = {\n  omitWrappers: false,\n  itemsToDisplay: [],\n  listAggregations: [],\n  displayTotal: false\n};\n\nexport default ListRender;\n"],"mappings":"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"}

package/lib/components/List/components/Cards/CardsRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardsRender.js","names":["CardsRender","orderedListData","gridModifier","children","entity","banner","omitWrappers","propsToDisplay","paginationType","parent","hasBanner","gtmData","itemsToDisplay","props","name","dataForGtm","splitChildren","regularChildren","gtmChildren","bannerProps","type","BANNER","propsToDisplayModifiers","getPropsToDisplayModifiers","imageIds","map","imageId","filter","Boolean","useGetImages","imagesData","data","imagesLoading","loading","updatedListWithImages","appendImages","WrapperToUse","Fragment","Wrapper","LOAD_MORE","propTypes","PropTypes","string","isRequired","object","array","bool","oneOfType","defaultProps"],"sources":["../../../../../src/components/List/components/Cards/CardsRender.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport CardsRenderWrapper from './CardsRenderWrapper';\nimport { BANNER } from '../../constants';\nimport Wrapper from '../../../Wrapper';\nimport { splitChildren, appendImages } from '../../../../helpers';\nimport { getPropsToDisplayModifiers } from '../../../../utils';\nimport ListPagination from '../Pagination';\nimport { LOAD_MORE } from '../../../../constants';\nimport { useGetImages } from '../../../../hooks';\n\nconst CardsRender = ({\n  orderedListData,\n  gridModifier,\n  children,\n  entity,\n  banner,\n  omitWrappers,\n  propsToDisplay,\n  paginationType,\n  parent,\n  hasBanner,\n  gtmData,\n  itemsToDisplay,\n  ...props\n}) => {\n  const { name } = props;\n  const dataForGtm = gtmData || orderedListData;\n\n  const { regularChildren, gtmChildren } = splitChildren(children, dataForGtm, entity, {\n    name\n  });\n\n  const bannerProps = banner\n    ? { parent, hasBanner, entity, propsToDisplay, ...banner, type: BANNER }\n    : null;\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const imageIds = itemsToDisplay.map(({ imageId }) => imageId).filter(Boolean);\n  const { data: imagesData, loading: imagesLoading } = useGetImages(imageIds, true);\n  if (imagesLoading) return '';\n  const updatedListWithImages = appendImages(imagesData, orderedListData, itemsToDisplay);\n\n  const WrapperToUse = omitWrappers ? Fragment : Wrapper;\n\n  return (\n    <>\n      <WrapperToUse className=\"list list--compact\">\n        <CardsRenderWrapper\n          orderedListData={updatedListWithImages}\n          listProps={props}\n          bannerProps={bannerProps}\n          cardChildren={regularChildren}\n          gtmChildren={gtmChildren}\n          omitWrappers={omitWrappers}\n          propsToDisplay={propsToDisplay}\n          propsToDisplayModifiers={propsToDisplayModifiers}\n          gridModifier={gridModifier}\n          entity={entity}\n          parent={parent}\n          {...props}\n        />\n      </WrapperToUse>\n\n      {paginationType === LOAD_MORE && (\n        <ListPagination paginationType={paginationType} parent={parent} {...props} />\n      )}\n    </>\n  );\n};\n\nCardsRender.propTypes = {\n  name: PropTypes.string.isRequired,\n  parent: PropTypes.object.isRequired,\n  orderedListData: PropTypes.array.isRequired,\n  propsToDisplay: PropTypes.array.isRequired,\n  paginationType: PropTypes.string.isRequired,\n  hasBanner: PropTypes.bool,\n  banner: PropTypes.object,\n  omitWrappers: PropTypes.bool,\n  gridModifier: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n  gtmData: PropTypes.array,\n  itemsToDisplay: PropTypes.array\n};\n\nCardsRender.defaultProps = {\n  gridModifier: '',\n  children: null,\n  hasBanner: false,\n  banner: null,\n  omitWrappers: false,\n  gtmData: null,\n  itemsToDisplay: []\n};\n\nexport default CardsRender;\n"],"mappings":"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"}
+{"version":3,"file":"CardsRender.js","names":["CardsRender","orderedListData","gridModifier","children","entity","banner","omitWrappers","propsToDisplay","paginationType","parent","hasBanner","gtmData","itemsToDisplay","props","name","dataForGtm","splitChildren","regularChildren","gtmChildren","bannerProps","type","BANNER","propsToDisplayModifiers","getPropsToDisplayModifiers","imageIds","map","imageId","filter","Boolean","useGetImages","imagesData","data","imagesLoading","loading","updatedListWithImages","appendImages","WrapperToUse","Fragment","Wrapper","LOAD_MORE","propTypes","PropTypes","string","isRequired","object","array","bool","oneOfType","defaultProps"],"sources":["../../../../../src/components/List/components/Cards/CardsRender.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport CardsRenderWrapper from './CardsRenderWrapper';\nimport { BANNER } from '../../constants';\nimport Wrapper from '../../../Wrapper';\nimport { splitChildren, appendImages } from '../../../../helpers';\nimport { getPropsToDisplayModifiers } from '../../../../utils';\nimport ListPagination from '../Pagination';\nimport { LOAD_MORE } from '../../../../constants';\nimport { useGetImages } from '../../../../hooks';\n\nconst CardsRender = ({\n  orderedListData,\n  gridModifier,\n  children,\n  entity,\n  banner,\n  omitWrappers,\n  propsToDisplay,\n  paginationType,\n  parent,\n  hasBanner,\n  gtmData,\n  itemsToDisplay,\n  ...props\n}) => {\n  const { name } = props;\n  const dataForGtm = gtmData || orderedListData;\n\n  const { regularChildren, gtmChildren } = splitChildren(children, dataForGtm, entity, {\n    name\n  });\n\n  const bannerProps = banner\n    ? { parent, hasBanner, entity, propsToDisplay, ...banner, type: BANNER }\n    : null;\n\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const imageIds = itemsToDisplay.map(({ imageId }) => imageId).filter(Boolean);\n  const { data: imagesData, loading: imagesLoading } = useGetImages(imageIds, true);\n  if (imagesLoading) return '';\n  const updatedListWithImages = appendImages(imagesData, orderedListData, itemsToDisplay);\n\n  const WrapperToUse = omitWrappers ? Fragment : Wrapper;\n\n  return (\n    <>\n      <WrapperToUse className=\"list list--compact\">\n        <CardsRenderWrapper\n          orderedListData={updatedListWithImages}\n          listProps={props}\n          bannerProps={bannerProps}\n          cardChildren={regularChildren}\n          gtmChildren={gtmChildren}\n          omitWrappers={omitWrappers}\n          propsToDisplay={propsToDisplay}\n          propsToDisplayModifiers={propsToDisplayModifiers}\n          gridModifier={gridModifier}\n          entity={entity}\n          parent={parent}\n          {...props}\n        />\n      </WrapperToUse>\n\n      {paginationType === LOAD_MORE && (\n        <ListPagination paginationType={paginationType} parent={parent} {...props} />\n      )}\n    </>\n  );\n};\n\nCardsRender.propTypes = {\n  name: PropTypes.string.isRequired,\n  parent: PropTypes.object.isRequired,\n  orderedListData: PropTypes.array.isRequired,\n  propsToDisplay: PropTypes.array.isRequired,\n  paginationType: PropTypes.string.isRequired,\n  hasBanner: PropTypes.bool,\n  banner: PropTypes.object,\n  omitWrappers: PropTypes.bool,\n  gridModifier: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n  gtmData: PropTypes.array,\n  itemsToDisplay: PropTypes.array\n};\n\nCardsRender.defaultProps = {\n  gridModifier: '',\n  children: null,\n  hasBanner: false,\n  banner: null,\n  omitWrappers: false,\n  gtmData: null,\n  itemsToDisplay: []\n};\n\nexport default CardsRender;\n"],"mappings":"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"}

package/lib/components/List/components/Cards/CardsRenderItem.js

@@ -69,7 +69,8 @@ var CardsRenderItem = function CardsRenderItem(_ref) {
     id: id,
     entity: entity,
     gridModifier: gridModifier,
-    propsToDisplay: parsedPropsToDisplay,
+    propsToDisplay: propsToDisplay,
+    parsedPropsToDisplay: parsedPropsToDisplay,
     propsToDisplayModifiers: propsToDisplayModifiers,
     modifier: modifier,
     style: style,

package/lib/components/List/components/Cards/CardsRenderItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardsRenderItem.js","names":["CardsRenderItem","cardProps","listProps","bannerProps","index","entity","currentListLength","cardChildren","gtmChildren","modifier","gridModifier","propsToDisplayModifiers","propsToDisplay","shouldRenderBanner","bannerIndex","priority","enableOverlay","autoScrollTimer","arrowSize","overlayModifier","titleOverlayModifier","initialOffset","isInfinite","style","name","id","triggerInfiniteScroll","displayCount","displayCategory","displayThumbnail","displayTitle","listTotal","itemsPerPage","currentItemIndex","renderWaypoint","shouldRenderWaypoint","shouldRenderGtm","checkIfShouldRenderGtm","parsedPropsToDisplay","parsePropsToDisplay","renderChildren","propTypes","PropTypes","object","isRequired","number","array","bool","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../../../src/components/List/components/Cards/CardsRenderItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport Card from '../../../Card/Card';\nimport { shouldRenderWaypoint, renderChildren, parsePropsToDisplay } from '../../../../helpers';\nimport { checkIfShouldRenderGtm } from '../helpers';\nimport Banner from '../../../Banner';\n\nconst CardsRenderItem = ({\n  cardProps,\n  listProps,\n  bannerProps,\n  index,\n  entity,\n  currentListLength,\n  cardChildren,\n  gtmChildren,\n  modifier,\n  gridModifier,\n  propsToDisplayModifiers,\n  propsToDisplay,\n  shouldRenderBanner,\n  bannerIndex,\n  priority,\n  enableOverlay,\n  autoScrollTimer,\n  arrowSize,\n  overlayModifier,\n  titleOverlayModifier\n}) => {\n  const {\n    initialOffset,\n    isInfinite,\n    style,\n    name,\n    id,\n    triggerInfiniteScroll,\n    displayCount,\n    displayCategory = true,\n    displayThumbnail = true,\n    displayTitle = true,\n    listTotal,\n    itemsPerPage\n  } = listProps;\n\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  const shouldRenderGtm =\n    gtmChildren && checkIfShouldRenderGtm(itemsPerPage, currentListLength, index);\n\n  const parsedPropsToDisplay = parsePropsToDisplay(cardProps, propsToDisplay);\n\n  return (\n    <>\n      {shouldRenderGtm && renderChildren(gtmChildren)}\n      {displayCount && (\n        <div className=\"heading heading--section heading--section--count\">\n          <span className=\"section-number\">{currentItemIndex + 1}</span>\n          <span className=\"section-total\">/{listTotal}</span>\n        </div>\n      )}\n      <div className=\"list__item list__item--compact\">\n        {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n        <Card\n          id={id}\n          entity={entity}\n          gridModifier={gridModifier}\n          propsToDisplay={parsedPropsToDisplay}\n          propsToDisplayModifiers={propsToDisplayModifiers}\n          modifier={modifier}\n          style={style}\n          cardChildren={cardChildren}\n          displayCategory={displayCategory}\n          displayThumbnail={displayThumbnail}\n          displayTitle={displayTitle}\n          cardProps={cardProps}\n          gtmId={name}\n          gtmChildren={gtmChildren}\n          priority={priority}\n          arrowSize={arrowSize}\n          enableOverlay={enableOverlay}\n          overlayModifier={overlayModifier}\n          titleOverlayModifier={titleOverlayModifier}\n          {...cardProps}\n        />\n      </div>\n      {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}\n    </>\n  );\n};\n\nCardsRenderItem.propTypes = {\n  cardProps: PropTypes.object.isRequired,\n  listProps: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  propsToDisplayModifiers: PropTypes.array.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  bannerProps: PropTypes.object,\n  gridModifier: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  priority: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.string\n};\n\nCardsRenderItem.defaultProps = {\n  priority: false,\n  bannerProps: null,\n  gridModifier: '',\n  propsToDisplay: [],\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  arrowSize: ''\n};\n\nexport default CardsRenderItem;\n"],"mappings":"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"}
+{"version":3,"file":"CardsRenderItem.js","names":["CardsRenderItem","cardProps","listProps","bannerProps","index","entity","currentListLength","cardChildren","gtmChildren","modifier","gridModifier","propsToDisplayModifiers","propsToDisplay","shouldRenderBanner","bannerIndex","priority","enableOverlay","autoScrollTimer","arrowSize","overlayModifier","titleOverlayModifier","initialOffset","isInfinite","style","name","id","triggerInfiniteScroll","displayCount","displayCategory","displayThumbnail","displayTitle","listTotal","itemsPerPage","currentItemIndex","renderWaypoint","shouldRenderWaypoint","shouldRenderGtm","checkIfShouldRenderGtm","parsedPropsToDisplay","parsePropsToDisplay","renderChildren","propTypes","PropTypes","object","isRequired","number","array","bool","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../../../src/components/List/components/Cards/CardsRenderItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport Card from '../../../Card/Card';\nimport { shouldRenderWaypoint, renderChildren, parsePropsToDisplay } from '../../../../helpers';\nimport { checkIfShouldRenderGtm } from '../helpers';\nimport Banner from '../../../Banner';\n\nconst CardsRenderItem = ({\n  cardProps,\n  listProps,\n  bannerProps,\n  index,\n  entity,\n  currentListLength,\n  cardChildren,\n  gtmChildren,\n  modifier,\n  gridModifier,\n  propsToDisplayModifiers,\n  propsToDisplay,\n  shouldRenderBanner,\n  bannerIndex,\n  priority,\n  enableOverlay,\n  autoScrollTimer,\n  arrowSize,\n  overlayModifier,\n  titleOverlayModifier\n}) => {\n  const {\n    initialOffset,\n    isInfinite,\n    style,\n    name,\n    id,\n    triggerInfiniteScroll,\n    displayCount,\n    displayCategory = true,\n    displayThumbnail = true,\n    displayTitle = true,\n    listTotal,\n    itemsPerPage\n  } = listProps;\n\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  const shouldRenderGtm =\n    gtmChildren && checkIfShouldRenderGtm(itemsPerPage, currentListLength, index);\n\n  const parsedPropsToDisplay = parsePropsToDisplay(cardProps, propsToDisplay);\n\n  return (\n    <>\n      {shouldRenderGtm && renderChildren(gtmChildren)}\n      {displayCount && (\n        <div className=\"heading heading--section heading--section--count\">\n          <span className=\"section-number\">{currentItemIndex + 1}</span>\n          <span className=\"section-total\">/{listTotal}</span>\n        </div>\n      )}\n      <div className=\"list__item list__item--compact\">\n        {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n        <Card\n          id={id}\n          entity={entity}\n          gridModifier={gridModifier}\n          propsToDisplay={propsToDisplay}\n          parsedPropsToDisplay={parsedPropsToDisplay}\n          propsToDisplayModifiers={propsToDisplayModifiers}\n          modifier={modifier}\n          style={style}\n          cardChildren={cardChildren}\n          displayCategory={displayCategory}\n          displayThumbnail={displayThumbnail}\n          displayTitle={displayTitle}\n          cardProps={cardProps}\n          gtmId={name}\n          gtmChildren={gtmChildren}\n          priority={priority}\n          arrowSize={arrowSize}\n          enableOverlay={enableOverlay}\n          overlayModifier={overlayModifier}\n          titleOverlayModifier={titleOverlayModifier}\n          {...cardProps}\n        />\n      </div>\n      {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}\n    </>\n  );\n};\n\nCardsRenderItem.propTypes = {\n  cardProps: PropTypes.object.isRequired,\n  listProps: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  propsToDisplayModifiers: PropTypes.array.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  bannerProps: PropTypes.object,\n  gridModifier: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  priority: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.string\n};\n\nCardsRenderItem.defaultProps = {\n  priority: false,\n  bannerProps: null,\n  gridModifier: '',\n  propsToDisplay: [],\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  arrowSize: ''\n};\n\nexport default CardsRenderItem;\n"],"mappings":"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"}

package/lib/components/Video/providers/Vimeo/VimeoProvider.js

@@ -1,46 +1,125 @@
 "use strict";
 
+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");
 require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.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;
-var _react = _interopRequireDefault(require("react"));
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactPlayer = _interopRequireDefault(require("react-player"));
+var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
+var _helpers = require("./helpers");
+var _helpers2 = require("../../../Code/helpers");
 var _constants = require("../../../../constants");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var VimeoProvider = function VimeoProvider(_ref) {
   var url = _ref.url,
     autoplay = _ref.autoplay,
-    loop = _ref.loop;
-  if (!url) return null;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: _constants.VIDEO_WRAPPER_CLASS_NAME
-  }, /*#__PURE__*/_react["default"].createElement(_reactPlayer["default"], {
-    url: url,
-    config: {
-      vimeo: {
-        playerOptions: {
-          autoplay: {
-            autoplay: autoplay
-          },
-          loop: {
-            loop: loop
+    loop = _ref.loop,
+    imageData = _ref.imageData;
+  var inputEl = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    videoData = _useState2[0],
+    setVideoData = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    videoError = _useState4[0],
+    setVideoError = _useState4[1];
+  var _useState5 = (0, _react.useState)(!!autoplay),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    shouldRenderVideo = _useState6[0],
+    setShouldRenderVideo = _useState6[1];
+  (0, _react.useEffect)(function () {
+    function fetchVideoData(_x) {
+      return _fetchVideoData.apply(this, arguments);
+    }
+    function _fetchVideoData() {
+      _fetchVideoData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(videoUrl) {
+        var res, data;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.prev = 0;
+                _context.next = 3;
+                return fetch(videoUrl);
+              case 3:
+                res = _context.sent;
+                _context.next = 6;
+                return res.json();
+              case 6:
+                data = _context.sent;
+                setVideoData(data);
+                _context.next = 13;
+                break;
+              case 10:
+                _context.prev = 10;
+                _context.t0 = _context["catch"](0);
+                setVideoError(_context.t0);
+              case 13:
+              case "end":
+                return _context.stop();
+            }
           }
-        }
-      }
+        }, _callee, null, [[0, 10]]);
+      }));
+      return _fetchVideoData.apply(this, arguments);
+    }
+    if (url) {
+      var currentHeight = inputEl.current.clientHeight;
+      var urlWithParams = (0, _helpers.addExtraParamsToUrl)(url, {
+        autoplay: true,
+        loop: loop,
+        height: currentHeight
+      });
+      fetchVideoData(urlWithParams);
+    }
+  }, [autoplay, loop, url]);
+  var _ref2 = videoData || {},
+    thumbnailUrl = _ref2.thumbnail_url_with_play_button,
+    _ref2$html = _ref2.html,
+    html = _ref2$html === void 0 ? '' : _ref2$html;
+  var imageUrl = imageData && imageData.url;
+  var backgroundUrl = imageUrl || thumbnailUrl;
+  var videoStyle = {};
+  if (!shouldRenderVideo && backgroundUrl) videoStyle.backgroundImage = "url(".concat(!shouldRenderVideo ? backgroundUrl : '', ")");
+  if (inputEl && inputEl.current) videoStyle.maxheight = inputEl.current.clientHeight;
+  var parsedCode = (0, _htmlReactParser["default"])(html);
+  var wrappedCode = (0, _helpers2.wrapScriptTags)(parsedCode);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: inputEl,
+    role: "button",
+    className: _constants.VIDEO_WRAPPER_CLASS_NAME,
+    style: videoStyle,
+    onClick: function onClick() {
+      return !shouldRenderVideo && setShouldRenderVideo(true);
     }
-  }));
+  }, shouldRenderVideo && !videoError && wrappedCode, videoError && videoError.message);
 };
 VimeoProvider.propTypes = {
   url: _propTypes["default"].string.isRequired,
   autoplay: _propTypes["default"].bool,
-  loop: _propTypes["default"].bool
+  loop: _propTypes["default"].bool,
+  imageData: _propTypes["default"].object
 };
 VimeoProvider.defaultProps = {
   autoplay: false,
-  loop: false
+  loop: false,
+  imageData: null
 };
 var _default = VimeoProvider;
 exports["default"] = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"VimeoProvider.js","names":["VimeoProvider","url","autoplay","loop","VIDEO_WRAPPER_CLASS_NAME","vimeo","playerOptions","propTypes","PropTypes","string","isRequired","bool","defaultProps"],"sources":["../../../../../src/components/Video/providers/Vimeo/VimeoProvider.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactPlayer from 'react-player';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst VimeoProvider = ({ url, autoplay, loop }) => {\n  if (!url) return null;\n  return (\n    <div className={VIDEO_WRAPPER_CLASS_NAME}>\n      <ReactPlayer\n        url={url}\n        config={{\n          vimeo: {\n            playerOptions: { autoplay: { autoplay }, loop: { loop } }\n          }\n        }}\n      />\n    </div>\n  );\n};\n\nVimeoProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool\n};\n\nVimeoProvider.defaultProps = {\n  autoplay: false,\n  loop: false\n};\n\nexport default VimeoProvider;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAAgC;EAAA,IAA1BC,GAAG,QAAHA,GAAG;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;EAC1C,IAAI,CAACF,GAAG,EAAE,OAAO,IAAI;EACrB,oBACE;IAAK,SAAS,EAAEG;EAAyB,gBACvC,gCAAC,uBAAW;IACV,GAAG,EAAEH,GAAI;IACT,MAAM,EAAE;MACNI,KAAK,EAAE;QACLC,aAAa,EAAE;UAAEJ,QAAQ,EAAE;YAAEA,QAAQ,EAARA;UAAS,CAAC;UAAEC,IAAI,EAAE;YAAEA,IAAI,EAAJA;UAAK;QAAE;MAC1D;IACF;EAAE,EACF,CACE;AAEV,CAAC;AAEDH,aAAa,CAACO,SAAS,GAAG;EACxBN,GAAG,EAAEO,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChCR,QAAQ,EAAEM,qBAAS,CAACG,IAAI;EACxBR,IAAI,EAAEK,qBAAS,CAACG;AAClB,CAAC;AAEDX,aAAa,CAACY,YAAY,GAAG;EAC3BV,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAAC,eAEaH,aAAa;AAAA"}
+{"version":3,"file":"VimeoProvider.js","names":["VimeoProvider","url","autoplay","loop","imageData","inputEl","useRef","useState","videoData","setVideoData","videoError","setVideoError","shouldRenderVideo","setShouldRenderVideo","useEffect","fetchVideoData","videoUrl","fetch","res","json","data","currentHeight","current","clientHeight","urlWithParams","addExtraParamsToUrl","height","thumbnailUrl","thumbnail_url_with_play_button","html","imageUrl","backgroundUrl","videoStyle","backgroundImage","maxheight","parsedCode","parseHTML","wrappedCode","wrapScriptTags","VIDEO_WRAPPER_CLASS_NAME","message","propTypes","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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"}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/web.url-search-params.js");
+require("core-js/modules/es.date.to-string.js");
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.array.concat.js");
+var _constants = require("../../../../../constants");
+var addExtraParamsToUrl = function addExtraParamsToUrl(url) {
+  var queryParams = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var paramsWithValues = {};
+  Object.keys(queryParams).forEach(function (key) {
+    if (queryParams[key]) {
+      paramsWithValues[key] = queryParams[key];
+    }
+  });
+  var parsedParams = new URLSearchParams(paramsWithValues);
+  var stringParams = parsedParams.toString();
+  return "".concat(_constants.VIMEO_OEMBED_URL, "?url=").concat(url).concat(stringParams ? "&".concat(stringParams) : '');
+};
+var _default = addExtraParamsToUrl;
+exports["default"] = _default;
+//# sourceMappingURL=add-extra-params-to-url.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"add-extra-params-to-url.js","names":["addExtraParamsToUrl","url","queryParams","paramsWithValues","Object","keys","forEach","key","parsedParams","URLSearchParams","stringParams","toString","VIMEO_OEMBED_URL"],"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;AAEA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,GAAG,EAAuB;EAAA,IAArBC,WAAW,uEAAG,CAAC,CAAC;EAChD,IAAMC,gBAAgB,GAAG,CAAC,CAAC;EAC3BC,MAAM,CAACC,IAAI,CAACH,WAAW,CAAC,CAACI,OAAO,CAAC,UAAAC,GAAG,EAAI;IACtC,IAAIL,WAAW,CAACK,GAAG,CAAC,EAAE;MACpBJ,gBAAgB,CAACI,GAAG,CAAC,GAAGL,WAAW,CAACK,GAAG,CAAC;IAC1C;EACF,CAAC,CAAC;EACF,IAAMC,YAAY,GAAG,IAAIC,eAAe,CAACN,gBAAgB,CAAC;EAC1D,IAAMO,YAAY,GAAGF,YAAY,CAACG,QAAQ,EAAE;EAC5C,iBAAUC,2BAAgB,kBAAQX,GAAG,SAAGS,YAAY,cAAOA,YAAY,IAAK,EAAE;AAChF,CAAC;AAAC,eAEaV,mBAAmB;AAAA"}

package/lib/components/{PasswordReset → Video/providers/Vimeo}/helpers/index.js

@@ -5,11 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "validatePassword", {
+Object.defineProperty(exports, "addExtraParamsToUrl", {
   enumerable: true,
   get: function get() {
-    return _validatePassword["default"];
+    return _addExtraParamsToUrl["default"];
   }
 });
-var _validatePassword = _interopRequireDefault(require("./validatePassword"));
+var _addExtraParamsToUrl = _interopRequireDefault(require("./add-extra-params-to-url"));
 //# sourceMappingURL=index.js.map

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

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