@remoteoss/remote-flows 0.10.0 → 0.12.0

package/dist/chunk-XHBYAMFV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/CostCalculator/CostCalculatorFlow.tsx"],"sourcesContent":["import { useJsonSchemasValidationFormResolver } from '@/src/components/form/yupValidationResolver';\nimport { CostCalculatorContext } from '@/src/flows/CostCalculator/context';\nimport {\n  CostCalculatorVersion,\n  defaultEstimationOptions,\n  useCostCalculator,\n} from '@/src/flows/CostCalculator/hooks';\nimport { CostCalculatorEstimationOptions } from '@/src/flows/CostCalculator/types';\nimport { JSFModify } from '@/src/flows/types';\nimport React, { useId } from 'react';\nimport { useForm } from 'react-hook-form';\n\nexport type CostCalculatorFlowProps = {\n  /**\n   * Estimation params allows you to customize the parameters sent to the /cost-calculator/estimation endpoint.\n   */\n  estimationOptions?: CostCalculatorEstimationOptions;\n  /**\n   * Default values for the form fields.\n   */\n  defaultValues?: Partial<{\n    /**\n     * Default value for the country field.\n     */\n    countryRegionSlug: string;\n    /**\n     * Default value for the currency field.\n     */\n    currencySlug: string;\n    /**\n     * Default value for the salary field.\n     */\n    salary: string;\n  }>;\n  options?: {\n    jsfModify?: JSFModify;\n  };\n  render: (\n    costCalculatorBag: ReturnType<typeof useCostCalculator>,\n  ) => React.ReactNode;\n  /**\n   * Whether to include annual_gross_salary in the estimation payload\n   */\n  version?: CostCalculatorVersion;\n};\n\nexport const CostCalculatorFlow = ({\n  estimationOptions = defaultEstimationOptions,\n  defaultValues = {\n    countryRegionSlug: '',\n    currencySlug: '',\n    salary: '',\n  },\n  options,\n  render,\n  version = 'standard',\n}: CostCalculatorFlowProps) => {\n  const formId = useId();\n  const costCalculatorBag = useCostCalculator({\n    defaultRegion: defaultValues.countryRegionSlug,\n    estimationOptions,\n    version,\n    options,\n  });\n  const resolver = useJsonSchemasValidationFormResolver(\n    // @ts-expect-error no matching type\n    costCalculatorBag.handleValidation,\n  );\n\n  const form = useForm({\n    resolver,\n    defaultValues: {\n      country: defaultValues?.countryRegionSlug,\n      currency: defaultValues?.currencySlug,\n      region: '',\n      salary: defaultValues?.salary,\n    },\n    shouldUnregister: false,\n    mode: 'onBlur',\n  });\n\n  return (\n    <CostCalculatorContext.Provider\n      value={{\n        form,\n        formId: formId,\n        costCalculatorBag,\n      }}\n    >\n      {render(costCalculatorBag)}\n    </CostCalculatorContext.Provider>\n  );\n};\n"],"mappings":"+MASA,OAAgB,SAAAA,MAAa,QAyEzB,cAAAC,MAAA,oBApCG,IAAMC,EAAqBC,EAAA,CAAC,CACjC,kBAAAC,EAAoBC,EACpB,cAAAC,EAAgB,CACd,kBAAmB,GACnB,aAAc,GACd,OAAQ,EACV,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EAAU,UACZ,IAA+B,CAC7B,IAAMC,EAASC,EAAM,EACfC,EAAoBC,EAAkB,CAC1C,cAAeP,EAAc,kBAC7B,kBAAAF,EACA,QAAAK,EACA,QAAAF,CACF,CAAC,EACKO,EAAWC,EAEfH,EAAkB,gBACpB,EAEMI,EAAOC,EAAQ,CACnB,SAAAH,EACA,cAAe,CACb,QAASR,GAAe,kBACxB,SAAUA,GAAe,aACzB,OAAQ,GACR,OAAQA,GAAe,MACzB,EACA,iBAAkB,GAClB,KAAM,QACR,CAAC,EAED,OACEL,EAACiB,EAAsB,SAAtB,CACC,MAAO,CACL,KAAAF,EACA,OAAQN,EACR,kBAAAE,CACF,EAEC,SAAAJ,EAAOI,CAAiB,EAC3B,CAEJ,EA9CkC","names":["useId","jsx","CostCalculatorFlow","__name","estimationOptions","defaultEstimationOptions","defaultValues","options","render","version","formId","useId","costCalculatorBag","useCostCalculator","resolver","useJsonSchemasValidationFormResolver","form","useForm","CostCalculatorContext"]}

package/dist/chunk-XJ7PCWMR.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk-J3MB4Z6R.js";import{a as r}from"./chunk-P37U34EQ.js";import{jsx as l}from"react/jsx-runtime";var t=r(({currencies:{from:o,to:i},salary_conversion_properties:s,...n})=>l(e,{...n,sourceCurrency:o,targetCurrency:i,conversionFieldName:"salary_conversion",conversionProperties:s,classNamePrefix:"RemoteFlows-Salary"}),"SalaryField");export{t as a};
-//# sourceMappingURL=chunk-XJ7PCWMR.js.map

package/dist/chunk-XJ7PCWMR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/CostCalculator/components/SalaryField.tsx"],"sourcesContent":["import { CurrencyConversionField } from '@/src/components/form/fields/CurrencyConversionField';\nimport { JSFField } from '@/src/types/remoteFlows';\n\ntype SalaryFieldProps = JSFField & {\n  currencies: {\n    from: string;\n    to: string;\n  };\n  salary_conversion_properties?: {\n    label?: string;\n    description?: string;\n  };\n};\n\nexport const SalaryField = ({\n  currencies: { from, to },\n  salary_conversion_properties,\n  ...props\n}: SalaryFieldProps) => {\n  return (\n    <CurrencyConversionField\n      {...props}\n      sourceCurrency={from}\n      targetCurrency={to}\n      conversionFieldName=\"salary_conversion\"\n      conversionProperties={salary_conversion_properties}\n      classNamePrefix=\"RemoteFlows-Salary\"\n    />\n  );\n};\n"],"mappings":"gFAoBI,cAAAA,MAAA,oBANG,IAAMC,EAAcC,EAAA,CAAC,CAC1B,WAAY,CAAE,KAAAC,EAAM,GAAAC,CAAG,EACvB,6BAAAC,EACA,GAAGC,CACL,IAEIN,EAACO,EAAA,CACE,GAAGD,EACJ,eAAgBH,EAChB,eAAgBC,EAChB,oBAAoB,oBACpB,qBAAsBC,EACtB,gBAAgB,qBAClB,EAbuB","names":["jsx","SalaryField","__name","from","to","salary_conversion_properties","props","CurrencyConversionField"]}

package/dist/chunk-YJXRJTOH.js

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

package/dist/chunk-ZRXXVXV4.js

@@ -1,2 +0,0 @@
-import{a as l,b as d}from"./chunk-2NDBK2EZ.js";import{a as i}from"./chunk-G4NBJTHB.js";import{a as m}from"./chunk-JNAFD452.js";import{b as o}from"./chunk-SHFIZENN.js";import{b as r}from"./chunk-HGLI6PUM.js";import{a as n}from"./chunk-P37U34EQ.js";import{Info as g}from"lucide-react";import{Fragment as v,jsx as e,jsxs as t}from"react/jsx-runtime";function b({benefitsTotal:c,benefitsBreakdown:p,currency:a}){let u=m();return t("div",{children:[t("div",{className:"flex justify-between items-center mb-2",children:[e("h3",{className:"font-medium text-primary-foreground-800",children:"Benefits"}),e("span",{className:"font-semibold text-lg",children:r(c,a)})]}),e(i,{className:"mb-3"}),e("div",{className:"space-y-3 pl-2",children:p.map((s,f)=>t("div",{className:"flex justify-between items-start text-sm",children:[t("div",{className:"flex items-start gap-2",children:[e("span",{children:s.name}),s.description&&e(l,{content:t(v,{children:[e("span",{children:s.description}),s.zendesk_article_url&&e(d,{zendeskId:s.zendesk_article_id,zendeskURL:s.zendesk_article_url,Trigger:e("button",{onClick:()=>{let k=s.zendesk_article_id;u.setSearchParams({articleId:k||""})},className:"text-blue-500 hover:underline block mt-1 text-xs bg-transparent border-none cursor-pointer p-0",children:"Learn more"})})]}),children:t(o,{variant:"ghost",size:"icon",className:"h-4 w-4 p-0",children:[e(g,{className:"h-3 w-3 text-gray-400"}),e("span",{className:"sr-only",children:"Info"})]})})]}),e("span",{children:r(s.amount,a)})]},f))})]})}n(b,"CostCalculatorBenefitsBreakdown");export{b as a};
-//# sourceMappingURL=chunk-ZRXXVXV4.js.map

package/dist/chunk-ZRXXVXV4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/CostCalculator/Results/CostCalculatorBenefitsBreakdown.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\n\nimport { Button } from '@/src/components/ui/button';\nimport { Separator } from '@/src/components/ui/separator';\nimport { formatCurrency } from '@/src/lib/utils';\nimport { BasicTooltip } from '@/src/components/ui/basic-tooltip';\nimport { useRouter } from '@/src/lib/router';\nimport { ZendeskDrawer } from '@/src/components/shared/zendesk-drawer/ZendeskDrawer';\n\ntype CostCalculatorBenefitsBreakdownProps = {\n  benefitsTotal: number | undefined;\n  benefitsBreakdown: {\n    name: string;\n    description: string | null;\n    amount: number;\n    zendesk_article_url: string | null;\n    zendesk_article_id: string | null;\n  }[];\n  currency: string;\n};\n\nexport function CostCalculatorBenefitsBreakdown({\n  benefitsTotal,\n  benefitsBreakdown,\n  currency,\n}: CostCalculatorBenefitsBreakdownProps) {\n  const router = useRouter();\n  return (\n    <div>\n      <div className=\"flex justify-between items-center mb-2\">\n        <h3 className=\"font-medium text-primary-foreground-800\">Benefits</h3>\n        <span className=\"font-semibold text-lg\">\n          {formatCurrency(benefitsTotal, currency)}\n        </span>\n      </div>\n      <Separator className=\"mb-3\" />\n\n      <div className=\"space-y-3 pl-2\">\n        {benefitsBreakdown.map((benefit, index) => (\n          <div key={index} className=\"flex justify-between items-start text-sm\">\n            <div className=\"flex items-start gap-2\">\n              <span>{benefit.name}</span>\n              {benefit.description && (\n                <BasicTooltip\n                  content={\n                    <>\n                      <span>{benefit.description}</span>\n                      {benefit.zendesk_article_url && (\n                        <ZendeskDrawer\n                          zendeskId={benefit.zendesk_article_id as string}\n                          zendeskURL={benefit.zendesk_article_url as string}\n                          Trigger={\n                            <button\n                              onClick={() => {\n                                const articleId = benefit.zendesk_article_id;\n                                router.setSearchParams({\n                                  articleId: articleId || '',\n                                });\n                              }}\n                              className=\"text-blue-500 hover:underline block mt-1 text-xs bg-transparent border-none cursor-pointer p-0\"\n                            >\n                              Learn more\n                            </button>\n                          }\n                        />\n                      )}\n                    </>\n                  }\n                >\n                  <Button variant=\"ghost\" size=\"icon\" className=\"h-4 w-4 p-0\">\n                    <Info className=\"h-3 w-3 text-gray-400\" />\n                    <span className=\"sr-only\">Info</span>\n                  </Button>\n                </BasicTooltip>\n              )}\n            </div>\n            <span>{formatCurrency(benefit.amount, currency)}</span>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"uPAAA,OAAS,QAAAA,MAAY,eA6Bf,OAgBc,YAAAC,EAfZ,OAAAC,EADF,QAAAC,MAAA,oBARC,SAASC,EAAgC,CAC9C,cAAAC,EACA,kBAAAC,EACA,SAAAC,CACF,EAAyC,CACvC,IAAMC,EAASC,EAAU,EACzB,OACEN,EAAC,OACC,UAAAA,EAAC,OAAI,UAAU,yCACb,UAAAD,EAAC,MAAG,UAAU,0CAA0C,oBAAQ,EAChEA,EAAC,QAAK,UAAU,wBACb,SAAAQ,EAAeL,EAAeE,CAAQ,EACzC,GACF,EACAL,EAACS,EAAA,CAAU,UAAU,OAAO,EAE5BT,EAAC,OAAI,UAAU,iBACZ,SAAAI,EAAkB,IAAI,CAACM,EAASC,IAC/BV,EAAC,OAAgB,UAAU,2CACzB,UAAAA,EAAC,OAAI,UAAU,yBACb,UAAAD,EAAC,QAAM,SAAAU,EAAQ,KAAK,EACnBA,EAAQ,aACPV,EAACY,EAAA,CACC,QACEX,EAAAF,EAAA,CACE,UAAAC,EAAC,QAAM,SAAAU,EAAQ,YAAY,EAC1BA,EAAQ,qBACPV,EAACa,EAAA,CACC,UAAWH,EAAQ,mBACnB,WAAYA,EAAQ,oBACpB,QACEV,EAAC,UACC,QAAS,IAAM,CACb,IAAMc,EAAYJ,EAAQ,mBAC1BJ,EAAO,gBAAgB,CACrB,UAAWQ,GAAa,EAC1B,CAAC,CACH,EACA,UAAU,iGACX,sBAED,EAEJ,GAEJ,EAGF,SAAAb,EAACc,EAAA,CAAO,QAAQ,QAAQ,KAAK,OAAO,UAAU,cAC5C,UAAAf,EAACgB,EAAA,CAAK,UAAU,wBAAwB,EACxChB,EAAC,QAAK,UAAU,UAAU,gBAAI,GAChC,EACF,GAEJ,EACAA,EAAC,QAAM,SAAAQ,EAAeE,EAAQ,OAAQL,CAAQ,EAAE,IArCxCM,CAsCV,CACD,EACH,GACF,CAEJ,CA7DgBM,EAAAf,EAAA","names":["Info","Fragment","jsx","jsxs","CostCalculatorBenefitsBreakdown","benefitsTotal","benefitsBreakdown","currency","router","useRouter","formatCurrency","Separator","benefit","index","BasicTooltip","ZendeskDrawer","articleId","Button","Info","__name"]}