orion/app/modules/loyalty/static/storefront/js/loyalty-enroll.js

// app/modules/loyalty/static/storefront/js/loyalty-enroll.js
// Self-service loyalty enrollment

function customerLoyaltyEnroll() {
    return {
        ...storefrontLayoutData(),

        // Program info
        program: null,

        // Form data
        form: {
            email: '',
            first_name: '',
            last_name: '',
            phone: '',
            birthday: '',
            terms_accepted: false,
            marketing_consent: false
        },

        // State
        loading: false,
        enrolling: false,
        enrolled: false,
        enrolledCard: null,
        error: null,
        showTerms: false,

        async init() {
            console.log('Customer loyalty enroll initializing...');
            await this.loadProgram();
        },

        async loadProgram() {
            this.loading = true;
            try {
                const response = await apiClient.get('/storefront/loyalty/program');
                if (response) {
                    this.program = response;
                    console.log('Program loaded:', this.program.display_name);
                }
            } catch (error) {
                if (error.status === 404) {
                    console.log('No loyalty program available');
                    this.program = null;
                } else {
                    console.error('Failed to load program:', error);
                    this.error = I18n.t('loyalty.enrollment.errors.load_failed');
                }
            } finally {
                this.loading = false;
            }
        },

        async submitEnrollment() {
            if (!this.form.email || !this.form.first_name || !this.form.terms_accepted) {
                return;
            }

            this.enrolling = true;
            this.error = null;

            try {
                const response = await apiClient.post('/storefront/loyalty/enroll', {
                    email: this.form.email,
                    customer_name: [this.form.first_name, this.form.last_name].filter(Boolean).join(' '),
                    customer_phone: this.form.phone || null,
                    customer_birthday: this.form.birthday || null,
                    marketing_email_consent: this.form.marketing_consent,
                    marketing_sms_consent: this.form.marketing_consent
                });

                if (response) {
                    const cardNumber = response.card?.card_number || response.card_number;
                    console.log('Enrollment successful:', cardNumber);

                    // Store wallet URLs for the success page (no auth needed)
                    if (response.wallet_urls) {
                        sessionStorage.setItem('loyalty_wallet_urls', JSON.stringify(response.wallet_urls));
                    }

                    // Redirect to success page
                    const currentPath = window.location.pathname;
                    const successUrl = currentPath.replace(/\/join\/?$/, '/join/success') +
                        '?card=' + encodeURIComponent(cardNumber);
                    window.location.href = successUrl;
                }
            } catch (error) {
                console.error('Enrollment failed:', error);
                if (error.message?.includes('already')) {
                    this.error = I18n.t('loyalty.enrollment.errors.email_exists');
                } else {
                    this.error = error.message || I18n.t('loyalty.enrollment.errors.failed');
                }
            } finally {
                this.enrolling = false;
            }
        }
    };
}