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

package/dist/assets/svgs/CloseIcon.d.ts

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

package/dist/assets/svgs/CloseIcon.js

@@ -0,0 +1,37 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+const e = () => /* @__PURE__ */ r(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "close-icon",
+    children: [
+      /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M18 6L6 18",
+          stroke: "var(--color-main)",
+          strokeWidth: "1.8",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M6 6L18 18",
+          stroke: "var(--color-main)",
+          strokeWidth: "1.8",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+export {
+  e as CloseIcon
+};

package/dist/assets/svgs/FacebookIcon.d.ts

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

package/dist/assets/svgs/FacebookIcon.js

@@ -0,0 +1,22 @@
+import { jsx as C } from "react/jsx-runtime";
+const t = () => /* @__PURE__ */ C(
+  "svg",
+  {
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "facebook-icon",
+    children: /* @__PURE__ */ C(
+      "path",
+      {
+        d: "M28.0595 32H21.9913C22.0015 31.8664 22.0211 31.7328 22.0211 31.5985C22.0211 28.2036 22.0195 24.8087 22.0164 21.4138C22.0164 21.1115 22.1033 21.0185 22.4081 21.0232C23.1689 21.0427 23.9305 21.0232 24.6905 21.0357C24.949 21.042 25.0783 20.9576 25.1747 20.717C25.7521 19.2445 26.346 17.7783 26.9336 16.3089C26.9704 16.216 26.9939 16.1176 27.0394 15.9691H22.3384C22.1746 15.9691 22.0203 15.9785 22.0211 15.7403C22.025 14.5318 22.0015 13.3234 22.0328 12.1165C22.0532 11.3502 22.2624 11.1432 23.0326 11.0877C23.769 11.0346 24.5095 11.0463 25.2483 11.0315C25.4951 11.0268 25.7419 11.0315 26.0052 11.0315V5.97037H25.6189C24.3888 5.97037 23.1587 5.97037 21.9286 5.97037C21.6377 5.9727 21.3473 5.99304 21.0589 6.03129C18.2383 6.39843 15.9607 8.98562 15.9552 11.8275C15.9552 13.0664 15.9552 14.3055 15.9552 15.545C15.9552 15.966 15.9552 15.9668 15.5196 15.9668C14.4567 15.9668 13.3932 15.9668 12.3292 15.9668C12.2101 15.9668 12.0903 15.977 11.9813 15.9816V21.0271H12.3833C13.4363 21.0271 14.4891 21.0271 15.5416 21.0271C15.9552 21.0271 15.9552 21.0271 15.9552 21.4396C15.9552 24.8246 15.9552 28.2096 15.9552 31.5946C15.9552 31.7289 15.9748 31.8625 15.985 31.9961H3.91211C3.81495 31.9672 3.71857 31.9359 3.62063 31.9102C3.18031 31.7946 2.70709 31.7477 2.30594 31.5532C0.700553 30.7759 0.00479752 29.4222 0.00401402 27.6841C-0.000686965 20.1642 -0.000686965 12.6443 0.00401402 5.12437C0.00401402 4.64709 0.0243796 4.16824 0.0572865 3.69096C0.115969 2.84413 0.450652 2.03962 1.01034 1.39996C1.57002 0.760295 2.32404 0.320534 3.15759 0.147639C3.40831 0.0960832 3.66061 0.0492127 3.91211 0H28.0595C28.1535 0.0377382 28.2512 0.0657422 28.351 0.0835793C30.0339 0.208564 31.5061 1.49747 31.8485 3.1543C31.9025 3.41443 31.9503 3.67611 32.0005 3.93546V28.0575C31.9624 28.1514 31.9346 28.2491 31.9174 28.3489C31.7921 30.0299 30.5017 31.5008 28.843 31.843C28.5844 31.9024 28.3204 31.95 28.0595 32Z",
+        fill: "#4864AE"
+      }
+    )
+  }
+);
+export {
+  t as FacebookIcon
+};

package/dist/assets/svgs/InstagramIcon.d.ts

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

package/dist/assets/svgs/InstagramIcon.js

@@ -0,0 +1,49 @@
+import { jsxs as t, jsx as C } from "react/jsx-runtime";
+const l = () => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "instagram-icon",
+    children: [
+      /* @__PURE__ */ t("g", { clipPath: "url(#clip0_46032_17319)", children: [
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M16.0005 2.88243C20.2729 2.88243 20.7785 2.89894 22.466 2.97579C24.0259 3.04693 24.8731 3.30733 25.4371 3.52645C26.1329 3.78265 26.7623 4.19177 27.279 4.72365C27.8108 5.24027 28.22 5.8697 28.4762 6.56551C28.6953 7.1295 28.9557 7.97675 29.0268 9.53661C29.1037 11.2241 29.1202 11.7297 29.1202 16.0022C29.1202 20.2746 29.1037 20.7802 29.0268 22.4677C28.9557 24.0276 28.6953 24.8748 28.4762 25.4388C28.2097 26.1287 27.8019 26.7552 27.279 27.2781C26.756 27.8011 26.1295 28.2089 25.4397 28.4753C24.8757 28.6944 24.0284 28.9548 22.4686 29.026C20.7817 29.1028 20.2755 29.1193 16.003 29.1193C11.7306 29.1193 11.2244 29.1028 9.53748 29.026C7.97762 28.9548 7.13036 28.6944 6.56638 28.4753C5.87057 28.2191 5.24114 27.81 4.72452 27.2781C4.19265 26.7615 3.78352 26.1321 3.52732 25.4363C3.3082 24.8723 3.0478 24.025 2.97667 22.4652C2.89982 20.7776 2.88331 20.2721 2.88331 15.9996C2.88331 11.7271 2.89982 11.2216 2.97667 9.53407C3.0478 7.97421 3.3082 7.12695 3.52732 6.56297C3.78352 5.86716 4.19265 5.23773 4.72452 4.72111C5.24114 4.18923 5.87057 3.78011 6.56638 3.52391C7.13036 3.30479 7.97762 3.04439 9.53748 2.97325C11.225 2.8964 11.7306 2.87989 16.003 2.87989L16.0005 2.88243ZM16.003 -0.00292969C11.6575 -0.00292969 11.1126 0.0154889 9.406 0.0936089C7.69943 0.171729 6.53716 0.444196 5.52097 0.839243C4.45307 1.24124 3.48557 1.87107 2.68578 2.68491C1.87194 3.4847 1.24212 4.4522 0.840119 5.52009C0.445073 6.53629 0.174512 7.70111 0.0970268 9.40387C0.0195419 11.1066 0.000488281 11.6541 0.000488281 15.9996C0.000488281 20.3451 0.0189068 20.8901 0.0970268 22.5966C0.175147 24.3032 0.445073 25.4629 0.840119 26.4791C1.24228 27.5466 1.8721 28.5136 2.68578 29.3131C3.4853 30.1274 4.45286 30.7575 5.52097 31.1594C6.53716 31.555 7.70197 31.8256 9.40473 31.9031C11.1075 31.9806 11.6562 31.9996 16.0017 31.9996C20.3472 31.9996 20.8922 31.9812 22.5988 31.9031C24.3053 31.825 25.4638 31.555 26.48 31.1594C27.5432 30.7485 28.5088 30.12 29.3148 29.314C30.1208 28.508 30.7494 27.5424 31.1602 26.4791C31.5559 25.4629 31.8264 24.2981 31.9039 22.5954C31.9814 20.8926 32.0005 20.3439 32.0005 15.9983C32.0005 11.6528 31.982 11.1079 31.9039 9.40133C31.8258 7.69475 31.5559 6.53629 31.1602 5.52009C30.7585 4.45256 30.1289 3.48546 29.3152 2.68618C28.5155 1.87188 27.548 1.24161 26.48 0.839243C25.4638 0.444196 24.299 0.173634 22.5962 0.0961494C20.8935 0.0186645 20.346 -0.0003892 16.0005 -0.0003892L16.003 -0.00292969Z",
+            fill: "#E02D69"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M16.0006 7.78418C14.3757 7.78418 12.7872 8.26604 11.4361 9.16882C10.085 10.0716 9.03192 11.3548 8.41007 12.856C7.78823 14.3573 7.62552 16.0092 7.94254 17.603C8.25955 19.1967 9.04205 20.6607 10.1911 21.8097C11.3401 22.9587 12.804 23.7412 14.3978 24.0582C15.9915 24.3752 17.6435 24.2125 19.1447 23.5907C20.646 22.9688 21.9291 21.9158 22.8319 20.5647C23.7347 19.2135 24.2166 17.6251 24.2166 16.0001C24.2166 14.9212 24.0042 13.8528 23.5913 12.8559C23.1785 11.8591 22.5733 10.9533 21.8103 10.1904C21.0474 9.42745 20.1417 8.82227 19.1448 8.40941C18.148 7.99655 17.0796 7.7841 16.0006 7.78418ZM16.0006 21.3351C14.9454 21.3351 13.914 21.0223 13.0366 20.436C12.1593 19.8498 11.4755 19.0166 11.0717 18.0417C10.6679 17.0669 10.5622 15.9942 10.7681 14.9593C10.974 13.9244 11.4821 12.9738 12.2282 12.2277C12.9743 11.4816 13.9249 10.9735 14.9598 10.7676C15.9947 10.5618 17.0674 10.6674 18.0422 11.0712C19.0171 11.475 19.8503 12.1588 20.4365 13.0361C21.0227 13.9135 21.3356 14.945 21.3356 16.0001C21.3356 17.4151 20.7736 18.772 19.773 19.7726C18.7725 20.7731 17.4156 21.3351 16.0006 21.3351Z",
+            fill: "#E02D69"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M24.5416 9.37901C25.6019 9.37901 26.4615 8.51941 26.4615 7.45904C26.4615 6.39866 25.6019 5.53906 24.5416 5.53906C23.4812 5.53906 22.6216 6.39866 22.6216 7.45904C22.6216 8.51941 23.4812 9.37901 24.5416 9.37901Z",
+            fill: "#E02D69"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_46032_17319", children: /* @__PURE__ */ C(
+        "rect",
+        {
+          width: "32",
+          height: "32",
+          fill: "white",
+          transform: "translate(0.000488281)"
+        }
+      ) }) })
+    ]
+  }
+);
+export {
+  l as InstagramIcon
+};

package/dist/main.d.ts

@@ -1 +1,2 @@
 export { CartClubAlert } from './packages/CartClubAlert/CartClubAlert';
+export { Onboarding } from './packages/Onboarding/Onboarding';

package/dist/main.js

@@ -1,4 +1,6 @@
-import { CartClubAlert as e } from "./packages/CartClubAlert/CartClubAlert.js";
+import { CartClubAlert as t } from "./packages/CartClubAlert/CartClubAlert.js";
+import { Onboarding as a } from "./packages/Onboarding/Onboarding.js";
 export {
-  e as CartClubAlert
+  t as CartClubAlert,
+  a as Onboarding
 };

package/dist/packages/CartClubAlert/CartClubAlert.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { DiscountIcon as l } from "../../assets/svg/DiscountIcon.js";
+import { DiscountIcon as l } from "../../assets/svgs/DiscountIcon.js";
 /* empty css                            */const d = ({
   discount: a,
   participeLink: c,

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;