@streamlayer/react 0.14.1 → 0.14.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/index.js +4 -4
- package/lib/es/index.js +166 -166
- package/lib/index.d.ts +210 -208
- package/lib/style.css +1 -0
- package/package.json +10 -5
package/lib/index.d.ts
CHANGED
|
@@ -487,6 +487,213 @@ declare module "packages/sdk-web-api/src/index" {
|
|
|
487
487
|
host: string;
|
|
488
488
|
}, done: () => void) => void;
|
|
489
489
|
}
|
|
490
|
+
declare module "packages/sdk-web-notifications/src/notifications" {
|
|
491
|
+
import { SingleStore } from "packages/sdk-web-interfaces/src/index";
|
|
492
|
+
export type Nofitication<T extends Record<string, unknown> = any, M extends Record<string, Function> = never> = {
|
|
493
|
+
autoHideDuration?: number;
|
|
494
|
+
delay?: number;
|
|
495
|
+
data?: T;
|
|
496
|
+
type?: string;
|
|
497
|
+
action?: (...args: unknown[]) => void;
|
|
498
|
+
close?: (...args: unknown[]) => void;
|
|
499
|
+
methods?: {
|
|
500
|
+
action?: (...args: unknown[]) => void;
|
|
501
|
+
close?: (...args: unknown[]) => void;
|
|
502
|
+
} & M;
|
|
503
|
+
id: string;
|
|
504
|
+
};
|
|
505
|
+
/**
|
|
506
|
+
* @description app notifications (inapp)
|
|
507
|
+
*/
|
|
508
|
+
export class Notifications {
|
|
509
|
+
queue: SingleStore<Nofitication[]>;
|
|
510
|
+
constructor();
|
|
511
|
+
add: (notification: Nofitication) => void;
|
|
512
|
+
getQueueStore: () => import("nanostores").WritableAtom<Nofitication<any, never>[] | undefined>;
|
|
513
|
+
isNewNotify: (id: string) => boolean;
|
|
514
|
+
markAsViewed: (id: string) => void;
|
|
515
|
+
}
|
|
516
|
+
}
|
|
517
|
+
declare module "packages/sdk-web-notifications/src/index" {
|
|
518
|
+
import { StreamLayerContext } from "packages/sdk-web-interfaces/src/index";
|
|
519
|
+
import { Notifications } from "packages/sdk-web-notifications/src/notifications";
|
|
520
|
+
export type { Nofitication, Notifications } from "packages/sdk-web-notifications/src/notifications";
|
|
521
|
+
export type NotificationsStore = ReturnType<Notifications['getQueueStore']>;
|
|
522
|
+
module "packages/sdk-web-interfaces/src/index" {
|
|
523
|
+
interface StreamLayerContext {
|
|
524
|
+
notifications: Notifications;
|
|
525
|
+
addNotification: Notifications['add'];
|
|
526
|
+
}
|
|
527
|
+
interface StreamLayerSDK {
|
|
528
|
+
getNotificationsStore: Notifications['getQueueStore'];
|
|
529
|
+
}
|
|
530
|
+
}
|
|
531
|
+
/**
|
|
532
|
+
* notifications plugin, connect notifications to sdk
|
|
533
|
+
*/
|
|
534
|
+
export const notifications: (instance: StreamLayerContext, opts: unknown, done: () => void) => void;
|
|
535
|
+
}
|
|
536
|
+
declare module "packages/sdk-web-core/src/store/store" {
|
|
537
|
+
import type { OrganizationAdvertising, StreamSettings, OrganizationSettings, User, UserSettings } from "packages/sdk-web-types/src/index";
|
|
538
|
+
import { AbstractStore, SingleStore, ApiStore } from "packages/sdk-web-interfaces/src/index";
|
|
539
|
+
import { Transport } from "packages/sdk-web-api/src/index";
|
|
540
|
+
import { ReadableAtom } from 'nanostores';
|
|
541
|
+
import { FetcherValue } from '@nanostores/query';
|
|
542
|
+
export enum CoreStatus {
|
|
543
|
+
DISABLED = "disabled",
|
|
544
|
+
INITIALIZATION = "initialization",
|
|
545
|
+
READY = "ready",
|
|
546
|
+
FAILED = "failed",
|
|
547
|
+
SUSPENDED = "suspended"
|
|
548
|
+
}
|
|
549
|
+
export interface CoreStoreInterface {
|
|
550
|
+
enabled?: 'on';
|
|
551
|
+
status: string;
|
|
552
|
+
userKey?: string;
|
|
553
|
+
userToken?: string;
|
|
554
|
+
organizationSettings?: OrganizationSettings & {
|
|
555
|
+
id: string;
|
|
556
|
+
};
|
|
557
|
+
organizationAdvertising?: OrganizationAdvertising;
|
|
558
|
+
streamSettings?: StreamSettings;
|
|
559
|
+
user?: User;
|
|
560
|
+
userSettings?: UserSettings;
|
|
561
|
+
providerStreamId?: string;
|
|
562
|
+
slStreamId?: string;
|
|
563
|
+
}
|
|
564
|
+
const initializeStore: (transport: Transport) => {
|
|
565
|
+
readonly enabled: SingleStore<unknown, import("nanostores").WritableAtom<"on" | undefined>>;
|
|
566
|
+
readonly status: SingleStore<unknown, import("nanostores").WritableAtom<CoreStatus | undefined>>;
|
|
567
|
+
readonly providerStreamId: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
|
|
568
|
+
readonly slStreamId: ApiStore<string | undefined, import("@nanostores/query").FetcherStore<string | undefined>>;
|
|
569
|
+
readonly streamSettings: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").StreamSettings | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").StreamSettings | undefined>>;
|
|
570
|
+
readonly user: ApiStore<import("@streamlayer/sl-eslib/users/users_pb").MeResponse | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/users/users_pb").MeResponse | undefined>>;
|
|
571
|
+
readonly userKey: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
|
|
572
|
+
readonly userToken: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
|
|
573
|
+
readonly userSettings: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").ClientSettings | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").ClientSettings | undefined>>;
|
|
574
|
+
readonly organizationSettings: ApiStore<{
|
|
575
|
+
id: string;
|
|
576
|
+
overlays?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").SdkOverlay[] | undefined;
|
|
577
|
+
buttonIcon?: string | undefined;
|
|
578
|
+
tinodeHost?: string | undefined;
|
|
579
|
+
audience?: string | undefined;
|
|
580
|
+
name?: string | undefined;
|
|
581
|
+
provider?: string | undefined;
|
|
582
|
+
primaryColor?: string | undefined;
|
|
583
|
+
secondaryColor?: string | undefined;
|
|
584
|
+
moderationPrimaryColor?: string | undefined;
|
|
585
|
+
linkShareIcon?: string | undefined;
|
|
586
|
+
linkShareText?: string | undefined;
|
|
587
|
+
brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
|
|
588
|
+
pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
|
|
589
|
+
getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
|
|
590
|
+
} | undefined, import("@nanostores/query").FetcherStore<{
|
|
591
|
+
id: string;
|
|
592
|
+
overlays?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").SdkOverlay[] | undefined;
|
|
593
|
+
buttonIcon?: string | undefined;
|
|
594
|
+
tinodeHost?: string | undefined;
|
|
595
|
+
audience?: string | undefined;
|
|
596
|
+
name?: string | undefined;
|
|
597
|
+
provider?: string | undefined;
|
|
598
|
+
primaryColor?: string | undefined;
|
|
599
|
+
secondaryColor?: string | undefined;
|
|
600
|
+
moderationPrimaryColor?: string | undefined;
|
|
601
|
+
linkShareIcon?: string | undefined;
|
|
602
|
+
linkShareText?: string | undefined;
|
|
603
|
+
brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
|
|
604
|
+
pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
|
|
605
|
+
getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
|
|
606
|
+
} | undefined>>;
|
|
607
|
+
readonly organizationAdvertising: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined>>;
|
|
608
|
+
};
|
|
609
|
+
export type StoreObj = ReturnType<typeof initializeStore>;
|
|
610
|
+
export type CoreStores = {
|
|
611
|
+
[Index in keyof StoreObj]: ReturnType<StoreObj[Index]['getStore']>;
|
|
612
|
+
};
|
|
613
|
+
export type CoreStoresValues = {
|
|
614
|
+
[Index in keyof StoreObj]: ReturnType<StoreObj[Index]['getStore']>['value'];
|
|
615
|
+
};
|
|
616
|
+
export type CoreStoreInstance = ReadableAtom<CoreStoresValues>;
|
|
617
|
+
/**
|
|
618
|
+
* @description main app store
|
|
619
|
+
*/
|
|
620
|
+
export class CoreStore extends AbstractStore<CoreStoreInstance> {
|
|
621
|
+
private stores;
|
|
622
|
+
constructor(transport: Transport);
|
|
623
|
+
getValue(): unknown;
|
|
624
|
+
getValues(): {
|
|
625
|
+
readonly enabled: SingleStore<unknown, import("nanostores").WritableAtom<"on" | undefined>>;
|
|
626
|
+
readonly status: SingleStore<unknown, import("nanostores").WritableAtom<CoreStatus | undefined>>;
|
|
627
|
+
readonly providerStreamId: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
|
|
628
|
+
readonly slStreamId: ApiStore<string | undefined, import("@nanostores/query").FetcherStore<string | undefined>>;
|
|
629
|
+
readonly streamSettings: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").StreamSettings | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").StreamSettings | undefined>>;
|
|
630
|
+
readonly user: ApiStore<import("@streamlayer/sl-eslib/users/users_pb").MeResponse | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/users/users_pb").MeResponse | undefined>>;
|
|
631
|
+
readonly userKey: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
|
|
632
|
+
readonly userToken: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
|
|
633
|
+
readonly userSettings: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").ClientSettings | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").ClientSettings | undefined>>;
|
|
634
|
+
readonly organizationSettings: ApiStore<{
|
|
635
|
+
id: string;
|
|
636
|
+
overlays?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").SdkOverlay[] | undefined;
|
|
637
|
+
buttonIcon?: string | undefined;
|
|
638
|
+
tinodeHost?: string | undefined;
|
|
639
|
+
audience?: string | undefined;
|
|
640
|
+
name?: string | undefined;
|
|
641
|
+
provider?: string | undefined;
|
|
642
|
+
primaryColor?: string | undefined;
|
|
643
|
+
secondaryColor?: string | undefined;
|
|
644
|
+
moderationPrimaryColor?: string | undefined;
|
|
645
|
+
linkShareIcon?: string | undefined;
|
|
646
|
+
linkShareText?: string | undefined;
|
|
647
|
+
brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
|
|
648
|
+
pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
|
|
649
|
+
getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
|
|
650
|
+
} | undefined, import("@nanostores/query").FetcherStore<{
|
|
651
|
+
id: string;
|
|
652
|
+
overlays?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").SdkOverlay[] | undefined;
|
|
653
|
+
buttonIcon?: string | undefined;
|
|
654
|
+
tinodeHost?: string | undefined;
|
|
655
|
+
audience?: string | undefined;
|
|
656
|
+
name?: string | undefined;
|
|
657
|
+
provider?: string | undefined;
|
|
658
|
+
primaryColor?: string | undefined;
|
|
659
|
+
secondaryColor?: string | undefined;
|
|
660
|
+
moderationPrimaryColor?: string | undefined;
|
|
661
|
+
linkShareIcon?: string | undefined;
|
|
662
|
+
linkShareText?: string | undefined;
|
|
663
|
+
brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
|
|
664
|
+
pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
|
|
665
|
+
getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
|
|
666
|
+
} | undefined>>;
|
|
667
|
+
readonly organizationAdvertising: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined>>;
|
|
668
|
+
};
|
|
669
|
+
setValue(): void;
|
|
670
|
+
subscribe: (subscribes: Partial<StoreListeners>) => void;
|
|
671
|
+
unsubscribe: () => void;
|
|
672
|
+
}
|
|
673
|
+
export type StoreListeners = {
|
|
674
|
+
[Index in keyof StoreObj]: (params: FetcherValue<CoreStoreInterface[Index]>) => void;
|
|
675
|
+
};
|
|
676
|
+
}
|
|
677
|
+
declare module "packages/sdk-web-core/src/store/index" {
|
|
678
|
+
import { StreamLayerContext } from "packages/sdk-web-interfaces/src/index";
|
|
679
|
+
import { CoreStore, CoreStores, StoreObj, CoreStoreInstance } from "packages/sdk-web-core/src/store/store";
|
|
680
|
+
module "packages/sdk-web-interfaces/src/index" {
|
|
681
|
+
interface StreamLayerSDK {
|
|
682
|
+
sdkStore: CoreStoreInstance;
|
|
683
|
+
organizationStore: () => CoreStores['organizationSettings'];
|
|
684
|
+
}
|
|
685
|
+
interface StreamLayerContext {
|
|
686
|
+
store: CoreStore;
|
|
687
|
+
stores: StoreObj;
|
|
688
|
+
storeSubscribe: () => void;
|
|
689
|
+
storeUnsubscribe: () => void;
|
|
690
|
+
}
|
|
691
|
+
}
|
|
692
|
+
/**
|
|
693
|
+
* store plugin, connect store to sdk
|
|
694
|
+
*/
|
|
695
|
+
export const store: (instance: StreamLayerContext, opts: unknown, done: () => void) => void;
|
|
696
|
+
}
|
|
490
697
|
declare module "packages/feature-gamification/src/queries/leaderboard" {
|
|
491
698
|
import type { Transport } from "packages/sdk-web-api/src/index";
|
|
492
699
|
import { ReadableAtom } from 'nanostores';
|
|
@@ -800,11 +1007,10 @@ declare module "packages/feature-gamification/src/queries/actions" {
|
|
|
800
1007
|
export const skipQuestion: (transport: Transport, questionId: string) => Promise<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").SkipQuestionResponse>;
|
|
801
1008
|
}
|
|
802
1009
|
declare module "packages/feature-gamification/src/index" {
|
|
803
|
-
import { AbstractFeature, ApiStore, FeatureSource, type FeatureProps } from "packages/sdk-web-interfaces/src/index";
|
|
1010
|
+
import { AbstractFeature, ApiStore, FeatureSource, type FeatureProps, type StreamLayerContext } from "packages/sdk-web-interfaces/src/index";
|
|
804
1011
|
import type { GetApiResponseType } from "packages/sdk-web-api/src/index";
|
|
805
|
-
type StreamLayerContext = any;
|
|
806
1012
|
import { type GamesOverlaySettings } from "packages/sdk-web-types/src/index";
|
|
807
|
-
|
|
1013
|
+
import type { PlainMessage } from '@bufbuild/protobuf';
|
|
808
1014
|
import { ReadableAtom, WritableAtom } from 'nanostores';
|
|
809
1015
|
import * as queries from "packages/feature-gamification/src/queries/index";
|
|
810
1016
|
export class Gamification extends AbstractFeature<'games', PlainMessage<GamesOverlaySettings>> {
|
|
@@ -1091,147 +1297,6 @@ declare module "packages/sdk-web-features/src/index" {
|
|
|
1091
1297
|
}
|
|
1092
1298
|
export const features: (instance: StreamLayerContext, opts: unknown, done: () => void) => void;
|
|
1093
1299
|
}
|
|
1094
|
-
declare module "packages/sdk-web-core/src/store/store" {
|
|
1095
|
-
import type { OrganizationAdvertising, StreamSettings, OrganizationSettings, User, UserSettings } from "packages/sdk-web-types/src/index";
|
|
1096
|
-
import { AbstractStore, SingleStore, ApiStore } from "packages/sdk-web-interfaces/src/index";
|
|
1097
|
-
import { Transport } from "packages/sdk-web-api/src/index";
|
|
1098
|
-
import { ReadableAtom } from 'nanostores';
|
|
1099
|
-
import { FetcherValue } from '@nanostores/query';
|
|
1100
|
-
export enum CoreStatus {
|
|
1101
|
-
DISABLED = "disabled",
|
|
1102
|
-
INITIALIZATION = "initialization",
|
|
1103
|
-
READY = "ready",
|
|
1104
|
-
FAILED = "failed",
|
|
1105
|
-
SUSPENDED = "suspended"
|
|
1106
|
-
}
|
|
1107
|
-
export interface CoreStoreInterface {
|
|
1108
|
-
enabled?: 'on';
|
|
1109
|
-
status: string;
|
|
1110
|
-
userKey?: string;
|
|
1111
|
-
userToken?: string;
|
|
1112
|
-
organizationSettings?: OrganizationSettings & {
|
|
1113
|
-
id: string;
|
|
1114
|
-
};
|
|
1115
|
-
organizationAdvertising?: OrganizationAdvertising;
|
|
1116
|
-
streamSettings?: StreamSettings;
|
|
1117
|
-
user?: User;
|
|
1118
|
-
userSettings?: UserSettings;
|
|
1119
|
-
providerStreamId?: string;
|
|
1120
|
-
slStreamId?: string;
|
|
1121
|
-
}
|
|
1122
|
-
const initializeStore: (transport: Transport) => {
|
|
1123
|
-
readonly enabled: SingleStore<unknown, import("nanostores").WritableAtom<"on" | undefined>>;
|
|
1124
|
-
readonly status: SingleStore<unknown, import("nanostores").WritableAtom<CoreStatus | undefined>>;
|
|
1125
|
-
readonly providerStreamId: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
|
|
1126
|
-
readonly slStreamId: ApiStore<string | undefined, import("@nanostores/query").FetcherStore<string | undefined>>;
|
|
1127
|
-
readonly streamSettings: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").StreamSettings | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").StreamSettings | undefined>>;
|
|
1128
|
-
readonly user: ApiStore<import("@streamlayer/sl-eslib/users/users_pb").MeResponse | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/users/users_pb").MeResponse | undefined>>;
|
|
1129
|
-
readonly userKey: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
|
|
1130
|
-
readonly userToken: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
|
|
1131
|
-
readonly userSettings: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").ClientSettings | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").ClientSettings | undefined>>;
|
|
1132
|
-
readonly organizationSettings: ApiStore<{
|
|
1133
|
-
id: string;
|
|
1134
|
-
overlays?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").SdkOverlay[] | undefined;
|
|
1135
|
-
buttonIcon?: string | undefined;
|
|
1136
|
-
tinodeHost?: string | undefined;
|
|
1137
|
-
audience?: string | undefined;
|
|
1138
|
-
name?: string | undefined;
|
|
1139
|
-
provider?: string | undefined;
|
|
1140
|
-
primaryColor?: string | undefined;
|
|
1141
|
-
secondaryColor?: string | undefined;
|
|
1142
|
-
moderationPrimaryColor?: string | undefined;
|
|
1143
|
-
linkShareIcon?: string | undefined;
|
|
1144
|
-
linkShareText?: string | undefined;
|
|
1145
|
-
brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
|
|
1146
|
-
pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
|
|
1147
|
-
getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
|
|
1148
|
-
} | undefined, import("@nanostores/query").FetcherStore<{
|
|
1149
|
-
id: string;
|
|
1150
|
-
overlays?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").SdkOverlay[] | undefined;
|
|
1151
|
-
buttonIcon?: string | undefined;
|
|
1152
|
-
tinodeHost?: string | undefined;
|
|
1153
|
-
audience?: string | undefined;
|
|
1154
|
-
name?: string | undefined;
|
|
1155
|
-
provider?: string | undefined;
|
|
1156
|
-
primaryColor?: string | undefined;
|
|
1157
|
-
secondaryColor?: string | undefined;
|
|
1158
|
-
moderationPrimaryColor?: string | undefined;
|
|
1159
|
-
linkShareIcon?: string | undefined;
|
|
1160
|
-
linkShareText?: string | undefined;
|
|
1161
|
-
brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
|
|
1162
|
-
pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
|
|
1163
|
-
getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
|
|
1164
|
-
} | undefined>>;
|
|
1165
|
-
readonly organizationAdvertising: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined>>;
|
|
1166
|
-
};
|
|
1167
|
-
export type StoreObj = ReturnType<typeof initializeStore>;
|
|
1168
|
-
export type CoreStores = {
|
|
1169
|
-
[Index in keyof StoreObj]: ReturnType<StoreObj[Index]['getStore']>;
|
|
1170
|
-
};
|
|
1171
|
-
export type CoreStoresValues = {
|
|
1172
|
-
[Index in keyof StoreObj]: ReturnType<StoreObj[Index]['getStore']>['value'];
|
|
1173
|
-
};
|
|
1174
|
-
export type CoreStoreInstance = ReadableAtom<CoreStoresValues>;
|
|
1175
|
-
/**
|
|
1176
|
-
* @description main app store
|
|
1177
|
-
*/
|
|
1178
|
-
export class CoreStore extends AbstractStore<CoreStoreInstance> {
|
|
1179
|
-
private stores;
|
|
1180
|
-
constructor(transport: Transport);
|
|
1181
|
-
getValue(): unknown;
|
|
1182
|
-
getValues(): {
|
|
1183
|
-
readonly enabled: SingleStore<unknown, import("nanostores").WritableAtom<"on" | undefined>>;
|
|
1184
|
-
readonly status: SingleStore<unknown, import("nanostores").WritableAtom<CoreStatus | undefined>>;
|
|
1185
|
-
readonly providerStreamId: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
|
|
1186
|
-
readonly slStreamId: ApiStore<string | undefined, import("@nanostores/query").FetcherStore<string | undefined>>;
|
|
1187
|
-
readonly streamSettings: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").StreamSettings | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").StreamSettings | undefined>>;
|
|
1188
|
-
readonly user: ApiStore<import("@streamlayer/sl-eslib/users/users_pb").MeResponse | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/users/users_pb").MeResponse | undefined>>;
|
|
1189
|
-
readonly userKey: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
|
|
1190
|
-
readonly userToken: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
|
|
1191
|
-
readonly userSettings: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").ClientSettings | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").ClientSettings | undefined>>;
|
|
1192
|
-
readonly organizationSettings: ApiStore<{
|
|
1193
|
-
id: string;
|
|
1194
|
-
overlays?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").SdkOverlay[] | undefined;
|
|
1195
|
-
buttonIcon?: string | undefined;
|
|
1196
|
-
tinodeHost?: string | undefined;
|
|
1197
|
-
audience?: string | undefined;
|
|
1198
|
-
name?: string | undefined;
|
|
1199
|
-
provider?: string | undefined;
|
|
1200
|
-
primaryColor?: string | undefined;
|
|
1201
|
-
secondaryColor?: string | undefined;
|
|
1202
|
-
moderationPrimaryColor?: string | undefined;
|
|
1203
|
-
linkShareIcon?: string | undefined;
|
|
1204
|
-
linkShareText?: string | undefined;
|
|
1205
|
-
brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
|
|
1206
|
-
pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
|
|
1207
|
-
getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
|
|
1208
|
-
} | undefined, import("@nanostores/query").FetcherStore<{
|
|
1209
|
-
id: string;
|
|
1210
|
-
overlays?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").SdkOverlay[] | undefined;
|
|
1211
|
-
buttonIcon?: string | undefined;
|
|
1212
|
-
tinodeHost?: string | undefined;
|
|
1213
|
-
audience?: string | undefined;
|
|
1214
|
-
name?: string | undefined;
|
|
1215
|
-
provider?: string | undefined;
|
|
1216
|
-
primaryColor?: string | undefined;
|
|
1217
|
-
secondaryColor?: string | undefined;
|
|
1218
|
-
moderationPrimaryColor?: string | undefined;
|
|
1219
|
-
linkShareIcon?: string | undefined;
|
|
1220
|
-
linkShareText?: string | undefined;
|
|
1221
|
-
brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
|
|
1222
|
-
pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
|
|
1223
|
-
getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
|
|
1224
|
-
} | undefined>>;
|
|
1225
|
-
readonly organizationAdvertising: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined>>;
|
|
1226
|
-
};
|
|
1227
|
-
setValue(): void;
|
|
1228
|
-
subscribe: (subscribes: Partial<StoreListeners>) => void;
|
|
1229
|
-
unsubscribe: () => void;
|
|
1230
|
-
}
|
|
1231
|
-
export type StoreListeners = {
|
|
1232
|
-
[Index in keyof StoreObj]: (params: FetcherValue<CoreStoreInterface[Index]>) => void;
|
|
1233
|
-
};
|
|
1234
|
-
}
|
|
1235
1300
|
declare module "packages/sdk-web-core/src/auth/bypass/index" {
|
|
1236
1301
|
import { AbstractAuthenticationProvider } from "packages/sdk-web-interfaces/src/index";
|
|
1237
1302
|
import { Transport } from "packages/sdk-web-api/src/index";
|
|
@@ -1273,26 +1338,6 @@ declare module "packages/sdk-web-core/src/auth/index" {
|
|
|
1273
1338
|
}
|
|
1274
1339
|
export const bypass: (instance: StreamLayerContext, opts: unknown, done: () => void) => Promise<void>;
|
|
1275
1340
|
}
|
|
1276
|
-
declare module "packages/sdk-web-core/src/store/index" {
|
|
1277
|
-
import { StreamLayerContext } from "packages/sdk-web-interfaces/src/index";
|
|
1278
|
-
import { CoreStore, CoreStores, StoreObj, CoreStoreInstance } from "packages/sdk-web-core/src/store/store";
|
|
1279
|
-
module "packages/sdk-web-interfaces/src/index" {
|
|
1280
|
-
interface StreamLayerSDK {
|
|
1281
|
-
sdkStore: CoreStoreInstance;
|
|
1282
|
-
organizationStore: () => CoreStores['organizationSettings'];
|
|
1283
|
-
}
|
|
1284
|
-
interface StreamLayerContext {
|
|
1285
|
-
store: CoreStore;
|
|
1286
|
-
stores: StoreObj;
|
|
1287
|
-
storeSubscribe: () => void;
|
|
1288
|
-
storeUnsubscribe: () => void;
|
|
1289
|
-
}
|
|
1290
|
-
}
|
|
1291
|
-
/**
|
|
1292
|
-
* store plugin, connect store to sdk
|
|
1293
|
-
*/
|
|
1294
|
-
export const store: (instance: StreamLayerContext, opts: unknown, done: () => void) => void;
|
|
1295
|
-
}
|
|
1296
1341
|
declare module "packages/react-ui/src/lib/demo/components/UserSummary" {
|
|
1297
1342
|
import type { Gamification } from "packages/feature-gamification/src/index";
|
|
1298
1343
|
export const UserSummary: React.FC<{
|
|
@@ -1352,49 +1397,6 @@ declare module "packages/react-ui/src/lib/demo/components/Question" {
|
|
|
1352
1397
|
vote: (questionId: string, answerId: string) => void;
|
|
1353
1398
|
}>;
|
|
1354
1399
|
}
|
|
1355
|
-
declare module "packages/sdk-web-core/src/notifications/notifications" {
|
|
1356
|
-
import { SingleStore } from "packages/sdk-web-interfaces/src/index";
|
|
1357
|
-
export type Nofitication<T extends Record<string, unknown> = any> = {
|
|
1358
|
-
variant?: 'default' | 'error' | 'success' | 'warning' | 'info';
|
|
1359
|
-
autoHideDuration?: number;
|
|
1360
|
-
delay?: number;
|
|
1361
|
-
data?: T;
|
|
1362
|
-
type?: string;
|
|
1363
|
-
action?: (...args: unknown[]) => void;
|
|
1364
|
-
close?: (...args: unknown[]) => void;
|
|
1365
|
-
id: string;
|
|
1366
|
-
};
|
|
1367
|
-
/**
|
|
1368
|
-
* @description app notifications (inapp)
|
|
1369
|
-
*/
|
|
1370
|
-
export class Notifications {
|
|
1371
|
-
queue: SingleStore<Nofitication[]>;
|
|
1372
|
-
constructor();
|
|
1373
|
-
add: (notification: Nofitication) => void;
|
|
1374
|
-
getQueueStore: () => import("nanostores").WritableAtom<Nofitication<any>[] | undefined>;
|
|
1375
|
-
isNewNotify: (id: string) => boolean;
|
|
1376
|
-
markAsViewed: (id: string) => void;
|
|
1377
|
-
}
|
|
1378
|
-
}
|
|
1379
|
-
declare module "packages/sdk-web-core/src/notifications/index" {
|
|
1380
|
-
import { StreamLayerContext } from "packages/sdk-web-interfaces/src/index";
|
|
1381
|
-
import { Notifications } from "packages/sdk-web-core/src/notifications/notifications";
|
|
1382
|
-
export type { Nofitication } from "packages/sdk-web-core/src/notifications/notifications";
|
|
1383
|
-
export type NotificationsStore = ReturnType<Notifications['getQueueStore']>;
|
|
1384
|
-
module "packages/sdk-web-interfaces/src/index" {
|
|
1385
|
-
interface StreamLayerContext {
|
|
1386
|
-
notifications: Notifications;
|
|
1387
|
-
addNotification: Notifications['add'];
|
|
1388
|
-
}
|
|
1389
|
-
interface StreamLayerSDK {
|
|
1390
|
-
getNotificationsStore: Notifications['getQueueStore'];
|
|
1391
|
-
}
|
|
1392
|
-
}
|
|
1393
|
-
/**
|
|
1394
|
-
* notifications plugin, connect notifications to sdk
|
|
1395
|
-
*/
|
|
1396
|
-
export const notifications: (instance: StreamLayerContext, opts: unknown, done: () => void) => void;
|
|
1397
|
-
}
|
|
1398
1400
|
declare module "packages/react-ui/src/lib/demo/notifications/components/onboarding-inapp/styles" {
|
|
1399
1401
|
export const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
1400
1402
|
export const BackgroundBlock: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
@@ -1493,7 +1495,7 @@ declare module "packages/react-ui/src/index" {
|
|
|
1493
1495
|
}
|
|
1494
1496
|
declare module "packages/sdk-web-core/src/index" {
|
|
1495
1497
|
import { StreamLayerContext } from "packages/sdk-web-interfaces/src/index";
|
|
1496
|
-
|
|
1498
|
+
module "packages/sdk-web-interfaces/src/index" {
|
|
1497
1499
|
interface StreamLayerSDK {
|
|
1498
1500
|
initializeApp: () => Promise<{
|
|
1499
1501
|
enabled?: boolean;
|
package/lib/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.c9qy17s{box-sizing:border-box;border:1px solid var(--color-blue-primary);border-radius:13px;background-color:var(--color-bg-transparent);color:var(--color-white);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;overflow:hidden;-webkit-animation:slidein-c9qy17s .3s ease-in;animation:slidein-c9qy17s .3s ease-in}@-webkit-keyframes slidein-c9qy17s{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}@keyframes slidein-c9qy17s{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.izm7bh6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:14px;background-color:var(--color-blue-primary)}.idz78qr{max-width:40px;max-height:40px;width:100%;height:100%;border-radius:50%}.c10q7tz9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tggina0{padding-left:20px;padding-right:5px;font-weight:700;font-size:14px;-webkit-flex:1;-ms-flex:1;flex:1}.trf72s7{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;text-overflow:ellipsis}.c1y5ee23{padding:20px}.c1119qn2{border:none;outline:none;background-color:transparent;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c10uaw1n{width:24px;height:24px}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.r1l1rnv7{color:var(--color-red-2);font-size:12px}.pkueuwk{border-radius:8px;padding:0 12px;background-color:var(--color-transparent-item);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.fp66u19{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.fwojs5e{margin-bottom:20px;font-size:18px}.fwvt1dc{margin-bottom:10px;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.f16e2wbc{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;padding:6px;text-transform:uppercase;color:#fff;cursor:pointer;margin-bottom:20px}.f16e2wbc:disabled{opacity:.5;cursor:default}.f1xkchzs{margin-bottom:40px;border-bottom:1px solid white}.f1xkchzs input{font-size:20px;background:transparent;color:#fff;border:none;outline:none}.d132q1j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:20px}.d132q1j input{width:20px;height:40px;font-size:40px}.c18fa2p6{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--color-white);-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.cthywkn{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;margin-bottom:20px}.obeaxxh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:36px;padding:6px 16px 10px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #22262b}.l1jam9nb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.r17ziiq1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gxb34q2{width:24px;height:24px}.s10k8h8y{height:24px}.ca5j1zk{border:none;outline:none;background-color:transparent;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.i6wd7es{width:24px;height:24px}.onaxor0{color:var(--color-white);width:100%;border:none;outline:none;background-color:var(--color-green-primary-btn);cursor:pointer;padding:12px 16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;font-weight:600;border-radius:6px}.c1tc3ie1{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cenyr9j{width:80%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.g17082th{margin-bottom:24px;width:100%}.hr58r57{word-break:break-word;font-weight:600;font-size:17px;padding:0 20px;text-align:center}.c1k109z3{width:100%;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;padding:0 8px}.tl3o9j9{font-size:20px;font-weight:700}.rp7yn67{width:100%}.r18km3gu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:100%;margin-top:24px}.rtu7hsj{background-color:var(--color-green-primary-btn);margin-right:16px;width:36px;height:36px;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.rfkkuag{word-break:break-word;overflow:hidden;padding-right:30px;-webkit-flex:1;-ms-flex:1;flex:1;max-height:39px}.ckff0a9{width:100%;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.czw1kx1{color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.i2e7ir3{width:48px;height:48px;border-radius:50%;margin-bottom:24px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:var(--color-green-primary-btn)}.i2tfvcu{width:24px;height:24px}.hnq23ee{font-size:20px;font-weight:600;text-align:center;margin-bottom:8px}.s2drh5v{font-size:14px;font-weight:400;text-align:center}.iiwwayv{border:none;outline:none;background-color:transparent;border:2px solid var(--color-green-primary-btn);padding:12px 16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;border-radius:6px;margin-top:24px}.p1fl4kim{border-radius:8px;padding:12px;background-color:var(--color-transparent-item);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.p1fl4kim:hover{background:#000}.qqhwgfn{padding-right:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.q1lyf5nv{width:16px;height:16px}.qlmoky7{font-weight:700;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.qp1y7hu{color:var(--color-grey-primary);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:5px;text-transform:uppercase}.q1de583k{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ql7tvph{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;font-size:8px;padding:6px;height:20px;text-transform:uppercase;color:#fff;cursor:pointer}.qh0ibjl{border:none;font-size:8px;padding:6px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;cursor:pointer}.q1bdpn1b{width:16px;height:16px}.q6tdooc{text-transform:uppercase}.e1f2al71{text-transform:uppercase;border-left:1px solid var(--color-grey-primary);padding-left:5px;margin-left:5px}.c4iwna9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:13px;height:100%}.th1ieuk{color:var(--color-grey-primary);text-transform:uppercase;font-size:12px;font-weight:500;margin-bottom:8px}.iiqbvdu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;max-height:100%}.iiqbvdu>div{margin-bottom:8px}.c13i6lze{font-weight:700;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:4px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.ix2bv9{font-size:18px;color:#fff}.c5ghaaw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:2px;column-gap:2px;overflow:hidden}.txfzjhj{width:75px}.i1v0wmto{font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:25px}.canai20{background-color:var(--color-transparent-user-container);border-radius:12px;color:var(--color-grey-primary);font-size:10px;font-weight:600}.tda0d57{padding:12px;border-bottom:1px solid var(--color-divider-color-primary);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:5px;column-gap:5px}.boqy4xv{padding:12px 16px;text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:16px;column-gap:16px}.u1dtpq3t{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden}.ar4jfc{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.u1trcvj0{padding-top:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:4px;overflow:hidden}.u1pie8mc{font-size:18px;color:var(--color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ucsljfb{text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tyemu1i{width:12px;height:12px;margin-right:4px}.rggn4k7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;border-right:1px solid var(--color-divider-color-secondary);padding-right:5px}.rnmjsbm{font-size:14px;color:var(--color-white)}.t1i7e651{padding-left:5px}.r1mt107z{text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:4px}.apag0gc{background:#2d6ffd;border-radius:50%;width:48px;height:48px;text-align:center;text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:18px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.uroanb5{border:none;outline:none;background-color:transparent;cursor:pointer;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;width:100%;height:100%;max-width:48px;max-height:48px}.c4emhbe{box-sizing:border-box;border-radius:4px;background-color:var(--color-bg-transparent-item-vote);border:2px solid transparent;position:relative}.c4emhbe[data-questionAnswered=false]:hover{border-color:inherit}.a1a18ay2.c4emhbe{border:2px solid}.a1a18ay2.c4emhbe[data-answeredCorrect=true]{background-color:var(--color-transparent-item-success);border-color:var(--color-blue-primary)}.a1a18ay2.c4emhbe[data-answeredCorrect=true]:hover{border-color:var(--color-blue-primary)}.a1a18ay2.c4emhbe[data-answeredCorrect=false]{background-color:var(--color-transparent-item-error);border-color:var(--color-red-primary)}.a1a18ay2.c4emhbe[data-answeredCorrect=false]:hover{border-color:var(--color-red-primary)}.bvdmnzn{position:absolute;left:0;border-radius:2px;z-index:0;height:100%;background-color:inherit;-webkit-transition:all 1s ease-in;transition:all 1s ease-in}.bz55cek{position:relative;background-color:transparent;padding:0 16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;outline:none;width:100%;color:var(--color-white);font-weight:700;font-size:14px;height:100%;border-radius:2px;cursor:pointer}.bz55cek:disabled{cursor:default}.i1u5zlvm{width:32px;height:32px;border-radius:50%;margin-right:8px}.tfilm7j{overflow:hidden;word-break:break-all;padding:12px 0;-webkit-flex:1;-ms-flex:1;flex:1;text-align:left}.iqdzfbw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.ciu4mnt{width:16px;height:16px;margin-left:8px}.pl06bzo{margin-left:12px}.c5bwq34{width:16px;height:16px}.cgz6mxc{padding:16px;color:var(--color-white);font-weight:700;font-size:14px}.cgz6mxc>div:not(:last-child){margin-bottom:16px}.ta6van7{font-size:16px}.o1msgqq4{overflow-y:auto;max-height:220px;position:relative}.o1msgqq4>div:not(:last-child){margin-bottom:12px}.lq1mbhd{position:absolute;left:0;background-color:var(--color-transparent-vote-container);width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.f9kw2xt{padding:14px 12px 14px 16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fn7neu6{width:24px;height:24px;margin-right:12px}.fpdq7m5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16;font-weight:700;margin-bottom:10px}.f1ljy63t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;font-size:14;font-weight:500}.c1ibttgl{box-sizing:border-box;background-color:transparent;color:var(--color-white);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.l16el447{width:60px;height:80%}.rb3jndy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.e162i9w9{border:none;outline:none;background-color:transparent;border-radius:50%;padding:0;width:24px;height:24px;margin-left:25px;cursor:pointer}.e1uh0tpp{width:24px;height:24px}.i13726cq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 0;margin-left:10px}.r1weckaj{background-color:var(--r1weckaj-0);width:32px;height:32px;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.r1u8ekkw{width:20px;height:20px}.c1kt0nvm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;margin-right:10px;font-weight:700}.tavk3hk{color:#fffc;font-size:8px;line-height:12px;text-align:right}.p1vdx5su{text-align:right}.p68apx3{color:#ffffffe6;font-size:14px;line-height:16px;margin-right:2px}.p157xd4a{color:#fff;font-size:10px;font-weight:600;line-height:16px}.q15yq4tu{position:absolute;top:0;background:var(--color-transparent-item);width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.q15yq4tu>div{width:100%;background:#000;-webkit-animation:slidein-q15yq4tu .3s ease-in;animation:slidein-q15yq4tu .3s ease-in}@-webkit-keyframes slidein-q15yq4tu{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}@keyframes slidein-q15yq4tu{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.cnx2su3{box-sizing:border-box;background-color:var(--color-transparent-onboarding-inapp);border-radius:8px;width:100%;max-height:120px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#fff;position:relative}.bszkfz6{background-repeat:no-repeat;background-size:contain;border-top-left-radius:8px;border-bottom-left-radius:8px;width:72px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ioxcakf{width:56px;margin-left:8px}.casyw2l{padding:16px 8px 16px 0;margin-right:8px;font-size:12px;font-weight:600;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.s2nator{width:16px;height:16px;margin-right:4px}.s1m8mpfg{font-style:italic;font-weight:600;font-size:8px;text-transform:uppercase}.cedzfas{margin-top:8px;margin-bottom:2px;font-size:14px}.cxgp62k{color:var(--color-grey-primary-onboarding-inapp)}.a1jp93u3{border:none;outline:none;background-color:var(--color-green-primary-btn);padding:8px 16px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;border-radius:24px}.cg0g0le{position:absolute;right:8px;top:4px;border:none;outline:none;background-color:transparent;padding:5px;color:#fff;cursor:pointer;border-radius:50%}.i1cn2yjj{width:10px;height:10px}.dp9wag8{position:relative;height:100%;overflow:hidden}.d15x0q1l{position:absolute;right:10px;top:10px;max-width:600px;width:100%}.u13pbrok{margin-bottom:15px}.qaw537u{position:relative;height:calc(100% - 160px)}.t12mji3x{--color-bg-transparent:rgba(0,0,0,.8);--color-transparent-vote-container:rgba(10,14,19,.8);--color-transparent-item:rgba(0,0,0,.7);--color-transparent-item-success:rgba(0,139,251,.2);--color-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-item-vote:rgba(255,255,255,.1);--color-transparent-user-container:rgba(255,255,255,.05);--color-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-blue-primary:#1589EE;--color-red-primary:#CD2525;--color-red-secondary:#EB5757;--color-blue-question-action-btn:#1589ee;--color-white:#FFFFFF;--color-red-2:#FF4170;--color-grey-primary:#909395;--color-divider-color-primary:#2d3135;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009B77;--font-family:Roboto,sans-serif;--font-color:#fff}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@streamlayer/react",
|
|
3
|
-
"version": "0.14.
|
|
3
|
+
"version": "0.14.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"author": "Renat Berezovsky (gh:BrRenat)",
|
|
6
6
|
"main": "./lib/cjs/index.js",
|
|
@@ -10,10 +10,15 @@
|
|
|
10
10
|
"module": "./lib/es/index.js",
|
|
11
11
|
"require": "./lib/cjs/index.js",
|
|
12
12
|
"types": "./lib/index.d.ts"
|
|
13
|
+
},
|
|
14
|
+
"./style.css": {
|
|
15
|
+
"import": "./lib/style.css",
|
|
16
|
+
"require": "./lib/style.css"
|
|
13
17
|
}
|
|
14
18
|
},
|
|
15
19
|
"files": [
|
|
16
20
|
"lib/index.d.ts",
|
|
21
|
+
"lib/style.css",
|
|
17
22
|
"lib/cjs/index.js",
|
|
18
23
|
"lib/es/index.js",
|
|
19
24
|
"package.json"
|
|
@@ -62,10 +67,10 @@
|
|
|
62
67
|
"size-limit": "*",
|
|
63
68
|
"url-loader": "^4.1.1",
|
|
64
69
|
"vite-plugin-dts": "^3.6.0",
|
|
65
|
-
"@streamlayer/react-ui": "^0.
|
|
66
|
-
"@streamlayer/sdk-web": "^0.
|
|
67
|
-
"@streamlayer/sdk-web-core": "^0.
|
|
68
|
-
"@streamlayer/sdk-web-features": "^0.
|
|
70
|
+
"@streamlayer/react-ui": "^0.12.0",
|
|
71
|
+
"@streamlayer/sdk-web": "^0.22.0",
|
|
72
|
+
"@streamlayer/sdk-web-core": "^0.6.0",
|
|
73
|
+
"@streamlayer/sdk-web-features": "^0.4.0"
|
|
69
74
|
},
|
|
70
75
|
"dependencies": {
|
|
71
76
|
"@connectrpc/connect-web": "^1.1.2"
|