@ossy/booking 1.15.7 → 1.16.1

package/src/BookingForm.jsx

@@ -1,82 +0,0 @@
-import React, { useState } from 'react'
-import { View, Title, Text, Button, Input, Select } from '@ossy/design-system'
-
-/**
- * Public client-facing form.
- *
- * TODO:
- * - Load services for workspaceId via booking.get-services
- * - Load available slots for selected service via booking.get-available-slots
- * - On submit: call booking.create-booking action, then redirect to Stripe Checkout
- */
-export const BookingForm = ({ workspaceId }) => {
-  const [step, setStep] = useState('pick-service')
-  const [selectedService, setSelectedService] = useState(null)
-  const [selectedSlot, setSelectedSlot] = useState(null)
-  const [clientName, setClientName] = useState('')
-  const [clientEmail, setClientEmail] = useState('')
-
-  if (step === 'pick-service') {
-    return (
-      <View gap="m">
-        <Title variant="secondary">Choose a service</Title>
-        {/* TODO: replace with real services loaded from API */}
-        <Text color="secondary">Loading services for workspace {workspaceId}…</Text>
-        <Button variant="secondary" onClick={() => setStep('pick-slot')}>
-          Continue (placeholder)
-        </Button>
-      </View>
-    )
-  }
-
-  if (step === 'pick-slot') {
-    return (
-      <View gap="m">
-        <Title variant="secondary">Pick a time</Title>
-        {/* TODO: render a slot grid derived from availability minus existing bookings */}
-        <Text color="secondary">Available slots will appear here.</Text>
-        <View layout="row" gap="s">
-          <Button variant="ghost" onClick={() => setStep('pick-service')}>Back</Button>
-          <Button variant="secondary" onClick={() => setStep('enter-details')}>
-            Continue (placeholder)
-          </Button>
-        </View>
-      </View>
-    )
-  }
-
-  if (step === 'enter-details') {
-    return (
-      <View gap="m">
-        <Title variant="secondary">Your details</Title>
-        <Input
-          label="Name"
-          value={clientName}
-          onChange={setClientName}
-          placeholder="Jane Smith"
-        />
-        <Input
-          label="Email"
-          type="email"
-          value={clientEmail}
-          onChange={setClientEmail}
-          placeholder="jane@example.com"
-        />
-        <View layout="row" gap="s">
-          <Button variant="ghost" onClick={() => setStep('pick-slot')}>Back</Button>
-          {/* TODO: submit booking action then redirect to Stripe */}
-          <Button variant="primary" onClick={() => setStep('confirm')}>
-            Confirm &amp; Pay
-          </Button>
-        </View>
-      </View>
-    )
-  }
-
-  return (
-    <View gap="m">
-      <Title variant="secondary">Booking confirmed!</Title>
-      <Text>Check your email for a confirmation.</Text>
-    </View>
-  )
-}

package/src/availability.page.jsx

@@ -1,41 +0,0 @@
-import React from 'react'
-import { View, Title, Text, Tags } from '@ossy/design-system'
-import { Definition } from './Definition.js'
-import { moduleStatusTags } from './moduleStatus.js'
-import { AvailabilityEditor } from './AvailabilityEditor.jsx'
-
-export const metadata = {
-  id: 'booking/availability',
-  path: {
-    sv: '/tillganglighet',
-    en: '/availability',
-  },
-}
-
-const AvailabilityPage = () => (
-  <View
-    gap="m"
-    surface="primary"
-    style={{ padding: 'var(--space-m) var(--space-l)', height: '100%', overflowY: 'auto' }}
-  >
-    <View inset="s" gap="s">
-      <View layout="row" gap="s" alignItems="center">
-        <Title>{Definition.title} — Availability</Title>
-        {moduleStatusTags(Definition).length > 0 && (
-          <Tags tags={moduleStatusTags(Definition)} size="s" />
-        )}
-      </View>
-
-      <Text style={{ maxWidth: '400px' }}>
-        Set your weekly availability. Clients can only book slots within these windows.
-      </Text>
-    </View>
-
-    <View inset="s">
-      {/* TODO: load existing availability via booking.get-availability, save via booking.set-availability */}
-      <AvailabilityEditor availability={[]} />
-    </View>
-  </View>
-)
-
-export default AvailabilityPage

package/src/booking-page.page.jsx

@@ -1,42 +0,0 @@
-import React from 'react'
-import { View, Title, Text } from '@ossy/design-system'
-import { useRouter } from '@ossy/router-react'
-import { BookingForm } from './BookingForm.jsx'
-
-export const metadata = {
-  id: 'booking/book',
-  // Public-facing — no auth required
-  public: true,
-  path: {
-    sv: '/boka/:workspaceId',
-    en: '/book/:workspaceId',
-  },
-}
-
-const BookingPage = () => {
-  const router = useRouter()
-  const { workspaceId } = router.params
-
-  return (
-    <View
-      surface="base"
-      layout="off-center-s"
-      inset="s"
-      style={{ minHeight: '100dvh' }}
-    >
-      <title>Book a session</title>
-
-      <View inset="m" roundness="l" surface="primary" slot="content" gap="m">
-        <View gap="xs">
-          <Title>Book a session</Title>
-          <Text>Pick a time that works for you and confirm your appointment.</Text>
-        </View>
-
-        {/* TODO: load services for workspaceId, let client pick one */}
-        <BookingForm workspaceId={workspaceId} />
-      </View>
-    </View>
-  )
-}
-
-export default BookingPage