@blaze-cms/react-page-builder 0.118.0 → 0.119.0-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.119.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.118.1-alpha.0...v0.119.0-alpha.0) (2022-01-26)
+
+
+### Features
+
+* add responsive banner skeleton ([#3286](https://github.com/thebyte9/blaze/issues/3286)) ([ac712df](https://github.com/thebyte9/blaze/commit/ac712df7ade4a9fbbcac17cf03a62ea6ea980e89))
+* added auto scroll to card carousel ([#3306](https://github.com/thebyte9/blaze/issues/3306)) ([1186cee](https://github.com/thebyte9/blaze/commit/1186cee4910b42c9c513924996fd9cbe4a23c13e))
+* update apollo client to v3.5 add cache redirects and optimise queries ([#3308](https://github.com/thebyte9/blaze/issues/3308)) ([5281b17](https://github.com/thebyte9/blaze/commit/5281b17fd972f8c727d099f0c814e747896af431))
+* upgrade next to latest version ([#3290](https://github.com/thebyte9/blaze/issues/3290)) ([d2c37bd](https://github.com/thebyte9/blaze/commit/d2c37bd1bf7847dbbbaf7ab8634008c2042f91f9))
+
+
+
+
+
 # [0.118.0](https://github.com/thebyte9/blaze/compare/v0.118.0-alpha.3...v0.118.0) (2022-01-25)
 
 **Note:** Version bump only for package @blaze-cms/react-page-builder

package/README.md

@@ -40,6 +40,28 @@ Settings
 
 ## Banner
 
+The banner component uses [react-dfp](https://www.npmjs.com/package/react-dfp) to render DFP ad slots with settings supplied by the component and size settings.
+
+While loading it uses the responsive sizes specificed in the API to set min-heights for the adslots e.g.
+```html
+<style>
+  @media(min-width:320px){.banner-sizeId{min-height:100px;}
+  @media(min-width:728px){.banner-sizeId{min-height:100px;}
+  @media(min-width:970px){.banner-sizeId{min-height:250px;}
+</style>
+<div
+    class="ad-slot ad-slot-loading banner-sizeId"
+  ></div>
+...
+```
+
+Once the [adSlot has loaded](https://react-dfp.surge.sh/adslot/onslotrender/) the styles are removed and the wrapper class updated. The classes are
+| Name | Description |
+|---|---|
+| ad-slot-loading | When adslot is loading |
+| ad-slot-loaded | Adslot is loaded with and ad |
+| ad-slot-empty | Adslot is loaded but no ad was loaded from dfp |
+
 ### getParsedSizes
 
 This is a helper that enables backwards compatibility for the data when banner could have sizes saved as string. Newly created banners should all have field sizeId (instead sizes), which is a select to chose from defined banner sizes.

package/lib/application/query/index.js

@@ -17,7 +17,7 @@ require("core-js/modules/es.array.concat.js");
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
+var _client = require("@apollo/client");
 
 var _lodash = _interopRequireDefault(require("lodash.upperfirst"));
 
@@ -26,36 +26,36 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 var defaultSchemaProps = "\n  id\n  identifier\n  properties\n  dynamicProperties\n  actions\n  interfaces\n  relations\n  __typename\n";
 
 var getSearchPublishedContent = function getSearchPublishedContent(fields) {
-  return (0, _graphqlTag["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    query searchPublishedContent($rawQueryStringified: String!, $offset: Int, $limit: Int, $sort: String) {\n      searchPublishedContent(rawQueryStringified: $rawQueryStringified, offset: $offset, limit: $limit, sort: $sort) {\n        ", "\n      }\n    }\n  "])), fields);
+  return (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    query searchPublishedContent($rawQueryStringified: String!, $offset: Int, $limit: Int, $sort: String) {\n      searchPublishedContent(rawQueryStringified: $rawQueryStringified, offset: $offset, limit: $limit, sort: $sort) {\n        ", "\n      }\n    }\n  "])), fields);
 };
 
 exports.getSearchPublishedContent = getSearchPublishedContent;
 
 var getUser = function getUser(userProps) {
-  return (0, _graphqlTag["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  query getUser($id: String!) {\n    getUser(id: $id) {\n      id\n      ", "\n    }\n  }\n"])), userProps);
+  return (0, _client.gql)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  query getUser($id: String!) {\n    getUser(id: $id) {\n      id\n      ", "\n    }\n  }\n"])), userProps);
 };
 
 exports.getUser = getUser;
-var getEntitySchema = (0, _graphqlTag["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  query getEntitySchemas($identifier: String!) {\n    getEntitySchemas(identifier: $identifier) {\n      ", "\n    }\n  }\n"])), defaultSchemaProps);
+var getEntitySchema = (0, _client.gql)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  query getEntitySchemas($identifier: String!) {\n    getEntitySchemas(identifier: $identifier) {\n      ", "\n    }\n  }\n"])), defaultSchemaProps);
 exports.getEntitySchema = getEntitySchema;
-var getSingleEntitySchema = (0, _graphqlTag["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  query getEntitySchema($id: String!) {\n    getEntitySchema: getEntitySchema(id: $id) {\n      ", "\n    }\n  }\n"])), defaultSchemaProps);
+var getSingleEntitySchema = (0, _client.gql)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  query getEntitySchema($id: String!) {\n    getEntitySchema: getEntitySchema(id: $id) {\n      ", "\n    }\n  }\n"])), defaultSchemaProps);
 exports.getSingleEntitySchema = getSingleEntitySchema;
 
 var getMultipleSchema = function getMultipleSchema(identifiers) {
   var queryString = identifiers.map(function (id) {
     return "".concat(id, ": getEntitySchema(id: \"").concat(id, "\") {\n            ").concat(defaultSchemaProps, "\n      }");
   }).join("\n");
-  return (0, _graphqlTag["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    query {\n      ", "\n    }"])), queryString);
+  return (0, _client.gql)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    query {\n      ", "\n    }"])), queryString);
 };
 
 exports.getMultipleSchema = getMultipleSchema;
-var getFiles = (0, _graphqlTag["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  query getFiles($where: JSON!) {\n    getFiles(where: $where) {\n      id\n      location\n      mimetype\n      url\n      data\n    }\n  }\n"])));
+var getFiles = (0, _client.gql)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  query getFiles($where: JSON!) {\n    getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n"])));
 exports.getFiles = getFiles;
-var getFileById = (0, _graphqlTag["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  query getFile($id: String!) {\n    getFile(id: $id) {\n      id\n      location\n      mimetype\n      url\n      data\n    }\n  }\n"])));
+var getFileById = (0, _client.gql)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  query getFile($id: String!) {\n    getFile(id: $id) {\n      id\n      url\n      data\n    }\n  }\n"])));
 exports.getFileById = getFileById;
 
 var getCount = function getCount(action) {
-  return (0, _graphqlTag["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["query countData($where: JSON!) {\n    ", " (where: $where)\n  }\n"])), action);
+  return (0, _client.gql)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["query countData($where: JSON!) {\n    ", " (where: $where)\n  }\n"])), action);
 };
 
 exports.getCount = getCount;
@@ -65,13 +65,13 @@ var generateQuery = function generateQuery(action, props) {
 };
 
 var generateMultiItemQuery = function generateMultiItemQuery(action, props) {
-  return (0, _graphqlTag["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  query getEntityData($where: JSON){\n    ", " (where: $where){\n      ", "\n      id\n      __typename\n    }\n  }\n  "])), action, props);
+  return (0, _client.gql)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  query getEntityData($where: JSON){\n    ", " (where: $where){\n      ", "\n      id\n      __typename\n    }\n  }\n  "])), action, props);
 };
 
 exports.generateMultiItemQuery = generateMultiItemQuery;
 
 var generateSingleItemQuery = function generateSingleItemQuery(action, props) {
-  return (0, _graphqlTag["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n  query getEntityData($id: String!){\n    entityData: ", "(id: $id){\n    ", ",\n    id,\n    __typename\n    }\n  }\n  "])), action, props);
+  return (0, _client.gql)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n  query getEntityData($id: String!){\n    entityData: ", "(id: $id){\n    ", ",\n    id,\n    __typename\n    }\n  }\n  "])), action, props);
 }; // TODO: extend function to handle properties and make them dynamic with a config schema for each entity.
 
 
@@ -79,7 +79,7 @@ exports.generateSingleItemQuery = generateSingleItemQuery;
 
 var getAction = function getAction(action, props) {
   var query = generateQuery(action, props);
-  return (0, _graphqlTag["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n    ", "\n  "])), query);
+  return (0, _client.gql)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n    ", "\n  "])), query);
 };
 
 exports.getAction = getAction;

package/lib/application/query/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/application/query/index.js"],"names":["defaultSchemaProps","getSearchPublishedContent","fields","gql","getUser","userProps","getEntitySchema","getSingleEntitySchema","getMultipleSchema","identifiers","queryString","map","id","join","getFiles","getFileById","getCount","action","generateQuery","props","generateMultiItemQuery","generateSingleItemQuery","getAction","query"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,kBAAkB,kHAAxB;;AAWA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAAAC,MAAM;AAAA,aAAIC,sBAAJ,+VAG9BD,MAH8B;AAAA,CAAxC;;;;AAQA,IAAME,OAAO,GAAG,SAAVA,OAAU,CAAAC,SAAS;AAAA,aAAIF,sBAAJ,uLAIjBE,SAJiB;AAAA,CAAzB;;;AASA,IAAMC,eAAe,OAAGH,sBAAH,uNAGbH,kBAHa,CAArB;;AAQA,IAAMO,qBAAqB,OAAGJ,sBAAH,8MAGnBH,kBAHmB,CAA3B;;;AAQA,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,WAAW,EAAI;AACvC,MAAMC,WAAW,GAAGD,WAAW,CAC5BE,GADiB,CAEhB,UAAAC,EAAE;AAAA,qBAAOA,EAAP,qCAAmCA,EAAnC,gCACMZ,kBADN;AAAA,GAFc,EAMjBa,IANiB,MAApB;AAOA,aAAOV,sBAAP,0HAEMO,WAFN;AAID,CAZD;;;AAcA,IAAMI,QAAQ,OAAGX,sBAAH,0OAAd;;AAYA,IAAMY,WAAW,OAAGZ,sBAAH,iOAAjB;;;AAYA,IAAMa,QAAQ,GAAG,SAAXA,QAAW,CAAAC,MAAM;AAAA,aAAId,sBAAJ,2JACjBc,MADiB;AAAA,CAAvB;;;;AAKA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACD,MAAD,EAASE,KAAT;AAAA,8GAKR,wBAAWF,MAAX,CALQ,8BAMhBA,MANgB,mFAOdE,KAPc;AAAA,CAAtB;;AAaA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACH,MAAD,EAASE,KAAT;AAAA,aAAmBhB,sBAAnB,mNAEzBc,MAFyB,EAGvBE,KAHuB;AAAA,CAA/B;;;;AAUA,IAAME,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACJ,MAAD,EAASE,KAAT;AAAA,aAAmBhB,sBAAnB,sNAEdc,MAFc,EAG1BE,KAH0B;AAAA,CAAhC,C,CAUA;;;;;AACA,IAAMG,SAAS,GAAG,SAAZA,SAAY,CAACL,MAAD,EAASE,KAAT,EAAmB;AACnC,MAAMI,KAAK,GAAGL,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;AACA,aAAOhB,sBAAP,0GACIoB,KADJ;AAGD,CALD","sourcesContent":["import gql from 'graphql-tag';\nimport upperFirst from 'lodash.upperfirst';\n\nconst defaultSchemaProps = `\n  id\n  identifier\n  properties\n  dynamicProperties\n  actions\n  interfaces\n  relations\n  __typename\n`;\n\nconst getSearchPublishedContent = fields => gql`\n    query searchPublishedContent($rawQueryStringified: String!, $offset: Int, $limit: Int, $sort: String) {\n      searchPublishedContent(rawQueryStringified: $rawQueryStringified, offset: $offset, limit: $limit, sort: $sort) {\n        ${fields}\n      }\n    }\n  `;\n\nconst getUser = userProps => gql`\n  query getUser($id: String!) {\n    getUser(id: $id) {\n      id\n      ${userProps}\n    }\n  }\n`;\n\nconst getEntitySchema = gql`\n  query getEntitySchemas($identifier: String!) {\n    getEntitySchemas(identifier: $identifier) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getSingleEntitySchema = gql`\n  query getEntitySchema($id: String!) {\n    getEntitySchema: getEntitySchema(id: $id) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getMultipleSchema = identifiers => {\n  const queryString = identifiers\n    .map(\n      id => `${id}: getEntitySchema(id: \"${id}\") {\n            ${defaultSchemaProps}\n      }`\n    )\n    .join(`\\n`);\n  return gql`\n    query {\n      ${queryString}\n    }`;\n};\n\nconst getFiles = gql`\n  query getFiles($where: JSON!) {\n    getFiles(where: $where) {\n      id\n      location\n      mimetype\n      url\n      data\n    }\n  }\n`;\n\nconst getFileById = gql`\n  query getFile($id: String!) {\n    getFile(id: $id) {\n      id\n      location\n      mimetype\n      url\n      data\n    }\n  }\n`;\n\nconst getCount = action => gql`query countData($where: JSON!) {\n    ${action} (where: $where)\n  }\n`;\n\nconst generateQuery = (action, props) => `\n  query getEntityData(\n    $where: JSON\n    $limit: Int\n    $offset: Int\n    $sort: [${upperFirst(action)}SortItem]){\n    ${action} (where: $where, limit: $limit, offset: $offset, sort: $sort){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\nconst generateMultiItemQuery = (action, props) => gql`\n  query getEntityData($where: JSON){\n    ${action} (where: $where){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\n\nconst generateSingleItemQuery = (action, props) => gql`\n  query getEntityData($id: String!){\n    entityData: ${action}(id: $id){\n    ${props},\n    id,\n    __typename\n    }\n  }\n  `;\n\n// TODO: extend function to handle properties and make them dynamic with a config schema for each entity.\nconst getAction = (action, props) => {\n  const query = generateQuery(action, props);\n  return gql`\n    ${query}\n  `;\n};\n\nexport {\n  getEntitySchema,\n  getSingleEntitySchema,\n  getAction,\n  getFiles,\n  getFileById,\n  generateMultiItemQuery,\n  generateSingleItemQuery,\n  getSearchPublishedContent,\n  getCount,\n  getMultipleSchema,\n  getUser\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/application/query/index.js"],"names":["defaultSchemaProps","getSearchPublishedContent","fields","gql","getUser","userProps","getEntitySchema","getSingleEntitySchema","getMultipleSchema","identifiers","queryString","map","id","join","getFiles","getFileById","getCount","action","generateQuery","props","generateMultiItemQuery","generateSingleItemQuery","getAction","query"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,kBAAkB,kHAAxB;;AAWA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAAAC,MAAM;AAAA,aAAIC,WAAJ,+VAG9BD,MAH8B;AAAA,CAAxC;;;;AAQA,IAAME,OAAO,GAAG,SAAVA,OAAU,CAAAC,SAAS;AAAA,aAAIF,WAAJ,uLAIjBE,SAJiB;AAAA,CAAzB;;;AASA,IAAMC,eAAe,OAAGH,WAAH,uNAGbH,kBAHa,CAArB;;AAQA,IAAMO,qBAAqB,OAAGJ,WAAH,8MAGnBH,kBAHmB,CAA3B;;;AAQA,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,WAAW,EAAI;AACvC,MAAMC,WAAW,GAAGD,WAAW,CAC5BE,GADiB,CAEhB,UAAAC,EAAE;AAAA,qBAAOA,EAAP,qCAAmCA,EAAnC,gCACMZ,kBADN;AAAA,GAFc,EAMjBa,IANiB,MAApB;AAOA,aAAOV,WAAP,0HAEMO,WAFN;AAID,CAZD;;;AAcA,IAAMI,QAAQ,OAAGX,WAAH,0MAAd;;AAUA,IAAMY,WAAW,OAAGZ,WAAH,iMAAjB;;;AAUA,IAAMa,QAAQ,GAAG,SAAXA,QAAW,CAAAC,MAAM;AAAA,aAAId,WAAJ,2JACjBc,MADiB;AAAA,CAAvB;;;;AAKA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACD,MAAD,EAASE,KAAT;AAAA,8GAKR,wBAAWF,MAAX,CALQ,8BAMhBA,MANgB,mFAOdE,KAPc;AAAA,CAAtB;;AAaA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACH,MAAD,EAASE,KAAT;AAAA,aAAmBhB,WAAnB,mNAEzBc,MAFyB,EAGvBE,KAHuB;AAAA,CAA/B;;;;AAUA,IAAME,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACJ,MAAD,EAASE,KAAT;AAAA,aAAmBhB,WAAnB,sNAEdc,MAFc,EAG1BE,KAH0B;AAAA,CAAhC,C,CAUA;;;;;AACA,IAAMG,SAAS,GAAG,SAAZA,SAAY,CAACL,MAAD,EAASE,KAAT,EAAmB;AACnC,MAAMI,KAAK,GAAGL,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;AACA,aAAOhB,WAAP,0GACIoB,KADJ;AAGD,CALD","sourcesContent":["import { gql } from '@apollo/client';\nimport upperFirst from 'lodash.upperfirst';\n\nconst defaultSchemaProps = `\n  id\n  identifier\n  properties\n  dynamicProperties\n  actions\n  interfaces\n  relations\n  __typename\n`;\n\nconst getSearchPublishedContent = fields => gql`\n    query searchPublishedContent($rawQueryStringified: String!, $offset: Int, $limit: Int, $sort: String) {\n      searchPublishedContent(rawQueryStringified: $rawQueryStringified, offset: $offset, limit: $limit, sort: $sort) {\n        ${fields}\n      }\n    }\n  `;\n\nconst getUser = userProps => gql`\n  query getUser($id: String!) {\n    getUser(id: $id) {\n      id\n      ${userProps}\n    }\n  }\n`;\n\nconst getEntitySchema = gql`\n  query getEntitySchemas($identifier: String!) {\n    getEntitySchemas(identifier: $identifier) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getSingleEntitySchema = gql`\n  query getEntitySchema($id: String!) {\n    getEntitySchema: getEntitySchema(id: $id) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getMultipleSchema = identifiers => {\n  const queryString = identifiers\n    .map(\n      id => `${id}: getEntitySchema(id: \"${id}\") {\n            ${defaultSchemaProps}\n      }`\n    )\n    .join(`\\n`);\n  return gql`\n    query {\n      ${queryString}\n    }`;\n};\n\nconst getFiles = gql`\n  query getFiles($where: JSON!) {\n    getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getFileById = gql`\n  query getFile($id: String!) {\n    getFile(id: $id) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getCount = action => gql`query countData($where: JSON!) {\n    ${action} (where: $where)\n  }\n`;\n\nconst generateQuery = (action, props) => `\n  query getEntityData(\n    $where: JSON\n    $limit: Int\n    $offset: Int\n    $sort: [${upperFirst(action)}SortItem]){\n    ${action} (where: $where, limit: $limit, offset: $offset, sort: $sort){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\nconst generateMultiItemQuery = (action, props) => gql`\n  query getEntityData($where: JSON){\n    ${action} (where: $where){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\n\nconst generateSingleItemQuery = (action, props) => gql`\n  query getEntityData($id: String!){\n    entityData: ${action}(id: $id){\n    ${props},\n    id,\n    __typename\n    }\n  }\n  `;\n\n// TODO: extend function to handle properties and make them dynamic with a config schema for each entity.\nconst getAction = (action, props) => {\n  const query = generateQuery(action, props);\n  return gql`\n    ${query}\n  `;\n};\n\nexport {\n  getEntitySchema,\n  getSingleEntitySchema,\n  getAction,\n  getFiles,\n  getFileById,\n  generateMultiItemQuery,\n  generateSingleItemQuery,\n  getSearchPublishedContent,\n  getCount,\n  getMultipleSchema,\n  getUser\n};\n"],"file":"index.js"}

package/lib/components/Banner/AdSlotRender.js

@@ -0,0 +1,104 @@
+"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.array.sort.js");
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.array.concat.js");
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactDfp = require("react-dfp");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+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 AdSlotRender = function AdSlotRender(_ref) {
+  var shouldShowBanner = _ref.shouldShowBanner,
+      sizeMapping = _ref.sizeMapping,
+      sizeId = _ref.sizeId,
+      parsedAdunit = _ref.parsedAdunit,
+      parsedSizes = _ref.parsedSizes,
+      targetingArguments = _ref.targetingArguments;
+
+  var _useState = (0, _react.useState)(_constants.BANNER_LOADING),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      loadingStatus = _useState2[0],
+      setLoadingStatus = _useState2[1];
+
+  var bannerClass = "banner-".concat(sizeId);
+  var styles = loadingStatus === _constants.BANNER_LOADING && sizeMapping.map(function (_ref2) {
+    var styleSizes = _ref2.sizes,
+        _ref2$viewport = (0, _slicedToArray2["default"])(_ref2.viewport, 1),
+        minWidth = _ref2$viewport[0];
+
+    var minHeight = Math.min.apply(Math, (0, _toConsumableArray2["default"])(styleSizes.map(function (_ref3) {
+      var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
+          height = _ref4[1];
+
+      return height;
+    })));
+    return "@media(min-width:".concat(minWidth, "px){.").concat(bannerClass, "{min-height:").concat(minHeight, "px;}");
+  }).sort();
+  var className = "ad-slot ad-slot-".concat(loadingStatus, " ").concat(bannerClass);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, styles && /*#__PURE__*/_react["default"].createElement("style", null, styles), /*#__PURE__*/_react["default"].createElement("div", {
+    className: className
+  }, shouldShowBanner && /*#__PURE__*/_react["default"].createElement(_reactDfp.AdSlot, {
+    adUnit: parsedAdunit,
+    sizes: parsedSizes,
+    targetingArguments: targetingArguments,
+    sizeMapping: sizeMapping,
+    onSlotRender: function onSlotRender(_ref5) {
+      var isEmpty = _ref5.event.isEmpty;
+      var newLoadingStatus = isEmpty ? _constants.BANNER_EMPTY : _constants.BANNER_LOADED;
+      setLoadingStatus(newLoadingStatus);
+    }
+  })));
+};
+
+AdSlotRender.propTypes = {
+  shouldShowBanner: _propTypes["default"].bool.isRequired,
+  sizeMapping: _propTypes["default"].array.isRequired,
+  sizeId: _propTypes["default"].string.isRequired,
+  parsedAdunit: _propTypes["default"].string.isRequired,
+  parsedSizes: _propTypes["default"].array,
+  targetingArguments: _propTypes["default"].object.isRequired
+};
+AdSlotRender.defaultProps = {
+  parsedSizes: null
+};
+var _default = AdSlotRender;
+exports["default"] = _default;
+//# sourceMappingURL=AdSlotRender.js.map

package/lib/components/Banner/AdSlotRender.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Banner/AdSlotRender.js"],"names":["AdSlotRender","shouldShowBanner","sizeMapping","sizeId","parsedAdunit","parsedSizes","targetingArguments","BANNER_LOADING","loadingStatus","setLoadingStatus","bannerClass","styles","map","styleSizes","sizes","viewport","minWidth","minHeight","Math","min","height","sort","className","isEmpty","event","newLoadingStatus","BANNER_EMPTY","BANNER_LOADED","propTypes","PropTypes","bool","isRequired","array","string","object","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAOf;AAAA,MANJC,gBAMI,QANJA,gBAMI;AAAA,MALJC,WAKI,QALJA,WAKI;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,WAEI,QAFJA,WAEI;AAAA,MADJC,kBACI,QADJA,kBACI;;AACJ,kBAA0C,qBAASC,yBAAT,CAA1C;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMC,WAAW,oBAAaP,MAAb,CAAjB;AAEA,MAAMQ,MAAM,GACVH,aAAa,KAAKD,yBAAlB,IACAL,WAAW,CACRU,GADH,CACO,iBAAiD;AAAA,QAAvCC,UAAuC,SAA9CC,KAA8C;AAAA,+DAA3BC,QAA2B;AAAA,QAAhBC,QAAgB;;AACpD,QAAMC,SAAS,GAAGC,IAAI,CAACC,GAAL,OAAAD,IAAI,sCAAQL,UAAU,CAACD,GAAX,CAAe;AAAA;AAAA,UAAIQ,MAAJ;;AAAA,aAAgBA,MAAhB;AAAA,KAAf,CAAR,EAAtB;AACA,sCAA2BJ,QAA3B,kBAA2CN,WAA3C,yBAAqEO,SAArE;AACD,GAJH,EAKGI,IALH,EAFF;AAQA,MAAMC,SAAS,6BAAsBd,aAAtB,cAAuCE,WAAvC,CAAf;AAEA,sBACE,kEACGC,MAAM,iBAAI,+CAAQA,MAAR,CADb,eAEE;AAAK,IAAA,SAAS,EAAEW;AAAhB,KACGrB,gBAAgB,iBACf,gCAAC,gBAAD;AACE,IAAA,MAAM,EAAEG,YADV;AAEE,IAAA,KAAK,EAAEC,WAFT;AAGE,IAAA,kBAAkB,EAAEC,kBAHtB;AAIE,IAAA,WAAW,EAAEJ,WAJf;AAKE,IAAA,YAAY,EAAE,6BAA4B;AAAA,UAAhBqB,OAAgB,SAAzBC,KAAyB,CAAhBD,OAAgB;AACxC,UAAME,gBAAgB,GAAGF,OAAO,GAAGG,uBAAH,GAAkBC,wBAAlD;AACAlB,MAAAA,gBAAgB,CAACgB,gBAAD,CAAhB;AACD;AARH,IAFJ,CAFF,CADF;AAmBD,CAzCD;;AA2CAzB,YAAY,CAAC4B,SAAb,GAAyB;AACvB3B,EAAAA,gBAAgB,EAAE4B,sBAAUC,IAAV,CAAeC,UADV;AAEvB7B,EAAAA,WAAW,EAAE2B,sBAAUG,KAAV,CAAgBD,UAFN;AAGvB5B,EAAAA,MAAM,EAAE0B,sBAAUI,MAAV,CAAiBF,UAHF;AAIvB3B,EAAAA,YAAY,EAAEyB,sBAAUI,MAAV,CAAiBF,UAJR;AAKvB1B,EAAAA,WAAW,EAAEwB,sBAAUG,KALA;AAMvB1B,EAAAA,kBAAkB,EAAEuB,sBAAUK,MAAV,CAAiBH;AANd,CAAzB;AASA/B,YAAY,CAACmC,YAAb,GAA4B;AAC1B9B,EAAAA,WAAW,EAAE;AADa,CAA5B;eAIeL,Y","sourcesContent":["import React, { useState } from 'react';\nimport { AdSlot } from 'react-dfp';\nimport PropTypes from 'prop-types';\nimport { BANNER_LOADING, BANNER_EMPTY, BANNER_LOADED } from '../../constants';\n\nconst AdSlotRender = ({\n  shouldShowBanner,\n  sizeMapping,\n  sizeId,\n  parsedAdunit,\n  parsedSizes,\n  targetingArguments\n}) => {\n  const [loadingStatus, setLoadingStatus] = useState(BANNER_LOADING);\n\n  const bannerClass = `banner-${sizeId}`;\n\n  const styles =\n    loadingStatus === BANNER_LOADING &&\n    sizeMapping\n      .map(({ sizes: styleSizes, viewport: [minWidth] }) => {\n        const minHeight = Math.min(...styleSizes.map(([, height]) => height));\n        return `@media(min-width:${minWidth}px){.${bannerClass}{min-height:${minHeight}px;}`;\n      })\n      .sort();\n  const className = `ad-slot ad-slot-${loadingStatus} ${bannerClass}`;\n\n  return (\n    <>\n      {styles && <style>{styles}</style>}\n      <div className={className}>\n        {shouldShowBanner && (\n          <AdSlot\n            adUnit={parsedAdunit}\n            sizes={parsedSizes}\n            targetingArguments={targetingArguments}\n            sizeMapping={sizeMapping}\n            onSlotRender={({ event: { isEmpty } }) => {\n              const newLoadingStatus = isEmpty ? BANNER_EMPTY : BANNER_LOADED;\n              setLoadingStatus(newLoadingStatus);\n            }}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nAdSlotRender.propTypes = {\n  shouldShowBanner: PropTypes.bool.isRequired,\n  sizeMapping: PropTypes.array.isRequired,\n  sizeId: PropTypes.string.isRequired,\n  parsedAdunit: PropTypes.string.isRequired,\n  parsedSizes: PropTypes.array,\n  targetingArguments: PropTypes.object.isRequired\n};\n\nAdSlotRender.defaultProps = {\n  parsedSizes: null\n};\n\nexport default AdSlotRender;\n"],"file":"AdSlotRender.js"}

package/lib/components/Banner/Banner.js

@@ -39,7 +39,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _lodash = _interopRequireDefault(require("lodash.flatten"));
 
-var _reactHooks = require("@apollo/react-hooks");
+var _client = require("@apollo/client");
 
 var _router = require("next/router");
 
@@ -77,7 +77,7 @@ var Banner = function Banner(_ref) {
       propsToDisplay = _otherProps$propsToDi === void 0 ? [] : _otherProps$propsToDi;
   var itemEntity = parent.itemEntity;
 
-  var _useQuery = (0, _reactHooks.useQuery)(_query.getSingleEntitySchema, {
+  var _useQuery = (0, _client.useQuery)(_query.getSingleEntitySchema, {
     variables: {
       id: entity || itemEntity
     }

package/lib/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Banner/Banner.js"],"names":["Banner","type","otherProps","router","MainContext","isPreview","asPath","parent","entity","sizeId","propsToDisplay","itemEntity","getSingleEntitySchema","variables","id","data","error","loading","message","modifiers","queryProps","length","map","propertiesToDisplay","actionKey","action","bannerKey","propTypes","PropTypes","string","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAA6B;AAAA,MAA1BC,IAA0B,QAA1BA,IAA0B;AAAA,MAAjBC,UAAiB;AAC1C,MAAMC,MAAM,GAAG,wBAAf;;AACA,oBAAsB,uBAAWC,6BAAX,CAAtB;AAAA,MAAQC,SAAR,eAAQA,SAAR;;AACA,MAAQC,MAAR,GAAmBH,MAAnB,CAAQG,MAAR;AACA,MAAQC,MAAR,GAAwDL,UAAxD,CAAQK,MAAR;AAAA,MAAgBC,MAAhB,GAAwDN,UAAxD,CAAgBM,MAAhB;AAAA,MAAwBC,MAAxB,GAAwDP,UAAxD,CAAwBO,MAAxB;AAAA,8BAAwDP,UAAxD,CAAgCQ,cAAhC;AAAA,MAAgCA,cAAhC,sCAAiD,EAAjD;AAEA,MAAQC,UAAR,GAAuBJ,MAAvB,CAAQI,UAAR;;AACA,kBAAiC,0BAASC,4BAAT,EAAgC;AAC/DC,IAAAA,SAAS,EAAE;AAAEC,MAAAA,EAAE,EAAEN,MAAM,IAAIG;AAAhB;AADoD,GAAhC,CAAjC;AAAA,MAAQI,IAAR,aAAQA,IAAR;AAAA,MAAcC,KAAd,aAAcA,KAAd;AAAA,MAAqBC,OAArB,aAAqBA,OAArB;;AAIA,MAAIA,OAAJ,EAAa,OAAO,EAAP;AACb,MAAID,KAAJ,EAAW,OAAOA,KAAK,CAACE,OAAb;AACX,MAAI,CAACH,IAAL,EAAW,OAAO,IAAP;AACX,MAAI,CAACN,MAAL,EAAa,OAAO,IAAP;AAEb,MAAMU,SAAS,GAAG,8BAAkB,QAAlB,EAA4BjB,UAA5B,CAAlB;AACA,MAAMkB,UAAU,GAAG,iCACjBL,IADiB,EAEjBL,cAAc,CAACW,MAAf,GACI,wBAAQX,cAAc,CAACY,GAAf,CAAmB;AAAA,QAAGC,mBAAH,SAAGA,mBAAH;AAAA,WAA6BA,mBAA7B;AAAA,GAAnB,CAAR,CADJ,GAEI,EAJa,CAAnB;;AAOA,8BAA8B,uCAAqBH,UAArB,EAAiCL,IAAjC,EAAuCV,SAAvC,CAA9B;AAAA,MAAQmB,SAAR,yBAAQA,SAAR;AAAA,MAAmBC,MAAnB,yBAAmBA,MAAnB;;AACA,MAAMC,SAAS,aAAMjB,MAAN,SAAeH,MAAf,CAAf;AAEA,sBACE,gCAAC,mBAAD;AAAS,IAAA,SAAS,EAAEL,IAApB;AAA0B,IAAA,SAAS,EAAEkB;AAArC,kBACE,gCAAC,wBAAD;AACE,IAAA,GAAG,EAAEO;AADP,KAEMxB,UAFN;AAGE,IAAA,MAAM,EAAEuB,MAHV;AAIE,IAAA,SAAS,EAAED,SAJb;AAKE,IAAA,MAAM,EAAElB;AALV,KADF,CADF;AAWD,CAtCD;;AAwCAN,MAAM,CAAC2B,SAAP,GAAmB;AACjB1B,EAAAA,IAAI,EAAE2B,sBAAUC;AADC,CAAnB;AAIA7B,MAAM,CAAC8B,YAAP,GAAsB;AACpB7B,EAAAA,IAAI,EAAE;AADc,CAAtB;eAIeD,M","sourcesContent":["import React, { useContext } from 'react';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport PropTypes from 'prop-types';\nimport flatten from 'lodash.flatten';\nimport { useQuery } from '@apollo/react-hooks';\nimport { useRouter } from 'next/router';\nimport { getSingleEntitySchema } from '../../application/query';\nimport Wrapper from '../Wrapper';\nimport BannerRender from './BannerRender';\nimport buildPropsQuery from '../../helpers/build-props-query';\nimport { getClassModifiers } from '../../utils';\nimport getEntityRenderProps from '../../helpers/get-entity-render-props';\n\nconst Banner = ({ type, ...otherProps }) => {\n  const router = useRouter();\n  const { isPreview } = useContext(MainContext);\n  const { asPath } = router;\n  const { parent, entity, sizeId, propsToDisplay = [] } = otherProps;\n\n  const { itemEntity } = parent;\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entity || itemEntity }\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data) return null;\n  if (!sizeId) return null;\n\n  const modifiers = getClassModifiers('banner', otherProps);\n  const queryProps = buildPropsQuery(\n    data,\n    propsToDisplay.length\n      ? flatten(propsToDisplay.map(({ propertiesToDisplay }) => propertiesToDisplay))\n      : []\n  );\n\n  const { actionKey, action } = getEntityRenderProps(queryProps, data, isPreview);\n  const bannerKey = `${sizeId}${asPath}`;\n\n  return (\n    <Wrapper className={type} modifiers={modifiers}>\n      <BannerRender\n        key={bannerKey}\n        {...otherProps}\n        action={action}\n        actionKey={actionKey}\n        asPath={asPath}\n      />\n    </Wrapper>\n  );\n};\n\nBanner.propTypes = {\n  type: PropTypes.string\n};\n\nBanner.defaultProps = {\n  type: 'banner'\n};\n\nexport default Banner;\n"],"file":"Banner.js"}
+{"version":3,"sources":["../../../src/components/Banner/Banner.js"],"names":["Banner","type","otherProps","router","MainContext","isPreview","asPath","parent","entity","sizeId","propsToDisplay","itemEntity","getSingleEntitySchema","variables","id","data","error","loading","message","modifiers","queryProps","length","map","propertiesToDisplay","actionKey","action","bannerKey","propTypes","PropTypes","string","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAA6B;AAAA,MAA1BC,IAA0B,QAA1BA,IAA0B;AAAA,MAAjBC,UAAiB;AAC1C,MAAMC,MAAM,GAAG,wBAAf;;AACA,oBAAsB,uBAAWC,6BAAX,CAAtB;AAAA,MAAQC,SAAR,eAAQA,SAAR;;AACA,MAAQC,MAAR,GAAmBH,MAAnB,CAAQG,MAAR;AACA,MAAQC,MAAR,GAAwDL,UAAxD,CAAQK,MAAR;AAAA,MAAgBC,MAAhB,GAAwDN,UAAxD,CAAgBM,MAAhB;AAAA,MAAwBC,MAAxB,GAAwDP,UAAxD,CAAwBO,MAAxB;AAAA,8BAAwDP,UAAxD,CAAgCQ,cAAhC;AAAA,MAAgCA,cAAhC,sCAAiD,EAAjD;AAEA,MAAQC,UAAR,GAAuBJ,MAAvB,CAAQI,UAAR;;AACA,kBAAiC,sBAASC,4BAAT,EAAgC;AAC/DC,IAAAA,SAAS,EAAE;AAAEC,MAAAA,EAAE,EAAEN,MAAM,IAAIG;AAAhB;AADoD,GAAhC,CAAjC;AAAA,MAAQI,IAAR,aAAQA,IAAR;AAAA,MAAcC,KAAd,aAAcA,KAAd;AAAA,MAAqBC,OAArB,aAAqBA,OAArB;;AAIA,MAAIA,OAAJ,EAAa,OAAO,EAAP;AACb,MAAID,KAAJ,EAAW,OAAOA,KAAK,CAACE,OAAb;AACX,MAAI,CAACH,IAAL,EAAW,OAAO,IAAP;AACX,MAAI,CAACN,MAAL,EAAa,OAAO,IAAP;AAEb,MAAMU,SAAS,GAAG,8BAAkB,QAAlB,EAA4BjB,UAA5B,CAAlB;AACA,MAAMkB,UAAU,GAAG,iCACjBL,IADiB,EAEjBL,cAAc,CAACW,MAAf,GACI,wBAAQX,cAAc,CAACY,GAAf,CAAmB;AAAA,QAAGC,mBAAH,SAAGA,mBAAH;AAAA,WAA6BA,mBAA7B;AAAA,GAAnB,CAAR,CADJ,GAEI,EAJa,CAAnB;;AAOA,8BAA8B,uCAAqBH,UAArB,EAAiCL,IAAjC,EAAuCV,SAAvC,CAA9B;AAAA,MAAQmB,SAAR,yBAAQA,SAAR;AAAA,MAAmBC,MAAnB,yBAAmBA,MAAnB;;AACA,MAAMC,SAAS,aAAMjB,MAAN,SAAeH,MAAf,CAAf;AAEA,sBACE,gCAAC,mBAAD;AAAS,IAAA,SAAS,EAAEL,IAApB;AAA0B,IAAA,SAAS,EAAEkB;AAArC,kBACE,gCAAC,wBAAD;AACE,IAAA,GAAG,EAAEO;AADP,KAEMxB,UAFN;AAGE,IAAA,MAAM,EAAEuB,MAHV;AAIE,IAAA,SAAS,EAAED,SAJb;AAKE,IAAA,MAAM,EAAElB;AALV,KADF,CADF;AAWD,CAtCD;;AAwCAN,MAAM,CAAC2B,SAAP,GAAmB;AACjB1B,EAAAA,IAAI,EAAE2B,sBAAUC;AADC,CAAnB;AAIA7B,MAAM,CAAC8B,YAAP,GAAsB;AACpB7B,EAAAA,IAAI,EAAE;AADc,CAAtB;eAIeD,M","sourcesContent":["import React, { useContext } from 'react';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport PropTypes from 'prop-types';\nimport flatten from 'lodash.flatten';\nimport { useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { getSingleEntitySchema } from '../../application/query';\nimport Wrapper from '../Wrapper';\nimport BannerRender from './BannerRender';\nimport buildPropsQuery from '../../helpers/build-props-query';\nimport { getClassModifiers } from '../../utils';\nimport getEntityRenderProps from '../../helpers/get-entity-render-props';\n\nconst Banner = ({ type, ...otherProps }) => {\n  const router = useRouter();\n  const { isPreview } = useContext(MainContext);\n  const { asPath } = router;\n  const { parent, entity, sizeId, propsToDisplay = [] } = otherProps;\n\n  const { itemEntity } = parent;\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entity || itemEntity }\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data) return null;\n  if (!sizeId) return null;\n\n  const modifiers = getClassModifiers('banner', otherProps);\n  const queryProps = buildPropsQuery(\n    data,\n    propsToDisplay.length\n      ? flatten(propsToDisplay.map(({ propertiesToDisplay }) => propertiesToDisplay))\n      : []\n  );\n\n  const { actionKey, action } = getEntityRenderProps(queryProps, data, isPreview);\n  const bannerKey = `${sizeId}${asPath}`;\n\n  return (\n    <Wrapper className={type} modifiers={modifiers}>\n      <BannerRender\n        key={bannerKey}\n        {...otherProps}\n        action={action}\n        actionKey={actionKey}\n        asPath={asPath}\n      />\n    </Wrapper>\n  );\n};\n\nBanner.propTypes = {\n  type: PropTypes.string\n};\n\nBanner.defaultProps = {\n  type: 'banner'\n};\n\nexport default Banner;\n"],"file":"Banner.js"}

package/lib/components/Banner/BannerRender.js

@@ -31,13 +31,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _reactDfp = require("react-dfp");
+var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _react = _interopRequireDefault(require("react"));
-
-var _reactApollo = require("react-apollo");
+var _client = require("@apollo/client");
 
 var _query = require("../../application/query");
 
@@ -47,6 +45,8 @@ var _constants = require("../../constants");
 
 var _HOC = require("../../HOC");
 
+var _AdSlotRender = _interopRequireDefault(require("./AdSlotRender"));
+
 var _excluded = ["baseAdunit", "adunit", "sizeId", "sizes", "propsToDisplay", "entity", "targetings", "parent", "asPath", "action", "actionKey", "cardBannerIndex"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -70,7 +70,7 @@ var BannerRender = function BannerRender(_ref) {
   var id = otherProps.id;
   var itemId = parent.itemId;
 
-  var _useQuery = (0, _reactApollo.useQuery)(action, {
+  var _useQuery = (0, _client.useQuery)(action, {
     variables: {
       where: {
         id: id || itemId
@@ -81,9 +81,7 @@ var BannerRender = function BannerRender(_ref) {
       _useQuery$data = _useQuery.data,
       entityRecordData = _useQuery$data === void 0 ? {} : _useQuery$data;
 
-  var parsedTargetings = (0, _helpers.buildContextualTargeting)(actionKey, entityRecordData, propsToDisplay);
-
-  var _useQuery2 = (0, _reactApollo.useQuery)((0, _query.generateSingleItemQuery)(_constants.GET_BANNER, _constants.BANNER_QUERY_PROPS), {
+  var _useQuery2 = (0, _client.useQuery)((0, _query.generateSingleItemQuery)(_constants.GET_BANNER, _constants.BANNER_QUERY_PROPS), {
     variables: {
       id: sizeId
     },
@@ -92,17 +90,7 @@ var BannerRender = function BannerRender(_ref) {
       _useQuery2$data = _useQuery2.data,
       bannerData = _useQuery2$data === void 0 ? {} : _useQuery2$data;
 
-  var entityData = bannerData.entityData;
-
-  var _ref2 = entityData || {},
-      bannerSizes = _ref2.sizes;
-
-  var sizeMapping = (0, _helpers.buildSizeMapping)(sizeId, bannerSizes);
-  var parsedSizes = (0, _helpers.buildBannerSizes)(sizeId, bannerSizes, sizes);
-  var maxBannerHeight = (0, _helpers.getMaxBannerHeight)(bannerSizes);
-  var minBannerHeight = (0, _helpers.getMinBannerHeight)(bannerSizes);
-
-  var _useQuery3 = (0, _reactApollo.useQuery)((0, _query.getCount)(_constants.COUNT_CONTENT_HIERARCHIES), {
+  var _useQuery3 = (0, _client.useQuery)((0, _query.getCount)(_constants.COUNT_CONTENT_HIERARCHIES), {
     variables: {
       where: {
         parentId: id || itemId,
@@ -115,29 +103,31 @@ var BannerRender = function BannerRender(_ref) {
       _useQuery3$data = _useQuery3.data,
       data = _useQuery3$data === void 0 ? {} : _useQuery3$data;
 
+  var parsedTargetings = (0, _helpers.buildContextualTargeting)(actionKey, entityRecordData, propsToDisplay);
+  var entityData = bannerData.entityData;
+
+  var _ref2 = entityData || {},
+      bannerSizes = _ref2.sizes;
+
+  var sizeMapping = (0, _helpers.buildSizeMapping)(sizeId, bannerSizes);
+  var parsedSizes = (0, _helpers.buildBannerSizes)(sizeId, bannerSizes, sizes);
   var countContentHierarchies = data.countContentHierarchies;
   var parsedAdunit = (0, _helpers.buildParsedAdunit)(asPath, countContentHierarchies, baseAdunit, adunit);
   var isContextualTargetingSet = propsToDisplay.length && parsedTargetings && Object.keys(parsedTargetings).length;
   var isContextualTargetingReady = isContextualTargetingSet || !propsToDisplay.length;
   var shouldShowBanner = parsedAdunit && parsedSizes && !!parsedSizes.length && isContextualTargetingReady;
-  if (!shouldShowBanner) return null;
   var customTargetings = (0, _helpers.setCustomTargetings)(targetings, cardBannerIndex);
-  var style = {
-    maxHeight: maxBannerHeight,
-    minHeight: minBannerHeight
-  };
 
   var targetingArguments = _objectSpread(_objectSpread({}, parsedTargetings), customTargetings);
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ad-slot",
-    style: style
-  }, /*#__PURE__*/_react["default"].createElement(_reactDfp.AdSlot, {
-    adUnit: parsedAdunit,
-    sizes: parsedSizes,
-    targetingArguments: targetingArguments,
-    sizeMapping: sizeMapping
-  }));
+  return /*#__PURE__*/_react["default"].createElement(_AdSlotRender["default"], {
+    shouldShowBanner: !!shouldShowBanner,
+    sizeMapping: sizeMapping,
+    sizeId: sizeId,
+    parsedAdunit: parsedAdunit,
+    parsedSizes: parsedSizes,
+    targetingArguments: targetingArguments
+  });
 };
 
 BannerRender.propTypes = {

package/lib/components/Banner/BannerRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Banner/BannerRender.js"],"names":["BannerRender","baseAdunit","adunit","sizeId","sizes","propsToDisplay","entity","targetings","parent","asPath","action","actionKey","cardBannerIndex","otherProps","id","itemId","variables","where","skip","data","entityRecordData","parsedTargetings","GET_BANNER","BANNER_QUERY_PROPS","bannerData","entityData","bannerSizes","sizeMapping","parsedSizes","maxBannerHeight","minBannerHeight","COUNT_CONTENT_HIERARCHIES","parentId","childEntity","_ilike","PUBLISHED","countContentHierarchies","parsedAdunit","isContextualTargetingSet","length","Object","keys","isContextualTargetingReady","shouldShowBanner","customTargetings","style","maxHeight","minHeight","targetingArguments","propTypes","PropTypes","object","isRequired","string","array","number","defaultProps"],"mappings":"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","sourcesContent":["import { AdSlot } from 'react-dfp';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { useQuery } from 'react-apollo';\nimport { generateSingleItemQuery, getCount } from '../../application/query';\nimport {\n  buildBannerSizes,\n  buildContextualTargeting,\n  buildParsedAdunit,\n  buildSizeMapping,\n  getMaxBannerHeight,\n  getMinBannerHeight,\n  setCustomTargetings\n} from './helpers';\nimport {\n  BANNER_QUERY_PROPS,\n  COUNT_CONTENT_HIERARCHIES,\n  GET_BANNER,\n  PUBLISHED\n} from '../../constants';\nimport { withTitle } from '../../HOC';\n\nconst BannerRender = ({\n  baseAdunit,\n  adunit,\n  sizeId,\n  sizes,\n  propsToDisplay,\n  entity,\n  targetings,\n  parent,\n  asPath,\n  action,\n  actionKey,\n  cardBannerIndex,\n  ...otherProps\n}) => {\n  const { id } = otherProps;\n  const { itemId } = parent;\n\n  const { data: entityRecordData = {} } = useQuery(action, {\n    variables: { where: { id: id || itemId } },\n    skip: id && id !== itemId\n  });\n\n  const parsedTargetings = buildContextualTargeting(actionKey, entityRecordData, propsToDisplay);\n\n  const { data: bannerData = {} } = useQuery(\n    generateSingleItemQuery(GET_BANNER, BANNER_QUERY_PROPS),\n    {\n      variables: { id: sizeId },\n      skip: !sizeId\n    }\n  );\n  const { entityData } = bannerData;\n  const { sizes: bannerSizes } = entityData || {};\n\n  const sizeMapping = buildSizeMapping(sizeId, bannerSizes);\n  const parsedSizes = buildBannerSizes(sizeId, bannerSizes, sizes);\n  const maxBannerHeight = getMaxBannerHeight(bannerSizes);\n  const minBannerHeight = getMinBannerHeight(bannerSizes);\n\n  const { data = {} } = useQuery(getCount(COUNT_CONTENT_HIERARCHIES), {\n    variables: {\n      where: {\n        parentId: id || itemId,\n        childEntity: {\n          _ilike: `${PUBLISHED}_%`\n        }\n      }\n    }\n  });\n\n  const { countContentHierarchies } = data;\n\n  const parsedAdunit = buildParsedAdunit(asPath, countContentHierarchies, baseAdunit, adunit);\n  const isContextualTargetingSet =\n    propsToDisplay.length && parsedTargetings && Object.keys(parsedTargetings).length;\n  const isContextualTargetingReady = isContextualTargetingSet || !propsToDisplay.length;\n  const shouldShowBanner =\n    parsedAdunit && parsedSizes && !!parsedSizes.length && isContextualTargetingReady;\n\n  if (!shouldShowBanner) return null;\n  const customTargetings = setCustomTargetings(targetings, cardBannerIndex);\n  const style = {\n    maxHeight: maxBannerHeight,\n    minHeight: minBannerHeight\n  };\n  const targetingArguments = { ...parsedTargetings, ...customTargetings };\n\n  return (\n    <div className=\"ad-slot\" style={style}>\n      <AdSlot\n        adUnit={parsedAdunit}\n        sizes={parsedSizes}\n        targetingArguments={targetingArguments}\n        sizeMapping={sizeMapping}\n      />\n    </div>\n  );\n};\n\nBannerRender.propTypes = {\n  parent: PropTypes.object.isRequired,\n  asPath: PropTypes.string.isRequired,\n  action: PropTypes.object.isRequired,\n  actionKey: PropTypes.string.isRequired,\n  adunit: PropTypes.string,\n  baseAdunit: PropTypes.string,\n  sizeId: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string,\n  targetings: PropTypes.string,\n  sizes: PropTypes.string,\n  cardBannerIndex: PropTypes.number\n};\n\nBannerRender.defaultProps = {\n  adunit: '',\n  baseAdunit: '',\n  sizeId: '',\n  propsToDisplay: [],\n  entity: '',\n  targetings: '',\n  sizes: '',\n  cardBannerIndex: null\n};\n\nexport default withTitle(BannerRender);\n"],"file":"BannerRender.js"}
+{"version":3,"sources":["../../../src/components/Banner/BannerRender.js"],"names":["BannerRender","baseAdunit","adunit","sizeId","sizes","propsToDisplay","entity","targetings","parent","asPath","action","actionKey","cardBannerIndex","otherProps","id","itemId","variables","where","skip","data","entityRecordData","GET_BANNER","BANNER_QUERY_PROPS","bannerData","COUNT_CONTENT_HIERARCHIES","parentId","childEntity","_ilike","PUBLISHED","parsedTargetings","entityData","bannerSizes","sizeMapping","parsedSizes","countContentHierarchies","parsedAdunit","isContextualTargetingSet","length","Object","keys","isContextualTargetingReady","shouldShowBanner","customTargetings","targetingArguments","propTypes","PropTypes","object","isRequired","string","array","number","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useQuery } from '@apollo/client';\n\nimport { generateSingleItemQuery, getCount } from '../../application/query';\nimport {\n  buildBannerSizes,\n  buildContextualTargeting,\n  buildParsedAdunit,\n  buildSizeMapping,\n  setCustomTargetings\n} from './helpers';\nimport {\n  BANNER_QUERY_PROPS,\n  COUNT_CONTENT_HIERARCHIES,\n  GET_BANNER,\n  PUBLISHED\n} from '../../constants';\nimport { withTitle } from '../../HOC';\nimport AdSlotRender from './AdSlotRender';\n\nconst BannerRender = ({\n  baseAdunit,\n  adunit,\n  sizeId,\n  sizes,\n  propsToDisplay,\n  entity,\n  targetings,\n  parent,\n  asPath,\n  action,\n  actionKey,\n  cardBannerIndex,\n  ...otherProps\n}) => {\n  const { id } = otherProps;\n  const { itemId } = parent;\n\n  const { data: entityRecordData = {} } = useQuery(action, {\n    variables: { where: { id: id || itemId } },\n    skip: id && id !== itemId\n  });\n\n  const { data: bannerData = {} } = useQuery(\n    generateSingleItemQuery(GET_BANNER, BANNER_QUERY_PROPS),\n    {\n      variables: { id: sizeId },\n      skip: !sizeId\n    }\n  );\n\n  const { data = {} } = useQuery(getCount(COUNT_CONTENT_HIERARCHIES), {\n    variables: {\n      where: {\n        parentId: id || itemId,\n        childEntity: {\n          _ilike: `${PUBLISHED}_%`\n        }\n      }\n    }\n  });\n\n  const parsedTargetings = buildContextualTargeting(actionKey, entityRecordData, propsToDisplay);\n\n  const { entityData } = bannerData;\n  const { sizes: bannerSizes } = entityData || {};\n\n  const sizeMapping = buildSizeMapping(sizeId, bannerSizes);\n  const parsedSizes = buildBannerSizes(sizeId, bannerSizes, sizes);\n\n  const { countContentHierarchies } = data;\n\n  const parsedAdunit = buildParsedAdunit(asPath, countContentHierarchies, baseAdunit, adunit);\n  const isContextualTargetingSet =\n    propsToDisplay.length && parsedTargetings && Object.keys(parsedTargetings).length;\n  const isContextualTargetingReady = isContextualTargetingSet || !propsToDisplay.length;\n  const shouldShowBanner =\n    parsedAdunit && parsedSizes && !!parsedSizes.length && isContextualTargetingReady;\n\n  const customTargetings = setCustomTargetings(targetings, cardBannerIndex);\n\n  const targetingArguments = { ...parsedTargetings, ...customTargetings };\n\n  return (\n    <AdSlotRender\n      shouldShowBanner={!!shouldShowBanner}\n      sizeMapping={sizeMapping}\n      sizeId={sizeId}\n      parsedAdunit={parsedAdunit}\n      parsedSizes={parsedSizes}\n      targetingArguments={targetingArguments}\n    />\n  );\n};\n\nBannerRender.propTypes = {\n  parent: PropTypes.object.isRequired,\n  asPath: PropTypes.string.isRequired,\n  action: PropTypes.object.isRequired,\n  actionKey: PropTypes.string.isRequired,\n  adunit: PropTypes.string,\n  baseAdunit: PropTypes.string,\n  sizeId: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string,\n  targetings: PropTypes.string,\n  sizes: PropTypes.string,\n  cardBannerIndex: PropTypes.number\n};\n\nBannerRender.defaultProps = {\n  adunit: '',\n  baseAdunit: '',\n  sizeId: '',\n  propsToDisplay: [],\n  entity: '',\n  targetings: '',\n  sizes: '',\n  cardBannerIndex: null\n};\n\nexport default withTitle(BannerRender);\n"],"file":"BannerRender.js"}

package/lib/components/Button.js

@@ -57,7 +57,7 @@ var _button = _interopRequireDefault(require("@blaze-react/button"));
 
 var _coreAuthUi = require("@blaze-cms/core-auth-ui");
 
-var _reactApollo = require("react-apollo");
+var _client = require("@apollo/client");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -93,7 +93,7 @@ var Button = function Button(props) {
       children = props.children,
       clickAction = props.clickAction,
       otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var client = (0, _reactApollo.useApolloClient)();
+  var client = (0, _client.useApolloClient)();
   var router = (0, _router.useRouter)();
   var isLogoutButton = clickAction === _constants.LOGOUT;
 

package/lib/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Button.js"],"names":["Button","props","type","text","url","icon","name","style","children","clickAction","otherProps","client","router","isLogoutButton","LOGOUT","cookies","blazeCookie","blaze_auth","showChildren","setShowChildren","checkIfButtonShouldRender","logout","reload","handleClick","buttonType","modifiers","currentProps","href","title","DynamicButton","BlazeLink","BlazeButton","parent","itemId","itemEntity","renderedChildren","onClose","shouldUseClickWrapper","wrapperProps","Wrapper","ClickWrapper","Fragment","propTypes","PropTypes","string","size","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState, Fragment } from 'react';\nimport { useCookies } from 'react-cookie';\nimport { useRouter } from 'next/router';\nimport BlazeButton from '@blaze-react/button';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { useApolloClient } from 'react-apollo';\nimport PropTypes from 'prop-types';\nimport ClickWrapper from './ClickWrapper';\nimport BlazeLink from './BlazeLink';\nimport { withTitle } from '../HOC';\nimport { getClassModifiers } from '../utils';\nimport { LOGOUT } from '../constants';\nimport {\n  renderChildren,\n  updateChildrensParent,\n  hasChildren,\n  getClickWrapperOptions\n} from '../helpers';\n\nconst Button = props => {\n  const { type, text, url, icon, name, style, children, clickAction, ...otherProps } = props;\n  const client = useApolloClient();\n  const router = useRouter();\n  const isLogoutButton = clickAction === LOGOUT;\n  const [cookies] = useCookies();\n  const { blaze_auth: blazeCookie } = cookies;\n  const [showChildren, setShowChildren] = useState(false);\n\n  const checkIfButtonShouldRender = () => {\n    if (isLogoutButton) return !!blazeCookie;\n    if (!text && !icon) return false;\n    return !!(url || hasChildren(children));\n  };\n\n  const logout = () => {\n    handleLogout(client);\n    url ? router.reload(url) : router.reload();\n  };\n\n  const handleClick = () => {\n    if (isLogoutButton) logout();\n    if (!url && !isLogoutButton) setShowChildren(!showChildren);\n  };\n\n  if (!checkIfButtonShouldRender()) return null;\n\n  const buttonType = !text && icon ? 'icon' : type;\n  const modifiers = getClassModifiers(buttonType, { icon, style, ...otherProps });\n  const currentProps = url ? { href: url, title: name } : { name };\n  const DynamicButton = url && !isLogoutButton ? BlazeLink : BlazeButton;\n  updateChildrensParent(children, otherProps.parent.itemId, otherProps.parent.itemEntity);\n\n  const renderedChildren = renderChildren(children, { onClose: handleClick });\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(children, props);\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n  return (\n    <Wrapper {...wrapperProps}>\n      <DynamicButton className={modifiers} onClick={handleClick} {...currentProps}>\n        {icon && <i className={icon} />}\n        {text}\n      </DynamicButton>\n      {showChildren && renderedChildren}\n    </Wrapper>\n  );\n};\n\nButton.propTypes = {\n  clickAction: PropTypes.string,\n  text: PropTypes.string,\n  name: PropTypes.string,\n  type: PropTypes.string,\n  url: PropTypes.string,\n  size: PropTypes.string,\n  icon: PropTypes.string,\n  style: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nButton.defaultProps = {\n  clickAction: '',\n  text: '',\n  name: '',\n  type: '',\n  url: null,\n  size: '',\n  icon: '',\n  style: '',\n  children: []\n};\n\nexport default withTitle(Button);\n"],"file":"Button.js"}
+{"version":3,"sources":["../../src/components/Button.js"],"names":["Button","props","type","text","url","icon","name","style","children","clickAction","otherProps","client","router","isLogoutButton","LOGOUT","cookies","blazeCookie","blaze_auth","showChildren","setShowChildren","checkIfButtonShouldRender","logout","reload","handleClick","buttonType","modifiers","currentProps","href","title","DynamicButton","BlazeLink","BlazeButton","parent","itemId","itemEntity","renderedChildren","onClose","shouldUseClickWrapper","wrapperProps","Wrapper","ClickWrapper","Fragment","propTypes","PropTypes","string","size","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState, Fragment } from 'react';\nimport { useCookies } from 'react-cookie';\nimport { useRouter } from 'next/router';\nimport BlazeButton from '@blaze-react/button';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { useApolloClient } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport ClickWrapper from './ClickWrapper';\nimport BlazeLink from './BlazeLink';\nimport { withTitle } from '../HOC';\nimport { getClassModifiers } from '../utils';\nimport { LOGOUT } from '../constants';\nimport {\n  renderChildren,\n  updateChildrensParent,\n  hasChildren,\n  getClickWrapperOptions\n} from '../helpers';\n\nconst Button = props => {\n  const { type, text, url, icon, name, style, children, clickAction, ...otherProps } = props;\n  const client = useApolloClient();\n  const router = useRouter();\n  const isLogoutButton = clickAction === LOGOUT;\n  const [cookies] = useCookies();\n  const { blaze_auth: blazeCookie } = cookies;\n  const [showChildren, setShowChildren] = useState(false);\n\n  const checkIfButtonShouldRender = () => {\n    if (isLogoutButton) return !!blazeCookie;\n    if (!text && !icon) return false;\n    return !!(url || hasChildren(children));\n  };\n\n  const logout = () => {\n    handleLogout(client);\n    url ? router.reload(url) : router.reload();\n  };\n\n  const handleClick = () => {\n    if (isLogoutButton) logout();\n    if (!url && !isLogoutButton) setShowChildren(!showChildren);\n  };\n\n  if (!checkIfButtonShouldRender()) return null;\n\n  const buttonType = !text && icon ? 'icon' : type;\n  const modifiers = getClassModifiers(buttonType, { icon, style, ...otherProps });\n  const currentProps = url ? { href: url, title: name } : { name };\n  const DynamicButton = url && !isLogoutButton ? BlazeLink : BlazeButton;\n  updateChildrensParent(children, otherProps.parent.itemId, otherProps.parent.itemEntity);\n\n  const renderedChildren = renderChildren(children, { onClose: handleClick });\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(children, props);\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n  return (\n    <Wrapper {...wrapperProps}>\n      <DynamicButton className={modifiers} onClick={handleClick} {...currentProps}>\n        {icon && <i className={icon} />}\n        {text}\n      </DynamicButton>\n      {showChildren && renderedChildren}\n    </Wrapper>\n  );\n};\n\nButton.propTypes = {\n  clickAction: PropTypes.string,\n  text: PropTypes.string,\n  name: PropTypes.string,\n  type: PropTypes.string,\n  url: PropTypes.string,\n  size: PropTypes.string,\n  icon: PropTypes.string,\n  style: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nButton.defaultProps = {\n  clickAction: '',\n  text: '',\n  name: '',\n  type: '',\n  url: null,\n  size: '',\n  icon: '',\n  style: '',\n  children: []\n};\n\nexport default withTitle(Button);\n"],"file":"Button.js"}

package/lib/components/Card/CardContainer.js

@@ -55,7 +55,7 @@ var _helpers2 = require("../../helpers");
 
 var _utils = require("../../utils");
 
-var _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit"],
+var _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "autoScrollTimer"],
     _excluded2 = ["baseAdunit", "id"];
 
 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); }
@@ -80,6 +80,8 @@ var CardContainer = function CardContainer(_ref) {
       enableCarousel = _ref.enableCarousel,
       bannerModifier = _ref.bannerModifier,
       priorityLimit = _ref.priorityLimit,
+      enableAutoScroll = _ref.enableAutoScroll,
+      autoScrollTimer = _ref.autoScrollTimer,
       cardProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var entities = (0, _helpers2.getEntitiesWithBanner)(cardData, cardProps);
 
@@ -94,7 +96,9 @@ var CardContainer = function CardContainer(_ref) {
     className: dynamicWrapperSizes,
     modifiers: gridModifier,
     itemsPerRow: itemsPerRow,
-    bannerModifier: bannerModifier
+    bannerModifier: bannerModifier,
+    enableAutoScroll: enableAutoScroll,
+    autoScrollTimer: autoScrollTimer
   }, entities.map(function (_ref2, index) {
     var baseAdunit = _ref2.baseAdunit,
         id = _ref2.id,

package/lib/components/Card/CardContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Card/CardContainer.js"],"names":["CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","cardProps","entities","MainContext","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","CarouselWrapper","Wrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","PropTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAmBhB;AAAA,MAlBJC,QAkBI,QAlBJA,QAkBI;AAAA,MAjBJC,YAiBI,QAjBJA,YAiBI;AAAA,MAhBJC,KAgBI,QAhBJA,KAgBI;AAAA,MAfJC,eAeI,QAfJA,eAeI;AAAA,MAdJC,gBAcI,QAdJA,gBAcI;AAAA,MAbJC,YAaI,QAbJA,YAaI;AAAA,MAZJC,QAYI,QAZJA,QAYI;AAAA,MAXJC,MAWI,QAXJA,MAWI;AAAA,MAVJC,cAUI,QAVJA,cAUI;AAAA,MATJC,WASI,QATJA,WASI;AAAA,MARJC,YAQI,QARJA,YAQI;AAAA,MAPJC,IAOI,QAPJA,IAOI;AAAA,MANJC,YAMI,QANJA,YAMI;AAAA,MALJC,WAKI,QALJA,WAKI;AAAA,MAJJC,cAII,QAJJA,cAII;AAAA,MAHJC,cAGI,QAHJA,cAGI;AAAA,MAFJC,aAEI,QAFJA,aAEI;AAAA,MADDC,SACC;AACJ,MAAMC,QAAQ,GAAG,qCAAsBlB,QAAtB,EAAgCiB,SAAhC,CAAjB;;AACA,oBAAmB,uBAAWE,6BAAX,CAAnB;AAAA,MAAQC,MAAR,eAAQA,MAAR;;AACA,MAAMC,uBAAuB,GAAG,uCAA2Bb,cAA3B,CAAhC;AACA,MAAMc,mBAAmB,GAAGR,cAAc,GACtC,EADsC,GAEtC,oCAAsB,MAAtB,EAA8BD,WAA9B,EAA2CD,YAA3C,CAFJ;AAGA,MAAIW,eAAe,GAAG,CAAtB;AACA,MAAMC,WAAW,GAAGV,cAAc,GAAGW,2BAAH,GAAqBC,mBAAvD;AAEA,sBACE,gCAAC,WAAD;AACE,IAAA,SAAS,EAAEJ,mBADb;AAEE,IAAA,SAAS,EAAErB,YAFb;AAGE,IAAA,WAAW,EAAEY,WAHf;AAIE,IAAA,cAAc,EAAEE;AAJlB,KAKGG,QAAQ,CAACS,GAAT,CAAa,iBAAqCC,KAArC,EAA+C;AAAA,QAA5CC,UAA4C,SAA5CA,UAA4C;AAAA,QAAhCC,EAAgC,SAAhCA,EAAgC;AAAA,QAAzBC,WAAyB;AAC3D,QAAMC,UAAU,GAAG,mCAAoBD,WAApB,EAAiCvB,cAAjC,CAAnB;AACA,QAAMyB,UAAU,GAAG,CAACb,MAAD,EAASQ,KAAT,EAAgBM,IAAhB,CAAqB,GAArB,CAAnB;AACA,QAAIL,UAAJ,EAAgBN,eAAe,IAAI,CAAnB;AAEhB,QAAMY,QAAQ,GAAGnB,aAAa,GAAG,CAAhB,IAAqBY,KAAK,GAAG,CAAR,IAAaZ,aAAnD;AAEA,WAAOa,UAAU,gBACf,gCAAC,kBAAD;AACE,MAAA,GAAG,EAAEI,UADP;AAEE,MAAA,MAAM,EAAE1B,MAFV;AAGE,MAAA,UAAU,EAAEsB;AAHd,OAIME,WAJN;AAKE,MAAA,QAAQ,EAAEzB,QALZ;AAME,MAAA,eAAe,EAAEiB;AANnB,OADe,gBAUf,gCAAC,gBAAD;AACE,MAAA,GAAG,EAAEO,EADP;AAEE,MAAA,EAAE,EAAEA,EAFN;AAGE,MAAA,cAAc,EAAEhB,cAHlB;AAIE,MAAA,MAAM,EAAEP,MAJV;AAKE,MAAA,cAAc,EAAEyB,UALlB;AAME,MAAA,uBAAuB,EAAEX,uBAN3B;AAOE,MAAA,QAAQ,EAAEf,QAPZ;AAQE,MAAA,KAAK,EAAEJ,KART;AASE,MAAA,YAAY,EAAEQ,YAThB;AAUE,MAAA,WAAW,EAAED,WAVf;AAWE,MAAA,KAAK,EAAEE,IAXT;AAYE,MAAA,YAAY,EAAEV,YAZhB;AAaE,MAAA,WAAW,EAAE8B,WAbf;AAcE,MAAA,eAAe,EAAE5B,eAdnB;AAeE,MAAA,gBAAgB,EAAEC,gBAfpB;AAgBE,MAAA,YAAY,EAAEC,YAhBhB;AAiBE,MAAA,QAAQ,EAAE8B;AAjBZ,OAkBMJ,WAlBN,EAVF;AA+BD,GAtCA,CALH,CADF;AA+CD,CA5ED;;AA8EAhC,aAAa,CAACqC,SAAd,GAA0B;AACxBpC,EAAAA,QAAQ,EAAEqC,sBAAUC,KAAV,CAAgBC,UADF;AAExB5B,EAAAA,IAAI,EAAE0B,sBAAUG,MAFQ;AAGxBjC,EAAAA,MAAM,EAAE8B,sBAAUG,MAAV,CAAiBD,UAHD;AAIxBtC,EAAAA,YAAY,EAAEoC,sBAAUG,MAJA;AAKxB/B,EAAAA,WAAW,EAAE4B,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB,CALW;AAMxBjC,EAAAA,YAAY,EAAE2B,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB,CANU;AAOxBnC,EAAAA,cAAc,EAAE6B,sBAAUC,KAPF;AAQxBnC,EAAAA,eAAe,EAAEkC,sBAAUO,IARH;AASxBxC,EAAAA,gBAAgB,EAAEiC,sBAAUO,IATJ;AAUxBvC,EAAAA,YAAY,EAAEgC,sBAAUO,IAVA;AAWxBtC,EAAAA,QAAQ,EAAE+B,sBAAUG,MAXI;AAYxBtC,EAAAA,KAAK,EAAEmC,sBAAUG,MAZO;AAaxB5B,EAAAA,YAAY,EAAEyB,sBAAUQ,MAbA;AAcxBhC,EAAAA,WAAW,EAAEwB,sBAAUS,MAdC;AAexBhC,EAAAA,cAAc,EAAEuB,sBAAUO,IAfF;AAgBxB7B,EAAAA,cAAc,EAAEsB,sBAAUG,MAhBF;AAiBxBxB,EAAAA,aAAa,EAAEqB,sBAAUS;AAjBD,CAA1B;AAoBA/C,aAAa,CAACgD,YAAd,GAA6B;AAC3BtC,EAAAA,WAAW,EAAE,EADc;AAE3BC,EAAAA,YAAY,EAAE,EAFa;AAG3BC,EAAAA,IAAI,EAAE,EAHqB;AAI3BV,EAAAA,YAAY,EAAE,EAJa;AAK3BO,EAAAA,cAAc,EAAE,EALW;AAM3BL,EAAAA,eAAe,EAAE,IANU;AAO3BC,EAAAA,gBAAgB,EAAE,IAPS;AAQ3BC,EAAAA,YAAY,EAAE,IARa;AAS3BC,EAAAA,QAAQ,EAAE,EATiB;AAU3BJ,EAAAA,KAAK,EAAE,UAVoB;AAW3BU,EAAAA,YAAY,EAAE,EAXa;AAY3BC,EAAAA,WAAW,EAAE,CAZc;AAa3BC,EAAAA,cAAc,EAAE,KAbW;AAc3BC,EAAAA,cAAc,EAAE,EAdW;AAe3BC,EAAAA,aAAa,EAAE;AAfY,CAA7B;;eAkBe,oBAAUjB,aAAV,C","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  ...cardProps\n}) => {\n  const entities = getEntitiesWithBanner(cardData, cardProps);\n  const { itemId } = useContext(MainContext);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  let cardBannerIndex = 0;\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}>\n      {entities.map(({ baseAdunit, id, ...entityProps }, index) => {\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        if (baseAdunit) cardBannerIndex += 1;\n\n        const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={entity}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            cardBannerIndex={cardBannerIndex}\n          />\n        ) : (\n          <Card\n            key={id}\n            id={id}\n            enableCarousel={enableCarousel}\n            entity={entity}\n            propsToDisplay={extraProps}\n            propsToDisplayModifiers={propsToDisplayModifiers}\n            modifier={modifier}\n            style={style}\n            cardChildren={cardChildren}\n            gtmChildren={gtmChildren}\n            gtmId={name}\n            gridModifier={gridModifier}\n            entityProps={entityProps}\n            displayCategory={displayCategory}\n            displayThumbnail={displayThumbnail}\n            displayTitle={displayTitle}\n            priority={priority}\n            {...entityProps}\n          />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0\n};\n\nexport default withTitle(CardContainer);\n"],"file":"CardContainer.js"}
+{"version":3,"sources":["../../../src/components/Card/CardContainer.js"],"names":["CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","autoScrollTimer","cardProps","entities","MainContext","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","CarouselWrapper","Wrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","PropTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAqBhB;AAAA,MApBJC,QAoBI,QApBJA,QAoBI;AAAA,MAnBJC,YAmBI,QAnBJA,YAmBI;AAAA,MAlBJC,KAkBI,QAlBJA,KAkBI;AAAA,MAjBJC,eAiBI,QAjBJA,eAiBI;AAAA,MAhBJC,gBAgBI,QAhBJA,gBAgBI;AAAA,MAfJC,YAeI,QAfJA,YAeI;AAAA,MAdJC,QAcI,QAdJA,QAcI;AAAA,MAbJC,MAaI,QAbJA,MAaI;AAAA,MAZJC,cAYI,QAZJA,cAYI;AAAA,MAXJC,WAWI,QAXJA,WAWI;AAAA,MAVJC,YAUI,QAVJA,YAUI;AAAA,MATJC,IASI,QATJA,IASI;AAAA,MARJC,YAQI,QARJA,YAQI;AAAA,MAPJC,WAOI,QAPJA,WAOI;AAAA,MANJC,cAMI,QANJA,cAMI;AAAA,MALJC,cAKI,QALJA,cAKI;AAAA,MAJJC,aAII,QAJJA,aAII;AAAA,MAHJC,gBAGI,QAHJA,gBAGI;AAAA,MAFJC,eAEI,QAFJA,eAEI;AAAA,MADDC,SACC;AACJ,MAAMC,QAAQ,GAAG,qCAAsBpB,QAAtB,EAAgCmB,SAAhC,CAAjB;;AACA,oBAAmB,uBAAWE,6BAAX,CAAnB;AAAA,MAAQC,MAAR,eAAQA,MAAR;;AACA,MAAMC,uBAAuB,GAAG,uCAA2Bf,cAA3B,CAAhC;AACA,MAAMgB,mBAAmB,GAAGV,cAAc,GACtC,EADsC,GAEtC,oCAAsB,MAAtB,EAA8BD,WAA9B,EAA2CD,YAA3C,CAFJ;AAGA,MAAIa,eAAe,GAAG,CAAtB;AACA,MAAMC,WAAW,GAAGZ,cAAc,GAAGa,2BAAH,GAAqBC,mBAAvD;AAEA,sBACE,gCAAC,WAAD;AACE,IAAA,SAAS,EAAEJ,mBADb;AAEE,IAAA,SAAS,EAAEvB,YAFb;AAGE,IAAA,WAAW,EAAEY,WAHf;AAIE,IAAA,cAAc,EAAEE,cAJlB;AAKE,IAAA,gBAAgB,EAAEE,gBALpB;AAME,IAAA,eAAe,EAAEC;AANnB,KAOGE,QAAQ,CAACS,GAAT,CAAa,iBAAqCC,KAArC,EAA+C;AAAA,QAA5CC,UAA4C,SAA5CA,UAA4C;AAAA,QAAhCC,EAAgC,SAAhCA,EAAgC;AAAA,QAAzBC,WAAyB;AAC3D,QAAMC,UAAU,GAAG,mCAAoBD,WAApB,EAAiCzB,cAAjC,CAAnB;AACA,QAAM2B,UAAU,GAAG,CAACb,MAAD,EAASQ,KAAT,EAAgBM,IAAhB,CAAqB,GAArB,CAAnB;AACA,QAAIL,UAAJ,EAAgBN,eAAe,IAAI,CAAnB;AAEhB,QAAMY,QAAQ,GAAGrB,aAAa,GAAG,CAAhB,IAAqBc,KAAK,GAAG,CAAR,IAAad,aAAnD;AAEA,WAAOe,UAAU,gBACf,gCAAC,kBAAD;AACE,MAAA,GAAG,EAAEI,UADP;AAEE,MAAA,MAAM,EAAE5B,MAFV;AAGE,MAAA,UAAU,EAAEwB;AAHd,OAIME,WAJN;AAKE,MAAA,QAAQ,EAAE3B,QALZ;AAME,MAAA,eAAe,EAAEmB;AANnB,OADe,gBAUf,gCAAC,gBAAD;AACE,MAAA,GAAG,EAAEO,EADP;AAEE,MAAA,EAAE,EAAEA,EAFN;AAGE,MAAA,cAAc,EAAElB,cAHlB;AAIE,MAAA,MAAM,EAAEP,MAJV;AAKE,MAAA,cAAc,EAAE2B,UALlB;AAME,MAAA,uBAAuB,EAAEX,uBAN3B;AAOE,MAAA,QAAQ,EAAEjB,QAPZ;AAQE,MAAA,KAAK,EAAEJ,KART;AASE,MAAA,YAAY,EAAEQ,YAThB;AAUE,MAAA,WAAW,EAAED,WAVf;AAWE,MAAA,KAAK,EAAEE,IAXT;AAYE,MAAA,YAAY,EAAEV,YAZhB;AAaE,MAAA,WAAW,EAAEgC,WAbf;AAcE,MAAA,eAAe,EAAE9B,eAdnB;AAeE,MAAA,gBAAgB,EAAEC,gBAfpB;AAgBE,MAAA,YAAY,EAAEC,YAhBhB;AAiBE,MAAA,QAAQ,EAAEgC;AAjBZ,OAkBMJ,WAlBN,EAVF;AA+BD,GAtCA,CAPH,CADF;AAiDD,CAhFD;;AAkFAlC,aAAa,CAACuC,SAAd,GAA0B;AACxBtC,EAAAA,QAAQ,EAAEuC,sBAAUC,KAAV,CAAgBC,UADF;AAExB9B,EAAAA,IAAI,EAAE4B,sBAAUG,MAFQ;AAGxBnC,EAAAA,MAAM,EAAEgC,sBAAUG,MAAV,CAAiBD,UAHD;AAIxBxC,EAAAA,YAAY,EAAEsC,sBAAUG,MAJA;AAKxBjC,EAAAA,WAAW,EAAE8B,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB,CALW;AAMxBnC,EAAAA,YAAY,EAAE6B,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB,CANU;AAOxBrC,EAAAA,cAAc,EAAE+B,sBAAUC,KAPF;AAQxBrC,EAAAA,eAAe,EAAEoC,sBAAUO,IARH;AASxB1C,EAAAA,gBAAgB,EAAEmC,sBAAUO,IATJ;AAUxBzC,EAAAA,YAAY,EAAEkC,sBAAUO,IAVA;AAWxBxC,EAAAA,QAAQ,EAAEiC,sBAAUG,MAXI;AAYxBxC,EAAAA,KAAK,EAAEqC,sBAAUG,MAZO;AAaxB9B,EAAAA,YAAY,EAAE2B,sBAAUQ,MAbA;AAcxBlC,EAAAA,WAAW,EAAE0B,sBAAUS,MAdC;AAexBlC,EAAAA,cAAc,EAAEyB,sBAAUO,IAfF;AAgBxB/B,EAAAA,cAAc,EAAEwB,sBAAUG,MAhBF;AAiBxB1B,EAAAA,aAAa,EAAEuB,sBAAUS;AAjBD,CAA1B;AAoBAjD,aAAa,CAACkD,YAAd,GAA6B;AAC3BxC,EAAAA,WAAW,EAAE,EADc;AAE3BC,EAAAA,YAAY,EAAE,EAFa;AAG3BC,EAAAA,IAAI,EAAE,EAHqB;AAI3BV,EAAAA,YAAY,EAAE,EAJa;AAK3BO,EAAAA,cAAc,EAAE,EALW;AAM3BL,EAAAA,eAAe,EAAE,IANU;AAO3BC,EAAAA,gBAAgB,EAAE,IAPS;AAQ3BC,EAAAA,YAAY,EAAE,IARa;AAS3BC,EAAAA,QAAQ,EAAE,EATiB;AAU3BJ,EAAAA,KAAK,EAAE,UAVoB;AAW3BU,EAAAA,YAAY,EAAE,EAXa;AAY3BC,EAAAA,WAAW,EAAE,CAZc;AAa3BC,EAAAA,cAAc,EAAE,KAbW;AAc3BC,EAAAA,cAAc,EAAE,EAdW;AAe3BC,EAAAA,aAAa,EAAE;AAfY,CAA7B;;eAkBe,oBAAUjB,aAAV,C","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  autoScrollTimer,\n  ...cardProps\n}) => {\n  const entities = getEntitiesWithBanner(cardData, cardProps);\n  const { itemId } = useContext(MainContext);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  let cardBannerIndex = 0;\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      autoScrollTimer={autoScrollTimer}>\n      {entities.map(({ baseAdunit, id, ...entityProps }, index) => {\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        if (baseAdunit) cardBannerIndex += 1;\n\n        const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={entity}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            cardBannerIndex={cardBannerIndex}\n          />\n        ) : (\n          <Card\n            key={id}\n            id={id}\n            enableCarousel={enableCarousel}\n            entity={entity}\n            propsToDisplay={extraProps}\n            propsToDisplayModifiers={propsToDisplayModifiers}\n            modifier={modifier}\n            style={style}\n            cardChildren={cardChildren}\n            gtmChildren={gtmChildren}\n            gtmId={name}\n            gridModifier={gridModifier}\n            entityProps={entityProps}\n            displayCategory={displayCategory}\n            displayThumbnail={displayThumbnail}\n            displayTitle={displayTitle}\n            priority={priority}\n            {...entityProps}\n          />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0\n};\n\nexport default withTitle(CardContainer);\n"],"file":"CardContainer.js"}