@gusto/embedded-react-sdk 0.7.0 → 0.8.0

package/dist/components/Company/FederalTaxes/useFederalTaxes.d.ts

@@ -0,0 +1,21 @@
+import { FederalTaxDetails } from '@gusto/embedded-api/models/components/federaltaxdetails';
+import { RequireAtLeastOne } from '../../../types/Helpers';
+import * as v from 'valibot';
+export declare const FederalTaxFormSchema: v.ObjectSchema<{
+    readonly federalEin: v.OptionalSchema<v.StringSchema<undefined>, never>;
+    readonly taxPayerType: v.OptionalSchema<v.UnionSchema<v.LiteralSchema<"C-Corporation" | "S-Corporation" | "Sole proprietor" | "LLC" | "LLP" | "Limited partnership" | "Co-ownership" | "Association" | "Trusteeship" | "General partnership" | "Joint venture" | "Non-Profit", undefined>[], undefined>, never>;
+    readonly filingForm: v.OptionalSchema<v.UnionSchema<v.LiteralSchema<"941" | "944", undefined>[], undefined>, never>;
+    readonly legalName: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
+}, undefined>;
+export type FederalTaxFormInputs = v.InferInput<typeof FederalTaxFormSchema>;
+export type FederalTaxesDefaultValues = RequireAtLeastOne<{
+    taxPayerType?: FederalTaxFormInputs['taxPayerType'];
+    filingForm?: FederalTaxFormInputs['filingForm'];
+    legalName?: FederalTaxFormInputs['legalName'];
+}>;
+type FederalTaxesContextType = {
+    isPending: boolean;
+    federalTaxDetails?: FederalTaxDetails;
+};
+declare const useFederalTaxes: () => FederalTaxesContextType, FederalTaxesProvider: import('react').Provider<FederalTaxesContextType | null>;
+export { useFederalTaxes, FederalTaxesProvider };

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

@@ -0,0 +1,31 @@
+import * as o from "valibot";
+import { FilingForm as r, TaxPayerType as t } from "@gusto/embedded-api/models/operations/putv1companiescompanyidfederaltaxdetails";
+import "react/jsx-runtime";
+import "react";
+import "react-error-boundary";
+import "react-i18next";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "../../Base/useBase.js";
+import "dompurify";
+import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { createCompoundContext as i } from "../../Base/createCompoundContext.js";
+const y = o.object({
+  federalEin: o.optional(o.string()),
+  taxPayerType: o.optional(
+    o.union(Object.values(t).map((e) => o.literal(e)))
+  ),
+  filingForm: o.optional(
+    o.union(Object.values(r).map((e) => o.literal(e)))
+  ),
+  legalName: o.pipe(o.string(), o.nonEmpty())
+}), [f, g] = i(
+  "CompanyFederalTaxesContext"
+);
+export {
+  y as FederalTaxFormSchema,
+  g as FederalTaxesProvider,
+  f as useFederalTaxes
+};
+//# sourceMappingURL=useFederalTaxes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Company/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import * as v from 'valibot'\nimport type { FederalTaxDetails } from '@gusto/embedded-api/models/components/federaltaxdetails'\nimport {\n  FilingForm,\n  TaxPayerType,\n} from '@gusto/embedded-api/models/operations/putv1companiescompanyidfederaltaxdetails'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport const FederalTaxFormSchema = v.object({\n  federalEin: v.optional(v.string()),\n  taxPayerType: v.optional(\n    v.union(Object.values(TaxPayerType).map(taxPayerType => v.literal(taxPayerType))),\n  ),\n  filingForm: v.optional(\n    v.union(Object.values(FilingForm).map(filingForm => v.literal(filingForm))),\n  ),\n  legalName: v.pipe(v.string(), v.nonEmpty()),\n})\n\nexport type FederalTaxFormInputs = v.InferInput<typeof FederalTaxFormSchema>\n\nexport type FederalTaxesDefaultValues = RequireAtLeastOne<{\n  taxPayerType?: FederalTaxFormInputs['taxPayerType']\n  filingForm?: FederalTaxFormInputs['filingForm']\n  legalName?: FederalTaxFormInputs['legalName']\n}>\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n  federalTaxDetails?: FederalTaxDetails\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] = createCompoundContext<FederalTaxesContextType>(\n  'CompanyFederalTaxesContext',\n)\n\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["FederalTaxFormSchema","v","TaxPayerType","taxPayerType","FilingForm","filingForm","useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;AASa,MAAAA,IAAuBC,EAAE,OAAO;AAAA,EAC3C,YAAYA,EAAE,SAASA,EAAE,QAAQ;AAAA,EACjC,cAAcA,EAAE;AAAA,IACdA,EAAE,MAAM,OAAO,OAAOC,CAAY,EAAE,IAAI,CAAAC,MAAgBF,EAAE,QAAQE,CAAY,CAAC,CAAC;AAAA,EAClF;AAAA,EACA,YAAYF,EAAE;AAAA,IACZA,EAAE,MAAM,OAAO,OAAOG,CAAU,EAAE,IAAI,CAAAC,MAAcJ,EAAE,QAAQI,CAAU,CAAC,CAAC;AAAA,EAC5E;AAAA,EACA,WAAWJ,EAAE,KAAKA,EAAE,OAAU,GAAAA,EAAE,SAAU,CAAA;AAC5C,CAAC,GAeK,CAACK,GAAiBC,CAAoB,IAAIC;AAAA,EAC9C;AACF;"}

package/dist/components/Company/Industry/Actions.d.ts

@@ -0,0 +1 @@
+export declare const Actions: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useTranslation as s } from "react-i18next";
+import { useIndustryApiState as i } from "./Context.js";
+import { ActionsLayout as m } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as e } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+const f = () => {
+  const { t: o } = s("Company.Industry"), { isPending: n } = i(), r = e();
+  return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(r.Button, { type: "submit", isLoading: n, children: o("submitCta") }) });
+};
+export {
+  f as Actions
+};
+//# sourceMappingURL=Actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/Company/Industry/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useIndustryApiState } from './Context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Company.Industry')\n  const { isPending } = useIndustryApiState()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","isPending","useIndustryApiState","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kBAAkB,GACzC,EAAE,WAAAC,EAAU,IAAIC,EAAoB,GACpCC,IAAaC,EAAoB;AAEvC,SACG,gBAAAC,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAEF,EAAA,WAAW,EAChB,CAAA,GACF;AAEJ;"}

package/dist/components/Company/Industry/Context.d.ts

@@ -0,0 +1,12 @@
+import { ComboBoxOption } from '../../Common/UI/ComboBox/ComboBoxTypes';
+declare const useIndustryItems: () => {
+    items: ComboBoxOption[];
+}, IndustryItemsProvider: import('react').Provider<{
+    items: ComboBoxOption[];
+} | null>;
+declare const useIndustryApiState: () => {
+    isPending: boolean;
+}, IndustryApiStateProvider: import('react').Provider<{
+    isPending: boolean;
+} | null>;
+export { IndustryApiStateProvider, IndustryItemsProvider, useIndustryItems, useIndustryApiState };

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

@@ -0,0 +1,23 @@
+import "react/jsx-runtime";
+import "react";
+import "react-error-boundary";
+import "react-i18next";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "../../Base/useBase.js";
+import "dompurify";
+import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { createCompoundContext as t } from "../../Base/createCompoundContext.js";
+const [y, a] = t("IndustryItems", {
+  items: []
+}), [c, A] = t("IndustryApi", {
+  isPending: !1
+});
+export {
+  A as IndustryApiStateProvider,
+  a as IndustryItemsProvider,
+  c as useIndustryApiState,
+  y as useIndustryItems
+};
+//# sourceMappingURL=Context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sources":["../../../../src/components/Company/Industry/Context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport type { ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\n\nconst [useIndustryItems, IndustryItemsProvider] = createCompoundContext('IndustryItems', {\n  items: [] as ComboBoxOption[],\n})\n\nconst [useIndustryApiState, IndustryApiStateProvider] = createCompoundContext('IndustryApi', {\n  isPending: false,\n})\n\nexport { IndustryApiStateProvider, IndustryItemsProvider, useIndustryItems, useIndustryApiState }\n"],"names":["useIndustryItems","IndustryItemsProvider","createCompoundContext","useIndustryApiState","IndustryApiStateProvider"],"mappings":";;;;;;;;;;;AAGA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC,EAAsB,iBAAiB;AAAA,EACvF,OAAO,CAAA;AACT,CAAC,GAEK,CAACC,GAAqBC,CAAwB,IAAIF,EAAsB,eAAe;AAAA,EAC3F,WAAW;AACb,CAAC;"}

package/dist/components/Company/Industry/Edit.d.ts

@@ -0,0 +1,4 @@
+export interface IndustryFormFields {
+    naics_code: string;
+}
+export declare const Edit: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useTranslation as t } from "react-i18next";
+import { useIndustryItems as s } from "./Context.js";
+import { ComboBoxField as m } from "../../Common/Fields/ComboBoxField/ComboBoxField.js";
+const p = () => {
+  const { t: o } = t("Company.Industry"), { items: e } = s();
+  return /* @__PURE__ */ r(
+    m,
+    {
+      isRequired: !0,
+      options: e,
+      label: o("label"),
+      name: "naics_code",
+      placeholder: o("placeholder")
+    }
+  );
+};
+export {
+  p as Edit
+};
+//# sourceMappingURL=Edit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.js","sources":["../../../../src/components/Company/Industry/Edit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useIndustryItems } from './Context'\nimport { ComboBoxField } from '@/components/Common'\n\nexport interface IndustryFormFields {\n  naics_code: string\n}\n\nexport const Edit = () => {\n  const { t } = useTranslation('Company.Industry')\n  const { items } = useIndustryItems()\n\n  return (\n    <ComboBoxField\n      isRequired\n      options={items}\n      label={t('label')}\n      name=\"naics_code\"\n      placeholder={t('placeholder')}\n    />\n  )\n}\n"],"names":["Edit","t","useTranslation","items","useIndustryItems","jsx","ComboBoxField"],"mappings":";;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kBAAkB,GACzC,EAAE,OAAAC,EAAM,IAAIC,EAAiB;AAGjC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,SAASH;AAAA,MACT,OAAOF,EAAE,OAAO;AAAA,MAChB,MAAK;AAAA,MACL,aAAaA,EAAE,aAAa;AAAA,IAAA;AAAA,EAC9B;AAEJ;"}

package/dist/components/Company/Industry/Head.d.ts

@@ -0,0 +1 @@
+export declare const Head: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+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") })
+  ] });
+};
+export {
+  p as Head
+};
+//# sourceMappingURL=Head.js.map

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

@@ -0,0 +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,EAAoB;AAEvC,2BACG,OACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,OAAO,GAAE;AAAA,sBACvCA,EAAW,MAAX,EAAiB,UAAA,EAAE,aAAa,EAAE,CAAA;AAAA,EAAA,GACrC;AAEJ;"}

package/dist/components/Company/Industry/Industry.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from 'react';
+import { BaseComponentInterface } from '../../Base';
+export type IndustryProps<T> = Pick<BaseComponentInterface, 'onEvent'> & Partial<Pick<HTMLAttributes<T>, 'children' | 'className'>> & {
+    companyId: string;
+};
+export declare function Industry<T>(props: IndustryProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Industry {
+    var Actions: () => import("react/jsx-runtime").JSX.Element;
+    var Edit: () => import("react/jsx-runtime").JSX.Element;
+    var Head: () => import("react/jsx-runtime").JSX.Element;
+}

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

@@ -0,0 +1,40 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useCallback as y } from "react";
+import { useIndustrySelectionGetSuspense as C, invalidateAllIndustrySelectionGet as S } from "@gusto/embedded-api/react-query/industrySelectionGet";
+import { useIndustrySelectionUpdateMutation as I } from "@gusto/embedded-api/react-query/industrySelectionUpdate";
+import { useQueryClient as E } from "@gusto/embedded-api/ReactSDKProvider";
+import { Actions as A } from "./Actions.js";
+import { Head as v } from "./Head.js";
+import { Edit as b } from "./Edit.js";
+import { IndustryApiStateProvider as h } from "./Context.js";
+import { IndustrySelect as q } from "./IndustrySelect.js";
+import { componentEvents as w } from "../../../shared/constants.js";
+import { BaseComponent as B } from "../../Base/Base.js";
+import { useBase as H } from "../../Base/useBase.js";
+import { useI18n as P } from "../../../i18n/I18n.js";
+function _({ children: e, className: u, companyId: o }) {
+  const { baseSubmitHandler: r, onEvent: i } = H(), s = E(), {
+    data: { industry: a }
+  } = C({ companyId: o }), { isPending: d, mutateAsync: m } = I(), c = y(
+    async (p) => {
+      await r(p, async ({ naics_code: l }) => {
+        const f = await m({
+          request: { companyId: o, requestBody: { naicsCode: l } }
+        });
+        await S(s), i(w.COMPANY_INDUSTRY_SELECTED, f.industry);
+      });
+    },
+    [r, o, m, i, s]
+  );
+  return /* @__PURE__ */ t("section", { className: u, children: /* @__PURE__ */ t(h, { value: { isPending: d }, children: /* @__PURE__ */ t(q, { naics_code: a?.naicsCode, onValid: c, children: e }) }) });
+}
+function n(e) {
+  return P("Company.Industry"), /* @__PURE__ */ t(B, { ...e, children: /* @__PURE__ */ t(_, { ...e }) });
+}
+n.Actions = A;
+n.Edit = b;
+n.Head = v;
+export {
+  n as Industry
+};
+//# sourceMappingURL=Industry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Industry.js","sources":["../../../../src/components/Company/Industry/Industry.tsx"],"sourcesContent":["import { useCallback, type HTMLAttributes } from 'react'\nimport {\n  useIndustrySelectionGetSuspense,\n  invalidateAllIndustrySelectionGet,\n} from '@gusto/embedded-api/react-query/industrySelectionGet'\nimport { useIndustrySelectionUpdateMutation } from '@gusto/embedded-api/react-query/industrySelectionUpdate'\nimport { useQueryClient } from '@gusto/embedded-api/ReactSDKProvider'\nimport { Actions } from './Actions'\nimport { Head } from './Head'\nimport type { IndustryFormFields } from './Edit'\nimport { Edit } from './Edit'\nimport { IndustryApiStateProvider } from './Context'\nimport { IndustrySelect } from './IndustrySelect'\nimport { componentEvents } from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n } from '@/i18n'\n\nexport type IndustryProps<T> = Pick<BaseComponentInterface, 'onEvent'> &\n  Partial<Pick<HTMLAttributes<T>, 'children' | 'className'>> & {\n    companyId: string\n  }\n\nfunction Root<T>({ children, className, companyId }: IndustryProps<T>) {\n  const { baseSubmitHandler, onEvent } = useBase()\n  const queryClient = useQueryClient()\n\n  const {\n    data: { industry },\n  } = useIndustrySelectionGetSuspense({ companyId })\n\n  const { isPending, mutateAsync: mutateIndustry } = useIndustrySelectionUpdateMutation()\n\n  const onValid = useCallback(\n    async (data: IndustryFormFields) => {\n      await baseSubmitHandler(data, async ({ naics_code }) => {\n        const response = await mutateIndustry({\n          request: { companyId, requestBody: { naicsCode: naics_code } },\n        })\n        await invalidateAllIndustrySelectionGet(queryClient)\n        onEvent(componentEvents.COMPANY_INDUSTRY_SELECTED, response.industry)\n      })\n    },\n    [baseSubmitHandler, companyId, mutateIndustry, onEvent, queryClient],\n  )\n\n  return (\n    <section className={className}>\n      <IndustryApiStateProvider value={{ isPending }}>\n        <IndustrySelect naics_code={industry?.naicsCode} onValid={onValid}>\n          {children}\n        </IndustrySelect>\n      </IndustryApiStateProvider>\n    </section>\n  )\n}\n\nexport function Industry<T>(props: IndustryProps<T>) {\n  useI18n('Company.Industry')\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nIndustry.Actions = Actions\nIndustry.Edit = Edit\nIndustry.Head = Head\n"],"names":["Root","children","className","companyId","baseSubmitHandler","onEvent","useBase","queryClient","useQueryClient","industry","useIndustrySelectionGetSuspense","isPending","mutateIndustry","useIndustrySelectionUpdateMutation","onValid","useCallback","data","naics_code","response","invalidateAllIndustrySelectionGet","componentEvents","jsx","IndustryApiStateProvider","IndustrySelect","Industry","props","useI18n","BaseComponent","Actions","Edit","Head"],"mappings":";;;;;;;;;;;;;;AAsBA,SAASA,EAAQ,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,KAA+B;AACrE,QAAM,EAAE,mBAAAC,GAAmB,SAAAC,EAAQ,IAAIC,EAAQ,GACzCC,IAAcC,EAAe,GAE7B;AAAA,IACJ,MAAM,EAAE,UAAAC,EAAS;AAAA,EAAA,IACfC,EAAgC,EAAE,WAAAP,GAAW,GAE3C,EAAE,WAAAQ,GAAW,aAAaC,EAAA,IAAmBC,EAAmC,GAEhFC,IAAUC;AAAA,IACd,OAAOC,MAA6B;AAClC,YAAMZ,EAAkBY,GAAM,OAAO,EAAE,YAAAC,QAAiB;AAChD,cAAAC,IAAW,MAAMN,EAAe;AAAA,UACpC,SAAS,EAAE,WAAAT,GAAW,aAAa,EAAE,WAAWc,EAAa,EAAA;AAAA,QAAA,CAC9D;AACD,cAAME,EAAkCZ,CAAW,GAC3CF,EAAAe,EAAgB,2BAA2BF,EAAS,QAAQ;AAAA,MAAA,CACrE;AAAA,IACH;AAAA,IACA,CAACd,GAAmBD,GAAWS,GAAgBP,GAASE,CAAW;AAAA,EACrE;AAEA,2BACG,WAAQ,EAAA,WAAAL,GACP,UAAC,gBAAAmB,EAAAC,GAAA,EAAyB,OAAO,EAAE,WAAAX,EACjC,GAAA,UAAA,gBAAAU,EAACE,KAAe,YAAYd,GAAU,WAAW,SAAAK,GAC9C,UAAAb,EAAA,CACH,EACF,CAAA,GACF;AAEJ;AAEO,SAASuB,EAAYC,GAAyB;AACnD,SAAAC,EAAQ,kBAAkB,GAGxB,gBAAAL,EAACM,KAAe,GAAGF,GACjB,4BAACzB,GAAM,EAAA,GAAGyB,GAAO,EACnB,CAAA;AAEJ;AAEAD,EAAS,UAAUI;AACnBJ,EAAS,OAAOK;AAChBL,EAAS,OAAOM;"}

package/dist/components/Company/Industry/IndustrySelect.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { IndustryFormFields } from './Edit';
+interface IndustrySelectProps extends PropsWithChildren {
+    naics_code?: string | null | undefined;
+    onValid?: (data: IndustryFormFields) => Promise<void>;
+}
+export declare function IndustrySelect({ children, naics_code, onValid, }: IndustrySelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,36 @@
+import { jsx as o, jsxs as u, Fragment as p } from "react/jsx-runtime";
+import { useState as c, useEffect as i } from "react";
+import { useForm as v, FormProvider as I } from "react-hook-form";
+import { Actions as h } from "./Actions.js";
+import { IndustryItemsProvider as F } from "./Context.js";
+import { Edit as S } from "./Edit.js";
+import { Head as b } from "./Head.js";
+import { Form as x } from "../../Common/Form/Form.js";
+import { loadAll as y } from "../../../models/NAICSCodes.js";
+function q({
+  children: t,
+  naics_code: r,
+  onValid: s = () => Promise.resolve()
+}) {
+  const m = v(), { handleSubmit: l, setValue: e } = m, [n, a] = c([]);
+  return i(() => {
+    (async () => {
+      a(
+        (await y()).map(({ title: d, code: f }) => ({
+          label: d,
+          value: f
+        }))
+      );
+    })();
+  }, []), i(() => {
+    r && e("naics_code", r);
+  }, [r, e]), /* @__PURE__ */ o(F, { value: { items: n }, children: /* @__PURE__ */ o(I, { ...m, children: /* @__PURE__ */ o(x, { onSubmit: l(s), children: t || /* @__PURE__ */ u(p, { children: [
+    /* @__PURE__ */ o(b, {}),
+    /* @__PURE__ */ o(S, {}),
+    /* @__PURE__ */ o(h, {})
+  ] }) }) }) });
+}
+export {
+  q as IndustrySelect
+};
+//# sourceMappingURL=IndustrySelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IndustrySelect.js","sources":["../../../../src/components/Company/Industry/IndustrySelect.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport { useState, useEffect } from 'react'\nimport { useForm, FormProvider } from 'react-hook-form'\nimport { Actions } from './Actions'\nimport { IndustryItemsProvider } from './Context'\nimport { Edit } from './Edit'\nimport { Head } from './Head'\nimport type { IndustryFormFields } from './Edit'\nimport { Form } from '@/components/Common/Form'\nimport { loadAll } from '@/models/NAICSCodes'\nimport type { ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\n\ninterface IndustrySelectProps extends PropsWithChildren {\n  naics_code?: string | null | undefined\n  onValid?: (data: IndustryFormFields) => Promise<void>\n}\n\nexport function IndustrySelect({\n  children,\n  naics_code,\n  onValid = () => Promise.resolve(),\n}: IndustrySelectProps) {\n  const formMethods = useForm<IndustryFormFields>()\n  const { handleSubmit, setValue } = formMethods\n  const [items, setItems] = useState<ComboBoxOption[]>([])\n\n  useEffect(() => {\n    const loadItems = async () => {\n      setItems(\n        (await loadAll()).map(({ title, code }) => ({\n          label: title,\n          value: code,\n        })),\n      )\n    }\n    void loadItems()\n  }, [])\n\n  useEffect(() => {\n    if (naics_code) {\n      setValue('naics_code', naics_code)\n    }\n  }, [naics_code, setValue])\n\n  return (\n    <IndustryItemsProvider value={{ items }}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={handleSubmit(onValid)}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <Edit />\n              <Actions />\n            </>\n          )}\n        </Form>\n      </FormProvider>\n    </IndustryItemsProvider>\n  )\n}\n"],"names":["IndustrySelect","children","naics_code","onValid","formMethods","useForm","handleSubmit","setValue","items","setItems","useState","useEffect","loadAll","title","code","IndustryItemsProvider","FormProvider","jsx","Form","jsxs","Fragment","Head","Edit","Actions"],"mappings":";;;;;;;;;AAiBO,SAASA,EAAe;AAAA,EAC7B,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU,MAAM,QAAQ,QAAQ;AAClC,GAAwB;AACtB,QAAMC,IAAcC,EAA4B,GAC1C,EAAE,cAAAC,GAAc,UAAAC,EAAA,IAAaH,GAC7B,CAACI,GAAOC,CAAQ,IAAIC,EAA2B,CAAA,CAAE;AAEvD,SAAAC,EAAU,MAAM;AASd,KARkB,YAAY;AAC5B,MAAAF;AAAA,SACG,MAAMG,KAAW,IAAI,CAAC,EAAE,OAAAC,GAAO,MAAAC,SAAY;AAAA,UAC1C,OAAOD;AAAA,UACP,OAAOC;AAAA,QAAA,EACP;AAAA,MACJ;AAAA,IACF,GACe;AAAA,EACjB,GAAG,EAAE,GAELH,EAAU,MAAM;AACd,IAAIT,KACFK,EAAS,cAAcL,CAAU;AAAA,EACnC,GACC,CAACA,GAAYK,CAAQ,CAAC,qBAGtBQ,GAAsB,EAAA,OAAO,EAAE,OAAAP,EAAM,GACpC,4BAACQ,GAAc,EAAA,GAAGZ,GAChB,UAAA,gBAAAa,EAACC,KAAK,UAAUZ,EAAaH,CAAO,GACjC,UAAAF,KAIG,gBAAAkB,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAK,EAAA;AAAA,sBACLC,GAAK,EAAA;AAAA,sBACLC,GAAQ,CAAA,CAAA;AAAA,EAAA,GACX,EAAA,CAEJ,EACF,CAAA,GACF;AAEJ;"}

package/dist/components/Company/Industry/index.d.ts

@@ -0,0 +1 @@
+export { Industry } from './Industry';

package/dist/components/Company/Locations/LocationForm/Actions.d.ts

@@ -0,0 +1 @@
+export declare const Actions: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Company/Locations/LocationForm/Actions.js

@@ -0,0 +1,16 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { useTranslation as a } from "react-i18next";
+import { useLocationsForm as e } from "./useLocationForm.js";
+import { ActionsLayout as c } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as m } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const f = () => {
+  const { t: o } = a("Company.Locations"), { handleCancel: i, isPending: s } = e(), t = m();
+  return /* @__PURE__ */ r(c, { children: [
+    /* @__PURE__ */ n(t.Button, { variant: "secondary", onClick: i, children: o("cancelCta") }),
+    /* @__PURE__ */ n(t.Button, { type: "submit", isLoading: s, "data-testid": "location-submit", children: o("saveCta") })
+  ] });
+};
+export {
+  f as Actions
+};
+//# sourceMappingURL=Actions.js.map

package/dist/components/Company/Locations/LocationForm/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/Locations/LocationForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useLocationsForm } from './useLocationForm'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Company.Locations')\n  const { handleCancel, isPending } = useLocationsForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"secondary\" onClick={handleCancel}>\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button type=\"submit\" isLoading={isPending} data-testid=\"location-submit\">\n        {t('saveCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","handleCancel","isPending","useLocationsForm","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB,GAC1C,EAAE,cAAAC,GAAc,WAAAC,EAAU,IAAIC,EAAiB,GAC/CC,IAAaC,EAAoB;AAEvC,2BACGC,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAEF,EAAA,WAAW,EAChB,CAAA;AAAA,IACC,gBAAAQ,EAAAH,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GAAW,eAAY,mBAChE,UAAEH,EAAA,SAAS,EACd,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Company/Locations/LocationForm/Form.d.ts

@@ -0,0 +1,12 @@
+import * as v from 'valibot';
+export declare const LocationFormSchema: v.ObjectSchema<{
+    readonly phoneNumber: v.SchemaWithPipe<[v.StringSchema<undefined>, v.TransformAction<string, string>, v.CheckAction<string, undefined>]>;
+    readonly street1: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
+    readonly street2: v.OptionalSchema<v.StringSchema<undefined>, never>;
+    readonly city: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
+    readonly state: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
+    readonly zip: v.SchemaWithPipe<[v.StringSchema<undefined>, v.CheckAction<string, undefined>]>;
+    readonly addressType: v.OptionalSchema<v.ArraySchema<v.PicklistSchema<["mailingAddress", "filingAddress"], undefined>, undefined>, never>;
+}, undefined>;
+export type LocationFormInputs = v.InferInput<typeof LocationFormSchema>;
+export declare function Form(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Company/Locations/LocationForm/Form.js

@@ -0,0 +1,110 @@
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import * as r from "valibot";
+import { useTranslation as l } from "react-i18next";
+import { zipValidation as n, phoneValidation as m } from "../../../../helpers/validations.js";
+import { Flex as p } from "../../../Common/Flex/Flex.js";
+import { Grid as d } from "../../../Common/Grid/Grid.js";
+import { STATES_ABBR as c } from "../../../../shared/constants.js";
+import { useMaskedTransform as b, commonMasks as u } from "../../../../helpers/mask.js";
+import { TextInputField as s } from "../../../Common/Fields/TextInputField/TextInputField.js";
+import { SelectField as f } from "../../../Common/Fields/SelectField/SelectField.js";
+import { CheckboxGroupField as g } from "../../../Common/Fields/CheckboxGroupField/CheckboxGroupField.js";
+const k = r.object({
+  phoneNumber: m,
+  street1: r.pipe(r.string(), r.nonEmpty()),
+  street2: r.optional(r.string()),
+  city: r.pipe(r.string(), r.nonEmpty()),
+  state: r.pipe(r.string(), r.nonEmpty()),
+  zip: n,
+  addressType: r.optional(r.array(r.picklist(["mailingAddress", "filingAddress"])))
+});
+function q() {
+  const { t: e } = l("Company.Locations"), o = b(u.phoneMask);
+  return /* @__PURE__ */ t(p, { flexDirection: "column", gap: 20, children: [
+    /* @__PURE__ */ t(
+      d,
+      {
+        gap: { base: 20, small: 8 },
+        gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] },
+        children: [
+          /* @__PURE__ */ i(
+            s,
+            {
+              name: "street1",
+              isRequired: !0,
+              label: e("street1Label"),
+              errorMessage: e("validations.street1")
+            }
+          ),
+          /* @__PURE__ */ i(s, { name: "street2", label: e("street2Label") }),
+          /* @__PURE__ */ i(
+            s,
+            {
+              name: "city",
+              label: e("cityLabel"),
+              isRequired: !0,
+              errorMessage: e("validations.city")
+            }
+          ),
+          /* @__PURE__ */ i(
+            f,
+            {
+              name: "state",
+              options: c.map((a) => ({
+                label: e(`statesHash.${a}`, { ns: "common" }),
+                value: a
+              })),
+              label: e("stateLabel"),
+              placeholder: e("statePlaceholder"),
+              errorMessage: e("validations.state"),
+              isRequired: !0
+            }
+          ),
+          /* @__PURE__ */ i(
+            s,
+            {
+              name: "zip",
+              isRequired: !0,
+              label: e("zipLabel"),
+              errorMessage: e("validations.zip")
+            }
+          ),
+          /* @__PURE__ */ i(
+            s,
+            {
+              name: "phoneNumber",
+              isRequired: !0,
+              label: e("phoneNumberLabel"),
+              errorMessage: e("validations.phone"),
+              transform: o
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(
+      g,
+      {
+        name: "addressType",
+        label: e("addressTypeLabel"),
+        options: [
+          {
+            value: "mailingAddress",
+            label: e("mailingAddressLabel"),
+            description: e("mailingAddressDescription")
+          },
+          {
+            value: "filingAddress",
+            label: e("filingAddressLabel"),
+            description: e("filingAddressDescription")
+          }
+        ]
+      }
+    )
+  ] });
+}
+export {
+  q as Form,
+  k as LocationFormSchema
+};
+//# sourceMappingURL=Form.js.map

package/dist/components/Company/Locations/LocationForm/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/Locations/LocationForm/Form.tsx"],"sourcesContent":["import * as v from 'valibot'\nimport { useTranslation } from 'react-i18next'\nimport { phoneValidation, zipValidation } from '@/helpers/validations'\nimport { CheckboxGroupField, Flex, Grid, SelectField, TextInputField } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\n\nexport const LocationFormSchema = v.object({\n  phoneNumber: phoneValidation,\n  street1: v.pipe(v.string(), v.nonEmpty()),\n  street2: v.optional(v.string()),\n  city: v.pipe(v.string(), v.nonEmpty()),\n  state: v.pipe(v.string(), v.nonEmpty()),\n  zip: zipValidation,\n  addressType: v.optional(v.array(v.picklist(['mailingAddress', 'filingAddress']))),\n})\n\nexport type LocationFormInputs = v.InferInput<typeof LocationFormSchema>\n\nexport function Form() {\n  const { t } = useTranslation('Company.Locations')\n  const transform = useMaskedTransform(commonMasks.phoneMask)\n\n  return (\n    <Flex flexDirection=\"column\" gap={20}>\n      <Grid\n        gap={{ base: 20, small: 8 }}\n        gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }}\n      >\n        <TextInputField\n          name=\"street1\"\n          isRequired\n          label={t('street1Label')}\n          errorMessage={t('validations.street1')}\n        />\n        <TextInputField name=\"street2\" label={t('street2Label')} />\n        <TextInputField\n          name=\"city\"\n          label={t('cityLabel')}\n          isRequired\n          errorMessage={t('validations.city')}\n        />\n        <SelectField\n          name=\"state\"\n          options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n            label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n            value: stateAbbr,\n          }))}\n          label={t('stateLabel')}\n          placeholder={t('statePlaceholder')}\n          errorMessage={t('validations.state')}\n          isRequired\n        />\n        <TextInputField\n          name=\"zip\"\n          isRequired\n          label={t('zipLabel')}\n          errorMessage={t('validations.zip')}\n        />\n        <TextInputField\n          name=\"phoneNumber\"\n          isRequired\n          label={t('phoneNumberLabel')}\n          errorMessage={t('validations.phone')}\n          transform={transform}\n        />\n      </Grid>\n      <CheckboxGroupField\n        name=\"addressType\"\n        label={t('addressTypeLabel')}\n        options={[\n          {\n            value: 'mailingAddress',\n            label: t('mailingAddressLabel'),\n            description: t('mailingAddressDescription'),\n          },\n          {\n            value: 'filingAddress',\n            label: t('filingAddressLabel'),\n            description: t('filingAddressDescription'),\n          },\n        ]}\n      />\n    </Flex>\n  )\n}\n"],"names":["LocationFormSchema","v","phoneValidation","zipValidation","Form","t","useTranslation","transform","useMaskedTransform","commonMasks","jsxs","Flex","Grid","jsx","TextInputField","SelectField","STATES_ABBR","stateAbbr","CheckboxGroupField"],"mappings":";;;;;;;;;;;AAOa,MAAAA,IAAqBC,EAAE,OAAO;AAAA,EACzC,aAAaC;AAAA,EACb,SAASD,EAAE,KAAKA,EAAE,UAAUA,EAAE,UAAU;AAAA,EACxC,SAASA,EAAE,SAASA,EAAE,QAAQ;AAAA,EAC9B,MAAMA,EAAE,KAAKA,EAAE,UAAUA,EAAE,UAAU;AAAA,EACrC,OAAOA,EAAE,KAAKA,EAAE,UAAUA,EAAE,UAAU;AAAA,EACtC,KAAKE;AAAA,EACL,aAAaF,EAAE,SAASA,EAAE,MAAMA,EAAE,SAAS,CAAC,kBAAkB,eAAe,CAAC,CAAC,CAAC;AAClF,CAAC;AAIM,SAASG,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB,GAC1CC,IAAYC,EAAmBC,EAAY,SAAS;AAE1D,SACG,gBAAAC,EAAAC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAK,EAAE,MAAM,IAAI,OAAO,EAAE;AAAA,QAC1B,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAE;AAAA,QAE1D,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,YAAU;AAAA,cACV,OAAOT,EAAE,cAAc;AAAA,cACvB,cAAcA,EAAE,qBAAqB;AAAA,YAAA;AAAA,UACvC;AAAA,4BACCS,GAAe,EAAA,MAAK,WAAU,OAAOT,EAAE,cAAc,GAAG;AAAA,UACzD,gBAAAQ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAOT,EAAE,WAAW;AAAA,cACpB,YAAU;AAAA,cACV,cAAcA,EAAE,kBAAkB;AAAA,YAAA;AAAA,UACpC;AAAA,UACA,gBAAAQ;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAASC,EAAY,IAAI,CAACC,OAA6C;AAAA,gBACrE,OAAOZ,EAAE,cAAcY,CAAS,IAAI,EAAE,IAAI,UAAU;AAAA,gBACpD,OAAOA;AAAA,cAAA,EACP;AAAA,cACF,OAAOZ,EAAE,YAAY;AAAA,cACrB,aAAaA,EAAE,kBAAkB;AAAA,cACjC,cAAcA,EAAE,mBAAmB;AAAA,cACnC,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACA,gBAAAQ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,YAAU;AAAA,cACV,OAAOT,EAAE,UAAU;AAAA,cACnB,cAAcA,EAAE,iBAAiB;AAAA,YAAA;AAAA,UACnC;AAAA,UACA,gBAAAQ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,YAAU;AAAA,cACV,OAAOT,EAAE,kBAAkB;AAAA,cAC3B,cAAcA,EAAE,mBAAmB;AAAA,cACnC,WAAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAM;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOb,EAAE,kBAAkB;AAAA,QAC3B,SAAS;AAAA,UACP;AAAA,YACE,OAAO;AAAA,YACP,OAAOA,EAAE,qBAAqB;AAAA,YAC9B,aAAaA,EAAE,2BAA2B;AAAA,UAC5C;AAAA,UACA;AAAA,YACE,OAAO;AAAA,YACP,OAAOA,EAAE,oBAAoB;AAAA,YAC7B,aAAaA,EAAE,0BAA0B;AAAA,UAAA;AAAA,QAC3C;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/Company/Locations/LocationForm/Head.d.ts

@@ -0,0 +1 @@
+export declare function Head(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Company/Locations/LocationForm/Head.js

@@ -0,0 +1,14 @@
+import { jsxs as e, jsx as n } from "react/jsx-runtime";
+import { useTranslation as i } from "react-i18next";
+import { useComponentContext as s } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function m() {
+  const { t: o } = i("Company.Locations"), t = s();
+  return /* @__PURE__ */ e("header", { children: [
+    /* @__PURE__ */ n(t.Heading, { as: "h2", children: o("locationsListTitle") }),
+    /* @__PURE__ */ n(t.Text, { children: o("locationsListDescription") })
+  ] });
+}
+export {
+  m as Head
+};
+//# sourceMappingURL=Head.js.map

package/dist/components/Company/Locations/LocationForm/Head.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/Locations/LocationForm/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { t } = useTranslation('Company.Locations')\n  const Components = useComponentContext()\n\n  return (\n    <header>\n      <Components.Heading as=\"h2\">{t('locationsListTitle')}</Components.Heading>\n      <Components.Text>{t('locationsListDescription')}</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,mBAAmB,GAC1CC,IAAaC,EAAoB;AAEvC,2BACG,UACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,oBAAoB,GAAE;AAAA,sBACpDE,EAAW,MAAX,EAAiB,UAAAF,EAAE,0BAA0B,EAAE,CAAA;AAAA,EAAA,GAClD;AAEJ;"}

package/dist/components/Company/Locations/LocationForm/LocationForm.d.ts

@@ -0,0 +1,12 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+interface LocationFormProps extends CommonComponentInterface {
+    companyId: string;
+    locationId?: string;
+}
+export declare function LocationForm({ companyId, locationId, className, children, ...props }: LocationFormProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare namespace LocationForm {
+    var Head: typeof import("./Head").Head;
+    var Form: typeof import("./Form").Form;
+    var Actions: () => import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/Company/Locations/LocationForm/LocationForm.js

@@ -0,0 +1,99 @@
+import { jsx as o, jsxs as O, Fragment as S } from "react/jsx-runtime";
+import { useForm as q, FormProvider as x } from "react-hook-form";
+import { valibotResolver as R } from "@hookform/resolvers/valibot";
+import { useLocationsUpdateMutation as w } from "@gusto/embedded-api/react-query/locationsUpdate";
+import { useLocationsRetrieveSuspense as B } from "@gusto/embedded-api/react-query/locationsRetrieve";
+import { invalidateAllLocationsGet as I } from "@gusto/embedded-api/react-query/locationsGet";
+import { useLocationsCreateMutation as M } from "@gusto/embedded-api/react-query/locationsCreate";
+import { useQueryClient as _ } from "@gusto/embedded-api/ReactSDKProvider";
+import { Head as l } from "./Head.js";
+import { LocationFormSchema as H, Form as f } from "./Form.js";
+import { Actions as A } from "./Actions.js";
+import { LocationsFormProvider as U } from "./useLocationForm.js";
+import { Form as j } from "../../../Common/Form/Form.js";
+import { Flex as z } from "../../../Common/Flex/Flex.js";
+import { BaseComponent as Y } from "../../../Base/Base.js";
+import { useBase as G } from "../../../Base/useBase.js";
+import { useI18n as Q } from "../../../../i18n/I18n.js";
+import { componentEvents as m } from "../../../../shared/constants.js";
+function V(t) {
+  const {
+    data: { location: e }
+  } = B({ locationId: t.locationId });
+  return /* @__PURE__ */ o(y, { ...t, location: e });
+}
+function y({
+  companyId: t,
+  location: e,
+  className: s,
+  children: r
+}) {
+  Q("Company.Locations");
+  const { onEvent: i, baseSubmitHandler: v } = G(), { mutateAsync: C, isPending: L } = M(), { mutateAsync: g, isPending: h } = w(), F = _(), P = ["mailingAddress", "filingAddress"], { control: b, ...c } = q({
+    resolver: R(H),
+    defaultValues: {
+      city: e?.city ?? "",
+      phoneNumber: e?.phoneNumber ?? "",
+      street1: e?.street1 ?? "",
+      street2: e?.street2 ?? "",
+      state: e?.state ?? "",
+      zip: e?.zip ?? "",
+      addressType: P.filter((n) => e?.[n] ?? !1)
+    }
+  }), T = () => {
+    i(m.CANCEL);
+  }, D = async (n) => {
+    await v(n, async (E) => {
+      const { addressType: u, ...N } = E, p = {
+        ...N,
+        mailingAddress: u?.includes("mailingAddress"),
+        filingAddress: u?.includes("filingAddress")
+      };
+      if (e && e.version !== void 0) {
+        const { location: a } = await g({
+          request: {
+            locationId: e.uuid,
+            requestBody: { ...p, version: e.version }
+          }
+        });
+        i(m.COMPANY_LOCATION_UPDATED, a);
+      } else {
+        const { location: a } = await C({
+          request: {
+            companyId: t,
+            requestBody: p
+          }
+        });
+        i(m.COMPANY_LOCATION_CREATED, a);
+      }
+      await I(F);
+    });
+  };
+  return /* @__PURE__ */ o("section", { className: s, children: /* @__PURE__ */ o(x, { ...c, control: b, children: /* @__PURE__ */ o(j, { onSubmit: c.handleSubmit(D), children: /* @__PURE__ */ o(
+    U,
+    {
+      value: { handleCancel: T, isPending: L || h },
+      children: /* @__PURE__ */ o(z, { flexDirection: "column", gap: 32, children: r || /* @__PURE__ */ O(S, { children: [
+        /* @__PURE__ */ o(l, {}),
+        /* @__PURE__ */ o(f, {}),
+        /* @__PURE__ */ o(A, {})
+      ] }) })
+    }
+  ) }) }) });
+}
+function d({
+  companyId: t,
+  locationId: e,
+  className: s,
+  children: r,
+  ...i
+}) {
+  return /* @__PURE__ */ o(Y, { ...i, children: e ? /* @__PURE__ */ o(V, { companyId: t, locationId: e, className: s, children: r }) : /* @__PURE__ */ o(y, { companyId: t, className: s, children: r }) });
+}
+d.Head = l;
+d.Form = f;
+d.Actions = A;
+export {
+  d as LocationForm
+};
+//# sourceMappingURL=LocationForm.js.map