pih-appointment-widget 0.0.37 → 0.0.39

package/dist/components/ICD10Assistant.js

@@ -7,11 +7,13 @@ exports.default = ICD10Assistant;
 var _react = _interopRequireWildcard(require("react"));
 var _icdService = require("../services/icdService");
 var _useClipboard = require("../hooks/useClipboard");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * ICD10Assistant.jsx
- * AI-powered ICD-10 coding assistant panel.
- * Floats as a pill button; expands into a full panel on click.
+var _icdIcons = require("../assets/icons/icdIcons");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * ICD10Assistant.jsx
+ * AI-powered ICD-10 coding assistant panel.
+ * Floats as a pill button; expands into a full panel on click.
  */
 
 // ─── Constants ───────────────────────────────────────────────────────────────
@@ -60,12 +62,12 @@ function Badge(_ref) {
   }, children);
 }
 function Spinner() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("style", null, "@keyframes icd-spin{to{transform:rotate(360deg)}}"), /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("style", null, `@keyframes icd-spin{to{transform:rotate(360deg)}}`), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       width: 20,
       height: 20,
       border: "2.5px solid #d1d5db",
-      borderTop: "2.5px solid ".concat(C.primary),
+      borderTop: `2.5px solid ${C.primary}`,
       borderRadius: "50%",
       animation: "icd-spin 0.8s linear infinite",
       flexShrink: 0
@@ -83,7 +85,7 @@ function CopyButton(_ref2) {
   const copied = copiedKey === copyKey;
   return /*#__PURE__*/_react.default.createElement("button", {
     onClick: () => copy(text, copyKey),
-    title: copied ? "Copied!" : "Copy ".concat(label),
+    title: copied ? "Copied!" : `Copy ${label}`,
     style: {
       display: "inline-flex",
       alignItems: "center",
@@ -92,7 +94,7 @@ function CopyButton(_ref2) {
       fontSize: 11,
       fontWeight: 600,
       fontFamily: FONT,
-      border: "1px solid ".concat(copied ? C.success : C.border),
+      border: `1px solid ${copied ? C.success : C.border}`,
       borderRadius: 5,
       background: copied ? C.successLight : C.white,
       color: copied ? C.success : C.muted,
@@ -100,7 +102,7 @@ function CopyButton(_ref2) {
       transition: "all 0.15s ease",
       whiteSpace: "nowrap"
     }
-  }, copied ? "✓ Copied" : "\u2398 ".concat(label));
+  }, copied ? "✓ Copied" : `⎘ ${label}`);
 }
 
 // ─── Result Card ──────────────────────────────────────────────────────────────
@@ -111,11 +113,11 @@ function ResultCard(_ref3) {
     copy,
     copiedKey
   } = _ref3;
-  const cardCopyKey = "card-".concat(index);
-  const fullText = "".concat(match.code, " \u2014 ").concat(match.description).concat(match.reason ? "\nNote: ".concat(match.reason) : "");
+  const cardCopyKey = `card-${index}`;
+  const fullText = `${match.code} — ${match.description}${match.reason ? `\nNote: ${match.reason}` : ""}`;
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      border: "1px solid ".concat(C.border),
+      border: `1px solid ${C.border}`,
       borderRadius: 10,
       padding: "14px 16px",
       background: C.white,
@@ -162,7 +164,7 @@ function ResultCard(_ref3) {
       lineHeight: 1.5,
       paddingLeft: 2
     }
-  }, "\uD83D\uDCA1 ", match.reason));
+  }, _icdIcons.ICON.reason, " ", match.reason));
 }
 
 // ─── History Chip ─────────────────────────────────────────────────────────────
@@ -173,10 +175,10 @@ function HistoryChip(_ref4) {
   } = _ref4;
   return /*#__PURE__*/_react.default.createElement("button", {
     onClick: () => onClick(item.query),
-    title: "Re-run: ".concat(item.query),
+    title: `Re-run: ${item.query}`,
     style: {
       padding: "4px 10px",
-      border: "1px solid ".concat(C.border),
+      border: `1px solid ${C.border}`,
       borderRadius: 999,
       fontSize: 11,
       fontFamily: FONT,
@@ -191,7 +193,7 @@ function HistoryChip(_ref4) {
     },
     onMouseEnter: e => e.currentTarget.style.borderColor = C.primary,
     onMouseLeave: e => e.currentTarget.style.borderColor = C.border
-  }, "\uD83D\uDD50 ", item.query);
+  }, _icdIcons.ICON.history, " ", item.query);
 }
 
 // ─── Mode Toggle (tab bar) ──────────────────────────────────────────────────
@@ -230,7 +232,7 @@ function ModeToggle(_ref5) {
       gap: 2,
       marginTop: 10
     }
-  }, tab("nlm", "Quick Lookup", "🔎"), tab("ai", "AI Suggest", "🤖"));
+  }, tab("nlm", "Quick Lookup", ""), tab("ai", "AI Suggest", ""));
 }
 
 // ─── NLM Lookup Panel ────────────────────────────────────────────────────────
@@ -249,10 +251,7 @@ function NLMLookupPanel(_ref6) {
   const debounceRef = (0, _react.useRef)(null);
   const inputRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
-    setTimeout(() => {
-      var _inputRef$current;
-      return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
-    }, 80);
+    setTimeout(() => inputRef.current?.focus(), 80);
   }, []);
   const search = (0, _react.useCallback)(async term => {
     if (term.length < 2) {
@@ -265,7 +264,7 @@ function NLMLookupPanel(_ref6) {
       const data = await (0, _icdService.getICDSuggestions)(term, _icdService.ICD_MODE.ICD_ONLY);
       const codes = (data.matches || []).map(m => [m.code, m.description]);
       setResults(codes);
-      setStatus(codes.length === 0 ? "No matching codes found." : "Showing ".concat(codes.length, " result").concat(codes.length !== 1 ? "s" : ""));
+      setStatus(codes.length === 0 ? "No matching codes found." : `Showing ${codes.length} result${codes.length !== 1 ? "s" : ""}`);
     } catch (err) {
       setStatus(err.message || "Could not fetch results. Check your connection.");
       setResults([]);
@@ -301,9 +300,9 @@ function NLMLookupPanel(_ref6) {
       overflow: "hidden",
       animation: "icd-slide-in 0.2s ease"
     }
-  }, /*#__PURE__*/_react.default.createElement("style", null, "@keyframes icd-slide-in{from{opacity:0;transform:translateY(20px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}"), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("style", null, `@keyframes icd-slide-in{from{opacity:0;transform:translateY(20px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}`), /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      background: "linear-gradient(135deg, ".concat(C.primary, " 0%, ").concat(C.teal, " 100%)"),
+      background: `linear-gradient(135deg, ${C.primary} 0%, ${C.teal} 100%)`,
       padding: "14px 18px",
       flexShrink: 0
     }
@@ -319,11 +318,15 @@ function NLMLookupPanel(_ref6) {
       alignItems: "center",
       gap: 10
     }
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: _icdIcons.IMG.icdIcon,
+    alt: "ICD-10",
     style: {
-      fontSize: 22
+      width: 32,
+      height: 32,
+      objectFit: "contain"
     }
-  }, "\uD83E\uDE7A"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       color: C.white,
       fontWeight: 700,
@@ -374,7 +377,7 @@ function NLMLookupPanel(_ref6) {
       padding: "10px 14px",
       fontSize: 14,
       fontFamily: FONT,
-      border: "1.5px solid ".concat(C.border),
+      border: `1.5px solid ${C.border}`,
       borderRadius: 8,
       outline: "none",
       boxSizing: "border-box",
@@ -382,13 +385,77 @@ function NLMLookupPanel(_ref6) {
     },
     onFocus: e => e.target.style.borderColor = C.primary,
     onBlur: e => e.target.style.borderColor = C.border
-  }), status && /*#__PURE__*/_react.default.createElement("p", {
+  }), /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      margin: 0,
+      fontSize: 11,
+      color: "#aaa",
+      lineHeight: 1.6,
+      borderLeft: `3px solid ${C.border}`,
+      paddingLeft: 8
+    }
+  }, /*#__PURE__*/_react.default.createElement("strong", null, "Note:"), " Use short, specific keywords for better results, or try", " ", /*#__PURE__*/_react.default.createElement("button", {
+    onClick: () => onModeChange("ai"),
+    style: {
+      background: "none",
+      border: "none",
+      padding: 0,
+      color: C.primary,
+      fontWeight: 700,
+      fontSize: 11,
+      cursor: "pointer",
+      textDecoration: "underline",
+      fontFamily: FONT
+    }
+  }, "AI Suggest"), " ", "for broader symptom-based recommendations."), status && results.length > 0 && /*#__PURE__*/_react.default.createElement("p", {
     style: {
       margin: 0,
       fontSize: 12,
       color: C.muted
     }
-  }, status), /*#__PURE__*/_react.default.createElement("div", {
+  }, status), status === "No matching codes found." && results.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      background: C.warnLight,
+      border: `1px solid #fcd34d`,
+      borderRadius: 10,
+      padding: "14px 16px",
+      display: "flex",
+      gap: 10,
+      alignItems: "flex-start"
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      fontSize: 18,
+      flexShrink: 0
+    }
+  }, "\uD83D\uDD0D"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      margin: "0 0 4px",
+      fontSize: 13,
+      fontWeight: 700,
+      color: C.warn
+    }
+  }, "No results found"), /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      margin: 0,
+      fontSize: 12,
+      color: C.warn,
+      lineHeight: 1.6
+    }
+  }, "We couldn't find a match. Try using more accurate keywords or switch to", " ", /*#__PURE__*/_react.default.createElement("button", {
+    onClick: () => onModeChange("ai"),
+    style: {
+      background: "none",
+      border: "none",
+      padding: 0,
+      color: C.primary,
+      fontWeight: 700,
+      fontSize: 12,
+      cursor: "pointer",
+      textDecoration: "underline",
+      fontFamily: FONT
+    }
+  }, "AI Suggest"), " ", "for better results."))), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -404,7 +471,7 @@ function NLMLookupPanel(_ref6) {
         alignItems: "center",
         gap: 12,
         padding: "10px 14px",
-        border: "1px solid ".concat(C.border),
+        border: `1px solid ${C.border}`,
         borderRadius: 8,
         cursor: "pointer",
         background: C.white,
@@ -440,13 +507,13 @@ function NLMLookupPanel(_ref6) {
     style: {
       flexShrink: 0,
       padding: "10px 18px",
-      borderTop: "1px solid ".concat(C.border),
+      borderTop: `1px solid ${C.border}`,
       background: C.bg,
       fontSize: 11,
       color: "#aaa",
       textAlign: "center"
     }
-  }, "\u2695\uFE0F For reference only. Always verify codes with a certified medical coder."));
+  }, _icdIcons.ICON.medical, " For reference only. Always verify codes with a certified medical coder."));
 }
 
 // ─── FloatingButton ───────────────────────────────────────────────────────────
@@ -469,7 +536,7 @@ function FloatingButton(_ref8) {
       padding: "10px 18px",
       borderRadius: 999,
       border: "none",
-      background: "linear-gradient(135deg, ".concat(C.primary, " 0%, ").concat(C.teal, " 100%)"),
+      background: `linear-gradient(135deg, ${C.primary} 0%, ${C.teal} 100%)`,
       color: C.white,
       fontFamily: FONT,
       fontWeight: 700,
@@ -486,17 +553,20 @@ function FloatingButton(_ref8) {
       e.currentTarget.style.transform = "translateY(0)";
       e.currentTarget.style.boxShadow = "0 4px 16px rgba(76,77,220,0.35)";
     }
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: _icdIcons.IMG.icdIcon,
+    alt: "ICD-10",
     style: {
-      fontSize: 18
+      width: 22,
+      height: 22,
+      objectFit: "contain"
     }
-  }, "\uD83E\uDE7A"), "ICD-10 Assistant");
+  }), "ICD-10 Assistant");
 }
 
 // ─── Panel ────────────────────────────────────────────────────────────────────
 // Defined OUTSIDE the main component so its DOM is never torn down on re-render.
 function Panel(_ref9) {
-  var _result$matches;
   let {
     panelRef,
     textareaRef,
@@ -516,7 +586,7 @@ function Panel(_ref9) {
     mode,
     onModeChange
   } = _ref9;
-  const allCodesText = (result === null || result === void 0 || (_result$matches = result.matches) === null || _result$matches === void 0 ? void 0 : _result$matches.map(m => "".concat(m.code, " \u2014 ").concat(m.description)).join("\n")) || "";
+  const allCodesText = result?.matches?.map(m => `${m.code} — ${m.description}`).join("\n") || "";
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       position: "fixed",
@@ -535,9 +605,14 @@ function Panel(_ref9) {
       animation: "icd-slide-in 0.2s ease"
     },
     ref: panelRef
-  }, /*#__PURE__*/_react.default.createElement("style", null, "\n        @keyframes icd-slide-in {\n          from { opacity: 0; transform: translateY(20px) scale(0.97); }\n          to   { opacity: 1; transform: translateY(0)    scale(1);    }\n        }\n      "), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      background: "linear-gradient(135deg, ".concat(C.primary, " 0%, ").concat(C.teal, " 100%)"),
+  }, /*#__PURE__*/_react.default.createElement("style", null, `
+        @keyframes icd-slide-in {
+          from { opacity: 0; transform: translateY(20px) scale(0.97); }
+          to   { opacity: 1; transform: translateY(0)    scale(1);    }
+        }
+      `), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      background: `linear-gradient(135deg, ${C.primary} 0%, ${C.teal} 100%)`,
       padding: "14px 18px",
       flexShrink: 0
     }
@@ -553,11 +628,15 @@ function Panel(_ref9) {
       alignItems: "center",
       gap: 10
     }
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: _icdIcons.IMG.icdIcon,
+    alt: "ICD-10",
     style: {
-      fontSize: 22
+      width: 32,
+      height: 32,
+      objectFit: "contain"
     }
-  }, "\uD83E\uDE7A"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       color: C.white,
       fontWeight: 700,
@@ -629,7 +708,7 @@ function Panel(_ref9) {
     style: {
       width: "100%",
       padding: "10px 12px",
-      border: "1.5px solid ".concat(C.border),
+      border: `1.5px solid ${C.border}`,
       borderRadius: 8,
       fontSize: 13,
       fontFamily: FONT,
@@ -655,7 +734,14 @@ function Panel(_ref9) {
       borderRadius: 3,
       fontFamily: "monospace"
     }
-  }, "\u2318 Enter"), " to submit")), /*#__PURE__*/_react.default.createElement("div", {
+  }, "Enter"), " to submit \xB7 ", /*#__PURE__*/_react.default.createElement("kbd", {
+    style: {
+      background: "#f3f4f6",
+      padding: "1px 5px",
+      borderRadius: 3,
+      fontFamily: "monospace"
+    }
+  }, "Shift+Enter"), " for new line")), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       display: "flex",
       gap: 8
@@ -670,7 +756,7 @@ function Panel(_ref9) {
       justifyContent: "center",
       gap: 8,
       padding: "10px 16px",
-      background: !query.trim() || loading ? "#d1d5db" : "linear-gradient(135deg, ".concat(C.primary, " 0%, ").concat(C.primaryDark, " 100%)"),
+      background: !query.trim() || loading ? "#d1d5db" : `linear-gradient(135deg, ${C.primary} 0%, ${C.primaryDark} 100%)`,
       color: C.white,
       border: "none",
       borderRadius: 8,
@@ -680,12 +766,12 @@ function Panel(_ref9) {
       cursor: !query.trim() || loading ? "not-allowed" : "pointer",
       transition: "background 0.15s"
     }
-  }, loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Spinner, null), "Searching codes\u2026") : "🔍 Find ICD-10 Codes"), (query || result) && /*#__PURE__*/_react.default.createElement("button", {
+  }, loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Spinner, null), "Searching codes\u2026") : "Find ICD-10 Codes"), (query || result) && /*#__PURE__*/_react.default.createElement("button", {
     onClick: onClear,
     style: {
       padding: "10px 14px",
       background: C.bg,
-      border: "1px solid ".concat(C.border),
+      border: `1px solid ${C.border}`,
       borderRadius: 8,
       fontSize: 13,
       fontWeight: 600,
@@ -696,7 +782,7 @@ function Panel(_ref9) {
   }, "Clear")), error && /*#__PURE__*/_react.default.createElement("div", {
     style: {
       background: C.errorLight,
-      border: "1px solid #fca5a5",
+      border: `1px solid #fca5a5`,
       borderRadius: 8,
       padding: "10px 14px",
       fontSize: 13,
@@ -780,14 +866,14 @@ function Panel(_ref9) {
     style: {
       flexShrink: 0,
       padding: "12px 18px",
-      borderTop: "1px solid ".concat(C.border),
+      borderTop: `1px solid ${C.border}`,
       background: C.bg,
       fontSize: 11,
       color: "#aaa",
       lineHeight: 1.5,
       textAlign: "center"
     }
-  }, "\u2695\uFE0F For reference only. Always verify codes with a certified medical coder. Not a substitute for clinical judgment or official coding guidelines."));
+  }, _icdIcons.ICON.medical, " For reference only. Always verify codes with a certified medical coder. Not a substitute for clinical judgment or official coding guidelines."));
 }
 
 // ─── Main Component ────────────────────────────────────────────────────────────
@@ -809,10 +895,7 @@ function ICD10Assistant() {
   // Focus textarea when panel opens
   (0, _react.useEffect)(() => {
     if (open && textareaRef.current) {
-      setTimeout(() => {
-        var _textareaRef$current;
-        return (_textareaRef$current = textareaRef.current) === null || _textareaRef$current === void 0 ? void 0 : _textareaRef$current.focus();
-      }, 80);
+      setTimeout(() => textareaRef.current?.focus(), 80);
     }
   }, [open]);
 
@@ -849,24 +932,22 @@ function ICD10Assistant() {
     }
   }, [query, loading]);
   const handleKeyDown = (0, _react.useCallback)(e => {
-    if ((e.ctrlKey || e.metaKey) && e.key === "Enter") {
+    if (e.key === "Enter" && !e.shiftKey) {
       e.preventDefault();
       handleSubmit();
     }
   }, [handleSubmit]);
   const handleClear = (0, _react.useCallback)(() => {
-    var _textareaRef$current2;
     setQuery("");
     setResult(null);
     setError(null);
-    (_textareaRef$current2 = textareaRef.current) === null || _textareaRef$current2 === void 0 || _textareaRef$current2.focus();
+    textareaRef.current?.focus();
   }, []);
   const handleHistoryClick = (0, _react.useCallback)(q => {
-    var _textareaRef$current3;
     setQuery(q);
     setResult(null);
     setError(null);
-    (_textareaRef$current3 = textareaRef.current) === null || _textareaRef$current3 === void 0 || _textareaRef$current3.focus();
+    textareaRef.current?.focus();
   }, []);
   const handleQueryChange = (0, _react.useCallback)(e => setQuery(e.target.value), []);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !open && /*#__PURE__*/_react.default.createElement(FloatingButton, {