pih-appointment-widget 0.0.38 → 0.0.39

package/dist/components/ICD10Assistant.js

@@ -8,11 +8,12 @@ var _react = _interopRequireWildcard(require("react"));
 var _icdService = require("../services/icdService");
 var _useClipboard = require("../hooks/useClipboard");
 var _icdIcons = require("../assets/icons/icdIcons");
-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.
+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 ───────────────────────────────────────────────────────────────
@@ -61,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
@@ -84,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",
@@ -93,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,
@@ -101,7 +102,7 @@ function CopyButton(_ref2) {
       transition: "all 0.15s ease",
       whiteSpace: "nowrap"
     }
-  }, copied ? "✓ Copied" : "\u2398 ".concat(label));
+  }, copied ? "✓ Copied" : `⎘ ${label}`);
 }
 
 // ─── Result Card ──────────────────────────────────────────────────────────────
@@ -112,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,
@@ -174,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,
@@ -250,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) {
@@ -266,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([]);
@@ -302,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
     }
@@ -379,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",
@@ -393,7 +391,7 @@ function NLMLookupPanel(_ref6) {
       fontSize: 11,
       color: "#aaa",
       lineHeight: 1.6,
-      borderLeft: "3px solid ".concat(C.border),
+      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", {
@@ -418,7 +416,7 @@ function NLMLookupPanel(_ref6) {
   }, status), status === "No matching codes found." && results.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
     style: {
       background: C.warnLight,
-      border: "1px solid #fcd34d",
+      border: `1px solid #fcd34d`,
       borderRadius: 10,
       padding: "14px 16px",
       display: "flex",
@@ -473,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,
@@ -509,7 +507,7 @@ 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",
@@ -538,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,
@@ -569,7 +567,6 @@ function FloatingButton(_ref8) {
 // ─── 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,
@@ -589,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",
@@ -608,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
     }
@@ -706,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,
@@ -754,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,
@@ -769,7 +771,7 @@ function Panel(_ref9) {
     style: {
       padding: "10px 14px",
       background: C.bg,
-      border: "1px solid ".concat(C.border),
+      border: `1px solid ${C.border}`,
       borderRadius: 8,
       fontSize: 13,
       fontWeight: 600,
@@ -780,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,
@@ -864,7 +866,7 @@ 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",
@@ -893,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]);
 
@@ -939,18 +938,16 @@ function ICD10Assistant() {
     }
   }, [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, {