@amalaika/form-sdk-package 1.0.0 → 1.1.0

package/README.md

@@ -1,8 +1,8 @@
 # @amalaika/form-sdk-package
 
-Framework-agnostic SDK for integrating the event registration form system. Handles data fetching, conditional visibility, file uploads, and form submission — no UI rendering included.
+Framework-agnostic SDK for event form integration — fetch forms, handle visibility, upload files, submit, and process payments.
 
-Works with React, Vue, Angular, Svelte, vanilla JS, or any environment with the Fetch API.
+**Zero runtime dependencies.** Works with any JavaScript framework or vanilla JS.
 
 ## Installation
 
@@ -10,333 +10,293 @@ Works with React, Vue, Angular, Svelte, vanilla JS, or any environment with the
 npm install @amalaika/form-sdk-package
 ```
 
-For local development (monorepo):
-
-```json
-{
-  "dependencies": {
-    "@amalaika/form-sdk-package": "file:../form-sdk-package"
-  }
-}
-```
-
 ## Quick Start
 
 ```ts
-import { EventFormClient, getAllFields, isFieldVisible } from "@amalaika/form-sdk-package";
+import { EventFormClient, FormStateManager, validateForm, getAllFields } from "@amalaika/form-sdk-package";
 
+// 1. Create a client
 const client = new EventFormClient({
-  apiKey: "Am_550e8400-e29b-41d4-a716-446655440000",
+  apiKey: "Am_550e8400-...",
   resourceType: "ticketing",
-  locale: "en", // default locale for all requests
 });
 
-// All calls automatically use "en" — no locale param needed
+// 2. Fetch tickets and forms
 const tickets = await client.fetchTickets();
 const form = await client.fetchForm(tickets[0].id);
-const fields = getAllFields(form.schema);
 
-// Switch language without reinstantiating
-client.setLocale("fr");
-const ticketsFr = await client.fetchTickets(); // now uses "fr"
-```
-
-## API Reference
-
-### Constructor
-
-```ts
-const client = new EventFormClient(config: EventFormConfig);
+// 3. Manage form state
+const fields = getAllFields(form.schema);
+const state = new FormStateManager(fields);
+state.setValue("email", "user@example.com");
+
+// 4. Validate and submit
+const errors = validateForm(fields, state.getValues());
+const allValid = Object.values(errors).every((r) => r.valid);
+
+if (allValid) {
+  const { submission, integrations } = await client.submitForm(form, state.getSubmissionData(), {
+    resourceId: tickets[0].id,
+    attendanceType: "PHYSICAL",
+  });
+}
 ```
 
-| Parameter | Type | Required | Description |
-|-----------|------|----------|-------------|
-| `apiKey` | `string` | Yes | Event API key (e.g. `"Am_550e8400-..."`) |
-| `resourceType` | `"ticketing" \| "accommodation" \| "exhibition"` | Yes | Resource type for submissions |
-| `apiBaseUrl` | `string` | No | API base URL. Defaults to `"https://api.eventsfactory.rw/api"` |
-| `locale` | `string` | No | Default locale for all requests. Can be changed later via `setLocale()` |
-| `errorMessages` | `Partial<ErrorMessages>` | No | Custom error messages — override any or all defaults |
-
-### Locale Management
-
-Set a default locale on the constructor so you don't have to pass it on every method call:
+## Configuration
 
 ```ts
 const client = new EventFormClient({
+  // Required
   apiKey: "Am_550e8400-...",
-  resourceType: "ticketing",
-  locale: "fr",
+  resourceType: "ticketing", // "ticketing" | "accommodation" | "exhibition"
+
+  // Optional
+  apiBaseUrl: "https://api.example.com",   // defaults to production
+  locale: "en",                             // default locale for requests
+  origin: "https://myapp.com",             // Origin header
+  timeout: 30000,                           // request timeout (ms)
+  noCache: false,                           // send Cache-Control: no-cache
+  mastercardCheckoutUrl: "https://...",     // checkout script URL override
+  merchantName: "My Event",                // shown in payment UI
+
+  // Retry failed requests
+  retry: { maxRetries: 3, delay: 1000 },
+
+  // Cache GET responses
+  cache: { enabled: true, ttl: 60000 },
+
+  // Custom error messages
+  errorMessages: {
+    fetchTickets: "Could not load tickets",
+    submitForm: "Submission failed",
+  },
+
+  // Interceptors
+  interceptors: {
+    request: (config) => { /* modify request */ return config; },
+    response: (data) => { /* transform response */ return data; },
+    error: (err) => { /* handle error */ return err; },
+  },
 });
-
-// All calls automatically use "fr" — no need to pass locale
-const tickets = await client.fetchTickets();
-const form = await client.fetchForm(tickets[0].id);
 ```
 
-Switch locale at any time without reinstantiating:
+## Client Methods
 
-```ts
-client.setLocale("en");
-// All subsequent calls now use "en"
-```
-
-Read the current locale:
+### Tickets
 
 ```ts
-client.getLocale(); // "en"
-```
+// Fetch all tickets (with optional locale/name filter)
+const tickets = await client.fetchTickets({ locale: "fr", name: "VIP" });
 
-Per-call locale still overrides the default when needed:
+// Fetch a single ticket by ID
+const ticket = await client.fetchTicketById(42);
 
-```ts
-// Uses "de" for this call only, default remains "en"
-const tickets = await client.fetchTickets({ locale: "de" });
+// Fetch a public ticket (no auth required)
+const publicTicket = await client.fetchPublicTicket(42, "en");
 ```
 
-### Methods
-
-#### `client.fetchTickets(options?)`
-
-Fetch all published tickets for the event.
+### Languages & Forms
 
 ```ts
-const tickets = await client.fetchTickets({ locale: "fr", name: "VIP" });
-```
-
-| Option | Type | Description |
-|--------|------|-------------|
-| `locale` | `string` | Locale code for translations (also sent as `Accept-Language`) |
-| `name` | `string` | Filter tickets by name |
-
-Returns `Promise<Ticket[]>`.
-
----
+// Fetch available languages
+const languages = await client.fetchLanguages(); // ["en", "fr", "rw"]
 
-#### `client.fetchTicketById(id, locale?)`
-
-Fetch a single ticket by ID.
-
-```ts
-const ticket = await client.fetchTicketById(42, "en");
+// Fetch form schema for a ticket
+const form = await client.fetchForm(ticketId, "en");
 ```
 
-Returns `Promise<Ticket>`.
-
----
-
-#### `client.fetchLanguages()`
-
-Fetch available languages for the event. Returns codes sorted with the default language first.
+### File Uploads
 
 ```ts
-const languages = await client.fetchLanguages();
-// ["en", "fr", "ar"]
+// Two-step upload: authorize, then upload
+const token = await client.authorizeUpload(formId, fieldId, file);
+const fileUrl = await client.uploadFile(formId, token, file);
 ```
 
-Returns `Promise<string[]>`.
-
----
-
-#### `client.fetchForm(ticketId, locale?)`
-
-Fetch the form linked to a ticket.
+### Form Submission
 
 ```ts
-const form = await client.fetchForm(1, "fr");
+const { submission, integrations } = await client.submitForm(
+  form,
+  formValues,
+  {
+    resourceId: ticketId,
+    attendanceType: "PHYSICAL", // "VIRTUAL" | "PHYSICAL" | "HYBRID"
+    containerId: "#payment-container", // CSS selector for payment UI
+  },
+);
+
+// submission: SubmissionResponse with id, formId, payment info, etc.
+// integrations: IntegrationResult[] from any payment handlers
 ```
 
-Returns `Promise<FormData>`. The `form.schema` contains the field definitions used to render the form.
-
----
-
-#### `client.authorizeUpload(formId, fieldId, file, locale?)`
-
-Step 1 of file upload — request an upload token.
+### Locale & Cache
 
 ```ts
-const token = await client.authorizeUpload(form.id, "resume", file);
+client.setLocale("fr");
+client.getLocale(); // "fr"
+client.clearCache();
 ```
 
-Returns `Promise<string>` (the upload token).
-
----
-
-#### `client.uploadFile(formId, token, file, locale?)`
-
-Step 2 of file upload — upload the file using the token.
+### Payment
 
 ```ts
-const fileUrl = await client.uploadFile(form.id, token, file);
+// Preload the Mastercard checkout script before it's needed
+await client.preloadCheckoutScript();
 ```
 
-Returns `Promise<string>` (the uploaded file URL to include in submission data).
+## FormStateManager
 
----
-
-#### `client.submitForm(formId, data, context)`
-
-Submit form data.
+Manages form field values, dirty/touched tracking, visibility, and change subscriptions.
 
 ```ts
-await client.submitForm(form.id, submissionData, {
-  eventId: form.eventId,
-  ticketId: 1,
-  locale: "en",
-});
-```
+import { FormStateManager, getAllFields } from "@amalaika/form-sdk-package";
 
-| Context Field | Type | Required | Description |
-|---------------|------|----------|-------------|
-| `eventId` | `number` | Yes | Event ID (from `form.eventId`) |
-| `ticketId` | `number` | Yes | Ticket ID used to fetch the form |
-| `locale` | `string` | No | Locale for `Accept-Language` header |
+const fields = getAllFields(form.schema);
+const state = new FormStateManager(fields);
 
-The `resourceType` is automatically sent from the constructor config.
+// Get/set values
+state.setValue("name", "Alice");
+state.getValue("name"); // "Alice"
+state.setValues({ name: "Alice", email: "alice@example.com" });
+state.getValues(); // { name: "Alice", email: "alice@example.com" }
 
-Returns `Promise<void>`.
+// Track user interaction
+state.touchField("email");
+state.isTouched("email"); // true
+state.isDirty();          // true
+state.getDirtyFields();   // Set(["name", "email"])
 
-### Utility Functions
+// Visibility-aware submission data (excludes hidden fields)
+const data = state.getSubmissionData();
 
-Pure functions for working with form schemas and conditional visibility. Import directly:
+// Get visible field IDs based on conditional logic
+const visible = state.getVisibleFieldIds();
 
-```ts
-import { getAllFields, isFieldVisible, getVisibleFieldIds } from "@amalaika/form-sdk-package";
-```
+// Resolve active payment integrations
+const integrations = state.getActiveIntegrations();
 
-#### `getAllFields(schema)`
-
-Extracts all fields from a `FormSchema`, whether flat or stepped.
+// Subscribe to changes
+const unsubscribe = state.onChange(({ fieldId, value, values }) => {
+  console.log(`${fieldId} changed to`, value);
+});
 
-```ts
-const fields = getAllFields(form.schema);
+// Reset to initial state
+state.reset();
 ```
 
-Returns `FieldDefinition[]`.
-
----
-
-#### `isFieldVisible(field, formValues, allFields)`
-
-Checks whether a field should be visible based on the current form values. Supports cascading visibility (if a parent field is hidden, its dependents are too).
+## Validation
 
 ```ts
-if (isFieldVisible(field, currentValues, allFields)) {
-  // render this field
-}
-```
-
-Returns `boolean`.
+import { validateField, validateForm, getAllFields } from "@amalaika/form-sdk-package";
 
-**Supported operators:**
+// Validate a single field
+const result = validateField(field, value);
+// { valid: true } or { valid: false, error: "This field is required" }
 
-| Operator | Visible when |
-|----------|-------------|
-| `equals` | `formValues[dependsOn] === value` |
-| `not_equals` | `formValues[dependsOn] !== value` |
-| `in` | Any overlap between selected values and target values |
-
----
-
-#### `getVisibleFieldIds(allFields, formValues)`
-
-Returns the set of field IDs that are currently visible. Use this to filter submission data — only submit visible fields.
-
-```ts
-const visibleIds = getVisibleFieldIds(allFields, formValues);
-
-const submissionData = {};
-for (const [key, val] of Object.entries(formValues)) {
-  if (visibleIds.has(key)) submissionData[key] = val;
-}
+// Validate all visible fields at once
+const results = validateForm(fields, values);
+// { fieldId: { valid: boolean, error?: string }, ... }
 ```
 
-Returns `Set<string>`.
+Supports: `required`, `minLength`, `maxLength`, `min`, `max`, `pattern`, `accept` (file types), `maxSize` (file size).
 
-## Full Example
+## Utility Functions
 
 ```ts
 import {
-  EventFormClient,
   getAllFields,
+  isFieldVisible,
   getVisibleFieldIds,
+  hasIntegration,
+  getIntegrationMethod,
+  resolveIntegrations,
 } from "@amalaika/form-sdk-package";
 
-const client = new EventFormClient({
-  apiKey: "Am_550e8400-e29b-41d4-a716-446655440000",
-  resourceType: "ticketing",
-  locale: "en",
-});
+// Flatten fields from schema (handles flat and step-based layouts)
+const fields = getAllFields(form.schema);
 
-// 1. Fetch tickets and pick one (uses default locale "en")
-const tickets = await client.fetchTickets();
-const ticket = tickets[0];
-
-// 2. Fetch the form (uses default locale "en")
-const form = await client.fetchForm(ticket.id);
-const allFields = getAllFields(form.schema);
-
-// 3. Collect user input into formValues (your UI handles this)
-const formValues: Record<string, unknown> = {
-  first_name: "Jane",
-  last_name: "Doe",
-  email: "jane@example.com",
-  role: "speaker",
-  talk_title: "Building Dynamic Forms",
-};
-
-// 4. Filter to visible fields only
-const visibleIds = getVisibleFieldIds(allFields, formValues);
-const submissionData: Record<string, unknown> = {};
-for (const [key, val] of Object.entries(formValues)) {
-  if (visibleIds.has(key)) submissionData[key] = val;
-}
+// Conditional visibility
+const visible = isFieldVisible(field, formValues, allFields);
+const visibleIds = getVisibleFieldIds(fields, formValues);
 
-// 5. Handle file uploads (if any)
-const resumeFile = new File(["..."], "resume.pdf", { type: "application/pdf" });
-const token = await client.authorizeUpload(form.id, "resume", resumeFile);
-const fileUrl = await client.uploadFile(form.id, token, resumeFile);
-submissionData["resume"] = fileUrl;
+// Payment integrations
+const hasPay = hasIntegration(field);
+const method = getIntegrationMethod(field, "CARD"); // "mastercard_payment_gateway"
+const active = resolveIntegrations(fields, formValues);
+```
+
+## Mastercard Payment Integration
+
+The SDK handles Mastercard Hosted Checkout via an embedded page flow:
+
+1. Submit the form — the API returns a `payment` object with `session_id` and `order_id`
+2. The SDK loads the Mastercard checkout script and renders the embedded payment UI in a container element
+3. On successful payment, the SDK confirms the payment with the backend
+4. The result is returned as part of the `integrations` array
 
-// 6. Submit (locale comes from constructor default)
-await client.submitForm(form.id, submissionData, {
-  eventId: form.eventId!,
-  ticketId: ticket.id,
+```ts
+// Provide a container element for the payment UI
+const { submission, integrations } = await client.submitForm(form, values, {
+  resourceId: ticketId,
+  attendanceType: "PHYSICAL",
+  containerId: "#payment-container", // must exist in the DOM
 });
+
+// Check payment result
+for (const result of integrations) {
+  if (result.success) {
+    // Payment completed
+  } else {
+    // result.error contains the error message
+    // result.data may contain additional details
+  }
+}
 ```
 
-## Exported Types
+## TypeScript
+
+All types are exported:
 
 ```ts
 import type {
-  ErrorMessages,
   EventFormConfig,
-  FieldOption,
+  FormData,
+  FormSchema,
   FieldDefinition,
+  FieldOption,
   StepDefinition,
-  FormSchema,
-  FormData,
-  ApiResponse,
-  TicketTranslation,
   Ticket,
+  TicketTranslation,
+  ValidationResult,
+  SubmissionResponse,
+  PaymentInfo,
+  IntegrationResult,
+  ResolvedIntegration,
+  ApiResponse,
+  ErrorMessages,
 } from "@amalaika/form-sdk-package";
 ```
 
-## Development
+## i18n
 
-```bash
-# Install dependencies
-npm install
+The SDK supports `en`, `fr`, and `rw` locales for error messages. Pass a locale to the client constructor or to individual methods:
+
+```ts
+const client = new EventFormClient({ apiKey: "...", resourceType: "ticketing", locale: "fr" });
+// or per-request:
+const tickets = await client.fetchTickets({ locale: "rw" });
+```
 
-# Build (ESM + CJS)
-npm run build
+## Build
 
-# Run tests
-npm test
+The package ships ESM and CJS builds with TypeScript declarations:
 
-# Lint
-npm run lint
+```bash
+npm run build      # Build both ESM and CJS
+npm test           # Run tests (212 tests, 100% coverage)
 ```
 
 ## License
 
-MIT
+ISC

package/dist/cjs/client/index.d.ts

@@ -1,26 +1,65 @@
-import type { EventFormConfig, FormData, Ticket } from "../types/index.js";
+import type { EventFormConfig, FormData, IntegrationResult, ResolvedIntegration, SubmissionResponse, Ticket } from "../types/index.js";
 export declare class EventFormClient {
     private readonly apiBase;
     private readonly apiKey;
     private readonly resourceType;
     private readonly messages;
+    private readonly origin;
+    private readonly timeout;
+    private readonly retryConfig;
+    private readonly cacheConfig;
+    private readonly noCache;
+    private readonly interceptors;
+    private readonly mastercardCheckoutUrl;
+    private readonly merchantName;
+    private readonly cache;
     private locale;
     constructor(config: EventFormConfig);
     setLocale(locale: string): void;
     getLocale(): string | undefined;
+    /**
+     * Preload the Mastercard Checkout.js script so it's ready when payment starts.
+     * Call this early (e.g. on page load) to avoid skeleton delay.
+     */
+    preloadCheckoutScript(): Promise<void>;
+    clearCache(): void;
+    private getCached;
+    private setCache;
+    private applyRequestInterceptor;
+    private applyResponseInterceptor;
+    private applyErrorInterceptor;
+    private throwMapped;
+    private cachedGet;
+    private isRetryable;
+    private executeRequest;
     fetchTickets(options?: {
         locale?: string;
         name?: string;
     }): Promise<Ticket[]>;
     fetchTicketById(id: number, locale?: string): Promise<Ticket>;
+    fetchPublicTicket(id: number, locale?: string): Promise<Ticket>;
     fetchLanguages(): Promise<string[]>;
     fetchForm(ticketId: number, locale?: string): Promise<FormData>;
     authorizeUpload(formId: number, fieldId: string, file: File, locale?: string): Promise<string>;
     uploadFile(formId: number, token: string, file: File, locale?: string): Promise<string>;
-    submitForm(formId: number, data: Record<string, unknown>, context: {
+    /**
+     * Submits the form to the backend first, then conditionally runs payment
+     * integrations if the response indicates payment is required.
+     *
+     * If an integration fails after submission, the failure is returned in the
+     * result (not thrown), since the submission is already saved on the backend.
+     */
+    submitForm(form: FormData, data: Record<string, unknown>, context: {
         eventId: number;
         ticketId: number;
         locale?: string;
-    }): Promise<void>;
+        attendanceType?: "HYBRID" | "PHYSICAL" | "VIRTUAL" | null;
+        containerId?: string;
+    }): Promise<{
+        submission: SubmissionResponse;
+        integrations: Array<ResolvedIntegration & {
+            result: IntegrationResult;
+        }>;
+    }>;
 }
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/client/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,eAAe,EACf,QAAQ,EACR,MAAM,EACP,MAAM,mBAAmB,CAAC;AAmC3B,qBAAa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAS;IACjC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAS;IAChC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAS;IACtC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAgB;IACzC,OAAO,CAAC,MAAM,CAAqB;gBAEvB,MAAM,EAAE,eAAe;IAQnC,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAI/B,SAAS,IAAI,MAAM,GAAG,SAAS;IAIzB,YAAY,CAAC,OAAO,CAAC,EAAE;QAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;IAuBf,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAiB7D,cAAc,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;IAoBnC,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC;IAiB/D,eAAe,CACnB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,IAAI,EACV,MAAM,CAAC,EAAE,MAAM,GACd,OAAO,CAAC,MAAM,CAAC;IAyBZ,UAAU,CACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,IAAI,EACV,MAAM,CAAC,EAAE,MAAM,GACd,OAAO,CAAC,MAAM,CAAC;IAqBZ,UAAU,CACd,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,GACA,OAAO,CAAC,IAAI,CAAC;CAuBjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/index.ts"],"names":[],"mappings":"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"}