@mjhls/mjh-framework 1.0.569 → 1.0.571

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,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.569
2
+ # mjh-framework v. 1.0.571
3
3
 
4
4
  > Foundation Framework
5
5
 
package/dist/cjs/View.js CHANGED
@@ -113,7 +113,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
113
113
  React__default['default'].createElement(
114
114
  'style',
115
115
  { jsx: 'true' },
116
- '\n .author-details-card-' + index + ' {\n display: none;\n position: absolute;\n width: 90%;\n max-width: 450px;\n max-height: 450px;\n z-index: 9999;\n }\n .author-details-card-' + index + ' h5 {\n font-weight: 500;\n }\n .author-details-link-' + index + ':hover + .author-details-card-' + index + ', .author-details-card-' + index + ':hover {\n display: block;\n box-shadow: 0px 0px 5px #aaa;\n padding: 15px;\n border-radius: 5px;\n }\n '
116
+ '\n .author-details-card-' + index + ' {\n display: none;\n position: absolute;\n width: 90%;\n max-width: 450px;\n z-index: 9999;\n }\n .author-details-card-' + index + ' h5 {\n font-weight: 500;\n }\n .author-details-link-' + index + ':hover + .author-details-card-' + index + ', .author-details-card-' + index + ':hover {\n display: block;\n box-shadow: 0px 0px 5px #aaa;\n padding: 15px;\n border-radius: 5px;\n }\n '
117
117
  ),
118
118
  length !== index + 1 && ' , '
119
119
  );
@@ -2205,18 +2205,6 @@ var Video = function Video(_ref) {
2205
2205
  playlistID = node.playlistID,
2206
2206
  experienceID = node.experienceID;
2207
2207
 
2208
- var router = Router.useRouter();
2209
-
2210
- var _useState = React.useState(null),
2211
- _useState2 = slicedToArray._slicedToArray(_useState, 2),
2212
- qsVideoID = _useState2[0],
2213
- setQsVideoID = _useState2[1];
2214
-
2215
- React.useEffect(function () {
2216
- if (router.query && router.query.videoID && !qsVideoID) {
2217
- setQsVideoID(router.query.videoID);
2218
- }
2219
- }, [router && router.query]);
2220
2208
  var onVideoSuccess = function onVideoSuccess(success) {
2221
2209
  //console.log('success:', success.ref)
2222
2210
  var player = success.ref;
@@ -2350,22 +2338,10 @@ var Video = function Video(_ref) {
2350
2338
  return React__default['default'].createElement(
2351
2339
  'div',
2352
2340
  { className: 'brightcove-playlist', style: { position: 'relative', display: 'block', margin: '0px auto' } },
2353
- React__default['default'].createElement(
2354
- 'div',
2355
- { style: { paddingTop: '56.25%' } },
2356
- React__default['default'].createElement('iframe', {
2357
- src: 'https://players.brightcove.net/' + accountIDs.brightcove.accountId + '/experience_' + experienceID + '/index.html' + (qsVideoID ? '?videoID=' + qsVideoID : ''),
2358
- allowFullScreen: 'true',
2359
- webkitallowfullscreen: 'true',
2360
- mozallowfullscreen: 'true',
2361
- style: { border: 'none', position: 'absolute', top: '0px', right: '0px', bottom: '0px', left: '0px', width: '100%', height: '100%' }
2362
- }),
2363
- React__default['default'].createElement(
2364
- 'style',
2365
- { jsx: 'true' },
2366
- '\n .brightcove-playlist iframe {\n height: 100% !important;\n }\n '
2367
- )
2368
- )
2341
+ React__default['default'].createElement('div', {
2342
+ dangerouslySetInnerHTML: {
2343
+ __html: '<div data-experience=' + experienceID + '></div>\n <script src="https://players.brightcove.net/' + accountIDs.brightcove.accountId + '/experience_' + experienceID + '/live.js" async></script>'
2344
+ } })
2369
2345
  );
2370
2346
  }
2371
2347
  return null;
package/dist/esm/View.js CHANGED
@@ -102,7 +102,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
102
102
  React.createElement(
103
103
  'style',
104
104
  { jsx: 'true' },
105
- '\n .author-details-card-' + index + ' {\n display: none;\n position: absolute;\n width: 90%;\n max-width: 450px;\n max-height: 450px;\n z-index: 9999;\n }\n .author-details-card-' + index + ' h5 {\n font-weight: 500;\n }\n .author-details-link-' + index + ':hover + .author-details-card-' + index + ', .author-details-card-' + index + ':hover {\n display: block;\n box-shadow: 0px 0px 5px #aaa;\n padding: 15px;\n border-radius: 5px;\n }\n '
105
+ '\n .author-details-card-' + index + ' {\n display: none;\n position: absolute;\n width: 90%;\n max-width: 450px;\n z-index: 9999;\n }\n .author-details-card-' + index + ' h5 {\n font-weight: 500;\n }\n .author-details-link-' + index + ':hover + .author-details-card-' + index + ', .author-details-card-' + index + ':hover {\n display: block;\n box-shadow: 0px 0px 5px #aaa;\n padding: 15px;\n border-radius: 5px;\n }\n '
106
106
  ),
107
107
  length !== index + 1 && ' , '
108
108
  );
@@ -2193,18 +2193,6 @@ var Video = function Video(_ref) {
2193
2193
  playlistID = node.playlistID,
2194
2194
  experienceID = node.experienceID;
2195
2195
 
2196
- var router = useRouter();
2197
-
2198
- var _useState = useState(null),
2199
- _useState2 = _slicedToArray(_useState, 2),
2200
- qsVideoID = _useState2[0],
2201
- setQsVideoID = _useState2[1];
2202
-
2203
- useEffect(function () {
2204
- if (router.query && router.query.videoID && !qsVideoID) {
2205
- setQsVideoID(router.query.videoID);
2206
- }
2207
- }, [router && router.query]);
2208
2196
  var onVideoSuccess = function onVideoSuccess(success) {
2209
2197
  //console.log('success:', success.ref)
2210
2198
  var player = success.ref;
@@ -2338,22 +2326,10 @@ var Video = function Video(_ref) {
2338
2326
  return React.createElement(
2339
2327
  'div',
2340
2328
  { className: 'brightcove-playlist', style: { position: 'relative', display: 'block', margin: '0px auto' } },
2341
- React.createElement(
2342
- 'div',
2343
- { style: { paddingTop: '56.25%' } },
2344
- React.createElement('iframe', {
2345
- src: 'https://players.brightcove.net/' + accountIDs.brightcove.accountId + '/experience_' + experienceID + '/index.html' + (qsVideoID ? '?videoID=' + qsVideoID : ''),
2346
- allowFullScreen: 'true',
2347
- webkitallowfullscreen: 'true',
2348
- mozallowfullscreen: 'true',
2349
- style: { border: 'none', position: 'absolute', top: '0px', right: '0px', bottom: '0px', left: '0px', width: '100%', height: '100%' }
2350
- }),
2351
- React.createElement(
2352
- 'style',
2353
- { jsx: 'true' },
2354
- '\n .brightcove-playlist iframe {\n height: 100% !important;\n }\n '
2355
- )
2356
- )
2329
+ React.createElement('div', {
2330
+ dangerouslySetInnerHTML: {
2331
+ __html: '<div data-experience=' + experienceID + '></div>\n <script src="https://players.brightcove.net/' + accountIDs.brightcove.accountId + '/experience_' + experienceID + '/live.js" async></script>'
2332
+ } })
2357
2333
  );
2358
2334
  }
2359
2335
  return null;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.569",
3
+ "version": "1.0.571",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",