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

package/dist/packages/ProductCard/index.js

@@ -0,0 +1,61 @@
+import { jsx as i } from "react/jsx-runtime";
+import { ProductCardHorizontal as b } from "./ProductCardHorizontal/index.js";
+import { ProductCardVertical as g } from "./ProductCardVertical/index.js";
+/* empty css                                                      */const E = ({
+  product: l,
+  variant: r,
+  hasPlusFriendBadge: C = !1,
+  hasPromotionalPrice: f,
+  clubPrice: s,
+  defaultScListPrice: x,
+  hasClub: m,
+  isClubClient: H,
+  openModal: V,
+  promotion: d,
+  outOfStock: e,
+  addToCartAction: j,
+  quantitySelectorAction: p,
+  productInCart: t
+}) => {
+  const z = !!(m && H);
+  return /* @__PURE__ */ i("div", { style: { height: "100%" }, children: r === "vertical" ? /* @__PURE__ */ i(
+    g,
+    {
+      isClubClient: z,
+      hasClub: m,
+      defaultScListPrice: x,
+      hasPromotionalPrice: f,
+      product: l,
+      variant: r,
+      outOfStock: e,
+      promotion: d,
+      clubPrice: s,
+      openModal: V,
+      hasPlusFriendBadge: C,
+      addToCartAction: j,
+      quantitySelectorAction: p,
+      productInCart: t
+    }
+  ) : /* @__PURE__ */ i(
+    b,
+    {
+      openModal: V,
+      isClubClient: z,
+      hasClub: m,
+      defaultScListPrice: x,
+      hasPromotionalPrice: f,
+      product: l,
+      variant: r,
+      hasPlusFriendBadge: C,
+      outOfStock: e,
+      promotion: d,
+      clubPrice: s,
+      addToCartAction: j,
+      quantitySelectorAction: p,
+      productInCart: t
+    }
+  ) });
+};
+export {
+  E as ProductCard
+};

package/dist/packages/{ProductCardUiSeeMore/ProductCardUiSeeMore.js → ProductCardSeeMore/ProductCardSeeMore.js}

@@ -1,19 +1,19 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { ProductCardUiSeeMoreHorizontal as i } from "./ProductCardUiSeeMoreHorizontal.js";
-/* empty css                                           */const l = ({
+import { ProductCardSeeMoreHorizontal as s } from "./ProductCardSeeMoreHorizontal.js";
+/* empty css                                                                                 */const l = ({
   text: e,
   link: o,
   taggingEvent: c,
   variant: d
 }) => d === "horizontal" ? /* @__PURE__ */ r(
-  i,
+  s,
   {
     text: e,
     link: o,
     taggingEvent: c
   }
 ) : /* @__PURE__ */ a("div", { className: "product-card-see-more", children: [
-  /* @__PURE__ */ r("div", { children: /* @__PURE__ */ a("p", { className: "product-card-see-more-text", children: [
+  /* @__PURE__ */ r("div", { className: "product-card-see-more-text-container", children: /* @__PURE__ */ a("p", { className: "product-card-see-more-text", children: [
     "Veja mais ",
     /* @__PURE__ */ r("br", {}),
     /* @__PURE__ */ r("span", { children: e })

package/dist/packages/ProductCardSeeMore/ProductCardSeeMoreHorizontal.d.ts

@@ -0,0 +1,3 @@
+import { ProductCardSeeMoreProps } from '../../types/ProductCardSeeMore';
+
+export declare const ProductCardSeeMoreHorizontal: ({ link, text, taggingEvent }: ProductCardSeeMoreProps) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/{ProductCardUiSeeMore/ProductCardUiSeeMoreHorizontal.js → ProductCardSeeMore/ProductCardSeeMoreHorizontal.js}

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
-const s = ({
+const i = ({
   link: o,
   text: a,
   taggingEvent: c
@@ -20,5 +20,5 @@ const s = ({
   )
 ] });
 export {
-  s as ProductCardUiSeeMoreHorizontal
+  i as ProductCardSeeMoreHorizontal
 };

package/dist/packages/Regionalization/Regionalization.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { RegionalizationContextProvider as C } from "./context/RegionalizationContext.js";
 import { ViewsContainer as S } from "./views/ViewsContainer.js";
-/* empty css                            */const z = ({
+/* empty css                                                             */const z = ({
   setMethod: r,
   setPickupName: a,
   setCity: o,

package/dist/packages/SearchSugestions/components/Button/index.d.ts

@@ -0,0 +1,13 @@
+import { default as React, CSSProperties } from 'react';
+
+interface ButtonProps {
+    itemsToShowQuantity: number;
+    itemsToShow: number;
+    setItemsToShowQuantity: (itemsToShowQuantity: number) => void;
+    showMoreSuggestionsText?: string;
+    showLessSuggestionsText?: string;
+    buttonStyle?: CSSProperties;
+    buttonHoveredStyle?: CSSProperties;
+}
+export declare const Button: React.FC<ButtonProps>;
+export {};

package/dist/packages/SearchSugestions/components/Button/index.js

@@ -0,0 +1,53 @@
+var p = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var v = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var l = (s, t, e) => t in s ? p(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, o = (s, t) => {
+  for (var e in t || (t = {}))
+    v.call(t, e) && l(s, e, t[e]);
+  if (a)
+    for (var e of a(t))
+      b.call(t, e) && l(s, e, t[e]);
+  return s;
+};
+import { jsx as u } from "react/jsx-runtime";
+import { useState as B } from "react";
+import { showMoreOrLess as y } from "./showMoreOrLess.js";
+import { baseButtonStyle as H } from "../../styles/baseButtonStyle.js";
+import { baseButtonHoveredStyle as x } from "../../styles/baseButtonHoveredStyle.js";
+const k = ({
+  itemsToShowQuantity: s,
+  itemsToShow: t,
+  setItemsToShowQuantity: e,
+  showMoreSuggestionsText: i,
+  showLessSuggestionsText: c,
+  buttonStyle: g,
+  buttonHoveredStyle: d
+}) => {
+  const [f, n] = B(!1), r = o(o({}, H), g), m = o(o({}, x), d);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: "suggestion-button-container",
+      style: { textAlign: "center" },
+      children: /* @__PURE__ */ u(
+        "button",
+        {
+          onClick: () => y(
+            t,
+            s,
+            e
+          ),
+          onMouseEnter: () => n(!0),
+          onMouseLeave: () => n(!1),
+          className: "suggestion-button",
+          style: f ? o(o({}, r), m) : o({}, r),
+          "data-testid": s === t ? "show" : "hide",
+          children: s === t ? i || "Ver todas as sugestões" : c || "Ocultar algumas sugestões"
+        }
+      )
+    }
+  );
+};
+export {
+  k as Button
+};

package/dist/packages/SearchSugestions/components/Button/showMoreOrLess.d.ts

@@ -0,0 +1 @@
+export declare const showMoreOrLess: (itemsToShow: number, itemsToShowQuantity: number, setItemsToShowQuantity: (itemsToShow: number) => void) => void;

package/dist/packages/SearchSugestions/components/Button/showMoreOrLess.js

@@ -0,0 +1,6 @@
+const f = (r, c, n) => {
+  n(c === r ? 1 / 0 : r);
+};
+export {
+  f as showMoreOrLess
+};

package/dist/packages/SearchSugestions/components/Link/index.d.ts

@@ -0,0 +1,10 @@
+import { default as React, CSSProperties } from 'react';
+
+interface LinkProps {
+    href: string;
+    children: React.ReactNode;
+    suggestionLinkStyle?: CSSProperties;
+    suggestionLinkHoveredStyle?: CSSProperties;
+}
+export declare const Link: React.FC<LinkProps>;
+export {};

package/dist/packages/SearchSugestions/components/Link/index.js

@@ -0,0 +1,39 @@
+var S = Object.defineProperty;
+var r = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
+var a = (t, e, o) => e in t ? S(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, n = (t, e) => {
+  for (var o in e || (e = {}))
+    f.call(e, o) && a(t, o, e[o]);
+  if (r)
+    for (var o of r(e))
+      k.call(e, o) && a(t, o, e[o]);
+  return t;
+};
+import { jsx as c } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { navigation as v } from "./navigation.js";
+import { baseSuggestionLinkStyle as L } from "../../styles/baseSuggestionLinkStyle.js";
+import { baseSuggestionLinkHoveredStyle as y } from "../../styles/baseSuggestionLinkHoveredStyle.js";
+const C = ({
+  href: t,
+  children: e,
+  suggestionLinkStyle: o,
+  suggestionLinkHoveredStyle: g
+}) => {
+  const [l, i] = p(!1), s = n(n({}, L), o), m = n(n({}, y), g);
+  return /* @__PURE__ */ c(
+    "a",
+    {
+      href: t,
+      onClick: (u) => v(u, t),
+      onMouseEnter: () => i(!0),
+      onMouseLeave: () => i(!1),
+      className: "suggestion-link",
+      style: l ? n(n({}, s), m) : n({}, s),
+      children: e
+    }
+  );
+};
+export {
+  C as Link
+};

package/dist/packages/SearchSugestions/components/Link/navigation.d.ts

@@ -0,0 +1 @@
+export declare const navigation: (event: React.MouseEvent<HTMLElement>, href: string) => void;

package/dist/packages/SearchSugestions/components/Link/navigation.js

@@ -0,0 +1,8 @@
+const o = (t, n) => {
+  t.preventDefault(), window.history.pushState({}, "", n);
+  const e = new PopStateEvent("popstate");
+  window.dispatchEvent(e);
+};
+export {
+  o as navigation
+};

package/dist/packages/SearchSugestions/components/SearchSuggestions/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { SearchSuggestionsProps } from '../../types/SearchSuggestionsProps';
+
+export declare const SearchSuggestions: React.FC<SearchSuggestionsProps>;

package/dist/packages/SearchSugestions/components/SearchSuggestions/index.js

@@ -0,0 +1,91 @@
+var k = Object.defineProperty;
+var g = Object.getOwnPropertySymbols;
+var q = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
+var u = (s, e, t) => e in s ? k(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, i = (s, e) => {
+  for (var t in e || (e = {}))
+    q.call(e, t) && u(s, t, e[t]);
+  if (g)
+    for (var t of g(e))
+      A.call(e, t) && u(s, t, e[t]);
+  return s;
+};
+import { jsxs as E, jsx as r } from "react/jsx-runtime";
+import { useState as L, useEffect as V } from "react";
+import { Link as $ } from "../Link/index.js";
+import { Button as z } from "../Button/index.js";
+import { SearchText as D } from "../SearchText/Index.js";
+import { baseTitleStyle as G } from "../../styles/baseTitleStyle.js";
+import { baseAllSuggestionsContainerStyle as H } from "../../styles/baseAllSuggestionsContainerStyle.js";
+const X = ({
+  searchSuggestions: s,
+  loading: e,
+  itemsToShow: t = 1 / 0,
+  searchFor: o,
+  loadingText: f,
+  searchForText: m,
+  titleText: p,
+  showMoreSuggestionsText: d,
+  showLessSuggestionsText: y,
+  searchForStyle: h,
+  searchForTermStyle: x,
+  titleStyle: N,
+  allSuggestionsContainerStyle: v,
+  suggestionLinkStyle: b,
+  suggestionLinkHoveredStyle: j,
+  buttonStyle: B,
+  buttonHoveredStyle: C,
+  urlSearch: a
+}) => {
+  const [l, c] = L(t);
+  V(() => {
+    c(t);
+  }, [t]);
+  const I = t > 0 && s.length > t, Q = (n) => a ? a.replace("{{term}}", n) : `/s/?q=${n}&sort=score_desc&page=0`;
+  return /* @__PURE__ */ E("div", { className: "suggestions-main-container", children: [
+    o && /* @__PURE__ */ r(
+      D,
+      {
+        searchFor: o,
+        searchForText: m,
+        searchForStyle: h,
+        searchForTermStyle: x
+      }
+    ),
+    /* @__PURE__ */ r("h2", { style: i(i({}, G), N), children: p || "Ver por interesse:" }),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: "suggestions-all_suggestions-container",
+        style: i(i({}, H), v),
+        children: e ? /* @__PURE__ */ r("span", { className: "suggestions-loading", children: f || "Carregando sugestões..." }) : s.map(({ term: n }, S) => {
+          const _ = /* @__PURE__ */ r(
+            $,
+            {
+              href: Q(n),
+              suggestionLinkStyle: b,
+              suggestionLinkHoveredStyle: j,
+              children: n
+            },
+            n
+          );
+          return t >= 0 && S + 1 <= l ? _ : null;
+        })
+      }
+    ),
+    I && /* @__PURE__ */ r(
+      z,
+      {
+        itemsToShowQuantity: l,
+        setItemsToShowQuantity: c,
+        itemsToShow: t,
+        showMoreSuggestionsText: d,
+        showLessSuggestionsText: y,
+        buttonStyle: B,
+        buttonHoveredStyle: C
+      }
+    )
+  ] });
+};
+export {
+  X as SearchSuggestions
+};

package/dist/packages/SearchSugestions/components/SearchText/Index.d.ts

@@ -0,0 +1,10 @@
+import { default as React, CSSProperties } from 'react';
+
+interface SearchForProps {
+    searchFor: string;
+    searchForText?: string;
+    searchForStyle?: CSSProperties;
+    searchForTermStyle?: CSSProperties;
+}
+export declare const SearchText: React.FC<SearchForProps>;
+export {};

package/dist/packages/SearchSugestions/components/SearchText/Index.js

@@ -0,0 +1,48 @@
+var m = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var i = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var o = (s, e, r) => e in s ? m(s, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[e] = r, t = (s, e) => {
+  for (var r in e || (e = {}))
+    i.call(e, r) && o(s, r, e[r]);
+  if (a)
+    for (var r of a(e))
+      l.call(e, r) && o(s, r, e[r]);
+  return s;
+};
+import { jsxs as c } from "react/jsx-runtime";
+import { baseSearchForStyle as h } from "../../styles/baseSearchForStyle.js";
+import { baseSearchForTermStyle as n } from "../../styles/baseSearchForTermStyle.js";
+const g = ({
+  searchFor: s,
+  searchForText: e,
+  searchForStyle: r,
+  searchForTermStyle: p
+}) => /* @__PURE__ */ c(
+  "p",
+  {
+    className: "suggestion-search_for",
+    style: t(t({}, h), r),
+    "data-testid": "search-for",
+    children: [
+      e || "Você pesquisou por ",
+      /* @__PURE__ */ c(
+        "span",
+        {
+          className: "suggestion-search_for-term",
+          style: t(t({}, n), p),
+          children: [
+            "“",
+            s.replace(
+              s.charAt(0),
+              s.charAt(0).toUpperCase()
+            ),
+            "”"
+          ]
+        }
+      )
+    ]
+  }
+);
+export {
+  g as SearchText
+};

package/dist/packages/SearchSugestions/index.d.ts

@@ -0,0 +1,3 @@
+export { SearchSuggestions } from './components/SearchSuggestions';
+export type { SearchSuggestionsProps } from './types/SearchSuggestionsProps';
+export type { SearchSuggestionsApiResponse, Searches } from './types/ResponseApi';

package/dist/packages/SearchSugestions/index.js

@@ -0,0 +1,4 @@
+import { SearchSuggestions as r } from "./components/SearchSuggestions/index.js";
+export {
+  r as SearchSuggestions
+};

package/dist/packages/SearchSugestions/mocks.d.ts

@@ -0,0 +1,4 @@
+export declare const mockSearchSuggestions: {
+    term: string;
+}[];
+export declare const mockSearchFor = "user search";

package/dist/packages/SearchSugestions/mocks.js

@@ -0,0 +1,16 @@
+const t = [
+  { term: "test-term-1" },
+  { term: "test-term-2" },
+  { term: "test-term-3" },
+  { term: "test-term-4" },
+  { term: "test-term-5" },
+  { term: "test-term-6" },
+  { term: "test-term-7" },
+  { term: "test-term-8" },
+  { term: "test-term-9" },
+  { term: "test-term-10" }
+], e = "user search";
+export {
+  e as mockSearchFor,
+  t as mockSearchSuggestions
+};

package/dist/packages/SearchSugestions/styles/baseAllSuggestionsContainerStyle.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+
+export declare const baseAllSuggestionsContainerStyle: CSSProperties;

package/dist/packages/SearchSugestions/styles/baseAllSuggestionsContainerStyle.js

@@ -0,0 +1,10 @@
+const e = {
+  display: "flex",
+  alignItems: "center",
+  flexWrap: "wrap",
+  gap: "8px 4px",
+  margin: "8px 0"
+};
+export {
+  e as baseAllSuggestionsContainerStyle
+};

package/dist/packages/SearchSugestions/styles/baseButtonHoveredStyle.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+
+export declare const baseButtonHoveredStyle: CSSProperties;

package/dist/packages/SearchSugestions/styles/baseButtonHoveredStyle.js

@@ -0,0 +1,7 @@
+const o = {
+  background: "transparent",
+  color: "var(--color-support-links, #00289C)"
+};
+export {
+  o as baseButtonHoveredStyle
+};

package/dist/packages/SearchSugestions/styles/baseButtonStyle.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+
+export declare const baseButtonStyle: CSSProperties;

package/dist/packages/SearchSugestions/styles/baseButtonStyle.js

@@ -0,0 +1,13 @@
+const o = {
+  display: "inline-block",
+  border: "none",
+  background: "transparent",
+  color: "var(--color-support-links, #00289C)",
+  fontSize: "14px",
+  lineHeight: "18px",
+  textDecoration: "underline",
+  cursor: "pointer"
+};
+export {
+  o as baseButtonStyle
+};

package/dist/packages/SearchSugestions/styles/baseSearchForStyle.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+
+export declare const baseSearchForStyle: CSSProperties;

package/dist/packages/SearchSugestions/styles/baseSearchForStyle.js

@@ -0,0 +1,9 @@
+const c = {
+  margin: "0 0 24px 0",
+  color: "var(--color-grayScale, #1c1c1c)",
+  fontSize: "16px",
+  lineHeight: "20px"
+};
+export {
+  c as baseSearchForStyle
+};

package/dist/packages/SearchSugestions/styles/baseSearchForTermStyle.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+
+export declare const baseSearchForTermStyle: CSSProperties;

package/dist/packages/SearchSugestions/styles/baseSearchForTermStyle.js

@@ -0,0 +1,8 @@
+const e = {
+  fontSize: "20px",
+  fontWeight: 700,
+  lineHeight: "24px"
+};
+export {
+  e as baseSearchForTermStyle
+};

package/dist/packages/SearchSugestions/styles/baseSuggestionLinkHoveredStyle.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+
+export declare const baseSuggestionLinkHoveredStyle: CSSProperties;

package/dist/packages/SearchSugestions/styles/baseSuggestionLinkHoveredStyle.js

@@ -0,0 +1,7 @@
+const o = {
+  background: "var(--color-main, #004A93)",
+  color: "var(--color-grayScale-white, #fff)"
+};
+export {
+  o as baseSuggestionLinkHoveredStyle
+};

package/dist/packages/SearchSugestions/styles/baseSuggestionLinkStyle.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+
+export declare const baseSuggestionLinkStyle: CSSProperties;

package/dist/packages/SearchSugestions/styles/baseSuggestionLinkStyle.js

@@ -0,0 +1,14 @@
+const o = {
+  display: "inline-block",
+  padding: "8.5px 8px",
+  border: "1px solid var(--color-main, #004A93)",
+  borderRadius: "16px",
+  color: "var(--color-main, #004A93)",
+  fontSize: "11px",
+  lineHeight: "15px",
+  textTransform: "capitalize",
+  textDecoration: "none"
+};
+export {
+  o as baseSuggestionLinkStyle
+};

package/dist/packages/SearchSugestions/styles/baseTitleStyle.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+
+export declare const baseTitleStyle: CSSProperties;

package/dist/packages/SearchSugestions/styles/baseTitleStyle.js

@@ -0,0 +1,9 @@
+const e = {
+  margin: 0,
+  fontSize: 20,
+  lineHeight: "24px",
+  color: "var(--color-grayScale, #1c1c1c)"
+};
+export {
+  e as baseTitleStyle
+};

package/dist/packages/SearchSugestions/types/ResponseApi.d.ts

@@ -0,0 +1,10 @@
+export interface SearchSuggestionsApiResponse {
+    data: {
+        searchSuggestions: {
+            searches: Searches[];
+        };
+    };
+}
+export interface Searches {
+    term: string;
+}

package/dist/packages/SearchSugestions/types/SearchSuggestionsProps.d.ts

@@ -0,0 +1,24 @@
+import { CSSProperties } from 'react';
+
+export interface SearchSuggestionsProps {
+    searchSuggestions: Array<{
+        term: string;
+    }>;
+    loading: boolean;
+    itemsToShow?: number;
+    searchFor?: string;
+    loadingText?: string;
+    searchForText?: string;
+    titleText?: string;
+    showMoreSuggestionsText?: string;
+    showLessSuggestionsText?: string;
+    searchForStyle?: CSSProperties;
+    searchForTermStyle?: CSSProperties;
+    titleStyle?: CSSProperties;
+    allSuggestionsContainerStyle?: CSSProperties;
+    suggestionLinkStyle?: CSSProperties;
+    suggestionLinkHoveredStyle?: CSSProperties;
+    buttonStyle?: CSSProperties;
+    buttonHoveredStyle?: CSSProperties;
+    urlSearch?: string;
+}

package/dist/packages/Skeleton/components/SkeletonAnimation/SkeletonAnimation.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { StyleAnimation } from '../../types/types';
+
+interface SkeletonAnimationProps {
+    styleAnimation?: StyleAnimation;
+    children?: React.ReactNode;
+}
+export declare const SkeletonAnimation: React.FC<SkeletonAnimationProps>;
+export {};

package/dist/packages/Skeleton/components/SkeletonAnimation/SkeletonAnimation.js

@@ -0,0 +1,14 @@
+import { jsx as e } from "react/jsx-runtime";
+const o = ({
+  styleAnimation: t
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    "data-testid": "skeleton-animation",
+    style: t,
+    className: "skeleton-animation"
+  }
+);
+export {
+  o as SkeletonAnimation
+};