@gusto/embedded-react-sdk 0.12.3 → 0.13.1

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport type { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\n\nexport interface APIConfig {\n  baseUrl: string\n  headers?: HeadersInit\n  hooks?: SDKHooks\n}\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: GustoSDKTheme\n  queryClient?: QueryClient\n  components: ComponentsContextType\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n  children?: React.ReactNode\n}\n\n/**\n * A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    components,\n    LoaderComponent,\n  } = props\n\n  // Handle dictionary resources\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\n        // Adding resources overrides to i18next instance - initial load will override common namespace and add component specific dictionaries provided by partners\n        SDKI18next.addResourceBundle(\n          lang,\n          ns,\n          (dictionary[lang] as Record<string, unknown>)[ns],\n          true,\n          true,\n        )\n      }\n    }\n  }\n\n  // Handle language change\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  return (\n    <ComponentsProvider value={components}>\n      <LoadingIndicatorProvider value={LoaderComponent}>\n        <ErrorBoundary FallbackComponent={InternalError}>\n          <ThemeProvider theme={theme}>\n            <LocaleProvider locale={locale} currency={currency}>\n              <I18nextProvider i18n={SDKI18next} key={lng}>\n                <ApiProvider url={config.baseUrl} headers={config.headers} hooks={config.hooks}>\n                  {children}\n                </ApiProvider>\n              </I18nextProvider>\n            </LocaleProvider>\n          </ThemeProvider>\n        </ErrorBoundary>\n      </LoadingIndicatorProvider>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","LoaderComponent","language","lang","ns","SDKI18next","useEffect","ComponentsProvider","jsx","LoadingIndicatorProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;;;;AA2CA,MAAMA,IAA4E,CAAAC,MAAS;AACzF,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACET;AAGJ,MAAIG;AACF,eAAWO,KAAYP,GAAY;AACjC,YAAMQ,IAAOD;AACb,iBAAWE,KAAMT,EAAWQ,CAAI;AAE9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCT,EAAWQ,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAIF,SAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeT,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC,qBAGLW,GAAA,EAAmB,OAAOP,GACzB,UAAA,gBAAAQ,EAACC,GAAA,EAAyB,OAAOR,GAC/B,UAAA,gBAAAO,EAACE,GAAA,EAAc,mBAAmBC,GAChC,UAAA,gBAAAH,EAACI,GAAA,EAAc,OAAAb,GACb,UAAA,gBAAAS,EAACK,GAAA,EAAe,QAAAhB,GAAgB,UAAAC,GAC9B,UAAA,gBAAAU,EAACM,GAAA,EAAgB,MAAMT,GACrB,UAAA,gBAAAG,EAACO,GAAA,EAAY,KAAKrB,EAAO,SAAS,SAASA,EAAO,SAAS,OAAOA,EAAO,OACtE,UAAAD,GACH,EAAA,GAHsCG,CAIxC,GACF,EAAA,CACF,GACF,GACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport type { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\n\nexport interface APIConfig {\n  baseUrl: string\n  headers?: HeadersInit\n  hooks?: SDKHooks\n}\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: GustoSDKTheme\n  queryClient?: QueryClient\n  components: ComponentsContextType\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n  children?: React.ReactNode\n}\n\n/**\n * A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    components,\n    LoaderComponent,\n  } = props\n\n  // Handle dictionary resources\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\n        // Adding resources overrides to i18next instance - initial load will override common namespace and add component specific dictionaries provided by partners\n        SDKI18next.addResourceBundle(\n          lang,\n          ns,\n          (dictionary[lang] as Record<string, unknown>)[ns],\n          true,\n          true,\n        )\n      }\n    }\n  }\n\n  // Handle language change\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  return (\n    <ComponentsProvider value={components}>\n      <LoadingIndicatorProvider value={LoaderComponent}>\n        <ErrorBoundary FallbackComponent={InternalError}>\n          <ThemeProvider theme={theme}>\n            <LocaleProvider locale={locale} currency={currency}>\n              <I18nextProvider i18n={SDKI18next} key={lng}>\n                <ApiProvider url={config.baseUrl} headers={config.headers} hooks={config.hooks}>\n                  {children}\n                </ApiProvider>\n              </I18nextProvider>\n            </LocaleProvider>\n          </ThemeProvider>\n        </ErrorBoundary>\n      </LoadingIndicatorProvider>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","LoaderComponent","language","lang","ns","SDKI18next","useEffect","ComponentsProvider","jsx","LoadingIndicatorProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;;;;;AA2CA,MAAMA,IAA4E,CAAAC,MAAS;AACzF,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACET;AAGJ,MAAIG;AACF,eAAWO,KAAYP,GAAY;AACjC,YAAMQ,IAAOD;AACb,iBAAWE,KAAMT,EAAWQ,CAAI;AAE9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCT,EAAWQ,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAIF,SAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeT,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC,qBAGLW,GAAA,EAAmB,OAAOP,GACzB,UAAA,gBAAAQ,EAACC,GAAA,EAAyB,OAAOR,GAC/B,UAAA,gBAAAO,EAACE,GAAA,EAAc,mBAAmBC,GAChC,UAAA,gBAAAH,EAACI,GAAA,EAAc,OAAAb,GACb,UAAA,gBAAAS,EAACK,GAAA,EAAe,QAAAhB,GAAgB,UAAAC,GAC9B,UAAA,gBAAAU,EAACM,GAAA,EAAgB,MAAMT,GACrB,UAAA,gBAAAG,EAACO,GAAA,EAAY,KAAKrB,EAAO,SAAS,SAASA,EAAO,SAAS,OAAOA,EAAO,OACtE,UAAAD,GACH,EAAA,GAHsCG,CAIxC,GACF,EAAA,CACF,GACF,GACF,EAAA,CACF;AAEJ;"}

package/dist/helpers/formattedStrings.d.ts

@@ -1,5 +1,6 @@
 import { Location } from '@gusto/embedded-api/models/components/location';
 import { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress';
+import { TFunction } from 'i18next';
 export declare const firstLastName: ({ first_name, last_name, }: {
     first_name?: string | null;
     last_name?: string | null;
@@ -11,6 +12,14 @@ export declare const currentDateString: () => string;
 export declare function isNumberKey({ which, keyCode }: KeyboardEvent): boolean;
 export declare const booleanToString: (value: boolean) => "true" | "false";
 export declare const amountStr: (amount: string, isPercentage: boolean) => string;
+export declare const formatNumberAsCurrency: (amount: number, locale?: string) => string;
+export declare const formatPayRate: ({ rate, paymentUnit, t, locale, }: {
+    rate: number;
+    paymentUnit: string;
+    t: TFunction;
+    locale?: string;
+}) => string;
+export declare const useFormatPayRate: () => (rate: number, paymentUnit: string) => string;
 export declare function createMarkup(dirty: string): {
     __html: string;
 };

package/dist/helpers/formattedStrings.js

@@ -1,22 +1,61 @@
-import c from "dompurify";
-const o = (t) => t.charAt(0).toLocaleUpperCase() + t.slice(1), u = ({
+import m from "dompurify";
+import "react-i18next";
+import "react";
+import "../contexts/LocaleProvider/useLocale.js";
+const c = (t) => t.charAt(0).toLocaleUpperCase() + t.slice(1), h = ({
   first_name: t,
-  last_name: r
-}) => `${t ? o(t) : ""}${r ? e(o(r)) : ""}`, e = (t) => t ? ` ${t}` : "", i = (t) => {
-  const r = e(t.street1), n = e(t.street2);
-  return `${r},${n}`;
-}, s = (t) => `${e(t.city)}, ${e(t.state)} ${e(t.zip)}`, $ = (t) => `${i(t)} ${s(t)}`, a = { ALLOWED_TAGS: ["a", "b", "strong"], ALLOWED_ATTR: ["href", "target"] };
-function g(t) {
-  return t ? { __html: c.sanitize(t, a) } : { __html: "" };
+  last_name: e
+}) => `${t ? c(t) : ""}${e ? n(c(e)) : ""}`, n = (t) => t ? ` ${t}` : "", i = (t) => {
+  const e = n(t.street1), r = n(t.street2);
+  return `${e},${r}`;
+}, u = (t) => `${n(t.city)}, ${n(t.state)} ${n(t.zip)}`, C = (t) => `${i(t)} ${u(t)}`, p = (t, e) => e ? `${t}%` : `$${t}`, s = (t, e = "en-US") => {
+  const r = t.toLocaleString(e, {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  });
+  return p(r, !1);
+}, S = ({
+  rate: t,
+  paymentUnit: e,
+  t: r,
+  locale: a = "en-US"
+}) => {
+  const o = s(t, a);
+  switch (e) {
+    case "Hour":
+      return r("payRateFormats.hourly", { amount: o, ns: "common" });
+    case "Week":
+      return r("payRateFormats.weekly", {
+        amount: s(t * 52, a),
+        ns: "common"
+      });
+    case "Month":
+      return r("payRateFormats.monthly", {
+        amount: s(t * 12, a),
+        ns: "common"
+      });
+    case "Year":
+      return r("payRateFormats.yearly", { amount: o, ns: "common" });
+    case "Paycheck":
+      return r("payRateFormats.paycheck", { amount: o, ns: "common" });
+    default:
+      return o;
+  }
+}, y = { ALLOWED_TAGS: ["a", "b", "strong"], ALLOWED_ATTR: ["href", "target"] };
+function D(t) {
+  return t ? { __html: m.sanitize(t, y) } : { __html: "" };
 }
-const l = (t) => t.replace(/\D/g, ""), f = (t) => t.replace(/_([a-z])/g, (r, n) => n.toUpperCase());
+const F = (t) => t.replace(/\D/g, ""), L = (t) => t.replace(/_([a-z])/g, (e, r) => r.toUpperCase());
 export {
-  $ as addressInline,
-  g as createMarkup,
-  u as firstLastName,
-  s as getCityStateZip,
+  C as addressInline,
+  p as amountStr,
+  D as createMarkup,
+  h as firstLastName,
+  s as formatNumberAsCurrency,
+  S as formatPayRate,
+  u as getCityStateZip,
   i as getStreet,
-  l as removeNonDigits,
-  f as snakeCaseToCamelCase
+  F as removeNonDigits,
+  L as snakeCaseToCamelCase
 };
 //# sourceMappingURL=formattedStrings.js.map

package/dist/helpers/formattedStrings.js.map

@@ -1 +1 @@
-{"version":3,"file":"formattedStrings.js","sources":["../../src/helpers/formattedStrings.ts"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { type EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\n\nconst capitalize = (word: string) => word.charAt(0).toLocaleUpperCase() + word.slice(1)\n\nexport const firstLastName = ({\n  first_name,\n  last_name,\n}: {\n  first_name?: string | null\n  last_name?: string | null\n}) =>\n  `${first_name ? capitalize(first_name) : ''}${last_name ? maybeString(capitalize(last_name)) : ''}`\n\nconst maybeString = (str: string | null | undefined) => {\n  return str ? ` ${str}` : ''\n}\n\nexport const getStreet = (address: EmployeeAddress | Location) => {\n  const street1 = maybeString(address.street1)\n  const street2 = maybeString(address.street2)\n\n  return `${street1},${street2}`\n}\n\nexport const getCityStateZip = (address: EmployeeAddress | Location) =>\n  `${maybeString(address.city)}, ${maybeString(address.state)} ${maybeString(address.zip)}`\n\nexport const addressInline = (address: EmployeeAddress | Location) =>\n  `${getStreet(address)} ${getCityStateZip(address)}`\n\nexport const currentDateString = () => {\n  const d = new Date()\n  const dateString = `${String(d.getFullYear())}-${('0' + String(d.getMonth() + 1)).slice(-2)}-${('0' + String(d.getDate())).slice(-2)}`\n  return dateString\n}\n\nexport function isNumberKey({ which, keyCode }: KeyboardEvent) {\n  const charCode = which ? which : keyCode\n  if (charCode > 31 && charCode != 46 && (charCode < 48 || charCode > 57)) return false\n  return true\n}\n\nexport const booleanToString = (value: boolean) => (value ? 'true' : 'false')\n\nexport const amountStr = (amount: string, isPercentage: boolean) =>\n  isPercentage ? `${amount}%` : `$${amount}`\n\nconst dompurifyConfig = { ALLOWED_TAGS: ['a', 'b', 'strong'], ALLOWED_ATTR: ['href', 'target'] }\nexport function createMarkup(dirty: string) {\n  if (!dirty) return { __html: '' }\n  return { __html: DOMPurify.sanitize(dirty, dompurifyConfig) }\n}\n\nexport const removeNonDigits = (value: string): string => {\n  return value.replace(/\\D/g, '')\n}\n\nexport const snakeCaseToCamelCase = (s: string) => {\n  return s.replace(/_([a-z])/g, (_: string, char: string) => char.toUpperCase())\n}\n\nexport const camelCaseToSnakeCase = (s: string) => {\n  return s\n    .replace(\n      /([a-z0-9])([A-Z])/g,\n      (_: string, group1: string, group2: string) => `${group1}_${group2.toLowerCase()}`,\n    )\n    .replace(\n      /([A-Z])([A-Z])(?=[a-z])/g,\n      (_: string, group1: string, group2: string) =>\n        `${group1.toLowerCase()}_${group2.toLowerCase()}`,\n    )\n    .toLowerCase()\n}\n"],"names":["capitalize","word","firstLastName","first_name","last_name","maybeString","str","getStreet","address","street1","street2","getCityStateZip","addressInline","dompurifyConfig","createMarkup","dirty","DOMPurify","removeNonDigits","value","snakeCaseToCamelCase","s","_","char"],"mappings":";AAIA,MAAMA,IAAa,CAACC,MAAiBA,EAAK,OAAO,CAAC,EAAE,sBAAsBA,EAAK,MAAM,CAAC,GAEzEC,IAAgB,CAAC;AAAA,EAC5B,YAAAC;AAAA,EACA,WAAAC;AACF,MAIE,GAAGD,IAAaH,EAAWG,CAAU,IAAI,EAAE,GAAGC,IAAYC,EAAYL,EAAWI,CAAS,CAAC,IAAI,EAAE,IAE7FC,IAAc,CAACC,MACZA,IAAM,IAAIA,CAAG,KAAK,IAGdC,IAAY,CAACC,MAAwC;AAChE,QAAMC,IAAUJ,EAAYG,EAAQ,OAAO,GACrCE,IAAUL,EAAYG,EAAQ,OAAO;AAE3C,SAAO,GAAGC,CAAO,IAAIC,CAAO;AAC9B,GAEaC,IAAkB,CAACH,MAC9B,GAAGH,EAAYG,EAAQ,IAAI,CAAC,KAAKH,EAAYG,EAAQ,KAAK,CAAC,IAAIH,EAAYG,EAAQ,GAAG,CAAC,IAE5EI,IAAgB,CAACJ,MAC5B,GAAGD,EAAUC,CAAO,CAAC,IAAIG,EAAgBH,CAAO,CAAC,IAmB7CK,IAAkB,EAAE,cAAc,CAAC,KAAK,KAAK,QAAQ,GAAG,cAAc,CAAC,QAAQ,QAAQ,EAAA;AACtF,SAASC,EAAaC,GAAe;AAC1C,SAAKA,IACE,EAAE,QAAQC,EAAU,SAASD,GAAOF,CAAe,EAAA,IADvC,EAAE,QAAQ,GAAA;AAE/B;AAEO,MAAMI,IAAkB,CAACC,MACvBA,EAAM,QAAQ,OAAO,EAAE,GAGnBC,IAAuB,CAACC,MAC5BA,EAAE,QAAQ,aAAa,CAACC,GAAWC,MAAiBA,EAAK,aAAa;"}
+{"version":3,"file":"formattedStrings.js","sources":["../../src/helpers/formattedStrings.ts"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { type EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { type TFunction } from 'i18next'\nimport { useTranslation } from 'react-i18next'\nimport { useCallback } from 'react'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\n\nconst capitalize = (word: string) => word.charAt(0).toLocaleUpperCase() + word.slice(1)\n\nexport const firstLastName = ({\n  first_name,\n  last_name,\n}: {\n  first_name?: string | null\n  last_name?: string | null\n}) =>\n  `${first_name ? capitalize(first_name) : ''}${last_name ? maybeString(capitalize(last_name)) : ''}`\n\nconst maybeString = (str: string | null | undefined) => {\n  return str ? ` ${str}` : ''\n}\n\nexport const getStreet = (address: EmployeeAddress | Location) => {\n  const street1 = maybeString(address.street1)\n  const street2 = maybeString(address.street2)\n\n  return `${street1},${street2}`\n}\n\nexport const getCityStateZip = (address: EmployeeAddress | Location) =>\n  `${maybeString(address.city)}, ${maybeString(address.state)} ${maybeString(address.zip)}`\n\nexport const addressInline = (address: EmployeeAddress | Location) =>\n  `${getStreet(address)} ${getCityStateZip(address)}`\n\nexport const currentDateString = () => {\n  const d = new Date()\n  const dateString = `${String(d.getFullYear())}-${('0' + String(d.getMonth() + 1)).slice(-2)}-${('0' + String(d.getDate())).slice(-2)}`\n  return dateString\n}\n\nexport function isNumberKey({ which, keyCode }: KeyboardEvent) {\n  const charCode = which ? which : keyCode\n  if (charCode > 31 && charCode != 46 && (charCode < 48 || charCode > 57)) return false\n  return true\n}\n\nexport const booleanToString = (value: boolean) => (value ? 'true' : 'false')\n\nexport const amountStr = (amount: string, isPercentage: boolean) =>\n  isPercentage ? `${amount}%` : `$${amount}`\n\nexport const formatNumberAsCurrency = (amount: number, locale: string = 'en-US') => {\n  const formattedNumber = amount.toLocaleString(locale, {\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n  })\n  return amountStr(formattedNumber, false)\n}\n\nexport const formatPayRate = ({\n  rate,\n  paymentUnit,\n  t,\n  locale = 'en-US',\n}: {\n  rate: number\n  paymentUnit: string\n  t: TFunction\n  locale?: string\n}) => {\n  const amount = formatNumberAsCurrency(rate, locale)\n\n  switch (paymentUnit) {\n    case 'Hour':\n      return t('payRateFormats.hourly', { amount, ns: 'common' })\n    case 'Week':\n      return t('payRateFormats.weekly', {\n        amount: formatNumberAsCurrency(rate * 52, locale),\n        ns: 'common',\n      })\n    case 'Month':\n      return t('payRateFormats.monthly', {\n        amount: formatNumberAsCurrency(rate * 12, locale),\n        ns: 'common',\n      })\n    case 'Year':\n      return t('payRateFormats.yearly', { amount, ns: 'common' })\n    case 'Paycheck':\n      return t('payRateFormats.paycheck', { amount, ns: 'common' })\n    default:\n      return amount\n  }\n}\n\nexport const useFormatPayRate = () => {\n  const { t } = useTranslation('common')\n  const { locale } = useLocale()\n\n  return useCallback(\n    (rate: number, paymentUnit: string) => {\n      return formatPayRate({ rate, paymentUnit, t, locale })\n    },\n    [t, locale],\n  )\n}\n\nconst dompurifyConfig = { ALLOWED_TAGS: ['a', 'b', 'strong'], ALLOWED_ATTR: ['href', 'target'] }\nexport function createMarkup(dirty: string) {\n  if (!dirty) return { __html: '' }\n  return { __html: DOMPurify.sanitize(dirty, dompurifyConfig) }\n}\n\nexport const removeNonDigits = (value: string): string => {\n  return value.replace(/\\D/g, '')\n}\n\nexport const snakeCaseToCamelCase = (s: string) => {\n  return s.replace(/_([a-z])/g, (_: string, char: string) => char.toUpperCase())\n}\n\nexport const camelCaseToSnakeCase = (s: string) => {\n  return s\n    .replace(\n      /([a-z0-9])([A-Z])/g,\n      (_: string, group1: string, group2: string) => `${group1}_${group2.toLowerCase()}`,\n    )\n    .replace(\n      /([A-Z])([A-Z])(?=[a-z])/g,\n      (_: string, group1: string, group2: string) =>\n        `${group1.toLowerCase()}_${group2.toLowerCase()}`,\n    )\n    .toLowerCase()\n}\n"],"names":["capitalize","word","firstLastName","first_name","last_name","maybeString","str","getStreet","address","street1","street2","getCityStateZip","addressInline","amountStr","amount","isPercentage","formatNumberAsCurrency","locale","formattedNumber","formatPayRate","rate","paymentUnit","t","dompurifyConfig","createMarkup","dirty","DOMPurify","removeNonDigits","value","snakeCaseToCamelCase","s","_","char"],"mappings":";;;;AAQA,MAAMA,IAAa,CAACC,MAAiBA,EAAK,OAAO,CAAC,EAAE,sBAAsBA,EAAK,MAAM,CAAC,GAEzEC,IAAgB,CAAC;AAAA,EAC5B,YAAAC;AAAA,EACA,WAAAC;AACF,MAIE,GAAGD,IAAaH,EAAWG,CAAU,IAAI,EAAE,GAAGC,IAAYC,EAAYL,EAAWI,CAAS,CAAC,IAAI,EAAE,IAE7FC,IAAc,CAACC,MACZA,IAAM,IAAIA,CAAG,KAAK,IAGdC,IAAY,CAACC,MAAwC;AAChE,QAAMC,IAAUJ,EAAYG,EAAQ,OAAO,GACrCE,IAAUL,EAAYG,EAAQ,OAAO;AAE3C,SAAO,GAAGC,CAAO,IAAIC,CAAO;AAC9B,GAEaC,IAAkB,CAACH,MAC9B,GAAGH,EAAYG,EAAQ,IAAI,CAAC,KAAKH,EAAYG,EAAQ,KAAK,CAAC,IAAIH,EAAYG,EAAQ,GAAG,CAAC,IAE5EI,IAAgB,CAACJ,MAC5B,GAAGD,EAAUC,CAAO,CAAC,IAAIG,EAAgBH,CAAO,CAAC,IAgBtCK,IAAY,CAACC,GAAgBC,MACxCA,IAAe,GAAGD,CAAM,MAAM,IAAIA,CAAM,IAE7BE,IAAyB,CAACF,GAAgBG,IAAiB,YAAY;AAClF,QAAMC,IAAkBJ,EAAO,eAAeG,GAAQ;AAAA,IACpD,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,EAAA,CACxB;AACD,SAAOJ,EAAUK,GAAiB,EAAK;AACzC,GAEaC,IAAgB,CAAC;AAAA,EAC5B,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAAC;AAAA,EACA,QAAAL,IAAS;AACX,MAKM;AACJ,QAAMH,IAASE,EAAuBI,GAAMH,CAAM;AAElD,UAAQI,GAAA;AAAA,IACN,KAAK;AACH,aAAOC,EAAE,yBAAyB,EAAE,QAAAR,GAAQ,IAAI,UAAU;AAAA,IAC5D,KAAK;AACH,aAAOQ,EAAE,yBAAyB;AAAA,QAChC,QAAQN,EAAuBI,IAAO,IAAIH,CAAM;AAAA,QAChD,IAAI;AAAA,MAAA,CACL;AAAA,IACH,KAAK;AACH,aAAOK,EAAE,0BAA0B;AAAA,QACjC,QAAQN,EAAuBI,IAAO,IAAIH,CAAM;AAAA,QAChD,IAAI;AAAA,MAAA,CACL;AAAA,IACH,KAAK;AACH,aAAOK,EAAE,yBAAyB,EAAE,QAAAR,GAAQ,IAAI,UAAU;AAAA,IAC5D,KAAK;AACH,aAAOQ,EAAE,2BAA2B,EAAE,QAAAR,GAAQ,IAAI,UAAU;AAAA,IAC9D;AACE,aAAOA;AAAA,EAAA;AAEb,GAcMS,IAAkB,EAAE,cAAc,CAAC,KAAK,KAAK,QAAQ,GAAG,cAAc,CAAC,QAAQ,QAAQ,EAAA;AACtF,SAASC,EAAaC,GAAe;AAC1C,SAAKA,IACE,EAAE,QAAQC,EAAU,SAASD,GAAOF,CAAe,EAAA,IADvC,EAAE,QAAQ,GAAA;AAE/B;AAEO,MAAMI,IAAkB,CAACC,MACvBA,EAAM,QAAQ,OAAO,EAAE,GAGnBC,IAAuB,CAACC,MAC5BA,EAAE,QAAQ,aAAa,CAACC,GAAWC,MAAiBA,EAAK,aAAa;"}

package/dist/i18n/I18n.js

@@ -1,41 +1,41 @@
 import p from "../_virtual/dynamic-import-helper.js";
 import { useTranslation as m } from "react-i18next";
 import { LRUCache as l } from "../helpers/LRUCache.js";
-const C = "common", s = new l(50), c = ({ lng: n = "en", ns: o }) => {
-  let e = !0, t = !1, r;
+const C = "common", s = new l(50), y = ({ lng: n = "en", ns: o }) => {
+  let e = !0, r = !1, t;
   const i = (async () => {
     try {
-      r = (await p(/* @__PURE__ */ Object.assign({ "./en/Company.AddBank.json": () => import("./en/Company.AddBank.json.js"), "./en/Company.Addresses.json": () => import("./en/Company.Addresses.json.js"), "./en/Company.AssignSignatory.json": () => import("./en/Company.AssignSignatory.json.js"), "./en/Company.BankAccount.json": () => import("./en/Company.BankAccount.json.js"), "./en/Company.DocumentList.json": () => import("./en/Company.DocumentList.json.js"), "./en/Company.FederalTaxes.json": () => import("./en/Company.FederalTaxes.json.js"), "./en/Company.Industry.json": () => import("./en/Company.Industry.json.js"), "./en/Company.Locations.json": () => import("./en/Company.Locations.json.js"), "./en/Company.OnboardingOverview.json": () => import("./en/Company.OnboardingOverview.json.js"), "./en/Company.PaySchedule.json": () => import("./en/Company.PaySchedule.json.js"), "./en/Company.SignatureForm.json": () => import("./en/Company.SignatureForm.json.js"), "./en/Company.StateTaxes.json": () => import("./en/Company.StateTaxes.json.js"), "./en/Contractor.Address.json": () => import("./en/Contractor.Address.json.js"), "./en/Contractor.ContractorList.json": () => import("./en/Contractor.ContractorList.json.js"), "./en/Contractor.NewHireReport.json": () => import("./en/Contractor.NewHireReport.json.js"), "./en/Contractor.PaymentMethod.json": () => import("./en/Contractor.PaymentMethod.json.js"), "./en/Contractor.Profile.json": () => import("./en/Contractor.Profile.json.js"), "./en/Contractor.Submit.json": () => import("./en/Contractor.Submit.json.js"), "./en/Employee.BankAccount.json": () => import("./en/Employee.BankAccount.json.js"), "./en/Employee.Compensation.json": () => import("./en/Employee.Compensation.json.js"), "./en/Employee.Deductions.json": () => import("./en/Employee.Deductions.json.js"), "./en/Employee.DocumentSigner.json": () => import("./en/Employee.DocumentSigner.json.js"), "./en/Employee.EmployeeList.json": () => import("./en/Employee.EmployeeList.json.js"), "./en/Employee.FederalTaxes.json": () => import("./en/Employee.FederalTaxes.json.js"), "./en/Employee.HomeAddress.json": () => import("./en/Employee.HomeAddress.json.js"), "./en/Employee.Landing.json": () => import("./en/Employee.Landing.json.js"), "./en/Employee.OnboardingSummary.json": () => import("./en/Employee.OnboardingSummary.json.js"), "./en/Employee.PaySchedules.json": () => import("./en/Employee.PaySchedules.json.js"), "./en/Employee.PaymentMethod.json": () => import("./en/Employee.PaymentMethod.json.js"), "./en/Employee.Profile.json": () => import("./en/Employee.Profile.json.js"), "./en/Employee.SplitPaycheck.json": () => import("./en/Employee.SplitPaycheck.json.js"), "./en/Employee.StateTaxes.json": () => import("./en/Employee.StateTaxes.json.js"), "./en/Employee.Taxes.json": () => import("./en/Employee.Taxes.json.js"), "./en/Payroll.PayrollHistoryList.json": () => import("./en/Payroll.PayrollHistoryList.json.js"), "./en/Payroll.PayrollSchedule.json": () => import("./en/Payroll.PayrollSchedule.json.js"), "./en/common.json": () => import("./en/common.json.js") }), `./${n}/${o}.json`, 3)).default, e = !1;
+      t = (await p(/* @__PURE__ */ Object.assign({ "./en/Company.AddBank.json": () => import("./en/Company.AddBank.json.js"), "./en/Company.Addresses.json": () => import("./en/Company.Addresses.json.js"), "./en/Company.AssignSignatory.json": () => import("./en/Company.AssignSignatory.json.js"), "./en/Company.BankAccount.json": () => import("./en/Company.BankAccount.json.js"), "./en/Company.DocumentList.json": () => import("./en/Company.DocumentList.json.js"), "./en/Company.FederalTaxes.json": () => import("./en/Company.FederalTaxes.json.js"), "./en/Company.Industry.json": () => import("./en/Company.Industry.json.js"), "./en/Company.Locations.json": () => import("./en/Company.Locations.json.js"), "./en/Company.OnboardingOverview.json": () => import("./en/Company.OnboardingOverview.json.js"), "./en/Company.PaySchedule.json": () => import("./en/Company.PaySchedule.json.js"), "./en/Company.SignatureForm.json": () => import("./en/Company.SignatureForm.json.js"), "./en/Company.StateTaxes.json": () => import("./en/Company.StateTaxes.json.js"), "./en/Contractor.Address.json": () => import("./en/Contractor.Address.json.js"), "./en/Contractor.ContractorList.json": () => import("./en/Contractor.ContractorList.json.js"), "./en/Contractor.NewHireReport.json": () => import("./en/Contractor.NewHireReport.json.js"), "./en/Contractor.PaymentMethod.json": () => import("./en/Contractor.PaymentMethod.json.js"), "./en/Contractor.Profile.json": () => import("./en/Contractor.Profile.json.js"), "./en/Contractor.Submit.json": () => import("./en/Contractor.Submit.json.js"), "./en/Employee.BankAccount.json": () => import("./en/Employee.BankAccount.json.js"), "./en/Employee.Compensation.json": () => import("./en/Employee.Compensation.json.js"), "./en/Employee.Deductions.json": () => import("./en/Employee.Deductions.json.js"), "./en/Employee.DocumentSigner.json": () => import("./en/Employee.DocumentSigner.json.js"), "./en/Employee.EmployeeList.json": () => import("./en/Employee.EmployeeList.json.js"), "./en/Employee.FederalTaxes.json": () => import("./en/Employee.FederalTaxes.json.js"), "./en/Employee.HomeAddress.json": () => import("./en/Employee.HomeAddress.json.js"), "./en/Employee.Landing.json": () => import("./en/Employee.Landing.json.js"), "./en/Employee.OnboardingSummary.json": () => import("./en/Employee.OnboardingSummary.json.js"), "./en/Employee.PaySchedules.json": () => import("./en/Employee.PaySchedules.json.js"), "./en/Employee.PaymentMethod.json": () => import("./en/Employee.PaymentMethod.json.js"), "./en/Employee.Profile.json": () => import("./en/Employee.Profile.json.js"), "./en/Employee.SplitPaycheck.json": () => import("./en/Employee.SplitPaycheck.json.js"), "./en/Employee.StateTaxes.json": () => import("./en/Employee.StateTaxes.json.js"), "./en/Employee.Taxes.json": () => import("./en/Employee.Taxes.json.js"), "./en/Payroll.PayrollConfiguration.json": () => import("./en/Payroll.PayrollConfiguration.json.js"), "./en/Payroll.PayrollEditEmployee.json": () => import("./en/Payroll.PayrollEditEmployee.json.js"), "./en/Payroll.PayrollHistoryList.json": () => import("./en/Payroll.PayrollHistoryList.json.js"), "./en/Payroll.PayrollList.json": () => import("./en/Payroll.PayrollList.json.js"), "./en/Payroll.PayrollOverview.json": () => import("./en/Payroll.PayrollOverview.json.js"), "./en/Payroll.PayrollSchedule.json": () => import("./en/Payroll.PayrollSchedule.json.js"), "./en/common.json": () => import("./en/common.json.js") }), `./${n}/${o}.json`, 3)).default, e = !1;
     } catch {
-      t = !0, e = !1;
+      r = !0, e = !1;
     }
   })();
   return () => {
     if (e)
       throw i;
-    if (t)
+    if (r)
       throw new Error(`Error loading translation for component: ${o}`);
-    return r;
+    return t;
   };
 }, g = (n) => {
   const { i18n: o } = m();
   if (!n) return;
   const e = `${o.resolvedLanguage}:${n}`;
-  s.get(e) === null && s.put(e, c({ lng: o.resolvedLanguage, ns: n }));
-  const t = s.get(e);
-  if (t) {
-    const r = t();
-    o.addResourceBundle(o.resolvedLanguage ?? "en", n, r, !0, !1);
+  s.get(e) === null && s.put(e, y({ lng: o.resolvedLanguage, ns: n }));
+  const r = s.get(e);
+  if (r) {
+    const t = r();
+    o.addResourceBundle(o.resolvedLanguage ?? "en", n, t, !0, !1);
   }
-}, f = (n, o) => {
+}, E = (n, o) => {
   const { i18n: e } = m();
   if (o)
-    for (const t in o)
-      e.addResourceBundle(t, n, o[t], !0, !0);
+    for (const r in o)
+      e.addResourceBundle(r, n, o[r], !0, !0);
 };
 export {
   C as defaultNS,
-  f as useComponentDictionary,
+  E as useComponentDictionary,
   g as useI18n
 };
 //# sourceMappingURL=I18n.js.map

package/dist/i18n/I18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"I18n.js","sources":["../../src/i18n/I18n.ts"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { CustomTypeOptions } from 'i18next'\nimport { LRUCache } from '@/helpers/LRUCache'\nimport type { ResourceDictionary, Resources } from '@/types/Helpers'\n\nexport const defaultNS = 'common'\n\n//LRU cache holding requested resources\nconst resourceCache = new LRUCache(50)\n/**\n * Dynamic loading of translation resources - works with Suspence to prevent early access to loadable strings\n * @param lng(string): resource language\n * @param ns(string): Namespace/name of the component/resource\n * @returns Promise<Translation resource>\n */\nconst loadResource = ({ lng = 'en', ns }: { ns: string; lng?: string }) => {\n  let isLoading = true\n  let isError = false\n  let resource: Record<string, string>\n\n  const importResources = async () => {\n    try {\n      const module = await import(`@/i18n/${lng}/${ns}.json`)\n\n      resource = module.default\n      isLoading = false\n    } catch (err) {\n      isError = true\n      isLoading = false\n    }\n  }\n  const promise = importResources()\n  return () => {\n    if (isLoading) {\n      // eslint-disable-next-line @typescript-eslint/only-throw-error\n      throw promise // Throw the promise to indicate Suspense should suspend.\n    } else if (isError) {\n      throw new Error(`Error loading translation for component: ${ns}`) // Handle error\n    } else {\n      return resource // Return the resource when loading is complete\n    }\n  }\n}\n\n/**\n * Hook that allows component to load custom dictionary\n * @param @private {string} ns - Namespace - should match component name exactly - not exposed to consumers\n */\nexport const useI18n = (ns: keyof CustomTypeOptions['resources'] | null) => {\n  //Getting our instance of i18n -> supplied by the provider set in GustoApiProvider\n  const { i18n: i18nInstance } = useTranslation()\n  //Abort when namespace is not provided\n  if (!ns) return\n  const key = `${i18nInstance.resolvedLanguage}:${ns}`\n  //Skip loading default resource if it is already in cache\n  if (resourceCache.get(key) === null) {\n    //If resource not in cache, initiate loading and add getter to cache\n    resourceCache.put(key, loadResource({ lng: i18nInstance.resolvedLanguage, ns: ns }))\n  }\n  //Get resourceGetter from cache\n  const resourceGetter = resourceCache.get(key)\n  if (resourceGetter) {\n    const resource = resourceGetter()\n    i18nInstance.addResourceBundle(i18nInstance.resolvedLanguage ?? 'en', ns, resource, true, false) //Last argument is set to false to prevent override of keys provided by partners on GustoApiProvider level through dictionary prop\n  }\n}\n\n//Used by individual components to override their dictionaries with partner provided resources\nexport const useComponentDictionary = <K extends keyof Resources>(\n  ns: keyof CustomTypeOptions['resources'],\n  resource?: ResourceDictionary<K> | null,\n) => {\n  const { i18n: i18nInstance } = useTranslation()\n  if (resource) {\n    for (const lang in resource) {\n      i18nInstance.addResourceBundle(lang, ns, resource[lang], true, true)\n    }\n  }\n}\n"],"names":["defaultNS","resourceCache","LRUCache","loadResource","lng","ns","isLoading","isError","resource","promise","__variableDynamicImportRuntimeHelper","useI18n","i18nInstance","useTranslation","key","resourceGetter","useComponentDictionary","lang"],"mappings":";;;AAKO,MAAMA,IAAY,UAGnBC,IAAgB,IAAIC,EAAS,EAAE,GAO/BC,IAAe,CAAC,EAAE,KAAAC,IAAM,MAAM,IAAAC,QAAuC;AACzE,MAAIC,IAAY,IACZC,IAAU,IACVC;AAaJ,QAAMC,KAXkB,YAAY;AAClC,QAAI;AAGF,MAAAD,KAFe,MAAME,2gGAAA,KAAAN,CAAA,IAAAC,CAAA,SAAA,CAAA,GAEH,SAClBC,IAAY;AAAA,IACd,QAAc;AACZ,MAAAC,IAAU,IACVD,IAAY;AAAA,IACd;AAAA,EACF,GACgB;AAChB,SAAO,MAAM;AACX,QAAIA;AAEF,YAAMG;QACGF;AACT,YAAM,IAAI,MAAM,4CAA4CF,CAAE,EAAE;AAEhE,WAAOG;AAAA,EAEX;AACF,GAMaG,IAAU,CAACN,MAAoD;AAE1E,QAAM,EAAE,MAAMO,EAAA,IAAiBC,EAAA;AAE/B,MAAI,CAACR,EAAI;AACT,QAAMS,IAAM,GAAGF,EAAa,gBAAgB,IAAIP,CAAE;AAElD,EAAIJ,EAAc,IAAIa,CAAG,MAAM,QAE7Bb,EAAc,IAAIa,GAAKX,EAAa,EAAE,KAAKS,EAAa,kBAAkB,IAAAP,EAAA,CAAQ,CAAC;AAGrF,QAAMU,IAAiBd,EAAc,IAAIa,CAAG;AAC5C,MAAIC,GAAgB;AAClB,UAAMP,IAAWO,EAAA;AACjB,IAAAH,EAAa,kBAAkBA,EAAa,oBAAoB,MAAMP,GAAIG,GAAU,IAAM,EAAK;AAAA,EACjG;AACF,GAGaQ,IAAyB,CACpCX,GACAG,MACG;AACH,QAAM,EAAE,MAAMI,EAAA,IAAiBC,EAAA;AAC/B,MAAIL;AACF,eAAWS,KAAQT;AACjB,MAAAI,EAAa,kBAAkBK,GAAMZ,GAAIG,EAASS,CAAI,GAAG,IAAM,EAAI;AAGzE;"}
+{"version":3,"file":"I18n.js","sources":["../../src/i18n/I18n.ts"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { CustomTypeOptions } from 'i18next'\nimport { LRUCache } from '@/helpers/LRUCache'\nimport type { ResourceDictionary, Resources } from '@/types/Helpers'\n\nexport const defaultNS = 'common'\n\n//LRU cache holding requested resources\nconst resourceCache = new LRUCache(50)\n/**\n * Dynamic loading of translation resources - works with Suspence to prevent early access to loadable strings\n * @param lng(string): resource language\n * @param ns(string): Namespace/name of the component/resource\n * @returns Promise<Translation resource>\n */\nconst loadResource = ({ lng = 'en', ns }: { ns: string; lng?: string }) => {\n  let isLoading = true\n  let isError = false\n  let resource: Record<string, string>\n\n  const importResources = async () => {\n    try {\n      const module = await import(`@/i18n/${lng}/${ns}.json`)\n\n      resource = module.default\n      isLoading = false\n    } catch (err) {\n      isError = true\n      isLoading = false\n    }\n  }\n  const promise = importResources()\n  return () => {\n    if (isLoading) {\n      // eslint-disable-next-line @typescript-eslint/only-throw-error\n      throw promise // Throw the promise to indicate Suspense should suspend.\n    } else if (isError) {\n      throw new Error(`Error loading translation for component: ${ns}`) // Handle error\n    } else {\n      return resource // Return the resource when loading is complete\n    }\n  }\n}\n\n/**\n * Hook that allows component to load custom dictionary\n * @param @private {string} ns - Namespace - should match component name exactly - not exposed to consumers\n */\nexport const useI18n = (ns: keyof CustomTypeOptions['resources'] | null) => {\n  //Getting our instance of i18n -> supplied by the provider set in GustoApiProvider\n  const { i18n: i18nInstance } = useTranslation()\n  //Abort when namespace is not provided\n  if (!ns) return\n  const key = `${i18nInstance.resolvedLanguage}:${ns}`\n  //Skip loading default resource if it is already in cache\n  if (resourceCache.get(key) === null) {\n    //If resource not in cache, initiate loading and add getter to cache\n    resourceCache.put(key, loadResource({ lng: i18nInstance.resolvedLanguage, ns: ns }))\n  }\n  //Get resourceGetter from cache\n  const resourceGetter = resourceCache.get(key)\n  if (resourceGetter) {\n    const resource = resourceGetter()\n    i18nInstance.addResourceBundle(i18nInstance.resolvedLanguage ?? 'en', ns, resource, true, false) //Last argument is set to false to prevent override of keys provided by partners on GustoApiProvider level through dictionary prop\n  }\n}\n\n//Used by individual components to override their dictionaries with partner provided resources\nexport const useComponentDictionary = <K extends keyof Resources>(\n  ns: keyof CustomTypeOptions['resources'],\n  resource?: ResourceDictionary<K> | null,\n) => {\n  const { i18n: i18nInstance } = useTranslation()\n  if (resource) {\n    for (const lang in resource) {\n      i18nInstance.addResourceBundle(lang, ns, resource[lang], true, true)\n    }\n  }\n}\n"],"names":["defaultNS","resourceCache","LRUCache","loadResource","lng","ns","isLoading","isError","resource","promise","__variableDynamicImportRuntimeHelper","useI18n","i18nInstance","useTranslation","key","resourceGetter","useComponentDictionary","lang"],"mappings":";;;AAKO,MAAMA,IAAY,UAGnBC,IAAgB,IAAIC,EAAS,EAAE,GAO/BC,IAAe,CAAC,EAAE,KAAAC,IAAM,MAAM,IAAAC,QAAuC;AACzE,MAAIC,IAAY,IACZC,IAAU,IACVC;AAaJ,QAAMC,KAXkB,YAAY;AAClC,QAAI;AAGF,MAAAD,KAFe,MAAME,i4GAAA,KAAAN,CAAA,IAAAC,CAAA,SAAA,CAAA,GAEH,SAClBC,IAAY;AAAA,IACd,QAAc;AACZ,MAAAC,IAAU,IACVD,IAAY;AAAA,IACd;AAAA,EACF,GACgB;AAChB,SAAO,MAAM;AACX,QAAIA;AAEF,YAAMG;QACGF;AACT,YAAM,IAAI,MAAM,4CAA4CF,CAAE,EAAE;AAEhE,WAAOG;AAAA,EAEX;AACF,GAMaG,IAAU,CAACN,MAAoD;AAE1E,QAAM,EAAE,MAAMO,EAAA,IAAiBC,EAAA;AAE/B,MAAI,CAACR,EAAI;AACT,QAAMS,IAAM,GAAGF,EAAa,gBAAgB,IAAIP,CAAE;AAElD,EAAIJ,EAAc,IAAIa,CAAG,MAAM,QAE7Bb,EAAc,IAAIa,GAAKX,EAAa,EAAE,KAAKS,EAAa,kBAAkB,IAAAP,EAAA,CAAQ,CAAC;AAGrF,QAAMU,IAAiBd,EAAc,IAAIa,CAAG;AAC5C,MAAIC,GAAgB;AAClB,UAAMP,IAAWO,EAAA;AACjB,IAAAH,EAAa,kBAAkBA,EAAa,oBAAoB,MAAMP,GAAIG,GAAU,IAAM,EAAK;AAAA,EACjG;AACF,GAGaQ,IAAyB,CACpCX,GACAG,MACG;AACH,QAAM,EAAE,MAAMI,EAAA,IAAiBC,EAAA;AAC/B,MAAIL;AACF,eAAWS,KAAQT;AACjB,MAAAI,EAAa,kBAAkBK,GAAMZ,GAAIG,EAASS,CAAI,GAAG,IAAM,EAAI;AAGzE;"}

package/dist/i18n/en/Payroll.PayrollConfiguration.json.js

@@ -0,0 +1,32 @@
+const e = "Run payroll for {{startDate}} - {{endDate}}", o = "Regular payroll", l = "Calculate payroll", a = "Calculate payroll", t = "Hours and additional earnings", n = "Review and update your employee's hours, reimbursements, and additional earnings below.", s = "Employee compensations", i = { employees: "Employees", hours: "Hours", timeOff: "Time off", additionalEarnings: "Additional earnings", reimbursements: "Reimbursements", totalPay: "Total pay" }, r = "Skipped", d = { edit: "Edit" }, p = "Back", c = "Back", y = { payrollDeadline: { label: "Payroll Deadline", message: "To pay your employees with direct deposit on the check date, you'll need to run payroll by the deadline." }, skippedEmployees: { label: "Skipped Employees", employeeAddressNotVerified: "Employee address not verified" } }, u = {
+  pageTitle: e,
+  regularPayroll: o,
+  calculatePayroll: l,
+  calculatePayrollTitle: a,
+  hoursAndEarningsTitle: t,
+  hoursAndEarningsDescription: n,
+  employeeCompensationsTitle: s,
+  tableColumns: i,
+  skippedBadge: r,
+  editMenu: d,
+  backButton: p,
+  backButtonTitle: c,
+  alerts: y
+};
+export {
+  y as alerts,
+  p as backButton,
+  c as backButtonTitle,
+  l as calculatePayroll,
+  a as calculatePayrollTitle,
+  u as default,
+  d as editMenu,
+  s as employeeCompensationsTitle,
+  n as hoursAndEarningsDescription,
+  t as hoursAndEarningsTitle,
+  e as pageTitle,
+  o as regularPayroll,
+  r as skippedBadge,
+  i as tableColumns
+};
+//# sourceMappingURL=Payroll.PayrollConfiguration.json.js.map

package/dist/i18n/en/Payroll.PayrollConfiguration.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Payroll.PayrollConfiguration.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/i18n/en/Payroll.PayrollEditEmployee.json.js

@@ -0,0 +1,20 @@
+const e = "Edit {{employeeName}}'s payroll", o = "Gross pay (excluding reimbursements)", s = "Regular hours", t = "Hours", r = "Save", l = "Cancel", a = { regularHours: "Regular Hours", overtime: "Overtime", doubleOvertime: "Double overtime" }, n = {
+  pageTitle: e,
+  grossPayLabel: o,
+  regularHoursTitle: s,
+  hoursUnit: t,
+  saveButton: r,
+  cancelButton: l,
+  compensationNames: a
+};
+export {
+  l as cancelButton,
+  a as compensationNames,
+  n as default,
+  o as grossPayLabel,
+  t as hoursUnit,
+  e as pageTitle,
+  s as regularHoursTitle,
+  r as saveButton
+};
+//# sourceMappingURL=Payroll.PayrollEditEmployee.json.js.map

package/dist/i18n/en/Payroll.PayrollEditEmployee.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Payroll.PayrollEditEmployee.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/i18n/en/Payroll.PayrollList.json.js

@@ -0,0 +1,14 @@
+const s = "Payrolls", o = "Run Payroll", e = { processed: "Processed", unprocessed: "Unprocessed" }, l = ["Pay Period", "Run by", "Status"], t = {
+  payrollsListLabel: s,
+  runPayrollTitle: o,
+  status: e,
+  tableHeaders: l
+};
+export {
+  t as default,
+  s as payrollsListLabel,
+  o as runPayrollTitle,
+  e as status,
+  l as tableHeaders
+};
+//# sourceMappingURL=Payroll.PayrollList.json.js.map

package/dist/i18n/en/Payroll.PayrollList.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Payroll.PayrollList.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/i18n/en/Payroll.PayrollOverview.json.js

@@ -0,0 +1,18 @@
+const e = "Review payroll for {{startDate}} - {{endDate}}", t = { edit: "Edit", editTitle: "Edit", submit: "Submit", submitTitle: "Submit" }, o = { progressSaved: "Your progress has been saved", directDepositDeadline: "To pay your employees with direct deposit on {{payDate}}, you'll need to run payroll by {{deadline}}", missedDeadlineWarning: "If you miss this deadline, your employees' direct deposit will be delayed." }, s = { payrollSummary: "Payroll Summary" }, a = { summary: "Summary", configuration: "Configuration" }, i = { totalPayroll: "Total payroll", debitAmount: "Debit amount", employees: "Employees", grossPay: "Gross Pay", reimbursements: "Reimbursements" }, l = {
+  pageTitle: e,
+  buttons: t,
+  alerts: o,
+  sections: s,
+  dataViews: a,
+  tableHeaders: i
+};
+export {
+  o as alerts,
+  t as buttons,
+  a as dataViews,
+  l as default,
+  e as pageTitle,
+  s as sections,
+  i as tableHeaders
+};
+//# sourceMappingURL=Payroll.PayrollOverview.json.js.map

package/dist/i18n/en/Payroll.PayrollOverview.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Payroll.PayrollOverview.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/i18n/en/common.json.d.ts

@@ -29,6 +29,7 @@ declare const _default: {
   },
   "labels": {
     "paginationControllCountLabel": "Items per page",
+    "paginationFetchingLabel": "Fetching data...",
     "openMenu": "Open menu",
     "menuLabel": "Menu"
   },
@@ -64,6 +65,13 @@ declare const _default: {
     },
     "workersCompensationRatePerHourAdornment": "/hr"
   },
+  "payRateFormats": {
+    "hourly": "{{amount}}/hr",
+    "weekly": "{{amount}}/yr",
+    "monthly": "{{amount}}/yr",
+    "yearly": "{{amount}}/yr",
+    "paycheck": "{{amount}}/paycheck"
+  },
   "validations": {
     "accountName": "Account name is required",
     "routingNumber": "Routing number should be a number (9 digits)",

package/dist/i18n/en/common.json.js

@@ -1,34 +1,36 @@
-const e = { loading: "Loading component...", requiredField: "is a required field", errorEncountered: "There was a problem with your submission" }, o = "(optional)", n = "You are on step {{currentStep}} of {{totalSteps}}", i = { errorHeading: "Error", globalReactError: "Error while rendering SDK component: {{error}}", resetGlobalError: "Try again", unknownError: "Unknown Error", missingParamsOrContext: "{{component}} is missing {{param}} parameter or is used outside {{provider}}", unhandledEvent: "Unhandled event type: {{event}}", unknownEventType: "Unprocessed event type", ensureRequired: "Required prop is missing" }, r = { selectArrow: "Show options", calendarArrow: "Show calendar", nextMonth: "Show next month", previousMonth: "Show previous month", magnifyingGlass: "Magnifying glass", paginationFirst: "Navigate to first page", paginationPrev: "Navigate to previous page", paginationNext: "Navigate to next page", paginationLast: "Navigate to last page" }, t = { paginationControllCountLabel: "Items per page", openMenu: "Open menu", menuLabel: "Menu" }, a = { contractor: { undefined: "N/A", admin_onboarding_incomplete: "Admin-onboarding Incomplete", admin_onboarding_review: "Admin-onboarding review", onboarding_completed: "Completed", self_onboarding_not_invited: "Self-onboarding: Not Invited", self_onboarding_invited: "Self-onboarding: Invited", self_onboarding_started: "Self-onboarding started", self_onboarding_review: "Self-onboarding: Review" }, employee: { undefined: "N/A", admin_onboarding_incomplete: "Admin-onboarding Incomplete", onboarding_completed: "Completed", self_onboarding_pending_invite: "Self-onboarding: Pending Invite", self_onboarding_invited: "Self-onboarding: Invited", self_onboarding_invited_started: "Self-onboarding started", self_onboarding_invited_overdue: "Self-onboarding: Overdue", self_onboarding_completed_by_employee: "Self-onboarding: Completed", self_onboarding_awaiting_admin_review: "Self-onboarding: Admin review" } }, s = { ssn: { placeholder: "***-**-****" }, ein: { placeholder: "**-*******" }, workersCompensationRatePerHourAdornment: "/hr" }, d = { accountName: "Account name is required", routingNumber: "Routing number should be a number (9 digits)", accountNumber: "Account number is a required field", ssn: "The SSN must be exactly 9 digits long, cannot contain all zeros in any group, and the first three digits cannot be '666' or in the range 900–999.", location: "Location is not valid", dob: "Date of birth is required" }, l = { AL: "Alabama", AK: "Alaska", AZ: "Arizona", AR: "Arkansas", CA: "California", CO: "Colorado", CT: "Connecticut", DE: "Delaware", FL: "Florida", GA: "Georgia", HI: "Hawaii", ID: "Idaho", IL: "Illinois", IN: "Indiana", IA: "Iowa", KS: "Kansas", KY: "Kentucky", LA: "Louisiana", ME: "Maine", MD: "Maryland", MA: "Massachusetts", MI: "Michigan", MN: "Minnesota", MS: "Mississippi", MO: "Missouri", MT: "Montana", NE: "Nebraska", NV: "Nevada", NH: "New Hampshire", NJ: "New Jersey", NM: "New Mexico", NY: "New York", NC: "North Carolina", ND: "North Dakota", OH: "Ohio", OK: "Oklahoma", OR: "Oregon", PA: "Pennsylvania", RI: "Rhode Island", SC: "South Carolina", SD: "South Dakota", TN: "Tennessee", TX: "Texas", UT: "Utah", VT: "Vermont", VA: "Virginia", WA: "Washington", WV: "West Virginia", WI: "Wisconsin", WY: "Wyoming" }, g = { selectRowHeader: "Select row", selectRowLabel: "Select row", actionsColumnHeader: "Actions" }, m = { selectRowLabel: "Select row" }, p = { owner: "Owner", president: "President", vice_president: "Vice President", treasurer: "Treasurer", corporate_officer: "Corporate Officer", partner: "Partner", member: "Member" }, c = { itemMovedDown: "Item {{item}} moved down to position {{position}} of {{total}}", itemMovedUp: "Item {{item}} moved up to position {{position}} of {{total}}", dragStarted: "Started dragging item {{item}}", dragEnded: "Finished dragging item {{item}}", movedUp: "Item {{item}} moved up to position {{position}} of {{total}}", movedDown: "Item {{item}} moved down to position {{position}} of {{total}}", reorderingCanceled: "Reordering mode canceled for item {{item}}", reorderingExited: "Exited reordering mode for item {{item}}", reorderingStarted: "Entered reordering mode for item {{item}}. Use arrow keys to move, Escape to cancel, or Space to finish.", reorderingComplete: "Reordering complete for item {{item}}", draggableLabel: "Press Space or Enter to start reordering item {{item}}", draggableLabelActive: "Press arrow keys to move item {{item}}, or press Space/Enter to finish reordering", draggablePosition: "Item {{item}} at position {{position}} of {{total}}", item: "Item {{position}}", dropItemHere: "Drop item here", draggableItem: "Draggable item" }, b = {
+const e = { loading: "Loading component...", requiredField: "is a required field", errorEncountered: "There was a problem with your submission" }, o = "(optional)", n = "You are on step {{currentStep}} of {{totalSteps}}", i = { errorHeading: "Error", globalReactError: "Error while rendering SDK component: {{error}}", resetGlobalError: "Try again", unknownError: "Unknown Error", missingParamsOrContext: "{{component}} is missing {{param}} parameter or is used outside {{provider}}", unhandledEvent: "Unhandled event type: {{event}}", unknownEventType: "Unprocessed event type", ensureRequired: "Required prop is missing" }, t = { selectArrow: "Show options", calendarArrow: "Show calendar", nextMonth: "Show next month", previousMonth: "Show previous month", magnifyingGlass: "Magnifying glass", paginationFirst: "Navigate to first page", paginationPrev: "Navigate to previous page", paginationNext: "Navigate to next page", paginationLast: "Navigate to last page" }, r = { paginationControllCountLabel: "Items per page", paginationFetchingLabel: "Fetching data...", openMenu: "Open menu", menuLabel: "Menu" }, a = { contractor: { undefined: "N/A", admin_onboarding_incomplete: "Admin-onboarding Incomplete", admin_onboarding_review: "Admin-onboarding review", onboarding_completed: "Completed", self_onboarding_not_invited: "Self-onboarding: Not Invited", self_onboarding_invited: "Self-onboarding: Invited", self_onboarding_started: "Self-onboarding started", self_onboarding_review: "Self-onboarding: Review" }, employee: { undefined: "N/A", admin_onboarding_incomplete: "Admin-onboarding Incomplete", onboarding_completed: "Completed", self_onboarding_pending_invite: "Self-onboarding: Pending Invite", self_onboarding_invited: "Self-onboarding: Invited", self_onboarding_invited_started: "Self-onboarding started", self_onboarding_invited_overdue: "Self-onboarding: Overdue", self_onboarding_completed_by_employee: "Self-onboarding: Completed", self_onboarding_awaiting_admin_review: "Self-onboarding: Admin review" } }, s = { ssn: { placeholder: "***-**-****" }, ein: { placeholder: "**-*******" }, workersCompensationRatePerHourAdornment: "/hr" }, d = { hourly: "{{amount}}/hr", weekly: "{{amount}}/yr", monthly: "{{amount}}/yr", yearly: "{{amount}}/yr", paycheck: "{{amount}}/paycheck" }, l = { accountName: "Account name is required", routingNumber: "Routing number should be a number (9 digits)", accountNumber: "Account number is a required field", ssn: "The SSN must be exactly 9 digits long, cannot contain all zeros in any group, and the first three digits cannot be '666' or in the range 900–999.", location: "Location is not valid", dob: "Date of birth is required" }, m = { AL: "Alabama", AK: "Alaska", AZ: "Arizona", AR: "Arkansas", CA: "California", CO: "Colorado", CT: "Connecticut", DE: "Delaware", FL: "Florida", GA: "Georgia", HI: "Hawaii", ID: "Idaho", IL: "Illinois", IN: "Indiana", IA: "Iowa", KS: "Kansas", KY: "Kentucky", LA: "Louisiana", ME: "Maine", MD: "Maryland", MA: "Massachusetts", MI: "Michigan", MN: "Minnesota", MS: "Mississippi", MO: "Missouri", MT: "Montana", NE: "Nebraska", NV: "Nevada", NH: "New Hampshire", NJ: "New Jersey", NM: "New Mexico", NY: "New York", NC: "North Carolina", ND: "North Dakota", OH: "Ohio", OK: "Oklahoma", OR: "Oregon", PA: "Pennsylvania", RI: "Rhode Island", SC: "South Carolina", SD: "South Dakota", TN: "Tennessee", TX: "Texas", UT: "Utah", VT: "Vermont", VA: "Virginia", WA: "Washington", WV: "West Virginia", WI: "Wisconsin", WY: "Wyoming" }, g = { selectRowHeader: "Select row", selectRowLabel: "Select row", actionsColumnHeader: "Actions" }, c = { selectRowLabel: "Select row" }, p = { owner: "Owner", president: "President", vice_president: "Vice President", treasurer: "Treasurer", corporate_officer: "Corporate Officer", partner: "Partner", member: "Member" }, u = { itemMovedDown: "Item {{item}} moved down to position {{position}} of {{total}}", itemMovedUp: "Item {{item}} moved up to position {{position}} of {{total}}", dragStarted: "Started dragging item {{item}}", dragEnded: "Finished dragging item {{item}}", movedUp: "Item {{item}} moved up to position {{position}} of {{total}}", movedDown: "Item {{item}} moved down to position {{position}} of {{total}}", reorderingCanceled: "Reordering mode canceled for item {{item}}", reorderingExited: "Exited reordering mode for item {{item}}", reorderingStarted: "Entered reordering mode for item {{item}}. Use arrow keys to move, Escape to cancel, or Space to finish.", reorderingComplete: "Reordering complete for item {{item}}", draggableLabel: "Press Space or Enter to start reordering item {{item}}", draggableLabelActive: "Press arrow keys to move item {{item}}, or press Space/Enter to finish reordering", draggablePosition: "Item {{item}} at position {{position}} of {{total}}", item: "Item {{position}}", dropItemHere: "Drop item here", draggableItem: "Draggable item" }, b = {
   status: e,
   optionalLabel: o,
   progressBarLabel: n,
   errors: i,
-  icons: r,
-  labels: t,
+  icons: t,
+  labels: r,
   onboardingStatus: a,
   inputs: s,
-  validations: d,
-  statesHash: l,
+  payRateFormats: d,
+  validations: l,
+  statesHash: m,
   table: g,
-  card: m,
+  card: c,
   signatoryTitles: p,
-  reorderableList: c
+  reorderableList: u
 };
 export {
-  m as card,
+  c as card,
   b as default,
   i as errors,
-  r as icons,
+  t as icons,
   s as inputs,
-  t as labels,
+  r as labels,
   a as onboardingStatus,
   o as optionalLabel,
+  d as payRateFormats,
   n as progressBarLabel,
-  c as reorderableList,
+  u as reorderableList,
   p as signatoryTitles,
-  l as statesHash,
+  m as statesHash,
   e as status,
   g as table,
-  d as validations
+  l as validations
 };
 //# sourceMappingURL=common.json.js.map

package/dist/i18n/en/common.json.js.map

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

package/dist/shared/constants.d.ts

@@ -117,6 +117,7 @@ export declare const runPayrollEvents: {
     readonly RUN_PAYROLL_EDITED: "runPayroll/edited";
     readonly RUN_PAYROLL_EMPLOYEE_EDITED: "runPayroll/employee/edited";
     readonly RUN_PAYROLL_EMPLOYEE_SAVED: "runPayroll/employee/saved";
+    readonly RUN_PAYROLL_EMPLOYEE_CANCELLED: "runPayroll/employee/cancelled";
     readonly RUN_PAYROLL_SELECTED: "runPayroll/selected";
     readonly RUN_PAYROLL_SUBMITTED: "runPayroll/submitted";
 };
@@ -126,6 +127,7 @@ export declare const componentEvents: {
     readonly RUN_PAYROLL_EDITED: "runPayroll/edited";
     readonly RUN_PAYROLL_EMPLOYEE_EDITED: "runPayroll/employee/edited";
     readonly RUN_PAYROLL_EMPLOYEE_SAVED: "runPayroll/employee/saved";
+    readonly RUN_PAYROLL_EMPLOYEE_CANCELLED: "runPayroll/employee/cancelled";
     readonly RUN_PAYROLL_SELECTED: "runPayroll/selected";
     readonly RUN_PAYROLL_SUBMITTED: "runPayroll/submitted";
     readonly CONTRACTOR_ADDRESS_UPDATED: "contractor/address/updated";
@@ -318,3 +320,7 @@ export declare const CONTRACTOR_TYPE: {
     readonly BUSINESS: "Business";
     readonly INDIVIDUAL: "Individual";
 };
+export declare const COMPENSATION_NAME_REGULAR_HOURS = "Regular Hours";
+export declare const COMPENSATION_NAME_OVERTIME = "Overtime";
+export declare const COMPENSATION_NAME_DOUBLE_OVERTIME = "Double overtime";
+export declare const HOURS_COMPENSATION_NAMES: string[];