a949c8d3af
hooks in config/services.php/.env.example, and updated wizard steps/controllers to store session payloads, attach packages, and surface localized success/error states. - Retooled payment handling for both Stripe and PayPal, adding richer status management in CheckoutController/ PayPalController, fallback flows in the wizard’s PaymentStep.tsx, and fresh feature tests for intent creation, webhooks, and the wizard CTA. - Introduced a consent-aware Matomo analytics stack: new consent context, cookie-banner UI, useAnalytics/ useCtaExperiment hooks, and MatomoTracker component, then instrumented marketing pages (Home, Packages, Checkout) with localized copy and experiment tracking. - Polished package presentation across marketing UIs by centralizing formatting in PresentsPackages, surfacing localized description tables/placeholders, tuning badges/layouts, and syncing guest/marketing translations. - Expanded docs & reference material (docs/prp/*, TODOs, public gallery overview) and added a Playwright smoke test for the hero CTA while reconciling outstanding checklist items.
62 lines
2.0 KiB
TypeScript
62 lines
2.0 KiB
TypeScript
import '../css/app.css';
|
|
|
|
import { createInertiaApp } from '@inertiajs/react';
|
|
import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
|
|
import { createRoot } from 'react-dom/client';
|
|
import { initializeTheme } from './hooks/use-appearance';
|
|
import AppLayout from './layouts/app/AppLayout';
|
|
import { I18nextProvider } from 'react-i18next';
|
|
import i18n from './i18n';
|
|
import { Toaster } from 'react-hot-toast';
|
|
import { Elements } from '@stripe/react-stripe-js';
|
|
import { loadStripe } from '@stripe/stripe-js';
|
|
import { ConsentProvider } from './contexts/consent';
|
|
|
|
const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
|
|
|
|
// Initialize Stripe
|
|
const stripePromise = loadStripe(import.meta.env.VITE_STRIPE_PUBLISHABLE_KEY || '');
|
|
|
|
createInertiaApp({
|
|
title: (title) => title ? `${title} - ${appName}` : appName,
|
|
resolve: (name) => resolvePageComponent(
|
|
`./pages/${name}.tsx`,
|
|
import.meta.glob('./pages/**/*.tsx')
|
|
).then((page) => {
|
|
if (page) {
|
|
const PageComponent = (page as any).default;
|
|
return (props: any) => <AppLayout><PageComponent {...props} /></AppLayout>;
|
|
}
|
|
return null;
|
|
}),
|
|
setup({ el, App, props }) {
|
|
const root = createRoot(el);
|
|
|
|
// Sync i18n with initial locale from props
|
|
if (
|
|
props.initialPage &&
|
|
props.initialPage.props &&
|
|
typeof props.initialPage.props.locale === 'string'
|
|
) {
|
|
i18n.changeLanguage(props.initialPage.props.locale);
|
|
}
|
|
|
|
root.render(
|
|
<Elements stripe={stripePromise}>
|
|
<ConsentProvider>
|
|
<I18nextProvider i18n={i18n}>
|
|
<App {...props} />
|
|
<Toaster position="top-right" toastOptions={{ duration: 4000 }} />
|
|
</I18nextProvider>
|
|
</ConsentProvider>
|
|
</Elements>
|
|
);
|
|
},
|
|
progress: {
|
|
color: '#4B5563',
|
|
},
|
|
});
|
|
|
|
// This will set light / dark mode on load...
|
|
initializeTheme();
|