@ticketboothapp/booking 0.1.11 → 0.1.13

package/src/strings/index.js

@@ -0,0 +1,23 @@
+import enStrings from './en.json';
+import frStrings from './fr.json';
+import esStrings from './es.json';
+
+// This can be expanded later to handle different languages
+const strings = {
+  en: enStrings,
+  fr: frStrings,
+  es: esStrings
+};
+
+export const SUPPORTED_LANGUAGES = ['en', 'fr', 'es'];
+
+// Default to English for now
+export const getStrings = (lang = 'en') => {
+  if (!strings[lang]) {
+    console.warn(`Language ${lang} not found, falling back to English`);
+    return strings.en;
+  }
+  return strings[lang];
+};
+
+export default getStrings('en'); 

package/src/text-style.css

@@ -0,0 +1,97 @@
+@import url('./colours.css'); 
+
+@font-face {
+    font-family: 'Poppins';
+    font-weight: 800;
+    src: url('assets/fonts/Poppins-ExtraBold.woff2') format('woff2'), 
+        url('assets/fonts/Poppins-ExtraBold.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'Figtree';
+    font-weight: 400;
+    src: url('assets/fonts/Figtree-Regular.woff2') format('woff2'), 
+        url('assets/fonts/Figtree-Regular.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'Figtree';
+    font-weight: 700;
+    src: url('assets/fonts/Figtree-Bold.woff2') format('woff2'), 
+        url('assets/fonts/Figtree-Bold.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'Northlake';
+    font-weight: 400;
+    src: url('assets/fonts/Northlake-Medium.woff2') format('woff2'), 
+        url('assets/fonts/Northlake-Medium.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'Ralders';
+    font-weight: 800;
+    src: url('assets/fonts/Ralders.woff2') format('woff2'), 
+        url('assets/fonts/Ralders.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'Snell Roundhand';
+    font-weight: 900;
+    src: url('assets/fonts/snellroundhand_black.woff2') format('woff2'), 
+        url('assets/fonts/snellroundhand_black.woff') format('woff');
+}
+
+
+/* Common styles for all headings */
+h1, h2, h3, h4, h5, h6 {
+    font-family: 'Poppins';
+    font-weight: 800;
+    text-transform: lowercase;
+    color: var(--accent-orange);
+    text-align: center;
+    margin: 0;
+}
+
+p, body {
+    font-weight: 400;
+    font-family: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+        sans-serif;
+    color: var(--primary-text);
+    margin: 0;
+}
+
+a {
+    color: var(--accent-orange);
+}
+
+/* Desktop */
+@media (min-width: 1024px) {
+    h1 { font-size: 3rem; }
+    h2 { font-size: 2.5rem; }
+    h3 { font-size: 2rem; }
+    h4 { font-size: 1.75rem; }
+    h5 { font-size: 1.5rem; }
+    p { font-size: 1.2rem; }
+}
+
+/* Tablet */
+@media (min-width: 768px) and (max-width: 1023px) {
+    h1 { font-size: 2.5rem; }
+    h2 { font-size: 2rem; }
+    h3 { font-size: 1.75rem; }
+    h4 { font-size: 1.5rem; }
+    h5 { font-size: 1.25rem; }
+    p { font-size: 1.2rem; }
+}
+
+/* Mobile */
+@media (max-width: 768px) {
+    h1 { font-size: 2.5rem; }
+    h2 { font-size: 1.75rem; }
+    h3 { font-size: 1.5rem; }
+    h4 { font-size: 1.25rem; }
+    h5 { font-size: 1rem; }
+    p { font-size: 1rem; }
+}

package/src/types/fareharbor.d.ts

@@ -0,0 +1,12 @@
+interface FareHarborAPI {
+  open: (options: {
+    shortname: string;
+    fallback: string;
+    fullItems: string;
+    view: string;
+  }) => boolean;
+}
+
+interface Window {
+  FH: FareHarborAPI;
+} 

package/src/types/quiz.ts

@@ -0,0 +1,59 @@
+import { ImageData } from '@/constants/images';
+
+export interface Answer {
+    id: string;
+    text: string;
+    image?: ImageData;
+    subtext?: string;
+}
+
+export interface QuizQuestion {
+    id: string;
+    text: string;
+    subtitle?: string;
+    answers: Answer[];
+    isMultiSelect?: boolean;
+    showIf?: (answers: UserAnswers) => boolean;
+}
+
+export type UserAnswers = {
+    [questionId: string]: string | string[]; // maps questionId to answerId(s)
+};
+
+export type MatchType = 'AND' | 'OR';
+
+export type AnswerMatch = {
+    values: string[];
+    matchType: MatchType;
+};
+
+// This type defines what answers lead to what recommendations
+export type RecommendationRule = {
+    answers: {
+        what_lakes?: AnswerMatch;
+        sunrise?: string;
+        what_activities?: AnswerMatch;
+        hiking?: AnswerMatch;
+        exclude?: {
+            [questionId: string]: string[];
+        };
+    };
+    recommendationIds: string[];
+    recommendationDetails: {
+        [productId: string]: string[];
+    };
+    isMultiDayGroup?: boolean;
+    isAlternativeGroup?: boolean;
+    alternativeGroupTitle?: string;
+    dayGroups?: {
+        day: number;
+        dayTitle: string;
+        recommendationIds: string[];
+    }[];
+};
+
+export type QuizState = {
+    currentQuestionIndex: number;
+    answers: UserAnswers;
+    isComplete: boolean;
+}; 

package/src/utils/currency-converter.ts

@@ -0,0 +1,101 @@
+type SupportedCurrency = 'CAD' | 'USD' | 'AUD' | 'MXN' | 'EUR' | 'GBP';
+
+interface CurrencyFormat {
+    symbol: string;
+    position: 'before' | 'after';
+    rate: number;  // Exchange rate from CAD
+}
+
+const currencyFormats: Record<SupportedCurrency, CurrencyFormat> = {
+    CAD: { symbol: 'CA$', position: 'before', rate: 1 },
+    USD: { symbol: 'US$', position: 'before', rate: 0.70 },
+    AUD: { symbol: 'AU$', position: 'before', rate: 1.11 },
+    MXN: { symbol: 'MX$', position: 'before', rate: 14.25 },
+    EUR: { symbol: '€', position: 'before', rate: 0.65 },
+    GBP: { symbol: '£', position: 'before', rate: 0.54 }
+};
+
+let cachedCurrency: SupportedCurrency | null = null;
+
+export function getUserCurrency(): SupportedCurrency {
+    // Return CAD during server-side rendering
+    if (typeof window === 'undefined') {
+        return 'CAD';
+    }
+
+    // Use cached value if available
+    if (cachedCurrency) {
+        return cachedCurrency;
+    }
+
+    try {
+        const locale = navigator.language;
+        const languages = navigator.languages || [];
+        
+        // Try to find a Canadian locale in the language list
+        const hasCanadianLocale = languages.some(lang => 
+            lang.toLowerCase().includes('en-ca') || 
+            lang.toLowerCase().includes('fr-ca')
+        );
+
+        // Check for Canadian region/timezone hints
+        const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+        const isCanadianTimeZone = timeZone.includes('America') && 
+            ['Vancouver', 'Edmonton', 'Calgary', 'Regina', 'Winnipeg', 'Toronto', 'Montreal', 'Halifax', 'St_Johns']
+            .some(city => timeZone.includes(city));
+
+        if (hasCanadianLocale || isCanadianTimeZone) {
+            cachedCurrency = 'CAD';
+            return cachedCurrency;
+        }
+
+        const country = locale.split('-')[1] || locale.split('_')[1];
+
+        // Map common locales to currencies
+        const currencyMap: Record<string, SupportedCurrency> = {
+            'CA': 'CAD',
+            'US': 'USD',
+            'AU': 'AUD',
+            'MX': 'MXN',
+            'GB': 'GBP'
+        };
+
+        // Check if we're in a European country
+        const euroCountries = ['DE', 'FR', 'IT', 'ES', 'NL', 'BE', 'AT', 'IE', 'FI', 'PT'];
+        
+        // Check both country code and language for European detection
+        if (euroCountries.includes(country) || 
+            languages.some(lang => euroCountries.includes(lang.split('-')[1] || lang.split('_')[1]))) {
+            cachedCurrency = 'EUR';
+            return cachedCurrency;
+        }
+
+        cachedCurrency = currencyMap[country] || 'CAD';
+        return cachedCurrency;
+    } catch {
+        cachedCurrency = 'CAD';
+        return cachedCurrency;
+    }
+}
+
+export function formatPrice(cadPrice: string, language?: 'en' | 'es' | 'fr'): string {
+    // Extract numeric value from CAD price string
+    const numericValue = parseFloat(cadPrice.replace(/[^0-9.]/g, ''));
+    if (isNaN(numericValue)) return cadPrice;
+
+    const userCurrency = getUserCurrency();
+    const format = currencyFormats[userCurrency];
+    
+    // Convert price
+    const convertedPrice = Math.round(numericValue * format.rate);
+    
+    // Handle French formatting
+    if (language === 'fr') {
+        return `${convertedPrice}$CA`;
+    }
+    
+    // Format the price for other languages
+    return format.position === 'before' 
+        ? `${format.symbol}${convertedPrice}`
+        : `${convertedPrice}${format.symbol}`;
+}