@player-ui/reference-assets-plugin 0.3.1-next.1 → 0.3.1

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$3 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (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$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 const inputTransform = (asset, options) => {
   var _a, _b;
-  return __spreadProps$1(__spreadValues$1({}, asset), {
+  return __spreadProps$3(__spreadValues$3({}, 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$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.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$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 = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 function isBackAction(action) {
   return action.value === "Prev";
 }
 const transform = (action, options) => {
-  return __spreadProps(__spreadValues({}, action), {
+  return __spreadProps$2(__spreadValues$2({}, action), {
     run() {
       var _a, _b;
       if (action.exp) {
@@ -85,15 +85,26 @@ const transform = (action, options) => {
     }
   });
 };
+const backIconTransform = (action) => {
+  var _a;
+  if (isBackAction(action) && ((_a = action == null ? void 0 : action.metaData) == null ? void 0 : _a.role) === void 0) {
+    return __spreadProps$2(__spreadValues$2({}, action), {
+      metaData: __spreadProps$2(__spreadValues$2({}, action == null ? void 0 : action.metaData), {
+        role: "back"
+      })
+    });
+  }
+  return action;
+};
 const expPropTransform = (asset) => {
   var _a, _b, _c, _d, _e, _f;
   const skipArray = (_b = (_a = asset.plugins) == null ? void 0 : _a.stringResolver) == null ? void 0 : _b.propertiesToSkip;
   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$2(__spreadValues$2({}, asset), {
+    plugins: __spreadProps$2(__spreadValues$2({}, asset.plugins), {
+      stringResolver: __spreadProps$2(__spreadValues$2({}, (_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"
@@ -102,7 +113,72 @@ const expPropTransform = (asset) => {
     })
   });
 };
-const actionTransform = assetTransformPlugin.compose(transform, assetTransformPlugin.composeBefore(expPropTransform));
+const actionTransform = assetTransformPlugin.compose(transform, backIconTransform, assetTransformPlugin.composeBefore(expPropTransform));
+
+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$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$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(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$1(__spreadValues$1({}, infoAsset), {
+    segmentedActions
+  });
+};
+
+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 getImageAlt = (props) => {
+  const { metaData, placeholder } = props;
+  if (metaData.accessibility)
+    return metaData.accessibility;
+  if (placeholder)
+    return placeholder;
+  return "Image";
+};
+const imageTransform = (props) => {
+  const altText = getImageAlt(props);
+  const newImage = __spreadProps(__spreadValues({}, props), {
+    altText
+  });
+  return newImage;
+};
 
 class ReferenceAssetsPlugin {
   constructor() {
@@ -111,7 +187,9 @@ class ReferenceAssetsPlugin {
   apply(player) {
     player.registerPlugin(new assetTransformPlugin.AssetTransformPlugin([
       [{ type: "action" }, actionTransform],
-      [{ type: "input" }, inputTransform]
+      [{ type: "input" }, inputTransform],
+      [{ type: "image" }, imageTransform],
+      [{ type: "info" }, infoTransform]
     ]));
   }
 }
@@ -119,6 +197,8 @@ class ReferenceAssetsPlugin {
 exports.ReferenceAssetsPlugin = ReferenceAssetsPlugin;
 exports.actionTransform = actionTransform;
 exports.expPropTransform = expPropTransform;
+exports.imageTransform = imageTransform;
+exports.infoTransform = infoTransform;
 exports.inputTransform = inputTransform;
 exports.isBackAction = isBackAction;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.d.ts

@@ -58,6 +58,8 @@ interface ActionAsset<AnyTextAsset extends Asset = Asset> extends Asset<'action'
         beacon?: BeaconDataType;
         /** Force transition to the next view without checking for validation */
         skipValidation?: boolean;
+        /** string value to decide for the left anchor sign */
+        role?: string;
     };
 }
 /** A stateful instance of an action */
@@ -66,6 +68,9 @@ interface TransformedAction extends ActionAsset {
     run: () => void;
 }
 
+/**
+ * Function to find prev button
+ */
 declare function isBackAction(action: ActionAsset): boolean;
 /**
  * Appends `exp` to the plugins.stringResolver.propertiesToSkip array or creates it if it doesn't exist
@@ -92,6 +97,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 */
@@ -123,6 +149,31 @@ interface LinkModifier {
     };
 }
 
+interface ImageAsset extends Asset<'image'> {
+    /** Reference to the image */
+    metaData: ImageMetaData;
+    /** Optional placeholder text */
+    placeholder?: string;
+    /** Optional caption */
+    caption?: Asset;
+}
+/** A modifier to turn the text into a link */
+interface ImageMetaData {
+    /** The location of the image to load */
+    ref: string;
+    /** Used for accessibility support */
+    accessibility?: string;
+}
+interface TransformedImage extends ImageAsset {
+    /** Alt text */
+    altText: string;
+}
+
+/**
+ * Sets the Image's placeholder and accessibilty
+ */
+declare const imageTransform: TransformFunction<ImageAsset, TransformedImage>;
+
 /**
  * A plugin to add transforms for the reference assets
  */
@@ -131,4 +182,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, ImageAsset, ImageMetaData, InfoAsset, InfoAssetTransform, InputAsset, LinkModifier, ReferenceAssetsPlugin, TextAsset, TextModifier, TransformedAction, TransformedImage, TransformedInput, actionTransform, expPropTransform, imageTransform, 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$3 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (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$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 const inputTransform = (asset, options) => {
   var _a, _b;
-  return __spreadProps$1(__spreadValues$1({}, asset), {
+  return __spreadProps$3(__spreadValues$3({}, 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$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.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$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 = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 function isBackAction(action) {
   return action.value === "Prev";
 }
 const transform = (action, options) => {
-  return __spreadProps(__spreadValues({}, action), {
+  return __spreadProps$2(__spreadValues$2({}, action), {
     run() {
       var _a, _b;
       if (action.exp) {
@@ -81,15 +81,26 @@ const transform = (action, options) => {
     }
   });
 };
+const backIconTransform = (action) => {
+  var _a;
+  if (isBackAction(action) && ((_a = action == null ? void 0 : action.metaData) == null ? void 0 : _a.role) === void 0) {
+    return __spreadProps$2(__spreadValues$2({}, action), {
+      metaData: __spreadProps$2(__spreadValues$2({}, action == null ? void 0 : action.metaData), {
+        role: "back"
+      })
+    });
+  }
+  return action;
+};
 const expPropTransform = (asset) => {
   var _a, _b, _c, _d, _e, _f;
   const skipArray = (_b = (_a = asset.plugins) == null ? void 0 : _a.stringResolver) == null ? void 0 : _b.propertiesToSkip;
   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$2(__spreadValues$2({}, asset), {
+    plugins: __spreadProps$2(__spreadValues$2({}, asset.plugins), {
+      stringResolver: __spreadProps$2(__spreadValues$2({}, (_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"
@@ -98,7 +109,72 @@ const expPropTransform = (asset) => {
     })
   });
 };
-const actionTransform = compose(transform, composeBefore(expPropTransform));
+const actionTransform = compose(transform, backIconTransform, composeBefore(expPropTransform));
+
+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$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$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(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$1(__spreadValues$1({}, infoAsset), {
+    segmentedActions
+  });
+};
+
+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 getImageAlt = (props) => {
+  const { metaData, placeholder } = props;
+  if (metaData.accessibility)
+    return metaData.accessibility;
+  if (placeholder)
+    return placeholder;
+  return "Image";
+};
+const imageTransform = (props) => {
+  const altText = getImageAlt(props);
+  const newImage = __spreadProps(__spreadValues({}, props), {
+    altText
+  });
+  return newImage;
+};
 
 class ReferenceAssetsPlugin {
   constructor() {
@@ -107,10 +183,12 @@ class ReferenceAssetsPlugin {
   apply(player) {
     player.registerPlugin(new AssetTransformPlugin([
       [{ type: "action" }, actionTransform],
-      [{ type: "input" }, inputTransform]
+      [{ type: "input" }, inputTransform],
+      [{ type: "image" }, imageTransform],
+      [{ type: "info" }, infoTransform]
     ]));
   }
 }
 
-export { ReferenceAssetsPlugin, actionTransform, expPropTransform, inputTransform, isBackAction };
+export { ReferenceAssetsPlugin, actionTransform, expPropTransform, imageTransform, infoTransform, inputTransform, isBackAction };
 //# sourceMappingURL=index.esm.js.map