ece-docs-components 1.0.108 → 1.0.111

package/dist/cjs/components/Concertina.js

@@ -121,26 +121,32 @@ const StyledContentWrapper = material.styled(material.Box)(({ theme }) => ({
         marginBottom: theme.spacing(0.5),
     },
 }));
-function Concertina({ sections }) {
+function getDefaultOpenSections(sectionIds, isDesktop, defaultOpen) {
+    if (Array.isArray(defaultOpen)) {
+        return new Set(defaultOpen.filter((id) => sectionIds.includes(id)));
+    }
+    if (typeof defaultOpen === "boolean") {
+        return defaultOpen ? new Set(sectionIds) : new Set();
+    }
+    return isDesktop ? new Set(sectionIds) : new Set();
+}
+function Concertina({ sections, defaultOpen }) {
     const [hoveredTitle, setHoveredTitle] = React.useState(null);
     const [copiedId, setCopiedId] = React.useState(null);
     const [tooltipPosition, setTooltipPosition] = React.useState(null);
     const theme = ThemeProvider.useTheme();
     const isDesktop = material.useMediaQuery(theme.breakpoints.up("md"));
+    const sectionIds = sections.map((section) => section.id);
+    const sectionIdsKey = JSON.stringify(sectionIds);
+    const defaultOpenKey = Array.isArray(defaultOpen)
+        ? JSON.stringify(defaultOpen)
+        : String(defaultOpen);
     const [openSections, setOpenSections] = React.useState(() => {
-        // Initialize with all sections open on desktop, closed on mobile
-        return isDesktop ? new Set(sections.map((s) => s.id)) : new Set();
+        return getDefaultOpenSections(sectionIds, isDesktop, defaultOpen);
     });
-    const sectionIdsKey = JSON.stringify(sections.map((s) => s.id));
     React.useEffect(() => {
-        const sectionIds = JSON.parse(sectionIdsKey);
-        if (isDesktop) {
-            setOpenSections(new Set(sectionIds));
-        }
-        else {
-            setOpenSections(new Set());
-        }
-    }, [isDesktop, sectionIdsKey]);
+        setOpenSections(getDefaultOpenSections(sectionIds, isDesktop, defaultOpen));
+    }, [defaultOpenKey, isDesktop, sectionIdsKey]);
     const toggleSection = (id) => {
         const newOpenSections = new Set(openSections);
         if (newOpenSections.has(id)) {

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

@@ -1 +1 @@
-{"version":3,"file":"Concertina.js","sources":["../../../../src/components/Concertina.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport {\r\n  Box,\r\n  styled,\r\n  Typography,\r\n  Collapse,\r\n  useMediaQuery,\r\n} from \"@mui/material\";\r\nimport {\r\n  ExpandCircleDown,\r\n  ExpandCircleDownOutlined,\r\n  ExpandMoreRounded,\r\n} from \"@mui/icons-material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\n\r\ninterface ConcertinaSection {\r\n  id: string;\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface ConcertinaProps {\r\n  sections: ConcertinaSection[];\r\n}\r\n\r\nconst StyledConcertina = styled(Box)(({ theme }) => ({\r\n  width: \"100%\",\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n  gap: theme.spacing(1),\r\n}));\r\n\r\nconst StyledSection = styled(Box)(({ theme }) => ({\r\n  overflow: \"hidden\",\r\n}));\r\n\r\nconst StyledHeader = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  borderTop: `2px solid ${theme.palette.grey[200]}`,\r\n  borderBottom: `2px solid ${theme.palette.grey[200]}`,\r\n  justifyContent: \"space-between\",\r\n  cursor: \"pointer\",\r\n  transition: \"background-color 0.2s\",\r\n  gap: theme.spacing(2),\r\n  \"&:hover\": {\r\n    backgroundColor: theme.palette.background.default,\r\n  },\r\n  padding: theme.spacing(2),\r\n}));\r\n\r\nconst StyledTitleWrapper = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: 0,\r\n  flex: 1,\r\n  minWidth: 0,\r\n}));\r\n\r\nconst StyledHashtag = styled(\"span\", {\r\n  shouldForwardProp: (prop) => prop !== \"isVisible\" && prop !== \"color\",\r\n})<{ isVisible: boolean; color?: string }>(({ theme, isVisible, color }) => ({\r\n  color: color || theme.palette.info.main,\r\n  fontWeight: 700,\r\n  fontSize: \"inherit\",\r\n  opacity: isVisible ? 1 : 0,\r\n  transition: \"opacity 0.2s\",\r\n  marginRight: isVisible ? \"0.25em\" : 0,\r\n  cursor: \"pointer\",\r\n}));\r\n\r\nconst StyledTitle = styled(Typography, {\r\n  shouldForwardProp: (prop) => prop !== \"isHovered\",\r\n})<{ isHovered: boolean }>(({ theme, isHovered }) => ({\r\n  fontWeight: 700,\r\n  fontSize: \"1.75rem\",\r\n  lineHeight: 1.2,\r\n  color: theme.palette.dark.main,\r\n  wordBreak: \"break-word\",\r\n  display: \"inline-block\",\r\n  position: \"relative\",\r\n  paddingBottom: \"2px\",\r\n  borderBottom: isHovered\r\n    ? `3px solid ${theme.palette.info.main}`\r\n    : \"3px solid transparent\",\r\n  transition: \"border-bottom 0.2s\",\r\n  [theme.breakpoints.down(\"lg\")]: {\r\n    fontSize: \"1.25rem\",\r\n  },\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    fontSize: \"1.125rem\",\r\n  },\r\n  [theme.breakpoints.down(\"sm\")]: {\r\n    fontSize: \"1rem\",\r\n  },\r\n}));\r\n\r\nconst StyledTooltip = styled(Box)(({ theme }) => ({\r\n  position: \"fixed\",\r\n  transform: \"translate(-50%, -120%)\",\r\n  backgroundColor: theme.palette.grey[900],\r\n  color: theme.palette.common.white,\r\n  fontSize: \"0.75rem\",\r\n  padding: theme.spacing(1, 2),\r\n  borderRadius: theme.shape.borderRadius,\r\n  whiteSpace: \"nowrap\",\r\n  zIndex: 1000,\r\n  pointerEvents: \"none\",\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    fontSize: \"0.875rem\",\r\n    padding: theme.spacing(1.5, 3),\r\n  },\r\n}));\r\n\r\nconst StyledContent = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(2, 3, 3),\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    padding: theme.spacing(2, 4, 4),\r\n  },\r\n  [theme.breakpoints.up(\"md\")]: {\r\n    padding: theme.spacing(2, 6, 6),\r\n  },\r\n}));\r\n\r\nconst StyledContentWrapper = styled(Box)(({ theme }) => ({\r\n  color: theme.palette.dark.main,\r\n  lineHeight: 1.5,\r\n  wordBreak: \"break-word\",\r\n  fontSize: 13,\r\n  \"& p\": {\r\n    margin: 0,\r\n    marginBottom: theme.spacing(2),\r\n    \"&:last-child\": {\r\n      marginBottom: 0,\r\n    },\r\n  },\r\n  \"& ul, & ol\": {\r\n    marginTop: theme.spacing(1),\r\n    marginBottom: theme.spacing(2),\r\n    paddingLeft: theme.spacing(3),\r\n    \"&:last-child\": {\r\n      marginBottom: 0,\r\n    },\r\n  },\r\n  \"& li\": {\r\n    marginBottom: theme.spacing(0.5),\r\n  },\r\n}));\r\n\r\nexport function Concertina({ sections }: ConcertinaProps) {\r\n  const [hoveredTitle, setHoveredTitle] = useState<string | null>(null);\r\n  const [copiedId, setCopiedId] = useState<string | null>(null);\r\n  const [tooltipPosition, setTooltipPosition] = useState<{\r\n    x: number;\r\n    y: number;\r\n  } | null>(null);\r\n  const theme = useTheme();\r\n  const isDesktop = useMediaQuery(theme.breakpoints.up(\"md\"));\r\n\r\n  const [openSections, setOpenSections] = useState<Set<string>>(() => {\r\n    // Initialize with all sections open on desktop, closed on mobile\r\n    return isDesktop ? new Set(sections.map((s) => s.id)) : new Set();\r\n  });\r\n\r\n  const sectionIdsKey = JSON.stringify(sections.map((s) => s.id));\r\n\r\n  React.useEffect(() => {\r\n    const sectionIds = JSON.parse(sectionIdsKey) as string[];\r\n\r\n    if (isDesktop) {\r\n      setOpenSections(new Set(sectionIds));\r\n    } else {\r\n      setOpenSections(new Set());\r\n    }\r\n  }, [isDesktop, sectionIdsKey]);\r\n\r\n  const toggleSection = (id: string) => {\r\n    const newOpenSections = new Set(openSections);\r\n    if (newOpenSections.has(id)) {\r\n      newOpenSections.delete(id);\r\n    } else {\r\n      newOpenSections.add(id);\r\n    }\r\n    setOpenSections(newOpenSections);\r\n  };\r\n\r\n  const copyJumpLink = (id: string, e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n    const url = `${window.location.origin}${window.location.pathname}#${id}`;\r\n    navigator.clipboard.writeText(url);\r\n    setCopiedId(id);\r\n    setTooltipPosition({ x: e.clientX, y: e.clientY });\r\n    setTimeout(() => {\r\n      setCopiedId(null);\r\n      setTooltipPosition(null);\r\n    }, 2000);\r\n  };\r\n\r\n  return (\r\n    <StyledConcertina>\r\n      {sections.map((section) => (\r\n        <StyledSection key={section.id} id={section.id}>\r\n          <StyledHeader\r\n            onClick={() => toggleSection(section.id)}\r\n            onMouseEnter={() => setHoveredTitle(section.id)}\r\n            onMouseLeave={() => setHoveredTitle(null)}\r\n          >\r\n            <StyledTitleWrapper>\r\n              <StyledTitle isHovered={hoveredTitle === section.id} variant=\"h3\">\r\n                <StyledHashtag\r\n                  isVisible={true}\r\n                  color={\r\n                    hoveredTitle === section.id\r\n                      ? theme.palette.info.main\r\n                      : \"#00000000\"\r\n                  }\r\n                  onClick={(e) => copyJumpLink(section.id, e as any)}\r\n                >\r\n                  #\r\n                </StyledHashtag>\r\n                {section.title}\r\n              </StyledTitle>\r\n            </StyledTitleWrapper>\r\n            <ExpandCircleDownOutlined\r\n              sx={{\r\n                fontSize: \"1.5rem\",\r\n                transform: openSections.has(section.id)\r\n                  ? \"rotate(180deg)\"\r\n                  : \"none\",\r\n              }}\r\n            />\r\n          </StyledHeader>\r\n          <Collapse in={openSections.has(section.id)}>\r\n            <StyledContent>\r\n              <StyledContentWrapper>{section.content}</StyledContentWrapper>\r\n            </StyledContent>\r\n          </Collapse>\r\n        </StyledSection>\r\n      ))}\r\n      {copiedId && tooltipPosition && (\r\n        <StyledTooltip\r\n          sx={{\r\n            left: tooltipPosition.x,\r\n            top: tooltipPosition.y,\r\n          }}\r\n        >\r\n          Link copied\r\n        </StyledTooltip>\r\n      )}\r\n    </StyledConcertina>\r\n  );\r\n}\r\n"],"names":["styled","Box","Typography","useState","useTheme","useMediaQuery","_jsxs","_jsx","ExpandCircleDownOutlined","Collapse"],"mappings":";;;;;;;;AAyBA,MAAM,gBAAgB,GAAGA,eAAM,CAACC,YAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACnD,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,aAAa,EAAE,QAAQ;AACvB,IAAA,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACtB,CAAA,CAAC,CAAC;AAEH,MAAM,aAAa,GAAGD,eAAM,CAACC,YAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAChD,IAAA,QAAQ,EAAE,QAAQ;AACnB,CAAA,CAAC,CAAC;AAEH,MAAM,YAAY,GAAGD,eAAM,CAACC,YAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAC/C,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,CAAE;IACjD,YAAY,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,CAAE;AACpD,IAAA,cAAc,EAAE,eAAe;AAC/B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,UAAU,EAAE,uBAAuB;AACnC,IAAA,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACrB,IAAA,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;AAClD,KAAA;AACD,IAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1B,CAAA,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAGD,eAAM,CAACC,YAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACrD,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,GAAG,EAAE,CAAC;AACN,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,QAAQ,EAAE,CAAC;AACZ,CAAA,CAAC,CAAC;AAEH,MAAM,aAAa,GAAGD,eAAM,CAAC,MAAM,EAAE;AACnC,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,OAAO;AACtE,CAAA,CAAC,CAAyC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM;IAC3E,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AACvC,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC;AAC1B,IAAA,UAAU,EAAE,cAAc;IAC1B,WAAW,EAAE,SAAS,GAAG,QAAQ,GAAG,CAAC;AACrC,IAAA,MAAM,EAAE,SAAS;AAClB,CAAA,CAAC,CAAC;AAEH,MAAM,WAAW,GAAGA,eAAM,CAACE,mBAAU,EAAE;IACrC,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,WAAW;CAClD,CAAC,CAAyB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM;AACpD,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,YAAY,EAAE;UACV,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA;AACtC,UAAE,uBAAuB;AAC3B,IAAA,UAAU,EAAE,oBAAoB;IAChC,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,QAAA,QAAQ,EAAE,SAAS;AACpB,KAAA;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,QAAA,QAAQ,EAAE,UAAU;AACrB,KAAA;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,QAAA,QAAQ,EAAE,MAAM;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,aAAa,GAAGF,eAAM,CAACC,YAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAChD,IAAA,QAAQ,EAAE,OAAO;AACjB,IAAA,SAAS,EAAE,wBAAwB;IACnC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACxC,IAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;AACjC,IAAA,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;AAC5B,IAAA,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;AACtC,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,aAAa,EAAE,MAAM;IACrB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;AAC5B,QAAA,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;AAC/B,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,aAAa,GAAGD,eAAM,CAACC,YAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;IAChD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;QAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAChC,KAAA;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;QAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAChC,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAGD,eAAM,CAACC,YAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACvD,IAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9B,QAAA,cAAc,EAAE;AACd,YAAA,YAAY,EAAE,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9B,QAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC7B,QAAA,cAAc,EAAE;AACd,YAAA,YAAY,EAAE,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AACjC,KAAA;AACF,CAAA,CAAC,CAAC;AAEG,SAAU,UAAU,CAAC,EAAE,QAAQ,EAAmB,EAAA;IACtD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGE,cAAQ,CAAgB,IAAI,CAAC;IACrE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAgB,IAAI,CAAC;IAC7D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAGA,cAAQ,CAG5C,IAAI,CAAC;AACf,IAAA,MAAM,KAAK,GAAGC,sBAAQ,EAAE;AACxB,IAAA,MAAM,SAAS,GAAGC,sBAAa,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IAE3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGF,cAAQ,CAAc,MAAK;;QAEjE,OAAO,SAAS,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,EAAE;AACnE,IAAA,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;AAE/D,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;QACnB,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAa;QAExD,IAAI,SAAS,EAAE;AACb,YAAA,eAAe,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;QACtC;aAAO;AACL,YAAA,eAAe,CAAC,IAAI,GAAG,EAAE,CAAC;QAC5B;AACF,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;AAE9B,IAAA,MAAM,aAAa,GAAG,CAAC,EAAU,KAAI;AACnC,QAAA,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC;AAC7C,QAAA,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;AAC3B,YAAA,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5B;aAAO;AACL,YAAA,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;QACzB;QACA,eAAe,CAAC,eAAe,CAAC;AAClC,IAAA,CAAC;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,CAAmB,KAAI;QACvD,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,MAAM,GAAG,GAAG,CAAA,EAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAA,EAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAA,CAAA,EAAI,EAAE,EAAE;AACxE,QAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC;QAClC,WAAW,CAAC,EAAE,CAAC;AACf,QAAA,kBAAkB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;QAClD,UAAU,CAAC,MAAK;YACd,WAAW,CAAC,IAAI,CAAC;YACjB,kBAAkB,CAAC,IAAI,CAAC;QAC1B,CAAC,EAAE,IAAI,CAAC;AACV,IAAA,CAAC;AAED,IAAA,QACEG,eAAA,CAAC,gBAAgB,eACd,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,MACpBA,eAAA,CAAC,aAAa,EAAA,EAAkB,EAAE,EAAE,OAAO,CAAC,EAAE,EAAA,QAAA,EAAA,CAC5CA,eAAA,CAAC,YAAY,EAAA,EACX,OAAO,EAAE,MAAM,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,EACxC,YAAY,EAAE,MAAM,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,EAC/C,YAAY,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,EAAA,QAAA,EAAA,CAEzCC,eAAC,kBAAkB,EAAA,EAAA,QAAA,EACjBD,gBAAC,WAAW,EAAA,EAAC,SAAS,EAAE,YAAY,KAAK,OAAO,CAAC,EAAE,EAAE,OAAO,EAAC,IAAI,EAAA,QAAA,EAAA,CAC/DC,eAAC,aAAa,EAAA,EACZ,SAAS,EAAE,IAAI,EACf,KAAK,EACH,YAAY,KAAK,OAAO,CAAC;AACvB,kDAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AACrB,kDAAE,WAAW,EAEjB,OAAO,EAAE,CAAC,CAAC,KAAK,YAAY,CAAC,OAAO,CAAC,EAAE,EAAE,CAAQ,CAAC,EAAA,QAAA,EAAA,GAAA,EAAA,CAGpC,EACf,OAAO,CAAC,KAAK,CAAA,EAAA,CACF,EAAA,CACK,EACrBA,cAAA,CAACC,sCAAwB,EAAA,EACvB,EAAE,EAAE;AACF,oCAAA,QAAQ,EAAE,QAAQ;oCAClB,SAAS,EAAE,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AACpC,0CAAE;AACF,0CAAE,MAAM;iCACX,EAAA,CACD,CAAA,EAAA,CACW,EACfD,cAAA,CAACE,iBAAQ,IAAC,EAAE,EAAE,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAA,QAAA,EACxCF,eAAC,aAAa,EAAA,EAAA,QAAA,EACZA,eAAC,oBAAoB,EAAA,EAAA,QAAA,EAAE,OAAO,CAAC,OAAO,GAAwB,EAAA,CAChD,EAAA,CACP,KAnCO,OAAO,CAAC,EAAE,CAoCd,CACjB,CAAC,EACD,QAAQ,IAAI,eAAe,KAC1BA,cAAA,CAAC,aAAa,EAAA,EACZ,EAAE,EAAE;oBACF,IAAI,EAAE,eAAe,CAAC,CAAC;oBACvB,GAAG,EAAE,eAAe,CAAC,CAAC;iBACvB,EAAA,QAAA,EAAA,aAAA,EAAA,CAGa,CACjB,CAAA,EAAA,CACgB;AAEvB;;;;"}
+{"version":3,"file":"Concertina.js","sources":["../../../../src/components/Concertina.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\r\n  Box,\r\n  styled,\r\n  Typography,\r\n  Collapse,\r\n  useMediaQuery,\r\n} from \"@mui/material\";\r\nimport {\r\n  ExpandCircleDown,\r\n  ExpandCircleDownOutlined,\r\n  ExpandMoreRounded,\r\n} from \"@mui/icons-material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\n\r\ninterface ConcertinaSection {\r\n  id: string;\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface ConcertinaProps {\n  sections: ConcertinaSection[];\n  /**\n   * Sets the default open state. When omitted, all sections open on desktop and\n   * all sections close on mobile.\n   */\n  defaultOpen?: boolean | string[];\n}\n\r\nconst StyledConcertina = styled(Box)(({ theme }) => ({\r\n  width: \"100%\",\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n  gap: theme.spacing(1),\r\n}));\r\n\r\nconst StyledSection = styled(Box)(({ theme }) => ({\r\n  overflow: \"hidden\",\r\n}));\r\n\r\nconst StyledHeader = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  borderTop: `2px solid ${theme.palette.grey[200]}`,\r\n  borderBottom: `2px solid ${theme.palette.grey[200]}`,\r\n  justifyContent: \"space-between\",\r\n  cursor: \"pointer\",\r\n  transition: \"background-color 0.2s\",\r\n  gap: theme.spacing(2),\r\n  \"&:hover\": {\r\n    backgroundColor: theme.palette.background.default,\r\n  },\r\n  padding: theme.spacing(2),\r\n}));\r\n\r\nconst StyledTitleWrapper = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: 0,\r\n  flex: 1,\r\n  minWidth: 0,\r\n}));\r\n\r\nconst StyledHashtag = styled(\"span\", {\r\n  shouldForwardProp: (prop) => prop !== \"isVisible\" && prop !== \"color\",\r\n})<{ isVisible: boolean; color?: string }>(({ theme, isVisible, color }) => ({\r\n  color: color || theme.palette.info.main,\r\n  fontWeight: 700,\r\n  fontSize: \"inherit\",\r\n  opacity: isVisible ? 1 : 0,\r\n  transition: \"opacity 0.2s\",\r\n  marginRight: isVisible ? \"0.25em\" : 0,\r\n  cursor: \"pointer\",\r\n}));\r\n\r\nconst StyledTitle = styled(Typography, {\r\n  shouldForwardProp: (prop) => prop !== \"isHovered\",\r\n})<{ isHovered: boolean }>(({ theme, isHovered }) => ({\r\n  fontWeight: 700,\r\n  fontSize: \"1.75rem\",\r\n  lineHeight: 1.2,\r\n  color: theme.palette.dark.main,\r\n  wordBreak: \"break-word\",\r\n  display: \"inline-block\",\r\n  position: \"relative\",\r\n  paddingBottom: \"2px\",\r\n  borderBottom: isHovered\r\n    ? `3px solid ${theme.palette.info.main}`\r\n    : \"3px solid transparent\",\r\n  transition: \"border-bottom 0.2s\",\r\n  [theme.breakpoints.down(\"lg\")]: {\r\n    fontSize: \"1.25rem\",\r\n  },\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    fontSize: \"1.125rem\",\r\n  },\r\n  [theme.breakpoints.down(\"sm\")]: {\r\n    fontSize: \"1rem\",\r\n  },\r\n}));\r\n\r\nconst StyledTooltip = styled(Box)(({ theme }) => ({\r\n  position: \"fixed\",\r\n  transform: \"translate(-50%, -120%)\",\r\n  backgroundColor: theme.palette.grey[900],\r\n  color: theme.palette.common.white,\r\n  fontSize: \"0.75rem\",\r\n  padding: theme.spacing(1, 2),\r\n  borderRadius: theme.shape.borderRadius,\r\n  whiteSpace: \"nowrap\",\r\n  zIndex: 1000,\r\n  pointerEvents: \"none\",\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    fontSize: \"0.875rem\",\r\n    padding: theme.spacing(1.5, 3),\r\n  },\r\n}));\r\n\r\nconst StyledContent = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(2, 3, 3),\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    padding: theme.spacing(2, 4, 4),\r\n  },\r\n  [theme.breakpoints.up(\"md\")]: {\r\n    padding: theme.spacing(2, 6, 6),\r\n  },\r\n}));\r\n\r\nconst StyledContentWrapper = styled(Box)(({ theme }) => ({\r\n  color: theme.palette.dark.main,\r\n  lineHeight: 1.5,\r\n  wordBreak: \"break-word\",\r\n  fontSize: 13,\r\n  \"& p\": {\r\n    margin: 0,\r\n    marginBottom: theme.spacing(2),\r\n    \"&:last-child\": {\r\n      marginBottom: 0,\r\n    },\r\n  },\r\n  \"& ul, & ol\": {\r\n    marginTop: theme.spacing(1),\r\n    marginBottom: theme.spacing(2),\r\n    paddingLeft: theme.spacing(3),\r\n    \"&:last-child\": {\r\n      marginBottom: 0,\r\n    },\r\n  },\r\n  \"& li\": {\r\n    marginBottom: theme.spacing(0.5),\r\n  },\r\n}));\r\n\r\nfunction getDefaultOpenSections(\n  sectionIds: string[],\n  isDesktop: boolean,\n  defaultOpen?: boolean | string[]\n) {\n  if (Array.isArray(defaultOpen)) {\n    return new Set(defaultOpen.filter((id) => sectionIds.includes(id)));\n  }\n\n  if (typeof defaultOpen === \"boolean\") {\n    return defaultOpen ? new Set(sectionIds) : new Set<string>();\n  }\n\n  return isDesktop ? new Set(sectionIds) : new Set<string>();\n}\n\nexport function Concertina({ sections, defaultOpen }: ConcertinaProps) {\n  const [hoveredTitle, setHoveredTitle] = useState<string | null>(null);\r\n  const [copiedId, setCopiedId] = useState<string | null>(null);\r\n  const [tooltipPosition, setTooltipPosition] = useState<{\r\n    x: number;\r\n    y: number;\r\n  } | null>(null);\n  const theme = useTheme();\n  const isDesktop = useMediaQuery(theme.breakpoints.up(\"md\"));\n  const sectionIds = sections.map((section) => section.id);\n  const sectionIdsKey = JSON.stringify(sectionIds);\n  const defaultOpenKey = Array.isArray(defaultOpen)\n    ? JSON.stringify(defaultOpen)\n    : String(defaultOpen);\n\n  const [openSections, setOpenSections] = useState<Set<string>>(() => {\n    return getDefaultOpenSections(sectionIds, isDesktop, defaultOpen);\n  });\n\n  React.useEffect(() => {\n    setOpenSections(getDefaultOpenSections(sectionIds, isDesktop, defaultOpen));\n  }, [defaultOpenKey, isDesktop, sectionIdsKey]);\n\r\n  const toggleSection = (id: string) => {\r\n    const newOpenSections = new Set(openSections);\r\n    if (newOpenSections.has(id)) {\r\n      newOpenSections.delete(id);\r\n    } else {\r\n      newOpenSections.add(id);\r\n    }\r\n    setOpenSections(newOpenSections);\r\n  };\r\n\r\n  const copyJumpLink = (id: string, e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n    const url = `${window.location.origin}${window.location.pathname}#${id}`;\r\n    navigator.clipboard.writeText(url);\r\n    setCopiedId(id);\r\n    setTooltipPosition({ x: e.clientX, y: e.clientY });\r\n    setTimeout(() => {\r\n      setCopiedId(null);\r\n      setTooltipPosition(null);\r\n    }, 2000);\r\n  };\r\n\r\n  return (\r\n    <StyledConcertina>\r\n      {sections.map((section) => (\r\n        <StyledSection key={section.id} id={section.id}>\r\n          <StyledHeader\r\n            onClick={() => toggleSection(section.id)}\r\n            onMouseEnter={() => setHoveredTitle(section.id)}\r\n            onMouseLeave={() => setHoveredTitle(null)}\r\n          >\r\n            <StyledTitleWrapper>\r\n              <StyledTitle isHovered={hoveredTitle === section.id} variant=\"h3\">\r\n                <StyledHashtag\r\n                  isVisible={true}\r\n                  color={\r\n                    hoveredTitle === section.id\r\n                      ? theme.palette.info.main\r\n                      : \"#00000000\"\r\n                  }\r\n                  onClick={(e) => copyJumpLink(section.id, e as any)}\r\n                >\r\n                  #\r\n                </StyledHashtag>\r\n                {section.title}\r\n              </StyledTitle>\r\n            </StyledTitleWrapper>\r\n            <ExpandCircleDownOutlined\r\n              sx={{\r\n                fontSize: \"1.5rem\",\r\n                transform: openSections.has(section.id)\r\n                  ? \"rotate(180deg)\"\r\n                  : \"none\",\r\n              }}\r\n            />\r\n          </StyledHeader>\r\n          <Collapse in={openSections.has(section.id)}>\r\n            <StyledContent>\r\n              <StyledContentWrapper>{section.content}</StyledContentWrapper>\r\n            </StyledContent>\r\n          </Collapse>\r\n        </StyledSection>\r\n      ))}\r\n      {copiedId && tooltipPosition && (\r\n        <StyledTooltip\r\n          sx={{\r\n            left: tooltipPosition.x,\r\n            top: tooltipPosition.y,\r\n          }}\r\n        >\r\n          Link copied\r\n        </StyledTooltip>\r\n      )}\r\n    </StyledConcertina>\r\n  );\r\n}\r\n"],"names":["styled","Box","Typography","useState","useTheme","useMediaQuery","_jsxs","_jsx","ExpandCircleDownOutlined","Collapse"],"mappings":"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"}

package/dist/cjs/components/Modal.js

@@ -124,6 +124,7 @@ const Modal = ({ isOpen, onClose, onSave, onSubmit, successMessage, errorMessage
             color: "#FFBCB3",
             label: "Action Required",
         },
+        [variable.VariableState.ReadyForApproval]: { color: "#EBC7FF", label: "Pending" },
         [variable.VariableState.Accepted]: { color: "#DBF59A", label: "Accepted" },
         [variable.VariableState.Rejected]: { color: "#4D3019", label: "Rejected" },
         [variable.VariableState.NotStarted]: { color: "#000000ff", label: "Not Started" },

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal.tsx"],"sourcesContent":["import React, { 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 {\r\n  VariableState,\r\n  RequirementType,\r\n  Variable,\r\n  VariableScope,\r\n} 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  onSave?: (\r\n    fieldValue: string,\r\n    defaultChecked: boolean,\r\n    isChildEditable: boolean,\r\n  ) => void;\r\n  onSubmit?: (\r\n    fieldValue: string,\r\n    defaultChecked: boolean,\r\n    isChildEditable: boolean,\r\n  ) => 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  variable: Variable;\r\n  isLeafOrganisation: 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  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  variable,\r\n  isLeafOrganisation,\r\n}) => {\r\n  const variableState = mapStatusToVariableState(variable.state);\r\n  const variableReqType = mapRequirementTypeToState(variable.requirementType);\r\n\r\n  const [textValue, setTextValue] = useState(variable.value);\r\n  const [customValue, setCustomValue] = useState(\"\");\r\n\r\n  const [useDefaultValue, setUseDefaultValue] = useState(\r\n    variable.useDefault ?? false,\r\n  );\r\n  const [isChildEditable, setIsChildEditable] = useState(\r\n    variable.isChildEditable ?? false,\r\n  );\r\n\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  const displayValue = toDisplay(variable.value);\r\n  const displayDefault = toDisplay(variable.defaultValue ?? \"\");\r\n  const originalUseDefaultValue =\r\n    (variable.useDefault ?? false) || displayValue === displayDefault;\r\n  const originalIsChildEditable = variable.isChildEditable ?? false;\r\n\r\n  const isSettingsDirty = isChildEditable !== originalIsChildEditable;\r\n  const isDefaultSelectionDirty = useDefaultValue !== originalUseDefaultValue;\r\n  const isTextDirty = !useDefaultValue && textValue !== displayValue;\r\n\r\n  useEffect(() => {\r\n    setIsChildEditable(originalIsChildEditable);\r\n    setUseDefaultValue(originalUseDefaultValue);\r\n    setTextValue(displayValue);\r\n    setCustomValue(originalUseDefaultValue ? \"\" : displayValue);\r\n  }, [\r\n    displayValue,\r\n    originalIsChildEditable,\r\n    originalUseDefaultValue,\r\n    variable._id,\r\n  ]);\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(variable.defaultValue ?? \"\"));\r\n    } else {\r\n      setTextValue(customValue || \"\");\r\n    }\r\n\r\n    setUseDefaultValue(checked);\r\n  };\r\n\r\n  const handleIsChildEditableHandler = (\r\n    event: React.ChangeEvent<HTMLInputElement>,\r\n  ) => {\r\n    const checked = event.target.checked;\r\n    setIsChildEditable(checked);\r\n  };\r\n\r\n  const canSubmitSave = isLoading || variableState === VariableState.Pending;\r\n  const cannotEdit = canSubmitSave || variableState === VariableState.Declined;\r\n  const isBlankInvalid =\r\n    variable.canBeBlank === false && textValue.trim().length <= 0;\r\n  const submitButtonLabel = useDefaultValue\r\n    ? variable.useDefault && !isDefaultSelectionDirty\r\n      ? isSettingsDirty\r\n        ? \"Save changes\"\r\n        : \"Default already accepted\"\r\n      : \"Accept Default\"\r\n    : isTextDirty\r\n      ? \"Submit for review\"\r\n      : \"Save changes\";\r\n  const isSubmitDisabled =\r\n    canSubmitSave ||\r\n    isBlankInvalid ||\r\n    (useDefaultValue && variable.useDefault && !isSettingsDirty) ||\r\n    (!useDefaultValue && !isTextDirty && !isSettingsDirty);\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.Rejected]: { color: \"#4D3019\", label: \"Rejected\" },\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 = statusConfig[variable.state] ?? {\r\n    color: \"#ccc\",\r\n    label: \"Unknown\",\r\n  };\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, isChildEditable);\r\n  };\r\n\r\n  const handleSubmit = () => {\r\n    setIsSubmitting(true);\r\n    const payloadValue = toStorage(textValue);\r\n    onSubmit?.(payloadValue, useDefaultValue, isChildEditable);\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(variable.customerHelpText)}\r\n        </Typography>\r\n\r\n        {/* Error Alert with Custom Icon */}\r\n        {variableState === VariableState.ActionRequired &&\r\n          variable.feedback && (\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              {variable.feedback}\r\n            </Alert>\r\n          )}\r\n\r\n        {/* Info Alert with Custom Background and Icon */}\r\n        {variableState !== VariableState.ActionRequired &&\r\n          variable.feedback && (\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              {variable.feedback}\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={useDefaultValue || cannotEdit}\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={cannotEdit}\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        {/* Checkbox */}\r\n        {!isLeafOrganisation && variable.scope === VariableScope.Network ? (\r\n          <FormControlLabel\r\n            control={\r\n              <Checkbox\r\n                checked={isChildEditable}\r\n                disabled={cannotEdit}\r\n                onChange={handleIsChildEditableHandler}\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=\"Is Child Editable\"\r\n            sx={{ mb: 3 }}\r\n          />\r\n        ) : (\r\n          <></>\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 && (\r\n                <Button\r\n                  onClick={handleSave}\r\n                  variant=\"outline\"\r\n                  size=\"md\"\r\n                  disabled={!isTextDirty || canSubmitSave || isBlankInvalid}\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 as Draft\"\r\n                  )}\r\n                </Button>\r\n              )}\r\n              <Button\r\n                onClick={handleSubmit}\r\n                variant=\"outline\"\r\n                size=\"md\"\r\n                disabled={isSubmitDisabled}\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                ) : (\r\n                  submitButtonLabel\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(\r\n                    toDisplay(variable.defaultValue ?? \"\"),\r\n                  );\r\n                  setCustomValue(textValue);\r\n                  setTextValue(toDisplay(variable.defaultValue ?? \"\"));\r\n                  setUseDefaultValue(true);\r\n                  onSubmit?.(payloadValue, true, isChildEditable);\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","variable","mapStatusToVariableState","mapRequirementTypeToState","useState","useTheme","useEffect","toast","VariableState","_jsxs","_jsx","CloseRounded","DialogContent","Box","Chip","Typography","parse","Alert","InfoOutlineRounded","ArticleRounded","TextField","FormControlLabel","Checkbox","VariableScope","_Fragment","Button","CircularProgress","RequirementType","ArrowBackIosRounded","ArrowForwardIosRounded"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal.tsx"],"sourcesContent":["import React, { 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 {\r\n  VariableState,\r\n  RequirementType,\r\n  Variable,\r\n  VariableScope,\r\n} 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  onSave?: (\r\n    fieldValue: string,\r\n    defaultChecked: boolean,\r\n    isChildEditable: boolean,\r\n  ) => void;\r\n  onSubmit?: (\r\n    fieldValue: string,\r\n    defaultChecked: boolean,\r\n    isChildEditable: boolean,\r\n  ) => 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  variable: Variable;\r\n  isLeafOrganisation: 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  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  variable,\r\n  isLeafOrganisation,\r\n}) => {\r\n  const variableState = mapStatusToVariableState(variable.state);\r\n  const variableReqType = mapRequirementTypeToState(variable.requirementType);\r\n\r\n  const [textValue, setTextValue] = useState(variable.value);\r\n  const [customValue, setCustomValue] = useState(\"\");\r\n\r\n  const [useDefaultValue, setUseDefaultValue] = useState(\r\n    variable.useDefault ?? false,\r\n  );\r\n  const [isChildEditable, setIsChildEditable] = useState(\r\n    variable.isChildEditable ?? false,\r\n  );\r\n\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  const displayValue = toDisplay(variable.value);\r\n  const displayDefault = toDisplay(variable.defaultValue ?? \"\");\r\n  const originalUseDefaultValue =\r\n    (variable.useDefault ?? false) || displayValue === displayDefault;\r\n  const originalIsChildEditable = variable.isChildEditable ?? false;\r\n\r\n  const isSettingsDirty = isChildEditable !== originalIsChildEditable;\r\n  const isDefaultSelectionDirty = useDefaultValue !== originalUseDefaultValue;\r\n  const isTextDirty = !useDefaultValue && textValue !== displayValue;\r\n\r\n  useEffect(() => {\r\n    setIsChildEditable(originalIsChildEditable);\r\n    setUseDefaultValue(originalUseDefaultValue);\r\n    setTextValue(displayValue);\r\n    setCustomValue(originalUseDefaultValue ? \"\" : displayValue);\r\n  }, [\r\n    displayValue,\r\n    originalIsChildEditable,\r\n    originalUseDefaultValue,\r\n    variable._id,\r\n  ]);\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(variable.defaultValue ?? \"\"));\r\n    } else {\r\n      setTextValue(customValue || \"\");\r\n    }\r\n\r\n    setUseDefaultValue(checked);\r\n  };\r\n\r\n  const handleIsChildEditableHandler = (\r\n    event: React.ChangeEvent<HTMLInputElement>,\r\n  ) => {\r\n    const checked = event.target.checked;\r\n    setIsChildEditable(checked);\r\n  };\r\n\r\n  const canSubmitSave = isLoading || variableState === VariableState.Pending;\r\n  const cannotEdit = canSubmitSave || variableState === VariableState.Declined;\r\n  const isBlankInvalid =\r\n    variable.canBeBlank === false && textValue.trim().length <= 0;\r\n  const submitButtonLabel = useDefaultValue\r\n    ? variable.useDefault && !isDefaultSelectionDirty\r\n      ? isSettingsDirty\r\n        ? \"Save changes\"\r\n        : \"Default already accepted\"\r\n      : \"Accept Default\"\r\n    : isTextDirty\r\n      ? \"Submit for review\"\r\n      : \"Save changes\";\r\n  const isSubmitDisabled =\r\n    canSubmitSave ||\r\n    isBlankInvalid ||\r\n    (useDefaultValue && variable.useDefault && !isSettingsDirty) ||\r\n    (!useDefaultValue && !isTextDirty && !isSettingsDirty);\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.ReadyForApproval]: { color: \"#EBC7FF\", label: \"Pending\" },\r\n    [VariableState.Accepted]: { color: \"#DBF59A\", label: \"Accepted\" },\r\n    [VariableState.Rejected]: { color: \"#4D3019\", label: \"Rejected\" },\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 = statusConfig[variable.state] ?? {\r\n    color: \"#ccc\",\r\n    label: \"Unknown\",\r\n  };\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, isChildEditable);\r\n  };\r\n\r\n  const handleSubmit = () => {\r\n    setIsSubmitting(true);\r\n    const payloadValue = toStorage(textValue);\r\n    onSubmit?.(payloadValue, useDefaultValue, isChildEditable);\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(variable.customerHelpText)}\r\n        </Typography>\r\n\r\n        {/* Error Alert with Custom Icon */}\r\n        {variableState === VariableState.ActionRequired &&\r\n          variable.feedback && (\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              {variable.feedback}\r\n            </Alert>\r\n          )}\r\n\r\n        {/* Info Alert with Custom Background and Icon */}\r\n        {variableState !== VariableState.ActionRequired &&\r\n          variable.feedback && (\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              {variable.feedback}\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={useDefaultValue || cannotEdit}\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={cannotEdit}\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        {/* Checkbox */}\r\n        {!isLeafOrganisation && variable.scope === VariableScope.Network ? (\r\n          <FormControlLabel\r\n            control={\r\n              <Checkbox\r\n                checked={isChildEditable}\r\n                disabled={cannotEdit}\r\n                onChange={handleIsChildEditableHandler}\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=\"Is Child Editable\"\r\n            sx={{ mb: 3 }}\r\n          />\r\n        ) : (\r\n          <></>\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 && (\r\n                <Button\r\n                  onClick={handleSave}\r\n                  variant=\"outline\"\r\n                  size=\"md\"\r\n                  disabled={!isTextDirty || canSubmitSave || isBlankInvalid}\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 as Draft\"\r\n                  )}\r\n                </Button>\r\n              )}\r\n              <Button\r\n                onClick={handleSubmit}\r\n                variant=\"outline\"\r\n                size=\"md\"\r\n                disabled={isSubmitDisabled}\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                ) : (\r\n                  submitButtonLabel\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(\r\n                    toDisplay(variable.defaultValue ?? \"\"),\r\n                  );\r\n                  setCustomValue(textValue);\r\n                  setTextValue(toDisplay(variable.defaultValue ?? \"\"));\r\n                  setUseDefaultValue(true);\r\n                  onSubmit?.(payloadValue, true, isChildEditable);\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","variable","mapStatusToVariableState","mapRequirementTypeToState","useState","useTheme","useEffect","toast","VariableState","_jsxs","_jsx","CloseRounded","DialogContent","Box","Chip","Typography","parse","Alert","InfoOutlineRounded","ArticleRounded","TextField","FormControlLabel","Checkbox","VariableScope","_Fragment","Button","CircularProgress","RequirementType","ArrowBackIosRounded","ArrowForwardIosRounded"],"mappings":"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"}

package/dist/cjs/components/NoteBox.js

@@ -27,6 +27,12 @@ const statusConfig = {
         label: "ActionRequired",
         alertVariant: "error",
     },
+    "Ready For Approval": {
+        highlight: "#F5E2FF",
+        highlightSelected: "#EBC7FF",
+        label: "Pending",
+        alertVariant: "info",
+    },
     Declined: {
         highlight: "#FFF6D1",
         highlightSelected: "#FDE58E",

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

@@ -1 +1 @@
-{"version":3,"file":"NoteBox.js","sources":["../../../../src/components/NoteBox.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport { Box, Typography, IconButton, styled, Chip } from \"@mui/material\";\r\nimport { CheckRounded, EditRounded } from \"@mui/icons-material\";\r\nimport { Alert } from \"./Alert\";\r\nimport { RequirementType, VariableState } from \"../types/variable\";\r\nimport {\r\n  mapRequirementTypeToState,\r\n  mapStatusToVariableState,\r\n} from \"../helpers/variableProcessing\";\r\n\r\ninterface NoteBoxProps {\r\n  status?: string; // Use only status now\r\n  requirementType?: string;\r\n  label?: string;\r\n  note?: string;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  onEditClick?: () => void;\r\n}\r\n\r\n// Status based color configs (from Modal)\r\nconst statusConfig: {\r\n  [key in VariableState]: {\r\n    highlight: string;\r\n    highlightSelected: string;\r\n    label: string;\r\n    alertVariant?: \"error\" | \"info\";\r\n  };\r\n} = {\r\n  Accepted: {\r\n    highlight: \"#EDF9CD\",\r\n    highlightSelected: \"#DBF59A\",\r\n    label: \"Accepted\",\r\n  },\r\n  Pending: {\r\n    highlight: \"#F5E2FF\",\r\n    highlightSelected: \"#EBC7FF\",\r\n    label: \"Pending\",\r\n    alertVariant: \"info\",\r\n  },\r\n  \"Action Required\": {\r\n    highlight: \"#FBEEEE\",\r\n    highlightSelected: \"#FFBCB3\",\r\n    label: \"ActionRequired\",\r\n    alertVariant: \"error\",\r\n  },\r\n  Declined: {\r\n    highlight: \"#FFF6D1\",\r\n    highlightSelected: \"#FDE58E\",\r\n    label: \"Declined\",\r\n  },\r\n  \"Not Started\": {\r\n    highlight: \"#f8c97cff\",\r\n    highlightSelected: \"#F5A623\",\r\n    label: \"Not Started\",\r\n  },\r\n  Rejected: {\r\n    highlight: \"#FBEEEE\",\r\n    highlightSelected: \"#FFBCB3\",\r\n    label: \"ActionRequired\",\r\n    alertVariant: \"error\",\r\n  },\r\n  Draft: {\r\n    highlight: \"#FFEACD\",\r\n    highlightSelected: \"#FFC365\",\r\n    label: \"Draft\",\r\n  },\r\n};\r\n\r\nconst NoteContainer = styled(Box)({\r\n  position: \"relative\",\r\n  display: \"inline\",\r\n  maxWidth: \"100%\",\r\n});\r\n\r\n// Uses highlight colors driven by status exclusively\r\nconst HighlightWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) =>\r\n    prop !== \"isHovered\" &&\r\n    prop !== \"highlightColor\" &&\r\n    prop !== \"highlightSelectedColor\",\r\n})<{\r\n  isHovered: boolean;\r\n  highlightColor: string;\r\n  highlightSelectedColor: string;\r\n}>(({ isHovered, highlightColor, highlightSelectedColor }) => ({\r\n  position: \"relative\",\r\n  display: \"inline\",\r\n  maxWidth: \"100%\",\r\n  \"&:hover .edit-button\": {\r\n    opacity: 1,\r\n  },\r\n  \"& .highlight-span\": {\r\n    background: isHovered ? highlightSelectedColor : highlightColor,\r\n    padding: \"2px 4px\",\r\n    borderBottom: \"2px solid rgba(77, 48, 25, 0.3)\",\r\n    boxDecorationBreak: \"clone\",\r\n    WebkitBoxDecorationBreak: \"clone\",\r\n    transition: \"background 0.2s ease\",\r\n    cursor: \"pointer\",\r\n    fontSize: \"1rem\",\r\n    wordWrap: \"break-word\",\r\n    overflowWrap: \"break-word\",\r\n    display: \"inline\",\r\n    color: \"#4D3019\",\r\n  },\r\n}));\r\n\r\nconst EditButton = styled(IconButton)(({ theme }) => ({\r\n  top: 0,\r\n  right: 0,\r\n  transform: \"translate(-50%, -50%)\",\r\n  position: \"relative\",\r\n  width: 20,\r\n  height: 20,\r\n  marginRight: -20,\r\n  borderRadius:\r\n    (typeof theme.shape.borderRadius === \"string\"\r\n      ? parseInt(theme.shape.borderRadius, 10)\r\n      : theme.shape.borderRadius || 4) * 2,\r\n  backgroundColor: \"#4D3019\",\r\n  opacity: 0,\r\n  transition: \"all 0.2s ease\",\r\n  boxShadow: \"0 1px 3px rgba(0,0,0,0.12)\",\r\n  \"&:hover\": {\r\n    backgroundColor: \"#4D3019\",\r\n    transform: \"translate(-50%, -50%) scale(1.1)\",\r\n  },\r\n}));\r\n\r\nexport const NoteBox: React.FC<NoteBoxProps> = ({\r\n  status,\r\n  requirementType,\r\n  label,\r\n  note,\r\n  children,\r\n  className = \"\",\r\n  onEditClick,\r\n}) => {\r\n  const [isHovered, setIsHovered] = useState(false);\r\n\r\n  // Map current status\r\n  const variableState = mapStatusToVariableState(status!!);\r\n  const requirementTypeState = mapRequirementTypeToState(requirementType!!);\r\n\r\n  const style = variableState\r\n    ? statusConfig[variableState]\r\n    : {\r\n        highlight: \"#EEE\",\r\n        highlightSelected: \"#DDD\",\r\n        label: label || \"\",\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 requirementTypeStyle = requirementTypeState\r\n    ? reqTypeConfig[requirementTypeState]\r\n    : {\r\n        highlight: \"#EEE\",\r\n        highlightSelected: \"#DDD\",\r\n        label: label || \"\",\r\n      };\r\n\r\n  return (\r\n    <NoteContainer className={className}>\r\n      {/* Alert for note when status matches and note available */}\r\n      {variableState && style.alertVariant && note && (\r\n        <Alert variant={style.alertVariant} sx={{ mb: 1 }}>\r\n          {note}\r\n        </Alert>\r\n      )}\r\n\r\n      {/* Highlighted content box */}\r\n      <HighlightWrapper\r\n        isHovered={isHovered}\r\n        highlightColor={\r\n          variableState === VariableState.NotStarted\r\n            ? requirementTypeStyle.highlight\r\n            : style.highlight\r\n        }\r\n        highlightSelectedColor={\r\n          variableState === VariableState.NotStarted\r\n            ? requirementTypeStyle.highlightSelected\r\n            : style.highlightSelected\r\n        }\r\n        onMouseEnter={() => setIsHovered(true)}\r\n        onMouseLeave={() => setIsHovered(false)}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          if (onEditClick) {\r\n            onEditClick();\r\n          }\r\n        }}\r\n      >\r\n        <span className=\"highlight-span\" style={{ display: \"inline\" }}>\r\n          {children}\r\n        </span>\r\n        <EditButton\r\n          className=\"edit-button\"\r\n          onClick={(e) => {\r\n            e.stopPropagation();\r\n            if (onEditClick) {\r\n              onEditClick();\r\n            }\r\n          }}\r\n          size=\"small\"\r\n        >\r\n          {variableState === VariableState.Accepted ? (\r\n            <CheckRounded\r\n              sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }}\r\n            />\r\n          ) : (\r\n            <EditRounded\r\n              sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }}\r\n            />\r\n          )}\r\n        </EditButton>\r\n      </HighlightWrapper>\r\n    </NoteContainer>\r\n  );\r\n};\r\n"],"names":["styled","Box","IconButton","useState","mapStatusToVariableState","mapRequirementTypeToState","_jsxs","_jsx","Alert","VariableState","CheckRounded","EditRounded"],"mappings":"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"}
+{"version":3,"file":"NoteBox.js","sources":["../../../../src/components/NoteBox.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport { Box, Typography, IconButton, styled, Chip } from \"@mui/material\";\r\nimport { CheckRounded, EditRounded } from \"@mui/icons-material\";\r\nimport { Alert } from \"./Alert\";\r\nimport { RequirementType, VariableState } from \"../types/variable\";\r\nimport {\r\n  mapRequirementTypeToState,\r\n  mapStatusToVariableState,\r\n} from \"../helpers/variableProcessing\";\r\n\r\ninterface NoteBoxProps {\r\n  status?: string; // Use only status now\r\n  requirementType?: string;\r\n  label?: string;\r\n  note?: string;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  onEditClick?: () => void;\r\n}\r\n\r\n// Status based color configs (from Modal)\r\nconst statusConfig: {\r\n  [key in VariableState]: {\r\n    highlight: string;\r\n    highlightSelected: string;\r\n    label: string;\r\n    alertVariant?: \"error\" | \"info\";\r\n  };\r\n} = {\r\n  Accepted: {\r\n    highlight: \"#EDF9CD\",\r\n    highlightSelected: \"#DBF59A\",\r\n    label: \"Accepted\",\r\n  },\r\n  Pending: {\r\n    highlight: \"#F5E2FF\",\r\n    highlightSelected: \"#EBC7FF\",\r\n    label: \"Pending\",\r\n    alertVariant: \"info\",\r\n  },\r\n  \"Action Required\": {\r\n    highlight: \"#FBEEEE\",\r\n    highlightSelected: \"#FFBCB3\",\r\n    label: \"ActionRequired\",\r\n    alertVariant: \"error\",\r\n  },\r\n  \"Ready For Approval\": {\r\n    highlight: \"#F5E2FF\",\r\n    highlightSelected: \"#EBC7FF\",\r\n    label: \"Pending\",\r\n    alertVariant: \"info\",\r\n  },\r\n  Declined: {\r\n    highlight: \"#FFF6D1\",\r\n    highlightSelected: \"#FDE58E\",\r\n    label: \"Declined\",\r\n  },\r\n  \"Not Started\": {\r\n    highlight: \"#f8c97cff\",\r\n    highlightSelected: \"#F5A623\",\r\n    label: \"Not Started\",\r\n  },\r\n  Rejected: {\r\n    highlight: \"#FBEEEE\",\r\n    highlightSelected: \"#FFBCB3\",\r\n    label: \"ActionRequired\",\r\n    alertVariant: \"error\",\r\n  },\r\n  Draft: {\r\n    highlight: \"#FFEACD\",\r\n    highlightSelected: \"#FFC365\",\r\n    label: \"Draft\",\r\n  },\r\n};\r\n\r\nconst NoteContainer = styled(Box)({\r\n  position: \"relative\",\r\n  display: \"inline\",\r\n  maxWidth: \"100%\",\r\n});\r\n\r\n// Uses highlight colors driven by status exclusively\r\nconst HighlightWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) =>\r\n    prop !== \"isHovered\" &&\r\n    prop !== \"highlightColor\" &&\r\n    prop !== \"highlightSelectedColor\",\r\n})<{\r\n  isHovered: boolean;\r\n  highlightColor: string;\r\n  highlightSelectedColor: string;\r\n}>(({ isHovered, highlightColor, highlightSelectedColor }) => ({\r\n  position: \"relative\",\r\n  display: \"inline\",\r\n  maxWidth: \"100%\",\r\n  \"&:hover .edit-button\": {\r\n    opacity: 1,\r\n  },\r\n  \"& .highlight-span\": {\r\n    background: isHovered ? highlightSelectedColor : highlightColor,\r\n    padding: \"2px 4px\",\r\n    borderBottom: \"2px solid rgba(77, 48, 25, 0.3)\",\r\n    boxDecorationBreak: \"clone\",\r\n    WebkitBoxDecorationBreak: \"clone\",\r\n    transition: \"background 0.2s ease\",\r\n    cursor: \"pointer\",\r\n    fontSize: \"1rem\",\r\n    wordWrap: \"break-word\",\r\n    overflowWrap: \"break-word\",\r\n    display: \"inline\",\r\n    color: \"#4D3019\",\r\n  },\r\n}));\r\n\r\nconst EditButton = styled(IconButton)(({ theme }) => ({\r\n  top: 0,\r\n  right: 0,\r\n  transform: \"translate(-50%, -50%)\",\r\n  position: \"relative\",\r\n  width: 20,\r\n  height: 20,\r\n  marginRight: -20,\r\n  borderRadius:\r\n    (typeof theme.shape.borderRadius === \"string\"\r\n      ? parseInt(theme.shape.borderRadius, 10)\r\n      : theme.shape.borderRadius || 4) * 2,\r\n  backgroundColor: \"#4D3019\",\r\n  opacity: 0,\r\n  transition: \"all 0.2s ease\",\r\n  boxShadow: \"0 1px 3px rgba(0,0,0,0.12)\",\r\n  \"&:hover\": {\r\n    backgroundColor: \"#4D3019\",\r\n    transform: \"translate(-50%, -50%) scale(1.1)\",\r\n  },\r\n}));\r\n\r\nexport const NoteBox: React.FC<NoteBoxProps> = ({\r\n  status,\r\n  requirementType,\r\n  label,\r\n  note,\r\n  children,\r\n  className = \"\",\r\n  onEditClick,\r\n}) => {\r\n  const [isHovered, setIsHovered] = useState(false);\r\n\r\n  // Map current status\r\n  const variableState = mapStatusToVariableState(status!!);\r\n  const requirementTypeState = mapRequirementTypeToState(requirementType!!);\r\n\r\n  const style = variableState\r\n    ? statusConfig[variableState]\r\n    : {\r\n        highlight: \"#EEE\",\r\n        highlightSelected: \"#DDD\",\r\n        label: label || \"\",\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 requirementTypeStyle = requirementTypeState\r\n    ? reqTypeConfig[requirementTypeState]\r\n    : {\r\n        highlight: \"#EEE\",\r\n        highlightSelected: \"#DDD\",\r\n        label: label || \"\",\r\n      };\r\n\r\n  return (\r\n    <NoteContainer className={className}>\r\n      {/* Alert for note when status matches and note available */}\r\n      {variableState && style.alertVariant && note && (\r\n        <Alert variant={style.alertVariant} sx={{ mb: 1 }}>\r\n          {note}\r\n        </Alert>\r\n      )}\r\n\r\n      {/* Highlighted content box */}\r\n      <HighlightWrapper\r\n        isHovered={isHovered}\r\n        highlightColor={\r\n          variableState === VariableState.NotStarted\r\n            ? requirementTypeStyle.highlight\r\n            : style.highlight\r\n        }\r\n        highlightSelectedColor={\r\n          variableState === VariableState.NotStarted\r\n            ? requirementTypeStyle.highlightSelected\r\n            : style.highlightSelected\r\n        }\r\n        onMouseEnter={() => setIsHovered(true)}\r\n        onMouseLeave={() => setIsHovered(false)}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          if (onEditClick) {\r\n            onEditClick();\r\n          }\r\n        }}\r\n      >\r\n        <span className=\"highlight-span\" style={{ display: \"inline\" }}>\r\n          {children}\r\n        </span>\r\n        <EditButton\r\n          className=\"edit-button\"\r\n          onClick={(e) => {\r\n            e.stopPropagation();\r\n            if (onEditClick) {\r\n              onEditClick();\r\n            }\r\n          }}\r\n          size=\"small\"\r\n        >\r\n          {variableState === VariableState.Accepted ? (\r\n            <CheckRounded\r\n              sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }}\r\n            />\r\n          ) : (\r\n            <EditRounded\r\n              sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }}\r\n            />\r\n          )}\r\n        </EditButton>\r\n      </HighlightWrapper>\r\n    </NoteContainer>\r\n  );\r\n};\r\n"],"names":["styled","Box","IconButton","useState","mapStatusToVariableState","mapRequirementTypeToState","_jsxs","_jsx","Alert","VariableState","CheckRounded","EditRounded"],"mappings":"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"}

package/dist/cjs/components/Tabs.js

@@ -76,16 +76,20 @@ const MobileTabContent = material.styled(material.Box)(({ theme }) => ({
     color: theme.palette.text.primary,
     backgroundColor: theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main,
 }));
-const Tabs = ({ tabs, defaultTab }) => {
+const Tabs = ({ tabs, defaultTab, onTabChange }) => {
     const [activeTab, setActiveTab] = React.useState(defaultTab || tabs[0]?.id);
     const [mobileExpandedTab, setMobileExpandedTab] = React.useState(null);
     const theme = ThemeProvider.useTheme();
     const activeTabContent = tabs.find(tab => tab.id === activeTab)?.content;
-    const handleMobileTabClick = (tabId) => {
+    const handleTabSelect = (tabId) => {
         setActiveTab(tabId);
+        onTabChange?.(tabId);
+    };
+    const handleMobileTabClick = (tabId) => {
+        handleTabSelect(tabId);
         setMobileExpandedTab(mobileExpandedTab === tabId ? null : tabId);
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(TabsContainer, { children: [jsxRuntime.jsx(TabButtonsWrapper, { children: tabs.map((tab) => (jsxRuntime.jsx(TabButton, { onClick: () => setActiveTab(tab.id), isActive: activeTab === tab.id, children: tab.label }, tab.id))) }), jsxRuntime.jsx(TabContent, { children: activeTabContent })] }), jsxRuntime.jsx(MobileContainer, { children: tabs.map((tab, index) => (jsxRuntime.jsxs(material.Box, { sx: {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(TabsContainer, { children: [jsxRuntime.jsx(TabButtonsWrapper, { children: tabs.map((tab) => (jsxRuntime.jsx(TabButton, { onClick: () => handleTabSelect(tab.id), isActive: activeTab === tab.id, children: tab.label }, tab.id))) }), jsxRuntime.jsx(TabContent, { children: activeTabContent })] }), jsxRuntime.jsx(MobileContainer, { children: tabs.map((tab, index) => (jsxRuntime.jsxs(material.Box, { sx: {
                         borderTop: index !== 0 ? '2px solid #e5e7eb' : 'none',
                     }, children: [jsxRuntime.jsxs(MobileTabButton, { onClick: () => handleMobileTabClick(tab.id), isExpanded: mobileExpandedTab === tab.id, children: [jsxRuntime.jsx(material.Box, { component: "span", sx: {
                                         fontSize: '16px',

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs.tsx"],"sourcesContent":["\r\n\r\nimport React, { useState } from 'react';\r\nimport { Box, Button, Collapse, styled } from '@mui/material';\r\nimport { ExpandMoreRounded } from '@mui/icons-material';\r\nimport { useTheme } from '../ThemeProvider';\r\n\r\ninterface Tab {\r\n  id: string;\r\n  label: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface TabsProps {\r\n  tabs: Tab[];\r\n  defaultTab?: string;\r\n}\r\n\r\nconst TabsContainer = styled(Box)({\r\n  backgroundColor: '#00000000',\r\n  display: 'none',\r\n  '@media (min-width: 1200px)': {\r\n    display: 'block',\r\n  },\r\n});\r\n\r\nconst TabButtonsWrapper = styled(Box)({\r\n  display: 'flex',\r\n  gap: '4px',\r\n  backgroundColor: '#00000000',\r\n});\r\n\r\nconst TabButton = styled(Button,{\r\n  shouldForwardProp: (prop) => prop !== 'isActive'\r\n})<{ isActive: boolean }>(({ theme, isActive }) => ({\r\n  padding: theme.spacing(2, 3),\r\n  fontSize: '16px',\r\n  fontWeight: 500,\r\n  textTransform: 'none',\r\n  color: isActive ? theme.palette.text.primary : '#826E5C',\r\n  backgroundColor: isActive ? theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main : 'transparent',\r\n  borderRadius: 0,\r\n  position: 'relative',\r\n  minWidth: 'auto',\r\n  '&:hover': {\r\n    backgroundColor: isActive ? theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main : 'rgba(77, 48, 25, 0.05)',\r\n    color: theme.palette.text.primary,\r\n  },\r\n  '&::after': isActive ? {\r\n    content: '\"\"',\r\n    position: 'absolute',\r\n    bottom: 0,\r\n    left: 0,\r\n    right: 0,\r\n    height: '4px',\r\n    backgroundColor: theme.palette.primary.main,\r\n  } : {},\r\n}));\r\n\r\nconst TabContent = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(3),\r\n  color: theme.palette.text.primary,\r\n  backgroundColor: theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main,\r\n}));\r\n\r\nconst MobileContainer = styled(Box)({\r\n  backgroundColor: '#00000000',\r\n  '@media (min-width: 1200px)': {\r\n    display: 'none',\r\n  },\r\n});\r\n\r\nconst MobileTabButton = styled(Button,{\r\n  shouldForwardProp: (prop) => prop !== 'isExpanded'\r\n})<{ isExpanded: boolean }>(({ theme, isExpanded }) => ({\r\n  width: '100%',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'space-between',\r\n  padding: theme.spacing(2, 2),\r\n  textAlign: 'left',\r\n  textTransform: 'none',\r\n  borderRadius: 0,\r\n  backgroundColor: isExpanded ? theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main : 'transparent',\r\n  '&:hover': {\r\n    backgroundColor: isExpanded ? theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main : 'rgba(77, 48, 25, 0.05)',\r\n  },\r\n}));\r\n\r\nconst MobileTabContent = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(2, 2, 3, 2),\r\n  color: theme.palette.text.primary,\r\n  backgroundColor: theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main,\r\n}));\r\n\r\nexport const Tabs: React.FC<TabsProps> = ({ tabs, defaultTab }) => {\r\n  const [activeTab, setActiveTab] = useState(defaultTab || tabs[0]?.id);\r\n  const [mobileExpandedTab, setMobileExpandedTab] = useState<string | null>(null);\r\n  const theme = useTheme();\r\n  const activeTabContent = tabs.find(tab => tab.id === activeTab)?.content;\r\n\r\n  const handleMobileTabClick = (tabId: string) => {\r\n    setActiveTab(tabId);\r\n    setMobileExpandedTab(mobileExpandedTab === tabId ? null : tabId);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {/* Desktop View */}\r\n      <TabsContainer>\r\n        <TabButtonsWrapper>\r\n          {tabs.map((tab) => (\r\n            <TabButton\r\n              key={tab.id}\r\n              onClick={() => setActiveTab(tab.id)}\r\n              isActive={activeTab === tab.id}\r\n            >\r\n              {tab.label}\r\n            </TabButton>\r\n          ))}\r\n        </TabButtonsWrapper>\r\n        <TabContent>\r\n          {activeTabContent}\r\n        </TabContent>\r\n      </TabsContainer>\r\n\r\n      {/* Mobile View - Accordion */}\r\n      <MobileContainer>\r\n        {tabs.map((tab, index) => (\r\n          <Box\r\n            key={tab.id}\r\n            sx={{\r\n              borderTop: index !== 0 ? '2px solid #e5e7eb' : 'none',\r\n            }}\r\n          >\r\n            <MobileTabButton\r\n              onClick={() => handleMobileTabClick(tab.id)}\r\n              isExpanded={mobileExpandedTab === tab.id}\r\n            >\r\n              <Box\r\n                component=\"span\"\r\n                sx={{\r\n                  fontSize: '16px',\r\n                  fontWeight: 500,\r\n                  color: activeTab === tab.id ? theme.palette.text.primary : '#826E5C',\r\n                }}\r\n              >\r\n                {tab.label}\r\n              </Box>\r\n              <ExpandMoreRounded\r\n                sx={{\r\n                  fontSize: 20,\r\n                  color: activeTab === tab.id ? theme.palette.text.primary : '#826E5C',\r\n                  transform: mobileExpandedTab === tab.id ? 'rotate(180deg)' : 'rotate(0deg)',\r\n                  transition: 'transform 0.2s',\r\n                }}\r\n              />\r\n            </MobileTabButton>\r\n            <Collapse in={mobileExpandedTab === tab.id}>\r\n              <MobileTabContent>\r\n                {tab.content}\r\n              </MobileTabContent>\r\n            </Collapse>\r\n          </Box>\r\n        ))}\r\n      </MobileContainer>\r\n    </>\r\n  );\r\n};"],"names":["styled","Box","Button","useState","useTheme","_jsxs","_Fragment","_jsx","ExpandMoreRounded","Collapse"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs.tsx"],"sourcesContent":["\r\n\r\nimport React, { useState } from 'react';\r\nimport { Box, Button, Collapse, styled } from '@mui/material';\r\nimport { ExpandMoreRounded } from '@mui/icons-material';\r\nimport { useTheme } from '../ThemeProvider';\r\n\r\ninterface Tab {\r\n  id: string;\r\n  label: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface TabsProps {\r\n  tabs: Tab[];\r\n  defaultTab?: string;\r\n  /** Called when the user selects a tab (desktop click or mobile accordion expand). */\r\n  onTabChange?: (tabId: string) => void;\r\n}\r\n\r\nconst TabsContainer = styled(Box)({\r\n  backgroundColor: '#00000000',\r\n  display: 'none',\r\n  '@media (min-width: 1200px)': {\r\n    display: 'block',\r\n  },\r\n});\r\n\r\nconst TabButtonsWrapper = styled(Box)({\r\n  display: 'flex',\r\n  gap: '4px',\r\n  backgroundColor: '#00000000',\r\n});\r\n\r\nconst TabButton = styled(Button,{\r\n  shouldForwardProp: (prop) => prop !== 'isActive'\r\n})<{ isActive: boolean }>(({ theme, isActive }) => ({\r\n  padding: theme.spacing(2, 3),\r\n  fontSize: '16px',\r\n  fontWeight: 500,\r\n  textTransform: 'none',\r\n  color: isActive ? theme.palette.text.primary : '#826E5C',\r\n  backgroundColor: isActive ? theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main : 'transparent',\r\n  borderRadius: 0,\r\n  position: 'relative',\r\n  minWidth: 'auto',\r\n  '&:hover': {\r\n    backgroundColor: isActive ? theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main : 'rgba(77, 48, 25, 0.05)',\r\n    color: theme.palette.text.primary,\r\n  },\r\n  '&::after': isActive ? {\r\n    content: '\"\"',\r\n    position: 'absolute',\r\n    bottom: 0,\r\n    left: 0,\r\n    right: 0,\r\n    height: '4px',\r\n    backgroundColor: theme.palette.primary.main,\r\n  } : {},\r\n}));\r\n\r\nconst TabContent = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(3),\r\n  color: theme.palette.text.primary,\r\n  backgroundColor: theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main,\r\n}));\r\n\r\nconst MobileContainer = styled(Box)({\r\n  backgroundColor: '#00000000',\r\n  '@media (min-width: 1200px)': {\r\n    display: 'none',\r\n  },\r\n});\r\n\r\nconst MobileTabButton = styled(Button,{\r\n  shouldForwardProp: (prop) => prop !== 'isExpanded'\r\n})<{ isExpanded: boolean }>(({ theme, isExpanded }) => ({\r\n  width: '100%',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'space-between',\r\n  padding: theme.spacing(2, 2),\r\n  textAlign: 'left',\r\n  textTransform: 'none',\r\n  borderRadius: 0,\r\n  backgroundColor: isExpanded ? theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main : 'transparent',\r\n  '&:hover': {\r\n    backgroundColor: isExpanded ? theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main : 'rgba(77, 48, 25, 0.05)',\r\n  },\r\n}));\r\n\r\nconst MobileTabContent = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(2, 2, 3, 2),\r\n  color: theme.palette.text.primary,\r\n  backgroundColor: theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main,\r\n}));\r\n\r\nexport const Tabs: React.FC<TabsProps> = ({ tabs, defaultTab, onTabChange }) => {\r\n  const [activeTab, setActiveTab] = useState(defaultTab || tabs[0]?.id);\r\n  const [mobileExpandedTab, setMobileExpandedTab] = useState<string | null>(null);\r\n  const theme = useTheme();\r\n  const activeTabContent = tabs.find(tab => tab.id === activeTab)?.content;\r\n\r\n  const handleTabSelect = (tabId: string) => {\r\n    setActiveTab(tabId);\r\n    onTabChange?.(tabId);\r\n  };\r\n\r\n  const handleMobileTabClick = (tabId: string) => {\r\n    handleTabSelect(tabId);\r\n    setMobileExpandedTab(mobileExpandedTab === tabId ? null : tabId);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {/* Desktop View */}\r\n      <TabsContainer>\r\n        <TabButtonsWrapper>\r\n          {tabs.map((tab) => (\r\n            <TabButton\r\n              key={tab.id}\r\n              onClick={() => handleTabSelect(tab.id)}\r\n              isActive={activeTab === tab.id}\r\n            >\r\n              {tab.label}\r\n            </TabButton>\r\n          ))}\r\n        </TabButtonsWrapper>\r\n        <TabContent>\r\n          {activeTabContent}\r\n        </TabContent>\r\n      </TabsContainer>\r\n\r\n      {/* Mobile View - Accordion */}\r\n      <MobileContainer>\r\n        {tabs.map((tab, index) => (\r\n          <Box\r\n            key={tab.id}\r\n            sx={{\r\n              borderTop: index !== 0 ? '2px solid #e5e7eb' : 'none',\r\n            }}\r\n          >\r\n            <MobileTabButton\r\n              onClick={() => handleMobileTabClick(tab.id)}\r\n              isExpanded={mobileExpandedTab === tab.id}\r\n            >\r\n              <Box\r\n                component=\"span\"\r\n                sx={{\r\n                  fontSize: '16px',\r\n                  fontWeight: 500,\r\n                  color: activeTab === tab.id ? theme.palette.text.primary : '#826E5C',\r\n                }}\r\n              >\r\n                {tab.label}\r\n              </Box>\r\n              <ExpandMoreRounded\r\n                sx={{\r\n                  fontSize: 20,\r\n                  color: activeTab === tab.id ? theme.palette.text.primary : '#826E5C',\r\n                  transform: mobileExpandedTab === tab.id ? 'rotate(180deg)' : 'rotate(0deg)',\r\n                  transition: 'transform 0.2s',\r\n                }}\r\n              />\r\n            </MobileTabButton>\r\n            <Collapse in={mobileExpandedTab === tab.id}>\r\n              <MobileTabContent>\r\n                {tab.content}\r\n              </MobileTabContent>\r\n            </Collapse>\r\n          </Box>\r\n        ))}\r\n      </MobileContainer>\r\n    </>\r\n  );\r\n};"],"names":["styled","Box","Button","useState","useTheme","_jsxs","_Fragment","_jsx","ExpandMoreRounded","Collapse"],"mappings":"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"}

package/dist/cjs/helpers/variableProcessing.js

@@ -10,6 +10,8 @@ function mapStatusToVariableState(status) {
             return variable.VariableState.Pending;
         case "Action Required":
             return variable.VariableState.ActionRequired;
+        case "Ready For Approval":
+            return variable.VariableState.ReadyForApproval;
         case "Rejected":
             return variable.VariableState.Rejected;
         case "Declined":

package/dist/cjs/helpers/variableProcessing.js.map

@@ -1 +1 @@
-{"version":3,"file":"variableProcessing.js","sources":["../../../../src/helpers/variableProcessing.ts"],"sourcesContent":["import { VariableState, RequirementType } from \"../types/variable\";\r\n\r\nfunction mapStatusToVariableState(status: string): VariableState | undefined {\r\n  switch (status) {\r\n    case \"Accepted\":\r\n      return VariableState.Accepted;\r\n    case \"Pending\":\r\n      return VariableState.Pending;\r\n    case \"Action Required\":\r\n      return VariableState.ActionRequired;\r\n    case \"Rejected\":\r\n      return VariableState.Rejected;\r\n    case \"Declined\":\r\n      return VariableState.Declined;\r\n    case \"Draft\":\r\n      return VariableState.Draft;\r\n    case \"Not Started\":\r\n      return VariableState.NotStarted;\r\n    default:\r\n      return undefined;\r\n  }\r\n}\r\n\r\nfunction mapRequirementTypeToState(\r\n  reqType: string,\r\n): RequirementType | undefined {\r\n  switch (reqType) {\r\n    case \"Default\":\r\n      return RequirementType.Default;\r\n    case \"Optional\":\r\n      return RequirementType.Optional;\r\n    default:\r\n      return undefined;\r\n  }\r\n}\r\n\r\nexport { mapStatusToVariableState, mapRequirementTypeToState };\r\n"],"names":["VariableState","RequirementType"],"mappings":";;;;AAEA,SAAS,wBAAwB,CAAC,MAAc,EAAA;IAC9C,QAAQ,MAAM;AACZ,QAAA,KAAK,UAAU;YACb,OAAOA,sBAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,SAAS;YACZ,OAAOA,sBAAa,CAAC,OAAO;AAC9B,QAAA,KAAK,iBAAiB;YACpB,OAAOA,sBAAa,CAAC,cAAc;AACrC,QAAA,KAAK,UAAU;YACb,OAAOA,sBAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,UAAU;YACb,OAAOA,sBAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,OAAO;YACV,OAAOA,sBAAa,CAAC,KAAK;AAC5B,QAAA,KAAK,aAAa;YAChB,OAAOA,sBAAa,CAAC,UAAU;AACjC,QAAA;AACE,YAAA,OAAO,SAAS;;AAEtB;AAEA,SAAS,yBAAyB,CAChC,OAAe,EAAA;IAEf,QAAQ,OAAO;AACb,QAAA,KAAK,SAAS;YACZ,OAAOC,wBAAe,CAAC,OAAO;AAChC,QAAA,KAAK,UAAU;YACb,OAAOA,wBAAe,CAAC,QAAQ;AACjC,QAAA;AACE,YAAA,OAAO,SAAS;;AAEtB;;;;;"}
+{"version":3,"file":"variableProcessing.js","sources":["../../../../src/helpers/variableProcessing.ts"],"sourcesContent":["import { VariableState, RequirementType } from \"../types/variable\";\r\n\r\nfunction mapStatusToVariableState(status: string): VariableState | undefined {\r\n  switch (status) {\r\n    case \"Accepted\":\r\n      return VariableState.Accepted;\r\n    case \"Pending\":\r\n      return VariableState.Pending;\r\n    case \"Action Required\":\r\n      return VariableState.ActionRequired;\r\n    case \"Ready For Approval\":\r\n      return VariableState.ReadyForApproval;\r\n    case \"Rejected\":\r\n      return VariableState.Rejected;\r\n    case \"Declined\":\r\n      return VariableState.Declined;\r\n    case \"Draft\":\r\n      return VariableState.Draft;\r\n    case \"Not Started\":\r\n      return VariableState.NotStarted;\r\n    default:\r\n      return undefined;\r\n  }\r\n}\r\n\r\nfunction mapRequirementTypeToState(\r\n  reqType: string,\r\n): RequirementType | undefined {\r\n  switch (reqType) {\r\n    case \"Default\":\r\n      return RequirementType.Default;\r\n    case \"Optional\":\r\n      return RequirementType.Optional;\r\n    default:\r\n      return undefined;\r\n  }\r\n}\r\n\r\nexport { mapStatusToVariableState, mapRequirementTypeToState };\r\n"],"names":["VariableState","RequirementType"],"mappings":";;;;AAEA,SAAS,wBAAwB,CAAC,MAAc,EAAA;IAC9C,QAAQ,MAAM;AACZ,QAAA,KAAK,UAAU;YACb,OAAOA,sBAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,SAAS;YACZ,OAAOA,sBAAa,CAAC,OAAO;AAC9B,QAAA,KAAK,iBAAiB;YACpB,OAAOA,sBAAa,CAAC,cAAc;AACrC,QAAA,KAAK,oBAAoB;YACvB,OAAOA,sBAAa,CAAC,gBAAgB;AACvC,QAAA,KAAK,UAAU;YACb,OAAOA,sBAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,UAAU;YACb,OAAOA,sBAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,OAAO;YACV,OAAOA,sBAAa,CAAC,KAAK;AAC5B,QAAA,KAAK,aAAa;YAChB,OAAOA,sBAAa,CAAC,UAAU;AACjC,QAAA;AACE,YAAA,OAAO,SAAS;;AAEtB;AAEA,SAAS,yBAAyB,CAChC,OAAe,EAAA;IAEf,QAAQ,OAAO;AACb,QAAA,KAAK,SAAS;YACZ,OAAOC,wBAAe,CAAC,OAAO;AAChC,QAAA,KAAK,UAAU;YACb,OAAOA,wBAAe,CAAC,QAAQ;AACjC,QAAA;AACE,YAAA,OAAO,SAAS;;AAEtB;;;;;"}

package/dist/cjs/types/variable.js

@@ -15,6 +15,7 @@ exports.VariableState = void 0;
     VariableState["Accepted"] = "Accepted";
     VariableState["Pending"] = "Pending";
     VariableState["ActionRequired"] = "Action Required";
+    VariableState["ReadyForApproval"] = "Ready For Approval";
     VariableState["Rejected"] = "Rejected";
     VariableState["Declined"] = "Declined";
     VariableState["Draft"] = "Draft";

package/dist/cjs/types/variable.js.map

@@ -1 +1 @@
-{"version":3,"file":"variable.js","sources":["../../../../src/types/variable.ts"],"sourcesContent":["import { ObjectId } from \"mongodb\";\r\n\r\nexport type Variable = {\r\n  _id: ObjectId;\r\n  name: string;\r\n  value: string;\r\n  defaultValue?: string;\r\n  pluralValue: string;\r\n  validFrom: Date;\r\n  feedback?: string;\r\n  history?: VariableHistoryEntry[];\r\n  customerHelpText: string;\r\n  writerHelpText: string;\r\n  state: VariableState;\r\n  hidden: boolean;\r\n  canBeBlank: boolean;\r\n  vertical: string;\r\n  requirementType: RequirementType;\r\n  useDefault?: boolean;\r\n  depth?: number;\r\n  scope?: VariableScope;\r\n  isChildEditable?: boolean;\r\n};\r\n\r\nexport enum VariableScope {\r\n  Network = \"Network\",\r\n  Organisation = \"Organisation\",\r\n}\r\n\r\nexport enum RequirementType {\r\n  Default = \"Default\",\r\n  Optional = \"Optional\",\r\n}\r\n\r\nexport enum VariableState {\r\n  Accepted = \"Accepted\",\r\n  Pending = \"Pending\",\r\n  ActionRequired = \"Action Required\",\r\n  Rejected = \"Rejected\",\r\n  Declined = \"Declined\",\r\n  Draft = \"Draft\",\r\n  NotStarted = \"Not Started\",\r\n}\r\n\r\nexport type VariableHistoryEntry = {\r\n  value?: string;\r\n  useDefault?: boolean;\r\n  state: VariableState;\r\n  validFrom: Date;\r\n  validTo: Date;\r\n};\r\n\r\nexport default Variable;\r\n"],"names":["VariableScope","RequirementType","VariableState"],"mappings":";;AAwBYA;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,cAAA,CAAA,GAAA,cAA6B;AAC/B,CAAC,EAHWA,qBAAa,KAAbA,qBAAa,GAAA,EAAA,CAAA,CAAA;AAKbC;AAAZ,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHWA,uBAAe,KAAfA,uBAAe,GAAA,EAAA,CAAA,CAAA;AAKfC;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,gBAAA,CAAA,GAAA,iBAAkC;AAClC,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,YAAA,CAAA,GAAA,aAA0B;AAC5B,CAAC,EARWA,qBAAa,KAAbA,qBAAa,GAAA,EAAA,CAAA,CAAA;;"}
+{"version":3,"file":"variable.js","sources":["../../../../src/types/variable.ts"],"sourcesContent":["import { ObjectId } from \"mongodb\";\r\n\r\nexport type Variable = {\r\n  _id: ObjectId;\r\n  name: string;\r\n  value: string;\r\n  defaultValue?: string;\r\n  pluralValue: string;\r\n  validFrom: Date;\r\n  feedback?: string;\r\n  history?: VariableHistoryEntry[];\r\n  customerHelpText: string;\r\n  writerHelpText: string;\r\n  state: VariableState;\r\n  hidden: boolean;\r\n  canBeBlank: boolean;\r\n  vertical: string;\r\n  requirementType: RequirementType;\r\n  useDefault?: boolean;\r\n  depth?: number;\r\n  scope?: VariableScope;\r\n  isChildEditable?: boolean;\r\n};\r\n\r\nexport enum VariableScope {\r\n  Network = \"Network\",\r\n  Organisation = \"Organisation\",\r\n}\r\n\r\nexport enum RequirementType {\r\n  Default = \"Default\",\r\n  Optional = \"Optional\",\r\n}\r\n\r\nexport enum VariableState {\r\n  Accepted = \"Accepted\",\r\n  Pending = \"Pending\",\r\n  ActionRequired = \"Action Required\",\r\n  ReadyForApproval = \"Ready For Approval\",\r\n  Rejected = \"Rejected\",\r\n  Declined = \"Declined\",\r\n  Draft = \"Draft\",\r\n  NotStarted = \"Not Started\",\r\n}\r\n\r\nexport type VariableHistoryEntry = {\r\n  value?: string;\r\n  useDefault?: boolean;\r\n  state: VariableState;\r\n  validFrom: Date;\r\n  validTo: Date;\r\n};\r\n\r\nexport default Variable;\r\n"],"names":["VariableScope","RequirementType","VariableState"],"mappings":";;AAwBYA;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,cAAA,CAAA,GAAA,cAA6B;AAC/B,CAAC,EAHWA,qBAAa,KAAbA,qBAAa,GAAA,EAAA,CAAA,CAAA;AAKbC;AAAZ,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHWA,uBAAe,KAAfA,uBAAe,GAAA,EAAA,CAAA,CAAA;AAKfC;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,gBAAA,CAAA,GAAA,iBAAkC;AAClC,IAAA,aAAA,CAAA,kBAAA,CAAA,GAAA,oBAAuC;AACvC,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,YAAA,CAAA,GAAA,aAA0B;AAC5B,CAAC,EATWA,qBAAa,KAAbA,qBAAa,GAAA,EAAA,CAAA,CAAA;;"}

package/dist/esm/_virtual/index8.js

@@ -1,4 +1,4 @@
-var cjs = {};
+var lib = {};
 
-export { cjs as __exports };
+export { lib as __exports };
 //# sourceMappingURL=index8.js.map

package/dist/esm/_virtual/index9.js

@@ -1,4 +1,4 @@
-var lib = {};
+var cjs = {};
 
-export { lib as __exports };
+export { cjs as __exports };
 //# sourceMappingURL=index9.js.map

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

@@ -6,6 +6,11 @@ interface ConcertinaSection {
 }
 interface ConcertinaProps {
     sections: ConcertinaSection[];
+    /**
+     * Sets the default open state. When omitted, all sections open on desktop and
+     * all sections close on mobile.
+     */
+    defaultOpen?: boolean | string[];
 }
-export declare function Concertina({ sections }: ConcertinaProps): import("react/jsx-runtime").JSX.Element;
+export declare function Concertina({ sections, defaultOpen }: ConcertinaProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/Concertina.js

@@ -119,26 +119,32 @@ const StyledContentWrapper = styled(Box)(({ theme }) => ({
         marginBottom: theme.spacing(0.5),
     },
 }));
-function Concertina({ sections }) {
+function getDefaultOpenSections(sectionIds, isDesktop, defaultOpen) {
+    if (Array.isArray(defaultOpen)) {
+        return new Set(defaultOpen.filter((id) => sectionIds.includes(id)));
+    }
+    if (typeof defaultOpen === "boolean") {
+        return defaultOpen ? new Set(sectionIds) : new Set();
+    }
+    return isDesktop ? new Set(sectionIds) : new Set();
+}
+function Concertina({ sections, defaultOpen }) {
     const [hoveredTitle, setHoveredTitle] = useState(null);
     const [copiedId, setCopiedId] = useState(null);
     const [tooltipPosition, setTooltipPosition] = useState(null);
     const theme = useTheme();
     const isDesktop = useMediaQuery(theme.breakpoints.up("md"));
+    const sectionIds = sections.map((section) => section.id);
+    const sectionIdsKey = JSON.stringify(sectionIds);
+    const defaultOpenKey = Array.isArray(defaultOpen)
+        ? JSON.stringify(defaultOpen)
+        : String(defaultOpen);
     const [openSections, setOpenSections] = useState(() => {
-        // Initialize with all sections open on desktop, closed on mobile
-        return isDesktop ? new Set(sections.map((s) => s.id)) : new Set();
+        return getDefaultOpenSections(sectionIds, isDesktop, defaultOpen);
     });
-    const sectionIdsKey = JSON.stringify(sections.map((s) => s.id));
     React__default.useEffect(() => {
-        const sectionIds = JSON.parse(sectionIdsKey);
-        if (isDesktop) {
-            setOpenSections(new Set(sectionIds));
-        }
-        else {
-            setOpenSections(new Set());
-        }
-    }, [isDesktop, sectionIdsKey]);
+        setOpenSections(getDefaultOpenSections(sectionIds, isDesktop, defaultOpen));
+    }, [defaultOpenKey, isDesktop, sectionIdsKey]);
     const toggleSection = (id) => {
         const newOpenSections = new Set(openSections);
         if (newOpenSections.has(id)) {

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

@@ -1 +1 @@
-{"version":3,"file":"Concertina.js","sources":["../../../../src/components/Concertina.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport {\r\n  Box,\r\n  styled,\r\n  Typography,\r\n  Collapse,\r\n  useMediaQuery,\r\n} from \"@mui/material\";\r\nimport {\r\n  ExpandCircleDown,\r\n  ExpandCircleDownOutlined,\r\n  ExpandMoreRounded,\r\n} from \"@mui/icons-material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\n\r\ninterface ConcertinaSection {\r\n  id: string;\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface ConcertinaProps {\r\n  sections: ConcertinaSection[];\r\n}\r\n\r\nconst StyledConcertina = styled(Box)(({ theme }) => ({\r\n  width: \"100%\",\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n  gap: theme.spacing(1),\r\n}));\r\n\r\nconst StyledSection = styled(Box)(({ theme }) => ({\r\n  overflow: \"hidden\",\r\n}));\r\n\r\nconst StyledHeader = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  borderTop: `2px solid ${theme.palette.grey[200]}`,\r\n  borderBottom: `2px solid ${theme.palette.grey[200]}`,\r\n  justifyContent: \"space-between\",\r\n  cursor: \"pointer\",\r\n  transition: \"background-color 0.2s\",\r\n  gap: theme.spacing(2),\r\n  \"&:hover\": {\r\n    backgroundColor: theme.palette.background.default,\r\n  },\r\n  padding: theme.spacing(2),\r\n}));\r\n\r\nconst StyledTitleWrapper = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: 0,\r\n  flex: 1,\r\n  minWidth: 0,\r\n}));\r\n\r\nconst StyledHashtag = styled(\"span\", {\r\n  shouldForwardProp: (prop) => prop !== \"isVisible\" && prop !== \"color\",\r\n})<{ isVisible: boolean; color?: string }>(({ theme, isVisible, color }) => ({\r\n  color: color || theme.palette.info.main,\r\n  fontWeight: 700,\r\n  fontSize: \"inherit\",\r\n  opacity: isVisible ? 1 : 0,\r\n  transition: \"opacity 0.2s\",\r\n  marginRight: isVisible ? \"0.25em\" : 0,\r\n  cursor: \"pointer\",\r\n}));\r\n\r\nconst StyledTitle = styled(Typography, {\r\n  shouldForwardProp: (prop) => prop !== \"isHovered\",\r\n})<{ isHovered: boolean }>(({ theme, isHovered }) => ({\r\n  fontWeight: 700,\r\n  fontSize: \"1.75rem\",\r\n  lineHeight: 1.2,\r\n  color: theme.palette.dark.main,\r\n  wordBreak: \"break-word\",\r\n  display: \"inline-block\",\r\n  position: \"relative\",\r\n  paddingBottom: \"2px\",\r\n  borderBottom: isHovered\r\n    ? `3px solid ${theme.palette.info.main}`\r\n    : \"3px solid transparent\",\r\n  transition: \"border-bottom 0.2s\",\r\n  [theme.breakpoints.down(\"lg\")]: {\r\n    fontSize: \"1.25rem\",\r\n  },\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    fontSize: \"1.125rem\",\r\n  },\r\n  [theme.breakpoints.down(\"sm\")]: {\r\n    fontSize: \"1rem\",\r\n  },\r\n}));\r\n\r\nconst StyledTooltip = styled(Box)(({ theme }) => ({\r\n  position: \"fixed\",\r\n  transform: \"translate(-50%, -120%)\",\r\n  backgroundColor: theme.palette.grey[900],\r\n  color: theme.palette.common.white,\r\n  fontSize: \"0.75rem\",\r\n  padding: theme.spacing(1, 2),\r\n  borderRadius: theme.shape.borderRadius,\r\n  whiteSpace: \"nowrap\",\r\n  zIndex: 1000,\r\n  pointerEvents: \"none\",\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    fontSize: \"0.875rem\",\r\n    padding: theme.spacing(1.5, 3),\r\n  },\r\n}));\r\n\r\nconst StyledContent = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(2, 3, 3),\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    padding: theme.spacing(2, 4, 4),\r\n  },\r\n  [theme.breakpoints.up(\"md\")]: {\r\n    padding: theme.spacing(2, 6, 6),\r\n  },\r\n}));\r\n\r\nconst StyledContentWrapper = styled(Box)(({ theme }) => ({\r\n  color: theme.palette.dark.main,\r\n  lineHeight: 1.5,\r\n  wordBreak: \"break-word\",\r\n  fontSize: 13,\r\n  \"& p\": {\r\n    margin: 0,\r\n    marginBottom: theme.spacing(2),\r\n    \"&:last-child\": {\r\n      marginBottom: 0,\r\n    },\r\n  },\r\n  \"& ul, & ol\": {\r\n    marginTop: theme.spacing(1),\r\n    marginBottom: theme.spacing(2),\r\n    paddingLeft: theme.spacing(3),\r\n    \"&:last-child\": {\r\n      marginBottom: 0,\r\n    },\r\n  },\r\n  \"& li\": {\r\n    marginBottom: theme.spacing(0.5),\r\n  },\r\n}));\r\n\r\nexport function Concertina({ sections }: ConcertinaProps) {\r\n  const [hoveredTitle, setHoveredTitle] = useState<string | null>(null);\r\n  const [copiedId, setCopiedId] = useState<string | null>(null);\r\n  const [tooltipPosition, setTooltipPosition] = useState<{\r\n    x: number;\r\n    y: number;\r\n  } | null>(null);\r\n  const theme = useTheme();\r\n  const isDesktop = useMediaQuery(theme.breakpoints.up(\"md\"));\r\n\r\n  const [openSections, setOpenSections] = useState<Set<string>>(() => {\r\n    // Initialize with all sections open on desktop, closed on mobile\r\n    return isDesktop ? new Set(sections.map((s) => s.id)) : new Set();\r\n  });\r\n\r\n  const sectionIdsKey = JSON.stringify(sections.map((s) => s.id));\r\n\r\n  React.useEffect(() => {\r\n    const sectionIds = JSON.parse(sectionIdsKey) as string[];\r\n\r\n    if (isDesktop) {\r\n      setOpenSections(new Set(sectionIds));\r\n    } else {\r\n      setOpenSections(new Set());\r\n    }\r\n  }, [isDesktop, sectionIdsKey]);\r\n\r\n  const toggleSection = (id: string) => {\r\n    const newOpenSections = new Set(openSections);\r\n    if (newOpenSections.has(id)) {\r\n      newOpenSections.delete(id);\r\n    } else {\r\n      newOpenSections.add(id);\r\n    }\r\n    setOpenSections(newOpenSections);\r\n  };\r\n\r\n  const copyJumpLink = (id: string, e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n    const url = `${window.location.origin}${window.location.pathname}#${id}`;\r\n    navigator.clipboard.writeText(url);\r\n    setCopiedId(id);\r\n    setTooltipPosition({ x: e.clientX, y: e.clientY });\r\n    setTimeout(() => {\r\n      setCopiedId(null);\r\n      setTooltipPosition(null);\r\n    }, 2000);\r\n  };\r\n\r\n  return (\r\n    <StyledConcertina>\r\n      {sections.map((section) => (\r\n        <StyledSection key={section.id} id={section.id}>\r\n          <StyledHeader\r\n            onClick={() => toggleSection(section.id)}\r\n            onMouseEnter={() => setHoveredTitle(section.id)}\r\n            onMouseLeave={() => setHoveredTitle(null)}\r\n          >\r\n            <StyledTitleWrapper>\r\n              <StyledTitle isHovered={hoveredTitle === section.id} variant=\"h3\">\r\n                <StyledHashtag\r\n                  isVisible={true}\r\n                  color={\r\n                    hoveredTitle === section.id\r\n                      ? theme.palette.info.main\r\n                      : \"#00000000\"\r\n                  }\r\n                  onClick={(e) => copyJumpLink(section.id, e as any)}\r\n                >\r\n                  #\r\n                </StyledHashtag>\r\n                {section.title}\r\n              </StyledTitle>\r\n            </StyledTitleWrapper>\r\n            <ExpandCircleDownOutlined\r\n              sx={{\r\n                fontSize: \"1.5rem\",\r\n                transform: openSections.has(section.id)\r\n                  ? \"rotate(180deg)\"\r\n                  : \"none\",\r\n              }}\r\n            />\r\n          </StyledHeader>\r\n          <Collapse in={openSections.has(section.id)}>\r\n            <StyledContent>\r\n              <StyledContentWrapper>{section.content}</StyledContentWrapper>\r\n            </StyledContent>\r\n          </Collapse>\r\n        </StyledSection>\r\n      ))}\r\n      {copiedId && tooltipPosition && (\r\n        <StyledTooltip\r\n          sx={{\r\n            left: tooltipPosition.x,\r\n            top: tooltipPosition.y,\r\n          }}\r\n        >\r\n          Link copied\r\n        </StyledTooltip>\r\n      )}\r\n    </StyledConcertina>\r\n  );\r\n}\r\n"],"names":["React","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Concertina.js","sources":["../../../../src/components/Concertina.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\r\n  Box,\r\n  styled,\r\n  Typography,\r\n  Collapse,\r\n  useMediaQuery,\r\n} from \"@mui/material\";\r\nimport {\r\n  ExpandCircleDown,\r\n  ExpandCircleDownOutlined,\r\n  ExpandMoreRounded,\r\n} from \"@mui/icons-material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\n\r\ninterface ConcertinaSection {\r\n  id: string;\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface ConcertinaProps {\n  sections: ConcertinaSection[];\n  /**\n   * Sets the default open state. When omitted, all sections open on desktop and\n   * all sections close on mobile.\n   */\n  defaultOpen?: boolean | string[];\n}\n\r\nconst StyledConcertina = styled(Box)(({ theme }) => ({\r\n  width: \"100%\",\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n  gap: theme.spacing(1),\r\n}));\r\n\r\nconst StyledSection = styled(Box)(({ theme }) => ({\r\n  overflow: \"hidden\",\r\n}));\r\n\r\nconst StyledHeader = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  borderTop: `2px solid ${theme.palette.grey[200]}`,\r\n  borderBottom: `2px solid ${theme.palette.grey[200]}`,\r\n  justifyContent: \"space-between\",\r\n  cursor: \"pointer\",\r\n  transition: \"background-color 0.2s\",\r\n  gap: theme.spacing(2),\r\n  \"&:hover\": {\r\n    backgroundColor: theme.palette.background.default,\r\n  },\r\n  padding: theme.spacing(2),\r\n}));\r\n\r\nconst StyledTitleWrapper = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: 0,\r\n  flex: 1,\r\n  minWidth: 0,\r\n}));\r\n\r\nconst StyledHashtag = styled(\"span\", {\r\n  shouldForwardProp: (prop) => prop !== \"isVisible\" && prop !== \"color\",\r\n})<{ isVisible: boolean; color?: string }>(({ theme, isVisible, color }) => ({\r\n  color: color || theme.palette.info.main,\r\n  fontWeight: 700,\r\n  fontSize: \"inherit\",\r\n  opacity: isVisible ? 1 : 0,\r\n  transition: \"opacity 0.2s\",\r\n  marginRight: isVisible ? \"0.25em\" : 0,\r\n  cursor: \"pointer\",\r\n}));\r\n\r\nconst StyledTitle = styled(Typography, {\r\n  shouldForwardProp: (prop) => prop !== \"isHovered\",\r\n})<{ isHovered: boolean }>(({ theme, isHovered }) => ({\r\n  fontWeight: 700,\r\n  fontSize: \"1.75rem\",\r\n  lineHeight: 1.2,\r\n  color: theme.palette.dark.main,\r\n  wordBreak: \"break-word\",\r\n  display: \"inline-block\",\r\n  position: \"relative\",\r\n  paddingBottom: \"2px\",\r\n  borderBottom: isHovered\r\n    ? `3px solid ${theme.palette.info.main}`\r\n    : \"3px solid transparent\",\r\n  transition: \"border-bottom 0.2s\",\r\n  [theme.breakpoints.down(\"lg\")]: {\r\n    fontSize: \"1.25rem\",\r\n  },\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    fontSize: \"1.125rem\",\r\n  },\r\n  [theme.breakpoints.down(\"sm\")]: {\r\n    fontSize: \"1rem\",\r\n  },\r\n}));\r\n\r\nconst StyledTooltip = styled(Box)(({ theme }) => ({\r\n  position: \"fixed\",\r\n  transform: \"translate(-50%, -120%)\",\r\n  backgroundColor: theme.palette.grey[900],\r\n  color: theme.palette.common.white,\r\n  fontSize: \"0.75rem\",\r\n  padding: theme.spacing(1, 2),\r\n  borderRadius: theme.shape.borderRadius,\r\n  whiteSpace: \"nowrap\",\r\n  zIndex: 1000,\r\n  pointerEvents: \"none\",\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    fontSize: \"0.875rem\",\r\n    padding: theme.spacing(1.5, 3),\r\n  },\r\n}));\r\n\r\nconst StyledContent = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(2, 3, 3),\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    padding: theme.spacing(2, 4, 4),\r\n  },\r\n  [theme.breakpoints.up(\"md\")]: {\r\n    padding: theme.spacing(2, 6, 6),\r\n  },\r\n}));\r\n\r\nconst StyledContentWrapper = styled(Box)(({ theme }) => ({\r\n  color: theme.palette.dark.main,\r\n  lineHeight: 1.5,\r\n  wordBreak: \"break-word\",\r\n  fontSize: 13,\r\n  \"& p\": {\r\n    margin: 0,\r\n    marginBottom: theme.spacing(2),\r\n    \"&:last-child\": {\r\n      marginBottom: 0,\r\n    },\r\n  },\r\n  \"& ul, & ol\": {\r\n    marginTop: theme.spacing(1),\r\n    marginBottom: theme.spacing(2),\r\n    paddingLeft: theme.spacing(3),\r\n    \"&:last-child\": {\r\n      marginBottom: 0,\r\n    },\r\n  },\r\n  \"& li\": {\r\n    marginBottom: theme.spacing(0.5),\r\n  },\r\n}));\r\n\r\nfunction getDefaultOpenSections(\n  sectionIds: string[],\n  isDesktop: boolean,\n  defaultOpen?: boolean | string[]\n) {\n  if (Array.isArray(defaultOpen)) {\n    return new Set(defaultOpen.filter((id) => sectionIds.includes(id)));\n  }\n\n  if (typeof defaultOpen === \"boolean\") {\n    return defaultOpen ? new Set(sectionIds) : new Set<string>();\n  }\n\n  return isDesktop ? new Set(sectionIds) : new Set<string>();\n}\n\nexport function Concertina({ sections, defaultOpen }: ConcertinaProps) {\n  const [hoveredTitle, setHoveredTitle] = useState<string | null>(null);\r\n  const [copiedId, setCopiedId] = useState<string | null>(null);\r\n  const [tooltipPosition, setTooltipPosition] = useState<{\r\n    x: number;\r\n    y: number;\r\n  } | null>(null);\n  const theme = useTheme();\n  const isDesktop = useMediaQuery(theme.breakpoints.up(\"md\"));\n  const sectionIds = sections.map((section) => section.id);\n  const sectionIdsKey = JSON.stringify(sectionIds);\n  const defaultOpenKey = Array.isArray(defaultOpen)\n    ? JSON.stringify(defaultOpen)\n    : String(defaultOpen);\n\n  const [openSections, setOpenSections] = useState<Set<string>>(() => {\n    return getDefaultOpenSections(sectionIds, isDesktop, defaultOpen);\n  });\n\n  React.useEffect(() => {\n    setOpenSections(getDefaultOpenSections(sectionIds, isDesktop, defaultOpen));\n  }, [defaultOpenKey, isDesktop, sectionIdsKey]);\n\r\n  const toggleSection = (id: string) => {\r\n    const newOpenSections = new Set(openSections);\r\n    if (newOpenSections.has(id)) {\r\n      newOpenSections.delete(id);\r\n    } else {\r\n      newOpenSections.add(id);\r\n    }\r\n    setOpenSections(newOpenSections);\r\n  };\r\n\r\n  const copyJumpLink = (id: string, e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n    const url = `${window.location.origin}${window.location.pathname}#${id}`;\r\n    navigator.clipboard.writeText(url);\r\n    setCopiedId(id);\r\n    setTooltipPosition({ x: e.clientX, y: e.clientY });\r\n    setTimeout(() => {\r\n      setCopiedId(null);\r\n      setTooltipPosition(null);\r\n    }, 2000);\r\n  };\r\n\r\n  return (\r\n    <StyledConcertina>\r\n      {sections.map((section) => (\r\n        <StyledSection key={section.id} id={section.id}>\r\n          <StyledHeader\r\n            onClick={() => toggleSection(section.id)}\r\n            onMouseEnter={() => setHoveredTitle(section.id)}\r\n            onMouseLeave={() => setHoveredTitle(null)}\r\n          >\r\n            <StyledTitleWrapper>\r\n              <StyledTitle isHovered={hoveredTitle === section.id} variant=\"h3\">\r\n                <StyledHashtag\r\n                  isVisible={true}\r\n                  color={\r\n                    hoveredTitle === section.id\r\n                      ? theme.palette.info.main\r\n                      : \"#00000000\"\r\n                  }\r\n                  onClick={(e) => copyJumpLink(section.id, e as any)}\r\n                >\r\n                  #\r\n                </StyledHashtag>\r\n                {section.title}\r\n              </StyledTitle>\r\n            </StyledTitleWrapper>\r\n            <ExpandCircleDownOutlined\r\n              sx={{\r\n                fontSize: \"1.5rem\",\r\n                transform: openSections.has(section.id)\r\n                  ? \"rotate(180deg)\"\r\n                  : \"none\",\r\n              }}\r\n            />\r\n          </StyledHeader>\r\n          <Collapse in={openSections.has(section.id)}>\r\n            <StyledContent>\r\n              <StyledContentWrapper>{section.content}</StyledContentWrapper>\r\n            </StyledContent>\r\n          </Collapse>\r\n        </StyledSection>\r\n      ))}\r\n      {copiedId && tooltipPosition && (\r\n        <StyledTooltip\r\n          sx={{\r\n            left: tooltipPosition.x,\r\n            top: tooltipPosition.y,\r\n          }}\r\n        >\r\n          Link copied\r\n        </StyledTooltip>\r\n      )}\r\n    </StyledConcertina>\r\n  );\r\n}\r\n"],"names":["React","_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/Modal.js

@@ -122,6 +122,7 @@ const Modal = ({ isOpen, onClose, onSave, onSubmit, successMessage, errorMessage
             color: "#FFBCB3",
             label: "Action Required",
         },
+        [VariableState.ReadyForApproval]: { color: "#EBC7FF", label: "Pending" },
         [VariableState.Accepted]: { color: "#DBF59A", label: "Accepted" },
         [VariableState.Rejected]: { color: "#4D3019", label: "Rejected" },
         [VariableState.NotStarted]: { color: "#000000ff", label: "Not Started" },

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal.tsx"],"sourcesContent":["import React, { 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 {\r\n  VariableState,\r\n  RequirementType,\r\n  Variable,\r\n  VariableScope,\r\n} 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  onSave?: (\r\n    fieldValue: string,\r\n    defaultChecked: boolean,\r\n    isChildEditable: boolean,\r\n  ) => void;\r\n  onSubmit?: (\r\n    fieldValue: string,\r\n    defaultChecked: boolean,\r\n    isChildEditable: boolean,\r\n  ) => 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  variable: Variable;\r\n  isLeafOrganisation: 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  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  variable,\r\n  isLeafOrganisation,\r\n}) => {\r\n  const variableState = mapStatusToVariableState(variable.state);\r\n  const variableReqType = mapRequirementTypeToState(variable.requirementType);\r\n\r\n  const [textValue, setTextValue] = useState(variable.value);\r\n  const [customValue, setCustomValue] = useState(\"\");\r\n\r\n  const [useDefaultValue, setUseDefaultValue] = useState(\r\n    variable.useDefault ?? false,\r\n  );\r\n  const [isChildEditable, setIsChildEditable] = useState(\r\n    variable.isChildEditable ?? false,\r\n  );\r\n\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  const displayValue = toDisplay(variable.value);\r\n  const displayDefault = toDisplay(variable.defaultValue ?? \"\");\r\n  const originalUseDefaultValue =\r\n    (variable.useDefault ?? false) || displayValue === displayDefault;\r\n  const originalIsChildEditable = variable.isChildEditable ?? false;\r\n\r\n  const isSettingsDirty = isChildEditable !== originalIsChildEditable;\r\n  const isDefaultSelectionDirty = useDefaultValue !== originalUseDefaultValue;\r\n  const isTextDirty = !useDefaultValue && textValue !== displayValue;\r\n\r\n  useEffect(() => {\r\n    setIsChildEditable(originalIsChildEditable);\r\n    setUseDefaultValue(originalUseDefaultValue);\r\n    setTextValue(displayValue);\r\n    setCustomValue(originalUseDefaultValue ? \"\" : displayValue);\r\n  }, [\r\n    displayValue,\r\n    originalIsChildEditable,\r\n    originalUseDefaultValue,\r\n    variable._id,\r\n  ]);\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(variable.defaultValue ?? \"\"));\r\n    } else {\r\n      setTextValue(customValue || \"\");\r\n    }\r\n\r\n    setUseDefaultValue(checked);\r\n  };\r\n\r\n  const handleIsChildEditableHandler = (\r\n    event: React.ChangeEvent<HTMLInputElement>,\r\n  ) => {\r\n    const checked = event.target.checked;\r\n    setIsChildEditable(checked);\r\n  };\r\n\r\n  const canSubmitSave = isLoading || variableState === VariableState.Pending;\r\n  const cannotEdit = canSubmitSave || variableState === VariableState.Declined;\r\n  const isBlankInvalid =\r\n    variable.canBeBlank === false && textValue.trim().length <= 0;\r\n  const submitButtonLabel = useDefaultValue\r\n    ? variable.useDefault && !isDefaultSelectionDirty\r\n      ? isSettingsDirty\r\n        ? \"Save changes\"\r\n        : \"Default already accepted\"\r\n      : \"Accept Default\"\r\n    : isTextDirty\r\n      ? \"Submit for review\"\r\n      : \"Save changes\";\r\n  const isSubmitDisabled =\r\n    canSubmitSave ||\r\n    isBlankInvalid ||\r\n    (useDefaultValue && variable.useDefault && !isSettingsDirty) ||\r\n    (!useDefaultValue && !isTextDirty && !isSettingsDirty);\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.Rejected]: { color: \"#4D3019\", label: \"Rejected\" },\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 = statusConfig[variable.state] ?? {\r\n    color: \"#ccc\",\r\n    label: \"Unknown\",\r\n  };\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, isChildEditable);\r\n  };\r\n\r\n  const handleSubmit = () => {\r\n    setIsSubmitting(true);\r\n    const payloadValue = toStorage(textValue);\r\n    onSubmit?.(payloadValue, useDefaultValue, isChildEditable);\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(variable.customerHelpText)}\r\n        </Typography>\r\n\r\n        {/* Error Alert with Custom Icon */}\r\n        {variableState === VariableState.ActionRequired &&\r\n          variable.feedback && (\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              {variable.feedback}\r\n            </Alert>\r\n          )}\r\n\r\n        {/* Info Alert with Custom Background and Icon */}\r\n        {variableState !== VariableState.ActionRequired &&\r\n          variable.feedback && (\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              {variable.feedback}\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={useDefaultValue || cannotEdit}\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={cannotEdit}\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        {/* Checkbox */}\r\n        {!isLeafOrganisation && variable.scope === VariableScope.Network ? (\r\n          <FormControlLabel\r\n            control={\r\n              <Checkbox\r\n                checked={isChildEditable}\r\n                disabled={cannotEdit}\r\n                onChange={handleIsChildEditableHandler}\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=\"Is Child Editable\"\r\n            sx={{ mb: 3 }}\r\n          />\r\n        ) : (\r\n          <></>\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 && (\r\n                <Button\r\n                  onClick={handleSave}\r\n                  variant=\"outline\"\r\n                  size=\"md\"\r\n                  disabled={!isTextDirty || canSubmitSave || isBlankInvalid}\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 as Draft\"\r\n                  )}\r\n                </Button>\r\n              )}\r\n              <Button\r\n                onClick={handleSubmit}\r\n                variant=\"outline\"\r\n                size=\"md\"\r\n                disabled={isSubmitDisabled}\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                ) : (\r\n                  submitButtonLabel\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(\r\n                    toDisplay(variable.defaultValue ?? \"\"),\r\n                  );\r\n                  setCustomValue(textValue);\r\n                  setTextValue(toDisplay(variable.defaultValue ?? \"\"));\r\n                  setUseDefaultValue(true);\r\n                  onSubmit?.(payloadValue, true, isChildEditable);\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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"}
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal.tsx"],"sourcesContent":["import React, { 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 {\r\n  VariableState,\r\n  RequirementType,\r\n  Variable,\r\n  VariableScope,\r\n} 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  onSave?: (\r\n    fieldValue: string,\r\n    defaultChecked: boolean,\r\n    isChildEditable: boolean,\r\n  ) => void;\r\n  onSubmit?: (\r\n    fieldValue: string,\r\n    defaultChecked: boolean,\r\n    isChildEditable: boolean,\r\n  ) => 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  variable: Variable;\r\n  isLeafOrganisation: 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  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  variable,\r\n  isLeafOrganisation,\r\n}) => {\r\n  const variableState = mapStatusToVariableState(variable.state);\r\n  const variableReqType = mapRequirementTypeToState(variable.requirementType);\r\n\r\n  const [textValue, setTextValue] = useState(variable.value);\r\n  const [customValue, setCustomValue] = useState(\"\");\r\n\r\n  const [useDefaultValue, setUseDefaultValue] = useState(\r\n    variable.useDefault ?? false,\r\n  );\r\n  const [isChildEditable, setIsChildEditable] = useState(\r\n    variable.isChildEditable ?? false,\r\n  );\r\n\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  const displayValue = toDisplay(variable.value);\r\n  const displayDefault = toDisplay(variable.defaultValue ?? \"\");\r\n  const originalUseDefaultValue =\r\n    (variable.useDefault ?? false) || displayValue === displayDefault;\r\n  const originalIsChildEditable = variable.isChildEditable ?? false;\r\n\r\n  const isSettingsDirty = isChildEditable !== originalIsChildEditable;\r\n  const isDefaultSelectionDirty = useDefaultValue !== originalUseDefaultValue;\r\n  const isTextDirty = !useDefaultValue && textValue !== displayValue;\r\n\r\n  useEffect(() => {\r\n    setIsChildEditable(originalIsChildEditable);\r\n    setUseDefaultValue(originalUseDefaultValue);\r\n    setTextValue(displayValue);\r\n    setCustomValue(originalUseDefaultValue ? \"\" : displayValue);\r\n  }, [\r\n    displayValue,\r\n    originalIsChildEditable,\r\n    originalUseDefaultValue,\r\n    variable._id,\r\n  ]);\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(variable.defaultValue ?? \"\"));\r\n    } else {\r\n      setTextValue(customValue || \"\");\r\n    }\r\n\r\n    setUseDefaultValue(checked);\r\n  };\r\n\r\n  const handleIsChildEditableHandler = (\r\n    event: React.ChangeEvent<HTMLInputElement>,\r\n  ) => {\r\n    const checked = event.target.checked;\r\n    setIsChildEditable(checked);\r\n  };\r\n\r\n  const canSubmitSave = isLoading || variableState === VariableState.Pending;\r\n  const cannotEdit = canSubmitSave || variableState === VariableState.Declined;\r\n  const isBlankInvalid =\r\n    variable.canBeBlank === false && textValue.trim().length <= 0;\r\n  const submitButtonLabel = useDefaultValue\r\n    ? variable.useDefault && !isDefaultSelectionDirty\r\n      ? isSettingsDirty\r\n        ? \"Save changes\"\r\n        : \"Default already accepted\"\r\n      : \"Accept Default\"\r\n    : isTextDirty\r\n      ? \"Submit for review\"\r\n      : \"Save changes\";\r\n  const isSubmitDisabled =\r\n    canSubmitSave ||\r\n    isBlankInvalid ||\r\n    (useDefaultValue && variable.useDefault && !isSettingsDirty) ||\r\n    (!useDefaultValue && !isTextDirty && !isSettingsDirty);\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.ReadyForApproval]: { color: \"#EBC7FF\", label: \"Pending\" },\r\n    [VariableState.Accepted]: { color: \"#DBF59A\", label: \"Accepted\" },\r\n    [VariableState.Rejected]: { color: \"#4D3019\", label: \"Rejected\" },\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 = statusConfig[variable.state] ?? {\r\n    color: \"#ccc\",\r\n    label: \"Unknown\",\r\n  };\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, isChildEditable);\r\n  };\r\n\r\n  const handleSubmit = () => {\r\n    setIsSubmitting(true);\r\n    const payloadValue = toStorage(textValue);\r\n    onSubmit?.(payloadValue, useDefaultValue, isChildEditable);\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(variable.customerHelpText)}\r\n        </Typography>\r\n\r\n        {/* Error Alert with Custom Icon */}\r\n        {variableState === VariableState.ActionRequired &&\r\n          variable.feedback && (\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              {variable.feedback}\r\n            </Alert>\r\n          )}\r\n\r\n        {/* Info Alert with Custom Background and Icon */}\r\n        {variableState !== VariableState.ActionRequired &&\r\n          variable.feedback && (\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              {variable.feedback}\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={useDefaultValue || cannotEdit}\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={cannotEdit}\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        {/* Checkbox */}\r\n        {!isLeafOrganisation && variable.scope === VariableScope.Network ? (\r\n          <FormControlLabel\r\n            control={\r\n              <Checkbox\r\n                checked={isChildEditable}\r\n                disabled={cannotEdit}\r\n                onChange={handleIsChildEditableHandler}\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=\"Is Child Editable\"\r\n            sx={{ mb: 3 }}\r\n          />\r\n        ) : (\r\n          <></>\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 && (\r\n                <Button\r\n                  onClick={handleSave}\r\n                  variant=\"outline\"\r\n                  size=\"md\"\r\n                  disabled={!isTextDirty || canSubmitSave || isBlankInvalid}\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 as Draft\"\r\n                  )}\r\n                </Button>\r\n              )}\r\n              <Button\r\n                onClick={handleSubmit}\r\n                variant=\"outline\"\r\n                size=\"md\"\r\n                disabled={isSubmitDisabled}\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                ) : (\r\n                  submitButtonLabel\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(\r\n                    toDisplay(variable.defaultValue ?? \"\"),\r\n                  );\r\n                  setCustomValue(textValue);\r\n                  setTextValue(toDisplay(variable.defaultValue ?? \"\"));\r\n                  setUseDefaultValue(true);\r\n                  onSubmit?.(payloadValue, true, isChildEditable);\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":";;;;;;;;;;;AAiEA,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAClD,IAAA,oBAAoB,EAAE;AACpB,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;AACvC,QAAA,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;AACtC,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,SAAS,EAAE,MAAM;AAClB,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACnD,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,YAAY,EAAE,GAAG;IACjB,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,CAAE;AAC9C,IAAA,eAAe,EAAE,MAAM;IACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;AAC5B,IAAA,SAAS,EAAE;QACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACxC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;QAC9B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AACrC,KAAA;AACF,CAAA,CAAC,CAAC;AAEI,MAAM,KAAK,GAAyB,CAAC,EAC1C,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,WAAW,GAAG,CAAC,EACf,UAAU,GAAG,CAAC,EACd,SAAS,EACT,QAAQ,EACR,kBAAkB,GACnB,KAAI;IACH,MAAM,aAAa,GAAG,wBAAwB,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC9D,MAAM,eAAe,GAAG,yBAAyB,CAAC,QAAQ,CAAC,eAAe,CAAC;AAE3E,IAAA,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;AAElD,IAAA,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CACpD,QAAQ,CAAC,UAAU,IAAI,KAAK,CAC7B;AACD,IAAA,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CACpD,QAAQ,CAAC,eAAe,IAAI,KAAK,CAClC;IAED,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEvD,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AAExB,IAAA,MAAM,SAAS,GAAG,CAAC,GAAW,KAAK,GAAG,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE;AACnE,IAAA,MAAM,SAAS,GAAG,CAAC,GAAW,KAAK,GAAG,EAAE,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,EAAE;IACtE,MAAM,YAAY,GAAG,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC9C,MAAM,cAAc,GAAG,SAAS,CAAC,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC;AAC7D,IAAA,MAAM,uBAAuB,GAC3B,CAAC,QAAQ,CAAC,UAAU,IAAI,KAAK,KAAK,YAAY,KAAK,cAAc;AACnE,IAAA,MAAM,uBAAuB,GAAG,QAAQ,CAAC,eAAe,IAAI,KAAK;AAEjE,IAAA,MAAM,eAAe,GAAG,eAAe,KAAK,uBAAuB;AACnE,IAAA,MAAM,uBAAuB,GAAG,eAAe,KAAK,uBAAuB;IAC3E,MAAM,WAAW,GAAG,CAAC,eAAe,IAAI,SAAS,KAAK,YAAY;IAElE,SAAS,CAAC,MAAK;QACb,kBAAkB,CAAC,uBAAuB,CAAC;QAC3C,kBAAkB,CAAC,uBAAuB,CAAC;QAC3C,YAAY,CAAC,YAAY,CAAC;QAC1B,cAAc,CAAC,uBAAuB,GAAG,EAAE,GAAG,YAAY,CAAC;AAC7D,IAAA,CAAC,EAAE;QACD,YAAY;QACZ,uBAAuB;QACvB,uBAAuB;AACvB,QAAA,QAAQ,CAAC,GAAG;AACb,KAAA,CAAC;IAEF,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,MAAM,EAAE;YACX,WAAW,CAAC,KAAK,CAAC;YAClB,eAAe,CAAC,KAAK,CAAC;QACxB;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEZ,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,cAAc,IAAI,cAAc,KAAK,EAAE,EAAE;AAC3C,YAAA,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC;QAC/B;AACF,IAAA,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAEpB,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,YAAY,IAAI,YAAY,KAAK,EAAE,EAAE;AACvC,YAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC;QAC3B;AACF,IAAA,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,SAAS,EAAE;YACd,WAAW,CAAC,KAAK,CAAC;YAClB,eAAe,CAAC,KAAK,CAAC;QACxB;AACF,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,MAAM,2BAA2B,GAAG,CAClC,KAA0C,KACxC;AACF,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO;QAEpC,IAAI,OAAO,EAAE;YACX,cAAc,CAAC,SAAS,CAAC;YACzB,YAAY,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;QACtD;aAAO;AACL,YAAA,YAAY,CAAC,WAAW,IAAI,EAAE,CAAC;QACjC;QAEA,kBAAkB,CAAC,OAAO,CAAC;AAC7B,IAAA,CAAC;AAED,IAAA,MAAM,4BAA4B,GAAG,CACnC,KAA0C,KACxC;AACF,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO;QACpC,kBAAkB,CAAC,OAAO,CAAC;AAC7B,IAAA,CAAC;IAED,MAAM,aAAa,GAAG,SAAS,IAAI,aAAa,KAAK,aAAa,CAAC,OAAO;IAC1E,MAAM,UAAU,GAAG,aAAa,IAAI,aAAa,KAAK,aAAa,CAAC,QAAQ;AAC5E,IAAA,MAAM,cAAc,GAClB,QAAQ,CAAC,UAAU,KAAK,KAAK,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC;IAC/D,MAAM,iBAAiB,GAAG;AACxB,UAAE,QAAQ,CAAC,UAAU,IAAI,CAAC;AACxB,cAAE;AACA,kBAAE;AACF,kBAAE;AACJ,cAAE;AACJ,UAAE;AACA,cAAE;cACA,cAAc;IACpB,MAAM,gBAAgB,GACpB,aAAa;QACb,cAAc;SACb,eAAe,IAAI,QAAQ,CAAC,UAAU,IAAI,CAAC,eAAe,CAAC;SAC3D,CAAC,eAAe,IAAI,CAAC,WAAW,IAAI,CAAC,eAAe,CAAC;AAExD,IAAA,MAAM,YAAY,GAAG;AACnB,QAAA,CAAC,aAAa,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;AAC/D,QAAA,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;AAC3D,QAAA,CAAC,aAAa,CAAC,QAAQ,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;AACjE,QAAA,CAAC,aAAa,CAAC,cAAc,GAAG;AAC9B,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,KAAK,EAAE,iBAAiB;AACzB,SAAA;AACD,QAAA,CAAC,aAAa,CAAC,gBAAgB,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;AACxE,QAAA,CAAC,aAAa,CAAC,QAAQ,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;AACjE,QAAA,CAAC,aAAa,CAAC,QAAQ,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;AACjE,QAAA,CAAC,aAAa,CAAC,UAAU,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE;KACzE;AAED,IAAA,MAAM,aAAa,GAAG;AACpB,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,WAAW;AACtB,YAAA,iBAAiB,EAAE,SAAS;AAC5B,YAAA,KAAK,EAAE,WAAW;AACnB,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,WAAW;AACtB,YAAA,iBAAiB,EAAE,SAAS;AAC5B,YAAA,KAAK,EAAE,UAAU;AAClB,SAAA;KACF;IAED,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI;AAClD,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,KAAK,EAAE,SAAS;KACjB;IACD,MAAM,oBAAoB,GAAG;AAC3B,UAAE,aAAa,CAAC,eAAe;UAC7B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE;IAEvC,MAAM,UAAU,GAAG,MAAK;QACtB,WAAW,CAAC,IAAI,CAAC;AACjB,QAAA,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC;QACzC,MAAM,GAAG,YAAY,EAAE,eAAe,EAAE,eAAe,CAAC;AAC1D,IAAA,CAAC;IAED,MAAM,YAAY,GAAG,MAAK;QACxB,eAAe,CAAC,IAAI,CAAC;AACrB,QAAA,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC;QACzC,QAAQ,GAAG,YAAY,EAAE,eAAe,EAAE,eAAe,CAAC;AAC5D,IAAA,CAAC;AAED,IAAA,QACEA,IAAA,CAAC,YAAY,EAAA,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAC,IAAI,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACnEC,GAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,SAAS,EACnB,EAAE,EAAE;AACF,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,GAAG,EAAE,EAAE;AACP,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,MAAM,EAAE,CAAC;AACV,iBAAA,EAAA,QAAA,EAEDA,GAAA,CAAC,YAAY,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAA,CAAI,EAAA,CAC3B,EAEbD,IAAA,CAAC,aAAa,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAA,QAAA,EAAA,CAE/CA,IAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CAChBC,GAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAE,oBAAoB,CAAC,KAAK,CAAC,WAAW,EAAE,EAC/C,EAAE,EAAE;AACF,oCAAA,EAAE,EAAE,CAAC;AACL,oCAAA,MAAM,EAAE,WAAW;oCACnB,eAAe,EAAE,oBAAoB,CAAC,KAAK;oCAC3C,WAAW,EAAE,oBAAoB,CAAC,KAAK;AACvC,oCAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AACjC,oCAAA,UAAU,EAAE,GAAG;AACf,oCAAA,QAAQ,EAAE,UAAU;AACpB,oCAAA,MAAM,EAAE,MAAM;AACd,oCAAA,EAAE,EAAE,CAAC;AACL,oCAAA,YAAY,EAAE,CAAC;AACf,oCAAA,EAAE,EAAE,CAAC;iCACN,EAAA,CACD,EACD,aAAa,KAAK,aAAa,CAAC,UAAU,KACzCA,GAAA,CAAC,IAAI,IACH,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,WAAW,EAAE,EACtC,EAAE,EAAE;AACF,oCAAA,EAAE,EAAE,CAAC;AACL,oCAAA,MAAM,EAAE,WAAW;AACnB,oCAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;oCAC/C,WAAW,EAAE,WAAW,CAAC,KAAK;AAC9B,oCAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AACjC,oCAAA,UAAU,EAAE,GAAG;AACf,oCAAA,QAAQ,EAAE,UAAU;AACpB,oCAAA,MAAM,EAAE,MAAM;AACd,oCAAA,EAAE,EAAE,CAAC;AACL,oCAAA,YAAY,EAAE,CAAC;AACf,oCAAA,EAAE,EAAE,CAAC;AACN,iCAAA,EAAA,CACD,CACH,CAAA,EAAA,CACG,EAGNA,GAAA,CAAC,UAAU,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,EAAA,QAAA,EAC/D,KAAK,CAAC,QAAQ,CAAC,gBAAgB,CAAC,GACtB,EAGZ,aAAa,KAAK,aAAa,CAAC,cAAc;wBAC7C,QAAQ,CAAC,QAAQ,KACfA,GAAA,CAAC,KAAK,EAAA,EACJ,OAAO,EAAC,OAAO,EACf,IAAI,EAAEA,IAAC,kBAAkB,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAA,CAAI,EAClD,EAAE,EAAE;AACF,4BAAA,EAAE,EAAE,CAAC;yBACN,EAAA,QAAA,EAEA,QAAQ,CAAC,QAAQ,EAAA,CACZ,CACT,EAGF,aAAa,KAAK,aAAa,CAAC,cAAc;AAC7C,wBAAA,QAAQ,CAAC,QAAQ,KACfA,GAAA,CAAC,KAAK,EAAA,EACJ,OAAO,EAAC,MAAM,EACd,IAAI,EACFA,GAAA,CAAC,cAAc,IACb,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,EAAA,CACvD,EAEJ,EAAE,EAAE;AACF,4BAAA,EAAE,EAAE,CAAC;AACL,4BAAA,eAAe,EAAE,WAAW;AAC5B,4BAAA,WAAW,EAAE,WAAW;AACxB,4BAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;yBAClC,EAAA,QAAA,EAEA,QAAQ,CAAC,QAAQ,EAAA,CACZ,CACT,EAGHA,GAAA,CAAC,SAAS,EAAA,EACR,SAAS,QACT,IAAI,EAAE,CAAC,EACP,SAAS,QACT,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,QAAQ,EAAE,eAAe,IAAI,UAAU,EACvC,EAAE,EAAE;AACF,4BAAA,EAAE,EAAE,CAAC;AACL,4BAAA,0BAA0B,EAAE;gCAC1B,eAAe,EACb,eAAe,IAAI;AACjB,sCAAE;AACF,sCAAE,MAAM;AACZ,gCAAA,YAAY,EAAE,CAAC;AAChB,6BAAA;yBACF,EAAA,CACD,EAGFA,IAAC,gBAAgB,EAAA,EACf,OAAO,EACLA,GAAA,CAAC,QAAQ,EAAA,EACP,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,2BAA2B,EACrC,EAAE,EAAE;AACF,gCAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AACjC,gCAAA,eAAe,EAAE;AACf,oCAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAClC,iCAAA;6BACF,EAAA,CACD,EAEJ,KAAK,EAAC,qBAAqB,EAC3B,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,CACb,EAGD,CAAC,kBAAkB,IAAI,QAAQ,CAAC,KAAK,KAAK,aAAa,CAAC,OAAO,IAC9DA,GAAA,CAAC,gBAAgB,IACf,OAAO,EACLA,GAAA,CAAC,QAAQ,EAAA,EACP,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,4BAA4B,EACtC,EAAE,EAAE;AACF,gCAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AACjC,gCAAA,eAAe,EAAE;AACf,oCAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAClC,iCAAA;6BACF,EAAA,CACD,EAEJ,KAAK,EAAC,mBAAmB,EACzB,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GACb,KAEFA,GAAA,CAAAC,QAAA,EAAA,EAAA,CAAK,CACN,EAEDF,IAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,4BAAA,OAAO,EAAE,MAAM;4BACf,aAAa,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE;4BAC1C,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE;AAC3C,4BAAA,cAAc,EAAE,eAAe;AAC/B,4BAAA,GAAG,EAAE,CAAC;AACN,4BAAA,EAAE,EAAE,CAAC;AACL,4BAAA,SAAS,EAAE,WAAW;AACtB,4BAAA,WAAW,EAAE,SAAS;yBACvB,EAAA,QAAA,EAAA,CAEA,aAAa,KAAK,aAAa,CAAC,QAAQ,IACvCA,IAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,aACrD,CAAC,eAAe,KACfC,GAAA,CAAC,MAAM,IACL,OAAO,EAAE,UAAU,EACnB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,CAAC,WAAW,IAAI,aAAa,IAAI,cAAc,EAAA,QAAA,EAExD,QAAQ,IACPD,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,GAAA,CAAC,gBAAgB,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,EAC9BA,IAAC,UAAU,EAAA,EAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,WAAA,EAAA,CAAwB,CAAA,EAAA,CACzD,KAEH,eAAe,CAChB,EAAA,CACM,CACV,EACDA,IAAC,MAAM,EAAA,EACL,OAAO,EAAE,YAAY,EACrB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,gBAAgB,EAC1B,EAAE,EAAE;4CACF,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI;AAClD,4CAAA,SAAS,EAAE;gDACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI;AACnD,6CAAA;yCACF,EAAA,QAAA,EAEA,YAAY,IACXD,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,GAAA,CAAC,gBAAgB,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,EAC9BA,GAAA,CAAC,UAAU,EAAA,EAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,eAAA,EAAA,CAErB,CAAA,EAAA,CACZ,KAEH,iBAAiB,CAClB,EAAA,CACM,EACR,eAAe,KAAK,eAAe,CAAC,QAAQ,KAC3CA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,EAAE,EAAE;AACF,4CAAA,eAAe,EAAE,WAAW;AAC5B,4CAAA,SAAS,EAAE;gDACT,eAAe,EAAE,WAAW;AAC7B,6CAAA;AACF,yCAAA,EACD,QAAQ,EAAE,aAAa,EAAA,QAAA,EAAA,iBAAA,EAAA,CAGhB,CACV,IACG,KAENA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAA,QAAA,EACtDA,IAAC,MAAM,EAAA,EACL,OAAO,EAAE,MAAK;wCACZ,eAAe,CAAC,IAAI,CAAC;;AAErB,wCAAA,MAAM,YAAY,GAAG,SAAS,CAC5B,SAAS,CAAC,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CACvC;wCACD,cAAc,CAAC,SAAS,CAAC;wCACzB,YAAY,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;wCACpD,kBAAkB,CAAC,IAAI,CAAC;wCACxB,QAAQ,GAAG,YAAY,EAAE,IAAI,EAAE,eAAe,CAAC;AACjD,oCAAA,CAAC,EACD,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,aAAa,EACvB,EAAE,EAAE;AACF,wCAAA,eAAe,EAAE,WAAW;AAC5B,wCAAA,SAAS,EAAE;AACT,4CAAA,eAAe,EAAE,WAAW;AAC7B,yCAAA;AACF,qCAAA,EAAA,QAAA,EAEA,YAAY,IACXD,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,IAAC,gBAAgB,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,EAC9BA,IAAC,UAAU,EAAA,EAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,cAAA,EAAA,CAErB,IACZ,KAEH,iBAAiB,CAClB,EAAA,CACM,GACL,CACP,EAEDD,KAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,oCAAA,OAAO,EAAE,MAAM;AACf,oCAAA,UAAU,EAAE,QAAQ;AACpB,oCAAA,GAAG,EAAE,GAAG;oCACR,cAAc,EAAE,EAAE,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,UAAU,EAAE;iCACxD,EAAA,QAAA,EAAA,CAEA,WAAW,KAAK,CAAC,KAChBC,GAAA,CAAC,SAAS,EAAA,EACR,OAAO,EAAE,UAAU,gBACR,UAAU,EACrB,QAAQ,EAAE,SAAS,EAAA,QAAA,EAEnBA,IAAC,mBAAmB,EAAA,EAClB,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GACvD,EAAA,CACQ,CACb,EACA,WAAW,KAAK,UAAU,KACzBA,GAAA,CAAC,SAAS,EAAA,EACR,OAAO,EAAE,MAAM,EAAA,YAAA,EACJ,MAAM,EACjB,QAAQ,EAAE,SAAS,EAAA,QAAA,EAEnBA,GAAA,CAAC,sBAAsB,EAAA,EACrB,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,EAAA,CACvD,EAAA,CACQ,CACb,EACDD,IAAA,CAAC,UAAU,EAAA,EAAC,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAC,UAAU,EAAA,QAAA,EAAA,CAC7C,WAAW,EAAA,GAAA,EAAG,UAAU,CAAA,EAAA,CACd,IACT,CAAA,EAAA,CACF,CAAA,EAAA,CACQ,CAAA,EAAA,CACH;AAEnB;;;;"}

package/dist/esm/components/NoteBox.js

@@ -25,6 +25,12 @@ const statusConfig = {
         label: "ActionRequired",
         alertVariant: "error",
     },
+    "Ready For Approval": {
+        highlight: "#F5E2FF",
+        highlightSelected: "#EBC7FF",
+        label: "Pending",
+        alertVariant: "info",
+    },
     Declined: {
         highlight: "#FFF6D1",
         highlightSelected: "#FDE58E",

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

@@ -1 +1 @@
-{"version":3,"file":"NoteBox.js","sources":["../../../../src/components/NoteBox.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport { Box, Typography, IconButton, styled, Chip } from \"@mui/material\";\r\nimport { CheckRounded, EditRounded } from \"@mui/icons-material\";\r\nimport { Alert } from \"./Alert\";\r\nimport { RequirementType, VariableState } from \"../types/variable\";\r\nimport {\r\n  mapRequirementTypeToState,\r\n  mapStatusToVariableState,\r\n} from \"../helpers/variableProcessing\";\r\n\r\ninterface NoteBoxProps {\r\n  status?: string; // Use only status now\r\n  requirementType?: string;\r\n  label?: string;\r\n  note?: string;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  onEditClick?: () => void;\r\n}\r\n\r\n// Status based color configs (from Modal)\r\nconst statusConfig: {\r\n  [key in VariableState]: {\r\n    highlight: string;\r\n    highlightSelected: string;\r\n    label: string;\r\n    alertVariant?: \"error\" | \"info\";\r\n  };\r\n} = {\r\n  Accepted: {\r\n    highlight: \"#EDF9CD\",\r\n    highlightSelected: \"#DBF59A\",\r\n    label: \"Accepted\",\r\n  },\r\n  Pending: {\r\n    highlight: \"#F5E2FF\",\r\n    highlightSelected: \"#EBC7FF\",\r\n    label: \"Pending\",\r\n    alertVariant: \"info\",\r\n  },\r\n  \"Action Required\": {\r\n    highlight: \"#FBEEEE\",\r\n    highlightSelected: \"#FFBCB3\",\r\n    label: \"ActionRequired\",\r\n    alertVariant: \"error\",\r\n  },\r\n  Declined: {\r\n    highlight: \"#FFF6D1\",\r\n    highlightSelected: \"#FDE58E\",\r\n    label: \"Declined\",\r\n  },\r\n  \"Not Started\": {\r\n    highlight: \"#f8c97cff\",\r\n    highlightSelected: \"#F5A623\",\r\n    label: \"Not Started\",\r\n  },\r\n  Rejected: {\r\n    highlight: \"#FBEEEE\",\r\n    highlightSelected: \"#FFBCB3\",\r\n    label: \"ActionRequired\",\r\n    alertVariant: \"error\",\r\n  },\r\n  Draft: {\r\n    highlight: \"#FFEACD\",\r\n    highlightSelected: \"#FFC365\",\r\n    label: \"Draft\",\r\n  },\r\n};\r\n\r\nconst NoteContainer = styled(Box)({\r\n  position: \"relative\",\r\n  display: \"inline\",\r\n  maxWidth: \"100%\",\r\n});\r\n\r\n// Uses highlight colors driven by status exclusively\r\nconst HighlightWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) =>\r\n    prop !== \"isHovered\" &&\r\n    prop !== \"highlightColor\" &&\r\n    prop !== \"highlightSelectedColor\",\r\n})<{\r\n  isHovered: boolean;\r\n  highlightColor: string;\r\n  highlightSelectedColor: string;\r\n}>(({ isHovered, highlightColor, highlightSelectedColor }) => ({\r\n  position: \"relative\",\r\n  display: \"inline\",\r\n  maxWidth: \"100%\",\r\n  \"&:hover .edit-button\": {\r\n    opacity: 1,\r\n  },\r\n  \"& .highlight-span\": {\r\n    background: isHovered ? highlightSelectedColor : highlightColor,\r\n    padding: \"2px 4px\",\r\n    borderBottom: \"2px solid rgba(77, 48, 25, 0.3)\",\r\n    boxDecorationBreak: \"clone\",\r\n    WebkitBoxDecorationBreak: \"clone\",\r\n    transition: \"background 0.2s ease\",\r\n    cursor: \"pointer\",\r\n    fontSize: \"1rem\",\r\n    wordWrap: \"break-word\",\r\n    overflowWrap: \"break-word\",\r\n    display: \"inline\",\r\n    color: \"#4D3019\",\r\n  },\r\n}));\r\n\r\nconst EditButton = styled(IconButton)(({ theme }) => ({\r\n  top: 0,\r\n  right: 0,\r\n  transform: \"translate(-50%, -50%)\",\r\n  position: \"relative\",\r\n  width: 20,\r\n  height: 20,\r\n  marginRight: -20,\r\n  borderRadius:\r\n    (typeof theme.shape.borderRadius === \"string\"\r\n      ? parseInt(theme.shape.borderRadius, 10)\r\n      : theme.shape.borderRadius || 4) * 2,\r\n  backgroundColor: \"#4D3019\",\r\n  opacity: 0,\r\n  transition: \"all 0.2s ease\",\r\n  boxShadow: \"0 1px 3px rgba(0,0,0,0.12)\",\r\n  \"&:hover\": {\r\n    backgroundColor: \"#4D3019\",\r\n    transform: \"translate(-50%, -50%) scale(1.1)\",\r\n  },\r\n}));\r\n\r\nexport const NoteBox: React.FC<NoteBoxProps> = ({\r\n  status,\r\n  requirementType,\r\n  label,\r\n  note,\r\n  children,\r\n  className = \"\",\r\n  onEditClick,\r\n}) => {\r\n  const [isHovered, setIsHovered] = useState(false);\r\n\r\n  // Map current status\r\n  const variableState = mapStatusToVariableState(status!!);\r\n  const requirementTypeState = mapRequirementTypeToState(requirementType!!);\r\n\r\n  const style = variableState\r\n    ? statusConfig[variableState]\r\n    : {\r\n        highlight: \"#EEE\",\r\n        highlightSelected: \"#DDD\",\r\n        label: label || \"\",\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 requirementTypeStyle = requirementTypeState\r\n    ? reqTypeConfig[requirementTypeState]\r\n    : {\r\n        highlight: \"#EEE\",\r\n        highlightSelected: \"#DDD\",\r\n        label: label || \"\",\r\n      };\r\n\r\n  return (\r\n    <NoteContainer className={className}>\r\n      {/* Alert for note when status matches and note available */}\r\n      {variableState && style.alertVariant && note && (\r\n        <Alert variant={style.alertVariant} sx={{ mb: 1 }}>\r\n          {note}\r\n        </Alert>\r\n      )}\r\n\r\n      {/* Highlighted content box */}\r\n      <HighlightWrapper\r\n        isHovered={isHovered}\r\n        highlightColor={\r\n          variableState === VariableState.NotStarted\r\n            ? requirementTypeStyle.highlight\r\n            : style.highlight\r\n        }\r\n        highlightSelectedColor={\r\n          variableState === VariableState.NotStarted\r\n            ? requirementTypeStyle.highlightSelected\r\n            : style.highlightSelected\r\n        }\r\n        onMouseEnter={() => setIsHovered(true)}\r\n        onMouseLeave={() => setIsHovered(false)}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          if (onEditClick) {\r\n            onEditClick();\r\n          }\r\n        }}\r\n      >\r\n        <span className=\"highlight-span\" style={{ display: \"inline\" }}>\r\n          {children}\r\n        </span>\r\n        <EditButton\r\n          className=\"edit-button\"\r\n          onClick={(e) => {\r\n            e.stopPropagation();\r\n            if (onEditClick) {\r\n              onEditClick();\r\n            }\r\n          }}\r\n          size=\"small\"\r\n        >\r\n          {variableState === VariableState.Accepted ? (\r\n            <CheckRounded\r\n              sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }}\r\n            />\r\n          ) : (\r\n            <EditRounded\r\n              sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }}\r\n            />\r\n          )}\r\n        </EditButton>\r\n      </HighlightWrapper>\r\n    </NoteContainer>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"NoteBox.js","sources":["../../../../src/components/NoteBox.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport { Box, Typography, IconButton, styled, Chip } from \"@mui/material\";\r\nimport { CheckRounded, EditRounded } from \"@mui/icons-material\";\r\nimport { Alert } from \"./Alert\";\r\nimport { RequirementType, VariableState } from \"../types/variable\";\r\nimport {\r\n  mapRequirementTypeToState,\r\n  mapStatusToVariableState,\r\n} from \"../helpers/variableProcessing\";\r\n\r\ninterface NoteBoxProps {\r\n  status?: string; // Use only status now\r\n  requirementType?: string;\r\n  label?: string;\r\n  note?: string;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  onEditClick?: () => void;\r\n}\r\n\r\n// Status based color configs (from Modal)\r\nconst statusConfig: {\r\n  [key in VariableState]: {\r\n    highlight: string;\r\n    highlightSelected: string;\r\n    label: string;\r\n    alertVariant?: \"error\" | \"info\";\r\n  };\r\n} = {\r\n  Accepted: {\r\n    highlight: \"#EDF9CD\",\r\n    highlightSelected: \"#DBF59A\",\r\n    label: \"Accepted\",\r\n  },\r\n  Pending: {\r\n    highlight: \"#F5E2FF\",\r\n    highlightSelected: \"#EBC7FF\",\r\n    label: \"Pending\",\r\n    alertVariant: \"info\",\r\n  },\r\n  \"Action Required\": {\r\n    highlight: \"#FBEEEE\",\r\n    highlightSelected: \"#FFBCB3\",\r\n    label: \"ActionRequired\",\r\n    alertVariant: \"error\",\r\n  },\r\n  \"Ready For Approval\": {\r\n    highlight: \"#F5E2FF\",\r\n    highlightSelected: \"#EBC7FF\",\r\n    label: \"Pending\",\r\n    alertVariant: \"info\",\r\n  },\r\n  Declined: {\r\n    highlight: \"#FFF6D1\",\r\n    highlightSelected: \"#FDE58E\",\r\n    label: \"Declined\",\r\n  },\r\n  \"Not Started\": {\r\n    highlight: \"#f8c97cff\",\r\n    highlightSelected: \"#F5A623\",\r\n    label: \"Not Started\",\r\n  },\r\n  Rejected: {\r\n    highlight: \"#FBEEEE\",\r\n    highlightSelected: \"#FFBCB3\",\r\n    label: \"ActionRequired\",\r\n    alertVariant: \"error\",\r\n  },\r\n  Draft: {\r\n    highlight: \"#FFEACD\",\r\n    highlightSelected: \"#FFC365\",\r\n    label: \"Draft\",\r\n  },\r\n};\r\n\r\nconst NoteContainer = styled(Box)({\r\n  position: \"relative\",\r\n  display: \"inline\",\r\n  maxWidth: \"100%\",\r\n});\r\n\r\n// Uses highlight colors driven by status exclusively\r\nconst HighlightWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) =>\r\n    prop !== \"isHovered\" &&\r\n    prop !== \"highlightColor\" &&\r\n    prop !== \"highlightSelectedColor\",\r\n})<{\r\n  isHovered: boolean;\r\n  highlightColor: string;\r\n  highlightSelectedColor: string;\r\n}>(({ isHovered, highlightColor, highlightSelectedColor }) => ({\r\n  position: \"relative\",\r\n  display: \"inline\",\r\n  maxWidth: \"100%\",\r\n  \"&:hover .edit-button\": {\r\n    opacity: 1,\r\n  },\r\n  \"& .highlight-span\": {\r\n    background: isHovered ? highlightSelectedColor : highlightColor,\r\n    padding: \"2px 4px\",\r\n    borderBottom: \"2px solid rgba(77, 48, 25, 0.3)\",\r\n    boxDecorationBreak: \"clone\",\r\n    WebkitBoxDecorationBreak: \"clone\",\r\n    transition: \"background 0.2s ease\",\r\n    cursor: \"pointer\",\r\n    fontSize: \"1rem\",\r\n    wordWrap: \"break-word\",\r\n    overflowWrap: \"break-word\",\r\n    display: \"inline\",\r\n    color: \"#4D3019\",\r\n  },\r\n}));\r\n\r\nconst EditButton = styled(IconButton)(({ theme }) => ({\r\n  top: 0,\r\n  right: 0,\r\n  transform: \"translate(-50%, -50%)\",\r\n  position: \"relative\",\r\n  width: 20,\r\n  height: 20,\r\n  marginRight: -20,\r\n  borderRadius:\r\n    (typeof theme.shape.borderRadius === \"string\"\r\n      ? parseInt(theme.shape.borderRadius, 10)\r\n      : theme.shape.borderRadius || 4) * 2,\r\n  backgroundColor: \"#4D3019\",\r\n  opacity: 0,\r\n  transition: \"all 0.2s ease\",\r\n  boxShadow: \"0 1px 3px rgba(0,0,0,0.12)\",\r\n  \"&:hover\": {\r\n    backgroundColor: \"#4D3019\",\r\n    transform: \"translate(-50%, -50%) scale(1.1)\",\r\n  },\r\n}));\r\n\r\nexport const NoteBox: React.FC<NoteBoxProps> = ({\r\n  status,\r\n  requirementType,\r\n  label,\r\n  note,\r\n  children,\r\n  className = \"\",\r\n  onEditClick,\r\n}) => {\r\n  const [isHovered, setIsHovered] = useState(false);\r\n\r\n  // Map current status\r\n  const variableState = mapStatusToVariableState(status!!);\r\n  const requirementTypeState = mapRequirementTypeToState(requirementType!!);\r\n\r\n  const style = variableState\r\n    ? statusConfig[variableState]\r\n    : {\r\n        highlight: \"#EEE\",\r\n        highlightSelected: \"#DDD\",\r\n        label: label || \"\",\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 requirementTypeStyle = requirementTypeState\r\n    ? reqTypeConfig[requirementTypeState]\r\n    : {\r\n        highlight: \"#EEE\",\r\n        highlightSelected: \"#DDD\",\r\n        label: label || \"\",\r\n      };\r\n\r\n  return (\r\n    <NoteContainer className={className}>\r\n      {/* Alert for note when status matches and note available */}\r\n      {variableState && style.alertVariant && note && (\r\n        <Alert variant={style.alertVariant} sx={{ mb: 1 }}>\r\n          {note}\r\n        </Alert>\r\n      )}\r\n\r\n      {/* Highlighted content box */}\r\n      <HighlightWrapper\r\n        isHovered={isHovered}\r\n        highlightColor={\r\n          variableState === VariableState.NotStarted\r\n            ? requirementTypeStyle.highlight\r\n            : style.highlight\r\n        }\r\n        highlightSelectedColor={\r\n          variableState === VariableState.NotStarted\r\n            ? requirementTypeStyle.highlightSelected\r\n            : style.highlightSelected\r\n        }\r\n        onMouseEnter={() => setIsHovered(true)}\r\n        onMouseLeave={() => setIsHovered(false)}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          if (onEditClick) {\r\n            onEditClick();\r\n          }\r\n        }}\r\n      >\r\n        <span className=\"highlight-span\" style={{ display: \"inline\" }}>\r\n          {children}\r\n        </span>\r\n        <EditButton\r\n          className=\"edit-button\"\r\n          onClick={(e) => {\r\n            e.stopPropagation();\r\n            if (onEditClick) {\r\n              onEditClick();\r\n            }\r\n          }}\r\n          size=\"small\"\r\n        >\r\n          {variableState === VariableState.Accepted ? (\r\n            <CheckRounded\r\n              sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }}\r\n            />\r\n          ) : (\r\n            <EditRounded\r\n              sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }}\r\n            />\r\n          )}\r\n        </EditButton>\r\n      </HighlightWrapper>\r\n    </NoteContainer>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -7,6 +7,8 @@ interface Tab {
 interface TabsProps {
     tabs: Tab[];
     defaultTab?: string;
+    /** Called when the user selects a tab (desktop click or mobile accordion expand). */
+    onTabChange?: (tabId: string) => void;
 }
 export declare const Tabs: React.FC<TabsProps>;
 export {};

package/dist/esm/components/Tabs.js

@@ -74,16 +74,20 @@ const MobileTabContent = styled(Box)(({ theme }) => ({
     color: theme.palette.text.primary,
     backgroundColor: theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main,
 }));
-const Tabs = ({ tabs, defaultTab }) => {
+const Tabs = ({ tabs, defaultTab, onTabChange }) => {
     const [activeTab, setActiveTab] = useState(defaultTab || tabs[0]?.id);
     const [mobileExpandedTab, setMobileExpandedTab] = useState(null);
     const theme = useTheme();
     const activeTabContent = tabs.find(tab => tab.id === activeTab)?.content;
-    const handleMobileTabClick = (tabId) => {
+    const handleTabSelect = (tabId) => {
         setActiveTab(tabId);
+        onTabChange?.(tabId);
+    };
+    const handleMobileTabClick = (tabId) => {
+        handleTabSelect(tabId);
         setMobileExpandedTab(mobileExpandedTab === tabId ? null : tabId);
     };
-    return (jsxs(Fragment, { children: [jsxs(TabsContainer, { children: [jsx(TabButtonsWrapper, { children: tabs.map((tab) => (jsx(TabButton, { onClick: () => setActiveTab(tab.id), isActive: activeTab === tab.id, children: tab.label }, tab.id))) }), jsx(TabContent, { children: activeTabContent })] }), jsx(MobileContainer, { children: tabs.map((tab, index) => (jsxs(Box, { sx: {
+    return (jsxs(Fragment, { children: [jsxs(TabsContainer, { children: [jsx(TabButtonsWrapper, { children: tabs.map((tab) => (jsx(TabButton, { onClick: () => handleTabSelect(tab.id), isActive: activeTab === tab.id, children: tab.label }, tab.id))) }), jsx(TabContent, { children: activeTabContent })] }), jsx(MobileContainer, { children: tabs.map((tab, index) => (jsxs(Box, { sx: {
                         borderTop: index !== 0 ? '2px solid #e5e7eb' : 'none',
                     }, children: [jsxs(MobileTabButton, { onClick: () => handleMobileTabClick(tab.id), isExpanded: mobileExpandedTab === tab.id, children: [jsx(Box, { component: "span", sx: {
                                         fontSize: '16px',

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs.tsx"],"sourcesContent":["\r\n\r\nimport React, { useState } from 'react';\r\nimport { Box, Button, Collapse, styled } from '@mui/material';\r\nimport { ExpandMoreRounded } from '@mui/icons-material';\r\nimport { useTheme } from '../ThemeProvider';\r\n\r\ninterface Tab {\r\n  id: string;\r\n  label: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface TabsProps {\r\n  tabs: Tab[];\r\n  defaultTab?: string;\r\n}\r\n\r\nconst TabsContainer = styled(Box)({\r\n  backgroundColor: '#00000000',\r\n  display: 'none',\r\n  '@media (min-width: 1200px)': {\r\n    display: 'block',\r\n  },\r\n});\r\n\r\nconst TabButtonsWrapper = styled(Box)({\r\n  display: 'flex',\r\n  gap: '4px',\r\n  backgroundColor: '#00000000',\r\n});\r\n\r\nconst TabButton = styled(Button,{\r\n  shouldForwardProp: (prop) => prop !== 'isActive'\r\n})<{ isActive: boolean }>(({ theme, isActive }) => ({\r\n  padding: theme.spacing(2, 3),\r\n  fontSize: '16px',\r\n  fontWeight: 500,\r\n  textTransform: 'none',\r\n  color: isActive ? theme.palette.text.primary : '#826E5C',\r\n  backgroundColor: isActive ? theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main : 'transparent',\r\n  borderRadius: 0,\r\n  position: 'relative',\r\n  minWidth: 'auto',\r\n  '&:hover': {\r\n    backgroundColor: isActive ? theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main : 'rgba(77, 48, 25, 0.05)',\r\n    color: theme.palette.text.primary,\r\n  },\r\n  '&::after': isActive ? {\r\n    content: '\"\"',\r\n    position: 'absolute',\r\n    bottom: 0,\r\n    left: 0,\r\n    right: 0,\r\n    height: '4px',\r\n    backgroundColor: theme.palette.primary.main,\r\n  } : {},\r\n}));\r\n\r\nconst TabContent = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(3),\r\n  color: theme.palette.text.primary,\r\n  backgroundColor: theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main,\r\n}));\r\n\r\nconst MobileContainer = styled(Box)({\r\n  backgroundColor: '#00000000',\r\n  '@media (min-width: 1200px)': {\r\n    display: 'none',\r\n  },\r\n});\r\n\r\nconst MobileTabButton = styled(Button,{\r\n  shouldForwardProp: (prop) => prop !== 'isExpanded'\r\n})<{ isExpanded: boolean }>(({ theme, isExpanded }) => ({\r\n  width: '100%',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'space-between',\r\n  padding: theme.spacing(2, 2),\r\n  textAlign: 'left',\r\n  textTransform: 'none',\r\n  borderRadius: 0,\r\n  backgroundColor: isExpanded ? theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main : 'transparent',\r\n  '&:hover': {\r\n    backgroundColor: isExpanded ? theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main : 'rgba(77, 48, 25, 0.05)',\r\n  },\r\n}));\r\n\r\nconst MobileTabContent = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(2, 2, 3, 2),\r\n  color: theme.palette.text.primary,\r\n  backgroundColor: theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main,\r\n}));\r\n\r\nexport const Tabs: React.FC<TabsProps> = ({ tabs, defaultTab }) => {\r\n  const [activeTab, setActiveTab] = useState(defaultTab || tabs[0]?.id);\r\n  const [mobileExpandedTab, setMobileExpandedTab] = useState<string | null>(null);\r\n  const theme = useTheme();\r\n  const activeTabContent = tabs.find(tab => tab.id === activeTab)?.content;\r\n\r\n  const handleMobileTabClick = (tabId: string) => {\r\n    setActiveTab(tabId);\r\n    setMobileExpandedTab(mobileExpandedTab === tabId ? null : tabId);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {/* Desktop View */}\r\n      <TabsContainer>\r\n        <TabButtonsWrapper>\r\n          {tabs.map((tab) => (\r\n            <TabButton\r\n              key={tab.id}\r\n              onClick={() => setActiveTab(tab.id)}\r\n              isActive={activeTab === tab.id}\r\n            >\r\n              {tab.label}\r\n            </TabButton>\r\n          ))}\r\n        </TabButtonsWrapper>\r\n        <TabContent>\r\n          {activeTabContent}\r\n        </TabContent>\r\n      </TabsContainer>\r\n\r\n      {/* Mobile View - Accordion */}\r\n      <MobileContainer>\r\n        {tabs.map((tab, index) => (\r\n          <Box\r\n            key={tab.id}\r\n            sx={{\r\n              borderTop: index !== 0 ? '2px solid #e5e7eb' : 'none',\r\n            }}\r\n          >\r\n            <MobileTabButton\r\n              onClick={() => handleMobileTabClick(tab.id)}\r\n              isExpanded={mobileExpandedTab === tab.id}\r\n            >\r\n              <Box\r\n                component=\"span\"\r\n                sx={{\r\n                  fontSize: '16px',\r\n                  fontWeight: 500,\r\n                  color: activeTab === tab.id ? theme.palette.text.primary : '#826E5C',\r\n                }}\r\n              >\r\n                {tab.label}\r\n              </Box>\r\n              <ExpandMoreRounded\r\n                sx={{\r\n                  fontSize: 20,\r\n                  color: activeTab === tab.id ? theme.palette.text.primary : '#826E5C',\r\n                  transform: mobileExpandedTab === tab.id ? 'rotate(180deg)' : 'rotate(0deg)',\r\n                  transition: 'transform 0.2s',\r\n                }}\r\n              />\r\n            </MobileTabButton>\r\n            <Collapse in={mobileExpandedTab === tab.id}>\r\n              <MobileTabContent>\r\n                {tab.content}\r\n              </MobileTabContent>\r\n            </Collapse>\r\n          </Box>\r\n        ))}\r\n      </MobileContainer>\r\n    </>\r\n  );\r\n};"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs.tsx"],"sourcesContent":["\r\n\r\nimport React, { useState } from 'react';\r\nimport { Box, Button, Collapse, styled } from '@mui/material';\r\nimport { ExpandMoreRounded } from '@mui/icons-material';\r\nimport { useTheme } from '../ThemeProvider';\r\n\r\ninterface Tab {\r\n  id: string;\r\n  label: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface TabsProps {\r\n  tabs: Tab[];\r\n  defaultTab?: string;\r\n  /** Called when the user selects a tab (desktop click or mobile accordion expand). */\r\n  onTabChange?: (tabId: string) => void;\r\n}\r\n\r\nconst TabsContainer = styled(Box)({\r\n  backgroundColor: '#00000000',\r\n  display: 'none',\r\n  '@media (min-width: 1200px)': {\r\n    display: 'block',\r\n  },\r\n});\r\n\r\nconst TabButtonsWrapper = styled(Box)({\r\n  display: 'flex',\r\n  gap: '4px',\r\n  backgroundColor: '#00000000',\r\n});\r\n\r\nconst TabButton = styled(Button,{\r\n  shouldForwardProp: (prop) => prop !== 'isActive'\r\n})<{ isActive: boolean }>(({ theme, isActive }) => ({\r\n  padding: theme.spacing(2, 3),\r\n  fontSize: '16px',\r\n  fontWeight: 500,\r\n  textTransform: 'none',\r\n  color: isActive ? theme.palette.text.primary : '#826E5C',\r\n  backgroundColor: isActive ? theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main : 'transparent',\r\n  borderRadius: 0,\r\n  position: 'relative',\r\n  minWidth: 'auto',\r\n  '&:hover': {\r\n    backgroundColor: isActive ? theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main : 'rgba(77, 48, 25, 0.05)',\r\n    color: theme.palette.text.primary,\r\n  },\r\n  '&::after': isActive ? {\r\n    content: '\"\"',\r\n    position: 'absolute',\r\n    bottom: 0,\r\n    left: 0,\r\n    right: 0,\r\n    height: '4px',\r\n    backgroundColor: theme.palette.primary.main,\r\n  } : {},\r\n}));\r\n\r\nconst TabContent = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(3),\r\n  color: theme.palette.text.primary,\r\n  backgroundColor: theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main,\r\n}));\r\n\r\nconst MobileContainer = styled(Box)({\r\n  backgroundColor: '#00000000',\r\n  '@media (min-width: 1200px)': {\r\n    display: 'none',\r\n  },\r\n});\r\n\r\nconst MobileTabButton = styled(Button,{\r\n  shouldForwardProp: (prop) => prop !== 'isExpanded'\r\n})<{ isExpanded: boolean }>(({ theme, isExpanded }) => ({\r\n  width: '100%',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'space-between',\r\n  padding: theme.spacing(2, 2),\r\n  textAlign: 'left',\r\n  textTransform: 'none',\r\n  borderRadius: 0,\r\n  backgroundColor: isExpanded ? theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main : 'transparent',\r\n  '&:hover': {\r\n    backgroundColor: isExpanded ? theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main : 'rgba(77, 48, 25, 0.05)',\r\n  },\r\n}));\r\n\r\nconst MobileTabContent = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(2, 2, 3, 2),\r\n  color: theme.palette.text.primary,\r\n  backgroundColor: theme.palette.custom?.tabBackgroundColor || theme.palette.accent.main,\r\n}));\r\n\r\nexport const Tabs: React.FC<TabsProps> = ({ tabs, defaultTab, onTabChange }) => {\r\n  const [activeTab, setActiveTab] = useState(defaultTab || tabs[0]?.id);\r\n  const [mobileExpandedTab, setMobileExpandedTab] = useState<string | null>(null);\r\n  const theme = useTheme();\r\n  const activeTabContent = tabs.find(tab => tab.id === activeTab)?.content;\r\n\r\n  const handleTabSelect = (tabId: string) => {\r\n    setActiveTab(tabId);\r\n    onTabChange?.(tabId);\r\n  };\r\n\r\n  const handleMobileTabClick = (tabId: string) => {\r\n    handleTabSelect(tabId);\r\n    setMobileExpandedTab(mobileExpandedTab === tabId ? null : tabId);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {/* Desktop View */}\r\n      <TabsContainer>\r\n        <TabButtonsWrapper>\r\n          {tabs.map((tab) => (\r\n            <TabButton\r\n              key={tab.id}\r\n              onClick={() => handleTabSelect(tab.id)}\r\n              isActive={activeTab === tab.id}\r\n            >\r\n              {tab.label}\r\n            </TabButton>\r\n          ))}\r\n        </TabButtonsWrapper>\r\n        <TabContent>\r\n          {activeTabContent}\r\n        </TabContent>\r\n      </TabsContainer>\r\n\r\n      {/* Mobile View - Accordion */}\r\n      <MobileContainer>\r\n        {tabs.map((tab, index) => (\r\n          <Box\r\n            key={tab.id}\r\n            sx={{\r\n              borderTop: index !== 0 ? '2px solid #e5e7eb' : 'none',\r\n            }}\r\n          >\r\n            <MobileTabButton\r\n              onClick={() => handleMobileTabClick(tab.id)}\r\n              isExpanded={mobileExpandedTab === tab.id}\r\n            >\r\n              <Box\r\n                component=\"span\"\r\n                sx={{\r\n                  fontSize: '16px',\r\n                  fontWeight: 500,\r\n                  color: activeTab === tab.id ? theme.palette.text.primary : '#826E5C',\r\n                }}\r\n              >\r\n                {tab.label}\r\n              </Box>\r\n              <ExpandMoreRounded\r\n                sx={{\r\n                  fontSize: 20,\r\n                  color: activeTab === tab.id ? theme.palette.text.primary : '#826E5C',\r\n                  transform: mobileExpandedTab === tab.id ? 'rotate(180deg)' : 'rotate(0deg)',\r\n                  transition: 'transform 0.2s',\r\n                }}\r\n              />\r\n            </MobileTabButton>\r\n            <Collapse in={mobileExpandedTab === tab.id}>\r\n              <MobileTabContent>\r\n                {tab.content}\r\n              </MobileTabContent>\r\n            </Collapse>\r\n          </Box>\r\n        ))}\r\n      </MobileContainer>\r\n    </>\r\n  );\r\n};"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/esm/helpers/variableProcessing.js

@@ -8,6 +8,8 @@ function mapStatusToVariableState(status) {
             return VariableState.Pending;
         case "Action Required":
             return VariableState.ActionRequired;
+        case "Ready For Approval":
+            return VariableState.ReadyForApproval;
         case "Rejected":
             return VariableState.Rejected;
         case "Declined":

package/dist/esm/helpers/variableProcessing.js.map

@@ -1 +1 @@
-{"version":3,"file":"variableProcessing.js","sources":["../../../../src/helpers/variableProcessing.ts"],"sourcesContent":["import { VariableState, RequirementType } from \"../types/variable\";\r\n\r\nfunction mapStatusToVariableState(status: string): VariableState | undefined {\r\n  switch (status) {\r\n    case \"Accepted\":\r\n      return VariableState.Accepted;\r\n    case \"Pending\":\r\n      return VariableState.Pending;\r\n    case \"Action Required\":\r\n      return VariableState.ActionRequired;\r\n    case \"Rejected\":\r\n      return VariableState.Rejected;\r\n    case \"Declined\":\r\n      return VariableState.Declined;\r\n    case \"Draft\":\r\n      return VariableState.Draft;\r\n    case \"Not Started\":\r\n      return VariableState.NotStarted;\r\n    default:\r\n      return undefined;\r\n  }\r\n}\r\n\r\nfunction mapRequirementTypeToState(\r\n  reqType: string,\r\n): RequirementType | undefined {\r\n  switch (reqType) {\r\n    case \"Default\":\r\n      return RequirementType.Default;\r\n    case \"Optional\":\r\n      return RequirementType.Optional;\r\n    default:\r\n      return undefined;\r\n  }\r\n}\r\n\r\nexport { mapStatusToVariableState, mapRequirementTypeToState };\r\n"],"names":[],"mappings":";;AAEA,SAAS,wBAAwB,CAAC,MAAc,EAAA;IAC9C,QAAQ,MAAM;AACZ,QAAA,KAAK,UAAU;YACb,OAAO,aAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,OAAO;AAC9B,QAAA,KAAK,iBAAiB;YACpB,OAAO,aAAa,CAAC,cAAc;AACrC,QAAA,KAAK,UAAU;YACb,OAAO,aAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,UAAU;YACb,OAAO,aAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,OAAO;YACV,OAAO,aAAa,CAAC,KAAK;AAC5B,QAAA,KAAK,aAAa;YAChB,OAAO,aAAa,CAAC,UAAU;AACjC,QAAA;AACE,YAAA,OAAO,SAAS;;AAEtB;AAEA,SAAS,yBAAyB,CAChC,OAAe,EAAA;IAEf,QAAQ,OAAO;AACb,QAAA,KAAK,SAAS;YACZ,OAAO,eAAe,CAAC,OAAO;AAChC,QAAA,KAAK,UAAU;YACb,OAAO,eAAe,CAAC,QAAQ;AACjC,QAAA;AACE,YAAA,OAAO,SAAS;;AAEtB;;;;"}
+{"version":3,"file":"variableProcessing.js","sources":["../../../../src/helpers/variableProcessing.ts"],"sourcesContent":["import { VariableState, RequirementType } from \"../types/variable\";\r\n\r\nfunction mapStatusToVariableState(status: string): VariableState | undefined {\r\n  switch (status) {\r\n    case \"Accepted\":\r\n      return VariableState.Accepted;\r\n    case \"Pending\":\r\n      return VariableState.Pending;\r\n    case \"Action Required\":\r\n      return VariableState.ActionRequired;\r\n    case \"Ready For Approval\":\r\n      return VariableState.ReadyForApproval;\r\n    case \"Rejected\":\r\n      return VariableState.Rejected;\r\n    case \"Declined\":\r\n      return VariableState.Declined;\r\n    case \"Draft\":\r\n      return VariableState.Draft;\r\n    case \"Not Started\":\r\n      return VariableState.NotStarted;\r\n    default:\r\n      return undefined;\r\n  }\r\n}\r\n\r\nfunction mapRequirementTypeToState(\r\n  reqType: string,\r\n): RequirementType | undefined {\r\n  switch (reqType) {\r\n    case \"Default\":\r\n      return RequirementType.Default;\r\n    case \"Optional\":\r\n      return RequirementType.Optional;\r\n    default:\r\n      return undefined;\r\n  }\r\n}\r\n\r\nexport { mapStatusToVariableState, mapRequirementTypeToState };\r\n"],"names":[],"mappings":";;AAEA,SAAS,wBAAwB,CAAC,MAAc,EAAA;IAC9C,QAAQ,MAAM;AACZ,QAAA,KAAK,UAAU;YACb,OAAO,aAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,OAAO;AAC9B,QAAA,KAAK,iBAAiB;YACpB,OAAO,aAAa,CAAC,cAAc;AACrC,QAAA,KAAK,oBAAoB;YACvB,OAAO,aAAa,CAAC,gBAAgB;AACvC,QAAA,KAAK,UAAU;YACb,OAAO,aAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,UAAU;YACb,OAAO,aAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,OAAO;YACV,OAAO,aAAa,CAAC,KAAK;AAC5B,QAAA,KAAK,aAAa;YAChB,OAAO,aAAa,CAAC,UAAU;AACjC,QAAA;AACE,YAAA,OAAO,SAAS;;AAEtB;AAEA,SAAS,yBAAyB,CAChC,OAAe,EAAA;IAEf,QAAQ,OAAO;AACb,QAAA,KAAK,SAAS;YACZ,OAAO,eAAe,CAAC,OAAO;AAChC,QAAA,KAAK,UAAU;YACb,OAAO,eAAe,CAAC,QAAQ;AACjC,QAAA;AACE,YAAA,OAAO,SAAS;;AAEtB;;;;"}

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/domutils/lib/index.js

@@ -1,4 +1,4 @@
-import { __exports as lib } from '../../../_virtual/index9.js';
+import { __exports as lib } from '../../../_virtual/index8.js';
 import { __require as requireStringify } from './stringify.js';
 import { __require as requireTraversal } from './traversal.js';
 import { __require as requireManipulation } from './manipulation.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/node_modules/style-to-object/cjs/index.js

@@ -1,4 +1,4 @@
-import { __exports as cjs } from '../../../_virtual/index8.js';
+import { __exports as cjs } from '../../../_virtual/index9.js';
 import { __require as requireCjs$1 } from '../../inline-style-parser/cjs/index.js';
 
 var hasRequiredCjs;

package/dist/esm/types/variable.d.ts

@@ -32,6 +32,7 @@ export declare enum VariableState {
     Accepted = "Accepted",
     Pending = "Pending",
     ActionRequired = "Action Required",
+    ReadyForApproval = "Ready For Approval",
     Rejected = "Rejected",
     Declined = "Declined",
     Draft = "Draft",

package/dist/esm/types/variable.js

@@ -13,6 +13,7 @@ var VariableState;
     VariableState["Accepted"] = "Accepted";
     VariableState["Pending"] = "Pending";
     VariableState["ActionRequired"] = "Action Required";
+    VariableState["ReadyForApproval"] = "Ready For Approval";
     VariableState["Rejected"] = "Rejected";
     VariableState["Declined"] = "Declined";
     VariableState["Draft"] = "Draft";

package/dist/esm/types/variable.js.map

@@ -1 +1 @@
-{"version":3,"file":"variable.js","sources":["../../../../src/types/variable.ts"],"sourcesContent":["import { ObjectId } from \"mongodb\";\r\n\r\nexport type Variable = {\r\n  _id: ObjectId;\r\n  name: string;\r\n  value: string;\r\n  defaultValue?: string;\r\n  pluralValue: string;\r\n  validFrom: Date;\r\n  feedback?: string;\r\n  history?: VariableHistoryEntry[];\r\n  customerHelpText: string;\r\n  writerHelpText: string;\r\n  state: VariableState;\r\n  hidden: boolean;\r\n  canBeBlank: boolean;\r\n  vertical: string;\r\n  requirementType: RequirementType;\r\n  useDefault?: boolean;\r\n  depth?: number;\r\n  scope?: VariableScope;\r\n  isChildEditable?: boolean;\r\n};\r\n\r\nexport enum VariableScope {\r\n  Network = \"Network\",\r\n  Organisation = \"Organisation\",\r\n}\r\n\r\nexport enum RequirementType {\r\n  Default = \"Default\",\r\n  Optional = \"Optional\",\r\n}\r\n\r\nexport enum VariableState {\r\n  Accepted = \"Accepted\",\r\n  Pending = \"Pending\",\r\n  ActionRequired = \"Action Required\",\r\n  Rejected = \"Rejected\",\r\n  Declined = \"Declined\",\r\n  Draft = \"Draft\",\r\n  NotStarted = \"Not Started\",\r\n}\r\n\r\nexport type VariableHistoryEntry = {\r\n  value?: string;\r\n  useDefault?: boolean;\r\n  state: VariableState;\r\n  validFrom: Date;\r\n  validTo: Date;\r\n};\r\n\r\nexport default Variable;\r\n"],"names":[],"mappings":"IAwBY;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,cAAA,CAAA,GAAA,cAA6B;AAC/B,CAAC,EAHW,aAAa,KAAb,aAAa,GAAA,EAAA,CAAA,CAAA;IAKb;AAAZ,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHW,eAAe,KAAf,eAAe,GAAA,EAAA,CAAA,CAAA;IAKf;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,gBAAA,CAAA,GAAA,iBAAkC;AAClC,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,YAAA,CAAA,GAAA,aAA0B;AAC5B,CAAC,EARW,aAAa,KAAb,aAAa,GAAA,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"variable.js","sources":["../../../../src/types/variable.ts"],"sourcesContent":["import { ObjectId } from \"mongodb\";\r\n\r\nexport type Variable = {\r\n  _id: ObjectId;\r\n  name: string;\r\n  value: string;\r\n  defaultValue?: string;\r\n  pluralValue: string;\r\n  validFrom: Date;\r\n  feedback?: string;\r\n  history?: VariableHistoryEntry[];\r\n  customerHelpText: string;\r\n  writerHelpText: string;\r\n  state: VariableState;\r\n  hidden: boolean;\r\n  canBeBlank: boolean;\r\n  vertical: string;\r\n  requirementType: RequirementType;\r\n  useDefault?: boolean;\r\n  depth?: number;\r\n  scope?: VariableScope;\r\n  isChildEditable?: boolean;\r\n};\r\n\r\nexport enum VariableScope {\r\n  Network = \"Network\",\r\n  Organisation = \"Organisation\",\r\n}\r\n\r\nexport enum RequirementType {\r\n  Default = \"Default\",\r\n  Optional = \"Optional\",\r\n}\r\n\r\nexport enum VariableState {\r\n  Accepted = \"Accepted\",\r\n  Pending = \"Pending\",\r\n  ActionRequired = \"Action Required\",\r\n  ReadyForApproval = \"Ready For Approval\",\r\n  Rejected = \"Rejected\",\r\n  Declined = \"Declined\",\r\n  Draft = \"Draft\",\r\n  NotStarted = \"Not Started\",\r\n}\r\n\r\nexport type VariableHistoryEntry = {\r\n  value?: string;\r\n  useDefault?: boolean;\r\n  state: VariableState;\r\n  validFrom: Date;\r\n  validTo: Date;\r\n};\r\n\r\nexport default Variable;\r\n"],"names":[],"mappings":"IAwBY;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,cAAA,CAAA,GAAA,cAA6B;AAC/B,CAAC,EAHW,aAAa,KAAb,aAAa,GAAA,EAAA,CAAA,CAAA;IAKb;AAAZ,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHW,eAAe,KAAf,eAAe,GAAA,EAAA,CAAA,CAAA;IAKf;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,gBAAA,CAAA,GAAA,iBAAkC;AAClC,IAAA,aAAA,CAAA,kBAAA,CAAA,GAAA,oBAAuC;AACvC,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,YAAA,CAAA,GAAA,aAA0B;AAC5B,CAAC,EATW,aAAa,KAAb,aAAa,GAAA,EAAA,CAAA,CAAA;;;;"}

package/package.json

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