@geniee-inc/sfa-kit 1.6.0

package/src/index.d.ts

@@ -0,0 +1,29 @@
+export { SfaApiError, SfaConflictError, SfaValidationError, } from './lib/provider/SfaClient';
+export { SfaProvider } from './lib/provider/SfaProvider';
+export { useSfaClient } from './lib/provider/useSfaClient';
+export { SfaLoginGate } from './lib/auth/SfaLoginGate';
+export { ExchangeError } from './lib/auth/exchange-code';
+export { useEmbedContext } from './lib/auth/useEmbedContext';
+export { useStandalonePreview } from './lib/auth/StandalonePreviewContext';
+export type { EmbedContext } from './lib/auth/embed-protocol';
+export type { StandalonePreviewState, StandalonePreviewControls, } from './lib/auth/StandalonePreviewContext';
+export { useRecord } from './lib/hooks/useRecord';
+export { useRecordList } from './lib/hooks/useRecordList';
+export { useDescribe } from './lib/hooks/useDescribe';
+export { useObjectCatalog } from './lib/hooks/useObjectCatalog';
+export { useFieldTypes } from './lib/hooks/useFieldTypes';
+export { useCreateRecord } from './lib/hooks/useCreateRecord';
+export type { UseCreateRecordResult } from './lib/hooks/useCreateRecord';
+export { useUpdateRecord } from './lib/hooks/useUpdateRecord';
+export type { UseUpdateRecordResult, SfaConflictDetail, } from './lib/hooks/useUpdateRecord';
+export { useDeleteRecord } from './lib/hooks/useDeleteRecord';
+export type { UseDeleteRecordResult } from './lib/hooks/useDeleteRecord';
+export { useRelatedRecords, RelationNotFoundError, resolveRelation, buildRelationFilter, } from './lib/hooks/useRelatedRecords';
+export type { UseRelatedRecordsParams, UseRelatedRecordsOptions, UseRelatedRecordsResult, } from './lib/hooks/useRelatedRecords';
+export { FieldRenderer } from './lib/components/FieldRenderer';
+export { RecordView } from './lib/components/RecordView';
+export { RecordList } from './lib/components/RecordList';
+export { ErrorBoundary } from './lib/components/ErrorBoundary';
+export { EmptyState } from './lib/components/EmptyState';
+export type { SfaAuth, SfaApiMode, SfaClientConfig, SfaRecord, SfaListResponse, SfaListParams, SfaFieldValue, SfaFieldKind, SfaFieldValueMapping, FieldGroupSpec, FieldGroupLayout, SfaFieldDescriptor, SfaFieldOption, SfaRelationDescriptor, SfaObjectDetail, SfaObjectSummary, SfaObjectCatalog, SfaObjectPermissions, SfaObjectOrigin, SfaRelationshipKind, SfaCardinality, SfaDescribeResult, SfaFieldTypeDescriptor, SfaFieldTypeCatalog, SfaFilterOperator, SfaCreateOptions, SfaFieldError, } from './lib/provider/types';
+export type { SfaSession, AuthResult, OrganizationChoice, } from './lib/auth/types';

package/src/index.js

@@ -0,0 +1,21 @@
+export { SfaApiError, SfaConflictError, SfaValidationError, } from './lib/provider/SfaClient';
+export { SfaProvider } from './lib/provider/SfaProvider';
+export { useSfaClient } from './lib/provider/useSfaClient';
+export { SfaLoginGate } from './lib/auth/SfaLoginGate';
+export { ExchangeError } from './lib/auth/exchange-code';
+export { useEmbedContext } from './lib/auth/useEmbedContext';
+export { useStandalonePreview } from './lib/auth/StandalonePreviewContext';
+export { useRecord } from './lib/hooks/useRecord';
+export { useRecordList } from './lib/hooks/useRecordList';
+export { useDescribe } from './lib/hooks/useDescribe';
+export { useObjectCatalog } from './lib/hooks/useObjectCatalog';
+export { useFieldTypes } from './lib/hooks/useFieldTypes';
+export { useCreateRecord } from './lib/hooks/useCreateRecord';
+export { useUpdateRecord } from './lib/hooks/useUpdateRecord';
+export { useDeleteRecord } from './lib/hooks/useDeleteRecord';
+export { useRelatedRecords, RelationNotFoundError, resolveRelation, buildRelationFilter, } from './lib/hooks/useRelatedRecords';
+export { FieldRenderer } from './lib/components/FieldRenderer';
+export { RecordView } from './lib/components/RecordView';
+export { RecordList } from './lib/components/RecordList';
+export { ErrorBoundary } from './lib/components/ErrorBoundary';
+export { EmptyState } from './lib/components/EmptyState';

package/src/lib/auth/DevToolbar.d.ts

@@ -0,0 +1,38 @@
+import type { StandalonePreviewControls } from './StandalonePreviewContext';
+/** Which Chikyu tab slot the page is embedded into. */
+export type StudioPageLevel = 'record' | 'object';
+interface DevToolbarProps {
+    readonly organizationId: string;
+    readonly preview: StandalonePreviewControls;
+    /**
+     * Which tab slot the page is built for.
+     *
+     * - `'record'` — a record tab: the record ID input and fetch button are shown.
+     * - `'object'` — an object tab (list/dashboard): no record to pick, so the
+     *   input, the fetch button and the separator are hidden.
+     *
+     * This is deliberately separate from `objectKey`: an object-level page still
+     * wants to declare which object it is for, and must not get a record input
+     * as a side effect of doing so.
+     */
+    readonly level: StudioPageLevel;
+    /**
+     * The object this page is built for (e.g. `"companies"`).
+     *
+     * Used for display only — the page-info tooltip and the record ID
+     * placeholder — at both levels. Omit only when the page truly has no object.
+     */
+    readonly objectKey?: string;
+    readonly onLogout: () => void;
+}
+/**
+ * @description Persistent dev toolbar rendered only in standalone (non-embedded) mode.
+ * A solid black bar, visually separate from the page content. It does not appear
+ * when the page is embedded in GENIEE SFA/CRM.
+ *
+ * Features:
+ * - Record ID input with a fetch button, on record-level pages only.
+ * - Page info (object, org ID, sfa-kit version) behind a hover tooltip, logout.
+ */
+export declare function DevToolbar({ organizationId, preview, level, objectKey, onLogout, }: DevToolbarProps): JSX.Element;
+export {};

package/src/lib/auth/DevToolbar.js

@@ -0,0 +1,271 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, useCallback, useEffect, useId, useState } from 'react';
+import { useSfaClient } from '../provider/useSfaClient';
+import { font, baseButtonStyle } from '../theme';
+import { SFA_KIT_VERSION } from '../version';
+const TOOLBAR_BLACK = '#1a1a1a';
+const SEPARATOR_GREY = '#666666';
+const PLACEHOLDER_COLOR = 'rgba(0, 0, 0, 0.4)';
+/** style 属性では書けない指定（疑似要素・疑似クラス）のために付けるクラス名 */
+const RECORD_ID_INPUT_CLASS = 'sfa-kit-dev-toolbar-record-id';
+/** ホバーで薄くする要素に付ける（取得ボタンとページ情報の両方） */
+const HOVER_DIM_CLASS = 'sfa-kit-dev-toolbar-hover-dim';
+const PAGE_INFO_CLASS = 'sfa-kit-dev-toolbar-page-info';
+const PAGE_INFO_TOOLTIP_CLASS = 'sfa-kit-dev-toolbar-page-info-tip';
+/**
+ * NOTE: 疑似要素・疑似クラス（::placeholder / :hover / :focus-within）は style
+ * 属性で指定できないため、上のクラスにだけ効く最小限の CSS を差し込む。
+ * ホバーの遷移は baseButtonStyle の transition が効く
+ */
+const DEV_TOOLBAR_CSS = `
+.${RECORD_ID_INPUT_CLASS}::placeholder { color: ${PLACEHOLDER_COLOR}; opacity: 1; }
+.${HOVER_DIM_CLASS} { opacity: 1; }
+.${HOVER_DIM_CLASS}:hover { opacity: 0.8; }
+.${PAGE_INFO_CLASS} .${PAGE_INFO_TOOLTIP_CLASS} { visibility: hidden; opacity: 0; }
+.${PAGE_INFO_CLASS}:hover .${PAGE_INFO_TOOLTIP_CLASS},
+.${PAGE_INFO_CLASS}:focus-within .${PAGE_INFO_TOOLTIP_CLASS} { visibility: visible; opacity: 1; }
+`;
+/**
+ * @description Persistent dev toolbar rendered only in standalone (non-embedded) mode.
+ * A solid black bar, visually separate from the page content. It does not appear
+ * when the page is embedded in GENIEE SFA/CRM.
+ *
+ * Features:
+ * - Record ID input with a fetch button, on record-level pages only.
+ * - Page info (object, org ID, sfa-kit version) behind a hover tooltip, logout.
+ */
+export function DevToolbar({ organizationId, preview, level, objectKey, onLogout, }) {
+    var _a, _b, _c, _d;
+    // NOTE: 入力欄を出すかは level だけで決める。objectKey の有無で決めていた頃は、
+    // 一覧ページが自分のオブジェクトを名乗るとレコード ID の入力欄まで付いてきた
+    const isRecordLevel = level === 'record';
+    const hasObjectKey = objectKey != null && objectKey !== '';
+    // NOTE: 1 ページに複数のツールバーが載ることがあるため id は useId で作る
+    const pageInfoTooltipId = useId();
+    // Inline catalog fetch. The useObjectCatalog hook lives in the data-hooks
+    // layer (next PR); DevToolbar only needs it to resolve the object's display
+    // name, so we call the client directly to avoid a cross-layer dependency.
+    // NOTE: 使うのは表示名だけなので、objectKey が無いページでは取得しない
+    const client = useSfaClient();
+    const [catalog, setCatalog] = useState([]);
+    useEffect(() => {
+        if (!hasObjectKey)
+            return undefined;
+        let cancelled = false;
+        client.listObjects().then(result => {
+            if (!cancelled)
+                setCatalog(result.objects);
+        }, () => {
+            /* toolbar is best-effort; swallow errors */
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [client, hasObjectKey]);
+    const [localRecordId, setLocalRecordId] = useState((_b = (_a = preview.state) === null || _a === void 0 ? void 0 : _a.record_id) !== null && _b !== void 0 ? _b : '');
+    // NOTE: フォームは record レベル かつ objectKey があるときだけ描くため、
+    // ここに来る時点で objectKey はある。型を絞るためのガードとして残す
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        if (!hasObjectKey || objectKey == null)
+            return;
+        preview.setObjectKey(objectKey);
+        preview.setRecordId(localRecordId);
+        preview.triggerFetch();
+    }, [hasObjectKey, objectKey, localRecordId, preview]);
+    // NOTE: カタログ取得前は key をそのまま表示名に使う。objectKey が無いページは
+    // undefined のままにして、表示側で出し分ける
+    const objectLabel = hasObjectKey
+        ? (_d = (_c = catalog.find(o => o.key === objectKey)) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : objectKey
+        : undefined;
+    /** ページ情報の行。並びは設計（Figma）に合わせる */
+    const pageInfoRows = [
+        [
+            'オブジェクト:',
+            objectLabel == null ? '未指定' : `${objectLabel} (${objectKey})`,
+        ],
+        ['組織ID:', organizationId],
+        ['バージョン:', `v${SFA_KIT_VERSION}`],
+    ];
+    const recordIdPlaceholder = objectLabel == null
+        ? 'レコードIDを入力'
+        : `${objectLabel}のレコードIDを入力`;
+    return (_jsxs("div", { style: toolbarStyles.wrapper, children: [_jsx("style", { children: DEV_TOOLBAR_CSS }), _jsxs("div", { style: toolbarStyles.main, children: [_jsxs("div", { style: toolbarStyles.left, children: [_jsx("span", { style: toolbarStyles.previewBadge, children: "\u30AB\u30B9\u30BF\u30E0\u30DA\u30FC\u30B8\u30D7\u30EC\u30D3\u30E5\u30FC" }), _jsx("span", { style: toolbarStyles.inlineNotice, children: "\u203B\u3053\u306E\u30C4\u30FC\u30EB\u30D0\u30FC\u306F GENIEE SFA/CRM \u306E\u753B\u9762\u306B\u306F\u8868\u793A\u3055\u308C\u307E\u305B\u3093" })] }), isRecordLevel && hasObjectKey && (_jsxs(_Fragment, { children: [_jsxs("form", { onSubmit: handleSubmit, style: toolbarStyles.center, children: [_jsx("input", { className: RECORD_ID_INPUT_CLASS, style: toolbarStyles.input, type: "text", "aria-label": "\u30EC\u30B3\u30FC\u30C9 ID", value: localRecordId, onChange: e => setLocalRecordId(e.target.value), placeholder: recordIdPlaceholder }), _jsx("button", { type: "submit", className: HOVER_DIM_CLASS, style: toolbarStyles.fetchBtn, children: "\u30C7\u30FC\u30BF\u53D6\u5F97" })] }), _jsx("span", { style: toolbarStyles.separator })] })), _jsxs("div", { style: toolbarStyles.right, children: [_jsxs("div", { className: PAGE_INFO_CLASS, style: toolbarStyles.pageInfo, children: [_jsxs("button", { type: "button", className: HOVER_DIM_CLASS, "aria-describedby": pageInfoTooltipId, style: toolbarStyles.pageInfoTrigger, children: [_jsx("span", { "aria-hidden": "true", style: toolbarStyles.infoIcon, children: _jsx("span", { style: toolbarStyles.infoIconGlyph, children: "i" }) }), "\u30DA\u30FC\u30B8\u60C5\u5831"] }), _jsx("div", { id: pageInfoTooltipId, className: PAGE_INFO_TOOLTIP_CLASS, role: "tooltip", style: toolbarStyles.pageInfoTooltip, children: pageInfoRows.map(([label, value]) => (_jsxs(Fragment, { children: [_jsx("span", { style: toolbarStyles.tooltipLabel, children: label }), _jsx("span", { style: toolbarStyles.tooltipValue, children: value })] }, label))) })] }), _jsxs("button", { type: "button", className: HOVER_DIM_CLASS, style: toolbarStyles.logoutBtn, onClick: onLogout, children: [_jsx("svg", { width: "16", height: "16", viewBox: "0 -960 960 960", fill: "currentColor", "aria-hidden": "true", style: toolbarStyles.logoutIcon, children: _jsx("path", { d: "M806-440H320v-80h486l-62-62 56-58 160 160-160 160-56-58 62-62ZM600-600v-160H200v560h400v-160h80v160q0 33-23.5 56.5T600-120H200q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h400q33 0 56.5 23.5T680-760v160h-80Z" }) }), "\u30ED\u30B0\u30A2\u30A6\u30C8"] })] })] })] }));
+}
+const toolbarStyles = {
+    wrapper: {
+        position: 'sticky',
+        top: 0,
+        zIndex: 9999,
+        fontFamily: font.family,
+        boxShadow: '0 4px 16px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.15)',
+    },
+    main: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        // NOTE: 高さは 56px 固定。中身は 30px の入力・ボタン 1 行なので、
+        // 縦の padding は持たせず alignItems: center で中央に置く
+        height: 56,
+        boxSizing: 'border-box',
+        padding: '0 16px',
+        gap: '12px',
+        flexWrap: 'nowrap',
+        background: TOOLBAR_BLACK,
+    },
+    left: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '12px',
+        // NOTE: 幅が足りないときはここが先に縮む。flexShrink: 0 にすると
+        // 行末の Logout が画面外に押し出されて押せなくなる
+        minWidth: 0,
+    },
+    inlineNotice: {
+        fontSize: 12,
+        color: 'rgba(255,255,255,0.7)',
+        whiteSpace: 'nowrap',
+        // NOTE: 幅が足りないときは折り返さず省略する（行の高さは 56px 固定のため）
+        minWidth: 0,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+    },
+    previewBadge: {
+        fontWeight: 700,
+        fontSize: 16,
+        color: '#ffffff',
+        whiteSpace: 'nowrap',
+        // NOTE: 見出しは削らない。縮むのは隣の注意書きだけ
+        flexShrink: 0,
+    },
+    center: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        // NOTE: flex: 1 で伸ばしたうえで中身を右端に寄せる。center だと
+        // ボタンの右側に余白が残り、区切り線との間が開いて見える
+        flex: 1,
+        justifyContent: 'flex-end',
+        minWidth: 0,
+    },
+    input: {
+        padding: '5px 10px',
+        borderRadius: 3,
+        fontSize: 14,
+        fontFamily: font.family,
+        border: '1px solid #D6D9DD',
+        backgroundColor: '#ffffff',
+        color: '#313542',
+        // NOTE: 幅は 206px 固定。center は flex コンテナなので、
+        // flexShrink: 0 を付けないと幅が縮んでしまう
+        width: 206,
+        flexShrink: 0,
+        height: 30,
+        outline: 'none',
+    },
+    fetchBtn: Object.assign(Object.assign({}, baseButtonStyle), { 
+        // NOTE: 74x30 固定。横 padding を残すと文字が入らないため 0 にする。
+        // 中央寄せは UA 既定に頼らず flex で明示する（baseButtonStyle の
+        // lineHeight: 20px と height: 30 がずれても中央に来る）
+        display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: 74, height: 30, boxSizing: 'border-box', padding: 0, flexShrink: 0, backgroundColor: TOOLBAR_BLACK, color: '#ffffff', 
+        // NOTE: 隣の入力欄と角の丸みを揃える
+        border: '1px solid #ffffff', borderRadius: 3, fontWeight: 700, fontSize: 12, whiteSpace: 'nowrap' }),
+    separator: {
+        width: 1,
+        height: 23,
+        backgroundColor: SEPARATOR_GREY,
+        flexShrink: 0,
+        // NOTE: main の gap は 12px で全体に効くため、区切り線の左右だけ広げたい分を
+        // ここで足す（どちら側も 12 + 12 = 24px）
+        marginLeft: 12,
+        marginRight: 12,
+    },
+    pageInfo: {
+        position: 'relative',
+        display: 'flex',
+        alignItems: 'center',
+    },
+    pageInfoTrigger: Object.assign(Object.assign({}, baseButtonStyle), { display: 'flex', alignItems: 'center', gap: '6px', padding: 0, border: 'none', background: 'transparent', color: '#ffffff', fontSize: 13, fontWeight: 600, whiteSpace: 'nowrap' }),
+    infoIcon: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: 14,
+        height: 14,
+        borderRadius: '50%',
+        backgroundColor: '#ffffff',
+        color: TOOLBAR_BLACK,
+        fontSize: 10,
+        fontWeight: 700,
+        lineHeight: '14px',
+        flexShrink: 0,
+    },
+    infoIconGlyph: {
+        // NOTE: テーマの font.family はサンセリフのみで、その italic の "i" は
+        // 直線の棒にしかならない。足元が丸まった（セリフのある）字形が欲しいので、
+        // このグリフだけセリフ体を指定する
+        fontFamily: "Georgia, 'Times New Roman', 'Noto Serif JP', serif",
+        // NOTE: italic だけだと傾きが足りないため skewX を重ねる。円が歪まないよう、
+        // 変形はグリフを包む内側の span にだけ掛ける（transform は inline に効かない
+        // ので inline-block にする）
+        display: 'inline-block',
+        fontStyle: 'italic',
+        transform: 'skewX(-10deg)',
+        lineHeight: 1,
+    },
+    pageInfoTooltip: {
+        position: 'absolute',
+        // NOTE: 起点は pageInfo（アイコン + 文字）の左端。left: 0 でアイコンの真下に
+        // 左端を合わせ、右へ広げる。right: 0 だと「ページ情報」の文字の右端に揃って
+        // しまい、アイコンより右にずれる
+        top: 'calc(100% + 8px)',
+        left: 0,
+        display: 'grid',
+        gridTemplateColumns: 'auto minmax(0, 1fr)',
+        columnGap: '8px',
+        rowGap: '6px',
+        // NOTE: 幅は 200px 固定。中身の量で広がらないようにし、長い値は折り返す。
+        // padding を内側に含めるため boxSizing を border-box にする
+        width: 200,
+        boxSizing: 'border-box',
+        padding: '12px 16px',
+        borderRadius: 6,
+        backgroundColor: '#ffffff',
+        color: TOOLBAR_BLACK,
+        fontSize: 12,
+        lineHeight: '18px',
+        boxShadow: '0 4px 16px rgba(0,0,0,0.25)',
+        // NOTE: 開閉は CSS 側（DEV_TOOLBAR_CSS）で切り替える
+        transition: '0.2s',
+        textAlign: 'left',
+    },
+    tooltipLabel: {
+        textAlign: 'right',
+        whiteSpace: 'nowrap',
+        // NOTE: 値が複数行になっても、ラベルは 1 行目の位置に留める
+        alignSelf: 'start',
+    },
+    tooltipValue: {
+        // NOTE: anywhere は語の途中でも切るため、2 行目が語の断片になって
+        // 揃っていないように見える。単語境界を優先させる
+        overflowWrap: 'break-word',
+        // NOTE: 全角の閉じ括弧は行頭に置けない（禁則処理）ため、ぶら下がって
+        // padding からはみ出して見えることがある。禁則を厳格に適用させる
+        lineBreak: 'strict',
+        alignSelf: 'start',
+    },
+    right: {
+        display: 'flex',
+        alignItems: 'center',
+        // NOTE: 子は ページ情報 と ログアウト の 2 つだけなので、この gap は
+        // その間隔そのものになる
+        gap: '24px',
+        flexShrink: 0,
+    },
+    logoutBtn: Object.assign(Object.assign({}, baseButtonStyle), { 
+        // NOTE: 枠線は持たず、隣の ページ情報 と同じ見た目に揃える
+        display: 'flex', alignItems: 'center', gap: '4px', padding: 0, border: 'none', backgroundColor: 'transparent', color: '#ffffff', fontSize: 13, fontWeight: 600, whiteSpace: 'nowrap' }),
+    logoutIcon: {
+        flexShrink: 0,
+    },
+};

package/src/lib/auth/SfaLoginGate.d.ts

@@ -0,0 +1,53 @@
+import type { ReactNode } from 'react';
+import type { StudioPageLevel } from './DevToolbar';
+interface SfaLoginGateProps {
+    readonly apiBase?: string;
+    /**
+     * The origin of the SFA/CRM host page (e.g. "https://app.chikyu.net").
+     * When provided and the page is running inside an iframe, the component
+     * uses the postMessage code-exchange flow instead of a login form.
+     * Must come from Keystone server-side config, never from a URL query parameter.
+     */
+    readonly trustedOrigin?: string;
+    /**
+     * Default organization ID to auto-select when the user's account spans
+     * multiple organizations. Set this to the org that generated the page's
+     * metadata so users don't have to pick it manually.
+     */
+    readonly defaultOrganizationId?: number;
+    /**
+     * The object this page is built for (e.g. `"companies"`).
+     *
+     * Used by the standalone DevToolbar to show the object in the page-info
+     * tooltip and in the record ID placeholder, and to pre-populate the
+     * standalone preview context. Pass it at both levels.
+     */
+    readonly objectKey?: string;
+    /**
+     * Which Chikyu tab slot this page is for — a record tab or an object
+     * (list/dashboard) tab. Only the record level gets a record ID input in the
+     * standalone DevToolbar.
+     *
+     * Defaults to `'record'` when `objectKey` is set and `'object'` otherwise,
+     * which preserves the behavior of pages written before this prop existed.
+     * Object-level pages that declare `objectKey` must set `level="object"`
+     * explicitly, or they will get a record ID input they cannot use.
+     */
+    readonly level?: StudioPageLevel;
+    readonly children: ReactNode;
+}
+/**
+ * @description Universal auth wrapper for sfa-kit pages.
+ *
+ * Auto-detects its context:
+ * - **Embedded (iframe with `_t`)**: when the page is inside an iframe and
+ *   was served with a content token (`_t` query parameter), uses the
+ *   postMessage code-exchange flow. No login form. The trusted origin for
+ *   postMessage validation is derived from `document.referrer` (or the
+ *   explicit `trustedOrigin` prop if provided).
+ * - **Standalone**: shows a GENIEE SFA/CRM-branded login form. Org is resolved
+ *   automatically from the API (auto-selected for multi-org accounts when
+ *   defaultOrganizationId is set, or the first org is used by default).
+ */
+export declare function SfaLoginGate({ apiBase, trustedOrigin, defaultOrganizationId, objectKey, level, children, }: SfaLoginGateProps): JSX.Element;
+export {};