npm - @gusto/embedded-react-sdk - Versions diffs - 0.11.1 → 0.11.2 - Mend

@gusto/embedded-react-sdk 0.11.1 → 0.11.2

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 (511) hide show

package/dist/components/Company/BankAccount/BankAccountForm/BankAccountForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BankAccountForm.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/BankAccountForm.tsx"],"sourcesContent":["import { useBankAccountsCreateMutation } from '@gusto/embedded-api/react-query/bankAccountsCreate'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { Head } from './Head'\nimport type { BankAccountFormInputs } from './Form'\nimport { BankAccountFormSchema, Form } from './Form'\nimport { Actions } from './Actions'\nimport { BankAccountFormProvider } from './context'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountFormProps extends CommonComponentInterface {\n companyId: string\n isEditing?: boolean\n}\n\nexport function BankAccountForm(props: BankAccountFormProps & BaseComponentInterface) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\nfunction Root({ companyId, className, children, isEditing = false }: BankAccountFormProps) {\n useI18n('Company.BankAccount')\n const { onEvent, baseSubmitHandler } = useBase()\n\n const { mutateAsync: createBankAccount, isPending: isPendingCreate } =\n useBankAccountsCreateMutation()\n\n const { control, ...methods } = useForm<BankAccountFormInputs>({\n resolver: zodResolver(BankAccountFormSchema),\n defaultValues: { accountNumber: '', routingNumber: '' },\n })\n\n const onSubmit = async (data: BankAccountFormInputs) => {\n await baseSubmitHandler(data, async payload => {\n const { companyBankAccount } = await createBankAccount({\n //Account type is always checking for company bank accounts\n request: { companyId, requestBody: { ...payload, accountType: 'Checking' } },\n })\n\n onEvent(componentEvents.COMPANY_BANK_ACCOUNT_CREATED, companyBankAccount)\n })\n }\n return (\n <section className={className}>\n <FormProvider {...methods} control={control}>\n <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n <BankAccountFormProvider value={{ isPending: isPendingCreate, isEditing, onEvent }}>\n <Flex flexDirection=\"column\" gap={32}>\n {children ? (\n children\n ) : (\n <>\n <Head />\n <Form />\n <Actions />\n </>\n )}\n </Flex>\n </BankAccountFormProvider>\n </HtmlForm>\n </FormProvider>\n </section>\n )\n}\n"],"names":["BankAccountForm","props","jsx","BaseComponent","Root","companyId","className","children","isEditing","useI18n","onEvent","baseSubmitHandler","useBase","createBankAccount","isPendingCreate","useBankAccountsCreateMutation","control","methods","useForm","zodResolver","BankAccountFormSchema","onSubmit","data","payload","companyBankAccount","componentEvents","FormProvider","HtmlForm","BankAccountFormProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;AAqBO,SAASA,EAAgBC,GAAsD;~~AAElF~~,~~SAAA~~,gBAAAC,EAACC,~~GAAe~~,~~EAAA~~,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,~~UAAMA~~,~~EAAA~~,SAAA,CAAS,~~EACnC~~,~~CAAA~~;AAEJ;AACA,SAASG,EAAK,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,WAAAC,IAAY,MAA+B;AACzF,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,~~EAAkB~~,~~IAAIC~~,~~EAAQ~~,~~GAEzC~~,EAAE,aAAaC,GAAmB,WAAWC,EAAA,IACjDC,~~EAA8B~~,~~GAE1B~~,EAAE,SAAAC,GAAS,GAAGC,EAAA,IAAYC,EAA+B;AAAA,IAC7D,UAAUC,EAAYC,CAAqB;AAAA,IAC3C,eAAe,EAAE,eAAe,IAAI,eAAe,~~GAAG~~;AAAA,~~EAAA~~,CACvD,GAEKC,IAAW,OAAOC,MAAgC;~~AAChD~~,~~UAAAX~~,EAAkBW,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,oBAAAC,MAAuB,MAAMX,EAAkB;AAAA;AAAA,QAErD,SAAS,EAAE,WAAAR,GAAW,aAAa,EAAE,GAAGkB,GAAS,aAAa,~~WAAa~~,~~EAAA~~;AAAA,~~MAAA~~,CAC5E;~~AAEO~~,MAAAb,~~EAAAe~~,EAAgB,8BAA8BD,CAAkB;AAAA,~~IAAA~~,~~CACzE~~;AAAA,EACH;AACA,~~SACG~~,gBAAAtB,~~EAAA~~,WAAA,EAAQ,WAAAI,GACP,UAAA,gBAAAJ,EAACwB,KAAc,GAAGT,GAAS,SAAAD,GACzB,UAAA,gBAAAd,EAACyB,~~GAAS~~,~~EAAA~~,UAAUV,EAAQ,aAAaI,CAAQ,GAC/C,UAAA,gBAAAnB,EAAC0B,~~GAAwB~~,~~EAAA~~,OAAO,EAAE,WAAWd,GAAiB,WAAAN,GAAW,SAAAE,KACvE,UAAA,gBAAAR,EAAC2B,~~GAAK~~,~~EAAA~~,eAAc,UAAS,KAAK,IAC/B,UAAAtB,~~KAIG~~,gBAAAuB,EAAAC,GAAA,~~EAAA~~,UAAA;AAAA,IAAA,gBAAA7B,EAAC8B,~~GAAK~~,~~EAAA~~;AAAA,sBACLC,~~GAAK~~,~~EAAA~~;AAAA,sBACLC,~~GAAQ~~,CAAA,~~CAAA~~;AAAA,EAAA,EAAA,CACX,~~EAEJ~~,~~CAAA~~,EAAA,CACF,~~EACF~~,~~CAAA~~,EAAA,CACF,~~EACF~~,~~CAAA~~;AAEJ;"}
1	+ {"version":3,"file":"BankAccountForm.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/BankAccountForm.tsx"],"sourcesContent":["import { useBankAccountsCreateMutation } from '@gusto/embedded-api/react-query/bankAccountsCreate'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { Head } from './Head'\nimport type { BankAccountFormInputs } from './Form'\nimport { BankAccountFormSchema, Form } from './Form'\nimport { Actions } from './Actions'\nimport { BankAccountFormProvider } from './context'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountFormProps extends CommonComponentInterface {\n companyId: string\n isEditing?: boolean\n}\n\nexport function BankAccountForm(props: BankAccountFormProps & BaseComponentInterface) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\nfunction Root({ companyId, className, children, isEditing = false }: BankAccountFormProps) {\n useI18n('Company.BankAccount')\n const { onEvent, baseSubmitHandler } = useBase()\n\n const { mutateAsync: createBankAccount, isPending: isPendingCreate } =\n useBankAccountsCreateMutation()\n\n const { control, ...methods } = useForm<BankAccountFormInputs>({\n resolver: zodResolver(BankAccountFormSchema),\n defaultValues: { accountNumber: '', routingNumber: '' },\n })\n\n const onSubmit = async (data: BankAccountFormInputs) => {\n await baseSubmitHandler(data, async payload => {\n const { companyBankAccount } = await createBankAccount({\n //Account type is always checking for company bank accounts\n request: { companyId, requestBody: { ...payload, accountType: 'Checking' } },\n })\n\n onEvent(componentEvents.COMPANY_BANK_ACCOUNT_CREATED, companyBankAccount)\n })\n }\n return (\n <section className={className}>\n <FormProvider {...methods} control={control}>\n <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n <BankAccountFormProvider value={{ isPending: isPendingCreate, isEditing, onEvent }}>\n <Flex flexDirection=\"column\" gap={32}>\n {children ? (\n children\n ) : (\n <>\n <Head />\n <Form />\n <Actions />\n </>\n )}\n </Flex>\n </BankAccountFormProvider>\n </HtmlForm>\n </FormProvider>\n </section>\n )\n}\n"],"names":["BankAccountForm","props","jsx","BaseComponent","Root","companyId","className","children","isEditing","useI18n","onEvent","baseSubmitHandler","useBase","createBankAccount","isPendingCreate","useBankAccountsCreateMutation","control","methods","useForm","zodResolver","BankAccountFormSchema","onSubmit","data","payload","companyBankAccount","componentEvents","FormProvider","HtmlForm","BankAccountFormProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;AAqBO,SAASA,EAAgBC,GAAsD;AACpF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AACA,SAASG,EAAK,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,WAAAC,IAAY,MAA+B;AACzF,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,aAAaC,GAAmB,WAAWC,EAAA,IACjDC,EAAA,GAEI,EAAE,SAAAC,GAAS,GAAGC,EAAA,IAAYC,EAA+B;AAAA,IAC7D,UAAUC,EAAYC,CAAqB;AAAA,IAC3C,eAAe,EAAE,eAAe,IAAI,eAAe,GAAA;AAAA,EAAG,CACvD,GAEKC,IAAW,OAAOC,MAAgC;AACtD,UAAMX,EAAkBW,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,oBAAAC,MAAuB,MAAMX,EAAkB;AAAA;AAAA,QAErD,SAAS,EAAE,WAAAR,GAAW,aAAa,EAAE,GAAGkB,GAAS,aAAa,WAAA,EAAW;AAAA,MAAE,CAC5E;AAED,MAAAb,EAAQe,EAAgB,8BAA8BD,CAAkB;AAAA,IAC1E,CAAC;AAAA,EACH;AACA,SACE,gBAAAtB,EAAC,WAAA,EAAQ,WAAAI,GACP,UAAA,gBAAAJ,EAACwB,KAAc,GAAGT,GAAS,SAAAD,GACzB,UAAA,gBAAAd,EAACyB,GAAA,EAAS,UAAUV,EAAQ,aAAaI,CAAQ,GAC/C,UAAA,gBAAAnB,EAAC0B,GAAA,EAAwB,OAAO,EAAE,WAAWd,GAAiB,WAAAN,GAAW,SAAAE,KACvE,UAAA,gBAAAR,EAAC2B,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAtB,KAGC,gBAAAuB,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAA7B,EAAC8B,GAAA,EAAK;AAAA,sBACLC,GAAA,EAAK;AAAA,sBACLC,GAAA,CAAA,CAAQ;AAAA,EAAA,EAAA,CACX,EAAA,CAEJ,EAAA,CACF,EAAA,CACF,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountForm/Form.js CHANGED Viewed

@@ -1,15 +1,17 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { z as n } from "zod";
-import { useTranslation as i } from "react-i18next";
-import { accountNumberValidation as m, routingNumberValidation as u } from "../../../../helpers/validations.js";
+import { z as i } from "zod";
+import { useTranslation as m } from "react-i18next";
+import { accountNumberValidation as n, routingNumberValidation as u } from "../../../../helpers/validations.js";
 import { Flex as a } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../../shared/constants.js";
 import { TextInputField as e } from "../../../Common/Fields/TextInputField/TextInputField.js";
-const N = n.object({
+const g = i.object({
   routingNumber: u,
-  accountNumber: m
+  accountNumber: n
 });
-function d() {
-  const { t: r } = i("Company.BankAccount");
+function x() {
+  const { t: r } = m("Company.BankAccount");
   return /* @__PURE__ */ t(a, { flexDirection: "column", gap: 20, children: [
     /* @__PURE__ */ o(
       e,
@@ -33,7 +35,7 @@ function d() {
   ] });
 }
 export {
-  N as BankAccountFormSchema,
-  d as Form
+  g as BankAccountFormSchema,
+  x as Form
 };
 //# sourceMappingURL=Form.js.map

package/dist/components/Company/BankAccount/BankAccountForm/Form.js.map CHANGED Viewed

	@@ -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":"~~;;;;;;AAKa~~,~~MAAAA~~,IAAwBC,EAAE,OAAO;AAAA,EAC5C,eAAeC;AAAA,EACf,eAAeC;AACjB,CAAC;AAIM,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAElD,~~SACG~~,gBAAAC,~~EAAAC~~,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,~~IAC7C~~;AAAA,~~IACA~~,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;"}

package/dist/components/Company/BankAccount/BankAccountForm/Head.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n const { t } = useTranslation('Company.BankAccount')\n const Components = useComponentContext()\n\n return (\n <header>\n <Components.Heading as=\"h2\">{t('addBankAccountTitle')}</Components.Heading>\n <Components.Text>{t('addBankAccountDescription')}</Components.Text>\n </header>\n )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,~~EAAoB~~;~~AAEvC~~,2BACG,~~UACC~~,~~EAAA~~,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,qBAAqB,GAAE;AAAA,sBACrDE,EAAW,MAAX,EAAiB,UAAAF,EAAE,2BAA2B,~~EAAE~~,~~CAAA~~;AAAA,EAAA,GACnD;AAEJ;"}
1	+ {"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n const { t } = useTranslation('Company.BankAccount')\n const Components = useComponentContext()\n\n return (\n <header>\n <Components.Heading as=\"h2\">{t('addBankAccountTitle')}</Components.Heading>\n <Components.Text>{t('addBankAccountDescription')}</Components.Text>\n </header>\n )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,2BACG,UAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,qBAAqB,GAAE;AAAA,sBACrDE,EAAW,MAAX,EAAiB,UAAAF,EAAE,2BAA2B,EAAA,CAAE;AAAA,EAAA,GACnD;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountForm/context.js CHANGED Viewed

@@ -8,9 +8,9 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@tanstack/react-query";
 import "../../../Base/useBase.js";
 import "../../../../shared/constants.js";
+import "classnames";
 import "dompurify";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
 const [C, d] = o("BankAccountContext");
 export {

package/dist/components/Company/BankAccount/BankAccountList/AccountView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccountView.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/AccountView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccount } from './context'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function AccountView() {\n const { bankAccount } = useBankAccount()\n const { t } = useTranslation('Company.BankAccount')\n const Components = useComponentContext()\n\n return (\n <dl>\n <div>\n <dt>\n <Components.Text>{t('routingNumberLabel')}</Components.Text>\n </dt>\n <dd>\n <Components.Text>{bankAccount?.routingNumber}</Components.Text>\n </dd>\n </div>\n <div>\n <dt>\n <Components.Text>{t('accountNumberLabel')}</Components.Text>\n </dt>\n <dd>\n <Components.Text>{bankAccount?.hiddenAccountNumber}</Components.Text>\n </dd>\n </div>\n </dl>\n )\n}\n"],"names":["AccountView","bankAccount","useBankAccount","t","useTranslation","Components","useComponentContext","jsxs","jsx"],"mappings":";;;;AAIO,SAASA,IAAc;~~AACtB~~,~~QAAA~~,EAAE,aAAAC,~~EAAY~~,~~IAAIC~~,~~EAAe~~,~~GACjC~~,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,~~EAAoB~~;~~AAEvC~~,2BACG,~~MACC~~,~~EAAA~~,UAAA;AAAA,IAAA,gBAAAC,EAAC,~~OACC~~,~~EAAA~~,UAAA;AAAA,~~MAAC~~,gBAAAC,~~EAAA~~,MAAA,EACC,4BAACH,EAAW,MAAX,EAAiB,~~UAAEF~~,~~EAAA~~,oBAAoB,GAAE,~~EAC5C~~,~~CAAA~~;AAAA,MACA,gBAAAK,EAAC,QACC,~~UAAC~~,gBAAAA,~~EAAAH~~,EAAW,MAAX,EAAiB,UAAAJ,GAAa,~~cAAc~~,~~CAAA~~,~~EAC~~/C~~,CAAA~~;AAAA,IAAA,GACF;AAAA,sBACC,~~OACC~~,~~EAAA~~,UAAA;AAAA,~~MAAC~~,gBAAAO,~~EAAA~~,MAAA,EACC,4BAACH,EAAW,MAAX,EAAiB,~~UAAEF~~,~~EAAA~~,oBAAoB,GAAE,~~EAC5C~~,~~CAAA~~;AAAA,MACA,gBAAAK,EAAC,QACC,~~UAAC~~,gBAAAA,~~EAAAH~~,EAAW,MAAX,EAAiB,UAAAJ,GAAa,~~oBAAoB~~,~~CAAA~~,~~EACrD,CAAA~~;AAAA,IAAA,~~EACF~~,~~CAAA~~;AAAA,EAAA,GACF;AAEJ;"}
1	+ {"version":3,"file":"AccountView.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/AccountView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccount } from './context'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function AccountView() {\n const { bankAccount } = useBankAccount()\n const { t } = useTranslation('Company.BankAccount')\n const Components = useComponentContext()\n\n return (\n <dl>\n <div>\n <dt>\n <Components.Text>{t('routingNumberLabel')}</Components.Text>\n </dt>\n <dd>\n <Components.Text>{bankAccount?.routingNumber}</Components.Text>\n </dd>\n </div>\n <div>\n <dt>\n <Components.Text>{t('accountNumberLabel')}</Components.Text>\n </dt>\n <dd>\n <Components.Text>{bankAccount?.hiddenAccountNumber}</Components.Text>\n </dd>\n </div>\n </dl>\n )\n}\n"],"names":["AccountView","bankAccount","useBankAccount","t","useTranslation","Components","useComponentContext","jsxs","jsx"],"mappings":";;;;AAIO,SAASA,IAAc;AAC5B,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAClB,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,2BACG,MAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EACC,4BAACH,EAAW,MAAX,EAAiB,UAAAF,EAAE,oBAAoB,GAAE,EAAA,CAC5C;AAAA,MACA,gBAAAK,EAAC,QACC,UAAA,gBAAAA,EAACH,EAAW,MAAX,EAAiB,UAAAJ,GAAa,eAAc,EAAA,CAC/C;AAAA,IAAA,GACF;AAAA,sBACC,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAO,EAAC,MAAA,EACC,4BAACH,EAAW,MAAX,EAAiB,UAAAF,EAAE,oBAAoB,GAAE,EAAA,CAC5C;AAAA,MACA,gBAAAK,EAAC,QACC,UAAA,gBAAAA,EAACH,EAAW,MAAX,EAAiB,UAAAJ,GAAa,qBAAoB,EAAA,CACrD;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountList/Actions.js CHANGED Viewed

@@ -1,16 +1,18 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { useTranslation as i } from "react-i18next";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useTranslation as e } from "react-i18next";
 import { useBankAccount as a } from "./context.js";
-import { ActionsLayout as s } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as m } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function d() {
-  const { handleContinue: c, handleChange: r } = a(), { t: n } = i("Company.BankAccount"), o = m();
-  return /* @__PURE__ */ e(s, { children: [
-    /* @__PURE__ */ t(o.Button, { variant: "secondary", onClick: r, children: n("changeBankAccountCta") }),
-    /* @__PURE__ */ t(o.Button, { onClick: c, children: n("continueCta") })
+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 k() {
+  const { handleContinue: r, handleChange: c } = a(), { t: n } = e("Company.BankAccount"), o = s();
+  return /* @__PURE__ */ i(m, { children: [
+    /* @__PURE__ */ t(o.Button, { variant: "secondary", onClick: c, children: n("changeBankAccountCta") }),
+    /* @__PURE__ */ t(o.Button, { onClick: r, children: n("continueCta") })
   ] });
 }
 export {
-  d as Actions
+  k as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Company/BankAccount/BankAccountList/Actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccount } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n const { handleContinue, handleChange } = useBankAccount()\n const { t } = useTranslation('Company.BankAccount')\n const Components = useComponentContext()\n\n return (\n <ActionsLayout>\n <Components.Button variant=\"secondary\" onClick={handleChange}>\n {t('changeBankAccountCta')}\n </Components.Button>\n <Components.Button onClick={handleContinue}>{t('continueCta')}</Components.Button>\n </ActionsLayout>\n )\n}\n"],"names":["Actions","handleContinue","handleChange","useBankAccount","t","useTranslation","Components","useComponentContext","ActionsLayout","jsx"],"mappings":"~~;;;;;~~AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,gBAAAC,GAAgB,cAAAC,~~EAAa~~,~~IAAIC~~,~~EAAe~~,~~GAClD~~,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,~~EAAoB~~;~~AAEvC~~,2BACGC,~~GACC~~,~~EAAA~~,UAAA;AAAA,~~IAAC~~,gBAAAC,~~EAAAH~~,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASJ,GAC7C,~~UAAEE~~,~~EAAA~~,sBAAsB,~~EAC3B~~,~~CAAA~~;AAAA,IACA,gBAAAK,EAACH,EAAW,QAAX,EAAkB,SAASL,GAAiB,UAAAG,EAAE,aAAa,~~EAAE~~,~~CAAA~~;AAAA,EAAA,GAChE;AAEJ;"}
1	+ {"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccount } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n const { handleContinue, handleChange } = useBankAccount()\n const { t } = useTranslation('Company.BankAccount')\n const Components = useComponentContext()\n\n return (\n <ActionsLayout>\n <Components.Button variant=\"secondary\" onClick={handleChange}>\n {t('changeBankAccountCta')}\n </Components.Button>\n <Components.Button onClick={handleContinue}>{t('continueCta')}</Components.Button>\n </ActionsLayout>\n )\n}\n"],"names":["Actions","handleContinue","handleChange","useBankAccount","t","useTranslation","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,gBAAAC,GAAgB,cAAAC,EAAA,IAAiBC,EAAA,GACnC,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASJ,GAC7C,UAAAE,EAAE,sBAAsB,EAAA,CAC3B;AAAA,IACA,gBAAAK,EAACH,EAAW,QAAX,EAAkB,SAASL,GAAiB,UAAAG,EAAE,aAAa,EAAA,CAAE;AAAA,EAAA,GAChE;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountList/BankAccountList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BankAccountList.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/BankAccountList.tsx"],"sourcesContent":["import { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { Head } from './Head'\nimport { AccountView } from './AccountView'\nimport { BankAccountProvider } from './context'\nimport { Actions } from './Actions'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountListProps extends CommonComponentInterface {\n companyId: string\n showVerifiedMessage?: boolean\n}\n\nexport function BankAccountList(props: BankAccountListProps & BaseComponentInterface) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\nfunction Root({\n className,\n children,\n companyId,\n showVerifiedMessage = false,\n}: BankAccountListProps) {\n useI18n('Company.BankAccount')\n const { onEvent } = useBase()\n const { data } = useBankAccountsGetSuspense({ companyId })\n const companyBankAccountList = data.companyBankAccountList!\n //Currently, we only support a single default bank account per company.\n const bankAccount = companyBankAccountList.length > 0 ? companyBankAccountList[0]! : null\n if (!bankAccount) {\n throw new Error('No bank account found for the company.')\n }\n const handleVerification = () => {\n onEvent(componentEvents.COMPANY_BANK_ACCOUNT_VERIFY, bankAccount)\n }\n const handleContinue = () => {\n onEvent(componentEvents.COMPANY_BANK_ACCOUNT_DONE)\n }\n const handleChange = () => {\n onEvent(componentEvents.COMPANY_BANK_ACCOUNT_CHANGE)\n }\n\n return (\n <section className={className}>\n <BankAccountProvider\n value={{\n bankAccount,\n showVerifiedMessage,\n handleVerification,\n handleContinue,\n handleChange,\n }}\n >\n <Flex flexDirection=\"column\" gap={32}>\n {children ? (\n children\n ) : (\n <>\n <Head />\n <AccountView />\n <Actions />\n </>\n )}\n </Flex>\n </BankAccountProvider>\n </section>\n )\n}\n"],"names":["BankAccountList","props","jsx","BaseComponent","Root","className","children","companyId","showVerifiedMessage","useI18n","onEvent","useBase","data","useBankAccountsGetSuspense","companyBankAccountList","bankAccount","BankAccountProvider","componentEvents","Flex","jsxs","Fragment","Head","AccountView","Actions"],"mappings":";;;;;;;;;;;AAiBO,SAASA,EAAgBC,GAAsD;~~AAElF~~,~~SAAA~~,gBAAAC,EAACC,~~GAAe~~,~~EAAA~~,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,~~UAAMA~~,~~EAAA~~,SAAA,CAAS,~~EACnC~~,~~CAAA~~;AAEJ;AACA,SAASG,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,GAAyB;AACvB,EAAAC,EAAQ,qBAAqB;~~AACvB~~,~~QAAA~~,EAAE,SAAAC,~~EAAQ~~,~~IAAIC~~,~~EAAQ~~,~~GACtB~~,EAAE,MAAAC,~~EAAK~~,~~IAAIC~~,EAA2B,EAAE,WAAAN,GAAW,GACnDO,IAAyBF,EAAK,wBAE9BG,IAAcD,EAAuB,SAAS,IAAIA,EAAuB,CAAC,IAAK;AACrF,MAAI,CAACC;~~AACG~~,~~UAAA~~,IAAI,MAAM,wCAAwC;~~AAaxD~~,~~SAAA~~,gBAAAb,EAAC,aAAQ,WAAAG,GACP,UAAA,gBAAAH;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,aAAAD;AAAA,QACA,qBAAAP;AAAA,QACA,oBAhBmB,MAAM;~~AACvB~~,UAAAE,~~EAAAO~~,EAAgB,6BAA6BF,CAAW;AAAA,QAClE;AAAA,QAeQ,gBAde,MAAM;AAC3B,UAAAL,EAAQO,EAAgB,yBAAyB;AAAA,QACnD;AAAA,QAaQ,cAZa,MAAM;AACzB,UAAAP,EAAQO,EAAgB,2BAA2B;AAAA,QACrD;AAAA,~~MAWM~~;AAAA,~~MAEA~~,UAAA,gBAAAf,EAACgB,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAZ,~~KAIG~~,gBAAAa,EAAAC,GAAA,~~EAAA~~,UAAA;AAAA,QAAA,gBAAAlB,EAACmB,~~GAAK~~,~~EAAA~~;AAAA,0BACLC,~~GAAY~~,~~EAAA~~;AAAA,0BACZC,~~GAAQ~~,CAAA,~~CAAA~~;AAAA,MAAA,EAAA,CACX,~~EAEJ~~,~~CAAA~~;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
1	+ {"version":3,"file":"BankAccountList.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/BankAccountList.tsx"],"sourcesContent":["import { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { Head } from './Head'\nimport { AccountView } from './AccountView'\nimport { BankAccountProvider } from './context'\nimport { Actions } from './Actions'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountListProps extends CommonComponentInterface {\n companyId: string\n showVerifiedMessage?: boolean\n}\n\nexport function BankAccountList(props: BankAccountListProps & BaseComponentInterface) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\nfunction Root({\n className,\n children,\n companyId,\n showVerifiedMessage = false,\n}: BankAccountListProps) {\n useI18n('Company.BankAccount')\n const { onEvent } = useBase()\n const { data } = useBankAccountsGetSuspense({ companyId })\n const companyBankAccountList = data.companyBankAccountList!\n //Currently, we only support a single default bank account per company.\n const bankAccount = companyBankAccountList.length > 0 ? companyBankAccountList[0]! : null\n if (!bankAccount) {\n throw new Error('No bank account found for the company.')\n }\n const handleVerification = () => {\n onEvent(componentEvents.COMPANY_BANK_ACCOUNT_VERIFY, bankAccount)\n }\n const handleContinue = () => {\n onEvent(componentEvents.COMPANY_BANK_ACCOUNT_DONE)\n }\n const handleChange = () => {\n onEvent(componentEvents.COMPANY_BANK_ACCOUNT_CHANGE)\n }\n\n return (\n <section className={className}>\n <BankAccountProvider\n value={{\n bankAccount,\n showVerifiedMessage,\n handleVerification,\n handleContinue,\n handleChange,\n }}\n >\n <Flex flexDirection=\"column\" gap={32}>\n {children ? (\n children\n ) : (\n <>\n <Head />\n <AccountView />\n <Actions />\n </>\n )}\n </Flex>\n </BankAccountProvider>\n </section>\n )\n}\n"],"names":["BankAccountList","props","jsx","BaseComponent","Root","className","children","companyId","showVerifiedMessage","useI18n","onEvent","useBase","data","useBankAccountsGetSuspense","companyBankAccountList","bankAccount","BankAccountProvider","componentEvents","Flex","jsxs","Fragment","Head","AccountView","Actions"],"mappings":";;;;;;;;;;;AAiBO,SAASA,EAAgBC,GAAsD;AACpF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AACA,SAASG,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,GAAyB;AACvB,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,MAAAC,EAAA,IAASC,EAA2B,EAAE,WAAAN,GAAW,GACnDO,IAAyBF,EAAK,wBAE9BG,IAAcD,EAAuB,SAAS,IAAIA,EAAuB,CAAC,IAAK;AACrF,MAAI,CAACC;AACH,UAAM,IAAI,MAAM,wCAAwC;AAY1D,SACE,gBAAAb,EAAC,aAAQ,WAAAG,GACP,UAAA,gBAAAH;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,aAAAD;AAAA,QACA,qBAAAP;AAAA,QACA,oBAhBmB,MAAM;AAC/B,UAAAE,EAAQO,EAAgB,6BAA6BF,CAAW;AAAA,QAClE;AAAA,QAeQ,gBAde,MAAM;AAC3B,UAAAL,EAAQO,EAAgB,yBAAyB;AAAA,QACnD;AAAA,QAaQ,cAZa,MAAM;AACzB,UAAAP,EAAQO,EAAgB,2BAA2B;AAAA,QACrD;AAAA,MAUQ;AAAA,MAGF,UAAA,gBAAAf,EAACgB,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAZ,KAGC,gBAAAa,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAlB,EAACmB,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAY;AAAA,0BACZC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountList/Head.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccount } from './context'\nimport VerificationPendingIcon from '@/assets/icons/verification_pending.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n const { bankAccount, showVerifiedMessage, handleVerification } = useBankAccount()\n const { t } = useTranslation('Company.BankAccount')\n const Components = useComponentContext()\n\n return (\n <header>\n <Components.Heading as=\"h2\">{t('addBankAccountTitle')}</Components.Heading>\n <Components.Text>{t('addBankAccountDescription')}</Components.Text>\n {bankAccount?.verificationStatus != 'verified' && (\n <Components.Alert\n //@ts-expect-error: typescript limitation\n label={t(`verificationAlert.${bankAccount?.verificationStatus}.label`)}\n icon={<VerificationPendingIcon />}\n >\n <Components.Text>\n {/@ts-expect-error: typescript limitation /}\n {t(`verificationAlert.${bankAccount?.verificationStatus}.description`, {\n number: bankAccount?.hiddenAccountNumber,\n })}\n </Components.Text>\n <Components.Button\n variant=\"secondary\"\n onClick={handleVerification}\n isDisabled={bankAccount?.verificationStatus !== 'ready_for_verification'}\n >\n {t('verifyBankAccountCta')}\n </Components.Button>\n </Components.Alert>\n )}\n {showVerifiedMessage && (\n <Components.Alert\n label={t('verificationAlert.verified.label')}\n status=\"success\"\n ></Components.Alert>\n )}\n </header>\n )\n}\n"],"names":["Head","bankAccount","showVerifiedMessage","handleVerification","useBankAccount","t","useTranslation","Components","useComponentContext","jsx","jsxs","VerificationPendingIcon"],"mappings":";;;;;AAKO,SAASA,IAAO;AACrB,QAAM,EAAE,aAAAC,GAAa,qBAAAC,GAAqB,oBAAAC,EAAA,IAAuBC,~~EAAe~~,~~GAC1E~~,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,~~EAAoB~~;~~AAEvC~~,2BACG,~~UACC~~,~~EAAA~~,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,qBAAqB,GAAE;AAAA,sBACrDE,EAAW,MAAX,EAAiB,UAAAF,EAAE,2BAA2B,GAAE;AAAA,IAChDJ,GAAa,sBAAsB,cAClC,gBAAAS;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QAEC,OAAOF,EAAE,qBAAqBJ,GAAa,kBAAkB,QAAQ;AAAA,QACrE,wBAAOU,~~GAAwB~~,~~EAAA~~;AAAA,QAE/B,UAAA;AAAA,UAAA,gBAAAF,EAACF,EAAW,MAAX,EAEE,YAAE,qBAAqBN,GAAa,kBAAkB,gBAAgB;AAAA,YACrE,QAAQA,GAAa;AAAA,~~UACtB~~,~~CAAA~~,GACH;AAAA,UACA,gBAAAQ;AAAA,YAACF,EAAW;AAAA,YAAX;AAAA,cACC,SAAQ;AAAA,cACR,SAASJ;AAAA,cACT,YAAYF,GAAa,uBAAuB;AAAA,cAE/C,YAAE,sBAAsB;AAAA,YAAA;AAAA,UAAA;AAAA,QAC3B;AAAA,MAAA;AAAA,~~IACF~~;AAAA,~~IAEDC~~,KACC,gBAAAO;AAAA,MAACF,EAAW;AAAA,MAAX;AAAA,QACC,OAAOF,EAAE,kCAAkC;AAAA,QAC3C,QAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GAEL;AAEJ;"}
1	+ {"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccount } from './context'\nimport VerificationPendingIcon from '@/assets/icons/verification_pending.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n const { bankAccount, showVerifiedMessage, handleVerification } = useBankAccount()\n const { t } = useTranslation('Company.BankAccount')\n const Components = useComponentContext()\n\n return (\n <header>\n <Components.Heading as=\"h2\">{t('addBankAccountTitle')}</Components.Heading>\n <Components.Text>{t('addBankAccountDescription')}</Components.Text>\n {bankAccount?.verificationStatus != 'verified' && (\n <Components.Alert\n //@ts-expect-error: typescript limitation\n label={t(`verificationAlert.${bankAccount?.verificationStatus}.label`)}\n icon={<VerificationPendingIcon />}\n >\n <Components.Text>\n {/@ts-expect-error: typescript limitation /}\n {t(`verificationAlert.${bankAccount?.verificationStatus}.description`, {\n number: bankAccount?.hiddenAccountNumber,\n })}\n </Components.Text>\n <Components.Button\n variant=\"secondary\"\n onClick={handleVerification}\n isDisabled={bankAccount?.verificationStatus !== 'ready_for_verification'}\n >\n {t('verifyBankAccountCta')}\n </Components.Button>\n </Components.Alert>\n )}\n {showVerifiedMessage && (\n <Components.Alert\n label={t('verificationAlert.verified.label')}\n status=\"success\"\n ></Components.Alert>\n )}\n </header>\n )\n}\n"],"names":["Head","bankAccount","showVerifiedMessage","handleVerification","useBankAccount","t","useTranslation","Components","useComponentContext","jsx","jsxs","VerificationPendingIcon"],"mappings":";;;;;AAKO,SAASA,IAAO;AACrB,QAAM,EAAE,aAAAC,GAAa,qBAAAC,GAAqB,oBAAAC,EAAA,IAAuBC,EAAA,GAC3D,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,2BACG,UAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,qBAAqB,GAAE;AAAA,sBACrDE,EAAW,MAAX,EAAiB,UAAAF,EAAE,2BAA2B,GAAE;AAAA,IAChDJ,GAAa,sBAAsB,cAClC,gBAAAS;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QAEC,OAAOF,EAAE,qBAAqBJ,GAAa,kBAAkB,QAAQ;AAAA,QACrE,wBAAOU,GAAA,EAAwB;AAAA,QAE/B,UAAA;AAAA,UAAA,gBAAAF,EAACF,EAAW,MAAX,EAEE,YAAE,qBAAqBN,GAAa,kBAAkB,gBAAgB;AAAA,YACrE,QAAQA,GAAa;AAAA,UAAA,CACtB,GACH;AAAA,UACA,gBAAAQ;AAAA,YAACF,EAAW;AAAA,YAAX;AAAA,cACC,SAAQ;AAAA,cACR,SAASJ;AAAA,cACT,YAAYF,GAAa,uBAAuB;AAAA,cAE/C,YAAE,sBAAsB;AAAA,YAAA;AAAA,UAAA;AAAA,QAC3B;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHC,KACC,gBAAAO;AAAA,MAACF,EAAW;AAAA,MAAX;AAAA,QACC,OAAOF,EAAE,kCAAkC;AAAA,QAC3C,QAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GAEL;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountVerify/Actions.js CHANGED Viewed

@@ -1,33 +1,35 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { useTranslation as e } from "react-i18next";
-import { useBankAccountVerify as r } from "./context.js";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { useTranslation as c } from "react-i18next";
+import { useBankAccountVerify as e } from "./context.js";
+import "classnames";
+import "../../../../shared/constants.js";
 import { ActionsLayout as s } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as m } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function y() {
-  const { t: n } = e("Company.BankAccount"), { isPending: t, handleCancel: a } = r(), o = m();
-  return /* @__PURE__ */ c(s, { children: [
+function k() {
+  const { t } = c("Company.BankAccount"), { isPending: n, handleCancel: a } = e(), o = m();
+  return /* @__PURE__ */ r(s, { children: [
     /* @__PURE__ */ i(
       o.Button,
       {
         variant: "secondary",
-        isLoading: t,
+        isLoading: n,
         onClick: a,
         "data-testid": "bank-account-verify-cancel",
-        children: n("cancelCta")
+        children: t("cancelCta")
       }
     ),
     /* @__PURE__ */ i(
       o.Button,
       {
         type: "submit",
-        isLoading: t,
+        isLoading: n,
         "data-testid": "bank-account-verify-submit",
-        children: n("verifyCta")
+        children: t("verifyCta")
       }
     )
   ] });
 }
 export {
-  y as Actions
+  k as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Company/BankAccount/BankAccountVerify/Actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccountVerify } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n const { t } = useTranslation('Company.BankAccount')\n const { isPending, handleCancel } = useBankAccountVerify()\n const Components = useComponentContext()\n\n return (\n <ActionsLayout>\n <Components.Button\n variant=\"secondary\"\n isLoading={isPending}\n onClick={handleCancel}\n data-testid=\"bank-account-verify-cancel\"\n >\n {t('cancelCta')}\n </Components.Button>\n <Components.Button\n type=\"submit\"\n isLoading={isPending}\n data-testid=\"bank-account-verify-submit\"\n >\n {t('verifyCta')}\n </Components.Button>\n </ActionsLayout>\n )\n}\n"],"names":["Actions","~~t","~~useTranslation","isPending","handleCancel","useBankAccountVerify","Components","useComponentContext","ActionsLayout","jsx"],"mappings":"~~;;;;;~~AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,~~GAAAC,~~EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,WAAAC,GAAW,cAAAC,~~EAAa~~,~~IAAIC~~,~~EAAqB~~,~~GACnDC~~,IAAaC,~~EAAoB~~;~~AAEvC~~,2BACGC,~~GACC~~,~~EAAA~~,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,WAAWH;AAAA,QACX,SAASC;AAAA,QACT,eAAY;AAAA,QAEX,YAAE,WAAW;AAAA,MAAA;AAAA,~~IAChB~~;AAAA,~~IACA~~,gBAAAK;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,WAAWH;AAAA,QACX,eAAY;AAAA,QAEX,YAAE,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}
1	+ {"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccountVerify } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n const { t } = useTranslation('Company.BankAccount')\n const { isPending, handleCancel } = useBankAccountVerify()\n const Components = useComponentContext()\n\n return (\n <ActionsLayout>\n <Components.Button\n variant=\"secondary\"\n isLoading={isPending}\n onClick={handleCancel}\n data-testid=\"bank-account-verify-cancel\"\n >\n {t('cancelCta')}\n </Components.Button>\n <Components.Button\n type=\"submit\"\n isLoading={isPending}\n data-testid=\"bank-account-verify-submit\"\n >\n {t('verifyCta')}\n </Components.Button>\n </ActionsLayout>\n )\n}\n"],"names":["Actions","useTranslation","isPending","handleCancel","useBankAccountVerify","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,WAAWH;AAAA,QACX,SAASC;AAAA,QACT,eAAY;AAAA,QAEX,YAAE,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhB,gBAAAK;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,WAAWH;AAAA,QACX,eAAY;AAAA,QAEX,YAAE,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountVerify/BankAccountVerify.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BankAccountVerify.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/BankAccountVerify.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useBankAccountsVerifyMutation } from '@gusto/embedded-api/react-query/bankAccountsVerify'\nimport { Head } from './Head'\nimport { BankAccountVerifyProvider } from './context'\nimport type { BankAccountVerifyInputs } from './Form'\nimport { BankAccountVerifySchema, Form } from './Form'\nimport { Actions } from './Actions'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountVerifyProps extends CommonComponentInterface {\n companyId: string\n bankAccountId: string\n}\n\nexport function BankAccountVerify(props: BankAccountVerifyProps & BaseComponentInterface) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\nfunction Root({ companyId, bankAccountId, className, children }: BankAccountVerifyProps) {\n useI18n('Company.BankAccount')\n const { onEvent, baseSubmitHandler } = useBase()\n const { mutateAsync: verifyBankAccount, isPending } = useBankAccountsVerifyMutation()\n\n const { control, ...methods } = useForm<BankAccountVerifyInputs>({\n resolver: zodResolver(BankAccountVerifySchema),\n defaultValues: { deposit1: 0, deposit2: 0 },\n })\n\n const onSubmit = async (data: BankAccountVerifyInputs) => {\n await baseSubmitHandler(data, async payload => {\n const { companyBankAccount } = await verifyBankAccount({\n request: { companyId, bankAccountUuid: bankAccountId, requestBody: payload },\n })\n onEvent(componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED, companyBankAccount)\n })\n }\n const handleCancel = () => {\n onEvent(componentEvents.CANCEL)\n }\n\n return (\n <section className={className}>\n <FormProvider {...methods} control={control}>\n <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n <BankAccountVerifyProvider\n value={{\n isPending,\n handleCancel,\n }}\n >\n <Flex flexDirection=\"column\" gap={32}>\n {children ? (\n children\n ) : (\n <>\n <Head />\n <Form />\n <Actions />\n </>\n )}\n </Flex>\n </BankAccountVerifyProvider>\n </HtmlForm>\n </FormProvider>\n </section>\n )\n}\n"],"names":["BankAccountVerify","props","jsx","BaseComponent","Root","companyId","bankAccountId","className","children","useI18n","onEvent","baseSubmitHandler","useBase","verifyBankAccount","isPending","useBankAccountsVerifyMutation","control","methods","useForm","zodResolver","BankAccountVerifySchema","onSubmit","data","payload","companyBankAccount","componentEvents","handleCancel","FormProvider","HtmlForm","BankAccountVerifyProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;AAqBO,SAASA,EAAkBC,GAAwD;~~AAEtF~~,~~SAAA~~,gBAAAC,EAACC,~~GAAe~~,~~EAAA~~,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,~~UAAMA~~,~~EAAA~~,SAAA,CAAS,~~EACnC~~,~~CAAA~~;AAEJ;AACA,SAASG,EAAK,EAAE,WAAAC,GAAW,eAAAC,GAAe,WAAAC,GAAW,UAAAC,KAAoC;AACvF,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,~~EAAkB~~,~~IAAIC~~,~~EAAQ~~,~~GACzC~~,EAAE,aAAaC,GAAmB,WAAAC,EAAA,IAAcC,~~EAA8B~~,~~GAE9E~~,EAAE,SAAAC,GAAS,GAAGC,EAAA,IAAYC,EAAiC;AAAA,IAC/D,UAAUC,EAAYC,CAAuB;AAAA,IAC7C,eAAe,EAAE,UAAU,GAAG,UAAU,~~EAAE~~;AAAA,~~EAAA~~,CAC3C,GAEKC,IAAW,OAAOC,MAAkC;~~AAClD~~,~~UAAAX~~,EAAkBW,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,oBAAAC,MAAuB,MAAMX,EAAkB;AAAA,QACrD,SAAS,EAAE,WAAAR,GAAW,iBAAiBC,GAAe,aAAaiB,~~EAAQ~~;AAAA,~~MAAA~~,CAC5E;~~AACO~~,MAAAb,~~EAAAe~~,EAAgB,+BAA+BD,CAAkB;AAAA,~~IAAA~~,~~CAC1E~~;AAAA,EACH,GACME,IAAe,MAAM;AACzB,IAAAhB,EAAQe,EAAgB,MAAM;AAAA,EAChC;AAEA,~~SACG~~,gBAAAvB,~~EAAA~~,WAAA,EAAQ,WAAAK,GACP,UAAA,gBAAAL,EAACyB,KAAc,GAAGV,GAAS,SAAAD,GACzB,UAAA,gBAAAd,EAAC0B,~~GAAS~~,~~EAAA~~,UAAUX,EAAQ,aAAaI,CAAQ,GAC/C,UAAA,gBAAAnB;AAAA,IAAC2B;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAf;AAAA,QACA,cAAAY;AAAA,~~MACF~~;AAAA,~~MAEA~~,UAAA,gBAAAxB,EAAC4B,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAtB,~~KAIG~~,gBAAAuB,EAAAC,GAAA,~~EAAA~~,UAAA;AAAA,QAAA,gBAAA9B,EAAC+B,~~GAAK~~,~~EAAA~~;AAAA,0BACLC,~~GAAK~~,~~EAAA~~;AAAA,0BACLC,~~GAAQ~~,CAAA,~~CAAA~~;AAAA,MAAA,EAAA,CACX,~~EAEJ~~,~~CAAA~~;AAAA,IAAA;AAAA,EAAA,~~EAEJ,CAAA,~~EACF,~~CAAA~~,GACF;AAEJ;"}
1	+ {"version":3,"file":"BankAccountVerify.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/BankAccountVerify.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useBankAccountsVerifyMutation } from '@gusto/embedded-api/react-query/bankAccountsVerify'\nimport { Head } from './Head'\nimport { BankAccountVerifyProvider } from './context'\nimport type { BankAccountVerifyInputs } from './Form'\nimport { BankAccountVerifySchema, Form } from './Form'\nimport { Actions } from './Actions'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountVerifyProps extends CommonComponentInterface {\n companyId: string\n bankAccountId: string\n}\n\nexport function BankAccountVerify(props: BankAccountVerifyProps & BaseComponentInterface) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\nfunction Root({ companyId, bankAccountId, className, children }: BankAccountVerifyProps) {\n useI18n('Company.BankAccount')\n const { onEvent, baseSubmitHandler } = useBase()\n const { mutateAsync: verifyBankAccount, isPending } = useBankAccountsVerifyMutation()\n\n const { control, ...methods } = useForm<BankAccountVerifyInputs>({\n resolver: zodResolver(BankAccountVerifySchema),\n defaultValues: { deposit1: 0, deposit2: 0 },\n })\n\n const onSubmit = async (data: BankAccountVerifyInputs) => {\n await baseSubmitHandler(data, async payload => {\n const { companyBankAccount } = await verifyBankAccount({\n request: { companyId, bankAccountUuid: bankAccountId, requestBody: payload },\n })\n onEvent(componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED, companyBankAccount)\n })\n }\n const handleCancel = () => {\n onEvent(componentEvents.CANCEL)\n }\n\n return (\n <section className={className}>\n <FormProvider {...methods} control={control}>\n <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n <BankAccountVerifyProvider\n value={{\n isPending,\n handleCancel,\n }}\n >\n <Flex flexDirection=\"column\" gap={32}>\n {children ? (\n children\n ) : (\n <>\n <Head />\n <Form />\n <Actions />\n </>\n )}\n </Flex>\n </BankAccountVerifyProvider>\n </HtmlForm>\n </FormProvider>\n </section>\n )\n}\n"],"names":["BankAccountVerify","props","jsx","BaseComponent","Root","companyId","bankAccountId","className","children","useI18n","onEvent","baseSubmitHandler","useBase","verifyBankAccount","isPending","useBankAccountsVerifyMutation","control","methods","useForm","zodResolver","BankAccountVerifySchema","onSubmit","data","payload","companyBankAccount","componentEvents","handleCancel","FormProvider","HtmlForm","BankAccountVerifyProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;AAqBO,SAASA,EAAkBC,GAAwD;AACxF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AACA,SAASG,EAAK,EAAE,WAAAC,GAAW,eAAAC,GAAe,WAAAC,GAAW,UAAAC,KAAoC;AACvF,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,aAAaC,GAAmB,WAAAC,EAAA,IAAcC,EAAA,GAEhD,EAAE,SAAAC,GAAS,GAAGC,EAAA,IAAYC,EAAiC;AAAA,IAC/D,UAAUC,EAAYC,CAAuB;AAAA,IAC7C,eAAe,EAAE,UAAU,GAAG,UAAU,EAAA;AAAA,EAAE,CAC3C,GAEKC,IAAW,OAAOC,MAAkC;AACxD,UAAMX,EAAkBW,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,oBAAAC,MAAuB,MAAMX,EAAkB;AAAA,QACrD,SAAS,EAAE,WAAAR,GAAW,iBAAiBC,GAAe,aAAaiB,EAAA;AAAA,MAAQ,CAC5E;AACD,MAAAb,EAAQe,EAAgB,+BAA+BD,CAAkB;AAAA,IAC3E,CAAC;AAAA,EACH,GACME,IAAe,MAAM;AACzB,IAAAhB,EAAQe,EAAgB,MAAM;AAAA,EAChC;AAEA,SACE,gBAAAvB,EAAC,WAAA,EAAQ,WAAAK,GACP,UAAA,gBAAAL,EAACyB,KAAc,GAAGV,GAAS,SAAAD,GACzB,UAAA,gBAAAd,EAAC0B,GAAA,EAAS,UAAUX,EAAQ,aAAaI,CAAQ,GAC/C,UAAA,gBAAAnB;AAAA,IAAC2B;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAf;AAAA,QACA,cAAAY;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAxB,EAAC4B,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAtB,KAGC,gBAAAuB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAA9B,EAAC+B,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,EACF,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountVerify/Form.js CHANGED Viewed

@@ -2,12 +2,14 @@ import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import { z as o } from "zod";
 import { useTranslation as n } from "react-i18next";
 import { Flex as s } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../../shared/constants.js";
 import { NumberInputField as i } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
-const u = o.object({
+const f = o.object({
   deposit1: o.number().min(0),
   deposit2: o.number().min(0)
 });
-function l() {
+function b() {
   const { t: e } = n("Company.BankAccount");
   return /* @__PURE__ */ t(s, { flexDirection: "column", gap: 20, children: [
     /* @__PURE__ */ r(
@@ -35,7 +37,7 @@ function l() {
   ] });
 }
 export {
-  u as BankAccountVerifySchema,
-  l as Form
+  f as BankAccountVerifySchema,
+  b as Form
 };
 //# sourceMappingURL=Form.js.map

package/dist/components/Company/BankAccount/BankAccountVerify/Form.js.map CHANGED Viewed

	@@ -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":"~~;;;;;AAIa~~,~~MAAAA~~,IAA0BC,EAAE,OAAO;AAAA,EAC9C,UAAUA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC1B,UAAUA,EAAE,~~OAAO~~,~~EAAE~~,IAAI,CAAC;AAC5B,CAAC;AAIM,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAElD,~~SACG~~,gBAAAC,~~EAAAC~~,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,~~IACxC~~;AAAA,~~IACA~~,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;"}

package/dist/components/Company/BankAccount/BankAccountVerify/Head.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n const { t } = useTranslation('Company.BankAccount')\n const Components = useComponentContext()\n\n return (\n <header>\n <Components.Heading as=\"h2\">{t('verifyBankAccountTitle')}</Components.Heading>\n <Components.Text>{t('verifyBankAccountDescription')}</Components.Text>\n </header>\n )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,~~EAAoB~~;~~AAEvC~~,2BACG,~~UACC~~,~~EAAA~~,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,wBAAwB,GAAE;AAAA,sBACxDE,EAAW,MAAX,EAAiB,UAAAF,EAAE,8BAA8B,~~EAAE~~,~~CAAA~~;AAAA,EAAA,GACtD;AAEJ;"}
1	+ {"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n const { t } = useTranslation('Company.BankAccount')\n const Components = useComponentContext()\n\n return (\n <header>\n <Components.Heading as=\"h2\">{t('verifyBankAccountTitle')}</Components.Heading>\n <Components.Text>{t('verifyBankAccountDescription')}</Components.Text>\n </header>\n )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,2BACG,UAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,wBAAwB,GAAE;AAAA,sBACxDE,EAAW,MAAX,EAAiB,UAAAF,EAAE,8BAA8B,EAAA,CAAE;AAAA,EAAA,GACtD;AAEJ;"}

package/dist/components/Company/BankAccount/stateMachine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stateMachine.js","sources":["../../../../src/components/Company/BankAccount/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce, state as final } from 'robot3'\nimport type { BankAccountContextInterface, EventPayloads } from './BankAccountComponents'\nimport {\n BankAccountFormContextual,\n BankAccountVerifyContextual,\n BankAccountListContextual,\n} from './BankAccountComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType } from '@/types/Helpers'\n\nexport const bankAccountStateMachine = {\n viewBankAccount: state(\n transition(\n componentEvents.COMPANY_BANK_ACCOUNT_CHANGE,\n 'addBankAccount',\n reduce((ctx: BankAccountContextInterface) => ({\n ...ctx,\n component: BankAccountFormContextual,\n showVerifiedMessage: false,\n })),\n ),\n transition(\n componentEvents.COMPANY_BANK_ACCOUNT_VERIFY,\n 'verifyBankAccount',\n reduce((ctx: BankAccountContextInterface) => ({\n ...ctx,\n component: BankAccountVerifyContextual,\n showVerifiedMessage: false,\n })),\n ),\n transition(componentEvents.COMPANY_BANK_ACCOUNT_DONE, 'done'),\n ),\n addBankAccount: state(\n transition(\n componentEvents.COMPANY_BANK_ACCOUNT_CREATED,\n 'viewBankAccount',\n reduce(\n (\n ctx: BankAccountContextInterface,\n ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_BANK_ACCOUNT_CREATED>,\n ) => ({\n ...ctx,\n component: BankAccountListContextual,\n bankAccount: ev.payload,\n }),\n ),\n ),\n transition(\n componentEvents.COMPANY_BANK_ACCOUNT_CANCEL,\n 'viewBankAccount',\n reduce((ctx: BankAccountContextInterface) => ({\n ...ctx,\n component: BankAccountListContextual,\n })),\n ),\n ),\n verifyBankAccount: state(\n transition(\n componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED,\n 'viewBankAccount',\n reduce(\n (\n ctx: BankAccountContextInterface,\n ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED>,\n ): BankAccountContextInterface => ({\n ...ctx,\n component: BankAccountListContextual,\n bankAccount: ev.payload,\n showVerifiedMessage: ev.payload.verificationStatus === 'verified',\n }),\n ),\n ),\n transition(\n componentEvents.CANCEL,\n 'viewBankAccount',\n reduce((ctx: BankAccountContextInterface) => ({\n ...ctx,\n component: BankAccountListContextual,\n })),\n ),\n ),\n done: final(),\n}\n"],"names":["bankAccountStateMachine","state","transition","componentEvents","reduce","ctx","BankAccountFormContextual","BankAccountVerifyContextual","ev","BankAccountListContextual","final"],"mappings":";;;AAUO,MAAMA,IAA0B;AAAA,EACrC,iBAAiBC;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAsC;AAAA,QAC5C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,qBAAqB;AAAA,MAAA,EACrB;AAAA,~~IACJ~~;AAAA,~~IACAJ~~;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAsC;AAAA,QAC5C,GAAGA;AAAA,QACH,WAAWE;AAAA,QACX,qBAAqB;AAAA,MAAA,EACrB;AAAA,~~IACJ~~;AAAA,~~IACAL~~,EAAWC,EAAgB,2BAA2B,MAAM;AAAA,~~EAC9D~~;AAAA,~~EACA~~,gBAAgBF;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAG,OACI;AAAA,UACJ,GAAGH;AAAA,UACH,WAAWI;AAAA,UACX,aAAaD,EAAG;AAAA,~~QAClB~~;AAAA,~~MAAA~~;AAAA,~~IAEJ~~;AAAA,~~IACAN~~;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAsC;AAAA,QAC5C,GAAGA;AAAA,QACH,WAAWI;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,~~EAEN~~;AAAA,~~EACA~~,mBAAmBR;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAG,OACiC;AAAA,UACjC,GAAGH;AAAA,UACH,WAAWI;AAAA,UACX,aAAaD,EAAG;AAAA,UAChB,qBAAqBA,EAAG,QAAQ,uBAAuB;AAAA,~~QACzD~~;AAAA,~~MAAA~~;AAAA,~~IAEJ~~;AAAA,~~IACAN~~;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAsC;AAAA,QAC5C,GAAGA;AAAA,QACH,WAAWI;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,~~EAEN~~;AAAA,~~EACA~~,MAAMC,~~EAAM~~;~~AACd~~;"}
1	+ {"version":3,"file":"stateMachine.js","sources":["../../../../src/components/Company/BankAccount/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce, state as final } from 'robot3'\nimport type { BankAccountContextInterface, EventPayloads } from './BankAccountComponents'\nimport {\n BankAccountFormContextual,\n BankAccountVerifyContextual,\n BankAccountListContextual,\n} from './BankAccountComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType } from '@/types/Helpers'\n\nexport const bankAccountStateMachine = {\n viewBankAccount: state(\n transition(\n componentEvents.COMPANY_BANK_ACCOUNT_CHANGE,\n 'addBankAccount',\n reduce((ctx: BankAccountContextInterface) => ({\n ...ctx,\n component: BankAccountFormContextual,\n showVerifiedMessage: false,\n })),\n ),\n transition(\n componentEvents.COMPANY_BANK_ACCOUNT_VERIFY,\n 'verifyBankAccount',\n reduce((ctx: BankAccountContextInterface) => ({\n ...ctx,\n component: BankAccountVerifyContextual,\n showVerifiedMessage: false,\n })),\n ),\n transition(componentEvents.COMPANY_BANK_ACCOUNT_DONE, 'done'),\n ),\n addBankAccount: state(\n transition(\n componentEvents.COMPANY_BANK_ACCOUNT_CREATED,\n 'viewBankAccount',\n reduce(\n (\n ctx: BankAccountContextInterface,\n ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_BANK_ACCOUNT_CREATED>,\n ) => ({\n ...ctx,\n component: BankAccountListContextual,\n bankAccount: ev.payload,\n }),\n ),\n ),\n transition(\n componentEvents.COMPANY_BANK_ACCOUNT_CANCEL,\n 'viewBankAccount',\n reduce((ctx: BankAccountContextInterface) => ({\n ...ctx,\n component: BankAccountListContextual,\n })),\n ),\n ),\n verifyBankAccount: state(\n transition(\n componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED,\n 'viewBankAccount',\n reduce(\n (\n ctx: BankAccountContextInterface,\n ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED>,\n ): BankAccountContextInterface => ({\n ...ctx,\n component: BankAccountListContextual,\n bankAccount: ev.payload,\n showVerifiedMessage: ev.payload.verificationStatus === 'verified',\n }),\n ),\n ),\n transition(\n componentEvents.CANCEL,\n 'viewBankAccount',\n reduce((ctx: BankAccountContextInterface) => ({\n ...ctx,\n component: BankAccountListContextual,\n })),\n ),\n ),\n done: final(),\n}\n"],"names":["bankAccountStateMachine","state","transition","componentEvents","reduce","ctx","BankAccountFormContextual","BankAccountVerifyContextual","ev","BankAccountListContextual","final"],"mappings":";;;AAUO,MAAMA,IAA0B;AAAA,EACrC,iBAAiBC;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAsC;AAAA,QAC5C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,qBAAqB;AAAA,MAAA,EACrB;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAsC;AAAA,QAC5C,GAAGA;AAAA,QACH,WAAWE;AAAA,QACX,qBAAqB;AAAA,MAAA,EACrB;AAAA,IAAA;AAAA,IAEJL,EAAWC,EAAgB,2BAA2B,MAAM;AAAA,EAAA;AAAA,EAE9D,gBAAgBF;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAG,OACI;AAAA,UACJ,GAAGH;AAAA,UACH,WAAWI;AAAA,UACX,aAAaD,EAAG;AAAA,QAAA;AAAA,MAClB;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAsC;AAAA,QAC5C,GAAGA;AAAA,QACH,WAAWI;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,mBAAmBR;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAG,OACiC;AAAA,UACjC,GAAGH;AAAA,UACH,WAAWI;AAAA,UACX,aAAaD,EAAG;AAAA,UAChB,qBAAqBA,EAAG,QAAQ,uBAAuB;AAAA,QAAA;AAAA,MACzD;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAsC;AAAA,QAC5C,GAAGA;AAAA,QACH,WAAWI;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,MAAMC,EAAA;AACR;"}

package/dist/components/Company/DocumentSigner/DocumentList/Actions.js CHANGED Viewed

@@ -1,13 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useTranslation as e } from "react-i18next";
-import { useDocumentList as m } from "./useDocumentList.js";
+import { useTranslation as m } from "react-i18next";
+import { useDocumentList as e } from "./useDocumentList.js";
+import "classnames";
+import "../../../../shared/constants.js";
 import { ActionsLayout as s } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function l({ continueCtaLabel: t }) {
-  const { t: n } = e("Company.DocumentList"), { handleContinue: i } = m(), r = c();
+function h({ continueCtaLabel: t }) {
+  const { t: n } = m("Company.DocumentList"), { handleContinue: i } = e(), r = c();
   return /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(r.Button, { onClick: i, children: t || n("continueCta") }) });
 }
 export {
-  l as Actions
+  h as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Company/DocumentSigner/DocumentList/Actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface ActionsProps {\n continueCtaLabel?: string\n}\n\nexport function Actions({ continueCtaLabel }: ActionsProps) {\n const { t } = useTranslation('Company.DocumentList')\n const { handleContinue } = useDocumentList()\n const Components = useComponentContext()\n\n return (\n <ActionsLayout>\n <Components.Button onClick={handleContinue}>\n {continueCtaLabel \|\| t('continueCta')}\n </Components.Button>\n </ActionsLayout>\n )\n}\n"],"names":["Actions","continueCtaLabel","t","useTranslation","handleContinue","useDocumentList","Components","useComponentContext","jsx","ActionsLayout"],"mappings":"~~;;;;;AASgB~~,~~SAAAA~~,EAAQ,EAAE,kBAAAC,KAAkC;AAC1D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sBAAsB,GAC7C,EAAE,gBAAAC,~~EAAe~~,~~IAAIC~~,~~EAAgB~~,~~GACrCC~~,IAAaC,~~EAAoB~~;~~AAEvC~~,~~SACG~~,gBAAAC,~~EAAAC~~,GAAA,EACC,~~UAAC~~,gBAAAD,~~EAAAF~~,EAAW,QAAX,EAAkB,SAASF,GACzB,~~UAAoBH~~,~~KAAAC~~,EAAE,aAAa,~~EACtC~~,~~CAAA~~,GACF;AAEJ;"}
1	+ {"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface ActionsProps {\n continueCtaLabel?: string\n}\n\nexport function Actions({ continueCtaLabel }: ActionsProps) {\n const { t } = useTranslation('Company.DocumentList')\n const { handleContinue } = useDocumentList()\n const Components = useComponentContext()\n\n return (\n <ActionsLayout>\n <Components.Button onClick={handleContinue}>\n {continueCtaLabel \|\| t('continueCta')}\n </Components.Button>\n </ActionsLayout>\n )\n}\n"],"names":["Actions","continueCtaLabel","t","useTranslation","handleContinue","useDocumentList","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;;AASO,SAASA,EAAQ,EAAE,kBAAAC,KAAkC;AAC1D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sBAAsB,GAC7C,EAAE,gBAAAC,EAAA,IAAmBC,EAAA,GACrBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,SAASF,GACzB,UAAAH,KAAoBC,EAAE,aAAa,EAAA,CACtC,GACF;AAEJ;"}

package/dist/components/Company/DocumentSigner/DocumentList/DocumentList.js CHANGED Viewed

@@ -10,8 +10,9 @@ import { useI18n as L } from "../../../../i18n/I18n.js";
 import { BaseComponent as M } from "../../../Base/Base.js";
 import { useBase as R } from "../../../Base/useBase.js";
 import { Flex as A } from "../../../Common/Flex/Flex.js";
+import "classnames";
 import { companyEvents as e } from "../../../../shared/constants.js";
-function k(n) {
+function w(n) {
   return /* @__PURE__ */ o(M, { ...n, children: /* @__PURE__ */ o(D, { ...n, children: n.children }) });
 }
 function D({ companyId: n, signatoryId: i, className: m, children: s }) {
@@ -25,15 +26,15 @@ function D({ companyId: n, signatoryId: i, className: m, children: s }) {
     data: { signatoryList: l }
   } = S({
     companyUuid: n
-  }), r = l[0], f = !!i && r?.uuid === i;
+  }), r = l[0], p = !!i && r?.uuid === i;
   return /* @__PURE__ */ o("section", { className: m, children: /* @__PURE__ */ o(
     y,
     {
       value: {
         companyForms: u,
         documentListError: c,
-        handleRequestFormToSign: (p) => {
-          t(e.COMPANY_VIEW_FORM_TO_SIGN, p);
+        handleRequestFormToSign: (f) => {
+          t(e.COMPANY_VIEW_FORM_TO_SIGN, f);
         },
         handleChangeSignatory: () => {
           t(e.COMPANY_FORM_EDIT_SIGNATORY, r);
@@ -41,7 +42,7 @@ function D({ companyId: n, signatoryId: i, className: m, children: s }) {
         handleContinue: () => {
           t(e.COMPANY_FORMS_DONE);
         },
-        isSelfSignatory: f,
+        isSelfSignatory: p,
         signatory: r
       },
       children: /* @__PURE__ */ o(A, { flexDirection: "column", gap: 32, children: s || /* @__PURE__ */ d(g, { children: [
@@ -54,6 +55,6 @@ function D({ companyId: n, signatoryId: i, className: m, children: s }) {
   ) });
 }
 export {
-  k as DocumentList
+  w as DocumentList
 };
 //# sourceMappingURL=DocumentList.js.map

package/dist/components/Company/DocumentSigner/DocumentList/DocumentList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DocumentList.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/DocumentList.tsx"],"sourcesContent":["import { type Form as FormSchema } from '@gusto/embedded-api/models/components/form'\nimport { useCompanyFormsGetAllSuspense } from '@gusto/embedded-api/react-query/companyFormsGetAll'\nimport { useSignatoriesListSuspense } from '@gusto/embedded-api/react-query/signatoriesList'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { ManageSignatories } from './ManageSignatories'\nimport { Actions } from './Actions'\nimport { DocumentListProvider } from './useDocumentList'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\n\ninterface DocumentListProps extends BaseComponentInterface<'Company.DocumentList'> {\n companyId: string\n signatoryId?: string\n}\n\nexport function DocumentList(props: DocumentListProps) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nfunction Root({ companyId, signatoryId, className, children }: DocumentListProps) {\n useI18n('Company.DocumentList')\n const { onEvent } = useBase()\n\n const {\n data: { formList },\n error: documentListError,\n } = useCompanyFormsGetAllSuspense({\n companyId,\n })\n const companyForms = formList!\n\n const {\n data: { signatoryList },\n } = useSignatoriesListSuspense({\n companyUuid: companyId,\n })\n const signatories = signatoryList!\n\n // For now, this will only ever have one entry for the current signatory since companies can\n // only have one signatory. If that changes in the future, this UX will need to be revisited.\n const signatory = signatories[0]\n const isSelfSignatory = !!signatoryId && signatory?.uuid === signatoryId\n\n const handleRequestFormToSign = (form: FormSchema) => {\n onEvent(companyEvents.COMPANY_VIEW_FORM_TO_SIGN, form)\n }\n\n const handleChangeSignatory = () => {\n onEvent(companyEvents.COMPANY_FORM_EDIT_SIGNATORY, signatory)\n }\n\n const handleContinue = () => {\n onEvent(companyEvents.COMPANY_FORMS_DONE)\n }\n\n return (\n <section className={className}>\n <DocumentListProvider\n value={{\n companyForms,\n documentListError,\n handleRequestFormToSign,\n handleChangeSignatory,\n handleContinue,\n isSelfSignatory,\n signatory,\n }}\n >\n <Flex flexDirection=\"column\" gap={32}>\n {children ? (\n children\n ) : (\n <>\n <Head />\n <ManageSignatories />\n <List />\n <Actions />\n </>\n )}\n </Flex>\n </DocumentListProvider>\n </section>\n )\n}\n"],"names":["DocumentList","props","jsx","BaseComponent","Root","companyId","signatoryId","className","children","useI18n","onEvent","useBase","formList","documentListError","useCompanyFormsGetAllSuspense","companyForms","signatoryList","useSignatoriesListSuspense","signatory","isSelfSignatory","DocumentListProvider","form","companyEvents","Flex","jsxs","Fragment","Head","ManageSignatories","List","Actions"],"mappings":"~~;;;;;;;;;;;;;~~AAmBO,SAASA,EAAaC,GAA0B;~~AAEnD~~,~~SAAA~~,gBAAAC,EAACC,~~GAAe~~,~~EAAA~~,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,~~UAAMA~~,~~EAAA~~,SAAA,CAAS,~~EACnC~~,~~CAAA~~;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,aAAAC,GAAa,WAAAC,GAAW,UAAAC,KAA+B;AAChF,EAAAC,EAAQ,sBAAsB;~~AACxB~~,~~QAAA~~,EAAE,SAAAC,~~EAAQ~~,~~IAAIC~~,~~EAAQ~~,~~GAEtB~~;AAAA,IACJ,MAAM,EAAE,UAAAC,~~EAAS~~;AAAA,~~IACjB~~,OAAOC;AAAA,~~MACLC~~,EAA8B;AAAA,IAChC,WAAAT;AAAA,EAAA,CACD,GACKU,IAAeH,GAEf;AAAA,IACJ,MAAM,EAAE,eAAAI,~~EAAc~~;AAAA,~~MACpBC~~,EAA2B;AAAA,IAC7B,aAAaZ;AAAA,EAAA,CACd,GAKKa,IAJcF,EAIU,CAAC,GACzBG,IAAkB,CAAC,CAACb,KAAeY,GAAW,SAASZ;~~AAe3D~~,~~SAAA~~,gBAAAJ,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,cAAAL;AAAA,QACA,mBAAAF;AAAA,QACA,yBAlBwB,CAACQ,MAAqB;~~AAC5C~~,UAAAX,~~EAAAY~~,EAAc,2BAA2BD,CAAI;AAAA,QACvD;AAAA,QAiBQ,uBAfsB,MAAM;~~AAC1B~~,UAAAX,~~EAAAY~~,EAAc,6BAA6BJ,CAAS;AAAA,QAC9D;AAAA,QAcQ,gBAZe,MAAM;AAC3B,UAAAR,EAAQY,EAAc,kBAAkB;AAAA,QAC1C;AAAA,QAWQ,iBAAAH;AAAA,QACA,WAAAD;AAAA,~~MACF~~;AAAA,~~MAEA~~,UAAA,gBAAAhB,EAACqB,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAf,~~KAIG~~,gBAAAgB,EAAAC,GAAA,~~EAAA~~,UAAA;AAAA,QAAA,gBAAAvB,EAACwB,~~GAAK~~,~~EAAA~~;AAAA,0BACLC,~~GAAkB~~,~~EAAA~~;AAAA,0BAClBC,~~GAAK~~,~~EAAA~~;AAAA,0BACLC,~~GAAQ~~,CAAA,~~CAAA~~;AAAA,MAAA,EAAA,CACX,~~EAEJ~~,~~CAAA~~;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
1	+ {"version":3,"file":"DocumentList.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/DocumentList.tsx"],"sourcesContent":["import { type Form as FormSchema } from '@gusto/embedded-api/models/components/form'\nimport { useCompanyFormsGetAllSuspense } from '@gusto/embedded-api/react-query/companyFormsGetAll'\nimport { useSignatoriesListSuspense } from '@gusto/embedded-api/react-query/signatoriesList'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { ManageSignatories } from './ManageSignatories'\nimport { Actions } from './Actions'\nimport { DocumentListProvider } from './useDocumentList'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\n\ninterface DocumentListProps extends BaseComponentInterface<'Company.DocumentList'> {\n companyId: string\n signatoryId?: string\n}\n\nexport function DocumentList(props: DocumentListProps) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nfunction Root({ companyId, signatoryId, className, children }: DocumentListProps) {\n useI18n('Company.DocumentList')\n const { onEvent } = useBase()\n\n const {\n data: { formList },\n error: documentListError,\n } = useCompanyFormsGetAllSuspense({\n companyId,\n })\n const companyForms = formList!\n\n const {\n data: { signatoryList },\n } = useSignatoriesListSuspense({\n companyUuid: companyId,\n })\n const signatories = signatoryList!\n\n // For now, this will only ever have one entry for the current signatory since companies can\n // only have one signatory. If that changes in the future, this UX will need to be revisited.\n const signatory = signatories[0]\n const isSelfSignatory = !!signatoryId && signatory?.uuid === signatoryId\n\n const handleRequestFormToSign = (form: FormSchema) => {\n onEvent(companyEvents.COMPANY_VIEW_FORM_TO_SIGN, form)\n }\n\n const handleChangeSignatory = () => {\n onEvent(companyEvents.COMPANY_FORM_EDIT_SIGNATORY, signatory)\n }\n\n const handleContinue = () => {\n onEvent(companyEvents.COMPANY_FORMS_DONE)\n }\n\n return (\n <section className={className}>\n <DocumentListProvider\n value={{\n companyForms,\n documentListError,\n handleRequestFormToSign,\n handleChangeSignatory,\n handleContinue,\n isSelfSignatory,\n signatory,\n }}\n >\n <Flex flexDirection=\"column\" gap={32}>\n {children ? (\n children\n ) : (\n <>\n <Head />\n <ManageSignatories />\n <List />\n <Actions />\n </>\n )}\n </Flex>\n </DocumentListProvider>\n </section>\n )\n}\n"],"names":["DocumentList","props","jsx","BaseComponent","Root","companyId","signatoryId","className","children","useI18n","onEvent","useBase","formList","documentListError","useCompanyFormsGetAllSuspense","companyForms","signatoryList","useSignatoriesListSuspense","signatory","isSelfSignatory","DocumentListProvider","form","companyEvents","Flex","jsxs","Fragment","Head","ManageSignatories","List","Actions"],"mappings":";;;;;;;;;;;;;;AAmBO,SAASA,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,aAAAC,GAAa,WAAAC,GAAW,UAAAC,KAA+B;AAChF,EAAAC,EAAQ,sBAAsB;AAC9B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd;AAAA,IACJ,MAAM,EAAE,UAAAC,EAAA;AAAA,IACR,OAAOC;AAAA,EAAA,IACLC,EAA8B;AAAA,IAChC,WAAAT;AAAA,EAAA,CACD,GACKU,IAAeH,GAEf;AAAA,IACJ,MAAM,EAAE,eAAAI,EAAA;AAAA,EAAc,IACpBC,EAA2B;AAAA,IAC7B,aAAaZ;AAAA,EAAA,CACd,GAKKa,IAJcF,EAIU,CAAC,GACzBG,IAAkB,CAAC,CAACb,KAAeY,GAAW,SAASZ;AAc7D,SACE,gBAAAJ,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,cAAAL;AAAA,QACA,mBAAAF;AAAA,QACA,yBAlBwB,CAACQ,MAAqB;AACpD,UAAAX,EAAQY,EAAc,2BAA2BD,CAAI;AAAA,QACvD;AAAA,QAiBQ,uBAfsB,MAAM;AAClC,UAAAX,EAAQY,EAAc,6BAA6BJ,CAAS;AAAA,QAC9D;AAAA,QAcQ,gBAZe,MAAM;AAC3B,UAAAR,EAAQY,EAAc,kBAAkB;AAAA,QAC1C;AAAA,QAWQ,iBAAAH;AAAA,QACA,WAAAD;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAhB,EAACqB,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAf,KAGC,gBAAAgB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAvB,EAACwB,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAkB;AAAA,0BAClBC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/DocumentSigner/DocumentList/Head.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n const { t } = useTranslation('Company.DocumentList')\n const Components = useComponentContext()\n\n return <Components.Heading as=\"h2\">{t('documentListTitle')}</Components.Heading>\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sBAAsB,GAC7CC,IAAaC,~~EAAoB~~;~~AAEhC~~,~~SAAA~~,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,mBAAmB,GAAE;AAC7D;"}
1	+ {"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n const { t } = useTranslation('Company.DocumentList')\n const Components = useComponentContext()\n\n return <Components.Heading as=\"h2\">{t('documentListTitle')}</Components.Heading>\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sBAAsB,GAC7CC,IAAaC,EAAA;AAEnB,SAAO,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,mBAAmB,GAAE;AAC7D;"}

package/dist/components/Company/DocumentSigner/DocumentList/List.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"List.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { DocumentList, type FormData } from '@/components/Common/DocumentList'\n\nfunction List() {\n const { companyForms, handleRequestFormToSign, documentListError, isSelfSignatory } =\n useDocumentList()\n\n const { t } = useTranslation('Company.DocumentList')\n\n const onRequestSign = (requestedForm: FormData) => {\n const companyForm = companyForms.find(currentForm => currentForm.uuid === requestedForm.uuid)\n handleRequestFormToSign(companyForm \|\| requestedForm)\n }\n\n return (\n <DocumentList\n forms={companyForms.map(form => ({\n uuid: form.uuid,\n title: form.title,\n description: form.description,\n requires_signing: form.requiresSigning,\n }))}\n onRequestSign={onRequestSign}\n withError={!!documentListError}\n label={t('documentListLabel')}\n columnLabels={{\n form: t('formColumnLabel'),\n action: t('actionColumnLabel'),\n }}\n statusLabels={{\n signCta: t('signDocumentCta'),\n notSigned: t('notSigned'),\n complete: t('signDocumentComplete'),\n }}\n emptyStateLabel={t('emptyTableTitle')}\n errorLabel={t('documentListError')}\n canSign={isSelfSignatory}\n />\n )\n}\n\nexport { List }\n"],"names":["List","companyForms","handleRequestFormToSign","documentListError","isSelfSignatory","useDocumentList","useTranslation","onRequestSign","requestedForm","companyForm","currentForm","jsx","DocumentList","form"],"mappings":";;;;AAIA,SAASA,IAAO;AACd,QAAM,EAAE,cAAAC,GAAc,yBAAAC,GAAyB,mBAAAC,GAAmB,iBAAAC,EAAA,IAChEC,~~EAAgB~~,~~GAEZ~~,EAAE,EAAA,IAAMC,EAAe,sBAAsB,GAE7CC,IAAgB,CAACC,MAA4B;AACjD,UAAMC,IAAcR,EAAa,KAAK,OAAeS,EAAY,SAASF,EAAc,IAAI;AAC5F,IAAAN,EAAwBO,KAAeD,CAAa;AAAA,EACtD;~~AAGE~~,~~SAAA~~,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOX,EAAa,IAAI,~~CAASY~~,~~OAAA~~;AAAA,QAC/B,MAAMA,EAAK;AAAA,QACX,OAAOA,EAAK;AAAA,QACZ,aAAaA,EAAK;AAAA,QAClB,kBAAkBA,EAAK;AAAA,MAAA,EACvB;AAAA,MACF,eAAAN;AAAA,MACA,WAAW,CAAC,CAACJ;AAAA,MACb,OAAO,EAAE,mBAAmB;AAAA,MAC5B,cAAc;AAAA,QACZ,MAAM,EAAE,iBAAiB;AAAA,QACzB,QAAQ,EAAE,mBAAmB;AAAA,~~MAC/B~~;AAAA,~~MACA~~,cAAc;AAAA,QACZ,SAAS,EAAE,iBAAiB;AAAA,QAC5B,WAAW,EAAE,WAAW;AAAA,QACxB,UAAU,EAAE,sBAAsB;AAAA,~~MACpC~~;AAAA,~~MACA~~,iBAAiB,EAAE,iBAAiB;AAAA,MACpC,YAAY,EAAE,mBAAmB;AAAA,MACjC,SAASC;AAAA,IAAA;AAAA,~~EACX~~;~~AAEJ~~;"}
1	+ {"version":3,"file":"List.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { DocumentList, type FormData } from '@/components/Common/DocumentList'\n\nfunction List() {\n const { companyForms, handleRequestFormToSign, documentListError, isSelfSignatory } =\n useDocumentList()\n\n const { t } = useTranslation('Company.DocumentList')\n\n const onRequestSign = (requestedForm: FormData) => {\n const companyForm = companyForms.find(currentForm => currentForm.uuid === requestedForm.uuid)\n handleRequestFormToSign(companyForm \|\| requestedForm)\n }\n\n return (\n <DocumentList\n forms={companyForms.map(form => ({\n uuid: form.uuid,\n title: form.title,\n description: form.description,\n requires_signing: form.requiresSigning,\n }))}\n onRequestSign={onRequestSign}\n withError={!!documentListError}\n label={t('documentListLabel')}\n columnLabels={{\n form: t('formColumnLabel'),\n action: t('actionColumnLabel'),\n }}\n statusLabels={{\n signCta: t('signDocumentCta'),\n notSigned: t('notSigned'),\n complete: t('signDocumentComplete'),\n }}\n emptyStateLabel={t('emptyTableTitle')}\n errorLabel={t('documentListError')}\n canSign={isSelfSignatory}\n />\n )\n}\n\nexport { List }\n"],"names":["List","companyForms","handleRequestFormToSign","documentListError","isSelfSignatory","useDocumentList","useTranslation","onRequestSign","requestedForm","companyForm","currentForm","jsx","DocumentList","form"],"mappings":";;;;AAIA,SAASA,IAAO;AACd,QAAM,EAAE,cAAAC,GAAc,yBAAAC,GAAyB,mBAAAC,GAAmB,iBAAAC,EAAA,IAChEC,EAAA,GAEI,EAAE,EAAA,IAAMC,EAAe,sBAAsB,GAE7CC,IAAgB,CAACC,MAA4B;AACjD,UAAMC,IAAcR,EAAa,KAAK,OAAeS,EAAY,SAASF,EAAc,IAAI;AAC5F,IAAAN,EAAwBO,KAAeD,CAAa;AAAA,EACtD;AAEA,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOX,EAAa,IAAI,CAAAY,OAAS;AAAA,QAC/B,MAAMA,EAAK;AAAA,QACX,OAAOA,EAAK;AAAA,QACZ,aAAaA,EAAK;AAAA,QAClB,kBAAkBA,EAAK;AAAA,MAAA,EACvB;AAAA,MACF,eAAAN;AAAA,MACA,WAAW,CAAC,CAACJ;AAAA,MACb,OAAO,EAAE,mBAAmB;AAAA,MAC5B,cAAc;AAAA,QACZ,MAAM,EAAE,iBAAiB;AAAA,QACzB,QAAQ,EAAE,mBAAmB;AAAA,MAAA;AAAA,MAE/B,cAAc;AAAA,QACZ,SAAS,EAAE,iBAAiB;AAAA,QAC5B,WAAW,EAAE,WAAW;AAAA,QACxB,UAAU,EAAE,sBAAsB;AAAA,MAAA;AAAA,MAEpC,iBAAiB,EAAE,iBAAiB;AAAA,MACpC,YAAY,EAAE,mBAAmB;AAAA,MACjC,SAASC;AAAA,IAAA;AAAA,EAAA;AAGf;"}

package/dist/components/Company/DocumentSigner/DocumentList/ManageSignatories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ManageSignatories.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/ManageSignatories.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport styles from './ManageSignatories.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { SIGNATORY_TITLES } from '@/shared/constants'\n\nfunction isValidSignatoryTitle(\n title: string \| null \| undefined,\n): title is keyof typeof SIGNATORY_TITLES {\n return !!title && title in SIGNATORY_TITLES\n}\n\nexport function ManageSignatories() {\n const { t } = useTranslation('Company.DocumentList')\n const { isSelfSignatory, signatory, handleChangeSignatory } = useDocumentList()\n const Components = useComponentContext()\n\n let signatorySubtext = t('noSignatorySubtext')\n\n if (isSelfSignatory) {\n signatorySubtext = t('selfSignatorySubtext')\n } else if (signatory) {\n signatorySubtext = t('otherSignatorySubtext', {\n signatory: firstLastName({\n first_name: signatory.firstName,\n last_name: signatory.lastName,\n }),\n title: isValidSignatoryTitle(signatory.title)\n ? t(`signatoryTitles.${SIGNATORY_TITLES[signatory.title]}`, { ns: 'common' })\n : signatory.title,\n })\n }\n\n return (\n <section className={styles.container}>\n <Components.Alert\n status=\"warning\"\n label={isSelfSignatory ? t('selfSignatoryTitle') : t('otherSignatoryTitle')}\n >\n <Components.Text>{signatorySubtext}</Components.Text>\n <Components.Button variant=\"secondary\" onClick={handleChangeSignatory}>\n {signatory ? t('changeSignatoryCta') : t('assignSignatoryCta')}\n </Components.Button>\n </Components.Alert>\n </section>\n )\n}\n"],"names":["isValidSignatoryTitle","title","SIGNATORY_TITLES","ManageSignatories","useTranslation","isSelfSignatory","signatory","handleChangeSignatory","useDocumentList","Components","useComponentContext","signatorySubtext","firstLastName","jsx","styles","jsxs"],"mappings":";;;;;;;AAOA,SAASA,EACPC,GACwC;~~AACjC~~,~~SAAA~~,CAAC,CAACA,KAASA,KAASC;AAC7B;AAEO,SAASC,IAAoB;AAClC,QAAM,EAAE,EAAA,IAAMC,EAAe,sBAAsB,GAC7C,EAAE,iBAAAC,GAAiB,WAAAC,GAAW,uBAAAC,EAAA,IAA0BC,~~EAAgB~~,~~GACxEC~~,IAAaC,~~EAAoB~~;~~AAEnC~~,~~MAAAC~~,IAAmB,EAAE,oBAAoB;AAE7C,SAAIN,IACFM,IAAmB,EAAE,sBAAsB,IAClCL,MACTK,IAAmB,EAAE,yBAAyB;AAAA,IAC5C,WAAWC,EAAc;AAAA,MACvB,YAAYN,EAAU;AAAA,MACtB,WAAWA,EAAU;AAAA,IAAA,CACtB;AAAA,IACD,OAAON,EAAsBM,EAAU,KAAK,IACxC,EAAE,mBAAmBJ,EAAiBI,EAAU,KAAK,CAAC,IAAI,EAAE,IAAI,~~SAAS~~,~~CAAC~~,IAC1EA,EAAU;AAAA,EAAA,CACf,~~IAIA~~,gBAAAO,~~EAAA~~,WAAA,EAAQ,WAAWC,EAAO,WACzB,UAAA,gBAAAC;AAAA,IAACN,EAAW;AAAA,IAAX;AAAA,MACC,QAAO;AAAA,MACP,OAAyB,EAAlBJ,IAAoB,uBAA0B,qBAAN;AAAA,MAE/C,UAAA;AAAA,~~QAAC~~,gBAAAQ,~~EAAAJ~~,EAAW,MAAX,EAAiB,~~UAAiBE~~,EAAA,~~CAAA~~;AAAA,~~QAClC~~,gBAAAE,~~EAAAJ~~,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASF,GAC7C,UAAY,EAAZD,IAAc,uBAA0B,oBAAN,~~EACrC~~,~~CAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
1	+ {"version":3,"file":"ManageSignatories.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/ManageSignatories.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport styles from './ManageSignatories.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { SIGNATORY_TITLES } from '@/shared/constants'\n\nfunction isValidSignatoryTitle(\n title: string \| null \| undefined,\n): title is keyof typeof SIGNATORY_TITLES {\n return !!title && title in SIGNATORY_TITLES\n}\n\nexport function ManageSignatories() {\n const { t } = useTranslation('Company.DocumentList')\n const { isSelfSignatory, signatory, handleChangeSignatory } = useDocumentList()\n const Components = useComponentContext()\n\n let signatorySubtext = t('noSignatorySubtext')\n\n if (isSelfSignatory) {\n signatorySubtext = t('selfSignatorySubtext')\n } else if (signatory) {\n signatorySubtext = t('otherSignatorySubtext', {\n signatory: firstLastName({\n first_name: signatory.firstName,\n last_name: signatory.lastName,\n }),\n title: isValidSignatoryTitle(signatory.title)\n ? t(`signatoryTitles.${SIGNATORY_TITLES[signatory.title]}`, { ns: 'common' })\n : signatory.title,\n })\n }\n\n return (\n <section className={styles.container}>\n <Components.Alert\n status=\"warning\"\n label={isSelfSignatory ? t('selfSignatoryTitle') : t('otherSignatoryTitle')}\n >\n <Components.Text>{signatorySubtext}</Components.Text>\n <Components.Button variant=\"secondary\" onClick={handleChangeSignatory}>\n {signatory ? t('changeSignatoryCta') : t('assignSignatoryCta')}\n </Components.Button>\n </Components.Alert>\n </section>\n )\n}\n"],"names":["isValidSignatoryTitle","title","SIGNATORY_TITLES","ManageSignatories","useTranslation","isSelfSignatory","signatory","handleChangeSignatory","useDocumentList","Components","useComponentContext","signatorySubtext","firstLastName","jsx","styles","jsxs"],"mappings":";;;;;;;AAOA,SAASA,EACPC,GACwC;AACxC,SAAO,CAAC,CAACA,KAASA,KAASC;AAC7B;AAEO,SAASC,IAAoB;AAClC,QAAM,EAAE,EAAA,IAAMC,EAAe,sBAAsB,GAC7C,EAAE,iBAAAC,GAAiB,WAAAC,GAAW,uBAAAC,EAAA,IAA0BC,EAAA,GACxDC,IAAaC,EAAA;AAEnB,MAAIC,IAAmB,EAAE,oBAAoB;AAE7C,SAAIN,IACFM,IAAmB,EAAE,sBAAsB,IAClCL,MACTK,IAAmB,EAAE,yBAAyB;AAAA,IAC5C,WAAWC,EAAc;AAAA,MACvB,YAAYN,EAAU;AAAA,MACtB,WAAWA,EAAU;AAAA,IAAA,CACtB;AAAA,IACD,OAAON,EAAsBM,EAAU,KAAK,IACxC,EAAE,mBAAmBJ,EAAiBI,EAAU,KAAK,CAAC,IAAI,EAAE,IAAI,SAAA,CAAU,IAC1EA,EAAU;AAAA,EAAA,CACf,IAID,gBAAAO,EAAC,WAAA,EAAQ,WAAWC,EAAO,WACzB,UAAA,gBAAAC;AAAA,IAACN,EAAW;AAAA,IAAX;AAAA,MACC,QAAO;AAAA,MACP,OAAyB,EAAlBJ,IAAoB,uBAA0B,qBAAN;AAAA,MAE/C,UAAA;AAAA,QAAA,gBAAAQ,EAACJ,EAAW,MAAX,EAAiB,UAAAE,EAAA,CAAiB;AAAA,QACnC,gBAAAE,EAACJ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASF,GAC7C,UAAY,EAAZD,IAAc,uBAA0B,oBAAN,EAA0B,CAC/D;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/DocumentSigner/DocumentList/useDocumentList.js CHANGED Viewed

@@ -8,9 +8,9 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@tanstack/react-query";
 import "../../../Base/useBase.js";
 import "../../../../shared/constants.js";
+import "classnames";
 import "dompurify";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
 const [a, d] = t(
   "CompanyDocumentListContext"

package/dist/components/Company/DocumentSigner/DocumentList/useDocumentList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDocumentList.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { type Form as FormSchema } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n companyForms: FormSchema[]\n documentListError: Error \| null\n handleRequestFormToSign: (form: FormSchema) => void\n handleChangeSignatory: () => void\n handleContinue: () => void\n isSelfSignatory: boolean\n signatory?: Signatory\n}\n\nconst [useDocumentList, DocumentListProvider] = createCompoundContext<DocumentListContextType>(\n 'CompanyDocumentListContext',\n)\n\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;~~AAcM~~,~~MAAA~~,CAACA,GAAiBC,CAAoB,IAAIC;AAAA,EAC9C;AACF;"}
1	+ {"version":3,"file":"useDocumentList.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { type Form as FormSchema } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n companyForms: FormSchema[]\n documentListError: Error \| null\n handleRequestFormToSign: (form: FormSchema) => void\n handleChangeSignatory: () => void\n handleContinue: () => void\n isSelfSignatory: boolean\n signatory?: Signatory\n}\n\nconst [useDocumentList, DocumentListProvider] = createCompoundContext<DocumentListContextType>(\n 'CompanyDocumentListContext',\n)\n\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,CAACA,GAAiBC,CAAoB,IAAIC;AAAA,EAC9C;AACF;"}

package/dist/components/Company/DocumentSigner/DocumentSigner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DocumentSigner.js","sources":["../../../../src/components/Company/DocumentSigner/DocumentSigner.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useSignatoriesListSuspense } from '@gusto/embedded-api/react-query/signatoriesList'\nimport { useMemo } from 'react'\nimport { AssignSignatory, DocumentList } from './documentSignerStateMachine'\nimport { documentSignerMachine } from './stateMachine'\nimport type { DocumentSignerContextInterface } from './useDocumentSigner'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface DocumentSignerProps extends BaseComponentInterface<'Company.DocumentList'> {\n companyId: string\n signatoryId?: string\n}\n\nfunction DocumentSignerFlow({ companyId, signatoryId, onEvent, dictionary }: DocumentSignerProps) {\n useComponentDictionary('Company.DocumentList', dictionary)\n const {\n data: { signatoryList },\n } = useSignatoriesListSuspense({\n companyUuid: companyId,\n })\n const signatories = signatoryList!\n const doesSignatoryExist = signatories.length > 0\n\n const documentSigner = useMemo(\n () =>\n createMachine(\n doesSignatoryExist ? 'documentList' : 'index',\n documentSignerMachine,\n (initialContext: DocumentSignerContextInterface) => ({\n ...initialContext,\n component: doesSignatoryExist ? DocumentList : AssignSignatory,\n companyId,\n signatoryId,\n }),\n ),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [companyId], // Only companyId - prevents recreation when signatoryId/doesSignatoryExist change\n )\n return <Flow machine={documentSigner} onEvent={onEvent} />\n}\n\nexport function DocumentSigner(props: DocumentSignerProps) {\n return (\n <BaseComponent {...props}>\n <DocumentSignerFlow {...props} />\n </BaseComponent>\n )\n}\n"],"names":["DocumentSignerFlow","companyId","signatoryId","onEvent","dictionary","useComponentDictionary","signatoryList","useSignatoriesListSuspense","doesSignatoryExist","documentSigner","useMemo","createMachine","documentSignerMachine","initialContext","DocumentList","AssignSignatory","jsx","Flow","DocumentSigner","props","BaseComponent"],"mappings":";;;;;;;;;;AAeA,SAASA,EAAmB,EAAE,WAAAC,GAAW,aAAAC,GAAa,SAAAC,GAAS,YAAAC,KAAmC;AAChG,EAAAC,EAAuB,wBAAwBD,CAAU;~~AACnD~~,~~QAAA~~;AAAA,IACJ,MAAM,EAAE,eAAAE,~~EAAc~~;AAAA,~~MACpBC~~,EAA2B;AAAA,IAC7B,aAAaN;AAAA,EAAA,CACd,GAEKO,IADcF,EACmB,SAAS,GAE1CG,IAAiBC;AAAA,IACrB,MACEC;AAAA,MACEH,IAAqB,iBAAiB;AAAA,MACtCI;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWL,IAAqBM,IAAeC;AAAA,QAC/C,WAAAd;AAAA,QACA,aAAAC;AAAA,~~MACF~~;AAAA,IACF;AAAA;AAAA,~~IAEF~~,CAACD,CAAS;AAAA;AAAA,~~EACZ~~;~~AACA~~,~~SAAQ~~,gBAAAe,~~EAAAC~~,GAAA,EAAK,SAASR,GAAgB,SAAAN,~~EAAkB~~,~~CAAA~~;AAC1D;AAEO,SAASe,EAAeC,GAA4B;~~AAEvD~~,~~SAAA~~,gBAAAH,EAACI,KAAe,GAAGD,GACjB,4BAACnB,~~GAAoB~~,~~EAAA~~,GAAGmB,GAAO,~~EACjC~~,~~CAAA~~;AAEJ;"}
1	+ {"version":3,"file":"DocumentSigner.js","sources":["../../../../src/components/Company/DocumentSigner/DocumentSigner.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useSignatoriesListSuspense } from '@gusto/embedded-api/react-query/signatoriesList'\nimport { useMemo } from 'react'\nimport { AssignSignatory, DocumentList } from './documentSignerStateMachine'\nimport { documentSignerMachine } from './stateMachine'\nimport type { DocumentSignerContextInterface } from './useDocumentSigner'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface DocumentSignerProps extends BaseComponentInterface<'Company.DocumentList'> {\n companyId: string\n signatoryId?: string\n}\n\nfunction DocumentSignerFlow({ companyId, signatoryId, onEvent, dictionary }: DocumentSignerProps) {\n useComponentDictionary('Company.DocumentList', dictionary)\n const {\n data: { signatoryList },\n } = useSignatoriesListSuspense({\n companyUuid: companyId,\n })\n const signatories = signatoryList!\n const doesSignatoryExist = signatories.length > 0\n\n const documentSigner = useMemo(\n () =>\n createMachine(\n doesSignatoryExist ? 'documentList' : 'index',\n documentSignerMachine,\n (initialContext: DocumentSignerContextInterface) => ({\n ...initialContext,\n component: doesSignatoryExist ? DocumentList : AssignSignatory,\n companyId,\n signatoryId,\n }),\n ),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [companyId], // Only companyId - prevents recreation when signatoryId/doesSignatoryExist change\n )\n return <Flow machine={documentSigner} onEvent={onEvent} />\n}\n\nexport function DocumentSigner(props: DocumentSignerProps) {\n return (\n <BaseComponent {...props}>\n <DocumentSignerFlow {...props} />\n </BaseComponent>\n )\n}\n"],"names":["DocumentSignerFlow","companyId","signatoryId","onEvent","dictionary","useComponentDictionary","signatoryList","useSignatoriesListSuspense","doesSignatoryExist","documentSigner","useMemo","createMachine","documentSignerMachine","initialContext","DocumentList","AssignSignatory","jsx","Flow","DocumentSigner","props","BaseComponent"],"mappings":";;;;;;;;;;AAeA,SAASA,EAAmB,EAAE,WAAAC,GAAW,aAAAC,GAAa,SAAAC,GAAS,YAAAC,KAAmC;AAChG,EAAAC,EAAuB,wBAAwBD,CAAU;AACzD,QAAM;AAAA,IACJ,MAAM,EAAE,eAAAE,EAAA;AAAA,EAAc,IACpBC,EAA2B;AAAA,IAC7B,aAAaN;AAAA,EAAA,CACd,GAEKO,IADcF,EACmB,SAAS,GAE1CG,IAAiBC;AAAA,IACrB,MACEC;AAAA,MACEH,IAAqB,iBAAiB;AAAA,MACtCI;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWL,IAAqBM,IAAeC;AAAA,QAC/C,WAAAd;AAAA,QACA,aAAAC;AAAA,MAAA;AAAA,IACF;AAAA;AAAA,IAGJ,CAACD,CAAS;AAAA;AAAA,EAAA;AAEZ,SAAO,gBAAAe,EAACC,GAAA,EAAK,SAASR,GAAgB,SAAAN,EAAA,CAAkB;AAC1D;AAEO,SAASe,EAAeC,GAA4B;AACzD,SACE,gBAAAH,EAACI,KAAe,GAAGD,GACjB,4BAACnB,GAAA,EAAoB,GAAGmB,GAAO,EAAA,CACjC;AAEJ;"}

package/dist/components/Company/DocumentSigner/SignatureForm/Actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/DocumentSigner/SignatureForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useSignatureForm } from './useSignatureForm'\nimport { SignatureFormActions } from '@/components/Common/SignatureForm'\n\nexport function Actions() {\n const { onBack, isPending } = useSignatureForm()\n const { t } = useTranslation('Company.SignatureForm')\n\n return (\n <SignatureFormActions\n onBack={onBack}\n backLabel={t('backCta')}\n submitLabel={t('submitCta')}\n isLoading={isPending}\n />\n )\n}\n"],"names":["Actions","onBack","isPending","useSignatureForm","t","useTranslation","jsx","SignatureFormActions"],"mappings":";;;;AAIO,SAASA,IAAU;AACxB,QAAM,EAAE,QAAAC,GAAQ,WAAAC,~~EAAU~~,~~IAAIC~~,~~EAAiB~~,~~GACzC~~,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB;~~AAGlD~~,~~SAAA~~,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAAN;AAAA,MACA,WAAWG,EAAE,SAAS;AAAA,MACtB,aAAaA,EAAE,WAAW;AAAA,MAC1B,WAAWF;AAAA,IAAA;AAAA,~~EACb~~;~~AAEJ~~;"}
1	+ {"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/DocumentSigner/SignatureForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useSignatureForm } from './useSignatureForm'\nimport { SignatureFormActions } from '@/components/Common/SignatureForm'\n\nexport function Actions() {\n const { onBack, isPending } = useSignatureForm()\n const { t } = useTranslation('Company.SignatureForm')\n\n return (\n <SignatureFormActions\n onBack={onBack}\n backLabel={t('backCta')}\n submitLabel={t('submitCta')}\n isLoading={isPending}\n />\n )\n}\n"],"names":["Actions","onBack","isPending","useSignatureForm","t","useTranslation","jsx","SignatureFormActions"],"mappings":";;;;AAIO,SAASA,IAAU;AACxB,QAAM,EAAE,QAAAC,GAAQ,WAAAC,EAAA,IAAcC,EAAA,GACxB,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB;AAEpD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAAN;AAAA,MACA,WAAWG,EAAE,SAAS;AAAA,MACtB,aAAaA,EAAE,WAAW;AAAA,MAC1B,WAAWF;AAAA,IAAA;AAAA,EAAA;AAGjB;"}