@mjhls/mjh-framework 1.0.957 → 1.0.959-gridcontent-nojs-fix-v1

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.
Files changed (74) hide show
  1. package/README.md +168 -168
  2. package/dist/cjs/AlgoliaSearch.js +131 -15
  3. package/dist/cjs/AuthWrapper.js +1 -1
  4. package/dist/cjs/ConferenceArticleCard.js +15 -15
  5. package/dist/cjs/ContentCardPaginated.js +1 -2
  6. package/dist/cjs/DeckContent.js +8 -8
  7. package/dist/cjs/DeckQueuePaginated.js +1 -2
  8. package/dist/cjs/EventsDeck.js +17 -17
  9. package/dist/cjs/GridContent.js +6 -1
  10. package/dist/cjs/GridContentPaginated.js +1 -2
  11. package/dist/cjs/HamMagazine.js +9 -9
  12. package/dist/cjs/HealthCareProfessionalModal.js +1 -1
  13. package/dist/cjs/IssueLanding.js +29 -29
  14. package/dist/cjs/KMTracker.js +15 -15
  15. package/dist/cjs/MasterDeck.js +8 -8
  16. package/dist/cjs/MasterDeckPaginated.js +9 -10
  17. package/dist/cjs/{MediaSeriesCard-3e0f0601.js → MediaSeriesCard-dffbfadb.js} +1 -1
  18. package/dist/cjs/MediaSeriesLanding.js +6 -6
  19. package/dist/cjs/MediaSeriesLandingPaginated.js +7 -8
  20. package/dist/cjs/NavMagazine.js +10 -10
  21. package/dist/cjs/NavNative.js +9 -9
  22. package/dist/cjs/Pagination-30bb1ca1.js +97 -0
  23. package/dist/cjs/PartnerDetailListingPaginated.js +1 -2
  24. package/dist/cjs/PublicationLanding.js +26 -26
  25. package/dist/cjs/QueueDeckExpandedPaginated.js +1 -2
  26. package/dist/cjs/RelatedContent.js +28 -28
  27. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  28. package/dist/cjs/SeriesListingDeck.js +1 -1
  29. package/dist/cjs/{SeriesSlider-594b19eb.js → SeriesSlider-74546d19.js} +4 -4
  30. package/dist/cjs/SideFooter.js +2 -2
  31. package/dist/cjs/VideoSeriesCard.js +1 -1
  32. package/dist/cjs/View.js +37 -17
  33. package/dist/cjs/YoutubeGroup.js +4 -4
  34. package/dist/cjs/{getTargeting-232688b0.js → getTargeting-77bb50ae.js} +9 -9
  35. package/dist/cjs/getTargeting.js +1 -1
  36. package/dist/cjs/index.js +2 -3
  37. package/dist/esm/AlgoliaSearch.js +132 -16
  38. package/dist/esm/AuthWrapper.js +1 -1
  39. package/dist/esm/ConferenceArticleCard.js +15 -15
  40. package/dist/esm/ContentCardPaginated.js +1 -2
  41. package/dist/esm/DeckContent.js +8 -8
  42. package/dist/esm/DeckQueuePaginated.js +1 -2
  43. package/dist/esm/EventsDeck.js +17 -17
  44. package/dist/esm/GridContent.js +6 -1
  45. package/dist/esm/GridContentPaginated.js +1 -2
  46. package/dist/esm/HamMagazine.js +9 -9
  47. package/dist/esm/HealthCareProfessionalModal.js +1 -1
  48. package/dist/esm/IssueLanding.js +29 -29
  49. package/dist/esm/KMTracker.js +15 -15
  50. package/dist/esm/MasterDeck.js +8 -8
  51. package/dist/esm/MasterDeckPaginated.js +9 -10
  52. package/dist/esm/{MediaSeriesCard-462aa764.js → MediaSeriesCard-7003e532.js} +1 -1
  53. package/dist/esm/MediaSeriesLanding.js +6 -6
  54. package/dist/esm/MediaSeriesLandingPaginated.js +7 -8
  55. package/dist/esm/NavMagazine.js +10 -10
  56. package/dist/esm/NavNative.js +9 -9
  57. package/dist/esm/Pagination-194dd03f.js +90 -0
  58. package/dist/esm/PartnerDetailListingPaginated.js +1 -2
  59. package/dist/esm/PublicationLanding.js +26 -26
  60. package/dist/esm/QueueDeckExpandedPaginated.js +1 -2
  61. package/dist/esm/RelatedContent.js +28 -28
  62. package/dist/esm/RelatedTopicsDropdown.js +10 -10
  63. package/dist/esm/SeriesListingDeck.js +1 -1
  64. package/dist/esm/{SeriesSlider-19bf6ce4.js → SeriesSlider-b853a8cf.js} +4 -4
  65. package/dist/esm/SideFooter.js +2 -2
  66. package/dist/esm/VideoSeriesCard.js +1 -1
  67. package/dist/esm/View.js +37 -16
  68. package/dist/esm/YoutubeGroup.js +4 -4
  69. package/dist/esm/{getTargeting-d519d2b6.js → getTargeting-f8f94212.js} +9 -9
  70. package/dist/esm/getTargeting.js +1 -1
  71. package/dist/esm/index.js +2 -3
  72. package/package.json +115 -115
  73. package/dist/cjs/Pagination-c63770a3.js +0 -90
  74. package/dist/esm/Pagination-6f8d5327.js +0 -82
@@ -1,7 +1,7 @@
1
1
  import { _ as _extends$1 } from './extends-19fcf571.js';
2
2
  import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-44a60f2b.js';
3
3
  import { _ as _typeof$2 } from './typeof-af09aa11.js';
4
- import React__default, { createContext, Component, Children, version as version$2 } from 'react';
4
+ import React__default, { createContext, Component, Fragment, Children, version as version$2 } from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import { _ as _typeof$1 } from './typeof-2f07d0e8.js';
7
7
  import { _ as _objectWithoutPropertiesLoose$1, a as _setPrototypeOf, b as _extends, c as classnames } from './index-98ca9cec.js';
@@ -823,7 +823,7 @@ function parseAlgoliaHit(_ref2) {
823
823
  });
824
824
  }
825
825
 
826
- var version$1 = '6.11.2';
826
+ var version$1 = '6.12.0';
827
827
 
828
828
  var withKeysPropType = function withKeysPropType(keys) {
829
829
  return function (props, propName, componentName) {
@@ -905,6 +905,10 @@ function translatable(defaultTranslations) {
905
905
  function getIndexId(context) {
906
906
  return hasMultipleIndices(context) ? context.multiIndexContext.targetedIndex : context.ais.mainTargetedIndex;
907
907
  }
908
+ /**
909
+ * @returns {import('algoliasearch-helper').SearchResults} results
910
+ */
911
+
908
912
  function getResults(searchResults, context) {
909
913
  if (searchResults.results) {
910
914
  if (searchResults.results.hits) {
@@ -4769,7 +4773,7 @@ var requestBuilder = {
4769
4773
 
4770
4774
  var requestBuilder_1 = requestBuilder;
4771
4775
 
4772
- var version = '3.5.3';
4776
+ var version = '3.5.4';
4773
4777
 
4774
4778
  /**
4775
4779
  * Event triggered when a parameter is set or updated
@@ -6417,6 +6421,87 @@ ConfigureRelatedItems.propTypes = {
6417
6421
  };
6418
6422
  connectConfigureRelatedItems(ConfigureRelatedItems);
6419
6423
 
6424
+ var connectDynamicWidgets = createConnectorWithContext({
6425
+ displayName: 'AlgoliaDynamicWidgets',
6426
+ defaultProps: {
6427
+ transformItems: function transformItems(items) {
6428
+ return items;
6429
+ }
6430
+ },
6431
+ propTypes: {
6432
+ transformItems: PropTypes.func
6433
+ },
6434
+ getProvidedProps: function getProvidedProps(props, _searchState, searchResults) {
6435
+ var results = getResults(searchResults, {
6436
+ ais: props.contextValue,
6437
+ multiIndexContext: props.indexContextValue
6438
+ });
6439
+
6440
+ if (!results) {
6441
+ return {
6442
+ attributesToRender: []
6443
+ };
6444
+ }
6445
+
6446
+ var facetOrder = results.renderingContent && results.renderingContent.facetOrdering && results.renderingContent.facetOrdering.facets && results.renderingContent.facetOrdering.facets.order || [];
6447
+ return {
6448
+ attributesToRender: props.transformItems(facetOrder, {
6449
+ results: results
6450
+ })
6451
+ };
6452
+ }
6453
+ });
6454
+
6455
+ function getAttribute(component) {
6456
+ if (_typeof(component) !== 'object') {
6457
+ return undefined;
6458
+ }
6459
+
6460
+ if (component.props.attribute) {
6461
+ return component.props.attribute;
6462
+ }
6463
+
6464
+ if (Array.isArray(component.props.attributes)) {
6465
+ return component.props.attributes[0];
6466
+ }
6467
+
6468
+ if (component.props.children) {
6469
+ return getAttribute(React__default.Children.only(component.props.children));
6470
+ }
6471
+
6472
+ return undefined;
6473
+ }
6474
+
6475
+ function DynamicWidgets(_ref) {
6476
+ var children = _ref.children,
6477
+ attributesToRender = _ref.attributesToRender,
6478
+ _ref$fallbackComponen = _ref.fallbackComponent,
6479
+ Fallback = _ref$fallbackComponen === void 0 ? function () {
6480
+ return null;
6481
+ } : _ref$fallbackComponen;
6482
+ var widgets = new Map();
6483
+ React__default.Children.forEach(children, function (child) {
6484
+ var attribute = getAttribute(child);
6485
+
6486
+ if (!attribute) {
6487
+ throw new Error("Could not find \"attribute\" prop for ".concat(getDisplayName(child), "."));
6488
+ }
6489
+
6490
+ widgets.set(attribute, child);
6491
+ }); // on initial render this will be empty, but React InstantSearch keeps
6492
+ // search state for unmounted components in place, so routing works.
6493
+
6494
+ return React__default.createElement(React__default.Fragment, null, attributesToRender.map(function (attribute) {
6495
+ return React__default.createElement(Fragment, {
6496
+ key: attribute
6497
+ }, widgets.get(attribute) || React__default.createElement(Fallback, {
6498
+ attribute: attribute
6499
+ }));
6500
+ }));
6501
+ }
6502
+
6503
+ connectDynamicWidgets(DynamicWidgets);
6504
+
6420
6505
  // A context rule must consist only of alphanumeric characters, hyphens, and underscores.
6421
6506
  // See https://www.algolia.com/doc/guides/managing-results/refine-results/merchandising-and-promoting/in-depth/implementing-query-rules/#context
6422
6507
  function escapeRuleContext(ruleName) {
@@ -7826,7 +7911,8 @@ var connectHierarchicalMenu = createConnectorWithContext({
7826
7911
  showMore: PropTypes.bool,
7827
7912
  limit: PropTypes.number,
7828
7913
  showMoreLimit: PropTypes.number,
7829
- transformItems: PropTypes.func
7914
+ transformItems: PropTypes.func,
7915
+ facetOrdering: PropTypes.bool
7830
7916
  },
7831
7917
  defaultProps: {
7832
7918
  showMore: false,
@@ -7834,12 +7920,14 @@ var connectHierarchicalMenu = createConnectorWithContext({
7834
7920
  showMoreLimit: 20,
7835
7921
  separator: ' > ',
7836
7922
  rootPath: null,
7837
- showParentLevel: true
7923
+ showParentLevel: true,
7924
+ facetOrdering: true
7838
7925
  },
7839
7926
  getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
7840
7927
  var showMore = props.showMore,
7841
7928
  limit = props.limit,
7842
- showMoreLimit = props.showMoreLimit;
7929
+ showMoreLimit = props.showMoreLimit,
7930
+ facetOrdering = props.facetOrdering;
7843
7931
  var id = getId$c(props);
7844
7932
  var results = getResults(searchResults, {
7845
7933
  ais: props.contextValue,
@@ -7860,7 +7948,8 @@ var connectHierarchicalMenu = createConnectorWithContext({
7860
7948
 
7861
7949
  var itemsLimit = showMore ? showMoreLimit : limit;
7862
7950
  var value = results.getFacetValues(id, {
7863
- sortBy: sortBy$1
7951
+ sortBy: sortBy$1,
7952
+ facetOrdering: facetOrdering
7864
7953
  });
7865
7954
  var items = value.data ? transformValue(value.data, props, searchState, {
7866
7955
  ais: props.contextValue,
@@ -8412,17 +8501,20 @@ var connectMenu = createConnectorWithContext({
8412
8501
  showMoreLimit: PropTypes.number,
8413
8502
  defaultRefinement: PropTypes.string,
8414
8503
  transformItems: PropTypes.func,
8415
- searchable: PropTypes.bool
8504
+ searchable: PropTypes.bool,
8505
+ facetOrdering: PropTypes.bool
8416
8506
  },
8417
8507
  defaultProps: {
8418
8508
  showMore: false,
8419
8509
  limit: 10,
8420
- showMoreLimit: 20
8510
+ showMoreLimit: 20,
8511
+ facetOrdering: true
8421
8512
  },
8422
8513
  getProvidedProps: function getProvidedProps(props, searchState, searchResults, meta, searchForFacetValuesResults) {
8423
8514
  var attribute = props.attribute,
8424
8515
  searchable = props.searchable,
8425
- indexContextValue = props.indexContextValue;
8516
+ indexContextValue = props.indexContextValue,
8517
+ facetOrdering = props.facetOrdering;
8426
8518
  var results = getResults(searchResults, {
8427
8519
  ais: props.contextValue,
8428
8520
  multiIndexContext: props.indexContextValue
@@ -8468,7 +8560,8 @@ var connectMenu = createConnectorWithContext({
8468
8560
  });
8469
8561
  } else {
8470
8562
  items = results.getFacetValues(attribute, {
8471
- sortBy: searchable ? undefined : defaultSortBy
8563
+ sortBy: searchable ? undefined : defaultSortBy,
8564
+ facetOrdering: facetOrdering
8472
8565
  }).map(function (v) {
8473
8566
  return {
8474
8567
  label: v.name,
@@ -9325,18 +9418,21 @@ var connectRefinementList = createConnectorWithContext({
9325
9418
  showMoreLimit: PropTypes.number,
9326
9419
  defaultRefinement: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
9327
9420
  searchable: PropTypes.bool,
9328
- transformItems: PropTypes.func
9421
+ transformItems: PropTypes.func,
9422
+ facetOrdering: PropTypes.bool
9329
9423
  },
9330
9424
  defaultProps: {
9331
9425
  operator: 'or',
9332
9426
  showMore: false,
9333
9427
  limit: 10,
9334
- showMoreLimit: 20
9428
+ showMoreLimit: 20,
9429
+ facetOrdering: true
9335
9430
  },
9336
9431
  getProvidedProps: function getProvidedProps(props, searchState, searchResults, metadata, searchForFacetValuesResults) {
9337
9432
  var attribute = props.attribute,
9338
9433
  searchable = props.searchable,
9339
- indexContextValue = props.indexContextValue;
9434
+ indexContextValue = props.indexContextValue,
9435
+ facetOrdering = props.facetOrdering;
9340
9436
  var results = getResults(searchResults, {
9341
9437
  ais: props.contextValue,
9342
9438
  multiIndexContext: props.indexContextValue
@@ -9377,7 +9473,8 @@ var connectRefinementList = createConnectorWithContext({
9377
9473
  isRefined: v.isRefined
9378
9474
  };
9379
9475
  }) : results.getFacetValues(attribute, {
9380
- sortBy: sortBy
9476
+ sortBy: sortBy,
9477
+ facetOrdering: facetOrdering
9381
9478
  }).map(function (v) {
9382
9479
  return {
9383
9480
  label: v.name,
@@ -10877,6 +10974,7 @@ function (_Component) {
10877
10974
 
10878
10975
  var _this$props4 = this.props,
10879
10976
  className = _this$props4.className,
10977
+ inputId = _this$props4.inputId,
10880
10978
  translate = _this$props4.translate,
10881
10979
  autoFocus = _this$props4.autoFocus,
10882
10980
  loadingIndicator = _this$props4.loadingIndicator,
@@ -10904,6 +11002,7 @@ function (_Component) {
10904
11002
  role: "search"
10905
11003
  }, React__default.createElement("input", _extends({
10906
11004
  ref: this.onInputMount,
11005
+ id: inputId,
10907
11006
  type: "search",
10908
11007
  placeholder: translate('placeholder'),
10909
11008
  autoFocus: autoFocus,
@@ -10955,7 +11054,8 @@ _defineProperty(SearchBox$1, "propTypes", {
10955
11054
  showLoadingIndicator: PropTypes.bool,
10956
11055
  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.exact({
10957
11056
  current: PropTypes.object
10958
- })])
11057
+ })]),
11058
+ inputId: PropTypes.string
10959
11059
  });
10960
11060
 
10961
11061
  _defineProperty(SearchBox$1, "defaultProps", {
@@ -11594,9 +11694,11 @@ function (_Component) {
11594
11694
  value: function render() {
11595
11695
  var _this$props = this.props,
11596
11696
  cx = _this$props.cx,
11697
+ id = _this$props.id,
11597
11698
  items = _this$props.items,
11598
11699
  selectedItem = _this$props.selectedItem;
11599
11700
  return React__default.createElement("select", {
11701
+ id: id,
11600
11702
  className: cx('select'),
11601
11703
  value: selectedItem,
11602
11704
  onChange: this.onChange
@@ -11616,6 +11718,7 @@ function (_Component) {
11616
11718
 
11617
11719
  _defineProperty(Select, "propTypes", {
11618
11720
  cx: PropTypes.func.isRequired,
11721
+ id: PropTypes.string,
11619
11722
  onSelect: PropTypes.func.isRequired,
11620
11723
  items: PropTypes.arrayOf(PropTypes.shape({
11621
11724
  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
@@ -11643,6 +11746,7 @@ function (_Component) {
11643
11746
  key: "render",
11644
11747
  value: function render() {
11645
11748
  var _this$props = this.props,
11749
+ id = _this$props.id,
11646
11750
  items = _this$props.items,
11647
11751
  currentRefinement = _this$props.currentRefinement,
11648
11752
  refine = _this$props.refine,
@@ -11650,6 +11754,7 @@ function (_Component) {
11650
11754
  return React__default.createElement("div", {
11651
11755
  className: classnames(cx$h(''), className)
11652
11756
  }, React__default.createElement(Select, {
11757
+ id: id,
11653
11758
  onSelect: refine,
11654
11759
  selectedItem: currentRefinement,
11655
11760
  items: items,
@@ -11662,6 +11767,7 @@ function (_Component) {
11662
11767
  }(Component);
11663
11768
 
11664
11769
  _defineProperty(HitsPerPage, "propTypes", {
11770
+ id: PropTypes.string,
11665
11771
  items: PropTypes.arrayOf(PropTypes.shape({
11666
11772
  value: PropTypes.number.isRequired,
11667
11773
  label: PropTypes.string
@@ -11684,6 +11790,7 @@ _defineProperty(HitsPerPage, "defaultProps", {
11684
11790
  *
11685
11791
  * @name HitsPerPage
11686
11792
  * @kind widget
11793
+ * @propType {string} id - The id of the select input
11687
11794
  * @propType {{value: number, label: string}[]} items - List of available options.
11688
11795
  * @propType {number} defaultRefinement - The number of items selected by default
11689
11796
  * @propType {function} [transformItems] - Function to modify the items being displayed, e.g. for filtering or sorting them. Takes an items as parameter and expects it back in return.
@@ -12052,6 +12159,7 @@ function (_Component) {
12052
12159
  key: "render",
12053
12160
  value: function render() {
12054
12161
  var _this$props = this.props,
12162
+ id = _this$props.id,
12055
12163
  items = _this$props.items,
12056
12164
  canRefine = _this$props.canRefine,
12057
12165
  translate = _this$props.translate,
@@ -12059,6 +12167,7 @@ function (_Component) {
12059
12167
  return React__default.createElement("div", {
12060
12168
  className: classnames(cx$e('', !canRefine && '-noRefinement'), className)
12061
12169
  }, React__default.createElement("select", {
12170
+ id: id,
12062
12171
  value: this.selectedValue,
12063
12172
  onChange: this.handleSelectChange,
12064
12173
  className: cx$e('select')
@@ -12091,6 +12200,7 @@ function (_Component) {
12091
12200
  }(Component);
12092
12201
 
12093
12202
  _defineProperty(MenuSelect, "propTypes", {
12203
+ id: PropTypes.string,
12094
12204
  items: PropTypes.arrayOf(PropTypes.shape({
12095
12205
  label: PropTypes.string.isRequired,
12096
12206
  value: PropTypes.string.isRequired,
@@ -12117,6 +12227,7 @@ var MenuSelect$1 = translatable({
12117
12227
  * @kind widget
12118
12228
  * @requirements The attribute passed to the `attribute` prop must be present in "attributes for faceting"
12119
12229
  * on the Algolia dashboard or configured as `attributesForFaceting` via a set settings call to the Algolia API.
12230
+ * @propType {string} id - the id of the select input
12120
12231
  * @propType {string} attribute - the name of the attribute in the record
12121
12232
  * @propType {string} [defaultRefinement] - the value of the item selected by default
12122
12233
  * @propType {number} [limit=10] - the minimum number of diplayed items
@@ -13448,6 +13559,7 @@ connectScrollTo(ScrollTo);
13448
13559
  * @propType {node} [reset] - Change the apparence of the default reset button (cross).
13449
13560
  * @propType {node} [loadingIndicator] - Change the apparence of the default loading indicator (spinning circle).
13450
13561
  * @propType {string} [defaultRefinement] - Provide default refinement value when component is mounted.
13562
+ * @propType {string} [inputId] - The id of the search input
13451
13563
  * @propType {boolean} [showLoadingIndicator=false] - Display that the search is loading. This only happens after a certain amount of time to avoid a blinking effect. This timer can be configured with `stalledSearchDelay` props on <InstantSearch>. By default, the value is 200ms.
13452
13564
  * @themeKey ais-SearchBox - the root div of the widget
13453
13565
  * @themeKey ais-SearchBox-form - the wrapping form
@@ -13598,6 +13710,7 @@ function (_Component) {
13598
13710
  key: "render",
13599
13711
  value: function render() {
13600
13712
  var _this$props = this.props,
13713
+ id = _this$props.id,
13601
13714
  items = _this$props.items,
13602
13715
  currentRefinement = _this$props.currentRefinement,
13603
13716
  refine = _this$props.refine,
@@ -13605,6 +13718,7 @@ function (_Component) {
13605
13718
  return React__default.createElement("div", {
13606
13719
  className: classnames(cx$4(''), className)
13607
13720
  }, React__default.createElement(Select, {
13721
+ id: id,
13608
13722
  cx: cx$4,
13609
13723
  items: items,
13610
13724
  selectedItem: currentRefinement,
@@ -13617,6 +13731,7 @@ function (_Component) {
13617
13731
  }(Component);
13618
13732
 
13619
13733
  _defineProperty(SortBy, "propTypes", {
13734
+ id: PropTypes.string,
13620
13735
  items: PropTypes.arrayOf(PropTypes.shape({
13621
13736
  label: PropTypes.string,
13622
13737
  value: PropTypes.string.isRequired
@@ -13636,6 +13751,7 @@ _defineProperty(SortBy, "defaultProps", {
13636
13751
  * @requirements Algolia handles sorting by creating replica indices. [Read more about sorting](https://www.algolia.com/doc/guides/relevance/sorting/) on
13637
13752
  * the Algolia website.
13638
13753
  * @kind widget
13754
+ * @propType {string} id - The id of the select input
13639
13755
  * @propType {{value: string, label: string}[]} items - The list of indexes to search in.
13640
13756
  * @propType {string} defaultRefinement - The default selected index.
13641
13757
  * @propType {function} [transformItems] - Function to modify the items being displayed, e.g. for filtering or sorting them. Takes an items as parameter and expects it back in return.
@@ -1761,7 +1761,7 @@ client$1.Provider;
1761
1761
 
1762
1762
  var client = client$1.default;
1763
1763
 
1764
- var css = ".AuthWrapper-module_loginBox__3l-BE {\n margin-bottom: 2rem;\n width: 350px;\n max-width: 90vw;\n margin-left: auto;\n margin-right: auto;\n /* box-shadow: 2px 5px 12px rgba(0, 0, 0, 0.15); */\n background: #fff;\n z-index: 1;\n}\n.AuthWrapper-module_loginBox_title__12rGD {\n margin-bottom: 2rem;\n text-align: center;\n}\n.AuthWrapper-module_bar__1dafn {\n background: #eee;\n margin-left: unset;\n margin-right: unset;\n}\n.AuthWrapper-module_bar__1dafn:nth-child(1) {\n float: left;\n border-right: 1rem solid #fff;\n background: rgb(245, 245, 245);\n height: 10rem;\n width: 25%;\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 2rem;\n}\n.AuthWrapper-module_bar__1dafn:nth-child(2n) {\n width: 97%;\n height: 1.5rem;\n margin-bottom: 0.25rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(3n) {\n width: 96%;\n height: 1.5rem;\n margin-bottom: 1.5rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(4n) {\n width: 72%;\n height: 1.5rem;\n margin-bottom: 0.25rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(5n) {\n width: 88%;\n height: 1.5rem;\n margin-bottom: 0.25rem;\n}\n\n.AuthWrapper-module_iframe__2wDJW {\n margin-top: -3rem;\n border: none;\n width: 100%;\n height: 1900px;\n}";
1764
+ var css = ".AuthWrapper-module_loginBox__3l-BE {\r\n margin-bottom: 2rem;\r\n width: 350px;\r\n max-width: 90vw;\r\n margin-left: auto;\r\n margin-right: auto;\r\n /* box-shadow: 2px 5px 12px rgba(0, 0, 0, 0.15); */\r\n background: #fff;\r\n z-index: 1;\r\n}\r\n.AuthWrapper-module_loginBox_title__12rGD {\r\n margin-bottom: 2rem;\r\n text-align: center;\r\n}\r\n.AuthWrapper-module_bar__1dafn {\r\n background: #eee;\r\n margin-left: unset;\r\n margin-right: unset;\r\n}\r\n.AuthWrapper-module_bar__1dafn:nth-child(1) {\r\n float: left;\r\n border-right: 1rem solid #fff;\r\n background: rgb(245, 245, 245);\r\n height: 10rem;\r\n width: 25%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-bottom: 2rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn:nth-child(2n) {\r\n width: 97%;\r\n height: 1.5rem;\r\n margin-bottom: 0.25rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(3n) {\r\n width: 96%;\r\n height: 1.5rem;\r\n margin-bottom: 1.5rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(4n) {\r\n width: 72%;\r\n height: 1.5rem;\r\n margin-bottom: 0.25rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(5n) {\r\n width: 88%;\r\n height: 1.5rem;\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.AuthWrapper-module_iframe__2wDJW {\r\n margin-top: -3rem;\r\n border: none;\r\n width: 100%;\r\n height: 1900px;\r\n}";
1765
1765
  var styles = { "loginBox": "AuthWrapper-module_loginBox__3l-BE", "loginBox_title": "AuthWrapper-module_loginBox_title__12rGD", "bar": "AuthWrapper-module_bar__1dafn", "iframe": "AuthWrapper-module_iframe__2wDJW" };
1766
1766
  styleInject(css);
1767
1767
 
@@ -7,21 +7,21 @@ import './web.dom.iterable-357ab671.js';
7
7
  import './core.get-iterator-method-2623c4c7.js';
8
8
  import './index-3f5c03b2.js';
9
9
 
10
- /*
11
- Example usage - targetedonc.com/latest-conference
12
- const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
13
- ...,
14
- title,
15
- summary,
16
- thumbnail,
17
- url,
18
- published,
19
- documentGroup->,
20
- contentCategory->,
21
- 'pageNumber': ${currentPage}
22
- }`
23
-
24
- const posts = await client.fetch(query, params)
10
+ /*
11
+ Example usage - targetedonc.com/latest-conference
12
+ const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
13
+ ...,
14
+ title,
15
+ summary,
16
+ thumbnail,
17
+ url,
18
+ published,
19
+ documentGroup->,
20
+ contentCategory->,
21
+ 'pageNumber': ${currentPage}
22
+ }`
23
+
24
+ const posts = await client.fetch(query, params)
25
25
  */
26
26
 
27
27
  var ConferenceArticleCard = function ConferenceArticleCard(props) {
@@ -15,7 +15,7 @@ import { L as LazyLoad } from './index-755f2cc2.js';
15
15
  import { m as main_43 } from './main-1894c974.js';
16
16
  import { c as clean_html_1 } from './entities-6d9154b4.js';
17
17
  import { A as ADInfeed } from './ADInfeed-c977de2e.js';
18
- import { P as Pagination } from './Pagination-6f8d5327.js';
18
+ import { P as Pagination } from './Pagination-194dd03f.js';
19
19
  import Spinner from 'react-bootstrap/Spinner';
20
20
  import './_commonjsHelpers-0c4b6f40.js';
21
21
  import './core.get-iterator-method-2623c4c7.js';
@@ -40,7 +40,6 @@ import './toNumber-5aeba6e7.js';
40
40
  import './Beam.js';
41
41
  import './stringify-e20934cc.js';
42
42
  import './Segment.js';
43
- import 'react-paginate';
44
43
  import 'react-bootstrap/Button';
45
44
  import './index.esm-1bd8a0a8.js';
46
45
  import './iconBase-ccc56b97.js';
@@ -183,14 +183,14 @@ var DeckContent = function (_React$Component) {
183
183
  var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
184
184
 
185
185
  // please leave this for later debug purpose : Yong Jun.
186
- /* console.log('page change reported', {
187
- currentPage: currentPage,
188
- pageNumber: pageNumber,
189
- pathname: pathname,
190
- path: path,
191
- newPath: newPath,
192
- firstPage: pageNumber === 1,
193
- queryString: queryString
186
+ /* console.log('page change reported', {
187
+ currentPage: currentPage,
188
+ pageNumber: pageNumber,
189
+ pathname: pathname,
190
+ path: path,
191
+ newPath: newPath,
192
+ firstPage: pageNumber === 1,
193
+ queryString: queryString
194
194
  }) */
195
195
 
196
196
  if (pageview) {
@@ -16,7 +16,7 @@ import { g as get_1 } from './get-3c308da4.js';
16
16
  import { m as main_43 } from './main-1894c974.js';
17
17
  import urlFor from './urlFor.js';
18
18
  import { c as clean_html_1 } from './entities-6d9154b4.js';
19
- import { P as Pagination } from './Pagination-6f8d5327.js';
19
+ import { P as Pagination } from './Pagination-194dd03f.js';
20
20
  import './_commonjsHelpers-0c4b6f40.js';
21
21
  import './core.get-iterator-method-2623c4c7.js';
22
22
  import './web.dom.iterable-357ab671.js';
@@ -35,7 +35,6 @@ import './isSymbol-a7e9aafe.js';
35
35
  import './eq-bdcbf886.js';
36
36
  import './slicedToArray-a5ed2ac8.js';
37
37
  import './index-3f5c03b2.js';
38
- import 'react-paginate';
39
38
  import 'react-bootstrap/Button';
40
39
  import './index.esm-1bd8a0a8.js';
41
40
  import './iconBase-ccc56b97.js';
@@ -246,23 +246,23 @@ var EventsDeck = function EventsDeck(_ref) {
246
246
  if (cventAccessToken && cventAccessToken !== 'undefined') {
247
247
  setAccessToken(cventAccessToken);
248
248
  } else {
249
- /*const encodedData = window.btoa(clientId + ':' + clientSecret)
250
- //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
251
- const url = `https://api-platform.cvent.com/ea/oauth2/token`
252
- fetch(url, {
253
- headers: {
254
- 'Content-Type': 'application/x-www-form-urlencoded',
255
- Authorization: `Basic ${encodedData}`
256
- },
257
- method: 'POST',
258
- body: `grant_type=client_credentials&client_id=${clientId}`
259
- })
260
- .then((response) => response.json())
261
- .then((json) => {
262
- const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
263
- Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
264
- setAccessToken(json.access_token)
265
- })
249
+ /*const encodedData = window.btoa(clientId + ':' + clientSecret)
250
+ //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
251
+ const url = `https://api-platform.cvent.com/ea/oauth2/token`
252
+ fetch(url, {
253
+ headers: {
254
+ 'Content-Type': 'application/x-www-form-urlencoded',
255
+ Authorization: `Basic ${encodedData}`
256
+ },
257
+ method: 'POST',
258
+ body: `grant_type=client_credentials&client_id=${clientId}`
259
+ })
260
+ .then((response) => response.json())
261
+ .then((json) => {
262
+ const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
263
+ Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
264
+ setAccessToken(json.access_token)
265
+ })
266
266
  .catch((e) => console.log(e))*/
267
267
  // hello
268
268
  var url = 'https://beam.mjhlifesciences.com/api/cvent/token';
@@ -376,7 +376,11 @@ var GridContent = function (_React$Component) {
376
376
  var insert = function insert(arr, index, newElement) {
377
377
  return [].concat(_toConsumableArray(arr.slice(0, index)), [newElement], _toConsumableArray(arr.slice(index)));
378
378
  };
379
- var posts = this.state.data.slice(3);
379
+ //Simi this is causing issues with the card URLS
380
+ //let posts = this.state.data.slice(3)
381
+
382
+ var posts = [];
383
+
380
384
  if (brandInsight && (lgInfeedAd || showBI)) {
381
385
  var firstThree = this.state.data.slice(0, 3);
382
386
  var data = this.state.data.slice(3);
@@ -421,6 +425,7 @@ var GridContent = function (_React$Component) {
421
425
  // Checking lgInfeedAd flag in desktop view ( window >= 1400px ).
422
426
  if (lgInfeedAd && typeof window !== 'undefined' && window.innerWidth >= 1400) {
423
427
  brandInsight.interval = 8;
428
+ posts = data;
424
429
  } else if (typeof window !== 'undefined' && window.innerWidth < 1400) {
425
430
  brandInsight.interval = 5;
426
431
  posts = data;
@@ -22,7 +22,7 @@ import urlFor from './urlFor.js';
22
22
  import { m as main_43 } from './main-1894c974.js';
23
23
  import { A as AuthorComponent } from './AuthorComponent-0ee8667f.js';
24
24
  import { P as PublicationFeature } from './PublicationFeature-c65b005a.js';
25
- import { P as Pagination } from './Pagination-6f8d5327.js';
25
+ import { P as Pagination } from './Pagination-194dd03f.js';
26
26
  import Spinner from 'react-bootstrap/Spinner';
27
27
  import './_commonjsHelpers-0c4b6f40.js';
28
28
  import './core.get-iterator-method-2623c4c7.js';
@@ -48,7 +48,6 @@ import './Segment.js';
48
48
  import './eq-bdcbf886.js';
49
49
  import './index-3f5c03b2.js';
50
50
  import 'react-bootstrap/Button';
51
- import 'react-paginate';
52
51
  import './index.esm-1bd8a0a8.js';
53
52
  import './iconBase-ccc56b97.js';
54
53
 
@@ -28,15 +28,15 @@ import './_library-528f1934.js';
28
28
  import './_iter-detect-c9bd22b3.js';
29
29
 
30
30
  var HamMagazine = function HamMagazine(props) {
31
- /*
32
- Example Nav with acceptable props
33
- <MagazineNav
34
- showLogin
35
- logo={props.settings.logo}
36
- dataObject={props.cache.mainNavCache}
37
- website={website}
38
- subNav={props.cache.subNavCache}
39
- />
31
+ /*
32
+ Example Nav with acceptable props
33
+ <MagazineNav
34
+ showLogin
35
+ logo={props.settings.logo}
36
+ dataObject={props.cache.mainNavCache}
37
+ website={website}
38
+ subNav={props.cache.subNavCache}
39
+ />
40
40
  */
41
41
 
42
42
  // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black
@@ -4,7 +4,7 @@ import Modal from 'react-bootstrap/Modal';
4
4
  import Button from 'react-bootstrap/Button';
5
5
  import { s as styleInject } from './style-inject.es-1f59c1d0.js';
6
6
 
7
- var css = ".HealthcareProfessionalModal-module_container__HUaSr {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background: rgba(0,0,0,.1);\n z-index: 9999999999;\n display: grid;\n place-items: center;\n}\n.HealthcareProfessionalModal-module_modal__31CzM{\n background: #fff;\n padding: 1.5rem;\n text-align: center;\n position: relative;\n width: 400px;\n max-width: 90vw;\n\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n animation: HealthcareProfessionalModal-module_show__3soMo .5s forwards;\n transform: translateY(0);\n opacity:1;\n}\n.HealthcareProfessionalModal-module_header__3uIr7 {\n background-color: #0d335a;\nposition: absolute;\n padding: 1rem;\n width: 80%;\ntop: 0;\nleft: 50%;\ntransform: translateX(-50%) translateY(-50%) ;\n border-radius: 15px;\n}\n.HealthcareProfessionalModal-module_body__3bnyN {\n color: #202020;\n}\n.HealthcareProfessionalModal-module_body__3bnyN span{\n font-weight: bold;\n}\n.HealthcareProfessionalModal-module_body__3bnyN .HealthcareProfessionalModal-module_title__27l5n {\n font-size: 24px;\n margin-bottom: 1rem;\n}\n.HealthcareProfessionalModal-module_controls__1wXJl button {\n margin: 1.5rem 1rem;\n border-radius: 5px;\n font-size: 1rem;\n}\n@keyframes HealthcareProfessionalModal-module_show__3soMo {\n from{\n transform: translateY(25px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity:1;\n }\n}";
7
+ var css = ".HealthcareProfessionalModal-module_container__HUaSr {\r\n position: fixed;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n background: rgba(0,0,0,.1);\r\n z-index: 9999999999;\r\n display: grid;\r\n place-items: center;\r\n}\r\n.HealthcareProfessionalModal-module_modal__31CzM{\r\n background: #fff;\r\n padding: 1.5rem;\r\n text-align: center;\r\n position: relative;\r\n width: 400px;\r\n max-width: 90vw;\r\n\r\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n animation: HealthcareProfessionalModal-module_show__3soMo .5s forwards;\r\n transform: translateY(0);\r\n opacity:1;\r\n}\r\n.HealthcareProfessionalModal-module_header__3uIr7 {\r\n background-color: #0d335a;\r\nposition: absolute;\r\n padding: 1rem;\r\n width: 80%;\r\ntop: 0;\r\nleft: 50%;\r\ntransform: translateX(-50%) translateY(-50%) ;\r\n border-radius: 15px;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN {\r\n color: #202020;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN span{\r\n font-weight: bold;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN .HealthcareProfessionalModal-module_title__27l5n {\r\n font-size: 24px;\r\n margin-bottom: 1rem;\r\n}\r\n.HealthcareProfessionalModal-module_controls__1wXJl button {\r\n margin: 1.5rem 1rem;\r\n border-radius: 5px;\r\n font-size: 1rem;\r\n}\r\n@keyframes HealthcareProfessionalModal-module_show__3soMo {\r\n from{\r\n transform: translateY(25px);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translateY(0);\r\n opacity:1;\r\n }\r\n}";
8
8
  var styles = { "container": "HealthcareProfessionalModal-module_container__HUaSr", "modal": "HealthcareProfessionalModal-module_modal__31CzM", "show": "HealthcareProfessionalModal-module_show__3soMo", "header": "HealthcareProfessionalModal-module_header__3uIr7", "body": "HealthcareProfessionalModal-module_body__3bnyN", "title": "HealthcareProfessionalModal-module_title__27l5n", "controls": "HealthcareProfessionalModal-module_controls__1wXJl" };
9
9
  styleInject(css);
10
10