@player-ui/reference-assets-plugin 0.4.0-next.11 → 0.4.0-next.13

package/dist/index.cjs.js

@@ -4,28 +4,28 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var assetTransformPlugin = require('@player-ui/asset-transform-plugin');
 
-var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+var __defProp$2 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 const inputTransform = (asset, options) => {
   var _a, _b;
-  return __spreadProps$1(__spreadValues$1({}, asset), {
+  return __spreadProps$2(__spreadValues$2({}, asset), {
     format(val) {
       if (asset.binding === void 0) {
         return val;
@@ -49,30 +49,30 @@ const inputTransform = (asset, options) => {
   });
 };
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+var __defProp$1 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 function isBackAction(action) {
   return action.value === "Prev";
 }
 const transform = (action, options) => {
-  return __spreadProps(__spreadValues({}, action), {
+  return __spreadProps$1(__spreadValues$1({}, action), {
     run() {
       var _a, _b;
       if (action.exp) {
@@ -91,9 +91,9 @@ const expPropTransform = (asset) => {
   if (skipArray && skipArray.indexOf("exp") > 1) {
     return asset;
   }
-  return __spreadProps(__spreadValues({}, asset), {
-    plugins: __spreadProps(__spreadValues({}, asset.plugins), {
-      stringResolver: __spreadProps(__spreadValues({}, (_c = asset == null ? void 0 : asset.plugins) == null ? void 0 : _c.stringResolver), {
+  return __spreadProps$1(__spreadValues$1({}, asset), {
+    plugins: __spreadProps$1(__spreadValues$1({}, asset.plugins), {
+      stringResolver: __spreadProps$1(__spreadValues$1({}, (_c = asset == null ? void 0 : asset.plugins) == null ? void 0 : _c.stringResolver), {
         propertiesToSkip: [
           ...(_f = (_e = (_d = asset.plugins) == null ? void 0 : _d.stringResolver) == null ? void 0 : _e.propertiesToSkip) != null ? _f : [],
           "exp"
@@ -104,6 +104,36 @@ const expPropTransform = (asset) => {
 };
 const actionTransform = assetTransformPlugin.compose(transform, assetTransformPlugin.composeBefore(expPropTransform));
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const infoTransform = (infoAsset) => {
+  const actions = infoAsset == null ? void 0 : infoAsset.actions;
+  const segmentedActions = actions == null ? void 0 : actions.reduce((segmentedActionsArray, action) => {
+    segmentedActionsArray[isBackAction(action.asset) ? "prev" : "next"].push(action);
+    return segmentedActionsArray;
+  }, { next: [], prev: [] });
+  return __spreadProps(__spreadValues({}, infoAsset), {
+    segmentedActions
+  });
+};
+
 class ReferenceAssetsPlugin {
   constructor() {
     this.name = "reference-assets-transforms";
@@ -111,7 +141,8 @@ class ReferenceAssetsPlugin {
   apply(player) {
     player.registerPlugin(new assetTransformPlugin.AssetTransformPlugin([
       [{ type: "action" }, actionTransform],
-      [{ type: "input" }, inputTransform]
+      [{ type: "input" }, inputTransform],
+      [{ type: "info" }, infoTransform]
     ]));
   }
 }
@@ -119,6 +150,7 @@ class ReferenceAssetsPlugin {
 exports.ReferenceAssetsPlugin = ReferenceAssetsPlugin;
 exports.actionTransform = actionTransform;
 exports.expPropTransform = expPropTransform;
+exports.infoTransform = infoTransform;
 exports.inputTransform = inputTransform;
 exports.isBackAction = isBackAction;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.d.ts

@@ -92,6 +92,27 @@ interface InfoAsset extends Asset<'info'> {
     /** List of actions to show at the bottom of the page */
     actions?: Array<AssetWrapper>;
 }
+interface InfoAssetTransform extends InfoAsset {
+    /**
+     * This is an array of next and prev actions
+     */
+    segmentedActions?: {
+        /**
+         * Array of next actions
+         */
+        next: Array<AssetWrapper<ActionAsset>>;
+        /**
+         * Array of prev actions
+         */
+        prev: Array<AssetWrapper<ActionAsset>>;
+    };
+}
+
+/**
+ * This transform should add segmentedActions to the info asset.
+ * Segmented actions display side by side in larger viewports. Segmented Actions is an object of next and prev actions
+ */
+declare const infoTransform: TransformFunction<InfoAsset, InfoAssetTransform>;
 
 interface TextAsset extends Asset<'text'> {
     /** The text to display */
@@ -131,4 +152,4 @@ declare class ReferenceAssetsPlugin implements PlayerPlugin {
     apply(player: Player): void;
 }
 
-export { ActionAsset, BasicTextModifier, CollectionAsset, InfoAsset, InputAsset, LinkModifier, ReferenceAssetsPlugin, TextAsset, TextModifier, TransformedAction, TransformedInput, actionTransform, expPropTransform, inputTransform, isBackAction };
+export { ActionAsset, BasicTextModifier, CollectionAsset, InfoAsset, InfoAssetTransform, InputAsset, LinkModifier, ReferenceAssetsPlugin, TextAsset, TextModifier, TransformedAction, TransformedInput, actionTransform, expPropTransform, infoTransform, inputTransform, isBackAction };

package/dist/index.esm.js

@@ -1,27 +1,27 @@
 import { compose, composeBefore, AssetTransformPlugin } from '@player-ui/asset-transform-plugin';
 
-var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+var __defProp$2 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 const inputTransform = (asset, options) => {
   var _a, _b;
-  return __spreadProps$1(__spreadValues$1({}, asset), {
+  return __spreadProps$2(__spreadValues$2({}, asset), {
     format(val) {
       if (asset.binding === void 0) {
         return val;
@@ -45,30 +45,30 @@ const inputTransform = (asset, options) => {
   });
 };
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+var __defProp$1 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 function isBackAction(action) {
   return action.value === "Prev";
 }
 const transform = (action, options) => {
-  return __spreadProps(__spreadValues({}, action), {
+  return __spreadProps$1(__spreadValues$1({}, action), {
     run() {
       var _a, _b;
       if (action.exp) {
@@ -87,9 +87,9 @@ const expPropTransform = (asset) => {
   if (skipArray && skipArray.indexOf("exp") > 1) {
     return asset;
   }
-  return __spreadProps(__spreadValues({}, asset), {
-    plugins: __spreadProps(__spreadValues({}, asset.plugins), {
-      stringResolver: __spreadProps(__spreadValues({}, (_c = asset == null ? void 0 : asset.plugins) == null ? void 0 : _c.stringResolver), {
+  return __spreadProps$1(__spreadValues$1({}, asset), {
+    plugins: __spreadProps$1(__spreadValues$1({}, asset.plugins), {
+      stringResolver: __spreadProps$1(__spreadValues$1({}, (_c = asset == null ? void 0 : asset.plugins) == null ? void 0 : _c.stringResolver), {
         propertiesToSkip: [
           ...(_f = (_e = (_d = asset.plugins) == null ? void 0 : _d.stringResolver) == null ? void 0 : _e.propertiesToSkip) != null ? _f : [],
           "exp"
@@ -100,6 +100,36 @@ const expPropTransform = (asset) => {
 };
 const actionTransform = compose(transform, composeBefore(expPropTransform));
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const infoTransform = (infoAsset) => {
+  const actions = infoAsset == null ? void 0 : infoAsset.actions;
+  const segmentedActions = actions == null ? void 0 : actions.reduce((segmentedActionsArray, action) => {
+    segmentedActionsArray[isBackAction(action.asset) ? "prev" : "next"].push(action);
+    return segmentedActionsArray;
+  }, { next: [], prev: [] });
+  return __spreadProps(__spreadValues({}, infoAsset), {
+    segmentedActions
+  });
+};
+
 class ReferenceAssetsPlugin {
   constructor() {
     this.name = "reference-assets-transforms";
@@ -107,10 +137,11 @@ class ReferenceAssetsPlugin {
   apply(player) {
     player.registerPlugin(new AssetTransformPlugin([
       [{ type: "action" }, actionTransform],
-      [{ type: "input" }, inputTransform]
+      [{ type: "input" }, inputTransform],
+      [{ type: "info" }, infoTransform]
     ]));
   }
 }
 
-export { ReferenceAssetsPlugin, actionTransform, expPropTransform, inputTransform, isBackAction };
+export { ReferenceAssetsPlugin, actionTransform, expPropTransform, infoTransform, inputTransform, isBackAction };
 //# sourceMappingURL=index.esm.js.map

package/dist/reference-assets-plugin.dev.js

@@ -323,7 +323,7 @@ class AssetTransformPlugin {
 /*!************************************************************************************!*\
   !*** ./bazel-out/k8-fastbuild/bin/plugins/reference-assets/core/dist/index.esm.js ***!
   \************************************************************************************/
-/*! exports provided: ReferenceAssetsPlugin, actionTransform, expPropTransform, inputTransform, isBackAction */
+/*! exports provided: ReferenceAssetsPlugin, actionTransform, expPropTransform, infoTransform, inputTransform, isBackAction */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -331,33 +331,34 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReferenceAssetsPlugin", function() { return ReferenceAssetsPlugin; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "actionTransform", function() { return actionTransform; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "expPropTransform", function() { return expPropTransform; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "infoTransform", function() { return infoTransform; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "inputTransform", function() { return inputTransform; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isBackAction", function() { return isBackAction; });
 /* harmony import */ var _player_ui_asset_transform_plugin__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @player-ui/asset-transform-plugin */ "./bazel-out/k8-fastbuild/bin/plugins/asset-transform/core/dist/index.esm.js");
 
 
-var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+var __defProp$2 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 const inputTransform = (asset, options) => {
   var _a, _b;
-  return __spreadProps$1(__spreadValues$1({}, asset), {
+  return __spreadProps$2(__spreadValues$2({}, asset), {
     format(val) {
       if (asset.binding === void 0) {
         return val;
@@ -381,30 +382,30 @@ const inputTransform = (asset, options) => {
   });
 };
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+var __defProp$1 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 function isBackAction(action) {
   return action.value === "Prev";
 }
 const transform = (action, options) => {
-  return __spreadProps(__spreadValues({}, action), {
+  return __spreadProps$1(__spreadValues$1({}, action), {
     run() {
       var _a, _b;
       if (action.exp) {
@@ -423,9 +424,9 @@ const expPropTransform = (asset) => {
   if (skipArray && skipArray.indexOf("exp") > 1) {
     return asset;
   }
-  return __spreadProps(__spreadValues({}, asset), {
-    plugins: __spreadProps(__spreadValues({}, asset.plugins), {
-      stringResolver: __spreadProps(__spreadValues({}, (_c = asset == null ? void 0 : asset.plugins) == null ? void 0 : _c.stringResolver), {
+  return __spreadProps$1(__spreadValues$1({}, asset), {
+    plugins: __spreadProps$1(__spreadValues$1({}, asset.plugins), {
+      stringResolver: __spreadProps$1(__spreadValues$1({}, (_c = asset == null ? void 0 : asset.plugins) == null ? void 0 : _c.stringResolver), {
         propertiesToSkip: [
           ...(_f = (_e = (_d = asset.plugins) == null ? void 0 : _d.stringResolver) == null ? void 0 : _e.propertiesToSkip) != null ? _f : [],
           "exp"
@@ -436,6 +437,36 @@ const expPropTransform = (asset) => {
 };
 const actionTransform = Object(_player_ui_asset_transform_plugin__WEBPACK_IMPORTED_MODULE_0__["compose"])(transform, Object(_player_ui_asset_transform_plugin__WEBPACK_IMPORTED_MODULE_0__["composeBefore"])(expPropTransform));
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const infoTransform = (infoAsset) => {
+  const actions = infoAsset == null ? void 0 : infoAsset.actions;
+  const segmentedActions = actions == null ? void 0 : actions.reduce((segmentedActionsArray, action) => {
+    segmentedActionsArray[isBackAction(action.asset) ? "prev" : "next"].push(action);
+    return segmentedActionsArray;
+  }, { next: [], prev: [] });
+  return __spreadProps(__spreadValues({}, infoAsset), {
+    segmentedActions
+  });
+};
+
 class ReferenceAssetsPlugin {
   constructor() {
     this.name = "reference-assets-transforms";
@@ -443,7 +474,8 @@ class ReferenceAssetsPlugin {
   apply(player) {
     player.registerPlugin(new _player_ui_asset_transform_plugin__WEBPACK_IMPORTED_MODULE_0__["AssetTransformPlugin"]([
       [{ type: "action" }, actionTransform],
-      [{ type: "input" }, inputTransform]
+      [{ type: "input" }, inputTransform],
+      [{ type: "info" }, infoTransform]
     ]));
   }
 }

package/dist/reference-assets-plugin.prod.js

@@ -1 +1 @@
-!function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports.ReferenceAssetsPlugin=t():e.ReferenceAssetsPlugin=t()}(this,(function(){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=2)}([function(e,t,r){var n,o=function(){var e=function(e){var t=e.constructor;return t.prototype=e,t}({constructor:function(e,r){this.array=[],this.compare=r||t;for(var n=e.length,o=0;o<n;)this.insert(e[o++])},insert:function(e){for(var t,r,n=this.array,o=this.compare,i=n.length-1,s=0,u=-1;i>=s;)if((r=o(n[t=(i+s)/2>>>0],e))<0)s=t+1;else{if(!(r>0)){u=t;break}i=t-1}for(-1===u&&(u=i),u++,i=n.length-1;u<i&&0===o(e,n[u]);)u++;for(t=n.length,n.push(e);t>u;)n[t]=n[--t];return n[u]=e,this},search:function(e){for(var t,r,n=this.array,o=this.compare,i=n.length-1,s=0;i>=s;)if((r=o(n[t=(i+s)/2>>>0],e))<0)s=t+1;else{if(!(r>0))return t;i=t-1}return-1},remove:function(e){var t=this.search(e);return t>=0&&this.array.splice(t,1),this}});return e.comparing=function(r,n){return new e(n,(function(e,n){return t(e[r],n[r])}))},e;function t(e,t){return e<t?-1:e>t?1:0}}();e.exports=o,void 0===(n=function(){return o}.call(t,r,t,e))||(e.exports=n)},function(e,t,r){e.exports=function(e,t,r,n,o){for(t=t.split?t.split("."):t,n=0;n<t.length;n++)e=e?e[t[n]]:o;return e===o?r:e}},function(e,t,r){"use strict";r.r(t),r.d(t,"ReferenceAssetsPlugin",(function(){return z})),r.d(t,"actionTransform",(function(){return I})),r.d(t,"expPropTransform",(function(){return D})),r.d(t,"inputTransform",(function(){return P})),r.d(t,"isBackAction",(function(){return M}));var n=r(0),o=r.n(n),i=r(1),s=r.n(i);function u(e,t=[],r=new Map){for(const n of Object.keys(e)){const o=e[n],i=[...t,n];"object"===typeof o?u(o,i,r):r.set(i,o)}return r}function c(e){const t=u(e),r=e=>{for(const r of t){const[t,n]=r;if(s()(e,t)!==n)return!1}return!0};return r.count=t.size,r}const a=()=>new o.a([],(e=>e.matcher.count));class l{constructor(e){this.store=a(),null==e||e.forEach((([e,t])=>{this.set(e,t)}))}set(e,t){const r="object"===typeof e?c(e):function(e){const t=t=>e===t;return t.count=1,t}(e);this.store.insert({key:e,value:t,matcher:r})}get(e){for(const t of this.store.array)if(t.matcher(e))return t.value}forEach(e){for(const t of this.store.array)e(t)}clear(){this.store=a()}}function f(...e){const[t,...r]=e.reverse();return(e,n,o)=>{const i=t(e,n,o);return r.length?r.reduce(((e,t)=>t(e,n,o)),i):i}}function p(...e){const t=[],r=[];for(const n of e)"function"===typeof n?r.push(n):((null==n?void 0:n.resolve)&&r.push(n.resolve),(null==n?void 0:n.beforeResolve)&&t.push(n.beforeResolve));return{beforeResolve:t.length?f(...t):void 0,resolve:r.length?f(...r):void 0}}Object.defineProperty,Object.defineProperties,Object.getOwnPropertyDescriptors,Object.getOwnPropertySymbols,Object.prototype.hasOwnProperty,Object.prototype.propertyIsEnumerable;function d(e){return"object"===typeof e?e:p(e)}class v{constructor(e){this.name="asset-transform",this.registry=function(e){if(Array.isArray(e)){const t=e.map((([e,t])=>[e,d(t)]));return new l(t)}const t=new l;return e.forEach((({key:e,value:r})=>{t.set(e,d(r))})),t}(e)}apply(e){e.hooks.viewController.tap(this.name,(e=>{this.registry.forEach((({key:t,value:r})=>e.transformRegistry.set(t,d(r))))}))}}var y=Object.defineProperty,b=Object.defineProperties,g=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable,j=(e,t,r)=>t in e?y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;const P=(e,t)=>{var r,n,o,i;return o=((e,t)=>{for(var r in t||(t={}))m.call(t,r)&&j(e,r,t[r]);if(h)for(var r of h(t))O.call(t,r)&&j(e,r,t[r]);return e})({},e),i={format:r=>void 0===e.binding?r:t.data.format(e.binding,r),set(r){if(void 0!==e.binding)return t.data.model.set([[e.binding,r]],{formatted:!0})},value:void 0===e.binding?"":t.data.model.get(e.binding,{includeInvalid:!0,formatted:!0}),validation:void 0===e.binding||null==(r=t.validation)?void 0:r.get(e.binding,{track:!0}),dataType:void 0===e.binding||null==(n=t.validation)?void 0:n.type(e.binding)},b(o,g(i))};var w=Object.defineProperty,x=Object.defineProperties,k=Object.getOwnPropertyDescriptors,R=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?w(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,A=(e,t)=>{for(var r in t||(t={}))S.call(t,r)&&E(e,r,t[r]);if(R)for(var r of R(t))T.call(t,r)&&E(e,r,t[r]);return e},_=(e,t)=>x(e,k(t));function M(e){return"Prev"===e.value}const D=e=>{var t,r,n,o,i,s;const u=null==(r=null==(t=e.plugins)?void 0:t.stringResolver)?void 0:r.propertiesToSkip;return u&&u.indexOf("exp")>1?e:_(A({},e),{plugins:_(A({},e.plugins),{stringResolver:_(A({},null==(n=null==e?void 0:e.plugins)?void 0:n.stringResolver),{propertiesToSkip:[...null!=(s=null==(i=null==(o=e.plugins)?void 0:o.stringResolver)?void 0:i.propertiesToSkip)?s:[],"exp"]})})})},I=p(((e,t)=>_(A({},e),{run(){var r,n;if(e.exp&&t.evaluate(e.exp),e.value){const o=null==(r=e.metaData)?void 0:r.skipValidation;null==(n=t.transition)||n.call(t,e.value,{force:o})}}})),function(...e){return{beforeResolve:f(...e)}}(D));class z{constructor(){this.name="reference-assets-transforms"}apply(e){e.registerPlugin(new v([[{type:"action"},I],[{type:"input"},P]]))}}}])}));
+!function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports.ReferenceAssetsPlugin=t():e.ReferenceAssetsPlugin=t()}(this,(function(){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=2)}([function(e,t,r){var n,o=function(){var e=function(e){var t=e.constructor;return t.prototype=e,t}({constructor:function(e,r){this.array=[],this.compare=r||t;for(var n=e.length,o=0;o<n;)this.insert(e[o++])},insert:function(e){for(var t,r,n=this.array,o=this.compare,i=n.length-1,s=0,u=-1;i>=s;)if((r=o(n[t=(i+s)/2>>>0],e))<0)s=t+1;else{if(!(r>0)){u=t;break}i=t-1}for(-1===u&&(u=i),u++,i=n.length-1;u<i&&0===o(e,n[u]);)u++;for(t=n.length,n.push(e);t>u;)n[t]=n[--t];return n[u]=e,this},search:function(e){for(var t,r,n=this.array,o=this.compare,i=n.length-1,s=0;i>=s;)if((r=o(n[t=(i+s)/2>>>0],e))<0)s=t+1;else{if(!(r>0))return t;i=t-1}return-1},remove:function(e){var t=this.search(e);return t>=0&&this.array.splice(t,1),this}});return e.comparing=function(r,n){return new e(n,(function(e,n){return t(e[r],n[r])}))},e;function t(e,t){return e<t?-1:e>t?1:0}}();e.exports=o,void 0===(n=function(){return o}.call(t,r,t,e))||(e.exports=n)},function(e,t,r){e.exports=function(e,t,r,n,o){for(t=t.split?t.split("."):t,n=0;n<t.length;n++)e=e?e[t[n]]:o;return e===o?r:e}},function(e,t,r){"use strict";r.r(t),r.d(t,"ReferenceAssetsPlugin",(function(){return J})),r.d(t,"actionTransform",(function(){return M})),r.d(t,"expPropTransform",(function(){return I})),r.d(t,"infoTransform",(function(){return H})),r.d(t,"inputTransform",(function(){return P})),r.d(t,"isBackAction",(function(){return D}));var n=r(0),o=r.n(n),i=r(1),s=r.n(i);function u(e,t=[],r=new Map){for(const n of Object.keys(e)){const o=e[n],i=[...t,n];"object"===typeof o?u(o,i,r):r.set(i,o)}return r}function c(e){const t=u(e),r=e=>{for(const r of t){const[t,n]=r;if(s()(e,t)!==n)return!1}return!0};return r.count=t.size,r}const a=()=>new o.a([],(e=>e.matcher.count));class l{constructor(e){this.store=a(),null==e||e.forEach((([e,t])=>{this.set(e,t)}))}set(e,t){const r="object"===typeof e?c(e):function(e){const t=t=>e===t;return t.count=1,t}(e);this.store.insert({key:e,value:t,matcher:r})}get(e){for(const t of this.store.array)if(t.matcher(e))return t.value}forEach(e){for(const t of this.store.array)e(t)}clear(){this.store=a()}}function f(...e){const[t,...r]=e.reverse();return(e,n,o)=>{const i=t(e,n,o);return r.length?r.reduce(((e,t)=>t(e,n,o)),i):i}}function p(...e){const t=[],r=[];for(const n of e)"function"===typeof n?r.push(n):((null==n?void 0:n.resolve)&&r.push(n.resolve),(null==n?void 0:n.beforeResolve)&&t.push(n.beforeResolve));return{beforeResolve:t.length?f(...t):void 0,resolve:r.length?f(...r):void 0}}Object.defineProperty,Object.defineProperties,Object.getOwnPropertyDescriptors,Object.getOwnPropertySymbols,Object.prototype.hasOwnProperty,Object.prototype.propertyIsEnumerable;function d(e){return"object"===typeof e?e:p(e)}class v{constructor(e){this.name="asset-transform",this.registry=function(e){if(Array.isArray(e)){const t=e.map((([e,t])=>[e,d(t)]));return new l(t)}const t=new l;return e.forEach((({key:e,value:r})=>{t.set(e,d(r))})),t}(e)}apply(e){e.hooks.viewController.tap(this.name,(e=>{this.registry.forEach((({key:t,value:r})=>e.transformRegistry.set(t,d(r))))}))}}var b=Object.defineProperty,y=Object.defineProperties,g=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable,j=(e,t,r)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;const P=(e,t)=>{var r,n,o,i;return o=((e,t)=>{for(var r in t||(t={}))m.call(t,r)&&j(e,r,t[r]);if(h)for(var r of h(t))O.call(t,r)&&j(e,r,t[r]);return e})({},e),i={format:r=>void 0===e.binding?r:t.data.format(e.binding,r),set(r){if(void 0!==e.binding)return t.data.model.set([[e.binding,r]],{formatted:!0})},value:void 0===e.binding?"":t.data.model.get(e.binding,{includeInvalid:!0,formatted:!0}),validation:void 0===e.binding||null==(r=t.validation)?void 0:r.get(e.binding,{track:!0}),dataType:void 0===e.binding||null==(n=t.validation)?void 0:n.type(e.binding)},y(o,g(i))};var w=Object.defineProperty,x=Object.defineProperties,k=Object.getOwnPropertyDescriptors,R=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?w(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,A=(e,t)=>{for(var r in t||(t={}))S.call(t,r)&&E(e,r,t[r]);if(R)for(var r of R(t))T.call(t,r)&&E(e,r,t[r]);return e},_=(e,t)=>x(e,k(t));function D(e){return"Prev"===e.value}const I=e=>{var t,r,n,o,i,s;const u=null==(r=null==(t=e.plugins)?void 0:t.stringResolver)?void 0:r.propertiesToSkip;return u&&u.indexOf("exp")>1?e:_(A({},e),{plugins:_(A({},e.plugins),{stringResolver:_(A({},null==(n=null==e?void 0:e.plugins)?void 0:n.stringResolver),{propertiesToSkip:[...null!=(s=null==(i=null==(o=e.plugins)?void 0:o.stringResolver)?void 0:i.propertiesToSkip)?s:[],"exp"]})})})},M=p(((e,t)=>_(A({},e),{run(){var r,n;if(e.exp&&t.evaluate(e.exp),e.value){const o=null==(r=e.metaData)?void 0:r.skipValidation;null==(n=t.transition)||n.call(t,e.value,{force:o})}}})),function(...e){return{beforeResolve:f(...e)}}(I));var z=Object.defineProperty,B=Object.defineProperties,C=Object.getOwnPropertyDescriptors,V=Object.getOwnPropertySymbols,q=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable,G=(e,t,r)=>t in e?z(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;const H=e=>{const t=null==e?void 0:e.actions,r=null==t?void 0:t.reduce(((e,t)=>(e[D(t.asset)?"prev":"next"].push(t),e)),{next:[],prev:[]});return n=((e,t)=>{for(var r in t||(t={}))q.call(t,r)&&G(e,r,t[r]);if(V)for(var r of V(t))F.call(t,r)&&G(e,r,t[r]);return e})({},e),B(n,C({segmentedActions:r}));var n};class J{constructor(){this.name="reference-assets-transforms"}apply(e){e.registerPlugin(new v([[{type:"action"},M],[{type:"input"},P],[{type:"info"},H]]))}}}])}));

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@player-ui/reference-assets-plugin",
-  "version": "0.4.0-next.11",
+  "version": "0.4.0-next.13",
   "private": false,
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
   "peerDependencies": {
-    "@player-ui/player": "0.4.0-next.11"
+    "@player-ui/player": "0.4.0-next.13"
   },
   "dependencies": {
-    "@player-ui/beacon-plugin": "0.4.0-next.11",
-    "@player-ui/asset-transform-plugin": "0.4.0-next.11",
+    "@player-ui/beacon-plugin": "0.4.0-next.13",
+    "@player-ui/asset-transform-plugin": "0.4.0-next.13",
     "@babel/runtime": "7.15.4"
   },
   "main": "dist/index.cjs.js",

package/src/assets/info/index.ts

@@ -1 +1,2 @@
+export * from './transform';
 export * from './types';

package/src/assets/info/transform.ts

@@ -0,0 +1,38 @@
+import type { TransformFunction } from '@player-ui/player';
+import type { AssetWrapper } from '@player-ui/player';
+import type { InfoAsset, InfoAssetTransform } from './types';
+import type { ActionAsset } from '../action/types';
+import { isBackAction } from '../action/transform';
+
+/**
+ * This transform should add segmentedActions to the info asset.
+ * Segmented actions display side by side in larger viewports. Segmented Actions is an object of next and prev actions
+ */
+export const infoTransform: TransformFunction<InfoAsset, InfoAssetTransform> = (
+  infoAsset
+) => {
+  const actions = infoAsset?.actions;
+  const segmentedActions = actions?.reduce(
+    (segmentedActionsArray, action) => {
+      segmentedActionsArray[
+        isBackAction(action.asset as ActionAsset) ? 'prev' : 'next'
+      ].push(action as AssetWrapper<ActionAsset>);
+      return segmentedActionsArray;
+    },
+    { next: [], prev: [] } as {
+      /**
+       * next is an array of next actions
+       */
+      next: Array<AssetWrapper<ActionAsset>>;
+      /**
+       * prev is an array of prev actions
+       */
+      prev: Array<AssetWrapper<ActionAsset>>;
+    }
+  );
+
+  return {
+    ...infoAsset,
+    segmentedActions,
+  };
+};

package/src/assets/info/types.ts

@@ -1,4 +1,5 @@
 import type { AssetWrapper, Asset } from '@player-ui/player';
+import type { ActionAsset } from '../action/types';
 
 export interface InfoAsset extends Asset<'info'> {
   /** The string value to show */
@@ -13,3 +14,19 @@ export interface InfoAsset extends Asset<'info'> {
   /** List of actions to show at the bottom of the page */
   actions?: Array<AssetWrapper>;
 }
+
+export interface InfoAssetTransform extends InfoAsset {
+  /**
+   * This is an array of next and prev actions
+   */
+  segmentedActions?: {
+    /**
+     * Array of next actions
+     */
+    next: Array<AssetWrapper<ActionAsset>>;
+    /**
+     * Array of prev actions
+     */
+    prev: Array<AssetWrapper<ActionAsset>>;
+  };
+}

package/src/plugin.ts

@@ -1,6 +1,6 @@
 import type { Player, PlayerPlugin } from '@player-ui/player';
 import { AssetTransformPlugin } from '@player-ui/asset-transform-plugin';
-import { inputTransform, actionTransform } from './assets';
+import { inputTransform, actionTransform, infoTransform } from './assets';
 
 /**
  * A plugin to add transforms for the reference assets
@@ -13,6 +13,7 @@ export class ReferenceAssetsPlugin implements PlayerPlugin {
       new AssetTransformPlugin([
         [{ type: 'action' }, actionTransform],
         [{ type: 'input' }, inputTransform],
+        [{ type: 'info' }, infoTransform],
       ])
     );
   }