@gusto/embedded-react-sdk 0.57.1 → 0.57.2

package/dist/components/Company/PaySchedule/management/PayScheduleAssignment/PayScheduleAssignmentComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayScheduleAssignmentComponents.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/PayScheduleAssignmentComponents.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePaySchedulesPreviewAssignmentMutation } from '@gusto/embedded-api/react-query/paySchedulesPreviewAssignment'\nimport { usePaySchedulesAssignMutation } from '@gusto/embedded-api/react-query/paySchedulesAssign'\nimport { PayScheduleAssignmentBodyType } from '@gusto/embedded-api/models/components/payscheduleassignmentbody'\nimport type { PayScheduleAssignmentEmployeeChange } from '@gusto/embedded-api/models/components/payscheduleassignmentemployeechange'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { AssignmentTypeStepPresentation } from './AssignmentTypeStepPresentation'\nimport { AssignmentScheduleStepPresentation } from './AssignmentScheduleStepPresentation'\nimport { AssignmentCompensationStepPresentation } from './AssignmentCompensationStepPresentation'\nimport { AssignmentReviewStepPresentation } from './AssignmentReviewStepPresentation'\nimport type {\n  PayScheduleAssignmentContextInterface,\n  SupportedAssignmentType,\n} from './usePayScheduleAssignment'\nimport { PayScheduleForm } from '@/components/Company/PaySchedule/PayScheduleForm'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useBase, BaseLayout } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * The assignment the user built, already collapsed to the type that actually gets submitted.\n * Doubles as the request body and as the `assigned` event payload.\n *\n * @internal\n */\nexport type AssignmentSelection =\n  | {\n      type: typeof PayScheduleAssignmentBodyType.Single\n      defaultPayScheduleUuid: string\n    }\n  | {\n      type: typeof PayScheduleAssignmentBodyType.HourlySalaried\n      hourlyPayScheduleUuid: string\n      salariedPayScheduleUuid: string\n    }\n\n/** @internal */\nexport type EventPayloads = {\n  [componentEvents.PAY_SCHEDULE_ASSIGNMENT_TYPE_SELECTED]: { type: SupportedAssignmentType }\n  [componentEvents.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED]:\n    | { defaultPayScheduleUuid: string }\n    | { hourlyPayScheduleUuid: string; salariedPayScheduleUuid: string }\n  [componentEvents.PAY_SCHEDULE_CREATED]: { paySchedule: PayScheduleShow }\n  [componentEvents.PAY_SCHEDULE_ASSIGNED]: AssignmentSelection & {\n    employeeChanges: PayScheduleAssignmentEmployeeChange[]\n  }\n}\n\n/** @internal */\nexport function AssignmentTypeStep() {\n  const { assignmentType, onEvent } = useFlow<PayScheduleAssignmentContextInterface>()\n\n  return (\n    <AssignmentTypeStepPresentation\n      defaultType={assignmentType}\n      onBack={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_CANCEL)\n      }}\n      onContinue={type => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_TYPE_SELECTED, { type })\n      }}\n    />\n  )\n}\n\n/** @internal */\nexport function AssignmentScheduleStep() {\n  const {\n    companyId,\n    assignmentType,\n    defaultPayScheduleUuid,\n    hourlyPayScheduleUuid,\n    salariedPayScheduleUuid,\n    onEvent,\n  } = useFlow<PayScheduleAssignmentContextInterface>()\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({\n    companyId: ensureRequired(companyId),\n  })\n  const schedules = paySchedules.payScheduleShowResponse ?? []\n  const activeSchedule = schedules.find(s => s.active)\n  /**\n   * A uuid carried in from the company's existing assignment has no option to select if the\n   * schedule is no longer in the company's list, which would leave the dropdown blank.\n   */\n  const preselect = (uuid: string | undefined) =>\n    schedules.some(s => s.uuid === uuid) ? uuid : activeSchedule?.uuid\n\n  if (assignmentType === PayScheduleAssignmentBodyType.HourlySalaried) {\n    return (\n      <AssignmentCompensationStepPresentation\n        schedules={schedules}\n        hourlyPayScheduleUuid={preselect(hourlyPayScheduleUuid)}\n        salariedPayScheduleUuid={preselect(salariedPayScheduleUuid)}\n        onBack={() => {\n          onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_BACK)\n        }}\n        onAddPaySchedule={() => {\n          onEvent(componentEvents.PAY_SCHEDULE_CREATE)\n        }}\n        onContinue={selection => {\n          onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED, selection)\n        }}\n      />\n    )\n  }\n\n  return (\n    <AssignmentScheduleStepPresentation\n      schedules={schedules}\n      defaultPayScheduleUuid={preselect(defaultPayScheduleUuid)}\n      onBack={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_BACK)\n      }}\n      onAddPaySchedule={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_CREATE)\n      }}\n      onContinue={uuid => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED, {\n          defaultPayScheduleUuid: uuid,\n        })\n      }}\n    />\n  )\n}\n\n/** @internal */\nexport function AssignmentCreateScheduleStep() {\n  const { companyId, onEvent } = useFlow<PayScheduleAssignmentContextInterface>()\n\n  return <PayScheduleForm companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function AssignmentReviewStep() {\n  const {\n    companyId,\n    assignmentType,\n    defaultPayScheduleUuid,\n    hourlyPayScheduleUuid,\n    salariedPayScheduleUuid,\n    onEvent,\n  } = useFlow<PayScheduleAssignmentContextInterface>()\n  const { baseSubmitHandler, error } = useBase()\n  const [employeeChanges, setEmployeeChanges] = useState<\n    PayScheduleAssignmentEmployeeChange[] | null\n  >(null)\n  const { mutateAsync: previewAssignment, isPending: isPreviewLoading } =\n    usePaySchedulesPreviewAssignmentMutation()\n  const { mutateAsync: assignSchedules, isPending: isAssigning } = usePaySchedulesAssignMutation()\n\n  const assignment: AssignmentSelection = useMemo(() => {\n    if (assignmentType === PayScheduleAssignmentBodyType.HourlySalaried) {\n      const hourly = ensureRequired(hourlyPayScheduleUuid)\n      const salaried = ensureRequired(salariedPayScheduleUuid)\n\n      // One schedule for both compensation types is a single-schedule assignment. Collapsing\n      // here rather than at submit keeps the previewed changes identical to what gets sent.\n      if (hourly === salaried) {\n        return {\n          type: PayScheduleAssignmentBodyType.Single,\n          defaultPayScheduleUuid: hourly,\n        }\n      }\n\n      return {\n        type: PayScheduleAssignmentBodyType.HourlySalaried,\n        hourlyPayScheduleUuid: hourly,\n        salariedPayScheduleUuid: salaried,\n      }\n    }\n\n    return {\n      type: PayScheduleAssignmentBodyType.Single,\n      defaultPayScheduleUuid: ensureRequired(defaultPayScheduleUuid),\n    }\n  }, [assignmentType, defaultPayScheduleUuid, hourlyPayScheduleUuid, salariedPayScheduleUuid])\n\n  useEffect(() => {\n    void baseSubmitHandler(undefined, async () => {\n      const response = await previewAssignment({\n        request: { companyId: ensureRequired(companyId), payScheduleAssignmentBody: assignment },\n      })\n      setEmployeeChanges(response.payScheduleAssignmentPreview?.employeeChanges ?? [])\n    })\n  }, [companyId, assignment, previewAssignment, baseSubmitHandler])\n\n  // The enclosing BaseComponent's own BaseLayout already renders `error` for this whole\n  // component tree, so surface only the loading state here to avoid rendering it twice.\n  if (error) {\n    return null\n  }\n  if (isPreviewLoading || !employeeChanges) {\n    return <BaseLayout isLoading />\n  }\n\n  return (\n    <AssignmentReviewStepPresentation\n      employeeChanges={employeeChanges}\n      isSubmitting={isAssigning}\n      onBack={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_BACK)\n      }}\n      onSubmit={() => {\n        void baseSubmitHandler(undefined, async () => {\n          await assignSchedules({\n            request: {\n              companyId: ensureRequired(companyId),\n              payScheduleAssignmentBody: assignment,\n            },\n          })\n          onEvent(componentEvents.PAY_SCHEDULE_ASSIGNED, { ...assignment, employeeChanges })\n        })\n      }}\n    />\n  )\n}\n"],"names":["AssignmentTypeStep","assignmentType","onEvent","useFlow","jsx","AssignmentTypeStepPresentation","componentEvents","type","AssignmentScheduleStep","companyId","defaultPayScheduleUuid","hourlyPayScheduleUuid","salariedPayScheduleUuid","paySchedules","usePaySchedulesGetAllSuspense","ensureRequired","schedules","activeSchedule","s","preselect","uuid","PayScheduleAssignmentBodyType","AssignmentCompensationStepPresentation","selection","AssignmentScheduleStepPresentation","AssignmentCreateScheduleStep","PayScheduleForm","AssignmentReviewStep","baseSubmitHandler","error","useBase","employeeChanges","setEmployeeChanges","useState","previewAssignment","isPreviewLoading","usePaySchedulesPreviewAssignmentMutation","assignSchedules","isAssigning","usePaySchedulesAssignMutation","assignment","useMemo","hourly","salaried","useEffect","response","BaseLayout","AssignmentReviewStepPresentation"],"mappings":"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"}
+{"version":3,"file":"PayScheduleAssignmentComponents.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/PayScheduleAssignmentComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEffect, useMemo, useState } from 'react'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePaySchedulesPreviewAssignmentMutation } from '@gusto/embedded-api/react-query/paySchedulesPreviewAssignment'\nimport { usePaySchedulesAssignMutation } from '@gusto/embedded-api/react-query/paySchedulesAssign'\nimport { PayScheduleAssignmentBodyType } from '@gusto/embedded-api/models/components/payscheduleassignmentbody'\nimport type { PayScheduleAssignmentEmployeeChange } from '@gusto/embedded-api/models/components/payscheduleassignmentemployeechange'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { AssignmentTypeStepPresentation } from './AssignmentTypeStepPresentation'\nimport { AssignmentScheduleStepPresentation } from './AssignmentScheduleStepPresentation'\nimport { AssignmentCompensationStepPresentation } from './AssignmentCompensationStepPresentation'\nimport { AssignmentReviewStepPresentation } from './AssignmentReviewStepPresentation'\nimport type {\n  PayScheduleAssignmentContextInterface,\n  SupportedAssignmentType,\n} from './usePayScheduleAssignment'\nimport { PayScheduleForm } from '@/components/Company/PaySchedule/PayScheduleForm'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useBase, BaseLayout } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * The assignment the user built, already collapsed to the type that actually gets submitted.\n * Doubles as the request body and as the `assigned` event payload.\n *\n * @internal\n */\nexport type AssignmentSelection =\n  | {\n      type: typeof PayScheduleAssignmentBodyType.Single\n      defaultPayScheduleUuid: string\n    }\n  | {\n      type: typeof PayScheduleAssignmentBodyType.HourlySalaried\n      hourlyPayScheduleUuid: string\n      salariedPayScheduleUuid: string\n    }\n\n/** @internal */\nexport type EventPayloads = {\n  [componentEvents.PAY_SCHEDULE_ASSIGNMENT_TYPE_SELECTED]: { type: SupportedAssignmentType }\n  [componentEvents.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED]:\n    | { defaultPayScheduleUuid: string }\n    | { hourlyPayScheduleUuid: string; salariedPayScheduleUuid: string }\n  [componentEvents.PAY_SCHEDULE_CREATED]: { paySchedule: PayScheduleShow }\n  [componentEvents.PAY_SCHEDULE_ASSIGNED]: AssignmentSelection & {\n    employeeChanges: PayScheduleAssignmentEmployeeChange[]\n  }\n}\n\n/** @internal */\nexport function AssignmentTypeStep() {\n  const { assignmentType, onEvent } = useFlow<PayScheduleAssignmentContextInterface>()\n\n  return (\n    <AssignmentTypeStepPresentation\n      defaultType={assignmentType}\n      onBack={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_CANCEL)\n      }}\n      onContinue={type => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_TYPE_SELECTED, { type })\n      }}\n    />\n  )\n}\n\n/** @internal */\nexport function AssignmentScheduleStep() {\n  const {\n    companyId,\n    assignmentType,\n    defaultPayScheduleUuid,\n    hourlyPayScheduleUuid,\n    salariedPayScheduleUuid,\n    onEvent,\n  } = useFlow<PayScheduleAssignmentContextInterface>()\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({\n    companyId: ensureRequired(companyId),\n  })\n  const schedules = paySchedules.payScheduleShowResponse ?? []\n  const activeSchedule = schedules.find(s => s.active)\n  /**\n   * A uuid carried in from the company's existing assignment has no option to select if the\n   * schedule is no longer in the company's list, which would leave the dropdown blank.\n   */\n  const preselect = (uuid: string | undefined) =>\n    schedules.some(s => s.uuid === uuid) ? uuid : activeSchedule?.uuid\n\n  if (assignmentType === PayScheduleAssignmentBodyType.HourlySalaried) {\n    return (\n      <AssignmentCompensationStepPresentation\n        schedules={schedules}\n        hourlyPayScheduleUuid={preselect(hourlyPayScheduleUuid)}\n        salariedPayScheduleUuid={preselect(salariedPayScheduleUuid)}\n        onBack={() => {\n          onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_BACK)\n        }}\n        onAddPaySchedule={() => {\n          onEvent(componentEvents.PAY_SCHEDULE_CREATE)\n        }}\n        onContinue={selection => {\n          onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED, selection)\n        }}\n      />\n    )\n  }\n\n  return (\n    <AssignmentScheduleStepPresentation\n      schedules={schedules}\n      defaultPayScheduleUuid={preselect(defaultPayScheduleUuid)}\n      onBack={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_BACK)\n      }}\n      onAddPaySchedule={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_CREATE)\n      }}\n      onContinue={uuid => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED, {\n          defaultPayScheduleUuid: uuid,\n        })\n      }}\n    />\n  )\n}\n\n/** @internal */\nexport function AssignmentCreateScheduleStep() {\n  const { t } = useTranslation('Company.Management.PayScheduleAssignment')\n  const { companyId, onEvent } = useFlow<PayScheduleAssignmentContextInterface>()\n\n  return (\n    <PayScheduleForm\n      variant=\"management\"\n      companyId={ensureRequired(companyId)}\n      onEvent={onEvent}\n      copy={{\n        anchorEndOfPayPeriodDescription: t('scheduleForm.anchorEndOfPayPeriodDescription'),\n        payrollDeadline: t('scheduleForm.payrollDeadline'),\n      }}\n    />\n  )\n}\n\n/** @internal */\nexport function AssignmentReviewStep() {\n  const {\n    companyId,\n    assignmentType,\n    defaultPayScheduleUuid,\n    hourlyPayScheduleUuid,\n    salariedPayScheduleUuid,\n    onEvent,\n  } = useFlow<PayScheduleAssignmentContextInterface>()\n  const { baseSubmitHandler, error } = useBase()\n  const [employeeChanges, setEmployeeChanges] = useState<\n    PayScheduleAssignmentEmployeeChange[] | null\n  >(null)\n  const { mutateAsync: previewAssignment, isPending: isPreviewLoading } =\n    usePaySchedulesPreviewAssignmentMutation()\n  const { mutateAsync: assignSchedules, isPending: isAssigning } = usePaySchedulesAssignMutation()\n\n  const assignment: AssignmentSelection = useMemo(() => {\n    if (assignmentType === PayScheduleAssignmentBodyType.HourlySalaried) {\n      const hourly = ensureRequired(hourlyPayScheduleUuid)\n      const salaried = ensureRequired(salariedPayScheduleUuid)\n\n      // One schedule for both compensation types is a single-schedule assignment. Collapsing\n      // here rather than at submit keeps the previewed changes identical to what gets sent.\n      if (hourly === salaried) {\n        return {\n          type: PayScheduleAssignmentBodyType.Single,\n          defaultPayScheduleUuid: hourly,\n        }\n      }\n\n      return {\n        type: PayScheduleAssignmentBodyType.HourlySalaried,\n        hourlyPayScheduleUuid: hourly,\n        salariedPayScheduleUuid: salaried,\n      }\n    }\n\n    return {\n      type: PayScheduleAssignmentBodyType.Single,\n      defaultPayScheduleUuid: ensureRequired(defaultPayScheduleUuid),\n    }\n  }, [assignmentType, defaultPayScheduleUuid, hourlyPayScheduleUuid, salariedPayScheduleUuid])\n\n  useEffect(() => {\n    void baseSubmitHandler(undefined, async () => {\n      const response = await previewAssignment({\n        request: { companyId: ensureRequired(companyId), payScheduleAssignmentBody: assignment },\n      })\n      setEmployeeChanges(response.payScheduleAssignmentPreview?.employeeChanges ?? [])\n    })\n  }, [companyId, assignment, previewAssignment, baseSubmitHandler])\n\n  // The enclosing BaseComponent's own BaseLayout already renders `error` for this whole\n  // component tree, so surface only the loading state here to avoid rendering it twice.\n  if (error) {\n    return null\n  }\n  if (isPreviewLoading || !employeeChanges) {\n    return <BaseLayout isLoading />\n  }\n\n  return (\n    <AssignmentReviewStepPresentation\n      employeeChanges={employeeChanges}\n      isSubmitting={isAssigning}\n      onBack={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_BACK)\n      }}\n      onSubmit={() => {\n        void baseSubmitHandler(undefined, async () => {\n          await assignSchedules({\n            request: {\n              companyId: ensureRequired(companyId),\n              payScheduleAssignmentBody: assignment,\n            },\n          })\n          onEvent(componentEvents.PAY_SCHEDULE_ASSIGNED, { ...assignment, employeeChanges })\n        })\n      }}\n    />\n  )\n}\n"],"names":["AssignmentTypeStep","assignmentType","onEvent","useFlow","jsx","AssignmentTypeStepPresentation","componentEvents","type","AssignmentScheduleStep","companyId","defaultPayScheduleUuid","hourlyPayScheduleUuid","salariedPayScheduleUuid","paySchedules","usePaySchedulesGetAllSuspense","ensureRequired","schedules","activeSchedule","s","preselect","uuid","PayScheduleAssignmentBodyType","AssignmentCompensationStepPresentation","selection","AssignmentScheduleStepPresentation","AssignmentCreateScheduleStep","t","useTranslation","PayScheduleForm","AssignmentReviewStep","baseSubmitHandler","error","useBase","employeeChanges","setEmployeeChanges","useState","previewAssignment","isPreviewLoading","usePaySchedulesPreviewAssignmentMutation","assignSchedules","isAssigning","usePaySchedulesAssignMutation","assignment","useMemo","hourly","salaried","useEffect","response","BaseLayout","AssignmentReviewStepPresentation"],"mappings":";;;;;;;;;;;;;;;;;AAoDO,SAASA,IAAqB;AACnC,QAAM,EAAE,gBAAAC,GAAgB,SAAAC,EAAA,IAAYC,EAAA;AAEpC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAaJ;AAAA,MACb,QAAQ,MAAM;AACZ,QAAAC,EAAQI,EAAgB,8BAA8B;AAAA,MACxD;AAAA,MACA,YAAY,CAAAC,MAAQ;AAClB,QAAAL,EAAQI,EAAgB,uCAAuC,EAAE,MAAAC,EAAA,CAAM;AAAA,MACzE;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASC,KAAyB;AACvC,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,gBAAAR;AAAA,IACA,wBAAAS;AAAA,IACA,uBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,SAAAV;AAAA,EAAA,IACEC,EAAA,GACE,EAAE,MAAMU,EAAA,IAAiBC,EAA8B;AAAA,IAC3D,WAAWC,EAAeN,CAAS;AAAA,EAAA,CACpC,GACKO,IAAYH,EAAa,2BAA2B,CAAA,GACpDI,IAAiBD,EAAU,KAAK,CAAAE,MAAKA,EAAE,MAAM,GAK7CC,IAAY,CAACC,MACjBJ,EAAU,KAAK,CAAAE,MAAKA,EAAE,SAASE,CAAI,IAAIA,IAAOH,GAAgB;AAEhE,SAAIhB,MAAmBoB,EAA8B,iBAEjD,gBAAAjB;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,WAAAN;AAAA,MACA,uBAAuBG,EAAUR,CAAqB;AAAA,MACtD,yBAAyBQ,EAAUP,CAAuB;AAAA,MAC1D,QAAQ,MAAM;AACZ,QAAAV,EAAQI,EAAgB,4BAA4B;AAAA,MACtD;AAAA,MACA,kBAAkB,MAAM;AACtB,QAAAJ,EAAQI,EAAgB,mBAAmB;AAAA,MAC7C;AAAA,MACA,YAAY,CAAAiB,MAAa;AACvB,QAAArB,EAAQI,EAAgB,2CAA2CiB,CAAS;AAAA,MAC9E;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAnB;AAAA,IAACoB;AAAA,IAAA;AAAA,MACC,WAAAR;AAAA,MACA,wBAAwBG,EAAUT,CAAsB;AAAA,MACxD,QAAQ,MAAM;AACZ,QAAAR,EAAQI,EAAgB,4BAA4B;AAAA,MACtD;AAAA,MACA,kBAAkB,MAAM;AACtB,QAAAJ,EAAQI,EAAgB,mBAAmB;AAAA,MAC7C;AAAA,MACA,YAAY,CAAAc,MAAQ;AAClB,QAAAlB,EAAQI,EAAgB,2CAA2C;AAAA,UACjE,wBAAwBc;AAAA,QAAA,CACzB;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,KAA+B;AAC7C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0CAA0C,GACjE,EAAE,WAAAlB,GAAW,SAAAP,EAAA,IAAYC,EAAA;AAE/B,SACE,gBAAAC;AAAA,IAACwB;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAWb,EAAeN,CAAS;AAAA,MACnC,SAAAP;AAAA,MACA,MAAM;AAAA,QACJ,iCAAiCwB,EAAE,8CAA8C;AAAA,QACjF,iBAAiBA,EAAE,8BAA8B;AAAA,MAAA;AAAA,IACnD;AAAA,EAAA;AAGN;AAGO,SAASG,KAAuB;AACrC,QAAM;AAAA,IACJ,WAAApB;AAAA,IACA,gBAAAR;AAAA,IACA,wBAAAS;AAAA,IACA,uBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,SAAAV;AAAA,EAAA,IACEC,EAAA,GACE,EAAE,mBAAA2B,GAAmB,OAAAC,EAAA,IAAUC,EAAA,GAC/B,CAACC,GAAiBC,CAAkB,IAAIC,EAE5C,IAAI,GACA,EAAE,aAAaC,GAAmB,WAAWC,EAAA,IACjDC,EAAA,GACI,EAAE,aAAaC,GAAiB,WAAWC,EAAA,IAAgBC,EAAA,GAE3DC,IAAkCC,EAAQ,MAAM;AACpD,QAAI1C,MAAmBoB,EAA8B,gBAAgB;AACnE,YAAMuB,IAAS7B,EAAeJ,CAAqB,GAC7CkC,IAAW9B,EAAeH,CAAuB;AAIvD,aAAIgC,MAAWC,IACN;AAAA,QACL,MAAMxB,EAA8B;AAAA,QACpC,wBAAwBuB;AAAA,MAAA,IAIrB;AAAA,QACL,MAAMvB,EAA8B;AAAA,QACpC,uBAAuBuB;AAAA,QACvB,yBAAyBC;AAAA,MAAA;AAAA,IAE7B;AAEA,WAAO;AAAA,MACL,MAAMxB,EAA8B;AAAA,MACpC,wBAAwBN,EAAeL,CAAsB;AAAA,IAAA;AAAA,EAEjE,GAAG,CAACT,GAAgBS,GAAwBC,GAAuBC,CAAuB,CAAC;AAa3F,SAXAkC,EAAU,MAAM;AACd,IAAKhB,EAAkB,QAAW,YAAY;AAC5C,YAAMiB,IAAW,MAAMX,EAAkB;AAAA,QACvC,SAAS,EAAE,WAAWrB,EAAeN,CAAS,GAAG,2BAA2BiC,EAAA;AAAA,MAAW,CACxF;AACD,MAAAR,EAAmBa,EAAS,8BAA8B,mBAAmB,CAAA,CAAE;AAAA,IACjF,CAAC;AAAA,EACH,GAAG,CAACtC,GAAWiC,GAAYN,GAAmBN,CAAiB,CAAC,GAI5DC,IACK,OAELM,KAAoB,CAACJ,IAChB,gBAAA7B,EAAC4C,GAAA,EAAW,WAAS,GAAA,CAAC,IAI7B,gBAAA5C;AAAA,IAAC6C;AAAA,IAAA;AAAA,MACC,iBAAAhB;AAAA,MACA,cAAcO;AAAA,MACd,QAAQ,MAAM;AACZ,QAAAtC,EAAQI,EAAgB,4BAA4B;AAAA,MACtD;AAAA,MACA,UAAU,MAAM;AACd,QAAKwB,EAAkB,QAAW,YAAY;AAC5C,gBAAMS,EAAgB;AAAA,YACpB,SAAS;AAAA,cACP,WAAWxB,EAAeN,CAAS;AAAA,cACnC,2BAA2BiC;AAAA,YAAA;AAAA,UAC7B,CACD,GACDxC,EAAQI,EAAgB,uBAAuB,EAAE,GAAGoC,GAAY,iBAAAT,GAAiB;AAAA,QACnF,CAAC;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Company/PaySchedule/management/PayScheduleCompensationOverviewPresentation.js

@@ -1,21 +1,19 @@
 import { jsxs as d, Fragment as p, jsx as o } from "react/jsx-runtime";
 import { useTranslation as b } from "react-i18next";
-import "classnames";
-import "../../../../shared/constants.js";
 import { HamburgerMenu as y } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useDataView as g } from "../../../Common/DataView/useDataView.js";
 import { DataView as h } from "../../../Common/DataView/DataView.js";
-function M({
-  rows: n,
-  enableAutoPilot: i,
+function B({
+  rows: i,
+  enableAutoPilot: n,
   enableMultipleSchedules: r,
   onEditSchedule: l,
   onManageAssignment: s,
-  onEditAutoPilot: m
+  onEditAutoPilot: c
 }) {
-  const { t: e } = b("Company.Management.PaySchedule"), a = f(), c = g({
-    data: n,
+  const { t: e } = b("Company.Management.PaySchedule"), a = f(), m = g({
+    data: i,
     columns: [
       {
         key: "schedule",
@@ -30,7 +28,7 @@ function M({
         title: e("labels.frequency"),
         render: ({ schedule: t }) => t.frequency
       },
-      ...i ? [
+      ...n ? [
         {
           key: "autoPilot",
           title: e("autoPilot.label"),
@@ -48,11 +46,11 @@ function M({
               l(t);
             }
           },
-          ...i ? [
+          ...n ? [
             {
               label: e("autoPilot.label"),
               onClick: () => {
-                m(t);
+                c(t);
               }
             }
           ] : []
@@ -73,11 +71,11 @@ function M({
           action: r ? /* @__PURE__ */ o(a.Button, { variant: "secondary", onClick: s, children: e("manageCta") }) : void 0
         }
       ),
-      children: /* @__PURE__ */ o(h, { label: e("compensationTableLabel"), isWithinBox: !0, ...c })
+      children: /* @__PURE__ */ o(h, { label: e("compensationTableLabel"), isWithinBox: !0, ...m })
     }
   );
 }
 export {
-  M as PayScheduleCompensationOverviewPresentation
+  B as PayScheduleCompensationOverviewPresentation
 };
 //# sourceMappingURL=PayScheduleCompensationOverviewPresentation.js.map

package/dist/components/Company/PaySchedule/management/PayScheduleCompensationOverviewPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayScheduleCompensationOverviewPresentation.js","sources":["../../../../../src/components/Company/PaySchedule/management/PayScheduleCompensationOverviewPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { DataView, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport type CompensationType = 'hourly' | 'salaried'\n\n/** @internal */\nexport interface PayScheduleCompensationRow {\n  compensationType: CompensationType\n  schedule: PayScheduleShow\n}\n\n/** @internal */\nexport interface PayScheduleCompensationOverviewPresentationProps {\n  /** One row per compensation type, in display order. */\n  rows: PayScheduleCompensationRow[]\n  /** Shows the AutoPilot column and its row action when `true`. */\n  enableAutoPilot?: boolean\n  /** Shows the Manage action when `true`. */\n  enableMultipleSchedules?: boolean\n  /** Fired when the user chooses Edit schedule from a row menu. */\n  onEditSchedule: (schedule: PayScheduleShow) => void\n  /** Fired when the user clicks Manage. */\n  onManageAssignment: () => void\n  /** Fired when the user chooses AutoPilot from a row menu. */\n  onEditAutoPilot: (schedule: PayScheduleShow) => void\n}\n\n/** @internal */\nexport function PayScheduleCompensationOverviewPresentation({\n  rows,\n  enableAutoPilot,\n  enableMultipleSchedules,\n  onEditSchedule,\n  onManageAssignment,\n  onEditAutoPilot,\n}: PayScheduleCompensationOverviewPresentationProps) {\n  const { t } = useTranslation('Company.Management.PaySchedule')\n  const Components = useComponentContext()\n\n  const dataViewProps = useDataView<PayScheduleCompensationRow>({\n    data: rows,\n    columns: [\n      {\n        key: 'schedule',\n        title: t('labels.schedule'),\n        render: ({ compensationType, schedule }) => (\n          <>\n            {t(`compensationTypes.${compensationType}`)}\n            <Components.Text variant=\"supporting\" size=\"sm\">\n              {schedule.customName}\n            </Components.Text>\n          </>\n        ),\n      },\n      {\n        key: 'frequency',\n        title: t('labels.frequency'),\n        render: ({ schedule }) => schedule.frequency,\n      },\n      ...(enableAutoPilot\n        ? [\n            {\n              key: 'autoPilot',\n              title: t('autoPilot.label'),\n              render: ({ schedule }: PayScheduleCompensationRow) => (\n                <Components.Badge status={schedule.autoPayroll ? 'success' : 'info'}>\n                  {schedule.autoPayroll ? t('autoPilot.enabled') : t('autoPilot.disabled')}\n                </Components.Badge>\n              ),\n            },\n          ]\n        : []),\n    ],\n    itemMenu: ({ schedule }) => (\n      <HamburgerMenu\n        items={[\n          {\n            label: t('editScheduleCta'),\n            onClick: () => {\n              onEditSchedule(schedule)\n            },\n          },\n          ...(enableAutoPilot\n            ? [\n                {\n                  label: t('autoPilot.label'),\n                  onClick: () => {\n                    onEditAutoPilot(schedule)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        triggerLabel={t('rowMenuTriggerLabel')}\n      />\n    ),\n  })\n\n  return (\n    <Components.Box\n      withPadding={false}\n      header={\n        <Components.BoxHeader\n          title={t('title')}\n          description={t('compensationDescription')}\n          action={\n            enableMultipleSchedules ? (\n              <Components.Button variant=\"secondary\" onClick={onManageAssignment}>\n                {t('manageCta')}\n              </Components.Button>\n            ) : undefined\n          }\n        />\n      }\n    >\n      <DataView label={t('compensationTableLabel')} isWithinBox {...dataViewProps} />\n    </Components.Box>\n  )\n}\n"],"names":["PayScheduleCompensationOverviewPresentation","rows","enableAutoPilot","enableMultipleSchedules","onEditSchedule","onManageAssignment","onEditAutoPilot","t","useTranslation","Components","useComponentContext","dataViewProps","useDataView","compensationType","schedule","jsxs","Fragment","jsx","HamburgerMenu","DataView"],"mappings":";;;;;;;;AAgCO,SAASA,EAA4C;AAAA,EAC1D,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,iBAAAC;AACF,GAAqD;AACnD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA,GAEbC,IAAgBC,EAAwC;AAAA,IAC5D,MAAMX;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOM,EAAE,iBAAiB;AAAA,QAC1B,QAAQ,CAAC,EAAE,kBAAAM,GAAkB,UAAAC,EAAA,MAC3B,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,UAAAT,EAAE,qBAAqBM,CAAgB,EAAE;AAAA,UAC1C,gBAAAI,EAACR,EAAW,MAAX,EAAgB,SAAQ,cAAa,MAAK,MACxC,UAAAK,EAAS,WAAA,CACZ;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOP,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CAAC,EAAE,UAAAO,EAAA,MAAeA,EAAS;AAAA,MAAA;AAAA,MAErC,GAAIZ,IACA;AAAA,QACE;AAAA,UACE,KAAK;AAAA,UACL,OAAOK,EAAE,iBAAiB;AAAA,UAC1B,QAAQ,CAAC,EAAE,UAAAO,QACT,gBAAAG,EAACR,EAAW,OAAX,EAAiB,QAAQK,EAAS,cAAc,YAAY,QAC1D,UAAAA,EAAS,cAAcP,EAAE,mBAAmB,IAAIA,EAAE,oBAAoB,EAAA,CACzE;AAAA,QAAA;AAAA,MAEJ,IAEF,CAAA;AAAA,IAAC;AAAA,IAEP,UAAU,CAAC,EAAE,UAAAO,EAAA,MACX,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,YACE,OAAOX,EAAE,iBAAiB;AAAA,YAC1B,SAAS,MAAM;AACb,cAAAH,EAAeU,CAAQ;AAAA,YACzB;AAAA,UAAA;AAAA,UAEF,GAAIZ,IACA;AAAA,YACE;AAAA,cACE,OAAOK,EAAE,iBAAiB;AAAA,cAC1B,SAAS,MAAM;AACb,gBAAAD,EAAgBQ,CAAQ;AAAA,cAC1B;AAAA,YAAA;AAAA,UACF,IAEF,CAAA;AAAA,QAAC;AAAA,QAEP,cAAcP,EAAE,qBAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,CAEH;AAED,SACE,gBAAAU;AAAA,IAACR,EAAW;AAAA,IAAX;AAAA,MACC,aAAa;AAAA,MACb,QACE,gBAAAQ;AAAA,QAACR,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,OAAO;AAAA,UAChB,aAAaA,EAAE,yBAAyB;AAAA,UACxC,QACEJ,IACE,gBAAAc,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASJ,GAC7C,UAAAE,EAAE,WAAW,GAChB,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,MAKV,UAAA,gBAAAU,EAACE,KAAS,OAAOZ,EAAE,wBAAwB,GAAG,aAAW,IAAE,GAAGI,EAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAGnF;"}
+{"version":3,"file":"PayScheduleCompensationOverviewPresentation.js","sources":["../../../../../src/components/Company/PaySchedule/management/PayScheduleCompensationOverviewPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { DataView, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport type CompensationType = 'hourly' | 'salaried'\n\n/** @internal */\nexport interface PayScheduleCompensationRow {\n  compensationType: CompensationType\n  schedule: PayScheduleShow\n}\n\n/** @internal */\nexport interface PayScheduleCompensationOverviewPresentationProps {\n  /** One row per compensation type, in display order. */\n  rows: PayScheduleCompensationRow[]\n  /** Shows the AutoPilot column and its row action when `true`. */\n  enableAutoPilot?: boolean\n  /** Shows the Manage action when `true`. */\n  enableMultipleSchedules?: boolean\n  /** Fired when the user chooses Edit schedule from a row menu. */\n  onEditSchedule: (schedule: PayScheduleShow) => void\n  /** Fired when the user clicks Manage. */\n  onManageAssignment: () => void\n  /** Fired when the user chooses AutoPilot from a row menu. */\n  onEditAutoPilot: (schedule: PayScheduleShow) => void\n}\n\n/** @internal */\nexport function PayScheduleCompensationOverviewPresentation({\n  rows,\n  enableAutoPilot,\n  enableMultipleSchedules,\n  onEditSchedule,\n  onManageAssignment,\n  onEditAutoPilot,\n}: PayScheduleCompensationOverviewPresentationProps) {\n  const { t } = useTranslation('Company.Management.PaySchedule')\n  const Components = useComponentContext()\n\n  const dataViewProps = useDataView<PayScheduleCompensationRow>({\n    data: rows,\n    columns: [\n      {\n        key: 'schedule',\n        title: t('labels.schedule'),\n        render: ({ compensationType, schedule }) => (\n          <>\n            {t(`compensationTypes.${compensationType}`)}\n            <Components.Text variant=\"supporting\" size=\"sm\">\n              {schedule.customName}\n            </Components.Text>\n          </>\n        ),\n      },\n      {\n        key: 'frequency',\n        title: t('labels.frequency'),\n        render: ({ schedule }) => schedule.frequency,\n      },\n      ...(enableAutoPilot\n        ? [\n            {\n              key: 'autoPilot',\n              title: t('autoPilot.label'),\n              render: ({ schedule }: PayScheduleCompensationRow) => (\n                <Components.Badge status={schedule.autoPayroll ? 'success' : 'info'}>\n                  {schedule.autoPayroll ? t('autoPilot.enabled') : t('autoPilot.disabled')}\n                </Components.Badge>\n              ),\n            },\n          ]\n        : []),\n    ],\n    itemMenu: ({ schedule }) => (\n      <HamburgerMenu\n        items={[\n          {\n            label: t('editScheduleCta'),\n            onClick: () => {\n              onEditSchedule(schedule)\n            },\n          },\n          ...(enableAutoPilot\n            ? [\n                {\n                  label: t('autoPilot.label'),\n                  onClick: () => {\n                    onEditAutoPilot(schedule)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        triggerLabel={t('rowMenuTriggerLabel')}\n      />\n    ),\n  })\n\n  return (\n    <Components.Box\n      withPadding={false}\n      header={\n        <Components.BoxHeader\n          title={t('title')}\n          description={t('compensationDescription')}\n          action={\n            enableMultipleSchedules ? (\n              <Components.Button variant=\"secondary\" onClick={onManageAssignment}>\n                {t('manageCta')}\n              </Components.Button>\n            ) : undefined\n          }\n        />\n      }\n    >\n      <DataView label={t('compensationTableLabel')} isWithinBox {...dataViewProps} />\n    </Components.Box>\n  )\n}\n"],"names":["PayScheduleCompensationOverviewPresentation","rows","enableAutoPilot","enableMultipleSchedules","onEditSchedule","onManageAssignment","onEditAutoPilot","t","useTranslation","Components","useComponentContext","dataViewProps","useDataView","compensationType","schedule","jsxs","Fragment","jsx","HamburgerMenu","DataView"],"mappings":";;;;;;AAgCO,SAASA,EAA4C;AAAA,EAC1D,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,iBAAAC;AACF,GAAqD;AACnD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA,GAEbC,IAAgBC,EAAwC;AAAA,IAC5D,MAAMX;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOM,EAAE,iBAAiB;AAAA,QAC1B,QAAQ,CAAC,EAAE,kBAAAM,GAAkB,UAAAC,EAAA,MAC3B,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,UAAAT,EAAE,qBAAqBM,CAAgB,EAAE;AAAA,UAC1C,gBAAAI,EAACR,EAAW,MAAX,EAAgB,SAAQ,cAAa,MAAK,MACxC,UAAAK,EAAS,WAAA,CACZ;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOP,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CAAC,EAAE,UAAAO,EAAA,MAAeA,EAAS;AAAA,MAAA;AAAA,MAErC,GAAIZ,IACA;AAAA,QACE;AAAA,UACE,KAAK;AAAA,UACL,OAAOK,EAAE,iBAAiB;AAAA,UAC1B,QAAQ,CAAC,EAAE,UAAAO,QACT,gBAAAG,EAACR,EAAW,OAAX,EAAiB,QAAQK,EAAS,cAAc,YAAY,QAC1D,UAAAA,EAAS,cAAcP,EAAE,mBAAmB,IAAIA,EAAE,oBAAoB,EAAA,CACzE;AAAA,QAAA;AAAA,MAEJ,IAEF,CAAA;AAAA,IAAC;AAAA,IAEP,UAAU,CAAC,EAAE,UAAAO,EAAA,MACX,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,YACE,OAAOX,EAAE,iBAAiB;AAAA,YAC1B,SAAS,MAAM;AACb,cAAAH,EAAeU,CAAQ;AAAA,YACzB;AAAA,UAAA;AAAA,UAEF,GAAIZ,IACA;AAAA,YACE;AAAA,cACE,OAAOK,EAAE,iBAAiB;AAAA,cAC1B,SAAS,MAAM;AACb,gBAAAD,EAAgBQ,CAAQ;AAAA,cAC1B;AAAA,YAAA;AAAA,UACF,IAEF,CAAA;AAAA,QAAC;AAAA,QAEP,cAAcP,EAAE,qBAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,CAEH;AAED,SACE,gBAAAU;AAAA,IAACR,EAAW;AAAA,IAAX;AAAA,MACC,aAAa;AAAA,MACb,QACE,gBAAAQ;AAAA,QAACR,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,OAAO;AAAA,UAChB,aAAaA,EAAE,yBAAyB;AAAA,UACxC,QACEJ,IACE,gBAAAc,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASJ,GAC7C,UAAAE,EAAE,WAAW,GAChB,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,MAKV,UAAA,gBAAAU,EAACE,KAAS,OAAOZ,EAAE,wBAAwB,GAAG,aAAW,IAAE,GAAGI,EAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAGnF;"}

package/dist/components/Company/PaySchedule/management/PayScheduleManagementComponents.js

@@ -1,72 +1,77 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import { PayScheduleForm as d } from "../PayScheduleForm.js";
-import { PayScheduleOverview as f } from "./PayScheduleOverview.js";
-import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { PayScheduleForm as p } from "../PayScheduleForm.js";
+import { PayScheduleOverview as y } from "./PayScheduleOverview.js";
+import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useFlow as m } from "../../../Flow/useFlow.js";
-import { ensureRequired as n } from "../../../../helpers/ensureRequired.js";
-import { componentEvents as S } from "../../../../shared/constants.js";
-import { Flex as h } from "../../../Common/Flex/Flex.js";
-import { AutoPilotDialog as E } from "./AutoPilotDialog/AutoPilotDialog.js";
-import { PayScheduleAssignment as P } from "./PayScheduleAssignment/PayScheduleAssignment.js";
-function w() {
+import { ensureRequired as r } from "../../../../helpers/ensureRequired.js";
+import { componentEvents as h } from "../../../../shared/constants.js";
+import { Flex as P } from "../../../Common/Flex/Flex.js";
+import { AutoPilotDialog as S } from "./AutoPilotDialog/AutoPilotDialog.js";
+import { PayScheduleAssignment as E } from "./PayScheduleAssignment/PayScheduleAssignment.js";
+function b() {
   const {
-    companyId: o,
-    onEvent: e,
+    companyId: e,
+    onEvent: o,
     enableAutoPilot: l,
-    enableMultipleSchedules: r,
-    successAlert: u,
+    enableMultipleSchedules: a,
+    successAlert: t,
     autoPilotSchedule: c
-  } = m(), { t: s } = p("Company.Management.PaySchedule"), a = y();
-  return /* @__PURE__ */ i(h, { flexDirection: "column", gap: 16, children: [
-    u ? /* @__PURE__ */ t(
-      a.Alert,
+  } = m(), { t: i } = u("Company.Management.PaySchedule"), s = f();
+  return /* @__PURE__ */ d(P, { flexDirection: "column", gap: 16, children: [
+    t ? /* @__PURE__ */ n(
+      s.Alert,
       {
         status: "success",
-        label: s(`alerts.${u}`),
+        label: i(`alerts.${t}`),
         onDismiss: () => {
-          e(S.PAY_SCHEDULE_MANAGEMENT_ALERT_DISMISSED, null);
+          o(h.PAY_SCHEDULE_MANAGEMENT_ALERT_DISMISSED, null);
         }
       }
     ) : null,
-    /* @__PURE__ */ t(
-      f,
+    /* @__PURE__ */ n(
+      y,
       {
-        companyId: n(o),
-        onEvent: e,
+        companyId: r(e),
+        onEvent: o,
         enableAutoPilot: l,
-        enableMultipleSchedules: r
+        enableMultipleSchedules: a
       }
     ),
-    c ? /* @__PURE__ */ t(
-      E,
+    c ? /* @__PURE__ */ n(
+      S,
       {
-        companyId: n(o),
+        companyId: r(e),
         schedule: c,
-        onEvent: e
+        onEvent: o
       }
     ) : null
   ] });
 }
-function T() {
-  const { companyId: o, onEvent: e } = m();
-  return /* @__PURE__ */ t(P, { companyId: n(o), onEvent: e });
+function w() {
+  const { companyId: e, onEvent: o } = m();
+  return /* @__PURE__ */ n(E, { companyId: r(e), onEvent: o });
 }
-function j() {
-  const { companyId: o, payScheduleId: e, defaultValues: l, onEvent: r } = m();
-  return /* @__PURE__ */ t(
-    d,
+function T() {
+  const { t: e } = u("Company.Management.PaySchedule"), { companyId: o, payScheduleId: l, defaultValues: a, onEvent: t } = m();
+  return /* @__PURE__ */ n(
+    p,
     {
-      companyId: n(o),
-      payScheduleId: e,
-      defaultValues: l,
-      onEvent: r
+      variant: "management",
+      copy: {
+        anchorEndOfPayPeriodDescription: e("scheduleForm.anchorEndOfPayPeriodDescription"),
+        payrollDeadline: e("scheduleForm.payrollDeadline")
+      },
+      companyId: r(o),
+      payScheduleId: l,
+      defaultValues: a,
+      onEvent: t
     }
   );
 }
 export {
-  T as PayScheduleAssignmentContextual,
-  j as PayScheduleEditFormContextual,
-  w as PayScheduleOverviewContextual
+  w as PayScheduleAssignmentContextual,
+  T as PayScheduleEditFormContextual,
+  b as PayScheduleOverviewContextual
 };
 //# sourceMappingURL=PayScheduleManagementComponents.js.map

package/dist/components/Company/PaySchedule/management/PayScheduleManagementComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayScheduleManagementComponents.js","sources":["../../../../../src/components/Company/PaySchedule/management/PayScheduleManagementComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { PayScheduleForm } from '../PayScheduleForm'\nimport type { PayScheduleDefaultValues } from '../PaySchedule'\nimport { PayScheduleOverview } from './PayScheduleOverview'\nimport { PayScheduleAssignment } from './PayScheduleAssignment'\nimport { AutoPilotDialog } from './AutoPilotDialog'\nimport { Flex } from '@/components/Common/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\n/** @internal */\nexport type PayScheduleManagementSuccessAlertCode = 'assignmentUpdated'\n\n/** @internal */\nexport interface PayScheduleManagementContextInterface extends FlowContextInterface {\n  companyId: string\n  payScheduleId?: string\n  defaultValues?: PayScheduleDefaultValues\n  enableAutoPilot?: boolean\n  enableMultipleSchedules?: boolean\n  successAlert?: PayScheduleManagementSuccessAlertCode | null\n  autoPilotSchedule?: PayScheduleShow\n  component: React.ComponentType | null\n}\n\n/** @internal */\nexport function PayScheduleOverviewContextual() {\n  const {\n    companyId,\n    onEvent,\n    enableAutoPilot,\n    enableMultipleSchedules,\n    successAlert,\n    autoPilotSchedule,\n  } = useFlow<PayScheduleManagementContextInterface>()\n  const { t } = useTranslation('Company.Management.PaySchedule')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.PAY_SCHEDULE_MANAGEMENT_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <PayScheduleOverview\n        companyId={ensureRequired(companyId)}\n        onEvent={onEvent}\n        enableAutoPilot={enableAutoPilot}\n        enableMultipleSchedules={enableMultipleSchedules}\n      />\n      {autoPilotSchedule ? (\n        <AutoPilotDialog\n          companyId={ensureRequired(companyId)}\n          schedule={autoPilotSchedule}\n          onEvent={onEvent}\n        />\n      ) : null}\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function PayScheduleAssignmentContextual() {\n  const { companyId, onEvent } = useFlow<PayScheduleManagementContextInterface>()\n\n  return <PayScheduleAssignment companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function PayScheduleEditFormContextual() {\n  const { companyId, payScheduleId, defaultValues, onEvent } =\n    useFlow<PayScheduleManagementContextInterface>()\n\n  return (\n    <PayScheduleForm\n      companyId={ensureRequired(companyId)}\n      payScheduleId={payScheduleId}\n      defaultValues={defaultValues}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["PayScheduleOverviewContextual","companyId","onEvent","enableAutoPilot","enableMultipleSchedules","successAlert","autoPilotSchedule","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","PayScheduleOverview","ensureRequired","AutoPilotDialog","PayScheduleAssignmentContextual","PayScheduleAssignment","PayScheduleEditFormContextual","payScheduleId","defaultValues","PayScheduleForm"],"mappings":";;;;;;;;;;;AA6BO,SAASA,IAAgC;AAC9C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,IACEC,EAAA,GACE,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAR,IACC,gBAAAS;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUH,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAH,EAAQa,EAAgB,yCAAyC,IAAI;AAAA,QACvE;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,IACJ,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWC,EAAehB,CAAS;AAAA,QACnC,SAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,yBAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDE,IACC,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,WAAWD,EAAehB,CAAS;AAAA,QACnC,UAAUK;AAAA,QACV,SAAAJ;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,EAAA,GACN;AAEJ;AAGO,SAASiB,IAAkC;AAChD,QAAM,EAAE,WAAAlB,GAAW,SAAAC,EAAA,IAAYK,EAAA;AAE/B,2BAAQa,GAAA,EAAsB,WAAWH,EAAehB,CAAS,GAAG,SAAAC,GAAkB;AACxF;AAGO,SAASmB,IAAgC;AAC9C,QAAM,EAAE,WAAApB,GAAW,eAAAqB,GAAe,eAAAC,GAAe,SAAArB,EAAA,IAC/CK,EAAA;AAEF,SACE,gBAAAO;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,WAAWP,EAAehB,CAAS;AAAA,MACnC,eAAAqB;AAAA,MACA,eAAAC;AAAA,MACA,SAAArB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayScheduleManagementComponents.js","sources":["../../../../../src/components/Company/PaySchedule/management/PayScheduleManagementComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { PayScheduleForm } from '../PayScheduleForm'\nimport type { PayScheduleDefaultValues } from '../PaySchedule'\nimport { PayScheduleOverview } from './PayScheduleOverview'\nimport { PayScheduleAssignment } from './PayScheduleAssignment'\nimport { AutoPilotDialog } from './AutoPilotDialog'\nimport { Flex } from '@/components/Common/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\n/** @internal */\nexport type PayScheduleManagementSuccessAlertCode = 'assignmentUpdated'\n\n/** @internal */\nexport interface PayScheduleManagementContextInterface extends FlowContextInterface {\n  companyId: string\n  payScheduleId?: string\n  defaultValues?: PayScheduleDefaultValues\n  enableAutoPilot?: boolean\n  enableMultipleSchedules?: boolean\n  successAlert?: PayScheduleManagementSuccessAlertCode | null\n  autoPilotSchedule?: PayScheduleShow\n  component: React.ComponentType | null\n}\n\n/** @internal */\nexport function PayScheduleOverviewContextual() {\n  const {\n    companyId,\n    onEvent,\n    enableAutoPilot,\n    enableMultipleSchedules,\n    successAlert,\n    autoPilotSchedule,\n  } = useFlow<PayScheduleManagementContextInterface>()\n  const { t } = useTranslation('Company.Management.PaySchedule')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.PAY_SCHEDULE_MANAGEMENT_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <PayScheduleOverview\n        companyId={ensureRequired(companyId)}\n        onEvent={onEvent}\n        enableAutoPilot={enableAutoPilot}\n        enableMultipleSchedules={enableMultipleSchedules}\n      />\n      {autoPilotSchedule ? (\n        <AutoPilotDialog\n          companyId={ensureRequired(companyId)}\n          schedule={autoPilotSchedule}\n          onEvent={onEvent}\n        />\n      ) : null}\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function PayScheduleAssignmentContextual() {\n  const { companyId, onEvent } = useFlow<PayScheduleManagementContextInterface>()\n\n  return <PayScheduleAssignment companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function PayScheduleEditFormContextual() {\n  const { t } = useTranslation('Company.Management.PaySchedule')\n  const { companyId, payScheduleId, defaultValues, onEvent } =\n    useFlow<PayScheduleManagementContextInterface>()\n\n  return (\n    <PayScheduleForm\n      variant=\"management\"\n      copy={{\n        anchorEndOfPayPeriodDescription: t('scheduleForm.anchorEndOfPayPeriodDescription'),\n        payrollDeadline: t('scheduleForm.payrollDeadline'),\n      }}\n      companyId={ensureRequired(companyId)}\n      payScheduleId={payScheduleId}\n      defaultValues={defaultValues}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["PayScheduleOverviewContextual","companyId","onEvent","enableAutoPilot","enableMultipleSchedules","successAlert","autoPilotSchedule","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","PayScheduleOverview","ensureRequired","AutoPilotDialog","PayScheduleAssignmentContextual","PayScheduleAssignment","PayScheduleEditFormContextual","payScheduleId","defaultValues","PayScheduleForm"],"mappings":";;;;;;;;;;;AA6BO,SAASA,IAAgC;AAC9C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,IACEC,EAAA,GACE,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAR,IACC,gBAAAS;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUH,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAH,EAAQa,EAAgB,yCAAyC,IAAI;AAAA,QACvE;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,IACJ,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWC,EAAehB,CAAS;AAAA,QACnC,SAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,yBAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDE,IACC,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,WAAWD,EAAehB,CAAS;AAAA,QACnC,UAAUK;AAAA,QACV,SAAAJ;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,EAAA,GACN;AAEJ;AAGO,SAASiB,IAAkC;AAChD,QAAM,EAAE,WAAAlB,GAAW,SAAAC,EAAA,IAAYK,EAAA;AAE/B,2BAAQa,GAAA,EAAsB,WAAWH,EAAehB,CAAS,GAAG,SAAAC,GAAkB;AACxF;AAGO,SAASmB,IAAgC;AAC9C,QAAM,EAAE,GAAAb,EAAA,IAAMC,EAAe,gCAAgC,GACvD,EAAE,WAAAR,GAAW,eAAAqB,GAAe,eAAAC,GAAe,SAAArB,EAAA,IAC/CK,EAAA;AAEF,SACE,gBAAAO;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM;AAAA,QACJ,iCAAiChB,EAAE,8CAA8C;AAAA,QACjF,iBAAiBA,EAAE,8BAA8B;AAAA,MAAA;AAAA,MAEnD,WAAWS,EAAehB,CAAS;AAAA,MACnC,eAAAqB;AAAA,MACA,eAAAC;AAAA,MACA,SAAArB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Company/StateTaxes/StateTaxesForm/Actions.js

@@ -1,18 +1,16 @@
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { useTranslation as a } from "react-i18next";
 import { useStateTaxesForm as s } from "./context.js";
-import "classnames";
-import "../../../../shared/constants.js";
 import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function y() {
-  const { t } = a("Company.StateTaxes", { keyPrefix: "form" }), { handleCancel: r, isPending: e } = s(), o = c();
+function d() {
+  const { t } = a("Company.StateTaxes", { keyPrefix: "form" }), { handleCancel: e, isPending: r } = s(), o = c();
   return /* @__PURE__ */ i(m, { children: [
-    /* @__PURE__ */ n(o.Button, { type: "button", variant: "secondary", onClick: r, children: t("cancelCta") }),
-    /* @__PURE__ */ n(o.Button, { variant: "primary", type: "submit", isDisabled: e, children: t("saveCta") })
+    /* @__PURE__ */ n(o.Button, { type: "button", variant: "secondary", onClick: e, children: t("cancelCta") }),
+    /* @__PURE__ */ n(o.Button, { variant: "primary", type: "submit", isDisabled: r, children: t("saveCta") })
   ] });
 }
 export {
-  y as Actions
+  d as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Company/StateTaxes/StateTaxesForm/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesForm } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { handleCancel, isPending } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"button\" variant=\"secondary\" onClick={handleCancel}>\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button variant=\"primary\" type=\"submit\" isDisabled={isPending}>\n        {t('saveCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleCancel","isPending","useStateTaxesForm","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,MAAK,UAAS,SAAQ,aAAY,SAASH,GAC3D,UAAA,EAAE,WAAW,EAAA,CAChB;AAAA,IACA,gBAAAM,EAACH,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYF,GAC5D,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesForm } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { handleCancel, isPending } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"button\" variant=\"secondary\" onClick={handleCancel}>\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button variant=\"primary\" type=\"submit\" isDisabled={isPending}>\n        {t('saveCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleCancel","isPending","useStateTaxesForm","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,MAAK,UAAS,SAAQ,aAAY,SAASH,GAC3D,UAAA,EAAE,WAAW,EAAA,CAChB;AAAA,IACA,gBAAAM,EAACH,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYF,GAC5D,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Company/StateTaxes/StateTaxesForm/context.js

@@ -9,16 +9,13 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
-import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [v, P] = t("StateTaxesFormContext");
+const [d, u] = t("StateTaxesFormContext");
 export {
-  P as StateTaxesFormProvider,
-  v as useStateTaxesForm
+  u as StateTaxesFormProvider,
+  d as useStateTaxesForm
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/StateTaxes/StateTaxesForm/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}

package/dist/components/Company/StateTaxes/StateTaxesList/Actions.js

@@ -1,15 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
 import { useStateTaxesList as e } from "./context.js";
-import "classnames";
-import "../../../../shared/constants.js";
-import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as s } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function x() {
-  const { t: o } = i("Company.StateTaxes"), n = s(), { handleContinue: r } = e();
-  return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(n.Button, { variant: "primary", onClick: r, children: o("list.continueCta") }) });
+import { ActionsLayout as s } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as m } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function f() {
+  const { t: o } = i("Company.StateTaxes"), n = m(), { handleContinue: r } = e();
+  return /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(n.Button, { variant: "primary", onClick: r, children: o("list.continueCta") }) });
 }
 export {
-  x as Actions
+  f as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesList } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes')\n  const Components = useComponentContext()\n  const { handleContinue } = useStateTaxesList()\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"primary\" onClick={handleContinue}>\n        {t('list.continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","Components","useComponentContext","handleContinue","useStateTaxesList","jsx","ActionsLayout"],"mappings":";;;;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA,GACb,EAAE,gBAAAC,EAAA,IAAmBC,EAAA;AAC3B,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACJ,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASE,GAC3C,UAAAJ,EAAE,kBAAkB,GACvB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesList } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes')\n  const Components = useComponentContext()\n  const { handleContinue } = useStateTaxesList()\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"primary\" onClick={handleContinue}>\n        {t('list.continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","Components","useComponentContext","handleContinue","useStateTaxesList","jsx","ActionsLayout"],"mappings":";;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA,GACb,EAAE,gBAAAC,EAAA,IAAmBC,EAAA;AAC3B,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACJ,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASE,GAC3C,UAAAJ,EAAE,kBAAkB,GACvB,GACF;AAEJ;"}

package/dist/components/Company/StateTaxes/StateTaxesList/context.js

@@ -9,16 +9,13 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
-import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [v, P] = t("StateTaxesListContext");
+const [d, u] = t("StateTaxesListContext");
 export {
-  P as StateTaxesListProvider,
-  v as useStateTaxesList
+  u as StateTaxesListProvider,
+  d as useStateTaxesList
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { TaxRequirementStatesList } from '@gusto/embedded-api/models/components/taxrequirementstateslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: TaxRequirementStatesList[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n  handleManageRates: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;;AAWA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { TaxRequirementStatesList } from '@gusto/embedded-api/models/components/taxrequirementstateslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: TaxRequirementStatesList[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n  handleManageRates: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}

package/dist/components/Company/StateTaxes/TaxRateManagement/context.js

@@ -9,16 +9,13 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
-import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [f, v] = t("TaxRateManagementContext");
+const [d, s] = t("TaxRateManagementContext");
 export {
-  v as TaxRateManagementProvider,
-  f as useTaxRateManagement
+  s as TaxRateManagementProvider,
+  d as useTaxRateManagement
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/StateTaxes/TaxRateManagement/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/context.ts"],"sourcesContent":["import type { TaxRequirementSet } from '@gusto/embedded-api/models/components/taxrequirementset'\nimport { createCompoundContext } from '@/components/Base'\n\n/**\n * A state's effective-dated requirement sets for a single key, grouped for history display,\n * plus any future-dated candidate sets available to schedule against.\n *\n * @internal\n */\nexport interface TaxRateKeyGroup {\n  key: string\n  label?: string\n  sets: TaxRequirementSet[]\n  candidateSets: TaxRequirementSet[]\n}\n\ninterface TaxRateManagementContextType {\n  state: string\n  groups: TaxRateKeyGroup[]\n  isPendingUpdate: boolean\n  handleCancel: () => void\n  handleAddRate: (\n    key: string,\n    effectiveFrom: string,\n    requirements: { key: string; value: string }[],\n  ) => Promise<boolean>\n}\n\nconst [useTaxRateManagement, TaxRateManagementProvider] =\n  createCompoundContext<TaxRateManagementContextType>('TaxRateManagementContext')\n\nexport { useTaxRateManagement, TaxRateManagementProvider }\n"],"names":["useTaxRateManagement","TaxRateManagementProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;;AA4BA,MAAM,CAACA,GAAsBC,CAAyB,IACpDC,EAAoD,0BAA0B;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/context.ts"],"sourcesContent":["import type { TaxRequirementSet } from '@gusto/embedded-api/models/components/taxrequirementset'\nimport { createCompoundContext } from '@/components/Base'\n\n/**\n * A state's effective-dated requirement sets for a single key, grouped for history display,\n * plus any future-dated candidate sets available to schedule against.\n *\n * @internal\n */\nexport interface TaxRateKeyGroup {\n  key: string\n  label?: string\n  sets: TaxRequirementSet[]\n  candidateSets: TaxRequirementSet[]\n}\n\ninterface TaxRateManagementContextType {\n  state: string\n  groups: TaxRateKeyGroup[]\n  isPendingUpdate: boolean\n  handleCancel: () => void\n  handleAddRate: (\n    key: string,\n    effectiveFrom: string,\n    requirements: { key: string; value: string }[],\n  ) => Promise<boolean>\n}\n\nconst [useTaxRateManagement, TaxRateManagementProvider] =\n  createCompoundContext<TaxRateManagementContextType>('TaxRateManagementContext')\n\nexport { useTaxRateManagement, TaxRateManagementProvider }\n"],"names":["useTaxRateManagement","TaxRateManagementProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AA4BA,MAAM,CAACA,GAAsBC,CAAyB,IACpDC,EAAoD,0BAA0B;"}

package/dist/components/Contractor/Compensation/management/CompensationCard/CompensationCard.js

@@ -1,16 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useTranslation as u } from "react-i18next";
 import { WageType as C } from "../../shared/useContractorPayForm/contractorPaySchema.js";
-import "classnames";
-import { componentEvents as y } from "../../../../../shared/constants.js";
-import { Loading as h } from "../../../../Common/Loading/Loading.js";
-import { BaseBoundaries as f, BaseLayout as g } from "../../../../Base/Base.js";
-import { useComponentContext as T } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as E } from "../../../../../i18n/I18n.js";
+import { Loading as y } from "../../../../Common/Loading/Loading.js";
+import { BaseBoundaries as h, BaseLayout as f } from "../../../../Base/Base.js";
+import { useComponentContext as g } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as T } from "../../../../../i18n/I18n.js";
+import { componentEvents as E } from "../../../../../shared/constants.js";
 import { useContractorCompensationSummary as L } from "../../shared/useContractorCompensationSummary/useContractorCompensationSummary.js";
-function v({ LoaderComponent: n, ...i }) {
+function _({ LoaderComponent: n, ...i }) {
   return /* @__PURE__ */ o(
-    f,
+    h,
     {
       componentName: "Contractor.Management.Compensation",
       LoaderComponent: n,
@@ -23,36 +22,36 @@ function b({
   onEvent: i,
   LoaderComponent: l
 }) {
-  E("Contractor.Management.Compensation");
-  const { t } = u("Contractor.Management.Compensation"), r = T(), a = L({ contractorId: n }), m = a.isLoading, e = a.isLoading ? void 0 : a.data.contractor, s = e?.wageType === C.Hourly, c = /* @__PURE__ */ o("span", { "aria-label": t("emptyPlaceholder"), children: "–" }), p = e ? [
+  T("Contractor.Management.Compensation");
+  const { t } = u("Contractor.Management.Compensation"), r = g(), a = L({ contractorId: n }), s = a.isLoading, e = a.isLoading ? void 0 : a.data.contractor, m = e?.wageType === C.Hourly, c = /* @__PURE__ */ o("span", { "aria-label": t("emptyPlaceholder"), children: "–" }), p = e ? [
     {
       term: t("typeLabel"),
-      description: e.wageType ? t(s ? "hourlyLabel" : "fixedLabel") : c
+      description: e.wageType ? t(m ? "hourlyLabel" : "fixedLabel") : c
     },
-    ...s ? [
+    ...m ? [
       {
         term: t("wageLabel"),
         description: e.hourlyRate ? t("hourlyRateValue", { rate: e.hourlyRate }) : c
       }
     ] : []
   ] : [], d = () => {
-    i(y.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_REQUESTED, { contractorId: n });
+    i(E.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_REQUESTED, { contractorId: n });
   };
-  return /* @__PURE__ */ o(g, { error: a.errorHandling.errors, LoaderComponent: l, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(f, { error: a.errorHandling.errors, LoaderComponent: l, children: /* @__PURE__ */ o(
     r.Box,
     {
       header: /* @__PURE__ */ o(
         r.BoxHeader,
         {
           title: t("title"),
-          action: /* @__PURE__ */ o(r.Button, { variant: "secondary", onClick: d, isDisabled: m, children: t("editCta") })
+          action: /* @__PURE__ */ o(r.Button, { variant: "secondary", onClick: d, isDisabled: s, children: t("editCta") })
         }
       ),
-      children: m ? /* @__PURE__ */ o(h, {}) : e ? /* @__PURE__ */ o(r.DescriptionList, { items: p }) : null
+      children: s ? /* @__PURE__ */ o(y, {}) : e ? /* @__PURE__ */ o(r.DescriptionList, { items: p }) : null
     }
   ) });
 }
 export {
-  v as CompensationCard
+  _ as CompensationCard
 };
 //# sourceMappingURL=CompensationCard.js.map

package/dist/components/Contractor/Compensation/management/CompensationCard/CompensationCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompensationCard.js","sources":["../../../../../../src/components/Contractor/Compensation/management/CompensationCard/CompensationCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorCompensationSummary } from '../../shared/useContractorCompensationSummary'\nimport { WageType } from '../../shared/useContractorPayForm'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link CompensationCard}.\n *\n * @public\n */\nexport interface CompensationCardProps {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Event handler fired when the user requests to edit compensation. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Read-only card showing a contractor's compensation type and rate with an Edit action.\n *\n * @remarks\n * Standalone card that fetches its own data. Emits an event when the user\n * clicks Edit so the parent can switch to the edit form. The card does not\n * render success or error alerts itself — alert presentation is the\n * surrounding surface's responsibility.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/compensation/editRequested` | Fired when the user clicks the Edit button | `{ contractorId: string }` |\n *\n * @param props - See {@link CompensationCardProps}.\n * @returns The contractor compensation card.\n * @public\n */\nexport function CompensationCard({ LoaderComponent, ...props }: CompensationCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.Compensation\"\n      LoaderComponent={LoaderComponent}\n    >\n      <CompensationCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction CompensationCardContent({\n  contractorId,\n  onEvent,\n  LoaderComponent,\n}: CompensationCardProps) {\n  useI18n('Contractor.Management.Compensation')\n  const { t } = useTranslation('Contractor.Management.Compensation')\n  const Components = useComponentContext()\n\n  const summary = useContractorCompensationSummary({ contractorId })\n\n  const isLoading = summary.isLoading\n  const contractor = summary.isLoading ? undefined : summary.data.contractor\n  const isHourly = contractor?.wageType === WageType.Hourly\n\n  const emptyPlaceholder = <span aria-label={t('emptyPlaceholder')}>–</span>\n  const compensationItems = contractor\n    ? [\n        {\n          term: t('typeLabel'),\n          description: contractor.wageType\n            ? t(isHourly ? 'hourlyLabel' : 'fixedLabel')\n            : emptyPlaceholder,\n        },\n        ...(isHourly\n          ? [\n              {\n                term: t('wageLabel'),\n                description: contractor.hourlyRate\n                  ? t('hourlyRateValue', { rate: contractor.hourlyRate })\n                  : emptyPlaceholder,\n              },\n            ]\n          : []),\n      ]\n    : []\n\n  const handleEdit = () => {\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_REQUESTED, { contractorId })\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                {t('editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isLoading ? (\n          <Loading />\n        ) : contractor ? (\n          <Components.DescriptionList items={compensationItems} />\n        ) : null}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["CompensationCard","LoaderComponent","props","jsx","BaseBoundaries","CompensationCardContent","contractorId","onEvent","useI18n","useTranslation","Components","useComponentContext","summary","useContractorCompensationSummary","isLoading","contractor","isHourly","WageType","emptyPlaceholder","compensationItems","handleEdit","componentEvents","BaseLayout","Loading"],"mappings":";;;;;;;;;;AA2CO,SAASA,EAAiB,EAAE,iBAAAC,GAAiB,GAAGC,KAAgC;AACrF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,iBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAwB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG5E;AAEA,SAASG,EAAwB;AAAA,EAC/B,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAN;AACF,GAA0B;AACxB,EAAAO,EAAQ,oCAAoC;AAC5C,QAAM,EAAE,EAAA,IAAMC,EAAe,oCAAoC,GAC3DC,IAAaC,EAAA,GAEbC,IAAUC,EAAiC,EAAE,cAAAP,GAAc,GAE3DQ,IAAYF,EAAQ,WACpBG,IAAaH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,YAC1DI,IAAWD,GAAY,aAAaE,EAAS,QAE7CC,IAAmB,gBAAAf,EAAC,QAAA,EAAK,cAAY,EAAE,kBAAkB,GAAG,UAAA,KAAC,GAC7DgB,IAAoBJ,IACtB;AAAA,IACE;AAAA,MACE,MAAM,EAAE,WAAW;AAAA,MACnB,aAAaA,EAAW,WACpB,EAAEC,IAAW,gBAAgB,YAAY,IACzCE;AAAA,IAAA;AAAA,IAEN,GAAIF,IACA;AAAA,MACE;AAAA,QACE,MAAM,EAAE,WAAW;AAAA,QACnB,aAAaD,EAAW,aACpB,EAAE,mBAAmB,EAAE,MAAMA,EAAW,WAAA,CAAY,IACpDG;AAAA,MAAA;AAAA,IACN,IAEF,CAAA;AAAA,EAAC,IAEP,CAAA,GAEEE,IAAa,MAAM;AACvB,IAAAb,EAAQc,EAAgB,mDAAmD,EAAE,cAAAf,EAAA,CAAc;AAAA,EAC7F;AAEA,2BACGgB,GAAA,EAAW,OAAOV,EAAQ,cAAc,QAAQ,iBAAAX,GAC/C,UAAA,gBAAAE;AAAA,IAACO,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAP;AAAA,QAACO,EAAW;AAAA,QAAX;AAAA,UACC,OAAO,EAAE,OAAO;AAAA,UAChB,QACE,gBAAAP,EAACO,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAAY,YAAYN,GACrE,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,QAAA;AAAA,MAAA;AAAA,MAKL,UAAAA,IACC,gBAAAX,EAACoB,GAAA,CAAA,CAAQ,IACPR,IACF,gBAAAZ,EAACO,EAAW,iBAAX,EAA2B,OAAOS,EAAA,CAAmB,IACpD;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}
+{"version":3,"file":"CompensationCard.js","sources":["../../../../../../src/components/Contractor/Compensation/management/CompensationCard/CompensationCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorCompensationSummary } from '../../shared/useContractorCompensationSummary'\nimport { WageType } from '../../shared/useContractorPayForm'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link CompensationCard}.\n *\n * @public\n */\nexport interface CompensationCardProps {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Event handler fired when the user requests to edit compensation. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Read-only card showing a contractor's compensation type and rate with an Edit action.\n *\n * @remarks\n * Standalone card that fetches its own data. Emits an event when the user\n * clicks Edit so the parent can switch to the edit form. The card does not\n * render success or error alerts itself — alert presentation is the\n * surrounding surface's responsibility.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/compensation/editRequested` | Fired when the user clicks the Edit button | `{ contractorId: string }` |\n *\n * @param props - See {@link CompensationCardProps}.\n * @returns The contractor compensation card.\n * @public\n */\nexport function CompensationCard({ LoaderComponent, ...props }: CompensationCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.Compensation\"\n      LoaderComponent={LoaderComponent}\n    >\n      <CompensationCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction CompensationCardContent({\n  contractorId,\n  onEvent,\n  LoaderComponent,\n}: CompensationCardProps) {\n  useI18n('Contractor.Management.Compensation')\n  const { t } = useTranslation('Contractor.Management.Compensation')\n  const Components = useComponentContext()\n\n  const summary = useContractorCompensationSummary({ contractorId })\n\n  const isLoading = summary.isLoading\n  const contractor = summary.isLoading ? undefined : summary.data.contractor\n  const isHourly = contractor?.wageType === WageType.Hourly\n\n  const emptyPlaceholder = <span aria-label={t('emptyPlaceholder')}>–</span>\n  const compensationItems = contractor\n    ? [\n        {\n          term: t('typeLabel'),\n          description: contractor.wageType\n            ? t(isHourly ? 'hourlyLabel' : 'fixedLabel')\n            : emptyPlaceholder,\n        },\n        ...(isHourly\n          ? [\n              {\n                term: t('wageLabel'),\n                description: contractor.hourlyRate\n                  ? t('hourlyRateValue', { rate: contractor.hourlyRate })\n                  : emptyPlaceholder,\n              },\n            ]\n          : []),\n      ]\n    : []\n\n  const handleEdit = () => {\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_REQUESTED, { contractorId })\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                {t('editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isLoading ? (\n          <Loading />\n        ) : contractor ? (\n          <Components.DescriptionList items={compensationItems} />\n        ) : null}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["CompensationCard","LoaderComponent","props","jsx","BaseBoundaries","CompensationCardContent","contractorId","onEvent","useI18n","useTranslation","Components","useComponentContext","summary","useContractorCompensationSummary","isLoading","contractor","isHourly","WageType","emptyPlaceholder","compensationItems","handleEdit","componentEvents","BaseLayout","Loading"],"mappings":";;;;;;;;;AA2CO,SAASA,EAAiB,EAAE,iBAAAC,GAAiB,GAAGC,KAAgC;AACrF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,iBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAwB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG5E;AAEA,SAASG,EAAwB;AAAA,EAC/B,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAN;AACF,GAA0B;AACxB,EAAAO,EAAQ,oCAAoC;AAC5C,QAAM,EAAE,EAAA,IAAMC,EAAe,oCAAoC,GAC3DC,IAAaC,EAAA,GAEbC,IAAUC,EAAiC,EAAE,cAAAP,GAAc,GAE3DQ,IAAYF,EAAQ,WACpBG,IAAaH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,YAC1DI,IAAWD,GAAY,aAAaE,EAAS,QAE7CC,IAAmB,gBAAAf,EAAC,QAAA,EAAK,cAAY,EAAE,kBAAkB,GAAG,UAAA,KAAC,GAC7DgB,IAAoBJ,IACtB;AAAA,IACE;AAAA,MACE,MAAM,EAAE,WAAW;AAAA,MACnB,aAAaA,EAAW,WACpB,EAAEC,IAAW,gBAAgB,YAAY,IACzCE;AAAA,IAAA;AAAA,IAEN,GAAIF,IACA;AAAA,MACE;AAAA,QACE,MAAM,EAAE,WAAW;AAAA,QACnB,aAAaD,EAAW,aACpB,EAAE,mBAAmB,EAAE,MAAMA,EAAW,WAAA,CAAY,IACpDG;AAAA,MAAA;AAAA,IACN,IAEF,CAAA;AAAA,EAAC,IAEP,CAAA,GAEEE,IAAa,MAAM;AACvB,IAAAb,EAAQc,EAAgB,mDAAmD,EAAE,cAAAf,EAAA,CAAc;AAAA,EAC7F;AAEA,2BACGgB,GAAA,EAAW,OAAOV,EAAQ,cAAc,QAAQ,iBAAAX,GAC/C,UAAA,gBAAAE;AAAA,IAACO,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAP;AAAA,QAACO,EAAW;AAAA,QAAX;AAAA,UACC,OAAO,EAAE,OAAO;AAAA,UAChB,QACE,gBAAAP,EAACO,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAAY,YAAYN,GACrE,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,QAAA;AAAA,MAAA;AAAA,MAKL,UAAAA,IACC,gBAAAX,EAACoB,GAAA,CAAA,CAAQ,IACPR,IACF,gBAAAZ,EAACO,EAAW,iBAAX,EAA2B,OAAOS,EAAA,CAAmB,IACpD;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}