@plurix/ecom-components 1.14.1-bugfix.0 → 1.14.1-bugfix.1

package/dist/constants/index.js

@@ -1,4 +1,4 @@
-const e = typeof window < "u", n = e && window.screen.width <= 768;
+const e = typeof window != "undefined", n = e && window.screen.width <= 768;
 export {
   e as HAS_WINDOW,
   n as isMobile

package/dist/main.d.ts

@@ -6,7 +6,14 @@ export { Tour } from './packages/Tour/Tour';
 export { Regionalization } from './packages/Regionalization/Regionalization';
 export * from './packages/Regionalization/types';
 export { Modal } from './packages/Modal/Modal';
+export { ContactCard } from './packages/ContactCard/ContactCard';
+export * from './packages/ContactCard/ContactCard';
 export * from './types/ChangeOrderModal';
 export { ChangeOrderModal } from './packages/ChangeOrderModal/ChangeOrderModal';
-export { ProductCardUi } from './packages/ProductCardUi/ProductCardUi';
-export { ProductCardSeeMore } from './packages/ProductCardUiSeeMore/ProductCardUiSeeMore';
+export { Skeleton } from './packages/Skeleton';
+export type { SkeletonProps } from './packages/Skeleton';
+export { SearchSuggestions } from './packages/SearchSugestions/components/SearchSuggestions';
+export type { SearchSuggestionsProps } from './packages/SearchSugestions/types/SearchSuggestionsProps';
+export type { SearchSuggestionsApiResponse, Searches } from './packages/SearchSugestions/types/ResponseApi';
+export { ProductCard } from './packages/ProductCard';
+export { ProductCardSeeMore } from './packages/ProductCardSeeMore/ProductCardSeeMore';

package/dist/main.js

@@ -2,21 +2,27 @@ import { CartClubAlert as e } from "./packages/CartClubAlert/CartClubAlert.js";
 import { Carousel as p } from "./packages/Carousel/Carousel.js";
 import { Coupons as f } from "./packages/Coupons/Coupons.js";
 import { Onboarding as x } from "./packages/Onboarding/Onboarding.js";
-import { Tour as C } from "./packages/Tour/Tour.js";
-import { Regionalization as n } from "./packages/Regionalization/Regionalization.js";
-import { Modal as i } from "./packages/Modal/Modal.js";
-import { ChangeOrderModal as M } from "./packages/ChangeOrderModal/ChangeOrderModal.js";
-import { ProductCardUi as c } from "./packages/ProductCardUi/ProductCardUi.js";
-import { ProductCardSeeMore as O } from "./packages/ProductCardUiSeeMore/ProductCardUiSeeMore.js";
+import { Tour as n } from "./packages/Tour/Tour.js";
+import { Regionalization as l } from "./packages/Regionalization/Regionalization.js";
+import { Modal as g } from "./packages/Modal/Modal.js";
+import { ContactCard as c } from "./packages/ContactCard/ContactCard.js";
+import { ChangeOrderModal as S } from "./packages/ChangeOrderModal/ChangeOrderModal.js";
+import { Skeleton as b } from "./packages/Skeleton/index.js";
+import { SearchSuggestions as O } from "./packages/SearchSugestions/components/SearchSuggestions/index.js";
+import { ProductCard as k } from "./packages/ProductCard/index.js";
+import { ProductCardSeeMore as A } from "./packages/ProductCardSeeMore/ProductCardSeeMore.js";
 export {
   p as Carousel,
   e as CartClubAlert,
-  M as ChangeOrderModal,
+  S as ChangeOrderModal,
+  c as ContactCard,
   f as Coupons,
-  i as Modal,
+  g as Modal,
   x as Onboarding,
-  O as ProductCardSeeMore,
-  c as ProductCardUi,
-  n as Regionalization,
-  C as Tour
+  k as ProductCard,
+  A as ProductCardSeeMore,
+  l as Regionalization,
+  O as SearchSuggestions,
+  b as Skeleton,
+  n as Tour
 };

package/dist/node_modules/@faststore/components/dist/esm/atoms/Button/Button.js

@@ -0,0 +1,45 @@
+var R = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var b = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var l = (e, a, t) => a in e ? R(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, p = (e, a) => {
+  for (var t in a || (a = {}))
+    b.call(a, t) && l(e, t, a[t]);
+  if (o)
+    for (var t of o(a))
+      m.call(a, t) && l(e, t, a[t]);
+  return e;
+};
+var c = (e, a) => {
+  var t = {};
+  for (var r in e)
+    b.call(e, r) && a.indexOf(r) < 0 && (t[r] = e[r]);
+  if (e != null && o)
+    for (var r of o(e))
+      a.indexOf(r) < 0 && m.call(e, r) && (t[r] = e[r]);
+  return t;
+};
+import n, { forwardRef as h } from "react";
+import k from "../Loader/Loader.js";
+const x = h(function(y, w) {
+  var s = y, { children: a, variant: t, inverse: r, size: i = "regular", testId: E = "fs-button", loading: f, loadingLabel: g, icon: u, iconPosition: d = "left", disabled: B } = s, v = c(s, ["children", "variant", "inverse", "size", "testId", "loading", "loadingLabel", "icon", "iconPosition", "disabled"]);
+  return n.createElement(
+    "button",
+    p({ ref: w, "data-fs-button": !0, "data-fs-button-inverse": r, "data-fs-button-size": i, "data-fs-button-loading": f, "data-fs-button-variant": t, disabled: B, "data-testid": E }, v),
+    n.createElement(
+      "div",
+      { "data-fs-button-wrapper": !0 },
+      f && n.createElement(
+        "p",
+        { "data-fs-button-loading-label": !0 },
+        g,
+        n.createElement(k, { variant: t === "primary" && !r ? "light" : "dark" })
+      ),
+      !!u && d === "left" && n.createElement("span", { "data-fs-button-icon": !0 }, u),
+      a && n.createElement("span", null, a),
+      !!u && d === "right" && n.createElement("span", { "data-fs-button-icon": !0 }, u)
+    )
+  );
+}), j = x;
+export {
+  j as default
+};

package/dist/node_modules/@faststore/components/dist/esm/atoms/Loader/Loader.js

@@ -0,0 +1,34 @@
+var u = Object.defineProperty;
+var d = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var s = (e, t, a) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a, m = (e, t) => {
+  for (var a in t || (t = {}))
+    f.call(t, a) && s(e, a, t[a]);
+  if (d)
+    for (var a of d(t))
+      l.call(t, a) && s(e, a, t[a]);
+  return e;
+};
+var c = (e, t) => {
+  var a = {};
+  for (var r in e)
+    f.call(e, r) && t.indexOf(r) < 0 && (a[r] = e[r]);
+  if (e != null && d)
+    for (var r of d(e))
+      t.indexOf(r) < 0 && l.call(e, r) && (a[r] = e[r]);
+  return a;
+};
+import o, { forwardRef as p } from "react";
+const E = p(function(L, i) {
+  var n = L, { testId: t = "fs-loader", variant: a = "dark" } = n, r = c(n, ["testId", "variant"]);
+  return o.createElement(
+    "span",
+    m({ ref: i, "data-fs-loader": !0, "data-fs-loader-variant": a, "data-testid": t }, r),
+    o.createElement("span", { "data-fs-loader-item": !0 }),
+    o.createElement("span", { "data-fs-loader-item": !0 }),
+    o.createElement("span", { "data-fs-loader-item": !0 })
+  );
+}), v = E;
+export {
+  v as default
+};

package/dist/node_modules/@faststore/components/dist/esm/molecules/IconButton/IconButton.js

@@ -0,0 +1,29 @@
+var I = Object.defineProperty;
+var r = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
+var c = (t, e, o) => e in t ? I(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, i = (t, e) => {
+  for (var o in e || (e = {}))
+    f.call(e, o) && c(t, o, e[o]);
+  if (r)
+    for (var o of r(e))
+      s.call(e, o) && c(t, o, e[o]);
+  return t;
+};
+var l = (t, e) => {
+  var o = {};
+  for (var n in t)
+    f.call(t, n) && e.indexOf(n) < 0 && (o[n] = t[n]);
+  if (t != null && r)
+    for (var n of r(t))
+      e.indexOf(n) < 0 && s.call(t, n) && (o[n] = t[n]);
+  return o;
+};
+import p, { forwardRef as R } from "react";
+import g from "../../atoms/Button/Button.js";
+const w = R(function(x, B) {
+  var a = x, { icon: e, children: o, testId: n = "fs-icon-button", "aria-label": b, size: d = "regular", variant: u } = a, m = l(a, ["icon", "children", "testId", "aria-label", "size", "variant"]);
+  return p.createElement(g, i({ ref: B, "data-fs-button": !0, "data-fs-icon-button": !0, variant: u != null ? u : "tertiary", icon: e, "aria-label": b, testId: n, size: d }, m), o);
+}), $ = w;
+export {
+  $ as default
+};

package/dist/packages/Carousel/Carousel.js

@@ -1,132 +1,136 @@
-import { jsx as s, Fragment as w, jsxs as L } from "react/jsx-runtime";
-import { Children as _, useState as u, useRef as $, useEffect as z } from "react";
-import G from "./components/Bullets.js";
-import x from "./components/Arrows.js";
-import { DefaultProps as k } from "./utils/defaultProps.js";
-/* empty css                     */const X = ({
-  children: S,
-  id: m,
-  bullet: c,
-  arrow: r,
-  qtyItems: l,
-  gapItems: v = 4,
-  itemWidthProp: a = 0,
-  isMobile: p
+var H = Object.defineProperty, J = Object.defineProperties;
+var K = Object.getOwnPropertyDescriptors;
+var k = Object.getOwnPropertySymbols;
+var O = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
+var S = (s, r, t) => r in s ? H(s, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[r] = t, d = (s, r) => {
+  for (var t in r || (r = {}))
+    O.call(r, t) && S(s, t, r[t]);
+  if (k)
+    for (var t of k(r))
+      T.call(r, t) && S(s, t, r[t]);
+  return s;
+}, C = (s, r) => J(s, K(r));
+import { jsx as o, Fragment as U, jsxs as A } from "react/jsx-runtime";
+import { Children as X, useState as m, useRef as D, useEffect as Y } from "react";
+import Z from "./components/Bullets.js";
+import E from "./components/Arrows.js";
+import { DefaultProps as M } from "./utils/defaultProps.js";
+/* empty css                                               */const rt = ({
+  children: s,
+  id: r,
+  bullet: t,
+  arrow: i,
+  qtyItems: u,
+  gapItems: W = 4,
+  itemWidthProp: f = 0,
+  isMobile: g
 }) => {
-  const C = _.toArray(S), [A, W] = u(0), [g, D] = u(0), [E, M] = u(a), [F, I] = u(null), n = $(null), i = $(null), f = {
-    bullets: {
-      ...k.styles.bullets,
-      ...c == null ? void 0 : c.style
-    },
-    arrows: {
-      ...k.styles.arrows,
-      ...r == null ? void 0 : r.style
+  const y = X.toArray(s), [F, N] = m(0), [B, I] = m(0), [Q, R] = m(f), [V, j] = m(null), c = D(null), l = D(null), v = {
+    bullets: d(d({}, M.styles.bullets), t == null ? void 0 : t.style),
+    arrows: d(d({}, M.styles.arrows), i == null ? void 0 : i.style)
+  }, p = () => {
+    if (c.current) {
+      const n = c.current.scrollWidth, e = c.current.scrollLeft, a = c.current.offsetWidth, h = Math.ceil(n / a), G = Math.round(e / (n / h) - 0.3) + 1;
+      j(`${G}/${h}`);
     }
-  }, h = () => {
-    if (n.current) {
-      const e = n.current.scrollWidth, t = n.current.scrollLeft, o = n.current.offsetWidth, d = Math.ceil(e / o), j = Math.round(t / (e / d) - 0.3) + 1;
-      I(`${j}/${d}`);
+  }, w = () => {
+    if (c.current && l.current) {
+      const n = l.current.clientWidth, e = c.current.scrollLeft, a = Math.round(e / n);
+      I(a);
     }
-  }, Q = () => {
-    if (n.current && i.current) {
-      const e = i.current.clientWidth, t = n.current.scrollLeft, o = Math.round(t / e);
-      D(o);
+  }, L = (n) => {
+    if (c.current && l.current) {
+      const e = l.current.clientWidth;
+      n === "prev" && (c.current.scrollLeft -= e), n === "next" && (c.current.scrollLeft += e);
     }
-  }, y = (e) => {
-    if (n.current && i.current) {
-      const t = i.current.clientWidth;
-      e === "prev" && (n.current.scrollLeft -= t), e === "next" && (n.current.scrollLeft += t);
+  }, $ = () => {
+    if (c.current && l.current) {
+      const n = l.current.clientWidth, e = c.current.offsetWidth, a = c.current.scrollWidth, h = Math.round((a - e) / n);
+      N(u ? Math.ceil(y.length - u) : h);
     }
-  }, N = () => {
-    if (n.current && i.current) {
-      const e = i.current.clientWidth, t = n.current.offsetWidth, o = n.current.scrollWidth, d = Math.round((o - t) / e);
-      W(l ? Math.ceil(C.length - l) : d);
+  }, _ = (n) => {
+    if (c.current && l.current) {
+      const e = l.current.clientWidth;
+      c.current.scrollLeft = e * n;
     }
-  }, R = (e) => {
-    if (n.current && i.current) {
-      const t = i.current.clientWidth;
-      n.current.scrollLeft = t * e;
+  }, x = (n) => {
+    if (c.current && f === 0) {
+      const a = c.current.offsetWidth / n;
+      R(a);
     }
-  }, B = (e) => {
-    if (n.current && a === 0) {
-      const o = n.current.offsetWidth / e;
-      M(o);
-    }
-  }, V = {
-    width: `${a || (E < 150 ? 150 : 226)}px`
+  }, z = {
+    width: `${f || (Q < 150 ? 150 : 226)}px`
   };
-  return typeof window < "u" && window.addEventListener("resize", () => {
-    h(), N(), l && B(l);
-  }), z(() => {
-    var e;
-    l && B(l), N(), h(), (e = n.current) == null || e.addEventListener("scroll", () => {
-      h(), Q();
+  return typeof window != "undefined" && window.addEventListener("resize", () => {
+    p(), $(), u && x(u);
+  }), Y(() => {
+    var n;
+    u && x(u), $(), p(), (n = c.current) == null || n.addEventListener("scroll", () => {
+      p(), w();
     });
-  }, [n]), /* @__PURE__ */ s(w, { children: /* @__PURE__ */ L("div", { id: "carousel", "data-testid": "Carousel", children: [
-    /* @__PURE__ */ L("div", { className: "carousel-content", children: [
-      (r == null ? void 0 : r.isVisible) && /* @__PURE__ */ s("div", { className: "carousel-arrow-button-prev", children: /* @__PURE__ */ s(
-        x,
+  }, [c]), /* @__PURE__ */ o(U, { children: /* @__PURE__ */ A("div", { id: "carousel", "data-testid": "Carousel", children: [
+    /* @__PURE__ */ A("div", { className: "carousel-content", children: [
+      (i == null ? void 0 : i.isVisible) && /* @__PURE__ */ o("div", { className: "carousel-arrow-button-prev", children: /* @__PURE__ */ o(
+        E,
         {
           position: "prev",
-          style: f.arrows,
-          iconColor: r.iconColor || "#ccc",
-          onClick: () => y("prev")
+          style: v.arrows,
+          iconColor: i.iconColor || "#ccc",
+          onClick: () => L("prev")
         }
       ) }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ o(
         "div",
         {
-          ref: n,
+          ref: c,
           className: "carousel-container",
-          id: `carousel-container-tracking${m ? "-" + m : ""}`,
-          children: C.map((e, t) => /* @__PURE__ */ s(
+          id: `carousel-container-tracking${r ? "-" + r : ""}`,
+          children: y.map((n, e) => /* @__PURE__ */ o(
             "div",
             {
               className: "container-item",
-              style: {
-                ...V,
+              style: C(d({}, z), {
                 transition: "all 0.5s  ease-out",
-                marginRight: `${p ? 0 : v}px`,
-                marginBottom: `${p ? v : 0}px`
-              },
-              ref: i,
-              children: e
+                marginRight: `${g ? 0 : W}px`,
+                marginBottom: `${g ? W : 0}px`
+              }),
+              ref: l,
+              children: n
             },
-            t
+            e
           ))
         }
       ),
-      r != null && r.isVisible ? /* @__PURE__ */ s("div", { className: "carousel-arrow-button-next", children: /* @__PURE__ */ s(
-        x,
+      i != null && i.isVisible ? /* @__PURE__ */ o("div", { className: "carousel-arrow-button-next", children: /* @__PURE__ */ o(
+        E,
         {
           position: "next",
-          style: f.arrows,
-          iconColor: r.iconColor || "#ccc",
-          onClick: () => y("next")
+          style: v.arrows,
+          iconColor: i.iconColor || "#ccc",
+          onClick: () => L("next")
         }
       ) }) : ""
     ] }),
-    (c == null ? void 0 : c.numeric) && /* @__PURE__ */ s("div", { className: "numeric-bullets", children: F }),
-    c != null && c.isVisible ? /* @__PURE__ */ s("div", { className: "bullets-container", children: Array.from({ length: A + 1 }, (e, t) => t + 1).map(
-      (e, t) => /* @__PURE__ */ s(
-        G,
+    (t == null ? void 0 : t.numeric) && /* @__PURE__ */ o("div", { className: "numeric-bullets", children: V }),
+    t != null && t.isVisible ? /* @__PURE__ */ o("div", { className: "bullets-container", children: Array.from({ length: F + 1 }, (n, e) => e + 1).map(
+      (n, e) => /* @__PURE__ */ o(
+        Z,
         {
           onClick: () => {
-            R(t);
+            _(e);
           },
-          index: t,
-          style: {
-            ...f.bullets,
+          index: e,
+          style: C(d({}, v.bullets), {
             transition: "all 0.8s  ease-out",
-            backgroundColor: `${g === t ? (c == null ? void 0 : c.bulletEnableColor) || "#ff0000" : (c == null ? void 0 : c.bulletDisableColor) || "#ccc"}`
-          },
-          isActive: g === t
+            backgroundColor: `${B === e ? (t == null ? void 0 : t.bulletEnableColor) || "#ff0000" : (t == null ? void 0 : t.bulletDisableColor) || "#ccc"}`
+          }),
+          isActive: B === e
         },
-        t
+        e
       )
     ) }) : ""
   ] }) });
 };
 export {
-  X as Carousel
+  rt as Carousel
 };

package/dist/packages/CartClubAlert/CartClubAlert.js

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { DiscountIcon as s } from "../../assets/svgs/DiscountIcon.js";
-/* empty css                            */const t = ({
+/* empty css                                                           */const t = ({
   discount: a,
   participeLink: c,
   learnMoreLink: o,

package/dist/packages/ChangeOrderModal/ChangeOrderModal.js

@@ -4,7 +4,7 @@ import { Modal as M } from "../Modal/Modal.js";
 import { ProductSelected as N } from "./components/ProductSelected.js";
 import { SimilarProducts as k } from "./components/SimilarProducts.js";
 import { ModalFooter as v } from "./components/ModalFooter.js";
-/* empty css                               */import { Skeleton as A } from "@acctglobal/skeleton";
+/* empty css                                                                 */import { Skeleton as A } from "@acctglobal/skeleton";
 import { getProductsSimilars as E } from "./api/getProductsSimilars.js";
 import _ from "../../hooks/useAnalitcsEvents.js";
 import { NoSimilarProduct as J } from "./components/NoSimilarProduct.js";

package/dist/packages/ChangeOrderModal/assets/icons.js

@@ -1,24 +1,35 @@
-import { jsx as C, jsxs as n } from "react/jsx-runtime";
-const a = ({
-  iconId: e,
-  color: r,
-  heigth: t,
-  size: o,
-  width: l
+var c = Object.defineProperty;
+var l = Object.getOwnPropertySymbols;
+var s = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
+var n = (o, C, e) => C in o ? c(o, C, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[C] = e, a = (o, C) => {
+  for (var e in C || (C = {}))
+    s.call(C, e) && n(o, e, C[e]);
+  if (l)
+    for (var e of l(C))
+      h.call(C, e) && n(o, e, C[e]);
+  return o;
+};
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+const v = ({
+  iconId: o,
+  color: C,
+  heigth: e,
+  size: t,
+  width: i
 }) => ({
-  Check: /* @__PURE__ */ C(
+  Check: /* @__PURE__ */ r(
     "svg",
     {
-      width: o || l || "10",
-      height: o || t || "8",
+      width: t || i || "10",
+      height: t || e || "8",
       viewBox: "0 0 10 8",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ C(
+      children: /* @__PURE__ */ r(
         "path",
         {
           d: "M1 4.00016L3.66667 6.66683L9 1.3335",
-          stroke: r || "var(--color-grayScale-white)",
+          stroke: C || "var(--color-grayScale-white)",
           strokeWidth: "1.2",
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -26,7 +37,7 @@ const a = ({
       )
     }
   ),
-  Trash: /* @__PURE__ */ n(
+  Trash: /* @__PURE__ */ d(
     "svg",
     {
       width: "24",
@@ -35,28 +46,28 @@ const a = ({
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ C(
+        /* @__PURE__ */ r(
           "path",
           {
             d: "M8.54916 5.63072C8.52824 5.27321 8.52824 4.91488 8.54916 4.55737C8.59731 4.13015 8.81097 3.73515 9.14856 3.44917C9.48614 3.16319 9.92354 3.00662 10.3759 3.00988C11.4504 2.99671 12.5249 2.99671 13.5994 3.00988C13.8457 3.00761 14.0899 3.05241 14.3176 3.14158C14.5452 3.23075 14.7517 3.36248 14.9247 3.52895C15.0977 3.69542 15.2337 3.89325 15.3246 4.11064C15.4155 4.32803 15.4595 4.56056 15.4539 4.79442C15.4539 5.0644 15.4539 5.33769 15.4539 5.63072H15.7069H20.1644C20.2716 5.6272 20.3789 5.63715 20.4834 5.66034C20.6376 5.70026 20.7726 5.78958 20.8654 5.91319C20.9583 6.03679 21.0033 6.18705 20.9929 6.33857C20.9788 6.49301 20.9078 6.63779 20.7924 6.7474C20.677 6.85701 20.5246 6.92445 20.362 6.93783C20.0154 6.93783 19.6688 6.93783 19.3013 6.93783C19.1627 6.93783 19.1003 6.96418 19.0899 7.11563C18.949 9.36989 18.8022 11.6252 18.6497 13.8817C18.5527 15.4061 18.4556 16.9305 18.3481 18.4549C18.3083 19.1365 17.995 19.7778 17.4729 20.2469C16.9507 20.7159 16.2593 20.9772 15.5406 20.977C13.1801 20.977 10.823 20.977 8.46598 20.977C7.7366 20.9697 7.03841 20.695 6.51717 20.2103C5.99593 19.7256 5.69201 19.0684 5.66881 18.3759C5.56482 16.6013 5.42616 14.8233 5.30137 13.0487C5.19277 11.4946 5.0865 9.94278 4.98251 8.39312C4.95478 7.9618 4.92012 7.53377 4.89932 7.10245C4.89932 6.97404 4.84039 6.93783 4.7156 6.94112C4.38978 6.94112 4.0674 6.94112 3.74158 6.94112C3.55772 6.94112 3.38136 6.87174 3.25135 6.74824C3.12135 6.62475 3.04834 6.45727 3.04834 6.28263C3.04834 6.10798 3.12135 5.9405 3.25135 5.81701C3.38136 5.69352 3.55772 5.62413 3.74158 5.62413H8.24765L8.54916 5.63072ZM6.33083 6.99381C6.33083 7.05966 6.33083 7.12551 6.33083 7.19465C6.42095 8.68944 6.51224 10.1864 6.60467 11.6856C6.74332 13.8883 6.88541 16.0876 7.01713 18.2903C7.01546 18.4778 7.05417 18.6637 7.13086 18.8365C7.20755 19.0093 7.3206 19.1654 7.4631 19.2952C7.60559 19.425 7.77452 19.5258 7.9595 19.5914C8.14448 19.6569 8.34166 19.6858 8.53884 19.6764H15.4712C15.6686 19.6863 15.8659 19.6577 16.0511 19.5923C16.2363 19.527 16.4054 19.4262 16.548 19.2963C16.6906 19.1664 16.8036 19.0101 16.8802 18.8371C16.9567 18.6641 16.995 18.478 16.9929 18.2903C16.9929 18.0104 17.0275 17.7306 17.0483 17.4507C17.1569 15.7825 17.2725 14.1143 17.3949 12.4461C17.4897 11.004 17.5844 9.56192 17.6792 8.11982C17.7034 7.75435 17.7242 7.38562 17.7485 6.99381H6.33083ZM14.0535 5.62413C14.0625 5.6062 14.0695 5.58743 14.0744 5.56814C14.0744 5.33767 14.0744 5.1039 14.0744 4.87014C14.0744 4.50796 13.9322 4.36967 13.5544 4.36638H10.4348C10.1714 4.36638 9.9738 4.47175 9.95993 4.66601C9.9322 4.99525 9.95993 5.30147 9.95993 5.62413H14.0535Z",
             fill: "var(--color-negativeFeedback)"
           }
         ),
-        /* @__PURE__ */ C(
+        /* @__PURE__ */ r(
           "path",
           {
             d: "M9.92547 13.2957C9.92547 14.4612 9.92547 15.6235 9.92547 16.7891C9.93338 16.9518 9.87749 17.1115 9.76866 17.2374C9.65983 17.3632 9.50572 17.4463 9.33615 17.4706C9.16629 17.4933 8.99364 17.4553 8.85151 17.3641C8.70938 17.2729 8.60787 17.1349 8.56666 16.9767C8.54797 16.8968 8.53988 16.8149 8.54246 16.7331V9.88799C8.54246 9.71334 8.61546 9.54586 8.74547 9.42237C8.87548 9.29888 9.05184 9.22949 9.2357 9.22949C9.41956 9.22949 9.59583 9.29888 9.72584 9.42237C9.85585 9.54586 9.92894 9.71334 9.92894 9.88799C9.92547 11.0206 9.92547 12.1598 9.92547 13.2957Z",
             fill: "var(--color-negativeFeedback)"
           }
         ),
-        /* @__PURE__ */ C(
+        /* @__PURE__ */ r(
           "path",
           {
             d: "M11.3084 13.2955C11.3084 12.1366 11.3084 10.9908 11.3084 9.82199C11.3089 9.66148 11.3711 9.50667 11.4833 9.38667C11.5956 9.26668 11.7501 9.18977 11.9178 9.17036C12.0855 9.15095 12.255 9.1904 12.3942 9.28129C12.5335 9.37218 12.633 9.50826 12.6741 9.66395C12.6845 9.75918 12.6845 9.85517 12.6741 9.9504C12.6741 12.1893 12.6741 14.4292 12.6741 16.6703C12.6741 16.7197 12.6741 16.7691 12.6741 16.8152C12.6741 16.9899 12.601 17.1573 12.471 17.2808C12.341 17.4043 12.1647 17.4737 11.9808 17.4737C11.797 17.4737 11.6206 17.4043 11.4906 17.2808C11.3606 17.1573 11.2876 16.9899 11.2876 16.8152C11.3049 15.6398 11.3084 14.4644 11.3084 13.2955Z",
             fill: "var(--color-negativeFeedback)"
           }
         ),
-        /* @__PURE__ */ C(
+        /* @__PURE__ */ r(
           "path",
           {
             d: "M14.0782 13.2955C14.0782 12.1366 14.0782 10.9908 14.0782 9.82199C14.0787 9.66148 14.1409 9.50667 14.2531 9.38667C14.3653 9.26668 14.5198 9.18977 14.6876 9.17036C14.8553 9.15095 15.0247 9.1904 15.164 9.28129C15.3033 9.37218 15.4028 9.50826 15.4438 9.66395C15.4601 9.75861 15.4659 9.8546 15.4612 9.9504C15.4612 12.1893 15.4612 14.4292 15.4612 16.6703C15.4612 16.7197 15.4612 16.7691 15.4612 16.8152C15.4612 16.9899 15.3881 17.1573 15.2581 17.2808C15.1281 17.4043 14.9518 17.4737 14.7679 17.4737C14.5841 17.4737 14.4077 17.4043 14.2777 17.2808C14.1477 17.1573 14.0747 16.9899 14.0747 16.8152C14.0747 15.6398 14.0782 14.4644 14.0782 13.2955Z",
@@ -66,7 +77,7 @@ const a = ({
       ]
     }
   )
-})[e], s = (e) => /* @__PURE__ */ C(a, { ...e });
+})[o], k = (o) => /* @__PURE__ */ r(v, a({}, o));
 export {
-  s as Icons
+  k as Icons
 };

package/dist/packages/ContactCard/ContactCard.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export interface ContactCardProps {
+    title: string;
+    subtitle?: string;
+    image?: string;
+    alt?: string;
+    imgWidth?: number;
+    linkItem?: {
+        link: string;
+        linkText: string;
+    };
+    backgroundColor?: string;
+    color?: string;
+    widthContainer?: number;
+    heightContainer?: number;
+    padding?: number | string;
+    alignItems?: string;
+    justifyContent?: string;
+    marginRightLogo?: number;
+    lineHeightContainer?: number | string;
+}
+export declare const ContactCard: ({ title, subtitle, image, alt, imgWidth, linkItem, backgroundColor, color, widthContainer, heightContainer, padding, alignItems, justifyContent, marginRightLogo, lineHeightContainer }: ContactCardProps) => JSX.Element;

package/dist/packages/ContactCard/ContactCard.js

@@ -0,0 +1,40 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+const j = ({
+  title: o,
+  subtitle: n,
+  image: r,
+  alt: l,
+  imgWidth: s,
+  linkItem: t,
+  backgroundColor: c,
+  color: a,
+  widthContainer: d,
+  heightContainer: h,
+  padding: g,
+  alignItems: x,
+  justifyContent: p,
+  marginRightLogo: y,
+  lineHeightContainer: C
+}) => /* @__PURE__ */ i("div", { className: "container-card", style: {
+  backgroundColor: c || "#25D366",
+  color: a || "#FFFFFF",
+  height: h,
+  width: d,
+  display: "flex",
+  justifyContent: p || "center",
+  padding: g || "16px 24px",
+  alignItems: x || "center",
+  lineHeight: C || "10px"
+}, children: [
+  /* @__PURE__ */ e("div", { className: "logo", style: {
+    marginRight: y || 10
+  }, children: r && /* @__PURE__ */ e("img", { src: r, alt: l || "", width: s || 50 }) }),
+  /* @__PURE__ */ i("div", { className: "text-box", children: [
+    /* @__PURE__ */ e("p", { children: o }),
+    n && /* @__PURE__ */ e("p", { children: n }),
+    t && /* @__PURE__ */ e("a", { href: t.link, children: t.linkText })
+  ] })
+] });
+export {
+  j as ContactCard
+};