@informedai/react 0.4.25 → 0.4.27

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 (5) hide show
  1. package/dist/index.d.mts +8 -0
  2. package/dist/index.d.ts +8 -0
  3. package/dist/index.js +22 -23
  4. package/dist/index.mjs +22 -23
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -26,6 +26,14 @@ interface WidgetMessage {
26
26
  timestamp: string;
27
27
  taskContext?: string;
28
28
  kbSearch?: KbSearchInfo;
29
+ agentContext?: {
30
+ analyticsRun?: {
31
+ runId: string;
32
+ query: string;
33
+ status: string;
34
+ };
35
+ triages?: string[];
36
+ };
29
37
  }
30
38
  interface QuickAction {
31
39
  id: string;
package/dist/index.d.ts CHANGED
@@ -26,6 +26,14 @@ interface WidgetMessage {
26
26
  timestamp: string;
27
27
  taskContext?: string;
28
28
  kbSearch?: KbSearchInfo;
29
+ agentContext?: {
30
+ analyticsRun?: {
31
+ runId: string;
32
+ query: string;
33
+ status: string;
34
+ };
35
+ triages?: string[];
36
+ };
29
37
  }
30
38
  interface QuickAction {
31
39
  id: string;
package/dist/index.js CHANGED
@@ -3196,7 +3196,7 @@ function SmartQuestionnaire({ className, ...config }) {
3196
3196
  }
3197
3197
  ) }),
3198
3198
  phase === "results" && matches && matches.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "8px", maxWidth: "90%" }, children: matches.map((match, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MatchCard, { match, theme }, i)) }),
3199
- showOptions && currentStep.options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "6px", maxWidth: "85%" }, children: currentStep.multiSelect ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
3199
+ showOptions && currentStep.options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { display: "flex", flexWrap: "wrap", justifyContent: "center", gap: "6px", maxWidth: "90%" }, children: currentStep.multiSelect ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
3200
3200
  currentStep.options.map((opt) => {
3201
3201
  const isSelected = multiSelectChoices.has(opt);
3202
3202
  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
@@ -3209,16 +3209,16 @@ function SmartQuestionnaire({ className, ...config }) {
3209
3209
  setMultiSelectChoices(next);
3210
3210
  },
3211
3211
  style: {
3212
- padding: "8px 14px",
3212
+ padding: "6px 12px",
3213
3213
  borderRadius: "8px",
3214
- border: `1.5px solid ${isSelected ? theme.primaryColor : "#d1d5db"}`,
3215
- backgroundColor: isSelected ? `${theme.primaryColor}10` : "white",
3216
- color: isSelected ? theme.primaryColor : "#374151",
3217
- fontSize: "13px",
3214
+ border: "none",
3215
+ backgroundColor: isSelected ? `${theme.primaryColor}20` : "#f5f5f5",
3216
+ color: isSelected ? theme.primaryColor : "#525252",
3217
+ fontSize: "12px",
3218
+ fontWeight: 500,
3218
3219
  cursor: "pointer",
3219
- textAlign: "left",
3220
3220
  fontFamily: "var(--sq-font)",
3221
- transition: "all 0.15s ease"
3221
+ transition: "all 0.15s"
3222
3222
  },
3223
3223
  children: [
3224
3224
  isSelected ? "\u2611 " : "\u2610 ",
@@ -3233,16 +3233,15 @@ function SmartQuestionnaire({ className, ...config }) {
3233
3233
  {
3234
3234
  onClick: handleMultiSelectConfirm,
3235
3235
  style: {
3236
- padding: "8px 14px",
3236
+ padding: "6px 12px",
3237
3237
  borderRadius: "8px",
3238
3238
  border: "none",
3239
3239
  backgroundColor: "var(--sq-primary)",
3240
3240
  color: "white",
3241
- fontSize: "13px",
3241
+ fontSize: "12px",
3242
3242
  fontWeight: 600,
3243
3243
  cursor: "pointer",
3244
- fontFamily: "var(--sq-font)",
3245
- marginTop: "4px"
3244
+ fontFamily: "var(--sq-font)"
3246
3245
  },
3247
3246
  children: [
3248
3247
  "Confirm (",
@@ -3256,24 +3255,24 @@ function SmartQuestionnaire({ className, ...config }) {
3256
3255
  {
3257
3256
  onClick: () => handleOptionClick(opt),
3258
3257
  style: {
3259
- padding: "8px 14px",
3258
+ padding: "6px 12px",
3260
3259
  borderRadius: "8px",
3261
- border: "1.5px solid #d1d5db",
3262
- backgroundColor: "white",
3263
- color: "#374151",
3264
- fontSize: "13px",
3260
+ border: "none",
3261
+ backgroundColor: "#f5f5f5",
3262
+ color: "#525252",
3263
+ fontSize: "12px",
3264
+ fontWeight: 500,
3265
3265
  cursor: "pointer",
3266
- textAlign: "left",
3267
3266
  fontFamily: "var(--sq-font)",
3268
- transition: "all 0.15s ease"
3267
+ transition: "all 0.15s"
3269
3268
  },
3270
3269
  onMouseEnter: (e) => {
3271
- e.currentTarget.style.borderColor = theme.primaryColor || "#8b5cf6";
3272
- e.currentTarget.style.backgroundColor = `${theme.primaryColor}08`;
3270
+ e.currentTarget.style.backgroundColor = `${theme.primaryColor}20`;
3271
+ e.currentTarget.style.color = theme.primaryColor || "#8b5cf6";
3273
3272
  },
3274
3273
  onMouseLeave: (e) => {
3275
- e.currentTarget.style.borderColor = "#d1d5db";
3276
- e.currentTarget.style.backgroundColor = "white";
3274
+ e.currentTarget.style.backgroundColor = "#f5f5f5";
3275
+ e.currentTarget.style.color = "#525252";
3277
3276
  },
3278
3277
  children: opt
3279
3278
  },
package/dist/index.mjs CHANGED
@@ -3163,7 +3163,7 @@ function SmartQuestionnaire({ className, ...config }) {
3163
3163
  }
3164
3164
  ) }),
3165
3165
  phase === "results" && matches && matches.length > 0 && /* @__PURE__ */ jsx5("div", { style: { display: "flex", flexDirection: "column", gap: "8px", maxWidth: "90%" }, children: matches.map((match, i) => /* @__PURE__ */ jsx5(MatchCard, { match, theme }, i)) }),
3166
- showOptions && currentStep.options.length > 0 && /* @__PURE__ */ jsx5("div", { style: { display: "flex", flexDirection: "column", gap: "6px", maxWidth: "85%" }, children: currentStep.multiSelect ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
3166
+ showOptions && currentStep.options.length > 0 && /* @__PURE__ */ jsx5("div", { style: { display: "flex", flexWrap: "wrap", justifyContent: "center", gap: "6px", maxWidth: "90%" }, children: currentStep.multiSelect ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
3167
3167
  currentStep.options.map((opt) => {
3168
3168
  const isSelected = multiSelectChoices.has(opt);
3169
3169
  return /* @__PURE__ */ jsxs4(
@@ -3176,16 +3176,16 @@ function SmartQuestionnaire({ className, ...config }) {
3176
3176
  setMultiSelectChoices(next);
3177
3177
  },
3178
3178
  style: {
3179
- padding: "8px 14px",
3179
+ padding: "6px 12px",
3180
3180
  borderRadius: "8px",
3181
- border: `1.5px solid ${isSelected ? theme.primaryColor : "#d1d5db"}`,
3182
- backgroundColor: isSelected ? `${theme.primaryColor}10` : "white",
3183
- color: isSelected ? theme.primaryColor : "#374151",
3184
- fontSize: "13px",
3181
+ border: "none",
3182
+ backgroundColor: isSelected ? `${theme.primaryColor}20` : "#f5f5f5",
3183
+ color: isSelected ? theme.primaryColor : "#525252",
3184
+ fontSize: "12px",
3185
+ fontWeight: 500,
3185
3186
  cursor: "pointer",
3186
- textAlign: "left",
3187
3187
  fontFamily: "var(--sq-font)",
3188
- transition: "all 0.15s ease"
3188
+ transition: "all 0.15s"
3189
3189
  },
3190
3190
  children: [
3191
3191
  isSelected ? "\u2611 " : "\u2610 ",
@@ -3200,16 +3200,15 @@ function SmartQuestionnaire({ className, ...config }) {
3200
3200
  {
3201
3201
  onClick: handleMultiSelectConfirm,
3202
3202
  style: {
3203
- padding: "8px 14px",
3203
+ padding: "6px 12px",
3204
3204
  borderRadius: "8px",
3205
3205
  border: "none",
3206
3206
  backgroundColor: "var(--sq-primary)",
3207
3207
  color: "white",
3208
- fontSize: "13px",
3208
+ fontSize: "12px",
3209
3209
  fontWeight: 600,
3210
3210
  cursor: "pointer",
3211
- fontFamily: "var(--sq-font)",
3212
- marginTop: "4px"
3211
+ fontFamily: "var(--sq-font)"
3213
3212
  },
3214
3213
  children: [
3215
3214
  "Confirm (",
@@ -3223,24 +3222,24 @@ function SmartQuestionnaire({ className, ...config }) {
3223
3222
  {
3224
3223
  onClick: () => handleOptionClick(opt),
3225
3224
  style: {
3226
- padding: "8px 14px",
3225
+ padding: "6px 12px",
3227
3226
  borderRadius: "8px",
3228
- border: "1.5px solid #d1d5db",
3229
- backgroundColor: "white",
3230
- color: "#374151",
3231
- fontSize: "13px",
3227
+ border: "none",
3228
+ backgroundColor: "#f5f5f5",
3229
+ color: "#525252",
3230
+ fontSize: "12px",
3231
+ fontWeight: 500,
3232
3232
  cursor: "pointer",
3233
- textAlign: "left",
3234
3233
  fontFamily: "var(--sq-font)",
3235
- transition: "all 0.15s ease"
3234
+ transition: "all 0.15s"
3236
3235
  },
3237
3236
  onMouseEnter: (e) => {
3238
- e.currentTarget.style.borderColor = theme.primaryColor || "#8b5cf6";
3239
- e.currentTarget.style.backgroundColor = `${theme.primaryColor}08`;
3237
+ e.currentTarget.style.backgroundColor = `${theme.primaryColor}20`;
3238
+ e.currentTarget.style.color = theme.primaryColor || "#8b5cf6";
3240
3239
  },
3241
3240
  onMouseLeave: (e) => {
3242
- e.currentTarget.style.borderColor = "#d1d5db";
3243
- e.currentTarget.style.backgroundColor = "white";
3241
+ e.currentTarget.style.backgroundColor = "#f5f5f5";
3242
+ e.currentTarget.style.color = "#525252";
3244
3243
  },
3245
3244
  children: opt
3246
3245
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@informedai/react",
3
- "version": "0.4.25",
3
+ "version": "0.4.27",
4
4
  "description": "React SDK for InformedAI Assistant - AI-powered content creation widget",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",