npm - @gusto/embedded-react-sdk - Versions diffs - 0.24.0 → 0.24.1 - Mend

@gusto/embedded-react-sdk 0.24.0 → 0.24.1

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 (101) hide show

package/dist/components/Company/PaySchedule/_parts/Edit.js CHANGED Viewed

@@ -7,22 +7,22 @@ import l from "./Edit.module.scss.js";
 import { Flex as y } from "../../../Common/Flex/Flex.js";
 import { Grid as x } from "../../../Common/Grid/Grid.js";
 import "classnames";
-import { RadioGroupField as E } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { TextInputField as N } from "../../../Common/Fields/TextInputField/TextInputField.js";
-import { DatePickerField as h } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
-import { NumberInputField as f } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
-import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useDateFormatter as R } from "../../../../hooks/useDateFormatter.js";
-import { SelectField as O } from "../../../Common/Fields/SelectField/SelectField.js";
+import { useComponentContext as E } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDateFormatter as N } from "../../../../hooks/useDateFormatter.js";
+import { TextInputField as F } from "../../../Common/Fields/TextInputField/TextInputField.js";
+import { SelectField as R } from "../../../Common/Fields/SelectField/SelectField.js";
+import { RadioGroupField as O } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { NumberInputField as h } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
+import { DatePickerField as f } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
 const K = () => {
-  const o = F(), { t: e } = C("Company.PaySchedule"), P = R(), { payPeriodPreview: r, mode: u, payPreviewLoading: D } = T(), { setValue: d } = q(), [a, v] = g(0), i = p({ name: "frequency" }), n = p({ name: "customTwicePerMonth" }), b = i === "Twice per month" && n === "custom" || i === "Monthly", w = i === "Twice per month" && n === "custom";
+  const o = E(), { t: e } = C("Company.PaySchedule"), P = N(), { payPeriodPreview: r, mode: u, payPreviewLoading: D } = T(), { setValue: d } = q(), [a, v] = g(0), i = p({ name: "frequency" }), n = p({ name: "customTwicePerMonth" }), b = i === "Twice per month" && n === "custom" || i === "Monthly", w = i === "Twice per month" && n === "custom";
   return S(() => {
     i === "Twice per month" && n === "1st15th" && (d("day1", 15), d("day2", 31));
   }, [i, n, d]), u !== "EDIT_PAY_SCHEDULE" && u !== "ADD_PAY_SCHEDULE" ? null : /* @__PURE__ */ t("div", { className: l.payScheduleContainer, children: /* @__PURE__ */ m(x, { gap: 32, gridTemplateColumns: { base: "1fr", small: "1fr 1fr" }, children: [
     /* @__PURE__ */ t("div", { className: l.payScheduleForm, children: /* @__PURE__ */ m(y, { flexDirection: "column", children: [
-      /* @__PURE__ */ t(N, { name: "customName", label: e("labels.name"), isRequired: !0 }),
+      /* @__PURE__ */ t(F, { name: "customName", label: e("labels.name"), isRequired: !0 }),
       /* @__PURE__ */ t(
-        O,
+        R,
         {
           name: "frequency",
           label: e("labels.frequency"),
@@ -36,7 +36,7 @@ const K = () => {
         }
       ),
       i === "Twice per month" && /* @__PURE__ */ t(
-        E,
+        O,
         {
           name: "customTwicePerMonth",
           label: e("labels.frequencyOptions"),
@@ -48,7 +48,7 @@ const K = () => {
         }
       ),
       /* @__PURE__ */ t(
-        h,
+        f,
         {
           name: "anchorPayDate",
           label: e("labels.firstPayDate"),
@@ -57,7 +57,7 @@ const K = () => {
         }
       ),
       /* @__PURE__ */ t(
-        h,
+        f,
         {
           name: "anchorEndOfPayPeriod",
           label: e("labels.firstPayPeriodEndDate"),
@@ -65,8 +65,8 @@ const K = () => {
           isRequired: !0
         }
       ),
-      /* @__PURE__ */ t("div", { className: b ? "" : l.visuallyHidden, children: /* @__PURE__ */ t(f, { name: "day1", label: e("labels.firstPayDayOfTheMonth"), isRequired: !0 }) }),
-      /* @__PURE__ */ t("div", { className: w ? "" : l.visuallyHidden, children: /* @__PURE__ */ t(f, { name: "day2", label: e("labels.lastPayDayOfTheMonth"), isRequired: !0 }) })
+      /* @__PURE__ */ t("div", { className: b ? "" : l.visuallyHidden, children: /* @__PURE__ */ t(h, { name: "day1", label: e("labels.firstPayDayOfTheMonth"), isRequired: !0 }) }),
+      /* @__PURE__ */ t("div", { className: w ? "" : l.visuallyHidden, children: /* @__PURE__ */ t(h, { name: "day2", label: e("labels.lastPayDayOfTheMonth"), isRequired: !0 }) })
     ] }) }),
     /* @__PURE__ */ t(y, { flexDirection: "column", gap: 4, justifyContent: "center", alignItems: "center", children: r && r[a] ? /* @__PURE__ */ m("div", { className: l.calendarContainer, children: [
       !D && /* @__PURE__ */ t(

package/dist/components/Company/PaySchedule/_parts/Head.js CHANGED Viewed

@@ -1,20 +1,19 @@
 import { jsx as e, jsxs as s, Fragment as o } from "react/jsx-runtime";
-import { useTranslation as c, Trans as r } from "react-i18next";
+import { useTranslation as c, Trans as a } from "react-i18next";
 import { usePaySchedule as d } from "../usePaySchedule.js";
 import { Flex as h } from "../../../Common/Flex/Flex.js";
 import "classnames";
-import "../../../../shared/constants.js";
-import { useComponentContext as m } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as l } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-const x = () => {
-  const { t: i } = c("Company.PaySchedule"), n = m(), { mode: a } = d();
+const L = () => {
+  const { t: i } = c("Company.PaySchedule"), n = l(), { mode: r } = d();
   let t = /* @__PURE__ */ e(o, {});
-  switch (a) {
+  switch (r) {
     case "LIST_PAY_SCHEDULES":
       t = /* @__PURE__ */ s(o, { children: [
         /* @__PURE__ */ e(n.Heading, { as: "h2", children: i("headings.pageTitle") }),
         /* @__PURE__ */ e(n.Text, { children: /* @__PURE__ */ e(
-          r,
+          a,
           {
             i18nKey: "listDescription",
             t: i,
@@ -24,7 +23,7 @@ const x = () => {
           }
         ) }),
         /* @__PURE__ */ e(n.Text, { children: /* @__PURE__ */ e(
-          r,
+          a,
           {
             i18nKey: "listDescription2",
             t: i,
@@ -45,6 +44,6 @@ const x = () => {
   return /* @__PURE__ */ e(h, { justifyContent: "space-between", flexDirection: "column", gap: 4, children: /* @__PURE__ */ e("header", { children: t }) });
 };
 export {
-  x as Head
+  L as Head
 };
 //# sourceMappingURL=Head.js.map

package/dist/components/Company/PaySchedule/_parts/Head.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/Head.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { usePaySchedule } from '../usePaySchedule'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n// Head slot for PaySchedule component\nexport const Head = () => {\n const { t } = useTranslation('Company.PaySchedule')\n const Components = useComponentContext()\n\n const { mode } = usePaySchedule()\n let headingOutput: React.ReactElement = <></>\n\n switch (mode) {\n case 'LIST_PAY_SCHEDULES':\n headingOutput = (\n <>\n <Components.Heading as=\"h2\">{t('headings.pageTitle')}</Components.Heading>\n <Components.Text>\n <Trans\n i18nKey={'listDescription'}\n t={t}\n components={{\n ScheduleLink: <Components.Link />,\n }}\n />\n </Components.Text>\n <Components.Text>\n <Trans\n i18nKey={'listDescription2'}\n t={t}\n components={{\n PaymentLawLink: <Components.Link />,\n }}\n />\n </Components.Text>\n </>\n )\n break\n case 'ADD_PAY_SCHEDULE':\n headingOutput = (\n <Components.Heading as=\"h2\">{t('headings.addPaySchedule')}</Components.Heading>\n )\n break\n case 'EDIT_PAY_SCHEDULE':\n headingOutput = (\n <Components.Heading as=\"h2\">{t('headings.editPaySchedule')}</Components.Heading>\n )\n break\n default:\n }\n\n return (\n <Flex justifyContent=\"space-between\" flexDirection={'column'} gap={4}>\n <header>{headingOutput}</header>\n </Flex>\n )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","mode","usePaySchedule","headingOutput","jsx","Fragment","jsxs","Trans","Flex"],"mappings":"~~;;;;;;;;~~AAMO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA,GAEb,EAAE,MAAAC,EAAA,IAASC,EAAA;AACjB,MAAIC,IAAoC,gBAAAC,EAAAC,GAAA,EAAE;AAE1C,UAAQJ,GAAA;AAAA,IACN,KAAK;AACH,MAAAE,IACE,gBAAAG,EAAAD,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAD,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,oBAAoB,GAAE;AAAA,QACrD,gBAAAO,EAACL,EAAW,MAAX,EACC,UAAA,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,GAAAV;AAAA,YACA,YAAY;AAAA,cACV,cAAc,gBAAAO,EAACL,EAAW,MAAX,CAAA,CAAgB;AAAA,YAAA;AAAA,UACjC;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAK,EAACL,EAAW,MAAX,EACC,UAAA,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,GAAAV;AAAA,YACA,YAAY;AAAA,cACV,gBAAgB,gBAAAO,EAACL,EAAW,MAAX,CAAA,CAAgB;AAAA,YAAA;AAAA,UACnC;AAAA,QAAA,EACF,CACF;AAAA,MAAA,GACF;AAEF;AAAA,IACF,KAAK;AACH,MAAAI,IACE,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,yBAAyB,GAAE;AAE5D;AAAA,IACF,KAAK;AACH,MAAAM,IACE,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,0BAA0B,GAAE;AAE7D;AAAA,EACF;AAGF,SACE,gBAAAO,EAACI,GAAA,EAAK,gBAAe,iBAAgB,eAAe,UAAU,KAAK,GACjE,UAAA,gBAAAJ,EAAC,UAAA,EAAQ,UAAAD,EAAA,CAAc,GACzB;AAEJ;"}
1	+ {"version":3,"file":"Head.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/Head.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { usePaySchedule } from '../usePaySchedule'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n// Head slot for PaySchedule component\nexport const Head = () => {\n const { t } = useTranslation('Company.PaySchedule')\n const Components = useComponentContext()\n\n const { mode } = usePaySchedule()\n let headingOutput: React.ReactElement = <></>\n\n switch (mode) {\n case 'LIST_PAY_SCHEDULES':\n headingOutput = (\n <>\n <Components.Heading as=\"h2\">{t('headings.pageTitle')}</Components.Heading>\n <Components.Text>\n <Trans\n i18nKey={'listDescription'}\n t={t}\n components={{\n ScheduleLink: <Components.Link />,\n }}\n />\n </Components.Text>\n <Components.Text>\n <Trans\n i18nKey={'listDescription2'}\n t={t}\n components={{\n PaymentLawLink: <Components.Link />,\n }}\n />\n </Components.Text>\n </>\n )\n break\n case 'ADD_PAY_SCHEDULE':\n headingOutput = (\n <Components.Heading as=\"h2\">{t('headings.addPaySchedule')}</Components.Heading>\n )\n break\n case 'EDIT_PAY_SCHEDULE':\n headingOutput = (\n <Components.Heading as=\"h2\">{t('headings.editPaySchedule')}</Components.Heading>\n )\n break\n default:\n }\n\n return (\n <Flex justifyContent=\"space-between\" flexDirection={'column'} gap={4}>\n <header>{headingOutput}</header>\n </Flex>\n )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","mode","usePaySchedule","headingOutput","jsx","Fragment","jsxs","Trans","Flex"],"mappings":";;;;;;;AAMO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA,GAEb,EAAE,MAAAC,EAAA,IAASC,EAAA;AACjB,MAAIC,IAAoC,gBAAAC,EAAAC,GAAA,EAAE;AAE1C,UAAQJ,GAAA;AAAA,IACN,KAAK;AACH,MAAAE,IACE,gBAAAG,EAAAD,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAD,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,oBAAoB,GAAE;AAAA,QACrD,gBAAAO,EAACL,EAAW,MAAX,EACC,UAAA,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,GAAAV;AAAA,YACA,YAAY;AAAA,cACV,cAAc,gBAAAO,EAACL,EAAW,MAAX,CAAA,CAAgB;AAAA,YAAA;AAAA,UACjC;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAK,EAACL,EAAW,MAAX,EACC,UAAA,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,GAAAV;AAAA,YACA,YAAY;AAAA,cACV,gBAAgB,gBAAAO,EAACL,EAAW,MAAX,CAAA,CAAgB;AAAA,YAAA;AAAA,UACnC;AAAA,QAAA,EACF,CACF;AAAA,MAAA,GACF;AAEF;AAAA,IACF,KAAK;AACH,MAAAI,IACE,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,yBAAyB,GAAE;AAE5D;AAAA,IACF,KAAK;AACH,MAAAM,IACE,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,0BAA0B,GAAE;AAE7D;AAAA,EACF;AAGF,SACE,gBAAAO,EAACI,GAAA,EAAK,gBAAe,iBAAgB,eAAe,UAAU,KAAK,GACjE,UAAA,gBAAAJ,EAAC,UAAA,EAAQ,UAAAD,EAAA,CAAc,GACzB;AAEJ;"}

package/dist/components/Company/PaySchedule/_parts/List.js CHANGED Viewed

@@ -1,38 +1,37 @@
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
 import { useTranslation as h } from "react-i18next";
 import { usePaySchedule as y } from "../usePaySchedule.js";
 import o from "./List.module.scss.js";
 import { Flex as s } from "../../../Common/Flex/Flex.js";
 import "classnames";
-import "../../../../shared/constants.js";
 import { HamburgerMenu as f } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
 import S from "../../../../assets/icons/pencil.svg.js";
 import { useComponentContext as v } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { VisuallyHidden as g } from "../../../Common/VisuallyHidden/VisuallyHidden.js";
 import { useDataView as L } from "../../../Common/DataView/useDataView.js";
 import { DataView as C } from "../../../Common/DataView/DataView.js";
-const F = () => {
-  const { t: r } = h("Company.PaySchedule"), n = v(), { paySchedules: m, mode: c, handleEdit: l } = y(), { ...d } = L({
+const B = () => {
+  const { t: n } = h("Company.PaySchedule"), r = v(), { paySchedules: m, mode: c, handleEdit: l } = y(), { ...d } = L({
     data: m || [],
     columns: [
       {
-        title: r("payScheduleList.name"),
+        title: n("payScheduleList.name"),
         key: "customName",
         render: (t) => {
           const a = !!t.name;
           let i = a ? t.name : t.customName;
           i && i.length > 1 ? i = i.charAt(0).toUpperCase() + i.slice(1) : i = t.customName;
-          const p = t.customName;
-          return /* @__PURE__ */ e(s, { flexDirection: "column", gap: 0, children: /* @__PURE__ */ u("div", { className: o.content, children: [
+          const u = t.customName;
+          return /* @__PURE__ */ e(s, { flexDirection: "column", gap: 0, children: /* @__PURE__ */ p("div", { className: o.content, children: [
             /* @__PURE__ */ e("div", { children: i }),
-            a && /* @__PURE__ */ e("div", { children: p })
+            a && /* @__PURE__ */ e("div", { children: u })
           ] }) });
         }
       },
       {
-        title: /* @__PURE__ */ e(g, { children: r("payScheduleList.active") }),
+        title: /* @__PURE__ */ e(g, { children: n("payScheduleList.active") }),
         key: "active",
-        render: (t) => /* @__PURE__ */ e(s, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ e("div", { className: o.content, children: t.active ? /* @__PURE__ */ e(n.Badge, { status: "success", children: r("payScheduleList.active") }) : /* @__PURE__ */ e(n.Badge, { status: "info", children: r("payScheduleList.inactive") }) }) })
+        render: (t) => /* @__PURE__ */ e(s, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ e("div", { className: o.content, children: t.active ? /* @__PURE__ */ e(r.Badge, { status: "success", children: n("payScheduleList.active") }) : /* @__PURE__ */ e(r.Badge, { status: "info", children: n("payScheduleList.inactive") }) }) })
       }
     ],
     itemMenu: (t) => /* @__PURE__ */ e(
@@ -41,7 +40,7 @@ const F = () => {
         triggerLabel: "Actions",
         items: [
           {
-            label: r("payScheduleList.edit"),
+            label: n("payScheduleList.edit"),
             onClick: () => {
               l(t);
             },
@@ -54,6 +53,6 @@ const F = () => {
   return c !== "LIST_PAY_SCHEDULES" ? null : /* @__PURE__ */ e(C, { label: "test", ...d });
 };
 export {
-  F as List
+  B as List
 };
 //# sourceMappingURL=List.js.map

package/dist/components/Company/PaySchedule/_parts/List.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"List.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePaySchedule } from '../usePaySchedule'\nimport styles from './List.module.scss'\nimport { useDataView, DataView, Flex, VisuallyHidden } from '@/components/Common'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n const { t } = useTranslation('Company.PaySchedule')\n const Components = useComponentContext()\n const { paySchedules, mode, handleEdit } = usePaySchedule()\n\n const { ...dataViewProps } = useDataView({\n data: paySchedules \|\| [],\n columns: [\n {\n title: t('payScheduleList.name'),\n key: 'customName',\n render: schedule => {\n const hasName = !!schedule.name\n let displayName = hasName ? schedule.name : schedule.customName\n if (displayName && displayName.length > 1) {\n displayName = displayName.charAt(0).toUpperCase() + displayName.slice(1)\n } else {\n displayName = schedule.customName\n }\n const displayFrequency = schedule.customName\n return (\n <Flex flexDirection={'column'} gap={0}>\n <div className={styles.content}>\n <div>{displayName}</div>\n {hasName && <div>{displayFrequency}</div>}\n </div>\n </Flex>\n )\n },\n },\n {\n title: <VisuallyHidden>{t('payScheduleList.active')}</VisuallyHidden>,\n key: 'active',\n render: schedule => (\n <Flex alignItems={'center'} justifyContent={'center'}>\n <div className={styles.content}>\n {schedule.active ? (\n <Components.Badge status=\"success\">{t('payScheduleList.active')}</Components.Badge>\n ) : (\n <Components.Badge status=\"info\">{t('payScheduleList.inactive')}</Components.Badge>\n )}\n </div>\n </Flex>\n ),\n },\n ],\n itemMenu: schedule => {\n return (\n <HamburgerMenu\n triggerLabel=\"Actions\"\n items={[\n {\n label: t('payScheduleList.edit'),\n onClick: () => {\n handleEdit(schedule)\n },\n icon: <PencilSvg aria-hidden />,\n },\n ]}\n />\n )\n },\n })\n\n if (mode !== 'LIST_PAY_SCHEDULES') {\n return null\n }\n\n return <DataView label=\"test\" {...dataViewProps} />\n}\n"],"names":["List","t","useTranslation","Components","useComponentContext","paySchedules","mode","handleEdit","usePaySchedule","dataViewProps","useDataView","schedule","hasName","displayName","displayFrequency","jsx","Flex","jsxs","styles","VisuallyHidden","HamburgerMenu","PencilSvg","DataView"],"mappings":"~~;;;;;;;;;;;;;~~AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA,GACb,EAAE,cAAAC,GAAc,MAAAC,GAAM,YAAAC,EAAA,IAAeC,EAAA,GAErC,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAML,KAAgB,CAAA;AAAA,IACtB,SAAS;AAAA,MACP;AAAA,QACE,OAAOJ,EAAE,sBAAsB;AAAA,QAC/B,KAAK;AAAA,QACL,QAAQ,CAAAU,MAAY;AAClB,gBAAMC,IAAU,CAAC,CAACD,EAAS;AAC3B,cAAIE,IAAcD,IAAUD,EAAS,OAAOA,EAAS;AACrD,UAAIE,KAAeA,EAAY,SAAS,IACtCA,IAAcA,EAAY,OAAO,CAAC,EAAE,gBAAgBA,EAAY,MAAM,CAAC,IAEvEA,IAAcF,EAAS;AAEzB,gBAAMG,IAAmBH,EAAS;AAClC,iBACE,gBAAAI,EAACC,GAAA,EAAK,eAAe,UAAU,KAAK,GAClC,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA;AAAA,YAAA,gBAAAH,EAAC,SAAK,UAAAF,EAAA,CAAY;AAAA,YACjBD,KAAW,gBAAAG,EAAC,OAAA,EAAK,UAAAD,EAAA,CAAiB;AAAA,UAAA,EAAA,CACrC,EAAA,CACF;AAAA,QAEJ;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,OAAO,gBAAAC,EAACI,GAAA,EAAgB,UAAAlB,EAAE,wBAAwB,GAAE;AAAA,QACpD,KAAK;AAAA,QACL,QAAQ,CAAAU,MACN,gBAAAI,EAACC,GAAA,EAAK,YAAY,UAAU,gBAAgB,UAC1C,UAAA,gBAAAD,EAAC,SAAI,WAAWG,EAAO,SACpB,UAAAP,EAAS,SACR,gBAAAI,EAACZ,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAF,EAAE,wBAAwB,EAAA,CAAE,IAEhE,gBAAAc,EAACZ,EAAW,OAAX,EAAiB,QAAO,QAAQ,UAAAF,EAAE,0BAA0B,GAAE,GAEnE,EAAA,CACF;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEF,UAAU,CAAAU,MAEN,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,OAAO;AAAA,UACL;AAAA,YACE,OAAOnB,EAAE,sBAAsB;AAAA,YAC/B,SAAS,MAAM;AACb,cAAAM,EAAWI,CAAQ;AAAA,YACrB;AAAA,YACA,MAAM,gBAAAI,EAACM,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAC/B;AAAA,MACF;AAAA,IAAA;AAAA,EAGN,CACD;AAED,SAAIf,MAAS,uBACJ,OAGF,gBAAAS,EAACO,GAAA,EAAS,OAAM,QAAQ,GAAGb,GAAe;AACnD;"}
1	+ {"version":3,"file":"List.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePaySchedule } from '../usePaySchedule'\nimport styles from './List.module.scss'\nimport { useDataView, DataView, Flex, VisuallyHidden } from '@/components/Common'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n const { t } = useTranslation('Company.PaySchedule')\n const Components = useComponentContext()\n const { paySchedules, mode, handleEdit } = usePaySchedule()\n\n const { ...dataViewProps } = useDataView({\n data: paySchedules \|\| [],\n columns: [\n {\n title: t('payScheduleList.name'),\n key: 'customName',\n render: schedule => {\n const hasName = !!schedule.name\n let displayName = hasName ? schedule.name : schedule.customName\n if (displayName && displayName.length > 1) {\n displayName = displayName.charAt(0).toUpperCase() + displayName.slice(1)\n } else {\n displayName = schedule.customName\n }\n const displayFrequency = schedule.customName\n return (\n <Flex flexDirection={'column'} gap={0}>\n <div className={styles.content}>\n <div>{displayName}</div>\n {hasName && <div>{displayFrequency}</div>}\n </div>\n </Flex>\n )\n },\n },\n {\n title: <VisuallyHidden>{t('payScheduleList.active')}</VisuallyHidden>,\n key: 'active',\n render: schedule => (\n <Flex alignItems={'center'} justifyContent={'center'}>\n <div className={styles.content}>\n {schedule.active ? (\n <Components.Badge status=\"success\">{t('payScheduleList.active')}</Components.Badge>\n ) : (\n <Components.Badge status=\"info\">{t('payScheduleList.inactive')}</Components.Badge>\n )}\n </div>\n </Flex>\n ),\n },\n ],\n itemMenu: schedule => {\n return (\n <HamburgerMenu\n triggerLabel=\"Actions\"\n items={[\n {\n label: t('payScheduleList.edit'),\n onClick: () => {\n handleEdit(schedule)\n },\n icon: <PencilSvg aria-hidden />,\n },\n ]}\n />\n )\n },\n })\n\n if (mode !== 'LIST_PAY_SCHEDULES') {\n return null\n }\n\n return <DataView label=\"test\" {...dataViewProps} />\n}\n"],"names":["List","t","useTranslation","Components","useComponentContext","paySchedules","mode","handleEdit","usePaySchedule","dataViewProps","useDataView","schedule","hasName","displayName","displayFrequency","jsx","Flex","jsxs","styles","VisuallyHidden","HamburgerMenu","PencilSvg","DataView"],"mappings":";;;;;;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA,GACb,EAAE,cAAAC,GAAc,MAAAC,GAAM,YAAAC,EAAA,IAAeC,EAAA,GAErC,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAML,KAAgB,CAAA;AAAA,IACtB,SAAS;AAAA,MACP;AAAA,QACE,OAAOJ,EAAE,sBAAsB;AAAA,QAC/B,KAAK;AAAA,QACL,QAAQ,CAAAU,MAAY;AAClB,gBAAMC,IAAU,CAAC,CAACD,EAAS;AAC3B,cAAIE,IAAcD,IAAUD,EAAS,OAAOA,EAAS;AACrD,UAAIE,KAAeA,EAAY,SAAS,IACtCA,IAAcA,EAAY,OAAO,CAAC,EAAE,gBAAgBA,EAAY,MAAM,CAAC,IAEvEA,IAAcF,EAAS;AAEzB,gBAAMG,IAAmBH,EAAS;AAClC,iBACE,gBAAAI,EAACC,GAAA,EAAK,eAAe,UAAU,KAAK,GAClC,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA;AAAA,YAAA,gBAAAH,EAAC,SAAK,UAAAF,EAAA,CAAY;AAAA,YACjBD,KAAW,gBAAAG,EAAC,OAAA,EAAK,UAAAD,EAAA,CAAiB;AAAA,UAAA,EAAA,CACrC,EAAA,CACF;AAAA,QAEJ;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,OAAO,gBAAAC,EAACI,GAAA,EAAgB,UAAAlB,EAAE,wBAAwB,GAAE;AAAA,QACpD,KAAK;AAAA,QACL,QAAQ,CAAAU,MACN,gBAAAI,EAACC,GAAA,EAAK,YAAY,UAAU,gBAAgB,UAC1C,UAAA,gBAAAD,EAAC,SAAI,WAAWG,EAAO,SACpB,UAAAP,EAAS,SACR,gBAAAI,EAACZ,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAF,EAAE,wBAAwB,EAAA,CAAE,IAEhE,gBAAAc,EAACZ,EAAW,OAAX,EAAiB,QAAO,QAAQ,UAAAF,EAAE,0BAA0B,GAAE,GAEnE,EAAA,CACF;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEF,UAAU,CAAAU,MAEN,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,OAAO;AAAA,UACL;AAAA,YACE,OAAOnB,EAAE,sBAAsB;AAAA,YAC/B,SAAS,MAAM;AACb,cAAAM,EAAWI,CAAQ;AAAA,YACrB;AAAA,YACA,MAAM,gBAAAI,EAACM,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAC/B;AAAA,MACF;AAAA,IAAA;AAAA,EAGN,CACD;AAED,SAAIf,MAAS,uBACJ,OAGF,gBAAAS,EAACO,GAAA,EAAS,OAAM,QAAQ,GAAGb,GAAe;AACnD;"}

package/dist/components/Contractor/Address/Address.js CHANGED Viewed

@@ -11,13 +11,13 @@ import { Actions as B } from "./Actions.js";
 import { Form as N } from "../../Common/Form/Form.js";
 import { useComponentDictionary as j, useI18n as q } from "../../../i18n/I18n.js";
 import { Flex as w } from "../../Common/Flex/Flex.js";
-import "classnames";
-import { contractorEvents as d } from "../../../shared/constants.js";
 import "react-i18next";
+import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { BaseComponent as G } from "../../Base/Base.js";
 import { useBase as H } from "../../Base/useBase.js";
+import { contractorEvents as d } from "../../../shared/constants.js";
 function mt(r) {
   return /* @__PURE__ */ t(G, { ...r, children: /* @__PURE__ */ t(M, { ...r, children: r.children }) });
 }

package/dist/components/Contractor/Address/Form.js CHANGED Viewed

@@ -3,9 +3,9 @@ import { useTranslation as s } from "react-i18next";
 import { STATES_ABBR as o } from "../../../shared/constants.js";
 import { Grid as l } from "../../Common/Grid/Grid.js";
 import "classnames";
-import { TextInputField as t } from "../../Common/Fields/TextInputField/TextInputField.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
+import { TextInputField as t } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { SelectField as m } from "../../Common/Fields/SelectField/SelectField.js";
 function T() {
   const { t: e } = s("Contractor.Address");

package/dist/components/Contractor/ContractorList/index.js CHANGED Viewed

@@ -4,17 +4,17 @@ import { useContractorsDeleteMutation as w } from "@gusto/embedded-api/react-que
 import { useContractors as H } from "./useContractorList.js";
 import { Flex as p } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { CONTRACTOR_TYPE as k, componentEvents as m } from "../../../shared/constants.js";
-import { EmptyData as U } from "../../Common/EmptyData/EmptyData.js";
+import { EmptyData as k } from "../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as f } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { HamburgerMenu as j } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { firstLastName as M } from "../../../helpers/formattedStrings.js";
-import V from "../../../assets/icons/pencil.svg.js";
+import { HamburgerMenu as U } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { firstLastName as j } from "../../../helpers/formattedStrings.js";
+import M from "../../../assets/icons/pencil.svg.js";
 import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { ContractorOnboardingStatusBadge as F } from "../../Common/OnboardingStatusBadge/index.js";
-import { useI18n as q } from "../../../i18n/I18n.js";
-import { BaseComponent as G } from "../../Base/Base.js";
-import { useBase as Y } from "../../Base/useBase.js";
+import { ContractorOnboardingStatusBadge as V } from "../../Common/OnboardingStatusBadge/index.js";
+import { useI18n as F } from "../../../i18n/I18n.js";
+import { BaseComponent as q } from "../../Base/Base.js";
+import { useBase as G } from "../../Base/useBase.js";
+import { CONTRACTOR_TYPE as Y, componentEvents as m } from "../../../shared/constants.js";
 import z from "../../../assets/icons/trashcan.svg.js";
 import { useDataView as J } from "../../Common/DataView/useDataView.js";
 import { DataView as K } from "../../Common/DataView/DataView.js";
@@ -27,14 +27,14 @@ function Q({ count: o, handleAdd: a }) {
 }
 function W({ handleAdd: o }) {
   const { Button: a } = u(), { t: r } = d("Contractor.ContractorList");
-  return /* @__PURE__ */ t(U, { title: r("emptyTableTitle"), description: r("emptyTableDescription"), children: /* @__PURE__ */ t(f, { justifyContent: "center", children: /* @__PURE__ */ t(a, { onClick: o, children: r("addContractorCta") }) }) });
+  return /* @__PURE__ */ t(k, { title: r("emptyTableTitle"), description: r("emptyTableDescription"), children: /* @__PURE__ */ t(f, { justifyContent: "center", children: /* @__PURE__ */ t(a, { onClick: o, children: r("addContractorCta") }) }) });
 }
 function Tt(o) {
-  return /* @__PURE__ */ t(G, { ...o, children: /* @__PURE__ */ t(X, { ...o, children: o.children }) });
+  return /* @__PURE__ */ t(q, { ...o, children: /* @__PURE__ */ t(X, { ...o, children: o.children }) });
 }
 function X({ companyId: o, className: a, dictionary: r, successMessage: i }) {
-  q("Contractor.ContractorList");
-  const { t: n } = d("Contractor.ContractorList"), { onEvent: s, baseSubmitHandler: h } = Y(), { Alert: g, Button: T } = u(), {
+  F("Contractor.ContractorList");
+  const { t: n } = d("Contractor.ContractorList"), { onEvent: s, baseSubmitHandler: h } = G(), { Alert: g, Button: T } = u(), {
     contractors: P,
     totalCount: L,
     handleNextPage: N,
@@ -49,12 +49,12 @@ function X({ companyId: o, className: a, dictionary: r, successMessage: i }) {
     columns: [
       {
         title: n("listHeaders.name"),
-        render: (e) => e.type === k.BUSINESS ? e.businessName : M({ first_name: e.firstName, last_name: e.lastName })
+        render: (e) => e.type === Y.BUSINESS ? e.businessName : j({ first_name: e.firstName, last_name: e.lastName })
       },
       {
         title: n("listHeaders.status"),
         render: ({ onboarded: e, onboardingStatus: c }) => /* @__PURE__ */ t(
-          F,
+          V,
           {
             onboarded: e,
             onboardingStatus: c
@@ -64,12 +64,12 @@ function X({ companyId: o, className: a, dictionary: r, successMessage: i }) {
     ],
     data: P,
     itemMenu: (e) => /* @__PURE__ */ t(
-      j,
+      U,
       {
         items: [
           {
             label: n("editCta"),
-            icon: /* @__PURE__ */ t(V, { "aria-hidden": !0 }),
+            icon: /* @__PURE__ */ t(M, { "aria-hidden": !0 }),
             onClick: () => {
               _(e.uuid);
             }

package/dist/components/Contractor/PaymentMethod/BankAccountForm.js CHANGED Viewed

@@ -2,10 +2,10 @@ import { jsxs as a, Fragment as t, jsx as r } from "react/jsx-runtime";
 import { useTranslation as n } from "react-i18next";
 import "../../../shared/constants.js";
 import "classnames";
-import { RadioGroupField as i } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
+import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { RadioGroupField as i } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 function N({ bankAccount: u }) {
   const { t: e } = n("Contractor.PaymentMethod", { keyPrefix: "bankAccountForm" });
   return /* @__PURE__ */ a(t, { children: [

package/dist/components/Contractor/PaymentMethod/PaymentTypeForm.js CHANGED Viewed

@@ -3,9 +3,9 @@ import { useTranslation as r } from "react-i18next";
 import { z as t } from "zod";
 import { PAYMENT_METHODS as o } from "../../../shared/constants.js";
 import "classnames";
-import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
+import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 t.object({
   type: t.enum(["Check", "Direct Deposit"])
 });

package/dist/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.js CHANGED Viewed

@@ -2,16 +2,15 @@ import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { useTranslation as R } from "react-i18next";
 import { useMemo as A } from "react";
 import { getContractorDisplayName as F } from "./helpers.js";
-import { Flex as a, FlexItem as M } from "../../../Common/Flex/Flex.js";
+import { Flex as i, FlexItem as M } from "../../../Common/Flex/Flex.js";
 import "classnames";
-import "../../../../shared/constants.js";
 import { HamburgerMenu as N } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useComponentContext as j } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as v } from "../../../../i18n/I18n.js";
 import { formatHoursDisplay as I } from "../../../Payroll/helpers.js";
 import O from "../../../../hooks/useNumberFormatter.js";
 import { DataView as S } from "../../../Common/DataView/DataView.js";
-const U = "0.000", K = ({
+const U = "0.000", J = ({
   contractors: u,
   paymentDate: p,
   contractorPayments: m,
@@ -28,14 +27,14 @@ const U = "0.000", K = ({
     () => m.map((e) => ({
       ...e,
       contractorDetails: u.find(
-        (i) => i.uuid === e.contractorUuid
+        (a) => a.uuid === e.contractorUuid
       )
     })),
     [m, u]
   );
-  return /* @__PURE__ */ c(a, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ c(a, { justifyContent: "flex-end", gap: 16, children: [
-      /* @__PURE__ */ c(a, { flexDirection: "column", gap: 16, children: [
+  return /* @__PURE__ */ c(i, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ c(i, { justifyContent: "flex-end", gap: 16, children: [
+      /* @__PURE__ */ c(i, { flexDirection: "column", gap: 16, children: [
         /* @__PURE__ */ r(s, { as: "h2", children: t("title") }),
         /* @__PURE__ */ r(n, { variant: "supporting", children: t("paymentSpeedNotice") })
       ] }),
@@ -51,7 +50,7 @@ const U = "0.000", K = ({
       },
       e.title
     )),
-    /* @__PURE__ */ r(a, { flexDirection: "column", gap: 8, children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(i, { flexDirection: "column", gap: 8, children: /* @__PURE__ */ r(
       C,
       {
         type: "date",
@@ -61,7 +60,7 @@ const U = "0.000", K = ({
         isRequired: !0
       }
     ) }),
-    /* @__PURE__ */ c(a, { flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ c(i, { flexDirection: "column", gap: 16, children: [
       /* @__PURE__ */ r(s, { as: "h3", children: t("hoursAndPaymentsLabel") }),
       /* @__PURE__ */ r(
         S,
@@ -86,8 +85,8 @@ const U = "0.000", K = ({
             {
               title: t("contractorTableHeaders.wage"),
               render: (e) => {
-                const i = e.contractorDetails?.wageType === "Fixed" && e.wage ? e.wage : 0;
-                return /* @__PURE__ */ r(n, { children: o(i) });
+                const a = e.contractorDetails?.wageType === "Fixed" && e.wage ? e.wage : 0;
+                return /* @__PURE__ */ r(n, { children: o(a) });
               }
             },
             {
@@ -100,8 +99,8 @@ const U = "0.000", K = ({
             },
             {
               title: t("contractorTableHeaders.total"),
-              render: ({ bonus: e, reimbursement: i, wage: P, hours: d, contractorDetails: h }) => {
-                const L = (e ?? 0) + (i ?? 0) + (P ?? 0) + (h?.wageType === "Hourly" && d ? d * Number(h.hourlyRate ?? 0) : 0);
+              render: ({ bonus: e, reimbursement: a, wage: P, hours: d, contractorDetails: h }) => {
+                const L = (e ?? 0) + (a ?? 0) + (P ?? 0) + (h?.wageType === "Hourly" && d ? d * Number(h.hourlyRate ?? 0) : 0);
                 return /* @__PURE__ */ r(n, { children: o(L) });
               }
             }
@@ -135,6 +134,6 @@ const U = "0.000", K = ({
   ] });
 };
 export {
-  K as CreatePaymentPresentation
+  J as CreatePaymentPresentation
 };
 //# sourceMappingURL=CreatePaymentPresentation.js.map

package/dist/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CreatePaymentPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorPayments } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useMemo } from 'react'\nimport type { InternalAlert } from '../types'\nimport { getContractorDisplayName } from './helpers'\nimport { DataView, Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface ContractorPaymentCreatePaymentPresentationProps {\n contractors: Contractor[]\n contractorPayments: ContractorPayments[]\n paymentDate: string\n onPaymentDateChange: (date: string) => void\n onSaveAndContinue: () => void\n onEditContractor: (contractorUuid: string) => void\n totals: {\n wage: number\n bonus: number\n reimbursement: number\n total: number\n }\n alerts: Record<string, InternalAlert>\n isLoading: boolean\n}\n\nexport const CreatePaymentPresentation = ({\n contractors,\n paymentDate,\n contractorPayments,\n onPaymentDateChange,\n onSaveAndContinue,\n onEditContractor,\n totals,\n alerts,\n isLoading,\n}: ContractorPaymentCreatePaymentPresentationProps) => {\n const { Button, Text, Heading, TextInput, Alert } = useComponentContext()\n useI18n('Contractor.Payments.CreatePayment')\n const { t } = useTranslation('Contractor.Payments.CreatePayment')\n const currencyFormatter = useNumberFormatter('currency')\n\n const formatWageType = (contractor?: Contractor) => {\n if (!contractor) {\n return ''\n }\n if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n return `${t('wageTypes.hourly')} ${currencyFormatter(Number(contractor.hourlyRate))}${t('perHour')}`\n }\n return contractor.wageType\n }\n\n const tableData = useMemo(\n () =>\n contractorPayments.map(payment => {\n return {\n ...payment,\n contractorDetails: contractors.find(\n contractor => contractor.uuid === payment.contractorUuid,\n ),\n }\n }),\n [contractorPayments, contractors],\n )\n\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <Flex justifyContent=\"flex-end\" gap={16}>\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h2\">{t('title')}</Heading>\n <Text variant=\"supporting\">{t('paymentSpeedNotice')}</Text>\n </Flex>\n <FlexItem>\n <Button onClick={onSaveAndContinue} variant=\"primary\" isLoading={isLoading}>\n {t('continueCta')}\n </Button>\n </FlexItem>\n </Flex>\n\n {Object.values(alerts).map(alert => (\n <Alert\n key={alert.title}\n label={alert.title}\n onDismiss={alert.onDismiss}\n status={alert.type}\n >\n {alert.content ?? null}\n </Alert>\n ))}\n\n <Flex flexDirection=\"column\" gap={8}>\n <TextInput\n type=\"date\"\n value={paymentDate}\n onChange={onPaymentDateChange}\n label={t('dateLabel')}\n isRequired\n />\n </Flex>\n\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h3\">{t('hoursAndPaymentsLabel')}</Heading>\n {/* //TODO: add empty state /}\n <DataView\n columns={[\n {\n title: t('contractorTableHeaders.contractor'),\n render: paymentData => (\n <Text>{getContractorDisplayName(paymentData.contractorDetails)}</Text>\n ),\n },\n {\n title: t('contractorTableHeaders.wageType'),\n render: paymentData => <Text>{formatWageType(paymentData.contractorDetails)}</Text>,\n },\n {\n title: t('contractorTableHeaders.paymentMethod'),\n render: paymentData => <Text>{paymentData.paymentMethod \|\| t('na')}</Text>,\n },\n {\n title: t('contractorTableHeaders.hours'),\n render: paymentData => (\n <Text>\n {paymentData.contractorDetails?.wageType === 'Hourly' && paymentData.hours\n ? formatHoursDisplay(paymentData.hours)\n : ZERO_HOURS_DISPLAY}\n </Text>\n ),\n },\n {\n title: t('contractorTableHeaders.wage'),\n render: paymentData => {\n const amount =\n paymentData.contractorDetails?.wageType === 'Fixed' && paymentData.wage\n ? paymentData.wage\n : 0\n return <Text>{currencyFormatter(amount)}</Text>\n },\n },\n {\n title: t('contractorTableHeaders.bonus'),\n render: paymentData => <Text>{currencyFormatter(paymentData.bonus \|\| 0)}</Text>,\n },\n {\n title: t('contractorTableHeaders.reimbursement'),\n render: paymentData => (\n <Text>{currencyFormatter(paymentData.reimbursement \|\| 0)}</Text>\n ),\n },\n {\n title: t('contractorTableHeaders.total'),\n render: ({ bonus, reimbursement, wage, hours, contractorDetails }) => {\n const totalAmount =\n (bonus ?? 0) +\n (reimbursement ?? 0) +\n (wage ?? 0) +\n (contractorDetails?.wageType === 'Hourly' && hours\n ? hours Number(contractorDetails.hourlyRate ?? 0)\n : 0)\n return <Text>{currencyFormatter(totalAmount)}</Text>\n },\n },\n ]}\n data={tableData}\n footer={() => ({\n 'column-0': <Text weight=\"bold\">{t('totalsLabel')}</Text>,\n 'column-4': <Text>{currencyFormatter(totals.wage)}</Text>,\n 'column-5': <Text>{currencyFormatter(totals.bonus)}</Text>,\n 'column-6': <Text>{currencyFormatter(totals.reimbursement)}</Text>,\n 'column-7': <Text>{currencyFormatter(totals.total)}</Text>,\n })}\n label={t('hoursAndPaymentsLabel')}\n itemMenu={paymentData => (\n <HamburgerMenu\n items={[\n {\n label: t('editContractor'),\n onClick: () => {\n onEditContractor(paymentData.contractorUuid!)\n },\n },\n ]}\n triggerLabel={t('editContractor')}\n />\n )}\n />\n </Flex>\n </Flex>\n )\n}\n"],"names":["ZERO_HOURS_DISPLAY","CreatePaymentPresentation","contractors","paymentDate","contractorPayments","onPaymentDateChange","onSaveAndContinue","onEditContractor","totals","alerts","isLoading","Button","Text","Heading","TextInput","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","tableData","useMemo","payment","jsxs","Flex","jsx","FlexItem","alert","DataView","paymentData","getContractorDisplayName","formatHoursDisplay","amount","bonus","reimbursement","wage","hours","contractorDetails","totalAmount","HamburgerMenu"],"mappings":"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"}
1	+ {"version":3,"file":"CreatePaymentPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorPayments } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useMemo } from 'react'\nimport type { InternalAlert } from '../types'\nimport { getContractorDisplayName } from './helpers'\nimport { DataView, Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface ContractorPaymentCreatePaymentPresentationProps {\n contractors: Contractor[]\n contractorPayments: ContractorPayments[]\n paymentDate: string\n onPaymentDateChange: (date: string) => void\n onSaveAndContinue: () => void\n onEditContractor: (contractorUuid: string) => void\n totals: {\n wage: number\n bonus: number\n reimbursement: number\n total: number\n }\n alerts: Record<string, InternalAlert>\n isLoading: boolean\n}\n\nexport const CreatePaymentPresentation = ({\n contractors,\n paymentDate,\n contractorPayments,\n onPaymentDateChange,\n onSaveAndContinue,\n onEditContractor,\n totals,\n alerts,\n isLoading,\n}: ContractorPaymentCreatePaymentPresentationProps) => {\n const { Button, Text, Heading, TextInput, Alert } = useComponentContext()\n useI18n('Contractor.Payments.CreatePayment')\n const { t } = useTranslation('Contractor.Payments.CreatePayment')\n const currencyFormatter = useNumberFormatter('currency')\n\n const formatWageType = (contractor?: Contractor) => {\n if (!contractor) {\n return ''\n }\n if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n return `${t('wageTypes.hourly')} ${currencyFormatter(Number(contractor.hourlyRate))}${t('perHour')}`\n }\n return contractor.wageType\n }\n\n const tableData = useMemo(\n () =>\n contractorPayments.map(payment => {\n return {\n ...payment,\n contractorDetails: contractors.find(\n contractor => contractor.uuid === payment.contractorUuid,\n ),\n }\n }),\n [contractorPayments, contractors],\n )\n\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <Flex justifyContent=\"flex-end\" gap={16}>\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h2\">{t('title')}</Heading>\n <Text variant=\"supporting\">{t('paymentSpeedNotice')}</Text>\n </Flex>\n <FlexItem>\n <Button onClick={onSaveAndContinue} variant=\"primary\" isLoading={isLoading}>\n {t('continueCta')}\n </Button>\n </FlexItem>\n </Flex>\n\n {Object.values(alerts).map(alert => (\n <Alert\n key={alert.title}\n label={alert.title}\n onDismiss={alert.onDismiss}\n status={alert.type}\n >\n {alert.content ?? null}\n </Alert>\n ))}\n\n <Flex flexDirection=\"column\" gap={8}>\n <TextInput\n type=\"date\"\n value={paymentDate}\n onChange={onPaymentDateChange}\n label={t('dateLabel')}\n isRequired\n />\n </Flex>\n\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h3\">{t('hoursAndPaymentsLabel')}</Heading>\n {/* //TODO: add empty state /}\n <DataView\n columns={[\n {\n title: t('contractorTableHeaders.contractor'),\n render: paymentData => (\n <Text>{getContractorDisplayName(paymentData.contractorDetails)}</Text>\n ),\n },\n {\n title: t('contractorTableHeaders.wageType'),\n render: paymentData => <Text>{formatWageType(paymentData.contractorDetails)}</Text>,\n },\n {\n title: t('contractorTableHeaders.paymentMethod'),\n render: paymentData => <Text>{paymentData.paymentMethod \|\| t('na')}</Text>,\n },\n {\n title: t('contractorTableHeaders.hours'),\n render: paymentData => (\n <Text>\n {paymentData.contractorDetails?.wageType === 'Hourly' && paymentData.hours\n ? formatHoursDisplay(paymentData.hours)\n : ZERO_HOURS_DISPLAY}\n </Text>\n ),\n },\n {\n title: t('contractorTableHeaders.wage'),\n render: paymentData => {\n const amount =\n paymentData.contractorDetails?.wageType === 'Fixed' && paymentData.wage\n ? paymentData.wage\n : 0\n return <Text>{currencyFormatter(amount)}</Text>\n },\n },\n {\n title: t('contractorTableHeaders.bonus'),\n render: paymentData => <Text>{currencyFormatter(paymentData.bonus \|\| 0)}</Text>,\n },\n {\n title: t('contractorTableHeaders.reimbursement'),\n render: paymentData => (\n <Text>{currencyFormatter(paymentData.reimbursement \|\| 0)}</Text>\n ),\n },\n {\n title: t('contractorTableHeaders.total'),\n render: ({ bonus, reimbursement, wage, hours, contractorDetails }) => {\n const totalAmount =\n (bonus ?? 0) +\n (reimbursement ?? 0) +\n (wage ?? 0) +\n (contractorDetails?.wageType === 'Hourly' && hours\n ? hours Number(contractorDetails.hourlyRate ?? 0)\n : 0)\n return <Text>{currencyFormatter(totalAmount)}</Text>\n },\n },\n ]}\n data={tableData}\n footer={() => ({\n 'column-0': <Text weight=\"bold\">{t('totalsLabel')}</Text>,\n 'column-4': <Text>{currencyFormatter(totals.wage)}</Text>,\n 'column-5': <Text>{currencyFormatter(totals.bonus)}</Text>,\n 'column-6': <Text>{currencyFormatter(totals.reimbursement)}</Text>,\n 'column-7': <Text>{currencyFormatter(totals.total)}</Text>,\n })}\n label={t('hoursAndPaymentsLabel')}\n itemMenu={paymentData => (\n <HamburgerMenu\n items={[\n {\n label: t('editContractor'),\n onClick: () => {\n onEditContractor(paymentData.contractorUuid!)\n },\n },\n ]}\n triggerLabel={t('editContractor')}\n />\n )}\n />\n </Flex>\n </Flex>\n )\n}\n"],"names":["ZERO_HOURS_DISPLAY","CreatePaymentPresentation","contractors","paymentDate","contractorPayments","onPaymentDateChange","onSaveAndContinue","onEditContractor","totals","alerts","isLoading","Button","Text","Heading","TextInput","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","tableData","useMemo","payment","jsxs","Flex","jsx","FlexItem","alert","DataView","paymentData","getContractorDisplayName","formatHoursDisplay","amount","bonus","reimbursement","wage","hours","contractorDetails","totalAmount","HamburgerMenu"],"mappings":"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"}

package/dist/components/Contractor/Payments/CreatePayment/EditContractorPaymentPresentation.js CHANGED Viewed

@@ -7,12 +7,12 @@ import { useComponentContext as L } from "../../../../contexts/ComponentAdapter/
 import { Flex as i } from "../../../Common/Flex/Flex.js";
 import { Grid as R } from "../../../Common/Grid/Grid.js";
 import "classnames";
-import { RadioGroupField as S } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { ActionsLayout as T } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { ActionsLayout as S } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as T } from "../../../Common/Form/Form.js";
+import { useI18n as E } from "../../../../i18n/I18n.js";
+import I from "../../../../hooks/useNumberFormatter.js";
 import { NumberInputField as c } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
-import { Form as E } from "../../../Common/Form/Form.js";
-import { useI18n as I } from "../../../../i18n/I18n.js";
-import j from "../../../../hooks/useNumberFormatter.js";
+import { RadioGroupField as j } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
 const Y = t.object({
   wageType: t.enum(["Hourly", "Fixed"]),
   hours: t.number().nonnegative().max(2e4).optional(),
@@ -29,10 +29,10 @@ const Y = t.object({
   onSubmit: s
 }) => {
   const d = w();
-  I("Contractor.Payments.CreatePayment");
+  E("Contractor.Payments.CreatePayment");
   const { t: e } = H("Contractor.Payments.CreatePayment", {
     keyPrefix: "editContractorPayment"
-  }), { Modal: b, Button: p, Text: h, Heading: l } = L(), g = j("currency"), m = a({
+  }), { Modal: b, Button: p, Text: h, Heading: l } = L(), g = I("currency"), m = a({
     name: "wageType",
     control: o.control
   }), f = a({
@@ -60,7 +60,7 @@ const Y = t.object({
     {
       isOpen: y,
       onClose: u,
-      footer: /* @__PURE__ */ r(T, { children: [
+      footer: /* @__PURE__ */ r(S, { children: [
         /* @__PURE__ */ n(p, { variant: "secondary", onClick: u, children: e("cancelCta") }),
         /* @__PURE__ */ n(
           p,
@@ -73,7 +73,7 @@ const Y = t.object({
           }
         )
       ] }),
-      children: /* @__PURE__ */ n(k, { ...o, children: /* @__PURE__ */ n(E, { id: d, onSubmit: o.handleSubmit(s), children: /* @__PURE__ */ r(i, { flexDirection: "column", gap: 32, children: [
+      children: /* @__PURE__ */ n(k, { ...o, children: /* @__PURE__ */ n(T, { id: d, onSubmit: o.handleSubmit(s), children: /* @__PURE__ */ r(i, { flexDirection: "column", gap: 32, children: [
         /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
           /* @__PURE__ */ n(l, { as: "h2", children: e("title") }),
           /* @__PURE__ */ n(h, { children: e("subtitle") }),
@@ -114,7 +114,7 @@ const Y = t.object({
           ] })
         ] }),
         /* @__PURE__ */ n(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ n(
-          S,
+          j,
           {
             name: "paymentMethod",
             options: F,