@valbuild/react 0.57.0 → 0.59.0

package/internal/dist/valbuild-react-internal.worker.esm.js

@@ -1,146 +1,110 @@
-export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-ecf57703.worker.esm.js';
+export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-09e313e2.worker.esm.js';
+import { _ as _toConsumableArray } from '../../dist/toConsumableArray-0a75a603.worker.esm.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
+import '../../dist/unsupportedIterableToArray-50359a05.worker.esm.js';
 
-/* eslint-disable @typescript-eslint/ban-types */
+/**
+ * Render RichText as HTML
+ *
+ * @example
+ * const content = useVal(contentVal);
+ * return <ValRichText>{content.myRichText}</ValRichText>
+ *
+ * @example
+ * const content = useVal(contentVal);
+ * return (
+ *   <ValRichText
+ *     theme={{
+ *       h1: 'text-4xl font-bold',
+ *     }}>
+ *    {content.myRichText}
+ *   </ValRichText>
+ * );
+ *
+ *
+ * @example
+ * const content = useVal(contentVal);
+ * return (
+ *   <ValRichText
+ *     theme={{
+ *        h1: 'text-4xl font-bold',
+ *        img: 'rounded',
+ *     }}
+ *     transform={(node, className) => {
+ *        if (node.tag === 'img') {
+ *          return <Image className={className} src={node.src} alt={node.alt || ""} width={node.metadata?.width} height={node.metadata?.height} />
+ *        }
+ *     }}>
+ *    {content.myRichText}
+ *   </ValRichText>
+ * );
+ *
+ * @param
+ * @returns
+ */
 function ValRichText(_ref) {
-  var theme = _ref.theme,
+  var children = _ref.children,
     className = _ref.className,
-    children = _ref.children;
+    style = _ref.style,
+    theme = _ref.theme,
+    transform = _ref.transform;
   var root = children;
-  function withRenderTag(clazz, current) {
-    var renderClass = theme === null || theme === void 0 ? void 0 : theme[clazz];
-    if (renderClass && current) {
-      return [current, renderClass].join(" ");
-    }
-    if (renderClass) {
-      return renderClass;
-    }
-    return current;
-  }
-  function withRenderClass(clazz, current) {
-    var renderClass = theme === null || theme === void 0 ? void 0 : theme[clazz];
-    if (renderClass && current) {
-      return [current, renderClass].join(" ");
-    }
-    if (renderClass) {
-      return renderClass;
-    }
-    return current;
-  }
-  function toReact(node, key) {
-    var _anyNode$class, _anyNode$children;
-    if (typeof node === "string") {
-      return node;
-    }
-    if (node.tag === "p") {
-      return /*#__PURE__*/jsx("p", {
-        className: withRenderTag("p"),
-        children: node.children.map(toReact)
-      }, key);
-    }
-    if (node.tag === "img") {
-      return /*#__PURE__*/jsx("img", {
-        className: withRenderTag("img"),
-        src: node.src
-      }, key);
-    }
-    if (node.tag === "ul") {
-      return /*#__PURE__*/jsx("ul", {
-        className: withRenderTag("ul"),
-        children: node.children.map(toReact)
-      }, key);
-    }
-    if (node.tag === "ol") {
-      return /*#__PURE__*/jsx("ol", {
-        className: withRenderTag("ol"),
-        children: node.children.map(toReact)
-      }, key);
-    }
-    if (node.tag === "li") {
-      return /*#__PURE__*/jsx("li", {
-        className: withRenderTag("li"),
-        children: node.children.map(toReact)
-      }, key);
-    }
-    if (node.tag === "span") {
-      return /*#__PURE__*/jsx("span", {
-        className: node.classes.map(function (nodeClass) {
-          switch (nodeClass) {
-            case "bold":
-              return withRenderClass("bold");
-            case "line-through":
-              return withRenderClass("lineThrough");
-            case "italic":
-              return withRenderClass("italic");
-          }
-        }).join(" "),
-        children: node.children.map(toReact)
-      }, key);
-    }
-    if (node.tag === "h1") {
-      return /*#__PURE__*/jsx("h1", {
-        className: withRenderTag("h1"),
-        children: node.children.map(toReact)
-      }, key);
-    }
-    if (node.tag === "h2") {
-      return /*#__PURE__*/jsx("h2", {
-        className: withRenderTag("h2"),
-        children: node.children.map(toReact)
-      }, key);
-    }
-    if (node.tag === "h3") {
-      return /*#__PURE__*/jsx("h3", {
-        className: withRenderTag("h3"),
-        children: node.children.map(toReact)
-      }, key);
-    }
-    if (node.tag === "h4") {
-      return /*#__PURE__*/jsx("h4", {
-        className: withRenderTag("h4"),
-        children: node.children.map(toReact)
-      }, key);
-    }
-    if (node.tag === "h5") {
-      return /*#__PURE__*/jsx("h5", {
-        className: withRenderTag("h5"),
-        children: node.children.map(toReact)
-      }, key);
-    }
-    if (node.tag === "h6") {
-      return /*#__PURE__*/jsx("h6", {
-        className: withRenderTag("h6"),
-        children: node.children.map(toReact)
-      }, key);
-    }
-    if (node.tag === "br") {
-      return /*#__PURE__*/jsx("br", {}, key);
-    }
-    if (node.tag === "a") {
-      return /*#__PURE__*/jsx("a", {
-        href: node.href,
-        children: node.children.map(toReact)
-      }, key);
-    }
-    console.error("Unknown tag", node.tag);
-    var _exhaustiveCheck = node.tag;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    var anyNode = _exhaustiveCheck;
-    if (!(anyNode !== null && anyNode !== void 0 && anyNode.tag)) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement(anyNode.tag, {
-      key: key,
-      className: (_anyNode$class = anyNode["class"]) === null || _anyNode$class === void 0 ? void 0 : _anyNode$class.join(" "),
-      children: (_anyNode$children = anyNode.children) === null || _anyNode$children === void 0 ? void 0 : _anyNode$children.map(toReact)
+  function build(child, key) {
+    if (typeof child === "string") {
+      var transformed = transform && transform(child, []);
+      if (transformed !== undefined) {
+        return transformed;
+      }
+      return child;
+    }
+    var className = classNameOfTag(child.tag, "classes" in child ? child.classes : [], theme);
+    var children = "children" in child ?
+    // Why do this? We get a very weird error in NextJS 14.0.4 if we do not
+    // Error: Cannot access Image.prototype on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.
+    // https://github.com/vercel/next.js/issues/52415
+    child.children.length === 1 ? build(child.children[0]) : child.children.map(build) : null;
+    if (transform) {
+      var _transformed = transform(child, children !== null && children !== void 0 ? children : [], className);
+      if (_transformed !== undefined) {
+        return _transformed;
+      }
+    }
+    var tag = child.tag; // one of: "img" | "a" | "ul" | "ol" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "br" | "p" | "li" | "span"
+    return /*#__PURE__*/React.createElement(tag, {
+      key: key === null || key === void 0 ? void 0 : key.toString(),
+      className: className,
+      children: children
     });
   }
   return /*#__PURE__*/jsx("div", {
     className: className,
+    style: style,
     "data-val-path": root.valPath,
-    children: root.children.map(toReact)
+    children: root.children.map(build)
   });
 }
+function classNameOfTag(tag, clazz, theme) {
+  var thisTagClassName = null;
+  if (theme && tag in theme) {
+    var _theme$tag;
+    thisTagClassName = (_theme$tag = theme[tag]) !== null && _theme$tag !== void 0 ? _theme$tag : null;
+  }
+  return [].concat(_toConsumableArray(thisTagClassName ? [thisTagClassName] : []), _toConsumableArray(clazz.map(function (style) {
+    if (theme &&
+    // not need on type-level, but defensive on runtime:
+    typeof style === "string") {
+      if (style === "line-through") {
+        if ("lineThrough" in theme) {
+          return theme["lineThrough"];
+        }
+      }
+      if (style !== "line-through" && style in theme) {
+        return theme[style];
+      }
+    }
+    return clazz;
+  }))).join(" ");
+}
 
 export { ValRichText };

package/jsx-dev-runtime/dist/valbuild-react-jsx-dev-runtime.browser.esm.js

@@ -1,8 +1,9 @@
 import { _ as _typeof } from '../../dist/typeof-9915e135.browser.esm.js';
-import { _ as _slicedToArray } from '../../dist/slicedToArray-85f6bb43.browser.esm.js';
+import { _ as _slicedToArray } from '../../dist/slicedToArray-7b69258f.browser.esm.js';
 import { Internal } from '@valbuild/core';
 import * as jsxRuntimeDev from 'react/jsx-dev-runtime';
 export * from 'react/jsx-dev-runtime';
+import '../../dist/unsupportedIterableToArray-cce3cb41.browser.esm.js';
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?

package/jsx-dev-runtime/dist/valbuild-react-jsx-dev-runtime.cjs.dev.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _typeof = require('../../dist/typeof-b568f48f.cjs.dev.js');
-var slicedToArray = require('../../dist/slicedToArray-a9d0d9cd.cjs.dev.js');
+var slicedToArray = require('../../dist/slicedToArray-11a666de.cjs.dev.js');
 var core = require('@valbuild/core');
 var jsxRuntimeDev = require('react/jsx-dev-runtime');
+require('../../dist/unsupportedIterableToArray-ac28611a.cjs.dev.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/jsx-dev-runtime/dist/valbuild-react-jsx-dev-runtime.cjs.prod.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _typeof = require('../../dist/typeof-16428c61.cjs.prod.js');
-var slicedToArray = require('../../dist/slicedToArray-a2a426c7.cjs.prod.js');
+var slicedToArray = require('../../dist/slicedToArray-c405fbf0.cjs.prod.js');
 var core = require('@valbuild/core');
 var jsxRuntimeDev = require('react/jsx-dev-runtime');
+require('../../dist/unsupportedIterableToArray-42309462.cjs.prod.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/jsx-dev-runtime/dist/valbuild-react-jsx-dev-runtime.esm.js

@@ -1,8 +1,9 @@
 import { _ as _typeof } from '../../dist/typeof-a1531d8f.esm.js';
-import { _ as _slicedToArray } from '../../dist/slicedToArray-331bebbb.esm.js';
+import { _ as _slicedToArray } from '../../dist/slicedToArray-1dc7d2d6.esm.js';
 import { Internal } from '@valbuild/core';
 import * as jsxRuntimeDev from 'react/jsx-dev-runtime';
 export * from 'react/jsx-dev-runtime';
+import '../../dist/unsupportedIterableToArray-7c30dadf.esm.js';
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?

package/jsx-dev-runtime/dist/valbuild-react-jsx-dev-runtime.worker.esm.js

@@ -1,8 +1,9 @@
 import { _ as _typeof } from '../../dist/typeof-e0c837cc.worker.esm.js';
-import { _ as _slicedToArray } from '../../dist/slicedToArray-d4c4a4ed.worker.esm.js';
+import { _ as _slicedToArray } from '../../dist/slicedToArray-e7da2c5e.worker.esm.js';
 import { Internal } from '@valbuild/core';
 import * as jsxRuntimeDev from 'react/jsx-dev-runtime';
 export * from 'react/jsx-dev-runtime';
+import '../../dist/unsupportedIterableToArray-50359a05.worker.esm.js';
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?

package/jsx-runtime/dist/valbuild-react-jsx-runtime.browser.esm.js

@@ -1,8 +1,9 @@
 import { _ as _typeof } from '../../dist/typeof-9915e135.browser.esm.js';
-import { _ as _slicedToArray } from '../../dist/slicedToArray-85f6bb43.browser.esm.js';
+import { _ as _slicedToArray } from '../../dist/slicedToArray-7b69258f.browser.esm.js';
 import { Internal } from '@valbuild/core';
 import * as ReactJSXRuntime from 'react/jsx-runtime';
 export * from 'react/jsx-runtime';
+import '../../dist/unsupportedIterableToArray-cce3cb41.browser.esm.js';
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?

package/jsx-runtime/dist/valbuild-react-jsx-runtime.cjs.dev.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _typeof = require('../../dist/typeof-b568f48f.cjs.dev.js');
-var slicedToArray = require('../../dist/slicedToArray-a9d0d9cd.cjs.dev.js');
+var slicedToArray = require('../../dist/slicedToArray-11a666de.cjs.dev.js');
 var core = require('@valbuild/core');
 var ReactJSXRuntime = require('react/jsx-runtime');
+require('../../dist/unsupportedIterableToArray-ac28611a.cjs.dev.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/jsx-runtime/dist/valbuild-react-jsx-runtime.cjs.prod.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _typeof = require('../../dist/typeof-16428c61.cjs.prod.js');
-var slicedToArray = require('../../dist/slicedToArray-a2a426c7.cjs.prod.js');
+var slicedToArray = require('../../dist/slicedToArray-c405fbf0.cjs.prod.js');
 var core = require('@valbuild/core');
 var ReactJSXRuntime = require('react/jsx-runtime');
+require('../../dist/unsupportedIterableToArray-42309462.cjs.prod.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/jsx-runtime/dist/valbuild-react-jsx-runtime.esm.js

@@ -1,8 +1,9 @@
 import { _ as _typeof } from '../../dist/typeof-a1531d8f.esm.js';
-import { _ as _slicedToArray } from '../../dist/slicedToArray-331bebbb.esm.js';
+import { _ as _slicedToArray } from '../../dist/slicedToArray-1dc7d2d6.esm.js';
 import { Internal } from '@valbuild/core';
 import * as ReactJSXRuntime from 'react/jsx-runtime';
 export * from 'react/jsx-runtime';
+import '../../dist/unsupportedIterableToArray-7c30dadf.esm.js';
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?

package/jsx-runtime/dist/valbuild-react-jsx-runtime.worker.esm.js

@@ -1,8 +1,9 @@
 import { _ as _typeof } from '../../dist/typeof-e0c837cc.worker.esm.js';
-import { _ as _slicedToArray } from '../../dist/slicedToArray-d4c4a4ed.worker.esm.js';
+import { _ as _slicedToArray } from '../../dist/slicedToArray-e7da2c5e.worker.esm.js';
 import { Internal } from '@valbuild/core';
 import * as ReactJSXRuntime from 'react/jsx-runtime';
 export * from 'react/jsx-runtime';
+import '../../dist/unsupportedIterableToArray-50359a05.worker.esm.js';
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@valbuild/react",
-  "version": "0.57.0",
+  "version": "0.59.0",
   "private": false,
   "description": "Val - React internal helpers",
   "sideEffects": false,
@@ -9,9 +9,9 @@
     "test": "jest"
   },
   "dependencies": {
-    "@valbuild/core": "~0.57.0",
-    "@valbuild/shared": "~0.57.0",
-    "@valbuild/ui": "~0.57.0",
+    "@valbuild/core": "~0.59.0",
+    "@valbuild/shared": "~0.59.0",
+    "@valbuild/ui": "~0.59.0",
     "@vercel/stega": "^0.1.0",
     "base64-arraybuffer": "^1.0.2",
     "style-to-object": "^0.4.1"

package/stega/dist/valbuild-react-stega.browser.esm.js

@@ -1,12 +1,13 @@
-import { _ as _slicedToArray } from '../../dist/slicedToArray-85f6bb43.browser.esm.js';
+import { _ as _slicedToArray } from '../../dist/slicedToArray-7b69258f.browser.esm.js';
 import { _ as _typeof } from '../../dist/typeof-9915e135.browser.esm.js';
 import ReactJSXRuntime__default from 'react/jsx-runtime';
 import jsxRuntimeDev__default from 'react/jsx-dev-runtime';
 import React from 'react';
 import { vercelStegaDecode, VERCEL_STEGA_REGEX, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
-import { _ as _defineProperty } from '../../dist/defineProperty-6ed7deb7.browser.esm.js';
+import { _ as _toConsumableArray } from '../../dist/toConsumableArray-5a71fbb3.browser.esm.js';
 import { Internal, VAL_EXTENSION, FILE_REF_PROP } from '@valbuild/core';
 import { parseRichTextSource } from '@valbuild/shared/internal';
+import '../../dist/unsupportedIterableToArray-cce3cb41.browser.esm.js';
 
 function stegaDecodeString(encodedString) {
   var encodedBits = vercelStegaDecode(encodedString);
@@ -103,6 +104,37 @@ function autoTagJSX() {
   JsxPro.jsxDEV && ( /**/JsxPro.jsxDEV = WrapJsx(JsxPro.jsxDEV));
 }
 
+function toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
+}
+
+function _defineProperty(obj, key, value) {
+  key = toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -136,8 +168,11 @@ function _objectSpread2(e) {
 
 function stegaEncode(input, opts) {
   function rec(sourceOrSelector, recOpts) {
+    if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isLiteralSchema(recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema)) {
+      return sourceOrSelector;
+    }
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isUnionSchema(recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema)) {
-      if (sourceOrSelector && _typeof(sourceOrSelector) === "object" && recOpts.schema.key) {
+      if (sourceOrSelector && _typeof(sourceOrSelector) === "object" && recOpts.schema.key && typeof recOpts.schema.key === "string") {
         var _key = sourceOrSelector[recOpts.schema.key];
         if (_key) {
           var schema = recOpts.schema.items.find(function (s) {
@@ -162,11 +197,17 @@ function stegaEncode(input, opts) {
             });
           }
         }
-      } else {
+        // illegal value, return as is
+        return sourceOrSelector;
+      }
+      if (typeof sourceOrSelector === "string" && recOpts.schema.key && typeof recOpts.schema.key !== "string") {
+        var _ref;
         return rec(sourceOrSelector, {
           path: recOpts.path,
-          schema: recOpts.schema.items.find(function (s) {
-            return isLiteralSchema(s) && s.value === sourceOrSelector;
+          schema: (_ref = [recOpts.schema.key]).concat.apply(_ref, _toConsumableArray(recOpts.schema.items)).find(function (s) {
+            if (isLiteralSchema(s)) {
+              return s.value === sourceOrSelector;
+            }
           })
         });
       }
@@ -194,8 +235,14 @@ function stegaEncode(input, opts) {
         }
         if (sourceOrSelector[VAL_EXTENSION] === "file" && typeof sourceOrSelector[FILE_REF_PROP] === "string") {
           var fileSelector = Internal.convertFileSource(sourceOrSelector);
+          var url = fileSelector.url;
+          if (opts.disabled) {
+            url = fileSelector.url;
+          } else {
+            url = "/api/val/files/public" + fileSelector.url;
+          }
           return _objectSpread2(_objectSpread2({}, fileSelector), {}, {
-            url: rec(fileSelector.url, recOpts)
+            url: rec(url, recOpts)
           });
         }
         console.error("Encountered unexpected extension: ".concat(sourceOrSelector[VAL_EXTENSION]));

package/stega/dist/valbuild-react-stega.cjs.dev.js

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('../../dist/slicedToArray-a9d0d9cd.cjs.dev.js');
+var slicedToArray = require('../../dist/slicedToArray-11a666de.cjs.dev.js');
 var _typeof = require('../../dist/typeof-b568f48f.cjs.dev.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 var jsxRuntimeDev = require('react/jsx-dev-runtime');
 var React = require('react');
 var stega = require('@vercel/stega');
-var defineProperty = require('../../dist/defineProperty-c84f9aba.cjs.dev.js');
+var toConsumableArray = require('../../dist/toConsumableArray-b2d28ffa.cjs.dev.js');
 var core = require('@valbuild/core');
 var internal = require('@valbuild/shared/internal');
+require('../../dist/unsupportedIterableToArray-ac28611a.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -113,6 +114,37 @@ function autoTagJSX() {
   JsxPro.jsxDEV && ( /**/JsxPro.jsxDEV = WrapJsx(JsxPro.jsxDEV));
 }
 
+function toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
+}
+
+function _defineProperty(obj, key, value) {
+  key = toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -127,7 +159,7 @@ function _objectSpread2(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = null != arguments[r] ? arguments[r] : {};
     r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
-      defineProperty._defineProperty(e, r, t[r]);
+      _defineProperty(e, r, t[r]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
@@ -146,8 +178,11 @@ function _objectSpread2(e) {
 
 function stegaEncode(input, opts) {
   function rec(sourceOrSelector, recOpts) {
+    if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isLiteralSchema(recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema)) {
+      return sourceOrSelector;
+    }
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isUnionSchema(recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema)) {
-      if (sourceOrSelector && _typeof._typeof(sourceOrSelector) === "object" && recOpts.schema.key) {
+      if (sourceOrSelector && _typeof._typeof(sourceOrSelector) === "object" && recOpts.schema.key && typeof recOpts.schema.key === "string") {
         var _key = sourceOrSelector[recOpts.schema.key];
         if (_key) {
           var schema = recOpts.schema.items.find(function (s) {
@@ -172,11 +207,17 @@ function stegaEncode(input, opts) {
             });
           }
         }
-      } else {
+        // illegal value, return as is
+        return sourceOrSelector;
+      }
+      if (typeof sourceOrSelector === "string" && recOpts.schema.key && typeof recOpts.schema.key !== "string") {
+        var _ref;
         return rec(sourceOrSelector, {
           path: recOpts.path,
-          schema: recOpts.schema.items.find(function (s) {
-            return isLiteralSchema(s) && s.value === sourceOrSelector;
+          schema: (_ref = [recOpts.schema.key]).concat.apply(_ref, toConsumableArray._toConsumableArray(recOpts.schema.items)).find(function (s) {
+            if (isLiteralSchema(s)) {
+              return s.value === sourceOrSelector;
+            }
           })
         });
       }
@@ -204,8 +245,14 @@ function stegaEncode(input, opts) {
         }
         if (sourceOrSelector[core.VAL_EXTENSION] === "file" && typeof sourceOrSelector[core.FILE_REF_PROP] === "string") {
           var fileSelector = core.Internal.convertFileSource(sourceOrSelector);
+          var url = fileSelector.url;
+          if (opts.disabled) {
+            url = fileSelector.url;
+          } else {
+            url = "/api/val/files/public" + fileSelector.url;
+          }
           return _objectSpread2(_objectSpread2({}, fileSelector), {}, {
-            url: rec(fileSelector.url, recOpts)
+            url: rec(url, recOpts)
           });
         }
         console.error("Encountered unexpected extension: ".concat(sourceOrSelector[core.VAL_EXTENSION]));