@remoteoss/remote-flows 1.32.0 → 1.33.1

package/README.md

@@ -12,6 +12,8 @@ A React library that provides components for Remote's embedded solution, enablin
 - [Quick Start](#quick-start)
 - [Components API](#components-api)
   - [RemoteFlows](#remoteflows)
+    - [Error Boundary](#error-boundary)
+    - [HTML Transformation](#html-transformation)
   - [Custom Field Components](#custom-field-components)
 - [Available Flows](#available-flows)
 - [Authentication](#authentication)
@@ -61,16 +63,17 @@ function App() {
 
 The `RemoteFlows` component serves as a provider for authentication and theming.
 
-| Prop            | Type                                                                                          | Required | Deprecated | Description                                                                                                    |
-| --------------- | --------------------------------------------------------------------------------------------- | -------- | ---------- | -------------------------------------------------------------------------------------------------------------- |
-| `auth`          | `() => Promise<{ accessToken: string, expiresIn: number }>`                                   | No       | -          | Function to fetch authentication token. Optional when using cookie-based authentication via `credentials` prop |
-| `environment`   | `'partners' \| 'production' \| 'sandbox' \| 'staging'`                                        | No       | -          | Environment to use for API calls (defaults to production)                                                      |
-| `theme`         | `ThemeOptions`                                                                                | No       | -          | Custom theme configuration                                                                                     |
-| `components`    | `Components`                                                                                  | No       | -          | Custom field components for form rendering                                                                     |
-| `proxy`         | `{ url: string, headers?: Record<string, string> }`                                           | No       | -          | Configuration for API request proxy with optional headers                                                      |
-| `errorBoundary` | `{ useParentErrorBoundary?: boolean, fallback?: ReactNode \| ((error: Error) => ReactNode) }` | No       | -          | Error boundary configuration to prevent crashes and show custom fallback UI                                    |
-| `debug`         | boolean                                                                                       | No       | -          | useful to see telemetry debugging in console                                                                   |
-| `credentials`   | `'include' \| 'same-origin'`                                                                  | No       | -          | Credentials mode for fetch requests. Use `'include'` for cookie-based authentication without bearer tokens     |
+| Prop                        | Type                                                                                          | Required | Deprecated | Description                                                                                                      |
+| --------------------------- | --------------------------------------------------------------------------------------------- | -------- | ---------- | ---------------------------------------------------------------------------------------------------------------- |
+| `auth`                      | `() => Promise<{ accessToken: string, expiresIn: number }>`                                   | No       | -          | Function to fetch authentication token. Optional when using cookie-based authentication via `credentials` prop   |
+| `environment`               | `'partners' \| 'production' \| 'sandbox' \| 'staging'`                                        | No       | -          | Environment to use for API calls (defaults to production)                                                        |
+| `theme`                     | `ThemeOptions`                                                                                | No       | -          | Custom theme configuration                                                                                       |
+| `components`                | `Components`                                                                                  | No       | -          | Custom field components for form rendering                                                                       |
+| `proxy`                     | `{ url: string, headers?: Record<string, string> }`                                           | No       | -          | Configuration for API request proxy with optional headers                                                        |
+| `errorBoundary`             | `{ useParentErrorBoundary?: boolean, fallback?: ReactNode \| ((error: Error) => ReactNode) }` | No       | -          | Error boundary configuration to prevent crashes and show custom fallback UI                                      |
+| `debug`                     | boolean                                                                                       | No       | -          | useful to see telemetry debugging in console                                                                     |
+| `credentials`               | `'include' \| 'same-origin'`                                                                  | No       | -          | Credentials mode for fetch requests. Use `'include'` for cookie-based authentication without bearer tokens       |
+| `transformHtmlToComponents` | `(htmlContent: string) => ReactNode`                                                          | No       | -          | Optional function to transform HTML strings into React components. Useful for customizing HTML content rendering |
 
 #### Error Boundary
 
@@ -106,6 +109,76 @@ The `errorBoundary` prop controls how the SDK handles runtime errors to prevent
 - When `useParentErrorBoundary: false` without `fallback` → Shows default error message: "Something went wrong in RemoteFlows. Please refresh the page."
 - When `useParentErrorBoundary: false` with `fallback` → Shows your custom fallback UI
 
+#### HTML Transformation
+
+The `transformHtmlToComponents` prop allows you to transform HTML strings from API responses into custom React components. This is useful for replacing generic HTML patterns with your own component library.
+
+```tsx
+import parse, {
+  domToReact,
+  HTMLReactParserOptions,
+  Element,
+} from 'html-react-parser';
+import DOMPurify from 'dompurify';
+
+function transformHtmlToComponents(htmlContent: string) {
+  // 1. Sanitize HTML first (IMPORTANT for security)
+  const clean = DOMPurify.sanitize(htmlContent);
+
+  // 2. Define transformation options
+  const options: HTMLReactParserOptions = {
+    replace: (domNode) => {
+      // Transform <details data-component="Accordion"> to custom Accordion
+      if (domNode.type === 'tag' && domNode.name === 'details') {
+        const element = domNode as Element;
+        if (element.attribs?.['data-component'] === 'Accordion') {
+          // Find the summary tag
+          const summaryNode = element.children?.find(
+            (child) => child.type === 'tag' && child.name === 'summary',
+          );
+
+          // Extract content
+          const summary = summaryNode
+            ? domToReact(summaryNode.children, options)
+            : 'Details';
+          const content = element.children?.filter(
+            (child) => !(child.type === 'tag' && child.name === 'summary'),
+          );
+
+          return (
+            <CustomAccordion summary={summary}>
+              {domToReact(content || [], options)}
+            </CustomAccordion>
+          );
+        }
+      }
+    },
+  };
+
+  // 3. Parse and transform
+  return parse(clean, options);
+}
+
+<RemoteFlows
+  components={defaultComponents}
+  auth={fetchToken}
+  transformHtmlToComponents={transformHtmlToComponents}
+>
+  {/* Your flows */}
+</RemoteFlows>;
+```
+
+**Security Notice:** The function receives **unsanitized HTML**. You are responsible for sanitizing untrusted content before rendering. Consider using:
+
+- [`DOMPurify`](https://github.com/cure53/DOMPurify) - Client-side HTML sanitization
+- [`sanitize-html`](https://github.com/apostrophecms/sanitize-html) - Server-side HTML sanitization
+
+**Common Use Cases:**
+
+- Replace `<details>` elements with custom accordion components
+- Transform links with custom styling or tracking
+- Inject custom components for specific HTML patterns marked with `data-component` attributes
+
 ### Custom Field Components
 
 You can customize form field components to match your application's design system.

package/dist/ButtonDefault-CB27KWFN.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-3TLNWNFZ.js";import"./chunk-R4TTPUH7.js";import"./chunk-JXAAON7I.js";import"./chunk-P37U34EQ.js";export{a as ButtonDefault};
+//# sourceMappingURL=ButtonDefault-CB27KWFN.js.map

package/dist/CheckboxFieldDefault-U2NRBOXO.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-3V7ZQOOW.js";import"./chunk-DXKUARQF.js";import"./chunk-6FOEJAXI.js";import"./chunk-SFW4O42J.js";import"./chunk-5BU3CD2P.js";import"./chunk-TNQKP2XT.js";import"./chunk-JXAAON7I.js";import"./chunk-H2O4CVKF.js";import"./chunk-P37U34EQ.js";export{a as CheckboxFieldDefault};
+//# sourceMappingURL=CheckboxFieldDefault-U2NRBOXO.js.map

package/dist/CountryFieldDefault-DC4B2JGN.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-OGXMCNOP.js";import"./chunk-LDI7E3ZK.js";import"./chunk-IX5SV6J2.js";import"./chunk-242UBL3Z.js";import"./chunk-4ZMRPH3M.js";import"./chunk-6FOEJAXI.js";import"./chunk-R4TTPUH7.js";import"./chunk-SFW4O42J.js";import"./chunk-5BU3CD2P.js";import"./chunk-TNQKP2XT.js";import"./chunk-JXAAON7I.js";import"./chunk-H2O4CVKF.js";import"./chunk-P37U34EQ.js";export{a as CountryFieldDefault};
+//# sourceMappingURL=CountryFieldDefault-DC4B2JGN.js.map

package/dist/DatePickerFieldDefault-Q6VSUSEY.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-BZNN4OST.js";import"./chunk-IX5SV6J2.js";import"./chunk-6FOEJAXI.js";import"./chunk-R4TTPUH7.js";import"./chunk-SFW4O42J.js";import"./chunk-5BU3CD2P.js";import"./chunk-TNQKP2XT.js";import"./chunk-JXAAON7I.js";import"./chunk-H2O4CVKF.js";import"./chunk-P37U34EQ.js";export{a as DatePickerFieldDefault};
+//# sourceMappingURL=DatePickerFieldDefault-Q6VSUSEY.js.map

package/dist/DrawerDefault-JR6422D5.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-FIVDMRET.js";import"./chunk-QWSAKYH4.js";import"./chunk-JXAAON7I.js";import"./chunk-P37U34EQ.js";export{a as DrawerDefault};
+//# sourceMappingURL=DrawerDefault-JR6422D5.js.map

package/dist/EmailFieldDefault-XSAEEKK7.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-Q5RU76HN.js";import"./chunk-4MW7KA47.js";import"./chunk-5BU3CD2P.js";import"./chunk-JXAAON7I.js";import"./chunk-H2O4CVKF.js";import"./chunk-P37U34EQ.js";export{a as EmailFieldDefault};
+//# sourceMappingURL=EmailFieldDefault-XSAEEKK7.js.map

package/dist/FieldsetToggleButtonDefault-OQ7J2T3G.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-GQACPN6J.js";import"./chunk-R4TTPUH7.js";import"./chunk-JXAAON7I.js";import"./chunk-P37U34EQ.js";export{a as FieldsetToggleButtonDefault};
+//# sourceMappingURL=FieldsetToggleButtonDefault-OQ7J2T3G.js.map

package/dist/FileUploadFieldDefault-5VQDJWZV.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-QYLLXHLO.js";import"./chunk-RGXG3HOB.js";import"./chunk-R4TTPUH7.js";import"./chunk-5BU3CD2P.js";import"./chunk-JXAAON7I.js";import"./chunk-H2O4CVKF.js";import"./chunk-P37U34EQ.js";export{a as FileUploadFieldDefault};
+//# sourceMappingURL=FileUploadFieldDefault-5VQDJWZV.js.map

package/dist/MultiSelectFieldDefault-BORNPHNW.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-24HG2Q5K.js";import"./chunk-LDI7E3ZK.js";import"./chunk-IX5SV6J2.js";import"./chunk-242UBL3Z.js";import"./chunk-4ZMRPH3M.js";import"./chunk-R4TTPUH7.js";import"./chunk-5BU3CD2P.js";import"./chunk-JXAAON7I.js";import"./chunk-H2O4CVKF.js";import"./chunk-P37U34EQ.js";export{a as MultiSelectFieldDefault};
+//# sourceMappingURL=MultiSelectFieldDefault-BORNPHNW.js.map

package/dist/NumberFieldDefault-PRI6IHOZ.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-TMS24RKD.js";import"./chunk-4MW7KA47.js";import"./chunk-5BU3CD2P.js";import"./chunk-JXAAON7I.js";import"./chunk-H2O4CVKF.js";import"./chunk-P37U34EQ.js";export{a as NumberFieldDefault};
+//# sourceMappingURL=NumberFieldDefault-PRI6IHOZ.js.map

package/dist/RadioGroupFieldDefault-CU6LOX2R.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-A5CJEHJA.js";import"./chunk-XWBNZAGY.js";import"./chunk-4ZMRPH3M.js";import"./chunk-6FOEJAXI.js";import"./chunk-SFW4O42J.js";import"./chunk-5BU3CD2P.js";import"./chunk-TNQKP2XT.js";import"./chunk-JXAAON7I.js";import"./chunk-H2O4CVKF.js";import"./chunk-P37U34EQ.js";export{a as RadioGroupFieldDefault};
+//# sourceMappingURL=RadioGroupFieldDefault-CU6LOX2R.js.map

package/dist/SelectFieldDefault-EV5QGUX6.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-QWIPKY24.js";import"./chunk-ED7I5OM2.js";import"./chunk-5BU3CD2P.js";import"./chunk-JXAAON7I.js";import"./chunk-H2O4CVKF.js";import"./chunk-P37U34EQ.js";export{a as SelectFieldDefault};
+//# sourceMappingURL=SelectFieldDefault-EV5QGUX6.js.map

package/dist/StatementDefault-WKRJDBC7.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-TMZVJ3SQ.js";import"./chunk-Q5WADFQ7.js";import"./chunk-JXAAON7I.js";import"./chunk-P37U34EQ.js";export{a as StatementDefault};
+//# sourceMappingURL=StatementDefault-WKRJDBC7.js.map

package/dist/TableFieldDefault-75LWJ2E3.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-6YBH2ELN.js";import"./chunk-JXAAON7I.js";import"./chunk-P37U34EQ.js";export{a as TableFieldDefault};
+//# sourceMappingURL=TableFieldDefault-75LWJ2E3.js.map

package/dist/TelFieldDefault-M5LDQMIK.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-NN2HUS43.js";import"./chunk-B3KDZREG.js";import"./chunk-ED7I5OM2.js";import"./chunk-5BU3CD2P.js";import"./chunk-JXAAON7I.js";import"./chunk-H2O4CVKF.js";import"./chunk-P37U34EQ.js";export{a as TelFieldDefault};
+//# sourceMappingURL=TelFieldDefault-M5LDQMIK.js.map

package/dist/TextAreaFieldDefault-4XPXRKZZ.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-YYSFI73T.js";import"./chunk-6FOEJAXI.js";import"./chunk-SFW4O42J.js";import"./chunk-5BU3CD2P.js";import"./chunk-TNQKP2XT.js";import"./chunk-JXAAON7I.js";import"./chunk-H2O4CVKF.js";import"./chunk-P37U34EQ.js";export{a as TextAreaFieldDefault};
+//# sourceMappingURL=TextAreaFieldDefault-4XPXRKZZ.js.map

package/dist/TextFieldDefault-RCZYNB3Z.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-VJPSDB7M.js";import"./chunk-B3KDZREG.js";import"./chunk-5BU3CD2P.js";import"./chunk-JXAAON7I.js";import"./chunk-H2O4CVKF.js";import"./chunk-P37U34EQ.js";export{a as TextFieldDefault};
+//# sourceMappingURL=TextFieldDefault-RCZYNB3Z.js.map

package/dist/WorkScheduleFieldDefault-XLAFRZX2.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-OVQOV5YL.js";import"./chunk-242UBL3Z.js";import"./chunk-BQA2DJF2.js";import"./chunk-R4TTPUH7.js";import"./chunk-4MW7KA47.js";import"./chunk-5BU3CD2P.js";import"./chunk-JXAAON7I.js";import"./chunk-H2O4CVKF.js";import"./chunk-P37U34EQ.js";export{a as WorkScheduleFieldDefault};
+//# sourceMappingURL=WorkScheduleFieldDefault-XLAFRZX2.js.map

package/dist/ZendeskDrawerDefault-NQP7CBPW.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-ZM4ZOX7B.js";import"./chunk-QWSAKYH4.js";import"./chunk-JXAAON7I.js";import"./chunk-P37U34EQ.js";export{a as ZendeskDrawerDefault};
+//# sourceMappingURL=ZendeskDrawerDefault-NQP7CBPW.js.map

package/dist/chunk-242UBL3Z.js

@@ -0,0 +1,2 @@
+import{n}from"./chunk-JXAAON7I.js";import{a as i}from"./chunk-P37U34EQ.js";import*as o from"@radix-ui/react-dialog";import{XIcon as s}from"lucide-react";import{jsx as a,jsxs as l}from"react/jsx-runtime";function p({...t}){return a(o.Root,{"data-slot":"dialog",...t})}i(p,"Dialog");function f({...t}){return a(o.Trigger,{"data-slot":"dialog-trigger",...t})}i(f,"DialogTrigger");function g({...t}){return a(o.Portal,{"data-slot":"dialog-portal",...t})}i(g,"DialogPortal");function d({className:t,...e}){return a(o.Overlay,{"data-slot":"dialog-overlay",className:n("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...e})}i(d,"DialogOverlay");function u({className:t,children:e,...r}){return l(g,{"data-slot":"dialog-portal",children:[a(d,{}),l(o.Content,{"data-slot":"dialog-content",className:n("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),...r,children:[e,l(o.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 RemoteFlows__Dialog__Close",children:[a(s,{}),a("span",{className:"sr-only",children:"Close"})]})]})]})}i(u,"DialogContent");function v({className:t,...e}){return a("div",{"data-slot":"dialog-header",className:n("flex flex-col gap-2 text-center sm:text-left",t),...e})}i(v,"DialogHeader");function D({className:t,...e}){return a("div",{"data-slot":"dialog-footer",className:n("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...e})}i(D,"DialogFooter");function P({className:t,...e}){return a(o.Title,{"data-slot":"dialog-title",className:n("text-lg leading-none font-semibold",t),...e})}i(P,"DialogTitle");function C({className:t,...e}){return a(o.Description,{"data-slot":"dialog-description",className:n("text-muted-foreground text-sm",t),...e})}i(C,"DialogDescription");export{p as a,f as b,u as c,v as d,D as e,P as f,C as g};
+//# sourceMappingURL=chunk-242UBL3Z.js.map

package/dist/{chunk-LWQLNGOH.js.map → chunk-242UBL3Z.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@/src/lib/utils';\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot='dialog' {...props} />;\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot='dialog-trigger' {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot='dialog-portal' {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot='dialog-close' {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot='dialog-overlay'\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n  return (\n    <DialogPortal data-slot='dialog-portal'>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot='dialog-content'\n        className={cn(\n          'bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 RemoteFlows__Dialog__Close\">\n          <XIcon />\n          <span className='sr-only'>Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot='dialog-header'\n      className={cn('flex flex-col gap-2 text-center sm:text-left', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot='dialog-footer'\n      className={cn(\n        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot='dialog-title'\n      className={cn('text-lg leading-none font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot='dialog-description'\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":"gFACA,UAAYA,MAAqB,yBACjC,OAAS,SAAAC,MAAa,eAOb,cAAAC,EAsDD,QAAAC,MAtDC,oBAHT,SAASC,EAAO,CACd,GAAGC,CACL,EAAsD,CACpD,OAAOH,EAAiB,OAAhB,CAAqB,YAAU,SAAU,GAAGG,EAAO,CAC7D,CAJSC,EAAAF,EAAA,UAMT,SAASG,EAAc,CACrB,GAAGF,CACL,EAAyD,CACvD,OAAOH,EAAiB,UAAhB,CAAwB,YAAU,iBAAkB,GAAGG,EAAO,CACxE,CAJSC,EAAAC,EAAA,iBAMT,SAASC,EAAa,CACpB,GAAGH,CACL,EAAwD,CACtD,OAAOH,EAAiB,SAAhB,CAAuB,YAAU,gBAAiB,GAAGG,EAAO,CACtE,CAJSC,EAAAE,EAAA,gBAYT,SAASC,EAAc,CACrB,UAAAC,EACA,GAAGC,CACL,EAAyD,CACvD,OACEC,EAAiB,UAAhB,CACC,YAAU,iBACV,UAAWC,EACT,yJACAH,CACF,EACC,GAAGC,EACN,CAEJ,CAdSG,EAAAL,EAAA,iBAgBT,SAASM,EAAc,CACrB,UAAAL,EACA,SAAAM,EACA,GAAGL,CACL,EAAyD,CACvD,OACEM,EAACC,EAAA,CAAa,YAAU,gBACtB,UAAAN,EAACH,EAAA,EAAc,EACfQ,EAAiB,UAAhB,CACC,YAAU,iBACV,UAAWJ,EACT,8WACAH,CACF,EACC,GAAGC,EAEH,UAAAK,EACDC,EAAiB,QAAhB,CAAsB,UAAU,+XAC/B,UAAAL,EAACO,EAAA,EAAM,EACPP,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CAEJ,CAxBSE,EAAAC,EAAA,iBA0BT,SAASK,EAAa,CAAE,UAAAV,EAAW,GAAGC,CAAM,EAAgC,CAC1E,OACEC,EAAC,OACC,YAAU,gBACV,UAAWC,EAAG,+CAAgDH,CAAS,EACtE,GAAGC,EACN,CAEJ,CARSG,EAAAM,EAAA,gBAUT,SAASC,EAAa,CAAE,UAAAX,EAAW,GAAGC,CAAM,EAAgC,CAC1E,OACEC,EAAC,OACC,YAAU,gBACV,UAAWC,EACT,yDACAH,CACF,EACC,GAAGC,EACN,CAEJ,CAXSG,EAAAO,EAAA,gBAaT,SAASC,EAAY,CACnB,UAAAZ,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAiB,QAAhB,CACC,YAAU,eACV,UAAWC,EAAG,qCAAsCH,CAAS,EAC5D,GAAGC,EACN,CAEJ,CAXSG,EAAAQ,EAAA,eAaT,SAASC,EAAkB,CACzB,UAAAb,EACA,GAAGC,CACL,EAA6D,CAC3D,OACEC,EAAiB,cAAhB,CACC,YAAU,qBACV,UAAWC,EAAG,gCAAiCH,CAAS,EACvD,GAAGC,EACN,CAEJ,CAXSG,EAAAS,EAAA","names":["DialogPrimitive","XIcon","jsx","jsxs","Dialog","props","__name","DialogTrigger","DialogPortal","DialogOverlay","className","props","jsx","cn","__name","DialogContent","children","jsxs","DialogPortal","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"]}
+{"version":3,"sources":["../src/components/ui/dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@/src/lib/utils';\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot='dialog' {...props} />;\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot='dialog-trigger' {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot='dialog-portal' {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot='dialog-close' {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot='dialog-overlay'\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n  return (\n    <DialogPortal data-slot='dialog-portal'>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot='dialog-content'\n        className={cn(\n          'bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 RemoteFlows__Dialog__Close\">\n          <XIcon />\n          <span className='sr-only'>Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot='dialog-header'\n      className={cn('flex flex-col gap-2 text-center sm:text-left', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot='dialog-footer'\n      className={cn(\n        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot='dialog-title'\n      className={cn('text-lg leading-none font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot='dialog-description'\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":"2EACA,UAAYA,MAAqB,yBACjC,OAAS,SAAAC,MAAa,eAOb,cAAAC,EAsDD,QAAAC,MAtDC,oBAHT,SAASC,EAAO,CACd,GAAGC,CACL,EAAsD,CACpD,OAAOH,EAAiB,OAAhB,CAAqB,YAAU,SAAU,GAAGG,EAAO,CAC7D,CAJSC,EAAAF,EAAA,UAMT,SAASG,EAAc,CACrB,GAAGF,CACL,EAAyD,CACvD,OAAOH,EAAiB,UAAhB,CAAwB,YAAU,iBAAkB,GAAGG,EAAO,CACxE,CAJSC,EAAAC,EAAA,iBAMT,SAASC,EAAa,CACpB,GAAGH,CACL,EAAwD,CACtD,OAAOH,EAAiB,SAAhB,CAAuB,YAAU,gBAAiB,GAAGG,EAAO,CACtE,CAJSC,EAAAE,EAAA,gBAYT,SAASC,EAAc,CACrB,UAAAC,EACA,GAAGC,CACL,EAAyD,CACvD,OACEC,EAAiB,UAAhB,CACC,YAAU,iBACV,UAAWC,EACT,yJACAH,CACF,EACC,GAAGC,EACN,CAEJ,CAdSG,EAAAL,EAAA,iBAgBT,SAASM,EAAc,CACrB,UAAAL,EACA,SAAAM,EACA,GAAGL,CACL,EAAyD,CACvD,OACEM,EAACC,EAAA,CAAa,YAAU,gBACtB,UAAAN,EAACH,EAAA,EAAc,EACfQ,EAAiB,UAAhB,CACC,YAAU,iBACV,UAAWJ,EACT,8WACAH,CACF,EACC,GAAGC,EAEH,UAAAK,EACDC,EAAiB,QAAhB,CAAsB,UAAU,+XAC/B,UAAAL,EAACO,EAAA,EAAM,EACPP,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CAEJ,CAxBSE,EAAAC,EAAA,iBA0BT,SAASK,EAAa,CAAE,UAAAV,EAAW,GAAGC,CAAM,EAAgC,CAC1E,OACEC,EAAC,OACC,YAAU,gBACV,UAAWC,EAAG,+CAAgDH,CAAS,EACtE,GAAGC,EACN,CAEJ,CARSG,EAAAM,EAAA,gBAUT,SAASC,EAAa,CAAE,UAAAX,EAAW,GAAGC,CAAM,EAAgC,CAC1E,OACEC,EAAC,OACC,YAAU,gBACV,UAAWC,EACT,yDACAH,CACF,EACC,GAAGC,EACN,CAEJ,CAXSG,EAAAO,EAAA,gBAaT,SAASC,EAAY,CACnB,UAAAZ,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAiB,QAAhB,CACC,YAAU,eACV,UAAWC,EAAG,qCAAsCH,CAAS,EAC5D,GAAGC,EACN,CAEJ,CAXSG,EAAAQ,EAAA,eAaT,SAASC,EAAkB,CACzB,UAAAb,EACA,GAAGC,CACL,EAA6D,CAC3D,OACEC,EAAiB,cAAhB,CACC,YAAU,qBACV,UAAWC,EAAG,gCAAiCH,CAAS,EACvD,GAAGC,EACN,CAEJ,CAXSG,EAAAS,EAAA","names":["DialogPrimitive","XIcon","jsx","jsxs","Dialog","props","__name","DialogTrigger","DialogPortal","DialogOverlay","className","props","jsx","cn","__name","DialogContent","children","jsxs","DialogPortal","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"]}

package/dist/{chunk-QC2FAORS.js → chunk-24HG2Q5K.js}

@@ -1,2 +1,2 @@
-import{a as u}from"./chunk-5JGA7DRL.js";import{j as i,k as a,l as c,n as p,o as F}from"./chunk-XG6ASTX5.js";import{a as n}from"./chunk-P37U34EQ.js";import{useEffect as O,useState as g}from"react";import{jsx as o,jsxs as D}from"react/jsx-runtime";var N=n(({field:t,fieldState:d,fieldData:_})=>{let[f,r]=g([]),{name:s,label:v,description:m,options:l}=_,C=f||l?.filter(e=>t.value?.includes(e.value));return O(()=>{r(l?.filter(e=>t.value?.includes(e.value))||[])},[t.value,l]),D(i,{"data-field":s,className:`RemoteFlows__SelectField__Item__${s}`,children:[o(a,{className:"RemoteFlows__SelectField__Label",children:v}),o(c,{children:o(u,{options:l||[],selected:C,onChange:e=>{let S=e.map(({value:b})=>b);t.onChange(S),r(e)}})}),m&&o(p,{children:m}),d.error&&o(F,{})]})},"MultiSelectFieldDefault");export{N as a};
-//# sourceMappingURL=chunk-QC2FAORS.js.map
+import{a as u}from"./chunk-LDI7E3ZK.js";import{j as i,k as a,l as c,n as p,o as F}from"./chunk-5BU3CD2P.js";import{a as n}from"./chunk-P37U34EQ.js";import{useEffect as O,useState as g}from"react";import{jsx as o,jsxs as D}from"react/jsx-runtime";var N=n(({field:t,fieldState:d,fieldData:_})=>{let[f,r]=g([]),{name:s,label:v,description:m,options:l}=_,C=f||l?.filter(e=>t.value?.includes(e.value));return O(()=>{r(l?.filter(e=>t.value?.includes(e.value))||[])},[t.value,l]),D(i,{"data-field":s,className:`RemoteFlows__SelectField__Item__${s}`,children:[o(a,{className:"RemoteFlows__SelectField__Label",children:v}),o(c,{children:o(u,{options:l||[],selected:C,onChange:e=>{let S=e.map(({value:b})=>b);t.onChange(S),r(e)}})}),m&&o(p,{children:m}),d.error&&o(F,{})]})},"MultiSelectFieldDefault");export{N as a};
+//# sourceMappingURL=chunk-24HG2Q5K.js.map

package/dist/{chunk-QC2FAORS.js.map → chunk-24HG2Q5K.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/form/fields/default/MultiSelectFieldDefault.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport {\n  FormControl,\n  FormDescription,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport { MultiSelect, Option } from '@/src/components/ui/multi-select';\nimport { FieldComponentProps } from '@/src/types/fields';\n\nexport const MultiSelectFieldDefault = ({\n  field,\n  fieldState,\n  fieldData,\n}: FieldComponentProps) => {\n  const [selected, setSelected] = useState<Option[]>([]);\n  const { name, label, description, options } = fieldData;\n  const selectedOptions =\n    selected ||\n    options?.filter((option) => field.value?.includes(option.value));\n\n  useEffect(() => {\n    // WE NEED TO FIX: react-hooks/set-state-in-effect - Calling setState synchronously within an effect can trigger cascading renders\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setSelected(\n      options?.filter((option) => field.value?.includes(option.value)) || [],\n    );\n  }, [field.value, options]);\n  return (\n    <FormItem\n      data-field={name}\n      className={`RemoteFlows__SelectField__Item__${name}`}\n    >\n      <FormLabel className='RemoteFlows__SelectField__Label'>{label}</FormLabel>\n      <FormControl>\n        <MultiSelect\n          options={options || []}\n          selected={selectedOptions}\n          onChange={(rawValues: Option[]) => {\n            const values = rawValues.map(({ value }) => value);\n            field.onChange(values); // This triggers the wrapped onChange from MultiSelectField\n            setSelected(rawValues);\n          }}\n        />\n      </FormControl>\n      {description && <FormDescription>{description}</FormDescription>}\n      {fieldState.error && <FormMessage />}\n    </FormItem>\n  );\n};\n"],"mappings":"oJAAA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QA8BhC,OAIE,OAAAC,EAJF,QAAAC,MAAA,oBAnBG,IAAMC,EAA0BC,EAAA,CAAC,CACtC,MAAAC,EACA,WAAAC,EACA,UAAAC,CACF,IAA2B,CACzB,GAAM,CAACC,EAAUC,CAAW,EAAIC,EAAmB,CAAC,CAAC,EAC/C,CAAE,KAAAC,EAAM,MAAAC,EAAO,YAAAC,EAAa,QAAAC,CAAQ,EAAIP,EACxCQ,EACJP,GACAM,GAAS,OAAQE,GAAWX,EAAM,OAAO,SAASW,EAAO,KAAK,CAAC,EAEjE,OAAAC,EAAU,IAAM,CAGdR,EACEK,GAAS,OAAQE,GAAWX,EAAM,OAAO,SAASW,EAAO,KAAK,CAAC,GAAK,CAAC,CACvE,CACF,EAAG,CAACX,EAAM,MAAOS,CAAO,CAAC,EAEvBZ,EAACgB,EAAA,CACC,aAAYP,EACZ,UAAW,mCAAmCA,CAAI,GAElD,UAAAV,EAACkB,EAAA,CAAU,UAAU,kCAAmC,SAAAP,EAAM,EAC9DX,EAACmB,EAAA,CACC,SAAAnB,EAACoB,EAAA,CACC,QAASP,GAAW,CAAC,EACrB,SAAUC,EACV,SAAWO,GAAwB,CACjC,IAAMC,EAASD,EAAU,IAAI,CAAC,CAAE,MAAAE,CAAM,IAAMA,CAAK,EACjDnB,EAAM,SAASkB,CAAM,EACrBd,EAAYa,CAAS,CACvB,EACF,EACF,EACCT,GAAeZ,EAACwB,EAAA,CAAiB,SAAAZ,EAAY,EAC7CP,EAAW,OAASL,EAACyB,EAAA,EAAY,GACpC,CAEJ,EAvCuC","names":["useEffect","useState","jsx","jsxs","MultiSelectFieldDefault","__name","field","fieldState","fieldData","selected","setSelected","useState","name","label","description","options","selectedOptions","option","useEffect","FormItem","FormLabel","FormControl","MultiSelect","rawValues","values","value","FormDescription","FormMessage"]}
+{"version":3,"sources":["../src/components/form/fields/default/MultiSelectFieldDefault.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport {\n  FormControl,\n  FormDescription,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport { MultiSelect, Option } from '@/src/components/ui/multi-select';\nimport { FieldComponentProps } from '@/src/types/fields';\n\nexport const MultiSelectFieldDefault = ({\n  field,\n  fieldState,\n  fieldData,\n}: FieldComponentProps) => {\n  const [selected, setSelected] = useState<Option[]>([]);\n  const { name, label, description, options } = fieldData;\n  const selectedOptions =\n    selected ||\n    options?.filter((option) => field.value?.includes(option.value));\n\n  useEffect(() => {\n    // WE NEED TO FIX: react-hooks/set-state-in-effect - Calling setState synchronously within an effect can trigger cascading renders\n    // oxlint-disable-next-line react-hooks/set-state-in-effect\n    setSelected(\n      options?.filter((option) => field.value?.includes(option.value)) || [],\n    );\n  }, [field.value, options]);\n  return (\n    <FormItem\n      data-field={name}\n      className={`RemoteFlows__SelectField__Item__${name}`}\n    >\n      <FormLabel className='RemoteFlows__SelectField__Label'>{label}</FormLabel>\n      <FormControl>\n        <MultiSelect\n          options={options || []}\n          selected={selectedOptions}\n          onChange={(rawValues: Option[]) => {\n            const values = rawValues.map(({ value }) => value);\n            field.onChange(values); // This triggers the wrapped onChange from MultiSelectField\n            setSelected(rawValues);\n          }}\n        />\n      </FormControl>\n      {description && <FormDescription>{description}</FormDescription>}\n      {fieldState.error && <FormMessage />}\n    </FormItem>\n  );\n};\n"],"mappings":"oJAAA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QA8BhC,OAIE,OAAAC,EAJF,QAAAC,MAAA,oBAnBG,IAAMC,EAA0BC,EAAA,CAAC,CACtC,MAAAC,EACA,WAAAC,EACA,UAAAC,CACF,IAA2B,CACzB,GAAM,CAACC,EAAUC,CAAW,EAAIC,EAAmB,CAAC,CAAC,EAC/C,CAAE,KAAAC,EAAM,MAAAC,EAAO,YAAAC,EAAa,QAAAC,CAAQ,EAAIP,EACxCQ,EACJP,GACAM,GAAS,OAAQE,GAAWX,EAAM,OAAO,SAASW,EAAO,KAAK,CAAC,EAEjE,OAAAC,EAAU,IAAM,CAGdR,EACEK,GAAS,OAAQE,GAAWX,EAAM,OAAO,SAASW,EAAO,KAAK,CAAC,GAAK,CAAC,CACvE,CACF,EAAG,CAACX,EAAM,MAAOS,CAAO,CAAC,EAEvBZ,EAACgB,EAAA,CACC,aAAYP,EACZ,UAAW,mCAAmCA,CAAI,GAElD,UAAAV,EAACkB,EAAA,CAAU,UAAU,kCAAmC,SAAAP,EAAM,EAC9DX,EAACmB,EAAA,CACC,SAAAnB,EAACoB,EAAA,CACC,QAASP,GAAW,CAAC,EACrB,SAAUC,EACV,SAAWO,GAAwB,CACjC,IAAMC,EAASD,EAAU,IAAI,CAAC,CAAE,MAAAE,CAAM,IAAMA,CAAK,EACjDnB,EAAM,SAASkB,CAAM,EACrBd,EAAYa,CAAS,CACvB,EACF,EACF,EACCT,GAAeZ,EAACwB,EAAA,CAAiB,SAAAZ,EAAY,EAC7CP,EAAW,OAASL,EAACyB,EAAA,EAAY,GACpC,CAEJ,EAvCuC","names":["useEffect","useState","jsx","jsxs","MultiSelectFieldDefault","__name","field","fieldState","fieldData","selected","setSelected","useState","name","label","description","options","selectedOptions","option","useEffect","FormItem","FormLabel","FormControl","MultiSelect","rawValues","values","value","FormDescription","FormMessage"]}

package/dist/{chunk-N5XWRUYE.js → chunk-2SMK7OOK.js}

@@ -1,2 +1,2 @@
-import{a as s}from"./chunk-TVF4JOK2.js";import{b as m}from"./chunk-76ZDXC2T.js";import{w as i}from"./chunk-RZCU2MT3.js";import{a}from"./chunk-P37U34EQ.js";import{jsx as d}from"react/jsx-runtime";function l({onSubmit:c,onSuccess:p,onError:t}){let{createCompanyBag:o}=m(),u=a(async r=>{try{await c?.({countryCode:r.country_code,companyOwnerEmail:r.company_owner_email,companyOwnerName:r.company_owner_name,desiredCurrency:r.desired_currency,name:r.name,phoneNumber:r.phone_number,taxNumber:r.tax_number});let n=await o.onSubmit(r);if(n?.data){await p?.(n?.data),o?.next();return}if(n?.error){let e=i(n,o.meta?.fields?.company_basic_information);t?.(e)}}catch(n){let e=i(n,o.meta?.fields?.company_basic_information);t?.(e)}},"handleSubmit"),f=o.stepState.values?.company_basic_information||o.initialValues.company_basic_information;return d(s,{defaultValues:f,onSubmit:u})}a(l,"CompanyBasicInformationStep");export{l as a};
-//# sourceMappingURL=chunk-N5XWRUYE.js.map
+import{a as s}from"./chunk-GFPU6XMO.js";import{b as m}from"./chunk-76ZDXC2T.js";import{x as i}from"./chunk-JXAAON7I.js";import{a}from"./chunk-P37U34EQ.js";import{jsx as d}from"react/jsx-runtime";function l({onSubmit:c,onSuccess:p,onError:t}){let{createCompanyBag:o}=m(),u=a(async r=>{try{await c?.({countryCode:r.country_code,companyOwnerEmail:r.company_owner_email,companyOwnerName:r.company_owner_name,desiredCurrency:r.desired_currency,name:r.name,phoneNumber:r.phone_number,taxNumber:r.tax_number});let n=await o.onSubmit(r);if(n?.data){await p?.(n?.data),o?.next();return}if(n?.error){let e=i(n,o.meta?.fields?.company_basic_information);t?.(e)}}catch(n){let e=i(n,o.meta?.fields?.company_basic_information);t?.(e)}},"handleSubmit"),f=o.stepState.values?.company_basic_information||o.initialValues.company_basic_information;return d(s,{defaultValues:f,onSubmit:u})}a(l,"CompanyBasicInformationStep");export{l as a};
+//# sourceMappingURL=chunk-2SMK7OOK.js.map

package/dist/{chunk-H4S6LSDA.js → chunk-3B3IR4XI.js}

@@ -1,2 +1,2 @@
-import{a}from"./chunk-ZANINDSC.js";import{b as i}from"./chunk-Q3ALCPJN.js";import{w as n}from"./chunk-RZCU2MT3.js";import{a as t}from"./chunk-P37U34EQ.js";import{jsx as y}from"react/jsx-runtime";function E({onSubmit:c,onSuccess:s,onError:u}){let{contractorOnboardingBag:r}=i(),l=t(async(e,d)=>{try{await c?.({countryCode:e.country});let o=await r.onSubmit(e);if(o?.data){await s?.(o?.data),r?.next();return}}catch(o){let S=n(o,r.meta?.fields?.select_country,d);u?.(S)}},"handleSubmit"),m=r.stepState.values?.select_country||r.initialValues.select_country;return y(a,{defaultValues:m,onSubmit:l})}t(E,"SelectCountryStep");export{E as a};
-//# sourceMappingURL=chunk-H4S6LSDA.js.map
+import{a}from"./chunk-CDN7R7Y7.js";import{b as i}from"./chunk-Q3ALCPJN.js";import{x as n}from"./chunk-JXAAON7I.js";import{a as t}from"./chunk-P37U34EQ.js";import{jsx as y}from"react/jsx-runtime";function E({onSubmit:c,onSuccess:s,onError:u}){let{contractorOnboardingBag:r}=i(),l=t(async(e,d)=>{try{await c?.({countryCode:e.country});let o=await r.onSubmit(e);if(o?.data){await s?.(o?.data),r?.next();return}}catch(o){let S=n(o,r.meta?.fields?.select_country,d);u?.(S)}},"handleSubmit"),m=r.stepState.values?.select_country||r.initialValues.select_country;return y(a,{defaultValues:m,onSubmit:l})}t(E,"SelectCountryStep");export{E as a};
+//# sourceMappingURL=chunk-3B3IR4XI.js.map

package/dist/{chunk-2P2OJKD4.js → chunk-3E7EDKBM.js}

@@ -1,2 +1,2 @@
-import{a as y}from"./chunk-E3WR4SVV.js";import{a as l,b as m}from"./chunk-BZ232WZD.js";import{c}from"./chunk-XG6ASTX5.js";import{a as t}from"./chunk-P37U34EQ.js";import{useEffect as N}from"react";import{Fragment as b,jsx as v,jsxs as C}from"react/jsx-runtime";var R=t(({currencies:{from:d,to:F},shouldSwapOrder:s,salary_conversion_properties:a,conversionType:_="no_spread",defaultValue:r,...e})=>{let{setValue:n,getValues:i}=c(),f={label:a?.label||"Salary conversion",description:a?.description||C(b,{children:["The conversion is based on the Remote FX rate."," ",v(m,{className:"text-sm",zendeskId:l.remoteFxRate,children:"Learn more \u2197"})]})},g=s?"salary_conversion":e.name,u=s?e.name:"salary_conversion";return N(()=>{if(s){let o=i(e.name);o?(n("salary_conversion",o),n("salary_converted","salary_conversion")):r&&(n("salary_conversion",r),n("salary_converted","salary_conversion"))}else{let o=i("salary_conversion");o?(n(e.name,o),n("salary_converted",e.name)):r&&(n(e.name,r),n("salary_converted",e.name))}},[s,r,n,i,e.name]),v(y,{...e,sourceCurrency:d,targetCurrency:F,mainFieldName:g,conversionFieldName:u,conversionProperties:f,classNamePrefix:"RemoteFlows-Salary",conversionType:_})},"SalaryField");export{R as a};
-//# sourceMappingURL=chunk-2P2OJKD4.js.map
+import{a as y}from"./chunk-CWIILDO2.js";import{a as l,b as m}from"./chunk-SFW4O42J.js";import{c}from"./chunk-5BU3CD2P.js";import{a as t}from"./chunk-P37U34EQ.js";import{useEffect as N}from"react";import{Fragment as b,jsx as v,jsxs as C}from"react/jsx-runtime";var R=t(({currencies:{from:d,to:F},shouldSwapOrder:s,salary_conversion_properties:a,conversionType:_="no_spread",defaultValue:r,...e})=>{let{setValue:n,getValues:i}=c(),f={label:a?.label||"Salary conversion",description:a?.description||C(b,{children:["The conversion is based on the Remote FX rate."," ",v(m,{className:"text-sm",zendeskId:l.remoteFxRate,children:"Learn more \u2197"})]})},g=s?"salary_conversion":e.name,u=s?e.name:"salary_conversion";return N(()=>{if(s){let o=i(e.name);o?(n("salary_conversion",o),n("salary_converted","salary_conversion")):r&&(n("salary_conversion",r),n("salary_converted","salary_conversion"))}else{let o=i("salary_conversion");o?(n(e.name,o),n("salary_converted",e.name)):r&&(n(e.name,r),n("salary_converted",e.name))}},[s,r,n,i,e.name]),v(y,{...e,sourceCurrency:d,targetCurrency:F,mainFieldName:g,conversionFieldName:u,conversionProperties:f,classNamePrefix:"RemoteFlows-Salary",conversionType:_})},"SalaryField");export{R as a};
+//# sourceMappingURL=chunk-3E7EDKBM.js.map

package/dist/{chunk-77WJNWIC.js → chunk-3EIBETN3.js}

@@ -1,2 +1,2 @@
-import{b as w}from"./chunk-PGWKJ6FK.js";import{d as v,e as y}from"./chunk-TSWZPJNS.js";import{a as i}from"./chunk-RZCU2MT3.js";import{b as l}from"./chunk-H2O4CVKF.js";import{a as s}from"./chunk-P37U34EQ.js";import{jsx as _}from"react/jsx-runtime";function P({onSubmit:f,onSuccess:a,onError:t,render:E,...o}){let{components:R}=l(),{onboardingBag:r,setCreditScore:m}=w(),d=v(),u=y(),{mutateAsync:g}=i(d),{mutateAsync:S}=i(u),c=r.creditRiskStatus==="deposit_required"||r.onboardingReservesStatus==="deposit_required",I=s(async()=>{try{if(await f?.(),c&&r.employmentId&&r.employment?.status&&!r.isEmploymentReadOnly){let e=await S({employment_slug:r.employmentId});if(e.data){await a?.({data:e.data,employmentStatus:"created_awaiting_reserve"}),m?.(n=>({...n,showReserveInvoice:!0})),r.refetchEmployment();return}e.error&&t?.({error:e.error,rawError:e.rawError,fieldErrors:[]})}else if(r.employmentId){let e=await g({employment_id:r.employmentId});if(e.data){await a?.({data:e.data,employmentStatus:"invited"}),m?.(n=>({...n,showInviteSuccessful:!0})),r.refetchEmployment();return}e.error&&t?.({error:e.error,rawError:e.rawError,fieldErrors:[]})}}catch(e){t?.({error:e,rawError:e,fieldErrors:[]})}},"handleSubmit"),b=c&&r.employment?.status&&!r.isEmploymentReadOnly,p=R?.button;if(!p)throw new Error("Button component not found");return _(p,{...o,disabled:d.isPending||u.isPending||o.disabled,onClick:e=>{I(),o.onClick?.(e)},children:E({employmentStatus:b?"created_awaiting_reserve":"invited"})})}s(P,"OnboardingInvite");export{P as a};
-//# sourceMappingURL=chunk-77WJNWIC.js.map
+import{b as w}from"./chunk-PGWKJ6FK.js";import{d as v,e as y}from"./chunk-MCXUBLTV.js";import{b as i}from"./chunk-JXAAON7I.js";import{b as l}from"./chunk-H2O4CVKF.js";import{a as s}from"./chunk-P37U34EQ.js";import{jsx as _}from"react/jsx-runtime";function P({onSubmit:f,onSuccess:a,onError:t,render:E,...o}){let{components:R}=l(),{onboardingBag:r,setCreditScore:m}=w(),d=v(),u=y(),{mutateAsync:g}=i(d),{mutateAsync:S}=i(u),c=r.creditRiskStatus==="deposit_required"||r.onboardingReservesStatus==="deposit_required",I=s(async()=>{try{if(await f?.(),c&&r.employmentId&&r.employment?.status&&!r.isEmploymentReadOnly){let e=await S({employment_slug:r.employmentId});if(e.data){await a?.({data:e.data,employmentStatus:"created_awaiting_reserve"}),m?.(n=>({...n,showReserveInvoice:!0})),r.refetchEmployment();return}e.error&&t?.({error:e.error,rawError:e.rawError,fieldErrors:[]})}else if(r.employmentId){let e=await g({employment_id:r.employmentId});if(e.data){await a?.({data:e.data,employmentStatus:"invited"}),m?.(n=>({...n,showInviteSuccessful:!0})),r.refetchEmployment();return}e.error&&t?.({error:e.error,rawError:e.rawError,fieldErrors:[]})}}catch(e){t?.({error:e,rawError:e,fieldErrors:[]})}},"handleSubmit"),b=c&&r.employment?.status&&!r.isEmploymentReadOnly,p=R?.button;if(!p)throw new Error("Button component not found");return _(p,{...o,disabled:d.isPending||u.isPending||o.disabled,onClick:e=>{I(),o.onClick?.(e)},children:E({employmentStatus:b?"created_awaiting_reserve":"invited"})})}s(P,"OnboardingInvite");export{P as a};
+//# sourceMappingURL=chunk-3EIBETN3.js.map

package/dist/{chunk-K5TZIA6W.js → chunk-3HTQWY65.js}

@@ -1,2 +1,2 @@
-import{a as e}from"./chunk-GVPB75PC.js";import{b as a}from"./chunk-MRYRNB7Y.js";import{a as i}from"./chunk-P37U34EQ.js";import{jsx as s}from"react/jsx-runtime";function d({onSubmit:m}){let{terminationBag:o}=a(),r=i(async t=>{let n=await o?.parseFormValues(t);await m?.(n),o?.next()},"handleSubmit");return s(e,{defaultValues:o.fieldValues,onSubmit:r})}i(d,"PaidTimeOffForm");export{d as a};
-//# sourceMappingURL=chunk-K5TZIA6W.js.map
+import{a as e}from"./chunk-CRO2FOF3.js";import{b as a}from"./chunk-MRYRNB7Y.js";import{a as i}from"./chunk-P37U34EQ.js";import{jsx as s}from"react/jsx-runtime";function d({onSubmit:m}){let{terminationBag:o}=a(),r=i(async t=>{let n=await o?.parseFormValues(t);await m?.(n),o?.next()},"handleSubmit");return s(e,{defaultValues:o.fieldValues,onSubmit:r})}i(d,"PaidTimeOffForm");export{d as a};
+//# sourceMappingURL=chunk-3HTQWY65.js.map

package/dist/{chunk-UB5ZMTTU.js → chunk-3TLNWNFZ.js}

@@ -1,2 +1,2 @@
-import{b as t}from"./chunk-AYYYRHO3.js";import{a as n}from"./chunk-P37U34EQ.js";import{jsx as r}from"react/jsx-runtime";var u=n(p=>{let{"data-type":e,...o}=p;return e==="inline"?r(t,{size:"link",variant:"link",...o}):r(t,{...o})},"ButtonDefault");export{u as a};
-//# sourceMappingURL=chunk-UB5ZMTTU.js.map
+import{b as t}from"./chunk-R4TTPUH7.js";import{a as n}from"./chunk-P37U34EQ.js";import{jsx as r}from"react/jsx-runtime";var u=n(p=>{let{"data-type":e,...o}=p;return e==="inline"?r(t,{size:"link",variant:"link",...o}):r(t,{...o})},"ButtonDefault");export{u as a};
+//# sourceMappingURL=chunk-3TLNWNFZ.js.map

package/dist/{chunk-KWBTUWWQ.js → chunk-3V7ZQOOW.js}

@@ -1,2 +1,2 @@
-import{a as c}from"./chunk-ZYN3TAUB.js";import{a as k}from"./chunk-3SIHU3EE.js";import{j as p,k as a,l as d,n as i,o as u}from"./chunk-XG6ASTX5.js";import{m as _}from"./chunk-RZCU2MT3.js";import{a as F}from"./chunk-P37U34EQ.js";import{Fragment as x,jsx as e,jsxs as r}from"react/jsx-runtime";var w=F(({field:l,fieldState:b,fieldData:s})=>{let{name:m,label:n,description:C,options:t,multiple:h}=s;return r(p,{"data-field":m,className:_(`RemoteFlows__CheckBoxField__Item__${m}`),children:[e(d,{children:r(x,{children:[t&&h?e(a,{children:n}):null,t&&h?t.map(o=>r("div",{className:"flex space-x-2",children:[e(c,{id:o.value,onCheckedChange:v=>{l.onChange(v===!0,o.value)},checked:l.value?.includes(o.value),className:"RemoteFlows__CheckBox__Input"}),e(a,{htmlFor:o.value,className:"mb-0 RemoteFlows__CheckBox__Label",children:o.label})]},o.value)):r("div",{className:"flex space-x-2",children:[e(c,{id:m,onCheckedChange:o=>{l.onChange(o===!0,null)},checked:l.value,className:"RemoteFlows__CheckBox__Input"}),e(a,{htmlFor:m,className:"mb-0 RemoteFlows__CheckBox__Label",children:n})]})]})}),C&&e(i,{helpCenter:e(k,{helpCenter:s.meta?.helpCenter}),children:C}),b.error&&e(u,{})]})},"CheckboxFieldDefault");export{w as a};
-//# sourceMappingURL=chunk-KWBTUWWQ.js.map
+import{a as c}from"./chunk-DXKUARQF.js";import{a as k}from"./chunk-6FOEJAXI.js";import{j as p,k as a,l as d,n as i,o as u}from"./chunk-5BU3CD2P.js";import{n as _}from"./chunk-JXAAON7I.js";import{a as F}from"./chunk-P37U34EQ.js";import{Fragment as x,jsx as e,jsxs as r}from"react/jsx-runtime";var w=F(({field:l,fieldState:b,fieldData:s})=>{let{name:m,label:n,description:C,options:t,multiple:h}=s;return r(p,{"data-field":m,className:_(`RemoteFlows__CheckBoxField__Item__${m}`),children:[e(d,{children:r(x,{children:[t&&h?e(a,{children:n}):null,t&&h?t.map(o=>r("div",{className:"flex space-x-2",children:[e(c,{id:o.value,onCheckedChange:v=>{l.onChange(v===!0,o.value)},checked:l.value?.includes(o.value),className:"RemoteFlows__CheckBox__Input"}),e(a,{htmlFor:o.value,className:"mb-0 RemoteFlows__CheckBox__Label",children:o.label})]},o.value)):r("div",{className:"flex space-x-2",children:[e(c,{id:m,onCheckedChange:o=>{l.onChange(o===!0,null)},checked:l.value,className:"RemoteFlows__CheckBox__Input"}),e(a,{htmlFor:m,className:"mb-0 RemoteFlows__CheckBox__Label",children:n})]})]})}),C&&e(i,{helpCenter:e(k,{helpCenter:s.meta?.helpCenter}),children:C}),b.error&&e(u,{})]})},"CheckboxFieldDefault");export{w as a};
+//# sourceMappingURL=chunk-3V7ZQOOW.js.map

package/dist/{chunk-AWQU5AAN.js → chunk-3YS4OWE3.js}

@@ -1,2 +1,2 @@
-import{a as t}from"./chunk-NRNLLJCB.js";import{a as m}from"./chunk-P37U34EQ.js";import{jsx as o,jsxs as n}from"react/jsx-runtime";var i=m(({cards:e})=>n("div",{className:"RemoteFlows__AcknowledgeInformation",children:[n(t,{className:"mb-6",children:[o("h2",{className:"RemoteFlows__AcknowledgeInformation__Title color-[#000] font-medium",children:e.remoteDoesNext.title}),o("p",{className:"RemoteFlows__AcknowledgeInformation__Description color-[#71717A] text-xs",children:e.remoteDoesNext.description})]}),n(t,{className:"mb-6",children:[o("h2",{className:"RemoteFlows__AcknowledgeInformation__Title color-[#000] font-medium",children:e.whatYouNeedToDo.title}),o("ul",{className:"RemoteFlows__AcknowledgeInformation__List list-disc pl-5 text-xs text-[#71717A]",children:e.whatYouNeedToDo.list.map(l=>o("li",{className:"RemoteFlows__AcknowledgeInformation__ListItem mb-2",children:l},l))})]})]}),"AcknowledgeInformation");export{i as a};
-//# sourceMappingURL=chunk-AWQU5AAN.js.map
+import{a as t}from"./chunk-ZE37CBDF.js";import{a as m}from"./chunk-P37U34EQ.js";import{jsx as o,jsxs as n}from"react/jsx-runtime";var i=m(({cards:e})=>n("div",{className:"RemoteFlows__AcknowledgeInformation",children:[n(t,{className:"mb-6",children:[o("h2",{className:"RemoteFlows__AcknowledgeInformation__Title color-[#000] font-medium",children:e.remoteDoesNext.title}),o("p",{className:"RemoteFlows__AcknowledgeInformation__Description color-[#71717A] text-xs",children:e.remoteDoesNext.description})]}),n(t,{className:"mb-6",children:[o("h2",{className:"RemoteFlows__AcknowledgeInformation__Title color-[#000] font-medium",children:e.whatYouNeedToDo.title}),o("ul",{className:"RemoteFlows__AcknowledgeInformation__List list-disc pl-5 text-xs text-[#71717A]",children:e.whatYouNeedToDo.list.map(l=>o("li",{className:"RemoteFlows__AcknowledgeInformation__ListItem mb-2",children:l},l))})]})]}),"AcknowledgeInformation");export{i as a};
+//# sourceMappingURL=chunk-3YS4OWE3.js.map

package/dist/{chunk-3JPDFNNH.js → chunk-4KJV4WU4.js}

@@ -1,2 +1,2 @@
-import{a as n}from"./chunk-GVPB75PC.js";import{b as e}from"./chunk-MRYRNB7Y.js";import{a as r}from"./chunk-P37U34EQ.js";import{jsx as u}from"react/jsx-runtime";function F({onSubmit:t,onSuccess:s,onError:m}){let{terminationBag:o}=e(),d=r(async a=>{let l=await o?.parseFormValues(a,!0);await t?.(l);let i=await o?.onSubmit(a);i?.error?m?.(i.rawError):i?.data&&await s?.(i.data)},"handleSubmit");return u(n,{defaultValues:o.fieldValues,fields:o?.fields,onSubmit:d})}r(F,"AdditionalDetailsForm");export{F as a};
-//# sourceMappingURL=chunk-3JPDFNNH.js.map
+import{a as n}from"./chunk-CRO2FOF3.js";import{b as e}from"./chunk-MRYRNB7Y.js";import{a as r}from"./chunk-P37U34EQ.js";import{jsx as u}from"react/jsx-runtime";function F({onSubmit:t,onSuccess:s,onError:m}){let{terminationBag:o}=e(),d=r(async a=>{let l=await o?.parseFormValues(a,!0);await t?.(l);let i=await o?.onSubmit(a);i?.error?m?.(i.rawError):i?.data&&await s?.(i.data)},"handleSubmit");return u(n,{defaultValues:o.fieldValues,fields:o?.fields,onSubmit:d})}r(F,"AdditionalDetailsForm");export{F as a};
+//# sourceMappingURL=chunk-4KJV4WU4.js.map

package/dist/{chunk-U5T77DSF.js → chunk-4MW7KA47.js}

@@ -1,2 +1,2 @@
-import{c as s,i as a}from"./chunk-XG6ASTX5.js";import{b as m,c as p}from"./chunk-H2O4CVKF.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as d}from"react/jsx-runtime";function D({name:o,description:l,label:F,type:x,onChange:t,component:c,includeErrorMessage:f=!0,additionalProps:u={},maxLength:T,...C}){let{components:P}=m(),{control:S}=s(),g=p();return d(a,{control:S,name:o,render:({field:r,fieldState:M})=>{let n=c||P?.text;if(!n)throw new Error(`Text component not found for field ${o}`);let $={name:o,description:l,label:F,type:x,onChange:t,metadata:u,maxLength:T,includeErrorMessage:f,transformHtml:g,...C};return d(n,{field:{...r,onChange:e(i=>{r.onChange(i),t?.(i)},"onChange")},fieldState:M,fieldData:$})}})}e(D,"TextField");export{D as a};
-//# sourceMappingURL=chunk-U5T77DSF.js.map
+import{c as s,i as a}from"./chunk-5BU3CD2P.js";import{b as m,c as p}from"./chunk-H2O4CVKF.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as d}from"react/jsx-runtime";function D({name:o,description:l,label:F,type:x,onChange:t,component:c,includeErrorMessage:f=!0,additionalProps:u={},maxLength:T,...C}){let{components:P}=m(),{control:S}=s(),g=p();return d(a,{control:S,name:o,render:({field:r,fieldState:M})=>{let n=c||P?.text;if(!n)throw new Error(`Text component not found for field ${o}`);let $={name:o,description:l,label:F,type:x,onChange:t,metadata:u,maxLength:T,includeErrorMessage:f,transformHtml:g,...C};return d(n,{field:{...r,onChange:e(i=>{r.onChange(i),t?.(i)},"onChange")},fieldState:M,fieldData:$})}})}e(D,"TextField");export{D as a};
+//# sourceMappingURL=chunk-4MW7KA47.js.map

package/dist/{chunk-J2QQLYVY.js → chunk-4ZMRPH3M.js}

@@ -1,2 +1,2 @@
-import{m as r}from"./chunk-RZCU2MT3.js";import{a as e}from"./chunk-P37U34EQ.js";import{cva as i}from"class-variance-authority";import{jsx as d}from"react/jsx-runtime";var o=i("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 c({className:t,variant:a,...n}){return d("span",{"data-slot":"badge",className:r(o({variant:a}),t),...n})}e(c,"Badge");export{o as a,c as b};
-//# sourceMappingURL=chunk-J2QQLYVY.js.map
+import{n as r}from"./chunk-JXAAON7I.js";import{a as e}from"./chunk-P37U34EQ.js";import{cva as i}from"class-variance-authority";import{jsx as d}from"react/jsx-runtime";var o=i("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 c({className:t,variant:a,...n}){return d("span",{"data-slot":"badge",className:r(o({variant:a}),t),...n})}e(c,"Badge");export{o as a,c as b};
+//# sourceMappingURL=chunk-4ZMRPH3M.js.map

package/dist/{chunk-OPM4YQGQ.js → chunk-53WGX4C7.js}

@@ -1,2 +1,2 @@
-import{b as f}from"./chunk-PGWKJ6FK.js";import{a as l}from"./chunk-ID66NML3.js";import{a as d}from"./chunk-AVVDKCFO.js";import{h as m}from"./chunk-XG6ASTX5.js";import{b as s}from"./chunk-RZCU2MT3.js";import{a as t}from"./chunk-P37U34EQ.js";import{useEffect as k}from"react";import{jsx as c}from"react/jsx-runtime";import{createElement as w}from"react";function R({defaultValues:p,onSubmit:F,components:u}){let{formId:S,onboardingBag:e}=f(),r=l({handleValidation:e.handleValidation,defaultValues:p,checkFieldUpdates:e.checkFieldUpdates});k(()=>{e.employmentId&&e?.checkFieldUpdates(r.getValues())},[]);let g=t(async(a,y)=>{let n=y?.nativeEvent;if(n?.isDraftSubmission){let{onSuccess:E,onError:i}=n.draftCallbacks;try{let o=await e.onSubmit(a);if(o?.data)E?.();else if(o?.error){let b=e.stepState.currentStep.name,h=e.meta?.fields?.[b],P=s(o?.fieldErrors||[],h);i?.({error:o.error,rawError:o.rawError,fieldErrors:P})}}catch(o){i?.({error:o,rawError:o,fieldErrors:[]})}}else await F(a)},"handleSubmit");return w(m,{...r,key:`form-${e.stepState.currentStep.name}`},c("form",{id:S,onSubmit:r.handleSubmit(g),className:"space-y-4 RemoteFlows__OnboardingForm",children:c(d,{components:u,fields:e.fields,fieldsets:e.meta.fieldsets,fieldValues:e.fieldValues})}))}t(R,"OnboardingForm");export{R as a};
-//# sourceMappingURL=chunk-OPM4YQGQ.js.map
+import{b as f}from"./chunk-PGWKJ6FK.js";import{a as l}from"./chunk-U5QVIJOS.js";import{a as d}from"./chunk-N57H62CC.js";import{h as m}from"./chunk-5BU3CD2P.js";import{c as s}from"./chunk-JXAAON7I.js";import{a as t}from"./chunk-P37U34EQ.js";import{useEffect as k}from"react";import{jsx as c}from"react/jsx-runtime";import{createElement as w}from"react";function R({defaultValues:p,onSubmit:F,components:u}){let{formId:S,onboardingBag:e}=f(),r=l({handleValidation:e.handleValidation,defaultValues:p,checkFieldUpdates:e.checkFieldUpdates});k(()=>{e.employmentId&&e?.checkFieldUpdates(r.getValues())},[]);let g=t(async(a,y)=>{let n=y?.nativeEvent;if(n?.isDraftSubmission){let{onSuccess:E,onError:i}=n.draftCallbacks;try{let o=await e.onSubmit(a);if(o?.data)E?.();else if(o?.error){let b=e.stepState.currentStep.name,h=e.meta?.fields?.[b],P=s(o?.fieldErrors||[],h);i?.({error:o.error,rawError:o.rawError,fieldErrors:P})}}catch(o){i?.({error:o,rawError:o,fieldErrors:[]})}}else await F(a)},"handleSubmit");return w(m,{...r,key:`form-${e.stepState.currentStep.name}`},c("form",{id:S,onSubmit:r.handleSubmit(g),className:"space-y-4 RemoteFlows__OnboardingForm",children:c(d,{components:u,fields:e.fields,fieldsets:e.meta.fieldsets,fieldValues:e.fieldValues})}))}t(R,"OnboardingForm");export{R as a};
+//# sourceMappingURL=chunk-53WGX4C7.js.map

package/dist/{chunk-OPM4YQGQ.js.map → chunk-53WGX4C7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/flows/Onboarding/components/OnboardingForm.tsx"],"sourcesContent":["import { JSONSchemaFormFields } from '@/src/components/form/JSONSchemaForm';\nimport { Form } from '@/src/components/ui/form';\nimport { useEffect } from 'react';\nimport { useOnboardingContext } from '@/src/flows/Onboarding/context';\nimport { JSFFields } from '@/src/types/remoteFlows';\nimport {\n  BasicInformationFormPayload,\n  BenefitsFormPayload,\n  ContractDetailsFormPayload,\n  EngagementAgreementDetailsFormPayload,\n} from '@/src/flows/Onboarding/types';\nimport { $TSFixMe, Components } from '@/src/types/remoteFlows';\nimport { normalizeFieldErrors } from '@/src/lib/mutations';\nimport { useJSONSchemaForm } from '@/src/components/form/useJSONSchemaForm';\n\ntype OnboardingFormProps = {\n  onSubmit: (\n    payload:\n      | BasicInformationFormPayload\n      | BenefitsFormPayload\n      | ContractDetailsFormPayload\n      | EngagementAgreementDetailsFormPayload,\n  ) => Promise<void>;\n  components?: Components;\n  fields?: JSFFields;\n  defaultValues: Record<string, unknown>;\n};\n\nexport function OnboardingForm({\n  defaultValues,\n  onSubmit,\n  components,\n}: OnboardingFormProps) {\n  const { formId, onboardingBag } = useOnboardingContext();\n\n  const form = useJSONSchemaForm({\n    handleValidation: onboardingBag.handleValidation,\n    defaultValues: defaultValues,\n    checkFieldUpdates: onboardingBag.checkFieldUpdates,\n  });\n\n  useEffect(() => {\n    // When the employmentId is set,\n    // we need to run the checkFieldUpdates to update fieldValues in useStepState\n    if (onboardingBag.employmentId) {\n      onboardingBag?.checkFieldUpdates(form.getValues());\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleSubmit = async (\n    values: Record<string, unknown>,\n    event?: React.BaseSyntheticEvent,\n  ) => {\n    const nativeEvent = event?.nativeEvent as $TSFixMe;\n\n    if (nativeEvent?.isDraftSubmission) {\n      // Handle draft submission\n      const { onSuccess, onError } = nativeEvent.draftCallbacks;\n\n      try {\n        // Submit the form\n        const response = await onboardingBag.onSubmit(values);\n\n        if (response?.data) {\n          onSuccess?.();\n        } else if (response?.error) {\n          const currentStepName = onboardingBag.stepState.currentStep.name;\n\n          // Get the appropriate fields based on current step\n          const currentStepFields =\n            onboardingBag.meta?.fields?.[\n              currentStepName as keyof typeof onboardingBag.meta.fields\n            ];\n\n          const normalizedFieldErrors = normalizeFieldErrors(\n            response?.fieldErrors || [],\n            currentStepFields,\n          );\n          onError?.({\n            error: response.error,\n            rawError: response.rawError,\n            fieldErrors: normalizedFieldErrors,\n          });\n        }\n      } catch (error) {\n        onError?.({\n          error: error as Error,\n          rawError: error as Record<string, unknown>,\n          fieldErrors: [],\n        });\n      }\n    } else {\n      // Handle normal form submission\n      await onSubmit(values);\n    }\n  };\n\n  return (\n    <Form {...form} key={`form-${onboardingBag.stepState.currentStep.name}`}>\n      <form\n        id={formId}\n        onSubmit={form.handleSubmit(handleSubmit)}\n        className='space-y-4 RemoteFlows__OnboardingForm'\n      >\n        <JSONSchemaFormFields\n          components={components}\n          fields={onboardingBag.fields}\n          fieldsets={onboardingBag.meta.fieldsets}\n          fieldValues={onboardingBag.fieldValues}\n        />\n      </form>\n    </Form>\n  );\n}\n"],"mappings":"gPAEA,OAAS,aAAAA,MAAiB,QAuGlB,cAAAC,MAAA,oBANJ,wBAAAC,MAAA,QAvEG,SAASC,EAAe,CAC7B,cAAAC,EACA,SAAAC,EACA,WAAAC,CACF,EAAwB,CACtB,GAAM,CAAE,OAAAC,EAAQ,cAAAC,CAAc,EAAIC,EAAqB,EAEjDC,EAAOC,EAAkB,CAC7B,iBAAkBH,EAAc,iBAChC,cAAeJ,EACf,kBAAmBI,EAAc,iBACnC,CAAC,EAEDI,EAAU,IAAM,CAGVJ,EAAc,cAChBA,GAAe,kBAAkBE,EAAK,UAAU,CAAC,CAGrD,EAAG,CAAC,CAAC,EAEL,IAAMG,EAAeC,EAAA,MACnBC,EACAC,IACG,CACH,IAAMC,EAAcD,GAAO,YAE3B,GAAIC,GAAa,kBAAmB,CAElC,GAAM,CAAE,UAAAC,EAAW,QAAAC,CAAQ,EAAIF,EAAY,eAE3C,GAAI,CAEF,IAAMG,EAAW,MAAMZ,EAAc,SAASO,CAAM,EAEpD,GAAIK,GAAU,KACZF,IAAY,UACHE,GAAU,MAAO,CAC1B,IAAMC,EAAkBb,EAAc,UAAU,YAAY,KAGtDc,EACJd,EAAc,MAAM,SAClBa,CACF,EAEIE,EAAwBC,EAC5BJ,GAAU,aAAe,CAAC,EAC1BE,CACF,EACAH,IAAU,CACR,MAAOC,EAAS,MAChB,SAAUA,EAAS,SACnB,YAAaG,CACf,CAAC,CACH,CACF,OAASE,EAAO,CACdN,IAAU,CACR,MAAOM,EACP,SAAUA,EACV,YAAa,CAAC,CAChB,CAAC,CACH,CACF,MAEE,MAAMpB,EAASU,CAAM,CAEzB,EA9CqB,gBAgDrB,OACEb,EAACwB,EAAA,CAAM,GAAGhB,EAAM,IAAK,QAAQF,EAAc,UAAU,YAAY,IAAI,IACnEP,EAAC,QACC,GAAIM,EACJ,SAAUG,EAAK,aAAaG,CAAY,EACxC,UAAU,wCAEV,SAAAZ,EAAC0B,EAAA,CACC,WAAYrB,EACZ,OAAQE,EAAc,OACtB,UAAWA,EAAc,KAAK,UAC9B,YAAaA,EAAc,YAC7B,EACF,CACF,CAEJ,CAtFgBM,EAAAX,EAAA","names":["useEffect","jsx","createElement","OnboardingForm","defaultValues","onSubmit","components","formId","onboardingBag","useOnboardingContext","form","useJSONSchemaForm","useEffect","handleSubmit","__name","values","event","nativeEvent","onSuccess","onError","response","currentStepName","currentStepFields","normalizedFieldErrors","normalizeFieldErrors","error","Form","JSONSchemaFormFields"]}
+{"version":3,"sources":["../src/flows/Onboarding/components/OnboardingForm.tsx"],"sourcesContent":["import { JSONSchemaFormFields } from '@/src/components/form/JSONSchemaForm';\nimport { Form } from '@/src/components/ui/form';\nimport { useEffect } from 'react';\nimport { useOnboardingContext } from '@/src/flows/Onboarding/context';\nimport { JSFFields } from '@/src/types/remoteFlows';\nimport {\n  BasicInformationFormPayload,\n  BenefitsFormPayload,\n  ContractDetailsFormPayload,\n  EngagementAgreementDetailsFormPayload,\n} from '@/src/flows/Onboarding/types';\nimport { $TSFixMe, Components } from '@/src/types/remoteFlows';\nimport { normalizeFieldErrors } from '@/src/lib/mutations';\nimport { useJSONSchemaForm } from '@/src/components/form/useJSONSchemaForm';\n\ntype OnboardingFormProps = {\n  onSubmit: (\n    payload:\n      | BasicInformationFormPayload\n      | BenefitsFormPayload\n      | ContractDetailsFormPayload\n      | EngagementAgreementDetailsFormPayload,\n  ) => Promise<void>;\n  components?: Components;\n  fields?: JSFFields;\n  defaultValues: Record<string, unknown>;\n};\n\nexport function OnboardingForm({\n  defaultValues,\n  onSubmit,\n  components,\n}: OnboardingFormProps) {\n  const { formId, onboardingBag } = useOnboardingContext();\n\n  const form = useJSONSchemaForm({\n    handleValidation: onboardingBag.handleValidation,\n    defaultValues: defaultValues,\n    checkFieldUpdates: onboardingBag.checkFieldUpdates,\n  });\n\n  useEffect(() => {\n    // When the employmentId is set,\n    // we need to run the checkFieldUpdates to update fieldValues in useStepState\n    if (onboardingBag.employmentId) {\n      onboardingBag?.checkFieldUpdates(form.getValues());\n    }\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleSubmit = async (\n    values: Record<string, unknown>,\n    event?: React.BaseSyntheticEvent,\n  ) => {\n    const nativeEvent = event?.nativeEvent as $TSFixMe;\n\n    if (nativeEvent?.isDraftSubmission) {\n      // Handle draft submission\n      const { onSuccess, onError } = nativeEvent.draftCallbacks;\n\n      try {\n        // Submit the form\n        const response = await onboardingBag.onSubmit(values);\n\n        if (response?.data) {\n          onSuccess?.();\n        } else if (response?.error) {\n          const currentStepName = onboardingBag.stepState.currentStep.name;\n\n          // Get the appropriate fields based on current step\n          const currentStepFields =\n            onboardingBag.meta?.fields?.[\n              currentStepName as keyof typeof onboardingBag.meta.fields\n            ];\n\n          const normalizedFieldErrors = normalizeFieldErrors(\n            response?.fieldErrors || [],\n            currentStepFields,\n          );\n          onError?.({\n            error: response.error,\n            rawError: response.rawError,\n            fieldErrors: normalizedFieldErrors,\n          });\n        }\n      } catch (error) {\n        onError?.({\n          error: error as Error,\n          rawError: error as Record<string, unknown>,\n          fieldErrors: [],\n        });\n      }\n    } else {\n      // Handle normal form submission\n      await onSubmit(values);\n    }\n  };\n\n  return (\n    <Form {...form} key={`form-${onboardingBag.stepState.currentStep.name}`}>\n      <form\n        id={formId}\n        onSubmit={form.handleSubmit(handleSubmit)}\n        className='space-y-4 RemoteFlows__OnboardingForm'\n      >\n        <JSONSchemaFormFields\n          components={components}\n          fields={onboardingBag.fields}\n          fieldsets={onboardingBag.meta.fieldsets}\n          fieldValues={onboardingBag.fieldValues}\n        />\n      </form>\n    </Form>\n  );\n}\n"],"mappings":"gPAEA,OAAS,aAAAA,MAAiB,QAuGlB,cAAAC,MAAA,oBANJ,wBAAAC,MAAA,QAvEG,SAASC,EAAe,CAC7B,cAAAC,EACA,SAAAC,EACA,WAAAC,CACF,EAAwB,CACtB,GAAM,CAAE,OAAAC,EAAQ,cAAAC,CAAc,EAAIC,EAAqB,EAEjDC,EAAOC,EAAkB,CAC7B,iBAAkBH,EAAc,iBAChC,cAAeJ,EACf,kBAAmBI,EAAc,iBACnC,CAAC,EAEDI,EAAU,IAAM,CAGVJ,EAAc,cAChBA,GAAe,kBAAkBE,EAAK,UAAU,CAAC,CAGrD,EAAG,CAAC,CAAC,EAEL,IAAMG,EAAeC,EAAA,MACnBC,EACAC,IACG,CACH,IAAMC,EAAcD,GAAO,YAE3B,GAAIC,GAAa,kBAAmB,CAElC,GAAM,CAAE,UAAAC,EAAW,QAAAC,CAAQ,EAAIF,EAAY,eAE3C,GAAI,CAEF,IAAMG,EAAW,MAAMZ,EAAc,SAASO,CAAM,EAEpD,GAAIK,GAAU,KACZF,IAAY,UACHE,GAAU,MAAO,CAC1B,IAAMC,EAAkBb,EAAc,UAAU,YAAY,KAGtDc,EACJd,EAAc,MAAM,SAClBa,CACF,EAEIE,EAAwBC,EAC5BJ,GAAU,aAAe,CAAC,EAC1BE,CACF,EACAH,IAAU,CACR,MAAOC,EAAS,MAChB,SAAUA,EAAS,SACnB,YAAaG,CACf,CAAC,CACH,CACF,OAASE,EAAO,CACdN,IAAU,CACR,MAAOM,EACP,SAAUA,EACV,YAAa,CAAC,CAChB,CAAC,CACH,CACF,MAEE,MAAMpB,EAASU,CAAM,CAEzB,EA9CqB,gBAgDrB,OACEb,EAACwB,EAAA,CAAM,GAAGhB,EAAM,IAAK,QAAQF,EAAc,UAAU,YAAY,IAAI,IACnEP,EAAC,QACC,GAAIM,EACJ,SAAUG,EAAK,aAAaG,CAAY,EACxC,UAAU,wCAEV,SAAAZ,EAAC0B,EAAA,CACC,WAAYrB,EACZ,OAAQE,EAAc,OACtB,UAAWA,EAAc,KAAK,UAC9B,YAAaA,EAAc,YAC7B,EACF,CACF,CAEJ,CAtFgBM,EAAAX,EAAA","names":["useEffect","jsx","createElement","OnboardingForm","defaultValues","onSubmit","components","formId","onboardingBag","useOnboardingContext","form","useJSONSchemaForm","useEffect","handleSubmit","__name","values","event","nativeEvent","onSuccess","onError","response","currentStepName","currentStepFields","normalizedFieldErrors","normalizeFieldErrors","error","Form","JSONSchemaFormFields"]}

package/dist/{chunk-4YCBOVSQ.js → chunk-5BGNKOPP.js}

@@ -1,2 +1,2 @@
-import{a as y}from"./chunk-SGE4DLC3.js";import{a as g}from"./chunk-OL5C4QEH.js";import{b as N}from"./chunk-AYYYRHO3.js";import{m as w}from"./chunk-RZCU2MT3.js";import{b as D}from"./chunk-H2O4CVKF.js";import{a as d}from"./chunk-P37U34EQ.js";import{forwardRef as S}from"react";import{jsx as B}from"react/jsx-runtime";var b=S(({data:a=[],columns:s,className:o=""},n)=>{let{components:m}=D(),i=m?.table;if(!i)throw new Error("Table component not found");return B(i,{ref:n,data:a,columns:s,className:o})});b.displayName="Table";import{Fragment as c,jsx as e,jsxs as t}from"react/jsx-runtime";var _="RemoteFlows__SummaryRow flex justify-between items-center py-2 text-xs",F="RemoteFlows__SummaryRowBorder border-b border-b-1 border-b-[#E4E4E7]",l=d(({children:a,withBorder:s=!1,className:o=""})=>e("div",{className:w(_,s&&F,o),children:a}),"SummaryRow"),k=d(({usedDays:a,bookedDays:s,approvedDaysBeforeTermination:o,approvedDaysAfterTermination:n,remainingDays:m,proposedTerminationDate:i,isUnlimitedPto:f,currentEntitlementDays:p})=>{let r=new Date(i).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"});return t("div",{children:[t(l,{withBorder:!0,children:[e("label",{children:"Number of days entitled to per year"}),e("p",{"data-testid":"entitled-days",className:"font-bold",children:f?"Unlimited":p})]}),t(l,{children:[e("label",{children:"Total days booked"}),e("p",{"data-testid":"booked-days",className:"font-bold",children:s})]}),t(l,{children:[e("label",{children:"Number of days already used"}),e("p",{"data-testid":"used-days",className:"font-bold",children:a})]}),t(l,{children:[t("label",{children:["Approved for use before ",r]}),e("p",{"data-testid":"approved-days-before-termination",className:"font-bold",children:o})]}),t(l,{withBorder:!0,children:[t("label",{children:["Approved for use after ",r]}),e("p",{"data-testid":"approved-days-after-termination",className:"font-bold",children:n})]}),t(l,{children:[e("label",{children:"Total days remaining unused"}),e("p",{"data-testid":"remaining-days",className:"font-bold",children:m})]}),e(l,{className:"mb-2 py-0",children:t("p",{className:"text-xs text-[#222E39]",children:["Unused days expire on ",r]})})]})},"SummaryTimeOff"),O=[{id:"formattedDate",label:"Dates",className:"w-[250px]",cellClassName:"font-medium"},{id:"duration",label:"Duration",render:d(a=>y({number:a,singular:"day",plural:"days",followCopyGuidelines:!1,showNumber:!0}),"render")},{id:"status",label:"Status"}],C=d(({employeeName:a,timeoffQuery:s,entitledDays:o,countryName:n,currentEntitlementDays:m,formattedProposedTerminationDate:i,onOpenChange:f,open:p})=>{let{data:r,isLoading:u}=s;return e(g,{open:p,onOpenChange:f,title:`${a} paid time off breakdown`,trigger:e(N,{variant:"link",className:"text-xs text-[#3B82F6] font-bold p-0",children:"See detailed time off breakdown \u2197"}),className:"h-full w-[540px] mt-0 ml-auto px-4 RemoteFlows_DrawerTimeOff",children:!u&&e(c,{children:Array.isArray(r?.timeoffs)&&r?.timeoffs?.length>0?t(c,{children:[e("p",{className:"text-[#09090B] font-medium mb-4",children:"This list is for your information only."}),t("p",{className:"text-xs text-[#09090B] mb-1 flex items-center justify-between gap-2",children:[t("span",{children:["Annual entitlement for ",n]}),e("span",{className:"font-bold",children:o})]}),t("p",{className:"text-xs text-[#09090B] mb-6 flex items-center justify-between gap-2",children:[t("span",{children:["Entitlement up to ",i]}),e("span",{className:"font-bold",children:m})]}),e("div",{className:"mb-2",children:e(b,{data:r?.timeoffs,columns:O})}),t("p",{className:"text-xs",children:["Total of"," ",y({number:r?.bookedDays,singular:"day",plural:"days",followCopyGuidelines:!1,showNumber:!0})," ","booked"]})]}):t(c,{children:[e("p",{className:"font-medium mb-1 text-[#09090B]",children:"No recorded time off"}),t("p",{className:"text-sm text-[#09090B]",children:["According to our records, ",a," has not taken any time off this year."]})]})})})},"DrawerTimeOff"),H=d(({employeeName:a,proposedTerminationDate:s,summaryData:o,formattedProposedTerminationDate:n,timeoffQuery:m,employment:i,onOpenChange:f,open:p})=>{let{entitledDays:r,bookedDays:u,usedDays:x,approvedDaysBeforeTermination:R,approvedDaysAfterTermination:P,remainingDays:v,currentEntitlementDays:T,isUnlimitedPto:h}=o.data;return t("div",{className:"RemoteFlows__PaidTimeOff__Container py-3",children:[e("h3",{className:"RemoteFlows__PaidTimeOff__Title mb-2",children:"Paid time off"}),t("p",{className:"RemoteFlows__PaidTimeOff__Description text-sm mb-2",children:["The proposed termination date for ",a," is"," ",n,". You will need to pay them for any unused accrued days. Below is a breakdown of their time off entitlement and usage for the current annual leave period:"]}),t("div",{className:"mb-2",children:[!o?.isLoading&&!o?.isError&&o?.data&&e(k,{usedDays:x,bookedDays:u,currentEntitlementDays:T,approvedDaysBeforeTermination:R,approvedDaysAfterTermination:P,remainingDays:v,proposedTerminationDate:s,isUnlimitedPto:h}),e(C,{employeeName:a,timeoffQuery:m,entitledDays:r,currentEntitlementDays:T,countryName:i?.country?.name??"Unknown",onOpenChange:f,formattedProposedTerminationDate:n,open:p})]})]})},"PaidTimeOff");export{H as a};
-//# sourceMappingURL=chunk-4YCBOVSQ.js.map
+import{a as y}from"./chunk-SGE4DLC3.js";import{a as g}from"./chunk-OL5C4QEH.js";import{b as N}from"./chunk-R4TTPUH7.js";import{n as w}from"./chunk-JXAAON7I.js";import{b as D}from"./chunk-H2O4CVKF.js";import{a as d}from"./chunk-P37U34EQ.js";import{forwardRef as S}from"react";import{jsx as B}from"react/jsx-runtime";var b=S(({data:a=[],columns:s,className:o=""},n)=>{let{components:m}=D(),i=m?.table;if(!i)throw new Error("Table component not found");return B(i,{ref:n,data:a,columns:s,className:o})});b.displayName="Table";import{Fragment as c,jsx as e,jsxs as t}from"react/jsx-runtime";var _="RemoteFlows__SummaryRow flex justify-between items-center py-2 text-xs",F="RemoteFlows__SummaryRowBorder border-b border-b-1 border-b-[#E4E4E7]",l=d(({children:a,withBorder:s=!1,className:o=""})=>e("div",{className:w(_,s&&F,o),children:a}),"SummaryRow"),k=d(({usedDays:a,bookedDays:s,approvedDaysBeforeTermination:o,approvedDaysAfterTermination:n,remainingDays:m,proposedTerminationDate:i,isUnlimitedPto:f,currentEntitlementDays:p})=>{let r=new Date(i).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"});return t("div",{children:[t(l,{withBorder:!0,children:[e("label",{children:"Number of days entitled to per year"}),e("p",{"data-testid":"entitled-days",className:"font-bold",children:f?"Unlimited":p})]}),t(l,{children:[e("label",{children:"Total days booked"}),e("p",{"data-testid":"booked-days",className:"font-bold",children:s})]}),t(l,{children:[e("label",{children:"Number of days already used"}),e("p",{"data-testid":"used-days",className:"font-bold",children:a})]}),t(l,{children:[t("label",{children:["Approved for use before ",r]}),e("p",{"data-testid":"approved-days-before-termination",className:"font-bold",children:o})]}),t(l,{withBorder:!0,children:[t("label",{children:["Approved for use after ",r]}),e("p",{"data-testid":"approved-days-after-termination",className:"font-bold",children:n})]}),t(l,{children:[e("label",{children:"Total days remaining unused"}),e("p",{"data-testid":"remaining-days",className:"font-bold",children:m})]}),e(l,{className:"mb-2 py-0",children:t("p",{className:"text-xs text-[#222E39]",children:["Unused days expire on ",r]})})]})},"SummaryTimeOff"),O=[{id:"formattedDate",label:"Dates",className:"w-[250px]",cellClassName:"font-medium"},{id:"duration",label:"Duration",render:d(a=>y({number:a,singular:"day",plural:"days",followCopyGuidelines:!1,showNumber:!0}),"render")},{id:"status",label:"Status"}],C=d(({employeeName:a,timeoffQuery:s,entitledDays:o,countryName:n,currentEntitlementDays:m,formattedProposedTerminationDate:i,onOpenChange:f,open:p})=>{let{data:r,isLoading:u}=s;return e(g,{open:p,onOpenChange:f,title:`${a} paid time off breakdown`,trigger:e(N,{variant:"link",className:"text-xs text-[#3B82F6] font-bold p-0",children:"See detailed time off breakdown \u2197"}),className:"h-full w-[540px] mt-0 ml-auto px-4 RemoteFlows_DrawerTimeOff",children:!u&&e(c,{children:Array.isArray(r?.timeoffs)&&r?.timeoffs?.length>0?t(c,{children:[e("p",{className:"text-[#09090B] font-medium mb-4",children:"This list is for your information only."}),t("p",{className:"text-xs text-[#09090B] mb-1 flex items-center justify-between gap-2",children:[t("span",{children:["Annual entitlement for ",n]}),e("span",{className:"font-bold",children:o})]}),t("p",{className:"text-xs text-[#09090B] mb-6 flex items-center justify-between gap-2",children:[t("span",{children:["Entitlement up to ",i]}),e("span",{className:"font-bold",children:m})]}),e("div",{className:"mb-2",children:e(b,{data:r?.timeoffs,columns:O})}),t("p",{className:"text-xs",children:["Total of"," ",y({number:r?.bookedDays,singular:"day",plural:"days",followCopyGuidelines:!1,showNumber:!0})," ","booked"]})]}):t(c,{children:[e("p",{className:"font-medium mb-1 text-[#09090B]",children:"No recorded time off"}),t("p",{className:"text-sm text-[#09090B]",children:["According to our records, ",a," has not taken any time off this year."]})]})})})},"DrawerTimeOff"),H=d(({employeeName:a,proposedTerminationDate:s,summaryData:o,formattedProposedTerminationDate:n,timeoffQuery:m,employment:i,onOpenChange:f,open:p})=>{let{entitledDays:r,bookedDays:u,usedDays:x,approvedDaysBeforeTermination:R,approvedDaysAfterTermination:P,remainingDays:v,currentEntitlementDays:T,isUnlimitedPto:h}=o.data;return t("div",{className:"RemoteFlows__PaidTimeOff__Container py-3",children:[e("h3",{className:"RemoteFlows__PaidTimeOff__Title mb-2",children:"Paid time off"}),t("p",{className:"RemoteFlows__PaidTimeOff__Description text-sm mb-2",children:["The proposed termination date for ",a," is"," ",n,". You will need to pay them for any unused accrued days. Below is a breakdown of their time off entitlement and usage for the current annual leave period:"]}),t("div",{className:"mb-2",children:[!o?.isLoading&&!o?.isError&&o?.data&&e(k,{usedDays:x,bookedDays:u,currentEntitlementDays:T,approvedDaysBeforeTermination:R,approvedDaysAfterTermination:P,remainingDays:v,proposedTerminationDate:s,isUnlimitedPto:h}),e(C,{employeeName:a,timeoffQuery:m,entitledDays:r,currentEntitlementDays:T,countryName:i?.country?.name??"Unknown",onOpenChange:f,formattedProposedTerminationDate:n,open:p})]})]})},"PaidTimeOff");export{H as a};
+//# sourceMappingURL=chunk-5BGNKOPP.js.map