npm - @gusto/embedded-react-sdk - Versions diffs - 0.55.7 → 0.55.8 - Mend

@gusto/embedded-react-sdk 0.55.7 → 0.55.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (336) hide show

package/dist/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { jsx as o, jsxs as L } from "react/jsx-runtime";
+import { jsx as o, jsxs as W } from "react/jsx-runtime";
 import { useMemo as P } from "react";
 import { useTranslation as O } from "react-i18next";
 import T from "./TimeOffPolicyDetail.module.scss.js";
-import { useComponentContext as W } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as w } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as p } from "../../../i18n/I18n.js";
-import { PolicyDetailLayout as w } from "../shared/PolicyDetailLayout/PolicyDetailLayout.js";
-const A = "details";
-function U({
+import { PolicyDetailLayout as A } from "../shared/PolicyDetailLayout/PolicyDetailLayout.js";
+const k = "details";
+function j({
   title: a,
   subtitle: e,
   onBack: c,
@@ -21,20 +21,21 @@ function U({
   onAddEmployee: l,
   removeDialog: f,
   successAlert: t,
-  onDismissAlert: M
+  onDismissAlert: M,
+  className: b
 }) {
   p("Company.TimeOff.TimeOffPolicyDetails");
-  const { t: h } = O("Company.TimeOff.TimeOffPolicyDetails"), x = i.accrualMethod === "unlimited", b = P(
+  const { t: h } = O("Company.TimeOff.TimeOffPolicyDetails"), x = i.accrualMethod === "unlimited", C = P(
     () => x ? [] : [
       {
         key: "balance",
         title: h("employeeTable.balance"),
-        render: (v) => v.balance ?? "-"
+        render: (L) => L.balance ?? "-"
       }
     ],
     [h, x]
-  ), C = /* @__PURE__ */ o(
-    k,
+  ), v = /* @__PURE__ */ o(
+    y,
     {
       policyDetails: i,
       policySettings: m,
@@ -42,7 +43,7 @@ function U({
     }
   );
   return /* @__PURE__ */ o(
-    w,
+    A,
     {
       title: a,
       subtitle: e,
@@ -50,30 +51,31 @@ function U({
       backLabel: r,
       actions: u,
       firstTab: {
-        id: A,
+        id: k,
         label: h("tabs.policyDetails"),
-        content: C
+        content: v
       },
       selectedTabId: d,
       onTabChange: H,
       employees: {
         ...n,
-        additionalColumns: b
+        additionalColumns: C
       },
       onAddEmployee: l,
       removeDialog: f,
       successAlert: t,
-      onDismissAlert: M
+      onDismissAlert: M,
+      className: b
     }
   );
 }
-function k({
+function y({
   policyDetails: a,
   policySettings: e,
   onChangeSettings: c
 }) {
   p("Company.TimeOff.TimeOffPolicyDetails");
-  const { t: r } = O("Company.TimeOff.TimeOffPolicyDetails"), { Box: u, BoxHeader: i, DescriptionList: m, Button: s } = W(), d = a.accrualMethod === "unlimited", n = a.accrualMethod === "perHourWorked" || a.accrualMethod === "perHourWorkedNoOvertime" || a.accrualMethod === "perHourPaid" || a.accrualMethod === "perHourPaidNoOvertime" || a.accrualMethod === "perPayPeriod", l = P(() => {
+  const { t: r } = O("Company.TimeOff.TimeOffPolicyDetails"), { Box: u, BoxHeader: i, DescriptionList: m, Button: s } = w(), d = a.accrualMethod === "unlimited", n = a.accrualMethod === "perHourWorked" || a.accrualMethod === "perHourWorkedNoOvertime" || a.accrualMethod === "perHourPaid" || a.accrualMethod === "perHourPaidNoOvertime" || a.accrualMethod === "perPayPeriod", l = P(() => {
     const t = [
       {
         term: r("accrualMethod.label"),
@@ -117,7 +119,7 @@ function k({
       description: e.paidOutOnTermination ? r("paidOutOnTermination.yes") : r("paidOutOnTermination.no")
     }), t;
   }, [e, r, n]);
-  return /* @__PURE__ */ o("div", { className: T.cardsContainer, children: /* @__PURE__ */ L("div", { className: T.cards, children: [
+  return /* @__PURE__ */ o("div", { className: T.cardsContainer, children: /* @__PURE__ */ W("div", { className: T.cards, children: [
     /* @__PURE__ */ o(u, { header: /* @__PURE__ */ o(i, { title: r("details") }), withPadding: !0, children: /* @__PURE__ */ o(m, { items: l, showSeparators: !1, layout: "stacked" }) }),
     !d && e && /* @__PURE__ */ o(
       u,
@@ -136,6 +138,6 @@ function k({
   ] }) });
 }
 export {
-  U as TimeOffPolicyDetailPresentation
+  j as TimeOffPolicyDetailPresentation
 };
 //# sourceMappingURL=TimeOffPolicyDetailPresentation.js.map

package/dist/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimeOffPolicyDetailPresentation.js","sources":["../../../../src/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PolicyDetailLayout } from '../shared/PolicyDetailLayout'\nimport type {\n TimeOffPolicyDetailPresentationProps,\n TimeOffPolicyDetailEmployee,\n PolicyDetails,\n PolicySettingsDisplay,\n} from './TimeOffPolicyDetailTypes'\nimport styles from './TimeOffPolicyDetail.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst DETAILS_TAB_ID = 'details'\n\n/*\n Presentational detail view for sick and vacation time-off policies.\n \n @remarks\n * Displays policy configuration and accrual settings in a tabbed interface alongside the\n * list of enrolled employees. Provides actions for editing the policy, changing settings,\n * adding employees, removing employees, and editing individual employee balances. This\n * component is fully controlled — pass in the data, selected tab, and dialog state and wire\n * up the callbacks. The corresponding container component is {@link TimeOffPolicyDetail}.\n \n @param input - See {@link TimeOffPolicyDetailPresentationProps}.\n * @returns The rendered detail view.\n * @public\n */\nexport function TimeOffPolicyDetailPresentation({\n title,\n subtitle,\n onBack,\n backLabel,\n actions,\n policyDetails,\n policySettings,\n onChangeSettings,\n selectedTabId,\n onTabChange,\n employees,\n onAddEmployee,\n removeDialog,\n successAlert,\n onDismissAlert,\n}: TimeOffPolicyDetailPresentationProps) {\n useI18n('Company.TimeOff.TimeOffPolicyDetails')\n const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n\n const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n\n const balanceColumn = useMemo(\n () =>\n isUnlimited\n ? []\n : [\n {\n key: 'balance' as keyof TimeOffPolicyDetailEmployee,\n title: t('employeeTable.balance'),\n render: (item: TimeOffPolicyDetailEmployee) => item.balance ?? '-',\n },\n ],\n [t, isUnlimited],\n )\n\n const detailsTabContent = (\n <DetailsTab\n policyDetails={policyDetails}\n policySettings={policySettings}\n onChangeSettings={onChangeSettings}\n />\n )\n\n return (\n <PolicyDetailLayout\n title={title}\n subtitle={subtitle}\n onBack={onBack}\n backLabel={backLabel}\n actions={actions}\n firstTab={{\n id: DETAILS_TAB_ID,\n label: t('tabs.policyDetails'),\n content: detailsTabContent,\n }}\n selectedTabId={selectedTabId}\n onTabChange={onTabChange}\n employees={{\n ...employees,\n additionalColumns: balanceColumn,\n }}\n onAddEmployee={onAddEmployee}\n removeDialog={removeDialog}\n successAlert={successAlert}\n onDismissAlert={onDismissAlert}\n />\n )\n}\n\nfunction DetailsTab({\n policyDetails,\n policySettings,\n onChangeSettings,\n}: {\n policyDetails: PolicyDetails\n policySettings?: PolicySettingsDisplay\n onChangeSettings?: () => void\n}) {\n useI18n('Company.TimeOff.TimeOffPolicyDetails')\n const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n const { Box, BoxHeader, DescriptionList, Button } = useComponentContext()\n\n const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n const isHoursWorked =\n policyDetails.accrualMethod === 'perHourWorked' \|\|\n policyDetails.accrualMethod === 'perHourWorkedNoOvertime' \|\|\n policyDetails.accrualMethod === 'perHourPaid' \|\|\n policyDetails.accrualMethod === 'perHourPaidNoOvertime'\n const showAccrualMaxAndWaiting = isHoursWorked \|\| policyDetails.accrualMethod === 'perPayPeriod'\n\n const detailItems = useMemo(() => {\n const items: { term: string; description: string }[] = [\n {\n term: t('accrualMethod.label'),\n description: t(`accrualMethod.${policyDetails.accrualMethod}`),\n },\n ]\n\n if (policyDetails.accrualMethod !== 'unlimited') {\n items.push({\n term: t('accrualRate.label'),\n description: t(`accrualRate.${policyDetails.accrualMethod}`, {\n accrualRate: policyDetails.accrualRate,\n accrualRateUnit: policyDetails.accrualRateUnit,\n }),\n })\n\n if (policyDetails.resetDate) {\n items.push({\n term: t('resetDate'),\n description: policyDetails.resetDate,\n })\n }\n }\n\n return items\n }, [policyDetails, t])\n\n const settingsItems = useMemo(() => {\n if (!policySettings) return []\n\n const items: { term: string; description: string }[] = []\n\n if (showAccrualMaxAndWaiting) {\n items.push({\n term: t('maxAccrualHoursPerYear.label'),\n description:\n policySettings.maxAccrualHoursPerYear != null\n ? t('maxAccrualHoursPerYear.withMaximum', {\n count: policySettings.maxAccrualHoursPerYear,\n })\n : t('maxAccrualHoursPerYear.noMaximum'),\n })\n }\n\n items.push(\n {\n term: t('maxHours.label'),\n description:\n policySettings.maxHours != null\n ? t('maxHours.withMaximum', { count: policySettings.maxHours })\n : t('maxHours.noMaximum'),\n },\n {\n term: t('carryoverLimitHours.label'),\n description:\n policySettings.carryoverLimitHours != null\n ? t('carryoverLimitHours.withLimit', { count: policySettings.carryoverLimitHours })\n : t('carryoverLimitHours.noLimit'),\n },\n )\n\n if (showAccrualMaxAndWaiting) {\n items.push({\n term: t('accrualWaitingPeriodDays.label'),\n description:\n policySettings.accrualWaitingPeriodDays != null\n ? t('accrualWaitingPeriodDays.withPeriod', {\n count: policySettings.accrualWaitingPeriodDays,\n })\n : t('accrualWaitingPeriodDays.noPeriod'),\n })\n }\n\n items.push({\n term: t('paidOutOnTermination.label'),\n description: policySettings.paidOutOnTermination\n ? t('paidOutOnTermination.yes')\n : t('paidOutOnTermination.no'),\n })\n\n return items\n }, [policySettings, t, showAccrualMaxAndWaiting])\n\n return (\n <div className={styles.cardsContainer}>\n <div className={styles.cards}>\n <Box header={<BoxHeader title={t('details')} />} withPadding>\n <DescriptionList items={detailItems} showSeparators={false} layout=\"stacked\" />\n </Box>\n\n {!isUnlimited && policySettings && (\n <Box\n header={\n <BoxHeader\n title={t('policySettingsTitle')}\n action={\n onChangeSettings && (\n <Button variant=\"secondary\" onClick={onChangeSettings}>\n {t('changeSettingsCta')}\n </Button>\n )\n }\n />\n }\n withPadding\n >\n <DescriptionList items={settingsItems} showSeparators={false} layout=\"stacked\" />\n </Box>\n )}\n </div>\n </div>\n )\n}\n"],"names":["DETAILS_TAB_ID","TimeOffPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","policyDetails","policySettings","onChangeSettings","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","useI18n","t","useTranslation","isUnlimited","balanceColumn","useMemo","item","detailsTabContent","jsx","DetailsTab","PolicyDetailLayout","Box","BoxHeader","DescriptionList","Button","useComponentContext","showAccrualMaxAndWaiting","detailItems","items","settingsItems","styles","jsxs"],"mappings":"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"}
1	+ {"version":3,"file":"TimeOffPolicyDetailPresentation.js","sources":["../../../../src/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PolicyDetailLayout } from '../shared/PolicyDetailLayout'\nimport type {\n TimeOffPolicyDetailPresentationProps,\n TimeOffPolicyDetailEmployee,\n PolicyDetails,\n PolicySettingsDisplay,\n} from './TimeOffPolicyDetailTypes'\nimport styles from './TimeOffPolicyDetail.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst DETAILS_TAB_ID = 'details'\n\n/*\n Presentational detail view for sick and vacation time-off policies.\n \n @remarks\n * Displays policy configuration and accrual settings in a tabbed interface alongside the\n * list of enrolled employees. Provides actions for editing the policy, changing settings,\n * adding employees, removing employees, and editing individual employee balances. This\n * component is fully controlled — pass in the data, selected tab, and dialog state and wire\n * up the callbacks. The corresponding container component is {@link TimeOffPolicyDetail}.\n \n @param input - See {@link TimeOffPolicyDetailPresentationProps}.\n * @returns The rendered detail view.\n * @public\n */\nexport function TimeOffPolicyDetailPresentation({\n title,\n subtitle,\n onBack,\n backLabel,\n actions,\n policyDetails,\n policySettings,\n onChangeSettings,\n selectedTabId,\n onTabChange,\n employees,\n onAddEmployee,\n removeDialog,\n successAlert,\n onDismissAlert,\n className,\n}: TimeOffPolicyDetailPresentationProps) {\n useI18n('Company.TimeOff.TimeOffPolicyDetails')\n const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n\n const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n\n const balanceColumn = useMemo(\n () =>\n isUnlimited\n ? []\n : [\n {\n key: 'balance' as keyof TimeOffPolicyDetailEmployee,\n title: t('employeeTable.balance'),\n render: (item: TimeOffPolicyDetailEmployee) => item.balance ?? '-',\n },\n ],\n [t, isUnlimited],\n )\n\n const detailsTabContent = (\n <DetailsTab\n policyDetails={policyDetails}\n policySettings={policySettings}\n onChangeSettings={onChangeSettings}\n />\n )\n\n return (\n <PolicyDetailLayout\n title={title}\n subtitle={subtitle}\n onBack={onBack}\n backLabel={backLabel}\n actions={actions}\n firstTab={{\n id: DETAILS_TAB_ID,\n label: t('tabs.policyDetails'),\n content: detailsTabContent,\n }}\n selectedTabId={selectedTabId}\n onTabChange={onTabChange}\n employees={{\n ...employees,\n additionalColumns: balanceColumn,\n }}\n onAddEmployee={onAddEmployee}\n removeDialog={removeDialog}\n successAlert={successAlert}\n onDismissAlert={onDismissAlert}\n className={className}\n />\n )\n}\n\nfunction DetailsTab({\n policyDetails,\n policySettings,\n onChangeSettings,\n}: {\n policyDetails: PolicyDetails\n policySettings?: PolicySettingsDisplay\n onChangeSettings?: () => void\n}) {\n useI18n('Company.TimeOff.TimeOffPolicyDetails')\n const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n const { Box, BoxHeader, DescriptionList, Button } = useComponentContext()\n\n const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n const isHoursWorked =\n policyDetails.accrualMethod === 'perHourWorked' \|\|\n policyDetails.accrualMethod === 'perHourWorkedNoOvertime' \|\|\n policyDetails.accrualMethod === 'perHourPaid' \|\|\n policyDetails.accrualMethod === 'perHourPaidNoOvertime'\n const showAccrualMaxAndWaiting = isHoursWorked \|\| policyDetails.accrualMethod === 'perPayPeriod'\n\n const detailItems = useMemo(() => {\n const items: { term: string; description: string }[] = [\n {\n term: t('accrualMethod.label'),\n description: t(`accrualMethod.${policyDetails.accrualMethod}`),\n },\n ]\n\n if (policyDetails.accrualMethod !== 'unlimited') {\n items.push({\n term: t('accrualRate.label'),\n description: t(`accrualRate.${policyDetails.accrualMethod}`, {\n accrualRate: policyDetails.accrualRate,\n accrualRateUnit: policyDetails.accrualRateUnit,\n }),\n })\n\n if (policyDetails.resetDate) {\n items.push({\n term: t('resetDate'),\n description: policyDetails.resetDate,\n })\n }\n }\n\n return items\n }, [policyDetails, t])\n\n const settingsItems = useMemo(() => {\n if (!policySettings) return []\n\n const items: { term: string; description: string }[] = []\n\n if (showAccrualMaxAndWaiting) {\n items.push({\n term: t('maxAccrualHoursPerYear.label'),\n description:\n policySettings.maxAccrualHoursPerYear != null\n ? t('maxAccrualHoursPerYear.withMaximum', {\n count: policySettings.maxAccrualHoursPerYear,\n })\n : t('maxAccrualHoursPerYear.noMaximum'),\n })\n }\n\n items.push(\n {\n term: t('maxHours.label'),\n description:\n policySettings.maxHours != null\n ? t('maxHours.withMaximum', { count: policySettings.maxHours })\n : t('maxHours.noMaximum'),\n },\n {\n term: t('carryoverLimitHours.label'),\n description:\n policySettings.carryoverLimitHours != null\n ? t('carryoverLimitHours.withLimit', { count: policySettings.carryoverLimitHours })\n : t('carryoverLimitHours.noLimit'),\n },\n )\n\n if (showAccrualMaxAndWaiting) {\n items.push({\n term: t('accrualWaitingPeriodDays.label'),\n description:\n policySettings.accrualWaitingPeriodDays != null\n ? t('accrualWaitingPeriodDays.withPeriod', {\n count: policySettings.accrualWaitingPeriodDays,\n })\n : t('accrualWaitingPeriodDays.noPeriod'),\n })\n }\n\n items.push({\n term: t('paidOutOnTermination.label'),\n description: policySettings.paidOutOnTermination\n ? t('paidOutOnTermination.yes')\n : t('paidOutOnTermination.no'),\n })\n\n return items\n }, [policySettings, t, showAccrualMaxAndWaiting])\n\n return (\n <div className={styles.cardsContainer}>\n <div className={styles.cards}>\n <Box header={<BoxHeader title={t('details')} />} withPadding>\n <DescriptionList items={detailItems} showSeparators={false} layout=\"stacked\" />\n </Box>\n\n {!isUnlimited && policySettings && (\n <Box\n header={\n <BoxHeader\n title={t('policySettingsTitle')}\n action={\n onChangeSettings && (\n <Button variant=\"secondary\" onClick={onChangeSettings}>\n {t('changeSettingsCta')}\n </Button>\n )\n }\n />\n }\n withPadding\n >\n <DescriptionList items={settingsItems} showSeparators={false} layout=\"stacked\" />\n </Box>\n )}\n </div>\n </div>\n )\n}\n"],"names":["DETAILS_TAB_ID","TimeOffPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","policyDetails","policySettings","onChangeSettings","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","className","useI18n","t","useTranslation","isUnlimited","balanceColumn","useMemo","item","detailsTabContent","jsx","DetailsTab","PolicyDetailLayout","Box","BoxHeader","DescriptionList","Button","useComponentContext","showAccrualMaxAndWaiting","detailItems","items","settingsItems","styles","jsxs"],"mappings":";;;;;;;AAaA,MAAMA,IAAiB;AAgBhB,SAASC,EAAgC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AACF,GAAyC;AACvC,EAAAC,EAAQ,sCAAsC;AAC9C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sCAAsC,GAE7DC,IAAcd,EAAc,kBAAkB,aAE9Ce,IAAgBC;AAAA,IACpB,MACEF,IACI,CAAA,IACA;AAAA,MACE;AAAA,QACE,KAAK;AAAA,QACL,OAAOF,EAAE,uBAAuB;AAAA,QAChC,QAAQ,CAACK,MAAsCA,EAAK,WAAW;AAAA,MAAA;AAAA,IACjE;AAAA,IAER,CAACL,GAAGE,CAAW;AAAA,EAAA,GAGXI,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAApB;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA;AAAA,EAAA;AAIJ,SACE,gBAAAiB;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAA1B;AAAA,MACA,UAAAC;AAAA,MACA,QAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAU;AAAA,QACR,IAAIN;AAAA,QACJ,OAAOmB,EAAE,oBAAoB;AAAA,QAC7B,SAASM;AAAA,MAAA;AAAA,MAEX,eAAAf;AAAA,MACA,aAAAC;AAAA,MACA,WAAW;AAAA,QACT,GAAGC;AAAA,QACH,mBAAmBU;AAAA,MAAA;AAAA,MAErB,eAAAT;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASU,EAAW;AAAA,EAClB,eAAApB;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AACF,GAIG;AACD,EAAAS,EAAQ,sCAAsC;AAC9C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sCAAsC,GAC7D,EAAE,KAAAS,GAAK,WAAAC,GAAW,iBAAAC,GAAiB,QAAAC,EAAA,IAAWC,EAAA,GAE9CZ,IAAcd,EAAc,kBAAkB,aAM9C2B,IAJJ3B,EAAc,kBAAkB,mBAChCA,EAAc,kBAAkB,6BAChCA,EAAc,kBAAkB,iBAChCA,EAAc,kBAAkB,2BACgBA,EAAc,kBAAkB,gBAE5E4B,IAAcZ,EAAQ,MAAM;AAChC,UAAMa,IAAiD;AAAA,MACrD;AAAA,QACE,MAAMjB,EAAE,qBAAqB;AAAA,QAC7B,aAAaA,EAAE,iBAAiBZ,EAAc,aAAa,EAAE;AAAA,MAAA;AAAA,IAC/D;AAGF,WAAIA,EAAc,kBAAkB,gBAClC6B,EAAM,KAAK;AAAA,MACT,MAAMjB,EAAE,mBAAmB;AAAA,MAC3B,aAAaA,EAAE,eAAeZ,EAAc,aAAa,IAAI;AAAA,QAC3D,aAAaA,EAAc;AAAA,QAC3B,iBAAiBA,EAAc;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEGA,EAAc,aAChB6B,EAAM,KAAK;AAAA,MACT,MAAMjB,EAAE,WAAW;AAAA,MACnB,aAAaZ,EAAc;AAAA,IAAA,CAC5B,IAIE6B;AAAA,EACT,GAAG,CAAC7B,GAAeY,CAAC,CAAC,GAEfkB,IAAgBd,EAAQ,MAAM;AAClC,QAAI,CAACf,EAAgB,QAAO,CAAA;AAE5B,UAAM4B,IAAiD,CAAA;AAEvD,WAAIF,KACFE,EAAM,KAAK;AAAA,MACT,MAAMjB,EAAE,8BAA8B;AAAA,MACtC,aACEX,EAAe,0BAA0B,OACrCW,EAAE,sCAAsC;AAAA,QACtC,OAAOX,EAAe;AAAA,MAAA,CACvB,IACDW,EAAE,kCAAkC;AAAA,IAAA,CAC3C,GAGHiB,EAAM;AAAA,MACJ;AAAA,QACE,MAAMjB,EAAE,gBAAgB;AAAA,QACxB,aACEX,EAAe,YAAY,OACvBW,EAAE,wBAAwB,EAAE,OAAOX,EAAe,UAAU,IAC5DW,EAAE,oBAAoB;AAAA,MAAA;AAAA,MAE9B;AAAA,QACE,MAAMA,EAAE,2BAA2B;AAAA,QACnC,aACEX,EAAe,uBAAuB,OAClCW,EAAE,iCAAiC,EAAE,OAAOX,EAAe,qBAAqB,IAChFW,EAAE,6BAA6B;AAAA,MAAA;AAAA,IACvC,GAGEe,KACFE,EAAM,KAAK;AAAA,MACT,MAAMjB,EAAE,gCAAgC;AAAA,MACxC,aACEX,EAAe,4BAA4B,OACvCW,EAAE,uCAAuC;AAAA,QACvC,OAAOX,EAAe;AAAA,MAAA,CACvB,IACDW,EAAE,mCAAmC;AAAA,IAAA,CAC5C,GAGHiB,EAAM,KAAK;AAAA,MACT,MAAMjB,EAAE,4BAA4B;AAAA,MACpC,aAAaX,EAAe,uBACxBW,EAAE,0BAA0B,IAC5BA,EAAE,yBAAyB;AAAA,IAAA,CAChC,GAEMiB;AAAA,EACT,GAAG,CAAC5B,GAAgBW,GAAGe,CAAwB,CAAC;AAEhD,SACE,gBAAAR,EAAC,SAAI,WAAWY,EAAO,gBACrB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,OACrB,UAAA;AAAA,IAAA,gBAAAZ,EAACG,KAAI,QAAQ,gBAAAH,EAACI,KAAU,OAAOX,EAAE,SAAS,EAAA,CAAG,GAAI,aAAW,IAC1D,UAAA,gBAAAO,EAACK,KAAgB,OAAOI,GAAa,gBAAgB,IAAO,QAAO,WAAU,EAAA,CAC/E;AAAA,IAEC,CAACd,KAAeb,KACf,gBAAAkB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QACE,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAOX,EAAE,qBAAqB;AAAA,YAC9B,QACEV,KACE,gBAAAiB,EAACM,GAAA,EAAO,SAAQ,aAAY,SAASvB,GAClC,UAAAU,EAAE,mBAAmB,EAAA,CACxB;AAAA,UAAA;AAAA,QAAA;AAAA,QAKR,aAAW;AAAA,QAEX,4BAACY,GAAA,EAAgB,OAAOM,GAAe,gBAAgB,IAAO,QAAO,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACjF,EAAA,CAEJ,EAAA,CACF;AAEJ;"}

package/dist/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.js CHANGED Viewed

@@ -1,13 +1,13 @@
-import { jsx as i, jsxs as P, Fragment as b } from "react/jsx-runtime";
-import { useTranslation as S } from "react-i18next";
-import { EmployeeTable as D } from "../EmployeeTable/EmployeeTable.js";
-import { EmptyData as L } from "../../../Common/EmptyData/EmptyData.js";
-import { useComponentContext as O } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as T } from "../../../../i18n/I18n.js";
-import x from "../../../../assets/icons/plus-circle.svg.js";
-import { DetailViewLayout as A } from "../../../Common/DetailViewLayout/DetailViewLayout.js";
-const v = "employees";
-function N({
+import { jsx as i, jsxs as b, Fragment as S } from "react/jsx-runtime";
+import { useTranslation as D } from "react-i18next";
+import { EmployeeTable as L } from "../EmployeeTable/EmployeeTable.js";
+import { EmptyData as O } from "../../../Common/EmptyData/EmptyData.js";
+import { useComponentContext as T } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as x } from "../../../../i18n/I18n.js";
+import A from "../../../../assets/icons/plus-circle.svg.js";
+import { DetailViewLayout as v } from "../../../Common/DetailViewLayout/DetailViewLayout.js";
+const F = "employees";
+function _({
   title: r,
   subtitle: c,
   onBack: m,
@@ -20,28 +20,29 @@ function N({
   onAddEmployee: n,
   removeDialog: o,
   successAlert: l,
-  onDismissAlert: u
+  onDismissAlert: u,
+  className: y
 }) {
-  T("Company.TimeOff.PolicyDetail");
-  const { t } = S("Company.TimeOff.PolicyDetail"), { Alert: y, Dialog: C, Button: f } = O(), E = e.emptyState ?? (n ? () => /* @__PURE__ */ i(L, { title: t("emptyEmployees.title"), children: /* @__PURE__ */ i(
-    f,
+  x("Company.TimeOff.PolicyDetail");
+  const { t } = D("Company.TimeOff.PolicyDetail"), { Alert: C, Dialog: f, Button: E } = T(), g = e.emptyState ?? (n ? () => /* @__PURE__ */ i(O, { title: t("emptyEmployees.title"), children: /* @__PURE__ */ i(
+    E,
     {
       variant: "secondary",
-      icon: /* @__PURE__ */ i(x, { "aria-hidden": !0 }),
+      icon: /* @__PURE__ */ i(A, { "aria-hidden": !0 }),
       onClick: n,
       children: t("emptyEmployees.addEmployeeCta")
     }
-  ) }) : void 0), g = [
+  ) }) : void 0), P = [
     {
       id: a.id,
       label: a.label,
       content: a.content
     },
     {
-      id: v,
+      id: F,
       label: t("tabs.employees"),
       content: /* @__PURE__ */ i(
-        D,
+        L,
         {
           data: e.data,
           searchValue: e.searchValue,
@@ -51,30 +52,31 @@ function N({
           itemMenu: e.itemMenu,
           pagination: e.pagination,
           isFetching: e.isFetching,
-          emptyState: E,
+          emptyState: g,
           additionalColumns: e.additionalColumns,
           hideJobTitle: e.hideJobTitle
         }
       )
     }
   ];
-  return /* @__PURE__ */ P(b, { children: [
-    l && /* @__PURE__ */ i(y, { status: "success", label: l, onDismiss: u }),
+  return /* @__PURE__ */ b(S, { children: [
+    l && /* @__PURE__ */ i(C, { status: "success", label: l, onDismiss: u }),
     /* @__PURE__ */ i(
-      A,
+      v,
       {
         title: r,
         subtitle: c,
         onBack: m,
         backLabel: s,
         actions: p,
-        tabs: g,
+        tabs: P,
         selectedTabId: d,
-        onTabChange: h
+        onTabChange: h,
+        className: y
       }
     ),
     /* @__PURE__ */ i(
-      C,
+      f,
       {
         isOpen: o.isOpen,
         onClose: o.onClose,
@@ -90,6 +92,6 @@ function N({
   ] });
 }
 export {
-  N as PolicyDetailLayout
+  _ as PolicyDetailLayout
 };
 //# sourceMappingURL=PolicyDetailLayout.js.map

package/dist/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PolicyDetailLayout.js","sources":["../../../../../src/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeTableItem } from '../EmployeeTable/EmployeeTableTypes'\nimport { EmployeeTable } from '../EmployeeTable/EmployeeTable'\nimport type { PolicyDetailLayoutProps } from './PolicyDetailLayoutTypes'\nimport { DetailViewLayout, EmptyData } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nconst EMPLOYEES_TAB_ID = 'employees'\n\n/** @internal */\nexport function PolicyDetailLayout<T extends EmployeeTableItem>({\n title,\n subtitle,\n onBack,\n backLabel,\n actions,\n firstTab,\n selectedTabId,\n onTabChange,\n employees,\n onAddEmployee,\n removeDialog,\n successAlert,\n onDismissAlert,\n}: PolicyDetailLayoutProps<T>) {\n useI18n('Company.TimeOff.PolicyDetail')\n const { t } = useTranslation('Company.TimeOff.PolicyDetail')\n const { Alert, Dialog, Button } = useComponentContext()\n\n const emptyEmployeesState =\n employees.emptyState ??\n (onAddEmployee\n ? () => (\n <EmptyData title={t('emptyEmployees.title')}>\n <Button\n variant=\"secondary\"\n icon={<PlusCircleIcon aria-hidden />}\n onClick={onAddEmployee}\n >\n {t('emptyEmployees.addEmployeeCta')}\n </Button>\n </EmptyData>\n )\n : undefined)\n\n const tabs = [\n {\n id: firstTab.id,\n label: firstTab.label,\n content: firstTab.content,\n },\n {\n id: EMPLOYEES_TAB_ID,\n label: t('tabs.employees'),\n content: (\n <EmployeeTable<T>\n data={employees.data}\n searchValue={employees.searchValue}\n onSearchChange={employees.onSearchChange}\n onSearchClear={employees.onSearchClear}\n searchPlaceholder={employees.searchPlaceholder}\n itemMenu={employees.itemMenu}\n pagination={employees.pagination}\n isFetching={employees.isFetching}\n emptyState={emptyEmployeesState}\n additionalColumns={employees.additionalColumns}\n hideJobTitle={employees.hideJobTitle}\n />\n ),\n },\n ]\n\n return (\n <>\n {successAlert && <Alert status=\"success\" label={successAlert} onDismiss={onDismissAlert} />}\n\n <DetailViewLayout\n title={title}\n subtitle={subtitle}\n onBack={onBack}\n backLabel={backLabel}\n actions={actions}\n tabs={tabs}\n selectedTabId={selectedTabId}\n onTabChange={onTabChange}\n />\n\n <Dialog\n isOpen={removeDialog.isOpen}\n onClose={removeDialog.onClose}\n onPrimaryActionClick={removeDialog.onConfirm}\n isPrimaryActionLoading={removeDialog.isPending}\n isDestructive\n title={t('removeEmployeeDialog.title', { name: removeDialog.employeeName })}\n primaryActionLabel={t('removeEmployeeDialog.confirmCta')}\n closeActionLabel={t('removeEmployeeDialog.cancelCta')}\n >\n {t('removeEmployeeDialog.description', { name: removeDialog.employeeName })}\n </Dialog>\n </>\n )\n}\n"],"names":["EMPLOYEES_TAB_ID","PolicyDetailLayout","title","subtitle","onBack","backLabel","actions","firstTab","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","useI18n","useTranslation","Alert","Dialog","Button","useComponentContext","emptyEmployeesState","EmptyData","jsx","PlusCircleIcon","tabs","EmployeeTable","jsxs","Fragment","DetailViewLayout"],"mappings":";;;;;;;;AASA,MAAMA,IAAmB;AAGlB,SAASC,EAAgD;AAAA,EAC9D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,GAA+B;AAC7B,EAAAC,EAAQ,8BAA8B;AACtC,QAAM,EAAE,EAAA,IAAMC,EAAe,8BAA8B,GACrD,EAAE,OAAAC,GAAO,QAAAC,GAAQ,QAAAC,EAAA,IAAWC,EAAA,GAE5BC,~~IACJX~~,EAAU,eACTC,IACG,~~wBACGW~~,GAAA,EAAU,OAAO,EAAE,sBAAsB,GACxC,UAAA,gBAAAC;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM,gBAAAI,EAACC,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,MAClC,~~SAASb~~;AAAA,MAER,YAAE,+BAA+B;AAAA,IAAA;AAAA,EAAA,GAEtC,IAEF,~~SAEAc~~,IAAO;AAAA,IACX;AAAA,MACE,~~IAAIlB~~,EAAS;AAAA,MACb,OAAOA,EAAS;AAAA,MAChB,SAASA,EAAS;AAAA,IAAA;AAAA,IAEpB;AAAA,MACE,IAAIP;AAAA,MACJ,OAAO,EAAE,gBAAgB;AAAA,MACzB,SACE,~~gBAAAuB~~;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,~~MAAMhB~~,EAAU;AAAA,UAChB,aAAaA,EAAU;AAAA,UACvB,gBAAgBA,EAAU;AAAA,UAC1B,eAAeA,EAAU;AAAA,UACzB,mBAAmBA,EAAU;AAAA,UAC7B,UAAUA,EAAU;AAAA,UACpB,YAAYA,EAAU;AAAA,UACtB,YAAYA,EAAU;AAAA,UACtB,~~YAAYW~~;AAAA,UACZ,~~mBAAmBX~~,EAAU;AAAA,UAC7B,cAAcA,EAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B;AAAA,EAEJ;AAGF,SACE,~~gBAAAiB~~,EAAAC,GAAA,EACG,UAAA;AAAA,~~IAAAf~~,~~uBAAiBI~~,GAAA,EAAM,QAAO,WAAU,~~OAAOJ~~,GAAc,WAAWC,GAAgB;AAAA,IAEzF,~~gBAAAS~~;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,~~OAAA3B~~;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,~~MAAAmB~~;AAAA,QACA,~~eAAAjB~~;AAAA,QACA,aAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,~~gBAAAc~~;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,~~QAAQN~~,EAAa;AAAA,QACrB,SAASA,EAAa;AAAA,QACtB,sBAAsBA,EAAa;AAAA,QACnC,wBAAwBA,EAAa;AAAA,QACrC,eAAa;AAAA,QACb,OAAO,EAAE,8BAA8B,EAAE,MAAMA,EAAa,cAAc;AAAA,QAC1E,oBAAoB,EAAE,iCAAiC;AAAA,QACvD,kBAAkB,EAAE,gCAAgC;AAAA,QAEnD,YAAE,oCAAoC,EAAE,MAAMA,EAAa,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5E,GACF;AAEJ;"}
1	+ {"version":3,"file":"PolicyDetailLayout.js","sources":["../../../../../src/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeTableItem } from '../EmployeeTable/EmployeeTableTypes'\nimport { EmployeeTable } from '../EmployeeTable/EmployeeTable'\nimport type { PolicyDetailLayoutProps } from './PolicyDetailLayoutTypes'\nimport { DetailViewLayout, EmptyData } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nconst EMPLOYEES_TAB_ID = 'employees'\n\n/** @internal */\nexport function PolicyDetailLayout<T extends EmployeeTableItem>({\n title,\n subtitle,\n onBack,\n backLabel,\n actions,\n firstTab,\n selectedTabId,\n onTabChange,\n employees,\n onAddEmployee,\n removeDialog,\n successAlert,\n onDismissAlert,\n className,\n}: PolicyDetailLayoutProps<T>) {\n useI18n('Company.TimeOff.PolicyDetail')\n const { t } = useTranslation('Company.TimeOff.PolicyDetail')\n const { Alert, Dialog, Button } = useComponentContext()\n\n const emptyEmployeesState =\n employees.emptyState ??\n (onAddEmployee\n ? () => (\n <EmptyData title={t('emptyEmployees.title')}>\n <Button\n variant=\"secondary\"\n icon={<PlusCircleIcon aria-hidden />}\n onClick={onAddEmployee}\n >\n {t('emptyEmployees.addEmployeeCta')}\n </Button>\n </EmptyData>\n )\n : undefined)\n\n const tabs = [\n {\n id: firstTab.id,\n label: firstTab.label,\n content: firstTab.content,\n },\n {\n id: EMPLOYEES_TAB_ID,\n label: t('tabs.employees'),\n content: (\n <EmployeeTable<T>\n data={employees.data}\n searchValue={employees.searchValue}\n onSearchChange={employees.onSearchChange}\n onSearchClear={employees.onSearchClear}\n searchPlaceholder={employees.searchPlaceholder}\n itemMenu={employees.itemMenu}\n pagination={employees.pagination}\n isFetching={employees.isFetching}\n emptyState={emptyEmployeesState}\n additionalColumns={employees.additionalColumns}\n hideJobTitle={employees.hideJobTitle}\n />\n ),\n },\n ]\n\n return (\n <>\n {successAlert && <Alert status=\"success\" label={successAlert} onDismiss={onDismissAlert} />}\n\n <DetailViewLayout\n title={title}\n subtitle={subtitle}\n onBack={onBack}\n backLabel={backLabel}\n actions={actions}\n tabs={tabs}\n selectedTabId={selectedTabId}\n onTabChange={onTabChange}\n className={className}\n />\n\n <Dialog\n isOpen={removeDialog.isOpen}\n onClose={removeDialog.onClose}\n onPrimaryActionClick={removeDialog.onConfirm}\n isPrimaryActionLoading={removeDialog.isPending}\n isDestructive\n title={t('removeEmployeeDialog.title', { name: removeDialog.employeeName })}\n primaryActionLabel={t('removeEmployeeDialog.confirmCta')}\n closeActionLabel={t('removeEmployeeDialog.cancelCta')}\n >\n {t('removeEmployeeDialog.description', { name: removeDialog.employeeName })}\n </Dialog>\n </>\n )\n}\n"],"names":["EMPLOYEES_TAB_ID","PolicyDetailLayout","title","subtitle","onBack","backLabel","actions","firstTab","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","className","useI18n","useTranslation","Alert","Dialog","Button","useComponentContext","emptyEmployeesState","EmptyData","jsx","PlusCircleIcon","tabs","EmployeeTable","jsxs","Fragment","DetailViewLayout"],"mappings":";;;;;;;;AASA,MAAMA,IAAmB;AAGlB,SAASC,EAAgD;AAAA,EAC9D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AACF,GAA+B;AAC7B,EAAAC,EAAQ,8BAA8B;AACtC,QAAM,EAAE,EAAA,IAAMC,EAAe,8BAA8B,GACrD,EAAE,OAAAC,GAAO,QAAAC,GAAQ,QAAAC,EAAA,IAAWC,EAAA,GAE5BC,IACJZ,EAAU,eACTC,IACG,wBACGY,GAAA,EAAU,OAAO,EAAE,sBAAsB,GACxC,UAAA,gBAAAC;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM,gBAAAI,EAACC,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,MAClC,SAASd;AAAA,MAER,YAAE,+BAA+B;AAAA,IAAA;AAAA,EAAA,GAEtC,IAEF,SAEAe,IAAO;AAAA,IACX;AAAA,MACE,IAAInB,EAAS;AAAA,MACb,OAAOA,EAAS;AAAA,MAChB,SAASA,EAAS;AAAA,IAAA;AAAA,IAEpB;AAAA,MACE,IAAIP;AAAA,MACJ,OAAO,EAAE,gBAAgB;AAAA,MACzB,SACE,gBAAAwB;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAMjB,EAAU;AAAA,UAChB,aAAaA,EAAU;AAAA,UACvB,gBAAgBA,EAAU;AAAA,UAC1B,eAAeA,EAAU;AAAA,UACzB,mBAAmBA,EAAU;AAAA,UAC7B,UAAUA,EAAU;AAAA,UACpB,YAAYA,EAAU;AAAA,UACtB,YAAYA,EAAU;AAAA,UACtB,YAAYY;AAAA,UACZ,mBAAmBZ,EAAU;AAAA,UAC7B,cAAcA,EAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B;AAAA,EAEJ;AAGF,SACE,gBAAAkB,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAhB,uBAAiBK,GAAA,EAAM,QAAO,WAAU,OAAOL,GAAc,WAAWC,GAAgB;AAAA,IAEzF,gBAAAU;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAA5B;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,MAAAoB;AAAA,QACA,eAAAlB;AAAA,QACA,aAAAC;AAAA,QACA,WAAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAS;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,QAAQP,EAAa;AAAA,QACrB,SAASA,EAAa;AAAA,QACtB,sBAAsBA,EAAa;AAAA,QACnC,wBAAwBA,EAAa;AAAA,QACrC,eAAa;AAAA,QACb,OAAO,EAAE,8BAA8B,EAAE,MAAMA,EAAa,cAAc;AAAA,QAC1E,oBAAoB,EAAE,iCAAiC;AAAA,QACvD,kBAAkB,EAAE,gCAAgC;AAAA,QAEnD,YAAE,oCAAoC,EAAE,MAAMA,EAAa,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5E,GACF;AAEJ;"}

package/dist/contexts/ComponentAdapter/useComponentContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useComponentContext.js","sources":["../../../src/contexts/ComponentAdapter/useComponentContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { FunctionComponent } from 'react'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { TextAreaProps } from '@/components/Common/UI/TextArea/TextAreaTypes'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { ButtonIconProps, ButtonProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport type { BoxProps } from '@/components/Common/UI/Box/BoxTypes'\nimport type { FormBoxProps } from '@/components/Common/UI/FormBox/FormBoxTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { BannerProps } from '@/components/Common/UI/Banner/BannerTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List/ListTypes'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { DateRangePickerProps } from '@/components/Common/UI/DateRangePicker/DateRangePickerTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar/ProgressBarTypes'\nimport type { BreadcrumbsProps } from '@/components/Common/UI/Breadcrumbs/BreadcrumbsTypes'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport type { ModalProps } from '@/components/Common/UI/Modal/ModalTypes'\nimport type { LoadingSpinnerProps } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\nimport type { DescriptionListProps } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport type { FileInputProps } from '@/components/Common/UI/FileInput/FileInputTypes'\nimport type { BoxHeaderProps } from '@/components/Common/UI/BoxHeader/BoxHeaderTypes'\nimport type { FormBoxHeaderProps } from '@/components/Common/UI/FormBoxHeader/FormBoxHeaderTypes'\nimport type { MultiSelectComboBoxProps } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\nimport type { PayrollLoadingProps } from '@/components/Common/PayrollLoading/PayrollLoadingTypes'\n\n/*\n Full map of UI components used by the SDK. Every property is a React component that the\n * SDK renders internally — override any of them to substitute your own design system.\n \n Pass a `Partial<ComponentsContextType>` to {@link GustoProvider} via the `components` prop to\n * replace specific components while keeping SDK defaults for the rest.\n \n To take full control of every UI component (and eliminate the React Aria dependency),\n * pass a complete {@link ComponentsContextType} to {@link GustoProviderCustomUIAdapter} instead.\n * All properties are then required except `PaginationControl` and `PayrollLoading`,\n * which fall back to built-in SDK implementations when omitted.\n \n @public\n * @group Component adapter\n \n @example Partial override with GustoProvider\n * ```tsx\n * import { GustoProvider } from '@gusto/embedded-react-sdk'\n \n function App() {\n * return (\n * <GustoProvider\n * config={{ baseUrl: '/api/gusto/' }}\n * components={{\n * Button: MyButton,\n * TextInput: MyTextInput,\n * }}\n * >\n * <EmployeeOnboardingFlow companyId=\"company_123\" />\n * </GustoProvider>\n * )\n * }\n * ```\n \n @example Full replacement with GustoProviderCustomUIAdapter\n * ```tsx\n * import { GustoProviderCustomUIAdapter, type ComponentsContextType } from '@gusto/embedded-react-sdk'\n \n const myComponents: ComponentsContextType = {\n * Alert: props => <MyAlert {...props} />,\n * Button: props => <MyButton {...props} />,\n * // ... all required components\n * }\n \n function App() {\n * return (\n * <GustoProviderCustomUIAdapter\n * config={{ baseUrl: '/api/gusto/' }}\n * components={myComponents}\n * >\n * <EmployeeOnboardingFlow companyId=\"company_123\" />\n * </GustoProviderCustomUIAdapter>\n * )\n * }\n * ```\n /\nexport interface ComponentsContextType {\n /* Status message with an optional dismiss action; used for errors, warnings, success, and info. /\n Alert: FunctionComponent<AlertProps>\n /* Small inline label for status, counts, or tags; optionally dismissible. /\n Badge: FunctionComponent<BadgeProps>\n /* Full-width notification banner for prominent warnings and errors. /\n Banner: FunctionComponent<BannerProps>\n /* HTML `<button>` with primary, secondary, tertiary, and error variants. /\n Button: FunctionComponent<ButtonProps>\n /* Icon-only `<button>`; requires `aria-label` since there is no visible text for assistive technologies. /\n ButtonIcon: FunctionComponent<ButtonIconProps>\n /* Sectioned layout container with distinct header, body, and footer areas. /\n Box: FunctionComponent<BoxProps>\n /* Header section of a Box with a title, optional description, and optional inline action. /\n BoxHeader: FunctionComponent<BoxHeaderProps>\n /* Bordered container for grouping related form fields, with an optional header slot. /\n FormBox: FunctionComponent<FormBoxProps>\n /* Header section of a FormBox with a title, optional description, and optional inline action. /\n FormBoxHeader: FunctionComponent<FormBoxHeaderProps>\n /* Read-only calendar for visualizing a date range with optional highlighted dates. /\n CalendarPreview: FunctionComponent<CalendarPreviewProps>\n /* Content container with an optional overflow menu and a leading action slot. /\n Card: FunctionComponent<CardProps>\n /* Form field wrapping a single `<input type=\"checkbox\" />`. /\n Checkbox: FunctionComponent<CheckboxProps>\n /* Form field grouping `<input type=\"checkbox\" />` elements for multi-option selection. /\n CheckboxGroup: FunctionComponent<CheckboxGroupProps>\n /* Form field wrapping a typeahead `<input />` for single-option selection. /\n ComboBox: FunctionComponent<ComboBoxProps>\n /* Form field wrapping an `<input type=\"date\" />` with a calendar picker popover. /\n DatePicker: FunctionComponent<DatePickerProps>\n /* Form field wrapping paired `<input type=\"date\" />` elements for a date range. /\n DateRangePicker: FunctionComponent<DateRangePickerProps>\n /* HTML `<dl>` of term/description pairs in stacked or horizontal layout. /\n DescriptionList: FunctionComponent<DescriptionListProps>\n /* Modal confirmation dialog with a primary action and a cancel action. /\n Dialog: FunctionComponent<DialogProps>\n /* Form field wrapping an `<input type=\"file\" />`. /\n FileInput: FunctionComponent<FileInputProps>\n /* HTML `<h1>`–`<h6>` with visual style controlled independently from semantic level. /\n Heading: FunctionComponent<HeadingProps>\n /* HTML `<a>` for inline navigation. /\n Link: FunctionComponent<LinkProps>\n /* Spinner shown while data or an action is pending. /\n LoadingSpinner: FunctionComponent<LoadingSpinnerProps>\n /* Popover menu of actions anchored to a trigger element. /\n Menu: FunctionComponent<MenuProps>\n /* Overlay modal with customizable body content and footer. /\n Modal: FunctionComponent<ModalProps>\n /* Form field wrapping a typeahead `<input />` for multi-option selection. /\n MultiSelectComboBox: FunctionComponent<MultiSelectComboBoxProps>\n /* Form field wrapping a numeric `<input />` for currency, decimal, or percent values. /\n NumberInput: FunctionComponent<NumberInputProps>\n /* HTML `<ol>` for a numbered list of items. /\n OrderedList: FunctionComponent<OrderedListProps>\n /* Step-based progress indicator for multi-step flows. /\n ProgressBar: FunctionComponent<ProgressBarProps>\n /* Navigation breadcrumb trail showing the user's position in a multi-step flow. /\n Breadcrumbs: FunctionComponent<BreadcrumbsProps>\n /* Form field wrapping a single `<input type=\"radio\" />`. /\n Radio: FunctionComponent<RadioProps>\n /* Form field grouping `<input type=\"radio\" />` elements for single-option selection. /\n RadioGroup: FunctionComponent<RadioGroupProps>\n /* Form field wrapping a single-select dropdown. /\n Select: FunctionComponent<SelectProps>\n /* Form field wrapping an `<input type=\"checkbox\" />` styled as a toggle. /\n Switch: FunctionComponent<SwitchProps>\n /* Tabbed navigation with associated content panels. /\n Tabs: FunctionComponent<TabsProps>\n /* Tabular data display with headers, rows, optional footer, and empty state. /\n Table: FunctionComponent<TableProps>\n /* Body text element rendered as `<p>`, `<span>`, `<div>`, or `<pre>`. /\n Text: FunctionComponent<TextProps>\n /* Form field wrapping an `<input />`. /\n TextInput: FunctionComponent<TextInputProps>\n /* Form field wrapping a `<textarea>`. /\n TextArea: FunctionComponent<TextAreaProps>\n /* HTML `<ul>` for an unordered list of items. /\n UnorderedList: FunctionComponent<UnorderedListProps>\n\n /* Pagination controls for list views. Defaults to the SDK's built-in pagination UI when omitted. /\n PaginationControl?: FunctionComponent<PaginationControlProps>\n /* Loading indicator for payroll calculation. Defaults to the SDK's built-in loading state when omitted. /\n PayrollLoading?: FunctionComponent<PayrollLoadingProps>\n}\n\n/* @internal /\nexport const ComponentsContext = createContext<ComponentsContextType \| null>(null)\n\n/* @internal */\nexport const useComponentContext = () => {\n const context = useContext(ComponentsContext)\n if (!context) {\n throw new Error('useComponentContext must be used within a ComponentsProvider')\n }\n return context\n}\n"],"names":["ComponentsContext","createContext","useComponentContext","context","useContext"],"mappings":";AAyLO,MAAMA,IAAoBC,EAA4C,IAAI,GAGpEC,IAAsB,MAAM;AACvC,QAAMC,IAAUC,EAAWJ,CAAiB;AAC5C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,8DAA8D;AAEhF,SAAOA;AACT;"}
1	+ {"version":3,"file":"useComponentContext.js","sources":["../../../src/contexts/ComponentAdapter/useComponentContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { FunctionComponent } from 'react'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { TextAreaProps } from '@/components/Common/UI/TextArea/TextAreaTypes'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { ButtonIconProps, ButtonProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport type { BoxProps } from '@/components/Common/UI/Box/BoxTypes'\nimport type { FormBoxProps } from '@/components/Common/UI/FormBox/FormBoxTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { BannerProps } from '@/components/Common/UI/Banner/BannerTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List/ListTypes'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { DateRangePickerProps } from '@/components/Common/UI/DateRangePicker/DateRangePickerTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar/ProgressBarTypes'\nimport type { BreadcrumbsProps } from '@/components/Common/UI/Breadcrumbs/BreadcrumbsTypes'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport type { ModalProps } from '@/components/Common/UI/Modal/ModalTypes'\nimport type { LoadingSpinnerProps } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\nimport type { DescriptionListProps } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport type { FileInputProps } from '@/components/Common/UI/FileInput/FileInputTypes'\nimport type { BoxHeaderProps } from '@/components/Common/UI/BoxHeader/BoxHeaderTypes'\nimport type { FormBoxHeaderProps } from '@/components/Common/UI/FormBoxHeader/FormBoxHeaderTypes'\nimport type { MultiSelectComboBoxProps } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\nimport type { PayrollLoadingProps } from '@/components/Common/PayrollLoading/PayrollLoadingTypes'\nimport type { FieldCaptionProps } from '@/components/Common/FieldCaption/FieldCaptionTypes'\n\n/*\n Full map of UI components used by the SDK. Every property is a React component that the\n * SDK renders internally — override any of them to substitute your own design system.\n \n Pass a `Partial<ComponentsContextType>` to {@link GustoProvider} via the `components` prop to\n * replace specific components while keeping SDK defaults for the rest.\n \n To take full control of every UI component (and eliminate the React Aria dependency),\n * pass a complete {@link ComponentsContextType} to {@link GustoProviderCustomUIAdapter} instead.\n * All properties are then required except `PaginationControl`, `PayrollLoading`, and `FieldCaption`,\n * which fall back to built-in SDK implementations when omitted.\n \n @public\n * @group Component adapter\n \n @example Partial override with GustoProvider\n * ```tsx\n * import { GustoProvider } from '@gusto/embedded-react-sdk'\n \n function App() {\n * return (\n * <GustoProvider\n * config={{ baseUrl: '/api/gusto/' }}\n * components={{\n * Button: MyButton,\n * TextInput: MyTextInput,\n * }}\n * >\n * <EmployeeOnboardingFlow companyId=\"company_123\" />\n * </GustoProvider>\n * )\n * }\n * ```\n \n @example Full replacement with GustoProviderCustomUIAdapter\n * ```tsx\n * import { GustoProviderCustomUIAdapter, type ComponentsContextType } from '@gusto/embedded-react-sdk'\n \n const myComponents: ComponentsContextType = {\n * Alert: props => <MyAlert {...props} />,\n * Button: props => <MyButton {...props} />,\n * // ... all required components\n * }\n \n function App() {\n * return (\n * <GustoProviderCustomUIAdapter\n * config={{ baseUrl: '/api/gusto/' }}\n * components={myComponents}\n * >\n * <EmployeeOnboardingFlow companyId=\"company_123\" />\n * </GustoProviderCustomUIAdapter>\n * )\n * }\n * ```\n /\nexport interface ComponentsContextType {\n /* Status message with an optional dismiss action; used for errors, warnings, success, and info. /\n Alert: FunctionComponent<AlertProps>\n /* Small inline label for status, counts, or tags; optionally dismissible. /\n Badge: FunctionComponent<BadgeProps>\n /* Full-width notification banner for prominent warnings and errors. /\n Banner: FunctionComponent<BannerProps>\n /* HTML `<button>` with primary, secondary, tertiary, and error variants. /\n Button: FunctionComponent<ButtonProps>\n /* Icon-only `<button>`; requires `aria-label` since there is no visible text for assistive technologies. /\n ButtonIcon: FunctionComponent<ButtonIconProps>\n /* Sectioned layout container with distinct header, body, and footer areas. /\n Box: FunctionComponent<BoxProps>\n /* Header section of a Box with a title, optional description, and optional inline action. /\n BoxHeader: FunctionComponent<BoxHeaderProps>\n /* Bordered container for grouping related form fields, with an optional header slot. /\n FormBox: FunctionComponent<FormBoxProps>\n /* Header section of a FormBox with a title, optional description, and optional inline action. /\n FormBoxHeader: FunctionComponent<FormBoxHeaderProps>\n /* Read-only calendar for visualizing a date range with optional highlighted dates. /\n CalendarPreview: FunctionComponent<CalendarPreviewProps>\n /* Content container with an optional overflow menu and a leading action slot. /\n Card: FunctionComponent<CardProps>\n /* Form field wrapping a single `<input type=\"checkbox\" />`. /\n Checkbox: FunctionComponent<CheckboxProps>\n /* Form field grouping `<input type=\"checkbox\" />` elements for multi-option selection. /\n CheckboxGroup: FunctionComponent<CheckboxGroupProps>\n /* Form field wrapping a typeahead `<input />` for single-option selection. /\n ComboBox: FunctionComponent<ComboBoxProps>\n /* Form field wrapping an `<input type=\"date\" />` with a calendar picker popover. /\n DatePicker: FunctionComponent<DatePickerProps>\n /* Form field wrapping paired `<input type=\"date\" />` elements for a date range. /\n DateRangePicker: FunctionComponent<DateRangePickerProps>\n /* HTML `<dl>` of term/description pairs in stacked or horizontal layout. /\n DescriptionList: FunctionComponent<DescriptionListProps>\n /* Modal confirmation dialog with a primary action and a cancel action. /\n Dialog: FunctionComponent<DialogProps>\n /* Form field wrapping an `<input type=\"file\" />`. /\n FileInput: FunctionComponent<FileInputProps>\n /* HTML `<h1>`–`<h6>` with visual style controlled independently from semantic level. /\n Heading: FunctionComponent<HeadingProps>\n /* HTML `<a>` for inline navigation. /\n Link: FunctionComponent<LinkProps>\n /* Spinner shown while data or an action is pending. /\n LoadingSpinner: FunctionComponent<LoadingSpinnerProps>\n /* Popover menu of actions anchored to a trigger element. /\n Menu: FunctionComponent<MenuProps>\n /* Overlay modal with customizable body content and footer. /\n Modal: FunctionComponent<ModalProps>\n /* Form field wrapping a typeahead `<input />` for multi-option selection. /\n MultiSelectComboBox: FunctionComponent<MultiSelectComboBoxProps>\n /* Form field wrapping a numeric `<input />` for currency, decimal, or percent values. /\n NumberInput: FunctionComponent<NumberInputProps>\n /* HTML `<ol>` for a numbered list of items. /\n OrderedList: FunctionComponent<OrderedListProps>\n /* Step-based progress indicator for multi-step flows. /\n ProgressBar: FunctionComponent<ProgressBarProps>\n /* Navigation breadcrumb trail showing the user's position in a multi-step flow. /\n Breadcrumbs: FunctionComponent<BreadcrumbsProps>\n /* Form field wrapping a single `<input type=\"radio\" />`. /\n Radio: FunctionComponent<RadioProps>\n /* Form field grouping `<input type=\"radio\" />` elements for single-option selection. /\n RadioGroup: FunctionComponent<RadioGroupProps>\n /* Form field wrapping a single-select dropdown. /\n Select: FunctionComponent<SelectProps>\n /* Form field wrapping an `<input type=\"checkbox\" />` styled as a toggle. /\n Switch: FunctionComponent<SwitchProps>\n /* Tabbed navigation with associated content panels. /\n Tabs: FunctionComponent<TabsProps>\n /* Tabular data display with headers, rows, optional footer, and empty state. /\n Table: FunctionComponent<TableProps>\n /* Body text element rendered as `<p>`, `<span>`, `<div>`, or `<pre>`. /\n Text: FunctionComponent<TextProps>\n /* Form field wrapping an `<input />`. /\n TextInput: FunctionComponent<TextInputProps>\n /* Form field wrapping a `<textarea>`. /\n TextArea: FunctionComponent<TextAreaProps>\n /* HTML `<ul>` for an unordered list of items. /\n UnorderedList: FunctionComponent<UnorderedListProps>\n\n /* Label or legend caption for form controls, including the optional/required indicator. Defaults to the SDK's built-in caption UI when omitted. /\n FieldCaption?: FunctionComponent<FieldCaptionProps>\n /* Pagination controls for list views. Defaults to the SDK's built-in pagination UI when omitted. /\n PaginationControl?: FunctionComponent<PaginationControlProps>\n /* Loading indicator for payroll calculation. Defaults to the SDK's built-in loading state when omitted. /\n PayrollLoading?: FunctionComponent<PayrollLoadingProps>\n}\n\n/* @internal /\nexport const ComponentsContext = createContext<ComponentsContextType \| null>(null)\n\n/* @internal */\nexport const useComponentContext = () => {\n const context = useContext(ComponentsContext)\n if (!context) {\n throw new Error('useComponentContext must be used within a ComponentsProvider')\n }\n return context\n}\n"],"names":["ComponentsContext","createContext","useComponentContext","context","useContext"],"mappings":";AA4LO,MAAMA,IAAoBC,EAA4C,IAAI,GAGpEC,IAAsB,MAAM;AACvC,QAAMC,IAAUC,EAAWJ,CAAiB;AAC5C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,8DAA8D;AAEhF,SAAOA;AACT;"}

package/dist/contexts/UnstableFeaturesProvider/useUnstableFeature.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useUnstableFeature.js","sources":["../../../src/contexts/UnstableFeaturesProvider/useUnstableFeature.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\n/*\n Opt-in flags for SDK functionality that is still in active development.\n \n @remarks\n * Pass to {@link GustoProvider} via the `unstableFeatures` prop to enable a feature ahead of its\n * public release. Every flag defaults to disabled when omitted. When a feature graduates to\n * public release, its flag is deleted from this interface along with the conditional checks that\n * read it — there is no deprecation step. This interface may have no flags at all at any given\n * time — e.g. immediately after the last active flag graduates and before the next one is added —\n * the opt-in mechanism itself is permanent even when nothing is currently gated behind it.\n \n @alpha\n /\nexport interface UnstableFeatures {\n /* Enables recording past payments to contractors within the `ContractorManagement` flows. /\n historicalPayments?: boolean\n /* Enables the in-development regular-rate-of-pay experience ~~for~~ editing an ~~employee~~'s ~~payroll.~~ /\n payrollRegularRateOfPay?: boolean\n}\n\n/\n React context backing {@link useUnstableFeature}.\n \n @internal\n /\nexport const UnstableFeaturesContext = createContext<UnstableFeatures>({})\n\n/\n Reads whether `feature` is enabled via {@link GustoProvider}'s `unstableFeatures` prop.\n \n @remarks\n * With `throwIfDisabled: true`, call unconditionally at the top of an alpha component's body —\n * not inside {@link WithUnstableFeature} — so mounting the component without opting in fails\n * loudly and immediately. This throws in every environment, including production: using an alpha\n * component without its flag is an integration mistake, not a runtime state, the same as\n * {@link useComponentContext} throwing when called outside a `ComponentsProvider`.\n \n @param feature - The {@link UnstableFeatures} flag to read.\n * @param options - Set `throwIfDisabled` to throw instead of returning `false` when `feature` is disabled.\n * @throws When `options.throwIfDisabled` is set and `feature` is not enabled.\n * @internal\n */\nexport const useUnstableFeature = (\n feature: keyof UnstableFeatures,\n options: { throwIfDisabled?: boolean } = { throwIfDisabled: false },\n): boolean => {\n const features = useContext(UnstableFeaturesContext)\n const isEnabled = !!features[feature]\n\n if (options.throwIfDisabled && !isEnabled) {\n throw new Error(\n `This component requires the unstable feature flag \"${feature}\" to be enabled via GustoProvider's \\`unstableFeatures\\` prop.`,\n )\n }\n\n return isEnabled\n}\n"],"names":["UnstableFeaturesContext","createContext","useUnstableFeature","feature","options","isEnabled","useContext"],"mappings":";~~AA2BO~~,MAAMA,IAA0BC,EAAgC,CAAA,CAAE,GAiB5DC,IAAqB,CAChCC,GACAC,IAAyC,EAAE,iBAAiB,SAChD;AAEZ,QAAMC,IAAY,CAAC,CADFC,EAAWN,CAAuB,EACtBG,CAAO;AAEpC,MAAIC,EAAQ,mBAAmB,CAACC;AAC9B,UAAM,IAAI;AAAA,MACR,sDAAsDF,CAAO;AAAA,IAAA;AAIjE,SAAOE;AACT;"}
1	+ {"version":3,"file":"useUnstableFeature.js","sources":["../../../src/contexts/UnstableFeaturesProvider/useUnstableFeature.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\n/*\n Opt-in flags for SDK functionality that is still in active development.\n \n @remarks\n * Pass to {@link GustoProvider} via the `unstableFeatures` prop to enable a feature ahead of its\n * public release. Every flag defaults to disabled when omitted. When a feature graduates to\n * public release, its flag is deleted from this interface along with the conditional checks that\n * read it — there is no deprecation step. This interface may have no flags at all at any given\n * time — e.g. immediately after the last active flag graduates and before the next one is added —\n * the opt-in mechanism itself is permanent even when nothing is currently gated behind it.\n \n @alpha\n /\nexport interface UnstableFeatures {\n /* Enables recording past payments to contractors within the `ContractorManagement` flows. /\n historicalPayments?: boolean\n /\n Enables the in-development regular-rate-of-pay experience: the payroll editing flow, and the\n * workweek start day field on `PaySchedule` that RRoP's overtime calculations depend on.\n /\n payrollRegularRateOfPay?: boolean\n}\n\n/\n React context backing {@link useUnstableFeature}.\n \n @internal\n /\nexport const UnstableFeaturesContext = createContext<UnstableFeatures>({})\n\n/\n Reads whether `feature` is enabled via {@link GustoProvider}'s `unstableFeatures` prop.\n \n @remarks\n * With `throwIfDisabled: true`, call unconditionally at the top of an alpha component's body —\n * not inside {@link WithUnstableFeature} — so mounting the component without opting in fails\n * loudly and immediately. This throws in every environment, including production: using an alpha\n * component without its flag is an integration mistake, not a runtime state, the same as\n * {@link useComponentContext} throwing when called outside a `ComponentsProvider`.\n \n @param feature - The {@link UnstableFeatures} flag to read.\n * @param options - Set `throwIfDisabled` to throw instead of returning `false` when `feature` is disabled.\n * @throws When `options.throwIfDisabled` is set and `feature` is not enabled.\n * @internal\n */\nexport const useUnstableFeature = (\n feature: keyof UnstableFeatures,\n options: { throwIfDisabled?: boolean } = { throwIfDisabled: false },\n): boolean => {\n const features = useContext(UnstableFeaturesContext)\n const isEnabled = !!features[feature]\n\n if (options.throwIfDisabled && !isEnabled) {\n throw new Error(\n `This component requires the unstable feature flag \"${feature}\" to be enabled via GustoProvider's \\`unstableFeatures\\` prop.`,\n )\n }\n\n return isEnabled\n}\n"],"names":["UnstableFeaturesContext","createContext","useUnstableFeature","feature","options","isEnabled","useContext"],"mappings":";AA8BO,MAAMA,IAA0BC,EAAgC,CAAA,CAAE,GAiB5DC,IAAqB,CAChCC,GACAC,IAAyC,EAAE,iBAAiB,SAChD;AAEZ,QAAMC,IAAY,CAAC,CADFC,EAAWN,CAAuB,EACtBG,CAAO;AAEpC,MAAIC,EAAQ,mBAAmB,CAACC;AAC9B,UAAM,IAAI;AAAA,MACR,sDAAsDF,CAAO;AAAA,IAAA;AAIjE,SAAOE;AACT;"}

package/dist/i18n/en/Company.PaySchedule.json.js CHANGED Viewed

@@ -1,42 +1,44 @@
-const e = `Pick what frequency you'd like to run payroll. If you need help, you can read more about <ScheduleLink href="https://gusto.com/resources/articles/payroll/best-payroll-schedule-small-business" target="_blank">how to choose a pay schedule.</ScheduleLink>`, t = 'Why do we need to ask for this? We need to know when to pay your employees. Some states have <PaymentLawLink href="https://www.dol.gov/agencies/whd/state/payday" target="_blank">laws around when you must pay your employees.</PaymentLawLink> Please choose pay schedules that are legal for your employees.', a = "+ Add another pay schedule", o = "Save & continue", n = "Continue", s = "Please make sure to verify this information is accurate. If this information isn't correct, it can delay when your team will be paid.", r = { name: "Name", actions: "Actions", active: "Active", inactive: "Inactive", edit: "Edit" }, i = "Pay schedules", y = { addPaySchedule: "Add pay schedule", editPaySchedule: "Edit pay schedule", pageTitle: "Set up pay schedule" }, c = { name: "Name", payfrequency: "Pay frequency", frequency: "Frequency", frequencyPlaceholder: "Select frequency...", deadline: "Deadline to run payroll", frequencyOptions: "Frequency Options", firstPayDate: "First pay date", firstPayPeriodEndDate: "First pay period end date", firstPayDayOfTheMonth: "First pay day of the month", lastPayDayOfTheMonth: "Last pay day of the month", preview: "Preview", legend: "Legend" }, d = "Loading...", l = { frequencyOptionsDescription: "Select the pay days for the month.", anchorPayDateDescription_one: "Please account for the {{count}} day it will take to process payroll.", anchorPayDateDescription_other: "Please account for the {{count}} days it will take to process payroll.", anchorEndOfPayPeriodDescription: "The last date of the first pay period to help calculate future pay periods. This can be the same date as the first pay date." }, h = { payPeriod: "Pay period", payday: "Payday", payrollDeadline: "Run payroll by 4:00PM (PDT) on " }, u = { cancel: "Cancel", save: "Save" }, p = { everyWeek: "Every week", everyOtherWeek: "Every other week", twicePerMonth: "Twice per month", monthly: "Monthly" }, f = { "15thAndLast": "15th and Last day of the month", custom: "Custom" }, P = { name: "Pay schedule name is required", frequency: "Pay frequency is required", frequencyOptions: "Please select the pay days for the month", firstPayDate: "First pay date is required", firstPayPeriodEndDate: "First pay period end date is required", firstPayDayOfTheMonth: "First pay day of the month is required", lastPayDayOfTheMonth: "Last pay day of the month is required", dayRange: "Must be between 1 and 31" }, m = { title: "Pay Schedule Preview", description: "Complete all the required fields to see a preview of your pay schedule." }, w = {
+const e = `Pick what frequency you'd like to run payroll. If you need help, you can read more about <ScheduleLink href="https://gusto.com/resources/articles/payroll/best-payroll-schedule-small-business" target="_blank">how to choose a pay schedule.</ScheduleLink>`, a = 'Why do we need to ask for this? We need to know when to pay your employees. Some states have <PaymentLawLink href="https://www.dol.gov/agencies/whd/state/payday" target="_blank">laws around when you must pay your employees.</PaymentLawLink> Please choose pay schedules that are legal for your employees.', t = "+ Add another pay schedule", o = "Save & continue", s = "Continue", n = "Please make sure to verify this information is accurate. If this information isn't correct, it can delay when your team will be paid.", r = { name: "Name", actions: "Actions", active: "Active", inactive: "Inactive", edit: "Edit" }, y = "Pay schedules", i = { addPaySchedule: "Add pay schedule", editPaySchedule: "Edit pay schedule", pageTitle: "Set up pay schedule" }, d = { name: "Name", payfrequency: "Pay frequency", frequency: "Frequency", frequencyPlaceholder: "Select frequency...", deadline: "Deadline to run payroll", frequencyOptions: "Frequency Options", firstPayDate: "First pay date", firstPayPeriodEndDate: "First pay period end date", firstPayDayOfTheMonth: "First pay day of the month", lastPayDayOfTheMonth: "Last pay day of the month", preview: "Preview", legend: "Legend", workweekStartDay: "Workweek start day", workweekStartDayPlaceholder: "Select day..." }, c = "Loading...", l = { frequencyOptionsDescription: "Select the pay days for the month.", anchorPayDateDescription_one: "Please account for the {{count}} day it will take to process payroll.", anchorPayDateDescription_other: "Please account for the {{count}} days it will take to process payroll.", anchorEndOfPayPeriodDescription: "The last date of the first pay period to help calculate future pay periods. This can be the same date as the first pay date.", workweekStartDayDescription: "The day of the week this pay schedule's workweeks start on. Used for regular rate of pay overtime calculations." }, h = { payPeriod: "Pay period", payday: "Payday", payrollDeadline: "Run payroll by 4:00PM (PDT) on " }, u = { cancel: "Cancel", save: "Save" }, p = { everyWeek: "Every week", everyOtherWeek: "Every other week", twicePerMonth: "Twice per month", monthly: "Monthly" }, f = { "15thAndLast": "15th and Last day of the month", custom: "Custom" }, P = { sunday: "Sunday", monday: "Monday", tuesday: "Tuesday", wednesday: "Wednesday", thursday: "Thursday", friday: "Friday", saturday: "Saturday" }, w = { name: "Pay schedule name is required", frequency: "Pay frequency is required", frequencyOptions: "Please select the pay days for the month", firstPayDate: "First pay date is required", firstPayPeriodEndDate: "First pay period end date is required", firstPayDayOfTheMonth: "First pay day of the month is required", lastPayDayOfTheMonth: "Last pay day of the month is required", dayRange: "Must be between 1 and 31" }, m = { title: "Pay Schedule Preview", description: "Complete all the required fields to see a preview of your pay schedule." }, k = {
   listDescription: e,
-  listDescription2: t,
-  addAnotherPayScheduleCta: a,
+  listDescription2: a,
+  addAnotherPayScheduleCta: t,
   saveAndContinueCta: o,
-  continueCta: n,
-  pleaseVerify: s,
+  continueCta: s,
+  pleaseVerify: n,
   payScheduleList: r,
-  payScheduleListLabel: i,
-  headings: y,
-  labels: c,
-  loading: d,
+  payScheduleListLabel: y,
+  headings: i,
+  labels: d,
+  loading: c,
   descriptions: l,
   payPreview: h,
   actions: u,
   frequencies: p,
   frequencyOptions: f,
-  validations: P,
+  workweekStartDayOptions: P,
+  validations: w,
   previewAlert: m
 };
 export {
   u as actions,
-  a as addAnotherPayScheduleCta,
-  n as continueCta,
-  w as default,
+  t as addAnotherPayScheduleCta,
+  s as continueCta,
+  k as default,
   l as descriptions,
   p as frequencies,
   f as frequencyOptions,
-  y as headings,
-  c as labels,
+  i as headings,
+  d as labels,
   e as listDescription,
-  t as listDescription2,
-  d as loading,
+  a as listDescription2,
+  c as loading,
   h as payPreview,
   r as payScheduleList,
-  i as payScheduleListLabel,
-  s as pleaseVerify,
+  y as payScheduleListLabel,
+  n as pleaseVerify,
   m as previewAlert,
   o as saveAndContinueCta,
-  P as validations
+  w as validations,
+  P as workweekStartDayOptions
 };
 //# sourceMappingURL=Company.PaySchedule.json.js.map

package/dist/i18n/en/Company.PaySchedule.json.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Company.PaySchedule.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"Company.PaySchedule.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}