@raxonltd/raxon-core 1.0.4 → 1.0.8

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

@@ -1,9 +1,10 @@
 '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 { useRouter, useSearchParams } from 'next/navigation';
+import { CheckCircle2, HelpCircle, Loader2, Package, XCircle } from 'lucide-react';
+import { useState, useRef, useEffect, useMemo, useCallback, Suspense, createContext, useContext } from 'react';
+import { useQueryClient } from '@tanstack/react-query';
 import { useForm } from 'react-hook-form';
 import { Input } from 'rizzui/input';
 import { Button } from 'rizzui/button';
@@ -17,8 +18,10 @@ 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 { AddressType, PaymentProvider, PaymentTerms, Status } from '../interface/prisma.interface';
+import { consumeGarantiPaymentHtml, storeGarantiPaymentHtml, submitGarantiPaymentHtml } from '../util/garanti-payment';
+import { useOrder } from '../feature/order/hook/use.order';
+import { nexineAxios } from '../util/nexine.axios';
 import { resolveClientIp } from '../util/client-ip';
 import { CartPromoCodeSection } from '../feature/cart/component/cart.promo.code.section';
 const addressFormDefaultValues = {
@@ -42,6 +45,23 @@ const addressFormDefaultValues = {
     savedBillingAddressId: '',
     addressSearch: '',
 };
+const CheckoutViewContext = createContext({
+    webReturnUrl: '/sepet/odeme',
+});
+function useCheckoutViewConfig() {
+    return useContext(CheckoutViewContext);
+}
+function resolveAbsoluteReturnUrl(webReturnUrl) {
+    if (/^https?:\/\//i.test(webReturnUrl))
+        return webReturnUrl;
+    if (typeof window === 'undefined')
+        return webReturnUrl;
+    return `${window.location.origin}${webReturnUrl.startsWith('/') ? webReturnUrl : `/${webReturnUrl}`}`;
+}
+function withCheckoutQuery(webReturnUrl, query) {
+    const separator = webReturnUrl.includes('?') ? '&' : '?';
+    return `${webReturnUrl}${separator}${query}`;
+}
 function formatAddressLine(addr) {
     const name = addr.companyName || `${addr.firstName ?? ''} ${addr.lastName ?? ''}`.trim();
     const street = addr.streetName ?? addr.fullAddress ?? '';
@@ -117,7 +137,7 @@ function ViewStep1({ onContinue }) {
     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 => {
+    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 12?", _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 () => {
@@ -410,6 +430,7 @@ function ViewStep2({ onComplete, onBack }) {
 }
 function ViewStepCheckout({ onBack }) {
     const router = useRouter();
+    const { webReturnUrl } = useCheckoutViewConfig();
     const { cart, cartLoading, paymentMethod, deliveryMethod, bankAccount } = useRaxon();
     const [payStartError, setPayStartError] = useState(null);
     const [bankTransferError, setBankTransferError] = useState(null);
@@ -598,7 +619,7 @@ function ViewStepCheckout({ onBack }) {
             return;
         setPayStartError(null);
         try {
-            const payReturnUrl = `${window.location.origin}/sepet/odeme/sonuc`;
+            const payReturnUrl = resolveAbsoluteReturnUrl(webReturnUrl);
             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'
@@ -618,12 +639,12 @@ function ViewStepCheckout({ onBack }) {
             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)}`);
+                router.push(withCheckoutQuery(webReturnUrl, `type=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)}`);
+                router.push(withCheckoutQuery(webReturnUrl, `type=pay&token=${encodeURIComponent(token)}`));
             }
             else {
                 setPayStartError('Ödeme ekranı açılamadı. Lütfen tekrar deneyin.');
@@ -642,7 +663,234 @@ const CHECKOUT_STEP_LABELS = {
     address: 'Adres',
     checkout: 'Önizleme ve ödeme',
 };
-export default function PaymentPage() {
+const PAYTR_IFRAME_ID = 'paytriframe';
+const TERMINAL_FAILURE_STATUSES = new Set([
+    Status.REJECTED,
+    Status.ERROR,
+    Status.CANCELLED,
+    Status.TIMEOUT,
+]);
+function normalizeReturnMessage(raw) {
+    if (raw == null || raw === '')
+        return null;
+    try {
+        const d = decodeURIComponent(raw.replace(/\+/g, ' '));
+        return d.replace(/^['"]|['"]$/g, '').trim() || null;
+    }
+    catch {
+        return raw.replace(/^['"]|['"]$/g, '').trim() || null;
+    }
+}
+function shortenId(id) {
+    if (id.length <= 12)
+        return id;
+    return `${id.slice(0, 8)}…${id.slice(-4)}`;
+}
+async function fetchTransactionStatus(transactionId) {
+    const response = await nexineAxios.get(`/global/transcation/${transactionId}/status`);
+    return {
+        status: response.data?.status ?? null,
+        orderId: response.data?.orderId ?? null,
+    };
+}
+function runPaytrIframeResize() {
+    const w = window;
+    w.iFrameResize?.({}, `#${PAYTR_IFRAME_ID}`);
+}
+function CheckoutShellHeader() {
+    const { branch } = useRaxon();
+    return (_jsx("header", { className: "border-b border-gray-100 bg-white", children: _jsx("div", { className: "mx-auto flex max-w-3xl items-center justify-between px-4 py-5 sm:px-6", 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" }) }) }) }));
+}
+function CheckoutPayView() {
+    const searchParams = useSearchParams();
+    const { webReturnUrl } = useCheckoutViewConfig();
+    const token = searchParams.get('token');
+    const providerParam = searchParams.get('provider');
+    const transactionId = searchParams.get('transactionId');
+    const [garantiRedirectError, setGarantiRedirectError] = useState(null);
+    const [garantiRedirecting, setGarantiRedirecting] = useState(false);
+    const garantiSubmitRef = useRef(false);
+    const isGarantiRedirect = providerParam === 'garanti' &&
+        transactionId != null &&
+        transactionId.trim() !== '';
+    useEffect(() => {
+        if (!isGarantiRedirect || !transactionId || garantiSubmitRef.current)
+            return;
+        const html = consumeGarantiPaymentHtml(transactionId);
+        if (!html) {
+            setGarantiRedirectError('Garanti ödeme oturumu bulunamadı. Lütfen ödeme adımından tekrar deneyin.');
+            return;
+        }
+        garantiSubmitRef.current = true;
+        setGarantiRedirecting(true);
+        try {
+            submitGarantiPaymentHtml(html);
+        }
+        catch {
+            garantiSubmitRef.current = false;
+            setGarantiRedirecting(false);
+            setGarantiRedirectError('Garanti ödeme sayfasına yönlendirilemedi. Lütfen tekrar deneyin.');
+        }
+    }, [isGarantiRedirect, transactionId]);
+    useEffect(() => {
+        if (!token)
+            return;
+        const scriptSelector = 'script[data-paytr-iframe-resizer]';
+        if (document.querySelector(scriptSelector)) {
+            runPaytrIframeResize();
+            return;
+        }
+        const s = document.createElement('script');
+        s.src = 'https://www.paytr.com/js/iframeResizer.min.js';
+        s.async = true;
+        s.dataset.paytrIframeResizer = 'true';
+        s.onload = runPaytrIframeResize;
+        document.body.appendChild(s);
+    }, [token]);
+    if (isGarantiRedirect) {
+        if (garantiRedirectError) {
+            return (_jsx("div", { className: "min-h-screen bg-gray-50 flex flex-col items-center justify-center px-4", children: _jsxs("div", { className: "max-w-md w-full rounded-2xl border border-gray-100 bg-white p-10 text-center shadow-sm", children: [_jsx("h1", { className: "text-xl font-black uppercase tracking-tighter text-gray-900 mb-3", children: "Garanti \u00F6deme" }), _jsx("p", { className: "text-sm text-[#CF0A2C] mb-8 font-medium", children: garantiRedirectError }), _jsx(Link, { href: webReturnUrl, className: "inline-flex justify-center rounded-xl bg-[#CF0A2C] px-8 py-3.5 text-sm font-black uppercase tracking-widest text-white transition hover:bg-[#a80824]", children: "\u00D6demeye d\u00F6n" })] }) }));
+        }
+        return (_jsx("div", { className: "min-h-screen bg-gray-50 flex flex-col items-center justify-center px-4", children: _jsxs("div", { className: "max-w-md w-full rounded-2xl border border-gray-100 bg-white p-10 text-center shadow-sm", children: [_jsx("div", { className: "mx-auto mb-5 h-10 w-10 animate-spin rounded-full border-2 border-gray-200 border-t-[#CF0A2C]", "aria-hidden": true }), _jsx("span", { className: "text-sm font-black text-[#CF0A2C] uppercase tracking-widest", children: "Garanti" }), _jsx("h1", { className: "mt-2 text-xl font-black uppercase tracking-tighter text-gray-900 mb-3", children: garantiRedirecting ? 'Yönlendiriliyorsunuz' : 'Hazırlanıyor' }), _jsx("p", { className: "text-sm text-gray-600 leading-relaxed", children: "Garanti g\u00FCvenli \u00F6deme sayfas\u0131na aktar\u0131l\u0131yorsunuz. L\u00FCtfen bekleyin." })] }) }));
+    }
+    if (token) {
+        return (_jsx("div", { className: "min-h-screen bg-gray-50", children: _jsxs("div", { className: "max-w-3xl mx-auto px-4 py-10 sm:py-12", children: [_jsxs("div", { className: "mb-8 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between sm:gap-4", children: [_jsxs("div", { children: [_jsx("span", { className: "text-sm font-black text-[#CF0A2C] uppercase tracking-widest", children: "PayTR" }), _jsx("h1", { className: "mt-2 text-2xl font-black text-gray-900 uppercase tracking-tighter", children: "G\u00FCvenli \u00F6deme" })] }), _jsx(Link, { href: webReturnUrl, className: "text-xs font-black uppercase tracking-widest text-gray-900 border-b-2 border-black pb-1 self-start sm:self-auto hover:text-[#CF0A2C] hover:border-[#CF0A2C] transition-colors", children: "\u00D6deme sayfas\u0131na d\u00F6n" })] }), _jsx("div", { className: "rounded-2xl border border-gray-100 bg-white overflow-hidden shadow-sm", children: _jsx("div", { className: "p-2", children: _jsx("iframe", { title: "PayTR g\u00FCvenli \u00F6deme", src: `https://www.paytr.com/odeme/guvenli/${token}`, id: PAYTR_IFRAME_ID, frameBorder: 0, scrolling: "no", className: "w-full min-h-[480px] border-0 rounded-xl", onLoad: runPaytrIframeResize }) }) })] }) }));
+    }
+    return (_jsx("div", { className: "min-h-screen bg-gray-50 flex flex-col items-center justify-center px-4", children: _jsxs("div", { className: "max-w-md w-full rounded-2xl border border-gray-100 bg-white p-10 text-center shadow-sm", children: [_jsx("h1", { className: "text-xl font-black uppercase tracking-tighter text-gray-900 mb-3", children: "Ge\u00E7ersiz ba\u011Flant\u0131" }), _jsx("p", { className: "text-sm text-gray-600 mb-8 leading-relaxed", children: "\u00D6deme oturumu bulunamad\u0131. L\u00FCtfen \u00F6deme ad\u0131m\u0131ndan tekrar deneyin." }), _jsx(Link, { href: webReturnUrl, className: "inline-flex justify-center rounded-xl bg-[#CF0A2C] px-8 py-3.5 text-sm font-black uppercase tracking-widest text-white transition hover:bg-[#a80824]", children: "\u00D6demeye git" })] }) }));
+}
+function CheckoutResultView() {
+    const searchParams = useSearchParams();
+    const queryClient = useQueryClient();
+    const { webReturnUrl } = useCheckoutViewConfig();
+    const statusParam = searchParams.get('status');
+    const titleParam = normalizeReturnMessage(searchParams.get('title'));
+    const messageParam = normalizeReturnMessage(searchParams.get('message'));
+    const transactionId = searchParams.get('transactionId');
+    const paymentIdParam = searchParams.get('paymentId');
+    const orderIdParam = searchParams.get('orderId');
+    const isSuccess = statusParam === 'success';
+    const isFailure = statusParam === 'fail' || statusParam === 'error';
+    const hasValidStatus = isSuccess || isFailure;
+    const [phase, setPhase] = useState(() => {
+        if (isFailure)
+            return 'error';
+        if (isSuccess && orderIdParam)
+            return 'success';
+        if (isSuccess)
+            return 'loading';
+        return 'loading';
+    });
+    const [resolvedOrderId, setResolvedOrderId] = useState(orderIdParam);
+    const resolvedPaymentId = paymentIdParam;
+    const [errorMessage, setErrorMessage] = useState(isFailure ? messageParam ?? titleParam ?? 'Ödeme tamamlanamadı.' : null);
+    const intervalRef = useRef(null);
+    const pollFailCountRef = useRef(0);
+    const cartInvalidatedRef = useRef(false);
+    const clearPollInterval = useCallback(() => {
+        if (intervalRef.current != null) {
+            clearInterval(intervalRef.current);
+            intervalRef.current = null;
+        }
+    }, []);
+    const { detail } = useOrder();
+    const orderQuery = detail(resolvedOrderId ?? '');
+    const order = orderQuery.data;
+    useEffect(() => {
+        if (window.self !== window.top) {
+            window.top.location.href = window.location.href;
+        }
+    }, []);
+    useEffect(() => {
+        if (!isSuccess)
+            return;
+        if (orderIdParam) {
+            setResolvedOrderId(orderIdParam);
+            setPhase('success');
+            return;
+        }
+        if (!transactionId) {
+            setErrorMessage('İşlem bilgisi bulunamadı.');
+            setPhase('error');
+            return;
+        }
+        let cancelled = false;
+        setPhase('polling');
+        const tick = async () => {
+            try {
+                const { status: st, orderId } = await fetchTransactionStatus(transactionId);
+                pollFailCountRef.current = 0;
+                if (cancelled)
+                    return;
+                if (orderId) {
+                    setResolvedOrderId(orderId);
+                }
+                if (st === Status.COMPLETED) {
+                    clearPollInterval();
+                    if (!cartInvalidatedRef.current) {
+                        cartInvalidatedRef.current = true;
+                        await queryClient.invalidateQueries({ queryKey: ['organization', 'cart'] });
+                    }
+                    setPhase('success');
+                    return;
+                }
+                if (st != null && TERMINAL_FAILURE_STATUSES.has(st)) {
+                    clearPollInterval();
+                    setErrorMessage('Ödeme tamamlanamadı veya iptal edildi.');
+                    setPhase('error');
+                }
+            }
+            catch {
+                pollFailCountRef.current += 1;
+                if (pollFailCountRef.current >= 5 && !cancelled) {
+                    clearPollInterval();
+                    setErrorMessage('Ödeme durumu alınamadı. Lütfen daha sonra siparişlerinizi kontrol edin.');
+                    setPhase('error');
+                }
+            }
+        };
+        void tick();
+        intervalRef.current = setInterval(() => void tick(), 3000);
+        return () => {
+            cancelled = true;
+            clearPollInterval();
+        };
+    }, [isSuccess, transactionId, orderIdParam, clearPollInterval, queryClient]);
+    useEffect(() => {
+        if (phase !== 'success' || cartInvalidatedRef.current)
+            return;
+        cartInvalidatedRef.current = true;
+        void queryClient.invalidateQueries({ queryKey: ['organization', 'cart'] });
+    }, [phase, queryClient]);
+    const displayTitle = phase === 'success' ? (titleParam ?? 'Ödeme başarılı') : (titleParam ?? 'Ödeme başarısız');
+    const displayMessage = phase === 'success'
+        ? (messageParam ?? 'Ödemeniz alındı. Siparişiniz işleme alınacaktır.')
+        : (errorMessage ?? messageParam ?? 'İşlem tamamlanamadı.');
+    const showOrderLoading = phase === 'success' && resolvedOrderId && orderQuery.isLoading;
+    return (_jsxs("div", { className: "min-h-screen bg-gray-50", children: [_jsx(CheckoutShellHeader, {}), _jsxs("main", { className: "mx-auto max-w-2xl px-4 py-10 sm:py-14", children: [(phase === 'loading' || phase === 'polling' || showOrderLoading) && (_jsxs("div", { className: "rounded-2xl border border-gray-100 bg-white p-10 text-center shadow-sm", children: [_jsx(Loader2, { className: "mx-auto mb-5 h-10 w-10 animate-spin text-[#CF0A2C]", "aria-hidden": true }), _jsx("h1", { className: "text-xl font-black uppercase tracking-tighter text-gray-900 mb-3", children: "\u00D6deme onaylan\u0131yor" }), _jsx("p", { className: "text-sm text-gray-600 leading-relaxed", children: "Sipari\u015Finiz olu\u015Fturuluyor. L\u00FCtfen bu sayfada kal\u0131n." })] })), phase === 'success' && !showOrderLoading && (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "rounded-2xl border border-gray-100 bg-white p-8 sm:p-10 text-center shadow-sm", children: [_jsx("div", { className: "mx-auto mb-5 inline-flex h-16 w-16 items-center justify-center rounded-full bg-green-50 text-green-600", children: _jsx(CheckCircle2, { size: 32, "aria-hidden": true }) }), _jsx("h1", { className: "text-2xl font-black uppercase tracking-tighter text-gray-900 mb-2", children: displayTitle }), _jsx("p", { className: "text-sm text-gray-600 leading-relaxed", children: displayMessage })] }), _jsxs("div", { className: "rounded-2xl border border-gray-100 bg-white p-6 shadow-sm space-y-4", children: [_jsx("p", { className: "text-xs font-black uppercase tracking-widest text-[#CF0A2C]", children: "\u0130\u015Flem bilgileri" }), _jsxs("dl", { className: "space-y-3 text-sm", children: [resolvedPaymentId ? (_jsxs("div", { className: "flex flex-col gap-0.5 sm:flex-row sm:justify-between sm:gap-4", children: [_jsx("dt", { className: "text-gray-500", children: "\u00D6deme no" }), _jsx("dd", { className: "font-mono font-medium text-gray-900 break-all", title: resolvedPaymentId, children: shortenId(resolvedPaymentId) })] })) : null, transactionId ? (_jsxs("div", { className: "flex flex-col gap-0.5 sm:flex-row sm:justify-between sm:gap-4", children: [_jsx("dt", { className: "text-gray-500", children: "\u0130\u015Flem no" }), _jsx("dd", { className: "font-mono font-medium text-gray-900 break-all", title: transactionId, children: shortenId(transactionId) })] })) : null, resolvedOrderId ? (_jsxs("div", { className: "flex flex-col gap-0.5 sm:flex-row sm:justify-between sm:gap-4", children: [_jsx("dt", { className: "text-gray-500", children: "Sipari\u015F no" }), _jsx("dd", { className: "font-medium text-gray-900", children: order?.orderNumber ? `#${order.orderNumber}` : shortenId(resolvedOrderId) })] })) : null, order?.totalPayAmount != null ? (_jsxs("div", { className: "flex flex-col gap-0.5 sm:flex-row sm:justify-between sm:gap-4 border-t border-gray-100 pt-3", children: [_jsx("dt", { className: "text-gray-500", children: "\u00D6denen tutar" }), _jsx("dd", { className: "font-bold tabular-nums text-[#CF0A2C]", children: order.totalPayAmount.toTry() })] })) : null] })] }), order?.items && order.items.length > 0 ? (_jsxs("div", { className: "rounded-2xl border border-gray-100 bg-white p-6 shadow-sm", children: [_jsx("p", { className: "text-xs font-black uppercase tracking-widest text-[#CF0A2C] mb-4", children: "Sipari\u015F \u00F6zeti" }), _jsx("ul", { className: "space-y-4", children: order.items.map(item => {
+                                            const imageSrc = item.productImage
+                                                ? `${process.env.NEXT_PUBLIC_STORAGE_URL}/${item.productImage.replace(/^\//, '')}`
+                                                : null;
+                                            return (_jsxs("li", { className: "flex gap-4", children: [_jsxs("div", { className: "relative h-16 w-16 shrink-0 overflow-hidden rounded-xl border border-gray-100 bg-gray-50", children: [imageSrc ? (_jsx("img", { src: imageSrc, alt: item.productName ?? item.title ?? 'Ürün', className: "h-full w-full object-cover" })) : (_jsx("div", { className: "flex h-full w-full items-center justify-center text-gray-300", children: _jsx(Package, { size: 24 }) })), _jsx("span", { className: "absolute -bottom-1 -right-1 flex h-5 w-5 items-center justify-center rounded-full bg-[#CF0A2C] text-[10px] font-black text-white", children: item.quantity })] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-sm font-medium text-gray-900", children: item.productName ?? item.title }), item.unitName ? _jsx("p", { className: "text-xs text-gray-500 mt-0.5", children: item.unitName }) : null] })] }, item.id));
+                                        }) })] })) : null, _jsxs("div", { className: "flex flex-col gap-3 sm:flex-row", children: [resolvedOrderId ? (_jsx(Link, { href: `/hesabim/siparislerim/${resolvedOrderId}`, className: "inline-flex flex-1 justify-center rounded-xl bg-[#CF0A2C] px-8 py-3.5 text-sm font-black uppercase tracking-widest text-white transition hover:bg-[#a80824]", children: "Sipari\u015Fi g\u00F6r\u00FCnt\u00FCle" })) : null, _jsx(Link, { href: "/", className: "inline-flex flex-1 justify-center rounded-xl border-2 border-gray-200 px-8 py-3.5 text-sm font-black uppercase tracking-widest text-gray-900 transition hover:border-gray-900", children: "Al\u0131\u015Fveri\u015Fe devam" })] })] })), phase === 'error' && (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "rounded-2xl border border-gray-100 bg-white p-8 sm:p-10 text-center shadow-sm", children: [_jsx("div", { className: "mx-auto mb-5 inline-flex h-16 w-16 items-center justify-center rounded-full bg-red-50 text-[#CF0A2C]", children: _jsx(XCircle, { size: 32, "aria-hidden": true }) }), _jsx("h1", { className: "text-2xl font-black uppercase tracking-tighter text-gray-900 mb-2", children: displayTitle }), _jsx("p", { className: "text-sm text-gray-600 leading-relaxed", children: displayMessage })] }), (transactionId || resolvedPaymentId) && (_jsxs("div", { className: "rounded-2xl border border-gray-100 bg-white p-6 shadow-sm space-y-3 text-sm", children: [_jsx("p", { className: "text-xs font-black uppercase tracking-widest text-gray-500", children: "Referans bilgileri" }), transactionId ? (_jsxs("div", { className: "flex flex-col gap-0.5 sm:flex-row sm:justify-between", children: [_jsx("span", { className: "text-gray-500", children: "\u0130\u015Flem no" }), _jsx("span", { className: "font-mono text-gray-900 break-all", title: transactionId, children: shortenId(transactionId) })] })) : null, resolvedPaymentId ? (_jsxs("div", { className: "flex flex-col gap-0.5 sm:flex-row sm:justify-between", children: [_jsx("span", { className: "text-gray-500", children: "\u00D6deme no" }), _jsx("span", { className: "font-mono text-gray-900 break-all", title: resolvedPaymentId, children: shortenId(resolvedPaymentId) })] })) : null] })), _jsxs("div", { className: "flex flex-col gap-3 sm:flex-row", children: [_jsx(Link, { href: webReturnUrl, className: "inline-flex flex-1 justify-center rounded-xl bg-[#CF0A2C] px-8 py-3.5 text-sm font-black uppercase tracking-widest text-white transition hover:bg-[#a80824]", children: "\u00D6demeyi tekrar dene" }), _jsx(Link, { href: "/sepet", className: "inline-flex flex-1 justify-center rounded-xl border-2 border-gray-200 px-8 py-3.5 text-sm font-black uppercase tracking-widest text-gray-900 transition hover:border-gray-900", children: "Sepete d\u00F6n" })] })] })), !hasValidStatus && (_jsxs("div", { className: "rounded-2xl border border-gray-100 bg-white p-10 text-center shadow-sm", children: [_jsx("h1", { className: "text-xl font-black uppercase tracking-tighter text-gray-900 mb-3", children: "Ge\u00E7ersiz ba\u011Flant\u0131" }), _jsx("p", { className: "text-sm text-gray-600 mb-8 leading-relaxed", children: "\u00D6deme sonucu bulunamad\u0131. L\u00FCtfen \u00F6deme ad\u0131m\u0131ndan tekrar deneyin." }), _jsx(Link, { href: webReturnUrl, className: "inline-flex justify-center rounded-xl bg-[#CF0A2C] px-8 py-3.5 text-sm font-black uppercase tracking-widest text-white transition hover:bg-[#a80824]", children: "\u00D6demeye git" })] }))] })] }));
+}
+function CheckoutPageInner() {
+    const searchParams = useSearchParams();
+    const type = searchParams.get('type');
+    const statusParam = searchParams.get('status');
+    const token = searchParams.get('token');
+    const providerParam = searchParams.get('provider');
+    const transactionId = searchParams.get('transactionId');
+    const isPaymentResult = statusParam === 'success' || statusParam === 'fail' || statusParam === 'error';
+    const isPayFlow = type === 'pay' ||
+        Boolean(token) ||
+        (providerParam === 'garanti' && Boolean(transactionId?.trim()));
+    if (isPaymentResult)
+        return _jsx(CheckoutResultView, {});
+    if (isPayFlow)
+        return _jsx(CheckoutPayView, {});
+    return _jsx(CheckoutMainView, {});
+}
+function CheckoutMainView() {
     const { cart, branch } = useRaxon();
     const [checkoutStep, setCheckoutStep] = useState('contact');
     const [confirmedContactEmail, setConfirmedContactEmail] = useState('');
@@ -682,3 +930,10 @@ export default function PaymentPage() {
                                             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() })] })] })] }) })] }) })] }));
 }
+function CheckoutPageFallback() {
+    return (_jsx("div", { className: "min-h-screen bg-gray-50 flex items-center justify-center", children: _jsx(Loader2, { className: "h-10 w-10 animate-spin text-[#CF0A2C]", "aria-label": "Y\u00FCkleniyor" }) }));
+}
+export default function PaymentPage({ webReturnUrl = '/sepet/odeme' }) {
+    return (_jsx(CheckoutViewContext.Provider, { value: { webReturnUrl }, children: _jsx(Suspense, { fallback: _jsx(CheckoutPageFallback, {}), children: _jsx(CheckoutPageInner, {}) }) }));
+}
+export { PaymentPage as CheckoutView };

package/dist/index.d.ts

@@ -1,3 +1,5 @@
 export * from './core/raxon.context';
 export { nexineAxios } from './core/util/nexine.axios';
+export { AnalyticEventProvider, useAnalyticEvent } from './core/feature/analytic-event/analytic.event.context';
+export type { AnalyticEventProviderProps } from './core/feature/analytic-event/analytic.event.context';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAC;AAC/G,YAAY,EAAE,0BAA0B,EAAE,MAAM,sDAAsD,CAAC"}

package/dist/index.js

@@ -1,2 +1,3 @@
 export * from './core/raxon.context';
 export { nexineAxios } from './core/util/nexine.axios';
+export { AnalyticEventProvider, useAnalyticEvent } from './core/feature/analytic-event/analytic.event.context';