@atlaskit/media-test-helpers 36.0.1 → 36.0.3

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/media-test-helpers
 
+## 36.0.3
+
+### Patch Changes
+
+- [#134528](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/134528)
+  [`61165836daa36`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/61165836daa36) -
+  [ux] Use latest media token on video resume or seek
+
+  Previously when resuming a video after the current token had expired the video player would fail
+  to load and would show an error boundary page.
+
+  The same bug would occur when seeking to a new `currentTime` after the token expired.
+
+  Now both the dedicated and inline player will update their `src` to a new URL with the latest
+  cached token.
+
+- Updated dependencies
+
+## 36.0.2
+
+### Patch Changes
+
+- [#154812](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/154812)
+  [`41f303d60f195`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/41f303d60f195) -
+  Added label to I18nWrapper
+
 ## 36.0.1
 
 ### Patch Changes

package/dist/cjs/I18nWrapper.js

@@ -13,6 +13,7 @@ var _reactIntlNext = require("react-intl-next");
 var _LocaleSelect = _interopRequireWildcard(require("@atlaskit/locale/LocaleSelect"));
 var _locales = require("@atlaskit/media-ui/locales");
 var _primitives = require("@atlaskit/primitives");
+var _form = require("@atlaskit/form");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function getMessages(localeValue) {
@@ -39,7 +40,10 @@ var I18NWrapper = exports.I18NWrapper = function I18NWrapper(_ref) {
   var messages = getMessages(locale.value);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: localeBoxStyles
-  }, /*#__PURE__*/_react.default.createElement(_LocaleSelect.default, {
+  }, /*#__PURE__*/_react.default.createElement(_form.Label, {
+    htmlFor: "media-locale-select"
+  }, "Language"), /*#__PURE__*/_react.default.createElement(_LocaleSelect.default, {
+    id: "media-locale-select",
     onLocaleChange: setLocale,
     locales: selectableLocales
   })), /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {

package/dist/cjs/authProvider.js

@@ -19,6 +19,7 @@ var StoryBookAuthProvider = exports.StoryBookAuthProvider = /*#__PURE__*/functio
   return (0, _createClass2.default)(StoryBookAuthProvider, null, [{
     key: "create",
     value: function create(isAsapEnvironment, access) {
+      var expiresIn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 600;
       var loadTenatAuth = /*#__PURE__*/function () {
         var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(collectionName) {
           var environment, headers, config, url, response;
@@ -33,7 +34,8 @@ var StoryBookAuthProvider = exports.StoryBookAuthProvider = /*#__PURE__*/functio
                   method: 'POST',
                   headers: headers,
                   body: access ? JSON.stringify({
-                    access: access
+                    access: access,
+                    expiresIn: expiresIn
                   }) : undefined
                 };
                 url = "".concat(_mediaBaseURLS.MEDIA_PLAYGROUND_BASE_URL, "/token/tenant?collection=").concat(collectionName, "&environment=").concat(environment);
@@ -61,6 +63,9 @@ var StoryBookAuthProvider = exports.StoryBookAuthProvider = /*#__PURE__*/functio
         var cacheKey = "".concat(collectionName, "-").concat(accessStr, "-").concat(isAsapEnvironment);
         if (!cachedAuths[cacheKey]) {
           cachedAuths[cacheKey] = loadTenatAuth(collectionName);
+          setInterval(function () {
+            cachedAuths[cacheKey] = loadTenatAuth(collectionName);
+          }, expiresIn * 1000 / 2);
         }
         return cachedAuths[cacheKey];
       };

package/dist/cjs/flushPromises.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.flushPromises = void 0;
+/** deprecated Use React Testing Library's waitFor like method instead */
 var flushPromises = exports.flushPromises = function flushPromises() {
   return new Promise(function (resolve) {
     return setImmediate(resolve);

package/dist/cjs/mediaPickerAuthProvider.js

@@ -31,6 +31,7 @@ var accessUrns = {
 var requestAuthProvider = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(authEnvironment, collectionName) {
     var env,
+      expiresIn,
       url,
       body,
       headers,
@@ -40,23 +41,25 @@ var requestAuthProvider = /*#__PURE__*/function () {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           env = _args.length > 2 && _args[2] !== undefined ? _args[2] : 'staging';
+          expiresIn = _args.length > 3 && _args[3] !== undefined ? _args[3] : 600;
           url = "https://media-playground.".concat(env, ".atl-paas.net/token/tenant?environment=").concat(authEnvironment);
           body = JSON.stringify({
-            access: accessUrns[collectionName] || {}
+            access: accessUrns[collectionName] || {},
+            expiresIn: expiresIn
           });
           headers = new Headers();
           headers.append('Content-Type', 'application/json; charset=utf-8');
           headers.append('Accept', 'text/plain, */*; q=0.01');
-          _context.next = 8;
+          _context.next = 9;
           return fetch(url, {
             method: 'POST',
             body: body,
             headers: headers
           });
-        case 8:
+        case 9:
           response = _context.sent;
           return _context.abrupt("return", response.json());
-        case 10:
+        case 11:
         case "end":
           return _context.stop();
       }
@@ -69,12 +72,16 @@ var requestAuthProvider = /*#__PURE__*/function () {
 var mediaPickerAuthProvider = exports.mediaPickerAuthProvider = function mediaPickerAuthProvider() {
   var authEnvironment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'asap';
   var env = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'staging';
+  var expiresIn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 600;
   return function (context) {
     var collectionName = context && context.collectionName || _collectionNames.defaultCollectionName;
     authEnvironment = authEnvironment === 'asap' ? 'asap' : '';
     var cacheKey = "".concat(collectionName, ":").concat(authEnvironment);
     if (!cachedAuths[cacheKey]) {
       cachedAuths[cacheKey] = requestAuthProvider(authEnvironment, collectionName, env);
+      setInterval(function () {
+        cachedAuths[cacheKey] = requestAuthProvider(authEnvironment, collectionName, env);
+      }, expiresIn * 1000 / 2);
     }
     return cachedAuths[cacheKey];
   };

package/dist/es2019/I18nWrapper.js

@@ -3,6 +3,7 @@ import { IntlProvider } from 'react-intl-next';
 import LocaleSelect, { defaultLocales } from '@atlaskit/locale/LocaleSelect';
 import { locales } from '@atlaskit/media-ui/locales';
 import { Box, xcss } from '@atlaskit/primitives';
+import { Label } from '@atlaskit/form';
 function getMessages(localeValue) {
   const lang = localeValue.substring(0, 2);
   const langWithRegion = localeValue.replace('-', '_');
@@ -25,7 +26,10 @@ export const I18NWrapper = ({
   const messages = getMessages(locale.value);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
     xcss: localeBoxStyles
-  }, /*#__PURE__*/React.createElement(LocaleSelect, {
+  }, /*#__PURE__*/React.createElement(Label, {
+    htmlFor: "media-locale-select"
+  }, "Language"), /*#__PURE__*/React.createElement(LocaleSelect, {
+    id: "media-locale-select",
     onLocaleChange: setLocale,
     locales: selectableLocales
   })), /*#__PURE__*/React.createElement(IntlProvider, {

package/dist/es2019/authProvider.js

@@ -2,7 +2,7 @@ import { defaultCollectionName } from './collectionNames';
 import { MEDIA_PLAYGROUND_BASE_URL } from './mediaBaseURLS';
 const cachedAuths = {};
 export class StoryBookAuthProvider {
-  static create(isAsapEnvironment, access) {
+  static create(isAsapEnvironment, access, expiresIn = 600) {
     const loadTenatAuth = async collectionName => {
       const environment = isAsapEnvironment ? 'asap' : '';
       const headers = new Headers();
@@ -12,7 +12,8 @@ export class StoryBookAuthProvider {
         method: 'POST',
         headers,
         body: access ? JSON.stringify({
-          access
+          access,
+          expiresIn
         }) : undefined
       };
       const url = `${MEDIA_PLAYGROUND_BASE_URL}/token/tenant?collection=${collectionName}&environment=${environment}`;
@@ -27,6 +28,9 @@ export class StoryBookAuthProvider {
       const cacheKey = `${collectionName}-${accessStr}-${isAsapEnvironment}`;
       if (!cachedAuths[cacheKey]) {
         cachedAuths[cacheKey] = loadTenatAuth(collectionName);
+        setInterval(() => {
+          cachedAuths[cacheKey] = loadTenatAuth(collectionName);
+        }, expiresIn * 1000 / 2);
       }
       return cachedAuths[cacheKey];
     };

package/dist/es2019/flushPromises.js

@@ -1 +1,2 @@
+/** deprecated Use React Testing Library's waitFor like method instead */
 export const flushPromises = () => new Promise(resolve => setImmediate(resolve));

package/dist/es2019/mediaPickerAuthProvider.js

@@ -19,10 +19,11 @@ const accessUrns = {
     'urn:filestore:file:*': ['read', 'update']
   }
 };
-const requestAuthProvider = async (authEnvironment, collectionName, env = 'staging') => {
+const requestAuthProvider = async (authEnvironment, collectionName, env = 'staging', expiresIn = 600) => {
   const url = `https://media-playground.${env}.atl-paas.net/token/tenant?environment=${authEnvironment}`;
   const body = JSON.stringify({
-    access: accessUrns[collectionName] || {}
+    access: accessUrns[collectionName] || {},
+    expiresIn
   });
   const headers = new Headers();
   headers.append('Content-Type', 'application/json; charset=utf-8');
@@ -36,12 +37,15 @@ const requestAuthProvider = async (authEnvironment, collectionName, env = 'stagi
   // We leverage the fact, that our internal /toke/tenant API returns data in the same format as Auth
   return response.json();
 };
-export const mediaPickerAuthProvider = (authEnvironment = 'asap', env = 'staging') => context => {
+export const mediaPickerAuthProvider = (authEnvironment = 'asap', env = 'staging', expiresIn = 600) => context => {
   const collectionName = context && context.collectionName || defaultCollectionName;
   authEnvironment = authEnvironment === 'asap' ? 'asap' : '';
   const cacheKey = `${collectionName}:${authEnvironment}`;
   if (!cachedAuths[cacheKey]) {
     cachedAuths[cacheKey] = requestAuthProvider(authEnvironment, collectionName, env);
+    setInterval(() => {
+      cachedAuths[cacheKey] = requestAuthProvider(authEnvironment, collectionName, env);
+    }, expiresIn * 1000 / 2);
   }
   return cachedAuths[cacheKey];
 };

package/dist/esm/I18nWrapper.js

@@ -5,6 +5,7 @@ import { IntlProvider } from 'react-intl-next';
 import LocaleSelect, { defaultLocales } from '@atlaskit/locale/LocaleSelect';
 import { locales } from '@atlaskit/media-ui/locales';
 import { Box, xcss } from '@atlaskit/primitives';
+import { Label } from '@atlaskit/form';
 function getMessages(localeValue) {
   var lang = localeValue.substring(0, 2);
   var langWithRegion = localeValue.replace('-', '_');
@@ -29,7 +30,10 @@ export var I18NWrapper = function I18NWrapper(_ref) {
   var messages = getMessages(locale.value);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
     xcss: localeBoxStyles
-  }, /*#__PURE__*/React.createElement(LocaleSelect, {
+  }, /*#__PURE__*/React.createElement(Label, {
+    htmlFor: "media-locale-select"
+  }, "Language"), /*#__PURE__*/React.createElement(LocaleSelect, {
+    id: "media-locale-select",
     onLocaleChange: setLocale,
     locales: selectableLocales
   })), /*#__PURE__*/React.createElement(IntlProvider, {

package/dist/esm/authProvider.js

@@ -12,6 +12,7 @@ export var StoryBookAuthProvider = /*#__PURE__*/function () {
   return _createClass(StoryBookAuthProvider, null, [{
     key: "create",
     value: function create(isAsapEnvironment, access) {
+      var expiresIn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 600;
       var loadTenatAuth = /*#__PURE__*/function () {
         var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(collectionName) {
           var environment, headers, config, url, response;
@@ -26,7 +27,8 @@ export var StoryBookAuthProvider = /*#__PURE__*/function () {
                   method: 'POST',
                   headers: headers,
                   body: access ? JSON.stringify({
-                    access: access
+                    access: access,
+                    expiresIn: expiresIn
                   }) : undefined
                 };
                 url = "".concat(MEDIA_PLAYGROUND_BASE_URL, "/token/tenant?collection=").concat(collectionName, "&environment=").concat(environment);
@@ -54,6 +56,9 @@ export var StoryBookAuthProvider = /*#__PURE__*/function () {
         var cacheKey = "".concat(collectionName, "-").concat(accessStr, "-").concat(isAsapEnvironment);
         if (!cachedAuths[cacheKey]) {
           cachedAuths[cacheKey] = loadTenatAuth(collectionName);
+          setInterval(function () {
+            cachedAuths[cacheKey] = loadTenatAuth(collectionName);
+          }, expiresIn * 1000 / 2);
         }
         return cachedAuths[cacheKey];
       };

package/dist/esm/flushPromises.js

@@ -1,3 +1,4 @@
+/** deprecated Use React Testing Library's waitFor like method instead */
 export var flushPromises = function flushPromises() {
   return new Promise(function (resolve) {
     return setImmediate(resolve);

package/dist/esm/mediaPickerAuthProvider.js

@@ -24,6 +24,7 @@ var accessUrns = {
 var requestAuthProvider = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(authEnvironment, collectionName) {
     var env,
+      expiresIn,
       url,
       body,
       headers,
@@ -33,23 +34,25 @@ var requestAuthProvider = /*#__PURE__*/function () {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           env = _args.length > 2 && _args[2] !== undefined ? _args[2] : 'staging';
+          expiresIn = _args.length > 3 && _args[3] !== undefined ? _args[3] : 600;
           url = "https://media-playground.".concat(env, ".atl-paas.net/token/tenant?environment=").concat(authEnvironment);
           body = JSON.stringify({
-            access: accessUrns[collectionName] || {}
+            access: accessUrns[collectionName] || {},
+            expiresIn: expiresIn
           });
           headers = new Headers();
           headers.append('Content-Type', 'application/json; charset=utf-8');
           headers.append('Accept', 'text/plain, */*; q=0.01');
-          _context.next = 8;
+          _context.next = 9;
           return fetch(url, {
             method: 'POST',
             body: body,
             headers: headers
           });
-        case 8:
+        case 9:
           response = _context.sent;
           return _context.abrupt("return", response.json());
-        case 10:
+        case 11:
         case "end":
           return _context.stop();
       }
@@ -62,12 +65,16 @@ var requestAuthProvider = /*#__PURE__*/function () {
 export var mediaPickerAuthProvider = function mediaPickerAuthProvider() {
   var authEnvironment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'asap';
   var env = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'staging';
+  var expiresIn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 600;
   return function (context) {
     var collectionName = context && context.collectionName || defaultCollectionName;
     authEnvironment = authEnvironment === 'asap' ? 'asap' : '';
     var cacheKey = "".concat(collectionName, ":").concat(authEnvironment);
     if (!cachedAuths[cacheKey]) {
       cachedAuths[cacheKey] = requestAuthProvider(authEnvironment, collectionName, env);
+      setInterval(function () {
+        cachedAuths[cacheKey] = requestAuthProvider(authEnvironment, collectionName, env);
+      }, expiresIn * 1000 / 2);
     }
     return cachedAuths[cacheKey];
   };

package/dist/types/authProvider.d.ts

@@ -2,5 +2,5 @@ import { type AuthProvider } from '@atlaskit/media-core';
 export declare class StoryBookAuthProvider {
     static create(isAsapEnvironment: boolean, access?: {
         [resourceUrn: string]: string[];
-    }): AuthProvider;
+    }, expiresIn?: number): AuthProvider;
 }

package/dist/types/flushPromises.d.ts

@@ -1 +1,2 @@
+/** deprecated Use React Testing Library's waitFor like method instead */
 export declare const flushPromises: () => Promise<unknown>;

package/dist/types/mediaPickerAuthProvider.d.ts

@@ -1,3 +1,3 @@
 import { type Auth, type AuthContext } from '@atlaskit/media-core';
 export type MediaEnv = 'staging';
-export declare const mediaPickerAuthProvider: (authEnvironment?: string, env?: MediaEnv) => (context?: AuthContext) => Promise<Auth>;
+export declare const mediaPickerAuthProvider: (authEnvironment?: string, env?: MediaEnv, expiresIn?: number) => (context?: AuthContext) => Promise<Auth>;

package/dist/types-ts4.5/authProvider.d.ts

@@ -2,5 +2,5 @@ import { type AuthProvider } from '@atlaskit/media-core';
 export declare class StoryBookAuthProvider {
     static create(isAsapEnvironment: boolean, access?: {
         [resourceUrn: string]: string[];
-    }): AuthProvider;
+    }, expiresIn?: number): AuthProvider;
 }

package/dist/types-ts4.5/flushPromises.d.ts

@@ -1 +1,2 @@
+/** deprecated Use React Testing Library's waitFor like method instead */
 export declare const flushPromises: () => Promise<unknown>;

package/dist/types-ts4.5/mediaPickerAuthProvider.d.ts

@@ -1,3 +1,3 @@
 import { type Auth, type AuthContext } from '@atlaskit/media-core';
 export type MediaEnv = 'staging';
-export declare const mediaPickerAuthProvider: (authEnvironment?: string, env?: MediaEnv) => (context?: AuthContext) => Promise<Auth>;
+export declare const mediaPickerAuthProvider: (authEnvironment?: string, env?: MediaEnv, expiresIn?: number) => (context?: AuthContext) => Promise<Auth>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-test-helpers",
-	"version": "36.0.1",
+	"version": "36.0.3",
 	"description": "Collection of test helpers used in media component stories and specs",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -26,19 +26,20 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/button": "^23.0.0",
+		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/checkbox": "^17.1.0",
-		"@atlaskit/icon": "^26.0.0",
+		"@atlaskit/form": "^12.0.0",
+		"@atlaskit/icon": "^26.4.0",
 		"@atlaskit/locale": "^3.0.0",
-		"@atlaskit/media-client": "^33.0.0",
-		"@atlaskit/media-common": "^12.0.0",
-		"@atlaskit/media-ui": "^28.1.0",
-		"@atlaskit/popup": "^4.1.0",
-		"@atlaskit/primitives": "^14.7.0",
-		"@atlaskit/tabs": "^18.0.0",
+		"@atlaskit/media-client": "^33.3.0",
+		"@atlaskit/media-common": "^12.1.0",
+		"@atlaskit/media-ui": "^28.2.0",
+		"@atlaskit/popup": "^4.3.0",
+		"@atlaskit/primitives": "^14.8.0",
+		"@atlaskit/tabs": "^18.1.0",
 		"@atlaskit/textfield": "^8.0.0",
-		"@atlaskit/tokens": "^4.8.0",
-		"@atlaskit/tooltip": "^20.0.0",
+		"@atlaskit/tokens": "^4.9.0",
+		"@atlaskit/tooltip": "^20.2.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -54,11 +55,11 @@
 		"xhr-mock": "^2.4.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/media-core": "^36.0.0",
+		"@atlaskit/media-core": "^36.1.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
-		"@atlaskit/media-core": "^36.0.0",
+		"@atlaskit/media-core": "^36.1.0",
 		"@types/exenv": "^1.2.0",
 		"react-dom": "^18.2.0",
 		"typescript": "~5.4.2"