@contractspec/bundle.library 3.4.3 → 3.5.0

package/dist/node/components/templates/messaging/ConversationList.js

@@ -4,7 +4,7 @@ import { gql } from "@apollo/client";
 import { MessageCircle, Users } from "lucide-react";
 import { useMemo } from "react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var CONVERSATIONS_QUERY = gql`
   query Conversations($projectId: ID!) {
     conversations(projectId: $projectId) {
@@ -30,66 +30,66 @@ function ConversationList({
     fetchPolicy: "cache-and-network"
   });
   const conversations = useMemo(() => data?.conversations ?? [], [data]);
-  return /* @__PURE__ */ jsxDEV("aside", {
+  return /* @__PURE__ */ jsxs("aside", {
     className: "border-border bg-card h-full overflow-y-auto rounded-2xl border",
     children: [
-      /* @__PURE__ */ jsxDEV("header", {
+      /* @__PURE__ */ jsxs("header", {
         className: "border-border px -4 flex items-center justify-between border-b px-4 py-3",
         children: [
-          /* @__PURE__ */ jsxDEV("div", {
+          /* @__PURE__ */ jsxs("div", {
             children: [
-              /* @__PURE__ */ jsxDEV("p", {
+              /* @__PURE__ */ jsx("p", {
                 className: "text-sm font-semibold",
                 children: "Conversations"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("p", {
+              }),
+              /* @__PURE__ */ jsx("p", {
                 className: "text-muted-foreground text-xs",
                 children: loading ? "Loading…" : `${conversations.length} active`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV(Users, {
+          }),
+          /* @__PURE__ */ jsx(Users, {
             className: "text-muted-foreground h-4 w-4"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "divide-border/70 divide-y",
         children: [
           conversations.map((conversation) => {
             const isSelected = selectedId === conversation.id;
-            return /* @__PURE__ */ jsxDEV("button", {
+            return /* @__PURE__ */ jsxs("button", {
               type: "button",
               className: `flex w-full flex-col items-start gap-1 px-4 py-3 text-left transition ${isSelected ? "text-foreground bg-violet-500/10" : "hover:bg-muted/40"}`,
               onClick: () => onSelect?.(conversation.id),
               children: [
-                /* @__PURE__ */ jsxDEV("div", {
+                /* @__PURE__ */ jsxs("div", {
                   className: "flex items-center gap-2",
                   children: [
-                    /* @__PURE__ */ jsxDEV(MessageCircle, {
+                    /* @__PURE__ */ jsx(MessageCircle, {
                       className: "text-muted-foreground h-4 w-4"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV("span", {
+                    }),
+                    /* @__PURE__ */ jsx("span", {
                       className: "text-sm font-medium",
                       children: conversation.name || "Untitled conversation"
-                    }, undefined, false, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV("p", {
+                }),
+                /* @__PURE__ */ jsx("p", {
                   className: "text-muted-foreground text-xs",
                   children: conversation.participants.map((participant) => participant.displayName || participant.userId).join(" · ")
-                }, undefined, false, undefined, this)
+                })
               ]
-            }, conversation.id, true, undefined, this);
+            }, conversation.id);
           }),
-          !loading && conversations.length === 0 ? /* @__PURE__ */ jsxDEV("p", {
+          !loading && conversations.length === 0 ? /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground p-4 text-center text-xs",
             children: "No conversations yet."
-          }, undefined, false, undefined, this) : null
+          }) : null
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   ConversationList

package/dist/node/components/templates/messaging/MessageComposer.js

@@ -3,7 +3,7 @@ import { useMutation, useQuery } from "@apollo/client/react";
 import { gql } from "@apollo/client";
 import { useEffect, useRef } from "react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 "use client";
 var MESSAGES_QUERY = gql`
   query Messages($conversationId: ID!) {
@@ -48,32 +48,32 @@ function MessageThread({
     container.scrollTop = container.scrollHeight;
   }, [messages]);
   if (!conversationId) {
-    return /* @__PURE__ */ jsxDEV("div", {
+    return /* @__PURE__ */ jsx("div", {
       className: "border-border flex flex-1 items-center justify-center rounded-2xl border border-dashed",
-      children: /* @__PURE__ */ jsxDEV("p", {
+      children: /* @__PURE__ */ jsx("p", {
         className: "text-muted-foreground text-sm",
         children: "Select a conversation"
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsx("div", {
     className: "border-border bg-card flex flex-1 flex-col rounded-2xl border",
-    children: /* @__PURE__ */ jsxDEV("div", {
+    children: /* @__PURE__ */ jsx("div", {
       ref: scrollRef,
       className: "flex-1 space-y-3 overflow-y-auto p-4",
-      children: loading ? /* @__PURE__ */ jsxDEV("p", {
+      children: loading ? /* @__PURE__ */ jsx("p", {
         className: "text-muted-foreground text-center text-sm",
         children: "Loading…"
-      }, undefined, false, undefined, this) : messages.slice().reverse().map((message) => /* @__PURE__ */ jsxDEV("div", {
+      }) : messages.slice().reverse().map((message) => /* @__PURE__ */ jsxs("div", {
         className: `flex flex-col ${message.senderId === viewerId ? "items-end" : "items-start"}`,
         children: [
-          /* @__PURE__ */ jsxDEV("div", {
+          /* @__PURE__ */ jsx("div", {
             className: `max-w-xs rounded-2xl px-3 py-2 text-sm ${message.senderId === viewerId ? "bg-violet-500 text-white" : "bg-muted text-foreground"}`,
-            children: /* @__PURE__ */ jsxDEV("p", {
+            children: /* @__PURE__ */ jsx("p", {
               children: message.content
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("span", {
+            })
+          }),
+          /* @__PURE__ */ jsxs("span", {
             className: "text-muted-foreground mt-1 text-xs",
             children: [
               message.senderName || message.senderId,
@@ -84,11 +84,11 @@ function MessageThread({
                 minute: "2-digit"
               })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, message.id, true, undefined, this))
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      }, message.id))
+    })
+  });
 }
 
 // src/components/templates/messaging/MessageComposer.tsx
@@ -97,7 +97,7 @@ import { useMutation as useMutation2 } from "@apollo/client/react";
 import { gql as gql2 } from "@apollo/client";
 import { Send } from "lucide-react";
 import { useTemplateRuntime as useTemplateRuntime2 } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 "use client";
 var SEND_MESSAGE = gql2`
   mutation SendMessage($input: SendMessageInput!) {
@@ -137,31 +137,31 @@ function MessageComposer({
     });
     setContent("");
   };
-  return /* @__PURE__ */ jsxDEV2("form", {
+  return /* @__PURE__ */ jsxs2("form", {
     onSubmit: handleSubmit,
     className: "border-border bg-card mt-3 flex items-center gap-2 rounded-2xl border px-4 py-3",
     children: [
-      /* @__PURE__ */ jsxDEV2("input", {
+      /* @__PURE__ */ jsx2("input", {
         type: "text",
         className: "text-foreground flex-1 bg-transparent text-sm outline-none",
         placeholder: conversationId ? "Type a message…" : "Select a conversation to start",
         disabled: !conversationId || loading,
         value: content,
         onChange: (event) => setContent(event.target.value)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2("button", {
+      }),
+      /* @__PURE__ */ jsxs2("button", {
         type: "submit",
         className: "btn-primary inline-flex items-center gap-1 text-sm",
         disabled: !conversationId || loading || !content.trim(),
         children: [
-          /* @__PURE__ */ jsxDEV2(Send, {
+          /* @__PURE__ */ jsx2(Send, {
             className: "h-4 w-4"
-          }, undefined, false, undefined, this),
+          }),
           "Send"
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   MessageComposer

package/dist/node/components/templates/messaging/MessageThread.js

@@ -3,7 +3,7 @@ import { useMutation, useQuery } from "@apollo/client/react";
 import { gql } from "@apollo/client";
 import { useEffect, useRef } from "react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 "use client";
 var MESSAGES_QUERY = gql`
   query Messages($conversationId: ID!) {
@@ -48,32 +48,32 @@ function MessageThread({
     container.scrollTop = container.scrollHeight;
   }, [messages]);
   if (!conversationId) {
-    return /* @__PURE__ */ jsxDEV("div", {
+    return /* @__PURE__ */ jsx("div", {
       className: "border-border flex flex-1 items-center justify-center rounded-2xl border border-dashed",
-      children: /* @__PURE__ */ jsxDEV("p", {
+      children: /* @__PURE__ */ jsx("p", {
         className: "text-muted-foreground text-sm",
         children: "Select a conversation"
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsx("div", {
     className: "border-border bg-card flex flex-1 flex-col rounded-2xl border",
-    children: /* @__PURE__ */ jsxDEV("div", {
+    children: /* @__PURE__ */ jsx("div", {
       ref: scrollRef,
       className: "flex-1 space-y-3 overflow-y-auto p-4",
-      children: loading ? /* @__PURE__ */ jsxDEV("p", {
+      children: loading ? /* @__PURE__ */ jsx("p", {
         className: "text-muted-foreground text-center text-sm",
         children: "Loading…"
-      }, undefined, false, undefined, this) : messages.slice().reverse().map((message) => /* @__PURE__ */ jsxDEV("div", {
+      }) : messages.slice().reverse().map((message) => /* @__PURE__ */ jsxs("div", {
         className: `flex flex-col ${message.senderId === viewerId ? "items-end" : "items-start"}`,
         children: [
-          /* @__PURE__ */ jsxDEV("div", {
+          /* @__PURE__ */ jsx("div", {
             className: `max-w-xs rounded-2xl px-3 py-2 text-sm ${message.senderId === viewerId ? "bg-violet-500 text-white" : "bg-muted text-foreground"}`,
-            children: /* @__PURE__ */ jsxDEV("p", {
+            children: /* @__PURE__ */ jsx("p", {
               children: message.content
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("span", {
+            })
+          }),
+          /* @__PURE__ */ jsxs("span", {
             className: "text-muted-foreground mt-1 text-xs",
             children: [
               message.senderName || message.senderId,
@@ -84,11 +84,11 @@ function MessageThread({
                 minute: "2-digit"
               })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, message.id, true, undefined, this))
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      }, message.id))
+    })
+  });
 }
 export {
   MessageThread,

package/dist/node/components/templates/messaging/MessagingWorkspace.js

@@ -4,7 +4,7 @@ import { gql } from "@apollo/client";
 import { MessageCircle, Users } from "lucide-react";
 import { useMemo } from "react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var CONVERSATIONS_QUERY = gql`
   query Conversations($projectId: ID!) {
     conversations(projectId: $projectId) {
@@ -30,66 +30,66 @@ function ConversationList({
     fetchPolicy: "cache-and-network"
   });
   const conversations = useMemo(() => data?.conversations ?? [], [data]);
-  return /* @__PURE__ */ jsxDEV("aside", {
+  return /* @__PURE__ */ jsxs("aside", {
     className: "border-border bg-card h-full overflow-y-auto rounded-2xl border",
     children: [
-      /* @__PURE__ */ jsxDEV("header", {
+      /* @__PURE__ */ jsxs("header", {
         className: "border-border px -4 flex items-center justify-between border-b px-4 py-3",
         children: [
-          /* @__PURE__ */ jsxDEV("div", {
+          /* @__PURE__ */ jsxs("div", {
             children: [
-              /* @__PURE__ */ jsxDEV("p", {
+              /* @__PURE__ */ jsx("p", {
                 className: "text-sm font-semibold",
                 children: "Conversations"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("p", {
+              }),
+              /* @__PURE__ */ jsx("p", {
                 className: "text-muted-foreground text-xs",
                 children: loading ? "Loading…" : `${conversations.length} active`
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV(Users, {
+          }),
+          /* @__PURE__ */ jsx(Users, {
             className: "text-muted-foreground h-4 w-4"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "divide-border/70 divide-y",
         children: [
           conversations.map((conversation) => {
             const isSelected = selectedId === conversation.id;
-            return /* @__PURE__ */ jsxDEV("button", {
+            return /* @__PURE__ */ jsxs("button", {
               type: "button",
               className: `flex w-full flex-col items-start gap-1 px-4 py-3 text-left transition ${isSelected ? "text-foreground bg-violet-500/10" : "hover:bg-muted/40"}`,
               onClick: () => onSelect?.(conversation.id),
               children: [
-                /* @__PURE__ */ jsxDEV("div", {
+                /* @__PURE__ */ jsxs("div", {
                   className: "flex items-center gap-2",
                   children: [
-                    /* @__PURE__ */ jsxDEV(MessageCircle, {
+                    /* @__PURE__ */ jsx(MessageCircle, {
                       className: "text-muted-foreground h-4 w-4"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV("span", {
+                    }),
+                    /* @__PURE__ */ jsx("span", {
                       className: "text-sm font-medium",
                       children: conversation.name || "Untitled conversation"
-                    }, undefined, false, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV("p", {
+                }),
+                /* @__PURE__ */ jsx("p", {
                   className: "text-muted-foreground text-xs",
                   children: conversation.participants.map((participant) => participant.displayName || participant.userId).join(" · ")
-                }, undefined, false, undefined, this)
+                })
               ]
-            }, conversation.id, true, undefined, this);
+            }, conversation.id);
           }),
-          !loading && conversations.length === 0 ? /* @__PURE__ */ jsxDEV("p", {
+          !loading && conversations.length === 0 ? /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground p-4 text-center text-xs",
             children: "No conversations yet."
-          }, undefined, false, undefined, this) : null
+          }) : null
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/templates/messaging/MessageThread.tsx
@@ -97,7 +97,7 @@ import { useMutation, useQuery as useQuery2 } from "@apollo/client/react";
 import { gql as gql2 } from "@apollo/client";
 import { useEffect, useRef } from "react";
 import { useTemplateRuntime as useTemplateRuntime2 } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 "use client";
 var MESSAGES_QUERY = gql2`
   query Messages($conversationId: ID!) {
@@ -142,32 +142,32 @@ function MessageThread({
     container.scrollTop = container.scrollHeight;
   }, [messages]);
   if (!conversationId) {
-    return /* @__PURE__ */ jsxDEV2("div", {
+    return /* @__PURE__ */ jsx2("div", {
       className: "border-border flex flex-1 items-center justify-center rounded-2xl border border-dashed",
-      children: /* @__PURE__ */ jsxDEV2("p", {
+      children: /* @__PURE__ */ jsx2("p", {
         className: "text-muted-foreground text-sm",
         children: "Select a conversation"
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsx2("div", {
     className: "border-border bg-card flex flex-1 flex-col rounded-2xl border",
-    children: /* @__PURE__ */ jsxDEV2("div", {
+    children: /* @__PURE__ */ jsx2("div", {
       ref: scrollRef,
       className: "flex-1 space-y-3 overflow-y-auto p-4",
-      children: loading ? /* @__PURE__ */ jsxDEV2("p", {
+      children: loading ? /* @__PURE__ */ jsx2("p", {
         className: "text-muted-foreground text-center text-sm",
         children: "Loading…"
-      }, undefined, false, undefined, this) : messages.slice().reverse().map((message) => /* @__PURE__ */ jsxDEV2("div", {
+      }) : messages.slice().reverse().map((message) => /* @__PURE__ */ jsxs2("div", {
         className: `flex flex-col ${message.senderId === viewerId ? "items-end" : "items-start"}`,
         children: [
-          /* @__PURE__ */ jsxDEV2("div", {
+          /* @__PURE__ */ jsx2("div", {
             className: `max-w-xs rounded-2xl px-3 py-2 text-sm ${message.senderId === viewerId ? "bg-violet-500 text-white" : "bg-muted text-foreground"}`,
-            children: /* @__PURE__ */ jsxDEV2("p", {
+            children: /* @__PURE__ */ jsx2("p", {
               children: message.content
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("span", {
+            })
+          }),
+          /* @__PURE__ */ jsxs2("span", {
             className: "text-muted-foreground mt-1 text-xs",
             children: [
               message.senderName || message.senderId,
@@ -178,11 +178,11 @@ function MessageThread({
                 minute: "2-digit"
               })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, message.id, true, undefined, this))
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      }, message.id))
+    })
+  });
 }
 
 // src/components/templates/messaging/MessageComposer.tsx
@@ -191,7 +191,7 @@ import { useMutation as useMutation2 } from "@apollo/client/react";
 import { gql as gql3 } from "@apollo/client";
 import { Send } from "lucide-react";
 import { useTemplateRuntime as useTemplateRuntime3 } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 "use client";
 var SEND_MESSAGE = gql3`
   mutation SendMessage($input: SendMessageInput!) {
@@ -231,60 +231,60 @@ function MessageComposer({
     });
     setContent("");
   };
-  return /* @__PURE__ */ jsxDEV3("form", {
+  return /* @__PURE__ */ jsxs3("form", {
     onSubmit: handleSubmit,
     className: "border-border bg-card mt-3 flex items-center gap-2 rounded-2xl border px-4 py-3",
     children: [
-      /* @__PURE__ */ jsxDEV3("input", {
+      /* @__PURE__ */ jsx3("input", {
         type: "text",
         className: "text-foreground flex-1 bg-transparent text-sm outline-none",
         placeholder: conversationId ? "Type a message…" : "Select a conversation to start",
         disabled: !conversationId || loading,
         value: content,
         onChange: (event) => setContent(event.target.value)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3("button", {
+      }),
+      /* @__PURE__ */ jsxs3("button", {
         type: "submit",
         className: "btn-primary inline-flex items-center gap-1 text-sm",
         disabled: !conversationId || loading || !content.trim(),
         children: [
-          /* @__PURE__ */ jsxDEV3(Send, {
+          /* @__PURE__ */ jsx3(Send, {
             className: "h-4 w-4"
-          }, undefined, false, undefined, this),
+          }),
           "Send"
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/templates/messaging/MessagingWorkspace.tsx
 import { useState as useState2 } from "react";
 import { registerTemplateComponents } from "@contractspec/lib.example-shared-ui";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 "use client";
 function MessagingWorkspace() {
   const [conversationId, setConversationId] = useState2();
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsxs4("div", {
     className: "grid gap-4 md:grid-cols-[280px,1fr]",
     children: [
-      /* @__PURE__ */ jsxDEV4(ConversationList, {
+      /* @__PURE__ */ jsx4(ConversationList, {
         selectedId: conversationId,
         onSelect: setConversationId
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV4("div", {
+      }),
+      /* @__PURE__ */ jsxs4("div", {
         className: "flex flex-col gap-3",
         children: [
-          /* @__PURE__ */ jsxDEV4(MessageThread, {
+          /* @__PURE__ */ jsx4(MessageThread, {
             conversationId
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4(MessageComposer, {
+          }),
+          /* @__PURE__ */ jsx4(MessageComposer, {
             conversationId
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 registerTemplateComponents("messaging-app", {
   list: MessagingWorkspace,