lhcb-ntuple-wizard 2.0.2 → 2.0.4

package/dist/components/DttNameInput.d.ts

@@ -1,9 +1 @@
-import { RowData } from "../models/rowData";
-interface Props {
-    row: RowData;
-    hideDownloadButtons: boolean;
-    hideUploadButtons: boolean;
-    variablesPath: string;
-}
-export declare function DttNameInput({ row, hideDownloadButtons, hideUploadButtons, variablesPath }: Props): import("react/jsx-runtime").JSX.Element | null;
-export {};
+export declare function DttNameInput(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/DttNameInput.js

@@ -11,10 +11,15 @@ import { useMetadata } from "../providers/MetadataProvider";
 import { downloadText } from "../utils/utils";
 import { YamlFile } from "../models/yamlFile";
 import { UploadDttConfigModal } from "./modals/UploadDttConfigModal";
-export function DttNameInput({ row, hideDownloadButtons, hideUploadButtons, variablesPath }) {
+import { VARIABLES_PATH } from "../constants";
+import { useRow } from "../providers/RowProvider";
+import { useWizardConfig } from "../providers/WizardConfigProvider";
+export function DttNameInput() {
+    const { row } = useRow();
     const { rows, updateRow } = useRows();
     const navigate = useNavigate();
     const metadata = useMetadata();
+    const { basePath, variant } = useWizardConfig();
     const [showUploadModal, setShowUploadModal] = useState(false);
     const [dttName, setDttName] = useState(row.dtt?.getName() || "");
     const [dttNameValid, setDttNameValid] = useState(true);
@@ -46,7 +51,7 @@ export function DttNameInput({ row, hideDownloadButtons, hideUploadButtons, vari
     };
     const handleConfigureDtt = () => {
         updateRow(row.id, (r) => ({ ...r, editTree: true }));
-        void navigate(variablesPath);
+        void navigate(`${basePath}${VARIABLES_PATH}`);
     };
     const handleDeleteDtt = () => {
         updateRow(row.id, (r) => ({ ...r, dtt: null }));
@@ -64,7 +69,7 @@ export function DttNameInput({ row, hideDownloadButtons, hideUploadButtons, vari
                                     ? "Name cannot be empty"
                                     : !allNameCharsValid(dttName.trim())
                                         ? "Name contains invalid characters"
-                                        : "Name is already taken" })] })), _jsx(ButtonGroup, { children: row.dtt ? (_jsxs(_Fragment, { children: [_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Configure this DecayTreeTuple" }), children: _jsx(Button, { type: "submit", variant: "secondary", onClick: handleConfigureDtt, disabled: !dttNameValid, className: "align-items-center d-flex", children: _jsx(GearWideConnected, {}) }) }), !hideDownloadButtons && (_jsx(_Fragment, { children: _jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Download DecayTreeTuple YAML configuration file" }), children: _jsx(Button, { className: "align-items-center d-flex ms-auto", type: "button", onClick: () => {
+                                        : "Name is already taken" })] })), _jsx(ButtonGroup, { children: row.dtt ? (_jsxs(_Fragment, { children: [_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Configure this DecayTreeTuple" }), children: _jsx(Button, { type: "submit", variant: "secondary", onClick: handleConfigureDtt, disabled: !dttNameValid, className: "align-items-center d-flex", children: _jsx(GearWideConnected, {}) }) }), variant === "standalone" && (_jsx(_Fragment, { children: _jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Download DecayTreeTuple YAML configuration file" }), children: _jsx(Button, { className: "align-items-center d-flex ms-auto", type: "button", onClick: () => {
                                                 downloadText(YamlFile.fromDtt(row.dtt));
-                                            }, disabled: !dttNameValid, children: _jsx(Download, {}) }) }) })), _jsx(DeleteButton, { action: handleDeleteDtt })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "d-flex align-items-center gap-2", children: [_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Please add a DecayTreeTuple in order to complete the production configuration" }), children: _jsx(ExclamationCircle, { width: 20, height: 20, className: "text-danger me-2" }) }), _jsxs(ButtonGroup, { children: [_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Add a DecayTreeTuple" }), children: _jsx(Button, { type: "submit", variant: "success", onClick: handleCreateDTT, disabled: !metadata, children: _jsx(PlusLg, {}) }) }), !hideUploadButtons && (_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Upload DecayTreeTuple configuration file" }), children: _jsx(Button, { className: "ms-auto", type: "button", onClick: () => setShowUploadModal(true), children: _jsx(Upload, {}) }) }))] })] }), showUploadModal && (_jsx(UploadDttConfigModal, { currentRow: row, onClose: () => setShowUploadModal(false) }))] })) })] }), _jsx(Card.Body, { children: _jsx(DecayLatex, { decay: row.decay }) })] }));
+                                            }, disabled: !dttNameValid, children: _jsx(Download, {}) }) }) })), _jsx(DeleteButton, { action: handleDeleteDtt })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "d-flex align-items-center gap-2", children: [_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Please add a DecayTreeTuple in order to complete the production configuration" }), children: _jsx(ExclamationCircle, { width: 20, height: 20, className: "text-danger me-2" }) }), _jsxs(ButtonGroup, { children: [_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Add a DecayTreeTuple" }), children: _jsx(Button, { type: "submit", variant: "success", onClick: handleCreateDTT, disabled: !metadata, children: _jsx(PlusLg, {}) }) }), variant === "standalone" && (_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Upload DecayTreeTuple configuration file" }), children: _jsx(Button, { className: "ms-auto", type: "button", onClick: () => setShowUploadModal(true), children: _jsx(Upload, {}) }) }))] })] }), showUploadModal && (_jsx(UploadDttConfigModal, { currentRow: row, onClose: () => setShowUploadModal(false) }))] })) })] }), _jsx(Card.Body, { children: _jsx(DecayLatex, { decay: row.decay }) })] }));
 }

package/dist/components/NtupleWizard.d.ts

@@ -16,6 +16,7 @@ interface Props {
     submitLocation?: string;
     requestReasonMessage?: string;
     requestSubmittedMessage?: ReactNode;
+    onRequestSubmitted?: () => void;
 }
-export declare function NtupleWizard({ basePath, contactEmail, submitLocation, requestReasonMessage, requestSubmittedMessage, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function NtupleWizard({ basePath, contactEmail, submitLocation, requestReasonMessage, requestSubmittedMessage, onRequestSubmitted, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/NtupleWizard.js

@@ -19,10 +19,11 @@ import { MathJaxContext } from "better-react-mathjax";
 import { RowsProvider } from "../providers/RowsProvider.js";
 import { RequestProvider } from "../providers/RequestProvider";
 import { SELECT_DECAYS_PATH, VARIABLES_PATH } from "../constants";
-export function NtupleWizard({ basePath = "", contactEmail, submitLocation, requestReasonMessage, requestSubmittedMessage, }) {
+import { WizardConfigProvider } from "../providers/WizardConfigProvider";
+export function NtupleWizard({ basePath = "", contactEmail, submitLocation, requestReasonMessage, requestSubmittedMessage, onRequestSubmitted, }) {
     const { pathname } = useLocation();
     if (contactEmail) {
         localStorage.setItem("email", contactEmail);
     }
-    return (_jsx(MetadataProvider, { children: _jsx(RowsProvider, { children: _jsx(RequestProvider, { emailIsKnown: !!contactEmail, children: _jsx(MathJaxContext, { children: pathname.endsWith(SELECT_DECAYS_PATH) ? (_jsx(DecaySearchPage, { basePath: basePath })) : pathname.endsWith(VARIABLES_PATH) ? (_jsx(DecayTreeConfigPage, { basePath: basePath })) : (_jsx(RequestPage, { basePath: basePath, submitLocation: submitLocation, requestReasonMessage: requestReasonMessage, requestSubmittedMessage: requestSubmittedMessage })) }) }) }) }));
+    return (_jsx(MetadataProvider, { children: _jsx(WizardConfigProvider, { basePath: basePath, submitLocation: submitLocation, requestReasonMessage: requestReasonMessage, requestSubmittedMessage: requestSubmittedMessage, onRequestSubmitted: onRequestSubmitted, children: _jsx(RowsProvider, { children: _jsx(RequestProvider, { emailIsKnown: !!contactEmail, children: _jsx(MathJaxContext, { children: pathname.endsWith(SELECT_DECAYS_PATH) ? (_jsx(DecaySearchPage, {})) : pathname.endsWith(VARIABLES_PATH) ? (_jsx(DecayTreeConfigPage, {})) : (_jsx(RequestPage, {})) }) }) }) }) }));
 }

package/dist/components/RequestButtonGroup.d.ts

@@ -1,7 +1 @@
-import { NtupleWizardVariant } from "../pages/RequestPage";
-interface Props {
-    variant: NtupleWizardVariant;
-    basePath: string;
-}
-export declare function RequestButtonGroup({ variant, basePath }: Props): import("react/jsx-runtime").JSX.Element | null;
-export {};
+export declare function RequestButtonGroup(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/RequestButtonGroup.js

@@ -10,7 +10,9 @@ import { useRows } from "../providers/RowsProvider";
 import { useMetadata } from "../providers/MetadataProvider";
 import { useRequest } from "../providers/RequestProvider";
 import { useState } from "react";
-export function RequestButtonGroup({ variant, basePath }) {
+import { useWizardConfig } from "../providers/WizardConfigProvider";
+export function RequestButtonGroup() {
+    const { variant, basePath } = useWizardConfig();
     const metadata = useMetadata();
     const { validation } = useRequest();
     const { rows, configuredRows, setRows } = useRows();

package/dist/components/RequestRow.d.ts

@@ -1,7 +1 @@
-interface Props {
-    hideDownloadButtons: boolean;
-    hideUploadButtons: boolean;
-    variablesPath: string;
-}
-export declare function RequestRow({ hideDownloadButtons, hideUploadButtons, variablesPath }: Props): import("react/jsx-runtime").JSX.Element | null;
-export {};
+export declare function RequestRow(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/RequestRow.js

@@ -9,12 +9,12 @@ import { useRows } from "../providers/RowsProvider";
 import { BookkeepingPathDropdown } from "./BookkeepingPathDropdown";
 import { StrippingLineDropdown } from "./StrippingLineDropdown";
 import { useRow } from "../providers/RowProvider";
-export function RequestRow({ hideDownloadButtons, hideUploadButtons, variablesPath }) {
+export function RequestRow() {
     const metadata = useMetadata();
     const { row } = useRow();
     const { removeRow } = useRows();
     if (!metadata) {
         return null;
     }
-    return (_jsxs(Row, { className: "align-items-center", children: [_jsx(Col, { lg: true, children: _jsx(DttNameInput, { row: row, hideDownloadButtons: hideDownloadButtons, hideUploadButtons: hideUploadButtons, variablesPath: variablesPath }) }), _jsx(Col, { lg: true, children: _jsx(StrippingLineDropdown, {}) }), _jsx(Col, { xs: "auto", children: _jsx(OverlayTrigger, { trigger: "click", placement: "right", rootClose: true, overlay: _jsx(Popover, { children: _jsx(Popover.Body, { children: row.lines.map((line) => (_jsx(StrippingLineInfo, { line: line.line, stream: line.stream, versions: line.versions, showLink: true }, line.line))) }) }), children: _jsx(Button, { disabled: row.lines.length === 0, children: _jsx(InfoCircle, {}) }) }) }), _jsx(Col, { children: _jsx(BookkeepingPathDropdown, {}) }), _jsx(Col, { xs: "auto", children: _jsx(DeleteButton, { action: () => removeRow(row.id) }) })] }));
+    return (_jsxs(Row, { className: "align-items-center", children: [_jsx(Col, { lg: true, children: _jsx(DttNameInput, {}) }), _jsx(Col, { lg: true, children: _jsx(StrippingLineDropdown, {}) }), _jsx(Col, { xs: "auto", children: _jsx(OverlayTrigger, { trigger: "click", placement: "right", rootClose: true, overlay: _jsx(Popover, { children: _jsx(Popover.Body, { children: row.lines.map((line) => (_jsx(StrippingLineInfo, { line: line.line, stream: line.stream, versions: line.versions, showLink: true }, line.line))) }) }), children: _jsx(Button, { disabled: row.lines.length === 0, children: _jsx(InfoCircle, {}) }) }) }), _jsx(Col, { children: _jsx(BookkeepingPathDropdown, {}) }), _jsx(Col, { xs: "auto", children: _jsx(DeleteButton, { action: () => removeRow(row.id) }) })] }));
 }

package/dist/components/modals/ReasonForRequestModal.d.ts

@@ -1,7 +1,5 @@
 interface Props {
-    submitLocation: string;
     onClose: (submitted: boolean) => void;
-    requestReasonMessage: string;
 }
-export declare function ReasonForRequestModal({ submitLocation, onClose, requestReasonMessage }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ReasonForRequestModal({ onClose }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/modals/ReasonForRequestModal.js

@@ -3,12 +3,14 @@ import { Alert, Button, FormControl, InputGroup, Modal, OverlayTrigger, Spinner,
 import { useRequest } from "../../providers/RequestProvider";
 import { useState } from "react";
 import { useRows } from "../../providers/RowsProvider";
-export function ReasonForRequestModal({ submitLocation, onClose, requestReasonMessage }) {
+import { useWizardConfig } from "../../providers/WizardConfigProvider";
+export function ReasonForRequestModal({ onClose }) {
     const { generateAllFiles } = useRows();
     const { productionName, reasonForRequest, setReasonForRequest } = useRequest();
+    const { requestReasonMessage, submitLocation } = useWizardConfig();
     const [requestLoading, setRequestLoading] = useState(false);
     const [requestError, setRequestError] = useState(null);
-    const submitRequest = (url) => {
+    const submitRequest = () => {
         setRequestLoading(true);
         setRequestError(null);
         const allFiles = generateAllFiles();
@@ -19,7 +21,7 @@ export function ReasonForRequestModal({ submitLocation, onClose, requestReasonMe
         formData.append("email", localStorage.getItem("email") || "");
         formData.append("name", productionName);
         formData.append("reasonForRequest", reasonForRequest);
-        fetch(url, {
+        fetch(submitLocation, {
             method: "POST",
             body: formData,
             credentials: "include",
@@ -38,5 +40,5 @@ export function ReasonForRequestModal({ submitLocation, onClose, requestReasonMe
             setRequestLoading(false);
         });
     };
-    return (_jsxs(Modal, { show: true, onHide: () => onClose(false), size: "lg", children: [_jsx(Modal.Header, { closeButton: true, children: _jsx(Modal.Title, { children: "Reason for request" }) }), _jsxs(Modal.Body, { children: [_jsx(Alert, { children: requestReasonMessage }), requestError && _jsx(Alert, { variant: "danger", children: requestError }), _jsxs(InputGroup, { hasValidation: true, children: [_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Reason for requesting the chosen ntuples" }), children: _jsx(InputGroup.Text, { children: "Reason for request" }) }), _jsx(FormControl, { as: "textarea", rows: 3, value: reasonForRequest, onChange: (event) => setReasonForRequest(event.target.value), isValid: !!reasonForRequest, placeholder: "I need these ntuples for..." })] })] }), _jsx(Modal.Footer, { children: _jsx(Button, { variant: "primary", disabled: !reasonForRequest || requestLoading, onClick: () => submitRequest(submitLocation), children: requestLoading ? (_jsxs(_Fragment, { children: [_jsx(Spinner, { animation: "border", size: "sm" }), " Submitting..."] })) : ("Submit request") }) })] }));
+    return (_jsxs(Modal, { show: true, onHide: () => onClose(false), size: "lg", children: [_jsx(Modal.Header, { closeButton: true, children: _jsx(Modal.Title, { children: "Reason for request" }) }), _jsxs(Modal.Body, { children: [_jsx(Alert, { children: requestReasonMessage }), requestError && _jsx(Alert, { variant: "danger", children: requestError }), _jsxs(InputGroup, { hasValidation: true, children: [_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Reason for requesting the chosen ntuples" }), children: _jsx(InputGroup.Text, { children: "Reason for request" }) }), _jsx(FormControl, { as: "textarea", rows: 3, value: reasonForRequest, onChange: (event) => setReasonForRequest(event.target.value), isValid: !!reasonForRequest, placeholder: "I need these ntuples for..." })] })] }), _jsx(Modal.Footer, { children: _jsx(Button, { variant: "primary", disabled: !reasonForRequest || requestLoading, onClick: submitRequest, children: requestLoading ? (_jsxs(_Fragment, { children: [_jsx(Spinner, { animation: "border", size: "sm" }), " Submitting..."] })) : ("Submit request") }) })] }));
 }

package/dist/components/modals/UploadDttConfigModal.js

@@ -16,25 +16,14 @@ export function UploadDttConfigModal({ onClose, currentRow }) {
             return;
         }
         setLoading(true);
-        const { rows, emails, errors, warnings } = await parseProductionFiles(Array.from(files), metadata);
+        const result = await parseProductionFiles(Array.from(files), metadata);
         setLoading(false);
-        if (Object.keys(errors).length > 0) {
-            const errorMessages = Object.entries(errors)
-                .map(([file, error]) => `${file}: ${error}`)
-                .join("\n");
-            alert(`Some errors were found while importing the configuration files:\n\n${errorMessages}`);
+        if (typeof result === "string") {
+            alert(result);
             return;
         }
-        else if (Object.keys(warnings).length > 0) {
-            const warningMessages = Object.entries(warnings)
-                .map(([file, warning]) => `${file}: ${warning}`)
-                .join("\n");
-            if (!confirm(`Some warnings were found while importing the configuration files:\n\n${warningMessages}\n\nContinue?`)) {
-                return;
-            }
-        }
         if (currentRow) {
-            const importedRow = rows[0];
+            const importedRow = result.rows[0];
             const importedConfig = importedRow.dtt.config;
             if (importedConfig.descriptorTemplate === currentRow.decay.descriptors.template) {
                 updateRow(currentRow.id, (r) => ({
@@ -48,8 +37,8 @@ export function UploadDttConfigModal({ onClose, currentRow }) {
             }
         }
         else {
-            setRows(rows);
-            setContactEmails(emails);
+            setRows(result.rows);
+            setContactEmails(result.emails);
             onClose();
         }
     }

package/dist/models/yamlFile.d.ts

@@ -1,6 +1,19 @@
 import Dtt from "./dtt";
 import { RowData } from "./rowData";
 import { MetadataContext } from "../providers/MetadataProvider";
+import { JobConfig } from "./jobConfig";
+interface InfoYamlDefaults {
+    application: string;
+    wg: string;
+    inform: string[];
+    automatically_configure: boolean;
+    output: string;
+}
+export type InfoYaml = {
+    defaults: InfoYamlDefaults;
+} & {
+    [K in string as K extends "defaults" ? never : K]?: JobConfig;
+};
 export declare class YamlFile {
     name: string;
     content: string;
@@ -8,3 +21,4 @@ export declare class YamlFile {
     static fromDtt(dtt: Dtt): YamlFile;
     static createInfoYaml(rows: RowData[], metadata: MetadataContext): YamlFile;
 }
+export {};

package/dist/models/yamlFile.js

@@ -14,15 +14,7 @@ export class YamlFile {
         const uniquePathSet = new Set(rows.flatMap((row) => row.paths));
         const uniquePaths = [...uniquePathSet].sort();
         const pathIndex = new Map(uniquePaths.map((p, i) => [p, i]));
-        const info = {
-            defaults: {
-                application: `DaVinci/${metadata.tupleTools.applicationInfo.DaVinci}`,
-                wg: "OpenData",
-                inform: [],
-                automatically_configure: true,
-                output: "DVNtuple.root",
-            },
-        };
+        const jobs = {};
         for (const row of rows) {
             if (!row.dtt)
                 continue;
@@ -32,8 +24,8 @@ export class YamlFile {
                     continue;
                 const key = `job${jobID}`;
                 const dttFile = row.dtt.getName();
-                if (key in info) {
-                    info[key].options.push(dttFile);
+                if (jobs[key]) {
+                    jobs[key].options.push(dttFile);
                 }
                 else {
                     const job = {
@@ -42,14 +34,23 @@ export class YamlFile {
                     };
                     if (path.includes("MDST")) {
                         const stream = row.lines[0]?.stream;
-                        if (stream) {
+                        if (stream)
                             job.root_in_tes = `/Event/${stream}`;
-                        }
                     }
-                    info[key] = job;
+                    jobs[key] = job;
                 }
             }
         }
+        const info = {
+            defaults: {
+                application: `DaVinci/${metadata.tupleTools.applicationInfo.DaVinci}`,
+                wg: "OpenData",
+                inform: [],
+                automatically_configure: true,
+                output: "DVNtuple.root",
+            },
+            ...jobs,
+        };
         return new YamlFile("info.yaml", yaml.dump(info));
     }
 }

package/dist/pages/DecaySearchPage.d.ts

@@ -1,5 +1 @@
-interface Props {
-    basePath: string;
-}
-export declare function DecaySearchPage({ basePath }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function DecaySearchPage(): import("react/jsx-runtime").JSX.Element;

package/dist/pages/DecaySearchPage.js

@@ -20,6 +20,7 @@ import { ParticleDropdown } from "../components/ParticleDropdown";
 import { getSelectTagOptions, TagDropdown } from "../components/TagDropdown";
 import { useRows } from "../providers/RowsProvider";
 import { LoadingIndicator } from "../components/LoadingIndicator";
+import { useWizardConfig } from "../providers/WizardConfigProvider";
 var MatchType;
 (function (MatchType) {
     MatchType["any"] = "any";
@@ -31,9 +32,10 @@ var HeadMatchType;
     HeadMatchType["exactly"] = "exactly";
     HeadMatchType["category"] = "category";
 })(HeadMatchType || (HeadMatchType = {}));
-export function DecaySearchPage({ basePath }) {
+export function DecaySearchPage() {
     const metadata = useMetadata();
     const { rows, setRows } = useRows();
+    const { basePath } = useWizardConfig();
     const [selectedContains, setSelectedContains] = useState([]);
     const [selectedHead, setSelectedHead] = useState(null);
     const [selectedHeadTags, setSelectedHeadTags] = useState([]);

package/dist/pages/DecayTreeConfigPage.d.ts

@@ -1,5 +1 @@
-interface Props {
-    basePath: string;
-}
-export declare function DecayTreeConfigPage({ basePath }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function DecayTreeConfigPage(): import("react/jsx-runtime").JSX.Element;

package/dist/pages/DecayTreeConfigPage.js

@@ -18,10 +18,12 @@ import Dtt from "../models/dtt";
 import { DttProvider } from "../providers/DttProvider";
 import { LoadingIndicator } from "../components/LoadingIndicator";
 import { useEffect, useState } from "react";
-export function DecayTreeConfigPage({ basePath }) {
+import { useWizardConfig } from "../providers/WizardConfigProvider";
+export function DecayTreeConfigPage() {
     const navigate = useNavigate();
     const metadata = useMetadata();
     const { rows, updateRow } = useRows();
+    const { basePath } = useWizardConfig();
     const [dirtyDtts, setDirtyDtts] = useState(new Set());
     // Listen for when the user is about to leave the page and alert them if there are unsaved changes
     useEffect(() => {

package/dist/pages/RequestPage.d.ts

@@ -1,10 +1 @@
-import { ReactNode } from "react";
-export type NtupleWizardVariant = "standalone" | "embedded";
-interface Props {
-    basePath: string;
-    submitLocation?: string;
-    requestReasonMessage?: string;
-    requestSubmittedMessage?: ReactNode;
-}
-export declare function RequestPage({ basePath, submitLocation, requestReasonMessage, requestSubmittedMessage }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function RequestPage(): import("react/jsx-runtime").JSX.Element;

package/dist/pages/RequestPage.js

@@ -9,12 +9,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * granted to it by virtue of its status as an Intergovernmental Organization  *
  * or submit itself to any jurisdiction.                                       *
  \*****************************************************************************/
-import yaml from "js-yaml";
 import { useEffect, useState } from "react";
 import { Alert, Button, Col, Row, Stack } from "react-bootstrap";
 import { Download, Send } from "react-bootstrap-icons";
 import { useLocation } from "react-router-dom";
-import { downloadZip, parseProductionFiles } from "../utils/utils";
+import { downloadZip, processProductionFiles } from "../utils/utils";
 import { DeleteButton } from "../components/DeleteButton";
 import { useMetadata } from "../providers/MetadataProvider";
 import { ConfigFilesUploadingAlert } from "../components/ConfigFilesUploadingAlert";
@@ -23,56 +22,54 @@ import { useRequest } from "../providers/RequestProvider";
 import { LoadingIndicator } from "../components/LoadingIndicator";
 import { RequestRow } from "../components/RequestRow";
 import { UploadDttConfigModal } from "../components/modals/UploadDttConfigModal";
-import { VARIABLES_PATH } from "../constants";
 import { ReasonForRequestModal } from "../components/modals/ReasonForRequestModal";
 import { RowProvider } from "../providers/RowProvider";
 import { ProductionNameInput } from "../components/ProductionNameInput";
 import { RequestEmailInput } from "../components/RequestEmailInput";
 import { RequestButtonGroup } from "../components/RequestButtonGroup";
-export function RequestPage({ basePath, submitLocation, requestReasonMessage, requestSubmittedMessage }) {
+import { useWizardConfig } from "../providers/WizardConfigProvider";
+export function RequestPage() {
     const location = useLocation();
     const metadata = useMetadata();
     const { rows, setRows, generateAllFiles } = useRows();
-    const { emailIsKnown, productionName, validation, showErrors, clearAll, trySubmit } = useRequest();
+    const { emailIsKnown, productionName, setProductionName, validation, showErrors, clearAll, trySubmit } = useRequest();
+    const { variant, requestSubmittedMessage, onRequestSubmitted } = useWizardConfig();
     const [showProdUploadModal, setShowProdUploadModal] = useState(false);
     const [prodUploadLoading, setProdUploadLoading] = useState(false);
     const [requestSubmitted, setRequestSubmitted] = useState(false);
     const [showReasonForRequestModal, setShowReasonForRequestModal] = useState(false);
-    const variant = submitLocation ? "embedded" : "standalone";
     useEffect(() => {
         if (!metadata) {
             return;
         }
         const urlParams = new URLSearchParams(location.search);
         if (urlParams.get("clone") === "1") {
-            handleClone().catch(console.error);
-        }
-    }, [metadata, location.search]);
-    async function handleClone() {
-        if (!metadata) {
-            return;
-        }
-        const raw = localStorage.getItem("yamlFilesToClone");
-        if (!raw) {
-            return;
-        }
-        setProdUploadLoading(true);
-        setRows([]);
-        try {
-            const yamlFiles = JSON.parse(raw);
-            for (const file of yamlFiles) {
-                if (file.defaults)
-                    file.name = "info.yaml";
-                file.blob = new Blob([yaml.dump(file)]);
+            const infoYamlString = localStorage.getItem("infoYamlToClone");
+            const dttConfigsString = localStorage.getItem("dttConfigsToClone");
+            if (!dttConfigsString) {
+                return;
+            }
+            setProdUploadLoading(true);
+            setRows([]);
+            try {
+                const infoYaml = infoYamlString ? JSON.parse(infoYamlString) : null;
+                const dttConfigs = JSON.parse(dttConfigsString);
+                const result = processProductionFiles(metadata, dttConfigs, infoYaml);
+                if (typeof result === "string") {
+                    // Show the error message
+                    alert(result);
+                    return;
+                }
+                setRows(result.rows);
+                setProductionName("");
+            }
+            finally {
+                setProdUploadLoading(false);
+                localStorage.removeItem("infoYamlToClone");
+                localStorage.removeItem("dttConfigsToClone");
             }
-            const { rows } = await parseProductionFiles(yamlFiles, metadata);
-            setRows(rows);
-        }
-        finally {
-            setProdUploadLoading(false);
-            localStorage.removeItem("yamlFilesToClone");
         }
-    }
+    }, [metadata, location.search]);
     const handlePrimaryAction = async () => {
         if (trySubmit()) {
             if (variant === "standalone") {
@@ -90,16 +87,17 @@ export function RequestPage({ basePath, submitLocation, requestReasonMessage, re
     if (requestSubmitted) {
         return (_jsx(Row, { className: "mt-3", children: _jsx(Col, { children: _jsxs(Alert, { variant: "success", dismissible: true, onClose: () => setRequestSubmitted(false), children: [_jsx(Alert.Heading, { children: "Request submitted!" }), requestSubmittedMessage] }) }) }));
     }
-    return (_jsxs(_Fragment, { children: [showReasonForRequestModal && (_jsx(ReasonForRequestModal, { submitLocation: submitLocation, requestReasonMessage: requestReasonMessage, onClose: (submitted) => {
+    return (_jsxs(_Fragment, { children: [showReasonForRequestModal && (_jsx(ReasonForRequestModal, { onClose: (submitted) => {
                     setShowReasonForRequestModal(false);
                     if (submitted) {
                         setRequestSubmitted(true);
+                        onRequestSubmitted?.();
                     }
-                } })), showProdUploadModal && _jsx(UploadDttConfigModal, { onClose: () => setShowProdUploadModal(false) }), _jsxs("div", { className: "d-flex flex-column gap-3", children: [rows.map((row) => (_jsx(RowProvider, { row: row, children: _jsx(RequestRow, { hideDownloadButtons: variant === "standalone", hideUploadButtons: variant === "standalone", variablesPath: VARIABLES_PATH }, row.id) }, row.id))), prodUploadLoading && _jsx(ConfigFilesUploadingAlert, {}), requestSubmitted && (_jsxs(Alert, { variant: "success", dismissible: true, onClose: () => setRequestSubmitted(false), children: [_jsx(Alert.Heading, { children: "Request submitted!" }), requestSubmittedMessage] })), showErrors &&
+                } })), showProdUploadModal && _jsx(UploadDttConfigModal, { onClose: () => setShowProdUploadModal(false) }), _jsxs("div", { className: "d-flex flex-column gap-3", children: [rows.map((row) => (_jsx(RowProvider, { row: row, children: _jsx(RequestRow, {}, row.id) }, row.id))), prodUploadLoading && _jsx(ConfigFilesUploadingAlert, {}), showErrors &&
                         (rows.length === 0 ||
                             !validation.allRowsHaveDtt ||
                             !validation.allRowsHaveStrippingLine ||
                             !validation.allRowsHavePaths) && (_jsx(Alert, { variant: "danger", className: "mb-0", children: rows.length === 0
                             ? "Please select at least one decay"
-                            : "Please name all DecayTreeTuples and select at least one stripping line and bookkeeping path for each decay" })), _jsx(Row, { children: _jsx(Col, { xs: "auto", children: _jsx(RequestButtonGroup, { variant: variant, basePath: basePath }) }) }), _jsx(Row, { children: _jsxs(Col, { xs: 4, children: [_jsx(ProductionNameInput, {}), !emailIsKnown && _jsx(RequestEmailInput, {}), _jsxs(Stack, { direction: "horizontal", gap: 1, className: "mt-3 mb-3", children: [_jsxs(Button, { className: "align-items-center d-flex gap-1", onClick: () => void handlePrimaryAction(), children: [variant === "standalone" ? _jsx(Download, {}) : _jsx(Send, {}), variant === "standalone" ? "Download" : "Submit"] }), _jsx(DeleteButton, { action: clearAll, disabled: validation.isEmptySession, outline: undefined, children: "Clear all" })] })] }) })] })] }));
+                            : "Please name all DecayTreeTuples and select at least one stripping line and bookkeeping path for each decay" })), _jsx(Row, { children: _jsx(Col, { xs: "auto", children: _jsx(RequestButtonGroup, {}) }) }), _jsx(Row, { children: _jsxs(Col, { xs: 4, children: [_jsx(ProductionNameInput, {}), !emailIsKnown && _jsx(RequestEmailInput, {}), _jsxs(Stack, { direction: "horizontal", gap: 1, className: "mt-3 mb-3", children: [_jsxs(Button, { className: "align-items-center d-flex gap-1", onClick: () => void handlePrimaryAction(), children: [variant === "standalone" ? _jsx(Download, {}) : _jsx(Send, {}), variant === "standalone" ? "Download" : "Submit"] }), _jsx(DeleteButton, { action: clearAll, disabled: validation.isEmptySession, outline: undefined, children: "Clear all" })] })] }) })] })] }));
 }

package/dist/providers/WizardConfigProvider.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+type NtupleWizardVariant = "standalone" | "embedded";
+interface WizardConfigContextType {
+    variant: NtupleWizardVariant;
+    basePath: string;
+    submitLocation?: string;
+    requestReasonMessage?: string;
+    requestSubmittedMessage?: ReactNode;
+    onRequestSubmitted?: () => void;
+}
+interface WizardConfigProviderProps {
+    basePath: string;
+    submitLocation?: string;
+    requestReasonMessage?: string;
+    requestSubmittedMessage?: ReactNode;
+    onRequestSubmitted?: () => void;
+    children: ReactNode;
+}
+export declare const WizardConfigProvider: ({ basePath, submitLocation, requestReasonMessage, requestSubmittedMessage, onRequestSubmitted, children, }: WizardConfigProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useWizardConfig: () => WizardConfigContextType;
+export {};

package/dist/providers/WizardConfigProvider.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const WizardConfigContext = createContext(null);
+export const WizardConfigProvider = ({ basePath, submitLocation, requestReasonMessage, requestSubmittedMessage, onRequestSubmitted, children, }) => {
+    const variant = submitLocation ? "embedded" : "standalone";
+    return (_jsx(WizardConfigContext.Provider, { value: {
+            variant,
+            basePath,
+            submitLocation,
+            requestReasonMessage,
+            requestSubmittedMessage,
+            onRequestSubmitted,
+        }, children: children }));
+};
+export const useWizardConfig = () => {
+    const ctx = useContext(WizardConfigContext);
+    if (!ctx) {
+        throw new Error("useWizardConfig must be used within a WizardConfigProvider");
+    }
+    return ctx;
+};

package/dist/utils/utils.d.ts

@@ -1,19 +1,15 @@
-import { YamlFile } from "../models/yamlFile";
-import { BlobFile } from "../models/blobFile";
+import { InfoYaml, YamlFile } from "../models/yamlFile";
+import { SavedDttConfig } from "../models/dtt";
 import { RowData } from "../models/rowData";
 import { MetadataContext } from "../providers/MetadataProvider";
-/**
- * Parses a set of production configuration files to DttConfigs and returns the corresponding rows and emails.
- * @param files The files to parse
- * @param metadata The metadata to use for parsing
- * @returns The parsed rows and emails
- */
-export declare const parseProductionFiles: (files: (BlobFile | File)[], metadata: MetadataContext) => Promise<{
+export declare function parseProductionFiles(files: File[], metadata: MetadataContext): Promise<string | {
     rows: RowData[];
     emails: string[];
-    errors: Record<string, string>;
-    warnings: Record<string, string>;
 }>;
+export declare function processProductionFiles(metadata: MetadataContext, configs: SavedDttConfig[], infoYaml: InfoYaml | null): string | {
+    rows: RowData[];
+    emails: string[];
+};
 /**
  * Sanitizes a user-provided filename to prevent path traversal (Zip Slip)
  * and unsafe filesystem characters.