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

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

@@ -8,13 +8,14 @@ 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");
+const [d, s] = o("BankAccountContext");
 export {
-  d as BankAccountFormProvider,
-  C as useBankAccountForm
+  s as BankAccountFormProvider,
+  d as useBankAccountForm
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/BankAccount/BankAccountForm/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport { type OnEventType } from '@/components/Base/useBase'\nimport { type EventType } from '@/shared/constants'\n\ntype BankAccountFormContextType = {\n  isPending: boolean\n  isEditing: boolean\n  onEvent: OnEventType<EventType, unknown>\n}\n\nconst [useBankAccountForm, BankAccountFormProvider] =\n  createCompoundContext<BankAccountFormContextType>('BankAccountContext')\n\nexport { useBankAccountForm, BankAccountFormProvider }\n"],"names":["useBankAccountForm","BankAccountFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,oBAAoB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport { type OnEventType } from '@/components/Base/useBase'\nimport { type EventType } from '@/shared/constants'\n\ntype BankAccountFormContextType = {\n  isPending: boolean\n  isEditing: boolean\n  onEvent: OnEventType<EventType, unknown>\n}\n\nconst [useBankAccountForm, BankAccountFormProvider] =\n  createCompoundContext<BankAccountFormContextType>('BankAccountContext')\n\nexport { useBankAccountForm, BankAccountFormProvider }\n"],"names":["useBankAccountForm","BankAccountFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,oBAAoB;"}

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

@@ -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;"}
+{"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

@@ -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

@@ -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;"}
+{"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

@@ -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;"}
+{"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

@@ -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;"}
+{"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

@@ -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

@@ -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;"}
+{"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

@@ -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;"}
+{"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

@@ -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

@@ -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;"}
+{"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

@@ -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;"}
+{"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

@@ -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;"}
+{"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

@@ -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

@@ -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;"}
+{"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

@@ -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

@@ -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;"}
+{"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

@@ -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;"}
+{"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

@@ -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;"}
+{"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

@@ -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;"}
+{"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

@@ -8,15 +8,16 @@ 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(
+const [d, f] = t(
   "CompanyDocumentListContext"
 );
 export {
-  d as DocumentListProvider,
-  a as useDocumentList
+  f as DocumentListProvider,
+  d as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map

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

@@ -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;"}
+{"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

@@ -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;"}
+{"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

@@ -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;"}
+{"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;"}

package/dist/components/Company/DocumentSigner/SignatureForm/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/DocumentSigner/SignatureForm/Form.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SignatureFormFields } from '@/components/Common/SignatureForm'\n\nexport function Form() {\n  const { t } = useTranslation('Company.SignatureForm')\n\n  return (\n    <SignatureFormFields\n      signatureLabel={t('signatureLabel')}\n      signatureDescription={t('signatureDescription')}\n      signatureError={t('signatureError')}\n      confirmationLabel={t('confirmationLabel')}\n      confirmationError={t('confirmationError')}\n    />\n  )\n}\n"],"names":["Form","t","useTranslation","jsx","SignatureFormFields"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB;AAGlD,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBH,EAAE,gBAAgB;AAAA,MAClC,sBAAsBA,EAAE,sBAAsB;AAAA,MAC9C,gBAAgBA,EAAE,gBAAgB;AAAA,MAClC,mBAAmBA,EAAE,mBAAmB;AAAA,MACxC,mBAAmBA,EAAE,mBAAmB;AAAA,IAAA;AAAA,EAC1C;AAEJ;"}
+{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/DocumentSigner/SignatureForm/Form.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SignatureFormFields } from '@/components/Common/SignatureForm'\n\nexport function Form() {\n  const { t } = useTranslation('Company.SignatureForm')\n\n  return (\n    <SignatureFormFields\n      signatureLabel={t('signatureLabel')}\n      signatureDescription={t('signatureDescription')}\n      signatureError={t('signatureError')}\n      confirmationLabel={t('confirmationLabel')}\n      confirmationError={t('confirmationError')}\n    />\n  )\n}\n"],"names":["Form","t","useTranslation","jsx","SignatureFormFields"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB;AAEpD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBH,EAAE,gBAAgB;AAAA,MAClC,sBAAsBA,EAAE,sBAAsB;AAAA,MAC9C,gBAAgBA,EAAE,gBAAgB;AAAA,MAClC,mBAAmBA,EAAE,mBAAmB;AAAA,MACxC,mBAAmBA,EAAE,mBAAmB;AAAA,IAAA;AAAA,EAAA;AAG9C;"}

package/dist/components/Company/DocumentSigner/SignatureForm/Head.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/DocumentSigner/SignatureForm/Head.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useSignatureForm } from './useSignatureForm'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { form, pdfUrl } = useSignatureForm()\n  const { t } = useTranslation('Company.SignatureForm')\n  const Components = useComponentContext()\n\n  return (\n    <section>\n      <Components.Heading as=\"h2\">\n        {t('signatureFormTitle', { formTitle: form.title })}\n      </Components.Heading>\n      {pdfUrl && (\n        <Components.Text>\n          <Trans\n            t={t}\n            i18nKey=\"downloadPrompt\"\n            values={{\n              description: form.description,\n            }}\n            components={{\n              downloadLink: (\n                <Components.Link\n                  href={pdfUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  download={`${form.title || 'form'}.pdf`}\n                />\n              ),\n            }}\n          />\n        </Components.Text>\n      )}\n    </section>\n  )\n}\n"],"names":["Head","form","pdfUrl","useSignatureForm","useTranslation","Components","useComponentContext","jsx","Trans"],"mappings":";;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,MAAAC,GAAM,QAAAC,EAAO,IAAIC,EAAiB,GACpC,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAoB;AAEvC,2BACG,WACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAA,EAAE,sBAAsB,EAAE,WAAWJ,EAAK,MAAM,CAAC,EACpD,CAAA;AAAA,IACCC,KACC,gBAAAK,EAACF,EAAW,MAAX,EACC,UAAA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAQ;AAAA,QACR,QAAQ;AAAA,UACN,aAAaP,EAAK;AAAA,QACpB;AAAA,QACA,YAAY;AAAA,UACV,cACE,gBAAAM;AAAA,YAACF,EAAW;AAAA,YAAX;AAAA,cACC,MAAMH;AAAA,cACN,QAAO;AAAA,cACP,KAAI;AAAA,cACJ,UAAU,GAAGD,EAAK,SAAS,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACnC;AAAA,MAEJ;AAAA,IAAA,EAEJ,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/DocumentSigner/SignatureForm/Head.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useSignatureForm } from './useSignatureForm'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { form, pdfUrl } = useSignatureForm()\n  const { t } = useTranslation('Company.SignatureForm')\n  const Components = useComponentContext()\n\n  return (\n    <section>\n      <Components.Heading as=\"h2\">\n        {t('signatureFormTitle', { formTitle: form.title })}\n      </Components.Heading>\n      {pdfUrl && (\n        <Components.Text>\n          <Trans\n            t={t}\n            i18nKey=\"downloadPrompt\"\n            values={{\n              description: form.description,\n            }}\n            components={{\n              downloadLink: (\n                <Components.Link\n                  href={pdfUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  download={`${form.title || 'form'}.pdf`}\n                />\n              ),\n            }}\n          />\n        </Components.Text>\n      )}\n    </section>\n  )\n}\n"],"names":["Head","form","pdfUrl","useSignatureForm","useTranslation","Components","useComponentContext","jsx","Trans"],"mappings":";;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GACnB,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA;AAEnB,2BACG,WAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAA,EAAE,sBAAsB,EAAE,WAAWJ,EAAK,MAAA,CAAO,EAAA,CACpD;AAAA,IACCC,KACC,gBAAAK,EAACF,EAAW,MAAX,EACC,UAAA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAQ;AAAA,QACR,QAAQ;AAAA,UACN,aAAaP,EAAK;AAAA,QAAA;AAAA,QAEpB,YAAY;AAAA,UACV,cACE,gBAAAM;AAAA,YAACF,EAAW;AAAA,YAAX;AAAA,cACC,MAAMH;AAAA,cACN,QAAO;AAAA,cACP,KAAI;AAAA,cACJ,UAAU,GAAGD,EAAK,SAAS,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACnC;AAAA,MAEJ;AAAA,IAAA,EACF,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/DocumentSigner/SignatureForm/Preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","sources":["../../../../../src/components/Company/DocumentSigner/SignatureForm/Preview.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useSignatureForm } from './useSignatureForm'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\n\nexport function Preview() {\n  const { form, pdfUrl } = useSignatureForm()\n  const { t } = useTranslation('Company.SignatureForm')\n\n  return (\n    <DocumentViewer\n      url={pdfUrl}\n      title={form.title}\n      downloadInstructions={t('downloadInstructions')}\n      viewDocumentLabel={t('viewDocumentCta')}\n    />\n  )\n}\n"],"names":["Preview","form","pdfUrl","useSignatureForm","t","useTranslation","jsx","DocumentViewer"],"mappings":";;;;AAIO,SAASA,IAAU;AACxB,QAAM,EAAE,MAAAC,GAAM,QAAAC,EAAO,IAAIC,EAAiB,GACpC,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB;AAGlD,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKL;AAAA,MACL,OAAOD,EAAK;AAAA,MACZ,sBAAsBG,EAAE,sBAAsB;AAAA,MAC9C,mBAAmBA,EAAE,iBAAiB;AAAA,IAAA;AAAA,EACxC;AAEJ;"}
+{"version":3,"file":"Preview.js","sources":["../../../../../src/components/Company/DocumentSigner/SignatureForm/Preview.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useSignatureForm } from './useSignatureForm'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\n\nexport function Preview() {\n  const { form, pdfUrl } = useSignatureForm()\n  const { t } = useTranslation('Company.SignatureForm')\n\n  return (\n    <DocumentViewer\n      url={pdfUrl}\n      title={form.title}\n      downloadInstructions={t('downloadInstructions')}\n      viewDocumentLabel={t('viewDocumentCta')}\n    />\n  )\n}\n"],"names":["Preview","form","pdfUrl","useSignatureForm","t","useTranslation","jsx","DocumentViewer"],"mappings":";;;;AAIO,SAASA,IAAU;AACxB,QAAM,EAAE,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GACnB,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB;AAEpD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKL;AAAA,MACL,OAAOD,EAAK;AAAA,MACZ,sBAAsBG,EAAE,sBAAsB;AAAA,MAC9C,mBAAmBA,EAAE,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAG5C;"}

package/dist/components/Company/DocumentSigner/SignatureForm/SignatureForm.js

@@ -12,8 +12,9 @@ import { BaseComponent as x } from "../../../Base/Base.js";
 import { useBase as A } from "../../../Base/useBase.js";
 import { SignatureForm as v } from "../../../Common/SignatureForm/SignatureForm.js";
 import { Flex as G } from "../../../Common/Flex/Flex.js";
+import "classnames";
 import { companyEvents as t } from "../../../../shared/constants.js";
-function V(r) {
+function W(r) {
   return /* @__PURE__ */ o(x, { ...r, children: /* @__PURE__ */ o(R, { ...r, children: r.children }) });
 }
 function R({ formId: r, children: e, dictionary: i }) {
@@ -62,6 +63,6 @@ function R({ formId: r, children: e, dictionary: i }) {
 }
 export {
   R as Root,
-  V as SignatureForm
+  W as SignatureForm
 };
 //# sourceMappingURL=SignatureForm.js.map