@gusto/embedded-react-sdk 0.13.1 → 0.13.3

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 { createComponents } from '../ComponentAdapter/createComponentsWithDefaults'\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={createComponents(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","createComponents","LoadingIndicatorProvider","jsx","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;;;;;AA4CA,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,OAAOC,EAAiBR,CAAU,GACpD,4BAACS,GAAA,EAAyB,OAAOR,GAC/B,UAAA,gBAAAS,EAACC,GAAA,EAAc,mBAAmBC,GAChC,UAAA,gBAAAF,EAACG,KAAc,OAAAd,GACb,UAAA,gBAAAW,EAACI,KAAe,QAAAjB,GAAgB,UAAAC,GAC9B,4BAACiB,GAAA,EAAgB,MAAMV,GACrB,UAAA,gBAAAK,EAACM,GAAA,EAAY,KAAKtB,EAAO,SAAS,SAASA,EAAO,SAAS,OAAOA,EAAO,OACtE,UAAAD,GACH,EAAA,GAHsCG,CAIxC,GACF,EAAA,CACF,GACF,GACF,EAAA,CACF;AAEJ;"}

package/dist/contexts/ThemeProvider/theme.d.ts

@@ -1,3 +1,4 @@
+export declare const transitionDuration = 200;
 declare const defaultThemeColors: {
     colorBody: string;
     colorBodyAccent: string;
@@ -39,6 +40,7 @@ export declare const createTheme: (colors?: GustoSDKThemeColors) => {
     inputErrorColor: string | undefined;
     inputRadius: string;
     buttonRadius: string;
+    cardRadius: string;
     badgeRadius: string;
     fontSizeRoot: string;
     fontFamily: string;

package/dist/contexts/ThemeProvider/theme.js

@@ -29,7 +29,7 @@ const o = {
     500: "#DCDCDC",
     800: "#1C1C1C"
   }
-}, i = {
+}, u = 200, i = {
   colorBody: o.neutral[100],
   colorBodyAccent: o.neutral[300],
   colorBodyContent: o.neutral[1e3],
@@ -53,7 +53,7 @@ const o = {
   colorSuccessAccent: o.success[500],
   colorSuccessContent: o.success[800],
   colorBorder: o.neutral[400]
-}, u = (r = {}) => ({
+}, d = (r = {}) => ({
   // Colors
   ...i,
   ...r,
@@ -74,6 +74,7 @@ const o = {
   // Radius
   inputRadius: n(8),
   buttonRadius: n(8),
+  cardRadius: n(8),
   badgeRadius: n(16),
   // Font
   fontSizeRoot: a(),
@@ -93,25 +94,26 @@ const o = {
   fontWeightSemibold: "600",
   fontWeightBold: "700",
   // Transitions
-  transitionDuration: "200ms",
+  transitionDuration: `${u}ms`,
   // Shadows
   shadowResting: "0px 1px 2px 0px rgba(10, 13, 18, 0.05)",
   shadowTopmost: "0px 4px 6px 0px rgba(28, 28, 28, 0.05), 0px 10px 15px 0px rgba(28, 28, 28, 0.10)",
   // Focus
   focusRingColor: r.colorPrimary,
   focusRingWidth: "2px"
-}), s = (r) => {
+}), g = (r) => {
   const c = Object.entries(i).reduce(
-    (e, [t, l]) => (e[t] = r[t] || l, e),
+    (t, [e, l]) => (t[e] = r[e] || l, t),
     {}
   );
   return {
-    ...u(c),
+    ...d(c),
     ...r
   };
 };
 export {
-  u as createTheme,
-  s as mergePartnerTheme
+  d as createTheme,
+  g as mergePartnerTheme,
+  u as transitionDuration
 };
 //# sourceMappingURL=theme.js.map

package/dist/contexts/ThemeProvider/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../../src/contexts/ThemeProvider/theme.ts"],"sourcesContent":["import { getRootFontSize, toRem } from '@/helpers/rem'\n\n// Colors are for internal use in our theme currently\n// We don't export them for partner use or overrides\nconst baseColors = {\n  neutral: {\n    100: '#FFFFFF',\n    200: '#FBFAFA',\n    300: '#F4F4F3',\n    400: '#EAEAEA',\n    500: '#DCDCDC',\n    600: '#BABABC',\n    700: '#919197',\n    800: '#6C6C72',\n    900: '#525257',\n    1000: '#1C1C1C',\n  },\n  error: {\n    100: '#FEF3F2',\n    500: '#C5271C',\n    800: '#D92D20',\n  },\n  warning: {\n    100: '#FFFAF2',\n    500: '#E9B550',\n    700: '#B88023',\n    800: '#B88023',\n  },\n  success: {\n    100: '#F3FAFB',\n    400: '#2BABAD',\n    500: '#0A8080',\n    800: '#005961',\n  },\n  info: {\n    100: '#F4F4F3',\n    500: '#DCDCDC',\n    800: '#1C1C1C',\n  },\n}\n\nconst defaultThemeColors = {\n  colorBody: baseColors.neutral[100],\n  colorBodyAccent: baseColors.neutral[300],\n  colorBodyContent: baseColors.neutral[1000],\n  colorBodySubContent: baseColors.neutral[800],\n  colorPrimary: baseColors.neutral[1000],\n  colorPrimaryAccent: baseColors.neutral[900],\n  colorPrimaryContent: baseColors.neutral[100],\n  colorSecondary: baseColors.neutral[100],\n  colorSecondaryAccent: baseColors.neutral[400],\n  colorSecondaryContent: baseColors.neutral[1000],\n  colorInfo: baseColors.info[100],\n  colorInfoAccent: baseColors.info[500],\n  colorInfoContent: baseColors.info[800],\n  colorWarning: baseColors.warning[100],\n  colorWarningAccent: baseColors.warning[500],\n  colorWarningContent: baseColors.warning[800],\n  colorError: baseColors.error[100],\n  colorErrorAccent: baseColors.error[500],\n  colorErrorContent: baseColors.error[800],\n  colorSuccess: baseColors.success[100],\n  colorSuccessAccent: baseColors.success[500],\n  colorSuccessContent: baseColors.success[800],\n  colorBorder: baseColors.neutral[400],\n}\n\nexport type GustoSDKThemeColors = Partial<typeof defaultThemeColors>\n\nexport const createTheme = (colors: GustoSDKThemeColors = {}) => {\n  return {\n    // Colors\n    ...defaultThemeColors,\n    ...colors,\n    // Input Colors\n    inputBackgroundColor: colors.colorBody,\n    inputBorderColor: baseColors.neutral[500],\n    inputContentColor: colors.colorBodyContent,\n    inputBorderWidth: '1px',\n    inputPlaceholderColor: colors.colorBodySubContent,\n    inputAdornmentColor: colors.colorBodySubContent,\n    inputDisabledBackgroundColor: colors.colorBodyAccent,\n    // Field Colors\n    inputLabelColor: colors.colorBodyContent,\n    inputLabelFontSize: toRem(16),\n    inputLabelFontWeight: '500',\n    inputDescriptionColor: colors.colorBodySubContent,\n    inputErrorColor: colors.colorErrorAccent,\n    // Radius\n    inputRadius: toRem(8),\n    buttonRadius: toRem(8),\n    badgeRadius: toRem(16),\n    // Font\n    fontSizeRoot: getRootFontSize(),\n    fontFamily: 'Geist',\n    fontLineHeight: toRem(24),\n    fontSizeSmall: toRem(14),\n    fontSizeRegular: toRem(16),\n    fontSizeLarge: toRem(18),\n    fontSizeHeading1: toRem(32),\n    fontSizeHeading2: toRem(24),\n    fontSizeHeading3: toRem(20),\n    fontSizeHeading4: toRem(18),\n    fontSizeHeading5: toRem(16),\n    fontSizeHeading6: toRem(14),\n    fontWeightRegular: '400',\n    fontWeightMedium: '500',\n    fontWeightSemibold: '600',\n    fontWeightBold: '700',\n    // Transitions\n    transitionDuration: '200ms',\n    // Shadows\n    shadowResting: '0px 1px 2px 0px rgba(10, 13, 18, 0.05)',\n    shadowTopmost:\n      '0px 4px 6px 0px rgba(28, 28, 28, 0.05), 0px 10px 15px 0px rgba(28, 28, 28, 0.10)',\n    // Focus\n    focusRingColor: colors.colorPrimary,\n    focusRingWidth: '2px',\n  }\n}\n\nexport type GustoSDKTheme = Partial<ReturnType<typeof createTheme>>\n\nexport const mergePartnerTheme = (partnerTheme: GustoSDKTheme): GustoSDKTheme => {\n  const colors = Object.entries(defaultThemeColors).reduce(\n    (acc: GustoSDKThemeColors, [key, value]) => {\n      acc[key as keyof typeof defaultThemeColors] =\n        partnerTheme[key as keyof typeof defaultThemeColors] || value\n      return acc\n    },\n    {},\n  )\n\n  const theme = createTheme(colors)\n\n  return {\n    ...theme,\n    ...partnerTheme,\n  }\n}\n"],"names":["baseColors","defaultThemeColors","createTheme","colors","toRem","getRootFontSize","mergePartnerTheme","partnerTheme","acc","key","value"],"mappings":";AAIA,MAAMA,IAAa;AAAA,EACjB,SAAS;AAAA,IACP,KAAK;AAAA,IAEL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IAGL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAM;AAAA,EAAA;AAAA,EAER,OAAO;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA,EAEP,SAAS;AAAA,IACP,KAAK;AAAA,IACL,KAAK;AAAA,IAEL,KAAK;AAAA,EAAA;AAAA,EAEP,SAAS;AAAA,IACP,KAAK;AAAA,IAEL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA,EAEP,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAET,GAEMC,IAAqB;AAAA,EACzB,WAAWD,EAAW,QAAQ,GAAG;AAAA,EACjC,iBAAiBA,EAAW,QAAQ,GAAG;AAAA,EACvC,kBAAkBA,EAAW,QAAQ,GAAI;AAAA,EACzC,qBAAqBA,EAAW,QAAQ,GAAG;AAAA,EAC3C,cAAcA,EAAW,QAAQ,GAAI;AAAA,EACrC,oBAAoBA,EAAW,QAAQ,GAAG;AAAA,EAC1C,qBAAqBA,EAAW,QAAQ,GAAG;AAAA,EAC3C,gBAAgBA,EAAW,QAAQ,GAAG;AAAA,EACtC,sBAAsBA,EAAW,QAAQ,GAAG;AAAA,EAC5C,uBAAuBA,EAAW,QAAQ,GAAI;AAAA,EAC9C,WAAWA,EAAW,KAAK,GAAG;AAAA,EAC9B,iBAAiBA,EAAW,KAAK,GAAG;AAAA,EACpC,kBAAkBA,EAAW,KAAK,GAAG;AAAA,EACrC,cAAcA,EAAW,QAAQ,GAAG;AAAA,EACpC,oBAAoBA,EAAW,QAAQ,GAAG;AAAA,EAC1C,qBAAqBA,EAAW,QAAQ,GAAG;AAAA,EAC3C,YAAYA,EAAW,MAAM,GAAG;AAAA,EAChC,kBAAkBA,EAAW,MAAM,GAAG;AAAA,EACtC,mBAAmBA,EAAW,MAAM,GAAG;AAAA,EACvC,cAAcA,EAAW,QAAQ,GAAG;AAAA,EACpC,oBAAoBA,EAAW,QAAQ,GAAG;AAAA,EAC1C,qBAAqBA,EAAW,QAAQ,GAAG;AAAA,EAC3C,aAAaA,EAAW,QAAQ,GAAG;AACrC,GAIaE,IAAc,CAACC,IAA8B,QACjD;AAAA;AAAA,EAEL,GAAGF;AAAA,EACH,GAAGE;AAAA;AAAA,EAEH,sBAAsBA,EAAO;AAAA,EAC7B,kBAAkBH,EAAW,QAAQ,GAAG;AAAA,EACxC,mBAAmBG,EAAO;AAAA,EAC1B,kBAAkB;AAAA,EAClB,uBAAuBA,EAAO;AAAA,EAC9B,qBAAqBA,EAAO;AAAA,EAC5B,8BAA8BA,EAAO;AAAA;AAAA,EAErC,iBAAiBA,EAAO;AAAA,EACxB,oBAAoBC,EAAM,EAAE;AAAA,EAC5B,sBAAsB;AAAA,EACtB,uBAAuBD,EAAO;AAAA,EAC9B,iBAAiBA,EAAO;AAAA;AAAA,EAExB,aAAaC,EAAM,CAAC;AAAA,EACpB,cAAcA,EAAM,CAAC;AAAA,EACrB,aAAaA,EAAM,EAAE;AAAA;AAAA,EAErB,cAAcC,EAAA;AAAA,EACd,YAAY;AAAA,EACZ,gBAAgBD,EAAM,EAAE;AAAA,EACxB,eAAeA,EAAM,EAAE;AAAA,EACvB,iBAAiBA,EAAM,EAAE;AAAA,EACzB,eAAeA,EAAM,EAAE;AAAA,EACvB,kBAAkBA,EAAM,EAAE;AAAA,EAC1B,kBAAkBA,EAAM,EAAE;AAAA,EAC1B,kBAAkBA,EAAM,EAAE;AAAA,EAC1B,kBAAkBA,EAAM,EAAE;AAAA,EAC1B,kBAAkBA,EAAM,EAAE;AAAA,EAC1B,kBAAkBA,EAAM,EAAE;AAAA,EAC1B,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA;AAAA,EAEhB,oBAAoB;AAAA;AAAA,EAEpB,eAAe;AAAA,EACf,eACE;AAAA;AAAA,EAEF,gBAAgBD,EAAO;AAAA,EACvB,gBAAgB;AAAA,IAMPG,IAAoB,CAACC,MAA+C;AAC/E,QAAMJ,IAAS,OAAO,QAAQF,CAAkB,EAAE;AAAA,IAChD,CAACO,GAA0B,CAACC,GAAKC,CAAK,OACpCF,EAAIC,CAAsC,IACxCF,EAAaE,CAAsC,KAAKC,GACnDF;AAAA,IAET,CAAA;AAAA,EAAC;AAKH,SAAO;AAAA,IACL,GAHYN,EAAYC,CAAM;AAAA,IAI9B,GAAGI;AAAA,EAAA;AAEP;"}
+{"version":3,"file":"theme.js","sources":["../../../src/contexts/ThemeProvider/theme.ts"],"sourcesContent":["import { getRootFontSize, toRem } from '@/helpers/rem'\n\n// Colors are for internal use in our theme currently\n// We don't export them for partner use or overrides\nconst baseColors = {\n  neutral: {\n    100: '#FFFFFF',\n    200: '#FBFAFA',\n    300: '#F4F4F3',\n    400: '#EAEAEA',\n    500: '#DCDCDC',\n    600: '#BABABC',\n    700: '#919197',\n    800: '#6C6C72',\n    900: '#525257',\n    1000: '#1C1C1C',\n  },\n  error: {\n    100: '#FEF3F2',\n    500: '#C5271C',\n    800: '#D92D20',\n  },\n  warning: {\n    100: '#FFFAF2',\n    500: '#E9B550',\n    700: '#B88023',\n    800: '#B88023',\n  },\n  success: {\n    100: '#F3FAFB',\n    400: '#2BABAD',\n    500: '#0A8080',\n    800: '#005961',\n  },\n  info: {\n    100: '#F4F4F3',\n    500: '#DCDCDC',\n    800: '#1C1C1C',\n  },\n}\n\nexport const transitionDuration = 200\n\nconst defaultThemeColors = {\n  colorBody: baseColors.neutral[100],\n  colorBodyAccent: baseColors.neutral[300],\n  colorBodyContent: baseColors.neutral[1000],\n  colorBodySubContent: baseColors.neutral[800],\n  colorPrimary: baseColors.neutral[1000],\n  colorPrimaryAccent: baseColors.neutral[900],\n  colorPrimaryContent: baseColors.neutral[100],\n  colorSecondary: baseColors.neutral[100],\n  colorSecondaryAccent: baseColors.neutral[400],\n  colorSecondaryContent: baseColors.neutral[1000],\n  colorInfo: baseColors.info[100],\n  colorInfoAccent: baseColors.info[500],\n  colorInfoContent: baseColors.info[800],\n  colorWarning: baseColors.warning[100],\n  colorWarningAccent: baseColors.warning[500],\n  colorWarningContent: baseColors.warning[800],\n  colorError: baseColors.error[100],\n  colorErrorAccent: baseColors.error[500],\n  colorErrorContent: baseColors.error[800],\n  colorSuccess: baseColors.success[100],\n  colorSuccessAccent: baseColors.success[500],\n  colorSuccessContent: baseColors.success[800],\n  colorBorder: baseColors.neutral[400],\n}\n\nexport type GustoSDKThemeColors = Partial<typeof defaultThemeColors>\n\nexport const createTheme = (colors: GustoSDKThemeColors = {}) => {\n  return {\n    // Colors\n    ...defaultThemeColors,\n    ...colors,\n    // Input Colors\n    inputBackgroundColor: colors.colorBody,\n    inputBorderColor: baseColors.neutral[500],\n    inputContentColor: colors.colorBodyContent,\n    inputBorderWidth: '1px',\n    inputPlaceholderColor: colors.colorBodySubContent,\n    inputAdornmentColor: colors.colorBodySubContent,\n    inputDisabledBackgroundColor: colors.colorBodyAccent,\n    // Field Colors\n    inputLabelColor: colors.colorBodyContent,\n    inputLabelFontSize: toRem(16),\n    inputLabelFontWeight: '500',\n    inputDescriptionColor: colors.colorBodySubContent,\n    inputErrorColor: colors.colorErrorAccent,\n    // Radius\n    inputRadius: toRem(8),\n    buttonRadius: toRem(8),\n    cardRadius: toRem(8),\n    badgeRadius: toRem(16),\n    // Font\n    fontSizeRoot: getRootFontSize(),\n    fontFamily: 'Geist',\n    fontLineHeight: toRem(24),\n    fontSizeSmall: toRem(14),\n    fontSizeRegular: toRem(16),\n    fontSizeLarge: toRem(18),\n    fontSizeHeading1: toRem(32),\n    fontSizeHeading2: toRem(24),\n    fontSizeHeading3: toRem(20),\n    fontSizeHeading4: toRem(18),\n    fontSizeHeading5: toRem(16),\n    fontSizeHeading6: toRem(14),\n    fontWeightRegular: '400',\n    fontWeightMedium: '500',\n    fontWeightSemibold: '600',\n    fontWeightBold: '700',\n    // Transitions\n    transitionDuration: `${transitionDuration}ms`,\n    // Shadows\n    shadowResting: '0px 1px 2px 0px rgba(10, 13, 18, 0.05)',\n    shadowTopmost:\n      '0px 4px 6px 0px rgba(28, 28, 28, 0.05), 0px 10px 15px 0px rgba(28, 28, 28, 0.10)',\n    // Focus\n    focusRingColor: colors.colorPrimary,\n    focusRingWidth: '2px',\n  }\n}\n\nexport type GustoSDKTheme = Partial<ReturnType<typeof createTheme>>\n\nexport const mergePartnerTheme = (partnerTheme: GustoSDKTheme): GustoSDKTheme => {\n  const colors = Object.entries(defaultThemeColors).reduce(\n    (acc: GustoSDKThemeColors, [key, value]) => {\n      acc[key as keyof typeof defaultThemeColors] =\n        partnerTheme[key as keyof typeof defaultThemeColors] || value\n      return acc\n    },\n    {},\n  )\n\n  const theme = createTheme(colors)\n\n  return {\n    ...theme,\n    ...partnerTheme,\n  }\n}\n"],"names":["baseColors","transitionDuration","defaultThemeColors","createTheme","colors","toRem","getRootFontSize","mergePartnerTheme","partnerTheme","acc","key","value"],"mappings":"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"}

package/dist/helpers/applyMissingDefaults.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Applies default values only to properties that are undefined in the source object.
+ * This is more efficient than object spread as it only sets values that are actually missing.
+ */
+export declare function applyMissingDefaults<T>(rawProps: T, defaults: Partial<T>): T;

package/dist/helpers/applyMissingDefaults.js

@@ -0,0 +1,10 @@
+function c(o, n) {
+  const t = { ...o };
+  for (const i in n)
+    o[i] === void 0 && n[i] !== void 0 && (t[i] = n[i]);
+  return t;
+}
+export {
+  c as applyMissingDefaults
+};
+//# sourceMappingURL=applyMissingDefaults.js.map

package/dist/helpers/applyMissingDefaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyMissingDefaults.js","sources":["../../src/helpers/applyMissingDefaults.ts"],"sourcesContent":["/**\n * Applies default values only to properties that are undefined in the source object.\n * This is more efficient than object spread as it only sets values that are actually missing.\n */\nexport function applyMissingDefaults<T>(rawProps: T, defaults: Partial<T>): T {\n  const result = { ...rawProps }\n\n  for (const key in defaults) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    if ((rawProps as any)[key] === undefined && defaults[key] !== undefined) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ;(result as any)[key] = defaults[key]\n    }\n  }\n\n  return result\n}\n"],"names":["applyMissingDefaults","rawProps","defaults","result","key"],"mappings":"AAIO,SAASA,EAAwBC,GAAaC,GAAyB;AAC5E,QAAMC,IAAS,EAAE,GAAGF,EAAA;AAEpB,aAAWG,KAAOF;AAEhB,IAAKD,EAAiBG,CAAG,MAAM,UAAaF,EAASE,CAAG,MAAM,WAE1DD,EAAeC,CAAG,IAAIF,EAASE,CAAG;AAIxC,SAAOD;AACT;"}

package/dist/helpers/readableStreamToBlob.d.ts

@@ -0,0 +1 @@
+export declare function readableStreamToBlob(stream: ReadableStream<Uint8Array>, mimeType: string): Promise<Blob>;

package/dist/helpers/readableStreamToBlob.js

@@ -0,0 +1,17 @@
+async function f(s, c) {
+  const l = s.getReader(), t = [];
+  let o = !1;
+  for (; !o; ) {
+    const { value: e, done: n } = await l.read();
+    e && t.push(e), o = n;
+  }
+  const d = t.reduce((e, n) => e + n.length, 0), r = new Uint8Array(d);
+  let a = 0;
+  for (const e of t)
+    r.set(e, a), a += e.length;
+  return new Blob([r], { type: c });
+}
+export {
+  f as readableStreamToBlob
+};
+//# sourceMappingURL=readableStreamToBlob.js.map

package/dist/helpers/readableStreamToBlob.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readableStreamToBlob.js","sources":["../../src/helpers/readableStreamToBlob.ts"],"sourcesContent":["export async function readableStreamToBlob(stream: ReadableStream<Uint8Array>, mimeType: string) {\n  const reader = stream.getReader()\n  const chunks: Uint8Array[] = []\n  let done = false\n  while (!done) {\n    const { value, done: readerDone } = await reader.read()\n    if (value) chunks.push(value)\n    done = readerDone\n  }\n  // Concatenate all chunks\n  const totalLength = chunks.reduce((acc, chunk) => acc + chunk.length, 0)\n  const merged = new Uint8Array(totalLength)\n  let offset = 0\n  for (const chunk of chunks) {\n    merged.set(chunk, offset)\n    offset += chunk.length\n  }\n  return new Blob([merged], { type: mimeType })\n}\n"],"names":["readableStreamToBlob","stream","mimeType","reader","chunks","done","value","readerDone","totalLength","acc","chunk","merged","offset"],"mappings":"AAAA,eAAsBA,EAAqBC,GAAoCC,GAAkB;AAC/F,QAAMC,IAASF,EAAO,UAAA,GAChBG,IAAuB,CAAA;AAC7B,MAAIC,IAAO;AACX,SAAO,CAACA,KAAM;AACZ,UAAM,EAAE,OAAAC,GAAO,MAAMC,MAAe,MAAMJ,EAAO,KAAA;AACjD,IAAIG,KAAOF,EAAO,KAAKE,CAAK,GAC5BD,IAAOE;AAAA,EACT;AAEA,QAAMC,IAAcJ,EAAO,OAAO,CAACK,GAAKC,MAAUD,IAAMC,EAAM,QAAQ,CAAC,GACjEC,IAAS,IAAI,WAAWH,CAAW;AACzC,MAAII,IAAS;AACb,aAAWF,KAASN;AAClB,IAAAO,EAAO,IAAID,GAAOE,CAAM,GACxBA,KAAUF,EAAM;AAElB,SAAO,IAAI,KAAK,CAACC,CAAM,GAAG,EAAE,MAAMT,GAAU;AAC9C;"}

package/dist/hooks/useContainerBreakpoints/useContainerBreakpoints.d.ts

@@ -3,10 +3,8 @@ import { BREAKPOINTS } from '../../shared/constants';
 export type BreakpointKey = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS];
 export type useContainerBreakpointsProps = {
     ref: React.RefObject<HTMLElement | null>;
-    breakpoints?: Partial<{
-        [K in BreakpointKey]: number | string;
-    }>;
+    breakpoints?: Record<string, number | string>;
     debounceTimeout?: number;
 };
-export declare const useContainerBreakpoints: ({ ref, breakpoints, debounceTimeout, }: useContainerBreakpointsProps) => BreakpointKey[];
+export declare const useContainerBreakpoints: ({ ref, breakpoints, debounceTimeout, }: useContainerBreakpointsProps) => string[];
 export default useContainerBreakpoints;

package/dist/hooks/useContainerBreakpoints/useContainerBreakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContainerBreakpoints.js","sources":["../../../src/hooks/useContainerBreakpoints/useContainerBreakpoints.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport type React from 'react'\nimport type { BREAKPOINTS } from '@/shared/constants'\nimport { BREAKPOINTS_VALUES } from '@/shared/constants'\nimport { remToPx } from '@/helpers/rem'\n\nexport type BreakpointKey = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS]\n\nexport type useContainerBreakpointsProps = {\n  ref: React.RefObject<HTMLElement | null>\n  breakpoints?: Partial<{ [K in BreakpointKey]: number | string }>\n  debounceTimeout?: number\n}\n\nconst DEBOUNCE_TIMEOUT = 10\n\nexport const useContainerBreakpoints = ({\n  ref,\n  breakpoints = BREAKPOINTS_VALUES,\n  debounceTimeout = DEBOUNCE_TIMEOUT,\n}: useContainerBreakpointsProps) => {\n  const [activeBreakpoints, setActiveBreakpoint] = useState<Array<keyof typeof breakpoints>>([])\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const calculateBreakpoints = (width: number) => {\n    const returnBreakpoints: Array<keyof typeof breakpoints> = []\n\n    for (const [key, value] of Object.entries(breakpoints)) {\n      if (width >= remToPx(value)) {\n        returnBreakpoints.push(key as keyof typeof breakpoints)\n      }\n    }\n\n    return returnBreakpoints\n  }\n\n  useEffect(() => {\n    const debouncedHandleResize = (entries: ResizeObserverEntry[]) => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n      timeoutRef.current = setTimeout(() => {\n        if (entries.length >= 1) {\n          const width = entries[0]?.contentRect.width ?? 0\n          const newBreakpoints = calculateBreakpoints(width)\n          setActiveBreakpoint(newBreakpoints)\n        }\n      }, debounceTimeout)\n    }\n\n    const observer = new ResizeObserver(debouncedHandleResize)\n\n    if (ref.current) {\n      // Do initial calculation\n      const width = ref.current.offsetWidth\n      if (width > 0) {\n        const initialBreakpoints = calculateBreakpoints(width)\n        setActiveBreakpoint(initialBreakpoints)\n      }\n\n      observer.observe(ref.current)\n    }\n\n    return () => {\n      observer.disconnect()\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [debounceTimeout])\n\n  return activeBreakpoints\n}\n\nexport default useContainerBreakpoints\n"],"names":["DEBOUNCE_TIMEOUT","useContainerBreakpoints","ref","breakpoints","BREAKPOINTS_VALUES","debounceTimeout","activeBreakpoints","setActiveBreakpoint","useState","timeoutRef","useRef","calculateBreakpoints","width","returnBreakpoints","key","value","remToPx","useEffect","debouncedHandleResize","entries","newBreakpoints","observer","initialBreakpoints"],"mappings":";;;AAcA,MAAMA,IAAmB,IAEZC,IAA0B,CAAC;AAAA,EACtC,KAAAC;AAAA,EACA,aAAAC,IAAcC;AAAA,EACd,iBAAAC,IAAkBL;AACpB,MAAoC;AAClC,QAAM,CAACM,GAAmBC,CAAmB,IAAIC,EAA0C,CAAA,CAAE,GACvFC,IAAaC,EAA8B,IAAI,GAE/CC,IAAuB,CAACC,MAAkB;AAC9C,UAAMC,IAAqD,CAAA;AAE3D,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQZ,CAAW;AACnD,MAAIS,KAASI,EAAQD,CAAK,KACxBF,EAAkB,KAAKC,CAA+B;AAI1D,WAAOD;AAAA,EACT;AAEA,SAAAI,EAAU,MAAM;AACd,UAAMC,IAAwB,CAACC,MAAmC;AAChE,MAAIV,EAAW,WACb,aAAaA,EAAW,OAAO,GAEjCA,EAAW,UAAU,WAAW,MAAM;AACpC,YAAIU,EAAQ,UAAU,GAAG;AACvB,gBAAMP,IAAQO,EAAQ,CAAC,GAAG,YAAY,SAAS,GACzCC,IAAiBT,EAAqBC,CAAK;AACjD,UAAAL,EAAoBa,CAAc;AAAA,QACpC;AAAA,MACF,GAAGf,CAAe;AAAA,IACpB,GAEMgB,IAAW,IAAI,eAAeH,CAAqB;AAEzD,QAAIhB,EAAI,SAAS;AAEf,YAAMU,IAAQV,EAAI,QAAQ;AAC1B,UAAIU,IAAQ,GAAG;AACb,cAAMU,IAAqBX,EAAqBC,CAAK;AACrD,QAAAL,EAAoBe,CAAkB;AAAA,MACxC;AAEA,MAAAD,EAAS,QAAQnB,EAAI,OAAO;AAAA,IAC9B;AAEA,WAAO,MAAM;AACX,MAAAmB,EAAS,WAAA,GACLZ,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,IAEnC;AAAA,EAEF,GAAG,CAACJ,CAAe,CAAC,GAEbC;AACT;"}
+{"version":3,"file":"useContainerBreakpoints.js","sources":["../../../src/hooks/useContainerBreakpoints/useContainerBreakpoints.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport type React from 'react'\nimport type { BREAKPOINTS } from '@/shared/constants'\nimport { BREAKPOINTS_VALUES } from '@/shared/constants'\nimport { remToPx } from '@/helpers/rem'\n\nexport type BreakpointKey = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS]\n\nexport type useContainerBreakpointsProps = {\n  ref: React.RefObject<HTMLElement | null>\n  breakpoints?: Record<string, number | string>\n  debounceTimeout?: number\n}\n\nconst DEBOUNCE_TIMEOUT = 10\n\nexport const useContainerBreakpoints = ({\n  ref,\n  breakpoints = BREAKPOINTS_VALUES,\n  debounceTimeout = DEBOUNCE_TIMEOUT,\n}: useContainerBreakpointsProps) => {\n  const [activeBreakpoints, setActiveBreakpoint] = useState<Array<keyof typeof breakpoints>>([])\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const calculateBreakpoints = (width: number) => {\n    const returnBreakpoints: Array<keyof typeof breakpoints> = []\n\n    for (const [key, value] of Object.entries(breakpoints)) {\n      if (width >= remToPx(value)) {\n        returnBreakpoints.push(key)\n      }\n    }\n\n    return returnBreakpoints\n  }\n\n  useEffect(() => {\n    const debouncedHandleResize = (entries: ResizeObserverEntry[]) => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n      timeoutRef.current = setTimeout(() => {\n        if (entries.length >= 1) {\n          const width = entries[0]?.contentRect.width ?? 0\n          const newBreakpoints = calculateBreakpoints(width)\n          setActiveBreakpoint(newBreakpoints)\n        }\n      }, debounceTimeout)\n    }\n\n    const observer = new ResizeObserver(debouncedHandleResize)\n\n    if (ref.current) {\n      // Do initial calculation\n      const width = ref.current.offsetWidth\n      if (width > 0) {\n        const initialBreakpoints = calculateBreakpoints(width)\n        setActiveBreakpoint(initialBreakpoints)\n      }\n\n      observer.observe(ref.current)\n    }\n\n    return () => {\n      observer.disconnect()\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [debounceTimeout])\n\n  return activeBreakpoints\n}\n\nexport default useContainerBreakpoints\n"],"names":["DEBOUNCE_TIMEOUT","useContainerBreakpoints","ref","breakpoints","BREAKPOINTS_VALUES","debounceTimeout","activeBreakpoints","setActiveBreakpoint","useState","timeoutRef","useRef","calculateBreakpoints","width","returnBreakpoints","key","value","remToPx","useEffect","debouncedHandleResize","entries","newBreakpoints","observer","initialBreakpoints"],"mappings":";;;AAcA,MAAMA,IAAmB,IAEZC,IAA0B,CAAC;AAAA,EACtC,KAAAC;AAAA,EACA,aAAAC,IAAcC;AAAA,EACd,iBAAAC,IAAkBL;AACpB,MAAoC;AAClC,QAAM,CAACM,GAAmBC,CAAmB,IAAIC,EAA0C,CAAA,CAAE,GACvFC,IAAaC,EAA8B,IAAI,GAE/CC,IAAuB,CAACC,MAAkB;AAC9C,UAAMC,IAAqD,CAAA;AAE3D,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQZ,CAAW;AACnD,MAAIS,KAASI,EAAQD,CAAK,KACxBF,EAAkB,KAAKC,CAAG;AAI9B,WAAOD;AAAA,EACT;AAEA,SAAAI,EAAU,MAAM;AACd,UAAMC,IAAwB,CAACC,MAAmC;AAChE,MAAIV,EAAW,WACb,aAAaA,EAAW,OAAO,GAEjCA,EAAW,UAAU,WAAW,MAAM;AACpC,YAAIU,EAAQ,UAAU,GAAG;AACvB,gBAAMP,IAAQO,EAAQ,CAAC,GAAG,YAAY,SAAS,GACzCC,IAAiBT,EAAqBC,CAAK;AACjD,UAAAL,EAAoBa,CAAc;AAAA,QACpC;AAAA,MACF,GAAGf,CAAe;AAAA,IACpB,GAEMgB,IAAW,IAAI,eAAeH,CAAqB;AAEzD,QAAIhB,EAAI,SAAS;AAEf,YAAMU,IAAQV,EAAI,QAAQ;AAC1B,UAAIU,IAAQ,GAAG;AACb,cAAMU,IAAqBX,EAAqBC,CAAK;AACrD,QAAAL,EAAoBe,CAAkB;AAAA,MACxC;AAEA,MAAAD,EAAS,QAAQnB,EAAI,OAAO;AAAA,IAC9B;AAEA,WAAO,MAAM;AACX,MAAAmB,EAAS,WAAA,GACLZ,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,IAEnC;AAAA,EAEF,GAAG,CAACJ,CAAe,CAAC,GAEbC;AACT;"}

package/dist/i18n/I18n.js

@@ -1,11 +1,11 @@
-import p from "../_virtual/dynamic-import-helper.js";
+import l 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), y = ({ lng: n = "en", ns: o }) => {
+import { LRUCache as p } from "../helpers/LRUCache.js";
+const P = "common", s = new p(50), y = ({ lng: n = "en", ns: o }) => {
   let e = !0, r = !1, t;
   const i = (async () => {
     try {
-      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;
+      t = (await l(/* @__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.PayrollHistory.json": () => import("./en/Payroll.PayrollHistory.json.js"), "./en/Payroll.PayrollLanding.json": () => import("./en/Payroll.PayrollLanding.json.js"), "./en/Payroll.PayrollList.json": () => import("./en/Payroll.PayrollList.json.js"), "./en/Payroll.PayrollOverview.json": () => import("./en/Payroll.PayrollOverview.json.js"), "./en/Payroll.PayrollReceipts.json": () => import("./en/Payroll.PayrollReceipts.json.js"), "./en/Payroll.PayrollSchedule.json": () => import("./en/Payroll.PayrollSchedule.json.js"), "./en/Payroll.RunPayroll.json": () => import("./en/Payroll.RunPayroll.json.js"), "./en/common.json": () => import("./en/common.json.js") }), `./${n}/${o}.json`, 3)).default, e = !1;
     } catch {
       r = !0, e = !1;
     }
@@ -17,7 +17,7 @@ const C = "common", s = new l(50), y = ({ lng: n = "en", ns: o }) => {
       throw new Error(`Error loading translation for component: ${o}`);
     return t;
   };
-}, g = (n) => {
+}, C = (n) => {
   const { i18n: o } = m();
   if (!n) return;
   const e = `${o.resolvedLanguage}:${n}`;
@@ -27,15 +27,15 @@ const C = "common", s = new l(50), y = ({ lng: n = "en", ns: o }) => {
     const t = r();
     o.addResourceBundle(o.resolvedLanguage ?? "en", n, t, !0, !1);
   }
-}, E = (n, o) => {
+}, g = (n, o) => {
   const { i18n: e } = m();
   if (o)
     for (const r in o)
       e.addResourceBundle(r, n, o[r], !0, !0);
 };
 export {
-  C as defaultNS,
-  E as useComponentDictionary,
-  g as useI18n
+  P as defaultNS,
+  g as useComponentDictionary,
+  C 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,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;"}
+{"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,8nHAAA,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/Employee.Deductions.json.js

@@ -1,72 +1,80 @@
-const e = "Deductions", n = "Include deductions for this employee?", o = "If you need to deduct money from this employee's paycheck (e.g. for Housing, Meals, or Transportation), you can choose either a one-time deduction or an ongoing deduction that occurs every pay period.", M = "Yes", N = "No", t = "Continue", c = "Add Deduction", i = "Edit Deduction", d = "Deduction description", u = "Deduction frequency", s = "This deduction occurs every payroll", a = "This is a one-time deduction and only applies to the next upcoming payroll", r = "List of current deductions of an employee", l = "Deduction type", p = "Percentage", m = "Fixed dollar amount", y = "Amount to withhold", D = "Annual maximum", h = "This is a court-ordered deduction", g = "Deduction", T = "Frequency", b = "Withheld", f = "Actions", C = "Recurring", L = "{{value}} per paycheck", A = "One-time", x = "Once added, your deductions will appear here.", O = "Deduction actions menu", q = "Edit deduction", v = "Delete deduction", F = "+ Add another deduction", w = "Cancel", E = { description: "Description is required", amount: "Amount must be a valid number" }, R = {
+const e = "Deductions", n = "Include deductions for this employee?", o = "If you need to deduct money from this employee's paycheck (e.g. for Housing, Meals, or Transportation), you can choose either a one-time deduction or an ongoing deduction that occurs every pay period.", t = "If you need to deduct money from this employee's paycheck (e.g. for child support, housing, meals, or transportation), you can choose either a one-time deduction or an ongoing deduction that occurs every pay period.", c = "Employee deductions", i = "You haven't added any deductions yet", N = "Yes", R = "No", d = "Continue", u = "Add Deduction", s = "Add deduction", a = "Edit Deduction", r = "Deduction description", l = "Deduction frequency", p = "This deduction occurs every payroll", m = "This is a one-time deduction and only applies to the next upcoming payroll", y = "List of current deductions of an employee", h = "Deduction type", D = "Percentage", g = "Fixed dollar amount", f = "Amount to withhold", T = "Annual maximum", b = "This is a court-ordered deduction", C = "Deduction", A = "Frequency", L = "Withheld", x = "Actions", O = "Recurring", q = "{{value}} per paycheck", v = "One-time", E = "Once added, your deductions will appear here.", F = "Deduction actions menu", Y = "Edit deduction", k = "Delete deduction", w = "+ Add another deduction", I = "Cancel", M = { description: "Description is required", amount: "Amount must be a valid number" }, P = {
   pageTitle: e,
   includeDeductionsFormLabel: n,
   includeDeductionsDescription: o,
+  includeDeductionsDescriptionV2: t,
+  includeDeductionsSubtitle: c,
+  includeDeductionsEmptyState: i,
   includeDeductionsYes: "Yes",
   includeDeductionsNo: "No",
-  continueCta: t,
-  addDeductionTitle: c,
-  editDeductionTitle: i,
-  descriptionLabel: d,
-  frequencyLabel: u,
-  frequencyRecurringOption: s,
-  frequencyOneTimeOption: a,
-  deductionsTableLabel: r,
-  deductionTypeLabel: l,
-  deductionTypePercentageOption: p,
-  deductionTypeFixedAmountOption: m,
-  deductionAmountLabel: y,
-  annualMaxLabel: D,
-  courtOrderedLabel: h,
-  nameColumn: g,
-  frequencyColumn: T,
-  withheldColumn: b,
-  actionsColumn: f,
-  recurringText: C,
-  recurringAmount: L,
-  nonRecurringText: A,
-  emptyListMessage: x,
-  hamburgerTitle: O,
-  editCta: q,
-  deleteCta: v,
-  addDeductionCta: F,
-  cancelCta: w,
-  validations: E
+  continueCta: d,
+  addDeductionTitle: u,
+  addDeductionButtonCta: s,
+  editDeductionTitle: a,
+  descriptionLabel: r,
+  frequencyLabel: l,
+  frequencyRecurringOption: p,
+  frequencyOneTimeOption: m,
+  deductionsTableLabel: y,
+  deductionTypeLabel: h,
+  deductionTypePercentageOption: D,
+  deductionTypeFixedAmountOption: g,
+  deductionAmountLabel: f,
+  annualMaxLabel: T,
+  courtOrderedLabel: b,
+  nameColumn: C,
+  frequencyColumn: A,
+  withheldColumn: L,
+  actionsColumn: x,
+  recurringText: O,
+  recurringAmount: q,
+  nonRecurringText: v,
+  emptyListMessage: E,
+  hamburgerTitle: F,
+  editCta: Y,
+  deleteCta: k,
+  addDeductionCta: w,
+  cancelCta: I,
+  validations: M
 };
 export {
-  f as actionsColumn,
-  F as addDeductionCta,
-  c as addDeductionTitle,
-  D as annualMaxLabel,
-  w as cancelCta,
-  t as continueCta,
-  h as courtOrderedLabel,
-  y as deductionAmountLabel,
-  m as deductionTypeFixedAmountOption,
-  l as deductionTypeLabel,
-  p as deductionTypePercentageOption,
-  r as deductionsTableLabel,
-  R as default,
-  v as deleteCta,
-  d as descriptionLabel,
-  q as editCta,
-  i as editDeductionTitle,
-  x as emptyListMessage,
-  T as frequencyColumn,
-  u as frequencyLabel,
-  a as frequencyOneTimeOption,
-  s as frequencyRecurringOption,
-  O as hamburgerTitle,
+  x as actionsColumn,
+  s as addDeductionButtonCta,
+  w as addDeductionCta,
+  u as addDeductionTitle,
+  T as annualMaxLabel,
+  I as cancelCta,
+  d as continueCta,
+  b as courtOrderedLabel,
+  f as deductionAmountLabel,
+  g as deductionTypeFixedAmountOption,
+  h as deductionTypeLabel,
+  D as deductionTypePercentageOption,
+  y as deductionsTableLabel,
+  P as default,
+  k as deleteCta,
+  r as descriptionLabel,
+  Y as editCta,
+  a as editDeductionTitle,
+  E as emptyListMessage,
+  A as frequencyColumn,
+  l as frequencyLabel,
+  m as frequencyOneTimeOption,
+  p as frequencyRecurringOption,
+  F as hamburgerTitle,
   o as includeDeductionsDescription,
+  t as includeDeductionsDescriptionV2,
+  i as includeDeductionsEmptyState,
   n as includeDeductionsFormLabel,
-  N as includeDeductionsNo,
-  M as includeDeductionsYes,
-  g as nameColumn,
-  A as nonRecurringText,
+  R as includeDeductionsNo,
+  c as includeDeductionsSubtitle,
+  N as includeDeductionsYes,
+  C as nameColumn,
+  v as nonRecurringText,
   e as pageTitle,
-  L as recurringAmount,
-  C as recurringText,
-  E as validations,
-  b as withheldColumn
+  q as recurringAmount,
+  O as recurringText,
+  M as validations,
+  L as withheldColumn
 };
 //# sourceMappingURL=Employee.Deductions.json.js.map

package/dist/i18n/en/Employee.Deductions.json.js.map

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

package/dist/i18n/en/Employee.Profile.json.js

@@ -1,52 +1,54 @@
-const e = "Cancel", t = "This information will be used for payroll and taxes, so double-check that it's accurate.", s = "Date of birth", a = "Personal email", o = "Use an email that's not associated with your company.", i = "Legal first name", r = "Employee Form", n = "Legal last name", l = "Middle initial", c = "Preferred first name", d = "Invite this employee to enter their own details online.", m = "Social Security Number (9 digit)", h = "***-**-****", y = "Your employee’s first day of work at your company.", f = "Start date", p = "Continue", u = "Basics", w = { email: "Valid email is required", firstName: "Please enter valid first name", lastName: "Please enter valid last name", startDate: "Please select valid start date", startDateOutOfRange: "An employee must have a start date that is within six months from today." }, k = "Work address", b = "The primary location where the employee will be working.", D = "Select work address...", P = "Work Address", A = "This is where you primarily work. We need this information to make sure your pay is accurate. Please reach out to your employer if this looks incorrect.", g = {
+const e = "Cancel", t = "This information will be used for payroll and taxes, so double-check that it's accurate.", s = "Date of birth", o = "Personal email", a = "Use an email that's not associated with your company.", i = "Legal first name", r = "Employee Form", n = "Legal last name", l = "Middle initial", c = "Preferred first name", d = "Invite this employee to enter their own details online.", m = "Your employee will be invited to enter their information on their own time.", h = "Social Security Number (9 digit)", f = "***-**-****", p = "Your employee’s first day of work at your company.", y = "Start date", u = "Continue", w = "Basics", k = { email: "Valid email is required", firstName: "Please enter valid first name", lastName: "Please enter valid last name", startDate: "Please select valid start date", startDateOutOfRange: "An employee must have a start date that is within six months from today." }, b = "Work address", D = "The primary location where the employee will be working.", P = "Select work address...", g = "Work Address", v = "This is where you primarily work. We need this information to make sure your pay is accurate. Please reach out to your employer if this looks incorrect.", A = {
   cancelCta: e,
   description: t,
   dobLabel: s,
-  email: a,
-  emailDescription: o,
+  email: o,
+  emailDescription: a,
   firstName: i,
   formTitle: r,
   lastName: n,
   middleInitial: l,
   preferredFirstName: c,
   selfOnboardingLabel: d,
-  ssnLabel: m,
-  ssnMask: h,
-  startDateDescription: y,
-  startDateLabel: f,
-  submitCta: p,
-  title: u,
-  validations: w,
-  workAddress: k,
-  workAddressDescription: b,
-  workAddressPlaceholder: D,
-  workAddressSectionTitle: P,
-  workAddressSectionDescription: A
+  selfOnboardingDescription: m,
+  ssnLabel: h,
+  ssnMask: f,
+  startDateDescription: p,
+  startDateLabel: y,
+  submitCta: u,
+  title: w,
+  validations: k,
+  workAddress: b,
+  workAddressDescription: D,
+  workAddressPlaceholder: P,
+  workAddressSectionTitle: g,
+  workAddressSectionDescription: v
 };
 export {
   e as cancelCta,
-  g as default,
+  A as default,
   t as description,
   s as dobLabel,
-  a as email,
-  o as emailDescription,
+  o as email,
+  a as emailDescription,
   i as firstName,
   r as formTitle,
   n as lastName,
   l as middleInitial,
   c as preferredFirstName,
+  m as selfOnboardingDescription,
   d as selfOnboardingLabel,
-  m as ssnLabel,
-  h as ssnMask,
-  y as startDateDescription,
-  f as startDateLabel,
-  p as submitCta,
-  u as title,
-  w as validations,
-  k as workAddress,
-  b as workAddressDescription,
-  D as workAddressPlaceholder,
-  A as workAddressSectionDescription,
-  P as workAddressSectionTitle
+  h as ssnLabel,
+  f as ssnMask,
+  p as startDateDescription,
+  y as startDateLabel,
+  u as submitCta,
+  w as title,
+  k as validations,
+  b as workAddress,
+  D as workAddressDescription,
+  P as workAddressPlaceholder,
+  v as workAddressSectionDescription,
+  g as workAddressSectionTitle
 };
 //# sourceMappingURL=Employee.Profile.json.js.map

package/dist/i18n/en/Employee.Profile.json.js.map

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

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

@@ -1,31 +1,31 @@
-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 = {
+const e = "Run payroll for {{startDate}} - {{endDate}}", l = "Regular payroll", o = "Calculate payroll", a = "Calculate payroll", t = "Hours and additional earnings", s = "Review and update your employee's hours, reimbursements, and additional earnings below.", n = "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", y = "Back", c = { 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" }, employeeUpdated: { label: "{{employeeName}} updated successfully" } }, u = {
   pageTitle: e,
-  regularPayroll: o,
-  calculatePayroll: l,
+  regularPayroll: l,
+  calculatePayroll: o,
   calculatePayrollTitle: a,
   hoursAndEarningsTitle: t,
-  hoursAndEarningsDescription: n,
-  employeeCompensationsTitle: s,
+  hoursAndEarningsDescription: s,
+  employeeCompensationsTitle: n,
   tableColumns: i,
   skippedBadge: r,
   editMenu: d,
   backButton: p,
-  backButtonTitle: c,
-  alerts: y
+  backButtonTitle: y,
+  alerts: c
 };
 export {
-  y as alerts,
+  c as alerts,
   p as backButton,
-  c as backButtonTitle,
-  l as calculatePayroll,
+  y as backButtonTitle,
+  o as calculatePayroll,
   a as calculatePayrollTitle,
   u as default,
   d as editMenu,
-  s as employeeCompensationsTitle,
-  n as hoursAndEarningsDescription,
+  n as employeeCompensationsTitle,
+  s as hoursAndEarningsDescription,
   t as hoursAndEarningsTitle,
   e as pageTitle,
-  o as regularPayroll,
+  l as regularPayroll,
   r as skippedBadge,
   i as tableColumns
 };