@gusto/embedded-react-sdk 0.13.2 → 0.13.4

package/dist/components/Employee/PaymentMethod/Split.js.map

@@ -1 +1 @@
-{"version":3,"file":"Split.js","sources":["../../../../src/components/Employee/PaymentMethod/Split.tsx"],"sourcesContent":["import type { Control } from 'react-hook-form'\nimport { useFormContext } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { type EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod'\nimport { ErrorMessage } from '@hookform/error-message'\nimport { Fragment } from 'react/jsx-runtime'\nimport DOMPurify from 'dompurify'\nimport { useEffect, useMemo } from 'react'\nimport { usePaymentMethod, type CombinedSchemaInputs } from './usePaymentMethod'\nimport { NumberInputField, RadioGroupField } from '@/components/Common'\nimport { useLocale } from '@/contexts/LocaleProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ReorderableList } from '@/components/Common/ReorderableList'\nimport { SPLIT_BY } from '@/shared/constants'\n\ntype Split = NonNullable<EmployeePaymentMethod['splits']>[number]\n\nexport function Split() {\n  const { paymentMethod, bankAccounts, mode } = usePaymentMethod()\n  const {\n    control,\n    setValue,\n    resetField,\n    watch,\n    formState: { errors },\n  } = useFormContext<CombinedSchemaInputs>()\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const splitBy = watch('splitBy')\n  const priorities = watch('priority')\n\n  const splits = useMemo(() => paymentMethod.splits ?? [], [paymentMethod.splits])\n\n  const remainderId = Object.entries(priorities).reduce(\n    (maxId, [uuid, priority]) => (!maxId || (priorities[maxId] ?? 0) < priority ? uuid : maxId),\n    '',\n  )\n\n  const { currency } = useLocale()\n\n  // Handle splitBy value changes\n  useEffect(() => {\n    // Only run cleanup if splits exist\n    if (!splits.length) return\n\n    // Clean up when switching modes\n    if (splitBy === SPLIT_BY.amount) {\n      // When switching to amount mode, set the last item as remainder (null) and others to 0\n      const newAmountValues = splits.reduce<Record<string, number | null>>((acc, curr) => {\n        acc[curr.uuid] = curr.uuid === remainderId ? null : 0\n        return acc\n      }, {})\n      setValue('splitAmount', newAmountValues)\n    } else {\n      // When switching to percentage mode, set the first item to 100% and others to 0\n      const newPercentageValues = splits.reduce<Record<string, number>>((acc, curr, index) => {\n        acc[curr.uuid] = index === 0 ? 100 : 0\n        return acc\n      }, {})\n      setValue('splitAmount', newPercentageValues)\n    }\n  }, [splitBy, splits, remainderId, setValue])\n\n  const Components = useComponentContext()\n\n  if (mode !== 'SPLIT' || bankAccounts.length < 2 || paymentMethod.splits === null) return null\n  //Used by form schema to determine variant\n  setValue('isSplit', true)\n\n  const updateSplitAmount = (uuid: string, value: number | null) => {\n    setValue(`splitAmount.${uuid}`, value)\n  }\n\n  const handleReorder = (newOrder: number[]) => {\n    // Calculate new priorities based on new order\n    const newPriorities = newOrder.reduce(\n      (acc: Record<string, number>, curr: number, currIndex: number) => {\n        const split = splits[curr]\n        return split ? { ...acc, [split.uuid]: currIndex + 1 } : acc\n      },\n      {},\n    )\n\n    // Get the last split in the new order\n    const lastSplitIndex = newOrder[newOrder.length - 1]\n    if (lastSplitIndex === undefined) return\n\n    const lastSplit = splits[lastSplitIndex]\n    if (!lastSplit) return\n\n    // Update priorities\n    setValue('priority', newPriorities)\n\n    // Clear the previous remainder if different from the new one\n    if (remainderId && remainderId !== lastSplit.uuid) {\n      resetField(`splitAmount.${remainderId}`)\n      updateSplitAmount(remainderId, 0)\n    }\n\n    // Set the new last item to null (remainder)\n    updateSplitAmount(lastSplit.uuid, null)\n  }\n\n  const renderFieldsList = () => {\n    if (splitBy === SPLIT_BY.amount) {\n      return (\n        <ReorderableList\n          key={`reorderable-amount-list-${splitBy}`}\n          label={t('draggableListLabel')}\n          items={splits.map(split => ({\n            label: split.name as string,\n            content: (\n              <AmountField\n                key={`amount-${split.uuid}`}\n                split={split}\n                onChange={value => {\n                  updateSplitAmount(split.uuid, value)\n                }}\n                remainderId={remainderId}\n              />\n            ),\n          }))}\n          onReorder={handleReorder}\n        />\n      )\n    }\n\n    return splits.map(split => (\n      <PercentageField\n        key={`percentage-${split.uuid}`}\n        split={split}\n        control={control}\n        onChange={value => {\n          updateSplitAmount(split.uuid, value)\n        }}\n        currency={currency}\n      />\n    ))\n  }\n\n  return (\n    <>\n      <ErrorMessage\n        errors={errors}\n        name=\"splitAmount.root\"\n        render={({ message }) => {\n          // Handle enhanced error messages with current total\n          if (message && message.startsWith('percentage_split_total_error:')) {\n            const total = message.split(':')[1] || '0'\n            return (\n              <Components.Alert\n                status=\"error\"\n                label={t('validations.percentageErrorWithTotal', { total })}\n              />\n            )\n          }\n          // Fallback to original error message\n          return <Components.Alert status=\"error\" label={t('validations.percentageError')} />\n        }}\n      />\n      <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n      <Trans t={t} i18nKey=\"splitDescription\" components={{ p: <Components.Text /> }} />\n      <RadioGroupField\n        name=\"splitBy\"\n        label={t('splitByLabel')}\n        options={[\n          { value: SPLIT_BY.percentage, label: t('percentageLabel') },\n          { value: SPLIT_BY.amount, label: t('amountLabel') },\n        ]}\n      />\n      {paymentMethod.splits && renderFieldsList()}\n    </>\n  )\n}\n\nfunction AmountField({\n  split,\n  remainderId,\n  onChange,\n}: {\n  split: Split\n  remainderId: string\n  onChange: (value: number | null) => void\n}) {\n  const { t } = useTranslation('Employee.PaymentMethod')\n  return (\n    <NumberInputField\n      name={`splitAmount.${split.uuid}`}\n      label={t('splitAmountLabel', {\n        name: DOMPurify.sanitize(split.name ?? ''),\n        account_number: DOMPurify.sanitize(split.hiddenAccountNumber ?? ''),\n        interpolation: { escapeValue: false },\n      })}\n      format=\"currency\"\n      min={0}\n      isRequired\n      errorMessage={t('validations.amountError')}\n      placeholder={remainderId === split.uuid ? t('remainderLabel') : ''}\n      isDisabled={remainderId === split.uuid}\n      onChange={onChange}\n    />\n  )\n}\n\nfunction PercentageField({\n  split,\n  control,\n  onChange,\n  currency,\n}: {\n  split: Split\n  control: Control<CombinedSchemaInputs>\n  onChange: (value: number) => void\n  currency: string\n}) {\n  const { t } = useTranslation('Employee.PaymentMethod')\n  return (\n    <Fragment key={split.uuid}>\n      <NumberInputField\n        name={`splitAmount.${split.uuid}`}\n        label={t('splitAmountLabel', {\n          name: DOMPurify.sanitize(split.name ?? ''),\n          account_number: DOMPurify.sanitize(split.hiddenAccountNumber ?? ''),\n          interpolation: { escapeValue: false },\n        })}\n        format=\"percent\"\n        min={0}\n        isRequired\n        errorMessage={t('validations.amountError')}\n        onChange={onChange}\n      />\n    </Fragment>\n  )\n}\n"],"names":["Split","paymentMethod","bankAccounts","mode","usePaymentMethod","control","setValue","resetField","watch","errors","useFormContext","t","useTranslation","splitBy","priorities","splits","useMemo","remainderId","maxId","uuid","priority","currency","useLocale","useEffect","SPLIT_BY","newAmountValues","acc","curr","newPercentageValues","index","Components","useComponentContext","updateSplitAmount","value","handleReorder","newOrder","newPriorities","currIndex","split","lastSplitIndex","lastSplit","renderFieldsList","jsx","ReorderableList","AmountField","PercentageField","jsxs","Fragment","ErrorMessage","message","total","Trans","RadioGroupField","onChange","NumberInputField","DOMPurify"],"mappings":"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"}
+{"version":3,"file":"Split.js","sources":["../../../../src/components/Employee/PaymentMethod/Split.tsx"],"sourcesContent":["import type { Control } from 'react-hook-form'\nimport { useFormContext } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { type EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod'\nimport { ErrorMessage } from '@hookform/error-message'\nimport { Fragment } from 'react/jsx-runtime'\nimport DOMPurify from 'dompurify'\nimport { useEffect, useMemo } from 'react'\nimport { usePaymentMethod, type CombinedSchemaInputs } from './usePaymentMethod'\nimport { NumberInputField, RadioGroupField } from '@/components/Common'\nimport { useLocale } from '@/contexts/LocaleProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ReorderableList } from '@/components/Common/ReorderableList'\nimport { SPLIT_BY } from '@/shared/constants'\n\ntype Split = NonNullable<EmployeePaymentMethod['splits']>[number]\n\nexport function Split() {\n  const { paymentMethod, bankAccounts, mode } = usePaymentMethod()\n  const {\n    control,\n    setValue,\n    resetField,\n    watch,\n    formState: { errors },\n  } = useFormContext<CombinedSchemaInputs>()\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const splitBy = watch('splitBy')\n  const priorities = watch('priority')\n\n  const splits = useMemo(() => paymentMethod.splits ?? [], [paymentMethod.splits])\n\n  const remainderId = Object.entries(priorities).reduce(\n    (maxId, [uuid, priority]) => (!maxId || (priorities[maxId] ?? 0) < priority ? uuid : maxId),\n    '',\n  )\n\n  const { currency } = useLocale()\n\n  // Handle splitBy value changes\n  useEffect(() => {\n    // Only run cleanup if splits exist\n    if (!splits.length) return\n\n    // Clean up when switching modes\n    if (splitBy === SPLIT_BY.amount) {\n      // When switching to amount mode, set the last item as remainder (null) and others to 0\n      const newAmountValues = splits.reduce<Record<string, number | null>>((acc, curr) => {\n        acc[curr.uuid] = curr.uuid === remainderId ? null : 0\n        return acc\n      }, {})\n      setValue('splitAmount', newAmountValues)\n    } else {\n      // When switching to percentage mode, set the first item to 100% and others to 0\n      const newPercentageValues = splits.reduce<Record<string, number>>((acc, curr, index) => {\n        acc[curr.uuid] = index === 0 ? 100 : 0\n        return acc\n      }, {})\n      setValue('splitAmount', newPercentageValues)\n    }\n  }, [splitBy, splits, remainderId, setValue])\n\n  const Components = useComponentContext()\n\n  if (mode !== 'SPLIT' || bankAccounts.length < 2 || paymentMethod.splits === null) return null\n  //Used by form schema to determine variant\n  setValue('isSplit', true)\n\n  const updateSplitAmount = (uuid: string, value: number | null) => {\n    setValue(`splitAmount.${uuid}`, value)\n  }\n\n  const handleReorder = (newOrder: number[]) => {\n    // Calculate new priorities based on new order\n    const newPriorities = newOrder.reduce(\n      (acc: Record<string, number>, curr: number, currIndex: number) => {\n        const split = splits[curr]\n        return split ? { ...acc, [split.uuid]: currIndex + 1 } : acc\n      },\n      {},\n    )\n\n    // Get the last split in the new order\n    const lastSplitIndex = newOrder[newOrder.length - 1]\n    if (lastSplitIndex === undefined) return\n\n    const lastSplit = splits[lastSplitIndex]\n    if (!lastSplit) return\n\n    // Update priorities\n    setValue('priority', newPriorities)\n\n    // Clear the previous remainder if different from the new one\n    if (remainderId && remainderId !== lastSplit.uuid) {\n      resetField(`splitAmount.${remainderId}`)\n      updateSplitAmount(remainderId, 0)\n    }\n\n    // Set the new last item to null (remainder)\n    updateSplitAmount(lastSplit.uuid, null)\n  }\n\n  const renderFieldsList = () => {\n    if (splitBy === SPLIT_BY.amount) {\n      return (\n        <ReorderableList\n          key={`reorderable-amount-list-${splitBy}`}\n          label={t('draggableListLabel')}\n          items={splits.map(split => ({\n            label: split.name as string,\n            content: (\n              <AmountField\n                key={`amount-${split.uuid}`}\n                split={split}\n                onChange={value => {\n                  updateSplitAmount(split.uuid, value)\n                }}\n                remainderId={remainderId}\n              />\n            ),\n          }))}\n          onReorder={handleReorder}\n        />\n      )\n    }\n\n    return splits.map(split => (\n      <PercentageField\n        key={`percentage-${split.uuid}`}\n        split={split}\n        control={control}\n        onChange={value => {\n          updateSplitAmount(split.uuid, value)\n        }}\n        currency={currency}\n      />\n    ))\n  }\n\n  return (\n    <>\n      <ErrorMessage\n        errors={errors}\n        name=\"splitAmount.root\"\n        render={({ message }) => {\n          // Handle enhanced error messages with current total\n          if (message && message.startsWith('percentage_split_total_error:')) {\n            const total = message.split(':')[1] || '0'\n            return (\n              <Components.Alert\n                status=\"error\"\n                label={t('validations.percentageErrorWithTotal', { total })}\n              />\n            )\n          }\n          // Fallback to original error message\n          return <Components.Alert status=\"error\" label={t('validations.percentageError')} />\n        }}\n      />\n      <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n      <Trans t={t} i18nKey=\"splitDescription\" components={{ p: <Components.Text /> }} />\n      <RadioGroupField\n        name=\"splitBy\"\n        label={t('splitByLabel')}\n        options={[\n          { value: SPLIT_BY.percentage, label: t('percentageLabel') },\n          { value: SPLIT_BY.amount, label: t('amountLabel') },\n        ]}\n      />\n      {paymentMethod.splits && renderFieldsList()}\n    </>\n  )\n}\n\nfunction AmountField({\n  split,\n  remainderId,\n  onChange,\n}: {\n  split: Split\n  remainderId: string\n  onChange: (value: number | null) => void\n}) {\n  const { t } = useTranslation('Employee.PaymentMethod')\n  return (\n    <NumberInputField\n      name={`splitAmount.${split.uuid}`}\n      label={t('splitAmountLabel', {\n        name: DOMPurify.sanitize(split.name ?? ''),\n        account_number: DOMPurify.sanitize(split.hiddenAccountNumber ?? ''),\n        interpolation: { escapeValue: false },\n      })}\n      format=\"currency\"\n      min={0}\n      isRequired\n      errorMessage={t('validations.amountError')}\n      placeholder={remainderId === split.uuid ? t('remainderLabel') : ''}\n      isDisabled={remainderId === split.uuid}\n      onChange={onChange}\n    />\n  )\n}\n\nfunction PercentageField({\n  split,\n  control,\n  onChange,\n  currency,\n}: {\n  split: Split\n  control: Control<CombinedSchemaInputs>\n  onChange: (value: number) => void\n  currency: string\n}) {\n  const { t } = useTranslation('Employee.PaymentMethod')\n  return (\n    <Fragment key={split.uuid}>\n      <NumberInputField\n        name={`splitAmount.${split.uuid}`}\n        label={t('splitAmountLabel', {\n          name: DOMPurify.sanitize(split.name ?? ''),\n          account_number: DOMPurify.sanitize(split.hiddenAccountNumber ?? ''),\n          interpolation: { escapeValue: false },\n        })}\n        format=\"percent\"\n        min={0}\n        isRequired\n        errorMessage={t('validations.amountError')}\n        onChange={onChange}\n      />\n    </Fragment>\n  )\n}\n"],"names":["Split","paymentMethod","bankAccounts","mode","usePaymentMethod","control","setValue","resetField","watch","errors","useFormContext","t","useTranslation","splitBy","priorities","splits","useMemo","remainderId","maxId","uuid","priority","currency","useLocale","useEffect","SPLIT_BY","newAmountValues","acc","curr","newPercentageValues","index","Components","useComponentContext","updateSplitAmount","value","handleReorder","newOrder","newPriorities","currIndex","split","lastSplitIndex","lastSplit","renderFieldsList","jsx","ReorderableList","AmountField","PercentageField","jsxs","Fragment","ErrorMessage","message","total","Trans","RadioGroupField","onChange","NumberInputField","DOMPurify"],"mappings":"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"}

package/dist/components/Employee/PaymentMethod/usePaymentMethod.js

@@ -10,10 +10,12 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@tanstack/react-query";
 import "../../Base/useBase.js";
 import "../../../shared/constants.js";
+import "classnames";
 import "dompurify";
+import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as a } from "../../Base/createCompoundContext.js";
-const B = t.union([
+const S = t.union([
   l.extend({
     type: t.literal("Direct Deposit"),
     isSplit: t.literal(!1)
@@ -53,10 +55,10 @@ const B = t.union([
       remainder: t.string()
     })
   ])
-]), [x, S] = a("PaymentMethodContext");
+]), [k, C] = a("PaymentMethodContext");
 export {
-  B as CombinedSchema,
-  S as PaymentMethodProvider,
-  x as usePaymentMethod
+  S as CombinedSchema,
+  C as PaymentMethodProvider,
+  k as usePaymentMethod
 };
 //# sourceMappingURL=usePaymentMethod.js.map

package/dist/components/Employee/PaymentMethod/usePaymentMethod.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/usePaymentMethod.ts"],"sourcesContent":["import type { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod'\nimport { z } from 'zod'\nimport { BankAccountSchema } from './BankAccount'\nimport { createCompoundContext } from '@/components/Base'\n\nexport const CombinedSchema = z.union([\n  BankAccountSchema.extend({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n    hasBankPayload: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Check'),\n  }),\n  z.discriminatedUnion('splitBy', [\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Percentage'),\n      splitAmount: z.record(z.string(), z.number().max(100).min(0)).refine(\n        input => Object.values(input).reduce((acc, curr) => acc + curr, 0) === 100,\n        input => {\n          const total = Object.values(input).reduce((acc, curr) => acc + curr, 0)\n          return {\n            message: `percentage_split_total_error:${total}`,\n          }\n        },\n      ),\n      priority: z.record(z.string(), z.number()),\n    }),\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Amount'),\n      priority: z.record(z.string(), z.number()).refine(input => {\n        const arr = Object.values(input)\n        return arr.filter((item, index) => arr.indexOf(item) !== index).length === 0\n      }),\n      splitAmount: z.record(z.string(), z.number().min(0).nullable()),\n      remainder: z.string(),\n    }),\n  ]),\n])\n\nexport type CombinedSchemaInputs = z.input<typeof CombinedSchema>\nexport type CombinedSchemaOutputs = z.output<typeof CombinedSchema>\n\ntype PaymentMethodContextType = {\n  bankAccounts: EmployeeBankAccount[]\n  isPending: boolean\n  watchedType?: string\n  mode: MODE\n  paymentMethod: EmployeePaymentMethod\n  handleAdd: () => void\n  handleSplit: () => void\n  handleCancel: () => void\n  handleDelete: (uuid: string) => void\n}\n\nexport type MODE = 'ADD' | 'LIST' | 'SPLIT' | 'INITIAL'\n\nconst [usePaymentMethod, PaymentMethodProvider] =\n  createCompoundContext<PaymentMethodContextType>('PaymentMethodContext')\nexport { usePaymentMethod, PaymentMethodProvider }\n"],"names":["CombinedSchema","z","BankAccountSchema","input","acc","curr","arr","item","index","usePaymentMethod","PaymentMethodProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAMO,MAAMA,IAAiBC,EAAE,MAAM;AAAA,EACpCC,EAAkB,OAAO;AAAA,IACvB,MAAMD,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,EAAA,CACzB;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,IACxB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,EAAA,CAChC;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,OAAO;AAAA,EAAA,CACxB;AAAA,EACDA,EAAE,mBAAmB,WAAW;AAAA,IAC9BA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,YAAY;AAAA,MAC/B,aAAaA,EAAE,OAAOA,EAAE,UAAUA,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,EAAE;AAAA,QAC5D,CAAAE,MAAS,OAAO,OAAOA,CAAK,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMC,GAAM,CAAC,MAAM;AAAA,QACvE,CAAAF,OAES;AAAA,UACL,SAAS,gCAFG,OAAO,OAAOA,CAAK,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMC,GAAM,CAAC,CAEtB;AAAA,QAAA;AAAA,MAElD;AAAA,MAEF,UAAUJ,EAAE,OAAOA,EAAE,UAAUA,EAAE,QAAQ;AAAA,IAAA,CAC1C;AAAA,IACDA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,QAAQ;AAAA,MAC3B,UAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,CAAQ,EAAE,OAAO,CAAAE,MAAS;AACzD,cAAMG,IAAM,OAAO,OAAOH,CAAK;AAC/B,eAAOG,EAAI,OAAO,CAACC,GAAMC,MAAUF,EAAI,QAAQC,CAAI,MAAMC,CAAK,EAAE,WAAW;AAAA,MAC7E,CAAC;AAAA,MACD,aAAaP,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,UAAU;AAAA,MAC9D,WAAWA,EAAE,OAAA;AAAA,IAAO,CACrB;AAAA,EAAA,CACF;AACH,CAAC,GAmBK,CAACQ,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}
+{"version":3,"file":"usePaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/usePaymentMethod.ts"],"sourcesContent":["import type { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod'\nimport { z } from 'zod'\nimport { BankAccountSchema } from './BankAccount'\nimport { createCompoundContext } from '@/components/Base'\n\nexport const CombinedSchema = z.union([\n  BankAccountSchema.extend({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n    hasBankPayload: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Check'),\n  }),\n  z.discriminatedUnion('splitBy', [\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Percentage'),\n      splitAmount: z.record(z.string(), z.number().max(100).min(0)).refine(\n        input => Object.values(input).reduce((acc, curr) => acc + curr, 0) === 100,\n        input => {\n          const total = Object.values(input).reduce((acc, curr) => acc + curr, 0)\n          return {\n            message: `percentage_split_total_error:${total}`,\n          }\n        },\n      ),\n      priority: z.record(z.string(), z.number()),\n    }),\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Amount'),\n      priority: z.record(z.string(), z.number()).refine(input => {\n        const arr = Object.values(input)\n        return arr.filter((item, index) => arr.indexOf(item) !== index).length === 0\n      }),\n      splitAmount: z.record(z.string(), z.number().min(0).nullable()),\n      remainder: z.string(),\n    }),\n  ]),\n])\n\nexport type CombinedSchemaInputs = z.input<typeof CombinedSchema>\nexport type CombinedSchemaOutputs = z.output<typeof CombinedSchema>\n\ntype PaymentMethodContextType = {\n  bankAccounts: EmployeeBankAccount[]\n  isPending: boolean\n  watchedType?: string\n  mode: MODE\n  paymentMethod: EmployeePaymentMethod\n  handleAdd: () => void\n  handleSplit: () => void\n  handleCancel: () => void\n  handleDelete: (uuid: string) => void\n}\n\nexport type MODE = 'ADD' | 'LIST' | 'SPLIT' | 'INITIAL'\n\nconst [usePaymentMethod, PaymentMethodProvider] =\n  createCompoundContext<PaymentMethodContextType>('PaymentMethodContext')\nexport { usePaymentMethod, PaymentMethodProvider }\n"],"names":["CombinedSchema","z","BankAccountSchema","input","acc","curr","arr","item","index","usePaymentMethod","PaymentMethodProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAMO,MAAMA,IAAiBC,EAAE,MAAM;AAAA,EACpCC,EAAkB,OAAO;AAAA,IACvB,MAAMD,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,EAAA,CACzB;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,IACxB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,EAAA,CAChC;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,OAAO;AAAA,EAAA,CACxB;AAAA,EACDA,EAAE,mBAAmB,WAAW;AAAA,IAC9BA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,YAAY;AAAA,MAC/B,aAAaA,EAAE,OAAOA,EAAE,UAAUA,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,EAAE;AAAA,QAC5D,CAAAE,MAAS,OAAO,OAAOA,CAAK,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMC,GAAM,CAAC,MAAM;AAAA,QACvE,CAAAF,OAES;AAAA,UACL,SAAS,gCAFG,OAAO,OAAOA,CAAK,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMC,GAAM,CAAC,CAEtB;AAAA,QAAA;AAAA,MAElD;AAAA,MAEF,UAAUJ,EAAE,OAAOA,EAAE,UAAUA,EAAE,QAAQ;AAAA,IAAA,CAC1C;AAAA,IACDA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,QAAQ;AAAA,MAC3B,UAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,CAAQ,EAAE,OAAO,CAAAE,MAAS;AACzD,cAAMG,IAAM,OAAO,OAAOH,CAAK;AAC/B,eAAOG,EAAI,OAAO,CAACC,GAAMC,MAAUF,EAAI,QAAQC,CAAI,MAAMC,CAAK,EAAE,WAAW;AAAA,MAC7E,CAAC;AAAA,MACD,aAAaP,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,UAAU;AAAA,MAC9D,WAAWA,EAAE,OAAA;AAAA,IAAO,CACrB;AAAA,EAAA,CACF;AACH,CAAC,GAmBK,CAACQ,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}

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

@@ -1,13 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
-import { useProfile as e } from "./useProfile.js";
-import { ActionsLayout as s } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const a = () => {
-  const { t } = r("Employee.Profile"), { isPending: n } = e(), i = m();
-  return /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(i.Button, { type: "submit", isLoading: n, children: t("submitCta") }) });
+import { useProfile as m } from "./useProfile.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { ActionsLayout as e } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+const C = () => {
+  const { t } = r("Employee.Profile"), { isPending: i } = m(), n = s();
+  return /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(n.Button, { type: "submit", isLoading: i, children: t("submitCta") }) });
 };
 export {
-  a as Actions
+  C as Actions
 };
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/Profile/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useProfile } from './useProfile'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Employee.Profile')\n  const { isPending } = useProfile()\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","useTranslation","isPending","useProfile","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,EAAA,IAAMC,EAAe,kBAAkB,GACzC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,WAAW,GAChB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/Profile/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useProfile } from './useProfile'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Employee.Profile')\n  const { isPending } = useProfile()\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","useTranslation","isPending","useProfile","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,EAAA,IAAMC,EAAe,kBAAkB,GACzC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,WAAW,GAChB,GACF;AAEJ;"}

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

@@ -1,47 +1,50 @@
-import { jsxs as a, Fragment as s, jsx as n } from "react/jsx-runtime";
+import { jsxs as a, Fragment as l, jsx as n } from "react/jsx-runtime";
 import { useEffect as g } from "react";
 import { useFormContext as h } from "react-hook-form";
 import { useTranslation as O } from "react-i18next";
-import { z as t } from "zod";
-import { AdminInputsSchema as D, SocialSecurityNumberSchema as I, DateOfBirthSchema as l, NameInputsSchema as A, NameInputs as N, AdminInputs as E, SocialSecurityNumberInput as x, DateOfBirthInput as y } from "./PersonalDetailsInputs.js";
+import { z as i } from "zod";
+import { AdminInputsSchema as D, SocialSecurityNumberSchema as I, DateOfBirthSchema as m, NameInputsSchema as A, NameInputs as N, AdminInputs as y, SocialSecurityNumberInput as E, DateOfBirthInput as x } from "./PersonalDetailsInputs.js";
+import F from "./AdminPersonalDetails.module.scss.js";
 import { useProfile as P } from "./useProfile.js";
-import { EmployeeOnboardingStatus as m } from "../../../shared/constants.js";
-import { CheckboxField as F } from "../../Common/Fields/CheckboxField/CheckboxField.js";
-const d = D.merge(
+import { EmployeeOnboardingStatus as d } from "../../../shared/constants.js";
+import "classnames";
+import { SwitchField as _ } from "../../Common/Fields/SwitchField/SwitchField.js";
+const c = D.merge(
   A
 ).extend({
-  selfOnboarding: t.boolean()
-}), M = t.discriminatedUnion("enableSsn", [
-  d.merge(I).merge(l).extend({
-    enableSsn: t.literal(!0)
+  selfOnboarding: i.boolean()
+}), k = i.discriminatedUnion("enableSsn", [
+  c.merge(I).merge(m).extend({
+    enableSsn: i.literal(!0)
   }),
-  d.merge(l).extend({
-    enableSsn: t.literal(!1)
+  c.merge(m).extend({
+    enableSsn: i.literal(!1)
   })
-]), V = () => {
-  const { companyLocations: c, employee: e, isAdmin: f, isSelfOnboardingEnabled: S } = P(), { t: b } = O("Employee.Profile"), { watch: u, setValue: o, getFieldState: p } = h(), r = u("selfOnboarding"), { isDirty: i } = p("ssn");
+]), v = () => {
+  const { companyLocations: f, employee: e, isAdmin: S, isSelfOnboardingEnabled: b } = P(), { t: o } = O("Employee.Profile"), { watch: p, setValue: t, getFieldState: u } = h(), r = p("selfOnboarding"), { isDirty: s } = u("ssn");
   return g(() => {
-    r ? o("enableSsn", !1) : o("enableSsn", i ? !0 : !e?.hasSsn);
-  }, [r, e?.hasSsn, i, o]), f ? /* @__PURE__ */ a(s, { children: [
-    /* @__PURE__ */ n(N, {}),
-    /* @__PURE__ */ n(E, { companyLocations: c }),
-    S && /* @__PURE__ */ n(
-      F,
+    r ? t("enableSsn", !1) : t("enableSsn", s ? !0 : !e?.hasSsn);
+  }, [r, e?.hasSsn, s, t]), S ? /* @__PURE__ */ a(l, { children: [
+    b && /* @__PURE__ */ n("div", { className: F.switchFieldContainer, children: /* @__PURE__ */ n(
+      _,
       {
         name: "selfOnboarding",
-        label: b("selfOnboardingLabel"),
-        isDisabled: e?.onboarded || e?.onboardingStatus === m.ONBOARDING_COMPLETED || e?.onboardingStatus === m.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
+        description: o("selfOnboardingDescription"),
+        label: o("selfOnboardingLabel"),
+        isDisabled: e?.onboarded || e?.onboardingStatus === d.ONBOARDING_COMPLETED || e?.onboardingStatus === d.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
       }
-    ),
-    !r && /* @__PURE__ */ a(s, { children: [
-      /* @__PURE__ */ n(x, { employee: e }),
-      /* @__PURE__ */ n(y, {})
+    ) }),
+    /* @__PURE__ */ n(N, {}),
+    /* @__PURE__ */ n(y, { companyLocations: f }),
+    !r && /* @__PURE__ */ a(l, { children: [
+      /* @__PURE__ */ n(E, { employee: e }),
+      /* @__PURE__ */ n(x, {})
     ] })
   ] }) : null;
 };
 export {
-  V as AdminPersonalDetails,
-  M as AdminPersonalDetailsSchema,
-  d as AdminSelfOnboardingPersonalDetailsSchema
+  v as AdminPersonalDetails,
+  k as AdminPersonalDetailsSchema,
+  c as AdminSelfOnboardingPersonalDetailsSchema
 };
 //# sourceMappingURL=AdminPersonalDetails.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AdminPersonalDetails.js","sources":["../../../../src/components/Employee/Profile/AdminPersonalDetails.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport {\n  AdminInputs,\n  AdminInputsSchema,\n  NameInputs,\n  NameInputsSchema,\n  SocialSecurityNumberInput,\n  SocialSecurityNumberSchema,\n  DateOfBirthInput,\n  DateOfBirthSchema,\n  type PersonalDetailsInputs,\n} from './PersonalDetailsInputs'\nimport { useProfile } from './useProfile'\nimport { EmployeeOnboardingStatus } from '@/shared/constants'\nimport { CheckboxField } from '@/components/Common'\n\nexport const AdminSelfOnboardingPersonalDetailsSchema = AdminInputsSchema.merge(\n  NameInputsSchema,\n).extend({\n  selfOnboarding: z.boolean(),\n})\n\nexport const AdminPersonalDetailsSchema = z.discriminatedUnion('enableSsn', [\n  AdminSelfOnboardingPersonalDetailsSchema.merge(SocialSecurityNumberSchema)\n    .merge(DateOfBirthSchema)\n    .extend({\n      enableSsn: z.literal(true),\n    }),\n  AdminSelfOnboardingPersonalDetailsSchema.merge(DateOfBirthSchema).extend({\n    enableSsn: z.literal(false),\n  }),\n])\n\nexport const AdminPersonalDetails = () => {\n  const { companyLocations, employee, isAdmin, isSelfOnboardingEnabled } = useProfile()\n  const { t } = useTranslation('Employee.Profile')\n  const { watch, setValue, getFieldState } = useFormContext<PersonalDetailsInputs>()\n\n  const isSelfOnboardingChecked = watch('selfOnboarding')\n  const { isDirty: isSsnDirty } = getFieldState('ssn')\n\n  useEffect(() => {\n    if (isSelfOnboardingChecked) {\n      setValue('enableSsn', false)\n    } else {\n      setValue('enableSsn', isSsnDirty ? true : !employee?.hasSsn)\n    }\n  }, [isSelfOnboardingChecked, employee?.hasSsn, isSsnDirty, setValue])\n\n  if (!isAdmin) {\n    return null\n  }\n\n  return (\n    <>\n      <NameInputs />\n      <AdminInputs companyLocations={companyLocations} />\n      {isSelfOnboardingEnabled && (\n        <CheckboxField\n          name=\"selfOnboarding\"\n          label={t('selfOnboardingLabel')}\n          isDisabled={\n            employee?.onboarded ||\n            employee?.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n            employee?.onboardingStatus ===\n              EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW\n          }\n        />\n      )}\n\n      {!isSelfOnboardingChecked && (\n        <>\n          <SocialSecurityNumberInput employee={employee} />\n          <DateOfBirthInput />\n        </>\n      )}\n    </>\n  )\n}\n"],"names":["AdminSelfOnboardingPersonalDetailsSchema","AdminInputsSchema","NameInputsSchema","z","AdminPersonalDetailsSchema","SocialSecurityNumberSchema","DateOfBirthSchema","AdminPersonalDetails","companyLocations","employee","isAdmin","isSelfOnboardingEnabled","useProfile","t","useTranslation","watch","setValue","getFieldState","useFormContext","isSelfOnboardingChecked","isSsnDirty","useEffect","jsxs","Fragment","jsx","NameInputs","AdminInputs","CheckboxField","EmployeeOnboardingStatus","SocialSecurityNumberInput","DateOfBirthInput"],"mappings":";;;;;;;;;AAmBO,MAAMA,IAA2CC,EAAkB;AAAA,EACxEC;AACF,EAAE,OAAO;AAAA,EACP,gBAAgBC,EAAE,QAAA;AACpB,CAAC,GAEYC,IAA6BD,EAAE,mBAAmB,aAAa;AAAA,EAC1EH,EAAyC,MAAMK,CAA0B,EACtE,MAAMC,CAAiB,EACvB,OAAO;AAAA,IACN,WAAWH,EAAE,QAAQ,EAAI;AAAA,EAAA,CAC1B;AAAA,EACHH,EAAyC,MAAMM,CAAiB,EAAE,OAAO;AAAA,IACvE,WAAWH,EAAE,QAAQ,EAAK;AAAA,EAAA,CAC3B;AACH,CAAC,GAEYI,IAAuB,MAAM;AACxC,QAAM,EAAE,kBAAAC,GAAkB,UAAAC,GAAU,SAAAC,GAAS,yBAAAC,EAAA,IAA4BC,EAAA,GACnE,EAAE,GAAAC,EAAA,IAAMC,EAAe,kBAAkB,GACzC,EAAE,OAAAC,GAAO,UAAAC,GAAU,eAAAC,EAAA,IAAkBC,EAAA,GAErCC,IAA0BJ,EAAM,gBAAgB,GAChD,EAAE,SAASK,MAAeH,EAAc,KAAK;AAUnD,SARAI,EAAU,MAAM;AACd,IAAIF,IACFH,EAAS,aAAa,EAAK,IAE3BA,EAAS,aAAaI,IAAa,KAAO,CAACX,GAAU,MAAM;AAAA,EAE/D,GAAG,CAACU,GAAyBV,GAAU,QAAQW,GAAYJ,CAAQ,CAAC,GAE/DN,IAKH,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAW;AAAA,IACZ,gBAAAD,EAACE,KAAY,kBAAAlB,GAAoC;AAAA,IAChDG,KACC,gBAAAa;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOd,EAAE,qBAAqB;AAAA,QAC9B,YACEJ,GAAU,aACVA,GAAU,qBAAqBmB,EAAyB,wBACxDnB,GAAU,qBACRmB,EAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,IAKhC,CAACT,KACA,gBAAAG,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAACK,KAA0B,UAAApB,GAAoB;AAAA,wBAC9CqB,GAAA,CAAA,CAAiB;AAAA,IAAA,EAAA,CACpB;AAAA,EAAA,GAEJ,IA1BO;AA4BX;"}
+{"version":3,"file":"AdminPersonalDetails.js","sources":["../../../../src/components/Employee/Profile/AdminPersonalDetails.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport {\n  AdminInputs,\n  AdminInputsSchema,\n  NameInputs,\n  NameInputsSchema,\n  SocialSecurityNumberInput,\n  SocialSecurityNumberSchema,\n  DateOfBirthInput,\n  DateOfBirthSchema,\n  type PersonalDetailsInputs,\n} from './PersonalDetailsInputs'\nimport styles from './AdminPersonalDetails.module.scss'\nimport { useProfile } from './useProfile'\nimport { EmployeeOnboardingStatus } from '@/shared/constants'\nimport { SwitchField } from '@/components/Common'\n\nexport const AdminSelfOnboardingPersonalDetailsSchema = AdminInputsSchema.merge(\n  NameInputsSchema,\n).extend({\n  selfOnboarding: z.boolean(),\n})\n\nexport const AdminPersonalDetailsSchema = z.discriminatedUnion('enableSsn', [\n  AdminSelfOnboardingPersonalDetailsSchema.merge(SocialSecurityNumberSchema)\n    .merge(DateOfBirthSchema)\n    .extend({\n      enableSsn: z.literal(true),\n    }),\n  AdminSelfOnboardingPersonalDetailsSchema.merge(DateOfBirthSchema).extend({\n    enableSsn: z.literal(false),\n  }),\n])\n\nexport const AdminPersonalDetails = () => {\n  const { companyLocations, employee, isAdmin, isSelfOnboardingEnabled } = useProfile()\n  const { t } = useTranslation('Employee.Profile')\n  const { watch, setValue, getFieldState } = useFormContext<PersonalDetailsInputs>()\n  const isSelfOnboardingChecked = watch('selfOnboarding')\n  const { isDirty: isSsnDirty } = getFieldState('ssn')\n\n  useEffect(() => {\n    if (isSelfOnboardingChecked) {\n      setValue('enableSsn', false)\n    } else {\n      setValue('enableSsn', isSsnDirty ? true : !employee?.hasSsn)\n    }\n  }, [isSelfOnboardingChecked, employee?.hasSsn, isSsnDirty, setValue])\n\n  if (!isAdmin) {\n    return null\n  }\n\n  return (\n    <>\n      {isSelfOnboardingEnabled && (\n        <div className={styles.switchFieldContainer}>\n          <SwitchField\n            name=\"selfOnboarding\"\n            description={t('selfOnboardingDescription')}\n            label={t('selfOnboardingLabel')}\n            isDisabled={\n              employee?.onboarded ||\n              employee?.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n              employee?.onboardingStatus ===\n                EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW\n            }\n          />\n        </div>\n      )}\n\n      <NameInputs />\n      <AdminInputs companyLocations={companyLocations} />\n\n      {!isSelfOnboardingChecked && (\n        <>\n          <SocialSecurityNumberInput employee={employee} />\n          <DateOfBirthInput />\n        </>\n      )}\n    </>\n  )\n}\n"],"names":["AdminSelfOnboardingPersonalDetailsSchema","AdminInputsSchema","NameInputsSchema","z","AdminPersonalDetailsSchema","SocialSecurityNumberSchema","DateOfBirthSchema","AdminPersonalDetails","companyLocations","employee","isAdmin","isSelfOnboardingEnabled","useProfile","t","useTranslation","watch","setValue","getFieldState","useFormContext","isSelfOnboardingChecked","isSsnDirty","useEffect","jsxs","Fragment","jsx","styles","SwitchField","EmployeeOnboardingStatus","NameInputs","AdminInputs","SocialSecurityNumberInput","DateOfBirthInput"],"mappings":";;;;;;;;;;;AAoBO,MAAMA,IAA2CC,EAAkB;AAAA,EACxEC;AACF,EAAE,OAAO;AAAA,EACP,gBAAgBC,EAAE,QAAA;AACpB,CAAC,GAEYC,IAA6BD,EAAE,mBAAmB,aAAa;AAAA,EAC1EH,EAAyC,MAAMK,CAA0B,EACtE,MAAMC,CAAiB,EACvB,OAAO;AAAA,IACN,WAAWH,EAAE,QAAQ,EAAI;AAAA,EAAA,CAC1B;AAAA,EACHH,EAAyC,MAAMM,CAAiB,EAAE,OAAO;AAAA,IACvE,WAAWH,EAAE,QAAQ,EAAK;AAAA,EAAA,CAC3B;AACH,CAAC,GAEYI,IAAuB,MAAM;AACxC,QAAM,EAAE,kBAAAC,GAAkB,UAAAC,GAAU,SAAAC,GAAS,yBAAAC,EAAA,IAA4BC,EAAA,GACnE,EAAE,GAAAC,EAAA,IAAMC,EAAe,kBAAkB,GACzC,EAAE,OAAAC,GAAO,UAAAC,GAAU,eAAAC,EAAA,IAAkBC,EAAA,GACrCC,IAA0BJ,EAAM,gBAAgB,GAChD,EAAE,SAASK,MAAeH,EAAc,KAAK;AAUnD,SARAI,EAAU,MAAM;AACd,IAAIF,IACFH,EAAS,aAAa,EAAK,IAE3BA,EAAS,aAAaI,IAAa,KAAO,CAACX,GAAU,MAAM;AAAA,EAE/D,GAAG,CAACU,GAAyBV,GAAU,QAAQW,GAAYJ,CAAQ,CAAC,GAE/DN,IAKH,gBAAAY,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAZ,KACC,gBAAAa,EAAC,OAAA,EAAI,WAAWC,EAAO,sBACrB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,aAAab,EAAE,2BAA2B;AAAA,QAC1C,OAAOA,EAAE,qBAAqB;AAAA,QAC9B,YACEJ,GAAU,aACVA,GAAU,qBAAqBkB,EAAyB,wBACxDlB,GAAU,qBACRkB,EAAyB;AAAA,MAAA;AAAA,IAAA,GAGjC;AAAA,sBAGDC,GAAA,EAAW;AAAA,IACZ,gBAAAJ,EAACK,KAAY,kBAAArB,GAAoC;AAAA,IAEhD,CAACW,KACA,gBAAAG,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAACM,KAA0B,UAAArB,GAAoB;AAAA,wBAC9CsB,GAAA,CAAA,CAAiB;AAAA,IAAA,EAAA,CACpB;AAAA,EAAA,GAEJ,IA9BO;AAgCX;"}

package/dist/components/Employee/Profile/AdminPersonalDetails.module.scss.js

@@ -0,0 +1,8 @@
+const t = "_switchFieldContainer_1uwsc_1", e = {
+  switchFieldContainer: t
+};
+export {
+  e as default,
+  t as switchFieldContainer
+};
+//# sourceMappingURL=AdminPersonalDetails.module.scss.js.map

package/dist/components/Employee/Profile/AdminPersonalDetails.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminPersonalDetails.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

@@ -5,8 +5,8 @@ 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 { useComponentContext as y } from "../../../contexts/ComponentAdapter/useComponentContext.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([

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

@@ -3,12 +3,12 @@ import { z as t } from "zod";
 import { useFormContext as c } from "react-hook-form";
 import { useTranslation as o } from "react-i18next";
 import { Grid as b } from "../../Common/Grid/Grid.js";
+import { TextInputField as i } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { DatePickerField as u } from "../../Common/Fields/DatePickerField/DatePickerField.js";
 import { removeNonDigits as S, addressInline as g } from "../../../helpers/formattedStrings.js";
 import { usePlaceholderSSN as h, normalizeSSN as N } from "../../../helpers/ssn.js";
 import { SSN_REGEX as D, nameValidation as m } from "../../../helpers/validations.js";
-import { TextInputField as i } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { SelectField as I } from "../../Common/Fields/SelectField/SelectField.js";
-import { DatePickerField as u } from "../../Common/Fields/DatePickerField/DatePickerField.js";
 const v = t.object({
   firstName: m,
   middleInitial: t.string().optional(),

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

@@ -15,6 +15,7 @@ export type ProfileDefaultValues = RequireAtLeastOne<{
         state?: string;
         zip?: string;
     }>;
+    inviteEmployeeDefault?: boolean;
 }>;
 interface ProfileProps extends CommonComponentInterface<'Employee.Profile'> {
     employeeId?: string;

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

@@ -1,7 +1,7 @@
-import { jsx as t, jsxs as ae, Fragment as le } from "react/jsx-runtime";
+import { jsx as t, jsxs as B, Fragment as le } from "react/jsx-runtime";
 import { zodResolver as ue } from "@hookform/resolvers/zod";
 import { useState as ce, useRef as pe, useEffect as ye } from "react";
-import { useForm as Ae, useWatch as fe, FormProvider as Ee } from "react-hook-form";
+import { useForm as fe, useWatch as Ae, FormProvider as Ee } from "react-hook-form";
 import { useLocationsGetSuspense as he } from "@gusto/embedded-api/react-query/locationsGet";
 import { useEmployeesCreateMutation as De } from "@gusto/embedded-api/react-query/employeesCreate";
 import { useEmployeesGetSuspense as Oe } from "@gusto/embedded-api/react-query/employeesGet";
@@ -12,27 +12,28 @@ import { useEmployeeAddressesUpdateWorkAddressMutation as be } from "@gusto/embe
 import { useEmployeesUpdateMutation as Ne } from "@gusto/embedded-api/react-query/employeesUpdate";
 import { useEmployeeAddressesGetWorkAddressesSuspense as Ie } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
 import { useEmployeeAddressesCreateWorkAddressMutation as _e } from "@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress";
-import { RFCDate as B } from "@gusto/embedded-api/types/rfcdate";
+import { RFCDate as R } from "@gusto/embedded-api/types/rfcdate";
 import { useEmployeesUpdateOnboardingStatusMutation as we } from "@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus";
-import { AdminPersonalDetailsSchema as R, AdminSelfOnboardingPersonalDetailsSchema as Me, AdminPersonalDetails as ke } from "./AdminPersonalDetails.js";
+import { AdminPersonalDetailsSchema as v, AdminSelfOnboardingPersonalDetailsSchema as Me, AdminPersonalDetails as ke } from "./AdminPersonalDetails.js";
 import { SelfPersonalDetailsSchema as Be, SelfPersonalDetails as Re } from "./SelfPersonalDetails.js";
-import { Head as Le } from "./Head.js";
-import { Actions as ve } from "./Actions.js";
+import { Head as ve } from "./Head.js";
+import { Actions as Le } from "./Actions.js";
 import { HomeAddressSchema as Ce, HomeAddress as We } from "./HomeAddress.js";
 import { WorkAddress as Ue } from "./WorkAddress.js";
-import { ProfileProvider as qe } from "./useProfile.js";
-import { getEmployeeAddressForProfile as Te } from "./getEmployeeAddressForProfile.js";
-import { Form as Ge } from "../../Common/Form/Form.js";
-import { BaseComponent as He } from "../../Base/Base.js";
-import { useBase as Fe } from "../../Base/useBase.js";
-import { useI18n as L, useComponentDictionary as Ve } from "../../../i18n/I18n.js";
-import { EmployeeOnboardingStatus as a, EmployeeSelfOnboardingStatuses as Ye, componentEvents as d } from "../../../shared/constants.js";
-import { useFlow as xe } from "../../Flow/useFlow.js";
-import { ensureRequired as ze } from "../../../helpers/ensureRequired.js";
-function je(r) {
-  return /* @__PURE__ */ t(He, { ...r, children: r.employeeId ? /* @__PURE__ */ t(Ke, { ...r, employeeId: r.employeeId, children: r.children }) : /* @__PURE__ */ t(v, { ...r, children: r.children }) });
+import { ProfileProvider as Te } from "./useProfile.js";
+import { getEmployeeAddressForProfile as qe } from "./getEmployeeAddressForProfile.js";
+import { Grid as Ge } from "../../Common/Grid/Grid.js";
+import { Form as He } from "../../Common/Form/Form.js";
+import { BaseComponent as Fe } from "../../Base/Base.js";
+import { useBase as Ve } from "../../Base/useBase.js";
+import { useI18n as L, useComponentDictionary as Ye } from "../../../i18n/I18n.js";
+import { EmployeeOnboardingStatus as a, EmployeeSelfOnboardingStatuses as xe, componentEvents as d } from "../../../shared/constants.js";
+import { useFlow as ze } from "../../Flow/useFlow.js";
+import { ensureRequired as je } from "../../../helpers/ensureRequired.js";
+function Ke(r) {
+  return /* @__PURE__ */ t(Fe, { ...r, children: r.employeeId ? /* @__PURE__ */ t(Je, { ...r, employeeId: r.employeeId, children: r.children }) : /* @__PURE__ */ t(C, { ...r, children: r.children }) });
 }
-function Ke({ employeeId: r, ...i }) {
+function Je({ employeeId: r, ...i }) {
   const {
     data: { employee: l }
   } = Oe({ employeeId: r }), {
@@ -41,7 +42,7 @@ function Ke({ employeeId: r, ...i }) {
     data: { employeeWorkAddressesList: m }
   } = Ie({ employeeId: r });
   return /* @__PURE__ */ t(
-    v,
+    C,
     {
       ...i,
       employee: l,
@@ -50,28 +51,28 @@ function Ke({ employeeId: r, ...i }) {
     }
   );
 }
-const v = ({
+const C = ({
   isAdmin: r = !1,
   isSelfOnboardingEnabled: i = !0,
   dictionary: l,
   ...u
 }) => {
-  L("Employee.Profile"), L("Employee.HomeAddress"), Ve("Employee.Profile", l);
+  L("Employee.Profile"), L("Employee.HomeAddress"), Ye("Employee.Profile", l);
   const {
     companyId: m,
     employee: h,
-    homeAddresses: C,
+    homeAddresses: W,
     workAddresses: g,
     children: P,
-    className: W = "",
+    className: U = "",
     defaultValues: s
-  } = u, { onEvent: n, baseSubmitHandler: U } = Fe(), [q, b] = ce(R), { data: T } = he({ companyId: m }), G = T.locationList, { mutateAsync: H, isPending: F } = De(), { mutateAsync: V, isPending: Y } = Ne(), { mutateAsync: x, isPending: z } = _e(), { mutateAsync: j, isPending: K } = be(), { mutateAsync: J, isPending: Q } = ge(), { mutateAsync: X, isPending: Z } = Pe(), {
-    mutateAsync: $,
-    isPending: ee
-  } = we(), N = { employee: h, workAddresses: g }, re = Te(C), te = N.workAddresses?.find((S) => S.active), e = pe({
+  } = u, { onEvent: n, baseSubmitHandler: T } = Ve(), [q, b] = ce(v), { data: G } = he({ companyId: m }), H = G.locationList, { mutateAsync: F, isPending: V } = De(), { mutateAsync: Y, isPending: x } = Ne(), { mutateAsync: z, isPending: j } = _e(), { mutateAsync: K, isPending: J } = be(), { mutateAsync: Q, isPending: X } = ge(), { mutateAsync: Z, isPending: $ } = Pe(), {
+    mutateAsync: ee,
+    isPending: re
+  } = we(), N = { employee: h, workAddresses: g }, te = qe(W), oe = N.workAddresses?.find((S) => S.active), e = pe({
     employee: N.employee,
-    homeAddress: re,
-    workAddress: te
+    homeAddress: te,
+    workAddress: oe
   }), D = {
     firstName: e.current.employee?.firstName ?? s?.employee?.firstName ?? "",
     middleInitial: e.current.employee?.middleInitial ?? s?.employee?.middleInitial ?? "",
@@ -87,39 +88,39 @@ const v = ({
     zip: e.current.homeAddress?.zip ?? s?.homeAddress?.zip ?? "",
     state: e.current.homeAddress?.state ?? s?.homeAddress?.state ?? "",
     courtesyWithholding: e.current.homeAddress?.courtesyWithholding ?? !1
-  }, oe = e.current.employee?.onboarded || e.current.employee?.onboardingStatus === a.ONBOARDING_COMPLETED || e.current.employee?.onboardingStatus !== void 0 && e.current.employee.onboardingStatus !== a.ADMIN_ONBOARDING_INCOMPLETE ? { ...D, enableSsn: !1, selfOnboarding: !0 } : {
+  }, se = e.current.employee?.onboarded || e.current.employee?.onboardingStatus === a.ONBOARDING_COMPLETED || e.current.employee?.onboardingStatus !== void 0 && e.current.employee.onboardingStatus !== a.ADMIN_ONBOARDING_INCOMPLETE ? { ...D, enableSsn: !1, selfOnboarding: !0 } : {
     ...D,
-    selfOnboarding: i && e.current.employee?.onboardingStatus ? (
+    selfOnboarding: i ? e.current.employee?.onboardingStatus ? (
       // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses
-      Ye.has(e.current.employee.onboarding_status)
-    ) : !1,
+      xe.has(e.current.employee.onboarding_status)
+    ) : s?.inviteEmployeeDefault ?? !1 : !1,
     enableSsn: !e.current.employee?.hasSsn,
     ssn: ""
-  }, se = {
+  }, ne = {
     ...D,
     enableSsn: !e.current.employee?.hasSsn,
     ssn: ""
-  }, O = Ae({
+  }, O = fe({
     // @ts-expect-error: Complex discriminated union schema causes type inference issues with zodResolver v5.2.1
     resolver: ue(
       // @ts-expect-error: Zod discriminated union intersection incompatible with zodResolver v5.2.1
       (r ? q : Be).and(Ce)
     ),
-    defaultValues: r ? oe : se
-  }), { handleSubmit: ne } = O, y = fe({ control: O.control, name: "selfOnboarding" });
+    defaultValues: r ? se : ne
+  }), { handleSubmit: de } = O, y = Ae({ control: O.control, name: "selfOnboarding" });
   ye(() => {
-    r && b(y ? Me : R);
+    r && b(y ? Me : v);
   }, [y, r]);
-  const de = async (S) => {
-    await U(S, async (A) => {
-      const { workAddress: I, startDate: me, selfOnboarding: f, ...E } = A;
+  const ie = async (S) => {
+    await T(S, async (f) => {
+      const { workAddress: I, startDate: ae, selfOnboarding: A, ...E } = f;
       if (e.current.employee) {
-        if (r && (f && e.current.employee.onboardingStatus === a.ADMIN_ONBOARDING_INCOMPLETE || !f && e.current.employee.onboardingStatus === a.SELF_ONBOARDING_PENDING_INVITE)) {
-          const { employeeOnboardingStatus: c } = await $({
+        if (r && (A && e.current.employee.onboardingStatus === a.ADMIN_ONBOARDING_INCOMPLETE || !A && e.current.employee.onboardingStatus === a.SELF_ONBOARDING_PENDING_INVITE)) {
+          const { employeeOnboardingStatus: c } = await ee({
             request: {
               employeeId: e.current.employee.uuid,
               requestBody: {
-                onboardingStatus: f ? a.SELF_ONBOARDING_PENDING_INVITE : a.ADMIN_ONBOARDING_INCOMPLETE
+                onboardingStatus: A ? a.SELF_ONBOARDING_PENDING_INVITE : a.ADMIN_ONBOARDING_INCOMPLETE
               }
             }
           });
@@ -128,7 +129,7 @@ const v = ({
             onboardingStatus: c.onboardingStatus
           }, n(d.EMPLOYEE_ONBOARDING_STATUS_UPDATED, c);
         }
-        const { employee: o } = await V({
+        const { employee: o } = await Y({
           request: {
             employeeId: e.current.employee.uuid,
             requestBody: { ...E, version: e.current.employee.version }
@@ -136,13 +137,13 @@ const v = ({
         });
         e.current = { ...e.current, employee: o }, n(d.EMPLOYEE_UPDATED, o);
       } else {
-        const { employee: o } = await H({
+        const { employee: o } = await F({
           request: {
             companyId: m,
             requestBody: {
               ...E,
-              selfOnboarding: f,
-              dateOfBirth: E.dateOfBirth ? new B(E.dateOfBirth) : void 0
+              selfOnboarding: A,
+              dateOfBirth: E.dateOfBirth ? new R(E.dateOfBirth) : void 0
             }
           }
         });
@@ -150,10 +151,10 @@ const v = ({
       }
       if (typeof e.current.employee?.uuid != "string")
         throw new Error("Employee id is not available");
-      if ((!y || !r) && !A.selfOnboarding) {
-        const { street1: o, street2: c, city: _, state: w, zip: M, courtesyWithholding: k } = A;
+      if ((!y || !r) && !f.selfOnboarding) {
+        const { street1: o, street2: c, city: _, state: w, zip: M, courtesyWithholding: k } = f;
         if (e.current.homeAddress) {
-          const { employeeAddress: p } = await X({
+          const { employeeAddress: p } = await Z({
             request: {
               homeAddressUuid: e.current.homeAddress.uuid,
               requestBody: {
@@ -169,7 +170,7 @@ const v = ({
           });
           e.current = { ...e.current, homeAddress: p }, n(d.EMPLOYEE_HOME_ADDRESS_UPDATED, p);
         } else {
-          const { employeeAddress: p } = await J({
+          const { employeeAddress: p } = await Q({
             request: {
               employeeId: e.current.employee.uuid,
               requestBody: {
@@ -187,7 +188,7 @@ const v = ({
       }
       if (r)
         if (e.current.workAddress) {
-          const { employeeWorkAddress: o } = await j({
+          const { employeeWorkAddress: o } = await K({
             request: {
               workAddressUuid: e.current.workAddress.uuid,
               requestBody: {
@@ -198,12 +199,12 @@ const v = ({
           });
           e.current = { ...e.current, workAddress: o }, n(d.EMPLOYEE_WORK_ADDRESS_UPDATED, o);
         } else {
-          const { employeeWorkAddress: o } = await x({
+          const { employeeWorkAddress: o } = await z({
             request: {
               employeeId: e.current.employee?.uuid,
               requestBody: {
                 locationUuid: I,
-                effectiveDate: new B(A.startDate || /* @__PURE__ */ new Date())
+                effectiveDate: new R(f.startDate || /* @__PURE__ */ new Date())
               }
             }
           });
@@ -211,41 +212,43 @@ const v = ({
         }
       n(d.EMPLOYEE_PROFILE_DONE, {
         ...e.current.employee,
-        startDate: me
+        startDate: ae
       });
     });
-  }, ie = () => {
+  }, me = () => {
     n(d.CANCEL);
   };
-  return /* @__PURE__ */ t("section", { className: W, children: /* @__PURE__ */ t(
-    qe,
+  return /* @__PURE__ */ t("section", { className: U, children: /* @__PURE__ */ t(
+    Te,
     {
       value: {
-        companyLocations: G,
+        companyLocations: H,
         workAddresses: g,
         employee: e.current.employee ?? void 0,
         isSelfOnboardingIntended: y,
-        handleCancel: ie,
+        handleCancel: me,
         isAdmin: r,
         isSelfOnboardingEnabled: i,
-        isPending: Y || K || Q || Z || F || z || ee
+        isPending: x || J || X || $ || V || j || re
       },
-      children: /* @__PURE__ */ t(Ee, { ...O, children: /* @__PURE__ */ t(Ge, { onSubmit: ne(de), children: P || /* @__PURE__ */ ae(le, { children: [
-        /* @__PURE__ */ t(Le, {}),
-        /* @__PURE__ */ t(ke, {}),
-        /* @__PURE__ */ t(Re, {}),
-        /* @__PURE__ */ t(We, {}),
-        /* @__PURE__ */ t(Ue, {}),
-        /* @__PURE__ */ t(ve, {})
+      children: /* @__PURE__ */ t(Ee, { ...O, children: /* @__PURE__ */ t(He, { onSubmit: de(ie), children: P || /* @__PURE__ */ B(le, { children: [
+        /* @__PURE__ */ B(Ge, { gridTemplateColumns: "1fr", gap: 24, children: [
+          /* @__PURE__ */ t(ve, {}),
+          /* @__PURE__ */ t(ke, {}),
+          /* @__PURE__ */ t(Re, {}),
+          /* @__PURE__ */ t(We, {}),
+          /* @__PURE__ */ t(Ue, {})
+        ] }),
+        /* @__PURE__ */ t(Le, {})
       ] }) }) })
     }
   ) });
-}, Ir = () => {
-  const { companyId: r, employeeId: i, onEvent: l, isAdmin: u, defaultValues: m, isSelfOnboardingEnabled: h } = xe();
+}, wr = () => {
+  const { companyId: r, employeeId: i, onEvent: l, isAdmin: u, defaultValues: m, isSelfOnboardingEnabled: h } = ze();
   return /* @__PURE__ */ t(
-    je,
+    Ke,
     {
-      companyId: ze(r),
+      companyId: je(r),
       employeeId: i,
       onEvent: l,
       isAdmin: u,
@@ -255,7 +258,7 @@ const v = ({
   );
 };
 export {
-  je as Profile,
-  Ir as ProfileContextual
+  Ke as Profile,
+  wr as ProfileContextual
 };
 //# sourceMappingURL=Profile.js.map