@gusto/embedded-react-sdk 0.10.3 → 0.10.4

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

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

package/dist/i18n/en/Company.Locations.json.js

@@ -17,7 +17,7 @@ const e = "Company addresses", s = "To automate your payroll filings, we need to
   emptyTableTitle: r,
   emptyTableDescription: c,
   addLocationCta: p,
-  addFirstLicationCta: m,
+  addFirstLocationCta: m,
   locationFormTitle: y,
   locationFormDescription: L,
   street1Label: h,
@@ -38,7 +38,7 @@ const e = "Company addresses", s = "To automate your payroll filings, we need to
   validations: z
 };
 export {
-  m as addFirstLicationCta,
+  m as addFirstLocationCta,
   p as addLocationCta,
   T as addressTypeLabel,
   S as cancelCta,

package/dist/i18n/en/Company.PaySchedule.json.js

@@ -1,14 +1,14 @@
-const e = 'Pick what frequency you’d like to run payroll. If you need help, you can read more about <how_to_choose_schedule href="https://gusto.com/resources/articles/payroll/best-payroll-schedule-small-business" target="_blank">how to choose a pay schedule.</how_to_choose_schedule>', t = 'Why do we need to ask for this? We need to know when to pay your employees. Some states have <payment_law_doc href="https://www.dol.gov/agencies/whd/state/payday" target="_blank">laws around when you must pay your employees.</payment_law_doc> Please choose pay schedules that are legal for your employees.', a = "+ Add another pay schedule", o = "Save & continue", n = "Continue", s = "Please make sure to verify this information is accurate. If this information isn't correct, it can delay when your team will be paid.", i = {
+const e = 'Pick what frequency you’d like to run payroll. If you need help, you can read more about <how_to_choose_schedule href="https://gusto.com/resources/articles/payroll/best-payroll-schedule-small-business" target="_blank">how to choose a pay schedule.</how_to_choose_schedule>', t = 'Why do we need to ask for this? We need to know when to pay your employees. Some states have <payment_law_doc href="https://www.dol.gov/agencies/whd/state/payday" target="_blank">laws around when you must pay your employees.</payment_law_doc> Please choose pay schedules that are legal for your employees.', a = "+ Add another pay schedule", o = "Save & continue", s = "Continue", n = "Please make sure to verify this information is accurate. If this information isn't correct, it can delay when your team will be paid.", i = {
   name: "Name",
   actions: "Actions",
   active: "Active",
   inactive: "Inactive",
   edit: "Edit"
-}, c = {
+}, r = {
   addPaySchedule: "Add pay schedule",
   editPaySchedule: "Edit pay schedule",
   pageTitle: "Set up pay schedule"
-}, r = {
+}, c = {
   payfrequency: "Pay frequency",
   frequency: "Frequency",
   deadline: "Deadline to run payroll",
@@ -19,11 +19,11 @@ const e = 'Pick what frequency you’d like to run payroll. If you need help, yo
   lastPayDayOfTheMonth: "Last pay day of the month",
   preview: "Preview",
   legend: "Legend"
-}, y = "Loading...", d = {
+}, y = "Loading...", l = {
   frequencyOptionsDescription: "Select the pay days for the month.",
   anchorPayDateDescription: "Please account for the 2 days it will take to process payroll.",
   anchorEndOfPayPeriodDescription: "The last date of the first pay period to help calculate future pay periods. This can be the same date as the first pay date."
-}, l = {
+}, d = {
   payPeriod: "Pay period",
   payday: "Payday",
   payrollDeadline: "Run payroll by 1:00PM (PDT) on "
@@ -39,38 +39,43 @@ const e = 'Pick what frequency you’d like to run payroll. If you need help, yo
   "15thAndLast": "15th and Last day of the month",
   custom: "Custom"
 }, f = {
+  title: "Pay Schedule Preview",
+  description: "Complete all the required fields to see a preview of your pay schedule."
+}, w = {
   listDescription: e,
   listDescription2: t,
   addAnotherPayScheduleCta: a,
   saveAndContinueCta: o,
-  continueCta: n,
-  pleaseVerify: s,
+  continueCta: s,
+  pleaseVerify: n,
   payScheduleList: i,
-  headings: c,
-  labels: r,
+  headings: r,
+  labels: c,
   loading: y,
-  descriptions: d,
-  payPreview: l,
+  descriptions: l,
+  payPreview: d,
   actions: h,
   frequencies: p,
-  frequencyOptions: u
+  frequencyOptions: u,
+  previewAlert: f
 };
 export {
   h as actions,
   a as addAnotherPayScheduleCta,
-  n as continueCta,
-  f as default,
-  d as descriptions,
+  s as continueCta,
+  w as default,
+  l as descriptions,
   p as frequencies,
   u as frequencyOptions,
-  c as headings,
-  r as labels,
+  r as headings,
+  c as labels,
   e as listDescription,
   t as listDescription2,
   y as loading,
-  l as payPreview,
+  d as payPreview,
   i as payScheduleList,
-  s as pleaseVerify,
+  n as pleaseVerify,
+  f as previewAlert,
   o as saveAndContinueCta
 };
 //# sourceMappingURL=Company.PaySchedule.json.js.map

package/dist/i18n/en/Company.PaySchedule.json.js.map

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

package/dist/types/i18next.d.ts

@@ -192,7 +192,7 @@ export interface CompanyLocations{
 "emptyTableTitle":string;
 "emptyTableDescription":string;
 "addLocationCta":string;
-"addFirstLicationCta":string;
+"addFirstLocationCta":string;
 "locationFormTitle":string;
 "locationFormDescription":string;
 "street1Label":string;
@@ -309,6 +309,10 @@ export interface CompanyPaySchedule{
 "15thAndLast":string;
 "custom":string;
 };
+"previewAlert":{
+"title":string;
+"description":string;
+};
 };
 export interface CompanySignatureForm{
 "signatureFormTitle":string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gusto/embedded-react-sdk",
-  "version": "0.10.3",
+  "version": "0.10.4",
   "homepage": "https://github.com/Gusto/embedded-react-sdk",
   "bugs": {
     "url": "https://github.com/Gusto/embedded-react-sdk/issues"
@@ -39,7 +39,10 @@
     "dev": "node ./build/prompt.js && npm run i18n:generate && npm-run-all --parallel watch:vite watch:translations ladle",
     "dev:setup": "npm link ../gws-flows/node_modules/react && (cd ../gws-flows && yarn link -r ../embedded-react-sdk)",
     "docs": "npx tsx ./build/eventTypeDocsEmitter.ts",
+    "docs:frontmatter": "npx tsx .docs/src/frontmatter/frontmatterSync.ts",
     "docs:lockfile": "npx tsx .docs/src/lockfile/lockfileGenerator.ts",
+    "docs:prepare-publish": "npx tsx .docs/src/publishing/preparePublishDocs.ts",
+    "docs:clean-publish": "rm -rf .docs/temp-publish-docs",
     "format": "prettier . --write --log-level error",
     "format:check": "prettier . --check --log-level error",
     "ladle": "ladle serve",