apirocket 0.9.2 → 0.9.3

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, cb?: () => void): NotificationInstance;
+    add(notification: NotificationItem, cb?: () => void): void | NotificationInstance;
     delete(index: number): void;
 }
 export declare const notificationsService: Readonly<NotificationsServiceClass>;

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

@@ -4,6 +4,7 @@ export type NotificationItem = {
     position?: NotificationPosition;
     time?: number;
     type?: NotificationType;
+    debug?: boolean;
 };
 export type NotificationInstance = {
     index: number;

package/dist/ecommerce.css

@@ -883,7 +883,17 @@
 	margin: 0 auto;
 }
 
+.apirocket-checkout-payment-method-notes {
+  margin-top: 8px;
+  margin-left: 32px;
+  font-size: 14px;
+  line-height: 18px;
+}
 
+.apirocket-checkout-payment-method-icon img {
+  max-height: 48px;
+  max-width: 320px;
+}
 
 /* Utils */
 
@@ -1181,6 +1191,10 @@
   .apirocket-checkout-discountcode.apirocket-checkout-discountcode-mobile {
     display: block;
   }
+
+  .apirocket-checkout-payment-method-icon {
+    display: none !important;
+  }
 }
 
 
@@ -1959,6 +1973,7 @@ button.apirocket-button-discount {
 	display: block;
 	color: #a3a3a3;
 	font-size: 12px;
+  line-height: 14px;
 }
 
 .apirocket-form-radio input:checked ~ .apirocket-form-radio-label { font-weight: bold; }
@@ -2359,7 +2374,109 @@ button.apirocket-button-discount {
 	border-radius: 6px;
 }
 
+.apirocket-my-account-orders-menu {
+  display: flex;
+  justify-content: space-between;
+  gap: 24px;
+  margin-bottom: 32px;
+}
+
+.apirocket-my-account-orders-menu-search {
+  flex: 2 1 0;
+}
+
+.apirocket-my-account-orders-menu-select-dates {
+  flex: 1 1 0;
+}
+
+.apirocket-my-account-orders-table {
+  width: 100%;
+  font-size: 14px;
+  text-align: left;
+  margin:0 !important;
+  padding:0 !important;
+  background:none !important;
+  border:none !important;
+  border-collapse:collapse !important;
+  border-spacing:0 !important;
+  background-image:none !important;
+}
+
+.apirocket-my-account-orders-status {
+  display: inline-block;
+  min-width: 90px;
+  padding: 6px 0px;
+  color: #2BC282;
+  font-size: 12px;
+  line-height: 1;
+  font-weight: bold;
+  text-align: center;
+  border-radius: 6px;
+  border: 1px solid #88f6c7;
+  background-color: #B9FADF;
+  user-select: none;
+}
+
+.apirocket-my-account-orders-status-new {
+  color: #2BC282;
+  border: 1px solid #88f6c7;
+  background-color: #B9FADF;
+}
+
+.apirocket-my-account-orders-table th {
+  vertical-align: top;
+  min-width: 100px;
+  padding-bottom: 16px;
+}
+
+.apirocket-my-account-orders-table td {
+  vertical-align: middle;
+  border-bottom: 1px solid #d9d9d9;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+.apirocket-my-account-orders-invoice {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+}
+
+.apirocket-my-account-orders-invoice:nth-child(n+2) {
+  margin-top: 8px;
+}
+
+.apirocket-my-account-orders-invoice:hover {
+  text-decoration: underline;
+}
+
+.apirocket-my-account-orders-view {
+  cursor: pointer;
+  display: inline-block;
+  min-width: 90px;
+  padding: 6px 0px;
+  color: #2BC282;
+  font-size: 12px;
+  line-height: 1;
+  text-align: center;
+  border-radius: 6px;
+  border: 1px solid #88f6c7;
+  background-color: #B9FADF;
+  user-select: none;
+  color: #737373;
+  border: 1px solid #e4e4e7;
+  background-color: #e4e4e7;
+	transition-property: color, border-color, background-color, box-shadow;
+	transition-timing-function: ease;
+	transition-duration: 350ms;  
+}
 
+.apirocket-my-account-orders-view:hover {
+  background-color: #404040;
+  border-color: #404040;
+  color: #E4E4E7;
+}
 
 @media (min-width: 720px) {
 
@@ -2378,11 +2495,53 @@ button.apirocket-button-discount {
 	.apirocket-my-account-header-continue { display: flex; }
 	.apirocket-my-account-header-logout { display: flex; }
 	.apirocket-my-account-header-close { display: none; }	
+
+  .apirocket-my-account-orders-tablecell-mobile { display: none; }
 }
 
 @media (max-width: 720px) {
-	.apirocket-my-account-header-continue { display: none; }
+  .apirocket-my-account-header-continue { display: none; }
 	.apirocket-my-account-header-login { display: none; }		
+  
+  .apirocket-my-account-orders-menu { display: block; }
+  .apirocket-my-account-orders-tablecell-desktop { display: none; }
+
+  .apirocket-my-account-orders-status {
+    font-size: 11px;
+    padding: 2px 16px;
+    line-height: 1;
+    border-radius: 4px;
+    min-width: 50px;
+    margin-top: 8px;
+  }
+
+  .apirocket-my-account-orders-table th {
+    padding-bottom: 8px;
+    border-bottom: 1px solid #d9d9d9;
+  }
+
+  .apirocket-my-account-orders-table td {
+    vertical-align: top;
+    font-size: 16px;
+  }
+
+  .apirocket-my-account-orders-table td strong {
+    font-size: 20px;
+  }
+
+  .apirocket-my-account-orders-invoice {
+    margin-top: 16px !important;
+  }
+
+  .apirocket-my-account-orders-view {
+    display: block;
+    margin-top: 16px;
+  }
+
+  .apirocket-my-account-orders-invoice:nth-child(n+2) {
+    margin-top: 8px !important;
+  }
+
 }
 
 .apirocket-stripe-card-error {