@ensembleapp/client-sdk 0.0.15 → 0.0.17

package/dist/index.js

@@ -24878,8 +24878,140 @@ var createWidget = ({
   render
 });
 
-// lib/widgets/default-widgets.tsx
+// lib/widgets/VendorCards.tsx
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var vendorCardsSchema = zod_default.object({
+  fromLocation: zod_default.string().describe("The location the user is searching for"),
+  fromCoordinates: zod_default.object({
+    latitude: zod_default.number(),
+    longitude: zod_default.number()
+  }).describe("The location's lat/lng coordinates. This must come from the previous geocoding tool as-is - do NOT guess"),
+  vendors: zod_default.array(zod_default.object({
+    vendor_id: zod_default.string(),
+    notes: zod_default.string().optional().describe("Why this vendor was recommended"),
+    vendorCoordinates: zod_default.object({
+      latitude: zod_default.number(),
+      longitude: zod_default.number()
+    }).describe("The lat/lng coordinates of this vendor. This must come from the vendor's location.coordinates from the previous vendor search tool - do NOT guess")
+  }))
+}).describe("displaying a list of vendor cards. Use this widget to represent data from CareNetwork vendor search tool.");
+function VendorCards({ payload, enriched }) {
+  if (!enriched || !enriched.vendorDetails || !enriched.distanceMatrix) {
+    return /* @__PURE__ */ jsx8("div", { children: "Outdated vendor-cards widget" });
+  }
+  const { vendorDetails, distanceMatrix } = enriched;
+  const vendorData = vendorDetails?.data ?? {};
+  const distances = distanceMatrix?.data ?? [];
+  const formatDistance = (meters) => {
+    const miles = meters / 1609.34;
+    return miles < 0.1 ? "< 0.1 mi" : `${miles.toFixed(1)} mi`;
+  };
+  return /* @__PURE__ */ jsx8("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: payload.vendors.map((v, index) => {
+    const data = vendorData[v.vendor_id];
+    const name17 = data?.names?.find((n) => n.type === "org")?.value ?? "";
+    const address = data?.location?.address;
+    const distanceEntry = distances.find((d) => d.destinationIndex === index);
+    const distance = distanceEntry && distanceEntry.distanceMeters ? formatDistance(distanceEntry.distanceMeters) : void 0;
+    const hourlyRate = data?.financials?.fees?.find((f) => f.fee_type?.includes("Hourly"))?.amount;
+    const avgRating = data?.avg_rating;
+    const reviewCount = data?.review_count;
+    const booleans = data?.booleans;
+    const verification = data?.verification;
+    return /* @__PURE__ */ jsxs7(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          gap: "0.2rem",
+          padding: "1rem",
+          background: "#ffffff",
+          border: "1px solid #e5e7eb",
+          borderRadius: "0.5rem",
+          boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
+          fontSize: "0.875rem"
+        },
+        children: [
+          /* @__PURE__ */ jsx8("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+            /* @__PURE__ */ jsx8("div", { style: {
+              width: "2rem",
+              height: "2rem",
+              borderRadius: "9999px",
+              background: "#bfd1f5",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontWeight: 600,
+              fontSize: "0.875rem",
+              color: "#374151"
+            }, children: name17.charAt(0).toUpperCase() }),
+            /* @__PURE__ */ jsx8("span", { style: { fontWeight: 600, fontSize: "1rem", color: "#111827" }, children: name17 })
+          ] }) }),
+          /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", color: "#6b7280" }, children: [
+            /* @__PURE__ */ jsx8("span", { style: { color: "#facc15" }, children: "\u2605" }),
+            /* @__PURE__ */ jsx8("span", { children: avgRating?.toFixed(1) ?? "\u2014" }),
+            /* @__PURE__ */ jsxs7("span", { style: { color: "#9ca3af" }, children: [
+              "(",
+              reviewCount ?? 0,
+              " reviews)"
+            ] })
+          ] }),
+          address && /* @__PURE__ */ jsx8("div", { style: { color: "#6b7280" }, children: address }),
+          distance && /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: "0.25rem", color: "#6b7280" }, children: [
+            /* @__PURE__ */ jsx8("span", { children: "\u{1F4CD}" }),
+            /* @__PURE__ */ jsxs7("span", { children: [
+              distance,
+              " from ",
+              payload.fromLocation
+            ] })
+          ] }),
+          hourlyRate && /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: "0.25rem", color: "#6b7280" }, children: [
+            /* @__PURE__ */ jsx8("span", { children: "\u{1F4B0}" }),
+            /* @__PURE__ */ jsxs7("span", { children: [
+              "Rate: $",
+              hourlyRate,
+              "/hr"
+            ] })
+          ] }),
+          v.notes && /* @__PURE__ */ jsxs7("div", { style: { color: "#374151", marginTop: "0.4rem" }, children: [
+            /* @__PURE__ */ jsx8("span", { style: { marginRight: "0.25rem" }, children: "\u2728" }),
+            /* @__PURE__ */ jsx8("strong", { children: "Recommendation notes" }),
+            /* @__PURE__ */ jsx8("div", { style: { marginLeft: "1.25rem", marginTop: "0.25rem", color: "#6b7280" }, children: v.notes })
+          ] }),
+          /* @__PURE__ */ jsxs7("div", { style: {
+            display: "flex",
+            flexWrap: "wrap",
+            gap: "0.5rem",
+            marginTop: "0.25rem",
+            paddingTop: "0.5rem",
+            borderTop: "1px solid #f3f4f6"
+          }, children: [
+            verification?.verified && /* @__PURE__ */ jsxs7("span", { style: { display: "flex", alignItems: "center", gap: "0.25rem", color: "#22c55e", fontSize: "0.75rem" }, children: [
+              /* @__PURE__ */ jsx8("span", { style: { fontSize: "0.875rem" }, children: "\u2713" }),
+              " Verified"
+            ] }),
+            booleans?.is_agency_insured && /* @__PURE__ */ jsxs7("span", { style: { display: "flex", alignItems: "center", gap: "0.25rem", color: "#22c55e", fontSize: "0.75rem" }, children: [
+              /* @__PURE__ */ jsx8("span", { style: { fontSize: "0.875rem" }, children: "\u2713" }),
+              " Insured"
+            ] }),
+            booleans?.free_in_home_evaluation && /* @__PURE__ */ jsxs7("span", { style: { display: "flex", alignItems: "center", gap: "0.25rem", color: "#3b82f6", fontSize: "0.75rem" }, children: [
+              /* @__PURE__ */ jsx8("span", { style: { fontSize: "0.875rem" }, children: "\u{1F3E0}" }),
+              " Free In-Home Evaluation"
+            ] }),
+            booleans?.can_request_same_caregiver && /* @__PURE__ */ jsxs7("span", { style: { display: "flex", alignItems: "center", gap: "0.25rem", color: "#6b7280", fontSize: "0.75rem" }, children: [
+              /* @__PURE__ */ jsx8("span", { style: { fontSize: "0.875rem" }, children: "\u{1F464}" }),
+              " Same Caregiver Available"
+            ] })
+          ] })
+        ]
+      },
+      v.vendor_id
+    );
+  }) });
+}
+
+// lib/widgets/default-widgets.tsx
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var defaultChatWidgets = [
   createWidget({
     widgetType: "person-card",
@@ -24888,7 +25020,7 @@ var defaultChatWidgets = [
       profileUri: zod_default.string().optional(),
       details: zod_default.record(zod_default.any()).optional()
     }).describe("showing a person card with name, photo and additional details"),
-    render: (payload) => /* @__PURE__ */ jsx8(
+    render: (payload) => /* @__PURE__ */ jsx9(
       "div",
       {
         style: {
@@ -24901,8 +25033,8 @@ var defaultChatWidgets = [
           borderRadius: "0.5rem",
           boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)"
         },
-        children: /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "flex-start", gap: "0.75rem" }, children: [
-          payload.profileUri && /* @__PURE__ */ jsx8(
+        children: /* @__PURE__ */ jsxs8("div", { style: { display: "flex", alignItems: "flex-start", gap: "0.75rem" }, children: [
+          payload.profileUri && /* @__PURE__ */ jsx9(
             "img",
             {
               src: payload.profileUri,
@@ -24917,14 +25049,14 @@ var defaultChatWidgets = [
               loading: "lazy"
             }
           ),
-          /* @__PURE__ */ jsxs7("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx8("div", { style: { fontWeight: 600, fontSize: "1rem", color: "#111827", marginBottom: "0.25rem" }, children: payload.name }),
-            payload.details ? /* @__PURE__ */ jsx8("div", { style: { display: "flex", flexDirection: "column", gap: "0.25rem" }, children: Object.entries(payload.details).map(([key, value]) => /* @__PURE__ */ jsxs7("div", { style: { display: "flex", gap: "0.5rem", fontSize: "0.875rem" }, children: [
-              /* @__PURE__ */ jsxs7("span", { style: { color: "#6b7280", fontWeight: 500, minWidth: "fit-content" }, children: [
+          /* @__PURE__ */ jsxs8("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx9("div", { style: { fontWeight: 600, fontSize: "1rem", color: "#111827", marginBottom: "0.25rem" }, children: payload.name }),
+            payload.details ? /* @__PURE__ */ jsx9("div", { style: { display: "flex", flexDirection: "column", gap: "0.25rem" }, children: Object.entries(payload.details).map(([key, value]) => /* @__PURE__ */ jsxs8("div", { style: { display: "flex", gap: "0.5rem", fontSize: "0.875rem" }, children: [
+              /* @__PURE__ */ jsxs8("span", { style: { color: "#6b7280", fontWeight: 500, minWidth: "fit-content" }, children: [
                 key,
                 ":"
               ] }),
-              /* @__PURE__ */ jsx8("span", { style: { color: "#374151" }, children: String(value) })
+              /* @__PURE__ */ jsx9("span", { style: { color: "#374151" }, children: String(value) })
             ] }, key)) }) : null
           ] })
         ] })
@@ -24937,7 +25069,7 @@ var defaultChatWidgets = [
       uri: zod_default.string().url(),
       text: zod_default.string().optional()
     }).describe("rendering a clickable link"),
-    render: (payload) => /* @__PURE__ */ jsx8(
+    render: (payload) => /* @__PURE__ */ jsx9(
       "a",
       {
         href: payload.uri,
@@ -24972,102 +25104,31 @@ var defaultChatWidgets = [
   }),
   createWidget({
     widgetType: "vendor-cards",
-    schema: zod_default.object({
-      vendors: zod_default.array(zod_default.object({
-        vendor_id: zod_default.string(),
-        rank: zod_default.number().optional().describe("ranking position of the vendor from 1 to N when applicable"),
-        reason: zod_default.string().optional().describe("reason for the vendor ranking when applicable")
-      }))
-    }).describe("displaying a list of vendor cards with rankings and reasons. Only use this widget when calling Care Network vendor search tools."),
+    schema: vendorCardsSchema,
     enrich: {
+      /** fetch vendor details from the list of IDs */
       vendorDetails: {
         toolId: "CPgsswom7FkUYvplmy6H",
         inputs: {
           vendorIds: "${vendors|map('vendor_id')|join(',')}"
         }
+      },
+      /* calculate distance from user to each vendor */
+      distanceMatrix: {
+        toolId: "DwsbeKAxOctXSGgghvW8",
+        inputs: {
+          origin: "${fromCoordinates}",
+          destinations: "${vendors|map('vendorCoordinates')}"
+        }
       }
     },
-    render: (payload, { vendorDetails }) => {
-      const typedPayload = payload;
-      const vendorData = vendorDetails?.data ?? {};
-      const formatLanguage = (code3) => {
-        const langMap = { en: "English", es: "Spanish", zh: "Chinese", fr: "French" };
-        return langMap[code3.trim()] || code3.trim();
-      };
-      return /* @__PURE__ */ jsx8("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: typedPayload.vendors.map((v) => {
-        const data = vendorData[v.vendor_id];
-        const name17 = data?.names?.find((n) => n.type === "org")?.value ?? "Care Provider";
-        const languages = data?.languages ?? [];
-        const ageGroups = data?.details?.age_groups ?? [];
-        const services = data?.details?.services ?? [];
-        const address = data?.location?.formatted_address;
-        const hours = data?.scheduling?.hours;
-        return /* @__PURE__ */ jsxs7(
-          "div",
-          {
-            style: {
-              display: "flex",
-              flexDirection: "column",
-              gap: "0.5rem",
-              padding: "1rem",
-              background: "#ffffff",
-              border: "1px solid #e5e7eb",
-              borderRadius: "0.5rem",
-              boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
-            },
-            children: [
-              /* @__PURE__ */ jsxs7("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-                /* @__PURE__ */ jsxs7("span", { style: { fontWeight: 600, fontSize: "1rem", color: "#111827" }, children: [
-                  v.rank ? `#${v.rank} ` : "",
-                  name17
-                ] }),
-                hours && /* @__PURE__ */ jsx8("span", { style: { fontSize: "0.75rem", color: "#6b7280" }, children: hours })
-              ] }),
-              address && /* @__PURE__ */ jsx8("div", { style: { fontSize: "0.875rem", color: "#6b7280" }, children: address }),
-              services.length > 0 && /* @__PURE__ */ jsx8("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.375rem" }, children: services.map((service) => /* @__PURE__ */ jsx8(
-                "span",
-                {
-                  style: {
-                    fontSize: "0.75rem",
-                    padding: "0.125rem 0.5rem",
-                    background: "#dbeafe",
-                    color: "#1e40af",
-                    borderRadius: "9999px"
-                  },
-                  children: service
-                },
-                service
-              )) }),
-              languages.length > 0 && /* @__PURE__ */ jsx8("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.375rem" }, children: languages.map((lang) => /* @__PURE__ */ jsx8(
-                "span",
-                {
-                  style: {
-                    fontSize: "0.75rem",
-                    padding: "0.125rem 0.5rem",
-                    background: "#f3e8ff",
-                    color: "#7c3aed",
-                    borderRadius: "9999px"
-                  },
-                  children: formatLanguage(lang)
-                },
-                lang
-              )) }),
-              ageGroups.length > 0 && /* @__PURE__ */ jsxs7("div", { style: { fontSize: "0.75rem", color: "#6b7280" }, children: [
-                /* @__PURE__ */ jsx8("strong", { children: "Ages:" }),
-                " ",
-                ageGroups.join(", ")
-              ] }),
-              v.reason && /* @__PURE__ */ jsxs7("div", { style: { fontSize: "0.875rem", color: "#374151" }, children: [
-                /* @__PURE__ */ jsx8("strong", { children: "Why:" }),
-                " ",
-                v.reason
-              ] })
-            ]
-          },
-          v.vendor_id
-        );
-      }) });
-    }
+    render: (payload, enriched) => /* @__PURE__ */ jsx9(
+      VendorCards,
+      {
+        payload,
+        enriched
+      }
+    )
   })
 ];
 export {