@mjhls/mjh-framework 1.0.1014 → 1.0.1016

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/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # mjh-framework v. 1.0.1014test
1
+ # mjh-framework v. 1.0.1016
2
2
 
3
3
  [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
4
4
 
@@ -0,0 +1,446 @@
1
+ 'use strict';
2
+
3
+ var defineProperty = require('./defineProperty-9673846a.js');
4
+ var slicedToArray = require('./slicedToArray-067dd3bc.js');
5
+ var React = require('react');
6
+ var reactBootstrap = require('react-bootstrap');
7
+ var index_es = require('./index.es-1ab8dda7.js');
8
+ var visibilitySensor = require('./visibility-sensor-56020df6.js');
9
+ var main = require('./main-6054981e.js');
10
+ var Router = require('next/router');
11
+ var index$1 = require('./index-7435b964.js');
12
+ var index = require('./index-65621b6c.js');
13
+ var styleInject_es = require('./style-inject.es-dcee06b6.js');
14
+ require('./_commonjsHelpers-06173234.js');
15
+ require('./define-property-e8404b64.js');
16
+ require('./core.get-iterator-method-5643aa10.js');
17
+ require('./web.dom.iterable-d98303e0.js');
18
+ require('react-dom');
19
+ require('prop-types');
20
+
21
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
+
23
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
+
25
+ var css = "#CMEDeck-module_ceToggles__1QFCs {\n display: flex;\n padding: 1rem;\n }\n #CMEDeck-module_ceToggles__1QFCs div {\n box-sizing: border-box;\n padding: 0.5rem;\n width: 50%;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-end;\n justify-content: center;\n cursor: pointer;\n border-bottom: 3px solid #fff;\n }\n #CMEDeck-module_ceToggles__1QFCs div:hover {\n opacity: 1 !important;\n border-color: #cecece;\n }\n #CMEDeck-module_ceToggles__1QFCs div p {\n margin: 0;\n font-weight: 700;\n width: 100%;\n text-align: center;\n font-size: 1rem;\n }\n #CMEDeck-module_ceToggles__1QFCs div img {\n width: 100%;\n max-width: 10rem;\n }\n\n .CMEDeck-module_cardImage__3yM5u{\n width: 268px;\n max-width: 100%;\n border-radius: 0 0 0 10%;\n margin-bottom: 20px;\n margin-top: 10px;\n border-top: 1px solid #EEE;\n }\n .CMEDeck-module_cardText__2zCzZ{\n font-size:22px;\n font-weight: 500;\n\n }\n @media (max-width: 500px){\n #CMEDeck-module_ceToggles__1QFCs div img {\n width: 131px;\n height: 46px;\n max-width: 10rem;\n }\n\n .CMEDeck-module_cardText__2zCzZ{\n font-size: 12px;\n font-weight: 500;\n }\n }";
26
+ var styles = { "ceToggles": "CMEDeck-module_ceToggles__1QFCs", "cardImage": "CMEDeck-module_cardImage__3yM5u", "cardText": "CMEDeck-module_cardText__2zCzZ" };
27
+ styleInject_es.styleInject(css);
28
+
29
+ var CMEDeck = function CMEDeck(_ref) {
30
+ var _ref$autoScroll = _ref.autoScroll,
31
+ autoScroll = _ref$autoScroll === undefined ? true : _ref$autoScroll,
32
+ _ref$variant = _ref.variant,
33
+ variant = _ref$variant === undefined ? 'left' : _ref$variant,
34
+ rightItems = _ref.rightItems,
35
+ _ref$seoPaginate = _ref.seoPaginate,
36
+ seoPaginate = _ref$seoPaginate === undefined ? true : _ref$seoPaginate,
37
+ pageview = _ref.pageview,
38
+ _ref$enablePer = _ref.enablePer,
39
+ enablePer = _ref$enablePer === undefined ? true : _ref$enablePer,
40
+ perData = _ref.perData,
41
+ _ref$enablePtce = _ref.enablePtce,
42
+ enablePtce = _ref$enablePtce === undefined ? false : _ref$enablePtce,
43
+ ptceData = _ref.ptceData,
44
+ _ref$itemsPerPage = _ref.itemsPerPage,
45
+ itemsPerPage = _ref$itemsPerPage === undefined ? 10 : _ref$itemsPerPage,
46
+ _ref$numberOfItemsBef = _ref.numberOfItemsBeforeAd,
47
+ numberOfItemsBeforeAd = _ref$numberOfItemsBef === undefined ? 6 : _ref$numberOfItemsBef;
48
+
49
+ var router = Router.useRouter();
50
+
51
+ var _useState = React.useState(true),
52
+ _useState2 = slicedToArray._slicedToArray(_useState, 2),
53
+ isLoading = _useState2[0],
54
+ setIsLoading = _useState2[1];
55
+
56
+ var _useState3 = React.useState(true),
57
+ _useState4 = slicedToArray._slicedToArray(_useState3, 2),
58
+ scrolling = _useState4[0],
59
+ setScrolling = _useState4[1];
60
+
61
+ var _useState5 = React.useState(router && router.query && router.query.page ? parseInt(router.query.page) : 1),
62
+ _useState6 = slicedToArray._slicedToArray(_useState5, 2),
63
+ currentPage = _useState6[0],
64
+ setCurrentPage = _useState6[1];
65
+
66
+ var _useState7 = React.useState([]),
67
+ _useState8 = slicedToArray._slicedToArray(_useState7, 2),
68
+ data = _useState8[0],
69
+ setData = _useState8[1];
70
+
71
+ var _useState9 = React.useState(itemsPerPage),
72
+ _useState10 = slicedToArray._slicedToArray(_useState9, 2),
73
+ to = _useState10[0],
74
+ setTo = _useState10[1];
75
+
76
+ var _useState11 = React.useState(enablePer ? 'per' : 'ptce'),
77
+ _useState12 = slicedToArray._slicedToArray(_useState11, 2),
78
+ active = _useState12[0],
79
+ setActive = _useState12[1];
80
+
81
+ var getData = function getData() {
82
+ if (active == 'per') {
83
+ setIsLoading(true);
84
+ var currentData = void 0;
85
+ if (to >= perData.length - 1) {
86
+ currentData = perData.slice(0, perData.length);
87
+ } else {
88
+ currentData = perData.length && perData.slice(0, to);
89
+ }
90
+ setIsLoading(false);
91
+ setData(currentData);
92
+ if (data.length == perData.length) setScrolling(false);
93
+ } else {
94
+ setIsLoading(true);
95
+ var _currentData = void 0;
96
+ if (to >= ptceData.length - 1) {
97
+ _currentData = ptceData.slice(0, ptceData.length);
98
+ } else {
99
+ _currentData = ptceData.length && ptceData.slice(0, to);
100
+ }
101
+ setIsLoading(false);
102
+ setData(_currentData);
103
+ if (data.length == ptceData.length) setScrolling(false);
104
+ }
105
+ };
106
+
107
+ var changePageNumber = function changePageNumber(pageNumber) {
108
+ if (seoPaginate) {
109
+ var path = router.asPath;
110
+ var qrIndex = path.indexOf('?');
111
+ var pathname = router.pathname;
112
+ var queryString = '';
113
+
114
+ if (qrIndex > 0) {
115
+ path = path.substring(1, qrIndex);
116
+
117
+ var partialQS = router.asPath.substring(qrIndex + 1);
118
+ var partialQSArr = partialQS.split('&');
119
+
120
+ // exclude page=xxx from query string
121
+ partialQSArr.map(function (item) {
122
+ var itemArr = item.split('=');
123
+ var key = itemArr[0];
124
+ var val = itemArr[1];
125
+
126
+ if (key !== 'page') {
127
+ queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
128
+ }
129
+ });
130
+ }
131
+
132
+ if (queryString.length > 0) {
133
+ path += '?' + queryString;
134
+ }
135
+ pageNumber = parseInt(pageNumber);
136
+
137
+ if (currentPage !== pageNumber) {
138
+ index$1.lib_3.refresh();
139
+
140
+ setCurrentPage(pageNumber);
141
+ if (path[0] !== '/') {
142
+ path = '/' + path;
143
+ }
144
+ var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
145
+
146
+ if (pageview) {
147
+ pageview(newPath);
148
+ }
149
+ router.push(pathname, newPath, {
150
+ shallow: true
151
+ });
152
+ }
153
+ }
154
+ };
155
+
156
+ var loadMore = function loadMore() {
157
+ setTo(function (prevTo) {
158
+ return prevTo + itemsPerPage;
159
+ });
160
+ };
161
+ React.useEffect(function () {
162
+ getData();
163
+ }, [to, active]);
164
+
165
+ var cardLoader = function cardLoader() {
166
+ return React__default["default"].createElement(
167
+ 'div',
168
+ null,
169
+ React__default["default"].createElement(
170
+ 'div',
171
+ { id: styles.ceToggles },
172
+ enablePer && React__default["default"].createElement(
173
+ 'div',
174
+ { onClick: function onClick() {
175
+ setActive('per');
176
+ setTo(itemsPerPage);
177
+ if (perData.length > itemsPerPage) setScrolling(true);
178
+ }, style: { borderColor: active === 'per' && '#10222e', filter: active !== 'per' && 'grayscale(1)', opacity: active !== 'per' && 0.5 } },
179
+ React__default["default"].createElement('img', { src: 'https://gotoper-com.s3.amazonaws.com/_media/_image/PER_Logo.svg', style: { width: '100%', maxWidth: '10rem', marginBottom: '1rem' }, alt: 'per logo' }),
180
+ React__default["default"].createElement(
181
+ 'p',
182
+ { style: { margin: '0', fontWeight: '700', width: '100%', textAlign: 'center', fontSize: '1rem' } },
183
+ 'Physician Education'
184
+ )
185
+ ),
186
+ enablePtce && React__default["default"].createElement(
187
+ 'div',
188
+ { onClick: function onClick() {
189
+ setActive('ptce');
190
+ setTo(itemsPerPage);
191
+ if (ptceData.length > itemsPerPage) setScrolling(true);
192
+ }, style: { borderColor: active === 'ptce' && '#10222e', filter: active !== 'ptce' && 'grayscale(1)', opacity: active !== 'ptce' && 0.5 } },
193
+ React__default["default"].createElement('img', { src: 'https://ptce.s3.amazonaws.com/_media/_image/PTCE_Logo_Mocks_030220v4_PTCE_ALL_PTCE.png', alt: 'ptce logo' }),
194
+ React__default["default"].createElement(
195
+ 'p',
196
+ null,
197
+ 'Pharmacist Education'
198
+ )
199
+ )
200
+ ),
201
+ React__default["default"].createElement(
202
+ reactBootstrap.Row,
203
+ null,
204
+ data && data.map(function (row, index$1) {
205
+ var pageNumber = Math.ceil((index$1 + 1) / itemsPerPage);
206
+ var baseUrl = void 0;
207
+ if (row.brandName && row.brandName === 'AllPtce') {
208
+ baseUrl = 'https://www.pharmacytimes.org/courses';
209
+ } else {
210
+ baseUrl = 'https://www.gotoper.com/courses';
211
+ }
212
+
213
+ if (variant === 'left') {
214
+ var _React$createElement;
215
+
216
+ return React__default["default"].createElement(
217
+ React__default["default"].Fragment,
218
+ { key: index$1 },
219
+ React__default["default"].createElement(
220
+ visibilitySensor.VisibilitySensor,
221
+ {
222
+ partialVisibility: true,
223
+ onChange: function onChange(isVisible) {
224
+ isVisible && changePageNumber(pageNumber);
225
+ } },
226
+ React__default["default"].createElement(
227
+ reactBootstrap.Col,
228
+ { xl: 12, style: { marginBottom: '1rem' } },
229
+ React__default["default"].createElement(
230
+ reactBootstrap.Row,
231
+ null,
232
+ React__default["default"].createElement(
233
+ reactBootstrap.Col,
234
+ { xs: 3, sm: 4, md: 4, lg: 4, xl: 4, style: { padding: '0', borderTop: '1px solid #EEE' } },
235
+ React__default["default"].createElement(
236
+ 'a',
237
+ { rel: 'noopener', href: baseUrl + '/' + row.slug, target: '_blank' },
238
+ React__default["default"].createElement(
239
+ index.LazyLoad,
240
+ null,
241
+ React__default["default"].createElement('img', { className: styles.cardImage, src: row.thumbnail })
242
+ )
243
+ )
244
+ ),
245
+ React__default["default"].createElement(
246
+ reactBootstrap.Col,
247
+ { xs: 9, sm: 8, md: 8, lg: 8, xl: 8, style: { paddingTop: '10px', marginBottom: '20px', borderTop: '1px solid #EEE' } },
248
+ React__default["default"].createElement(
249
+ 'a',
250
+ { rel: 'noopener', href: baseUrl + '/' + row.slug, target: '_blank' },
251
+ React__default["default"].createElement('h4', (_React$createElement = { className: 'mb-1' }, defineProperty._defineProperty(_React$createElement, 'className', styles.cardText), defineProperty._defineProperty(_React$createElement, 'dangerouslySetInnerHTML', { __html: row.title }), _React$createElement)),
252
+ React__default["default"].createElement(
253
+ 'p',
254
+ defineProperty._defineProperty({ className: 'mb-2' }, 'className', styles.cardText),
255
+ ' ',
256
+ row.expirationDate && 'Expiration Date: ' + row.expirationDate
257
+ ),
258
+ React__default["default"].createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
259
+ )
260
+ )
261
+ )
262
+ )
263
+ ),
264
+ main.main_43 && rightItems && (index$1 + 1) % numberOfItemsBeforeAd === 0 && React__default["default"].createElement(
265
+ 'div',
266
+ { style: { margin: '0 auto' } },
267
+ renderMobileAd(index$1, numberOfItemsBeforeAd)
268
+ )
269
+ );
270
+ } else {
271
+ return React__default["default"].createElement(
272
+ React__default["default"].Fragment,
273
+ { key: index$1 },
274
+ React__default["default"].createElement(
275
+ visibilitySensor.VisibilitySensor,
276
+ {
277
+ partialVisibility: true,
278
+ onChange: function onChange(isVisible) {
279
+ isVisible && changePageNumber(pageNumber);
280
+ } },
281
+ React__default["default"].createElement(
282
+ reactBootstrap.Row,
283
+ { style: { margin: '0', padding: '0' } },
284
+ React__default["default"].createElement(
285
+ reactBootstrap.Col,
286
+ { xs: 9, sm: 8, lg: 8, xl: 8 },
287
+ React__default["default"].createElement(
288
+ 'a',
289
+ { rel: 'noopener', href: row.href, target: '_blank' },
290
+ React__default["default"].createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: row.title } }),
291
+ React__default["default"].createElement(
292
+ 'p',
293
+ { className: 'mb-2' },
294
+ ' ',
295
+ row.expirationDate && 'Expiration Date: ' + row.expirationDate
296
+ ),
297
+ React__default["default"].createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
298
+ )
299
+ ),
300
+ React__default["default"].createElement(
301
+ reactBootstrap.Col,
302
+ { xs: 3, sm: 4, lg: 4, xl: 4 },
303
+ React__default["default"].createElement(
304
+ 'a',
305
+ { rel: 'noopener', href: row.href, target: '_blank' },
306
+ React__default["default"].createElement('img', { style: { width: '100%', borderRadius: '0 0 10% 0' }, src: row.thumbnail })
307
+ )
308
+ )
309
+ )
310
+ ),
311
+ main.main_43 && rightItems && (index$1 + 1) % numberOfItemsBeforeAd === 0 && React__default["default"].createElement(
312
+ 'div',
313
+ { style: { margin: '0 auto' } },
314
+ renderMobileAd(index$1, numberOfItemsBeforeAd)
315
+ )
316
+ );
317
+ }
318
+ })
319
+ )
320
+ );
321
+ };
322
+
323
+ var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd) {
324
+ var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
325
+ return React__default["default"].createElement(
326
+ reactBootstrap.Col,
327
+ { md: 12, style: { display: 'flex', flex: '1 0 auto' } },
328
+ rightItems[i].component
329
+ );
330
+ };
331
+
332
+ var renderManualPagination = function renderManualPagination() {
333
+ var currentPage = 1;
334
+ return React__default["default"].createElement(
335
+ 'div',
336
+ { className: 'd-flex justify-content-between' },
337
+ currentPage && currentPage > 1 && React__default["default"].createElement(
338
+ 'a',
339
+ { href: '?page=' + (currentPage - 1) },
340
+ '<< Previous'
341
+ ),
342
+ React__default["default"].createElement(
343
+ 'a',
344
+ { href: '?page=' + (currentPage + 1) },
345
+ 'Next >>'
346
+ )
347
+ );
348
+ };
349
+
350
+ if (isLoading) {
351
+ return React__default["default"].createElement(
352
+ 'div',
353
+ { style: { display: 'flex', justifyContent: 'center', marginTop: '48px' } },
354
+ React__default["default"].createElement(
355
+ reactBootstrap.Spinner,
356
+ { animation: 'border', role: 'status' },
357
+ React__default["default"].createElement(
358
+ 'span',
359
+ { className: 'sr-only' },
360
+ 'Loading...'
361
+ )
362
+ )
363
+ );
364
+ }
365
+
366
+ if (data.length > 0) {
367
+ return React__default["default"].createElement(
368
+ 'div',
369
+ { className: 'contentDeck' },
370
+ autoScroll ? React__default["default"].createElement(
371
+ React__default["default"].Fragment,
372
+ null,
373
+ React__default["default"].createElement(
374
+ 'style',
375
+ { jsx: true },
376
+ '\n .infinite-scroll-component {\n overflow: hidden !important;\n }\n '
377
+ ),
378
+ React__default["default"].createElement(
379
+ index_es.InfiniteScroll,
380
+ {
381
+ dataLength: data && data.length,
382
+ next: loadMore,
383
+ hasMore: scrolling,
384
+ scrollThreshold: 0.8
385
+ },
386
+ React__default["default"].createElement(
387
+ reactBootstrap.Container,
388
+ null,
389
+ cardLoader()
390
+ )
391
+ ),
392
+ React__default["default"].createElement(
393
+ 'noscript',
394
+ null,
395
+ renderManualPagination()
396
+ )
397
+ ) : React__default["default"].createElement(
398
+ React__default["default"].Fragment,
399
+ null,
400
+ React__default["default"].createElement(
401
+ reactBootstrap.Container,
402
+ null,
403
+ cardLoader()
404
+ ),
405
+ React__default["default"].createElement(
406
+ 'div',
407
+ { style: { padding: '0px 10px' } },
408
+ scrolling ? React__default["default"].createElement(
409
+ 'button',
410
+ {
411
+ style: { margin: 'auto', width: '100%' },
412
+ onClick: function onClick(e) {
413
+ loadMore();
414
+ } },
415
+ 'Load More'
416
+ ) : React__default["default"].createElement(
417
+ 'p',
418
+ { style: { textAlign: 'center' } },
419
+ React__default["default"].createElement(
420
+ 'b',
421
+ null,
422
+ 'End of data'
423
+ )
424
+ )
425
+ ),
426
+ React__default["default"].createElement(
427
+ 'noscript',
428
+ null,
429
+ renderManualPagination()
430
+ )
431
+ )
432
+ );
433
+ } else {
434
+ return React__default["default"].createElement(
435
+ 'div',
436
+ null,
437
+ React__default["default"].createElement(
438
+ 'div',
439
+ null,
440
+ 'No data found '
441
+ )
442
+ );
443
+ }
444
+ };
445
+
446
+ module.exports = CMEDeck;
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ var defineProperty = require('./defineProperty-9673846a.js');
3
4
  var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
4
- var defineProperty$1 = require('./define-property-e8404b64.js');
5
5
  var core_getIteratorMethod = require('./core.get-iterator-method-5643aa10.js');
6
6
  var _objectToArray = require('./_object-to-array-ce86cae7.js');
7
7
  var slicedToArray = require('./slicedToArray-067dd3bc.js');
@@ -21,6 +21,7 @@ require('./main-6054981e.js');
21
21
  var index = require('./index-96c331fd.js');
22
22
  var js_cookie = require('./js.cookie-a511c430.js');
23
23
  var Router = require('next/router');
24
+ require('./define-property-e8404b64.js');
24
25
  require('./_object-pie-083f2dd6.js');
25
26
  require('./web.dom.iterable-d98303e0.js');
26
27
  require('./_iter-detect-b1df62f0.js');
@@ -37,34 +38,6 @@ var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
37
38
  var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
38
39
  var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
39
40
 
40
- var defineProperty = _commonjsHelpers.createCommonjsModule(function (module, exports) {
41
-
42
- exports.__esModule = true;
43
-
44
-
45
-
46
- var _defineProperty2 = _interopRequireDefault(defineProperty$1.defineProperty);
47
-
48
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
49
-
50
- exports.default = function (obj, key, value) {
51
- if (key in obj) {
52
- (0, _defineProperty2.default)(obj, key, {
53
- value: value,
54
- enumerable: true,
55
- configurable: true,
56
- writable: true
57
- });
58
- } else {
59
- obj[key] = value;
60
- }
61
-
62
- return obj;
63
- };
64
- });
65
-
66
- var _defineProperty = _commonjsHelpers.unwrapExports(defineProperty);
67
-
68
41
  // https://github.com/tc39/proposal-object-values-entries
69
42
 
70
43
  var $entries = _objectToArray._objectToArray(true);
@@ -363,7 +336,7 @@ var EventsDeck = function EventsDeck(_ref) {
363
336
  evt.persist();
364
337
  setDeckAdvancedFilters(function (prevState) {
365
338
  console.dir(prevState);
366
- return _extends._extends({}, prevState, _defineProperty({}, evt.target.dataset['filtername'], {
339
+ return _extends._extends({}, prevState, defineProperty._defineProperty({}, evt.target.dataset['filtername'], {
367
340
  value: evt.target.value,
368
341
  selected: evt.target.value.length > 0 ? true : false,
369
342
  param: prevState[evt.target.dataset['filtername']].param
@@ -4,21 +4,47 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var Head = require('next/head');
7
+ var urlFor = require('@mjhls/mjh-framework/dist/cjs/urlFor');
7
8
 
8
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
10
 
10
11
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
12
  var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
13
+ var urlFor__default = /*#__PURE__*/_interopDefaultLegacy(urlFor);
12
14
 
13
15
  var Header = function Header(props) {
14
16
  var title = props.title,
15
17
  keyword = props.keyword,
16
18
  description = props.description,
17
19
  isLiveSite = props.isLiveSite,
18
- canonicalUrl = props.canonicalUrl;
20
+ canonicalUrl = props.canonicalUrl,
21
+ addOpenGraph = props.addOpenGraph,
22
+ docGroup = props.docGroup,
23
+ client = props.client;
19
24
 
20
25
 
21
- return React__default["default"].createElement(
26
+ return addOpenGraph && docGroup ? React__default["default"].createElement(
27
+ Head__default["default"],
28
+ null,
29
+ title && React__default["default"].createElement(
30
+ 'title',
31
+ null,
32
+ title
33
+ ),
34
+ keyword && React__default["default"].createElement('meta', { name: 'keywords', content: keyword }),
35
+ description && React__default["default"].createElement('meta', { name: 'description', content: description, key: 'description' }),
36
+ !isLiveSite && React__default["default"].createElement('meta', { name: 'robots', content: 'noindex, nofollow' }),
37
+ canonicalUrl && React__default["default"].createElement('link', { rel: 'canonical', href: canonicalUrl, key: 'canonical' }),
38
+ React__default["default"].createElement('meta', { name: 'twitter:card', content: 'summary' }),
39
+ React__default["default"].createElement('meta', { name: 'twitter:title', content: docGroup.name }),
40
+ React__default["default"].createElement('meta', { name: 'twitter:site', content: '@cancernetwrk' }),
41
+ React__default["default"].createElement('meta', { name: 'twitter:image', content: urlFor__default["default"]({ client: client, source: docGroup.thumbnail, imageHeight: 630, imageWidth: 1200, imageMaxHeight: null, imageFit: null }) }),
42
+ React__default["default"].createElement('meta', { name: 'twitter:description', content: docGroup.description[0].children[0].text }),
43
+ React__default["default"].createElement('meta', { property: 'og:title', content: docGroup.name }),
44
+ React__default["default"].createElement('meta', { property: 'og:site_name', content: 'Cancer Network' }),
45
+ React__default["default"].createElement('meta', { property: 'og:url', content: 'https://www.cancernetwork.com' + props.url }),
46
+ React__default["default"].createElement('meta', { property: 'og:image', content: urlFor__default["default"]({ client: client, source: docGroup.thumbnail, imageHeight: 630, imageWidth: 1200, imageMaxHeight: null, imageFit: null }) })
47
+ ) : React__default["default"].createElement(
22
48
  Head__default["default"],
23
49
  null,
24
50
  title && React__default["default"].createElement(
@@ -33,6 +33,7 @@ require('./_iter-detect-b1df62f0.js');
33
33
  require('./Segment.js');
34
34
  require('./main-6054981e.js');
35
35
  require('next/head');
36
+ require('@mjhls/mjh-framework/dist/cjs/urlFor');
36
37
  require('react-bootstrap/Row');
37
38
  require('react-bootstrap/Col');
38
39
  require('./SideFooter.js');
@@ -0,0 +1,34 @@
1
+ 'use strict';
2
+
3
+ var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
4
+ var defineProperty$1 = require('./define-property-e8404b64.js');
5
+
6
+ var defineProperty = _commonjsHelpers.createCommonjsModule(function (module, exports) {
7
+
8
+ exports.__esModule = true;
9
+
10
+
11
+
12
+ var _defineProperty2 = _interopRequireDefault(defineProperty$1.defineProperty);
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
16
+ exports.default = function (obj, key, value) {
17
+ if (key in obj) {
18
+ (0, _defineProperty2.default)(obj, key, {
19
+ value: value,
20
+ enumerable: true,
21
+ configurable: true,
22
+ writable: true
23
+ });
24
+ } else {
25
+ obj[key] = value;
26
+ }
27
+
28
+ return obj;
29
+ };
30
+ });
31
+
32
+ var _defineProperty = _commonjsHelpers.unwrapExports(defineProperty);
33
+
34
+ exports._defineProperty = _defineProperty;