@coursebuilder/commerce-next
Version:
Commerce Functionality for Course Builder with Next.js
11 lines (10 loc) • 1.15 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import * as Pricing from '@coursebuilder/commerce-next/pricing/pricing';
import { useCoupon } from '../coupons/use-coupon';
export const PricingWidget = ({ product, commerceProps, pricingDataLoader, pricingWidgetOptions, quantityAvailable, }) => {
const couponFromCode = commerceProps?.couponFromCode;
const { validCoupon } = useCoupon(couponFromCode);
const couponId = commerceProps?.couponIdFromCoupon ||
(validCoupon ? couponFromCode?.id : undefined);
return (_jsx(Pricing.Root, { className: "relative w-full", product: product, couponId: couponId, options: pricingWidgetOptions, userId: commerceProps?.userId, pricingDataLoader: pricingDataLoader, children: _jsxs(Pricing.Product, { children: [_jsx(Pricing.ProductImage, {}), _jsxs(Pricing.Details, { children: [_jsx(Pricing.Name, {}), _jsx(Pricing.LiveQuantity, {}), _jsx(Pricing.Price, {}), _jsx(Pricing.TeamToggle, {}), _jsx(Pricing.TeamQuantityInput, {}), _jsx(Pricing.BuyButton, {}), _jsx(Pricing.GuaranteeBadge, {}), _jsx(Pricing.LiveRefundPolicy, {}), _jsx(Pricing.PPPToggle, {})] })] }) }));
};