@gusto/embedded-react-sdk 0.11.2 → 0.11.3-rc.1

package/dist/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.js

@@ -11,10 +11,11 @@ import "../../../../shared/constants.js";
 import "classnames";
 import "dompurify";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [c, d] = o("SignatureFormContext");
+const [d, s] = o("SignatureFormContext");
 export {
-  d as SignatureFormProvider,
-  c as useSignatureForm
+  s as SignatureFormProvider,
+  d as useSignatureForm
 };
 //# sourceMappingURL=useSignatureForm.js.map

package/dist/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype SignatureFormContextType = {\n  form: Form\n  pdfUrl?: string | null\n  handleBack: () => void\n  isPending: boolean\n}\n\nconst [useSignatureForm, SignatureFormProvider] =\n  createCompoundContext<SignatureFormContextType>('SignatureFormContext')\nexport { useSignatureForm, SignatureFormProvider }\n"],"names":["useSignatureForm","SignatureFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}
+{"version":3,"file":"useSignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype SignatureFormContextType = {\n  form: Form\n  pdfUrl?: string | null\n  handleBack: () => void\n  isPending: boolean\n}\n\nconst [useSignatureForm, SignatureFormProvider] =\n  createCompoundContext<SignatureFormContextType>('SignatureFormContext')\nexport { useSignatureForm, SignatureFormProvider }\n"],"names":["useSignatureForm","SignatureFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}

package/dist/components/Employee/EmployeeList/useEmployeeList.js

@@ -11,10 +11,11 @@ import "../../../shared/constants.js";
 import "classnames";
 import "dompurify";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [c, d] = o("EmployeeListContext");
+const [d, u] = o("EmployeeListContext");
 export {
-  d as EmployeeListProvider,
-  c as useEmployeeList
+  u as EmployeeListProvider,
+  d as useEmployeeList
 };
 //# sourceMappingURL=useEmployeeList.js.map

package/dist/components/Employee/EmployeeList/useEmployeeList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/useEmployeeList.ts"],"sourcesContent":["import type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\n\n//Interface for context passed down to component slots\ntype EmployeeListContextType = {\n  handleEdit: (uuid: string, onboardingStatus?: OnboardingStatus) => void\n  handleDelete: (uuid: string) => Promise<void>\n  handleCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  handleReview: (employeeId: string) => Promise<void>\n  handleNew: () => void\n  handleSkip: () => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleItemsPerPageChange: (newCount: number) => void\n  currentPage: number\n  totalPages: number\n  employees: Employee[]\n}\n\nconst [useEmployeeList, EmployeeListProvider] =\n  createCompoundContext<EmployeeListContextType>('EmployeeListContext')\nexport { useEmployeeList, EmployeeListProvider }\n"],"names":["useEmployeeList","EmployeeListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useEmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/useEmployeeList.ts"],"sourcesContent":["import type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\n\n//Interface for context passed down to component slots\ntype EmployeeListContextType = {\n  handleEdit: (uuid: string, onboardingStatus?: OnboardingStatus) => void\n  handleDelete: (uuid: string) => Promise<void>\n  handleCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  handleReview: (employeeId: string) => Promise<void>\n  handleNew: () => void\n  handleSkip: () => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleItemsPerPageChange: (newCount: number) => void\n  currentPage: number\n  totalPages: number\n  employees: Employee[]\n}\n\nconst [useEmployeeList, EmployeeListProvider] =\n  createCompoundContext<EmployeeListContextType>('EmployeeListContext')\nexport { useEmployeeList, EmployeeListProvider }\n"],"names":["useEmployeeList","EmployeeListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAsBA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

package/dist/components/Employee/OnboardingSummary/OnboardingSummary.module.scss.js

@@ -1,16 +1,16 @@
-const t = "_description_dm8or_1", o = "_list_dm8or_4", s = "_listItem_dm8or_8", e = "_listItemIcon_dm8or_13", i = "_incomplete_dm8or_16", c = {
+const t = "_description_16lxz_1", s = "_list_16lxz_4", l = "_listItem_16lxz_8", e = "_listItemIcon_16lxz_13", i = "_incomplete_16lxz_16", o = {
   description: t,
-  list: o,
-  listItem: s,
+  list: s,
+  listItem: l,
   listItemIcon: e,
   incomplete: i
 };
 export {
-  c as default,
+  o as default,
   t as description,
   i as incomplete,
-  o as list,
-  s as listItem,
+  s as list,
+  l as listItem,
   e as listItemIcon
 };
 //# sourceMappingURL=OnboardingSummary.module.scss.js.map

package/dist/components/Employee/PaymentMethod/usePaymentMethod.js

@@ -13,8 +13,9 @@ import "../../../shared/constants.js";
 import "classnames";
 import "dompurify";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as a } from "../../Base/createCompoundContext.js";
-const x = t.union([
+const S = t.union([
   l.extend({
     type: t.literal("Direct Deposit"),
     isSplit: t.literal(!1)
@@ -54,10 +55,10 @@ const x = t.union([
       remainder: t.string()
     })
   ])
-]), [S, k] = a("PaymentMethodContext");
+]), [k, C] = a("PaymentMethodContext");
 export {
-  x as CombinedSchema,
-  k as PaymentMethodProvider,
-  S as usePaymentMethod
+  S as CombinedSchema,
+  C as PaymentMethodProvider,
+  k as usePaymentMethod
 };
 //# sourceMappingURL=usePaymentMethod.js.map

package/dist/components/Employee/PaymentMethod/usePaymentMethod.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/usePaymentMethod.ts"],"sourcesContent":["import type { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod'\nimport { z } from 'zod'\nimport { BankAccountSchema } from './BankAccount'\nimport { createCompoundContext } from '@/components/Base'\n\nexport const CombinedSchema = z.union([\n  BankAccountSchema.extend({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n    hasBankPayload: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Check'),\n  }),\n  z.discriminatedUnion('splitBy', [\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Percentage'),\n      splitAmount: z.record(z.string(), z.number().max(100).min(0)).refine(\n        input => Object.values(input).reduce((acc, curr) => acc + curr, 0) === 100,\n        input => {\n          const total = Object.values(input).reduce((acc, curr) => acc + curr, 0)\n          return {\n            message: `percentage_split_total_error:${total}`,\n          }\n        },\n      ),\n      priority: z.record(z.string(), z.number()),\n    }),\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Amount'),\n      priority: z.record(z.string(), z.number()).refine(input => {\n        const arr = Object.values(input)\n        return arr.filter((item, index) => arr.indexOf(item) !== index).length === 0\n      }),\n      splitAmount: z.record(z.string(), z.number().min(0).nullable()),\n      remainder: z.string(),\n    }),\n  ]),\n])\n\nexport type CombinedSchemaInputs = z.input<typeof CombinedSchema>\nexport type CombinedSchemaOutputs = z.output<typeof CombinedSchema>\n\ntype PaymentMethodContextType = {\n  bankAccounts: EmployeeBankAccount[]\n  isPending: boolean\n  watchedType?: string\n  mode: MODE\n  paymentMethod: EmployeePaymentMethod\n  handleAdd: () => void\n  handleSplit: () => void\n  handleCancel: () => void\n  handleDelete: (uuid: string) => void\n}\n\nexport type MODE = 'ADD' | 'LIST' | 'SPLIT' | 'INITIAL'\n\nconst [usePaymentMethod, PaymentMethodProvider] =\n  createCompoundContext<PaymentMethodContextType>('PaymentMethodContext')\nexport { usePaymentMethod, PaymentMethodProvider }\n"],"names":["CombinedSchema","z","BankAccountSchema","input","acc","curr","arr","item","index","usePaymentMethod","PaymentMethodProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAMO,MAAMA,IAAiBC,EAAE,MAAM;AAAA,EACpCC,EAAkB,OAAO;AAAA,IACvB,MAAMD,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,EAAA,CACzB;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,IACxB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,EAAA,CAChC;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,OAAO;AAAA,EAAA,CACxB;AAAA,EACDA,EAAE,mBAAmB,WAAW;AAAA,IAC9BA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,YAAY;AAAA,MAC/B,aAAaA,EAAE,OAAOA,EAAE,UAAUA,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,EAAE;AAAA,QAC5D,CAAAE,MAAS,OAAO,OAAOA,CAAK,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMC,GAAM,CAAC,MAAM;AAAA,QACvE,CAAAF,OAES;AAAA,UACL,SAAS,gCAFG,OAAO,OAAOA,CAAK,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMC,GAAM,CAAC,CAEtB;AAAA,QAAA;AAAA,MAElD;AAAA,MAEF,UAAUJ,EAAE,OAAOA,EAAE,UAAUA,EAAE,QAAQ;AAAA,IAAA,CAC1C;AAAA,IACDA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,QAAQ;AAAA,MAC3B,UAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,CAAQ,EAAE,OAAO,CAAAE,MAAS;AACzD,cAAMG,IAAM,OAAO,OAAOH,CAAK;AAC/B,eAAOG,EAAI,OAAO,CAACC,GAAMC,MAAUF,EAAI,QAAQC,CAAI,MAAMC,CAAK,EAAE,WAAW;AAAA,MAC7E,CAAC;AAAA,MACD,aAAaP,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,UAAU;AAAA,MAC9D,WAAWA,EAAE,OAAA;AAAA,IAAO,CACrB;AAAA,EAAA,CACF;AACH,CAAC,GAmBK,CAACQ,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}
+{"version":3,"file":"usePaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/usePaymentMethod.ts"],"sourcesContent":["import type { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod'\nimport { z } from 'zod'\nimport { BankAccountSchema } from './BankAccount'\nimport { createCompoundContext } from '@/components/Base'\n\nexport const CombinedSchema = z.union([\n  BankAccountSchema.extend({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n    hasBankPayload: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Check'),\n  }),\n  z.discriminatedUnion('splitBy', [\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Percentage'),\n      splitAmount: z.record(z.string(), z.number().max(100).min(0)).refine(\n        input => Object.values(input).reduce((acc, curr) => acc + curr, 0) === 100,\n        input => {\n          const total = Object.values(input).reduce((acc, curr) => acc + curr, 0)\n          return {\n            message: `percentage_split_total_error:${total}`,\n          }\n        },\n      ),\n      priority: z.record(z.string(), z.number()),\n    }),\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Amount'),\n      priority: z.record(z.string(), z.number()).refine(input => {\n        const arr = Object.values(input)\n        return arr.filter((item, index) => arr.indexOf(item) !== index).length === 0\n      }),\n      splitAmount: z.record(z.string(), z.number().min(0).nullable()),\n      remainder: z.string(),\n    }),\n  ]),\n])\n\nexport type CombinedSchemaInputs = z.input<typeof CombinedSchema>\nexport type CombinedSchemaOutputs = z.output<typeof CombinedSchema>\n\ntype PaymentMethodContextType = {\n  bankAccounts: EmployeeBankAccount[]\n  isPending: boolean\n  watchedType?: string\n  mode: MODE\n  paymentMethod: EmployeePaymentMethod\n  handleAdd: () => void\n  handleSplit: () => void\n  handleCancel: () => void\n  handleDelete: (uuid: string) => void\n}\n\nexport type MODE = 'ADD' | 'LIST' | 'SPLIT' | 'INITIAL'\n\nconst [usePaymentMethod, PaymentMethodProvider] =\n  createCompoundContext<PaymentMethodContextType>('PaymentMethodContext')\nexport { usePaymentMethod, PaymentMethodProvider }\n"],"names":["CombinedSchema","z","BankAccountSchema","input","acc","curr","arr","item","index","usePaymentMethod","PaymentMethodProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAMO,MAAMA,IAAiBC,EAAE,MAAM;AAAA,EACpCC,EAAkB,OAAO;AAAA,IACvB,MAAMD,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,EAAA,CACzB;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,IACxB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,EAAA,CAChC;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,OAAO;AAAA,EAAA,CACxB;AAAA,EACDA,EAAE,mBAAmB,WAAW;AAAA,IAC9BA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,YAAY;AAAA,MAC/B,aAAaA,EAAE,OAAOA,EAAE,UAAUA,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,EAAE;AAAA,QAC5D,CAAAE,MAAS,OAAO,OAAOA,CAAK,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMC,GAAM,CAAC,MAAM;AAAA,QACvE,CAAAF,OAES;AAAA,UACL,SAAS,gCAFG,OAAO,OAAOA,CAAK,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMC,GAAM,CAAC,CAEtB;AAAA,QAAA;AAAA,MAElD;AAAA,MAEF,UAAUJ,EAAE,OAAOA,EAAE,UAAUA,EAAE,QAAQ;AAAA,IAAA,CAC1C;AAAA,IACDA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,QAAQ;AAAA,MAC3B,UAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,CAAQ,EAAE,OAAO,CAAAE,MAAS;AACzD,cAAMG,IAAM,OAAO,OAAOH,CAAK;AAC/B,eAAOG,EAAI,OAAO,CAACC,GAAMC,MAAUF,EAAI,QAAQC,CAAI,MAAMC,CAAK,EAAE,WAAW;AAAA,MAC7E,CAAC;AAAA,MACD,aAAaP,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,UAAU;AAAA,MAC9D,WAAWA,EAAE,OAAA;AAAA,IAAO,CACrB;AAAA,EAAA,CACF;AACH,CAAC,GAmBK,CAACQ,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}

package/dist/components/Employee/Profile/useProfile.js

@@ -11,10 +11,11 @@ import "../../../shared/constants.js";
 import "classnames";
 import "dompurify";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [s, u] = o("ProfileContext");
+const [u, a] = o("ProfileContext");
 export {
-  u as ProfileProvider,
-  s as useProfile
+  a as ProfileProvider,
+  u as useProfile
 };
 //# sourceMappingURL=useProfile.js.map

package/dist/components/Employee/Profile/useProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"useProfile.js","sources":["../../../../src/components/Employee/Profile/useProfile.ts"],"sourcesContent":["import type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\n\n//Interface for context passed down to component slots\ntype ProfileContextType = {\n  companyLocations: Location[]\n  workAddresses?: EmployeeWorkAddress[]\n  employee?: Employee\n  isSelfOnboardingIntended?: boolean\n  isPending: boolean\n  isAdmin: boolean\n  handleCancel: () => void\n  isSelfOnboardingEnabled: boolean\n}\n\nconst [useProfile, ProfileProvider] = createCompoundContext<ProfileContextType>('ProfileContext')\nexport { useProfile, ProfileProvider }\n"],"names":["useProfile","ProfileProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,CAACA,GAAYC,CAAe,IAAIC,EAA0C,gBAAgB;"}
+{"version":3,"file":"useProfile.js","sources":["../../../../src/components/Employee/Profile/useProfile.ts"],"sourcesContent":["import type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\n\n//Interface for context passed down to component slots\ntype ProfileContextType = {\n  companyLocations: Location[]\n  workAddresses?: EmployeeWorkAddress[]\n  employee?: Employee\n  isSelfOnboardingIntended?: boolean\n  isPending: boolean\n  isAdmin: boolean\n  handleCancel: () => void\n  isSelfOnboardingEnabled: boolean\n}\n\nconst [useProfile, ProfileProvider] = createCompoundContext<ProfileContextType>('ProfileContext')\nexport { useProfile, ProfileProvider }\n"],"names":["useProfile","ProfileProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAM,CAACA,GAAYC,CAAe,IAAIC,EAA0C,gBAAgB;"}

package/dist/components/Employee/Taxes/useTaxes.js

@@ -11,10 +11,11 @@ import "../../../shared/constants.js";
 import "classnames";
 import "dompurify";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [u, f] = o("TaxesContext");
+const [f, v] = o("TaxesContext");
 export {
-  f as TaxesProvider,
-  u as useTaxes
+  v as TaxesProvider,
+  f as useTaxes
 };
 //# sourceMappingURL=useTaxes.js.map

package/dist/components/Employee/Taxes/useTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTaxes.js","sources":["../../../../src/components/Employee/Taxes/useTaxes.ts"],"sourcesContent":["import type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useTaxes, TaxesProvider] = createCompoundContext<TaxesContextType>('TaxesContext')\nexport { useTaxes, TaxesProvider }\n"],"names":["useTaxes","TaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AASA,MAAM,CAACA,GAAUC,CAAa,IAAIC,EAAwC,cAAc;"}
+{"version":3,"file":"useTaxes.js","sources":["../../../../src/components/Employee/Taxes/useTaxes.ts"],"sourcesContent":["import type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useTaxes, TaxesProvider] = createCompoundContext<TaxesContextType>('TaxesContext')\nexport { useTaxes, TaxesProvider }\n"],"names":["useTaxes","TaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,CAACA,GAAUC,CAAa,IAAIC,EAAwC,cAAc;"}

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.d.ts

@@ -2,8 +2,8 @@ import { default as React } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { ComponentsContextType } from '../ComponentAdapter/useComponentContext';
 import { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator';
-import { GTheme } from '../../types/GTheme';
-import { DeepPartial, ResourceDictionary } from '../../types/Helpers';
+import { GustoSDKTheme } from '../ThemeProvider/theme';
+import { ResourceDictionary } from '../../types/Helpers';
 import { SDKHooks } from '../../types/hooks';
 export interface APIConfig {
     baseUrl: string;
@@ -16,7 +16,7 @@ export interface GustoProviderProps {
     lng?: string;
     locale?: string;
     currency?: string;
-    theme?: DeepPartial<GTheme>;
+    theme?: GustoSDKTheme;
     queryClient?: QueryClient;
     components: ComponentsContextType;
     LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator'];

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

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

@@ -1,11 +1,7 @@
 import { default as React } from 'react';
 import { GustoSDKTheme } from './theme';
-import { GTheme } from '../../types/GTheme';
-import { DeepPartial } from '../../types/Helpers';
-type EnhancedTheme = DeepPartial<GTheme> & Partial<GustoSDKTheme>;
 export interface ThemeProviderProps {
-    theme?: EnhancedTheme;
+    theme?: GustoSDKTheme;
     children?: React.ReactNode;
 }
 export declare const ThemeProvider: React.FC<ThemeProviderProps>;
-export {};

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>;