@dytesdk/angular-ui-kit 2.3.0 → 2.3.1-staging.1

package/dist/lib/stencil-generated/index.d.ts

@@ -0,0 +1,2 @@
+import * as d from './components';
+export declare const DIRECTIVES: (typeof d.DyteAi | typeof d.DyteAiChat | typeof d.DyteAiHome | typeof d.DyteAiToggle | typeof d.DyteAiTranscriptions | typeof d.DyteAudioGrid | typeof d.DyteAudioTile | typeof d.DyteAudioVisualizer | typeof d.DyteAvatar | typeof d.DyteBreakoutRoomManager | typeof d.DyteBreakoutRoomParticipants | typeof d.DyteBreakoutRoomsManager | typeof d.DyteBreakoutRoomsToggle | typeof d.DyteBroadcastMessageModal | typeof d.DyteButton | typeof d.DyteCameraSelector | typeof d.DyteCameraToggle | typeof d.DyteCaptionToggle | typeof d.DyteChannelCreator | typeof d.DyteChannelDetails | typeof d.DyteChannelHeader | typeof d.DyteChannelSelectorUi | typeof d.DyteChannelSelectorView | typeof d.DyteChat | typeof d.DyteChatComposerUi | typeof d.DyteChatComposerView | typeof d.DyteChatMessage | typeof d.DyteChatMessagesUi | typeof d.DyteChatMessagesUiPaginated | typeof d.DyteChatSearchResults | typeof d.DyteChatSelectorUi | typeof d.DyteChatToggle | typeof d.DyteClock | typeof d.DyteConfirmationModal | typeof d.DyteControlbar | typeof d.DyteControlbarButton | typeof d.DyteCounter | typeof d.DyteDebugger | typeof d.DyteDebuggerAudio | typeof d.DyteDebuggerScreenshare | typeof d.DyteDebuggerSystem | typeof d.DyteDebuggerToggle | typeof d.DyteDebuggerVideo | typeof d.DyteDialog | typeof d.DyteDialogManager | typeof d.DyteDraftAttachmentView | typeof d.DyteEmojiPicker | typeof d.DyteEmojiPickerButton | typeof d.DyteEndedScreen | typeof d.DyteFileDropzone | typeof d.DyteFileMessage | typeof d.DyteFileMessageView | typeof d.DyteFilePickerButton | typeof d.DyteFullscreenToggle | typeof d.DyteGrid | typeof d.DyteGridPagination | typeof d.DyteHeader | typeof d.DyteIcon | typeof d.DyteIdleScreen | typeof d.DyteImageMessage | typeof d.DyteImageMessageView | typeof d.DyteImageViewer | typeof d.DyteInformationTooltip | typeof d.DyteJoinStage | typeof d.DyteLeaveButton | typeof d.DyteLeaveMeeting | typeof d.DyteLivestreamIndicator | typeof d.DyteLivestreamPlayer | typeof d.DyteLivestreamToggle | typeof d.DyteLogo | typeof d.DyteMarkdownView | typeof d.DyteMeeting | typeof d.DyteMeetingTitle | typeof d.DyteMenu | typeof d.DyteMenuItem | typeof d.DyteMenuList | typeof d.DyteMessageListView | typeof d.DyteMessageView | typeof d.DyteMicToggle | typeof d.DyteMicrophoneSelector | typeof d.DyteMixedGrid | typeof d.DyteMoreToggle | typeof d.DyteMuteAllButton | typeof d.DyteMuteAllConfirmation | typeof d.DyteNameTag | typeof d.DyteNetworkIndicator | typeof d.DyteNotification | typeof d.DyteNotifications | typeof d.DyteOverlayModal | typeof d.DytePaginatedList | typeof d.DyteParticipant | typeof d.DyteParticipantCount | typeof d.DyteParticipantSetup | typeof d.DyteParticipantTile | typeof d.DyteParticipants | typeof d.DyteParticipantsAudio | typeof d.DyteParticipantsStageList | typeof d.DyteParticipantsStageQueue | typeof d.DyteParticipantsToggle | typeof d.DyteParticipantsViewerList | typeof d.DyteParticipantsWaitingList | typeof d.DytePermissionsMessage | typeof d.DytePipToggle | typeof d.DytePluginMain | typeof d.DytePlugins | typeof d.DytePluginsToggle | typeof d.DytePoll | typeof d.DytePollForm | typeof d.DytePolls | typeof d.DytePollsToggle | typeof d.DyteRecordingIndicator | typeof d.DyteRecordingToggle | typeof d.DyteScreenShareToggle | typeof d.DyteScreenshareView | typeof d.DyteSettings | typeof d.DyteSettingsAudio | typeof d.DyteSettingsToggle | typeof d.DyteSettingsVideo | typeof d.DyteSetupScreen | typeof d.DyteSidebar | typeof d.DyteSidebarUi | typeof d.DyteSimpleGrid | typeof d.DyteSpeakerSelector | typeof d.DyteSpinner | typeof d.DyteSpotlightGrid | typeof d.DyteSpotlightIndicator | typeof d.DyteStage | typeof d.DyteStageToggle | typeof d.DyteSwitch | typeof d.DyteTabBar | typeof d.DyteTextComposerView | typeof d.DyteTextField | typeof d.DyteTextMessage | typeof d.DyteTextMessageView | typeof d.DyteTooltip | typeof d.DyteTranscript | typeof d.DyteTranscripts | typeof d.DyteUiProvider | typeof d.DyteViewerCount | typeof d.DyteVirtualizedParticipantList | typeof d.DyteWaitingScreen)[];

package/dist/public-api.d.ts

@@ -1,2 +1,3 @@
-export * from './lib/components.service';
-export * from './lib/components.component';
+export * from './lib/components.module';
+export { DIRECTIVES } from './lib/stencil-generated';
+export * from './lib/stencil-generated/components';

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@dytesdk/angular-ui-kit",
-  "version": "2.3.0",
+  "version": "2.3.1-staging.1",
   "description": "Dyte's UI Kit to support easy UI development for Angular Projects",
   "peerDependencies": {
-    "@angular/common": "^19.1.0",
-    "@angular/core": "^19.1.0",
-    "@dytesdk/ui-kit": "2.3.0"
+    "@angular/common": ">=12",
+    "@angular/core": ">=12"
   },
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": "^2.3.0",
+    "@dytesdk/ui-kit": "2.3.1-staging.1"
   },
   "publishConfig": {
     "tag": "staging"
@@ -17,30 +17,22 @@
     "dist/"
   ],
   "bugs": {
-    "url": "https://community.dyte.io"
+    "email": "support@dyte.io"
   },
   "sideEffects": false,
   "scripts": {
     "prepublishOnly": "cp package.json package.json.bak && node prepublish.js",
     "postpublish": "mv package.json.bak package.json"
   },
-  "module": "dist/fesm2015/dytesdk-angular-ui-kit.mjs",
-  "es2020": "dist/fesm2020/dytesdk-angular-ui-kit.mjs",
-  "esm2020": "dist/esm2020/dytesdk-angular-ui-kit.mjs",
-  "fesm2020": "dist/fesm2020/dytesdk-angular-ui-kit.mjs",
-  "fesm2015": "dist/fesm2015/dytesdk-angular-ui-kit.mjs",
-  "typings": "dist/dytesdk-angular-ui-kit.d.ts",
+  "module": "dist/fesm2022/dytesdk-angular-ui-kit.mjs",
+  "typings": "dist/index.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./dist/dytesdk-angular-ui-kit.d.ts",
-      "esm2020": "./dist/esm2020/dytesdk-angular-ui-kit.mjs",
-      "es2020": "./dist/fesm2020/dytesdk-angular-ui-kit.mjs",
-      "es2015": "./dist/fesm2015/dytesdk-angular-ui-kit.mjs",
-      "node": "./dist/fesm2015/dytesdk-angular-ui-kit.mjs",
-      "default": "./dist/fesm2020/dytesdk-angular-ui-kit.mjs"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/fesm2022/dytesdk-angular-ui-kit.mjs"
     }
   }
 }

package/dist/README.md

@@ -1,85 +0,0 @@
-<!-- PROJECT LOGO -->
-<p align="center">
-  <a href="https://dyte.io">
-    <img src="https://assets.dyte.io/logo-outlined.png" alt="Logo" width="120" />
-  </a>
-
-  <h2 align="center">Angular UI Kit by dyte</h3>
-
-  <p align="center">
-    A set of UI components to truly customize your meeting UI, in Angular
-    <br />
-    <a href="https://docs.dyte.io"><strong>Explore the docs »</strong></a>
-    <br />
-    <br />
-    <a href="https://app.dyte.io">View Demo</a>
-    ·
-    <a href="https://community.dyte.io">Report Bug</a>
-    ·
-    <a href="https://community.dyte.io">Request Feature</a>
-  </p>
-</p>
-
-<!-- TABLE OF CONTENTS -->
-
-## Table of Contents
-
-- [Getting Started](#getting-started)
-- [Usage](#usage)
-- [About](#about)
-
-<!-- GETTING STARTED -->
-
-## Getting Started
-
-> There are separate UI Kit packages for VanillaJS and React. Check out the links to the packages below
-
-> [UI Kit](https://npmjs.com/package/@dytesdk/ui-kit) · [React UI Kit](https://npmjs.com/package/@dytesdk/react-ui-kit)
-
-First, you will need to install the ui-kit along with the [web-core](https://npmjs.com/package/@dytesdk/web-core) package:
-
-```sh
-npm i @dytesdk/angular-ui-kit @dytesdk/web-core
-```
-
-The `web-core` package is the package which handles all the low level logic required for a meeting by interating with our servers. Use it to create a meeting object, which you can pass along to the UI Kit components.
-
-## Usage
-
-Load the component in your template file (component.html):
-
-```html
-<dyte-meeting #myid></dyte-meeting>
-```
-
-Then initialize and pass the meeting object to the component:
-
-```tsx
-class AppComponent {
-  title = 'MyProject';
-  @ViewChild('myid') meetingComponent: DyteMeeting;
-  dyteMeeting: DyteClient;
-
-  async ngAfterViewInit() {
-    const meeting = await DyteClient.init({
-      roomName: '<room-name>',
-      authToken: '<auth-token>',
-      defaults: {
-        video: true,
-        audio: true,
-      },
-    });
-    meeting.joinRoom();
-    this.dyteMeeting = meeting;
-    if (this.meetingComponent) this.meetingComponent.meeting = meeting;
-  }
-}
-```
-
-## About
-
-`angular-ui-kit` is created & maintained by Dyte, Inc. You can find us on Twitter - [@dyte_io](https://twitter.com/dyte_io) or write to us at `dev [at] dyte.io`.
-
-The names and logos for Dyte are trademarks of Dyte, Inc.
-
-We love open source software! See [our other projects](https://github.com/dyte-in) and [our products](https://dyte.io).

package/dist/lib/components.component.d.ts

@@ -1,8 +0,0 @@
-import { OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class ComponentsComponent implements OnInit {
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ComponentsComponent, "lib-components", never, {}, {}, never, never, true, never>;
-}

package/dist/lib/components.service.d.ts

@@ -1,6 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ComponentsService {
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentsService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ComponentsService>;
-}