@plurix/ecom-components 0.0.2-beta.1 → 0.0.2-beta.10

package/dist/packages/Coupons/views/OverwriteView.d.ts

@@ -0,0 +1,14 @@
+import { View } from '../types/Views';
+
+interface OverwriteViewProps {
+    firstCouponName: string;
+    secondCouponName: string;
+    setView: (view: View) => void;
+    setReplaceCoupon: (replaceCoupon: boolean) => void;
+    setSecondCouponName: (secondCouponName: string) => void;
+    isIO?: boolean;
+    closeIOModal?: () => void;
+    genericTaggingEvent?: (name: string, params: object) => void;
+}
+export declare const OverwriteView: ({ firstCouponName, secondCouponName, setView, setReplaceCoupon, setSecondCouponName, isIO, closeIOModal, genericTaggingEvent }: OverwriteViewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/Coupons/views/OverwriteView.js

@@ -0,0 +1,58 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { useState as h, useEffect as n } from "react";
+import { Modal as C } from "../components/Modal.js";
+import { InfoIcon as M } from "../../../assets/svgs/InfoIcon.js";
+const S = ({
+  firstCouponName: d,
+  secondCouponName: s,
+  setView: u,
+  setReplaceCoupon: i,
+  setSecondCouponName: c,
+  isIO: r,
+  closeIOModal: l,
+  genericTaggingEvent: o
+}) => {
+  const [p, a] = h(!0), f = () => {
+    a(!1), u("coupons-view");
+  }, b = () => {
+    o == null || o("discount_coupon", {
+      name: "Modal de troca de cupom - botão de substituir cupom",
+      cupomName: s
+    }), i(!0), u("coupons-view");
+  }, e = () => {
+    o == null || o("discount_coupon", {
+      name: "Modal de troca de cupom - botão de sair"
+    }), c(""), u("coupons-view");
+  };
+  return n(() => {
+    p || c("");
+  }, [p]), /* @__PURE__ */ t(
+    C,
+    {
+      isIO: r,
+      closeModal: r && l ? l : f,
+      genericTaggingEvent: o,
+      title: "Substituir Cupom",
+      confirmButtonAction: b,
+      confirmButtonText: "Substituir Cupom",
+      cancelButtonAction: e,
+      cancelButtonText: "Voltar para Meus Cupons",
+      children: /* @__PURE__ */ m("p", { children: [
+        /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(M, {}) }),
+        /* @__PURE__ */ m("span", { children: [
+          /* @__PURE__ */ t("b", { children: "Não é possível adicionar 2 cupons ao mesmo tempo." }),
+          /* @__PURE__ */ t("br", {}),
+          'Ao clicar em "Substituir Cupom" você irá substituir o cupom',
+          " ",
+          /* @__PURE__ */ t("b", { children: d }),
+          " pelo cupom ",
+          /* @__PURE__ */ t("b", { children: s }),
+          "."
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  S as OverwriteView
+};

package/dist/packages/Coupons/views/RulesView.d.ts

@@ -0,0 +1,13 @@
+import { CouponType } from '../types/CouponType';
+import { View } from '../types/Views';
+
+interface RulesViewProps {
+    dataItem: CouponType | undefined;
+    setActiveRule: (activeRule: boolean) => void;
+    setView: (view: View) => void;
+    isIO?: boolean;
+    closeIOModal?: () => void;
+    genericTaggingEvent?: (name: string, params: object) => void;
+}
+export declare const RulesView: ({ dataItem, setActiveRule, setView, isIO, closeIOModal, genericTaggingEvent }: RulesViewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/Coupons/views/RulesView.js

@@ -0,0 +1,49 @@
+import { jsx as u, jsxs as n } from "react/jsx-runtime";
+import { Modal as h } from "../components/Modal.js";
+import { InfoIcon as f } from "../../../assets/svgs/InfoIcon.js";
+const m = ({
+  dataItem: l,
+  setActiveRule: d,
+  setView: i,
+  isIO: r,
+  closeIOModal: s,
+  genericTaggingEvent: o
+}) => {
+  const c = () => {
+    d(!1), i("coupons-view");
+  };
+  return /* @__PURE__ */ u(
+    h,
+    {
+      isIO: r,
+      closeModal: r && s ? s : c,
+      genericTaggingEvent: o,
+      title: "Regra de Utilização",
+      confirmButtonAction: () => {
+        o == null || o("discount_coupon", {
+          name: "Modal regra de utilização - botão Ok, entendi"
+        }), c();
+      },
+      confirmButtonText: "Ok, Entendi",
+      cancelButtonAction: () => {
+        o == null || o("discount_coupon", {
+          name: "Modal regra de utilização - botão sair"
+        }), c();
+      },
+      cancelButtonText: "Voltar para Meus Cupons",
+      children: /* @__PURE__ */ n("p", { children: [
+        /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(f, {}) }),
+        /* @__PURE__ */ n("ul", { children: [
+          l == null ? void 0 : l.couponRules.map((p) => /* @__PURE__ */ u("li", { children: p }, p)),
+          /* @__PURE__ */ n("li", { children: [
+            "Válido até ",
+            l == null ? void 0 : l.couponExpirationDate
+          ] })
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  m as RulesView
+};

package/dist/packages/Coupons/views/index.d.ts

@@ -0,0 +1,5 @@
+export { LoadingView } from './LoadingView';
+export { CouponsView } from './CouponsView';
+export { RulesView } from './RulesView';
+export { OverwriteView } from './OverwriteView';
+export { EmptyCartView } from './EmptyCartView';

package/dist/packages/Coupons/views/index.js

@@ -0,0 +1,12 @@
+import { LoadingView as r } from "./LoadingView.js";
+import { CouponsView as i } from "./CouponsView.js";
+import { RulesView as m } from "./RulesView.js";
+import { OverwriteView as f } from "./OverwriteView.js";
+import { EmptyCartView as V } from "./EmptyCartView.js";
+export {
+  i as CouponsView,
+  V as EmptyCartView,
+  r as LoadingView,
+  f as OverwriteView,
+  m as RulesView
+};

package/dist/packages/Onboarding/Onboarding.d.ts

@@ -0,0 +1,10 @@
+import { SocialMediaLinks } from './components/SocialMedia';
+
+interface OnboardingProps {
+    socialMediaLinks?: SocialMediaLinks;
+    handleCloseAction: () => void;
+    handleFinishAction?: () => void;
+    genericTaggingEvent?: (name: string, params: object) => void;
+}
+export declare const Onboarding: ({ socialMediaLinks, handleCloseAction, handleFinishAction, genericTaggingEvent }: OnboardingProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/Onboarding/Onboarding.js

@@ -0,0 +1,47 @@
+import { jsxs as i, jsx as p } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { Header as x } from "./components/Header.js";
+import { Content as S } from "./components/Content.js";
+import { Footer as c } from "./components/Footer.js";
+import { TIPS_LENGTH as h } from "./constants/tips.js";
+/* empty css                       */const w = ({
+  socialMediaLinks: a,
+  handleCloseAction: r,
+  handleFinishAction: n,
+  genericTaggingEvent: s
+}) => {
+  const [t, m] = d(1), e = (o) => {
+    s == null || s("ofertas_pelo_whatsapp", {
+      clickText: o,
+      name: t
+    });
+  };
+  return /* @__PURE__ */ i("div", { className: "onboarding-container", children: [
+    /* @__PURE__ */ p(x, { sendEvent: e, handleCloseAction: r }),
+    /* @__PURE__ */ p(
+      S,
+      {
+        step: t,
+        sendEvent: e,
+        socialMediaLinks: a
+      }
+    ),
+    /* @__PURE__ */ p(
+      c,
+      {
+        step: t,
+        handleBackStep: (o) => {
+          e(o.target.innerText), t > 1 ? m(t - 1) : r();
+        },
+        handleNextStep: (o) => {
+          e(o.target.innerText);
+          const f = n || r;
+          t < h ? m(t + 1) : f();
+        }
+      }
+    )
+  ] });
+};
+export {
+  w as Onboarding
+};

package/dist/packages/Onboarding/components/Bullets.d.ts

@@ -0,0 +1,5 @@
+interface BulletsProps {
+    step: number;
+}
+export declare const Bullets: ({ step }: BulletsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/Onboarding/components/Bullets.js

@@ -0,0 +1,10 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { TIPS_LENGTH as l } from "../constants/tips.js";
+const o = ({ step: i }) => /* @__PURE__ */ r("div", { className: "bullets-container", children: [
+  /* @__PURE__ */ t(e, { isActive: i === 1 }),
+  /* @__PURE__ */ t(e, { isActive: i > 1 && i < l }),
+  /* @__PURE__ */ t(e, { isActive: i === l })
+] }), e = ({ isActive: i }) => /* @__PURE__ */ t("div", { className: `bullet ${i ? "active" : ""}` });
+export {
+  o as Bullets
+};

package/dist/packages/Onboarding/components/Content.d.ts

@@ -0,0 +1,9 @@
+import { SocialMediaLinks } from './SocialMedia';
+
+interface ContentProps {
+    step: number;
+    socialMediaLinks?: SocialMediaLinks;
+    sendEvent: (clickText: string) => void;
+}
+export declare const Content: ({ step, socialMediaLinks, sendEvent }: ContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/packages/Onboarding/components/Content.js

@@ -0,0 +1,30 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { SocialMedia as o } from "./SocialMedia.js";
+import { TIPS as c, TIPS_LENGTH as r } from "../constants/tips.js";
+const p = ({
+  step: i,
+  socialMediaLinks: t,
+  sendEvent: a
+}) => {
+  const s = c[i - 1];
+  return s ? /* @__PURE__ */ n("div", { className: "onboarding-content-container", children: [
+    /* @__PURE__ */ e("div", { className: "svg-container", children: s.svg() }),
+    s.isIllustration && /* @__PURE__ */ e("p", { className: "illustration-message", children: "Imagem Ilustrativa" }),
+    /* @__PURE__ */ n("p", { className: "steps-count", children: [
+      i,
+      " de ",
+      r
+    ] }),
+    /* @__PURE__ */ e("p", { className: "tip-message", children: s.tip }),
+    i === r && /* @__PURE__ */ e(
+      o,
+      {
+        socialMediaLinks: t,
+        sendEvent: a
+      }
+    )
+  ] }) : null;
+};
+export {
+  p as Content
+};

package/dist/packages/Onboarding/components/Footer.d.ts

@@ -0,0 +1,9 @@
+import { MouseEvent } from 'react';
+
+interface FooterProps {
+    step: number;
+    handleBackStep: (e: MouseEvent<HTMLButtonElement>) => void;
+    handleNextStep: (e: MouseEvent<HTMLButtonElement>) => void;
+}
+export declare const Footer: ({ step, handleBackStep, handleNextStep }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/Onboarding/components/Footer.js

@@ -0,0 +1,15 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { Bullets as i } from "./Bullets.js";
+import { TIPS_LENGTH as l } from "../constants/tips.js";
+const a = ({
+  step: t,
+  handleBackStep: r,
+  handleNextStep: n
+}) => /* @__PURE__ */ e("footer", { children: [
+  /* @__PURE__ */ o("button", { onClick: r, className: "back-button", children: "Voltar" }),
+  /* @__PURE__ */ o(i, { step: t }),
+  /* @__PURE__ */ o("button", { onClick: n, className: "confirm-button", children: t === l ? "Legal, Entendi" : "Próximo" })
+] });
+export {
+  a as Footer
+};

package/dist/packages/Onboarding/components/Header.d.ts

@@ -0,0 +1,6 @@
+interface HeaderProps {
+    sendEvent: (clickText: string) => void;
+    handleCloseAction: () => void;
+}
+export declare const Header: ({ sendEvent, handleCloseAction }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/Onboarding/components/Header.js

@@ -0,0 +1,11 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { CloseIcon as l } from "../../../assets/svgs/CloseIcon.js";
+const i = ({ sendEvent: e, handleCloseAction: n }) => /* @__PURE__ */ r("header", { children: [
+  /* @__PURE__ */ o("h2", { children: "Experiência Personalizada" }),
+  /* @__PURE__ */ o("button", { onClick: () => {
+    e("Fechou o modal no X"), n();
+  }, children: /* @__PURE__ */ o(l, {}) })
+] });
+export {
+  i as Header
+};

package/dist/packages/Onboarding/components/SocialMedia.d.ts

@@ -0,0 +1,10 @@
+interface SocialMediaProps {
+    socialMediaLinks?: SocialMediaLinks;
+    sendEvent: (clickText: string) => void;
+}
+export interface SocialMediaLinks {
+    facebook?: string;
+    instagram?: string;
+}
+export declare const SocialMedia: ({ socialMediaLinks, sendEvent }: SocialMediaProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/packages/Onboarding/components/SocialMedia.js

@@ -0,0 +1,36 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { FacebookIcon as t } from "../../../assets/svgs/FacebookIcon.js";
+import { InstagramIcon as i } from "../../../assets/svgs/InstagramIcon.js";
+const s = ({
+  socialMediaLinks: o,
+  sendEvent: e
+}) => {
+  if (!o)
+    return null;
+  const { facebook: n, instagram: a } = o;
+  return /* @__PURE__ */ c("div", { className: "social-media-container", children: [
+    n && /* @__PURE__ */ r(
+      "a",
+      {
+        href: n,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        onClick: () => e("facebook"),
+        children: /* @__PURE__ */ r(t, {})
+      }
+    ),
+    a && /* @__PURE__ */ r(
+      "a",
+      {
+        href: a,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        onClick: () => e("instagram"),
+        children: /* @__PURE__ */ r(i, {})
+      }
+    )
+  ] });
+};
+export {
+  s as SocialMedia
+};

package/dist/packages/Onboarding/constants/tips.d.ts

@@ -0,0 +1,11 @@
+import { FixedLengthArray } from '../../../types/FixedLengthArray';
+
+type Tips = FixedLengthArray<Tip, typeof TIPS_LENGTH>;
+interface Tip {
+    svg: () => React.ReactNode;
+    isIllustration: boolean;
+    tip: string;
+}
+export declare const TIPS_LENGTH = 5;
+export declare const TIPS: Tips;
+export {};

package/dist/packages/Onboarding/constants/tips.js

@@ -0,0 +1,36 @@
+import { Tip1 as o } from "../tips/Tip1.js";
+import { Tip2 as e } from "../tips/Tip2.js";
+import { Tip3 as i } from "../tips/Tip3.js";
+import { Tip4 as a } from "../tips/Tip4.js";
+import { Tip5 as s } from "../tips/Tip5.js";
+const p = 5, u = [
+  {
+    svg: o,
+    isIllustration: !1,
+    tip: "O site e aplicativo vai ficando com a sua cara conforme você vai comprando, assim você tem uma experiência de acordo com seu padrão de compra"
+  },
+  {
+    svg: e,
+    isIllustration: !0,
+    tip: "Veja produtos que você comprou anteriormente e adicione eles ao seu carrinho, fazendo suas compras com mais rapidez"
+  },
+  {
+    svg: i,
+    isIllustration: !0,
+    tip: "Você também consegue consegue repetir um pedido adicionando ele inteiro ao seu carrinho, onde você pode aumentar ou diminuir a quantidade dos produtos"
+  },
+  {
+    svg: a,
+    isIllustration: !0,
+    tip: "Você terá acesso aos corredores que você mais compra logo na tela inicial, assim você consegue conferir melhor a variedade dos produtos que você mais leva"
+  },
+  {
+    svg: s,
+    isIllustration: !1,
+    tip: "Siga nossas redes sociais! Estamos sempre melhorando sua experiencia em nossas Lojas, Site e Aplicativo!"
+  }
+];
+export {
+  u as TIPS,
+  p as TIPS_LENGTH
+};

package/dist/packages/Onboarding/test/Bullets.test.js

@@ -0,0 +1,20 @@
+import { jsx as l } from "react/jsx-runtime";
+import { render as s } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { Bullets as o } from "../components/Bullets.js";
+jest.mock("../constants/tips", () => ({ TIPS_LENGTH: 3 }));
+describe("Bullets component tests", () => {
+  it("renders correctly amount of bullets", () => {
+    const { container: t } = s(/* @__PURE__ */ l(o, { step: 1 })), e = t.querySelectorAll(".bullet");
+    expect(e.length).toBe(3);
+  }), it("should first bullet active if step is 1", () => {
+    const { container: t } = s(/* @__PURE__ */ l(o, { step: 1 })), e = t.querySelector(".bullet");
+    expect(e).toHaveClass("active");
+  }), it("should middle bullet active if step is greater than 1 and less than TIPS_LENGTH", () => {
+    const { container: t } = s(/* @__PURE__ */ l(o, { step: 2 })), e = t.querySelector(".bullet:nth-child(2)");
+    expect(e).toHaveClass("active");
+  }), it("should last bullet active if step is equal than TIPS_LENGTH", () => {
+    const { container: t } = s(/* @__PURE__ */ l(o, { step: 3 })), e = t.querySelector(".bullet:last-child");
+    expect(e).toHaveClass("active");
+  });
+});

package/dist/packages/Onboarding/test/Content.test.js

@@ -0,0 +1,52 @@
+import { jsx as e } from "react/jsx-runtime";
+import { render as s } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { Content as o } from "../components/Content.js";
+jest.mock("../components/SocialMedia", () => ({
+  SocialMedia: () => /* @__PURE__ */ e("div", { "data-testid": "social media" })
+}));
+jest.mock("../constants/tips", () => ({
+  TIPS_LENGTH: 2,
+  TIPS: [
+    {
+      tip: "tip 1",
+      svg: () => /* @__PURE__ */ e("div", { "data-testid": "svg 1" }),
+      isIllustration: !1
+    },
+    {
+      tip: "tip 2",
+      svg: () => /* @__PURE__ */ e("div", { "data-testid": "svg 2" }),
+      isIllustration: !0
+    }
+  ]
+}));
+const n = jest.fn();
+describe("Content component tests", () => {
+  it("should render nothing if step is invalid", () => {
+    const { container: t } = s(/* @__PURE__ */ e(o, { step: 0, sendEvent: n }));
+    expect(t.firstChild).toBeNull();
+  }), it("should render correctly texts", () => {
+    const { getByTestId: t, getByText: i } = s(
+      /* @__PURE__ */ e(o, { step: 1, sendEvent: n })
+    );
+    expect(t("svg 1")).toBeInTheDocument(), expect(i("1 de 2")).toBeInTheDocument(), expect(i("tip 1")).toBeInTheDocument();
+  }), it("should render correctly illustration message", () => {
+    const { getByText: t } = s(/* @__PURE__ */ e(o, { step: 2, sendEvent: n }));
+    expect(t("Imagem Ilustrativa")).toBeInTheDocument();
+  }), it("should render correctly social media section", () => {
+    const { getByTestId: t } = s(
+      /* @__PURE__ */ e(
+        o,
+        {
+          step: 2,
+          socialMediaLinks: {
+            facebook: "facebook_link",
+            instagram: "instagram_link"
+          },
+          sendEvent: n
+        }
+      )
+    );
+    expect(t("social media")).toBeInTheDocument();
+  });
+});

package/dist/packages/Onboarding/test/Footer.test.js

@@ -0,0 +1,60 @@
+import { jsx as n } from "react/jsx-runtime";
+import { render as c, fireEvent as a } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { Footer as l } from "../components/Footer.js";
+jest.mock("../constants/tips", () => ({ TIPS_LENGTH: 3 }));
+jest.mock("../components/Bullets", () => ({
+  Bullets: () => /* @__PURE__ */ n("div", { "data-testid": "bullets" })
+}));
+const t = jest.fn(), o = jest.fn();
+describe("Footer component tests", () => {
+  it("renders default UI", () => {
+    const { getByText: e } = c(
+      /* @__PURE__ */ n(
+        l,
+        {
+          step: 1,
+          handleBackStep: t,
+          handleNextStep: o
+        }
+      )
+    );
+    expect(e("Voltar")).toBeInTheDocument(), expect(e("Próximo")).toBeInTheDocument();
+  }), it("renders correctly button text if step is equal than TIPS_LENGTH", () => {
+    const { queryByText: e, getByText: s } = c(
+      /* @__PURE__ */ n(
+        l,
+        {
+          step: 3,
+          handleBackStep: t,
+          handleNextStep: o
+        }
+      )
+    );
+    expect(e("Próximo")).not.toBeInTheDocument(), expect(s("Legal, Entendi")).toBeInTheDocument();
+  }), it("should call handleBackStep on click back button", () => {
+    const { getByText: e } = c(
+      /* @__PURE__ */ n(
+        l,
+        {
+          step: 1,
+          handleBackStep: t,
+          handleNextStep: o
+        }
+      )
+    );
+    a.click(e("Voltar")), expect(t).toHaveBeenCalled();
+  }), it("should call handleNextStep on click confirm button", () => {
+    const { getByText: e } = c(
+      /* @__PURE__ */ n(
+        l,
+        {
+          step: 1,
+          handleBackStep: t,
+          handleNextStep: o
+        }
+      )
+    );
+    a.click(e("Próximo")), expect(o).toHaveBeenCalled();
+  });
+});

package/dist/packages/Onboarding/test/Header.test.js

@@ -0,0 +1,30 @@
+import { jsx as o } from "react/jsx-runtime";
+import { render as c, fireEvent as d } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { Header as s } from "../components/Header.js";
+const t = jest.fn(), n = jest.fn();
+describe("Header component tests", () => {
+  it("renders correctly UI", () => {
+    const { getByText: e, getByTestId: l } = c(
+      /* @__PURE__ */ o(
+        s,
+        {
+          sendEvent: t,
+          handleCloseAction: n
+        }
+      )
+    );
+    expect(e("Experiência Personalizada")).toBeInTheDocument(), expect(l("close-icon")).toBeInTheDocument();
+  }), it("should call sendEvent and handleCloseAction on click close button", () => {
+    const { getByTestId: e } = c(
+      /* @__PURE__ */ o(
+        s,
+        {
+          sendEvent: t,
+          handleCloseAction: n
+        }
+      )
+    );
+    d.click(e("close-icon")), expect(t).toHaveBeenCalled(), expect(n).toHaveBeenCalled();
+  });
+});

package/dist/packages/Onboarding/test/Onboarding.test.js

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+import { render as o } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { Onboarding as n } from "../Onboarding.js";
+jest.mock("../components/Header", () => ({
+  Header: () => /* @__PURE__ */ e("div", { "data-testid": "header" })
+}));
+jest.mock("../components/Content", () => ({
+  Content: () => /* @__PURE__ */ e("div", { "data-testid": "content" })
+}));
+jest.mock("../components/Footer", () => ({
+  Footer: () => /* @__PURE__ */ e("div", { "data-testid": "footer" })
+}));
+const c = jest.fn();
+describe("Onboarding package tests", () => {
+  it("should render sections correctly", () => {
+    const { getByTestId: t } = o(
+      /* @__PURE__ */ e(n, { handleCloseAction: c })
+    );
+    expect(t("header")).toBeInTheDocument(), expect(t("content")).toBeInTheDocument(), expect(t("footer")).toBeInTheDocument();
+  });
+});

package/dist/packages/Onboarding/test/SocialMedia.test.js

@@ -0,0 +1,39 @@
+import { jsx as i } from "react/jsx-runtime";
+import { render as n, fireEvent as c } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { SocialMedia as t } from "../components/SocialMedia.js";
+const o = jest.fn();
+describe("SocialMedia component tests", () => {
+  it("should render nothing if socialMediaLinks does not exist", () => {
+    const { container: e } = n(/* @__PURE__ */ i(t, { sendEvent: o }));
+    expect(e.firstChild).toBeNull();
+  }), it("should render media section if link exist", () => {
+    const { getByTestId: e } = n(
+      /* @__PURE__ */ i(
+        t,
+        {
+          socialMediaLinks: {
+            facebook: "facebook_link",
+            instagram: "instagram_link"
+          },
+          sendEvent: o
+        }
+      )
+    );
+    expect(e("facebook-icon")).toBeInTheDocument(), expect(e("instagram-icon")).toBeInTheDocument();
+  }), it("should call sendEvent on click social media link", () => {
+    const { getByTestId: e } = n(
+      /* @__PURE__ */ i(
+        t,
+        {
+          socialMediaLinks: {
+            facebook: "facebook_link",
+            instagram: "instagram_link"
+          },
+          sendEvent: o
+        }
+      )
+    );
+    c.click(e("facebook-icon")), expect(o).toHaveBeenCalledWith("facebook");
+  });
+});

package/dist/packages/Onboarding/tips/Tip1.d.ts

@@ -0,0 +1 @@
+export declare const Tip1: () => import("react/jsx-runtime").JSX.Element;