@sazito/checkout 0.4.13 → 0.4.15

package/dist/next/index.d.cts

@@ -232,6 +232,8 @@ interface CheckoutActions {
     removeDiscount(): Promise<void>;
     selectPaymentMethod(id: number): void;
     placeOrder(): Promise<void>;
+    /** Rehydrate a failed gateway return and reopen a usable payment step. */
+    retryPayment(): Promise<void>;
     /** Resolve a return from the payment gateway (query params from the URL). */
     resolvePaymentReturn(params: Record<string, string>): Promise<void>;
     reset(): void;
@@ -259,6 +261,7 @@ interface Strings {
     finishPurchase: string;
     back: string;
     continueShopping: string;
+    backToShop: string;
     orderSummary: string;
     subtotal: string;
     shipping: string;

package/dist/next/index.d.ts

@@ -232,6 +232,8 @@ interface CheckoutActions {
     removeDiscount(): Promise<void>;
     selectPaymentMethod(id: number): void;
     placeOrder(): Promise<void>;
+    /** Rehydrate a failed gateway return and reopen a usable payment step. */
+    retryPayment(): Promise<void>;
     /** Resolve a return from the payment gateway (query params from the URL). */
     resolvePaymentReturn(params: Record<string, string>): Promise<void>;
     reset(): void;
@@ -259,6 +261,7 @@ interface Strings {
     finishPurchase: string;
     back: string;
     continueShopping: string;
+    backToShop: string;
     orderSummary: string;
     subtotal: string;
     shipping: string;

package/dist/next/index.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { isValidElement, cloneElement, useMemo, useState, useRef, useEffect, useCallback } from 'react';
-import { u as useCheckout, b as useSazitoClient, C as CheckoutProvider } from '../chunks/use-checkout-Dd2R0LU2.js';
-export { S as SazitoProvider } from '../chunks/use-checkout-Dd2R0LU2.js';
-import { m as formatPercent, E as sortCartItemsNewestFirst, H as toPersianDigits, r as isDigitalServiceGroup, t as isValidIranianMobile, z as normalizeIranianPhone, A as paymentMethodInfo, l as formatNumber } from '../chunks/labels-Dlwf3S83.js';
+import { u as useCheckout, b as useSazitoClient, C as CheckoutProvider } from '../chunks/use-checkout-rmb11XwE.js';
+export { S as SazitoProvider } from '../chunks/use-checkout-rmb11XwE.js';
+import { m as formatPercent, E as sortCartItemsNewestFirst, H as toPersianDigits, r as isDigitalServiceGroup, t as isValidIranianMobile, z as normalizeIranianPhone, A as paymentMethodInfo, l as formatNumber } from '../chunks/labels-TSPPdjAd.js';
 import { parsePaymentReturnUrl } from './payment-return.js';
 import '@sazito/client-sdk';
 
@@ -517,7 +517,7 @@ function ShippingRateIcon({ rate }) {
         case 'delivery-man':
             return jsx(DeliveryManIcon, {});
         default:
-            return rate.icon && isImageUrl(rate.icon) ? jsx("img", { src: rate.icon, alt: "" }) : jsx(TruckIcon, {});
+            return rate.icon && isImageUrl$1(rate.icon) ? jsx("img", { src: rate.icon, alt: "" }) : jsx(TruckIcon, {});
     }
 }
 function shippingRateIconKey(rate) {
@@ -616,7 +616,7 @@ function parseColorChannels(value) {
         return [Number(channels[1]), Number(channels[2]), Number(channels[3])];
     return null;
 }
-function isImageUrl(value) {
+function isImageUrl$1(value) {
     return /^(https?:)?\/\//i.test(value) || value.startsWith('/') || value.startsWith('data:');
 }
 function PostIcon() {
@@ -709,8 +709,36 @@ function PaymentIcon({ kind }) {
     }
 }
 
+function groupResultItemsByShipping(invoiceItems, shippingItems) {
+    const itemById = new Map();
+    const assignedItems = new Set();
+    invoiceItems.forEach((item) => {
+        if (item.id !== undefined)
+            itemById.set(String(item.id), item);
+    });
+    const shipmentGroups = shippingItems.map((shipping) => {
+        const items = shipping.invoiceItemIds.flatMap((itemId) => {
+            const item = itemById.get(String(itemId));
+            if (!item || assignedItems.has(item))
+                return [];
+            assignedItems.add(item);
+            return [item];
+        });
+        return { shipping, items };
+    });
+    // Older payment responses did not expose invoice-line IDs. A single shipping
+    // method is still unambiguous, so keep those orders grouped correctly.
+    if (shipmentGroups.length === 1 && shipmentGroups[0].items.length === 0) {
+        shipmentGroups[0].items = [...invoiceItems];
+        invoiceItems.forEach((item) => assignedItems.add(item));
+    }
+    return {
+        shipmentGroups: shipmentGroups.filter((group) => group.items.length > 0),
+        unassignedItems: invoiceItems.filter((item) => !assignedItems.has(item))
+    };
+}
 function ResultStep({ continueShoppingUrl }) {
-    const { state, actions, money, price, t } = useCheckout();
+    const { state, actions, money, t } = useCheckout();
     const result = state.result;
     const status = result?.status ?? 'pending';
     const order = result?.order;
@@ -718,21 +746,42 @@ function ResultStep({ continueShoppingUrl }) {
     const showDetails = Boolean(order && (status === 'success' || status === 'pending'));
     const showSummary = invoice?.netTotal != null || invoice?.finalTotal != null;
     const isFailure = status === 'failed' || status === 'stock_violated';
+    const orderDetailsUrl = order
+        ? buildOrderDetailsUrl(order.id, order.orderIdentifier, continueShoppingUrl)
+        : null;
+    const groupedItems = invoice
+        ? groupResultItemsByShipping(invoice.invoiceItems, invoice.shippingItems)
+        : { shipmentGroups: [], unassignedItems: [] };
+    const renderItems = (items) => (jsx("ul", { className: "szc-result-items", children: items.map((item, index) => (jsxs("li", { className: "szc-result-item", children: [jsxs("span", { className: "szc-result-item__product", children: [item.image?.url ? (jsx("img", { className: "szc-result-item__thumb", src: item.image.url, alt: "" })) : (jsx(ProductPlaceholder, { className: "szc-result-item__thumb" })), jsxs("span", { children: [jsx("strong", { children: item.name }), item.variantAttributes.length ? (jsx("small", { children: item.variantAttributes.map(formatAttribute).join(' · ') })) : null] })] }), jsxs("span", { className: "szc-result-item__quantity", children: [jsx("span", { className: "szc-result-item__mobile-label", children: t.quantity }), jsx("strong", { children: formatNumber(item.noOfItems, state.locale) })] }), jsxs("span", { className: "szc-result-item__total", children: [jsx("span", { className: "szc-result-item__mobile-label", children: t.lineTotal }), jsx("strong", { children: money(item.totalItemsPrice) })] })] }, `${String(item.id ?? item.productVariantId)}-${index}`))) }));
     const titleMap = {
         success: t.paymentSuccess,
         failed: t.paymentFailed,
         pending: t.paymentPending,
         stock_violated: t.paymentFailed
     };
-    return (jsxs("section", { className: `szc-result szc-result--${status}${showDetails ? '' : ' szc-result--compact'}`, children: [jsxs("div", { className: "szc-result__hero", role: isFailure ? 'alert' : 'status', "aria-live": isFailure ? 'assertive' : 'polite', children: [jsx("div", { className: "szc-result__icon", children: jsx("span", { className: "szc-result__icon-mark", children: status === 'success' ? (jsx(CheckCircle, {})) : status === 'pending' ? (jsx(Spinner, {})) : (jsx(CrossCircle, {})) }) }), jsxs("div", { className: "szc-result__copy", children: [jsx("h2", { className: "szc-result__title", children: titleMap[status] }), status === 'pending' ? jsx("p", { className: "szc-result__hint", children: t.paymentPendingHint }) : null, result?.message ? (jsx("p", { className: "szc-result__message", dir: "auto", children: result.message })) : null, status === 'success' && order ? (jsx("p", { className: "szc-result__hint", children: t.orderConfirmedHint })) : null] }), order ? (jsxs("dl", { className: "szc-result__reference", children: [jsxs("div", { className: "szc-result__reference-primary", children: [jsx("dt", { children: t.orderNumber }), jsx("dd", { children: formatPublicId(order.orderNumber, state.locale) })] }), jsxs("div", { children: [jsx("dt", { children: t.orderId }), jsx("dd", { children: formatPublicId(order.id, state.locale) })] })] })) : null, jsxs("div", { className: "szc-result__actions", children: [status === 'failed' || status === 'stock_violated' ? (jsx(Button, { onClick: () => actions.goToStep('payment'), children: t.tryAgain })) : null, continueShoppingUrl ? (jsx(Button, { variant: status === 'success' ? 'primary' : 'outline', asChild: true, children: jsx("a", { href: continueShoppingUrl, children: t.continueShopping }) })) : null] })] }), showDetails && order && invoice ? (jsxs("div", { className: "szc-result__details", children: [jsx("h3", { className: "szc-result__details-title", children: t.orderDetails }), invoice.shippingItems.length > 0 ? (jsxs("section", { className: "szc-result__section", "aria-labelledby": "szc-result-shipping-title", children: [jsx("h4", { id: "szc-result-shipping-title", className: "szc-result__section-title", children: t.shippingMethods }), jsx("div", { className: "szc-result-shipping-list", children: invoice.shippingItems.map((shipping) => (jsx("article", { className: "szc-result-group", children: jsxs("header", { className: "szc-result-group__head", children: [jsx("span", { className: "szc-result-group__mark", "aria-hidden": "true", children: shipping.rate.icon ? jsx("img", { src: shipping.rate.icon, alt: "" }) : jsx(DeliveryIcon, {}) }), jsx("span", { className: "szc-result-group__title", children: shipping.rate.name }), jsx("span", { className: "szc-result-group__price", children: price(shipping.rate.price) })] }) }, String(shipping.id)))) })] })) : null, invoice.invoiceItems.length > 0 ? (jsxs("section", { className: "szc-result-group", "aria-labelledby": "szc-result-items-title", children: [jsxs("header", { className: "szc-result-group__head", children: [jsx("span", { className: "szc-result-group__mark", "aria-hidden": "true", children: jsx(OrderItemsIcon, {}) }), jsx("h4", { id: "szc-result-items-title", className: "szc-result-group__title", children: t.orderItems })] }), jsxs("div", { className: "szc-result-items__head", "aria-hidden": "true", children: [jsx("span", { children: t.product }), jsx("span", { children: t.quantity }), jsx("span", { children: t.lineTotal })] }), jsx("ul", { className: "szc-result-items", children: invoice.invoiceItems.map((item, index) => (jsxs("li", { className: "szc-result-item", children: [jsxs("span", { className: "szc-result-item__product", children: [item.image?.url ? (jsx("img", { className: "szc-result-item__thumb", src: item.image.url, alt: "" })) : (jsx(ProductPlaceholder, { className: "szc-result-item__thumb" })), jsxs("span", { children: [jsx("strong", { children: item.name }), item.variantAttributes.length ? (jsx("small", { children: item.variantAttributes.map(formatAttribute).join(' · ') })) : null] })] }), jsxs("span", { className: "szc-result-item__quantity", children: [jsx("span", { className: "szc-result-item__mobile-label", children: t.quantity }), formatNumber(item.noOfItems, state.locale)] }), jsxs("span", { className: "szc-result-item__total", children: [jsx("span", { className: "szc-result-item__mobile-label", children: t.lineTotal }), money(item.totalItemsPrice)] })] }, `${String(item.productVariantId)}-${index}`))) })] })) : null, showSummary ? jsxs("dl", { className: "szc-result-summary", children: [invoice.netTotal != null ? (jsx(SummaryRow, { label: t.subtotal, value: money(invoice.netTotal) })) : null, invoice.shippingTotal != null ? (jsx(SummaryRow, { label: t.shipping, value: money(invoice.shippingTotal) })) : null, invoice.discountTotal != null && invoice.discountTotal > 0 ? (jsx(SummaryRow, { label: t.discount, value: `−${money(invoice.discountTotal)}` })) : null, invoice.creditTotal != null && invoice.creditTotal > 0 ? (jsx(SummaryRow, { label: t.credit, value: `−${money(invoice.creditTotal)}` })) : null, invoice.vat != null && invoice.vat > 0 ? (jsx(SummaryRow, { label: t.vat, value: money(invoice.vat) })) : null, invoice.customerProfit != null && invoice.customerProfit > 0 ? (jsx(SummaryRow, { label: t.yourSavings, value: money(invoice.customerProfit), savings: true })) : null, invoice.finalTotal != null ? (jsx(SummaryRow, { label: t.total, value: money(invoice.finalTotal), total: true })) : null] }) : null] })) : null] }));
-}
-function formatPublicId(value, locale) {
-    const text = String(value);
-    return locale === 'fa' ? toPersianDigits(text) : text;
+    return (jsxs("section", { className: `szc-result szc-result--${status}${showDetails ? '' : ' szc-result--compact'}`, children: [jsxs("div", { className: "szc-result__hero", role: isFailure ? 'alert' : 'status', "aria-live": isFailure ? 'assertive' : 'polite', children: [jsx("div", { className: "szc-result__icon", children: jsx("span", { className: "szc-result__icon-mark", children: status === 'success' ? (jsx(CheckCircle, {})) : status === 'pending' ? (jsx(Spinner, {})) : (jsx(CrossCircle, {})) }) }), jsxs("div", { className: "szc-result__copy", children: [jsx("h2", { className: "szc-result__title", children: titleMap[status] }), status === 'pending' ? jsx("p", { className: "szc-result__hint", children: t.paymentPendingHint }) : null, !isFailure && result?.message ? (jsx("p", { className: "szc-result__message", dir: "auto", children: result.message })) : null, status === 'success' && order ? (jsx("p", { className: "szc-result__hint", children: t.orderConfirmedHint })) : null] }), order ? (jsx("dl", { className: "szc-result__reference", children: jsxs("div", { className: "szc-result__reference-primary", children: [jsx("dt", { children: t.orderNumber }), jsx("dd", { dir: "ltr", children: String(order.orderNumber) })] }) })) : null, jsxs("div", { className: "szc-result__actions", children: [status === 'failed' || status === 'stock_violated' ? (jsx(Button, { onClick: () => void actions.retryPayment(), loading: state.flags.loadingPayments, children: t.tryAgain })) : null, orderDetailsUrl ? (jsx(Button, { asChild: true, children: jsx("a", { href: orderDetailsUrl, children: t.orderDetails }) })) : null, continueShoppingUrl ? (jsx(Button, { variant: "outline", asChild: true, children: jsx("a", { href: continueShoppingUrl, children: t.backToShop }) })) : null] })] }), showDetails && order && invoice ? (jsxs("div", { className: "szc-result__details", children: [groupedItems.shipmentGroups.map(({ shipping, items }, index) => {
+                        const description = shipping.rate.description?.trim();
+                        return (jsxs("section", { className: "szc-result__details-card szc-result-shipment", "aria-label": `${t.shippingMethod}: ${shipping.rate.name}`, children: [jsxs("header", { className: "szc-result-shipment__head", children: [jsx("span", { className: "szc-result-shipment__mark", "aria-hidden": "true", children: isImageUrl(shipping.rate.icon) ? (jsx("img", { src: shipping.rate.icon, alt: "" })) : (jsx(DeliveryIcon, {})) }), jsxs("span", { className: "szc-result-shipment__name", children: [jsx("small", { className: "szc-result-shipment__eyebrow", children: t.shippingMethod }), jsx("strong", { children: shipping.rate.name }), description ? (jsx("span", { className: "szc-result-shipment__description", children: description })) : null] }), shipping.rate.type !== 'free' ? (jsx("span", { className: "szc-result-shipment__price", children: money(shipping.rate.price) })) : null] }), renderItems(items)] }, `${String(shipping.id)}-${index}`));
+                    }), groupedItems.unassignedItems.length > 0 ? (jsx("section", { className: "szc-result__details-card szc-result-unassigned-items", "aria-label": t.orderItems, children: renderItems(groupedItems.unassignedItems) })) : null, showSummary ? (jsxs("dl", { className: "szc-result-summary", children: [invoice.netTotal != null ? (jsx(SummaryRow, { label: t.subtotal, value: money(invoice.netTotal) })) : null, invoice.shippingTotal != null ? (jsx(SummaryRow, { label: t.shipping, value: money(invoice.shippingTotal) })) : null, invoice.discountTotal != null && invoice.discountTotal > 0 ? (jsx(SummaryRow, { label: t.discount, value: `−${money(invoice.discountTotal)}` })) : null, invoice.creditTotal != null && invoice.creditTotal > 0 ? (jsx(SummaryRow, { label: t.credit, value: `−${money(invoice.creditTotal)}` })) : null, invoice.vat != null && invoice.vat > 0 ? (jsx(SummaryRow, { label: t.vat, value: money(invoice.vat) })) : null, invoice.customerProfit != null && invoice.customerProfit > 0 ? (jsx(SummaryRow, { label: t.yourSavings, value: money(invoice.customerProfit), savings: true })) : null, invoice.finalTotal != null ? (jsx(SummaryRow, { label: t.total, value: money(invoice.finalTotal), total: true })) : null] })) : null] })) : null] }));
+}
+function buildOrderDetailsUrl(orderId, orderIdentifier, continueShoppingUrl) {
+    const path = `/orderinfo/${encodeURIComponent(String(orderId))}/${encodeURIComponent(orderIdentifier)}`;
+    if (!continueShoppingUrl)
+        return path;
+    try {
+        const storefrontUrl = new URL(continueShoppingUrl);
+        return new URL(path, storefrontUrl.origin).toString();
+    }
+    catch {
+        return path;
+    }
 }
 function formatAttribute(attribute) {
     return `${attribute.name}: ${attribute.value}`;
 }
+function isImageUrl(value) {
+    return Boolean(value && (/^https?:\/\//i.test(value) || value.startsWith('/') || value.startsWith('data:image/')));
+}
 function SummaryRow({ label, value, savings = false, total = false }) {
     return (jsxs("div", { className: `${total ? 'szc-result-summary__total' : ''} ${savings ? 'szc-result-summary__savings' : ''}`.trim(), children: [jsx("dt", { children: label }), jsx("dd", { children: value })] }));
 }
@@ -745,9 +794,6 @@ function CrossCircle() {
 function DeliveryIcon() {
     return (jsxs("svg", { viewBox: "0 0 24 24", width: "22", height: "22", fill: "none", "aria-hidden": "true", children: [jsx("path", { d: "M3 6.5h11v10H3zM14 10h3.5l3 3v3.5H14z", stroke: "currentColor", strokeWidth: "1.6", strokeLinejoin: "round" }), jsx("circle", { cx: "7", cy: "18", r: "1.75", stroke: "currentColor", strokeWidth: "1.6" }), jsx("circle", { cx: "17.5", cy: "18", r: "1.75", stroke: "currentColor", strokeWidth: "1.6" })] }));
 }
-function OrderItemsIcon() {
-    return (jsxs("svg", { viewBox: "0 0 24 24", width: "22", height: "22", fill: "none", "aria-hidden": "true", children: [jsx("path", { d: "M5 7.5h14v11H5zM8 7.5V5h8v2.5", stroke: "currentColor", strokeWidth: "1.6", strokeLinejoin: "round" }), jsx("path", { d: "M8.5 12h7M8.5 15h5", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" })] }));
-}
 
 function themeVars(theme) {
     const vars = {};
@@ -872,7 +918,7 @@ function SazitoCheckout({ theme, continueShoppingUrl, className, renderNextButto
                     status: resultStatus,
                     order: state.result?.order,
                     continueShoppingUrl,
-                    onRetry: () => actions.goToStep('payment')
+                    onRetry: () => void actions.retryPayment()
                 })) : (jsx(ResultStep, { continueShoppingUrl: continueShoppingUrl })) })) : (jsx(Fragment, { children: jsxs("div", { className: `szc-layout${cartEmpty ? ' szc-layout--full' : ''}`, children: [jsxs("main", { className: "szc-main", children: [error && !emptyCartError ? jsx(ErrorBanner, { message: error.message }) : null, step === 'cart' ? (jsx(CartStep, { continueShoppingUrl: continueShoppingUrl, emptyCart: emptyCart, renderEmpty: renderEmptyCart })) : null, step === 'shipping' ? jsx(ShippingStep, {}) : null, step === 'payment' ? jsx(PaymentStep, {}) : null, actionsVisible && backButtonNode ? (jsx("div", { className: "szc-back-row", children: backButtonNode })) : null] }), !cartEmpty ? (jsxs("div", { className: "szc-side", children: [jsx(OrderSummary, {}), actionsVisible ? jsx("div", { className: "szc-side__cta", children: nextButtonNode }) : null] })) : null] }) })), actionsVisible ? (jsx("div", { className: "szc-footer-bar", children: jsxs("div", { className: "szc-footer", children: [jsxs("div", { className: "szc-footer__total", children: [jsx("span", { className: "szc-footer__total-label", children: t.total }), jsx("span", { className: "szc-footer__total-value", children: money(summary.total) })] }), jsx("div", { className: "szc-footer__actions", children: nextButtonNode })] }) })) : null] }));
 }