@blaze-cms/react-page-builder 0.125.0-auth-updates.5 → 0.125.0-core-styles.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -30
- package/README.md +1 -2
- package/lib/components/Card/Card.js +22 -31
- package/lib/components/Card/Card.js.map +1 -1
- package/lib/components/Card/CardContainer.js +1 -2
- package/lib/components/Card/CardContainer.js.map +1 -1
- package/lib/components/List/components/Cards/CardsRender.js.map +1 -1
- package/lib/components/List/components/Cards/CardsRenderItem.js +1 -2
- package/lib/components/List/components/Cards/CardsRenderItem.js.map +1 -1
- package/lib/components/Login/LoggedInMessage.js +28 -0
- package/lib/components/Login/LoggedInMessage.js.map +1 -0
- package/lib/components/Login/Login.js +135 -0
- package/lib/components/Login/Login.js.map +1 -0
- package/lib/components/Login/LoginForm.js +112 -0
- package/lib/components/Login/LoginForm.js.map +1 -0
- package/lib/components/Login/helpers/check-gtm-children.js +42 -0
- package/lib/components/Login/helpers/check-gtm-children.js.map +1 -0
- package/lib/components/Login/helpers/get-url-to-use.js +18 -0
- package/lib/components/Login/helpers/get-url-to-use.js.map +1 -0
- package/lib/components/Login/helpers/index.js +22 -0
- package/lib/components/Login/helpers/index.js.map +1 -0
- package/lib/components/Login/index.js +12 -0
- package/lib/components/Login/index.js.map +1 -0
- package/lib/components/PasswordReset/PasswordReset.js +172 -0
- package/lib/components/PasswordReset/PasswordReset.js.map +1 -0
- package/lib/components/PasswordReset/helpers/index.js +15 -0
- package/lib/components/PasswordReset/helpers/index.js.map +1 -0
- package/lib/components/PasswordReset/helpers/validatePassword.js +16 -0
- package/lib/components/PasswordReset/helpers/validatePassword.js.map +1 -0
- package/lib/components/PasswordReset/index.js +12 -0
- package/lib/components/PasswordReset/index.js.map +1 -0
- package/lib/components/PasswordResetRequest/PasswordResetRequest.js +114 -0
- package/lib/components/PasswordResetRequest/PasswordResetRequest.js.map +1 -0
- package/lib/components/PasswordResetRequest/index.js +12 -0
- package/lib/components/PasswordResetRequest/index.js.map +1 -0
- package/lib/components/index.js +15 -0
- package/lib/components/index.js.map +1 -1
- package/lib/constants/index.js +14 -2
- package/lib/constants/index.js.map +1 -1
- package/lib/index.js +0 -6
- package/lib/index.js.map +1 -1
- package/lib-es/components/Card/Card.js +5 -15
- package/lib-es/components/Card/Card.js.map +1 -1
- package/lib-es/components/Card/CardContainer.js +1 -2
- package/lib-es/components/Card/CardContainer.js.map +1 -1
- package/lib-es/components/List/components/Cards/CardsRender.js.map +1 -1
- package/lib-es/components/List/components/Cards/CardsRenderItem.js +1 -2
- package/lib-es/components/List/components/Cards/CardsRenderItem.js.map +1 -1
- package/lib-es/components/Login/LoggedInMessage.js +18 -0
- package/lib-es/components/Login/LoggedInMessage.js.map +1 -0
- package/lib-es/components/Login/Login.js +83 -0
- package/lib-es/components/Login/Login.js.map +1 -0
- package/lib-es/components/Login/LoginForm.js +89 -0
- package/lib-es/components/Login/LoginForm.js.map +1 -0
- package/lib-es/components/Login/helpers/check-gtm-children.js +35 -0
- package/lib-es/components/Login/helpers/check-gtm-children.js.map +1 -0
- package/lib-es/components/Login/helpers/get-url-to-use.js +10 -0
- package/lib-es/components/Login/helpers/get-url-to-use.js.map +1 -0
- package/lib-es/components/Login/helpers/index.js +4 -0
- package/lib-es/components/Login/helpers/index.js.map +1 -0
- package/lib-es/components/Login/index.js +3 -0
- package/lib-es/components/Login/index.js.map +1 -0
- package/lib-es/components/PasswordReset/PasswordReset.js +144 -0
- package/lib-es/components/PasswordReset/PasswordReset.js.map +1 -0
- package/lib-es/components/PasswordReset/helpers/index.js +3 -0
- package/lib-es/components/PasswordReset/helpers/index.js.map +1 -0
- package/lib-es/components/PasswordReset/helpers/validatePassword.js +7 -0
- package/lib-es/components/PasswordReset/helpers/validatePassword.js.map +1 -0
- package/lib-es/components/PasswordReset/index.js +3 -0
- package/lib-es/components/PasswordReset/index.js.map +1 -0
- package/lib-es/components/PasswordResetRequest/PasswordResetRequest.js +92 -0
- package/lib-es/components/PasswordResetRequest/PasswordResetRequest.js.map +1 -0
- package/lib-es/components/PasswordResetRequest/index.js +3 -0
- package/lib-es/components/PasswordResetRequest/index.js.map +1 -0
- package/lib-es/components/index.js +3 -0
- package/lib-es/components/index.js.map +1 -1
- package/lib-es/constants/index.js +7 -1
- package/lib-es/constants/index.js.map +1 -1
- package/lib-es/index.js +1 -1
- package/lib-es/index.js.map +1 -1
- package/package.json +7 -7
- package/src/components/Card/Card.js +3 -13
- package/src/components/Card/CardContainer.js +1 -2
- package/src/components/List/components/Cards/CardsRender.js +0 -1
- package/src/components/List/components/Cards/CardsRenderItem.js +1 -2
- package/src/components/Login/LoggedInMessage.js +24 -0
- package/src/components/Login/Login.js +74 -0
- package/src/components/Login/LoginForm.js +81 -0
- package/src/components/Login/helpers/check-gtm-children.js +30 -0
- package/src/components/Login/helpers/get-url-to-use.js +6 -0
- package/src/components/Login/helpers/index.js +4 -0
- package/src/components/Login/index.js +3 -0
- package/src/components/PasswordReset/PasswordReset.js +120 -0
- package/src/components/PasswordReset/helpers/index.js +3 -0
- package/src/components/PasswordReset/helpers/validatePassword.js +8 -0
- package/src/components/PasswordReset/index.js +3 -0
- package/src/components/PasswordResetRequest/PasswordResetRequest.js +82 -0
- package/src/components/PasswordResetRequest/index.js +3 -0
- package/src/components/index.js +7 -1
- package/src/constants/index.js +13 -0
- package/src/index.js +1 -1
- package/tests/unit/src/components/Card/Card.test.js +7 -18
- package/tests/unit/src/components/Card/__snapshots__/Card.test.js.snap +0 -5
- package/tests/unit/src/components/Login/Login.test.js +36 -0
- package/tests/unit/src/components/Login/__snapshots__/Login.test.js.snap +103 -0
- package/tests/unit/src/components/Login/helpers/check-gtm-children.test.js +60 -0
- package/tests/unit/src/components/Login/helpers/get-url-to-use.test.js +15 -0
- package/tests/unit/src/components/PasswordReset/PasswordReset.test.js +85 -0
- package/tests/unit/src/components/PasswordReset/__snapshots__/PasswordReset.test.js.snap +83 -0
- package/tests/unit/src/components/PasswordReset/helpers/validatePassword.test.js +21 -0
- package/tests/unit/src/components/PasswordResetRequest/PasswordResetRequest.test.js +79 -0
- package/tests/unit/src/components/PasswordResetRequest/__snapshots__/PasswordResetRequest.test.js.snap +39 -0
- package/tests/unit/src/components/__snapshots__/index.test.js.snap +12 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
# [0.125.0-
|
|
6
|
+
# [0.125.0-core-styles.1](https://github.com/thebyte9/blaze/compare/v0.125.0-core-styles.0...v0.125.0-core-styles.1) (2022-11-24)
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
### Bug Fixes
|
|
@@ -19,39 +19,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
# [0.125.0-
|
|
23
|
-
|
|
24
|
-
**Note:** Version bump only for package @blaze-cms/react-page-builder
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
# [0.125.0-auth-updates.3](https://github.com/thebyte9/blaze/compare/v0.125.0-auth-updates.2...v0.125.0-auth-updates.3) (2022-11-15)
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
### Features
|
|
34
|
-
|
|
35
|
-
* allow setting custom html attribute on props to display ([115e3f1](https://github.com/thebyte9/blaze/commit/115e3f1540abfe6a5dd32dbebc2a4474197c262e))
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
# [0.125.0-auth-updates.1](https://github.com/thebyte9/blaze/compare/v0.125.0-auth-updates.0...v0.125.0-auth-updates.1) (2022-11-07)
|
|
42
|
-
|
|
43
|
-
**Note:** Version bump only for package @blaze-cms/react-page-builder
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
# [0.125.0-auth-updates.0](https://github.com/thebyte9/blaze/compare/v0.124.1...v0.125.0-auth-updates.0) (2022-11-07)
|
|
22
|
+
# [0.125.0-core-styles.0](https://github.com/thebyte9/blaze/compare/v0.124.1...v0.125.0-core-styles.0) (2022-10-26)
|
|
50
23
|
|
|
51
24
|
|
|
52
25
|
### Features
|
|
53
26
|
|
|
54
|
-
* add autoLogin function to auth provider requirements ([3f5e7ed](https://github.com/thebyte9/blaze/commit/3f5e7ed949052dcc6296ac7defe87ddce6869a65))
|
|
55
27
|
* adding vimeo provider ([#3605](https://github.com/thebyte9/blaze/issues/3605)) ([458c810](https://github.com/thebyte9/blaze/commit/458c810c647a6bcb0d69281865fd0afa0966475c))
|
|
56
28
|
* dynamic values hook and dynamic PB button properties ([#3643](https://github.com/thebyte9/blaze/issues/3643)) ([16411e7](https://github.com/thebyte9/blaze/commit/16411e731e9ac1d05312bca59156be89a554e25b))
|
|
57
29
|
|
package/README.md
CHANGED
|
@@ -115,8 +115,7 @@ List components are link by the "listName" property and when a new list is creat
|
|
|
115
115
|
|
|
116
116
|
- displayCategory: if true this will fetch the alternativePreHeader or category set on the record and display in the card. If the alternativePreHeader is set this takes priority over the category. If this option is not set these properties will not be included in the query.
|
|
117
117
|
- displayThumbnail: if true this will fetch the default card image url to displayed the the card
|
|
118
|
-
|
|
119
|
-
- htmlAttribute: allows setting of a custom html attribute on the prop to display. The value will be escaped e.g. `<span html-attribute-value="ESCAPED%20VALUE">`
|
|
118
|
+
|
|
120
119
|
## Code
|
|
121
120
|
|
|
122
121
|
The code block can parse a string of HTML and render it as react components. The code block will activate script blocks in the html string by wrapping them in a `<span>` and then inserting the script tag into the DOM on render using `appendChild`.
|
|
@@ -28,7 +28,7 @@ var _helpers = require("../../helpers");
|
|
|
28
28
|
var _LazyImage = _interopRequireDefault(require("../LazyImage"));
|
|
29
29
|
var _helpers2 = require("./helpers");
|
|
30
30
|
var _constants = require("./constants");
|
|
31
|
-
var _excluded = ["id", "image", "name", "url", "entity", "entityProps", "alternativePreHeader", "alternativeHeadline", "category", "modifier", "
|
|
31
|
+
var _excluded = ["id", "image", "name", "url", "entity", "entityProps", "alternativePreHeader", "alternativeHeadline", "category", "modifier", "propsToDisplay", "propsToDisplayModifiers", "gtmId", "style", "priority", "cardChildren", "gtmChildren", "displayCategory", "displayThumbnail", "displayTitle", "enableOverlay", "enableCarousel", "titleOverlayModifier", "overlayModifier", "gridModifier"];
|
|
32
32
|
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); }
|
|
33
33
|
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; }
|
|
34
34
|
var Card = function Card(_ref) {
|
|
@@ -42,7 +42,6 @@ var Card = function Card(_ref) {
|
|
|
42
42
|
alternativeHeadline = _ref.alternativeHeadline,
|
|
43
43
|
category = _ref.category,
|
|
44
44
|
modifier = _ref.modifier,
|
|
45
|
-
parsedPropsToDisplay = _ref.parsedPropsToDisplay,
|
|
46
45
|
propsToDisplay = _ref.propsToDisplay,
|
|
47
46
|
propsToDisplayModifiers = _ref.propsToDisplayModifiers,
|
|
48
47
|
gtmId = _ref.gtmId,
|
|
@@ -145,22 +144,16 @@ var Card = function Card(_ref) {
|
|
|
145
144
|
gtmId: gtmId,
|
|
146
145
|
href: url,
|
|
147
146
|
scroll: true
|
|
148
|
-
}, headline)), !!
|
|
147
|
+
}, headline)), !!propsToDisplay.length && /*#__PURE__*/_react["default"].createElement("div", {
|
|
149
148
|
className: (0, _helpers.getModifiers)('card__details', modifiers)
|
|
150
|
-
},
|
|
149
|
+
}, propsToDisplay.map(function (prop, i) {
|
|
151
150
|
if (!prop) return null;
|
|
152
151
|
var dynamicKey = "".concat(id).concat(i);
|
|
153
152
|
var propModifier = propsToDisplayModifiers[i] || '';
|
|
154
|
-
|
|
155
|
-
htmlAttribute = _ref2.htmlAttribute;
|
|
156
|
-
var extraProps = {};
|
|
157
|
-
if (htmlAttribute && prop.props.children) {
|
|
158
|
-
extraProps[htmlAttribute] = encodeURIComponent(prop.props.children[2]);
|
|
159
|
-
}
|
|
160
|
-
return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({
|
|
153
|
+
return /*#__PURE__*/_react["default"].createElement("span", {
|
|
161
154
|
key: dynamicKey,
|
|
162
155
|
className: propModifier
|
|
163
|
-
},
|
|
156
|
+
}, prop);
|
|
164
157
|
}))), !!cardChildren && /*#__PURE__*/_react["default"].createElement("div", {
|
|
165
158
|
className: "card__child-content"
|
|
166
159
|
}, (0, _helpers.renderChildren)(cardChildren)))));
|
|
@@ -172,7 +165,6 @@ Card.propTypes = {
|
|
|
172
165
|
data: _propTypes["default"].object
|
|
173
166
|
}),
|
|
174
167
|
style: _propTypes["default"].string,
|
|
175
|
-
parsedPropsToDisplay: _propTypes["default"].array,
|
|
176
168
|
propsToDisplay: _propTypes["default"].array,
|
|
177
169
|
propsToDisplayModifiers: _propTypes["default"].array,
|
|
178
170
|
url: _propTypes["default"].string,
|
|
@@ -211,7 +203,6 @@ Card.defaultProps = {
|
|
|
211
203
|
},
|
|
212
204
|
gtmId: '',
|
|
213
205
|
style: 'portrait',
|
|
214
|
-
parsedPropsToDisplay: [],
|
|
215
206
|
propsToDisplay: [],
|
|
216
207
|
propsToDisplayModifiers: [],
|
|
217
208
|
url: '',
|
|
@@ -228,13 +219,13 @@ Card.defaultProps = {
|
|
|
228
219
|
enableOverlay: false,
|
|
229
220
|
enableCarousel: false
|
|
230
221
|
};
|
|
231
|
-
var getCategoryDefinedProps = function getCategoryDefinedProps(
|
|
232
|
-
var alternativePreHeader =
|
|
233
|
-
category =
|
|
234
|
-
entity =
|
|
235
|
-
alternativeHeadline =
|
|
236
|
-
displayCategory =
|
|
237
|
-
name =
|
|
222
|
+
var getCategoryDefinedProps = function getCategoryDefinedProps(_ref2) {
|
|
223
|
+
var alternativePreHeader = _ref2.alternativePreHeader,
|
|
224
|
+
category = _ref2.category,
|
|
225
|
+
entity = _ref2.entity,
|
|
226
|
+
alternativeHeadline = _ref2.alternativeHeadline,
|
|
227
|
+
displayCategory = _ref2.displayCategory,
|
|
228
|
+
name = _ref2.name;
|
|
238
229
|
var hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;
|
|
239
230
|
var preHeader = alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;
|
|
240
231
|
var publishedListingPage = (0, _helpers2.getPublishedListingUrl)(preHeader);
|
|
@@ -247,12 +238,12 @@ var getCategoryDefinedProps = function getCategoryDefinedProps(_ref3) {
|
|
|
247
238
|
headline: headline
|
|
248
239
|
};
|
|
249
240
|
};
|
|
250
|
-
var getImageDefinedProps = function getImageDefinedProps(
|
|
251
|
-
var image =
|
|
252
|
-
displayThumbnail =
|
|
253
|
-
var
|
|
254
|
-
imageSrc =
|
|
255
|
-
data =
|
|
241
|
+
var getImageDefinedProps = function getImageDefinedProps(_ref3) {
|
|
242
|
+
var image = _ref3.image,
|
|
243
|
+
displayThumbnail = _ref3.displayThumbnail;
|
|
244
|
+
var _ref4 = image || {},
|
|
245
|
+
imageSrc = _ref4.url,
|
|
246
|
+
data = _ref4.data;
|
|
256
247
|
var shouldDisplayThumbnail = displayThumbnail && imageSrc;
|
|
257
248
|
var altText = data && data.altText || '';
|
|
258
249
|
return {
|
|
@@ -261,10 +252,10 @@ var getImageDefinedProps = function getImageDefinedProps(_ref4) {
|
|
|
261
252
|
altText: altText
|
|
262
253
|
};
|
|
263
254
|
};
|
|
264
|
-
var getInitialModifiers = function getInitialModifiers(
|
|
265
|
-
var modifier =
|
|
266
|
-
style =
|
|
267
|
-
otherProps =
|
|
255
|
+
var getInitialModifiers = function getInitialModifiers(_ref5) {
|
|
256
|
+
var modifier = _ref5.modifier,
|
|
257
|
+
style = _ref5.style,
|
|
258
|
+
otherProps = _ref5.otherProps;
|
|
268
259
|
var modifiers = [modifier, style];
|
|
269
260
|
var sponsored = otherProps.sponsored,
|
|
270
261
|
featured = otherProps.featured;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["Card","id","image","name","url","entity","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","parsedPropsToDisplay","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","enableCarousel","titleOverlayModifier","overlayModifier","gridModifier","otherProps","updateChildrensParent","router","useRouter","getImageDefinedProps","imageSrc","shouldDisplayThumbnail","altText","modifiers","getInitialModifiers","getCategoryDefinedProps","publishedListingPage","preHeader","label","headline","linkTitle","dynamicSizeKey","useDynamicSizeKey","CARD_STRING","getClickWrapperOptions","shouldUseClickWrapper","wrapperProps","Wrapper","ClickWrapper","Fragment","classNameWithModifiers","getModifiers","contentWrapperModifier","titleWrapperModifier","handleCardClick","e","clickEventTag","target","tagName","toLowerCase","clickEventRole","role","shouldTriggerRouteChange","CARD_CHILDREN_WITH_LINKS","find","childTag","push","clickProps","process","env","BLAZE_PB_ADD_CLICK_TO_CARDS","onClick","length","map","prop","i","dynamicKey","propModifier","htmlAttribute","extraProps","props","children","encodeURIComponent","renderChildren","propTypes","PropTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","getPublishedListingUrl","sponsored","featured"],"sources":["../../../src/components/Card/Card.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { useRouter } from 'next/router';\nimport PropTypes from 'prop-types';\nimport BlazeLink from '../BlazeLink';\nimport ClickWrapper from '../ClickWrapper';\nimport {\n getModifiers,\n renderChildren,\n updateChildrensParent,\n getClickWrapperOptions\n} from '../../helpers';\nimport LazyImage from '../LazyImage';\nimport { getPublishedListingUrl, useDynamicSizeKey } from './helpers';\nimport { CARD_STRING, CARD_CHILDREN_WITH_LINKS } from './constants';\n\nconst Card = ({\n id,\n image,\n name,\n url,\n entity,\n entityProps,\n alternativePreHeader,\n alternativeHeadline,\n category,\n modifier,\n parsedPropsToDisplay,\n propsToDisplay,\n propsToDisplayModifiers,\n gtmId,\n style,\n priority,\n cardChildren,\n gtmChildren,\n displayCategory,\n displayThumbnail,\n displayTitle,\n enableOverlay,\n enableCarousel,\n titleOverlayModifier,\n overlayModifier,\n gridModifier,\n ...otherProps\n}) => {\n updateChildrensParent(cardChildren, id, entity);\n const router = useRouter();\n const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n image,\n displayThumbnail\n });\n\n const modifiers = getInitialModifiers({ modifier, style, otherProps });\n\n const { publishedListingPage, preHeader, label, headline } = getCategoryDefinedProps({\n alternativePreHeader,\n category,\n entity,\n alternativeHeadline,\n displayCategory,\n name\n });\n\n const linkTitle = name;\n\n const dynamicSizeKey = useDynamicSizeKey(CARD_STRING, { style, gridModifier, modifier });\n\n const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(\n gtmChildren,\n entityProps,\n id\n );\n\n const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);\n\n const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${\n enableOverlay && enableCarousel ? overlayModifier : ''\n }`;\n\n const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${\n enableOverlay && enableCarousel ? titleOverlayModifier : ''\n }`;\n\n const handleCardClick = e => {\n if (!url) return;\n\n const clickEventTag = e.target.tagName.toLowerCase();\n const clickEventRole = e.target.role;\n const shouldTriggerRouteChange =\n clickEventRole !== 'button' &&\n !CARD_CHILDREN_WITH_LINKS.find(childTag => childTag === clickEventTag);\n if (shouldTriggerRouteChange) router.push(`/Resolver`, url);\n };\n\n // todo: remove temp env var flag once widely tested BLAZE_PB_ADD_CLICK_TO_CARDS\n const clickProps =\n url && process.env.BLAZE_PB_ADD_CLICK_TO_CARDS\n ? {\n onClick: handleCardClick,\n role: 'button'\n }\n : {};\n\n return (\n <Wrapper {...wrapperProps}>\n <div className={classNameWithModifiers} {...clickProps}>\n {shouldDisplayThumbnail && (\n <div className={getModifiers('card__image', modifiers)}>\n <BlazeLink gtmId={gtmId} href={url} className=\"card__image-link\" scroll>\n <LazyImage\n src={imageSrc}\n alt={altText}\n sizeKey={dynamicSizeKey}\n priority={priority}\n />\n </BlazeLink>\n </div>\n )}\n <div className={contentWrapperModifier}>\n <div className={getModifiers('card__content', modifiers)}>\n {displayCategory &&\n (publishedListingPage ? (\n <BlazeLink\n gtmId={gtmId}\n href={publishedListingPage}\n className=\"badge badge--label\"\n scroll>\n {preHeader.name}\n </BlazeLink>\n ) : (\n <div className=\"badge badge--label\">{label}</div>\n ))}\n {displayTitle && (\n <h2 className={titleWrapperModifier}>\n <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n {headline}\n </BlazeLink>\n </h2>\n )}\n {!!parsedPropsToDisplay.length && (\n <div className={getModifiers('card__details', modifiers)}>\n {parsedPropsToDisplay.map((prop, i) => {\n if (!prop) return null;\n\n const dynamicKey = `${id}${i}`;\n const propModifier = propsToDisplayModifiers[i] || '';\n\n const { htmlAttribute } = propsToDisplay[i] || {};\n const extraProps = {};\n if (htmlAttribute && prop.props.children) {\n extraProps[htmlAttribute] = encodeURIComponent(prop.props.children[2]);\n }\n\n return (\n <span key={dynamicKey} className={propModifier} {...extraProps}>\n {prop}\n </span>\n );\n })}\n </div>\n )}\n </div>\n {!!cardChildren && (\n <div className=\"card__child-content\">{renderChildren(cardChildren)}</div>\n )}\n </div>\n </div>\n </Wrapper>\n );\n};\n\nCard.propTypes = {\n id: PropTypes.string.isRequired,\n image: PropTypes.shape({\n url: PropTypes.string,\n data: PropTypes.object\n }),\n style: PropTypes.string,\n parsedPropsToDisplay: PropTypes.array,\n propsToDisplay: PropTypes.array,\n propsToDisplayModifiers: PropTypes.array,\n url: PropTypes.string,\n name: PropTypes.string.isRequired,\n entity: PropTypes.string.isRequired,\n entityProps: PropTypes.object,\n gtmId: PropTypes.string,\n alternativePreHeader: PropTypes.shape({\n name: PropTypes.string\n }),\n alternativeHeadline: PropTypes.string,\n category: PropTypes.shape({\n name: PropTypes.string,\n publishedListingPage: PropTypes.shape({\n url: PropTypes.string\n })\n }),\n modifier: PropTypes.string,\n displayCategory: PropTypes.bool.isRequired,\n displayThumbnail: PropTypes.bool.isRequired,\n displayTitle: PropTypes.bool.isRequired,\n enableCarousel: PropTypes.bool,\n enableOverlay: PropTypes.bool,\n overlayModifier: PropTypes.string,\n titleOverlayModifier: PropTypes.string,\n cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n gridModifier: PropTypes.string,\n priority: PropTypes.bool\n};\n\nCard.defaultProps = {\n entityProps: {},\n image: {\n url: null,\n data: {}\n },\n gtmId: '',\n style: 'portrait',\n parsedPropsToDisplay: [],\n propsToDisplay: [],\n propsToDisplayModifiers: [],\n url: '',\n alternativePreHeader: null,\n alternativeHeadline: '',\n category: null,\n modifier: '',\n cardChildren: [],\n gtmChildren: [],\n gridModifier: '',\n priority: false,\n overlayModifier: '',\n titleOverlayModifier: '',\n enableOverlay: false,\n enableCarousel: false\n};\n\nconst getCategoryDefinedProps = ({\n alternativePreHeader,\n category,\n entity,\n alternativeHeadline,\n displayCategory,\n name\n}) => {\n const hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;\n const preHeader =\n alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;\n const publishedListingPage = getPublishedListingUrl(preHeader);\n const label = preHeader ? preHeader.name : entity;\n const headline =\n !displayCategory || !hasAlternativePreHeader ? name : alternativeHeadline || name;\n return { publishedListingPage, preHeader, label, headline };\n};\n\nconst getImageDefinedProps = ({ image, displayThumbnail }) => {\n const { url: imageSrc, data } = image || {};\n const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n const altText = (data && data.altText) || '';\n return { imageSrc, shouldDisplayThumbnail, altText };\n};\n\nconst getInitialModifiers = ({ modifier, style, otherProps }) => {\n const modifiers = [modifier, style];\n const { sponsored, featured } = otherProps;\n if (sponsored) modifiers.push('sponsored');\n if (featured) modifiers.push('featured');\n\n return modifiers;\n};\n\nexport default Card;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Card.js","names":["Card","id","image","name","url","entity","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","enableCarousel","titleOverlayModifier","overlayModifier","gridModifier","otherProps","updateChildrensParent","router","useRouter","getImageDefinedProps","imageSrc","shouldDisplayThumbnail","altText","modifiers","getInitialModifiers","getCategoryDefinedProps","publishedListingPage","preHeader","label","headline","linkTitle","dynamicSizeKey","useDynamicSizeKey","CARD_STRING","getClickWrapperOptions","shouldUseClickWrapper","wrapperProps","Wrapper","ClickWrapper","Fragment","classNameWithModifiers","getModifiers","contentWrapperModifier","titleWrapperModifier","handleCardClick","e","clickEventTag","target","tagName","toLowerCase","clickEventRole","role","shouldTriggerRouteChange","CARD_CHILDREN_WITH_LINKS","find","childTag","push","clickProps","process","env","BLAZE_PB_ADD_CLICK_TO_CARDS","onClick","length","map","prop","i","dynamicKey","propModifier","renderChildren","propTypes","PropTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","getPublishedListingUrl","sponsored","featured"],"sources":["../../../src/components/Card/Card.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { useRouter } from 'next/router';\nimport PropTypes from 'prop-types';\nimport BlazeLink from '../BlazeLink';\nimport ClickWrapper from '../ClickWrapper';\nimport {\n getModifiers,\n renderChildren,\n updateChildrensParent,\n getClickWrapperOptions\n} from '../../helpers';\nimport LazyImage from '../LazyImage';\nimport { getPublishedListingUrl, useDynamicSizeKey } from './helpers';\nimport { CARD_STRING, CARD_CHILDREN_WITH_LINKS } from './constants';\n\nconst Card = ({\n id,\n image,\n name,\n url,\n entity,\n entityProps,\n alternativePreHeader,\n alternativeHeadline,\n category,\n modifier,\n propsToDisplay,\n propsToDisplayModifiers,\n gtmId,\n style,\n priority,\n cardChildren,\n gtmChildren,\n displayCategory,\n displayThumbnail,\n displayTitle,\n enableOverlay,\n enableCarousel,\n titleOverlayModifier,\n overlayModifier,\n gridModifier,\n ...otherProps\n}) => {\n updateChildrensParent(cardChildren, id, entity);\n const router = useRouter();\n const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n image,\n displayThumbnail\n });\n\n const modifiers = getInitialModifiers({ modifier, style, otherProps });\n\n const { publishedListingPage, preHeader, label, headline } = getCategoryDefinedProps({\n alternativePreHeader,\n category,\n entity,\n alternativeHeadline,\n displayCategory,\n name\n });\n\n const linkTitle = name;\n\n const dynamicSizeKey = useDynamicSizeKey(CARD_STRING, { style, gridModifier, modifier });\n\n const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(\n gtmChildren,\n entityProps,\n id\n );\n\n const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);\n\n const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${\n enableOverlay && enableCarousel ? overlayModifier : ''\n }`;\n\n const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${\n enableOverlay && enableCarousel ? titleOverlayModifier : ''\n }`;\n\n const handleCardClick = e => {\n if (!url) return;\n\n const clickEventTag = e.target.tagName.toLowerCase();\n const clickEventRole = e.target.role;\n const shouldTriggerRouteChange =\n clickEventRole !== 'button' &&\n !CARD_CHILDREN_WITH_LINKS.find(childTag => childTag === clickEventTag);\n if (shouldTriggerRouteChange) router.push(`/Resolver`, url);\n };\n\n // todo: remove temp env var flag once widely tested BLAZE_PB_ADD_CLICK_TO_CARDS\n const clickProps =\n url && process.env.BLAZE_PB_ADD_CLICK_TO_CARDS\n ? {\n onClick: handleCardClick,\n role: 'button'\n }\n : {};\n\n return (\n <Wrapper {...wrapperProps}>\n <div className={classNameWithModifiers} {...clickProps}>\n {shouldDisplayThumbnail && (\n <div className={getModifiers('card__image', modifiers)}>\n <BlazeLink gtmId={gtmId} href={url} className=\"card__image-link\" scroll>\n <LazyImage\n src={imageSrc}\n alt={altText}\n sizeKey={dynamicSizeKey}\n priority={priority}\n />\n </BlazeLink>\n </div>\n )}\n <div className={contentWrapperModifier}>\n <div className={getModifiers('card__content', modifiers)}>\n {displayCategory &&\n (publishedListingPage ? (\n <BlazeLink\n gtmId={gtmId}\n href={publishedListingPage}\n className=\"badge badge--label\"\n scroll>\n {preHeader.name}\n </BlazeLink>\n ) : (\n <div className=\"badge badge--label\">{label}</div>\n ))}\n {displayTitle && (\n <h2 className={titleWrapperModifier}>\n <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n {headline}\n </BlazeLink>\n </h2>\n )}\n {!!propsToDisplay.length && (\n <div className={getModifiers('card__details', modifiers)}>\n {propsToDisplay.map((prop, i) => {\n if (!prop) return null;\n const dynamicKey = `${id}${i}`;\n const propModifier = propsToDisplayModifiers[i] || '';\n\n return (\n <span key={dynamicKey} className={propModifier}>\n {prop}\n </span>\n );\n })}\n </div>\n )}\n </div>\n {!!cardChildren && (\n <div className=\"card__child-content\">{renderChildren(cardChildren)}</div>\n )}\n </div>\n </div>\n </Wrapper>\n );\n};\n\nCard.propTypes = {\n id: PropTypes.string.isRequired,\n image: PropTypes.shape({\n url: PropTypes.string,\n data: PropTypes.object\n }),\n style: PropTypes.string,\n propsToDisplay: PropTypes.array,\n propsToDisplayModifiers: PropTypes.array,\n url: PropTypes.string,\n name: PropTypes.string.isRequired,\n entity: PropTypes.string.isRequired,\n entityProps: PropTypes.object,\n gtmId: PropTypes.string,\n alternativePreHeader: PropTypes.shape({\n name: PropTypes.string\n }),\n alternativeHeadline: PropTypes.string,\n category: PropTypes.shape({\n name: PropTypes.string,\n publishedListingPage: PropTypes.shape({\n url: PropTypes.string\n })\n }),\n modifier: PropTypes.string,\n displayCategory: PropTypes.bool.isRequired,\n displayThumbnail: PropTypes.bool.isRequired,\n displayTitle: PropTypes.bool.isRequired,\n enableCarousel: PropTypes.bool,\n enableOverlay: PropTypes.bool,\n overlayModifier: PropTypes.string,\n titleOverlayModifier: PropTypes.string,\n cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n gridModifier: PropTypes.string,\n priority: PropTypes.bool\n};\n\nCard.defaultProps = {\n entityProps: {},\n image: {\n url: null,\n data: {}\n },\n gtmId: '',\n style: 'portrait',\n propsToDisplay: [],\n propsToDisplayModifiers: [],\n url: '',\n alternativePreHeader: null,\n alternativeHeadline: '',\n category: null,\n modifier: '',\n cardChildren: [],\n gtmChildren: [],\n gridModifier: '',\n priority: false,\n overlayModifier: '',\n titleOverlayModifier: '',\n enableOverlay: false,\n enableCarousel: false\n};\n\nconst getCategoryDefinedProps = ({\n alternativePreHeader,\n category,\n entity,\n alternativeHeadline,\n displayCategory,\n name\n}) => {\n const hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;\n const preHeader =\n alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;\n const publishedListingPage = getPublishedListingUrl(preHeader);\n const label = preHeader ? preHeader.name : entity;\n const headline =\n !displayCategory || !hasAlternativePreHeader ? name : alternativeHeadline || name;\n return { publishedListingPage, preHeader, label, headline };\n};\n\nconst getImageDefinedProps = ({ image, displayThumbnail }) => {\n const { url: imageSrc, data } = image || {};\n const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n const altText = (data && data.altText) || '';\n return { imageSrc, shouldDisplayThumbnail, altText };\n};\n\nconst getInitialModifiers = ({ modifier, style, otherProps }) => {\n const modifiers = [modifier, style];\n const { sponsored, featured } = otherProps;\n if (sponsored) modifiers.push('sponsored');\n if (featured) modifiers.push('featured');\n\n return modifiers;\n};\n\nexport default Card;\n"],"mappings":"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"}
|
|
@@ -91,8 +91,7 @@ var CardContainer = function CardContainer(_ref) {
|
|
|
91
91
|
id: id,
|
|
92
92
|
enableCarousel: enableCarousel,
|
|
93
93
|
entity: entity,
|
|
94
|
-
propsToDisplay:
|
|
95
|
-
parsedPropsToDisplay: extraProps,
|
|
94
|
+
propsToDisplay: extraProps,
|
|
96
95
|
propsToDisplayModifiers: propsToDisplayModifiers,
|
|
97
96
|
modifier: modifier,
|
|
98
97
|
style: style,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContainer.js","names":["CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","entities","getEntitiesWithBanner","useContext","MainContext","itemId","propsToDisplayModifiers","getPropsToDisplayModifiers","dynamicWrapperSizes","getDynamicGridClasses","cardBannerIndex","CardWrapper","CarouselWrapper","Wrapper","map","index","baseAdunit","id","entityProps","extraProps","parsePropsToDisplay","dynamicKey","join","priority","propTypes","PropTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps","withTitle"],"sources":["../../../src/components/Card/CardContainer.js"],"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 enableOverlay,\n autoScrollTimer,\n overlayModifier,\n titleOverlayModifier,\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={
|
|
1
|
+
{"version":3,"file":"CardContainer.js","names":["CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","entities","getEntitiesWithBanner","useContext","MainContext","itemId","propsToDisplayModifiers","getPropsToDisplayModifiers","dynamicWrapperSizes","getDynamicGridClasses","cardBannerIndex","CardWrapper","CarouselWrapper","Wrapper","map","index","baseAdunit","id","entityProps","extraProps","parsePropsToDisplay","dynamicKey","join","priority","propTypes","PropTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps","withTitle"],"sources":["../../../src/components/Card/CardContainer.js"],"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 enableOverlay,\n autoScrollTimer,\n overlayModifier,\n titleOverlayModifier,\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 enableOverlay={enableOverlay}\n overlayModifier={overlayModifier}\n titleOverlayModifier={titleOverlayModifier}\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 enableAutoScroll: PropTypes.bool,\n enableOverlay: PropTypes.bool,\n overlayModifier: PropTypes.string,\n titleOverlayModifier: PropTypes.string,\n autoScrollTimer: 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 enableAutoScroll: false,\n enableOverlay: false,\n autoScrollTimer: 0,\n overlayModifier: '',\n titleOverlayModifier: ''\n};\n\nexport default withTitle(CardContainer);\n"],"mappings":"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"}
|
|
@@ -1 +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
|
|
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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"}
|
|
@@ -69,8 +69,7 @@ var CardsRenderItem = function CardsRenderItem(_ref) {
|
|
|
69
69
|
id: id,
|
|
70
70
|
entity: entity,
|
|
71
71
|
gridModifier: gridModifier,
|
|
72
|
-
propsToDisplay:
|
|
73
|
-
parsedPropsToDisplay: parsedPropsToDisplay,
|
|
72
|
+
propsToDisplay: parsedPropsToDisplay,
|
|
74
73
|
propsToDisplayModifiers: propsToDisplayModifiers,
|
|
75
74
|
modifier: modifier,
|
|
76
75
|
style: style,
|
|
@@ -1 +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={
|
|
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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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var LoggedInMessage = function LoggedInMessage(_ref) {
|
|
12
|
+
var goToUrl = _ref.goToUrl,
|
|
13
|
+
urlToUse = _ref.urlToUse;
|
|
14
|
+
return /*#__PURE__*/_react["default"].createElement("span", null, "You are already logged in please", ' ', /*#__PURE__*/_react["default"].createElement("a", {
|
|
15
|
+
onClick: function onClick(e) {
|
|
16
|
+
e.preventDefault();
|
|
17
|
+
goToUrl(true);
|
|
18
|
+
},
|
|
19
|
+
href: urlToUse
|
|
20
|
+
}, "click here"), ' ', "to reload your content access");
|
|
21
|
+
};
|
|
22
|
+
LoggedInMessage.propTypes = {
|
|
23
|
+
goToUrl: _propTypes["default"].func.isRequired,
|
|
24
|
+
urlToUse: _propTypes["default"].string.isRequired
|
|
25
|
+
};
|
|
26
|
+
var _default = LoggedInMessage;
|
|
27
|
+
exports["default"] = _default;
|
|
28
|
+
//# sourceMappingURL=LoggedInMessage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoggedInMessage.js","names":["LoggedInMessage","goToUrl","urlToUse","e","preventDefault","propTypes","PropTypes","func","isRequired","string"],"sources":["../../../src/components/Login/LoggedInMessage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst LoggedInMessage = ({ goToUrl, urlToUse }) => (\n <span>\n You are already logged in please{' '}\n <a\n onClick={e => {\n e.preventDefault();\n goToUrl(true);\n }}\n href={urlToUse}>\n click here\n </a>{' '}\n to reload your content access\n </span>\n);\n\nLoggedInMessage.propTypes = {\n goToUrl: PropTypes.func.isRequired,\n urlToUse: PropTypes.string.isRequired\n};\n\nexport default LoggedInMessage;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAe;EAAA,IAAMC,OAAO,QAAPA,OAAO;IAAEC,QAAQ,QAARA,QAAQ;EAAA,oBAC1C,kFACmC,GAAG,eACpC;IACE,OAAO,EAAE,iBAAAC,CAAC,EAAI;MACZA,CAAC,CAACC,cAAc,EAAE;MAClBH,OAAO,CAAC,IAAI,CAAC;IACf,CAAE;IACF,IAAI,EAAEC;EAAS,gBAEb,EAAC,GAAG,kCAEH;AAAA,CACR;AAEDF,eAAe,CAACK,SAAS,GAAG;EAC1BJ,OAAO,EAAEK,qBAAS,CAACC,IAAI,CAACC,UAAU;EAClCN,QAAQ,EAAEI,qBAAS,CAACG,MAAM,CAACD;AAC7B,CAAC;AAAC,eAEaR,eAAe;AAAA"}
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.array.iterator.js");
|
|
4
|
+
require("core-js/modules/es.object.to-string.js");
|
|
5
|
+
require("core-js/modules/es.string.iterator.js");
|
|
6
|
+
require("core-js/modules/es.weak-map.js");
|
|
7
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
8
|
+
require("core-js/modules/es.object.define-property.js");
|
|
9
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
10
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
11
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
12
|
+
Object.defineProperty(exports, "__esModule", {
|
|
13
|
+
value: true
|
|
14
|
+
});
|
|
15
|
+
exports["default"] = void 0;
|
|
16
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
17
|
+
require("core-js/modules/es.regexp.exec.js");
|
|
18
|
+
require("core-js/modules/es.string.replace.js");
|
|
19
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
20
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
21
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
22
|
+
var _coreAuthUi = require("@blaze-cms/core-auth-ui");
|
|
23
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
24
|
+
var _client = require("@apollo/client");
|
|
25
|
+
var _router = require("next/router");
|
|
26
|
+
var _queryString = require("query-string");
|
|
27
|
+
var _LoggedInMessage = _interopRequireDefault(require("./LoggedInMessage"));
|
|
28
|
+
var _LoginForm = _interopRequireDefault(require("./LoginForm"));
|
|
29
|
+
var _helpers = require("./helpers");
|
|
30
|
+
var _constants = require("../../constants");
|
|
31
|
+
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); }
|
|
32
|
+
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; }
|
|
33
|
+
function shouldShowAlreadyLoggedInMessage(called) {
|
|
34
|
+
var _checkIfLoggedIn = (0, _coreAuthUi.checkIfLoggedIn)(),
|
|
35
|
+
isLoggedIn = _checkIfLoggedIn.isLoggedIn;
|
|
36
|
+
return !called && isLoggedIn;
|
|
37
|
+
}
|
|
38
|
+
var Login = function Login(_ref) {
|
|
39
|
+
var modifier = _ref.modifier,
|
|
40
|
+
url = _ref.url,
|
|
41
|
+
children = _ref.children;
|
|
42
|
+
var router = (0, _router.useRouter)();
|
|
43
|
+
var asPath = router.asPath;
|
|
44
|
+
var _parseUrl = (0, _queryString.parseUrl)(asPath),
|
|
45
|
+
_parseUrl$query = _parseUrl.query;
|
|
46
|
+
_parseUrl$query = _parseUrl$query === void 0 ? {} : _parseUrl$query;
|
|
47
|
+
var redirectUrl = _parseUrl$query.redirectUrl;
|
|
48
|
+
var _useState = (0, _react.useState)(false),
|
|
49
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
50
|
+
isLoginDone = _useState2[0],
|
|
51
|
+
setIsLoginDone = _useState2[1];
|
|
52
|
+
var _useState3 = (0, _react.useState)(null),
|
|
53
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
54
|
+
errorMessageToDisplay = _useState4[0],
|
|
55
|
+
setErrorMessage = _useState4[1];
|
|
56
|
+
var urlToUse = (0, _helpers.getUrlToUse)({
|
|
57
|
+
redirectUrl: redirectUrl,
|
|
58
|
+
url: url,
|
|
59
|
+
asPath: asPath
|
|
60
|
+
});
|
|
61
|
+
var goToUrl = function goToUrl(reload) {
|
|
62
|
+
urlToUse === asPath && reload ? router.reload() : router.push('/Resolver', urlToUse);
|
|
63
|
+
};
|
|
64
|
+
var _checkGtmChildren = (0, _helpers.checkGtmChildren)(children, goToUrl),
|
|
65
|
+
_checkGtmChildren2 = (0, _slicedToArray2["default"])(_checkGtmChildren, 2),
|
|
66
|
+
hasOnSuccessChildren = _checkGtmChildren2[0],
|
|
67
|
+
updatedChildren = _checkGtmChildren2[1];
|
|
68
|
+
var _useMutation = (0, _client.useMutation)(_coreAuthUi.LOGIN_MUTATION, {
|
|
69
|
+
update: function update(cache, _ref2) {
|
|
70
|
+
var data = _ref2.data;
|
|
71
|
+
return afterLogin(data);
|
|
72
|
+
},
|
|
73
|
+
onError: function onError(_ref3) {
|
|
74
|
+
var message = _ref3.message;
|
|
75
|
+
var parsedMessage = message.replace(_constants.GRAPH_QL_ERROR, '');
|
|
76
|
+
setErrorMessage(parsedMessage);
|
|
77
|
+
}
|
|
78
|
+
}),
|
|
79
|
+
_useMutation2 = (0, _slicedToArray2["default"])(_useMutation, 2),
|
|
80
|
+
loginMutation = _useMutation2[0],
|
|
81
|
+
_useMutation2$ = _useMutation2[1],
|
|
82
|
+
client = _useMutation2$.client,
|
|
83
|
+
called = _useMutation2$.called;
|
|
84
|
+
var afterLogin = /*#__PURE__*/function () {
|
|
85
|
+
var _ref4 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(data) {
|
|
86
|
+
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
87
|
+
while (1) {
|
|
88
|
+
switch (_context.prev = _context.next) {
|
|
89
|
+
case 0:
|
|
90
|
+
_context.next = 2;
|
|
91
|
+
return (0, _coreAuthUi.handleLogin)(data, client);
|
|
92
|
+
case 2:
|
|
93
|
+
if (_context.sent) {
|
|
94
|
+
_context.next = 4;
|
|
95
|
+
break;
|
|
96
|
+
}
|
|
97
|
+
return _context.abrupt("return");
|
|
98
|
+
case 4:
|
|
99
|
+
if (!hasOnSuccessChildren) goToUrl();
|
|
100
|
+
setIsLoginDone(true);
|
|
101
|
+
case 6:
|
|
102
|
+
case "end":
|
|
103
|
+
return _context.stop();
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}, _callee);
|
|
107
|
+
}));
|
|
108
|
+
return function afterLogin(_x) {
|
|
109
|
+
return _ref4.apply(this, arguments);
|
|
110
|
+
};
|
|
111
|
+
}();
|
|
112
|
+
var showAlreadyLoggedInMessage = shouldShowAlreadyLoggedInMessage(called);
|
|
113
|
+
var shouldRenderForm = !showAlreadyLoggedInMessage && !isLoginDone;
|
|
114
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, showAlreadyLoggedInMessage && /*#__PURE__*/_react["default"].createElement(_LoggedInMessage["default"], {
|
|
115
|
+
goToUrl: goToUrl,
|
|
116
|
+
urlToUse: urlToUse
|
|
117
|
+
}), shouldRenderForm && /*#__PURE__*/_react["default"].createElement(_LoginForm["default"], {
|
|
118
|
+
errorMessageToDisplay: errorMessageToDisplay,
|
|
119
|
+
loginMutation: loginMutation,
|
|
120
|
+
modifier: modifier
|
|
121
|
+
}), isLoginDone && updatedChildren);
|
|
122
|
+
};
|
|
123
|
+
Login.propTypes = {
|
|
124
|
+
modifier: _propTypes["default"].string,
|
|
125
|
+
url: _propTypes["default"].string,
|
|
126
|
+
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node])
|
|
127
|
+
};
|
|
128
|
+
Login.defaultProps = {
|
|
129
|
+
modifier: '',
|
|
130
|
+
url: '',
|
|
131
|
+
children: null
|
|
132
|
+
};
|
|
133
|
+
var _default = Login;
|
|
134
|
+
exports["default"] = _default;
|
|
135
|
+
//# sourceMappingURL=Login.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Login.js","names":["shouldShowAlreadyLoggedInMessage","called","checkIfLoggedIn","isLoggedIn","Login","modifier","url","children","router","useRouter","asPath","parseUrl","query","redirectUrl","useState","isLoginDone","setIsLoginDone","errorMessageToDisplay","setErrorMessage","urlToUse","getUrlToUse","goToUrl","reload","push","checkGtmChildren","hasOnSuccessChildren","updatedChildren","useMutation","LOGIN_MUTATION","update","cache","data","afterLogin","onError","message","parsedMessage","replace","GRAPH_QL_ERROR","loginMutation","client","handleLogin","showAlreadyLoggedInMessage","shouldRenderForm","propTypes","PropTypes","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Login/Login.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { handleLogin, checkIfLoggedIn, LOGIN_MUTATION } from '@blaze-cms/core-auth-ui';\nimport PropTypes from 'prop-types';\nimport { useMutation } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { parseUrl } from 'query-string';\nimport LoggedInMessage from './LoggedInMessage';\nimport LoginForm from './LoginForm';\nimport { checkGtmChildren, getUrlToUse } from './helpers';\nimport { GRAPH_QL_ERROR } from '../../constants';\n\nfunction shouldShowAlreadyLoggedInMessage(called) {\n const { isLoggedIn } = checkIfLoggedIn();\n return !called && isLoggedIn;\n}\n\nconst Login = ({ modifier, url, children }) => {\n const router = useRouter();\n const { asPath } = router;\n const { query: { redirectUrl } = {} } = parseUrl(asPath);\n\n const [isLoginDone, setIsLoginDone] = useState(false);\n const [errorMessageToDisplay, setErrorMessage] = useState(null);\n const urlToUse = getUrlToUse({ redirectUrl, url, asPath });\n const goToUrl = reload => {\n urlToUse === asPath && reload ? router.reload() : router.push('/Resolver', urlToUse);\n };\n const [hasOnSuccessChildren, updatedChildren] = checkGtmChildren(children, goToUrl);\n\n const [loginMutation, { client, called }] = useMutation(LOGIN_MUTATION, {\n update: (cache, { data }) => afterLogin(data),\n onError: ({ message }) => {\n const parsedMessage = message.replace(GRAPH_QL_ERROR, '');\n setErrorMessage(parsedMessage);\n }\n });\n\n const afterLogin = async data => {\n if (!(await handleLogin(data, client))) return;\n if (!hasOnSuccessChildren) goToUrl();\n setIsLoginDone(true);\n };\n\n const showAlreadyLoggedInMessage = shouldShowAlreadyLoggedInMessage(called);\n const shouldRenderForm = !showAlreadyLoggedInMessage && !isLoginDone;\n\n return (\n <>\n {showAlreadyLoggedInMessage && <LoggedInMessage goToUrl={goToUrl} urlToUse={urlToUse} />}\n {shouldRenderForm && (\n <LoginForm\n errorMessageToDisplay={errorMessageToDisplay}\n loginMutation={loginMutation}\n modifier={modifier}\n />\n )}\n {isLoginDone && updatedChildren}\n </>\n );\n};\n\nLogin.propTypes = {\n modifier: PropTypes.string,\n url: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nLogin.defaultProps = {\n modifier: '',\n url: '',\n children: null\n};\n\nexport default Login;\n"],"mappings":"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"}
|