@drawbridge/components 0.0.78 → 0.1.0

package/types/dashboard/form-organization-campaign-prize-edit.d.ts

@@ -0,0 +1,39 @@
+import { ComponentType } from 'react';
+import { Organization } from '../shared/lib/helpers';
+import { CardAssetFile } from '../shared/card-asset';
+
+export interface FormOrganizationCampaignPrizeEditValues {
+	campaign: string;
+	// A row from the ['currencies'] query.
+	currency?: { code: string; digits?: number; [ key: string ]: unknown } | null;
+	description?: string | null;
+	// A verified draw freezes the specifications.
+	draws?: { verified?: number };
+	id?: string;
+	images?: { primary?: CardAssetFile | null };
+	inventory?: number;
+	organization: string;
+	shipping?: boolean;
+	// The tracking id shown under the title.
+	slug?: string;
+	status?: 'drafted' | 'published';
+	title?: string;
+	type?: 'cash' | 'giftcard' | 'product' | 'service' | 'subscription' | 'travel' | string;
+	value?: number;
+	[ key: string ]: unknown;
+}
+
+// Reads app.enums.prize and app.enums.currency from the ['app'] query, and the ['currencies'] query.
+export interface FormOrganizationCampaignPrizeEditProps {
+	disabled?: boolean;
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	// Called with the form values as they change, for the live prize card.
+	onUpdate: ( values: unknown ) => void;
+	organization?: Organization & { id?: string };
+	values: FormOrganizationCampaignPrizeEditValues;
+}
+
+declare const FormOrganizationCampaignPrizeEdit: ComponentType<FormOrganizationCampaignPrizeEditProps>;
+
+export default FormOrganizationCampaignPrizeEdit;

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

@@ -0,0 +1,11 @@
+import { ComponentType } from 'react';
+
+export interface FormOrganizationCampaignPrizeProps {
+	onError: ( error: Error ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values: { campaign: string; organization: string; title?: string; [ key: string ]: unknown };
+}
+
+declare const FormOrganizationCampaignPrize: ComponentType<FormOrganizationCampaignPrizeProps>;
+
+export default FormOrganizationCampaignPrize;

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

@@ -0,0 +1,24 @@
+import { ComponentType } from 'react';
+
+export interface FormOrganizationCampaignRangeValues {
+	campaign: string;
+	end?: string | Date | null;
+	id?: string;
+	organization: string;
+	start?: string | Date | null;
+	title?: string;
+	// Any leads or entries fix the dates.
+	totals?: { entries?: number; leads?: number };
+	[ key: string ]: unknown;
+}
+
+// An API refusal shows in the form itself, so there is no onError.
+export interface FormOrganizationCampaignRangeProps {
+	disabled?: boolean;
+	onSuccess: ( response: unknown ) => void;
+	values: FormOrganizationCampaignRangeValues;
+}
+
+declare const FormOrganizationCampaignRange: ComponentType<FormOrganizationCampaignRangeProps>;
+
+export default FormOrganizationCampaignRange;

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

@@ -0,0 +1,49 @@
+import { ComponentType } from 'react';
+
+type OnError = ( error: Error & { status?: number; data?: unknown } ) => void;
+
+export interface FormOrganizationCampaignValues {
+	brand?: { id: string; title?: string; [ key: string ]: unknown } | null;
+	defaults?: {
+		active?: string | null;
+		confirmation?: string | null;
+		inactive?: string | null;
+		purchase?: string | null;
+		rejection?: string | null;
+	};
+	id?: string;
+	industry?: string | null;
+	notifications?: {
+		draw?: { message?: string; score?: Record<string, unknown> | null; subject?: string; text?: string };
+	};
+	organization?: string;
+	settings?: { submissionEntryFilter?: 'campaign' | 'day' | 'range'; submissionEntryLimit?: number };
+	shop?: { productColumns?: 1 | 2 };
+	status?: string;
+	// A template id: the new campaign copies it and the industry is not asked.
+	template?: string | null;
+	title?: string | null;
+	type?: 'default' | 'giveaway' | string;
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationCampaignFormProps {
+	disabled?: boolean;
+	onError: OnError;
+	onSuccess: ( response: unknown ) => void;
+	values?: FormOrganizationCampaignValues;
+}
+
+// Create. Reads the campaign enums from [ 'app' ] in the query cache.
+export interface FormOrganizationCampaignProps extends FormOrganizationCampaignFormProps {
+	canManageBrands?: boolean;
+}
+
+export declare const FormOrganizationCampaign: ComponentType<FormOrganizationCampaignProps>;
+export declare const FormOrganizationCampaignDefaults: ComponentType<FormOrganizationCampaignFormProps>;
+export declare const FormOrganizationCampaignNotifications: ComponentType<FormOrganizationCampaignFormProps>;
+export declare const FormOrganizationCampaignTitle: ComponentType<FormOrganizationCampaignFormProps>;
+// Reads the status enum from [ 'app' ] in the query cache.
+export declare const FormOrganizationCampaignStatus: ComponentType<FormOrganizationCampaignFormProps>;
+export declare const FormOrganizationCampaignSettingsShop: ComponentType<FormOrganizationCampaignFormProps>;
+export declare const FormOrganizationCampaignSettingsLimits: ComponentType<FormOrganizationCampaignFormProps>;

package/types/dashboard/form-organization-connection.d.ts

@@ -0,0 +1,47 @@
+import { ComponentType } from 'react';
+
+// One field from the vendor manifest (drawbridge-utils connectFields). A field
+// with an `input` is editable; one without is read-only and renders once it
+// holds a value (from `from`, a path on the connection, or settings[ key ]).
+export interface FormOrganizationConnectionField {
+	copy?: boolean;
+	from?: string;
+	hook?: string;
+	input?: 'checkbox' | 'email' | 'number' | 'password' | 'select' | 'switch' | 'text' | 'textarea' | 'url';
+	key: string;
+	label: string;
+	message?: string;
+	options?: { key: string; value: unknown }[];
+	placeholder?: string;
+	redact?: boolean;
+	required?: boolean;
+	search?: boolean;
+	secret?: boolean;
+}
+
+export interface FormOrganizationConnectionProps {
+	disabled?: boolean;
+	onError: ( error: Error & { status?: number; data?: unknown } ) => void;
+	onSuccess: ( response: unknown ) => void;
+	// The connection as GET /organization/:id/connection/:slug serves it. No `id`
+	// means not connected; status 'error' shows what a fresh connection shows.
+	values?: {
+		actions?: { create?: string | null; update?: string | null; [ key: string ]: unknown };
+		connect?: {
+			redirect?: { href?: string; title?: string };
+			type?: 'generated' | 'install' | 'keys' | 'none' | 'oauth';
+			[ key: string ]: unknown;
+		};
+		fields?: FormOrganizationConnectionField[];
+		id?: string;
+		organization?: string;
+		// Switched off on Drawbridge's side: read-only details only.
+		paused?: boolean;
+		settings?: Record<string, unknown>;
+		slug?: string;
+		status?: 'active' | 'error' | 'pending' | string;
+		[ key: string ]: unknown;
+	};
+}
+
+export declare const FormOrganizationConnection: ComponentType<FormOrganizationConnectionProps>;

package/types/dashboard/form-organization-export.d.ts

@@ -0,0 +1,21 @@
+import { ComponentType } from 'react';
+
+export type FormOrganizationExportType = 'contacts' | 'leads' | 'submissions';
+
+export interface FormOrganizationExportProps {
+	onError: ( error: Error & { status?: number; data?: unknown } ) => void;
+	onSuccess: ( response: unknown ) => void;
+	// The types offered follow the viewer's capabilities, read from the
+	// [ 'organization', values.organization ] query cache.
+	values?: {
+		campaign?: { id: string; title?: string; [ key: string ]: unknown } | null;
+		organization?: string;
+		segment?: { id: string; title?: string; [ key: string ]: unknown } | null;
+		type?: FormOrganizationExportType;
+		[ key: string ]: unknown;
+	};
+}
+
+declare const FormOrganizationExport: ComponentType<FormOrganizationExportProps>;
+
+export default FormOrganizationExport;

package/types/dashboard/form-organization-file-frame.d.ts

@@ -0,0 +1,20 @@
+import { ComponentType } from 'react';
+
+export interface FormOrganizationFileFrameProps {
+	onError: ( error: Error & { status?: number; data?: unknown } ) => void;
+	onSuccess: ( response: unknown ) => void;
+	// The video file: sizes.hls / sizes.original feed the player (cache-busted by
+	// updatedAt); timestamp is the scrubbed position, 'HH:MM:SS.mmm'.
+	values: {
+		id: string;
+		organization: string;
+		sizes?: { hls?: string; original?: string; [ size: string ]: string | undefined };
+		timestamp?: string;
+		updatedAt?: string | number | Date;
+		[ key: string ]: unknown;
+	};
+}
+
+declare const FormOrganizationFileFrame: ComponentType<FormOrganizationFileFrameProps>;
+
+export default FormOrganizationFileFrame;

package/types/dashboard/form-organization-file.d.ts

@@ -0,0 +1,33 @@
+import { ComponentType } from 'react';
+
+export interface FormOrganizationFileFrame {
+	sizes?: Record<string, string>;
+	// '00:00:00' from the api, '00:00:00.000' from the scrubber.
+	timestamp?: string;
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationFileProps {
+	disabled?: boolean;
+	onError: ( error: Error & { status?: number; data?: unknown } ) => void;
+	// Videos only: the + tile opens the frame picker.
+	onFrameCreate?: () => void;
+	// Videos only: absent hides every frame's delete control.
+	onFrameDelete?: ( frame: { index: number; frame: FormOrganizationFileFrame } ) => void;
+	onSuccess: ( response: unknown ) => void;
+	values?: {
+		filename?: string | null;
+		frames?: FormOrganizationFileFrame[];
+		id?: string;
+		organization?: string;
+		// Index of the frame used as the video's poster.
+		poster?: number | null;
+		process?: { encode?: boolean; poster?: boolean };
+		type?: 'image' | 'video' | string;
+		[ key: string ]: unknown;
+	};
+}
+
+declare const FormOrganizationFile: ComponentType<FormOrganizationFileProps>;
+
+export default FormOrganizationFile;

package/types/dashboard/form-organization-identity.d.ts

@@ -0,0 +1,87 @@
+import { ComponentType } from 'react';
+
+type OnError = ( error: Error & { status?: number; data?: unknown } ) => void;
+
+export interface FormOrganizationIdentityRecord {
+	data?: string;
+	host?: string;
+	reason?: string;
+	type?: string;
+	valid?: boolean;
+}
+
+export interface FormOrganizationIdentityBusiness {
+	email?: string;
+	image?: string;
+	name?: string;
+	website?: string;
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationIdentityNumber {
+	friendly?: string;
+	id?: string;
+	locality?: string | null;
+	number: string;
+	priceMonthly?: number;
+	[ key: string ]: unknown;
+}
+
+export interface FormOrganizationIdentityEmailProps {
+	onClickDelete?: () => void;
+	onError: OnError;
+	onSuccess: ( response: unknown ) => void;
+	// The email identity row (absent before one exists) plus the context the
+	// settings page renders it against.
+	values?: {
+		address?: { address?: string; [ key: string ]: unknown } | null;
+		domain?: string;
+		errors?: { message?: string }[];
+		from?: string;
+		id?: string;
+		organization?: string;
+		records?: FormOrganizationIdentityRecord[];
+		// The default Drawbridge sender, named while the domain is unverified.
+		sending?: string;
+		step?: {
+			custom?: boolean;
+			failed?: boolean;
+			published?: boolean;
+			states?: { address?: StepState; records?: StepState; verified?: StepState };
+			verified?: boolean;
+		};
+		[ key: string ]: unknown;
+	};
+}
+
+type StepState = 'active' | 'done' | 'waiting';
+
+export interface FormOrganizationIdentitySmsProps {
+	onClickBack?: () => void;
+	onClickSelect?: ( item: FormOrganizationIdentityNumber ) => void;
+	onError: OnError;
+	onSuccess: ( response: unknown ) => void;
+	values?: {
+		business?: FormOrganizationIdentityBusiness;
+		// Business facts still needed, e.g. [ 'legal business name', 'website' ].
+		missing?: string[];
+		organization?: string;
+		// Absent: browse numbers. Present: confirm the purchase.
+		selected?: FormOrganizationIdentityNumber | null;
+	};
+}
+
+export interface FormOrganizationIdentitySmsStatusProps {
+	onClickDelete?: () => void;
+	values?: {
+		business?: FormOrganizationIdentityBusiness;
+		errors?: { message?: string }[];
+		number?: string;
+		status?: 'error' | 'pending' | 'verified' | 'verifying' | string;
+		[ key: string ]: unknown;
+	};
+}
+
+export declare const FormOrganizationIdentityEmail: ComponentType<FormOrganizationIdentityEmailProps>;
+export declare const FormOrganizationIdentitySms: ComponentType<FormOrganizationIdentitySmsProps>;
+export declare const FormOrganizationIdentitySmsStatus: ComponentType<FormOrganizationIdentitySmsStatusProps>;

package/types/dashboard/form-organization-member.d.ts

@@ -0,0 +1,25 @@
+import { ComponentType } from 'react';
+
+export type FormOrganizationMemberLevel = 'manage' | 'read' | null;
+
+// Nested by capability name: { contacts : 'read', campaigns : { leads : 'manage' } }.
+export interface FormOrganizationMemberCapabilities {
+	[ key: string ]: FormOrganizationMemberLevel | FormOrganizationMemberCapabilities;
+}
+
+export interface FormOrganizationMemberProps {
+	onSuccess: ( response: unknown ) => void;
+	// The capability rows render from [ 'app' ].capabilities in the query cache.
+	// With an id the member is updated (PUT) and the email is fixed.
+	values?: {
+		capabilities?: FormOrganizationMemberCapabilities;
+		email?: string;
+		id?: string;
+		organization?: string;
+		[ key: string ]: unknown;
+	};
+}
+
+declare const FormOrganizationMember: ComponentType<FormOrganizationMemberProps>;
+
+export default FormOrganizationMember;

package/types/dashboard/form-organization-segment.d.ts

@@ -0,0 +1,32 @@
+import { ComponentType } from 'react';
+
+export interface FormOrganizationSegmentRule {
+	// One of GET /app's enums.segment.field values ('campaigns', 'emails', 'totals.gross.total', ...).
+	field?: string;
+	operator?: string;
+	// A campaign rule stores the campaign id; the form fetches the campaign to label it.
+	value?: string | number | { id: string; title?: string } | null;
+}
+
+// Reads GET /app's enums.segment from the ['app'] query, which must be loaded.
+export interface FormOrganizationSegmentProps {
+	// A read-only member: every field and the button are disabled.
+	disabled?: boolean;
+	// Called after a create (not after an edit).
+	onClose?: () => void;
+	onError: ( error: unknown ) => void;
+	onSuccess: ( response: unknown ) => void;
+	// With an `id`, the form edits (PUT) instead of creating (POST).
+	values?: {
+		id?: string;
+		match?: 'all' | 'any' | string;
+		organization?: string;
+		rules?: FormOrganizationSegmentRule[];
+		title?: string;
+		[ key: string ]: unknown;
+	};
+}
+
+declare const FormOrganizationSegment: ComponentType<FormOrganizationSegmentProps>;
+
+export default FormOrganizationSegment;

package/types/dashboard/form-organization-workflow.d.ts

@@ -0,0 +1,78 @@
+import { ComponentType } from 'react';
+
+// A step as the api stores it.
+export interface FormOrganizationWorkflowStep {
+	connectionId?: string;
+	settings?: {
+		discount?: { id: string; title?: string; [ key: string ]: unknown } | null;
+		// Member ids; the owner is always a recipient and is never stored.
+		members?: string[];
+		message?: string;
+		score?: Record<string, unknown> | null;
+		subject?: string;
+		text?: string;
+		url?: string;
+	};
+	slug?: string;
+	// 'step.email.notify' | 'step.email.send' | 'step.email.digest' | 'step.commerce.code.issue' | 'step.webhook.send' | ...
+	type?: string;
+}
+
+// The row shape the editor seeds each step with.
+export interface FormOrganizationWorkflowRow {
+	connectionId: string;
+	discount: Record<string, unknown> | null;
+	members: Record<string, unknown>[];
+	message: string;
+	score: Record<string, unknown> | null;
+	slug: string;
+	subject: string;
+	text: string;
+	type: string;
+	url: string;
+}
+
+interface Callbacks {
+	disabled?: boolean;
+	onClose?: () => void;
+	onError: ( error: unknown ) => void;
+	onSuccess: ( response: unknown ) => void;
+}
+
+// Quick create: a trigger and a title (POST /organization/:id/workflow).
+// Reads GET /organization/:id/workflows/catalog.
+export interface FormOrganizationWorkflowProps extends Callbacks {
+	values?: {
+		organization?: string;
+		// A checklist deep link's step type: created with starter settings.
+		step?: string;
+		triggerEvent?: string;
+	};
+}
+
+// The full editor (PUT /organization/:id/workflow/:id). Reads the catalog, the
+// accepted members and, for commerce steps, the connection; also needs the
+// ['organization', id] query (with owner.email) loaded.
+export interface FormOrganizationWorkflowEditProps extends Callbacks {
+	values: {
+		id: string;
+		// Sync's run-time issue, shown on the first step of `step`'s type.
+		issue?: { message?: string; step?: string } | null;
+		organization: string;
+		steps?: FormOrganizationWorkflowStep[];
+		title?: string;
+		trigger?: {
+			event?: string;
+			filters?: { campaign?: string | { id: string } | null; segment?: string | { id: string } | null };
+		};
+		[ key: string ]: unknown;
+	};
+}
+
+export declare const FormOrganizationWorkflow: ComponentType<FormOrganizationWorkflowProps>;
+export declare const FormOrganizationWorkflowEdit: ComponentType<FormOrganizationWorkflowEditProps>;
+
+// Reduces a campaign (hydrated document or id) to its id.
+export declare const campaignFilterId: ( campaign?: string | { id?: string } | null ) => string | null;
+
+export declare const stepRow: ( step?: FormOrganizationWorkflowStep, members?: { id?: string; [ key: string ]: unknown }[] ) => FormOrganizationWorkflowRow;

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

@@ -0,0 +1,50 @@
+import { ComponentType } from 'react';
+
+interface Callbacks {
+	// Receives the request's error; the page shows it.
+	onError: ( error: unknown ) => void;
+	onSuccess: ( response: unknown ) => void;
+}
+
+export interface FormOrganizationProps extends Callbacks {
+	// Seeds the create form (POST /organization).
+	values?: { terms?: boolean; title?: string };
+}
+
+export interface FormOrganizationTitleProps extends Callbacks {
+	values?: { id?: string; title?: string; [ key: string ]: unknown };
+}
+
+export interface FormOrganizationSubdomainProps extends Callbacks {
+	// The organization. `domain` overrides NEXT_PUBLIC_FORM_URI's host in the label;
+	// a `subdomain` other than `shortId` offers a revert to the default.
+	values?: { domain?: string; id?: string; shortId?: string; subdomain?: string; [ key: string ]: unknown };
+}
+
+export interface FormOrganizationBusinessProps extends Callbacks {
+	values?: { business?: { email?: string; name?: string; website?: string }; id?: string };
+}
+
+// Reads GET /app's currency options from the ['app'] query.
+export interface FormOrganizationDefaultsProps extends Callbacks {
+	values?: { defaults?: { currency?: string }; id?: string; [ key: string ]: unknown };
+}
+
+export interface FormOrganizationRevenueProps extends Callbacks {
+	// Offers "Save as organization default currency".
+	canManage?: boolean;
+	// Called with the picked currency before anything is saved.
+	onSelect?: ( currency: string ) => void;
+	// onSuccess receives null when nothing was saved.
+	values?: { currency?: string; defaultCurrency?: string; id?: string };
+}
+
+export declare const FormOrganizationBusiness: ComponentType<FormOrganizationBusinessProps>;
+export declare const FormOrganizationDefaults: ComponentType<FormOrganizationDefaultsProps>;
+export declare const FormOrganizationRevenue: ComponentType<FormOrganizationRevenueProps>;
+export declare const FormOrganizationSubdomain: ComponentType<FormOrganizationSubdomainProps>;
+export declare const FormOrganizationTitle: ComponentType<FormOrganizationTitleProps>;
+
+declare const FormOrganization: ComponentType<FormOrganizationProps>;
+
+export default FormOrganization;

package/types/dashboard/form-otc.d.ts

@@ -0,0 +1,29 @@
+import { ComponentType } from 'react';
+
+export interface FormOtcCodeProps {
+	// Receives the request's error; the page shows it.
+	onError: ( error: unknown ) => void;
+	// Receives the PUT /otc/:id/code response.
+	onSuccess: ( response: unknown ) => void;
+	values?: {
+		// The one-time-code record the code is sent for.
+		id?: string;
+		// The address or number the code goes to, shown in the copy.
+		identifier?: string;
+		type?: string;
+	};
+}
+
+export interface FormOtcConfirmProps {
+	// The submit button's text.
+	action?: string;
+	// Checks the code; a rejection's message shows under the field.
+	callback: ( code: string ) => Promise<unknown>;
+	label?: string;
+	onSuccess: ( response: unknown ) => void;
+	// A `code` here (from an email link) submits itself on mount.
+	values?: { code?: string };
+}
+
+export declare const FormOtcCode: ComponentType<FormOtcCodeProps>;
+export declare const FormOtcConfirm: ComponentType<FormOtcConfirmProps>;

package/types/dashboard/form-payment-methods.d.ts

@@ -0,0 +1,22 @@
+import { ComponentType } from 'react';
+
+export interface FormPaymentMethod {
+	card: { brand?: string; last4?: string; month?: number; year?: number };
+	id: string;
+	name?: string;
+	[ key: string ]: unknown;
+}
+
+// Lists GET /account/payment's paymentMethods as radios. Expired or disabled cards cannot be picked.
+export interface FormPaymentMethodsProps {
+	// Called with the picked card (without its disabled/expired flags).
+	onChange: ( method: FormPaymentMethod ) => void;
+	// Opens the add-card flow; receives a function that closes the modal. Also
+	// called at once when the list fails to load.
+	onClickAdd: ( close: () => void ) => void;
+	values?: { method?: { id?: string; [ key: string ]: unknown } };
+}
+
+declare const FormPaymentMethods: ComponentType<FormPaymentMethodsProps>;
+
+export default FormPaymentMethods;

package/types/dashboard/form-profile.d.ts

@@ -0,0 +1,23 @@
+import { ComponentType } from 'react';
+
+export interface FormProfileProps {
+	// Receives the PUT /account error; the page shows it.
+	onError: ( error: unknown ) => void;
+	onSuccess: ( response: unknown ) => void;
+	// The account; firstName and lastName seed the fields.
+	values?: { firstName?: string; lastName?: string; [ key: string ]: unknown };
+}
+
+export interface FormProfileEmailProps {
+	onError: ( error: unknown ) => void;
+	// Receives the POST /oauth/methods/email/request response ({ result: { otcId } }).
+	onSuccess: ( response: unknown ) => void;
+	// The current address, shown read-only above the new one.
+	values?: { current?: string };
+}
+
+export declare const FormProfileEmail: ComponentType<FormProfileEmailProps>;
+
+declare const FormProfile: ComponentType<FormProfileProps>;
+
+export default FormProfile;

package/types/dashboard/form-stripe-promotion.d.ts

@@ -0,0 +1,12 @@
+import { ComponentType } from 'react';
+
+export interface FormStripePromotionProps {
+	// Receives the POST /account/promotion response ({ result }); a refusal shows under the field.
+	onSuccess: ( response: { result?: unknown; [ key: string ]: unknown } ) => void;
+	// The plan the code is checked against: `sale`, else `regular`, is sent as the amount.
+	plan?: { regular?: number; sale?: number; [ key: string ]: unknown };
+}
+
+declare const FormStripePromotion: ComponentType<FormStripePromotionProps>;
+
+export default FormStripePromotion;

package/types/dashboard/form-stripe.d.ts

@@ -0,0 +1,20 @@
+import { ComponentType, ReactNode } from 'react';
+
+// Stripe's Address and Payment Elements for saving a card. Loads Stripe.js
+// with NEXT_PUBLIC_STRIPE_API_KEY when the module is imported, confirms the
+// setup intent, then POSTs the payment method to /account/method.
+export interface FormStripeProps {
+	// The submit button's text (default 'Submit').
+	button?: { text?: ReactNode };
+	// Rendered above the fields, inside the Elements provider.
+	children?: ReactNode;
+	// The setup intent's secret; without it the form says payment was not initialized.
+	clientSecret?: string;
+	disabled?: boolean;
+	// Receives the POST /account/method response.
+	onSuccess: ( response: unknown ) => void | Promise<void>;
+}
+
+declare const FormStripe: ComponentType<FormStripeProps>;
+
+export default FormStripe;