Widget d'onboarding Scell.io

<script src="https://cdn.scell.io/widget/v1/onboarding.js"></script>

<scell-onboarding
  publishable-key="pk_live_xxxxxxxx"
  external-id="user_42"
  callback-url="https://votre-app.com/onboarding/done"
  theme="auto"
  locale="fr"
></scell-onboarding>

const widget = document.querySelector('scell-onboarding');

widget.addEventListener('onboarding:completed', (event) => {
  // event.detail respecte le type OnboardingCompletedPayload
  const { subTenant, credentials, externalId } = event.detail;

  // subTenant : { id, tenant_id, name, siret, vat_number, onboarding_status, is_active }
  //   onboarding_status : pending_superpdp | superpdp_redirected | superpdp_authorized
  //                       | superpdp_pending_review | active | superpdp_failed
  // credentials : { api_endpoint, parent_tenant_id, sub_tenant_id, external_id, superpdp_company_id }

  // A partir d'ici votre backend peut emettre des factures via :
  //   POST {credentials.api_endpoint}/invoices
  //   X-API-Key: <votre sk_live_*>            (cle parent — securisee, JAMAIS dans le navigateur)
  //   body: { "sub_tenant_id": subTenant.id, ... }   (scope sur le sub-tenant)
});

widget.addEventListener('onboarding:error', (event) => {
  console.error(event.detail.code, event.detail.message);
});

1// Payload envoye par window.opener.postMessage(...) ET recu via
2// l'event 'onboarding:completed' (event.detail) cote widget consumer.
3{
4  "type": "scell:onboarding:complete",
5  "success": true,
6  "sub_tenant": {
7    "id": "01975f7c-...",
8    "tenant_id": "01975f78-...",
9    "name": "ACME SAS",
10    "siret": "12345678901234",
11    "vat_number": "FR12345678901",
12    "onboarding_status": "active",
13    "is_active": true
14  },
15  "credentials": {
16    "api_endpoint": "https://api.scell.io/api/v1",
17    "parent_tenant_id": "01975f78-...",
18    "sub_tenant_id": "01975f7c-...",
19    "external_id": "user_42",
20    "superpdp_company_id": "spp_company_99"
21  }
22}

1// Apres l'event onboarding:completed, votre backend peut emettre des
2// factures Factur-X au nom du sub-tenant immediatement. Les tokens
3// OAuth 2.1 SUPER PDP sont chiffres en base et utilises automatiquement
4// par Scell pour transmettre la facture chez SUPER PDP.
5//
6// IMPORTANT — Numerotation : ne jamais passer 'invoice_number' dans le
7// body. La numerotation est entierement geree par Scell.io. La facture
8// recoit un identifiant brouillon 'DRAFT-XXXXX' a la creation, puis un
9// numero definitif 'XXXXX-YYYYMM-NNNNN' a l'emission (sequence chrono-
10// logique sans rupture, conforme aux articles 242 nonies A et 289 du CGI).
11// Le numero attribue est retourne dans la reponse (champ 'invoice_number').
12
13// Modele d'auth : la cle sk_live_* appartient au TENANT parent. Pour
14// emettre au nom d'un sub-tenant, on passe son 'sub_tenant_id' dans le
15// body. La company emettrice est resolue automatiquement par Scell.io —
16// aucun 'company_id' a fournir.
17const res = await fetch('https://api.scell.io/api/v1/invoices', {
18  method: 'POST',
19  headers: {
20    'Content-Type': 'application/json',
21    'X-API-Key': process.env.SCELL_PARENT_SECRET_KEY,    // sk_live_* (parent — JAMAIS dans le navigateur)
22  },
23  body: JSON.stringify({
24    sub_tenant_id: subTenant.id,                         // scope sur le sub-tenant
25    issue_date: '2026-05-05',
26    buyer_siret: '98765432100012',
27    buyer_name: 'Customer SAS',
28    lines: [
29      { description: 'Prestation', quantity: 1, unit_price_excl_tax: 1000, vat_rate: 20 }
30    ],
31  }),
32});
33
34// Reponse (extrait) :
35// {
36//   "id": "inv_01975f80...",
37//   "invoice_number": "T0001-202605-00042",   <- attribue par Scell.io
38//   "status": "issued",
39//   "issue_date": "2026-05-05",
40//   "total_excl_tax": 1000,
41//   ...
42// }
43const { invoice_number } = await res.json();