@remoteoss/remote-flows 0.9.0 → 0.10.0

package/dist/chunk-SRZGBJVA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/basic-tooltip.tsx","../src/lib/router.ts","../src/components/shared/zendesk-drawer/api.ts","../src/lib/useSearchParams.ts","../src/components/shared/zendesk-drawer/ZendeskDrawer.tsx"],"sourcesContent":["export const BasicTooltip = ({\n  children,\n  content,\n}: {\n  children: React.ReactNode;\n  content: React.ReactNode;\n}) => {\n  return (\n    <div className=\"relative inline-block group\">\n      {children}\n      <div className=\"absolute bottom-full right-0 mb-2 px-3 py-2 bg-gray-900 text-white text-xs rounded-md opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50 w-64 whitespace-normal break-words\">\n        {content}\n        <div className=\"absolute top-full right-3 border-4 border-transparent border-t-gray-900\"></div>\n      </div>\n    </div>\n  );\n};\n","import { useCallback } from 'react';\n\nexport const useRouter = () => {\n  const push = useCallback((url: string) => {\n    window.history.pushState({}, '', url);\n    window.dispatchEvent(new CustomEvent('urlChanged'));\n  }, []);\n\n  const replace = useCallback((url: string) => {\n    window.history.replaceState({}, '', url);\n    window.dispatchEvent(new CustomEvent('urlChanged'));\n  }, []);\n\n  const back = useCallback(() => {\n    window.history.back();\n  }, []);\n\n  const forward = useCallback(() => {\n    window.history.forward();\n  }, []);\n\n  const setSearchParams = useCallback(\n    (params: Record<string, string | null>) => {\n      const url = new URL(window.location.href);\n\n      Object.entries(params).forEach(([key, value]) => {\n        if (value === null) {\n          url.searchParams.delete(key);\n        } else {\n          url.searchParams.set(key, value);\n        }\n      });\n\n      push(url.toString());\n    },\n    [push],\n  );\n\n  return {\n    push,\n    replace,\n    back,\n    forward,\n    setSearchParams,\n  };\n};\n","import { getShowHelpCenterArticle } from '@/src/client';\nimport { useClient } from '@/src/context';\nimport { Client } from '@hey-api/client-fetch';\nimport { useQuery } from '@tanstack/react-query';\n\nexport const useZendeskArticle = (\n  zendeskId: string | 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        headers: {\n          Authorization: ``,\n        },\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) => data.data?.data.help_center_article,\n    retry: false,\n    ...queryOptions,\n  });\n};\n","import { useState, useEffect, useCallback } from 'react';\n\nexport const useSearchParams = () => {\n  const [searchParams, setSearchParams] = useState(\n    () => new URLSearchParams(window.location.search),\n  );\n\n  useEffect(() => {\n    const handleUrlChange = () => {\n      setSearchParams(new URLSearchParams(window.location.search));\n    };\n\n    window.addEventListener('popstate', handleUrlChange);\n    window.addEventListener('urlChanged', handleUrlChange);\n\n    return () => {\n      window.removeEventListener('popstate', handleUrlChange);\n      window.removeEventListener('urlChanged', handleUrlChange);\n    };\n  }, []);\n\n  const get = useCallback(\n    (key: string) => {\n      return searchParams.get(key);\n    },\n    [searchParams],\n  );\n\n  const has = useCallback(\n    (key: string) => {\n      return searchParams.has(key);\n    },\n    [searchParams],\n  );\n\n  const toString = useCallback(() => {\n    return searchParams.toString();\n  }, [searchParams]);\n\n  return {\n    get,\n    has,\n    toString,\n    searchParams,\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 { useRouter } from '@/src/lib/router';\nimport { useSearchParams } from '@/src/lib/useSearchParams';\nimport { sanitizeHtml } from '@/src/lib/utils';\nimport { useEffect, useState } from 'react';\n\nexport type ZendeskDrawerProps = {\n  Trigger: React.ReactNode;\n  zendeskId: string;\n  zendeskURL: string;\n};\n\nexport const ZendeskDrawer = ({\n  Trigger,\n  zendeskId,\n  zendeskURL,\n}: ZendeskDrawerProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const searchParams = useSearchParams();\n  const router = useRouter();\n\n  useEffect(() => {\n    const articleId = searchParams.get('articleId');\n    setIsOpen(articleId === zendeskId);\n  }, [searchParams, zendeskId]);\n\n  const handleClose = () => {\n    router.setSearchParams({ articleId: null });\n    setIsOpen(false);\n  };\n\n  const { data, isLoading, error } = useZendeskArticle(zendeskId, {\n    enabled: isOpen,\n  });\n\n  return (\n    <Drawer\n      open={isOpen}\n      onOpenChange={(open) => !open && handleClose()}\n      direction=\"right\"\n    >\n      <DrawerTrigger asChild>{Trigger}</DrawerTrigger>\n      <DrawerContent className=\"h-full w-[480px] 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: sanitizeHtml(data?.body || ''),\n            }}\n          ></div>\n        </div>\n      </DrawerContent>\n    </Drawer>\n  );\n};\n"],"mappings":"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","names":["jsx","jsxs","BasicTooltip","__name","children","content","useCallback","useRouter","__name","push","useCallback","url","replace","back","forward","setSearchParams","params","key","value","useQuery","useZendeskArticle","__name","zendeskId","queryOptions","client","useClient","useQuery","response","getShowHelpCenterArticle","data","useState","useEffect","useCallback","useSearchParams","__name","searchParams","setSearchParams","useState","useEffect","handleUrlChange","get","useCallback","key","has","toString","useEffect","useState","jsx","jsxs","ZendeskDrawer","__name","Trigger","zendeskId","zendeskURL","isOpen","setIsOpen","useState","searchParams","useSearchParams","router","useRouter","useEffect","articleId","handleClose","data","isLoading","error","useZendeskArticle","Drawer","open","DrawerTrigger","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","sanitizeHtml"]}

package/dist/chunk-XFY4VAAJ.js

@@ -1,2 +0,0 @@
-import{a as R}from"./chunk-AEVZ7GEK.js";import{a as k}from"./chunk-466M4PK7.js";import{a as S}from"./chunk-5PVQUO5Q.js";import{a as N}from"./chunk-YHSNK7WB.js";import{a as D}from"./chunk-WJA7PQ2J.js";import{a as T,b as v,c as w,d as x,e as P}from"./chunk-ZPUELAQZ.js";import{a as B}from"./chunk-WFET4MKU.js";import{a as h}from"./chunk-A27ASO7K.js";import{a as m}from"./chunk-HGLI6PUM.js";import{a as c}from"./chunk-P37U34EQ.js";import{lazy as V,useState as j}from"react";import*as l from"@radix-ui/react-tabs";import{jsx as b}from"react/jsx-runtime";function L({className:s,...a}){return b(l.Root,{"data-slot":"tabs",className:m("flex flex-col gap-2",s),...a})}c(L,"Tabs");function E({className:s,...a}){return b(l.List,{"data-slot":"tabs-list",className:m("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-1",s),...a})}c(E,"TabsList");function y({className:s,...a}){return b(l.Trigger,{"data-slot":"tabs-trigger",className:m("data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",s),...a})}c(y,"TabsTrigger");import{Fragment as M,jsx as o,jsxs as r}from"react/jsx-runtime";var I=V(()=>import("./flows/CostCalculator/Results/CostCalculatorResultsChart.js"));function rt({employmentData:s,options:a}){let[e,F]=j("monthly"),i=s.employments?.[0];if(!i)return null;let t=i.employer_currency_costs,n=t.currency.symbol,f=e==="monthly"?t.monthly_gross_salary:t.annual_gross_salary,C=e==="monthly"?t.monthly_benefits_total:t.annual_benefits_total,p=e==="monthly"?t.monthly_contributions_total:t.annual_contributions_total,z=e==="monthly"?t.monthly_total:t.annual_total,u=e==="monthly"?null:t.extra_statutory_payments_breakdown,A=e==="monthly"?null:t.extra_statutory_payments_total,g=e==="monthly"?t.monthly_indirect_tax:t.annual_indirect_tax,d=e==="monthly"?t.monthly_benefits_breakdown:t.annual_benefits_breakdown,H=e==="monthly"?t.monthly_contributions_breakdown:t.annual_contributions_breakdown,_=[{name:"Gross Salary",value:f,color:a?.chartColors?.grossSalary??"#3b82f6"},{name:"Contributions",value:p,color:a?.chartColors?.contributions??"#f59e0b"}];return d&&_.push({name:"Benefits",value:C??0,color:a?.chartColors?.benefits??"#10b981"}),r(M,{children:[r("div",{className:"flex flex-col md:flex-row gap-4 md:items-center justify-between mb-6 RemoteFlows__CostCalculatorResults",children:[r("div",{className:"RemoteFlows__CostCalculatorResults__Header",children:[r("h2",{className:"text-xl font-semibold flex items-center gap-2",children:[o("span",{className:"flex items-center gap-1",children:a?.title??"Cost Calculator"}),o(h,{className:"ml-2",children:i.country.name})]}),o("p",{className:"text-primary-foreground font-medium mt-1",children:a?.description??`Total cost of employment in ${i.country.name}`})]}),o(L,{value:e,onValueChange:G=>F(G),className:"w-full md:w-auto RemoteFlows__CostCalculatorResults__Tabs",children:r(E,{className:"grid w-full md:w-[200px] grid-cols-2",children:[o(y,{value:"monthly",children:"Monthly"}),o(y,{value:"annual",children:"Annual"})]})})]}),r("div",{className:m("grid grid-cols-1 gap-6",a?.showChart?"md:grid-cols-3":"","RemoteFlows__CostCalculatorResults_CostBreakdown"),children:[r(T,{className:"md:col-span-2 rounded-lg",children:[r(v,{className:"pb-2",children:[o(w,{children:"Cost Breakdown"}),o(x,{children:"Detailed breakdown of all employer costs"})]}),o(P,{children:r("div",{className:"space-y-6",children:[o(N,{grossSalary:f,currency:n,hasExtraStatutoryPayment:i.has_extra_statutory_payment}),d?o(R,{benefitsBreakdown:d,benefitsTotal:C,currency:n}):null,o(k,{contributionsBreakdown:H,contributionsTotal:p,currency:n}),Array.isArray(u)&&u.length>0?o(S,{extraStatutoryPaymentsBreakdown:u,extraStatutoryPaymentsTotal:A,currency:n}):null,g?o(D,{indirectTax:g,currency:n}):null,o(B,{totalCost:z,currency:n})]})})]}),a?.showChart&&o(I,{chartData:_,currency:n})]})]})}c(rt,"CostCalculatorResults");export{rt as a};
-//# sourceMappingURL=chunk-XFY4VAAJ.js.map

package/dist/chunk-XFY4VAAJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/CostCalculator/Results/CostCalculatorResults.tsx","../src/components/ui/tabs.tsx"],"sourcesContent":["import { lazy, useState } from 'react';\n\nimport { CostCalculatorEstimateResponse } from '@/src/client';\nimport { Badge } from '@/src/components/ui/badge';\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@/src/components/ui/card';\nimport { Tabs, TabsList, TabsTrigger } from '@/src/components/ui/tabs';\nimport { cn } from '@/src/lib/utils';\nimport { CostCalculatorBenefitsBreakdown } from './CostCalculatorBenefitsBreakdown';\nimport { CostCalculatorContributionsBreakdown } from './CostCalculatorContributionsBreakdown';\nimport { CostCalculatorGrossSalary } from './CostCalculatorGrossSalary';\nimport { CostCalculatorTotalCost } from './CostCalculatorTotalCost';\nimport { CostCalculatorExtraStatutoryPaymentsBreakdown } from '@/src/flows/CostCalculator/Results/CostCalculatorExtraStatutoryPaymentsBreakdown';\nimport { CostCalculatorIndirectTax } from '@/src/flows/CostCalculator/Results/CostCalculatorIndirectTax';\n\nconst CostCalculatorResultsChart = lazy(\n  () => import('./CostCalculatorResultsChart'),\n);\n\ninterface CostCalculatorResultProps {\n  employmentData: CostCalculatorEstimateResponse['data'];\n  options?: Partial<{\n    title: string;\n    description: string;\n    showChart: boolean;\n    chartColors: {\n      grossSalary: string;\n      contributions: string;\n      benefits: string;\n    };\n  }>;\n}\n\nexport function CostCalculatorResults({\n  employmentData,\n  options,\n}: CostCalculatorResultProps) {\n  const [view, setView] = useState<'monthly' | 'annual'>('monthly');\n  const employment = employmentData.employments?.[0];\n\n  if (!employment) {\n    return null;\n  }\n\n  const costs =\n    view === 'monthly'\n      ? employment.employer_currency_costs\n      : employment.employer_currency_costs;\n\n  const currency = costs.currency.symbol;\n  const grossSalary =\n    view === 'monthly' ? costs.monthly_gross_salary : costs.annual_gross_salary;\n  const benefitsTotal =\n    view === 'monthly'\n      ? costs.monthly_benefits_total\n      : costs.annual_benefits_total;\n  const contributionsTotal =\n    view === 'monthly'\n      ? costs.monthly_contributions_total\n      : costs.annual_contributions_total;\n  const totalCost =\n    view === 'monthly' ? costs.monthly_total : costs.annual_total;\n\n  const extraStatutoryPaymentsBreakdown =\n    view === 'monthly' ? null : costs.extra_statutory_payments_breakdown;\n\n  const extraStatutoryPaymentsTotal =\n    view === 'monthly' ? null : costs.extra_statutory_payments_total;\n\n  const indirectTax =\n    view === 'monthly' ? costs.monthly_indirect_tax : costs.annual_indirect_tax;\n\n  const benefitsBreakdown =\n    view === 'monthly'\n      ? costs.monthly_benefits_breakdown\n      : costs.annual_benefits_breakdown;\n  const contributionsBreakdown =\n    view === 'monthly'\n      ? costs.monthly_contributions_breakdown\n      : costs.annual_contributions_breakdown;\n\n  const chartData = [\n    {\n      name: 'Gross Salary',\n      value: grossSalary,\n      color: options?.chartColors?.grossSalary ?? '#3b82f6',\n    },\n    {\n      name: 'Contributions',\n      value: contributionsTotal,\n      color: options?.chartColors?.contributions ?? '#f59e0b',\n    },\n  ];\n\n  if (benefitsBreakdown) {\n    chartData.push({\n      name: 'Benefits',\n      value: benefitsTotal ?? 0,\n      color: options?.chartColors?.benefits ?? '#10b981',\n    });\n  }\n\n  return (\n    <>\n      <div className=\"flex flex-col md:flex-row gap-4 md:items-center justify-between mb-6 RemoteFlows__CostCalculatorResults\">\n        <div className=\"RemoteFlows__CostCalculatorResults__Header\">\n          <h2 className=\"text-xl font-semibold flex items-center gap-2\">\n            <span className=\"flex items-center gap-1\">\n              {options?.title ?? 'Cost Calculator'}\n            </span>\n            <Badge className=\"ml-2\">{employment.country.name}</Badge>\n          </h2>\n          <p className=\"text-primary-foreground font-medium mt-1\">\n            {options?.description ??\n              `Total cost of employment in ${employment.country.name}`}\n          </p>\n        </div>\n\n        <Tabs\n          value={view}\n          onValueChange={(v) => setView(v as 'monthly' | 'annual')}\n          className=\"w-full md:w-auto RemoteFlows__CostCalculatorResults__Tabs\"\n        >\n          <TabsList className=\"grid w-full md:w-[200px] grid-cols-2\">\n            <TabsTrigger value=\"monthly\">Monthly</TabsTrigger>\n            <TabsTrigger value=\"annual\">Annual</TabsTrigger>\n          </TabsList>\n        </Tabs>\n      </div>\n\n      <div\n        className={cn(\n          'grid grid-cols-1 gap-6',\n          options?.showChart ? 'md:grid-cols-3' : '',\n          'RemoteFlows__CostCalculatorResults_CostBreakdown',\n        )}\n      >\n        <Card className=\"md:col-span-2 rounded-lg\">\n          <CardHeader className=\"pb-2\">\n            <CardTitle>Cost Breakdown</CardTitle>\n            <CardDescription>\n              Detailed breakdown of all employer costs\n            </CardDescription>\n          </CardHeader>\n          <CardContent>\n            <div className=\"space-y-6\">\n              {/* Salary Section */}\n              <CostCalculatorGrossSalary\n                grossSalary={grossSalary}\n                currency={currency}\n                hasExtraStatutoryPayment={\n                  employment.has_extra_statutory_payment\n                }\n              />\n              {/* Benefits Section */}\n              {benefitsBreakdown ? (\n                <CostCalculatorBenefitsBreakdown\n                  benefitsBreakdown={benefitsBreakdown}\n                  benefitsTotal={benefitsTotal}\n                  currency={currency}\n                />\n              ) : null}\n              {/* Contributions Section */}\n              <CostCalculatorContributionsBreakdown\n                contributionsBreakdown={contributionsBreakdown}\n                contributionsTotal={contributionsTotal}\n                currency={currency}\n              />\n              {/* Extra Statutory Payments Section */}\n              {Array.isArray(extraStatutoryPaymentsBreakdown) &&\n              extraStatutoryPaymentsBreakdown.length > 0 ? (\n                <CostCalculatorExtraStatutoryPaymentsBreakdown\n                  extraStatutoryPaymentsBreakdown={\n                    extraStatutoryPaymentsBreakdown\n                  }\n                  extraStatutoryPaymentsTotal={extraStatutoryPaymentsTotal}\n                  currency={currency}\n                />\n              ) : null}\n              {/* Indirect Tax Section */}\n              {indirectTax ? (\n                <CostCalculatorIndirectTax\n                  indirectTax={indirectTax}\n                  currency={currency}\n                />\n              ) : null}\n              {/* Total */}\n              <CostCalculatorTotalCost\n                totalCost={totalCost}\n                currency={currency}\n              />\n            </div>\n          </CardContent>\n        </Card>\n\n        {options?.showChart && (\n          <CostCalculatorResultsChart\n            chartData={chartData}\n            currency={currency}\n          />\n        )}\n      </div>\n    </>\n  );\n}\n","import * as React from 'react';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\n\nimport { cn } from '@/src/lib/utils';\n\nfunction Tabs({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn('flex flex-col gap-2', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-1',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 outline-none', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"],"mappings":"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","names":["lazy","useState","TabsPrimitive","jsx","Tabs","className","props","cn","__name","TabsList","TabsTrigger","Fragment","jsx","jsxs","CostCalculatorResultsChart","lazy","CostCalculatorResults","employmentData","options","view","setView","useState","employment","costs","currency","grossSalary","benefitsTotal","contributionsTotal","totalCost","extraStatutoryPaymentsBreakdown","extraStatutoryPaymentsTotal","indirectTax","benefitsBreakdown","contributionsBreakdown","chartData","Badge","Tabs","v","TabsList","TabsTrigger","cn","Card","CardHeader","CardTitle","CardDescription","CardContent","CostCalculatorGrossSalary","CostCalculatorBenefitsBreakdown","CostCalculatorContributionsBreakdown","CostCalculatorExtraStatutoryPaymentsBreakdown","CostCalculatorIndirectTax","CostCalculatorTotalCost","__name"]}

package/dist/chunk-YHSNK7WB.js

@@ -1,2 +0,0 @@
-import{a as m,b as i,c as l}from"./chunk-SRZGBJVA.js";import{a as n}from"./chunk-G4NBJTHB.js";import{b as a}from"./chunk-SHFIZENN.js";import{b as s}from"./chunk-HGLI6PUM.js";import{a as o}from"./chunk-P37U34EQ.js";import{Info as d}from"lucide-react";var e={extraPayments:4466822781709};import{Fragment as x,jsx as t,jsxs as r}from"react/jsx-runtime";function z({grossSalary:c,currency:p,hasExtraStatutoryPayment:u=!1}){let f=i();return r("div",{children:[r("div",{className:"flex justify-between items-center mb-2",children:[r("div",{className:"flex items-center gap-2",children:[t("h3",{className:"font-medium text-primary-foreground",children:"Gross Salary"}),u&&t(m,{content:r(x,{children:[t("span",{children:"This country respects extra payments on top of the gross salary."}),t(l,{zendeskId:e.extraPayments.toString(),zendeskURL:"#",Trigger:t("button",{onClick:()=>{let y=e.extraPayments;f.setSearchParams({articleId:y.toString()||""})},className:"text-blue-500 hover:underline block mt-1 text-xs bg-transparent border-none cursor-pointer p-0",children:"Learn more"})})]}),children:r(a,{variant:"ghost",size:"icon",className:"h-4 w-4 p-0 mt-2",children:[t(d,{className:"h-3 w-3 text-gray-400"}),t("span",{className:"sr-only",children:"Info"})]})})]}),t("span",{className:"font-semibold text-lg",children:s(c,p)})]}),t(n,{})]})}o(z,"CostCalculatorGrossSalary");export{z as a};
-//# sourceMappingURL=chunk-YHSNK7WB.js.map