lhcb-ntuple-wizard-test 1.1.14 → 1.2.0

package/dist/components/LinesTable.js

@@ -23,7 +23,11 @@ var _DeleteButton = _interopRequireDefault(require("./DeleteButton"));
 var _StrippingLine = _interopRequireDefault(require("./StrippingLine"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*****************************************************************************\
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*****************************************************************************\
 * (c) Copyright 2021-2024 CERN for the benefit of the LHCb Collaboration      *
 *                                                                             *
 * This software is distributed under the terms of the GNU General Public      *
@@ -33,7 +37,6 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 * granted to it by virtue of its status as an Intergovernmental Organization  *
 * or submit itself to any jurisdiction.                                       *
 \*****************************************************************************/
-
 function streamLinesToOption(row) {
   let opts = {};
   let streamArr = [];
@@ -87,514 +90,512 @@ function pathToOption(path) {
 class LinesTable extends _react.default.Component {
   constructor(props) {
     super(props);
-    this.propsVar = this.props;
-  }
-  componentDidMount() {
-    const urlParams = new URLSearchParams(window.location.search);
-    const isCloneParam = urlParams.get("clone");
-    if (isCloneParam === "1") {
-      if (!localStorage.getItem("yamlFilesToClone")) {
-        window.history.replaceState({}, document.title, window.location.pathname);
-        return;
-      }
-      this.setState({
-        prodUploadLoading: true,
-        rows: []
+    _defineProperty(this, "state", {
+      rows: this.props.rows.map(row => _objectSpread(_objectSpread({}, row), {}, {
+        dtt: row.dtt ? new _DTTConfig.default(row.dtt, []) : false
+      })),
+      showUploadModal: false,
+      showProdUploadModal: false,
+      prodUploadLoading: false,
+      modalID: -99,
+      productionName: this.props.name,
+      contactEmail: this.props.email,
+      reasonForRequest: this.props.reasonForRequest,
+      submitLocation: this.props.submitLocation,
+      hideDownloadButtons: this.props.hideDownloadButtons,
+      hideUploadButtons: this.props.hideUploadButtons,
+      requestLoading: false,
+      requestSubmitted: false,
+      emailIsKnown: this.props.emailIsKnown,
+      csrfToken: this.props.csrfToken,
+      showReasonForRequestModal: false,
+      requestReasonMessage: this.props.requestReasonMessage,
+      requestSubmittedMessage: this.props.requestSubmittedMessage
+    });
+    _defineProperty(this, "handleSubmitRows", history => {
+      let rows = [...this.state.rows];
+      rows.forEach(row => {
+        row.editTree = true;
       });
-      let files = JSON.parse(localStorage.getItem("yamlFilesToClone"));
-      for (let i = 0; i < files.length; i++) {
-        if (files[i].defaults) {
-          files[i].name = "info.yaml";
-        }
-        files[i].blob = new Blob([_jsYaml.default.dump(files[i])]);
-      }
-      this.uploadProductionConfig({
-        target: {
-          files
-        }
-      }, true);
-      setTimeout(() => {
-        this.uploadProductionConfig({
-          target: {
-            files
-          }
-        }, true);
-        this.setState({
-          prodUploadLoading: false
-        });
-        localStorage.removeItem("yamlFilesToClone");
-      }, 5000);
-    }
-  }
-  static contextType = (() => _MetadataContext.default)();
-  state = (() => ({
-    rows: this.props.rows.map(row => ({
-      ...row,
-      dtt: row.dtt ? new _DTTConfig.default(row.dtt, []) : false
-    })),
-    showUploadModal: false,
-    showProdUploadModal: false,
-    prodUploadLoading: false,
-    modalID: -99,
-    productionName: this.props.name,
-    contactEmail: this.props.email,
-    reasonForRequest: this.props.reasonForRequest,
-    submitLocation: this.props.submitLocation,
-    hideDownloadButtons: this.props.hideDownloadButtons,
-    hideUploadButtons: this.props.hideUploadButtons,
-    requestLoading: false,
-    requestSubmitted: false,
-    emailIsKnown: this.props.emailIsKnown,
-    csrfToken: this.props.csrfToken,
-    showReasonForRequestModal: false,
-    requestReasonMessage: this.props.requestReasonMessage,
-    requestSubmittedMessage: this.props.requestSubmittedMessage
-  }))();
-  handleSubmitRows = history => {
-    let rows = [...this.state.rows];
-    rows.forEach(row => {
-      row.editTree = true;
+      this.props.parentCallbackRows(rows);
+      this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, this.state.reasonForRequest);
+      history.push(this.propsVar.variablesPath);
     });
-    this.props.parentCallbackRows(rows);
-    this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, this.state.reasonForRequest);
-    history.push(this.propsVar.variablesPath);
-  };
-  handleSubmitSpecificRow = (history, idx) => {
-    let rows = [...this.state.rows];
-    rows.forEach(row => {
-      row.editTree = row.id === idx;
+    _defineProperty(this, "handleSubmitSpecificRow", (history, idx) => {
+      let rows = [...this.state.rows];
+      rows.forEach(row => {
+        row.editTree = row.id === idx;
+      });
+      this.props.parentCallbackRows(rows);
+      this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, this.state.reasonForRequest);
+      history.push(this.propsVar.variablesPath);
     });
-    this.props.parentCallbackRows(rows);
-    this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, this.state.reasonForRequest);
-    history.push(this.propsVar.variablesPath);
-  };
-  handleAddRow = history => {
-    let rows = [...this.state.rows];
-    this.props.parentCallbackRows(rows);
-    this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, this.state.reasonForRequest);
-    history.push(this.propsVar.decaysPath);
-  };
-  handleRemoveSpecificRow = id => () => {
-    let rows = [...this.state.rows];
-    rows = rows.filter(row => row.id !== id);
-    this.setState({
-      rows
+    _defineProperty(this, "handleAddRow", history => {
+      let rows = [...this.state.rows];
+      this.props.parentCallbackRows(rows);
+      this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, this.state.reasonForRequest);
+      history.push(this.propsVar.decaysPath);
     });
-    this.props.parentCallbackRows(rows);
-  };
-  handleRemoveSpecificRowDTT = id => () => {
-    let rows = [...this.state.rows];
-    const index = this.state.rows.findIndex(item => item.id === id);
-    rows[index].dtt = false;
-    this.setState({
-      rows
+    _defineProperty(this, "handleRemoveSpecificRow", id => () => {
+      let rows = [...this.state.rows];
+      rows = rows.filter(row => row.id !== id);
+      this.setState({
+        rows
+      });
+      this.props.parentCallbackRows(rows);
     });
-    this.props.parentCallbackRows(rows);
-  };
-  handleCreateDTT = id => () => {
-    let rows = [...this.state.rows];
-    const index = this.state.rows.findIndex(item => item.id === id);
-    rows[index].dtt = _DTTConfig.default.createDTT(rows[index].decay.descriptors.template, rows[index].decay.descriptors.mapped_list.flat(Infinity), [], "", this.context.metadata.tupleTools.tupleTools);
-    this.setInputs(id, rows[index].lines);
-    this.setState({
-      rows
+    _defineProperty(this, "handleRemoveSpecificRowDTT", id => () => {
+      let rows = [...this.state.rows];
+      const index = this.state.rows.findIndex(item => item.id === id);
+      rows[index].dtt = false;
+      this.setState({
+        rows
+      });
+      this.props.parentCallbackRows(rows);
     });
-    this.props.parentCallbackRows(rows);
-  };
-  validateDTTIsSetForAllRows = () => {
-    return this.state.rows.every(row => row.dtt);
-  };
-  setInputs = (id, lines) => {
-    let rows = [...this.state.rows];
-    const index = this.state.rows.findIndex(item => item.id === id);
-    const inputs = lines.map(_ref => {
-      let {
-        stream,
-        line
-      } = _ref;
-      const lineLocation = String(line).replace("Stripping", "");
-      return `/Event/${stream}/Phys/${lineLocation}/Particles`;
+    _defineProperty(this, "handleCreateDTT", id => () => {
+      let rows = [...this.state.rows];
+      const index = this.state.rows.findIndex(item => item.id === id);
+      rows[index].dtt = _DTTConfig.default.createDTT(rows[index].decay.descriptors.template, rows[index].decay.descriptors.mapped_list.flat(Infinity), [], "", this.context.metadata.tupleTools.tupleTools);
+      this.setInputs(id, rows[index].lines);
+      this.setState({
+        rows
+      });
+      this.props.parentCallbackRows(rows);
     });
-    rows[index].dtt.setInputs(inputs);
-    this.setState({
-      rows
+    _defineProperty(this, "validateDTTIsSetForAllRows", () => {
+      return this.state.rows.every(row => row.dtt);
     });
-    this.props.parentCallbackRows(rows);
-  };
-  changeSelStrLines = id => choices => {
-    let rows = [...this.state.rows];
-    const index = this.state.rows.findIndex(item => item.id === id); // All choices have the same value (row.id)
+    _defineProperty(this, "setInputs", (id, lines) => {
+      let rows = [...this.state.rows];
+      const index = this.state.rows.findIndex(item => item.id === id);
+      const inputs = lines.map(_ref => {
+        let {
+          stream,
+          line
+        } = _ref;
+        const lineLocation = String(line).replace("Stripping", "");
+        return "/Event/".concat(stream, "/Phys/").concat(lineLocation, "/Particles");
+      });
+      rows[index].dtt.setInputs(inputs);
+      this.setState({
+        rows
+      });
+      this.props.parentCallbackRows(rows);
+    });
+    _defineProperty(this, "changeSelStrLines", id => choices => {
+      let rows = [...this.state.rows];
+      const index = this.state.rows.findIndex(item => item.id === id); // All choices have the same value (row.id)
 
-    if (choices.length > 1) {
-      if (!confirm("Choosing multiple stripping lines... This can result in duplication of candidates within a given event! Are you sure you want to continue?")) {
-        choices.pop();
+      if (choices.length > 1) {
+        if (!confirm("Choosing multiple stripping lines... This can result in duplication of candidates within a given event! Are you sure you want to continue?")) {
+          choices.pop();
+        }
+      }
+      rows[index].lines = choices.map(choice => Object({
+        stream: choice.group,
+        line: choice.value,
+        versions: this.state.rows[index].decay.lines[choice.group + "/" + choice.value]
+      }));
+      this.setState({
+        rows
+      });
+      this.pathChoiceHandler(id)(rows[index].paths.map(path => ({
+        value: path
+      })));
+      if (rows[index].dtt) {
+        this.setInputs(id, rows[index].lines);
       }
-    }
-    rows[index].lines = choices.map(choice => Object({
-      stream: choice.group,
-      line: choice.value,
-      versions: this.state.rows[index].decay.lines[choice.group + "/" + choice.value]
-    }));
-    this.setState({
-      rows
     });
-    this.pathChoiceHandler(id)(rows[index].paths.map(path => ({
-      value: path
-    })));
-    if (rows[index].dtt) {
-      this.setInputs(id, rows[index].lines);
-    }
-  };
-  validatePath = (choice, lines) => {
-    const path = new _BKPath.default(choice);
-    if (!path.isValid()) {
-      return false;
-    }
-    return lines.every(line => {
-      const streamName = line.stream.toLowerCase();
-      const filename = path.getFilename().split(".")[0].toLowerCase();
-      const matchingVersion = line.versions.some(version => path.getStrippingVersion() === version);
-      return ["allstreams", streamName].includes(filename) && matchingVersion;
+    _defineProperty(this, "validatePath", (choice, lines) => {
+      const path = new _BKPath.default(choice);
+      if (!path.isValid()) {
+        return false;
+      }
+      return lines.every(line => {
+        const streamName = line.stream.toLowerCase();
+        const filename = path.getFilename().split(".")[0].toLowerCase();
+        const matchingVersion = line.versions.some(version => path.getStrippingVersion() === version);
+        return ["allstreams", streamName].includes(filename) && matchingVersion;
+      });
     });
-  };
-  pathChoiceHandler = id => choices => {
-    let rows = [...this.state.rows];
-    const index = this.state.rows.findIndex(item => item.id === id); // All choices have the same value (row.id)
-    const validPaths = choices.filter(choice => this.validatePath(choice.value, this.state.rows[index].lines)).map(choice => choice.value);
-    const validPathOptions = rows[index].pathOptions.filter(choice => this.validatePath(choice, this.state.rows[index].lines));
-    rows[index].paths = validPaths;
-    rows[index].pathOptions = validPathOptions;
-    this.setState({
-      rows
+    _defineProperty(this, "pathChoiceHandler", id => choices => {
+      let rows = [...this.state.rows];
+      const index = this.state.rows.findIndex(item => item.id === id); // All choices have the same value (row.id)
+      const validPaths = choices.filter(choice => this.validatePath(choice.value, this.state.rows[index].lines)).map(choice => choice.value);
+      const validPathOptions = rows[index].pathOptions.filter(choice => this.validatePath(choice, this.state.rows[index].lines));
+      rows[index].paths = validPaths;
+      rows[index].pathOptions = validPathOptions;
+      this.setState({
+        rows
+      });
+      this.props.parentCallbackRows(rows);
     });
-    this.props.parentCallbackRows(rows);
-  };
-  pathCreateHandler = id => choice => {
-    let rows = [...this.state.rows];
-    const index = this.state.rows.findIndex(item => item.id === id); // All choices have the same value (row.id)
-    if (this.validatePath(choice.value, this.state.rows[index].lines)) {
-      rows[index].paths.push(choice.value);
-      rows[index].pathOptions.push(choice.value);
-    }
-    this.setState({
-      rows
+    _defineProperty(this, "pathCreateHandler", id => choice => {
+      let rows = [...this.state.rows];
+      const index = this.state.rows.findIndex(item => item.id === id); // All choices have the same value (row.id)
+      if (this.validatePath(choice.value, this.state.rows[index].lines)) {
+        rows[index].paths.push(choice.value);
+        rows[index].pathOptions.push(choice.value);
+      }
+      this.setState({
+        rows
+      });
     });
-  };
-  setRowName = id => _ref2 => {
-    let {
-      target
-    } = _ref2;
-    let rows = [...this.state.rows];
-    const index = this.state.rows.findIndex(item => item.id === id);
-    rows[index].dtt.setName(target.value);
-    this.setState({
-      rows
+    _defineProperty(this, "setRowName", id => _ref2 => {
+      let {
+        target
+      } = _ref2;
+      let rows = [...this.state.rows];
+      const index = this.state.rows.findIndex(item => item.id === id);
+      rows[index].dtt.setName(target.value);
+      this.setState({
+        rows
+      });
+      this.props.parentCallbackRows(rows);
     });
-    this.props.parentCallbackRows(rows);
-  };
-  setProductionName = _ref3 => {
-    let {
-      target
-    } = _ref3;
-    const safeName = target.value.replaceAll(/[^\w]/g, "");
-    this.setState({
-      productionName: safeName
+    _defineProperty(this, "setProductionName", _ref3 => {
+      let {
+        target
+      } = _ref3;
+      const safeName = target.value.replaceAll(/[^\w]/g, "");
+      this.setState({
+        productionName: safeName
+      });
+      this.props.parentCallbackInfo(safeName, this.state.contactEmail, this.state.reasonForRequest);
     });
-    this.props.parentCallbackInfo(safeName, this.state.contactEmail, this.state.reasonForRequest);
-  };
-  setContactEmail = _ref4 => {
-    let {
-      target
-    } = _ref4;
-    const emails = target.value.split(/[\s,]+/);
-    this.setState({
-      contactEmail: emails
+    _defineProperty(this, "setContactEmail", _ref4 => {
+      let {
+        target
+      } = _ref4;
+      const emails = target.value.split(/[\s,]+/);
+      this.setState({
+        contactEmail: emails
+      });
+      const validEmails = emails.filter(email => _emailValidator.default.validate(email));
+      this.props.parentCallbackInfo(this.state.productionName, validEmails, this.state.reasonForRequest);
     });
-    const validEmails = emails.filter(email => _emailValidator.default.validate(email));
-    this.props.parentCallbackInfo(this.state.productionName, validEmails, this.state.reasonForRequest);
-  };
-  setReasonForRequest = _ref5 => {
-    let {
-      target
-    } = _ref5;
-    const reasonForRequest = target.value;
-    this.setState({
-      reasonForRequest: reasonForRequest
+    _defineProperty(this, "setReasonForRequest", _ref5 => {
+      let {
+        target
+      } = _ref5;
+      const reasonForRequest = target.value;
+      this.setState({
+        reasonForRequest: reasonForRequest
+      });
+      this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, reasonForRequest);
     });
-    this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, reasonForRequest);
-  };
-  clearAll = () => {
-    this.setState({
-      productionName: "",
-      contactEmail: [],
-      rows: [],
-      reasonForRequest: ""
+    _defineProperty(this, "clearAll", () => {
+      this.setState({
+        productionName: "",
+        contactEmail: [],
+        rows: [],
+        reasonForRequest: ""
+      });
+      this.props.parentCallbackRows([]);
+      this.props.parentCallbackInfo("", [], "");
     });
-    this.props.parentCallbackRows([]);
-    this.props.parentCallbackInfo("", [], "");
-  };
-  getBKPaths = id => {
-    const index = this.state.rows.findIndex(item => item.id === id);
-    const row = this.state.rows[index];
-    const options = row.paths.map(path => pathToOption(path));
-    return options;
-  };
-  defaultBKPaths = id => {
-    const index = this.state.rows.findIndex(item => item.id === id);
-    const row = this.state.rows[index];
-    const defaultOptions = this.context.loaded.dataset ? this.context.metadata.dataset.filter(path => this.validatePath(path, row.lines)).map(path => pathToOption(path)) : [];
-    const options = row.pathOptions.map(path => pathToOption(path));
-    return [].concat(defaultOptions, options);
-  };
-  createInfoYaml = () => {
-    const rows = [...this.state.rows];
-    const uniquePaths = new Set([].concat(...rows.map(row => row.paths)));
-    let email = this.state.contactEmail;
-    if (this.state.emailIsKnown) {
-      email = [localStorage.getItem("email")] || [];
-    }
-    const uniquePathList = [...uniquePaths].sort();
-    let info = {
-      defaults: {
-        application: "DaVinci/" + this.context.metadata.tupleTools.applicationInfo["DaVinci"],
-        wg: "OpenData",
-        // TODO: get input from (LHCb) user. keep "OpenData" if open data
-        automatically_configure: true,
-        inform: email,
-        output: "DVNtuple.root" // Probably okay to leave this as the default
+    _defineProperty(this, "getBKPaths", id => {
+      const index = this.state.rows.findIndex(item => item.id === id);
+      const row = this.state.rows[index];
+      const options = row.paths.map(path => pathToOption(path));
+      return options;
+    });
+    _defineProperty(this, "defaultBKPaths", id => {
+      const index = this.state.rows.findIndex(item => item.id === id);
+      const row = this.state.rows[index];
+      const defaultOptions = this.context.loaded.dataset ? this.context.metadata.dataset.filter(path => this.validatePath(path, row.lines)).map(path => pathToOption(path)) : [];
+      const options = row.pathOptions.map(path => pathToOption(path));
+      return [].concat(defaultOptions, options);
+    });
+    _defineProperty(this, "createInfoYaml", () => {
+      const rows = [...this.state.rows];
+      const uniquePaths = new Set([].concat(...rows.map(row => row.paths)));
+      let email = this.state.contactEmail;
+      if (this.state.emailIsKnown) {
+        email = [localStorage.getItem("email")] || [];
       }
-    };
-    rows.forEach(row => {
-      row.paths.forEach((path, _index) => {
-        const jobID = uniquePathList.findIndex(otherPath => otherPath === path);
-        const key = `job${jobID}`;
-        const dttFile = row.dtt.getSafeName();
-        if (key in info) {
-          info[key].options.push(dttFile);
-        } else {
-          info[key] = {
-            input: {
-              bk_query: path
-            },
-            options: [dttFile] // TODO: figure out the actual syntax that AnaProd needs to indicate that this is to be parsed into a DecayTreeTuple
-          };
-          if (path.includes("MDST")) {
-            const stream = row.lines[0].stream; // XXX: in the validation we enforce that each BK location be compatible with every line, so effectively forcing one stream per row
-            info[key].root_in_tes = `/Event/${stream}`;
-          }
+      const uniquePathList = [...uniquePaths].sort();
+      let info = {
+        defaults: {
+          application: "DaVinci/" + this.context.metadata.tupleTools.applicationInfo["DaVinci"],
+          wg: "OpenData",
+          // TODO: get input from (LHCb) user. keep "OpenData" if open data
+          automatically_configure: true,
+          inform: email,
+          output: "DVNtuple.root" // Probably okay to leave this as the default
         }
+      };
+      rows.forEach(row => {
+        row.paths.forEach((path, _index) => {
+          const jobID = uniquePathList.findIndex(otherPath => otherPath === path);
+          const key = "job".concat(jobID);
+          const dttFile = row.dtt.getSafeName();
+          if (key in info) {
+            info[key].options.push(dttFile);
+          } else {
+            info[key] = {
+              input: {
+                bk_query: path
+              },
+              options: [dttFile] // TODO: figure out the actual syntax that AnaProd needs to indicate that this is to be parsed into a DecayTreeTuple
+            };
+            if (path.includes("MDST")) {
+              const stream = row.lines[0].stream; // XXX: in the validation we enforce that each BK location be compatible with every line, so effectively forcing one stream per row
+              info[key].root_in_tes = "/Event/".concat(stream);
+            }
+          }
+        });
       });
+      return info;
     });
-    return info;
-  };
-  uploadConfig = (e, id) => {
-    let rows = [...this.state.rows];
-    const index = this.state.rows.findIndex(item => item.id === id);
-    e.preventDefault();
-    const reader = new FileReader();
-    reader.onload = async e => {
-      const text = e.target.result;
-      const config = _jsYaml.default.load(text);
-      if (config.descriptorTemplate === rows[index].decay.descriptors.template) {
-        rows[index].dtt = new _DTTConfig.default(config, []);
-        this.setInputs(id, rows[index].lines);
-        this.setState({
-          rows,
-          showUploadModal: false
-        });
-        this.props.parentCallbackRows(rows);
-      } else {
-        alert("Make sure to upload a previously downloaded configuration file for the same decay.");
-      }
-    };
-    reader.readAsText(e.target.files[0]);
-  };
-  uploadProductionConfig = async (e, isClone) => {
-    let rows = [];
-    let decays = Object.values(this.context.metadata.decays);
-    let email = [];
-    //let descriptorTemplates = decays.descriptors.template
-
-    let filelist = e.target.files || [];
-    let files = [].slice.call(filelist);
-    if (files.length) {
-      for (let index = 0; index < files.length; index++) {
-        if (files[index].name === "info.yaml") {
-          files.push(files.splice(index, 1)[0]);
-          break;
-        }
-      }
-      for (let index = 0; index < files.length; index++) {
-        let text;
-        if (isClone) {
-          text = await this.readFileAsync(files[index].blob);
-        } else {
-          text = await this.readFileAsync(files[index]);
-        }
+    _defineProperty(this, "uploadConfig", (e, id) => {
+      let rows = [...this.state.rows];
+      const index = this.state.rows.findIndex(item => item.id === id);
+      e.preventDefault();
+      const reader = new FileReader();
+      reader.onload = async e => {
+        const text = e.target.result;
         const config = _jsYaml.default.load(text);
-        if (files[index].name !== "info.yaml") {
-          decays.forEach(decay => {
-            if (config.descriptorTemplate === decay.descriptors.template) {
-              let row = Object({
-                id: index,
-                decay: decay,
-                lines: config.inputs.map(input => Object({
-                  stream: input.split("/")[2],
-                  line: "Stripping" + input.split("/")[4],
-                  versions: decay.lines[input.split("/")[2] + "/" + "Stripping" + input.split("/")[4]]
-                })),
-                paths: [],
-                // Currently-selected paths
-                pathOptions: [],
-                // Keep a history of valid paths
-                dtt: new _DTTConfig.default(config, [])
-              });
-              rows.push(row);
-            }
+        if (config.descriptorTemplate === rows[index].decay.descriptors.template) {
+          rows[index].dtt = new _DTTConfig.default(config, []);
+          this.setInputs(id, rows[index].lines);
+          this.setState({
+            rows,
+            showUploadModal: false
           });
+          this.props.parentCallbackRows(rows);
         } else {
-          email.push(config.defaults.inform[0]);
-          rows.forEach(row => {
-            Object.keys(config).forEach(job => {
-              if (job !== "defaults" && job !== "name" && job !== "blob") {
-                config[job].options.forEach(option => {
-                  let optionName = option.split(".")[0];
-                  let dttname = row.dtt.config.name.split("/")[1];
-                  if (optionName === dttname) {
-                    row.paths.push(config[job].input.bk_query);
-                  }
+          alert("Make sure to upload a previously downloaded configuration file for the same decay.");
+        }
+      };
+      reader.readAsText(e.target.files[0]);
+    });
+    _defineProperty(this, "uploadProductionConfig", async (e, isClone) => {
+      let rows = [];
+      let decays = Object.values(this.context.metadata.decays);
+      let email = [];
+      //let descriptorTemplates = decays.descriptors.template
+
+      let filelist = e.target.files || [];
+      let files = [].slice.call(filelist);
+      if (files.length) {
+        for (let index = 0; index < files.length; index++) {
+          if (files[index].name === "info.yaml") {
+            files.push(files.splice(index, 1)[0]);
+            break;
+          }
+        }
+        for (let index = 0; index < files.length; index++) {
+          let text;
+          if (isClone) {
+            text = await this.readFileAsync(files[index].blob);
+          } else {
+            text = await this.readFileAsync(files[index]);
+          }
+          const config = _jsYaml.default.load(text);
+          if (files[index].name !== "info.yaml") {
+            decays.forEach(decay => {
+              if (config.descriptorTemplate === decay.descriptors.template) {
+                let row = Object({
+                  id: index,
+                  decay: decay,
+                  lines: config.inputs.map(input => Object({
+                    stream: input.split("/")[2],
+                    line: "Stripping" + input.split("/")[4],
+                    versions: decay.lines[input.split("/")[2] + "/" + "Stripping" + input.split("/")[4]]
+                  })),
+                  paths: [],
+                  // Currently-selected paths
+                  pathOptions: [],
+                  // Keep a history of valid paths
+                  dtt: new _DTTConfig.default(config, [])
                 });
+                rows.push(row);
               }
             });
-          });
+          } else {
+            email.push(config.defaults.inform[0]);
+            rows.forEach(row => {
+              Object.keys(config).forEach(job => {
+                if (job !== "defaults" && job !== "name" && job !== "blob") {
+                  config[job].options.forEach(option => {
+                    let optionName = option.split(".")[0];
+                    let dttname = row.dtt.config.name.split("/")[1];
+                    if (optionName === dttname) {
+                      row.paths.push(config[job].input.bk_query);
+                    }
+                  });
+                }
+              });
+            });
+          }
         }
       }
-    }
-    this.setState({
-      rows: rows
-    });
-    if (!isClone) {
       this.setState({
-        contactEmail: email
+        rows: rows
       });
-    }
-    this.props.parentCallbackRows(rows);
-    this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, this.state.reasonForRequest);
-    // this.handleCloseProdUploadModal();
-  };
-  readFileAsync = file => {
-    return new Promise((resolve, reject) => {
-      const reader = new FileReader();
-      reader.onload = function () {
-        resolve(reader.result);
-      };
-      reader.onerror = function (error) {
-        reject(error);
-      };
-      reader.readAsText(file);
-    });
-  };
-  handleShowUploadModal = id => {
-    this.setState({
-      showUploadModal: true,
-      modalID: id
+      if (!isClone) {
+        this.setState({
+          contactEmail: email
+        });
+      }
+      this.props.parentCallbackRows(rows);
+      this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, this.state.reasonForRequest);
+      // this.handleCloseProdUploadModal();
     });
-  };
-  handleCloseUploadModal = () => {
-    this.setState({
-      showUploadModal: false
+    _defineProperty(this, "readFileAsync", file => {
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = function () {
+          resolve(reader.result);
+        };
+        reader.onerror = function (error) {
+          reject(error);
+        };
+        reader.readAsText(file);
+      });
     });
-  };
-  handleShowProdUploadModal = () => {
-    this.setState({
-      showProdUploadModal: true
+    _defineProperty(this, "handleShowUploadModal", id => {
+      this.setState({
+        showUploadModal: true,
+        modalID: id
+      });
     });
-  };
-  handleCloseProdUploadModal = () => {
-    this.setState({
-      showProdUploadModal: false
+    _defineProperty(this, "handleCloseUploadModal", () => {
+      this.setState({
+        showUploadModal: false
+      });
     });
-  };
-  processSubmission = () => {
-    if (this.state.submitLocation) {
+    _defineProperty(this, "handleShowProdUploadModal", () => {
       this.setState({
-        showReasonForRequestModal: true
+        showProdUploadModal: true
       });
-    } else {
-      this.downloadAll();
-    }
-  };
-  downloadAll = () => {
-    const allFiles = this.generateAllFiles();
-    return (0, _utils.downloadZip)(allFiles, `${this.state.productionName}.zip`);
-  };
-  generateAllFiles = () => {
-    return [...this.state.rows.map(row => [`${row.dtt.getSafeName()}.yaml`, _jsYaml.default.dump(row.dtt.config)]), ["info.yaml", _jsYaml.default.dump(this.createInfoYaml())]];
-  };
-  submitRequest = url => {
-    this.setState({
-      requestLoading: true,
-      showReasonForRequestModal: false,
-      requestError: "",
-      requestSubmitted: false
     });
-    const allFiles = this.generateAllFiles();
-    const formData = new FormData();
-    allFiles.forEach(file => {
-      formData.append("generatedFiles[]", new Blob([file[1]], {
-        type: "text/plain"
-      }), file[0]);
+    _defineProperty(this, "handleCloseProdUploadModal", () => {
+      this.setState({
+        showProdUploadModal: false
+      });
     });
-    formData.append("email", localStorage.getItem("email") || "");
-    formData.append("name", this.state.productionName);
-    formData.append("reasonForRequest", this.state.reasonForRequest);
-    let headers = {};
-    if (this.state.csrfToken !== "") {
-      headers = {
-        "X-Csrf-Token": this.state.csrfToken
-      };
-    }
-    fetch(url, {
-      method: "POST",
-      body: formData,
-      credentials: "include",
-      headers: headers
-    }).then(response => {
-      if (!response.ok) {
-        throw new Error(`HTTP error! Status: ${response.status}`);
+    _defineProperty(this, "processSubmission", () => {
+      if (this.state.submitLocation) {
+        this.setState({
+          showReasonForRequestModal: true
+        });
+      } else {
+        this.downloadAll();
       }
+    });
+    _defineProperty(this, "downloadAll", () => {
+      const allFiles = this.generateAllFiles();
+      return (0, _utils.downloadZip)(allFiles, "".concat(this.state.productionName, ".zip"));
+    });
+    _defineProperty(this, "generateAllFiles", () => {
+      return [...this.state.rows.map(row => ["".concat(row.dtt.getSafeName(), ".yaml"), _jsYaml.default.dump(row.dtt.config)]), ["info.yaml", _jsYaml.default.dump(this.createInfoYaml())]];
+    });
+    _defineProperty(this, "submitRequest", url => {
       this.setState({
-        requestLoading: false,
-        requestSubmitted: true
+        requestLoading: true,
+        showReasonForRequestModal: false,
+        requestError: "",
+        requestSubmitted: false
       });
-    }).catch(error => {
-      console.error("Fetch error:", error);
-      this.setState({
-        requestLoading: false,
-        requestError: "Something went wrong while submitting your request. Please try again later or contact support."
+      const allFiles = this.generateAllFiles();
+      const formData = new FormData();
+      allFiles.forEach(file => {
+        formData.append("generatedFiles[]", new Blob([file[1]], {
+          type: "text/plain"
+        }), file[0]);
+      });
+      formData.append("email", localStorage.getItem("email") || "");
+      formData.append("name", this.state.productionName);
+      formData.append("reasonForRequest", this.state.reasonForRequest);
+      let headers = {};
+      if (this.state.csrfToken !== "") {
+        headers = {
+          "X-Csrf-Token": this.state.csrfToken
+        };
+      }
+      fetch(url, {
+        method: "POST",
+        body: formData,
+        credentials: "include",
+        headers: headers
+      }).then(response => {
+        if (!response.ok) {
+          throw new Error("HTTP error! Status: ".concat(response.status));
+        }
+        this.setState({
+          requestLoading: false,
+          requestSubmitted: true
+        });
+      }).catch(error => {
+        console.error("Fetch error:", error);
+        this.setState({
+          requestLoading: false,
+          requestError: "Something went wrong while submitting your request. Please try again later or contact support."
+        });
       });
     });
-  };
-  handleShowReasonForRequestModal = () => {
-    this.setState({
-      showReasonForRequestModal: true
+    _defineProperty(this, "handleShowReasonForRequestModal", () => {
+      this.setState({
+        showReasonForRequestModal: true
+      });
     });
-  };
-  handleCloseReasonForRequestModal = () => {
-    this.setState({
-      showReasonForRequestModal: false
+    _defineProperty(this, "handleCloseReasonForRequestModal", () => {
+      this.setState({
+        showReasonForRequestModal: false
+      });
     });
-  };
-  dismissSubmitSuccess = () => {
-    this.setState({
-      requestSubmitted: false
+    _defineProperty(this, "dismissSubmitSuccess", () => {
+      this.setState({
+        requestSubmitted: false
+      });
     });
-  };
-  dismissSubmitError = () => {
-    this.setState({
-      requestError: ""
+    _defineProperty(this, "dismissSubmitError", () => {
+      this.setState({
+        requestError: ""
+      });
     });
-  };
+    this.propsVar = this.props;
+  }
+  componentDidMount() {
+    const urlParams = new URLSearchParams(window.location.search);
+    const isCloneParam = urlParams.get("clone");
+    if (isCloneParam === "1") {
+      if (!localStorage.getItem("yamlFilesToClone")) {
+        window.history.replaceState({}, document.title, window.location.pathname);
+        return;
+      }
+      this.setState({
+        prodUploadLoading: true,
+        rows: []
+      });
+      let files = JSON.parse(localStorage.getItem("yamlFilesToClone"));
+      for (let i = 0; i < files.length; i++) {
+        if (files[i].defaults) {
+          files[i].name = "info.yaml";
+        }
+        files[i].blob = new Blob([_jsYaml.default.dump(files[i])]);
+      }
+      this.uploadProductionConfig({
+        target: {
+          files
+        }
+      }, true);
+      setTimeout(() => {
+        this.uploadProductionConfig({
+          target: {
+            files
+          }
+        }, true);
+        this.setState({
+          prodUploadLoading: false
+        });
+        localStorage.removeItem("yamlFilesToClone");
+      }, 5000);
+    }
+  }
   render() {
     const emptySession = !this.state.productionName && this.state.contactEmail.length === 0 && this.state.rows.length === 0;
     const validEmail = this.state.contactEmail.length > 0 && this.state.contactEmail.every(email => _emailValidator.default.validate(email));
@@ -617,7 +618,7 @@ class LinesTable extends _react.default.Component {
         stream: strline.stream,
         versions: strline.versions,
         showlink: true
-      }, `${strline.line}`));
+      }, "".concat(strline.line)));
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Row, {
         className: "align-items-center",
         style: {
@@ -670,7 +671,7 @@ class LinesTable extends _react.default.Component {
                         className: "ms-auto",
                         type: "button",
                         onClick: () => {
-                          (0, _utils.download)(_jsYaml.default.dump(row.dtt.config), `${row.dtt.getSafeName()}.yaml`);
+                          (0, _utils.download)(_jsYaml.default.dump(row.dtt.config), "".concat(row.dtt.getSafeName(), ".yaml"));
                         },
                         disabled: !hasValidName,
                         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrapIcons.Download, {})
@@ -1087,6 +1088,7 @@ class LinesTable extends _react.default.Component {
     });
   }
 }
+_defineProperty(LinesTable, "contextType", _MetadataContext.default);
 LinesTable.propTypes = {
   rows: _propTypes.default.arrayOf(_propTypes.default.object),
   name: _propTypes.default.string,