@streamscloud/embeddable 14.0.0-rc.0 → 14.0.0

package/dist/posts/controls/cmp.controls.svelte

@@ -1,120 +0,0 @@
-<script lang="ts">var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { IconColor } from '../../ui/icon';
-import { MediaVolumeManager } from '../../ui/media-playback';
-import { MobilePlayerButtonsGroup, PlayerButton, PlayerButtonsGroup } from '../../ui/player/button';
-import IconHeartFilled from '@fluentui/svg-icons/icons/heart_32_filled.svg?raw';
-import IconHeart from '@fluentui/svg-icons/icons/heart_32_regular.svg?raw';
-import IconShare from '@fluentui/svg-icons/icons/share_48_regular.svg?raw';
-import IconShoppingBag from '@fluentui/svg-icons/icons/shopping_bag_32_regular.svg?raw';
-import IconSpeaker2 from '@fluentui/svg-icons/icons/speaker_2_32_regular.svg?raw';
-import IconSpeakerMute from '@fluentui/svg-icons/icons/speaker_mute_32_regular.svg?raw';
-let { model, activeColor, inactiveColor, socialInteractionsHandler, extraActions, on } = $props();
-const showSocialInteractions = $derived(!!socialInteractionsHandler && model.enableSocialInteractions);
-let isLikedStore = $state.raw({
-    get isLiked() {
-        return false;
-    }
-});
-const actions = $derived.by(() => {
-    const result = [];
-    if (model.attachments) {
-        result.push({ icon: IconShoppingBag, callback: onAttachmentsClicked });
-    }
-    if (showSocialInteractions) {
-        result.push({
-            icon: isLikedStore.isLiked ? IconHeartFilled : IconHeart,
-            iconColor: isLikedStore.isLiked ? IconColor.Red : undefined,
-            callback: onLikeClicked
-        });
-        result.push({ icon: IconShare, callback: onShareClicked });
-    }
-    if (model.media && !model.media.currentItem.isImage) {
-        result.push({ icon: MediaVolumeManager.isMuted ? IconSpeakerMute : IconSpeaker2, callback: onMuteClicked });
-    }
-    if (extraActions === null || extraActions === void 0 ? void 0 : extraActions.length) {
-        result.push(...extraActions);
-    }
-    return result;
-});
-$effect(() => {
-    refreshIsLiked();
-});
-const onAttachmentsClicked = () => {
-    var _a;
-    (_a = on === null || on === void 0 ? void 0 : on.attachmentsClicked) === null || _a === void 0 ? void 0 : _a.call(on);
-};
-const onMuteClicked = () => {
-    MediaVolumeManager.isMuted = !MediaVolumeManager.isMuted;
-};
-const onLikeClicked = () => __awaiter(void 0, void 0, void 0, function* () {
-    if (!socialInteractionsHandler) {
-        return;
-    }
-    yield socialInteractionsHandler.toggleLike(model.id);
-});
-const onShareClicked = () => __awaiter(void 0, void 0, void 0, function* () {
-    if (!socialInteractionsHandler) {
-        return;
-    }
-    yield socialInteractionsHandler.share(model.id);
-});
-const refreshIsLiked = () => __awaiter(void 0, void 0, void 0, function* () {
-    if (!socialInteractionsHandler) {
-        return;
-    }
-    isLikedStore = yield socialInteractionsHandler.getIsLiked(model.id);
-});
-</script>
-
-<div class="desktop-controls">
-  {#if actions.length > 0}
-    {#if actions.length === 1}
-      <PlayerButton scaleEffect={true} activeColor={activeColor} inactiveColor={inactiveColor} icon={actions[0].icon} on={{ click: actions[0].callback }} />
-    {:else}
-      <PlayerButtonsGroup scaleEffect={true} activeColor={activeColor} backgroundColor={inactiveColor} actions={actions} />
-    {/if}
-  {/if}
-</div>
-
-<div class="mobile-controls">
-  <MobilePlayerButtonsGroup actions={actions} />
-</div>
-
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.desktop-controls {
-  display: block;
-  /* Set 'container-type: inline-size;' to reference container*/
-}
-@container (width < 576px) {
-  .desktop-controls {
-    display: none;
-  }
-}
-
-.mobile-controls {
-  display: none;
-  /* Set 'container-type: inline-size;' to reference container*/
-}
-@container (width < 576px) {
-  .mobile-controls {
-    display: block;
-  }
-}</style>

package/dist/posts/controls/cmp.controls.svelte.d.ts

@@ -1,16 +0,0 @@
-import type { PostModel } from '../model';
-import type { IPostSocialInteractionsHandler } from '../social-interactions';
-import { type PlayerButtonDef } from '../../ui/player/button';
-type Props = {
-    model: PostModel;
-    activeColor: string | null;
-    inactiveColor: string | null;
-    socialInteractionsHandler?: IPostSocialInteractionsHandler;
-    extraActions?: PlayerButtonDef[];
-    on?: {
-        attachmentsClicked?: () => void;
-    };
-};
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;