@player-ui/reference-assets-plugin 0.4.0 → 0.4.1-next.0

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

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, imageTransform, infoTransform, inputTransform, isBackAction */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -331,33 +331,35 @@ __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__, "imageTransform", function() { return imageTransform; });
+/* 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$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;
@@ -381,30 +383,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) {
@@ -417,15 +419,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"
@@ -434,7 +447,72 @@ 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));
+const actionTransform = Object(_player_ui_asset_transform_plugin__WEBPACK_IMPORTED_MODULE_0__["compose"])(transform, backIconTransform, Object(_player_ui_asset_transform_plugin__WEBPACK_IMPORTED_MODULE_0__["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() {
@@ -443,7 +521,9 @@ 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: "image" }, imageTransform],
+      [{ 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,a=-1;i>=s;)if((r=o(n[t=(i+s)/2>>>0],e))<0)s=t+1;else{if(!(r>0)){a=t;break}i=t-1}for(-1===a&&(a=i),a++,i=n.length-1;a<i&&0===o(e,n[a]);)a++;for(t=n.length,n.push(e);t>a;)n[t]=n[--t];return n[a]=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 Y})),r.d(t,"actionTransform",(function(){return M})),r.d(t,"expPropTransform",(function(){return _})),r.d(t,"imageTransform",(function(){return X})),r.d(t,"infoTransform",(function(){return H})),r.d(t,"inputTransform",(function(){return P})),r.d(t,"isBackAction",(function(){return I}));var n=r(0),o=r.n(n),i=r(1),s=r.n(i);function a(e,t=[],r=new Map){for(const n of Object.keys(e)){const o=e[n],i=[...t,n];"object"===typeof o?a(o,i,r):r.set(i,o)}return r}function c(e){const t=a(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 u=()=>new o.a([],(e=>e.matcher.count));class l{constructor(e){this.store=u(),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=u()}}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,m=Object.getOwnPropertySymbols,h=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={}))h.call(t,r)&&j(e,r,t[r]);if(m)for(var r of m(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,S=Object.getOwnPropertySymbols,R=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable,D=(e,t,r)=>t in e?w(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,E=(e,t)=>{for(var r in t||(t={}))R.call(t,r)&&D(e,r,t[r]);if(S)for(var r of S(t))T.call(t,r)&&D(e,r,t[r]);return e},A=(e,t)=>x(e,k(t));function I(e){return"Prev"===e.value}const _=e=>{var t,r,n,o,i,s;const a=null==(r=null==(t=e.plugins)?void 0:t.stringResolver)?void 0:r.propertiesToSkip;return a&&a.indexOf("exp")>1?e:A(E({},e),{plugins:A(E({},e.plugins),{stringResolver:A(E({},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({},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})}}})),(e=>{var t;return I(e)&&void 0===(null==(t=null==e?void 0:e.metaData)?void 0:t.role)?A(E({},e),{metaData:A(E({},null==e?void 0:e.metaData),{role:"back"})}):e}),function(...e){return{beforeResolve:f(...e)}}(_));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[I(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};var J=Object.defineProperty,K=Object.defineProperties,L=Object.getOwnPropertyDescriptors,N=Object.getOwnPropertySymbols,Q=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable,W=(e,t,r)=>t in e?J(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;const X=e=>{const t=(e=>{const{metaData:t,placeholder:r}=e;return t.accessibility?t.accessibility:r||"Image"})(e),r=(n=((e,t)=>{for(var r in t||(t={}))Q.call(t,r)&&W(e,r,t[r]);if(N)for(var r of N(t))U.call(t,r)&&W(e,r,t[r]);return e})({},e),K(n,L({altText:t})));var n;return r};class Y{constructor(){this.name="reference-assets-transforms"}apply(e){e.registerPlugin(new v([[{type:"action"},M],[{type:"input"},P],[{type:"image"},X],[{type:"info"},H]]))}}}])}));

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@player-ui/reference-assets-plugin",
-  "version": "0.4.0",
+  "version": "0.4.1-next.0",
   "private": false,
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
   "peerDependencies": {
-    "@player-ui/player": "0.4.0"
+    "@player-ui/player": "0.4.1-next.0"
   },
   "dependencies": {
-    "@player-ui/beacon-plugin": "0.4.0",
-    "@player-ui/asset-transform-plugin": "0.4.0",
+    "@player-ui/beacon-plugin": "0.4.1-next.0",
+    "@player-ui/asset-transform-plugin": "0.4.1-next.0",
     "@babel/runtime": "7.15.4"
   },
   "main": "dist/index.cjs.js",
@@ -54,6 +54,14 @@
     {
       "name": "Kelly Harrop",
       "url": "https://github.com/kharrop"
+    },
+    {
+      "name": "Alejandro Fimbres",
+      "url": "https://github.com/lexfm"
+    },
+    {
+      "name": "Rafael Campos",
+      "url": "https://github.com/rafbcampos"
     }
   ],
   "bundle": "./dist/reference-assets-plugin.prod.js"

package/src/assets/action/transform.ts

@@ -6,6 +6,9 @@ import type {
 import { compose, composeBefore } from '@player-ui/asset-transform-plugin';
 import type { ActionAsset, TransformedAction } from './types';
 
+/**
+ * Function to find prev button
+ */
 export function isBackAction(action: ActionAsset): boolean {
   return action.value === 'Prev';
 }
@@ -32,6 +35,28 @@ const transform: TransformFunction<ActionAsset, TransformedAction> = (
   };
 };
 
+/**
+ * De couples back button from the back icon
+ */
+const backIconTransform: TransformFunction<ActionAsset, ActionAsset> = (
+  action
+) => {
+  /** For previous versions of player, the back button would already have the back icon.
+   *  This ensures that the old functionality does not break and back button is still visible when they update the player.
+   */
+  if (isBackAction(action) && action?.metaData?.role === undefined) {
+    return {
+      ...action,
+      metaData: {
+        ...action?.metaData,
+        role: 'back',
+      },
+    };
+  }
+
+  return action;
+};
+
 /**
  * Appends `exp` to the plugins.stringResolver.propertiesToSkip array or creates it if it doesn't exist
  *
@@ -61,5 +86,6 @@ export const expPropTransform: BeforeTransformFunction<Asset> = (asset) => {
 
 export const actionTransform = compose(
   transform,
+  backIconTransform,
   composeBefore(expPropTransform)
 );

package/src/assets/action/types.ts

@@ -27,6 +27,9 @@ export interface ActionAsset<AnyTextAsset extends Asset = Asset>
 
     /** Force transition to the next view without checking for validation */
     skipValidation?: boolean;
+
+    /** string value to decide for the left anchor sign */
+    role?: string;
   };
 }
 

package/src/assets/image/index.ts

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

package/src/assets/image/transform.ts

@@ -0,0 +1,32 @@
+import type { TransformFunction } from '@player-ui/player';
+import type { ImageAsset, TransformedImage } from './types';
+
+/**
+ * Function to retrieve the desired alt text based on passed in props.
+ * @param props Image props
+ * @returns The alt text for the image asset
+ */
+const getImageAlt = (props: ImageAsset): string => {
+  const { metaData, placeholder } = props;
+  if (metaData.accessibility) return metaData.accessibility;
+
+  if (placeholder) return placeholder;
+
+  return 'Image';
+};
+
+/**
+ * Sets the Image's placeholder and accessibilty
+ */
+export const imageTransform: TransformFunction<ImageAsset, TransformedImage> = (
+  props
+) => {
+  const altText = getImageAlt(props);
+
+  const newImage = {
+    ...props,
+    altText,
+  };
+
+  return newImage;
+};

package/src/assets/image/types.ts

@@ -0,0 +1,26 @@
+import type { Asset } from '@player-ui/player';
+
+export 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 */
+export interface ImageMetaData {
+  /** The location of the image to load */
+  ref: string;
+
+  /** Used for accessibility support */
+  accessibility?: string;
+}
+
+export interface TransformedImage extends ImageAsset {
+  /** Alt text */
+  altText: string;
+}

package/src/assets/index.ts

@@ -3,3 +3,4 @@ export * from './action';
 export * from './collection';
 export * from './info';
 export * from './text';
+export * from './image';

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