@raxonltd/raxon-core 1.0.1 → 1.0.3

package/dist/core/view/view.checkout.js

@@ -0,0 +1,684 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Link from 'next/link';
+import { useRouter } from 'next/navigation';
+import { HelpCircle } from 'lucide-react';
+import { useState, useRef, useEffect, useMemo } from 'react';
+import { useForm } from 'react-hook-form';
+import { Input } from 'rizzui/input';
+import { Button } from 'rizzui/button';
+import { useRaxon } from '../raxon.context';
+import { LOGIN_SUCCESS_EVENT } from '../feature/auth/hook/use.auth';
+import { ModalAuth } from '../feature/auth/modal/modal.auth';
+import { useCart } from '../feature/cart/hook/use.cart';
+import { useAddress } from '../feature/address/hook/use.addres';
+import { useAddressAutocomplete } from '../feature/address/hook/use.address-autocomplete';
+import { AddressSearchInput } from '../feature/address/form/address-search-input';
+import { formatAddressSummary, parsedAddressToFormFields } from '../feature/address/util/parse-google-place';
+import { formatBasketItemVariantLine } from '../util/basket.item.display';
+import { GeneralImage } from '../component/general.image';
+import { AddressType, PaymentProvider, PaymentTerms } from '../interface/prisma.interface';
+import { storeGarantiPaymentHtml } from '../util/garanti-payment';
+import { resolveClientIp } from '../util/client-ip';
+import { CartPromoCodeSection } from '../feature/cart/component/cart.promo.code.section';
+const addressFormDefaultValues = {
+    firstName: '',
+    lastName: '',
+    phone: '',
+    street: '',
+    buildingNumber: '',
+    apartmentNumber: '',
+    postalCode: '',
+    province: '',
+    district: '',
+    newsletter: false,
+    billingAddressDifferent: false,
+    billingFullName: '',
+    billingTaxNumber: '',
+    billingProvince: '',
+    billingDistrict: '',
+    billingStreet: '',
+    savedDeliveryAddressId: '',
+    savedBillingAddressId: '',
+    addressSearch: '',
+};
+function formatAddressLine(addr) {
+    const name = addr.companyName || `${addr.firstName ?? ''} ${addr.lastName ?? ''}`.trim();
+    const street = addr.streetName ?? addr.fullAddress ?? '';
+    const location = [addr.administrativeAreaLevel2, addr.administrativeAreaLevel1].filter(Boolean).join(', ');
+    return { name, street, location, postalCode: addr.postalCode, taxNumber: addr.taxNumber };
+}
+function pickDefaultDeliveryAddress(addresses) {
+    return addresses.find(addr => addr.type === AddressType.DELIVERY) ?? addresses[0];
+}
+function ViewStep1({ onContinue }) {
+    const { cart, profile, isAuthenticated, isGuest } = useRaxon();
+    const modalAuthRef = useRef(null);
+    const [emailInput, setEmailInput] = useState('');
+    const [emailError, setEmailError] = useState(null);
+    const [isSaving, setIsSaving] = useState(false);
+    const lastSavedEmailRef = useRef('');
+    const saveInFlightRef = useRef(null);
+    const userEditedEmailRef = useRef(false);
+    const updateBasketMutation = useCart().update();
+    useEffect(() => {
+        const fromCart = cart?.email?.trim() || '';
+        const fromProfile = isAuthenticated && !isGuest ? profile?.email?.trim() || '' : '';
+        const resolved = fromCart || fromProfile;
+        if (fromCart) {
+            lastSavedEmailRef.current = fromCart;
+        }
+        if (!resolved || userEditedEmailRef.current)
+            return;
+        setEmailInput(resolved);
+    }, [cart?.email, profile?.email, isAuthenticated, isGuest]);
+    const isValidEmail = (email) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
+    const saveEmail = (email) => {
+        if (saveInFlightRef.current)
+            return saveInFlightRef.current;
+        const promise = (async () => {
+            const trimmed = email.trim();
+            if (!trimmed) {
+                setEmailError('E-posta adresi zorunludur.');
+                return false;
+            }
+            if (!isValidEmail(trimmed)) {
+                setEmailError('Geçerli bir e-posta adresi giriniz.');
+                return false;
+            }
+            if (trimmed === lastSavedEmailRef.current)
+                return true;
+            if (!cart?.id) {
+                setEmailError('Sepet bulunamadı. Lütfen sayfayı yenileyin.');
+                return false;
+            }
+            setEmailError(null);
+            setIsSaving(true);
+            try {
+                await updateBasketMutation.mutateAsync({ id: cart.id, email: trimmed });
+                lastSavedEmailRef.current = trimmed;
+                return true;
+            }
+            catch {
+                setEmailError('E-posta kaydedilemedi. Lütfen tekrar deneyin.');
+                return false;
+            }
+            finally {
+                setIsSaving(false);
+            }
+        })();
+        saveInFlightRef.current = promise;
+        void promise.finally(() => {
+            if (saveInFlightRef.current === promise)
+                saveInFlightRef.current = null;
+        });
+        return promise;
+    };
+    const handleEmailBlur = () => {
+        void saveEmail(emailInput);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(ModalAuth, { ref: modalAuthRef }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-base font-semibold text-gray-900", children: "\u0130leti\u015Fim" }), _jsx("p", { className: "mt-1 text-sm text-gray-500", children: "Sipari\u015F onay\u0131 ve kargo bilgileri bu adrese g\u00F6nderilir." })] }), !isGuest && isAuthenticated ? (_jsx("p", { className: "text-sm text-gray-600", children: _jsx("button", { type: "button", className: "font-medium text-[#CF0A2C] hover:underline", onClick: () => modalAuthRef.current?.open('login'), children: "Hesab\u0131n\u0131zla giri\u015F yapt\u0131n\u0131z" }) })) : (_jsxs("p", { className: "text-sm text-gray-600", children: ["Hesab\u0131n\u0131z var m\u0131?", ' ', _jsx("button", { type: "button", className: "font-medium text-[#CF0A2C] hover:underline", onClick: () => modalAuthRef.current?.open('login'), children: "Giri\u015F yap" }), ' veya ', _jsx("button", { type: "button", className: "font-medium text-[#CF0A2C] hover:underline", onClick: () => modalAuthRef.current?.open('register'), children: "kay\u0131t ol" })] })), _jsx(Input, { type: "email", label: "E-posta", placeholder: "ornek@email.com", value: emailInput, onChange: e => {
+                            userEditedEmailRef.current = true;
+                            setEmailInput(e.target.value);
+                        }, onBlur: handleEmailBlur, size: "lg", className: "rounded-xl", required: true }), isSaving ? _jsx("p", { className: "text-xs text-gray-500", children: "Kaydediliyor\u2026" }) : null, emailError ? _jsx("p", { className: "text-sm text-red-600", children: emailError }) : null, _jsx(Button, { type: "button", size: "lg", className: "w-full rounded-xl bg-[#CF0A2C] font-semibold text-white hover:bg-[#a80824]", disabled: !emailInput.trim() || isSaving, onClick: async () => {
+                            const ok = await saveEmail(emailInput);
+                            if (ok)
+                                onContinue(emailInput.trim());
+                        }, children: "Devam et" })] })] }));
+}
+function ViewStep2({ onComplete, onBack }) {
+    const { cart } = useRaxon();
+    const deliveryFormHydratedKeyRef = useRef(null);
+    const addressBasketSyncRef = useRef(null);
+    const { query: addressSearchQuery, setQuery: setAddressSearchQuery, onUserQueryChange: onAddressSearchQueryChange, results: addressSearchResults, isSearching: isAddressSearching, showResults: showAddressSearchResults, setShowResults: setShowAddressSearchResults, selectPlace: selectAddressPlace, resetSearch: resetAddressSearch, } = useAddressAutocomplete();
+    const updateBasketMutation = useCart().update();
+    const { data: addressesPayload } = useAddress().fetch();
+    const savedAddresses = addressesPayload?.data ?? [];
+    const addressForm = useForm({
+        defaultValues: addressFormDefaultValues,
+    });
+    const { register, handleSubmit, watch, setValue, getValues, reset, setError, clearErrors, formState: { errors, isSubmitting }, } = addressForm;
+    const billingAddressDifferent = watch('billingAddressDifferent');
+    const savedDeliveryAddressId = watch('savedDeliveryAddressId');
+    const savedBillingAddressId = watch('savedBillingAddressId');
+    const provinceField = register('province', { required: 'İl giriniz' });
+    const districtField = register('district', { required: 'İlçe giriniz' });
+    const billingProvinceField = register('billingProvince', {
+        required: billingAddressDifferent ? 'İl giriniz' : false,
+    });
+    const billingDistrictField = register('billingDistrict', {
+        required: billingAddressDifferent ? 'İlçe giriniz' : false,
+    });
+    useEffect(() => {
+        const d = cart?.deliveryAddress;
+        if (!cart || !d?.id)
+            return;
+        const hydrateKey = `${cart.id}:${d.id}`;
+        if (deliveryFormHydratedKeyRef.current === hydrateKey)
+            return;
+        deliveryFormHydratedKeyRef.current = hydrateKey;
+        reset({
+            ...addressFormDefaultValues,
+            firstName: d.firstName ?? '',
+            lastName: d.lastName ?? '',
+            phone: d.phoneNumber ?? '',
+            street: d.streetName ?? d.fullAddress ?? '',
+            buildingNumber: d.buildingName ?? '',
+            apartmentNumber: d.apartmentNumber ?? '',
+            postalCode: d.postalCode ?? '',
+            province: d.administrativeAreaLevel1 ?? '',
+            district: d.administrativeAreaLevel2 ?? '',
+            savedDeliveryAddressId: d.id,
+        });
+        setAddressSearchQuery(formatAddressSummary(d));
+    }, [cart, cart?.deliveryAddress?.id, reset, setAddressSearchQuery]);
+    useEffect(() => {
+        if (cart?.deliveryAddress?.id)
+            return;
+        if (!addressesPayload?.data?.length)
+            return;
+        const defaultAddress = pickDefaultDeliveryAddress(addressesPayload.data);
+        if (!defaultAddress)
+            return;
+        const hydrateKey = `saved:${defaultAddress.id}`;
+        if (deliveryFormHydratedKeyRef.current === hydrateKey)
+            return;
+        deliveryFormHydratedKeyRef.current = hydrateKey;
+        reset({
+            ...addressFormDefaultValues,
+            firstName: defaultAddress.firstName ?? '',
+            lastName: defaultAddress.lastName ?? '',
+            phone: defaultAddress.phoneNumber ?? '',
+            street: defaultAddress.streetName ?? defaultAddress.fullAddress ?? '',
+            buildingNumber: defaultAddress.buildingName ?? '',
+            apartmentNumber: defaultAddress.apartmentNumber ?? '',
+            postalCode: defaultAddress.postalCode ?? '',
+            province: defaultAddress.administrativeAreaLevel1 ?? '',
+            district: defaultAddress.administrativeAreaLevel2 ?? '',
+            savedDeliveryAddressId: defaultAddress.id,
+        });
+        setAddressSearchQuery(formatAddressSummary(defaultAddress));
+    }, [addressesPayload?.data, cart?.deliveryAddress?.id, reset, setAddressSearchQuery]);
+    useEffect(() => {
+        if (updateBasketMutation.isPending)
+            return;
+        if (!cart?.id || cart?.deliveryAddress?.id)
+            return;
+        if (!addressesPayload?.data?.length)
+            return;
+        const defaultAddress = pickDefaultDeliveryAddress(addressesPayload.data);
+        if (!defaultAddress?.id)
+            return;
+        const syncKey = `${cart.id}:${defaultAddress.id}`;
+        if (addressBasketSyncRef.current === syncKey)
+            return;
+        addressBasketSyncRef.current = syncKey;
+        updateBasketMutation.mutate({
+            id: cart.id,
+            deliveryAddressId: defaultAddress.id,
+            invoiceAddressId: defaultAddress.id,
+        });
+    }, [cart?.id, cart?.deliveryAddress?.id, addressesPayload?.data, updateBasketMutation.isPending, updateBasketMutation.mutate]);
+    useEffect(() => {
+        const invoiceId = cart?.invoiceAddress?.id;
+        const deliveryId = cart?.deliveryAddress?.id;
+        if (!invoiceId || !deliveryId)
+            return;
+        if (invoiceId === deliveryId)
+            return;
+        setValue('billingAddressDifferent', true);
+        const matched = savedAddresses.find(a => a.id === invoiceId);
+        if (matched) {
+            setValue('savedBillingAddressId', matched.id);
+            return;
+        }
+        const inv = cart.invoiceAddress;
+        setValue('billingFullName', inv.companyName ?? `${inv.firstName ?? ''} ${inv.lastName ?? ''}`.trim());
+        setValue('billingTaxNumber', inv.taxNumber ?? '');
+        setValue('billingProvince', inv.administrativeAreaLevel1 ?? '');
+        setValue('billingDistrict', inv.administrativeAreaLevel2 ?? '');
+        setValue('billingStreet', inv.streetName ?? inv.description ?? '');
+    }, [cart?.invoiceAddress?.id, cart?.deliveryAddress?.id, savedAddresses, setValue]);
+    const applyParsedAddressToForm = (fields) => {
+        setValue('street', fields.street);
+        setValue('buildingNumber', fields.buildingNumber);
+        setValue('apartmentNumber', fields.apartmentNumber);
+        setValue('postalCode', fields.postalCode);
+        setValue('province', fields.provinceName);
+        setValue('district', fields.districtName);
+    };
+    const handleSelectGoogleAddress = async (placeId) => {
+        clearErrors('addressSearch');
+        const prediction = addressSearchResults.find(r => r.place_id === placeId);
+        if (!prediction)
+            return;
+        const parsed = await selectAddressPlace(prediction);
+        if (!parsed) {
+            setError('addressSearch', { type: 'manual', message: 'Adres bilgileri alınamadı. Lütfen tekrar deneyin.' });
+            return;
+        }
+        applyParsedAddressToForm(parsedAddressToFormFields(parsed));
+        setValue('savedDeliveryAddressId', '');
+    };
+    const handleAddressSearchQueryChange = (value) => {
+        onAddressSearchQueryChange(value);
+        clearErrors('addressSearch');
+        if (!value.trim()) {
+            resetAddressSearch();
+            setValue('street', '');
+            setValue('buildingNumber', '');
+            setValue('apartmentNumber', '');
+            setValue('postalCode', '');
+            setValue('province', '');
+            setValue('district', '');
+        }
+    };
+    const handleSelectSavedAddress = (addr) => {
+        reset({
+            ...getValues(),
+            firstName: addr.firstName ?? '',
+            lastName: addr.lastName ?? '',
+            phone: addr.phoneNumber ?? '',
+            street: addr.streetName ?? addr.fullAddress ?? '',
+            buildingNumber: addr.buildingName ?? '',
+            apartmentNumber: addr.apartmentNumber ?? '',
+            postalCode: addr.postalCode ?? '',
+            province: addr.administrativeAreaLevel1 ?? '',
+            district: addr.administrativeAreaLevel2 ?? '',
+            savedDeliveryAddressId: addr.id,
+        });
+        setAddressSearchQuery(formatAddressSummary(addr));
+    };
+    const handleSelectBillingAddress = (addr) => {
+        setValue('savedBillingAddressId', addr.id);
+        setValue('billingFullName', addr.companyName ?? `${addr.firstName ?? ''} ${addr.lastName ?? ''}`.trim());
+        setValue('billingTaxNumber', addr.taxNumber ?? '');
+        setValue('billingProvince', addr.administrativeAreaLevel1 ?? '');
+        setValue('billingDistrict', addr.administrativeAreaLevel2 ?? '');
+        setValue('billingStreet', addr.streetName ?? addr.fullAddress ?? '');
+    };
+    const buildDeliveryAddress = (data) => {
+        const fullAddr = [data.street, data.buildingNumber, data.apartmentNumber].filter(Boolean).join(', ');
+        const phoneDigits = data.phone.replace(/\D/g, '').replace(/^90/, '');
+        return {
+            title: 'Teslimat',
+            type: AddressType.DELIVERY,
+            firstName: data.firstName,
+            lastName: data.lastName,
+            phoneNumber: phoneDigits || data.phone,
+            postalCode: data.postalCode,
+            administrativeAreaLevel1: data.province.trim(),
+            administrativeAreaLevel2: data.district.trim(),
+            administrativeAreaLevel3: '',
+            fullAddress: fullAddr,
+            streetName: data.street,
+            buildingName: data.buildingNumber || null,
+            apartmentNumber: data.apartmentNumber || null,
+            country: 'Türkiye',
+            countryCode: 'TR',
+        };
+    };
+    const buildInvoiceAddress = (data) => {
+        const phoneDigits = data.phone.replace(/\D/g, '').replace(/^90/, '');
+        return {
+            title: 'Fatura',
+            type: AddressType.INVOICE,
+            companyName: data.billingFullName,
+            taxNumber: data.billingTaxNumber,
+            phoneNumber: phoneDigits || data.phone,
+            postalCode: data.postalCode,
+            administrativeAreaLevel1: data.billingProvince.trim(),
+            administrativeAreaLevel2: data.billingDistrict.trim(),
+            administrativeAreaLevel3: '',
+            fullAddress: data.billingStreet,
+            streetName: data.billingStreet,
+            country: 'Türkiye',
+            countryCode: 'TR',
+        };
+    };
+    const handleAddressSubmit = async (data) => {
+        if (!cart?.id)
+            return;
+        clearErrors('root');
+        try {
+            const deliveryAddressPayload = buildDeliveryAddress(data);
+            const useDeliveryId = data.savedDeliveryAddressId || null;
+            const useInvoiceId = data.billingAddressDifferent ? data.savedBillingAddressId || null : useDeliveryId;
+            const basketPayload = { id: cart.id };
+            if (useDeliveryId) {
+                basketPayload.deliveryAddressId = useDeliveryId;
+            }
+            else {
+                basketPayload.deliveryAddress = deliveryAddressPayload;
+            }
+            if (data.billingAddressDifferent) {
+                if (useInvoiceId) {
+                    basketPayload.invoiceAddressId = useInvoiceId;
+                }
+                else {
+                    basketPayload.invoiceAddress = buildInvoiceAddress(data);
+                }
+            }
+            else if (useDeliveryId) {
+                basketPayload.invoiceAddressId = useDeliveryId;
+            }
+            else {
+                basketPayload.invoiceAddress = deliveryAddressPayload;
+            }
+            await updateBasketMutation.mutateAsync(basketPayload);
+            onComplete();
+        }
+        catch {
+            setError('root', { type: 'server', message: 'Adres kaydedilemedi. Lütfen bilgileri kontrol edip tekrar deneyin.' });
+        }
+    };
+    return (_jsxs("form", { onSubmit: handleSubmit(handleAddressSubmit), className: "space-y-6", children: [savedAddresses.length > 0 && (_jsxs("div", { children: [_jsx("label", { className: "rizzui-input-label block text-sm mb-1.5 font-medium", children: "\u00D6nerilen teslimat adresi" }), _jsxs("select", { value: savedDeliveryAddressId || (cart?.deliveryAddress?.id ?? ''), onChange: e => {
+                            if (!e.target.value) {
+                                setValue('savedDeliveryAddressId', '');
+                                return;
+                            }
+                            const addr = savedAddresses.find(a => a.id === e.target.value);
+                            if (addr)
+                                handleSelectSavedAddress(addr);
+                        }, className: "rizzui-input-container peer flex h-10 w-full items-center rounded-lg border border-gray-200 bg-white px-3.5 py-2 text-sm transition-all focus:border-[#CF0A2C] focus:outline-none focus:ring-2 focus:ring-[#CF0A2C]/25", children: [_jsx("option", { value: "", children: "Yeni adres girin" }), savedAddresses.map(addr => (_jsxs("option", { value: addr.id, children: [`${addr.firstName ?? ''} ${addr.lastName ?? ''}`.trim(), addr.administrativeAreaLevel2 ? ` — ${addr.administrativeAreaLevel2}, ${addr.administrativeAreaLevel1}` : ''] }, addr.id)))] })] })), _jsxs("div", { children: [_jsx("h2", { className: "text-base font-semibold text-gray-900 mb-1", children: "Teslimat adresi" }), _jsx("p", { className: "text-sm text-gray-500 mb-4", children: "Adresinizi aratarak h\u0131zl\u0131ca doldurabilir veya a\u015Fa\u011F\u0131daki alanlar\u0131 manuel girebilirsiniz." }), _jsx("div", { className: "mb-4", children: _jsx(AddressSearchInput, { query: addressSearchQuery, onQueryChange: handleAddressSearchQueryChange, results: addressSearchResults, isSearching: isAddressSearching, showResults: showAddressSearchResults, onShowResultsChange: setShowAddressSearchResults, onSelect: placeId => void handleSelectGoogleAddress(placeId), error: errors.addressSearch?.message, label: "Adres ara", placeholder: "Mahalle, cadde, sokak veya posta kodu yaz\u0131n\u2026", noResultsText: "Sonu\u00E7 bulunamad\u0131" }) }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Input, { ...register('firstName', { required: true }), label: "Ad", placeholder: "Ad", size: "lg", required: true, error: errors.firstName?.message }), _jsx(Input, { ...register('lastName', { required: true }), label: "Soyad", placeholder: "Soyad", size: "lg", required: true, error: errors.lastName?.message })] }), _jsx(Input, { ...register('street', { required: true }), label: "Mahalle, cadde, sokak vb.", placeholder: "Mahalle, cadde, sokak vb.", size: "lg", required: true, error: errors.street?.message }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Input, { ...register('buildingNumber'), label: "Apartman no", placeholder: "Apartman / bina no", size: "lg" }), _jsx(Input, { ...register('apartmentNumber'), label: "Daire no", placeholder: "Daire no", size: "lg" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Input, { ...register('postalCode', { required: true }), label: "Posta Kodu", placeholder: "Posta Kodu", size: "lg", required: true, error: errors.postalCode?.message }), _jsx(Input, { ...provinceField, onChange: e => {
+                                            provinceField.onChange(e);
+                                            setValue('savedDeliveryAddressId', '');
+                                        }, label: "\u0130l", placeholder: "\u0130l", size: "lg", required: true, error: errors.province?.message })] }), _jsx("div", { className: "grid grid-cols-2 gap-4", children: _jsx(Input, { ...districtField, onChange: e => {
+                                        districtField.onChange(e);
+                                        setValue('savedDeliveryAddressId', '');
+                                    }, label: "\u0130l\u00E7e", placeholder: "\u0130l\u00E7e", size: "lg", required: true, error: errors.district?.message }) }), _jsxs("div", { children: [_jsx("label", { className: "rizzui-input-label block text-sm mb-1.5 font-medium", children: "Telefon *" }), _jsxs("div", { className: "relative", children: [_jsxs("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-gray-700", children: "\uD83C\uDDF9\uD83C\uDDF7" }), _jsx("span", { className: "text-sm text-gray-700", children: "+90" })] }), _jsx(Input, { ...register('phone', { required: true }), type: "tel", placeholder: "Telefon", size: "lg", className: "pl-20", required: true, error: errors.phone?.message })] })] })] })] }), _jsxs("div", { children: [_jsx("h2", { className: "text-base font-semibold text-gray-900 mb-2", children: "Fatura adresi" }), _jsxs("div", { className: "flex items-start gap-2 mb-4", children: [_jsx("input", { type: "checkbox", id: "billingAddressDifferent", ...register('billingAddressDifferent'), className: "mt-1 h-4 w-4 rounded border-gray-300 text-[#CF0A2C] focus:ring-[#CF0A2C]" }), _jsx("label", { htmlFor: "billingAddressDifferent", className: "cursor-pointer text-sm text-gray-700", children: "Fatura adresi farkl\u0131 olsun" })] }), billingAddressDifferent && (_jsxs("div", { className: "mt-4 space-y-4 rounded-xl border border-gray-200 bg-white p-4", children: [savedAddresses.length > 0 && (_jsxs("div", { children: [_jsx("label", { className: "rizzui-input-label block text-sm mb-1.5 font-medium", children: "\u00D6nerilen fatura adresi" }), _jsxs("select", { value: savedBillingAddressId || (cart?.invoiceAddress?.id !== cart?.deliveryAddress?.id ? (cart?.invoiceAddress?.id ?? '') : ''), onChange: e => {
+                                            if (!e.target.value) {
+                                                setValue('savedBillingAddressId', '');
+                                                return;
+                                            }
+                                            const addr = savedAddresses.find(a => a.id === e.target.value);
+                                            if (addr)
+                                                handleSelectBillingAddress(addr);
+                                        }, className: "rizzui-input-container peer flex h-10 w-full items-center rounded-lg border border-gray-200 bg-white px-3.5 py-2 text-sm transition-all focus:border-[#CF0A2C] focus:outline-none focus:ring-2 focus:ring-[#CF0A2C]/25", children: [_jsx("option", { value: "", children: "Manuel girin" }), savedAddresses.map(addr => (_jsxs("option", { value: addr.id, children: [addr.companyName || `${addr.firstName ?? ''} ${addr.lastName ?? ''}`.trim(), addr.administrativeAreaLevel2 ? ` — ${addr.administrativeAreaLevel2}, ${addr.administrativeAreaLevel1}` : ''] }, addr.id)))] })] })), _jsx("p", { className: "text-sm text-gray-600", children: "Fatura bilgileri (\u015Fah\u0131s ad\u0131 veya firma unvan\u0131, vergi numaras\u0131 ve adres)" }), _jsx(Input, { ...register('billingFullName', {
+                                    required: billingAddressDifferent ? 'Ad / Firma adı zorunludur' : false,
+                                }), label: "Ad / Firma ad\u0131", placeholder: "\u015Eah\u0131s i\u00E7in ad soyad, \u015Firket i\u00E7in firma unvan\u0131", size: "lg", required: billingAddressDifferent, error: errors.billingFullName?.message }), _jsx(Input, { ...register('billingTaxNumber', {
+                                    required: billingAddressDifferent ? 'Vergi numarası zorunludur' : false,
+                                }), label: "Vergi numaras\u0131", placeholder: "10 veya 11 haneli vergi numaras\u0131", size: "lg", required: billingAddressDifferent, error: errors.billingTaxNumber?.message }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Input, { ...billingProvinceField, onChange: e => {
+                                            billingProvinceField.onChange(e);
+                                            setValue('savedBillingAddressId', '');
+                                        }, label: "\u0130l", placeholder: "\u0130l", size: "lg", required: billingAddressDifferent, error: errors.billingProvince?.message }), _jsx(Input, { ...billingDistrictField, onChange: e => {
+                                            billingDistrictField.onChange(e);
+                                            setValue('savedBillingAddressId', '');
+                                        }, label: "\u0130l\u00E7e", placeholder: "\u0130l\u00E7e", size: "lg", required: billingAddressDifferent, error: errors.billingDistrict?.message })] }), _jsx(Input, { ...register('billingStreet', {
+                                    required: billingAddressDifferent ? 'Açık adres zorunludur' : false,
+                                }), label: "A\u00E7\u0131k adres", placeholder: "Mahalle, cadde, sokak, bina no, daire no", size: "lg", required: billingAddressDifferent, error: errors.billingStreet?.message })] }))] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("input", { type: "checkbox", ...register('newsletter'), id: "newsletter", className: "mt-1 h-4 w-4 rounded border-gray-300 text-[#CF0A2C] focus:ring-[#CF0A2C]" }), _jsxs("label", { htmlFor: "newsletter", className: "text-sm text-gray-700 flex items-center gap-1", children: ["Beni haberlerden ve \u00F6zel tekliflerden haberdar et", _jsx(HelpCircle, { className: "w-4 h-4 text-gray-400" })] })] }), errors.root?.message ? _jsx("p", { className: "text-sm text-red-600", children: errors.root.message }) : null, _jsxs("div", { className: "flex flex-col gap-3 sm:flex-row", children: [_jsx(Button, { type: "button", size: "lg", variant: "outline", className: "rounded-xl border-2 border-gray-200 font-semibold text-gray-900 hover:border-gray-900", onClick: onBack, children: "Geri" }), _jsx(Button, { type: "submit", size: "lg", className: "flex-1 rounded-xl bg-[#CF0A2C] font-semibold text-white hover:bg-[#a80824]", disabled: isSubmitting, children: isSubmitting ? 'Kaydediliyor…' : 'Devam et' })] })] }));
+}
+function ViewStepCheckout({ onBack }) {
+    const router = useRouter();
+    const { cart, cartLoading, paymentMethod, deliveryMethod, bankAccount } = useRaxon();
+    const [payStartError, setPayStartError] = useState(null);
+    const [bankTransferError, setBankTransferError] = useState(null);
+    const [selectedBankAccountId, setSelectedBankAccountId] = useState(null);
+    const paymentDefaultRef = useRef(false);
+    const deliveryDefaultRef = useRef(false);
+    const addressBasketSyncRef = useRef(false);
+    const updateBasketMutation = useCart().update();
+    const { data: addressesPayload, isLoading: addressesLoading } = useAddress().fetch();
+    const { mutateAsync: payMutation, isPending: payMutationPending } = useCart().pay();
+    const { mutateAsync: createTransferCode, isPending: transferCodePending } = useCart().createTransferCode();
+    const selectedPaymentMethod = paymentMethod.find(m => m.id === cart?.paymentMethod?.id);
+    const isBankTransfer = selectedPaymentMethod?.provider === PaymentProvider.BANK_TRANSFER &&
+        selectedPaymentMethod?.paymentTerms === PaymentTerms.BANK_TRANSFER;
+    const payAmount = cart?.info?.payPrice?.pay ?? 0;
+    const bankTransferCode = cart?.bankTransferCode;
+    const hasValidTransferCode = Boolean(bankTransferCode?.id) &&
+        bankTransferCode != null &&
+        Math.abs((bankTransferCode.amount ?? 0) - payAmount) < 0.01;
+    useEffect(() => {
+        void resolveClientIp();
+    }, []);
+    useEffect(() => {
+        setPayStartError(null);
+        setBankTransferError(null);
+        if (!isBankTransfer) {
+            setSelectedBankAccountId(null);
+        }
+    }, [cart?.paymentMethod?.id, isBankTransfer]);
+    useEffect(() => {
+        if (!isBankTransfer)
+            return;
+        if (bankTransferCode?.bankAccount?.id) {
+            setSelectedBankAccountId(bankTransferCode.bankAccount.id);
+        }
+    }, [isBankTransfer, bankTransferCode?.bankAccount?.id]);
+    const handleBankAccountSelect = async (account) => {
+        if (!isBankTransfer || !cart?.id || transferCodePending || updateBasketMutation.isPending)
+            return;
+        setSelectedBankAccountId(account.id);
+        setBankTransferError(null);
+        if (hasValidTransferCode &&
+            bankTransferCode?.bankAccount?.id === account.id) {
+            return;
+        }
+        try {
+            const code = await createTransferCode({
+                amount: payAmount,
+                bankAccountId: account.id,
+            });
+            await updateBasketMutation.mutateAsync({
+                id: cart.id,
+                bankTransferCodeId: code.id,
+            });
+        }
+        catch {
+            setBankTransferError('Transfer kodu oluşturulamadı. Lütfen tekrar deneyin.');
+        }
+    };
+    useEffect(() => {
+        paymentDefaultRef.current = false;
+        deliveryDefaultRef.current = false;
+        addressBasketSyncRef.current = false;
+    }, [cart?.id]);
+    const savedAddresses = addressesPayload?.data ?? [];
+    const defaultSavedAddress = savedAddresses.length ? pickDefaultDeliveryAddress(savedAddresses) : undefined;
+    useEffect(() => {
+        if (updateBasketMutation.isPending)
+            return;
+        if (!cart?.id || cart?.deliveryAddress?.id)
+            return;
+        if (!defaultSavedAddress?.id)
+            return;
+        if (addressBasketSyncRef.current)
+            return;
+        addressBasketSyncRef.current = true;
+        updateBasketMutation.mutate({
+            id: cart.id,
+            deliveryAddressId: defaultSavedAddress.id,
+            invoiceAddressId: defaultSavedAddress.id,
+        });
+    }, [cart?.id, cart?.deliveryAddress?.id, defaultSavedAddress?.id, updateBasketMutation.isPending, updateBasketMutation.mutate]);
+    useEffect(() => {
+        if (updateBasketMutation.isPending)
+            return;
+        if (!cart?.id)
+            return;
+        const list = paymentMethod;
+        if (!list?.length || paymentDefaultRef.current)
+            return;
+        if (cart?.paymentMethod?.id) {
+            paymentDefaultRef.current = true;
+            return;
+        }
+        paymentDefaultRef.current = true;
+        updateBasketMutation.mutate({ id: cart.id, paymentMethodId: list[0].id });
+    }, [paymentMethod, cart?.id, cart?.paymentMethod?.id, updateBasketMutation.isPending, updateBasketMutation.mutate]);
+    useEffect(() => {
+        if (updateBasketMutation.isPending)
+            return;
+        if (!cart?.id)
+            return;
+        const list = deliveryMethod;
+        if (!list?.length || deliveryDefaultRef.current)
+            return;
+        if (cart?.deliveryMethod?.id) {
+            deliveryDefaultRef.current = true;
+            return;
+        }
+        deliveryDefaultRef.current = true;
+        updateBasketMutation.mutate({ id: cart.id, deliveryMethodId: list[0].id });
+    }, [deliveryMethod, cart?.id, cart?.deliveryMethod?.id, updateBasketMutation.isPending, updateBasketMutation.mutate]);
+    const delivery = cart?.deliveryAddress ?? defaultSavedAddress ?? undefined;
+    const invoice = cart?.invoiceAddress;
+    const invoiceSameAsDelivery = delivery?.id && invoice?.id === delivery.id;
+    const deliveryLine = delivery ? formatAddressLine(delivery) : null;
+    const invoiceLine = invoice && !invoiceSameAsDelivery ? formatAddressLine(invoice) : null;
+    const isAddressLoading = !deliveryLine && (cartLoading || addressesLoading || updateBasketMutation.isPending);
+    const paymentBlockers = useMemo(() => {
+        const blockers = [];
+        if (cartLoading) {
+            blockers.push('Sepet yükleniyor…');
+            return blockers;
+        }
+        if (!cart?.email?.trim()) {
+            blockers.push('E-posta adresi girilmedi.');
+        }
+        if (!cart?.deliveryAddress) {
+            if (isAddressLoading) {
+                blockers.push('Teslimat adresi hazırlanıyor…');
+            }
+            else {
+                blockers.push('Teslimat adresi eklenmedi.');
+            }
+        }
+        if (paymentMethod.length === 0) {
+            blockers.push('Ödeme yöntemi bulunamadı.');
+        }
+        else if (!cart?.paymentMethod?.id) {
+            blockers.push('Ödeme yöntemi seçin.');
+        }
+        if (deliveryMethod.length === 0) {
+            blockers.push('Teslimat yöntemi bulunamadı.');
+        }
+        else if (!cart?.deliveryMethod?.id) {
+            blockers.push('Teslimat yöntemi seçin.');
+        }
+        if (isBankTransfer) {
+            if (bankAccount.length === 0) {
+                blockers.push('Havale için tanımlı banka hesabı bulunamadı.');
+            }
+            else if (!hasValidTransferCode) {
+                if (!selectedBankAccountId && !bankTransferCode?.bankAccount?.id) {
+                    blockers.push('Devam etmek için bir banka hesabı seçin.');
+                }
+                else if (transferCodePending || updateBasketMutation.isPending) {
+                    blockers.push('Transfer kodu hazırlanıyor…');
+                }
+                else {
+                    blockers.push('Transfer kodu oluşturulamadı. Banka hesabını tekrar seçin.');
+                }
+            }
+        }
+        return blockers;
+    }, [
+        cart?.email,
+        cart?.deliveryAddress,
+        cart?.paymentMethod?.id,
+        cart?.deliveryMethod?.id,
+        cartLoading,
+        isAddressLoading,
+        paymentMethod.length,
+        deliveryMethod.length,
+        isBankTransfer,
+        bankAccount.length,
+        hasValidTransferCode,
+        selectedBankAccountId,
+        bankTransferCode?.bankAccount?.id,
+        transferCodePending,
+        updateBasketMutation.isPending,
+    ]);
+    const canCompletePayment = paymentBlockers.length === 0;
+    const isPaymentButtonDisabled = !canCompletePayment || payMutationPending || transferCodePending;
+    const handlePaymentSubmit = async () => {
+        if (!canCompletePayment)
+            return;
+        setPayStartError(null);
+        try {
+            const payReturnUrl = `${window.location.origin}/sepet/odeme/sonuc`;
+            const paymentResponse = await payMutation({ platform: 'web', webReturnUrl: payReturnUrl });
+            const ok = paymentResponse && typeof paymentResponse === 'object' && 'status' in paymentResponse && paymentResponse.status === true;
+            const info = paymentResponse && typeof paymentResponse === 'object' && 'info' in paymentResponse && paymentResponse.info && typeof paymentResponse.info === 'object'
+                ? paymentResponse.info
+                : null;
+            if (isBankTransfer) {
+                const orderId = info && typeof info.orderId === 'string' ? info.orderId : null;
+                if (ok && orderId) {
+                    router.push(`/hesabim/siparislerim/${orderId}`);
+                    return;
+                }
+                setPayStartError('Sipariş oluşturulamadı. Lütfen tekrar deneyin.');
+                return;
+            }
+            const provider = info && typeof info.provider === 'string' ? info.provider : null;
+            const garantiHtml = info && typeof info.html === 'string' ? info.html : null;
+            const garantiTransactionId = info && typeof info.transactionId === 'string' ? info.transactionId : null;
+            if (ok && provider === PaymentProvider.GARANTI && garantiHtml && garantiTransactionId) {
+                storeGarantiPaymentHtml(garantiTransactionId, garantiHtml);
+                router.push(`/sepet/odeme/pay?provider=garanti&transactionId=${encodeURIComponent(garantiTransactionId)}`);
+                return;
+            }
+            const token = info && typeof info.token === 'string' ? info.token : null;
+            if (ok && token) {
+                router.push(`/sepet/odeme/pay?token=${encodeURIComponent(token)}`);
+            }
+            else {
+                setPayStartError('Ödeme ekranı açılamadı. Lütfen tekrar deneyin.');
+            }
+        }
+        catch {
+            setPayStartError('Ödeme başlatılırken bir hata oluştu.');
+        }
+    };
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-base font-semibold text-gray-900", children: "Sipari\u015F \u00F6zeti" }), _jsx("p", { className: "mt-1 text-sm text-gray-500", children: "Adres bilgilerinizi kontrol edin ve \u00F6deme y\u00F6ntemini se\u00E7in." })] }), isAddressLoading ? (_jsx("p", { className: "text-sm text-gray-500", children: "Sepet g\u00FCncelleniyor\u2026" })) : !deliveryLine ? (_jsx("p", { className: "text-sm text-amber-700 rounded-xl border border-amber-200 bg-amber-50 p-4", children: "Teslimat adresi hen\u00FCz eklenmedi." })) : (_jsxs("div", { className: "rounded-xl border border-gray-200 bg-gray-50 p-4 space-y-1", children: [_jsx("p", { className: "text-xs font-black uppercase tracking-widest text-[#CF0A2C]", children: "Teslimat adresi" }), _jsx("p", { className: "text-sm font-medium text-gray-900", children: deliveryLine.name }), _jsx("p", { className: "text-sm text-gray-600", children: deliveryLine.street }), _jsx("p", { className: "text-sm text-gray-600", children: [deliveryLine.location, deliveryLine.postalCode].filter(Boolean).join(' · ') })] })), invoiceLine ? (_jsxs("div", { className: "rounded-xl border border-gray-200 bg-gray-50 p-4 space-y-1", children: [_jsx("p", { className: "text-xs font-black uppercase tracking-widest text-[#CF0A2C]", children: "Fatura adresi" }), _jsx("p", { className: "text-sm font-medium text-gray-900", children: invoiceLine.name }), invoiceLine.taxNumber ? _jsxs("p", { className: "text-sm text-gray-600", children: ["VKN: ", invoiceLine.taxNumber] }) : null, _jsx("p", { className: "text-sm text-gray-600", children: invoiceLine.street }), _jsx("p", { className: "text-sm text-gray-600", children: [invoiceLine.location, invoiceLine.postalCode].filter(Boolean).join(' · ') })] })) : deliveryLine ? (_jsx("p", { className: "text-sm text-gray-500", children: "Fatura adresi teslimat adresi ile ayn\u0131." })) : null, _jsxs("div", { className: "rounded-xl border border-gray-100 bg-white p-4 space-y-2", children: [_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: "text-gray-600", children: "Ara toplam" }), _jsx("span", { className: "font-semibold tabular-nums", children: (cart?.info?.basePrice?.total ?? 0).toTry() })] }), (cart?.info?.delivery?.pay ?? 0) > 0 ? (_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: "text-gray-600", children: "Kargo" }), _jsx("span", { className: "font-semibold tabular-nums", children: cart?.info?.delivery?.pay?.toTry() })] })) : null, _jsxs("div", { className: "flex justify-between border-t border-gray-100 pt-2 text-sm", children: [_jsx("span", { className: "font-semibold text-gray-900", children: "Toplam" }), _jsx("span", { className: "font-bold tabular-nums text-[#CF0A2C]", children: (cart?.info?.payPrice?.pay ?? 0).toTry() })] })] }), _jsxs("div", { className: "border-t border-gray-100 pt-6", children: [_jsx("h2", { className: "text-base font-semibold text-gray-900 mb-3", children: "Teslimat y\u00F6ntemi" }), _jsx("div", { className: "space-y-2", children: deliveryMethod.map((method) => (_jsxs("label", { className: "flex cursor-pointer items-start gap-3 rounded-xl border border-gray-100 bg-white p-4 shadow-sm transition-colors hover:border-gray-200 has-[:checked]:border-[#CF0A2C] has-[:checked]:ring-2 has-[:checked]:ring-[#CF0A2C]/20", children: [_jsx("input", { type: "radio", name: "deliveryMethod", value: method.id, checked: cart?.deliveryMethod?.id === method.id, onChange: () => cart?.id && updateBasketMutation.mutate({ id: cart.id, deliveryMethodId: method.id }), disabled: updateBasketMutation.isPending, className: "mt-0.5 h-4 w-4 shrink-0 border-gray-300 text-[#CF0A2C] focus:ring-[#CF0A2C]" }), _jsx("span", { className: "flex flex-col gap-0.5 min-w-0", children: _jsx("span", { className: "text-sm font-medium text-gray-900", children: method.name }) })] }, method.id))) })] }), _jsxs("div", { children: [_jsx("h2", { className: "text-base font-semibold text-gray-900 mb-3", children: "\u00D6deme y\u00F6ntemi" }), _jsx("div", { className: "space-y-2", children: paymentMethod.map((method) => (_jsxs("label", { className: "flex cursor-pointer items-start gap-3 rounded-xl border border-gray-100 bg-white p-4 shadow-sm transition-colors hover:border-gray-200 has-[:checked]:border-[#CF0A2C] has-[:checked]:ring-2 has-[:checked]:ring-[#CF0A2C]/20", children: [_jsx("input", { type: "radio", name: "payment", value: method.id, checked: cart?.paymentMethod?.id === method.id, onChange: () => cart?.id && updateBasketMutation.mutate({ id: cart.id, paymentMethodId: method.id }), disabled: updateBasketMutation.isPending, className: "mt-0.5 h-4 w-4 shrink-0 border-gray-300 text-[#CF0A2C] focus:ring-[#CF0A2C]" }), _jsxs("span", { className: "flex flex-col gap-0.5 min-w-0", children: [_jsx("span", { className: "text-sm font-medium text-gray-900", children: method.name }), method.description ? _jsx("span", { className: "text-xs text-gray-600", children: method.description }) : null] })] }, method.id))) })] }), isBankTransfer ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-base font-semibold text-gray-900 mb-3", children: "Banka hesab\u0131" }), bankAccount.length === 0 ? (_jsx("p", { className: "text-sm text-amber-700 rounded-xl border border-amber-200 bg-amber-50 p-4", children: "Havale i\u00E7in tan\u0131ml\u0131 banka hesab\u0131 bulunamad\u0131." })) : (_jsx("div", { className: "space-y-2", children: bankAccount.map((account) => (_jsxs("label", { className: "flex cursor-pointer items-start gap-3 rounded-xl border border-gray-100 bg-white p-4 shadow-sm transition-colors hover:border-gray-200 has-[:checked]:border-[#CF0A2C] has-[:checked]:ring-2 has-[:checked]:ring-[#CF0A2C]/20", children: [_jsx("input", { type: "radio", name: "bankAccount", value: account.id, checked: selectedBankAccountId === account.id, onChange: () => void handleBankAccountSelect(account), disabled: transferCodePending || updateBasketMutation.isPending, className: "mt-0.5 h-4 w-4 shrink-0 border-gray-300 text-[#CF0A2C] focus:ring-[#CF0A2C]" }), _jsxs("span", { className: "flex flex-col gap-0.5 min-w-0", children: [_jsx("span", { className: "text-sm font-medium text-gray-900", children: account.bankName }), account.accountHolderName ? (_jsx("span", { className: "text-xs text-gray-600", children: account.accountHolderName })) : null, account.IBAN && account.IBAN !== '-' ? (_jsx("span", { className: "text-xs font-mono text-gray-500", children: account.IBAN })) : null] })] }, account.id))) }))] }), transferCodePending || updateBasketMutation.isPending ? (_jsx("p", { className: "text-sm text-gray-500", children: "Transfer kodu haz\u0131rlan\u0131yor\u2026" })) : null, bankTransferError ? (_jsx("p", { className: "text-sm text-red-600", role: "alert", children: bankTransferError })) : null, hasValidTransferCode && bankTransferCode ? (_jsxs("div", { className: "rounded-xl border border-[#CF0A2C]/20 bg-[#CF0A2C]/5 p-4 space-y-3", children: [_jsx("p", { className: "text-xs font-black uppercase tracking-widest text-[#CF0A2C]", children: "Havale bilgileri" }), _jsxs("div", { className: "space-y-2 text-sm", children: [_jsxs("div", { children: [_jsx("p", { className: "text-gray-500", children: "Banka" }), _jsx("p", { className: "font-medium text-gray-900", children: bankTransferCode.bankAccount.bankName })] }), bankTransferCode.bankAccount.IBAN && bankTransferCode.bankAccount.IBAN !== '-' ? (_jsxs("div", { children: [_jsx("p", { className: "text-gray-500", children: "IBAN" }), _jsx("p", { className: "font-mono font-medium text-gray-900", children: bankTransferCode.bankAccount.IBAN })] })) : null, bankTransferCode.bankAccount.accountHolderName ? (_jsxs("div", { children: [_jsx("p", { className: "text-gray-500", children: "Al\u0131c\u0131 ad\u0131" }), _jsx("p", { className: "font-medium text-gray-900", children: bankTransferCode.bankAccount.accountHolderName })] })) : null, _jsxs("div", { children: [_jsx("p", { className: "text-gray-500", children: "Tutar" }), _jsx("p", { className: "font-bold tabular-nums text-[#CF0A2C]", children: (bankTransferCode.amount ?? 0).toTry() })] }), _jsxs("div", { className: "rounded-lg bg-white p-3 border border-[#CF0A2C]/20", children: [_jsx("p", { className: "text-xs text-gray-500", children: "Transfer kodu (a\u00E7\u0131klama alan\u0131na yaz\u0131n)" }), _jsx("p", { className: "text-lg font-black tracking-wider text-[#CF0A2C]", children: bankTransferCode.code })] })] }), _jsx("p", { className: "text-xs text-gray-600", children: "Havaleyi yapt\u0131ktan sonra \"Sipari\u015Fi tamamla\" butonuna bas\u0131n. \u00D6demeniz onayland\u0131\u011F\u0131nda sipari\u015Finiz i\u015Fleme al\u0131n\u0131r." })] })) : isBankTransfer && bankAccount.length > 0 ? (_jsx("p", { className: "text-sm text-gray-500", children: "Devam etmek i\u00E7in bir banka hesab\u0131 se\u00E7in." })) : null] })) : null, payStartError && (_jsx("p", { className: "text-sm text-red-600", role: "alert", children: payStartError })), paymentBlockers.length > 0 && !payMutationPending ? (_jsxs("div", { className: "rounded-xl border border-red-200 bg-red-50 p-4", role: "alert", children: [_jsx("p", { className: "text-sm font-medium text-red-800", children: "\u00D6deme tamamlanam\u0131yor:" }), _jsx("ul", { className: "mt-1.5 list-inside list-disc space-y-0.5 text-sm text-red-600", children: paymentBlockers.map(message => (_jsx("li", { children: message }, message))) })] })) : null, _jsxs("div", { className: "flex flex-col gap-3 sm:flex-row", children: [_jsx(Button, { type: "button", size: "lg", variant: "outline", className: "rounded-xl border-2 border-gray-200 font-semibold text-gray-900 hover:border-gray-900", onClick: onBack, children: "Geri" }), _jsx(Button, { type: "button", size: "lg", className: `flex-1 rounded-xl font-black uppercase tracking-widest shadow-md ${isPaymentButtonDisabled
+                            ? 'cursor-not-allowed bg-gray-300 text-gray-500 hover:bg-gray-300 hover:shadow-md'
+                            : 'bg-[#CF0A2C] text-white hover:bg-[#a80824] hover:shadow-lg'}`, onClick: handlePaymentSubmit, disabled: isPaymentButtonDisabled, children: payMutationPending ? 'Yönlendiriliyor…' : isBankTransfer ? 'Siparişi tamamla' : 'Ödemeyi tamamla' })] })] }));
+}
+const CHECKOUT_STEP_LABELS = {
+    contact: 'İletişim',
+    address: 'Adres',
+    checkout: 'Önizleme ve ödeme',
+};
+export default function PaymentPage() {
+    const { cart, branch } = useRaxon();
+    const [checkoutStep, setCheckoutStep] = useState('contact');
+    const [confirmedContactEmail, setConfirmedContactEmail] = useState('');
+    useEffect(() => {
+        const fromCart = cart?.email?.trim() || '';
+        if (fromCart)
+            setConfirmedContactEmail(fromCart);
+    }, [cart?.email]);
+    useEffect(() => {
+        const hasContactEmail = Boolean(cart?.email?.trim() || confirmedContactEmail);
+        if (!hasContactEmail && checkoutStep !== 'contact') {
+            setCheckoutStep('contact');
+        }
+    }, [cart?.email, confirmedContactEmail, checkoutStep]);
+    useEffect(() => {
+        const handleLoginSuccess = () => window.location.reload();
+        window.addEventListener(LOGIN_SUCCESS_EVENT, handleLoginSuccess);
+        return () => window.removeEventListener(LOGIN_SUCCESS_EVENT, handleLoginSuccess);
+    }, []);
+    return (_jsxs("div", { className: "min-h-screen overflow-x-hidden bg-gray-50", children: [_jsx("header", { className: "border-b border-gray-100 bg-white", children: _jsxs("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-5 sm:px-6 lg:px-8", children: [_jsx(Link, { href: "/", className: "flex flex-col items-start gap-1", children: _jsx(GeneralImage, { quality: 85, src: branch?.logoMedia?.relativePath ? `${process.env.NEXT_PUBLIC_STORAGE_URL}/${branch.logoMedia.relativePath}` : '', alt: branch?.tradingName ?? 'Logo', width: 120, height: 36, className: "h-7 w-auto object-contain" }) }), _jsx(Link, { href: "/sepet", className: "text-xs font-black uppercase tracking-widest text-gray-900 transition-colors hover:text-[#CF0A2C]", children: "Sepete d\u00F6n" })] }) }), _jsx("div", { className: "mx-auto max-w-7xl px-4 py-10 sm:px-6 sm:py-14 lg:px-8", children: _jsxs("div", { className: "grid grid-cols-1 gap-10 lg:grid-cols-[2fr_1fr] lg:gap-14", children: [_jsxs("div", { className: "rounded-2xl border border-gray-100 bg-white p-6 shadow-sm sm:p-8", children: [_jsx("nav", { className: "mb-8 flex flex-wrap gap-2", "aria-label": "\u00D6deme ad\u0131mlar\u0131", children: ['contact', 'address', 'checkout'].map((step, index) => {
+                                        const stepOrder = ['contact', 'address', 'checkout'].indexOf(checkoutStep);
+                                        const isActive = checkoutStep === step;
+                                        const isDone = index < stepOrder;
+                                        return (_jsxs("span", { className: `rounded-full px-3 py-1 text-xs font-semibold ${isActive
+                                                ? 'bg-[#CF0A2C] text-white'
+                                                : isDone
+                                                    ? 'bg-[#CF0A2C]/10 text-[#CF0A2C]'
+                                                    : 'bg-gray-100 text-gray-500'}`, children: [index + 1, ". ", CHECKOUT_STEP_LABELS[step]] }, step));
+                                    }) }), checkoutStep === 'contact' && (_jsx(ViewStep1, { onContinue: email => {
+                                        setConfirmedContactEmail(email);
+                                        setCheckoutStep('address');
+                                    } })), checkoutStep === 'address' && (_jsx(ViewStep2, { onComplete: () => setCheckoutStep('checkout'), onBack: () => setCheckoutStep('contact') })), checkoutStep === 'checkout' && _jsx(ViewStepCheckout, { onBack: () => setCheckoutStep('address') })] }), _jsx("div", { children: _jsxs("div", { className: "sticky top-8 rounded-2xl border border-gray-100 bg-white p-6 shadow-sm lg:top-24 lg:p-8", children: [_jsx("span", { className: "text-sm font-black text-[#CF0A2C] uppercase tracking-widest", children: "\u00D6zet" }), _jsx("h2", { className: "mt-2 text-xl font-black text-gray-900 uppercase tracking-tighter", children: "Sipari\u015F \u00F6zeti" }), _jsx("div", { className: "my-6 space-y-5", children: cart?.items?.map(item => {
+                                            const linePay = item.linePay ?? 0;
+                                            const listGross = (item.lineTotal ?? 0) + (item.lineTax ?? 0);
+                                            const showListStrike = listGross - linePay > 0.01;
+                                            const variantLine = formatBasketItemVariantLine(item);
+                                            return (_jsxs("div", { className: "flex gap-4", children: [_jsxs("div", { className: "relative shrink-0", children: [_jsx("img", { src: item.images?.[0] ? `${process.env.NEXT_PUBLIC_STORAGE_URL}/${item.images[0]}` : 'https://placehold.co/80x80/f3f4f6/9ca3af?text=Ürün', alt: item.product.name, className: "h-20 w-20 rounded-xl border border-gray-100 object-cover" }), _jsx("div", { className: "absolute -bottom-1 -right-1 flex h-6 w-6 items-center justify-center rounded-full bg-[#CF0A2C] text-[11px] font-black text-white shadow-sm", children: item.quantity })] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "text-sm font-medium text-gray-900", children: item.product.name }), variantLine ? (_jsx("p", { className: "mt-1 text-xs text-gray-500", children: variantLine })) : null, _jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-2", children: [showListStrike ? (_jsx("span", { className: "text-xs text-gray-400 line-through tabular-nums", children: listGross.toTry() })) : null, _jsx("span", { className: "text-sm font-bold tabular-nums text-[#CF0A2C]", children: linePay.toTry() })] })] })] }, item.id));
+                                        }) }), _jsxs("div", { className: "space-y-3 border-t border-gray-100 pt-5", children: [_jsxs("div", { className: "flex items-center justify-between text-sm", children: [_jsxs("span", { className: "flex items-center gap-1 text-gray-600", children: ["Ara toplam", _jsx(HelpCircle, { className: "h-4 w-4 text-gray-400" })] }), _jsx("span", { className: "font-semibold tabular-nums text-gray-900", children: (cart?.info?.basePrice?.total ?? 0).toTry() })] }), cart?.info?.tax && cart.info.tax.length > 0 ? (_jsxs("div", { className: "flex items-center justify-between text-sm", children: [_jsx("span", { className: "text-gray-600", children: "KDV" }), _jsx("span", { className: "font-semibold tabular-nums text-gray-900", children: cart.info.tax.reduce((acc, curr) => acc + curr.tax, 0).toTry() })] })) : null, (cart?.info?.delivery?.pay ?? 0) > 0 ? (_jsxs("div", { className: "flex items-center justify-between text-sm", children: [_jsx("span", { className: "text-gray-600", children: "Kargo" }), _jsx("span", { className: "font-semibold tabular-nums text-gray-900", children: cart?.info?.delivery?.pay?.toTry() })] })) : null, (cart?.info?.discount?.pay ?? 0) > 0 ? (_jsxs("div", { className: "flex items-center justify-between text-sm", children: [_jsx("span", { className: "font-bold text-[#CF0A2C]", children: "\u0130ndirim" }), _jsxs("span", { className: "font-semibold tabular-nums text-[#CF0A2C]", children: ["-", cart?.info?.discount?.pay?.toTry()] })] })) : null, _jsxs("div", { className: "flex flex-col gap-2 pt-1", children: [_jsx(CartPromoCodeSection, { variant: "checkout" }), _jsx("button", { type: "button", className: "text-left text-xs font-black uppercase tracking-widest text-gray-600 underline-offset-2 transition-colors hover:text-[#CF0A2C] hover:underline", children: "Sipari\u015F notu ekle" })] }), _jsxs("div", { className: "flex items-center justify-between border-t border-gray-100 pt-5", children: [_jsx("span", { className: "text-sm font-black uppercase tracking-widest text-gray-900", children: "Toplam" }), _jsx("span", { className: "text-xl font-black tabular-nums text-[#CF0A2C]", children: (cart?.info?.payPrice?.pay ?? 0).toTry() })] })] })] }) })] }) })] }));
+}