@remoteoss/remote-flows 0.0.1 → 0.0.3

package/README.md

@@ -4,6 +4,29 @@
 
 Welcome to the `@remoteoss/remote-flows` package, a React library that provides components for Remote's embbeded solution.
 
+## Table of Contents
+
+- [Overview](#overview)
+- [Installation](#installation)
+- [Getting Started](#getting-started)
+  - [Basic Setup](#basic-setup)
+    - [Simple Cost calculator](#simple-cost-calculator)
+    - [Cost Calculator with default values and a custom disclaimer label](#cost-calculator-with-default-values-and-a-custom-disclaimer-label)
+    - [Cost calculator with results](#cost-calculator-with-results)
+    - [Cost calculator with button that exports results to pdf](#cost-calculator-with-button-that-exports-results-to-pdf)
+- [Components API](#components-api)
+  - [RemoteFlows](#remoteflows)
+  - [CostCalculator](#costcalculator)
+  - [CostCalculatorResults](#costcalculatorresults)
+- [Authentication](#authentication)
+- [Styling Options](#styling-options)
+  - [Using Default Styles](#using-default-styles)
+  - [Theme Customization](#theme-customization)
+  - [CSS Overrides](#css-overrides)
+- [Advanced Usage](#advanced-usage)
+  - [Custom Implementation](#custom-implementation)
+- [Example](#example)
+
 ## Installation
 
 ```sh
@@ -20,7 +43,7 @@ After installation, import the main CSS file in your application:
 
 ### Basic Setup
 
-#### Cost calculator rendering
+#### Simple Cost calculator
 
 ```tsx
 import { CostCalculator, RemoteFlows } from '@remoteoss/remote-flows';
@@ -46,8 +69,6 @@ function CostCalculatorForm() {
           label: 'Remote Disclaimer',
         },
       }}
-      onSubmit={(payload) => console.log(payload)}
-      onError={(error) => console.error({ error })}
       onSuccess={(response) => console.log({ response })}
     />
   );
@@ -75,7 +96,7 @@ export function BasicCostCalculator() {
 }
 ```
 
-#### Cost Calculator + default values + custom disclaimer label
+#### Cost Calculator with default values and a custom disclaimer label
 
 ```tsx
 import { CostCalculator, RemoteFlows } from '@remoteoss/remote-flows';
@@ -101,8 +122,6 @@ function CostCalculatorForm() {
         },
       }}
       estimationOptions={estimationOptions}
-      onSubmit={(payload) => console.log(payload)}
-      onError={(error) => console.error({ error })}
       onSuccess={(response) => console.log({ response })}
     />
   );
@@ -130,7 +149,7 @@ export function BasicCostCalculatorWithDefaultValues() {
 }
 ```
 
-#### Cost calculator + results component
+#### Cost calculator with results
 
 ```tsx
 import type { CostCalculatorEstimateResponse } from '@remoteoss/remote-flows';
@@ -166,7 +185,6 @@ function CostCalculatorForm() {
             label: 'Remote Disclaimer',
           },
         }}
-        onError={(error) => console.error({ error })}
         onSuccess={(response) => {
           setEstimations(response);
         }}
@@ -200,7 +218,7 @@ export function CostCalculatoWithResults() {
 }
 ```
 
-#### Cost calculator with export to pdf
+#### Cost calculator with button that exports results to pdf
 
 ```tsx
 import type {
@@ -266,7 +284,6 @@ function CostCalculatorForm() {
           },
         }}
         onSubmit={(payload) => setPayload(payload)}
-        onError={(error) => console.error({ error })}
         onSuccess={(response) => {
           setEstimations(response);
         }}
@@ -298,6 +315,111 @@ export function CostCalculatorWithExportPdf() {
 }
 ```
 
+#### Cost Calculator with premium benefits
+
+```tsx
+import type {
+  CostCalculatorEstimateResponse,
+  CostCalculatorEstimationFormValues,
+} from '@remoteoss/remote-flows';
+import {
+  buildCostCalculatorEstimationPayload,
+  CostCalculator,
+  CostCalculatorResults,
+  RemoteFlows,
+  useCostCalculatorEstimationPdf,
+} from '@remoteoss/remote-flows';
+import { useState } from 'react';
+import './App.css';
+
+function CostCalculatorForm() {
+  const [estimations, setEstimations] =
+    useState<CostCalculatorEstimateResponse | null>(null);
+  const [payload, setPayload] =
+    useState<CostCalculatorEstimationFormValues | null>(null);
+
+  const estimationOptions = {
+    title: 'Estimate for a new company',
+    includeBenefits: true,
+    includeCostBreakdowns: true,
+    includePremiumBenefits: true,
+  };
+
+  const exportPdfMutation = useCostCalculatorEstimationPdf();
+
+  const handleExportPdf = () => {
+    if (payload) {
+      exportPdfMutation.mutate(
+        buildCostCalculatorEstimationPayload(payload, estimationOptions),
+        {
+          onSuccess: (response) => {
+            if (response?.data?.data?.content !== undefined) {
+              const a = document.createElement('a');
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              a.href = response.data.data.content as any;
+              a.download = 'estimation.pdf';
+              document.body.appendChild(a);
+              a.click();
+              document.body.removeChild(a);
+            }
+          },
+          onError: (error) => {
+            console.error({ error });
+          },
+        },
+      );
+    }
+  };
+
+  return (
+    <>
+      <CostCalculator
+        estimationOptions={estimationOptions}
+        options={{
+          disclaimer: {
+            label: 'Remote Disclaimer',
+          },
+        }}
+        onSubmit={(payload) => setPayload(payload)}
+        onError={(error) => console.error({ error })}
+        onSuccess={(response) => {
+          setEstimations(response);
+        }}
+      />
+      {estimations && (
+        <div className="cost-calculator__results">
+          <CostCalculatorResults employmentData={estimations.data} />
+        </div>
+      )}
+      {estimations && <button onClick={handleExportPdf}>Export as PDF</button>}
+    </>
+  );
+}
+
+function CostCalculatorWithPremiumBenefits() {
+  const fetchToken = () => {
+    return fetch('/api/token')
+      .then((res) => res.json())
+      .then((data) => ({
+        accessToken: data.access_token,
+        expiresIn: data.expires_in,
+      }))
+      .catch((error) => {
+        console.error({ error });
+        throw error;
+      });
+  };
+
+  return (
+    <div className="cost-calculator__container">
+      <RemoteFlows auth={() => fetchToken()}>
+        <CostCalculatorForm />
+      </RemoteFlows>
+    </div>
+  );
+}
+```
+
 ## Components API
 
 ### RemoteFlows
@@ -314,22 +436,22 @@ The `RemoteFlows` component serves as a provider for authentication and theming.
 
 The `CostCalculator` component renders a form for calculating employment costs.
 
-| Prop               | Type                                                 | Required | Description                                                 |
-| ------------------ | ---------------------------------------------------- | -------- | ----------------------------------------------------------- |
-| `estimationParams` | object                                               | No       | Customization for the estimation response (see table below) |
-| `defaultValues`    | object                                               | No       | Predefined form values (see table below)                    |
-| `params`           | `{ disclaimer?: { label?: string } }`                | No       | Additional configuration parameters                         |
-| `onSubmit`         | `(payload: CostCalculatorEstimateParams) => void`    | No       | Callback with the payload sent to Remote server             |
-| `onSuccess`        | `(response: CostCalculatorEstimateResponse) => void` | No       | Callback with the successful estimation data                |
-| `onError`          | `(error: Error) => void`                             | No       | Error handling callback                                     |
+| Prop               | Type                                                 | Required | Description                                                                                  |
+| ------------------ | ---------------------------------------------------- | -------- | -------------------------------------------------------------------------------------------- |
+| `estimationParams` | object                                               | No       | Customization for the estimation response (see table below)                                  |
+| `defaultValues`    | object                                               | No       | Predefined form values (see table below)                                                     |
+| `params`           | `{ disclaimer?: { label?: string } }`                | No       | Additional configuration parameters                                                          |
+| `onSubmit`         | `(payload: CostCalculatorEstimateParams) => void`    | No       | Callback with the form payload sent to Remote API. Runs before submitting the form to Remote |
+| `onSuccess`        | `(response: CostCalculatorEstimateResponse) => void` | No       | Callback with the successful estimation data                                                 |
+| `onError`          | `(error: Error) => void`                             | No       | Error handling callback                                                                      |
 
 #### estimationParams Properties
 
 | Property                | Type      | Description                                                  |
 | ----------------------- | --------- | ------------------------------------------------------------ |
 | `title`                 | `string`  | Custom title for the estimation report                       |
-| `includeBenefits`       | `boolean` | When true, includes benefits information in the response     |
-| `includeCostBreakdowns` | `boolean` | When true, includes detailed cost breakdowns in the response |
+| `includeBenefits`       | `boolean` | If `true`, includes benefits information in the response     |
+| `includeCostBreakdowns` | `boolean` | If `true`, includes detailed cost breakdowns in the response |
 
 #### defaultValues Properties
 
@@ -343,14 +465,51 @@ The `CostCalculator` component renders a form for calculating employment costs.
 
 A component to display cost calculation results.
 
-| Prop             | Type                                 | Required | Description                    |
-| ---------------- | ------------------------------------ | -------- | ------------------------------ |
-| `employmentData` | `CostCalculatorEstimateResponseData` | Yes      | The estimation data to display |
+| Prop             | Type                                 | Required | Description                  |
+| ---------------- | ------------------------------------ | -------- | ---------------------------- |
+| `employmentData` | `CostCalculatorEstimateResponseData` | Yes      | The estimation response data |
+
+### useCostCalculator
+
+The `useCostCalculator` hook provides access to the underlying functionality of the cost calculator, allowing for custom implementations.
+
+| Property           | Type                                                                                                               | Description                                                                                                              |
+| ------------------ | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------ |
+| `stepState`        | `{ current: number; total: number; isLastStep: boolean }`                                                          | Information about the current step in multi-step forms                                                                   |
+| `fields`           | `Field[]`                                                                                                          | Array of form field definitions with metadata ([json-schema-form](https://github.com/remoteoss/json-schema-form) format) |
+| `validationSchema` | `yup.Schema`                                                                                                       | Yup validation schema for the form                                                                                       |
+| `handleValidation` | `Function`                                                                                                         | Function to handle custom field validation                                                                               |
+| `isSubmitting`     | `boolean`                                                                                                          | Whether the form is currently submitting                                                                                 |
+| `isLoading`        | `boolean`                                                                                                          | Whether any required data is still loading                                                                               |
+| `onSubmit`         | `(values: CostCalculatorEstimationFormValues) => Promise<Result<CostCalculatorEstimateResponse, EstimationError>>` | Function to submit the form data to the Remote API                                                                       |
+| `resetForm`        | `Function`                                                                                                         | Function that clears country and region selection state                                                                  |
+
+#### Parameters
+
+| Parameter           | Type                              | Required | Description                                                                                    |
+| ------------------- | --------------------------------- | -------- | ---------------------------------------------------------------------------------------------- |
+| `defaultRegion`     | `string`                          | No       | Pre-selected region slug                                                                       |
+| `estimationOptions` | `CostCalculatorEstimationOptions` | Yes      | Options for the cost estimation (same as `estimationParams` in the `CostCalculator` component) |
+
+The `estimationOptions` object has the following properties:
+
+| Property                 | Type      | Description                                                                                                                |
+| ------------------------ | --------- | -------------------------------------------------------------------------------------------------------------------------- |
+| `title`                  | `string`  | Custom title for the estimation report                                                                                     |
+| `includeBenefits`        | `boolean` | If `true`, includes benefits information in the response                                                                   |
+| `includeCostBreakdowns`  | `boolean` | If `true`, includes detailed cost breakdowns in the response                                                               |
+| `includePremiumBenefits` | `boolean` | If `true`, includes premium benefits in the response, if there are no premium benefits available, we'll show core benefits |
 
 ## Authentication
 
 You need to implement a server endpoint to securely handle authentication with Remote. This prevents exposing client credentials in your frontend code.
 
+Your server should:
+
+1. Store your client credentials securely
+2. Implement an endpoint that exchanges these credentials for an access token
+3. Return `access_token` and `expires_in` to the frontend application
+
 For a complete implementation, check our [example server implementation](https://github.com/remoteoss/remote-flows/blob/main/example/server.js).
 
 ### API Gateway Endpoints
@@ -401,15 +560,27 @@ Import the CSS file in your application:
 | `borderRadius`             | The main border radius value (default: 0.625rem). This is the foundation for all other radius values. |
 | `font.fontSizeBase`        | The main font size value (default: 1rem). Controls the base text size of the component.               |
 
-### CSS Overrides
+### Custom CSS
 
-#### Using CSS variables:
+All components expose CSS classes with the prefix `RemoteFlows__` that you can target for custom styling. This approach gives you fine-grained control over specific elements without having to rebuild the components.
 
-You can override the CSS variables defined in `:root` in the library's `styles/global.css`
+For example, let's say you want to render the currency field next to the salary field. You can achieve this with the following CSS:
 
-#### Override CSS Classes:
+```css
+.RemoteFlows__CostCalculatorForm {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1rem;
+}
+
+.RemoteFlows__SelectField__Item__country {
+  grid-column: span 2;
+}
 
-Use css or your css in js solution to override any classes from the SDK
+.RemoteFlows__CostCalculatorForm .RemoteFlows__Button {
+  grid-column: span 2;
+}
+```
 
 ## Advanced Usage
 

package/dist/chunk-32G7XF2D.js

@@ -0,0 +1,2 @@
+import{a as Q}from"./chunk-56PULCHS.js";import{a as H,b as V}from"./chunk-HHNKZK2V.js";import{e as Y,f as K}from"./chunk-K44YP7ZG.js";import{a}from"./chunk-ATKR5HCM.js";import{a as o}from"./chunk-AYDF3IFZ.js";import w from"react";import{useForm as at}from"react-hook-form";import*as c from"react";import{Slot as ke}from"@radix-ui/react-slot";import{Controller as Ve,FormProvider as De,useFormContext as Le,useFormState as Ee}from"react-hook-form";import*as X from"react";import*as Z from"@radix-ui/react-label";function ee({className:e,...t}){return X.createElement(Z.Root,{"data-slot":"label",className:a("flex items-center gap-2 text-sm leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50",e),...t})}o(ee,"Label");var te=De,oe=c.createContext({}),b=o(({...e})=>c.createElement(oe.Provider,{value:{name:e.name}},c.createElement(Ve,{...e})),"FormField"),M=o(()=>{let e=c.useContext(oe),t=c.useContext(re),{getFieldState:r}=Le(),s=Ee({name:e.name}),i=r(e.name,s);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:n}=t;return{id:n,name:e.name,formItemId:`${n}-form-item`,formDescriptionId:`${n}-form-item-description`,formMessageId:`${n}-form-item-message`,...i}},"useFormField"),re=c.createContext({});function v({className:e,...t}){let r=c.useId();return c.createElement(re.Provider,{value:{id:r}},c.createElement("div",{"data-slot":"form-item",className:a("grid gap-2",e),...t}))}o(v,"FormItem");function x({className:e,...t}){let{error:r,formItemId:s}=M();return c.createElement(ee,{"data-slot":"form-label","data-error":!!r,className:a("text-base-color mb-1 data-[error=true]:text-destructive",e),htmlFor:s,...t})}o(x,"FormLabel");var g=c.forwardRef(({...e},t)=>{let{error:r,formItemId:s,formDescriptionId:i,formMessageId:n}=M();return c.createElement(ke,{"data-slot":"form-control",ref:t,id:s,"aria-describedby":r?`${i} ${n}`:`${i}`,"aria-invalid":!!r,...e})});g.displayName="FormControl";function y({className:e,...t}){let{formDescriptionId:r}=M();return c.createElement("p",{"data-slot":"form-description",id:r,className:a("text-base-color text-sm",e),...t})}o(y,"FormDescription");function C({className:e,...t}){let{error:r,formMessageId:s}=M(),i=r?String(r?.message??""):t.children;return i?c.createElement("p",{"data-slot":"form-message",id:s,className:a("text-destructive text-sm",e),...t},i):null}o(C,"FormMessage");import O from"react";import tt from"react";import{CalendarIcon as Ge}from"lucide-react";import*as d from"react";import{useFormContext as ze}from"react-hook-form";import*as A from"react";import{ChevronLeft as Be,ChevronRight as Me}from"lucide-react";import{DayPicker as Ae}from"react-day-picker";function ae({className:e,classNames:t,showOutsideDays:r=!0,...s}){return A.createElement(Ae,{showOutsideDays:r,className:a("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:a(H({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:a("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",s.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:a(H({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:o(({className:i,...n})=>A.createElement(Be,{className:a("size-4",i),...n}),"IconLeft"),IconRight:o(({className:i,...n})=>A.createElement(Me,{className:a("size-4",i),...n}),"IconRight")},...s})}o(ae,"Calendar");import*as D from"react";import*as R from"@radix-ui/react-popover";function ie({...e}){return D.createElement(R.Root,{"data-slot":"popover",...e})}o(ie,"Popover");function se({...e}){return D.createElement(R.Trigger,{"data-slot":"popover-trigger",...e})}o(se,"PopoverTrigger");function ne({className:e,align:t="center",sideOffset:r=4,...s}){return D.createElement(R.Portal,null,D.createElement(R.Content,{"data-slot":"popover-content",align:t,sideOffset:r,className:a("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),...s}))}o(ne,"PopoverContent");import{PopoverClose as Oe}from"@radix-ui/react-popover";import{format as $e}from"date-fns";function le({description:e,label:t,name:r}){let{control:s}=ze();return d.createElement(b,{control:s,name:r,render:({field:i})=>d.createElement(v,{className:`flex flex-col RemoteFlows__DatePickerField__Item__${r}`},d.createElement(x,{className:"RemoteFlows__DatePickerField__Label"},t),d.createElement(ie,null,d.createElement(se,{asChild:!0},d.createElement(g,null,d.createElement("div",null,d.createElement(V,{variant:"outline",className:a("w-full pl-3 text-left font-normal",!i.value&&"text-muted-foreground")},i.value?d.createElement(d.Fragment,null,$e(i.value,"yyyy-MM-dd")):d.createElement("span",null,"Pick a date"),d.createElement(Ge,{className:"ml-auto h-4 w-4 opacity-50"}))))),d.createElement(ne,{className:"w-auto p-0 RemoteFlows__DatepickerField__PopoverContent",align:"start"},d.createElement(ae,{mode:"single",className:"RemoteFlows__DatepickerField__Calendar",selected:i.value,onSelect:i.onChange,components:{DayContent:o(n=>d.createElement(Oe,null,n.date.getDate()),"DayContent")},disabled:n=>n<new Date("1900-01-01")}))),e?d.createElement(y,null,e):null,d.createElement(C,null))})}o(le,"DatePickerField");import*as I from"react";function me({label:e,name:t,fields:r,description:s}){return I.createElement("fieldset",{className:a("border-1 border-input p-4 rounded-xl",`RemoteFlows__FieldSetField__${t}`)},I.createElement("legend",{className:"text-sm font-semibold px-2"},e),s?I.createElement("div",{className:"mb-5 RemoteFlows__FieldSetField__Description",dangerouslySetInnerHTML:{__html:s}}):null,I.createElement("div",{className:"grid gap-4"},r.map(i=>{let n=G[i.type];return I.createElement(n,{...i,key:i.name,name:`${t}.${i.name}`})})))}o(me,"FieldSetField");import*as T from"@radix-ui/react-radio-group";import{CircleIcon as je}from"lucide-react";import*as L from"react";function ce({className:e,...t}){return L.createElement(T.Root,{"data-slot":"radio-group",className:a("grid gap-3",e),...t})}o(ce,"RadioGroup");function de({className:e,...t}){return L.createElement(T.Item,{"data-slot":"radio-group-item",className:a("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",e),...t},L.createElement(T.Indicator,{"data-slot":"radio-group-indicator",className:"relative flex items-center justify-center"},L.createElement(je,{className:"fill-radio absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"})))}o(de,"RadioGroupItem");import*as _ from"react";import{useFormContext as He}from"react-hook-form";function pe({name:e,defaultValue:t,description:r,label:s,options:i}){let{control:n}=He();return _.createElement(b,{control:n,name:e,defaultValue:t,render:({field:u,fieldState:P})=>_.createElement(v,{className:a("space-y-3",`RemoteFlows__RadioGroupField__Item__${e}`)},_.createElement(x,null,s),_.createElement(g,null,_.createElement(ce,{onValueChange:u.onChange,defaultValue:u.value,className:"flex flex-col space-y-1"},i.map(f=>_.createElement(v,{key:f.value,className:"flex items-center space-x-3 space-y-0 gap-0 RemoteFlows__RadioField__Item"},_.createElement(g,null,_.createElement(de,{value:f.value,className:"RemoteFlows__RadioField__Input"})),_.createElement(x,{className:"font-normal mb-0 RemoteFlows__RadioField__Label"},f.label))))),r&&_.createElement(y,null,r),P.error&&_.createElement(C,null))})}o(pe,"RadioGroupField");import*as p from"react";import*as m from"react";import*as l from"@radix-ui/react-select";import{CheckIcon as Ue,ChevronDownIcon as ue,ChevronUpIcon as We}from"lucide-react";function fe({...e}){return m.createElement(l.Root,{"data-slot":"select",...e})}o(fe,"Select");function ge({...e}){return m.createElement(l.Group,{"data-slot":"select-group",...e})}o(ge,"SelectGroup");function Fe({...e}){return m.createElement(l.Value,{"data-slot":"select-value",...e})}o(Fe,"SelectValue");function ve({className:e,children:t,...r}){return m.createElement(l.Trigger,{"data-slot":"select-trigger",className:a("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex w-full items-center justify-between rounded-xl border bg-transparent px-4 py-7 text-sm whitespace-nowrap transition-[color] outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","focus-visible:border-focused",e),...r},t,m.createElement(l.Icon,{asChild:!0,className:"absolute right-4"},m.createElement(ue,{className:"size-4"})))}o(ve,"SelectTrigger");function xe({className:e,children:t,position:r="popper",...s}){return m.createElement(l.Portal,null,m.createElement(l.Content,{"data-slot":"select-content",className:a("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 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-xl border",r==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:r,...s},m.createElement(Je,null),m.createElement(l.Viewport,{className:a(r==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1")},t),m.createElement(qe,null)))}o(xe,"SelectContent");function be({className:e,children:t,...r}){return m.createElement(l.Item,{"data-slot":"select-item",className:a("focus:bg-accent focus:text-accent-foreground min-h-11 justify-between [&_svg:not([class*='text-'])]:text-muted-foreground flex w-full cursor-default items-center gap-2 py-2 px-4 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...r},m.createElement(l.ItemText,null,t),m.createElement("span",{className:"flex size-3.5 items-center justify-center"},m.createElement(l.ItemIndicator,null,m.createElement(Ue,{className:"size-4"}))))}o(be,"SelectItem");function Je({className:e,...t}){return m.createElement(l.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:a("flex cursor-default items-center justify-center py-1",e),...t},m.createElement(We,{className:"size-4"}))}o(Je,"SelectScrollUpButton");function qe({className:e,...t}){return m.createElement(l.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:a("flex cursor-default items-center justify-center py-1",e),...t},m.createElement(ue,{className:"size-4"}))}o(qe,"SelectScrollDownButton");import{useFormContext as Ye}from"react-hook-form";function ye({label:e,name:t,options:r,defaultValue:s,description:i,onChange:n}){let{control:u}=Ye();return p.createElement(b,{defaultValue:s,control:u,name:t,render:({field:P,fieldState:f})=>p.createElement(v,{className:`RemoteFlows__SelectField__Item__${t}`},p.createElement(x,{className:"RemoteFlows__SelectField__Label"},e),p.createElement(g,null,p.createElement("div",{className:"relative"},p.createElement(fe,{value:P.value,onValueChange:F=>{P.onChange(F),n?.(F)}},p.createElement(ve,{className:"RemoteFlows__SelectField__Trigger","aria-invalid":!!f.error},p.createElement("span",{className:"absolute"},p.createElement(Fe,null))),p.createElement(xe,{className:"RemoteFlows__SelectField__Content"},p.createElement(ge,{className:"RemoteFlows__SelectField__Group"},r.map(F=>p.createElement(be,{key:F.value,value:F.value,className:"RemoteFlows__SelectField__SelectItem"},F.label))))))),i&&p.createElement(y,null,i),f.error&&p.createElement(C,null))})}o(ye,"SelectField");import*as N from"react";import{useFormContext as Ke}from"react-hook-form";import*as Ce from"react";function _e({className:e,type:t,...r}){return Ce.createElement("input",{type:t,"data-slot":"input",className:a("shadow-xs border-input file:text-foreground placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-xl border bg-transparent px-4 py-7 text-sm transition-[color] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-focused","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",e),...r})}o(_e,"Input");var Qe={type:"text",inputMode:"decimal",pattern:"^[0-9.]*$"};function U({name:e,description:t,label:r,type:s,onChange:i}){let{control:n}=Ke(),P=s==="number"?Qe:{type:s};return N.createElement(b,{control:n,name:e,render:({field:f,fieldState:F})=>N.createElement(v,{className:`RemoteFlows__TextField__Item__${e}`},N.createElement(x,{className:"RemoteFlows__TextField__Label"},r),N.createElement(g,null,N.createElement(_e,{...f,value:f.value??"",onChange:B=>{f.onChange(B),i?.(B)},...P,className:"RemoteFlows__TextField__Input"})),t&&N.createElement(y,{className:"RemoteFlows__TextField__Description"},t),F.error&&N.createElement(C,{className:"RemoteFlows__TextField__Error"}))})}o(U,"TextField");import*as k from"react";import*as E from"@radix-ui/react-checkbox";import{Check as Xe}from"lucide-react";var W=k.forwardRef(({className:e,...t},r)=>k.createElement(E.Root,{ref:r,className:a("peer h-4 w-4 shrink-0 rounded-sm border border-input ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-checkbox data-[state=checked]:text-primary",e),...t},k.createElement(E.Indicator,{className:a("flex items-center justify-center text-current")},k.createElement(Xe,{className:"h-4 w-4"}))));W.displayName=E.Root.displayName;import*as S from"react";import{useFormContext as Ze}from"react-hook-form";function Pe({name:e,defaultValue:t,description:r,label:s}){let{control:i}=Ze();return S.createElement(b,{control:i,name:e,defaultValue:t,render:({field:n,fieldState:u})=>S.createElement(v,{className:a(`RemoteFlows__CheckBoxField__Item__${e}`)},S.createElement(g,null,S.createElement("div",{className:"flex space-x-2"},S.createElement(W,{id:e,onCheckedChange:n.onChange,checked:n.value,className:"RemoteFlows__CheckBox__Input"}),S.createElement(x,{htmlFor:e,className:"mb-0 RemoteFlows__CheckBox__Label"},s))),r&&S.createElement(y,null,r),u.error&&S.createElement(C,null))})}o(Pe,"CheckBoxField");import*as h from"react";import{useFormContext as et}from"react-hook-form";import*as z from"react";var J=z.forwardRef(({className:e,...t},r)=>z.createElement("textarea",{className:a("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:r,...t}));J.displayName="Textarea";function he({name:e,description:t,label:r,onChange:s,maxLength:i}){let{control:n}=et();return h.createElement(b,{control:n,name:e,render:({field:u,fieldState:P})=>{let f=u.value?.length??0;return h.createElement(v,{className:`RemoteFlows__TextArea__Item__${e}`},h.createElement(x,{className:"RemoteFlows__TextArea__Label"},r),h.createElement(g,null,h.createElement(J,{...u,value:u.value??"",onChange:F=>{u.onChange(F),s?.(F)},className:a(P.error&&"border-red-500 focus-visible:ring-red-500","RemoteFlows__TextArea__Input")})),(t||i)&&h.createElement("div",{className:"flex items-center justify-between"},t&&h.createElement(y,{className:"RemoteFlows__TextArea__Description"},t),i&&h.createElement("span",{className:"text-sm ml-auto RemoteFlows__TextArea__MaxLength"},f,"/",i)),P.error&&h.createElement(C,{className:"RemoteFlows__TextArea__Error"}))}})}o(he,"TextAreaField");var G={checkbox:Pe,text:U,select:ye,radio:pe,number:o(e=>tt.createElement(U,{...e,type:"text"}),"number"),fieldset:me,date:le,textarea:he};var Re=o(({fields:e})=>!e||e.length===0?null:O.createElement(O.Fragment,null,e.map(t=>{if(t.isVisible===!1||t.deprecated)return null;let r=G[t.inputType];return r?O.createElement(r,{key:t.name,...t}):O.createElement("p",{className:"error"},"Field type ",t.inputType," not supported")})),"JSONSchemaFormFields");import{useCallback as Se}from"react";var ot=o(e=>Se(async t=>await e.validate(t,{abortEarly:!1}),[e]),"useValidationYupResolver");function rt(e){return e.inner.reduce((r,s)=>({...r,[s.path]:{type:s.type??"validation",message:s.message}}),{})}o(rt,"iterateErrors");var we=o(e=>{let t=ot(e);return Se(async r=>{let s,i={};try{s=await t(r)}catch(n){i=rt(n)}return Object.keys(i).length>0?{values:{},errors:i}:{values:s,errors:{}}},[e])},"useValidationFormResolver");function ar({estimationOptions:e=Y,defaultValues:t={countryRegionSlug:"",currencySlug:"",salary:""},options:r,onSubmit:s,onError:i,onSuccess:n}){let{onSubmit:u,fields:P,validationSchema:f,isSubmitting:F,resetForm:B}=K({defaultRegion:t.countryRegionSlug,estimationOptions:e}),Ne=we(f),$=at({resolver:Ne,defaultValues:{country:t?.countryRegionSlug,currency:t?.currencySlug,region:"",salary:t?.salary},shouldUnregister:!0,mode:"onBlur"}),Ie=o(async q=>{await s?.(q);let j=await u(q);j.error?i?.(j.error):n?.(j.data)},"handleSubmit"),Te=o(()=>{$.reset(),B()},"handleReset");return w.createElement(w.Fragment,null,w.createElement(te,{...$},w.createElement("form",{onSubmit:$.handleSubmit(Ie),className:"space-y-4 RemoteFlows__CostCalculatorForm"},w.createElement(Re,{fields:P}),w.createElement(V,{type:"submit",className:"RemoteFlows__CostCalculatorForm__SubmitButton",disabled:F},"Get estimate"),w.createElement(V,{className:"RemoteFlows__CostCalculatorForm__ResetButton",type:"reset",onClick:Te},"Reset"))),w.createElement("div",{className:"RemoteFlows__CostCalculator__Disclaimer"},w.createElement(Q,{label:r?.disclaimer?.label})))}o(ar,"CostCalculator");export{ar as a};
+//# sourceMappingURL=chunk-32G7XF2D.js.map

package/dist/chunk-32G7XF2D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flows/CostCalculator/CostCalculator.tsx","../src/components/ui/form.tsx","../src/components/ui/label.tsx","../src/components/form/JSONSchemaForm.tsx","../src/components/form/fields/fieldsMapping.tsx","../src/components/form/fields/DatePickerField.tsx","../src/components/ui/calendar.tsx","../src/components/ui/popover.tsx","../src/components/form/fields/FieldSetField.tsx","../src/components/ui/radio-group.tsx","../src/components/form/fields/RadioGroupField.tsx","../src/components/form/fields/SelectField.tsx","../src/components/ui/select.tsx","../src/components/form/fields/TextField.tsx","../src/components/ui/input.tsx","../src/components/ui/checkbox.tsx","../src/components/form/fields/CheckBoxField.tsx","../src/components/form/fields/TextAreaField.tsx","../src/components/ui/textarea.tsx","../src/components/form/yupValidationResolver.ts"],"sourcesContent":["import React from 'react';\nimport { useForm } from 'react-hook-form';\n\nimport type { CostCalculatorEstimateResponse } from '@/src/client';\nimport { Form } from '@/src/components/ui/form';\n\nimport { JSONSchemaFormFields } from '@/src/components/form/JSONSchemaForm';\nimport { useValidationFormResolver } from '@/src/components/form/yupValidationResolver';\nimport { Button } from '@/src/components/ui/button';\nimport { Disclaimer } from '@/src/flows/CostCalculator/Disclaimer';\nimport {\n  defaultEstimationOptions,\n  EstimationError,\n  useCostCalculator,\n} from '@/src/flows/CostCalculator/hooks';\n\nimport type {\n  CostCalculatorEstimationFormValues,\n  CostCalculatorEstimationOptions,\n} from './types';\n\ntype CostCalculatorProps = Partial<{\n  /**\n   * Estimation params allows you to customize the parameters sent to the /cost-calculator/estimation endpoint.\n   */\n  estimationOptions?: CostCalculatorEstimationOptions;\n  /**\n   * Default values for the form fields.\n   */\n  defaultValues: Partial<{\n    /**\n     * Default value for the country field.\n     */\n    countryRegionSlug: string;\n    /**\n     * Default value for the currency field.\n     */\n    currencySlug: string;\n    /**\n     * Default value for the salary field.\n     */\n    salary: string;\n  }>;\n  /**\n   * Options for the CostCalculator component.\n   */\n  options: Partial<{\n    /**\n     * Disclaimer options.\n     */\n    disclaimer: {\n      /**\n       * Label for the disclaimer\n       * @default 'Disclaimer'\n       * */\n      label: string;\n    };\n  }>;\n  /**\n   * Callback function that handles form submission. When form is submit, the form values are sent to the consumer app before behind submitted to Remote.\n   * @param data - The payload sent to the /cost-calculator/estimation endpoint.\n   */\n  onSubmit: (data: CostCalculatorEstimationFormValues) => Promise<void> | void;\n  /**\n   * Callback function to handle the success when the estimation succeeds. The CostCalculatorEstimateResponse is sent back to you.\n   * @param data - The response data from the /cost-calculator/estimation endpoint.\n   */\n  onSuccess: (data: CostCalculatorEstimateResponse) => Promise<void> | void;\n  /**\n   * Callback function to handle the error when the estimation fails.\n   * @param error - The error object.\n   */\n  onError: (error: EstimationError) => void;\n}>;\n\nexport function CostCalculator({\n  estimationOptions = defaultEstimationOptions,\n  defaultValues = {\n    countryRegionSlug: '',\n    currencySlug: '',\n    salary: '',\n  },\n  options,\n  onSubmit,\n  onError,\n  onSuccess,\n}: CostCalculatorProps) {\n  const {\n    onSubmit: submitCostCalculator,\n    fields,\n    validationSchema,\n    isSubmitting,\n    resetForm,\n  } = useCostCalculator({\n    defaultRegion: defaultValues.countryRegionSlug,\n    estimationOptions,\n  });\n\n  const resolver = useValidationFormResolver(validationSchema);\n  const form = useForm<CostCalculatorEstimationFormValues>({\n    resolver: resolver,\n    defaultValues: {\n      country: defaultValues?.countryRegionSlug,\n      currency: defaultValues?.currencySlug,\n      region: '',\n      salary: defaultValues?.salary,\n    },\n    shouldUnregister: true,\n    mode: 'onBlur',\n  });\n\n  const handleSubmit = async (values: CostCalculatorEstimationFormValues) => {\n    await onSubmit?.(values);\n\n    const estimation = await submitCostCalculator(values);\n\n    if (estimation.error) {\n      onError?.(estimation.error);\n    } else {\n      onSuccess?.(estimation.data);\n    }\n  };\n\n  const handleReset = () => {\n    form.reset();\n    resetForm();\n  };\n\n  return (\n    <>\n      <Form {...form}>\n        <form\n          onSubmit={form.handleSubmit(handleSubmit)}\n          className=\"space-y-4 RemoteFlows__CostCalculatorForm\"\n        >\n          <JSONSchemaFormFields fields={fields} />\n          <Button\n            type=\"submit\"\n            className=\"RemoteFlows__CostCalculatorForm__SubmitButton\"\n            disabled={isSubmitting}\n          >\n            Get estimate\n          </Button>\n          <Button\n            className=\"RemoteFlows__CostCalculatorForm__ResetButton\"\n            type=\"reset\"\n            onClick={handleReset}\n          >\n            Reset\n          </Button>\n        </form>\n      </Form>\n      <div className=\"RemoteFlows__CostCalculator__Disclaimer\">\n        <Disclaimer label={options?.disclaimer?.label} />\n      </div>\n    </>\n  );\n}\n","import * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport {\n  Controller,\n  ControllerProps,\n  FieldPath,\n  FieldValues,\n  FormProvider,\n  useFormContext,\n  useFormState,\n} from 'react-hook-form';\n\nimport { cn } from '@/src/lib/utils';\nimport { Label } from '@/src/components/ui/label';\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue,\n);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue,\n);\n\nfunction FormItem({ className, ...props }: React.ComponentProps<'div'>) {\n  const id = React.useId();\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div\n        data-slot=\"form-item\"\n        className={cn('grid gap-2', className)}\n        {...props}\n      />\n    </FormItemContext.Provider>\n  );\n}\n\nfunction FormLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      data-slot=\"form-label\"\n      data-error={!!error}\n      className={cn(\n        'text-base-color mb-1 data-[error=true]:text-destructive',\n        className,\n      )}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n}\n\nconst FormControl = React.forwardRef<\n  React.ComponentRef<typeof Slot>,\n  React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <Slot\n      data-slot=\"form-control\"\n      ref={ref}\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n});\n\nFormControl.displayName = 'FormControl';\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      className={cn('text-base-color text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<'p'>) {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? '') : props.children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p\n      data-slot=\"form-message\"\n      id={formMessageId}\n      className={cn('text-destructive text-sm', className)}\n      {...props}\n    >\n      {body}\n    </p>\n  );\n}\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n};\n","'use client';\n\nimport * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\n\nimport { cn } from '@/src/lib/utils';\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'flex items-center gap-2 text-sm leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n","import React from 'react';\nimport { fieldsMap } from '@/src/components/form/fields/fieldsMapping';\nimport { Fields } from '@remoteoss/json-schema-form';\nimport { SupportedTypes } from '@/src/components/form/fields/types';\n\ntype JSONSchemaFormFieldsProps = {\n  fields: Fields;\n};\n\nexport const JSONSchemaFormFields = ({ fields }: JSONSchemaFormFieldsProps) => {\n  if (!fields || fields.length === 0) return null;\n\n  return (\n    <>\n      {fields.map((field) => {\n        if (field.isVisible === false || field.deprecated) {\n          return null; // Skip hidden or deprecated fields\n        }\n\n        const FieldComponent = fieldsMap[field.inputType as SupportedTypes];\n\n        return FieldComponent ? (\n          <FieldComponent key={field.name} {...field} />\n        ) : (\n          <p className=\"error\">\n            Field type {field.inputType as string} not supported\n          </p>\n        );\n      })}\n    </>\n  );\n};\n","import React from 'react';\nimport { DatePickerField } from '@/src/components/form/fields/DatePickerField';\nimport { FieldSetField } from '@/src/components/form/fields/FieldSetField';\nimport { RadioGroupField } from '@/src/components/form/fields/RadioGroupField';\nimport { SelectField } from '@/src/components/form/fields/SelectField';\nimport { TextField } from '@/src/components/form/fields/TextField';\nimport { CheckBoxField } from '@/src/components/form/fields/CheckBoxField';\nimport { TextAreaField } from '@/src/components/form/fields/TextAreaField';\nimport { SupportedTypes } from '@/src/components/form/fields/types';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const fieldsMap: Record<SupportedTypes, React.ComponentType<any>> = {\n  checkbox: CheckBoxField,\n  text: TextField,\n  select: SelectField,\n  radio: RadioGroupField,\n  number: (props) => <TextField {...props} type=\"text\" />,\n  fieldset: FieldSetField,\n  date: DatePickerField,\n  textarea: TextAreaField,\n};\n","import { CalendarIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { useFormContext } from 'react-hook-form';\n\nimport { Button } from '@/src/components/ui/button';\nimport { Calendar } from '@/src/components/ui/calendar';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@/src/components/ui/popover';\nimport { cn } from '@/src/lib/utils';\nimport { PopoverClose } from '@radix-ui/react-popover';\nimport { format } from 'date-fns';\n\ntype DatePickerFieldProps = {\n  description?: string;\n  label: string;\n  name: string;\n};\n\nexport function DatePickerField({\n  description,\n  label,\n  name,\n}: DatePickerFieldProps) {\n  const { control } = useFormContext();\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem\n          className={`flex flex-col RemoteFlows__DatePickerField__Item__${name}`}\n        >\n          <FormLabel className=\"RemoteFlows__DatePickerField__Label\">\n            {label}\n          </FormLabel>\n          <Popover>\n            <PopoverTrigger asChild>\n              <FormControl>\n                <div>\n                  <Button\n                    variant={'outline'}\n                    className={cn(\n                      'w-full pl-3 text-left font-normal',\n                      !field.value && 'text-muted-foreground',\n                    )}\n                  >\n                    {field.value ? (\n                      <>{format(field.value, 'yyyy-MM-dd')}</>\n                    ) : (\n                      <span>Pick a date</span>\n                    )}\n                    <CalendarIcon className=\"ml-auto h-4 w-4 opacity-50\" />\n                  </Button>\n                </div>\n              </FormControl>\n            </PopoverTrigger>\n            <PopoverContent\n              className={`w-auto p-0 RemoteFlows__DatepickerField__PopoverContent`}\n              align=\"start\"\n            >\n              <Calendar\n                mode=\"single\"\n                className=\"RemoteFlows__DatepickerField__Calendar\"\n                selected={field.value}\n                onSelect={field.onChange}\n                components={{\n                  DayContent: (props) => {\n                    return <PopoverClose>{props.date.getDate()}</PopoverClose>;\n                  },\n                }}\n                disabled={(date) => date < new Date('1900-01-01')}\n              />\n            </PopoverContent>\n          </Popover>\n          {description ? (\n            <FormDescription>{description}</FormDescription>\n          ) : null}\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n","import * as React from 'react';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { DayPicker } from 'react-day-picker';\n\nimport { cn } from '@/src/lib/utils';\nimport { buttonVariants } from '@/src/components/ui/button';\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: React.ComponentProps<typeof DayPicker>) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn('p-3', className)}\n      classNames={{\n        months: 'flex flex-col sm:flex-row gap-2',\n        month: 'flex flex-col gap-4',\n        caption: 'flex justify-center pt-1 relative items-center w-full',\n        caption_label: 'text-sm font-medium',\n        nav: 'flex items-center gap-1',\n        nav_button: cn(\n          buttonVariants({ variant: 'outline' }),\n          'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n        ),\n        nav_button_previous: 'absolute left-1',\n        nav_button_next: 'absolute right-1',\n        table: 'w-full border-collapse space-x-1',\n        head_row: 'flex',\n        head_cell:\n          'text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]',\n        row: 'flex w-full mt-2',\n        cell: cn(\n          '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',\n          props.mode === 'range'\n            ? '[&: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'\n            : '[&:has([aria-selected])]:rounded-md',\n        ),\n        day: cn(\n          buttonVariants({ variant: 'ghost' }),\n          'size-8 p-0 font-normal aria-selected:opacity-100',\n        ),\n        day_range_start:\n          'day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground',\n        day_range_end:\n          'day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground',\n        day_selected:\n          'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n        day_today: 'bg-accent text-accent-foreground',\n        day_outside:\n          'day-outside text-muted-foreground aria-selected:text-muted-foreground',\n        day_disabled: 'text-muted-foreground opacity-50',\n        day_range_middle:\n          'aria-selected:bg-accent aria-selected:text-accent-foreground',\n        day_hidden: 'invisible',\n        ...classNames,\n      }}\n      components={{\n        IconLeft: ({ className, ...props }) => (\n          <ChevronLeft className={cn('size-4', className)} {...props} />\n        ),\n        IconRight: ({ className, ...props }) => (\n          <ChevronRight className={cn('size-4', className)} {...props} />\n        ),\n      }}\n      {...props}\n    />\n  );\n}\n\nexport { Calendar };\n","import * as React from 'react';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\n\nimport { cn } from '@/src/lib/utils';\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          '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',\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n","import { fieldsMap } from '@/src/components/form/fields/fieldsMapping';\nimport { cn } from '@/src/lib/utils';\nimport * as React from 'react';\nimport { SupportedTypes } from './types';\n\ntype FieldBase = {\n  label: string;\n  name: string;\n  description: string;\n};\n\ntype FieldWithOptions = FieldBase & {\n  type: 'select' | 'radio';\n  options: Array<{ value: string; label: string }>;\n};\n\ntype FieldWithoutOptions = FieldBase & {\n  type: Exclude<SupportedTypes, 'select' | 'radio'>;\n  options?: never;\n};\n\ntype Field = FieldWithOptions | FieldWithoutOptions;\n\ntype FieldSetProps = {\n  label: string;\n  name: string;\n  description: string;\n  fields: Field[];\n};\n\nexport function FieldSetField({\n  label,\n  name,\n  fields,\n  description,\n}: FieldSetProps) {\n  return (\n    <fieldset\n      className={cn(\n        'border-1 border-input p-4 rounded-xl',\n        `RemoteFlows__FieldSetField__${name}`,\n      )}\n    >\n      <legend className=\"text-sm font-semibold px-2\">{label}</legend>\n      {description ? (\n        <div\n          className=\"mb-5 RemoteFlows__FieldSetField__Description\"\n          dangerouslySetInnerHTML={{ __html: description }}\n        />\n      ) : null}\n      <div className=\"grid gap-4\">\n        {fields.map((field) => {\n          const FieldComponent = fieldsMap[field.type];\n          return (\n            <FieldComponent\n              {...field}\n              key={field.name}\n              name={`${name}.${field.name}`}\n            />\n          );\n        })}\n      </div>\n    </fieldset>\n  );\n}\n","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport { CircleIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from '@/src/lib/utils';\n\nfunction RadioGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"radio-group\"\n      className={cn('grid gap-3', className)}\n      {...props}\n    />\n  );\n}\n\nfunction RadioGroupItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"relative flex items-center justify-center\"\n      >\n        <CircleIcon className=\"fill-radio absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n","import {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport { RadioGroup, RadioGroupItem } from '@/src/components/ui/radio-group';\nimport { cn } from '@/src/lib/utils';\nimport * as React from 'react';\nimport { useFormContext } from 'react-hook-form';\n\ntype RadioGroupFieldProps = {\n  name: string;\n  label: string;\n  description?: string;\n  defaultValue?: string;\n  options: Array<{ value: string; label: string }>;\n};\n\nexport function RadioGroupField({\n  name,\n  defaultValue,\n  description,\n  label,\n  options,\n}: RadioGroupFieldProps) {\n  const { control } = useFormContext();\n  return (\n    <FormField\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => (\n        <FormItem\n          className={cn(\n            'space-y-3',\n            `RemoteFlows__RadioGroupField__Item__${name}`,\n          )}\n        >\n          <FormLabel>{label}</FormLabel>\n          <FormControl>\n            <RadioGroup\n              onValueChange={field.onChange}\n              defaultValue={field.value}\n              className=\"flex flex-col space-y-1\"\n            >\n              {options.map((option) => (\n                <FormItem\n                  key={option.value}\n                  className=\"flex items-center space-x-3 space-y-0 gap-0 RemoteFlows__RadioField__Item\"\n                >\n                  <FormControl>\n                    <RadioGroupItem\n                      value={option.value}\n                      className=\"RemoteFlows__RadioField__Input\"\n                    />\n                  </FormControl>\n                  <FormLabel className=\"font-normal mb-0 RemoteFlows__RadioField__Label\">\n                    {option.label}\n                  </FormLabel>\n                </FormItem>\n              ))}\n            </RadioGroup>\n          </FormControl>\n          {description && <FormDescription>{description}</FormDescription>}\n          {fieldState.error && <FormMessage />}\n        </FormItem>\n      )}\n    />\n  );\n}\n","import * as React from 'react';\n\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/src/components/ui/select';\nimport { useFormContext } from 'react-hook-form';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '../../ui/form';\n\ntype SelectFieldProps = {\n  label: string;\n  name: string;\n  placeholder?: string;\n  description?: string;\n  options: Array<{ value: string; label: string }>;\n  defaultValue?: string;\n  className?: string;\n  onChange?: (value: string) => void;\n};\n\nexport function SelectField({\n  label,\n  name,\n  options,\n  defaultValue,\n  description,\n  onChange,\n}: SelectFieldProps) {\n  const { control } = useFormContext();\n\n  return (\n    <FormField\n      defaultValue={defaultValue}\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => (\n        <FormItem className={`RemoteFlows__SelectField__Item__${name}`}>\n          <FormLabel className=\"RemoteFlows__SelectField__Label\">\n            {label}\n          </FormLabel>\n          <FormControl>\n            <div className=\"relative\">\n              <Select\n                value={field.value}\n                onValueChange={(value: string) => {\n                  field.onChange(value);\n                  onChange?.(value);\n                }}\n              >\n                <SelectTrigger\n                  className=\"RemoteFlows__SelectField__Trigger\"\n                  aria-invalid={Boolean(fieldState.error)}\n                >\n                  <span className=\"absolute\">\n                    <SelectValue />\n                  </span>\n                </SelectTrigger>\n                <SelectContent className=\"RemoteFlows__SelectField__Content\">\n                  <SelectGroup className=\"RemoteFlows__SelectField__Group\">\n                    {options.map((option) => (\n                      <SelectItem\n                        key={option.value}\n                        value={option.value}\n                        className=\"RemoteFlows__SelectField__SelectItem\"\n                      >\n                        {option.label}\n                      </SelectItem>\n                    ))}\n                  </SelectGroup>\n                </SelectContent>\n              </Select>\n            </div>\n          </FormControl>\n          {description && <FormDescription>{description}</FormDescription>}\n          {fieldState.error && <FormMessage />}\n        </FormItem>\n      )}\n    />\n  );\n}\n","import * as React from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@/src/lib/utils';\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger>) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex w-full items-center justify-between rounded-xl border bg-transparent px-4 py-7 text-sm whitespace-nowrap transition-[color] outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        'focus-visible:border-focused',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild className=\"absolute right-4\">\n        <ChevronDownIcon className=\"size-4\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          '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 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-xl border',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('px-2 py-1.5 text-sm font-medium', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground min-h-11 justify-between [&_svg:not([class*='text-'])]:text-muted-foreground flex w-full cursor-default items-center gap-2 py-2 px-4 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n      <span className=\"flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-1',\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-1',\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n","import * as React from 'react';\n\nimport { useFormContext } from 'react-hook-form';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '../../ui/form';\nimport { Input } from '../../ui/input';\n\ntype TextFieldProps = React.ComponentProps<'input'> & {\n  label: string;\n  description?: string;\n  name: string;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\ntype InputModeAttrsProps = Pick<\n  React.ComponentProps<'input'>,\n  'type' | 'inputMode' | 'pattern'\n>;\n\nconst inputModeAttrs: InputModeAttrsProps = {\n  type: 'text',\n  inputMode: 'decimal',\n  pattern: '^[0-9.]*$',\n};\n\nexport function TextField({\n  name,\n  description,\n  label,\n  type,\n  onChange,\n}: TextFieldProps) {\n  const { control } = useFormContext();\n  const isTypeNumber = type === 'number';\n  const typeAttrs = isTypeNumber ? inputModeAttrs : { type };\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => (\n        <FormItem className={`RemoteFlows__TextField__Item__${name}`}>\n          <FormLabel className=\"RemoteFlows__TextField__Label\">\n            {label}\n          </FormLabel>\n          <FormControl>\n            <Input\n              {...field}\n              value={field.value ?? ''}\n              onChange={(event: React.ChangeEvent<HTMLInputElement>) => {\n                field.onChange(event);\n                onChange?.(event);\n              }}\n              {...typeAttrs}\n              className=\"RemoteFlows__TextField__Input\"\n            />\n          </FormControl>\n          {description && (\n            <FormDescription className=\"RemoteFlows__TextField__Description\">\n              {description}\n            </FormDescription>\n          )}\n          {fieldState.error && (\n            <FormMessage className=\"RemoteFlows__TextField__Error\" />\n          )}\n        </FormItem>\n      )}\n    />\n  );\n}\n","import * as React from 'react';\n\nimport { cn } from '@/src/lib/utils';\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'shadow-xs border-input file:text-foreground placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-xl border bg-transparent px-4 py-7 text-sm transition-[color] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        'focus-visible:border-focused',\n        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n","'use client';\n\nimport * as React from 'react';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { Check } from 'lucide-react';\n\nimport { cn } from '@/src/lib/utils';\n\nconst Checkbox = React.forwardRef<\n  React.ComponentRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'peer h-4 w-4 shrink-0 rounded-sm border border-input ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-checkbox data-[state=checked]:text-primary',\n      className,\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      className={cn('flex items-center justify-center text-current')}\n    >\n      <Check className=\"h-4 w-4\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\nexport { Checkbox };\n","import { Checkbox } from '@/src/components/ui/checkbox';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport { cn } from '@/src/lib/utils';\nimport * as React from 'react';\nimport { useFormContext } from 'react-hook-form';\n\ntype CheckBoxFieldProps = {\n  name: string;\n  label: string;\n  description?: string;\n  defaultValue?: string;\n};\n\nexport function CheckBoxField({\n  name,\n  defaultValue,\n  description,\n  label,\n}: CheckBoxFieldProps) {\n  const { control } = useFormContext();\n  return (\n    <FormField\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => {\n        return (\n          <FormItem className={cn(`RemoteFlows__CheckBoxField__Item__${name}`)}>\n            <FormControl>\n              <div className=\"flex space-x-2\">\n                <Checkbox\n                  id={name}\n                  onCheckedChange={field.onChange}\n                  checked={field.value}\n                  className=\"RemoteFlows__CheckBox__Input\"\n                />\n                <FormLabel\n                  htmlFor={name}\n                  className=\"mb-0 RemoteFlows__CheckBox__Label\"\n                >\n                  {label}\n                </FormLabel>\n              </div>\n            </FormControl>\n            {description && <FormDescription>{description}</FormDescription>}\n            {fieldState.error && <FormMessage />}\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n","import * as React from 'react';\n\nimport { useFormContext } from 'react-hook-form';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '../../ui/form';\nimport { Textarea } from '../../ui/textarea';\nimport { cn } from '@/src/lib/utils';\n\ntype TextAreaFieldProps = {\n  label: string;\n  description?: string;\n  name: string;\n  maxLength?: number;\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n};\n\nexport function TextAreaField({\n  name,\n  description,\n  label,\n  onChange,\n  maxLength,\n}: TextAreaFieldProps) {\n  const { control } = useFormContext();\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const valueLength = field.value?.length ?? 0;\n        return (\n          <FormItem className={`RemoteFlows__TextArea__Item__${name}`}>\n            <FormLabel className=\"RemoteFlows__TextArea__Label\">\n              {label}\n            </FormLabel>\n            <FormControl>\n              <Textarea\n                {...field}\n                value={field.value ?? ''}\n                onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => {\n                  field.onChange(event);\n                  onChange?.(event);\n                }}\n                className={cn(\n                  fieldState.error &&\n                    'border-red-500 focus-visible:ring-red-500',\n                  'RemoteFlows__TextArea__Input',\n                )}\n              />\n            </FormControl>\n            {(description || maxLength) && (\n              <div className=\"flex items-center justify-between\">\n                {description && (\n                  <FormDescription className=\"RemoteFlows__TextArea__Description\">\n                    {description}\n                  </FormDescription>\n                )}\n                {maxLength && (\n                  <span className=\"text-sm ml-auto RemoteFlows__TextArea__MaxLength\">\n                    {valueLength}/{maxLength}\n                  </span>\n                )}\n              </div>\n            )}\n            {fieldState.error && (\n              <FormMessage className=\"RemoteFlows__TextArea__Error\" />\n            )}\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n","import * as React from 'react';\n\nimport { cn } from '@/src/lib/utils';\n\nconst Textarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.ComponentProps<'textarea'>\n>(({ className, ...props }, ref) => {\n  return (\n    <textarea\n      className={cn(\n        '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',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n});\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n","import { useCallback } from 'react';\nimport { FieldValues, Resolver } from 'react-hook-form';\nimport type { AnyObjectSchema, InferType, ValidationError } from 'yup';\n\nconst useValidationYupResolver = <T extends AnyObjectSchema>(\n  validationSchema: T,\n) => {\n  return useCallback(\n    async (data: FieldValues) => {\n      return await validationSchema.validate(data, {\n        abortEarly: false,\n      });\n    },\n    [validationSchema],\n  );\n};\n\nfunction iterateErrors(error: ValidationError) {\n  const errors = (error as ValidationError).inner.reduce(\n    (\n      allErrors: Record<string, { type: string; message: string }>,\n      currentError: ValidationError,\n    ) => {\n      return {\n        ...allErrors,\n        [currentError.path as string]: {\n          type: currentError.type ?? 'validation',\n          message: currentError.message,\n        },\n      };\n    },\n    {} as Record<string, { type: string; message: string }>,\n  );\n\n  return errors;\n}\n\nexport const useValidationFormResolver = <T extends AnyObjectSchema>(\n  validationSchema: T,\n): Resolver<InferType<T>> => {\n  const yupValidation = useValidationYupResolver(validationSchema);\n  return useCallback(\n    async (data: FieldValues) => {\n      let values;\n      let errors = {};\n\n      try {\n        values = await yupValidation(data);\n      } catch (error) {\n        errors = iterateErrors(error as ValidationError);\n      }\n\n      if (Object.keys(errors).length > 0) {\n        return {\n          values: {},\n          errors: errors,\n        };\n      }\n\n      return {\n        values,\n        errors: {},\n      };\n    },\n    [validationSchema],\n  );\n};\n"],"mappings":"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","names":["React","useForm","React","Slot","Controller","FormProvider","useFormContext","useFormState","React","LabelPrimitive","Label","className","props","cn","__name","Form","FormProvider","FormFieldContext","FormField","__name","props","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","useFormContext","formState","useFormState","fieldState","id","FormItem","className","cn","FormLabel","error","formItemId","Label","FormControl","ref","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","body","React","React","CalendarIcon","React","useFormContext","React","ChevronLeft","ChevronRight","DayPicker","Calendar","className","classNames","showOutsideDays","props","DayPicker","cn","buttonVariants","__name","ChevronLeft","ChevronRight","React","PopoverPrimitive","Popover","props","__name","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","PopoverClose","format","DatePickerField","description","label","name","control","useFormContext","FormField","field","FormItem","FormLabel","Popover","PopoverTrigger","FormControl","Button","cn","format","CalendarIcon","PopoverContent","Calendar","__name","props","PopoverClose","date","FormDescription","FormMessage","React","FieldSetField","label","name","fields","description","cn","field","FieldComponent","fieldsMap","__name","RadioGroupPrimitive","CircleIcon","React","RadioGroup","className","props","cn","__name","RadioGroupItem","CircleIcon","React","useFormContext","RadioGroupField","name","defaultValue","description","label","options","control","useFormContext","FormField","field","fieldState","FormItem","cn","FormLabel","FormControl","RadioGroup","option","RadioGroupItem","FormDescription","FormMessage","__name","React","React","SelectPrimitive","CheckIcon","ChevronDownIcon","ChevronUpIcon","Select","props","__name","SelectGroup","SelectValue","SelectTrigger","className","children","cn","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectItem","className","children","props","cn","CheckIcon","__name","SelectScrollUpButton","className","props","cn","ChevronUpIcon","__name","SelectScrollDownButton","ChevronDownIcon","useFormContext","SelectField","label","name","options","defaultValue","description","onChange","control","useFormContext","FormField","field","fieldState","FormItem","FormLabel","FormControl","Select","value","SelectTrigger","SelectValue","SelectContent","SelectGroup","option","SelectItem","FormDescription","FormMessage","__name","React","useFormContext","React","Input","className","type","props","cn","__name","inputModeAttrs","TextField","name","description","label","type","onChange","control","useFormContext","typeAttrs","FormField","field","fieldState","FormItem","FormLabel","FormControl","Input","event","FormDescription","FormMessage","__name","React","CheckboxPrimitive","Check","Checkbox","className","props","ref","cn","Check","React","useFormContext","CheckBoxField","name","defaultValue","description","label","control","useFormContext","FormField","field","fieldState","FormItem","cn","FormControl","Checkbox","FormLabel","FormDescription","FormMessage","__name","React","useFormContext","React","Textarea","className","props","ref","cn","TextAreaField","name","description","label","onChange","maxLength","control","useFormContext","FormField","field","fieldState","valueLength","FormItem","FormLabel","FormControl","Textarea","event","cn","FormDescription","FormMessage","__name","fieldsMap","CheckBoxField","TextField","SelectField","RadioGroupField","__name","props","React","FieldSetField","DatePickerField","TextAreaField","JSONSchemaFormFields","__name","fields","React","field","FieldComponent","fieldsMap","useCallback","useValidationYupResolver","__name","validationSchema","useCallback","data","iterateErrors","error","allErrors","currentError","useValidationFormResolver","yupValidation","values","errors","CostCalculator","estimationOptions","defaultEstimationOptions","defaultValues","options","onSubmit","onError","onSuccess","submitCostCalculator","fields","validationSchema","isSubmitting","resetForm","useCostCalculator","resolver","useValidationFormResolver","form","useForm","handleSubmit","__name","values","estimation","handleReset","React","Form","JSONSchemaFormFields","Button","Disclaimer"]}

package/dist/{chunk-7ZBXCVHC.js → chunk-56PULCHS.js}

@@ -1,2 +1,2 @@
-import{a as p}from"./chunk-J2GLSJLO.js";import{g}from"./chunk-7EZH5DCX.js";import{a as s}from"./chunk-ATKR5HCM.js";import{a as m}from"./chunk-AYDF3IFZ.js";import o from"react";import*as a from"react";import{Drawer as l}from"vaul";var d=m(({shouldScaleBackground:e=!0,...r})=>a.createElement(l.Root,{shouldScaleBackground:e,...r}),"Drawer");d.displayName="Drawer";var y=l.Trigger,h=l.Portal,P=l.Close,N=a.forwardRef(({className:e,...r},i)=>a.createElement(l.Overlay,{ref:i,className:s("fixed inset-0 z-50 bg-black/80",e),...r}));N.displayName=l.Overlay.displayName;var f=a.forwardRef(({className:e,children:r,...i},c)=>a.createElement(h,null,a.createElement(N,null),a.createElement(l.Content,{ref:c,className:s("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",e),...i},a.createElement("div",{className:"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted"}),r)));f.displayName="DrawerContent";var D=m(({className:e,...r})=>a.createElement("div",{className:s("grid gap-1.5 p-4 text-center sm:text-left",e),...r}),"DrawerHeader");D.displayName="DrawerHeader";var S=m(({className:e,...r})=>a.createElement("div",{className:s("mt-auto flex flex-col gap-2 p-4",e),...r}),"DrawerFooter");S.displayName="DrawerFooter";var w=a.forwardRef(({className:e,...r},i)=>a.createElement(l.Title,{ref:i,className:s("text-lg font-semibold leading-none tracking-tight",e),...r}));w.displayName=l.Title.displayName;var u=a.forwardRef(({className:e,...r},i)=>a.createElement(l.Description,{ref:i,className:s("text-sm text-muted-foreground",e),...r}));u.displayName=l.Description.displayName;import*as n from"react";import*as t from"@radix-ui/react-scroll-area";var v=n.forwardRef(({className:e,children:r,...i},c)=>n.createElement(t.Root,{ref:c,className:s("relative overflow-hidden",e),...i},n.createElement(t.Viewport,{className:"h-full w-full rounded-[inherit]"},r),n.createElement(b,null),n.createElement(t.Corner,null)));v.displayName=t.Root.displayName;var b=n.forwardRef(({className:e,orientation:r="vertical",...i},c)=>n.createElement(t.ScrollAreaScrollbar,{ref:c,orientation:r,className:s("flex touch-none select-none transition-colors",r==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",r==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...i},n.createElement(t.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-border"})));b.displayName=t.ScrollAreaScrollbar.displayName;import{X as x}from"lucide-react";var O=m(({label:e="Disclaimer"})=>{let{data:r}=g();return o.createElement(d,null,o.createElement(y,{asChild:!0},o.createElement(p,{variant:"link",size:"link"},e)),o.createElement(f,null,o.createElement(D,null,o.createElement(P,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none"},o.createElement(x,{className:"h-4 w-4"}),o.createElement("span",{className:"sr-only"},"Close")),o.createElement(w,null,r?.data.title),o.createElement(u,null,"For more details read our"," ",o.createElement(p,{variant:"link",size:"link",asChild:!0},o.createElement("a",{href:r?.data.html_url,target:"_blank",rel:"noopener noreferrer"},"Disclaimer")))),o.createElement(v,{className:"px-4 pb-4 overflow-y-auto max-h-[calc(80vh-120px)] cost-calculator-disclaimer-drawer-scroll-area"},o.createElement("div",{className:"cost-calculator-disclaimer-drawer-body",dangerouslySetInnerHTML:{__html:r?.data.body??""}}))))},"Disclaimer");export{O as a};
-//# sourceMappingURL=chunk-7ZBXCVHC.js.map
+import{b as p}from"./chunk-HHNKZK2V.js";import{g}from"./chunk-K44YP7ZG.js";import{a as s}from"./chunk-ATKR5HCM.js";import{a as m}from"./chunk-AYDF3IFZ.js";import o from"react";import*as a from"react";import{Drawer as l}from"vaul";var d=m(({shouldScaleBackground:e=!0,...r})=>a.createElement(l.Root,{shouldScaleBackground:e,...r}),"Drawer");d.displayName="Drawer";var y=l.Trigger,h=l.Portal,P=l.Close,N=a.forwardRef(({className:e,...r},i)=>a.createElement(l.Overlay,{ref:i,className:s("fixed inset-0 z-50 bg-black/80",e),...r}));N.displayName=l.Overlay.displayName;var f=a.forwardRef(({className:e,children:r,...i},c)=>a.createElement(h,null,a.createElement(N,null),a.createElement(l.Content,{ref:c,className:s("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",e),...i},a.createElement("div",{className:"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted"}),r)));f.displayName="DrawerContent";var D=m(({className:e,...r})=>a.createElement("div",{className:s("grid gap-1.5 p-4 text-center sm:text-left",e),...r}),"DrawerHeader");D.displayName="DrawerHeader";var S=m(({className:e,...r})=>a.createElement("div",{className:s("mt-auto flex flex-col gap-2 p-4",e),...r}),"DrawerFooter");S.displayName="DrawerFooter";var w=a.forwardRef(({className:e,...r},i)=>a.createElement(l.Title,{ref:i,className:s("text-lg font-semibold leading-none tracking-tight",e),...r}));w.displayName=l.Title.displayName;var u=a.forwardRef(({className:e,...r},i)=>a.createElement(l.Description,{ref:i,className:s("text-sm text-muted-foreground",e),...r}));u.displayName=l.Description.displayName;import*as n from"react";import*as t from"@radix-ui/react-scroll-area";var v=n.forwardRef(({className:e,children:r,...i},c)=>n.createElement(t.Root,{ref:c,className:s("relative overflow-hidden",e),...i},n.createElement(t.Viewport,{className:"h-full w-full rounded-[inherit]"},r),n.createElement(b,null),n.createElement(t.Corner,null)));v.displayName=t.Root.displayName;var b=n.forwardRef(({className:e,orientation:r="vertical",...i},c)=>n.createElement(t.ScrollAreaScrollbar,{ref:c,orientation:r,className:s("flex touch-none select-none transition-colors",r==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",r==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...i},n.createElement(t.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-border"})));b.displayName=t.ScrollAreaScrollbar.displayName;import{X as x}from"lucide-react";var O=m(({label:e="Disclaimer"})=>{let{data:r}=g();return o.createElement(d,null,o.createElement(y,{asChild:!0},o.createElement(p,{variant:"link",size:"link"},e)),o.createElement(f,null,o.createElement(D,null,o.createElement(P,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none"},o.createElement(x,{className:"h-4 w-4"}),o.createElement("span",{className:"sr-only"},"Close")),o.createElement(w,null,r?.data.title),o.createElement(u,null,"For more details read our"," ",o.createElement(p,{variant:"link",size:"link",asChild:!0},o.createElement("a",{href:r?.data.html_url,target:"_blank",rel:"noopener noreferrer"},"Disclaimer")))),o.createElement(v,{className:"px-4 pb-4 overflow-y-auto max-h-[calc(80vh-120px)] cost-calculator-disclaimer-drawer-scroll-area"},o.createElement("div",{className:"cost-calculator-disclaimer-drawer-body",dangerouslySetInnerHTML:{__html:r?.data.body??""}}))))},"Disclaimer");export{O as a};
+//# sourceMappingURL=chunk-56PULCHS.js.map

package/dist/{chunk-XSTVWDTD.js → chunk-BY2NZ5QF.js}

@@ -1,2 +1,2 @@
-import{a,b as m,c as p,d}from"./chunk-Z5SEXEAZ.js";import{a as l}from"./chunk-DE6ICD4X.js";import{a as i}from"./chunk-J2GLSJLO.js";import{b as s}from"./chunk-ATKR5HCM.js";import{a as t}from"./chunk-AYDF3IFZ.js";import{Info as g}from"lucide-react";import o from"react";function y({contributionsTotal:u,currency:e,contributionsBreakdown:n}){return o.createElement("div",null,o.createElement("div",{className:"flex justify-between items-center mb-2"},o.createElement("h3",{className:"font-medium text-primary-foreground"},"Employer Contributions"),o.createElement("span",{className:"font-semibold text-lg"},s(u,e))),n?o.createElement(o.Fragment,null,o.createElement(l,{className:"mb-3"}),o.createElement("div",{className:"space-y-3 pl-2"},n.map((r,f)=>o.createElement("div",{key:f,className:"flex justify-between items-start text-sm"},o.createElement("div",{className:"flex items-start gap-2"},o.createElement("span",null,r.name),o.createElement(a,null,o.createElement(m,null,o.createElement(p,{asChild:!0},o.createElement(i,{variant:"ghost",size:"icon",className:"h-4 w-4 p-0"},o.createElement(g,{className:"h-3 w-3 text-gray-400"}),o.createElement("span",{className:"sr-only"},"Info"))),o.createElement(d,null,o.createElement("p",{className:"max-w-xs"},r.description),r.zendesk_article_url&&o.createElement("a",{href:r.zendesk_article_url,target:"_blank",rel:"noopener noreferrer",className:"text-blue-500 hover:underline block mt-1 text-xs"},"Learn more"))))),o.createElement("span",null,s(r.amount,e)))))):null)}t(y,"CostCalculatorContributionsBreakdown");export{y as a};
-//# sourceMappingURL=chunk-XSTVWDTD.js.map
+import{a,b as m,c as p,d}from"./chunk-Z5SEXEAZ.js";import{a as l}from"./chunk-DE6ICD4X.js";import{b as i}from"./chunk-HHNKZK2V.js";import{b as s}from"./chunk-ATKR5HCM.js";import{a as t}from"./chunk-AYDF3IFZ.js";import{Info as g}from"lucide-react";import o from"react";function y({contributionsTotal:u,currency:e,contributionsBreakdown:n}){return o.createElement("div",null,o.createElement("div",{className:"flex justify-between items-center mb-2"},o.createElement("h3",{className:"font-medium text-primary-foreground"},"Employer Contributions"),o.createElement("span",{className:"font-semibold text-lg"},s(u,e))),n?o.createElement(o.Fragment,null,o.createElement(l,{className:"mb-3"}),o.createElement("div",{className:"space-y-3 pl-2"},n.map((r,f)=>o.createElement("div",{key:f,className:"flex justify-between items-start text-sm"},o.createElement("div",{className:"flex items-start gap-2"},o.createElement("span",null,r.name),o.createElement(a,null,o.createElement(m,null,o.createElement(p,{asChild:!0},o.createElement(i,{variant:"ghost",size:"icon",className:"h-4 w-4 p-0"},o.createElement(g,{className:"h-3 w-3 text-gray-400"}),o.createElement("span",{className:"sr-only"},"Info"))),o.createElement(d,null,o.createElement("p",{className:"max-w-xs"},r.description),r.zendesk_article_url&&o.createElement("a",{href:r.zendesk_article_url,target:"_blank",rel:"noopener noreferrer",className:"text-blue-500 hover:underline block mt-1 text-xs"},"Learn more"))))),o.createElement("span",null,s(r.amount,e)))))):null)}t(y,"CostCalculatorContributionsBreakdown");export{y as a};
+//# sourceMappingURL=chunk-BY2NZ5QF.js.map

package/dist/{chunk-BRK6MUQS.js → chunk-DHJSRW7Y.js}

@@ -1,2 +1,2 @@
-import{a as x}from"./chunk-ZII4VJ3N.js";import{a as T}from"./chunk-XSTVWDTD.js";import{a as P}from"./chunk-Q2ZB5MOF.js";import{a as y,b as v,c as h,d as _,e as w}from"./chunk-JEULWBZA.js";import{a as k}from"./chunk-BIWKEH5R.js";import{a as n}from"./chunk-ATKR5HCM.js";import{a as s}from"./chunk-AYDF3IFZ.js";import{Euro as H}from"lucide-react";import t,{lazy as G,useState as A}from"react";import*as N from"react";import{Slot as z}from"@radix-ui/react-slot";import{cva as F}from"class-variance-authority";var E=F("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"border-transparent bg-badge text-badge-foreground rounded-full [a&]:hover:bg-primary/90",secondary:"border-transparent bg-secondary text-secondary-foreground rounded-full [a&]:hover:bg-secondary/90",destructive:"border-transparent bg-destructive text-white rounded-full [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",outline:"text-foreground rounded-full [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"}},defaultVariants:{variant:"default"}});function B({className:a,variant:o,asChild:r=!1,...u}){return N.createElement(r?z:"span",{"data-slot":"badge",className:n(E({variant:o}),a),...u})}s(B,"Badge");import*as m from"react";import*as i from"@radix-ui/react-tabs";function S({className:a,...o}){return m.createElement(i.Root,{"data-slot":"tabs",className:n("flex flex-col gap-2",a),...o})}s(S,"Tabs");function V({className:a,...o}){return m.createElement(i.List,{"data-slot":"tabs-list",className:n("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-1",a),...o})}s(V,"TabsList");function b({className:a,...o}){return m.createElement(i.Trigger,{"data-slot":"tabs-trigger",className:n("data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",a),...o})}s(b,"TabsTrigger");var M=G(()=>import("./flows/CostCalculator/Results/CostCalculatorResultsChart.js"));function st({employmentData:a,options:o}){let[r,u]=A("monthly"),l=a.employments?.[0];if(!l)return null;let e=l.employer_currency_costs,c=e.currency.symbol,f=r==="monthly"?e.monthly_gross_salary:e.annual_gross_salary,p=r==="monthly"?e.monthly_benefits_total:e.annual_benefits_total,g=r==="monthly"?e.monthly_contributions_total:e.annual_contributions_total,D=r==="monthly"?e.monthly_total:e.annual_total,d=r==="monthly"?e.monthly_benefits_breakdown:e.annual_benefits_breakdown,L=r==="monthly"?e.monthly_contributions_breakdown:e.annual_contributions_breakdown,C=[{name:"Gross Salary",value:f,color:o?.chartColors?.grossSalary??"#3b82f6"},{name:"Contributions",value:g,color:o?.chartColors?.contributions??"#f59e0b"}];return d&&C.push({name:"Benefits",value:p??0,color:o?.chartColors?.benefits??"#10b981"}),t.createElement(t.Fragment,null,t.createElement("div",{className:"flex flex-col md:flex-row gap-4 md:items-center justify-between mb-6 RemoteFlows__CostCalculatorResults"},t.createElement("div",{className:"RemoteFlows__CostCalculatorResults__Header"},t.createElement("h2",{className:"text-xl font-semibold flex items-center gap-2"},t.createElement("span",{className:"flex items-center gap-1"},t.createElement(H,{className:"h-5 w-5 text-gray-600"}),o?.title??"Cost Calculator"),t.createElement(B,{className:"ml-2"},l.country.name)),t.createElement("p",{className:"text-primary-foreground font-medium mt-1"},o?.description??`Total cost of employment in ${l.country.name}`)),t.createElement(S,{value:r,onValueChange:j=>u(j),className:"w-full md:w-auto RemoteFlows__CostCalculatorResults__Tabs"},t.createElement(V,{className:"grid w-full md:w-[200px] grid-cols-2"},t.createElement(b,{value:"monthly"},"Monthly"),t.createElement(b,{value:"annual"},"Annual")))),t.createElement("div",{className:n("grid grid-cols-1 gap-6",o?.showChart?"md:grid-cols-3":"","RemoteFlows__CostCalculatorResults_CostBreakdown")},t.createElement(y,{className:"md:col-span-2 rounded-lg"},t.createElement(v,{className:"pb-2"},t.createElement(h,null,"Cost Breakdown"),t.createElement(_,null,"Detailed breakdown of all employer costs")),t.createElement(w,null,t.createElement("div",{className:"space-y-6"},t.createElement(P,{grossSalary:f,currency:c}),d?t.createElement(x,{benefitsBreakdown:d,benefitsTotal:p,currency:c}):null,t.createElement(T,{contributionsBreakdown:L,contributionsTotal:g,currency:c}),t.createElement(k,{totalCost:D,currency:c})))),o?.showChart&&t.createElement(M,{chartData:C,currency:c})))}s(st,"CostCalculatorResults");export{st as a};
-//# sourceMappingURL=chunk-BRK6MUQS.js.map
+import{a as x}from"./chunk-HGBJ3RNH.js";import{a as T}from"./chunk-BY2NZ5QF.js";import{a as P}from"./chunk-Q2ZB5MOF.js";import{a as y,b as v,c as h,d as _,e as w}from"./chunk-JEULWBZA.js";import{a as k}from"./chunk-BIWKEH5R.js";import{a as n}from"./chunk-ATKR5HCM.js";import{a as s}from"./chunk-AYDF3IFZ.js";import{Euro as H}from"lucide-react";import t,{lazy as G,useState as A}from"react";import*as N from"react";import{Slot as z}from"@radix-ui/react-slot";import{cva as F}from"class-variance-authority";var E=F("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"border-transparent bg-badge text-badge-foreground rounded-full [a&]:hover:bg-primary/90",secondary:"border-transparent bg-secondary text-secondary-foreground rounded-full [a&]:hover:bg-secondary/90",destructive:"border-transparent bg-destructive text-white rounded-full [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",outline:"text-foreground rounded-full [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"}},defaultVariants:{variant:"default"}});function B({className:a,variant:o,asChild:r=!1,...u}){return N.createElement(r?z:"span",{"data-slot":"badge",className:n(E({variant:o}),a),...u})}s(B,"Badge");import*as m from"react";import*as i from"@radix-ui/react-tabs";function S({className:a,...o}){return m.createElement(i.Root,{"data-slot":"tabs",className:n("flex flex-col gap-2",a),...o})}s(S,"Tabs");function V({className:a,...o}){return m.createElement(i.List,{"data-slot":"tabs-list",className:n("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-1",a),...o})}s(V,"TabsList");function b({className:a,...o}){return m.createElement(i.Trigger,{"data-slot":"tabs-trigger",className:n("data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",a),...o})}s(b,"TabsTrigger");var M=G(()=>import("./flows/CostCalculator/Results/CostCalculatorResultsChart.js"));function st({employmentData:a,options:o}){let[r,u]=A("monthly"),l=a.employments?.[0];if(!l)return null;let e=l.employer_currency_costs,c=e.currency.symbol,f=r==="monthly"?e.monthly_gross_salary:e.annual_gross_salary,p=r==="monthly"?e.monthly_benefits_total:e.annual_benefits_total,g=r==="monthly"?e.monthly_contributions_total:e.annual_contributions_total,D=r==="monthly"?e.monthly_total:e.annual_total,d=r==="monthly"?e.monthly_benefits_breakdown:e.annual_benefits_breakdown,L=r==="monthly"?e.monthly_contributions_breakdown:e.annual_contributions_breakdown,C=[{name:"Gross Salary",value:f,color:o?.chartColors?.grossSalary??"#3b82f6"},{name:"Contributions",value:g,color:o?.chartColors?.contributions??"#f59e0b"}];return d&&C.push({name:"Benefits",value:p??0,color:o?.chartColors?.benefits??"#10b981"}),t.createElement(t.Fragment,null,t.createElement("div",{className:"flex flex-col md:flex-row gap-4 md:items-center justify-between mb-6 RemoteFlows__CostCalculatorResults"},t.createElement("div",{className:"RemoteFlows__CostCalculatorResults__Header"},t.createElement("h2",{className:"text-xl font-semibold flex items-center gap-2"},t.createElement("span",{className:"flex items-center gap-1"},t.createElement(H,{className:"h-5 w-5 text-gray-600"}),o?.title??"Cost Calculator"),t.createElement(B,{className:"ml-2"},l.country.name)),t.createElement("p",{className:"text-primary-foreground font-medium mt-1"},o?.description??`Total cost of employment in ${l.country.name}`)),t.createElement(S,{value:r,onValueChange:j=>u(j),className:"w-full md:w-auto RemoteFlows__CostCalculatorResults__Tabs"},t.createElement(V,{className:"grid w-full md:w-[200px] grid-cols-2"},t.createElement(b,{value:"monthly"},"Monthly"),t.createElement(b,{value:"annual"},"Annual")))),t.createElement("div",{className:n("grid grid-cols-1 gap-6",o?.showChart?"md:grid-cols-3":"","RemoteFlows__CostCalculatorResults_CostBreakdown")},t.createElement(y,{className:"md:col-span-2 rounded-lg"},t.createElement(v,{className:"pb-2"},t.createElement(h,null,"Cost Breakdown"),t.createElement(_,null,"Detailed breakdown of all employer costs")),t.createElement(w,null,t.createElement("div",{className:"space-y-6"},t.createElement(P,{grossSalary:f,currency:c}),d?t.createElement(x,{benefitsBreakdown:d,benefitsTotal:p,currency:c}):null,t.createElement(T,{contributionsBreakdown:L,contributionsTotal:g,currency:c}),t.createElement(k,{totalCost:D,currency:c})))),o?.showChart&&t.createElement(M,{chartData:C,currency:c})))}s(st,"CostCalculatorResults");export{st as a};
+//# sourceMappingURL=chunk-DHJSRW7Y.js.map