From 4801956f9f878a2062116ebab75bb1e08b0fbb71 Mon Sep 17 00:00:00 2001 From: Felipe Campos Date: Tue, 17 Dec 2024 10:51:03 -0300 Subject: [PATCH 1/5] feat: popup lgpd feito --- .deco/blocks/site.json | 8 +++ .../InteractiveBanner/InteractiveBanner.tsx | 1 + fresh.gen.ts | 2 + islands/LgpdButton.tsx | 44 ++++++++++++ manifest.gen.ts | 50 +++++++------- sections/PopupLGPD/PopupLGPD.tsx | 18 +++++ static/tailwind.css | 67 ++++++++++++++++++- 7 files changed, 163 insertions(+), 27 deletions(-) create mode 100644 islands/LgpdButton.tsx create mode 100644 sections/PopupLGPD/PopupLGPD.tsx diff --git a/.deco/blocks/site.json b/.deco/blocks/site.json index f84659f..a315fc8 100644 --- a/.deco/blocks/site.json +++ b/.deco/blocks/site.json @@ -64,6 +64,11 @@ ] }, "freeShippingBarSettings": {} + }, + { + "__resolveType": "site/sections/PopupLGPD/PopupLGPD.tsx", + "text": "

Se você clicar no botão aceito, consideramos que você aceita o uso de nossos cookies. Verifique nossa Política de Privacidade.

", + "label": "Aceitar" } ], "routes": [ @@ -100,6 +105,9 @@ "replaces": [], "includeScriptsToHead": { "includes": [] + }, + "includeScriptsToBody": { + "includes": [] } }, "flavor": { diff --git a/components/InteractiveBanner/InteractiveBanner.tsx b/components/InteractiveBanner/InteractiveBanner.tsx index 7f017da..4f9d36b 100644 --- a/components/InteractiveBanner/InteractiveBanner.tsx +++ b/components/InteractiveBanner/InteractiveBanner.tsx @@ -1,3 +1,4 @@ +// deno-lint-ignore-file import { ImageWidget } from "apps/admin/widgets.ts"; import { Product } from "apps/commerce/types.ts"; import { LoadingFallbackProps } from "@deco/deco"; diff --git a/fresh.gen.ts b/fresh.gen.ts index 278ba62..c1f7b1b 100644 --- a/fresh.gen.ts +++ b/fresh.gen.ts @@ -3,6 +3,7 @@ // This file is automatically updated during development when running `dev.ts`. import * as $_app from "./routes/_app.tsx"; +import * as $LgpdButton from "./islands/LgpdButton.tsx"; import * as $Map from "./islands/Map.tsx"; import * as $MenuInstitutionalMobile from "./islands/MenuInstitutionalMobile.tsx"; import * as $MinicartFooter from "./islands/MinicartFooter.tsx"; @@ -18,6 +19,7 @@ const manifest = { "./routes/_app.tsx": $_app, }, islands: { + "./islands/LgpdButton.tsx": $LgpdButton, "./islands/Map.tsx": $Map, "./islands/MenuInstitutionalMobile.tsx": $MenuInstitutionalMobile, "./islands/MinicartFooter.tsx": $MinicartFooter, diff --git a/islands/LgpdButton.tsx b/islands/LgpdButton.tsx new file mode 100644 index 0000000..b96de08 --- /dev/null +++ b/islands/LgpdButton.tsx @@ -0,0 +1,44 @@ +import { useEffect, useState } from "preact/hooks"; +import { RichText } from "apps/admin/widgets.ts"; + +interface Props { + text: RichText; + label: string; +} + +export default function LgpdButton({ text, label }: Props) { + const [isAccepted, setIsAccepted] = useState(true) + + const handleClick = () => { + localStorage.setItem('aceito', JSON.stringify(isAccepted)) + setIsAccepted(false) + } + + const verify = localStorage.getItem('aceito') + + useEffect(() => { + setIsAccepted(false) + verify === 'true' ? setIsAccepted(false) : setIsAccepted(true) + }, []) + + if(isAccepted === false) return null + + return ( + <> + {isAccepted && ( + <> +
+
+

+ +

+ + )} + + ) +} \ No newline at end of file diff --git a/manifest.gen.ts b/manifest.gen.ts index dd3608a..d17421a 100644 --- a/manifest.gen.ts +++ b/manifest.gen.ts @@ -47,18 +47,19 @@ import * as $$$$$$27 from "./sections/NossasLojas/NossasLojas.tsx"; import * as $$$$$$28 from "./sections/NossasLojas/query.ts"; import * as $$$$$$29 from "./sections/NossasLojas/types.ts"; import * as $$$$$$30 from "./sections/Policy/Policy.tsx"; -import * as $$$$$$31 from "./sections/Product/ProductDetails.tsx"; -import * as $$$$$$32 from "./sections/Product/ProductShelf.tsx"; -import * as $$$$$$33 from "./sections/Product/ProductShelfTabbed.tsx"; -import * as $$$$$$34 from "./sections/Product/QuickView.tsx"; -import * as $$$$$$35 from "./sections/Product/SearchResult.tsx"; -import * as $$$$$$36 from "./sections/Product/ShelfWithImage.tsx"; -import * as $$$$$$37 from "./sections/Product/Wishlist.tsx"; -import * as $$$$$$38 from "./sections/Session.tsx"; -import * as $$$$$$39 from "./sections/Social/InstagramPosts.tsx"; -import * as $$$$$$40 from "./sections/Social/WhatsApp.tsx"; -import * as $$$$$$41 from "./sections/TabLayout/TabLayout.tsx"; -import * as $$$$$$42 from "./sections/Theme/Theme.tsx"; +import * as $$$$$$31 from "./sections/PopupLGPD/PopupLGPD.tsx"; +import * as $$$$$$32 from "./sections/Product/ProductDetails.tsx"; +import * as $$$$$$33 from "./sections/Product/ProductShelf.tsx"; +import * as $$$$$$34 from "./sections/Product/ProductShelfTabbed.tsx"; +import * as $$$$$$35 from "./sections/Product/QuickView.tsx"; +import * as $$$$$$36 from "./sections/Product/SearchResult.tsx"; +import * as $$$$$$37 from "./sections/Product/ShelfWithImage.tsx"; +import * as $$$$$$38 from "./sections/Product/Wishlist.tsx"; +import * as $$$$$$39 from "./sections/Session.tsx"; +import * as $$$$$$40 from "./sections/Social/InstagramPosts.tsx"; +import * as $$$$$$41 from "./sections/Social/WhatsApp.tsx"; +import * as $$$$$$42 from "./sections/TabLayout/TabLayout.tsx"; +import * as $$$$$$43 from "./sections/Theme/Theme.tsx"; const manifest = { "loaders": { @@ -103,18 +104,19 @@ const manifest = { "site/sections/NossasLojas/query.ts": $$$$$$28, "site/sections/NossasLojas/types.ts": $$$$$$29, "site/sections/Policy/Policy.tsx": $$$$$$30, - "site/sections/Product/ProductDetails.tsx": $$$$$$31, - "site/sections/Product/ProductShelf.tsx": $$$$$$32, - "site/sections/Product/ProductShelfTabbed.tsx": $$$$$$33, - "site/sections/Product/QuickView.tsx": $$$$$$34, - "site/sections/Product/SearchResult.tsx": $$$$$$35, - "site/sections/Product/ShelfWithImage.tsx": $$$$$$36, - "site/sections/Product/Wishlist.tsx": $$$$$$37, - "site/sections/Session.tsx": $$$$$$38, - "site/sections/Social/InstagramPosts.tsx": $$$$$$39, - "site/sections/Social/WhatsApp.tsx": $$$$$$40, - "site/sections/TabLayout/TabLayout.tsx": $$$$$$41, - "site/sections/Theme/Theme.tsx": $$$$$$42, + "site/sections/PopupLGPD/PopupLGPD.tsx": $$$$$$31, + "site/sections/Product/ProductDetails.tsx": $$$$$$32, + "site/sections/Product/ProductShelf.tsx": $$$$$$33, + "site/sections/Product/ProductShelfTabbed.tsx": $$$$$$34, + "site/sections/Product/QuickView.tsx": $$$$$$35, + "site/sections/Product/SearchResult.tsx": $$$$$$36, + "site/sections/Product/ShelfWithImage.tsx": $$$$$$37, + "site/sections/Product/Wishlist.tsx": $$$$$$38, + "site/sections/Session.tsx": $$$$$$39, + "site/sections/Social/InstagramPosts.tsx": $$$$$$40, + "site/sections/Social/WhatsApp.tsx": $$$$$$41, + "site/sections/TabLayout/TabLayout.tsx": $$$$$$42, + "site/sections/Theme/Theme.tsx": $$$$$$43, }, "actions": { "site/actions/minicart/submit.ts": $$$$$$$$$0, diff --git a/sections/PopupLGPD/PopupLGPD.tsx b/sections/PopupLGPD/PopupLGPD.tsx new file mode 100644 index 0000000..bde5378 --- /dev/null +++ b/sections/PopupLGPD/PopupLGPD.tsx @@ -0,0 +1,18 @@ +import { RichText } from "apps/admin/widgets.ts"; +import LgpdButton from "site/islands/LgpdButton.tsx"; + +interface Props { + text: RichText; + label: string; +} + +export default function PopupLGPD({ text, label }: Props) { + + return ( + <> +
+ +
+ + ) +} \ No newline at end of file diff --git a/static/tailwind.css b/static/tailwind.css index 7cce4ee..bd610b0 100644 --- a/static/tailwind.css +++ b/static/tailwind.css @@ -3687,6 +3687,9 @@ details.collapse summary::-webkit-details-marker { .bottom-4 { bottom: 1rem; } +.bottom-5 { + bottom: 1.25rem; +} .bottom-6 { bottom: 1.5rem; } @@ -3822,6 +3825,9 @@ details.collapse summary::-webkit-details-marker { .z-\[-2\] { z-index: -2; } +.z-\[9999\] { + z-index: 9999; +} .col-span-1 { grid-column: span 1 / span 1; } @@ -4165,6 +4171,9 @@ details.collapse summary::-webkit-details-marker { .h-9 { height: 2.25rem; } +.h-\[100vh\] { + height: 100vh; +} .h-\[102px\] { height: 102px; } @@ -4228,6 +4237,9 @@ details.collapse summary::-webkit-details-marker { .h-\[675px\] { height: 675px; } +.h-\[74px\] { + height: 74px; +} .h-\[80px\] { height: 80px; } @@ -4532,6 +4544,9 @@ details.collapse summary::-webkit-details-marker { .max-w-7xl { max-width: 80rem; } +.max-w-\[1117px\] { + max-width: 1117px; +} .max-w-\[139px\] { max-width: 139px; } @@ -4544,6 +4559,9 @@ details.collapse summary::-webkit-details-marker { .max-w-\[215px\] { max-width: 215px; } +.max-w-\[220px\] { + max-width: 220px; +} .max-w-\[243px\] { max-width: 243px; } @@ -4991,9 +5009,6 @@ details.collapse summary::-webkit-details-marker { .rounded-none { border-radius: 0px; } -.rounded-sm { - border-radius: 0.125rem; -} .rounded-b-\[5px\] { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; @@ -5162,6 +5177,10 @@ details.collapse summary::-webkit-details-marker { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } +.bg-\[\#000\] { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); +} .bg-\[\#0D1717\] { --tw-bg-opacity: 1; background-color: rgb(13 23 23 / var(--tw-bg-opacity)); @@ -5213,6 +5232,10 @@ details.collapse summary::-webkit-details-marker { --tw-bg-opacity: 1; background-color: rgb(245 244 241 / var(--tw-bg-opacity)); } +.bg-\[\#ff8300\] { + --tw-bg-opacity: 1; + background-color: rgb(255 131 0 / var(--tw-bg-opacity)); +} .bg-\[var\(--bg-color\)\] { background-color: var(--bg-color); } @@ -5341,6 +5364,9 @@ details.collapse summary::-webkit-details-marker { .p-\[10px\] { padding: 10px; } +.p-\[20px\] { + padding: 20px; +} .p-\[5px\] { padding: 5px; } @@ -5889,6 +5915,10 @@ details.collapse summary::-webkit-details-marker { --tw-text-opacity: 1; color: rgb(126 127 136 / var(--tw-text-opacity)); } +.text-\[\#808080\] { + --tw-text-opacity: 1; + color: rgb(128 128 128 / var(--tw-text-opacity)); +} .text-\[\#C5C5C5\] { --tw-text-opacity: 1; color: rgb(197 197 197 / var(--tw-text-opacity)); @@ -5920,6 +5950,10 @@ details.collapse summary::-webkit-details-marker { .text-\[\#e7e7e7e\] { color: #e7e7e7e; } +.text-\[\#fff\] { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} .text-\[\#ffffff\] { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); @@ -5995,6 +6029,9 @@ details.collapse summary::-webkit-details-marker { .opacity-20 { opacity: 0.2; } +.opacity-40 { + opacity: 0.4; +} .opacity-50 { opacity: 0.5; } @@ -6617,6 +6654,10 @@ details.collapse summary::-webkit-details-marker { } @media (max-width: 1023px) { + .mobile\:bottom-10 { + bottom: 2.5rem; + } + .mobile\:mb-\[45px\] { margin-bottom: 45px; } @@ -6661,6 +6702,14 @@ details.collapse summary::-webkit-details-marker { display: none; } + .mobile\:h-\[100\%\] { + height: 100%; + } + + .mobile\:h-\[153px\] { + height: 153px; + } + .mobile\:h-\[305px\] { height: 305px; } @@ -6669,6 +6718,10 @@ details.collapse summary::-webkit-details-marker { height: 403px; } + .mobile\:w-\[100\%\] { + width: 100%; + } + .mobile\:w-\[160px\] { width: 160px; } @@ -6681,6 +6734,14 @@ details.collapse summary::-webkit-details-marker { min-width: 240px; } + .mobile\:max-w-\[295px\] { + max-width: 295px; + } + + .mobile\:max-w-\[335px\] { + max-width: 335px; + } + .mobile\:flex-col { flex-direction: column; } From f8252280e629fb910665a8cac196a1c563e1e89b Mon Sep 17 00:00:00 2001 From: Guilherme da Silva Benevides Date: Tue, 24 Dec 2024 10:01:43 -0300 Subject: [PATCH 2/5] fix: remove linting ignore and unsed import --- components/InteractiveBanner/InteractiveBanner.tsx | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/components/InteractiveBanner/InteractiveBanner.tsx b/components/InteractiveBanner/InteractiveBanner.tsx index 4f9d36b..53a0fed 100644 --- a/components/InteractiveBanner/InteractiveBanner.tsx +++ b/components/InteractiveBanner/InteractiveBanner.tsx @@ -1,8 +1,6 @@ -// deno-lint-ignore-file import { ImageWidget } from "apps/admin/widgets.ts"; import { Product } from "apps/commerce/types.ts"; import { LoadingFallbackProps } from "@deco/deco"; -import { useDevice } from "@deco/deco/hooks"; interface InteractiveBannerProduct { previewImage?: { @@ -221,7 +219,4 @@ export default function InteractiveBanner({ export const LoadingFallback = ( props: LoadingFallbackProps, -) => ( - // deno-lint-ignore no-explicit-any - -); +) => ; From 2bfc29ec10aeb1dd82cdf96909a29c6ba65e3a89 Mon Sep 17 00:00:00 2001 From: Guilherme da Silva Benevides Date: Tue, 24 Dec 2024 10:27:42 -0300 Subject: [PATCH 3/5] feat: improve LGPD Popup, see the list of improvements bellow: - Use the consistent button of design - Improve logic about show or hide popup. - Use correct names of island - Add JSDoc in props to change the name of inputs in CMS to improve customer understanding - Use constant to centralize the name of key in LocalStorage - Improve the text of popup to not depends of customer add color and bold in link --- .deco/blocks/site.json | 4 +-- fresh.gen.ts | 4 +-- islands/LgpdButton.tsx | 44 ------------------------- islands/PopupLGPD.tsx | 56 ++++++++++++++++++++++++++++++++ sections/PopupLGPD/PopupLGPD.tsx | 18 +--------- static/tailwind.css | 14 ++++---- 6 files changed, 67 insertions(+), 73 deletions(-) delete mode 100644 islands/LgpdButton.tsx create mode 100644 islands/PopupLGPD.tsx diff --git a/.deco/blocks/site.json b/.deco/blocks/site.json index a315fc8..e1e8c21 100644 --- a/.deco/blocks/site.json +++ b/.deco/blocks/site.json @@ -67,7 +67,7 @@ }, { "__resolveType": "site/sections/PopupLGPD/PopupLGPD.tsx", - "text": "

Se você clicar no botão aceito, consideramos que você aceita o uso de nossos cookies. Verifique nossa Política de Privacidade.

", + "text": "

Se você clicar no botão aceito, consideramos que você aceita o uso de nossos cookies. Verifique nossa Política de Privacidade.

", "label": "Aceitar" } ], @@ -113,4 +113,4 @@ "flavor": { "framework": "htmx" } -} \ No newline at end of file +} diff --git a/fresh.gen.ts b/fresh.gen.ts index c1f7b1b..522b536 100644 --- a/fresh.gen.ts +++ b/fresh.gen.ts @@ -3,12 +3,12 @@ // This file is automatically updated during development when running `dev.ts`. import * as $_app from "./routes/_app.tsx"; -import * as $LgpdButton from "./islands/LgpdButton.tsx"; import * as $Map from "./islands/Map.tsx"; import * as $MenuInstitutionalMobile from "./islands/MenuInstitutionalMobile.tsx"; import * as $MinicartFooter from "./islands/MinicartFooter.tsx"; import * as $MultiRangeSlider from "./islands/MultiRangeSlider.tsx"; import * as $Notify from "./islands/Notify.tsx"; +import * as $PopupLGPD from "./islands/PopupLGPD.tsx"; import * as $ScrollButton from "./islands/ScrollButton.tsx"; import * as $ShowPriceItem from "./islands/ShowPriceItem.tsx"; import * as $formsNossasLojas from "./islands/formsNossasLojas.tsx"; @@ -19,12 +19,12 @@ const manifest = { "./routes/_app.tsx": $_app, }, islands: { - "./islands/LgpdButton.tsx": $LgpdButton, "./islands/Map.tsx": $Map, "./islands/MenuInstitutionalMobile.tsx": $MenuInstitutionalMobile, "./islands/MinicartFooter.tsx": $MinicartFooter, "./islands/MultiRangeSlider.tsx": $MultiRangeSlider, "./islands/Notify.tsx": $Notify, + "./islands/PopupLGPD.tsx": $PopupLGPD, "./islands/ScrollButton.tsx": $ScrollButton, "./islands/ShowPriceItem.tsx": $ShowPriceItem, "./islands/formsNossasLojas.tsx": $formsNossasLojas, diff --git a/islands/LgpdButton.tsx b/islands/LgpdButton.tsx deleted file mode 100644 index b96de08..0000000 --- a/islands/LgpdButton.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import { useEffect, useState } from "preact/hooks"; -import { RichText } from "apps/admin/widgets.ts"; - -interface Props { - text: RichText; - label: string; -} - -export default function LgpdButton({ text, label }: Props) { - const [isAccepted, setIsAccepted] = useState(true) - - const handleClick = () => { - localStorage.setItem('aceito', JSON.stringify(isAccepted)) - setIsAccepted(false) - } - - const verify = localStorage.getItem('aceito') - - useEffect(() => { - setIsAccepted(false) - verify === 'true' ? setIsAccepted(false) : setIsAccepted(true) - }, []) - - if(isAccepted === false) return null - - return ( - <> - {isAccepted && ( - <> -
-
-

- -

- - )} - - ) -} \ No newline at end of file diff --git a/islands/PopupLGPD.tsx b/islands/PopupLGPD.tsx new file mode 100644 index 0000000..27086c5 --- /dev/null +++ b/islands/PopupLGPD.tsx @@ -0,0 +1,56 @@ +import { useEffect } from "preact/hooks"; +import { RichText } from "apps/admin/widgets.ts"; +import { useSignal } from "@preact/signals"; +import Button from "site/components/ui/Button.tsx"; +import { sanitizeHTMLCode } from "site/sdk/htmlSanitizer.ts"; + +interface Props { + /**@title Texto do popup */ + text: RichText; + /**@title Rótulo do botão de aceite */ + label: string; +} + +const LOCAL_STORAGE_KEY = "accepted_terms"; + +export default function PopupLGPD({ text, label }: Props) { + const isAcceptedTerms = useSignal(true); + + const approveAcceptance = () => { + localStorage.setItem(LOCAL_STORAGE_KEY, "true"); + isAcceptedTerms.value = true; + }; + + const loadAcceptance = () => { + isAcceptedTerms.value = localStorage.getItem(LOCAL_STORAGE_KEY) === "true"; + }; + + useEffect(() => { + loadAcceptance(); + }, []); + + if (isAcceptedTerms.value) return null; + + return ( +
+
+
+

+ +

+
+ ); +} diff --git a/sections/PopupLGPD/PopupLGPD.tsx b/sections/PopupLGPD/PopupLGPD.tsx index bde5378..20d09f9 100644 --- a/sections/PopupLGPD/PopupLGPD.tsx +++ b/sections/PopupLGPD/PopupLGPD.tsx @@ -1,18 +1,2 @@ -import { RichText } from "apps/admin/widgets.ts"; -import LgpdButton from "site/islands/LgpdButton.tsx"; +export { default } from "site/islands/PopupLGPD.tsx"; -interface Props { - text: RichText; - label: string; -} - -export default function PopupLGPD({ text, label }: Props) { - - return ( - <> -
- -
- - ) -} \ No newline at end of file diff --git a/static/tailwind.css b/static/tailwind.css index bd610b0..d74242a 100644 --- a/static/tailwind.css +++ b/static/tailwind.css @@ -5009,6 +5009,9 @@ details.collapse summary::-webkit-details-marker { .rounded-none { border-radius: 0px; } +.rounded-sm { + border-radius: 0.125rem; +} .rounded-b-\[5px\] { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; @@ -5232,10 +5235,6 @@ details.collapse summary::-webkit-details-marker { --tw-bg-opacity: 1; background-color: rgb(245 244 241 / var(--tw-bg-opacity)); } -.bg-\[\#ff8300\] { - --tw-bg-opacity: 1; - background-color: rgb(255 131 0 / var(--tw-bg-opacity)); -} .bg-\[var\(--bg-color\)\] { background-color: var(--bg-color); } @@ -5950,10 +5949,6 @@ details.collapse summary::-webkit-details-marker { .text-\[\#e7e7e7e\] { color: #e7e7e7e; } -.text-\[\#fff\] { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} .text-\[\#ffffff\] { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); @@ -7254,6 +7249,9 @@ details.collapse summary::-webkit-details-marker { .\[\&\>a\]\:font-bold>a { font-weight: 700; } +.\[\&\>a\]\:font-medium>a { + font-weight: 500; +} .\[\&\>a\]\:text-primary>a { --tw-text-opacity: 1; color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity))); From 79a6455645003de4a107e0bc5148b4fde62df385 Mon Sep 17 00:00:00 2001 From: Guilherme da Silva Benevides Date: Tue, 24 Dec 2024 21:14:36 -0300 Subject: [PATCH 4/5] feat: update fresh and manifest entries, tailwind and run deno task check --- .../InteractiveBanner/InteractiveBanner.tsx | 6 +- fresh.gen.ts | 4 + manifest.gen.ts | 140 +++++++++--------- sections/PopupLGPD/PopupLGPD.tsx | 1 - static/tailwind.css | 41 ++++- 5 files changed, 117 insertions(+), 75 deletions(-) diff --git a/components/InteractiveBanner/InteractiveBanner.tsx b/components/InteractiveBanner/InteractiveBanner.tsx index 53a0fed..3108291 100644 --- a/components/InteractiveBanner/InteractiveBanner.tsx +++ b/components/InteractiveBanner/InteractiveBanner.tsx @@ -1,6 +1,6 @@ import { ImageWidget } from "apps/admin/widgets.ts"; import { Product } from "apps/commerce/types.ts"; -import { LoadingFallbackProps } from "@deco/deco"; +import Section from "site/components/ui/Section.tsx"; interface InteractiveBannerProduct { previewImage?: { @@ -217,6 +217,4 @@ export default function InteractiveBanner({ ); } -export const LoadingFallback = ( - props: LoadingFallbackProps, -) => ; +export const LoadingFallback = () => ; diff --git a/fresh.gen.ts b/fresh.gen.ts index 0f712c0..f3d34b5 100644 --- a/fresh.gen.ts +++ b/fresh.gen.ts @@ -9,6 +9,8 @@ import * as $MinicartFooter from "./islands/MinicartFooter.tsx"; import * as $MultiRangeSlider from "./islands/MultiRangeSlider.tsx"; import * as $Notify from "./islands/Notify.tsx"; import * as $PopupLGPD from "./islands/PopupLGPD.tsx"; +import * as $ProductBuyTogether from "./islands/ProductBuyTogether.tsx"; +import * as $ProductTextInfoDiscloujure from "./islands/ProductTextInfoDiscloujure.tsx"; import * as $ScrollButton from "./islands/ScrollButton.tsx"; import * as $Selector from "./islands/Selector.tsx"; import * as $ShowPriceItem from "./islands/ShowPriceItem.tsx"; @@ -27,6 +29,8 @@ const manifest = { "./islands/MultiRangeSlider.tsx": $MultiRangeSlider, "./islands/Notify.tsx": $Notify, "./islands/PopupLGPD.tsx": $PopupLGPD, + "./islands/ProductBuyTogether.tsx": $ProductBuyTogether, + "./islands/ProductTextInfoDiscloujure.tsx": $ProductTextInfoDiscloujure, "./islands/ScrollButton.tsx": $ScrollButton, "./islands/Selector.tsx": $Selector, "./islands/ShowPriceItem.tsx": $ShowPriceItem, diff --git a/manifest.gen.ts b/manifest.gen.ts index 7559e7c..447b98e 100644 --- a/manifest.gen.ts +++ b/manifest.gen.ts @@ -38,39 +38,43 @@ import * as $$$$$$7 from "./sections/Content/FAQ.tsx"; import * as $$$$$$8 from "./sections/Content/Hero.tsx"; import * as $$$$$$9 from "./sections/Content/Intro.tsx"; import * as $$$$$$10 from "./sections/Content/Logos.tsx"; -import * as $$$$$$11 from "./sections/DuvidasFrequentes/DuvidasFrequentes.tsx"; -import * as $$$$$$12 from "./sections/Footer/Footer.tsx"; -import * as $$$$$$13 from "./sections/GiftShelf/GiftShelf.tsx"; -import * as $$$$$$14 from "./sections/Header/Header.tsx"; -import * as $$$$$$15 from "./sections/HomeToCategoryBanner/HomeToCategoryBanner.tsx"; -import * as $$$$$$16 from "./sections/Images/Banner.tsx"; -import * as $$$$$$17 from "./sections/Images/Carousel.tsx"; -import * as $$$$$$18 from "./sections/Images/ImageGallery.tsx"; -import * as $$$$$$19 from "./sections/Images/ShoppableBanner.tsx"; -import * as $$$$$$20 from "./sections/InteractiveBanner/InteractiveBanner.tsx"; -import * as $$$$$$21 from "./sections/Links/LinkTree.tsx"; -import * as $$$$$$22 from "./sections/MenuInstitucional/MenuInstitucional.tsx"; -import * as $$$$$$23 from "./sections/Miscellaneous/CampaignTimer.tsx"; -import * as $$$$$$24 from "./sections/Miscellaneous/CookieConsent.tsx"; -import * as $$$$$$25 from "./sections/Miscellaneous/Spacer.tsx"; -import * as $$$$$$26 from "./sections/Newsletter/Newsletter.tsx"; -import * as $$$$$$27 from "./sections/NossasLojas/NossasLojas.tsx"; -import * as $$$$$$28 from "./sections/NossasLojas/query.ts"; -import * as $$$$$$29 from "./sections/NossasLojas/types.ts"; -import * as $$$$$$30 from "./sections/Policy/Policy.tsx"; -import * as $$$$$$31 from "./sections/PopupLGPD/PopupLGPD.tsx"; -import * as $$$$$$32 from "./sections/Product/ProductDetails.tsx"; -import * as $$$$$$33 from "./sections/Product/ProductShelf.tsx"; -import * as $$$$$$34 from "./sections/Product/ProductShelfTabbed.tsx"; -import * as $$$$$$35 from "./sections/Product/QuickView.tsx"; -import * as $$$$$$36 from "./sections/Product/SearchResult.tsx"; -import * as $$$$$$37 from "./sections/Product/ShelfWithImage.tsx"; -import * as $$$$$$38 from "./sections/Product/Wishlist.tsx"; -import * as $$$$$$39 from "./sections/Session.tsx"; -import * as $$$$$$40 from "./sections/Social/InstagramPosts.tsx"; -import * as $$$$$$41 from "./sections/Social/WhatsApp.tsx"; -import * as $$$$$$42 from "./sections/TabLayout/TabLayout.tsx"; -import * as $$$$$$43 from "./sections/Theme/Theme.tsx"; +import * as $$$$$$11 from "./sections/Content/RotativeText.tsx"; +import * as $$$$$$12 from "./sections/DuvidasFrequentes/DuvidasFrequentes.tsx"; +import * as $$$$$$13 from "./sections/Footer/Footer.tsx"; +import * as $$$$$$14 from "./sections/GiftShelf/GiftShelf.tsx"; +import * as $$$$$$15 from "./sections/Header/Header.tsx"; +import * as $$$$$$16 from "./sections/HomeToCategoryBanner/HomeToCategoryBanner.tsx"; +import * as $$$$$$17 from "./sections/Images/BackgroundBanner.tsx"; +import * as $$$$$$18 from "./sections/Images/Banner.tsx"; +import * as $$$$$$19 from "./sections/Images/Carousel.tsx"; +import * as $$$$$$20 from "./sections/Images/ImageGallery.tsx"; +import * as $$$$$$21 from "./sections/Images/ShoppableBanner.tsx"; +import * as $$$$$$22 from "./sections/InteractiveBanner/InteractiveBanner.tsx"; +import * as $$$$$$23 from "./sections/Links/LinkTree.tsx"; +import * as $$$$$$24 from "./sections/MenuInstitucional/MenuInstitucional.tsx"; +import * as $$$$$$25 from "./sections/Miscellaneous/CampaignTimer.tsx"; +import * as $$$$$$26 from "./sections/Miscellaneous/CookieConsent.tsx"; +import * as $$$$$$27 from "./sections/Miscellaneous/Spacer.tsx"; +import * as $$$$$$28 from "./sections/Newsletter/Newsletter.tsx"; +import * as $$$$$$29 from "./sections/NossasLojas/NossasLojas.tsx"; +import * as $$$$$$30 from "./sections/NossasLojas/query.ts"; +import * as $$$$$$31 from "./sections/NossasLojas/types.ts"; +import * as $$$$$$32 from "./sections/Policy/Policy.tsx"; +import * as $$$$$$33 from "./sections/PopupLGPD/PopupLGPD.tsx"; +import * as $$$$$$34 from "./sections/Product/ProductBuyTogether.tsx"; +import * as $$$$$$35 from "./sections/Product/ProductDetails.tsx"; +import * as $$$$$$36 from "./sections/Product/ProductReviews.tsx"; +import * as $$$$$$37 from "./sections/Product/ProductShelf.tsx"; +import * as $$$$$$38 from "./sections/Product/ProductShelfTabbed.tsx"; +import * as $$$$$$39 from "./sections/Product/QuickView.tsx"; +import * as $$$$$$40 from "./sections/Product/SearchResult.tsx"; +import * as $$$$$$41 from "./sections/Product/ShelfWithImage.tsx"; +import * as $$$$$$42 from "./sections/Product/Wishlist.tsx"; +import * as $$$$$$43 from "./sections/Session.tsx"; +import * as $$$$$$44 from "./sections/Social/InstagramPosts.tsx"; +import * as $$$$$$45 from "./sections/Social/WhatsApp.tsx"; +import * as $$$$$$46 from "./sections/TabLayout/TabLayout.tsx"; +import * as $$$$$$47 from "./sections/Theme/Theme.tsx"; const manifest = { "loaders": { @@ -106,39 +110,43 @@ const manifest = { "site/sections/Content/Hero.tsx": $$$$$$8, "site/sections/Content/Intro.tsx": $$$$$$9, "site/sections/Content/Logos.tsx": $$$$$$10, - "site/sections/DuvidasFrequentes/DuvidasFrequentes.tsx": $$$$$$11, - "site/sections/Footer/Footer.tsx": $$$$$$12, - "site/sections/GiftShelf/GiftShelf.tsx": $$$$$$13, - "site/sections/Header/Header.tsx": $$$$$$14, - "site/sections/HomeToCategoryBanner/HomeToCategoryBanner.tsx": $$$$$$15, - "site/sections/Images/Banner.tsx": $$$$$$16, - "site/sections/Images/Carousel.tsx": $$$$$$17, - "site/sections/Images/ImageGallery.tsx": $$$$$$18, - "site/sections/Images/ShoppableBanner.tsx": $$$$$$19, - "site/sections/InteractiveBanner/InteractiveBanner.tsx": $$$$$$20, - "site/sections/Links/LinkTree.tsx": $$$$$$21, - "site/sections/MenuInstitucional/MenuInstitucional.tsx": $$$$$$22, - "site/sections/Miscellaneous/CampaignTimer.tsx": $$$$$$23, - "site/sections/Miscellaneous/CookieConsent.tsx": $$$$$$24, - "site/sections/Miscellaneous/Spacer.tsx": $$$$$$25, - "site/sections/Newsletter/Newsletter.tsx": $$$$$$26, - "site/sections/NossasLojas/NossasLojas.tsx": $$$$$$27, - "site/sections/NossasLojas/query.ts": $$$$$$28, - "site/sections/NossasLojas/types.ts": $$$$$$29, - "site/sections/Policy/Policy.tsx": $$$$$$30, - "site/sections/PopupLGPD/PopupLGPD.tsx": $$$$$$31, - "site/sections/Product/ProductDetails.tsx": $$$$$$32, - "site/sections/Product/ProductShelf.tsx": $$$$$$33, - "site/sections/Product/ProductShelfTabbed.tsx": $$$$$$34, - "site/sections/Product/QuickView.tsx": $$$$$$35, - "site/sections/Product/SearchResult.tsx": $$$$$$36, - "site/sections/Product/ShelfWithImage.tsx": $$$$$$37, - "site/sections/Product/Wishlist.tsx": $$$$$$38, - "site/sections/Session.tsx": $$$$$$39, - "site/sections/Social/InstagramPosts.tsx": $$$$$$40, - "site/sections/Social/WhatsApp.tsx": $$$$$$41, - "site/sections/TabLayout/TabLayout.tsx": $$$$$$42, - "site/sections/Theme/Theme.tsx": $$$$$$43, + "site/sections/Content/RotativeText.tsx": $$$$$$11, + "site/sections/DuvidasFrequentes/DuvidasFrequentes.tsx": $$$$$$12, + "site/sections/Footer/Footer.tsx": $$$$$$13, + "site/sections/GiftShelf/GiftShelf.tsx": $$$$$$14, + "site/sections/Header/Header.tsx": $$$$$$15, + "site/sections/HomeToCategoryBanner/HomeToCategoryBanner.tsx": $$$$$$16, + "site/sections/Images/BackgroundBanner.tsx": $$$$$$17, + "site/sections/Images/Banner.tsx": $$$$$$18, + "site/sections/Images/Carousel.tsx": $$$$$$19, + "site/sections/Images/ImageGallery.tsx": $$$$$$20, + "site/sections/Images/ShoppableBanner.tsx": $$$$$$21, + "site/sections/InteractiveBanner/InteractiveBanner.tsx": $$$$$$22, + "site/sections/Links/LinkTree.tsx": $$$$$$23, + "site/sections/MenuInstitucional/MenuInstitucional.tsx": $$$$$$24, + "site/sections/Miscellaneous/CampaignTimer.tsx": $$$$$$25, + "site/sections/Miscellaneous/CookieConsent.tsx": $$$$$$26, + "site/sections/Miscellaneous/Spacer.tsx": $$$$$$27, + "site/sections/Newsletter/Newsletter.tsx": $$$$$$28, + "site/sections/NossasLojas/NossasLojas.tsx": $$$$$$29, + "site/sections/NossasLojas/query.ts": $$$$$$30, + "site/sections/NossasLojas/types.ts": $$$$$$31, + "site/sections/Policy/Policy.tsx": $$$$$$32, + "site/sections/PopupLGPD/PopupLGPD.tsx": $$$$$$33, + "site/sections/Product/ProductBuyTogether.tsx": $$$$$$34, + "site/sections/Product/ProductDetails.tsx": $$$$$$35, + "site/sections/Product/ProductReviews.tsx": $$$$$$36, + "site/sections/Product/ProductShelf.tsx": $$$$$$37, + "site/sections/Product/ProductShelfTabbed.tsx": $$$$$$38, + "site/sections/Product/QuickView.tsx": $$$$$$39, + "site/sections/Product/SearchResult.tsx": $$$$$$40, + "site/sections/Product/ShelfWithImage.tsx": $$$$$$41, + "site/sections/Product/Wishlist.tsx": $$$$$$42, + "site/sections/Session.tsx": $$$$$$43, + "site/sections/Social/InstagramPosts.tsx": $$$$$$44, + "site/sections/Social/WhatsApp.tsx": $$$$$$45, + "site/sections/TabLayout/TabLayout.tsx": $$$$$$46, + "site/sections/Theme/Theme.tsx": $$$$$$47, }, "actions": { "site/actions/minicart/submit.ts": $$$$$$$$$0, diff --git a/sections/PopupLGPD/PopupLGPD.tsx b/sections/PopupLGPD/PopupLGPD.tsx index 20d09f9..de98872 100644 --- a/sections/PopupLGPD/PopupLGPD.tsx +++ b/sections/PopupLGPD/PopupLGPD.tsx @@ -1,2 +1 @@ export { default } from "site/islands/PopupLGPD.tsx"; - diff --git a/static/tailwind.css b/static/tailwind.css index ad64b41..98ace15 100644 --- a/static/tailwind.css +++ b/static/tailwind.css @@ -4805,6 +4805,12 @@ details.collapse summary::-webkit-details-marker { .max-w-7xl { max-width: 80rem; } +.max-w-\[100dvw\] { + max-width: 100dvw; +} +.max-w-\[101px\] { + max-width: 101px; +} .max-w-\[1117px\] { max-width: 1117px; } @@ -4823,6 +4829,12 @@ details.collapse summary::-webkit-details-marker { .max-w-\[220px\] { max-width: 220px; } +.max-w-\[230px\] { + max-width: 230px; +} +.max-w-\[232px\] { + max-width: 232px; +} .max-w-\[243px\] { max-width: 243px; } @@ -5509,10 +5521,6 @@ details.collapse summary::-webkit-details-marker { .\!bg-transparent { background-color: transparent !important; } -.\!bg-white { - --tw-bg-opacity: 1 !important; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; -} .bg-\[\#000\] { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); @@ -7120,10 +7128,19 @@ details.collapse summary::-webkit-details-marker { } @media (max-width: 1023px) { + .mobile\:relative { + position: relative; + } + .mobile\:bottom-10 { bottom: 2.5rem; } + .mobile\:mx-auto { + margin-left: auto; + margin-right: auto; + } + .mobile\:mb-\[45px\] { margin-bottom: 45px; } @@ -7168,6 +7185,10 @@ details.collapse summary::-webkit-details-marker { display: none; } + .mobile\:h-9 { + height: 2.25rem; + } + .mobile\:h-\[100\%\] { height: 100%; } @@ -7184,6 +7205,10 @@ details.collapse summary::-webkit-details-marker { height: 403px; } + .mobile\:min-h-\[545px\] { + min-height: 545px; + } + .mobile\:w-\[100\%\] { width: 100%; } @@ -7204,6 +7229,10 @@ details.collapse summary::-webkit-details-marker { min-width: 240px; } + .mobile\:max-w-\[122px\] { + max-width: 122px; + } + .mobile\:max-w-\[295px\] { max-width: 295px; } @@ -7212,6 +7241,10 @@ details.collapse summary::-webkit-details-marker { max-width: 335px; } + .mobile\:max-w-\[82px\] { + max-width: 82px; + } + .mobile\:flex-col { flex-direction: column; } From e6c64120e5e3bfaaa0573d114dfa68dd80001a1f Mon Sep 17 00:00:00 2001 From: Guilherme da Silva Benevides Date: Thu, 26 Dec 2024 09:58:26 -0300 Subject: [PATCH 5/5] feat: update manifest and tailwind build --- manifest.gen.ts | 203 +++++++++++++++++++++++--------------------- static/tailwind.css | 117 +++++++++++++++---------- 2 files changed, 180 insertions(+), 140 deletions(-) diff --git a/manifest.gen.ts b/manifest.gen.ts index bffb41f..b0a014e 100644 --- a/manifest.gen.ts +++ b/manifest.gen.ts @@ -27,54 +27,60 @@ import * as $$$15 from "./loaders/vtexReviewsAndRatings/index.ts"; import * as $$$16 from "./loaders/vtexReviewsAndRatings/queries.ts"; import * as $$$17 from "./loaders/vtexReviewsAndRatings/types.ts"; import * as $$$18 from "./loaders/wishlist.ts"; -import * as $$$$$$0 from "./sections/Animation/Animation.tsx"; -import * as $$$$$$1 from "./sections/BenefitsBar/BenefitsBar.tsx"; -import * as $$$$$$2 from "./sections/BreadcrumbInstitucional/Breadcrumb.tsx"; -import * as $$$$$$3 from "./sections/Category/CategoryBottomBanner.tsx"; -import * as $$$$$$4 from "./sections/Category/CategoryGrid.tsx"; -import * as $$$$$$5 from "./sections/CollectionBanner/CollectionBanner.tsx"; -import * as $$$$$$6 from "./sections/Component.tsx"; -import * as $$$$$$7 from "./sections/Content/FAQ.tsx"; -import * as $$$$$$8 from "./sections/Content/Hero.tsx"; -import * as $$$$$$9 from "./sections/Content/Intro.tsx"; -import * as $$$$$$10 from "./sections/Content/Logos.tsx"; -import * as $$$$$$11 from "./sections/Content/RotativeText.tsx"; -import * as $$$$$$12 from "./sections/DuvidasFrequentes/DuvidasFrequentes.tsx"; -import * as $$$$$$13 from "./sections/Footer/Footer.tsx"; -import * as $$$$$$14 from "./sections/GiftShelf/GiftShelf.tsx"; -import * as $$$$$$15 from "./sections/Header/Header.tsx"; -import * as $$$$$$16 from "./sections/HomeToCategoryBanner/HomeToCategoryBanner.tsx"; -import * as $$$$$$17 from "./sections/Images/BackgroundBanner.tsx"; -import * as $$$$$$18 from "./sections/Images/Banner.tsx"; -import * as $$$$$$19 from "./sections/Images/Carousel.tsx"; -import * as $$$$$$20 from "./sections/Images/ImageGallery.tsx"; -import * as $$$$$$21 from "./sections/Images/ShoppableBanner.tsx"; -import * as $$$$$$22 from "./sections/InteractiveBanner/InteractiveBanner.tsx"; -import * as $$$$$$23 from "./sections/Links/LinkTree.tsx"; -import * as $$$$$$24 from "./sections/MenuInstitucional/MenuInstitucional.tsx"; -import * as $$$$$$25 from "./sections/Miscellaneous/CampaignTimer.tsx"; -import * as $$$$$$26 from "./sections/Miscellaneous/CookieConsent.tsx"; -import * as $$$$$$27 from "./sections/Miscellaneous/Spacer.tsx"; -import * as $$$$$$28 from "./sections/Newsletter/Newsletter.tsx"; -import * as $$$$$$29 from "./sections/NossasLojas/NossasLojas.tsx"; -import * as $$$$$$30 from "./sections/NossasLojas/query.ts"; -import * as $$$$$$31 from "./sections/NossasLojas/types.ts"; -import * as $$$$$$32 from "./sections/Policy/Policy.tsx"; -import * as $$$$$$33 from "./sections/PopupLGPD/PopupLGPD.tsx"; -import * as $$$$$$34 from "./sections/Product/ProductBuyTogether.tsx"; -import * as $$$$$$35 from "./sections/Product/ProductDetails.tsx"; -import * as $$$$$$36 from "./sections/Product/ProductReviews.tsx"; -import * as $$$$$$37 from "./sections/Product/ProductShelf.tsx"; -import * as $$$$$$38 from "./sections/Product/ProductShelfTabbed.tsx"; -import * as $$$$$$39 from "./sections/Product/QuickView.tsx"; -import * as $$$$$$40 from "./sections/Product/SearchResult.tsx"; -import * as $$$$$$41 from "./sections/Product/ShelfWithImage.tsx"; -import * as $$$$$$42 from "./sections/Product/Wishlist.tsx"; -import * as $$$$$$43 from "./sections/Session.tsx"; -import * as $$$$$$44 from "./sections/Social/InstagramPosts.tsx"; -import * as $$$$$$45 from "./sections/Social/WhatsApp.tsx"; -import * as $$$$$$46 from "./sections/TabLayout/TabLayout.tsx"; -import * as $$$$$$47 from "./sections/Theme/Theme.tsx"; +import * as $$$19 from "./loaders/youtubeVideo.ts"; +import * as $$$$$$0 from "./sections/AboutUs/AboutUsBanner.tsx"; +import * as $$$$$$1 from "./sections/AboutUs/AboutUsBubbles.tsx"; +import * as $$$$$$2 from "./sections/AboutUs/AboutUsCompanyInfo.tsx"; +import * as $$$$$$3 from "./sections/AboutUs/AboutUsIntroduction.tsx"; +import * as $$$$$$4 from "./sections/AboutUs/AboutUsVideo.tsx"; +import * as $$$$$$5 from "./sections/Animation/Animation.tsx"; +import * as $$$$$$6 from "./sections/BenefitsBar/BenefitsBar.tsx"; +import * as $$$$$$7 from "./sections/BreadcrumbInstitucional/Breadcrumb.tsx"; +import * as $$$$$$8 from "./sections/Category/CategoryBottomBanner.tsx"; +import * as $$$$$$9 from "./sections/Category/CategoryGrid.tsx"; +import * as $$$$$$10 from "./sections/CollectionBanner/CollectionBanner.tsx"; +import * as $$$$$$11 from "./sections/Component.tsx"; +import * as $$$$$$12 from "./sections/Content/FAQ.tsx"; +import * as $$$$$$13 from "./sections/Content/Hero.tsx"; +import * as $$$$$$14 from "./sections/Content/Intro.tsx"; +import * as $$$$$$15 from "./sections/Content/Logos.tsx"; +import * as $$$$$$16 from "./sections/Content/RotativeText.tsx"; +import * as $$$$$$17 from "./sections/DuvidasFrequentes/DuvidasFrequentes.tsx"; +import * as $$$$$$18 from "./sections/Footer/Footer.tsx"; +import * as $$$$$$19 from "./sections/GiftShelf/GiftShelf.tsx"; +import * as $$$$$$20 from "./sections/Header/Header.tsx"; +import * as $$$$$$21 from "./sections/HomeToCategoryBanner/HomeToCategoryBanner.tsx"; +import * as $$$$$$22 from "./sections/Images/BackgroundBanner.tsx"; +import * as $$$$$$23 from "./sections/Images/Banner.tsx"; +import * as $$$$$$24 from "./sections/Images/Carousel.tsx"; +import * as $$$$$$25 from "./sections/Images/ImageGallery.tsx"; +import * as $$$$$$26 from "./sections/Images/ShoppableBanner.tsx"; +import * as $$$$$$27 from "./sections/InteractiveBanner/InteractiveBanner.tsx"; +import * as $$$$$$28 from "./sections/Links/LinkTree.tsx"; +import * as $$$$$$29 from "./sections/MenuInstitucional/MenuInstitucional.tsx"; +import * as $$$$$$30 from "./sections/Miscellaneous/CampaignTimer.tsx"; +import * as $$$$$$31 from "./sections/Miscellaneous/CookieConsent.tsx"; +import * as $$$$$$32 from "./sections/Miscellaneous/Spacer.tsx"; +import * as $$$$$$33 from "./sections/Newsletter/Newsletter.tsx"; +import * as $$$$$$34 from "./sections/NossasLojas/NossasLojas.tsx"; +import * as $$$$$$35 from "./sections/NossasLojas/query.ts"; +import * as $$$$$$36 from "./sections/NossasLojas/types.ts"; +import * as $$$$$$37 from "./sections/Policy/Policy.tsx"; +import * as $$$$$$38 from "./sections/PopupLGPD/PopupLGPD.tsx"; +import * as $$$$$$39 from "./sections/Product/ProductBuyTogether.tsx"; +import * as $$$$$$40 from "./sections/Product/ProductDetails.tsx"; +import * as $$$$$$41 from "./sections/Product/ProductReviews.tsx"; +import * as $$$$$$42 from "./sections/Product/ProductShelf.tsx"; +import * as $$$$$$43 from "./sections/Product/ProductShelfTabbed.tsx"; +import * as $$$$$$44 from "./sections/Product/QuickView.tsx"; +import * as $$$$$$45 from "./sections/Product/SearchResult.tsx"; +import * as $$$$$$46 from "./sections/Product/ShelfWithImage.tsx"; +import * as $$$$$$47 from "./sections/Product/Wishlist.tsx"; +import * as $$$$$$48 from "./sections/Session.tsx"; +import * as $$$$$$49 from "./sections/Social/InstagramPosts.tsx"; +import * as $$$$$$50 from "./sections/Social/WhatsApp.tsx"; +import * as $$$$$$51 from "./sections/TabLayout/TabLayout.tsx"; +import * as $$$$$$52 from "./sections/Theme/Theme.tsx"; const manifest = { "loaders": { @@ -100,54 +106,59 @@ const manifest = { "site/loaders/youtubeVideo.ts": $$$19, }, "sections": { - "site/sections/Animation/Animation.tsx": $$$$$$0, - "site/sections/BenefitsBar/BenefitsBar.tsx": $$$$$$1, - "site/sections/BreadcrumbInstitucional/Breadcrumb.tsx": $$$$$$2, - "site/sections/Category/CategoryBottomBanner.tsx": $$$$$$3, - "site/sections/Category/CategoryGrid.tsx": $$$$$$4, - "site/sections/CollectionBanner/CollectionBanner.tsx": $$$$$$5, - "site/sections/Component.tsx": $$$$$$6, - "site/sections/Content/FAQ.tsx": $$$$$$7, - "site/sections/Content/Hero.tsx": $$$$$$8, - "site/sections/Content/Intro.tsx": $$$$$$9, - "site/sections/Content/Logos.tsx": $$$$$$10, - "site/sections/Content/RotativeText.tsx": $$$$$$11, - "site/sections/DuvidasFrequentes/DuvidasFrequentes.tsx": $$$$$$12, - "site/sections/Footer/Footer.tsx": $$$$$$13, - "site/sections/GiftShelf/GiftShelf.tsx": $$$$$$14, - "site/sections/Header/Header.tsx": $$$$$$15, - "site/sections/HomeToCategoryBanner/HomeToCategoryBanner.tsx": $$$$$$16, - "site/sections/Images/BackgroundBanner.tsx": $$$$$$17, - "site/sections/Images/Banner.tsx": $$$$$$18, - "site/sections/Images/Carousel.tsx": $$$$$$19, - "site/sections/Images/ImageGallery.tsx": $$$$$$20, - "site/sections/Images/ShoppableBanner.tsx": $$$$$$21, - "site/sections/InteractiveBanner/InteractiveBanner.tsx": $$$$$$22, - "site/sections/Links/LinkTree.tsx": $$$$$$23, - "site/sections/MenuInstitucional/MenuInstitucional.tsx": $$$$$$24, - "site/sections/Miscellaneous/CampaignTimer.tsx": $$$$$$25, - "site/sections/Miscellaneous/CookieConsent.tsx": $$$$$$26, - "site/sections/Miscellaneous/Spacer.tsx": $$$$$$27, - "site/sections/Newsletter/Newsletter.tsx": $$$$$$28, - "site/sections/NossasLojas/NossasLojas.tsx": $$$$$$29, - "site/sections/NossasLojas/query.ts": $$$$$$30, - "site/sections/NossasLojas/types.ts": $$$$$$31, - "site/sections/Policy/Policy.tsx": $$$$$$32, - "site/sections/PopupLGPD/PopupLGPD.tsx": $$$$$$33, - "site/sections/Product/ProductBuyTogether.tsx": $$$$$$34, - "site/sections/Product/ProductDetails.tsx": $$$$$$35, - "site/sections/Product/ProductReviews.tsx": $$$$$$36, - "site/sections/Product/ProductShelf.tsx": $$$$$$37, - "site/sections/Product/ProductShelfTabbed.tsx": $$$$$$38, - "site/sections/Product/QuickView.tsx": $$$$$$39, - "site/sections/Product/SearchResult.tsx": $$$$$$40, - "site/sections/Product/ShelfWithImage.tsx": $$$$$$41, - "site/sections/Product/Wishlist.tsx": $$$$$$42, - "site/sections/Session.tsx": $$$$$$43, - "site/sections/Social/InstagramPosts.tsx": $$$$$$44, - "site/sections/Social/WhatsApp.tsx": $$$$$$45, - "site/sections/TabLayout/TabLayout.tsx": $$$$$$46, - "site/sections/Theme/Theme.tsx": $$$$$$47, + "site/sections/AboutUs/AboutUsBanner.tsx": $$$$$$0, + "site/sections/AboutUs/AboutUsBubbles.tsx": $$$$$$1, + "site/sections/AboutUs/AboutUsCompanyInfo.tsx": $$$$$$2, + "site/sections/AboutUs/AboutUsIntroduction.tsx": $$$$$$3, + "site/sections/AboutUs/AboutUsVideo.tsx": $$$$$$4, + "site/sections/Animation/Animation.tsx": $$$$$$5, + "site/sections/BenefitsBar/BenefitsBar.tsx": $$$$$$6, + "site/sections/BreadcrumbInstitucional/Breadcrumb.tsx": $$$$$$7, + "site/sections/Category/CategoryBottomBanner.tsx": $$$$$$8, + "site/sections/Category/CategoryGrid.tsx": $$$$$$9, + "site/sections/CollectionBanner/CollectionBanner.tsx": $$$$$$10, + "site/sections/Component.tsx": $$$$$$11, + "site/sections/Content/FAQ.tsx": $$$$$$12, + "site/sections/Content/Hero.tsx": $$$$$$13, + "site/sections/Content/Intro.tsx": $$$$$$14, + "site/sections/Content/Logos.tsx": $$$$$$15, + "site/sections/Content/RotativeText.tsx": $$$$$$16, + "site/sections/DuvidasFrequentes/DuvidasFrequentes.tsx": $$$$$$17, + "site/sections/Footer/Footer.tsx": $$$$$$18, + "site/sections/GiftShelf/GiftShelf.tsx": $$$$$$19, + "site/sections/Header/Header.tsx": $$$$$$20, + "site/sections/HomeToCategoryBanner/HomeToCategoryBanner.tsx": $$$$$$21, + "site/sections/Images/BackgroundBanner.tsx": $$$$$$22, + "site/sections/Images/Banner.tsx": $$$$$$23, + "site/sections/Images/Carousel.tsx": $$$$$$24, + "site/sections/Images/ImageGallery.tsx": $$$$$$25, + "site/sections/Images/ShoppableBanner.tsx": $$$$$$26, + "site/sections/InteractiveBanner/InteractiveBanner.tsx": $$$$$$27, + "site/sections/Links/LinkTree.tsx": $$$$$$28, + "site/sections/MenuInstitucional/MenuInstitucional.tsx": $$$$$$29, + "site/sections/Miscellaneous/CampaignTimer.tsx": $$$$$$30, + "site/sections/Miscellaneous/CookieConsent.tsx": $$$$$$31, + "site/sections/Miscellaneous/Spacer.tsx": $$$$$$32, + "site/sections/Newsletter/Newsletter.tsx": $$$$$$33, + "site/sections/NossasLojas/NossasLojas.tsx": $$$$$$34, + "site/sections/NossasLojas/query.ts": $$$$$$35, + "site/sections/NossasLojas/types.ts": $$$$$$36, + "site/sections/Policy/Policy.tsx": $$$$$$37, + "site/sections/PopupLGPD/PopupLGPD.tsx": $$$$$$38, + "site/sections/Product/ProductBuyTogether.tsx": $$$$$$39, + "site/sections/Product/ProductDetails.tsx": $$$$$$40, + "site/sections/Product/ProductReviews.tsx": $$$$$$41, + "site/sections/Product/ProductShelf.tsx": $$$$$$42, + "site/sections/Product/ProductShelfTabbed.tsx": $$$$$$43, + "site/sections/Product/QuickView.tsx": $$$$$$44, + "site/sections/Product/SearchResult.tsx": $$$$$$45, + "site/sections/Product/ShelfWithImage.tsx": $$$$$$46, + "site/sections/Product/Wishlist.tsx": $$$$$$47, + "site/sections/Session.tsx": $$$$$$48, + "site/sections/Social/InstagramPosts.tsx": $$$$$$49, + "site/sections/Social/WhatsApp.tsx": $$$$$$50, + "site/sections/TabLayout/TabLayout.tsx": $$$$$$51, + "site/sections/Theme/Theme.tsx": $$$$$$52, }, "actions": { "site/actions/minicart/submit.ts": $$$$$$$$$0, diff --git a/static/tailwind.css b/static/tailwind.css index 2ea01cf..1906809 100644 --- a/static/tailwind.css +++ b/static/tailwind.css @@ -6625,31 +6625,31 @@ details.collapse summary::-webkit-details-marker { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .\!container { - max-width: 95rem !important; - width: 100% !important; - margin-right: auto !important; - margin-left: auto !important; - padding-left: 40px !important; - padding-right: 40px !important; - - @media (max-width: 1024px) { - padding-left: 20px !important; - padding-right: 20px !important; + max-width: 95rem !important; + width: 100% !important; + margin-right: auto !important; + margin-left: auto !important; + padding-left: 40px !important; + padding-right: 40px !important; + + @media (max-width: 1024px) { + padding-left: 20px !important; + padding-right: 20px !important; + } } -} .container { - max-width: 95rem; - width: 100%; - margin-right: auto; - margin-left: auto; - padding-left: 40px; - padding-right: 40px; + max-width: 95rem; + width: 100%; + margin-right: auto; + margin-left: auto; + padding-left: 40px; + padding-right: 40px; - @media (max-width: 1024px) { - padding-left: 20px; - padding-right: 20px; + @media (max-width: 1024px) { + padding-left: 20px; + padding-right: 20px; + } } -} .\[--chkbg\:\#FF8300\] { --chkbg: #FF8300; } @@ -7257,6 +7257,23 @@ details.collapse summary::-webkit-details-marker { bottom: 2.5rem; } + .mobile\:left-\[132px\] { + left: 132px; + } + + .mobile\:top-\[199px\] { + top: 199px; + } + + .mobile\:top-\[32px\] { + top: 32px; + } + + .mobile\:mx-\[8\.5px\] { + margin-left: 8.5px; + margin-right: 8.5px; + } + .mobile\:mx-auto { margin-left: auto; margin-right: auto; @@ -7331,6 +7348,14 @@ details.collapse summary::-webkit-details-marker { height: 153px; } + .mobile\:h-\[230px\] { + height: 230px; + } + + .mobile\:h-\[250px\] { + height: 250px; + } + .mobile\:h-\[305px\] { height: 305px; } @@ -7355,6 +7380,10 @@ details.collapse summary::-webkit-details-marker { width: 100%; } + .mobile\:w-\[100px\] { + width: 100px; + } + .mobile\:w-\[160px\] { width: 160px; } @@ -7566,20 +7595,20 @@ details.collapse summary::-webkit-details-marker { .mobile\:leading-\[26px\] { line-height: 26px; } -.mobile\:container { - max-width: 95rem; - width: 100%; - margin-right: auto; - margin-left: auto; - padding-left: 40px; - padding-right: 40px; + .mobile\:container { + max-width: 95rem; + width: 100%; + margin-right: auto; + margin-left: auto; + padding-left: 40px; + padding-right: 40px; - @media (max-width: 1024px) { - padding-left: 20px; - padding-right: 20px; + @media (max-width: 1024px) { + padding-left: 20px; + padding-right: 20px; + } } } -} @media (min-width: 680px) { .tablet\:w-\[328px\] { @@ -8189,20 +8218,20 @@ details.collapse summary::-webkit-details-marker { .desk\:leading-\[52\.8px\] { line-height: 52.8px; } -.desk\:container { - max-width: 95rem; - width: 100%; - margin-right: auto; - margin-left: auto; - padding-left: 40px; - padding-right: 40px; + .desk\:container { + max-width: 95rem; + width: 100%; + margin-right: auto; + margin-left: auto; + padding-left: 40px; + padding-right: 40px; - @media (max-width: 1024px) { - padding-left: 20px; - padding-right: 20px; + @media (max-width: 1024px) { + padding-left: 20px; + padding-right: 20px; + } } -} -.group:hover .desk\:group-hover\:block { + .group:hover .desk\:group-hover\:block { display: block; } }