@gomusdev/web-components 0.0.19 → 0.0.21

package/dist-js/components/ticketSelection/subcomponents/timeslots/lib/generateAvailableTimeSlots.specs.d.ts

@@ -1,121 +1 @@
-export declare const mockedTicketsAndQuotas: {
-    tickets: {
-        '1': {
-            id: number;
-            title: string;
-            ticket_type: "time_slot" | "annual" | "normal";
-            bookable: boolean;
-            museum_ids: number[];
-            exhibition_ids: number[];
-            price_cents: number;
-            discount: number;
-            vat_pct: number;
-            tax_included: boolean;
-            entry_duration: number | null;
-            min_persons: number;
-            max_persons: number;
-            quota_ids: number[];
-            first_entry: number;
-            last_entry: number;
-            personalizeable: boolean;
-            attendees: boolean | string;
-            identification: boolean | string;
-            free_timing: boolean;
-            is_collective: boolean;
-            is_upgrade: boolean;
-            is_mantle: boolean;
-            description: string | null;
-            sub_ticket_ids: number[];
-            sub_tickets: {
-                [key: string]: {
-                    title?: string;
-                    min_persons?: number;
-                    max_persons?: number;
-                    description?: string | null;
-                };
-            } | null;
-            is_sub_ticket: boolean;
-            created_at: string;
-            updated_at: string;
-            shop_order: number;
-            shipped_with_merchandise_id: number | null;
-            restricted_shop_account: boolean;
-            cash_point_order: number;
-            capacities: {
-                [key: string]: number;
-            };
-            total_capacities: {
-                [key: string]: number;
-            };
-            max_capacity: number;
-            max_total_capacity: number;
-            dynamic_prices: {
-                [key: string]: number;
-            } | null;
-        };
-        '2': {
-            id: number;
-            title: string;
-            ticket_type: "time_slot" | "annual" | "normal";
-            bookable: boolean;
-            museum_ids: number[];
-            exhibition_ids: number[];
-            price_cents: number;
-            discount: number;
-            vat_pct: number;
-            tax_included: boolean;
-            entry_duration: number | null;
-            min_persons: number;
-            max_persons: number;
-            quota_ids: number[];
-            first_entry: number;
-            last_entry: number;
-            personalizeable: boolean;
-            attendees: boolean | string;
-            identification: boolean | string;
-            free_timing: boolean;
-            is_collective: boolean;
-            is_upgrade: boolean;
-            is_mantle: boolean;
-            description: string | null;
-            sub_ticket_ids: number[];
-            sub_tickets: {
-                [key: string]: {
-                    title?: string;
-                    min_persons?: number;
-                    max_persons?: number;
-                    description?: string | null;
-                };
-            } | null;
-            is_sub_ticket: boolean;
-            created_at: string;
-            updated_at: string;
-            shop_order: number;
-            shipped_with_merchandise_id: number | null;
-            restricted_shop_account: boolean;
-            cash_point_order: number;
-            capacities: {
-                [key: string]: number;
-            };
-            total_capacities: {
-                [key: string]: number;
-            };
-            max_capacity: number;
-            max_total_capacity: number;
-            dynamic_prices: {
-                [key: string]: number;
-            } | null;
-        };
-    };
-    quotas: {
-        '1': {
-            ticket_ids: number[];
-            capacities: {
-                [key: string]: number;
-            };
-            total_capacities: {
-                [key: string]: number;
-            };
-        };
-    };
-};
+export {};

package/dist-js/components/ticketSelection/subcomponents/timeslots/lib/lib.svelte.d.ts

@@ -1,5 +1,5 @@
 import { TimeSlot } from '@gomus/types';
-import { TicketSelectionDetails } from '../../../lib.svelte.ts';
+import { TicketSelectionDetails } from '../../../TicketSelectionDetails.svelte.ts';
 export declare class Details {
     ticketSelectionDetails: TicketSelectionDetails | undefined;
     get timeslots(): TimeSlot[];

package/dist-js/config/config.d.ts

@@ -1 +1,12 @@
+import { ShopUrls } from '../lib/helpers/urls.ts';
+interface ConfigOptions {
+    urls: Partial<ShopUrls>;
+    navigatoTo: (url: string) => void;
+}
+declare class Config {
+    private options;
+    get config(): Readonly<ConfigOptions>;
+    defineConfig(options: Partial<ConfigOptions>): this;
+}
+export declare const go: Config;
 export {};

package/dist-js/config/config.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-js/gomus-webcomponents.css

@@ -1086,3 +1086,162 @@ go-tickets [data-testid='tickets'] > li > article[data-go-ticket] > ul [data-go-
               min-height: 2rem;
               width: auto;
             }
+
+/*=== CART ===*/
+go-cart {
+  display: block;
+}
+
+[data-testid='cart'] {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+/* Header row */
+[data-go-cart-header] {
+  background: inherit;
+  padding: 0.5rem 0;
+}
+[data-go-cart-header]  > ul {
+    display: flex;
+    gap: 1rem;
+    font-weight: 600;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    padding: 0.5rem 0;
+  }
+[data-go-cart-header] > ul  > li {
+      list-style: none;
+      min-width: 0;
+    }
+[data-go-cart-header] > ul [data-go-cart-item-title] {
+      flex: 2;
+    }
+[data-go-cart-header] > ul [data-go-cart-item-price] {
+      flex: 1;
+      text-align: right;
+    }
+[data-go-cart-header] > ul [data-go-cart-item-count] {
+      flex: 1;
+      text-align: right;
+    }
+[data-go-cart-header] > ul [data-go-cart-item-remove] {
+      flex: 1;
+      text-align: right;
+    }
+[data-go-cart-header] > ul [data-go-cart-item-sum] {
+      flex: 1;
+      text-align: right;
+    }
+
+/* Data rows */
+[data-go-cart-item] article  > ul {
+      display: flex;
+      gap: 1rem;
+      padding: 0.75rem 0;
+      border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+      align-items: center;
+    }
+[data-go-cart-item] article > ul  > li {
+        list-style: none;
+        min-width: 0;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+[data-go-cart-item] article > ul [data-go-cart-item-title] {
+        flex: 2;
+      }
+[data-go-cart-item] article > ul [data-go-cart-item-price] {
+        flex: 1;
+        text-align: right;
+      }
+[data-go-cart-item] article > ul [data-go-cart-item-count] {
+        flex: 1;
+        text-align: right;
+      }
+[data-go-cart-item] article > ul [data-go-cart-item-remove] {
+        flex: 1;
+        text-align: right;
+      }
+[data-go-cart-item] article > ul [data-go-cart-item-remove] button {
+          padding: 0.25rem 0.5rem;
+          margin: 0;
+          background-color: white;
+          color: black;
+          border: none;
+          border-radius: 4px;
+          cursor: pointer;
+        }
+[data-go-cart-item] article > ul [data-go-cart-item-sum] {
+        flex: 1;
+        text-align: right;
+      }
+
+/* Footer row */
+[data-go-cart-footer] {
+  background: inherit;
+}
+[data-go-cart-footer]  > ul {
+    display: flex;
+    gap: 1rem;
+    padding: 0.5rem 0;
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+    font-weight: 600;
+  }
+[data-go-cart-footer] > ul  > li {
+      list-style: none;
+      min-width: 0;
+    }
+[data-go-cart-footer] > ul [data-go-cart-item-title] {
+      flex: 2;
+    }
+[data-go-cart-footer] > ul [data-go-cart-item-price] {
+      flex: 1;
+      text-align: right;
+    }
+[data-go-cart-footer] > ul [data-go-cart-item-count] {
+      flex: 1;
+      text-align: right;
+    }
+[data-go-cart-footer] > ul [data-go-cart-item-remove] {
+      flex: 1;
+      text-align: right;
+    }
+[data-go-cart-footer] > ul [data-go-cart-item-sum] {
+      flex: 1;
+      text-align: right;
+    }
+
+[data-add-to-cart-button]:disabled {
+  background-color: #d3d3d3; /* Gray color for disabled state */
+  color: #a1a1a1; /* Lighter text color */
+  cursor: not-allowed; /* Show that the button is disabled */
+}
+
+h2 {
+  margin-top: 3rlh;
+}
+.sum-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.component-container {
+  max-width: 650px;
+  margin: 0 auto;
+  box-shadow:
+    0 4px 12px rgba(12, 12, 12, 0.15),
+    0 0 0 1px rgba(0, 0, 0, 0.05);
+  border-radius: 3px;
+  padding: 32px 32px 48px;
+
+  margin: 2rem auto;
+}
+go-cart,
+go-ticket-selection,
+go-if {
+  width: 100%;
+  display: block;
+}