fix: update streamshop sdk (#1028)

Co-authored-by: ryansantos <ryan.ribeiro@cadastra.com>

streamshop/sections/Carousel.tsx

@@ -3,7 +3,7 @@ import Section, {
   Props as SectionHeaderProps,
 } from "../components/ui/StreamshopSection.tsx";
 import { type LoadingFallbackProps } from "@deco/deco";
-import { useDevice } from "@deco/deco/hooks";
+import { useDevice, useScript } from "@deco/deco/hooks";
 
 interface StyleDesktop {
   /**
@@ -68,6 +68,7 @@ interface Props extends SectionHeaderProps {
   style: Style;
 }
 
+
 /**
  * @title StreamShop Carousel Video
  */
@@ -104,6 +105,8 @@ export default function Carousel({
     : style.styleMobile;
   return (
     <>
+      <script async src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-video.min.js" ></script>
+      <script async src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-carousel.min.js" ></script>
       <Section.Container
         class={clx(
           style?.containerWidth == "full" && "w-full !max-w-full",
@@ -132,26 +135,12 @@ export default function Carousel({
               : style?.radius == "pílula"
               ? "500px"
               : "5px"}
-            slugs-video={slugs.join(",")}
+            slugs-video={`${slugs.join(",")}`}
           >
             {/* @ts-ignore */}
           </liveshop-ads-carousel>
         </div>
-        <script
-          async
-          src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-video.min.js"
-        >
-        </script>
-        <script
-          async
-          src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-carousel.min.js"
-        >
-        </script>
-        <script
-          async
-          src="https://assets.streamshop.com.br/sdk/liveshop-web-sdk.min.js"
-        >
-        </script>
+
       </Section.Container>
     </>
   );

streamshop/sections/Stories.tsx

@@ -36,6 +36,8 @@ export default function Stories({
 }: Props) {
   return (
     <>
+    <script async src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-video.min.js" ></script>
+    <script async src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-carousel.min.js" ></script>
       <Section.Container>
         <Section.Header title={title} cta={cta} />
 
@@ -52,21 +54,6 @@ export default function Stories({
           </liveshop-ads-carousel>
         </div>
       </Section.Container>
-      <script
-        async
-        src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-video.min.js"
-      >
-      </script>
-      <script
-        async
-        src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-carousel.min.js"
-      >
-      </script>
-      <script
-        async
-        src="https://assets.streamshop.com.br/sdk/liveshop-web-sdk.min.js"
-      >
-      </script>
     </>
   );
 }