@remoteoss/remote-flows 0.20.0 → 0.21.0

package/dist/types-DeIKH9Nn.d.ts

@@ -0,0 +1,410 @@
+import { t as EmploymentCreationResponse, A as EmploymentResponse, S as SuccessResponse, y as PostCreateEmployment2Error, B as PatchUpdateEmployment2Error, G as PutUpdateBenefitOfferError, u as Employment$1, z as EmploymentCreateParams } from './types.gen-Bb9d9VOg.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-CK4Y5P1M.js';
+import { OnboardingSubmit } from './flows/Onboarding/components/OnboardingSubmit.js';
+import { C as Components, M as Meta, J as JSFFieldset } from './remoteFlows-CeiBUgpD.js';
+import * as _tanstack_query_core from '@tanstack/query-core';
+import * as React$1 from 'react';
+import * as _remoteoss_json_schema_form from '@remoteoss/json-schema-form';
+import { Fields } from '@remoteoss/json-schema-form';
+import { Step } from './flows/useStepState.js';
+import { FieldValues } from 'react-hook-form';
+import { FlowOptions, JSFModify } from './flows/types.js';
+import { SaveDraftButton } from './flows/Onboarding/components/SaveDraftButton.js';
+
+type BasicInformationStepProps = {
+    onSubmit?: (payload: BasicInformationFormPayload) => void | Promise<void>;
+    onSuccess?: (data: EmploymentCreationResponse) => void | Promise<void>;
+    onError?: ({ error, rawError, fieldErrors, }: {
+        error: Error;
+        rawError: Record<string, unknown>;
+        fieldErrors: NormalizedFieldError[];
+    }) => void;
+};
+declare function BasicInformationStep({ onSubmit, onSuccess, onError, }: BasicInformationStepProps): react_jsx_runtime.JSX.Element;
+
+type ContractDetailsStepProps = {
+    onSubmit?: (payload: ContractDetailsFormPayload) => void | Promise<void>;
+    onSuccess?: (response: EmploymentResponse) => void | Promise<void>;
+    onError?: ({ error, rawError, fieldErrors, }: {
+        error: Error;
+        rawError: Record<string, unknown>;
+        fieldErrors: NormalizedFieldError[];
+    }) => void;
+};
+declare function ContractDetailsStep({ onSubmit, onError, onSuccess, }: ContractDetailsStepProps): react_jsx_runtime.JSX.Element;
+
+type BenefitsStepProps = {
+    components?: Components;
+    /**
+     * Callback function to be called when the benefits form is submitted.
+     * It can be used to perform any additional validation or processing before
+     * the onboarding moves to the last step.
+     * @param values
+     * @returns
+     */
+    onSubmit?: (values: BenefitsFormPayload) => void | Promise<void>;
+    /**
+     * Callback function to be called when the submitting benefits form fails.
+     * @param error
+     * @returns
+     */
+    onError?: ({ error, rawError, fieldErrors, }: {
+        error: Error;
+        rawError: Record<string, unknown>;
+        fieldErrors: NormalizedFieldError[];
+    }) => void;
+    /**
+     * Callback function to be called when benefits form is successfully submitted.
+     * This function is called after the submitting benefits form is submitted.
+     * @param data
+     * @returns
+     */
+    onSuccess?: (data: SuccessResponse) => void | Promise<void>;
+};
+declare function BenefitsStep({ components, onSubmit, onError, onSuccess, }: BenefitsStepProps): react_jsx_runtime.JSX.Element;
+
+type StepKeys = 'select_country' | 'basic_information' | 'contract_details' | 'benefits' | 'review';
+declare const STEPS: Record<StepKeys, Step<StepKeys>>;
+declare const STEPS_WITHOUT_SELECT_COUNTRY: Record<Exclude<StepKeys, 'select_country'>, Step<Exclude<StepKeys, 'select_country'>>>;
+/**
+ * Array of employment statuses that are allowed to proceed to the review step.
+ * These statuses indicate that the employment is in a final state and the employment cannot be modified further.
+ * @type {Employment['status'][]}
+ * @constant
+ */
+declare const reviewStepAllowedEmploymentStatus: Employment['status'][];
+declare const disabledInviteButtonEmploymentStatus: Employment['status'][];
+
+type OnboardingHookProps = Omit<OnboardingFlowProps, 'render'>;
+declare const useOnboarding: ({ employmentId, companyId, countryCode, type, options, skipSteps, externalId, initialValues: onboardingInitialValues, }: OnboardingHookProps) => {
+    /**
+     * Employment id passed useful to be used between components
+     */
+    employmentId: string | undefined;
+    /**
+     * Credit risk status of the company, useful to know what to to show in the review step
+     * The possible values are:
+     * - not_started
+     * - ready
+     * - in_progress
+     * - referred
+     * - fail
+     * - deposit_required
+     * - no_deposit_required
+     */
+    creditRiskStatus: "fail" | "not_started" | "ready" | "in_progress" | "referred" | "deposit_required" | "no_deposit_required" | undefined;
+    /**
+     * 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<"benefits" | "review" | "basic_information" | "contract_details" | "select_country">;
+        totalSteps: number;
+        values: {
+            benefits: FieldValues;
+            review: FieldValues;
+            basic_information: FieldValues;
+            contract_details: FieldValues;
+            select_country: FieldValues;
+        } | null;
+    };
+    /**
+     * Array of form fields from the onboarding schema
+     */
+    fields: Fields;
+    /**
+     * Loading state indicating if the onboarding schema is being fetched
+     */
+    isLoading: boolean;
+    /**
+     * Loading state indicating if the onboarding mutation is in progress
+     */
+    isSubmitting: boolean;
+    /**
+     * Initial form values
+     */
+    initialValues: {
+        select_country: Record<string, unknown>;
+        basic_information: Record<string, unknown>;
+        contract_details: Record<string, unknown>;
+        benefits: Record<string, unknown>;
+    };
+    /**
+     * 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) => {
+        yupError: _remoteoss_json_schema_form.$TSFixMe;
+        formErrors: _remoteoss_json_schema_form.$TSFixMe;
+    } | 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 parse form values before submission
+     * @param values - Form values to parse
+     * @returns Parsed form values
+     */
+    parseFormValues: (values: FieldValues) => FieldValues;
+    /**
+     * 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;
+        };
+    } | SuccessResponse$1<({
+        data: EmploymentCreationResponse;
+        error: undefined;
+    } | {
+        data: undefined;
+        error: PostCreateEmployment2Error;
+    }) & {
+        request: Request;
+        response: Response;
+    }> | ErrorResponse<Error> | SuccessResponse$1<({
+        data: EmploymentResponse;
+        error: undefined;
+    } | {
+        data: undefined;
+        error: PatchUpdateEmployment2Error;
+    }) & {
+        request: Request;
+        response: Response;
+    }> | SuccessResponse$1<({
+        data: SuccessResponse;
+        error: undefined;
+    } | {
+        data: undefined;
+        error: PutUpdateBenefitOfferError;
+    }) & {
+        request: Request;
+        response: Response;
+    }> | undefined>;
+    /**
+     * 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;
+    /**
+     * Fields metadata for each step
+     */
+    meta: {
+        fields: {
+            select_country: Meta;
+            basic_information: Meta;
+            contract_details: Meta;
+            benefits: Meta;
+        };
+        fieldsets: JSFFieldset | null | undefined;
+    };
+    /**
+     * Function to refetch the employment data
+     * @returns {void}
+     */
+    refetchEmployment: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<(Employment$1 & {
+        termination_date?: string | null;
+    }) | undefined, Error>>;
+    /**
+     * Employment data
+     */
+    employment: (Employment$1 & {
+        termination_date?: string | null;
+    }) | undefined;
+    /**
+     * let's the user know that the employment cannot be edited, happens when employment.status is invited, created_awaiting_reserve or created_reserve_paid
+     * @returns {boolean}
+     */
+    isEmploymentReadOnly: boolean | undefined;
+    /**
+     * let's the user know if the company can invite employees
+     * @returns {boolean}
+     */
+    canInvite: boolean | undefined;
+};
+
+type SelectCountryStepProps = {
+    onSubmit?: (payload: SelectCountryFormPayload) => void | Promise<void>;
+    onSuccess?: (data: SelectCountrySuccess) => void | Promise<void>;
+    onError?: ({ error, rawError, fieldErrors, }: {
+        error: Error;
+        rawError: Record<string, unknown>;
+        fieldErrors: NormalizedFieldError[];
+    }) => void;
+};
+declare function SelectCountryStep({ onSubmit, onSuccess, onError, }: SelectCountryStepProps): react_jsx_runtime.JSX.Element;
+
+type ReviewStepProps = {
+    /**
+     * Render prop function for customizing the review step credit risk flow UI
+     *
+     * @param props - Object containing credit risk information
+     * @param props.creditRiskState - Current state of the credit risk flow
+     *   - 'referred': Company has been referred for manual review
+     *   - 'deposit_required': Deposit payment is required but not yet paid
+     *   - 'deposit_required_successful': Deposit payment has been successfully processed
+     *   - 'invite': Regular invite flow is available (no deposit required)
+     *   - 'invite_successful': Invitation has been successfully sent
+     *   - null: No specific credit risk state applies
+     *
+     * @param props.creditRiskStatus - Credit risk status from the backend
+     *   - 'not_started': Credit risk assessment has not been initiated
+     *   - 'ready': Ready for credit risk assessment
+     *   - 'in_progress': Credit risk assessment is in progress
+     *   - 'referred': Company has been referred for manual review
+     *   - 'fail': Credit risk assessment failed
+     *   - 'deposit_required': Company requires a deposit payment
+     *   - 'no_deposit_required': No deposit is required for this company
+     *   - undefined: Credit risk status not yet determined
+     * @returns React.ReactNode to render for the review step
+     */
+    render: (props: {
+        creditRiskState: CreditRiskState;
+        creditRiskStatus: CreditRiskStatus | undefined;
+    }) => React.ReactNode;
+};
+declare function ReviewStep({ render }: ReviewStepProps): React$1.ReactNode;
+
+type OnboardingRenderProps = {
+    /**
+     * The onboarding bag returned by the useOnboarding hook.
+     * This bag contains all the methods and properties needed to handle the onboarding flow.
+     * @see {@link useOnboarding}
+     */
+    onboardingBag: ReturnType<typeof useOnboarding>;
+    /**
+     * The components used in the onboarding flow.
+     * This includes different steps, submit button, back button.
+     * @see {@link BasicInformationStep}
+     * @see {@link ContractDetailsStep}
+     * @see {@link OnboardingSubmit}
+     * @see {@link OnboardingBack}
+     * @see {@link OnboardingInvite}
+     * @see {@link BenefitsStep}
+     * @see {@link OnboardingCreateReserve}
+     * @see {@link InvitationSection}
+     * @see {@link SelectCountryStep}
+     * @see {@link ReviewStep}
+     * @see {@link SaveDraftButton}
+     */
+    components: {
+        SubmitButton: typeof OnboardingSubmit;
+        BackButton: typeof OnboardingBack;
+        BasicInformationStep: typeof BasicInformationStep;
+        OnboardingInvite: typeof OnboardingInvite;
+        ContractDetailsStep: typeof ContractDetailsStep;
+        BenefitsStep: typeof BenefitsStep;
+        SelectCountryStep: typeof SelectCountryStep;
+        ReviewStep: typeof ReviewStep;
+        SaveDraftButton: typeof SaveDraftButton;
+    };
+};
+type OnboardingFlowProps = {
+    /**
+     * The country code to use for the onboarding.
+     */
+    countryCode?: string;
+    /**
+     * The employment id to use for the onboarding.
+     */
+    employmentId?: string;
+    /**
+     * The company id to use for the onboarding.
+     */
+    companyId: string;
+    /**
+     * Unique reference code for the employment record in a non-Remote system. This optional field links to external data sources.
+     * If not provided, it defaults to null. While uniqueness is recommended, it is not strictly enforced within Remote's system.
+     */
+    externalId?: string;
+    /**
+     * 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>;
+    /**
+     * The steps to skip for the onboarding. We only support skipping the select_country step for now.
+     */
+    skipSteps?: ['select_country'];
+    /**
+     * The type of employment to use for the onboarding. Employee or contractor.
+     */
+    type?: EmploymentCreateParams['type'];
+    /**
+     * The options to use for the onboarding.
+     */
+    options?: Omit<FlowOptions, 'jsfModify'> & {
+        jsfModify?: {
+            select_country?: JSFModify;
+            basic_information?: JSFModify;
+            contract_details?: JSFModify;
+            benefits?: JSFModify;
+        };
+    };
+    /**
+     * The render prop function with the params passed by the useOnboarding hook and the components available to use for this flow
+     */
+    render: ({ onboardingBag, components, }: OnboardingRenderProps) => React.ReactNode;
+};
+type SelectCountryFormPayload = {
+    countryCode: string;
+};
+type SelectCountrySuccess = {
+    countryCode: string;
+};
+type BasicInformationFormPayload = {
+    name: string;
+    email: string;
+    work_email: string;
+    job_title: string;
+    tax_servicing_countries: string[];
+    tax_job_category: string;
+    department: {
+        id: string;
+        name?: string;
+    };
+    provisional_start_date: string;
+    has_seniority_date: 'yes' | 'no';
+    manager: {
+        id: string;
+    };
+    seniority_date: string;
+};
+type BenefitsFormPayload = Record<string, {
+    value: string;
+    filter?: string;
+}>;
+type ContractDetailsFormPayload = Record<string, unknown>;
+type CreditRiskStatus = 'not_started' | 'ready' | 'in_progress' | 'referred' | 'fail' | 'deposit_required' | 'no_deposit_required';
+type Employment = Employment$1 & {
+    /**
+     * Most updated termination date for the offboarding. This date is subject to change through the offboarding process even after it is finalized.
+     */
+    termination_date?: string | null;
+};
+type CreditRiskState = 'deposit_required' | 'deposit_required_successful' | 'invite' | 'invite_successful' | 'referred' | null;
+
+export { type BasicInformationFormPayload as B, type ContractDetailsFormPayload as C, type Employment as E, type OnboardingFlowProps as O, ReviewStep as R, STEPS as S, type SelectCountryFormPayload as a, type SelectCountrySuccess as b, type BenefitsFormPayload as c, type CreditRiskStatus as d, type CreditRiskState as e, type OnboardingRenderProps as f, SelectCountryStep as g, BasicInformationStep as h, ContractDetailsStep as i, BenefitsStep as j, STEPS_WITHOUT_SELECT_COUNTRY as k, disabledInviteButtonEmploymentStatus as l, reviewStepAllowedEmploymentStatus as r, useOnboarding as u };

package/dist/{types.gen-BWjuA7VH.d.ts → types.gen-Bb9d9VOg.d.ts}

@@ -709,6 +709,18 @@ type MagicLinkResponse = {
  * The stage of employment lifecycle. When it's `onboarded` means the employee is ready to commence or has already commenced.
  */
 type EmploymentLifecycleStage = 'employment_creation' | 'employee_self_enrollment' | 'right_to_work_check' | 'contract_signing' | 'remote_enrollment' | 'onboarded' | 'offboarded';
+/**
+ * Parameters for creating a contract document
+ */
+type CreateContractDocument = {
+    /**
+     *   Contract document parameters. Its properties may vary depending on the country.
+     *
+     */
+    contract_document: {
+        [key: string]: unknown;
+    };
+};
 type ValidationError = {
     errors: {
         [key: string]: unknown;
@@ -966,6 +978,12 @@ type UnauthorizedResponse = {
 type PricingPlanDetails = {
     frequency: 'annually' | 'monthly';
 };
+/**
+ * SignContractDocument schema
+ */
+type SignContractDocument = {
+    signature: string;
+};
 type ContractAmendmentStatus = 'submitted' | 'in_review' | 'done' | 'canceled' | 'deleted';
 /**
  * UTC date time in [ISO 8601][] format.
@@ -1198,6 +1216,12 @@ type EmploymentResponse = {
         employment?: Employment;
     };
 };
+/**
+ * ContractDocument schema
+ */
+type ContractDocument = {
+    id: string;
+};
 /**
  * Contract Amendment response
  */
@@ -1206,6 +1230,14 @@ type ContractAmendmentResponse = {
         contract_amendment: ContractAmendment;
     };
 };
+/**
+ * Contract document response
+ */
+type CreateContractDocumentResponse = {
+    data: {
+        contract_document: ContractDocument;
+    };
+};
 type PostCreateOffboardingErrors = {
     /**
      * Bad Request
@@ -1395,6 +1427,21 @@ type PostCreateEstimationCsvErrors = {
     422: UnprocessableEntityResponse;
 };
 type PostCreateEstimationCsvError = PostCreateEstimationCsvErrors[keyof PostCreateEstimationCsvErrors];
+type PostCreateContractDocumentErrors = {
+    /**
+     * Unauthorized
+     */
+    401: UnauthorizedResponse;
+    /**
+     * Not Found
+     */
+    404: NotFoundResponse;
+    /**
+     * Unprocessable Entity
+     */
+    422: UnprocessableEntityResponse;
+};
+type PostCreateContractDocumentError = PostCreateContractDocumentErrors[keyof PostCreateContractDocumentErrors];
 type PostAutomatableContractAmendmentErrors = {
     /**
      * Unauthorized
@@ -1429,5 +1476,16 @@ type PostInviteEmploymentInvitationErrors = {
     429: TooManyRequestsResponse;
 };
 type PostInviteEmploymentInvitationError = PostInviteEmploymentInvitationErrors[keyof PostInviteEmploymentInvitationErrors];
+type PostSignContractDocumentErrors = {
+    /**
+     * Bad Request
+     */
+    400: BadRequestResponse;
+    /**
+     * Forbidden
+     */
+    403: ForbiddenResponse;
+};
+type PostSignContractDocumentError = PostSignContractDocumentErrors[keyof PostSignContractDocumentErrors];
 
-export type { PostConvertRawCurrencyConverterError as A, ConvertCurrencyParams as B, CreateOffboardingParams as C, PostCreateContractEligibilityError as D, EmploymentShowResponse as E, CreateContractEligibilityParams as F, MinimalCountry as G, EmploymentTermType as H, CostCalculatorEmployment as I, TimeoffStatus as J, Currency as K, ListTimeoffResponse as L, MinimalRegion as M, HelpCenterArticle as N, OffboardingResponse as O, PostCreateOffboardingError as P, SuccessResponse as S, TerminationDetailsParams as T, UnifiedEmploymentUpsertBenefitOffersRequest as U, ValidationError as V, ContractAmendmentAutomatableResponse as a, PostAutomatableContractAmendmentError as b, ContractAmendmentResponse as c, PostCreateContractAmendmentError as d, CostCalculatorEstimateResponse as e, PostCreateEstimationError as f, CostCalculatorEstimatePdfResponse as g, PostCreateEstimationPdfError as h, CostCalculatorEstimateParams as i, CostCalculatorEstimateCsvResponse as j, PostCreateEstimationCsvError as k, Employment as l, Company as m, PostInviteEmploymentInvitationError as n, PostCreateRiskReserveError as o, EmploymentCreationResponse as p, PostCreateEmployment2Error as q, EmploymentCreateParams as r, EmploymentResponse as s, PatchUpdateEmployment2Error as t, EmploymentFullParams as u, PutUpdateBenefitOfferError as v, MagicLinkResponse as w, UnprocessableEntityResponse as x, MagicLinkParams as y, ConvertCurrencyResponse as z };
+export type { EmploymentResponse as A, PatchUpdateEmployment2Error as B, CreateOffboardingParams as C, EmploymentFullParams as D, EmploymentShowResponse as E, File as F, PutUpdateBenefitOfferError as G, MagicLinkResponse as H, UnprocessableEntityResponse as I, MagicLinkParams as J, ConvertCurrencyResponse as K, ListTimeoffResponse as L, MinimalRegion as M, PostConvertRawCurrencyConverterError as N, OffboardingResponse as O, PostCreateOffboardingError as P, ConvertCurrencyParams as Q, PostCreateContractEligibilityError as R, SuccessResponse as S, TerminationDetailsParams as T, UnifiedEmploymentUpsertBenefitOffersRequest as U, ValidationError as V, CreateContractEligibilityParams as W, TimeoffStatus as X, Currency as Y, HelpCenterArticle as Z, ContractAmendmentAutomatableResponse as a, PostAutomatableContractAmendmentError as b, ContractAmendmentResponse as c, PostCreateContractAmendmentError as d, CostCalculatorEstimateResponse as e, PostCreateEstimationError as f, CostCalculatorEstimatePdfResponse as g, PostCreateEstimationPdfError as h, CostCalculatorEstimateParams as i, CostCalculatorEstimateCsvResponse as j, PostCreateEstimationCsvError as k, PostSignContractDocumentError as l, SignContractDocument as m, CreateContractDocumentResponse as n, PostCreateContractDocumentError as o, CreateContractDocument as p, MinimalCountry as q, EmploymentTermType as r, CostCalculatorEmployment as s, EmploymentCreationResponse as t, Employment as u, Company as v, PostInviteEmploymentInvitationError as w, PostCreateRiskReserveError as x, PostCreateEmployment2Error as y, EmploymentCreateParams as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remoteoss/remote-flows",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "scripts": {
     "build": "NODE_ENV=production tsup",
     "ci": "npm run build && npm run check-format && npm run check-exports && npm run lint && npm run type-check && npm run test",
@@ -13,11 +13,8 @@
     "openapi-ts": "openapi-ts",
     "test": "vitest",
     "test:coverage": "vitest --coverage",
-    "changeset:add": "changeset add",
-    "changeset:version": "changeset version",
     "prepare": "npm run build",
-    "prerelease": "npm run ci",
-    "release": "changeset publish",
+    "release": "tsx scripts/release.ts",
     "type-check": "tsc --noEmit"
   },
   "engines": {
@@ -95,10 +92,12 @@
     "lodash.omit": "^4.5.0",
     "lodash.omitby": "^4.6.0",
     "lucide-react": "0.477.0",
+    "pdfjs-dist": "^5.4.296",
     "postcss": "^8.5.3",
     "react-day-picker": "^8.10.1",
     "react-flagpack": "^2.0.6",
     "react-hook-form": "^7.54.2",
+    "react-pdf": "^10.2.0",
     "recharts": "^2.15.1",
     "tailwind-merge": "^3.0.2",
     "tailwindcss": "^4.0.9",
@@ -133,6 +132,7 @@
     "msw": "^2.7.3",
     "prettier": "^3.5.1",
     "tsup": "^8.4.0",
+    "tsx": "^4.19.2",
     "typescript-eslint": "^8.26.1",
     "vitest": "^3.0.8"
   }

package/dist/chunk-5CGII7CZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/Onboarding/components/OnboardingBack.tsx"],"sourcesContent":["import { Button } from '@/src/components/ui/button';\nimport { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { useOnboardingContext } from '@/src/flows/Onboarding/context';\nimport { useFormFields } from '@/src/context';\n\ntype OnboardingBackProps = ButtonHTMLAttributes<HTMLButtonElement> &\n  Record<string, unknown>;\n\nexport function OnboardingBack({\n  children,\n  onClick,\n  ...props\n}: PropsWithChildren<OnboardingBackProps>) {\n  const {\n    onboardingBag: { back, isEmploymentReadOnly },\n  } = useOnboardingContext();\n\n  const { components } = useFormFields();\n\n  const onBackHandler = (evt: React.MouseEvent<HTMLButtonElement>) => {\n    if (!isEmploymentReadOnly) {\n      back();\n    }\n    onClick?.(evt);\n  };\n\n  const CustomButton = components?.button;\n  if (CustomButton) {\n    return (\n      <CustomButton {...props} onClick={onBackHandler}>\n        {children}\n      </CustomButton>\n    );\n  }\n\n  return (\n    <Button {...props} onClick={onBackHandler}>\n      {children}\n    </Button>\n  );\n}\n"],"mappings":"gKA6BM,cAAAA,MAAA,oBArBC,SAASC,EAAe,CAC7B,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAA2C,CACzC,GAAM,CACJ,cAAe,CAAE,KAAAC,EAAM,qBAAAC,CAAqB,CAC9C,EAAIC,EAAqB,EAEnB,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAE/BC,EAAgBC,EAACC,GAA6C,CAC7DN,GACHD,EAAK,EAEPF,IAAUS,CAAG,CACf,EALsB,iBAOhBC,EAAeL,GAAY,OACjC,OAAIK,EAEAb,EAACa,EAAA,CAAc,GAAGT,EAAO,QAASM,EAC/B,SAAAR,EACH,EAKFF,EAACc,EAAA,CAAQ,GAAGV,EAAO,QAASM,EACzB,SAAAR,EACH,CAEJ,CAhCgBS,EAAAV,EAAA","names":["jsx","OnboardingBack","children","onClick","props","back","isEmploymentReadOnly","useOnboardingContext","components","useFormFields","onBackHandler","__name","evt","CustomButton","Button"]}

package/dist/chunk-5TUFZVWO.js

@@ -1,2 +0,0 @@
-import{a as B}from"./chunk-ZJ3JHILJ.js";import{a as ge,b as Ue,c as Ve,d as ze,e as Ge,f as Je,g as qe,h as Ke,i as Ye,j as ye,k as Xe,l as _e,m as ve,o as Ce,q as Qe,r as Ze,s as et}from"./chunk-GGXKORRZ.js";import{b as je}from"./chunk-R2VVXLL7.js";import{a as he,b as $}from"./chunk-2QGDCMCE.js";import{b}from"./chunk-3ZWDIEEM.js";import{a as oe,b as re,c as x,d as We,e as Le,f as He,g as Ae,h as k,i as w,j as N,k as P,l as R,m as D}from"./chunk-U23SN7CM.js";import{g as Be}from"./chunk-PAQW5BFW.js";import{a as y,e as Oe}from"./chunk-54KJP7WD.js";import{a as r}from"./chunk-P37U34EQ.js";import{Fragment as Ht,jsx as O,jsxs as ae}from"react/jsx-runtime";function ne({name:e,defaultValue:t,description:a,label:o,onChange:l,multiple:d,options:c,component:F,...f}){let{components:i}=b(),{control:n}=x(),u=r((m,s,g)=>{let p=g.value?[...g.value]:[];s?p.includes(m)||g.onChange([...p,m]):g.onChange(p.filter(h=>h!==m))},"handleCheckboxChange");return O(k,{control:n,name:e,defaultValue:t,render:({field:m,fieldState:s})=>{let g=F||i?.checkbox;if(g){let p={name:e,description:a,label:o,defaultValue:t,multiple:d,options:c,...f};return O(g,{field:{...m,onChange:r(h=>{if(d){let{checked:S,value:C}=h.target;u(C,S,m),l?.(S);return}m.onChange(h),l?.(h)},"onChange")},fieldState:s,fieldData:p})}return ae(w,{"data-field":e,className:y(`RemoteFlows__CheckBoxField__Item__${e}`),children:[O(P,{children:ae(Ht,{children:[c&&d?O(N,{children:o}):null,c&&d?c.map(p=>ae("div",{className:"flex space-x-2",children:[O(ge,{id:p.value,onCheckedChange:h=>{u(p.value,h===!0,m),l?.(h,p.value)},checked:m.value?.includes(p.value),className:"RemoteFlows__CheckBox__Input"}),O(N,{htmlFor:p.value,className:"mb-0 RemoteFlows__CheckBox__Label",children:p.label})]},p.value)):ae("div",{className:"flex space-x-2",children:[O(ge,{id:e,onCheckedChange:p=>{m.onChange(p),l?.(p)},checked:m.value,className:"RemoteFlows__CheckBox__Input"}),O(N,{htmlFor:e,className:"mb-0 RemoteFlows__CheckBox__Label",children:o})]})]})}),a&&O(R,{children:a}),s.error&&O(D,{})]})}})}r(ne,"CheckBoxField");import{CalendarIcon as Ut}from"lucide-react";import{PopoverClose as Vt}from"@radix-ui/react-popover";import{ChevronLeft as Bt,ChevronRight as Ot}from"lucide-react";import{DayPicker as At}from"react-day-picker";import{jsx as xe}from"react/jsx-runtime";function tt({className:e,classNames:t,showOutsideDays:a=!0,...o}){return xe(At,{showOutsideDays:a,className:y("p-3",e),classNames:{months:"flex flex-col sm:flex-row gap-2",month:"flex flex-col gap-4",caption:"flex justify-center pt-1 relative items-center w-full",caption_label:"text-sm font-medium",nav:"flex items-center gap-1",nav_button:y(he({variant:"outline"}),"size-7 bg-transparent p-0 opacity-50 hover:opacity-100"),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-x-1",head_row:"flex",head_cell:"text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",row:"flex w-full mt-2",cell:y("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md",o.mode==="range"?"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md":"[&:has([aria-selected])]:rounded-md"),day:y(he({variant:"ghost"}),"size-8 p-0 font-normal aria-selected:opacity-100"),day_range_start:"day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",day_range_end:"day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",day_selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",day_today:"bg-accent text-accent-foreground",day_outside:"day-outside text-muted-foreground aria-selected:text-muted-foreground",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-accent-foreground",day_hidden:"invisible",...t},components:{IconLeft:r(({className:l,...d})=>xe(Bt,{className:y("size-4",l),...d}),"IconLeft"),IconRight:r(({className:l,...d})=>xe(Ot,{className:y("size-4",l),...d}),"IconRight")},...o})}r(tt,"Calendar");import*as A from"@radix-ui/react-popover";import{jsx as se}from"react/jsx-runtime";function le({...e}){return se(A.Root,{"data-slot":"popover",...e})}r(le,"Popover");function ie({...e}){return se(A.Trigger,{"data-slot":"popover-trigger",...e})}r(ie,"PopoverTrigger");function me({className:e,align:t="center",sideOffset:a=4,...o}){return se(A.Portal,{children:se(A.Content,{"data-slot":"popover-content",align:t,sideOffset:a,className:y("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",e),...o})})}r(me,"PopoverContent");import{format as ot}from"date-fns";import{Fragment as zt,jsx as E,jsxs as be}from"react/jsx-runtime";function rt({description:e,label:t,name:a,minDate:o,onChange:l,component:d,...c}){let{components:F}=b(),{control:f}=x(),i;return c.meta?.mot&&typeof c.meta.mot=="number"?i=Be(c.meta.mot):o&&(i=new Date(o)),E(k,{control:f,name:a,render:({field:n,fieldState:u})=>{let m=d||F?.date;if(m){let s={description:e,label:t,name:a,onChange:l,...i&&{minDate:i.toISOString()},...c};return E(m,{field:{...n,onChange:r(g=>{n.onChange(g),l?.(g)},"onChange")},fieldState:u,fieldData:s})}return be(w,{"data-field":a,className:`flex flex-col RemoteFlows__DatePickerField__Item__${a}`,children:[E(N,{className:"RemoteFlows__DatePickerField__Label",children:t}),be(le,{children:[E(ie,{asChild:!0,children:E(P,{children:E("div",{children:be($,{type:"button",variant:"outline",className:y("w-full pl-3 text-left font-normal",!n.value&&"text-muted-foreground"),"data-testid":`date-picker-button-${a}`,children:[n.value&&E(zt,{children:ot(n.value,"yyyy-MM-dd")}),E(Ut,{className:"ml-auto h-4 w-4 opacity-50"})]})})})}),E(me,{className:"w-auto p-0 RemoteFlows__DatepickerField__PopoverContent",align:"start",children:E(tt,{mode:"single",className:"RemoteFlows__DatepickerField__Calendar",selected:n.value?new Date(n.value):void 0,onSelect:s=>{n.onChange(s?ot(s,"yyyy-MM-dd"):null),l?.(s)},defaultMonth:i,components:{DayContent:r(s=>E(Vt,{children:s.date.getDate()}),"DayContent")},...i&&{disabled:r(s=>s<i,"disabled")}})})]}),e?E(R,{children:e}):null,u.error&&E(D,{className:"RemoteFlows__DatePickerField__Error"})]})}})}r(rt,"DatePickerField");import{useState as Gt,useRef as Jt}from"react";import{Upload as qt,X as Kt}from"lucide-react";import{jsx as U,jsxs as Se}from"react/jsx-runtime";function at({onChange:e,className:t,multiple:a}){let[o,l]=Gt([]),d=Jt(null),c=r(i=>{i.preventDefault(),d.current?.click()},"handleClick"),F=r(i=>{if(i.target.files&&i.target.files.length>0){let n=Array.from(i.target.files);l(n),e(i)}},"handleChange"),f=r(i=>{l(n=>n.filter(u=>u!==i))},"onRemoveFile");return Se("div",{className:y("flex flex-col items-start gap-4",t),children:[U("input",{type:"file",ref:d,onChange:F,className:"hidden","aria-label":"File upload",multiple:a}),Se($,{type:"button",onClick:c,className:"gap-2",children:[U(qt,{className:"h-4 w-4"}),"Choose File"]}),o.length===0&&U("div",{className:"text-sm",children:a?U("span",{className:"font-medium",children:"No files selected. You can select multiple files"}):U("span",{className:"font-medium",children:"No file selected."})}),o.length>0&&o.map((i,n)=>Se("div",{className:"text-sm flex items-center gap-2",children:["Selected file: ",U("span",{className:"font-medium",children:i.name})," (",Math.round(i.size/1024)," KB)",U($,{variant:"ghost",onClick:()=>f(i),children:U(Kt,{})})]},n))]})}r(at,"FileUploader");import{jsx as V,jsxs as jt}from"react/jsx-runtime";var Yt=r(e=>new Promise((t,a)=>{let o=new FileReader;o.readAsDataURL(e),o.onload=()=>t(o.result),o.onerror=l=>a(l)}),"toBase64"),nt=r(async e=>{let t=e.target.files?Array.from(e.target.files):[];return await Promise.all(t.map(async o=>{let l=await Yt(o);return{name:o.name,content:l.split(",")[1]}}))},"convertFilesToBase64");function st({name:e,description:t,label:a,multiple:o,onChange:l,component:d,...c}){let{components:F}=b(),{control:f}=x();return V(k,{control:f,name:e,render:({field:i,fieldState:n})=>{let u=d||F?.file;if(u){let m={name:e,description:t,label:a,multiple:o,...c};return V(u,{field:{...i,value:null,onChange:r(async s=>{let g=await nt(s);i.onChange(g),l?.(g)},"onChange")},fieldState:n,fieldData:m})}return jt(w,{"data-field":e,className:`RemoteFlows__FileUpload__Item__${e}`,children:[V(N,{className:"RemoteFlows__FileUpload__Label",children:a}),V(P,{children:V(at,{onChange:async m=>{let s=await nt(m);i.onChange(s),l?.(s)},multiple:o,className:y("RemoteFlows__FileUpload__Input")})}),t&&V("div",{className:"flex items-center justify-between",children:V(R,{className:"RemoteFlows__FileUpload__Description",children:t})}),n.error&&V(D,{className:"RemoteFlows__FileUpload__Error"})]})}})}r(st,"FileUploadField");import{jsx as ke}from"react/jsx-runtime";function de(e){let{components:t}=b(),{control:a}=x(),o=e.component||t?.number;return o?ke(k,{control:a,name:e.name,render:({field:l,fieldState:d})=>ke(o,{field:{...l,onChange:r(c=>{l.onChange(c),e.onChange?.(c)},"onChange")},fieldState:d,fieldData:e})}):ke(B,{...e,type:"text",inputMode:"decimal",pattern:"^[0-9.]*$"})}r(de,"NumberField");import{Fragment as Xt}from"react";import{jsx as W,jsxs as Ne}from"react/jsx-runtime";function lt({name:e,defaultValue:t,description:a,label:o,options:l,onChange:d,component:c,...F}){let{components:f}=b(),{control:i}=x();return W(k,{control:i,name:e,defaultValue:t,render:({field:n,fieldState:u})=>{let m=c||f?.radio;if(m){let s={name:e,defaultValue:t,description:a,label:o,options:l,...F};return W(m,{field:{...n,onChange:r(g=>{n.onChange(g),d?.(g)},"onChange")},fieldState:u,fieldData:s})}return Ne(w,{className:y("space-y-3",`RemoteFlows__RadioGroupField__Item__${e}`),"data-field":e,children:[W(N,{children:o}),W(P,{children:W(Ue,{"aria-label":o||e,onValueChange:s=>{n.onChange(s),d?.(s)},value:n.value,className:"flex flex-col space-y-3",children:l?.map(s=>W(Xt,{children:Ne(w,{"data-field":e,className:"flex items-start space-x-3 space-y-0 gap-0 RemoteFlows__RadioField__Item",children:[W(P,{children:W(Ve,{value:s.value,className:"RemoteFlows__RadioField__Input",disabled:s.disabled})}),Ne("div",{children:[W(N,{className:"font-normal mb-0 RemoteFlows__RadioField__Label",children:s.label}),s.description&&W(R,{className:"mt-2",children:s.description})]})]})},s.value))})}),a&&W(R,{children:a}),u.error&&W(D,{})]})}})}r(lt,"RadioGroupField");import{jsx as M,jsxs as it}from"react/jsx-runtime";function mt({label:e,name:t,options:a,defaultValue:o,description:l,onChange:d,component:c,...F}){let{control:f}=x(),{components:i}=b();return M(k,{defaultValue:o,control:f,name:t,render:({field:n,fieldState:u})=>{let m=c||i?.select;if(m){let s={label:e,name:t,options:a,defaultValue:o,description:l,onChange:d,...F};return M(m,{field:{...n,onChange:r(g=>{let p=F.jsonType==="number"?Number(g):g;n.onChange(p),d?.(p)},"onChange")},fieldState:u,fieldData:s})}return it(w,{"data-field":t,className:`RemoteFlows__SelectField__Item__${t}`,children:[M(N,{className:"RemoteFlows__SelectField__Label",children:e}),M(P,{children:M("div",{className:"relative",children:it(ze,{value:n.value||"",onValueChange:s=>{let g=F.jsonType==="number"?Number(s):s;n.onChange(g),d?.(g)},children:[M(qe,{className:"RemoteFlows__SelectField__Trigger","aria-invalid":!!u.error,"aria-label":e,children:M("span",{className:"absolute",children:M(Je,{placeholder:e})})}),M(Ke,{className:"RemoteFlows__SelectField__Content",children:M(Ge,{className:"RemoteFlows__SelectField__Group",children:a.map(s=>M(Ye,{value:s.value,className:"RemoteFlows__SelectField__SelectItem",children:s.label},s.value))})})]})})}),l&&M(R,{children:l}),u.error&&M(D,{})]})}})}r(mt,"SelectField");import{useState as ro}from"react";import{Fragment as Qt,useState as Zt}from"react";import{Check as eo,ChevronDownIcon as to,X as oo}from"lucide-react";import{Command as Y}from"cmdk";import{SearchIcon as jr}from"lucide-react";import{jsx as j,jsxs as ea}from"react/jsx-runtime";function dt({className:e,...t}){return j(Y,{"data-slot":"command",className:y("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...t})}r(dt,"Command");function ct({className:e,...t}){return j(Y.List,{"data-slot":"command-list",className:y("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",e),...t})}r(ct,"CommandList");function ut({...e}){return j(Y.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...e})}r(ut,"CommandEmpty");function pt({className:e,...t}){return j(Y.Group,{"data-slot":"command-group",className:y("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",e),...t})}r(pt,"CommandGroup");function ft({className:e,...t}){return j(Y.Separator,{"data-slot":"command-separator",className:y("bg-border -mx-1 h-px",e),...t})}r(ft,"CommandSeparator");function Ft({className:e,...t}){return j(Y.Item,{"data-slot":"command-item",className:y("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...t})}r(Ft,"CommandItem");import{jsx as L,jsxs as X}from"react/jsx-runtime";function ce({options:e,selected:t,onChange:a,placeholder:o,...l}){let[d,c]=Zt(!1),F=r(n=>{a(t.filter(u=>u.value!==n.value))},"handleUnselect"),f=e.some(n=>n.category),i=e.reduce((n,u)=>{let m=u.category||"Uncategorized";return n[m]||(n[m]=[]),n[m].push(u),n},{});return X(le,{open:d,onOpenChange:c,...l,children:[L(ie,{children:X($,{variant:"outline",role:"combobox","aria-expanded":d,className:"w-full justify-between font-normal",type:"button",children:[L("div",{className:"flex gap-1 flex-wrap overflow-x-auto max-h-[2.5rem] items-center",children:t.length>0?t.map(n=>X(je,{variant:"secondary",className:"mr-1 mb-1",children:[n.label,L("div",{role:"button",tabIndex:0,"aria-label":`remove ${n.label}`,className:"ml-1 ring-offset-background rounded-full outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",onKeyDown:u=>{u.key==="Enter"&&F(n)},onMouseDown:u=>{u.preventDefault(),u.stopPropagation()},onClick:()=>F(n),children:L(oo,{className:"h-3 w-3 text-muted-foreground hover:text-foreground"})})]},n.label)):L("span",{className:"text-foreground",children:o})}),L(to,{className:"size-4"})]})}),L(me,{align:"start",className:"w-full p-0",children:L(dt,{children:X(ct,{children:[L(ut,{children:"No item found."}),Object.entries(i).map(([n,u],m)=>X(Qt,{children:[m>0&&L(ft,{}),L(pt,{heading:f?n:void 0,children:u.map(s=>{let g=t.some(p=>p.value===s.value);return X(Ft,{onSelect:()=>{a(g?t.filter(p=>p.value!==s.value):[...t,s])},children:[L(eo,{className:y("mr-2 h-4 w-4",g?"opacity-100":"opacity-0")}),s.label]},s.label)})})]},n))]})})})]})}r(ce,"MultiSelect");import{jsx as J,jsxs as ao}from"react/jsx-runtime";function gt({label:e,name:t,options:a,defaultValue:o,description:l,onChange:d,$meta:c,component:F,...f}){let{control:i}=x(),{components:n}=b(),[u,m]=ro([]);return J(k,{defaultValue:o,control:i,name:t,render:({field:s,fieldState:g})=>{let p=F||n?.countries;if(p){let C={label:e,name:t,options:a,defaultValue:o,description:l,onChange:d,$meta:c,...f};return J(p,{field:{...s,onChange:r(T=>{s.onChange(T),d?.(T)},"onChange")},fieldState:g,fieldData:C})}let h=[...Object.entries(c?.regions||{}).map(([C,T])=>({value:T,label:C,category:"Regions"})),...Object.entries(c?.subregions||{}).map(([C,T])=>({value:T,label:C,category:"Subregions"})),...a.map(C=>({...C,value:C.value,label:C.label,category:"Countries"}))],S=r(C=>{let T=C.map(({value:G})=>G);s.onChange(T),d?.(T),m(C)},"handleChange");return ao(w,{"data-field":t,className:`RemoteFlows__CountryField__Item__${t}`,children:[J(N,{className:"RemoteFlows__CountryField__Label",children:e}),J(P,{children:J(ce,{options:h,selected:u,onChange:S,...f})}),l&&J(R,{children:l}),g.error&&J(D,{})]})}})}r(gt,"CountryField");import*as ht from"react";import{jsx as no}from"react/jsx-runtime";var we=ht.forwardRef(({className:e,...t},a)=>no("textarea",{className:y("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:a,...t}));we.displayName="Textarea";import{jsx as q,jsxs as Pe}from"react/jsx-runtime";function yt({name:e,description:t,label:a,onChange:o,maxLength:l,component:d,...c}){let{components:F}=b(),{control:f}=x();return q(k,{control:f,name:e,render:({field:i,fieldState:n})=>{let u=d||F?.textarea;if(u){let s={name:e,description:t,label:a,maxLength:l,...c};return q(u,{field:{...i,onChange:r(g=>{i.onChange(g),o?.(g)},"onChange")},fieldState:n,fieldData:s})}let m=i.value?.length??0;return Pe(w,{"data-field":e,className:`RemoteFlows__TextArea__Item__${e}`,children:[q(N,{className:"RemoteFlows__TextArea__Label",children:a}),q(P,{children:q(we,{...i,value:i.value??"",onChange:s=>{i.onChange(s),o?.(s)},className:y(n.error&&"border-red-500 focus-visible:ring-red-500","RemoteFlows__TextArea__Input"),placeholder:a})}),(t||l)&&Pe("div",{className:"flex items-center justify-between",children:[t&&q(R,{className:"RemoteFlows__TextArea__Description",children:t}),l&&Pe("span",{className:"text-sm ml-auto RemoteFlows__TextArea__MaxLength",children:[m,"/",l]})]}),n.error&&q(D,{className:"RemoteFlows__TextArea__Error"})]})}})}r(yt,"TextAreaField");import{jsx as Re}from"react/jsx-runtime";function _t(e){let{components:t}=b(),{control:a}=x(),o=e.component||t?.email;return o?Re(k,{control:a,name:e.name,render:({field:l,fieldState:d})=>Re(o,{field:{...l,onChange:r(c=>{l.onChange(c),e.onChange?.(c)},"onChange")},fieldState:d,fieldData:e})}):Re(B,{...e,type:"email"})}r(_t,"EmailField");import{jsx as vt}from"react/jsx-runtime";function Ct(e){let{control:t}=x();return vt(k,{control:t,name:e.name,render:({field:a})=>vt("input",{...a,type:"hidden"})})}r(Ct,"HiddenField");import po,{useEffect as fo,useState as Dt}from"react";var xt=r((e,t,a)=>{if(e&&"reportValidity"in e){let o=oe(a,t);e.setCustomValidity(o&&o.message||""),e.reportValidity()}},"r"),De=r((e,t)=>{for(let a in t.fields){let o=t.fields[a];o&&o.ref&&"reportValidity"in o.ref?xt(o.ref,a,e):o&&o.refs&&o.refs.forEach(l=>xt(l,a,e))}},"o"),St=r((e,t)=>{t.shouldUseNativeValidation&&De(e,t);let a={};for(let o in e){let l=oe(t.fields,o),d=Object.assign(e[o]||{},{ref:l&&l.ref});if(so(t.names||Object.keys(e),o)){let c=Object.assign({},oe(a,o));re(c,"root",d),re(a,o,c)}else re(a,o,d)}return a},"s"),so=r((e,t)=>{let a=bt(t);return e.some(o=>bt(o).match(`^${a}\\.\\d+`))},"i");function bt(e){return e.replace(/\]|\[/g,"")}r(bt,"n");function kt(e,t,a){return t===void 0&&(t={}),a===void 0&&(a={}),function(o,l,d){try{return Promise.resolve(function(c,F){try{var f=(t.context&&process.env.NODE_ENV==="development"&&console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead"),Promise.resolve(e[a.mode==="sync"?"validateSync":"validate"](o,Object.assign({abortEarly:!1},t,{context:l}))).then(function(i){return d.shouldUseNativeValidation&&De({},d),{values:a.raw?Object.assign({},o):i,errors:{}}}))}catch(i){return F(i)}return f&&f.then?f.then(void 0,F):f}(0,function(c){if(!c.inner)throw c;return{values:{},errors:St((F=c,f=!d.shouldUseNativeValidation&&d.criteriaMode==="all",(F.inner||[]).reduce(function(i,n){if(i[n.path]||(i[n.path]={message:n.message,type:n.type}),f){var u=i[n.path].types,m=u&&u[n.type];i[n.path]=We(n.path,f,i,n.type,m?[].concat(m,n.message):n.message)}return i},{})),d)};var F,f}))}catch(c){return Promise.reject(c)}}}r(kt,"o");import*as I from"yup";import Nt from"lodash.groupby";import Q from"lodash.capitalize";var wt=60,ue=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"];function lo(e){if(e<60)return`${e}m`;let t=Math.floor(e/wt),a=e%wt;return a>0?`${t}h${a}m`:`${t}h`}r(lo,"convertBreakDurationToHours");function Pt(e){let t=e.reduce((a,o)=>o.hours+a,0);return Number(t.toFixed(2))}r(Pt,"calculateTotalWorkHours");function io(e,t){let a=t.map(({day:d})=>d.toLowerCase()),o=a.indexOf(e),l=null;for(;o<a.length&&!l;){let d=a[o],c=a[o+1],F=ue.indexOf(d)+1;ue[F]===c||(l=d),o+=1}return l}r(io,"findLastConsecutiveDay");function mo(e){return e.start_time&&e.end_time&&(typeof e.hours=="number"?e.hours:Number.parseInt(e.hours))>0}r(mo,"shouldSummarizeSchedule");function co(e){return Number.parseInt(e.break_duration_minutes)>0}r(co,"shouldSummarizeBreaks");function Rt(e){let t=e.filter(mo),a=Nt(t,F=>`${F.start_time}|${F.end_time}`),o=e.filter(co),l=Nt(o,"break_duration_minutes"),d=Object.keys(a).map(F=>{let f=a[F],i=f[0].day,[n,u]=F.split("|"),m=`from <span>${n.replace(":","h")}</span> to <span>${u.replace(":","h")}</span>`,s=io(i,f),p=(s?f.findIndex(h=>h.day===s):-1)===f.length-1;return f.length===1?`${Q(i)}, ${m}`:!p||!s?f.reduce((h,S,C)=>{let T=Q(S.day);return C===f.length-1?`${h}and ${T}, ${m}`:`${h}<span>${T}</span>, `},""):`<span>${Q(i)}</span> to <span>${Q(s)}</span>, ${m}`}),c=Object.keys(l).reverse().map((F,f)=>{let i=f===0,n=l[F],u=lo(parseInt(F,10));if(Object.keys(l).length===1)return`With ${u} daily breaks`;if(n.length===1){let m=`${u} break on ${Q(n[0].day)}.`;return i?`With ${m}`:m}return n.reduce((m,s,g)=>{let p=Q(s.day);return g===0?`${m} ${p}`:g===n.length-1?`${m}, and ${p}.`:`${m}, ${p}`},i?`With ${u} break on`:`${u} break on`)});return{workHoursSummary:d,breakSummary:c}}r(Rt,"buildWorkScheduleSummary");function Te(e){let{checked:t,start_time:a,end_time:o,break_duration_minutes:l}=e;if(!t)return 0;let[d,c]=a.split(":").map(Number),[F,f]=o.split(":").map(Number),i=d*60+c,m=(F*60+f-i-Number.parseInt(l||"0"))/60;return m===Math.floor(m)?m:Number(m.toFixed(2))}r(Te,"calculateHours");var uo={monday:"Mon",tuesday:"Tue",wednesday:"Wed",thursday:"Thu",friday:"Fri",saturday:"Sat",sunday:"Sun"};function pe(e){return uo[e]}r(pe,"getShortWeekday");import{jsx as _,jsxs as H}from"react/jsx-runtime";var Fo=I.object({day:I.string().required(),checked:I.boolean().required(),start_time:I.string().matches(/^([01]\d|2[0-3]):([0-5]\d)$/,"Invalid time format (HH:mm)").when("checked",{is:!0,then:r(e=>e.required("Required"),"then"),otherwise:r(e=>e.optional().nullable(),"otherwise")}),end_time:I.string().matches(/^([01]\d|2[0-3]):([0-5]\d)$/,"Invalid time format (HH:mm)").when("checked",{is:!0,then:r(e=>e.required("Required"),"then"),otherwise:r(e=>e.optional().nullable(),"otherwise")}),hours:I.number().default(0),break_duration_minutes:I.string().default("0")}),go=I.object({schedule:I.array(Fo)});function ho({defaultSchedule:e,onSubmit:t}){let[a,o]=Dt(!1),l=ue.map(p=>{let h=e.find(S=>S.day.toLowerCase()===pe(p).toLowerCase()||S.day.toLowerCase()===p.toLowerCase());return h?{...h,day:pe(p),checked:!0}:{...e[0],checked:!1,day:pe(p)}}),d=He({defaultValues:{schedule:l},resolver:kt(go)}),{handleSubmit:c,watch:F,reset:f,control:i,formState:n}=d,{fields:u}=Le({name:"schedule",control:i}),m=F("schedule");function s(p){let h=p.schedule.filter(({checked:S})=>S).map(S=>({...S,hours:Te(S)}));t(h),o(!1)}r(s,"handleSubmitWorkingHours");function g(){f(),o(!1)}return r(g,"handleCancel"),_("div",{className:"flex items-center justify-between",children:H(ye,{open:a,onOpenChange:o,children:[_(Xe,{asChild:!0,children:_($,{variant:"link",className:"flex items-center p-0 RemoteFlows__WorkScheduleSelectionForm__Trigger",children:"Edit Schedule"})}),H(_e,{className:"max-w-5xl max-h-[90vh] overflow-y-auto px-8 py-4 RemoteFlows__WorkScheduleSelectionForm__Content",children:[_(ve,{children:_(Ce,{className:"RemoteFlows__WorkScheduleSelectionForm__Title",children:"Edit employee working hours"})}),_(Ae,{...d,children:H("form",{className:"space-y-4 RemoteFlows__WorkScheduleSelectionForm__Form",children:[H("div",{className:"rounded-lg",children:[_("p",{className:"text-gray-600 text-sm mb-4 RemoteFlows__WorkScheduleSelectionForm__Description",children:"The times displayed are in the employee's time zone in the 24-hour format."}),H("div",{className:"grid grid-cols-12 gap-4 text-sm font-medium text-gray-500 uppercase tracking-wide RemoteFlows__WorkScheduleSelectionForm__Header",children:[_("div",{className:"col-span-2"}),_("div",{className:"col-span-3 text-center",children:"START"}),_("div",{className:"col-span-1 text-center"}),_("div",{className:"col-span-3 text-center",children:"END"}),_("div",{className:"col-span-2 text-center",children:"HOURS"})]}),_("div",{className:"RemoteFlows__WorkScheduleSelectionForm__Rows",children:u.map((p,h)=>{let S=m[h],C=Te(S);return H(po.Fragment,{children:[H("div",{className:"grid grid-cols-12 gap-4 items-center py-2 RemoteFlows__WorkScheduleSelectionForm__Row-Hours",children:[_("div",{className:"col-span-2 flex items-center gap-3",children:_(ne,{label:p.day,name:`schedule.${h}.checked`})}),_("div",{className:"col-span-3",children:_(B,{name:`schedule.${h}.start_time`,includeErrorMessage:!1})}),_("div",{className:"col-span-1 text-center text-gray-500",children:"to"}),_("div",{className:"col-span-3",children:_(B,{name:`schedule.${h}.end_time`,includeErrorMessage:!1})}),_("div",{className:"col-span-2 text-center text-gray-600",children:isNaN(C)?"-":`${C} hours`})]}),H("div",{className:"grid grid-cols-12 gap-4 items-center py-2 RemoteFlows__WorkScheduleSelectionForm__Row-Break",children:[_("div",{className:"col-span-2 text-gray-500",children:"Break"}),_("div",{className:"col-span-2",children:_(B,{name:`schedule.${h}.break_duration_minutes`,includeErrorMessage:!1})}),_("div",{className:"col-span-2 text-gray-500",children:"minutes"}),_("div",{className:"col-span-4"})]})]},p.id)})})]}),Object.keys(n.errors).length>0&&_("p",{className:"text-destructive text-sm mb-0",children:"Invalid time format (HH:mm)"}),H("div",{className:"flex gap-4 pt-4",children:[_($,{type:"button",className:"reset-button",variant:"outline",onClick:g,children:"Cancel"}),_($,{type:"button",className:"submit-button",onClick:c(s),children:"Save Schedule"})]})]})})]})]})})}r(ho,"WorkScheduleSelectionForm");function Tt(e){let{components:t}=b(),{setValue:a,control:o,watch:l}=x(),d=l(e.name),[c,F]=Dt(d),{workHoursSummary:f,breakSummary:i}=Rt(c),n=Pt(c);fo(()=>{a(e.name,c)},[c,e.name,a]);function u(s){F(s)}r(u,"onSubmit");let m=e.component||t?.["work-schedule"];return m?_(k,{control:o,name:e.name,render:({field:s,fieldState:g})=>_(m,{field:{...s,onChange:r(p=>{s.onChange(p),e.onChange?.(p)},"onChange")},fieldState:g,fieldData:{...e,defaultFormattedValue:{workHoursSummary:f,breakSummary:i,totalWorkHours:n}}})}):H("div",{className:"flex flex-col gap-3 RemoteFlows__WorkScheduleField",children:[_("p",{className:"text-sm RemoteFlows__WorkScheduleField__Title",children:"Work hours"}),H("div",{className:"flex flex-col gap-1 RemoteFlows__WorkScheduleField__Summary",children:[_("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__WorkHours",dangerouslySetInnerHTML:{__html:f.join(", ")}}),_("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Break",children:i.join()}),H("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Total",children:["Total of ",_("span",{children:n})," hours per week"]}),_(ho,{defaultSchedule:c,onSubmit:u})]})]})}r(Tt,"WorkScheduleField");import{useState as yo}from"react";import{jsx as K,jsxs as _o}from"react/jsx-runtime";function It({label:e,name:t,options:a,defaultValue:o,description:l,onChange:d,component:c,...F}){let{control:f}=x(),{components:i}=b(),[n,u]=yo();return K(k,{defaultValue:o,control:f,name:t,render:({field:m,fieldState:s})=>{let g=c||i?.["multi-select"];if(g){let h={label:e,name:t,options:a,defaultValue:o,description:l,onChange:d,...F};return K(g,{field:{...m,onChange:r(S=>{m.onChange(S),d?.(S)},"onChange")},fieldState:s,fieldData:h})}let p=n||a.filter(h=>m.value.includes(h.value));return _o(w,{"data-field":t,className:`RemoteFlows__SelectField__Item__${t}`,children:[K(N,{className:"RemoteFlows__SelectField__Label",children:e}),K(P,{children:K(ce,{options:a,selected:p,onChange:h=>{let S=h.map(({value:C})=>C);m.onChange(S),d?.(S),u(h)},...F})}),l&&K(R,{children:l}),s.error&&K(D,{})]})}})}r(It,"MultiSelectField");import{jsx as vo}from"react/jsx-runtime";var $t=r(e=>vo(de,{maxLength:15,...e}),"MoneyField");var Ie={checkbox:ne,text:B,email:_t,money:$t,select:mt,"multi-select":It,radio:lt,number:de,file:st,date:rt,textarea:yt,countries:gt,hidden:Ct,"work-schedule":Tt};import{AlertCircle as Co}from"lucide-react";import{jsx as fe,jsxs as xo}from"react/jsx-runtime";function Et({title:e,description:t,severity:a}){let{components:o}=b();if(o?.statement){let l=o?.statement;return fe(l,{data:{title:e,description:t,severity:a}})}return xo(Qe,{variant:"warning",children:[fe(Co,{className:"h-4 w-4"}),e&&fe(Ze,{children:e}),t&&fe(et,{children:t})]})}r(Et,"Statement");import{Fragment as bo,useEffect as So,useRef as Mt}from"react";import{jsx as z,jsxs as ee}from"react/jsx-runtime";var ko=r(({isExpanded:e,onToggle:t,className:a,...o})=>z($,{type:"button",className:y("RemoteFlows__Button RemoteFlows__FieldSetField__ToggleButton",a),variant:"default",onClick:t,...o,children:e?"Remove":"Define"}),"DefaultToggleButton");function ns({label:e,name:t,fields:a,description:o,components:l,statement:d,isFlatFieldset:c,extra:F,variant:f="outset",features:i}){let{watch:n,setValue:u,trigger:m,formState:s}=x(),{components:g}=b(),p=i?.toggle?.stateField,h=p?n(p):i?.toggle?.defaultExpanded??!0,S=a.map(({name:v})=>`${t}.${v}`),C=n(S),T=Mt(C),G=Mt(null),Wt=r(()=>{p&&u(p,!h)},"toggleExpanded");So(()=>{let v=C,te=T.current,Fe=s.isSubmitted||s.submitCount>0,Me=!1;for(let Z=0;Z<v.length;Z++)if(v[Z]!==void 0&&te[Z]!==v[Z]){Me=!0;break}return Me&&Fe&&(G.current&&clearTimeout(G.current),G.current=setTimeout(()=>{m()},50)),T.current=[...v],()=>{G.current&&clearTimeout(G.current)}},[C,m,s.isSubmitted,s.submitCount]);let Lt=g?.fieldsetToggle||ko,$e=`${t}-content`,Ee=`${t}-header`;return ee("fieldset",{className:y("border-1 border-input p-4 rounded-xl","RemoteFlows__FieldSetField",`RemoteFlows__FieldSetField__${t}`),children:[z("legend",{className:y("text-sm font-semibold px-2",f==="inset"&&"hidden"),children:e}),f==="inset"&&ee("div",{className:"RemoteFlows__FieldSetField__Header",id:Ee,"data-state":h?"expanded":"collapsed","aria-expanded":h,children:[z("h3",{className:y("RemoteFlows__FieldSetField__Title"),children:e}),i?.toggle?.enabled&&z(Lt,{isExpanded:h,onToggle:Wt,"aria-expanded":h,"aria-controls":$e,"aria-label":`${h?"Hide":"Show"} ${e}`,className:y("RemoteFlows__FieldSetField__Toggle",i.toggle?.className),children:h?i.toggle.labels?.collapse??"Remove":i.toggle.labels?.expand??"Define"})]}),h&&ee("div",{id:$e,"aria-labelledby":Ee,role:"region",children:[o?z("div",{className:"mb-5 RemoteFlows__FieldSetField__Description",dangerouslySetInnerHTML:{__html:Oe(o)}}):null,ee("div",{className:"grid gap-4",children:[a.map(v=>{v.calculateDynamicProperties&&(v={...v,...v.calculateDynamicProperties(C,v)||{}});let te=Ie[v.type];if(v.isVisible===!1||v.deprecated)return null;if(v.Component){let{Component:Fe}=v;return z(Fe,{...v},v.name)}return v.type==="select"&&v.multiple&&(te=Ie["multi-select"]),ee(bo,{children:[z(te,{...v,name:`${c?v.name:`${t}.${v.name}`}`,component:l?.[v.type]}),v.extra?v.extra:null]},`${c?v.name:`${t}.${v.name}`}`)}),F||null,d?z(Et,{...d}):null]})]})]})}r(ns,"FieldSetField");export{Ie as a,Et as b,ns as c};
-//# sourceMappingURL=chunk-5TUFZVWO.js.map