@ossy/booking 1.15.6 → 1.16.0

package/src/booking-page.page.jsx

@@ -1,11 +1,10 @@
 import React from 'react'
-import { View, Title, Text } from '@ossy/design-system'
+import { View, Title, Text, useLocale } 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',
@@ -14,6 +13,7 @@ export const metadata = {
 }
 
 const BookingPage = () => {
+  const { t } = useLocale()
   const router = useRouter()
   const { workspaceId } = router.params
 
@@ -24,15 +24,12 @@ const BookingPage = () => {
       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>
+          <Title>{t('booking.book.title')}</Title>
+          <Text>{t('booking.book.description')}</Text>
         </View>
 
-        {/* TODO: load services for workspaceId, let client pick one */}
         <BookingForm workspaceId={workspaceId} />
       </View>
     </View>

package/src/bookings.page.jsx

@@ -1,26 +1,8 @@
-import React, { useState, useEffect, useCallback } from 'react'
+import React, { useState, useEffect, useCallback, useMemo } from 'react'
+import { View, Title, Text, Tabs, Alert, useLocale } from '@ossy/design-system'
+import { Definition } from './Definition.js'
 import { BookingCard } from './booking-card.component.jsx'
 
-// ---------------------------------------------------------------------------
-// Tokens
-// ---------------------------------------------------------------------------
-const C = {
-  bg: '#fafafa',
-  surface: '#ffffff',
-  border: '#e4e4e7',
-  primary: '#111111',
-  secondary: '#52525b',
-  muted: '#a1a1aa',
-  tabActive: '#111111',
-  tabActiveBg: '#f4f4f5',
-  tabText: '#52525b',
-  errorText: '#dc2626',
-}
-const FONT = 'system-ui, -apple-system, sans-serif'
-
-// ---------------------------------------------------------------------------
-// Page metadata
-// ---------------------------------------------------------------------------
 export const metadata = {
   id: 'booking/bookings',
   path: {
@@ -29,131 +11,34 @@ export const metadata = {
   },
 }
 
-// ---------------------------------------------------------------------------
-// Tab bar
-// ---------------------------------------------------------------------------
-const TABS = [
-  { id: 'pending', label: 'Förfrågningar' },
-  { id: 'confirmed', label: 'Bekräftade' },
-  { id: 'all', label: 'Alla' },
-]
-
-function TabBar({ activeId, onChange, counts }) {
-  return (
-    <div style={{ display: 'flex', gap: 4, borderBottom: `1px solid ${C.border}`, marginBottom: 20 }}>
-      {TABS.map(tab => {
-        const isActive = tab.id === activeId
-        const count = counts?.[tab.id]
-        return (
-          <button
-            key={tab.id}
-            onClick={() => onChange(tab.id)}
-            style={{
-              background: 'none',
-              border: 'none',
-              borderBottom: isActive ? `2px solid ${C.primary}` : '2px solid transparent',
-              padding: '10px 14px',
-              marginBottom: -1,
-              fontFamily: FONT,
-              fontSize: 13,
-              fontWeight: isActive ? 600 : 400,
-              color: isActive ? C.primary : C.secondary,
-              cursor: 'pointer',
-              display: 'flex',
-              alignItems: 'center',
-              gap: 6,
-              whiteSpace: 'nowrap',
-              transition: 'color 0.1s',
-            }}
-          >
-            {tab.label}
-            {count != null && count > 0 && (
-              <span
-                style={{
-                  background: isActive ? C.primary : C.border,
-                  color: isActive ? '#fff' : C.secondary,
-                  borderRadius: 999,
-                  fontSize: 10,
-                  fontWeight: 700,
-                  padding: '1px 6px',
-                  lineHeight: 1.5,
-                }}
-              >
-                {count}
-              </span>
-            )}
-          </button>
-        )
-      })}
-    </div>
-  )
-}
-
-// ---------------------------------------------------------------------------
-// Empty state
-// ---------------------------------------------------------------------------
-function EmptyState({ tab }) {
-  const messages = {
-    pending: { icon: '📭', heading: 'Inga förfrågningar', body: 'Du har inga väntande bokningsförfrågningar just nu.' },
-    confirmed: { icon: '📅', heading: 'Inga bekräftade bokningar', body: 'Bekräftade bokningar visas här.' },
-    all: { icon: '🗂', heading: 'Inga bokningar', body: 'Bokningar från dina klienter visas här.' },
-  }
-  const m = messages[tab] ?? messages.all
-
-  return (
-    <div
-      style={{
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        justifyContent: 'center',
-        padding: '48px 24px',
-        color: C.muted,
-        fontFamily: FONT,
-        textAlign: 'center',
-        gap: 8,
-      }}
-    >
-      <span style={{ fontSize: 32 }}>{m.icon}</span>
-      <span style={{ fontSize: 15, fontWeight: 600, color: C.secondary }}>{m.heading}</span>
-      <span style={{ fontSize: 13 }}>{m.body}</span>
-    </div>
-  )
-}
-
-// ---------------------------------------------------------------------------
-// Spinner
-// ---------------------------------------------------------------------------
-function Spinner() {
-  return (
-    <>
-      <style href="booking/spinner" precedence="low">
-        {`@keyframes booking-spin { to { transform: rotate(360deg) } }`}
-      </style>
-      <div
-        style={{
-          width: 22,
-          height: 22,
-          border: '3px solid #e4e4e7',
-          borderTopColor: C.primary,
-          borderRadius: '50%',
-          animation: 'booking-spin 0.7s linear infinite',
-          margin: '40px auto',
-        }}
-      />
-    </>
-  )
-}
-
-// ---------------------------------------------------------------------------
-// Page
-// ---------------------------------------------------------------------------
-export default function BookingsPage({ workspaceId }) {
+export default function BookingsPage () {
+  const { t } = useLocale()
   const [activeTab, setActiveTab] = useState('pending')
   const [bookings, setBookings] = useState([])
   const [loading, setLoading] = useState(true)
   const [error, setError] = useState(null)
 
+  const TABS = useMemo(() => [
+    { id: 'pending', label: t('booking.bookings.tab.pending') },
+    { id: 'confirmed', label: t('booking.bookings.tab.confirmed') },
+    { id: 'all', label: t('booking.bookings.tab.all') },
+  ], [t])
+
+  const EMPTY_MESSAGES = useMemo(() => ({
+    pending: {
+      heading: t('booking.bookings.empty.pending.heading'),
+      body: t('booking.bookings.empty.pending.body'),
+    },
+    confirmed: {
+      heading: t('booking.bookings.empty.confirmed.heading'),
+      body: t('booking.bookings.empty.confirmed.body'),
+    },
+    all: {
+      heading: t('booking.bookings.empty.all.heading'),
+      body: t('booking.bookings.empty.all.body'),
+    },
+  }), [t])
+
   const loadBookings = useCallback(async () => {
     setLoading(true)
     setError(null)
@@ -165,7 +50,7 @@ export default function BookingsPage({ workspaceId }) {
       })
       if (!res.ok) {
         const data = await res.json().catch(() => ({}))
-        throw new Error(data?.message ?? `Fel ${res.status}`)
+        throw new Error(data?.message ?? t('booking.bookings.errorStatus', { status: res.status }))
       }
       const data = await res.json()
       setBookings(data)
@@ -174,20 +59,16 @@ export default function BookingsPage({ workspaceId }) {
     } finally {
       setLoading(false)
     }
-  }, [])
+  }, [t])
 
   useEffect(() => {
     loadBookings()
   }, [loadBookings])
 
-  // Filtered views
   const pending = bookings.filter(b => b.status === 'pending')
   const confirmed = bookings.filter(b => b.status === 'confirmed')
   const visible = activeTab === 'pending' ? pending : activeTab === 'confirmed' ? confirmed : bookings
 
-  const counts = { pending: pending.length, confirmed: confirmed.length, all: bookings.length }
-
-  // Actions
   const handleConfirm = async (booking) => {
     const res = await fetch('/actions/booking/confirm', {
       method: 'POST',
@@ -196,7 +77,7 @@ export default function BookingsPage({ workspaceId }) {
     })
     if (!res.ok) {
       const data = await res.json().catch(() => ({}))
-      throw new Error(data?.message ?? 'Bekräftning misslyckades')
+      throw new Error(data?.message ?? t('booking.bookings.errorConfirm'))
     }
     await loadBookings()
   }
@@ -209,7 +90,7 @@ export default function BookingsPage({ workspaceId }) {
     })
     if (!res.ok) {
       const data = await res.json().catch(() => ({}))
-      throw new Error(data?.message ?? 'Avböjning misslyckades')
+      throw new Error(data?.message ?? t('booking.bookings.errorDecline'))
     }
     await loadBookings()
   }
@@ -222,7 +103,7 @@ export default function BookingsPage({ workspaceId }) {
     })
     if (!res.ok) {
       const data = await res.json().catch(() => ({}))
-      throw new Error(data?.message ?? 'Avbokning misslyckades')
+      throw new Error(data?.message ?? t('booking.bookings.errorCancel'))
     }
     await loadBookings()
   }
@@ -231,56 +112,41 @@ export default function BookingsPage({ workspaceId }) {
     window.location.href = `/bokningar/${booking.id}`
   }
 
+  const empty = EMPTY_MESSAGES[activeTab] ?? EMPTY_MESSAGES.all
+
   return (
-    <div
-      style={{
-        fontFamily: FONT,
-        height: '100%',
-        overflowY: 'auto',
-        background: C.bg,
-        padding: 'var(--space-m, 16px) var(--space-l, 24px)',
-        boxSizing: 'border-box',
-      }}
+    <View
+      gap="m"
+      surface="primary"
+      style={{ padding: 'var(--space-m) var(--space-l)', height: '100%', overflowY: 'auto' }}
     >
-      {/* Page header */}
-      <div style={{ marginBottom: 24 }}>
-        <h1 style={{ margin: 0, fontSize: 20, fontWeight: 700, color: C.primary }}>
-          Bokningar
-        </h1>
-        <p style={{ margin: '4px 0 0', fontSize: 14, color: C.secondary }}>
-          Hantera bokningsförfrågningar och bekräftade möten.
-        </p>
-      </div>
-
-      {/* Content card */}
-      <div
-        style={{
-          background: C.surface,
-          border: `1px solid ${C.border}`,
-          borderRadius: 12,
-          padding: '20px 24px',
-        }}
-      >
-        <TabBar activeId={activeTab} onChange={setActiveTab} counts={counts} />
+      <View inset="s" gap="s">
+        <Title>{Definition.title} — {t('booking.bookings.titleSuffix')}</Title>
+        <Text style={{ maxWidth: '400px' }}>
+          {t('booking.bookings.description')}
+        </Text>
+      </View>
+
+      <View gap="m" inset="s" surface="secondary" roundness="m">
+        <Tabs
+          tabs={TABS}
+          activeTabId={activeTab}
+          onTabClick={(_, tab) => setActiveTab(tab.id)}
+        />
 
         {loading ? (
-          <Spinner />
+          <Text color="secondary" style={{ textAlign: 'center', padding: 'var(--space-l)' }}>
+            {t('booking.bookings.loading')}
+          </Text>
         ) : error ? (
-          <div
-            style={{
-              padding: '24px',
-              fontSize: 14,
-              color: C.errorText,
-              textAlign: 'center',
-              fontFamily: FONT,
-            }}
-          >
-            {error}
-          </div>
+          <Alert variant="danger">{error}</Alert>
         ) : visible.length === 0 ? (
-          <EmptyState tab={activeTab} />
+          <View gap="xs" alignItems="center" inset="l">
+            <Title variant="tertiary">{empty.heading}</Title>
+            <Text color="secondary">{empty.body}</Text>
+          </View>
         ) : (
-          <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>
+          <View gap="s">
             {visible.map(booking => (
               <BookingCard
                 key={booking.id}
@@ -291,9 +157,9 @@ export default function BookingsPage({ workspaceId }) {
                 onView={handleView}
               />
             ))}
-          </div>
+          </View>
         )}
-      </div>
-    </div>
+      </View>
+    </View>
   )
 }

package/src/cover.js

@@ -0,0 +1,8 @@
+export const cover = {
+  title: 'Låt kunder boka tid direkt',
+  text: 'Dela en länk. Kunder väljer tid. Du fokuserar på jobbet.',
+  actions: [
+    { label: 'Kom igång gratis', variant: 'cta', href: '/sign-up' },
+    { label: 'Se ett exempel', variant: 'secondary', href: '/boka/demo' },
+  ],
+}

package/src/en.translations.json

@@ -0,0 +1,213 @@
+{
+  "booking.home.documentTitle": "Booking calendar – Ossy",
+  "booking.home.cover.title": "Let clients book time directly",
+  "booking.home.cover.text": "Share a link. Clients pick a slot. You focus on the work.",
+  "booking.home.cover.ctaPrimary": "Get started free",
+  "booking.home.cover.ctaSecondary": "See an example",
+  "booking.home.features.page.title": "Your booking page",
+  "booking.home.features.page.text": "A personal page at ossy.se/booking/your-name. Share the link with clients — that's all it takes.",
+  "booking.home.features.confirmations.title": "Automatic confirmations",
+  "booking.home.features.confirmations.text": "Clients get a confirmation with a calendar invite instantly. No manual steps on your side.",
+  "booking.home.features.availability.title": "Manage your time",
+  "booking.home.features.availability.text": "Set when you're available. We only show open slots — never double-booked.",
+  "booking.home.features.email.title": "Email ping-pong",
+  "booking.home.features.email.text": "Skip days of back-and-forth just to find a shared slot.",
+  "booking.home.features.doubleBook.title": "No double bookings",
+  "booking.home.features.doubleBook.text": "One calendar here, one link there — we keep track so the same slot isn't booked twice.",
+  "booking.sales.overview": "Overview",
+  "booking.sales.features": "Features",
+  "booking.bookings.documentTitle": "Bookings",
+  "booking.bookings.titleSuffix": "Bookings",
+  "booking.bookings.description": "Manage booking requests and confirmed meetings.",
+  "booking.bookings.tab.pending": "Requests",
+  "booking.bookings.tab.confirmed": "Confirmed",
+  "booking.bookings.tab.all": "All",
+  "booking.bookings.empty.pending.heading": "No requests",
+  "booking.bookings.empty.pending.body": "You have no pending booking requests right now.",
+  "booking.bookings.empty.confirmed.heading": "No confirmed bookings",
+  "booking.bookings.empty.confirmed.body": "Confirmed bookings appear here.",
+  "booking.bookings.empty.all.heading": "No bookings",
+  "booking.bookings.empty.all.body": "Bookings from your clients appear here.",
+  "booking.bookings.loading": "Loading…",
+  "booking.bookings.errorStatus": "Error {status}",
+  "booking.bookings.errorConfirm": "Confirmation failed",
+  "booking.bookings.errorDecline": "Decline failed",
+  "booking.bookings.errorCancel": "Cancellation failed",
+  "booking.bookingDetail.documentTitle": "Booking details",
+  "booking.bookingDetail.back": "← All bookings",
+  "booking.bookingDetail.loading": "Loading…",
+  "booking.bookingDetail.notFound": "Booking not found",
+  "booking.bookingDetail.errorStatus": "Error {status}",
+  "booking.bookingDetail.status.pending": "Awaiting confirmation",
+  "booking.bookingDetail.status.confirmed": "Confirmed",
+  "booking.bookingDetail.status.cancelled": "Cancelled",
+  "booking.bookingDetail.label.dateTime": "Date and time",
+  "booking.bookingDetail.label.duration": "Duration",
+  "booking.bookingDetail.label.message": "Message",
+  "booking.bookingDetail.durationMinutes": "{minutes} minutes",
+  "booking.bookingDetail.durationHours": "{hours} hour",
+  "booking.bookingDetail.durationHoursMinutes": "{hours} hour {minutes} min",
+  "booking.bookingDetail.manageRequest": "Manage request",
+  "booking.bookingDetail.manageBooking": "Manage booking",
+  "booking.bookingDetail.confirm": "Confirm booking",
+  "booking.bookingDetail.confirming": "Confirming…",
+  "booking.bookingDetail.errorConfirm": "Confirmation failed",
+  "booking.bookingDetail.decline": "Decline request",
+  "booking.bookingDetail.declineTitle": "Decline booking request",
+  "booking.bookingDetail.declinePlaceholder": "E.g. Unfortunately the requested time is no longer available…",
+  "booking.bookingDetail.declineReasonHint": "Reason (optional — sent to the client)",
+  "booking.bookingDetail.declineConfirm": "Confirm decline",
+  "booking.bookingDetail.declining": "Declining…",
+  "booking.bookingDetail.errorDecline": "Decline failed",
+  "booking.bookingDetail.cancelMeeting": "Cancel meeting",
+  "booking.bookingDetail.cancelTitle": "Cancel confirmed booking",
+  "booking.bookingDetail.cancelBody": "The client will be notified by email. This action cannot be undone.",
+  "booking.bookingDetail.cancelConfirm": "Confirm cancellation",
+  "booking.bookingDetail.cancelling": "Cancelling…",
+  "booking.bookingDetail.errorCancel": "Cancellation failed",
+  "booking.bookingDetail.cancelButton": "Cancel",
+  "booking.availability.documentTitle": "Availability",
+  "booking.availability.titleSuffix": "Availability",
+  "booking.availability.description": "Set your weekly availability. Clients can only book slots within these windows.",
+  "booking.availabilitySetup.documentTitle": "Availability",
+  "booking.availabilitySetup.title": "Availability",
+  "booking.availabilitySetup.description": "Set when you are available for bookings. Clients can only book times within these windows.",
+  "booking.availabilitySetup.loading": "Loading…",
+  "booking.availabilitySetup.weeklySchedule": "Weekly schedule",
+  "booking.availabilitySetup.day.monday": "Monday",
+  "booking.availabilitySetup.day.tuesday": "Tuesday",
+  "booking.availabilitySetup.day.wednesday": "Wednesday",
+  "booking.availabilitySetup.day.thursday": "Thursday",
+  "booking.availabilitySetup.day.friday": "Friday",
+  "booking.availabilitySetup.day.saturday": "Saturday",
+  "booking.availabilitySetup.day.sunday": "Sunday",
+  "booking.availabilitySetup.unavailable": "Unavailable",
+  "booking.availabilitySetup.sessionDuration": "Session length",
+  "booking.availabilitySetup.sessionDurationHint": "Choose session lengths clients can select.",
+  "booking.availabilitySetup.durationMin": "{minutes} min",
+  "booking.availabilitySetup.bufferLabel": "Buffer time between bookings",
+  "booking.availabilitySetup.bufferNone": "No buffer",
+  "booking.availabilitySetup.bufferMinutes": "{minutes} minutes",
+  "booking.availabilitySetup.bufferHint": "Automatic pause added after each booking.",
+  "booking.availabilitySetup.timezone": "Time zone",
+  "booking.availabilitySetup.save": "Save availability",
+  "booking.availabilitySetup.saving": "Saving…",
+  "booking.availabilitySetup.errorSave": "Could not save ({status})",
+  "booking.availabilitySetup.savedTitle": "Availability saved",
+  "booking.availabilitySetup.savedBody": "Your booking link is ready to share with clients.",
+  "booking.availabilitySetup.copyLink": "Copy link",
+  "booking.availabilitySetup.copied": "Copied!",
+  "booking.services.documentTitle": "Services",
+  "booking.services.titleSuffix": "Services",
+  "booking.services.description": "Define what you offer — name, duration, and price. Clients will see these when booking.",
+  "booking.services.addService": "Add service",
+  "booking.services.yourServices": "Your services",
+  "booking.services.example.introCall.name": "Intro call",
+  "booking.services.example.introCall.description": "A free 30-minute intro to see if we're a good fit.",
+  "booking.services.example.strategy.name": "Strategy session",
+  "booking.services.example.strategy.description": "Deep-dive strategy session.",
+  "booking.book.documentTitle": "Book a session",
+  "booking.book.title": "Book a session",
+  "booking.book.description": "Pick a time that works for you and confirm your appointment.",
+  "booking.book.form.chooseService": "Choose a service",
+  "booking.book.form.loadingServices": "Loading services for workspace {workspaceId}…",
+  "booking.book.form.continuePlaceholder": "Continue (placeholder)",
+  "booking.book.form.pickTime": "Pick a time",
+  "booking.book.form.slotsPlaceholder": "Available slots will appear here.",
+  "booking.book.form.back": "Back",
+  "booking.book.form.yourDetails": "Your details",
+  "booking.book.form.nameLabel": "Name",
+  "booking.book.form.namePlaceholder": "Jane Smith",
+  "booking.book.form.emailLabel": "Email",
+  "booking.book.form.emailPlaceholder": "jane@example.com",
+  "booking.book.form.confirmPay": "Confirm & Pay",
+  "booking.book.form.confirmed": "Booking confirmed!",
+  "booking.book.form.checkEmail": "Check your email for a confirmation.",
+  "booking.availabilityEditor.save": "Save availability",
+  "booking.availabilityEditor.unavailable": "Unavailable",
+  "booking.availabilityEditor.to": "to",
+  "booking.availabilityEditor.buffer": "Buffer",
+  "booking.availabilityEditor.min": "min",
+  "booking.availabilityEditor.day.sun": "Sun",
+  "booking.availabilityEditor.day.mon": "Mon",
+  "booking.availabilityEditor.day.tue": "Tue",
+  "booking.availabilityEditor.day.wed": "Wed",
+  "booking.availabilityEditor.day.thu": "Thu",
+  "booking.availabilityEditor.day.fri": "Fri",
+  "booking.availabilityEditor.day.sat": "Sat",
+  "publicBooking.documentTitle": "Book an appointment",
+  "publicBooking.title": "Book an appointment",
+  "publicBooking.description": "Choose a date and time that works for you.",
+  "publicBooking.loadingSlots": "Loading times…",
+  "publicBooking.slotsError": "Could not load available times.",
+  "publicBooking.noSlots": "No available times for the selected date.",
+  "publicBooking.back": "← Back",
+  "publicBooking.selectedTime": "Selected time: {datetime}",
+  "publicBooking.durationMin": "({minutes} min)",
+  "publicBooking.continue": "Continue →",
+  "publicBooking.pickDate": "Select a highlighted date in the calendar",
+  "publicBooking.form.name": "Your name",
+  "publicBooking.form.namePlaceholder": "Anna Svensson",
+  "publicBooking.form.email": "Email address",
+  "publicBooking.form.emailPlaceholder": "anna@example.com",
+  "publicBooking.form.message": "Message (optional)",
+  "publicBooking.form.messagePlaceholder": "Tell us what you'd like to discuss…",
+  "publicBooking.form.submit": "Send request",
+  "publicBooking.form.submitting": "Sending…",
+  "publicBooking.form.error": "Booking failed ({status})",
+  "publicBooking.pending.title": "Your request has been sent!",
+  "publicBooking.pending.body": "The consultant will confirm shortly. You will receive an email with a calendar invite once the booking is confirmed.",
+  "publicBooking.pending.requestedTime": "Requested time",
+  "publicBooking.pending.duration": "{minutes} minutes",
+  "publicBooking.month.january": "January",
+  "publicBooking.month.february": "February",
+  "publicBooking.month.march": "March",
+  "publicBooking.month.april": "April",
+  "publicBooking.month.may": "May",
+  "publicBooking.month.june": "June",
+  "publicBooking.month.july": "July",
+  "publicBooking.month.august": "August",
+  "publicBooking.month.september": "September",
+  "publicBooking.month.october": "October",
+  "publicBooking.month.november": "November",
+  "publicBooking.month.december": "December",
+  "publicBooking.weekday.sun": "Sun",
+  "publicBooking.weekday.mon": "Mon",
+  "publicBooking.weekday.tue": "Tue",
+  "publicBooking.weekday.wed": "Wed",
+  "publicBooking.weekday.thu": "Thu",
+  "publicBooking.weekday.fri": "Fri",
+  "publicBooking.weekday.sat": "Sat",
+  "publicBooking.weekdayLong.sun": "Sunday",
+  "publicBooking.weekdayLong.mon": "Monday",
+  "publicBooking.weekdayLong.tue": "Tuesday",
+  "publicBooking.weekdayLong.wed": "Wednesday",
+  "publicBooking.weekdayLong.thu": "Thursday",
+  "publicBooking.weekdayLong.fri": "Friday",
+  "publicBooking.weekdayLong.sat": "Saturday",
+  "booking.card.status.pending": "Pending",
+  "booking.card.status.confirmed": "Confirmed",
+  "booking.card.status.cancelled": "Cancelled",
+  "booking.card.view": "View →",
+  "booking.card.confirm": "Confirm",
+  "booking.card.decline": "Decline",
+  "booking.card.cancel": "Cancel",
+  "booking.card.waiting": "Waiting…",
+  "booking.card.errorGeneric": "Something went wrong",
+  "booking/create.label": "Create booking",
+  "booking/create.description": "Create a new booking request from a client",
+  "booking/get-available-slots.label": "Get available slots",
+  "booking/get-available-slots.description": "List bookable time slots for a consultant",
+  "booking/get-availability.label": "Get availability",
+  "booking/get-availability.description": "Load weekly availability settings for the workspace",
+  "booking/save-availability.label": "Save availability",
+  "booking/save-availability.description": "Save weekly availability and booking preferences",
+  "booking/list.label": "List bookings",
+  "booking/list.description": "List all bookings for the current workspace",
+  "booking/decline.label": "Decline booking",
+  "booking/decline.description": "Decline a pending booking request",
+  "booking/confirm.label": "Confirm booking",
+  "booking/confirm.description": "Confirm a pending booking request",
+  "booking/cancel.label": "Cancel booking",
+  "booking/cancel.description": "Cancel a confirmed booking"
+}

package/src/features.js

@@ -0,0 +1,27 @@
+export const features = [
+  {
+    title: 'Din bokningssida',
+    icon: 'share',
+    text: 'En personlig sida på ossy.se/boka/ditt-namn. Dela länken med kunder – det är allt som krävs.',
+  },
+  {
+    title: 'Automatiska bekräftelser',
+    icon: 'check-circle',
+    text: 'Kunden får en bekräftelse med kalenderinbjudan direkt. Inga manuella steg från din sida.',
+  },
+  {
+    title: 'Hantera din tid',
+    icon: 'calendar',
+    text: 'Ange när du är tillgänglig. Vi visar bara lediga tider – aldrig dubbelbokade.',
+  },
+  {
+    title: 'E-postpingpong',
+    icon: 'mail',
+    text: 'Slipp fram och tillbaka i flera dagar bara för att hitta ett gemensamt tidslucka.',
+  },
+  {
+    title: 'Inga dubbelbokningar',
+    icon: 'warning',
+    text: 'En kalender här, en länk där – vi håller koll så samma tid inte bokas två gånger.',
+  },
+]