@gusto/embedded-react-sdk 0.7.0 → 0.8.1

package/dist/components/Employee/Profile/HomeAddress.js

@@ -0,0 +1,106 @@
+import { jsxs as o, Fragment as l, jsx as r } from "react/jsx-runtime";
+import { useFormContext as p } from "react-hook-form";
+import { useTranslation as u, Trans as a } from "react-i18next";
+import { z as t } from "zod";
+import { useProfile as g } from "./useProfile.js";
+import { STATES_ABBR as f } from "../../../shared/constants.js";
+import { Grid as b } from "../../Common/Grid/Grid.js";
+import { useComponentContext as y } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { TextInputField as n } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { SelectField as T } from "../../Common/Fields/SelectField/SelectField.js";
+import { CheckboxField as x } from "../../Common/Fields/CheckboxField/CheckboxField.js";
+const j = t.union([
+  // Case 1: selfOnboarding is false or undefined
+  t.object({
+    street1: t.string().min(1),
+    street2: t.string().optional(),
+    city: t.string().min(1),
+    state: t.string().min(1),
+    zip: t.string().refine((e) => /(^\d{5}$)|(^\d{5}-\d{4}$)/.test(e)),
+    courtesyWithholding: t.boolean(),
+    selfOnboarding: t.union([t.literal(!1), t.undefined()])
+  }),
+  // Case 2: selfOnboarding is true
+  t.object({
+    selfOnboarding: t.literal(!0)
+  })
+]), q = () => {
+  const { t: e } = u("Employee.HomeAddress"), i = y(), { isSelfOnboardingIntended: d, isAdmin: m } = g(), { watch: c } = p(), h = c("courtesyWithholding");
+  return m && d ? null : /* @__PURE__ */ o(l, { children: [
+    /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ r(i.Heading, { as: "h2", children: e("formTitle") }),
+      /* @__PURE__ */ r(i.Text, { children: e("desc") })
+    ] }),
+    /* @__PURE__ */ o(
+      b,
+      {
+        gridTemplateColumns: {
+          base: "1fr",
+          small: ["1fr", "1fr"]
+        },
+        gap: 20,
+        children: [
+          /* @__PURE__ */ r(
+            n,
+            {
+              name: "street1",
+              label: e("street1"),
+              isRequired: !0,
+              errorMessage: e("validations.street1")
+            }
+          ),
+          /* @__PURE__ */ r(n, { name: "street2", label: e("street2") }),
+          /* @__PURE__ */ r(
+            n,
+            {
+              name: "city",
+              isRequired: !0,
+              label: e("city"),
+              errorMessage: e("validations.city")
+            }
+          ),
+          /* @__PURE__ */ r(
+            T,
+            {
+              name: "state",
+              options: f.map((s) => ({
+                label: e(`statesHash.${s}`, { ns: "common" }),
+                value: s
+              })),
+              label: e("state"),
+              placeholder: e("statePlaceholder"),
+              errorMessage: e("validations.state"),
+              isRequired: !0
+            }
+          ),
+          /* @__PURE__ */ r(
+            n,
+            {
+              name: "zip",
+              isRequired: !0,
+              label: e("zip"),
+              errorMessage: e("validations.zip")
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      x,
+      {
+        name: "courtesyWithholding",
+        label: e("courtesyWithholdingLabel"),
+        description: /* @__PURE__ */ o(l, { children: [
+          e("courtesyWhithholdingDescription"),
+          /* @__PURE__ */ r(a, { t: e, i18nKey: "learnMoreCta", components: { learnMore: /* @__PURE__ */ r(i.Link, {}) } })
+        ] })
+      }
+    ),
+    h && /* @__PURE__ */ r(i.Alert, { label: e("withholdingTitle"), status: "warning", children: /* @__PURE__ */ r(a, { t: e, i18nKey: "withholdingNote" }) })
+  ] });
+};
+export {
+  q as HomeAddress,
+  j as HomeAddressSchema
+};
+//# sourceMappingURL=HomeAddress.js.map

package/dist/components/Employee/Profile/HomeAddress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomeAddress.js","sources":["../../../../src/components/Employee/Profile/HomeAddress.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { useProfile } from './useProfile'\nimport { STATES_ABBR } from '@/shared/constants'\nimport { CheckboxField, Grid, SelectField, TextInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const HomeAddressSchema = z.union([\n  // Case 1: selfOnboarding is false or undefined\n  z.object({\n    street1: z.string().min(1),\n    street2: z.string().optional(),\n    city: z.string().min(1),\n    state: z.string().min(1),\n    zip: z.string().refine(zip => /(^\\d{5}$)|(^\\d{5}-\\d{4}$)/.test(zip)),\n    courtesyWithholding: z.boolean(),\n    selfOnboarding: z.union([z.literal(false), z.undefined()]),\n  }),\n  // Case 2: selfOnboarding is true\n  z.object({\n    selfOnboarding: z.literal(true),\n  }),\n])\n\nexport type HomeAddressInputs = z.infer<typeof HomeAddressSchema>\n\nexport const HomeAddress = () => {\n  const { t } = useTranslation('Employee.HomeAddress')\n  const Components = useComponentContext()\n  const { isSelfOnboardingIntended, isAdmin } = useProfile()\n\n  const { watch } = useFormContext<HomeAddressInputs>()\n  const watchedCourtesyWithholding = watch('courtesyWithholding')\n\n  if (isAdmin && isSelfOnboardingIntended) {\n    return null\n  }\n\n  return (\n    <>\n      <div>\n        <Components.Heading as=\"h2\">{t('formTitle')}</Components.Heading>\n        <Components.Text>{t('desc')}</Components.Text>\n      </div>\n      <Grid\n        gridTemplateColumns={{\n          base: '1fr',\n          small: ['1fr', '1fr'],\n        }}\n        gap={20}\n      >\n        <TextInputField\n          name=\"street1\"\n          label={t('street1')}\n          isRequired\n          errorMessage={t('validations.street1')}\n        />\n        <TextInputField name=\"street2\" label={t('street2')} />\n        <TextInputField\n          name=\"city\"\n          isRequired\n          label={t('city')}\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('state')}\n          placeholder={t('statePlaceholder')}\n          errorMessage={t('validations.state')}\n          isRequired\n        />\n        <TextInputField\n          name=\"zip\"\n          isRequired\n          label={t('zip')}\n          errorMessage={t('validations.zip')}\n        />\n      </Grid>\n      <CheckboxField\n        name=\"courtesyWithholding\"\n        label={t('courtesyWithholdingLabel')}\n        description={\n          <>\n            {t('courtesyWhithholdingDescription')}\n            <Trans t={t} i18nKey=\"learnMoreCta\" components={{ learnMore: <Components.Link /> }} />\n          </>\n        }\n      />\n      {watchedCourtesyWithholding && (\n        <Components.Alert label={t('withholdingTitle')} status=\"warning\">\n          <Trans t={t} i18nKey=\"withholdingNote\" />\n        </Components.Alert>\n      )}\n    </>\n  )\n}\n"],"names":["HomeAddressSchema","z","zip","HomeAddress","t","useTranslation","Components","useComponentContext","isSelfOnboardingIntended","isAdmin","useProfile","watch","useFormContext","watchedCourtesyWithholding","jsxs","Fragment","jsx","Grid","TextInputField","SelectField","STATES_ABBR","stateAbbr","CheckboxField","Trans"],"mappings":"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"}

package/dist/components/Employee/Profile/PersonalDetailsInputs.d.ts

@@ -0,0 +1,98 @@
+import { z } from 'zod';
+import { Location } from '@gusto/embedded-api/models/components/location';
+import { Employee } from '@gusto/embedded-api/models/components/employee';
+export declare const NameInputsSchema: z.ZodObject<{
+    firstName: z.ZodString;
+    middleInitial: z.ZodOptional<z.ZodString>;
+    lastName: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    firstName: string;
+    lastName: string;
+    middleInitial?: string | undefined;
+}, {
+    firstName: string;
+    lastName: string;
+    middleInitial?: string | undefined;
+}>;
+export declare function NameInputs(): import("react/jsx-runtime").JSX.Element;
+export declare const AdminInputsSchema: z.ZodObject<{
+    workAddress: z.ZodString;
+    startDate: z.ZodEffects<z.ZodDate, string | undefined, Date>;
+    email: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+    workAddress: string;
+    startDate?: string | undefined;
+}, {
+    email: string;
+    workAddress: string;
+    startDate: Date;
+}>;
+interface AdminInputsProps {
+    companyLocations: Location[];
+}
+export declare function AdminInputs({ companyLocations }: AdminInputsProps): import("react/jsx-runtime").JSX.Element;
+export declare const SocialSecurityNumberSchema: z.ZodObject<{
+    ssn: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
+    enableSsn: z.ZodBoolean;
+}, "strip", z.ZodTypeAny, {
+    ssn: string;
+    enableSsn: boolean;
+}, {
+    ssn: string;
+    enableSsn: boolean;
+}>;
+interface SocialSecurityNumberInputProps {
+    employee?: Employee;
+    onChange?: (updatedValue: string) => void;
+}
+export declare function SocialSecurityNumberInput({ employee, onChange }: SocialSecurityNumberInputProps): import("react/jsx-runtime").JSX.Element;
+export declare const DateOfBirthSchema: z.ZodObject<{
+    dateOfBirth: z.ZodEffects<z.ZodDate, string | undefined, Date>;
+}, "strip", z.ZodTypeAny, {
+    dateOfBirth?: string | undefined;
+}, {
+    dateOfBirth: Date;
+}>;
+export declare function DateOfBirthInput(): import("react/jsx-runtime").JSX.Element;
+declare const PersonalDetailsTotalSchema: z.ZodObject<{
+    firstName: z.ZodString;
+    middleInitial: z.ZodOptional<z.ZodString>;
+    lastName: z.ZodString;
+    workAddress: z.ZodString;
+    startDate: z.ZodEffects<z.ZodDate, string | undefined, Date>;
+    email: z.ZodString;
+    ssn: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
+    dateOfBirth: z.ZodEffects<z.ZodDate, string | undefined, Date>;
+} & {
+    selfOnboarding: z.ZodBoolean;
+    enableSsn: z.ZodBoolean;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+    ssn: string;
+    firstName: string;
+    lastName: string;
+    workAddress: string;
+    enableSsn: boolean;
+    selfOnboarding: boolean;
+    middleInitial?: string | undefined;
+    startDate?: string | undefined;
+    dateOfBirth?: string | undefined;
+}, {
+    email: string;
+    ssn: string;
+    firstName: string;
+    lastName: string;
+    workAddress: string;
+    startDate: Date;
+    dateOfBirth: Date;
+    enableSsn: boolean;
+    selfOnboarding: boolean;
+    middleInitial?: string | undefined;
+}>;
+type NullableDatesMapper<Source> = {
+    [Property in keyof Source]: Source[Property] extends Date ? Source[Property] | null : Source[Property];
+};
+export type PersonalDetailsPayload = z.infer<typeof PersonalDetailsTotalSchema>;
+export type PersonalDetailsInputs = NullableDatesMapper<z.input<typeof PersonalDetailsTotalSchema>>;
+export {};

package/dist/components/Employee/Profile/PersonalDetailsInputs.js

@@ -0,0 +1,139 @@
+import { jsxs as l, Fragment as d, jsx as a } from "react/jsx-runtime";
+import { z as r } from "zod";
+import { useFormContext as c } from "react-hook-form";
+import { useTranslation as i } from "react-i18next";
+import { Grid as b } from "../../Common/Grid/Grid.js";
+import { removeNonDigits as S, addressInline as g } from "../../../helpers/formattedStrings.js";
+import { usePlaceholderSSN as h, normalizeSSN as N } from "../../../helpers/ssn.js";
+import { nameValidation as m, SSN_REGEX as D } from "../../../helpers/validations.js";
+import { TextInputField as s } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { SelectField as I } from "../../Common/Fields/SelectField/SelectField.js";
+import { DatePickerField as p } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+const v = r.object({
+  firstName: m,
+  middleInitial: r.string().optional(),
+  lastName: m
+});
+function B() {
+  const { t: e } = i("Employee.Profile");
+  return /* @__PURE__ */ l(d, { children: [
+    /* @__PURE__ */ l(b, { gap: { base: 20, small: 8 }, gridTemplateColumns: { base: "1fr", small: ["1fr", 200] }, children: [
+      /* @__PURE__ */ a(
+        s,
+        {
+          name: "firstName",
+          isRequired: !0,
+          label: e("firstName"),
+          errorMessage: e("validations.firstName")
+        }
+      ),
+      /* @__PURE__ */ a(s, { name: "middleInitial", label: e("middleInitial") })
+    ] }),
+    /* @__PURE__ */ a(
+      s,
+      {
+        name: "lastName",
+        isRequired: !0,
+        label: e("lastName"),
+        errorMessage: e("validations.lastName")
+      }
+    )
+  ] });
+}
+const O = r.object({
+  workAddress: r.string().min(1),
+  startDate: r.date().transform((e) => e.toISOString().split("T")[0]),
+  email: r.string().email()
+});
+function C({ companyLocations: e }) {
+  const { t } = i("Employee.Profile"), {
+    formState: { errors: n }
+  } = c();
+  return /* @__PURE__ */ l(d, { children: [
+    /* @__PURE__ */ a(
+      I,
+      {
+        name: "workAddress",
+        options: e.map((o) => ({
+          value: o.uuid,
+          label: g(o)
+        })),
+        label: t("workAddress"),
+        description: t("workAddressDescription"),
+        placeholder: t("workAddressPlaceholder"),
+        errorMessage: t("validations.location", { ns: "common" }),
+        isRequired: !0
+      }
+    ),
+    /* @__PURE__ */ a(
+      p,
+      {
+        name: "startDate",
+        label: t("startDateLabel"),
+        description: t("startDateDescription"),
+        errorMessage: n.startDate?.type === "custom" ? t("validations.startDateOutOfRange") : t("validations.startDate")
+      }
+    ),
+    /* @__PURE__ */ a(
+      s,
+      {
+        name: "email",
+        label: t("email"),
+        description: t("emailDescription"),
+        errorMessage: t("validations.email"),
+        isRequired: !0,
+        type: "email"
+      }
+    )
+  ] });
+}
+const y = r.object({
+  ssn: r.string().transform((e) => S(e)).refine((e) => D.test(e)),
+  enableSsn: r.boolean()
+});
+function L({ employee: e, onChange: t }) {
+  const { setValue: n } = c(), { t: o } = i("Employee.Profile"), u = h(e?.hasSsn);
+  return /* @__PURE__ */ a(
+    s,
+    {
+      isRequired: !0,
+      name: "ssn",
+      label: o("ssnLabel"),
+      errorMessage: o("validations.ssn", { ns: "common" }),
+      placeholder: u,
+      transform: N,
+      onChange: (f) => {
+        n("enableSsn", !0), t?.(f);
+      }
+    }
+  );
+}
+const A = r.object({
+  dateOfBirth: r.date().transform((e) => e.toISOString().split("T")[0])
+});
+function z() {
+  const { t: e } = i("Employee.Profile");
+  return /* @__PURE__ */ a(
+    p,
+    {
+      name: "dateOfBirth",
+      label: e("dobLabel"),
+      errorMessage: e("validations.dob", { ns: "common" })
+    }
+  );
+}
+v.merge(O).merge(y).merge(A).extend({
+  selfOnboarding: r.boolean(),
+  enableSsn: r.boolean()
+});
+export {
+  C as AdminInputs,
+  O as AdminInputsSchema,
+  z as DateOfBirthInput,
+  A as DateOfBirthSchema,
+  B as NameInputs,
+  v as NameInputsSchema,
+  L as SocialSecurityNumberInput,
+  y as SocialSecurityNumberSchema
+};
+//# sourceMappingURL=PersonalDetailsInputs.js.map

package/dist/components/Employee/Profile/PersonalDetailsInputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalDetailsInputs.js","sources":["../../../../src/components/Employee/Profile/PersonalDetailsInputs.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { type Employee } from '@gusto/embedded-api/models/components/employee'\nimport { SelectField, TextInputField, Grid, DatePickerField } from '@/components/Common'\nimport { addressInline, removeNonDigits } from '@/helpers/formattedStrings'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { nameValidation, SSN_REGEX } from '@/helpers/validations'\n\nexport const NameInputsSchema = z.object({\n  firstName: nameValidation,\n  middleInitial: z.string().optional(),\n  lastName: nameValidation,\n})\n\nexport function NameInputs() {\n  const { t } = useTranslation('Employee.Profile')\n\n  return (\n    <>\n      <Grid gap={{ base: 20, small: 8 }} gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}>\n        <TextInputField\n          name=\"firstName\"\n          isRequired\n          label={t('firstName')}\n          errorMessage={t('validations.firstName')}\n        />\n        <TextInputField name=\"middleInitial\" label={t('middleInitial')} />\n      </Grid>\n      <TextInputField\n        name=\"lastName\"\n        isRequired\n        label={t('lastName')}\n        errorMessage={t('validations.lastName')}\n      />\n    </>\n  )\n}\n\nexport const AdminInputsSchema = z.object({\n  workAddress: z.string().min(1),\n  startDate: z.date().transform(date => date.toISOString().split('T')[0]),\n  email: z.string().email(),\n})\n\ntype AdminInputsSchemaType = z.infer<typeof AdminInputsSchema>\n\ninterface AdminInputsProps {\n  companyLocations: Location[]\n}\n\nexport function AdminInputs({ companyLocations }: AdminInputsProps) {\n  const { t } = useTranslation('Employee.Profile')\n  const {\n    formState: { errors },\n  } = useFormContext<AdminInputsSchemaType>()\n\n  return (\n    <>\n      <SelectField\n        name=\"workAddress\"\n        options={companyLocations.map(location => ({\n          value: location.uuid,\n          label: addressInline(location),\n        }))}\n        label={t('workAddress')}\n        description={t('workAddressDescription')}\n        placeholder={t('workAddressPlaceholder')}\n        errorMessage={t('validations.location', { ns: 'common' })}\n        isRequired\n      />\n      <DatePickerField\n        name=\"startDate\"\n        label={t('startDateLabel')}\n        description={t('startDateDescription')}\n        errorMessage={\n          errors.startDate?.type === 'custom'\n            ? t('validations.startDateOutOfRange')\n            : t('validations.startDate')\n        }\n      />\n      <TextInputField\n        name=\"email\"\n        label={t('email')}\n        description={t('emailDescription')}\n        errorMessage={t('validations.email')}\n        isRequired\n        type=\"email\"\n      />\n    </>\n  )\n}\n\nexport const SocialSecurityNumberSchema = z.object({\n  ssn: z\n    .string()\n    .transform(input => removeNonDigits(input))\n    .refine(input => SSN_REGEX.test(input)),\n  enableSsn: z.boolean(),\n})\n\ntype SocialSecurityNumberSchemaType = z.infer<typeof SocialSecurityNumberSchema>\n\ninterface SocialSecurityNumberInputProps {\n  employee?: Employee\n  onChange?: (updatedValue: string) => void\n}\n\nexport function SocialSecurityNumberInput({ employee, onChange }: SocialSecurityNumberInputProps) {\n  const { setValue } = useFormContext<SocialSecurityNumberSchemaType>()\n  const { t } = useTranslation('Employee.Profile')\n  const placeholderSSN = usePlaceholderSSN(employee?.hasSsn)\n  return (\n    <TextInputField\n      isRequired\n      name=\"ssn\"\n      label={t('ssnLabel')}\n      errorMessage={t('validations.ssn', { ns: 'common' })}\n      placeholder={placeholderSSN}\n      transform={normalizeSSN}\n      onChange={updatedValue => {\n        setValue('enableSsn', true)\n        onChange?.(updatedValue)\n      }}\n    />\n  )\n}\n\nexport const DateOfBirthSchema = z.object({\n  dateOfBirth: z.date().transform(date => date.toISOString().split('T')[0]),\n})\n\nexport function DateOfBirthInput() {\n  const { t } = useTranslation('Employee.Profile')\n  return (\n    <DatePickerField\n      name=\"dateOfBirth\"\n      label={t('dobLabel')}\n      errorMessage={t('validations.dob', { ns: 'common' })}\n    />\n  )\n}\n\n// All possible inputs for PersonalDetails forms\nconst PersonalDetailsTotalSchema = NameInputsSchema.merge(AdminInputsSchema)\n  .merge(SocialSecurityNumberSchema)\n  .merge(DateOfBirthSchema)\n  .extend({\n    selfOnboarding: z.boolean(),\n    enableSsn: z.boolean(),\n  })\n\ntype NullableDatesMapper<Source> = {\n  [Property in keyof Source]: Source[Property] extends Date\n    ? Source[Property] | null\n    : Source[Property]\n}\n\nexport type PersonalDetailsPayload = z.infer<typeof PersonalDetailsTotalSchema>\n\n//Typescript magic to mark date fields as nullable for correct defaultvalues\nexport type PersonalDetailsInputs = NullableDatesMapper<z.input<typeof PersonalDetailsTotalSchema>>\n"],"names":["NameInputsSchema","z","nameValidation","NameInputs","t","useTranslation","jsxs","Fragment","Grid","jsx","TextInputField","AdminInputsSchema","date","AdminInputs","companyLocations","errors","useFormContext","SelectField","location","addressInline","DatePickerField","SocialSecurityNumberSchema","input","removeNonDigits","SSN_REGEX","SocialSecurityNumberInput","employee","onChange","setValue","placeholderSSN","usePlaceholderSSN","normalizeSSN","updatedValue","DateOfBirthSchema","DateOfBirthInput"],"mappings":"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"}

package/dist/components/Employee/Profile/Profile.d.ts

@@ -0,0 +1,36 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
+import { RequireAtLeastOne } from '../../../types/Helpers';
+export type ProfileDefaultValues = RequireAtLeastOne<{
+    employee?: RequireAtLeastOne<{
+        firstName?: string;
+        middleInitial?: string;
+        lastName?: string;
+        email?: string;
+        dateOfBirth?: string;
+    }>;
+    homeAddress?: RequireAtLeastOne<{
+        street1?: string;
+        street2?: string;
+        city?: string;
+        state?: string;
+        zip?: string;
+    }>;
+}>;
+interface ProfileProps extends CommonComponentInterface {
+    employeeId?: string;
+    companyId: string;
+    defaultValues?: ProfileDefaultValues;
+    isAdmin?: boolean;
+    isSelfOnboardingEnabled?: boolean;
+}
+export declare function Profile(props: ProfileProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare namespace Profile {
+    var Head: () => import("react/jsx-runtime").JSX.Element;
+    var Actions: () => import("react/jsx-runtime").JSX.Element;
+    var AdminPersonalDetails: () => import("react/jsx-runtime").JSX.Element | null;
+    var SelfPersonalDetails: () => import("react/jsx-runtime").JSX.Element | null;
+    var HomeAddress: () => import("react/jsx-runtime").JSX.Element | null;
+    var WorkAddress: typeof import("./WorkAddress").WorkAddress;
+}
+export declare const ProfileContextual: () => import("react/jsx-runtime").JSX.Element;
+export {};