@washingtonpost/subs-de-inputs 0.2.0-canary.0 → 0.2.0

package/dist/subs-de-inputs.esm.js

@@ -1,19 +1,20 @@
-import { getCookie, WPGeo, JSON_HEADERS, ENDPOINTS, ResponseStatus } from '@washingtonpost/subs-sdk';
+import { getCookie, WPGeo, JSON_HEADERS, ResponseStatus, ENDPOINTS } from '@washingtonpost/subs-sdk';
 import React, { useState, useEffect } from 'react';
 import { Select, theme, styled } from '@washingtonpost/wpds-ui-kit';
+import { useScript, ScriptStatus } from '@washingtonpost/subs-hooks';
 
-var CollectionBehaviors = {
+const CollectionBehaviors = {
   COLLECT: 'COLLECT',
   DO_NOT_COLLECT: 'DO_NOT_COLLECT'
 };
-var AttributesState = {
+const AttributesState = {
   SUCCESS: '100'
 };
-var IngestType = {
+const IngestType = {
   EXPLICIT: 'explicit',
   IMPLICIT: 'implicit'
 };
-var IngestResponseState = {
+const IngestResponseState = {
   SUCCESS: '100',
   SYSTEM_ERROR: '101',
   INVALID_TYPE: '102',
@@ -22,624 +23,204 @@ var IngestResponseState = {
   INVALID_ATTRIBUTE_DEFINITION: '105',
   INVALID_META_DEFINITION: '106',
   UNAUTHENTICATED: '107',
-  MISMATCHED_IDENTIFIER: '108'
+  MISMATCHED_IDENTIFIER: '108',
+  DISABLED_ATTRIBUTE_DEFINITION: '109',
+  DO_NOT_COLLECT: '110'
 };
 
-var hasRequiredPrivacyCookies = function hasRequiredPrivacyCookies() {
+const hasRequiredPrivacyCookies = () => {
   var _WPGeo;
   if (typeof window === 'undefined') {
     return false;
   }
-  var wp_usp = getCookie('wp_usp');
-  var countryCode = (_WPGeo = WPGeo()) == null ? void 0 : _WPGeo.country_code;
+  const wp_usp = getCookie('wp_usp');
+  const countryCode = (_WPGeo = WPGeo()) === null || _WPGeo === void 0 ? void 0 : _WPGeo.country_code;
   return !!(wp_usp && countryCode === 'US');
 };
 
-function _regeneratorRuntime() {
-  _regeneratorRuntime = function () {
-    return exports;
-  };
-  var exports = {},
-    Op = Object.prototype,
-    hasOwn = Op.hasOwnProperty,
-    defineProperty = Object.defineProperty || function (obj, key, desc) {
-      obj[key] = desc.value;
-    },
-    $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];
-  }
+const base = `${ENDPOINTS.base}/de/v1`;
+const attributesCache = {};
+const getAttributes = async _ref => {
+  let {
+    fieldName
+  } = _ref;
+  if (attributesCache[fieldName]) {
+    return attributesCache[fieldName];
+  }
+  const fieldNames = [fieldName];
   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 defineProperty(generator, "_invoke", {
-      value: makeInvokeMethod(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
-      };
+    const url = new URL(`${base}/attributes`);
+    url.searchParams.set('attributes', fieldNames.join(','));
+    const data = await fetch(url.toString(), {
+      credentials: 'include',
+      headers: JSON_HEADERS
+    });
+    const json = await data.json();
+    if (data.ok && json.status === ResponseStatus.SUCCESS) {
+      const attributes = json.attributes || [];
+      attributesCache[fieldName] = attributes;
+      return attributes;
+    } else {
+      return [];
     }
+  } catch (e) {
+    console.debug(e);
+    return [];
   }
-  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);
-      });
+};
+const ingest = async _ref2 => {
+  let {
+    submitData: {
+      fieldName,
+      value
+    },
+    type,
+    source
+  } = _ref2;
+  const url = `${base}/ingest`;
+  const wapo_login_id = getCookie('wapo_login_id');
+  if (!hasRequiredPrivacyCookies()) {
+    throw new Error('does not satisfy cookie check');
+  }
+  let attributeInfo = attributesCache[fieldName];
+  if (!attributeInfo) {
+    attributeInfo = await getAttributes({
+      fieldName
     });
   }
-  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);
+  if (attributeInfo[0] && attributeInfo[0].name === fieldName && attributeInfo[0].collection_behavior === CollectionBehaviors.DO_NOT_COLLECT) {
+    throw new Error('do not collect');
+  }
+  const jucid = localStorage.getItem('uuid');
+  const ga = getCookie('_ga');
+  const payload = {
+    jucid,
+    ga,
+    type,
+    wapo_login_id,
+    data: {
+      fieldName,
+      value
+    },
+    metadata: {
+      source
     }
-    var previousPromise;
-    defineProperty(this, "_invoke", {
-      value: function (method, arg) {
-        function callInvokeWithMethodAndArg() {
-          return new PromiseImpl(function (resolve, reject) {
-            invoke(method, arg, resolve, reject);
-          });
-        }
-        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      }
+  };
+  try {
+    const response = await fetch(url, {
+      method: 'POST',
+      credentials: 'include',
+      headers: JSON_HEADERS,
+      body: JSON.stringify(payload)
     });
+    const json = await response.json();
+    return json;
+  } catch (e) {
+    console.debug(e);
+    return null;
   }
-  function makeInvokeMethod(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
-          };
+};
+
+const scriptSrc = `${ENDPOINTS.staticAssets === 'https://subscribe.washingtonpost.com/static' ? 'https://www.washingtonpost.com/subscribe/static/' : ENDPOINTS.staticAssets}/de-utils/twpdeu.min.js`;
+const DESelect = _ref => {
+  let {
+    source,
+    fieldName,
+    label,
+    dataDictionaryConfig,
+    defaultValue,
+    disabled,
+    submit,
+    onChange = () => {},
+    onFinished = () => {},
+    valuesFilter = () => true,
+    children
+  } = _ref;
+  const [config, setConfig] = useState(dataDictionaryConfig);
+  const [selected, setSelected] = useState('');
+  const scriptStatus = useScript(scriptSrc);
+  useEffect(() => {
+    const fetchConfig = async () => {
+      try {
+        var _window;
+        const config = await ((_window = window) === null || _window === void 0 || (_window = _window.__twpdeu) === null || _window === void 0 ? void 0 : _window.getFieldConfigs({
+          fieldName
+        }));
+        if (config) {
+          setConfig(config[0]);
+        } else {
+          console.error('unable to get config', fieldName);
         }
-        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
+      } catch (e) {
+        console.warn('unable to get config', fieldName, e);
       }
     };
-  }
-  function maybeInvokeDelegate(delegate, context) {
-    var methodName = context.method,
-      method = delegate.iterator[methodName];
-    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), 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;
-      }
+    if (scriptStatus === ScriptStatus.READY && !(children || config)) {
+      fetchConfig();
     }
-    return {
-      next: doneResult
-    };
-  }
-  function doneResult() {
-    return {
-      value: undefined,
-      done: !0
-    };
-  }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: !0
-  }), defineProperty(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: !0
-  }), 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 (val) {
-    var object = Object(val),
-      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;
+  }, [scriptStatus]);
+  useEffect(() => {
+    const submitSelected = async () => {
+      try {
+        // TODO: Switch to window.__twpdeu.push
+        // TODO: Log to GA
+        const result = await ingest({
+          submitData: {
+            fieldName,
+            value: [selected]
+          },
+          type: config !== null && config !== void 0 && config.explicit ? IngestType.EXPLICIT : IngestType.IMPLICIT,
+          source
+        });
+        const isError = result ? result.status !== ResponseStatus.SUCCESS : true;
+        onFinished({
+          isFinished: true,
+          isError
+        });
+      } catch (e) {
+        onFinished({
+          isFinished: false,
+          isError: true
+        });
       }
-      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;
+    if (submit && selected) {
+      submitSelected();
     }
-  }, exports;
-}
-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 _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var base = ENDPOINTS.base + "/de/v1";
-var attributesCache = {};
-var getAttributes = /*#__PURE__*/function () {
-  var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
-    var fieldName, fieldNames, url, data, json, attributes;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          fieldName = _ref.fieldName;
-          if (!attributesCache[fieldName]) {
-            _context.next = 3;
-            break;
-          }
-          return _context.abrupt("return", attributesCache[fieldName]);
-        case 3:
-          fieldNames = [fieldName];
-          _context.prev = 4;
-          url = new URL(base + "/attributes");
-          url.searchParams.set('attributes', fieldNames.join(','));
-          _context.next = 9;
-          return fetch(url.toString(), {
-            credentials: 'include',
-            headers: JSON_HEADERS
-          });
-        case 9:
-          data = _context.sent;
-          _context.next = 12;
-          return data.json();
-        case 12:
-          json = _context.sent;
-          if (!(data.ok && json.status === ResponseStatus.SUCCESS)) {
-            _context.next = 19;
-            break;
-          }
-          attributes = json.attributes || [];
-          attributesCache[fieldName] = attributes;
-          return _context.abrupt("return", attributes);
-        case 19:
-          return _context.abrupt("return", []);
-        case 20:
-          _context.next = 26;
-          break;
-        case 22:
-          _context.prev = 22;
-          _context.t0 = _context["catch"](4);
-          console.debug(_context.t0);
-          return _context.abrupt("return", []);
-        case 26:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[4, 22]]);
-  }));
-  return function getAttributes(_x) {
-    return _ref2.apply(this, arguments);
-  };
-}();
-var ingest = /*#__PURE__*/function () {
-  var _ref4 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref3) {
-    var _ref3$submitData, fieldName, value, source, url, wapo_login_id, attributeInfo, jucid, ga, payload, response, json;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _ref3$submitData = _ref3.submitData, fieldName = _ref3$submitData.fieldName, value = _ref3$submitData.value, source = _ref3.source;
-          url = base + "/ingest";
-          wapo_login_id = getCookie('wapo_login_id');
-          if (hasRequiredPrivacyCookies()) {
-            _context2.next = 5;
-            break;
-          }
-          throw new Error('does not satisfy cookie check');
-        case 5:
-          attributeInfo = attributesCache[fieldName];
-          if (attributeInfo) {
-            _context2.next = 10;
-            break;
-          }
-          _context2.next = 9;
-          return getAttributes({
-            fieldName: fieldName
-          });
-        case 9:
-          attributeInfo = _context2.sent;
-        case 10:
-          if (!(attributeInfo[0] && attributeInfo[0].name === fieldName && attributeInfo[0].collection_behavior === CollectionBehaviors.DO_NOT_COLLECT)) {
-            _context2.next = 12;
-            break;
-          }
-          throw new Error('do not collect');
-        case 12:
-          jucid = localStorage.getItem('uuid');
-          ga = getCookie('_ga');
-          payload = {
-            jucid: jucid,
-            ga: ga,
-            type: IngestType.EXPLICIT,
-            wapo_login_id: wapo_login_id,
-            data: {
-              fieldName: fieldName,
-              value: value
-            },
-            metadata: {
-              source: source
-            }
-          };
-          _context2.prev = 15;
-          _context2.next = 18;
-          return fetch(url, {
-            method: 'POST',
-            credentials: 'include',
-            headers: JSON_HEADERS,
-            body: JSON.stringify(payload)
-          });
-        case 18:
-          response = _context2.sent;
-          _context2.next = 21;
-          return response.json();
-        case 21:
-          json = _context2.sent;
-          return _context2.abrupt("return", json);
-        case 25:
-          _context2.prev = 25;
-          _context2.t0 = _context2["catch"](15);
-          console.debug(_context2.t0);
-          return _context2.abrupt("return", null);
-        case 29:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2, null, [[15, 25]]);
-  }));
-  return function ingest(_x2) {
-    return _ref4.apply(this, arguments);
-  };
-}();
-
-var DESelect = function DESelect(_ref) {
-  var source = _ref.source,
-    fieldName = _ref.fieldName,
-    label = _ref.label,
-    dataDictionaryConfig = _ref.dataDictionaryConfig,
-    defaultValue = _ref.defaultValue,
-    disabled = _ref.disabled,
-    submit = _ref.submit,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-    _ref$onFinished = _ref.onFinished,
-    onFinished = _ref$onFinished === void 0 ? function () {} : _ref$onFinished,
-    _ref$valuesFilter = _ref.valuesFilter,
-    valuesFilter = _ref$valuesFilter === void 0 ? function () {
-      return true;
-    } : _ref$valuesFilter,
-    children = _ref.children;
-  var _useState = useState(dataDictionaryConfig),
-    config = _useState[0],
-    setConfig = _useState[1];
-  var _useState2 = useState(''),
-    selected = _useState2[0],
-    setSelected = _useState2[1];
-  useEffect(function () {
-    if (children) {
-      if (process.env.NODE_ENV !== "production") {
-        console.debug('childen props', children);
-      }
-      return;
-    }
-    if (!config) {
-      _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var config;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return getAttributes({
-                fieldName: fieldName
-              });
-            case 2:
-              config = _context.sent;
-              if (process.env.NODE_ENV !== "production") {
-                console.debug('config from API', config);
-              }
-              setConfig(config[0]);
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }))();
-    }
-  }, []);
-  useEffect(function () {
-    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var result, isError;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            if (!(submit && selected)) {
-              _context2.next = 6;
-              break;
-            }
-            _context2.next = 3;
-            return ingest({
-              submitData: {
-                fieldName: fieldName,
-                value: selected
-              },
-              source: source
-            });
-          case 3:
-            result = _context2.sent;
-            isError = result ? result.status !== ResponseStatus.SUCCESS : true;
-            onFinished({
-              isFinished: true,
-              isError: isError
-            });
-          case 6:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }))();
   }, [submit, selected]);
   if (!(children || config)) {
     return React.createElement("span", null, "loading");
   }
-  var defaultValueProp = defaultValue ? {
-    defaultValue: defaultValue
+  const defaultValueProp = defaultValue ? {
+    defaultValue
   } : {};
-  var disabledProp = disabled ? {
+  const disabledProp = disabled ? {
     disabled: true
   } : {};
   // sort and filter out archived values
-  var values = config ? config.values.sort(function (a, b) {
-    return a.order - b.order;
-  }).filter(function (value) {
-    return value.archived !== true;
-  }).filter(valuesFilter) : [];
-  return React.createElement(SelectWrapper, null, React.createElement(Select.Root, _extends({
-    onValueChange: function onValueChange(e) {
+  const values = config ? config.values.sort((a, b) => a.order - b.order).filter(value => value.archived !== true).filter(valuesFilter) : [];
+  return React.createElement(SelectWrapper, null, React.createElement(Select.Root, {
+    onValueChange: e => {
       onChange({
         value: e
       });
       setSelected(e);
-    }
-  }, defaultValueProp, disabledProp), children ? children : null, !children && config && React.createElement(React.Fragment, null, React.createElement(Select.Trigger, {
-    "data-test-id": config.name + "-select-trigger"
+    },
+    ...defaultValueProp,
+    ...disabledProp
+  }, children ? children : null, !children && config && React.createElement(React.Fragment, null, React.createElement(Select.Trigger, {
+    "data-test-id": `${config.name}-select-trigger`
   }, React.createElement(Select.Label, null, label || config.name), React.createElement(Select.Value, null)), React.createElement(Select.Content, {
     css: {
       zIndex: theme.zIndices.page
     },
-    "data-test-id": config.name + "-select-content"
-  }, values.map(function (value) {
-    return React.createElement(Select.Item, {
-      value: value.name,
-      key: value.name
-    }, value.name);
-  })))));
+    "data-test-id": `${config.name}-select-content`
+  }, values.map(value => React.createElement(Select.Item, {
+    value: value.name,
+    key: value.name
+  }, value.name))))));
 };
-var SelectWrapper = /*#__PURE__*/styled('div', {
+const SelectWrapper = /*#__PURE__*/styled('div', {
   boxSizing: 'border-box',
   display: 'flex',
   marginBottom: '$100',