@gusto/embedded-react-sdk 0.44.2 → 0.46.0

package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatoryForm.js

@@ -1,37 +1,37 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { z as r } from "zod";
-import { useFormContext as u } from "react-hook-form";
-import { useTranslation as E } from "react-i18next";
-import { Flex as S } from "../../../Common/Flex/Flex.js";
-import { Grid as v } from "../../../Common/Grid/Grid.js";
-import { nameValidation as l } from "../../../../helpers/validations.js";
+import { useFormContext as E } from "react-hook-form";
+import { useTranslation as v } from "react-i18next";
+import { Flex as l } from "../../../Common/Flex/Flex.js";
+import { Grid as S } from "../../../Common/Grid/Grid.js";
+import { nameValidation as c } from "../../../../helpers/validations.js";
 import { TitleSelect as y } from "../TitleSelect.js";
 import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { TextInputField as a } from "../../../Common/Fields/TextInputField/TextInputField.js";
-const m = "email_mismatch", w = r.object({
-  firstName: l,
-  lastName: l,
+const m = "email_mismatch", D = r.object({
+  firstName: c,
+  lastName: c,
   email: r.string().min(1).email(),
   confirmEmail: r.string().min(1).email(),
   title: r.string().min(1)
 }).refine((i) => i.email === i.confirmEmail, {
   message: m,
   path: ["confirmEmail"]
-}), z = () => {
-  const { t: i } = E("Company.AssignSignatory"), n = x(), {
-    setError: c,
-    clearErrors: f,
-    formState: { errors: g, isSubmitted: d },
-    watch: p
-  } = u(), o = p("confirmEmail"), h = (s) => {
-    d && (s === o && f("confirmEmail"), s !== o && c("confirmEmail", { message: m }));
+}), w = () => {
+  const { t: i } = v("Company.AssignSignatory"), n = x(), {
+    setError: f,
+    clearErrors: g,
+    formState: { errors: d, isSubmitted: p },
+    watch: h
+  } = E(), o = h("confirmEmail"), u = (s) => {
+    p && (s === o && g("confirmEmail"), s !== o && f("confirmEmail", { message: m }));
   };
-  return /* @__PURE__ */ t(S, { flexDirection: "column", gap: 12, children: [
-    /* @__PURE__ */ t("header", { children: [
+  return /* @__PURE__ */ t(l, { flexDirection: "column", gap: 32, alignItems: "stretch", children: [
+    /* @__PURE__ */ e("header", { children: /* @__PURE__ */ t(l, { flexDirection: "column", gap: 4, children: [
       /* @__PURE__ */ e(n.Heading, { as: "h2", children: i("inviteSignatory.title") }),
-      /* @__PURE__ */ e(n.Text, { children: i("inviteSignatory.description") })
-    ] }),
-    /* @__PURE__ */ t(v, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
+      /* @__PURE__ */ e(n.Text, { variant: "supporting", children: i("inviteSignatory.description") })
+    ] }) }),
+    /* @__PURE__ */ t(S, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
       /* @__PURE__ */ e(
         a,
         {
@@ -39,7 +39,7 @@ const m = "email_mismatch", w = r.object({
           label: i("inviteSignatory.signatoryEmail"),
           isRequired: !0,
           errorMessage: i("validations.email"),
-          onChange: h
+          onChange: u
         }
       ),
       /* @__PURE__ */ e(
@@ -48,7 +48,7 @@ const m = "email_mismatch", w = r.object({
           name: "confirmEmail",
           label: i("inviteSignatory.confirmEmail"),
           isRequired: !0,
-          errorMessage: g.confirmEmail?.message === m ? i("validations.emailMismatch") : i("validations.email")
+          errorMessage: d.confirmEmail?.message === m ? i("validations.emailMismatch") : i("validations.email")
         }
       ),
       /* @__PURE__ */ e(
@@ -74,7 +74,7 @@ const m = "email_mismatch", w = r.object({
   ] });
 };
 export {
-  z as InviteSignatoryForm,
-  w as InviteSignatorySchema
+  w as InviteSignatoryForm,
+  D as InviteSignatorySchema
 };
 //# sourceMappingURL=InviteSignatoryForm.js.map

package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatoryForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"InviteSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/InviteSignatoryForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { TextInputField, Grid, Flex } from '@/components/Common'\nimport { nameValidation } from '@/helpers/validations'\nimport { TitleSelect } from '@/components/Company/AssignSignatory/TitleSelect'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst emailMismatchError = 'email_mismatch'\n\nexport const InviteSignatorySchema = z\n  .object({\n    firstName: nameValidation,\n    lastName: nameValidation,\n    email: z.string().min(1).email(),\n    confirmEmail: z.string().min(1).email(),\n    title: z.string().min(1),\n  })\n  .refine(data => data.email === data.confirmEmail, {\n    message: emailMismatchError,\n    path: ['confirmEmail'],\n  })\n\nexport type InviteSignatoryInputs = z.infer<typeof InviteSignatorySchema>\n\nexport const InviteSignatoryForm = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const Components = useComponentContext()\n\n  const {\n    setError,\n    clearErrors,\n    formState: { errors, isSubmitted },\n    watch,\n  } = useFormContext()\n\n  // Some workarounds here to also ensure that modifying the email field\n  // sets and clears the confirm_email field error state\n  const confirmEmail = watch('confirmEmail')\n\n  const handleEmailChange = (value: string) => {\n    if (isSubmitted) {\n      if (value === confirmEmail) {\n        clearErrors('confirmEmail')\n      }\n\n      if (value !== confirmEmail) {\n        setError('confirmEmail', { message: emailMismatchError })\n      }\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <header>\n        <Components.Heading as=\"h2\">{t('inviteSignatory.title')}</Components.Heading>\n        <Components.Text>{t('inviteSignatory.description')}</Components.Text>\n      </header>\n\n      <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n        <TextInputField\n          name=\"email\"\n          label={t('inviteSignatory.signatoryEmail')}\n          isRequired\n          errorMessage={t('validations.email')}\n          onChange={handleEmailChange}\n        />\n        <TextInputField\n          name=\"confirmEmail\"\n          label={t('inviteSignatory.confirmEmail')}\n          isRequired\n          errorMessage={\n            errors.confirmEmail?.message === emailMismatchError\n              ? t('validations.emailMismatch')\n              : t('validations.email')\n          }\n        />\n        <TextInputField\n          name=\"firstName\"\n          label={t('inviteSignatory.firstName')}\n          isRequired\n          errorMessage={t('validations.firstName')}\n        />\n        <TextInputField\n          name=\"lastName\"\n          label={t('inviteSignatory.lastName')}\n          isRequired\n          errorMessage={t('validations.lastName')}\n        />\n        <TitleSelect />\n      </Grid>\n    </Flex>\n  )\n}\n"],"names":["emailMismatchError","InviteSignatorySchema","z","nameValidation","data","InviteSignatoryForm","t","useTranslation","Components","useComponentContext","setError","clearErrors","errors","isSubmitted","watch","useFormContext","confirmEmail","handleEmailChange","value","jsxs","Flex","jsx","Grid","TextInputField","TitleSelect"],"mappings":";;;;;;;;;;AAQA,MAAMA,IAAqB,kBAEdC,IAAwBC,EAClC,OAAO;AAAA,EACN,WAAWC;AAAA,EACX,UAAUA;AAAA,EACV,OAAOD,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,MAAA;AAAA,EACzB,cAAcA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,MAAA;AAAA,EAChC,OAAOA,EAAE,OAAA,EAAS,IAAI,CAAC;AACzB,CAAC,EACA,OAAO,CAAAE,MAAQA,EAAK,UAAUA,EAAK,cAAc;AAAA,EAChD,SAASJ;AAAA,EACT,MAAM,CAAC,cAAc;AACvB,CAAC,GAIUK,IAAsB,MAAM;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChDC,IAAaC,EAAA,GAEb;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,GAAQ,aAAAC,EAAA;AAAA,IACrB,OAAAC;AAAA,EAAA,IACEC,EAAA,GAIEC,IAAeF,EAAM,cAAc,GAEnCG,IAAoB,CAACC,MAAkB;AAC3C,IAAIL,MACEK,MAAUF,KACZL,EAAY,cAAc,GAGxBO,MAAUF,KACZN,EAAS,gBAAgB,EAAE,SAASV,EAAA,CAAoB;AAAA,EAG9D;AAEA,SACE,gBAAAmB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAAC,UAAA,EACC,UAAA;AAAA,MAAA,gBAAAE,EAACb,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,uBAAuB,GAAE;AAAA,wBACvDE,EAAW,MAAX,EAAiB,UAAAF,EAAE,6BAA6B,EAAA,CAAE;AAAA,IAAA,GACrD;AAAA,IAEA,gBAAAa,EAACG,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAA,GAAK,KAAK,IACtE,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,gCAAgC;AAAA,UACzC,YAAU;AAAA,UACV,cAAcA,EAAE,mBAAmB;AAAA,UACnC,UAAUW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,8BAA8B;AAAA,UACvC,YAAU;AAAA,UACV,cACEM,EAAO,cAAc,YAAYZ,IAC7BM,EAAE,2BAA2B,IAC7BA,EAAE,mBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7B,gBAAAe;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,2BAA2B;AAAA,UACpC,YAAU;AAAA,UACV,cAAcA,EAAE,uBAAuB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEzC,gBAAAe;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,0BAA0B;AAAA,UACnC,YAAU;AAAA,UACV,cAAcA,EAAE,sBAAsB;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEvCkB,GAAA,CAAA,CAAY;AAAA,IAAA,EAAA,CACf;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"InviteSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/InviteSignatoryForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { TextInputField, Grid, Flex } from '@/components/Common'\nimport { nameValidation } from '@/helpers/validations'\nimport { TitleSelect } from '@/components/Company/AssignSignatory/TitleSelect'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst emailMismatchError = 'email_mismatch'\n\nexport const InviteSignatorySchema = z\n  .object({\n    firstName: nameValidation,\n    lastName: nameValidation,\n    email: z.string().min(1).email(),\n    confirmEmail: z.string().min(1).email(),\n    title: z.string().min(1),\n  })\n  .refine(data => data.email === data.confirmEmail, {\n    message: emailMismatchError,\n    path: ['confirmEmail'],\n  })\n\nexport type InviteSignatoryInputs = z.infer<typeof InviteSignatorySchema>\n\nexport const InviteSignatoryForm = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const Components = useComponentContext()\n\n  const {\n    setError,\n    clearErrors,\n    formState: { errors, isSubmitted },\n    watch,\n  } = useFormContext()\n\n  // Some workarounds here to also ensure that modifying the email field\n  // sets and clears the confirm_email field error state\n  const confirmEmail = watch('confirmEmail')\n\n  const handleEmailChange = (value: string) => {\n    if (isSubmitted) {\n      if (value === confirmEmail) {\n        clearErrors('confirmEmail')\n      }\n\n      if (value !== confirmEmail) {\n        setError('confirmEmail', { message: emailMismatchError })\n      }\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={32} alignItems=\"stretch\">\n      <header>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Components.Heading as=\"h2\">{t('inviteSignatory.title')}</Components.Heading>\n          <Components.Text variant=\"supporting\">{t('inviteSignatory.description')}</Components.Text>\n        </Flex>\n      </header>\n\n      <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n        <TextInputField\n          name=\"email\"\n          label={t('inviteSignatory.signatoryEmail')}\n          isRequired\n          errorMessage={t('validations.email')}\n          onChange={handleEmailChange}\n        />\n        <TextInputField\n          name=\"confirmEmail\"\n          label={t('inviteSignatory.confirmEmail')}\n          isRequired\n          errorMessage={\n            errors.confirmEmail?.message === emailMismatchError\n              ? t('validations.emailMismatch')\n              : t('validations.email')\n          }\n        />\n        <TextInputField\n          name=\"firstName\"\n          label={t('inviteSignatory.firstName')}\n          isRequired\n          errorMessage={t('validations.firstName')}\n        />\n        <TextInputField\n          name=\"lastName\"\n          label={t('inviteSignatory.lastName')}\n          isRequired\n          errorMessage={t('validations.lastName')}\n        />\n        <TitleSelect />\n      </Grid>\n    </Flex>\n  )\n}\n"],"names":["emailMismatchError","InviteSignatorySchema","z","nameValidation","data","InviteSignatoryForm","t","useTranslation","Components","useComponentContext","setError","clearErrors","errors","isSubmitted","watch","useFormContext","confirmEmail","handleEmailChange","value","Flex","jsx","jsxs","Grid","TextInputField","TitleSelect"],"mappings":";;;;;;;;;;AAQA,MAAMA,IAAqB,kBAEdC,IAAwBC,EAClC,OAAO;AAAA,EACN,WAAWC;AAAA,EACX,UAAUA;AAAA,EACV,OAAOD,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,MAAA;AAAA,EACzB,cAAcA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,MAAA;AAAA,EAChC,OAAOA,EAAE,OAAA,EAAS,IAAI,CAAC;AACzB,CAAC,EACA,OAAO,CAAAE,MAAQA,EAAK,UAAUA,EAAK,cAAc;AAAA,EAChD,SAASJ;AAAA,EACT,MAAM,CAAC,cAAc;AACvB,CAAC,GAIUK,IAAsB,MAAM;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChDC,IAAaC,EAAA,GAEb;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,GAAQ,aAAAC,EAAA;AAAA,IACrB,OAAAC;AAAA,EAAA,IACEC,EAAA,GAIEC,IAAeF,EAAM,cAAc,GAEnCG,IAAoB,CAACC,MAAkB;AAC3C,IAAIL,MACEK,MAAUF,KACZL,EAAY,cAAc,GAGxBO,MAAUF,KACZN,EAAS,gBAAgB,EAAE,SAASV,EAAA,CAAoB;AAAA,EAG9D;AAEA,2BACGmB,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,YAAW,WAC/C,UAAA;AAAA,IAAA,gBAAAC,EAAC,YACC,UAAA,gBAAAC,EAACF,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC,EAACZ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,uBAAuB,GAAE;AAAA,MACxD,gBAAAc,EAACZ,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,6BAA6B,EAAA,CAAE;AAAA,IAAA,EAAA,CAC1E,EAAA,CACF;AAAA,IAEA,gBAAAe,EAACC,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAA,GAAK,KAAK,IACtE,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,gCAAgC;AAAA,UACzC,YAAU;AAAA,UACV,cAAcA,EAAE,mBAAmB;AAAA,UACnC,UAAUW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,gBAAAG;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,8BAA8B;AAAA,UACvC,YAAU;AAAA,UACV,cACEM,EAAO,cAAc,YAAYZ,IAC7BM,EAAE,2BAA2B,IAC7BA,EAAE,mBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7B,gBAAAc;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,2BAA2B;AAAA,UACpC,YAAU;AAAA,UACV,cAAcA,EAAE,uBAAuB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEzC,gBAAAc;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,0BAA0B;AAAA,UACnC,YAAU;AAAA,UACV,cAAcA,EAAE,sBAAsB;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEvCkB,GAAA,CAAA,CAAY;AAAA,IAAA,EAAA,CACf;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,14 +1,17 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { useTranslation as r } from "react-i18next";
-import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function d() {
-  const { t: n } = r("Company.BankAccount"), o = c();
-  return /* @__PURE__ */ e("header", { children: [
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useTranslation as i } from "react-i18next";
+import { useComponentContext as e } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as c } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../../shared/constants.js";
+function l() {
+  const { t: n } = i("Company.BankAccount"), o = e();
+  return /* @__PURE__ */ r(c, { flexDirection: "column", gap: 4, children: [
     /* @__PURE__ */ t(o.Heading, { as: "h2", children: n("addBankAccountTitle") }),
-    /* @__PURE__ */ t(o.Text, { children: n("addBankAccountDescription") })
+    /* @__PURE__ */ t(o.Text, { variant: "supporting", children: n("addBankAccountDescription") })
   ] });
 }
 export {
-  d as Head
+  l as Head
 };
 //# sourceMappingURL=Head.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <header>\n      <Components.Heading as=\"h2\">{t('addBankAccountTitle')}</Components.Heading>\n      <Components.Text>{t('addBankAccountDescription')}</Components.Text>\n    </header>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,2BACG,UAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,qBAAqB,GAAE;AAAA,sBACrDE,EAAW,MAAX,EAAiB,UAAAF,EAAE,2BAA2B,EAAA,CAAE;AAAA,EAAA,GACnD;AAEJ;"}
+{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common'\n\nexport function Head() {\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">{t('addBankAccountTitle')}</Components.Heading>\n      <Components.Text variant=\"supporting\">{t('addBankAccountDescription')}</Components.Text>\n    </Flex>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx"],"mappings":";;;;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,IAAA,gBAAAC,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,qBAAqB,GAAE;AAAA,IACtD,gBAAAM,EAACJ,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,2BAA2B,EAAA,CAAE;AAAA,EAAA,GACxE;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountList/Head.js

@@ -1,44 +1,49 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
-import { useBankAccount as s } from "./context.js";
-import d from "../../../../assets/icons/verification_pending.svg.js";
-import { useComponentContext as l } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function h() {
-  const { bankAccount: n, showVerifiedMessage: o, handleVerification: a } = s(), { t: i } = c("Company.BankAccount"), e = l();
-  return /* @__PURE__ */ r("header", { children: [
-    /* @__PURE__ */ t(e.Heading, { as: "h2", children: i("addBankAccountTitle") }),
-    /* @__PURE__ */ t(e.Text, { children: i("addBankAccountDescription") }),
-    n?.verificationStatus != "verified" && /* @__PURE__ */ r(
-      e.Alert,
-      {
-        label: i(`verificationAlert.${n?.verificationStatus}.label`),
-        icon: /* @__PURE__ */ t(d, {}),
-        children: [
-          /* @__PURE__ */ t(e.Text, { children: i(`verificationAlert.${n?.verificationStatus}.description`, {
-            number: n?.hiddenAccountNumber
-          }) }),
-          /* @__PURE__ */ t(
-            e.Button,
-            {
-              variant: "secondary",
-              onClick: a,
-              isDisabled: n?.verificationStatus !== "ready_for_verification",
-              children: i("verifyBankAccountCta")
-            }
-          )
-        ]
-      }
-    ),
-    o && /* @__PURE__ */ t(
-      e.Alert,
-      {
-        label: i("verificationAlert.verified.label"),
-        status: "success"
-      }
-    )
+import { jsxs as r, Fragment as l, jsx as n } from "react/jsx-runtime";
+import { useTranslation as s } from "react-i18next";
+import { useBankAccount as d } from "./context.js";
+import f from "../../../../assets/icons/verification_pending.svg.js";
+import { useComponentContext as u } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as o } from "../../../Common/Flex/Flex.js";
+function b() {
+  const { bankAccount: t, showVerifiedMessage: c, handleVerification: a } = d(), { t: i } = s("Company.BankAccount"), e = u();
+  return /* @__PURE__ */ r(l, { children: [
+    /* @__PURE__ */ r(o, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ n(e.Heading, { as: "h2", children: i("addBankAccountTitle") }),
+      /* @__PURE__ */ n(e.Text, { variant: "supporting", children: i("addBankAccountDescription") })
+    ] }),
+    /* @__PURE__ */ r(o, { flexDirection: "column", gap: 16, children: [
+      t?.verificationStatus != "verified" && /* @__PURE__ */ r(
+        e.Alert,
+        {
+          label: i(`verificationAlert.${t?.verificationStatus}.label`),
+          icon: /* @__PURE__ */ n(f, {}),
+          children: [
+            /* @__PURE__ */ n(e.Text, { children: i(`verificationAlert.${t?.verificationStatus}.description`, {
+              number: t?.hiddenAccountNumber
+            }) }),
+            /* @__PURE__ */ n(
+              e.Button,
+              {
+                variant: "secondary",
+                onClick: a,
+                isDisabled: t?.verificationStatus !== "ready_for_verification",
+                children: i("verifyBankAccountCta")
+              }
+            )
+          ]
+        }
+      ),
+      c && /* @__PURE__ */ n(
+        e.Alert,
+        {
+          label: i("verificationAlert.verified.label"),
+          status: "success"
+        }
+      )
+    ] })
   ] });
 }
 export {
-  h as Head
+  b as Head
 };
 //# sourceMappingURL=Head.js.map

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,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;"}
+{"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'\nimport { Flex } from '@/components/Common/Flex/Flex'\n\nexport function Head() {\n  const { bankAccount, showVerifiedMessage, handleVerification } = useBankAccount()\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Components.Heading as=\"h2\">{t('addBankAccountTitle')}</Components.Heading>\n        <Components.Text variant=\"supporting\">{t('addBankAccountDescription')}</Components.Text>\n      </Flex>\n      <Flex flexDirection=\"column\" gap={16}>\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      </Flex>\n    </>\n  )\n}\n"],"names":["Head","bankAccount","showVerifiedMessage","handleVerification","useBankAccount","t","useTranslation","Components","useComponentContext","jsxs","Fragment","Flex","jsx","VerificationPendingIcon"],"mappings":";;;;;;AAMO,SAASA,IAAO;AACrB,QAAM,EAAE,aAAAC,GAAa,qBAAAC,GAAqB,oBAAAC,EAAA,IAAuBC,EAAA,GAC3D,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,qBAAqB,GAAE;AAAA,MACtD,gBAAAO,EAACL,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,2BAA2B,EAAA,CAAE;AAAA,IAAA,GACxE;AAAA,IACA,gBAAAI,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,MAAAV,GAAa,sBAAsB,cAClC,gBAAAQ;AAAA,QAACF,EAAW;AAAA,QAAX;AAAA,UAEC,OAAOF,EAAE,qBAAqBJ,GAAa,kBAAkB,QAAQ;AAAA,UACrE,wBAAOY,GAAA,EAAwB;AAAA,UAE/B,UAAA;AAAA,YAAA,gBAAAD,EAACL,EAAW,MAAX,EAEE,YAAE,qBAAqBN,GAAa,kBAAkB,gBAAgB;AAAA,cACrE,QAAQA,GAAa;AAAA,YAAA,CACtB,GACH;AAAA,YACA,gBAAAW;AAAA,cAACL,EAAW;AAAA,cAAX;AAAA,gBACC,SAAQ;AAAA,gBACR,SAASJ;AAAA,gBACT,YAAYF,GAAa,uBAAuB;AAAA,gBAE/C,YAAE,sBAAsB;AAAA,cAAA;AAAA,YAAA;AAAA,UAC3B;AAAA,QAAA;AAAA,MAAA;AAAA,MAGHC,KACC,gBAAAU;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,kCAAkC;AAAA,UAC3C,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,EAAA,CAEL;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,36 +1,36 @@
-import { jsx as o, jsxs as s, Fragment as y } from "react/jsx-runtime";
-import { useTranslation as S, Trans as b } from "react-i18next";
-import { useSignCompanyForm as D } from "../shared/useSignCompanyForm/useSignCompanyForm.js";
+import { jsx as o, jsxs as s, Fragment as S } from "react/jsx-runtime";
+import { useTranslation as b, Trans as D } from "react-i18next";
+import { useSignCompanyForm as v } from "../shared/useSignCompanyForm/useSignCompanyForm.js";
 import { useComponentDictionary as L, useI18n as R } from "../../../../i18n/I18n.js";
-import { BaseComponent as v, BaseLayout as d } from "../../../Base/Base.js";
-import { useBase as w } from "../../../Base/useBase.js";
-import { Flex as E } from "../../../Common/Flex/Flex.js";
+import { BaseComponent as w, BaseLayout as d } from "../../../Base/Base.js";
+import { useBase as E } from "../../../Base/useBase.js";
+import { Flex as u } from "../../../Common/Flex/Flex.js";
 import "classnames";
 import { companyEvents as l } from "../../../../shared/constants.js";
-import { ActionsLayout as _ } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { ActionsLayout as I } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { DocumentViewer as _ } from "../../../Common/DocumentViewer/DocumentViewer.js";
 import { Form as k } from "../../../Common/Form/Form.js";
-import { SDKFormProvider as I } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { SDKFormProvider as x } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
 import { useComponentContext as M } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { DocumentViewer as x } from "../../../Common/DocumentViewer/DocumentViewer.js";
 function q(t) {
-  return /* @__PURE__ */ o(v, { ...t, children: /* @__PURE__ */ o(B, { ...t, children: t.children }) });
+  return /* @__PURE__ */ o(w, { ...t, children: /* @__PURE__ */ o(B, { ...t, children: t.children }) });
 }
-function B({ formId: t, children: u, dictionary: p }) {
-  L("Company.SignatureForm", p), R("Company.SignatureForm");
-  const { t: r } = S("Company.SignatureForm"), { onEvent: a } = w(), e = M(), n = D({ formId: t });
+function B({ formId: t, children: p, dictionary: f }) {
+  L("Company.SignatureForm", f), R("Company.SignatureForm");
+  const { t: r } = b("Company.SignatureForm"), { onEvent: a } = E(), e = M(), n = v({ formId: t });
   if (n.isLoading)
     return /* @__PURE__ */ o(d, { isLoading: !0, error: n.errorHandling.errors });
-  const { companyForm: i, pdfUrl: m } = n.data, { isPending: f } = n.status, { Signature: g, ConfirmSignature: h } = n.form.Fields, C = async () => {
+  const { companyForm: i, pdfUrl: m } = n.data, { isPending: g } = n.status, { Signature: h, ConfirmSignature: C } = n.form.Fields, F = async () => {
     const c = await n.actions.onSubmit();
     c && (a(l.COMPANY_SIGN_FORM, c.data), a(l.COMPANY_SIGN_FORM_DONE));
-  }, F = () => {
+  }, y = () => {
     a(l.COMPANY_SIGN_FORM_BACK);
   };
-  return /* @__PURE__ */ o(d, { error: n.errorHandling.errors, children: /* @__PURE__ */ o(I, { formHookResult: n, children: /* @__PURE__ */ o(k, { onSubmit: C, children: /* @__PURE__ */ o(E, { flexDirection: "column", gap: 32, children: u ?? /* @__PURE__ */ s(y, { children: [
-    /* @__PURE__ */ s("section", { children: [
+  return /* @__PURE__ */ o(d, { error: n.errorHandling.errors, children: /* @__PURE__ */ o(x, { formHookResult: n, children: /* @__PURE__ */ o(k, { onSubmit: F, children: /* @__PURE__ */ o(u, { flexDirection: "column", gap: 32, alignItems: "stretch", children: p ?? /* @__PURE__ */ s(S, { children: [
+    /* @__PURE__ */ o("section", { children: /* @__PURE__ */ s(u, { flexDirection: "column", gap: 4, children: [
       /* @__PURE__ */ o(e.Heading, { as: "h2", children: r("signatureFormTitle", { formTitle: i.title }) }),
-      m && /* @__PURE__ */ o(e.Text, { children: /* @__PURE__ */ o(
-        b,
+      m && /* @__PURE__ */ o(e.Text, { variant: "supporting", children: /* @__PURE__ */ o(
+        D,
         {
           t: r,
           i18nKey: "downloadPrompt",
@@ -48,9 +48,9 @@ function B({ formId: t, children: u, dictionary: p }) {
           }
         }
       ) })
-    ] }),
+    ] }) }),
     /* @__PURE__ */ o(
-      x,
+      _,
       {
         url: m,
         title: i.title,
@@ -59,7 +59,7 @@ function B({ formId: t, children: u, dictionary: p }) {
       }
     ),
     /* @__PURE__ */ o(
-      g,
+      h,
       {
         label: r("signatureLabel"),
         description: r("signatureDescription"),
@@ -67,15 +67,15 @@ function B({ formId: t, children: u, dictionary: p }) {
       }
     ),
     /* @__PURE__ */ o(
-      h,
+      C,
       {
         label: r("confirmationLabel"),
         validationMessages: { REQUIRED: r("confirmationError") }
       }
     ),
-    /* @__PURE__ */ s(_, { children: [
-      /* @__PURE__ */ o(e.Button, { variant: "secondary", type: "button", onClick: F, children: r("backCta") }),
-      /* @__PURE__ */ o(e.Button, { type: "submit", isLoading: f, children: r("submitCta") })
+    /* @__PURE__ */ s(I, { children: [
+      /* @__PURE__ */ o(e.Button, { variant: "secondary", type: "button", onClick: y, children: r("backCta") }),
+      /* @__PURE__ */ o(e.Button, { type: "submit", isLoading: g, children: r("submitCta") })
     ] })
   ] }) }) }) }) });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.js","sources":["../../../../../src/components/Company/DocumentSigner/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useSignCompanyForm } from '../shared/useSignCompanyForm'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent, BaseLayout } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { Form as FormLayout } from '@/components/Common/Form'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { companyEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormProps extends BaseComponentInterface<'Company.SignatureForm'> {\n  formId: string\n  companyId: string\n}\n\nexport function SignatureForm(props: SignatureFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ formId, children, dictionary }: SignatureFormProps) {\n  useComponentDictionary('Company.SignatureForm', dictionary)\n  useI18n('Company.SignatureForm')\n  const { t } = useTranslation('Company.SignatureForm')\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const hookResult = useSignCompanyForm({ formId })\n\n  if (hookResult.isLoading) {\n    return <BaseLayout isLoading error={hookResult.errorHandling.errors} />\n  }\n\n  const { companyForm: form, pdfUrl } = hookResult.data\n  const { isPending } = hookResult.status\n  const { Signature, ConfirmSignature } = hookResult.form.Fields\n\n  const handleFormSubmit = async () => {\n    const result = await hookResult.actions.onSubmit()\n    if (result) {\n      onEvent(companyEvents.COMPANY_SIGN_FORM, result.data)\n      onEvent(companyEvents.COMPANY_SIGN_FORM_DONE)\n    }\n  }\n\n  const handleBack = () => {\n    onEvent(companyEvents.COMPANY_SIGN_FORM_BACK)\n  }\n\n  return (\n    <BaseLayout error={hookResult.errorHandling.errors}>\n      <SDKFormProvider formHookResult={hookResult}>\n        <FormLayout onSubmit={handleFormSubmit}>\n          <Flex flexDirection=\"column\" gap={32}>\n            {children ?? (\n              <>\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={{ description: form.description }}\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                <DocumentViewer\n                  url={pdfUrl}\n                  title={form.title}\n                  downloadInstructions={t('downloadInstructions')}\n                  viewDocumentLabel={t('viewDocumentCta')}\n                />\n                <Signature\n                  label={t('signatureLabel')}\n                  description={t('signatureDescription')}\n                  validationMessages={{ REQUIRED: t('signatureError') }}\n                />\n                <ConfirmSignature\n                  label={t('confirmationLabel')}\n                  validationMessages={{ REQUIRED: t('confirmationError') }}\n                />\n                <ActionsLayout>\n                  <Components.Button variant=\"secondary\" type=\"button\" onClick={handleBack}>\n                    {t('backCta')}\n                  </Components.Button>\n                  <Components.Button type=\"submit\" isLoading={isPending}>\n                    {t('submitCta')}\n                  </Components.Button>\n                </ActionsLayout>\n              </>\n            )}\n          </Flex>\n        </FormLayout>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["SignatureForm","props","jsx","BaseComponent","Root","formId","children","dictionary","useComponentDictionary","useI18n","t","useTranslation","onEvent","useBase","Components","useComponentContext","hookResult","useSignCompanyForm","BaseLayout","form","pdfUrl","isPending","Signature","ConfirmSignature","handleFormSubmit","result","companyEvents","handleBack","SDKFormProvider","FormLayout","Flex","jsxs","Fragment","Trans","DocumentViewer","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"SignatureForm.js","sources":["../../../../../src/components/Company/DocumentSigner/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useSignCompanyForm } from '../shared/useSignCompanyForm'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent, BaseLayout } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { Form as FormLayout } from '@/components/Common/Form'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { companyEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormProps extends BaseComponentInterface<'Company.SignatureForm'> {\n  formId: string\n  companyId: string\n}\n\nexport function SignatureForm(props: SignatureFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ formId, children, dictionary }: SignatureFormProps) {\n  useComponentDictionary('Company.SignatureForm', dictionary)\n  useI18n('Company.SignatureForm')\n  const { t } = useTranslation('Company.SignatureForm')\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const hookResult = useSignCompanyForm({ formId })\n\n  if (hookResult.isLoading) {\n    return <BaseLayout isLoading error={hookResult.errorHandling.errors} />\n  }\n\n  const { companyForm: form, pdfUrl } = hookResult.data\n  const { isPending } = hookResult.status\n  const { Signature, ConfirmSignature } = hookResult.form.Fields\n\n  const handleFormSubmit = async () => {\n    const result = await hookResult.actions.onSubmit()\n    if (result) {\n      onEvent(companyEvents.COMPANY_SIGN_FORM, result.data)\n      onEvent(companyEvents.COMPANY_SIGN_FORM_DONE)\n    }\n  }\n\n  const handleBack = () => {\n    onEvent(companyEvents.COMPANY_SIGN_FORM_BACK)\n  }\n\n  return (\n    <BaseLayout error={hookResult.errorHandling.errors}>\n      <SDKFormProvider formHookResult={hookResult}>\n        <FormLayout onSubmit={handleFormSubmit}>\n          <Flex flexDirection=\"column\" gap={32} alignItems=\"stretch\">\n            {children ?? (\n              <>\n                <section>\n                  <Flex flexDirection=\"column\" gap={4}>\n                    <Components.Heading as=\"h2\">\n                      {t('signatureFormTitle', { formTitle: form.title })}\n                    </Components.Heading>\n                    {pdfUrl && (\n                      <Components.Text variant=\"supporting\">\n                        <Trans\n                          t={t}\n                          i18nKey=\"downloadPrompt\"\n                          values={{ description: form.description }}\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                  </Flex>\n                </section>\n                <DocumentViewer\n                  url={pdfUrl}\n                  title={form.title}\n                  downloadInstructions={t('downloadInstructions')}\n                  viewDocumentLabel={t('viewDocumentCta')}\n                />\n                <Signature\n                  label={t('signatureLabel')}\n                  description={t('signatureDescription')}\n                  validationMessages={{ REQUIRED: t('signatureError') }}\n                />\n                <ConfirmSignature\n                  label={t('confirmationLabel')}\n                  validationMessages={{ REQUIRED: t('confirmationError') }}\n                />\n                <ActionsLayout>\n                  <Components.Button variant=\"secondary\" type=\"button\" onClick={handleBack}>\n                    {t('backCta')}\n                  </Components.Button>\n                  <Components.Button type=\"submit\" isLoading={isPending}>\n                    {t('submitCta')}\n                  </Components.Button>\n                </ActionsLayout>\n              </>\n            )}\n          </Flex>\n        </FormLayout>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["SignatureForm","props","jsx","BaseComponent","Root","formId","children","dictionary","useComponentDictionary","useI18n","t","useTranslation","onEvent","useBase","Components","useComponentContext","hookResult","useSignCompanyForm","BaseLayout","form","pdfUrl","isPending","Signature","ConfirmSignature","handleFormSubmit","result","companyEvents","handleBack","SDKFormProvider","FormLayout","Flex","jsxs","Fragment","Trans","DocumentViewer","ActionsLayout"],"mappings":"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"}

package/dist/components/Company/DocumentSigner/shared/useSignCompanyForm/fields.js

@@ -1,11 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
-import { CheckboxHookField as e } from "../../../../../partner-hook-utils/form/fields/CheckboxHookField.js";
-import { TextInputHookField as i } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
+import { TextInputHookField as e } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
+import { CheckboxHookField as i } from "../../../../../partner-hook-utils/form/fields/CheckboxHookField.js";
 function u(r) {
-  return /* @__PURE__ */ o(i, { ...r, name: "signature" });
+  return /* @__PURE__ */ o(e, { ...r, name: "signature" });
 }
 function f(r) {
-  return /* @__PURE__ */ o(e, { ...r, name: "confirmSignature" });
+  return /* @__PURE__ */ o(i, { ...r, name: "confirmSignature" });
 }
 export {
   f as ConfirmSignatureField,

package/dist/components/Company/FederalTaxes/FederalTaxes.js

@@ -1,5 +1,5 @@
-import { jsx as e, jsxs as y, Fragment as D } from "react/jsx-runtime";
-import { useFederalTaxDetailsUpdateMutation as g } from "@gusto/embedded-api/react-query/federalTaxDetailsUpdate";
+import { jsx as e, jsxs as g, Fragment as y } from "react/jsx-runtime";
+import { useFederalTaxDetailsUpdateMutation as D } from "@gusto/embedded-api/react-query/federalTaxDetailsUpdate";
 import { useFederalTaxDetailsGetSuspense as h } from "@gusto/embedded-api/react-query/federalTaxDetailsGet";
 import { useForm as E, FormProvider as P } from "react-hook-form";
 import { zodResolver as v } from "@hookform/resolvers/zod";
@@ -17,19 +17,19 @@ import { companyEvents as l } from "../../../shared/constants.js";
 function V(a) {
   return /* @__PURE__ */ e(O, { ...a, children: /* @__PURE__ */ e(w, { ...a, children: a.children }) });
 }
-function w({ companyId: a, children: t, className: s, defaultValues: i, dictionary: d }) {
+function w({ companyId: a, children: i, className: s, defaultValues: t, dictionary: d }) {
   R("Company.FederalTaxes"), M("Company.FederalTaxes", d);
-  const { onEvent: m, baseSubmitHandler: f } = U(), { data: p } = h({ companyId: a }), r = p.federalTaxDetails, { mutateAsync: c, isPending: F } = g(), n = E({
+  const { onEvent: m, baseSubmitHandler: f } = U(), { data: c } = h({ companyId: a }), r = c.federalTaxDetails, { mutateAsync: p, isPending: F } = D(), n = E({
     resolver: v(A),
     defaultValues: {
       federalEin: r.hasEin ? void 0 : "",
-      taxPayerType: r.taxPayerType ? r.taxPayerType : i?.taxPayerType,
-      filingForm: r.filingForm ? r.filingForm : i?.filingForm,
-      legalName: r.legalName ?? i?.legalName
+      taxPayerType: r.taxPayerType ? r.taxPayerType : t?.taxPayerType,
+      filingForm: r.filingForm ? r.filingForm : t?.filingForm,
+      legalName: r.legalName ?? t?.legalName
     }
   }), x = async (T) => {
     await f(T, async (o) => {
-      const u = await c({
+      const u = await p({
         request: {
           companyId: a,
           federalTaxDetailsUpdate: {
@@ -54,7 +54,7 @@ function w({ companyId: a, children: t, className: s, defaultValues: i, dictiona
         isPending: F,
         federalTaxDetails: r
       },
-      children: /* @__PURE__ */ e(P, { ...n, children: /* @__PURE__ */ e(S, { onSubmit: n.handleSubmit(x), children: /* @__PURE__ */ e(j, { flexDirection: "column", gap: 32, children: t || /* @__PURE__ */ y(D, { children: [
+      children: /* @__PURE__ */ e(P, { ...n, children: /* @__PURE__ */ e(S, { onSubmit: n.handleSubmit(x), children: /* @__PURE__ */ e(j, { flexDirection: "column", gap: 32, alignItems: "stretch", children: i || /* @__PURE__ */ g(y, { children: [
         /* @__PURE__ */ e(b, {}),
         /* @__PURE__ */ e(C, {}),
         /* @__PURE__ */ e(_, {})

package/dist/components/Company/FederalTaxes/FederalTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxes.js","sources":["../../../../src/components/Company/FederalTaxes/FederalTaxes.tsx"],"sourcesContent":["import { useFederalTaxDetailsUpdateMutation } from '@gusto/embedded-api/react-query/federalTaxDetailsUpdate'\nimport { useFederalTaxDetailsGetSuspense } from '@gusto/embedded-api/react-query/federalTaxDetailsGet'\nimport type {\n  FilingForm,\n  TaxPayerType,\n} from '@gusto/embedded-api/models/components/federaltaxdetails'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport {\n  FederalTaxesProvider,\n  type FederalTaxFormInputs,\n  FederalTaxFormSchema,\n  type FederalTaxesDefaultValues,\n} from './useFederalTaxes'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { Form } from '@/components/Company/FederalTaxes/Form'\nimport { Actions } from '@/components/Company/FederalTaxes/Actions'\nimport { Head } from '@/components/Company/FederalTaxes/Head'\nimport { useI18n } from '@/i18n'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n'\n\ninterface FederalTaxesProps extends CommonComponentInterface<'Company.FederalTaxes'> {\n  companyId: string\n  defaultValues?: FederalTaxesDefaultValues\n}\n\nexport function FederalTaxes(props: FederalTaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, children, className, defaultValues, dictionary }: FederalTaxesProps) {\n  useI18n('Company.FederalTaxes')\n  useComponentDictionary('Company.FederalTaxes', dictionary)\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = useFederalTaxDetailsGetSuspense({ companyId })\n  const federalTaxDetails = data.federalTaxDetails!\n\n  const { mutateAsync: updateFederalTaxDetails, isPending } = useFederalTaxDetailsUpdateMutation()\n\n  const formMethods = useForm<FederalTaxFormInputs>({\n    resolver: zodResolver(FederalTaxFormSchema),\n    defaultValues: {\n      federalEin: federalTaxDetails.hasEin ? undefined : '',\n      taxPayerType: federalTaxDetails.taxPayerType\n        ? federalTaxDetails.taxPayerType\n        : defaultValues?.taxPayerType,\n      filingForm: federalTaxDetails.filingForm\n        ? federalTaxDetails.filingForm\n        : defaultValues?.filingForm,\n      legalName: federalTaxDetails.legalName ?? defaultValues?.legalName,\n    },\n  })\n\n  const handleSubmit = async (data: FederalTaxFormInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const updateFederalTaxDetailsResponse = await updateFederalTaxDetails({\n        request: {\n          companyId: companyId,\n          federalTaxDetailsUpdate: {\n            ein: payload.federalEin,\n            taxPayerType: payload.taxPayerType as TaxPayerType | undefined,\n            filingForm: payload.filingForm as FilingForm | undefined,\n            legalName: payload.legalName,\n            version: federalTaxDetails.version as string,\n          },\n        },\n      })\n\n      onEvent(\n        companyEvents.COMPANY_FEDERAL_TAXES_UPDATED,\n        updateFederalTaxDetailsResponse.federalTaxDetails,\n      )\n      onEvent(companyEvents.COMPANY_FEDERAL_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FederalTaxesProvider\n        value={{\n          isPending,\n          federalTaxDetails,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <HtmlForm onSubmit={formMethods.handleSubmit(handleSubmit)}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </HtmlForm>\n        </FormProvider>\n      </FederalTaxesProvider>\n    </section>\n  )\n}\n"],"names":["FederalTaxes","props","jsx","BaseComponent","Root","companyId","children","className","defaultValues","dictionary","useI18n","useComponentDictionary","onEvent","baseSubmitHandler","useBase","data","useFederalTaxDetailsGetSuspense","federalTaxDetails","updateFederalTaxDetails","isPending","useFederalTaxDetailsUpdateMutation","formMethods","useForm","zodResolver","FederalTaxFormSchema","handleSubmit","payload","updateFederalTaxDetailsResponse","companyEvents","FederalTaxesProvider","FormProvider","HtmlForm","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;;;AA+BO,SAASA,EAAaC,GAAmD;AAC9E,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,UAAAC,GAAU,WAAAC,GAAW,eAAAC,GAAe,YAAAC,KAAiC;AAC9F,EAAAC,EAAQ,sBAAsB,GAC9BC,EAAuB,wBAAwBF,CAAU;AACzD,QAAM,EAAE,SAAAG,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAAC,EAAA,IAASC,EAAgC,EAAE,WAAAX,GAAW,GACxDY,IAAoBF,EAAK,mBAEzB,EAAE,aAAaG,GAAyB,WAAAC,EAAA,IAAcC,EAAA,GAEtDC,IAAcC,EAA8B;AAAA,IAChD,UAAUC,EAAYC,CAAoB;AAAA,IAC1C,eAAe;AAAA,MACb,YAAYP,EAAkB,SAAS,SAAY;AAAA,MACnD,cAAcA,EAAkB,eAC5BA,EAAkB,eAClBT,GAAe;AAAA,MACnB,YAAYS,EAAkB,aAC1BA,EAAkB,aAClBT,GAAe;AAAA,MACnB,WAAWS,EAAkB,aAAaT,GAAe;AAAA,IAAA;AAAA,EAC3D,CACD,GAEKiB,IAAe,OAAOV,MAA+B;AACzD,UAAMF,EAAkBE,GAAM,OAAMW,MAAW;AAC7C,YAAMC,IAAkC,MAAMT,EAAwB;AAAA,QACpE,SAAS;AAAA,UACP,WAAAb;AAAA,UACA,yBAAyB;AAAA,YACvB,KAAKqB,EAAQ;AAAA,YACb,cAAcA,EAAQ;AAAA,YACtB,YAAYA,EAAQ;AAAA,YACpB,WAAWA,EAAQ;AAAA,YACnB,SAAST,EAAkB;AAAA,UAAA;AAAA,QAC7B;AAAA,MACF,CACD;AAED,MAAAL;AAAA,QACEgB,EAAc;AAAA,QACdD,EAAgC;AAAA,MAAA,GAElCf,EAAQgB,EAAc,0BAA0B;AAAA,IAClD,CAAC;AAAA,EACH;AAEA,SACE,gBAAA1B,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAAC2B;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAV;AAAA,QACA,mBAAAF;AAAA,MAAA;AAAA,MAGF,4BAACa,GAAA,EAAc,GAAGT,GAChB,UAAA,gBAAAnB,EAAC6B,GAAA,EAAS,UAAUV,EAAY,aAAaI,CAAY,GACvD,UAAA,gBAAAvB,EAAC8B,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAA1B,KAGC,gBAAA2B,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAhC,EAACiC,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,GACX,EAAA,CAEJ,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"FederalTaxes.js","sources":["../../../../src/components/Company/FederalTaxes/FederalTaxes.tsx"],"sourcesContent":["import { useFederalTaxDetailsUpdateMutation } from '@gusto/embedded-api/react-query/federalTaxDetailsUpdate'\nimport { useFederalTaxDetailsGetSuspense } from '@gusto/embedded-api/react-query/federalTaxDetailsGet'\nimport type {\n  FilingForm,\n  TaxPayerType,\n} from '@gusto/embedded-api/models/components/federaltaxdetails'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport {\n  FederalTaxesProvider,\n  type FederalTaxFormInputs,\n  FederalTaxFormSchema,\n  type FederalTaxesDefaultValues,\n} from './useFederalTaxes'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { Form } from '@/components/Company/FederalTaxes/Form'\nimport { Actions } from '@/components/Company/FederalTaxes/Actions'\nimport { Head } from '@/components/Company/FederalTaxes/Head'\nimport { useI18n } from '@/i18n'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n'\n\ninterface FederalTaxesProps extends CommonComponentInterface<'Company.FederalTaxes'> {\n  companyId: string\n  defaultValues?: FederalTaxesDefaultValues\n}\n\nexport function FederalTaxes(props: FederalTaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, children, className, defaultValues, dictionary }: FederalTaxesProps) {\n  useI18n('Company.FederalTaxes')\n  useComponentDictionary('Company.FederalTaxes', dictionary)\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = useFederalTaxDetailsGetSuspense({ companyId })\n  const federalTaxDetails = data.federalTaxDetails!\n\n  const { mutateAsync: updateFederalTaxDetails, isPending } = useFederalTaxDetailsUpdateMutation()\n\n  const formMethods = useForm<FederalTaxFormInputs>({\n    resolver: zodResolver(FederalTaxFormSchema),\n    defaultValues: {\n      federalEin: federalTaxDetails.hasEin ? undefined : '',\n      taxPayerType: federalTaxDetails.taxPayerType\n        ? federalTaxDetails.taxPayerType\n        : defaultValues?.taxPayerType,\n      filingForm: federalTaxDetails.filingForm\n        ? federalTaxDetails.filingForm\n        : defaultValues?.filingForm,\n      legalName: federalTaxDetails.legalName ?? defaultValues?.legalName,\n    },\n  })\n\n  const handleSubmit = async (data: FederalTaxFormInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const updateFederalTaxDetailsResponse = await updateFederalTaxDetails({\n        request: {\n          companyId: companyId,\n          federalTaxDetailsUpdate: {\n            ein: payload.federalEin,\n            taxPayerType: payload.taxPayerType as TaxPayerType | undefined,\n            filingForm: payload.filingForm as FilingForm | undefined,\n            legalName: payload.legalName,\n            version: federalTaxDetails.version as string,\n          },\n        },\n      })\n\n      onEvent(\n        companyEvents.COMPANY_FEDERAL_TAXES_UPDATED,\n        updateFederalTaxDetailsResponse.federalTaxDetails,\n      )\n      onEvent(companyEvents.COMPANY_FEDERAL_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FederalTaxesProvider\n        value={{\n          isPending,\n          federalTaxDetails,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <HtmlForm onSubmit={formMethods.handleSubmit(handleSubmit)}>\n            <Flex flexDirection=\"column\" gap={32} alignItems=\"stretch\">\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </HtmlForm>\n        </FormProvider>\n      </FederalTaxesProvider>\n    </section>\n  )\n}\n"],"names":["FederalTaxes","props","jsx","BaseComponent","Root","companyId","children","className","defaultValues","dictionary","useI18n","useComponentDictionary","onEvent","baseSubmitHandler","useBase","data","useFederalTaxDetailsGetSuspense","federalTaxDetails","updateFederalTaxDetails","isPending","useFederalTaxDetailsUpdateMutation","formMethods","useForm","zodResolver","FederalTaxFormSchema","handleSubmit","payload","updateFederalTaxDetailsResponse","companyEvents","FederalTaxesProvider","FormProvider","HtmlForm","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;;;AA+BO,SAASA,EAAaC,GAAmD;AAC9E,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,UAAAC,GAAU,WAAAC,GAAW,eAAAC,GAAe,YAAAC,KAAiC;AAC9F,EAAAC,EAAQ,sBAAsB,GAC9BC,EAAuB,wBAAwBF,CAAU;AACzD,QAAM,EAAE,SAAAG,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAAC,EAAA,IAASC,EAAgC,EAAE,WAAAX,GAAW,GACxDY,IAAoBF,EAAK,mBAEzB,EAAE,aAAaG,GAAyB,WAAAC,EAAA,IAAcC,EAAA,GAEtDC,IAAcC,EAA8B;AAAA,IAChD,UAAUC,EAAYC,CAAoB;AAAA,IAC1C,eAAe;AAAA,MACb,YAAYP,EAAkB,SAAS,SAAY;AAAA,MACnD,cAAcA,EAAkB,eAC5BA,EAAkB,eAClBT,GAAe;AAAA,MACnB,YAAYS,EAAkB,aAC1BA,EAAkB,aAClBT,GAAe;AAAA,MACnB,WAAWS,EAAkB,aAAaT,GAAe;AAAA,IAAA;AAAA,EAC3D,CACD,GAEKiB,IAAe,OAAOV,MAA+B;AACzD,UAAMF,EAAkBE,GAAM,OAAMW,MAAW;AAC7C,YAAMC,IAAkC,MAAMT,EAAwB;AAAA,QACpE,SAAS;AAAA,UACP,WAAAb;AAAA,UACA,yBAAyB;AAAA,YACvB,KAAKqB,EAAQ;AAAA,YACb,cAAcA,EAAQ;AAAA,YACtB,YAAYA,EAAQ;AAAA,YACpB,WAAWA,EAAQ;AAAA,YACnB,SAAST,EAAkB;AAAA,UAAA;AAAA,QAC7B;AAAA,MACF,CACD;AAED,MAAAL;AAAA,QACEgB,EAAc;AAAA,QACdD,EAAgC;AAAA,MAAA,GAElCf,EAAQgB,EAAc,0BAA0B;AAAA,IAClD,CAAC;AAAA,EACH;AAEA,SACE,gBAAA1B,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAAC2B;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAV;AAAA,QACA,mBAAAF;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAf,EAAC4B,KAAc,GAAGT,GAChB,4BAACU,GAAA,EAAS,UAAUV,EAAY,aAAaI,CAAY,GACvD,UAAA,gBAAAvB,EAAC8B,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,YAAW,WAC9C,UAAA1B,KAGC,gBAAA2B,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAhC,EAACiC,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,GACX,EAAA,CAEJ,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/FederalTaxes/Head.js

@@ -1,11 +1,12 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { useTranslation as t, Trans as i } from "react-i18next";
 import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function l() {
+import { Flex as a } from "../../Common/Flex/Flex.js";
+function d() {
   const { t: r } = t("Company.FederalTaxes"), n = s();
-  return /* @__PURE__ */ o("header", { children: [
+  return /* @__PURE__ */ e("header", { children: /* @__PURE__ */ o(a, { flexDirection: "column", gap: 4, children: [
     /* @__PURE__ */ e(n.Heading, { as: "h2", children: r("pageTitle") }),
-    /* @__PURE__ */ e(n.Text, { children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(n.Text, { variant: "supporting", children: /* @__PURE__ */ e(
       i,
       {
         t: r,
@@ -22,9 +23,9 @@ function l() {
         }
       }
     ) })
-  ] });
+  ] }) });
 }
 export {
-  l as Head
+  d as Head
 };
 //# sourceMappingURL=Head.js.map

package/dist/components/Company/FederalTaxes/Head.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sources":["../../../../src/components/Company/FederalTaxes/Head.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { t } = useTranslation('Company.FederalTaxes')\n  const Components = useComponentContext()\n\n  return (\n    <header>\n      <Components.Heading as=\"h2\">{t('pageTitle')}</Components.Heading>\n      <Components.Text>\n        <Trans\n          t={t}\n          i18nKey=\"entityTypeAndLegalNameIntro\"\n          components={{\n            einLink: (\n              <Components.Link\n                href=\"https://www.irs.gov/businesses/employer-identification-number#lost\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              />\n            ),\n          }}\n        />\n      </Components.Text>\n    </header>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx","Trans"],"mappings":";;;AAGO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sBAAsB,GAC7CC,IAAaC,EAAA;AAEnB,2BACG,UAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,WAAW,GAAE;AAAA,IAC5C,gBAAAI,EAACF,EAAW,MAAX,EACC,UAAA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,GAAAL;AAAA,QACA,SAAQ;AAAA,QACR,YAAY;AAAA,UACV,SACE,gBAAAI;AAAA,YAACF,EAAW;AAAA,YAAX;AAAA,cACC,MAAK;AAAA,cACL,QAAO;AAAA,cACP,KAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MAEJ;AAAA,IAAA,EACF,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Head.js","sources":["../../../../src/components/Company/FederalTaxes/Head.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex/Flex'\n\nexport function Head() {\n  const { t } = useTranslation('Company.FederalTaxes')\n  const Components = useComponentContext()\n\n  return (\n    <header>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Components.Heading as=\"h2\">{t('pageTitle')}</Components.Heading>\n        <Components.Text variant=\"supporting\">\n          <Trans\n            t={t}\n            i18nKey=\"entityTypeAndLegalNameIntro\"\n            components={{\n              einLink: (\n                <Components.Link\n                  href=\"https://www.irs.gov/businesses/employer-identification-number#lost\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                />\n              ),\n            }}\n          />\n        </Components.Text>\n      </Flex>\n    </header>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","Trans"],"mappings":";;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sBAAsB,GAC7CC,IAAaC,EAAA;AAEnB,2BACG,UAAA,EACC,UAAA,gBAAAC,EAACC,KAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,IAAA,gBAAAC,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,WAAW,GAAE;AAAA,IAC5C,gBAAAM,EAACJ,EAAW,MAAX,EAAgB,SAAQ,cACvB,UAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,GAAAP;AAAA,QACA,SAAQ;AAAA,QACR,YAAY;AAAA,UACV,SACE,gBAAAM;AAAA,YAACJ,EAAW;AAAA,YAAX;AAAA,cACC,MAAK;AAAA,cACL,QAAO;AAAA,cACP,KAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MAEJ;AAAA,IAAA,EACF,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Company/Industry/Head.js

@@ -1,14 +1,15 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { useTranslation as r } from "react-i18next";
-import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const p = () => {
-  const { t } = r("Company.Industry"), n = s();
-  return /* @__PURE__ */ e("div", { children: [
-    /* @__PURE__ */ o(n.Heading, { as: "h2", children: t("title") }),
-    /* @__PURE__ */ o(n.Text, { children: t("description") })
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { useTranslation as e } from "react-i18next";
+import { useComponentContext as i } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as s } from "../../Common/Flex/Flex.js";
+const l = () => {
+  const { t: o } = e("Company.Industry"), t = i();
+  return /* @__PURE__ */ r(s, { flexDirection: "column", gap: 4, children: [
+    /* @__PURE__ */ n(t.Heading, { as: "h2", children: o("title") }),
+    /* @__PURE__ */ n(t.Text, { variant: "supporting", children: o("description") })
   ] });
 };
 export {
-  p as Head
+  l as Head
 };
 //# sourceMappingURL=Head.js.map

package/dist/components/Company/Industry/Head.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sources":["../../../../src/components/Company/Industry/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Head = () => {\n  const { t } = useTranslation('Company.Industry')\n  const Components = useComponentContext()\n\n  return (\n    <div>\n      <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n      <Components.Text>{t('description')}</Components.Text>\n    </div>\n  )\n}\n"],"names":["Head","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAGO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,kBAAkB,GACzCC,IAAaC,EAAA;AAEnB,2BACG,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,OAAO,GAAE;AAAA,sBACvCA,EAAW,MAAX,EAAiB,UAAA,EAAE,aAAa,EAAA,CAAE;AAAA,EAAA,GACrC;AAEJ;"}
+{"version":3,"file":"Head.js","sources":["../../../../src/components/Company/Industry/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex/Flex'\n\nexport const Head = () => {\n  const { t } = useTranslation('Company.Industry')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n      <Components.Text variant=\"supporting\">{t('description')}</Components.Text>\n    </Flex>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx"],"mappings":";;;;AAIO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kBAAkB,GACzCC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,IAAA,gBAAAC,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,IACxC,gBAAAM,EAACJ,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,aAAa,EAAA,CAAE;AAAA,EAAA,GAC1D;AAEJ;"}