pih-appointment-widget 0.0.36 → 0.0.38

package/dist/App.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "AppointmentPage", {
     return _AppointmentPage.default;
   }
 });
+Object.defineProperty(exports, "ICD10Assistant", {
+  enumerable: true,
+  get: function () {
+    return _ICD10Assistant.default;
+  }
+});
 Object.defineProperty(exports, "PIH_APPOINTMENT_WIDGET_CLASS", {
   enumerable: true,
   get: function () {
@@ -19,6 +25,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _AppointmentPage = _interopRequireWildcard(require("./components/AppointmentPage.js"));
+var _ICD10Assistant = _interopRequireDefault(require("./components/ICD10Assistant.jsx"));
 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); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 let bookingWidgetInstance = null;
@@ -42,7 +49,7 @@ const BookingSDK = {
     const PopupWrapper = () => {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_AppointmentPage.default, {
         config: config
-      }));
+      }), config.showIcdAssistant && /*#__PURE__*/_react.default.createElement(_ICD10Assistant.default, null));
     };
     _reactDom.default.render(/*#__PURE__*/_react.default.createElement(PopupWrapper, null), bookingWidgetInstance);
   },

package/dist/assets/icons/icdIcons.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IMG = exports.ICON = void 0;
+var _icdIcon = _interopRequireDefault(require("./icdIcon.png"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// ─── Image assets ─────────────────────────────────────────────────────────────
+
+const IMG = exports.IMG = {
+  /** Main ICD-10 Assistant branding icon (floating button + panel header) */
+  icdIcon: _icdIcon.default
+};
+
+// ─── Emoji / text icons ───────────────────────────────────────────────────────
+const ICON = exports.ICON = {
+  /** Reason / tip indicator on result cards */
+  reason: "💡",
+  /** Search history chip prefix */
+  history: "🕐",
+  /** Footer medical disclaimer */
+  medical: "⚕️",
+  /** Coding note (currently commented out) */
+  codingNote: "📋",
+  /** Copy success checkmark */
+  copied: "✓",
+  /** Copy action */
+  copy: "⎘"
+};

package/dist/components/ICD10Assistant.js

@@ -7,6 +7,7 @@ exports.default = ICD10Assistant;
 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
@@ -162,7 +163,7 @@ function ResultCard(_ref3) {
       lineHeight: 1.5,
       paddingLeft: 2
     }
-  }, "\uD83D\uDCA1 ", match.reason));
+  }, _icdIcons.ICON.reason, " ", match.reason));
 }
 
 // ─── History Chip ─────────────────────────────────────────────────────────────
@@ -191,7 +192,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 +231,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 ────────────────────────────────────────────────────────
@@ -319,11 +320,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,
@@ -382,13 +387,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 ".concat(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",
@@ -446,7 +515,7 @@ function NLMLookupPanel(_ref6) {
       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 ───────────────────────────────────────────────────────────
@@ -486,11 +555,15 @@ 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 ────────────────────────────────────────────────────────────────────
@@ -553,11 +626,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,
@@ -655,7 +732,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
@@ -680,7 +764,7 @@ 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",
@@ -787,7 +871,7 @@ function Panel(_ref9) {
       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 ────────────────────────────────────────────────────────────
@@ -849,7 +933,7 @@ 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();
     }