@antelopejs/dms-mailing 0.6.1 → 0.7.1

package/frontend-vue/app/components/TemplatePreviewFrame.vue

@@ -27,7 +27,12 @@ interface TemplatePreviewFrameProps {
 	width: number
 	scale?: number
 	refreshKey?: number
-	/** Fetches only once the frame scrolls into view (galleries). */
+	/**
+	 * Fetches only once the frame scrolls into view (galleries). The frame then
+	 * waits on a blank sheet rather than a skeleton: the gallery's own skeleton
+	 * covers its first load, and a thumbnail starting to load as it scrolls into
+	 * view would bring a skeleton back.
+	 */
 	lazy?: boolean
 	/** Accessible name of the frame. */
 	label?: string
@@ -61,14 +66,15 @@ const props = withDefaults(defineProps<TemplatePreviewFrameProps>(), {
 const emit = defineEmits<{ resolved: [PreviewResponse] }>()
 
 const api = useMailingApi()
-const { locale: uiLocale } = useI18n()
+const { t, locale: uiLocale } = useI18n()
 
 const readStarterPreview = useStarterPreviewRead(
 	() => props.starterId,
 	() => props.locale ?? uiLocale.value,
 )
 const fetchedHtml = ref('')
-const loading = ref(false)
+/** The last read failed: the frame shows its fallback, not a skeleton for ever. */
+const hasFailed = ref(false)
 const height = ref(FALLBACK_HEIGHT)
 const frame = ref<HTMLIFrameElement | null>(null)
 const box = ref<HTMLElement | null>(null)
@@ -87,6 +93,19 @@ function withoutScroll(html: string): string {
 
 const shownHtml = computed(() => withoutScroll(props.html ?? fetchedHtml.value))
 
+const hasSource = computed(
+	() =>
+		props.html !== undefined || Boolean(props.starterId || props.templateId),
+)
+/**
+ * Waiting for the HTML: from the first render (a server render, the debounce
+ * and a lazy frame not yet in view included), so the placeholder holds its
+ * place without a gap between it and the content.
+ */
+const isWaiting = computed(
+	() => !shownHtml.value && hasSource.value && !hasFailed.value,
+)
+
 useIntersectionObserver(box, ([entry]) => {
 	if (entry?.isIntersecting) isVisible.value = true
 })
@@ -110,15 +129,14 @@ async function fetchTemplate(templateId: string): Promise<void> {
 async function load(): Promise<void> {
 	if (props.html !== undefined || !isVisible.value) return
 	if (!props.starterId && !props.templateId) return
-	loading.value = true
 	try {
 		await (props.starterId
 			? fetchStarter()
 			: fetchTemplate(props.templateId as string))
+		hasFailed.value = false
 	} catch {
 		fetchedHtml.value = ''
-	} finally {
-		loading.value = false
+		hasFailed.value = true
 	}
 }
 
@@ -172,12 +190,10 @@ const frameStyle = computed(() => ({
 
 <template>
 	<div ref="box" class="relative overflow-hidden" :style="boxStyle">
-		<USkeleton
-			v-if="!shownHtml && (loading || !isVisible)"
-			class="absolute inset-0 size-full"
-		/>
+		<!-- Rendered only with HTML: an empty frame loads too, and measuring it
+		     would shrink the box to a few pixels. -->
 		<iframe
-			v-show="shownHtml"
+			v-if="shownHtml"
 			ref="frame"
 			:srcdoc="shownHtml"
 			sandbox="allow-same-origin"
@@ -191,5 +207,19 @@ const frameStyle = computed(() => ({
 			:style="frameStyle"
 			@load="measure"
 		/>
+		<div
+			v-else-if="isWaiting && lazy"
+			class="absolute inset-0 bg-white"
+			data-preview-placeholder
+		/>
+		<USkeleton v-else-if="isWaiting" class="absolute inset-0 size-full" />
+		<div
+			v-else-if="hasFailed"
+			class="bg-elevated text-dimmed absolute inset-0 flex flex-col items-center justify-center gap-1.5 text-[12px]"
+			data-preview-fallback
+		>
+			<UIcon name="i-ph-image-broken" class="size-5" aria-hidden="true" />
+			{{ t('dms_mailing.common.preview_unavailable') }}
+		</div>
 	</div>
 </template>

package/frontend-vue/app/components/editor/EditorTemplatePane.vue

@@ -2,7 +2,6 @@
 import { computed, ref, watch } from 'vue'
 import type { TemplateDetails } from '../../composables/useMailingApi'
 import { useEditorContext } from '../../composables/useEditorContext'
-import { useLocalizedDefaults } from '../../composables/useLocalizedDefaults'
 
 const KEY = 'dms_mailing.editor.template_tab'
 const NO_CATEGORY = '__none__'
@@ -10,7 +9,6 @@ const NO_CATEGORY = '__none__'
 const { t } = useI18n()
 const toast = useToast()
 const { editor, session, actions, templateId } = useEditorContext()
-const localized = useLocalizedDefaults()
 
 const template = computed(() => session.state.template)
 const name = ref(template.value.name)
@@ -22,7 +20,7 @@ watch(
 
 const categoryItems = computed(() => [
 	{ value: NO_CATEGORY, label: t(`${KEY}.no_category`), icon: 'i-ph-minus' },
-	...localized.categories(session.state.categories).map((category) => ({
+	...session.state.categories.map((category) => ({
 		value: category.id,
 		label: category.label,
 		icon: category.icon,

package/frontend-vue/app/components/editor/EditorTitle.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { useEditorContext } from '../../composables/useEditorContext'
-import { useLocalizedDefaults } from '../../composables/useLocalizedDefaults'
 import { TEMPLATES_PATH } from '../../utils/pages'
 import type { StatusKey } from '../../utils/lifecycle'
 
@@ -14,7 +13,6 @@ const STATUS_TONES: Record<StatusKey, string> = {
 const SEPARATOR = ' · '
 
 const { t } = useI18n()
-const localized = useLocalizedDefaults()
 const { editor, session } = useEditorContext()
 
 const template = computed(() => session.state.template)
@@ -38,11 +36,7 @@ const statusLabel = computed(() => {
 const categoryLabel = computed(() => {
 	const id = template.value.category
 	if (!id) return t('dms_mailing.editor.toolbar.uncategorised')
-	return (
-		localized
-			.categories(session.state.categories)
-			.find((entry) => entry.id === id)?.label ?? id
-	)
+	return session.state.categories.find((entry) => entry.id === id)?.label ?? id
 })
 </script>
 

package/frontend-vue/app/composables/useLocalizedDefaults.ts

@@ -1,17 +1,15 @@
-import type { StarterSummary, TemplateCategory } from '../types/mailing'
-import { localizeCategories, type OptionalTranslate } from '../utils/categories'
-import { localizeStarters } from '../utils/starters'
+import type { StarterSummary } from '../types/mailing'
+import { localizeStarters, type OptionalTranslate } from '../utils/starters'
 
 /**
- * What the module ships by default (starters, the first categories) named in
- * the interface's language, without touching what is stored.
+ * The starters the module ships, named in the interface's language. Template
+ * names and category labels are localized fields the server reads in the
+ * interface's language.
  */
 export function useLocalizedDefaults() {
 	const { t, te } = useI18n()
 	const translate: OptionalTranslate = (key) => (te(key) ? t(key) : undefined)
 	return {
-		categories: (list: TemplateCategory[]) =>
-			localizeCategories(list, translate),
 		starters: (list: StarterSummary[]) => localizeStarters(list, translate),
 	}
 }

package/frontend-vue/app/composables/useMailingApi.ts

@@ -192,14 +192,14 @@ export function useMailingApi() {
 	return {
 		webhookTest: () =>
 			post<WebhookTestResult>(mailingPath('settings', 'webhook-test'), {}),
+		/** Renames in the interface's language, the other languages kept. */
 		saveTemplateDetails: (id: string, details: TemplateDetails) =>
-			$authFetch<unknown>(mailingPath('tables', 'templates', 'edit'), {
+			$authFetch<unknown>(mailingPath('templates', id, 'details'), {
 				method: 'PUT',
-				query: { id },
 				body: details,
 			}),
 		createTemplate: (input: CreateTemplateInput) =>
-			post<string[]>(mailingPath('tables', 'templates', 'new'), input),
+			post<TemplateRow>(mailingPath('tables', 'templates', 'new'), input),
 		saveContent: (id: string, input: SaveContentInput) =>
 			$authFetch<SavedResponse>(mailingPath('templates', id, 'content'), {
 				method: 'POST',

package/frontend-vue/app/composables/useMailingReads.ts

@@ -30,7 +30,7 @@ import type {
  * `useMailingApi`.
  */
 
-/** The e-mail provider the page header names; nothing read while `enabled` is false. */
+/** The e-mail provider the page toolbar names; nothing read while `enabled` is false. */
 export function useProviderInfo(
 	enabled: MaybeRefOrGetter<boolean>,
 ): ApiDataResult<ProviderInfo> {
@@ -66,7 +66,7 @@ export function useCategoryUsage(): ApiDataResult<CategoryUsageResponse> {
 	)
 }
 
-/** The tenant's template categories, as stored. */
+/** The tenant's template categories, labelled in the interface's language. */
 export function useStoredCategories(): ApiDataResult<CategoriesResponse> {
 	return useApiData<CategoriesResponse>(mailingPath('templates', 'categories'))
 }

package/frontend-vue/app/composables/useTemplateCategories.ts

@@ -1,16 +1,17 @@
-import { useLocalizedDefaults } from './useLocalizedDefaults'
 import { useStoredCategories } from './useMailingReads'
 
 /**
- * The tenant's template categories, named in the interface's language: one
- * read the components showing them share (a table's category cells, the
- * gallery), none when it failed.
+ * The tenant's template categories, labelled in the interface's language by
+ * the server: one read the components showing them share (a table's category
+ * cells, the gallery), none when it failed.
+ * `isAnswered` turns true once the read has answered, with the categories or
+ * a failure.
  */
 export function useTemplateCategories() {
-	const localized = useLocalizedDefaults()
 	const { data, error } = useStoredCategories()
 	const categories = computed(() =>
-		localized.categories(error.value ? [] : (data.value?.categories ?? [])),
+		error.value ? [] : (data.value?.categories ?? []),
 	)
-	return { categories }
+	const isAnswered = computed(() => Boolean(data.value || error.value))
+	return { categories, isAnswered }
 }

package/frontend-vue/app/types/mailing.ts

@@ -271,12 +271,26 @@ export const SEND_STATUSES: SendStatus[] = [
 /** What a provider reports: a suppressed send never reached one. */
 export type SendEventType = Exclude<SendStatus, 'suppressed'>
 
+/** A text written once per language: `{ en: 'Orders', fr: 'Commandes' }`. */
+export type LocalizedText = Record<string, string>
+
+/** A template category as one reader sees it: its label in their language. */
 export interface TemplateCategory {
 	id: string
 	label: string
 	icon: string
 }
 
+/**
+ * A template category as the settings store it, read and written whole by
+ * the settings form: its label in every language.
+ */
+export interface StoredCategory {
+	id: string
+	label: LocalizedText
+	icon: string
+}
+
 export interface TemplateRow {
 	_id: string
 	slug: string
@@ -521,6 +535,10 @@ export interface FunnelStep {
 	rate: number | null
 	/** `false` when nothing reports the events this step counts. */
 	isMeasured?: boolean
+	/** The count over the comparison window; absent with the comparison off. */
+	previousCount?: number
+	/** The change of the count, in percent; absent from an empty comparison. */
+	delta?: number
 }
 
 export interface ProviderInfo {

package/frontend-vue/app/utils/categories.ts

@@ -1,8 +1,33 @@
-import type { TemplateCategory } from '../types/mailing'
+import type {
+	LocalizedText,
+	StoredCategory,
+	TemplateCategory,
+} from '../types/mailing'
 
 const ID_SEPARATOR = '-'
 
-export function serializeCategories(categories: TemplateCategory[]): string {
+/** The language a localized label falls back to, as the server reads it. */
+export const FALLBACK_LOCALE = 'en'
+
+/** A label in `locale`, else in the fallback language. */
+export function labelIn(label: LocalizedText, locale: string): string {
+	return label[locale] ?? label[FALLBACK_LOCALE] ?? ''
+}
+
+/**
+ * `label` with `value` written in `locale`: the other languages are kept,
+ * and the fallback one gets the value while it has none, so a category
+ * added in another language still reads in every language.
+ */
+export function withLabelIn(
+	label: LocalizedText,
+	locale: string,
+	value: string,
+): LocalizedText {
+	return { [FALLBACK_LOCALE]: value, ...label, [locale]: value }
+}
+
+export function serializeCategories(categories: StoredCategory[]): string {
 	return JSON.stringify(categories)
 }
 
@@ -34,7 +59,9 @@ const ICON_PREFIX = 'i-ph-'
  * The icon a new category starts with: the first one of the picker no
  * category uses yet, so a new row never looks like an existing one.
  */
-export function newCategoryIcon(categories: TemplateCategory[]): string {
+export function newCategoryIcon(
+	categories: Pick<TemplateCategory, 'icon'>[],
+): string {
 	const used = new Set(categories.map((category) => category.icon))
 	return CATEGORY_ICONS.find((icon) => !used.has(icon)) ?? DEFAULT_CATEGORY_ICON
 }
@@ -47,12 +74,30 @@ export function iconName(icon: string): string {
 }
 
 /**
- * A row of the categories editor. `isNew` rows were added in this edit: their
- * id follows the label until the form is saved, then stays fixed for good.
+ * A row of the categories editor: `label` is the text of the language being
+ * edited, `labels` what the row stores in every language. `isNew` rows were
+ * added in this edit: their id follows the label until the form is saved,
+ * then stays fixed for good.
  */
 export interface EditableCategory extends TemplateCategory {
 	key: string
 	isNew: boolean
+	labels: LocalizedText
+}
+
+/** The rows of `categories`, each label shown in `locale`. */
+export function toEditableRows(
+	categories: StoredCategory[],
+	locale: string,
+	keyOf: () => string,
+): EditableCategory[] {
+	return categories.map((category) => ({
+		...category,
+		label: labelIn(category.label, locale),
+		labels: category.label,
+		key: keyOf(),
+		isNew: false,
+	}))
 }
 
 const UNIQUE_SUFFIX_START = 2
@@ -69,11 +114,13 @@ export function uniqueId(base: string, taken: Set<string>): string {
 /**
  * The categories an edit stores, one per row in its order: saved rows keep
  * their id, new rows get one derived from their label, unique among the
- * others. A row without a label is sent too, for the server to name it.
+ * others. Each label is written in `locale`, its other languages kept. A row
+ * without a label is sent too, for the server to name it.
  */
 export function toStoredCategories(
 	rows: EditableCategory[],
-): TemplateCategory[] {
+	locale: string,
+): StoredCategory[] {
 	const taken = new Set(rows.filter((row) => !row.isNew).map((row) => row.id))
 	return rows.map((row) => {
 		const id = row.isNew
@@ -82,7 +129,7 @@ export function toStoredCategories(
 		taken.add(id)
 		return {
 			id,
-			label: row.label.trim(),
+			label: withLabelIn(row.labels, locale, row.label.trim()),
 			icon: row.icon || DEFAULT_CATEGORY_ICON,
 		}
 	})
@@ -92,12 +139,12 @@ export function toStoredCategories(
  * A category as the editor hands it to the form: a kept one, or one removed
  * whose templates move to `moveTo` once the form is saved.
  */
-export interface CategoryEntry extends TemplateCategory {
+export interface CategoryEntry extends StoredCategory {
 	moveTo?: string
 }
 
 /** The kept categories of a list, without the removed ones it moves away. */
-export function keptCategories(entries: CategoryEntry[]): TemplateCategory[] {
+export function keptCategories(entries: CategoryEntry[]): StoredCategory[] {
 	return entries.filter((entry) => entry.moveTo === undefined)
 }
 
@@ -115,7 +162,7 @@ export function categoryMoves(entries: CategoryEntry[]): Map<string, string> {
  * whose templates move elsewhere, still under its own id.
  */
 export function withMoves(
-	categories: TemplateCategory[],
+	categories: StoredCategory[],
 	removed: CategoryEntry[],
 ): CategoryEntry[] {
 	return [...categories, ...removed.filter((entry) => entry.moveTo)]
@@ -200,41 +247,3 @@ export function toStoredCategory(
 ): string | null {
 	return value || null
 }
-
-/** Answers the text of an i18n key, or nothing when the catalog lacks it. */
-export type OptionalTranslate = (key: string) => string | undefined
-
-/** The labels the backend's `DEFAULT_CATEGORIES` (`src/types/settings.ts`) ship with. */
-const DEFAULT_CATEGORY_LABELS: Record<string, string> = {
-	orders: 'Orders',
-	account: 'Account & access',
-	billing: 'Billing',
-	marketing: 'Marketing',
-	forms: 'Forms',
-}
-const DEFAULT_CATEGORY_KEY_PREFIX = 'dms_mailing.categories.defaults'
-
-/** The i18n key of a shipped category nobody renamed; absent otherwise. */
-export function defaultCategoryLabelKey(
-	category: TemplateCategory,
-): string | undefined {
-	return DEFAULT_CATEGORY_LABELS[category.id] === category.label
-		? `${DEFAULT_CATEGORY_KEY_PREFIX}.${category.id}`
-		: undefined
-}
-
-/**
- * The categories as the interface shows them: a shipped one still under its
- * original English label reads in the interface's language, a label someone
- * wrote stays as written. Nothing stored changes.
- */
-export function localizeCategories(
-	categories: TemplateCategory[],
-	translate: OptionalTranslate,
-): TemplateCategory[] {
-	return categories.map((category) => {
-		const key = defaultCategoryLabelKey(category)
-		const label = key ? translate(key) : undefined
-		return label ? { ...category, label } : category
-	})
-}

package/frontend-vue/app/utils/funnel.ts

@@ -72,3 +72,28 @@ export function formatRate(rate: number | null, locale: string): string {
 		maximumFractionDigits: RATE_DECIMALS,
 	}).format(rate / PERCENT)
 }
+
+/** Whether the steps carry a comparison window: none does with it off. */
+export const isCompared = (steps: FunnelStepReading[]): boolean =>
+	steps.some((step) => step.previousCount !== undefined)
+
+const DELTA_ARROWS: Record<number, string> = { 1: '▲ ', 0: '', [-1]: '▼ ' }
+
+/**
+ * A step's change as the card prints it ("▲ 12 %"); a dash when none can be
+ * stated, against a step the comparison window never reached.
+ */
+export function formatDelta(delta: number | undefined, locale: string): string {
+	if (delta === undefined) return ABSENT_RATE
+	return `${DELTA_ARROWS[Math.sign(delta)] ?? ''}${formatRate(Math.abs(delta), locale)}`
+}
+
+type DeltaTone = 'success' | 'error' | 'neutral'
+
+/** Growth is good down the funnel, bad for the leak out of it. */
+export function deltaTone(step: FunnelStepReading): DeltaTone {
+	if (!step.delta) return 'neutral'
+	const isGrowing = step.delta > 0
+	const isLeak = step.id === FUNNEL_LEAK_STEP
+	return isGrowing !== isLeak ? 'success' : 'error'
+}

package/frontend-vue/app/utils/period.ts

@@ -1,7 +1,5 @@
 const MINUTE_MS = 60_000
 const DAY_MS = 86_400_000
-const PRESET_KEY_SEPARATOR = /-/g
-const KEY_SEPARATOR = '_'
 
 /** Hour and minute on a 24-hour clock, the way the cards stamp "updated 14:32". */
 export const CLOCK_FORMAT: Intl.DateTimeFormatOptions = {
@@ -10,11 +8,6 @@ export const CLOCK_FORMAT: Intl.DateTimeFormatOptions = {
 	hourCycle: 'h23',
 }
 
-/** The i18n key of a preset's short segmented label ("24H", "7D"…). */
-export function presetShortLabelKey(preset: string): string {
-	return `dms_mailing.period.short.${preset.replace(PRESET_KEY_SEPARATOR, KEY_SEPARATOR)}`
-}
-
 /** Whole minutes elapsed since `iso`; 0 for a missing or future date. */
 export function minutesSince(
 	iso: string | null | undefined,

package/frontend-vue/app/utils/starters.ts

@@ -1,5 +1,7 @@
 import type { StarterSummary } from '../types/mailing'
-import type { OptionalTranslate } from './categories'
+
+/** Answers the text of an i18n key, or nothing when the catalog lacks it. */
+export type OptionalTranslate = (key: string) => string | undefined
 
 const STARTER_NAME_KEY_PREFIX = 'dms_mailing.starters.names'
 

package/frontend-vue/app/utils/tokens.ts

@@ -93,11 +93,16 @@ export function splitTokens(text: string): TextPart[] {
 	return splitRawSegments(text).map(({ kind, value }) => ({ kind, value }))
 }
 
+/**
+ * A test value as the data holds it. Amounts and dates are written for the
+ * recipient's locale by the engine alone (`src/engine/formats.ts`): the
+ * preview and the sends show them formatted, the paper shows them raw.
+ */
 function formatValue(value: unknown): string {
 	return value instanceof Date ? value.toISOString() : String(value)
 }
 
-/** Reads one token path in `data`, formatted like the engine prints it. */
+/** Reads one token path in `data`, as the paper shows it. */
 export function resolveToken(
 	path: string,
 	data: Record<string, unknown>,

package/frontend-vue/i18n/locales/mailing-en-GB.json

@@ -437,11 +437,13 @@
 		"metrics": {
 			"bounces": "Bounces",
 			"click_rate": "Click rate",
+			"compared": "Compared period",
 			"deliverability": "Deliverability",
 			"domain_sends": "Domains with 5 or more deliveries",
 			"domains": "Open rate by domain",
 			"open_rate": "Open rate",
 			"previous": "Previous period",
+			"previous_year": "Previous year",
 			"ranking": "Best opened templates",
 			"sends": "Sends",
 			"unsubscribes": "Unsubscribes",
@@ -532,7 +534,8 @@
 					"send_again": "Send again…",
 					"copy_address": "Copy the address"
 				},
-				"position": "Send {index} of {total} shown",
+				"heading": "{recipientEmail} · {templateSlug}",
+				"position": "Send {index} of {total}",
 				"replayed_by": "Sent again on {date}",
 				"replay_of": "This send repeats an earlier one",
 				"see_send": "See the send",
@@ -619,8 +622,9 @@
 				"latency_detail": "API call to {provider}",
 				"latency_detail_generic": "API call to the provider",
 				"joined": "{left} · {right}",
-				"delta_up": "▲ {delta}",
-				"delta_down": "▼ {delta}",
+				"versus": "vs {previous}",
+				"delta_up_versus": "▲ {delta} vs {previous}",
+				"delta_down_versus": "▼ {delta} vs {previous}",
 				"rate": "{rate}",
 				"latency_ms": "{value} ms",
 				"latency_s": "{value} s",
@@ -999,9 +1003,6 @@
 				"archived": "Archived",
 				"attention": "Needs attention"
 			},
-			"filters": {
-				"category": "Category"
-			},
 			"footer": {
 				"count": "{count} template | {count} templates",
 				"hint": "Open a template to edit it · ↵ open · T test send"
@@ -1075,8 +1076,12 @@
 				"description": "The overview dashboard, or the setup steps until the workspace can send."
 			},
 			"page_header": {
-				"name": "Provider and period",
-				"description": "The provider state and the period switch in the page header."
+				"name": "Page toolbar",
+				"description": "The provider state, the last update, live mode and the period switch at the top of the page."
+			},
+			"provider_pill": {
+				"name": "Provider state",
+				"description": "The pill in the page toolbar saying whether a provider carries the mail."
 			},
 			"settings_form": {
 				"name": "Mailing settings",
@@ -1194,15 +1199,8 @@
 			"current_sender": "Sender as set in the settings today",
 			"meant_for": "The e-mail meant for {name}"
 		},
-		"period": {
-			"short": {
-				"last_hour": "1H",
-				"last_24h": "24H",
-				"today": "1D",
-				"last_7_days": "7D",
-				"last_30_days": "30D",
-				"last_90_days": "90D"
-			}
+		"live": {
+			"new_sends": "{count} new send | {count} new sends"
 		},
 		"page_header": {
 			"provider_connected": "{name} connected",
@@ -1266,11 +1264,13 @@
 			"error_title": "The funnel could not be loaded",
 			"retry": "Try again",
 			"untracked": "Delivery is not measured: connect the provider’s webhook to follow the funnel.",
-			"no_loss": "No e-mail was lost between the steps."
+			"no_loss": "No e-mail was lost between the steps.",
+			"compared_count": "vs {value} in the compared period"
 		},
 		"common": {
 			"cancel": "Cancel",
-			"on_date": "{date}"
+			"on_date": "{date}",
+			"preview_unavailable": "Preview unavailable"
 		},
 		"duplicate": {
 			"title": "Duplicate template",
@@ -1389,15 +1389,6 @@
 			"boolean": "Yes / no",
 			"array": "List"
 		},
-		"categories": {
-			"defaults": {
-				"orders": "Orders",
-				"account": "Account & access",
-				"billing": "Billing",
-				"marketing": "Marketing",
-				"forms": "Forms"
-			}
-		},
 		"starters": {
 			"names": {
 				"order-confirmed": "Order confirmation",