@gusto/embedded-react-sdk 0.48.2 → 0.49.0

package/dist/components/Employee/Deductions/onboarding/IncludeDeductions/IncludeDeductions.d.ts

@@ -1,8 +0,0 @@
-/** @internal */
-export interface IncludeDeductionsProps {
-    className?: string;
-    onAdd: () => void;
-    onContinue: () => void;
-}
-/** @internal */
-export declare function IncludeDeductions({ className, onAdd, onContinue }: IncludeDeductionsProps): import("react").JSX.Element;

package/dist/components/Employee/Deductions/onboarding/IncludeDeductions/IncludeDeductions.js

@@ -1,44 +0,0 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import l from "classnames";
-import { useTranslation as a } from "react-i18next";
-import i from "./IncludeDeductions.module.scss.js";
-import { Grid as d } from "../../../../Common/Grid/Grid.js";
-import { Flex as r } from "../../../../Common/Flex/Flex.js";
-import { ActionsLayout as u } from "../../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as p } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { useI18n as h } from "../../../../../i18n/I18n.js";
-import f from "../../../../../assets/icons/coins-hand.svg.js";
-import C from "../../../../../assets/icons/plus-circle.svg.js";
-function E({ className: c, onAdd: s, onContinue: m }) {
-  h("Employee.Deductions");
-  const { t: n } = a("Employee.Deductions"), e = p();
-  return /* @__PURE__ */ t("section", { className: l(i.container, c), children: /* @__PURE__ */ o(d, { gridTemplateColumns: "1fr", children: [
-    /* @__PURE__ */ o(r, { flexDirection: "column", gap: 2, children: [
-      /* @__PURE__ */ t(e.Heading, { as: "h2", children: n("pageTitle") }),
-      /* @__PURE__ */ t(e.Text, { variant: "supporting", children: n("includeDeductionsDescriptionV2") })
-    ] }),
-    /* @__PURE__ */ t("section", { className: i.emptyStateContainer, children: /* @__PURE__ */ o(r, { flexDirection: "column", gap: 16, justifyContent: "center", alignItems: "center", children: [
-      /* @__PURE__ */ t("div", { className: i.coinHandsIconContainer, children: /* @__PURE__ */ t(f, { width: 24, height: 24 }) }),
-      /* @__PURE__ */ t(e.Text, { weight: "bold", children: n("includeDeductionsEmptyState") }),
-      /* @__PURE__ */ o(
-        e.Button,
-        {
-          type: "button",
-          variant: "secondary",
-          onClick: s,
-          className: i.addDeductionButton,
-          children: [
-            /* @__PURE__ */ t(C, {}),
-            n("addDeductionButtonCta")
-          ]
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(e.Button, { type: "button", onClick: m, children: n("continueCta") }) })
-  ] }) });
-}
-export {
-  E as IncludeDeductions
-};
-//# sourceMappingURL=IncludeDeductions.js.map

package/dist/components/Employee/Deductions/onboarding/IncludeDeductions/IncludeDeductions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IncludeDeductions.js","sources":["../../../../../../src/components/Employee/Deductions/onboarding/IncludeDeductions/IncludeDeductions.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport styles from './IncludeDeductions.module.scss'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport CoinsHandsIcon from '@/assets/icons/coins-hand.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\n/** @internal */\nexport interface IncludeDeductionsProps {\n  className?: string\n  onAdd: () => void\n  onContinue: () => void\n}\n\n/** @internal */\nexport function IncludeDeductions({ className, onAdd, onContinue }: IncludeDeductionsProps) {\n  useI18n('Employee.Deductions')\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <Grid gridTemplateColumns=\"1fr\">\n        <Flex flexDirection=\"column\" gap={2}>\n          <Components.Heading as=\"h2\">{t('pageTitle')}</Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t('includeDeductionsDescriptionV2')}\n          </Components.Text>\n        </Flex>\n\n        <section className={styles.emptyStateContainer}>\n          <Flex flexDirection=\"column\" gap={16} justifyContent=\"center\" alignItems=\"center\">\n            <div className={styles.coinHandsIconContainer}>\n              <CoinsHandsIcon width={24} height={24} />\n            </div>\n            <Components.Text weight=\"bold\">{t('includeDeductionsEmptyState')}</Components.Text>\n            <Components.Button\n              type=\"button\"\n              variant=\"secondary\"\n              onClick={onAdd}\n              className={styles.addDeductionButton}\n            >\n              <PlusCircleIcon />\n              {t('addDeductionButtonCta')}\n            </Components.Button>\n          </Flex>\n        </section>\n        <ActionsLayout>\n          <Components.Button type=\"button\" onClick={onContinue}>\n            {t('continueCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </Grid>\n    </section>\n  )\n}\n"],"names":["IncludeDeductions","className","onAdd","onContinue","useI18n","t","useTranslation","Components","useComponentContext","jsx","classNames","styles","jsxs","Grid","Flex","CoinsHandsIcon","PlusCircleIcon","ActionsLayout"],"mappings":";;;;;;;;;;;;AAkBO,SAASA,EAAkB,EAAE,WAAAC,GAAW,OAAAC,GAAO,YAAAC,KAAsC;AAC1F,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAWC,EAAO,WAAWV,CAAS,GACxD,UAAA,gBAAAW,EAACC,GAAA,EAAK,qBAAoB,OACxB,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAL,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,WAAW,GAAE;AAAA,MAC5C,gBAAAI,EAACF,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAF,EAAE,gCAAgC,EAAA,CACrC;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAI,EAAC,WAAA,EAAQ,WAAWE,EAAO,qBACzB,UAAA,gBAAAC,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,gBAAe,UAAS,YAAW,UACvE,UAAA;AAAA,MAAA,gBAAAL,EAAC,OAAA,EAAI,WAAWE,EAAO,wBACrB,UAAA,gBAAAF,EAACM,KAAe,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACzC;AAAA,MACA,gBAAAN,EAACF,EAAW,MAAX,EAAgB,QAAO,QAAQ,UAAAF,EAAE,6BAA6B,GAAE;AAAA,MACjE,gBAAAO;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAASL;AAAA,UACT,WAAWS,EAAO;AAAA,UAElB,UAAA;AAAA,YAAA,gBAAAF,EAACO,GAAA,EAAe;AAAA,YACfX,EAAE,uBAAuB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B,EAAA,CACF,EAAA,CACF;AAAA,IACA,gBAAAI,EAACQ,GAAA,EACC,UAAA,gBAAAR,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,SAASJ,GACvC,UAAAE,EAAE,aAAa,GAClB,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Employee/Deductions/onboarding/IncludeDeductions/IncludeDeductions.module.scss.js

@@ -1,12 +0,0 @@
-const n = "_container_14qw1_1", t = "_emptyStateContainer_14qw1_5", o = "_coinHandsIconContainer_14qw1_15", e = {
-  container: n,
-  emptyStateContainer: t,
-  coinHandsIconContainer: o
-};
-export {
-  o as coinHandsIconContainer,
-  n as container,
-  e as default,
-  t as emptyStateContainer
-};
-//# sourceMappingURL=IncludeDeductions.module.scss.js.map

package/dist/components/Employee/Deductions/onboarding/IncludeDeductions/IncludeDeductions.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IncludeDeductions.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}