@e-llm-studio/instant-learning 1.3.2 → 1.3.4

package/dist/cjs/features/IL-OTJ/_components/CriticalGaps.js.map

@@ -1 +1 @@
-{"version":3,"file":"CriticalGaps.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"CriticalGaps.js","sources":["../../../../../src/features/IL-OTJ/_components/CriticalGaps.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useMemo, useRef } from \"react\";\nimport {\n  Box,\n  Card,\n  Typography,\n  Checkbox,\n  FormGroup,\n  FormControlLabel,\n  Collapse,\n  TextareaAutosize,\n} from \"@mui/material\";\nimport { ChevronDown, ChevronUp } from \"lucide-react\";\nimport ChevronDownIcon from \"./_svg/ChevronDown\";\nimport ChevronUpIcon from \"./_svg/ChevronUp\";\nimport SparkleIcon from \"./_svg/SparkleIcon\";\nimport { CognitiveDecisioningCard }  from '@e-llm-studio/citation';\nimport { DynamicArrow } from \"../_components/MarkdownComponents/MarkdownSelect\";\nimport { ButtonCognitiveIcon } from \"./_svg/ButtonCognitiveIcon\";\nimport CitationLink from \"./CitationLink\";\nimport { getCognitiveDecisioningThemeStyles } from './cognitiveDecisioningThemeStyles';\nimport { GapExplanationAccordion } from \"./GapExplanationAccordion\";\nimport { getSourceFromUrl } from \"./MarkdownComponents/MarkdownElements\";\n\ninterface GapItemProps {\n  gap: any;\n  index: number;\n  onUpdate: (id: string, value: any) => void;\n  isEditable: boolean;\n  citations?: any[];\n  onTypeResponseClick?: () => void; \n}\n\nconst ProceedArrow = () => (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\n        <polyline points=\"12 5 19 12 12 19\"></polyline>\n    </svg>\n);\n\nconst GapItem = ({ gap, index, onUpdate, isEditable, citations, onTypeResponseClick }: GapItemProps) => {\n  const [showMainReasoning, setShowMainReasoning] = useState(false);\n  const [optionReasoningState, setOptionReasoningState] = useState<Record<number, boolean>>({});\n  // const [isOpen, setIsOpen] = useState(true);\n  const textInputRef = useRef<HTMLTextAreaElement | null>(null);\n\n  useEffect(() => {\n    if (index === 0 && gap.inputType === \"text\" && isEditable) {\n      textInputRef.current?.focus();\n    }\n  }, [index, gap.inputType, isEditable]);\n\n  const formatMarkdownSource = (content: string) => {\n    if (!content) return \"\";\n    // Convert literal \"\\n\" strings into actual newline characters\n    // and ensure proper spacing for lists\n    return content\n      .replace(/\\\\n/g, \"\\n\");\n  };\n  // Use the formatter for the values coming from your data\n  const sanitizedReasoning = useMemo(() => \n    formatMarkdownSource(gap.aiReasoning?.reason || \"\"), \n    [gap.aiReasoning?.reason]\n  );\n\n  const sanitizedGapReasoning = useMemo(() => \n    formatMarkdownSource(gap.aiReasoning?.gap || \"\"), \n    [gap.aiReasoning?.gap]\n  );\n\n      const getCitationByNumber = useCallback((citationNumber: string, source: string) => {\n        if (!citations) return null;\n        return (\n          citations.find(\n            (c: any) =>\n              c.customMetaData.citation_number &&\n              c.customMetaData.citation_title !== 'Cognitive Decisioning' &&\n              c.customMetaData.source === source &&\n              String(c.customMetaData.citation_number) === String(citationNumber)\n          ) || null\n        );\n      }, [citations]);\n\n    const markdownComponents = useMemo(() => ({\n        img: ({ node, ...props }: any) => (\n          <img {...props} style={{ height: '100%', width: '100%', objectFit: 'contain' }} alt={props?.alt || ''} className=\"w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto\" />\n        ),\n        p: ({ node, ...props }: any) => (\n            <p {...props} style={{ margin: 0 }}>{props?.children}</p>\n        ),\n        code: ({ node, ...props }: any) => (\n          <span {...props} style={{ maxWidth: '100%', wordWrap: 'break-word', overflowWrap: 'break-word', wordBreak: 'break-word', whiteSpace: 'normal', overflow: 'hidden', display: 'inline-flex', fontSize: '1rem', lineHeight: '1.625rem' }}>\n            {props?.children}\n          </span>\n        ),\n        ol: ({ node, ...props }: any) => (\n             <ol {...props} style={{ display: 'flex', flexDirection: 'column', gap: '1rem', listStyle: 'decimal', paddingLeft: '2.5rem' }}>{props?.children}</ol>\n        ),\n        ul: ({ node, ...props }: any) => (\n          <ol {...props} style={{ paddingLeft: '1.25rem', listStyleType: 'decimal' }} />\n        ),\n        li: ({ node, ...props }: any) => (\n          <li {...props} style={{ marginBottom: '4px', listStyle: 'decimal' }}>{props.children}</li>\n        ),\n        a: ({ href, children }: any) => {\n          if (!href) return <a>{children}</a>;\n          \n          const match = href.match(/citationNumber=([^&]+)/);\n          if (match && CitationLink) {\n            const source = getSourceFromUrl(href);\n            const cit = getCitationByNumber(match[1], source);\n            if (cit) return <CitationLink citation={cit} linkTitle={children as string} fontSize={12} />;\n          }\n          return <a href={href} target='_blank' rel='noopener noreferrer' className='md-link inline-flex items-center gap-1 text-purple-700 hover:underline' style={{ color: 'var(--il-primary, #7C3AED)' }}>{children}</a>;\n        },\n    }), [getCitationByNumber]);\n\n  // Update the helper to extract the explanation\n  const getOptionData = (opt: any) => {\n      if (typeof opt === \"string\") return { text: opt, reasoning: null, explanation: null, id: null, isRecommended: false };\n      return { \n          text: opt.text, \n          reasoning: opt.aiReasoning, \n          explanation: opt.explanation, // This ensures the data from the JSON payload is captured\n          id: opt.id,\n          isRecommended: opt.is_recommended\n      };\n  };\n\n  const isMultiSelect = gap.inputType === \"checkbox\";\n\n  const handleTextChange = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    if (!isEditable) return;\n    onUpdate(gap.id, event.target.value);\n  };\n\n  const handleChange = (val: string, optId?: string) => {\n    if (!isEditable) return;\n\n    // Check against the ID first, fallback to string matching\n    if (optId === \"typeYourAnswer\" || val.trim().toLowerCase() === \"type your response\") {\n      onUpdate(gap.id, val); // Still select it visually\n      if (onTypeResponseClick) onTypeResponseClick(); // Trigger the glow\n      return; \n    }\n    if (isMultiSelect) {\n      const currentSelection = Array.isArray(gap.userSelection) ? gap.userSelection : [];\n      const newSelection = currentSelection.includes(val)\n        ? currentSelection.filter((item: string) => item !== val)\n        : [...currentSelection, val];\n      onUpdate(gap.id, newSelection);\n    } else {\n      onUpdate(gap.id, val);\n    }\n  };\n\n  return (\n    <Box\n      sx={{\n        // boxSizing: \"border-box\",\n        // border: \"1px solid #F0F2F5\",\n        // borderRadius: \"8px\",\n        // mb: \"2px\",\n        // pb: \"14px\",\n        bgcolor: \"var(--il-surface, #FFFEFE)\",\n        color: \"var(--il-foreground, #17212B)\",\n        // boxShadow: \"0px 2px 4px rgba(25, 33, 61, 0.08)\",\n        overflow: \"hidden\",\n      }}\n    >\n      {/* Header */}\n      {/* <Box\n        onClick={() => setIsOpen(!isOpen)}\n        sx={{\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"space-between\",\n          p: \"12px 14px\",\n          cursor: \"pointer\",\n        }}\n      >\n        <Box sx={{ display: \"flex\", alignItems: \"center\", gap: \"8px\" }}>\n          <Typography sx={{ fontWeight: 400, fontSize: \"16px\", color: \"#17212B\" }}>\n            <span style={{color: '#8F2C23'}}>*</span> {index + 1}. {gap.name}\n          </Typography>\n          <Box\n            sx={{\n              bgcolor: \"rgba(219, 234, 254, 0.5)\",\n              color: \"#0369A1\",\n              px: \"7px\",\n              py: \"3.5px\",\n              borderRadius: \"6px\",\n              fontSize: \"12px\",\n              fontWeight: 500,\n            }}\n          >\n            Impact {gap.impact}\n          </Box>\n        </Box>\n        {isOpen ? <ChevronUpIcon /> : <ChevronDownIcon />}\n      </Box> */}\n\n      {/* <Collapse in={isOpen}> */}\n        <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: \"8px\" }}>\n          {/* Main Gap Reasoning */}\n          <Box sx={{ display: \"flex\", flexDirection: \"column\", width: \"100%\" }}>\n            \n            <Typography\n              component=\"div\"\n              sx={{\n                fontSize: \"16px\",\n                fontWeight: 400,\n                color: \"var(--il-foreground, #17212B)\",\n                lineHeight: 1.5,\n              }}\n            >\n              <span style={{color: 'var(--il-danger, #8F2C23)', paddingRight: '2px'}}>*</span> {index + 1}. {gap.value}\n\n              {gap.aiReasoning && (\n                <Box \n                  component=\"span\"\n                  sx={{\n                    display: \"inline\",\n                    verticalAlign: \"middle\",\n                    ml: 0.5,\n                  }}\n                >\n                  <CognitiveDecisioningCard\n                    headerIcon={<ButtonCognitiveIcon />}\n                    reasoning={sanitizedReasoning}\n                    reasoningTitle = \"Decision Making Factors\"\n                    reasoningSubtitle = \"Why is this Suggested?\"\n                    gapTitle = \"Gaps in Decision\"\n                    gapSubtitle = \"What's missing or unclear?\"\n                    gap={sanitizedGapReasoning}\n                    score={gap.aiReasoning.score}\n                    isOpen={showMainReasoning}\n                    onToggle={() => setShowMainReasoning((prev) => !prev)}\n                    mdComponents={markdownComponents}\n                    styles={getCognitiveDecisioningThemeStyles()}\n                  />\n                </Box>\n              )}\n            </Typography>\n\n          </Box>\n\n          {/* Input Section */}\n          {gap.inputType === \"text\" ? (\n            <TextareaAutosize\n              ref={textInputRef}\n              minRows={1}\n              maxRows={10}\n              value={gap.userSelection || \"\"}\n              onChange={handleTextChange}\n              disabled={!isEditable}\n              placeholder=\"Enter your input...\"\n              style={{\n                width: \"100%\",\n                minHeight: \"30px\",\n                padding: \"8px 12px\",\n                borderRadius: \"6px\",\n                border: \"1px solid var(--il-input-border, #CBD5E1)\",\n                background: \"var(--il-input-bg, #FFFFFF)\",\n                color: \"var(--il-input-fg, #17212B)\",\n                fontSize: \"14px\",\n                resize: \"none\",\n              }}\n            />\n          ) : isMultiSelect ? (\n            <FormGroup row sx={{ gap: \"16px\", flexDirection: \"column\" }}>\n              {gap.options.map((opt: any, idx: number) => {\n                const { text, reasoning, explanation, id, isRecommended } = getOptionData(opt);\n                // check for selection state based on input type\n                const isSelected = gap.inputType === \"checkbox\" \n                  ? (gap.userSelection || []).includes(text)\n                  : gap.userSelection === text;\n\n                return (\n                  <Box\n                    key={idx}\n                    sx={{ display: \"flex\", flexDirection: \"column\", width: \"100%\" }}\n                  >\n                    {/* Row (unchanged styling) */}\n                    <FormControlLabel\n                      control={\n                        <Checkbox\n                          checked={(gap.userSelection || []).includes(text)}\n                          onChange={() => handleChange(text, id)}\n                          value={text}\n                          size=\"small\"\n                          disabled={!isEditable}\n                          sx={{\n                            p: 0,\n                            mr: \"7px\",\n                            width: \"17.5px\",\n                            height: \"17.5px\",\n                            \"& .MuiSvgIcon-root\": { fontSize: 17.5 },\n                            color: \"var(--il-muted, #CBD5E1)\",\n                            \"&.Mui-checked\": { color: \"var(--il-primary, #2563EB)\" },\n                            alignSelf: \"flex-start\",\n                            mt: \"2px\",\n                          }}\n                        />\n                      }\n                      label={\n                        <Box\n                          sx={{\n                            display: \"flex\",\n                            alignItems: \"center\",\n                            gap: \"6px\",\n                            width: \"100%\",\n                          }}\n                        >\n                          <Typography\n                            sx={{\n                              fontSize: \"14px\",\n                              color: \"var(--il-foreground, #1E293B)\",\n                              fontWeight: 400,\n                            }}\n                          >\n                            {text}\n                            {isRecommended && (\n                              <span style={{\n                                  borderRadius: '100px',\n                                  border: '1px solid var(--il-primary, #D1E0FF)',\n                                  background: 'color-mix(in srgb, var(--il-primary, #528BFF) 12%, var(--il-surface, #FFF))',\n                                  color: 'var(--il-primary, #528BFF)',\n                                  padding: '2px 8px',\n                                  paddingBottom: '3.5px',\n                                  whiteSpace: 'nowrap',\n                                  textOverflow: 'ellipsis',\n                                  fontFamily: 'Inter',\n                                  fontSize: '12px',\n                                  fontStyle: 'normal',\n                                  fontWeight: '500',\n                                  lineHeight: '100%',\n                                  marginLeft: '8px',\n                              }}>\n                                  Recommended\n                              </span>\n                            )}\n                          </Typography>\n\n                          {(reasoning || explanation) && (\n                            <Box\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                setOptionReasoningState((prev) => ({\n                                  ...prev,\n                                  [idx]: !prev[idx],\n                                }));\n                              }}\n                              sx={{\n                                display: \"flex\",\n                                alignItems: \"center\",\n                                gap: \"2px\",\n                                cursor: \"pointer\",\n                                flexShrink: 0,\n                              }}\n                            >\n                              <ButtonCognitiveIcon />\n                              {optionReasoningState[idx] ? (\n                                <ChevronUp size={12} color=\"var(--il-muted, #667085)\" />\n                              ) : (\n                                <ChevronDown size={12} color=\"var(--il-muted, #667085)\" />\n                              )}\n                            </Box>\n                          )}\n                        </Box>\n                      }\n                      sx={{ mr: 0, ml: 0, alignItems: \"flex-start\", width: \"100%\" }}\n                    />\n\n                    {/* Card BELOW (new block) */}\n                    {(reasoning|| explanation) && optionReasoningState[idx] && (\n                      <Box \n                        sx={{ \n                          width: \"100%\", \n                          border: '1px solid var(--il-border, #EAECF0)',\n                          marginTop: '6px',\n                          borderRadius: '16px', \n                          overflow: 'hidden',\n                          boxShadow: '0 1px 2px 0 rgba(16, 24, 40, 0.05)'\n                        }}\n                      >\n                        {/* Render Explanation Block */}\n                        {explanation && (\n                            <GapExplanationAccordion\n                              explanation={explanation}\n                              isSelected={isSelected} // Pass the selection state\n                              onProceed={() => handleChange(text)}\n                              proceedIcon={<ProceedArrow />}\n                            />\n                        )}\n                        {/* Render Cognitive Reasoning Section */}\n                        {reasoning && (\n                          <CognitiveDecisioningCard\n                            headerIcon={<ButtonCognitiveIcon />}\n                            reasoning={reasoning.reason}\n                            gap={reasoning.gap}\n                            reasoningTitle = \"Decision Making Factors\"\n                            reasoningSubtitle = \"Why is this Suggested?\"\n                            gapTitle = \"Gaps in Decision\"\n                            gapSubtitle = \"What's missing or unclear?\"\n                            score={reasoning.score}\n                            isOpen={true}\n                            onToggle={() =>\n                              setOptionReasoningState((prev) => ({\n                                ...prev,\n                                [idx]: false,\n                              }))\n                            }\n                            hideTrigger\n                            mdComponents={markdownComponents}\n                            styles={getCognitiveDecisioningThemeStyles({\n                              container: { border: 'none', borderRadius: 0, marginTop: 0, marginBottom: 0 },\n                              header: { borderBottom: 'none' },\n                              sectionButton: { padding: '16px' },\n                            })}\n                          />\n                        )}\n                      </Box>\n                    )}\n                  </Box>\n                );\n              })}\n            </FormGroup>\n          ) : (\n            <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: \"8px\" }}>\n              {gap.options.map((opt: any, idx: number) => {\n                const { text, reasoning, explanation, id, isRecommended } = getOptionData(opt);\n                const isSelected = gap.userSelection === text;\n\n                return (\n                  <Box\n                    key={idx}\n                    sx={{ display: \"flex\", flexDirection: \"column\", width: \"100%\" }}\n                  >\n                    {/* Row */}\n                    <Box\n                      sx={{\n                        display: \"flex\",\n                        alignItems: \"center\",\n                        gap: \"8px\",\n                        width: \"100%\",\n                      }}\n                    >\n                      <Box\n                        onClick={() => handleChange(text, id)}\n                        sx={{\n                          display: \"flex\",\n                          alignItems: \"center\",\n                          gap: \"8px\",\n                          padding: \"8px\",\n                          borderRadius: \"8px\",\n                          cursor: isEditable ? \"pointer\" : \"default\",\n                          bgcolor: isSelected ? \"color-mix(in srgb, var(--il-primary, #2563eb) 16%, var(--il-surface, #ffffff))\" : \"transparent\",\n                          border: \"1px solid\",\n                          borderColor: isSelected ? \"var(--il-primary, #B2CCFF)\" : \"transparent\",\n                          transition: \"all 0.15s ease-in-out\",\n                          flex: 1,\n                          boxSizing: \"border-box\",\n                        }}\n                      >\n                        <DynamicArrow\n                          isSelected={isSelected}\n                          width={24}\n                          height={24}\n                        />\n                        <Typography\n                          sx={{\n                            fontSize: \"14px\",\n                            color: \"var(--il-foreground, #344054)\",\n                            fontWeight: 500,\n                          }}\n                        >\n                          {text}\n                          {isRecommended && (\n                            <span style={{\n                                borderRadius: '100px',\n                                border: '1px solid var(--il-primary, #D1E0FF)',\n                                background: 'color-mix(in srgb, var(--il-primary, #528BFF) 12%, var(--il-surface, #FFF))',\n                                color: 'var(--il-primary, #528BFF)',\n                                padding: '2px 8px',\n                                paddingBottom: '3.5px',\n                                whiteSpace: 'nowrap',\n                                textOverflow: 'ellipsis',\n                                fontFamily: 'Inter',\n                                fontSize: '12px',\n                                fontStyle: 'normal',\n                                fontWeight: '500',\n                                lineHeight: '100%',\n                                marginLeft: '8px',\n                            }}>\n                                Recommended\n                            </span>\n                          )}\n                        </Typography>\n                      </Box>\n\n                      {(reasoning || explanation) && (\n                        <Box\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            setOptionReasoningState((prev) => ({\n                              ...prev,\n                              [idx]: !prev[idx],\n                            }));\n                          }}\n                          sx={{\n                            display: \"flex\",\n                            alignItems: \"center\",\n                            gap: \"2px\",\n                            cursor: \"pointer\",\n                            flexShrink: 0,\n                          }}\n                        >\n                          <ButtonCognitiveIcon />\n                          {optionReasoningState[idx] ? (\n                            <ChevronUp size={12} color=\"var(--il-muted, #667085)\" />\n                          ) : (\n                            <ChevronDown size={12} color=\"var(--il-muted, #667085)\" />\n                          )}\n                        </Box>\n                      )}\n                    </Box>\n\n                    {/* Card BELOW */}\n                    {(reasoning || explanation) && optionReasoningState[idx] && (\n                     <Box \n                        sx={{ \n                            width: \"100%\", \n                            border: '1px solid var(--il-border, #EAECF0)',\n                            marginTop: '6px',\n                            borderRadius: '16px', \n                            overflow: 'hidden',\n                            boxShadow: '0 1px 2px 0 rgba(16, 24, 40, 0.05)'\n                        }}\n                      >\n                        {/* Render Explanation Block */}\n                        {explanation && (\n                            <Box sx={{ borderBottom: reasoning ? '1px solid var(--il-border, #EAECF0)' : 'none' }}>\n                              <GapExplanationAccordion\n                                  explanation={explanation}\n                                  isSelected={isSelected} // Pass the selection state\n                                  onProceed={() => handleChange(text)}\n                                  proceedIcon={<ProceedArrow />}\n                              />\n                          </Box>\n                        )}\n                        {/* Render Cognitive Reasoning Section */}\n                        {reasoning && (\n                          <CognitiveDecisioningCard\n                             reasoningTitle = \"Decision Making Factors\"\n                            reasoningSubtitle = \"Why is this Suggested?\"\n                            gapTitle = \"Gaps in Decision\"\n                            gapSubtitle = \"What's missing or unclear?\"\n                            headerIcon={<ButtonCognitiveIcon />}\n                            reasoning={reasoning.reason}\n                            gap={reasoning.gap}\n                            score={reasoning.score}\n                            isOpen={true}\n                            onToggle={() =>\n                              setOptionReasoningState((prev) => ({\n                                ...prev,\n                                [idx]: false,\n                              }))\n                            }\n                            hideTrigger\n                            mdComponents={markdownComponents}\n                            styles={getCognitiveDecisioningThemeStyles({\n                              container: { border: 'none', borderRadius: 0, marginTop: 0, marginBottom: 0 },\n                              header: { borderBottom: 'none' },\n                              sectionButton: { padding: '16px' },\n                            })}\n                          />\n                        )}\n                      </Box>\n                    )}\n                  </Box>\n                );\n              })}\n            </Box>\n          )}\n        </Box>\n      {/* </Collapse> */}\n    </Box>\n  );\n};\n\nexport const CriticalGaps = ({\n  data,\n  isLastMessage,\n  onValidationChange,\n  isSubmitted,\n  citations,\n  onTypeResponseClick,\n  isGlobalEditActive,\n}: {\n  data: any;\n  isLastMessage: boolean;\n  onValidationChange?: (isValid: boolean, selections: any[]) => void;\n  isSubmitted?: boolean;\n  citations?: any[];\n  onTypeResponseClick?: () => void;\n  isGlobalEditActive?: boolean;\n}) => {\n  // const [isMainOpen, setIsMainOpen] = useState(true);\n\n  const [gapsState, setGapsState] = useState(\n    data.gaps.map((g: any) => ({\n      ...g,\n      userSelection: g.inputType === \"checkbox\" ? [] : null,\n    }))\n  );\n\n  const handleUpdate = useCallback((gapId: string, value: any) => {\n    setGapsState((prev: any) => {\n      const newState = prev.map((g: any) =>\n        g.id === gapId ? { ...g, userSelection: value } : g\n      );\n      return newState;\n    });\n  }, []);\n\n  useEffect(() => {\n    if (!onValidationChange) return;\n\n    const isValid = gapsState.some((g: any) => {\n      if (g.inputType === \"checkbox\") {\n        return Array.isArray(g.userSelection) && g.userSelection.length > 0;\n      } else if (g.inputType === \"text\") {\n        return (\n          g.userSelection !== null &&\n          typeof g.userSelection === \"string\" &&\n          g.userSelection.trim() !== \"\"\n        );\n      } else {\n        return g.userSelection !== null && g.userSelection !== \"\";\n      }\n    });\n\n    onValidationChange(isValid, gapsState);\n  }, [gapsState, onValidationChange]);\n\n  const isEditable = isLastMessage && !isSubmitted && !isGlobalEditActive;\n\n  return (\n    // <Box\n    //   sx={{\n    //     display: \"flex\",\n    //     flexDirection: \"column\",\n    //     gap: \"20px\", // spacing between gap items\n    //     width: \"100%\",\n    //   }}\n    // >\n    //   <Box\n    //     onClick={() => setIsMainOpen(!isMainOpen)}\n    //     sx={{\n    //       display: \"flex\",\n    //       alignItems: \"center\",\n    //       justifyContent: \"space-between\",\n    //       cursor: \"pointer\",\n    //     }}\n    //   >\n    //     <Box sx={{ display: \"flex\", alignItems: \"center\", gap: \"16px\" }}>\n    //       <Box sx={{ display: \"flex\", alignItems: \"center\", gap: \"8px\" }}>\n    //         <Typography\n    //           sx={{\n    //             color: \"#DC2626\",\n    //             fontWeight: 500,\n    //             fontSize: \"14px\",\n    //             lineHeight: \"17px\",\n    //           }}\n    //         >\n    //           Critical Gaps\n    //         </Typography>\n    //         <Box\n    //           sx={{\n    //             bgcolor: \"#FEF2F2\",\n    //             color: \"#DC2626\",\n    //             px: \"5px\",\n    //             py: \"2px\",\n    //             borderRadius: \"200px\",\n    //             fontSize: \"12px\",\n    //             fontWeight: 600,\n    //             lineHeight: \"130%\",\n    //             minWidth: \"20px\",\n    //             textAlign: \"center\",\n    //           }}\n    //         >\n    //           {data.count}\n    //         </Box>\n    //       </Box>\n\n    //       <Box\n    //         sx={{\n    //           display: \"inline-flex\",\n    //           alignItems: \"center\",\n    //           gap: \"2px\",\n    //           px: \"8px\",\n    //           py: \"5px\",\n    //           // height: \"20px\",\n    //           bgcolor: \"#FFFFFF\",\n    //           border: \"1px solid #C4B5FD\",\n    //           borderRadius: \"16px\",\n    //           boxSizing: \"border-box\",\n    //         }}\n    //       >\n    //         <Box\n    //           sx={{\n    //             display: \"flex\",\n    //             alignItems: \"center\",\n    //             mr: \"2px\",\n    //             \"& svg\": {\n    //               width: \"10px\",\n    //               height: \"10px\",\n    //               color: \"#7C3AED\",\n    //             },\n    //           }}\n    //         >\n    //           <SparkleIcon />\n    //         </Box>\n    //         <Typography\n    //           sx={{\n    //             fontSize: \"12px\",\n    //             fontWeight: 500,\n    //             color: \"#1E293B\",\n    //             lineHeight: \"150%\",\n    //           }}\n    //         >\n    //           Decision Strength {data.decisionStrength}\n    //         </Typography>\n    //       </Box>\n    //     </Box>\n\n    //     <Box\n    //       sx={{\n    //         display: \"flex\",\n    //         \"& svg\": { width: 24, height: 24, color: \"#1E293B\" },\n    //       }}\n    //     >\n    //       {isMainOpen ? <ChevronUpIcon /> : <ChevronDownIcon />}\n    //     </Box>\n    //   </Box>\n\n    //   <Collapse in={isMainOpen}>\n    //     <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n    //       <Typography\n    //         sx={{\n    //           fontSize: \"13px\",\n    //           color: \"#666F8D\",\n    //           lineHeight: \"20px\",\n    //           fontWeight: 400,\n    //           letterSpacing: \"-0.15px\",\n    //           mt: \"-6px\",\n    //         }}\n    //       >\n    //         {data.value ||\n    //           \"Shows missing information that can help me guide you better\"}\n    //       </Typography>\n\n    //       {gapsState.map((gap: any, index: number) => (\n    //         <GapItem\n    //           key={gap.id}\n    //           index={index}\n    //           gap={gap}\n    //           onUpdate={handleUpdate}\n    //           isEditable={isEditable}\n    //           citations={citations}\n    //         />\n    //       ))}\n    //     </Box>\n    //   </Collapse>\n    // </Box>\n    <Box\n      sx={{\n        width: \"100%\",\n        backgroundColor: \"var(--il-surface, #FFFFFF)\",\n        color: \"var(--il-foreground, #17212B)\",\n        borderRadius: \"8px\",\n        border: \"1px solid var(--il-border, #E3E6EA)\",\n        padding: \"14px\",\n        marginTop: \"12px\",\n      }}\n    >\n      <Box\n        sx={{\n          display: \"flex\",\n          flexDirection: \"column\",\n          gap: \"16px\",\n        }}\n      >\n        {gapsState.map((gap: any, index: number) => (\n          <GapItem\n            key={gap.id}\n            index={index}\n            gap={gap}\n            onUpdate={handleUpdate}\n            isEditable={isEditable}\n            citations={citations}\n            onTypeResponseClick={onTypeResponseClick}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n};"],"names":["jsxs","jsx","useState","useRef","useEffect","_a","useMemo","useCallback","CitationLink","getSourceFromUrl","Box","Typography","CognitiveDecisioningCard","ButtonCognitiveIcon","getCognitiveDecisioningThemeStyles","TextareaAutosize","FormGroup","FormControlLabel","Checkbox","ChevronUp","ChevronDown","GapExplanationAccordion","DynamicArrow"],"mappings":"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"}

package/dist/cjs/features/IL-OTJ/_components/GapExplanationAccordion.js

@@ -1,2 +1,95 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),o=require("@mui/material"),n=require("lucide-react"),s=require("../../IL-marketplace/marketplaceTheme.js");exports.GapExplanationAccordion=function(t){var a=t.explanation,l=t.onProceed,p=t.isSelected,c=t.proceedIcon,x=i.useState(!0),d=x[0],u=x[1],g=i.useState(!1),f=g[0],m=g[1],h=s.useILMarketplaceThemeStyles(),y=Boolean(h["--il-primary"]),_=Array.isArray(a)?a:"string"==typeof a&&""!==a.trim()?[a]:[],F=_.length>2,v=f?_:_.slice(0,2);return r.jsxs(o.Box,e.__assign({sx:{bgcolor:"var(--il-surface, #FFFFFF)",color:"var(--il-foreground, #101828)"}},{children:[r.jsxs(o.Box,e.__assign({onClick:function(){return u(!d)},sx:{display:"flex",justifyContent:"space-between",alignItems:"center",p:"16px",pb:"12px",cursor:"pointer"}},{children:[r.jsx(o.Typography,e.__assign({sx:{fontWeight:500,fontSize:"14px",color:"var(--il-foreground, #101828)"}},{children:"Explanation"})),d?r.jsx(n.ChevronUp,{size:16,color:"var(--il-muted, #667085)"}):r.jsx(n.ChevronDown,{size:16,color:"var(--il-muted, #667085)"})]})),r.jsx(o.Collapse,e.__assign({in:d},{children:r.jsxs(o.Box,e.__assign({sx:{px:"16px",pb:"16px"}},{children:[r.jsx(o.Box,e.__assign({component:"ol",sx:{m:0,pl:"20px",display:"flex",flexDirection:"column",gap:"8px"}},{children:(v||[]).map(function(i,n){return r.jsx(o.Box,e.__assign({component:"li",sx:{fontSize:"14px",color:"var(--il-secondary-fg, #475467)",lineHeight:"1.5",fontWeight:400}},{children:i}),n)})})),F&&r.jsx(o.Typography,e.__assign({onClick:function(){return m(!f)},sx:{fontSize:"13px",color:"var(--il-primary, #5925DC)",cursor:"pointer",mt:1,fontWeight:500,display:"inline-block"}},{children:f?"show less...":"more..."})),r.jsxs("button",e.__assign({onClick:function(e){e.stopPropagation(),p||l()},disabled:p,style:{marginTop:"16px",display:"flex",alignItems:"center",gap:"4px",padding:"4px 8px",backgroundColor:p?"var(--il-secondary-bg, #F2F4F7)":y?"var(--il-primary)":"#F4F3FF",color:p?"var(--il-muted, #667085)":y?"var(--il-primary-fg, #FFFFFF)":"#5925DC",border:"none",borderRadius:"8px",fontWeight:500,fontSize:"12px",cursor:p?"default":"pointer",transition:"all 0.2s"}},{children:[p?"Option is already selected":"Proceed with this option",c]}))]}))}))]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var material = require('@mui/material');
+var lucideReact = require('lucide-react');
+var marketplaceTheme = require('../../IL-marketplace/marketplaceTheme.js');
+
+const GapExplanationAccordion = ({
+  explanation,
+  onProceed,
+  isSelected,
+  proceedIcon
+}) => {
+  const [isExpanded, setIsExpanded] = React.useState(true);
+  const [showFullList, setShowFullList] = React.useState(false);
+  const themeStyles = marketplaceTheme.useILMarketplaceThemeStyles();
+  const hasPrimaryTheme = Boolean(themeStyles["--il-primary"]);
+  const safeExplanation = Array.isArray(explanation) ? explanation : typeof explanation === "string" && explanation.trim() !== "" ? [explanation] : [];
+  const DISPLAY_LIMIT = 2;
+  const hasMore = safeExplanation.length > DISPLAY_LIMIT;
+  const visibleItems = showFullList ? safeExplanation : safeExplanation.slice(0, DISPLAY_LIMIT);
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { bgcolor: "var(--il-surface, #FFFFFF)", color: "var(--il-foreground, #101828)" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Box,
+      {
+        onClick: () => setIsExpanded(!isExpanded),
+        sx: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          p: "16px",
+          pb: "12px",
+          cursor: "pointer"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontWeight: 500, fontSize: "14px", color: "var(--il-foreground, #101828)" }, children: "Explanation" }),
+          isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { size: 16, color: "var(--il-muted, #667085)" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 16, color: "var(--il-muted, #667085)" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(material.Collapse, { in: isExpanded, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { px: "16px", pb: "16px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: "ol", sx: { m: 0, pl: "20px", display: "flex", flexDirection: "column", gap: "8px" }, children: (visibleItems || []).map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: "li", sx: { fontSize: "14px", color: "var(--il-secondary-fg, #475467)", lineHeight: "1.5", fontWeight: 400 }, children: item }, i)) }),
+      hasMore && /* @__PURE__ */ jsxRuntime.jsx(
+        material.Typography,
+        {
+          onClick: () => setShowFullList(!showFullList),
+          sx: {
+            fontSize: "13px",
+            color: "var(--il-primary, #5925DC)",
+            cursor: "pointer",
+            mt: 1,
+            fontWeight: 500,
+            display: "inline-block"
+          },
+          children: showFullList ? "show less..." : "more..."
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            if (!isSelected) onProceed();
+          },
+          disabled: isSelected,
+          style: {
+            marginTop: "16px",
+            display: "flex",
+            alignItems: "center",
+            gap: "4px",
+            padding: "4px 8px",
+            backgroundColor: isSelected ? "var(--il-secondary-bg, #F2F4F7)" : hasPrimaryTheme ? "var(--il-primary)" : "#F4F3FF",
+            color: isSelected ? "var(--il-muted, #667085)" : hasPrimaryTheme ? "var(--il-primary-fg, #FFFFFF)" : "#5925DC",
+            border: "none",
+            borderRadius: "8px",
+            fontWeight: 500,
+            fontSize: "12px",
+            cursor: isSelected ? "default" : "pointer",
+            transition: "all 0.2s"
+          },
+          children: [
+            isSelected ? "Option is already selected" : "Proceed with this option",
+            proceedIcon
+          ]
+        }
+      )
+    ] }) })
+  ] });
+};
+
+exports.GapExplanationAccordion = GapExplanationAccordion;
 //# sourceMappingURL=GapExplanationAccordion.js.map

package/dist/cjs/features/IL-OTJ/_components/GapExplanationAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"GapExplanationAccordion.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"GapExplanationAccordion.js","sources":["../../../../../src/features/IL-OTJ/_components/GapExplanationAccordion.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Box, Typography, Collapse } from \"@mui/material\";\nimport { ChevronDown, ChevronUp } from \"lucide-react\";\nimport { useILMarketplaceThemeStyles } from \"../../IL-marketplace/marketplaceTheme\";\n\ninterface GapExplanationAccordionProps {\n  explanation: string[];\n  onProceed: () => void;\n  isSelected: boolean;\n  proceedIcon?: React.ReactNode;\n}\n\nexport const GapExplanationAccordion = ({\n  explanation,\n  onProceed,\n  isSelected,\n  proceedIcon,\n}: GapExplanationAccordionProps) => {\n  const [isExpanded, setIsExpanded] = useState(true);\n  const [showFullList, setShowFullList] = useState(false);\n  const themeStyles = useILMarketplaceThemeStyles();\n  const hasPrimaryTheme = Boolean(themeStyles[\"--il-primary\"]);\n\n  // Normalize explanation to an array\n  const safeExplanation = Array.isArray(explanation)\n    ? (explanation as any[])\n    : (typeof explanation === \"string\" && (explanation as any).trim() !== \"\" ? [explanation] : []);\n\n  const DISPLAY_LIMIT = 2;\n  const hasMore = safeExplanation.length > DISPLAY_LIMIT;\n  const visibleItems = showFullList ? safeExplanation : safeExplanation.slice(0, DISPLAY_LIMIT);\n\n  return (\n    <Box sx={{ bgcolor: \"var(--il-surface, #FFFFFF)\", color: \"var(--il-foreground, #101828)\" }}>\n      {/* Accordion Header */}\n      <Box\n        onClick={() => setIsExpanded(!isExpanded)}\n        sx={{\n          display: \"flex\",\n          justifyContent: \"space-between\",\n          alignItems: \"center\",\n          p: \"16px\",\n          pb: '12px',\n          cursor: \"pointer\",\n        }}\n      >\n        <Typography sx={{ fontWeight: 500, fontSize: \"14px\", color: \"var(--il-foreground, #101828)\" }}>\n          Explanation\n        </Typography>\n        {isExpanded ? <ChevronUp size={16} color=\"var(--il-muted, #667085)\" /> : <ChevronDown size={16} color=\"var(--il-muted, #667085)\" />}\n      </Box>\n\n      <Collapse in={isExpanded}>\n        <Box sx={{ px: \"16px\", pb: \"16px\" }}>\n          {/* Numbered List */}\n          <Box component=\"ol\" sx={{ m: 0, pl: \"20px\", display: \"flex\", flexDirection: \"column\", gap: \"8px\" }}>\n            {(visibleItems || []).map((item, i) => (\n              <Box component=\"li\" key={i} sx={{ fontSize: \"14px\", color: \"var(--il-secondary-fg, #475467)\", lineHeight: \"1.5\", fontWeight: 400 }}>\n                {item}\n              </Box>\n            ))}\n          </Box>\n\n          {/* More/Less Toggle */}\n          {hasMore && (\n            <Typography\n              onClick={() => setShowFullList(!showFullList)}\n              sx={{\n                fontSize: \"13px\",\n                color: \"var(--il-primary, #5925DC)\",\n                cursor: \"pointer\",\n                mt: 1,\n                fontWeight: 500,\n                display: \"inline-block\",\n              }}\n            >\n              {showFullList ? \"show less...\" : \"more...\"}\n            </Typography>\n          )}\n\n          {/* Proceed Button */}\n          <button\n            onClick={(e) => {\n              e.stopPropagation();\n              if (!isSelected) onProceed();\n            }}\n            disabled={isSelected}\n            style={{\n              marginTop: \"16px\",\n              display: \"flex\",\n              alignItems: \"center\",\n              gap: \"4px\",\n              padding: \"4px 8px\",\n              backgroundColor: isSelected\n                ? \"var(--il-secondary-bg, #F2F4F7)\"\n                : hasPrimaryTheme ? \"var(--il-primary)\" : \"#F4F3FF\",\n              color: isSelected\n                ? \"var(--il-muted, #667085)\"\n                : hasPrimaryTheme ? \"var(--il-primary-fg, #FFFFFF)\" : \"#5925DC\",\n              border: \"none\",\n              borderRadius: \"8px\",\n              fontWeight: 500,\n              fontSize: \"12px\",\n              cursor: isSelected ? \"default\" : \"pointer\",\n              transition: \"all 0.2s\",\n            }}\n          >\n            {isSelected ? \"Option is already selected\" : \"Proceed with this option\"}\n            {proceedIcon}\n          </button>\n        </Box>\n      </Collapse>\n    </Box>\n  );\n};\n"],"names":["useState","useILMarketplaceThemeStyles","jsxs","Box","jsx","Typography","ChevronUp","ChevronDown","Collapse"],"mappings":"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"}

package/dist/cjs/features/IL-OTJ/_components/ILPopup.js

@@ -1,2 +1,135 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),i=require("lucide-react"),s=require("@mui/material"),t=require("../InstantLearning.module.css.js"),n=require("./ILPopup.styles.js"),l=require("./templates/TemplatesMap/templatesMap.js"),o=require("../../LearningManagement/store/useLearningTemplateStore.js");exports.default=function(r){var d=r.customSections,c=r.showCustomSections,u=void 0===c||c,g=r.onSave,v=r.formHeader,f=r.onClose,m=r.validateCustom,p=r.template,b=r.useDynamicForm,x=r.templateProps,h=r.isLoading,_=r.saveButtonConfig,j=void 0===_?{label:"Save Learning",loadingLabel:"Saving Learning..."}:_,y=r.isAiStreaming,S=void 0!==y&&y,C=r.showSaveWithoutValidation,D=r.saveWithoutValBtnConfig,L=void 0===D?{label:"Save w/o validation",loadingLabel:"Saving w/o validation..."}:D,w=r.onSaveWithoutValidation,T=r.showSaveDraft,q=void 0!==T&&T,N=r.onSaveDraft,k=r.saveDraftButtonConfig,B=void 0===k?{label:"Save Draft",loadingLabel:"Saving Draft..."}:k,F=r.isSaveDraftDisabled,M=void 0!==F&&F,P=r.saveDraftDisabledTooltip,W=r.saveButtonColor,R=o.useLearningTemplateStore(function(e){return e.backwardCompatibility}),z=W||(R?void 0:"var(--il-primary, #5925DC)"),E=null!=p?p:b?l.TemplateList.SchemaDrivenCreateRule:l.TemplateList.CreateRule,I=E?l.TemplateMap[E]:null,V=!m||m(),A=h||!V||S,H=A?"var(--il-secondary-bg, #8743d0ff)":z,G=A?"var(--il-border, #D1D5DB)":z,J=h||S||M;return a.jsxs(a.Fragment,{children:[a.jsx("style",{children:n.componentStyles}),a.jsxs("div",e.__assign({className:"il-popup-container ".concat(t.default.customFont)},{children:[a.jsxs("div",e.__assign({className:"form-header"},{children:[a.jsx(s.Typography,e.__assign({sx:{fontSize:"1.125rem",fontWeight:500,lineHeight:"1.82rem",fontFamily:'"Plus Jakarta Sans", sans-serif'}},{children:v})),a.jsx("div",e.__assign({onClick:f,style:{cursor:"pointer"}},{children:a.jsx(i.X,{})}))]})),a.jsx("div",e.__assign({className:"il-teach-me-scrollable",style:{flexGrow:1,display:"flex",flexDirection:"column",width:"100%",padding:"20px 24px",overflowY:"auto",borderBottom:"1px solid var(--il-border, #E7E7E9)",backgroundColor:"var(--il-bg, #ffffff)",color:"var(--il-foreground, #19213D)"}},{children:a.jsxs("div",e.__assign({className:"sections-space"},{children:[I&&a.jsx(I,e.__assign({},x)),u&&d]}))})),a.jsxs("div",e.__assign({className:"save-button-container"},{children:[C&&a.jsxs("button",e.__assign({className:"save-button-secondary",onClick:function(){w&&V&&w()},disabled:h||!V||S},{children:[a.jsx(i.TriangleAlert,{size:16,style:{marginRight:"4px"}}),h?L.loadingLabel:L.label]})),q&&a.jsx(s.Tooltip,e.__assign({arrow:!0,title:M&&P?P:""},{children:a.jsx("span",e.__assign({className:"save-button-tooltip-wrapper",style:{marginLeft:"auto"}},{children:a.jsxs("button",e.__assign({className:"save-button-secondary save-button-draft",onClick:function(){N&&!M&&N()},disabled:J},{children:[a.jsx(i.FileText,{size:16,style:{marginRight:"4px"}}),h?B.loadingLabel:B.label]}))}))})),a.jsx("button",e.__assign({className:"save-button",onClick:function(){!m||m()?(g(),console.log("Form Data to Save:")):console.error("Please fill all required fields before saving the learning.")},disabled:h||!V||S,style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",maxWidth:"fit-content",marginLeft:q?0:"auto",backgroundColor:H,borderColor:G,color:"var(--il-primary-fg, #ffffff)",opacity:A?.6:1}},{children:h?j.loadingLabel:j.label}))]}))]}))]})};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var material = require('@mui/material');
+var InstantLearning_module = require('../InstantLearning.module.css.js');
+var ILPopup_styles = require('./ILPopup.styles.js');
+var useLearningTemplateStore = require('../../LearningManagement/store/useLearningTemplateStore.js');
+var templatesMap = require('./templates/TemplatesMap/templatesMap.js');
+
+const ILPopup = ({
+  // setIsFormSavedClicked,
+  customSections,
+  showCustomSections = true,
+  onSave,
+  formHeader,
+  onClose,
+  validateCustom,
+  template,
+  useDynamicForm,
+  templateProps,
+  isLoading,
+  saveButtonConfig = { label: "Save Learning", loadingLabel: "Saving Learning..." },
+  isAiStreaming = false,
+  showSaveWithoutValidation,
+  saveWithoutValBtnConfig = { label: "Save w/o validation", loadingLabel: "Saving w/o validation..." },
+  onSaveWithoutValidation,
+  showSaveDraft = false,
+  onSaveDraft,
+  saveDraftButtonConfig = { label: "Save Draft", loadingLabel: "Saving Draft..." },
+  isSaveDraftDisabled = false,
+  saveDraftDisabledTooltip,
+  saveButtonColor
+}) => {
+  const backwardCompatibility = useLearningTemplateStore.useLearningTemplateStore((state) => state.backwardCompatibility);
+  const effectiveSaveButtonColor = saveButtonColor || (backwardCompatibility ? void 0 : "var(--il-primary, #5925DC)");
+  const handleSave = () => {
+    if (validateCustom ? validateCustom() : true) {
+      onSave();
+      console.log("Form Data to Save:");
+    } else {
+      console.error("Please fill all required fields before saving the learning.");
+    }
+  };
+  const resolvedTemplate = template != null ? template : useDynamicForm ? templatesMap.TemplateList.SchemaDrivenCreateRule : templatesMap.TemplateList.CreateRule;
+  const SelectedTemplate = resolvedTemplate ? templatesMap.TemplateMap[resolvedTemplate] : null;
+  const validate = validateCustom ? validateCustom() : true;
+  const isButtonDisabled = isLoading || !validate || isAiStreaming;
+  const buttonBackgroundColor = isButtonDisabled ? "var(--il-secondary-bg, #8743d0ff)" : effectiveSaveButtonColor;
+  const buttonBorderColor = isButtonDisabled ? "var(--il-border, #D1D5DB)" : effectiveSaveButtonColor;
+  const buttonTextColor = "var(--il-primary-fg, #ffffff)";
+  const handleSaveWithoutValidation = () => {
+    if (onSaveWithoutValidation && validate) {
+      onSaveWithoutValidation();
+    }
+  };
+  const handleSaveDraft = () => {
+    if (onSaveDraft && !isSaveDraftDisabled) {
+      onSaveDraft();
+    }
+  };
+  const isDraftButtonDisabled = isLoading || isAiStreaming || isSaveDraftDisabled;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: ILPopup_styles.componentStyles }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `il-popup-container ${InstantLearning_module["default"].customFont}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "form-header", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "1.125rem", fontWeight: 500, lineHeight: "1.82rem", fontFamily: '"Plus Jakarta Sans", sans-serif' }, children: formHeader }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: onClose, style: { cursor: "pointer" }, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "il-teach-me-scrollable", style: {
+        flexGrow: 1,
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        padding: "20px 24px",
+        overflowY: "auto",
+        borderBottom: "1px solid var(--il-border, #E7E7E9)",
+        backgroundColor: "var(--il-bg, #ffffff)",
+        color: "var(--il-foreground, #19213D)"
+      }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sections-space", children: [
+        SelectedTemplate && /* @__PURE__ */ jsxRuntime.jsx(SelectedTemplate, { ...templateProps }),
+        showCustomSections && customSections
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "save-button-container", children: [
+        showSaveWithoutValidation && /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            className: "save-button-secondary",
+            onClick: handleSaveWithoutValidation,
+            disabled: isLoading || !validate || isAiStreaming,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlert, { size: 16, style: { marginRight: "4px" } }),
+              isLoading ? saveWithoutValBtnConfig.loadingLabel : saveWithoutValBtnConfig.label
+            ]
+          }
+        ),
+        showSaveDraft && /* @__PURE__ */ jsxRuntime.jsx(
+          material.Tooltip,
+          {
+            arrow: true,
+            title: isSaveDraftDisabled && saveDraftDisabledTooltip ? saveDraftDisabledTooltip : "",
+            children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "save-button-tooltip-wrapper", style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                className: "save-button-secondary save-button-draft",
+                onClick: handleSaveDraft,
+                disabled: isDraftButtonDisabled,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { size: 16, style: { marginRight: "4px" } }),
+                  isLoading ? saveDraftButtonConfig.loadingLabel : saveDraftButtonConfig.label
+                ]
+              }
+            ) })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: "save-button",
+            onClick: handleSave,
+            disabled: isLoading || !validate || isAiStreaming,
+            style: { display: "flex", alignItems: "center", justifyContent: "center", gap: "8px", maxWidth: "fit-content", marginLeft: showSaveDraft ? 0 : "auto", backgroundColor: buttonBackgroundColor, borderColor: buttonBorderColor, color: buttonTextColor, opacity: isButtonDisabled ? 0.6 : 1 },
+            children: isLoading ? saveButtonConfig.loadingLabel : saveButtonConfig.label
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+var ILPopup$1 = ILPopup;
+
+exports["default"] = ILPopup$1;
 //# sourceMappingURL=ILPopup.js.map

package/dist/cjs/features/IL-OTJ/_components/ILPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ILPopup.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ILPopup.js","sources":["../../../../../src/features/IL-OTJ/_components/ILPopup.tsx"],"sourcesContent":["import React from 'react';\nimport { FileText, TriangleAlert, X } from 'lucide-react';\nimport { Tooltip, Typography } from '@mui/material';\nimport defaultStyles from '../InstantLearning.module.css';\nimport { componentStyles } from './ILPopup.styles';\nimport { TemplateList, TemplateMap } from '../../IL-OTJ/_components/templates/TemplatesMap';\nimport { SaveButtonConfig } from '../ILOTJ';\nimport { useLearningTemplateStore } from '../../LearningManagement/store/useLearningTemplateStore';\n\nexport type ConditionItem = {\n  id: number | string;\n  text: string;\n  reasoning?: string;\n  conflict?: any; // Structured conflict data\n};\ninterface ILPopupProps {\n  setIsFormSavedClicked: any,\n  customSections: React.ReactNode,\n  showCustomSections?: boolean\n  onSave?: any,\n  formHeader: string,\n  onClose: () => void,\n  validateCustom?: () => boolean;\n  template?: TemplateList; // your specified template type\n  /** When no explicit `template` is given, selects the schema-driven renderer vs the legacy one. */\n  useDynamicForm?: boolean;\n  templateProps?: any; // props specific to the selected template\n  isLoading?: boolean;\n  saveButtonConfig?: SaveButtonConfig;\n  saveWithoutValBtnConfig?: SaveButtonConfig;\n  /** Indicates if AI is currently streaming a response */\n  isAiStreaming?: boolean;\n  showSaveWithoutValidation?: boolean;\n  onSaveWithoutValidation?: () => void;\n  showSaveDraft?: boolean;\n  onSaveDraft?: () => void;\n  saveDraftButtonConfig?: SaveButtonConfig;\n  isSaveDraftDisabled?: boolean;\n  saveDraftDisabledTooltip?: string;\n  saveButtonColor?: string;\n}\n\nconst ILPopup = ({\n  // setIsFormSavedClicked,\n  customSections,\n  showCustomSections = true,\n  onSave,\n  formHeader,\n  onClose,\n  validateCustom,\n  template,\n  useDynamicForm,\n  templateProps,\n  isLoading,\n  saveButtonConfig = { label: 'Save Learning', loadingLabel: 'Saving Learning...' },\n  isAiStreaming = false,\n  showSaveWithoutValidation,\n  saveWithoutValBtnConfig = { label: 'Save w/o validation', loadingLabel: 'Saving w/o validation...' },\n  onSaveWithoutValidation,\n  showSaveDraft = false,\n  onSaveDraft,\n  saveDraftButtonConfig = { label: 'Save Draft', loadingLabel: 'Saving Draft...' },\n  isSaveDraftDisabled = false,\n  saveDraftDisabledTooltip,\n  saveButtonColor\n}: ILPopupProps) => {\n  const backwardCompatibility = useLearningTemplateStore((state) => state.backwardCompatibility);\n  // Use purple color for new UI mode when no explicit color is provided\n  const effectiveSaveButtonColor = saveButtonColor || (backwardCompatibility ? undefined : 'var(--il-primary, #5925DC)');\n\n  const handleSave = () => {\n    if(validateCustom ? validateCustom() : true) {\n      // setIsFormSavedClicked(true);\n      onSave();\n      console.log('Form Data to Save:');\n    } else {\n      console.error('Please fill all required fields before saving the learning.');\n    }\n  };\n\n  // Prefer an explicitly passed template; otherwise pick based on the dynamic-form flag.\n  const resolvedTemplate =\n    template ?? (useDynamicForm ? TemplateList.SchemaDrivenCreateRule : TemplateList.CreateRule);\n  const SelectedTemplate = resolvedTemplate ? TemplateMap[resolvedTemplate] : null;\n  const validate = validateCustom ? validateCustom() : true;\n\n  // Determine if button is disabled and set colors accordingly\n  const isButtonDisabled = isLoading || !validate || isAiStreaming;\n  const buttonBackgroundColor = isButtonDisabled\n    ? 'var(--il-secondary-bg, #8743d0ff)'\n    : effectiveSaveButtonColor;\n  const buttonBorderColor = isButtonDisabled\n    ? 'var(--il-border, #D1D5DB)'\n    : effectiveSaveButtonColor;\n  const buttonTextColor = 'var(--il-primary-fg, #ffffff)';\n\n  // Logic for the bypass button\n  const handleSaveWithoutValidation = () => {\n    if (onSaveWithoutValidation && validate) {\n      onSaveWithoutValidation();\n    }\n  };\n\n  const handleSaveDraft = () => {\n    if (onSaveDraft && !isSaveDraftDisabled) {\n      onSaveDraft();\n    }\n  };\n\n  const isDraftButtonDisabled = isLoading || isAiStreaming || isSaveDraftDisabled;\n\n  return (\n    <>\n      <style>\n        {componentStyles}\n      </style>\n      <div className={`il-popup-container ${defaultStyles.customFont}`}>\n        <div className='form-header'>\n          <Typography sx={{ fontSize: '1.125rem', fontWeight: 500, lineHeight: '1.82rem', fontFamily: '\"Plus Jakarta Sans\", sans-serif', }} >\n              {formHeader}\n          </Typography>\n          <div onClick={onClose} style={{ cursor: 'pointer' }}>\n            <X />\n          </div>\n        </div>\n        <div className='il-teach-me-scrollable' style={{\n          flexGrow: 1,\n          display: 'flex',\n          flexDirection: 'column',\n          width: '100%',\n          padding: '20px 24px',\n          overflowY: 'auto',\n          borderBottom: '1px solid var(--il-border, #E7E7E9)',\n          backgroundColor: 'var(--il-bg, #ffffff)',\n          color: 'var(--il-foreground, #19213D)',\n        }}>\n\n          <div className='sections-space'>\n            {SelectedTemplate && (\n              <SelectedTemplate {...templateProps} />\n            )}\n            {showCustomSections && customSections}\n          </div>\n\n\n        </div>\n          {/* <hr className='section-divider' /> */}\n            <div className='save-button-container'>\n              {showSaveWithoutValidation && (\n                <button \n                  className='save-button-secondary' \n                  onClick={handleSaveWithoutValidation}\n                  disabled={isLoading || !validate || isAiStreaming}\n                >\n                  <TriangleAlert size={16} style={{marginRight: '4px'}} />\n                  {isLoading ? saveWithoutValBtnConfig.loadingLabel : saveWithoutValBtnConfig.label}\n                </button>\n              )}\n              {showSaveDraft && (\n                <Tooltip\n                  arrow\n                  title={isSaveDraftDisabled && saveDraftDisabledTooltip ? saveDraftDisabledTooltip : ''}\n                >\n                  <span className='save-button-tooltip-wrapper' style={{ marginLeft: 'auto' }}>\n                    <button\n                      className='save-button-secondary save-button-draft'\n                      onClick={handleSaveDraft}\n                      disabled={isDraftButtonDisabled}\n                    >\n                      <FileText size={16} style={{ marginRight: '4px' }} />\n                      {isLoading ? saveDraftButtonConfig.loadingLabel : saveDraftButtonConfig.label}\n                    </button>\n                  </span>\n                </Tooltip>\n              )}\n            <button \n              className='save-button' \n              onClick={handleSave} \n              disabled={isLoading || !validate || isAiStreaming}\n              style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '8px', maxWidth: 'fit-content', marginLeft: showSaveDraft ? 0 : 'auto', backgroundColor: buttonBackgroundColor, borderColor: buttonBorderColor, color: buttonTextColor, opacity: isButtonDisabled ? 0.6 : 1 }}\n            >\n              {isLoading ? saveButtonConfig.loadingLabel : saveButtonConfig.label}\n            </button>\n          </div>\n      </div>\n    </>\n  );\n};\n\nexport default ILPopup;\n"],"names":["useLearningTemplateStore","TemplateList","TemplateMap","jsxs","Fragment","jsx","componentStyles","defaultStyles","Typography","X","TriangleAlert","Tooltip","FileText"],"mappings":"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"}