@remoteoss/remote-flows 0.31.0 → 1.0.0

package/dist/chunk-YXXCHMX3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/shared/actions-dropdown/ActionsDropdown.tsx","../src/flows/CostCalculator/EstimationResults/EstimationResults.tsx"],"sourcesContent":["import { Button } from '@/src/components/ui/button';\nimport { cn } from '@/src/lib/utils';\nimport { MoreHorizontal } from 'lucide-react';\nimport { useState, type ReactNode } from 'react';\n\nexport interface DropdownAction {\n  label: string;\n  icon?: ReactNode;\n  onClick: () => void;\n  separator?: boolean;\n  disabled?: boolean;\n}\n\ninterface ActionsDropdownProps {\n  actions?: DropdownAction[];\n  label?: string;\n  className?: string;\n  'data-testid'?: string;\n}\n\nexport function ActionsDropdown({\n  actions = [],\n  className,\n  label,\n  'data-testid': dataSelector,\n}: ActionsDropdownProps) {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <div className={cn('relative', className)}>\n      <Button\n        data-testid={dataSelector}\n        variant='ghost'\n        aria-label={label}\n        className='h-8 w-8 p-0'\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        <MoreHorizontal className='h-4 w-4' />\n      </Button>\n\n      {isOpen && (\n        <>\n          <div\n            className='fixed inset-0 z-40'\n            onClick={() => setIsOpen(false)}\n          />\n          <div className='absolute right-0 top-1/2 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-50 min-w-[120px]'>\n            {actions.map((action, index) => (\n              <button\n                key={index}\n                data-testid={`${dataSelector}-${action.label.toLowerCase().replace(' ', '-')}`}\n                className={cn(\n                  'w-full text-left px-2 py-1.5 text-sm hover:bg-gray-100',\n                  action.disabled && 'opacity-50 cursor-not-allowed',\n                )}\n                onClick={() => {\n                  action.onClick();\n                  setIsOpen(false);\n                }}\n                disabled={action.disabled}\n              >\n                {action.label}\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n","import { MinimalCountry, MinimalRegion } from '@/src/client';\nimport { ActionsDropdown } from '@/src/components/shared/actions-dropdown/ActionsDropdown';\nimport { Card } from '@/src/components/ui/card';\nimport { ChevronDown, Info } from 'lucide-react';\nimport Flag from 'react-flagpack';\nimport { useState } from 'react';\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from '@/src/components/ui/accordion';\nimport { cn, formatCurrency, sanitizeHtml } from '@/src/lib/utils';\nimport { ZendeskTriggerButton } from '@/src/components/shared/zendesk-drawer/ZendeskTriggerButton';\nimport { zendeskArticles } from '@/src/components/shared/zendesk-drawer/utils';\nimport { BasicTooltip } from '@/src/components/ui/basic-tooltip';\nimport { CostCalculatorEstimation } from '@/src/flows/CostCalculator/types';\n\nconst FLAG_CODE_MAPPING: Record<string, string> = {\n  GB: 'GB-UKM',\n};\n\nconst EstimationResultsHeader = ({\n  title,\n  country,\n  region,\n  annualGrossSalary,\n  onDelete,\n  onExportPdf,\n  onEdit,\n}: {\n  title: string;\n  country: MinimalCountry;\n  region?: MinimalRegion;\n  annualGrossSalary: string;\n  onDelete: () => void;\n  onExportPdf: () => void;\n  onEdit: () => void;\n}) => {\n  const actions = [\n    {\n      label: 'Edit',\n      onClick: onEdit,\n    },\n    {\n      label: 'Export',\n      onClick: onExportPdf,\n    },\n    {\n      label: 'Delete',\n      onClick: onDelete,\n    },\n  ];\n  return (\n    <div className='RemoteFlows__EstimationResults__Header flex justify-between'>\n      <div className='flex flex-row items-center gap-6'>\n        <div className='RemoteFlows__EstimationResultsHeader__FlagContainer flex h-16 w-16 items-center justify-center rounded-lg bg-[#F4F4F5]'>\n          <Flag\n            code={\n              FLAG_CODE_MAPPING[country.alpha_2_code] || country.alpha_2_code\n            }\n          />\n        </div>\n        <div className='space-y-1'>\n          <h2\n            data-testid='estimation-results-header-title'\n            className='RemoteFlows__EstimationResultsHeader__Title text-lg font-medium leading-none text-[#181818]'\n          >\n            {title}\n          </h2>\n          <p className='RemoteFlows__EstimationResultsHeader__Country text-xs text-[#71717A]'>\n            {country.name} {region ? ` (${region.name})` : ''}\n          </p>\n          <p\n            data-testid='estimation-results-header-annual-gross-salary'\n            className='RemoteFlows__EstimationResultsHeader__AnnualGrossSalary text-xs text-[#71717A]'\n          >\n            <span className='text-[#181818]'>\n              Employee annual gross salary:\n            </span>{' '}\n            {annualGrossSalary}\n          </p>\n        </div>\n      </div>\n      <ActionsDropdown\n        label='Actions'\n        className='RemoteFlows__EstimationResults__ActionsDropdown'\n        actions={actions}\n      />\n    </div>\n  );\n};\n\ninterface OnboardingTimelineStep {\n  title: string;\n  description: string;\n  id: string;\n}\n\ninterface OnboardingTimelineData {\n  steps: OnboardingTimelineStep[];\n  helpText: string;\n  zendeskArticleId?: number;\n}\n\nconst getOnboardingTimelineData = (): OnboardingTimelineData => {\n  return {\n    steps: [\n      {\n        id: 'add-employment-details',\n        title: 'Add employment details',\n        description: 'You add employee employments details.',\n      },\n      {\n        id: 'invite-employee',\n        title: 'Invite employee',\n        description:\n          'Hire receives an email invitation from Remote to start the self-enrollment process.',\n      },\n      {\n        id: 'verify-information',\n        title: 'Verify information',\n        description:\n          'Remote prepares the Employment Agreement and verifies all the information.',\n      },\n      {\n        id: 'sign-contract',\n        title: 'Sign contract',\n        description:\n          'All parties sign the Employment Agreement and are ready to start. 🎉',\n      },\n    ],\n    helpText:\n      \"For customers who accept Remote's Terms of Service (ToS), the employee onboarding timeline starts once the employee has been invited to the platform and completed self enrollment.\",\n    zendeskArticleId: zendeskArticles.employeeOnboardingTimeline,\n  };\n};\n\nfunction OnboardingTimeline({\n  minimumOnboardingDays,\n  data,\n  className,\n}: {\n  minimumOnboardingDays: number | null;\n  data: OnboardingTimelineData;\n  className?: string;\n}) {\n  return (\n    <Accordion\n      type='single'\n      collapsible\n      className={cn(\n        'RemoteFlows__EstimationResults__OnboardingTimeline w-full',\n        className,\n      )}\n    >\n      <AccordionItem\n        value='timeline'\n        className='RemoteFlows__OnboardingTimeline__AccordionItem border-border'\n      >\n        <AccordionTrigger className='RemoteFlows__OnboardingTimeline__AccordionTrigger hover:no-underline px-0 py-4'>\n          <div className='flex items-center justify-between w-full'>\n            <span className='RemoteFlows__OnboardingTimeline__Title text-base font-medium text-[#0F172A]'>\n              Onboarding timeline\n            </span>\n            {minimumOnboardingDays != null && (\n              <span className='RemoteFlows__OnboardingTimeline__Description text-base text-muted-foreground mr-4'>\n                {minimumOnboardingDays} days\n              </span>\n            )}\n          </div>\n        </AccordionTrigger>\n        <AccordionContent className='px-0 pb-4'>\n          <ul className='RemoteFlows__OnboardingTimeline__List list-disc list-inside space-y-2'>\n            {data.steps.map((step) => (\n              <li key={step.id}>\n                <strong className='font-medium text-[#09090B]'>\n                  {step.title}\n                </strong>{' '}\n                - {step.description}\n              </li>\n            ))}\n          </ul>\n          <p className='RemoteFlows__OnboardingTimeline__HelpText text-xs text-muted-foreground mt-4'>\n            {data.helpText}\n            {data.zendeskArticleId && (\n              <ZendeskTriggerButton zendeskId={data.zendeskArticleId}>\n                Learn more\n              </ZendeskTriggerButton>\n            )}\n          </p>\n        </AccordionContent>\n      </AccordionItem>\n    </Accordion>\n  );\n}\n\nfunction HiringSection({\n  className,\n  countryBenefitsUrl,\n  countryGuideUrl,\n  country,\n}: {\n  className?: string;\n  countryBenefitsUrl: string;\n  countryGuideUrl: string;\n  country: MinimalCountry;\n}) {\n  return (\n    <Accordion\n      type='single'\n      collapsible\n      className={cn(\n        'RemoteFlows__EstimationResults__HiringSection w-full',\n        className,\n      )}\n    >\n      <AccordionItem\n        value='timeline'\n        className='RemoteFlows__HiringSection__AccordionItem border-border'\n      >\n        <AccordionTrigger className='RemoteFlows__HiringSection__AccordionTrigger hover:no-underline px-0 py-4'>\n          <div className='flex items-center justify-between w-full'>\n            <span className='text-base font-medium text-[#0F172A]'>\n              Hiring in {country.name}\n            </span>\n          </div>\n        </AccordionTrigger>\n        <AccordionContent>\n          <div className='flex flex-col gap-1'>\n            {countryGuideUrl && (\n              <a\n                href={countryGuideUrl}\n                target='_blank'\n                className='RemoteFlows__Link'\n              >\n                Explore our complete guide ↗\n              </a>\n            )}\n            {countryBenefitsUrl && (\n              <a\n                href={countryBenefitsUrl}\n                target='_blank'\n                className='RemoteFlows__Link'\n              >\n                Explore our available benefits ↗\n              </a>\n            )}\n          </div>\n        </AccordionContent>\n      </AccordionItem>\n    </Accordion>\n  );\n}\n\nfunction EstimationHeaders({\n  isMultipleCurrency,\n  className,\n}: {\n  isMultipleCurrency: boolean;\n  className?: string;\n}) {\n  return (\n    <div\n      className={cn(\n        'RemoteFlows__EstimationResults__Headers grid grid-cols-3 items-center',\n        className,\n      )}\n    >\n      <span aria-hidden />\n      {isMultipleCurrency ? (\n        <>\n          <span className='RemoteFlows__EstimationResults__Headers__Label'>\n            Employee currency\n          </span>\n          <span className='RemoteFlows__EstimationResults__Headers__Label'>\n            Employer currency\n          </span>\n        </>\n      ) : (\n        <>\n          <span></span>\n          <span className='RemoteFlows__EstimationResults__Headers__Label'>\n            Amount\n          </span>\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction EstimationRow({\n  label,\n  amounts,\n  className,\n  children,\n}: {\n  label: string | React.ReactNode;\n  amounts: string | string[];\n  className?: string;\n  children?: React.ReactNode;\n}) {\n  const [isOpen, setIsOpen] = useState(true);\n\n  return (\n    <div className={cn('RemoteFlows__EstimationResults__Row', className)}>\n      <div className='RemoteFlows__EstimationRow__Grid grid grid-cols-3 items-center'>\n        <div className='RemoteFlows__EstimationRow__LabelContainer flex items-center gap-2'>\n          <span\n            className={cn(\n              'RemoteFlows__EstimationRow__Title min-w-[140px] font-medium text-[#09090B]',\n            )}\n          >\n            {label}\n          </span>\n          <button\n            onClick={() => setIsOpen(!isOpen)}\n            className='RemoteFlows__EstimationRow__CollapseButton p-1 hover:bg-gray-100 rounded'\n          >\n            <ChevronDown\n              className={`h-4 w-4 text-muted-foreground transition-transform ${\n                isOpen ? 'rotate-180' : ''\n              }`}\n            />\n          </button>\n        </div>\n\n        {Array.isArray(amounts) ? (\n          amounts.map((amount, index) => (\n            <span\n              key={index}\n              className={cn(\n                'RemoteFlows__EstimationRow__RegionalAmount text-right font-medium text-[#09090B]',\n              )}\n            >\n              {amount}\n            </span>\n          ))\n        ) : (\n          <>\n            <span></span>\n            <span\n              className={cn(\n                'RemoteFlows__EstimationRow__EmployerAmount text-right font-medium text-[#09090B]',\n              )}\n            >\n              {amounts}\n            </span>\n          </>\n        )}\n      </div>\n\n      {/* Collapsible content */}\n      {isOpen && children && (\n        <div className='RemoteFlows__EstimationRow__CollapsibleContent mt-4'>\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface BreakdownItem {\n  label: string;\n  tooltip?: string;\n  dataSelector?: string;\n  regionalAmount?: string;\n  employerAmount?: string;\n  description?: string;\n  zendeskId?: string;\n  isCollapsible?: boolean;\n  children?: BreakdownItem[];\n}\n\nfunction BreakdownListItem({\n  item,\n  isMultipleCurrency,\n  level = 0,\n}: {\n  item: BreakdownItem;\n  isMultipleCurrency: boolean;\n  level?: number;\n}) {\n  const [isOpen, setIsOpen] = useState(false);\n  const hasChildren = item.children && item.children.length > 0;\n  const isNested = level > 0;\n  const isCollapsible = item.isCollapsible || hasChildren;\n\n  return (\n    <li\n      className={cn(\n        'RemoteFlows__BreakdownList__Item pb-3',\n        isNested && 'pb-1',\n      )}\n    >\n      <div\n        className={cn(\n          isMultipleCurrency\n            ? 'RemoteFlows__BreakdownList__Grid grid grid-cols-3 items-center justify-between'\n            : 'RemoteFlows__BreakdownList__Grid grid grid-cols-2 items-center justify-between',\n        )}\n      >\n        <div\n          className={cn(\n            'RemoteFlows__BreakdownList__LabelContainer flex items-center gap-2',\n            isNested && 'pl-3',\n          )}\n        >\n          {!isNested && (\n            <span\n              className='RemoteFlows__BreakdownList__Bullet w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0'\n              aria-hidden='true'\n            />\n          )}\n\n          {isCollapsible ? (\n            <button\n              onClick={() => setIsOpen(!isOpen)}\n              className='RemoteFlows__BreakdownList__CollapseButton flex items-center gap-2 hover:bg-gray-100 rounded p-1'\n            >\n              <span\n                className={cn(\n                  isNested\n                    ? 'RemoteFlows__BreakdownList__Text--Nested text-xs text-[#71717A]'\n                    : 'RemoteFlows__BreakdownList__Text--NotNested text-sm text-[#09090B]',\n                )}\n              >\n                {item.label}\n              </span>\n              <ChevronDown\n                className={`RemoteFlows__BreakdownList__ChevronDown h-3 w-3 text-muted-foreground transition-transform ${\n                  isOpen ? 'rotate-180' : ''\n                }`}\n              />\n            </button>\n          ) : (\n            <span\n              className={cn(\n                isNested\n                  ? 'RemoteFlows__BreakdownList__Text--Nested text-xs text-[#71717A]'\n                  : 'RemoteFlows__BreakdownList__Text--NotNested text-sm text-[#09090B] p-1',\n              )}\n            >\n              {item.label}\n            </span>\n          )}\n\n          {item.tooltip && (\n            <BasicTooltip\n              content={\n                <>\n                  <span\n                    dangerouslySetInnerHTML={{\n                      __html: sanitizeHtml(item.tooltip),\n                    }}\n                  />{' '}\n                  {item.zendeskId && (\n                    <ZendeskTriggerButton zendeskId={Number(item.zendeskId)}>\n                      Learn more\n                    </ZendeskTriggerButton>\n                  )}\n                </>\n              }\n            >\n              <button className='RemoteFlows__BreakdownList__InfoButton p-1 hover:bg-gray-100 rounded'>\n                <Info\n                  className={cn(\n                    'RemoteFlows__BreakdownList__InfoButton__Icon text-muted-foreground',\n                    isNested ? 'h-3 w-3' : 'h-4 w-4',\n                  )}\n                />\n              </button>\n            </BasicTooltip>\n          )}\n        </div>\n\n        {isMultipleCurrency ? (\n          <>\n            <span\n              data-testid={\n                item.dataSelector && item.dataSelector + '-employee-amount'\n              }\n              className={cn(\n                'RemoteFlows__BreakdownList__RegionalAmountText text-sm text-right',\n                isNested\n                  ? 'RemoteFlows__BreakdownList__RegionalAmountText--Nested text-[#71717A]'\n                  : 'RemoteFlows__BreakdownList__RegionalAmountText--NotNested text-[#09090B]',\n              )}\n            >\n              {item.regionalAmount || '—'}\n            </span>\n            <span\n              data-testid={\n                item.dataSelector && item.dataSelector + '-employer-amount'\n              }\n              className={cn(\n                'RemoteFlows__BreakdownList__EmployerAmountText text-sm text-right',\n                isNested\n                  ? 'RemoteFlows__BreakdownList__EmployerAmountText--Nested text-[#71717A]'\n                  : 'RemoteFlows__BreakdownList__EmployerAmountText--NotNested text-[#09090B]',\n              )}\n            >\n              {item.employerAmount || '—'}\n            </span>\n          </>\n        ) : (\n          <span\n            data-testid={item.dataSelector}\n            className={cn(\n              'RemoteFlows__BreakdownList__RegionalAmountText text-sm text-right',\n              isNested\n                ? 'RemoteFlows__BreakdownList__RegionalAmountText--Nested text-[#71717A]'\n                : 'RemoteFlows__BreakdownList__RegionalAmountText--NotNested text-[#09090B]',\n            )}\n          >\n            {item.regionalAmount || '—'}\n          </span>\n        )}\n      </div>\n\n      {hasChildren && isOpen && (\n        <div className='mt-1'>\n          <BreakdownList\n            items={item.children!}\n            isMultipleCurrency={isMultipleCurrency}\n            level={level + 1}\n          />\n        </div>\n      )}\n    </li>\n  );\n}\n\ninterface BreakdownListProps {\n  items: BreakdownItem[];\n  isMultipleCurrency: boolean;\n  className?: string;\n  level?: number;\n}\n\nfunction BreakdownList({\n  items,\n  isMultipleCurrency,\n  className,\n  level,\n}: BreakdownListProps) {\n  return (\n    <ul className={cn('RemoteFlows__BreakdownList list-none', className)}>\n      {items.map((item, index) => (\n        <BreakdownListItem\n          key={index}\n          item={item}\n          isMultipleCurrency={isMultipleCurrency}\n          level={level}\n        />\n      ))}\n    </ul>\n  );\n}\n\ntype EstimationResultsComponents = {\n  HiringSection?: React.ComponentType<{\n    country: MinimalCountry;\n    countryBenefitsUrl: string;\n    countryGuideUrl: string;\n  }>;\n  OnboardingTimeline?: React.ComponentType<{\n    minimumOnboardingDays: number | null;\n    data: OnboardingTimelineData;\n  }>;\n  Header?: React.ComponentType<{\n    title: string;\n    region?: MinimalRegion;\n    country: MinimalCountry;\n    onDelete: () => void;\n    onExportPdf: () => void;\n  }>;\n  Footer?: React.ComponentType;\n};\n\ntype EstimationResultsProps = {\n  estimation: CostCalculatorEstimation;\n  title: string;\n  components?: EstimationResultsComponents;\n  onDelete: () => void;\n  onExportPdf: () => void;\n  onEdit: () => void;\n};\n\nexport const EstimationResults = ({\n  estimation,\n  title,\n  components,\n  onDelete,\n  onExportPdf,\n  onEdit,\n}: EstimationResultsProps) => {\n  const CustomHiringSection = components?.HiringSection || HiringSection;\n  const CustomOnboardingTimeline =\n    components?.OnboardingTimeline || OnboardingTimeline;\n  const CustomHeader = components?.Header || EstimationResultsHeader;\n  const CustomFooter = components?.Footer;\n\n  const onboardingTimelineData = getOnboardingTimelineData();\n\n  const isMultipleCurrency =\n    estimation.employer_currency_costs.currency.code !==\n    estimation.regional_currency_costs.currency.code;\n\n  const hasManagementFee =\n    estimation.employer_currency_costs.monthly_management_fee;\n\n  const hasRegion = estimation.region.code !== estimation.country.code;\n\n  const formattedSalary = formatCurrency(\n    estimation.regional_currency_costs.annual_gross_salary,\n    estimation.regional_currency_costs.currency.symbol,\n  );\n\n  return (\n    <Card className='RemoteFlows__EstimationResults__Card p-10'>\n      <div className='RemoteFlows__Separator'>\n        <CustomHeader\n          title={title}\n          annualGrossSalary={formattedSalary}\n          region={hasRegion ? estimation.region : undefined}\n          country={estimation.country}\n          onDelete={onDelete}\n          onExportPdf={onExportPdf}\n          onEdit={onEdit}\n        />\n      </div>\n      <div className='RemoteFlows__Separator'>\n        <EstimationHeaders\n          isMultipleCurrency={isMultipleCurrency}\n          className='mb-3'\n        />\n        <EstimationRow\n          label='Monthly total cost'\n          amounts={\n            isMultipleCurrency\n              ? [\n                  formatCurrency(\n                    estimation.regional_currency_costs.monthly_total,\n                    estimation.regional_currency_costs.currency.symbol,\n                  ),\n                  formatCurrency(\n                    estimation.employer_currency_costs.monthly_total,\n                    estimation.employer_currency_costs.currency.symbol,\n                  ),\n                ]\n              : formatCurrency(\n                  estimation.regional_currency_costs.monthly_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                )\n          }\n        >\n          <BreakdownList\n            items={[\n              {\n                label: 'Gross monthly salary',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.monthly_gross_salary,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.monthly_gross_salary,\n                  estimation.employer_currency_costs.currency.symbol,\n                ),\n                zendeskId: zendeskArticles.extraPayments.toString(),\n                tooltip:\n                  'This country respects extra payments on top of the gross salary.',\n              },\n              {\n                label: 'Mandatory employer costs',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs\n                    .monthly_contributions_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs\n                    .monthly_contributions_total,\n                  estimation.employer_currency_costs.currency.symbol,\n                ),\n                children:\n                  estimation.employer_currency_costs.monthly_contributions_breakdown?.map(\n                    (item, index) => {\n                      return {\n                        label: item.name,\n                        regionalAmount: formatCurrency(\n                          estimation.regional_currency_costs\n                            .monthly_contributions_breakdown?.[index]?.amount,\n                          estimation.regional_currency_costs.currency.symbol,\n                        ),\n                        employerAmount: formatCurrency(\n                          item.amount,\n                          estimation.employer_currency_costs.currency.symbol,\n                        ),\n                        zendeskId: item.zendesk_article_id || undefined,\n                        tooltip: item.description || undefined,\n                      };\n                    },\n                  ) || [],\n              },\n              {\n                label: 'Benefits',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.monthly_benefits_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.monthly_benefits_total,\n                  estimation.employer_currency_costs.currency.symbol,\n                ),\n                children:\n                  estimation.employer_currency_costs.monthly_benefits_breakdown?.map(\n                    (item, index) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .monthly_benefits_breakdown?.[index]?.amount,\n                        estimation.regional_currency_costs.currency.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.symbol,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              ...(hasManagementFee\n                ? [\n                    {\n                      label: 'Monthly fee',\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .monthly_management_fee,\n                        estimation.regional_currency_costs.currency.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        estimation.employer_currency_costs\n                          .monthly_management_fee,\n                        estimation.employer_currency_costs.currency.symbol,\n                      ),\n                      tooltip:\n                        'Discounts may be available based on your commitment and team size. Speak to your account or customer success manager to learn more.',\n                    },\n                  ]\n                : []),\n            ]}\n            isMultipleCurrency={isMultipleCurrency}\n          />\n        </EstimationRow>\n      </div>\n      <div className='RemoteFlows__Separator'>\n        <EstimationRow\n          label='Annual total cost'\n          amounts={\n            isMultipleCurrency\n              ? [\n                  formatCurrency(\n                    estimation.regional_currency_costs.annual_total,\n                    estimation.regional_currency_costs.currency.symbol,\n                  ),\n                  formatCurrency(\n                    estimation.employer_currency_costs.annual_total,\n                    estimation.employer_currency_costs.currency.symbol,\n                  ),\n                ]\n              : formatCurrency(\n                  estimation.regional_currency_costs.annual_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                )\n          }\n        >\n          <BreakdownList\n            items={[\n              {\n                label: 'Gross annual salary',\n                dataSelector: 'annual-gross-salary',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.annual_gross_salary,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.annual_gross_salary,\n                  estimation.employer_currency_costs.currency.symbol,\n                ),\n              },\n              {\n                label: 'Mandatory employer costs',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.annual_contributions_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.annual_contributions_total,\n                  estimation.employer_currency_costs.currency.symbol,\n                ),\n                children:\n                  estimation.employer_currency_costs.annual_contributions_breakdown?.map(\n                    (item, index) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .annual_contributions_breakdown?.[index]?.amount,\n                        estimation.regional_currency_costs.currency.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.symbol,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              {\n                label: 'Benefits',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.annual_benefits_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.annual_benefits_total,\n                  estimation.employer_currency_costs.currency.symbol,\n                ),\n                children:\n                  estimation.employer_currency_costs.annual_benefits_breakdown?.map(\n                    (item, index) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .annual_benefits_breakdown?.[index]?.amount,\n                        estimation.regional_currency_costs.currency.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.symbol,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              {\n                label: 'Extra statutory payments',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs\n                    .extra_statutory_payments_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs\n                    .extra_statutory_payments_total,\n                  estimation.employer_currency_costs.currency.symbol,\n                ),\n                children:\n                  estimation.employer_currency_costs.extra_statutory_payments_breakdown?.map(\n                    (item, index) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .extra_statutory_payments_breakdown?.[index]?.amount,\n                        estimation.regional_currency_costs.currency.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.symbol,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              ...(hasManagementFee\n                ? [\n                    {\n                      label: 'Annual fee',\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .annual_management_fee,\n                        estimation.regional_currency_costs.currency.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        estimation.employer_currency_costs\n                          .annual_management_fee,\n                        estimation.employer_currency_costs.currency.symbol,\n                      ),\n                      tooltip:\n                        'Discounts may be available based on your commitment and team size. Speak to your account or customer success manager to learn more.',\n                    },\n                  ]\n                : []),\n            ]}\n            isMultipleCurrency={isMultipleCurrency}\n          />\n        </EstimationRow>\n      </div>\n      <div className='RemoteFlows__Separator'>\n        <CustomOnboardingTimeline\n          minimumOnboardingDays={estimation.minimum_onboarding_time}\n          data={onboardingTimelineData}\n        />\n      </div>\n\n      <CustomHiringSection\n        countryBenefitsUrl={estimation.country_benefits_details_url as string}\n        countryGuideUrl={estimation.country_guide_url as string}\n        country={estimation.country}\n      />\n\n      {CustomFooter && <CustomFooter />}\n    </Card>\n  );\n};\n"],"mappings":"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","names":["MoreHorizontal","useState","Fragment","jsx","jsxs","ActionsDropdown","actions","className","label","dataSelector","isOpen","setIsOpen","useState","cn","Button","MoreHorizontal","action","index","__name","ChevronDown","Info","Flag","useState","Fragment","jsx","jsxs","FLAG_CODE_MAPPING","EstimationResultsHeader","__name","title","country","region","annualGrossSalary","onDelete","onExportPdf","onEdit","actions","Flag","ActionsDropdown","getOnboardingTimelineData","zendeskArticles","OnboardingTimeline","minimumOnboardingDays","data","className","Accordion","cn","AccordionItem","AccordionTrigger","AccordionContent","step","ZendeskTriggerButton","HiringSection","countryBenefitsUrl","countryGuideUrl","EstimationHeaders","isMultipleCurrency","EstimationRow","label","amounts","children","isOpen","setIsOpen","useState","ChevronDown","amount","index","BreakdownListItem","item","level","hasChildren","isNested","isCollapsible","BasicTooltip","sanitizeHtml","Info","BreakdownList","items","EstimationResults","estimation","components","CustomHiringSection","CustomOnboardingTimeline","CustomHeader","CustomFooter","onboardingTimelineData","hasManagementFee","hasRegion","formattedSalary","formatCurrency","Card"]}

package/dist/chunk-Z3BMF4BO.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-Z3BMF4BO.js.map

package/dist/chunk-ZE3YT3Q6.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk-P37U34EQ.js";import{jsx as a,jsxs as t}from"react/jsx-runtime";var i=e(({children:o,content:r})=>t("div",{className:"relative inline-block group",children:[o,t("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",children:[r,a("div",{className:"absolute top-full right-3 border-4 border-transparent border-t-gray-900"})]})]}),"BasicTooltip");export{i as a};
-//# sourceMappingURL=chunk-ZE3YT3Q6.js.map

package/dist/chunk-ZE3YT3Q6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/basic-tooltip.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"],"mappings":"wCAUM,OAEE,OAAAA,EAFF,QAAAC,MAAA,oBAVC,IAAMC,EAAeC,EAAA,CAAC,CAC3B,SAAAC,EACA,QAAAC,CACF,IAKIJ,EAAC,OAAI,UAAU,8BACZ,UAAAG,EACDH,EAAC,OAAI,UAAU,4NACZ,UAAAI,EACDL,EAAC,OAAI,UAAU,0EAA0E,GAC3F,GACF,EAdwB","names":["jsx","jsxs","BasicTooltip","__name","children","content"]}

package/dist/chunk-ZSCKSEAA.js

@@ -1,2 +0,0 @@
-import{a as t}from"./chunk-43WMZDDH.js";import{a as o}from"./chunk-P37U34EQ.js";import*as r from"@radix-ui/react-separator";import{jsx as p}from"react/jsx-runtime";function m({className:a,orientation:i="horizontal",decorative:e=!0,...n}){return p(r.Root,{"data-slot":"separator-root",decorative:e,orientation:i,className:t("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",a),...n})}o(m,"Separator");export{m as a};
-//# sourceMappingURL=chunk-ZSCKSEAA.js.map

package/dist/chunk-ZSCKSEAA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\n\nimport { cn } from '@/src/lib/utils';\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot='separator-root'\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":"gFACA,UAAYA,MAAwB,4BAWhC,cAAAC,MAAA,oBAPJ,SAASC,EAAU,CACjB,UAAAC,EACA,YAAAC,EAAc,aACd,WAAAC,EAAa,GACb,GAAGC,CACL,EAAyD,CACvD,OACEL,EAAoB,OAAnB,CACC,YAAU,iBACV,WAAYI,EACZ,YAAaD,EACb,UAAWG,EACT,iKACAJ,CACF,EACC,GAAGG,EACN,CAEJ,CAlBSE,EAAAN,EAAA","names":["SeparatorPrimitive","jsx","Separator","className","orientation","decorative","props","cn","__name"]}

package/dist/chunk-ZX5OIIJX.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-ZX5OIIJX.js.map

package/dist/chunk-ZX5OIIJX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/flows/CostCalculator/CostCalculatorDisclaimer.d.ts

@@ -1,8 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type CostCalculatorDisclaimerProps = {
-    label?: string;
-};
-declare const CostCalculatorDisclaimer: ({ label, }: CostCalculatorDisclaimerProps) => react_jsx_runtime.JSX.Element;
-
-export { CostCalculatorDisclaimer };

package/dist/flows/CostCalculator/CostCalculatorDisclaimer.js

@@ -1,2 +0,0 @@
-import{a}from"../../chunk-Q4BKFSTW.js";import"../../chunk-DYB3RWP7.js";import"../../chunk-3A47R5RQ.js";import"../../chunk-TWIUL2P3.js";import"../../chunk-WVDTHFGS.js";import"../../chunk-43WMZDDH.js";import"../../chunk-P37U34EQ.js";export{a as CostCalculatorDisclaimer};
-//# sourceMappingURL=CostCalculatorDisclaimer.js.map

package/dist/flows/CostCalculator/CostCalculatorDisclaimer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/flows/CostCalculator/Results/CostCalculatorBenefitsBreakdown.d.ts

@@ -1,16 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type CostCalculatorBenefitsBreakdownProps = {
-    benefitsTotal: number | undefined;
-    benefitsBreakdown: {
-        name: string;
-        description: string | null;
-        amount: number;
-        zendesk_article_url: string | null;
-        zendesk_article_id: string | null;
-    }[];
-    currency: string;
-};
-declare function CostCalculatorBenefitsBreakdown({ benefitsTotal, benefitsBreakdown, currency, }: CostCalculatorBenefitsBreakdownProps): react_jsx_runtime.JSX.Element;
-
-export { CostCalculatorBenefitsBreakdown };

package/dist/flows/CostCalculator/Results/CostCalculatorBenefitsBreakdown.js

@@ -1,2 +0,0 @@
-import{a}from"../../../chunk-6TY7IKSG.js";import"../../../chunk-ZSCKSEAA.js";import"../../../chunk-ZE3YT3Q6.js";import"../../../chunk-OQJWLV7V.js";import"../../../chunk-TWIUL2P3.js";import"../../../chunk-ZX5OIIJX.js";import"../../../chunk-HWEJIPSK.js";import"../../../chunk-WVDTHFGS.js";import"../../../chunk-3ZWDIEEM.js";import"../../../chunk-43WMZDDH.js";import"../../../chunk-P37U34EQ.js";export{a as CostCalculatorBenefitsBreakdown};
-//# sourceMappingURL=CostCalculatorBenefitsBreakdown.js.map

package/dist/flows/CostCalculator/Results/CostCalculatorBenefitsBreakdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/flows/CostCalculator/Results/CostCalculatorContributionsBreakdown.d.ts

@@ -1,16 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type CostCalculatorContributionsBreakdownProps = {
-    contributionsTotal: number;
-    currency: string;
-    contributionsBreakdown: {
-        name: string;
-        description: string | null;
-        amount: number;
-        zendesk_article_url: string | null;
-        zendesk_article_id: string | null;
-    }[] | undefined;
-};
-declare function CostCalculatorContributionsBreakdown({ contributionsTotal, currency, contributionsBreakdown, }: CostCalculatorContributionsBreakdownProps): react_jsx_runtime.JSX.Element;
-
-export { CostCalculatorContributionsBreakdown };

package/dist/flows/CostCalculator/Results/CostCalculatorContributionsBreakdown.js

@@ -1,2 +0,0 @@
-import{a}from"../../../chunk-GHV4Q4MB.js";import"../../../chunk-ZSCKSEAA.js";import"../../../chunk-ZE3YT3Q6.js";import"../../../chunk-OQJWLV7V.js";import"../../../chunk-TWIUL2P3.js";import"../../../chunk-ZX5OIIJX.js";import"../../../chunk-HWEJIPSK.js";import"../../../chunk-WVDTHFGS.js";import"../../../chunk-3ZWDIEEM.js";import"../../../chunk-43WMZDDH.js";import"../../../chunk-P37U34EQ.js";export{a as CostCalculatorContributionsBreakdown};
-//# sourceMappingURL=CostCalculatorContributionsBreakdown.js.map

package/dist/flows/CostCalculator/Results/CostCalculatorContributionsBreakdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/flows/CostCalculator/Results/CostCalculatorExtraStatutoryPaymentsBreakdown.d.ts

@@ -1,16 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type CostCalculatorExtraStatutoryPaymentsBreakdownProps = {
-    extraStatutoryPaymentsTotal: number | null;
-    extraStatutoryPaymentsBreakdown: {
-        name: string;
-        description: string | null;
-        zendesk_article_url: string | null;
-        zendesk_article_id: string | null;
-        amount: number;
-    }[];
-    currency: string;
-};
-declare function CostCalculatorExtraStatutoryPaymentsBreakdown({ extraStatutoryPaymentsTotal, extraStatutoryPaymentsBreakdown, currency, }: CostCalculatorExtraStatutoryPaymentsBreakdownProps): react_jsx_runtime.JSX.Element;
-
-export { CostCalculatorExtraStatutoryPaymentsBreakdown };

package/dist/flows/CostCalculator/Results/CostCalculatorExtraStatutoryPaymentsBreakdown.js

@@ -1,2 +0,0 @@
-import{a}from"../../../chunk-UBN6O7B5.js";import"../../../chunk-ZSCKSEAA.js";import"../../../chunk-ZE3YT3Q6.js";import"../../../chunk-OQJWLV7V.js";import"../../../chunk-TWIUL2P3.js";import"../../../chunk-ZX5OIIJX.js";import"../../../chunk-HWEJIPSK.js";import"../../../chunk-WVDTHFGS.js";import"../../../chunk-3ZWDIEEM.js";import"../../../chunk-43WMZDDH.js";import"../../../chunk-P37U34EQ.js";export{a as CostCalculatorExtraStatutoryPaymentsBreakdown};
-//# sourceMappingURL=CostCalculatorExtraStatutoryPaymentsBreakdown.js.map

package/dist/flows/CostCalculator/Results/CostCalculatorExtraStatutoryPaymentsBreakdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/flows/CostCalculator/Results/CostCalculatorGrossSalary.d.ts

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type CostCalculatorGrossSalaryProps = {
-    grossSalary: number;
-    currency: string;
-    hasExtraStatutoryPayment?: boolean;
-};
-declare function CostCalculatorGrossSalary({ grossSalary, currency, hasExtraStatutoryPayment, }: CostCalculatorGrossSalaryProps): react_jsx_runtime.JSX.Element;
-
-export { CostCalculatorGrossSalary };

package/dist/flows/CostCalculator/Results/CostCalculatorGrossSalary.js

@@ -1,2 +0,0 @@
-import{a}from"../../../chunk-5ENAY65Y.js";import"../../../chunk-ZSCKSEAA.js";import"../../../chunk-ZE3YT3Q6.js";import"../../../chunk-OQJWLV7V.js";import"../../../chunk-TWIUL2P3.js";import"../../../chunk-ZX5OIIJX.js";import"../../../chunk-HWEJIPSK.js";import"../../../chunk-WVDTHFGS.js";import"../../../chunk-3ZWDIEEM.js";import"../../../chunk-43WMZDDH.js";import"../../../chunk-P37U34EQ.js";export{a as CostCalculatorGrossSalary};
-//# sourceMappingURL=CostCalculatorGrossSalary.js.map

package/dist/flows/CostCalculator/Results/CostCalculatorGrossSalary.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/flows/CostCalculator/Results/CostCalculatorIndirectTax.d.ts

@@ -1,9 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type CostCalculatorIndirectTaxProps = {
-    indirectTax: number;
-    currency: string;
-};
-declare function CostCalculatorIndirectTax({ indirectTax, currency, }: CostCalculatorIndirectTaxProps): react_jsx_runtime.JSX.Element;
-
-export { CostCalculatorIndirectTax };

package/dist/flows/CostCalculator/Results/CostCalculatorIndirectTax.js

@@ -1,2 +0,0 @@
-import{a}from"../../../chunk-BCXRPHWY.js";import"../../../chunk-ZSCKSEAA.js";import"../../../chunk-43WMZDDH.js";import"../../../chunk-P37U34EQ.js";export{a as CostCalculatorIndirectTax};
-//# sourceMappingURL=CostCalculatorIndirectTax.js.map

package/dist/flows/CostCalculator/Results/CostCalculatorIndirectTax.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/flows/CostCalculator/Results/CostCalculatorResults.d.ts

@@ -1,19 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as CostCalculatorEstimateResponse } from '../../../types.gen-B2u-cOXI.js';
-
-interface CostCalculatorResultProps {
-    employmentData: CostCalculatorEstimateResponse['data'];
-    options?: Partial<{
-        title: string;
-        description: string;
-        showChart: boolean;
-        chartColors: {
-            grossSalary: string;
-            contributions: string;
-            benefits: string;
-        };
-    }>;
-}
-declare function CostCalculatorResults({ employmentData, options, }: CostCalculatorResultProps): react_jsx_runtime.JSX.Element | null;
-
-export { CostCalculatorResults };

package/dist/flows/CostCalculator/Results/CostCalculatorResults.js

@@ -1,2 +0,0 @@
-import{a}from"../../../chunk-AVX6IOGC.js";import"../../../chunk-BCXRPHWY.js";import"../../../chunk-MQWVZSGH.js";import"../../../chunk-6TY7IKSG.js";import"../../../chunk-GHV4Q4MB.js";import"../../../chunk-UBN6O7B5.js";import"../../../chunk-5ENAY65Y.js";import"../../../chunk-ZSCKSEAA.js";import"../../../chunk-ZE3YT3Q6.js";import"../../../chunk-7R347KBY.js";import"../../../chunk-AFRA4BIW.js";import"../../../chunk-HPHWQU34.js";import"../../../chunk-OQJWLV7V.js";import"../../../chunk-TWIUL2P3.js";import"../../../chunk-ZX5OIIJX.js";import"../../../chunk-HWEJIPSK.js";import"../../../chunk-WVDTHFGS.js";import"../../../chunk-3ZWDIEEM.js";import"../../../chunk-43WMZDDH.js";import"../../../chunk-P37U34EQ.js";export{a as CostCalculatorResults};
-//# sourceMappingURL=CostCalculatorResults.js.map

package/dist/flows/CostCalculator/Results/CostCalculatorResults.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/flows/CostCalculator/Results/CostCalculatorResultsChart.d.ts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type VisualBreakDownProps = {
-    chartData: {
-        name: string;
-        value: number | undefined;
-        color: string;
-    }[];
-    currency: string;
-};
-declare function CostCalculatorResultsChart({ chartData, currency, }: VisualBreakDownProps): react_jsx_runtime.JSX.Element;
-
-export { CostCalculatorResultsChart as default };

package/dist/flows/CostCalculator/Results/CostCalculatorResultsChart.js

@@ -1,2 +0,0 @@
-import{a as l,b as n,c as d,e as u}from"../../../chunk-AFRA4BIW.js";import{b as i}from"../../../chunk-43WMZDDH.js";import{a as s}from"../../../chunk-P37U34EQ.js";import{Cell as c,Pie as C,PieChart as p,ResponsiveContainer as f,Tooltip as v}from"recharts";import{jsx as e,jsxs as a}from"react/jsx-runtime";function y({chartData:t,currency:m}){return a(l,{className:"rounded-lg RemoteFlows__CostCalculatorResults_CostDistribution",children:[e(n,{className:"pb-2",children:e(d,{children:"Cost Distribution"})}),a(u,{children:[e("div",{className:"h-[300px] flex items-center justify-center",children:e(f,{width:"100%",height:"100%",children:a(p,{children:[e(C,{data:t,cx:"50%",cy:"50%",innerRadius:60,outerRadius:90,paddingAngle:2,dataKey:"value",labelLine:!1,children:t.map((r,o)=>e(c,{fill:r.color},`cell-${o}`))}),e(v,{formatter:r=>i(Number(r),m),contentStyle:{borderRadius:"var(--radius-md)",border:"1px solid var(--color-border)",fontSize:"var(--text-xs)"}})]})})}),e("div",{className:"mt-4 space-y-2",children:t.map((r,o)=>a("div",{className:"flex items-center gap-2",children:[e("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:r.color}}),e("span",{className:"text-sm",children:r.name})]},o))})]})]})}s(y,"CostCalculatorResultsChart");export{y as default};
-//# sourceMappingURL=CostCalculatorResultsChart.js.map

package/dist/flows/CostCalculator/Results/CostCalculatorResultsChart.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/flows/CostCalculator/Results/CostCalculatorResultsChart.tsx"],"sourcesContent":["import { Cell, Pie, PieChart, ResponsiveContainer, Tooltip } from 'recharts';\n\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from '@/src/components/ui/card';\nimport { formatCurrency } from '@/src/lib/utils';\n\ntype VisualBreakDownProps = {\n  chartData: { name: string; value: number | undefined; color: string }[];\n  currency: string;\n};\n\nexport default function CostCalculatorResultsChart({\n  chartData,\n  currency,\n}: VisualBreakDownProps) {\n  return (\n    <Card className='rounded-lg RemoteFlows__CostCalculatorResults_CostDistribution'>\n      <CardHeader className='pb-2'>\n        <CardTitle>Cost Distribution</CardTitle>\n      </CardHeader>\n      <CardContent>\n        <div className='h-[300px] flex items-center justify-center'>\n          <ResponsiveContainer width='100%' height='100%'>\n            <PieChart>\n              <Pie\n                data={chartData}\n                cx='50%'\n                cy='50%'\n                innerRadius={60}\n                outerRadius={90}\n                paddingAngle={2}\n                dataKey='value'\n                labelLine={false}\n              >\n                {chartData.map((entry, index) => (\n                  <Cell key={`cell-${index}`} fill={entry.color} />\n                ))}\n              </Pie>\n              <Tooltip\n                formatter={(value: 'monthly' | 'annual') =>\n                  formatCurrency(Number(value), currency)\n                }\n                contentStyle={{\n                  borderRadius: 'var(--radius-md)',\n                  border: '1px solid var(--color-border)',\n                  fontSize: 'var(--text-xs)',\n                }}\n              />\n            </PieChart>\n          </ResponsiveContainer>\n        </div>\n\n        <div className='mt-4 space-y-2'>\n          {chartData.map((item, index) => (\n            <div key={index} className='flex items-center gap-2'>\n              <div\n                className='w-3 h-3 rounded-full'\n                style={{ backgroundColor: item.color }}\n              ></div>\n              <span className='text-sm'>{item.name}</span>\n            </div>\n          ))}\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"kKAAA,OAAS,QAAAA,EAAM,OAAAC,EAAK,YAAAC,EAAU,uBAAAC,EAAqB,WAAAC,MAAe,WAsB1D,cAAAC,EAKI,QAAAC,MALJ,oBAPO,SAARC,EAA4C,CACjD,UAAAC,EACA,SAAAC,CACF,EAAyB,CACvB,OACEH,EAACI,EAAA,CAAK,UAAU,iEACd,UAAAL,EAACM,EAAA,CAAW,UAAU,OACpB,SAAAN,EAACO,EAAA,CAAU,6BAAiB,EAC9B,EACAN,EAACO,EAAA,CACC,UAAAR,EAAC,OAAI,UAAU,6CACb,SAAAA,EAACS,EAAA,CAAoB,MAAM,OAAO,OAAO,OACvC,SAAAR,EAACS,EAAA,CACC,UAAAV,EAACW,EAAA,CACC,KAAMR,EACN,GAAG,MACH,GAAG,MACH,YAAa,GACb,YAAa,GACb,aAAc,EACd,QAAQ,QACR,UAAW,GAEV,SAAAA,EAAU,IAAI,CAACS,EAAOC,IACrBb,EAACc,EAAA,CAA2B,KAAMF,EAAM,OAA7B,QAAQC,CAAK,EAAuB,CAChD,EACH,EACAb,EAACe,EAAA,CACC,UAAYC,GACVC,EAAe,OAAOD,CAAK,EAAGZ,CAAQ,EAExC,aAAc,CACZ,aAAc,mBACd,OAAQ,gCACR,SAAU,gBACZ,EACF,GACF,EACF,EACF,EAEAJ,EAAC,OAAI,UAAU,iBACZ,SAAAG,EAAU,IAAI,CAACe,EAAML,IACpBZ,EAAC,OAAgB,UAAU,0BACzB,UAAAD,EAAC,OACC,UAAU,uBACV,MAAO,CAAE,gBAAiBkB,EAAK,KAAM,EACtC,EACDlB,EAAC,QAAK,UAAU,UAAW,SAAAkB,EAAK,KAAK,IAL7BL,CAMV,CACD,EACH,GACF,GACF,CAEJ,CAvDwBM,EAAAjB,EAAA","names":["Cell","Pie","PieChart","ResponsiveContainer","Tooltip","jsx","jsxs","CostCalculatorResultsChart","chartData","currency","Card","CardHeader","CardTitle","CardContent","ResponsiveContainer","PieChart","Pie","entry","index","Cell","Tooltip","value","formatCurrency","item","__name"]}

package/dist/flows/CostCalculator/Results/CostCalculatorTotalCost.d.ts

@@ -1,9 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type CostCalculatorTotalCostProps = {
-    totalCost: number;
-    currency: string;
-};
-declare function CostCalculatorTotalCost({ totalCost, currency, }: CostCalculatorTotalCostProps): react_jsx_runtime.JSX.Element;
-
-export { CostCalculatorTotalCost };

package/dist/flows/CostCalculator/Results/CostCalculatorTotalCost.js

@@ -1,2 +0,0 @@
-import{a}from"../../../chunk-MQWVZSGH.js";import"../../../chunk-43WMZDDH.js";import"../../../chunk-P37U34EQ.js";export{a as CostCalculatorTotalCost};
-//# sourceMappingURL=CostCalculatorTotalCost.js.map

package/dist/flows/CostCalculator/Results/CostCalculatorTotalCost.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/flows/CostCalculator/disclaimerUtils.d.ts

@@ -1,10 +0,0 @@
-declare const disclaimerData: {
-    data: {
-        id: number;
-        title: string;
-        body: string;
-        html_url: string;
-    };
-};
-
-export { disclaimerData };

package/dist/flows/CostCalculator/disclaimerUtils.js

@@ -1,2 +0,0 @@
-import{a}from"../../chunk-DYB3RWP7.js";import"../../chunk-P37U34EQ.js";export{a as disclaimerData};
-//# sourceMappingURL=disclaimerUtils.js.map

package/dist/flows/CostCalculator/disclaimerUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/flows/api.d.ts

@@ -1,33 +0,0 @@
-import * as _remoteoss_json_schema_form from '@remoteoss/json-schema-form';
-import * as _tanstack_react_query from '@tanstack/react-query';
-import { O as OffboardingResponse, P as PostCreateOffboardingError, C as CreateOffboardingParams } from '../types.gen-B2u-cOXI.js';
-import { T as TerminationFormValues } from '../types-CTSYWNx-.js';
-import { JSFModify } from './types.js';
-import 'react/jsx-runtime';
-import '../mutations-poZZkLvk.js';
-import '../remoteFlows-DzRZRhQq.js';
-import 'react-hook-form';
-import 'react';
-import 'yup';
-import '../types-Zg1n_9wh.js';
-import './useStepState.js';
-import './Termination/TerminationBack.js';
-import './Termination/TerminationSubmit.js';
-
-declare const useCreateTermination: () => _tanstack_react_query.UseMutationResult<({
-    data: OffboardingResponse;
-    error: undefined;
-} | {
-    data: undefined;
-    error: PostCreateOffboardingError;
-}) & {
-    request: Request;
-    response: Response;
-}, Error, CreateOffboardingParams, unknown>;
-declare const useTerminationSchema: ({ formValues, jsfModify, step, }: {
-    formValues?: TerminationFormValues;
-    jsfModify?: JSFModify;
-    step?: string;
-}) => _tanstack_react_query.UseQueryResult<_remoteoss_json_schema_form.HeadlessFormOutput, Error>;
-
-export { useCreateTermination, useTerminationSchema };

package/dist/flows/api.js

@@ -1,2 +0,0 @@
-import{a,b}from"../chunk-2L3ISQJL.js";import"../chunk-JCKQQFA4.js";import"../chunk-RR55GUDT.js";import"../chunk-NX7MM6XR.js";import"../chunk-ZXGAFQXW.js";import"../chunk-VDRNNOVA.js";import"../chunk-LMYJ6V44.js";import"../chunk-XFD3ULUF.js";import"../chunk-HWEJIPSK.js";import"../chunk-3ZWDIEEM.js";import"../chunk-P37U34EQ.js";export{a as useCreateTermination,b as useTerminationSchema};
-//# sourceMappingURL=api.js.map

package/dist/flows/api.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}