lhcb-ntuple-wizard-test 1.0.6 → 1.0.8

package/dist/components/LinesTable.js

@@ -22,10 +22,8 @@ var _Decay = _interopRequireDefault(require("./Decay"));
 var _DeleteButton = _interopRequireDefault(require("./DeleteButton"));
 var _StrippingLine = _interopRequireDefault(require("./StrippingLine"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(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); } /*****************************************************************************\
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*****************************************************************************\
 * (c) Copyright 2021-2024 CERN for the benefit of the LHCb Collaboration      *
 *                                                                             *
 * This software is distributed under the terms of the GNU General Public      *
@@ -35,6 +33,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var 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 = [];
@@ -88,508 +87,514 @@ function pathToOption(path) {
 class LinesTable extends _react.default.Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "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
-    });
-    _defineProperty(this, "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);
-    });
-    _defineProperty(this, "handleSubmitSpecificRow", (history, idx) => {
-      let rows = [...this.state.rows];
-      rows.forEach(row => {
-        row.editTree = row.id === idx;
+    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: []
       });
-      this.props.parentCallbackRows(rows);
-      this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, this.state.reasonForRequest);
-      history.push(this.propsVar.variablesPath);
+      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;
     });
-    _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);
+    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, "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);
+    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, "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);
+  };
+  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, "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);
+    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, "validateDTTIsSetForAllRows", () => {
-      return this.state.rows.every(row => row.dtt);
+    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, "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);
+    rows[index].dtt.setInputs(inputs);
+    this.setState({
+      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)
+    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)
 
-      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);
+    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
     });
-    _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;
-      });
+    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, "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);
+  };
+  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, "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
-      });
+    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, "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);
+  };
+  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, "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.parentCallbackRows(rows);
+  };
+  setProductionName = _ref3 => {
+    let {
+      target
+    } = _ref3;
+    const safeName = target.value.replaceAll(/[^\w]/g, "");
+    this.setState({
+      productionName: safeName
     });
-    _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);
+    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, "setReasonForRequest", _ref5 => {
-      let {
-        target
-      } = _ref5;
-      const reasonForRequest = target.value;
-      this.setState({
-        reasonForRequest: reasonForRequest
-      });
-      this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, reasonForRequest);
-    });
-    _defineProperty(this, "clearAll", () => {
-      this.setState({
-        productionName: "",
-        contactEmail: [],
-        rows: [],
-        reasonForRequest: ""
-      });
-      this.props.parentCallbackRows([]);
-      this.props.parentCallbackInfo("", [], "");
+    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, "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;
+    this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, reasonForRequest);
+  };
+  clearAll = () => {
+    this.setState({
+      productionName: "",
+      contactEmail: [],
+      rows: [],
+      reasonForRequest: ""
     });
-    _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")] || [];
+    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
       }
-      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);
-            }
+    };
+    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}`;
           }
-        });
+        }
       });
-      return info;
     });
-    _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;
+    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]);
+        }
         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
+        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);
+            }
           });
-          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]);
-    });
-    _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, [])
+          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);
+                  }
                 });
-                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({
-        rows: rows
+        contactEmail: email
       });
-      if (!isClone) {
-        this.setState({
-          contactEmail: email
-        });
-      }
-      this.props.parentCallbackRows(rows);
-      this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, this.state.reasonForRequest);
-      // this.handleCloseProdUploadModal();
+    }
+    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);
     });
-    _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);
-      });
+  };
+  handleShowUploadModal = id => {
+    this.setState({
+      showUploadModal: true,
+      modalID: id
     });
-    _defineProperty(this, "handleShowUploadModal", id => {
-      this.setState({
-        showUploadModal: true,
-        modalID: id
-      });
+  };
+  handleCloseUploadModal = () => {
+    this.setState({
+      showUploadModal: false
     });
-    _defineProperty(this, "handleCloseUploadModal", () => {
-      this.setState({
-        showUploadModal: false
-      });
+  };
+  handleShowProdUploadModal = () => {
+    this.setState({
+      showProdUploadModal: true
     });
-    _defineProperty(this, "handleShowProdUploadModal", () => {
-      this.setState({
-        showProdUploadModal: true
-      });
+  };
+  handleCloseProdUploadModal = () => {
+    this.setState({
+      showProdUploadModal: false
     });
-    _defineProperty(this, "handleCloseProdUploadModal", () => {
+  };
+  processSubmission = () => {
+    if (this.state.submitLocation) {
       this.setState({
-        showProdUploadModal: false
+        showReasonForRequestModal: 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
     });
-    _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())]];
+    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, "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]);
-      });
-      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
-        };
+    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}`);
       }
-      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."
-        });
-      });
-    });
-    _defineProperty(this, "handleShowReasonForRequestModal", () => {
       this.setState({
-        showReasonForRequestModal: true
+        requestLoading: false,
+        requestSubmitted: true
       });
-    });
-    _defineProperty(this, "handleCloseReasonForRequestModal", () => {
+    }).catch(error => {
+      console.error("Fetch error:", error);
       this.setState({
-        showReasonForRequestModal: false
+        requestLoading: false,
+        requestError: "Something went wrong while submitting your request. Please try again later or contact support."
       });
     });
-    _defineProperty(this, "dismissSubmitSuccess", () => {
-      this.setState({
-        requestSubmitted: false
-      });
+  };
+  handleShowReasonForRequestModal = () => {
+    this.setState({
+      showReasonForRequestModal: true
     });
-    _defineProperty(this, "dismissSubmitError", () => {
-      this.setState({
-        requestError: ""
-      });
+  };
+  handleCloseReasonForRequestModal = () => {
+    this.setState({
+      showReasonForRequestModal: false
     });
-    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);
-    }
-  }
+  };
+  dismissSubmitSuccess = () => {
+    this.setState({
+      requestSubmitted: false
+    });
+  };
+  dismissSubmitError = () => {
+    this.setState({
+      requestError: ""
+    });
+  };
   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));
@@ -612,7 +617,7 @@ class LinesTable extends _react.default.Component {
         stream: strline.stream,
         versions: strline.versions,
         showlink: true
-      }, "".concat(strline.line)));
+      }, `${strline.line}`));
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Row, {
         className: "align-items-center",
         style: {
@@ -665,7 +670,7 @@ class LinesTable extends _react.default.Component {
                         className: "ms-auto",
                         type: "button",
                         onClick: () => {
-                          (0, _utils.download)(_jsYaml.default.dump(row.dtt.config), "".concat(row.dtt.getSafeName(), ".yaml"));
+                          (0, _utils.download)(_jsYaml.default.dump(row.dtt.config), `${row.dtt.getSafeName()}.yaml`);
                         },
                         disabled: !hasValidName,
                         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrapIcons.Download, {})
@@ -1082,7 +1087,6 @@ class LinesTable extends _react.default.Component {
     });
   }
 }
-_defineProperty(LinesTable, "contextType", _MetadataContext.default);
 LinesTable.propTypes = {
   rows: _propTypes.default.arrayOf(_propTypes.default.object),
   name: _propTypes.default.string,