@quintype/components 3.0.3-test-react18.0 → 3.0.3-test-react18.1

package/dist/es/components/with-host-url.js

@@ -1,34 +1,31 @@
 import { func, string } from "prop-types";
 import { connect } from "react-redux";
-
 function WithHostUrlBase(_ref) {
   var children = _ref.children,
-      primaryHostUrl = _ref.primaryHostUrl,
-      currentHostUrl = _ref.currentHostUrl;
+    primaryHostUrl = _ref.primaryHostUrl,
+    currentHostUrl = _ref.currentHostUrl;
   return children({
     primaryHostUrl: primaryHostUrl,
     currentHostUrl: currentHostUrl
   });
 }
-
 WithHostUrlBase.propTypes = {
   children: func.isRequired,
   primaryHostUrl: string,
   currentHostUrl: string
 };
-
 function mapStateToProps(_ref2) {
   var _ref2$qt = _ref2.qt,
-      qt = _ref2$qt === void 0 ? {} : _ref2$qt;
+    qt = _ref2$qt === void 0 ? {} : _ref2$qt;
   return {
     primaryHostUrl: qt.primaryHostUrl,
     currentHostUrl: qt.currentHostUrl
   };
 }
-
 function mapDispatchToProps(dispatch) {
   return {};
 }
+
 /**
  * This component can be used to get access to the `currentHostUrl` and `primaryHostUrl`, as configured within the editor.
  *
@@ -46,6 +43,4 @@ function mapDispatchToProps(dispatch) {
  * @component
  * @category Other
  */
-
-
 export var WithHostUrl = /*#__PURE__*/connect(mapStateToProps, mapDispatchToProps)(WithHostUrlBase);

package/dist/es/components/with-lazy.js

@@ -3,13 +3,11 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import { func, number, string } from 'prop-types';
 import React from 'react';
+
 /**
  * This component can be used to load some DOM just before it scrolls into the screen. Currently, it does not support unloading. The `margin` prop is passed to `IntersectionObserver`.
  *
@@ -25,17 +23,12 @@ import React from 'react';
  * @hideconstructor
  * @category Other
  */
-
 export var WithLazy = /*#__PURE__*/function (_React$Component) {
   _inherits(WithLazy, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper(WithLazy);
-
   function WithLazy(props) {
     var _this;
-
     _classCallCheck(this, WithLazy);
-
     _this = _super.call(this, props);
     _this.state = {
       loaded: false
@@ -43,7 +36,6 @@ export var WithLazy = /*#__PURE__*/function (_React$Component) {
     _this.observerRef = /*#__PURE__*/React.createRef();
     return _this;
   }
-
   _createClass(WithLazy, [{
     key: "render",
     value: function render() {
@@ -62,7 +54,6 @@ export var WithLazy = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       this.observer = new global.IntersectionObserver(function (entries, observer) {
         return _this2.observerCallback(entries, observer);
       }, {
@@ -79,18 +70,15 @@ export var WithLazy = /*#__PURE__*/function (_React$Component) {
     key: "observerCallback",
     value: function observerCallback(entries, observer) {
       var _this3 = this;
-
       entries.forEach(function (entry) {
         if (entry.isIntersecting || entry.isIntersecting === undefined) {
           _this3.setState({
             loaded: true
           });
-
           observer.disconnect();
         }
       });
     }
   }]);
-
   return WithLazy;
 }(React.Component);

package/dist/es/components/with-member.js

@@ -4,38 +4,28 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import { bool, func } from "prop-types";
 import React from "react";
 import { connect } from "react-redux";
 import { MEMBER_BEING_LOADED, MEMBER_UPDATED } from '../store/actions';
 import { getRequest } from './api-client';
 var loadedMember = false;
-
 var WithMemberBase = /*#__PURE__*/function (_React$Component) {
   _inherits(WithMemberBase, _React$Component);
-
   var _super = /*#__PURE__*/_createSuper(WithMemberBase);
-
   function WithMemberBase(props) {
     var _this;
-
     _classCallCheck(this, WithMemberBase);
-
     _this = _super.call(this, props);
     _this.checkForMemberUpdated = _this.checkForMemberUpdated.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(WithMemberBase, [{
     key: "checkForMemberUpdated",
     value: function checkForMemberUpdated() {
       var _this2 = this;
-
       this.props.memberBeingLoaded();
       var requestUrl = this.props.isBridgekeeperEnabled ? "/api/auth/v1/users/me" : "/api/v1/members/me";
       return getRequest(requestUrl).forbidden(function () {
@@ -44,9 +34,8 @@ var WithMemberBase = /*#__PURE__*/function (_React$Component) {
         return _this2.props.memberUpdated(null);
       }).json(function (_ref) {
         var member = _ref.member,
-            user = _ref.user;
+          user = _ref.user;
         var memberObj = _this2.props.isBridgekeeperEnabled ? user : member;
-
         _this2.props.memberUpdated(memberObj);
       });
     }
@@ -62,10 +51,10 @@ var WithMemberBase = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          member = _this$props.member,
-          logout = _this$props.logout,
-          children = _this$props.children,
-          isLoading = _this$props.isLoading;
+        member = _this$props.member,
+        logout = _this$props.logout,
+        children = _this$props.children,
+        isLoading = _this$props.isLoading;
       return children({
         member: member,
         logout: logout,
@@ -74,24 +63,20 @@ var WithMemberBase = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return WithMemberBase;
 }(React.Component);
-
 WithMemberBase.defaultProps = {
   isBridgekeeperEnabled: false
 };
-
 function mapStateToProps(_ref2) {
   var member = _ref2.member,
-      memberLoading = _ref2.memberLoading;
+    memberLoading = _ref2.memberLoading;
   return {
     member: member || null,
     // undefined on server side
     isLoading: memberLoading === true || memberLoading === undefined
   };
 }
-
 function mapDispatchToProps(dispatch, ownProps) {
   var logoutRequestUrl = ownProps.isBridgekeeperEnabled ? "/api/auth/v1/logout" : "/api/logout";
   return {
@@ -116,6 +101,7 @@ function mapDispatchToProps(dispatch, ownProps) {
     }
   };
 }
+
 /**
  * This is a render props component which will call your callback with the current logged in member. It will automatically call `/api/v1/members/me` to figure out if you are logged in, and replace the contents in the store and callback. In future, this may use LocalStorage to cache the member for some time.
  *
@@ -144,6 +130,4 @@ function mapDispatchToProps(dispatch, ownProps) {
  * @component
  * @category Login
  */
-
-
 export var WithMember = /*#__PURE__*/connect(mapStateToProps, mapDispatchToProps)(WithMemberBase);

package/dist/es/components/with-preview.js

@@ -3,12 +3,10 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from "react";
+
 /**
  * This higher order function can be used for the home or story page preview. It takes a component, and a function to map the story into props suitable for the component
  * 
@@ -37,30 +35,23 @@ import React from "react";
  * @category Other
  * @returns {Component} Component which can be used for preview
  */
-
 export function WithPreview(klazz, updateData) {
   return /*#__PURE__*/function (_React$Component) {
     _inherits(WithPreviewWrapper, _React$Component);
-
     var _super = _createSuper(WithPreviewWrapper);
-
     function WithPreviewWrapper(props) {
       var _this;
-
       _classCallCheck(this, WithPreviewWrapper);
-
       _this = _super.call(this, props);
       _this.state = {
         story: null
       };
       return _this;
     }
-
     _createClass(WithPreviewWrapper, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         var _this2 = this;
-
         global.addEventListener("message", function (event) {
           if (event.data && event.data.action == 'reloadStory' && event.data.story) {
             _this2.setState({
@@ -79,13 +70,11 @@ export function WithPreview(klazz, updateData) {
             }
           });
         }
-
         return /*#__PURE__*/React.createElement(klazz, Object.assign({}, this.props, {
           data: updateData(this.props.data, this.state.story)
         }));
       }
     }]);
-
     return WithPreviewWrapper;
   }(React.Component);
 }

package/dist/es/components/wrap-collection-layout.js

@@ -4,7 +4,6 @@ import get from "lodash/get";
 import { LoadMoreCollectionStories } from "./load-more-collection-stories";
 import { LazyLoadImages } from "./lazy-load-images";
 import { ClientSideOnly } from "./client-side-only";
-
 function loadMoreWrapper(Component, data, enableLoadMoreButton, slug, numStoriesToLoad) {
   return !enableLoadMoreButton ? /*#__PURE__*/React.createElement(Component, data) : /*#__PURE__*/React.createElement(LoadMoreCollectionStories, {
     template: Component,
@@ -16,32 +15,26 @@ function loadMoreWrapper(Component, data, enableLoadMoreButton, slug, numStories
     numStoriesToLoad: numStoriesToLoad
   });
 }
-
 function lazyLoadWrapper(component, _ref) {
   var _ref$lazy_load_images = _ref.lazy_load_images,
-      lazyLoadImages = _ref$lazy_load_images === void 0 ? false : _ref$lazy_load_images;
+    lazyLoadImages = _ref$lazy_load_images === void 0 ? false : _ref$lazy_load_images;
   return !lazyLoadImages ? component : /*#__PURE__*/React.createElement(LazyLoadImages, {}, component);
 }
-
 function clientSideLoadWrapper(component, _ref2) {
   var _ref2$client_side_onl = _ref2.client_side_only,
-      clientSideOnly = _ref2$client_side_onl === void 0 ? false : _ref2$client_side_onl;
+    clientSideOnly = _ref2$client_side_onl === void 0 ? false : _ref2$client_side_onl;
   return !clientSideOnly ? component : /*#__PURE__*/React.createElement(ClientSideOnly, {}, component);
 }
-
 function WrapCollectionComponent(Component) {
   return function (props) {
     if (!props.collection) {
       return /*#__PURE__*/React.createElement("div", null);
     }
-
     var associatedMetadata = props.collection["associated-metadata"] || {};
     var stories = collectionToStories(props.collection);
-
     if (associatedMetadata.initial_stories_load_count) {
       stories = stories.slice(0, associatedMetadata.initial_stories_load_count);
     }
-
     var data = Object.assign({}, props, {
       stories: stories,
       associatedMetadata: associatedMetadata
@@ -52,6 +45,7 @@ function WrapCollectionComponent(Component) {
     }, component);
   };
 }
+
 /**
  * Use this function to wrap a UI for collections, which returns a component handling common behavior, such as only rendering client side, or lazy loading images.
  * This component adds two props: `stories` and `associatedMetadata`
@@ -69,25 +63,21 @@ function WrapCollectionComponent(Component) {
  * @category Collection Page
  * @returns {Component} A component which can be passed collection
  */
-
-
 export function wrapCollectionLayout(component) {
   var wrappedComponent = connect(function (state) {
     return {
       config: state.qt.config
     };
   })(WrapCollectionComponent(component));
-
   if (component.storyLimit) {
     wrappedComponent.storyLimit = component.storyLimit;
   }
-
   if (component.nestedCollectionLimit) {
     wrappedComponent.nestedCollectionLimit = component.nestedCollectionLimit;
   }
-
   return wrappedComponent;
 }
+
 /**
  * Use this function to get the stories from a collection object
  * returns [] if collection doesn't have items key
@@ -96,7 +86,6 @@ export function wrapCollectionLayout(component) {
  * @category Collection Page
  * @returns {Array} An array of stories
  */
-
 export function collectionToStories(collection) {
   if (!collection.items) return [];
   return collection.items.filter(function (item) {
@@ -105,7 +94,6 @@ export function collectionToStories(collection) {
     return replaceWithAlternates(item.story);
   });
 }
-
 function replaceWithAlternates(story) {
   var alternates = get(story, ["alternative", "home", "default"]);
   if (!alternates) return story;

package/dist/es/store/reducers.js

@@ -3,7 +3,6 @@
  */
 import { BREAKING_NEWS_UPDATED, CLIENT_SIDE_RENDERED, PAGE_LOADING, NAVIGATE_TO_PAGE, PAGE_FINISHED_LOADING, HAMBURGER_CLICKED, HAMBURGER_CLOSED, MEMBER_UPDATED, MEMBER_BEING_LOADED, SUBSCRIPTION_GROUP_UPDATED, PAYMENT_OPTIONS_UPDATED, ACCESS_BEING_LOADED, ACCESS_UPDATED, METER_UPDATED, ASSET_PLANS, CAMPAIGN_SUBSCRIPTION_GROUP_UPDATED } from "./actions";
 import { computeAccess } from "../utils";
-
 function setToTrueOnEvent() {
   var events = Array.from(arguments);
   return function () {
@@ -12,185 +11,142 @@ function setToTrueOnEvent() {
     return state || events.includes(action.type);
   };
 }
-
 function breakingNewsReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case BREAKING_NEWS_UPDATED:
       return action.stories;
-
     default:
       return state;
   }
 }
-
 var breakingNewsLoadedReducer = /*#__PURE__*/setToTrueOnEvent(BREAKING_NEWS_UPDATED);
 var clientSideRenderedReducer = /*#__PURE__*/setToTrueOnEvent(CLIENT_SIDE_RENDERED);
-
 function pageLoadingReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case PAGE_LOADING:
       return true;
-
     case NAVIGATE_TO_PAGE:
       return false;
-
     case PAGE_FINISHED_LOADING:
       return false;
-
     default:
       return state;
   }
 }
-
 function hamburgerOpenedReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case HAMBURGER_CLICKED:
       return true;
-
     case HAMBURGER_CLOSED:
       return false;
-
     case NAVIGATE_TO_PAGE:
       return false;
-
     default:
       return state;
   }
 }
-
 function memberReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case MEMBER_UPDATED:
       return action.member;
-
     default:
       return state;
   }
 }
-
 function memberLoadingReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case MEMBER_BEING_LOADED:
       return true;
-
     case MEMBER_UPDATED:
       return false;
-
     default:
       return state;
   }
 }
-
 function subscriptionReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case SUBSCRIPTION_GROUP_UPDATED:
       return action.subscriptions;
-
     default:
       return state;
   }
 }
-
 function paymentOptionsReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case PAYMENT_OPTIONS_UPDATED:
       return action.paymentOptions;
-
     default:
       return state;
   }
 }
-
 function accessLoadingReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case ACCESS_BEING_LOADED:
       return action.loading;
-
     default:
       return state;
   }
 }
-
 function accessReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case ACCESS_UPDATED:
       return computeAccess(state, action);
-
     default:
       return state;
   }
 }
-
 function meteringReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case METER_UPDATED:
       return action.meterCount;
-
     default:
       return state;
   }
 }
-
 function assetPlansReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case ASSET_PLANS:
       return action.assetPlans;
-
     default:
       return state;
   }
 }
-
 function campaignSubscriptionReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case CAMPAIGN_SUBSCRIPTION_GROUP_UPDATED:
       return action.campaignSubscriptions;
-
     default:
       return state;
   }
 }
+
 /**
  * ComponentReducers is a list of reducers that are needed by the various components included
  */
-
-
 export var ComponentReducers = {
   breakingNews: breakingNewsReducer,
   breakingNewsLoaded: breakingNewsLoadedReducer,

package/dist/es/utils.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // FIXME: TEST THIS
 import get from "lodash/get";
 export function removeDuplicateStories(existingStories, newStories) {
@@ -18,8 +15,9 @@ export function removeDuplicateStories(existingStories, newStories) {
 export function getAssociatedTemplate(_ref) {
   var associatedMetadata = _ref["associated-metadata"];
   return associatedMetadata ? associatedMetadata.layout : 'default';
-} // FIXME: TEST THIS
+}
 
+// FIXME: TEST THIS
 export function replaceAllStoriesInCollection(collection, story) {
   var items = (collection.items || []).map(function (item) {
     if (item.type === "story") {
@@ -31,13 +29,14 @@ export function replaceAllStoriesInCollection(collection, story) {
     } else if (item.type === "collection") {
       return replaceAllStoriesInCollection(item, story);
     }
-
     return item;
   });
   return Object.assign({}, collection, {
     items: items
   });
-} //Helps handle errors with async await pattern
+}
+
+//Helps handle errors with async await pattern
 
 export var awaitHelper = function awaitHelper(promise) {
   return promise.then(function (data) {
@@ -72,16 +71,12 @@ export var getQliticsSchema = function getQliticsSchema() {
 export var computeAccess = function computeAccess(previousState, currentState) {
   var currentAccess = get(currentState, ["access"], {});
   var currentStoryId = get(Object.keys(currentAccess), [0], "");
-
   if (currentStoryId in previousState) {
     var storyAccess = previousState[currentStoryId];
-
     if (storyAccess.granted !== currentAccess[currentStoryId].granted || storyAccess.grantReason !== currentAccess[currentStoryId].grantReason) {
       return _objectSpread(_objectSpread({}, previousState), currentAccess);
     }
-
     return previousState;
   }
-
   return _objectSpread(_objectSpread({}, previousState), currentAccess);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/components",
-  "version": "3.0.3-test-react18.0",
+  "version": "3.0.3-test-react18.1",
   "description": "Components to help build Quintype Node.js apps",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
@@ -32,9 +32,11 @@
     "prop-types": "^15.7.2",
     "quintype-js": "^1.2.1",
     "react": "^18.2.0",
+    "react-ace": "^10.1.0",
     "react-dailymotion": "^0.4.1",
     "react-dfp": "quintype/react-dfp",
-    "react-redux": "^7.2.6",
+    "react-frame-component": "^5.2.3",
+    "react-redux": "^8.0.4",
     "react-youtube": "^7.13.1",
     "redux": "^4.1.2",
     "wretch": "^1.7.6"
@@ -54,7 +56,7 @@
     "babel-plugin-annotate-pure-calls": "^0.4.0",
     "babel-plugin-quintype-assets": "^1.1.1",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
-    "better-docs": "^2.3.2",
+    "better-docs": "^2.7.2",
     "eslint": "^8.2.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-standard": "^16.0.3",
@@ -75,7 +77,7 @@
     "parcel-bundler": "^1.12.4",
     "prettier": "2.4.1",
     "react-dom": "^18.2.0",
-    "react-testing-library": "^7.0.0",
+    "react-testing-library": "^8.0.1",
     "rimraf": "^3.0.2",
     "rollup": "^2.59.0",
     "rollup-plugin-babel": "^4.3.2",