@ticketboothapp/booking 1.2.24 → 1.2.25-rc.0

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,56 @@
+@import url('./colours.css');
+
+/* @font-face rules live in the host app (e.g. viavia-website src/font-faces.css) so font files stay out of the npm bundle. */
+
+/* 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/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}`;
+} 

package/tsconfig.json

@@ -6,9 +6,15 @@
     "noEmit": true,
     "module": "esnext",
     "moduleResolution": "bundler",
+    "resolveJsonModule": true,
     "jsx": "react-jsx",
     "isolatedModules": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
   },
-  "include": ["src/**/*.ts", "src/**/*.tsx"]
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.js", "src/**/*.json", "src/**/*.d.ts"],
+  "exclude": ["src/**/*.test.ts", "src/**/*.test.tsx"]
 }