@gusto/embedded-react-sdk 0.14.0 → 0.15.0

package/dist/types/i18next.d.ts

@@ -972,6 +972,8 @@ export interface PayrollPayrollConfiguration{
 "skippedBadge":string;
 "editMenu":{
 "edit":string;
+"skip":string;
+"unskip":string;
 };
 "alerts":{
 "progressSaved":string;
@@ -1043,7 +1045,7 @@ export interface PayrollPayrollHistory{
 "type":string;
 "payDate":string;
 "status":string;
-"amount":string;
+"totalPayroll":string;
 };
 "menu":{
 "viewSummary":string;
@@ -1082,6 +1084,16 @@ export interface PayrollPayrollList{
 "title":string;
 "payrollsListLabel":string;
 "runPayrollTitle":string;
+"submitPayrollCta":string;
+"skipPayrollCta":string;
+"payrollMenuLabel":string;
+"skipPayrollDialog":{
+"title":string;
+"body":string;
+"confirmButton":string;
+"cancelButton":string;
+};
+"skipSuccessAlert":string;
 "status":{
 "processed":string;
 "unprocessed":string;
@@ -1123,6 +1135,8 @@ export interface PayrollPayrollOverview{
 "checkPaymentWarning_one":string;
 "checkPaymentWarning_other":string;
 "checkPaymentWarningDescription":string;
+"payrollProcessedTitle":string;
+"payrollProcessedMessage":string;
 };
 "payrollSummaryTitle":string;
 "payrollSummaryLabel":string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gusto/embedded-react-sdk",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "homepage": "https://github.com/Gusto/embedded-react-sdk",
   "bugs": {
     "url": "https://github.com/Gusto/embedded-react-sdk/issues"
@@ -74,35 +74,35 @@
     "@types/react": "^19.2.2",
     "@vitejs/plugin-react-swc": "^3.9.0",
     "@vitest/coverage-v8": "^3.2.4",
-    "axe-core": "^4.10.2",
+    "axe-core": "^4.11.0",
     "dotenv": "^17.2.3",
     "eslint": "^9.37.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^6.1.1",
-    "eslint-plugin-react-refresh": "^0.4.23",
+    "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.4.0",
     "husky": "^9.1.7",
     "jest-axe": "^9.0.0",
     "js-yaml": "^4.1.0",
     "jsdom": "^26.1.0",
     "jsdom-testing-mocks": "^1.16.0",
-    "lint-staged": "^16.2.3",
-    "msw": "^2.11.4",
+    "lint-staged": "^16.2.4",
+    "msw": "^2.11.5",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.5.3",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "sass-embedded": "^1.93.2",
-    "ts-morph": "^27.0.0",
+    "ts-morph": "^27.0.2",
     "tsx": "^4.20.6",
-    "typescript-eslint": "^8.46.0",
-    "vite": "^6.2.7",
+    "typescript-eslint": "^8.46.1",
+    "vite": "^6.4.0",
     "vite-plugin-checker": "^0.11.0",
     "vite-plugin-circular-dependency": "^0.5.0",
     "vite-plugin-dts": "^4.5.3",
-    "vite-plugin-externalize-deps": "^0.9.0",
+    "vite-plugin-externalize-deps": "^0.10.0",
     "vite-plugin-stylelint": "^6.0.2",
     "vite-plugin-svgr": "^4.3.0",
     "vitest": "^3.2.4"
@@ -114,20 +114,20 @@
     "typescript": "^5.8.3"
   },
   "dependencies": {
-    "@gusto/embedded-api": "^0.7.1",
+    "@gusto/embedded-api": "^0.8.1",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "^5.2.2",
     "@internationalized/date": "^3.10.0",
     "@internationalized/number": "^3.6.5",
     "classnames": "^2.5.1",
     "deepmerge": "^4.3.1",
-    "dompurify": "^3.2.7",
-    "i18next": "^25.5.3",
+    "dompurify": "^3.3.0",
+    "i18next": "^25.6.0",
     "react-aria": "^3.44.0",
     "react-aria-components": "1.13.0",
     "react-error-boundary": "^6.0.0",
-    "react-hook-form": "^7.64.0",
-    "react-i18next": "^16.0.0",
+    "react-hook-form": "^7.65.0",
+    "react-i18next": "^16.0.1",
     "react-robot": "^1.2.0",
     "robot3": "^1.2.0",
     "zod": "^3.25.17"

package/dist/components/Payroll/PayrollBlocker/PayrollBlockerAlerts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PayrollBlockerAlerts.js","sources":["../../../../src/components/Payroll/PayrollBlocker/PayrollBlockerAlerts.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type ApiPayrollBlocker, getBlockerTranslationKeys } from './payrollHelpers'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\ninterface PayrollBlockerAlertsProps {\n  blockers: ApiPayrollBlocker[]\n  className?: string\n  onMultipleViewClick?: () => void\n  multipleViewLabel?: string\n}\n\n/**\n * PayrollBlockerAlerts - Alert-style component for inline blocker display\n * Shows single blocker as alert, or multiple blockers as summary with \"Review\" button\n * Returns null for empty blocker arrays\n */\nexport function PayrollBlockerAlerts({\n  blockers,\n  onMultipleViewClick,\n  multipleViewLabel,\n  className,\n}: PayrollBlockerAlertsProps) {\n  useI18n('PayrollBlocker')\n  const { t } = useTranslation('PayrollBlocker')\n  const { Alert, Button, Text, UnorderedList } = useComponentContext()\n\n  // Return null for empty blockers array\n  if (blockers.length === 0) {\n    return null\n  }\n\n  const hasMultipleBlockers = blockers.length > 1\n\n  const enrichedBlockers = blockers.map(blocker => {\n    const translationKeys = getBlockerTranslationKeys(blocker.key)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: blocker.key.replace(/_/g, ' ').replace(/\\b\\w/g, l => l.toUpperCase()),\n    })\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n    const helpText = t(translationKeys.helpTextKey, { defaultValue: t('defaultBlockerHelpText') })\n\n    return {\n      ...blocker,\n      title,\n      description,\n      helpText,\n    }\n  })\n\n  const singleBlocker = enrichedBlockers[0]\n\n  if (!hasMultipleBlockers && singleBlocker) {\n    return (\n      <Alert status=\"error\" label={singleBlocker.title} className={className}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Text>{singleBlocker.description}</Text>\n          {singleBlocker.helpText && singleBlocker.helpText !== singleBlocker.description && (\n            <Text variant=\"supporting\" size=\"sm\">\n              {singleBlocker.helpText}\n            </Text>\n          )}\n        </Flex>\n      </Alert>\n    )\n  }\n\n  const listItems = enrichedBlockers.map(blocker => blocker.title)\n  const defaultMultipleLabel = multipleViewLabel || t('viewAllBlockers')\n\n  return (\n    <Alert\n      status=\"error\"\n      label={t('multipleIssuesTitle', { count: blockers.length })}\n      className={className}\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        <UnorderedList items={listItems} />\n        {onMultipleViewClick && (\n          <div>\n            <Button variant=\"secondary\" onClick={onMultipleViewClick} title={defaultMultipleLabel}>\n              {defaultMultipleLabel}\n            </Button>\n          </div>\n        )}\n      </Flex>\n    </Alert>\n  )\n}\n"],"names":["PayrollBlockerAlerts","blockers","onMultipleViewClick","multipleViewLabel","className","useI18n","t","useTranslation","Alert","Button","Text","UnorderedList","useComponentContext","hasMultipleBlockers","enrichedBlockers","blocker","translationKeys","getBlockerTranslationKeys","title","l","description","helpText","singleBlocker","jsx","jsxs","Flex","listItems","defaultMultipleLabel"],"mappings":";;;;;;;;AAkBO,SAASA,EAAqB;AAAA,EACnC,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,gBAAgB;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GACvC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,EAAA,IAAkBC,EAAA;AAG/C,MAAIX,EAAS,WAAW;AACtB,WAAO;AAGT,QAAMY,IAAsBZ,EAAS,SAAS,GAExCa,IAAmBb,EAAS,IAAI,CAAAc,MAAW;AAC/C,UAAMC,IAAkBC,EAA0BF,EAAQ,GAAG,GAEvDG,IAAQZ,EAAEU,EAAgB,UAAU;AAAA,MACxC,cAAcD,EAAQ,IAAI,QAAQ,MAAM,GAAG,EAAE,QAAQ,SAAS,CAAAI,MAAKA,EAAE,YAAA,CAAa;AAAA,IAAA,CACnF,GACKC,IAAcd,EAAEU,EAAgB,gBAAgB;AAAA,MACpD,cAAcD,EAAQ,WAAWT,EAAE,2BAA2B;AAAA,IAAA,CAC/D,GACKe,IAAWf,EAAEU,EAAgB,aAAa,EAAE,cAAcV,EAAE,wBAAwB,GAAG;AAE7F,WAAO;AAAA,MACL,GAAGS;AAAA,MACH,OAAAG;AAAA,MACA,aAAAE;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ,CAAC,GAEKC,IAAgBR,EAAiB,CAAC;AAExC,MAAI,CAACD,KAAuBS;AAC1B,WACE,gBAAAC,EAACf,GAAA,EAAM,QAAO,SAAQ,OAAOc,EAAc,OAAO,WAAAlB,GAChD,UAAA,gBAAAoB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAF,EAACb,GAAA,EAAM,YAAc,YAAA,CAAY;AAAA,MAChCY,EAAc,YAAYA,EAAc,aAAaA,EAAc,eAClE,gBAAAC,EAACb,GAAA,EAAK,SAAQ,cAAa,MAAK,MAC7B,YAAc,SAAA,CACjB;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAIJ,QAAMgB,IAAYZ,EAAiB,IAAI,CAAAC,MAAWA,EAAQ,KAAK,GACzDY,IAAuBxB,KAAqBG,EAAE,iBAAiB;AAErE,SACE,gBAAAiB;AAAA,IAACf;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAOF,EAAE,uBAAuB,EAAE,OAAOL,EAAS,QAAQ;AAAA,MAC1D,WAAAG;AAAA,MAEA,UAAA,gBAAAoB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAF,EAACZ,GAAA,EAAc,OAAOe,EAAA,CAAW;AAAA,QAChCxB,KACC,gBAAAqB,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACd,GAAA,EAAO,SAAQ,aAAY,SAASP,GAAqB,OAAOyB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/RunPayrollFlow/RunPayroll.d.ts

@@ -1,23 +0,0 @@
-import { BaseComponentInterface } from '../../Base/Base';
-interface RunPayrollProps extends Pick<BaseComponentInterface, 'onEvent'> {
-    companyId: string;
-    Configuration: ({ onEvent, payrollId, companyId, alerts, }: Pick<BaseComponentInterface, 'onEvent'> & {
-        payrollId: string;
-        companyId: string;
-        alerts?: React.ReactNode;
-    }) => React.JSX.Element;
-    Landing: ({ companyId, onEvent, }: Pick<BaseComponentInterface, 'onEvent'> & {
-        companyId: string;
-    }) => React.JSX.Element;
-    Overview: ({ companyId, onEvent, payrollId, }: Pick<BaseComponentInterface, 'onEvent'> & {
-        companyId: string;
-        payrollId: string;
-    }) => React.JSX.Element;
-    EditEmployee: ({ onEvent, employeeId, companyId, payrollId, }: Pick<BaseComponentInterface, 'onEvent'> & {
-        employeeId: string;
-        companyId: string;
-        payrollId: string;
-    }) => React.JSX.Element;
-}
-export declare const RunPayroll: ({ companyId, Configuration, Landing, onEvent, Overview, EditEmployee, }: RunPayrollProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Payroll/RunPayrollFlow/RunPayrollFlow.d.ts

@@ -1,6 +0,0 @@
-import { BaseComponentInterface } from '../../Base/Base';
-interface RunPayrollFlowProps extends BaseComponentInterface {
-    companyId: string;
-}
-export declare const RunPayrollFlow: ({ companyId, onEvent, ...baseProps }: RunPayrollFlowProps) => import("react/jsx-runtime").JSX.Element;
-export {};