@streamscloud/embeddable 1.2.0 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "1.2.0",
+  "version": "2.0.0",
   "author": "StreamsCloud",
   "repository": "https://github.com/StreamsCloud/streamscloud-frontend-packages.git",
   "type": "module",
@@ -28,12 +28,54 @@
       "svelte": "./dist/index.js"
     },
     "./stream-player": {
-      "types": "./dist/streams/stream-player-modal/index.d.ts",
-      "svelte": "./dist/streams/stream-player-modal/index.js"
+      "types": "./dist/streams/stream-player/index.d.ts",
+      "svelte": "./dist/streams/stream-player/index.js"
     },
     "./short-videos-player": {
-      "types": "./dist/short-videos/short-videos-player-modal/index.d.ts",
-      "svelte": "./dist/short-videos/short-videos-player-modal/index.js"
+      "types": "./dist/short-videos/short-videos-player/index.d.ts",
+      "svelte": "./dist/short-videos/short-videos-player/index.js"
+    },
+    "./stream-layout": {
+      "types": "./dist/streams/layout/index.d.ts",
+      "svelte": "./dist/streams/layout/index.js"
+    },
+    "./stream-layout/component": {
+      "types": "./dist/streams/layout/component.d.ts"
+    },
+    "./stream-layout/css-values": {
+      "types": "./dist/streams/layout/css-values.d.ts"
+    },
+    "./stream-layout/elements": {
+      "types": "./dist/streams/layout/elements.d.ts"
+    },
+    "./stream-layout/element-views": {
+      "types": "./dist/streams/layout/element-views/index.d.ts",
+      "svelte": "./dist/streams/layout/element-views/index.js"
+    },
+    "./stream-layout/enums": {
+      "types": "./dist/streams/layout/enums.d.ts"
+    },
+    "./stream-layout/models": {
+      "types": "./dist/streams/layout/models/index.d.ts",
+      "import": "./dist/streams/layout/models/index.js"
+    },
+    "./stream-layout/slot": {
+      "types": "./dist/streams/layout/slot.d.ts"
+    },
+    "./stream-layout/slot-data": {
+      "types": "./dist/streams/layout/slot-data.d.ts"
+    },
+    "./stream-layout/slot-data-input": {
+      "types": "./dist/streams/layout/slot-data-input.d.ts"
+    },
+    "./stream-layout/styles": {
+      "types": "./dist/streams/layout/styles.d.ts"
+    },
+    "./stream-layout/styles-transformer": {
+      "types": "./dist/streams/layout/styles-transformer.d.ts"
+    },
+    "./stream-layout/type-guards": {
+      "types": "./dist/streams/layout/type-guards.d.ts"
     }
   },
   "peerDependencies": {
@@ -44,46 +86,46 @@
     "svelte": "^5.25.3"
   },
   "devDependencies": {
-    "@eslint/compat": "^1.2.7",
-    "@eslint/js": "^9.23.0",
-    "@fluentui/svg-icons": "^1.1.292",
+    "@eslint/compat": "^1.2.9",
+    "@eslint/js": "^9.27.0",
+    "@fluentui/svg-icons": "^1.1.301",
     "@graphql-codegen/add": "^5.0.3",
-    "@graphql-codegen/cli": "^5.0.5",
+    "@graphql-codegen/cli": "^5.0.6",
     "@graphql-codegen/import-types-preset": "^3.0.0",
     "@graphql-codegen/introspection": "^4.0.3",
     "@graphql-codegen/near-operation-file-preset": "^3.0.0",
-    "@graphql-codegen/typed-document-node": "^5.1.0",
-    "@graphql-codegen/typescript": "^4.1.5",
-    "@graphql-codegen/typescript-operations": "^4.5.1",
+    "@graphql-codegen/typed-document-node": "^5.1.1",
+    "@graphql-codegen/typescript": "^4.1.6",
+    "@graphql-codegen/typescript-operations": "^4.6.1",
     "@graphql-typed-document-node/core": "^3.2.0",
     "@svelte-put/inline-svg": "^4.0.1",
-    "@sveltejs/package": "^2.3.10",
+    "@sveltejs/package": "^2.3.11",
     "@sveltejs/vite-plugin-svelte": "^5.0.3",
     "@tsconfig/svelte": "^5.0.4",
     "@urql/core": "^5.1.1",
     "autoprefixer": "^10.4.21",
-    "eslint": "^9.23.0",
-    "eslint-config-prettier": "^10.1.1",
+    "eslint": "^9.27.0",
+    "eslint-config-prettier": "^10.1.5",
     "eslint-formatter-codeframe": "^7.32.1",
     "eslint-formatter-visualstudio": "^8.40.0",
     "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jsonc": "^2.20.0",
+    "eslint-plugin-jsonc": "^2.20.1",
     "eslint-plugin-only-warn": "^1.1.0",
     "eslint-plugin-promise": "^7.2.1",
-    "eslint-plugin-svelte": "^3.3.3",
+    "eslint-plugin-svelte": "^3.9.0",
     "eslint-plugin-unused-imports": "^4.1.4",
-    "globals": "^16.0.0",
+    "globals": "^16.1.0",
     "mobile-detect": "^1.4.5",
     "prettier": "^3.5.3",
-    "prettier-plugin-svelte": "^3.3.3",
-    "publint": "^0.3.9",
-    "sass": "^1.86.0",
-    "svelte": "^5.25.3",
-    "svelte-check": "^4.1.5",
+    "prettier-plugin-svelte": "^3.4.0",
+    "publint": "^0.3.12",
+    "sass": "^1.89.0",
+    "svelte": "^5.33.1",
+    "svelte-check": "^4.2.1",
     "svelte-preprocess": "^6.0.3",
-    "typescript": "^5.8.2",
-    "typescript-eslint": "^8.28.0",
-    "vite": "^6.2.3",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.32.1",
+    "vite": "^6.3.5",
     "vite-tsconfig-paths": "^5.1.4"
   }
 }

package/dist/advertising/ad-view/cmp.ad-view.svelte

@@ -1,82 +0,0 @@
-<script lang="ts">import { getMediaItemImageUrl } from '../../core/media';
-import { Button, ButtonSize } from '../../ui/button';
-import { Image } from '../../ui/image';
-import { LineClamp } from '../../ui/line-clamp';
-import { ProportionalContainer } from '../../ui/proportional-container';
-let { ad, inert = false } = $props();
-</script>
-
-<div class="ad" inert={inert}>
-  <ProportionalContainer ratio={16 / 9}>
-    <Image src={getMediaItemImageUrl(ad.media)} alt={ad.title} />
-  </ProportionalContainer>
-  <div class="ad__body">
-    {#if ad.title}
-      <p class="ad__title">{ad.title}</p>
-    {/if}
-    {#if ad.description}
-      <p class="ad__description">
-        <LineClamp value={ad.description} maxLines={3} />
-      </p>
-    {/if}
-    {#if ad.buttonUrl}
-      <div class="ad__button">
-        <a href={ad.buttonUrl} target="_blank" class="ad__link">
-          <Button size={ButtonSize.Standard}>{ad.buttonText || ad.buttonUrl}</Button>
-        </a>
-      </div>
-    {/if}
-  </div>
-</div>
-
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.ad {
-  --_ad--global--font-size: var(--ad--global--font-size, 1rem);
-  --_ad--body--horizontal-indent: var(--ad--body--horizontal-indent, 1em);
-  --_ad--body--padding-top: var(--ad--body--padding-top, 1em);
-  --_ad--body--padding-bottom: var(--ad--body--padding-bottom, 1.25em);
-  --_ad--min-height: var(--ad--min-height, 0em);
-  --_ad--background: var(--ad--background, #fafafa);
-  font-size: var(--_ad--global--font-size);
-  display: flex;
-  flex-direction: column;
-  border-radius: 0.25em;
-  background: var(--_ad--background);
-  min-height: var(--_ad--min-height);
-  overflow: hidden;
-  width: 100%;
-}
-:global([data-theme="dark"]) .ad {
-  --_ad--background: var(--ad--background, #1c1c1c);
-}
-.ad__body {
-  padding: var(--_ad--body--padding-top) var(--_ad--body--horizontal-indent) var(--_ad--body--padding-top);
-}
-.ad__title {
-  font-size: 0.9375em;
-  font-weight: bold;
-  display: block;
-  margin-bottom: 0.8333333333em;
-}
-.ad__description {
-  font-size: 0.75em;
-  display: block;
-  margin-bottom: 1.3333333333em;
-  white-space: pre-line;
-  word-break: break-word;
-}
-.ad__button {
-  margin-top: 1em;
-  display: flex;
-  justify-content: center;
-}</style>

package/dist/advertising/ad-view/index.d.ts

@@ -1,2 +0,0 @@
-export { default as AdView } from './cmp.ad-view.svelte';
-export type { AdViewModel } from './types';

package/dist/advertising/ad-view/index.js

@@ -1 +0,0 @@
-export { default as AdView } from './cmp.ad-view.svelte';

package/dist/advertising/ad-view/mapper.d.ts

@@ -1,3 +0,0 @@
-import type { AdViewPayloadFragment } from './operations.generated';
-import type { AdViewModel } from './types';
-export declare const mapToAdViewModel: (payload: AdViewPayloadFragment) => AdViewModel;

package/dist/advertising/ad-view/mapper.js

@@ -1,16 +0,0 @@
-export const mapToAdViewModel = (payload) => {
-    const media = payload.media[0];
-    return {
-        id: payload.id,
-        title: payload.title,
-        description: payload.description,
-        buttonText: payload.buttonText,
-        buttonUrl: payload.buttonUrl,
-        openLinkInNewWindow: payload.openLinkInNewWindow,
-        media: {
-            url: media.url,
-            thumbnailUrl: media.thumbnailUrl,
-            type: media.type
-        }
-    };
-};

package/dist/advertising/ad-view/operations.generated.d.ts

@@ -1,17 +0,0 @@
-import type * as SchemaTypes from '../../../gql/types';
-import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
-export type AdViewPayloadFragment = {
-    id: string;
-    title: string;
-    description: string | null;
-    buttonText: string | null;
-    buttonUrl: string | null;
-    openLinkInNewWindow: boolean | null;
-    type: SchemaTypes.AdType;
-    media: Array<{
-        type: SchemaTypes.MediaType;
-        url: string;
-        thumbnailUrl: string | null;
-    }>;
-};
-export declare const AdViewPayloadFragmentDoc: DocumentNode<AdViewPayloadFragment, unknown>;

package/dist/advertising/ad-view/operations.generated.js

@@ -1,46 +0,0 @@
-export const AdViewPayloadFragmentDoc = {
-    kind: 'Document',
-    definitions: [
-        {
-            kind: 'FragmentDefinition',
-            name: { kind: 'Name', value: 'AdViewPayloadFragment' },
-            typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Ad' } },
-            selectionSet: {
-                kind: 'SelectionSet',
-                selections: [
-                    { kind: 'Field', name: { kind: 'Name', value: 'id' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'title' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'description' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'buttonText' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'buttonUrl' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'openLinkInNewWindow' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'type' } },
-                    {
-                        kind: 'Field',
-                        name: { kind: 'Name', value: 'media' },
-                        selectionSet: {
-                            kind: 'SelectionSet',
-                            selections: [
-                                { kind: 'Field', name: { kind: 'Name', value: 'type' } },
-                                {
-                                    kind: 'Field',
-                                    name: { kind: 'Name', value: 'url' },
-                                    arguments: [
-                                        { kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } } }
-                                    ]
-                                },
-                                {
-                                    kind: 'Field',
-                                    name: { kind: 'Name', value: 'thumbnailUrl' },
-                                    arguments: [
-                                        { kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } } }
-                                    ]
-                                }
-                            ]
-                        }
-                    }
-                ]
-            }
-        }
-    ]
-};

package/dist/advertising/ad-view/operations.graphql

@@ -1,14 +0,0 @@
-fragment AdViewPayloadFragment on Ad {
-  id
-  title
-  description
-  buttonText
-  buttonUrl
-  openLinkInNewWindow
-  type
-  media {
-    type
-    url(scale: $image_scale)
-    thumbnailUrl(scale: $image_scale)
-  }
-}

package/dist/advertising/ad-view/types.d.ts

@@ -1,10 +0,0 @@
-import type { MediaItemModel } from '../../core/media';
-export type AdViewModel = {
-    id: string;
-    title: string;
-    description: string | null;
-    buttonText: string | null;
-    buttonUrl: string | null;
-    openLinkInNewWindow: boolean | null;
-    media: MediaItemModel;
-};

package/dist/advertising/index.d.ts

@@ -1 +0,0 @@
-export { AdType } from './types';

package/dist/advertising/index.js

@@ -1 +0,0 @@
-export { AdType } from './types';

package/dist/advertising/types.d.ts

@@ -1,5 +0,0 @@
-export declare enum AdType {
-    BannerResponsive = "BANNER_RESPONSIVE",
-    MediaDialogPromotion = "MEDIA_DIALOG_PROMOTION",
-    Story = "STORY"
-}

package/dist/advertising/types.js

@@ -1,6 +0,0 @@
-export var AdType;
-(function (AdType) {
-    AdType["BannerResponsive"] = "BANNER_RESPONSIVE";
-    AdType["MediaDialogPromotion"] = "MEDIA_DIALOG_PROMOTION";
-    AdType["Story"] = "STORY";
-})(AdType || (AdType = {}));

package/dist/products/index.d.ts

@@ -1 +0,0 @@
-export { Currency } from './types';

package/dist/products/index.js

@@ -1 +0,0 @@
-export { Currency } from './types';

package/dist/products/product-card/cmp.product-card.svelte

@@ -1,121 +0,0 @@
-<script lang="ts">import { toPriceRepresentation } from '../price-helper';
-import { ImageRounded } from '../../ui/image';
-import { ProportionalContainer } from '../../ui/proportional-container';
-import { ProductCardLocalization } from './product-card-localization.svelte';
-let { model, localization: localizationInit, inert = false } = $props();
-const localization = $derived(new ProductCardLocalization(localizationInit));
-</script>
-
-<div class="product-card" inert={inert}>
-  <ProportionalContainer ratio={4 / 5}>
-    <ImageRounded src={model.image} noBorders={true} />
-  </ProportionalContainer>
-  <div class="product-card__name">{model.title}</div>
-  <div class="product-card__price">
-    <div class="product-price">
-      {#if !model.effectiveSalePrice}
-        <div class="product-price__price">{toPriceRepresentation(model.price, model.currency)}</div>
-      {:else}
-        <div class="product-price__before-price">
-          {#if localization.beforeNowPrefix}
-            {localization.beforeNowPrefix}
-          {/if}
-          {toPriceRepresentation(model.price, model.currency)}
-        </div>
-        <div class="product-price__price product-price__price--sale">
-          {toPriceRepresentation(model.effectiveSalePrice, model.currency)}
-        </div>
-      {/if}
-    </div>
-  </div>
-
-  {#if model.link}
-    <a href={model.link} target="_blank" rel="noopener noreferrer" class="product-card__link" aria-label="none">&nbsp;</a>
-  {/if}
-</div>
-
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.product-card {
-  --_product-card--global--font-size: var(--product-card--global--font-size, 1rem);
-  --_product-card--name--align: var(--product-card--name--align, center);
-  --_product-card--price--align: var(--product-card--price--align, center);
-  --_product-card--price--color: var(--product-card--price--color, var(--product-card--text--color));
-  --_product-card--price--font-size: var(--product-card--price--font-size, 1.0625em);
-  --_product-card--price--gap: var(--product-card--price--gap, 0.4375em);
-  --_product-card--price--before--color: var(--product-card--price--before--color, #e5e7eb);
-  --_product-card--price--before--font-size: var(--product-card--price--before--font-size, 0.75em);
-  --_product-card--text--color: var(--product-card--text--color);
-  --_product-card--before-price--color: var(--product-card--before-price--color, #e5e7eb);
-  font-size: var(--_product-card--global--font-size);
-  width: 100%;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  --image--rounded--outer--border-radius: 0.25em;
-}
-.product-card__name {
-  width: 100%;
-  color: var(--_product-card--text--color);
-  font-size: 0.9375em;
-  font-weight: 500;
-  margin-top: 0.5em;
-  text-align: var(--_product-card--name--align);
-  padding: 0 0.3125em;
-  text-overflow: ellipsis;
-  width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-}
-.product-card__price {
-  padding-top: 0.3125em;
-  margin-top: auto;
-}
-.product-card__link {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.product-price {
-  --_product-price--gap: var(--product-price--gap, 0.4375em);
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: var(--_product-price--gap);
-}
-.product-price__before-price {
-  width: 100%;
-  color: var(--_product-card--price--before--color);
-  text-decoration: line-through;
-  font-size: var(--_product-card--price--before--font-size);
-  font-weight: 500;
-  text-align: var(--_product-card--price--align);
-  text-overflow: ellipsis;
-  width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-}
-.product-price__price {
-  width: 100%;
-  color: var(--_product-card--price--color);
-  font-size: var(--_product-card--price--font-size);
-  font-weight: 800;
-  margin-top: auto;
-  text-align: var(--_product-card--price--align);
-  text-overflow: ellipsis;
-  width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-}</style>

package/dist/products/product-card/cmp.product-card.svelte.d.ts

@@ -1,10 +0,0 @@
-import { type IProductCardLocalization } from './product-card-localization.svelte';
-import type { ProductCardModel } from './types';
-type Props = {
-    model: ProductCardModel;
-    inert?: boolean;
-    localization?: IProductCardLocalization;
-};
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/products/product-card/index.d.ts

@@ -1,3 +0,0 @@
-export { default as ProductCard } from './cmp.product-card.svelte';
-export { type ProductCardModel } from './types';
-export { type IProductCardLocalization } from './product-card-localization.svelte';

package/dist/products/product-card/index.js

@@ -1,3 +0,0 @@
-export { default as ProductCard } from './cmp.product-card.svelte';
-export {} from './types';
-export {} from './product-card-localization.svelte';

package/dist/products/product-card/mapper.d.ts

@@ -1,3 +0,0 @@
-import type { ProductCardPayloadFragment } from './operations.generated';
-import type { ProductCardModel } from './types';
-export declare const mapToProductCard: (payload: ProductCardPayloadFragment) => ProductCardModel;

package/dist/products/product-card/mapper.js

@@ -1,14 +0,0 @@
-import { getMediaItemImageUrl } from '../../core/media';
-import { shouldUseSalePrice } from '../price-helper';
-export const mapToProductCard = (payload) => {
-    const effectiveSalePrice = payload.priceAndAvailability.productSalePrices?.find((x) => shouldUseSalePrice(payload.priceAndAvailability.price, x.salePrice, x.salePriceEffectiveDateFrom, x.salePriceEffectiveDateTo));
-    return {
-        id: payload.id,
-        title: payload.title,
-        image: payload.media.length ? getMediaItemImageUrl(payload.media[0]) : null,
-        currency: payload.priceAndAvailability.currency,
-        price: payload.priceAndAvailability.price,
-        effectiveSalePrice: effectiveSalePrice?.salePrice ?? null,
-        link: payload.link
-    };
-};

package/dist/products/product-card/operations.generated.d.ts

@@ -1,22 +0,0 @@
-import type * as SchemaTypes from '../../../gql/types';
-import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
-export type ProductCardPayloadFragment = {
-    title: string;
-    id: string;
-    link: string | null;
-    media: Array<{
-        url: string;
-        thumbnailUrl: string | null;
-        type: SchemaTypes.MediaType;
-    }>;
-    priceAndAvailability: {
-        currency: SchemaTypes.Currency;
-        price: number;
-        productSalePrices: Array<{
-            salePrice: number;
-            salePriceEffectiveDateFrom: any | null;
-            salePriceEffectiveDateTo: any | null;
-        }> | null;
-    };
-};
-export declare const ProductCardPayloadFragmentDoc: DocumentNode<ProductCardPayloadFragment, unknown>;

package/dist/products/product-card/operations.generated.js

@@ -1,65 +0,0 @@
-export const ProductCardPayloadFragmentDoc = {
-    kind: 'Document',
-    definitions: [
-        {
-            kind: 'FragmentDefinition',
-            name: { kind: 'Name', value: 'ProductCardPayloadFragment' },
-            typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Product' } },
-            selectionSet: {
-                kind: 'SelectionSet',
-                selections: [
-                    {
-                        kind: 'Field',
-                        name: { kind: 'Name', value: 'media' },
-                        selectionSet: {
-                            kind: 'SelectionSet',
-                            selections: [
-                                {
-                                    kind: 'Field',
-                                    name: { kind: 'Name', value: 'url' },
-                                    arguments: [
-                                        { kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } } }
-                                    ]
-                                },
-                                {
-                                    kind: 'Field',
-                                    name: { kind: 'Name', value: 'thumbnailUrl' },
-                                    arguments: [
-                                        { kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } } }
-                                    ]
-                                },
-                                { kind: 'Field', name: { kind: 'Name', value: 'type' } }
-                            ]
-                        }
-                    },
-                    { kind: 'Field', name: { kind: 'Name', value: 'title' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'id' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'link' } },
-                    {
-                        kind: 'Field',
-                        name: { kind: 'Name', value: 'priceAndAvailability' },
-                        selectionSet: {
-                            kind: 'SelectionSet',
-                            selections: [
-                                { kind: 'Field', name: { kind: 'Name', value: 'currency' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'price' } },
-                                {
-                                    kind: 'Field',
-                                    name: { kind: 'Name', value: 'productSalePrices' },
-                                    selectionSet: {
-                                        kind: 'SelectionSet',
-                                        selections: [
-                                            { kind: 'Field', name: { kind: 'Name', value: 'salePrice' } },
-                                            { kind: 'Field', name: { kind: 'Name', value: 'salePriceEffectiveDateFrom' } },
-                                            { kind: 'Field', name: { kind: 'Name', value: 'salePriceEffectiveDateTo' } }
-                                        ]
-                                    }
-                                }
-                            ]
-                        }
-                    }
-                ]
-            }
-        }
-    ]
-};

package/dist/products/product-card/operations.graphql

@@ -1,19 +0,0 @@
-fragment ProductCardPayloadFragment on Product {
-  media {
-    url(scale: $image_scale)
-    thumbnailUrl(scale: $image_scale)
-    type
-  }
-  title
-  id
-  link
-  priceAndAvailability {
-    currency
-    price
-    productSalePrices {
-      salePrice
-      salePriceEffectiveDateFrom
-      salePriceEffectiveDateTo
-    }
-  }
-}

package/dist/products/product-card/product-card-localization.svelte.d.ts

@@ -1,7 +0,0 @@
-export interface IProductCardLocalization {
-    beforeNowPrefix?: string | null;
-}
-export declare class ProductCardLocalization {
-    beforeNowPrefix: string | null;
-    constructor(init?: IProductCardLocalization);
-}