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

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

@@ -1 +1 @@
-{"version":3,"file":"ILPopup.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ILPopup.styles.js","sources":["../../../../../src/features/IL-OTJ/_components/ILPopup.styles.ts"],"sourcesContent":["export const componentStyles = `\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\n  }\n\n  .form-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.78rem;\n    border-bottom: 1px solid var(--il-border, #e5e7eb);\n    background-color: var(--il-surface, #ffffff);\n    color: var(--il-foreground, #0F172A);\n    font-style: normal;\n    font-weight: 500;\n    line-height: 12px;\n    position: sticky;\n    top: 0;\n    z-index: 10;\n  }\n\n  .form-header svg {\n    cursor: pointer;\n    transition: opacity 0.2s ease;\n  }\n\n  .form-header svg:hover {\n    opacity: 0.7;\n  }\n\n  .il-popup-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background-color: var(--il-bg, #ffffff);\n    color: var(--il-foreground, #19213D);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable {\n    scrollbar-width: var(--il-scrollbar-width);\n    scrollbar-color: var(--il-scrollbar-thumb) var(--il-scrollbar-track);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable::-webkit-scrollbar {\n    width: var(--il-scrollbar-size);\n    height: var(--il-scrollbar-size);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable::-webkit-scrollbar-track {\n    background: var(--il-scrollbar-track);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable::-webkit-scrollbar-thumb {\n    background: var(--il-scrollbar-thumb);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable::-webkit-scrollbar-thumb:hover {\n    background: var(--il-scrollbar-thumb-hover);\n  }\n\n  .sections-space {\n    display: grid;\n    gap: 1rem;\n    margin-bottom: 2rem;\n  }\n\n  .section-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    background-color: var(--il-surface, #ffffff);\n    color: var(--il-foreground, #19213D);\n    overflow: hidden;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n  }\n\n  .section-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    transition: all 150ms ease-in-out;\n    background-color: var(--il-surface, #ffffff);\n  }\n\n  .section-header-title {\n    display: flex;\n    align-items: center;\n    font-weight: 500;\n    font-size: 14px;\n    color: var(--il-foreground, #19213D);\n    transition: color 150ms ease-in-out;\n  }\n\n  .section-chevron {\n    width: 24px;\n    height: 24px;\n    color: var(--il-muted, #64748B);\n    transition: transform 300ms ease-in-out, color 300ms ease-in-out;\n  }\n\n  .section-chevron.open {\n    transform: rotate(180deg);\n  }\n\n  .section-divider {\n    border: none;\n    border-top: 2px solid var(--il-border, #F0F2F5);\n  }\n\n  .section-content {\n    animation: slideInFromTop 200ms ease-in-out;\n  }\n\n  .textarea-wrapper {\n  }\n\n  .textarea {\n    width: 100%;\n    padding: 20px;\n    border: 1px solid var(--il-input-border, #d1d5db);\n    background-color: var(--il-input-bg, #ffffff);\n    color: var(--il-input-fg, #19213D);\n    border-radius: 0.675rem;\n    resize: none;\n    font-size: .875rem;\n    font-weight: 400;\n    font-family: inherit;\n    transition: border-color 150ms ease-in-out;\n  }\n\n  .textarea {\n    scrollbar-width: none; /* Firefox */\n    -ms-overflow-style: none;  /* IE/Edge */\n  }\n\n  .textarea::-webkit-scrollbar {\n    display: none; /* Chrome/Safari */\n  }\n\n  .condition-wrapper {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .condition-item {\n    display: flex;\n    align-items: start;\n    justify-content: space-between;\n    background-color: var(--il-surface, #ffffff);\n    border-radius: 0.675rem;\n    transition: border-color 0.2s ease;\n    gap: 8px;\n  }\n\n  .condition-left {\n    display: flex;\n    align-items: flex-start;\n    flex: 1;\n  }\n\n  .condition-index {\n    font-size: 14px;\n    color: var(--il-muted, #64748B);\n    margin-right: 8px;\n    min-width: 20px;\n    padding-top: 2px;\n  }\n\n  .condition-text {\n    flex: 1;\n    border: none;\n    font-size: 0.875rem;\n    color: var(--il-foreground, #1e293b);\n    background: transparent;\n    resize: none;\n    overflow: hidden;\n    line-height: 1.5;\n    padding: 0;\n    display: block;\n    width: 100%;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n  }\n\n  .condition-text:focus {\n    outline: none;\n  }\n\n  .action-buttons {\n    display: flex;\n    gap: 8px;\n    margin-top: 2px;\n  }\n\n  .btn-icon {\n    background: transparent !important;\n    border: 1px solid var(--il-border, #ccc);\n    color: var(--il-muted, #64748B);\n    cursor: pointer;\n    padding: 0.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    transition: background-color 0.2s;\n  }\n\n  .btn-icon:hover {\n    background-color: var(--il-hover, #f9fafb) !important;\n  }\n\n  .btn-save { color: var(--il-success, #22c55e); }\n  .btn-cancel { color: var(--il-danger, #ef4444); }\n  .btn-edit, .btn-delete { color: var(--il-muted, #64748B); }\n\n  .btn-delete:hover { color: var(--il-danger, #ef4444); }\n\n  .action-buttons-inline {\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    align-items: center;\n  }\n\n  /* The Blue \"Apply\" button style */\n  .btn-apply {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    padding: 8px 12px;\n    border: 1px solid var(--il-primary, #2563EB);\n    border-radius: 8px;\n    cursor: pointer;\n    height: 36px;\n    background-color: var(--il-primary, #2563EB) !important;\n    color: var(--il-primary-fg, white) !important;\n    font-size: 14px;\n    font-weight: 500;\n    transition: background-color 0.2s;\n  }\n\n  .btn-apply:hover {\n    background-color: var(--il-primary-hover, #1d4ed8) !important;\n  }\n\n  /* The Cancel (X) button style */\n  .btn-cancel-inline {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    padding: 8px;\n    border: 1px solid var(--il-border, #E3E8E9);\n    border-radius: 8px;\n    cursor: pointer;\n    background-color: var(--il-surface, #ffffff) !important;\n    color: var(--il-danger, #dc2626) !important;\n    transition: all 0.2s;\n  }\n\n  .btn-cancel-inline:hover {\n    background-color: var(--il-danger-subtle, #fef2f2) !important;\n    border-color: var(--il-danger, #fecaca);\n  }\n\n  /* Ensure the Lucide icons within these buttons behave */\n  .btn-apply svg, .btn-cancel-inline svg {\n    flex-shrink: 0;\n  }\n\n  .condition-add {\n    display: flex;\n    align-items: center;\n    padding: 8px 0;\n    cursor: pointer;\n    color: var(--il-primary, #2563EB);\n    width: fit-content;\n  }\n\n  .condition-remove-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--il-muted, #9ca3af);\n    transition: color 200ms ease-in-out;\n    padding: 0;\n    display: flex;\n    align-items: center;\n  }\n\n  .condition-remove-btn:hover {\n    color: var(--il-danger, #ef4444);\n  }\n\n  .condition-add-icon {\n    width: 20px;\n    height: 20px;\n    margin-right: 8px;\n  }\n\n  .condition-add-text {\n    font-weight: 500;\n    font-size: 0.875rem;\n  }\n\n  .scope-content {\n    display: flex;\n     justify-content: space-between;\n    gap: 16px;\n  }\n\n  @media (min-width: 640px) {\n    .scope-content {\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  .form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .form-label {\n    display: block;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--il-foreground, #19213D);\n    transition: color 150ms ease-in-out;\n  }\n  .readOnly {\n    color: var(--il-disabled, #9CA3AF);\n    cursor: not-allowed;\n}\n\n  .dropdown {\n    width: 200px;\n    padding: 7px 10.5px 7px 10.5px;\n    border: 1px solid var(--il-input-border, #64748B);\n    color: var(--il-input-fg, #64748B);\n    border-radius: 8px;\n    background-color: var(--il-input-bg, #ffffff);\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n    transition: all 150ms ease-in-out;\n    font-size: 0.875rem;\n\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748B'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n\n    background-position: calc(100% - 12px) center;\n    background-size: 16px;\n  }\n  .checkbox-group {\n    display: flex;\n    gap: 24px;\n    align-items: center;\n  }\n\n  .checkbox-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    cursor: pointer;\n  }\n\n.checkbox-input {\n  appearance: none;\n  -webkit-appearance: none;\n\n  width: 16px;\n  height: 16px;\n\n  border: 1px solid var(--il-input-border, #D1D5DB);\n  border-radius: 4px;\n  background-color: var(--il-input-bg, #ffffff);\n  cursor: pointer;\n  position: relative;\n  display: grid;\n  place-content: center;\n}\n\n.checkbox-input:checked {\n  background-color: var(--il-primary, #2563EB);\n  border-color: var(--il-primary, #2563EB);\n}\n\n.checkbox-input:checked::before {\n  content: \"\";\n  width: 10px;\n  height: 10px;\n  clipPath: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n  background-color: var(--il-primary-fg, #ffffff);\n}\n\n  .checkbox-label {\n    font-size: 0.875rem;\n    color: var(--il-secondary-fg, #374151);\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .config-content {\n    padding: 8px;\n  }\n\n  .config-content-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 16px 0;\n  }\n\n  .separation-row-container {\n    background: var(--il-surface-alt, #F7F8FA);\n    border: 1px solid var(--il-border, #F5F6F7);\n    border-radius: 8px;\n    padding: 10px 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .separation-header-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n  }\n\n  .separation-label {\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--il-foreground, #19213D);\n  }\n\n  .separation-controls-row {\n    display: flex;\n    align-items: center;\n  }\n\n  .duration-input-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .separation-input:disabled {\n    background: transparent;\n    border-color: transparent;\n    color: var(--il-muted, #64748B);\n  }\n\n  .separation-unit {\n    font-size: 16px;\n    color: var(--il-muted, #64748B);\n  }\n\n  .toggle-switch {\n    position: relative;\n    display: inline-flex;\n    height: 24px;\n    width: 44px;\n    flex-shrink: 0;\n    cursor: pointer;\n    border-radius: 9999px;\n    border: 2px solid transparent;\n    transition: background-color 200ms ease-in-out;\n    background-color: var(--il-secondary-bg, #e5e7eb);\n    appearance: none;\n    padding: 0;\n  }\n\n  .toggle-switch.enabled {\n    background-color: var(--il-primary, #2563eb);\n  }\n\n  .toggle-switch::after {\n    content: '';\n    position: absolute;\n    pointer-events: none;\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n    transform: translateX(2px);\n    border-radius: 9999px;\n    background-color: var(--il-surface, #ffffff);\n    box-shadow: 0 0 0 0;\n    transition: transform 200ms ease-in-out;\n  }\n\n  .toggle-switch.enabled::after {\n    transform: translateX(22px);\n  }\n\n  .separation-input {\n    width: 48px;\n    text-align: center;\n    padding: 4px;\n    border: 1px solid var(--il-input-border, #d1d5db);\n    background-color: var(--il-input-bg, #ffffff);\n    color: var(--il-input-fg, #19213D);\n    border-radius: 6px;\n    font-size: 0.875rem;\n  }\n\n  .separation-unit {\n    font-size: 0.875rem;\n    color: var(--il-muted, #6b7280);\n  }\n\n  .code-toggle-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 12px;\n    padding-bottom: 12px;\n  }\n\n  .config-section-divider {\n    padding-top: 12px;\n  }\n\n  .save-button-container {\n    background-color: var(--il-surface, #ffffff);\n    padding: 16px;\n    display: flex;\n    gap: 12px;\n    align-items: center;\n  }\n\n  .save-button {\n    width: 100%;\n    margin-left: auto;\n    background-color: var(--il-primary, #2563eb);\n    color: var(--il-primary-fg, white);\n    padding: 8.25px 12.25px;\n    border-radius: 8px;\n    border: none;\n    cursor: pointer;\n    transition: background-color 150ms ease-in-out;\n    font-size: 0.875rem;\n  }\n\n  .save-button:hover {\n    background-color: var(--il-primary-hover, #1055e8);\n  }\n\n  .save-button:active {\n    background-color: var(--il-primary, #2563eb);\n  }\n\n  .save-button:disabled {\n    background-color: var(--il-secondary-bg, #93c5fd);\n    cursor: not-allowed;\n  }\n\n  .save-button-secondary {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--il-surface, #ffffff);\n    color: var(--il-danger, #8F2C23);\n    padding: 8.25px 12.25px;\n    border-radius: 8px;\n    border: 1px solid var(--il-border, #E2E8F0);\n    cursor: pointer;\n    transition: all 150ms ease-in-out;\n    font-size: 0.875rem;\n  }\n\n  .save-button-secondary:hover {\n    background-color: var(--il-hover, #F8FAFC);\n    color: var(--il-danger, #8F2C23);\n    border-color: var(--il-border, #CBD5E1);\n  }\n\n  .save-button-secondary:disabled {\n    opacity: 0.7;\n    cursor: not-allowed;\n    background-color: var(--il-secondary-bg, #F3F4F6);\n    color: var(--il-disabled, #9CA3AF);\n    border-color: var(--il-border, #E5E7EB);\n  }\n\n  .save-button-tooltip-wrapper {\n    display: inline-flex;\n  }\n\n  .save-button-draft {\n    color: #5925DC;\n  }\n\n  .save-button-draft:hover {\n    color: #5925DC;\n  }\n    \n  .traffic-manager-template {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .no-scrollbar::-webkit-scrollbar {\n      display: none; /* Chrome, Safari, and Opera */\n  }\n\n  .no-scrollbar {\n      -ms-overflow-style: none;  /* IE and Edge */\n      scrollbar-width: none;  /* Firefox */\n  }\n  @keyframes scrollToBottom {\n    0% { transform: translateY(0px); }\n    50% { transform: translateY(10px); }\n    100% { transform: translateY(0px); }\n  }\n\n  /* The animation class */\n  .animate-scrollToBottom {\n    animation: scrollToBottom 1s infinite ease-in-out;\n  }\n    /* Accordion stylings */\n  .accordion-container {\n    width: 100%;\n    border: 1px solid var(--il-border, #ccc);\n    border-radius: 8px;\n    background-color: var(--il-surface, #ffffff);\n    overflow: hidden;\n  }\n\n  .accordion-header {\n    padding: 12px 16px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .accordion-title {\n    margin: 0;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--il-foreground, #19213d);\n  }\n\n  .accordion-content {\n    padding: 0 24px 24px 24px;\n  }\n\n`\n"],"names":[],"mappings":";;;;AAAO,MAAM,eAAkB,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

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

@@ -1,2 +1,112 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),t=require("./CitationLink.js"),r=require("@e-llm-studio/citation"),o=require("./_svg/ButtonCognitiveIcon.js"),a=require("./MarkdownComponents/MarkdownElements.js"),s=require("./cognitiveDecisioningThemeStyles.js"),l=i.memo(function(l){var c=l.citation,u=l.citations;l.fieldName,l.fieldValue;var g=l.isVisible,d=void 0!==g&&g,f=function(e,n){var i,t="";if(!(t="string"==typeof n?n:(null===(i=null==n?void 0:n.customMetaData)||void 0===i?void 0:i.content)?n.customMetaData.content:String(n)))return null;var r=new RegExp("<".concat(e,"[^>]*>([\\s\\S]*?)<\\/").concat(e,">"),"i"),o=t.match(r);return o?o[1].replace(/\\n/g,"\n"):null},p=i.useMemo(function(){return f("reason",c)},[c]),m=i.useMemo(function(){return f("gap",c)},[c]),x=i.useMemo(function(){return f("relevance_score",c)},[c]),v=i.useCallback(function(e,n){return u&&u.find(function(i){return i.customMetaData.citation_number&&"Cognitive Decisioning"!==i.customMetaData.citation_title&&i.customMetaData.source===n&&String(i.customMetaData.citation_number)===String(e)})||null},[u]),h=i.useMemo(function(){return{p:function(i){i.node;var t=e.__rest(i,["node"]);return n.jsx("p",e.__assign({},t,{style:{margin:0}},{children:null==t?void 0:t.children}))},li:function(i){i.node;var t=i.index,r=e.__rest(i,["node","index"]);return n.jsxs("div",e.__assign({style:{display:"flex",alignItems:"flex-start",marginBottom:"6px"}},{children:[n.jsx("span",e.__assign({style:{fontSize:"12px",fontWeight:400,color:"var(--il-foreground, #55585f)",flexShrink:0,minWidth:"18px"}},{children:"number"==typeof t?"".concat(t+1,"."):"•"})),n.jsx("span",e.__assign({style:{fontSize:"12px",color:"var(--il-foreground, #4B5563)",lineHeight:"1.5",flex:1}},{children:r.children}))]}))},a:function(i){i.node;var r=i.href,o=i.children,s=e.__rest(i,["node","href","children"]);if(!r)return n.jsx("a",e.__assign({},s,{children:o}));var l=r.match(/citationNumber=([^&]+)/),c=l?l[1]:null;if(c){var u=a.getSourceFromUrl(r),g=v(c,u);if(g)return n.jsx("span",e.__assign({style:{display:"inline",alignItems:"center",fontSize:"14px !important",gap:"3px",color:"var(--il-primary, #2563EB)",verticalAlign:"middle"}},{children:n.jsx(t.default,{citation:g,linkTitle:o,fontSize:12})}))}return n.jsx("a",e.__assign({href:r,target:"_blank",rel:"noopener noreferrer",style:{color:"var(--il-primary, #2563EB)",textDecoration:"none"}},s,{children:o}))}}},[v]),_=function(e){return e?e.replace(/(\[[^\]]+\]\()([^)]+)(\))/g,function(e,n,i,t){return"".concat(n).concat(i.replace(/\s/g,"%20")).concat(t)}).replace(/`([^`\n]+)`/g,"**$1**"):""},y=i.useMemo(function(){return s.getCognitiveDecisioningThemeStyles({header:{padding:"8px 16px"},sectionButton:{paddingLeft:"24px",paddingRight:"24px",paddingBottom:"12px"},textContent:{fontSize:"12px",paddingLeft:"30px",paddingRight:"24px",paddingBottom:"20px"},badge:{fontSize:"11px",padding:"8px 8px"},pill:{}})},[]);return d?n.jsx(r.CognitiveDecisioningCard,{reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",headerIcon:n.jsx(o.ButtonCognitiveIcon,{color:"var(--il-rhs-cognitive-icon, var(--il-foreground, #ffffff))"}),isOpen:!0,hideTrigger:!0,onToggle:function(){},reasoning:_(p)||"",gap:_(m)||"",score:x,mdComponents:h,styles:y}):null},function(e,n){return e.isVisible===n.isVisible&&e.fieldValue===n.fieldValue&&e.fieldName===n.fieldName&&JSON.stringify(e.citation)===JSON.stringify(n.citation)&&JSON.stringify(e.citations)===JSON.stringify(n.citations)});l.displayName="InputDataReasoningCard",exports.InputDataReasoningCard=l;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var CitationLink = require('./CitationLink.js');
+var citation = require('@e-llm-studio/citation');
+var ButtonCognitiveIcon = require('./_svg/ButtonCognitiveIcon.js');
+var MarkdownElements = require('./MarkdownComponents/MarkdownElements.js');
+var cognitiveDecisioningThemeStyles = require('./cognitiveDecisioningThemeStyles.js');
+
+const InputDataReasoningCardComponent = ({ citation: citation$1, citations, fieldName, fieldValue, isVisible = false }) => {
+  const extractTag = (tag, content) => {
+    var _a;
+    let textToSearch = "";
+    if (typeof content === "string") {
+      textToSearch = content;
+    } else if ((_a = content == null ? void 0 : content.customMetaData) == null ? void 0 : _a.content) {
+      textToSearch = content.customMetaData.content;
+    } else {
+      textToSearch = String(content);
+    }
+    if (!textToSearch) return null;
+    const regex = new RegExp(`<${tag}[^>]*>([\\s\\S]*?)<\\/${tag}>`, "i");
+    const match = textToSearch.match(regex);
+    if (match) {
+      return match[1].replace(/\\n/g, "\n");
+    }
+    return null;
+  };
+  const reasoning = React.useMemo(() => extractTag("reason", citation$1), [citation$1]);
+  const gap = React.useMemo(() => extractTag("gap", citation$1), [citation$1]);
+  const score = React.useMemo(() => extractTag("relevance_score", citation$1), [citation$1]);
+  const getCitationByNumber = React.useCallback((citationNumber, source) => {
+    if (!citations) return null;
+    return citations.find((c) => c.customMetaData.citation_number && c.customMetaData.citation_title !== "Cognitive Decisioning" && c.customMetaData.source === source && String(c.customMetaData.citation_number) === String(citationNumber)) || null;
+  }, [citations]);
+  const markdownComponents = React.useMemo(() => ({
+    p: ({ node, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("p", { ...props, style: { margin: 0 }, children: props == null ? void 0 : props.children }),
+    li: ({ node, index, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "flex-start", marginBottom: "6px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "12px", fontWeight: 400, color: "var(--il-foreground, #55585f)", flexShrink: 0, minWidth: "18px" }, children: typeof index === "number" ? `${index + 1}.` : "\u2022" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "12px", color: "var(--il-foreground, #4B5563)", lineHeight: "1.5", flex: 1 }, children: props.children })
+    ] }),
+    a: ({ node, href, children, ...props }) => {
+      if (!href) return /* @__PURE__ */ jsxRuntime.jsx("a", { ...props, children });
+      const match = href.match(/citationNumber=([^&]+)/);
+      const citationNumber = match ? match[1] : null;
+      if (citationNumber) {
+        const source = MarkdownElements.getSourceFromUrl(href);
+        const citation2 = getCitationByNumber(citationNumber, source);
+        if (citation2) {
+          return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "inline", alignItems: "center", fontSize: "14px !important", gap: "3px", color: "var(--il-primary, #2563EB)", verticalAlign: "middle" }, children: /* @__PURE__ */ jsxRuntime.jsx(CitationLink["default"], { citation: citation2, linkTitle: children, fontSize: 12 }) });
+        }
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { href, target: "_blank", rel: "noopener noreferrer", style: { color: "var(--il-primary, #2563EB)", textDecoration: "none" }, ...props, children });
+    }
+  }), [getCitationByNumber]);
+  const sanitizeMarkdownContent = (content) => {
+    if (!content) return "";
+    return content.replace(
+      /(\[[^\]]+\]\()([^)]+)(\))/g,
+      (match, prefix, url, suffix) => `${prefix}${url.replace(/\s/g, "%20")}${suffix}`
+    ).replace(/`([^`\n]+)`/g, "**$1**");
+  };
+  const styleOverrides = React.useMemo(() => cognitiveDecisioningThemeStyles.getCognitiveDecisioningThemeStyles({
+    header: { padding: "8px 16px" },
+    sectionButton: {
+      paddingLeft: "24px",
+      paddingRight: "24px",
+      paddingBottom: "12px"
+    },
+    textContent: {
+      fontSize: "12px",
+      paddingLeft: "30px",
+      paddingRight: "24px",
+      paddingBottom: "20px"
+    },
+    badge: {
+      fontSize: "11px",
+      padding: "8px 8px"
+    },
+    pill: {}
+  }), []);
+  if (!isVisible) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    citation.CognitiveDecisioningCard,
+    {
+      reasoningTitle: "Decision Making Factors",
+      reasoningSubtitle: "Why is this Suggested?",
+      gapTitle: "Gaps in Decision",
+      gapSubtitle: "What's missing or unclear?",
+      headerIcon: /* @__PURE__ */ jsxRuntime.jsx(ButtonCognitiveIcon.ButtonCognitiveIcon, { color: "var(--il-rhs-cognitive-icon, var(--il-foreground, #ffffff))" }),
+      isOpen: true,
+      hideTrigger: true,
+      onToggle: () => {
+      },
+      reasoning: sanitizeMarkdownContent(reasoning) || "",
+      gap: sanitizeMarkdownContent(gap) || "",
+      score,
+      mdComponents: markdownComponents,
+      styles: styleOverrides
+    }
+  );
+};
+const InputDataReasoningCard = React.memo(InputDataReasoningCardComponent, (prevProps, nextProps) => {
+  return prevProps.isVisible === nextProps.isVisible && prevProps.fieldValue === nextProps.fieldValue && prevProps.fieldName === nextProps.fieldName && JSON.stringify(prevProps.citation) === JSON.stringify(nextProps.citation) && JSON.stringify(prevProps.citations) === JSON.stringify(nextProps.citations);
+});
+InputDataReasoningCard.displayName = "InputDataReasoningCard";
+
+exports.InputDataReasoningCard = InputDataReasoningCard;
 //# sourceMappingURL=InputDataReasoningCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputDataReasoningCard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"InputDataReasoningCard.js","sources":["../../../../../src/features/IL-OTJ/_components/InputDataReasoningCard.tsx"],"sourcesContent":["import React, { memo, useCallback, useMemo } from 'react';\nimport CitationLink from './CitationLink';\nimport { CognitiveDecisioningCard }  from '@e-llm-studio/citation';\nimport { ButtonCognitiveIcon } from './_svg/ButtonCognitiveIcon';\nimport { getSourceFromUrl } from './MarkdownComponents/MarkdownElements';\nimport { getCognitiveDecisioningThemeStyles } from './cognitiveDecisioningThemeStyles';\n\ntype Props = {\n    citation: any;\n    citations?: any[];\n    fieldName: string;\n    fieldValue: string;\n    isVisible?: boolean;\n};\n\nconst InputDataReasoningCardComponent: React.FC<Props> = ({ citation, citations, fieldName, fieldValue, isVisible = false }) => {\n\n    const extractTag = (tag: string, content: any) => {\n        let textToSearch = \"\";\n        if (typeof content === 'string') {\n            textToSearch = content;\n        } else if (content?.customMetaData?.content) {\n            textToSearch = content.customMetaData.content;\n        } else {\n            textToSearch = String(content);\n        }\n\n        if (!textToSearch) return null;\n\n        const regex = new RegExp(`<${tag}[^>]*>([\\\\s\\\\S]*?)<\\\\/${tag}>`, 'i');\n        const match = textToSearch.match(regex);\n\n        if (match) {\n            return match[1].replace(/\\\\n/g, '\\n');\n        }\n        return null;\n    };\n\n    const reasoning = useMemo(() => extractTag('reason', citation), [citation]);\n    const gap = useMemo(() => extractTag('gap', citation), [citation]);\n    const score = useMemo(() => extractTag('relevance_score', citation), [citation]);\n\n    const getCitationByNumber = useCallback((citationNumber: string, source: string) => {\n        if (!citations) return null;\n        return citations.find((c: any) => (c.customMetaData.citation_number && c.customMetaData.citation_title !== 'Cognitive Decisioning') && c.customMetaData.source === source && String(c.customMetaData.citation_number) === String(citationNumber)) || null;\n    }, [citations]);\n\n    const markdownComponents = useMemo(() => ({\n        p: ({ node, ...props }: any) => <p {...props} style={{ margin: 0 }}>{props?.children}</p>,\n        li: ({ node, index, ...props }: any) => (\n            <div style={{ display: 'flex', alignItems: 'flex-start', marginBottom: '6px' }}>\n                <span style={{ fontSize: '12px', fontWeight: 400, color: 'var(--il-foreground, #55585f)', flexShrink: 0, minWidth: '18px' }}>\n                    {typeof index === 'number' ? `${index + 1}.` : '•'}\n                </span>\n                <span style={{ fontSize: '12px', color: 'var(--il-foreground, #4B5563)', lineHeight: '1.5', flex: 1 }}>\n                    {props.children}\n                </span>\n            </div>\n        ),\n        a: ({ node, href, children, ...props }: any) => {\n            if (!href) return <a {...props}>{children}</a>;\n            const match = href.match(/citationNumber=([^&]+)/);\n            const citationNumber = match ? match[1] : null;\n\n            if (citationNumber) {\n                const source = getSourceFromUrl(href);\n                const citation = getCitationByNumber(citationNumber, source);//\n                if (citation) {\n                    return (\n                        <span style={{ display: \"inline\", alignItems: \"center\", fontSize: \"14px !important\",gap: \"3px\", color: \"var(--il-primary, #2563EB)\", verticalAlign: 'middle' }}>\n                            <CitationLink citation={citation} linkTitle={children as string} fontSize={12} />\n                        </span>\n                    );\n                }\n            }\n            return <a href={href} target='_blank' rel='noopener noreferrer' style={{ color: 'var(--il-primary, #2563EB)', textDecoration: 'none' }} {...props}>{children}</a>;\n        },\n    }), [getCitationByNumber]);\n\n    const sanitizeMarkdownContent = (content: string | null | undefined) => {\n    if (!content) return \"\";\n    return content\n        .replace(/(\\[[^\\]]+\\]\\()([^)]+)(\\))/g, (match, prefix, url, suffix) => \n            `${prefix}${url.replace(/\\s/g, '%20')}${suffix}`\n        )\n        .replace(/`([^`\\n]+)`/g, '**$1**');\n};\n\n    // Style overrides\n    const styleOverrides = useMemo(() => getCognitiveDecisioningThemeStyles({\n        header: { padding: '8px 16px' },\n        sectionButton: {\n            paddingLeft: '24px',\n            paddingRight: '24px', \n            paddingBottom: '12px'\n        },\n        textContent: { \n            fontSize: '12px', \n            paddingLeft: '30px',\n            paddingRight: '24px', \n            paddingBottom: '20px'\n        },\n        badge: {\n            fontSize: '11px',\n            padding: '8px 8px'\n        },\n        pill: {},\n    }), []);\n\n    if (!isVisible) return null;\n\n    return (\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 color=\"var(--il-rhs-cognitive-icon, var(--il-foreground, #ffffff))\" />}\n            isOpen={true} // Always forced open, visibility is handled by parent rendering\n            hideTrigger={true}\n            onToggle={() => {}} // Dummy handler since pill is hidden\n            reasoning={sanitizeMarkdownContent(reasoning) || \"\"}\n            gap={sanitizeMarkdownContent(gap) || \"\"}\n            score={score}\n            mdComponents={markdownComponents}\n            styles={styleOverrides}\n        />\n    );\n};\n\nexport const InputDataReasoningCard = memo(InputDataReasoningCardComponent, (prevProps, nextProps) => {\n    return (\n        prevProps.isVisible === nextProps.isVisible &&\n        prevProps.fieldValue === nextProps.fieldValue &&\n        prevProps.fieldName === nextProps.fieldName &&\n        JSON.stringify(prevProps.citation) === JSON.stringify(nextProps.citation) &&\n        JSON.stringify(prevProps.citations) === JSON.stringify(nextProps.citations)\n    );\n});\n\nInputDataReasoningCard.displayName = 'InputDataReasoningCard';"],"names":["citation","useMemo","useCallback","jsx","jsxs","getSourceFromUrl","CitationLink","getCognitiveDecisioningThemeStyles","CognitiveDecisioningCard","ButtonCognitiveIcon","memo"],"mappings":"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"}