apirocket 0.14.8 → 0.15.1

package/README.md

@@ -39,7 +39,7 @@ interface EcommerceReadyEvent extends Event {
 ```javascript
 type PublicEcommerceService = {
     customer: CustomerService,
-    cart: any,
+    cart: CartService,
     config: (value: EcommerceConfig) => void
 }
 ```
@@ -115,8 +115,81 @@ interface ReadOnly <CustomerService> {
 
 ```
 
+### CartService
+
+```javascript
+interface ReadOnly <CartService> {
+    count: number;
+    country: Country;
+    numItems: number;
+    taxAmount: number;
+    taxBase: number;
+    total: number;
+    units: number;
+
+    add: (data: CartAddItem) => void;
+    clear: () => void;
+    close: () => void;
+    items: () => Array <CartItem>;
+    open: (fullScreen: boolean) => void;
+    removeItem: (item: any) => void;
+    setCountryIso: (iso: string) => void,
+    subscribe: (cb: (cart: CartService) => void);
+    updateItem: (item: any, quantity: number) => void;
+}
+```
+
+
 ### Tipos
 
+
+```javascript
+type CartAddItem = {
+    id: number;
+    description?: string;
+    image?: string;
+    name?: string;
+    url?: string;
+    quantity: number;
+}
+```
+
+
+```javascript
+type CartItem = {
+    id: number;
+    product: {
+        barcode: string;
+        category: {
+            id: number,
+            name: string
+        },
+        description: string;
+        id: number;
+        image: string;
+        name: string;
+        noShippingCost: boolean,
+        sku: string,
+        stockManagement: boolean,
+        url: string;
+        weight: number;
+    },
+    itemPrice: {
+        comparePrice: number;
+        comparePriceTaxAmount: number;
+        comparePriceTaxBase: number;
+        taxAmount: number;
+        taxBase: number;
+        // taxes
+    }
+    priceTaxBase: number;
+    priceTaxAmount: number;
+    quantity: number;
+    uuid: string;
+}
+```
+
+
 ```javascript
 type ShippingAddress {
     address: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 export type NotificationItem = {
     text: string;
     position?: NotificationPosition;

package/dist/config.d.ts

@@ -1,5 +1,5 @@
 export declare const CONFIG: Config;
-export declare const apiConfig: (config: Omit<EcommerceConfig, 'countryIso'>) => Promise<void>;
+export declare const apiConfig: (config: Omit<EcommerceConfig, "countryIso">) => Promise<void>;
 export declare const DEBUG_GRAPHQL = false;
 export declare const isDebugType: (debug: DebugType | Array<DebugType> | undefined) => debug is DebugType;
 export declare const isCustomerFilterType: (filter: CustomerFilterType | undefined) => filter is CustomerFilterType;

package/dist/ecommerce.css

@@ -1209,12 +1209,12 @@
 .apirocket-summary-header {
 	display: flex;
 	justify-content: flex-start;
-	align-items: center;	
+	align-items: center;
 	margin-bottom: 32px;
 }
 
 .apirocket-summary-header-icon {
-	flex: 0 1;	
+	flex: 0 1;
 	margin-right: 16px;
 }
 
@@ -1280,10 +1280,10 @@
 .apirocket-summary-help {
 	display: flex;
 	justify-content: flex-start;
-	align-items: center;	
+	align-items: center;
 }
 
-.apirocket-summary-help-icon { 
+.apirocket-summary-help-icon {
 	flex: 0 1;
 	padding-right: 12px;
 }
@@ -1300,23 +1300,42 @@
 	color: #737373;
 }
 
+.apirocket-summary-section-text-documents {
+	margin-top: 12px;
+}
+
+.apirocket-summary-section-text-documents-item {
+	margin-bottom: 6px;
+	display: flex;
+	align-items: start;
+	text-decoration: none;
+	color: #404040;
+}
+
+.apirocket-summary-section-text-documents-item-icon {
+	margin-right: 6px;
+	display: inline-block;
+	flex-shrink: 0;
+	margin-top: 2px;
+}
+
 @media (max-width: 1000px) {
 	.apirocket-summary-top { display: none; }
 	.apirocket-summary-header { margin-top: 32px; }
 }
 
-@media (max-width: 720px) {	
+@media (max-width: 720px) {
 	.apirocket-summary-section-subtitle { margin-top: 24px; }
-	.apirocket-summary-header { 
+	.apirocket-summary-header {
 		flex-direction: column;
 		align-items: center;
-		text-align: center; 
+		text-align: center;
 	}
 	.apirocket-summary-header-icon {
 		margin-right: 0px;
 		margin-bottom: 16px;
 	}
-	.apirocket-summary-header-title { 
+	.apirocket-summary-header-title {
 		font-size: 28px;
 		margin-bottom: 8px;
 	}
@@ -1642,6 +1661,9 @@ button.apirocket-button-discount {
 	box-shadow: #000000;
 }
 
+.apirocket-button-discount:not(.active) {
+  pointer-events: none;
+}
 
 @media (max-width: 720px) {
 
@@ -1873,6 +1895,10 @@ button.apirocket-button-discount {
   text-align: left;
 }
 
+.apirocket-form-checkbox-label a {
+  color: #404040 !important;
+}
+
 .apirocket-form-checkbox-label small {
 	display: block;
 	color: #a3a3a3;
@@ -2194,6 +2220,37 @@ button.apirocket-button-discount {
 	box-shadow: 0 0 0 1px #dc2626;
 }
 
+.apirocket-form-input-search {
+}
+
+.apirocket-form-input-search input {
+	padding-left: 46px;
+	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjAwMDIgMTkuMDAwMkwxNC42NTcyIDE0LjY1NzJNMTQuNjU3MiAxNC42NTcyQzE1LjQwMDEgMTMuOTE0MyAxNS45ODk0IDEzLjAzMjQgMTYuMzkxNCAxMi4wNjE4QzE2Ljc5MzUgMTEuMDkxMSAxNy4wMDA0IDEwLjA1MDggMTcuMDAwNCA5LjAwMDIxQzE3LjAwMDQgNy45NDk2IDE2Ljc5MzUgNi45MDkyOSAxNi4zOTE0IDUuOTM4NjZDMTUuOTg5NCA0Ljk2ODAzIDE1LjQwMDEgNC4wODYwOSAxNC42NTcyIDMuMzQzMjFDMTMuOTE0MyAyLjYwMDMyIDEzLjAzMjQgMi4wMTEwMyAxMi4wNjE4IDEuNjA4OThDMTEuMDkxMSAxLjIwNjkzIDEwLjA1MDggMSA5LjAwMDIxIDFDNy45NDk2IDEgNi45MDkyOSAxLjIwNjkzIDUuOTM4NjYgMS42MDg5OEM0Ljk2ODAzIDIuMDExMDMgNC4wODYwOSAyLjYwMDMyIDMuMzQzMjEgMy4zNDMyMUMxLjg0Mjg4IDQuODQzNTQgMSA2Ljg3ODQyIDEgOS4wMDAyMUMxIDExLjEyMiAxLjg0Mjg4IDEzLjE1NjkgMy4zNDMyMSAxNC42NTcyQzQuODQzNTQgMTYuMTU3NSA2Ljg3ODQyIDE3LjAwMDQgOS4wMDAyMSAxNy4wMDA0QzExLjEyMiAxNy4wMDA0IDEzLjE1NjkgMTYuMTU3NSAxNC42NTcyIDE0LjY1NzJaIiBzdHJva2U9IiM3MzczNzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
+	background-repeat: no-repeat;
+	background-position: top 12px left 12px;
+}
+
+.apirocket-form-input-search input:not(:placeholder-shown) {
+	padding-top: inherit;
+	padding-bottom: inherit;
+}
+
+.apirocket-form-input-search input[type="search"]::-webkit-search-cancel-button {
+	-webkit-appearance: none;
+}
+
+.apirocket-form-select-simple select {
+	padding-right: 40px;
+}
+
+.apirocket-form-select-simple select:not(:placeholder-shown) {
+	padding-top: 14px;
+	padding-bottom: 14px;
+}
+
+.apirocket-form-select-simple::before {
+	border-left: 0;
+}
 
 
 @media (max-width: 720px) {
@@ -2308,7 +2365,7 @@ button.apirocket-button-discount {
 .apirocket-my-account-body .apirocket-tabs { flex: none; }
 
 .apirocket-my-account-body .apirocket-tabs-panels {
-	flex: 1 1;	
+	flex: 1 1;
 	overflow-y: auto;
 }
 
@@ -2333,13 +2390,13 @@ button.apirocket-button-discount {
 	font-size: 14px;
 	color: #737373;
 	font-weight: normal;
-	line-height: 1.5;	
+	line-height: 1.5;
 	margin-bottom: 24px;
 }
 
 .apirocket-my-account-address-content strong {
 	display: inline-block;
-	color: #404040; 
+	color: #404040;
 	margin-bottom: 8px;
 }
 
@@ -2360,7 +2417,7 @@ button.apirocket-button-discount {
 
 .apirocket-my-account-address-footer > div {
 	text-decoration: underline;
-	cursor: pointer;	
+	cursor: pointer;
 }
 
 .apirocket-my-account-address-footer .apirocket-my-account-address-default {
@@ -2382,6 +2439,12 @@ button.apirocket-button-discount {
   margin-bottom: 32px;
 }
 
+.apirocket-my-account-orders-menu-form {
+	width: 100%;
+	display: flex;
+	gap: 75px;
+}
+
 .apirocket-my-account-orders-menu-search {
   flex: 2 1 0;
 }
@@ -2418,10 +2481,58 @@ button.apirocket-button-discount {
   user-select: none;
 }
 
-.apirocket-my-account-orders-status-new {
-  color: #2BC282;
-  border: 1px solid #88f6c7;
-  background-color: #B9FADF;
+.apirocket-my-account-orders-status.GRAY {
+  color: rgb(107 114 128);
+  border: 1px solid rgb(243 244 246);
+  background-color: rgb(243 244 246);
+}
+
+.apirocket-my-account-orders-status.GREEN {
+  color: rgb(16 185 129);
+  border: 1px solid rgb(209 250 229);
+  background-color: rgb(209 250 229);
+}
+
+.apirocket-my-account-orders-status.RED {
+  color: rgb(239 68 68);
+  border: 1px solid rgb(254 226 226);
+  background-color: rgb(254 226 226);
+}
+
+.apirocket-my-account-orders-status.YELLOW {
+  color: rgb(245 158 11);
+  border: 1px solid rgb(254 243 199);
+  background-color: rgb(254 243 199);
+}
+
+.apirocket-my-account-orders-status.ORANGE {
+  color: rgb(249 115 22);
+  border: 1px solid rgb(255 237 213);
+  background-color: rgb(255 237 213);
+}
+
+.apirocket-my-account-orders-status.BLUE {
+  color: rgb(59 130 246);
+  border: 1px solid rgb(219 234 254);
+  background-color: rgb(219 234 254);
+}
+
+.apirocket-my-account-orders-status.BLACK {
+  color: #FFF;
+  border: 1px solid #000;
+  background-color: #000;
+}
+
+.apirocket-my-account-orders-status.PURPLE {
+  color: rgb(139 92 246);
+  border: 1px solid rgb(237 233 254);
+  background-color: rgb(237 233 254);
+}
+
+.apirocket-my-account-orders-status.PINK {
+  color: rgb(236 72 153);
+  border: 1px solid rgb(252 231 243);
+  background-color: rgb(252 231 243);
 }
 
 .apirocket-my-account-orders-table th {
@@ -2470,7 +2581,7 @@ button.apirocket-button-discount {
   background-color: #e4e4e7;
 	transition-property: color, border-color, background-color, box-shadow;
 	transition-timing-function: ease;
-	transition-duration: 350ms;  
+	transition-duration: 350ms;
 }
 
 .apirocket-my-account-orders-view:hover {
@@ -2479,6 +2590,61 @@ button.apirocket-button-discount {
   color: #E4E4E7;
 }
 
+.apirocket-my-account-orders-navigation-options {
+  display: flex;
+  justify-content: flex-end;
+  gap: 16px;
+  padding-top: 20px;
+}
+
+.apirocket-my-account-orders-navigation-button {
+  cursor: pointer;
+  display: inline-flex;
+  border-radius: 4px;
+  padding: 8px 14px;
+  border: 1px solid #d9d9d9;
+  color: #404040;
+}
+
+.apirocket-my-account-orders-navigation-button:hover {
+  border-color: #404040;
+  box-shadow: 0 0 0 1px #404040;
+}
+
+.apirocket-my-account-order-detail-header-logo {
+	margin-bottom: 32px;
+}
+
+.apirocket-my-account-order-detail-header-content {
+	margin-bottom: 32px;
+	position: relative;
+}
+
+.apirocket-my-account-order-detail-header-content-order {
+	font-size: 24px;
+	font-weight: bold;
+	line-height: 1;
+	color: #404040;
+	margin-bottom: 8px;
+}
+
+.apirocket-my-account-order-detail-header-content-date {
+	font-size: 18px;
+	line-height: 1;
+	color: #737373;
+}
+
+.apirocket-my-account-order-detail-header-content-order-status {
+	position: absolute;
+	right: 0;
+	bottom: 0;
+}
+
+
+
+
+
+
 @media (min-width: 720px) {
 
 	.apirocket-my-account-content {
@@ -2489,21 +2655,21 @@ button.apirocket-button-discount {
 
 	.apirocket-my-account-header {
 		height: 102px;
-		background-color: #fff;		
+		background-color: #fff;
 		margin-bottom: 0px;
-	}	
+	}
 
 	.apirocket-my-account-header-continue { display: flex; }
 	.apirocket-my-account-header-logout { display: flex; }
-	.apirocket-my-account-header-close { display: none; }	
+	.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-login { display: none; }		
-  
+  .apirocket-my-account-header-login { display: none; }
+
   .apirocket-my-account-orders-menu { display: block; }
   .apirocket-my-account-orders-tablecell-desktop { display: none; }
 
@@ -2543,8 +2709,32 @@ button.apirocket-button-discount {
     margin-top: 8px !important;
   }
 
+  .apirocket-my-account-orders-menu-form {
+	display: block;
+	gap: 0;
+  }
 }
 
+@media (max-width: 1000px) {
+	.apirocket-my-account-order-detail-header-logo { display: none; }
+	.apirocket-my-account-orders-status { position: static; }
+
+	.apirocket-my-account-order-detail-header-content {
+		margin-top: 32px;
+		display: flex;
+		flex-direction: column;
+		align-items: start;
+		justify-content: start;
+	}
+
+	.apirocket-my-account-order-detail-header-content-order { order: 2; }
+	.apirocket-my-account-order-detail-header-content-date { order: 3; }
+
+	.apirocket-my-account-order-detail-header-content-order-status {
+		order: 1;
+		margin-bottom: 8px;
+	}
+}
 .apirocket-stripe-card-error {
   margin-top: 8px;
   padding-left: 50px;
@@ -2594,6 +2784,7 @@ button.apirocket-button-discount {
   font-family: var(--cart-font-family, "Arial, Helvetica, sans-serif");
 }
 .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}}
+.spinner.svelte-x7xrte.svelte-x7xrte{animation:svelte-x7xrte-rotate 2s linear infinite;z-index:2;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px}.spinner.svelte-x7xrte .path.svelte-x7xrte{stroke:rgb(161, 161, 170);stroke-linecap:round;animation:svelte-x7xrte-dash 1.5s ease-in-out infinite}@keyframes svelte-x7xrte-rotate{100%{transform:rotate(360deg)}}@keyframes svelte-x7xrte-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}}
+.apirocket-checkout-error-block.svelte-vxc4ut{display:flex;gap:16px;border-radius:4px;padding:16px}.apirocket-checkout-error-block-title.svelte-vxc4ut{display:block;font-size:16px;font-weight:bold;padding-top:4px;margin-bottom:4px}.apirocket-checkout-error-block-description.svelte-vxc4ut{display:block;font-size:14px;line-height:16px;padding-bottom:4px}.apirocket-checkout-error-block-warning.svelte-vxc4ut{background-color:#FFEDD5;color:#E47D35}.apirocket-checkout-error-block-error.svelte-vxc4ut{background-color:#FEE2E2;color:#DC2626}@media(max-width: 720px){.apirocket-checkout-error-block.svelte-vxc4ut{gap:12px;border-radius:4px;padding:16px}.apirocket-checkout-error-block-title.svelte-vxc4ut{padding-top:0px}.apirocket-checkout-error-block-description.svelte-vxc4ut{padding-bottom:0px}}
 .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}