@remoteoss/remote-flows 1.14.0 → 1.15.0

package/dist/{mutations-Cviv4PN1.d.ts → mutations-B8OzuyhA.d.ts}

@@ -1,4 +1,4 @@
-import './remoteFlows-C41d3S6K.js';
+import './remoteFlows-Bphgh2nl.js';
 
 interface SuccessResponse<D> {
     data: D;

package/dist/{remoteFlows-C41d3S6K.d.ts → remoteFlows-Bphgh2nl.d.ts}

@@ -1,6 +1,6 @@
 import { PropsWithChildren, ReactNode } from 'react';
 import { AnySchema } from 'yup';
-import { a6 as HelpCenterArticle } from './types.gen-f6p9DLeW.js';
+import { ab as HelpCenterArticle } from './types.gen-Yvu8ksE5.js';
 import { B as BaseTypes } from './types-ZWIpiFgj.js';
 import { ControllerRenderProps, FieldValues, ControllerFieldState } from 'react-hook-form';
 
@@ -291,9 +291,11 @@ type Components = {
 type RemoteFlowsSDKProps = Omit<ThemeProviderProps, 'children'> & {
     /**
      * Function to authenticate the user and obtain an access token.
+     * Optional when using cookie-based authentication (via the `credentials` prop).
+     * When provided, bearer token authentication will be used.
      * @returns A promise that resolves to an object containing the access token and its expiration time.
      */
-    auth: () => Promise<AuthResponse>;
+    auth?: () => Promise<AuthResponse>;
     /**
      * Components to override the default field components used in the SDK.
      */
@@ -337,6 +339,14 @@ type RemoteFlowsSDKProps = Omit<ThemeProviderProps, 'children'> & {
      * @default false
      */
     debug?: boolean;
+    /**
+     * Credentials mode for fetch requests.
+     * If not provided, credentials will not be included in requests.
+     * Set to 'include' to include credentials (cookies, authorization headers) in cross-origin requests.
+     * Set to 'same-origin' to only include credentials for same-origin requests.
+     * @default undefined (credentials not included)
+     */
+    credentials?: RequestCredentials;
 };
 type $TSFixMe = any;
 declare global {

package/dist/types-Bs66Ma28.d.ts

@@ -0,0 +1,248 @@
+import { u as CompanyResponse, N as NotFoundResponse, U as UnprocessableEntityResponse, T as TooManyRequestsResponse, B as BadRequestResponse, a as UnauthorizedResponse } from './types.gen-Yvu8ksE5.js';
+import { F as FieldError, N as NormalizedFieldError } from './mutations-B8OzuyhA.js';
+import * as React$1 from 'react';
+import { FieldValues } from 'react-hook-form';
+import { J as JSFFields, M as Meta, a as JSFFieldset } from './remoteFlows-Bphgh2nl.js';
+import { ValidationResult } from '@remoteoss/remote-json-schema-form-kit';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FlowOptions, JSFModify } from './flows/types.js';
+import { CreateCompanySubmit } from './flows/CreateCompany/components/CreateCompanySubmit.js';
+import { STEPS } from './flows/CreateCompany/utils.js';
+import { Step } from './flows/useStepState.js';
+
+type useCreateCompanyProps = Omit<CreateCompanyFlowProps, 'render'>;
+/**
+ * Main hook for the CreateCompany flow
+ * Manages the two-step flow: company creation and address details
+ * @param countryCode - Optional initial country code
+ * @param options - Flow options including jsfModify and jsonSchemaVersion
+ * @returns CreateCompany bag with all flow state and methods
+ */
+declare const useCreateCompany: ({ countryCode, options, initialValues: createCompanyInitialValues, }: useCreateCompanyProps) => {
+    /**
+     * Loading state indicating if the flow is loading data
+     */
+    isLoading: boolean;
+    /**
+     * Loading state indicating if the company creation or update mutation is in progress
+     */
+    isSubmitting: boolean;
+    /**
+     * Current state of the form fields for the current step.
+     */
+    fieldValues: FieldValues;
+    /**
+     * Current step state containing the current step and total number of steps
+     */
+    stepState: {
+        currentStep: Step<"address_details" | "company_basic_information">;
+        totalSteps: number;
+        values: {
+            address_details: FieldValues;
+            company_basic_information: FieldValues;
+        } | null;
+    };
+    /**
+     * Function to update the current form field values
+     * @param values - New form values to set
+     */
+    checkFieldUpdates: React$1.Dispatch<React$1.SetStateAction<FieldValues>>;
+    /**
+     * Function to handle going back to the previous step
+     * @returns {void}
+     */
+    back: () => void;
+    /**
+     * Function to handle going to the next step
+     * @returns {void}
+     */
+    next: () => void;
+    /**
+     * Function to handle going to a specific step
+     * @param step The step to go to.
+     * @returns {void}
+     */
+    goTo: (step: keyof typeof STEPS) => void;
+    /**
+     * Function to handle form submission
+     * @param values - Form values to submit
+     * @returns Promise resolving to the mutation result
+     */
+    onSubmit: (values: FieldValues) => Promise<{
+        data: {
+            countryCode: any;
+            companyOwnerEmail: any;
+            companyOwnerName: any;
+            desiredCurrency: any;
+            name: any;
+            phoneNumber: any;
+            taxNumber: any;
+        };
+    } | {
+        data: null;
+        error: Error;
+        rawError: Record<string, unknown>;
+        fieldErrors: FieldError[];
+    } | {
+        data: ({
+            data: CompanyResponse;
+            error: undefined;
+        } | {
+            data: undefined;
+            error: NotFoundResponse | UnprocessableEntityResponse | TooManyRequestsResponse | BadRequestResponse | UnauthorizedResponse;
+        }) & {
+            request: Request;
+            response: Response;
+        };
+    }>;
+    /**
+     * Array of form fields from the onboarding schema
+     */
+    fields: JSFFields;
+    /**
+     * Fields metadata for each step
+     */
+    meta: {
+        fields: {
+            company_basic_information: Meta;
+            address_details: Meta;
+        };
+        fieldsets: JSFFieldset | null | undefined;
+    };
+    /**
+     * Function to parse form values before submission
+     * @param values - Form values to parse
+     * @returns Parsed form values
+     */
+    parseFormValues: (values: FieldValues) => Promise<Record<string, any>>;
+    /**
+     * Function to validate form values against the onboarding schema
+     * @param values - Form values to validate
+     * @returns Validation result or null if no schema is available
+     */
+    handleValidation: (values: FieldValues) => Promise<ValidationResult | null>;
+    /**
+     * Initial form values
+     */
+    initialValues: {
+        company_basic_information: Record<string, unknown>;
+        address_details: Record<string, unknown>;
+    };
+};
+
+type CompanyBasicInformationStepProps = {
+    /**
+     * The function is called when the form is submitted. It receives the form values as an argument.
+     */
+    onSubmit?: (payload: CompanyBasicInfoFormPayload) => void | Promise<void>;
+    /**
+     * The function is called when the form submission is successful.
+     */
+    onSuccess?: (data: CompanyBasicInfoSuccess) => void | Promise<void>;
+    /**
+     * The function is called when an error occurs during form submission.
+     */
+    onError?: ({ error, rawError, fieldErrors, }: {
+        error: Error;
+        rawError: Record<string, unknown>;
+        fieldErrors: NormalizedFieldError[];
+    }) => void;
+};
+/**
+ * CompanyBasicInformationStep component for the first step of company creation
+ * Handles company basic information form submission
+ */
+declare function CompanyBasicInformationStep({ onSubmit, onSuccess, onError, }: CompanyBasicInformationStepProps): react_jsx_runtime.JSX.Element;
+
+type AddressDetailsStepProps = {
+    /**
+     * The function is called when the form is submitted. It receives the form values as an argument.
+     */
+    onSubmit?: (payload: CompanyAddressDetailsFormPayload) => void | Promise<void>;
+    /**
+     * The function is called when the form submission is successful.
+     */
+    onSuccess?: (data: CompanyAddressDetailsSuccess) => void | Promise<void>;
+    /**
+     * The function is called when an error occurs during form submission.
+     */
+    onError?: ({ error, rawError, fieldErrors, }: {
+        error: Error;
+        rawError: Record<string, unknown>;
+        fieldErrors: NormalizedFieldError[];
+    }) => void;
+};
+/**
+ * AddressDetailsStep component for the second step of company creation
+ * Handles address details form submission and company update
+ */
+declare function AddressDetailsStep({ onSubmit, onSuccess, onError, }: AddressDetailsStepProps): react_jsx_runtime.JSX.Element;
+
+type CountryFormFields = {
+    countryCode: string;
+    companyOwnerEmail: string;
+    companyOwnerName: string;
+    desiredCurrency: string;
+    name: string;
+    phoneNumber: string;
+    taxNumber: string;
+};
+type CompanyBasicInfoFormPayload = CountryFormFields;
+type CompanyBasicInfoSuccess = CountryFormFields;
+type CompanyAddressDetailsFormPayload = Record<string, unknown>;
+type CompanyAddressDetailsSuccess = Record<string, unknown>;
+type CreateCompanyRenderProps = {
+    /**
+     * The create company bag returned by the useCreateCompany hook.
+     * This bag contains all the methods and properties needed to handle the create company flow.
+     * @see {@link useCreateCompany}
+     */
+    createCompanyBag: ReturnType<typeof useCreateCompany>;
+    /**
+     * The components used in the create company flow.
+     * @see {@link CompanyBasicInformationStep}
+     * @see {@link AddressDetailsStep}
+     */
+    components: {
+        CompanyBasicInformationStep: typeof CompanyBasicInformationStep;
+        AddressDetailsStep: typeof AddressDetailsStep;
+        SubmitButton: typeof CreateCompanySubmit;
+    };
+};
+type CreateCompanyFlowProps = {
+    /**
+     * The country code to use for the onboarding.
+     */
+    countryCode?: string;
+    /**
+     * The render prop function with the params passed by the useCreateCompany hook and the components available to use for this flow
+     */
+    render: ({ createCompanyBag, components, }: CreateCompanyRenderProps) => React.ReactNode;
+    /**
+     * The options for the create company flow.
+     */
+    options?: Omit<FlowOptions, 'jsfModify'> & {
+        jsfModify?: {
+            company_basic_information?: JSFModify;
+            address_details?: JSFModify;
+        };
+    };
+    /**
+     * Initial values to pre-populate the form fields.
+     * These are flat field values that will be automatically mapped to the correct step.
+     * Server data will override these values. This happens when you pass employmentId and the server returns an employment object.
+     */
+    initialValues?: Record<string, unknown>;
+};
+type BasicInformationFormPayload = {
+    company_owner_email: string;
+    company_owner_name: string;
+    country_code: string;
+    desired_currency: string;
+    name: string;
+    phone_number: string;
+    tax_number: string;
+    tax_servicing_countries: string[];
+};
+
+export { AddressDetailsStep as A, type BasicInformationFormPayload as B, type CreateCompanyFlowProps as C, type CreateCompanyRenderProps as a, type CompanyBasicInfoSuccess as b, type CompanyAddressDetailsSuccess as c, CompanyBasicInformationStep as d, type CompanyBasicInfoFormPayload as e, type CompanyAddressDetailsFormPayload as f, useCreateCompany as u };

package/dist/{types-DGsUn7MK.d.ts → types-Ck-iVGL_.d.ts}

@@ -1,6 +1,6 @@
-import { O as OffboardingResponse, a7 as PayrollCalendarEor, E as Employment, z as TerminationDetailsParams, N as NotFoundResponse, U as UnprocessableEntityResponse, T as TooManyRequestsResponse, B as BadRequestResponse, a as UnauthorizedResponse, R as RequestError } from './types.gen-f6p9DLeW.js';
+import { O as OffboardingResponse, ac as PayrollCalendarEor, E as Employment, I as TerminationDetailsParams, N as NotFoundResponse, U as UnprocessableEntityResponse, T as TooManyRequestsResponse, B as BadRequestResponse, a as UnauthorizedResponse, R as RequestError } from './types.gen-Yvu8ksE5.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { E as ErrorResponse, S as SuccessResponse } from './mutations-Cviv4PN1.js';
+import { E as ErrorResponse, S as SuccessResponse } from './mutations-B8OzuyhA.js';
 import * as React$1 from 'react';
 import * as _remoteoss_json_schema_form from '@remoteoss/json-schema-form';
 import * as _remoteoss_json_schema_form_v0_deprecated from '@remoteoss/json-schema-form-v0-deprecated';

package/dist/{types-SHZYNK7B.d.ts → types-Dcg5CIEH.d.ts}

@@ -1,10 +1,10 @@
-import { d as EmploymentCreationResponse, e as EmploymentResponse, S as SuccessResponse, U as UnprocessableEntityResponse, T as TooManyRequestsResponse, s as ConflictResponse, B as BadRequestResponse, F as ForbiddenResponse, N as NotFoundResponse, a as UnauthorizedResponse, E as Employment$1, t as EmploymentCreateParams } from './types.gen-f6p9DLeW.js';
+import { l as EmploymentCreationResponse, m as EmploymentResponse, S as SuccessResponse, U as UnprocessableEntityResponse, T as TooManyRequestsResponse, x as ConflictResponse, B as BadRequestResponse, F as ForbiddenResponse, N as NotFoundResponse, a as UnauthorizedResponse, E as Employment$1, y as EmploymentCreateParams } from './types.gen-Yvu8ksE5.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { OnboardingBack } from './flows/Onboarding/components/OnboardingBack.js';
 import { OnboardingInvite } from './flows/Onboarding/components/OnboardingInvite.js';
-import { N as NormalizedFieldError, S as SuccessResponse$1, E as ErrorResponse } from './mutations-Cviv4PN1.js';
+import { N as NormalizedFieldError, S as SuccessResponse$1, E as ErrorResponse } from './mutations-B8OzuyhA.js';
 import { OnboardingSubmit } from './flows/Onboarding/components/OnboardingSubmit.js';
-import { C as Components, J as JSFFields, M as Meta, a as JSFFieldset } from './remoteFlows-C41d3S6K.js';
+import { C as Components, J as JSFFields, M as Meta, a as JSFFieldset } from './remoteFlows-Bphgh2nl.js';
 import * as _tanstack_query_core from '@tanstack/query-core';
 import * as React$1 from 'react';
 import { ValidationResult } from '@remoteoss/remote-json-schema-form-kit';

package/dist/{types-B3j6CHqF.d.ts → types-Dr-apmY1.d.ts}

@@ -1,9 +1,9 @@
-import { d as EmploymentCreationResponse, S as SuccessResponse, e as EmploymentResponse, f as CreateContractDocumentResponse, g as EligibilityQuestionnaire, E as Employment, h as Signatory, i as CompanyLegalEntity, G as SignContractDocument } from './types.gen-f6p9DLeW.js';
+import { l as EmploymentCreationResponse, S as SuccessResponse, m as EmploymentResponse, n as CreateContractDocumentResponse, o as EligibilityQuestionnaire, E as Employment, p as Signatory, q as CompanyLegalEntity, L as SignContractDocument } from './types.gen-Yvu8ksE5.js';
 import { OnboardingBack } from './flows/ContractorOnboarding/components/OnboardingBack.js';
 import { OnboardingSubmit } from './flows/ContractorOnboarding/components/OnboardingSubmit.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Components, J as JSFFields, M as Meta, a as JSFFieldset, $ as $TSFixMe } from './remoteFlows-C41d3S6K.js';
-import { N as NormalizedFieldError } from './mutations-Cviv4PN1.js';
+import { C as Components, J as JSFFields, M as Meta, a as JSFFieldset, $ as $TSFixMe } from './remoteFlows-Bphgh2nl.js';
+import { N as NormalizedFieldError } from './mutations-B8OzuyhA.js';
 import * as _tanstack_query_core from '@tanstack/query-core';
 import * as React$1 from 'react';
 import { Step } from './flows/useStepState.js';
@@ -11,7 +11,7 @@ import { FieldValues } from 'react-hook-form';
 import { ValidationResult } from '@remoteoss/remote-json-schema-form-kit';
 import { StepKeys } from './flows/ContractorOnboarding/utils.js';
 import { BasicInformationStep } from './flows/ContractorOnboarding/components/BasicInformationStep.js';
-import { g as SelectCountryStep } from './types-SHZYNK7B.js';
+import { g as SelectCountryStep } from './types-Dcg5CIEH.js';
 import { FlowOptions, JSFModify } from './flows/types.js';
 import { OnboardingInvite } from './flows/Onboarding/components/OnboardingInvite.js';
 import { ContractReviewButton } from './flows/ContractorOnboarding/components/ContractReviewButton.js';

package/dist/{types-C2Jm8UUR.d.ts → types-Jy-_3Y7m.d.ts}

@@ -1,4 +1,4 @@
-import { Z as ListTimeoffResponse, _ as TimeoffStatus, $ as TimeoffType, a0 as ListLeavePoliciesSummaryResponse, E as Employment } from './types.gen-f6p9DLeW.js';
+import { a2 as ListTimeoffResponse, a3 as TimeoffStatus, a4 as TimeoffType, a5 as ListLeavePoliciesSummaryResponse, E as Employment } from './types.gen-Yvu8ksE5.js';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryResult } from '@tanstack/react-query';
 import * as _tanstack_query_core from '@tanstack/query-core';