@rtsee/ngx 0.0.78 → 0.0.80

package/dist/ngx/index.d.ts

@@ -1,24 +1,24 @@
 import * as i0 from '@angular/core';
-import { OnInit, AfterViewInit, ElementRef, ViewContainerRef, ComponentFactoryResolver, ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { OnInit, AfterViewInit, ElementRef, EventEmitter, ViewContainerRef, ComponentFactoryResolver, ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { RTSeeConference, RTSeePeerConnection } from '@rtsee/conference';
 import { RTSeeMessenger, RTSeeMessengerSearch, RTSeeMessage, RTSeeChat, RTSeeChatMember } from '@rtsee/messenger';
 import { IPeer, RTSeeTextLabelKeys, IRTSeeCall } from '@rtsee/core';
 import { HttpClient } from '@angular/common/http';
 import { RTSeeAuth, RTSeeAuthConfiguration, IRtseeSignInRequestOptions, IRTSeeSignInResponse, IRtseeSignUpRequestOptions, IRTSeeSignUpResponse, AuthEndpointsKeys } from '@rtsee/auth';
 import { Observable, Subscription } from 'rxjs';
-import * as i46 from '@angular/router';
+import * as i47 from '@angular/router';
 import { Router, ActivatedRoute } from '@angular/router';
+import { IRTSeePaymentProduct, IRTSeePaymentPriceItem, IRTSeeChat, RTSeeChatTypes, IMessageThumbnail } from '@rtsee/common';
 import { RTSeeEventsDashboard, RTSeeDashboardClientSession, RTSeeDashboardEvent, RTSeeDashboardClient } from '@rtsee/events-dashboard';
 import { RTSee, INavigationConfig, IRouteConfig } from '@rtsee/factory';
 import { RTSeePresentation, RTSeeStory, RTSeePresentationSettings, RTSeeStorySlide } from '@rtsee/presentation';
-import * as i43 from '@angular/forms';
+import * as i44 from '@angular/forms';
 import { FormArray, FormGroup, FormControl, FormBuilder } from '@angular/forms';
-import { IRTSeeChat, RTSeeChatTypes, IMessageThumbnail } from '@rtsee/common';
-import * as i42 from '@angular/common';
+import * as i43 from '@angular/common';
 import { ViewportScroller } from '@angular/common';
-import * as i44 from 'ngx-autosize';
-import * as i45 from 'ngx-infinite-scroll';
-import * as i47 from 'ngx-captcha';
+import * as i45 from 'ngx-autosize';
+import * as i46 from 'ngx-infinite-scroll';
+import * as i48 from 'ngx-captcha';
 
 declare class NgxService {
     lol: string;
@@ -119,12 +119,19 @@ declare class ProfileComponent {
 
 declare class MessengerComponent {
     messenger: RTSeeMessenger;
-    constructor();
     onScroll(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessengerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MessengerComponent, "rtsee-messenger", never, { "messenger": { "alias": "messenger"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+declare class PaymentProductSnippetComponent {
+    product: IRTSeePaymentProduct;
+    priceSelected: EventEmitter<IRTSeePaymentPriceItem>;
+    selectPrice(price: IRTSeePaymentPriceItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaymentProductSnippetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaymentProductSnippetComponent, "rtsee-payment-product-snippet", never, { "product": { "alias": "product"; "required": false; }; }, { "priceSelected": "priceSelected"; }, never, never, true, never>;
+}
+
 declare class RtseeEventsDashboardComponent {
     eventsDashboard: RTSeeEventsDashboard;
     static ɵfac: i0.ɵɵFactoryDeclaration<RtseeEventsDashboardComponent, never>;
@@ -644,8 +651,8 @@ declare class PresentationHeaderComponent {
 
 declare class RTSeeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RTSeeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RTSeeModule, never, [typeof RTSeeAuthComponent, typeof VendorsComponent, typeof ForgotPasswordComponent, typeof SignInComponent, typeof SignUpComponent, typeof RtseeEventsDashboardSessionComponent, typeof EventThumbnailComponent, typeof ShaveDirective, typeof ContactsMultiselectComponent, typeof ManageChatComponent, typeof CallWidgetComponent, typeof WidgetDirective, typeof RtseeEventsDashboardClientComponent, typeof ResetPasswordComponent, typeof RtseeEventsDashboardClientThumbnailComponent, typeof RtseePeersListComponent, typeof ChatComponent, typeof MessageComponent, typeof MessagesListComponent, typeof ChatThumbnailComponent, typeof ChatInputComponent, typeof RtseeEventsDashboardComponent, typeof MessengerComponent, typeof RTSeeControlsComponent, typeof RTSeeContainerComponent, typeof RTSeeConferenceComponent, typeof RtseePeerComponent, typeof RtseeSoundbarComponent, typeof RtseeSettingsComponent, typeof MessengerHeaderComponent, typeof ChatsListComponent, typeof ProfileComponent, typeof MainMenuComponent, typeof MessageTimeAndStatusComponent, typeof PreloaderComponent, typeof SearchComponent, typeof PresentationComponent, typeof StoryPlayerComponent, typeof SlideComponent, typeof StoryThumbnailComponent, typeof PresentationHeaderComponent, typeof i42.CommonModule, typeof i43.ReactiveFormsModule, typeof i44.AutosizeModule, typeof i45.InfiniteScrollModule, typeof i43.FormsModule, typeof i42.NgOptimizedImage, typeof i46.RouterLink, typeof i46.RouterLinkActive, typeof i47.NgxCaptchaModule], [typeof RTSeeConferenceComponent, typeof MessengerComponent, typeof RtseeEventsDashboardComponent, typeof RTSeeContainerComponent, typeof PresentationComponent, typeof RTSeeAuthComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RTSeeModule, never, [typeof RTSeeAuthComponent, typeof VendorsComponent, typeof ForgotPasswordComponent, typeof SignInComponent, typeof SignUpComponent, typeof RtseeEventsDashboardSessionComponent, typeof EventThumbnailComponent, typeof ShaveDirective, typeof ContactsMultiselectComponent, typeof ManageChatComponent, typeof CallWidgetComponent, typeof WidgetDirective, typeof RtseeEventsDashboardClientComponent, typeof ResetPasswordComponent, typeof RtseeEventsDashboardClientThumbnailComponent, typeof RtseePeersListComponent, typeof ChatComponent, typeof MessageComponent, typeof MessagesListComponent, typeof ChatThumbnailComponent, typeof ChatInputComponent, typeof RtseeEventsDashboardComponent, typeof MessengerComponent, typeof RTSeeControlsComponent, typeof RTSeeContainerComponent, typeof RTSeeConferenceComponent, typeof RtseePeerComponent, typeof RtseeSoundbarComponent, typeof RtseeSettingsComponent, typeof MessengerHeaderComponent, typeof ChatsListComponent, typeof ProfileComponent, typeof MainMenuComponent, typeof MessageTimeAndStatusComponent, typeof PreloaderComponent, typeof SearchComponent, typeof PresentationComponent, typeof StoryPlayerComponent, typeof SlideComponent, typeof StoryThumbnailComponent, typeof PresentationHeaderComponent, typeof PaymentProductSnippetComponent, typeof i43.CommonModule, typeof i44.ReactiveFormsModule, typeof i45.AutosizeModule, typeof i46.InfiniteScrollModule, typeof i44.FormsModule, typeof i43.NgOptimizedImage, typeof i47.RouterLink, typeof i47.RouterLinkActive, typeof i48.NgxCaptchaModule], [typeof RTSeeConferenceComponent, typeof MessengerComponent, typeof RtseeEventsDashboardComponent, typeof RTSeeContainerComponent, typeof PresentationComponent, typeof RTSeeAuthComponent, typeof PaymentProductSnippetComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RTSeeModule>;
 }
 
-export { MessengerComponent, NgxService, PresentationComponent, ProfileComponent, RTSeeAuthComponent, RTSeeConferenceComponent, RTSeeContainerComponent, RTSeeControlsComponent, RTSeeModule, RtseeEventsDashboardComponent, RtseePeerComponent, RtseeSettingsComponent };
+export { MessengerComponent, NgxService, PaymentProductSnippetComponent, PresentationComponent, ProfileComponent, RTSeeAuthComponent, RTSeeConferenceComponent, RTSeeContainerComponent, RTSeeControlsComponent, RTSeeModule, RtseeEventsDashboardComponent, RtseePeerComponent, RtseeSettingsComponent };

package/dist/ngx/src/lib/theme/messenger/index.scss

@@ -10,4 +10,5 @@
 @import "./messenger-search";
 @import "./call-widget";
 @import "./profile";
-
+@import "./payments";
+@import "./payment-product-snippet";

package/dist/ngx/src/lib/theme/messenger/messenger.scss

@@ -14,9 +14,10 @@ $control-icon-size: 18px;
   position: relative;
   background-color: $rts-main-bg-color-light;
 
-  .rtsee-manage-profile {
+  .rtsee-manage-profile, .rtsee-payment-page-container {
     position: fixed;
     inset: 0;
+    bottom: $rts-bottom-nav-height;
     overflow: auto;
     z-index: 10;
     background-color: #ffffff;
@@ -28,6 +29,15 @@ $control-icon-size: 18px;
     }
   }
 
+  &.rtsee-messenger-overlay-window {
+    .rtsee-messenger-header-container {
+      display: none;
+    }
+    .rtsee-messenger-body-container {
+      display: none;
+    }
+  }
+
   &.rtsee-messenger-header-expanded {
     padding-top: 0;
 
@@ -42,7 +52,6 @@ $control-icon-size: 18px;
     }
   }
 
-
   .rtsee-messenger-header-container {
     position: absolute;
     top: 0;
@@ -64,8 +73,9 @@ $control-icon-size: 18px;
       overflow: auto;
     }
 
-    .rtsee-manage-profile {
+    .rtsee-manage-profile, .rtsee-payment-page-container {
       position: absolute;
+      bottom: 0;
     }
 
     .rtsee-messenger-body-container {

package/dist/ngx/src/lib/theme/messenger/payment-product-snippet.scss

@@ -0,0 +1,36 @@
+@import "./variables";
+
+.rtsee-payment-product-snippet {
+  .rtsee-payment-product-snippet-info {
+    .rtsee-payment-product-snippet-description {
+      margin: 0;
+    }
+  }
+
+  .rtsee-payment-product-prices {
+    padding-top: $rts-offset-md;
+
+    &:after {
+      content: '';
+      display: block;
+      clear: both;
+    }
+
+    .rtsee-payment-product-price {
+      float: left;
+      width: 50%;
+
+      &:nth-child(odd) {
+        padding-right: $rts-offset-sm / 2;
+      }
+
+      &:nth-child(even) {
+        padding-left: $rts-offset-sm / 2;
+      }
+    }
+  }
+
+  .p-card-body {
+    padding: 0 $rts-offset-sm $rts-offset-sm $rts-offset-sm;
+  }
+}

package/dist/ngx/src/lib/theme/messenger/payments.scss

@@ -0,0 +1,32 @@
+@import "./variables";
+
+.rtsee-payment-page {
+  .rtsee-payment-page-products {
+    &:after {
+      content: '';
+      display: block;
+      clear: both;
+    }
+
+    .rtsee-payment-page-product {
+      float: left;
+      width: 50%;
+
+      .p-card-body {
+        padding: $rts-offset-sm;
+      }
+
+      &:nth-child(odd) {
+        padding-right: $rts-offset-sm / 2;
+      }
+
+      &:nth-child(even) {
+        padding-left: $rts-offset-sm / 2;
+      }
+    }
+  }
+
+  .rtsee-payment-page-footer {
+    padding: $rts-offset-sm 0;
+  }
+}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.78",
+  "version": "0.0.80",
   "name": "@rtsee/ngx",
   "module": "./dist/ngx/fesm2022/rtsee-ngx.mjs",
   "types": "./dist/ngx/index.d.ts",
@@ -34,13 +34,14 @@
     "@angular/platform-browser-dynamic": "^20.1.2",
     "@angular/router": "^20.1.2",
     "@primeuix/themes": "^1.2.3",
-    "@rtsee/common": "^0.0.49",
-    "@rtsee/conference": "^0.0.50",
-    "@rtsee/core": "^0.0.93",
-    "@rtsee/events-dashboard": "^0.0.83",
-    "@rtsee/factory": "^0.0.92",
-    "@rtsee/messenger": "^0.0.83",
+    "@rtsee/common": "^0.0.51",
+    "@rtsee/conference": "^0.0.52",
+    "@rtsee/core": "^0.0.95",
+    "@rtsee/events-dashboard": "^0.0.85",
+    "@rtsee/factory": "^0.0.94",
+    "@rtsee/messenger": "^0.0.85",
     "@rtsee/signaling-client": "^0.0.66",
+    "@stripe/stripe-js": "^8.6.1",
     "dayjs": "^1.11.9",
     "ngx-autosize": "^2.0.4",
     "ngx-captcha": "^14.0.0",
@@ -66,5 +67,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5421f401d4a962b6f19d37727f3cb834f7cc4166"
+  "gitHead": "987226a7d8a6036985835f65b78ce38b4601e495"
 }