apirocket 0.8.2 → 0.9.1

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

@@ -2,7 +2,7 @@ import type { NotificationInstance, NotificationItem, NotificationsService } fro
 declare class NotificationsServiceClass implements NotificationsService {
     #private;
     constructor();
-    add(notification: NotificationItem): NotificationInstance;
+    add(notification: NotificationItem, cb?: () => void): NotificationInstance;
     delete(index: number): void;
 }
 export declare const notificationsService: Readonly<NotificationsServiceClass>;

package/dist/components/notifications/notifications.types.d.ts

@@ -3,15 +3,18 @@ export type NotificationItem = {
     text: string;
     position?: NotificationPosition;
     time?: number;
+    type?: NotificationType;
 };
 export type NotificationInstance = {
     index: number;
     text: string;
     position: NotificationPosition;
     timer?: NodeJS.Timeout;
+    type: NotificationType;
 };
 export type NotificationsMap = Map<number, NotificationInstance>;
 export type NotificationPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export type NotificationType = 'error' | 'success' | 'warning';
 export interface NotificationsService {
     add: (notification: NotificationItem) => void;
     delete: (index: number) => void;

package/dist/ecommerce.css

@@ -762,6 +762,7 @@
 
 .apirocket-checkout-actions {
 	display: flex;
+  gap: 24px;
 	margin-top: 64px;
 	align-items: center;
 	max-width: 100%;
@@ -1361,6 +1362,16 @@
 .apirocket-modal-header {
 	position: relative;
 	padding-bottom: 32px;
+  text-align: center;
+}
+
+.apirocket-modal-logo {
+	margin-bottom: 16px;
+}
+
+.apirocket-modal-logo img {
+  display: inline-block;
+	max-height: 80px;
 }
 
 .apirocket-modal-title {
@@ -2403,7 +2414,7 @@ button.apirocket-button-discount {
   }
 }
 .apirocket-lock-screen {
-  position: absolute;
+  position: fixed;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -2412,7 +2423,7 @@ button.apirocket-button-discount {
   z-index: 50000;
   background-color: rgba(0,0,0,0.75);
   width: 100%;
-  height: 100vh;
+  height: 100dvh;
   text-align: center;
 }
 
@@ -2424,3 +2435,5 @@ button.apirocket-button-discount {
 }
 .spinner.svelte-1x7rr7h.svelte-1x7rr7h{display:inline-block;animation:svelte-1x7rr7h-rotate 2s linear infinite;z-index:2;width:50px;height:50px}.spinner.svelte-1x7rr7h .path.svelte-1x7rr7h{stroke:#cecece;stroke-linecap:round;animation:svelte-1x7rr7h-dash 1.5s ease-in-out infinite}@keyframes svelte-1x7rr7h-rotate{100%{transform:rotate(360deg)}}@keyframes svelte-1x7rr7h-dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-124}}
 .spinner.svelte-15qwtf3.svelte-15qwtf3{animation:svelte-15qwtf3-rotate 2s linear infinite;z-index:2;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px}.spinner.svelte-15qwtf3 .path.svelte-15qwtf3{stroke:rgb(161, 161, 170);stroke-linecap:round;animation:svelte-15qwtf3-dash 1.5s ease-in-out infinite}@keyframes svelte-15qwtf3-rotate{100%{transform:rotate(360deg)}}@keyframes svelte-15qwtf3-dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-124}}
+.default-notification-style.svelte-3h6slj.svelte-3h6slj{position:relative;display:flex;align-items:stretch;justify-content:space-between;margin:12px;background:#fff;color:#000;border-radius:6px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.08);min-height:0;min-width:200px;overflow:hidden}.default-notification-style-content.svelte-3h6slj.svelte-3h6slj{width:210px;padding:12px 6px 12px 12px;box-sizing:border-box;word-wrap:break-word}.default-notification-style-button.svelte-3h6slj.svelte-3h6slj{display:block;width:40px;padding:0;margin:0;border:none;border-left:1px solid #eee;outline:none;background:none;cursor:pointer;font-size:20px;color:#000;box-sizing:border-box}.default-notification-style-button.svelte-3h6slj.svelte-3h6slj:hover{background:rgba(0, 0, 0, 0.01)}.default-notification-error.svelte-3h6slj.svelte-3h6slj{background:#f3555a;color:#fff}.default-notification-error.svelte-3h6slj .default-notification-style-button.svelte-3h6slj{border-left:1px solid rgba(255, 255, 255, 0.4);color:#fff}.default-notification-warning.svelte-3h6slj.svelte-3h6slj{background:#ffb900;color:#000}.default-notification-warning.svelte-3h6slj .default-notification-style-button.svelte-3h6slj{border-left:1px solid rgba(0, 0, 0, 0.2);color:#000}.default-notification-success.svelte-3h6slj.svelte-3h6slj{background:#22ce6c;color:#fff}.default-notification-success.svelte-3h6slj .default-notification-style-button.svelte-3h6slj{border-left:1px solid rgba(255, 255, 255, 0.4);color:#fff}
+.default-position-style-top-left.svelte-tdfdcj,.default-position-style-top-center.svelte-tdfdcj,.default-position-style-top-right.svelte-tdfdcj,.default-position-style-bottom-left.svelte-tdfdcj,.default-position-style-bottom-center.svelte-tdfdcj,.default-position-style-bottom-right.svelte-tdfdcj{position:fixed;max-width:400px}.default-position-style-top-left.svelte-tdfdcj{top:0;left:0}.default-position-style-top-center.svelte-tdfdcj{top:0;left:50%;transform:translateX(-50%)}.default-position-style-top-right.svelte-tdfdcj{top:0;right:0}.default-position-style-bottom-left.svelte-tdfdcj{bottom:0;left:0}.default-position-style-bottom-center.svelte-tdfdcj{bottom:0;left:50%;transform:translateX(-50%)}.default-position-style-bottom-right.svelte-tdfdcj{bottom:0;right:0}