@drawbridge/components 0.0.77 → 0.1.0

package/types/dashboard/form-organization-campaign-advertisement.d.ts

@@ -0,0 +1,49 @@
+import { ComponentType } from 'react';
+
+export interface FormOrganizationCampaignAdvertisementValues {
+	campaign: string;
+	organization: string;
+	title?: string | null;
+	[ key: string ]: unknown;
+}
+
+// Creating: a title only.
+export interface FormOrganizationCampaignAdvertisementProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: FormOrganizationCampaignAdvertisementValues;
+}
+
+export interface FormOrganizationCampaignAdvertisementEditValues extends FormOrganizationCampaignAdvertisementValues {
+	action?: string | null;
+	// The uploaded image or video.
+	file?: { id: string; [ key: string ]: unknown } | null;
+	id: string;
+	// A product ad: no link or file. A vendor product (one with a provider)
+	// also has no call to action and a locked title.
+	product?: { provider?: { slug?: string }; [ key: string ]: unknown } | null;
+	// The tracking id, shown under the title.
+	slug?: string;
+	status?: 'drafted' | 'published';
+	url?: string | null;
+	video?: { id: string; [ key: string ]: unknown } | null;
+}
+
+// Managing; reads the advertisement enums from the [ 'app' ] query.
+export interface FormOrganizationCampaignAdvertisementEditProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	// Called on every edit with the preview's values (the form's values plus the action's button label).
+	onUpdate: ( preview: Record<string, unknown> ) => void;
+	// The organization record, handed to the file picker.
+	organization?: { id: string; [ key: string ]: unknown };
+	values: FormOrganizationCampaignAdvertisementEditValues;
+}
+
+export declare const FormOrganizationCampaignAdvertisementEdit: ComponentType<FormOrganizationCampaignAdvertisementEditProps>;
+
+declare const FormOrganizationCampaignAdvertisement: ComponentType<FormOrganizationCampaignAdvertisementProps>;
+
+export default FormOrganizationCampaignAdvertisement;

package/types/dashboard/form-organization-campaign-agreement.d.ts

@@ -0,0 +1,25 @@
+import { ComponentType } from 'react';
+
+export interface FormOrganizationCampaignAgreementValues {
+	campaign: string;
+	enabled?: boolean;
+	// The agreement's key on the campaign: terms, marketing or sms.
+	id: string;
+	label?: string;
+	link?: string | null;
+	organization: string;
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationCampaignAgreementProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	// Requires a link while enabled (the terms agreement); otherwise one is optional.
+	enforceLink?: boolean;
+	values: FormOrganizationCampaignAgreementValues;
+}
+
+declare const FormOrganizationCampaignAgreement: ComponentType<FormOrganizationCampaignAgreementProps>;
+
+export default FormOrganizationCampaignAgreement;

package/types/dashboard/form-organization-campaign-draw.d.ts

@@ -0,0 +1,30 @@
+import { ComponentType } from 'react';
+
+// Reads the draw enums from the [ 'app' ] query. Without `id` it creates a
+// draw (prize and type, then a range or custom dates); with one, only the
+// status can change.
+export interface FormOrganizationCampaignDrawValues {
+	campaign: string;
+	end?: Date | string | null;
+	id?: string;
+	organization: string;
+	// A picked prize; the picker lists the campaign's published prizes.
+	prize?: { id: string; remaining?: number; title?: string; [ key: string ]: unknown } | string | null;
+	range?: { id: string; [ key: string ]: unknown } | string | null;
+	start?: Date | string | null;
+	status?: 'disqualified' | 'qualified' | 'verified';
+	type?: 'all' | 'custom' | 'range';
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationCampaignDrawProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	// Called with the api response plus the `body` that was sent.
+	onSuccess: ( response: { body: Record<string, unknown>; [ key: string ]: unknown } ) => void;
+	values: FormOrganizationCampaignDrawValues;
+}
+
+declare const FormOrganizationCampaignDraw: ComponentType<FormOrganizationCampaignDrawProps>;
+
+export default FormOrganizationCampaignDraw;

package/types/dashboard/form-organization-campaign-field-email.d.ts

@@ -0,0 +1,31 @@
+import { ComponentType } from 'react';
+
+// What the fields page passes: the api's catalog entry (inputs, slug, type)
+// plus the route ids, and the saved field when editing. An input left out of
+// `inputs` renders disabled.
+export interface FormOrganizationCampaignFieldEmailValues {
+	campaign: string;
+	id?: string;
+	inputs?: Array<'label' | 'primary' | 'settings'>;
+	organization: string;
+	slug?: string;
+	type?: 'lead' | 'additional';
+	label?: string;
+	primary?: boolean;
+	settings?: {
+		blacklist?: Array<{ domain: string }>;
+		whitelist?: Array<{ domain: string }>;
+	};
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationCampaignFieldEmailProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: FormOrganizationCampaignFieldEmailValues;
+}
+
+declare const FormOrganizationCampaignFieldEmail: ComponentType<FormOrganizationCampaignFieldEmailProps>;
+
+export default FormOrganizationCampaignFieldEmail;

package/types/dashboard/form-organization-campaign-field-name.d.ts

@@ -0,0 +1,28 @@
+import { ComponentType } from 'react';
+
+// What the fields page passes: the api's catalog entry (inputs, slug, type)
+// plus the route ids, and the saved field when editing. An input left out of
+// `inputs` renders disabled.
+export interface FormOrganizationCampaignFieldNameValues {
+	campaign: string;
+	id?: string;
+	inputs?: Array<'capture'>;
+	organization: string;
+	slug?: string;
+	type?: 'lead' | 'additional';
+	label?: string;
+	// Saved as the parts captured; the form picks between the two shapes.
+	settings?: { capture?: [ 'name' ] | [ 'first', 'last' ] };
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationCampaignFieldNameProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: FormOrganizationCampaignFieldNameValues;
+}
+
+declare const FormOrganizationCampaignFieldName: ComponentType<FormOrganizationCampaignFieldNameProps>;
+
+export default FormOrganizationCampaignFieldName;

package/types/dashboard/form-organization-campaign-field-number.d.ts

@@ -0,0 +1,27 @@
+import { ComponentType } from 'react';
+
+// What the fields page passes: the api's catalog entry (inputs, slug, type)
+// plus the route ids, and the saved field when editing. An input left out of
+// `inputs` renders disabled.
+export interface FormOrganizationCampaignFieldNumberValues {
+	campaign: string;
+	id?: string;
+	inputs?: Array<'attributes' | 'label'>;
+	organization: string;
+	slug?: string;
+	type?: 'lead' | 'additional';
+	attributes?: { max?: number | null; min?: number | null };
+	label?: string;
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationCampaignFieldNumberProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: FormOrganizationCampaignFieldNumberValues;
+}
+
+declare const FormOrganizationCampaignFieldNumber: ComponentType<FormOrganizationCampaignFieldNumberProps>;
+
+export default FormOrganizationCampaignFieldNumber;

package/types/dashboard/form-organization-campaign-field-phone.d.ts

@@ -0,0 +1,29 @@
+import { ComponentType } from 'react';
+
+// What the fields page passes: the api's catalog entry (inputs, slug, type)
+// plus the route ids, and the saved field when editing. An input left out of
+// `inputs` renders disabled.
+export interface FormOrganizationCampaignFieldPhoneValues {
+	campaign: string;
+	id?: string;
+	inputs?: Array<'label' | 'primary' | 'settings'>;
+	organization: string;
+	slug?: string;
+	type?: 'lead' | 'additional';
+	label?: string;
+	primary?: boolean;
+	// Country codes from the [ 'countries' ] query (GET /app/countries).
+	settings?: { countries?: string[] };
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationCampaignFieldPhoneProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: FormOrganizationCampaignFieldPhoneValues;
+}
+
+declare const FormOrganizationCampaignFieldPhone: ComponentType<FormOrganizationCampaignFieldPhoneProps>;
+
+export default FormOrganizationCampaignFieldPhone;

package/types/dashboard/form-organization-campaign-field-select.d.ts

@@ -0,0 +1,29 @@
+import { ComponentType } from 'react';
+
+// What the fields page passes: the api's catalog entry (inputs, slug, type)
+// plus the route ids, and the saved field when editing. An input left out of
+// `inputs` renders disabled.
+export interface FormOrganizationCampaignFieldSelectValues {
+	campaign: string;
+	id?: string;
+	inputs?: Array<'label' | 'settings'>;
+	organization: string;
+	// Set for a prize question: posts to the prize's field route, without `type`.
+	prize?: string;
+	slug?: string;
+	type?: 'lead' | 'additional';
+	label?: string;
+	settings?: { options?: Array<{ option: string }> };
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationCampaignFieldSelectProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: FormOrganizationCampaignFieldSelectValues;
+}
+
+declare const FormOrganizationCampaignFieldSelect: ComponentType<FormOrganizationCampaignFieldSelectProps>;
+
+export default FormOrganizationCampaignFieldSelect;

package/types/dashboard/form-organization-campaign-field-text.d.ts

@@ -0,0 +1,30 @@
+import { ComponentType } from 'react';
+
+// What the fields page passes: the api's catalog entry (inputs, slug, type)
+// plus the route ids, and the saved field when editing. An input left out of
+// `inputs` renders disabled.
+export interface FormOrganizationCampaignFieldTextValues {
+	campaign: string;
+	id?: string;
+	inputs?: Array<'attributes' | 'label'>;
+	organization: string;
+	// Set for a prize question: posts to the prize's field route, without `type`.
+	prize?: string;
+	slug?: string;
+	type?: 'lead' | 'additional';
+	// Defaults to a max length of 150, which is also the ceiling.
+	attributes?: { max?: number };
+	label?: string;
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationCampaignFieldTextProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: FormOrganizationCampaignFieldTextValues;
+}
+
+declare const FormOrganizationCampaignFieldText: ComponentType<FormOrganizationCampaignFieldTextProps>;
+
+export default FormOrganizationCampaignFieldText;

package/types/dashboard/form-organization-campaign-field-textarea.d.ts

@@ -0,0 +1,28 @@
+import { ComponentType } from 'react';
+
+// What the fields page passes: the api's catalog entry (inputs, slug, type)
+// plus the route ids, and the saved field when editing. An input left out of
+// `inputs` renders disabled.
+export interface FormOrganizationCampaignFieldTextareaValues {
+	campaign: string;
+	id?: string;
+	inputs?: Array<'attributes' | 'label'>;
+	organization: string;
+	slug?: string;
+	type?: 'lead' | 'additional';
+	// Defaults to a max length of 300 (the ceiling) and 3 rows (1 to 6).
+	attributes?: { max?: number; rows?: number };
+	label?: string;
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationCampaignFieldTextareaProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: FormOrganizationCampaignFieldTextareaValues;
+}
+
+declare const FormOrganizationCampaignFieldTextarea: ComponentType<FormOrganizationCampaignFieldTextareaProps>;
+
+export default FormOrganizationCampaignFieldTextarea;

package/types/dashboard/form-organization-campaign-integration-age.d.ts

@@ -0,0 +1,24 @@
+import { ComponentType } from 'react';
+
+// What the integrations page passes: the saved integration (if any) plus the
+// route ids and its slug. Without `id` the button reads Add and posts.
+export interface FormOrganizationCampaignIntegrationAgeValues {
+	campaign: string;
+	enabled?: boolean;
+	id?: string;
+	organization: string;
+	settings?: { max?: number | null; min?: number };
+	slug: string;
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationCampaignIntegrationAgeProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: FormOrganizationCampaignIntegrationAgeValues;
+}
+
+declare const FormOrganizationCampaignIntegrationAge: ComponentType<FormOrganizationCampaignIntegrationAgeProps>;
+
+export default FormOrganizationCampaignIntegrationAge;

package/types/dashboard/form-organization-campaign-integration-enable.d.ts

@@ -0,0 +1,24 @@
+import { ComponentType } from 'react';
+
+export interface FormOrganizationCampaignIntegrationValues {
+	campaign: string;
+	enabled?: boolean;
+	// Present once the integration is on the campaign: the form PUTs to it instead of POSTing.
+	id?: string;
+	organization: string;
+	settings?: object;
+	// The integration's slug, e.g. 'recaptcha', 'gtm', 'geocode'.
+	slug: string;
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationCampaignIntegrationEnableProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: FormOrganizationCampaignIntegrationValues;
+}
+
+declare const FormOrganizationCampaignIntegrationEnable: ComponentType<FormOrganizationCampaignIntegrationEnableProps>;
+
+export default FormOrganizationCampaignIntegrationEnable;

package/types/dashboard/form-organization-campaign-integration-geocode.d.ts

@@ -0,0 +1,27 @@
+import { ComponentType } from 'react';
+import { FormOrganizationCampaignIntegrationValues } from './form-organization-campaign-integration-enable';
+
+export interface FormOrganizationCampaignIntegrationGeocodeSettings {
+	// [ longitude, latitude ].
+	coordinates?: [ number, number ];
+	// Meters, up to 1,000,000.
+	radius?: number;
+	// Map zoom, UI only: stripped before the save.
+	zoom?: number;
+}
+
+export interface FormOrganizationCampaignIntegrationGeocodeValues extends FormOrganizationCampaignIntegrationValues {
+	settings?: FormOrganizationCampaignIntegrationGeocodeSettings;
+}
+
+// Reads the Google Maps key from the ['app'] query (credentials.googleApiKey).
+export interface FormOrganizationCampaignIntegrationGeocodeProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: FormOrganizationCampaignIntegrationGeocodeValues;
+}
+
+declare const FormOrganizationCampaignIntegrationGeocode: ComponentType<FormOrganizationCampaignIntegrationGeocodeProps>;
+
+export default FormOrganizationCampaignIntegrationGeocode;

package/types/dashboard/form-organization-campaign-integration-gtm.d.ts

@@ -0,0 +1,18 @@
+import { ComponentType } from 'react';
+import { FormOrganizationCampaignIntegrationValues } from './form-organization-campaign-integration-enable';
+
+export interface FormOrganizationCampaignIntegrationGtmValues extends FormOrganizationCampaignIntegrationValues {
+	// Required, 10 to 20 characters, no spaces, starting with GTM.
+	settings?: { containerId?: string };
+}
+
+export interface FormOrganizationCampaignIntegrationGtmProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: FormOrganizationCampaignIntegrationGtmValues;
+}
+
+declare const FormOrganizationCampaignIntegrationGtm: ComponentType<FormOrganizationCampaignIntegrationGtmProps>;
+
+export default FormOrganizationCampaignIntegrationGtm;

package/types/dashboard/form-organization-campaign-lead.d.ts

@@ -0,0 +1,22 @@
+import { ComponentType } from 'react';
+
+export interface FormOrganizationCampaignLeadValues {
+	campaign: string;
+	// An existing denial: everywhere means it was made for the whole organization.
+	denial?: { everywhere?: boolean } | null;
+	id: string;
+	organization: string;
+	status?: 'approved' | 'denied' | '';
+	[ key: string ]: unknown;
+}
+
+// Reads app.enums.submission.status and app.enums.denial.scope from the ['app'] query.
+export interface FormOrganizationCampaignLeadProps {
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: FormOrganizationCampaignLeadValues;
+}
+
+declare const FormOrganizationCampaignLead: ComponentType<FormOrganizationCampaignLeadProps>;
+
+export default FormOrganizationCampaignLead;

package/types/dashboard/form-organization-campaign-link.d.ts

@@ -0,0 +1,28 @@
+import { ComponentType } from 'react';
+import { Organization } from '../shared/lib/helpers';
+import { CardAssetFile } from '../shared/card-asset';
+
+export interface FormOrganizationCampaignLinkValues {
+	asset?: CardAssetFile | null;
+	campaign: string;
+	icon?: string | null;
+	// Present when editing: the form PUTs to it instead of POSTing.
+	id?: string;
+	organization: string;
+	title?: string;
+	// Must start with https.
+	url?: string;
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationCampaignLinkProps {
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	// Passed through to the image picker.
+	organization?: Organization;
+	values: FormOrganizationCampaignLinkValues;
+}
+
+declare const FormOrganizationCampaignLink: ComponentType<FormOrganizationCampaignLinkProps>;
+
+export default FormOrganizationCampaignLink;

package/types/dashboard/form-organization-campaign-page-affiliates.d.ts

@@ -0,0 +1,16 @@
+import { ComponentType } from 'react';
+
+export interface FormOrganizationCampaignPageAffiliate {
+	title: string;
+	url: string;
+}
+
+export interface FormOrganizationCampaignPageAffiliatesProps {
+	affiliates?: FormOrganizationCampaignPageAffiliate[];
+	// The organization id, for the Manage affiliates link.
+	organization: string;
+}
+
+declare const FormOrganizationCampaignPageAffiliates: ComponentType<FormOrganizationCampaignPageAffiliatesProps>;
+
+export default FormOrganizationCampaignPageAffiliates;

package/types/dashboard/form-organization-campaign-page-embed.d.ts

@@ -0,0 +1,14 @@
+import { ComponentType } from 'react';
+
+export interface FormOrganizationCampaignPageEmbedProps {
+	// No share url renders the publish-first message instead of a snippet.
+	values?: {
+		headline?: string;
+		share?: { url?: string } | null;
+		[ key: string ]: unknown;
+	};
+}
+
+declare const FormOrganizationCampaignPageEmbed: ComponentType<FormOrganizationCampaignPageEmbedProps>;
+
+export default FormOrganizationCampaignPageEmbed;

package/types/dashboard/form-organization-campaign-page-preview.d.ts

@@ -0,0 +1,23 @@
+import { ComponentType } from 'react';
+
+export interface FormOrganizationCampaignPagePreviewToken {
+	// Null or absent means it never expires.
+	expiresAt?: string | null;
+	text?: string;
+}
+
+export interface FormOrganizationCampaignPagePreviewProps {
+	campaign: string;
+	onError?: ( error: Error ) => void;
+	onSuccess?: ( response: unknown ) => void;
+	organization: string;
+	page: string;
+	values?: {
+		tokens?: { preview?: FormOrganizationCampaignPagePreviewToken | null };
+		[ key: string ]: unknown;
+	};
+}
+
+declare const FormOrganizationCampaignPagePreview: ComponentType<FormOrganizationCampaignPagePreviewProps>;
+
+export default FormOrganizationCampaignPagePreview;

package/types/dashboard/form-organization-campaign-page-qr.d.ts

@@ -0,0 +1,44 @@
+import { ComponentType } from 'react';
+import { Organization } from '../shared/lib/helpers';
+
+export interface FormOrganizationCampaignPageQRColor {
+	hex?: string;
+	rgb?: string;
+}
+
+export interface FormOrganizationCampaignPageQRValues {
+	campaign: string;
+	id: string;
+	organization: string;
+	qr?: {
+		colors?: { dark?: FormOrganizationCampaignPageQRColor; light?: FormOrganizationCampaignPageQRColor };
+		// Download urls by size: '500x500', '1200x1200', 'svg'.
+		sizes?: Record<string, string>;
+	};
+	updatedAt?: string;
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationCampaignPageQRProps {
+	// A member who can't manage pages: downloads what exists, makes nothing.
+	disabled?: boolean;
+	// Shows the Customize row when given.
+	onClickCustomize?: () => void;
+	onError?: ( error: Error ) => void;
+	onSuccess?: ( response: { message?: string } ) => void;
+	// Its plan decides page:qrcode.
+	organization: Organization & { id: string; plan?: unknown };
+	values: FormOrganizationCampaignPageQRValues;
+}
+
+export interface FormOrganizationCampaignPageQRCustomizeProps {
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: FormOrganizationCampaignPageQRValues;
+}
+
+export declare const FormOrganizationCampaignPageQRCustomize: ComponentType<FormOrganizationCampaignPageQRCustomizeProps>;
+
+declare const FormOrganizationCampaignPageQR: ComponentType<FormOrganizationCampaignPageQRProps>;
+
+export default FormOrganizationCampaignPageQR;

package/types/dashboard/form-organization-campaign-page-share.d.ts

@@ -0,0 +1,23 @@
+import { ComponentType } from 'react';
+import { Organization } from '../shared/lib/helpers';
+
+export interface FormOrganizationCampaignPageShareProps {
+	// A member who can't manage pages: the preview and custom-url rows turn off.
+	disabled?: boolean;
+	onClickAffiliates?: () => void;
+	onClickEditPreview?: () => void;
+	onClickEditQR?: () => void;
+	onClickEditSlug?: () => void;
+	onClickEmbed?: () => void;
+	// Its plan locks rows; the billing capability shows Upgrade.
+	organization: Organization & { id: string; plan?: unknown };
+	values?: {
+		share?: { short?: string; url?: string };
+		tokens?: { preview?: { expiresAt?: string | null; text?: string } | null };
+		[ key: string ]: unknown;
+	};
+}
+
+declare const FormOrganizationCampaignPageShare: ComponentType<FormOrganizationCampaignPageShareProps>;
+
+export default FormOrganizationCampaignPageShare;

package/types/dashboard/form-organization-campaign-page-slug.d.ts

@@ -0,0 +1,23 @@
+import { ComponentType } from 'react';
+
+export interface FormOrganizationCampaignPageSlugValues {
+	campaign: string;
+	id: string;
+	organization: string;
+	share: { url: string; [ key: string ]: unknown };
+	// The default slug; a Revert card shows while slug differs from it.
+	shortId: string;
+	// 5 to 15 characters.
+	slug: string;
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationCampaignPageSlugProps {
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: FormOrganizationCampaignPageSlugValues;
+}
+
+declare const FormOrganizationCampaignPageSlug: ComponentType<FormOrganizationCampaignPageSlugProps>;
+
+export default FormOrganizationCampaignPageSlug;

package/types/dashboard/form-organization-campaign-page.d.ts

@@ -0,0 +1,43 @@
+import { ComponentType } from 'react';
+import { Organization } from '../shared/lib/helpers';
+import { CardAssetFile } from '../shared/card-asset';
+import { CardTemplatePage } from './card-template';
+
+export interface FormOrganizationCampaignPageProps {
+	// Shows the brand picker, and sends brand (or null) with the title.
+	canManageBrands?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: { campaign: string; organization: string; title?: string; [ key: string ]: unknown };
+}
+
+export interface FormOrganizationCampaignPageEditValues {
+	campaign: string;
+	description?: string | null;
+	gallery?: CardAssetFile[];
+	headline?: string;
+	id: string;
+	images?: { logo?: CardAssetFile | null; preview?: CardAssetFile | null };
+	links?: unknown[];
+	organization: string;
+	slug: string;
+	status?: 'drafted' | 'published';
+	style?: CardTemplatePage[ 'style' ] & { image?: { radius?: number }; input?: { radius?: number } };
+	title?: string;
+	[ key: string ]: unknown;
+}
+
+// Reads app.enums.page.status and app.fonts from the ['app'] query.
+export interface FormOrganizationCampaignPageEditProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	// Called with the form values as they change, for the live preview.
+	onUpdate: ( values: unknown ) => void;
+	organization?: Organization;
+	values?: FormOrganizationCampaignPageEditValues;
+}
+
+export declare const FormOrganizationCampaignPage: ComponentType<FormOrganizationCampaignPageProps>;
+
+export declare const FormOrganizationCampaignPageEdit: ComponentType<FormOrganizationCampaignPageEditProps>;