@gropulse/booking-widget 0.1.0

package/dist/BookingWidget.d.ts

@@ -0,0 +1,2 @@
+import type { BookingWidgetProps } from "./types.js";
+export declare function BookingWidget(props: BookingWidgetProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ChatBubble.d.ts

@@ -0,0 +1,4 @@
+import type { ChatMessage } from "../types.js";
+export declare function ChatBubble({ message }: {
+    message: ChatMessage;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/InputBar.d.ts

@@ -0,0 +1,7 @@
+interface InputBarProps {
+    onSend: (text: string) => void;
+    disabled?: boolean;
+    placeholder?: string;
+}
+export declare function InputBar({ onSend, disabled, placeholder }: InputBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/MessageList.d.ts

@@ -0,0 +1,7 @@
+import type { ChatMessage } from "../types.js";
+interface MessageListProps {
+    messages: ChatMessage[];
+    isLoading: boolean;
+}
+export declare function MessageList({ messages, isLoading }: MessageListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SlotPicker.d.ts

@@ -0,0 +1,8 @@
+import type { Slot } from "../types.js";
+interface SlotPickerProps {
+    slots: Slot[];
+    onPick: (slot: Slot) => void;
+    disabled?: boolean;
+}
+export declare function SlotPicker({ slots, onPick, disabled }: SlotPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/hooks/useBookingChat.d.ts

@@ -0,0 +1,18 @@
+import type { ChatMessage, ShopContext, Slot, BookingInfo } from "../types.js";
+interface UseBookingChatOptions {
+    apiBaseUrl: string;
+    context: ShopContext;
+    onBookingConfirmed?: (booking: BookingInfo) => void;
+}
+interface UseBookingChatResult {
+    messages: ChatMessage[];
+    slots: Slot[] | null;
+    booking: BookingInfo | null;
+    isLoading: boolean;
+    error: string | null;
+    sendMessage: (text: string) => Promise<void>;
+    pickSlot: (slot: Slot) => Promise<void>;
+    start: () => Promise<void>;
+}
+export declare function useBookingChat(opts: UseBookingChatOptions): UseBookingChatResult;
+export {};

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react");function v(o){const{apiBaseUrl:s,context:n,onBookingConfirmed:t}=o,[g,w]=a.useState([]),[h,l]=a.useState(null),[f,r]=a.useState(null),[c,m]=a.useState(!1),[j,x]=a.useState(null),p=a.useCallback(async b=>{const i={...n,timezone:n.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone},d=await fetch(`${s}/api/chat`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({messages:b,context:i})});if(!d.ok){const u=await d.text();throw new Error(`Chat API error ${d.status}: ${u}`)}return await d.json()},[s,n]),y=a.useCallback(b=>{w(i=>[...i,{role:"assistant",content:b.message}]),b.action==="show_slots"&&b.slots&&l(b.slots),b.action==="booking_confirmed"&&b.booking&&(r(b.booking),l(null),t==null||t(b.booking))},[t]),k=a.useCallback(async()=>{if(!(g.length>0||c)){m(!0),x(null);try{const i=await p([{role:"user",content:"__START__"}]);w([{role:"assistant",content:i.message}]),i.action==="show_slots"&&i.slots&&l(i.slots),i.action==="booking_confirmed"&&i.booking&&(r(i.booking),t==null||t(i.booking))}catch(b){x(b.message)}finally{m(!1)}}},[g.length,c,p,t]),N=a.useCallback(async b=>{const i=b.trim();if(!i||c)return;const d=[...g,{role:"user",content:i}];w(d),m(!0),x(null);try{const u=await p(d);y(u)}catch(u){x(u.message)}finally{m(!1)}},[g,c,p,y]),S=a.useCallback(async b=>{if(c)return;const i=new Date(b.time).toLocaleString(void 0,{weekday:"short",month:"short",day:"numeric",hour:"numeric",minute:"2-digit"}),d=[...g,{role:"user",content:`I'll take ${i} (${b.time})`}];w(d),l(null),m(!0),x(null);try{const u=await p(d);y(u)}catch(u){x(u.message)}finally{m(!1)}},[g,c,p,y]);return{messages:g,slots:h,booking:f,isLoading:c,error:j,sendMessage:N,pickSlot:S,start:k}}function C({message:o}){const s=o.role==="user";return e.jsx("div",{className:`gbw-flex ${s?"gbw-justify-end":"gbw-justify-start"} gbw-mb-2`,children:e.jsx("div",{className:s?"gbw-max-w-[80%] gbw-rounded-2xl gbw-rounded-br-sm gbw-bg-gropulse-navy gbw-px-3.5 gbw-py-2 gbw-text-sm gbw-text-white":"gbw-max-w-[80%] gbw-rounded-2xl gbw-rounded-bl-sm gbw-bg-gropulse-bg gbw-px-3.5 gbw-py-2 gbw-text-sm gbw-text-gropulse-text gbw-border gbw-border-gropulse-border",children:o.content})})}function L({messages:o,isLoading:s}){const n=a.useRef(null);return a.useEffect(()=>{var t;(t=n.current)==null||t.scrollIntoView({behavior:"smooth",block:"end"})},[o,s]),e.jsxs("div",{className:"gbw-flex-1 gbw-overflow-y-auto gbw-px-4 gbw-py-3",children:[o.map((t,g)=>e.jsx(C,{message:t},g)),s?e.jsx(B,{}):null,e.jsx("div",{ref:n})]})}function B(){return e.jsx("div",{className:"gbw-flex gbw-justify-start gbw-mb-2",children:e.jsx("div",{className:"gbw-rounded-2xl gbw-rounded-bl-sm gbw-bg-gropulse-bg gbw-border gbw-border-gropulse-border gbw-px-3.5 gbw-py-2.5",children:e.jsxs("div",{className:"gbw-flex gbw-gap-1",children:[e.jsx("span",{className:"gbw-typing-dot gbw-h-1.5 gbw-w-1.5 gbw-rounded-full gbw-bg-gropulse-muted gbw-inline-block"}),e.jsx("span",{className:"gbw-typing-dot gbw-h-1.5 gbw-w-1.5 gbw-rounded-full gbw-bg-gropulse-muted gbw-inline-block"}),e.jsx("span",{className:"gbw-typing-dot gbw-h-1.5 gbw-w-1.5 gbw-rounded-full gbw-bg-gropulse-muted gbw-inline-block"})]})})})}function T({onSend:o,disabled:s,placeholder:n}){const[t,g]=a.useState(""),w=()=>{const l=t.trim();!l||s||(o(l),g(""))},h=l=>{l.key==="Enter"&&!l.shiftKey&&(l.preventDefault(),w())};return e.jsx("div",{className:"gbw-border-t gbw-border-gropulse-border gbw-bg-white gbw-p-3",children:e.jsxs("div",{className:"gbw-flex gbw-items-end gbw-gap-2",children:[e.jsx("textarea",{value:t,onChange:l=>g(l.target.value),onKeyDown:h,disabled:s,rows:1,placeholder:n??"Type a message…",className:"gbw-flex-1 gbw-resize-none gbw-rounded-xl gbw-border gbw-border-gropulse-border gbw-bg-white gbw-px-3 gbw-py-2 gbw-text-sm gbw-outline-none focus:gbw-border-gropulse-navy focus:gbw-ring-2 focus:gbw-ring-gropulse-navy/10 disabled:gbw-bg-gropulse-bg disabled:gbw-text-gropulse-muted",style:{maxHeight:120}}),e.jsx("button",{type:"button",onClick:w,disabled:s||!t.trim(),className:"gbw-shrink-0 gbw-rounded-xl gbw-bg-gropulse-navy gbw-px-4 gbw-py-2 gbw-text-sm gbw-font-medium gbw-text-white gbw-transition hover:gbw-bg-gropulse-navyHover disabled:gbw-opacity-40",children:"Send"})]})})}function D({slots:o,onPick:s,disabled:n}){const t=a.useMemo(()=>M(o),[o]);return o.length===0?e.jsx("div",{className:"gbw-mx-4 gbw-mb-3 gbw-rounded-xl gbw-border gbw-border-gropulse-border gbw-bg-gropulse-bg gbw-px-3 gbw-py-2 gbw-text-sm gbw-text-gropulse-muted",children:"No slots available right now — try again in a moment."}):e.jsxs("div",{className:"gbw-mx-4 gbw-mb-3 gbw-rounded-xl gbw-border gbw-border-gropulse-border gbw-bg-white gbw-p-3",children:[e.jsx("div",{className:"gbw-mb-2 gbw-text-xs gbw-font-medium gbw-uppercase gbw-tracking-wide gbw-text-gropulse-muted",children:"Pick a time that works"}),e.jsx("div",{className:"gbw-flex gbw-flex-col gbw-gap-3 gbw-max-h-60 gbw-overflow-y-auto",children:t.map(g=>e.jsxs("div",{children:[e.jsx("div",{className:"gbw-mb-1.5 gbw-text-xs gbw-font-semibold gbw-text-gropulse-text",children:g.dayLabel}),e.jsx("div",{className:"gbw-grid gbw-grid-cols-3 gbw-gap-1.5",children:g.slots.map(w=>e.jsx("button",{type:"button",disabled:n,onClick:()=>s(w),className:"gbw-rounded-lg gbw-border gbw-border-gropulse-border gbw-bg-white gbw-px-2 gbw-py-1.5 gbw-text-xs gbw-font-medium gbw-text-gropulse-text gbw-transition hover:gbw-border-gropulse-navy hover:gbw-bg-gropulse-navy hover:gbw-text-white disabled:gbw-opacity-40",children:_(w.time)},w.time))})]},g.dayLabel))})]})}function M(o){const s=new Map;for(const n of o){const g=new Date(n.time).toLocaleDateString(void 0,{weekday:"short",month:"short",day:"numeric"}),w=s.get(g);w?w.push(n):s.set(g,[n])}return Array.from(s.entries()).map(([n,t])=>({dayLabel:n,slots:t}))}function _(o){return new Date(o).toLocaleTimeString(void 0,{hour:"numeric",minute:"2-digit"})}function I(o){const{apiBaseUrl:s,context:n,trigger:t="button",buttonLabel:g="Book Free Strategy Call",onBookingConfirmed:w,className:h}=o,[l,f]=a.useState(t==="auto"),r=v({apiBaseUrl:s,context:n,onBookingConfirmed:w});return a.useEffect(()=>{l&&r.messages.length===0&&!r.isLoading&&r.start()},[l,r]),e.jsxs("div",{className:`gbw-root ${h??""}`,children:[t==="button"?e.jsxs("button",{type:"button",onClick:()=>f(c=>!c),className:"gbw-inline-flex gbw-items-center gbw-gap-2 gbw-rounded-xl gbw-bg-gropulse-navy gbw-px-4 gbw-py-2.5 gbw-text-sm gbw-font-medium gbw-text-white gbw-shadow-sm gbw-transition hover:gbw-bg-gropulse-navyHover",children:[e.jsx("span",{className:"gbw-h-2 gbw-w-2 gbw-rounded-full gbw-bg-gropulse-accent"}),g]}):null,l?e.jsxs("div",{className:"gbw-fixed gbw-inset-0 gbw-z-[9999] gbw-flex gbw-items-end gbw-justify-end gbw-p-0 sm:gbw-p-4",children:[e.jsx("div",{className:"gbw-absolute gbw-inset-0 gbw-bg-black/20",onClick:()=>f(!1)}),e.jsxs("div",{className:"gbw-relative gbw-flex gbw-h-full gbw-w-full gbw-flex-col gbw-overflow-hidden gbw-bg-white gbw-shadow-panel sm:gbw-h-[620px] sm:gbw-w-[400px] sm:gbw-rounded-2xl",children:[e.jsx($,{ownerName:n.ownerName,onClose:()=>f(!1)}),e.jsx(L,{messages:r.messages,isLoading:r.isLoading}),r.slots&&!r.booking?e.jsx(D,{slots:r.slots,onPick:r.pickSlot,disabled:r.isLoading}):null,r.error?e.jsx("div",{className:"gbw-mx-4 gbw-mb-2 gbw-rounded-lg gbw-border gbw-border-red-200 gbw-bg-red-50 gbw-px-3 gbw-py-2 gbw-text-xs gbw-text-red-700",children:r.error}):null,r.booking?e.jsx(P,{}):e.jsx(T,{onSend:r.sendMessage,disabled:r.isLoading,placeholder:"Reply…"})]})]}):null]})}function $({ownerName:o,onClose:s}){return e.jsxs("div",{className:"gbw-flex gbw-items-center gbw-justify-between gbw-border-b gbw-border-gropulse-border gbw-bg-gropulse-navy gbw-px-4 gbw-py-3 gbw-text-white",children:[e.jsxs("div",{children:[e.jsx("div",{className:"gbw-text-sm gbw-font-semibold",children:"Gropulse Growth Strategy"}),e.jsxs("div",{className:"gbw-text-xs gbw-text-white/70",children:["Hey ",o.split(" ")[0]," — let’s find a time."]})]}),e.jsx("button",{type:"button",onClick:s,"aria-label":"Close",className:"gbw-rounded-md gbw-p-1 gbw-text-white/80 gbw-transition hover:gbw-bg-white/10 hover:gbw-text-white",children:e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M18 6 6 18"}),e.jsx("path",{d:"m6 6 12 12"})]})})]})}function P(){return e.jsx("div",{className:"gbw-border-t gbw-border-gropulse-border gbw-bg-gropulse-bg gbw-px-4 gbw-py-3 gbw-text-center gbw-text-xs gbw-text-gropulse-muted",children:"Calendar invite on its way. You can close this window."})}exports.BookingWidget=I;exports.useBookingChat=v;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import "./styles/widget.css";
+export { BookingWidget } from "./BookingWidget.js";
+export { useBookingChat } from "./hooks/useBookingChat.js";
+export type { BookingWidgetProps, BookingWidgetTrigger, ShopContext, ChatMessage, Slot, BookingInfo, ChatApiResponse, } from "./types.js";

package/dist/index.js

@@ -0,0 +1,289 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { useState as m, useCallback as y, useRef as T, useEffect as N, useMemo as B } from "react";
+function D(g) {
+  const { apiBaseUrl: o, context: n, onBookingConfirmed: t } = g, [s, w] = m([]), [v, i] = m(null), [f, r] = m(null), [c, p] = m(!1), [C, h] = m(null), x = y(
+    async (b) => {
+      const l = {
+        ...n,
+        timezone: n.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone
+      }, d = await fetch(`${o}/api/chat`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ messages: b, context: l })
+      });
+      if (!d.ok) {
+        const u = await d.text();
+        throw new Error(`Chat API error ${d.status}: ${u}`);
+      }
+      return await d.json();
+    },
+    [o, n]
+  ), k = y(
+    (b) => {
+      w((l) => [...l, { role: "assistant", content: b.message }]), b.action === "show_slots" && b.slots && i(b.slots), b.action === "booking_confirmed" && b.booking && (r(b.booking), i(null), t == null || t(b.booking));
+    },
+    [t]
+  ), L = y(async () => {
+    if (!(s.length > 0 || c)) {
+      p(!0), h(null);
+      try {
+        const l = await x([{
+          role: "user",
+          content: "__START__"
+        }]);
+        w([{ role: "assistant", content: l.message }]), l.action === "show_slots" && l.slots && i(l.slots), l.action === "booking_confirmed" && l.booking && (r(l.booking), t == null || t(l.booking));
+      } catch (b) {
+        h(b.message);
+      } finally {
+        p(!1);
+      }
+    }
+  }, [s.length, c, x, t]), S = y(
+    async (b) => {
+      const l = b.trim();
+      if (!l || c) return;
+      const d = [...s, { role: "user", content: l }];
+      w(d), p(!0), h(null);
+      try {
+        const u = await x(d);
+        k(u);
+      } catch (u) {
+        h(u.message);
+      } finally {
+        p(!1);
+      }
+    },
+    [s, c, x, k]
+  ), j = y(
+    async (b) => {
+      if (c) return;
+      const l = new Date(b.time).toLocaleString(void 0, {
+        weekday: "short",
+        month: "short",
+        day: "numeric",
+        hour: "numeric",
+        minute: "2-digit"
+      }), d = [
+        ...s,
+        { role: "user", content: `I'll take ${l} (${b.time})` }
+      ];
+      w(d), i(null), p(!0), h(null);
+      try {
+        const u = await x(d);
+        k(u);
+      } catch (u) {
+        h(u.message);
+      } finally {
+        p(!1);
+      }
+    },
+    [s, c, x, k]
+  );
+  return { messages: s, slots: v, booking: f, isLoading: c, error: C, sendMessage: S, pickSlot: j, start: L };
+}
+function _({ message: g }) {
+  const o = g.role === "user";
+  return /* @__PURE__ */ e("div", { className: `gbw-flex ${o ? "gbw-justify-end" : "gbw-justify-start"} gbw-mb-2`, children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: o ? "gbw-max-w-[80%] gbw-rounded-2xl gbw-rounded-br-sm gbw-bg-gropulse-navy gbw-px-3.5 gbw-py-2 gbw-text-sm gbw-text-white" : "gbw-max-w-[80%] gbw-rounded-2xl gbw-rounded-bl-sm gbw-bg-gropulse-bg gbw-px-3.5 gbw-py-2 gbw-text-sm gbw-text-gropulse-text gbw-border gbw-border-gropulse-border",
+      children: g.content
+    }
+  ) });
+}
+function I({ messages: g, isLoading: o }) {
+  const n = T(null);
+  return N(() => {
+    var t;
+    (t = n.current) == null || t.scrollIntoView({ behavior: "smooth", block: "end" });
+  }, [g, o]), /* @__PURE__ */ a("div", { className: "gbw-flex-1 gbw-overflow-y-auto gbw-px-4 gbw-py-3", children: [
+    g.map((t, s) => /* @__PURE__ */ e(_, { message: t }, s)),
+    o ? /* @__PURE__ */ e(M, {}) : null,
+    /* @__PURE__ */ e("div", { ref: n })
+  ] });
+}
+function M() {
+  return /* @__PURE__ */ e("div", { className: "gbw-flex gbw-justify-start gbw-mb-2", children: /* @__PURE__ */ e("div", { className: "gbw-rounded-2xl gbw-rounded-bl-sm gbw-bg-gropulse-bg gbw-border gbw-border-gropulse-border gbw-px-3.5 gbw-py-2.5", children: /* @__PURE__ */ a("div", { className: "gbw-flex gbw-gap-1", children: [
+    /* @__PURE__ */ e("span", { className: "gbw-typing-dot gbw-h-1.5 gbw-w-1.5 gbw-rounded-full gbw-bg-gropulse-muted gbw-inline-block" }),
+    /* @__PURE__ */ e("span", { className: "gbw-typing-dot gbw-h-1.5 gbw-w-1.5 gbw-rounded-full gbw-bg-gropulse-muted gbw-inline-block" }),
+    /* @__PURE__ */ e("span", { className: "gbw-typing-dot gbw-h-1.5 gbw-w-1.5 gbw-rounded-full gbw-bg-gropulse-muted gbw-inline-block" })
+  ] }) }) });
+}
+function $({ onSend: g, disabled: o, placeholder: n }) {
+  const [t, s] = m(""), w = () => {
+    const i = t.trim();
+    !i || o || (g(i), s(""));
+  };
+  return /* @__PURE__ */ e("div", { className: "gbw-border-t gbw-border-gropulse-border gbw-bg-white gbw-p-3", children: /* @__PURE__ */ a("div", { className: "gbw-flex gbw-items-end gbw-gap-2", children: [
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        value: t,
+        onChange: (i) => s(i.target.value),
+        onKeyDown: (i) => {
+          i.key === "Enter" && !i.shiftKey && (i.preventDefault(), w());
+        },
+        disabled: o,
+        rows: 1,
+        placeholder: n ?? "Type a message…",
+        className: "gbw-flex-1 gbw-resize-none gbw-rounded-xl gbw-border gbw-border-gropulse-border gbw-bg-white gbw-px-3 gbw-py-2 gbw-text-sm gbw-outline-none focus:gbw-border-gropulse-navy focus:gbw-ring-2 focus:gbw-ring-gropulse-navy/10 disabled:gbw-bg-gropulse-bg disabled:gbw-text-gropulse-muted",
+        style: { maxHeight: 120 }
+      }
+    ),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        onClick: w,
+        disabled: o || !t.trim(),
+        className: "gbw-shrink-0 gbw-rounded-xl gbw-bg-gropulse-navy gbw-px-4 gbw-py-2 gbw-text-sm gbw-font-medium gbw-text-white gbw-transition hover:gbw-bg-gropulse-navyHover disabled:gbw-opacity-40",
+        children: "Send"
+      }
+    )
+  ] }) });
+}
+function z({ slots: g, onPick: o, disabled: n }) {
+  const t = B(() => H(g), [g]);
+  return g.length === 0 ? /* @__PURE__ */ e("div", { className: "gbw-mx-4 gbw-mb-3 gbw-rounded-xl gbw-border gbw-border-gropulse-border gbw-bg-gropulse-bg gbw-px-3 gbw-py-2 gbw-text-sm gbw-text-gropulse-muted", children: "No slots available right now — try again in a moment." }) : /* @__PURE__ */ a("div", { className: "gbw-mx-4 gbw-mb-3 gbw-rounded-xl gbw-border gbw-border-gropulse-border gbw-bg-white gbw-p-3", children: [
+    /* @__PURE__ */ e("div", { className: "gbw-mb-2 gbw-text-xs gbw-font-medium gbw-uppercase gbw-tracking-wide gbw-text-gropulse-muted", children: "Pick a time that works" }),
+    /* @__PURE__ */ e("div", { className: "gbw-flex gbw-flex-col gbw-gap-3 gbw-max-h-60 gbw-overflow-y-auto", children: t.map((s) => /* @__PURE__ */ a("div", { children: [
+      /* @__PURE__ */ e("div", { className: "gbw-mb-1.5 gbw-text-xs gbw-font-semibold gbw-text-gropulse-text", children: s.dayLabel }),
+      /* @__PURE__ */ e("div", { className: "gbw-grid gbw-grid-cols-3 gbw-gap-1.5", children: s.slots.map((w) => /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          disabled: n,
+          onClick: () => o(w),
+          className: "gbw-rounded-lg gbw-border gbw-border-gropulse-border gbw-bg-white gbw-px-2 gbw-py-1.5 gbw-text-xs gbw-font-medium gbw-text-gropulse-text gbw-transition hover:gbw-border-gropulse-navy hover:gbw-bg-gropulse-navy hover:gbw-text-white disabled:gbw-opacity-40",
+          children: P(w.time)
+        },
+        w.time
+      )) })
+    ] }, s.dayLabel)) })
+  ] });
+}
+function H(g) {
+  const o = /* @__PURE__ */ new Map();
+  for (const n of g) {
+    const s = new Date(n.time).toLocaleDateString(void 0, {
+      weekday: "short",
+      month: "short",
+      day: "numeric"
+    }), w = o.get(s);
+    w ? w.push(n) : o.set(s, [n]);
+  }
+  return Array.from(o.entries()).map(([n, t]) => ({ dayLabel: n, slots: t }));
+}
+function P(g) {
+  return new Date(g).toLocaleTimeString(void 0, {
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function A(g) {
+  const {
+    apiBaseUrl: o,
+    context: n,
+    trigger: t = "button",
+    buttonLabel: s = "Book Free Strategy Call",
+    onBookingConfirmed: w,
+    className: v
+  } = g, [i, f] = m(t === "auto"), r = D({ apiBaseUrl: o, context: n, onBookingConfirmed: w });
+  return N(() => {
+    i && r.messages.length === 0 && !r.isLoading && r.start();
+  }, [i, r]), /* @__PURE__ */ a("div", { className: `gbw-root ${v ?? ""}`, children: [
+    t === "button" ? /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        onClick: () => f((c) => !c),
+        className: "gbw-inline-flex gbw-items-center gbw-gap-2 gbw-rounded-xl gbw-bg-gropulse-navy gbw-px-4 gbw-py-2.5 gbw-text-sm gbw-font-medium gbw-text-white gbw-shadow-sm gbw-transition hover:gbw-bg-gropulse-navyHover",
+        children: [
+          /* @__PURE__ */ e("span", { className: "gbw-h-2 gbw-w-2 gbw-rounded-full gbw-bg-gropulse-accent" }),
+          s
+        ]
+      }
+    ) : null,
+    i ? /* @__PURE__ */ a("div", { className: "gbw-fixed gbw-inset-0 gbw-z-[9999] gbw-flex gbw-items-end gbw-justify-end gbw-p-0 sm:gbw-p-4", children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: "gbw-absolute gbw-inset-0 gbw-bg-black/20",
+          onClick: () => f(!1)
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: "gbw-relative gbw-flex gbw-h-full gbw-w-full gbw-flex-col gbw-overflow-hidden gbw-bg-white gbw-shadow-panel sm:gbw-h-[620px] sm:gbw-w-[400px] sm:gbw-rounded-2xl", children: [
+        /* @__PURE__ */ e(
+          R,
+          {
+            ownerName: n.ownerName,
+            onClose: () => f(!1)
+          }
+        ),
+        /* @__PURE__ */ e(I, { messages: r.messages, isLoading: r.isLoading }),
+        r.slots && !r.booking ? /* @__PURE__ */ e(
+          z,
+          {
+            slots: r.slots,
+            onPick: r.pickSlot,
+            disabled: r.isLoading
+          }
+        ) : null,
+        r.error ? /* @__PURE__ */ e("div", { className: "gbw-mx-4 gbw-mb-2 gbw-rounded-lg gbw-border gbw-border-red-200 gbw-bg-red-50 gbw-px-3 gbw-py-2 gbw-text-xs gbw-text-red-700", children: r.error }) : null,
+        r.booking ? /* @__PURE__ */ e(E, {}) : /* @__PURE__ */ e(
+          $,
+          {
+            onSend: r.sendMessage,
+            disabled: r.isLoading,
+            placeholder: "Reply…"
+          }
+        )
+      ] })
+    ] }) : null
+  ] });
+}
+function R({ ownerName: g, onClose: o }) {
+  return /* @__PURE__ */ a("div", { className: "gbw-flex gbw-items-center gbw-justify-between gbw-border-b gbw-border-gropulse-border gbw-bg-gropulse-navy gbw-px-4 gbw-py-3 gbw-text-white", children: [
+    /* @__PURE__ */ a("div", { children: [
+      /* @__PURE__ */ e("div", { className: "gbw-text-sm gbw-font-semibold", children: "Gropulse Growth Strategy" }),
+      /* @__PURE__ */ a("div", { className: "gbw-text-xs gbw-text-white/70", children: [
+        "Hey ",
+        g.split(" ")[0],
+        " — let’s find a time."
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        onClick: o,
+        "aria-label": "Close",
+        className: "gbw-rounded-md gbw-p-1 gbw-text-white/80 gbw-transition hover:gbw-bg-white/10 hover:gbw-text-white",
+        children: /* @__PURE__ */ a(
+          "svg",
+          {
+            width: "18",
+            height: "18",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ e("path", { d: "M18 6 6 18" }),
+              /* @__PURE__ */ e("path", { d: "m6 6 12 12" })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+function E() {
+  return /* @__PURE__ */ e("div", { className: "gbw-border-t gbw-border-gropulse-border gbw-bg-gropulse-bg gbw-px-4 gbw-py-3 gbw-text-center gbw-text-xs gbw-text-gropulse-muted", children: "Calendar invite on its way. You can close this window." });
+}
+export {
+  A as BookingWidget,
+  D as useBookingChat
+};

package/dist/styles.css

@@ -0,0 +1 @@
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.gbw-root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#0f172a}.gbw-typing-dot{animation:gbw-typing 1.4s infinite ease-in-out both}.gbw-typing-dot:nth-child(2){animation-delay:.15s}.gbw-typing-dot:nth-child(3){animation-delay:.3s}.gbw-fixed{position:fixed}.gbw-absolute{position:absolute}.gbw-relative{position:relative}.gbw-inset-0{top:0;right:0;bottom:0;left:0}.gbw-z-\[9999\]{z-index:9999}.gbw-mx-4{margin-left:1rem;margin-right:1rem}.gbw-mb-1\.5{margin-bottom:.375rem}.gbw-mb-2{margin-bottom:.5rem}.gbw-mb-3{margin-bottom:.75rem}.gbw-inline-block{display:inline-block}.gbw-flex{display:flex}.gbw-inline-flex{display:inline-flex}.gbw-grid{display:grid}.gbw-h-1\.5{height:.375rem}.gbw-h-2{height:.5rem}.gbw-h-full{height:100%}.gbw-max-h-60{max-height:15rem}.gbw-w-1\.5{width:.375rem}.gbw-w-2{width:.5rem}.gbw-w-full{width:100%}.gbw-max-w-\[80\%\]{max-width:80%}.gbw-flex-1{flex:1 1 0%}.gbw-shrink-0{flex-shrink:0}.gbw-resize-none{resize:none}.gbw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gbw-flex-col{flex-direction:column}.gbw-items-end{align-items:flex-end}.gbw-items-center{align-items:center}.gbw-justify-start{justify-content:flex-start}.gbw-justify-end{justify-content:flex-end}.gbw-justify-between{justify-content:space-between}.gbw-gap-1{gap:.25rem}.gbw-gap-1\.5{gap:.375rem}.gbw-gap-2{gap:.5rem}.gbw-gap-3{gap:.75rem}.gbw-overflow-hidden{overflow:hidden}.gbw-overflow-y-auto{overflow-y:auto}.gbw-rounded-2xl{border-radius:1rem}.gbw-rounded-full{border-radius:9999px}.gbw-rounded-lg{border-radius:.5rem}.gbw-rounded-md{border-radius:.375rem}.gbw-rounded-xl{border-radius:.75rem}.gbw-rounded-bl-sm{border-bottom-left-radius:.125rem}.gbw-rounded-br-sm{border-bottom-right-radius:.125rem}.gbw-border{border-width:1px}.gbw-border-b{border-bottom-width:1px}.gbw-border-t{border-top-width:1px}.gbw-border-gropulse-border{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.gbw-border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.gbw-bg-black\/20{background-color:#0003}.gbw-bg-gropulse-accent{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.gbw-bg-gropulse-bg{--tw-bg-opacity: 1;background-color:rgb(247 248 251 / var(--tw-bg-opacity, 1))}.gbw-bg-gropulse-muted{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.gbw-bg-gropulse-navy{--tw-bg-opacity: 1;background-color:rgb(15 29 58 / var(--tw-bg-opacity, 1))}.gbw-bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.gbw-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.gbw-p-0{padding:0}.gbw-p-1{padding:.25rem}.gbw-p-3{padding:.75rem}.gbw-px-2{padding-left:.5rem;padding-right:.5rem}.gbw-px-3{padding-left:.75rem;padding-right:.75rem}.gbw-px-3\.5{padding-left:.875rem;padding-right:.875rem}.gbw-px-4{padding-left:1rem;padding-right:1rem}.gbw-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.gbw-py-2{padding-top:.5rem;padding-bottom:.5rem}.gbw-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.gbw-py-3{padding-top:.75rem;padding-bottom:.75rem}.gbw-text-center{text-align:center}.gbw-text-sm{font-size:.875rem;line-height:1.25rem}.gbw-text-xs{font-size:.75rem;line-height:1rem}.gbw-font-medium{font-weight:500}.gbw-font-semibold{font-weight:600}.gbw-uppercase{text-transform:uppercase}.gbw-tracking-wide{letter-spacing:.025em}.gbw-text-gropulse-muted{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.gbw-text-gropulse-text{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.gbw-text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.gbw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.gbw-text-white\/70{color:#ffffffb3}.gbw-text-white\/80{color:#fffc}.gbw-shadow-panel{--tw-shadow: 0 20px 60px -10px rgba(15, 29, 58, .25);--tw-shadow-colored: 0 20px 60px -10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.gbw-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.gbw-outline-none{outline:2px solid transparent;outline-offset:2px}.gbw-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes gbw-typing{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.hover\:gbw-border-gropulse-navy:hover{--tw-border-opacity: 1;border-color:rgb(15 29 58 / var(--tw-border-opacity, 1))}.hover\:gbw-bg-gropulse-navy:hover{--tw-bg-opacity: 1;background-color:rgb(15 29 58 / var(--tw-bg-opacity, 1))}.hover\:gbw-bg-gropulse-navyHover:hover{--tw-bg-opacity: 1;background-color:rgb(20 42 82 / var(--tw-bg-opacity, 1))}.hover\:gbw-bg-white\/10:hover{background-color:#ffffff1a}.hover\:gbw-text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:gbw-border-gropulse-navy:focus{--tw-border-opacity: 1;border-color:rgb(15 29 58 / var(--tw-border-opacity, 1))}.focus\:gbw-ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:gbw-ring-gropulse-navy\/10:focus{--tw-ring-color: rgb(15 29 58 / .1)}.disabled\:gbw-bg-gropulse-bg:disabled{--tw-bg-opacity: 1;background-color:rgb(247 248 251 / var(--tw-bg-opacity, 1))}.disabled\:gbw-text-gropulse-muted:disabled{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.disabled\:gbw-opacity-40:disabled{opacity:.4}@media (min-width: 640px){.sm\:gbw-h-\[620px\]{height:620px}.sm\:gbw-w-\[400px\]{width:400px}.sm\:gbw-rounded-2xl{border-radius:1rem}.sm\:gbw-p-4{padding:1rem}}

package/dist/types.d.ts

@@ -0,0 +1,42 @@
+export interface ShopContext {
+    appName: string;
+    shopDomain: string;
+    ownerName: string;
+    email: string;
+    plan: string;
+    installedSince: string;
+    extraContext?: Record<string, unknown>;
+    timezone?: string;
+}
+export interface ChatMessage {
+    role: "user" | "assistant";
+    content: string;
+}
+export interface Slot {
+    time: string;
+}
+export interface BookingInfo {
+    id: string | number;
+    start: string;
+    attendeeEmail: string;
+}
+export interface ChatApiResponse {
+    message: string;
+    action: null | "show_slots" | "booking_confirmed";
+    slots?: Slot[];
+    booking?: BookingInfo;
+    leadSummary?: {
+        growthChallenge?: string;
+        revenueRange?: string;
+        callGoals?: string;
+    };
+}
+export type BookingWidgetTrigger = "button" | "auto";
+export interface BookingWidgetProps {
+    apiBaseUrl: string;
+    context: ShopContext;
+    trigger?: BookingWidgetTrigger;
+    buttonLabel?: string;
+    onBookingConfirmed?: (booking: BookingInfo) => void;
+    className?: string;
+}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@gropulse/booking-widget",
+  "version": "0.1.0",
+  "description": "Gropulse booking chat widget — embeds in Shopify apps to book free growth strategy calls",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build --mode lib && tsc -p tsconfig.build.json --emitDeclarationOnly",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.49",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tailwindcss": "^3.4.15",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^4.3.0"
+  }
+}