@gusto/embedded-react-sdk 0.11.3 → 0.12.1

package/dist/contexts/ThemeProvider/ThemeProvider.js

@@ -1,75 +1,33 @@
-import { jsx as y } from "react/jsx-runtime";
-import { useRef as K, useEffect as w } from "react";
-import { useTranslation as x } from "react-i18next";
-import { createTheme as E } from "./createTheme.js";
-import { ThemeContext as N } from "./useTheme.js";
-import { gustoSDKTheme as O } from "./theme.js";
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as c, useEffect as u } from "react";
+import { useTranslation as a } from "react-i18next";
+import { ThemeContext as d } from "./useTheme.js";
+import { mergePartnerTheme as l } from "./theme.js";
 /* empty css                    */
-const B = ({
+const D = ({
   theme: n = {},
   children: t
 }) => {
-  const e = K(null), { t: r } = x(), o = K(null);
-  return w(() => {
-    const {
-      colors: c,
-      spacing: s,
-      typography: a,
-      radius: i,
-      transitionDuration: m,
-      rootFS: u,
-      focus: d,
-      shadow: l,
-      input: h,
-      button: p,
-      radio: f,
-      checkbox: T,
-      table: S,
-      calendarPreview: g,
-      card: b,
-      link: D,
-      badge: v,
-      ...G
-    } = n, j = {
-      ...c ? { colors: c } : {},
-      ...s ? { spacing: s } : {},
-      ...a ? { typography: a } : {},
-      ...i ? { radius: i } : {},
-      ...m ? { transitionDuration: m } : {},
-      ...u ? { rootFS: u } : {},
-      ...d ? { focus: d } : {},
-      ...l ? { shadow: l } : {},
-      ...h ? { input: h } : {},
-      ...p ? { button: p } : {},
-      ...f ? { radio: f } : {},
-      ...T ? { checkbox: T } : {},
-      ...S ? { table: S } : {},
-      ...g ? { calendarPreview: g } : {},
-      ...b ? { card: b } : {},
-      ...D ? { link: D } : {},
-      ...v ? { badge: v } : {}
-    }, C = E(j), k = {
-      ...O,
-      ...G
-    }, $ = {
-      ...C,
-      ...k
-    };
+  const e = c(null), { t: r } = a(), o = c(null);
+  return u(() => {
+    const i = l(n);
     e.current && e.current.remove(), e.current = document.createElement("style"), e.current.setAttribute("data-testid", "GSDK"), e.current.appendChild(
-      document.createTextNode(`.GSDK{
-${P($).join(`
+      document.createTextNode(
+        `.GSDK{
+${m(i).join(`
 `)}
-}`)
+}`
+      )
     ), document.head.appendChild(e.current);
   }, [n, r]), // @ts-expect-error HACK fix mismatch where containerRef allows null
-  /* @__PURE__ */ y(N.Provider, { value: { container: o }, children: /* @__PURE__ */ y("article", { className: "GSDK", "data-testid": "GSDK", ref: o, children: t }) });
-}, P = (n, t) => {
+  /* @__PURE__ */ s(d.Provider, { value: { container: o }, children: /* @__PURE__ */ s("article", { className: "GSDK", "data-testid": "GSDK", ref: o, children: t }) });
+}, m = (n, t) => {
   const e = [];
   for (const [r, o] of Object.entries(n))
-    typeof o == "object" ? e.push(...P(o, t ? t + "-" + r : r)) : e.push(`--g-${t ? t + "-" + r : r}: ${String(o)};`);
+    typeof o == "object" ? e.push(...m(o, t ? t + "-" + r : r)) : e.push(`--g-${t ? t + "-" + r : r}: ${String(o)};`);
   return e;
 };
 export {
-  B as ThemeProvider
+  D as ThemeProvider
 };
 //# sourceMappingURL=ThemeProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../src/contexts/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import type React from 'react'\nimport { useEffect, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { createTheme } from './createTheme'\nimport { ThemeContext } from './useTheme'\nimport { gustoSDKTheme, type GustoSDKTheme } from './theme'\nimport type { GTheme } from '@/types/GTheme'\nimport '@/styles/sdk.scss'\nimport type { DeepPartial } from '@/types/Helpers'\n\n// Create a union type that allows both the existing GTheme structure and the new flat structure\ntype EnhancedTheme = DeepPartial<GTheme> & Partial<GustoSDKTheme>\n\nexport interface ThemeProviderProps {\n  theme?: EnhancedTheme\n  children?: React.ReactNode\n}\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n  theme: partnerTheme = {},\n  children,\n}) => {\n  const GThemeVariables = useRef<HTMLStyleElement | null>(null)\n  const { t } = useTranslation()\n  const containerRef = useRef<HTMLElement>(null)\n\n  useEffect(() => {\n    // Temporarily supports the legacy theme while we migrate to the new theme. Pulls out the\n    // legacy theme entries and merges them with the partner overrides. Once the theming migration\n    // is complete, we can remove the legacy theme entries and only support the new theme.\n    const {\n      colors,\n      spacing,\n      typography,\n      radius,\n      transitionDuration,\n      rootFS,\n      focus,\n      shadow,\n      input,\n      button,\n      radio,\n      checkbox,\n      table,\n      calendarPreview,\n      card,\n      link,\n      badge,\n      ...gustoSDKPartnerTheme\n    } = partnerTheme\n\n    const legacyPartnerTheme = {\n      ...(colors ? { colors } : {}),\n      ...(spacing ? { spacing } : {}),\n      ...(typography ? { typography } : {}),\n      ...(radius ? { radius } : {}),\n      ...(transitionDuration ? { transitionDuration } : {}),\n      ...(rootFS ? { rootFS } : {}),\n      ...(focus ? { focus } : {}),\n      ...(shadow ? { shadow } : {}),\n      ...(input ? { input } : {}),\n      ...(button ? { button } : {}),\n      ...(radio ? { radio } : {}),\n      ...(checkbox ? { checkbox } : {}),\n      ...(table ? { table } : {}),\n      ...(calendarPreview ? { calendarPreview } : {}),\n      ...(card ? { card } : {}),\n      ...(link ? { link } : {}),\n      ...(badge ? { badge } : {}),\n    }\n\n    const legacyTheme = createTheme(legacyPartnerTheme)\n\n    const gustoSDKThemeWithOverrides = {\n      ...gustoSDKTheme,\n      ...gustoSDKPartnerTheme,\n    }\n\n    const theme = {\n      ...legacyTheme,\n      ...gustoSDKThemeWithOverrides,\n    }\n\n    if (GThemeVariables.current) {\n      GThemeVariables.current.remove()\n    }\n    GThemeVariables.current = document.createElement('style')\n    GThemeVariables.current.setAttribute('data-testid', 'GSDK')\n    GThemeVariables.current.appendChild(\n      document.createTextNode(`.GSDK{\\n${parseThemeToCSS(theme).join('\\n')}\\n}`),\n    )\n    document.head.appendChild(GThemeVariables.current)\n  }, [partnerTheme, t])\n\n  return (\n    // @ts-expect-error HACK fix mismatch where containerRef allows null\n    <ThemeContext.Provider value={{ container: containerRef }}>\n      <article className=\"GSDK\" data-testid=\"GSDK\" ref={containerRef}>\n        {children}\n      </article>\n    </ThemeContext.Provider>\n  )\n}\n\n/**\n * Recursive flattening of the theme object into css variable format\n */\nconst parseThemeToCSS = (theme: GTheme, prefix?: string): string[] => {\n  const cssProps: string[] = []\n  for (const [key, value] of Object.entries(theme)) {\n    if (typeof value === 'object') {\n      cssProps.push(...parseThemeToCSS(value, prefix ? prefix + '-' + key : key))\n    } else {\n      cssProps.push(`--g-${prefix ? prefix + '-' + key : key}: ${String(value)};`)\n    }\n  }\n  return cssProps\n}\n"],"names":["ThemeProvider","partnerTheme","children","GThemeVariables","useRef","t","useTranslation","containerRef","useEffect","colors","spacing","typography","radius","transitionDuration","rootFS","focus","shadow","input","button","radio","checkbox","table","calendarPreview","card","link","badge","gustoSDKPartnerTheme","legacyPartnerTheme","legacyTheme","createTheme","gustoSDKThemeWithOverrides","gustoSDKTheme","theme","parseThemeToCSS","ThemeContext","jsx","prefix","cssProps","key","value"],"mappings":"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"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/contexts/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import type React from 'react'\nimport { useEffect, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ThemeContext } from './useTheme'\nimport { mergePartnerTheme, type GustoSDKTheme } from './theme'\nimport '@/styles/sdk.scss'\n\nexport interface ThemeProviderProps {\n  theme?: GustoSDKTheme\n  children?: React.ReactNode\n}\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n  theme: partnerThemeOverrides = {},\n  children,\n}) => {\n  const GThemeVariables = useRef<HTMLStyleElement | null>(null)\n  const { t } = useTranslation()\n  const containerRef = useRef<HTMLElement>(null)\n\n  useEffect(() => {\n    const gustoSDKThemeWithOverrides = mergePartnerTheme(partnerThemeOverrides)\n\n    if (GThemeVariables.current) {\n      GThemeVariables.current.remove()\n    }\n    GThemeVariables.current = document.createElement('style')\n    GThemeVariables.current.setAttribute('data-testid', 'GSDK')\n    GThemeVariables.current.appendChild(\n      document.createTextNode(\n        `.GSDK{\\n${parseThemeToCSS(gustoSDKThemeWithOverrides).join('\\n')}\\n}`,\n      ),\n    )\n    document.head.appendChild(GThemeVariables.current)\n  }, [partnerThemeOverrides, t])\n\n  return (\n    // @ts-expect-error HACK fix mismatch where containerRef allows null\n    <ThemeContext.Provider value={{ container: containerRef }}>\n      <article className=\"GSDK\" data-testid=\"GSDK\" ref={containerRef}>\n        {children}\n      </article>\n    </ThemeContext.Provider>\n  )\n}\n\n/**\n * Recursive flattening of the theme object into css variable format\n */\nconst parseThemeToCSS = (theme: GustoSDKTheme, prefix?: string): string[] => {\n  const cssProps: string[] = []\n  for (const [key, value] of Object.entries(theme)) {\n    if (typeof value === 'object') {\n      cssProps.push(...parseThemeToCSS(value, prefix ? prefix + '-' + key : key))\n    } else {\n      cssProps.push(`--g-${prefix ? prefix + '-' + key : key}: ${String(value)};`)\n    }\n  }\n  return cssProps\n}\n"],"names":["ThemeProvider","partnerThemeOverrides","children","GThemeVariables","useRef","t","useTranslation","containerRef","useEffect","gustoSDKThemeWithOverrides","mergePartnerTheme","parseThemeToCSS","ThemeContext","jsx","theme","prefix","cssProps","key","value"],"mappings":";;;;;;AAYO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,OAAOC,IAAwB,CAAA;AAAA,EAC/B,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAkBC,EAAgC,IAAI,GACtD,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAeH,EAAoB,IAAI;AAE7C,SAAAI,EAAU,MAAM;AACd,UAAMC,IAA6BC,EAAkBT,CAAqB;AAE1E,IAAIE,EAAgB,WAClBA,EAAgB,QAAQ,OAAA,GAE1BA,EAAgB,UAAU,SAAS,cAAc,OAAO,GACxDA,EAAgB,QAAQ,aAAa,eAAe,MAAM,GAC1DA,EAAgB,QAAQ;AAAA,MACtB,SAAS;AAAA,QACP;AAAA,EAAWQ,EAAgBF,CAA0B,EAAE,KAAK;AAAA,CAAI,CAAC;AAAA;AAAA,MAAA;AAAA,IACnE,GAEF,SAAS,KAAK,YAAYN,EAAgB,OAAO;AAAA,EACnD,GAAG,CAACF,GAAuBI,CAAC,CAAC;AAAA,oBAI1BO,EAAa,UAAb,EAAsB,OAAO,EAAE,WAAWL,EAAA,GACzC,UAAA,gBAAAM,EAAC,WAAA,EAAQ,WAAU,QAAO,eAAY,QAAO,KAAKN,GAC/C,UAAAL,GACH,EAAA,CACF;AAEJ,GAKMS,IAAkB,CAACG,GAAsBC,MAA8B;AAC3E,QAAMC,IAAqB,CAAA;AAC3B,aAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQJ,CAAK;AAC7C,IAAI,OAAOI,KAAU,WACnBF,EAAS,KAAK,GAAGL,EAAgBO,GAAOH,IAASA,IAAS,MAAME,IAAMA,CAAG,CAAC,IAE1ED,EAAS,KAAK,OAAOD,IAASA,IAAS,MAAME,IAAMA,CAAG,KAAK,OAAOC,CAAK,CAAC,GAAG;AAG/E,SAAOF;AACT;"}

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

@@ -1,6 +1,8 @@
-export declare const gustoSDKTheme: {
+declare const defaultThemeColors: {
     colorBody: string;
+    colorBodyAccent: string;
     colorBodyContent: string;
+    colorBodySubContent: string;
     colorPrimary: string;
     colorPrimaryAccent: string;
     colorPrimaryContent: string;
@@ -19,18 +21,22 @@ export declare const gustoSDKTheme: {
     colorSuccess: string;
     colorSuccessAccent: string;
     colorSuccessContent: string;
-    inputBackgroundColor: string;
+    colorBorder: string;
+};
+export type GustoSDKThemeColors = Partial<typeof defaultThemeColors>;
+export declare const createTheme: (colors?: GustoSDKThemeColors) => {
+    inputBackgroundColor: string | undefined;
     inputBorderColor: string;
-    inputContentColor: string;
+    inputContentColor: string | undefined;
     inputBorderWidth: string;
-    inputPlaceholderColor: string;
-    inputAdornmentColor: string;
-    inputDisabledBackgroundColor: string;
-    inputLabelColor: string;
+    inputPlaceholderColor: string | undefined;
+    inputAdornmentColor: string | undefined;
+    inputDisabledBackgroundColor: string | undefined;
+    inputLabelColor: string | undefined;
     inputLabelFontSize: string;
     inputLabelFontWeight: string;
-    inputDescriptionColor: string;
-    inputErrorColor: string;
+    inputDescriptionColor: string | undefined;
+    inputErrorColor: string | undefined;
     inputRadius: string;
     buttonRadius: string;
     badgeRadius: string;
@@ -53,7 +59,32 @@ export declare const gustoSDKTheme: {
     transitionDuration: string;
     shadowResting: string;
     shadowTopmost: string;
-    focusRingColor: string;
+    focusRingColor: string | undefined;
     focusRingWidth: string;
+    colorBody: string;
+    colorBodyAccent: string;
+    colorBodyContent: string;
+    colorBodySubContent: string;
+    colorPrimary: string;
+    colorPrimaryAccent: string;
+    colorPrimaryContent: string;
+    colorSecondary: string;
+    colorSecondaryAccent: string;
+    colorSecondaryContent: string;
+    colorInfo: string;
+    colorInfoAccent: string;
+    colorInfoContent: string;
+    colorWarning: string;
+    colorWarningAccent: string;
+    colorWarningContent: string;
+    colorError: string;
+    colorErrorAccent: string;
+    colorErrorContent: string;
+    colorSuccess: string;
+    colorSuccessAccent: string;
+    colorSuccessContent: string;
+    colorBorder: string;
 };
-export type GustoSDKTheme = typeof gustoSDKTheme;
+export type GustoSDKTheme = Partial<ReturnType<typeof createTheme>>;
+export declare const mergePartnerTheme: (partnerTheme: GustoSDKTheme) => GustoSDKTheme;
+export {};

package/dist/contexts/ThemeProvider/theme.js

@@ -1,9 +1,9 @@
-/* empty css                    */
-import { toRem as n, getRootFontSize as r } from "../../helpers/rem.js";
+import { toRem as n, getRootFontSize as a } from "../../helpers/rem.js";
 const o = {
   neutral: {
     100: "#FFFFFF",
     300: "#F4F4F3",
+    400: "#EAEAEA",
     500: "#DCDCDC",
     800: "#6C6C72",
     900: "#525257",
@@ -30,14 +30,15 @@ const o = {
     800: "#1C1C1C"
   }
 }, i = {
-  // Colors
   colorBody: o.neutral[100],
+  colorBodyAccent: o.neutral[300],
   colorBodyContent: o.neutral[1e3],
+  colorBodySubContent: o.neutral[800],
   colorPrimary: o.neutral[1e3],
   colorPrimaryAccent: o.neutral[900],
   colorPrimaryContent: o.neutral[100],
   colorSecondary: o.neutral[100],
-  colorSecondaryAccent: o.neutral[300],
+  colorSecondaryAccent: o.neutral[400],
   colorSecondaryContent: o.neutral[1e3],
   colorInfo: o.info[100],
   colorInfoAccent: o.info[500],
@@ -51,26 +52,31 @@ const o = {
   colorSuccess: o.success[100],
   colorSuccessAccent: o.success[500],
   colorSuccessContent: o.success[800],
+  colorBorder: o.neutral[400]
+}, u = (r = {}) => ({
+  // Colors
+  ...i,
+  ...r,
   // Input Colors
-  inputBackgroundColor: o.neutral[100],
+  inputBackgroundColor: r.colorBody,
   inputBorderColor: o.neutral[500],
-  inputContentColor: o.neutral[1e3],
+  inputContentColor: r.colorBodyContent,
   inputBorderWidth: "1px",
-  inputPlaceholderColor: o.neutral[800],
-  inputAdornmentColor: o.neutral[800],
-  inputDisabledBackgroundColor: o.neutral[300],
+  inputPlaceholderColor: r.colorBodySubContent,
+  inputAdornmentColor: r.colorBodySubContent,
+  inputDisabledBackgroundColor: r.colorBodyAccent,
   // Field Colors
-  inputLabelColor: o.neutral[1e3],
+  inputLabelColor: r.colorBodyContent,
   inputLabelFontSize: n(16),
   inputLabelFontWeight: "500",
-  inputDescriptionColor: o.neutral[900],
-  inputErrorColor: o.error[500],
+  inputDescriptionColor: r.colorBodySubContent,
+  inputErrorColor: r.colorErrorAccent,
   // Radius
   inputRadius: n(8),
   buttonRadius: n(8),
   badgeRadius: n(16),
   // Font
-  fontSizeRoot: r(),
+  fontSizeRoot: a(),
   fontFamily: "Geist",
   fontLineHeight: n(24),
   fontSizeSmall: n(14),
@@ -92,10 +98,20 @@ const o = {
   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: o.neutral[1e3],
+  focusRingColor: r.colorPrimary,
   focusRingWidth: "2px"
+}), s = (r) => {
+  const c = Object.entries(i).reduce(
+    (e, [t, l]) => (e[t] = r[t] || l, e),
+    {}
+  );
+  return {
+    ...u(c),
+    ...r
+  };
 };
 export {
-  i as gustoSDKTheme
+  u as createTheme,
+  s as mergePartnerTheme
 };
 //# 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 '@/styles/sdk.scss'\nimport { 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 colors = {\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 gustoSDKTheme = {\n  // Colors\n  colorBody: colors.neutral[100],\n  colorBodyContent: colors.neutral[1000],\n  colorPrimary: colors.neutral[1000],\n  colorPrimaryAccent: colors.neutral[900],\n  colorPrimaryContent: colors.neutral[100],\n  colorSecondary: colors.neutral[100],\n  colorSecondaryAccent: colors.neutral[300],\n  colorSecondaryContent: colors.neutral[1000],\n  colorInfo: colors.info[100],\n  colorInfoAccent: colors.info[500],\n  colorInfoContent: colors.info[800],\n  colorWarning: colors.warning[100],\n  colorWarningAccent: colors.warning[500],\n  colorWarningContent: colors.warning[800],\n  colorError: colors.error[100],\n  colorErrorAccent: colors.error[500],\n  colorErrorContent: colors.error[800],\n  colorSuccess: colors.success[100],\n  colorSuccessAccent: colors.success[500],\n  colorSuccessContent: colors.success[800],\n  // Input Colors\n  inputBackgroundColor: colors.neutral[100],\n  inputBorderColor: colors.neutral[500],\n  inputContentColor: colors.neutral[1000],\n  inputBorderWidth: '1px',\n  inputPlaceholderColor: colors.neutral[800],\n  inputAdornmentColor: colors.neutral[800],\n  inputDisabledBackgroundColor: colors.neutral[300],\n  // Field Colors\n  inputLabelColor: colors.neutral[1000],\n  inputLabelFontSize: toRem(16),\n  inputLabelFontWeight: '500',\n  inputDescriptionColor: colors.neutral[900],\n  inputErrorColor: colors.error[500],\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: '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.neutral[1000],\n  focusRingWidth: '2px',\n}\n\nexport type GustoSDKTheme = typeof gustoSDKTheme\n"],"names":["colors","gustoSDKTheme","toRem","getRootFontSize"],"mappings":"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"}
+{"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":"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"}

package/dist/helpers/responsive.d.ts

@@ -1,14 +1,11 @@
 import { BREAKPOINTS } from '../shared/constants';
-import { GThemeSpacing } from '../types/GTheme';
 type BreakpointKey = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS];
 export type Responsive<T> = T | Partial<{
     [K in BreakpointKey]: T;
 }>;
 export type CustomPropertyValue = string | number;
-export type ResponsiveSpacing = Responsive<keyof GThemeSpacing | 0>;
 export declare function isResponsiveValue(value: Responsive<CustomPropertyValue | CustomPropertyValue[]>): boolean;
 export declare function transformResponsiveValue(value: Responsive<CustomPropertyValue | CustomPropertyValue[]>, transformValue: (value: CustomPropertyValue | CustomPropertyValue[]) => string): Record<string, string>;
-export declare function transformResponsiveSpacingValue(responsiveValue: ResponsiveSpacing): Record<string, string>;
 export declare const toRemIfNumeric: (value: string | number) => string;
 export declare function createResponsiveCustomProperties(property: string, value?: Responsive<CustomPropertyValue | CustomPropertyValue[]>): Record<string, string>;
 export declare function setResponsiveCustomProperties(properties?: Record<string, Responsive<CustomPropertyValue | CustomPropertyValue[]> | undefined>): Record<string, string>;

package/dist/helpers/responsive.js

@@ -1,43 +1,29 @@
-import { toRem as p } from "./rem.js";
-import { BREAKPOINTS as a } from "../shared/constants.js";
-function c(e) {
-  return Object.values(a).some(
-    (r) => typeof e == "object" && r in e
+import { toRem as f } from "./rem.js";
+import { BREAKPOINTS as p } from "../shared/constants.js";
+function m(e) {
+  return Object.values(p).some(
+    (t) => typeof e == "object" && t in e
   );
 }
-function m(e, r) {
-  const s = c(e) ? e : { base: e }, n = {};
-  return Object.entries(s).forEach(([o, t]) => {
-    n[o] = r(t);
-  }), n;
+const n = (e) => typeof e == "number" ? f(e) : e;
+function u(e, t) {
+  if (!t) return {};
+  const o = m(t) ? t : { base: t }, r = {};
+  return Object.entries(o).forEach(([i, s]) => {
+    const c = Array.isArray(s) ? s.map(n).join(" ") : n(s);
+    r[`--g-${e}-${i}`] = c;
+  }), r;
 }
 function j(e) {
-  return m(
-    e,
-    (r) => r === 0 ? "0" : `var(--g-spacing-${r})`
-  );
-}
-const i = (e) => typeof e == "number" ? p(e) : e;
-function u(e, r) {
-  if (!r) return {};
-  const s = c(r) ? r : { base: r }, n = {};
-  return Object.entries(s).forEach(([o, t]) => {
-    const f = Array.isArray(t) ? t.map(i).join(" ") : i(t);
-    n[`--g-${e}-${o}`] = f;
-  }), n;
-}
-function O(e) {
-  const r = {};
-  return e && Object.entries(e).forEach(([s, n]) => {
-    Object.assign(r, u(s, n));
-  }), r;
+  const t = {};
+  return e && Object.entries(e).forEach(([o, r]) => {
+    Object.assign(t, u(o, r));
+  }), t;
 }
 export {
   u as createResponsiveCustomProperties,
-  c as isResponsiveValue,
-  O as setResponsiveCustomProperties,
-  i as toRemIfNumeric,
-  j as transformResponsiveSpacingValue,
-  m as transformResponsiveValue
+  m as isResponsiveValue,
+  j as setResponsiveCustomProperties,
+  n as toRemIfNumeric
 };
 //# sourceMappingURL=responsive.js.map

package/dist/helpers/responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsive.js","sources":["../../src/helpers/responsive.ts"],"sourcesContent":["import { toRem } from '@/helpers/rem'\nimport { BREAKPOINTS } from '@/shared/constants'\nimport type { GThemeSpacing } from '@/types/GTheme'\n\ntype BreakpointKey = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS]\n\nexport type Responsive<T> =\n  | T\n  | Partial<{\n      [K in BreakpointKey]: T\n    }>\n\nexport type CustomPropertyValue = string | number\n\nexport type ResponsiveSpacing = Responsive<keyof GThemeSpacing | 0>\n\nexport function isResponsiveValue(value: Responsive<CustomPropertyValue | CustomPropertyValue[]>) {\n  return Object.values(BREAKPOINTS).some(\n    breakpoint => typeof value === 'object' && breakpoint in value,\n  )\n}\n\nexport function transformResponsiveValue(\n  value: Responsive<CustomPropertyValue | CustomPropertyValue[]>,\n  transformValue: (value: CustomPropertyValue | CustomPropertyValue[]) => string,\n) {\n  const responsiveValue = isResponsiveValue(value) ? value : { base: value }\n\n  const transformedResponsiveValue: Record<string, string> = {}\n\n  Object.entries(responsiveValue).forEach(([key, value]) => {\n    transformedResponsiveValue[key] = transformValue(value)\n  })\n\n  return transformedResponsiveValue\n}\n\nexport function transformResponsiveSpacingValue(responsiveValue: ResponsiveSpacing) {\n  return transformResponsiveValue(responsiveValue, value =>\n    value === 0 ? '0' : `var(--g-spacing-${value})`,\n  )\n}\n\nexport const toRemIfNumeric = (value: string | number) => {\n  return typeof value === 'number' ? toRem(value) : value\n}\n\nexport function createResponsiveCustomProperties(\n  property: string,\n  value?: Responsive<CustomPropertyValue | CustomPropertyValue[]>,\n) {\n  if (!value) return {}\n\n  const responsiveValues = isResponsiveValue(value) ? value : { base: value }\n  const properties: Record<string, string> = {}\n\n  Object.entries(responsiveValues).forEach(([key, customPropertyValue]) => {\n    const customPropertyValueResult = Array.isArray(customPropertyValue)\n      ? customPropertyValue.map(toRemIfNumeric).join(' ')\n      : toRemIfNumeric(customPropertyValue)\n\n    properties[`--g-${property}-${key}`] = customPropertyValueResult\n  })\n\n  return properties\n}\n\nexport function setResponsiveCustomProperties(\n  properties?: Record<string, Responsive<CustomPropertyValue | CustomPropertyValue[]> | undefined>,\n) {\n  const allProperties: Record<string, string> = {}\n\n  if (!properties) return allProperties\n\n  Object.entries(properties).forEach(([property, value]) => {\n    Object.assign(allProperties, createResponsiveCustomProperties(property, value))\n  })\n\n  return allProperties\n}\n"],"names":["isResponsiveValue","value","BREAKPOINTS","breakpoint","transformResponsiveValue","transformValue","responsiveValue","transformedResponsiveValue","key","transformResponsiveSpacingValue","toRemIfNumeric","toRem","createResponsiveCustomProperties","property","responsiveValues","properties","customPropertyValue","customPropertyValueResult","setResponsiveCustomProperties","allProperties"],"mappings":";;AAgBO,SAASA,EAAkBC,GAAgE;AAChG,SAAO,OAAO,OAAOC,CAAW,EAAE;AAAA,IAChC,CAAAC,MAAc,OAAOF,KAAU,YAAYE,KAAcF;AAAA,EAAA;AAE7D;AAEO,SAASG,EACdH,GACAI,GACA;AACA,QAAMC,IAAkBN,EAAkBC,CAAK,IAAIA,IAAQ,EAAE,MAAMA,EAAA,GAE7DM,IAAqD,CAAA;AAE3D,gBAAO,QAAQD,CAAe,EAAE,QAAQ,CAAC,CAACE,GAAKP,CAAK,MAAM;AACxD,IAAAM,EAA2BC,CAAG,IAAIH,EAAeJ,CAAK;AAAA,EACxD,CAAC,GAEMM;AACT;AAEO,SAASE,EAAgCH,GAAoC;AAClF,SAAOF;AAAA,IAAyBE;AAAA,IAAiB,CAAAL,MAC/CA,MAAU,IAAI,MAAM,mBAAmBA,CAAK;AAAA,EAAA;AAEhD;AAEO,MAAMS,IAAiB,CAACT,MACtB,OAAOA,KAAU,WAAWU,EAAMV,CAAK,IAAIA;AAG7C,SAASW,EACdC,GACAZ,GACA;AACA,MAAI,CAACA,EAAO,QAAO,CAAA;AAEnB,QAAMa,IAAmBd,EAAkBC,CAAK,IAAIA,IAAQ,EAAE,MAAMA,EAAA,GAC9Dc,IAAqC,CAAA;AAE3C,gBAAO,QAAQD,CAAgB,EAAE,QAAQ,CAAC,CAACN,GAAKQ,CAAmB,MAAM;AACvE,UAAMC,IAA4B,MAAM,QAAQD,CAAmB,IAC/DA,EAAoB,IAAIN,CAAc,EAAE,KAAK,GAAG,IAChDA,EAAeM,CAAmB;AAEtC,IAAAD,EAAW,OAAOF,CAAQ,IAAIL,CAAG,EAAE,IAAIS;AAAA,EACzC,CAAC,GAEMF;AACT;AAEO,SAASG,EACdH,GACA;AACA,QAAMI,IAAwC,CAAA;AAE9C,SAAKJ,KAEL,OAAO,QAAQA,CAAU,EAAE,QAAQ,CAAC,CAACF,GAAUZ,CAAK,MAAM;AACxD,WAAO,OAAOkB,GAAeP,EAAiCC,GAAUZ,CAAK,CAAC;AAAA,EAChF,CAAC,GAEMkB;AACT;"}
+{"version":3,"file":"responsive.js","sources":["../../src/helpers/responsive.ts"],"sourcesContent":["import { toRem } from '@/helpers/rem'\nimport { BREAKPOINTS } from '@/shared/constants'\n\ntype BreakpointKey = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS]\n\nexport type Responsive<T> =\n  | T\n  | Partial<{\n      [K in BreakpointKey]: T\n    }>\n\nexport type CustomPropertyValue = string | number\n\nexport function isResponsiveValue(value: Responsive<CustomPropertyValue | CustomPropertyValue[]>) {\n  return Object.values(BREAKPOINTS).some(\n    breakpoint => typeof value === 'object' && breakpoint in value,\n  )\n}\n\nexport function transformResponsiveValue(\n  value: Responsive<CustomPropertyValue | CustomPropertyValue[]>,\n  transformValue: (value: CustomPropertyValue | CustomPropertyValue[]) => string,\n) {\n  const responsiveValue = isResponsiveValue(value) ? value : { base: value }\n\n  const transformedResponsiveValue: Record<string, string> = {}\n\n  Object.entries(responsiveValue).forEach(([key, value]) => {\n    transformedResponsiveValue[key] = transformValue(value)\n  })\n\n  return transformedResponsiveValue\n}\n\nexport const toRemIfNumeric = (value: string | number) => {\n  return typeof value === 'number' ? toRem(value) : value\n}\n\nexport function createResponsiveCustomProperties(\n  property: string,\n  value?: Responsive<CustomPropertyValue | CustomPropertyValue[]>,\n) {\n  if (!value) return {}\n\n  const responsiveValues = isResponsiveValue(value) ? value : { base: value }\n  const properties: Record<string, string> = {}\n\n  Object.entries(responsiveValues).forEach(([key, customPropertyValue]) => {\n    const customPropertyValueResult = Array.isArray(customPropertyValue)\n      ? customPropertyValue.map(toRemIfNumeric).join(' ')\n      : toRemIfNumeric(customPropertyValue)\n\n    properties[`--g-${property}-${key}`] = customPropertyValueResult\n  })\n\n  return properties\n}\n\nexport function setResponsiveCustomProperties(\n  properties?: Record<string, Responsive<CustomPropertyValue | CustomPropertyValue[]> | undefined>,\n) {\n  const allProperties: Record<string, string> = {}\n\n  if (!properties) return allProperties\n\n  Object.entries(properties).forEach(([property, value]) => {\n    Object.assign(allProperties, createResponsiveCustomProperties(property, value))\n  })\n\n  return allProperties\n}\n"],"names":["isResponsiveValue","value","BREAKPOINTS","breakpoint","toRemIfNumeric","toRem","createResponsiveCustomProperties","property","responsiveValues","properties","key","customPropertyValue","customPropertyValueResult","setResponsiveCustomProperties","allProperties"],"mappings":";;AAaO,SAASA,EAAkBC,GAAgE;AAChG,SAAO,OAAO,OAAOC,CAAW,EAAE;AAAA,IAChC,CAAAC,MAAc,OAAOF,KAAU,YAAYE,KAAcF;AAAA,EAAA;AAE7D;AAiBO,MAAMG,IAAiB,CAACH,MACtB,OAAOA,KAAU,WAAWI,EAAMJ,CAAK,IAAIA;AAG7C,SAASK,EACdC,GACAN,GACA;AACA,MAAI,CAACA,EAAO,QAAO,CAAA;AAEnB,QAAMO,IAAmBR,EAAkBC,CAAK,IAAIA,IAAQ,EAAE,MAAMA,EAAA,GAC9DQ,IAAqC,CAAA;AAE3C,gBAAO,QAAQD,CAAgB,EAAE,QAAQ,CAAC,CAACE,GAAKC,CAAmB,MAAM;AACvE,UAAMC,IAA4B,MAAM,QAAQD,CAAmB,IAC/DA,EAAoB,IAAIP,CAAc,EAAE,KAAK,GAAG,IAChDA,EAAeO,CAAmB;AAEtC,IAAAF,EAAW,OAAOF,CAAQ,IAAIG,CAAG,EAAE,IAAIE;AAAA,EACzC,CAAC,GAEMH;AACT;AAEO,SAASI,EACdJ,GACA;AACA,QAAMK,IAAwC,CAAA;AAE9C,SAAKL,KAEL,OAAO,QAAQA,CAAU,EAAE,QAAQ,CAAC,CAACF,GAAUN,CAAK,MAAM;AACxD,WAAO,OAAOa,GAAeR,EAAiCC,GAAUN,CAAK,CAAC;AAAA,EAChF,CAAC,GAEMa;AACT;"}

package/dist/i18n/I18n.js

@@ -5,7 +5,7 @@ const C = "common", s = new l(50), c = ({ lng: n = "en", ns: o }) => {
   let e = !0, t = !1, r;
   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.ContractorSubmit.json": () => import("./en/Contractor.ContractorSubmit.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/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.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;
+      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.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;
     } catch {
       t = !0, e = !1;
     }

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,w8FAAA,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,o7FAAA,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/Contractor.ContractorList.json.js

@@ -1,22 +1,28 @@
-const t = "Add a contractor", o = "+ Add another contractor", a = "A list of contractors", r = "Edit contractor", c = "Add contractors to get them setup for payroll.", n = "You haven't added any contractors yet", s = { name: "Name", status: "Status" }, e = "Contractors", d = {
+const t = "Add a contractor", o = "+ Add another contractor", a = "A list of contractors", c = "Edit", n = "Delete", e = "Add contractors to get them setup for payroll.", r = "You haven't added any contractors yet", s = { name: "Name", status: "Status" }, d = "Contractors", i = "Continue", l = "Back to contractors", C = {
   addContractorCTA: t,
   addAnotherCTA: o,
   contractorListLabel: a,
-  editCTA: r,
-  emptyTableDescription: c,
-  emptyTableTitle: n,
+  editCTA: c,
+  deleteCTA: n,
+  emptyTableDescription: e,
+  emptyTableTitle: r,
   listHeaders: s,
-  title: e
+  title: d,
+  continueCta: i,
+  progressBarCta: l
 };
 export {
   o as addAnotherCTA,
   t as addContractorCTA,
+  i as continueCta,
   a as contractorListLabel,
-  d as default,
-  r as editCTA,
-  c as emptyTableDescription,
-  n as emptyTableTitle,
+  C as default,
+  n as deleteCTA,
+  c as editCTA,
+  e as emptyTableDescription,
+  r as emptyTableTitle,
   s as listHeaders,
-  e as title
+  l as progressBarCta,
+  d as title
 };
 //# sourceMappingURL=Contractor.ContractorList.json.js.map

package/dist/i18n/en/Contractor.ContractorList.json.js.map

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

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

@@ -1,4 +1,4 @@
-const e = "Contractor profile", t = "This information will be used for payments and on tax documents, so double-check that it's accurate.", a = { inviteContractor: { label: "Invite this contractor to enter some of their own details online", description: "Your contractor will be invited to enter their information on their own time." }, email: { label: "Contractor's email address" }, contractorType: { label: "Type" }, firstName: { label: "First Name" }, lastName: { label: "Last Name" }, middleInitial: { label: "Middle Initial" }, ssn: { label: "Social Security Number", placeholder: "XXX-XX-XXXX" }, businessName: { label: "Business Name" }, startDate: { label: "Start Date", description: "Your contractor's first day of work at your company" }, wageType: { label: "Wage Type" }, hourlyRate: { label: "Hourly Rate" }, ein: { label: "EIN", placeholder: "XX-XXXXXXX" } }, r = { email: "Email is required when inviting contractor", firstName: "First name is required for individual contractors", lastName: "Last name is required for individual contractors", ssn: "SSN is required for individual contractors", ssnFormat: "SSN must be valid format", businessName: "Business name is required for business contractors", ein: "EIN is required for business contractors", einFormat: "EIN must be valid format (XX-XXXXXXX)", hourlyRate: "Hourly rate is required for hourly contractors" }, i = { cancel: "Cancel", create: "Create Contractor", update: "Update Contractor", creating: "Creating...", updating: "Updating..." }, o = {
+const e = "Contractor profile", t = "This information will be used for payments and on tax documents, so double-check that it's accurate.", a = { selfOnboarding: { label: "Invite this contractor to enter some of their own details online", description: "Your contractor will be invited to enter their information on their own time." }, email: { label: "Contractor's email address" }, contractorType: { label: "Type" }, firstName: { label: "First Name" }, lastName: { label: "Last Name" }, middleInitial: { label: "Middle Initial" }, ssn: { label: "Social Security Number" }, businessName: { label: "Business Name" }, startDate: { label: "Start Date", description: "Your contractor's first day of work at your company" }, wageType: { label: "Wage Type" }, hourlyRate: { label: "Hourly Rate" }, ein: { label: "EIN" } }, r = { email: "Email is required when inviting contractor", firstName: "First name is required for individual contractors", lastName: "Last name is required for individual contractors", ssn: "SSN is required for individual contractors", ssnFormat: "SSN must be valid format", businessName: "Business name is required for business contractors", ein: "EIN is required for business contractors", einFormat: "EIN must be valid format (XX-XXXXXXX)", hourlyRate: "Hourly rate is required for hourly contractors" }, i = { cancel: "Cancel", create: "Create Contractor", update: "Update Contractor", creating: "Creating...", updating: "Updating..." }, o = {
   title: e,
   subtitle: t,
   fields: a,

package/dist/i18n/en/Contractor.Submit.json.js

@@ -0,0 +1,22 @@
+const t = "Contractor Onboarded", e = "This contractor has been successfully onboarded.", o = "Done", n = "Submit and complete onboarding", a = "Please note that after submitting", s = ["The contractor type cannot be changed.", "The new hire report cannot be modified.", "This contractor has unsigned documents and will need to manually complete and submit those documents to you separately."], c = { title: "Review before sending invitation", description: "You are inviting a contractor to complete the onboarding flow. Please double-check that you've entered this contractor's details correctly.", startDateLabel: "Start date", inviteCta: "Send invitation", successMessage: "Contractor has been saved & invited to self-onboard!" }, i = { successMessage: "Contractor has been onboarded!" }, r = {
+  doneTitle: t,
+  doneText: e,
+  doneCTA: o,
+  submitCTA: n,
+  title: a,
+  warningItems: s,
+  inviteContractor: c,
+  submitDone: i
+};
+export {
+  r as default,
+  o as doneCTA,
+  e as doneText,
+  t as doneTitle,
+  c as inviteContractor,
+  n as submitCTA,
+  i as submitDone,
+  a as title,
+  s as warningItems
+};
+//# sourceMappingURL=Contractor.Submit.json.js.map

package/dist/i18n/en/Contractor.Submit.json.js.map

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