@nuxt-customer-portal/planning 0.4.0

package/app/pages/booking/[slug].vue

@@ -0,0 +1,298 @@
+<script setup lang="ts">
+import type { HoldResult } from '../../composables/usePlanning'
+import { resolveCheckoutQuery, resolveCheckoutReturnUrl } from '@nuxt-customer-portal/products/shared/checkout-query'
+import { formatMoney } from '@nuxt-customer-portal/products/shared/money'
+
+definePageMeta({ path: '/store/:slug/book', public: true, layout: 'store', key: (route) => `booking:${route.path}` })
+const route = useRoute(),
+  { t, locale, setLocale } = useI18n(),
+  query = resolveCheckoutQuery(route.query),
+  product = await useProducts().catalog(String(route.params.slug), query.locale, query.currency)
+if (locale.value !== query.locale) {
+  await setLocale(query.locale)
+}
+if (!product.planningEnabled) {
+  await navigateTo({ path: `/store/${encodeURIComponent(product.slug)}`, query: route.query })
+}
+const returnUrl = computed(() => resolveCheckoutReturnUrl(route.query.returnUrl, product.checkoutAppearance.returnUrl))
+const currency = ref(
+  product.prices.some((p) => p.currency === query.currency) ? query.currency! : product.prices[0]?.currency || 'EUR'
+)
+const appearance = computed(() => product.checkoutAppearance)
+const themeStyle = computed(() => ({
+  '--checkout-paper': appearance.value.paperColor,
+  '--checkout-surface': appearance.value.surfaceColor,
+  '--checkout-ink': appearance.value.inkColor,
+  '--checkout-muted': appearance.value.mutedColor,
+  '--checkout-display': appearance.value.displayColor,
+  '--checkout-accent': appearance.value.accentColor,
+  '--checkout-action': appearance.value.actionColor,
+  '--checkout-focus': appearance.value.focusColor,
+  '--checkout-border': appearance.value.borderColor,
+  '--checkout-radius': `${appearance.value.radius}px`,
+  '--checkout-display-font': appearance.value.displayFontFamily,
+  '--checkout-body-font': appearance.value.bodyFontFamily
+}))
+const selectedPrice = computed(() => product.prices.find((price) => price.currency === currency.value))
+const endpoint = String(useRuntimeConfig().public.productsImageKitUrlEndpoint || '').replace(/\/$/, '')
+const imageSource = (url: string) => (endpoint && url.startsWith(`${endpoint}/`) ? url.slice(endpoint.length) : url)
+const imageProvider = (url: string) => (endpoint && url.startsWith(`${endpoint}/`) ? 'imagekit' : undefined)
+async function reserved(hold: HoldResult) {
+  await navigateTo({
+    path: `/store/${encodeURIComponent(product.slug)}`,
+    query: { ...route.query, currency: hold.currency, locale: product.locale, holdToken: hold.holdToken }
+  })
+}
+useHead({ title: `${t('planning.bookNow')} — ${product.title}`, meta: [{ name: 'referrer', content: 'no-referrer' }] })
+</script>
+
+<template>
+  <main class="checkout-page booking-page" :style="themeStyle">
+    <div class="checkout-shell">
+      <header class="checkout-header">
+        <a v-if="returnUrl" :href="returnUrl" class="checkout-back">← {{ t('products.backToOffering') }}</a>
+        <img v-if="appearance.logoUrl" :src="appearance.logoUrl" :alt="appearance.hostName" class="checkout-logo" />
+        <span v-else class="checkout-wordmark">{{ appearance.hostName }}</span>
+        <span class="checkout-secure" :class="{ 'checkout-test': product.storeMode === 'sandbox' }">{{
+          t(product.storeMode === 'sandbox' ? 'products.testCheckoutLabel' : 'products.secureCheckout')
+        }}</span>
+      </header>
+      <div class="checkout-grid">
+        <aside class="order-card" aria-labelledby="order-title">
+          <p class="checkout-eyebrow">{{ t('products.yourSelection') }}</p>
+          <div class="order-product">
+            <NuxtImg
+              v-if="product.thumbnailImage"
+              :provider="imageProvider(product.thumbnailImage)"
+              :src="imageSource(product.thumbnailImage)"
+              :alt="product.title"
+              preset="productThumbnail"
+              width="112"
+              height="112"
+              class="order-thumbnail"
+            />
+            <div class="min-w-0">
+              <h1 id="order-title">{{ product.title }}</h1>
+              <p v-if="product.subtitle" class="order-subtitle">{{ product.subtitle }}</p>
+            </div>
+          </div>
+          <p class="order-summary">{{ product.summary }}</p>
+          <details class="mobile-offering-details">
+            <summary>{{ t('planning.offeringDetails') }}</summary>
+            <p>{{ product.summary }}</p>
+          </details>
+          <p class="booking-duration">
+            <UIcon name="i-lucide-clock" aria-hidden="true" />{{
+              t('planning.duration', { minutes: product.durationMinutes })
+            }}
+          </p>
+          <div class="order-price">
+            <span>{{ t('products.total') }}</span
+            ><strong>{{
+              product.isFree
+                ? t('products.freeProduct')
+                : selectedPrice
+                  ? formatMoney(selectedPrice.amount, selectedPrice.currency, product.locale)
+                  : ''
+            }}</strong>
+          </div>
+          <UFormField v-if="product.prices.length > 1" :label="t('products.price')" class="mt-5">
+            <USelect
+              v-model="currency"
+              class="w-full"
+              :items="
+                product.prices.map((p) => ({
+                  value: p.currency,
+                  label: formatMoney(p.amount, p.currency, product.locale)
+                }))
+              "
+            />
+          </UFormField>
+        </aside>
+        <section class="checkout-form-panel booking-panel" aria-labelledby="booking-title">
+          <p class="checkout-eyebrow">{{ t('planning.bookNow') }}</p>
+          <h2 id="booking-title">{{ t('planning.chooseAppointmentTime') }}</h2>
+          <PlanningSlotPicker
+            :key="currency"
+            docked
+            :product-id="product.id"
+            :currency="currency"
+            :locale="product.locale"
+            @reserved="reserved"
+          />
+        </section>
+      </div>
+    </div>
+  </main>
+</template>
+
+<style scoped src="../../../../products/app/assets/css/checkout.css"></style>
+
+<style scoped>
+/* Hallmark · component: mobile booking · theme: existing checkout · tone: soft
+ * pre-emit critique: P4 H5 E4 S5 R5 V4
+ */
+.mobile-offering-details {
+  display: none;
+}
+.booking-page .booking-panel {
+  --booking-field-background: var(--checkout-surface);
+  background: var(--checkout-surface);
+  border: 1px solid var(--checkout-border);
+  border-radius: var(--checkout-radius);
+  padding: clamp(20px, 3vw, 32px);
+}
+@media (min-width: 961px) {
+  .booking-page .booking-panel > .checkout-eyebrow {
+    margin-bottom: 12px;
+  }
+  .booking-page .order-product {
+    align-items: start;
+  }
+  .booking-page #order-title,
+  .booking-page #booking-title {
+    line-height: 1.08;
+  }
+}
+@media (max-width: 960px) {
+  .booking-page .booking-panel {
+    padding: 16px 12px;
+  }
+  .booking-page .checkout-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+  .booking-page .order-card {
+    position: static;
+  }
+  .booking-page .checkout-shell {
+    padding-top: 8px;
+  }
+  .booking-page .checkout-header {
+    grid-template-columns: minmax(0, 1fr) auto;
+    min-height: 48px;
+    margin-bottom: 12px;
+  }
+  .booking-page .checkout-secure {
+    display: none;
+  }
+  .booking-page .checkout-test {
+    display: block;
+    grid-column: 1 / -1;
+  }
+  .booking-page .checkout-logo {
+    max-height: 36px;
+    max-width: 120px;
+  }
+  .booking-page .checkout-back {
+    font-size: 0.75rem;
+  }
+  .booking-page .checkout-grid {
+    gap: 16px;
+  }
+  .booking-page .order-card {
+    padding: 12px;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: center;
+    gap: 4px 12px;
+  }
+  .booking-page .order-product {
+    grid-column: 1 / -1;
+  }
+  .booking-page .order-card > .mt-5 {
+    grid-column: 1 / -1;
+  }
+  .booking-page .order-card > .checkout-eyebrow,
+  .booking-page .order-summary,
+  .booking-page .order-subtitle,
+  .booking-page .booking-panel > .checkout-eyebrow {
+    display: none;
+  }
+  .booking-page .order-product {
+    grid-template-columns: 48px minmax(0, 1fr);
+    gap: 12px;
+  }
+  .booking-page .order-thumbnail {
+    width: 48px;
+    height: 48px;
+  }
+  .booking-page h1 {
+    font-size: 1.25rem;
+    line-height: 1.15;
+  }
+  .booking-page .booking-duration {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background: none;
+    font-size: 0.85rem;
+  }
+  .booking-page .order-price {
+    padding-top: 0;
+    border: 0;
+    font-size: 0.85rem;
+  }
+  .booking-page .order-price > span {
+    display: none;
+  }
+  .booking-page .order-price strong {
+    font-size: 1rem;
+  }
+  .mobile-offering-details {
+    display: block;
+    margin-top: 0;
+    grid-column: 1 / -1;
+    grid-row: 3;
+    color: var(--checkout-muted);
+    font-size: 0.85rem;
+  }
+  .mobile-offering-details summary {
+    cursor: pointer;
+    min-height: 28px;
+  }
+  .mobile-offering-details p {
+    margin-block: 8px;
+    line-height: 1.55;
+  }
+  .booking-page .booking-panel > h2 {
+    font-size: 2rem;
+    margin-bottom: 12px;
+  }
+}
+.booking-panel > h2 {
+  margin-bottom: 28px;
+}
+.booking-duration {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin: 20px 0;
+  padding: 14px 16px;
+  border: 1px solid color-mix(in srgb, var(--checkout-accent) 25%, transparent);
+  border-radius: calc(var(--checkout-radius) * 0.62);
+  background: color-mix(in srgb, var(--checkout-accent) 7%, var(--checkout-surface));
+  color: var(--checkout-display);
+  font-size: 1.15rem;
+  font-weight: 600;
+}
+.booking-duration :deep(svg),
+.booking-duration :deep(.iconify) {
+  width: 22px;
+  height: 22px;
+  color: var(--checkout-accent);
+}
+.booking-panel :deep(h2) {
+  font-size: 1rem;
+  line-height: 1.5;
+}
+.booking-panel > h2 {
+  font-size: clamp(2.15rem, 5vw, 3.75rem);
+  line-height: 1.04;
+}
+.booking-panel :deep(.text-muted) {
+  color: var(--checkout-muted);
+}
+.booking-panel :deep(button) {
+  --ui-primary: var(--checkout-accent);
+}
+</style>

package/app/pages/my-appointment-settings.vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+definePageMeta({ path: '/planning/settings' })
+const { t } = useI18n(),
+  route = useRoute()
+const items = computed(() => [
+  { label: t('planning.calendarSettings'), value: 'calendar', slot: 'calendar' },
+  { label: t('planning.meetingSettings'), value: 'meeting', slot: 'meeting' }
+])
+const tab = computed({
+  get: () => (route.query.tab === 'meeting' ? 'meeting' : 'calendar'),
+  set: (value: string) => {
+    void navigateTo({ query: { ...route.query, tab: value === 'meeting' ? 'meeting' : undefined } }, { replace: true })
+  }
+})
+</script>
+
+<template>
+  <div class="h-full min-h-0 overflow-y-auto">
+    <UContainer class="space-y-6 py-8">
+      <h1 class="text-2xl font-bold">{{ t('planning.myAppointmentSettings') }}</h1>
+      <UTabs
+        v-model="tab"
+        :items="items"
+        variant="link"
+        :unmount-on-hide="true"
+        :ui="{ list: 'justify-start', trigger: 'grow-0' }"
+        class="w-full"
+      >
+        <template #calendar><PlanningPersonalCalendarSettings class="pt-4" /></template>
+        <template #meeting><PlanningPersonalMeetingSettings class="pt-4" /></template> </UTabs
+    ></UContainer>
+  </div>
+</template>

package/app/plugins/planning.ts

@@ -0,0 +1,5 @@
+import { planningFeature } from '../../shared/feature'
+
+export default defineNuxtPlugin(() => {
+  usePortalFeatures().registerFeature(planningFeature)
+})

package/i18n/locales/en.json

@@ -0,0 +1,260 @@
+{
+  "planning": {
+    "midnight": "midnight",
+    "planning": "Planning",
+    "appointments": "Appointments",
+    "emailNewAppointment": "New appointment",
+    "emailUpdatedAppointment": "Updated appointment",
+    "emailCanceledAppointment": "Canceled appointment",
+    "emailZoomLinkReady": "Zoom link ready",
+    "availability": "Availability",
+    "settings": "Planning settings",
+    "timezone": "Timezone",
+    "provider": "Team member",
+    "anyProvider": "Any available team member",
+    "previousMonth": "Previous month",
+    "nextMonth": "Next month",
+    "loading": "Loading availability…",
+    "loadError": "Could not load planning information. Please try again.",
+    "noAvailability": "No available times. Choose another date or team member.",
+    "slotUnavailable": "This time is no longer available. Please choose another slot.",
+    "reserveHint": "Selecting a time reserves it while you complete checkout. The checkout shows your reservation deadline.",
+    "continueToCheckout": "Continue to checkout",
+    "changeDate": "Change date",
+    "offeringDetails": "Offering details",
+    "confirmTimeHint": "Review your time, then continue to reserve it while you complete checkout.",
+    "bookNow": "Book now",
+    "back": "Back",
+    "duration": "{minutes} minutes",
+    "noAppointments": "No appointments yet.",
+    "manage": "Manage appointment",
+    "confirmed": "Confirmed",
+    "cancelled": "Cancelled",
+    "reschedule": "Change appointment",
+    "cancel": "Cancel appointment",
+    "joinMeeting": "Join meeting",
+    "changesUsed": "{used} changes used; {free} included without charge.",
+    "changeCosts": "This change costs {amount}. Your existing appointment stays confirmed until checkout succeeds.",
+    "freeChange": "This change is included without charge. Complete checkout to confirm your new time.",
+    "cancelConfirm": "Cancel this appointment? Your eligible refund is {amount}.",
+    "confirmCancellation": "Confirm cancellation",
+    "actionError": "Could not complete this action. Please try again.",
+    "reservationMinutes": "Reservation length (minutes)",
+    "slotIntervalMinutes": "Start time interval (minutes)",
+    "displayIntervalMinutes": "Maximum displayed start-time spacing (minutes)",
+    "bookingHorizonDays": "Book up to this many days ahead",
+    "minimumNoticeMinutes": "Minimum booking notice (minutes)",
+    "freeChanges": "Included appointment changes",
+    "rescheduleCutoffMinutes": "Change cutoff before appointment (minutes)",
+    "cancellationCutoffMinutes": "Cancellation cutoff before appointment (minutes)",
+    "refundPercentage": "Cancellation refund (%)",
+    "cancellationEnabled": "Allow customer cancellations",
+    "changeFeeCurrency": "Change fee ({currency})",
+    "changeFees": "Change fees",
+    "policyGroup": {
+      "schedule": {
+        "title": "Appointment timing",
+        "description": "Set appointment holds and the spacing between offered start times."
+      },
+      "bookingWindow": {
+        "title": "Booking window",
+        "description": "Control how early and how far ahead customers can book."
+      },
+      "changes": {
+        "title": "Appointment changes",
+        "description": "Configure included changes, deadlines and any applicable fees."
+      },
+      "cancellations": {
+        "title": "Cancellations and refunds",
+        "description": "Choose whether customers can cancel and what refund they receive."
+      }
+    },
+    "connections": "Calendar and meeting connections",
+    "connected": "Connected",
+    "notConnected": "Not connected",
+    "connect": "Connect or reconnect",
+    "disconnect": "Disconnect",
+    "connectionError": "Could not connect to Zoom. Your administrator may need to configure Zoom.",
+    "googleConnectionError": "Google Calendar is not configured for this portal yet. Ask an administrator to add the Google OAuth credentials.",
+    "connectMainCalendar": "Connect your main calendar",
+    "connectMainCalendarDescription": "Start with the Google Calendar that will receive your portal appointments.",
+    "mainCalendarPermissions": "Your main calendar needs read and write access so the portal can check conflicts and manage appointment events.",
+    "connectGoogleCalendar": "Connect Google Calendar",
+    "mainCalendar": "Main calendar",
+    "mainCalendarFixedDescription": "This calendar receives portal availability and appointments. Switching it will be a separate deliberate action.",
+    "chooseMainCalendarDescription": "Choose the writable calendar that should receive portal appointments. This choice becomes fixed after setup.",
+    "readWrite": "Read and write",
+    "portalCalendarDestination": "Portal availability and appointments",
+    "chooseMainCalendar": "Choose your main calendar",
+    "additionalCalendars": "Additional calendars",
+    "additionalCalendarsDescription": "Optionally check other calendars for conflicts. The portal never writes appointment events to them.",
+    "readOnly": "Conflict checking only",
+    "addConflictCalendars": "Add calendars to check",
+    "noAdditionalCalendars": "No other calendars are available in this Google account.",
+    "schedulingPreferences": "Scheduling preferences",
+    "setMainCalendar": "Set main calendar",
+    "calendarSettings": "Calendar settings",
+    "graceMinutes": "Grace time after portal appointments (minutes)",
+    "availabilityCalendarTitle": "Availability calendar event title",
+    "availabilityCalendarTitleDescription": "Shown as the title of availability events in your main calendar.",
+    "busyCalendars": "Calendars that block availability",
+    "writeCalendar": "Calendar for portal availability and bookings",
+    "save": "Save",
+    "planningDisabled": "Planning is switched off for you. Your administrator can enable it after setup.",
+    "previousWeek": "Previous week",
+    "nextWeek": "Next week",
+    "addWindow": "Add availability",
+    "allProducts": "All assigned plannable products",
+    "selectedProducts": "Selected products",
+    "conflict": "Calendar conflict",
+    "syncError": "Calendar or meeting synchronization needs attention.",
+    "editOne": "Edit only this occurrence",
+    "date": "Date",
+    "startTime": "Start time",
+    "endTime": "End time",
+    "weekly": "Repeat weekly",
+    "endDate": "Last date (optional)",
+    "products": "Products",
+    "delete": "Delete availability",
+    "deleteOccurrenceConfirm": "Remove this occurrence? Confirmed appointments are preserved.",
+    "deleteSeriesConfirm": "Remove this availability window or series? Confirmed appointments are preserved.",
+    "providers": "Team members",
+    "organizationPolicy": "Organization booking policy",
+    "pendingTasks": "Synchronization and refunds",
+    "pendingTasksDescription": "Review calendar, appointment, checkout and refund task history for this organization.",
+    "noPendingTasks": "Everything has been processed.",
+    "noPendingTasksDescription": "There are no synchronization or refund tasks requiring attention.",
+    "noMatchingTasks": "No matching tasks",
+    "noMatchingTasksDescription": "No synchronization or refund tasks match these filters.",
+    "attempts": "{count} attempts",
+    "retry": "Retry pending tasks",
+    "retryAll": "Retry all",
+    "retryTask": "Retry task",
+    "searchSynchronization": "Search tasks, errors or appointments…",
+    "allSyncStatuses": "All statuses",
+    "allTaskTypes": "All task types",
+    "taskType": "Task type",
+    "lastEvent": "Last event",
+    "lastEventValue": "Last event: {date}",
+    "nextRetryValue": "Next automatic retry: {date}",
+    "attemptCount": "Attempts",
+    "failed": "Failed",
+    "queued": "Queued",
+    "succeeded": "Succeeded",
+    "scheduledCheck": "Scheduled check",
+    "taskCount": "{count} tasks",
+    "jobAllProducts": "All products",
+    "noProducts": "No products",
+    "noDestinationCalendar": "No destination calendar selected",
+    "synchronizationPages": "Synchronization task pages",
+    "jobKinds": {
+      "appointment": "Appointment synchronization",
+      "availability": "Availability synchronization",
+      "repair": "Appointment repair",
+      "refund": "Refund",
+      "cleanup": "Calendar cleanup",
+      "close-checkout": "Checkout cleanup",
+      "failed-booking": "Failed booking recovery",
+      "sync": "Calendar reconciliation",
+      "conflict": "Calendar conflict notification"
+    },
+    "product": "Product",
+    "status": "Status",
+    "overridePolicySection": "Override this section",
+    "time": "Time",
+    "timezone": "Timezone",
+    "meetingUrl": "Meeting link",
+    "meetingDetails": "Meeting details",
+    "instructions": "Instructions after purchase",
+    "url": "Portal link",
+    "pendingChange": "A replacement time is reserved. Your current appointment stays confirmed until the change completes.",
+    "abandonChange": "Abandon pending change",
+    "planningDisabledAdmin": "Planning is switched off for your account. After setting up your connections, enable it in Planning settings.",
+    "bookingPolicyTab": "Booking policy",
+    "synchronizationTab": "Synchronization",
+    "staffChangeNotice": "Staff changes do not charge the customer or use their included changes.",
+    "newAppointment": "New appointment",
+    "close": "Close",
+    "chooseProduct": "Choose a product",
+    "newAppointmentNotice": "Choose a product, then select a time and complete checkout. The appointment is confirmed after checkout.",
+    "cancelAction": "Cancel",
+    "cancelAppointmentAction": "Cancel this appointment",
+    "chooseTime": "Choose a time",
+    "staffAppointmentsSubtitle": "All appointments in your organization.",
+    "customerAppointmentsSubtitle": "View and manage your appointments.",
+    "searchAppointments": "Search appointments…",
+    "allStatuses": "All statuses",
+    "allAppointments": "All appointments",
+    "host": "Host",
+    "customer": "Customer",
+    "meetingProvider": "Meeting provider",
+    "allHosts": "All hosts",
+    "unknownHost": "Unknown host",
+    "conflictsOnly": "Conflicts only",
+    "hostTimezone": "Host time",
+    "customerTimezone": "Customer time",
+    "sortDate": "Date",
+    "sortTitle": "Product name",
+    "sort": "Sort appointments",
+    "sortAscending": "Sort ascending",
+    "sortDescending": "Sort descending",
+    "noMatchingAppointments": "No matching appointments",
+    "emptyAppointmentsDescription": "Appointments appear here after booking and checkout.",
+    "editAppointment": "Manage appointment",
+    "manageAppointment": "Manage appointment",
+    "viewAppointment": "View appointment",
+    "zoomMeeting": "Zoom meeting",
+    "zoomLinkReady": "Link ready",
+    "zoomLinkPending": "The Zoom link is being prepared",
+    "bookingReference": "Booking reference",
+    "joinZoom": "Join Zoom Meeting",
+    "dashboard": {
+      "hostUpcoming": "Your upcoming appointments",
+      "clientUpcoming": "Your upcoming bookings",
+      "upcomingDescription": "Your next confirmed appointments at a glance.",
+      "noUpcoming": "You have no upcoming appointments.",
+      "viewAppointments": "View appointments",
+      "overview": "Planning overview",
+      "hostOverviewDescription": "Your schedule and calendar health.",
+      "clientOverviewDescription": "Your current appointment schedule.",
+      "today": "Today",
+      "upcoming": "Upcoming",
+      "conflicts": "Conflicts",
+      "viewConflicts": "View {count} conflicting appointments",
+      "manageAvailability": "Manage availability",
+      "manageBookings": "Manage bookings"
+    },
+    "appointmentCount": "{count} appointments",
+    "pagination": "Appointment pages",
+    "myAppointmentSettings": "My appointment settings",
+    "meetingSettings": "Meeting settings",
+    "editAvailability": "Edit availability",
+    "availabilityFormDescription": "Choose when customers can book you. Times are in {timezone}.",
+    "weeklyHelp": "Repeat this time window on the same weekday.",
+    "endDateHelp": "Optional. Leave empty to keep repeating.",
+    "allProductsHelp": "Includes all assigned products, including future assignments. Turn off to choose specific products.",
+    "saveAvailability": "Save availability",
+    "selectAtLeastOneProduct": "Select at least one product.",
+    "dragAvailabilityHelp": "Drag on the calendar to add availability. Select an existing block to edit it.",
+    "calendarAllProducts": "All products",
+    "calendarTimezone": "Calendar timezone",
+    "timezoneRangeError": "Choose a time range within one day in your calendar settings timezone.",
+    "timezoneFavorites": "Favorites",
+    "allTimezones": "All timezones",
+    "removeTimezoneFavorite": "Remove {timezone} from favorites",
+    "timezoneReadOnly": "Viewing only. Switch to {timezone} to edit availability.",
+    "calendarReadOnly": "Calendar is read-only.",
+    "externalCalendarBusy": "Busy on another calendar",
+    "allDay": "All day",
+    "externalCalendarLoadError": "Availability from your additional calendars could not be loaded.",
+    "switchToUserTimezone": "Switch to my timezone",
+    "chooseAppointmentTime": "Choose your time",
+    "calendarDate": {
+      "available": "Open slots",
+      "unavailable": "No slots",
+      "past": "Past date",
+      "loading": "Loading slots"
+    },
+    "slotTimesTimezone": "Times shown in {timezone}"
+  }
+}