@gusto/embedded-react-sdk 0.24.0 → 0.24.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/components/Common/SignatureForm/SignatureForm.js +11 -12
  3. package/dist/components/Common/SignatureForm/SignatureForm.js.map +1 -1
  4. package/dist/components/Common/SignatureForm/SignatureFormActions.js +1 -1
  5. package/dist/components/Common/SignatureForm/SignatureFormFields.js +2 -2
  6. package/dist/components/Common/UI/Breadcrumbs/Breadcrumbs.js +1 -1
  7. package/dist/components/Common/UI/ProgressBar/ProgressBar.js +4 -4
  8. package/dist/components/Company/AssignSignatory/AssignSignatory.js +1 -1
  9. package/dist/components/Company/AssignSignatory/AssignSignatorySelection.js +1 -1
  10. package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.js +1 -1
  11. package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.js +12 -12
  12. package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatory.js +1 -1
  13. package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatoryForm.js +1 -1
  14. package/dist/components/Company/BankAccount/BankAccountForm/Form.js +5 -6
  15. package/dist/components/Company/BankAccount/BankAccountForm/Form.js.map +1 -1
  16. package/dist/components/Company/BankAccount/BankAccountVerify/Form.js +5 -6
  17. package/dist/components/Company/BankAccount/BankAccountVerify/Form.js.map +1 -1
  18. package/dist/components/Company/DocumentSigner/DocumentList/DocumentList.js +2 -2
  19. package/dist/components/Company/DocumentSigner/SignatureForm/SignatureForm.js +2 -2
  20. package/dist/components/Company/FederalTaxes/FederalTaxes.js +2 -2
  21. package/dist/components/Company/FederalTaxes/Form.js +3 -4
  22. package/dist/components/Company/FederalTaxes/Form.js.map +1 -1
  23. package/dist/components/Company/Locations/LocationForm/Form.js +1 -1
  24. package/dist/components/Company/Locations/LocationForm/LocationForm.js +2 -2
  25. package/dist/components/Company/Locations/LocationsList/LocationsList.js +2 -2
  26. package/dist/components/Company/OnboardingOverview/Completed.js +2 -3
  27. package/dist/components/Company/OnboardingOverview/Completed.js.map +1 -1
  28. package/dist/components/Company/OnboardingOverview/MissingRequirements.js +2 -3
  29. package/dist/components/Company/OnboardingOverview/MissingRequirements.js.map +1 -1
  30. package/dist/components/Company/OnboardingOverview/OnboardingOverview.js +2 -2
  31. package/dist/components/Company/PaySchedule/PaySchedule.js +2 -2
  32. package/dist/components/Company/PaySchedule/_parts/Edit.js +15 -15
  33. package/dist/components/Company/PaySchedule/_parts/Head.js +8 -9
  34. package/dist/components/Company/PaySchedule/_parts/Head.js.map +1 -1
  35. package/dist/components/Company/PaySchedule/_parts/List.js +11 -12
  36. package/dist/components/Company/PaySchedule/_parts/List.js.map +1 -1
  37. package/dist/components/Contractor/Address/Address.js +2 -2
  38. package/dist/components/Contractor/Address/Form.js +1 -1
  39. package/dist/components/Contractor/ContractorList/index.js +17 -17
  40. package/dist/components/Contractor/PaymentMethod/BankAccountForm.js +2 -2
  41. package/dist/components/Contractor/PaymentMethod/PaymentTypeForm.js +1 -1
  42. package/dist/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.js +13 -14
  43. package/dist/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.js.map +1 -1
  44. package/dist/components/Contractor/Payments/CreatePayment/EditContractorPaymentPresentation.js +10 -10
  45. package/dist/components/Contractor/Payments/CreatePayment/PreviewPresentation.js +9 -10
  46. package/dist/components/Contractor/Payments/CreatePayment/PreviewPresentation.js.map +1 -1
  47. package/dist/components/Contractor/Payments/PaymentHistory/PaymentHistoryPresentation.js +2 -3
  48. package/dist/components/Contractor/Payments/PaymentHistory/PaymentHistoryPresentation.js.map +1 -1
  49. package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.js +12 -13
  50. package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.js.map +1 -1
  51. package/dist/components/Contractor/Profile/ContractorProfileForm.js +15 -15
  52. package/dist/components/Contractor/Submit/Submit.js +1 -1
  53. package/dist/components/Employee/Compensation/Edit.js +14 -14
  54. package/dist/components/Employee/Deductions/DeductionsForm/ChildSupportForm.js +8 -8
  55. package/dist/components/Employee/Deductions/DeductionsForm/CustomDeductionForm.js +9 -9
  56. package/dist/components/Employee/Deductions/DeductionsForm/GarnishmentForm.js +9 -9
  57. package/dist/components/Employee/Deductions/DeductionsList/DeductionsList.js +1 -1
  58. package/dist/components/Employee/DocumentSigner/DocumentList/DocumentList.js +1 -1
  59. package/dist/components/Employee/DocumentSigner/DocumentList/List.js +2 -3
  60. package/dist/components/Employee/DocumentSigner/DocumentList/List.js.map +1 -1
  61. package/dist/components/Employee/DocumentSigner/SignatureForm/SignatureForm.js +1 -1
  62. package/dist/components/Employee/EmployeeList/EmployeeList.js +3 -4
  63. package/dist/components/Employee/EmployeeList/EmployeeList.js.map +1 -1
  64. package/dist/components/Employee/EmployeeList/Head.js +2 -3
  65. package/dist/components/Employee/EmployeeList/Head.js.map +1 -1
  66. package/dist/components/Employee/FederalTaxes/FederalForm.js +7 -7
  67. package/dist/components/Employee/Landing/Landing.js +8 -8
  68. package/dist/components/Employee/OnboardingSummary/OnboardingSummary.js +7 -7
  69. package/dist/components/Employee/PaymentMethod/BankAccountEdit.js +2 -2
  70. package/dist/components/Employee/PaymentMethod/PaymentTypeForm.js +1 -1
  71. package/dist/components/Employee/PaymentMethod/Split.js +8 -8
  72. package/dist/components/Employee/Profile/AdminPersonalDetails.js +1 -1
  73. package/dist/components/Employee/Profile/HomeAddress.js +1 -1
  74. package/dist/components/Employee/Profile/PersonalDetailsInputs.js +2 -2
  75. package/dist/components/Employee/Taxes/FederalForm.js +7 -7
  76. package/dist/components/Flow/Flow.js +2 -3
  77. package/dist/components/Flow/Flow.js.map +1 -1
  78. package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsForm/ConfirmWireDetailsForm.js +9 -9
  79. package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.js +6 -7
  80. package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.js.map +1 -1
  81. package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerList.js +2 -3
  82. package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerList.js.map +1 -1
  83. package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.js +27 -27
  84. package/dist/components/Payroll/PayrollEditEmployee/TimeOffField.js +8 -9
  85. package/dist/components/Payroll/PayrollEditEmployee/TimeOffField.js.map +1 -1
  86. package/dist/components/Payroll/PayrollHistory/PayrollHistoryPresentation.js +17 -18
  87. package/dist/components/Payroll/PayrollHistory/PayrollHistoryPresentation.js.map +1 -1
  88. package/dist/components/Payroll/PayrollList/PayrollListPresentation.js +16 -17
  89. package/dist/components/Payroll/PayrollList/PayrollListPresentation.js.map +1 -1
  90. package/dist/components/Payroll/PayrollOverview/PayrollOverviewPresentation.js +10 -10
  91. package/dist/components/Payroll/PayrollOverview/SubmissionBlockers/FastAchSubmissionBlockerBanner.js +2 -3
  92. package/dist/components/Payroll/PayrollOverview/SubmissionBlockers/FastAchSubmissionBlockerBanner.js.map +1 -1
  93. package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.js +2 -3
  94. package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.js.map +1 -1
  95. package/dist/i18n/en/common.json.d.ts +1 -0
  96. package/dist/i18n/en/common.json.js +1 -1
  97. package/dist/shared/constants.d.ts +1 -1
  98. package/dist/shared/constants.js +6 -5
  99. package/dist/shared/constants.js.map +1 -1
  100. package/dist/types/i18next.d.ts +1 -0
  101. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # Changelog
2
2
 
3
+ ## 0.24.1
4
+
5
+ ### Fixes
6
+
7
+ - Add DC to supported states list
8
+
9
+ ### Chores & Maintenance
10
+
11
+ - Bump react-i18next from 16.5.0 to 16.5.1
12
+ - Bump typescript-eslint from 8.50.1 to 8.51.0
13
+
3
14
  ## 0.24.0
4
15
 
5
16
  ### Features & Enhancements
@@ -2,30 +2,29 @@ import { jsx as r } from "react/jsx-runtime";
2
2
  import { z as o } from "zod";
3
3
  import { useForm as s, FormProvider as a } from "react-hook-form";
4
4
  import { zodResolver as l } from "@hookform/resolvers/zod";
5
- import e from "./SignatureForm.module.scss.js";
5
+ import t from "./SignatureForm.module.scss.js";
6
6
  import { Form as u } from "../Form/Form.js";
7
7
  import { Flex as c } from "../Flex/Flex.js";
8
- import "classnames";
9
- import "../../../shared/constants.js";
10
8
  import "react-i18next";
9
+ import "classnames";
11
10
  import "../../../contexts/ComponentAdapter/useComponentContext.js";
12
11
  import "react";
13
- const p = o.object({
12
+ const f = o.object({
14
13
  signature: o.string().min(1),
15
14
  confirmSignature: o.literal(!0)
16
- }), f = {
15
+ }), p = {
17
16
  signature: ""
18
17
  };
19
- function V({ onSubmit: m, children: i, formProps: n }) {
20
- const t = s({
21
- resolver: l(p),
22
- defaultValues: f,
18
+ function N({ onSubmit: m, children: i, formProps: n }) {
19
+ const e = s({
20
+ resolver: l(f),
21
+ defaultValues: p,
23
22
  ...n
24
23
  });
25
- return /* @__PURE__ */ r(a, { ...t, children: /* @__PURE__ */ r(u, { onSubmit: t.handleSubmit(m), className: e.container, children: /* @__PURE__ */ r("div", { className: e.formFields, children: /* @__PURE__ */ r(c, { flexDirection: "column", gap: 20, children: i }) }) }) });
24
+ return /* @__PURE__ */ r(a, { ...e, children: /* @__PURE__ */ r(u, { onSubmit: e.handleSubmit(m), className: t.container, children: /* @__PURE__ */ r("div", { className: t.formFields, children: /* @__PURE__ */ r(c, { flexDirection: "column", gap: 20, children: i }) }) }) });
26
25
  }
27
26
  export {
28
- V as SignatureForm,
29
- p as SignatureFormSchema
27
+ N as SignatureForm,
28
+ f as SignatureFormSchema
30
29
  };
31
30
  //# sourceMappingURL=SignatureForm.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SignatureForm.js","sources":["../../../../src/components/Common/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './SignatureForm.module.scss'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\n\nexport const SignatureFormSchema = z.object({\n signature: z.string().min(1),\n confirmSignature: z.literal(true),\n})\n\nconst signatureFormDefaultValues = {\n signature: '',\n}\n\nexport type SignatureFormInputs = z.infer<typeof SignatureFormSchema>\n\ninterface SignatureFormProps {\n onSubmit: (data: SignatureFormInputs) => void | Promise<void>\n children?: React.ReactNode\n formProps?: Partial<UseFormProps<SignatureFormInputs>>\n}\n\nexport function SignatureForm({ onSubmit, children, formProps }: SignatureFormProps) {\n const methods = useForm<SignatureFormInputs>({\n resolver: zodResolver(SignatureFormSchema),\n defaultValues: signatureFormDefaultValues,\n ...formProps,\n })\n\n return (\n <FormProvider {...methods}>\n <Form onSubmit={methods.handleSubmit(onSubmit)} className={styles.container}>\n <div className={styles.formFields}>\n <Flex flexDirection=\"column\" gap={20}>\n {children}\n </Flex>\n </div>\n </Form>\n </FormProvider>\n )\n}\n"],"names":["SignatureFormSchema","z","signatureFormDefaultValues","SignatureForm","onSubmit","children","formProps","methods","useForm","zodResolver","jsx","FormProvider","Form","styles","Flex"],"mappings":";;;;;;;;;;;;AAOO,MAAMA,IAAsBC,EAAE,OAAO;AAAA,EAC1C,WAAWA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC3B,kBAAkBA,EAAE,QAAQ,EAAI;AAClC,CAAC,GAEKC,IAA6B;AAAA,EACjC,WAAW;AACb;AAUO,SAASC,EAAc,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,KAAiC;AACnF,QAAMC,IAAUC,EAA6B;AAAA,IAC3C,UAAUC,EAAYT,CAAmB;AAAA,IACzC,eAAeE;AAAA,IACf,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAChB,UAAA,gBAAAG,EAACE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,EAAA,CACH,EAAA,CACF,EAAA,CACF,GACF;AAEJ;"}
1
+ {"version":3,"file":"SignatureForm.js","sources":["../../../../src/components/Common/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './SignatureForm.module.scss'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\n\nexport const SignatureFormSchema = z.object({\n signature: z.string().min(1),\n confirmSignature: z.literal(true),\n})\n\nconst signatureFormDefaultValues = {\n signature: '',\n}\n\nexport type SignatureFormInputs = z.infer<typeof SignatureFormSchema>\n\ninterface SignatureFormProps {\n onSubmit: (data: SignatureFormInputs) => void | Promise<void>\n children?: React.ReactNode\n formProps?: Partial<UseFormProps<SignatureFormInputs>>\n}\n\nexport function SignatureForm({ onSubmit, children, formProps }: SignatureFormProps) {\n const methods = useForm<SignatureFormInputs>({\n resolver: zodResolver(SignatureFormSchema),\n defaultValues: signatureFormDefaultValues,\n ...formProps,\n })\n\n return (\n <FormProvider {...methods}>\n <Form onSubmit={methods.handleSubmit(onSubmit)} className={styles.container}>\n <div className={styles.formFields}>\n <Flex flexDirection=\"column\" gap={20}>\n {children}\n </Flex>\n </div>\n </Form>\n </FormProvider>\n )\n}\n"],"names":["SignatureFormSchema","z","signatureFormDefaultValues","SignatureForm","onSubmit","children","formProps","methods","useForm","zodResolver","jsx","FormProvider","Form","styles","Flex"],"mappings":";;;;;;;;;;;AAOO,MAAMA,IAAsBC,EAAE,OAAO;AAAA,EAC1C,WAAWA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC3B,kBAAkBA,EAAE,QAAQ,EAAI;AAClC,CAAC,GAEKC,IAA6B;AAAA,EACjC,WAAW;AACb;AAUO,SAASC,EAAc,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,KAAiC;AACnF,QAAMC,IAAUC,EAA6B;AAAA,IAC3C,UAAUC,EAAYT,CAAmB;AAAA,IACzC,eAAeE;AAAA,IACf,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAChB,UAAA,gBAAAG,EAACE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,EAAA,CACH,EAAA,CACF,EAAA,CACF,GACF;AAEJ;"}
@@ -1,7 +1,7 @@
1
1
  import { jsxs as m, jsx as n } from "react/jsx-runtime";
2
2
  import "../../../shared/constants.js";
3
- import "classnames";
4
3
  import "react-i18next";
4
+ import "classnames";
5
5
  import { ActionsLayout as p } from "../ActionsLayout/ActionsLayout.js";
6
6
  import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
7
7
  import "react";
@@ -1,10 +1,10 @@
1
1
  import { jsxs as n, Fragment as s, jsx as r } from "react/jsx-runtime";
2
2
  import "../../../shared/constants.js";
3
- import "classnames";
4
3
  import "react-i18next";
5
- import { TextInputField as p } from "../Fields/TextInputField/TextInputField.js";
4
+ import "classnames";
6
5
  import "../../../contexts/ComponentAdapter/useComponentContext.js";
7
6
  import "react";
7
+ import { TextInputField as p } from "../Fields/TextInputField/TextInputField.js";
8
8
  import { CheckboxField as a } from "../Fields/CheckboxField/CheckboxField.js";
9
9
  function b({
10
10
  signatureLabel: e,
@@ -1,9 +1,9 @@
1
1
  import { jsx as l } from "react/jsx-runtime";
2
2
  import h from "classnames";
3
- import { Flex as u } from "../../Flex/Flex.js";
4
3
  import { BreadcrumbsDefaults as k } from "./BreadcrumbsTypes.js";
5
4
  import r from "./Breadcrumbs.module.scss.js";
6
5
  import { applyMissingDefaults as x } from "../../../../helpers/applyMissingDefaults.js";
6
+ import { Flex as u } from "../../Flex/Flex.js";
7
7
  function I(p) {
8
8
  const f = x(p, k), {
9
9
  className: s,
@@ -1,7 +1,7 @@
1
1
  import { jsxs as t, jsx as r } from "react/jsx-runtime";
2
2
  import c from "classnames";
3
- import { Flex as n } from "../../Flex/Flex.js";
4
- import p from "./ProgressBar.module.scss.js";
3
+ import n from "./ProgressBar.module.scss.js";
4
+ import { Flex as p } from "../../Flex/Flex.js";
5
5
  import { VisuallyHidden as d } from "../../VisuallyHidden/VisuallyHidden.js";
6
6
  function y({
7
7
  className: i,
@@ -13,9 +13,9 @@ function y({
13
13
  const s = Math.max(1, Math.min(m, e)), l = {
14
14
  "--g-progress-bar-width": `${s * 100 / e}%`
15
15
  };
16
- return /* @__PURE__ */ t(n, { flexDirection: "column", children: [
16
+ return /* @__PURE__ */ t(p, { flexDirection: "column", children: [
17
17
  o && /* @__PURE__ */ r(o, {}),
18
- /* @__PURE__ */ r("div", { className: c(p.root, i), style: l, children: /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("progress", { "aria-label": a, value: s, max: e }) }) })
18
+ /* @__PURE__ */ r("div", { className: c(n.root, i), style: l, children: /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("progress", { "aria-label": a, value: s, max: e }) }) })
19
19
  ] });
20
20
  }
21
21
  export {
@@ -8,8 +8,8 @@ import { AssignSignatorySelection as u } from "./AssignSignatorySelection.js";
8
8
  import { SignatoryAssignmentMode as m, AssignSignatoryProvider as E } from "./useAssignSignatory.js";
9
9
  import { companyEvents as i } from "../../../shared/constants.js";
10
10
  import { Flex as C } from "../../Common/Flex/Flex.js";
11
- import "classnames";
12
11
  import "react-i18next";
12
+ import "classnames";
13
13
  import "../../../contexts/ComponentAdapter/useComponentContext.js";
14
14
  import "react";
15
15
  import { BaseComponent as M } from "../../Base/Base.js";
@@ -4,9 +4,9 @@ import { useAssignSignatory as s, SignatoryAssignmentMode as o } from "./useAssi
4
4
  import r from "./AssignSignatorySelection.module.scss.js";
5
5
  import "../../../shared/constants.js";
6
6
  import "classnames";
7
- import { RadioGroupField as a } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
8
7
  import "../../../contexts/ComponentAdapter/useComponentContext.js";
9
8
  import "react";
9
+ import { RadioGroupField as a } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
10
10
  const f = () => {
11
11
  const { t: n } = e("Company.AssignSignatory"), { onSignatoryAssignmentModeChange: t } = s();
12
12
  return /* @__PURE__ */ i("section", { className: r.container, children: /* @__PURE__ */ i(
@@ -16,10 +16,10 @@ import { useI18n as W } from "../../../../i18n/I18n.js";
16
16
  import { BaseComponent as X } from "../../../Base/Base.js";
17
17
  import { useBase as Z } from "../../../Base/useBase.js";
18
18
  import { Flex as $ } from "../../../Common/Flex/Flex.js";
19
- import { companyEvents as c } from "../../../../shared/constants.js";
20
19
  import "react-i18next";
21
20
  import "../../../../contexts/ComponentAdapter/useComponentContext.js";
22
21
  import "react";
22
+ import { companyEvents as c } from "../../../../shared/constants.js";
23
23
  import { formatDateToStringDate as V } from "../../../../helpers/dateFormatting.js";
24
24
  import { useMaskedTransform as tt, commonMasks as et } from "../../../../helpers/mask.js";
25
25
  function Rt(r) {
@@ -4,17 +4,17 @@ import { useCreateSignatory as c } from "./useCreateSignatory.js";
4
4
  import { Flex as o } from "../../../Common/Flex/Flex.js";
5
5
  import { Grid as n } from "../../../Common/Grid/Grid.js";
6
6
  import "classnames";
7
- import { TextInputField as s } from "../../../Common/Fields/TextInputField/TextInputField.js";
8
- import { DatePickerField as u } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
9
- import { useComponentContext as g } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
7
+ import { useComponentContext as u } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
10
8
  import "react";
11
- import { STATES_ABBR as h } from "../../../../shared/constants.js";
12
- import { usePlaceholderSSN as f, normalizeSSN as y } from "../../../../helpers/ssn.js";
13
- import { TitleSelect as b } from "../TitleSelect.js";
14
- import { useMaskedTransform as S, commonMasks as D } from "../../../../helpers/mask.js";
9
+ import { STATES_ABBR as g } from "../../../../shared/constants.js";
10
+ import { usePlaceholderSSN as h, normalizeSSN as f } from "../../../../helpers/ssn.js";
11
+ import { TitleSelect as y } from "../TitleSelect.js";
12
+ import { useMaskedTransform as b, commonMasks as S } from "../../../../helpers/mask.js";
13
+ import { TextInputField as s } from "../../../Common/Fields/TextInputField/TextInputField.js";
14
+ import { DatePickerField as D } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
15
15
  import { SelectField as M } from "../../../Common/Fields/SelectField/SelectField.js";
16
16
  const E = () => {
17
- const i = g(), { currentSignatory: t } = c(), { t: e } = p("Company.AssignSignatory"), d = f(t?.hasSsn), m = S(D.phoneMask);
17
+ const i = u(), { currentSignatory: t } = c(), { t: e } = p("Company.AssignSignatory"), d = h(t?.hasSsn), m = b(S.phoneMask);
18
18
  return /* @__PURE__ */ a(o, { flexDirection: "column", gap: 32, children: [
19
19
  /* @__PURE__ */ a(o, { flexDirection: "column", gap: 12, children: [
20
20
  /* @__PURE__ */ a("header", { children: [
@@ -50,7 +50,7 @@ const E = () => {
50
50
  isDisabled: !!t
51
51
  }
52
52
  ),
53
- /* @__PURE__ */ r(b, {}),
53
+ /* @__PURE__ */ r(y, {}),
54
54
  /* @__PURE__ */ r(
55
55
  s,
56
56
  {
@@ -68,12 +68,12 @@ const E = () => {
68
68
  label: e("signatoryDetails.ssn"),
69
69
  errorMessage: e("validations.ssn", { ns: "common" }),
70
70
  isRequired: !t?.hasSsn,
71
- transform: y,
71
+ transform: f,
72
72
  placeholder: d
73
73
  }
74
74
  ),
75
75
  /* @__PURE__ */ r(
76
- u,
76
+ D,
77
77
  {
78
78
  name: "birthday",
79
79
  label: e("signatoryDetails.birthday"),
@@ -112,7 +112,7 @@ const E = () => {
112
112
  M,
113
113
  {
114
114
  name: "state",
115
- options: h.map((l) => ({
115
+ options: g.map((l) => ({
116
116
  label: e(`statesHash.${l}`, { ns: "common" }),
117
117
  value: l
118
118
  })),
@@ -14,10 +14,10 @@ import { useI18n as T } from "../../../../i18n/I18n.js";
14
14
  import { BaseComponent as U } from "../../../Base/Base.js";
15
15
  import { useBase as Y } from "../../../Base/useBase.js";
16
16
  import { Flex as q } from "../../../Common/Flex/Flex.js";
17
- import { companyEvents as a } from "../../../../shared/constants.js";
18
17
  import "react-i18next";
19
18
  import "../../../../contexts/ComponentAdapter/useComponentContext.js";
20
19
  import "react";
20
+ import { companyEvents as a } from "../../../../shared/constants.js";
21
21
  function mi(t) {
22
22
  return /* @__PURE__ */ i(U, { ...t, children: /* @__PURE__ */ i(w, { ...t, children: t.children }) });
23
23
  }
@@ -5,11 +5,11 @@ import { useTranslation as E } from "react-i18next";
5
5
  import { Flex as S } from "../../../Common/Flex/Flex.js";
6
6
  import { Grid as v } from "../../../Common/Grid/Grid.js";
7
7
  import "classnames";
8
- import { TextInputField as a } from "../../../Common/Fields/TextInputField/TextInputField.js";
9
8
  import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
10
9
  import "react";
11
10
  import { nameValidation as l } from "../../../../helpers/validations.js";
12
11
  import { TitleSelect as x } from "../TitleSelect.js";
12
+ import { TextInputField as a } from "../../../Common/Fields/TextInputField/TextInputField.js";
13
13
  const m = "email_mismatch", A = r.object({
14
14
  firstName: l,
15
15
  lastName: l,
@@ -4,15 +4,14 @@ import { useTranslation as m } from "react-i18next";
4
4
  import { accountNumberValidation as n, routingNumberValidation as u } from "../../../../helpers/validations.js";
5
5
  import { Flex as a } from "../../../Common/Flex/Flex.js";
6
6
  import "classnames";
7
- import "../../../../shared/constants.js";
8
- import { TextInputField as e } from "../../../Common/Fields/TextInputField/TextInputField.js";
9
7
  import "../../../../contexts/ComponentAdapter/useComponentContext.js";
10
8
  import "react";
11
- const F = i.object({
9
+ import { TextInputField as e } from "../../../Common/Fields/TextInputField/TextInputField.js";
10
+ const x = i.object({
12
11
  routingNumber: u,
13
12
  accountNumber: n
14
13
  });
15
- function j() {
14
+ function F() {
16
15
  const { t: r } = m("Company.BankAccount");
17
16
  return /* @__PURE__ */ t(a, { flexDirection: "column", gap: 20, children: [
18
17
  /* @__PURE__ */ o(
@@ -37,7 +36,7 @@ function j() {
37
36
  ] });
38
37
  }
39
38
  export {
40
- F as BankAccountFormSchema,
41
- j as Form
39
+ x as BankAccountFormSchema,
40
+ F as Form
42
41
  };
43
42
  //# sourceMappingURL=Form.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/Form.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { accountNumberValidation, routingNumberValidation } from '@/helpers/validations'\nimport { Flex, TextInputField } from '@/components/Common'\n\nexport const BankAccountFormSchema = z.object({\n routingNumber: routingNumberValidation,\n accountNumber: accountNumberValidation,\n})\n\nexport type BankAccountFormInputs = z.infer<typeof BankAccountFormSchema>\n\nexport function Form() {\n const { t } = useTranslation('Company.BankAccount')\n\n return (\n <Flex flexDirection=\"column\" gap={20}>\n <TextInputField\n name=\"routingNumber\"\n isRequired\n label={t('form.routingNumberLabel')}\n description={t('form.routingNumberDescription')}\n errorMessage={t('validations.routingNumber')}\n />\n <TextInputField\n name=\"accountNumber\"\n label={t('form.accountNumberLabel')}\n isRequired\n errorMessage={t('validations.accountNumber')}\n />\n </Flex>\n )\n}\n"],"names":["BankAccountFormSchema","z","routingNumberValidation","accountNumberValidation","Form","t","useTranslation","jsxs","Flex","jsx","TextInputField"],"mappings":";;;;;;;;;;AAKO,MAAMA,IAAwBC,EAAE,OAAO;AAAA,EAC5C,eAAeC;AAAA,EACf,eAAeC;AACjB,CAAC;AAIM,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAElD,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,yBAAyB;AAAA,QAClC,aAAaA,EAAE,+BAA+B;AAAA,QAC9C,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAE7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,yBAAyB;AAAA,QAClC,YAAU;AAAA,QACV,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,EAC7C,GACF;AAEJ;"}
1
+ {"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/Form.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { accountNumberValidation, routingNumberValidation } from '@/helpers/validations'\nimport { Flex, TextInputField } from '@/components/Common'\n\nexport const BankAccountFormSchema = z.object({\n routingNumber: routingNumberValidation,\n accountNumber: accountNumberValidation,\n})\n\nexport type BankAccountFormInputs = z.infer<typeof BankAccountFormSchema>\n\nexport function Form() {\n const { t } = useTranslation('Company.BankAccount')\n\n return (\n <Flex flexDirection=\"column\" gap={20}>\n <TextInputField\n name=\"routingNumber\"\n isRequired\n label={t('form.routingNumberLabel')}\n description={t('form.routingNumberDescription')}\n errorMessage={t('validations.routingNumber')}\n />\n <TextInputField\n name=\"accountNumber\"\n label={t('form.accountNumberLabel')}\n isRequired\n errorMessage={t('validations.accountNumber')}\n />\n </Flex>\n )\n}\n"],"names":["BankAccountFormSchema","z","routingNumberValidation","accountNumberValidation","Form","t","useTranslation","jsxs","Flex","jsx","TextInputField"],"mappings":";;;;;;;;;AAKO,MAAMA,IAAwBC,EAAE,OAAO;AAAA,EAC5C,eAAeC;AAAA,EACf,eAAeC;AACjB,CAAC;AAIM,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAElD,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,yBAAyB;AAAA,QAClC,aAAaA,EAAE,+BAA+B;AAAA,QAC9C,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAE7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,yBAAyB;AAAA,QAClC,YAAU;AAAA,QACV,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,EAC7C,GACF;AAEJ;"}
@@ -3,15 +3,14 @@ import { z as o } from "zod";
3
3
  import { useTranslation as n } from "react-i18next";
4
4
  import { Flex as s } from "../../../Common/Flex/Flex.js";
5
5
  import "classnames";
6
- import "../../../../shared/constants.js";
7
- import { NumberInputField as i } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
8
6
  import "../../../../contexts/ComponentAdapter/useComponentContext.js";
9
7
  import "react";
10
- const x = o.object({
8
+ import { NumberInputField as i } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
9
+ const b = o.object({
11
10
  deposit1: o.number().min(0),
12
11
  deposit2: o.number().min(0)
13
12
  });
14
- function y() {
13
+ function x() {
15
14
  const { t: e } = n("Company.BankAccount");
16
15
  return /* @__PURE__ */ t(s, { flexDirection: "column", gap: 20, children: [
17
16
  /* @__PURE__ */ r(
@@ -39,7 +38,7 @@ function y() {
39
38
  ] });
40
39
  }
41
40
  export {
42
- x as BankAccountVerifySchema,
43
- y as Form
41
+ b as BankAccountVerifySchema,
42
+ x as Form
44
43
  };
45
44
  //# sourceMappingURL=Form.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/Form.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { Flex, NumberInputField } from '@/components/Common'\n\nexport const BankAccountVerifySchema = z.object({\n deposit1: z.number().min(0),\n deposit2: z.number().min(0),\n})\n\nexport type BankAccountVerifyInputs = z.infer<typeof BankAccountVerifySchema>\n\nexport function Form() {\n const { t } = useTranslation('Company.BankAccount')\n\n return (\n <Flex flexDirection=\"column\" gap={20}>\n <NumberInputField\n name=\"deposit1\"\n format=\"currency\"\n isRequired\n label={t('deposit1Label')}\n description={t('deposit1Description')}\n errorMessage={t('validations.deposit1')}\n />\n <NumberInputField\n name=\"deposit2\"\n format=\"currency\"\n label={t('deposit2Label')}\n description={t('deposit2Description')}\n isRequired\n errorMessage={t('validations.deposit2')}\n />\n </Flex>\n )\n}\n"],"names":["BankAccountVerifySchema","z","Form","t","useTranslation","jsxs","Flex","jsx","NumberInputField"],"mappings":";;;;;;;;;AAIO,MAAMA,IAA0BC,EAAE,OAAO;AAAA,EAC9C,UAAUA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC1B,UAAUA,EAAE,OAAA,EAAS,IAAI,CAAC;AAC5B,CAAC;AAIM,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAElD,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,YAAU;AAAA,QACV,OAAOL,EAAE,eAAe;AAAA,QACxB,aAAaA,EAAE,qBAAqB;AAAA,QACpC,cAAcA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,IAExC,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAOL,EAAE,eAAe;AAAA,QACxB,aAAaA,EAAE,qBAAqB;AAAA,QACpC,YAAU;AAAA,QACV,cAAcA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GACF;AAEJ;"}
1
+ {"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/Form.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { Flex, NumberInputField } from '@/components/Common'\n\nexport const BankAccountVerifySchema = z.object({\n deposit1: z.number().min(0),\n deposit2: z.number().min(0),\n})\n\nexport type BankAccountVerifyInputs = z.infer<typeof BankAccountVerifySchema>\n\nexport function Form() {\n const { t } = useTranslation('Company.BankAccount')\n\n return (\n <Flex flexDirection=\"column\" gap={20}>\n <NumberInputField\n name=\"deposit1\"\n format=\"currency\"\n isRequired\n label={t('deposit1Label')}\n description={t('deposit1Description')}\n errorMessage={t('validations.deposit1')}\n />\n <NumberInputField\n name=\"deposit2\"\n format=\"currency\"\n label={t('deposit2Label')}\n description={t('deposit2Description')}\n isRequired\n errorMessage={t('validations.deposit2')}\n />\n </Flex>\n )\n}\n"],"names":["BankAccountVerifySchema","z","Form","t","useTranslation","jsxs","Flex","jsx","NumberInputField"],"mappings":";;;;;;;;AAIO,MAAMA,IAA0BC,EAAE,OAAO;AAAA,EAC9C,UAAUA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC1B,UAAUA,EAAE,OAAA,EAAS,IAAI,CAAC;AAC5B,CAAC;AAIM,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAElD,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,YAAU;AAAA,QACV,OAAOL,EAAE,eAAe;AAAA,QACxB,aAAaA,EAAE,qBAAqB;AAAA,QACpC,cAAcA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,IAExC,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAOL,EAAE,eAAe;AAAA,QACxB,aAAaA,EAAE,qBAAqB;AAAA,QACpC,YAAU;AAAA,QACV,cAAcA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GACF;AAEJ;"}
@@ -10,11 +10,11 @@ import { useComponentDictionary as D, useI18n as M } from "../../../../i18n/I18n
10
10
  import { BaseComponent as R } from "../../../Base/Base.js";
11
11
  import { useBase as A } from "../../../Base/useBase.js";
12
12
  import { Flex as E } from "../../../Common/Flex/Flex.js";
13
- import "classnames";
14
- import { companyEvents as i } from "../../../../shared/constants.js";
15
13
  import "react-i18next";
14
+ import "classnames";
16
15
  import "../../../../contexts/ComponentAdapter/useComponentContext.js";
17
16
  import "react";
17
+ import { companyEvents as i } from "../../../../shared/constants.js";
18
18
  function X(n) {
19
19
  return /* @__PURE__ */ o(R, { ...n, children: /* @__PURE__ */ o(N, { ...n, children: n.children }) });
20
20
  }
@@ -12,11 +12,11 @@ import { BaseComponent as x } from "../../../Base/Base.js";
12
12
  import { useBase as A } from "../../../Base/useBase.js";
13
13
  import { SignatureForm as v } from "../../../Common/SignatureForm/SignatureForm.js";
14
14
  import { Flex as G } from "../../../Common/Flex/Flex.js";
15
- import "classnames";
16
- import { companyEvents as t } from "../../../../shared/constants.js";
17
15
  import "react-i18next";
16
+ import "classnames";
18
17
  import "../../../../contexts/ComponentAdapter/useComponentContext.js";
19
18
  import "react";
19
+ import { companyEvents as t } from "../../../../shared/constants.js";
20
20
  function oo(r) {
21
21
  return /* @__PURE__ */ o(x, { ...r, children: /* @__PURE__ */ o(R, { ...r, children: r.children }) });
22
22
  }
@@ -12,11 +12,11 @@ import { useI18n as R, useComponentDictionary as M } from "../../../i18n/I18n.js
12
12
  import { BaseComponent as B } from "../../Base/Base.js";
13
13
  import { useBase as O } from "../../Base/useBase.js";
14
14
  import { Flex as j } from "../../Common/Flex/Flex.js";
15
- import "classnames";
16
- import { companyEvents as l } from "../../../shared/constants.js";
17
15
  import "react-i18next";
16
+ import "classnames";
18
17
  import "../../../contexts/ComponentAdapter/useComponentContext.js";
19
18
  import "react";
19
+ import { companyEvents as l } from "../../../shared/constants.js";
20
20
  function oe(o) {
21
21
  return /* @__PURE__ */ e(B, { ...o, children: /* @__PURE__ */ e(q, { ...o, children: o.children }) });
22
22
  }
@@ -5,12 +5,11 @@ import { TaxPayerType as y, FilingForm as u } from "@gusto/embedded-api/models/o
5
5
  import { useFederalTaxes as b } from "./useFederalTaxes.js";
6
6
  import { Flex as g } from "../../Common/Flex/Flex.js";
7
7
  import "classnames";
8
- import "../../../shared/constants.js";
9
- import { TextInputField as a } from "../../Common/Fields/TextInputField/TextInputField.js";
10
8
  import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
11
9
  import { usePlaceholderEin as F, normalizeEin as T } from "../../../helpers/federalEin.js";
10
+ import { TextInputField as a } from "../../Common/Fields/TextInputField/TextInputField.js";
12
11
  import { SelectField as l } from "../../Common/Fields/SelectField/SelectField.js";
13
- function R() {
12
+ function O() {
14
13
  const { t: e } = d("Company.FederalTaxes"), { federalTaxDetails: s } = b(), i = x(), m = F(s?.hasEin), p = n(
15
14
  () => Object.values(y).map((o) => ({
16
15
  value: o,
@@ -101,6 +100,6 @@ function R() {
101
100
  ] });
102
101
  }
103
102
  export {
104
- R as Form
103
+ O as Form
105
104
  };
106
105
  //# sourceMappingURL=Form.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Form.js","sources":["../../../../src/components/Company/FederalTaxes/Form.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation, Trans } from 'react-i18next'\nimport {\n TaxPayerType,\n FilingForm,\n} from '@gusto/embedded-api/models/operations/putv1companiescompanyidfederaltaxdetails'\nimport { useFederalTaxes } from './useFederalTaxes'\nimport { TextInputField, SelectField, Flex } from '@/components/Common'\nimport { usePlaceholderEin, normalizeEin } from '@/helpers/federalEin'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Form() {\n const { t } = useTranslation('Company.FederalTaxes')\n const { federalTaxDetails } = useFederalTaxes()\n const Components = useComponentContext()\n\n const placeholderEin = usePlaceholderEin(federalTaxDetails?.hasEin)\n\n const taxPayerTypeOptions = useMemo(\n () =>\n Object.values(TaxPayerType).map(value => ({\n value: value,\n label: t(`taxPayerType.${value}`),\n })),\n [t],\n )\n\n const filingFormOptions = useMemo(\n () =>\n Object.values(FilingForm).map(value => ({\n value: value,\n label: t(`filingForm.${value}`),\n })),\n [t],\n )\n\n return (\n <Flex flexDirection=\"column\" gap={28}>\n <TextInputField\n name=\"federalEin\"\n label={t('federalEinLabel')}\n description={\n <Trans\n t={t}\n i18nKey=\"federalEinDescription\"\n components={{\n applyLink: (\n <Components.Link\n href=\"https://www.irs.gov/businesses/employer-identification-number\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n />\n ),\n }}\n />\n }\n isRequired\n transform={normalizeEin}\n placeholder={placeholderEin}\n />\n <SelectField\n name=\"taxPayerType\"\n label={t('taxpayerTypeLabel')}\n description={t('taxpayerTypeDescription')}\n options={taxPayerTypeOptions}\n isRequired\n />\n <SelectField\n name=\"filingForm\"\n label={t('federalFilingFormLabel')}\n description={\n <Trans\n t={t}\n i18nKey=\"federalFilingFormDescription\"\n components={{\n irsLink: (\n <Components.Link\n href=\"https://www.irs.gov/newsroom/employers-should-you-file-form-944-or-941\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n />\n ),\n }}\n />\n }\n options={filingFormOptions}\n isRequired\n />\n <TextInputField\n name=\"legalName\"\n label={t('legalEntityNameLabel')}\n description={t('legalEntityNameDescription')}\n isRequired\n errorMessage={t('legalEntityNameError')}\n />\n </Flex>\n )\n}\n"],"names":["Form","t","useTranslation","federalTaxDetails","useFederalTaxes","Components","useComponentContext","placeholderEin","usePlaceholderEin","taxPayerTypeOptions","useMemo","TaxPayerType","value","filingFormOptions","FilingForm","jsxs","Flex","jsx","TextInputField","Trans","normalizeEin","SelectField"],"mappings":";;;;;;;;;;;;AAWO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sBAAsB,GAC7C,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GACxBC,IAAaC,EAAA,GAEbC,IAAiBC,EAAkBL,GAAmB,MAAM,GAE5DM,IAAsBC;AAAA,IAC1B,MACE,OAAO,OAAOC,CAAY,EAAE,IAAI,CAAAC,OAAU;AAAA,MACxC,OAAAA;AAAA,MACA,OAAOX,EAAE,gBAAgBW,CAAK,EAAE;AAAA,IAAA,EAChC;AAAA,IACJ,CAACX,CAAC;AAAA,EAAA,GAGEY,IAAoBH;AAAA,IACxB,MACE,OAAO,OAAOI,CAAU,EAAE,IAAI,CAAAF,OAAU;AAAA,MACtC,OAAAA;AAAA,MACA,OAAOX,EAAE,cAAcW,CAAK,EAAE;AAAA,IAAA,EAC9B;AAAA,IACJ,CAACX,CAAC;AAAA,EAAA;AAGJ,SACE,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOjB,EAAE,iBAAiB;AAAA,QAC1B,aACE,gBAAAgB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,GAAAlB;AAAA,YACA,SAAQ;AAAA,YACR,YAAY;AAAA,cACV,WACE,gBAAAgB;AAAA,gBAACZ,EAAW;AAAA,gBAAX;AAAA,kBACC,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,KAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,YACN;AAAA,UAEJ;AAAA,QAAA;AAAA,QAGJ,YAAU;AAAA,QACV,WAAWe;AAAA,QACX,aAAab;AAAA,MAAA;AAAA,IAAA;AAAA,IAEf,gBAAAU;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOpB,EAAE,mBAAmB;AAAA,QAC5B,aAAaA,EAAE,yBAAyB;AAAA,QACxC,SAASQ;AAAA,QACT,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOpB,EAAE,wBAAwB;AAAA,QACjC,aACE,gBAAAgB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,GAAAlB;AAAA,YACA,SAAQ;AAAA,YACR,YAAY;AAAA,cACV,SACE,gBAAAgB;AAAA,gBAACZ,EAAW;AAAA,gBAAX;AAAA,kBACC,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,KAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,YACN;AAAA,UAEJ;AAAA,QAAA;AAAA,QAGJ,SAASQ;AAAA,QACT,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOjB,EAAE,sBAAsB;AAAA,QAC/B,aAAaA,EAAE,4BAA4B;AAAA,QAC3C,YAAU;AAAA,QACV,cAAcA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GACF;AAEJ;"}
1
+ {"version":3,"file":"Form.js","sources":["../../../../src/components/Company/FederalTaxes/Form.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation, Trans } from 'react-i18next'\nimport {\n TaxPayerType,\n FilingForm,\n} from '@gusto/embedded-api/models/operations/putv1companiescompanyidfederaltaxdetails'\nimport { useFederalTaxes } from './useFederalTaxes'\nimport { TextInputField, SelectField, Flex } from '@/components/Common'\nimport { usePlaceholderEin, normalizeEin } from '@/helpers/federalEin'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Form() {\n const { t } = useTranslation('Company.FederalTaxes')\n const { federalTaxDetails } = useFederalTaxes()\n const Components = useComponentContext()\n\n const placeholderEin = usePlaceholderEin(federalTaxDetails?.hasEin)\n\n const taxPayerTypeOptions = useMemo(\n () =>\n Object.values(TaxPayerType).map(value => ({\n value: value,\n label: t(`taxPayerType.${value}`),\n })),\n [t],\n )\n\n const filingFormOptions = useMemo(\n () =>\n Object.values(FilingForm).map(value => ({\n value: value,\n label: t(`filingForm.${value}`),\n })),\n [t],\n )\n\n return (\n <Flex flexDirection=\"column\" gap={28}>\n <TextInputField\n name=\"federalEin\"\n label={t('federalEinLabel')}\n description={\n <Trans\n t={t}\n i18nKey=\"federalEinDescription\"\n components={{\n applyLink: (\n <Components.Link\n href=\"https://www.irs.gov/businesses/employer-identification-number\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n />\n ),\n }}\n />\n }\n isRequired\n transform={normalizeEin}\n placeholder={placeholderEin}\n />\n <SelectField\n name=\"taxPayerType\"\n label={t('taxpayerTypeLabel')}\n description={t('taxpayerTypeDescription')}\n options={taxPayerTypeOptions}\n isRequired\n />\n <SelectField\n name=\"filingForm\"\n label={t('federalFilingFormLabel')}\n description={\n <Trans\n t={t}\n i18nKey=\"federalFilingFormDescription\"\n components={{\n irsLink: (\n <Components.Link\n href=\"https://www.irs.gov/newsroom/employers-should-you-file-form-944-or-941\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n />\n ),\n }}\n />\n }\n options={filingFormOptions}\n isRequired\n />\n <TextInputField\n name=\"legalName\"\n label={t('legalEntityNameLabel')}\n description={t('legalEntityNameDescription')}\n isRequired\n errorMessage={t('legalEntityNameError')}\n />\n </Flex>\n )\n}\n"],"names":["Form","t","useTranslation","federalTaxDetails","useFederalTaxes","Components","useComponentContext","placeholderEin","usePlaceholderEin","taxPayerTypeOptions","useMemo","TaxPayerType","value","filingFormOptions","FilingForm","jsxs","Flex","jsx","TextInputField","Trans","normalizeEin","SelectField"],"mappings":";;;;;;;;;;;AAWO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sBAAsB,GAC7C,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GACxBC,IAAaC,EAAA,GAEbC,IAAiBC,EAAkBL,GAAmB,MAAM,GAE5DM,IAAsBC;AAAA,IAC1B,MACE,OAAO,OAAOC,CAAY,EAAE,IAAI,CAAAC,OAAU;AAAA,MACxC,OAAAA;AAAA,MACA,OAAOX,EAAE,gBAAgBW,CAAK,EAAE;AAAA,IAAA,EAChC;AAAA,IACJ,CAACX,CAAC;AAAA,EAAA,GAGEY,IAAoBH;AAAA,IACxB,MACE,OAAO,OAAOI,CAAU,EAAE,IAAI,CAAAF,OAAU;AAAA,MACtC,OAAAA;AAAA,MACA,OAAOX,EAAE,cAAcW,CAAK,EAAE;AAAA,IAAA,EAC9B;AAAA,IACJ,CAACX,CAAC;AAAA,EAAA;AAGJ,SACE,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOjB,EAAE,iBAAiB;AAAA,QAC1B,aACE,gBAAAgB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,GAAAlB;AAAA,YACA,SAAQ;AAAA,YACR,YAAY;AAAA,cACV,WACE,gBAAAgB;AAAA,gBAACZ,EAAW;AAAA,gBAAX;AAAA,kBACC,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,KAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,YACN;AAAA,UAEJ;AAAA,QAAA;AAAA,QAGJ,YAAU;AAAA,QACV,WAAWe;AAAA,QACX,aAAab;AAAA,MAAA;AAAA,IAAA;AAAA,IAEf,gBAAAU;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOpB,EAAE,mBAAmB;AAAA,QAC5B,aAAaA,EAAE,yBAAyB;AAAA,QACxC,SAASQ;AAAA,QACT,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOpB,EAAE,wBAAwB;AAAA,QACjC,aACE,gBAAAgB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,GAAAlB;AAAA,YACA,SAAQ;AAAA,YACR,YAAY;AAAA,cACV,SACE,gBAAAgB;AAAA,gBAACZ,EAAW;AAAA,gBAAX;AAAA,kBACC,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,KAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,YACN;AAAA,UAEJ;AAAA,QAAA;AAAA,QAGJ,SAASQ;AAAA,QACT,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOjB,EAAE,sBAAsB;AAAA,QAC/B,aAAaA,EAAE,4BAA4B;AAAA,QAC3C,YAAU;AAAA,QACV,cAAcA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GACF;AAEJ;"}
@@ -5,11 +5,11 @@ import { zipValidation as n, phoneValidation as m } from "../../../../helpers/va
5
5
  import { Flex as d } from "../../../Common/Flex/Flex.js";
6
6
  import { Grid as p } from "../../../Common/Grid/Grid.js";
7
7
  import "classnames";
8
- import { TextInputField as s } from "../../../Common/Fields/TextInputField/TextInputField.js";
9
8
  import "../../../../contexts/ComponentAdapter/useComponentContext.js";
10
9
  import "react";
11
10
  import { STATES_ABBR as c } from "../../../../shared/constants.js";
12
11
  import { useMaskedTransform as u, commonMasks as b } from "../../../../helpers/mask.js";
12
+ import { TextInputField as s } from "../../../Common/Fields/TextInputField/TextInputField.js";
13
13
  import { SelectField as f } from "../../../Common/Fields/SelectField/SelectField.js";
14
14
  import { CheckboxGroupField as g } from "../../../Common/Fields/CheckboxGroupField/CheckboxGroupField.js";
15
15
  const j = i.object({
@@ -10,14 +10,14 @@ import { Actions as I } from "./Actions.js";
10
10
  import { LocationsFormProvider as M } from "./useLocationForm.js";
11
11
  import { Form as _ } from "../../../Common/Form/Form.js";
12
12
  import { Flex as w } from "../../../Common/Flex/Flex.js";
13
- import "classnames";
14
- import { componentEvents as a } from "../../../../shared/constants.js";
15
13
  import "react-i18next";
14
+ import "classnames";
16
15
  import "../../../../contexts/ComponentAdapter/useComponentContext.js";
17
16
  import "react";
18
17
  import { BaseComponent as z } from "../../../Base/Base.js";
19
18
  import { useBase as U } from "../../../Base/useBase.js";
20
19
  import { useI18n as j } from "../../../../i18n/I18n.js";
20
+ import { componentEvents as a } from "../../../../shared/constants.js";
21
21
  function H(t) {
22
22
  const {
23
23
  data: { location: e }
@@ -9,10 +9,10 @@ import { useI18n as O } from "../../../../i18n/I18n.js";
9
9
  import { BaseComponent as x } from "../../../Base/Base.js";
10
10
  import { useBase as E } from "../../../Base/useBase.js";
11
11
  import { Flex as I } from "../../../Common/Flex/Flex.js";
12
- import "classnames";
13
- import { companyEvents as i } from "../../../../shared/constants.js";
14
12
  import "react-i18next";
13
+ import "classnames";
15
14
  import "../../../../contexts/ComponentAdapter/useComponentContext.js";
15
+ import { companyEvents as i } from "../../../../shared/constants.js";
16
16
  function W(o) {
17
17
  return /* @__PURE__ */ e(x, { ...o, children: /* @__PURE__ */ e(v, { ...o, children: o.children }) });
18
18
  }
@@ -3,10 +3,9 @@ import { useTranslation as m } from "react-i18next";
3
3
  import { useOnboardingOverview as l } from "./context.js";
4
4
  import { Flex as p } from "../../Common/Flex/Flex.js";
5
5
  import "classnames";
6
- import "../../../shared/constants.js";
7
6
  import { useComponentContext as a } from "../../../contexts/ComponentAdapter/useComponentContext.js";
8
7
  import "react";
9
- const b = () => {
8
+ const x = () => {
10
9
  const e = a(), { onboardingCompleted: t, handleDone: r } = l(), { t: o } = m("Company.OnboardingOverview");
11
10
  return t ? /* @__PURE__ */ i(p, { alignItems: "center", flexDirection: "column", gap: 8, children: [
12
11
  /* @__PURE__ */ n(e.Heading, { as: "h2", textAlign: "center", children: o("onboardingCompletedTitle") }),
@@ -15,6 +14,6 @@ const b = () => {
15
14
  ] }) : null;
16
15
  };
17
16
  export {
18
- b as Completed
17
+ x as Completed
19
18
  };
20
19
  //# sourceMappingURL=Completed.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Completed.js","sources":["../../../../src/components/Company/OnboardingOverview/Completed.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useOnboardingOverview } from './context'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Completed = () => {\n const Components = useComponentContext()\n const { onboardingCompleted, handleDone } = useOnboardingOverview()\n const { t } = useTranslation('Company.OnboardingOverview')\n if (!onboardingCompleted) {\n return null\n }\n return (\n <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n <Components.Heading as=\"h2\" textAlign=\"center\">\n {t('onboardingCompletedTitle')}\n </Components.Heading>\n <p>{t('onboardingCompletedDescription')}</p>\n <Components.Button variant=\"secondary\" onClick={handleDone}>\n {t('onboardingCompletedCta')}\n </Components.Button>\n </Flex>\n )\n}\n"],"names":["Completed","Components","useComponentContext","onboardingCompleted","handleDone","useOnboardingOverview","t","useTranslation","Flex","jsx"],"mappings":";;;;;;;;AAKO,MAAMA,IAAY,MAAM;AAC7B,QAAMC,IAAaC,EAAA,GACb,EAAE,qBAAAC,GAAqB,YAAAC,EAAA,IAAeC,EAAA,GACtC,EAAE,GAAAC,EAAA,IAAMC,EAAe,4BAA4B;AACzD,SAAKJ,sBAIFK,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,GACpD,UAAA;AAAA,IAAA,gBAAAC,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAK,WAAU,UACnC,UAAAK,EAAE,0BAA0B,EAAA,CAC/B;AAAA,IACA,gBAAAG,EAAC,KAAA,EAAG,UAAAH,EAAE,gCAAgC,EAAA,CAAE;AAAA,IACxC,gBAAAG,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASG,GAC7C,UAAAE,EAAE,wBAAwB,EAAA,CAC7B;AAAA,EAAA,GACF,IAXO;AAaX;"}
1
+ {"version":3,"file":"Completed.js","sources":["../../../../src/components/Company/OnboardingOverview/Completed.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useOnboardingOverview } from './context'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Completed = () => {\n const Components = useComponentContext()\n const { onboardingCompleted, handleDone } = useOnboardingOverview()\n const { t } = useTranslation('Company.OnboardingOverview')\n if (!onboardingCompleted) {\n return null\n }\n return (\n <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n <Components.Heading as=\"h2\" textAlign=\"center\">\n {t('onboardingCompletedTitle')}\n </Components.Heading>\n <p>{t('onboardingCompletedDescription')}</p>\n <Components.Button variant=\"secondary\" onClick={handleDone}>\n {t('onboardingCompletedCta')}\n </Components.Button>\n </Flex>\n )\n}\n"],"names":["Completed","Components","useComponentContext","onboardingCompleted","handleDone","useOnboardingOverview","t","useTranslation","Flex","jsx"],"mappings":";;;;;;;AAKO,MAAMA,IAAY,MAAM;AAC7B,QAAMC,IAAaC,EAAA,GACb,EAAE,qBAAAC,GAAqB,YAAAC,EAAA,IAAeC,EAAA,GACtC,EAAE,GAAAC,EAAA,IAAMC,EAAe,4BAA4B;AACzD,SAAKJ,sBAIFK,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,GACpD,UAAA;AAAA,IAAA,gBAAAC,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAK,WAAU,UACnC,UAAAK,EAAE,0BAA0B,EAAA,CAC/B;AAAA,IACA,gBAAAG,EAAC,KAAA,EAAG,UAAAH,EAAE,gCAAgC,EAAA,CAAE;AAAA,IACxC,gBAAAG,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASG,GAC7C,UAAAE,EAAE,wBAAwB,EAAA,CAC7B;AAAA,EAAA,GACF,IAXO;AAaX;"}
@@ -3,12 +3,11 @@ import { useTranslation as l } from "react-i18next";
3
3
  import { useOnboardingOverview as a } from "./context.js";
4
4
  import { Flex as c } from "../../Common/Flex/Flex.js";
5
5
  import "classnames";
6
- import "../../../shared/constants.js";
7
6
  import { ActionsLayout as u } from "../../Common/ActionsLayout/ActionsLayout.js";
8
7
  import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
9
8
  import "react";
10
9
  import { RequirementsList as g } from "../../Common/RequirementsList/RequirementsList.js";
11
- const O = () => {
10
+ const D = () => {
12
11
  const r = d(), { onboardingSteps: n, onboardingCompleted: s, handleContinue: m } = a(), { t: e } = l("Company.OnboardingOverview");
13
12
  if (s)
14
13
  return null;
@@ -30,6 +29,6 @@ const O = () => {
30
29
  ] });
31
30
  };
32
31
  export {
33
- O as MissingRequirements
32
+ D as MissingRequirements
34
33
  };
35
34
  //# sourceMappingURL=MissingRequirements.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MissingRequirements.js","sources":["../../../../src/components/Company/OnboardingOverview/MissingRequirements.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useOnboardingOverview } from './context'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { RequirementsList } from '@/components/Common/RequirementsList/RequirementsList'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const MissingRequirements = () => {\n const Components = useComponentContext()\n const { onboardingSteps, onboardingCompleted, handleContinue } = useOnboardingOverview()\n const { t } = useTranslation('Company.OnboardingOverview')\n\n if (onboardingCompleted) {\n return null\n }\n\n const isInitialSetup = !onboardingSteps?.some(step => step.required && step.completed)\n\n return (\n <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={8}>\n <Components.Heading as=\"h2\">\n {t(isInitialSetup ? 'initialSetupTitle' : 'missingRequirementsTitle')}\n </Components.Heading>\n <p>{t(isInitialSetup ? 'initialSetupDescription' : 'missingRequirementsDescription')}</p>\n {onboardingSteps && (\n <RequirementsList\n requirements={onboardingSteps.map(step => ({\n completed: step.completed!,\n title: t(`stepTitles.${step.id!}`),\n description: t(`stepDescriptions.${step.id!}`),\n }))}\n />\n )}\n <ActionsLayout>\n <Components.Button variant=\"secondary\" onClick={handleContinue}>\n {t(isInitialSetup ? 'initialSetupCta' : 'missingRequirementsCta')}\n </Components.Button>\n </ActionsLayout>\n </Flex>\n )\n}\n"],"names":["MissingRequirements","Components","useComponentContext","onboardingSteps","onboardingCompleted","handleContinue","useOnboardingOverview","t","useTranslation","isInitialSetup","step","Flex","jsx","RequirementsList","ActionsLayout"],"mappings":";;;;;;;;;;AAMO,MAAMA,IAAsB,MAAM;AACvC,QAAMC,IAAaC,EAAA,GACb,EAAE,iBAAAC,GAAiB,qBAAAC,GAAqB,gBAAAC,EAAA,IAAmBC,EAAA,GAC3D,EAAE,GAAAC,EAAA,IAAMC,EAAe,4BAA4B;AAEzD,MAAIJ;AACF,WAAO;AAGT,QAAMK,IAAiB,CAACN,GAAiB,KAAK,OAAQO,EAAK,YAAYA,EAAK,SAAS;AAErF,2BACGC,GAAA,EAAK,eAAc,UAAS,YAAW,cAAa,KAAK,GACxD,UAAA;AAAA,IAAA,gBAAAC,EAACX,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAM,EAAEE,IAAiB,sBAAsB,0BAA0B,EAAA,CACtE;AAAA,sBACC,KAAA,EAAG,UAAAF,EAAEE,IAAiB,4BAA4B,gCAAgC,GAAE;AAAA,IACpFN,KACC,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAcV,EAAgB,IAAI,CAAAO,OAAS;AAAA,UACzC,WAAWA,EAAK;AAAA,UAChB,OAAOH,EAAE,cAAcG,EAAK,EAAG,EAAE;AAAA,UACjC,aAAaH,EAAE,oBAAoBG,EAAK,EAAG,EAAE;AAAA,QAAA,EAC7C;AAAA,MAAA;AAAA,IAAA;AAAA,IAGN,gBAAAE,EAACE,GAAA,EACC,UAAA,gBAAAF,EAACX,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASI,GAC7C,UAAAE,EAAEE,IAAiB,oBAAoB,wBAAwB,GAClE,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
1
+ {"version":3,"file":"MissingRequirements.js","sources":["../../../../src/components/Company/OnboardingOverview/MissingRequirements.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useOnboardingOverview } from './context'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { RequirementsList } from '@/components/Common/RequirementsList/RequirementsList'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const MissingRequirements = () => {\n const Components = useComponentContext()\n const { onboardingSteps, onboardingCompleted, handleContinue } = useOnboardingOverview()\n const { t } = useTranslation('Company.OnboardingOverview')\n\n if (onboardingCompleted) {\n return null\n }\n\n const isInitialSetup = !onboardingSteps?.some(step => step.required && step.completed)\n\n return (\n <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={8}>\n <Components.Heading as=\"h2\">\n {t(isInitialSetup ? 'initialSetupTitle' : 'missingRequirementsTitle')}\n </Components.Heading>\n <p>{t(isInitialSetup ? 'initialSetupDescription' : 'missingRequirementsDescription')}</p>\n {onboardingSteps && (\n <RequirementsList\n requirements={onboardingSteps.map(step => ({\n completed: step.completed!,\n title: t(`stepTitles.${step.id!}`),\n description: t(`stepDescriptions.${step.id!}`),\n }))}\n />\n )}\n <ActionsLayout>\n <Components.Button variant=\"secondary\" onClick={handleContinue}>\n {t(isInitialSetup ? 'initialSetupCta' : 'missingRequirementsCta')}\n </Components.Button>\n </ActionsLayout>\n </Flex>\n )\n}\n"],"names":["MissingRequirements","Components","useComponentContext","onboardingSteps","onboardingCompleted","handleContinue","useOnboardingOverview","t","useTranslation","isInitialSetup","step","Flex","jsx","RequirementsList","ActionsLayout"],"mappings":";;;;;;;;;AAMO,MAAMA,IAAsB,MAAM;AACvC,QAAMC,IAAaC,EAAA,GACb,EAAE,iBAAAC,GAAiB,qBAAAC,GAAqB,gBAAAC,EAAA,IAAmBC,EAAA,GAC3D,EAAE,GAAAC,EAAA,IAAMC,EAAe,4BAA4B;AAEzD,MAAIJ;AACF,WAAO;AAGT,QAAMK,IAAiB,CAACN,GAAiB,KAAK,OAAQO,EAAK,YAAYA,EAAK,SAAS;AAErF,2BACGC,GAAA,EAAK,eAAc,UAAS,YAAW,cAAa,KAAK,GACxD,UAAA;AAAA,IAAA,gBAAAC,EAACX,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAM,EAAEE,IAAiB,sBAAsB,0BAA0B,EAAA,CACtE;AAAA,sBACC,KAAA,EAAG,UAAAF,EAAEE,IAAiB,4BAA4B,gCAAgC,GAAE;AAAA,IACpFN,KACC,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAcV,EAAgB,IAAI,CAAAO,OAAS;AAAA,UACzC,WAAWA,EAAK;AAAA,UAChB,OAAOH,EAAE,cAAcG,EAAK,EAAG,EAAE;AAAA,UACjC,aAAaH,EAAE,oBAAoBG,EAAK,EAAG,EAAE;AAAA,QAAA,EAC7C;AAAA,MAAA;AAAA,IAAA;AAAA,IAGN,gBAAAE,EAACE,GAAA,EACC,UAAA,gBAAAF,EAACX,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASI,GAC7C,UAAAE,EAAEE,IAAiB,oBAAoB,wBAAwB,GAClE,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
@@ -7,11 +7,11 @@ import { BaseComponent as f } from "../../Base/Base.js";
7
7
  import { useBase as v } from "../../Base/useBase.js";
8
8
  import { useI18n as C, useComponentDictionary as g } from "../../../i18n/I18n.js";
9
9
  import { Flex as h } from "../../Common/Flex/Flex.js";
10
- import "classnames";
11
- import { componentEvents as i } from "../../../shared/constants.js";
12
10
  import "react-i18next";
11
+ import "classnames";
13
12
  import "../../../contexts/ComponentAdapter/useComponentContext.js";
14
13
  import "react";
14
+ import { componentEvents as i } from "../../../shared/constants.js";
15
15
  function F(o) {
16
16
  return C("Company.OnboardingOverview"), g("Company.OnboardingOverview", o.dictionary), /* @__PURE__ */ n(f, { ...o, children: /* @__PURE__ */ n(b, { ...o, children: o.children }) });
17
17
  }
@@ -11,11 +11,11 @@ import { Form as Z } from "../../Common/Form/Form.js";
11
11
  import { BaseComponent as $ } from "../../Base/Base.js";
12
12
  import { useBase as V } from "../../Base/useBase.js";
13
13
  import { Flex as ee } from "../../Common/Flex/Flex.js";
14
- import "classnames";
15
- import { componentEvents as S } from "../../../shared/constants.js";
16
14
  import "react-i18next";
15
+ import "classnames";
17
16
  import "../../../contexts/ComponentAdapter/useComponentContext.js";
18
17
  import { useI18n as oe, useComponentDictionary as re } from "../../../i18n/I18n.js";
18
+ import { componentEvents as S } from "../../../shared/constants.js";
19
19
  import { formatDateToStringDate as l } from "../../../helpers/dateFormatting.js";
20
20
  import { Head as te } from "./_parts/Head.js";
21
21
  import { List as ae } from "./_parts/List.js";