91:I[903690,["/chat-static/_next/static/chunks/350425sq4h0_m.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/19ru4sx2xipbx.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/2b2k-zf-b56kd.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/0tnuf2s5s5v2b.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/2j46pilgqkinh.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3wiwg53adn758.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3_e1le12ldpqs.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/095lel5ufcr08.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/15arfkcfit5sz.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/1qn4-ha2vsd-p.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/0ij3lwrjqs3o9.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3rqx7sbpqnwga.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/1r8nmvs6_rpja.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/1n89ydk8ccom8.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/2ynu6mgagwdj1.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/2cv_oykzmlqpk.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/1bxdx5g1i2u3_.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/35cffbjvsl8sh.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3ekidzlkpx_x-.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3c0qka1hg-iqt.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3kttbsa09z94i.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/2eq_3tgsc9fan.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/2s6vyh6zt9utn.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/395vtu34--uvp.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/105h5cas-3jdf.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/0kwqxvdt6a1ea.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/0xt2xmw3qhxnw.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/194j0nolabgr9.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/26i06jc5kvmaj.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/04dkbwvbkscb6.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/1nv4rik4luyt3.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/0rr17y2zzppmc.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/37xbvek5lee4t.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/42qj3jlkt-gsv.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3w1s5uwmgh04y.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3eky-7-iak2ku.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/1ks0r-j8ozfdw.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/0d2lsedvss_wq.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/1yj2qc3b88ry8.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3x_wkg7f9hipy.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx"],"ExplicitChatIdProvider"] 92:I[838238,["/chat-static/_next/static/chunks/350425sq4h0_m.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/19ru4sx2xipbx.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/2b2k-zf-b56kd.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/0tnuf2s5s5v2b.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/2j46pilgqkinh.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3wiwg53adn758.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3_e1le12ldpqs.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/095lel5ufcr08.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/15arfkcfit5sz.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/1qn4-ha2vsd-p.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/0ij3lwrjqs3o9.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3rqx7sbpqnwga.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/1r8nmvs6_rpja.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/1n89ydk8ccom8.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/2ynu6mgagwdj1.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/2cv_oykzmlqpk.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/1bxdx5g1i2u3_.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/35cffbjvsl8sh.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3ekidzlkpx_x-.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3c0qka1hg-iqt.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3kttbsa09z94i.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/2eq_3tgsc9fan.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/2s6vyh6zt9utn.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/395vtu34--uvp.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/105h5cas-3jdf.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/0kwqxvdt6a1ea.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/0xt2xmw3qhxnw.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/194j0nolabgr9.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/26i06jc5kvmaj.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/04dkbwvbkscb6.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/1nv4rik4luyt3.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/0rr17y2zzppmc.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/37xbvek5lee4t.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/42qj3jlkt-gsv.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3w1s5uwmgh04y.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3eky-7-iak2ku.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/1ks0r-j8ozfdw.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/0d2lsedvss_wq.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/1yj2qc3b88ry8.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx","/chat-static/_next/static/chunks/3x_wkg7f9hipy.js?dpl=dpl_HHaqRHm6ADLCojiZftNA23ziRnDx"],"SWRDataProvider"] 93:T1ad12,[V0_FILE]typescriptreact:file="components/product-card.tsx" isMerged="true" "use client" import { Card, CardContent, CardFooter, CardHeader, CardTitle, CardDescription } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Product, useCart } from "@/lib/cart-context" import { formatPrice } from "@/lib/products" import { KeyRound, Plus } from "lucide-react" interface ProductCardProps { product: Product } const tierColors: Record = { "silver-key": "bg-neutral-400 text-white", "gold-key": "bg-amber-500 text-white", "diamond-key": "bg-cyan-500 text-white", } export function ProductCard({ product }: ProductCardProps) { const { addToCart } = useCart() return (

{product.name.split(" ")[0]}

{product.name}

{product.description}

{formatPrice(product.price)}

) } [V0_FILE]typescriptreact:file="components/cart-icon.tsx" isMerged="true" "use client" import Link from "next/link" import { ShoppingCart } from "lucide-react" import { Button } from "@/components/ui/button" import { useCart } from "@/lib/cart-context" export function CartIcon() { const { totalItems } = useCart() return ( ) } [V0_FILE]typescript:file="lib/products.ts" isMerged="true" import { Product } from "./cart-context" export const products: Product[] = [ { id: "silver-key", name: "Silver Key", description: "Basic license with essential features. Perfect for individual users and small projects.", price: 5000, }, { id: "gold-key", name: "Gold Key", description: "Premium license with advanced features. Ideal for growing teams and businesses.", price: 10000, }, { id: "diamond-key", name: "Diamond Key", description: "Ultimate license with all features unlocked. Best for enterprise and unlimited usage.", price: 25000, }, ] export function formatPrice(price: number): string { return new Intl.NumberFormat("my-MM", { style: "decimal", }).format(price) + " MMK" } [V0_FILE]typescriptreact:file="lib/cart-context.tsx" isMerged="true" "use client" import { createContext, useContext, useState, ReactNode } from "react" export interface Product { id: string name: string description: string price: number } export interface CartItem extends Product { quantity: number } interface CartContextType { items: CartItem[] addToCart: (product: Product) => void removeFromCart: (productId: string) => void updateQuantity: (productId: string, quantity: number) => void clearCart: () => void totalItems: number totalPrice: number } const CartContext = createContext(undefined) export function CartProvider({ children }: { children: ReactNode }) { const [items, setItems] = useState([]) const addToCart = (product: Product) => { setItems((prev) => { const existing = prev.find((item) => item.id === product.id) if (existing) { return prev.map((item) => item.id === product.id ? { ...item, quantity: item.quantity + 1 } : item ) } return [...prev, { ...product, quantity: 1 }] }) } const removeFromCart = (productId: string) => { setItems((prev) => prev.filter((item) => item.id !== productId)) } const updateQuantity = (productId: string, quantity: number) => { if (quantity <= 0) { removeFromCart(productId) return } setItems((prev) => prev.map((item) => item.id === productId ? { ...item, quantity } : item ) ) } const clearCart = () => setItems([]) const totalItems = items.reduce((sum, item) => sum + item.quantity, 0) const totalPrice = items.reduce( (sum, item) => sum + item.price * item.quantity, 0 ) return ( {children} ) } export function useCart() { const context = useContext(CartContext) if (!context) { throw new Error("useCart must be used within a CartProvider") } return context } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76", "mmpay-node-sdk": "1.0.6", "qrcode": "1.5.4", "@upstash/redis": "1.36.1", "react-markdown": "10.1.0", "remark-gfm": "4.0.1" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import { products } from "@/lib/products" import { ProductCard } from "@/components/product-card" export default function ShopPage() { return (

License Keys

Choose the perfect license key for your needs

{products.map((product) => ( ))}

) } [V0_FILE]typescriptreact:file="app/cart/page.tsx" isMerged="true" "use client" import Link from "next/link" import { useCart } from "@/lib/cart-context" import { formatPrice } from "@/lib/products" import { Button } from "@/components/ui/button" import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Minus, Plus, Trash2, ShoppingBag } from "lucide-react" export default function CartPage() { const { items, updateQuantity, removeFromCart, totalPrice, totalItems } = useCart() if (items.length === 0) { return (

Your Cart

Your cart is empty

) } return (

Your Cart

{items.map((item) => (

{item.name}

{formatPrice(item.price)} each

{item.quantity}

{formatPrice(item.price * item.quantity)}

))}

Order Summary

Items ({totalItems}) {formatPrice(totalPrice)}

Total {formatPrice(totalPrice)}

) } [V0_FILE]typescriptreact:file="app/success/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useSearchParams } from "next/navigation" import Link from "next/link" import { Button } from "@/components/ui/button" import { Card, CardContent, CardFooter, CardHeader, CardTitle, CardDescription } from "@/components/ui/card" import { CheckCircle, Copy, Check } from "lucide-react" import { generateKeysForOrder } from "@/lib/license-key-client" interface OrderItem { id: string name: string quantity: number } interface OrderData { orderId: string phoneNumber: string amount: number items: OrderItem[] createdAt: string } interface LicenseKeyRecord { productId: string productName: string keys: string[] } export default function SuccessPage() { const searchParams = useSearchParams() const orderId = searchParams.get("orderId") const [orderData, setOrderData] = useState(null) const [licenseKeys, setLicenseKeys] = useState([]) const [copiedKey, setCopiedKey] = useState(null) const [copiedAll, setCopiedAll] = useState(false) useEffect(() => { if (orderId) { // Get order data from localStorage const stored = localStorage.getItem(`order_${orderId}`) if (stored) { const data = JSON.parse(stored) as OrderData setOrderData(data) // Generate license keys const keys = generateKeysForOrder(data.items, data.phoneNumber, data.orderId) setLicenseKeys(keys) } } }, [orderId]) const copyToClipboard = async (text: string, keyId?: string) => { try { await navigator.clipboard.writeText(text) if (keyId) { setCopiedKey(keyId) setTimeout(() => setCopiedKey(null), 2000) } } catch (err) { console.error("Failed to copy:", err) } } const copyAllKeys = async () => { const allKeys = licenseKeys .map(group => `${group.productName}:\n${group.keys.join("\n")}`) .join("\n\n") try { await navigator.clipboard.writeText(allKeys) setCopiedAll(true) setTimeout(() => setCopiedAll(false), 2000) } catch (err) { console.error("Failed to copy:", err) } } return (

Payment Successful! Thank you for your purchase. Your license keys are ready below. {orderId && (

Order ID

{orderId}

)} {/* License Keys Section */} {licenseKeys.length > 0 ? (

Your License Keys

Click on any key to copy it to your clipboard. Keep these keys safe!

{licenseKeys.map((group) => (

{group.productName} ({group.keys.length} {group.keys.length === 1 ? "key" : "keys"})

{group.keys.map((key, index) => { const keyId = `${group.productId}-${index}` return ( ) })}

))}

Important

Please save your license keys in a secure location. These keys are tied to your phone number for verification purposes.

) : orderData ? (

Generating your license keys...

) : (

No order data found. If you just completed a payment, please contact support with your order ID.

)}

) } [V0_FILE]typescriptreact:file="components/qr-code-display.tsx" isMerged="true" "use client" import { useEffect, useRef } from "react" import QRCode from "qrcode" interface QRCodeDisplayProps { data: string size?: number } export function QRCodeDisplay({ data, size = 256 }: QRCodeDisplayProps) { const canvasRef = useRef(null) useEffect(() => { if (canvasRef.current && data) { QRCode.toCanvas(canvasRef.current, data, { width: size, margin: 2, color: { dark: "#000000", light: "#ffffff", }, }) } }, [data, size]) return (

License Keys

Your Cart

Your Cart

{item.name}

Your License Keys

{group.productName} ({group.keys.length} {group.keys.length === 1 ? "key" : "keys"})

Checkout

Complete Payment

Checkout

{children}

{children}

{children}

{children}

About

Tags

Share

About

Tags

Share

More Templates Like This