@streamscloud/embeddable 6.3.8 → 6.3.9

package/dist/ads/ad-card/cmp.ad-card.svelte

@@ -34,15 +34,17 @@ let { ad, inert = false } = $props();
     </div>
     <div class="ad-card__button-container">
       {#if ad.ctaButton}
-        <Button
-          size={ButtonSize.Standard}
-          on={{ click: () => ad.ctaButton && window.open(ad.ctaButton.url, '_blank') }}
-          --button--font--size="1em"
-          --button--font--color={ad.ctaButton.textColor}
-          --button--background={ad.ctaButton.background}
-          --button--min-width="100%">
-          <span class="ad-card__button-text">{ad.ctaButton.text}</span>
-        </Button>
+        <div class="ad-card__button">
+          <Button
+            size={ButtonSize.Standard}
+            on={{ click: () => ad.ctaButton && window.open(ad.ctaButton.url, '_blank') }}
+            --button--font--size="1em"
+            --button--font--color={ad.ctaButton.textColor}
+            --button--background={ad.ctaButton.background}
+            --button--min-width="100%">
+            <span class="ad-card__button-text">{ad.ctaButton.text}</span>
+          </Button>
+        </div>
       {/if}
     </div>
   </div>
@@ -60,13 +62,16 @@ let { ad, inert = false } = $props();
   }
 }
 .ad-card {
+  --image--object-fit: cover;
+  --image--width: auto;
+  --image--height: auto;
   width: 100%;
   height: max-content;
   display: flex;
   flex-direction: column;
   position: relative;
   container-type: inline-size;
-  aspect-ratio: 10/16;
+  aspect-ratio: 9/16;
   color: #000000;
   background-color: rgba(255, 255, 255, 0.9);
   border: 0.038125rem solid #f2f2f3;
@@ -93,7 +98,6 @@ let { ad, inert = false } = $props();
   width: 100%;
   --image--width: 100%;
   --image--height: 100%;
-  --image--object-fit: cover;
 }
 .ad-card__info {
   display: grid;
@@ -128,6 +132,8 @@ let { ad, inert = false } = $props();
   justify-content: flex-end;
   align-items: center;
   min-height: 3rem;
+  overflow: hidden;
+  min-width: 0;
   /* Set 'container-type: inline-size;' to reference container*/
 }
 @container (width < 230px) {
@@ -142,6 +148,7 @@ let { ad, inert = false } = $props();
   align-items: end;
   min-height: 2.5rem;
   margin-top: 0.125rem;
+  min-width: 0px;
   /* Set 'container-type: inline-size;' to reference container*/
 }
 @container (width < 230px) {
@@ -187,12 +194,15 @@ let { ad, inert = false } = $props();
   }
 }
 .ad-card__price {
-  font-size: 1.875rem;
+  font-size: 1.6875rem;
   font-weight: 700;
   text-align: right;
   display: flex;
   align-items: end;
   gap: 0.625rem;
+  width: 100%;
+  min-width: 0;
+  white-space: nowrap;
   /* Set 'container-type: inline-size;' to reference container*/
 }
 @container (width < 230px) {
@@ -205,11 +215,15 @@ let { ad, inert = false } = $props();
   font-weight: 400;
   font-style: normal;
   font-size: 0.75rem;
-  line-height: 1.125rem;
+  line-height: 1.09125rem;
   letter-spacing: 0;
   text-align: right;
   color: #6b7280;
   white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1 1 auto;
+  min-width: 0;
   /* Set 'container-type: inline-size;' to reference container*/
 }
 @container (width < 230px) {
@@ -217,4 +231,11 @@ let { ad, inert = false } = $props();
     font-size: 0.625rem;
     line-height: 0.875rem;
   }
+}
+.ad-card__button {
+  width: 100%;
+}
+.ad-card__button :global(*) {
+  width: 100%;
+  --button--min-width: 100%;
 }</style>

package/dist/streams/stream-player/internal-stream-analytics-handler.d.ts

@@ -6,7 +6,7 @@ export declare class InternalStreamAnalyticsHandler implements IStreamAnalyticsH
     trackStreamPageView: (pageId: string, streamId: string) => void;
     trackStreamEngagementTime: (streamId: string, engagementTime: number) => void;
     trackStreamScrollDepth: (streamId: string, scrollDepth: number) => void;
-    trackStreamProductImpression: (productId: string, streamId: string) => any;
+    trackStreamProductImpression: (productId: string, streamId: string) => void;
     trackStreamProductClicked: (productId: string, streamId: string) => void;
     reportPageVideoViews: (videoId: string, streamId: string) => void;
     trackShortVideoView: (videoId: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "6.3.8",
+  "version": "6.3.9",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",