@gusto/embedded-react-sdk 0.11.1 → 0.11.3-rc.1

package/dist/components/Employee/Compensation/Edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.js","sources":["../../../../src/components/Employee/Compensation/Edit.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useFormContext, useWatch } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport {\n  type CompensationInputs,\n  useCompensation,\n  rateMinimumError,\n  rateExemptThresholdError,\n} from './useCompensation'\nimport { FLSA_OVERTIME_SALARY_LIMIT, FlsaStatus, PAY_PERIODS } from '@/shared/constants'\nimport useNumberFormatter from '@/components/Common/hooks/useNumberFormatter'\nimport {\n  NumberInputField,\n  SelectField,\n  TextInputField,\n  SwitchField,\n  RadioGroupField,\n  ComboBoxField,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { WA_RISK_CLASS_CODES } from '@/models/WA_RISK_CODES'\n\nexport interface SelectCategory {\n  id: string\n  name: string\n}\n\nexport const Edit = () => {\n  const { t } = useTranslation('Employee.Compensation')\n  const format = useNumberFormatter('currency')\n  const Components = useComponentContext()\n\n  const stateWcRiskOptions = useMemo(\n    () => WA_RISK_CLASS_CODES.map(({ code, description }) => ({ value: code, label: description })),\n    [],\n  )\n\n  const {\n    control,\n    register,\n    setValue,\n    formState: { errors, defaultValues },\n  } = useFormContext<CompensationInputs>()\n\n  const watchedFlsaStatus = useWatch({ control, name: 'flsaStatus' })\n  const watchedStateWcCovered = useWatch({ control, name: 'stateWcCovered' })\n  const { currentJob, mode, minimumWages, handleFlsaChange, state, showTwoPercentStakeholder } =\n    useCompensation()\n\n  /**Correctly set payment unit selected option and rate based on flsa status, falling back to default */\n  useEffect(() => {\n    if (watchedFlsaStatus === FlsaStatus.OWNER) {\n      setValue('paymentUnit', 'Paycheck')\n    } else if (\n      watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n      watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n    ) {\n      setValue('paymentUnit', 'Year')\n      setValue('rate', 0)\n    } else if (defaultValues?.paymentUnit) {\n      setValue('paymentUnit', defaultValues.paymentUnit)\n    }\n  }, [watchedFlsaStatus, setValue, defaultValues?.paymentUnit])\n\n  if (\n    !(\n      mode === 'ADD_INITIAL_JOB' ||\n      mode === 'ADD_ADDITIONAL_JOB' ||\n      mode === 'EDIT_INITIAL_JOB' ||\n      mode === 'EDIT_ADDITIONAL_JOB'\n    )\n  )\n    return\n\n  const classificationOptions = (Object.keys(FlsaStatus) as Array<keyof typeof FlsaStatus>).map(\n    key => ({\n      value: FlsaStatus[key],\n      label: t(`flsaStatusLabels.${FlsaStatus[key]}`),\n    }),\n  )\n\n  const paymentUnitOptions = [\n    { value: PAY_PERIODS.HOUR, label: t('paymentUnitOptions.Hour') },\n    { value: PAY_PERIODS.WEEK, label: t('paymentUnitOptions.Week') },\n    { value: PAY_PERIODS.MONTH, label: t('paymentUnitOptions.Month') },\n    { value: PAY_PERIODS.YEAR, label: t('paymentUnitOptions.Year') },\n    { value: PAY_PERIODS.PAYCHECK, label: t('paymentUnitOptions.Paycheck') },\n  ]\n\n  const isFlsaSelectionEnabled =\n    watchedFlsaStatus !== FlsaStatus.NONEXEMPT || currentJob?.primary || mode === 'ADD_INITIAL_JOB'\n\n  const isAdjustMinimumWageEnabled =\n    watchedFlsaStatus === FlsaStatus.NONEXEMPT && minimumWages.length > 0\n\n  let rateErrorMessage = t('validations.rate')\n  if (errors.rate?.message === rateMinimumError) {\n    rateErrorMessage = t('validations.nonZeroRate')\n  } else if (errors.rate?.message === rateExemptThresholdError) {\n    rateErrorMessage = t('validations.rateExemptThreshold', {\n      limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n    })\n  }\n\n  return (\n    <>\n      <TextInputField\n        name=\"jobTitle\"\n        label={t('jobTitle')}\n        isRequired\n        errorMessage={t('validations.title')}\n      />\n      {/* hiding flsa selection for secondary jobs */}\n      {!isFlsaSelectionEnabled && <input type=\"hidden\" {...register('flsaStatus')} />}\n      {isFlsaSelectionEnabled && (\n        <SelectField\n          name=\"flsaStatus\"\n          label={t('employeeClassification')}\n          description={\n            <Trans\n              t={t}\n              i18nKey=\"classificationCTA\"\n              components={{ classificationCta: <Components.Link /> }}\n            />\n          }\n          errorMessage={t('validations.exemptThreshold', {\n            limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n          })}\n          options={classificationOptions}\n          isRequired\n          isDisabled={!isFlsaSelectionEnabled}\n          onChange={handleFlsaChange}\n        />\n      )}\n      <NumberInputField\n        name=\"rate\"\n        label={t('amount')}\n        format=\"currency\"\n        min={0}\n        errorMessage={rateErrorMessage}\n        isRequired\n        isDisabled={\n          watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n          watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n        }\n      />\n      {isAdjustMinimumWageEnabled && (\n        <>\n          <SwitchField\n            name=\"adjustForMinimumWage\"\n            label={t('adjustForMinimumWage')}\n            description={t('adjustForMinimumWageDescription')}\n          />\n          <SelectField\n            name=\"minimumWageId\"\n            label={t('minimumWageLabel')}\n            description={t('minimumWageDescription')}\n            options={minimumWages.map(wage => ({\n              value: wage.uuid,\n              label: `${format(Number(wage.wage))} - ${wage.authority}: ${wage.notes ?? ''}`,\n            }))}\n            errorMessage={t('validations.minimumWage')}\n          />\n        </>\n      )}\n      <SelectField\n        name=\"paymentUnit\"\n        label={t('paymentUnitLabel')}\n        description={t('paymentUnitDescription')}\n        options={paymentUnitOptions}\n        errorMessage={t('validations.paymentUnit')}\n        isRequired\n        isDisabled={\n          watchedFlsaStatus === FlsaStatus.OWNER ||\n          watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n          watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n        }\n      />\n      {showTwoPercentStakeholder && (\n        <Components.Checkbox label={t('twoPercentStakeholderLabel')} name=\"twoPercentShareholder\" />\n      )}\n      {state === 'WA' && (\n        <>\n          <RadioGroupField\n            name=\"stateWcCovered\"\n            label={t('stateWcCoveredLabel')}\n            description={\n              <Trans\n                t={t}\n                i18nKey=\"stateWcCoveredDescription\"\n                components={{\n                  wcLink: (\n                    <Components.Link\n                      href=\"https://www.lni.wa.gov/insurance/rates-risk-classes/risk-classes-for-workers-compensation/risk-class-lookup#/\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                    />\n                  ),\n                }}\n              />\n            }\n            options={[\n              { label: t('stateWcCoveredOptions.yes'), value: true },\n              { label: t('stateWcCoveredOptions.no'), value: false },\n            ]}\n          />\n          {watchedStateWcCovered && (\n            <ComboBoxField\n              name=\"stateWcClassCode\"\n              label={t('stateWcClassCodeLabel')}\n              options={stateWcRiskOptions}\n              errorMessage={t('validations.stateWcClassCode')}\n              placeholder={t('stateWcClassCodeLabel')}\n            />\n          )}\n        </>\n      )}\n    </>\n  )\n}\n"],"names":["Edit","t","useTranslation","format","useNumberFormatter","Components","useComponentContext","stateWcRiskOptions","useMemo","WA_RISK_CLASS_CODES","code","description","control","register","setValue","errors","defaultValues","useFormContext","watchedFlsaStatus","useWatch","watchedStateWcCovered","currentJob","mode","minimumWages","handleFlsaChange","state","showTwoPercentStakeholder","useCompensation","useEffect","FlsaStatus","classificationOptions","key","paymentUnitOptions","PAY_PERIODS","isFlsaSelectionEnabled","isAdjustMinimumWageEnabled","rateErrorMessage","rateMinimumError","rateExemptThresholdError","FLSA_OVERTIME_SALARY_LIMIT","jsxs","Fragment","jsx","TextInputField","SelectField","Trans","NumberInputField","SwitchField","wage","RadioGroupField","ComboBoxField"],"mappings":"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"}
+{"version":3,"file":"Edit.js","sources":["../../../../src/components/Employee/Compensation/Edit.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useFormContext, useWatch } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport {\n  type CompensationInputs,\n  useCompensation,\n  rateMinimumError,\n  rateExemptThresholdError,\n} from './useCompensation'\nimport { FLSA_OVERTIME_SALARY_LIMIT, FlsaStatus, PAY_PERIODS } from '@/shared/constants'\nimport useNumberFormatter from '@/components/Common/hooks/useNumberFormatter'\nimport {\n  NumberInputField,\n  SelectField,\n  TextInputField,\n  SwitchField,\n  RadioGroupField,\n  ComboBoxField,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { WA_RISK_CLASS_CODES } from '@/models/WA_RISK_CODES'\n\nexport interface SelectCategory {\n  id: string\n  name: string\n}\n\nexport const Edit = () => {\n  const { t } = useTranslation('Employee.Compensation')\n  const format = useNumberFormatter('currency')\n  const Components = useComponentContext()\n\n  const stateWcRiskOptions = useMemo(\n    () => WA_RISK_CLASS_CODES.map(({ code, description }) => ({ value: code, label: description })),\n    [],\n  )\n\n  const {\n    control,\n    register,\n    setValue,\n    formState: { errors, defaultValues },\n  } = useFormContext<CompensationInputs>()\n\n  const watchedFlsaStatus = useWatch({ control, name: 'flsaStatus' })\n  const watchedStateWcCovered = useWatch({ control, name: 'stateWcCovered' })\n  const { currentJob, mode, minimumWages, handleFlsaChange, state, showTwoPercentStakeholder } =\n    useCompensation()\n\n  /**Correctly set payment unit selected option and rate based on flsa status, falling back to default */\n  useEffect(() => {\n    if (watchedFlsaStatus === FlsaStatus.OWNER) {\n      setValue('paymentUnit', 'Paycheck')\n    } else if (\n      watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n      watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n    ) {\n      setValue('paymentUnit', 'Year')\n      setValue('rate', 0)\n    } else if (defaultValues?.paymentUnit) {\n      setValue('paymentUnit', defaultValues.paymentUnit)\n    }\n  }, [watchedFlsaStatus, setValue, defaultValues?.paymentUnit])\n\n  if (\n    !(\n      mode === 'ADD_INITIAL_JOB' ||\n      mode === 'ADD_ADDITIONAL_JOB' ||\n      mode === 'EDIT_INITIAL_JOB' ||\n      mode === 'EDIT_ADDITIONAL_JOB'\n    )\n  )\n    return\n\n  const classificationOptions = (Object.keys(FlsaStatus) as Array<keyof typeof FlsaStatus>).map(\n    key => ({\n      value: FlsaStatus[key],\n      label: t(`flsaStatusLabels.${FlsaStatus[key]}`),\n    }),\n  )\n\n  const paymentUnitOptions = [\n    { value: PAY_PERIODS.HOUR, label: t('paymentUnitOptions.Hour') },\n    { value: PAY_PERIODS.WEEK, label: t('paymentUnitOptions.Week') },\n    { value: PAY_PERIODS.MONTH, label: t('paymentUnitOptions.Month') },\n    { value: PAY_PERIODS.YEAR, label: t('paymentUnitOptions.Year') },\n    { value: PAY_PERIODS.PAYCHECK, label: t('paymentUnitOptions.Paycheck') },\n  ]\n\n  const isFlsaSelectionEnabled =\n    watchedFlsaStatus !== FlsaStatus.NONEXEMPT || currentJob?.primary || mode === 'ADD_INITIAL_JOB'\n\n  const isAdjustMinimumWageEnabled =\n    watchedFlsaStatus === FlsaStatus.NONEXEMPT && minimumWages.length > 0\n\n  let rateErrorMessage = t('validations.rate')\n  if (errors.rate?.message === rateMinimumError) {\n    rateErrorMessage = t('validations.nonZeroRate')\n  } else if (errors.rate?.message === rateExemptThresholdError) {\n    rateErrorMessage = t('validations.rateExemptThreshold', {\n      limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n    })\n  }\n\n  return (\n    <>\n      <TextInputField\n        name=\"jobTitle\"\n        label={t('jobTitle')}\n        isRequired\n        errorMessage={t('validations.title')}\n      />\n      {/* hiding flsa selection for secondary jobs */}\n      {!isFlsaSelectionEnabled && <input type=\"hidden\" {...register('flsaStatus')} />}\n      {isFlsaSelectionEnabled && (\n        <SelectField\n          name=\"flsaStatus\"\n          label={t('employeeClassification')}\n          description={\n            <Trans\n              t={t}\n              i18nKey=\"classificationCTA\"\n              components={{ classificationCta: <Components.Link /> }}\n            />\n          }\n          errorMessage={t('validations.exemptThreshold', {\n            limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n          })}\n          options={classificationOptions}\n          isRequired\n          isDisabled={!isFlsaSelectionEnabled}\n          onChange={handleFlsaChange}\n        />\n      )}\n      <NumberInputField\n        name=\"rate\"\n        label={t('amount')}\n        format=\"currency\"\n        min={0}\n        errorMessage={rateErrorMessage}\n        isRequired\n        isDisabled={\n          watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n          watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n        }\n      />\n      {isAdjustMinimumWageEnabled && (\n        <>\n          <SwitchField\n            name=\"adjustForMinimumWage\"\n            label={t('adjustForMinimumWage')}\n            description={t('adjustForMinimumWageDescription')}\n          />\n          <SelectField\n            name=\"minimumWageId\"\n            label={t('minimumWageLabel')}\n            description={t('minimumWageDescription')}\n            options={minimumWages.map(wage => ({\n              value: wage.uuid,\n              label: `${format(Number(wage.wage))} - ${wage.authority}: ${wage.notes ?? ''}`,\n            }))}\n            errorMessage={t('validations.minimumWage')}\n          />\n        </>\n      )}\n      <SelectField\n        name=\"paymentUnit\"\n        label={t('paymentUnitLabel')}\n        description={t('paymentUnitDescription')}\n        options={paymentUnitOptions}\n        errorMessage={t('validations.paymentUnit')}\n        isRequired\n        isDisabled={\n          watchedFlsaStatus === FlsaStatus.OWNER ||\n          watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n          watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n        }\n      />\n      {showTwoPercentStakeholder && (\n        <Components.Checkbox label={t('twoPercentStakeholderLabel')} name=\"twoPercentShareholder\" />\n      )}\n      {state === 'WA' && (\n        <>\n          <RadioGroupField\n            name=\"stateWcCovered\"\n            label={t('stateWcCoveredLabel')}\n            description={\n              <Trans\n                t={t}\n                i18nKey=\"stateWcCoveredDescription\"\n                components={{\n                  wcLink: (\n                    <Components.Link\n                      href=\"https://www.lni.wa.gov/insurance/rates-risk-classes/risk-classes-for-workers-compensation/risk-class-lookup#/\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                    />\n                  ),\n                }}\n              />\n            }\n            options={[\n              { label: t('stateWcCoveredOptions.yes'), value: true },\n              { label: t('stateWcCoveredOptions.no'), value: false },\n            ]}\n          />\n          {watchedStateWcCovered && (\n            <ComboBoxField\n              name=\"stateWcClassCode\"\n              label={t('stateWcClassCodeLabel')}\n              options={stateWcRiskOptions}\n              errorMessage={t('validations.stateWcClassCode')}\n              placeholder={t('stateWcClassCodeLabel')}\n            />\n          )}\n        </>\n      )}\n    </>\n  )\n}\n"],"names":["Edit","t","useTranslation","format","useNumberFormatter","Components","useComponentContext","stateWcRiskOptions","useMemo","WA_RISK_CLASS_CODES","code","description","control","register","setValue","errors","defaultValues","useFormContext","watchedFlsaStatus","useWatch","watchedStateWcCovered","currentJob","mode","minimumWages","handleFlsaChange","state","showTwoPercentStakeholder","useCompensation","useEffect","FlsaStatus","classificationOptions","key","paymentUnitOptions","PAY_PERIODS","isFlsaSelectionEnabled","isAdjustMinimumWageEnabled","rateErrorMessage","rateMinimumError","rateExemptThresholdError","FLSA_OVERTIME_SALARY_LIMIT","jsxs","Fragment","jsx","TextInputField","SelectField","Trans","NumberInputField","SwitchField","wage","RadioGroupField","ComboBoxField"],"mappings":";;;;;;;;;;;;;;;;AA2BO,MAAMA,KAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAASC,EAAmB,UAAU,GACtCC,IAAaC,EAAA,GAEbC,IAAqBC;AAAA,IACzB,MAAMC,EAAoB,IAAI,CAAC,EAAE,MAAAC,GAAM,aAAAC,EAAA,OAAmB,EAAE,OAAOD,GAAM,OAAOC,IAAc;AAAA,IAC9F,CAAA;AAAA,EAAC,GAGG;AAAA,IACJ,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,GAAQ,eAAAC,EAAA;AAAA,EAAc,IACjCC,EAAA,GAEEC,IAAoBC,EAAS,EAAE,SAAAP,GAAS,MAAM,cAAc,GAC5DQ,IAAwBD,EAAS,EAAE,SAAAP,GAAS,MAAM,kBAAkB,GACpE,EAAE,YAAAS,GAAY,MAAAC,GAAM,cAAAC,GAAc,kBAAAC,GAAkB,OAAAC,GAAO,2BAAAC,EAAA,IAC/DC,EAAA;AAiBF,MAdAC,EAAU,MAAM;AACd,IAAIV,MAAsBW,EAAW,QACnCf,EAAS,eAAe,UAAU,IAElCI,MAAsBW,EAAW,6BACjCX,MAAsBW,EAAW,0BAEjCf,EAAS,eAAe,MAAM,GAC9BA,EAAS,QAAQ,CAAC,KACTE,GAAe,eACxBF,EAAS,eAAeE,EAAc,WAAW;AAAA,EAErD,GAAG,CAACE,GAAmBJ,GAAUE,GAAe,WAAW,CAAC,GAG1D,EACEM,MAAS,qBACTA,MAAS,wBACTA,MAAS,sBACTA,MAAS;AAGX;AAEF,QAAMQ,IAAyB,OAAO,KAAKD,CAAU,EAAqC;AAAA,IACxF,CAAAE,OAAQ;AAAA,MACN,OAAOF,EAAWE,CAAG;AAAA,MACrB,OAAO9B,EAAE,oBAAoB4B,EAAWE,CAAG,CAAC,EAAE;AAAA,IAAA;AAAA,EAChD,GAGIC,IAAqB;AAAA,IACzB,EAAE,OAAOC,EAAY,MAAM,OAAOhC,EAAE,yBAAyB,EAAA;AAAA,IAC7D,EAAE,OAAOgC,EAAY,MAAM,OAAOhC,EAAE,yBAAyB,EAAA;AAAA,IAC7D,EAAE,OAAOgC,EAAY,OAAO,OAAOhC,EAAE,0BAA0B,EAAA;AAAA,IAC/D,EAAE,OAAOgC,EAAY,MAAM,OAAOhC,EAAE,yBAAyB,EAAA;AAAA,IAC7D,EAAE,OAAOgC,EAAY,UAAU,OAAOhC,EAAE,6BAA6B,EAAA;AAAA,EAAE,GAGnEiC,IACJhB,MAAsBW,EAAW,aAAaR,GAAY,WAAWC,MAAS,mBAE1Ea,IACJjB,MAAsBW,EAAW,aAAaN,EAAa,SAAS;AAEtE,MAAIa,IAAmBnC,EAAE,kBAAkB;AAC3C,SAAIc,EAAO,MAAM,YAAYsB,IAC3BD,IAAmBnC,EAAE,yBAAyB,IACrCc,EAAO,MAAM,YAAYuB,MAClCF,IAAmBnC,EAAE,mCAAmC;AAAA,IACtD,OAAOE,EAAOoC,CAA0B;AAAA,EAAA,CACzC,IAID,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO1C,EAAE,UAAU;AAAA,QACnB,YAAU;AAAA,QACV,cAAcA,EAAE,mBAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGpC,CAACiC,KAA0B,gBAAAQ,EAAC,SAAA,EAAM,MAAK,UAAU,GAAG7B,EAAS,YAAY,GAAG;AAAA,IAC5EqB,KACC,gBAAAQ;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO3C,EAAE,wBAAwB;AAAA,QACjC,aACE,gBAAAyC;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,GAAA5C;AAAA,YACA,SAAQ;AAAA,YACR,YAAY,EAAE,qCAAoBI,EAAW,MAAX,CAAA,CAAgB,EAAA;AAAA,UAAG;AAAA,QAAA;AAAA,QAGzD,cAAcJ,EAAE,+BAA+B;AAAA,UAC7C,OAAOE,EAAOoC,CAA0B;AAAA,QAAA,CACzC;AAAA,QACD,SAAST;AAAA,QACT,YAAU;AAAA,QACV,YAAY,CAACI;AAAA,QACb,UAAUV;AAAA,MAAA;AAAA,IAAA;AAAA,IAGd,gBAAAkB;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO7C,EAAE,QAAQ;AAAA,QACjB,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcmC;AAAA,QACd,YAAU;AAAA,QACV,YACElB,MAAsBW,EAAW,6BACjCX,MAAsBW,EAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGpCM,KACC,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO9C,EAAE,sBAAsB;AAAA,UAC/B,aAAaA,EAAE,iCAAiC;AAAA,QAAA;AAAA,MAAA;AAAA,MAElD,gBAAAyC;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO3C,EAAE,kBAAkB;AAAA,UAC3B,aAAaA,EAAE,wBAAwB;AAAA,UACvC,SAASsB,EAAa,IAAI,CAAAyB,OAAS;AAAA,YACjC,OAAOA,EAAK;AAAA,YACZ,OAAO,GAAG7C,EAAO,OAAO6C,EAAK,IAAI,CAAC,CAAC,MAAMA,EAAK,SAAS,KAAKA,EAAK,SAAS,EAAE;AAAA,UAAA,EAC5E;AAAA,UACF,cAAc/C,EAAE,yBAAyB;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3C,GACF;AAAA,IAEF,gBAAAyC;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO3C,EAAE,kBAAkB;AAAA,QAC3B,aAAaA,EAAE,wBAAwB;AAAA,QACvC,SAAS+B;AAAA,QACT,cAAc/B,EAAE,yBAAyB;AAAA,QACzC,YAAU;AAAA,QACV,YACEiB,MAAsBW,EAAW,SACjCX,MAAsBW,EAAW,6BACjCX,MAAsBW,EAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGpCH,KACC,gBAAAgB,EAACrC,EAAW,UAAX,EAAoB,OAAOJ,EAAE,4BAA4B,GAAG,MAAK,yBAAwB;AAAA,IAE3FwB,MAAU,QACT,gBAAAe,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOhD,EAAE,qBAAqB;AAAA,UAC9B,aACE,gBAAAyC;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,GAAA5C;AAAA,cACA,SAAQ;AAAA,cACR,YAAY;AAAA,gBACV,QACE,gBAAAyC;AAAA,kBAACrC,EAAW;AAAA,kBAAX;AAAA,oBACC,MAAK;AAAA,oBACL,QAAO;AAAA,oBACP,KAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACN;AAAA,YAEJ;AAAA,UAAA;AAAA,UAGJ,SAAS;AAAA,YACP,EAAE,OAAOJ,EAAE,2BAA2B,GAAG,OAAO,GAAA;AAAA,YAChD,EAAE,OAAOA,EAAE,0BAA0B,GAAG,OAAO,GAAA;AAAA,UAAM;AAAA,QACvD;AAAA,MAAA;AAAA,MAEDmB,KACC,gBAAAsB;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjD,EAAE,uBAAuB;AAAA,UAChC,SAASM;AAAA,UACT,cAAcN,EAAE,8BAA8B;AAAA,UAC9C,aAAaA,EAAE,uBAAuB;AAAA,QAAA;AAAA,MAAA;AAAA,IACxC,EAAA,CAEJ;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/Compensation/Head.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sources":["../../../../src/components/Employee/Compensation/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useCompensation } from './useCompensation'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Head = () => {\n  const { t } = useTranslation('Employee.Compensation')\n  const { showFlsaChangeWarning, mode } = useCompensation()\n  const Components = useComponentContext()\n\n  let title = t('title')\n\n  if (mode === 'EDIT_ADDITIONAL_JOB') {\n    title = t('editTitle')\n  }\n\n  if (mode === 'ADD_ADDITIONAL_JOB') {\n    title = t('addTitle')\n  }\n\n  return (\n    <>\n      <Components.Heading as=\"h2\">{title}</Components.Heading>\n      {showFlsaChangeWarning && (\n        <Components.Alert\n          label={t('validations.classificationChangeNotification')}\n          status=\"warning\"\n        />\n      )}\n    </>\n  )\n}\n"],"names":["Head","useTranslation","showFlsaChangeWarning","mode","useCompensation","Components","useComponentContext","title","jsxs","Fragment","jsx"],"mappings":";;;;AAIO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,uBAAAC,GAAuB,MAAAC,EAAK,IAAIC,EAAgB,GAClDC,IAAaC,EAAoB;AAEnC,MAAAC,IAAQ,EAAE,OAAO;AAErB,SAAIJ,MAAS,0BACXI,IAAQ,EAAE,WAAW,IAGnBJ,MAAS,yBACXI,IAAQ,EAAE,UAAU,IAKlB,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAME,GAAA;AAAA,IAClCL,KACC,gBAAAQ;AAAA,MAACL,EAAW;AAAA,MAAX;AAAA,QACC,OAAO,EAAE,8CAA8C;AAAA,QACvD,QAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EACT,GAEJ;AAEJ;"}
+{"version":3,"file":"Head.js","sources":["../../../../src/components/Employee/Compensation/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useCompensation } from './useCompensation'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Head = () => {\n  const { t } = useTranslation('Employee.Compensation')\n  const { showFlsaChangeWarning, mode } = useCompensation()\n  const Components = useComponentContext()\n\n  let title = t('title')\n\n  if (mode === 'EDIT_ADDITIONAL_JOB') {\n    title = t('editTitle')\n  }\n\n  if (mode === 'ADD_ADDITIONAL_JOB') {\n    title = t('addTitle')\n  }\n\n  return (\n    <>\n      <Components.Heading as=\"h2\">{title}</Components.Heading>\n      {showFlsaChangeWarning && (\n        <Components.Alert\n          label={t('validations.classificationChangeNotification')}\n          status=\"warning\"\n        />\n      )}\n    </>\n  )\n}\n"],"names":["Head","useTranslation","showFlsaChangeWarning","mode","useCompensation","Components","useComponentContext","title","jsxs","Fragment","jsx"],"mappings":";;;;AAIO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,uBAAAC,GAAuB,MAAAC,EAAA,IAASC,EAAA,GAClCC,IAAaC,EAAA;AAEnB,MAAIC,IAAQ,EAAE,OAAO;AAErB,SAAIJ,MAAS,0BACXI,IAAQ,EAAE,WAAW,IAGnBJ,MAAS,yBACXI,IAAQ,EAAE,UAAU,IAIpB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAE,GAAM;AAAA,IAClCL,KACC,gBAAAQ;AAAA,MAACL,EAAW;AAAA,MAAX;AAAA,QACC,OAAO,EAAE,8CAA8C;AAAA,QACvD,QAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EACT,GAEJ;AAEJ;"}

package/dist/components/Employee/Compensation/List.js

@@ -3,69 +3,71 @@ import { useTranslation as p } from "react-i18next";
 import { useCompensation as d } from "./useCompensation.js";
 import C from "../../../assets/icons/pencil.svg.js";
 import c from "../../../assets/icons/trashcan.svg.js";
+import "classnames";
+import "../../../shared/constants.js";
 import { HamburgerMenu as f } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useDataView as y } from "../../Common/DataView/useDataView.js";
 import { DataView as g } from "../../Common/DataView/DataView.js";
-const D = () => {
-  const { employeeJobs: i, mode: o, isPending: l, handleEdit: r, handleDelete: s } = d(), { t } = p("Employee.Compensation"), { ...m } = y({
+const U = () => {
+  const { employeeJobs: i, mode: o, isPending: r, handleEdit: l, handleDelete: s } = d(), { t: e } = p("Employee.Compensation"), { ...m } = y({
     data: i,
     columns: [
       {
         key: "title",
-        title: t("allCompensations.jobColumn"),
-        render: (e) => e.title || ""
+        title: e("allCompensations.jobColumn"),
+        render: (t) => t.title || ""
       },
       {
         key: "flsaStatus",
-        title: t("allCompensations.typeColumn"),
-        render: (e) => {
-          const n = e.compensations?.find(
-            (u) => u.uuid === e.currentCompensationUuid
+        title: e("allCompensations.typeColumn"),
+        render: (t) => {
+          const n = t.compensations?.find(
+            (u) => u.uuid === t.currentCompensationUuid
           )?.flsaStatus;
-          return n !== void 0 ? t(`flsaStatusLabels.${n}`) : null;
+          return n !== void 0 ? e(`flsaStatusLabels.${n}`) : null;
         }
       },
       {
         key: "rate",
-        title: t("allCompensations.amountColumn"),
-        render: (e) => e.rate?.toString() || ""
+        title: e("allCompensations.amountColumn"),
+        render: (t) => t.rate?.toString() || ""
       },
       {
         key: "paymentUnit",
-        title: t("allCompensations.perColumn"),
-        render: (e) => e.paymentUnit || ""
+        title: e("allCompensations.perColumn"),
+        render: (t) => t.paymentUnit || ""
       }
     ],
-    itemMenu: (e) => /* @__PURE__ */ a(
+    itemMenu: (t) => /* @__PURE__ */ a(
       f,
       {
-        triggerLabel: t("hamburgerTitle"),
+        triggerLabel: e("hamburgerTitle"),
         items: [
           {
-            label: t("allCompensations.editCta"),
+            label: e("allCompensations.editCta"),
             icon: /* @__PURE__ */ a(C, { "aria-hidden": !0 }),
             onClick: () => {
-              r(e.uuid);
+              l(t.uuid);
             }
           },
-          ...e.primary ? [] : [
+          ...t.primary ? [] : [
             {
-              label: t("allCompensations.deleteCta"),
+              label: e("allCompensations.deleteCta"),
               icon: /* @__PURE__ */ a(c, { "aria-hidden": !0 }),
               onClick: () => {
-                s(e.uuid);
+                s(t.uuid);
               }
             }
           ]
         ],
-        isLoading: l
+        isLoading: r
       }
     )
   });
   if (o === "LIST")
-    return /* @__PURE__ */ a(g, { "data-testid": "data-view", label: t("allCompensations.tableLabel"), ...m });
+    return /* @__PURE__ */ a(g, { "data-testid": "data-view", label: e("allCompensations.tableLabel"), ...m });
 };
 export {
-  D as List
+  U as List
 };
 //# sourceMappingURL=List.js.map

package/dist/components/Employee/Compensation/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../src/components/Employee/Compensation/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport { useCompensation } from './useCompensation'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { DataView, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n  const { employeeJobs, mode, isPending, handleEdit, handleDelete } = useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n\n  const { ...dataViewProps } = useDataView({\n    data: employeeJobs,\n    columns: [\n      {\n        key: 'title',\n        title: t('allCompensations.jobColumn'),\n        render: (job: Job) => job.title || '',\n      },\n      {\n        key: 'flsaStatus',\n        title: t('allCompensations.typeColumn'),\n        render: (job: Job) => {\n          const flsaStatus = job.compensations?.find(\n            comp => comp.uuid === job.currentCompensationUuid,\n          )?.flsaStatus\n          return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n        },\n      },\n      {\n        key: 'rate',\n        title: t('allCompensations.amountColumn'),\n        render: (job: Job) => job.rate?.toString() || '',\n      },\n      {\n        key: 'paymentUnit',\n        title: t('allCompensations.perColumn'),\n        render: (job: Job) => job.paymentUnit || '',\n      },\n    ],\n    itemMenu: (job: Job) => (\n      <HamburgerMenu\n        triggerLabel={t('hamburgerTitle')}\n        items={[\n          {\n            label: t('allCompensations.editCta'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              handleEdit(job.uuid)\n            },\n          },\n          ...(!job.primary\n            ? [\n                {\n                  label: t('allCompensations.deleteCta'),\n                  icon: <TrashCanSvg aria-hidden />,\n                  onClick: () => {\n                    handleDelete(job.uuid)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        isLoading={isPending}\n      />\n    ),\n  })\n\n  if (mode !== 'LIST') {\n    return\n  }\n\n  return (\n    <DataView data-testid=\"data-view\" label={t('allCompensations.tableLabel')} {...dataViewProps} />\n  )\n}\n"],"names":["List","employeeJobs","mode","isPending","handleEdit","handleDelete","useCompensation","useTranslation","dataViewProps","useDataView","job","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","DataView"],"mappings":";;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,cAAAC,GAAc,MAAAC,GAAM,WAAAC,GAAW,YAAAC,GAAY,cAAAC,MAAiBC,EAAgB,GAC9E,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAE9C,EAAE,GAAGC,EAAc,IAAIC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACS,MAAaA,EAAI,SAAS;AAAA,MACrC;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACA,MAAa;AACd,gBAAAC,IAAaD,EAAI,eAAe;AAAA,YACpC,CAAAE,MAAQA,EAAK,SAASF,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOC,MAAe,SAAY,EAAE,oBAAoBA,CAAU,EAAE,IAAI;AAAA,QAAA;AAAA,MAE5E;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACD,MAAaA,EAAI,MAAM,cAAc;AAAA,MAChD;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACA,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAE7C;AAAA,IACA,UAAU,CAACA,MACT,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAc,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAD,EAACE,GAAU,EAAA,eAAW,GAAC,CAAA;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAX,EAAWM,EAAI,IAAI;AAAA,YAAA;AAAA,UAEvB;AAAA,UACA,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAO,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAG,EAACG,GAAY,EAAA,eAAW,GAAC,CAAA;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAX,EAAaK,EAAI,IAAI;AAAA,cAAA;AAAA,YACvB;AAAA,UACF;AAAA,QAGR;AAAA,QACA,WAAWP;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,MAAID,MAAS;AAKX,WAAA,gBAAAW,EAACI,KAAS,eAAY,aAAY,OAAO,EAAE,6BAA6B,GAAI,GAAGT,GAAe;AAElG;"}
+{"version":3,"file":"List.js","sources":["../../../../src/components/Employee/Compensation/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport { useCompensation } from './useCompensation'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { DataView, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n  const { employeeJobs, mode, isPending, handleEdit, handleDelete } = useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n\n  const { ...dataViewProps } = useDataView({\n    data: employeeJobs,\n    columns: [\n      {\n        key: 'title',\n        title: t('allCompensations.jobColumn'),\n        render: (job: Job) => job.title || '',\n      },\n      {\n        key: 'flsaStatus',\n        title: t('allCompensations.typeColumn'),\n        render: (job: Job) => {\n          const flsaStatus = job.compensations?.find(\n            comp => comp.uuid === job.currentCompensationUuid,\n          )?.flsaStatus\n          return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n        },\n      },\n      {\n        key: 'rate',\n        title: t('allCompensations.amountColumn'),\n        render: (job: Job) => job.rate?.toString() || '',\n      },\n      {\n        key: 'paymentUnit',\n        title: t('allCompensations.perColumn'),\n        render: (job: Job) => job.paymentUnit || '',\n      },\n    ],\n    itemMenu: (job: Job) => (\n      <HamburgerMenu\n        triggerLabel={t('hamburgerTitle')}\n        items={[\n          {\n            label: t('allCompensations.editCta'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              handleEdit(job.uuid)\n            },\n          },\n          ...(!job.primary\n            ? [\n                {\n                  label: t('allCompensations.deleteCta'),\n                  icon: <TrashCanSvg aria-hidden />,\n                  onClick: () => {\n                    handleDelete(job.uuid)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        isLoading={isPending}\n      />\n    ),\n  })\n\n  if (mode !== 'LIST') {\n    return\n  }\n\n  return (\n    <DataView data-testid=\"data-view\" label={t('allCompensations.tableLabel')} {...dataViewProps} />\n  )\n}\n"],"names":["List","employeeJobs","mode","isPending","handleEdit","handleDelete","useCompensation","t","useTranslation","dataViewProps","useDataView","job","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","DataView"],"mappings":";;;;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,cAAAC,GAAc,MAAAC,GAAM,WAAAC,GAAW,YAAAC,GAAY,cAAAC,EAAA,IAAiBC,EAAA,GAC9D,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAE9C,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMT;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOM,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACI,MAAaA,EAAI,SAAS;AAAA,MAAA;AAAA,MAErC;AAAA,QACE,KAAK;AAAA,QACL,OAAOJ,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACI,MAAa;AACpB,gBAAMC,IAAaD,EAAI,eAAe;AAAA,YACpC,CAAAE,MAAQA,EAAK,SAASF,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOC,MAAe,SAAYL,EAAE,oBAAoBK,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOL,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACI,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAOJ,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACI,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAcR,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAOA,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAO,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAZ,EAAWO,EAAI,IAAI;AAAA,YACrB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAOJ,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAO,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAZ,EAAaM,EAAI,IAAI;AAAA,cACvB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWR;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,MAAID,MAAS;AAIb,WACE,gBAAAY,EAACI,KAAS,eAAY,aAAY,OAAOX,EAAE,6BAA6B,GAAI,GAAGE,GAAe;AAElG;"}

package/dist/components/Employee/Compensation/useCompensation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCompensation.js","sources":["../../../../src/components/Employee/Compensation/useCompensation.ts"],"sourcesContent":["import type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage'\nimport { z } from 'zod'\nimport { createCompoundContext } from '@/components/Base/createCompoundContext'\nimport { FLSA_OVERTIME_SALARY_LIMIT, FlsaStatus } from '@/shared/constants'\nimport { yearlyRate } from '@/helpers/payRateCalculator'\n\nexport const rateMinimumError = 'rate_minimum_error'\nexport const rateExemptThresholdError = 'rate_exempt_threshold_error'\n\nexport const CompensationSchema = z\n  .object({\n    jobTitle: z.string().min(1),\n    adjustForMinimumWage: z.boolean(),\n    minimumWageId: z.string().optional(),\n    stateWcCovered: z.boolean().optional(),\n    stateWcClassCode: z.string().optional(),\n    twoPercentShareholder: z.boolean().optional(),\n    flsaStatus: z.enum([\n      FlsaStatus.EXEMPT,\n      FlsaStatus.SALARIED_NONEXEMPT,\n      FlsaStatus.NONEXEMPT,\n      FlsaStatus.OWNER,\n      FlsaStatus.COMMISSION_ONLY_EXEMPT,\n      FlsaStatus.COMMISSION_ONLY_NONEXEMPT,\n    ]),\n    paymentUnit: z.enum(['Hour', 'Week', 'Month', 'Year', 'Paycheck']),\n    rate: z.number().optional(),\n  })\n  .superRefine((data, ctx) => {\n    // adjustForMinimumWage\n    if (data.adjustForMinimumWage && (!data.minimumWageId || data.minimumWageId.trim() === '')) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        path: ['minimumWageId'],\n        message: 'minimumWageId is required when adjustForMinimumWage is true',\n      })\n    }\n\n    // stateWcCovered\n    if (\n      data.stateWcCovered === true &&\n      (!data.stateWcClassCode || data.stateWcClassCode.trim() === '')\n    ) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        path: ['stateWcClassCode'],\n        message: 'stateWcClassCode is required when stateWcCovered is true',\n      })\n    }\n\n    // FLSA logic\n    const { flsaStatus, paymentUnit, rate } = data\n    if (\n      flsaStatus === FlsaStatus.EXEMPT ||\n      flsaStatus === FlsaStatus.SALARIED_NONEXEMPT ||\n      flsaStatus === FlsaStatus.NONEXEMPT\n    ) {\n      // For EXEMPT, check salary threshold\n      if (\n        flsaStatus === FlsaStatus.EXEMPT &&\n        rate !== undefined &&\n        yearlyRate(Number(rate), paymentUnit) < FLSA_OVERTIME_SALARY_LIMIT\n      ) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['rate'],\n          message: rateExemptThresholdError,\n        })\n      }\n\n      if (rate === undefined || rate < 1) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['rate'],\n          message: rateMinimumError,\n        })\n      }\n    } else if (flsaStatus === FlsaStatus.OWNER) {\n      if (paymentUnit !== 'Paycheck') {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['paymentUnit'],\n          message: 'paymentUnit must be Paycheck for OWNER',\n        })\n      }\n      if (rate === undefined || rate < 1) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['rate'],\n          message: rateMinimumError,\n        })\n      }\n    } else if (\n      [FlsaStatus.COMMISSION_ONLY_EXEMPT, FlsaStatus.COMMISSION_ONLY_NONEXEMPT].includes(flsaStatus)\n    ) {\n      if (paymentUnit !== 'Year') {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['paymentUnit'],\n          message: 'paymentUnit must be Year for commission-only FLSA statuses',\n        })\n      }\n      if (rate !== 0) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['rate'],\n          message: rateMinimumError,\n        })\n      }\n    }\n  })\n\nexport type CompensationInputs = z.input<typeof CompensationSchema>\nexport type CompensationOutputs = z.output<typeof CompensationSchema>\n\nexport type MODE =\n  | 'LIST'\n  | 'ADD_ADDITIONAL_JOB'\n  | 'ADD_INITIAL_JOB'\n  | 'EDIT_ADDITIONAL_JOB'\n  | 'EDIT_INITIAL_JOB'\n  | 'PROCEED'\n\ntype CompensationContextType = {\n  employeeJobs: Job[]\n  currentJob?: Job | null\n  primaryFlsaStatus?: string\n  isPending: boolean\n  mode: MODE\n  showFlsaChangeWarning: boolean\n  minimumWages: MinimumWage[]\n  state?: string\n  showTwoPercentStakeholder?: boolean\n  submitWithEffect: (newMode: MODE) => void\n  handleAdd: () => void\n  handleEdit: (uuid: string) => void\n  handleDelete: (uuid: string) => void\n  handleFlsaChange: (status: string | number) => void\n  handleCancelAddJob: () => void\n}\nconst [useCompensation, CompensationProvider] =\n  createCompoundContext<CompensationContextType>('CompensationContext')\nexport { useCompensation, CompensationProvider }\n"],"names":["rateMinimumError","rateExemptThresholdError","CompensationSchema","z","FlsaStatus","data","ctx","flsaStatus","paymentUnit","rate","yearlyRate","FLSA_OVERTIME_SALARY_LIMIT","useCompensation","CompensationProvider","createCompoundContext"],"mappings":";;;;AAOO,MAAMA,IAAmB,sBACnBC,IAA2B,+BAE3BC,IAAqBC,EAC/B,OAAO;AAAA,EACN,UAAUA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC1B,sBAAsBA,EAAE,QAAQ;AAAA,EAChC,eAAeA,EAAE,OAAO,EAAE,SAAS;AAAA,EACnC,gBAAgBA,EAAE,QAAQ,EAAE,SAAS;AAAA,EACrC,kBAAkBA,EAAE,OAAO,EAAE,SAAS;AAAA,EACtC,uBAAuBA,EAAE,QAAQ,EAAE,SAAS;AAAA,EAC5C,YAAYA,EAAE,KAAK;AAAA,IACjBC,EAAW;AAAA,IACXA,EAAW;AAAA,IACXA,EAAW;AAAA,IACXA,EAAW;AAAA,IACXA,EAAW;AAAA,IACXA,EAAW;AAAA,EAAA,CACZ;AAAA,EACD,aAAaD,EAAE,KAAK,CAAC,QAAQ,QAAQ,SAAS,QAAQ,UAAU,CAAC;AAAA,EACjE,MAAMA,EAAE,OAAO,EAAE,SAAS;AAC5B,CAAC,EACA,YAAY,CAACE,GAAMC,MAAQ;AAEtB,EAAAD,EAAK,yBAAyB,CAACA,EAAK,iBAAiBA,EAAK,cAAc,WAAW,OACrFC,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,eAAe;AAAA,IACtB,SAAS;AAAA,EAAA,CACV,GAKDE,EAAK,mBAAmB,OACvB,CAACA,EAAK,oBAAoBA,EAAK,iBAAiB,KAAK,MAAM,OAE5DC,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,kBAAkB;AAAA,IACzB,SAAS;AAAA,EAAA,CACV;AAIH,QAAM,EAAE,YAAAI,GAAY,aAAAC,GAAa,MAAAC,EAAS,IAAAJ;AAExC,EAAAE,MAAeH,EAAW,UAC1BG,MAAeH,EAAW,sBAC1BG,MAAeH,EAAW,aAIxBG,MAAeH,EAAW,UAC1BK,MAAS,UACTC,EAAW,OAAOD,CAAI,GAAGD,CAAW,IAAIG,KAExCL,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAASF;AAAA,EAAA,CACV,IAGCQ,MAAS,UAAaA,IAAO,MAC/BH,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAASH;AAAA,EAAA,CACV,KAEMO,MAAeH,EAAW,SAC/BI,MAAgB,cAClBF,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,aAAa;AAAA,IACpB,SAAS;AAAA,EAAA,CACV,IAECM,MAAS,UAAaA,IAAO,MAC/BH,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAASH;AAAA,EAAA,CACV,KAGH,CAACI,EAAW,wBAAwBA,EAAW,yBAAyB,EAAE,SAASG,CAAU,MAEzFC,MAAgB,UAClBF,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,aAAa;AAAA,IACpB,SAAS;AAAA,EAAA,CACV,GAECM,MAAS,KACXH,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAASH;AAAA,EAAA,CACV;AAGP,CAAC,GA8BG,CAACY,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useCompensation.js","sources":["../../../../src/components/Employee/Compensation/useCompensation.ts"],"sourcesContent":["import type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage'\nimport { z } from 'zod'\nimport { createCompoundContext } from '@/components/Base/createCompoundContext'\nimport { FLSA_OVERTIME_SALARY_LIMIT, FlsaStatus } from '@/shared/constants'\nimport { yearlyRate } from '@/helpers/payRateCalculator'\n\nexport const rateMinimumError = 'rate_minimum_error'\nexport const rateExemptThresholdError = 'rate_exempt_threshold_error'\n\nexport const CompensationSchema = z\n  .object({\n    jobTitle: z.string().min(1),\n    adjustForMinimumWage: z.boolean(),\n    minimumWageId: z.string().optional(),\n    stateWcCovered: z.boolean().optional(),\n    stateWcClassCode: z.string().optional(),\n    twoPercentShareholder: z.boolean().optional(),\n    flsaStatus: z.enum([\n      FlsaStatus.EXEMPT,\n      FlsaStatus.SALARIED_NONEXEMPT,\n      FlsaStatus.NONEXEMPT,\n      FlsaStatus.OWNER,\n      FlsaStatus.COMMISSION_ONLY_EXEMPT,\n      FlsaStatus.COMMISSION_ONLY_NONEXEMPT,\n    ]),\n    paymentUnit: z.enum(['Hour', 'Week', 'Month', 'Year', 'Paycheck']),\n    rate: z.number().optional(),\n  })\n  .superRefine((data, ctx) => {\n    // adjustForMinimumWage\n    if (data.adjustForMinimumWage && (!data.minimumWageId || data.minimumWageId.trim() === '')) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        path: ['minimumWageId'],\n        message: 'minimumWageId is required when adjustForMinimumWage is true',\n      })\n    }\n\n    // stateWcCovered\n    if (\n      data.stateWcCovered === true &&\n      (!data.stateWcClassCode || data.stateWcClassCode.trim() === '')\n    ) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        path: ['stateWcClassCode'],\n        message: 'stateWcClassCode is required when stateWcCovered is true',\n      })\n    }\n\n    // FLSA logic\n    const { flsaStatus, paymentUnit, rate } = data\n    if (\n      flsaStatus === FlsaStatus.EXEMPT ||\n      flsaStatus === FlsaStatus.SALARIED_NONEXEMPT ||\n      flsaStatus === FlsaStatus.NONEXEMPT\n    ) {\n      // For EXEMPT, check salary threshold\n      if (\n        flsaStatus === FlsaStatus.EXEMPT &&\n        rate !== undefined &&\n        yearlyRate(Number(rate), paymentUnit) < FLSA_OVERTIME_SALARY_LIMIT\n      ) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['rate'],\n          message: rateExemptThresholdError,\n        })\n      }\n\n      if (rate === undefined || rate < 1) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['rate'],\n          message: rateMinimumError,\n        })\n      }\n    } else if (flsaStatus === FlsaStatus.OWNER) {\n      if (paymentUnit !== 'Paycheck') {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['paymentUnit'],\n          message: 'paymentUnit must be Paycheck for OWNER',\n        })\n      }\n      if (rate === undefined || rate < 1) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['rate'],\n          message: rateMinimumError,\n        })\n      }\n    } else if (\n      [FlsaStatus.COMMISSION_ONLY_EXEMPT, FlsaStatus.COMMISSION_ONLY_NONEXEMPT].includes(flsaStatus)\n    ) {\n      if (paymentUnit !== 'Year') {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['paymentUnit'],\n          message: 'paymentUnit must be Year for commission-only FLSA statuses',\n        })\n      }\n      if (rate !== 0) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['rate'],\n          message: rateMinimumError,\n        })\n      }\n    }\n  })\n\nexport type CompensationInputs = z.input<typeof CompensationSchema>\nexport type CompensationOutputs = z.output<typeof CompensationSchema>\n\nexport type MODE =\n  | 'LIST'\n  | 'ADD_ADDITIONAL_JOB'\n  | 'ADD_INITIAL_JOB'\n  | 'EDIT_ADDITIONAL_JOB'\n  | 'EDIT_INITIAL_JOB'\n  | 'PROCEED'\n\ntype CompensationContextType = {\n  employeeJobs: Job[]\n  currentJob?: Job | null\n  primaryFlsaStatus?: string\n  isPending: boolean\n  mode: MODE\n  showFlsaChangeWarning: boolean\n  minimumWages: MinimumWage[]\n  state?: string\n  showTwoPercentStakeholder?: boolean\n  submitWithEffect: (newMode: MODE) => void\n  handleAdd: () => void\n  handleEdit: (uuid: string) => void\n  handleDelete: (uuid: string) => void\n  handleFlsaChange: (status: string | number) => void\n  handleCancelAddJob: () => void\n}\nconst [useCompensation, CompensationProvider] =\n  createCompoundContext<CompensationContextType>('CompensationContext')\nexport { useCompensation, CompensationProvider }\n"],"names":["rateMinimumError","rateExemptThresholdError","CompensationSchema","z","FlsaStatus","data","ctx","flsaStatus","paymentUnit","rate","yearlyRate","FLSA_OVERTIME_SALARY_LIMIT","useCompensation","CompensationProvider","createCompoundContext"],"mappings":";;;;AAOO,MAAMA,IAAmB,sBACnBC,IAA2B,+BAE3BC,IAAqBC,EAC/B,OAAO;AAAA,EACN,UAAUA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC1B,sBAAsBA,EAAE,QAAA;AAAA,EACxB,eAAeA,EAAE,OAAA,EAAS,SAAA;AAAA,EAC1B,gBAAgBA,EAAE,QAAA,EAAU,SAAA;AAAA,EAC5B,kBAAkBA,EAAE,OAAA,EAAS,SAAA;AAAA,EAC7B,uBAAuBA,EAAE,QAAA,EAAU,SAAA;AAAA,EACnC,YAAYA,EAAE,KAAK;AAAA,IACjBC,EAAW;AAAA,IACXA,EAAW;AAAA,IACXA,EAAW;AAAA,IACXA,EAAW;AAAA,IACXA,EAAW;AAAA,IACXA,EAAW;AAAA,EAAA,CACZ;AAAA,EACD,aAAaD,EAAE,KAAK,CAAC,QAAQ,QAAQ,SAAS,QAAQ,UAAU,CAAC;AAAA,EACjE,MAAMA,EAAE,OAAA,EAAS,SAAA;AACnB,CAAC,EACA,YAAY,CAACE,GAAMC,MAAQ;AAE1B,EAAID,EAAK,yBAAyB,CAACA,EAAK,iBAAiBA,EAAK,cAAc,WAAW,OACrFC,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,eAAe;AAAA,IACtB,SAAS;AAAA,EAAA,CACV,GAKDE,EAAK,mBAAmB,OACvB,CAACA,EAAK,oBAAoBA,EAAK,iBAAiB,KAAA,MAAW,OAE5DC,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,kBAAkB;AAAA,IACzB,SAAS;AAAA,EAAA,CACV;AAIH,QAAM,EAAE,YAAAI,GAAY,aAAAC,GAAa,MAAAC,EAAA,IAASJ;AAC1C,EACEE,MAAeH,EAAW,UAC1BG,MAAeH,EAAW,sBAC1BG,MAAeH,EAAW,aAIxBG,MAAeH,EAAW,UAC1BK,MAAS,UACTC,EAAW,OAAOD,CAAI,GAAGD,CAAW,IAAIG,KAExCL,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAASF;AAAA,EAAA,CACV,IAGCQ,MAAS,UAAaA,IAAO,MAC/BH,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAASH;AAAA,EAAA,CACV,KAEMO,MAAeH,EAAW,SAC/BI,MAAgB,cAClBF,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,aAAa;AAAA,IACpB,SAAS;AAAA,EAAA,CACV,IAECM,MAAS,UAAaA,IAAO,MAC/BH,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAASH;AAAA,EAAA,CACV,KAGH,CAACI,EAAW,wBAAwBA,EAAW,yBAAyB,EAAE,SAASG,CAAU,MAEzFC,MAAgB,UAClBF,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,aAAa;AAAA,IACpB,SAAS;AAAA,EAAA,CACV,GAECM,MAAS,KACXH,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAASH;AAAA,EAAA,CACV;AAGP,CAAC,GA8BG,CAACY,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

package/dist/components/Employee/Deductions/Deductions.d.ts

@@ -1,17 +1,11 @@
-import { z } from 'zod';
-import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
-interface DeductionsProps extends CommonComponentInterface<'Employee.Deductions'> {
+import { BaseComponentInterface } from '../../Base';
+export interface DeductionsProps extends BaseComponentInterface<'Employee.Deductions'> {
     employeeId: string;
 }
-declare const IncludeDeductionsSchema: z.ZodObject<{
-    includeDeductions: z.ZodEnum<["Yes", "No"]>;
-}, "strip", z.ZodTypeAny, {
-    includeDeductions: "Yes" | "No";
-}, {
-    includeDeductions: "Yes" | "No";
-}>;
-export type IncludeDeductionsPayload = z.output<typeof IncludeDeductionsSchema>;
-export declare function Deductions(props: DeductionsProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
-export declare const Root: ({ employeeId, className, dictionary }: DeductionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare function Deductions(props: DeductionsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Deductions {
+    var DeductionsForm: typeof import("./DeductionsForm/DeductionsForm").DeductionsForm;
+    var DeductionsList: typeof import("./DeductionsList/DeductionsList").DeductionsList;
+    var IncludeDeductionsForm: typeof import("./IncludeDeductionsForm/IncludeDeductionsForm").IncludeDeductionsForm;
+}
 export declare const DeductionsContextual: () => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Employee/Deductions/Deductions.js

@@ -1,152 +1,59 @@
-import { jsx as t, jsxs as A } from "react/jsx-runtime";
-import { useTranslation as U } from "react-i18next";
-import { useState as M, useMemo as Y, useEffect as q } from "react";
-import { z as T } from "zod";
-import { useForm as O, FormProvider as C } from "react-hook-form";
-import { zodResolver as y } from "@hookform/resolvers/zod";
-import { useGarnishmentsListSuspense as B } from "@gusto/embedded-api/react-query/garnishmentsList";
-import { useGarnishmentsCreateMutation as R } from "@gusto/embedded-api/react-query/garnishmentsCreate";
-import { useGarnishmentsUpdateMutation as j } from "@gusto/embedded-api/react-query/garnishmentsUpdate";
-import { DeductionSchema as G, DeductionsProvider as z } from "./useDeductions.js";
-import { BaseComponent as H } from "../../Base/Base.js";
-import { useBase as V } from "../../Base/useBase.js";
-import { Form as L } from "../../Common/Form/Form.js";
-import { useComponentDictionary as k, useI18n as J } from "../../../i18n/I18n.js";
-import { componentEvents as s } from "../../../shared/constants.js";
-import { Actions as N } from "./Actions.js";
-import { IncludeDeductionsForm as K } from "./IncludeDeductionsForm.js";
-import { Head as S } from "./Head.js";
-import { DeductionForm as Q } from "./DeductionForm.js";
-import { DeductionsList as W } from "./DeductionsList.js";
-import { useFlow as X } from "../../Flow/useFlow.js";
-T.object({ includeDeductions: T.enum(["Yes", "No"]) });
-function Z(o) {
-  return /* @__PURE__ */ t(H, { ...o, children: /* @__PURE__ */ t($, { ...o, children: o.children }) });
-}
-const $ = ({ employeeId: o, className: d, dictionary: a }) => {
-  const { onEvent: i, baseSubmitHandler: h } = V();
-  k("Employee.Deductions", a);
-  const { data: _ } = B({ employeeId: o }), f = _.garnishmentList, { mutateAsync: p, isPending: b } = j(), { mutateAsync: x, isPending: w } = R(), g = f.filter((r) => r.active), [u, m] = M(g.length < 1 ? "INITIAL" : "LIST"), [e, l] = M(null);
-  J("Employee.Deductions");
-  const D = Y(() => ({
-    amount: e?.amount ? Number(e.amount) : 0,
-    description: e?.description ?? "",
-    times: e?.times ?? null,
-    recurring: e?.recurring?.toString() ?? "true",
-    annualMaximum: e?.annualMaximum ? Number(e.annualMaximum) : null,
-    payPeriodMaximum: e?.payPeriodMaximum ? Number(e.payPeriodMaximum) : null,
-    deductAsPercentage: e?.deductAsPercentage?.toString() ?? "true",
-    active: !0,
-    courtOrdered: e?.courtOrdered ?? !1
-  }), [e]), I = O({
-    // resolver: zodResolver(IncludeDeductionsSchema),
-    defaultValues: { includeDeductions: "No" }
-  }), E = O({
-    resolver: y(G),
-    defaultValues: D
-  }), { reset: P } = E;
-  q(() => {
-    P(D);
-  }, [e, D, P, u]);
-  const F = async (r) => {
-    await h(r, async (n) => {
-      const { garnishment: c } = await p({
-        request: {
-          garnishmentId: n.uuid,
-          requestBody: {
-            ...n,
-            totalAmount: n.totalAmount ?? void 0,
-            active: !1,
-            version: n.version
-          }
-        }
-      });
-      i(s.EMPLOYEE_DEDUCTION_DELETED, c);
-    });
-  }, v = async (r) => {
-    await h(r, async (n) => {
-      if ("includeDeductions" in n)
-        if (n.includeDeductions === "Yes")
-          m("ADD"), i(s.EMPLOYEE_DEDUCTION_ADD);
-        else {
-          i(s.EMPLOYEE_DEDUCTION_DONE);
-          return;
-        }
-      if (!("includeDeductions" in n)) {
-        if (u === "ADD") {
-          const { garnishment: c } = await x({
-            request: {
-              employeeId: o,
-              requestBody: { ...n, times: n.recurring ? null : 1 }
-            }
-          });
-          i(s.EMPLOYEE_DEDUCTION_CREATED, c);
-        } else if (u === "EDIT") {
-          const { garnishment: c } = await p({
-            request: {
-              garnishmentId: e?.uuid ?? "",
-              requestBody: {
-                ...n,
-                version: e?.version,
-                times: n.recurring ? null : 1
-              }
-            }
-          });
-          i(s.EMPLOYEE_DEDUCTION_UPDATED, c), l(null);
-        }
-        m("LIST");
-      }
-    });
-  };
-  return /* @__PURE__ */ t("section", { className: d, children: /* @__PURE__ */ t(
-    z,
-    {
-      value: {
-        isPending: w || b,
+import { jsx as n } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { createMachine as D } from "robot3";
+import { useGarnishmentsListSuspense as f } from "@gusto/embedded-api/react-query/garnishmentsList";
+import { useMemo as d } from "react";
+import { DeductionsListContextual as h, IncludeDeductionsFormContextual as F } from "./DeductionsComponents.js";
+import { deductionsStateMachine as w } from "./stateMachine.js";
+import { DeductionsForm as x } from "./DeductionsForm/DeductionsForm.js";
+import { DeductionsList as C } from "./DeductionsList/DeductionsList.js";
+import { IncludeDeductionsForm as g } from "./IncludeDeductionsForm/IncludeDeductionsForm.js";
+import { Flow as v } from "../../Flow/Flow.js";
+import { BaseComponent as L } from "../../Base/Base.js";
+import "../../Base/useBase.js";
+import { useComponentDictionary as E } from "../../../i18n/I18n.js";
+import { useFlow as I } from "../../Flow/useFlow.js";
+function M({ employeeId: o, onEvent: i, dictionary: r }) {
+  E("Employee.Deductions", r);
+  const { data: a } = f({ employeeId: o }), c = a.garnishmentList.filter((s) => s.active), t = d(
+    () => c.length > 0,
+    [c.length]
+  ), m = t ? "viewDeductions" : "includeDeductions", u = t ? h : F, p = d(
+    () => D(
+      m,
+      w,
+      (s) => ({
+        ...s,
+        component: u,
         employeeId: o,
-        mode: u,
-        deductions: f,
-        handleAdd: () => {
-          m("ADD");
-        },
-        handleCancel: () => {
-          m(g.length < 1 ? "INITIAL" : "LIST"), l(null);
-        },
-        handleDelete: F,
-        handleEdit: (r) => {
-          m("EDIT"), l(r);
-        },
-        handlePassthrough: () => {
-          i(s.EMPLOYEE_DEDUCTION_DONE);
-        }
-      },
-      children: u === "INITIAL" ? /* @__PURE__ */ t(C, { ...I, children: /* @__PURE__ */ A(L, { onSubmit: I.handleSubmit(v), children: [
-        /* @__PURE__ */ t(S, {}),
-        /* @__PURE__ */ t(K, {}),
-        /* @__PURE__ */ t(N, {})
-      ] }) }) : /* @__PURE__ */ t(C, { ...E, children: /* @__PURE__ */ A(L, { onSubmit: E.handleSubmit(v), children: [
-        /* @__PURE__ */ t(S, {}),
-        /* @__PURE__ */ t(W, {}),
-        /* @__PURE__ */ t(Q, {}),
-        /* @__PURE__ */ t(N, {})
-      ] }) })
-    }
-  ) });
-}, Oe = () => {
-  const { employeeId: o, onEvent: d } = X(), { t: a } = U("common");
+        currentDeductionId: null,
+        hasExistingDeductions: t
+      })
+    ),
+    [m, u, o, t]
+  );
+  return /* @__PURE__ */ n(v, { machine: p, onEvent: i });
+}
+function e(o) {
+  return /* @__PURE__ */ n(L, { ...o, children: /* @__PURE__ */ n(M, { ...o }) });
+}
+const N = () => {
+  const { employeeId: o, onEvent: i } = I(), { t: r } = l("common");
   if (!o)
     throw new Error(
-      a("errors.missingParamsOrContext", {
+      r("errors.missingParamsOrContext", {
         component: "Deductions",
         param: "employeeId",
         provider: "FlowProvider"
       })
     );
-  return /* @__PURE__ */ t(Z, { employeeId: o, onEvent: d });
+  return /* @__PURE__ */ n(e, { employeeId: o, onEvent: i });
 };
+e.DeductionsForm = x;
+e.DeductionsList = C;
+e.IncludeDeductionsForm = g;
 export {
-  Z as Deductions,
-  Oe as DeductionsContextual,
-  $ as Root
+  e as Deductions,
+  N as DeductionsContextual
 };
 //# sourceMappingURL=Deductions.js.map

package/dist/components/Employee/Deductions/Deductions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Deductions.js","sources":["../../../../src/components/Employee/Deductions/Deductions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEffect, useMemo, useState } from 'react'\nimport { z } from 'zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useGarnishmentsListSuspense } from '@gusto/embedded-api/react-query/garnishmentsList'\nimport { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useGarnishmentsCreateMutation } from '@gusto/embedded-api/react-query/garnishmentsCreate'\nimport { useGarnishmentsUpdateMutation } from '@gusto/embedded-api/react-query/garnishmentsUpdate'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlow'\nimport {\n  type DeductionInputs,\n  type DeductionPayload,\n  DeductionSchema,\n  DeductionsProvider,\n  type MODE,\n} from './useDeductions'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Actions } from '@/components/Employee/Deductions/Actions'\nimport { IncludeDeductionsForm } from '@/components/Employee/Deductions/IncludeDeductionsForm'\nimport { Head } from '@/components/Employee/Deductions/Head'\nimport { DeductionForm } from '@/components/Employee/Deductions/DeductionForm'\nimport { DeductionsList } from '@/components/Employee/Deductions/DeductionsList'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface DeductionsProps extends CommonComponentInterface<'Employee.Deductions'> {\n  employeeId: string\n}\n\nconst IncludeDeductionsSchema = z.object({ includeDeductions: z.enum(['Yes', 'No']) })\nexport type IncludeDeductionsPayload = z.output<typeof IncludeDeductionsSchema>\n\nexport function Deductions(props: DeductionsProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nexport const Root = ({ employeeId, className, dictionary }: DeductionsProps) => {\n  const { onEvent, baseSubmitHandler } = useBase()\n  useComponentDictionary('Employee.Deductions', dictionary)\n\n  const { data } = useGarnishmentsListSuspense({ employeeId })\n  const deductions = data.garnishmentList!\n\n  // Used for deletion or edit of deduction\n  const { mutateAsync: updateDeduction, isPending: isPendingUpdate } =\n    useGarnishmentsUpdateMutation()\n  const { mutateAsync: createDeduction, isPending: isPendingCreate } =\n    useGarnishmentsCreateMutation()\n\n  const activeDeductions = deductions.filter(deduction => deduction.active)\n  const [mode, setMode] = useState<MODE>(activeDeductions.length < 1 ? 'INITIAL' : 'LIST')\n  const [currentDeduction, setCurrentDeduction] = useState<Garnishment | null>(null)\n  useI18n('Employee.Deductions')\n\n  const defaultValues: DeductionInputs = useMemo(() => {\n    return {\n      amount: currentDeduction?.amount ? Number(currentDeduction.amount) : 0,\n      description: currentDeduction?.description ?? '',\n      times: currentDeduction?.times ?? null,\n      recurring: currentDeduction?.recurring?.toString() ?? 'true',\n      annualMaximum: currentDeduction?.annualMaximum\n        ? Number(currentDeduction.annualMaximum)\n        : null,\n      payPeriodMaximum: currentDeduction?.payPeriodMaximum\n        ? Number(currentDeduction.payPeriodMaximum)\n        : null,\n      deductAsPercentage: currentDeduction?.deductAsPercentage?.toString() ?? 'true',\n      active: true,\n      courtOrdered: currentDeduction?.courtOrdered ?? false,\n    } as DeductionInputs\n  }, [currentDeduction])\n\n  const includeDeductionsFormMethods = useForm<IncludeDeductionsPayload>({\n    // resolver: zodResolver(IncludeDeductionsSchema),\n    defaultValues: { includeDeductions: 'No' },\n  })\n\n  const formMethods = useForm<DeductionInputs, unknown, DeductionPayload>({\n    resolver: zodResolver(DeductionSchema),\n    defaultValues,\n  })\n\n  const { reset: resetForm } = formMethods\n\n  useEffect(() => {\n    resetForm(defaultValues)\n  }, [currentDeduction, defaultValues, resetForm, mode])\n\n  const handleDelete = async (deduction: Garnishment) => {\n    await baseSubmitHandler(deduction, async payload => {\n      //Deletion of deduction is simply updating it with active: false\n      const { garnishment } = await updateDeduction({\n        request: {\n          garnishmentId: payload.uuid,\n          requestBody: {\n            ...payload,\n            totalAmount: payload.totalAmount ?? undefined,\n            active: false,\n            version: payload.version as string,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, garnishment)\n    })\n  }\n  const onSubmit: SubmitHandler<DeductionPayload | IncludeDeductionsPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      if ('includeDeductions' in payload) {\n        if (payload.includeDeductions === 'Yes') {\n          setMode('ADD')\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD)\n        } else {\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n          return\n        }\n      }\n      if (!('includeDeductions' in payload)) {\n        if (mode === 'ADD') {\n          const { garnishment: createDeductionResponse } = await createDeduction({\n            request: {\n              employeeId: employeeId,\n              requestBody: { ...payload, times: payload.recurring ? null : 1 },\n            },\n          })\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_CREATED, createDeductionResponse)\n        } else if (mode === 'EDIT') {\n          const { garnishment: updateDeductionResponse } = await updateDeduction({\n            request: {\n              garnishmentId: currentDeduction?.uuid ?? '',\n              requestBody: {\n                ...payload,\n                version: currentDeduction?.version as string,\n                times: payload.recurring ? null : 1,\n              },\n            },\n          })\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_UPDATED, updateDeductionResponse)\n          setCurrentDeduction(null)\n        }\n        setMode('LIST')\n      }\n    })\n  }\n  const handleAdd = () => {\n    setMode('ADD')\n  }\n  const handleCancel = () => {\n    setMode(activeDeductions.length < 1 ? 'INITIAL' : 'LIST')\n    setCurrentDeduction(null)\n  }\n  const handleEdit = (deduction: Garnishment) => {\n    setMode('EDIT')\n    setCurrentDeduction(deduction)\n  }\n  const handlePassthrough = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n  return (\n    <section className={className}>\n      <DeductionsProvider\n        value={{\n          isPending: isPendingCreate || isPendingUpdate,\n          employeeId,\n          mode,\n          deductions,\n          handleAdd,\n          handleCancel,\n          handleDelete,\n          handleEdit,\n          handlePassthrough,\n        }}\n      >\n        {mode === 'INITIAL' ? (\n          <FormProvider {...includeDeductionsFormMethods}>\n            <Form onSubmit={includeDeductionsFormMethods.handleSubmit(onSubmit)}>\n              <Head />\n              <IncludeDeductionsForm />\n              <Actions />\n            </Form>\n          </FormProvider>\n        ) : (\n          <FormProvider {...formMethods}>\n            <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n              <Head />\n              <DeductionsList />\n              <DeductionForm />\n              <Actions />\n            </Form>\n          </FormProvider>\n        )}\n      </DeductionsProvider>\n    </section>\n  )\n}\n\nexport const DeductionsContextual = () => {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Deductions',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Deductions employeeId={employeeId} onEvent={onEvent} />\n}\n"],"names":["z","Deductions","props","jsx","BaseComponent","Root","employeeId","className","dictionary","onEvent","baseSubmitHandler","useBase","useComponentDictionary","data","useGarnishmentsListSuspense","deductions","updateDeduction","isPendingUpdate","useGarnishmentsUpdateMutation","createDeduction","isPendingCreate","useGarnishmentsCreateMutation","activeDeductions","deduction","mode","setMode","useState","currentDeduction","setCurrentDeduction","useI18n","defaultValues","useMemo","includeDeductionsFormMethods","useForm","formMethods","zodResolver","DeductionSchema","resetForm","useEffect","handleDelete","payload","garnishment","componentEvents","onSubmit","createDeductionResponse","updateDeductionResponse","DeductionsProvider","FormProvider","jsxs","Form","Head","IncludeDeductionsForm","Actions","DeductionsList","DeductionForm","DeductionsContextual","useFlow","t","useTranslation"],"mappings":"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"}
+{"version":3,"file":"Deductions.js","sources":["../../../../src/components/Employee/Deductions/Deductions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { createMachine } from 'robot3'\nimport { useGarnishmentsListSuspense } from '@gusto/embedded-api/react-query/garnishmentsList'\nimport { useMemo } from 'react'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlow'\nimport {\n  IncludeDeductionsFormContextual,\n  type DeductionsContextInterface,\n  DeductionsListContextual,\n} from './DeductionsComponents'\nimport { deductionsStateMachine } from './stateMachine'\nimport { DeductionsForm } from './DeductionsForm/DeductionsForm'\nimport { DeductionsList } from './DeductionsList/DeductionsList'\nimport { IncludeDeductionsForm } from './IncludeDeductionsForm/IncludeDeductionsForm'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useFlow } from '@/components/Flow/useFlow'\n\nexport interface DeductionsProps extends BaseComponentInterface<'Employee.Deductions'> {\n  employeeId: string\n}\nfunction DeductionsFlow({ employeeId, onEvent, dictionary }: DeductionsProps) {\n  useComponentDictionary('Employee.Deductions', dictionary)\n  const { data } = useGarnishmentsListSuspense({ employeeId })\n  const deductions = data.garnishmentList!\n  const activeDeductions = deductions.filter(deduction => deduction.active)\n  const hasExistingDeductions = useMemo(\n    () => activeDeductions.length > 0,\n    [activeDeductions.length],\n  )\n\n  // Determine initial state based on existing deductions\n  const initialState: 'includeDeductions' | 'viewDeductions' = hasExistingDeductions\n    ? 'viewDeductions'\n    : 'includeDeductions'\n\n  const initialComponent: React.ComponentType = hasExistingDeductions\n    ? DeductionsListContextual\n    : IncludeDeductionsFormContextual\n\n  const manageDeductions = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        deductionsStateMachine,\n        (initialContext: DeductionsContextInterface) => ({\n          ...initialContext,\n          component: initialComponent,\n          employeeId,\n          currentDeductionId: null,\n          hasExistingDeductions,\n        }),\n      ),\n    [initialState, initialComponent, employeeId, hasExistingDeductions],\n  )\n\n  return <Flow machine={manageDeductions} onEvent={onEvent} />\n}\n\nexport function Deductions(props: DeductionsProps) {\n  return (\n    <BaseComponent {...props}>\n      <DeductionsFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nexport const DeductionsContextual = () => {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Deductions',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Deductions employeeId={employeeId} onEvent={onEvent} />\n}\n\nDeductions.DeductionsForm = DeductionsForm\nDeductions.DeductionsList = DeductionsList\nDeductions.IncludeDeductionsForm = IncludeDeductionsForm\n"],"names":["DeductionsFlow","employeeId","onEvent","dictionary","useComponentDictionary","data","useGarnishmentsListSuspense","activeDeductions","deduction","hasExistingDeductions","useMemo","initialState","initialComponent","DeductionsListContextual","IncludeDeductionsFormContextual","manageDeductions","createMachine","deductionsStateMachine","initialContext","jsx","Flow","Deductions","props","BaseComponent","DeductionsContextual","useFlow","t","useTranslation","DeductionsForm","DeductionsList","IncludeDeductionsForm"],"mappings":";;;;;;;;;;;;;;;AAsBA,SAASA,EAAe,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,KAA+B;AAC5E,EAAAC,EAAuB,uBAAuBD,CAAU;AACxD,QAAM,EAAE,MAAAE,EAAA,IAASC,EAA4B,EAAE,YAAAL,GAAY,GAErDM,IADaF,EAAK,gBACY,OAAO,CAAAG,MAAaA,EAAU,MAAM,GAClEC,IAAwBC;AAAA,IAC5B,MAAMH,EAAiB,SAAS;AAAA,IAChC,CAACA,EAAiB,MAAM;AAAA,EAAA,GAIpBI,IAAuDF,IACzD,mBACA,qBAEEG,IAAwCH,IAC1CI,IACAC,GAEEC,IAAmBL;AAAA,IACvB,MACEM;AAAA,MACEL;AAAA,MACAM;AAAA,MACA,CAACC,OAAgD;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWN;AAAA,QACX,YAAAX;AAAA,QACA,oBAAoB;AAAA,QACpB,uBAAAQ;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACE,GAAcC,GAAkBX,GAAYQ,CAAqB;AAAA,EAAA;AAGpE,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAASL,GAAkB,SAAAb,EAAA,CAAkB;AAC5D;AAEO,SAASmB,EAAWC,GAAwB;AACjD,SACE,gBAAAH,EAACI,KAAe,GAAGD,GACjB,4BAACtB,GAAA,EAAgB,GAAGsB,GAAO,EAAA,CAC7B;AAEJ;AAEO,MAAME,IAAuB,MAAM;AACxC,QAAM,EAAE,YAAAvB,GAAY,SAAAC,EAAA,IAAYuB,EAAA,GAC1B,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AAErC,MAAI,CAAC1B;AACH,UAAM,IAAI;AAAA,MACRyB,EAAE,iCAAiC;AAAA,QACjC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGL,SAAO,gBAAAP,EAACE,GAAA,EAAW,YAAApB,GAAwB,SAAAC,EAAA,CAAkB;AAC/D;AAEAmB,EAAW,iBAAiBO;AAC5BP,EAAW,iBAAiBQ;AAC5BR,EAAW,wBAAwBS;"}

package/dist/components/Employee/Deductions/DeductionsComponents.d.ts

@@ -0,0 +1,23 @@
+import { Garnishment } from '@gusto/embedded-api/models/components/garnishment';
+import { FlowContextInterface } from '../../Flow/useFlow';
+import { componentEvents } from '../../../shared/constants';
+export type EventPayloads = {
+    [componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_YES]: undefined;
+    [componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_NO]: undefined;
+    [componentEvents.EMPLOYEE_DEDUCTION_ADD]: undefined;
+    [componentEvents.EMPLOYEE_DEDUCTION_CREATED]: Garnishment;
+    [componentEvents.EMPLOYEE_DEDUCTION_UPDATED]: Garnishment;
+    [componentEvents.EMPLOYEE_DEDUCTION_DELETED]: Garnishment;
+    [componentEvents.EMPLOYEE_DEDUCTION_EDIT]: Garnishment;
+    [componentEvents.EMPLOYEE_DEDUCTION_CANCEL]: undefined;
+    [componentEvents.EMPLOYEE_DEDUCTION_DONE]: undefined;
+    [componentEvents.CANCEL]: undefined;
+};
+export interface DeductionsContextInterface extends FlowContextInterface {
+    employeeId: string;
+    currentDeductionId?: string | null;
+    hasExistingDeductions?: boolean;
+}
+export declare function IncludeDeductionsFormContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function DeductionsListContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function DeductionFormContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/Deductions/DeductionsComponents.js

@@ -0,0 +1,31 @@
+import { jsx as t } from "react/jsx-runtime";
+import { IncludeDeductionsForm as m } from "./IncludeDeductionsForm/IncludeDeductionsForm.js";
+import { DeductionsList as d } from "./DeductionsList/DeductionsList.js";
+import { DeductionsForm as i } from "./DeductionsForm/DeductionsForm.js";
+import { useFlow as n } from "../../Flow/useFlow.js";
+import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
+function D() {
+  const { employeeId: e, onEvent: o } = n();
+  return /* @__PURE__ */ t(m, { onEvent: o, employeeId: r(e) });
+}
+function y() {
+  const { employeeId: e, onEvent: o } = n();
+  return /* @__PURE__ */ t(d, { onEvent: o, employeeId: r(e) });
+}
+function x() {
+  const { employeeId: e, onEvent: o, currentDeductionId: u } = n();
+  return /* @__PURE__ */ t(
+    i,
+    {
+      onEvent: o,
+      employeeId: r(e),
+      deductionId: u
+    }
+  );
+}
+export {
+  x as DeductionFormContextual,
+  y as DeductionsListContextual,
+  D as IncludeDeductionsFormContextual
+};
+//# sourceMappingURL=DeductionsComponents.js.map

package/dist/components/Employee/Deductions/DeductionsComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeductionsComponents.js","sources":["../../../../src/components/Employee/Deductions/DeductionsComponents.tsx"],"sourcesContent":["import type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { IncludeDeductionsForm } from './IncludeDeductionsForm/IncludeDeductionsForm'\nimport { DeductionsList } from './DeductionsList/DeductionsList'\nimport { DeductionsForm } from './DeductionsForm/DeductionsForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type EventPayloads = {\n  [componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_YES]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_NO]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_ADD]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_CREATED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_UPDATED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_DELETED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_EDIT]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_CANCEL]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_DONE]: undefined\n  [componentEvents.CANCEL]: undefined\n}\n\nexport interface DeductionsContextInterface extends FlowContextInterface {\n  employeeId: string\n  currentDeductionId?: string | null\n  hasExistingDeductions?: boolean\n}\n\nexport function IncludeDeductionsFormContextual() {\n  const { employeeId, onEvent } = useFlow<DeductionsContextInterface>()\n  return <IncludeDeductionsForm onEvent={onEvent} employeeId={ensureRequired(employeeId)} />\n}\n\nexport function DeductionsListContextual() {\n  const { employeeId, onEvent } = useFlow<DeductionsContextInterface>()\n  return <DeductionsList onEvent={onEvent} employeeId={ensureRequired(employeeId)} />\n}\n\nexport function DeductionFormContextual() {\n  const { employeeId, onEvent, currentDeductionId } = useFlow<DeductionsContextInterface>()\n\n  return (\n    <DeductionsForm\n      onEvent={onEvent}\n      employeeId={ensureRequired(employeeId)}\n      deductionId={currentDeductionId}\n    />\n  )\n}\n"],"names":["IncludeDeductionsFormContextual","employeeId","onEvent","useFlow","IncludeDeductionsForm","ensureRequired","DeductionsListContextual","DeductionsList","DeductionFormContextual","currentDeductionId","jsx","DeductionsForm"],"mappings":";;;;;;AA2BO,SAASA,IAAkC;AAChD,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAsB,SAAAF,GAAkB,YAAYG,EAAeJ,CAAU,GAAG;AAC1F;AAEO,SAASK,IAA2B;AACzC,QAAM,EAAE,YAAAL,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQI,GAAA,EAAe,SAAAL,GAAkB,YAAYG,EAAeJ,CAAU,GAAG;AACnF;AAEO,SAASO,IAA0B;AACxC,QAAM,EAAE,YAAAP,GAAY,SAAAC,GAAS,oBAAAO,EAAA,IAAuBN,EAAA;AAEpD,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAT;AAAA,MACA,YAAYG,EAAeJ,CAAU;AAAA,MACrC,aAAaQ;AAAA,IAAA;AAAA,EAAA;AAGnB;"}