@ecomiq/storefront 2.1.4 → 3.0.0

package/dist/preview-BiIBif3C.js

@@ -0,0 +1,427 @@
+import { previewAddress } from "./preview-address-Cf0sJ-9p.js";
+import { paymentMethods, previewCart } from "./preview-cart-Dg2CVktS.js";
+// src/preview.ts
+const PREVIEW_TOKEN = "ecomiq-editor-preview";
+const PREVIEW_REVIEW = "preview-review";
+const PREVIEW_ORDER_STATUS = "preview-order";
+const PREVIEW_DRAFT = "preview-draft";
+function previewing(options) {
+	return options?.headers?.["X-Customer-Session"] === PREVIEW_TOKEN;
+}
+const ME = {
+	id: "preview-customer",
+	storeId: "preview-store",
+	email: "ana.torres@example.com",
+	firstName: "Ana",
+	lastName: "Torres",
+	phone: null,
+	identificationNumber: null,
+	identificationType: null,
+	entityName: null,
+	dateOfBirth: null,
+	gender: "unspecified",
+	role: null,
+	companyName: null,
+	consent: true,
+	userId: null,
+	customerType: "person",
+	status: "active",
+	isVerified: true,
+	entityIdentificationNumber: null,
+	defaultAddressId: "preview-address-1",
+	metadata: null,
+	totalOrders: 3,
+	avgOrders: 1,
+	lastOrderId: "1042",
+	lastOrderDate: null,
+	loyaltyPoints: 120,
+	addresses: [],
+	createdOn: "2026-01-15T00:00:00.000Z",
+	updatedOn: null
+};
+const REGISTRATION = {
+	fields: {
+		firstName: "required",
+		lastName: "optional",
+		phone: "optional",
+		dateOfBirth: "optional"
+	},
+	firstName: null,
+	lastName: null,
+	phone: null,
+	dateOfBirth: null,
+	requiresCompletion: true
+};
+async function addresses(store) {
+	const address = await previewAddress(store);
+	return [{
+		id: "preview-address-1",
+		addressKey: address.address1,
+		department: address.department ?? null,
+		addressNumber: null,
+		province: address.province,
+		district: address.district,
+		phone: address.phone,
+		cellPhone: null,
+		addressLine: address.address1,
+		reference: null,
+		countryIsoCode: address.countryCode,
+		postalCode: address.postalCode,
+		latitude: null,
+		longitude: null,
+		hasCoordinates: false,
+		isDefault: true
+	}];
+}
+const SAMPLES = [
+	{
+		status: "Delivered",
+		step: "delivered",
+		paid: true
+	},
+	{
+		status: "InTransit",
+		step: "shipped",
+		paid: true
+	},
+	{
+		status: "Confirmed",
+		step: "confirmed",
+		paid: false
+	}
+];
+const PAYMENTS = [
+	{
+		paymentMethod: "Tarjeta",
+		paymentCode: "card",
+		cardBrand: "Visa",
+		cardLast4: "4242",
+		installments: 3
+	},
+	{
+		paymentMethod: "Tarjeta",
+		paymentCode: "card",
+		cardBrand: "Mastercard",
+		cardLast4: "4444",
+		installments: null
+	},
+	{
+		paymentMethod: "Yape",
+		paymentCode: "yape",
+		cardBrand: null,
+		cardLast4: null,
+		installments: null
+	}
+];
+function days(ago) {
+	return (/* @__PURE__ */ new Date(Date.now() - ago * 864e5)).toISOString();
+}
+function items(orderId, products, sample) {
+	return products.map((product, index) => ({
+		id: `${orderId}-${index}`,
+		orderId,
+		productId: product.id,
+		variantId: product.availableVariantId,
+		title: product.name,
+		subtitle: null,
+		thumbnail: product.imageUrl || null,
+		variantTitle: null,
+		productHandle: product.slug,
+		productUrl: product.url,
+		quantity: index + 1,
+		unitPrice: product.price,
+		total: product.price * (index + 1),
+		status: sample.status,
+		step: sample.step,
+		carrierName: sample.step === "confirmed" ? null : "Olva Courier",
+		trackingNumber: sample.step === "confirmed" ? null : "DEMO123456",
+		trackingLink: null,
+		shippedAt: sample.step === "confirmed" ? null : days(3),
+		deliveredAt: sample.step === "delivered" ? days(1) : null,
+		returnableQuantity: sample.step === "delivered" ? index + 1 : 0
+	}));
+}
+async function orders(client) {
+	const [settings, catalog] = await Promise.all([client.getSettings(), client.getProducts({ pageSize: 6 }).catch(() => null)]);
+	const products = catalog?.products ?? [];
+	const address = await previewAddress(settings.store);
+	return SAMPLES.map((sample, index) => {
+		const orderId = `${1042 - index}`;
+		const lines = items(orderId, products.length === 0 ? [] : [.../* @__PURE__ */ new Set([products[index * 2 % products.length], products[(index * 2 + 1) % products.length]])], sample);
+		const total = lines.reduce((sum, line) => sum + line.total, 0);
+		return {
+			orderId,
+			orderNumber: `${1042 - index}`,
+			orderGroup: orderId,
+			orderIds: [orderId],
+			status: sample.status,
+			step: sample.step,
+			total,
+			totalPaid: sample.paid ? total : 0,
+			currencyCode: settings.store.currency,
+			orderDate: days(index * 9 + 2),
+			createdOn: days(index * 9 + 2),
+			updatedOn: null,
+			paymentAt: sample.paid ? days(index * 9 + 2) : null,
+			shippingAddress: {
+				...address,
+				metadata: {}
+			},
+			shippingAddressSummary: `${address.address1}, ${address.city}`,
+			items: lines,
+			payments: [{
+				id: `${orderId}-payment`,
+				...PAYMENTS[index],
+				amount: total,
+				paymentStatus: sample.paid ? "captured" : "pending",
+				receiptUrl: null,
+				createdOn: days(index * 9 + 2)
+			}]
+		};
+	});
+}
+/** The preview list honours the same search, status and sort the API applies. */
+function filterOrders(list, options) {
+	const search = options.search?.trim().toLowerCase() ?? "";
+	const matches = list.filter((item) => {
+		if (search !== "" && !item.orderNumber.toLowerCase().includes(search) && !item.items.some((line) => line.title.toLowerCase().includes(search))) return false;
+		if (options.status === "delivered") return item.step === "delivered";
+		if (options.status === "cancelled") return item.step === "cancelled";
+		if (options.status === "open") return item.step !== "delivered" && item.step !== "cancelled";
+		return true;
+	});
+	return options.sortDirection === "asc" ? matches.reverse() : matches;
+}
+async function order(client, id) {
+	const list = await orders(client);
+	const summary = list.find((item) => item.orderId === id) ?? list[0];
+	return {
+		id: summary.orderId,
+		orderNumber: summary.orderNumber,
+		orderGroup: summary.orderGroup,
+		status: summary.status,
+		step: summary.step,
+		total: summary.total,
+		totalPaid: summary.totalPaid,
+		currencyCode: summary.currencyCode,
+		orderDate: summary.orderDate,
+		createdOn: summary.createdOn,
+		updatedOn: null,
+		paymentAt: summary.paymentAt,
+		subTotal: summary.total,
+		discount: 0,
+		shipping: 0,
+		tax: 0,
+		email: ME.email,
+		phone: ME.phone,
+		firstName: ME.firstName,
+		lastName: ME.lastName,
+		shippingAddress: summary.shippingAddress,
+		shippingAddressSummary: summary.shippingAddressSummary,
+		billingAddress: summary.shippingAddress,
+		items: summary.items,
+		payments: summary.payments,
+		statusTimeline: [{
+			key: "placed",
+			label: "Pedido realizado",
+			occurredAt: summary.createdOn,
+			description: null,
+			status: "New",
+			source: "store"
+		}, {
+			key: "status",
+			label: "Estado actual",
+			occurredAt: summary.createdOn,
+			description: null,
+			status: summary.status,
+			source: "store"
+		}],
+		shipments: [{
+			carrierName: null,
+			trackingNumber: "DEMO123456",
+			trackingLink: null
+		}],
+		paymentPath: summary.totalPaid < summary.total ? `/orders/${PREVIEW_ORDER_STATUS}` : null,
+		returnStatus: "none",
+		returnDeadline: summary.step === "delivered" ? days(-29) : null,
+		canRequestReturn: summary.step === "delivered",
+		cancellationRequestedAt: null,
+		canRequestCancellation: summary.step === "confirmed"
+	};
+}
+async function review(client) {
+	const [delivered] = await orders(client);
+	return {
+		orderId: delivered.orderId,
+		orderNumber: delivered.orderNumber,
+		customerName: `${ME.firstName} ${ME.lastName}`,
+		email: ME.email,
+		deliveredAt: delivered.orderDate,
+		items: delivered.items.map((item) => ({
+			productId: item.productId ?? "",
+			title: item.title,
+			variantTitle: item.variantTitle,
+			thumbnail: item.thumbnail
+		}))
+	};
+}
+async function orderStatus(client) {
+	const [sample, methods] = await Promise.all([order(client, "1041"), paymentMethods(client)]);
+	const balanceDue = Math.min(sample.total, 50);
+	return {
+		order: {
+			...sample,
+			totalPaid: sample.total - balanceDue
+		},
+		step: "shipped",
+		balanceDue,
+		paymentMethods: methods.map((method) => ({
+			...method,
+			providerId: null,
+			checkoutMode: null,
+			publicConfiguration: null
+		})),
+		pendingPayment: null,
+		paymentInReview: null
+	};
+}
+async function draft(client) {
+	const [settings, sample] = await Promise.all([client.getSettings(), order(client, "1042")]);
+	const items = sample.items.map((item) => ({
+		id: item.id,
+		productId: item.productId,
+		variantId: item.variantId,
+		title: item.title,
+		subtitle: item.variantTitle,
+		thumbnail: item.thumbnail,
+		quantity: item.quantity,
+		unitPrice: item.unitPrice,
+		subTotal: item.total,
+		discount: 0,
+		total: item.total,
+		requiresShipping: true
+	}));
+	const subTotal = items.reduce((sum, item) => sum + item.total, 0);
+	return {
+		id: "preview-draft",
+		orderPaths: null,
+		draftNumber: "#D1007",
+		currencyCode: settings.store.currency,
+		status: "sent",
+		email: ME.email,
+		phone: ME.phone,
+		firstName: ME.firstName,
+		lastName: ME.lastName,
+		subTotal,
+		discount: 0,
+		shipping: 15,
+		tax: 0,
+		total: subTotal + 15,
+		items
+	};
+}
+function previewClient(client) {
+	return {
+		...client,
+		...previewCart(client),
+		get: (path, schema, options) => path === `orders/review-context/preview-review` ? review(client).then((value) => schema.parse(value)) : client.get(path, schema, options),
+		createProductReview: (params) => params.reviewToken === "preview-review" ? Promise.resolve({
+			id: "preview-review",
+			productId: params.productId,
+			isVerifiedPurchase: true,
+			rating: params.rating,
+			title: params.title ?? null,
+			content: params.content,
+			reviewerName: params.reviewerName,
+			createdOn: (/* @__PURE__ */ new Date()).toISOString()
+		}) : client.createProductReview(params),
+		createCustomerProductReview: (params, options) => previewing(options) ? Promise.resolve({
+			id: "preview-review",
+			productId: params.productId,
+			isVerifiedPurchase: false,
+			rating: params.rating,
+			title: params.title ?? null,
+			content: params.content,
+			reviewerName: params.reviewerName,
+			createdOn: (/* @__PURE__ */ new Date()).toISOString()
+		}) : client.createCustomerProductReview(params, options),
+		getCustomerRegistration: (options) => previewing(options) ? Promise.resolve(REGISTRATION) : client.getCustomerRegistration(options),
+		completeCustomerRegistration: (input, options) => previewing(options) ? Promise.resolve({
+			...REGISTRATION,
+			...input,
+			requiresCompletion: false
+		}) : client.completeCustomerRegistration(input, options),
+		getCustomerMe: async (options) => {
+			if (!previewing(options)) return client.getCustomerMe(options);
+			const { store } = await client.getSettings();
+			return {
+				...ME,
+				countryIsoCode: store.countryCode,
+				addresses: await addresses(store)
+			};
+		},
+		patchCustomer: (data, options) => previewing(options) ? Promise.resolve() : client.patchCustomer(data, options),
+		getCustomerAddresses: async (options) => {
+			if (!previewing(options)) return client.getCustomerAddresses(options);
+			const { store } = await client.getSettings();
+			return addresses(store);
+		},
+		createCustomerAddress: (data, options) => previewing(options) ? Promise.resolve({ id: "preview-address-new" }) : client.createCustomerAddress(data, options),
+		updateCustomerAddress: (id, data, options) => previewing(options) ? Promise.resolve() : client.updateCustomerAddress(id, data, options),
+		deleteCustomerAddress: (id, options) => previewing(options) ? Promise.resolve() : client.deleteCustomerAddress(id, options),
+		getCustomerOrders: async (options) => {
+			if (!previewing(options)) return client.getCustomerOrders(options);
+			const list = filterOrders(await orders(client), options ?? {});
+			return {
+				data: list,
+				hasNextPage: false,
+				nextCursor: null,
+				totalCount: list.length
+			};
+		},
+		getCustomerOrder: (id, options) => previewing(options) ? order(client, id) : client.getCustomerOrder(id, options),
+		requestCustomerOrderReturn: (id, input, options) => previewing(options) ? Promise.resolve() : client.requestCustomerOrderReturn(id, input, options),
+		requestCustomerOrderCancellation: (id, input, options) => previewing(options) ? Promise.resolve() : client.requestCustomerOrderCancellation(id, input, options),
+		getOrderStatus: (token) => token === "preview-order" ? orderStatus(client) : client.getOrderStatus(token),
+		startOrderPayment: (token, input) => token === "preview-order" ? Promise.resolve({
+			actionUrl: null,
+			isCaptured: false,
+			transactionId: null,
+			externalId: null,
+			actionKind: "none",
+			providerId: null,
+			publicConfiguration: {},
+			clientSecret: null,
+			qrCode: null,
+			receiptUrl: null,
+			expiresAt: null,
+			paymentMethodCode: null,
+			amount: null,
+			currencyCode: null,
+			voucherCode: null,
+			qrImageUrl: null
+		}) : client.startOrderPayment(token, input),
+		authenticateOrderPayment: (token, transactionId, input) => token === "preview-order" ? Promise.reject(/* @__PURE__ */ new Error("La vista previa no tiene pagos pendientes de autenticación.")) : client.authenticateOrderPayment(token, transactionId, input),
+		uploadOrderPaymentReceipt: (token, input) => token === "preview-order" ? Promise.resolve({
+			actionUrl: null,
+			isCaptured: false,
+			transactionId: null,
+			externalId: null,
+			actionKind: "none",
+			providerId: null,
+			publicConfiguration: {},
+			clientSecret: null,
+			qrCode: null,
+			receiptUrl: null,
+			expiresAt: null,
+			paymentMethodCode: null,
+			amount: null,
+			currencyCode: null,
+			voucherCode: null,
+			qrImageUrl: null
+		}) : client.uploadOrderPaymentReceipt(token, input),
+		getOrderDraft: (token) => token === "preview-draft" ? draft(client) : client.getOrderDraft(token),
+		checkoutOrderDraft: (token) => token === "preview-draft" ? Promise.resolve({ orderPaths: [`/orders/${PREVIEW_ORDER_STATUS}`] }) : client.checkoutOrderDraft(token)
+	};
+}
+export { PREVIEW_DRAFT, PREVIEW_ORDER_STATUS, PREVIEW_REVIEW, PREVIEW_TOKEN, previewClient };

package/dist/preview-address-Cf0sJ-9p.js

@@ -0,0 +1,21 @@
+import { loadStorefrontTranslations, storefrontText } from "./storefront-text-D25ae1qf.js";
+// src/preview-address.ts
+async function previewAddress(store) {
+	const translations = await loadStorefrontTranslations(store.language);
+	return {
+		name: "Ana Torres",
+		company: null,
+		address1: storefrontText(translations, "Calle de ejemplo 123"),
+		address2: null,
+		city: storefrontText(translations, "Ciudad de ejemplo"),
+		countryCode: store.countryCode,
+		department: null,
+		province: null,
+		postalCode: "00000",
+		district: null,
+		phone: null,
+		latitude: null,
+		longitude: null
+	};
+}
+export { previewAddress };