@ossy/booking 1.16.2 → 3.0.1

package/src/send-booking-reminder.task.js

@@ -1,41 +1,49 @@
 import { getBookingResources } from './booking-resources.js'
+import { BookingSchema } from './schema-ids.js'
 import BookingReminderEmail from './booking-reminder.email.jsx'
+import { workspaceIdFromContent } from './provider-fields.js'
+import { resolveWorkspaceContact } from './resolve-workspace-contact.js'
+import { toMs } from './time.js'
 
 export const metadata = {
-  id: 'booking/send-reminder',
+  id: '@ossy/booking/tasks/send-reminder',
   schedule: '0 * * * *', // every hour — checks for bookings starting ~24h from now
 }
 
 export async function run({ sdk, log, integrations }) {
   const now = Date.now()
-  const windowStart = new Date(now + 23 * 60 * 60 * 1000).toISOString()
-  const windowEnd = new Date(now + 25 * 60 * 60 * 1000).toISOString()
+  const windowStartMs = now + 23 * 60 * 60 * 1000
+  const windowEndMs = now + 25 * 60 * 60 * 1000
 
-  log?.info(`[booking/send-reminder] Checking bookings between ${windowStart} and ${windowEnd}`)
+  log?.info(`[booking/tasks/send-reminder] Checking bookings between ${windowStartMs} and ${windowEndMs}`)
 
   const allBookings = await getBookingResources({
-    type: '@ossy/booking/booking',
+    schemaId: BookingSchema.booking,
   })
 
   const upcoming = allBookings.filter(b => {
     const { status, startsAt, reminderSentAt } = b.content ?? {}
     if (status !== 'confirmed') return false
     if (reminderSentAt) return false
-    return startsAt >= windowStart && startsAt <= windowEnd
+    const startsAtMs = toMs(startsAt)
+    if (startsAtMs == null) return false
+    return startsAtMs >= windowStartMs && startsAtMs <= windowEndMs
   })
 
-  log?.info(`[booking/send-reminder] Found ${upcoming.length} bookings needing reminders`)
+  log?.info(`[booking/tasks/send-reminder] Found ${upcoming.length} bookings needing reminders`)
 
   const emailClient = integrations?.get?.('email')
   if (!emailClient) {
-    log?.warn('[booking/send-reminder] No email integration available, skipping')
+    log?.warn('[booking/tasks/send-reminder] No email integration available, skipping')
     return { sent: 0 }
   }
 
   let sent = 0
 
   for (const booking of upcoming) {
-    const { clientName, clientEmail, consultantId, startsAt, duration } = booking.content ?? {}
+    const { clientName, clientEmail, startsAt, duration } = booking.content ?? {}
+    const workspaceId = booking.belongsTo ?? workspaceIdFromContent(booking.content)
+    const contact = await resolveWorkspaceContact(workspaceId)
 
     if (!clientEmail) continue
 
@@ -44,7 +52,7 @@ export async function run({ sdk, log, integrations }) {
         BookingReminderEmail,
         {
           clientName: clientName ?? 'Kund',
-          consultantName: null,
+          providerName: contact?.providerName ?? null,
           startAt: startsAt,
           duration: duration ?? 60,
         },
@@ -55,20 +63,37 @@ export async function run({ sdk, log, integrations }) {
         },
       )
 
+      if (contact?.providerEmail) {
+        await emailClient.sendTemplate(
+          BookingReminderEmail,
+          {
+            clientName: clientName ?? 'Kund',
+            providerName: contact?.providerName ?? null,
+            startAt: startsAt,
+            duration: duration ?? 60,
+          },
+          {
+            to: contact.providerEmail,
+            from: 'noreply@ossy.se',
+            subject: 'Påminnelse: bokning imorgon',
+          },
+        )
+      }
+
       // Mark reminder as sent via SDK if available, otherwise skip to avoid
       // needing direct DB writes in a scheduled task
       if (sdk) {
-        await sdk.actions.run('resources/update-content', {
+        await sdk.actions.run('@ossy/resources/actions/update-content', {
           resourceId: booking.id,
           content: { ...booking.content, reminderSentAt: new Date().toISOString() },
-          workspaceId: consultantId,
+          workspaceId,
         })
       }
 
       sent++
-      log?.info(`[booking/send-reminder] Reminder sent to ${clientEmail}`)
+      log?.info(`[booking/tasks/send-reminder] Reminder sent to ${clientEmail}`)
     } catch (err) {
-      log?.error(`[booking/send-reminder] Failed to send reminder to ${clientEmail}`, err)
+      log?.error(`[booking/tasks/send-reminder] Failed to send reminder to ${clientEmail}`, err)
     }
   }
 

package/src/service-card-slot.component.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
-import { View, Title, Text, Badge } from '@ossy/design-system'
+import { View, Text, Badge } from '@ossy/design-system'
 
-export const metadata = { id: 'resource:booking/service/card' }
+export const metadata = { id: '@ossy/booking/view/service/card' }
 
 const formatPrice = (cents, currency) => {
   if (cents === 0) return 'Free'
@@ -16,7 +16,7 @@ const formatDuration = (minutes) => {
   return m === 0 ? `${h}h` : `${h}h ${m}min`
 }
 
-/** Booking service card view — registered at `resource:booking/service/card`. */
+/** Booking service card view — `@ossy/booking/view/service/card`. */
 export default function ServiceCardSlotComponent ({ resource }) {
   if (!resource) return null
 
@@ -34,7 +34,7 @@ export default function ServiceCardSlotComponent ({ resource }) {
     >
       <View gap="xs" style={{ flex: 1 }}>
         <View layout="row" gap="s" alignItems="center">
-          <Title variant="secondary">{resource.name || name}</Title>
+          <Text variant="heading-secondary" as="h2">{resource.name || name}</Text>
           {active === false && <Badge label="Inactive" variant="neutral" size="s" />}
         </View>
         {description && <Text size="s" color="secondary">{description}</Text>}

package/src/service-detail.component.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
-import { View, Title, Text, Badge } from '@ossy/design-system'
+import { View, Text, Badge } from '@ossy/design-system'
 
-export const metadata = { id: 'resource:booking/service/detail' }
+export const metadata = { id: '@ossy/booking/view/service' }
 
 const formatPrice = (cents, currency) => {
   if (cents === 0) return 'Free'
@@ -16,7 +16,7 @@ const formatDuration = (minutes) => {
   return m === 0 ? `${h}h` : `${h}h ${m}min`
 }
 
-/** Booking service detail view — registered at `resource:booking/service/detail`. */
+/** Booking service detail view — `@ossy/booking/view/service`. */
 export default function ServiceDetailComponent ({ resource }) {
   if (!resource) return null
 
@@ -25,7 +25,7 @@ export default function ServiceDetailComponent ({ resource }) {
   return (
     <View stack gap="m" inset="m">
       <View layout="row" gap="s" alignItems="center">
-        <Title>{resource.name || name}</Title>
+        <Text variant="heading-default" as="h1">{resource.name || name}</Text>
         {active === false && <Badge label="Inactive" variant="neutral" size="s" />}
       </View>
       {description && <Text color="secondary">{description}</Text>}

package/src/service.form.js

@@ -0,0 +1,7 @@
+import { BookingSchema } from './schema-ids.js'
+
+export const metadata = {
+  id: '@ossy/booking/form/service',
+  schemaId: BookingSchema.service,
+  label: '@ossy/booking/form/service.label',
+}

package/src/service.schema.js

@@ -0,0 +1,14 @@
+/** Bookable service — UI fields and flow faker schema. */
+export default {
+  id: '@ossy/booking/schema/service',
+  name: 'Service',
+  icon: 'calendar',
+  fields: [
+    { name: 'name', type: 'text', required: true },
+    { name: 'duration', type: 'number', required: true },
+    { name: 'price', type: 'number' },
+    { name: 'currency', type: 'text' },
+    { name: 'description', type: 'textarea' },
+    { name: 'active', type: 'boolean' },
+  ],
+}

package/src/services.page.jsx

@@ -1,12 +1,16 @@
 import React, { useState, useEffect, useCallback } from 'react'
-import { View, Title, Text, Button, Input, Textarea, Alert, useLocale } from '@ossy/design-system'
+import { View, Text, Button, Alert, Form, FieldFactory, FormStatus, ContentHeader, Page, useLocale } from '@ossy/design-system'
 import { useSdk } from '@ossy/sdk-react'
+import { useDocumentValidator } from '@ossy/resources'
 import { Definition } from './Definition.js'
 import { ServiceCard } from './ServiceCard.jsx'
 import { metadata as CreateService } from './create-service.action.js'
 import { metadata as UpdateService } from './update-service.action.js'
 import { metadata as DeleteService } from './delete-service.action.js'
 import { metadata as GetServices } from './get-services.action.js'
+import { metadata as OpenCreateService } from './open-create-service.action.js'
+import { metadata as ServiceForm } from './service.form.js'
+import serviceTemplate from './service.schema.js'
 import { invokeErrorMessage } from './invoke-error-message.js'
 
 export const metadata = {
@@ -34,8 +38,9 @@ export default function ServicesPage () {
   const [error, setError] = useState(null)
   const [formOpen, setFormOpen] = useState(false)
   const [editingId, setEditingId] = useState(null)
-  const [form, setForm] = useState(EMPTY_FORM)
+  const [formDefaults, setFormDefaults] = useState(EMPTY_FORM)
   const [saving, setSaving] = useState(false)
+  const validate = useDocumentValidator(serviceTemplate)
 
   const loadServices = useCallback(async () => {
     setLoading(true)
@@ -56,13 +61,13 @@ export default function ServicesPage () {
 
   const openCreate = () => {
     setEditingId(null)
-    setForm(EMPTY_FORM)
+    setFormDefaults(EMPTY_FORM)
     setFormOpen(true)
   }
 
   const openEdit = (service) => {
     setEditingId(service.id)
-    setForm({
+    setFormDefaults({
       name: service.name ?? '',
       duration: service.duration ?? 60,
       price: service.price ?? 0,
@@ -73,13 +78,12 @@ export default function ServicesPage () {
     setFormOpen(true)
   }
 
-  const handleSave = async () => {
-    if (!form.name.trim()) return
+  const handleSave = async (data) => {
     setSaving(true)
     setError(null)
     try {
       const bookingAction = editingId ? UpdateService : CreateService
-      const body = editingId ? { serviceId: editingId, ...form } : form
+      const body = editingId ? { serviceId: editingId, ...data } : data
       await sdk.invoke(bookingAction, body)
       setFormOpen(false)
       await loadServices()
@@ -102,63 +106,63 @@ export default function ServicesPage () {
   }
 
   return (
-    <View
-      gap="m"
-      surface="primary"
-      style={{ padding: 'var(--space-m) var(--space-l)', height: '100%', overflowY: 'auto' }}
+    <Page
+      header={(
+        <ContentHeader
+          inset="none"
+          title={(
+            <Text variant="heading-default" as="h1">
+              {Definition.title} — <Text as="span" text="booking.services.titleSuffix" />
+            </Text>
+          )}
+          description="booking.services.description"
+          descriptionMaxWidth="s"
+          far={(
+            <Button {...OpenCreateService} variant="primary" size="s" onClick={openCreate} />
+          )}
+        />
+      )}
     >
-      <View inset="s" gap="s">
-        <View layout="row" justifyContent="space-between" alignItems="center" style={{ flexShrink: 0, flexWrap: 'wrap', gap: 'var(--space-s)' }}>
-          <Title>{Definition.title} — {t('booking.services.titleSuffix')}</Title>
-          <Button variant="primary" size="s" onClick={openCreate}>{t('booking.services.addService')}</Button>
-        </View>
-        <Text style={{ maxWidth: '480px' }}>{t('booking.services.description')}</Text>
-      </View>
-
       {error && <Alert variant="danger">{error}</Alert>}
 
       {formOpen && (
-        <View gap="m" surface="secondary" roundness="m" inset="m">
-          <Title variant="tertiary">{editingId ? t('booking.services.editService') : t('booking.services.newService')}</Title>
-          <View gap="xs">
-            <Text weight="medium">{t('booking.services.field.name')}</Text>
-            <Input value={form.name} onChange={e => setForm(f => ({ ...f, name: e.target.value }))} />
-          </View>
-          <View gap="xs">
-            <Text weight="medium">{t('booking.services.field.duration')}</Text>
-            <Input type="number" value={String(form.duration)} onChange={e => setForm(f => ({ ...f, duration: Number(e.target.value) || 60 }))} />
-          </View>
-          <View gap="xs">
-            <Text weight="medium">{t('booking.services.field.price')}</Text>
-            <Input type="number" value={String(form.price)} onChange={e => setForm(f => ({ ...f, price: Number(e.target.value) || 0 }))} />
-          </View>
-          <View gap="xs">
-            <Text weight="medium">{t('booking.services.field.currency')}</Text>
-            <Input value={form.currency} onChange={e => setForm(f => ({ ...f, currency: e.target.value }))} />
-          </View>
-          <View gap="xs">
-            <Text weight="medium">{t('booking.services.field.description')}</Text>
-            <Textarea value={form.description} onChange={e => setForm(f => ({ ...f, description: e.target.value }))} rows={3} />
-          </View>
-          <label style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
-            <input type="checkbox" checked={form.active} onChange={e => setForm(f => ({ ...f, active: e.target.checked }))} />
-            <Text>{t('booking.services.field.active')}</Text>
-          </label>
-          <View layout="row" gap="s">
-            <Button data-action={editingId ? UpdateService.id : CreateService.id} variant="primary" disabled={saving} onClick={handleSave}>
-              {saving ? t('booking.services.saving') : t('booking.services.save')}
-            </Button>
-            <Button variant="neutral" onClick={() => setFormOpen(false)}>{t('booking.services.cancel')}</Button>
+        <Form
+          key={editingId ?? 'new'}
+          id={ServiceForm.id}
+          schemaId={ServiceForm.schemaId}
+          fields={serviceTemplate.fields}
+          defaultData={formDefaults}
+          onSubmit={handleSave}
+          validate={validate}
+          status={saving ? [FormStatus.Submitting] : []}
+        >
+          <View gap="m" surface="secondary" roundness="m" inset="m">
+            <Text
+              variant="heading-tertiary"
+              as="h3"
+              text={editingId ? 'booking.services.editService' : 'booking.services.newService'}
+            />
+            <FieldFactory />
+            <View layout="row" gap="s">
+              <Button
+                {...(editingId ? UpdateService : CreateService)}
+                variant="primary"
+                type="submit"
+                disabled={saving}
+                label={saving ? 'booking.services.saving' : 'booking.services.save'}
+              />
+              <Button variant="neutral" type="button" label="booking.services.cancel" onClick={() => setFormOpen(false)} />
+            </View>
           </View>
-        </View>
+        </Form>
       )}
 
-      <View gap="s" inset="s">
-        <Title variant="secondary">{t('booking.services.yourServices')}</Title>
+      <View gap="s">
+        <Text variant="heading-secondary" as="h2" text="booking.services.yourServices" />
         {loading ? (
-          <Text color="secondary">{t('booking.services.loading')}</Text>
+          <Text color="secondary" text="booking.services.loading" />
         ) : services.length === 0 ? (
-          <Text color="secondary">{t('booking.services.empty')}</Text>
+          <Text color="secondary" text="booking.services.empty" />
         ) : (
           <View gap="s">
             {services.map(service => (
@@ -172,14 +176,14 @@ export default function ServicesPage () {
                   active={service.active !== false}
                 />
                 <View layout="row" gap="s">
-                  <Button variant="link" size="s" onClick={() => openEdit(service)}>{t('booking.services.edit')}</Button>
-                  <Button data-action={DeleteService.id} variant="link" size="s" onClick={() => handleDelete(service.id)}>{t('booking.services.delete')}</Button>
+                  <Button variant="link" size="s" label="booking.services.edit" onClick={() => openEdit(service)} />
+                  <Button {...DeleteService} variant="link" size="s" label="booking.services.delete" onClick={() => handleDelete(service.id)} />
                 </View>
               </View>
             ))}
           </View>
         )}
       </View>
-    </View>
+    </Page>
   )
 }

package/src/stories/fixtures.js

@@ -0,0 +1,149 @@
+export const sampleServices = [
+  {
+    name: 'Initial consultation',
+    duration: 60,
+    price: 120000,
+    currency: 'SEK',
+    description: 'A focused first meeting to understand your needs and outline next steps.',
+    active: true,
+  },
+  {
+    name: 'Follow-up session',
+    duration: 45,
+    price: 90000,
+    currency: 'SEK',
+    description: 'Check in on progress and adjust the plan.',
+    active: true,
+  },
+  {
+    name: 'Legacy workshop',
+    duration: 120,
+    price: 0,
+    currency: 'SEK',
+    description: 'No longer offered to new clients.',
+    active: false,
+  },
+]
+
+export const sampleBookings = [
+  {
+    id: 'booking-1',
+    clientName: 'Anna Svensson',
+    clientEmail: 'anna@example.com',
+    startsAt: Date.parse('2026-06-20T09:00:00.000Z'),
+    duration: 60,
+    status: 'pending',
+    paymentStatus: 'unpaid',
+    clientMessage: 'Looking forward to discussing the project scope.',
+  },
+  {
+    id: 'booking-2',
+    clientName: 'Erik Johansson',
+    clientEmail: 'erik@example.com',
+    startsAt: Date.parse('2026-06-22T13:30:00.000Z'),
+    duration: 45,
+    status: 'confirmed',
+    paymentStatus: 'paid',
+  },
+  {
+    id: 'booking-3',
+    clientName: 'Maria Lind',
+    clientEmail: 'maria@example.com',
+    startsAt: Date.parse('2026-06-10T10:00:00.000Z'),
+    duration: 60,
+    status: 'cancelled',
+    paymentStatus: 'refunded',
+  },
+]
+
+export const sampleAvailability = [
+  { dayOfWeek: 1, startTime: '09:00', endTime: '12:00' },
+  { dayOfWeek: 1, startTime: '13:00', endTime: '17:00' },
+  { dayOfWeek: 2, startTime: '10:00', endTime: '16:00' },
+  { dayOfWeek: 4, startTime: '08:30', endTime: '11:30' },
+]
+
+export const sampleServiceFormData = {
+  name: 'Strategy session',
+  duration: 90,
+  price: 150000,
+  currency: 'SEK',
+  description: 'Deep-dive strategy workshop for growing teams.',
+  active: true,
+}
+
+export const samplePublicBookingFormData = {
+  clientName: 'Anna Svensson',
+  clientEmail: 'anna@example.com',
+  clientMessage: 'I would like to book the initial consultation.',
+}
+
+export const sampleServicesWithIds = sampleServices.map((service, index) => ({
+  ...service,
+  id: `service-${index + 1}`,
+}))
+
+export const sampleProviderContact = {
+  workspaceId: 'demo-studio',
+  providerEmail: 'hello@demo.studio',
+  providerName: 'Demo Studio',
+}
+
+export const samplePublicServicesResponse = {
+  services: sampleServicesWithIds.filter((service) => service.active),
+  contact: sampleProviderContact,
+}
+
+/** Slots on upcoming weekdays so the public booking calendar has selectable dates. */
+export function buildSampleSlots ({ fromDate = new Date() } = {}) {
+  const slots = []
+  const cursor = new Date(fromDate)
+  cursor.setHours(0, 0, 0, 0)
+
+  for (let day = 0; day < 45 && slots.length < 18; day += 1) {
+    const date = new Date(cursor)
+    date.setDate(cursor.getDate() + day)
+    const weekday = date.getDay()
+    if (weekday === 0 || weekday === 6) continue
+
+    for (const hour of [9, 11, 14, 16]) {
+      const start = new Date(date)
+      start.setHours(hour, 0, 0, 0)
+      if (start <= fromDate) continue
+      slots.push({
+        startAt: start.getTime(),
+        duration: 60,
+      })
+    }
+  }
+
+  return slots
+}
+
+export const sampleAvailabilitySettings = {
+  weeklyWindows: sampleAvailability,
+  sessionDurations: [30, 60],
+  bufferMinutes: 15,
+  timezone: 'Europe/Stockholm',
+}
+
+export const sampleServiceResource = {
+  name: 'Initial consultation',
+  content: {
+    name: 'Initial consultation',
+    duration: 60,
+    price: 120000,
+    currency: 'SEK',
+    description: 'A focused first meeting to understand your needs and outline next steps.',
+    active: true,
+  },
+}
+
+export const sampleHeroCover = {
+  title: 'Book time with us',
+  text: 'Share your availability, publish services, and let clients request appointments online.',
+  actions: [
+    { label: 'Get started', variant: 'cta' },
+    { label: 'See how it works', variant: 'neutral' },
+  ],
+}