ece-docs-components 1.0.101 → 1.0.103

package/dist/cjs/components/AutocompleteSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteSelect.js","sources":["../../../../src/components/AutocompleteSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Autocomplete as MuiAutocomplete,\n  FormHelperText,\n  styled,\n} from \"@mui/material\";\nimport { ExpandMoreRounded } from \"@mui/icons-material\";\nimport { useTheme } from \"../ThemeProvider\"; // Adjust pathway according to project layout\nimport { Input, StyledLabel } from \"./Input\";\n\ninterface AutocompleteOption {\n  value: string;\n  label: string;\n}\n\ninterface AutocompleteSelectProps {\n  id?: string;\n  label?: string;\n  error?: string;\n  helperText?: string;\n  placeholder?: string;\n  fullWidth?: boolean;\n  disabled?: boolean;\n  options: AutocompleteOption[];\n  value: AutocompleteOption | null;\n  onChange: (value: AutocompleteOption | null) => void;\n  className?: string;\n  sx?: any;\n}\n\nconst AutocompleteWrapper = styled(\"div\")({\n  width: \"100%\",\n});\n\nexport function AutocompleteSelect({\n  id,\n  label,\n  error,\n  helperText,\n  placeholder,\n  fullWidth = false,\n  disabled = false,\n  options,\n  value,\n  onChange,\n  className = \"\",\n  sx,\n}: AutocompleteSelectProps): React.JSX.Element {\n  const theme = useTheme();\n  const selectId =\n    id || `auto-select-${Math.random().toString(36).substr(2, 9)}`;\n\n  return (\n    <AutocompleteWrapper\n      className={className}\n      sx={[\n        { ...(!fullWidth && { width: \"auto\" }) },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n    >\n      {label && (\n        <StyledLabel htmlFor={selectId} shrink={false}>\n          {label}\n        </StyledLabel>\n      )}\n\n      <MuiAutocomplete\n        id={selectId}\n        options={options}\n        value={value}\n        disabled={disabled}\n        disablePortal\n        getOptionLabel={(option: { label: string; value: string }) =>\n          option?.label || \"\"\n        }\n        isOptionEqualToValue={(\n          option: AutocompleteOption,\n          val: AutocompleteOption,\n        ) => option?.value === val?.value}\n        onChange={(_event: Event, newValue: AutocompleteOption) =>\n          onChange(newValue)\n        }\n        popupIcon={\n          <ExpandMoreRounded sx={{ color: `${theme.palette.dark.main}66` }} />\n        }\n        slotProps={{\n          paper: {\n            sx: {\n              borderRadius: 2,\n              boxShadow:\n                \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\n              maxHeight: \"min(22rem, calc(100vh - 6rem))\",\n              overflow: \"hidden\",\n              backgroundColor: theme.palette.light.main,\n              mt: 0.5,\n            },\n          },\n        }}\n        sx={{\n          \"& .MuiOutlinedInput-root\": {\n            padding: \"0 9px !important\",\n            height: 48,\n            display: \"flex\",\n            alignItems: \"center\",\n          },\n          \"& .MuiAutocomplete-input\": {\n            padding: \"0 !important\",\n          },\n          \"& + .MuiAutocomplete-popper .MuiAutocomplete-option\": {\n            fontSize: \"1rem\",\n            color: theme.palette.dark.main,\n            '&[aria-selected=\"true\"]': {\n              backgroundColor: \"transparent\",\n            },\n            '&[aria-selected=\"true\"].Mui-focused, &:hover, &.Mui-focused': {\n              backgroundColor: `${theme.palette.primary.main}1A !important`,\n            },\n          },\n        }}\n        renderInput={(params: any) => {\n          // 1. Separate structural configurations from direct props\n          const { InputProps, inputProps, ...restParams } = params;\n\n          return (\n            <Input\n              {...restParams}\n              // 2. Safely spread native input elements\n              inputProps={inputProps}\n              // 3. Bind MUI's dynamic layout objects (adornments, ref) into the slot configuration\n              InputProps={{\n                ...InputProps,\n              }}\n              error={error}\n              placeholder={placeholder}\n              fullWidth\n              // Explicitly empty string avoids passing a raw error object down to helperText slots\n              helperText=\"\"\n            />\n          );\n        }}\n      />\n\n      {error && (\n        <FormHelperText\n          sx={{\n            mt: 0.75,\n            fontSize: \"0.875rem\",\n            color: theme.palette.error.main,\n          }}\n        >\n          {error}\n        </FormHelperText>\n      )}\n\n      {helperText && !error && (\n        <FormHelperText\n          sx={{\n            mt: 0.75,\n            fontSize: \"0.875rem\",\n            color: `${theme.palette.dark.main}99`,\n          }}\n        >\n          {helperText}\n        </FormHelperText>\n      )}\n    </AutocompleteWrapper>\n  );\n}\n"],"names":["styled","useTheme","_jsxs","_jsx","StyledLabel","MuiAutocomplete","ExpandMoreRounded","Input","FormHelperText"],"mappings":"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"}
+{"version":3,"file":"AutocompleteSelect.js","sources":["../../../../src/components/AutocompleteSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Autocomplete as MuiAutocomplete,\n  FormHelperText,\n  styled,\n} from \"@mui/material\";\nimport { ExpandMoreRounded } from \"@mui/icons-material\";\nimport { useTheme } from \"../ThemeProvider\"; // Adjust pathway according to project layout\nimport { Input, StyledLabel } from \"./Input\";\n\ninterface AutocompleteOption {\n  value: string;\n  label: string;\n}\n\ninterface AutocompleteSelectProps {\n  id?: string;\n  label?: string;\n  error?: string;\n  helperText?: string;\n  placeholder?: string;\n  fullWidth?: boolean;\n  disabled?: boolean;\n  options: AutocompleteOption[];\n  value: AutocompleteOption | null;\n  onChange: (value: AutocompleteOption | null) => void;\n  className?: string;\n  sx?: any;\n}\n\nconst AutocompleteWrapper = styled(\"div\")({\n  width: \"100%\",\n});\n\nexport function AutocompleteSelect({\n  id,\n  label,\n  error,\n  helperText,\n  placeholder,\n  fullWidth = false,\n  disabled = false,\n  options,\n  value,\n  onChange,\n  className = \"\",\n  sx,\n}: AutocompleteSelectProps): React.JSX.Element {\n  const theme = useTheme();\n  const selectId =\n    id || `auto-select-${Math.random().toString(36).substr(2, 9)}`;\n\n  return (\n    <AutocompleteWrapper\n      className={className}\n      sx={[\n        { ...(!fullWidth && { width: \"auto\" }) },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n    >\n      {label && (\n        <StyledLabel htmlFor={selectId} shrink={false}>\n          {label}\n        </StyledLabel>\n      )}\n\n      <MuiAutocomplete\n        id={selectId}\n        options={options}\n        value={value}\n        disabled={disabled}\n        disablePortal\n        getOptionLabel={(option: { label: string; value: string }) =>\n          option?.label || \"\"\n        }\n        isOptionEqualToValue={(\n          option: AutocompleteOption,\n          val: AutocompleteOption,\n        ) => option?.value === val?.value}\n        onChange={(_event, newValue) => onChange(newValue)}\n        popupIcon={\n          <ExpandMoreRounded sx={{ color: `${theme.palette.dark.main}66` }} />\n        }\n        slotProps={{\n          paper: {\n            sx: {\n              borderRadius: 2,\n              boxShadow:\n                \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\n              maxHeight: \"min(22rem, calc(100vh - 6rem))\",\n              overflow: \"hidden\",\n              backgroundColor: theme.palette.light.main,\n              mt: 0.5,\n            },\n          },\n        }}\n        sx={{\n          \"& .MuiOutlinedInput-root\": {\n            padding: \"0 9px !important\",\n            height: 48,\n            display: \"flex\",\n            alignItems: \"center\",\n          },\n          \"& .MuiAutocomplete-input\": {\n            padding: \"0 !important\",\n          },\n          \"& + .MuiAutocomplete-popper .MuiAutocomplete-option\": {\n            fontSize: \"1rem\",\n            color: theme.palette.dark.main,\n            '&[aria-selected=\"true\"]': {\n              backgroundColor: \"transparent\",\n            },\n            '&[aria-selected=\"true\"].Mui-focused, &:hover, &.Mui-focused': {\n              backgroundColor: `${theme.palette.primary.main}1A !important`,\n            },\n          },\n        }}\n        renderInput={(params: any) => {\n          // 1. Separate structural configurations from direct props\n          const { InputProps, inputProps, ...restParams } = params;\n\n          return (\n            <Input\n              {...restParams}\n              // 2. Safely spread native input elements\n              inputProps={inputProps}\n              // 3. Bind MUI's dynamic layout objects (adornments, ref) into the slot configuration\n              InputProps={{\n                ...InputProps,\n              }}\n              error={error}\n              placeholder={placeholder}\n              fullWidth\n              // Explicitly empty string avoids passing a raw error object down to helperText slots\n              helperText=\"\"\n            />\n          );\n        }}\n      />\n\n      {error && (\n        <FormHelperText\n          sx={{\n            mt: 0.75,\n            fontSize: \"0.875rem\",\n            color: theme.palette.error.main,\n          }}\n        >\n          {error}\n        </FormHelperText>\n      )}\n\n      {helperText && !error && (\n        <FormHelperText\n          sx={{\n            mt: 0.75,\n            fontSize: \"0.875rem\",\n            color: `${theme.palette.dark.main}99`,\n          }}\n        >\n          {helperText}\n        </FormHelperText>\n      )}\n    </AutocompleteWrapper>\n  );\n}\n"],"names":["styled","useTheme","_jsxs","_jsx","StyledLabel","MuiAutocomplete","ExpandMoreRounded","Input","FormHelperText"],"mappings":"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"}

package/dist/cjs/components/Modal.js

@@ -12,45 +12,45 @@ var variable = require('../types/variable.js');
 var variableProcessing = require('../helpers/variableProcessing.js');
 
 const StyledDialog = material.styled(material.Dialog)(({ theme }) => ({
-    '& .MuiDialog-paper': {
+    "& .MuiDialog-paper": {
         color: theme.palette.background.default,
         borderRadius: theme.shape.borderRadius,
-        maxWidth: '896px',
-        width: '100%',
-        maxHeight: '90vh',
+        maxWidth: "896px",
+        width: "100%",
+        maxHeight: "90vh",
     },
 }));
 const NavButton = material.styled(material.IconButton)(({ theme }) => ({
-    width: '40px',
-    height: '40px',
+    width: "40px",
+    height: "40px",
     borderRadius: 999,
     border: `2px solid ${theme.palette.dark.main}`,
-    backgroundColor: '#fff',
+    backgroundColor: "#fff",
     padding: theme.spacing(1, 2),
-    '&:hover': {
+    "&:hover": {
         backgroundColor: theme.palette.grey[100], // Changed from dark.main to grey[100]
         color: theme.palette.dark.main, // Keep text dark instead of light
         borderColor: theme.palette.dark.main, // Keep border dark
     },
 }));
-const Modal = ({ isOpen, onClose, variableId, status, requirementType, description, value, defaultValue, note, onSave, onSubmit, successMessage, errorMessage, onDeclineWording, onPrevious, onNext, currentPage = 1, totalPages = 1, isLoading }) => {
+const Modal = ({ isOpen, onClose, variableId, status, requirementType, description, value, defaultValue, note, onSave, onSubmit, successMessage, errorMessage, onDeclineWording, onPrevious, onNext, currentPage = 1, totalPages = 1, isLoading, useDefault, }) => {
     const variableState = variableProcessing.mapStatusToVariableState(status);
     const variableReqType = variableProcessing.mapRequirementTypeToState(requirementType);
     const [textValue, setTextValue] = React.useState(value);
-    const [customValue, setCustomValue] = React.useState('');
+    const [customValue, setCustomValue] = React.useState("");
     const [useDefaultValue, setUseDefaultValue] = React.useState(true);
     const [isSaving, setIsSaving] = React.useState(false);
     const [isSubmitting, setIsSubmitting] = React.useState(false);
     const theme = material.useTheme();
-    const toDisplay = (str) => str?.replace(/\\n/g, '\n') ?? '';
-    const toStorage = (str) => str?.replace(/\r?\n/g, '\\n') ?? '';
+    const toDisplay = (str) => str?.replace(/\\n/g, "\n") ?? "";
+    const toStorage = (str) => str?.replace(/\r?\n/g, "\\n") ?? "";
     React.useEffect(() => {
         const displayValue = toDisplay(value);
         const displayDefault = toDisplay(defaultValue);
-        const isUsingDefault = displayValue === displayDefault;
+        const isUsingDefault = useDefault || displayValue === displayDefault;
         setUseDefaultValue(isUsingDefault);
         setTextValue(displayValue);
-        setCustomValue(isUsingDefault ? '' : displayValue);
+        setCustomValue(isUsingDefault ? "" : displayValue);
     }, [variableId, value, defaultValue]);
     React.useEffect(() => {
         if (!isOpen) {
@@ -59,12 +59,12 @@ const Modal = ({ isOpen, onClose, variableId, status, requirementType, descripti
         }
     }, [isOpen]);
     React.useEffect(() => {
-        if (successMessage && successMessage !== '') {
+        if (successMessage && successMessage !== "") {
             reactToastify.toast.success(successMessage);
         }
     }, [successMessage]);
     React.useEffect(() => {
-        if (errorMessage && errorMessage !== '') {
+        if (errorMessage && errorMessage !== "") {
             reactToastify.toast.error(errorMessage);
         }
     }, [errorMessage]);
@@ -81,35 +81,42 @@ const Modal = ({ isOpen, onClose, variableId, status, requirementType, descripti
             setTextValue(toDisplay(defaultValue));
         }
         else {
-            setTextValue(customValue || toDisplay(value));
+            setTextValue(customValue || "");
         }
         setUseDefaultValue(checked);
     };
     const canSubmitSave = isLoading || variableState === variable.VariableState.Pending;
     const statusConfig = {
-        [variable.VariableState.Pending]: { color: '#EBC7FF', label: 'Pending' },
-        [variable.VariableState.Draft]: { color: '#4D3019', label: 'Draft' },
-        [variable.VariableState.Declined]: { color: '#4D3019', label: 'Declined' },
-        [variable.VariableState.ActionRequired]: { color: '#FFBCB3', label: 'Action Required' },
-        [variable.VariableState.Accepted]: { color: '#DBF59A', label: 'Accepted' },
-        [variable.VariableState.NotStarted]: { color: '#000000ff', label: 'Not Started' },
+        [variable.VariableState.Pending]: { color: "#EBC7FF", label: "Pending" },
+        [variable.VariableState.Draft]: { color: "#4D3019", label: "Draft" },
+        [variable.VariableState.Declined]: { color: "#4D3019", label: "Declined" },
+        [variable.VariableState.ActionRequired]: {
+            color: "#FFBCB3",
+            label: "Action Required",
+        },
+        [variable.VariableState.Accepted]: { color: "#DBF59A", label: "Accepted" },
+        [variable.VariableState.NotStarted]: { color: "#000000ff", label: "Not Started" },
     };
     const reqTypeConfig = {
-        "Default": {
-            color: '#F5A623',
-            highlight: '#f3bf6bff',
-            highlightSelected: '#F5A623',
-            label: 'Mandatory',
+        Default: {
+            color: "#F5A623",
+            highlight: "#f3bf6bff",
+            highlightSelected: "#F5A623",
+            label: "Mandatory",
         },
-        "Optional": {
-            color: '#F5D76E',
-            highlight: '#f3e2a5ff',
-            highlightSelected: '#F5D76E',
-            label: 'Optional',
+        Optional: {
+            color: "#F5D76E",
+            highlight: "#f3e2a5ff",
+            highlightSelected: "#F5D76E",
+            label: "Optional",
         },
     };
-    const statusStyle = variableState ? statusConfig[variableState] : { color: '#ccc', label: 'Unknown' };
-    const requirementTypeStyle = variableReqType ? reqTypeConfig[variableReqType] : { color: '#ccc', label: 'Unknown' };
+    const statusStyle = variableState
+        ? statusConfig[variableState]
+        : { color: "#ccc", label: "Unknown" };
+    const requirementTypeStyle = variableReqType
+        ? reqTypeConfig[variableReqType]
+        : { color: "#ccc", label: "Unknown" };
     const handleSave = () => {
         setIsSaving(true);
         const payloadValue = toStorage(textValue);
@@ -121,77 +128,76 @@ const Modal = ({ isOpen, onClose, variableId, status, requirementType, descripti
         onSubmit?.(payloadValue, useDefaultValue);
     };
     return (jsxRuntime.jsxs(StyledDialog, { open: isOpen, onClose: onClose, maxWidth: "md", fullWidth: true, children: [jsxRuntime.jsx(material.IconButton, { onClick: onClose, disabled: isLoading, sx: {
-                    position: 'absolute',
+                    position: "absolute",
                     top: 16,
                     right: 16,
                     zIndex: 1,
                 }, children: jsxRuntime.jsx(iconsMaterial.CloseRounded, { sx: { fontSize: 24 } }) }), jsxRuntime.jsxs(material.DialogContent, { sx: { p: { xs: 3, sm: 4, md: 6 } }, children: [jsxRuntime.jsxs(material.Box, { sx: { mb: 3 }, children: [jsxRuntime.jsx(material.Chip, { label: requirementTypeStyle.label.toUpperCase(), sx: {
                                     mr: 3,
-                                    border: '3px solid',
+                                    border: "3px solid",
                                     backgroundColor: requirementTypeStyle.color,
                                     borderColor: requirementTypeStyle.color,
                                     color: theme.palette.text.primary,
                                     fontWeight: 600,
-                                    fontSize: '0.875rem',
-                                    height: 'auto',
+                                    fontSize: "0.875rem",
+                                    height: "auto",
                                     py: 1,
                                     borderRadius: 0,
                                     px: 2,
-                                } }), variableState !== variable.VariableState.NotStarted &&
-                                jsxRuntime.jsx(material.Chip, { label: statusStyle.label.toUpperCase(), sx: {
-                                        mr: 3,
-                                        border: '3px solid',
-                                        backgroundColor: theme.palette.background.paper,
-                                        borderColor: statusStyle.color,
-                                        color: theme.palette.text.primary,
-                                        fontWeight: 600,
-                                        fontSize: '0.875rem',
-                                        height: 'auto',
-                                        py: 1,
-                                        borderRadius: 0,
-                                        px: 2,
-                                    } })] }), jsxRuntime.jsx(material.Typography, { sx: { mb: 3, lineHeight: 1.6, whiteSpace: 'pre-line' }, children: index.default(description) }), variableState === variable.VariableState.ActionRequired && note && (jsxRuntime.jsx(Alert.Alert, { variant: "error", icon: jsxRuntime.jsx(iconsMaterial.InfoOutlineRounded, { sx: { fontSize: 20 } }), sx: {
-                            mb: 2
+                                } }), variableState !== variable.VariableState.NotStarted && (jsxRuntime.jsx(material.Chip, { label: statusStyle.label.toUpperCase(), sx: {
+                                    mr: 3,
+                                    border: "3px solid",
+                                    backgroundColor: theme.palette.background.paper,
+                                    borderColor: statusStyle.color,
+                                    color: theme.palette.text.primary,
+                                    fontWeight: 600,
+                                    fontSize: "0.875rem",
+                                    height: "auto",
+                                    py: 1,
+                                    borderRadius: 0,
+                                    px: 2,
+                                } }))] }), jsxRuntime.jsx(material.Typography, { sx: { mb: 3, lineHeight: 1.6, whiteSpace: "pre-line" }, children: index.default(description) }), variableState === variable.VariableState.ActionRequired && note && (jsxRuntime.jsx(Alert.Alert, { variant: "error", icon: jsxRuntime.jsx(iconsMaterial.InfoOutlineRounded, { sx: { fontSize: 20 } }), sx: {
+                            mb: 2,
                         }, children: note })), variableState !== variable.VariableState.ActionRequired && note && (jsxRuntime.jsx(Alert.Alert, { variant: "info", icon: jsxRuntime.jsx(iconsMaterial.ArticleRounded, { sx: { fontSize: 20, color: theme.palette.text.primary } }), sx: {
                             mb: 2,
-                            backgroundColor: '#00000000',
-                            borderColor: '#acacacff',
+                            backgroundColor: "#00000000",
+                            borderColor: "#acacacff",
                             color: theme.palette.text.primary,
                         }, children: note })), jsxRuntime.jsx(material.TextField, { multiline: true, rows: 6, fullWidth: true, value: textValue, onChange: (e) => setTextValue(e.target.value), disabled: useDefaultValue ||
                             canSubmitSave ||
                             variableState === variable.VariableState.Declined, sx: {
                             mb: 2,
-                            '& .MuiOutlinedInput-root': {
-                                backgroundColor: useDefaultValue || canSubmitSave ? 'rgba(0, 0, 0, 0.05)' : '#fff',
+                            "& .MuiOutlinedInput-root": {
+                                backgroundColor: useDefaultValue || canSubmitSave
+                                    ? "rgba(0, 0, 0, 0.05)"
+                                    : "#fff",
                                 borderRadius: 2,
                             },
                         } }), jsxRuntime.jsx(material.FormControlLabel, { control: jsxRuntime.jsx(material.Checkbox, { checked: useDefaultValue, disabled: canSubmitSave || variableState === variable.VariableState.Declined, onChange: handleUseDefaultValueChange, sx: {
                                 color: theme.palette.primary.main,
-                                '&.Mui-checked': {
+                                "&.Mui-checked": {
                                     color: theme.palette.primary.main,
                                 },
                             } }), label: "Use Default Wording", sx: { mb: 3 } }), jsxRuntime.jsxs(material.Box, { sx: {
-                            display: 'flex',
-                            flexDirection: { xs: 'column', sm: 'row' },
-                            alignItems: { xs: 'stretch', sm: 'center' },
-                            justifyContent: 'space-between',
+                            display: "flex",
+                            flexDirection: { xs: "column", sm: "row" },
+                            alignItems: { xs: "stretch", sm: "center" },
+                            justifyContent: "space-between",
                             gap: 2,
                             pt: 3,
-                            borderTop: '1px solid',
-                            borderColor: 'divider',
-                        }, children: [variableState !== variable.VariableState.Declined ? (jsxRuntime.jsxs(material.Box, { sx: { display: 'flex', gap: 1.5, flexWrap: 'wrap' }, children: [useDefaultValue === false ?
-                                        (jsxRuntime.jsx(Button.Button, { onClick: handleSave, variant: "outline", size: "md", disabled: canSubmitSave, children: isSaving ? jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.CircularProgress, { size: 20 }), jsxRuntime.jsx(material.Typography, { sx: { paddingLeft: 2 }, children: "Saving..." })] }) : "Save" })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {})), jsxRuntime.jsx(Button.Button, { onClick: handleSubmit, variant: "outline", size: "md", disabled: canSubmitSave, sx: {
-                                            backgroundColor: theme.palette.primary.main + '52',
-                                            '&:hover': {
-                                                backgroundColor: theme.palette.primary.main + '80',
+                            borderTop: "1px solid",
+                            borderColor: "divider",
+                        }, children: [variableState !== variable.VariableState.Declined ? (jsxRuntime.jsxs(material.Box, { sx: { display: "flex", gap: 1.5, flexWrap: "wrap" }, children: [useDefaultValue === false ? (jsxRuntime.jsx(Button.Button, { onClick: handleSave, variant: "outline", size: "md", disabled: canSubmitSave, children: isSaving ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.CircularProgress, { size: 20 }), jsxRuntime.jsx(material.Typography, { sx: { paddingLeft: 2 }, children: "Saving..." })] })) : ("Save") })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {})), jsxRuntime.jsx(Button.Button, { onClick: handleSubmit, variant: "outline", size: "md", disabled: canSubmitSave || (useDefaultValue && useDefault), sx: {
+                                            backgroundColor: theme.palette.primary.main + "52",
+                                            "&:hover": {
+                                                backgroundColor: theme.palette.primary.main + "80",
+                                            },
+                                        }, children: isSubmitting ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.CircularProgress, { size: 20 }), jsxRuntime.jsx(material.Typography, { sx: { paddingLeft: 2 }, children: "Submitting..." })] })) : useDefaultValue && useDefault ? ("Default already Accepted") : useDefaultValue === false ? ("Submit for review") : ("Submit") }), variableReqType === variable.RequirementType.Optional && (jsxRuntime.jsx(Button.Button, { onClick: onDeclineWording, variant: "outline", size: "md", sx: {
+                                            backgroundColor: "#ff464652",
+                                            "&:hover": {
+                                                backgroundColor: "#ff464680", // Darker purple on hover
                                             },
-                                        }, children: isSubmitting ? jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.CircularProgress, { size: 20 }), jsxRuntime.jsx(material.Typography, { sx: { paddingLeft: 2 }, children: "Submitting..." })] }) : useDefaultValue === false ? "Submit for review" : "Submit" }), variableReqType === variable.RequirementType.Optional &&
-                                        (jsxRuntime.jsx(Button.Button, { onClick: onDeclineWording, variant: "outline", size: "md", sx: {
-                                                backgroundColor: '#ff464652',
-                                                '&:hover': {
-                                                    backgroundColor: '#ff464680', // Darker purple on hover
-                                                }
-                                            }, disabled: canSubmitSave, children: "Decline wording" }))] })) : (jsxRuntime.jsx(material.Box, { sx: { display: 'flex', gap: 1.5, flexWrap: 'wrap' }, children: jsxRuntime.jsx(Button.Button, { onClick: () => {
+                                        }, disabled: canSubmitSave, children: "Decline wording" }))] })) : (jsxRuntime.jsx(material.Box, { sx: { display: "flex", gap: 1.5, flexWrap: "wrap" }, children: jsxRuntime.jsx(Button.Button, { onClick: () => {
                                         setIsSubmitting(true);
                                         // Pass the default value and true directly to onSubmit
                                         const payloadValue = toStorage(toDisplay(defaultValue));
@@ -200,16 +206,16 @@ const Modal = ({ isOpen, onClose, variableId, status, requirementType, descripti
                                         setUseDefaultValue(true);
                                         onSubmit?.(payloadValue, true);
                                     }, variant: "outline", size: "md", disabled: canSubmitSave, sx: {
-                                        backgroundColor: '#ff464652',
-                                        '&:hover': {
-                                            backgroundColor: '#ff464680',
-                                        }
+                                        backgroundColor: "#ff464652",
+                                        "&:hover": {
+                                            backgroundColor: "#ff464680",
+                                        },
                                     }, children: isSubmitting ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.CircularProgress, { size: 20 }), jsxRuntime.jsx(material.Typography, { sx: { paddingLeft: 2 }, children: "Restoring..." })] })) : ("Restore wording") }) })), jsxRuntime.jsxs(material.Box, { sx: {
-                                    display: 'flex',
-                                    alignItems: 'center',
+                                    display: "flex",
+                                    alignItems: "center",
                                     gap: 1.5,
-                                    justifyContent: { xs: 'space-between', sm: 'flex-end' },
-                                }, children: [currentPage !== 1 && jsxRuntime.jsx(NavButton, { onClick: onPrevious, "aria-label": "Previous", disabled: isLoading, children: jsxRuntime.jsx(iconsMaterial.ArrowBackIosRounded, { sx: { fontSize: 20, color: theme.palette.text.primary } }) }), currentPage !== totalPages && jsxRuntime.jsx(NavButton, { onClick: onNext, "aria-label": "Next", disabled: isLoading, children: jsxRuntime.jsx(iconsMaterial.ArrowForwardIosRounded, { sx: { fontSize: 20, color: theme.palette.text.primary } }) }), jsxRuntime.jsxs(material.Typography, { fontWeight: 500, fontSize: "1.125rem", children: [currentPage, "/", totalPages] })] })] })] })] }));
+                                    justifyContent: { xs: "space-between", sm: "flex-end" },
+                                }, children: [currentPage !== 1 && (jsxRuntime.jsx(NavButton, { onClick: onPrevious, "aria-label": "Previous", disabled: isLoading, children: jsxRuntime.jsx(iconsMaterial.ArrowBackIosRounded, { sx: { fontSize: 20, color: theme.palette.text.primary } }) })), currentPage !== totalPages && (jsxRuntime.jsx(NavButton, { onClick: onNext, "aria-label": "Next", disabled: isLoading, children: jsxRuntime.jsx(iconsMaterial.ArrowForwardIosRounded, { sx: { fontSize: 20, color: theme.palette.text.primary } }) })), jsxRuntime.jsxs(material.Typography, { fontWeight: 500, fontSize: "1.125rem", children: [currentPage, "/", totalPages] })] })] })] })] }));
 };
 
 exports.Modal = Modal;

package/dist/cjs/components/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal.tsx"],"sourcesContent":["import React, { use, useEffect, useState } from 'react';\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  IconButton,\r\n  Box,\r\n  Typography,\r\n  TextField,\r\n  Checkbox,\r\n  FormControlLabel,\r\n  Alert as MuiAlert,\r\n  Chip,\r\n  styled,\r\n  CircularProgress,\r\n  useTheme,\r\n} from '@mui/material';\r\nimport { Button } from './Button';\r\nimport { ArrowBackIosRounded, ArrowForwardIosRounded, ArticleRounded, CloseRounded, ErrorOutlineRounded, InfoOutlineRounded, StickyNote2Rounded } from '@mui/icons-material';\r\nimport { Alert } from './Alert';\r\nimport { toast } from 'react-toastify';\r\nimport parse from 'html-react-parser';\r\nimport { VariableState, RequirementType } from '../types/variable';\r\nimport { mapRequirementTypeToState, mapStatusToVariableState } from '../helpers/variableProcessing';\r\n\r\ninterface ModalProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  variableId: string;\r\n  status: string;\r\n  requirementType: string,\r\n  description: string;\r\n  value: string;\r\n  defaultValue: string;\r\n  note?: string;\r\n  onSave?: (fieldValue: string, defaultChecked: boolean) => void;\r\n  onSubmit?: (fieldValue: string, defaultChecked: boolean) => void;\r\n  successMessage?: string;\r\n  errorMessage?: string;\r\n  onDeclineWording?: () => void;\r\n  onPrevious?: () => void;\r\n  onNext?: () => void;\r\n  currentPage?: number;\r\n  totalPages?: number;\r\n  isLoading: boolean;\r\n}\r\n\r\n\r\nconst StyledDialog = styled(Dialog)(({ theme }) => ({\r\n  '& .MuiDialog-paper': {\r\n    color: theme.palette.background.default,\r\n    borderRadius: theme.shape.borderRadius,\r\n    maxWidth: '896px',\r\n    width: '100%',\r\n    maxHeight: '90vh',\r\n  },\r\n}));\r\n\r\n\r\nconst NavButton = styled(IconButton)(({ theme }) => ({\r\n  width: '40px',\r\n  height: '40px',\r\n  borderRadius: 999,\r\n  border: `2px solid ${theme.palette.dark.main}`,\r\n  backgroundColor: '#fff',\r\n  padding: theme.spacing(1, 2),\r\n  '&:hover': {\r\n    backgroundColor: theme.palette.grey[100], // Changed from dark.main to grey[100]\r\n    color: theme.palette.dark.main, // Keep text dark instead of light\r\n    borderColor: theme.palette.dark.main, // Keep border dark\r\n  },\r\n}));\r\n\r\n\r\nexport const Modal: React.FC<ModalProps> = ({\r\n  isOpen,\r\n  onClose,\r\n  variableId,\r\n  status,\r\n  requirementType,\r\n  description,\r\n  value,\r\n  defaultValue,\r\n  note,\r\n  onSave,\r\n  onSubmit,\r\n  successMessage,\r\n  errorMessage,\r\n  onDeclineWording,\r\n  onPrevious,\r\n  onNext,\r\n  currentPage = 1,\r\n  totalPages = 1,\r\n  isLoading\r\n}) => {\r\n  const variableState = mapStatusToVariableState(status);\r\n  const variableReqType = mapRequirementTypeToState(requirementType)\r\n\r\n  const [textValue, setTextValue] = useState(value);\r\n  const [customValue, setCustomValue] = useState('');\r\n\r\n  const [useDefaultValue, setUseDefaultValue] = useState(true);\r\n  const [isSaving, setIsSaving] = useState(false);\r\n  const [isSubmitting, setIsSubmitting] = useState(false);\r\n\r\n  const theme = useTheme()\r\n\r\n  const toDisplay = (str: string) => str?.replace(/\\\\n/g, '\\n') ?? '';\r\n  const toStorage = (str: string) => str?.replace(/\\r?\\n/g, '\\\\n') ?? '';\r\n\r\n  useEffect(() => {\r\n    const displayValue = toDisplay(value);\r\n    const displayDefault = toDisplay(defaultValue);\r\n\r\n    const isUsingDefault = displayValue === displayDefault;\r\n    \r\n    setUseDefaultValue(isUsingDefault);\r\n    setTextValue(displayValue);\r\n    setCustomValue(isUsingDefault ? '' : displayValue);\r\n  }, [variableId, value, defaultValue]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) {\r\n      setIsSaving(false);\r\n      setIsSubmitting(false);\r\n    }\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (successMessage && successMessage !== '') {\r\n      toast.success(successMessage);\r\n    }\r\n  }, [successMessage]);\r\n  \r\n  useEffect(() => {\r\n    if (errorMessage && errorMessage !== '') {\r\n      toast.error(errorMessage);\r\n    }\r\n  }, [errorMessage]);\r\n  \r\n  useEffect(() => {\r\n    if (!isLoading) {\r\n      setIsSaving(false);\r\n      setIsSubmitting(false);\r\n    }\r\n  }, [isLoading]);\r\n\r\n  const handleUseDefaultValueChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    const checked = event.target.checked;\r\n\r\n    if (checked) {\r\n      setCustomValue(textValue);\r\n      setTextValue(toDisplay(defaultValue));\r\n    } else {\r\n      setTextValue(customValue || toDisplay(value));\r\n    }\r\n\r\n    setUseDefaultValue(checked);\r\n  };\r\n\r\n\r\n  const canSubmitSave = isLoading || variableState === VariableState.Pending\r\n\r\n  const statusConfig = {\r\n    [VariableState.Pending]: { color: '#EBC7FF', label: 'Pending' },\r\n    [VariableState.Draft]: { color: '#4D3019', label: 'Draft' },\r\n    [VariableState.Declined]: { color: '#4D3019', label: 'Declined' },\r\n    [VariableState.ActionRequired]: { color: '#FFBCB3', label: 'Action Required' },\r\n    [VariableState.Accepted]: { color: '#DBF59A', label: 'Accepted' },\r\n    [VariableState.NotStarted]: { color: '#000000ff', label: 'Not Started' },\r\n  };\r\n\r\n  const reqTypeConfig = {\r\n    \"Default\": {\r\n      color: '#F5A623',\r\n      highlight: '#f3bf6bff',\r\n      highlightSelected: '#F5A623',\r\n      label: 'Mandatory',\r\n    },\r\n    \"Optional\": {\r\n      color: '#F5D76E',\r\n      highlight: '#f3e2a5ff',\r\n      highlightSelected: '#F5D76E',\r\n      label: 'Optional',\r\n    },\r\n  };\r\n\r\n\r\n  const statusStyle = variableState ? statusConfig[variableState] : { color: '#ccc', label: 'Unknown' };;\r\n  const requirementTypeStyle = variableReqType ? reqTypeConfig[variableReqType] : { color: '#ccc', label: 'Unknown' };;\r\n\r\n\r\n  const handleSave = () => {\r\n    setIsSaving(true);\r\n    const payloadValue = toStorage(textValue);\r\n    onSave?.(payloadValue, useDefaultValue);\r\n  };\r\n\r\n\r\n  const handleSubmit = () => {\r\n    setIsSubmitting(true);\r\n    const payloadValue = toStorage(textValue);\r\n    onSubmit?.(payloadValue, useDefaultValue);\r\n  };\r\n\r\n\r\n  return (\r\n    <StyledDialog open={isOpen} onClose={onClose} maxWidth=\"md\" fullWidth>\r\n      <IconButton\r\n        onClick={onClose}\r\n        disabled={isLoading}\r\n        sx={{\r\n          position: 'absolute',\r\n          top: 16,\r\n          right: 16,\r\n          zIndex: 1,\r\n        }}\r\n      >\r\n        <CloseRounded sx={{ fontSize: 24 }} />\r\n      </IconButton>\r\n\r\n\r\n      <DialogContent sx={{ p: { xs: 3, sm: 4, md: 6 } }}>\r\n        {/* Status Chip */}\r\n        <Box sx={{ mb: 3}}>\r\n          <Chip\r\n            label={requirementTypeStyle.label.toUpperCase()}\r\n            sx={{\r\n              mr: 3,\r\n              border: '3px solid',\r\n              backgroundColor: requirementTypeStyle.color,\r\n              borderColor: requirementTypeStyle.color,\r\n              color: theme.palette.text.primary,\r\n              fontWeight: 600,\r\n              fontSize: '0.875rem',\r\n              height: 'auto',\r\n              py: 1,\r\n              borderRadius: 0,\r\n              px: 2,\r\n            }}\r\n          />\r\n          {variableState !== VariableState.NotStarted &&\r\n            <Chip\r\n              label={statusStyle.label.toUpperCase()}\r\n              sx={{\r\n                mr: 3,\r\n                border: '3px solid',\r\n                backgroundColor: theme.palette.background.paper,\r\n                borderColor: statusStyle.color,\r\n                color: theme.palette.text.primary,\r\n                fontWeight: 600,\r\n                fontSize: '0.875rem',\r\n                height: 'auto',\r\n                py: 1,\r\n                borderRadius: 0,\r\n                px: 2,\r\n              }}\r\n            />\r\n          }\r\n        </Box>\r\n\r\n\r\n        {/* Description */}\r\n        <Typography sx={{ mb: 3, lineHeight: 1.6, whiteSpace: 'pre-line' }}>\r\n          {parse(description)}\r\n        </Typography>\r\n\r\n\r\n        {/* Error Alert with Custom Icon */}\r\n        {variableState === VariableState.ActionRequired && note && (\r\n          <Alert\r\n            variant=\"error\"\r\n            icon={<InfoOutlineRounded sx={{ fontSize: 20 }} />}\r\n            sx={{\r\n              mb: 2\r\n            }}\r\n          >\r\n            {note}\r\n          </Alert>\r\n        )}\r\n\r\n        {/* Info Alert with Custom Background and Icon */}\r\n        {variableState !== VariableState.ActionRequired && note && (\r\n          <Alert\r\n            variant=\"info\"\r\n            icon={<ArticleRounded sx={{ fontSize: 20, color: theme.palette.text.primary }} />}\r\n            sx={{\r\n              mb: 2,\r\n              backgroundColor: '#00000000',\r\n              borderColor: '#acacacff',\r\n              color: theme.palette.text.primary,\r\n            }}\r\n          >\r\n            {note}\r\n          </Alert>\r\n        )}\r\n\r\n\r\n        {/* Text Field */}\r\n        <TextField\r\n          multiline\r\n          rows={6}\r\n          fullWidth\r\n          value={textValue}\r\n          onChange={(e) => setTextValue(e.target.value)}\r\n          disabled={\r\n            useDefaultValue || \r\n            canSubmitSave || \r\n            variableState === VariableState.Declined\r\n          }\r\n          sx={{\r\n            mb: 2,\r\n            '& .MuiOutlinedInput-root': {\r\n              backgroundColor: useDefaultValue || canSubmitSave ? 'rgba(0, 0, 0, 0.05)' : '#fff',\r\n              borderRadius: 2,\r\n            },\r\n          }}\r\n        />\r\n\r\n\r\n        {/* Checkbox */}\r\n        <FormControlLabel\r\n          control={\r\n            <Checkbox\r\n              checked={useDefaultValue}\r\n              disabled={canSubmitSave || variableState === VariableState.Declined}\r\n              onChange={handleUseDefaultValueChange}\r\n              sx={{\r\n                color: theme.palette.primary.main,\r\n                '&.Mui-checked': {\r\n                  color: theme.palette.primary.main,\r\n                },\r\n              }}\r\n            />\r\n          }\r\n          label=\"Use Default Wording\"\r\n          sx={{ mb: 3 }}\r\n        />\r\n\r\n          <Box\r\n            sx={{\r\n              display: 'flex',\r\n              flexDirection: { xs: 'column', sm: 'row' },\r\n              alignItems: { xs: 'stretch', sm: 'center' },\r\n              justifyContent: 'space-between',\r\n              gap: 2,\r\n              pt: 3,\r\n              borderTop: '1px solid',\r\n              borderColor: 'divider',\r\n            }}\r\n          >\r\n            {variableState !== VariableState.Declined ? (\r\n              <Box sx={{ display: 'flex', gap: 1.5, flexWrap: 'wrap' }}>\r\n                {useDefaultValue === false? \r\n                  (\r\n                      <Button\r\n                        onClick={handleSave}\r\n                        variant=\"outline\"\r\n                        size=\"md\"\r\n                        disabled={canSubmitSave}\r\n                      >\r\n                        {isSaving ? <><CircularProgress size={20} /><Typography sx={{paddingLeft: 2}}>Saving...</Typography></> : \"Save\"}\r\n                      </Button>\r\n                  ) : (<></>)\r\n                }\r\n                <Button\r\n                  onClick={handleSubmit}\r\n                  variant=\"outline\"\r\n                  size=\"md\"\r\n                  disabled={canSubmitSave}\r\n                  sx={{\r\n                    backgroundColor: theme.palette.primary.main + '52',\r\n                    '&:hover': {\r\n                      backgroundColor: theme.palette.primary.main + '80',\r\n                    },\r\n                  }}\r\n                >\r\n                  {isSubmitting ? <><CircularProgress size={20} /><Typography sx={{paddingLeft: 2}}>Submitting...</Typography></> : useDefaultValue === false ? \"Submit for review\" : \"Submit\"}\r\n                </Button>\r\n                {variableReqType === RequirementType.Optional &&\r\n                  (\r\n                    <Button onClick={onDeclineWording} variant=\"outline\" size=\"md\" sx={{\r\n                        backgroundColor: '#ff464652',\r\n                        '&:hover': {\r\n                          backgroundColor: '#ff464680', // Darker purple on hover\r\n                        }\r\n                      }}\r\n                      disabled={canSubmitSave}\r\n                      >\r\n                      Decline wording\r\n                    </Button>\r\n                  )}\r\n              </Box>\r\n            ) : (\r\n            <Box sx={{ display: 'flex', gap: 1.5, flexWrap: 'wrap' }}>\r\n              <Button\r\n                onClick={() => {\r\n                  setIsSubmitting(true);\r\n                  // Pass the default value and true directly to onSubmit\r\n                  const payloadValue = toStorage(toDisplay(defaultValue));\r\n                  setCustomValue(textValue);\r\n                  setTextValue(toDisplay(defaultValue));\r\n                  setUseDefaultValue(true);\r\n                  onSubmit?.(payloadValue, true);\r\n                }}\r\n                variant=\"outline\"\r\n                size=\"md\"\r\n                disabled={canSubmitSave}\r\n                sx={{\r\n                  backgroundColor: '#ff464652',\r\n                  '&:hover': {\r\n                    backgroundColor: '#ff464680',\r\n                  }\r\n                }}\r\n              >\r\n                {isSubmitting ? (\r\n                  <>\r\n                    <CircularProgress size={20} />\r\n                    <Typography sx={{paddingLeft: 2}}>Restoring...</Typography>\r\n                  </>\r\n                ) : (\r\n                  \"Restore wording\"\r\n                )}\r\n              </Button>\r\n            </Box>\r\n          )}\r\n          {/* Navigation */}\r\n          <Box\r\n            sx={{\r\n              display: 'flex',\r\n              alignItems: 'center',\r\n              gap: 1.5,\r\n              justifyContent: { xs: 'space-between', sm: 'flex-end' },\r\n            }}\r\n          >\r\n            {currentPage !== 1 && <NavButton onClick={onPrevious} aria-label=\"Previous\" disabled={isLoading}>\r\n              <ArrowBackIosRounded sx={{ fontSize: 20, color: theme.palette.text.primary }}/>\r\n            </NavButton>}\r\n            {currentPage !== totalPages && <NavButton onClick={onNext} aria-label=\"Next\" disabled={isLoading}>\r\n              <ArrowForwardIosRounded sx={{ fontSize: 20, color: theme.palette.text.primary }}/>\r\n            </NavButton>}\r\n            <Typography fontWeight={500} fontSize=\"1.125rem\">\r\n              {currentPage}/{totalPages}\r\n            </Typography>\r\n          </Box>\r\n        </Box>\r\n      </DialogContent>\r\n    </StyledDialog>\r\n  );\r\n};\r\n"],"names":["styled","Dialog","IconButton","mapStatusToVariableState","mapRequirementTypeToState","useState","useTheme","useEffect","toast","VariableState","_jsxs","_jsx","CloseRounded","DialogContent","Box","Chip","Typography","parse","Alert","InfoOutlineRounded","ArticleRounded","TextField","FormControlLabel","Checkbox","Button","_Fragment","CircularProgress","RequirementType","ArrowBackIosRounded","ArrowForwardIosRounded"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal.tsx"],"sourcesContent":["import React, { use, useEffect, useState } from \"react\";\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  IconButton,\r\n  Box,\r\n  Typography,\r\n  TextField,\r\n  Checkbox,\r\n  FormControlLabel,\r\n  Alert as MuiAlert,\r\n  Chip,\r\n  styled,\r\n  CircularProgress,\r\n  useTheme,\r\n} from \"@mui/material\";\r\nimport { Button } from \"./Button\";\r\nimport {\r\n  ArrowBackIosRounded,\r\n  ArrowForwardIosRounded,\r\n  ArticleRounded,\r\n  CloseRounded,\r\n  ErrorOutlineRounded,\r\n  InfoOutlineRounded,\r\n  StickyNote2Rounded,\r\n} from \"@mui/icons-material\";\r\nimport { Alert } from \"./Alert\";\r\nimport { toast } from \"react-toastify\";\r\nimport parse from \"html-react-parser\";\r\nimport { VariableState, RequirementType } from \"../types/variable\";\r\nimport {\r\n  mapRequirementTypeToState,\r\n  mapStatusToVariableState,\r\n} from \"../helpers/variableProcessing\";\r\n\r\ninterface ModalProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  variableId: string;\r\n  status: string;\r\n  requirementType: string;\r\n  description: string;\r\n  value: string;\r\n  defaultValue: string;\r\n  note?: string;\r\n  onSave?: (fieldValue: string, defaultChecked: boolean) => void;\r\n  onSubmit?: (fieldValue: string, defaultChecked: boolean) => void;\r\n  successMessage?: string;\r\n  errorMessage?: string;\r\n  onDeclineWording?: () => void;\r\n  onPrevious?: () => void;\r\n  onNext?: () => void;\r\n  currentPage?: number;\r\n  totalPages?: number;\r\n  isLoading: boolean;\r\n  useDefault: boolean;\r\n}\r\n\r\nconst StyledDialog = styled(Dialog)(({ theme }) => ({\r\n  \"& .MuiDialog-paper\": {\r\n    color: theme.palette.background.default,\r\n    borderRadius: theme.shape.borderRadius,\r\n    maxWidth: \"896px\",\r\n    width: \"100%\",\r\n    maxHeight: \"90vh\",\r\n  },\r\n}));\r\n\r\nconst NavButton = styled(IconButton)(({ theme }) => ({\r\n  width: \"40px\",\r\n  height: \"40px\",\r\n  borderRadius: 999,\r\n  border: `2px solid ${theme.palette.dark.main}`,\r\n  backgroundColor: \"#fff\",\r\n  padding: theme.spacing(1, 2),\r\n  \"&:hover\": {\r\n    backgroundColor: theme.palette.grey[100], // Changed from dark.main to grey[100]\r\n    color: theme.palette.dark.main, // Keep text dark instead of light\r\n    borderColor: theme.palette.dark.main, // Keep border dark\r\n  },\r\n}));\r\n\r\nexport const Modal: React.FC<ModalProps> = ({\r\n  isOpen,\r\n  onClose,\r\n  variableId,\r\n  status,\r\n  requirementType,\r\n  description,\r\n  value,\r\n  defaultValue,\r\n  note,\r\n  onSave,\r\n  onSubmit,\r\n  successMessage,\r\n  errorMessage,\r\n  onDeclineWording,\r\n  onPrevious,\r\n  onNext,\r\n  currentPage = 1,\r\n  totalPages = 1,\r\n  isLoading,\r\n  useDefault,\r\n}) => {\r\n  const variableState = mapStatusToVariableState(status);\r\n  const variableReqType = mapRequirementTypeToState(requirementType);\r\n\r\n  const [textValue, setTextValue] = useState(value);\r\n  const [customValue, setCustomValue] = useState(\"\");\r\n\r\n  const [useDefaultValue, setUseDefaultValue] = useState(true);\r\n  const [isSaving, setIsSaving] = useState(false);\r\n  const [isSubmitting, setIsSubmitting] = useState(false);\r\n\r\n  const theme = useTheme();\r\n\r\n  const toDisplay = (str: string) => str?.replace(/\\\\n/g, \"\\n\") ?? \"\";\r\n  const toStorage = (str: string) => str?.replace(/\\r?\\n/g, \"\\\\n\") ?? \"\";\r\n\r\n  useEffect(() => {\r\n    const displayValue = toDisplay(value);\r\n    const displayDefault = toDisplay(defaultValue);\r\n\r\n    const isUsingDefault = useDefault || displayValue === displayDefault;\r\n\r\n    setUseDefaultValue(isUsingDefault);\r\n    setTextValue(displayValue);\r\n    setCustomValue(isUsingDefault ? \"\" : displayValue);\r\n  }, [variableId, value, defaultValue]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) {\r\n      setIsSaving(false);\r\n      setIsSubmitting(false);\r\n    }\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (successMessage && successMessage !== \"\") {\r\n      toast.success(successMessage);\r\n    }\r\n  }, [successMessage]);\r\n\r\n  useEffect(() => {\r\n    if (errorMessage && errorMessage !== \"\") {\r\n      toast.error(errorMessage);\r\n    }\r\n  }, [errorMessage]);\r\n\r\n  useEffect(() => {\r\n    if (!isLoading) {\r\n      setIsSaving(false);\r\n      setIsSubmitting(false);\r\n    }\r\n  }, [isLoading]);\r\n\r\n  const handleUseDefaultValueChange = (\r\n    event: React.ChangeEvent<HTMLInputElement>,\r\n  ) => {\r\n    const checked = event.target.checked;\r\n\r\n    if (checked) {\r\n      setCustomValue(textValue);\r\n      setTextValue(toDisplay(defaultValue));\r\n    } else {\r\n      setTextValue(customValue || \"\");\r\n    }\r\n\r\n    setUseDefaultValue(checked);\r\n  };\r\n\r\n  const canSubmitSave = isLoading || variableState === VariableState.Pending;\r\n\r\n  const statusConfig = {\r\n    [VariableState.Pending]: { color: \"#EBC7FF\", label: \"Pending\" },\r\n    [VariableState.Draft]: { color: \"#4D3019\", label: \"Draft\" },\r\n    [VariableState.Declined]: { color: \"#4D3019\", label: \"Declined\" },\r\n    [VariableState.ActionRequired]: {\r\n      color: \"#FFBCB3\",\r\n      label: \"Action Required\",\r\n    },\r\n    [VariableState.Accepted]: { color: \"#DBF59A\", label: \"Accepted\" },\r\n    [VariableState.NotStarted]: { color: \"#000000ff\", label: \"Not Started\" },\r\n  };\r\n\r\n  const reqTypeConfig = {\r\n    Default: {\r\n      color: \"#F5A623\",\r\n      highlight: \"#f3bf6bff\",\r\n      highlightSelected: \"#F5A623\",\r\n      label: \"Mandatory\",\r\n    },\r\n    Optional: {\r\n      color: \"#F5D76E\",\r\n      highlight: \"#f3e2a5ff\",\r\n      highlightSelected: \"#F5D76E\",\r\n      label: \"Optional\",\r\n    },\r\n  };\r\n\r\n  const statusStyle = variableState\r\n    ? statusConfig[variableState]\r\n    : { color: \"#ccc\", label: \"Unknown\" };\r\n  const requirementTypeStyle = variableReqType\r\n    ? reqTypeConfig[variableReqType]\r\n    : { color: \"#ccc\", label: \"Unknown\" };\r\n\r\n  const handleSave = () => {\r\n    setIsSaving(true);\r\n    const payloadValue = toStorage(textValue);\r\n    onSave?.(payloadValue, useDefaultValue);\r\n  };\r\n\r\n  const handleSubmit = () => {\r\n    setIsSubmitting(true);\r\n    const payloadValue = toStorage(textValue);\r\n    onSubmit?.(payloadValue, useDefaultValue);\r\n  };\r\n\r\n  return (\r\n    <StyledDialog open={isOpen} onClose={onClose} maxWidth=\"md\" fullWidth>\r\n      <IconButton\r\n        onClick={onClose}\r\n        disabled={isLoading}\r\n        sx={{\r\n          position: \"absolute\",\r\n          top: 16,\r\n          right: 16,\r\n          zIndex: 1,\r\n        }}\r\n      >\r\n        <CloseRounded sx={{ fontSize: 24 }} />\r\n      </IconButton>\r\n\r\n      <DialogContent sx={{ p: { xs: 3, sm: 4, md: 6 } }}>\r\n        {/* Status Chip */}\r\n        <Box sx={{ mb: 3 }}>\r\n          <Chip\r\n            label={requirementTypeStyle.label.toUpperCase()}\r\n            sx={{\r\n              mr: 3,\r\n              border: \"3px solid\",\r\n              backgroundColor: requirementTypeStyle.color,\r\n              borderColor: requirementTypeStyle.color,\r\n              color: theme.palette.text.primary,\r\n              fontWeight: 600,\r\n              fontSize: \"0.875rem\",\r\n              height: \"auto\",\r\n              py: 1,\r\n              borderRadius: 0,\r\n              px: 2,\r\n            }}\r\n          />\r\n          {variableState !== VariableState.NotStarted && (\r\n            <Chip\r\n              label={statusStyle.label.toUpperCase()}\r\n              sx={{\r\n                mr: 3,\r\n                border: \"3px solid\",\r\n                backgroundColor: theme.palette.background.paper,\r\n                borderColor: statusStyle.color,\r\n                color: theme.palette.text.primary,\r\n                fontWeight: 600,\r\n                fontSize: \"0.875rem\",\r\n                height: \"auto\",\r\n                py: 1,\r\n                borderRadius: 0,\r\n                px: 2,\r\n              }}\r\n            />\r\n          )}\r\n        </Box>\r\n\r\n        {/* Description */}\r\n        <Typography sx={{ mb: 3, lineHeight: 1.6, whiteSpace: \"pre-line\" }}>\r\n          {parse(description)}\r\n        </Typography>\r\n\r\n        {/* Error Alert with Custom Icon */}\r\n        {variableState === VariableState.ActionRequired && note && (\r\n          <Alert\r\n            variant=\"error\"\r\n            icon={<InfoOutlineRounded sx={{ fontSize: 20 }} />}\r\n            sx={{\r\n              mb: 2,\r\n            }}\r\n          >\r\n            {note}\r\n          </Alert>\r\n        )}\r\n\r\n        {/* Info Alert with Custom Background and Icon */}\r\n        {variableState !== VariableState.ActionRequired && note && (\r\n          <Alert\r\n            variant=\"info\"\r\n            icon={\r\n              <ArticleRounded\r\n                sx={{ fontSize: 20, color: theme.palette.text.primary }}\r\n              />\r\n            }\r\n            sx={{\r\n              mb: 2,\r\n              backgroundColor: \"#00000000\",\r\n              borderColor: \"#acacacff\",\r\n              color: theme.palette.text.primary,\r\n            }}\r\n          >\r\n            {note}\r\n          </Alert>\r\n        )}\r\n\r\n        {/* Text Field */}\r\n        <TextField\r\n          multiline\r\n          rows={6}\r\n          fullWidth\r\n          value={textValue}\r\n          onChange={(e) => setTextValue(e.target.value)}\r\n          disabled={\r\n            useDefaultValue ||\r\n            canSubmitSave ||\r\n            variableState === VariableState.Declined\r\n          }\r\n          sx={{\r\n            mb: 2,\r\n            \"& .MuiOutlinedInput-root\": {\r\n              backgroundColor:\r\n                useDefaultValue || canSubmitSave\r\n                  ? \"rgba(0, 0, 0, 0.05)\"\r\n                  : \"#fff\",\r\n              borderRadius: 2,\r\n            },\r\n          }}\r\n        />\r\n\r\n        {/* Checkbox */}\r\n        <FormControlLabel\r\n          control={\r\n            <Checkbox\r\n              checked={useDefaultValue}\r\n              disabled={\r\n                canSubmitSave || variableState === VariableState.Declined\r\n              }\r\n              onChange={handleUseDefaultValueChange}\r\n              sx={{\r\n                color: theme.palette.primary.main,\r\n                \"&.Mui-checked\": {\r\n                  color: theme.palette.primary.main,\r\n                },\r\n              }}\r\n            />\r\n          }\r\n          label=\"Use Default Wording\"\r\n          sx={{ mb: 3 }}\r\n        />\r\n\r\n        <Box\r\n          sx={{\r\n            display: \"flex\",\r\n            flexDirection: { xs: \"column\", sm: \"row\" },\r\n            alignItems: { xs: \"stretch\", sm: \"center\" },\r\n            justifyContent: \"space-between\",\r\n            gap: 2,\r\n            pt: 3,\r\n            borderTop: \"1px solid\",\r\n            borderColor: \"divider\",\r\n          }}\r\n        >\r\n          {variableState !== VariableState.Declined ? (\r\n            <Box sx={{ display: \"flex\", gap: 1.5, flexWrap: \"wrap\" }}>\r\n              {useDefaultValue === false ? (\r\n                <Button\r\n                  onClick={handleSave}\r\n                  variant=\"outline\"\r\n                  size=\"md\"\r\n                  disabled={canSubmitSave}\r\n                >\r\n                  {isSaving ? (\r\n                    <>\r\n                      <CircularProgress size={20} />\r\n                      <Typography sx={{ paddingLeft: 2 }}>Saving...</Typography>\r\n                    </>\r\n                  ) : (\r\n                    \"Save\"\r\n                  )}\r\n                </Button>\r\n              ) : (\r\n                <></>\r\n              )}\r\n              <Button\r\n                onClick={handleSubmit}\r\n                variant=\"outline\"\r\n                size=\"md\"\r\n                disabled={canSubmitSave || (useDefaultValue && useDefault)}\r\n                sx={{\r\n                  backgroundColor: theme.palette.primary.main + \"52\",\r\n                  \"&:hover\": {\r\n                    backgroundColor: theme.palette.primary.main + \"80\",\r\n                  },\r\n                }}\r\n              >\r\n                {isSubmitting ? (\r\n                  <>\r\n                    <CircularProgress size={20} />\r\n                    <Typography sx={{ paddingLeft: 2 }}>\r\n                      Submitting...\r\n                    </Typography>\r\n                  </>\r\n                ) : useDefaultValue && useDefault ? (\r\n                  \"Default already Accepted\"\r\n                ) : useDefaultValue === false ? (\r\n                  \"Submit for review\"\r\n                ) : (\r\n                  \"Submit\"\r\n                )}\r\n              </Button>\r\n              {variableReqType === RequirementType.Optional && (\r\n                <Button\r\n                  onClick={onDeclineWording}\r\n                  variant=\"outline\"\r\n                  size=\"md\"\r\n                  sx={{\r\n                    backgroundColor: \"#ff464652\",\r\n                    \"&:hover\": {\r\n                      backgroundColor: \"#ff464680\", // Darker purple on hover\r\n                    },\r\n                  }}\r\n                  disabled={canSubmitSave}\r\n                >\r\n                  Decline wording\r\n                </Button>\r\n              )}\r\n            </Box>\r\n          ) : (\r\n            <Box sx={{ display: \"flex\", gap: 1.5, flexWrap: \"wrap\" }}>\r\n              <Button\r\n                onClick={() => {\r\n                  setIsSubmitting(true);\r\n                  // Pass the default value and true directly to onSubmit\r\n                  const payloadValue = toStorage(toDisplay(defaultValue));\r\n                  setCustomValue(textValue);\r\n                  setTextValue(toDisplay(defaultValue));\r\n                  setUseDefaultValue(true);\r\n                  onSubmit?.(payloadValue, true);\r\n                }}\r\n                variant=\"outline\"\r\n                size=\"md\"\r\n                disabled={canSubmitSave}\r\n                sx={{\r\n                  backgroundColor: \"#ff464652\",\r\n                  \"&:hover\": {\r\n                    backgroundColor: \"#ff464680\",\r\n                  },\r\n                }}\r\n              >\r\n                {isSubmitting ? (\r\n                  <>\r\n                    <CircularProgress size={20} />\r\n                    <Typography sx={{ paddingLeft: 2 }}>\r\n                      Restoring...\r\n                    </Typography>\r\n                  </>\r\n                ) : (\r\n                  \"Restore wording\"\r\n                )}\r\n              </Button>\r\n            </Box>\r\n          )}\r\n          {/* Navigation */}\r\n          <Box\r\n            sx={{\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              gap: 1.5,\r\n              justifyContent: { xs: \"space-between\", sm: \"flex-end\" },\r\n            }}\r\n          >\r\n            {currentPage !== 1 && (\r\n              <NavButton\r\n                onClick={onPrevious}\r\n                aria-label=\"Previous\"\r\n                disabled={isLoading}\r\n              >\r\n                <ArrowBackIosRounded\r\n                  sx={{ fontSize: 20, color: theme.palette.text.primary }}\r\n                />\r\n              </NavButton>\r\n            )}\r\n            {currentPage !== totalPages && (\r\n              <NavButton\r\n                onClick={onNext}\r\n                aria-label=\"Next\"\r\n                disabled={isLoading}\r\n              >\r\n                <ArrowForwardIosRounded\r\n                  sx={{ fontSize: 20, color: theme.palette.text.primary }}\r\n                />\r\n              </NavButton>\r\n            )}\r\n            <Typography fontWeight={500} fontSize=\"1.125rem\">\r\n              {currentPage}/{totalPages}\r\n            </Typography>\r\n          </Box>\r\n        </Box>\r\n      </DialogContent>\r\n    </StyledDialog>\r\n  );\r\n};\r\n"],"names":["styled","Dialog","IconButton","mapStatusToVariableState","mapRequirementTypeToState","useState","useTheme","useEffect","toast","VariableState","_jsxs","_jsx","CloseRounded","DialogContent","Box","Chip","Typography","parse","Alert","InfoOutlineRounded","ArticleRounded","TextField","FormControlLabel","Checkbox","Button","_Fragment","CircularProgress","RequirementType","ArrowBackIosRounded","ArrowForwardIosRounded"],"mappings":"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"}

package/dist/cjs/node_modules/domhandler/lib/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index3.js');
+var index = require('../../../_virtual/index4.js');
 var index$1 = require('../../domelementtype/lib/index.js');
 var node = require('./node.js');
 

package/dist/cjs/node_modules/html-dom-parser/lib/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index4.js');
+var index = require('../../../_virtual/index3.js');
 var htmlToDom = require('./server/html-to-dom.js');
 var types = require('./types.js');
 

package/dist/esm/ThemeProvider.d.ts

@@ -6,5 +6,5 @@ export declare const ThemeProvider: React.FC<{
     children: React.ReactNode;
     theme?: ThemeType;
 }>;
-export declare const useTheme: () => any;
+export declare const useTheme: () => import("@mui/material").Theme;
 export {};

package/dist/esm/components/AutocompleteSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteSelect.js","sources":["../../../../src/components/AutocompleteSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Autocomplete as MuiAutocomplete,\n  FormHelperText,\n  styled,\n} from \"@mui/material\";\nimport { ExpandMoreRounded } from \"@mui/icons-material\";\nimport { useTheme } from \"../ThemeProvider\"; // Adjust pathway according to project layout\nimport { Input, StyledLabel } from \"./Input\";\n\ninterface AutocompleteOption {\n  value: string;\n  label: string;\n}\n\ninterface AutocompleteSelectProps {\n  id?: string;\n  label?: string;\n  error?: string;\n  helperText?: string;\n  placeholder?: string;\n  fullWidth?: boolean;\n  disabled?: boolean;\n  options: AutocompleteOption[];\n  value: AutocompleteOption | null;\n  onChange: (value: AutocompleteOption | null) => void;\n  className?: string;\n  sx?: any;\n}\n\nconst AutocompleteWrapper = styled(\"div\")({\n  width: \"100%\",\n});\n\nexport function AutocompleteSelect({\n  id,\n  label,\n  error,\n  helperText,\n  placeholder,\n  fullWidth = false,\n  disabled = false,\n  options,\n  value,\n  onChange,\n  className = \"\",\n  sx,\n}: AutocompleteSelectProps): React.JSX.Element {\n  const theme = useTheme();\n  const selectId =\n    id || `auto-select-${Math.random().toString(36).substr(2, 9)}`;\n\n  return (\n    <AutocompleteWrapper\n      className={className}\n      sx={[\n        { ...(!fullWidth && { width: \"auto\" }) },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n    >\n      {label && (\n        <StyledLabel htmlFor={selectId} shrink={false}>\n          {label}\n        </StyledLabel>\n      )}\n\n      <MuiAutocomplete\n        id={selectId}\n        options={options}\n        value={value}\n        disabled={disabled}\n        disablePortal\n        getOptionLabel={(option: { label: string; value: string }) =>\n          option?.label || \"\"\n        }\n        isOptionEqualToValue={(\n          option: AutocompleteOption,\n          val: AutocompleteOption,\n        ) => option?.value === val?.value}\n        onChange={(_event: Event, newValue: AutocompleteOption) =>\n          onChange(newValue)\n        }\n        popupIcon={\n          <ExpandMoreRounded sx={{ color: `${theme.palette.dark.main}66` }} />\n        }\n        slotProps={{\n          paper: {\n            sx: {\n              borderRadius: 2,\n              boxShadow:\n                \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\n              maxHeight: \"min(22rem, calc(100vh - 6rem))\",\n              overflow: \"hidden\",\n              backgroundColor: theme.palette.light.main,\n              mt: 0.5,\n            },\n          },\n        }}\n        sx={{\n          \"& .MuiOutlinedInput-root\": {\n            padding: \"0 9px !important\",\n            height: 48,\n            display: \"flex\",\n            alignItems: \"center\",\n          },\n          \"& .MuiAutocomplete-input\": {\n            padding: \"0 !important\",\n          },\n          \"& + .MuiAutocomplete-popper .MuiAutocomplete-option\": {\n            fontSize: \"1rem\",\n            color: theme.palette.dark.main,\n            '&[aria-selected=\"true\"]': {\n              backgroundColor: \"transparent\",\n            },\n            '&[aria-selected=\"true\"].Mui-focused, &:hover, &.Mui-focused': {\n              backgroundColor: `${theme.palette.primary.main}1A !important`,\n            },\n          },\n        }}\n        renderInput={(params: any) => {\n          // 1. Separate structural configurations from direct props\n          const { InputProps, inputProps, ...restParams } = params;\n\n          return (\n            <Input\n              {...restParams}\n              // 2. Safely spread native input elements\n              inputProps={inputProps}\n              // 3. Bind MUI's dynamic layout objects (adornments, ref) into the slot configuration\n              InputProps={{\n                ...InputProps,\n              }}\n              error={error}\n              placeholder={placeholder}\n              fullWidth\n              // Explicitly empty string avoids passing a raw error object down to helperText slots\n              helperText=\"\"\n            />\n          );\n        }}\n      />\n\n      {error && (\n        <FormHelperText\n          sx={{\n            mt: 0.75,\n            fontSize: \"0.875rem\",\n            color: theme.palette.error.main,\n          }}\n        >\n          {error}\n        </FormHelperText>\n      )}\n\n      {helperText && !error && (\n        <FormHelperText\n          sx={{\n            mt: 0.75,\n            fontSize: \"0.875rem\",\n            color: `${theme.palette.dark.main}99`,\n          }}\n        >\n          {helperText}\n        </FormHelperText>\n      )}\n    </AutocompleteWrapper>\n  );\n}\n"],"names":["_jsxs","_jsx","MuiAutocomplete"],"mappings":"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"}
+{"version":3,"file":"AutocompleteSelect.js","sources":["../../../../src/components/AutocompleteSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Autocomplete as MuiAutocomplete,\n  FormHelperText,\n  styled,\n} from \"@mui/material\";\nimport { ExpandMoreRounded } from \"@mui/icons-material\";\nimport { useTheme } from \"../ThemeProvider\"; // Adjust pathway according to project layout\nimport { Input, StyledLabel } from \"./Input\";\n\ninterface AutocompleteOption {\n  value: string;\n  label: string;\n}\n\ninterface AutocompleteSelectProps {\n  id?: string;\n  label?: string;\n  error?: string;\n  helperText?: string;\n  placeholder?: string;\n  fullWidth?: boolean;\n  disabled?: boolean;\n  options: AutocompleteOption[];\n  value: AutocompleteOption | null;\n  onChange: (value: AutocompleteOption | null) => void;\n  className?: string;\n  sx?: any;\n}\n\nconst AutocompleteWrapper = styled(\"div\")({\n  width: \"100%\",\n});\n\nexport function AutocompleteSelect({\n  id,\n  label,\n  error,\n  helperText,\n  placeholder,\n  fullWidth = false,\n  disabled = false,\n  options,\n  value,\n  onChange,\n  className = \"\",\n  sx,\n}: AutocompleteSelectProps): React.JSX.Element {\n  const theme = useTheme();\n  const selectId =\n    id || `auto-select-${Math.random().toString(36).substr(2, 9)}`;\n\n  return (\n    <AutocompleteWrapper\n      className={className}\n      sx={[\n        { ...(!fullWidth && { width: \"auto\" }) },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n    >\n      {label && (\n        <StyledLabel htmlFor={selectId} shrink={false}>\n          {label}\n        </StyledLabel>\n      )}\n\n      <MuiAutocomplete\n        id={selectId}\n        options={options}\n        value={value}\n        disabled={disabled}\n        disablePortal\n        getOptionLabel={(option: { label: string; value: string }) =>\n          option?.label || \"\"\n        }\n        isOptionEqualToValue={(\n          option: AutocompleteOption,\n          val: AutocompleteOption,\n        ) => option?.value === val?.value}\n        onChange={(_event, newValue) => onChange(newValue)}\n        popupIcon={\n          <ExpandMoreRounded sx={{ color: `${theme.palette.dark.main}66` }} />\n        }\n        slotProps={{\n          paper: {\n            sx: {\n              borderRadius: 2,\n              boxShadow:\n                \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\n              maxHeight: \"min(22rem, calc(100vh - 6rem))\",\n              overflow: \"hidden\",\n              backgroundColor: theme.palette.light.main,\n              mt: 0.5,\n            },\n          },\n        }}\n        sx={{\n          \"& .MuiOutlinedInput-root\": {\n            padding: \"0 9px !important\",\n            height: 48,\n            display: \"flex\",\n            alignItems: \"center\",\n          },\n          \"& .MuiAutocomplete-input\": {\n            padding: \"0 !important\",\n          },\n          \"& + .MuiAutocomplete-popper .MuiAutocomplete-option\": {\n            fontSize: \"1rem\",\n            color: theme.palette.dark.main,\n            '&[aria-selected=\"true\"]': {\n              backgroundColor: \"transparent\",\n            },\n            '&[aria-selected=\"true\"].Mui-focused, &:hover, &.Mui-focused': {\n              backgroundColor: `${theme.palette.primary.main}1A !important`,\n            },\n          },\n        }}\n        renderInput={(params: any) => {\n          // 1. Separate structural configurations from direct props\n          const { InputProps, inputProps, ...restParams } = params;\n\n          return (\n            <Input\n              {...restParams}\n              // 2. Safely spread native input elements\n              inputProps={inputProps}\n              // 3. Bind MUI's dynamic layout objects (adornments, ref) into the slot configuration\n              InputProps={{\n                ...InputProps,\n              }}\n              error={error}\n              placeholder={placeholder}\n              fullWidth\n              // Explicitly empty string avoids passing a raw error object down to helperText slots\n              helperText=\"\"\n            />\n          );\n        }}\n      />\n\n      {error && (\n        <FormHelperText\n          sx={{\n            mt: 0.75,\n            fontSize: \"0.875rem\",\n            color: theme.palette.error.main,\n          }}\n        >\n          {error}\n        </FormHelperText>\n      )}\n\n      {helperText && !error && (\n        <FormHelperText\n          sx={{\n            mt: 0.75,\n            fontSize: \"0.875rem\",\n            color: `${theme.palette.dark.main}99`,\n          }}\n        >\n          {helperText}\n        </FormHelperText>\n      )}\n    </AutocompleteWrapper>\n  );\n}\n"],"names":["_jsxs","_jsx","MuiAutocomplete"],"mappings":"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"}

package/dist/esm/components/Input.d.ts

@@ -3,6 +3,6 @@ import { TextFieldProps } from '@mui/material';
 interface InputProps extends Omit<TextFieldProps, 'variant' | 'error'> {
     error?: string;
 }
-export declare const StyledLabel: any;
+export declare const StyledLabel: import("@emotion/styled").StyledComponent<import("@mui/material").InputLabelOwnProps & Pick<import("@mui/material").FormLabelOwnProps, "color" | "filled"> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style" | "color" | "margin" | "children" | "sx" | "className" | "classes" | "variant" | "disabled" | "size" | "error" | "filled" | "focused" | "required" | "disableAnimation" | "shrink"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const Input: React.FC<InputProps>;
 export {};

package/dist/esm/components/Modal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 interface ModalProps {
     isOpen: boolean;
     onClose: () => void;
@@ -19,6 +19,7 @@ interface ModalProps {
     currentPage?: number;
     totalPages?: number;
     isLoading: boolean;
+    useDefault: boolean;
 }
 export declare const Modal: React.FC<ModalProps>;
 export {};

package/dist/esm/components/Modal.js

@@ -10,45 +10,45 @@ import { VariableState, RequirementType } from '../types/variable.js';
 import { mapStatusToVariableState, mapRequirementTypeToState } from '../helpers/variableProcessing.js';
 
 const StyledDialog = styled(Dialog)(({ theme }) => ({
-    '& .MuiDialog-paper': {
+    "& .MuiDialog-paper": {
         color: theme.palette.background.default,
         borderRadius: theme.shape.borderRadius,
-        maxWidth: '896px',
-        width: '100%',
-        maxHeight: '90vh',
+        maxWidth: "896px",
+        width: "100%",
+        maxHeight: "90vh",
     },
 }));
 const NavButton = styled(IconButton)(({ theme }) => ({
-    width: '40px',
-    height: '40px',
+    width: "40px",
+    height: "40px",
     borderRadius: 999,
     border: `2px solid ${theme.palette.dark.main}`,
-    backgroundColor: '#fff',
+    backgroundColor: "#fff",
     padding: theme.spacing(1, 2),
-    '&:hover': {
+    "&:hover": {
         backgroundColor: theme.palette.grey[100], // Changed from dark.main to grey[100]
         color: theme.palette.dark.main, // Keep text dark instead of light
         borderColor: theme.palette.dark.main, // Keep border dark
     },
 }));
-const Modal = ({ isOpen, onClose, variableId, status, requirementType, description, value, defaultValue, note, onSave, onSubmit, successMessage, errorMessage, onDeclineWording, onPrevious, onNext, currentPage = 1, totalPages = 1, isLoading }) => {
+const Modal = ({ isOpen, onClose, variableId, status, requirementType, description, value, defaultValue, note, onSave, onSubmit, successMessage, errorMessage, onDeclineWording, onPrevious, onNext, currentPage = 1, totalPages = 1, isLoading, useDefault, }) => {
     const variableState = mapStatusToVariableState(status);
     const variableReqType = mapRequirementTypeToState(requirementType);
     const [textValue, setTextValue] = useState(value);
-    const [customValue, setCustomValue] = useState('');
+    const [customValue, setCustomValue] = useState("");
     const [useDefaultValue, setUseDefaultValue] = useState(true);
     const [isSaving, setIsSaving] = useState(false);
     const [isSubmitting, setIsSubmitting] = useState(false);
     const theme = useTheme();
-    const toDisplay = (str) => str?.replace(/\\n/g, '\n') ?? '';
-    const toStorage = (str) => str?.replace(/\r?\n/g, '\\n') ?? '';
+    const toDisplay = (str) => str?.replace(/\\n/g, "\n") ?? "";
+    const toStorage = (str) => str?.replace(/\r?\n/g, "\\n") ?? "";
     useEffect(() => {
         const displayValue = toDisplay(value);
         const displayDefault = toDisplay(defaultValue);
-        const isUsingDefault = displayValue === displayDefault;
+        const isUsingDefault = useDefault || displayValue === displayDefault;
         setUseDefaultValue(isUsingDefault);
         setTextValue(displayValue);
-        setCustomValue(isUsingDefault ? '' : displayValue);
+        setCustomValue(isUsingDefault ? "" : displayValue);
     }, [variableId, value, defaultValue]);
     useEffect(() => {
         if (!isOpen) {
@@ -57,12 +57,12 @@ const Modal = ({ isOpen, onClose, variableId, status, requirementType, descripti
         }
     }, [isOpen]);
     useEffect(() => {
-        if (successMessage && successMessage !== '') {
+        if (successMessage && successMessage !== "") {
             toast.success(successMessage);
         }
     }, [successMessage]);
     useEffect(() => {
-        if (errorMessage && errorMessage !== '') {
+        if (errorMessage && errorMessage !== "") {
             toast.error(errorMessage);
         }
     }, [errorMessage]);
@@ -79,35 +79,42 @@ const Modal = ({ isOpen, onClose, variableId, status, requirementType, descripti
             setTextValue(toDisplay(defaultValue));
         }
         else {
-            setTextValue(customValue || toDisplay(value));
+            setTextValue(customValue || "");
         }
         setUseDefaultValue(checked);
     };
     const canSubmitSave = isLoading || variableState === VariableState.Pending;
     const statusConfig = {
-        [VariableState.Pending]: { color: '#EBC7FF', label: 'Pending' },
-        [VariableState.Draft]: { color: '#4D3019', label: 'Draft' },
-        [VariableState.Declined]: { color: '#4D3019', label: 'Declined' },
-        [VariableState.ActionRequired]: { color: '#FFBCB3', label: 'Action Required' },
-        [VariableState.Accepted]: { color: '#DBF59A', label: 'Accepted' },
-        [VariableState.NotStarted]: { color: '#000000ff', label: 'Not Started' },
+        [VariableState.Pending]: { color: "#EBC7FF", label: "Pending" },
+        [VariableState.Draft]: { color: "#4D3019", label: "Draft" },
+        [VariableState.Declined]: { color: "#4D3019", label: "Declined" },
+        [VariableState.ActionRequired]: {
+            color: "#FFBCB3",
+            label: "Action Required",
+        },
+        [VariableState.Accepted]: { color: "#DBF59A", label: "Accepted" },
+        [VariableState.NotStarted]: { color: "#000000ff", label: "Not Started" },
     };
     const reqTypeConfig = {
-        "Default": {
-            color: '#F5A623',
-            highlight: '#f3bf6bff',
-            highlightSelected: '#F5A623',
-            label: 'Mandatory',
+        Default: {
+            color: "#F5A623",
+            highlight: "#f3bf6bff",
+            highlightSelected: "#F5A623",
+            label: "Mandatory",
         },
-        "Optional": {
-            color: '#F5D76E',
-            highlight: '#f3e2a5ff',
-            highlightSelected: '#F5D76E',
-            label: 'Optional',
+        Optional: {
+            color: "#F5D76E",
+            highlight: "#f3e2a5ff",
+            highlightSelected: "#F5D76E",
+            label: "Optional",
         },
     };
-    const statusStyle = variableState ? statusConfig[variableState] : { color: '#ccc', label: 'Unknown' };
-    const requirementTypeStyle = variableReqType ? reqTypeConfig[variableReqType] : { color: '#ccc', label: 'Unknown' };
+    const statusStyle = variableState
+        ? statusConfig[variableState]
+        : { color: "#ccc", label: "Unknown" };
+    const requirementTypeStyle = variableReqType
+        ? reqTypeConfig[variableReqType]
+        : { color: "#ccc", label: "Unknown" };
     const handleSave = () => {
         setIsSaving(true);
         const payloadValue = toStorage(textValue);
@@ -119,77 +126,76 @@ const Modal = ({ isOpen, onClose, variableId, status, requirementType, descripti
         onSubmit?.(payloadValue, useDefaultValue);
     };
     return (jsxs(StyledDialog, { open: isOpen, onClose: onClose, maxWidth: "md", fullWidth: true, children: [jsx(IconButton, { onClick: onClose, disabled: isLoading, sx: {
-                    position: 'absolute',
+                    position: "absolute",
                     top: 16,
                     right: 16,
                     zIndex: 1,
                 }, children: jsx(CloseRounded, { sx: { fontSize: 24 } }) }), jsxs(DialogContent, { sx: { p: { xs: 3, sm: 4, md: 6 } }, children: [jsxs(Box, { sx: { mb: 3 }, children: [jsx(Chip, { label: requirementTypeStyle.label.toUpperCase(), sx: {
                                     mr: 3,
-                                    border: '3px solid',
+                                    border: "3px solid",
                                     backgroundColor: requirementTypeStyle.color,
                                     borderColor: requirementTypeStyle.color,
                                     color: theme.palette.text.primary,
                                     fontWeight: 600,
-                                    fontSize: '0.875rem',
-                                    height: 'auto',
+                                    fontSize: "0.875rem",
+                                    height: "auto",
                                     py: 1,
                                     borderRadius: 0,
                                     px: 2,
-                                } }), variableState !== VariableState.NotStarted &&
-                                jsx(Chip, { label: statusStyle.label.toUpperCase(), sx: {
-                                        mr: 3,
-                                        border: '3px solid',
-                                        backgroundColor: theme.palette.background.paper,
-                                        borderColor: statusStyle.color,
-                                        color: theme.palette.text.primary,
-                                        fontWeight: 600,
-                                        fontSize: '0.875rem',
-                                        height: 'auto',
-                                        py: 1,
-                                        borderRadius: 0,
-                                        px: 2,
-                                    } })] }), jsx(Typography, { sx: { mb: 3, lineHeight: 1.6, whiteSpace: 'pre-line' }, children: parse(description) }), variableState === VariableState.ActionRequired && note && (jsx(Alert, { variant: "error", icon: jsx(InfoOutlineRounded, { sx: { fontSize: 20 } }), sx: {
-                            mb: 2
+                                } }), variableState !== VariableState.NotStarted && (jsx(Chip, { label: statusStyle.label.toUpperCase(), sx: {
+                                    mr: 3,
+                                    border: "3px solid",
+                                    backgroundColor: theme.palette.background.paper,
+                                    borderColor: statusStyle.color,
+                                    color: theme.palette.text.primary,
+                                    fontWeight: 600,
+                                    fontSize: "0.875rem",
+                                    height: "auto",
+                                    py: 1,
+                                    borderRadius: 0,
+                                    px: 2,
+                                } }))] }), jsx(Typography, { sx: { mb: 3, lineHeight: 1.6, whiteSpace: "pre-line" }, children: parse(description) }), variableState === VariableState.ActionRequired && note && (jsx(Alert, { variant: "error", icon: jsx(InfoOutlineRounded, { sx: { fontSize: 20 } }), sx: {
+                            mb: 2,
                         }, children: note })), variableState !== VariableState.ActionRequired && note && (jsx(Alert, { variant: "info", icon: jsx(ArticleRounded, { sx: { fontSize: 20, color: theme.palette.text.primary } }), sx: {
                             mb: 2,
-                            backgroundColor: '#00000000',
-                            borderColor: '#acacacff',
+                            backgroundColor: "#00000000",
+                            borderColor: "#acacacff",
                             color: theme.palette.text.primary,
                         }, children: note })), jsx(TextField, { multiline: true, rows: 6, fullWidth: true, value: textValue, onChange: (e) => setTextValue(e.target.value), disabled: useDefaultValue ||
                             canSubmitSave ||
                             variableState === VariableState.Declined, sx: {
                             mb: 2,
-                            '& .MuiOutlinedInput-root': {
-                                backgroundColor: useDefaultValue || canSubmitSave ? 'rgba(0, 0, 0, 0.05)' : '#fff',
+                            "& .MuiOutlinedInput-root": {
+                                backgroundColor: useDefaultValue || canSubmitSave
+                                    ? "rgba(0, 0, 0, 0.05)"
+                                    : "#fff",
                                 borderRadius: 2,
                             },
                         } }), jsx(FormControlLabel, { control: jsx(Checkbox, { checked: useDefaultValue, disabled: canSubmitSave || variableState === VariableState.Declined, onChange: handleUseDefaultValueChange, sx: {
                                 color: theme.palette.primary.main,
-                                '&.Mui-checked': {
+                                "&.Mui-checked": {
                                     color: theme.palette.primary.main,
                                 },
                             } }), label: "Use Default Wording", sx: { mb: 3 } }), jsxs(Box, { sx: {
-                            display: 'flex',
-                            flexDirection: { xs: 'column', sm: 'row' },
-                            alignItems: { xs: 'stretch', sm: 'center' },
-                            justifyContent: 'space-between',
+                            display: "flex",
+                            flexDirection: { xs: "column", sm: "row" },
+                            alignItems: { xs: "stretch", sm: "center" },
+                            justifyContent: "space-between",
                             gap: 2,
                             pt: 3,
-                            borderTop: '1px solid',
-                            borderColor: 'divider',
-                        }, children: [variableState !== VariableState.Declined ? (jsxs(Box, { sx: { display: 'flex', gap: 1.5, flexWrap: 'wrap' }, children: [useDefaultValue === false ?
-                                        (jsx(Button, { onClick: handleSave, variant: "outline", size: "md", disabled: canSubmitSave, children: isSaving ? jsxs(Fragment, { children: [jsx(CircularProgress, { size: 20 }), jsx(Typography, { sx: { paddingLeft: 2 }, children: "Saving..." })] }) : "Save" })) : (jsx(Fragment, {})), jsx(Button, { onClick: handleSubmit, variant: "outline", size: "md", disabled: canSubmitSave, sx: {
-                                            backgroundColor: theme.palette.primary.main + '52',
-                                            '&:hover': {
-                                                backgroundColor: theme.palette.primary.main + '80',
+                            borderTop: "1px solid",
+                            borderColor: "divider",
+                        }, children: [variableState !== VariableState.Declined ? (jsxs(Box, { sx: { display: "flex", gap: 1.5, flexWrap: "wrap" }, children: [useDefaultValue === false ? (jsx(Button, { onClick: handleSave, variant: "outline", size: "md", disabled: canSubmitSave, children: isSaving ? (jsxs(Fragment, { children: [jsx(CircularProgress, { size: 20 }), jsx(Typography, { sx: { paddingLeft: 2 }, children: "Saving..." })] })) : ("Save") })) : (jsx(Fragment, {})), jsx(Button, { onClick: handleSubmit, variant: "outline", size: "md", disabled: canSubmitSave || (useDefaultValue && useDefault), sx: {
+                                            backgroundColor: theme.palette.primary.main + "52",
+                                            "&:hover": {
+                                                backgroundColor: theme.palette.primary.main + "80",
+                                            },
+                                        }, children: isSubmitting ? (jsxs(Fragment, { children: [jsx(CircularProgress, { size: 20 }), jsx(Typography, { sx: { paddingLeft: 2 }, children: "Submitting..." })] })) : useDefaultValue && useDefault ? ("Default already Accepted") : useDefaultValue === false ? ("Submit for review") : ("Submit") }), variableReqType === RequirementType.Optional && (jsx(Button, { onClick: onDeclineWording, variant: "outline", size: "md", sx: {
+                                            backgroundColor: "#ff464652",
+                                            "&:hover": {
+                                                backgroundColor: "#ff464680", // Darker purple on hover
                                             },
-                                        }, children: isSubmitting ? jsxs(Fragment, { children: [jsx(CircularProgress, { size: 20 }), jsx(Typography, { sx: { paddingLeft: 2 }, children: "Submitting..." })] }) : useDefaultValue === false ? "Submit for review" : "Submit" }), variableReqType === RequirementType.Optional &&
-                                        (jsx(Button, { onClick: onDeclineWording, variant: "outline", size: "md", sx: {
-                                                backgroundColor: '#ff464652',
-                                                '&:hover': {
-                                                    backgroundColor: '#ff464680', // Darker purple on hover
-                                                }
-                                            }, disabled: canSubmitSave, children: "Decline wording" }))] })) : (jsx(Box, { sx: { display: 'flex', gap: 1.5, flexWrap: 'wrap' }, children: jsx(Button, { onClick: () => {
+                                        }, disabled: canSubmitSave, children: "Decline wording" }))] })) : (jsx(Box, { sx: { display: "flex", gap: 1.5, flexWrap: "wrap" }, children: jsx(Button, { onClick: () => {
                                         setIsSubmitting(true);
                                         // Pass the default value and true directly to onSubmit
                                         const payloadValue = toStorage(toDisplay(defaultValue));
@@ -198,16 +204,16 @@ const Modal = ({ isOpen, onClose, variableId, status, requirementType, descripti
                                         setUseDefaultValue(true);
                                         onSubmit?.(payloadValue, true);
                                     }, variant: "outline", size: "md", disabled: canSubmitSave, sx: {
-                                        backgroundColor: '#ff464652',
-                                        '&:hover': {
-                                            backgroundColor: '#ff464680',
-                                        }
+                                        backgroundColor: "#ff464652",
+                                        "&:hover": {
+                                            backgroundColor: "#ff464680",
+                                        },
                                     }, children: isSubmitting ? (jsxs(Fragment, { children: [jsx(CircularProgress, { size: 20 }), jsx(Typography, { sx: { paddingLeft: 2 }, children: "Restoring..." })] })) : ("Restore wording") }) })), jsxs(Box, { sx: {
-                                    display: 'flex',
-                                    alignItems: 'center',
+                                    display: "flex",
+                                    alignItems: "center",
                                     gap: 1.5,
-                                    justifyContent: { xs: 'space-between', sm: 'flex-end' },
-                                }, children: [currentPage !== 1 && jsx(NavButton, { onClick: onPrevious, "aria-label": "Previous", disabled: isLoading, children: jsx(ArrowBackIosRounded, { sx: { fontSize: 20, color: theme.palette.text.primary } }) }), currentPage !== totalPages && jsx(NavButton, { onClick: onNext, "aria-label": "Next", disabled: isLoading, children: jsx(ArrowForwardIosRounded, { sx: { fontSize: 20, color: theme.palette.text.primary } }) }), jsxs(Typography, { fontWeight: 500, fontSize: "1.125rem", children: [currentPage, "/", totalPages] })] })] })] })] }));
+                                    justifyContent: { xs: "space-between", sm: "flex-end" },
+                                }, children: [currentPage !== 1 && (jsx(NavButton, { onClick: onPrevious, "aria-label": "Previous", disabled: isLoading, children: jsx(ArrowBackIosRounded, { sx: { fontSize: 20, color: theme.palette.text.primary } }) })), currentPage !== totalPages && (jsx(NavButton, { onClick: onNext, "aria-label": "Next", disabled: isLoading, children: jsx(ArrowForwardIosRounded, { sx: { fontSize: 20, color: theme.palette.text.primary } }) })), jsxs(Typography, { fontWeight: 500, fontSize: "1.125rem", children: [currentPage, "/", totalPages] })] })] })] })] }));
 };
 
 export { Modal };

package/dist/esm/components/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal.tsx"],"sourcesContent":["import React, { use, useEffect, useState } from 'react';\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  IconButton,\r\n  Box,\r\n  Typography,\r\n  TextField,\r\n  Checkbox,\r\n  FormControlLabel,\r\n  Alert as MuiAlert,\r\n  Chip,\r\n  styled,\r\n  CircularProgress,\r\n  useTheme,\r\n} from '@mui/material';\r\nimport { Button } from './Button';\r\nimport { ArrowBackIosRounded, ArrowForwardIosRounded, ArticleRounded, CloseRounded, ErrorOutlineRounded, InfoOutlineRounded, StickyNote2Rounded } from '@mui/icons-material';\r\nimport { Alert } from './Alert';\r\nimport { toast } from 'react-toastify';\r\nimport parse from 'html-react-parser';\r\nimport { VariableState, RequirementType } from '../types/variable';\r\nimport { mapRequirementTypeToState, mapStatusToVariableState } from '../helpers/variableProcessing';\r\n\r\ninterface ModalProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  variableId: string;\r\n  status: string;\r\n  requirementType: string,\r\n  description: string;\r\n  value: string;\r\n  defaultValue: string;\r\n  note?: string;\r\n  onSave?: (fieldValue: string, defaultChecked: boolean) => void;\r\n  onSubmit?: (fieldValue: string, defaultChecked: boolean) => void;\r\n  successMessage?: string;\r\n  errorMessage?: string;\r\n  onDeclineWording?: () => void;\r\n  onPrevious?: () => void;\r\n  onNext?: () => void;\r\n  currentPage?: number;\r\n  totalPages?: number;\r\n  isLoading: boolean;\r\n}\r\n\r\n\r\nconst StyledDialog = styled(Dialog)(({ theme }) => ({\r\n  '& .MuiDialog-paper': {\r\n    color: theme.palette.background.default,\r\n    borderRadius: theme.shape.borderRadius,\r\n    maxWidth: '896px',\r\n    width: '100%',\r\n    maxHeight: '90vh',\r\n  },\r\n}));\r\n\r\n\r\nconst NavButton = styled(IconButton)(({ theme }) => ({\r\n  width: '40px',\r\n  height: '40px',\r\n  borderRadius: 999,\r\n  border: `2px solid ${theme.palette.dark.main}`,\r\n  backgroundColor: '#fff',\r\n  padding: theme.spacing(1, 2),\r\n  '&:hover': {\r\n    backgroundColor: theme.palette.grey[100], // Changed from dark.main to grey[100]\r\n    color: theme.palette.dark.main, // Keep text dark instead of light\r\n    borderColor: theme.palette.dark.main, // Keep border dark\r\n  },\r\n}));\r\n\r\n\r\nexport const Modal: React.FC<ModalProps> = ({\r\n  isOpen,\r\n  onClose,\r\n  variableId,\r\n  status,\r\n  requirementType,\r\n  description,\r\n  value,\r\n  defaultValue,\r\n  note,\r\n  onSave,\r\n  onSubmit,\r\n  successMessage,\r\n  errorMessage,\r\n  onDeclineWording,\r\n  onPrevious,\r\n  onNext,\r\n  currentPage = 1,\r\n  totalPages = 1,\r\n  isLoading\r\n}) => {\r\n  const variableState = mapStatusToVariableState(status);\r\n  const variableReqType = mapRequirementTypeToState(requirementType)\r\n\r\n  const [textValue, setTextValue] = useState(value);\r\n  const [customValue, setCustomValue] = useState('');\r\n\r\n  const [useDefaultValue, setUseDefaultValue] = useState(true);\r\n  const [isSaving, setIsSaving] = useState(false);\r\n  const [isSubmitting, setIsSubmitting] = useState(false);\r\n\r\n  const theme = useTheme()\r\n\r\n  const toDisplay = (str: string) => str?.replace(/\\\\n/g, '\\n') ?? '';\r\n  const toStorage = (str: string) => str?.replace(/\\r?\\n/g, '\\\\n') ?? '';\r\n\r\n  useEffect(() => {\r\n    const displayValue = toDisplay(value);\r\n    const displayDefault = toDisplay(defaultValue);\r\n\r\n    const isUsingDefault = displayValue === displayDefault;\r\n    \r\n    setUseDefaultValue(isUsingDefault);\r\n    setTextValue(displayValue);\r\n    setCustomValue(isUsingDefault ? '' : displayValue);\r\n  }, [variableId, value, defaultValue]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) {\r\n      setIsSaving(false);\r\n      setIsSubmitting(false);\r\n    }\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (successMessage && successMessage !== '') {\r\n      toast.success(successMessage);\r\n    }\r\n  }, [successMessage]);\r\n  \r\n  useEffect(() => {\r\n    if (errorMessage && errorMessage !== '') {\r\n      toast.error(errorMessage);\r\n    }\r\n  }, [errorMessage]);\r\n  \r\n  useEffect(() => {\r\n    if (!isLoading) {\r\n      setIsSaving(false);\r\n      setIsSubmitting(false);\r\n    }\r\n  }, [isLoading]);\r\n\r\n  const handleUseDefaultValueChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    const checked = event.target.checked;\r\n\r\n    if (checked) {\r\n      setCustomValue(textValue);\r\n      setTextValue(toDisplay(defaultValue));\r\n    } else {\r\n      setTextValue(customValue || toDisplay(value));\r\n    }\r\n\r\n    setUseDefaultValue(checked);\r\n  };\r\n\r\n\r\n  const canSubmitSave = isLoading || variableState === VariableState.Pending\r\n\r\n  const statusConfig = {\r\n    [VariableState.Pending]: { color: '#EBC7FF', label: 'Pending' },\r\n    [VariableState.Draft]: { color: '#4D3019', label: 'Draft' },\r\n    [VariableState.Declined]: { color: '#4D3019', label: 'Declined' },\r\n    [VariableState.ActionRequired]: { color: '#FFBCB3', label: 'Action Required' },\r\n    [VariableState.Accepted]: { color: '#DBF59A', label: 'Accepted' },\r\n    [VariableState.NotStarted]: { color: '#000000ff', label: 'Not Started' },\r\n  };\r\n\r\n  const reqTypeConfig = {\r\n    \"Default\": {\r\n      color: '#F5A623',\r\n      highlight: '#f3bf6bff',\r\n      highlightSelected: '#F5A623',\r\n      label: 'Mandatory',\r\n    },\r\n    \"Optional\": {\r\n      color: '#F5D76E',\r\n      highlight: '#f3e2a5ff',\r\n      highlightSelected: '#F5D76E',\r\n      label: 'Optional',\r\n    },\r\n  };\r\n\r\n\r\n  const statusStyle = variableState ? statusConfig[variableState] : { color: '#ccc', label: 'Unknown' };;\r\n  const requirementTypeStyle = variableReqType ? reqTypeConfig[variableReqType] : { color: '#ccc', label: 'Unknown' };;\r\n\r\n\r\n  const handleSave = () => {\r\n    setIsSaving(true);\r\n    const payloadValue = toStorage(textValue);\r\n    onSave?.(payloadValue, useDefaultValue);\r\n  };\r\n\r\n\r\n  const handleSubmit = () => {\r\n    setIsSubmitting(true);\r\n    const payloadValue = toStorage(textValue);\r\n    onSubmit?.(payloadValue, useDefaultValue);\r\n  };\r\n\r\n\r\n  return (\r\n    <StyledDialog open={isOpen} onClose={onClose} maxWidth=\"md\" fullWidth>\r\n      <IconButton\r\n        onClick={onClose}\r\n        disabled={isLoading}\r\n        sx={{\r\n          position: 'absolute',\r\n          top: 16,\r\n          right: 16,\r\n          zIndex: 1,\r\n        }}\r\n      >\r\n        <CloseRounded sx={{ fontSize: 24 }} />\r\n      </IconButton>\r\n\r\n\r\n      <DialogContent sx={{ p: { xs: 3, sm: 4, md: 6 } }}>\r\n        {/* Status Chip */}\r\n        <Box sx={{ mb: 3}}>\r\n          <Chip\r\n            label={requirementTypeStyle.label.toUpperCase()}\r\n            sx={{\r\n              mr: 3,\r\n              border: '3px solid',\r\n              backgroundColor: requirementTypeStyle.color,\r\n              borderColor: requirementTypeStyle.color,\r\n              color: theme.palette.text.primary,\r\n              fontWeight: 600,\r\n              fontSize: '0.875rem',\r\n              height: 'auto',\r\n              py: 1,\r\n              borderRadius: 0,\r\n              px: 2,\r\n            }}\r\n          />\r\n          {variableState !== VariableState.NotStarted &&\r\n            <Chip\r\n              label={statusStyle.label.toUpperCase()}\r\n              sx={{\r\n                mr: 3,\r\n                border: '3px solid',\r\n                backgroundColor: theme.palette.background.paper,\r\n                borderColor: statusStyle.color,\r\n                color: theme.palette.text.primary,\r\n                fontWeight: 600,\r\n                fontSize: '0.875rem',\r\n                height: 'auto',\r\n                py: 1,\r\n                borderRadius: 0,\r\n                px: 2,\r\n              }}\r\n            />\r\n          }\r\n        </Box>\r\n\r\n\r\n        {/* Description */}\r\n        <Typography sx={{ mb: 3, lineHeight: 1.6, whiteSpace: 'pre-line' }}>\r\n          {parse(description)}\r\n        </Typography>\r\n\r\n\r\n        {/* Error Alert with Custom Icon */}\r\n        {variableState === VariableState.ActionRequired && note && (\r\n          <Alert\r\n            variant=\"error\"\r\n            icon={<InfoOutlineRounded sx={{ fontSize: 20 }} />}\r\n            sx={{\r\n              mb: 2\r\n            }}\r\n          >\r\n            {note}\r\n          </Alert>\r\n        )}\r\n\r\n        {/* Info Alert with Custom Background and Icon */}\r\n        {variableState !== VariableState.ActionRequired && note && (\r\n          <Alert\r\n            variant=\"info\"\r\n            icon={<ArticleRounded sx={{ fontSize: 20, color: theme.palette.text.primary }} />}\r\n            sx={{\r\n              mb: 2,\r\n              backgroundColor: '#00000000',\r\n              borderColor: '#acacacff',\r\n              color: theme.palette.text.primary,\r\n            }}\r\n          >\r\n            {note}\r\n          </Alert>\r\n        )}\r\n\r\n\r\n        {/* Text Field */}\r\n        <TextField\r\n          multiline\r\n          rows={6}\r\n          fullWidth\r\n          value={textValue}\r\n          onChange={(e) => setTextValue(e.target.value)}\r\n          disabled={\r\n            useDefaultValue || \r\n            canSubmitSave || \r\n            variableState === VariableState.Declined\r\n          }\r\n          sx={{\r\n            mb: 2,\r\n            '& .MuiOutlinedInput-root': {\r\n              backgroundColor: useDefaultValue || canSubmitSave ? 'rgba(0, 0, 0, 0.05)' : '#fff',\r\n              borderRadius: 2,\r\n            },\r\n          }}\r\n        />\r\n\r\n\r\n        {/* Checkbox */}\r\n        <FormControlLabel\r\n          control={\r\n            <Checkbox\r\n              checked={useDefaultValue}\r\n              disabled={canSubmitSave || variableState === VariableState.Declined}\r\n              onChange={handleUseDefaultValueChange}\r\n              sx={{\r\n                color: theme.palette.primary.main,\r\n                '&.Mui-checked': {\r\n                  color: theme.palette.primary.main,\r\n                },\r\n              }}\r\n            />\r\n          }\r\n          label=\"Use Default Wording\"\r\n          sx={{ mb: 3 }}\r\n        />\r\n\r\n          <Box\r\n            sx={{\r\n              display: 'flex',\r\n              flexDirection: { xs: 'column', sm: 'row' },\r\n              alignItems: { xs: 'stretch', sm: 'center' },\r\n              justifyContent: 'space-between',\r\n              gap: 2,\r\n              pt: 3,\r\n              borderTop: '1px solid',\r\n              borderColor: 'divider',\r\n            }}\r\n          >\r\n            {variableState !== VariableState.Declined ? (\r\n              <Box sx={{ display: 'flex', gap: 1.5, flexWrap: 'wrap' }}>\r\n                {useDefaultValue === false? \r\n                  (\r\n                      <Button\r\n                        onClick={handleSave}\r\n                        variant=\"outline\"\r\n                        size=\"md\"\r\n                        disabled={canSubmitSave}\r\n                      >\r\n                        {isSaving ? <><CircularProgress size={20} /><Typography sx={{paddingLeft: 2}}>Saving...</Typography></> : \"Save\"}\r\n                      </Button>\r\n                  ) : (<></>)\r\n                }\r\n                <Button\r\n                  onClick={handleSubmit}\r\n                  variant=\"outline\"\r\n                  size=\"md\"\r\n                  disabled={canSubmitSave}\r\n                  sx={{\r\n                    backgroundColor: theme.palette.primary.main + '52',\r\n                    '&:hover': {\r\n                      backgroundColor: theme.palette.primary.main + '80',\r\n                    },\r\n                  }}\r\n                >\r\n                  {isSubmitting ? <><CircularProgress size={20} /><Typography sx={{paddingLeft: 2}}>Submitting...</Typography></> : useDefaultValue === false ? \"Submit for review\" : \"Submit\"}\r\n                </Button>\r\n                {variableReqType === RequirementType.Optional &&\r\n                  (\r\n                    <Button onClick={onDeclineWording} variant=\"outline\" size=\"md\" sx={{\r\n                        backgroundColor: '#ff464652',\r\n                        '&:hover': {\r\n                          backgroundColor: '#ff464680', // Darker purple on hover\r\n                        }\r\n                      }}\r\n                      disabled={canSubmitSave}\r\n                      >\r\n                      Decline wording\r\n                    </Button>\r\n                  )}\r\n              </Box>\r\n            ) : (\r\n            <Box sx={{ display: 'flex', gap: 1.5, flexWrap: 'wrap' }}>\r\n              <Button\r\n                onClick={() => {\r\n                  setIsSubmitting(true);\r\n                  // Pass the default value and true directly to onSubmit\r\n                  const payloadValue = toStorage(toDisplay(defaultValue));\r\n                  setCustomValue(textValue);\r\n                  setTextValue(toDisplay(defaultValue));\r\n                  setUseDefaultValue(true);\r\n                  onSubmit?.(payloadValue, true);\r\n                }}\r\n                variant=\"outline\"\r\n                size=\"md\"\r\n                disabled={canSubmitSave}\r\n                sx={{\r\n                  backgroundColor: '#ff464652',\r\n                  '&:hover': {\r\n                    backgroundColor: '#ff464680',\r\n                  }\r\n                }}\r\n              >\r\n                {isSubmitting ? (\r\n                  <>\r\n                    <CircularProgress size={20} />\r\n                    <Typography sx={{paddingLeft: 2}}>Restoring...</Typography>\r\n                  </>\r\n                ) : (\r\n                  \"Restore wording\"\r\n                )}\r\n              </Button>\r\n            </Box>\r\n          )}\r\n          {/* Navigation */}\r\n          <Box\r\n            sx={{\r\n              display: 'flex',\r\n              alignItems: 'center',\r\n              gap: 1.5,\r\n              justifyContent: { xs: 'space-between', sm: 'flex-end' },\r\n            }}\r\n          >\r\n            {currentPage !== 1 && <NavButton onClick={onPrevious} aria-label=\"Previous\" disabled={isLoading}>\r\n              <ArrowBackIosRounded sx={{ fontSize: 20, color: theme.palette.text.primary }}/>\r\n            </NavButton>}\r\n            {currentPage !== totalPages && <NavButton onClick={onNext} aria-label=\"Next\" disabled={isLoading}>\r\n              <ArrowForwardIosRounded sx={{ fontSize: 20, color: theme.palette.text.primary }}/>\r\n            </NavButton>}\r\n            <Typography fontWeight={500} fontSize=\"1.125rem\">\r\n              {currentPage}/{totalPages}\r\n            </Typography>\r\n          </Box>\r\n        </Box>\r\n      </DialogContent>\r\n    </StyledDialog>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal.tsx"],"sourcesContent":["import React, { use, useEffect, useState } from \"react\";\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  IconButton,\r\n  Box,\r\n  Typography,\r\n  TextField,\r\n  Checkbox,\r\n  FormControlLabel,\r\n  Alert as MuiAlert,\r\n  Chip,\r\n  styled,\r\n  CircularProgress,\r\n  useTheme,\r\n} from \"@mui/material\";\r\nimport { Button } from \"./Button\";\r\nimport {\r\n  ArrowBackIosRounded,\r\n  ArrowForwardIosRounded,\r\n  ArticleRounded,\r\n  CloseRounded,\r\n  ErrorOutlineRounded,\r\n  InfoOutlineRounded,\r\n  StickyNote2Rounded,\r\n} from \"@mui/icons-material\";\r\nimport { Alert } from \"./Alert\";\r\nimport { toast } from \"react-toastify\";\r\nimport parse from \"html-react-parser\";\r\nimport { VariableState, RequirementType } from \"../types/variable\";\r\nimport {\r\n  mapRequirementTypeToState,\r\n  mapStatusToVariableState,\r\n} from \"../helpers/variableProcessing\";\r\n\r\ninterface ModalProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  variableId: string;\r\n  status: string;\r\n  requirementType: string;\r\n  description: string;\r\n  value: string;\r\n  defaultValue: string;\r\n  note?: string;\r\n  onSave?: (fieldValue: string, defaultChecked: boolean) => void;\r\n  onSubmit?: (fieldValue: string, defaultChecked: boolean) => void;\r\n  successMessage?: string;\r\n  errorMessage?: string;\r\n  onDeclineWording?: () => void;\r\n  onPrevious?: () => void;\r\n  onNext?: () => void;\r\n  currentPage?: number;\r\n  totalPages?: number;\r\n  isLoading: boolean;\r\n  useDefault: boolean;\r\n}\r\n\r\nconst StyledDialog = styled(Dialog)(({ theme }) => ({\r\n  \"& .MuiDialog-paper\": {\r\n    color: theme.palette.background.default,\r\n    borderRadius: theme.shape.borderRadius,\r\n    maxWidth: \"896px\",\r\n    width: \"100%\",\r\n    maxHeight: \"90vh\",\r\n  },\r\n}));\r\n\r\nconst NavButton = styled(IconButton)(({ theme }) => ({\r\n  width: \"40px\",\r\n  height: \"40px\",\r\n  borderRadius: 999,\r\n  border: `2px solid ${theme.palette.dark.main}`,\r\n  backgroundColor: \"#fff\",\r\n  padding: theme.spacing(1, 2),\r\n  \"&:hover\": {\r\n    backgroundColor: theme.palette.grey[100], // Changed from dark.main to grey[100]\r\n    color: theme.palette.dark.main, // Keep text dark instead of light\r\n    borderColor: theme.palette.dark.main, // Keep border dark\r\n  },\r\n}));\r\n\r\nexport const Modal: React.FC<ModalProps> = ({\r\n  isOpen,\r\n  onClose,\r\n  variableId,\r\n  status,\r\n  requirementType,\r\n  description,\r\n  value,\r\n  defaultValue,\r\n  note,\r\n  onSave,\r\n  onSubmit,\r\n  successMessage,\r\n  errorMessage,\r\n  onDeclineWording,\r\n  onPrevious,\r\n  onNext,\r\n  currentPage = 1,\r\n  totalPages = 1,\r\n  isLoading,\r\n  useDefault,\r\n}) => {\r\n  const variableState = mapStatusToVariableState(status);\r\n  const variableReqType = mapRequirementTypeToState(requirementType);\r\n\r\n  const [textValue, setTextValue] = useState(value);\r\n  const [customValue, setCustomValue] = useState(\"\");\r\n\r\n  const [useDefaultValue, setUseDefaultValue] = useState(true);\r\n  const [isSaving, setIsSaving] = useState(false);\r\n  const [isSubmitting, setIsSubmitting] = useState(false);\r\n\r\n  const theme = useTheme();\r\n\r\n  const toDisplay = (str: string) => str?.replace(/\\\\n/g, \"\\n\") ?? \"\";\r\n  const toStorage = (str: string) => str?.replace(/\\r?\\n/g, \"\\\\n\") ?? \"\";\r\n\r\n  useEffect(() => {\r\n    const displayValue = toDisplay(value);\r\n    const displayDefault = toDisplay(defaultValue);\r\n\r\n    const isUsingDefault = useDefault || displayValue === displayDefault;\r\n\r\n    setUseDefaultValue(isUsingDefault);\r\n    setTextValue(displayValue);\r\n    setCustomValue(isUsingDefault ? \"\" : displayValue);\r\n  }, [variableId, value, defaultValue]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) {\r\n      setIsSaving(false);\r\n      setIsSubmitting(false);\r\n    }\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (successMessage && successMessage !== \"\") {\r\n      toast.success(successMessage);\r\n    }\r\n  }, [successMessage]);\r\n\r\n  useEffect(() => {\r\n    if (errorMessage && errorMessage !== \"\") {\r\n      toast.error(errorMessage);\r\n    }\r\n  }, [errorMessage]);\r\n\r\n  useEffect(() => {\r\n    if (!isLoading) {\r\n      setIsSaving(false);\r\n      setIsSubmitting(false);\r\n    }\r\n  }, [isLoading]);\r\n\r\n  const handleUseDefaultValueChange = (\r\n    event: React.ChangeEvent<HTMLInputElement>,\r\n  ) => {\r\n    const checked = event.target.checked;\r\n\r\n    if (checked) {\r\n      setCustomValue(textValue);\r\n      setTextValue(toDisplay(defaultValue));\r\n    } else {\r\n      setTextValue(customValue || \"\");\r\n    }\r\n\r\n    setUseDefaultValue(checked);\r\n  };\r\n\r\n  const canSubmitSave = isLoading || variableState === VariableState.Pending;\r\n\r\n  const statusConfig = {\r\n    [VariableState.Pending]: { color: \"#EBC7FF\", label: \"Pending\" },\r\n    [VariableState.Draft]: { color: \"#4D3019\", label: \"Draft\" },\r\n    [VariableState.Declined]: { color: \"#4D3019\", label: \"Declined\" },\r\n    [VariableState.ActionRequired]: {\r\n      color: \"#FFBCB3\",\r\n      label: \"Action Required\",\r\n    },\r\n    [VariableState.Accepted]: { color: \"#DBF59A\", label: \"Accepted\" },\r\n    [VariableState.NotStarted]: { color: \"#000000ff\", label: \"Not Started\" },\r\n  };\r\n\r\n  const reqTypeConfig = {\r\n    Default: {\r\n      color: \"#F5A623\",\r\n      highlight: \"#f3bf6bff\",\r\n      highlightSelected: \"#F5A623\",\r\n      label: \"Mandatory\",\r\n    },\r\n    Optional: {\r\n      color: \"#F5D76E\",\r\n      highlight: \"#f3e2a5ff\",\r\n      highlightSelected: \"#F5D76E\",\r\n      label: \"Optional\",\r\n    },\r\n  };\r\n\r\n  const statusStyle = variableState\r\n    ? statusConfig[variableState]\r\n    : { color: \"#ccc\", label: \"Unknown\" };\r\n  const requirementTypeStyle = variableReqType\r\n    ? reqTypeConfig[variableReqType]\r\n    : { color: \"#ccc\", label: \"Unknown\" };\r\n\r\n  const handleSave = () => {\r\n    setIsSaving(true);\r\n    const payloadValue = toStorage(textValue);\r\n    onSave?.(payloadValue, useDefaultValue);\r\n  };\r\n\r\n  const handleSubmit = () => {\r\n    setIsSubmitting(true);\r\n    const payloadValue = toStorage(textValue);\r\n    onSubmit?.(payloadValue, useDefaultValue);\r\n  };\r\n\r\n  return (\r\n    <StyledDialog open={isOpen} onClose={onClose} maxWidth=\"md\" fullWidth>\r\n      <IconButton\r\n        onClick={onClose}\r\n        disabled={isLoading}\r\n        sx={{\r\n          position: \"absolute\",\r\n          top: 16,\r\n          right: 16,\r\n          zIndex: 1,\r\n        }}\r\n      >\r\n        <CloseRounded sx={{ fontSize: 24 }} />\r\n      </IconButton>\r\n\r\n      <DialogContent sx={{ p: { xs: 3, sm: 4, md: 6 } }}>\r\n        {/* Status Chip */}\r\n        <Box sx={{ mb: 3 }}>\r\n          <Chip\r\n            label={requirementTypeStyle.label.toUpperCase()}\r\n            sx={{\r\n              mr: 3,\r\n              border: \"3px solid\",\r\n              backgroundColor: requirementTypeStyle.color,\r\n              borderColor: requirementTypeStyle.color,\r\n              color: theme.palette.text.primary,\r\n              fontWeight: 600,\r\n              fontSize: \"0.875rem\",\r\n              height: \"auto\",\r\n              py: 1,\r\n              borderRadius: 0,\r\n              px: 2,\r\n            }}\r\n          />\r\n          {variableState !== VariableState.NotStarted && (\r\n            <Chip\r\n              label={statusStyle.label.toUpperCase()}\r\n              sx={{\r\n                mr: 3,\r\n                border: \"3px solid\",\r\n                backgroundColor: theme.palette.background.paper,\r\n                borderColor: statusStyle.color,\r\n                color: theme.palette.text.primary,\r\n                fontWeight: 600,\r\n                fontSize: \"0.875rem\",\r\n                height: \"auto\",\r\n                py: 1,\r\n                borderRadius: 0,\r\n                px: 2,\r\n              }}\r\n            />\r\n          )}\r\n        </Box>\r\n\r\n        {/* Description */}\r\n        <Typography sx={{ mb: 3, lineHeight: 1.6, whiteSpace: \"pre-line\" }}>\r\n          {parse(description)}\r\n        </Typography>\r\n\r\n        {/* Error Alert with Custom Icon */}\r\n        {variableState === VariableState.ActionRequired && note && (\r\n          <Alert\r\n            variant=\"error\"\r\n            icon={<InfoOutlineRounded sx={{ fontSize: 20 }} />}\r\n            sx={{\r\n              mb: 2,\r\n            }}\r\n          >\r\n            {note}\r\n          </Alert>\r\n        )}\r\n\r\n        {/* Info Alert with Custom Background and Icon */}\r\n        {variableState !== VariableState.ActionRequired && note && (\r\n          <Alert\r\n            variant=\"info\"\r\n            icon={\r\n              <ArticleRounded\r\n                sx={{ fontSize: 20, color: theme.palette.text.primary }}\r\n              />\r\n            }\r\n            sx={{\r\n              mb: 2,\r\n              backgroundColor: \"#00000000\",\r\n              borderColor: \"#acacacff\",\r\n              color: theme.palette.text.primary,\r\n            }}\r\n          >\r\n            {note}\r\n          </Alert>\r\n        )}\r\n\r\n        {/* Text Field */}\r\n        <TextField\r\n          multiline\r\n          rows={6}\r\n          fullWidth\r\n          value={textValue}\r\n          onChange={(e) => setTextValue(e.target.value)}\r\n          disabled={\r\n            useDefaultValue ||\r\n            canSubmitSave ||\r\n            variableState === VariableState.Declined\r\n          }\r\n          sx={{\r\n            mb: 2,\r\n            \"& .MuiOutlinedInput-root\": {\r\n              backgroundColor:\r\n                useDefaultValue || canSubmitSave\r\n                  ? \"rgba(0, 0, 0, 0.05)\"\r\n                  : \"#fff\",\r\n              borderRadius: 2,\r\n            },\r\n          }}\r\n        />\r\n\r\n        {/* Checkbox */}\r\n        <FormControlLabel\r\n          control={\r\n            <Checkbox\r\n              checked={useDefaultValue}\r\n              disabled={\r\n                canSubmitSave || variableState === VariableState.Declined\r\n              }\r\n              onChange={handleUseDefaultValueChange}\r\n              sx={{\r\n                color: theme.palette.primary.main,\r\n                \"&.Mui-checked\": {\r\n                  color: theme.palette.primary.main,\r\n                },\r\n              }}\r\n            />\r\n          }\r\n          label=\"Use Default Wording\"\r\n          sx={{ mb: 3 }}\r\n        />\r\n\r\n        <Box\r\n          sx={{\r\n            display: \"flex\",\r\n            flexDirection: { xs: \"column\", sm: \"row\" },\r\n            alignItems: { xs: \"stretch\", sm: \"center\" },\r\n            justifyContent: \"space-between\",\r\n            gap: 2,\r\n            pt: 3,\r\n            borderTop: \"1px solid\",\r\n            borderColor: \"divider\",\r\n          }}\r\n        >\r\n          {variableState !== VariableState.Declined ? (\r\n            <Box sx={{ display: \"flex\", gap: 1.5, flexWrap: \"wrap\" }}>\r\n              {useDefaultValue === false ? (\r\n                <Button\r\n                  onClick={handleSave}\r\n                  variant=\"outline\"\r\n                  size=\"md\"\r\n                  disabled={canSubmitSave}\r\n                >\r\n                  {isSaving ? (\r\n                    <>\r\n                      <CircularProgress size={20} />\r\n                      <Typography sx={{ paddingLeft: 2 }}>Saving...</Typography>\r\n                    </>\r\n                  ) : (\r\n                    \"Save\"\r\n                  )}\r\n                </Button>\r\n              ) : (\r\n                <></>\r\n              )}\r\n              <Button\r\n                onClick={handleSubmit}\r\n                variant=\"outline\"\r\n                size=\"md\"\r\n                disabled={canSubmitSave || (useDefaultValue && useDefault)}\r\n                sx={{\r\n                  backgroundColor: theme.palette.primary.main + \"52\",\r\n                  \"&:hover\": {\r\n                    backgroundColor: theme.palette.primary.main + \"80\",\r\n                  },\r\n                }}\r\n              >\r\n                {isSubmitting ? (\r\n                  <>\r\n                    <CircularProgress size={20} />\r\n                    <Typography sx={{ paddingLeft: 2 }}>\r\n                      Submitting...\r\n                    </Typography>\r\n                  </>\r\n                ) : useDefaultValue && useDefault ? (\r\n                  \"Default already Accepted\"\r\n                ) : useDefaultValue === false ? (\r\n                  \"Submit for review\"\r\n                ) : (\r\n                  \"Submit\"\r\n                )}\r\n              </Button>\r\n              {variableReqType === RequirementType.Optional && (\r\n                <Button\r\n                  onClick={onDeclineWording}\r\n                  variant=\"outline\"\r\n                  size=\"md\"\r\n                  sx={{\r\n                    backgroundColor: \"#ff464652\",\r\n                    \"&:hover\": {\r\n                      backgroundColor: \"#ff464680\", // Darker purple on hover\r\n                    },\r\n                  }}\r\n                  disabled={canSubmitSave}\r\n                >\r\n                  Decline wording\r\n                </Button>\r\n              )}\r\n            </Box>\r\n          ) : (\r\n            <Box sx={{ display: \"flex\", gap: 1.5, flexWrap: \"wrap\" }}>\r\n              <Button\r\n                onClick={() => {\r\n                  setIsSubmitting(true);\r\n                  // Pass the default value and true directly to onSubmit\r\n                  const payloadValue = toStorage(toDisplay(defaultValue));\r\n                  setCustomValue(textValue);\r\n                  setTextValue(toDisplay(defaultValue));\r\n                  setUseDefaultValue(true);\r\n                  onSubmit?.(payloadValue, true);\r\n                }}\r\n                variant=\"outline\"\r\n                size=\"md\"\r\n                disabled={canSubmitSave}\r\n                sx={{\r\n                  backgroundColor: \"#ff464652\",\r\n                  \"&:hover\": {\r\n                    backgroundColor: \"#ff464680\",\r\n                  },\r\n                }}\r\n              >\r\n                {isSubmitting ? (\r\n                  <>\r\n                    <CircularProgress size={20} />\r\n                    <Typography sx={{ paddingLeft: 2 }}>\r\n                      Restoring...\r\n                    </Typography>\r\n                  </>\r\n                ) : (\r\n                  \"Restore wording\"\r\n                )}\r\n              </Button>\r\n            </Box>\r\n          )}\r\n          {/* Navigation */}\r\n          <Box\r\n            sx={{\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              gap: 1.5,\r\n              justifyContent: { xs: \"space-between\", sm: \"flex-end\" },\r\n            }}\r\n          >\r\n            {currentPage !== 1 && (\r\n              <NavButton\r\n                onClick={onPrevious}\r\n                aria-label=\"Previous\"\r\n                disabled={isLoading}\r\n              >\r\n                <ArrowBackIosRounded\r\n                  sx={{ fontSize: 20, color: theme.palette.text.primary }}\r\n                />\r\n              </NavButton>\r\n            )}\r\n            {currentPage !== totalPages && (\r\n              <NavButton\r\n                onClick={onNext}\r\n                aria-label=\"Next\"\r\n                disabled={isLoading}\r\n              >\r\n                <ArrowForwardIosRounded\r\n                  sx={{ fontSize: 20, color: theme.palette.text.primary }}\r\n                />\r\n              </NavButton>\r\n            )}\r\n            <Typography fontWeight={500} fontSize=\"1.125rem\">\r\n              {currentPage}/{totalPages}\r\n            </Typography>\r\n          </Box>\r\n        </Box>\r\n      </DialogContent>\r\n    </StyledDialog>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/esm/node_modules/domhandler/lib/index.js

@@ -1,4 +1,4 @@
-import { __exports as lib } from '../../../_virtual/index4.js';
+import { __exports as lib } from '../../../_virtual/index3.js';
 import { __require as requireLib$1 } from '../../domelementtype/lib/index.js';
 import { __require as requireNode } from './node.js';
 

package/dist/esm/node_modules/html-dom-parser/lib/index.js

@@ -1,4 +1,4 @@
-import { __exports as lib } from '../../../_virtual/index3.js';
+import { __exports as lib } from '../../../_virtual/index4.js';
 import { __require as requireHtmlToDom } from './server/html-to-dom.js';
 import { __require as requireTypes } from './types.js';
 

package/dist/esm/themes/ECETheme.d.ts

@@ -1,2 +1,2 @@
-declare const ECETheme: any;
+declare const ECETheme: import("@mui/material").Theme;
 export default ECETheme;

package/dist/esm/themes/GPTheme.d.ts

@@ -1,2 +1,2 @@
-declare const GPTheme: any;
+declare const GPTheme: import("@mui/material").Theme;
 export default GPTheme;

package/dist/esm/themes/LightnTheme.d.ts

@@ -1,2 +1,2 @@
-declare const LightnTheme: any;
+declare const LightnTheme: import("@mui/material").Theme;
 export default LightnTheme;

package/dist/esm/themes/SchoolTheme.d.ts

@@ -1,2 +1,2 @@
-declare const SchoolTheme: any;
+declare const SchoolTheme: import("@mui/material").Theme;
 export default SchoolTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ece-docs-components",
-  "version": "1.0.101",
+  "version": "1.0.103",
   "type": "module",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",