@gusto/embedded-react-sdk 0.6.0 → 0.8.0

package/dist/contexts/ThemeProvider/createTheme.js

@@ -0,0 +1,271 @@
+import t from "deepmerge";
+import { toRem as e, getRootFontSize as T } from "../../helpers/rem.js";
+const n = {
+  gray: {
+    100: "#FFFFFF",
+    200: "#FBFAFA",
+    300: "#F4F4F3",
+    400: "#EAEAEA",
+    500: "#DCDCDC",
+    600: "#BABABC",
+    700: "#919197",
+    800: "#6C6C72",
+    900: "#525257",
+    1e3: "#1C1C1C"
+  },
+  error: {
+    100: "#FFF7F5",
+    500: "#D5351F",
+    800: "#B41D08"
+  },
+  warning: {
+    100: "#FFFAF2",
+    500: "#E9B550",
+    700: "#B88023",
+    800: "#B88023"
+  },
+  success: {
+    100: "#F3FAFB",
+    400: "#2BABAD",
+    500: "#0A8080",
+    800: "#005961"
+  },
+  orange: {
+    800: "#CA464A"
+  }
+}, h = {
+  4: e(4),
+  8: e(8),
+  12: e(12),
+  16: e(16),
+  20: e(20),
+  24: e(24),
+  28: e(28),
+  32: e(32),
+  36: e(36),
+  40: e(40)
+}, u = "6px", l = "200ms", m = ({
+  colors: r = n
+}) => ({
+  font: "Geist",
+  fontSize: {
+    small: e(14),
+    regular: e(16),
+    medium: e(18)
+  },
+  fontWeight: {
+    regular: 400,
+    medium: 500,
+    semibold: 600,
+    bold: 700
+  },
+  textColor: r.gray[1e3],
+  disabledTextColor: r.gray[600],
+  datePickerErrorTextColor: r.gray[100],
+  defaultLineHeight: "1.5rem",
+  headings: {
+    1: e(32),
+    2: e(24),
+    3: e(20),
+    4: e(18),
+    5: e(16),
+    6: e(14)
+  }
+}), S = ({
+  colors: r = n,
+  typography: a = m({ colors: r }),
+  spacing: i = h,
+  radius: g = u,
+  transitionDuration: d = l
+}) => ({
+  focus: {
+    color: r.gray[1e3],
+    borderWidth: "2px"
+  },
+  shadow: {
+    100: "0px 1px 2px 0px rgba(10, 13, 18, 0.05)",
+    200: "0px 4px 6px 0px rgba(28, 28, 28, 0.05), 0px 10px 15px 0px rgba(28, 28, 28, 0.10)"
+  },
+  badge: {
+    fontSize: e(12),
+    fontWeight: a.fontWeight.medium,
+    borderWidth: "1px",
+    borderRadius: e(16),
+    paddingX: e(10),
+    paddingY: e(2),
+    success: {
+      color: r.success[800],
+      backgroundColor: r.success[100],
+      borderColor: r.success[400]
+    }
+  },
+  button: {
+    fontSize: e(14),
+    fontWeight: a.fontWeight.medium,
+    borderWidth: "1px",
+    borderRadius: g,
+    textStyle: "none",
+    paddingX: e(16),
+    paddingY: e(8),
+    primary: {
+      color: r.gray[100],
+      bg: r.gray[1e3],
+      borderColor: r.gray[1e3],
+      hoverBg: r.gray[900],
+      hoverColor: r.gray[100],
+      disabledBg: r.gray[700],
+      focusColor: r.gray[1e3]
+    },
+    secondary: {
+      color: r.gray[1e3],
+      bg: r.gray[100],
+      borderColor: r.gray[500],
+      hoverBg: r.gray[300],
+      hoverColor: r.gray[1e3],
+      disabledBg: r.gray[100],
+      focusColor: r.gray[900]
+    },
+    tertiary: {
+      color: r.gray[1e3],
+      bg: "transparent",
+      borderColor: "transparent",
+      hoverBg: r.gray[200],
+      hoverColor: r.gray[900],
+      disabledBg: r.gray[100],
+      focusColor: r.gray[900]
+    },
+    shadow: "0px 1px 2px rgba(0, 0, 0, 0.1)"
+  },
+  calendarPreview: {
+    primaryHighlight: r.gray[1e3],
+    secondaryHighlight: r.orange[800],
+    lightFont: r.gray[100],
+    darkFont: r.gray[1e3],
+    borderColor: r.gray[600]
+  },
+  card: {
+    borderColor: r.gray[400],
+    dividerColor: r.gray[400],
+    headerTextColor: r.gray[1e3],
+    contentTextColor: r.gray[900],
+    columnTitleColor: r.gray[900],
+    columnTitleFontSize: e(14)
+  },
+  input: {
+    fontSize: e(14),
+    radius: e(8),
+    textColor: r.gray[1e3],
+    borderWidth: "1px",
+    borderColor: r.gray[500],
+    background: r.gray[100],
+    disabled: {
+      color: r.gray[700],
+      border: r.gray[500],
+      bg: r.gray[200]
+    },
+    hovered: {
+      borderColor: r.gray[1e3]
+    },
+    error: {
+      borderColor: r.error[500]
+    },
+    placeholderColor: r.gray[800],
+    height: e(40),
+    paddingX: e(12),
+    paddingY: e(8),
+    descriptionColor: r.gray[900],
+    disabledColor: r.gray[600],
+    labelFontSize: e(15),
+    labelColor: r.gray[1e3],
+    labelFontWeight: a.fontWeight.medium,
+    adornmentFontSize: e(16),
+    adornmentColor: r.gray[800]
+  },
+  link: {
+    color: r.gray[1e3],
+    decoration: "underline",
+    hoverColor: r.gray[900],
+    hoverDecoration: "underline",
+    pressedColor: r.gray[1e3],
+    currentColor: r.gray[800]
+  },
+  checkbox: {
+    borderColor: r.gray[700],
+    borderWidth: "1px",
+    selectedColor: r.gray[1e3],
+    checkmarkColor: r.gray[100],
+    radius: g,
+    transitionDuration: d,
+    hover: {
+      uncheckedBackground: r.gray[300],
+      uncheckedBorderColor: r.gray[900],
+      checkedBackground: r.gray[900],
+      checkedBorderColor: r.gray[900]
+    },
+    disabled: {
+      borderColor: r.gray[500],
+      background: r.gray[300],
+      checkmarkColor: a.disabledTextColor
+    }
+  },
+  radio: {
+    borderColor: r.gray[700],
+    hoveredBorderColor: r.gray[800],
+    pressedBorderColor: r.gray[1e3],
+    selectedBorderColor: r.gray[1e3],
+    disabledBorderColor: r.gray[500],
+    disabledBackground: r.gray[300],
+    disabledDotColor: a.disabledTextColor,
+    disabledLabelColor: r.gray[600],
+    labelColor: r.gray[1e3],
+    focusRingColor: r.gray[1e3],
+    errorBorderColor: r.error[500],
+    errorLabelColor: r.error[800],
+    borderWidth: "1px",
+    transitionDuration: d
+  },
+  table: {
+    paddingX: e(16),
+    paddingY: e(20),
+    fontSize: e(14),
+    textColor: r.gray[1e3],
+    borderColor: r.gray[500],
+    background: r.gray[100],
+    headerColor: r.gray[800],
+    headerBg: r.gray[200],
+    highlightBg: r.gray[200],
+    highlightFg: r.gray[800],
+    columnWeight: a.fontWeight.regular
+  }
+}), v = (r = {}) => {
+  const {
+    colors: a = {},
+    spacing: i = {},
+    typography: g = {},
+    radius: d,
+    transitionDuration: F,
+    rootFS: x,
+    optionalLabel: B,
+    ...f
+  } = r, o = t(n, a), y = t(h, i), C = t(
+    m({ colors: o }),
+    g
+  ), b = d ?? u, p = F ?? l, k = t(
+    S({ colors: o, typography: C, spacing: y, radius: b, transitionDuration: p }),
+    f
+  );
+  return {
+    spacing: y,
+    typography: C,
+    colors: o,
+    radius: b,
+    rootFS: x ?? T(),
+    optionalLabel: B ?? " (optional)",
+    transitionDuration: p,
+    ...k
+  };
+};
+export {
+  v as createTheme
+};
+//# sourceMappingURL=createTheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.js","sources":["../../../src/contexts/ThemeProvider/createTheme.ts"],"sourcesContent":["import merge from 'deepmerge'\nimport type {\n  GTheme,\n  GThemeColors,\n  GThemeSpacing,\n  GThemeRadius,\n  GThemeTypography,\n  GThemeTransitionDuration,\n} from '@/types/GTheme'\nimport type { DeepPartial } from '@/types/Helpers'\nimport { toRem, getRootFontSize } from '@/helpers/rem'\n\n/**\n * NOTE: This is not final shape of the theme object - this will be established when we have designs\n */\n\nconst defaultColors: GThemeColors = {\n  gray: {\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: '#FFF7F5',\n    500: '#D5351F',\n    800: '#B41D08',\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  orange: {\n    800: '#CA464A',\n  },\n}\n\nconst defaultSpacing: GThemeSpacing = {\n  4: toRem(4),\n  8: toRem(8),\n  12: toRem(12),\n  16: toRem(16),\n  20: toRem(20),\n  24: toRem(24),\n  28: toRem(28),\n  32: toRem(32),\n  36: toRem(36),\n  40: toRem(40),\n}\n\nconst defaultRadius = '6px'\nconst defaultTransitionDuration = '200ms'\n\nconst createTypographyTheme = ({\n  colors = defaultColors,\n}: {\n  colors?: GThemeColors\n}): GThemeTypography => ({\n  font: 'Geist',\n  fontSize: {\n    small: toRem(14),\n    regular: toRem(16),\n    medium: toRem(18),\n  },\n  fontWeight: {\n    regular: 400,\n    medium: 500,\n    semibold: 600,\n    bold: 700,\n  },\n  textColor: colors.gray[1000],\n  disabledTextColor: colors.gray[600],\n  datePickerErrorTextColor: colors.gray[100],\n  defaultLineHeight: '1.5rem',\n  headings: {\n    1: toRem(32),\n    2: toRem(24),\n    3: toRem(20),\n    4: toRem(18),\n    5: toRem(16),\n    6: toRem(14),\n  },\n})\n\ntype ComponentThemes = Omit<\n  GTheme,\n  'colors' | 'spacing' | 'typography' | 'radius' | 'rootFS' | 'optionalLabel' | 'transitionDuration'\n>\n\nconst createComponentThemes = ({\n  colors = defaultColors,\n  typography = createTypographyTheme({ colors }),\n  spacing = defaultSpacing,\n  radius = defaultRadius,\n  transitionDuration = defaultTransitionDuration,\n}: {\n  colors?: GThemeColors\n  typography?: GThemeTypography\n  spacing?: GThemeSpacing\n  radius?: GThemeRadius\n  transitionDuration?: GThemeTransitionDuration\n}): ComponentThemes => ({\n  focus: {\n    color: colors.gray[1000],\n    borderWidth: '2px',\n  },\n  shadow: {\n    100: '0px 1px 2px 0px rgba(10, 13, 18, 0.05)',\n    200: '0px 4px 6px 0px rgba(28, 28, 28, 0.05), 0px 10px 15px 0px rgba(28, 28, 28, 0.10)',\n  },\n  badge: {\n    fontSize: toRem(12),\n    fontWeight: typography.fontWeight.medium,\n    borderWidth: '1px',\n    borderRadius: toRem(16),\n    paddingX: toRem(10),\n    paddingY: toRem(2),\n    success: {\n      color: colors.success[800],\n      backgroundColor: colors.success[100],\n      borderColor: colors.success[400],\n    },\n  },\n  button: {\n    fontSize: toRem(14),\n    fontWeight: typography.fontWeight.medium,\n    borderWidth: '1px',\n    borderRadius: radius,\n    textStyle: 'none',\n    paddingX: toRem(16),\n    paddingY: toRem(8),\n    primary: {\n      color: colors.gray[100],\n      bg: colors.gray[1000],\n      borderColor: colors.gray[1000],\n      hoverBg: colors.gray[900],\n      hoverColor: colors.gray[100],\n      disabledBg: colors.gray[700],\n      focusColor: colors.gray[1000],\n    },\n    secondary: {\n      color: colors.gray[1000],\n      bg: colors.gray[100],\n      borderColor: colors.gray[500],\n      hoverBg: colors.gray[300],\n      hoverColor: colors.gray[1000],\n      disabledBg: colors.gray[100],\n      focusColor: colors.gray[900],\n    },\n    tertiary: {\n      color: colors.gray[1000],\n      bg: 'transparent',\n      borderColor: 'transparent',\n      hoverBg: colors.gray[200],\n      hoverColor: colors.gray[900],\n      disabledBg: colors.gray[100],\n      focusColor: colors.gray[900],\n    },\n    shadow: '0px 1px 2px rgba(0, 0, 0, 0.1)',\n  },\n  calendarPreview: {\n    primaryHighlight: colors.gray[1000],\n    secondaryHighlight: colors.orange[800],\n    lightFont: colors.gray[100],\n    darkFont: colors.gray[1000],\n    borderColor: colors.gray[600],\n  },\n  card: {\n    borderColor: colors.gray[400],\n    dividerColor: colors.gray[400],\n    headerTextColor: colors.gray[1000],\n    contentTextColor: colors.gray[900],\n    columnTitleColor: colors.gray[900],\n    columnTitleFontSize: toRem(14),\n  },\n  input: {\n    fontSize: toRem(14),\n    radius: toRem(8),\n    textColor: colors.gray[1000],\n    borderWidth: '1px',\n    borderColor: colors.gray[500],\n    background: colors.gray[100],\n    disabled: {\n      color: colors.gray[700],\n      border: colors.gray[500],\n      bg: colors.gray[200],\n    },\n    hovered: {\n      borderColor: colors.gray[1000],\n    },\n    error: {\n      borderColor: colors.error[500],\n    },\n    placeholderColor: colors.gray[800],\n    height: toRem(40),\n    paddingX: toRem(12),\n    paddingY: toRem(8),\n    descriptionColor: colors.gray[900],\n    disabledColor: colors.gray[600],\n    labelFontSize: toRem(15),\n    labelColor: colors.gray[1000],\n    labelFontWeight: typography.fontWeight.medium,\n    adornmentFontSize: toRem(16),\n    adornmentColor: colors.gray[800],\n  },\n  link: {\n    color: colors.gray[1000],\n    decoration: 'underline',\n    hoverColor: colors.gray[900],\n    hoverDecoration: 'underline',\n    pressedColor: colors.gray[1000],\n    currentColor: colors.gray[800],\n  },\n  checkbox: {\n    borderColor: colors.gray[700],\n    borderWidth: '1px',\n    selectedColor: colors.gray[1000],\n    checkmarkColor: colors.gray[100],\n    radius,\n    transitionDuration,\n    hover: {\n      uncheckedBackground: colors.gray[300],\n      uncheckedBorderColor: colors.gray[900],\n      checkedBackground: colors.gray[900],\n      checkedBorderColor: colors.gray[900],\n    },\n    disabled: {\n      borderColor: colors.gray[500],\n      background: colors.gray[300],\n      checkmarkColor: typography.disabledTextColor,\n    },\n  },\n  radio: {\n    borderColor: colors.gray[700],\n    hoveredBorderColor: colors.gray[800],\n    pressedBorderColor: colors.gray[1000],\n    selectedBorderColor: colors.gray[1000],\n    disabledBorderColor: colors.gray[500],\n    disabledBackground: colors.gray[300],\n    disabledDotColor: typography.disabledTextColor,\n    disabledLabelColor: colors.gray[600],\n    labelColor: colors.gray[1000],\n    focusRingColor: colors.gray[1000],\n    errorBorderColor: colors.error[500],\n    errorLabelColor: colors.error[800],\n    borderWidth: '1px',\n    transitionDuration,\n  },\n  table: {\n    paddingX: toRem(16),\n    paddingY: toRem(20),\n    fontSize: toRem(14),\n    textColor: colors.gray[1000],\n    borderColor: colors.gray[500],\n    background: colors.gray[100],\n    headerColor: colors.gray[800],\n    headerBg: colors.gray[200],\n    highlightBg: colors.gray[200],\n    highlightFg: colors.gray[800],\n    columnWeight: typography.fontWeight.regular,\n  },\n})\n\n//Note: when specifying rem values, we will need to be using getRootFontSize for proper conversion\nexport const createTheme = (overrides: DeepPartial<GTheme> = {}) => {\n  const {\n    colors: partnerColors = {},\n    spacing: partnerSpacing = {},\n    typography: partnerTypography = {},\n    radius: partnerRadius,\n    transitionDuration: partnerTransitionDuration,\n    rootFS: partnerRootFS,\n    optionalLabel: partnerOptionalLabel,\n    ...partnerTheme\n  } = overrides\n\n  const colors = merge<GThemeColors, DeepPartial<GThemeColors>>(defaultColors, partnerColors)\n  const spacing = merge<GThemeSpacing, DeepPartial<GThemeSpacing>>(defaultSpacing, partnerSpacing)\n  const typography = merge<GThemeTypography, DeepPartial<GThemeTypography>>(\n    createTypographyTheme({ colors }),\n    partnerTypography,\n  )\n  const radius = partnerRadius ?? defaultRadius\n  const transitionDuration = partnerTransitionDuration ?? defaultTransitionDuration\n\n  const componentThemes = merge<ComponentThemes, DeepPartial<ComponentThemes>>(\n    createComponentThemes({ colors, typography, spacing, radius, transitionDuration }),\n    partnerTheme,\n  )\n\n  return {\n    spacing,\n    typography,\n    colors,\n    radius,\n    rootFS: partnerRootFS ?? getRootFontSize(),\n    optionalLabel: partnerOptionalLabel ?? ' (optional)',\n    transitionDuration,\n    ...componentThemes,\n  } satisfies GTheme\n}\n"],"names":["defaultColors","defaultSpacing","toRem","defaultRadius","defaultTransitionDuration","createTypographyTheme","colors","createComponentThemes","typography","spacing","radius","transitionDuration","createTheme","overrides","partnerColors","partnerSpacing","partnerTypography","partnerRadius","partnerTransitionDuration","partnerRootFS","partnerOptionalLabel","partnerTheme","merge","componentThemes","getRootFontSize"],"mappings":"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"}

package/dist/contexts/ThemeProvider/createTheme.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,4 @@
+import { RenderOptions } from '@testing-library/react';
+import { ReactElement } from 'react';
+declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions, "wrapper">) => import('@testing-library/react').RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export { customRender as render };

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

@@ -0,0 +1,3 @@
+export { ThemeProvider, type ThemeProviderProps } from './ThemeProvider';
+export { useTheme } from './useTheme';
+export { render } from './customRender';

package/dist/contexts/ThemeProvider/test-utils.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export declare const AllTheProviders: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export interface ThemeContextProps {
+    container: React.RefObject<HTMLElement>;
+}
+export declare const ThemeContext: import('react').Context<ThemeContextProps>;
+export declare const useTheme: () => ThemeContextProps;

package/dist/contexts/ThemeProvider/useTheme.js

@@ -0,0 +1,7 @@
+import { createContext as e, useContext as t } from "react";
+const o = e({}), m = () => t(o);
+export {
+  o as ThemeContext,
+  m as useTheme
+};
+//# sourceMappingURL=useTheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sources":["../../../src/contexts/ThemeProvider/useTheme.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\nexport interface ThemeContextProps {\n  container: React.RefObject<HTMLElement>\n}\nexport const ThemeContext = createContext<ThemeContextProps>({} as ThemeContextProps)\n\nexport const useTheme = () => useContext(ThemeContext)\n"],"names":["ThemeContext","createContext","useTheme","useContext"],"mappings":";AAKa,MAAAA,IAAeC,EAAiC,CAAuB,CAAA,GAEvEC,IAAW,MAAMC,EAAWH,CAAY;"}

package/dist/contexts/index.d.ts

@@ -0,0 +1,4 @@
+export { GustoApiProvider } from './GustoApiProvider';
+export { GustoProvider, GustoProviderCustomUIAdapter } from './GustoProvider';
+export type { ComponentsContextType } from './ComponentAdapter/useComponentContext';
+export * from './ComponentAdapter/componentAdapterTypes';

package/dist/helpers/LRUCache.d.ts

@@ -0,0 +1,7 @@
+export declare class LRUCache {
+    capacity: number;
+    map: Map<string, () => Record<string, string>>;
+    constructor(capacity: number);
+    get(key: string): (() => Record<string, string>) | null;
+    put(key: string, value: () => Record<string, string>): void;
+}

package/dist/helpers/LRUCache.js

@@ -0,0 +1,22 @@
+class i {
+  capacity;
+  map;
+  constructor(t) {
+    this.capacity = t, this.map = /* @__PURE__ */ new Map();
+  }
+  get(t) {
+    const a = this.map.get(t);
+    return a === void 0 ? null : (this.map.delete(t), this.map.set(t, a), a);
+  }
+  put(t, a) {
+    if (this.map.size >= this.capacity && !this.map.has(t)) {
+      const s = this.map.keys().next().value;
+      this.map.delete(s);
+    }
+    this.map.delete(t), this.map.set(t, a);
+  }
+}
+export {
+  i as LRUCache
+};
+//# sourceMappingURL=LRUCache.js.map

package/dist/helpers/LRUCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LRUCache.js","sources":["../../src/helpers/LRUCache.ts"],"sourcesContent":["export class LRUCache {\n  capacity: number\n  map: Map<string, () => Record<string, string>>\n\n  constructor(capacity: number) {\n    this.capacity = capacity\n    this.map = new Map()\n  }\n\n  get(key: string): (() => Record<string, string>) | null {\n    const value = this.map.get(key)\n    if (value === undefined) return null\n\n    // Small hack to re-order keys: we remove the requested key and place it at the end\n    this.map.delete(key)\n    this.map.set(key, value)\n\n    return value\n  }\n\n  put(key: string, value: () => Record<string, string>): void {\n    // remove last element to avoid overflow, only if it does not have\n    // the inserted key is a new key\n    if (this.map.size >= this.capacity && !this.map.has(key)) {\n      const firstKey = this.map.keys().next().value as string\n      this.map.delete(firstKey)\n    }\n\n    // Small hack to re-order keys: we remove the requested key and place it at the end\n    this.map.delete(key)\n    this.map.set(key, value)\n  }\n}\n"],"names":["LRUCache","capacity","key","value","firstKey"],"mappings":"AAAO,MAAMA,EAAS;AAAA,EACpB;AAAA,EACA;AAAA,EAEA,YAAYC,GAAkB;AAC5B,SAAK,WAAWA,GACX,KAAA,0BAAU,IAAI;AAAA,EAAA;AAAA,EAGrB,IAAIC,GAAoD;AACtD,UAAMC,IAAQ,KAAK,IAAI,IAAID,CAAG;AAC1B,WAAAC,MAAU,SAAkB,QAG3B,KAAA,IAAI,OAAOD,CAAG,GACd,KAAA,IAAI,IAAIA,GAAKC,CAAK,GAEhBA;AAAA,EAAA;AAAA,EAGT,IAAID,GAAaC,GAA2C;AAGtD,QAAA,KAAK,IAAI,QAAQ,KAAK,YAAY,CAAC,KAAK,IAAI,IAAID,CAAG,GAAG;AACxD,YAAME,IAAW,KAAK,IAAI,KAAK,EAAE,OAAO;AACnC,WAAA,IAAI,OAAOA,CAAQ;AAAA,IAAA;AAIrB,SAAA,IAAI,OAAOF,CAAG,GACd,KAAA,IAAI,IAAIA,GAAKC,CAAK;AAAA,EAAA;AAE3B;"}

package/dist/helpers/dateFormatting.d.ts

@@ -0,0 +1,2 @@
+export declare const formatDateNamedWeekdayShortPlusDate: (date?: string) => string;
+export declare const formatDateToStringDate: (date: Date) => string | undefined;

package/dist/helpers/dateFormatting.js

@@ -0,0 +1,10 @@
+const e = (t) => t ? new Date(t).toLocaleDateString("en-US", {
+  weekday: "short",
+  month: "short",
+  day: "numeric"
+}) : "", r = (t) => t.toISOString().split("T")[0];
+export {
+  e as formatDateNamedWeekdayShortPlusDate,
+  r as formatDateToStringDate
+};
+//# sourceMappingURL=dateFormatting.js.map

package/dist/helpers/dateFormatting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateFormatting.js","sources":["../../src/helpers/dateFormatting.ts"],"sourcesContent":["export const formatDateNamedWeekdayShortPlusDate = (date?: string) => {\n  if (!date) return ''\n  return new Date(date).toLocaleDateString('en-US', {\n    weekday: 'short',\n    month: 'short',\n    day: 'numeric',\n  })\n}\n\nexport const formatDateToStringDate = (date: Date) => {\n  return date.toISOString().split('T')[0]\n}\n"],"names":["formatDateNamedWeekdayShortPlusDate","date","formatDateToStringDate"],"mappings":"AAAa,MAAAA,IAAsC,CAACC,MAC7CA,IACE,IAAI,KAAKA,CAAI,EAAE,mBAAmB,SAAS;AAAA,EAChD,SAAS;AAAA,EACT,OAAO;AAAA,EACP,KAAK;AAAA,CACN,IALiB,IAQPC,IAAyB,CAACD,MAC9BA,EAAK,YAAY,EAAE,MAAM,GAAG,EAAE,CAAC;"}

package/dist/helpers/ensureRequired.d.ts

@@ -0,0 +1 @@
+export declare function ensureRequired<T>(prop: T | undefined): T;

package/dist/helpers/ensureRequired.js

@@ -0,0 +1,10 @@
+import { t as e } from "i18next";
+function i(r) {
+  if (r === void 0)
+    throw new Error(e("errors.ensureRequired"));
+  return r;
+}
+export {
+  i as ensureRequired
+};
+//# sourceMappingURL=ensureRequired.js.map

package/dist/helpers/ensureRequired.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ensureRequired.js","sources":["../../src/helpers/ensureRequired.ts"],"sourcesContent":["import { t } from 'i18next'\n\nexport function ensureRequired<T>(prop: T | undefined): T {\n  if (prop === undefined) {\n    throw new Error(t('errors.ensureRequired'))\n  }\n  return prop\n}\n"],"names":["ensureRequired","prop","t"],"mappings":";AAEO,SAASA,EAAkBC,GAAwB;AACxD,MAAIA,MAAS;AACX,UAAM,IAAI,MAAMC,EAAE,uBAAuB,CAAC;AAErC,SAAAD;AACT;"}

package/dist/helpers/ensureRequired.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/helpers/federalEin.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Normalizes string input to a 9 digit EIN format with two leading digits, a dash, and 7 trailing digits removing any non-numeric characters.
+ * @param value - Raw string value to be formatted as a federal EIN
+ * @returns String in the federal EIN format with all invalid characters removed
+ */
+export declare const normalizeEin: (value: string) => string;
+export declare const createPlaceholderEin: (hasEin?: boolean, placeholderEin?: string) => string | undefined;
+export declare const usePlaceholderEin: (hasEin?: boolean) => string | undefined;

package/dist/helpers/federalEin.js

@@ -0,0 +1,11 @@
+import { useTranslation as o } from "react-i18next";
+const r = (n) => n.match(/\d*/g)?.join("").match(/(\d{0,2})(\d{0,7})/)?.slice(1).filter((e) => e !== "").join("-").substring(0, 10) || "", t = (n, e) => n ? e : "", c = (n) => {
+  const { t: e } = o("common");
+  return t(n, e("inputs.ein.placeholder"));
+};
+export {
+  t as createPlaceholderEin,
+  r as normalizeEin,
+  c as usePlaceholderEin
+};
+//# sourceMappingURL=federalEin.js.map

package/dist/helpers/federalEin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"federalEin.js","sources":["../../src/helpers/federalEin.ts"],"sourcesContent":["import { useTranslation } from 'react-i18next'\n\n/**\n * Normalizes string input to a 9 digit EIN format with two leading digits, a dash, and 7 trailing digits removing any non-numeric characters.\n * @param value - Raw string value to be formatted as a federal EIN\n * @returns String in the federal EIN format with all invalid characters removed\n */\nexport const normalizeEin = (value: string) =>\n  value\n    .match(/\\d*/g)\n    ?.join('')\n    .match(/(\\d{0,2})(\\d{0,7})/)\n    ?.slice(1)\n    .filter(match => match !== '')\n    .join('-')\n    .substring(0, 10) || ''\n\nexport const createPlaceholderEin = (hasEin?: boolean, placeholderEin?: string) =>\n  hasEin ? placeholderEin : ''\n\nexport const usePlaceholderEin = (hasEin?: boolean) => {\n  const { t } = useTranslation('common')\n  return createPlaceholderEin(hasEin, t('inputs.ein.placeholder'))\n}\n"],"names":["normalizeEin","value","match","createPlaceholderEin","hasEin","placeholderEin","usePlaceholderEin","t","useTranslation"],"mappings":";AAOa,MAAAA,IAAe,CAACC,MAC3BA,EACG,MAAM,MAAM,GACX,KAAK,EAAE,EACR,MAAM,oBAAoB,GACzB,MAAM,CAAC,EACR,OAAO,CAASC,MAAAA,MAAU,EAAE,EAC5B,KAAK,GAAG,EACR,UAAU,GAAG,EAAE,KAAK,IAEZC,IAAuB,CAACC,GAAkBC,MACrDD,IAASC,IAAiB,IAEfC,IAAoB,CAACF,MAAqB;AACrD,QAAM,EAAE,GAAAG,EAAA,IAAMC,EAAe,QAAQ;AACrC,SAAOL,EAAqBC,GAAQG,EAAE,wBAAwB,CAAC;AACjE;"}

package/dist/helpers/federalEin.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/helpers/formattedStrings.d.ts

@@ -0,0 +1,19 @@
+import { Location } from '@gusto/embedded-api/models/components/location';
+import { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress';
+export declare const firstLastName: ({ first_name, last_name, }: {
+    first_name?: string | null;
+    last_name?: string | null;
+}) => string;
+export declare const getStreet: (address: EmployeeAddress | Location) => string;
+export declare const getCityStateZip: (address: EmployeeAddress | Location) => string;
+export declare const addressInline: (address: EmployeeAddress | Location) => string;
+export declare const currentDateString: () => string;
+export declare function isNumberKey({ which, keyCode }: KeyboardEvent): boolean;
+export declare const booleanToString: (value: boolean) => "true" | "false";
+export declare const amountStr: (amount: string, isPercentage: boolean) => string;
+export declare function createMarkup(dirty: string): {
+    __html: string;
+};
+export declare const removeNonDigits: (value: string) => string;
+export declare const snakeCaseToCamelCase: (s: string) => string;
+export declare const camelCaseToSnakeCase: (s: string) => string;

package/dist/helpers/formattedStrings.js

@@ -0,0 +1,22 @@
+import c from "dompurify";
+const o = (t) => t.charAt(0).toLocaleUpperCase() + t.slice(1), u = ({
+  first_name: t,
+  last_name: r
+}) => `${t ? o(t) : ""}${r ? e(o(r)) : ""}`, e = (t) => t ? ` ${t}` : "", i = (t) => {
+  const r = e(t.street1), n = e(t.street2);
+  return `${r},${n}`;
+}, s = (t) => `${e(t.city)}, ${e(t.state)} ${e(t.zip)}`, $ = (t) => `${i(t)} ${s(t)}`, a = { ALLOWED_TAGS: ["a", "b", "strong"], ALLOWED_ATTR: ["href", "target"] };
+function g(t) {
+  return t ? { __html: c.sanitize(t, a) } : { __html: "" };
+}
+const l = (t) => t.replace(/\D/g, ""), f = (t) => t.replace(/_([a-z])/g, (r, n) => n.toUpperCase());
+export {
+  $ as addressInline,
+  g as createMarkup,
+  u as firstLastName,
+  s as getCityStateZip,
+  i as getStreet,
+  l as removeNonDigits,
+  f as snakeCaseToCamelCase
+};
+//# sourceMappingURL=formattedStrings.js.map

package/dist/helpers/formattedStrings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formattedStrings.js","sources":["../../src/helpers/formattedStrings.ts"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { type EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\n\nconst capitalize = (word: string) => word.charAt(0).toLocaleUpperCase() + word.slice(1)\n\nexport const firstLastName = ({\n  first_name,\n  last_name,\n}: {\n  first_name?: string | null\n  last_name?: string | null\n}) =>\n  `${first_name ? capitalize(first_name) : ''}${last_name ? maybeString(capitalize(last_name)) : ''}`\n\nconst maybeString = (str: string | null | undefined) => {\n  return str ? ` ${str}` : ''\n}\n\nexport const getStreet = (address: EmployeeAddress | Location) => {\n  const street1 = maybeString(address.street1)\n  const street2 = maybeString(address.street2)\n\n  return `${street1},${street2}`\n}\n\nexport const getCityStateZip = (address: EmployeeAddress | Location) =>\n  `${maybeString(address.city)}, ${maybeString(address.state)} ${maybeString(address.zip)}`\n\nexport const addressInline = (address: EmployeeAddress | Location) =>\n  `${getStreet(address)} ${getCityStateZip(address)}`\n\nexport const currentDateString = () => {\n  const d = new Date()\n  const dateString = `${String(d.getFullYear())}-${('0' + String(d.getMonth() + 1)).slice(-2)}-${('0' + String(d.getDate())).slice(-2)}`\n  return dateString\n}\n\nexport function isNumberKey({ which, keyCode }: KeyboardEvent) {\n  const charCode = which ? which : keyCode\n  if (charCode > 31 && charCode != 46 && (charCode < 48 || charCode > 57)) return false\n  return true\n}\n\nexport const booleanToString = (value: boolean) => (value ? 'true' : 'false')\n\nexport const amountStr = (amount: string, isPercentage: boolean) =>\n  isPercentage ? `${amount}%` : `$${amount}`\n\nconst dompurifyConfig = { ALLOWED_TAGS: ['a', 'b', 'strong'], ALLOWED_ATTR: ['href', 'target'] }\nexport function createMarkup(dirty: string) {\n  if (!dirty) return { __html: '' }\n  return { __html: DOMPurify.sanitize(dirty, dompurifyConfig) }\n}\n\nexport const removeNonDigits = (value: string): string => {\n  return value.replace(/\\D/g, '')\n}\n\nexport const snakeCaseToCamelCase = (s: string) => {\n  return s.replace(/_([a-z])/g, (_: string, char: string) => char.toUpperCase())\n}\n\nexport const camelCaseToSnakeCase = (s: string) => {\n  return s\n    .replace(\n      /([a-z0-9])([A-Z])/g,\n      (_: string, group1: string, group2: string) => `${group1}_${group2.toLowerCase()}`,\n    )\n    .replace(\n      /([A-Z])([A-Z])(?=[a-z])/g,\n      (_: string, group1: string, group2: string) =>\n        `${group1.toLowerCase()}_${group2.toLowerCase()}`,\n    )\n    .toLowerCase()\n}\n"],"names":["capitalize","word","firstLastName","first_name","last_name","maybeString","str","getStreet","address","street1","street2","getCityStateZip","addressInline","dompurifyConfig","createMarkup","dirty","DOMPurify","removeNonDigits","value","snakeCaseToCamelCase","s","_","char"],"mappings":";AAIA,MAAMA,IAAa,CAACC,MAAiBA,EAAK,OAAO,CAAC,EAAE,sBAAsBA,EAAK,MAAM,CAAC,GAEzEC,IAAgB,CAAC;AAAA,EAC5B,YAAAC;AAAA,EACA,WAAAC;AACF,MAIE,GAAGD,IAAaH,EAAWG,CAAU,IAAI,EAAE,GAAGC,IAAYC,EAAYL,EAAWI,CAAS,CAAC,IAAI,EAAE,IAE7FC,IAAc,CAACC,MACZA,IAAM,IAAIA,CAAG,KAAK,IAGdC,IAAY,CAACC,MAAwC;AAC1D,QAAAC,IAAUJ,EAAYG,EAAQ,OAAO,GACrCE,IAAUL,EAAYG,EAAQ,OAAO;AAEpC,SAAA,GAAGC,CAAO,IAAIC,CAAO;AAC9B,GAEaC,IAAkB,CAACH,MAC9B,GAAGH,EAAYG,EAAQ,IAAI,CAAC,KAAKH,EAAYG,EAAQ,KAAK,CAAC,IAAIH,EAAYG,EAAQ,GAAG,CAAC,IAE5EI,IAAgB,CAACJ,MAC5B,GAAGD,EAAUC,CAAO,CAAC,IAAIG,EAAgBH,CAAO,CAAC,IAmB7CK,IAAkB,EAAE,cAAc,CAAC,KAAK,KAAK,QAAQ,GAAG,cAAc,CAAC,QAAQ,QAAQ,EAAE;AACxF,SAASC,EAAaC,GAAe;AAC1C,SAAKA,IACE,EAAE,QAAQC,EAAU,SAASD,GAAOF,CAAe,EAAE,IADzC,EAAE,QAAQ,GAAG;AAElC;AAEa,MAAAI,IAAkB,CAACC,MACvBA,EAAM,QAAQ,OAAO,EAAE,GAGnBC,IAAuB,CAACC,MAC5BA,EAAE,QAAQ,aAAa,CAACC,GAAWC,MAAiBA,EAAK,aAAa;"}

package/dist/helpers/formattedStrings.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/helpers/getDataProps.d.ts

@@ -0,0 +1,2 @@
+import { DataAttributes } from '../types/Helpers';
+export declare function getDataProps(props: Record<string, unknown>): DataAttributes;

package/dist/helpers/getDataProps.js

@@ -0,0 +1,17 @@
+const n = (o) => {
+  const [e, t] = o;
+  return e.startsWith("data-") && (typeof t == "string" || typeof t == "number" || typeof t == "boolean");
+};
+function s(o) {
+  const e = {};
+  return Object.entries(o).forEach((t) => {
+    if (n(t)) {
+      const [r, a] = t;
+      e[r] = a;
+    }
+  }), e;
+}
+export {
+  s as getDataProps
+};
+//# sourceMappingURL=getDataProps.js.map

package/dist/helpers/getDataProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDataProps.js","sources":["../../src/helpers/getDataProps.ts"],"sourcesContent":["import type { DataAttributes } from '@/types/Helpers'\n\ntype DataAttributeEntry = [key: keyof DataAttributes, value: DataAttributes[keyof DataAttributes]]\n\nconst isDataProp = (entry: [string, unknown]): entry is DataAttributeEntry => {\n  const [key, value] = entry\n  return (\n    key.startsWith('data-') &&\n    (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean')\n  )\n}\n\nexport function getDataProps(props: Record<string, unknown>): DataAttributes {\n  const result: DataAttributes = {}\n\n  Object.entries(props).forEach(entry => {\n    if (isDataProp(entry)) {\n      const [key, value] = entry\n      result[key] = value\n    }\n  })\n\n  return result\n}\n"],"names":["isDataProp","entry","key","value","getDataProps","props","result"],"mappings":"AAIA,MAAMA,IAAa,CAACC,MAA0D;AACtE,QAAA,CAACC,GAAKC,CAAK,IAAIF;AAEnB,SAAAC,EAAI,WAAW,OAAO,MACrB,OAAOC,KAAU,YAAY,OAAOA,KAAU,YAAY,OAAOA,KAAU;AAEhF;AAEO,SAASC,EAAaC,GAAgD;AAC3E,QAAMC,IAAyB,CAAC;AAEhC,gBAAO,QAAQD,CAAK,EAAE,QAAQ,CAASJ,MAAA;AACjC,QAAAD,EAAWC,CAAK,GAAG;AACf,YAAA,CAACC,GAAKC,CAAK,IAAIF;AACrB,MAAAK,EAAOJ,CAAG,IAAIC;AAAA,IAAA;AAAA,EAChB,CACD,GAEMG;AACT;"}

package/dist/helpers/getDataProps.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/helpers/mask.d.ts

@@ -0,0 +1,23 @@
+import { Transform } from '../components/Common/Fields/hooks/useField';
+/**
+ * Formats a string according to a specified mask pattern.
+ * @param value - The input string to format
+ * @param mask - The mask pattern where:
+ *   # represents a digit (\d)
+ *   @ represents a letter ([a-zA-Z])
+ *   ^ represents an uppercase letter ([A-Z])
+ *   % represents a digit or uppercase letter ([0-9A-Z])
+ *   any other character represents the literal character
+ * @returns The formatted string according to the mask
+ * @example
+ * formatWithMask('123456789', '###-##-####') // returns '123-45-6789'
+ * formatWithMask('ABC123', '@@@-###') // returns 'ABC-123'
+ * formatWithMask('123456', '(###) ###-####') // returns '(123) 456'
+ * formatWithMask('ABC123', '^^^-###') // returns 'ABC-123'
+ * formatWithMask('A1B2C3', '%%%-%%%') // returns 'A1B-2C3'
+ */
+export declare const formatWithMask: (value: string, mask: string | null) => string;
+export declare const useMaskedTransform: (mask: string | null) => Transform<string>;
+export declare const commonMasks: {
+    phoneMask: string;
+};

package/dist/helpers/mask.js

@@ -0,0 +1,37 @@
+const l = (r, n) => {
+  if (!r || !n) return r;
+  const c = r.replace(/[^a-zA-Z0-9]/g, "");
+  if (!c) return "";
+  let a = "", e = 0, s = 0;
+  for (; s < n.length; ) {
+    const i = n.charAt(s), t = c.charAt(e);
+    if (e >= c.length)
+      break;
+    switch (i) {
+      case "#":
+        /\d/.test(t) ? (a += t, e++) : (e++, s--);
+        break;
+      case "@":
+        /[a-zA-Z]/.test(t) ? (a += t, e++) : (e++, s--);
+        break;
+      case "^":
+        /[A-Z]/.test(t) ? (a += t, e++) : (e++, s--);
+        break;
+      case "%":
+        /[0-9A-Z]/.test(t) ? (a += t, e++) : (e++, s--);
+        break;
+      default:
+        a += i, i === t && e++;
+    }
+    s++;
+  }
+  return a.trim();
+}, o = (r) => (n) => l(n, r), f = {
+  phoneMask: "(###) ###-####"
+};
+export {
+  f as commonMasks,
+  l as formatWithMask,
+  o as useMaskedTransform
+};
+//# sourceMappingURL=mask.js.map

package/dist/helpers/mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask.js","sources":["../../src/helpers/mask.ts"],"sourcesContent":["import type { Transform } from '@/components/Common/Fields/hooks/useField'\n\n/**\n * Formats a string according to a specified mask pattern.\n * @param value - The input string to format\n * @param mask - The mask pattern where:\n *   # represents a digit (\\d)\n *   @ represents a letter ([a-zA-Z])\n *   ^ represents an uppercase letter ([A-Z])\n *   % represents a digit or uppercase letter ([0-9A-Z])\n *   any other character represents the literal character\n * @returns The formatted string according to the mask\n * @example\n * formatWithMask('123456789', '###-##-####') // returns '123-45-6789'\n * formatWithMask('ABC123', '@@@-###') // returns 'ABC-123'\n * formatWithMask('123456', '(###) ###-####') // returns '(123) 456'\n * formatWithMask('ABC123', '^^^-###') // returns 'ABC-123'\n * formatWithMask('A1B2C3', '%%%-%%%') // returns 'A1B-2C3'\n */\nexport const formatWithMask = (value: string, mask: string | null): string => {\n  if (!value || !mask) return value\n\n  // Remove all non-alphanumeric characters from the input\n  const sanitizedValue = value.replace(/[^a-zA-Z0-9]/g, '')\n  if (!sanitizedValue) return ''\n\n  let result = ''\n  let valueIndex = 0\n  let maskIndex = 0\n\n  while (maskIndex < mask.length) {\n    const maskChar = mask.charAt(maskIndex)\n    const valueChar = sanitizedValue.charAt(valueIndex)\n\n    // If we've processed all input characters, stop\n    if (valueIndex >= sanitizedValue.length) {\n      break\n    }\n\n    switch (maskChar) {\n      case '#':\n        if (/\\d/.test(valueChar)) {\n          result += valueChar\n          valueIndex++\n        } else {\n          valueIndex++\n          maskIndex--\n        }\n        break\n      case '@':\n        if (/[a-zA-Z]/.test(valueChar)) {\n          result += valueChar\n          valueIndex++\n        } else {\n          valueIndex++\n          maskIndex--\n        }\n        break\n      case '^':\n        if (/[A-Z]/.test(valueChar)) {\n          result += valueChar\n          valueIndex++\n        } else {\n          valueIndex++\n          maskIndex--\n        }\n        break\n      case '%':\n        if (/[0-9A-Z]/.test(valueChar)) {\n          result += valueChar\n          valueIndex++\n        } else {\n          valueIndex++\n          maskIndex--\n        }\n        break\n      default:\n        // Always add literal characters from the mask\n        result += maskChar\n        // Increment valueIndex only if the current input character matches the literal mask character.\n        if (maskChar === valueChar) {\n          valueIndex++\n        }\n    }\n    maskIndex++\n  }\n\n  return result.trim()\n}\n\nexport const useMaskedTransform = (mask: string | null): Transform<string> => {\n  return (value: string) => formatWithMask(value, mask)\n}\n\nexport const commonMasks = {\n  phoneMask: '(###) ###-####',\n}\n"],"names":["formatWithMask","value","mask","sanitizedValue","result","valueIndex","maskIndex","maskChar","valueChar","useMaskedTransform","commonMasks"],"mappings":"AAmBa,MAAAA,IAAiB,CAACC,GAAeC,MAAgC;AAC5E,MAAI,CAACD,KAAS,CAACC,EAAa,QAAAD;AAG5B,QAAME,IAAiBF,EAAM,QAAQ,iBAAiB,EAAE;AACpD,MAAA,CAACE,EAAuB,QAAA;AAE5B,MAAIC,IAAS,IACTC,IAAa,GACbC,IAAY;AAET,SAAAA,IAAYJ,EAAK,UAAQ;AACxB,UAAAK,IAAWL,EAAK,OAAOI,CAAS,GAChCE,IAAYL,EAAe,OAAOE,CAAU;AAG9C,QAAAA,KAAcF,EAAe;AAC/B;AAGF,YAAQI,GAAU;AAAA,MAChB,KAAK;AACC,QAAA,KAAK,KAAKC,CAAS,KACXJ,KAAAI,GACVH,QAEAA,KACAC;AAEF;AAAA,MACF,KAAK;AACC,QAAA,WAAW,KAAKE,CAAS,KACjBJ,KAAAI,GACVH,QAEAA,KACAC;AAEF;AAAA,MACF,KAAK;AACC,QAAA,QAAQ,KAAKE,CAAS,KACdJ,KAAAI,GACVH,QAEAA,KACAC;AAEF;AAAA,MACF,KAAK;AACC,QAAA,WAAW,KAAKE,CAAS,KACjBJ,KAAAI,GACVH,QAEAA,KACAC;AAEF;AAAA,MACF;AAEY,QAAAF,KAAAG,GAENA,MAAaC,KACfH;AAAA,IACF;AAEJ,IAAAC;AAAA,EAAA;AAGF,SAAOF,EAAO,KAAK;AACrB,GAEaK,IAAqB,CAACP,MAC1B,CAACD,MAAkBD,EAAeC,GAAOC,CAAI,GAGzCQ,IAAc;AAAA,EACzB,WAAW;AACb;"}

package/dist/helpers/mask.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/helpers/payRateCalculator.d.ts

@@ -0,0 +1,2 @@
+export declare const hourlyRate: (amount: number, paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck") => number;
+export declare const yearlyRate: (amount: number, paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck") => number;