{toast}
: null}
{proActive ? `BookPoint Pro ${proVersion}` : "Upgrade to Pro"}
{proActive
? "Pro is active. Use this page to manage premium setup flows, integrations, revenue automation, and widget presets."
: "Install BookPoint Pro to unlock integrations, revenue tools, business controls, and advanced booking widget customization."}
Status
{proActive ? "Pro active" : "Upgrade available"}
Pro toolkit
{featureCount} features
{proActive ? "Pro Control Center" : "Separate paid add-on"}
{proActive ? "Run premium setup from one place." : "Unlock the advanced operating layer for BookPoint."}
{proActive ? "Track integration health, launch workflow playbooks, control staff permissions, and build styled booking widgets without leaving the admin." : "BookPoint Pro adds real automation, calendar sync, revenue tooling, team controls, and a deeper booking widget studio. The free plugin stays clean while Pro handles the advanced workflow layer."}
{proActive ? enabledFeatureCount : featureCount}
{proActive ? "features unlocked" : "features available"}
{integrationSummary.total || 0}
integration checks
{integrationSummary.ready || 0}
ready integrations
{proIconUrl ? 
: PRO}
{PRO_TABS.map((tab) => (
))}
Pro Onboarding Tracks
Pick the closest operating model, then use the recommended setup links and starter workflows to get Pro live faster.
{PRO_ONBOARDING_TRACKS.map((track) => (
))}
{selectedTrack.label}
{selectedTrackFeatureStats.ready}/{selectedTrackFeatureStats.total} key capabilities
{selectedTrack.summary}
{selectedTrack.lead}
-
{selectedTrack.checklist.map((item) => (
- {item} ))}
{proActive ? (
<>
) : (
<>
Review Upgrade Path
View Pro Details
)}
{trackErr ? {trackErr}
: null}
Recommended Setup Flow
{selectedTrackLinks.length} links
Use these admin areas first for the {selectedTrack.label.toLowerCase()} rollout.
Starter Playbooks
{selectedTrackReadyPlaybooks.length}/{selectedTrackPlaybooks.length} ready
Recommended automation and revenue workflows for this track.
{selectedTrackPlaybooks.length ? (
No starter playbooks are mapped to this onboarding track yet.
)}
Quick Setup Links
Direct links to the areas where Pro capabilities are configured and used.
{group.title}
{group.items.length} items
{group.lead}
-
{group.items.slice(0, 3).map((item) => (
- {item.label} ))}
Automation Workspace
Build advanced workflow logic, trigger notifications, and wire BookPoint into CRM and webhook pipelines.
Integration Health Center
Live readiness and test status for calendar sync, meetings, CRM, notifications, and gateway integrations.
{integrationErr}
: null}
{!integrationLoading && integrationHealth.length === 0 ? (
{proActive ? "No integration health data is available yet." : "Activate Pro to load live integration health checks."}
) : null}
{integrationHealth.map((row) => {
const statusMeta = INTEGRATION_STATUS_META[row.status] || {
label: String(row.status || "Unknown"),
badge: "pending_payment",
};
const setup = row?.setup || {};
const setupPage = typeof setup.page === "string" ? setup.page : "";
const setupParams = setup && typeof setup.params === "object" && !Array.isArray(setup.params) ? setup.params : {};
const setupUrl = setupPage ? makeAdminUrl(setupPage, setupParams) : "";
const lastRunAt = formatDateTimeLabel(row.last_run_at);
const runText = row.last_run_status ? `${String(row.last_run_status).replace(/_/g, " ")}` : "no runs yet";
return (
);
})}
{row.label}
{statusMeta.label}
{row.description}
{row.source === "workflow" ? `Actions: ${row.active_actions || 0}/${row.total_actions || 0} active` : `Credentials: ${row.has_credentials ? "configured" : "missing"}`}
Last run: {runText}
{lastRunAt ? {lastRunAt} : null}
{row.message || "Run a test to verify connectivity."}
{setupUrl ? Open setup : null}
Integration Playbooks
One-click starter workflows for Google Calendar, Microsoft 365, Zoom, and Google Meet.
{playbookErr ? {playbookErr}
: null}
Revenue Playbooks
Start recurring bookings, bundles, deposits, invoices, payment links, and refund handling from workflow templates.
{playbookErr ? {playbookErr}
: null}
Revenue Setup Links
Payment settings, booking flow controls, and operational tools related to paid bookings.
Advanced Roles and Permissions
Control BookPoint manager and staff capabilities directly from Pro.
{rolesError ? {rolesError}
: null}
{!proActive ? (
Activate Pro to manage advanced BookPoint roles from this page.
) : !rolesLoaded ? (
Role controls are loading...
) : (
<>
{ROLE_CAPS.map((cap) => (
))}
{cap.label}
Control Surfaces
The main operational screens that benefit from advanced roles, reporting, and agent visibility.
Button and Widget Studio
Generate production-ready shortcode presets for service-specific buttons, preselects, skip steps, and advanced widget styling.
setBuilder({ ...builder, buttonText: e.target.value })} />
setBuilder({ ...builder, buttonIcon: e.target.value })} placeholder="calendar or icon URL" />
setBuilder({ ...builder, serviceId: normalizePositiveInt(e.target.value) })} />
setBuilder({ ...builder, categoryId: normalizePositiveInt(e.target.value) })} />
setBuilder({ ...builder, agentId: normalizePositiveInt(e.target.value) })} />
setBuilder({ ...builder, locationId: normalizePositiveInt(e.target.value) })} />
setBuilder({ ...builder, categoryIds: e.target.value })} placeholder="1,2,3" />
setBuilder({ ...builder, skipSteps: e.target.value })} placeholder="location,category,service,extras,agent" />
setBuilder({ ...builder, buttonColor: e.target.value })} placeholder="#2563eb" />
setBuilder({ ...builder, buttonHoverColor: e.target.value })} placeholder="#1d4ed8" />
setBuilder({ ...builder, buttonTextColor: e.target.value })} placeholder="#ffffff" />
setBuilder({ ...builder, buttonRadius: normalizePositiveInt(e.target.value) })} />
setBuilder({ ...builder, widgetPrimaryColor: e.target.value })} placeholder="#2563eb" />
setBuilder({ ...builder, widgetOverlayColor: e.target.value })} placeholder="rgba(0,0,0,0.5)" />
setBuilder({ ...builder, widgetBackgroundColor: e.target.value })} placeholder="#ffffff" />
setBuilder({ ...builder, widgetSideBackgroundColor: e.target.value })} placeholder="#f8fafc" />
setBuilder({ ...builder, widgetMainBackgroundColor: e.target.value })} placeholder="#ffffff" />
setBuilder({ ...builder, widgetBorderRadius: normalizePositiveInt(e.target.value) })} />
setBuilder({ ...builder, widgetMaxWidth: normalizePositiveInt(e.target.value) })} />
Preview
This preview reflects button style attributes from the shortcode.
Generated shortcode
{copyMsg ? {copyMsg}
: null}