49 lines
3.5 KiB
TypeScript
49 lines
3.5 KiB
TypeScript
// TestFlight editor (TestFlight tab): What to Test per locale (### whatToTest in the App Store listing file), the
|
|
// Beta App Description per language, notes for Beta App Review, and the beta groups (checked JSON). Saved into the
|
|
// files, then applied with the dry run in the window: test information, and creating the missing groups. Sending a
|
|
// build to external testers and Beta App Review stay the owner's terminal steps.
|
|
import type { EditableResult, Project } from '../../api';
|
|
import { t } from '../../i18n';
|
|
import { ApplyPanel, EditBar, JsonField, TextField, useEdits } from '../../ui/Editor';
|
|
import { Section } from '../../ui/ds';
|
|
import '../../styles/testflight.css';
|
|
|
|
type O = Record<string, unknown>;
|
|
const obj = (v: unknown): O => (v && typeof v === 'object' && !Array.isArray(v) ? (v as O) : {});
|
|
|
|
export function TestFlightEditor({ project, data, onSaved }: { project: Project; data: EditableResult; onSaved: () => void }) {
|
|
const e = useEdits();
|
|
const tf = obj(obj(data.config.apple).testflight);
|
|
const desc = tf.description;
|
|
const unsaved = e.count(project.id, 'testflight') ? t('ed.saveFirst') : null;
|
|
if (!data.apple) return null;
|
|
return (
|
|
<div className="stack scr-testflight-ed" id="testflight-editor" style={{ gap: 16 }}>
|
|
<Section title={t('ed.tfTitle')} icon="edit" sub={t('ed.tfSub')}>
|
|
<div className="ed-langs">
|
|
{data.apple.map(l => (
|
|
<div className="ed-lang" key={l.lang}>
|
|
<div className="small strong mono-id">{l.lang}</div>
|
|
<TextField project={project} area="testflight" op={{ kind: 'listing', store: 'apple', lang: l.lang, field: 'whatToTest' }} saved={l.values.whatToTest ?? ''}
|
|
label={t('ed.whatToTest')} limit={4000} multiline rows={3} placeholder={l.values.whatsNew ?? ''} hint={l.values.whatToTest ? undefined : t('ed.whatToTestHint')} />
|
|
{typeof desc !== 'string' && (
|
|
<TextField project={project} area="testflight" op={{ kind: 'config', path: `apple.testflight.description.${l.language}` }} saved={typeof obj(desc)[l.language] === 'string' ? String(obj(desc)[l.language]) : ''}
|
|
label={t('ed.betaDescription')} limit={4000} multiline rows={3} />
|
|
)}
|
|
</div>
|
|
))}
|
|
</div>
|
|
{typeof desc === 'string' && <TextField project={project} area="testflight" op={{ kind: 'config', path: 'apple.testflight.description' }} saved={desc} label={t('ed.betaDescriptionAll')} limit={4000} multiline rows={3} />}
|
|
<TextField project={project} area="testflight" op={{ kind: 'config', path: 'apple.testflight.reviewNotes' }} saved={typeof tf.reviewNotes === 'string' ? tf.reviewNotes : ''} label={t('ed.betaNotes')} limit={4000} multiline rows={3} />
|
|
<JsonField project={project} area="testflight" path="apple.testflight.groups" saved={tf.groups ?? null} label={t('ed.tfGroups')} rows={6} hint={t('ed.tfGroupsHint')} />
|
|
</Section>
|
|
<EditBar project={project} area="testflight" data={data} files={[data.files.apple, data.files.config]} onSaved={onSaved} />
|
|
<Section title={t('ed.applyTitle')} icon="upload" sub={t('ed.applyTfSub')}>
|
|
<div className="act-grid tf-apply">
|
|
<ApplyPanel project={project} method="apple.testflight_info" label={t('ed.applyTfInfo')} done={t('ai.pushed')} blocked={unsaved} />
|
|
<ApplyPanel project={project} method="apple.testflight_groups" label={t('tf.groupsSync')} done={t('tf.groupsSynced')} blocked={unsaved} />
|
|
</div>
|
|
</Section>
|
|
</div>
|
|
);
|
|
}
|