Process completed with exit code 1.

AssertionError: expected 'import { useEffect } from \'react\';\…' not to contain '@pipedrive/app-extensions-sdk' - Expected + Received - @pipedrive/app-extensions-sdk + import { useEffect } from 'react'; + import { Command, Modal } from '@pipedrive/app-extensions-sdk'; + import { usePipedriveSdk } from '../shared/pipedriveSdk'; + + function formatQueryValue(key: string, value: string): string { + return /token|secret|code/i.test(key) ? 'Present' : value; + } + + function formatData(data: unknown): string { + if (data === null || data === undefined || data === '') return 'None'; + if (typeof data === 'string') return data; + return JSON.stringify(data, null, 2); + } + + export default function Panel() { + const { + context, + status, + theme, + visibility, + pageState, + lastAction, + signedTokenPreview, + isReady, + runSdkAction, + actions, + } = usePipedriveSdk('panel'); + const queryEntries = Object.entries(context.query); + + useEffect(() => { + document.title = 'Custom Panel'; + }, []); + + async function logActivity(): Promise<void> { + const dealId = context.query.selectedIds + ? parseInt(context.query.selectedIds) + : undefined; + await runSdkAction('Activity logged', (client) => + client.execute(Command.OPEN_MODAL, { + type: Modal.ACTIVITY, + prefill: { + subject: 'Follow-up', + ...(dealId ? { deal: dealId } : {}), + }, + }), + ); + } + + if (!isReady && status !== 'Local preview') { + return ( + <main className="app"> + <header className="topbar"> + <div> + <span className="surface-label">Custom Panel</span> + <h1>Pipedrive App Extension</h1> + </div> + <span className="status">{status}</span> + </header> + </main> + ); + } + + return ( + <main className="app"> + <header className="topbar"> + <div> + <span className="surface-label">Custom Panel</span> + <h1>Pipedrive App Extension</h1> + </div> + <span className={isReady ? 'status status--ready' : 'status'}> + {status} + </span> + </header> + + <section className="summary-grid" aria-label="Extension state"> + <div className="stat"> + <span>Theme</span> + <strong>{theme}</strong> + </div> + <div className="stat"> + <span>Extension</span> + <strong>{visibility}</strong> + </div> + <div className="stat"> + <span>Page</span> + <strong>{pageState}</strong> + </div> + <div className="stat"> + <span>Token</span> + <strong>{context.tokenPresent ? 'Present' : 'Absent'}</strong> + </div> + </section> + + <section className="toolbar" aria-label="SDK actions"> + <button type="button" disabled={!isReady} onClick={logActivity}> + Log activity + </button> + <button + type="button" + disabled={!isReady} + onClick={actions.showSnackbar} + > + Snackbar + </button> + <button + type="button" + className="secondary" + disabled={!isReady} + onClick={actions.showConfirmation} + > + Confirm + </button> + <button + type="button" + className="ghost" + disabled={!isReady} + onClick={actions.resize} + > + {actions.isExpanded ? 'Collapse panel' : 'Expand panel'} + </button> + <button + type="button" + className="ghost" + disabled={!isReady} + onClick={actions.getSignedToken} + > + Get token + </button> + </section> + + <section className="content-grid"> + <article className="panel"> + <h2>Iframe context</h2> + {queryEntries.length > 0 ? ( + <dl className="k