npm - @e-llm-studio/instant-learning - Versions diffs - 1.3.2 → 1.3.4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1967) hide show

package/dist/features/IL-OTJ/_components/AccordianSection.js CHANGED Viewed

@@ -1,2 +1,189 @@
-import{__assign as e}from"tslib";import{jsxs as i,jsx as r,Fragment as l}from"react/jsx-runtime";import{useState as o,useEffect as t}from"react";import{ChevronUp as n,ChevronDown as a}from"lucide-react";import d from"./TooltipComponent.js";import{useLearningTemplateStore as p}from"../../LearningManagement/store/useLearningTemplateStore.js";var s=function(s){var c,f,g=s.title,x=s.subtitle,v=s.children,u=s.defaultOpen,h=void 0===u||u,b=s.footerData,m=s.readOnly,y=void 0!==m&&m,w=s.variant,F=void 0===w?"default":w,C=s.expanded,S=s.onToggle,D=s.actionButtons,z=s.isAiStreaming,I=s.editFlow,k=void 0!==I&&I,T=s.showAccentBorder,A=s.alwaysShowActions,R=void 0!==A&&A,W=s.showTitlePill,B=void 0===W||W,E=o(h),j=E[0],L=E[1],O=p(function(e){return e.backwardCompatibility});t(function(){L(h)},[h]);var M=void 0!==C,N=M?C:j,V=function(){M?null==S||S():L(!N)},P="variant"===g.type,H="other"===g.type,q="tier-header"===F,$="rule-behavior"===F,G="other"===g.type&&g.required,J=g.label.replace(/\s*\d+\s*$/,"").trim()||"Variant",K="var(--il-primary, #2563EB)",Q={padding:"12px 14px 0px 14px",display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",borderRadius:q?"0px":"8px",borderBottom:q?"1px solid var(--il-border,#e2e8f0)":"none"},U={alignItems:"center",gap:"8px",margin:0,fontSize:O?"12px":"14px",fontWeight:O?600:500,padding:H?"":"6px 10px",borderRadius:"4px",color:y?"var(--il-disabled,#717b8c)":q&&N?K:"var(--il-foreground,#19213d)",backgroundColor:$&&!g.isNewVariant?"var(--il-surface-alt, #F7F8FA)":P?"var(--il-variant-pill-bg, var(--il-surface-alt, #FDF2F8))":g.isDefault?"var(--il-surface-alt, #F7F8FA)":"transparent",border:P?"1px solid var(--il-variant-pill-border, var(--il-border, #FCE7F3))":g.isDefault?"1px solid var(--il-border, #F0F2F5)":"none"},X={badge:{display:"inline-flex",alignItems:"center",gap:"8px",backgroundColor:"var(--il-success-subtle,#f0fdf4)",color:"var(--il-success,#367c46)",padding:"6px 10px",borderRadius:"8px",border:"1px solid var(--il-color-e1f6e8,#e1f6e8)",fontSize:"12px",fontWeight:"600",lineHeight:"1.2",width:"fit-content"},defaultTag:{backgroundColor:"var(--il-badge-bg,#f0f4f8)",color:"var(--il-badge-fg,#475569)",fontSize:"11px",fontWeight:"600",padding:"2px 8px",borderRadius:"4px",textTransform:"uppercase",border:"1px solid var(--il-border,#cbd5e1)"},modifiedTag:{boxSizing:"border-box",display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",padding:"2px 8px",backgroundColor:"var(--il-warning-subtle,#FFFAE3)",border:"1px solid var(--il-color-fdedaa,#FDEDAA)",borderRadius:"4px",color:"var(--il-warning,#854D0E)",fontSize:"11px",fontWeight:"700",letterSpacing:"0.5px"}},Y={width:"100%",backgroundColor:"var(--il-surface,#ffffff)",color:"var(--il-foreground,inherit)",overflow:"hidden",border:q?"none":(null!=T?T:$)&&N?"1px solid ".concat(K):"1px solid var(--il-border,#e2e8f0)",borderRadius:"8px",marginBottom:"0px"};return i("div",e({style:Y},{children:[i("div",e({onClick:V,style:Q},{children:[i("div",e({style:{display:"flex",flexDirection:"column",gap:"4px",margin:0,fontSize:"12px",fontWeight:600,borderRadius:"4px"}},{children:[!g.isNewVariant&&B&&i("div",e({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[i("div",e({style:{display:"flex",alignItems:"center",gap:"2px"}},{children:[r("div",e({style:U},{children:g.label})),G&&r("span",e({style:{fontFamily:"Open Sans",fontWeight:600,fontSize:"12px",color:"var(--il-danger,#8F2C23)"}},{children:"*"}))]})),g.isDefault&&r("span",e({style:X.defaultTag},{children:"Default"})),g.isModified&&r("span",e({style:X.modifiedTag},{children:"MODIFIED"}))]})),r("div",{children:g.isNewVariant&&B&&i("div",e({style:X.badge},{children:[r("svg",e({width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor"},{children:r("path",{d:"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"})})),i("div",{children:["New ",J]})]}))}),x&&r("div",e({style:{fontFamily:"Inter",fontWeight:400,fontSize:"12px",lineHeight:"130%",color:"var(--il-muted,#64748b)",marginTop:"4px"}},{children:x}))]})),i("div",e({style:{display:"flex",alignItems:"center",gap:"12px",paddingRight:"4px"}},{children:[D&&(!z||R)&&(k?r(d,e({description:"Coming Soon"},{children:r("div",e({onClick:function(e){return e.stopPropagation()},style:{cursor:"not-allowed",opacity:.6}},{children:r("div",e({style:{pointerEvents:"none"}},{children:D(N,function(){})}))}))})):r("div",e({onClick:function(e){return e.stopPropagation()}},{children:D(N,V)}))),r("div",e({onClick:V,style:{cursor:"pointer",display:"flex",alignItems:"center"}},{children:N?r(n,{size:18,color:q?K:"var(--il-muted,#64748B)"}):r(a,{size:18,color:"var(--il-muted,#64748B)"})}))]}))]})),!N&&b&&r("div",e({style:{fontSize:"12px",color:"var(--il-secondary-fg,#475569)",fontWeight:400,padding:"0 16px 12px 16px",display:"flex",alignItems:"center",gap:"8px"}},{children:H?i(l,{children:[r("span",e({style:{fontWeight:500,color:"var(--il-secondary-fg,#475569)"}},{children:b.ruleTitle||""})),(null!==(f=null===(c=b.tiers)||void 0===c?void 0:c.length)&&void 0!==f?f:0)>0&&i(l,{children:[r("div",{style:{width:"4px",height:"4px",backgroundColor:"var(--il-muted,#676970)",borderRadius:"50%"}}),r("span",{children:Array.isArray(b.tiers)?b.tiers.join(", "):b.tiers})]})]}):r("span",e({style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:b.description}))})),N&&r("div",e({style:{padding:"4px 12px 12px 12px"}},{children:v}))]}))};export{s as default};
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { ChevronUp, ChevronDown } from 'lucide-react';
+import TooltipComponent from './TooltipComponent.js';
+import { useLearningTemplateStore } from '../../LearningManagement/store/useLearningTemplateStore.js';
+const AccordionSection = ({
+  title,
+  subtitle,
+  children,
+  defaultOpen = true,
+  footerData,
+  readOnly = false,
+  variant = "default",
+  expanded,
+  onToggle,
+  actionButtons,
+  isAiStreaming,
+  editFlow = false,
+  showAccentBorder,
+  alwaysShowActions = false,
+  showTitlePill = true
+}) => {
+  var _a, _b;
+  const [internalIsOpen, setInternalIsOpen] = useState(defaultOpen);
+  const backwardCompatibility = useLearningTemplateStore((state) => state.backwardCompatibility);
+  useEffect(() => {
+    setInternalIsOpen(defaultOpen);
+  }, [defaultOpen]);
+  const isControlled = expanded !== void 0;
+  const isOpen = isControlled ? expanded : internalIsOpen;
+  const handleToggle = () => {
+    if (isControlled) {
+      onToggle == null ? void 0 : onToggle();
+    } else {
+      setInternalIsOpen(!isOpen);
+    }
+  };
+  const isVariant = title.type === "variant";
+  const isOther = title.type === "other";
+  const isTierHeader = variant === "tier-header";
+  const isRuleBehavior = variant === "rule-behavior";
+  const isRequired = title.type === "other" && title.required;
+  const newVariantTerm = title.label.replace(/\s*\d+\s*$/, "").trim() || "Variant";
+  const accentHex = backwardCompatibility ? "var(--il-primary, #2563EB)" : "var(--il-primary, #2563EB)";
+  const headerStyle = {
+    padding: "12px 14px 0px 14px",
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    cursor: "pointer",
+    // userSelect: 'none' as const,
+    borderRadius: isTierHeader ? "0px" : "8px",
+    // If tier, only show bottom border when closed. Remove border if open or boxed.
+    borderBottom: isTierHeader ? "1px solid var(--il-border,#e2e8f0)" : "none"
+  };
+  const textStyle = {
+    display: "flex",
+    flexDirection: "column",
+    gap: "4px",
+    margin: 0,
+    fontSize: "12px",
+    fontWeight: 600,
+    borderRadius: "4px"
+  };
+  const titleRowStyle = {
+    // display: 'flex',
+    alignItems: "center",
+    gap: "8px",
+    margin: 0,
+    fontSize: backwardCompatibility ? "12px" : "14px",
+    fontWeight: backwardCompatibility ? 600 : 500,
+    padding: isOther ? "" : "6px 10px",
+    borderRadius: "4px",
+    // Change color to blue ONLY for Tier Header when open
+    color: readOnly ? "var(--il-disabled,#717b8c)" : isTierHeader && isOpen ? accentHex : "var(--il-foreground,#19213d)",
+    backgroundColor: isRuleBehavior && !title.isNewVariant ? "var(--il-surface-alt, #F7F8FA)" : isVariant ? "var(--il-variant-pill-bg, var(--il-surface-alt, #FDF2F8))" : title.isDefault ? "var(--il-surface-alt, #F7F8FA)" : "transparent",
+    border: isVariant ? "1px solid var(--il-variant-pill-border, var(--il-border, #FCE7F3))" : title.isDefault ? "1px solid var(--il-border, #F0F2F5)" : "none"
+  };
+  const footerTextStyle = {
+    fontSize: "12px",
+    color: "var(--il-secondary-fg,#475569)",
+    fontWeight: 400,
+    padding: "0 16px 12px 16px",
+    display: "flex",
+    alignItems: "center",
+    gap: "8px"
+  };
+  const styles = {
+    badge: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "8px",
+      backgroundColor: "var(--il-success-subtle,#f0fdf4)",
+      color: "var(--il-success,#367c46)",
+      padding: "6px 10px",
+      borderRadius: "8px",
+      border: "1px solid var(--il-color-e1f6e8,#e1f6e8)",
+      fontSize: "12px",
+      fontWeight: "600",
+      lineHeight: "1.2",
+      width: "fit-content"
+    },
+    defaultTag: {
+      backgroundColor: "var(--il-badge-bg,#f0f4f8)",
+      color: "var(--il-badge-fg,#475569)",
+      fontSize: "11px",
+      fontWeight: "600",
+      padding: "2px 8px",
+      borderRadius: "4px",
+      textTransform: "uppercase",
+      border: "1px solid var(--il-border,#cbd5e1)"
+    },
+    modifiedTag: {
+      boxSizing: "border-box",
+      display: "flex",
+      flexDirection: "row",
+      justifyContent: "center",
+      alignItems: "center",
+      padding: "2px 8px",
+      backgroundColor: "var(--il-warning-subtle,#FFFAE3)",
+      border: "1px solid var(--il-color-fdedaa,#FDEDAA)",
+      borderRadius: "4px",
+      color: "var(--il-warning,#854D0E)",
+      fontSize: "11px",
+      fontWeight: "700",
+      letterSpacing: "0.5px"
+    }
+  };
+  const containerStyle = {
+    width: "100%",
+    backgroundColor: "var(--il-surface,#ffffff)",
+    color: "var(--il-foreground,inherit)",
+    overflow: "hidden",
+    // Rule Setup (default) has grey border.
+    // Tier Header has NO parent border.
+    // Rule Behavior has BLUE border only when open.
+    border: isTierHeader ? "none" : (showAccentBorder != null ? showAccentBorder : isRuleBehavior) && isOpen ? `1px solid ${accentHex}` : "1px solid var(--il-border,#e2e8f0)",
+    borderRadius: "8px",
+    marginBottom: "0px"
+  };
+  const bulletStyle = { width: "4px", height: "4px", backgroundColor: "var(--il-muted,#676970)", borderRadius: "50%" };
+  return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsxs("div", { onClick: handleToggle, style: headerStyle, children: [
+      /* @__PURE__ */ jsxs("div", { style: textStyle, children: [
+        !title.isNewVariant && showTitlePill && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "2px" }, children: [
+            /* @__PURE__ */ jsx("div", { style: titleRowStyle, children: title.label }),
+            isRequired && /* @__PURE__ */ jsx("span", { style: { fontFamily: "Open Sans", fontWeight: 600, fontSize: "12px", color: "var(--il-danger,#8F2C23)" }, children: "*" })
+          ] }),
+          title.isDefault && /* @__PURE__ */ jsx("span", { style: styles.defaultTag, children: "Default" }),
+          title.isModified && /* @__PURE__ */ jsx("span", { style: styles.modifiedTag, children: "MODIFIED" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { children: title.isNewVariant && showTitlePill && /* @__PURE__ */ jsxs("div", { style: styles.badge, children: [
+          /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            "New ",
+            newVariantTerm
+          ] })
+        ] }) }),
+        subtitle && /* @__PURE__ */ jsx("div", { style: { fontFamily: "Inter", fontWeight: 400, fontSize: "12px", lineHeight: "130%", color: "var(--il-muted,#64748b)", marginTop: "4px" }, children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px", paddingRight: "4px" }, children: [
+        actionButtons && (!isAiStreaming || alwaysShowActions) && (editFlow ? /* @__PURE__ */ jsx(TooltipComponent, { description: "Coming Soon", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            onClick: (e) => e.stopPropagation(),
+            style: { cursor: "not-allowed", opacity: 0.6 },
+            children: /* @__PURE__ */ jsx("div", { style: { pointerEvents: "none" }, children: actionButtons(isOpen, () => {
+            }) })
+          }
+        ) }) : /* @__PURE__ */ jsx("div", { onClick: (e) => e.stopPropagation(), children: actionButtons(isOpen, handleToggle) })),
+        /* @__PURE__ */ jsx("div", { onClick: handleToggle, style: { cursor: "pointer", display: "flex", alignItems: "center" }, children: isOpen ? /* @__PURE__ */ jsx(ChevronUp, { size: 18, color: isTierHeader ? accentHex : "var(--il-muted,#64748B)" }) : /* @__PURE__ */ jsx(ChevronDown, { size: 18, color: "var(--il-muted,#64748B)" }) })
+      ] })
+    ] }),
+    !isOpen && footerData && /* @__PURE__ */ jsx("div", { style: footerTextStyle, children: isOther ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { style: { fontWeight: 500, color: "var(--il-secondary-fg,#475569)" }, children: footerData.ruleTitle || "" }),
+      ((_b = (_a = footerData.tiers) == null ? void 0 : _a.length) != null ? _b : 0) > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { style: bulletStyle }),
+        /* @__PURE__ */ jsx("span", { children: Array.isArray(footerData.tiers) ? footerData.tiers.join(", ") : footerData.tiers })
+      ] })
+    ] }) : /* @__PURE__ */ jsx("span", { style: { whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: footerData.description }) }),
+    isOpen && /* @__PURE__ */ jsx("div", { style: { padding: "4px 12px 12px 12px" }, children })
+  ] });
+};
+var AccordionSection$1 = AccordionSection;
+export { AccordionSection$1 as default };
 //# sourceMappingURL=AccordianSection.js.map

package/dist/features/IL-OTJ/_components/AccordianSection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccordianSection.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"AccordianSection.js","sources":["../../../../src/features/IL-OTJ/_components/AccordianSection.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { ChevronUp, ChevronDown } from \"lucide-react\";\nimport TooltipComponent from \"./TooltipComponent\";\nimport { useLearningTemplateStore } from \"../../LearningManagement/store/useLearningTemplateStore\";\n\ntype TitleProps =\n \| { type: 'default'; label: string, isNewVariant?: boolean, isDefault?: boolean, isModified?: boolean }\n \| { type: 'variant'; label: string; number: number, isNewVariant?: boolean, isDefault?: boolean, isModified?: boolean }\n // `required` renders a red asterisk next to the label — for 'other' sections whose body is a\n // single required field (e.g. a rule title), so the field's own label doesn't need to repeat below.\n \| { type: 'other'; label: string, isNewVariant?: boolean, isDefault?: boolean, isModified?: boolean, required?: boolean };\n\ninterface FooterData {\n ruleTitle?: string;\n stations?: string[];\n tiers?: string[];\n description?: string;\n}\n\nconst AccordionSection = ({\n title,\n subtitle,\n children,\n defaultOpen = true,\n footerData,\n readOnly = false,\n variant = 'default',\n expanded,\n onToggle,\n actionButtons,\n isAiStreaming,\n editFlow = false,\n showAccentBorder,\n alwaysShowActions = false,\n showTitlePill = true\n}: {\n title: TitleProps,\n subtitle?: string,\n children: React.ReactNode,\n defaultOpen?: boolean,\n footerData?: FooterData,\n readOnly?: boolean,\n variant?: 'default' \| 'tier-header' \| 'rule-behavior'; // prop to target styling\n expanded?: boolean;\n onToggle?: () => void;\n actionButtons?: (isOpen: boolean, onToggle: () => void) => React.ReactNode;\n isAiStreaming?: boolean;\n editFlow?: boolean;\n /** Header actions are hidden while the AI streams so stale pencils can't be clicked.\n * Sections whose actions double as the pending indicator (\"Validating...\") opt out —\n * otherwise the button vanishes the instant Save kicks off streaming. /\n alwaysShowActions?: boolean;\n /* Hides the title chip (e.g. the \"Variant 1\" pill) while keeping the rest of the\n * header — driven from the schema so a config can opt out of the pill. /\n showTitlePill?: boolean;\n // Overrides which section gets the accent border when open. Defaults to the\n // rule-behavior variant styling when not provided.\n showAccentBorder?: boolean;\n}) => {\n const [internalIsOpen, setInternalIsOpen] = useState<boolean>(defaultOpen);\n const backwardCompatibility = useLearningTemplateStore((state) => state.backwardCompatibility);\n\n useEffect(() => {\n setInternalIsOpen(defaultOpen);\n }, [defaultOpen]);\n\n const isControlled = expanded !== undefined;\n const isOpen = isControlled ? expanded : internalIsOpen;\n\n const handleToggle = () => {\n if (isControlled) {\n onToggle?.();\n } else {\n setInternalIsOpen(!isOpen);\n }\n };\n\n\n const isVariant = title.type === 'variant';\n // const isDefault = title.type === 'default';\n const isOther = title.type === 'other';\n const isTierHeader = variant === 'tier-header';\n const isRuleBehavior = variant === 'rule-behavior';\n\n const isRequired = title.type === 'other' && title.required;\n\n // title.label for the 'variant' type is \"{term} {number}\" (e.g. \"Guideline 1\") —\n // strip the trailing number to get the configurable term for the \"New {term}\" badge.\n const newVariantTerm = title.label.replace(/\\s\\d+\\s$/, '').trim() \|\| 'Variant';\n\n // Old UI accents blue; new UI accents in the brand purple.\n const accentHex = backwardCompatibility ? 'var(--il-primary, #2563EB)' : 'var(--il-primary, #2563EB)';\n\n const headerStyle = {\n padding: '12px 14px 0px 14px',\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n cursor: 'pointer',\n // userSelect: 'none' as const,\n borderRadius: isTierHeader ? '0px' : '8px',\n // If tier, only show bottom border when closed. Remove border if open or boxed.\n borderBottom: isTierHeader ? '1px solid var(--il-border,#e2e8f0)' : 'none',\n };\n\n const textStyle = {\n display: 'flex',\n flexDirection: 'column' as const,\n gap: '4px',\n margin: 0,\n fontSize: '12px',\n fontWeight: 600,\n borderRadius: '4px',\n };\n\n const titleRowStyle = {\n // display: 'flex',\n alignItems: 'center',\n gap: '8px',\n margin: 0,\n fontSize: backwardCompatibility ? '12px' : '14px',\n fontWeight: backwardCompatibility ? 600 : 500,\n padding: isOther ? '' : '6px 10px',\n borderRadius: '4px',\n // Change color to blue ONLY for Tier Header when open\n color: readOnly\n ? 'var(--il-disabled,#717b8c)'\n : (isTierHeader && isOpen)\n ? accentHex\n : 'var(--il-foreground,#19213d)',\n backgroundColor: isRuleBehavior && !title.isNewVariant\n ? 'var(--il-surface-alt, #F7F8FA)'\n : isVariant\n ? 'var(--il-variant-pill-bg, var(--il-surface-alt, #FDF2F8))'\n : title.isDefault ? 'var(--il-surface-alt, #F7F8FA)' : 'transparent',\n border: isVariant\n ? '1px solid var(--il-variant-pill-border, var(--il-border, #FCE7F3))'\n : title.isDefault ? '1px solid var(--il-border, #F0F2F5)' : 'none',\n };\n\n const subtitleStyle = {\n fontSize: '12px',\n fontWeight: 400,\n color: backwardCompatibility ? 'var(--il-secondary-fg,#666F8D)' : 'var(--il-muted,#64748B)',\n paddingLeft: isOther ? '0px' : '10px',\n };\n\n const footerTextStyle = {\n fontSize: '12px',\n color: 'var(--il-secondary-fg,#475569)',\n fontWeight: 400,\n padding: '0 16px 12px 16px',\n display: 'flex',\n alignItems: 'center',\n gap: '8px',\n };\n\n const styles = {\n badge: {\n display: 'inline-flex',\n alignItems: 'center',\n gap: '8px',\n backgroundColor: 'var(--il-success-subtle,#f0fdf4)',\n color: 'var(--il-success,#367c46)',\n padding: '6px 10px',\n borderRadius: '8px',\n border: '1px solid var(--il-color-e1f6e8,#e1f6e8)',\n fontSize: '12px',\n fontWeight: '600',\n lineHeight: '1.2',\n width: 'fit-content'\n },\n defaultTag: {\n backgroundColor: 'var(--il-badge-bg,#f0f4f8)',\n color: 'var(--il-badge-fg,#475569)',\n fontSize: '11px',\n fontWeight: '600',\n padding:'2px 8px',\n borderRadius: '4px',\n textTransform: 'uppercase',\n border: '1px solid var(--il-border,#cbd5e1)',\n },\n modifiedTag: {\n boxSizing: 'border-box' as const,\n display: 'flex',\n flexDirection: 'row' as const,\n justifyContent: 'center',\n alignItems: 'center',\n padding: '2px 8px',\n backgroundColor: 'var(--il-warning-subtle,#FFFAE3)',\n border: '1px solid var(--il-color-fdedaa,#FDEDAA)',\n borderRadius: '4px',\n color: 'var(--il-warning,#854D0E)',\n fontSize: '11px',\n fontWeight: '700',\n letterSpacing: '0.5px',\n }\n };\n\n const containerStyle = {\n width: '100%',\n backgroundColor: 'var(--il-surface,#ffffff)',\n color: 'var(--il-foreground,inherit)',\n overflow: 'hidden',\n // Rule Setup (default) has grey border.\n // Tier Header has NO parent border.\n // Rule Behavior has BLUE border only when open.\n border: isTierHeader\n ? 'none'\n : ((showAccentBorder ?? isRuleBehavior) && isOpen)\n ? `1px solid ${accentHex}`\n : '1px solid var(--il-border,#e2e8f0)',\n borderRadius: '8px',\n marginBottom: '0px'\n };\n\n const bulletStyle = { width: '4px', height: '4px', backgroundColor: 'var(--il-muted,#676970)', borderRadius: '50%' };\n\n return (\n <div style={containerStyle}>\n <div onClick={handleToggle} style={headerStyle}>\n <div style={textStyle}>\n {!title.isNewVariant && showTitlePill && (\n <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n <div style={{ display: 'flex', alignItems: 'center', gap: '2px' }}>\n <div style={titleRowStyle}>{title.label}</div>\n {isRequired && (\n <span style={{ fontFamily: 'Open Sans', fontWeight: 600, fontSize: '12px', color: 'var(--il-danger,#8F2C23)' }}></span>\n )}\n </div>\n {title.isDefault && (\n <span style={styles.defaultTag}>Default</span>\n )}\n {title.isModified && (\n <span style={styles.modifiedTag}>MODIFIED</span>\n )}\n </div>\n )}\n <div>\n {title.isNewVariant && showTitlePill && (\n <div style={styles.badge}>\n {/* Your SVG Star goes here /}\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\" />\n </svg>\n <div>New {newVariantTerm}</div>\n </div>\n )}\n </div>\n {subtitle && (\n <div style={{ fontFamily: 'Inter', fontWeight: 400, fontSize: '12px', lineHeight: '130%', color: 'var(--il-muted,#64748b)', marginTop: '4px' }}>\n {subtitle}\n </div>\n )}\n </div>\n {/ 2. Action Buttons and Chevron Container /}\n <div style={{ display: 'flex', alignItems: 'center', gap: '12px', paddingRight: '4px' }}>\n {actionButtons && (!isAiStreaming \|\| alwaysShowActions) && (\n editFlow ? (\n <TooltipComponent description=\"Coming Soon\">\n <div \n onClick={(e) => e.stopPropagation()} \n style={{ cursor: 'not-allowed', opacity: 0.6 }}\n >\n <div style={{ pointerEvents: 'none' }}>\n {actionButtons(isOpen, () => {})}\n </div>\n </div>\n </TooltipComponent>\n ) : (\n <div onClick={(e) => e.stopPropagation()}>\n {actionButtons(isOpen, handleToggle)}\n </div>\n )\n )}\n <div onClick={handleToggle} style={{ cursor: 'pointer', display: 'flex', alignItems: 'center' }}>\n {isOpen \n ? <ChevronUp size={18} color={(isTierHeader) ? accentHex : \"var(--il-muted,#64748B)\"} />\n : <ChevronDown size={18} color=\"var(--il-muted,#64748B)\" />\n }\n </div>\n </div>\n </div>\n\n {/ FOOTER SECTION: Shown only when closed /}\n {!isOpen && footerData && (\n <div style={footerTextStyle}>\n {isOther ? (\n <>\n <span style={{ fontWeight: 500, color: 'var(--il-secondary-fg,#475569)' }}>{footerData.ruleTitle \|\| ''}</span>\n\n {/ Use ?.length to safely check for existence and population /}\n {/ {(footerData.stations?.length ?? 0) > 0 && (\n <>\n <div style={bulletStyle} />\n <span style={{ textTransform: 'capitalize' }}>\n {footerData.stations?.join(', ')}\n </span>\n </>\n )} /}\n\n {/ Safe check for tiers: handles undefined, null, or empty arrays/strings */}\n {(footerData.tiers?.length ?? 0) > 0 && (\n <>\n <div style={bulletStyle} />\n <span>\n {Array.isArray(footerData.tiers)\n ? footerData.tiers.join(', ')\n : footerData.tiers}\n </span>\n </>\n )}\n </>\n ) : (\n <span style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>\n {footerData.description}\n </span>\n )}\n </div>\n )}\n\n {isOpen && (\n <div style={{ padding: '4px 12px 12px 12px' }}>\n {children}\n </div>\n )}\n </div>\n );\n};\n\nexport default AccordionSection;\n"],"names":[],"mappings":";;;;;;AAmBA,MAAM,mBAAmB,CAAC;AAAA,EACtB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAc,GAAA,IAAA;AAAA,EACd,UAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,OAAU,GAAA,SAAA;AAAA,EACV,QAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,gBAAA;AAAA,EACA,iBAAoB,GAAA,KAAA;AAAA,EACpB,aAAgB,GAAA,IAAA;AACpB,CAuBM,KAAA;AA1DN,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AA2DI,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAkB,WAAW,CAAA,CAAA;AACzE,EAAA,MAAM,qBAAwB,GAAA,wBAAA,CAAyB,CAAC,KAAA,KAAU,MAAM,qBAAqB,CAAA,CAAA;AAE7F,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,iBAAA,CAAkB,WAAW,CAAA,CAAA;AAAA,GACjC,EAAG,CAAC,WAAW,CAAC,CAAA,CAAA;AAEhB,EAAA,MAAM,eAAe,QAAa,KAAA,KAAA,CAAA,CAAA;AAClC,EAAM,MAAA,MAAA,GAAS,eAAe,QAAW,GAAA,cAAA,CAAA;AAExC,EAAA,MAAM,eAAe,MAAM;AACxB,IAAA,IAAI,YAAc,EAAA;AACd,MAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,EAAA,CAAA;AAAA,KACG,MAAA;AACH,MAAA,iBAAA,CAAkB,CAAC,MAAM,CAAA,CAAA;AAAA,KAC7B;AAAA,GACJ,CAAA;AAGA,EAAM,MAAA,SAAA,GAAY,MAAM,IAAS,KAAA,SAAA,CAAA;AAEjC,EAAM,MAAA,OAAA,GAAU,MAAM,IAAS,KAAA,OAAA,CAAA;AAC/B,EAAA,MAAM,eAAe,OAAY,KAAA,aAAA,CAAA;AACjC,EAAA,MAAM,iBAAiB,OAAY,KAAA,eAAA,CAAA;AAEnC,EAAA,MAAM,UAAa,GAAA,KAAA,CAAM,IAAS,KAAA,OAAA,IAAW,KAAM,CAAA,QAAA,CAAA;AAInD,EAAM,MAAA,cAAA,GAAiB,MAAM,KAAM,CAAA,OAAA,CAAQ,cAAc,EAAE,CAAA,CAAE,MAAU,IAAA,SAAA,CAAA;AAGvE,EAAM,MAAA,SAAA,GAAY,wBAAwB,4BAA+B,GAAA,4BAAA,CAAA;AAEzE,EAAA,MAAM,WAAc,GAAA;AAAA,IAChB,OAAS,EAAA,oBAAA;AAAA,IACT,OAAS,EAAA,MAAA;AAAA,IACT,cAAgB,EAAA,eAAA;AAAA,IAChB,UAAY,EAAA,QAAA;AAAA,IACZ,MAAQ,EAAA,SAAA;AAAA;AAAA,IAER,YAAA,EAAc,eAAe,KAAQ,GAAA,KAAA;AAAA;AAAA,IAErC,YAAA,EAAc,eAAe,oCAAuC,GAAA,MAAA;AAAA,GACxE,CAAA;AAEA,EAAA,MAAM,SAAY,GAAA;AAAA,IACd,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,GAAK,EAAA,KAAA;AAAA,IACL,MAAQ,EAAA,CAAA;AAAA,IACR,QAAU,EAAA,MAAA;AAAA,IACV,UAAY,EAAA,GAAA;AAAA,IACZ,YAAc,EAAA,KAAA;AAAA,GAClB,CAAA;AAEA,EAAA,MAAM,aAAgB,GAAA;AAAA;AAAA,IAElB,UAAY,EAAA,QAAA;AAAA,IACZ,GAAK,EAAA,KAAA;AAAA,IACL,MAAQ,EAAA,CAAA;AAAA,IACR,QAAA,EAAU,wBAAwB,MAAS,GAAA,MAAA;AAAA,IAC3C,UAAA,EAAY,wBAAwB,GAAM,GAAA,GAAA;AAAA,IAC1C,OAAA,EAAS,UAAU,EAAK,GAAA,UAAA;AAAA,IACxB,YAAc,EAAA,KAAA;AAAA;AAAA,IAEd,KAAO,EAAA,QAAA,GACD,4BACC,GAAA,YAAA,IAAgB,SACb,SACA,GAAA,8BAAA;AAAA,IACV,eAAA,EAAiB,cAAkB,IAAA,CAAC,KAAM,CAAA,YAAA,GACpC,mCACA,SACI,GAAA,2DAAA,GACA,KAAM,CAAA,SAAA,GAAY,gCAAmC,GAAA,aAAA;AAAA,IAC/D,MAAQ,EAAA,SAAA,GACF,oEACA,GAAA,KAAA,CAAM,YAAY,qCAAwC,GAAA,MAAA;AAAA,GACpE,CAAA;AASA,EAAA,MAAM,eAAkB,GAAA;AAAA,IACpB,QAAU,EAAA,MAAA;AAAA,IACV,KAAO,EAAA,gCAAA;AAAA,IACP,UAAY,EAAA,GAAA;AAAA,IACZ,OAAS,EAAA,kBAAA;AAAA,IACT,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,GAAK,EAAA,KAAA;AAAA,GACT,CAAA;AAEA,EAAA,MAAM,MAAS,GAAA;AAAA,IACX,KAAO,EAAA;AAAA,MACH,OAAS,EAAA,aAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,GAAK,EAAA,KAAA;AAAA,MACL,eAAiB,EAAA,kCAAA;AAAA,MACjB,KAAO,EAAA,2BAAA;AAAA,MACP,OAAS,EAAA,UAAA;AAAA,MACT,YAAc,EAAA,KAAA;AAAA,MACd,MAAQ,EAAA,0CAAA;AAAA,MACR,QAAU,EAAA,MAAA;AAAA,MACV,UAAY,EAAA,KAAA;AAAA,MACZ,UAAY,EAAA,KAAA;AAAA,MACZ,KAAO,EAAA,aAAA;AAAA,KACX;AAAA,IACA,UAAY,EAAA;AAAA,MACR,eAAiB,EAAA,4BAAA;AAAA,MACjB,KAAO,EAAA,4BAAA;AAAA,MACP,QAAU,EAAA,MAAA;AAAA,MACV,UAAY,EAAA,KAAA;AAAA,MACZ,OAAQ,EAAA,SAAA;AAAA,MACR,YAAc,EAAA,KAAA;AAAA,MACd,aAAe,EAAA,WAAA;AAAA,MACf,MAAQ,EAAA,oCAAA;AAAA,KACZ;AAAA,IACA,WAAa,EAAA;AAAA,MACT,SAAW,EAAA,YAAA;AAAA,MACX,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,cAAgB,EAAA,QAAA;AAAA,MAChB,UAAY,EAAA,QAAA;AAAA,MACZ,OAAS,EAAA,SAAA;AAAA,MACT,eAAiB,EAAA,kCAAA;AAAA,MACjB,MAAQ,EAAA,0CAAA;AAAA,MACR,YAAc,EAAA,KAAA;AAAA,MACd,KAAO,EAAA,2BAAA;AAAA,MACP,QAAU,EAAA,MAAA;AAAA,MACV,UAAY,EAAA,KAAA;AAAA,MACZ,aAAe,EAAA,OAAA;AAAA,KACnB;AAAA,GACJ,CAAA;AAEA,EAAA,MAAM,cAAiB,GAAA;AAAA,IACnB,KAAO,EAAA,MAAA;AAAA,IACP,eAAiB,EAAA,2BAAA;AAAA,IACjB,KAAO,EAAA,8BAAA;AAAA,IACP,QAAU,EAAA,QAAA;AAAA;AAAA;AAAA;AAAA,IAIV,MAAA,EAAQ,eACF,MACE,GAAA,CAAA,gBAAA,IAAA,IAAA,GAAA,gBAAA,GAAoB,mBAAmB,MACrC,GAAA,CAAA,UAAA,EAAa,SAAS,CACtB,CAAA,GAAA,oCAAA;AAAA,IACV,YAAc,EAAA,KAAA;AAAA,IACd,YAAc,EAAA,KAAA;AAAA,GAClB,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,EAAE,KAAO,EAAA,KAAA,EAAO,QAAQ,KAAO,EAAA,eAAA,EAAiB,yBAA2B,EAAA,YAAA,EAAc,KAAM,EAAA,CAAA;AAEnH,EACI,uBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAO,cACR,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,OAAA,EAAS,YAAc,EAAA,KAAA,EAAO,WAC/B,EAAA,QAAA,EAAA;AAAA,sBAAC,IAAA,CAAA,KAAA,EAAA,EAAI,OAAO,SACP,EAAA,QAAA,EAAA;AAAA,QAAA,CAAC,KAAM,CAAA,YAAA,IAAgB,aACpB,oBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,MAAQ,EAAA,UAAA,EAAY,QAAU,EAAA,GAAA,EAAK,OACtD,EAAA,QAAA,EAAA;AAAA,0BAAC,IAAA,CAAA,KAAA,EAAA,EAAI,OAAO,EAAE,OAAA,EAAS,QAAQ,UAAY,EAAA,QAAA,EAAU,GAAK,EAAA,KAAA,EACtD,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAO,aAAgB,EAAA,QAAA,EAAA,KAAA,CAAM,KAAM,EAAA,CAAA;AAAA,YACvC,UACG,oBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,KAAA,EAAO,EAAE,UAAY,EAAA,WAAA,EAAa,UAAY,EAAA,GAAA,EAAK,QAAU,EAAA,MAAA,EAAQ,KAAO,EAAA,0BAAA,IAA8B,QAAC,EAAA,GAAA,EAAA,CAAA;AAAA,WAEzH,EAAA,CAAA;AAAA,UACC,MAAM,SACH,oBAAA,GAAA,CAAC,UAAK,KAAO,EAAA,MAAA,CAAO,YAAY,QAAO,EAAA,SAAA,EAAA,CAAA;AAAA,UAEzC,MAAM,UACJ,oBAAA,GAAA,CAAC,UAAK,KAAO,EAAA,MAAA,CAAO,aAAa,QAAQ,EAAA,UAAA,EAAA,CAAA;AAAA,SAEjD,EAAA,CAAA;AAAA,wBAEJ,GAAA,CAAC,SACI,QAAM,EAAA,KAAA,CAAA,YAAA,IAAgB,iCAClB,IAAA,CAAA,KAAA,EAAA,EAAI,KAAO,EAAA,MAAA,CAAO,KAEf,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAM,IAAK,EAAA,MAAA,EAAO,IAAK,EAAA,OAAA,EAAQ,WAAY,EAAA,IAAA,EAAK,cACjD,EAAA,QAAA,kBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,CAAA,EAAE,4FAA2F,CACvG,EAAA,CAAA;AAAA,+BACC,KAAI,EAAA,EAAA,QAAA,EAAA;AAAA,YAAA,MAAA;AAAA,YAAK,cAAA;AAAA,WAAe,EAAA,CAAA;AAAA,SAAA,EAC7B,CAER,EAAA,CAAA;AAAA,QACC,4BACI,GAAA,CAAA,KAAA,EAAA,EAAI,OAAO,EAAE,UAAA,EAAY,SAAS,UAAY,EAAA,GAAA,EAAK,QAAU,EAAA,MAAA,EAAQ,YAAY,MAAQ,EAAA,KAAA,EAAO,2BAA2B,SAAW,EAAA,KAAA,IAClI,QACL,EAAA,QAAA,EAAA,CAAA;AAAA,OAER,EAAA,CAAA;AAAA,sBAEC,IAAA,CAAA,KAAA,EAAA,EAAI,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,EAAQ,UAAY,EAAA,QAAA,EAAU,GAAK,EAAA,MAAA,EAAQ,YAAc,EAAA,KAAA,EAC3E,EAAA,QAAA,EAAA;AAAA,QAAA,aAAA,KAAkB,CAAC,aAAiB,IAAA,iBAAA,CAAA,KACjC,2BACK,GAAA,CAAA,gBAAA,EAAA,EAAiB,aAAY,aAC1B,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACG,OAAS,EAAA,CAAC,CAAM,KAAA,CAAA,CAAE,eAAgB,EAAA;AAAA,YAClC,KAAO,EAAA,EAAE,MAAQ,EAAA,aAAA,EAAe,SAAS,GAAI,EAAA;AAAA,YAE7C,QAAA,kBAAA,GAAA,CAAC,SAAI,KAAO,EAAA,EAAE,eAAe,MAAO,EAAA,EAC/B,QAAc,EAAA,aAAA,CAAA,MAAA,EAAQ,MAAM;AAAA,aAAE,CACnC,EAAA,CAAA;AAAA,WAAA;AAAA,SAER,EAAA,CAAA,mBAEC,GAAA,CAAA,KAAA,EAAA,EAAI,OAAS,EAAA,CAAC,CAAM,KAAA,CAAA,CAAE,eAAgB,EAAA,EAClC,QAAc,EAAA,aAAA,CAAA,MAAA,EAAQ,YAAY,CACvC,EAAA,CAAA,CAAA;AAAA,wBAGP,GAAA,CAAA,KAAA,EAAA,EAAI,OAAS,EAAA,YAAA,EAAc,KAAO,EAAA,EAAE,MAAQ,EAAA,SAAA,EAAW,OAAS,EAAA,MAAA,EAAQ,UAAY,EAAA,QAAA,EAChF,EAAA,QAAA,EAAA,MAAA,mBACM,GAAA,CAAA,SAAA,EAAA,EAAU,IAAM,EAAA,EAAA,EAAI,KAAQ,EAAA,YAAA,GAAgB,SAAY,GAAA,yBAAA,EAA2B,CACpF,mBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,KAAA,EAAM,2BAA0B,CAEjE,EAAA,CAAA;AAAA,OACJ,EAAA,CAAA;AAAA,KACJ,EAAA,CAAA;AAAA,IAGC,CAAC,UAAU,UACR,oBAAA,GAAA,CAAC,SAAI,KAAO,EAAA,eAAA,EACP,oCAEO,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA,EAAK,KAAO,EAAA,EAAE,UAAY,EAAA,GAAA,EAAK,OAAO,gCAAiC,EAAA,EAAI,QAAW,EAAA,UAAA,CAAA,SAAA,IAAa,EAAG,EAAA,CAAA;AAAA,MAAA,CAAA,CAarG,sBAAW,KAAX,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAkB,WAAlB,IAA4B,GAAA,EAAA,GAAA,CAAA,IAAK,qBAE3B,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,KAAA,EAAA,EAAI,OAAO,WAAa,EAAA,CAAA;AAAA,wBACxB,GAAA,CAAA,MAAA,EAAA,EACI,QAAM,EAAA,KAAA,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAK,CACzB,GAAA,UAAA,CAAW,KAAM,CAAA,IAAA,CAAK,IAAI,CAAA,GAC1B,WAAW,KACrB,EAAA,CAAA;AAAA,OACJ,EAAA,CAAA;AAAA,KAAA,EAER,CAEA,mBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,KAAA,EAAO,EAAE,UAAY,EAAA,QAAA,EAAU,QAAU,EAAA,QAAA,EAAU,YAAc,EAAA,UAAA,EAClE,EAAA,QAAA,EAAA,UAAA,CAAW,aAChB,CAER,EAAA,CAAA;AAAA,IAGH,MAAA,wBACI,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,OAAS,EAAA,oBAAA,IAClB,QACL,EAAA,CAAA;AAAA,GAER,EAAA,CAAA,CAAA;AAER,CAAA,CAAA;AAEA,yBAAe,gBAAA;;;;"}

package/dist/features/IL-OTJ/_components/AudioWaveform.js CHANGED Viewed

@@ -1,2 +1,132 @@
-import{__assign as t}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as i,useRef as n,useEffect as a}from"react";import{Mic as o,MicOff as l,Volume2 as c,VolumeOff as s}from"lucide-react";var m=function(m){var d=m.amplitude,u=m.variant,h=m.isActive,p=m.className,f=void 0===p?"":p,b=m.onClick,v=m.disabled,x=void 0!==v&&v,y=m.isConnecting,g=i(Array(40).fill(4)),w=g[0],A=g[1],C=n(null),M=function(){var t=Math.min(Math.max(d,0),1),e=Math.max(t,.2),r=Array(40).fill(0).map(function(t,r){var i=Math.sin(r+Date.now()/100)+.5*Math.random();return 5+9*Math.abs(i)*e});A(r),C.current=requestAnimationFrame(M)};a(function(){return h?C.current=requestAnimationFrame(M):(A(Array(40).fill(4)),C.current&&cancelAnimationFrame(C.current)),function(){C.current&&cancelAnimationFrame(C.current)}},[h,d]);var k=h?"#364152":"#D0D4DB",D="microphone"===u?h||y?o:l:h?c:s;return e("div",t({className:f,style:{position:"relative",height:"3rem",zIndex:50,width:"100%",overflow:"hidden",display:"flex",alignItems:"center"}},{children:[r("div",t({style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",height:"2rem",gap:"0.25rem"}},{children:w.map(function(t,e){return r("div",{style:{flexShrink:0,width:"4px",borderRadius:"9999px",transition:"all 100ms",backgroundColor:k,height:"".concat(t,"px"),opacity:h?1:.4}},e)})})),r("button",t({onClick:b,disabled:x,"aria-label":"".concat(u," button"),style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",width:"2rem",height:"2rem",borderRadius:"9999px",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 200ms",backgroundColor:"white",border:"1px solid ".concat(k),cursor:x?"not-allowed":"pointer"}},{children:r(D,{color:k,className:y?"animate-spin":"",style:{width:"1.25rem",height:"1.25rem"}})}))]}))};export{m as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import { Mic, MicOff, Volume2, VolumeOff } from 'lucide-react';
+const AudioWaveform = ({
+  amplitude,
+  variant,
+  isActive,
+  className = "",
+  onClick,
+  disabled = false,
+  isConnecting
+}) => {
+  const [barHeights, setBarHeights] = useState(Array(40).fill(4));
+  const animationRef = useRef(null);
+  const animate = () => {
+    const clamped = Math.min(Math.max(amplitude, 0), 1);
+    const intensity = Math.max(clamped, 0.2);
+    const newHeights = Array(40).fill(0).map((_, i) => {
+      const wave = Math.sin(i + Date.now() / 100) + Math.random() * 0.5;
+      const height = 5 + Math.abs(wave) * 9 * intensity;
+      return height;
+    });
+    setBarHeights(newHeights);
+    animationRef.current = requestAnimationFrame(animate);
+  };
+  useEffect(() => {
+    if (isActive) {
+      animationRef.current = requestAnimationFrame(animate);
+    } else {
+      setBarHeights(Array(40).fill(4));
+      if (animationRef.current) cancelAnimationFrame(animationRef.current);
+    }
+    return () => {
+      if (animationRef.current) cancelAnimationFrame(animationRef.current);
+    };
+  }, [isActive, amplitude]);
+  const color = isActive ? "#364152" : "#D0D4DB";
+  const Icon = variant === "microphone" ? isActive || isConnecting ? Mic : MicOff : isActive ? Volume2 : VolumeOff;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      style: {
+        position: "relative",
+        height: "3rem",
+        // h-12
+        zIndex: 50,
+        width: "100%",
+        // w-1/2
+        overflow: "hidden",
+        display: "flex",
+        alignItems: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              width: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              height: "2rem",
+              // h-8
+              gap: "0.25rem"
+              // gap-x-1
+            },
+            children: barHeights.map((height, i) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  flexShrink: 0,
+                  width: "4px",
+                  borderRadius: "9999px",
+                  transition: "all 100ms",
+                  backgroundColor: color,
+                  height: `${height}px`,
+                  opacity: isActive ? 1 : 0.4
+                }
+              },
+              i
+            ))
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick,
+            disabled,
+            "aria-label": `${variant} button`,
+            style: {
+              position: "absolute",
+              left: "50%",
+              top: "50%",
+              transform: "translate(-50%, -50%)",
+              width: "2rem",
+              // w-8
+              height: "2rem",
+              // h-8
+              borderRadius: "9999px",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              transition: "all 200ms",
+              backgroundColor: "white",
+              border: `1px solid ${color}`,
+              cursor: disabled ? "not-allowed" : "pointer"
+            },
+            children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                color,
+                className: isConnecting ? "animate-spin" : "",
+                style: {
+                  width: "1.25rem",
+                  // w-5
+                  height: "1.25rem"
+                  // h-5
+                }
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+var AudioWaveform$1 = AudioWaveform;
+export { AudioWaveform$1 as default };
 //# sourceMappingURL=AudioWaveform.js.map

package/dist/features/IL-OTJ/_components/AudioWaveform.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AudioWaveform.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"AudioWaveform.js","sources":["../../../../src/features/IL-OTJ/_components/AudioWaveform.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { Mic, MicOff, Volume2, VolumeOff } from \"lucide-react\";\n\ninterface AudioWaveformProps {\n amplitude: number; // 0 to 1\n variant: \"microphone\" \| \"speaker\";\n isActive: boolean;\n className?: string;\n onClick?: () => void;\n disabled?: boolean;\n isConnecting?: boolean;\n}\n\nconst AudioWaveform: React.FC<AudioWaveformProps> = ({\n amplitude,\n variant,\n isActive,\n className = \"\",\n onClick,\n disabled = false,\n isConnecting,\n}) => {\n const [barHeights, setBarHeights] = useState<number[]>(Array(40).fill(4));\n const animationRef = useRef<number \| null>(null);\n\n const animate = () => {\n const clamped = Math.min(Math.max(amplitude, 0), 1);\n const intensity = Math.max(clamped, 0.2);\n const newHeights = Array(40)\n .fill(0)\n .map((_, i) => {\n const wave = Math.sin(i + Date.now() / 100) + Math.random() * 0.5;\n const height = 5 + Math.abs(wave) * 9 * intensity;\n return height;\n });\n\n setBarHeights(newHeights);\n animationRef.current = requestAnimationFrame(animate);\n };\n\n useEffect(() => {\n if (isActive) {\n animationRef.current = requestAnimationFrame(animate);\n } else {\n setBarHeights(Array(40).fill(4));\n if (animationRef.current) cancelAnimationFrame(animationRef.current);\n }\n\n return () => {\n if (animationRef.current) cancelAnimationFrame(animationRef.current);\n };\n }, [isActive, amplitude]);\n\n const color = isActive ? \"#364152\" : \"#D0D4DB\";\n const Icon =\n variant === \"microphone\"\n ? isActive \|\| isConnecting\n ? Mic\n : MicOff\n : isActive\n ? Volume2\n : VolumeOff;\n\n return (\n <div\n className={className}\n style={{\n position: \"relative\",\n height: \"3rem\", // h-12\n zIndex: 50,\n width: \"100%\", // w-1/2\n overflow: \"hidden\",\n display: \"flex\",\n alignItems: \"center\",\n }}\n >\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n height: \"2rem\", // h-8\n gap: \"0.25rem\", // gap-x-1\n }}\n >\n {barHeights.map((height, i) => (\n <div\n key={i}\n style={{\n flexShrink: 0,\n width: \"4px\",\n borderRadius: \"9999px\",\n transition: \"all 100ms\",\n backgroundColor: color,\n height: `${height}px`,\n opacity: isActive ? 1 : 0.4,\n }}\n />\n ))}\n </div>\n\n <button\n onClick={onClick}\n disabled={disabled}\n aria-label={`${variant} button`}\n style={{\n position: \"absolute\",\n left: \"50%\",\n top: \"50%\",\n transform: \"translate(-50%, -50%)\",\n width: \"2rem\", // w-8\n height: \"2rem\", // h-8\n borderRadius: \"9999px\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n transition: \"all 200ms\",\n backgroundColor: \"white\",\n border: `1px solid ${color}`,\n cursor: disabled ? \"not-allowed\" : \"pointer\",\n }}\n >\n <Icon\n color={color}\n className={isConnecting ? \"animate-spin\" : \"\"}\n style={{\n width: \"1.25rem\", // w-5\n height: \"1.25rem\", // h-5\n }}\n />\n </button>\n </div>\n );\n};\n\nexport default AudioWaveform;\n"],"names":[],"mappings":"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"}