@qualtrics/plugin-ui-react 1.4.0-alpha.6 → 1.4.0-alpha.8

package/dist/main.js

@@ -1,4 +1,4 @@
-/*! @license @qualtrics/plugin-ui-react 1.4.0-alpha.6
+/*! @license @qualtrics/plugin-ui-react 1.4.0-alpha.8
 Qualtrics Software License Agreement
 
 1. General.
@@ -45,3549 +45,6 @@ Qualtrics Software License Agreement
 
 Last updated August 28, 2019
 */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/es.object.to-string.js');
-require('core-js/modules/es.promise.js');
-require('core-js/modules/es.object.keys.js');
-require('core-js/modules/es.array.includes.js');
-require('core-js/modules/es.string.includes.js');
-require('core-js/modules/es.array.find-index.js');
-require('core-js/modules/es.array.splice.js');
-require('core-js/modules/es.array.for-each.js');
-require('core-js/modules/web.dom-collections.for-each.js');
-var React = require('react');
-var _get = require('lodash.get');
-var uiReact = require('@qualtrics/ui-react');
-var icons = require('@qualtrics/ui-react/icons');
-require('core-js/modules/es.string.anchor.js');
-var _cloneDeep = require('lodash.clonedeep');
-require('core-js/modules/es.array.concat.js');
-require('core-js/modules/es.array.is-array.js');
-var reactPopper = require('react-popper');
-var ReactDOM = require('react-dom');
-var uuid = require('uuid');
-require('core-js/modules/es.array.map.js');
-require('core-js/modules/es.function.name.js');
-require('core-js/modules/es.array.slice.js');
-require('core-js/modules/es.array.iterator.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/es.array.find.js');
-require('core-js/modules/es.object.assign.js');
-require('core-js/modules/es.array.filter.js');
-var _cloneDeepWith = require('lodash.clonedeepwith');
-require('core-js/modules/es.string.trim.js');
-require('core-js/modules/es.regexp.exec.js');
-require('core-js/modules/es.string.search.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var _get__default = /*#__PURE__*/_interopDefaultLegacy(_get);
-var _cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(_cloneDeep);
-var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
-var uuid__default = /*#__PURE__*/_interopDefaultLegacy(uuid);
-var _cloneDeepWith__default = /*#__PURE__*/_interopDefaultLegacy(_cloneDeepWith);
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$m = ".react-app {\n  background-color: RGBA(0, 0, 0, 0.1); }\n";
-styleInject(css_248z$m);
-
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-
-  return target;
-}
-
-function _regeneratorRuntime() {
-  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-
-  _regeneratorRuntime = function () {
-    return exports;
-  };
-
-  var exports = {},
-      Op = Object.prototype,
-      hasOwn = Op.hasOwnProperty,
-      $Symbol = "function" == typeof Symbol ? Symbol : {},
-      iteratorSymbol = $Symbol.iterator || "@@iterator",
-      asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
-      toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-
-  function define(obj, key, value) {
-    return Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }), obj[key];
-  }
-
-  try {
-    define({}, "");
-  } catch (err) {
-    define = function (obj, key, value) {
-      return obj[key] = value;
-    };
-  }
-
-  function wrap(innerFn, outerFn, self, tryLocsList) {
-    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
-        generator = Object.create(protoGenerator.prototype),
-        context = new Context(tryLocsList || []);
-    return generator._invoke = function (innerFn, self, context) {
-      var state = "suspendedStart";
-      return function (method, arg) {
-        if ("executing" === state) throw new Error("Generator is already running");
-
-        if ("completed" === state) {
-          if ("throw" === method) throw arg;
-          return doneResult();
-        }
-
-        for (context.method = method, context.arg = arg;;) {
-          var delegate = context.delegate;
-
-          if (delegate) {
-            var delegateResult = maybeInvokeDelegate(delegate, context);
-
-            if (delegateResult) {
-              if (delegateResult === ContinueSentinel) continue;
-              return delegateResult;
-            }
-          }
-
-          if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
-            if ("suspendedStart" === state) throw state = "completed", context.arg;
-            context.dispatchException(context.arg);
-          } else "return" === context.method && context.abrupt("return", context.arg);
-          state = "executing";
-          var record = tryCatch(innerFn, self, context);
-
-          if ("normal" === record.type) {
-            if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-            return {
-              value: record.arg,
-              done: context.done
-            };
-          }
-
-          "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-        }
-      };
-    }(innerFn, self, context), generator;
-  }
-
-  function tryCatch(fn, obj, arg) {
-    try {
-      return {
-        type: "normal",
-        arg: fn.call(obj, arg)
-      };
-    } catch (err) {
-      return {
-        type: "throw",
-        arg: err
-      };
-    }
-  }
-
-  exports.wrap = wrap;
-  var ContinueSentinel = {};
-
-  function Generator() {}
-
-  function GeneratorFunction() {}
-
-  function GeneratorFunctionPrototype() {}
-
-  var IteratorPrototype = {};
-  define(IteratorPrototype, iteratorSymbol, function () {
-    return this;
-  });
-  var getProto = Object.getPrototypeOf,
-      NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-
-  function defineIteratorMethods(prototype) {
-    ["next", "throw", "return"].forEach(function (method) {
-      define(prototype, method, function (arg) {
-        return this._invoke(method, arg);
-      });
-    });
-  }
-
-  function AsyncIterator(generator, PromiseImpl) {
-    function invoke(method, arg, resolve, reject) {
-      var record = tryCatch(generator[method], generator, arg);
-
-      if ("throw" !== record.type) {
-        var result = record.arg,
-            value = result.value;
-        return value && "object" == typeof value && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
-          invoke("next", value, resolve, reject);
-        }, function (err) {
-          invoke("throw", err, resolve, reject);
-        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
-          result.value = unwrapped, resolve(result);
-        }, function (error) {
-          return invoke("throw", error, resolve, reject);
-        });
-      }
-
-      reject(record.arg);
-    }
-
-    var previousPromise;
-
-    this._invoke = function (method, arg) {
-      function callInvokeWithMethodAndArg() {
-        return new PromiseImpl(function (resolve, reject) {
-          invoke(method, arg, resolve, reject);
-        });
-      }
-
-      return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-    };
-  }
-
-  function maybeInvokeDelegate(delegate, context) {
-    var method = delegate.iterator[context.method];
-
-    if (undefined === method) {
-      if (context.delegate = null, "throw" === context.method) {
-        if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-        context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-      }
-
-      return ContinueSentinel;
-    }
-
-    var record = tryCatch(method, delegate.iterator, context.arg);
-    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-    var info = record.arg;
-    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-  }
-
-  function pushTryEntry(locs) {
-    var entry = {
-      tryLoc: locs[0]
-    };
-    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-  }
-
-  function resetTryEntry(entry) {
-    var record = entry.completion || {};
-    record.type = "normal", delete record.arg, entry.completion = record;
-  }
-
-  function Context(tryLocsList) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-  }
-
-  function values(iterable) {
-    if (iterable) {
-      var iteratorMethod = iterable[iteratorSymbol];
-      if (iteratorMethod) return iteratorMethod.call(iterable);
-      if ("function" == typeof iterable.next) return iterable;
-
-      if (!isNaN(iterable.length)) {
-        var i = -1,
-            next = function next() {
-          for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-
-          return next.value = undefined, next.done = !0, next;
-        };
-
-        return next.next = next;
-      }
-    }
-
-    return {
-      next: doneResult
-    };
-  }
-
-  function doneResult() {
-    return {
-      value: undefined,
-      done: !0
-    };
-  }
-
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
-    var ctor = "function" == typeof genFun && genFun.constructor;
-    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-  }, exports.mark = function (genFun) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-  }, exports.awrap = function (arg) {
-    return {
-      __await: arg
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
-    return this;
-  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-    void 0 === PromiseImpl && (PromiseImpl = Promise);
-    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
-      return result.done ? result.value : iter.next();
-    });
-  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
-    return this;
-  }), define(Gp, "toString", function () {
-    return "[object Generator]";
-  }), exports.keys = function (object) {
-    var keys = [];
-
-    for (var key in object) keys.push(key);
-
-    return keys.reverse(), function next() {
-      for (; keys.length;) {
-        var key = keys.pop();
-        if (key in object) return next.value = key, next.done = !1, next;
-      }
-
-      return next.done = !0, next;
-    };
-  }, exports.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function (skipTempReset) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-    },
-    stop: function () {
-      this.done = !0;
-      var rootRecord = this.tryEntries[0].completion;
-      if ("throw" === rootRecord.type) throw rootRecord.arg;
-      return this.rval;
-    },
-    dispatchException: function (exception) {
-      if (this.done) throw exception;
-      var context = this;
-
-      function handle(loc, caught) {
-        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-      }
-
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i],
-            record = entry.completion;
-        if ("root" === entry.tryLoc) return handle("end");
-
-        if (entry.tryLoc <= this.prev) {
-          var hasCatch = hasOwn.call(entry, "catchLoc"),
-              hasFinally = hasOwn.call(entry, "finallyLoc");
-
-          if (hasCatch && hasFinally) {
-            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-          } else if (hasCatch) {
-            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-          } else {
-            if (!hasFinally) throw new Error("try statement without catch or finally");
-            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function (type, arg) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-
-        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-          var finallyEntry = entry;
-          break;
-        }
-      }
-
-      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-      var record = finallyEntry ? finallyEntry.completion : {};
-      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-    },
-    complete: function (record, afterLoc) {
-      if ("throw" === record.type) throw record.arg;
-      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-    },
-    finish: function (finallyLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-      }
-    },
-    catch: function (tryLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-
-        if (entry.tryLoc === tryLoc) {
-          var record = entry.completion;
-
-          if ("throw" === record.type) {
-            var thrown = record.arg;
-            resetTryEntry(entry);
-          }
-
-          return thrown;
-        }
-      }
-
-      throw new Error("illegal catch attempt");
-    },
-    delegateYield: function (iterable, resultName, nextLoc) {
-      return this.delegate = {
-        iterator: values(iterable),
-        resultName: resultName,
-        nextLoc: nextLoc
-      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-    }
-  }, exports;
-}
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-        args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-
-      _next(undefined);
-    });
-  };
-}
-
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
-}
-
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
-  Object.defineProperty(subClass, "prototype", {
-    writable: false
-  });
-  if (superClass) _setPrototypeOf(subClass, superClass);
-}
-
-function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-    return o.__proto__ || Object.getPrototypeOf(o);
-  };
-  return _getPrototypeOf(o);
-}
-
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
-}
-
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-  if (Reflect.construct.sham) return false;
-  if (typeof Proxy === "function") return true;
-
-  try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-
-  return self;
-}
-
-function _possibleConstructorReturn(self, call) {
-  if (call && (typeof call === "object" || typeof call === "function")) {
-    return call;
-  } else if (call !== void 0) {
-    throw new TypeError("Derived constructors may only return object or undefined");
-  }
-
-  return _assertThisInitialized(self);
-}
-
-function _createSuper(Derived) {
-  var hasNativeReflectConstruct = _isNativeReflectConstruct();
-
-  return function _createSuperInternal() {
-    var Super = _getPrototypeOf(Derived),
-        result;
-
-    if (hasNativeReflectConstruct) {
-      var NewTarget = _getPrototypeOf(this).constructor;
-
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-
-    return _possibleConstructorReturn(this, result);
-  };
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-
-  return _arr;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-var uniqueIdCounter = 0;
-var EventRegistry = function () {
-  function EventRegistry(isSingletonHandler) {
-    var _this = this;
-
-    _classCallCheck(this, EventRegistry);
-
-    _defineProperty(this, "register", function (callback) {
-      var id;
-
-      if (_this.isSingletonHandler) {
-        _this.handler = callback;
-        return function () {
-          return _this.handler = undefined;
-        };
-      } else {
-        id = uniqueIdCounter++;
-
-        _this.handlers.push({
-          callback: callback,
-          id: id
-        });
-
-        return function () {
-          _this.unregister(id);
-        };
-      }
-    });
-
-    this.isSingletonHandler = !!isSingletonHandler;
-    this.handlers = [];
-
-    this.handler = function () {};
-  }
-
-  _createClass(EventRegistry, [{
-    key: "unregister",
-    value: function unregister(id) {
-      var foundIdx;
-
-      if (this.isSingletonHandler) {
-        return;
-      }
-
-      foundIdx = this.handlers.findIndex(function (handler) {
-        return handler.id === id;
-      });
-
-      if (foundIdx !== -1) {
-        this.handlers.splice(foundIdx, 1);
-      }
-    }
-  }, {
-    key: "trigger",
-    value: function trigger(data) {
-      if (this.isSingletonHandler) {
-        return this.handler(data);
-      } else {
-        this.handlers.forEach(function (handler) {
-          handler.callback(data);
-        });
-      }
-    }
-  }]);
-
-  return EventRegistry;
-}();
-
-var globalObj = (typeof global === "undefined" ? "undefined" : _typeof(global)) !== undefined ? global : (typeof self === "undefined" ? "undefined" : _typeof(self)) !== undefined ? self : (typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined ? window : {};
-var pluginSdkClient;
-var events = {
-  'actions_task': {
-    save: new EventRegistry(true)
-  }
-};
-var pluginTypeHandlers = {
-  'actions_task': {
-    save: function save(data) {
-      return events['actions_task'].save.trigger(data);
-    }
-  }
-};
-var PluginSdkService = {
-  getPluginSdkClient: getPluginSdkClient
-};
-
-function getPluginSdkClient(handlers) {
-  var isAlpha = !globalObj.PluginClient;
-
-  if (pluginSdkClient !== undefined) {
-    if (isAlpha) {
-      return pluginSdkClient;
-    } else {
-      return new Promise(function (resolve) {
-        return resolve(pluginSdkClient);
-      });
-    }
-  }
-
-  if (isAlpha) {
-    return initializeLegacyPluginClient(globalObj.PluginSDKClient);
-  } else if (!isAlpha && globalObj.PluginClient !== undefined) {
-    return initializePluginClient(globalObj.PluginClient, handlers);
-  } else {
-    throw new Error('No PluginClient or PluginSDKClient found on global object');
-  }
-}
-
-function initializePluginClient(client, handlerConfig) {
-  var registerHandler;
-
-  var _getDefaultHandlersFo = getDefaultHandlersForPluginType(handlerConfig),
-      pluginType = _getDefaultHandlersFo.pluginType,
-      eventHandlers = _getDefaultHandlersFo.eventHandlers;
-
-  registerHandler = function registerHandler(eventType, callback) {
-    var availableHandlers;
-    availableHandlers = Object.keys(eventHandlers);
-
-    if (availableHandlers.includes(eventType)) {
-      return events[pluginType][eventType].register(callback);
-    } else {
-      return function () {};
-    }
-  };
-
-  return client.initialize(eventHandlers).then(function (initializedClient) {
-    if (typeof initializedClient.registerHandler !== 'function') {
-      initializedClient.registerHandler = registerHandler;
-    }
-
-    pluginSdkClient = initializedClient;
-    return pluginSdkClient;
-  });
-}
-
-function getDefaultHandlersForPluginType(handlerConfig) {
-  var pluginType, eventHandlers;
-  pluginType = undefined;
-  eventHandlers = {};
-
-  if (_typeof(handlerConfig) === 'object') {
-    eventHandlers = handlerConfig;
-  } else if (typeof handlerConfig === 'string') {
-    pluginType = handlerConfig;
-    eventHandlers = pluginTypeHandlers[handlerConfig] || {};
-  } else {
-    eventHandlers = handlerConfig;
-  }
-
-  return {
-    pluginType: pluginType,
-    eventHandlers: eventHandlers
-  };
-}
-
-function initializeLegacyPluginClient(client) {
-  console.error('Warning - Initializing outdated version of PluginSDKClient. Please upgrade to PluginClient v1.0.0');
-  pluginSdkClient = client.initialize();
-  return pluginSdkClient;
-}
-
-var languageCodeMapping = {
-  DA: 'da',
-  DE: 'de',
-  EN: 'en',
-  'EN-GB': 'en-GB',
-  ES: 'es',
-  'ES-ES': 'es-419',
-  FI: 'fi',
-  FR: 'fr',
-  'FR-CA': 'fr-CA',
-  ID: 'id',
-  IT: 'it',
-  JA: 'ja',
-  KO: 'ko',
-  MS: 'ms',
-  NL: 'nl',
-  PB: 'pb',
-  PT: 'pt',
-  'PT-BR': 'pt-BR',
-  'RI-GI': 'ri-GI',
-  RU: 'ru',
-  SV: 'sv',
-  TH: 'th',
-  'ZH-S': 'zh-Hans',
-  'ZH-T': 'zh-Hant'
-};
-function languageCodeAdapter(languageCode) {
-  var adaptedCode;
-  adaptedCode = languageCodeMapping[languageCode];
-
-  if (adaptedCode === undefined) {
-    throw new Error("No language code mapping found for supplied code: '".concat(languageCode, "'"));
-  }
-
-  return adaptedCode;
-}
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-var Portal = function (_Component) {
-  _inherits(Portal, _Component);
-
-  var _super = _createSuper(Portal);
-
-  function Portal() {
-    var _this;
-
-    _classCallCheck(this, Portal);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "rootSelector", document.body);
-
-    _defineProperty(_assertThisInitialized(_this), "container", document.createElement('div'));
-
-    return _this;
-  }
-
-  _createClass(Portal, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.rootSelector.appendChild(this.container);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.rootSelector.removeChild(this.container);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return ReactDOM__default["default"].createPortal(this.props.children, this.container);
-    }
-  }]);
-
-  return Portal;
-}(React.Component);
-
-var css_248z$l = ".q-popover {\n  position: absolute;\n  z-index: 1000;\n  padding: 4px 0;\n  font-size: 14px;\n  line-height: 20px;\n  color: #32363A;\n  fill: #333;\n  list-style: none;\n  min-width: 160px;\n  max-width: 500px;\n  min-height: 10px;\n  max-height: 99%;\n  background: #fff;\n  border-radius: 4px;\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 0px 10px 1px rgba(0, 0, 0, 0.14), 0 0px 10px 2px rgba(0, 0, 0, 0.12);\n  z-index: 9000; }\n\nbody .q-popover {\n  max-height: 50vh;\n  overflow-y: scroll;\n  max-width: 30vw; }\n";
-styleInject(css_248z$l);
-
-var globalClickRegistry = new EventRegistry();
-var DEFAULT_PLACEMENT = 'bottom-start';
-var DEFAULT_ANCHOR = React__default["default"].createElement(uiReact.Button, null, " anchor ");
-var defaultModifiers = [];
-initGlobalListener();
-function Popover(props) {
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var modifiers = [].concat(defaultModifiers, _toConsumableArray(props.modifiers || []));
-
-  var closePopover = function closePopover() {
-    setIsOpen(false);
-    props.onClose && props.onClose();
-  };
-
-  var anchorEl = function anchorEl(_ref) {
-    var ref = _ref.ref;
-    var anchor;
-
-    if (typeof props.anchor === 'function') {
-      anchor = props.anchor(ref);
-    } else {
-      anchor = props.anchor;
-      anchor = React__default["default"].createElement("div", {
-        ref: ref,
-        className: "popover-anchor-container"
-      }, props.anchor || DEFAULT_ANCHOR);
-    }
-
-    return anchor;
-  };
-
-  React.useEffect(function () {
-    var unregisterFn, ignoreClickSelector;
-    ignoreClickSelector = props.ignoreClickSelector;
-    unregisterFn = globalClickRegistry.register(function (clickEvent) {
-      var ignoreClickEl;
-
-      if (ignoreClickSelector) {
-        ignoreClickEl = clickEvent.target.closest(ignoreClickSelector);
-      }
-
-      if (!ignoreClickEl) {
-        closePopover();
-      }
-    });
-    return function () {
-      unregisterFn();
-    };
-  }, []);
-  React.useEffect(function () {
-    if (!props.show) {
-      closePopover();
-    } else {
-      setIsOpen(props.show);
-    }
-  }, [props.show]);
-  return React__default["default"].createElement(reactPopper.Manager, null, React__default["default"].createElement(reactPopper.Reference, null, anchorEl), React__default["default"].createElement(Portal, null, isOpen && React__default["default"].createElement(reactPopper.Popper, {
-    placement: props.placement || DEFAULT_PLACEMENT,
-    modifiers: modifiers
-  }, function (_ref2) {
-    var ref = _ref2.ref,
-        style = _ref2.style,
-        placement = _ref2.placement,
-        arrowProps = _ref2.arrowProps,
-        scheduleUpdate = _ref2.update;
-    var children;
-    children = [];
-
-    if (Array.isArray(props.children)) {
-      children = props.children;
-    } else if (props.children !== undefined) {
-      children = [props.children];
-    }
-
-    children.forEach(function (child) {
-      var optionsRef;
-
-      if (child.props.optionsRef) {
-        optionsRef = child.props.optionsRef;
-        optionsRef.current.scheduleUpdate = scheduleUpdate;
-      }
-    });
-    return React__default["default"].createElement("div", {
-      ref: ref,
-      "data-placement": placement,
-      style: _objectSpread2({}, style),
-      className: "q-popover"
-    }, props.children, React__default["default"].createElement("div", {
-      ref: arrowProps.ref,
-      style: arrowProps.style
-    }));
-  })));
-}
-
-function initGlobalListener() {
-  window.addEventListener('click', function (evt) {
-    var popoverEl;
-    popoverEl = evt.target.closest('.q-popover');
-
-    if (popoverEl === null) {
-      globalClickRegistry.trigger(evt);
-    } else {
-      evt.stopPropagation();
-      evt.stopImmediatePropagation();
-    }
-  });
-}
-
-var css_248z$k = ".piped-text-menu-list .piped-text-popover-menu > * {\n  min-height: 32px; }\n";
-styleInject(css_248z$k);
-
-/**
- * Copied from: https://gitlab-app.eng.qops.net/cfe/ui/-/blob/master/packages/ui-react/src/hooks/useId/useId.js
- * Returns an ID that is stable across renders.
- * @param {string=} defaultExternalId - ID to be used instead of a randomly generated ID. This ID is only considered on mount, so changes to this ID are ignored.
- * @returns {String} If an external ID is passed in, the external ID. Otherwise, a randomly generated ID.
- */
-function useId(defaultExternalId) {
-    var currentId = React.useState(function () {
-        return defaultExternalId !== null && defaultExternalId !== void 0 ? defaultExternalId : uuid.v4();
-    })[0];
-    return currentId;
-}
-
-var css_248z$j = "";
-styleInject(css_248z$j);
-
-function PipedTextMenuLoadError(props) {
-    return (React__default["default"].createElement("div", { className: "piped-text-popover-container" },
-        React__default["default"].createElement("div", { className: "piped-text-error-container" },
-            React__default["default"].createElement("div", { className: "piped-text-error-icon" },
-                React__default["default"].createElement(icons.ErrorIcon, { size: "medium" })),
-            props.errorText && (React__default["default"].createElement("div", { className: "piped-text-error-text" }, props.errorText)))));
-}
-
-var EMBEDDED_DATA_LOCATOR = 'embeddedData';
-function checkEmbeddedDataMenuItem(menuItem) {
-    return menuItem.value === EMBEDDED_DATA_LOCATOR;
-}
-function checkDecoratedMenuItem(menuItem) {
-    return (menuItem.header === true)
-        || (menuItem.disabled === true);
-}
-function checkSubmenuMenuItemItem(menuItem) {
-    return !!menuItem.hasSubmenu;
-}
-function checkMenuItemFocusable(menuItem) {
-    var isEmbeddedData, isSubmenu, isDefaultMenuItem;
-    isEmbeddedData = checkEmbeddedDataMenuItem(menuItem);
-    isSubmenu = checkSubmenuMenuItemItem(menuItem);
-    isDefaultMenuItem = checkDefaultMenuItem(menuItem);
-    return (isEmbeddedData
-        || isSubmenu
-        || isDefaultMenuItem);
-}
-function checkDefaultMenuItem(menuItem) {
-    return !(checkEmbeddedDataMenuItem(menuItem)
-        || checkDecoratedMenuItem(menuItem)
-        || checkSubmenuMenuItemItem(menuItem));
-}
-
-var css_248z$i = "div[role=\"menu\"] .piped-text-search-input-container {\n  padding: 5px 10px; }\n\n.piped-text-search-input {\n  padding: 10px 12px;\n  user-select: none;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  align-content: center;\n  padding: 4px 8px 8px; }\n  .piped-text-search-input input.q-plugin-popover-input {\n    box-sizing: border-box;\n    height: 36px;\n    padding: 7px 9px; }\n\n.piped-text-menu-empty-anchor {\n  /* the margin-right hack was not in harmony with tao.\n      now, the empty-anchor is truly empty */ }\n\n.piped-text-submenu-item-container {\n  position: relative; }\n  .piped-text-submenu-item-container .piped-text-menu .piped-text-submenu-anchor {\n    position: absolute;\n    z-index: -1;\n    bottom: 0;\n    top: 0;\n    left: 0;\n    right: 0;\n    min-width: 100%; }\n\n.piped-text-submenu-item {\n  padding-right: 24px; }\n\n.piped-text-information-message {\n  padding: 10px 12px;\n  user-select: none;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  color: #74777A;\n  text-align: center;\n  white-space: pre-line; }\n\n.piped-text-loading-spinner {\n  width: fit-content;\n  margin: 0 auto; }\n\n.piped-text-error-container {\n  color: #BB0000; }\n  .piped-text-error-container .piped-text-error-icon {\n    padding: 8px 0; }\n    .piped-text-error-container .piped-text-error-icon svg {\n      fill: #BB0000;\n      display: block;\n      margin: 0 auto; }\n  .piped-text-error-container .piped-text-error-text {\n    text-align: center;\n    white-space: pre-line;\n    padding: 0 12px 8px; }\n\n.piped-text-menu-item-container.highlighted-menu-item {\n  background: RGBA(50, 54, 58, 0.08); }\n\n.piped-text-menu-item-container .piped-text-menu-item, .piped-text-menu-item-container .piped-text-submenu-item {\n  padding: 10px 12px;\n  user-select: none;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  text-overflow: ellipsis; }\n  .piped-text-menu-item-container .piped-text-menu-item:not(.piped-text-header):not(.piped-text-disabled):hover, .piped-text-menu-item-container .piped-text-submenu-item:not(.piped-text-header):not(.piped-text-disabled):hover {\n    cursor: pointer; }\n  .piped-text-menu-item-container .piped-text-menu-item.piped-text-header, .piped-text-menu-item-container .piped-text-submenu-item.piped-text-header {\n    font-size: 12px;\n    line-height: 16px;\n    font-weight: 700;\n    padding: 12px; }\n  .piped-text-menu-item-container .piped-text-menu-item.piped-text-disabled:not(.piped-text-header), .piped-text-menu-item-container .piped-text-submenu-item.piped-text-disabled:not(.piped-text-header) {\n    color: RGB(116, 119, 122); }\n";
-styleInject(css_248z$i);
-
-var css_248z$h = "";
-styleInject(css_248z$h);
-
-// const WrappedPipedTextMenu = PipedTextMenu as PipedTextMenuType;
-var PipedTextSubmenuItem = React__default["default"].forwardRef(function PipedTextSubmenuItem(props, ref) {
-    var submenuAnchorRef = React.useRef(null);
-    var submenuAnchorId = useId();
-    var menuItem = props.menuItem;
-    return (React__default["default"].createElement("div", { "data-testid": "piped-text-submenu", className: "piped-text-submenu-item-container", role: 'presentation' },
-        menuItem.show && (React__default["default"].createElement(PipedTextMenu, { "aria-labelledby": submenuAnchorId, 
-            //@ts-ignore
-            items: menuItem.submenu.items, show: menuItem.show, placement: "right-start", onClose: function () {
-                menuItem.show = false;
-            }, allowCustom: menuItem.submenu.allowCustom, customScheme: menuItem.submenu.customScheme, customInputMessage: menuItem.submenu.customInputMessage, searchPlaceholder: menuItem.submenu.searchPlaceholder, errorText: menuItem.submenu.errorText, onSelected: menuItemClicked, anchor: function (ref) { return (React__default["default"].createElement("div", { ref: ref, className: "piped-text-submenu-anchor" })); }, anchorRef: submenuAnchorRef, keyboardCtrl: props.keyboardCtrl, pipedTextMenuId: props.pipedTextMenuId })),
-        React__default["default"].createElement("div", { id: submenuAnchorId, className: "piped-text-submenu-item", ref: submenuAnchorRef },
-            React__default["default"].createElement("div", { className: "label-text" }, menuItem.label),
-            React__default["default"].createElement("div", { className: "piped-text-icon" },
-                React__default["default"].createElement(uiReact.Icon, { type: uiReact.IconTypes.ChevronRight, size: "medium" })))));
-    function menuItemClicked(menuItem) {
-        props.onMenuItemClick(menuItem);
-    }
-});
-
-var css_248z$g = "div[role=\"menu\"] .piped-text-search-input-container {\n  padding: 5px 10px; }\n\n.piped-text-search-input {\n  padding: 10px 12px;\n  user-select: none;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  align-content: center;\n  padding: 4px 8px 8px; }\n  .piped-text-search-input input.q-plugin-popover-input {\n    box-sizing: border-box;\n    height: 36px;\n    padding: 7px 9px; }\n\n.piped-text-menu-empty-anchor {\n  /* the margin-right hack was not in harmony with tao.\n      now, the empty-anchor is truly empty */ }\n\n.piped-text-submenu-item-container {\n  position: relative; }\n  .piped-text-submenu-item-container .piped-text-menu .piped-text-submenu-anchor {\n    position: absolute;\n    z-index: -1;\n    bottom: 0;\n    top: 0;\n    left: 0;\n    right: 0;\n    min-width: 100%; }\n\n.piped-text-submenu-item {\n  padding-right: 24px; }\n\n.piped-text-information-message {\n  padding: 10px 12px;\n  user-select: none;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  color: #74777A;\n  text-align: center;\n  white-space: pre-line; }\n\n.piped-text-loading-spinner {\n  width: fit-content;\n  margin: 0 auto; }\n\n.piped-text-error-container {\n  color: #BB0000; }\n  .piped-text-error-container .piped-text-error-icon {\n    padding: 8px 0; }\n    .piped-text-error-container .piped-text-error-icon svg {\n      fill: #BB0000;\n      display: block;\n      margin: 0 auto; }\n  .piped-text-error-container .piped-text-error-text {\n    text-align: center;\n    white-space: pre-line;\n    padding: 0 12px 8px; }\n\n.embedded-data-menu {\n  padding: 10px 12px;\n  user-select: none;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  align-content: center;\n  padding: 4px 8px 8px; }\n  .embedded-data-menu input.q-plugin-popover-input {\n    box-sizing: border-box;\n    height: 36px;\n    padding: 7px 9px; }\n";
-styleInject(css_248z$g);
-
-var css_248z$f = "";
-styleInject(css_248z$f);
-
-var TEXT_INPUT_KEYS_TO_ALLOW = [
-    'ArrowDown',
-    'Escape',
-    'Tab',
-    'PageUp',
-    'Home',
-    'PageDown',
-    'End',
-    'Enter',
-];
-var PipedTextMenuFocusItem = /** @class */ (function () {
-    function PipedTextMenuFocusItem(currentContainer, menuItems) {
-        this.currentContainer = currentContainer;
-        this.menuItems = menuItems;
-        this.highlightedIdx = -1;
-    }
-    PipedTextMenuFocusItem.prototype.setMenuItems = function (menuItems) {
-        this.menuItems = menuItems;
-    };
-    PipedTextMenuFocusItem.prototype.findMenuItemIdx = function (menuItemRef) {
-        return this.menuItems.findIndex(function (menuItem) {
-            return menuItem.current === menuItemRef.current;
-        });
-    };
-    return PipedTextMenuFocusItem;
-}());
-var PipedTextMenuKeyboardCtrl = /** @class */ (function () {
-    function PipedTextMenuKeyboardCtrl() {
-        this.menuFocusItems = [];
-        this.currFocusItemIdx = -1;
-    }
-    PipedTextMenuKeyboardCtrl.prototype.getFocusMenu = function (containerRef) {
-        var foundMenuFocusItemIdx;
-        foundMenuFocusItemIdx = this.menuFocusItems.findIndex(function (focusItem) {
-            return focusItem.currentContainer.current === containerRef.current;
-        });
-        if (foundMenuFocusItemIdx === -1) {
-            return undefined;
-        }
-        return this.menuFocusItems[foundMenuFocusItemIdx];
-    };
-    PipedTextMenuKeyboardCtrl.prototype.getCurrentFocusMenu = function () {
-        return this.menuFocusItems[this.currFocusItemIdx];
-    };
-    PipedTextMenuKeyboardCtrl.prototype.addMenu = function (containerRef, menuItemRefs) {
-        var menuToSet, foundMenuFocusItemIdx;
-        foundMenuFocusItemIdx = this.menuFocusItems.findIndex(function (menuFocusItem) {
-            return menuFocusItem.currentContainer.current === containerRef.current;
-        });
-        if ((this.menuFocusItems.length === 0)
-            || (foundMenuFocusItemIdx === -1)) {
-            menuToSet = new PipedTextMenuFocusItem(containerRef, menuItemRefs);
-            this.menuFocusItems.push(menuToSet);
-        }
-        else {
-            menuToSet = this.menuFocusItems[foundMenuFocusItemIdx];
-            menuToSet.setMenuItems(menuItemRefs);
-        }
-    };
-    PipedTextMenuKeyboardCtrl.prototype.removeMenu = function (containerRef) {
-        var foundMenuFocusItemIdx;
-        foundMenuFocusItemIdx = this.menuFocusItems.findIndex(function (menuFocusItem) {
-            return menuFocusItem.currentContainer.current === containerRef.current;
-        });
-        if (foundMenuFocusItemIdx === -1) {
-            console.error(this);
-            console.error(containerRef);
-            throw new Error('Could not find a matching PipedTextMenu');
-        }
-        this.menuFocusItems.splice(foundMenuFocusItemIdx, 1);
-    };
-    PipedTextMenuKeyboardCtrl.prototype.handleKeyEvent = function ($e) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        var key;
-        var currFocusMenu, nextFocusMenu, nextFocusElemRef;
-        var highlightedItem;
-        key = $e.key;
-        currFocusMenu = this.getCurrentFocusMenu();
-        if (currFocusMenu === undefined) {
-            // technically an error case...
-            return;
-        }
-        switch (key) {
-            case 'ArrowDown':
-                /*
-                  In the current focused submenu, advance to the next available menu item
-                    and set it to highlighted, and trigger a focus on the menu item element
-                */
-                if (currFocusMenu.highlightedIdx < (currFocusMenu.menuItems.length - 1)) {
-                    nextFocusElemRef = currFocusMenu.menuItems[currFocusMenu.highlightedIdx + 1];
-                    this.setFocusMenuHighlightedIdx(currFocusMenu.currentContainer, nextFocusElemRef);
-                    (_a = nextFocusElemRef === null || nextFocusElemRef === void 0 ? void 0 : nextFocusElemRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-                }
-                break;
-            case 'ArrowUp':
-                /*
-                  In the current focused submenu, advance to the previous available menu item
-                    and set it to highlighted, and trigger a focus on the menu item element
-                */
-                if (currFocusMenu.highlightedIdx > 0) {
-                    nextFocusElemRef = currFocusMenu.menuItems[currFocusMenu.highlightedIdx - 1];
-                    this.setFocusMenuHighlightedIdx(currFocusMenu.currentContainer, nextFocusElemRef);
-                    (_b = nextFocusElemRef === null || nextFocusElemRef === void 0 ? void 0 : nextFocusElemRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-                }
-                break;
-            case 'ArrowRight':
-                this.focusNextSubmenu();
-                break;
-            case 'ArrowLeft':
-            case 'Escape':
-                /*
-                  Set the previous (parent) submenu as the current focused menu.
-                  If it has a child menuitem to highlight, focus the highlighted menu item.
-                  If no menuitem is highlighted in the target submenu, call focus() on the
-                    container element; the container element focus event handler is expected to
-                    respond to the event and set it's own highlighted element and index.
-                */
-                if (this.currFocusItemIdx > 0) {
-                    $e.stopPropagation();
-                    nextFocusMenu = this.menuFocusItems[this.currFocusItemIdx - 1];
-                    if (nextFocusMenu !== undefined) {
-                        highlightedItem = nextFocusMenu.menuItems[nextFocusMenu.highlightedIdx];
-                        if (highlightedItem === undefined) {
-                            (_d = (_c = nextFocusMenu.currentContainer) === null || _c === void 0 ? void 0 : _c.current) === null || _d === void 0 ? void 0 : _d.focus();
-                        }
-                        else {
-                            (_e = highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.current) === null || _e === void 0 ? void 0 : _e.focus();
-                        }
-                    }
-                }
-                break;
-            case 'PageUp':
-            case 'Home':
-                /*
-                  Focus the first menuitem in the current focus menu
-                */
-                nextFocusElemRef = currFocusMenu.menuItems[0];
-                if (nextFocusElemRef) {
-                    this.setFocusMenuHighlightedIdx(currFocusMenu.currentContainer, nextFocusElemRef);
-                    (_f = nextFocusElemRef === null || nextFocusElemRef === void 0 ? void 0 : nextFocusElemRef.current) === null || _f === void 0 ? void 0 : _f.focus();
-                }
-                break;
-            case 'PageDown':
-            case 'End':
-                /*
-                  Focus the last menuitem in the current focus menu
-                */
-                nextFocusElemRef = currFocusMenu.menuItems[currFocusMenu.menuItems.length - 1];
-                if (nextFocusElemRef) {
-                    this.setFocusMenuHighlightedIdx(currFocusMenu.currentContainer, nextFocusElemRef);
-                    (_g = nextFocusElemRef === null || nextFocusElemRef === void 0 ? void 0 : nextFocusElemRef.current) === null || _g === void 0 ? void 0 : _g.focus();
-                }
-                break;
-        }
-    };
-    PipedTextMenuKeyboardCtrl.prototype.focusNextSubmenu = function () {
-        var _a, _b, _c;
-        var currFocusMenu, nextFocusMenu, highlightedItem;
-        currFocusMenu = this.getCurrentFocusMenu();
-        if (currFocusMenu === undefined) {
-            // technically an error case...
-            return;
-        }
-        nextFocusMenu = this.menuFocusItems[this.currFocusItemIdx + 1];
-        if (nextFocusMenu !== undefined) {
-            highlightedItem = nextFocusMenu.menuItems[nextFocusMenu.highlightedIdx];
-            if (highlightedItem === undefined) {
-                (_b = (_a = nextFocusMenu.currentContainer) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
-            }
-            else {
-                (_c = highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.current) === null || _c === void 0 ? void 0 : _c.focus();
-            }
-        }
-    };
-    PipedTextMenuKeyboardCtrl.prototype.getCurrentFocusMenuRef = function () {
-        var _a;
-        return (_a = this.getCurrentFocusMenu()) === null || _a === void 0 ? void 0 : _a.currentContainer;
-    };
-    PipedTextMenuKeyboardCtrl.prototype.isMenuItemInCurrentFocusMenu = function (menuItemRef) {
-        var currentFocusMenu, foundFocusMenuItemRef;
-        currentFocusMenu = this.getCurrentFocusMenu();
-        foundFocusMenuItemRef = currentFocusMenu.menuItems.find(function (menuItem) {
-            return menuItem.current === menuItemRef.current;
-        });
-        return foundFocusMenuItemRef !== undefined;
-    };
-    PipedTextMenuKeyboardCtrl.prototype.setFocus = function (focusedEl) {
-        var foundMenuFocusItemIdx;
-        foundMenuFocusItemIdx = this.menuFocusItems.findIndex(function (menuFocusItem) {
-            return menuFocusItem.currentContainer.current === focusedEl;
-        });
-        if (foundMenuFocusItemIdx === -1) {
-            console.error(this);
-            console.error(focusedEl);
-            throw new Error('Could not find a matching PipedTextMenu');
-        }
-        this.currFocusItemIdx = foundMenuFocusItemIdx;
-    };
-    PipedTextMenuKeyboardCtrl.prototype.getFocusMenuHighlightedIdx = function (containerRef) {
-        var focusMenu;
-        focusMenu = this.getFocusMenu(containerRef);
-        if (focusMenu === undefined) {
-            return -1;
-        }
-        return focusMenu.highlightedIdx;
-    };
-    PipedTextMenuKeyboardCtrl.prototype.setFocusMenuHighlightedIdx = function (containerRef, highlightedItemRef) {
-        var foundMenuFocusItem, foundHighlightedItemIdx;
-        foundMenuFocusItem = this.getFocusMenu(containerRef);
-        if (foundMenuFocusItem === undefined) {
-            return;
-        }
-        foundHighlightedItemIdx = foundMenuFocusItem.findMenuItemIdx(highlightedItemRef);
-        if (foundHighlightedItemIdx === -1) {
-            return;
-        }
-        foundMenuFocusItem.highlightedIdx = foundHighlightedItemIdx;
-    };
-    return PipedTextMenuKeyboardCtrl;
-}());
-
-function EmbeddedDataInput(props) {
-    var _a = React.useState(''), inputValue = _a[0], setInputValue = _a[1];
-    var _b = React.useState(false), isInputInvalid = _b[0], setIsInputInvalid = _b[1];
-    var containerRef = React.useRef();
-    var inputRef = React.useRef();
-    React.useEffect(function () {
-        props.keyboardCtrl.addMenu(containerRef, [
-            inputRef,
-        ]);
-    }, [
-        containerRef
-    ]);
-    React.useEffect(function () {
-        var $destroy = function () {
-            props.keyboardCtrl.removeMenu(containerRef);
-        };
-        return $destroy;
-    }, []);
-    return (React__default["default"].createElement("div", { className: 'embedded-data-input', tabIndex: -1, "aria-labelledby": props.ariaLabelledById, ref: containerRef, onFocus: handleContainerFocus, onKeyDown: handleContainerKeyDown },
-        React__default["default"].createElement(uiReact.InputGroup, null,
-            React__default["default"].createElement(uiReact.Input, { onChange: function ($e) {
-                    handleInputChange($e);
-                }, invalid: isInputInvalid, onKeyDown: handleInputKeyDown, className: 'q-plugin-popover-input', ref: inputRef }),
-            React__default["default"].createElement(uiReact.Button, { kind: 'primary', onClick: handleAddButtonClick, onKeyDown: handleAddButtonKeyDown, onFocus: function ($e) {
-                    $e.stopPropagation();
-                } },
-                React__default["default"].createElement(uiReact.Icon, { type: uiReact.IconTypes.Add })))));
-    function handleContainerFocus($e) {
-        var _a;
-        if ($e.currentTarget === containerRef.current) {
-            props.keyboardCtrl.setFocus(containerRef.current);
-            (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            props.keyboardCtrl.setFocusMenuHighlightedIdx(containerRef, inputRef);
-            $e.stopPropagation();
-            $e.preventDefault();
-        }
-    }
-    function handleContainerKeyDown($e) {
-        switch ($e.key) {
-            case 'ArrowDown':
-            case 'ArrowUp':
-            case 'ArrowRight':
-            case 'ArrowLeft':
-            case 'Escape':
-                props.keyboardCtrl.handleKeyEvent($e);
-                $e.preventDefault(); // prevent scroll
-                break;
-            case 'Enter':
-                handleAddButtonClick();
-                /*
-                  We don't want Enter key events to bubble, because when the
-                    menu closes after enter the focus will return to the
-                    piped-text anchor button, and Enter would reopen the base menu
-                */
-                $e.stopPropagation();
-                $e.preventDefault();
-                break;
-            case 'PageUp':
-            case 'Home':
-            case 'PageDown':
-            case 'End':
-                $e.stopPropagation();
-                $e.preventDefault();
-                break;
-        }
-    }
-    function handleInputKeyDown($e) {
-        var key = $e.key;
-        if (!TEXT_INPUT_KEYS_TO_ALLOW.includes($e.key)) {
-            $e.stopPropagation();
-        }
-        if (!$e.shiftKey && (key === 'Tab')) {
-            /*
-              User can tab forward to focus add Button element
-                without closing the popover menu
-            */
-            $e.stopPropagation();
-        }
-    }
-    function handleAddButtonKeyDown($e) {
-        if ($e.shiftKey && ($e.key === 'Tab')) {
-            /*
-              User can shift+tab back to focus Text Input element
-                without closing the popover menu
-            */
-            $e.stopPropagation();
-        }
-    }
-    function handleAddButtonClick() {
-        var locatorString;
-        // Indicate a validation error if the inputValue is empty.
-        //  We do not need to provide an error message, via UX guidelines
-        //  input validation errors indicate "Required" implicitly by default.
-        if ((inputValue || '').trim().length < 1) {
-            setIsInputInvalid(true);
-            return;
-        }
-        locatorString = "${e://Field/".concat(inputValue, "}");
-        props.onSelect(locatorString);
-    }
-    function handleInputChange($e) {
-        var nextInputValue = ($e.target.value || '').trim();
-        var uriEncodedValue = encodeURIComponent(nextInputValue);
-        setInputValue(uriEncodedValue);
-        if ((uriEncodedValue.length > 0) && isInputInvalid) {
-            setIsInputInvalid(false);
-        }
-    }
-}
-
-var EmbeddedDataMenu = React__default["default"].forwardRef(function EmbeddedDataMenu(props, ref) {
-    var anchor = props.anchor;
-    var onClose = props.onClose || (function () { return undefined; });
-    var popoverClassName = 'embedded-data-menu-content';
-    var ignoreClickSelector = popoverClassName;
-    var onSelect = props.onSelect || (function () { return undefined; });
-    return (React__default["default"].createElement(Popover, { show: props.show, anchor: anchor, onClose: onClose, ignoreClickSelector: ignoreClickSelector, placement: props.placement || 'right-start' },
-        React__default["default"].createElement("div", { className: "embedded-data-menu", ref: ref },
-            React__default["default"].createElement(EmbeddedDataInput, { onSelect: onSelect, keyboardCtrl: props.keyboardCtrl, ariaLabelledById: props.ariaLabelledById }))));
-});
-
-/*
-  Combines refs for using ForwardRef to manage a localRef in the component, while
-    still allowing the passed ref to function
-
-  See following reference implementations:
-    https://gitlab-app.eng.qops.net/cfe/ui/-/blob/master/packages/ui-react/src/utils/mergeRefs/mergeRefs.ts
-    https://github.com/gregberge/react-merge-refs/blob/main/src/index.tsx
-*/
-function mergeRefs(refs) {
-    return function (value) {
-        refs.forEach(function (ref) {
-            if ((typeof ref) === 'function') {
-                ref(value);
-            }
-            else if (ref !== null) {
-                ref.current = value;
-            }
-        });
-    };
-}
-
-// export const EMBEDDED_DATA_LOCATOR = 'embeddedData';
-var PipedTextMenuItem = React__default["default"].forwardRef(function PipedTextMenuItem(props, ref) {
-    var _a = React.useState(), ariaHaspopup = _a[0], setAriaHaspopup = _a[1];
-    var _b = React.useState(), tabIndex = _b[0], setTabIndex = _b[1];
-    var _c = React.useState(), role = _c[0], setRole = _c[1];
-    var _d = React.useState(), _isSubmenu = _d[0], setIsSubmenu = _d[1];
-    var _e = React.useState(), _isDecorated = _e[0], setIsDecorated = _e[1];
-    var _f = React.useState(), _isFocusable = _f[0], setIsFocusable = _f[1];
-    var _g = React.useState(), _isEmbeddedDataMenu = _g[0], setIsEmbeddedDataMenu = _g[1];
-    var localRef = React.useRef();
-    var submenuItemId = useId();
-    var pipedTextMenuId = useId();
-    React.useEffect(function () {
-        var nextIsFocusable, nextIsDecorated, nextIsSubmenu, nextIsEmbeddedDataMenu;
-        var nextTabIndex, nextAriaHaspopup, nextRole;
-        if (props.menuItem === undefined) {
-            return;
-        }
-        nextIsFocusable = checkMenuItemFocusable(props.menuItem);
-        nextIsSubmenu = checkSubmenuMenuItemItem(props.menuItem);
-        nextIsEmbeddedDataMenu = checkEmbeddedDataMenuItem(props.menuItem);
-        nextIsDecorated = checkDecoratedMenuItem(props.menuItem);
-        if (nextIsFocusable) {
-            nextTabIndex = -1;
-            nextRole = 'menuitem';
-        }
-        if (nextIsSubmenu || nextIsEmbeddedDataMenu) {
-            nextAriaHaspopup = 'menu';
-        }
-        setAriaHaspopup(nextAriaHaspopup);
-        setTabIndex(nextTabIndex);
-        setRole(nextRole);
-        setIsSubmenu(nextIsSubmenu);
-        setIsDecorated(nextIsDecorated);
-        setIsFocusable(nextIsFocusable);
-        setIsEmbeddedDataMenu(nextIsEmbeddedDataMenu);
-    }, [
-        props.menuItem,
-    ]);
-    return (React__default["default"].createElement("div", { className: 'piped-text-menu-item-container ' + ((props.isHighlighted)
-            ? 'highlighted-menu-item'
-            : ''), ref: mergeRefs([
-            ref,
-            localRef,
-        ]), "aria-haspopup": ariaHaspopup, tabIndex: tabIndex, role: role, id: ariaHaspopup ? submenuItemId : undefined, "aria-controls": ariaHaspopup ? pipedTextMenuId : undefined, "aria-expanded": props.menuItem.show, onFocus: function ($e) {
-            handleMenuItemFocused(props.menuItem);
-        }, onKeyDown: function ($e) {
-            handleKeyDown($e);
-        }, onMouseEnter: handleMouseEnter, onClick: handleClick }, getMenuItemContent(props.menuItem)));
-    function getMenuItemContent(menuItem) {
-        var innerContent, menuItemEl;
-        var menuItemHeaderClass, menuItemDisabledClass, menuItemClassName;
-        if (_isSubmenu) {
-            innerContent = (React__default["default"].createElement(PipedTextSubmenuItem, { key: menuItem.key, menuItem: menuItem, onMenuItemClick: handleMenuItemClick, keyboardCtrl: props.keyboardCtrl, pipedTextMenuId: pipedTextMenuId }));
-        }
-        else if (_isDecorated) {
-            menuItemHeaderClass = (menuItem.header === true)
-                ? 'piped-text-header'
-                : '';
-            menuItemDisabledClass = (menuItem.disabled === true)
-                ? 'piped-text-disabled'
-                : '';
-            menuItemClassName = "piped-text-menu-item ".concat(menuItemHeaderClass, " ").concat(menuItemDisabledClass);
-            innerContent = (React__default["default"].createElement("div", { className: menuItemClassName }, menuItem.label));
-        }
-        else if (_isEmbeddedDataMenu) {
-            innerContent = (React__default["default"].createElement("div", { role: 'presentation' },
-                React__default["default"].createElement(EmbeddedDataMenu, { show: menuItem.show, onSelect: handleEmbeddedDataSelect, anchor: function (_ref) { return (React__default["default"].createElement("div", { ref: _ref, className: "embedded-data-menu-anchor", "aria-hidden": 'true' })); }, keyboardCtrl: props.keyboardCtrl, ariaLabelledById: submenuItemId }),
-                React__default["default"].createElement("div", { className: "piped-text-submenu-item" },
-                    React__default["default"].createElement("div", { className: 'label-text' }, menuItem.label),
-                    React__default["default"].createElement("div", { className: "piped-text-icon" },
-                        React__default["default"].createElement(uiReact.Icon, { type: uiReact.IconTypes.ChevronRight, size: 'medium' })))));
-        }
-        else {
-            innerContent = (React__default["default"].createElement("div", { className: "piped-text-menu-item", role: 'presentation' }, menuItem.label));
-        }
-        menuItemEl = (React__default["default"].createElement("div", { className: "piped-text-menu-item-content", role: 'presentation' }, innerContent));
-        return menuItemEl;
-    }
-    function handleClick($e) {
-        if (_isSubmenu || _isEmbeddedDataMenu) {
-            handleSubmenuItemClick(props.menuItem);
-        }
-        else if (_isFocusable) {
-            handleMenuItemClick(props.menuItem);
-        }
-    }
-    function handleMouseEnter($e) {
-        if (_isSubmenu || _isEmbeddedDataMenu) {
-            handleSubmenuHover(props.menuItem);
-        }
-        else if (_isFocusable) {
-            handleMenuItemHovered(props.menuItem);
-        }
-    }
-    function handleKeyDown($e) {
-        if (!props.isHighlighted) {
-            return;
-        }
-        if (!props.keyboardCtrl.isMenuItemInCurrentFocusMenu(localRef)) {
-            return;
-        }
-        if (($e.key === ' ')
-            || ($e.key === 'Enter')) {
-            if (_isSubmenu || _isEmbeddedDataMenu) {
-                props.onSubmenuItemClick(props.menuItem);
-            }
-            else {
-                props.onMenuItemClicked(props.menuItem);
-            }
-            $e.preventDefault(); // prevent scroll
-        }
-    }
-    function handleMenuItemFocused(menuItem) {
-        if (_isSubmenu || _isEmbeddedDataMenu) {
-            props.onSubmenuHover(menuItem, localRef);
-        }
-        else {
-            props.onMenuItemHover(menuItem, localRef);
-        }
-    }
-    function handleSubmenuItemClick(menuItem) {
-        props.onSubmenuItemClick(menuItem);
-    }
-    function handleMenuItemClick(menuItem) {
-        props.onMenuItemClicked(menuItem);
-    }
-    function handleSubmenuHover(menuItem) {
-        props.onSubmenuHover(menuItem, localRef);
-    }
-    function handleMenuItemHovered(menuItem) {
-        props.onMenuItemHover(menuItem, localRef);
-    }
-    function handleEmbeddedDataSelect(edLocator) {
-        var edMenuItem;
-        /* Instead of returning the menuItem, we'll construct one that matches the interface.
-            There is no mappable "menuItem" here, when ED values are added they can be different
-            potentially every time, so we trigger events generically ad hoc
-        */
-        edMenuItem = {
-            value: {
-                locator: edLocator,
-            },
-        };
-        props.onMenuItemClicked(edMenuItem);
-    }
-});
-
-var PipedTextSearchInput = React__default["default"].forwardRef(function PipedTextSearchInput(props, ref) {
-    var textInputRef = React__default["default"].useRef();
-    return (React__default["default"].createElement("div", { className: 'piped-text-search-input', tabIndex: -1, ref: ref, onFocus: handleContainerFocus },
-        React__default["default"].createElement("form", { onSubmit: props.onSearchSubmit },
-            React__default["default"].createElement(uiReact.Input, { small: true, full: true, className: "q-plugin-popover-input", ref: textInputRef, placeholder: props.searchPlaceholder, value: props.value, onChange: props.onInputChange, onClick: props.onInputClick, onKeyDown: handleKeyDown, role: 'searchbox' }))));
-    function handleKeyDown($e) {
-        if (!TEXT_INPUT_KEYS_TO_ALLOW.includes($e.key)) {
-            $e.stopPropagation();
-        }
-    }
-    function handleContainerFocus($e) {
-        var _a;
-        if ($e.target !== textInputRef.current) {
-            (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-        props.onFocus($e);
-    }
-});
-
-var PipedTextMenuList = React__default["default"].forwardRef(function PipedTextMenuList(props, ref) {
-    var _this = this;
-    var _a, _b;
-    var _c = React.useState(false), isLoading = _c[0], setIsLoading = _c[1];
-    var _d = React.useState(false), isLoadError = _d[0], setIsLoadError = _d[1];
-    var _e = React.useState(), menuItems = _e[0], setMenuItems = _e[1];
-    var _f = React.useState(), itemsToRender = _f[0], setItemsToRender = _f[1];
-    var _g = React.useState(), menuChildren = _g[0], setMenuChildren = _g[1];
-    var _h = React.useState(), focusMenuItems = _h[0], setFocusMenuItems = _h[1];
-    var _j = React.useState(''), searchValue = _j[0], setSearchValue = _j[1];
-    var _k = React.useState(false), autoFocusedOnOpen = _k[0], setAutoFocusedOnOpen = _k[1];
-    var pipedTextMenuId = (_a = props.pipedTextMenuId) !== null && _a !== void 0 ? _a : useId();
-    var externalAriaLabelledBy = props['aria-labelledby'];
-    var localRef = React.useRef();
-    var searchRef = React.useRef();
-    /*
-      We need to track whether or not the menu component has rendered, and the
-        localRef is available, so that we can add it to the keyboardCtrl
-        before the menuItems have finished loading
-    */
-    var _l = React.useState(false), isLocalRefReady = _l[0], setIsLocalRefReady = _l[1];
-    var localRefReadyCb = React.useCallback(function (node) {
-        if (node) {
-            setIsLocalRefReady(true);
-        }
-    }, []);
-    var _m = React.useState(false), isSearchRefReady = _m[0], setIsSearchRefReady = _m[1];
-    var searchRefReadyCb = React.useCallback(function (node) {
-        if (node) {
-            setIsSearchRefReady(true);
-        }
-    }, []);
-    var isRoot = props.keyboardCtrl === undefined;
-    var _o = React.useState(isRoot
-        ? new PipedTextMenuKeyboardCtrl
-        : props.keyboardCtrl), keyboardCtrl = _o[0]; _o[1];
-    var schedulePopoverUpdate = function () {
-        var _a;
-        if (typeof ((_a = props.popoverOptionsRef) === null || _a === void 0 ? void 0 : _a.current.scheduleUpdate) === 'function') {
-            props.popoverOptionsRef.current.scheduleUpdate();
-        }
-    };
-    React.useEffect(function () {
-        var $destroy = function () {
-            keyboardCtrl.removeMenu(localRef);
-        };
-        return $destroy;
-    }, []);
-    React.useEffect(function () {
-        var nextMenuItemRefs, focusMenuItemRefs;
-        if (localRef.current
-            && searchRef.current
-            && menuChildren
-            && !isLoading) {
-            focusMenuItemRefs = React__default["default"].Children.map(focusMenuItems, function (menuChild) {
-                return menuChild.ref;
-            });
-            nextMenuItemRefs = __spreadArray([
-                searchRef
-            ], focusMenuItemRefs, true);
-            keyboardCtrl.addMenu(localRef, nextMenuItemRefs);
-            if (isRoot && (autoFocusedOnOpen === false)) {
-                setTimeout(function () {
-                    var _a;
-                    /*
-                      Hack - see https://github.com/floating-ui/react-popper/issues/395
-                        Without this, the page jitters on focus as the page scroll position
-                        updates. Using setTimeout, we give Popper one render cycle to
-                        set its own position before triggering the autofocus - then the input
-                        element will have correct positioning by the time we call .focus()
-                    */
-                    (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-                }, 0);
-                setAutoFocusedOnOpen(true);
-            }
-        }
-    }, [
-        localRef,
-        menuChildren,
-        keyboardCtrl,
-        isLoading,
-    ]);
-    React.useEffect(function () {
-        var menuItemRefs;
-        if (isLocalRefReady) {
-            menuItemRefs = [];
-            if (isSearchRefReady) {
-                menuItemRefs.push(searchRef);
-            }
-            keyboardCtrl.addMenu(localRef, menuItemRefs);
-        }
-    }, [
-        isLocalRefReady,
-        isSearchRefReady,
-    ]);
-    React.useEffect(function () {
-        if (props.items === undefined) {
-            return;
-        }
-        (function () { return __awaiter(_this, void 0, void 0, function () {
-            var rawMenuItems, nextMenuItems;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!((typeof props.items) === 'function')) return [3 /*break*/, 5];
-                        setIsLoading(true);
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, props.items()];
-                    case 2:
-                        rawMenuItems = _a.sent();
-                        return [3 /*break*/, 4];
-                    case 3:
-                        _a.sent();
-                        setIsLoadError(true);
-                        return [3 /*break*/, 4];
-                    case 4:
-                        setIsLoading(false);
-                        return [3 /*break*/, 6];
-                    case 5:
-                        rawMenuItems = props.items;
-                        _a.label = 6;
-                    case 6:
-                        try {
-                            nextMenuItems = pipedTextDataAdapter(rawMenuItems);
-                            setMenuItems(nextMenuItems);
-                        }
-                        catch (e) {
-                            setIsLoadError(true);
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        }); })();
-    }, [
-        props.items,
-    ]);
-    React.useEffect(function () {
-        var nextItemsToRender;
-        if (menuItems === undefined) {
-            return;
-        }
-        nextItemsToRender = (menuItems || []).filter(matchesSearch);
-        setItemsToRender(nextItemsToRender);
-    }, [
-        searchValue,
-        menuItems,
-    ]);
-    React.useEffect(function () {
-        var nextMenuChildren;
-        if (!Array.isArray(itemsToRender)) {
-            return;
-        }
-        nextMenuChildren = getPipedTextMenuItems(itemsToRender);
-        setMenuChildren(nextMenuChildren);
-    }, [
-        itemsToRender,
-    ]);
-    schedulePopoverUpdate();
-    return (React__default["default"].createElement("div", { className: "piped-text-menu-list ".concat((_b = props.className) !== null && _b !== void 0 ? _b : ''), ref: mergeRefs([
-            ref,
-            localRef,
-            localRefReadyCb,
-        ]), id: pipedTextMenuId, "aria-labelledby": externalAriaLabelledBy, role: "menu", 
-        // role="listbox"
-        tabIndex: (props.tabIndex === undefined)
-            ? -1
-            : props.tabIndex, onKeyDown: function ($e) {
-            handleKeyDown($e);
-        }, onFocus: function ($e) {
-            handleMenuListFocus($e);
-        } },
-        React__default["default"].createElement("div", { className: "piped-text-popover-menu", role: 'presentation' }, ((isLoadError)
-            ? (React__default["default"].createElement(PipedTextMenuLoadError, { errorText: props.errorText }))
-            : (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement(PipedTextSearchInput, { ref: mergeRefs([
-                        searchRef,
-                        searchRefReadyCb,
-                    ]), value: searchValue, onSearchSubmit: handleSearchSubmit, searchPlaceholder: props.searchPlaceholder, onInputChange: function ($e) { return onSearchInputChange($e); }, onInputClick: function ($e) { return handleSearchInputClick($e); }, onFocus: function () {
-                        handleSearchFocus();
-                    } }),
-                (isLoading)
-                    ? (React__default["default"].createElement("div", { className: "piped-text-loading-spinner" },
-                        React__default["default"].createElement(uiReact.LoadingSpinner, { show: true, size: "medium" })))
-                    : menuChildren))))));
-    function handleMenuListFocus($e) {
-        var _a;
-        if ($e.currentTarget === localRef.current) {
-            keyboardCtrl.setFocus(localRef.current);
-            if (keyboardCtrl.getFocusMenuHighlightedIdx(localRef) === -1) {
-                (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-            $e.stopPropagation();
-            $e.preventDefault();
-        }
-    }
-    function handleKeyDown($e) {
-        var currFocusMenuContainerRef;
-        switch ($e.key) {
-            case 'Tab':
-                onClose();
-        }
-        props === null || props === void 0 ? void 0 : props.menuKeyDown($e);
-        currFocusMenuContainerRef = keyboardCtrl.getCurrentFocusMenuRef();
-        if (localRef.current !== (currFocusMenuContainerRef === null || currFocusMenuContainerRef === void 0 ? void 0 : currFocusMenuContainerRef.current)) {
-            return;
-        }
-        switch ($e.key) {
-            case 'ArrowDown':
-            case 'ArrowUp':
-            case 'ArrowRight':
-            case 'ArrowLeft':
-            case 'Escape':
-            case 'PageUp':
-            case 'Home':
-            case 'PageDown':
-            case 'End':
-                keyboardCtrl.handleKeyEvent($e);
-                $e.preventDefault(); // prevent scroll
-                break;
-        }
-    }
-    function onClose() {
-        var _a;
-        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-    }
-    function onSearchInputChange(evt) {
-        var nextSearchValue;
-        nextSearchValue = evt.target.value;
-        setSearchValue(nextSearchValue);
-    }
-    function handleSearchInputClick(evt) {
-        evt.stopPropagation();
-    }
-    function matchesSearch(menuItem) {
-        var searchVal;
-        searchVal = searchValue || '';
-        return JSON.stringify(menuItem).toLowerCase().includes(searchVal.toLowerCase());
-    }
-    function handleSearchSubmit(e) {
-        var searchVal, locator, selected;
-        e.preventDefault();
-        if (!(props.allowCustom === true && props.customScheme)) {
-            return;
-        }
-        searchVal = searchValue.trim();
-        if (searchVal === '') {
-            return;
-        }
-        locator = "${".concat(props.customScheme, "://Field/").concat(encodeURIComponent(searchVal), "}");
-        selected = {
-            value: {
-                locator: locator,
-            },
-        };
-        props.onSelected(selected);
-        onClose();
-    }
-    function getPipedTextMenuItems(_menuItems) {
-        var pipedTextMenuItems, nextFocusMenuItems;
-        var focusItemIdx, currHighlightedIdx;
-        pipedTextMenuItems = [];
-        nextFocusMenuItems = [];
-        if (_menuItems.length === 0 && props.allowCustom === true && props.customInputMessage) {
-            return (React__default["default"].createElement("div", null,
-                React__default["default"].createElement("div", { className: "piped-text-information-message" }, props.customInputMessage)));
-        }
-        focusItemIdx = 0;
-        currHighlightedIdx = keyboardCtrl.getFocusMenuHighlightedIdx(localRef);
-        pipedTextMenuItems = _menuItems.map(function (menuItem) {
-            var isFocusable, menuItemEl;
-            var isHighlighted;
-            var menuItemRef = React__default["default"].createRef();
-            isFocusable = checkMenuItemFocusable(menuItem);
-            isHighlighted = (isFocusable) && ((currHighlightedIdx - 1) === focusItemIdx);
-            menuItemEl = (React__default["default"].createElement(PipedTextMenuItem, { ref: menuItemRef, key: menuItem.key, menuItem: menuItem, onSubmenuHover: submenuHovered, onMenuItemHover: menuSelectItemHovered, onMenuItemClicked: menuItemClicked, onSubmenuItemClick: submenuItemClicked, onEmbeddedDataItemClick: embeddedDataItemClicked, keyboardCtrl: keyboardCtrl, isHighlighted: isHighlighted }));
-            if (isFocusable) {
-                nextFocusMenuItems.push(menuItemEl);
-                focusItemIdx++;
-            }
-            return menuItemEl;
-        });
-        setFocusMenuItems(nextFocusMenuItems);
-        return pipedTextMenuItems;
-    }
-    function submenuHovered(menuItem, menuItemRef) {
-        var nextMenuItems;
-        nextMenuItems = menuItems.slice();
-        handleMenuItemHovered(menuItem, menuItemRef);
-        closeSubmenus(nextMenuItems);
-        setMenuItems(nextMenuItems);
-        if (!menuItem.show) {
-            menuItem.show = true;
-        }
-    }
-    function menuSelectItemHovered(menuItem, menuItemRef) {
-        var nextMenuItems;
-        nextMenuItems = menuItems.slice();
-        handleMenuItemHovered(menuItem, menuItemRef);
-        closeSubmenus(nextMenuItems);
-        setMenuItems(nextMenuItems);
-    }
-    function handleSearchFocus() {
-        var _a;
-        var nextMenuItems;
-        nextMenuItems = (_a = menuItems === null || menuItems === void 0 ? void 0 : menuItems.slice()) !== null && _a !== void 0 ? _a : [];
-        keyboardCtrl.setFocusMenuHighlightedIdx(localRef, searchRef);
-        closeSubmenus(nextMenuItems);
-        setMenuItems(nextMenuItems);
-    }
-    function handleMenuItemHovered(menuItem, menuItemRef) {
-        var _a;
-        keyboardCtrl.setFocusMenuHighlightedIdx(localRef, menuItemRef);
-        (_a = menuItemRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    function menuItemClicked(menuItem) {
-        if (!menuItem.disabled) {
-            props.onSelected(menuItem);
-        }
-    }
-    function submenuItemClicked(menuItem) {
-        console.log('PipedTextMenuList submenu click');
-        keyboardCtrl.focusNextSubmenu();
-    }
-    function embeddedDataItemClicked(menuItem) {
-        // let nextMenuItems: PipedTextMenuItemData[];
-        // nextMenuItems = menuItems.slice();
-        // menuItem.show = true;
-        // setMenuItems(nextMenuItems);
-    }
-});
-function closeSubmenus(menuItems) {
-    menuItems.forEach(function (item) {
-        if (item.show) {
-            item.show = false;
-        }
-    });
-}
-
-var css_248z$e = "div[role=\"menu\"] .piped-text-search-input-container {\n  padding: 5px 10px; }\n\n.piped-text-search-input {\n  padding: 10px 12px;\n  user-select: none;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  align-content: center;\n  padding: 4px 8px 8px; }\n  .piped-text-search-input input.q-plugin-popover-input {\n    box-sizing: border-box;\n    height: 36px;\n    padding: 7px 9px; }\n\n.piped-text-menu-empty-anchor {\n  /* the margin-right hack was not in harmony with tao.\n      now, the empty-anchor is truly empty */ }\n\n.piped-text-submenu-item-container {\n  position: relative; }\n  .piped-text-submenu-item-container .piped-text-menu .piped-text-submenu-anchor {\n    position: absolute;\n    z-index: -1;\n    bottom: 0;\n    top: 0;\n    left: 0;\n    right: 0;\n    min-width: 100%; }\n\n.piped-text-submenu-item {\n  padding-right: 24px; }\n\n.piped-text-information-message {\n  padding: 10px 12px;\n  user-select: none;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  color: #74777A;\n  text-align: center;\n  white-space: pre-line; }\n\n.piped-text-loading-spinner {\n  width: fit-content;\n  margin: 0 auto; }\n\n.piped-text-error-container {\n  color: #BB0000; }\n  .piped-text-error-container .piped-text-error-icon {\n    padding: 8px 0; }\n    .piped-text-error-container .piped-text-error-icon svg {\n      fill: #BB0000;\n      display: block;\n      margin: 0 auto; }\n  .piped-text-error-container .piped-text-error-text {\n    text-align: center;\n    white-space: pre-line;\n    padding: 0 12px 8px; }\n";
-styleInject(css_248z$e);
-
-/* eslint-disable-next-line prefer-arrow-callback */
-var PipedTextMenu = React__default["default"].forwardRef(function PipedTextMenu(props, ref) {
-    var optionsRef = React.useRef({});
-    var _a = React.useState(props.show), isMenuOpen = _a[0], setIsMenuOpen = _a[1];
-    var externalAriaLabelledBy = props['aria-labelledby'];
-    var onClose = props.onClose || (function () { return undefined; });
-    /*
-      This ref is left for use cases where the
-        container popover may need to be referenced
-        directly
-    */
-    var _b = React.useState(null); _b[0]; var setPopoverEl = _b[1];
-    var popoverRefCb = React.useCallback(function (el) {
-        setPopoverEl(el);
-    }, []);
-    React.useEffect(function () {
-        if (props.show) {
-            setIsMenuOpen(true);
-        }
-    }, [props.show]);
-    React.useEffect(function () {
-        return function () { return onClose(); };
-    }, []);
-    var _onClose = function () {
-        onToggleClick(false);
-        onClose();
-    };
-    var onToggleClick = function (force) {
-        var nextIsMenuOpen;
-        nextIsMenuOpen = ((typeof force) === 'boolean')
-            ? force
-            : !isMenuOpen;
-        setIsMenuOpen(nextIsMenuOpen);
-    };
-    return (React__default["default"].createElement("div", { className: "piped-text-menu" },
-        React__default["default"].createElement(Popover, { show: isMenuOpen, onClose: _onClose, placement: props.placement || 'right-start', anchor: props.anchor, ignoreClickSelector: props.ignoreClickSelector },
-            React__default["default"].createElement(PipedTextMenuList, { className: "piped-text-popover-container", items: props.items, errorText: props.errorText, "aria-labelledby": externalAriaLabelledBy, ref: popoverRefCb, allowCustom: props.allowCustom, customInputMessage: props.customInputMessage, customScheme: props.customScheme, searchPlaceholder: props.searchPlaceholder, onSelected: function (menuItem) {
-                    props.onSelected(menuItem);
-                    closeAndFocusAnchor();
-                }, onClose: function () { return onClose(); }, popoverOptionsRef: optionsRef, keyboardCtrl: props.keyboardCtrl, menuKeyDown: handleMenuKeyDown, pipedTextMenuId: props.pipedTextMenuId }),
-            React__default["default"].createElement(OptionsPlaceholder, { optionsRef: optionsRef }))));
-    function handleMenuKeyDown($e) {
-        switch ($e.key) {
-            case 'Tab':
-            case 'Escape':
-                closeAndFocusAnchor();
-                break;
-        }
-    }
-    function closeAndFocusAnchor() {
-        var _a, _b;
-        onClose();
-        (_b = (_a = props.anchorRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
-    }
-});
-function OptionsPlaceholder(props) {
-    return (React__default["default"].createElement("div", null));
-}
-/*
-  Takes piped text menu input data and formats it to be compatible
-    with the piped-text-select component(s)
-*/
-function pipedTextDataAdapter(pipedTextData, recursed) {
-    var uniqueKey;
-    if (!recursed) {
-        pipedTextData = _cloneDeep__default["default"](pipedTextData);
-    }
-    uniqueKey = 1;
-    pipedTextData.forEach(function (pipedTextItem) {
-        pipedTextItem.key = pipedTextItem.key || uniqueKey++;
-        pipedTextItem.hasSubmenu = (!!_get__default["default"](pipedTextItem, 'submenu.items.length') || ((typeof _get__default["default"](pipedTextItem, 'submenu.items')) === 'function'));
-        if (pipedTextItem.hasSubmenu || pipedTextItem.value === EMBEDDED_DATA_LOCATOR) {
-            pipedTextItem.show = false; // used by menu component to show/hide submenu popover
-        }
-        if (pipedTextItem.hasSubmenu) {
-            if (!(typeof pipedTextItem.submenu.items === 'function')) {
-                pipedTextDataAdapter(pipedTextItem.submenu.items, true);
-            }
-        }
-    });
-    return pipedTextData;
-}
-
-var css_248z$d = ".piped-text-dropdown button[type=button].popover-toggle-button {\n  min-width: 128px; }\n\n.piped-text-popover-container {\n  padding: 0; }\n  .piped-text-popover-container > * {\n    min-height: 32px; }\n  .piped-text-popover-container .piped-text-submenu-item .label-text, .piped-text-popover-container .piped-text-submenu-item > .piped-text-icon {\n    display: inline-block;\n    vertical-align: middle;\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n    -webkit-hyphens: auto;\n    -ms-hyphens: auto;\n    -moz-hyphens: auto;\n    hyphens: auto; }\n  .piped-text-popover-container .piped-text-submenu-item .piped-text-icon {\n    display: inline-block;\n    box-sizing: content-box;\n    position: absolute;\n    right: 0;\n    max-width: 24px;\n    min-width: 24px;\n    max-height: 24px; }\n    .piped-text-popover-container .piped-text-submenu-item .piped-text-icon > svg {\n      position: relative;\n      margin-left: -5px;\n      margin-top: -3px; }\n";
-styleInject(css_248z$d);
-
-var defaultAnchor = function defaultAnchor(ref) {
-  return React__default["default"].createElement("div", {
-    ref: ref,
-    className: "piped-text-menu-empty-anchor"
-  });
-};
-
-function PipedTextSelect(props) {
-  var _useState = React.useState(props.show),
-      _useState2 = _slicedToArray(_useState, 2),
-      isMenuOpen = _useState2[0],
-      setIsMenuOpen = _useState2[1];
-
-  var _useState3 = React.useState(initializePipedText()),
-      _useState4 = _slicedToArray(_useState3, 2),
-      pipedTextItems = _useState4[0],
-      setPipedTextItems = _useState4[1];
-
-  var defaultAnchorRef = React.useRef(null);
-  var externalAnchor = props.anchor;
-  var ariaLabelledBy = props['aria-labelledby'];
-  React.useEffect(function () {
-    return function () {
-      return onClose();
-    };
-  }, []);
-  React.useEffect(function () {
-    var nextIsMenuOpen;
-    nextIsMenuOpen = props.show;
-    setIsMenuOpen(nextIsMenuOpen);
-  }, [props.show]);
-  React.useEffect(function () {
-    var formattedPipedText = initializePipedText();
-    setPipedTextItems(formattedPipedText);
-  }, [props.items]);
-
-  var onClose = function onClose() {
-    if (props.onClose) {
-      props.onClose();
-    }
-  };
-
-  var onSelect = function onSelect(selected) {
-    props.onSelect(selected);
-    onClose();
-  };
-
-  var actualAnchor = externalAnchor !== undefined ? React__default["default"].cloneElement(externalAnchor, {
-    ref: externalAnchor.ref
-  }) : defaultAnchor(defaultAnchorRef);
-  var anchorRef = props.anchorRef || actualAnchor.ref;
-  return React__default["default"].createElement("div", {
-    className: "piped-text-dropdown"
-  }, isMenuOpen && React__default["default"].createElement(PipedTextMenu, {
-    onClose: onClose,
-    show: isMenuOpen,
-    onSelected: onSelect,
-    items: pipedTextItems,
-    anchor: actualAnchor,
-    anchorRef: anchorRef,
-    ignoreClickSelector: props.ignoreClickSelector,
-    "aria-labelledby": ariaLabelledBy
-  }));
-
-  function initializePipedText() {
-    if (props.items) {
-      return pipedTextDataAdapter(props.items);
-    }
-  }
-}
-
-var css_248z$c = ".piped-text-input .piped-text-input-toggle, .piped-text-input .piped-text-select-container {\n  display: inline-block; }\n\n.piped-text-input .piped-text-input-toggle {\n  display: flex; }\n  .piped-text-input .piped-text-input-toggle input {\n    flex: 1 1;\n    box-sizing: border-box; }\n  .piped-text-input .piped-text-input-toggle.multiline-input textarea {\n    flex: 1 1;\n    box-sizing: border-box; }\n  .piped-text-input .piped-text-input-toggle input + button, .piped-text-input .piped-text-input-toggle textarea + button {\n    margin-left: 4px; }\n\n.piped-text-input .addon-text-container {\n  /*\n      These styles are intended to match CFE QDS components,\n        notably FormField and InputField.\n        See: https://gitlab-app.eng.qops.net/cfe/ui/-/blob/master/packages/ui-react/src/FormField/Caption.less\n    */\n  margin-top: 6px; }\n  .piped-text-input .addon-text-container .helper-text, .piped-text-input .addon-text-container .error-text {\n    font-size: 12px; }\n  .piped-text-input .addon-text-container .helper-text {\n    color: #74777a;\n    fill: #74777a; }\n    .piped-text-input .addon-text-container .helper-text + .error-text {\n      margin-top: 4px; }\n  .piped-text-input .addon-text-container .error-text {\n    display: flex;\n    align-items: center;\n    color: #b00;\n    fill: #b00; }\n    .piped-text-input .addon-text-container .error-text .error-text-icon svg {\n      margin-left: -2px;\n      margin-right: 3px;\n      width: 16px;\n      height: 16px; }\n";
-styleInject(css_248z$c);
-
-function PipedTextInput(props) {
-    var _a = React.useState(false), showMenu = _a[0], setShowMenu = _a[1];
-    var _b = React.useState(), cursorPosition = _b[0], setCursorPosition = _b[1];
-    var pipedTextButtonId = useId();
-    var pipedTextButtonRef = React.useRef(null);
-    /*
-      This has to be an Object type ref instead of 'string' or React will lose
-        track of state, and the supplied props input value will become stale
-    */
-    var _c = React.useState({
-        value: props.value || ''
-    }), inputRefValue = _c[0], setInputRefValue = _c[1];
-    var items = props.items, value = props.value, placeholder = props.placeholder, onChange = props.onChange, onSelect = props.onSelect, onClose = props.onClose, errorText = props.errorText, helperText = props.helperText, _d = props.multiline, multiline = _d === void 0 ? false : _d, restProps = __rest(props, ["items", "value", "placeholder", "onChange", "onSelect", "onClose", "errorText", "helperText", "multiline"]);
-    React.useEffect(function () {
-        updateCursorPosition();
-        if (onSelect !== undefined && (typeof onSelect) !== 'function') {
-            throw new Error('PipedTextInput: onSelect property must be a function');
-        }
-        if (onChange !== undefined && (typeof onChange) !== 'function') {
-            throw new Error('PipedTextInput: onChange property must be a function');
-        }
-    }, []);
-    React.useEffect(function () {
-        var nextInputValue;
-        if ((typeof value) === 'string') {
-            nextInputValue = value;
-        }
-        else {
-            nextInputValue = '';
-        }
-        setInputRefValue({
-            value: nextInputValue,
-        });
-    }, [props.value]);
-    return (React__default["default"].createElement("div", { className: "piped-text-input" },
-        React__default["default"].createElement("div", { className: 'piped-text-input-toggle popover-toggle' + (multiline ? ' multiline-input' : '') },
-            React__default["default"].createElement(uiReact.Input, __assign({ value: inputRefValue.value, onChange: function (evt) {
-                    onInputChange(evt);
-                }, onBlur: onInputBlur, placeholder: placeholder, multiline: multiline }, restProps)),
-            React__default["default"].createElement(uiReact.IconButton, { id: pipedTextButtonId, "aria-label": "PipedText", "aria-haspopup": "menu", "aria-expanded": showMenu ? true : undefined, role: "button", onClick: toggleMenu, ref: pipedTextButtonRef },
-                React__default["default"].createElement(icons.PipedTextIcon, null)),
-            React__default["default"].createElement("div", { className: "piped-text-select-container" },
-                React__default["default"].createElement(PipedTextSelect, { items: items, onSelect: pipedTextSelected, show: showMenu, onClose: handleClose, ignoreClickSelector: "piped-text-input-toggle", anchorRef: pipedTextButtonRef, "aria-labelledby": pipedTextButtonId }))),
-        showAddonText() && (React__default["default"].createElement("div", { className: "addon-text-container" },
-            helperText && (React__default["default"].createElement("div", { className: "helper-text" }, helperText)),
-            errorText && (React__default["default"].createElement("div", { className: "error-text" },
-                React__default["default"].createElement("div", { className: "error-text-icon" },
-                    React__default["default"].createElement(icons.ErrorIcon, null)),
-                React__default["default"].createElement("div", { className: "error-text-content" }, errorText)))))));
-    function showAddonText() {
-        return ((helperText !== undefined) || (errorText !== undefined));
-    }
-    function updateCursorPosition() {
-        if ((cursorPosition === undefined) && value) {
-            var initialCursorPositon = (value.length - 1) || 0;
-            setCursorPosition(initialCursorPositon);
-        }
-        else {
-            // default to 0 if no cursorPosition is found or no value is passed
-            setCursorPosition(0);
-        }
-    }
-    function handleClose() {
-        if (onClose) {
-            onClose();
-        }
-        setShowMenu(false);
-    }
-    function pipedTextSelected(selected) {
-        var nextInputValue, prependString, appendString;
-        handleSelect(selected);
-        if (_get__default["default"](selected, 'value.locator')) {
-            prependString = inputRefValue.value.substring(0, cursorPosition);
-            appendString = inputRefValue.value.substring(cursorPosition);
-            nextInputValue = "".concat(prependString).concat(selected.value.locator).concat(appendString);
-            setInputRefValue({
-                value: nextInputValue,
-            });
-            handleChange(nextInputValue);
-        }
-    }
-    function toggleMenu() {
-        var nextShowMenu;
-        nextShowMenu = !showMenu;
-        if (!nextShowMenu) {
-            handleClose();
-        }
-        setShowMenu(nextShowMenu);
-    }
-    function onInputChange(evt) {
-        var nextInputValue;
-        nextInputValue = evt.target.value;
-        setInputRefValue({
-            value: nextInputValue,
-        });
-        handleChange(nextInputValue, evt);
-    }
-    function onInputBlur(evt) {
-        var nextCursorPosition;
-        nextCursorPosition = evt.target.selectionStart;
-        setCursorPosition(nextCursorPosition);
-    }
-    function handleChange(value, evt) {
-        if (onChange) {
-            onChange(value, evt);
-        }
-    }
-    function handleSelect(selected) {
-        if (onSelect) {
-            onSelect(selected);
-        }
-    }
-}
-
-var css_248z$b = ".field-row {\n  min-width: 475px;\n  display: flex;\n  align-items: center; }\n  .field-row .field-selector, .field-row .field-input, .field-row .delete-row, .field-row .required-indicator {\n    display: inline-block; }\n  .field-row .field-selector, .field-row .field-input {\n    padding: 0 10px; }\n  .field-row .custom-field-name, .field-row .field-input, .field-row .delete-row {\n    box-sizing: border-box; }\n  .field-row .field-selector {\n    min-width: 30%; }\n    .field-row .field-selector.required-field button:hover {\n      cursor: not-allowed; }\n    .field-row .field-selector .required-indicator-container {\n      padding-left: 12px;\n      display: flex;\n      color: #32363A; }\n      .field-row .field-selector .required-indicator-container .required-indicator-text {\n        min-width: 0;\n        font-size: 14px; }\n      .field-row .field-selector .required-indicator-container .required-indicator-symbol {\n        margin-top: -2px; }\n    .field-row .field-selector .left-align {\n      text-align: left; }\n    .field-row .field-selector .custom-field-name {\n      padding-left: 16px;\n      padding-right: 30px; }\n      .field-row .field-selector .custom-field-name input {\n        text-align: center;\n        display: inline-block;\n        width: 100%;\n        padding: 0; }\n  .field-row .field-input-container {\n    display: flex;\n    flex: 1 0;\n    align-items: center; }\n    .field-row .field-input-container .field-input {\n      flex: 1;\n      min-width: 0;\n      margin-right: 4px; }\n    .field-row .field-input-container .delete-row {\n      max-width: 36px;\n      margin-left: 12px;\n      vertical-align: middle; }\n      .field-row .field-input-container .delete-row .icon-wrapper {\n        display: block;\n        width: fit-content;\n        margin: 0 auto;\n        min-width: 41px; }\n        .field-row .field-input-container .delete-row .icon-wrapper:hover {\n          cursor: pointer; }\n  .field-row .full-width {\n    width: 100%; }\n";
-styleInject(css_248z$b);
-
-function FieldRow(props) {
-  var _useState = React.useState(props.children),
-      _useState2 = _slicedToArray(_useState, 2),
-      children = _useState2[0],
-      setChildren = _useState2[1];
-
-  React.useEffect(function () {
-    var nextChildren;
-
-    if (!Array.isArray(children)) {
-      nextChildren = [];
-      nextChildren.push(children);
-      setChildren(nextChildren);
-    }
-  }, []);
-  React.useEffect(function () {
-    var nextChildren;
-    nextChildren = props.children.slice();
-    setChildren(nextChildren);
-  }, [props.children]);
-
-  var getRowDelete = function getRowDelete() {
-    var handleDelete = function handleDelete() {
-      if (typeof props.onRemove === 'function') {
-        props.onRemove(props.id);
-      }
-    };
-
-    return React__default["default"].createElement("div", {
-      className: "icon-wrapper",
-      onClick: handleDelete
-    }, !props.required && React__default["default"].createElement(uiReact.IconButton, {
-      "aria-label": "RemoveRow",
-      size: "medium"
-    }, React__default["default"].createElement(icons.RemoveItemIcon, null)));
-  };
-
-  var handleFieldSwitch = function handleFieldSwitch(newFieldId) {
-    if (typeof props.onFieldSwitch === 'function') {
-      props.onFieldSwitch(props.id, newFieldId);
-    }
-  };
-
-  var handleFieldNameChange = function handleFieldNameChange(event) {
-    if (typeof props.onFieldNameChange === 'function') {
-      props.onFieldNameChange(props.id, event);
-    }
-  };
-
-  var handleFieldValueChange = function handleFieldValueChange(value, event) {
-    if (typeof props.onFieldValueChange === 'function') {
-      props.onFieldValueChange(props.id, value, event);
-    }
-  };
-
-  var shouldDisableTooltip = function shouldDisableTooltip(tooltipValue) {
-    if (typeof tooltipValue === 'string') {
-      return tooltipValue.trim().length === 0;
-    }
-
-    if (typeof tooltipValue === 'function' || tooltipValue === undefined || tooltipValue === null) {
-      return true;
-    }
-
-    return "".concat(tooltipValue).trim().length === 0;
-  };
-
-  var getFieldSelector = function getFieldSelector() {
-    var getInternalContent = function getInternalContent() {
-      if (props.isCustom) {
-        return React__default["default"].createElement(uiReact.Input, {
-          full: true,
-          value: props.fieldName === undefined ? '' : props.fieldName,
-          placeholder: props.customNamePlaceholder === undefined ? '' : props.customNamePlaceholder,
-          className: "custom-field-name",
-          onChange: handleFieldNameChange
-        });
-      }
-
-      if (props.required || !props.children || Array.isArray(children) && children.length === 0) {
-        if (props.subMenu) {
-          return React__default["default"].createElement(uiReact.SelectMenu, {
-            searchable: props.searchable !== undefined && props.searchable !== false,
-            defaultLabel: props.fieldName || '',
-            label: props.fieldName,
-            className: "full-width left-align",
-            onChange: handleFieldSwitch
-          }, createMenuItems([{
-            id: props.id,
-            name: props.fieldName,
-            subMenu: props.subMenu,
-            subMenuLabel: props.subMenuLabel
-          }]));
-        } else {
-          return React__default["default"].createElement("div", {
-            className: "required-indicator-container"
-          }, React__default["default"].createElement("div", {
-            className: "required-indicator-text"
-          }, props.fieldName), props.required && React__default["default"].createElement("div", {
-            className: "required-indicator-symbol"
-          }, "*"));
-        }
-      }
-
-      return React__default["default"].createElement(uiReact.SelectMenu, {
-        searchable: props.searchable !== undefined && props.searchable !== false,
-        defaultLabel: props.fieldName || '',
-        label: props.fieldName,
-        className: "full-width left-align",
-        onChange: handleFieldSwitch
-      }, createMenuItems(children));
-    };
-
-    var tooltipContent = React__default["default"].createElement("div", null, props.nameTooltip);
-    return React__default["default"].createElement(uiReact.Tooltip, {
-      disabled: !props.isCustom || shouldDisableTooltip(props.nameTooltip),
-      placement: "top",
-      content: tooltipContent
-    }, React__default["default"].createElement("div", null, getInternalContent()));
-  };
-
-  var createMenuItems = function createMenuItems(items) {
-    return items.map(function (_ref) {
-      var id = _ref.id,
-          name = _ref.name,
-          subMenu = _ref.subMenu,
-          subMenuLabel = _ref.subMenuLabel;
-      return subMenu !== undefined ? React__default["default"].createElement(uiReact.SelectMenu, {
-        label: subMenuLabel ? subMenuLabel : name,
-        key: id
-      }, createMenuItems(subMenu)) : React__default["default"].createElement(uiReact.MenuItem, {
-        key: id,
-        value: id
-      }, name);
-    });
-  };
-
-  var getFieldInput = function getFieldInput() {
-    var getInternalContent = function getInternalContent() {
-      if (props.customInput) {
-        return props.customInput;
-      } else {
-        return React__default["default"].createElement(PipedTextInput, {
-          items: props.pipedTextItems,
-          value: props.value === undefined ? '' : props.value,
-          onChange: handleFieldValueChange,
-          placeholder: props.valuePlaceholder === undefined ? '' : props.valuePlaceholder
-        });
-      }
-    };
-
-    var tooltipContent = React__default["default"].createElement("div", null, props.valueTooltip);
-    return React__default["default"].createElement(uiReact.Tooltip, {
-      disabled: shouldDisableTooltip(props.valueTooltip),
-      placement: "top",
-      content: tooltipContent
-    }, React__default["default"].createElement("div", null, getInternalContent()));
-  };
-
-  return React__default["default"].createElement("div", {
-    className: "field-row"
-  }, React__default["default"].createElement("div", {
-    className: "field-selector ".concat(props.required && !props.subMenu ? 'required-field' : '')
-  }, getFieldSelector()), React__default["default"].createElement("div", {
-    className: "field-input-container"
-  }, React__default["default"].createElement("div", {
-    className: "field-input"
-  }, getFieldInput()), React__default["default"].createElement("div", {
-    className: "delete-row"
-  }, getRowDelete())));
-}
-
-var css_248z$a = "";
-styleInject(css_248z$a);
-
-function FieldItem(props) {
-  var label = props.name || undefined;
-
-  var handleClick = function handleClick() {
-    if (typeof props.onClick === 'function') {
-      props.onClick(props.id);
-    }
-  };
-
-  return React__default["default"].createElement("div", {
-    className: "field-item",
-    onClick: handleClick
-  }, label);
-}
-
-var css_248z$9 = ".task-fields .add-field-button {\n  margin-right: 100px; }\n  .task-fields .add-field-button .add-field-button-label {\n    padding: 0 3px; }\n\n.task-fields .field-table {\n  padding-right: 100px;\n  overflow-x: auto; }\n  .task-fields .field-table .field-headers {\n    margin-bottom: 10px;\n    padding-left: 12px; }\n    .task-fields .field-table .field-headers .field-row {\n      color: #6A6D70;\n      font-weight: bold; }\n      .task-fields .field-table .field-headers .field-row .field-selector label, .task-fields .field-table .field-headers .field-row .field-input label {\n        font-size: 12px; }\n      .task-fields .field-table .field-headers .field-row .field-selector {\n        padding-top: 0;\n        padding-right: 24px;\n        padding-bottom: 0;\n        padding-left: 0; }\n      .task-fields .field-table .field-headers .field-row .field-input {\n        padding-top: 0;\n        padding-right: 0;\n        padding-bottom: 0;\n        padding-left: 12px; }\n  .task-fields .field-table .field-rows {\n    padding-bottom: 12px; }\n    .task-fields .field-table .field-rows .field-row {\n      border-top: 1px solid #E5E5E5; }\n      .task-fields .field-table .field-rows .field-row .field-selector {\n        padding-top: 8px;\n        padding-right: 12px;\n        padding-bottom: 8px;\n        padding-left: 12px; }\n      .task-fields .field-table .field-rows .field-row .field-input {\n        border-left: 1px solid #E5E5E5;\n        padding-top: 8px;\n        padding-right: 0;\n        padding-bottom: 8px;\n        padding-left: 12px; }\n\n.q-popover .field-item {\n  padding: 5px 32px; }\n  .q-popover .field-item:hover {\n    cursor: pointer;\n    user-select: none;\n    background: #007ac0;\n    color: #fff;\n    fill: #fff; }\n";
-styleInject(css_248z$9);
-
-var uuidv4 = uuid__default["default"].v4;
-var CUSTOM_TYPE = 'custom';
-function TaskFields(props) {
-  var _useState = React.useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      fieldsInUse = _useState2[0],
-      setFieldsInUse = _useState2[1];
-
-  var _useState3 = React.useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      availableFields = _useState4[0],
-      setAvailableFields = _useState4[1];
-
-  var _useState5 = React.useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      allFieldOptions = _useState6[0],
-      setAllFieldOptions = _useState6[1];
-
-  var onFieldSwitch = function onFieldSwitch(oldId, newId) {
-    if (typeof props.onFieldSwitch === 'function') {
-      props.onFieldSwitch(oldId, newId);
-    }
-  };
-
-  var onFieldValueChange = function onFieldValueChange(fieldId, value, event) {
-    if (typeof props.onFieldInputChange === 'function') {
-      props.onFieldInputChange(fieldId, value, event);
-    }
-  };
-
-  var onFieldNameChange = function onFieldNameChange(fieldId, event) {
-    var changeFn = _get__default["default"](props, 'customFieldOptions.onCustomFieldNameChange');
-
-    if (typeof changeFn === 'function') {
-      changeFn(fieldId, event);
-    }
-  };
-
-  var getFieldRows = function getFieldRows() {
-    return fieldsInUse.map(function (field) {
-      return React__default["default"].createElement(FieldRow, {
-        customInput: field.children,
-        required: field.required,
-        fieldName: field.name,
-        id: field.id,
-        subMenu: field.subMenu,
-        subMenuLabel: field.subMenuLabel,
-        nameTooltip: field.type === CUSTOM_TYPE ? _get__default["default"](props, 'customFieldOptions.nameTooltip', '') : field.nameTooltip,
-        valueTooltip: field.type === CUSTOM_TYPE ? _get__default["default"](props, 'customFieldOptions.valueTooltip', '') : field.valueTooltip,
-        onFieldNameChange: onFieldNameChange,
-        onFieldValueChange: onFieldValueChange,
-        onFieldSwitch: onFieldSwitch,
-        onRemove: onFieldRemove,
-        isCustom: field.type === CUSTOM_TYPE,
-        key: field.id,
-        value: field.value,
-        valuePlaceholder: field.type === CUSTOM_TYPE ? _get__default["default"](props, 'customFieldOptions.valuePlaceholder', '') : field.valuePlaceholder,
-        customNamePlaceholder: _get__default["default"](props, 'customFieldOptions.namePlaceholder', ''),
-        pipedTextItems: props.pipedTextItems,
-        searchable: props.searchable
-      }, allFieldOptions && getFieldsForFieldRow(availableFields, allFieldOptions, field.id));
-    });
-  };
-
-  var getFieldsForFieldRow = function getFieldsForFieldRow(allAvailableFields, allFields, fieldId) {
-    var fieldsToAdd = allAvailableFields.slice();
-    allFields.forEach(function (field) {
-      if (field.subMenu !== undefined && fieldId === field.id) {
-        var foundIndex = fieldsToAdd.findIndex(function (fieldToAdd) {
-          return fieldToAdd.id === field.id;
-        });
-
-        if (foundIndex === -1) {
-          fieldsToAdd.push(field);
-        }
-      }
-    });
-    return fieldsToAdd;
-  };
-
-  var onFieldAdd = function onFieldAdd(fieldId) {
-    if (typeof props.onFieldAdd === 'function') {
-      props.onFieldAdd(fieldId);
-    }
-  };
-
-  var onCustomFieldAdd = function onCustomFieldAdd() {
-    var handleFn = _get__default["default"](props, 'customFieldOptions.onCustomFieldAdd', function () {});
-
-    handleFn();
-  };
-
-  var getAvailableFields = function getAvailableFields() {
-    return availableFields.map(function (field) {
-      return React__default["default"].createElement(FieldItem, {
-        name: field.name,
-        type: field.type,
-        required: field.required,
-        key: field.id,
-        id: field.id,
-        subMenu: field.subMenu,
-        subMenuLabel: field.subMenuLabel
-      });
-    });
-  };
-
-  var onFieldRemove = function onFieldRemove(fieldId) {
-    if (typeof props.onFieldRemove === 'function') {
-      props.onFieldRemove(fieldId);
-    }
-  };
-
-  var getFieldsInUse = function getFieldsInUse(allFieldOptions) {
-    var nextFieldsInUse = [];
-    var taskFieldsChildren;
-
-    if (allFieldOptions === undefined) {
-      return undefined;
-    }
-
-    if (!Array.isArray(props.children)) {
-      taskFieldsChildren = [];
-      taskFieldsChildren.push(props.children);
-    } else {
-      taskFieldsChildren = props.children;
-    }
-
-    nextFieldsInUse = getRequiredFields(taskFieldsChildren);
-    nextFieldsInUse = getFieldsWithValues(nextFieldsInUse);
-    nextFieldsInUse = getInlineFields(nextFieldsInUse, taskFieldsChildren);
-    return nextFieldsInUse;
-
-    function getInlineFields(fieldsInUse, fieldChildren) {
-      var nextFieldsInUse = fieldsInUse.slice();
-      var values = props.values || [];
-      nextFieldsInUse = nextFieldsInUse.map(function (nextFieldInUse) {
-        var foundFieldValue, foundNextChild, foundFieldOption;
-        foundFieldValue = values.find(function (value) {
-          return value.id === nextFieldInUse.id;
-        });
-        foundFieldOption = fieldChildren.find(function (child) {
-          return child.props.id === foundFieldValue.id;
-        });
-
-        if (foundFieldOption !== undefined && !nextFieldInUse.required) {
-          foundNextChild = fieldChildren.find(function (nextChild) {
-            return nextChild.props.id === foundFieldValue.id;
-          });
-          nextFieldInUse = Object.assign({}, nextFieldInUse, {
-            name: foundNextChild.props.name,
-            id: foundNextChild.props.id,
-            children: foundNextChild.props.children,
-            nameTooltip: foundNextChild.props.nameTooltip,
-            valueTooltip: foundNextChild.props.valueTooltip,
-            valuePlaceholder: foundNextChild.props.valuePlaceholder,
-            subMenu: foundNextChild.props.subMenu,
-            subMenuLabel: foundNextChild.props.subMenuLabel
-          });
-        }
-
-        return nextFieldInUse;
-      });
-      return nextFieldsInUse;
-    }
-
-    function getRequiredFields(fieldsToSearch) {
-      var requiredFields = [];
-      fieldsToSearch.forEach(function (field) {
-        if (field.props.required) {
-          requiredFields.push({
-            required: field.props.required,
-            name: field.props.name,
-            id: field.props.id,
-            children: field.props.children,
-            nameTooltip: field.props.nameTooltip,
-            valueTooltip: field.props.valueTooltip,
-            value: field.props.value || undefined,
-            valuePlaceholder: field.props.valuePlaceholder,
-            subMenu: field.props.subMenu,
-            subMenuLabel: field.props.subMenuLabel
-          });
-        }
-      });
-      return requiredFields;
-    }
-
-    function getFieldsWithValues(fieldsInUse) {
-      var nextFieldsInUse = fieldsInUse.slice();
-      var fieldValues = props.values || [];
-      fieldValues.forEach(function (currentField) {
-        var fieldMetadata = allFieldOptions.find(function (field) {
-          return field.id === currentField.id;
-        });
-
-        if (fieldMetadata !== undefined) {
-          setFieldValue(nextFieldsInUse, currentField, fieldMetadata);
-        } else if (props.customFieldOptions) {
-          var customFieldValue = {
-            required: false,
-            name: currentField.name,
-            id: currentField.id,
-            value: currentField.value,
-            nameTooltip: _get__default["default"](props, 'customFieldOptions.nameTooltip', ''),
-            valueTooltip: _get__default["default"](props, 'customFieldOptions.valueTooltip', ''),
-            namePlaceholder: _get__default["default"](props, 'customFieldOptions.namePlaceholder', ''),
-            type: CUSTOM_TYPE,
-            subMenu: currentField.subMenu,
-            subMenuLabel: currentField.subMenuLabel
-          };
-          nextFieldsInUse.push(customFieldValue);
-        }
-      });
-      return nextFieldsInUse;
-
-      function setFieldValue(fieldsInUse, fieldValue, fieldMetadata) {
-        var field = fieldsInUse.find(function (field) {
-          return field.id === fieldValue.id;
-        });
-
-        if (field !== undefined) {
-          field.value = fieldValue.value;
-        } else {
-          var newField = _cloneDeepWith__default["default"](fieldMetadata, function (value) {
-            if (React__default["default"].isValidElement(value)) {
-              return React__default["default"].cloneElement(value);
-            }
-          });
-
-          newField.value = fieldValue.value;
-          fieldsInUse.push(newField);
-        }
-      }
-    }
-  };
-
-  var updateAvailableFields = function updateAvailableFields() {
-    var nextAllFieldOptions = props.children.map(function (child) {
-      var childProps = child.props;
-      return {
-        required: childProps.required,
-        name: childProps.name,
-        id: childProps.id,
-        children: childProps.children,
-        nameTooltip: childProps.nameTooltip,
-        valueTooltip: childProps.valueTooltip,
-        valuePlaceholder: childProps.valuePlaceholder,
-        subMenu: childProps.subMenu,
-        subMenuLabel: childProps.subMenuLabel
-      };
-    });
-    var nextFieldsInUse = getFieldsInUse(nextAllFieldOptions);
-    var nextAvailableFields = nextAllFieldOptions.filter(function (field) {
-      var foundFieldIdx = nextFieldsInUse.findIndex(function (usedField) {
-        return field.id === usedField.id;
-      });
-      return foundFieldIdx === -1;
-    });
-    setAllFieldOptions(nextAllFieldOptions);
-    setFieldsInUse(nextFieldsInUse);
-    setAvailableFields(nextAvailableFields);
-  };
-
-  React.useEffect(function () {
-    updateAvailableFields();
-  }, []);
-  React.useEffect(function () {
-    updateAvailableFields();
-  }, [props.values]);
-  return React__default["default"].createElement("div", {
-    className: "task-fields"
-  }, React__default["default"].createElement("div", {
-    className: "field-table",
-    tabIndex: "0"
-  }, React__default["default"].createElement("div", {
-    className: "field-headers"
-  }, React__default["default"].createElement(AddFieldHeaders, {
-    itemHeaderText: props.fieldItemsHeaderText,
-    inputHeaderText: props.fieldInputsHeaderText
-  })), React__default["default"].createElement("div", {
-    className: "field-rows"
-  }, getFieldRows())), React__default["default"].createElement("div", {
-    className: "add-field-container"
-  }, React__default["default"].createElement(AddFieldButton, {
-    label: props.addFieldLabel,
-    onFieldAdded: onFieldAdd,
-    disableAddFieldPopover: props.disableAddFieldPopover,
-    allowCustom: props.customFieldOptions,
-    customLabel: _get__default["default"](props, 'customFieldOptions.label', ''),
-    onCustomFieldAdded: props.customFieldOptions ? onCustomFieldAdd : function () {}
-  }, getAvailableFields())));
-}
-
-function AddFieldButton(props) {
-  var label = props.label || '';
-  var customLabel = props.customLabel || '';
-  var disableAddFieldPopover = props.disableAddFieldPopover;
-
-  var _useState7 = React.useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      popoverShow = _useState8[0],
-      setPopoverShow = _useState8[1];
-
-  var customId = uuidv4();
-  var CUSTOM_OPTION = React__default["default"].createElement(FieldItem, {
-    key: customId,
-    onClick: function onClick() {
-      props.onCustomFieldAdded();
-      setPopoverShow(false);
-    },
-    id: customId,
-    name: customLabel
-  });
-
-  var onPopoverClose = function onPopoverClose() {
-    setPopoverShow(false);
-  };
-
-  var children = [];
-
-  var onPopoverAnchorClick = function onPopoverAnchorClick() {
-    if (!disableAddFieldPopover) {
-      setPopoverShow(!popoverShow);
-    } else {
-      props.onFieldAdded(props.children !== 0 ? getFieldIdWhenPopoverIsClicked(props.children[0].props) : '');
-    }
-  };
-
-  var getFieldIdWhenPopoverIsClicked = function getFieldIdWhenPopoverIsClicked(field) {
-    if (field.subMenu) {
-      return getFieldIdWhenPopoverIsClicked(field.subMenu[0]);
-    } else {
-      return field.id;
-    }
-  };
-
-  children = props.children.map(function (child) {
-    return React__default["default"].createElement(FieldItem, {
-      name: child.props.name,
-      key: child.props.id,
-      id: child.props.id,
-      subMenu: child.props.subMenu,
-      onClick: function onClick(fieldId) {
-        setPopoverShow(false);
-        props.onFieldAdded(fieldId);
-      }
-    });
-  });
-
-  if (props.allowCustom) {
-    children.push(CUSTOM_OPTION);
-  }
-
-  return React__default["default"].createElement("div", {
-    className: "add-field-button-container"
-  }, React__default["default"].createElement(Popover, {
-    show: popoverShow,
-    onClose: onPopoverClose,
-    ignoreClickSelector: ".add-field-button",
-    anchor: React__default["default"].createElement(uiReact.Button, {
-      disabled: children.length === 0,
-      kind: "secondary",
-      className: "add-field-button",
-      onClick: onPopoverAnchorClick
-    }, React__default["default"].createElement("span", {
-      className: "add-field-button-label"
-    }, label))
-  }, children));
-}
-
-function AddFieldHeaders(props) {
-  var itemHeaderText = props.itemHeaderText,
-      inputHeaderText = props.inputHeaderText;
-
-  if (itemHeaderText || inputHeaderText) {
-    return React__default["default"].createElement("div", {
-      className: "field-row"
-    }, React__default["default"].createElement("div", {
-      className: "field-selector"
-    }, React__default["default"].createElement(uiReact.Label, null, itemHeaderText)), React__default["default"].createElement("div", {
-      className: "field-input"
-    }, React__default["default"].createElement(uiReact.Label, null, inputHeaderText)));
-  } else {
-    return null;
-  }
-}
-
-var css_248z$8 = ".select-item .item {\n  padding: 5px 32px;\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%; }\n  .select-item .item .checked-container, .select-item .item .item-content {\n    display: inline-block; }\n  .select-item .item .checked-container {\n    margin-bottom: -3px;\n    transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.1s; }\n    .select-item .item .checked-container.checked {\n      opacity: 1; }\n    .select-item .item .checked-container:not(.checked) {\n      opacity: 0; }\n  .select-item .item:hover {\n    cursor: pointer;\n    user-select: none;\n    background: #007ac0;\n    color: #fff;\n    fill: #fff; }\n";
-styleInject(css_248z$8);
-
-function SelectItem(props) {
-  var checked = props.checked || false;
-  var children = props.children || '';
-  return React__default["default"].createElement("div", {
-    className: "select-item",
-    onClick: function onClick(event) {
-      return props.onChange(props.value, event);
-    }
-  }, React__default["default"].createElement("div", {
-    className: "item"
-  }, React__default["default"].createElement("div", {
-    className: "checked-container ".concat(checked ? 'checked' : '')
-  }, React__default["default"].createElement(uiReact.Icon, {
-    type: uiReact.IconTypes.Check,
-    size: "medium"
-  })), React__default["default"].createElement("div", {
-    className: "item-content"
-  }, children)));
-}
-
-var css_248z$7 = "";
-styleInject(css_248z$7);
-
-function MultiselectDropdown(props) {
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isDropdownOpen = _useState2[0],
-      setIsDropdownOpen = _useState2[1];
-
-  var label = props.label || '';
-
-  var onPopoverClose = function onPopoverClose() {
-    setIsDropdownOpen(false);
-  };
-
-  var handleChange = function handleChange(value, event) {
-    if (typeof props.onChange === 'function') {
-      props.onChange(value, event);
-    }
-  };
-
-  var renderToggleButton = function renderToggleButton() {
-    return React__default["default"].createElement("div", {
-      className: "multiselect-dropdown-toggle"
-    }, React__default["default"].createElement(uiReact.Button, {
-      onClick: function onClick() {
-        setIsDropdownOpen(!isDropdownOpen);
-      }
-    }, label));
-  };
-
-  var children = props.children || [];
-
-  if (!Array.isArray(children)) {
-    var temp = [];
-    temp.push(children);
-    children = temp;
-  }
-
-  return React__default["default"].createElement("div", {
-    className: "multiselect-dropdown"
-  }, React__default["default"].createElement(Popover, {
-    show: isDropdownOpen,
-    onClose: onPopoverClose,
-    ignoreClickSelector: ".multiselect-dropdown-toggle",
-    anchor: renderToggleButton()
-  }, children.map(function (child) {
-    return React__default["default"].createElement(SelectItem, {
-      onChange: handleChange,
-      checked: child.props.checked,
-      value: child.props.value,
-      key: child.props.value
-    }, child.props.children);
-  })));
-}
-
-var css_248z$6 = ".dynamic-search-input .search-input {\n  box-sizing: border-box; }\n\n.dynamic-search-popover-child {\n  padding: 5px 32px; }\n  .dynamic-search-popover-child:hover {\n    cursor: pointer;\n    user-select: none;\n    background: #007ac0;\n    color: #fff;\n    fill: #fff; }\n";
-styleInject(css_248z$6);
-
-function DynamicSearchInput(props) {
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isDropdownOpen = _useState2[0],
-      setIsDropdownOpen = _useState2[1];
-
-  var _useState3 = React.useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      searchResults = _useState4[0],
-      setSearchResults = _useState4[1];
-
-  var _useState5 = React.useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      inputValue = _useState6[0],
-      setInputValue = _useState6[1];
-
-  React.useEffect(function () {
-    if (props.search && typeof props.search !== 'function') {
-      throw new Error('DynamicSearchInput: Expected function for search property');
-    }
-
-    if (props.onChange && typeof props.onChange !== 'function') {
-      throw new Error("DynamicSearchInput: Expected onChange to be a function. Received type ".concat(_typeof(props.onChange)));
-    }
-
-    if (!props.search && props.items === undefined) {
-      throw new Error('DynamicSearchInput: Expected one of either items or search function but found neither');
-    }
-
-    if (props.search && props.items !== undefined) {
-      throw new Error('DynamicSearchInput: Expected one of either items or search function but found both');
-    }
-
-    if (props.items !== undefined) {
-      if (!Array.isArray(props.items)) {
-        throw new Error('DynamicSearchInput: expected items property to be an Array');
-      }
-
-      props.items.forEach(function (item) {
-        if (item.props.label === undefined) {
-          throw new Error('DynamicSearchInput: expected items in items property to have "label" property');
-        }
-      });
-    }
-  }, []);
-
-  var handleChange = function handleChange(value, event) {
-    if (typeof props.onChange === 'function') {
-      props.onChange(value, event);
-    }
-  };
-
-  var handleSearchItemSelected = function handleSearchItemSelected(value) {
-    setInputValue(value);
-    handleChange(value);
-    setIsDropdownOpen(false);
-  };
-
-  var onPopoverClose = function onPopoverClose() {
-    setIsDropdownOpen(false);
-  };
-
-  var defaultSearch = function () {
-    var _ref = _asyncToGenerator(_regeneratorRuntime().mark(function _callee(value) {
-      var results;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              value = ((value || '') + '').trim().toLowerCase();
-
-              if (!(value === '')) {
-                _context.next = 3;
-                break;
-              }
-
-              return _context.abrupt("return", []);
-
-            case 3:
-              results = props.items.filter(function (item) {
-                return item.props.label.toLowerCase().includes(value);
-              });
-              return _context.abrupt("return", results);
-
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function defaultSearch(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  var handleInputChange = function () {
-    var _ref2 = _asyncToGenerator(_regeneratorRuntime().mark(function _callee2(event) {
-      var inputVal, searchFunc, results, resultsType, nextSearchResults;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              event.persist();
-              inputVal = _get__default["default"](event, 'target.value', '');
-              searchFunc = props.search ? props.search : defaultSearch;
-              _context2.next = 5;
-              return searchFunc(inputVal);
-
-            case 5:
-              results = _context2.sent;
-
-              if (Array.isArray(results)) {
-                _context2.next = 9;
-                break;
-              }
-
-              resultsType = typeof results === 'undefined' && 'undefined' || results === null && 'null' || results.constructor && results.constructor.name || results;
-              throw new Error("DynamicSearchInput: expected result from search function to be Array, but was ".concat(resultsType));
-
-            case 9:
-              nextSearchResults = results.map(function (result) {
-                if (_get__default["default"](result, 'props.label') === undefined) {
-                  throw new Error('DynamicSearchInput: expected search result array values to have label property but found none');
-                }
-
-                return React__default["default"].createElement(SearchItem, {
-                  key: result.props.id,
-                  onClick: function onClick() {
-                    handleSearchItemSelected(result.props.label);
-                  }
-                }, result);
-              });
-              setInputValue(inputVal);
-
-              if (nextSearchResults.length > 0) {
-                setIsDropdownOpen(true);
-              } else {
-                setIsDropdownOpen(false);
-              }
-
-              setSearchResults(nextSearchResults);
-              handleChange(inputVal, event);
-
-            case 14:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
-
-    return function handleInputChange(_x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  return React__default["default"].createElement("div", {
-    className: "dynamic-search-input"
-  }, React__default["default"].createElement(Popover, {
-    show: isDropdownOpen,
-    onClose: onPopoverClose,
-    anchor: React__default["default"].createElement(uiReact.Input, {
-      className: "search-input",
-      full: true,
-      small: true,
-      placeholder: props.placeholder,
-      value: inputValue,
-      onChange: handleInputChange
-    })
-  }, searchResults));
-}
-
-function SearchItem(props) {
-  return React__default["default"].createElement("div", {
-    className: "dynamic-search-popover-child",
-    onClick: props.onClick
-  }, props.children);
-}
-
-var css_248z$5 = ".capture-event .capture-event-controls {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 20px; }\n  .capture-event .capture-event-controls .status-message {\n    font-size: 12px;\n    line-height: 16px;\n    display: flex;\n    align-items: center;\n    gap: 4px; }\n    .capture-event .capture-event-controls .status-message.pending {\n      color: #74777a; }\n    .capture-event .capture-event-controls .status-message.success {\n      color: #107e3e;\n      fill: #107e3e; }\n    .capture-event .capture-event-controls .status-message.failure {\n      color: #bb0000;\n      fill: #bb0000; }\n";
-styleInject(css_248z$5);
-
-function CaptureEvent(props) {
-    return (React__default["default"].createElement("div", { className: "capture-event" },
-        React__default["default"].createElement("div", { className: "capture-event-controls" },
-            getCaptureEventButton(),
-            getStatusMessage()),
-        props.payload !== undefined && (React__default["default"].createElement(uiReact.FormField, { isReadOnly: true },
-            React__default["default"].createElement(uiReact.InputField, { "aria-readonly": true, label: props.payloadLabelTranslation, multiline: true, readOnly: true, full: true, value: props.payload, className: "polled-response-output" })))));
-    function getCaptureEventButton() {
-        if (props.status === 'pending') {
-            return (React__default["default"].createElement("div", { className: "capture-event-button-container" },
-                React__default["default"].createElement(uiReact.Button, { kind: "secondary", onClick: function () { return props.onCancel(); } }, props.cancelCaptureTranslation)));
-        }
-        else {
-            return (React__default["default"].createElement("div", { className: "capture-event-button-container" },
-                React__default["default"].createElement(uiReact.Button, { kind: "primary", onClick: function () { return props.onStart(); } }, props.startCaptureTranslation)));
-        }
-    }
-    function getStatusMessage() {
-        var statusMessages = {
-            default: ['', undefined],
-            pending: [props.pendingStatusTranslation, React__default["default"].createElement(uiReact.LoadingSpinner, { size: "small", show: true })],
-            success: [props.successStatusTranslation, React__default["default"].createElement(icons.SuccessIcon, { size: "small" })],
-            failure: [props.failureStatusTranslation, React__default["default"].createElement(icons.ErrorIcon, { size: "small" })]
-        };
-        var _a = statusMessages[props.status], statusLabel = _a[0], statusIcon = _a[1];
-        return (React__default["default"].createElement("div", { className: "status-message ".concat(props.status) },
-            statusIcon,
-            statusLabel));
-    }
-}
-
-var css_248z$4 = ".copy-text {\n  display: flex;\n  column-gap: 8px; }\n  .copy-text .input-container {\n    width: 100%; }\n    .copy-text .input-container .input-textbox {\n      width: 100%; }\n  .copy-text .copy-button-container .selected-button {\n    display: flex; }\n    .copy-text .copy-button-container .selected-button .selected-button-text {\n      display: flex;\n      align-self: center; }\n";
-styleInject(css_248z$4);
-
-var COPY_BUTTON_SELECTED_TEXT_TIME = 1.5 * 1000; // seconds * milliseconds
-function CopyText(props) {
-    var _a = React.useState(false), copyButtonSelected = _a[0], setCopyButtonSelected = _a[1];
-    return (React__default["default"].createElement("div", { className: "copy-text" },
-        React__default["default"].createElement("div", { className: "input-container" },
-            React__default["default"].createElement(uiReact.Input, { className: "input-textbox", defaultValue: props.text, "aria-readonly": true, readOnly: true })),
-        React__default["default"].createElement("div", { className: "copy-button-container" },
-            React__default["default"].createElement(uiReact.Button, { kind: "secondary", disabled: copyButtonSelected, onClick: copyTextToClipboard }, getCopyButtonContent()))));
-    function copyTextToClipboard() {
-        try {
-            navigator.clipboard.writeText(props.text);
-            setCopyButtonSelected(true);
-            setTimeout(function () { return setCopyButtonSelected(false); }, COPY_BUTTON_SELECTED_TEXT_TIME);
-        }
-        catch (err) {
-            console.error('Failed to copy text');
-            console.error(err);
-        }
-    }
-    function getCopyButtonContent() {
-        if (copyButtonSelected) {
-            return (React__default["default"].createElement("div", { className: "selected-button" },
-                React__default["default"].createElement("div", { className: "selected-button-icon" },
-                    React__default["default"].createElement(icons.CheckIcon, null)),
-                React__default["default"].createElement("div", { className: "selected-button-text" }, props.copySelectedTranslation)));
-        }
-        else {
-            return (React__default["default"].createElement("div", { className: "default-button" }, props.copyTranslation));
-        }
-    }
-}
-
-var css_248z$3 = ".field-mapper {\n  padding-bottom: 12px; }\n  .field-mapper .field-mapper-row-container .field-mapper-row {\n    border-top: 1px solid #E5E5E5; }\n  .field-mapper .field-mapper-row-container.field-mapper-header-row {\n    margin-bottom: 10px;\n    padding-left: 12px; }\n    .field-mapper .field-mapper-row-container.field-mapper-header-row .field-mapper-row {\n      border: 0; }\n    .field-mapper .field-mapper-row-container.field-mapper-header-row .field-mapper-key, .field-mapper .field-mapper-row-container.field-mapper-header-row .field-mapper-value {\n      border: 0;\n      display: flex;\n      align-items: center; }\n      .field-mapper .field-mapper-row-container.field-mapper-header-row .field-mapper-key .field-mapper-header-cell, .field-mapper .field-mapper-row-container.field-mapper-header-row .field-mapper-value .field-mapper-header-cell {\n        color: #6A6D70;\n        font-weight: bold;\n        font-size: 12px; }\n    .field-mapper .field-mapper-row-container.field-mapper-header-row .field-mapper-key {\n      padding-top: 0;\n      padding-right: 24px;\n      padding-bottom: 0;\n      padding-left: 0; }\n    .field-mapper .field-mapper-row-container.field-mapper-header-row .field-mapper-value {\n      padding-top: 0;\n      padding-right: 0;\n      padding-bottom: 0;\n      padding-left: 12px; }\n  .field-mapper .add-field-button-container {\n    padding-top: 12px; }\n";
-styleInject(css_248z$3);
-
-function isString(val) {
-    return (typeof val) === 'string';
-}
-
-var css_248z$2 = ".field-mapper-row .field-mapper-row-content {\n  display: flex;\n  align-items: center; }\n  .field-mapper-row .field-mapper-row-content .field-mapper-key {\n    flex: 4;\n    min-width: 33%; }\n  .field-mapper-row .field-mapper-row-content .field-mapper-value {\n    flex: 7; }\n  .field-mapper-row .field-mapper-row-content .remove-row-container {\n    min-height: 100%;\n    padding: 8px 12px;\n    border-left: 1px solid #E5E5E5; }\n    .field-mapper-row .field-mapper-row-content .remove-row-container.hide-remove-button {\n      border: 0; }\n    .field-mapper-row .field-mapper-row-content .remove-row-container .empty-remove-button {\n      min-width: 36px; }\n";
-styleInject(css_248z$2);
-
-var css_248z$1 = ".field-mapper-key {\n  padding-top: 8px;\n  padding-right: 12px;\n  padding-bottom: 8px;\n  padding-left: 12px; }\n  .field-mapper-key .field-mapper-key-select-container .field-mapper-key-dropdown {\n    width: 100%; }\n  .field-mapper-key .field-mapper-key-select-container .field-mapper-key-dropdown-button {\n    width: 100%; }\n  .field-mapper-key .field-mapper-key-select-container .field-mapper-key-disabled {\n    opacity: 1;\n    /*\n        Styles below are copied \n            verbatim from the styles on the <span> element\n            in the QDS Dropdwon & DropdownButton components\n      */\n    /*[BEGIN COPIED STYLES]*/\n    line-height: normal;\n    padding: 0 4px 0 12px;\n    display: inline-flex;\n    justify-content: space-between;\n    align-items: center;\n    background-color: #fafafa;\n    color: #32363a;\n    border-color: rgba(137, 137, 137, 0.6);\n    /*[END COPIED STYLES]*/ }\n    .field-mapper-key .field-mapper-key-select-container .field-mapper-key-disabled .field-mapper-key-disabled-text {\n      /*[BEGIN COPIED STYLES]*/\n      font-size: 14px;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      min-height: 10px;\n      /*[END COPIED STYLES]*/\n      opacity: 0.9; }\n    .field-mapper-key .field-mapper-key-select-container .field-mapper-key-disabled .field-mapper-key-disabled-icon {\n      /*[BEGIN COPIED STYLES]*/\n      fill: #515559;\n      /*[END COPIED STYLES]*/\n      opacity: 0.6; }\n  .field-mapper-key .field-mapper-key-select-container .required-field-container {\n    display: flex; }\n    .field-mapper-key .field-mapper-key-select-container .required-field-container .required-field-text {\n      min-width: 0;\n      font-size: 14px; }\n    .field-mapper-key .field-mapper-key-select-container .required-field-container .required-field-symbol {\n      margin-top: -2px; }\n";
-styleInject(css_248z$1);
-
-var FieldMapperKey = React__default["default"].forwardRef(function FieldMapperKey(props, ref) {
-    var _a, _b, _c, _d, _e;
-    var availableFields;
-    var onFieldKeyChange;
-    availableFields = Array.isArray(props.availableFields)
-        ? props.availableFields
-        : [];
-    onFieldKeyChange = (typeof props.onChange === 'function')
-        ? props.onChange
-        : function () { return undefined; };
-    return (React__default["default"].createElement("div", { className: 'field-mapper-key' + (props.className ? ' ' + props.className : ''), ref: ref }, (React__default["default"].Children.count(props.children) > 0)
-        ? props.children
-        : (React__default["default"].createElement("div", { className: "field-mapper-key-select-container" }, fieldMapperKeyDropdownDisabled()
-            ? (React__default["default"].createElement(uiReact.Button, { className: "field-mapper-key-disabled", disabled: true, full: true },
-                React__default["default"].createElement("div", { className: "field-mapper-key-disabled-text" }, (_a = props.selectedField) === null || _a === void 0 ? void 0 : _a.label),
-                React__default["default"].createElement(icons.ChevronDownIcon, { className: "field-mapper-key-disabled-icon", size: "medium", "aria-hidden": "true" })))
-            : (((_b = props.selectedField) === null || _b === void 0 ? void 0 : _b.required) === true)
-                ? (React__default["default"].createElement("div", { className: "required-field-container" },
-                    React__default["default"].createElement("div", { className: "required-field-text" }, (_c = props.selectedField) === null || _c === void 0 ? void 0 : _c.label),
-                    React__default["default"].createElement("div", { className: "required-field-symbol" }, "*")))
-                : (React__default["default"].createElement(uiReact.Dropdown, { className: "field-mapper-key-dropdown", onChange: handleFieldKeyChange },
-                    React__default["default"].createElement(uiReact.DropdownButton, { className: "field-mapper-key-dropdown-button", label: (_d = props.selectedField) === null || _d === void 0 ? void 0 : _d.label }),
-                    React__default["default"].createElement(uiReact.DropdownList, null, (_e = props.availableFields) === null || _e === void 0 ? void 0 : _e.map(function (fieldItem) {
-                        return (React__default["default"].createElement(uiReact.DropdownOption, { key: fieldItem.key, label: fieldItem.label, value: fieldItem.value }));
-                    }))))))));
-    function handleFieldKeyChange(value) {
-        var foundSelectedFieldKey;
-        foundSelectedFieldKey = availableFields.find(function (availableField) {
-            return availableField.value === value;
-        });
-        if (foundSelectedFieldKey === undefined) {
-            return;
-        }
-        onFieldKeyChange(props.selectedField, foundSelectedFieldKey);
-    }
-    function fieldMapperKeyDropdownDisabled() {
-        var _a;
-        var hasAvailableFields;
-        hasAvailableFields = (availableFields === null || availableFields === void 0 ? void 0 : availableFields.length) > 0;
-        return !hasAvailableFields && !((_a = props.selectedField) === null || _a === void 0 ? void 0 : _a.required);
-    }
-});
-
-var css_248z = ".field-mapper-value {\n  border-left: 1px solid #E5E5E5;\n  padding-top: 8px;\n  padding-right: 12px;\n  padding-bottom: 8px;\n  padding-left: 12px; }\n";
-styleInject(css_248z);
-
-var FieldMapperValue = React__default["default"].forwardRef(function FieldMapperValue(props, ref) {
-    var _a, _b;
-    return (React__default["default"].createElement("div", { className: 'field-mapper-value' + (props.className ? ' ' + props.className : ''), ref: ref }, (React__default["default"].Children.count(props.children) > 0)
-        ? props.children
-        : (React__default["default"].createElement("div", { className: "piped-text-input-value-container" },
-            React__default["default"].createElement(PipedTextInput, { items: (_a = props.pipedTextItems) !== null && _a !== void 0 ? _a : [], onChange: (_b = props.onChange) !== null && _b !== void 0 ? _b : (function () { return undefined; }), value: props.inputValue })))));
-});
-
-var FieldMapperRow = React__default["default"].forwardRef(function FieldMapperRow(props, ref) {
-    return (React__default["default"].createElement("div", { className: 'field-mapper-row' + (props.className ? ' ' + props.className : ''), ref: ref },
-        React__default["default"].createElement("div", { className: "field-mapper-row-content" },
-            React__default["default"].Children.map(props.children, function (child) {
-                return getWrappedKeyValue(child);
-            }),
-            React__default["default"].createElement("div", { className: 'remove-row-container' + ((props.showRemove === false) ? ' hide-remove-button' : '') }, (props.showRemove === false)
-                ? (React__default["default"].createElement("div", { className: "empty-remove-button" }))
-                : (React__default["default"].createElement(uiReact.IconButton
-                /*
-                  TODO: Require an i18n string to be passed in for a11y labels
-                */
-                , { "aria-label": "Remove", onClick: function ($e) { return handleRemoveClick(); } },
-                    React__default["default"].createElement(icons.RemoveItemIcon, null)))))));
-    function handleRemoveClick(evt) {
-        var _a;
-        (_a = props.onFieldRemove) === null || _a === void 0 ? void 0 : _a.call(props, props.selectedField);
-    }
-    function getWrappedKeyValue(child) {
-        var _a, _b, _c, _d;
-        var wrappedEl;
-        var fieldMapperKeyProps, fieldMapperValueProps;
-        var includeAvailableFields, includeSelectedField, includeOnFieldKeyChange;
-        var includePipedTextItems, includeOnFieldValueChange;
-        fieldMapperKeyProps = {};
-        fieldMapperValueProps = {};
-        switch (child.type) {
-            case FieldMapperKey:
-                includeAvailableFields = (!Array.isArray(child.props.availableFields)
-                    && (((_a = props.availableFields) === null || _a === void 0 ? void 0 : _a.length) > 0));
-                includeSelectedField = (((typeof child.props.selectedField) !== 'object')
-                    && (props.selectedField !== undefined));
-                includeOnFieldKeyChange = (((typeof child.props.onChange) !== 'function')
-                    && ((typeof props.onFieldKeyChange) === 'function'));
-                if (includeAvailableFields) {
-                    fieldMapperKeyProps.availableFields = (_c = (_b = props.availableFields) === null || _b === void 0 ? void 0 : _b.slice()) !== null && _c !== void 0 ? _c : [];
-                }
-                if (includeSelectedField) {
-                    fieldMapperKeyProps.selectedField = Object.assign({}, props.selectedField);
-                }
-                if (includeOnFieldKeyChange) {
-                    fieldMapperKeyProps.onChange = function (prevField, fieldItem) {
-                        props.onFieldKeyChange(prevField, fieldItem);
-                    };
-                }
-                if (React__default["default"].isValidElement(child)
-                    && (includeAvailableFields
-                        || includeSelectedField
-                        || includeOnFieldKeyChange)) {
-                    child = React__default["default"].cloneElement(child, fieldMapperKeyProps);
-                }
-                wrappedEl = child;
-                break;
-            case FieldMapperValue:
-                includePipedTextItems = (!Array.isArray(child.props.pipedTextItems)
-                    && (((_d = props.pipedTextItems) === null || _d === void 0 ? void 0 : _d.length) > 0));
-                includeOnFieldValueChange = (((typeof child.props.onChange) !== 'function')
-                    && ((typeof props.onFieldValueChange) === 'function'));
-                if (includePipedTextItems) {
-                    fieldMapperValueProps.pipedTextItems = props.pipedTextItems;
-                }
-                if (includeOnFieldValueChange) {
-                    fieldMapperValueProps.onChange = function (value) {
-                        props.onFieldValueChange(props.selectedField, value);
-                    };
-                }
-                if (React__default["default"].isValidElement(child)
-                    && (includePipedTextItems
-                        || includeOnFieldValueChange)) {
-                    child = React__default["default"].cloneElement(child, fieldMapperValueProps);
-                }
-                wrappedEl = child;
-                break;
-            default:
-                wrappedEl = child;
-        }
-        return wrappedEl;
-    }
-});
-
-var MISSING_TRANSLATION_WARNING = '{{MISSING_I18N_STRING}}';
-var FieldMapper = React__default["default"].forwardRef(function FieldMapper(props, ref) {
-    var _a, _b, _c, _d, _e, _f;
-    return (React__default["default"].createElement("div", { className: 'field-mapper ' + ((_a = props.className) !== null && _a !== void 0 ? _a : ''), ref: ref },
-        hasHeaderRow() && (React__default["default"].createElement("div", { className: "field-mapper-row-container field-mapper-header-row" },
-            React__default["default"].createElement(FieldMapperRow, { showRemove: false },
-                React__default["default"].createElement(FieldMapperKey, null,
-                    React__default["default"].createElement("div", { className: "field-mapper-header-cell field-mapper-key-header" }, (_b = props.fieldKeysHeaderText) !== null && _b !== void 0 ? _b : '')),
-                React__default["default"].createElement(FieldMapperValue, null,
-                    React__default["default"].createElement("div", { className: "field-mapper-header-cell field-mapper-value-header" }, (_c = props.fieldValuesHeaderText) !== null && _c !== void 0 ? _c : ''))))),
-        React__default["default"].createElement("div", { className: "field-mapper-row-container" }, React__default["default"].Children.map(props.children, function (child) {
-            return getWrappedFieldRow(child);
-        })),
-        React__default["default"].createElement("div", { className: "add-field-button-container" }, isAddFieldDisabled()
-            ? (React__default["default"].createElement(uiReact.Button, { disabled: true, kind: "secondary", className: "add-field-button" },
-                React__default["default"].createElement("div", { className: "add-field-icon" },
-                    React__default["default"].createElement(icons.AddIcon, null)),
-                React__default["default"].createElement("div", { className: "add-field-button-label" }, (_d = props.addFieldLabel) !== null && _d !== void 0 ? _d : MISSING_TRANSLATION_WARNING)))
-            : (React__default["default"].createElement(uiReact.Dropdown, null,
-                React__default["default"].createElement(uiReact.DropdownButton, null,
-                    React__default["default"].createElement(uiReact.Button, { className: "add-field-button", kind: "secondary" },
-                        React__default["default"].createElement("div", { className: "add-field-icon" },
-                            React__default["default"].createElement(icons.AddIcon, null)),
-                        React__default["default"].createElement("div", { className: "add-field-button-label" }, (_e = props.addFieldLabel) !== null && _e !== void 0 ? _e : MISSING_TRANSLATION_WARNING))),
-                React__default["default"].createElement(uiReact.DropdownList, null, (_f = props.availableFields) === null || _f === void 0 ? void 0 : _f.map(function (fieldItem) {
-                    return (React__default["default"].createElement(uiReact.DropdownOption, { key: fieldItem.key, value: fieldItem.value, label: fieldItem.label, onSelect: function ($e) {
-                            handleDropdownSelect(fieldItem.value);
-                        } }));
-                })))))));
-    function hasHeaderRow() {
-        return (isString(props.fieldKeysHeaderText)
-            || isString(props.fieldValuesHeaderText));
-    }
-    function getWrappedFieldRow(child) {
-        var _a, _b, _c;
-        var wrappedEl;
-        var fieldMapperRowProps;
-        var includeAvailableFields, includeOnFieldRemove, includePipedTextItems, includeOnFieldKeyChange, includeOnFieldValueChange, includeShowRemove;
-        fieldMapperRowProps = {};
-        switch (child.type) {
-            case FieldMapperRow:
-                wrappedEl = child;
-                break;
-            default:
-                wrappedEl = (React__default["default"].createElement(FieldMapperRow, null, child));
-        }
-        includeAvailableFields = (!Array.isArray(wrappedEl.props.availableFields)
-            && (((_a = props.availableFields) === null || _a === void 0 ? void 0 : _a.length) > 0));
-        includeOnFieldRemove = (((typeof wrappedEl.props.onFieldRemove) !== 'function')
-            && ((typeof props.onFieldRemove) === 'function'));
-        includePipedTextItems = (!Array.isArray(wrappedEl.props.pipedTextItems)
-            && (((_b = props.pipedTextItems) === null || _b === void 0 ? void 0 : _b.length) > 0));
-        includeOnFieldKeyChange = (((typeof wrappedEl.props.onFieldKeyChange) !== 'function')
-            && (typeof props.onFieldKeyChange === 'function'));
-        includeOnFieldValueChange = (((typeof wrappedEl.props.onFieldValueChange) !== 'function')
-            && (typeof props.onFieldValueChange === 'function'));
-        includeShowRemove = (((typeof wrappedEl.props.showRemove !== 'boolean'))
-            && ((typeof ((_c = child.props.selectedField) === null || _c === void 0 ? void 0 : _c.required)) === 'boolean'));
-        if (includeAvailableFields) {
-            fieldMapperRowProps.availableFields = props.availableFields.slice();
-        }
-        if (includeOnFieldRemove) {
-            fieldMapperRowProps.onFieldRemove = function (fieldItem) {
-                return props.onFieldRemove(fieldItem);
-            };
-        }
-        if (includePipedTextItems) {
-            fieldMapperRowProps.pipedTextItems = props.pipedTextItems;
-        }
-        if (includeOnFieldKeyChange) {
-            fieldMapperRowProps.onFieldKeyChange = function (prevField, fieldItem) {
-                return props.onFieldKeyChange(prevField, fieldItem);
-            };
-        }
-        if (includeOnFieldValueChange) {
-            fieldMapperRowProps.onFieldValueChange = function (fieldItem, inputValue) {
-                return props.onFieldValueChange(fieldItem, inputValue);
-            };
-        }
-        if (includeShowRemove) {
-            fieldMapperRowProps.showRemove = !child.props.selectedField.required;
-        }
-        wrappedEl = React__default["default"].cloneElement(wrappedEl, fieldMapperRowProps);
-        return wrappedEl;
-    }
-    function handleDropdownSelect(value) {
-        var foundFieldMapperItem;
-        foundFieldMapperItem = props.availableFields.find(function (availableField) {
-            return availableField.value === value;
-        });
-        if (foundFieldMapperItem) {
-            props.onFieldAdd(foundFieldMapperItem);
-        }
-    }
-    function isAddFieldDisabled() {
-        var hasAvailableFields;
-        hasAvailableFields = ((Array.isArray(props.availableFields))
-            && (props.availableFields.length > 0));
-        return !hasAvailableFields;
-    }
-});
-
-exports.CaptureEvent = CaptureEvent;
-exports.CopyText = CopyText;
-exports.DynamicSearchInput = DynamicSearchInput;
-exports.FieldItem = FieldItem;
-exports.FieldMapper = FieldMapper;
-exports.FieldMapperKey = FieldMapperKey;
-exports.FieldMapperRow = FieldMapperRow;
-exports.FieldMapperValue = FieldMapperValue;
-exports.MultiselectDropdown = MultiselectDropdown;
-exports.PipedTextInput = PipedTextInput;
-exports.PipedTextSelect = PipedTextSelect;
-exports.PluginSdkService = PluginSdkService;
-exports.Popover = Popover;
-exports.SelectItem = SelectItem;
-exports.TaskFields = TaskFields;
-exports.languageCodeAdapter = languageCodeAdapter;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("core-js/modules/es.object.to-string.js"),require("core-js/modules/es.promise.js"),require("core-js/modules/es.object.keys.js"),require("core-js/modules/es.array.includes.js"),require("core-js/modules/es.string.includes.js"),require("core-js/modules/es.array.find-index.js"),require("core-js/modules/es.array.splice.js"),require("core-js/modules/es.array.for-each.js"),require("core-js/modules/web.dom-collections.for-each.js");var e=require("react"),t=require("lodash.get"),n=require("@qualtrics/ui-react"),r=require("@qualtrics/ui-react/icons");require("core-js/modules/es.string.anchor.js");var i=require("lodash.clonedeep");require("core-js/modules/es.array.concat.js"),require("core-js/modules/es.array.is-array.js");var o=require("react-popper"),a=require("react-dom"),l=require("uuid");require("core-js/modules/es.array.map.js"),require("core-js/modules/es.function.name.js"),require("core-js/modules/es.array.slice.js"),require("core-js/modules/es.array.iterator.js"),require("core-js/modules/web.dom-collections.iterator.js"),require("core-js/modules/es.array.find.js"),require("core-js/modules/es.object.assign.js"),require("core-js/modules/es.array.filter.js");var u=require("lodash.clonedeepwith");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("core-js/modules/es.string.trim.js"),require("core-js/modules/es.regexp.exec.js"),require("core-js/modules/es.string.search.js");var c=d(e),s=d(t),p=d(i),f=d(a),m=d(l),h=d(u);function v(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function g(){
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+g=function(){return e};var e={},t=Object.prototype,n=t.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},i=r.iterator||"@@iterator",o=r.asyncIterator||"@@asyncIterator",a=r.toStringTag||"@@toStringTag";function l(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{l({},"")}catch(e){l=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var i=t&&t.prototype instanceof s?t:s,o=Object.create(i.prototype),a=new k(r||[]);return o._invoke=function(e,t,n){var r="suspendedStart";return function(i,o){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===i)throw o;return S()}for(n.method=i,n.arg=o;;){var a=n.delegate;if(a){var l=w(a,n);if(l){if(l===c)continue;return l}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var u=d(e,t,n);if("normal"===u.type){if(r=n.done?"completed":"suspendedYield",u.arg===c)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(r="completed",n.method="throw",n.arg=u.arg)}}}(e,n,a),o}function d(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=u;var c={};function s(){}function p(){}function f(){}var m={};l(m,i,(function(){return this}));var h=Object.getPrototypeOf,v=h&&h(h(C([])));v&&v!==t&&n.call(v,i)&&(m=v);var x=f.prototype=s.prototype=Object.create(m);function b(e){["next","throw","return"].forEach((function(t){l(e,t,(function(e){return this._invoke(t,e)}))}))}function y(e,t){function r(i,o,a,l){var u=d(e[i],e,o);if("throw"!==u.type){var c=u.arg,s=c.value;return s&&"object"==typeof s&&n.call(s,"__await")?t.resolve(s.__await).then((function(e){r("next",e,a,l)}),(function(e){r("throw",e,a,l)})):t.resolve(s).then((function(e){c.value=e,a(c)}),(function(e){return r("throw",e,a,l)}))}l(u.arg)}var i;this._invoke=function(e,n){function o(){return new t((function(t,i){r(e,n,t,i)}))}return i=i?i.then(o,o):o()}}function w(e,t){var n=e.iterator[t.method];if(void 0===n){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=void 0,w(e,t),"throw"===t.method))return c;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return c}var r=d(n,e.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,c;var i=r.arg;return i?i.done?(t[e.resultName]=i.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,c):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,c)}function E(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function I(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function k(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(E,this),this.reset(!0)}function C(e){if(e){var t=e[i];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,o=function t(){for(;++r<e.length;)if(n.call(e,r))return t.value=e[r],t.done=!1,t;return t.value=void 0,t.done=!0,t};return o.next=o}}return{next:S}}function S(){return{value:void 0,done:!0}}return p.prototype=f,l(x,"constructor",f),l(f,"constructor",p),p.displayName=l(f,a,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===p||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,f):(e.__proto__=f,l(e,a,"GeneratorFunction")),e.prototype=Object.create(x),e},e.awrap=function(e){return{__await:e}},b(y.prototype),l(y.prototype,o,(function(){return this})),e.AsyncIterator=y,e.async=function(t,n,r,i,o){void 0===o&&(o=Promise);var a=new y(u(t,n,r,i),o);return e.isGeneratorFunction(n)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},b(x),l(x,a,"Generator"),l(x,i,(function(){return this})),l(x,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var r=t.pop();if(r in e)return n.value=r,n.done=!1,n}return n.done=!0,n}},e.values=C,k.prototype={constructor:k,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(I),!e)for(var t in this)"t"===t.charAt(0)&&n.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var t=this;function r(n,r){return a.type="throw",a.arg=e,t.next=n,r&&(t.method="next",t.arg=void 0),!!r}for(var i=this.tryEntries.length-1;i>=0;--i){var o=this.tryEntries[i],a=o.completion;if("root"===o.tryLoc)return r("end");if(o.tryLoc<=this.prev){var l=n.call(o,"catchLoc"),u=n.call(o,"finallyLoc");if(l&&u){if(this.prev<o.catchLoc)return r(o.catchLoc,!0);if(this.prev<o.finallyLoc)return r(o.finallyLoc)}else if(l){if(this.prev<o.catchLoc)return r(o.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return r(o.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var i=this.tryEntries[r];if(i.tryLoc<=this.prev&&n.call(i,"finallyLoc")&&this.prev<i.finallyLoc){var o=i;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var a=o?o.completion:{};return a.type=e,a.arg=t,o?(this.method="next",this.next=o.finallyLoc,c):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),c},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),I(n),c}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var i=r.arg;I(n)}return i}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:C(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),c}},e}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function w(e,t,n,r,i,o,a){try{var l=e[o](a),u=l.value}catch(e){return void n(e)}l.done?t(u):Promise.resolve(u).then(r,i)}function E(e){return function(){var t=this,n=arguments;return new Promise((function(r,i){var o=e.apply(t,n);function a(e){w(o,r,i,a,l,"next",e)}function l(e){w(o,r,i,a,l,"throw",e)}a(void 0)}))}}function I(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function k(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function C(e,t,n){return t&&k(e.prototype,t),n&&k(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function S(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e){return N=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},N(e)}function F(e,t){return F=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},F(e,t)}function T(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function P(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return T(e)}function M(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=N(e);if(t){var i=N(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return P(this,n)}}function j(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,i,o=[],a=!0,l=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){l=!0,i=e}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return o}(e,t)||A(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function O(e){return function(e){if(Array.isArray(e))return q(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||A(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function A(e,t){if(e){if("string"==typeof e)return q(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?q(e,t):void 0}}function q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}v(".react-app {\n  background-color: RGBA(0, 0, 0, 0.1); }\n");var R,L=0,D=function(){function e(t){var n=this;I(this,e),S(this,"register",(function(e){var t;return n.isSingletonHandler?(n.handler=e,function(){return n.handler=void 0}):(t=L++,n.handlers.push({callback:e,id:t}),function(){n.unregister(t)})})),this.isSingletonHandler=!!t,this.handlers=[],this.handler=function(){}}return C(e,[{key:"unregister",value:function(e){var t;this.isSingletonHandler||-1!==(t=this.handlers.findIndex((function(t){return t.id===e})))&&this.handlers.splice(t,1)}},{key:"trigger",value:function(e){if(this.isSingletonHandler)return this.handler(e);this.handlers.forEach((function(t){t.callback(e)}))}}]),e}(),z=void 0!==("undefined"==typeof global?"undefined":y(global))?global:void 0!==("undefined"==typeof self?"undefined":y(self))?self:void 0!==("undefined"==typeof window?"undefined":y(window))?window:{},B={actions_task:{save:new D(!0)}},H={actions_task:{save:function(e){return B.actions_task.save.trigger(e)}}},_={getPluginSdkClient:function(e){var t=!z.PluginClient;if(void 0!==R)return t?R:new Promise((function(e){return e(R)}));if(t)return n=z.PluginSDKClient,console.error("Warning - Initializing outdated version of PluginSDKClient. Please upgrade to PluginClient v1.0.0"),R=n.initialize();if(t||void 0===z.PluginClient)throw new Error("No PluginClient or PluginSDKClient found on global object");return function(e,t){var n,r=function(e){var t,n;t=void 0,n={},"object"===y(e)?n=e:"string"==typeof e?(t=e,n=H[e]||{}):n=e;return{pluginType:t,eventHandlers:n}}(t),i=r.pluginType,o=r.eventHandlers;return n=function(e,t){return Object.keys(o).includes(e)?B[i][e].register(t):function(){}},e.initialize(o).then((function(e){return"function"!=typeof e.registerHandler&&(e.registerHandler=n),R=e}))}(z.PluginClient,e);var n}};var K={DA:"da",DE:"de",EN:"en","EN-GB":"en-GB",ES:"es","ES-ES":"es-419",FI:"fi",FR:"fr","FR-CA":"fr-CA",ID:"id",IT:"it",JA:"ja",KO:"ko",MS:"ms",NL:"nl",PB:"pb",PT:"pt","PT-BR":"pt-BR","RI-GI":"ri-GI",RU:"ru",SV:"sv",TH:"th","ZH-S":"zh-Hans","ZH-T":"zh-Hant"};var G=function(){return G=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},G.apply(this,arguments)};function V(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{u(r.next(e))}catch(e){o(e)}}function l(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,l)}u((r=r.apply(e,t||[])).next())}))}function U(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(o){return function(l){return function(o){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(i=2&o[0]?r.return:o[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;switch(r=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,r=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!(i=a.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){a.label=o[1];break}if(6===o[0]&&a.label<i[1]){a.label=i[1],i=o;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(o);break}i[2]&&a.ops.pop(),a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e],r=0}finally{n=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,l])}}}var Y=function(t){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&F(e,t)}(r,e.Component);var n=M(r);function r(){var e;I(this,r);for(var t=arguments.length,i=new Array(t),o=0;o<t;o++)i[o]=arguments[o];return S(T(e=n.call.apply(n,[this].concat(i))),"rootSelector",document.body),S(T(e),"container",document.createElement("div")),e}return C(r,[{key:"componentDidMount",value:function(){this.rootSelector.appendChild(this.container)}},{key:"componentWillUnmount",value:function(){this.rootSelector.removeChild(this.container)}},{key:"render",value:function(){return f.default.createPortal(this.props.children,this.container)}}]),r}();v(".q-popover {\n  position: absolute;\n  z-index: 1000;\n  padding: 4px 0;\n  font-size: 14px;\n  line-height: 20px;\n  color: #32363A;\n  fill: #333;\n  list-style: none;\n  min-width: 160px;\n  max-width: 500px;\n  min-height: 10px;\n  max-height: 99%;\n  background: #fff;\n  border-radius: 4px;\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 0px 10px 1px rgba(0, 0, 0, 0.14), 0 0px 10px 2px rgba(0, 0, 0, 0.12);\n  z-index: 9000; }\n\nbody .q-popover {\n  max-height: 50vh;\n  overflow-y: scroll;\n  max-width: 30vw; }\n");var $=new D,J=c.default.createElement(n.Button,null," anchor "),Q=[];function W(t){var n=j(e.useState(!1),2),r=n[0],i=n[1],a=[].concat(Q,O(t.modifiers||[])),l=function(){i(!1),t.onClose&&t.onClose()};return e.useEffect((function(){var e,n;return n=t.ignoreClickSelector,e=$.register((function(e){var t;n&&(t=e.target.closest(n)),t||l()})),function(){e()}}),[]),e.useEffect((function(){t.show?i(t.show):l()}),[t.show]),c.default.createElement(o.Manager,null,c.default.createElement(o.Reference,null,(function(e){var n,r=e.ref;return"function"==typeof t.anchor?n=t.anchor(r):(n=t.anchor,n=c.default.createElement("div",{ref:r,className:"popover-anchor-container"},t.anchor||J)),n})),c.default.createElement(Y,null,r&&c.default.createElement(o.Popper,{placement:t.placement||"bottom-start",modifiers:a},(function(e){var n,r=e.ref,i=e.style,o=e.placement,a=e.arrowProps,l=e.update;return n=[],Array.isArray(t.children)?n=t.children:void 0!==t.children&&(n=[t.children]),n.forEach((function(e){e.props.optionsRef&&(e.props.optionsRef.current.scheduleUpdate=l)})),c.default.createElement("div",{ref:r,"data-placement":o,style:b({},i),className:"q-popover"},t.children,c.default.createElement("div",{ref:a.ref,style:a.style}))}))))}window.addEventListener("click",(function(e){null===e.target.closest(".q-popover")?$.trigger(e):(e.stopPropagation(),e.stopImmediatePropagation())}));function Z(t){return e.useState((function(){return null!=t?t:l.v4()}))[0]}v(".piped-text-menu-list .piped-text-popover-menu > * {\n  min-height: 32px; }\n");function X(e){return c.default.createElement("div",{className:"piped-text-popover-container"},c.default.createElement("div",{className:"piped-text-error-container"},c.default.createElement("div",{className:"piped-text-error-icon"},c.default.createElement(r.ErrorIcon,{size:"medium"})),e.errorText&&c.default.createElement("div",{className:"piped-text-error-text"},e.errorText)))}v("");function ee(e){return"embeddedData"===e.value}function te(e){return!0===e.header||!0===e.disabled}function ne(e){return!!e.hasSubmenu}function re(e){var t,n,r;return t=ee(e),n=ne(e),r=function(e){return!(ee(e)||te(e)||ne(e))}(e),t||n||r}v('div[role="menu"] .piped-text-search-input-container {\n  padding: 5px 10px; }\n\n.piped-text-search-input {\n  padding: 10px 12px;\n  user-select: none;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  align-content: center;\n  padding: 4px 8px 8px; }\n  .piped-text-search-input input.q-plugin-popover-input {\n    box-sizing: border-box;\n    height: 36px;\n    padding: 7px 9px; }\n\n.piped-text-menu-empty-anchor {\n  /* the margin-right hack was not in harmony with tao.\n      now, the empty-anchor is truly empty */ }\n\n.piped-text-submenu-item-container {\n  position: relative; }\n  .piped-text-submenu-item-container .piped-text-menu .piped-text-submenu-anchor {\n    position: absolute;\n    z-index: -1;\n    bottom: 0;\n    top: 0;\n    left: 0;\n    right: 0;\n    min-width: 100%; }\n\n.piped-text-submenu-item {\n  padding-right: 24px; }\n\n.piped-text-information-message {\n  padding: 10px 12px;\n  user-select: none;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  color: #74777A;\n  text-align: center;\n  white-space: pre-line; }\n\n.piped-text-loading-spinner {\n  width: fit-content;\n  margin: 0 auto; }\n\n.piped-text-error-container {\n  color: #BB0000; }\n  .piped-text-error-container .piped-text-error-icon {\n    padding: 8px 0; }\n    .piped-text-error-container .piped-text-error-icon svg {\n      fill: #BB0000;\n      display: block;\n      margin: 0 auto; }\n  .piped-text-error-container .piped-text-error-text {\n    text-align: center;\n    white-space: pre-line;\n    padding: 0 12px 8px; }\n\n.piped-text-menu-item-container.highlighted-menu-item {\n  background: RGBA(50, 54, 58, 0.08); }\n\n.piped-text-menu-item-container .piped-text-menu-item, .piped-text-menu-item-container .piped-text-submenu-item {\n  padding: 10px 12px;\n  user-select: none;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  text-overflow: ellipsis; }\n  .piped-text-menu-item-container .piped-text-menu-item:not(.piped-text-header):not(.piped-text-disabled):hover, .piped-text-menu-item-container .piped-text-submenu-item:not(.piped-text-header):not(.piped-text-disabled):hover {\n    cursor: pointer; }\n  .piped-text-menu-item-container .piped-text-menu-item.piped-text-header, .piped-text-menu-item-container .piped-text-submenu-item.piped-text-header {\n    font-size: 12px;\n    line-height: 16px;\n    font-weight: 700;\n    padding: 12px; }\n  .piped-text-menu-item-container .piped-text-menu-item.piped-text-disabled:not(.piped-text-header), .piped-text-menu-item-container .piped-text-submenu-item.piped-text-disabled:not(.piped-text-header) {\n    color: RGB(116, 119, 122); }\n');v("");var ie=c.default.forwardRef((function(t,r){var i=e.useRef(null),o=Z(),a=t.menuItem;return c.default.createElement("div",{"data-testid":"piped-text-submenu",className:"piped-text-submenu-item-container",role:"presentation"},a.show&&c.default.createElement(he,{"aria-labelledby":o,items:a.submenu.items,show:a.show,placement:"right-start",onClose:function(){a.show=!1},allowCustom:a.submenu.allowCustom,customScheme:a.submenu.customScheme,customInputMessage:a.submenu.customInputMessage,searchPlaceholder:a.submenu.searchPlaceholder,errorText:a.submenu.errorText,onSelected:function(e){t.onMenuItemClick(e)},anchor:function(e){return c.default.createElement("div",{ref:e,className:"piped-text-submenu-anchor"})},anchorRef:i,keyboardCtrl:t.keyboardCtrl,pipedTextMenuId:t.pipedTextMenuId}),c.default.createElement("div",{id:o,className:"piped-text-submenu-item",ref:i},c.default.createElement("div",{className:"label-text"},a.label),c.default.createElement("div",{className:"piped-text-icon"},c.default.createElement(n.Icon,{type:n.IconTypes.ChevronRight,size:"medium"}))))}));v('div[role="menu"] .piped-text-search-input-container {\n  padding: 5px 10px; }\n\n.piped-text-search-input {\n  padding: 10px 12px;\n  user-select: none;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  align-content: center;\n  padding: 4px 8px 8px; }\n  .piped-text-search-input input.q-plugin-popover-input {\n    box-sizing: border-box;\n    height: 36px;\n    padding: 7px 9px; }\n\n.piped-text-menu-empty-anchor {\n  /* the margin-right hack was not in harmony with tao.\n      now, the empty-anchor is truly empty */ }\n\n.piped-text-submenu-item-container {\n  position: relative; }\n  .piped-text-submenu-item-container .piped-text-menu .piped-text-submenu-anchor {\n    position: absolute;\n    z-index: -1;\n    bottom: 0;\n    top: 0;\n    left: 0;\n    right: 0;\n    min-width: 100%; }\n\n.piped-text-submenu-item {\n  padding-right: 24px; }\n\n.piped-text-information-message {\n  padding: 10px 12px;\n  user-select: none;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  color: #74777A;\n  text-align: center;\n  white-space: pre-line; }\n\n.piped-text-loading-spinner {\n  width: fit-content;\n  margin: 0 auto; }\n\n.piped-text-error-container {\n  color: #BB0000; }\n  .piped-text-error-container .piped-text-error-icon {\n    padding: 8px 0; }\n    .piped-text-error-container .piped-text-error-icon svg {\n      fill: #BB0000;\n      display: block;\n      margin: 0 auto; }\n  .piped-text-error-container .piped-text-error-text {\n    text-align: center;\n    white-space: pre-line;\n    padding: 0 12px 8px; }\n\n.embedded-data-menu {\n  padding: 10px 12px;\n  user-select: none;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  align-content: center;\n  padding: 4px 8px 8px; }\n  .embedded-data-menu input.q-plugin-popover-input {\n    box-sizing: border-box;\n    height: 36px;\n    padding: 7px 9px; }\n');v("");var oe=["ArrowDown","Escape","Tab","PageUp","Home","PageDown","End","Enter"],ae=function(){function e(e,t){this.currentContainer=e,this.menuItems=t,this.highlightedIdx=-1}return e.prototype.setMenuItems=function(e){this.menuItems=e},e.prototype.findMenuItemIdx=function(e){return this.menuItems.findIndex((function(t){return t.current===e.current}))},e}(),le=function(){function e(){this.menuFocusItems=[],this.currFocusItemIdx=-1}return e.prototype.getFocusMenu=function(e){var t;if(-1!==(t=this.menuFocusItems.findIndex((function(t){return t.currentContainer.current===e.current}))))return this.menuFocusItems[t]},e.prototype.getCurrentFocusMenu=function(){return this.menuFocusItems[this.currFocusItemIdx]},e.prototype.addMenu=function(e,t){var n,r;r=this.menuFocusItems.findIndex((function(t){return t.currentContainer.current===e.current})),0===this.menuFocusItems.length||-1===r?(n=new ae(e,t),this.menuFocusItems.push(n)):(n=this.menuFocusItems[r]).setMenuItems(t)},e.prototype.removeMenu=function(e){var t;if(-1===(t=this.menuFocusItems.findIndex((function(t){return t.currentContainer.current===e.current}))))throw console.error(this),console.error(e),new Error("Could not find a matching PipedTextMenu");this.menuFocusItems.splice(t,1)},e.prototype.handleKeyEvent=function(e){var t,n,r,i,o,a,l,u,d,c,s,p;if(u=e.key,void 0!==(d=this.getCurrentFocusMenu()))switch(u){case"ArrowDown":d.highlightedIdx<d.menuItems.length-1&&(s=d.menuItems[d.highlightedIdx+1],this.setFocusMenuHighlightedIdx(d.currentContainer,s),null===(t=null==s?void 0:s.current)||void 0===t||t.focus());break;case"ArrowUp":d.highlightedIdx>0&&(s=d.menuItems[d.highlightedIdx-1],this.setFocusMenuHighlightedIdx(d.currentContainer,s),null===(n=null==s?void 0:s.current)||void 0===n||n.focus());break;case"ArrowRight":this.focusNextSubmenu();break;case"ArrowLeft":case"Escape":this.currFocusItemIdx>0&&(e.stopPropagation(),void 0!==(c=this.menuFocusItems[this.currFocusItemIdx-1])&&(void 0===(p=c.menuItems[c.highlightedIdx])?null===(i=null===(r=c.currentContainer)||void 0===r?void 0:r.current)||void 0===i||i.focus():null===(o=null==p?void 0:p.current)||void 0===o||o.focus()));break;case"PageUp":case"Home":(s=d.menuItems[0])&&(this.setFocusMenuHighlightedIdx(d.currentContainer,s),null===(a=null==s?void 0:s.current)||void 0===a||a.focus());break;case"PageDown":case"End":(s=d.menuItems[d.menuItems.length-1])&&(this.setFocusMenuHighlightedIdx(d.currentContainer,s),null===(l=null==s?void 0:s.current)||void 0===l||l.focus())}},e.prototype.focusNextSubmenu=function(){var e,t,n,r,i;void 0!==this.getCurrentFocusMenu()&&void 0!==(r=this.menuFocusItems[this.currFocusItemIdx+1])&&(void 0===(i=r.menuItems[r.highlightedIdx])?null===(t=null===(e=r.currentContainer)||void 0===e?void 0:e.current)||void 0===t||t.focus():null===(n=null==i?void 0:i.current)||void 0===n||n.focus())},e.prototype.getCurrentFocusMenuRef=function(){var e;return null===(e=this.getCurrentFocusMenu())||void 0===e?void 0:e.currentContainer},e.prototype.isMenuItemInCurrentFocusMenu=function(e){return void 0!==this.getCurrentFocusMenu().menuItems.find((function(t){return t.current===e.current}))},e.prototype.setFocus=function(e){var t;if(-1===(t=this.menuFocusItems.findIndex((function(t){return t.currentContainer.current===e}))))throw console.error(this),console.error(e),new Error("Could not find a matching PipedTextMenu");this.currFocusItemIdx=t},e.prototype.getFocusMenuHighlightedIdx=function(e){var t;return void 0===(t=this.getFocusMenu(e))?-1:t.highlightedIdx},e.prototype.setFocusMenuHighlightedIdx=function(e,t){var n,r;void 0!==(n=this.getFocusMenu(e))&&-1!==(r=n.findMenuItemIdx(t))&&(n.highlightedIdx=r)},e}();function ue(t){var r=e.useState(""),i=r[0],o=r[1],a=e.useState(!1),l=a[0],u=a[1],d=e.useRef(),s=e.useRef();return e.useEffect((function(){t.keyboardCtrl.addMenu(d,[s])}),[d]),e.useEffect((function(){return function(){t.keyboardCtrl.removeMenu(d)}}),[]),c.default.createElement("div",{className:"embedded-data-input",tabIndex:-1,"aria-labelledby":t.ariaLabelledById,ref:d,onFocus:function(e){var n;e.currentTarget===d.current&&(t.keyboardCtrl.setFocus(d.current),null===(n=null==s?void 0:s.current)||void 0===n||n.focus(),t.keyboardCtrl.setFocusMenuHighlightedIdx(d,s),e.stopPropagation(),e.preventDefault())},onKeyDown:function(e){switch(e.key){case"ArrowDown":case"ArrowUp":case"ArrowRight":case"ArrowLeft":case"Escape":t.keyboardCtrl.handleKeyEvent(e),e.preventDefault();break;case"Enter":p(),e.stopPropagation(),e.preventDefault();break;case"PageUp":case"Home":case"PageDown":case"End":e.stopPropagation(),e.preventDefault()}}},c.default.createElement(n.InputGroup,null,c.default.createElement(n.Input,{onChange:function(e){!function(e){var t=(e.target.value||"").trim(),n=encodeURIComponent(t);o(n),n.length>0&&l&&u(!1)}(e)},invalid:l,onKeyDown:function(e){var t=e.key;oe.includes(e.key)||e.stopPropagation();e.shiftKey||"Tab"!==t||e.stopPropagation()},className:"q-plugin-popover-input",ref:s}),c.default.createElement(n.Button,{kind:"primary",onClick:p,onKeyDown:function(e){e.shiftKey&&"Tab"===e.key&&e.stopPropagation()},onFocus:function(e){e.stopPropagation()}},c.default.createElement(n.Icon,{type:n.IconTypes.Add}))));function p(){var e;(i||"").trim().length<1?u(!0):(e="${e://Field/".concat(i,"}"),t.onSelect(e))}}var de=c.default.forwardRef((function(e,t){var n=e.anchor,r=e.onClose||function(){},i=e.onSelect||function(){};return c.default.createElement(W,{show:e.show,anchor:n,onClose:r,ignoreClickSelector:"embedded-data-menu-content",placement:e.placement||"right-start"},c.default.createElement("div",{className:"embedded-data-menu",ref:t},c.default.createElement(ue,{onSelect:i,keyboardCtrl:e.keyboardCtrl,ariaLabelledById:e.ariaLabelledById})))}));function ce(e){return function(t){e.forEach((function(e){"function"==typeof e?e(t):null!==e&&(e.current=t)}))}}var se=c.default.forwardRef((function(t,r){var i=e.useState(),o=i[0],a=i[1],l=e.useState(),u=l[0],d=l[1],s=e.useState(),p=s[0],f=s[1],m=e.useState(),h=m[0],v=m[1],x=e.useState(),b=x[0],g=x[1],y=e.useState(),w=y[0],E=y[1],I=e.useState(),k=I[0],C=I[1],S=e.useRef(),N=Z(),F=Z();return e.useEffect((function(){var e,n,r,i,o,l,u;void 0!==t.menuItem&&(e=re(t.menuItem),r=ne(t.menuItem),i=ee(t.menuItem),n=te(t.menuItem),e&&(o=-1,u="menuitem"),(r||i)&&(l="menu"),a(l),d(o),f(u),v(r),g(n),E(e),C(i))}),[t.menuItem]),c.default.createElement("div",{className:"piped-text-menu-item-container "+(t.isHighlighted?"highlighted-menu-item":""),ref:ce([r,S]),"aria-haspopup":o,tabIndex:u,role:p,id:o?N:void 0,"aria-controls":o?F:void 0,"aria-expanded":t.menuItem.show,onFocus:function(e){var n;n=t.menuItem,h||k?t.onSubmenuHover(n,S):t.onMenuItemHover(n,S)},onKeyDown:function(e){!function(e){if(!t.isHighlighted)return;if(!t.keyboardCtrl.isMenuItemInCurrentFocusMenu(S))return;" "!==e.key&&"Enter"!==e.key||(h||k?t.onSubmenuItemClick(t.menuItem):t.onMenuItemClicked(t.menuItem),e.preventDefault())}(e)},onMouseEnter:function(e){h||k?(n=t.menuItem,t.onSubmenuHover(n,S)):w&&function(e){t.onMenuItemHover(e,S)}(t.menuItem);var n},onClick:function(e){h||k?(n=t.menuItem,t.onSubmenuItemClick(n)):w&&T(t.menuItem);var n}},function(e){var r,i,o,a;h?r=c.default.createElement(ie,{key:e.key,menuItem:e,onMenuItemClick:T,keyboardCtrl:t.keyboardCtrl,pipedTextMenuId:F}):b?(i=!0===e.header?"piped-text-header":"",o=!0===e.disabled?"piped-text-disabled":"",a="piped-text-menu-item ".concat(i," ").concat(o),r=c.default.createElement("div",{className:a},e.label)):r=k?c.default.createElement("div",{role:"presentation"},c.default.createElement(de,{show:e.show,onSelect:P,anchor:function(e){return c.default.createElement("div",{ref:e,className:"embedded-data-menu-anchor","aria-hidden":"true"})},keyboardCtrl:t.keyboardCtrl,ariaLabelledById:N}),c.default.createElement("div",{className:"piped-text-submenu-item"},c.default.createElement("div",{className:"label-text"},e.label),c.default.createElement("div",{className:"piped-text-icon"},c.default.createElement(n.Icon,{type:n.IconTypes.ChevronRight,size:"medium"})))):c.default.createElement("div",{className:"piped-text-menu-item",role:"presentation"},e.label);return c.default.createElement("div",{className:"piped-text-menu-item-content",role:"presentation"},r)}(t.menuItem));function T(e){t.onMenuItemClicked(e)}function P(e){var n;n={value:{locator:e}},t.onMenuItemClicked(n)}})),pe=c.default.forwardRef((function(e,t){var r=c.default.useRef();return c.default.createElement("div",{className:"piped-text-search-input",tabIndex:-1,ref:t,onFocus:function(t){var n;t.target!==r.current&&(null===(n=r.current)||void 0===n||n.focus());e.onFocus(t)}},c.default.createElement("form",{onSubmit:e.onSearchSubmit},c.default.createElement(n.Input,{small:!0,full:!0,className:"q-plugin-popover-input",ref:r,placeholder:e.searchPlaceholder,value:e.value,onChange:e.onInputChange,onClick:e.onInputClick,onKeyDown:function(e){oe.includes(e.key)||e.stopPropagation()},role:"searchbox"})))})),fe=c.default.forwardRef((function(t,r){var i,o,a=this,l=e.useState(!1),u=l[0],d=l[1],s=e.useState(!1),p=s[0],f=s[1],m=e.useState(),h=m[0],v=m[1],x=e.useState(),b=x[0],g=x[1],y=e.useState(),w=y[0],E=y[1],I=e.useState(),k=I[0],C=I[1],S=e.useState(""),N=S[0],F=S[1],T=e.useState(!1),P=T[0],M=T[1],j=null!==(i=t.pipedTextMenuId)&&void 0!==i?i:Z(),O=t["aria-labelledby"],A=e.useRef(),q=e.useRef(),R=e.useState(!1),L=R[0],D=R[1],z=e.useCallback((function(e){e&&D(!0)}),[]),B=e.useState(!1),H=B[0],_=B[1],K=e.useCallback((function(e){e&&_(!0)}),[]),G=void 0===t.keyboardCtrl,Y=e.useState(G?new le:t.keyboardCtrl),$=Y[0];Y[1];return e.useEffect((function(){return function(){$.removeMenu(A)}}),[]),e.useEffect((function(){var e,t;A.current&&q.current&&w&&!u&&(t=c.default.Children.map(k,(function(e){return e.ref})),e=function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))}([q],t,!0),$.addMenu(A,e),G&&!1===P&&(setTimeout((function(){var e;null===(e=A.current)||void 0===e||e.focus()}),0),M(!0)))}),[A,w,$,u]),e.useEffect((function(){var e;L&&(e=[],H&&e.push(q),$.addMenu(A,e))}),[L,H]),e.useEffect((function(){void 0!==t.items&&V(a,void 0,void 0,(function(){var e,n;return U(this,(function(r){switch(r.label){case 0:if("function"!=typeof t.items)return[3,5];d(!0),r.label=1;case 1:return r.trys.push([1,3,,4]),[4,t.items()];case 2:return e=r.sent(),[3,4];case 3:return r.sent(),f(!0),[3,4];case 4:return d(!1),[3,6];case 5:e=t.items,r.label=6;case 6:try{n=xe(e),v(n)}catch(e){f(!0)}return[2]}}))}))}),[t.items]),e.useEffect((function(){var e;void 0!==h&&(e=(h||[]).filter(Q),g(e))}),[N,h]),e.useEffect((function(){var e;Array.isArray(b)&&(e=function(e){var n,r,i,o;if(n=[],r=[],0===e.length&&!0===t.allowCustom&&t.customInputMessage)return c.default.createElement("div",null,c.default.createElement("div",{className:"piped-text-information-message"},t.customInputMessage));return i=0,o=$.getFocusMenuHighlightedIdx(A),n=e.map((function(e){var t,n,a,l=c.default.createRef();return a=(t=re(e))&&o-1===i,n=c.default.createElement(se,{ref:l,key:e.key,menuItem:e,onSubmenuHover:W,onMenuItemHover:ee,onMenuItemClicked:ne,onSubmenuItemClick:ie,onEmbeddedDataItemClick:oe,keyboardCtrl:$,isHighlighted:a}),t&&(r.push(n),i++),n})),C(r),n}(b),E(e))}),[b]),function(){var e;"function"==typeof(null===(e=t.popoverOptionsRef)||void 0===e?void 0:e.current.scheduleUpdate)&&t.popoverOptionsRef.current.scheduleUpdate()}(),c.default.createElement("div",{className:"piped-text-menu-list ".concat(null!==(o=t.className)&&void 0!==o?o:""),ref:ce([r,A,z]),id:j,"aria-labelledby":O,role:"menu",tabIndex:void 0===t.tabIndex?-1:t.tabIndex,onKeyDown:function(e){!function(e){var n;if("Tab"===e.key)J();if(null==t||t.menuKeyDown(e),n=$.getCurrentFocusMenuRef(),A.current!==(null==n?void 0:n.current))return;switch(e.key){case"ArrowDown":case"ArrowUp":case"ArrowRight":case"ArrowLeft":case"Escape":case"PageUp":case"Home":case"PageDown":case"End":$.handleKeyEvent(e),e.preventDefault()}}(e)},onFocus:function(e){!function(e){var t;e.currentTarget===A.current&&($.setFocus(A.current),-1===$.getFocusMenuHighlightedIdx(A)&&(null===(t=q.current)||void 0===t||t.focus()),e.stopPropagation(),e.preventDefault())}(e)}},c.default.createElement("div",{className:"piped-text-popover-menu",role:"presentation"},p?c.default.createElement(X,{errorText:t.errorText}):c.default.createElement(c.default.Fragment,null,c.default.createElement(pe,{ref:ce([q,K]),value:N,onSearchSubmit:function(e){var n,r,i;if(e.preventDefault(),!(!0===t.allowCustom&&t.customScheme))return;if(""===(n=N.trim()))return;r="${".concat(t.customScheme,"://Field/").concat(encodeURIComponent(n),"}"),i={value:{locator:r}},t.onSelected(i),J()},searchPlaceholder:t.searchPlaceholder,onInputChange:function(e){return t=e.target.value,void F(t);var t},onInputClick:function(e){e.stopPropagation()},onFocus:function(){!function(){var e,t;t=null!==(e=null==h?void 0:h.slice())&&void 0!==e?e:[],$.setFocusMenuHighlightedIdx(A,q),me(t),v(t)}()}}),u?c.default.createElement("div",{className:"piped-text-loading-spinner"},c.default.createElement(n.LoadingSpinner,{show:!0,size:"medium"})):w)));function J(){var e;null===(e=t.onClose)||void 0===e||e.call(t)}function Q(e){var t;return t=N||"",JSON.stringify(e).toLowerCase().includes(t.toLowerCase())}function W(e,t){var n;n=h.slice(),te(e,t),me(n),v(n),e.show||(e.show=!0)}function ee(e,t){var n;n=h.slice(),te(e,t),me(n),v(n)}function te(e,t){var n;$.setFocusMenuHighlightedIdx(A,t),null===(n=t.current)||void 0===n||n.focus()}function ne(e){e.disabled||t.onSelected(e)}function ie(e){console.log("PipedTextMenuList submenu click"),$.focusNextSubmenu()}function oe(e){}}));function me(e){e.forEach((function(e){e.show&&(e.show=!1)}))}v('div[role="menu"] .piped-text-search-input-container {\n  padding: 5px 10px; }\n\n.piped-text-search-input {\n  padding: 10px 12px;\n  user-select: none;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  align-content: center;\n  padding: 4px 8px 8px; }\n  .piped-text-search-input input.q-plugin-popover-input {\n    box-sizing: border-box;\n    height: 36px;\n    padding: 7px 9px; }\n\n.piped-text-menu-empty-anchor {\n  /* the margin-right hack was not in harmony with tao.\n      now, the empty-anchor is truly empty */ }\n\n.piped-text-submenu-item-container {\n  position: relative; }\n  .piped-text-submenu-item-container .piped-text-menu .piped-text-submenu-anchor {\n    position: absolute;\n    z-index: -1;\n    bottom: 0;\n    top: 0;\n    left: 0;\n    right: 0;\n    min-width: 100%; }\n\n.piped-text-submenu-item {\n  padding-right: 24px; }\n\n.piped-text-information-message {\n  padding: 10px 12px;\n  user-select: none;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  color: #74777A;\n  text-align: center;\n  white-space: pre-line; }\n\n.piped-text-loading-spinner {\n  width: fit-content;\n  margin: 0 auto; }\n\n.piped-text-error-container {\n  color: #BB0000; }\n  .piped-text-error-container .piped-text-error-icon {\n    padding: 8px 0; }\n    .piped-text-error-container .piped-text-error-icon svg {\n      fill: #BB0000;\n      display: block;\n      margin: 0 auto; }\n  .piped-text-error-container .piped-text-error-text {\n    text-align: center;\n    white-space: pre-line;\n    padding: 0 12px 8px; }\n');var he=c.default.forwardRef((function(t,n){var r=e.useRef({}),i=e.useState(t.show),o=i[0],a=i[1],l=t["aria-labelledby"],u=t.onClose||function(){},d=e.useState(null);d[0];var s=d[1],p=e.useCallback((function(e){s(e)}),[]);e.useEffect((function(){t.show&&a(!0)}),[t.show]),e.useEffect((function(){return function(){return u()}}),[]);var f=function(e){a("boolean"==typeof e?e:!o)};return c.default.createElement("div",{className:"piped-text-menu"},c.default.createElement(W,{show:o,onClose:function(){f(!1),u()},placement:t.placement||"right-start",anchor:t.anchor,ignoreClickSelector:t.ignoreClickSelector},c.default.createElement(fe,{className:"piped-text-popover-container",items:t.items,errorText:t.errorText,"aria-labelledby":l,ref:p,allowCustom:t.allowCustom,customInputMessage:t.customInputMessage,customScheme:t.customScheme,searchPlaceholder:t.searchPlaceholder,onSelected:function(e){t.onSelected(e),m()},onClose:function(){return u()},popoverOptionsRef:r,keyboardCtrl:t.keyboardCtrl,menuKeyDown:function(e){switch(e.key){case"Tab":case"Escape":m()}},pipedTextMenuId:t.pipedTextMenuId}),c.default.createElement(ve,{optionsRef:r})));function m(){var e,n;u(),null===(n=null===(e=t.anchorRef)||void 0===e?void 0:e.current)||void 0===n||n.focus()}}));function ve(e){return c.default.createElement("div",null)}function xe(e,t){var n;return t||(e=p.default(e)),n=1,e.forEach((function(e){e.key=e.key||n++,e.hasSubmenu=!!s.default(e,"submenu.items.length")||"function"==typeof s.default(e,"submenu.items"),(e.hasSubmenu||"embeddedData"===e.value)&&(e.show=!1),e.hasSubmenu&&"function"!=typeof e.submenu.items&&xe(e.submenu.items,!0)})),e}v(".piped-text-dropdown button[type=button].popover-toggle-button {\n  min-width: 128px; }\n\n.piped-text-popover-container {\n  padding: 0; }\n  .piped-text-popover-container > * {\n    min-height: 32px; }\n  .piped-text-popover-container .piped-text-submenu-item .label-text, .piped-text-popover-container .piped-text-submenu-item > .piped-text-icon {\n    display: inline-block;\n    vertical-align: middle;\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n    -webkit-hyphens: auto;\n    -ms-hyphens: auto;\n    -moz-hyphens: auto;\n    hyphens: auto; }\n  .piped-text-popover-container .piped-text-submenu-item .piped-text-icon {\n    display: inline-block;\n    box-sizing: content-box;\n    position: absolute;\n    right: 0;\n    max-width: 24px;\n    min-width: 24px;\n    max-height: 24px; }\n    .piped-text-popover-container .piped-text-submenu-item .piped-text-icon > svg {\n      position: relative;\n      margin-left: -5px;\n      margin-top: -3px; }\n");function be(t){var n=j(e.useState(t.show),2),r=n[0],i=n[1],o=j(e.useState(v()),2),a=o[0],l=o[1],u=e.useRef(null),d=t.anchor,s=t["aria-labelledby"];e.useEffect((function(){return function(){return f()}}),[]),e.useEffect((function(){var e;e=t.show,i(e)}),[t.show]),e.useEffect((function(){var e=v();l(e)}),[t.items]);var p,f=function(){t.onClose&&t.onClose()},m=void 0!==d?c.default.cloneElement(d,{ref:d.ref}):(p=u,c.default.createElement("div",{ref:p,className:"piped-text-menu-empty-anchor"})),h=t.anchorRef||m.ref;return c.default.createElement("div",{className:"piped-text-dropdown"},r&&c.default.createElement(he,{onClose:f,show:r,onSelected:function(e){t.onSelect(e),f()},items:a,anchor:m,anchorRef:h,ignoreClickSelector:t.ignoreClickSelector,"aria-labelledby":s}));function v(){if(t.items)return xe(t.items)}}function ge(t){var i=e.useState(!1),o=i[0],a=i[1],l=e.useState(),u=l[0],d=l[1],p=Z(),f=e.useRef(null),m=e.useState({value:t.value||""}),h=m[0],v=m[1],x=t.items,b=t.value,g=t.placeholder,y=t.onChange,w=t.onSelect,E=t.onClose,I=t.errorText,k=t.helperText,C=t.multiline,S=void 0!==C&&C,N=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(t,["items","value","placeholder","onChange","onSelect","onClose","errorText","helperText","multiline"]);return e.useEffect((function(){if(function(){if(void 0===u&&b){var e=b.length-1||0;d(e)}else d(0)}(),void 0!==w&&"function"!=typeof w)throw new Error("PipedTextInput: onSelect property must be a function");if(void 0!==y&&"function"!=typeof y)throw new Error("PipedTextInput: onChange property must be a function")}),[]),e.useEffect((function(){v({value:"string"==typeof b?b:""})}),[t.value]),c.default.createElement("div",{className:"piped-text-input"},c.default.createElement("div",{className:"piped-text-input-toggle popover-toggle"+(S?" multiline-input":"")},c.default.createElement(n.Input,G({value:h.value,onChange:function(e){!function(e){var t;t=e.target.value,v({value:t}),T(t,e)}(e)},onBlur:function(e){var t;t=e.target.selectionStart,d(t)},placeholder:g,multiline:S},N)),c.default.createElement(n.IconButton,{id:p,"aria-label":"PipedText","aria-haspopup":"menu","aria-expanded":!!o||void 0,role:"button",onClick:function(){var e;(e=!o)||F();a(e)},ref:f},c.default.createElement(r.PipedTextIcon,null)),c.default.createElement("div",{className:"piped-text-select-container"},c.default.createElement(be,{items:x,onSelect:function(e){var t,n,r;P(e),s.default(e,"value.locator")&&(n=h.value.substring(0,u),r=h.value.substring(u),t="".concat(n).concat(e.value.locator).concat(r),v({value:t}),T(t))},show:o,onClose:F,ignoreClickSelector:"piped-text-input-toggle",anchorRef:f,"aria-labelledby":p}))),(void 0!==k||void 0!==I)&&c.default.createElement("div",{className:"addon-text-container"},k&&c.default.createElement("div",{className:"helper-text"},k),I&&c.default.createElement("div",{className:"error-text"},c.default.createElement("div",{className:"error-text-icon"},c.default.createElement(r.ErrorIcon,null)),c.default.createElement("div",{className:"error-text-content"},I))));function F(){E&&E(),a(!1)}function T(e,t){y&&y(e,t)}function P(e){w&&w(e)}}v(".piped-text-input .piped-text-input-toggle, .piped-text-input .piped-text-select-container {\n  display: inline-block; }\n\n.piped-text-input .piped-text-input-toggle {\n  display: flex; }\n  .piped-text-input .piped-text-input-toggle input {\n    flex: 1 1;\n    box-sizing: border-box; }\n  .piped-text-input .piped-text-input-toggle.multiline-input textarea {\n    flex: 1 1;\n    box-sizing: border-box; }\n  .piped-text-input .piped-text-input-toggle input + button, .piped-text-input .piped-text-input-toggle textarea + button {\n    margin-left: 4px; }\n\n.piped-text-input .addon-text-container {\n  /*\n      These styles are intended to match CFE QDS components,\n        notably FormField and InputField.\n        See: https://gitlab-app.eng.qops.net/cfe/ui/-/blob/master/packages/ui-react/src/FormField/Caption.less\n    */\n  margin-top: 6px; }\n  .piped-text-input .addon-text-container .helper-text, .piped-text-input .addon-text-container .error-text {\n    font-size: 12px; }\n  .piped-text-input .addon-text-container .helper-text {\n    color: #74777a;\n    fill: #74777a; }\n    .piped-text-input .addon-text-container .helper-text + .error-text {\n      margin-top: 4px; }\n  .piped-text-input .addon-text-container .error-text {\n    display: flex;\n    align-items: center;\n    color: #b00;\n    fill: #b00; }\n    .piped-text-input .addon-text-container .error-text .error-text-icon svg {\n      margin-left: -2px;\n      margin-right: 3px;\n      width: 16px;\n      height: 16px; }\n");function ye(t){var i=j(e.useState(t.children),2),o=i[0],a=i[1];e.useEffect((function(){var e;Array.isArray(o)||((e=[]).push(o),a(e))}),[]),e.useEffect((function(){var e;e=t.children.slice(),a(e)}),[t.children]);var l,u=function(e){"function"==typeof t.onFieldSwitch&&t.onFieldSwitch(t.id,e)},d=function(e){"function"==typeof t.onFieldNameChange&&t.onFieldNameChange(t.id,e)},s=function(e,n){"function"==typeof t.onFieldValueChange&&t.onFieldValueChange(t.id,e,n)},p=function(e){return"string"==typeof e?0===e.trim().length:"function"==typeof e||null==e||0==="".concat(e).trim().length},f=function e(t){return t.map((function(t){var r=t.id,i=t.name,o=t.subMenu,a=t.subMenuLabel;return void 0!==o?c.default.createElement(n.SelectMenu,{label:a||i,key:r},e(o)):c.default.createElement(n.MenuItem,{key:r,value:r},i)}))};return c.default.createElement("div",{className:"field-row"},c.default.createElement("div",{className:"field-selector ".concat(t.required&&!t.subMenu?"required-field":"")},(l=c.default.createElement("div",null,t.nameTooltip),c.default.createElement(n.Tooltip,{disabled:!t.isCustom||p(t.nameTooltip),placement:"top",content:l},c.default.createElement("div",null,t.isCustom?c.default.createElement(n.Input,{full:!0,value:void 0===t.fieldName?"":t.fieldName,placeholder:void 0===t.customNamePlaceholder?"":t.customNamePlaceholder,className:"custom-field-name",onChange:d}):t.required||!t.children||Array.isArray(o)&&0===o.length?t.subMenu?c.default.createElement(n.SelectMenu,{searchable:void 0!==t.searchable&&!1!==t.searchable,defaultLabel:t.fieldName||"",label:t.fieldName,className:"full-width left-align",onChange:u},f([{id:t.id,name:t.fieldName,subMenu:t.subMenu,subMenuLabel:t.subMenuLabel}])):c.default.createElement("div",{className:"required-indicator-container"},c.default.createElement("div",{className:"required-indicator-text"},t.fieldName),t.required&&c.default.createElement("div",{className:"required-indicator-symbol"},"*")):c.default.createElement(n.SelectMenu,{searchable:void 0!==t.searchable&&!1!==t.searchable,defaultLabel:t.fieldName||"",label:t.fieldName,className:"full-width left-align",onChange:u},f(o)))))),c.default.createElement("div",{className:"field-input-container"},c.default.createElement("div",{className:"field-input"},function(){var e=c.default.createElement("div",null,t.valueTooltip);return c.default.createElement(n.Tooltip,{disabled:p(t.valueTooltip),placement:"top",content:e},c.default.createElement("div",null,t.customInput?t.customInput:c.default.createElement(ge,{items:t.pipedTextItems,value:void 0===t.value?"":t.value,onChange:s,placeholder:void 0===t.valuePlaceholder?"":t.valuePlaceholder})))}()),c.default.createElement("div",{className:"delete-row"},c.default.createElement("div",{className:"icon-wrapper",onClick:function(){"function"==typeof t.onRemove&&t.onRemove(t.id)}},!t.required&&c.default.createElement(n.IconButton,{"aria-label":"RemoveRow",size:"medium"},c.default.createElement(r.RemoveItemIcon,null))))))}v(".field-row {\n  min-width: 475px;\n  display: flex;\n  align-items: center; }\n  .field-row .field-selector, .field-row .field-input, .field-row .delete-row, .field-row .required-indicator {\n    display: inline-block; }\n  .field-row .field-selector, .field-row .field-input {\n    padding: 0 10px; }\n  .field-row .custom-field-name, .field-row .field-input, .field-row .delete-row {\n    box-sizing: border-box; }\n  .field-row .field-selector {\n    min-width: 30%; }\n    .field-row .field-selector.required-field button:hover {\n      cursor: not-allowed; }\n    .field-row .field-selector .required-indicator-container {\n      padding-left: 12px;\n      display: flex;\n      color: #32363A; }\n      .field-row .field-selector .required-indicator-container .required-indicator-text {\n        min-width: 0;\n        font-size: 14px; }\n      .field-row .field-selector .required-indicator-container .required-indicator-symbol {\n        margin-top: -2px; }\n    .field-row .field-selector .left-align {\n      text-align: left; }\n    .field-row .field-selector .custom-field-name {\n      padding-left: 16px;\n      padding-right: 30px; }\n      .field-row .field-selector .custom-field-name input {\n        text-align: center;\n        display: inline-block;\n        width: 100%;\n        padding: 0; }\n  .field-row .field-input-container {\n    display: flex;\n    flex: 1 0;\n    align-items: center; }\n    .field-row .field-input-container .field-input {\n      flex: 1;\n      min-width: 0;\n      margin-right: 4px; }\n    .field-row .field-input-container .delete-row {\n      max-width: 36px;\n      margin-left: 12px;\n      vertical-align: middle; }\n      .field-row .field-input-container .delete-row .icon-wrapper {\n        display: block;\n        width: fit-content;\n        margin: 0 auto;\n        min-width: 41px; }\n        .field-row .field-input-container .delete-row .icon-wrapper:hover {\n          cursor: pointer; }\n  .field-row .full-width {\n    width: 100%; }\n");function we(e){var t=e.name||void 0;return c.default.createElement("div",{className:"field-item",onClick:function(){"function"==typeof e.onClick&&e.onClick(e.id)}},t)}v("");v(".task-fields .add-field-button {\n  margin-right: 100px; }\n  .task-fields .add-field-button .add-field-button-label {\n    padding: 0 3px; }\n\n.task-fields .field-table {\n  padding-right: 100px;\n  overflow-x: auto; }\n  .task-fields .field-table .field-headers {\n    margin-bottom: 10px;\n    padding-left: 12px; }\n    .task-fields .field-table .field-headers .field-row {\n      color: #6A6D70;\n      font-weight: bold; }\n      .task-fields .field-table .field-headers .field-row .field-selector label, .task-fields .field-table .field-headers .field-row .field-input label {\n        font-size: 12px; }\n      .task-fields .field-table .field-headers .field-row .field-selector {\n        padding-top: 0;\n        padding-right: 24px;\n        padding-bottom: 0;\n        padding-left: 0; }\n      .task-fields .field-table .field-headers .field-row .field-input {\n        padding-top: 0;\n        padding-right: 0;\n        padding-bottom: 0;\n        padding-left: 12px; }\n  .task-fields .field-table .field-rows {\n    padding-bottom: 12px; }\n    .task-fields .field-table .field-rows .field-row {\n      border-top: 1px solid #E5E5E5; }\n      .task-fields .field-table .field-rows .field-row .field-selector {\n        padding-top: 8px;\n        padding-right: 12px;\n        padding-bottom: 8px;\n        padding-left: 12px; }\n      .task-fields .field-table .field-rows .field-row .field-input {\n        border-left: 1px solid #E5E5E5;\n        padding-top: 8px;\n        padding-right: 0;\n        padding-bottom: 8px;\n        padding-left: 12px; }\n\n.q-popover .field-item {\n  padding: 5px 32px; }\n  .q-popover .field-item:hover {\n    cursor: pointer;\n    user-select: none;\n    background: #007ac0;\n    color: #fff;\n    fill: #fff; }\n");var Ee=m.default.v4;function Ie(t){var r=t.label||"",i=t.customLabel||"",o=t.disableAddFieldPopover,a=j(e.useState(!1),2),l=a[0],u=a[1],d=Ee(),s=c.default.createElement(we,{key:d,onClick:function(){t.onCustomFieldAdded(),u(!1)},id:d,name:i}),p=[],f=function e(t){return t.subMenu?e(t.subMenu[0]):t.id};return p=t.children.map((function(e){return c.default.createElement(we,{name:e.props.name,key:e.props.id,id:e.props.id,subMenu:e.props.subMenu,onClick:function(e){u(!1),t.onFieldAdded(e)}})})),t.allowCustom&&p.push(s),c.default.createElement("div",{className:"add-field-button-container"},c.default.createElement(W,{show:l,onClose:function(){u(!1)},ignoreClickSelector:".add-field-button",anchor:c.default.createElement(n.Button,{disabled:0===p.length,kind:"secondary",className:"add-field-button",onClick:function(){o?t.onFieldAdded(0!==t.children?f(t.children[0].props):""):u(!l)}},c.default.createElement("span",{className:"add-field-button-label"},r))},p))}function ke(e){var t=e.itemHeaderText,r=e.inputHeaderText;return t||r?c.default.createElement("div",{className:"field-row"},c.default.createElement("div",{className:"field-selector"},c.default.createElement(n.Label,null,t)),c.default.createElement("div",{className:"field-input"},c.default.createElement(n.Label,null,r))):null}function Ce(e){var t=e.checked||!1,r=e.children||"";return c.default.createElement("div",{className:"select-item",onClick:function(t){return e.onChange(e.value,t)}},c.default.createElement("div",{className:"item"},c.default.createElement("div",{className:"checked-container ".concat(t?"checked":"")},c.default.createElement(n.Icon,{type:n.IconTypes.Check,size:"medium"})),c.default.createElement("div",{className:"item-content"},r)))}v(".select-item .item {\n  padding: 5px 32px;\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%; }\n  .select-item .item .checked-container, .select-item .item .item-content {\n    display: inline-block; }\n  .select-item .item .checked-container {\n    margin-bottom: -3px;\n    transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.1s; }\n    .select-item .item .checked-container.checked {\n      opacity: 1; }\n    .select-item .item .checked-container:not(.checked) {\n      opacity: 0; }\n  .select-item .item:hover {\n    cursor: pointer;\n    user-select: none;\n    background: #007ac0;\n    color: #fff;\n    fill: #fff; }\n");v("");function Se(e){return c.default.createElement("div",{className:"dynamic-search-popover-child",onClick:e.onClick},e.children)}v(".dynamic-search-input .search-input {\n  box-sizing: border-box; }\n\n.dynamic-search-popover-child {\n  padding: 5px 32px; }\n  .dynamic-search-popover-child:hover {\n    cursor: pointer;\n    user-select: none;\n    background: #007ac0;\n    color: #fff;\n    fill: #fff; }\n");v(".capture-event .capture-event-controls {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 20px; }\n  .capture-event .capture-event-controls .status-message {\n    font-size: 12px;\n    line-height: 16px;\n    display: flex;\n    align-items: center;\n    gap: 4px; }\n    .capture-event .capture-event-controls .status-message.pending {\n      color: #74777a; }\n    .capture-event .capture-event-controls .status-message.success {\n      color: #107e3e;\n      fill: #107e3e; }\n    .capture-event .capture-event-controls .status-message.failure {\n      color: #bb0000;\n      fill: #bb0000; }\n");v(".copy-text {\n  display: flex;\n  column-gap: 8px; }\n  .copy-text .input-container {\n    width: 100%; }\n    .copy-text .input-container .input-textbox {\n      width: 100%; }\n  .copy-text .copy-button-container .selected-button {\n    display: flex; }\n    .copy-text .copy-button-container .selected-button .selected-button-text {\n      display: flex;\n      align-self: center; }\n");function Ne(e){return"string"==typeof e}v(".field-mapper {\n  padding-bottom: 12px; }\n  .field-mapper .field-mapper-row-container .field-mapper-row {\n    border-top: 1px solid #E5E5E5; }\n  .field-mapper .field-mapper-row-container.field-mapper-header-row {\n    margin-bottom: 10px;\n    padding-left: 12px; }\n    .field-mapper .field-mapper-row-container.field-mapper-header-row .field-mapper-row {\n      border: 0; }\n    .field-mapper .field-mapper-row-container.field-mapper-header-row .field-mapper-key, .field-mapper .field-mapper-row-container.field-mapper-header-row .field-mapper-value {\n      border: 0;\n      display: flex;\n      align-items: center; }\n      .field-mapper .field-mapper-row-container.field-mapper-header-row .field-mapper-key .field-mapper-header-cell, .field-mapper .field-mapper-row-container.field-mapper-header-row .field-mapper-value .field-mapper-header-cell {\n        color: #6A6D70;\n        font-weight: bold;\n        font-size: 12px; }\n    .field-mapper .field-mapper-row-container.field-mapper-header-row .field-mapper-key {\n      padding-top: 0;\n      padding-right: 24px;\n      padding-bottom: 0;\n      padding-left: 0; }\n    .field-mapper .field-mapper-row-container.field-mapper-header-row .field-mapper-value {\n      padding-top: 0;\n      padding-right: 0;\n      padding-bottom: 0;\n      padding-left: 12px; }\n  .field-mapper .add-field-button-container {\n    padding-top: 12px; }\n");v(".field-mapper-row .field-mapper-row-content {\n  display: flex;\n  align-items: center; }\n  .field-mapper-row .field-mapper-row-content .field-mapper-key {\n    flex: 4;\n    min-width: 33%; }\n  .field-mapper-row .field-mapper-row-content .field-mapper-value {\n    flex: 7; }\n  .field-mapper-row .field-mapper-row-content .remove-row-container {\n    min-height: 100%;\n    padding: 8px 12px;\n    border-left: 1px solid #E5E5E5; }\n    .field-mapper-row .field-mapper-row-content .remove-row-container.hide-remove-button {\n      border: 0; }\n    .field-mapper-row .field-mapper-row-content .remove-row-container .empty-remove-button {\n      min-width: 36px; }\n");v(".field-mapper-key {\n  padding-top: 8px;\n  padding-right: 12px;\n  padding-bottom: 8px;\n  padding-left: 12px; }\n  .field-mapper-key .field-mapper-key-select-container .field-mapper-key-dropdown {\n    width: 100%; }\n  .field-mapper-key .field-mapper-key-select-container .field-mapper-key-dropdown-button {\n    width: 100%; }\n  .field-mapper-key .field-mapper-key-select-container .field-mapper-key-disabled {\n    opacity: 1;\n    /*\n        Styles below are copied \n            verbatim from the styles on the <span> element\n            in the QDS Dropdwon & DropdownButton components\n      */\n    /*[BEGIN COPIED STYLES]*/\n    line-height: normal;\n    padding: 0 4px 0 12px;\n    display: inline-flex;\n    justify-content: space-between;\n    align-items: center;\n    background-color: #fafafa;\n    color: #32363a;\n    border-color: rgba(137, 137, 137, 0.6);\n    /*[END COPIED STYLES]*/ }\n    .field-mapper-key .field-mapper-key-select-container .field-mapper-key-disabled .field-mapper-key-disabled-text {\n      /*[BEGIN COPIED STYLES]*/\n      font-size: 14px;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      min-height: 10px;\n      /*[END COPIED STYLES]*/\n      opacity: 0.9; }\n    .field-mapper-key .field-mapper-key-select-container .field-mapper-key-disabled .field-mapper-key-disabled-icon {\n      /*[BEGIN COPIED STYLES]*/\n      fill: #515559;\n      /*[END COPIED STYLES]*/\n      opacity: 0.6; }\n  .field-mapper-key .field-mapper-key-select-container .required-field-container {\n    display: flex; }\n    .field-mapper-key .field-mapper-key-select-container .required-field-container .required-field-text {\n      min-width: 0;\n      font-size: 14px; }\n    .field-mapper-key .field-mapper-key-select-container .required-field-container .required-field-symbol {\n      margin-top: -2px; }\n");var Fe=c.default.forwardRef((function(e,t){var i,o,a,l,u,d,s,p;return s=Array.isArray(e.availableFields)?e.availableFields:[],p="function"==typeof e.onChange?e.onChange:function(){},c.default.createElement("div",{className:"field-mapper-key"+(e.className?" "+e.className:""),ref:t},c.default.createElement(n.Tooltip,{disabled:!e.tooltip,content:null!==(i=e.tooltip)&&void 0!==i?i:null},c.default.Children.count(e.children)>0?e.children:c.default.createElement("div",{className:"field-mapper-key-select-container"},function(){var t;return!((null==s?void 0:s.length)>0)&&!(null===(t=e.selectedField)||void 0===t?void 0:t.required)}()?c.default.createElement(n.Button,{className:"field-mapper-key-disabled",disabled:!0,full:!0},c.default.createElement("div",{className:"field-mapper-key-disabled-text"},null===(o=e.selectedField)||void 0===o?void 0:o.label),c.default.createElement(r.ChevronDownIcon,{className:"field-mapper-key-disabled-icon",size:"medium","aria-hidden":"true"})):!0===(null===(a=e.selectedField)||void 0===a?void 0:a.required)?c.default.createElement("div",{className:"required-field-container"},c.default.createElement("div",{className:"required-field-text"},null===(l=e.selectedField)||void 0===l?void 0:l.label),c.default.createElement("div",{className:"required-field-symbol"},"*")):c.default.createElement(n.Dropdown,{className:"field-mapper-key-dropdown",onChange:function(t){var n;if(void 0===(n=s.find((function(e){return e.value===t}))))return;p(e.selectedField,n)}},c.default.createElement(n.DropdownButton,{className:"field-mapper-key-dropdown-button",label:null===(u=e.selectedField)||void 0===u?void 0:u.label}),c.default.createElement(n.DropdownList,null,null===(d=e.availableFields)||void 0===d?void 0:d.map((function(e){return c.default.createElement(n.DropdownOption,{key:e.key,label:e.label,value:e.value})})))))))}));v(".field-mapper-value {\n  border-left: 1px solid #E5E5E5;\n  padding-top: 8px;\n  padding-right: 12px;\n  padding-bottom: 8px;\n  padding-left: 12px; }\n");var Te=c.default.forwardRef((function(e,t){var r,i,o;return c.default.createElement("div",{className:"field-mapper-value"+(e.className?" "+e.className:""),ref:t},c.default.createElement(n.Tooltip,{disabled:!e.tooltip,content:null!==(r=e.tooltip)&&void 0!==r?r:null},c.default.Children.count(e.children)>0?e.children:c.default.createElement("div",{className:"piped-text-input-value-container"},c.default.createElement(ge,G({items:null!==(i=e.pipedTextItems)&&void 0!==i?i:[],onChange:null!==(o=e.onChange)&&void 0!==o?o:function(){},value:e.inputValue},e.inputProps)))))})),Pe=c.default.forwardRef((function(e,t){return c.default.createElement("div",{className:"field-mapper-row"+(e.className?" "+e.className:""),ref:t},c.default.createElement("div",{className:"field-mapper-row-content"},c.default.Children.map(e.children,(function(t){return function(t){var n,r,i,o,a,l,u,d,s,p,f,m;switch(l={},u={},t.type){case Fe:d=!Array.isArray(t.props.availableFields)&&(null===(n=e.availableFields)||void 0===n?void 0:n.length)>0,s="object"!=typeof t.props.selectedField&&void 0!==e.selectedField,p="function"!=typeof t.props.onChange&&"function"==typeof e.onFieldKeyChange,d&&(l.availableFields=null!==(i=null===(r=e.availableFields)||void 0===r?void 0:r.slice())&&void 0!==i?i:[]),s&&(l.selectedField=Object.assign({},e.selectedField)),p&&(l.onChange=function(t,n){e.onFieldKeyChange(t,n)}),c.default.isValidElement(t)&&(d||s||p)&&(t=c.default.cloneElement(t,l)),a=t;break;case Te:f=!Array.isArray(t.props.pipedTextItems)&&(null===(o=e.pipedTextItems)||void 0===o?void 0:o.length)>0,m="function"!=typeof t.props.onChange&&"function"==typeof e.onFieldValueChange,f&&(u.pipedTextItems=e.pipedTextItems),m&&(u.onChange=function(t){e.onFieldValueChange(e.selectedField,t)}),c.default.isValidElement(t)&&(f||m)&&(t=c.default.cloneElement(t,u)),a=t;break;default:a=t}return a}(t)})),c.default.createElement("div",{className:"remove-row-container"+(!1===e.showRemove?" hide-remove-button":"")},!1===e.showRemove?c.default.createElement("div",{className:"empty-remove-button"}):c.default.createElement(n.IconButton,{"aria-label":"Remove",onClick:function(t){var n;null===(n=e.onFieldRemove)||void 0===n||n.call(e,e.selectedField)}},c.default.createElement(r.RemoveItemIcon,null)))))})),Me=c.default.forwardRef((function(e,t){var i,o,a,l,u,d;return c.default.createElement("div",{className:"field-mapper "+(null!==(i=e.className)&&void 0!==i?i:""),ref:t},(Ne(e.fieldKeysHeaderText)||Ne(e.fieldValuesHeaderText))&&c.default.createElement("div",{className:"field-mapper-row-container field-mapper-header-row"},c.default.createElement(Pe,{showRemove:!1},c.default.createElement(Fe,null,c.default.createElement("div",{className:"field-mapper-header-cell field-mapper-key-header"},null!==(o=e.fieldKeysHeaderText)&&void 0!==o?o:"")),c.default.createElement(Te,null,c.default.createElement("div",{className:"field-mapper-header-cell field-mapper-value-header"},null!==(a=e.fieldValuesHeaderText)&&void 0!==a?a:"")))),c.default.createElement("div",{className:"field-mapper-row-container"},c.default.Children.map(e.children,(function(t){return function(t){var n,r,i,o,a,l,u,d,s,p,f;if(a={},t.type===Pe)o=t;else o=c.default.createElement(Pe,null,t);l=!Array.isArray(o.props.availableFields)&&(null===(n=e.availableFields)||void 0===n?void 0:n.length)>0,u="function"!=typeof o.props.onFieldRemove&&"function"==typeof e.onFieldRemove,d=!Array.isArray(o.props.pipedTextItems)&&(null===(r=e.pipedTextItems)||void 0===r?void 0:r.length)>0,s="function"!=typeof o.props.onFieldKeyChange&&"function"==typeof e.onFieldKeyChange,p="function"!=typeof o.props.onFieldValueChange&&"function"==typeof e.onFieldValueChange,f="boolean"!=typeof o.props.showRemove&&"boolean"==typeof(null===(i=t.props.selectedField)||void 0===i?void 0:i.required),l&&(a.availableFields=e.availableFields.slice());u&&(a.onFieldRemove=function(t){return e.onFieldRemove(t)});d&&(a.pipedTextItems=e.pipedTextItems);s&&(a.onFieldKeyChange=function(t,n){return e.onFieldKeyChange(t,n)});p&&(a.onFieldValueChange=function(t,n){return e.onFieldValueChange(t,n)});f&&(a.showRemove=!t.props.selectedField.required);return o=c.default.cloneElement(o,a)}(t)}))),c.default.createElement("div",{className:"add-field-button-container"},Array.isArray(e.availableFields)&&e.availableFields.length>0?c.default.createElement(n.Dropdown,null,c.default.createElement(n.DropdownButton,null,c.default.createElement(n.Button,{className:"add-field-button",kind:"secondary"},c.default.createElement("div",{className:"add-field-icon"},c.default.createElement(r.AddIcon,null)),c.default.createElement("div",{className:"add-field-button-label"},null!==(u=e.addFieldLabel)&&void 0!==u?u:"{{MISSING_I18N_STRING}}"))),c.default.createElement(n.DropdownList,null,null===(d=e.availableFields)||void 0===d?void 0:d.map((function(t){return c.default.createElement(n.DropdownOption,{key:t.key,value:t.value,label:t.label,onSelect:function(n){var r,i;r=t.value,(i=e.availableFields.find((function(e){return e.value===r})))&&e.onFieldAdd(i)}})})))):c.default.createElement(n.Button,{disabled:!0,kind:"secondary",className:"add-field-button"},c.default.createElement("div",{className:"add-field-icon"},c.default.createElement(r.AddIcon,null)),c.default.createElement("div",{className:"add-field-button-label"},null!==(l=e.addFieldLabel)&&void 0!==l?l:"{{MISSING_I18N_STRING}}"))))}));exports.CaptureEvent=function(e){return c.default.createElement("div",{className:"capture-event"},c.default.createElement("div",{className:"capture-event-controls"},"pending"===e.status?c.default.createElement("div",{className:"capture-event-button-container"},c.default.createElement(n.Button,{kind:"secondary",onClick:function(){return e.onCancel()}},e.cancelCaptureTranslation)):c.default.createElement("div",{className:"capture-event-button-container"},c.default.createElement(n.Button,{kind:"primary",onClick:function(){return e.onStart()}},e.startCaptureTranslation)),(t={default:["",void 0],pending:[e.pendingStatusTranslation,c.default.createElement(n.LoadingSpinner,{size:"small",show:!0})],success:[e.successStatusTranslation,c.default.createElement(r.SuccessIcon,{size:"small"})],failure:[e.failureStatusTranslation,c.default.createElement(r.ErrorIcon,{size:"small"})]}[e.status],i=t[0],o=t[1],c.default.createElement("div",{className:"status-message ".concat(e.status)},o,i))),void 0!==e.payload&&c.default.createElement(n.FormField,{isReadOnly:!0},c.default.createElement(n.InputField,{"aria-readonly":!0,label:e.payloadLabelTranslation,multiline:!0,readOnly:!0,full:!0,value:e.payload,className:"polled-response-output"})));var t,i,o},exports.CopyText=function(t){var i=e.useState(!1),o=i[0],a=i[1];return c.default.createElement("div",{className:"copy-text"},c.default.createElement("div",{className:"input-container"},c.default.createElement(n.Input,{className:"input-textbox",defaultValue:t.text,"aria-readonly":!0,readOnly:!0})),c.default.createElement("div",{className:"copy-button-container"},c.default.createElement(n.Button,{kind:"secondary",disabled:o,onClick:function(){try{navigator.clipboard.writeText(t.text),a(!0),setTimeout((function(){return a(!1)}),1500)}catch(e){console.error("Failed to copy text"),console.error(e)}}},o?c.default.createElement("div",{className:"selected-button"},c.default.createElement("div",{className:"selected-button-icon"},c.default.createElement(r.CheckIcon,null)),c.default.createElement("div",{className:"selected-button-text"},t.copySelectedTranslation)):c.default.createElement("div",{className:"default-button"},t.copyTranslation))))},exports.DynamicSearchInput=function(t){var r=j(e.useState(!1),2),i=r[0],o=r[1],a=j(e.useState([]),2),l=a[0],u=a[1],d=j(e.useState(""),2),p=d[0],f=d[1];e.useEffect((function(){if(t.search&&"function"!=typeof t.search)throw new Error("DynamicSearchInput: Expected function for search property");if(t.onChange&&"function"!=typeof t.onChange)throw new Error("DynamicSearchInput: Expected onChange to be a function. Received type ".concat(y(t.onChange)));if(!t.search&&void 0===t.items)throw new Error("DynamicSearchInput: Expected one of either items or search function but found neither");if(t.search&&void 0!==t.items)throw new Error("DynamicSearchInput: Expected one of either items or search function but found both");if(void 0!==t.items){if(!Array.isArray(t.items))throw new Error("DynamicSearchInput: expected items property to be an Array");t.items.forEach((function(e){if(void 0===e.props.label)throw new Error('DynamicSearchInput: expected items in items property to have "label" property')}))}}),[]);var m,h,v=function(e,n){"function"==typeof t.onChange&&t.onChange(e,n)},x=(m=E(g().mark((function e(n){var r;return g().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(""!==(n=((n||"")+"").trim().toLowerCase())){e.next=3;break}return e.abrupt("return",[]);case 3:return r=t.items.filter((function(e){return e.props.label.toLowerCase().includes(n)})),e.abrupt("return",r);case 5:case"end":return e.stop()}}),e)}))),function(e){return m.apply(this,arguments)}),b=(h=E(g().mark((function e(n){var r,i,a,l,d;return g().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n.persist(),r=s.default(n,"target.value",""),i=t.search?t.search:x,e.next=5,i(r);case 5:if(a=e.sent,Array.isArray(a)){e.next=9;break}throw l=(void 0===a?"undefined":null===a&&"null")||a.constructor&&a.constructor.name||a,new Error("DynamicSearchInput: expected result from search function to be Array, but was ".concat(l));case 9:d=a.map((function(e){if(void 0===s.default(e,"props.label"))throw new Error("DynamicSearchInput: expected search result array values to have label property but found none");return c.default.createElement(Se,{key:e.props.id,onClick:function(){var t;t=e.props.label,f(t),v(t),o(!1)}},e)})),f(r),d.length>0?o(!0):o(!1),u(d),v(r,n);case 14:case"end":return e.stop()}}),e)}))),function(e){return h.apply(this,arguments)});return c.default.createElement("div",{className:"dynamic-search-input"},c.default.createElement(W,{show:i,onClose:function(){o(!1)},anchor:c.default.createElement(n.Input,{className:"search-input",full:!0,small:!0,placeholder:t.placeholder,value:p,onChange:b})},l))},exports.FieldItem=we,exports.FieldMapper=Me,exports.FieldMapperKey=Fe,exports.FieldMapperRow=Pe,exports.FieldMapperValue=Te,exports.MultiselectDropdown=function(t){var r=j(e.useState(!1),2),i=r[0],o=r[1],a=t.label||"",l=function(e,n){"function"==typeof t.onChange&&t.onChange(e,n)},u=t.children||[];if(!Array.isArray(u)){var d=[];d.push(u),u=d}return c.default.createElement("div",{className:"multiselect-dropdown"},c.default.createElement(W,{show:i,onClose:function(){o(!1)},ignoreClickSelector:".multiselect-dropdown-toggle",anchor:c.default.createElement("div",{className:"multiselect-dropdown-toggle"},c.default.createElement(n.Button,{onClick:function(){o(!i)}},a))},u.map((function(e){return c.default.createElement(Ce,{onChange:l,checked:e.props.checked,value:e.props.value,key:e.props.value},e.props.children)}))))},exports.PipedTextInput=ge,exports.PipedTextSelect=be,exports.PluginSdkService=_,exports.Popover=W,exports.SelectItem=Ce,exports.TaskFields=function(t){var n=j(e.useState([]),2),r=n[0],i=n[1],o=j(e.useState([]),2),a=o[0],l=o[1],u=j(e.useState(),2),d=u[0],p=u[1],f=function(e,n){"function"==typeof t.onFieldSwitch&&t.onFieldSwitch(e,n)},m=function(e,n,r){"function"==typeof t.onFieldInputChange&&t.onFieldInputChange(e,n,r)},v=function(e,n){var r=s.default(t,"customFieldOptions.onCustomFieldNameChange");"function"==typeof r&&r(e,n)},x=function(e,t,n){var r=e.slice();return t.forEach((function(e){void 0!==e.subMenu&&n===e.id&&(-1===r.findIndex((function(t){return t.id===e.id}))&&r.push(e))})),r},b=function(e){"function"==typeof t.onFieldRemove&&t.onFieldRemove(e)},g=function(e){var n,r,i=[];if(void 0!==e)return Array.isArray(t.children)?n=t.children:(n=[]).push(t.children),r=[],n.forEach((function(e){e.props.required&&r.push({required:e.props.required,name:e.props.name,id:e.props.id,children:e.props.children,nameTooltip:e.props.nameTooltip,valueTooltip:e.props.valueTooltip,value:e.props.value||void 0,valuePlaceholder:e.props.valuePlaceholder,subMenu:e.props.subMenu,subMenuLabel:e.props.subMenuLabel})})),i=function(n){var r=n.slice();return(t.values||[]).forEach((function(n){var i=e.find((function(e){return e.id===n.id}));if(void 0!==i)!function(e,t,n){var r=e.find((function(e){return e.id===t.id}));if(void 0!==r)r.value=t.value;else{var i=h.default(n,(function(e){if(c.default.isValidElement(e))return c.default.cloneElement(e)}));i.value=t.value,e.push(i)}}(r,n,i);else if(t.customFieldOptions){var o={required:!1,name:n.name,id:n.id,value:n.value,nameTooltip:s.default(t,"customFieldOptions.nameTooltip",""),valueTooltip:s.default(t,"customFieldOptions.valueTooltip",""),namePlaceholder:s.default(t,"customFieldOptions.namePlaceholder",""),type:"custom",subMenu:n.subMenu,subMenuLabel:n.subMenuLabel};r.push(o)}})),r}(i=r),i=function(e,n){var r=e.slice(),i=t.values||[];return r=r.map((function(e){var t,r;return t=i.find((function(t){return t.id===e.id})),void 0===n.find((function(e){return e.props.id===t.id}))||e.required||(r=n.find((function(e){return e.props.id===t.id})),e=Object.assign({},e,{name:r.props.name,id:r.props.id,children:r.props.children,nameTooltip:r.props.nameTooltip,valueTooltip:r.props.valueTooltip,valuePlaceholder:r.props.valuePlaceholder,subMenu:r.props.subMenu,subMenuLabel:r.props.subMenuLabel})),e}))}(i,n),i},y=function(){var e=t.children.map((function(e){var t=e.props;return{required:t.required,name:t.name,id:t.id,children:t.children,nameTooltip:t.nameTooltip,valueTooltip:t.valueTooltip,valuePlaceholder:t.valuePlaceholder,subMenu:t.subMenu,subMenuLabel:t.subMenuLabel}})),n=g(e),r=e.filter((function(e){return-1===n.findIndex((function(t){return e.id===t.id}))}));p(e),i(n),l(r)};return e.useEffect((function(){y()}),[]),e.useEffect((function(){y()}),[t.values]),c.default.createElement("div",{className:"task-fields"},c.default.createElement("div",{className:"field-table",tabIndex:"0"},c.default.createElement("div",{className:"field-headers"},c.default.createElement(ke,{itemHeaderText:t.fieldItemsHeaderText,inputHeaderText:t.fieldInputsHeaderText})),c.default.createElement("div",{className:"field-rows"},r.map((function(e){return c.default.createElement(ye,{customInput:e.children,required:e.required,fieldName:e.name,id:e.id,subMenu:e.subMenu,subMenuLabel:e.subMenuLabel,nameTooltip:"custom"===e.type?s.default(t,"customFieldOptions.nameTooltip",""):e.nameTooltip,valueTooltip:"custom"===e.type?s.default(t,"customFieldOptions.valueTooltip",""):e.valueTooltip,onFieldNameChange:v,onFieldValueChange:m,onFieldSwitch:f,onRemove:b,isCustom:"custom"===e.type,key:e.id,value:e.value,valuePlaceholder:"custom"===e.type?s.default(t,"customFieldOptions.valuePlaceholder",""):e.valuePlaceholder,customNamePlaceholder:s.default(t,"customFieldOptions.namePlaceholder",""),pipedTextItems:t.pipedTextItems,searchable:t.searchable},d&&x(a,d,e.id))})))),c.default.createElement("div",{className:"add-field-container"},c.default.createElement(Ie,{label:t.addFieldLabel,onFieldAdded:function(e){"function"==typeof t.onFieldAdd&&t.onFieldAdd(e)},disableAddFieldPopover:t.disableAddFieldPopover,allowCustom:t.customFieldOptions,customLabel:s.default(t,"customFieldOptions.label",""),onCustomFieldAdded:t.customFieldOptions?function(){s.default(t,"customFieldOptions.onCustomFieldAdd",(function(){}))()}:function(){}},a.map((function(e){return c.default.createElement(we,{name:e.name,type:e.type,required:e.required,key:e.id,id:e.id,subMenu:e.subMenu,subMenuLabel:e.subMenuLabel})})))))},exports.languageCodeAdapter=function(e){var t;if(void 0===(t=K[e]))throw new Error("No language code mapping found for supplied code: '".concat(e,"'"));return t};