@remoteoss/remote-flows 0.25.0 → 0.27.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/RemoteFlowsProvider.tsx","../src/lib/applyTheme.ts","../src/theme.tsx","../src/environments.ts","../src/useAuth.ts"],"sourcesContent":["import { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport { ThemeProvider } from '@/src/theme';\nimport { FormFieldsContext, RemoteFlowContext } from './context';\nimport { Components, RemoteFlowsSDKProps } from './types/remoteFlows';\nimport { useAuth } from './useAuth';\n\nconst queryClient = new QueryClient();\n\ntype RemoteFlowContextWrapperProps = {\n  auth: RemoteFlowsSDKProps['auth'];\n  children: React.ReactNode;\n  environment?: RemoteFlowsSDKProps['environment'];\n  proxy?: RemoteFlowsSDKProps['proxy'];\n  authId?: RemoteFlowsSDKProps['authId'];\n};\n\nfunction RemoteFlowContextWrapper({\n  children,\n  auth,\n  authId,\n  proxy,\n  environment,\n}: RemoteFlowContextWrapperProps) {\n  const remoteApiClient = useAuth({\n    auth,\n    authId,\n    options: {\n      proxy,\n      environment,\n    },\n  });\n  return (\n    <RemoteFlowContext.Provider value={{ client: remoteApiClient.current }}>\n      {children}\n    </RemoteFlowContext.Provider>\n  );\n}\n\nexport function FormFieldsProvider({\n  children,\n  components,\n}: PropsWithChildren<{\n  components?: Components;\n}>) {\n  return (\n    <FormFieldsContext.Provider\n      value={components ? { components } : { components: {} }}\n    >\n      {children}\n    </FormFieldsContext.Provider>\n  );\n}\n\nexport function RemoteFlows({\n  auth,\n  authId,\n  children,\n  components,\n  theme,\n  proxy,\n  environment,\n}: PropsWithChildren<RemoteFlowsSDKProps>) {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <FormFieldsProvider components={components}>\n        <RemoteFlowContextWrapper\n          auth={auth}\n          authId={authId}\n          proxy={proxy}\n          environment={environment}\n        >\n          <ThemeProvider theme={theme}>{children}</ThemeProvider>\n        </RemoteFlowContextWrapper>\n      </FormFieldsProvider>\n    </QueryClientProvider>\n  );\n}\n","import {\n  CssThemeBorder,\n  CssThemeColors,\n  CssThemeFont,\n  CssThemeSpacing,\n  ThemeColors,\n  ThemeFont,\n  ThemeProviderProps,\n} from '@/src/types/theme';\n\nfunction setCssProperties(variables: Record<string, string>) {\n  const root = document.documentElement;\n  Object.keys(variables).forEach((v) => {\n    const propertyVal = variables[v];\n    if (propertyVal) {\n      root.style.setProperty(v, propertyVal);\n    }\n  });\n}\n\nfunction mapThemeColors(colors: ThemeColors): CssThemeColors {\n  const result: CssThemeColors = {};\n  Object.keys(colors).forEach((key) => {\n    result[`--${key}` as keyof CssThemeColors] =\n      colors[key as keyof ThemeColors];\n  });\n  return result;\n}\n\nfunction mapThemeSpacing(spacing: string): CssThemeSpacing {\n  return {\n    '--spacing': spacing,\n  };\n}\n\nfunction mapThemeBorderRadius(borderRadius: string): CssThemeBorder {\n  return {\n    '--radius': borderRadius,\n  };\n}\n\nfunction mapThemeFont(font: ThemeFont): CssThemeFont {\n  return {\n    '--fontSizeBase': font.fontSizeBase,\n  };\n}\n\nexport function applyTheme(theme: ThemeProviderProps['theme']) {\n  if (theme?.colors) {\n    setCssProperties(mapThemeColors(theme.colors));\n  }\n\n  if (theme?.spacing) {\n    setCssProperties(mapThemeSpacing(theme.spacing));\n  }\n\n  if (theme?.borderRadius) {\n    setCssProperties(mapThemeBorderRadius(theme.borderRadius));\n  }\n\n  if (theme?.font) {\n    setCssProperties(mapThemeFont(theme.font));\n  }\n}\n","import { applyTheme } from '@/src/lib/applyTheme';\nimport { createContext, useEffect, useMemo } from 'react';\nimport { ThemeProviderProps } from './types/theme';\n\nconst ThemeContext = createContext<Omit<ThemeProviderProps, 'children'>>({\n  theme: {},\n});\n\nexport function ThemeProvider(props: ThemeProviderProps) {\n  useEffect(() => {\n    if (props.theme && Object.keys(props.theme).length > 0) {\n      applyTheme(props.theme);\n    }\n  }, [props.theme]);\n\n  const value = useMemo(() => {\n    return { theme: props.theme };\n  }, [props.theme]);\n\n  return (\n    <ThemeContext.Provider value={value}>\n      {props.children}\n    </ThemeContext.Provider>\n  );\n}\n","export const ENVIRONMENTS = {\n  local: 'http://localhost:4000/api/eor',\n  partners: 'https://gateway.partners.remote-sandbox.com',\n  production: 'https://gateway.remote.com',\n  sandbox: 'https://gateway.remote-sandbox.com',\n  staging: 'https://gateway.niceremote.com',\n};\n","import { client } from '@/src/client/client.gen';\nimport { ENVIRONMENTS } from '@/src/environments';\nimport { createClient } from '@hey-api/client-fetch';\nimport { useQuery } from '@tanstack/react-query';\nimport { useRef } from 'react';\nimport { RemoteFlowsSDKProps } from './types/remoteFlows';\nimport { debug } from './lib/utils';\n\ntype AuthResponse = {\n  accessToken: string;\n  expiresIn: number;\n};\n\ntype Options = Partial<{\n  environment: keyof typeof ENVIRONMENTS;\n  proxy: RemoteFlowsSDKProps['proxy'];\n}>;\n\nfunction isValidUrl(url: string) {\n  try {\n    new URL(url);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport const useAuth = ({\n  auth,\n  options,\n  authId = 'default',\n}: {\n  auth: () => Promise<AuthResponse>;\n  options?: Options;\n  authId?: 'default' | 'client';\n}) => {\n  const session = useRef<{ accessToken: string; expiresAt: number } | null>(\n    null,\n  );\n  const { refetch } = useQuery({\n    queryKey: ['auth', authId],\n    queryFn: auth,\n    enabled: false,\n  });\n\n  const baseUrl = options?.environment\n    ? ENVIRONMENTS[options?.environment]\n    : process.env.REMOTE_GATEWAY_URL;\n\n  const clientConfig = client.getConfig();\n  const npmPackageVersion = process.env.VERSION || 'unknown';\n\n  if (options?.environment && options?.environment !== 'production') {\n    debug(npmPackageVersion);\n  }\n\n  const isValidProxy = !!options?.proxy && isValidUrl(options.proxy.url);\n\n  if (options?.proxy && !isValidProxy) {\n    console.error('Invalid proxy URL provided. Using default base URL.');\n  }\n\n  return useRef(\n    createClient({\n      ...clientConfig,\n      headers: {\n        ...clientConfig.headers,\n        ...(isValidProxy ? options?.proxy?.headers : {}),\n        'X-Client-Name': 'remote-flows-sdk',\n        'X-Client-Version': npmPackageVersion,\n      },\n      baseUrl: isValidProxy ? options.proxy?.url : baseUrl,\n      auth: async () => {\n        function hasTokenExpired(expiresAt: number | undefined) {\n          return !expiresAt || Date.now() + 60000 > expiresAt;\n        }\n        if (!session.current || hasTokenExpired(session.current.expiresAt)) {\n          const { data } = await refetch();\n          if (data) {\n            session.current = {\n              accessToken: data.accessToken,\n              expiresAt: Date.now() + data.expiresIn * 1000,\n            };\n          }\n        }\n        return session.current?.accessToken;\n      },\n    }),\n  );\n};\n"],"mappings":"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","names":["QueryClient","QueryClientProvider","setCssProperties","variables","root","v","propertyVal","__name","mapThemeColors","colors","result","key","mapThemeSpacing","spacing","mapThemeBorderRadius","borderRadius","mapThemeFont","font","applyTheme","theme","createContext","useEffect","useMemo","jsx","ThemeContext","createContext","ThemeProvider","props","useEffect","applyTheme","value","useMemo","__name","ENVIRONMENTS","createClient","useQuery","useRef","isValidUrl","url","__name","useAuth","auth","options","authId","session","useRef","refetch","useQuery","baseUrl","ENVIRONMENTS","clientConfig","client","npmPackageVersion","debug","isValidProxy","createClient","hasTokenExpired","expiresAt","data","jsx","queryClient","QueryClient","RemoteFlowContextWrapper","children","auth","authId","proxy","environment","remoteApiClient","useAuth","RemoteFlowContext","__name","FormFieldsProvider","components","FormFieldsContext","RemoteFlows","theme","QueryClientProvider","ThemeProvider"]}
+{"version":3,"sources":["../src/RemoteFlowsProvider.tsx","../src/lib/applyTheme.ts","../src/theme.tsx","../src/environments.ts","../src/useAuth.ts"],"sourcesContent":["import { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport { ThemeProvider } from '@/src/theme';\nimport { FormFieldsContext, RemoteFlowContext } from './context';\nimport { Components, RemoteFlowsSDKProps } from './types/remoteFlows';\nimport { useAuth } from './useAuth';\n\nconst queryClient = new QueryClient();\n\ntype RemoteFlowContextWrapperProps = {\n  auth: RemoteFlowsSDKProps['auth'];\n  children: React.ReactNode;\n  environment?: RemoteFlowsSDKProps['environment'];\n  proxy?: RemoteFlowsSDKProps['proxy'];\n  authId?: RemoteFlowsSDKProps['authId'];\n};\n\nfunction RemoteFlowContextWrapper({\n  children,\n  auth,\n  authId,\n  proxy,\n  environment,\n}: RemoteFlowContextWrapperProps) {\n  const remoteApiClient = useAuth({\n    auth,\n    authId,\n    options: {\n      proxy,\n      environment,\n    },\n  });\n  return (\n    <RemoteFlowContext.Provider value={{ client: remoteApiClient.current }}>\n      {children}\n    </RemoteFlowContext.Provider>\n  );\n}\n\nexport function FormFieldsProvider({\n  children,\n  components,\n}: PropsWithChildren<{\n  components?: Components;\n}>) {\n  return (\n    <FormFieldsContext.Provider\n      value={components ? { components } : { components: {} }}\n    >\n      {children}\n    </FormFieldsContext.Provider>\n  );\n}\n\nexport function RemoteFlows({\n  auth,\n  authId,\n  children,\n  components,\n  theme,\n  proxy,\n  environment,\n}: PropsWithChildren<RemoteFlowsSDKProps>) {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <FormFieldsProvider components={components}>\n        <RemoteFlowContextWrapper\n          auth={auth}\n          authId={authId}\n          proxy={proxy}\n          environment={environment}\n        >\n          <ThemeProvider theme={theme}>{children}</ThemeProvider>\n        </RemoteFlowContextWrapper>\n      </FormFieldsProvider>\n    </QueryClientProvider>\n  );\n}\n","import {\n  CssThemeBorder,\n  CssThemeColors,\n  CssThemeFont,\n  CssThemeSpacing,\n  ThemeColors,\n  ThemeFont,\n  ThemeProviderProps,\n} from '@/src/types/theme';\n\nfunction setCssProperties(variables: Record<string, string>) {\n  const root = document.documentElement;\n  Object.keys(variables).forEach((v) => {\n    const propertyVal = variables[v];\n    if (propertyVal) {\n      root.style.setProperty(v, propertyVal);\n    }\n  });\n}\n\nfunction mapThemeColors(colors: ThemeColors): CssThemeColors {\n  const result: CssThemeColors = {};\n  Object.keys(colors).forEach((key) => {\n    result[`--${key}` as keyof CssThemeColors] =\n      colors[key as keyof ThemeColors];\n  });\n  return result;\n}\n\nfunction mapThemeSpacing(spacing: string): CssThemeSpacing {\n  return {\n    '--spacing': spacing,\n  };\n}\n\nfunction mapThemeBorderRadius(borderRadius: string): CssThemeBorder {\n  return {\n    '--radius': borderRadius,\n  };\n}\n\nfunction mapThemeFont(font: ThemeFont): CssThemeFont {\n  return {\n    '--fontSizeBase': font.fontSizeBase,\n  };\n}\n\nexport function applyTheme(theme: ThemeProviderProps['theme']) {\n  if (theme?.colors) {\n    setCssProperties(mapThemeColors(theme.colors));\n  }\n\n  if (theme?.spacing) {\n    setCssProperties(mapThemeSpacing(theme.spacing));\n  }\n\n  if (theme?.borderRadius) {\n    setCssProperties(mapThemeBorderRadius(theme.borderRadius));\n  }\n\n  if (theme?.font) {\n    setCssProperties(mapThemeFont(theme.font));\n  }\n}\n","import { applyTheme } from '@/src/lib/applyTheme';\nimport { createContext, useEffect, useMemo } from 'react';\nimport { ThemeProviderProps } from './types/theme';\n\nconst ThemeContext = createContext<Omit<ThemeProviderProps, 'children'>>({\n  theme: {},\n});\n\nexport function ThemeProvider(props: ThemeProviderProps) {\n  useEffect(() => {\n    if (props.theme && Object.keys(props.theme).length > 0) {\n      applyTheme(props.theme);\n    }\n  }, [props.theme]);\n\n  const value = useMemo(() => {\n    return { theme: props.theme };\n  }, [props.theme]);\n\n  return (\n    <ThemeContext.Provider value={value}>\n      {props.children}\n    </ThemeContext.Provider>\n  );\n}\n","export const ENVIRONMENTS = {\n  local: 'http://localhost:4000/api/eor',\n  partners: 'https://gateway.partners.remote-sandbox.com',\n  production: 'https://gateway.remote.com',\n  sandbox: 'https://gateway.remote-sandbox.com',\n  staging: 'https://gateway.niceremote.com',\n};\n","import { client } from '@/src/client/client.gen';\nimport { ENVIRONMENTS } from '@/src/environments';\nimport { createClient } from '@hey-api/client-fetch';\nimport { useQuery } from '@tanstack/react-query';\nimport { useRef } from 'react';\nimport { RemoteFlowsSDKProps } from './types/remoteFlows';\nimport { debug } from './lib/utils';\n\ntype AuthResponse = {\n  accessToken: string;\n  expiresIn: number;\n};\n\ntype Options = Partial<{\n  environment: keyof typeof ENVIRONMENTS;\n  proxy: RemoteFlowsSDKProps['proxy'];\n}>;\n\nfunction isValidUrl(url: string) {\n  try {\n    new URL(url);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport const useAuth = ({\n  auth,\n  options,\n  authId = 'default',\n}: {\n  auth: () => Promise<AuthResponse>;\n  options?: Options;\n  authId?: 'default' | 'client';\n}) => {\n  const session = useRef<{ accessToken: string; expiresAt: number } | null>(\n    null,\n  );\n  const { refetch } = useQuery({\n    queryKey: ['auth', authId],\n    queryFn: auth,\n    enabled: false,\n  });\n\n  const baseUrl = options?.environment\n    ? ENVIRONMENTS[options?.environment]\n    : process.env.REMOTE_GATEWAY_URL;\n\n  const clientConfig = client.getConfig();\n  const npmPackageVersion = process.env.VERSION || 'unknown';\n\n  if (options?.environment && options?.environment !== 'production') {\n    debug(npmPackageVersion);\n  }\n\n  const isValidProxy = !!options?.proxy && isValidUrl(options.proxy.url);\n\n  if (options?.proxy && !isValidProxy) {\n    console.error('Invalid proxy URL provided. Using default base URL.');\n  }\n\n  return useRef(\n    createClient({\n      ...clientConfig,\n      headers: {\n        ...clientConfig.headers,\n        ...(isValidProxy ? options?.proxy?.headers : {}),\n        'X-Client-Name': 'remote-flows-sdk',\n        'X-Client-Version': npmPackageVersion,\n      },\n      baseUrl: isValidProxy ? options.proxy?.url : baseUrl,\n      auth: async () => {\n        function hasTokenExpired(expiresAt: number | undefined) {\n          return !expiresAt || Date.now() + 60000 > expiresAt;\n        }\n        if (!session.current || hasTokenExpired(session.current.expiresAt)) {\n          const { data } = await refetch();\n          if (data) {\n            session.current = {\n              accessToken: data.accessToken,\n              expiresAt: Date.now() + data.expiresIn * 1000,\n            };\n          }\n        }\n        return session.current?.accessToken;\n      },\n    }),\n  );\n};\n"],"mappings":"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","names":["QueryClient","QueryClientProvider","setCssProperties","variables","root","v","propertyVal","__name","mapThemeColors","colors","result","key","mapThemeSpacing","spacing","mapThemeBorderRadius","borderRadius","mapThemeFont","font","applyTheme","theme","createContext","useEffect","useMemo","jsx","ThemeContext","createContext","ThemeProvider","props","useEffect","applyTheme","value","useMemo","__name","ENVIRONMENTS","createClient","useQuery","useRef","isValidUrl","url","__name","useAuth","auth","options","authId","session","useRef","refetch","useQuery","baseUrl","ENVIRONMENTS","clientConfig","client","npmPackageVersion","debug","isValidProxy","createClient","hasTokenExpired","expiresAt","data","jsx","queryClient","QueryClient","RemoteFlowContextWrapper","children","auth","authId","proxy","environment","remoteApiClient","useAuth","RemoteFlowContext","__name","FormFieldsProvider","components","FormFieldsContext","RemoteFlows","theme","QueryClientProvider","ThemeProvider"]}

package/dist/internals.d.ts

@@ -1,4 +1,4 @@
-export { Z as ZendeskTriggerButton, c as cn } from './ZendeskTriggerButton-FSCvhzTG.js';
+export { Z as ZendeskTriggerButton, c as cn } from './ZendeskTriggerButton-DIV8pCPo.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';

package/dist/internals.js

@@ -1,2 +1,2 @@
-import{a as Q,b as R,c as S}from"./chunk-JBUNDNKJ.js";import{a as M,b as N,c as O,d as P}from"./chunk-7R347KBY.js";import{a as G,b as H,c as I,d as J,e as K,f as L}from"./chunk-AFRA4BIW.js";import{a as F}from"./chunk-3A47R5RQ.js";import{a as j,b as m,c as n,d as o,f as p,g as q,h as r,i as s,j as v,k as w,l as x,m as y,n as z,o as A,p as B,q as C,r as D,s as E}from"./chunk-D6X2WCEG.js";import{a as t,b as u}from"./chunk-HPHWQU34.js";import{a as i}from"./chunk-MP2T74PU.js";import{a as c}from"./chunk-PD24XKD6.js";import{a as d,b as e,d as f,e as g,f as h}from"./chunk-TWIUL2P3.js";import"./chunk-ZX5OIIJX.js";import"./chunk-3O3Q24JL.js";import{a as k,b as l}from"./chunk-WVDTHFGS.js";import"./chunk-3ZWDIEEM.js";import{a as b}from"./chunk-MQ6F5LE4.js";import{a}from"./chunk-43WMZDDH.js";import"./chunk-P37U34EQ.js";export{C as Alert,E as AlertDescription,D as AlertTitle,u as Badge,l as Button,G as Card,K as CardContent,J as CardDescription,L as CardFooter,H as CardHeader,I as CardTitle,j as Checkbox,Q as Collapsible,S as CollapsibleContent,R as CollapsibleTrigger,v as Dialog,x as DialogContent,B as DialogDescription,z as DialogFooter,y as DialogHeader,A as DialogTitle,w as DialogTrigger,d as Drawer,f as DrawerContent,g as DrawerHeader,h as DrawerTitle,e as DrawerTrigger,c as Input,b as Label,m as RadioGroup,n as RadioGroupItem,F as ScrollArea,o as Select,r as SelectContent,s as SelectItem,q as SelectTrigger,p as SelectValue,M as Tabs,P as TabsContent,N as TabsList,O as TabsTrigger,i as ZendeskTriggerButton,t as badgeVariants,k as buttonVariants,a as cn};
+import{a as Q,b as R,c as S}from"./chunk-JBUNDNKJ.js";import{a as M,b as N,c as O,d as P}from"./chunk-7R347KBY.js";import{a as G,b as H,c as I,d as J,e as K,f as L}from"./chunk-AFRA4BIW.js";import{a as F}from"./chunk-3A47R5RQ.js";import{a as j,b as m,c as n,d as o,f as p,g as q,h as r,i as s,j as v,k as w,l as x,m as y,n as z,o as A,p as B,q as C,r as D,s as E}from"./chunk-D6X2WCEG.js";import{a as t,b as u}from"./chunk-HPHWQU34.js";import{b as i}from"./chunk-ANQ4HVVK.js";import{a as c}from"./chunk-PD24XKD6.js";import{a as d,b as e,d as f,e as g,f as h}from"./chunk-TWIUL2P3.js";import"./chunk-ZX5OIIJX.js";import"./chunk-3O3Q24JL.js";import{a as k,b as l}from"./chunk-WVDTHFGS.js";import"./chunk-3ZWDIEEM.js";import{a as b}from"./chunk-MQ6F5LE4.js";import{a}from"./chunk-43WMZDDH.js";import"./chunk-P37U34EQ.js";export{C as Alert,E as AlertDescription,D as AlertTitle,u as Badge,l as Button,G as Card,K as CardContent,J as CardDescription,L as CardFooter,H as CardHeader,I as CardTitle,j as Checkbox,Q as Collapsible,S as CollapsibleContent,R as CollapsibleTrigger,v as Dialog,x as DialogContent,B as DialogDescription,z as DialogFooter,y as DialogHeader,A as DialogTitle,w as DialogTrigger,d as Drawer,f as DrawerContent,g as DrawerHeader,h as DrawerTitle,e as DrawerTrigger,c as Input,b as Label,m as RadioGroup,n as RadioGroupItem,F as ScrollArea,o as Select,r as SelectContent,s as SelectItem,q as SelectTrigger,p as SelectValue,M as Tabs,P as TabsContent,N as TabsList,O as TabsTrigger,i as ZendeskTriggerButton,t as badgeVariants,k as buttonVariants,a as cn};
 //# sourceMappingURL=internals.js.map

package/dist/{mutations-DaNL3KJH.d.ts → mutations-C0KsEf83.d.ts}

@@ -1,4 +1,4 @@
-import './remoteFlows-R6i-5uxZ.js';
+import './remoteFlows-DJcvCgN2.js';
 
 interface SuccessResponse<D> {
     data: D;

package/dist/{remoteFlows-R6i-5uxZ.d.ts → remoteFlows-DJcvCgN2.d.ts}

@@ -1,7 +1,7 @@
 import { ControllerRenderProps, FieldValues, ControllerFieldState } from 'react-hook-form';
-import { PropsWithChildren, ReactNode } from 'react';
+import React__default, { PropsWithChildren, ReactNode } from 'react';
 import { AnySchema } from 'yup';
-import { _ as HelpCenterArticle } from './types.gen-BMxrLsCq.js';
+import { Z as HelpCenterArticle } from './types.gen-B73oMrmZ.js';
 import { S as SupportedTypes } from './types-Zg1n_9wh.js';
 
 type ThemeProviderProps = PropsWithChildren<{
@@ -40,6 +40,14 @@ declare const ENVIRONMENTS: {
     staging: string;
 };
 
+type ColumnDef<T = $TSFixMe> = {
+    id: keyof T;
+    label: React__default.ReactNode;
+    className?: string;
+    cellClassName?: string;
+    render?: (value: $TSFixMe, row: T, index: number) => React__default.ReactNode;
+};
+
 type AuthResponse = {
     accessToken: string;
     expiresIn: number;
@@ -75,6 +83,13 @@ type JSFField = {
     multiple?: boolean;
     meta?: Record<string, unknown>;
 };
+type TableComponentProps<T = $TSFixMe> = {
+    data: T[] | undefined;
+    columns: ColumnDef<T>[];
+    className?: string;
+    headerRowClassName?: string;
+    bodyRowClassName?: string | ((row: T, index: number) => string);
+};
 /**
  * Props for custom field components.
  * All custom field components receive these three props from React Hook Form's Controller.
@@ -135,6 +150,7 @@ type DrawerComponentProps = {
     title: React.ReactNode;
     trigger: React.ReactElement;
     children?: React.ReactNode;
+    direction?: 'left' | 'right';
 };
 type FieldSetToggleComponentProps = {
     isExpanded: boolean;
@@ -153,6 +169,7 @@ type Components = {
     fieldsetToggle?: React.ComponentType<FieldSetToggleComponentProps>;
     zendeskDrawer?: React.ComponentType<ZendeskDrawerComponentProps>;
     drawer?: React.ComponentType<DrawerComponentProps>;
+    table?: React.ComponentType<TableComponentProps>;
 };
 type RemoteFlowsSDKProps = Omit<ThemeProviderProps, 'children'> & {
     /**

package/dist/{types-CUuFeuNj.d.ts → types-1tGveWWg.d.ts}

@@ -1,10 +1,10 @@
-import { u as EmploymentCreationResponse, A as EmploymentResponse, S as SuccessResponse, y as PostCreateEmployment2Error, B as PatchUpdateEmployment2Error, G as PutUpdateBenefitOfferError, j as Employment$1, z as EmploymentCreateParams } from './types.gen-BMxrLsCq.js';
+import { t as EmploymentCreationResponse, z as EmploymentResponse, S as SuccessResponse, x as PostCreateEmployment2Error, A as PatchUpdateEmployment2Error, D as PutUpdateBenefitOfferError, E as Employment$1, y as EmploymentCreateParams } from './types.gen-B73oMrmZ.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { OnboardingBack } from './flows/Onboarding/components/OnboardingBack.js';
 import { OnboardingInvite } from './flows/Onboarding/components/OnboardingInvite.js';
-import { N as NormalizedFieldError, S as SuccessResponse$1, E as ErrorResponse } from './mutations-DaNL3KJH.js';
+import { N as NormalizedFieldError, S as SuccessResponse$1, E as ErrorResponse } from './mutations-C0KsEf83.js';
 import { OnboardingSubmit } from './flows/Onboarding/components/OnboardingSubmit.js';
-import { C as Components, M as Meta, J as JSFFieldset } from './remoteFlows-R6i-5uxZ.js';
+import { C as Components, M as Meta, J as JSFFieldset } from './remoteFlows-DJcvCgN2.js';
 import * as _tanstack_query_core from '@tanstack/query-core';
 import * as React$1 from 'react';
 import * as _remoteoss_json_schema_form from '@remoteoss/json-schema-form';

package/dist/{types-ClV6M7ry.d.ts → types-CwUhT-vz.d.ts}

@@ -1,7 +1,13 @@
-import { E as EmploymentShowResponse, T as ListTimeoffResponse, W as TimeoffStatus, X as TimeoffType, Y as ListLeavePoliciesSummaryResponse } from './types.gen-BMxrLsCq.js';
+import { E as Employment, T as ListTimeoffResponse, W as TimeoffStatus, X as TimeoffType, Y as ListLeavePoliciesSummaryResponse } from './types.gen-B73oMrmZ.js';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryResult } from '@tanstack/react-query';
 import { ContractAmendmentParams } from './flows/ContractAmendment/types.js';
+import { E as Employment$1 } from './types-1tGveWWg.js';
+
+type DaysAndHours = {
+    hours: number;
+    days: number;
+};
 
 type UseEmployment = Pick<ContractAmendmentParams, 'employmentId'>;
 /**
@@ -11,7 +17,9 @@ type UseEmployment = Pick<ContractAmendmentParams, 'employmentId'>;
  * @param {string} params.employmentId - The ID of the employment to fetch details for.
  * @returns {UseQueryResult<any, unknown>} - The result of the query, including the employment details.
  */
-declare const useEmploymentQuery: ({ employmentId }: UseEmployment) => _tanstack_react_query.UseQueryResult<EmploymentShowResponse | undefined, Error>;
+declare const useEmploymentQuery: ({ employmentId }: UseEmployment) => _tanstack_react_query.UseQueryResult<(Employment & {
+    termination_date?: string | null;
+}) | undefined, Error>;
 /**
  * Hook to retrieve time off data for a specific employment.
  *
@@ -55,8 +63,8 @@ declare const usePaidTimeoffBreakdownQuery: ({ employmentId, options, }: {
     };
 }) => _tanstack_react_query.UseQueryResult<PaidTimeoffBreakdownResponse, Error>;
 type BookedTimeoffBeforeDateResponse = {
-    bookedDaysBeforeTermination: number;
-    bookedDaysAfterTermination: number;
+    bookedDaysBeforeTermination: DaysAndHours;
+    bookedDaysAfterTermination: DaysAndHours;
 };
 /**
  * Hook to retrieve booked time off data before and after a specific date for a specific employment.
@@ -66,7 +74,7 @@ type BookedTimeoffBeforeDateResponse = {
  * @param {string} [params.date] - The date to fetch booked time off data for.
  * @returns {BookedTimeoffBeforeDateResponse} - The booked time off data before and after the specific date.
  *
- * This hooks it's not taking into account unlimited time off or half days yet or even we you request several days in one request.
+ * This hook accounts for partial days and multiple timeoff_days per request.
  */
 declare const useBookedTimeoffBeforeAndAfterTerminationQuery: ({ employmentId, date, options, }: {
     employmentId: string;
@@ -76,12 +84,14 @@ declare const useBookedTimeoffBeforeAndAfterTerminationQuery: ({ employmentId, d
     };
 }) => _tanstack_react_query.UseQueryResult<BookedTimeoffBeforeDateResponse, Error>;
 type SummaryTimeOffDataResponse = {
-    entitledDays: number;
-    bookedDays: number;
-    usedDays: number;
-    approvedDaysBeforeTermination: number;
-    approvedDaysAfterTermination: number;
-    remainingDays: number;
+    entitledDays: string;
+    bookedDays: string;
+    usedDays: string;
+    currentEntitlementDays: string;
+    approvedDaysBeforeTermination: string;
+    approvedDaysAfterTermination: string;
+    remainingDays: string;
+    isUnlimitedPto: boolean;
 };
 /**
  * Hook to retrieve summary time off data for a specific employment.
@@ -94,17 +104,20 @@ type SummaryTimeOffDataResponse = {
  * This hook doesn't take into account unlimited time off or half days yet.
  *
  */
-declare const useSummaryTimeOffDataQuery: ({ employmentId, proposedTerminationDate, }: {
+declare const useSummaryTimeOffDataQuery: ({ employmentId, proposedTerminationDate, employment, }: {
     employmentId: string;
     proposedTerminationDate: string;
+    employment?: Employment$1;
 }) => {
     data: {
-        entitledDays: number;
-        bookedDays: number;
-        usedDays: number;
-        approvedDaysBeforeTermination: number;
-        approvedDaysAfterTermination: number;
-        remainingDays: number;
+        isUnlimitedPto: boolean;
+        entitledDays: string;
+        bookedDays: string;
+        usedDays: string;
+        currentEntitlementDays: string;
+        approvedDaysBeforeTermination: string;
+        approvedDaysAfterTermination: string;
+        remainingDays: string;
     };
     isLoading: boolean;
     isError: boolean;
@@ -168,8 +181,14 @@ type PaidTimeOffRenderProps = {
         isError: boolean;
         error: Error | null;
     };
+    /**
+     * The employment data.
+     * @see {@link Employment}
+     */
+    employment?: Employment;
 };
 type PaidTimeOffContainerProps = {
+    employment?: Employment;
     employmentId: string;
     proposedTerminationDate: string;
     employeeName: string;

package/dist/{types-D_DohAP5.d.ts → types-Dad_rgYV.d.ts}

@@ -1,6 +1,6 @@
-import { O as OffboardingResponse, P as PostCreateOffboardingError, $ as TerminationDetailsParams } from './types.gen-BMxrLsCq.js';
+import { O as OffboardingResponse, P as PostCreateOffboardingError, _ as TerminationDetailsParams } from './types.gen-B73oMrmZ.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { E as ErrorResponse, S as SuccessResponse } from './mutations-DaNL3KJH.js';
+import { E as ErrorResponse, S as SuccessResponse } from './mutations-C0KsEf83.js';
 import * as _remoteoss_json_schema_form from '@remoteoss/json-schema-form';
 import { $TSFixMe } from '@remoteoss/json-schema-form';
 import { Step } from './flows/useStepState.js';

package/dist/{types-BSmXaqyP.d.ts → types-DegHPy8Q.d.ts}

@@ -1,18 +1,18 @@
-import { j as Employment, F as File, g as CreateContractDocumentResponse, f as SignContractDocument, S as SuccessResponse } from './types.gen-BMxrLsCq.js';
+import { E as Employment, F as File, g as CreateContractDocumentResponse, f as SignContractDocument, S as SuccessResponse } from './types.gen-B73oMrmZ.js';
 import { OnboardingBack } from './flows/ContractorOnboarding/components/OnboardingBack.js';
 import { OnboardingSubmit } from './flows/ContractorOnboarding/components/OnboardingSubmit.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { N as NormalizedFieldError } from './mutations-DaNL3KJH.js';
+import { N as NormalizedFieldError } from './mutations-C0KsEf83.js';
 import * as _tanstack_query_core from '@tanstack/query-core';
 import * as _remoteoss_json_schema_form from '@remoteoss/json-schema-form';
 import { Fields } from '@remoteoss/json-schema-form';
 import * as React$1 from 'react';
 import { STEPS } from './flows/ContractorOnboarding/utils.js';
 import { Step } from './flows/useStepState.js';
-import { M as Meta, J as JSFFieldset, $ as $TSFixMe } from './remoteFlows-R6i-5uxZ.js';
+import { M as Meta, J as JSFFieldset, $ as $TSFixMe } from './remoteFlows-DJcvCgN2.js';
 import { FieldValues } from 'react-hook-form';
 import { BasicInformationStep } from './flows/ContractorOnboarding/components/BasicInformationStep.js';
-import { g as SelectCountryStep } from './types-CUuFeuNj.js';
+import { g as SelectCountryStep } from './types-1tGveWWg.js';
 import { FlowOptions, JSFModify } from './flows/types.js';
 import { OnboardingInvite } from './flows/Onboarding/components/OnboardingInvite.js';
 

package/dist/{types.gen-BMxrLsCq.d.ts → types.gen-B73oMrmZ.d.ts}

@@ -200,19 +200,6 @@ type ActionError = {
      */
     message: string;
 };
-/**
- * Complete information of an employment
- */
-type EmploymentShowResponse = {
-    data: {
-        employment?: Employment & {
-            /**
-             * Most updated termination date for the offboarding. This date is subject to change through the offboarding process even after it is finalized.
-             */
-            termination_date?: string | null;
-        };
-    };
-};
 type CostCalculatorDiscountResponse = {
     annual_amount: number;
     monthly_amount: number;
@@ -1589,4 +1576,4 @@ type PostSignContractDocumentErrors = {
 };
 type PostSignContractDocumentError = PostSignContractDocumentErrors[keyof PostSignContractDocumentErrors];
 
-export type { TerminationDetailsParams as $, EmploymentResponse as A, PatchUpdateEmployment2Error as B, CreateOffboardingParams as C, EmploymentFullParams as D, EmploymentShowResponse as E, File as F, PutUpdateBenefitOfferError as G, MagicLinkResponse as H, UnprocessableEntityResponse as I, MagicLinkParams as J, ConvertCurrencyResponse as K, PostConvertRawCurrencyConverterError as L, MinimalRegion as M, ConvertCurrencyParams as N, OffboardingResponse as O, PostCreateOffboardingError as P, PostCreateContractEligibilityError as Q, CreateContractEligibilityParams as R, SuccessResponse as S, ListTimeoffResponse as T, UnifiedEmploymentUpsertBenefitOffersRequest as U, ValidationError as V, TimeoffStatus as W, TimeoffType as X, ListLeavePoliciesSummaryResponse as Y, Currency as Z, HelpCenterArticle as _, ContractAmendmentAutomatableResponse as a, PostAutomatableContractAmendmentError as b, ContractAmendmentResponse as c, PostCreateContractAmendmentError as d, PostSignContractDocumentError as e, SignContractDocument as f, CreateContractDocumentResponse as g, PostCreateContractDocumentError as h, CreateContractDocument as i, Employment as j, CostCalculatorEstimateResponse as k, PostCreateEstimationError as l, CostCalculatorEstimatePdfResponse as m, PostCreateEstimationPdfError as n, CostCalculatorEstimateParams as o, CostCalculatorEstimateCsvResponse as p, PostCreateEstimationCsvError as q, MinimalCountry as r, EmploymentTermType as s, CostCalculatorEmployment as t, EmploymentCreationResponse as u, Company as v, PostInviteEmploymentInvitationError as w, PostCreateRiskReserveError as x, PostCreateEmployment2Error as y, EmploymentCreateParams as z };
+export type { PatchUpdateEmployment2Error as A, EmploymentFullParams as B, CreateOffboardingParams as C, PutUpdateBenefitOfferError as D, Employment as E, File as F, MagicLinkResponse as G, UnprocessableEntityResponse as H, MagicLinkParams as I, ConvertCurrencyResponse as J, PostConvertRawCurrencyConverterError as K, ConvertCurrencyParams as L, MinimalRegion as M, PostCreateContractEligibilityError as N, OffboardingResponse as O, PostCreateOffboardingError as P, CreateContractEligibilityParams as Q, Currency as R, SuccessResponse as S, ListTimeoffResponse as T, UnifiedEmploymentUpsertBenefitOffersRequest as U, ValidationError as V, TimeoffStatus as W, TimeoffType as X, ListLeavePoliciesSummaryResponse as Y, HelpCenterArticle as Z, TerminationDetailsParams as _, ContractAmendmentAutomatableResponse as a, PostAutomatableContractAmendmentError as b, ContractAmendmentResponse as c, PostCreateContractAmendmentError as d, PostSignContractDocumentError as e, SignContractDocument as f, CreateContractDocumentResponse as g, PostCreateContractDocumentError as h, CreateContractDocument as i, CostCalculatorEstimateResponse as j, PostCreateEstimationError as k, CostCalculatorEstimatePdfResponse as l, PostCreateEstimationPdfError as m, CostCalculatorEstimateParams as n, CostCalculatorEstimateCsvResponse as o, PostCreateEstimationCsvError as p, MinimalCountry as q, EmploymentTermType as r, CostCalculatorEmployment as s, EmploymentCreationResponse as t, Company as u, PostInviteEmploymentInvitationError as v, PostCreateRiskReserveError as w, PostCreateEmployment2Error as x, EmploymentCreateParams as y, EmploymentResponse as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remoteoss/remote-flows",
-  "version": "0.25.0",
+  "version": "0.27.0",
   "scripts": {
     "build": "NODE_ENV=production tsup",
     "ci": "npm run build && npm run check-format && npm run check-exports && npm run lint && npm run type-check && npm run test",

package/dist/chunk-2TADRH4W.js

@@ -1,2 +0,0 @@
-import{a as i}from"./chunk-ZSCKSEAA.js";import{a as m}from"./chunk-ZE3YT3Q6.js";import{a as e}from"./chunk-32GSS4UM.js";import{a}from"./chunk-MP2T74PU.js";import{b as n}from"./chunk-WVDTHFGS.js";import{b as s}from"./chunk-43WMZDDH.js";import{a as o}from"./chunk-P37U34EQ.js";import{Info as f}from"lucide-react";import{Fragment as y,jsx as r,jsxs as t}from"react/jsx-runtime";function N({grossSalary:l,currency:p,hasExtraStatutoryPayment:c=!1}){return t("div",{children:[t("div",{className:"flex justify-between items-center mb-2",children:[t("div",{className:"flex items-center gap-2",children:[r("h3",{className:"font-medium text-primary-foreground",children:"Gross Salary"}),c&&r(m,{content:t(y,{children:[r("span",{children:"This country respects extra payments on top of the gross salary."})," ",r(a,{zendeskId:e.extraPayments,children:"Learn more"})]}),children:t(n,{variant:"ghost",size:"icon",className:"h-4 w-4 p-0 mt-2",children:[r(f,{className:"h-3 w-3 text-gray-400"}),r("span",{className:"sr-only",children:"Info"})]})})]}),r("span",{className:"font-semibold text-lg",children:s(l,p)})]}),r(i,{})]})}o(N,"CostCalculatorGrossSalary");export{N as a};
-//# sourceMappingURL=chunk-2TADRH4W.js.map

package/dist/chunk-32GSS4UM.js

@@ -1,2 +0,0 @@
-var e={disclaimerCostCalculator:4668194326797,employeeOnboardingTimeline:4411262104589,extraPayments:4466822781709,internationalPricing:4410698586893,remoteFxRate:33271144977421,terminationEmployeeCommunication:4411585179661,terminationNoticePeriods:5831900985613};export{e as a};
-//# sourceMappingURL=chunk-32GSS4UM.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/shared/zendesk-drawer/utils.ts"],"sourcesContent":["export const zendeskArticles = {\n  disclaimerCostCalculator: 4668194326797,\n  employeeOnboardingTimeline: 4411262104589,\n  extraPayments: 4466822781709,\n  internationalPricing: 4410698586893,\n  remoteFxRate: 33271144977421,\n  terminationEmployeeCommunication: 4411585179661,\n  terminationNoticePeriods: 5831900985613,\n};\n"],"mappings":"AAAO,IAAMA,EAAkB,CAC7B,yBAA0B,cAC1B,2BAA4B,cAC5B,cAAe,cACf,qBAAsB,cACtB,aAAc,eACd,iCAAkC,cAClC,yBAA0B,aAC5B","names":["zendeskArticles"]}

package/dist/chunk-347YWDTK.js

@@ -1,2 +0,0 @@
-import{a as g,b as h,d as C,e as L,f as M}from"./chunk-TWIUL2P3.js";import{b as E}from"./chunk-WVDTHFGS.js";import{b as H}from"./chunk-3ZWDIEEM.js";import{a as l}from"./chunk-43WMZDDH.js";import{a as b}from"./chunk-P37U34EQ.js";import{jsx as c,jsxs as P}from"react/jsx-runtime";var S=b(({open:e,onOpenChange:t,title:a,trigger:m,children:i,className:s="",direction:u="right"})=>{let{components:f}=H(),D=f?.drawer;return D?c(D,{open:e,onOpenChange:t,title:a,trigger:m,children:i}):P(g,{open:e,onOpenChange:t,direction:u,children:[c(h,{asChild:!0,children:m}),c(C,{className:l(s,"RemoteFlows__Drawer h-full w-[540px] mt-0 ml-auto px-4"),children:P("div",{className:"h-full flex flex-col",children:[c(L,{children:c(M,{children:a})}),c("div",{className:"flex-1 overflow-y-auto",children:i})]})})]})},"Drawer");import*as d from"react";import{jsx as n}from"react/jsx-runtime";var N=d.forwardRef(({className:e,...t},a)=>n("div",{className:"relative w-full overflow-auto",children:n("table",{ref:a,className:l("w-full caption-bottom text-sm",e),...t})}));N.displayName="Table";var v=d.forwardRef(({className:e,...t},a)=>n("thead",{ref:a,className:l("[&_tr]:border-b",e),...t}));v.displayName="TableHeader";var x=d.forwardRef(({className:e,...t},a)=>n("tbody",{ref:a,className:l("[&_tr:last-child]:border-0",e),...t}));x.displayName="TableBody";var A=d.forwardRef(({className:e,...t},a)=>n("tfoot",{ref:a,className:l("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...t}));A.displayName="TableFooter";var R=d.forwardRef(({className:e,...t},a)=>n("tr",{ref:a,className:l("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...t}));R.displayName="TableRow";var y=d.forwardRef(({className:e,...t},a)=>n("th",{ref:a,className:l("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...t}));y.displayName="TableHead";var w=d.forwardRef(({className:e,...t},a)=>n("td",{ref:a,className:l("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...t}));w.displayName="TableCell";var F=d.forwardRef(({className:e,...t},a)=>n("caption",{ref:a,className:l("mt-4 text-sm text-muted-foreground",e),...t}));F.displayName="TableCaption";import{jsx as o,jsxs as r}from"react/jsx-runtime";var p=b(e=>`${e} ${e===1?"day":"days"}`,"pluralizeDays"),$="RemoteFlows__SummaryRow flex justify-between items-center py-2 text-xs",Q="RemoteFlows__SummaryRowBorder border-b border-b-1 border-b-[#E4E4E7]",T=b(({children:e,withBorder:t=!1,className:a=""})=>o("div",{className:l($,t&&Q,a),children:e}),"SummaryRow"),U=b(({entitledDays:e,usedDays:t,bookedDays:a,approvedDaysBeforeTermination:m,approvedDaysAfterTermination:i,remainingDays:s,proposedTerminationDate:u})=>{let f=new Date(u).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"});return r("div",{children:[r(T,{withBorder:!0,children:[o("label",{children:"Number of days entitled to per year"}),o("p",{"data-testid":"entitled-days",className:"font-bold",children:p(e)})]}),r(T,{children:[o("label",{children:"Total days booked"}),o("p",{"data-testid":"booked-days",className:"font-bold",children:p(a)})]}),r(T,{children:[o("label",{children:"Number of days already used"}),o("p",{"data-testid":"used-days",className:"font-bold",children:p(t)})]}),r(T,{children:[r("label",{children:["Approved for use before ",f]}),o("p",{"data-testid":"approved-days-before-termination",className:"font-bold",children:p(m)})]}),r(T,{withBorder:!0,children:[r("label",{children:["Approved for use after ",f]}),o("p",{"data-testid":"approved-days-after-termination",className:"font-bold",children:p(i)})]}),r(T,{children:[o("label",{children:"Total days remaining unused"}),o("p",{"data-testid":"remaining-days",className:"font-bold",children:p(s)})]}),o(T,{className:"mb-2 py-0",children:r("p",{className:"text-xs text-[#222E39]",children:["Expiration date of unused days: ",f]})})]})},"SummaryTimeOff"),z=b(({employeeName:e,timeoffQuery:t,onOpenChange:a,open:m})=>{let{data:i}=t||{};return r(S,{open:m,onOpenChange:a,title:`${e} paid time off breakdown`,trigger:o(E,{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:[o("div",{className:"mb-2",children:r(N,{children:[o(v,{children:r(R,{children:[o(y,{className:"w-[250px]",children:"Dates"}),o(y,{children:"Duration"}),o(y,{children:"Status"})]})}),o(x,{children:i?.timeoffs.map(s=>r(R,{children:[o(w,{className:"font-medium w-[250px]",children:s.formattedDate}),o(w,{children:p(s.duration)}),o(w,{children:s.status})]},`${s.startDate}-${s.endDate}`))})]})}),r("p",{className:"text-xs",children:["Total of ",p(i?.bookedDays||0)," booked"]})]})},"DrawerTimeOff"),te=b(({employeeName:e,proposedTerminationDate:t,summaryData:a,formattedProposedTerminationDate:m,timeoffQuery:i,onOpenChange:s,open:u})=>{let{entitledDays:f,bookedDays:D,usedDays:_,approvedDaysBeforeTermination:B,approvedDaysAfterTermination:k,remainingDays:O}=a?.data||{entitledDays:0,bookedDays:0,usedDays:0,approvedDaysBeforeTermination:0,approvedDaysAfterTermination:0,remainingDays:0};return r("div",{className:"RemoteFlows__PaidTimeOff__Container py-3",children:[o("h3",{className:"RemoteFlows__PaidTimeOff__Title mb-2",children:"Paid time off"}),r("p",{className:"RemoteFlows__PaidTimeOff__Description text-sm mb-2",children:["The proposed termination date for ",e," is"," ",m,". 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:"]}),r("div",{className:"mb-2",children:[!a?.isLoading&&!a?.isError&&a?.data&&o(U,{entitledDays:f,usedDays:_,bookedDays:D,approvedDaysBeforeTermination:B,approvedDaysAfterTermination:k,remainingDays:O,proposedTerminationDate:t}),o(z,{employeeName:e,timeoffQuery:i,onOpenChange:s,open:u})]})]})},"PaidTimeOff");export{te as a};
-//# sourceMappingURL=chunk-347YWDTK.js.map

package/dist/chunk-347YWDTK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/shared/drawer/Drawer.tsx","../src/components/ui/table.tsx","../src/flows/Termination/components/PaidTimeOff/PaidTimeOff.tsx"],"sourcesContent":["import { useFormFields } from '@/src/context';\nimport { DrawerComponentProps } from '@/src/types/remoteFlows';\nimport {\n  Drawer as DrawerPrimitive,\n  DrawerTrigger,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n} from '@/src/components/ui/drawer';\nimport { cn } from '@/src/lib/utils';\n\nexport type DrawerProps = DrawerComponentProps & {\n  className?: string;\n  direction?: 'left' | 'right';\n};\n\nexport const Drawer = ({\n  open,\n  onOpenChange,\n  title,\n  trigger,\n  children,\n  className = '',\n  direction = 'right',\n}: DrawerProps) => {\n  const { components } = useFormFields();\n  const CustomDrawer = components?.drawer;\n\n  if (CustomDrawer) {\n    return (\n      <CustomDrawer\n        open={open}\n        onOpenChange={onOpenChange}\n        title={title}\n        trigger={trigger}\n      >\n        {children}\n      </CustomDrawer>\n    );\n  }\n\n  return (\n    <DrawerPrimitive\n      open={open}\n      onOpenChange={onOpenChange}\n      direction={direction}\n    >\n      <DrawerTrigger asChild>{trigger}</DrawerTrigger>\n      <DrawerContent\n        className={cn(\n          className,\n          'RemoteFlows__Drawer h-full w-[540px] mt-0 ml-auto px-4',\n        )}\n      >\n        <div className='h-full flex flex-col'>\n          <DrawerHeader>\n            <DrawerTitle>{title}</DrawerTitle>\n          </DrawerHeader>\n          <div className='flex-1 overflow-y-auto'>{children}</div>\n        </div>\n      </DrawerContent>\n    </DrawerPrimitive>\n  );\n};\n","import * as React from 'react';\n\nimport { cn } from '@/src/lib/utils';\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <div className='relative w-full overflow-auto'>\n    <table\n      ref={ref}\n      className={cn('w-full caption-bottom text-sm', className)}\n      {...props}\n    />\n  </div>\n));\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn('[&_tr]:border-b', className)} {...props} />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn('[&_tr:last-child]:border-0', className)}\n    {...props}\n  />\n));\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn(\n      'border-t bg-muted/50 font-medium [&>tr]:last:border-b-0',\n      className,\n    )}\n    {...props}\n  />\n));\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn(\n      'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',\n      className,\n    )}\n    {...props}\n  />\n));\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      'h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = 'TableHead';\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\n      'p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n      className,\n    )}\n    {...props}\n  />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn('mt-4 text-sm text-muted-foreground', className)}\n    {...props}\n  />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};\n","import { PaidTimeoffBreakdownResponse } from '@/src/common/api';\nimport { Button } from '@/src/components/ui/button';\nimport { cn } from '@/src/lib/utils';\nimport { Drawer } from '@/src/components/shared/drawer/Drawer';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@/src/components/ui/table';\nimport { UseQueryResult } from '@tanstack/react-query';\nimport { PaidTimeOffRenderProps } from '@/src/flows/Termination/components/PaidTimeOff/types';\n\nconst pluralizeDays = (count: number) =>\n  `${count} ${count === 1 ? 'day' : 'days'}`;\n\nconst rowBase =\n  'RemoteFlows__SummaryRow flex justify-between items-center py-2 text-xs';\nconst rowBorder =\n  'RemoteFlows__SummaryRowBorder border-b border-b-1 border-b-[#E4E4E7]';\n\nconst SummaryRow = ({\n  children,\n  withBorder = false,\n  className = '',\n}: {\n  children: React.ReactNode;\n  withBorder?: boolean;\n  className?: string;\n}) => {\n  return (\n    <div className={cn(rowBase, withBorder && rowBorder, className)}>\n      {children}\n    </div>\n  );\n};\n\nconst SummaryTimeOff = ({\n  entitledDays,\n  usedDays,\n  bookedDays,\n  approvedDaysBeforeTermination,\n  approvedDaysAfterTermination,\n  remainingDays,\n  proposedTerminationDate,\n}: {\n  entitledDays: number;\n  usedDays: number;\n  bookedDays: number;\n  approvedDaysBeforeTermination: number;\n  approvedDaysAfterTermination: number;\n  remainingDays: number;\n  proposedTerminationDate: string;\n}) => {\n  const formattedProposedTerminationDate = new Date(\n    proposedTerminationDate,\n  ).toLocaleDateString('en-US', {\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric',\n  });\n  return (\n    <div>\n      <SummaryRow withBorder>\n        <label>Number of days entitled to per year</label>\n        <p data-testid='entitled-days' className='font-bold'>\n          {pluralizeDays(entitledDays)}\n        </p>\n      </SummaryRow>\n      <SummaryRow>\n        <label>Total days booked</label>\n        <p data-testid='booked-days' className='font-bold'>\n          {pluralizeDays(bookedDays)}\n        </p>\n      </SummaryRow>\n      <SummaryRow>\n        <label>Number of days already used</label>\n        <p data-testid='used-days' className='font-bold'>\n          {pluralizeDays(usedDays)}\n        </p>\n      </SummaryRow>\n      <SummaryRow>\n        <label>\n          Approved for use before {formattedProposedTerminationDate}\n        </label>\n        <p data-testid='approved-days-before-termination' className='font-bold'>\n          {pluralizeDays(approvedDaysBeforeTermination)}\n        </p>\n      </SummaryRow>\n      <SummaryRow withBorder>\n        <label>Approved for use after {formattedProposedTerminationDate}</label>\n        <p data-testid='approved-days-after-termination' className='font-bold'>\n          {pluralizeDays(approvedDaysAfterTermination)}\n        </p>\n      </SummaryRow>\n      <SummaryRow>\n        <label>Total days remaining unused</label>\n        <p data-testid='remaining-days' className='font-bold'>\n          {pluralizeDays(remainingDays)}\n        </p>\n      </SummaryRow>\n      <SummaryRow className='mb-2 py-0'>\n        <p className='text-xs text-[#222E39]'>\n          Expiration date of unused days: {formattedProposedTerminationDate}\n        </p>\n      </SummaryRow>\n    </div>\n  );\n};\n\nconst DrawerTimeOff = ({\n  employeeName,\n  timeoffQuery,\n  onOpenChange,\n  open,\n}: {\n  employeeName: string;\n  timeoffQuery: UseQueryResult<PaidTimeoffBreakdownResponse | undefined, Error>;\n  onOpenChange: () => void;\n  open: boolean;\n}) => {\n  const { data: timeoff } = timeoffQuery || {};\n  return (\n    <Drawer\n      open={open}\n      onOpenChange={onOpenChange}\n      title={`${employeeName} paid time off breakdown`}\n      trigger={\n        <Button variant='link' className='text-xs text-[#3B82F6] font-bold p-0'>\n          See detailed time off breakdown ↗\n        </Button>\n      }\n      className='h-full w-[540px] mt-0 ml-auto px-4 RemoteFlows_DrawerTimeOff'\n    >\n      <div className='mb-2'>\n        <Table>\n          <TableHeader>\n            <TableRow>\n              <TableHead className='w-[250px]'>Dates</TableHead>\n              <TableHead>Duration</TableHead>\n              <TableHead>Status</TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {timeoff?.timeoffs.map((timeoff) => (\n              <TableRow key={`${timeoff.startDate}-${timeoff.endDate}`}>\n                <TableCell className='font-medium w-[250px]'>\n                  {timeoff.formattedDate}\n                </TableCell>\n                <TableCell>{pluralizeDays(timeoff.duration)}</TableCell>\n                <TableCell>{timeoff.status}</TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n      <p className='text-xs'>\n        Total of {pluralizeDays(timeoff?.bookedDays || 0)} booked\n      </p>\n    </Drawer>\n  );\n};\n\nexport type PaidTimeOffProps = PaidTimeOffRenderProps;\n\n/**\n * PaidTimeOff component\n *\n * This component is used to display the paid time off summary and details.\n * It displays the summary data and a button to open the details drawer.\n * When the details drawer is open, it displays the paid time off breakdown.\n */\nexport const PaidTimeOff = ({\n  employeeName,\n  proposedTerminationDate,\n  summaryData,\n  formattedProposedTerminationDate,\n  timeoffQuery,\n  onOpenChange,\n  open,\n}: PaidTimeOffProps) => {\n  const {\n    entitledDays,\n    bookedDays,\n    usedDays,\n    approvedDaysBeforeTermination,\n    approvedDaysAfterTermination,\n    remainingDays,\n  } = summaryData?.data || {\n    entitledDays: 0,\n    bookedDays: 0,\n    usedDays: 0,\n    approvedDaysBeforeTermination: 0,\n    approvedDaysAfterTermination: 0,\n    remainingDays: 0,\n  };\n  return (\n    <div className='RemoteFlows__PaidTimeOff__Container py-3'>\n      <h3 className='RemoteFlows__PaidTimeOff__Title mb-2'>Paid time off</h3>\n      <p className='RemoteFlows__PaidTimeOff__Description text-sm mb-2'>\n        The proposed termination date for {employeeName} is{' '}\n        {formattedProposedTerminationDate}. You will need to pay them for any\n        unused accrued days. Below is a breakdown of their time off entitlement\n        and usage for the current annual leave period:\n      </p>\n      <div className='mb-2'>\n        {!summaryData?.isLoading &&\n          !summaryData?.isError &&\n          summaryData?.data && (\n            <SummaryTimeOff\n              entitledDays={entitledDays}\n              usedDays={usedDays}\n              bookedDays={bookedDays}\n              approvedDaysBeforeTermination={approvedDaysBeforeTermination}\n              approvedDaysAfterTermination={approvedDaysAfterTermination}\n              remainingDays={remainingDays}\n              proposedTerminationDate={proposedTerminationDate}\n            />\n          )}\n        <DrawerTimeOff\n          employeeName={employeeName}\n          timeoffQuery={timeoffQuery}\n          onOpenChange={onOpenChange}\n          open={open}\n        />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"oOA8BM,cAAAA,EAwBE,QAAAC,MAxBF,oBAdC,IAAMC,EAASC,EAAA,CAAC,CACrB,KAAAC,EACA,aAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,UAAAC,EAAY,OACd,IAAmB,CACjB,GAAM,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAC/BC,EAAeF,GAAY,OAEjC,OAAIE,EAEAb,EAACa,EAAA,CACC,KAAMT,EACN,aAAcC,EACd,MAAOC,EACP,QAASC,EAER,SAAAC,EACH,EAKFP,EAACC,EAAA,CACC,KAAME,EACN,aAAcC,EACd,UAAWK,EAEX,UAAAV,EAACc,EAAA,CAAc,QAAO,GAAE,SAAAP,EAAQ,EAChCP,EAACe,EAAA,CACC,UAAWC,EACTP,EACA,wDACF,EAEA,SAAAR,EAAC,OAAI,UAAU,uBACb,UAAAD,EAACiB,EAAA,CACC,SAAAjB,EAACkB,EAAA,CAAa,SAAAZ,EAAM,EACtB,EACAN,EAAC,OAAI,UAAU,yBAA0B,SAAAQ,EAAS,GACpD,EACF,GACF,CAEJ,EA/CsB,UChBtB,UAAYW,MAAW,QASnB,cAAAC,MAAA,oBALJ,IAAMC,EAAc,aAGlB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BJ,EAAC,OAAI,UAAU,gCACb,SAAAA,EAAC,SACC,IAAKI,EACL,UAAWC,EAAG,gCAAiCH,CAAS,EACvD,GAAGC,EACN,EACF,CACD,EACDF,EAAM,YAAc,QAEpB,IAAMK,EAAoB,aAGxB,CAAC,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAGC,IAC1BJ,EAAC,SAAM,IAAKI,EAAK,UAAWC,EAAG,kBAAmBH,CAAS,EAAI,GAAGC,EAAO,CAC1E,EACDG,EAAY,YAAc,cAE1B,IAAMC,EAAkB,aAGtB,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAGC,IAC1BJ,EAAC,SACC,IAAKI,EACL,UAAWC,EAAG,6BAA8BH,CAAS,EACpD,GAAGC,EACN,CACD,EACDI,EAAU,YAAc,YAExB,IAAMC,EAAoB,aAGxB,CAAC,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAGC,IAC1BJ,EAAC,SACC,IAAKI,EACL,UAAWC,EACT,0DACAH,CACF,EACC,GAAGC,EACN,CACD,EACDK,EAAY,YAAc,cAE1B,IAAMC,EAAiB,aAGrB,CAAC,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAGC,IAC1BJ,EAAC,MACC,IAAKI,EACL,UAAWC,EACT,8EACAH,CACF,EACC,GAAGC,EACN,CACD,EACDM,EAAS,YAAc,WAEvB,IAAMC,EAAkB,aAGtB,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,IAC1BJ,EAAC,MACC,IAAKI,EACL,UAAWC,EACT,yIACAH,CACF,EACC,GAAGC,EACN,CACD,EACDO,EAAU,YAAc,YAExB,IAAMC,EAAkB,aAGtB,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,EAAGC,IAC1BJ,EAAC,MACC,IAAKI,EACL,UAAWC,EACT,uFACAH,CACF,EACC,GAAGC,EACN,CACD,EACDQ,EAAU,YAAc,YAExB,IAAMC,EAAqB,aAGzB,CAAC,CAAE,UAAAV,EAAW,GAAGC,CAAM,EAAGC,IAC1BJ,EAAC,WACC,IAAKI,EACL,UAAWC,EAAG,qCAAsCH,CAAS,EAC5D,GAAGC,EACN,CACD,EACDS,EAAa,YAAc,eC3EvB,cAAAC,EAgCE,QAAAC,MAhCF,oBAlBJ,IAAMC,EAAgBC,EAACC,GACrB,GAAGA,CAAK,IAAIA,IAAU,EAAI,MAAQ,MAAM,GADpB,iBAGhBC,EACJ,yEACIC,EACJ,uEAEIC,EAAaJ,EAAA,CAAC,CAClB,SAAAK,EACA,WAAAC,EAAa,GACb,UAAAC,EAAY,EACd,IAMIV,EAAC,OAAI,UAAWW,EAAGN,EAASI,GAAcH,EAAWI,CAAS,EAC3D,SAAAF,EACH,EAZe,cAgBbI,EAAiBT,EAAA,CAAC,CACtB,aAAAU,EACA,SAAAC,EACA,WAAAC,EACA,8BAAAC,EACA,6BAAAC,EACA,cAAAC,EACA,wBAAAC,CACF,IAQM,CACJ,IAAMC,EAAmC,IAAI,KAC3CD,CACF,EAAE,mBAAmB,QAAS,CAC5B,MAAO,OACP,IAAK,UACL,KAAM,SACR,CAAC,EACD,OACElB,EAAC,OACC,UAAAA,EAACM,EAAA,CAAW,WAAU,GACpB,UAAAP,EAAC,SAAM,+CAAmC,EAC1CA,EAAC,KAAE,cAAY,gBAAgB,UAAU,YACtC,SAAAE,EAAcW,CAAY,EAC7B,GACF,EACAZ,EAACM,EAAA,CACC,UAAAP,EAAC,SAAM,6BAAiB,EACxBA,EAAC,KAAE,cAAY,cAAc,UAAU,YACpC,SAAAE,EAAca,CAAU,EAC3B,GACF,EACAd,EAACM,EAAA,CACC,UAAAP,EAAC,SAAM,uCAA2B,EAClCA,EAAC,KAAE,cAAY,YAAY,UAAU,YAClC,SAAAE,EAAcY,CAAQ,EACzB,GACF,EACAb,EAACM,EAAA,CACC,UAAAN,EAAC,SAAM,qCACoBmB,GAC3B,EACApB,EAAC,KAAE,cAAY,mCAAmC,UAAU,YACzD,SAAAE,EAAcc,CAA6B,EAC9C,GACF,EACAf,EAACM,EAAA,CAAW,WAAU,GACpB,UAAAN,EAAC,SAAM,oCAAwBmB,GAAiC,EAChEpB,EAAC,KAAE,cAAY,kCAAkC,UAAU,YACxD,SAAAE,EAAce,CAA4B,EAC7C,GACF,EACAhB,EAACM,EAAA,CACC,UAAAP,EAAC,SAAM,uCAA2B,EAClCA,EAAC,KAAE,cAAY,iBAAiB,UAAU,YACvC,SAAAE,EAAcgB,CAAa,EAC9B,GACF,EACAlB,EAACO,EAAA,CAAW,UAAU,YACpB,SAAAN,EAAC,KAAE,UAAU,yBAAyB,6CACHmB,GACnC,EACF,GACF,CAEJ,EAvEuB,kBAyEjBC,EAAgBlB,EAAA,CAAC,CACrB,aAAAmB,EACA,aAAAC,EACA,aAAAC,EACA,KAAAC,CACF,IAKM,CACJ,GAAM,CAAE,KAAMC,CAAQ,EAAIH,GAAgB,CAAC,EAC3C,OACEtB,EAAC0B,EAAA,CACC,KAAMF,EACN,aAAcD,EACd,MAAO,GAAGF,CAAY,2BACtB,QACEtB,EAAC4B,EAAA,CAAO,QAAQ,OAAO,UAAU,uCAAuC,kDAExE,EAEF,UAAU,+DAEV,UAAA5B,EAAC,OAAI,UAAU,OACb,SAAAC,EAAC4B,EAAA,CACC,UAAA7B,EAAC8B,EAAA,CACC,SAAA7B,EAAC8B,EAAA,CACC,UAAA/B,EAACgC,EAAA,CAAU,UAAU,YAAY,iBAAK,EACtChC,EAACgC,EAAA,CAAU,oBAAQ,EACnBhC,EAACgC,EAAA,CAAU,kBAAM,GACnB,EACF,EACAhC,EAACiC,EAAA,CACE,SAAAP,GAAS,SAAS,IAAKA,GACtBzB,EAAC8B,EAAA,CACC,UAAA/B,EAACkC,EAAA,CAAU,UAAU,wBAClB,SAAAR,EAAQ,cACX,EACA1B,EAACkC,EAAA,CAAW,SAAAhC,EAAcwB,EAAQ,QAAQ,EAAE,EAC5C1B,EAACkC,EAAA,CAAW,SAAAR,EAAQ,OAAO,IALd,GAAGA,EAAQ,SAAS,IAAIA,EAAQ,OAAO,EAMtD,CACD,EACH,GACF,EACF,EACAzB,EAAC,KAAE,UAAU,UAAU,sBACXC,EAAcwB,GAAS,YAAc,CAAC,EAAE,WACpD,GACF,CAEJ,EAnDsB,iBA8DTS,GAAchC,EAAA,CAAC,CAC1B,aAAAmB,EACA,wBAAAH,EACA,YAAAiB,EACA,iCAAAhB,EACA,aAAAG,EACA,aAAAC,EACA,KAAAC,CACF,IAAwB,CACtB,GAAM,CACJ,aAAAZ,EACA,WAAAE,EACA,SAAAD,EACA,8BAAAE,EACA,6BAAAC,EACA,cAAAC,CACF,EAAIkB,GAAa,MAAQ,CACvB,aAAc,EACd,WAAY,EACZ,SAAU,EACV,8BAA+B,EAC/B,6BAA8B,EAC9B,cAAe,CACjB,EACA,OACEnC,EAAC,OAAI,UAAU,2CACb,UAAAD,EAAC,MAAG,UAAU,uCAAuC,yBAAa,EAClEC,EAAC,KAAE,UAAU,qDAAqD,+CAC7BqB,EAAa,MAAI,IACnDF,EAAiC,8JAGpC,EACAnB,EAAC,OAAI,UAAU,OACZ,WAACmC,GAAa,WACb,CAACA,GAAa,SACdA,GAAa,MACXpC,EAACY,EAAA,CACC,aAAcC,EACd,SAAUC,EACV,WAAYC,EACZ,8BAA+BC,EAC/B,6BAA8BC,EAC9B,cAAeC,EACf,wBAAyBC,EAC3B,EAEJnB,EAACqB,EAAA,CACC,aAAcC,EACd,aAAcC,EACd,aAAcC,EACd,KAAMC,EACR,GACF,GACF,CAEJ,EAxD2B","names":["jsx","jsxs","Drawer","__name","open","onOpenChange","title","trigger","children","className","direction","components","useFormFields","CustomDrawer","DrawerTrigger","DrawerContent","cn","DrawerHeader","DrawerTitle","React","jsx","Table","className","props","ref","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption","jsx","jsxs","pluralizeDays","__name","count","rowBase","rowBorder","SummaryRow","children","withBorder","className","cn","SummaryTimeOff","entitledDays","usedDays","bookedDays","approvedDaysBeforeTermination","approvedDaysAfterTermination","remainingDays","proposedTerminationDate","formattedProposedTerminationDate","DrawerTimeOff","employeeName","timeoffQuery","onOpenChange","open","timeoff","Drawer","Button","Table","TableHeader","TableRow","TableHead","TableBody","TableCell","PaidTimeOff","summaryData"]}

package/dist/chunk-3AEKPMIN.js

@@ -1,2 +0,0 @@
-import{b as a}from"./chunk-PAQW5BFW.js";import{a as r}from"./chunk-P37U34EQ.js";var m={form:{index:0,name:"form"},confirmation_form:{index:1,name:"confirmation_form"}};function _(t,o){if(!t)return{};if(!o)return{...t.data.employment?.contract_details,effective_date:"",reason_for_change:"",job_title:t.data.employment?.job_title,additional_comments:"",annual_gross_salary:a(t.data.employment?.contract_details?.annual_gross_salary)};let s=o.map(n=>n.name),i=Object.keys(t?.data?.employment?.contract_details||{});return{...s.reduce((n,e)=>{if(i.includes(e)){let c=t?.data?.employment?.contract_details;n[e]=c[e]}return n},{}),effective_date:"",reason_for_change:"",job_title:t.data.employment?.job_title,additional_comments:"",annual_gross_salary:a(t.data.employment?.contract_details?.annual_gross_salary),additional_comments_toggle:!1}}r(_,"buildInitialValues");export{m as a,_ as b};
-//# sourceMappingURL=chunk-3AEKPMIN.js.map

package/dist/chunk-3AEKPMIN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/ContractAmendment/utils.ts"],"sourcesContent":["import { EmploymentShowResponse } from '@/src/client';\nimport { convertFromCents } from '@/src/components/form/utils';\nimport { Fields } from '@remoteoss/json-schema-form';\nimport { Step } from '../useStepState';\n\ntype StepKeys = 'form' | 'confirmation_form';\n\nexport const STEPS: Record<StepKeys, Step<StepKeys>> = {\n  form: { index: 0, name: 'form' },\n  confirmation_form: { index: 1, name: 'confirmation_form' },\n} as const;\n\nexport function buildInitialValues(\n  employment: EmploymentShowResponse | undefined,\n  fields?: Fields | undefined,\n) {\n  if (!employment) {\n    return {};\n  }\n\n  if (!fields) {\n    return {\n      ...employment.data.employment?.contract_details,\n      effective_date: '',\n      reason_for_change: '',\n      job_title: employment.data.employment?.job_title,\n      additional_comments: '',\n      annual_gross_salary: convertFromCents(\n        employment.data.employment?.contract_details\n          ?.annual_gross_salary as string,\n      ),\n    };\n  }\n\n  const allFields = fields.map((field) => field.name);\n  const employmentFields = Object.keys(\n    employment?.data?.employment?.contract_details || {},\n  );\n  const initialValues = allFields.reduce<Record<string, unknown>>(\n    (initialValuesAcc, field) => {\n      // @ts-expect-error error\n      if (employmentFields.includes(field)) {\n        const contractDetails = employment?.data?.employment\n          ?.contract_details as Record<string, unknown>;\n        // @ts-expect-error error\n        initialValuesAcc[field] = contractDetails[field];\n      }\n      return initialValuesAcc;\n    },\n    {} as Record<string, unknown>,\n  );\n\n  return {\n    ...initialValues,\n    effective_date: '',\n    reason_for_change: '',\n    job_title: employment.data.employment?.job_title,\n    additional_comments: '',\n    annual_gross_salary: convertFromCents(\n      employment.data.employment?.contract_details\n        ?.annual_gross_salary as string,\n    ),\n    additional_comments_toggle: false,\n  };\n}\n"],"mappings":"gFAOO,IAAMA,EAA0C,CACrD,KAAM,CAAE,MAAO,EAAG,KAAM,MAAO,EAC/B,kBAAmB,CAAE,MAAO,EAAG,KAAM,mBAAoB,CAC3D,EAEO,SAASC,EACdC,EACAC,EACA,CACA,GAAI,CAACD,EACH,MAAO,CAAC,EAGV,GAAI,CAACC,EACH,MAAO,CACL,GAAGD,EAAW,KAAK,YAAY,iBAC/B,eAAgB,GAChB,kBAAmB,GACnB,UAAWA,EAAW,KAAK,YAAY,UACvC,oBAAqB,GACrB,oBAAqBE,EACnBF,EAAW,KAAK,YAAY,kBACxB,mBACN,CACF,EAGF,IAAMG,EAAYF,EAAO,IAAKG,GAAUA,EAAM,IAAI,EAC5CC,EAAmB,OAAO,KAC9BL,GAAY,MAAM,YAAY,kBAAoB,CAAC,CACrD,EAeA,MAAO,CACL,GAfoBG,EAAU,OAC9B,CAACG,EAAkBF,IAAU,CAE3B,GAAIC,EAAiB,SAASD,CAAK,EAAG,CACpC,IAAMG,EAAkBP,GAAY,MAAM,YACtC,iBAEJM,EAAiBF,CAAK,EAAIG,EAAgBH,CAAK,CACjD,CACA,OAAOE,CACT,EACA,CAAC,CACH,EAIE,eAAgB,GAChB,kBAAmB,GACnB,UAAWN,EAAW,KAAK,YAAY,UACvC,oBAAqB,GACrB,oBAAqBE,EACnBF,EAAW,KAAK,YAAY,kBACxB,mBACN,EACA,2BAA4B,EAC9B,CACF,CApDgBQ,EAAAT,EAAA","names":["STEPS","buildInitialValues","employment","fields","convertFromCents","allFields","field","employmentFields","initialValuesAcc","contractDetails","__name"]}

package/dist/chunk-4O4VBGMD.js

@@ -1,2 +0,0 @@
-import{a as w}from"./chunk-347YWDTK.js";import{a as C}from"./chunk-EZWZMPD2.js";import{a as x}from"./chunk-VUP76ZMQ.js";import{a as P}from"./chunk-S4XU4SE7.js";import{a as V}from"./chunk-32GSS4UM.js";import{a as S}from"./chunk-LRGEEPGK.js";import{a as M}from"./chunk-2YTBWEC7.js";import{a as g}from"./chunk-MP2T74PU.js";import{a as j,b as k}from"./chunk-2M7EBC4K.js";import{a as h}from"./chunk-PJBAQZ6G.js";import{a as F}from"./chunk-Z5WMKCRJ.js";import{c as m}from"./chunk-PAQW5BFW.js";import{a as r}from"./chunk-43WMZDDH.js";import{a as i}from"./chunk-P37U34EQ.js";import{createHeadlessForm as Z}from"@remoteoss/json-schema-form";import U from"lodash.omitby";import W from"lodash.isnull";import{format as G}from"date-fns";import{useMemo as b}from"react";import Q from"lodash.omit";import{jsx as N,jsxs as K}from"react/jsx-runtime";function u(t,e,d){return{"x-jsf-presentation":{inputType:"hidden",Component:i(()=>K("div",{className:r("RemoteFlows__InformationStatement",d?.className),children:[N("h3",{className:r("RemoteFlows__InformationStatement__Title"),children:t}),N("p",{className:r("RemoteFlows__InformationStatement__Description"),children:e})]}),"Component")}}}i(u,"createInformationField");import{Fragment as Y,jsx as f,jsxs as ee}from"react/jsx-runtime";function X(t){return{confidential:"",customer_informed_employee:"",customer_informed_employee_date:"",customer_informed_employee_description:"",personal_email:"",termination_reason:void 0,reason_description:"",termination_reason_files:[],will_challenge_termination:"",will_challenge_termination_description:null,agrees_to_pto_amount:"",agrees_to_pto_amount_notes:null,acknowledge_termination_procedure:!1,additional_comments:"",proposed_termination_date:"",risk_assessment_reasons:[],timesheet_file:void 0,...t}}i(X,"buildInitialValues");var ke=i(({employmentId:t,options:e,initialValues:d})=>{let{fieldValues:c,setFieldValues:v,stepState:n,previousStep:$,nextStep:R}=h(P),{data:y}=S(t),p=X({...n.values?.employee_communication,...n.values?.termination_details,...n.values?.paid_time_off,...n.values?.additional_information,...d}),_=b(()=>({...n.values?.[n.currentStep.name],...p,...c}),[n.values,n.currentStep.name,c,p]),D=b(()=>({fields:{risk_assesment_info:u("Offboarding risk assessment","Employees may be protected from termination if they fall into certain categories. To help avoid claims from employees, let us know if the employee is part of one or more of these categories. Select all that apply.",{className:e?.jsfModify?.fields?.risk_assesment_info?.["x-jsf-presentation"]?.className}),proposed_termination_date_info:u("Proposed termination date",ee(Y,{children:["In most cases, we must provide notice to the employee before termination. The required notice period depends on local labor laws, the employment agreement, and other factors. We'll use those factors to determine the required notice period.",f(g,{zendeskId:V.terminationNoticePeriods,className:r("text-sm",e?.jsfModify?.fields?.proposed_termination_date_info?.["x-jsf-presentation"]?.zendeskTriggerButtonClassName),children:"Learn about notice periods"})]}),{className:e?.jsfModify?.fields?.proposed_termination_date_info?.["x-jsf-presentation"]?.className}),proposed_termination_date:{...e?.jsfModify?.fields?.proposed_termination_date,"x-jsf-presentation":{...e?.jsfModify?.fields?.proposed_termination_date?.["x-jsf-presentation"],minDate:G(new Date,"yyyy-MM-dd")}},paid_time_off_info:{...e?.jsfModify?.fields?.paid_time_off_info,"x-jsf-presentation":{...e?.jsfModify?.fields?.paid_time_off_info?.["x-jsf-presentation"],Component:i(()=>{let a=e?.jsfModify?.fields?.paid_time_off_info?.["x-jsf-presentation"]?.Component;return f(C,{employeeName:y?.basic_information?.name,proposedTerminationDate:_.proposed_termination_date,employmentId:t,render:o=>a?f(a,{...o}):f(w,{...o})})},"Component")}}}}),[y?.basic_information?.name,_.proposed_termination_date,e?.jsfModify?.fields?.paid_time_off_info,e?.jsfModify?.fields?.proposed_termination_date_info,e?.jsfModify?.fields?.risk_assesment_info,t]),{data:s,isLoading:E}=k({formValues:_,jsfModify:{...e?.jsfModify,fields:{...e?.jsfModify?.fields,...D?.fields}},step:n.currentStep.name}),l=Z(x.data.schema),T=j(),{mutateAsync:O}=M(T);async function I(a){if(!t)throw new Error("Employment id is missing");if(s){let o=m(a,l.fields,{isPartialValidation:!0}),{customer_informed_employee:B}=o,H=B==="yes"?{employee_awareness:{date:o.customer_informed_employee_date,note:o.customer_informed_employee_description}}:void 0,L=F(o,["agrees_to_pto_amount","confidential","customer_informed_employee","will_challenge_termination"]),A=Q(L,"customer_informed_employee_date","customer_informed_employee_description"),q=U({...A,...H},W);return O({employment_id:t,termination_details:q,type:"termination"})}}i(I,"onSubmit");function J(){$()}i(J,"back");function z(){R()}return i(z,"next"),{employmentId:t,stepState:n,fields:s?.fields||[],isLoading:E,isSubmitting:T.isPending,initialValues:p,handleValidation:i(a=>{if(s){let o=m(a,s?.fields);return s?.handleValidation(o)}return null},"handleValidation"),checkFieldUpdates:i(a=>{if(l){let o=m(a,l?.fields,{isPartialValidation:!0});v(o)}},"checkFieldUpdates"),parseFormValues:i(a=>m(a,l.fields,{isPartialValidation:!0}),"parseFormValues"),onSubmit:I,back:J,next:z}},"useTermination");export{ke as a};
-//# sourceMappingURL=chunk-4O4VBGMD.js.map

package/dist/chunk-4O4VBGMD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/Termination/hooks.tsx","../src/components/form/jsf-utils/createFields.tsx"],"sourcesContent":["import { $TSFixMe, createHeadlessForm } from '@remoteoss/json-schema-form';\nimport omitBy from 'lodash.omitby';\nimport isNull from 'lodash.isnull';\nimport { format } from 'date-fns';\nimport { useMemo } from 'react';\nimport {\n  CreateOffboardingParams,\n  TerminationDetailsParams,\n} from '@/src/client';\nimport { mutationToPromise } from '@/src/lib/mutations';\nimport { parseJSFToValidate } from '@/src/components/form/utils';\nimport {\n  TerminationFlowProps,\n  TerminationFormValues,\n} from '@/src/flows/Termination/types';\nimport omit from 'lodash.omit';\nimport { parseFormRadioValues } from '@/src/flows/utils';\nimport { useStepState } from '@/src/flows/useStepState';\nimport { STEPS } from '@/src/flows/Termination/utils';\nimport { jsonSchema } from '@/src/flows/Termination/json-schemas/jsonSchema';\nimport { useCreateTermination, useTerminationSchema } from '@/src/flows/api';\nimport { createInformationField } from '@/src/components/form/jsf-utils/createFields';\nimport { cn, ZendeskTriggerButton } from '@/src/internals';\nimport { zendeskArticles } from '@/src/components/shared/zendesk-drawer/utils';\nimport { PaidTimeOff } from '@/src/flows/Termination/components/PaidTimeOff/PaidTimeOff';\nimport { useEmployment } from '@/src/flows/Onboarding/api';\nimport { PaidTimeOffContainer } from '@/src/flows/Termination/components/PaidTimeOff/PaidTimeOffContainer';\n\nfunction buildInitialValues(\n  stepsInitialValues: Partial<TerminationFormValues>,\n): TerminationFormValues {\n  const initialValues: TerminationFormValues = {\n    confidential: '',\n    customer_informed_employee: '',\n    customer_informed_employee_date: '',\n    customer_informed_employee_description: '',\n    personal_email: '',\n    termination_reason: undefined,\n    reason_description: '',\n    termination_reason_files: [],\n    will_challenge_termination: '',\n    will_challenge_termination_description: null,\n    agrees_to_pto_amount: '',\n    agrees_to_pto_amount_notes: null,\n    acknowledge_termination_procedure: false,\n    additional_comments: '',\n    proposed_termination_date: '',\n    risk_assessment_reasons: [],\n    timesheet_file: undefined,\n    ...stepsInitialValues,\n  };\n\n  return initialValues;\n}\n\ntype TerminationHookProps = Omit<TerminationFlowProps, 'render'>;\n\nexport const useTermination = ({\n  employmentId,\n  options,\n  initialValues: terminationInitialValues,\n}: TerminationHookProps) => {\n  const { fieldValues, setFieldValues, stepState, previousStep, nextStep } =\n    useStepState<keyof typeof STEPS, TerminationFormValues>(STEPS);\n\n  const { data: employment } = useEmployment(employmentId);\n\n  const initialValues = buildInitialValues({\n    ...stepState.values?.employee_communication,\n    ...stepState.values?.termination_details,\n    ...stepState.values?.paid_time_off,\n    ...stepState.values?.additional_information,\n    ...terminationInitialValues,\n  });\n\n  const formValues = useMemo(\n    () => ({\n      ...stepState.values?.[stepState.currentStep.name as keyof typeof STEPS], // Restore values for the current step\n      ...initialValues,\n      ...fieldValues,\n    }),\n    [stepState.values, stepState.currentStep.name, fieldValues, initialValues],\n  );\n\n  const customFields = useMemo(() => {\n    return {\n      fields: {\n        risk_assesment_info: createInformationField(\n          'Offboarding risk assessment',\n          'Employees may be protected from termination if they fall into certain categories. To help avoid claims from employees, let us know if the employee is part of one or more of these categories. Select all that apply.',\n          {\n            className: (\n              options?.jsfModify?.fields?.risk_assesment_info as $TSFixMe\n            )?.['x-jsf-presentation']?.className,\n          },\n        ),\n        proposed_termination_date_info: createInformationField(\n          'Proposed termination date',\n          <>\n            In most cases, we must provide notice to the employee before\n            termination. The required notice period depends on local labor laws,\n            the employment agreement, and other factors. We'll use those factors\n            to determine the required notice period.\n            <ZendeskTriggerButton\n              zendeskId={zendeskArticles.terminationNoticePeriods}\n              className={cn(\n                'text-sm',\n                (\n                  options?.jsfModify?.fields\n                    ?.proposed_termination_date_info as $TSFixMe\n                )?.['x-jsf-presentation']?.zendeskTriggerButtonClassName,\n              )}\n            >\n              Learn about notice periods\n            </ZendeskTriggerButton>\n          </>,\n          {\n            className: (\n              options?.jsfModify?.fields\n                ?.proposed_termination_date_info as $TSFixMe\n            )?.['x-jsf-presentation']?.className,\n          },\n        ),\n        proposed_termination_date: {\n          ...(options?.jsfModify?.fields\n            ?.proposed_termination_date as $TSFixMe),\n          'x-jsf-presentation': {\n            ...(\n              options?.jsfModify?.fields?.proposed_termination_date as $TSFixMe\n            )?.['x-jsf-presentation'],\n            minDate: format(new Date(), 'yyyy-MM-dd'),\n          },\n        },\n        paid_time_off_info: {\n          ...(options?.jsfModify?.fields?.paid_time_off_info as $TSFixMe),\n          'x-jsf-presentation': {\n            ...(options?.jsfModify?.fields?.paid_time_off_info as $TSFixMe)?.[\n              'x-jsf-presentation'\n            ],\n            Component: () => {\n              const CustomComponent = (\n                options?.jsfModify?.fields?.paid_time_off_info as $TSFixMe\n              )?.['x-jsf-presentation']?.Component;\n\n              return (\n                <PaidTimeOffContainer\n                  employeeName={employment?.basic_information?.name as string}\n                  proposedTerminationDate={formValues.proposed_termination_date}\n                  employmentId={employmentId}\n                  render={(props) => {\n                    if (CustomComponent) {\n                      return <CustomComponent {...props} />;\n                    }\n                    return <PaidTimeOff {...props} />;\n                  }}\n                />\n              );\n            },\n          },\n        },\n      },\n    };\n  }, [\n    employment?.basic_information?.name,\n    formValues.proposed_termination_date,\n    options?.jsfModify?.fields?.paid_time_off_info,\n    options?.jsfModify?.fields?.proposed_termination_date_info,\n    options?.jsfModify?.fields?.risk_assesment_info,\n    employmentId,\n  ]);\n\n  const { data: terminationHeadlessForm, isLoading: isLoadingTermination } =\n    useTerminationSchema({\n      formValues: formValues,\n      jsfModify: {\n        ...options?.jsfModify,\n        fields: {\n          ...options?.jsfModify?.fields,\n          ...customFields?.fields,\n        },\n      },\n      step: stepState.currentStep.name,\n    });\n\n  const entireTerminationSchema = createHeadlessForm(jsonSchema.data.schema);\n\n  const createTermination = useCreateTermination();\n  const { mutateAsync } = mutationToPromise(createTermination);\n\n  async function onSubmit(values: TerminationFormValues) {\n    if (!employmentId) {\n      throw new Error('Employment id is missing');\n    }\n\n    if (terminationHeadlessForm) {\n      // this is a hack because I need to validate all form values with the entire schema\n      const parsedValues = parseJSFToValidate(\n        values,\n        entireTerminationSchema.fields,\n        { isPartialValidation: true },\n      );\n\n      const { customer_informed_employee: customerInformedEmployee } =\n        parsedValues;\n\n      const employeeAwareness =\n        customerInformedEmployee === 'yes'\n          ? {\n              employee_awareness: {\n                date: parsedValues.customer_informed_employee_date,\n                note: parsedValues.customer_informed_employee_description,\n              },\n            }\n          : undefined;\n\n      const radioFieldKeys = [\n        'agrees_to_pto_amount',\n        'confidential',\n        'customer_informed_employee',\n        'will_challenge_termination',\n      ];\n\n      const parsedRadioValues = parseFormRadioValues(\n        parsedValues,\n        radioFieldKeys,\n      );\n\n      const normalizedValues = omit(\n        parsedRadioValues,\n        'customer_informed_employee_date',\n        'customer_informed_employee_description',\n      );\n\n      const terminationDetails: TerminationDetailsParams = omitBy(\n        {\n          ...normalizedValues,\n          ...employeeAwareness,\n        },\n        isNull,\n      ) as unknown as TerminationDetailsParams;\n\n      const terminationPayload: CreateOffboardingParams = {\n        employment_id: employmentId,\n        termination_details: terminationDetails,\n        type: 'termination',\n      };\n\n      return mutateAsync(terminationPayload);\n    }\n\n    return;\n  }\n\n  function back() {\n    previousStep();\n  }\n\n  function next() {\n    nextStep();\n  }\n\n  return {\n    /**\n     * Employment id passed useful to be used between components\n     */\n    employmentId,\n    /**\n     * Current step state containing the current step and total number of steps\n     */\n    stepState,\n    /**\n     * Array of form fields from the contract amendment schema\n     */\n    fields: terminationHeadlessForm?.fields || [],\n    /**\n     * Loading state indicating if the termination schema is being fetched\n     */\n    isLoading: isLoadingTermination,\n    /**\n     * Loading state indicating if a contract amendment mutation is in progress\n     */\n    isSubmitting: createTermination.isPending,\n    /**\n     * Initial form values\n     */\n    initialValues: initialValues,\n    /**\n     * Function to validate form values against the contract amendment schema\n     * @param values - Form values to validate\n     * @returns Validation result or null if no schema is available\n     */\n    handleValidation: (values: TerminationFormValues) => {\n      if (terminationHeadlessForm) {\n        const parsedValues = parseJSFToValidate(\n          values,\n          terminationHeadlessForm?.fields,\n        );\n        return terminationHeadlessForm?.handleValidation(parsedValues);\n      }\n      return null;\n    },\n    /**\n     * Function to update the current form field values\n     * @param values - New form values to set\n     */\n    checkFieldUpdates: (values: Partial<TerminationFormValues>) => {\n      if (entireTerminationSchema) {\n        const parsedValues = parseJSFToValidate(\n          values,\n          entireTerminationSchema?.fields,\n          { isPartialValidation: true },\n        );\n        setFieldValues(parsedValues as TerminationFormValues);\n      }\n    },\n    /**\n     * Function to parse form values before submission\n     * @param values - Form values to parse\n     * @returns Parsed form values\n     */\n    parseFormValues: (values: TerminationFormValues) => {\n      return parseJSFToValidate(values, entireTerminationSchema.fields, {\n        isPartialValidation: true,\n      });\n    },\n    /**\n     * Function to handle form submission\n     * @param values - Form values to submit\n     * @returns Promise resolving to the mutation result\n     */\n    onSubmit,\n\n    /**\n     * Function to handle going back to the previous step\n     * @returns {void}\n     */\n    back,\n\n    /**\n     * Function to handle going to the next step\n     * @returns {void}\n     */\n    next,\n  };\n};\n","import { cn } from '@/src/lib/utils';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\n\ntype JSFPresentationConfig = {\n  inputType?: string;\n  Component?: React.ComponentType<$TSFixMe>;\n  hidden?: boolean;\n  [key: string]: unknown;\n};\n\ntype JSFFieldConfig = {\n  'x-jsf-presentation'?: JSFPresentationConfig;\n  [key: string]: unknown;\n};\n\n/**\n * Creates an information field with standard styling\n */\nexport function createInformationField(\n  title: React.ReactNode,\n  description: React.ReactNode,\n  options?: {\n    className?: string;\n  },\n): JSFFieldConfig {\n  return {\n    'x-jsf-presentation': {\n      inputType: 'hidden',\n      Component: () => (\n        <div\n          className={cn(\n            'RemoteFlows__InformationStatement',\n            options?.className,\n          )}\n        >\n          <h3 className={cn('RemoteFlows__InformationStatement__Title')}>\n            {title}\n          </h3>\n          <p className={cn('RemoteFlows__InformationStatement__Description')}>\n            {description}\n          </p>\n        </div>\n      ),\n    },\n  };\n}\n"],"mappings":"ujBAAA,OAAmB,sBAAAA,MAA0B,8BAC7C,OAAOC,MAAY,gBACnB,OAAOC,MAAY,gBACnB,OAAS,UAAAC,MAAc,WACvB,OAAS,WAAAC,MAAe,QAWxB,OAAOC,MAAU,cCcT,OAME,OAAAC,EANF,QAAAC,MAAA,oBAXD,SAASC,EACdC,EACAC,EACAC,EAGgB,CAChB,MAAO,CACL,qBAAsB,CACpB,UAAW,SACX,UAAWC,EAAA,IACTL,EAAC,OACC,UAAWM,EACT,oCACAF,GAAS,SACX,EAEA,UAAAL,EAAC,MAAG,UAAWO,EAAG,0CAA0C,EACzD,SAAAJ,EACH,EACAH,EAAC,KAAE,UAAWO,EAAG,gDAAgD,EAC9D,SAAAH,EACH,GACF,EAbS,YAeb,CACF,CACF,CA3BgBE,EAAAJ,EAAA,0BDgFN,mBAAAM,EAKE,OAAAC,EALF,QAAAC,OAAA,oBAtEV,SAASC,EACPC,EACuB,CAsBvB,MArB6C,CAC3C,aAAc,GACd,2BAA4B,GAC5B,gCAAiC,GACjC,uCAAwC,GACxC,eAAgB,GAChB,mBAAoB,OACpB,mBAAoB,GACpB,yBAA0B,CAAC,EAC3B,2BAA4B,GAC5B,uCAAwC,KACxC,qBAAsB,GACtB,2BAA4B,KAC5B,kCAAmC,GACnC,oBAAqB,GACrB,0BAA2B,GAC3B,wBAAyB,CAAC,EAC1B,eAAgB,OAChB,GAAGA,CACL,CAGF,CAzBSC,EAAAF,EAAA,sBA6BF,IAAMG,GAAiBD,EAAA,CAAC,CAC7B,aAAAE,EACA,QAAAC,EACA,cAAeC,CACjB,IAA4B,CAC1B,GAAM,CAAE,YAAAC,EAAa,eAAAC,EAAgB,UAAAC,EAAW,aAAAC,EAAc,SAAAC,CAAS,EACrEC,EAAwDC,CAAK,EAEzD,CAAE,KAAMC,CAAW,EAAIC,EAAcX,CAAY,EAEjDY,EAAgBhB,EAAmB,CACvC,GAAGS,EAAU,QAAQ,uBACrB,GAAGA,EAAU,QAAQ,oBACrB,GAAGA,EAAU,QAAQ,cACrB,GAAGA,EAAU,QAAQ,uBACrB,GAAGH,CACL,CAAC,EAEKW,EAAaC,EACjB,KAAO,CACL,GAAGT,EAAU,SAASA,EAAU,YAAY,IAA0B,EACtE,GAAGO,EACH,GAAGT,CACL,GACA,CAACE,EAAU,OAAQA,EAAU,YAAY,KAAMF,EAAaS,CAAa,CAC3E,EAEMG,EAAeD,EAAQ,KACpB,CACL,OAAQ,CACN,oBAAqBE,EACnB,8BACA,wNACA,CACE,UACEf,GAAS,WAAW,QAAQ,sBAC1B,oBAAoB,GAAG,SAC7B,CACF,EACA,+BAAgCe,EAC9B,4BACArB,GAAAF,EAAA,CAAE,4PAKAC,EAACuB,EAAA,CACC,UAAWC,EAAgB,yBAC3B,UAAWC,EACT,UAEElB,GAAS,WAAW,QAChB,iCACF,oBAAoB,GAAG,6BAC7B,EACD,sCAED,GACF,EACA,CACE,UACEA,GAAS,WAAW,QAChB,iCACF,oBAAoB,GAAG,SAC7B,CACF,EACA,0BAA2B,CACzB,GAAIA,GAAS,WAAW,QACpB,0BACJ,qBAAsB,CACpB,GACEA,GAAS,WAAW,QAAQ,4BAC1B,oBAAoB,EACxB,QAASmB,EAAO,IAAI,KAAQ,YAAY,CAC1C,CACF,EACA,mBAAoB,CAClB,GAAInB,GAAS,WAAW,QAAQ,mBAChC,qBAAsB,CACpB,GAAIA,GAAS,WAAW,QAAQ,qBAC9B,oBACF,EACA,UAAWH,EAAA,IAAM,CACf,IAAMuB,EACJpB,GAAS,WAAW,QAAQ,qBAC1B,oBAAoB,GAAG,UAE3B,OACEP,EAAC4B,EAAA,CACC,aAAcZ,GAAY,mBAAmB,KAC7C,wBAAyBG,EAAW,0BACpC,aAAcb,EACd,OAASuB,GACHF,EACK3B,EAAC2B,EAAA,CAAiB,GAAGE,EAAO,EAE9B7B,EAAC8B,EAAA,CAAa,GAAGD,EAAO,EAEnC,CAEJ,EAlBW,YAmBb,CACF,CACF,CACF,GACC,CACDb,GAAY,mBAAmB,KAC/BG,EAAW,0BACXZ,GAAS,WAAW,QAAQ,mBAC5BA,GAAS,WAAW,QAAQ,+BAC5BA,GAAS,WAAW,QAAQ,oBAC5BD,CACF,CAAC,EAEK,CAAE,KAAMyB,EAAyB,UAAWC,CAAqB,EACrEC,EAAqB,CACnB,WAAYd,EACZ,UAAW,CACT,GAAGZ,GAAS,UACZ,OAAQ,CACN,GAAGA,GAAS,WAAW,OACvB,GAAGc,GAAc,MACnB,CACF,EACA,KAAMV,EAAU,YAAY,IAC9B,CAAC,EAEGuB,EAA0BC,EAAmBC,EAAW,KAAK,MAAM,EAEnEC,EAAoBC,EAAqB,EACzC,CAAE,YAAAC,CAAY,EAAIC,EAAkBH,CAAiB,EAE3D,eAAeI,EAASC,EAA+B,CACrD,GAAI,CAACpC,EACH,MAAM,IAAI,MAAM,0BAA0B,EAG5C,GAAIyB,EAAyB,CAE3B,IAAMY,EAAeC,EACnBF,EACAR,EAAwB,OACxB,CAAE,oBAAqB,EAAK,CAC9B,EAEM,CAAE,2BAA4BW,CAAyB,EAC3DF,EAEIG,EACJD,IAA6B,MACzB,CACE,mBAAoB,CAClB,KAAMF,EAAa,gCACnB,KAAMA,EAAa,sCACrB,CACF,EACA,OASAI,EAAoBC,EACxBL,EARqB,CACrB,uBACA,eACA,6BACA,4BACF,CAKA,EAEMM,EAAmBC,EACvBH,EACA,kCACA,wCACF,EAEMI,EAA+CC,EACnD,CACE,GAAGH,EACH,GAAGH,CACL,EACAO,CACF,EAQA,OAAOd,EAN6C,CAClD,cAAejC,EACf,oBAAqB6C,EACrB,KAAM,aACR,CAEqC,CACvC,CAGF,CA9De/C,EAAAqC,EAAA,YAgEf,SAASa,GAAO,CACd1C,EAAa,CACf,CAFSR,EAAAkD,EAAA,QAIT,SAASC,GAAO,CACd1C,EAAS,CACX,CAFS,OAAAT,EAAAmD,EAAA,QAIF,CAIL,aAAAjD,EAIA,UAAAK,EAIA,OAAQoB,GAAyB,QAAU,CAAC,EAI5C,UAAWC,EAIX,aAAcK,EAAkB,UAIhC,cAAenB,EAMf,iBAAkBd,EAACsC,GAAkC,CACnD,GAAIX,EAAyB,CAC3B,IAAMY,EAAeC,EACnBF,EACAX,GAAyB,MAC3B,EACA,OAAOA,GAAyB,iBAAiBY,CAAY,CAC/D,CACA,OAAO,IACT,EATkB,oBAclB,kBAAmBvC,EAACsC,GAA2C,CAC7D,GAAIR,EAAyB,CAC3B,IAAMS,EAAeC,EACnBF,EACAR,GAAyB,OACzB,CAAE,oBAAqB,EAAK,CAC9B,EACAxB,EAAeiC,CAAqC,CACtD,CACF,EATmB,qBAenB,gBAAiBvC,EAACsC,GACTE,EAAmBF,EAAQR,EAAwB,OAAQ,CAChE,oBAAqB,EACvB,CAAC,EAHc,mBAUjB,SAAAO,EAMA,KAAAa,EAMA,KAAAC,CACF,CACF,EA/R8B","names":["createHeadlessForm","omitBy","isNull","format","useMemo","omit","jsx","jsxs","createInformationField","title","description","options","__name","cn","Fragment","jsx","jsxs","buildInitialValues","stepsInitialValues","__name","useTermination","employmentId","options","terminationInitialValues","fieldValues","setFieldValues","stepState","previousStep","nextStep","useStepState","STEPS","employment","useEmployment","initialValues","formValues","useMemo","customFields","createInformationField","ZendeskTriggerButton","zendeskArticles","cn","format","CustomComponent","PaidTimeOffContainer","props","PaidTimeOff","terminationHeadlessForm","isLoadingTermination","useTerminationSchema","entireTerminationSchema","createHeadlessForm","jsonSchema","createTermination","useCreateTermination","mutateAsync","mutationToPromise","onSubmit","values","parsedValues","parseJSFToValidate","customerInformedEmployee","employeeAwareness","parsedRadioValues","parseFormRadioValues","normalizedValues","omit","terminationDetails","omitBy","isNull","back","next"]}

package/dist/chunk-EZWZMPD2.js

@@ -1,2 +0,0 @@
-import{c as t,d as m,e as a,f as i}from"./chunk-REDYWUCC.js";import{a as n}from"./chunk-P37U34EQ.js";import{useState as T}from"react";var C=n(({proposedTerminationDate:e,employeeName:f,employmentId:o,render:s})=>{let[r,u]=T(!1),y=i({employmentId:o}),c=new Date(e).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"}),d=t({employmentId:o,options:{enabled:r}}),P=m({employmentId:o,date:e}),l=a({employmentId:o,proposedTerminationDate:e});return s({leavePoliciesSummaryQuery:y,timeoffQuery:d,bookedTimeBeforeAndAfterTerminationQuery:P,formattedProposedTerminationDate:c,employeeName:f,proposedTerminationDate:e,summaryData:l,open:r,onOpenChange:n(()=>{u(O=>!O)},"onOpenChange")})},"PaidTimeOffContainer");export{C as a};
-//# sourceMappingURL=chunk-EZWZMPD2.js.map

package/dist/chunk-EZWZMPD2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/Termination/components/PaidTimeOff/PaidTimeOffContainer.tsx"],"sourcesContent":["import {\n  useBookedTimeoffBeforeAndAfterTerminationQuery,\n  usePaidTimeoffBreakdownQuery,\n  useSummaryTimeOffDataQuery,\n  useTimeOffLeavePoliciesSummaryQuery,\n} from '@/src/common/api';\nimport { PaidTimeOffContainerProps } from '@/src/flows/Termination/components/PaidTimeOff/types';\nimport { useState } from 'react';\n\n/**\n * PaidTimeOffContainer component\n *\n * This is a container component that manages paid time off (PTO) data retrieval and state\n * for the termination flow. It aggregates multiple time off-related queries and formats\n * the termination date for display.\n *\n */\nexport const PaidTimeOffContainer = ({\n  proposedTerminationDate,\n  employeeName,\n  employmentId,\n  render,\n}: PaidTimeOffContainerProps) => {\n  const [open, setOpen] = useState(false);\n\n  const leavePoliciesSummaryQuery = useTimeOffLeavePoliciesSummaryQuery({\n    employmentId: employmentId,\n  });\n\n  const formattedProposedTerminationDate = new Date(\n    proposedTerminationDate,\n  ).toLocaleDateString('en-US', {\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric',\n  });\n\n  const timeoffQuery = usePaidTimeoffBreakdownQuery({\n    employmentId: employmentId,\n    options: {\n      enabled: open,\n    },\n  });\n\n  const bookedTimeBeforeAndAfterTerminationQuery =\n    useBookedTimeoffBeforeAndAfterTerminationQuery({\n      employmentId: employmentId,\n      date: proposedTerminationDate,\n    });\n\n  const summaryData = useSummaryTimeOffDataQuery({\n    employmentId: employmentId,\n    proposedTerminationDate,\n  });\n\n  const onOpenChange = () => {\n    setOpen((open) => !open);\n  };\n\n  return render({\n    leavePoliciesSummaryQuery,\n    timeoffQuery,\n    bookedTimeBeforeAndAfterTerminationQuery,\n    formattedProposedTerminationDate,\n    employeeName,\n    proposedTerminationDate,\n    summaryData,\n    open,\n    onOpenChange,\n  });\n};\n"],"mappings":"qGAOA,OAAS,YAAAA,MAAgB,QAUlB,IAAMC,EAAuBC,EAAA,CAAC,CACnC,wBAAAC,EACA,aAAAC,EACA,aAAAC,EACA,OAAAC,CACF,IAAiC,CAC/B,GAAM,CAACC,EAAMC,CAAO,EAAIC,EAAS,EAAK,EAEhCC,EAA4BC,EAAoC,CACpE,aAAcN,CAChB,CAAC,EAEKO,EAAmC,IAAI,KAC3CT,CACF,EAAE,mBAAmB,QAAS,CAC5B,MAAO,OACP,IAAK,UACL,KAAM,SACR,CAAC,EAEKU,EAAeC,EAA6B,CAChD,aAAcT,EACd,QAAS,CACP,QAASE,CACX,CACF,CAAC,EAEKQ,EACJC,EAA+C,CAC7C,aAAcX,EACd,KAAMF,CACR,CAAC,EAEGc,EAAcC,EAA2B,CAC7C,aAAcb,EACd,wBAAAF,CACF,CAAC,EAMD,OAAOG,EAAO,CACZ,0BAAAI,EACA,aAAAG,EACA,yCAAAE,EACA,iCAAAH,EACA,aAAAR,EACA,wBAAAD,EACA,YAAAc,EACA,KAAAV,EACA,aAbmBL,EAAA,IAAM,CACzBM,EAASD,GAAS,CAACA,CAAI,CACzB,EAFqB,eAcrB,CAAC,CACH,EArDoC","names":["useState","PaidTimeOffContainer","__name","proposedTerminationDate","employeeName","employmentId","render","open","setOpen","useState","leavePoliciesSummaryQuery","useTimeOffLeavePoliciesSummaryQuery","formattedProposedTerminationDate","timeoffQuery","usePaidTimeoffBreakdownQuery","bookedTimeBeforeAndAfterTerminationQuery","useBookedTimeoffBeforeAndAfterTerminationQuery","summaryData","useSummaryTimeOffDataQuery"]}

package/dist/chunk-IUZ7DEXC.js

@@ -1,2 +0,0 @@
-import{a as y}from"./chunk-32GSS4UM.js";import{a as l}from"./chunk-HFI2MD3H.js";import{a as m}from"./chunk-MP2T74PU.js";import{c}from"./chunk-CNDSIADP.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:y.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(l,{...e,sourceCurrency:d,targetCurrency:F,mainFieldName:g,conversionFieldName:u,conversionProperties:f,classNamePrefix:"RemoteFlows-Salary",conversionType:_})},"SalaryField");export{R as a};
-//# sourceMappingURL=chunk-IUZ7DEXC.js.map

package/dist/chunk-MP2T74PU.js

@@ -1,2 +0,0 @@
-import{a as b,b as h,d as C,e as Z,f as v,g as y}from"./chunk-TWIUL2P3.js";import{g}from"./chunk-3O3Q24JL.js";import{b as w,d as f}from"./chunk-3ZWDIEEM.js";import{a as k,f as D}from"./chunk-43WMZDDH.js";import{a as e}from"./chunk-P37U34EQ.js";import{useQuery as F}from"@tanstack/react-query";var x=e((r,a)=>{let{client:s}=f();return F({queryKey:["zendesk-article",r],queryFn:e(async()=>{let t=await g({client:s,path:{id:Number(r)}});if(t.error)throw new Error(t.error.message||"Failed to fetch article");return t},"queryFn"),select:e(t=>{let o=t.data?.data.help_center_article;return o&&{...o,body:D(o.body||"")}},"select"),retry:!1,...a})},"useZendeskArticle");import{jsx as n,jsxs as l}from"react/jsx-runtime";var N=e(r=>`https://support.remote.com/hc/en-us/articles/${r}`,"buildZendeskURL"),T=e(({Trigger:r,zendeskId:a,open:s,onClose:t})=>{let{components:o}=w(),i=N(a),d=e(()=>{t?.()},"handleClose"),{data:c,isLoading:m,error:p}=x(a,{enabled:s}),u=o?.zendeskDrawer;return u?n(u,{open:s,onClose:d,data:c,isLoading:m,error:p,zendeskURL:i,Trigger:r}):l(b,{open:s,onOpenChange:R=>!R&&d(),direction:"right",children:[n(h,{asChild:!0,children:r}),n(C,{className:"h-full w-[540px] mt-0 ml-auto RemoteFlows_ZendeskDrawer",children:l("div",{className:"h-full flex flex-col",children:[l(Z,{children:[n(v,{children:c?.title}),l(y,{children:["For more details see our"," ",n("a",{href:i,target:"_blank",rel:"noopener noreferrer",children:"help article"})," "]})]}),m&&n("div",{children:"Loading..."}),p&&n("div",{className:"text-sm p-4 text-red-500",children:"Error loading article"}),n("div",{className:"flex-1 overflow-y-auto p-4 RemoteFlows_ZendeskDrawer__Content",dangerouslySetInnerHTML:{__html:c?.body||""}})]})})]})},"ZendeskDrawer");import{useState as L}from"react";import{jsx as _}from"react/jsx-runtime";function $({zendeskId:r,className:a,onClick:s,children:t}){let[o,i]=L(!1);return _(T,{zendeskId:r,open:o,onClose:()=>i(!1),Trigger:_("button",{onClick:e(()=>{i(!0),s?.(r)},"handleClick"),className:k("RemoteFlows__ZendeskTriggerButton text-blue-500 hover:underline inline-block mt-1 text-xs bg-transparent border-none cursor-pointer p-0",a),children:t})})}e($,"ZendeskTriggerButton");export{$ as a};
-//# sourceMappingURL=chunk-MP2T74PU.js.map

package/dist/chunk-MP2T74PU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/shared/zendesk-drawer/api.ts","../src/components/shared/zendesk-drawer/ZendeskDrawer.tsx","../src/components/shared/zendesk-drawer/ZendeskTriggerButton.tsx"],"sourcesContent":["import { getShowHelpCenterArticle } from '@/src/client';\nimport { useClient } from '@/src/context';\nimport { sanitizeHtmlWithImageErrorHandling } from '@/src/lib/utils';\nimport { Client } from '@hey-api/client-fetch';\nimport { useQuery } from '@tanstack/react-query';\n\nexport const useZendeskArticle = (\n  zendeskId: number | null,\n  queryOptions?: { enabled?: boolean },\n) => {\n  const { client } = useClient();\n  return useQuery({\n    queryKey: ['zendesk-article', zendeskId],\n    queryFn: async () => {\n      const response = await getShowHelpCenterArticle({\n        client: client as Client,\n        path: {\n          id: Number(zendeskId),\n        },\n      });\n\n      if (response.error) {\n        throw new Error(response.error.message || 'Failed to fetch article');\n      }\n\n      return response;\n    },\n    select: (data) => {\n      const article = data.data?.data.help_center_article;\n      if (article) {\n        return {\n          ...article,\n          body: sanitizeHtmlWithImageErrorHandling(article.body || ''),\n        };\n      }\n      return article;\n    },\n    retry: false,\n    ...queryOptions,\n  });\n};\n","import { useZendeskArticle } from '@/src/components/shared/zendesk-drawer/api';\nimport {\n  Drawer,\n  DrawerTrigger,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n} from '@/src/components/ui/drawer';\nimport { useFormFields } from '@/src/context';\n\nexport type ZendeskDrawerProps = {\n  Trigger: React.ReactElement;\n  zendeskId: number;\n  open: boolean;\n  onClose: () => void;\n};\n\nconst buildZendeskURL = (zendeskId: number) => {\n  return `https://support.remote.com/hc/en-us/articles/${zendeskId}`;\n};\n\nexport const ZendeskDrawer = ({\n  Trigger,\n  zendeskId,\n  open,\n  onClose,\n}: ZendeskDrawerProps) => {\n  const { components } = useFormFields();\n  const zendeskURL = buildZendeskURL(zendeskId);\n\n  const handleClose = () => {\n    onClose?.();\n  };\n\n  const { data, isLoading, error } = useZendeskArticle(zendeskId, {\n    enabled: open,\n  });\n\n  const CustomZendeskDrawer = components?.zendeskDrawer;\n\n  if (CustomZendeskDrawer) {\n    return (\n      <CustomZendeskDrawer\n        open={open}\n        onClose={handleClose}\n        data={data}\n        isLoading={isLoading}\n        error={error}\n        zendeskURL={zendeskURL}\n        Trigger={Trigger}\n      />\n    );\n  }\n\n  return (\n    <Drawer\n      open={open}\n      onOpenChange={(open) => !open && handleClose()}\n      direction='right'\n    >\n      <DrawerTrigger asChild>{Trigger}</DrawerTrigger>\n      <DrawerContent className='h-full w-[540px] mt-0 ml-auto RemoteFlows_ZendeskDrawer'>\n        <div className='h-full flex flex-col'>\n          <DrawerHeader>\n            <DrawerTitle>{data?.title}</DrawerTitle>\n            <DrawerDescription>\n              For more details see our{' '}\n              <a href={zendeskURL} target='_blank' rel='noopener noreferrer'>\n                help article\n              </a>{' '}\n            </DrawerDescription>\n          </DrawerHeader>\n          {isLoading && <div>Loading...</div>}\n          {error && (\n            <div className='text-sm p-4 text-red-500'>\n              Error loading article\n            </div>\n          )}\n          <div\n            className='flex-1 overflow-y-auto p-4 RemoteFlows_ZendeskDrawer__Content'\n            dangerouslySetInnerHTML={{\n              __html: data?.body || '',\n            }}\n          ></div>\n        </div>\n      </DrawerContent>\n    </Drawer>\n  );\n};\n","import { cn } from '@/src/lib/utils';\nimport { ZendeskDrawer } from './ZendeskDrawer';\nimport { useState } from 'react';\n\ninterface ZendeskTriggerButtonProps {\n  zendeskId: number;\n  className?: string;\n  onClick?: (zendeskId: number) => void;\n  children?: React.ReactNode;\n}\n\nexport function ZendeskTriggerButton({\n  zendeskId,\n  className,\n  onClick,\n  children,\n}: ZendeskTriggerButtonProps) {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handleClick = () => {\n    setIsOpen(true);\n    onClick?.(zendeskId);\n  };\n\n  return (\n    <ZendeskDrawer\n      zendeskId={zendeskId}\n      open={isOpen}\n      onClose={() => setIsOpen(false)}\n      Trigger={\n        <button\n          onClick={handleClick}\n          className={cn(\n            'RemoteFlows__ZendeskTriggerButton text-blue-500 hover:underline inline-block mt-1 text-xs bg-transparent border-none cursor-pointer p-0',\n            className,\n          )}\n        >\n          {children}\n        </button>\n      }\n    />\n  );\n}\n"],"mappings":"oPAIA,OAAS,YAAAA,MAAgB,wBAElB,IAAMC,EAAoBC,EAAA,CAC/BC,EACAC,IACG,CACH,GAAM,CAAE,OAAAC,CAAO,EAAIC,EAAU,EAC7B,OAAOC,EAAS,CACd,SAAU,CAAC,kBAAmBJ,CAAS,EACvC,QAASD,EAAA,SAAY,CACnB,IAAMM,EAAW,MAAMC,EAAyB,CAC9C,OAAQJ,EACR,KAAM,CACJ,GAAI,OAAOF,CAAS,CACtB,CACF,CAAC,EAED,GAAIK,EAAS,MACX,MAAM,IAAI,MAAMA,EAAS,MAAM,SAAW,yBAAyB,EAGrE,OAAOA,CACT,EAbS,WAcT,OAAQN,EAACQ,GAAS,CAChB,IAAMC,EAAUD,EAAK,MAAM,KAAK,oBAChC,OAAIC,GACK,CACL,GAAGA,EACH,KAAMC,EAAmCD,EAAQ,MAAQ,EAAE,CAC7D,CAGJ,EATQ,UAUR,MAAO,GACP,GAAGP,CACL,CAAC,CACH,EAlCiC,qBCqC3B,cAAAS,EAuBM,QAAAC,MAvBN,oBAzBN,IAAMC,EAAkBC,EAACC,GAChB,gDAAgDA,CAAS,GAD1C,mBAIXC,EAAgBF,EAAA,CAAC,CAC5B,QAAAG,EACA,UAAAF,EACA,KAAAG,EACA,QAAAC,CACF,IAA0B,CACxB,GAAM,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAC/BC,EAAaT,EAAgBE,CAAS,EAEtCQ,EAAcT,EAAA,IAAM,CACxBK,IAAU,CACZ,EAFoB,eAId,CAAE,KAAAK,EAAM,UAAAC,EAAW,MAAAC,CAAM,EAAIC,EAAkBZ,EAAW,CAC9D,QAASG,CACX,CAAC,EAEKU,EAAsBR,GAAY,cAExC,OAAIQ,EAEAjB,EAACiB,EAAA,CACC,KAAMV,EACN,QAASK,EACT,KAAMC,EACN,UAAWC,EACX,MAAOC,EACP,WAAYJ,EACZ,QAASL,EACX,EAKFL,EAACiB,EAAA,CACC,KAAMX,EACN,aAAeA,GAAS,CAACA,GAAQK,EAAY,EAC7C,UAAU,QAEV,UAAAZ,EAACmB,EAAA,CAAc,QAAO,GAAE,SAAAb,EAAQ,EAChCN,EAACoB,EAAA,CAAc,UAAU,0DACvB,SAAAnB,EAAC,OAAI,UAAU,uBACb,UAAAA,EAACoB,EAAA,CACC,UAAArB,EAACsB,EAAA,CAAa,SAAAT,GAAM,MAAM,EAC1BZ,EAACsB,EAAA,CAAkB,qCACQ,IACzBvB,EAAC,KAAE,KAAMW,EAAY,OAAO,SAAS,IAAI,sBAAsB,wBAE/D,EAAK,KACP,GACF,EACCG,GAAad,EAAC,OAAI,sBAAU,EAC5Be,GACCf,EAAC,OAAI,UAAU,2BAA2B,iCAE1C,EAEFA,EAAC,OACC,UAAU,gEACV,wBAAyB,CACvB,OAAQa,GAAM,MAAQ,EACxB,EACD,GACH,EACF,GACF,CAEJ,EAnE6B,iBCpB7B,OAAS,YAAAW,MAAgB,QA4BjB,cAAAC,MAAA,oBAnBD,SAASC,EAAqB,CACnC,UAAAC,EACA,UAAAC,EACA,QAAAC,EACA,SAAAC,CACF,EAA8B,CAC5B,GAAM,CAACC,EAAQC,CAAS,EAAIC,EAAS,EAAK,EAO1C,OACER,EAACS,EAAA,CACC,UAAWP,EACX,KAAMI,EACN,QAAS,IAAMC,EAAU,EAAK,EAC9B,QACEP,EAAC,UACC,QAZYU,EAAA,IAAM,CACxBH,EAAU,EAAI,EACdH,IAAUF,CAAS,CACrB,EAHoB,eAaZ,UAAWS,EACT,0IACAR,CACF,EAEC,SAAAE,EACH,EAEJ,CAEJ,CA/BgBK,EAAAT,EAAA","names":["useQuery","useZendeskArticle","__name","zendeskId","queryOptions","client","useClient","useQuery","response","getShowHelpCenterArticle","data","article","sanitizeHtmlWithImageErrorHandling","jsx","jsxs","buildZendeskURL","__name","zendeskId","ZendeskDrawer","Trigger","open","onClose","components","useFormFields","zendeskURL","handleClose","data","isLoading","error","useZendeskArticle","CustomZendeskDrawer","Drawer","DrawerTrigger","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","useState","jsx","ZendeskTriggerButton","zendeskId","className","onClick","children","isOpen","setIsOpen","useState","ZendeskDrawer","__name","cn"]}