@libreapps/commerce 7.5.1

package/dist/components/checkout/payment-step-form/index.js

@@ -0,0 +1,77 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { observer } from 'mobx-react-lite';
+import { zodResolver } from '@hookform/resolvers/zod';
+import * as z from 'zod';
+import { useForm } from 'react-hook-form';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@libreapps/ui/primitives';
+import { useAuth } from '@libreapps/auth/service';
+import { useCommerce } from '../../../service/context';
+import { sendFBEvent, sendGAEvent } from '../../../util/analytics';
+import METHODS from './methods';
+const contactFormSchema = z.object({
+    name: z.string().min(1, 'Enter your full name.'),
+    email: z.string().email(),
+});
+const PaymentStepForm = observer(({ onDone, orderId, setOrderId }) => {
+    const cmmc = useCommerce();
+    const auth = useAuth(); // may be null in some cases
+    const [transactionStatus, setTransactionStatus] = useState('unpaid');
+    if (!auth) {
+        console.log("PAYMENT STEP FORM:  auth service is null! ");
+    }
+    const contactForm = useForm({
+        resolver: zodResolver(contactFormSchema),
+        defaultValues: {
+            name: auth?.user?.displayName ?? '',
+            email: auth?.user?.email ?? '',
+        },
+    });
+    useEffect(() => {
+        if (auth?.loggedIn) {
+            contactForm.setValue('name', auth.user?.displayName ?? '');
+            contactForm.setValue('email', auth.user?.email ?? '');
+        }
+    }, [auth?.loggedIn]);
+    const storePaymentInfo = async (paymentInfo) => {
+        const { name, email } = contactForm.getValues();
+        let id = undefined;
+        if (!orderId) {
+            id = await cmmc.createOrder(email, name);
+            setOrderId(id);
+        }
+        if (id) {
+            sendGAEvent('add_payment_info', {
+                items: cmmc.cartItems.map((item) => ({
+                    item_id: item.sku,
+                    item_name: item.title,
+                    item_category: item.familyId,
+                    price: item.price,
+                    quantity: item.quantity
+                })),
+                value: cmmc.promoAppliedCartTotal,
+                currency: 'USD',
+                payment_type: paymentInfo.paymentMethod ?? ''
+            });
+            sendFBEvent('AddPaymentInfo', {
+                contents: cmmc.cartItems.map(item => ({
+                    id: item.sku,
+                    quantity: item.quantity
+                })),
+                value: cmmc.promoAppliedCartTotal,
+                currency: 'USD'
+            });
+            await cmmc.updateOrderPaymentInfo(id, paymentInfo);
+        }
+    };
+    const groupClx = 'grid w-full grid-cols-3 mx-auto ' +
+        'p-0 h-auto overflow-hidden ' +
+        'border-2 bg-background border-level-2 md:bg-level-1 md:border-level-3 ';
+    const tabClx = 'whitespace-normal h-full text-xs sm:text-base px-1 text-muted ' +
+        'data-[state=active]:text-accent data-[state=active]:bg-level-2 md:data-[state=active]:bg-level-3';
+    const disabled = transactionStatus === 'paid' || transactionStatus === 'confirmed';
+    return (_jsxs(Tabs, { defaultValue: 'card', className: 'w-full', children: [_jsx(TabsList, { className: groupClx, children: METHODS.map(({ label, value }) => (_jsx(TabsTrigger, { value: value, className: tabClx, disabled: disabled, children: label }, `tabs-${value}`))) }), METHODS.map(({ Comp: PaymentMethodComp, value }) => (_jsx(TabsContent, { value: value, children: _jsx(PaymentMethodComp, { onDone: onDone, transactionStatus: transactionStatus, setTransactionStatus: setTransactionStatus, storePaymentInfo: storePaymentInfo, contactForm: contactForm }) }, `content-${value}`)))] }));
+});
+export default PaymentStepForm;
+//# sourceMappingURL=index.js.map

package/dist/components/checkout/payment-step-form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/checkout/payment-step-form/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/checkout/payment-step-form/methods/bank-transfer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { PaymentMethodComponentProps } from '../../../../types';
+declare const PayWithBankTransfer: React.FC<PaymentMethodComponentProps>;
+export default PayWithBankTransfer;

package/dist/components/checkout/payment-step-form/methods/bank-transfer.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Copy } from 'lucide-react';
+import { Button, toast } from '@libreapps/ui/primitives';
+import ContactForm from '../contact-form';
+const InfoField = ({ label, value, copyValue }) => {
+    const copyToClipboard = (label, text) => {
+        navigator.clipboard.writeText(text);
+        toast(`${label} copied to clipboard.`);
+    };
+    return (_jsxs("div", { className: 'flex flex-col gap-1', children: [_jsx("p", { className: 'text-xs', children: label }), _jsxs("div", { className: 'flex items-center justify-between sm:text-lg border rounded-lg py-2 px-4', children: [value, _jsx(Button, { variant: 'ghost', size: 'icon', onClick: () => copyToClipboard(label, copyValue), children: _jsx(Copy, { className: 'h-4 w-4' }) })] })] }));
+};
+const PayWithBankTransfer = ({ onDone, storePaymentInfo, contactForm }) => {
+    const payByBankTransfer = async () => {
+        contactForm.handleSubmit(async () => {
+            await storePaymentInfo({ paymentMethod: 'bank-transfer' });
+            onDone();
+        })();
+    };
+    return (_jsxs("div", { className: 'flex flex-col gap-2 mt-6', children: [_jsx(ContactForm, { form: contactForm }), _jsx("div", { className: 'w-full mx-auto max-w-[50rem]', children: _jsxs("div", { className: 'flex flex-col gap-4 w-full', children: [_jsx(InfoField, { label: 'Beneficiary Bank', value: _jsxs("div", { children: ["Bank of America", _jsx("br", {}), "NA 222 Broadway", _jsx("br", {}), "New York, New York. 10038"] }), copyValue: 'Bank of America, NA 222 Broadway, New York, New York. 10038' }), _jsx(InfoField, { label: 'Beneficiary', value: _jsxs("div", { children: ["LibreApps, Inc", _jsx("br", {}), "4811 Mastin Street", _jsx("br", {}), "Merriam, KS 66203"] }), copyValue: 'LibreApps, Inc, 4811 Mastin Street, Merriam, KS 66203' }), _jsx(InfoField, { label: 'Routing Number - ACH', value: '113000023 / 111000025', copyValue: '113000023 / 111000025' }), _jsx(InfoField, { label: 'Routing Number - Wire', value: '026009593', copyValue: '026009593' }), _jsx(InfoField, { label: 'Routing Number - SWIFT', value: 'BOFAUS3N', copyValue: 'BOFAUS3N' }), _jsx(InfoField, { label: 'Reference', value: 'Lux', copyValue: 'Lux' })] }) }), _jsx(Button, { onClick: payByBankTransfer, className: 'mx-auto w-full mt-4', children: "Continue" })] }));
+};
+export default PayWithBankTransfer;
+//# sourceMappingURL=bank-transfer.js.map

package/dist/components/checkout/payment-step-form/methods/bank-transfer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bank-transfer.js","sourceRoot":"","sources":["../../../../../components/checkout/payment-step-form/methods/bank-transfer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAIxD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AAEzC,MAAM,SAAS,GAIV,CAAC,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACV,EAAE,EAAE;IAEH,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,IAAY,EAAE,EAAE;QACtD,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;QACnC,KAAK,CAAC,GAAG,KAAK,uBAAuB,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,YAAG,SAAS,EAAC,SAAS,YAAE,KAAK,GAAK,EAClC,eAAK,SAAS,EAAC,0EAA0E,aACtF,KAAK,EACN,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,SAAS,CAAC,YAClF,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAE,GACpB,IACL,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,mBAAmB,GAA0C,CAAC,EAClE,MAAM,EACN,gBAAgB,EAChB,WAAW,EACZ,EAAE,EAAE;IAEH,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;QACnC,WAAW,CAAC,YAAY,CAAE,KAAK,IAAI,EAAE;YACnC,MAAM,gBAAgB,CAAC,EAAC,aAAa,EAAE,eAAe,EAAC,CAAC,CAAA;YACxD,MAAM,EAAE,CAAA;QACV,CAAC,CAAC,EAAE,CAAA;IACN,CAAC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,KAAC,WAAW,IAAC,IAAI,EAAE,WAAW,GAAG,EACjC,cAAK,SAAS,EAAC,8BAA8B,YAC3C,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,SAAS,IACR,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,6CAAoB,cAAK,qBAAe,cAAK,iCAA+B,EACnF,SAAS,EAAC,6DAA6D,GACvE,EACF,KAAC,SAAS,IACR,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,4CAAmB,cAAK,wBAAkB,cAAK,yBAAuB,EAC7E,SAAS,EAAC,uDAAuD,GACjE,EACF,KAAC,SAAS,IAAC,KAAK,EAAC,sBAAsB,EAAC,KAAK,EAAC,uBAAuB,EAAC,SAAS,EAAC,uBAAuB,GAAE,EACzG,KAAC,SAAS,IAAC,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,WAAW,GAAE,EAClF,KAAC,SAAS,IAAC,KAAK,EAAC,wBAAwB,EAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,GAAE,EACjF,KAAC,SAAS,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,GAAE,IACtD,GACF,EACN,KAAC,MAAM,IAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAC,qBAAqB,yBAAkB,IACjF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/checkout/payment-step-form/methods/card.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { PaymentMethodComponentProps } from '../../../../types';
+declare const PayWithCard: React.FC<PaymentMethodComponentProps>;
+export default PayWithCard;

package/dist/components/checkout/payment-step-form/methods/card.js

@@ -0,0 +1,160 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+// @ts-ignore
+import { ApplePay, GooglePay, CreditCard, PaymentForm } from 'react-square-web-payments-sdk';
+import { observer } from 'mobx-react-lite';
+import { ApplyTypography, Button, Separator, Skeleton, } from '@libreapps/ui/primitives';
+import { cn } from '@libreapps/ui/util';
+import { useCommerce } from '../../../../service/context';
+import { processSquareCardPayment } from '../../../../util';
+import { sendFBEvent, sendGAEvent } from '../../../../util/analytics';
+import ContactInfo from '../contact-form';
+import PaymentMethods from '../card-icon-row';
+const PayWithCard = observer(({ onDone, transactionStatus, setTransactionStatus, storePaymentInfo, contactForm, }) => {
+    const cmmc = useCommerce();
+    const cardTokenizeResponseReceived = async (token, verifiedBuyer) => {
+        contactForm.handleSubmit(async () => {
+            setTransactionStatus('paid');
+            const res = await processSquareCardPayment(token.token, cmmc.promoAppliedCartTotal, verifiedBuyer.token);
+            if (res) {
+                await storePaymentInfo({ paymentMethod: token.details.method ?? null, processed: res });
+                setTransactionStatus('confirmed');
+                sendGAEvent('purchase', {
+                    transaction_id: res.payment?.id,
+                    value: res.payment?.amountMoney?.amount,
+                    currency: res.payment?.amountMoney?.currency,
+                    items: cmmc.cartItems.map((item) => ({
+                        item_id: item.sku,
+                        item_name: item.title,
+                        item_category: item.familyId,
+                        price: item.price,
+                        quantity: item.quantity
+                    })),
+                });
+                sendFBEvent('Purchase', {
+                    content_ids: cmmc.cartItems.map((item) => item.sku),
+                    contents: cmmc.cartItems.map(item => ({
+                        id: item.sku,
+                        quantity: item.quantity
+                    })),
+                    num_items: cmmc.cartItems.length,
+                    value: cmmc.promoAppliedCartTotal,
+                    currency: 'USD',
+                });
+            }
+            else {
+                setTransactionStatus('error');
+            }
+        })();
+    };
+    const createVerificationDetails = () => {
+        const { name, email } = contactForm.getValues();
+        return {
+            amount: cmmc.promoAppliedCartTotal.toFixed(2),
+            billingContact: {
+                givenName: name,
+                email,
+            },
+            currencyCode: 'USD',
+            intent: 'CHARGE',
+        };
+    };
+    const createPaymentRequest = () => ({
+        countryCode: "US",
+        currencyCode: "USD",
+        lineItems: cmmc.cartItems.map(item => ({
+            amount: item.price.toFixed(2),
+            label: item.title,
+            id: item.sku,
+        })),
+        requestBillingContact: false,
+        requestShippingContact: false,
+        total: {
+            amount: cmmc.promoAppliedCartTotal.toFixed(2),
+            label: "Total",
+        },
+    });
+    /**
+     * Reload payment form after checkout value changes (promo code applied, etc.)
+     * Reloading is required so that Apple Pay and Google Pay buttons are updated for new cart total.
+     */
+    const [loadingPaymentForm, setLoadingPaymentForm] = useState(false);
+    useEffect(() => {
+        setLoadingPaymentForm(true);
+        const timeout = setTimeout(() => setLoadingPaymentForm(false), 1000);
+        return () => clearTimeout(timeout);
+    }, [cmmc.promoAppliedCartTotal]);
+    if (loadingPaymentForm) {
+        return (_jsxs("div", { className: 'flex flex-col gap-2', children: [_jsx(Skeleton, { className: 'w-full h-10' }), _jsx(Skeleton, { className: 'w-full h-10' })] }));
+    }
+    return (_jsx(PaymentForm
+    /**
+     * Identifies the calling form with a verified application ID generated from
+     * the Square Application Dashboard.
+     */
+    , { 
+        /**
+         * Identifies the calling form with a verified application ID generated from
+         * the Square Application Dashboard.
+         */
+        applicationId: process.env.NEXT_PUBLIC_SQUARE_APPLICATION_ID ?? '', 
+        /**
+         * Invoked when payment form receives the result of a tokenize generation
+         * request. The result will be a valid credit card or wallet token, or an error.
+         */
+        cardTokenizeResponseReceived: cardTokenizeResponseReceived, 
+        /**
+          * This function enable the Strong Customer Authentication (SCA) flow
+          *
+          * We strongly recommend use this function to verify the buyer and reduce
+          * the chance of fraudulent transactions.
+          */
+        createVerificationDetails: createVerificationDetails, 
+        /**
+          * This function is required for digital wallets (Apple Pay, Google Pay)
+          */
+        createPaymentRequest: createPaymentRequest, 
+        /**
+         * Identifies the location of the merchant that is taking the payment.
+         * Obtained from the Square Application Dashboard - Locations tab.
+         */
+        locationId: process.env.NEXT_PUBLIC_SQUARE_LOCATION_ID ?? '', children: _jsx(ApplyTypography, { className: 'flex flex-col mt-6 gap-1', children: transactionStatus === 'paid' ? (_jsx("h6", { className: 'mx-auto', children: "Processing your payment..." })) : transactionStatus === 'confirmed' ? (_jsxs("div", { className: 'flex flex-col gap-4', children: [_jsx("h5", { className: 'mx-auto', children: "Payment confirmed!" }), _jsx("p", { className: 'mx-auto', children: "Thank you for your purchase." }), _jsx(Button, { onClick: onDone, children: "Continue" })] })) : (_jsxs("div", { className: 'flex flex-col gap-1', children: [_jsx(GooglePay, {}), _jsx(ApplePay, {}), _jsxs("div", { className: 'flex gap-2 whitespace-nowrap items-center my-1 sm:my-3 text-xs text-muted', children: [_jsx(Separator, { className: 'grow w-auto' }), _jsx("div", { className: 'shrink-0 mx-1', children: "or" }), _jsx(Separator, { className: 'grow w-auto' })] }), _jsx(PaymentMethods, {}), _jsx(ContactInfo, { form: contactForm }), _jsx(CreditCard, { style: {
+                            '.input-container': {
+                                borderColor: '#666666',
+                                borderRadius: '8px',
+                            },
+                            '.input-container.is-focus': {
+                                borderColor: '#ffffff',
+                            },
+                            '.input-container.is-error': {
+                                borderColor: '#ff1600',
+                            },
+                            '.message-text': {
+                                color: '#999999',
+                            },
+                            '.message-icon': {
+                                color: '#999999',
+                            },
+                            '.message-text.is-error': {
+                                color: '#ff1600',
+                            },
+                            '.message-icon.is-error': {
+                                color: '#ff1600',
+                            },
+                            input: {
+                                backgroundColor: 'transparent',
+                                color: '#FFFFFF',
+                                fontSize: '15px',
+                                fontFamily: 'helvetica neue, sans-serif',
+                            },
+                            'input::placeholder': {
+                                color: '#999999',
+                            },
+                            'input.is-error': {
+                                color: '#ff1600',
+                            },
+                        }, render: (Button) => (_jsx(Button, { className: cn('items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2', 'focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background', '!bg-primary !text-primary-fg hover:!bg-primary-hover font-nav whitespace-nowrap not-typography h-10 py-2 px-4', '!text-sm rounded-md lg:min-w-[220px] sm:min-w-[220px] flex'), children: "Pay" })) }), transactionStatus === 'error' && (_jsx("p", { className: 'mx-auto text-destructive', children: "There was an error processing your payment." }))] })) }) }));
+});
+export default PayWithCard;
+//# sourceMappingURL=card.js.map

package/dist/components/checkout/payment-step-form/methods/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../../components/checkout/payment-step-form/methods/card.tsx"],"names":[],"mappings":"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"}

package/dist/components/checkout/payment-step-form/methods/crypto.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { PaymentMethodComponentProps } from '../../../../types';
+declare global {
+    interface Window {
+        ethereum?: any;
+    }
+}
+declare const PayWithCrypto: React.FC<PaymentMethodComponentProps>;
+export default PayWithCrypto;

package/dist/components/checkout/payment-step-form/methods/crypto.js

@@ -0,0 +1,137 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { autorun } from 'mobx';
+import { observer } from 'mobx-react-lite';
+import { ethers } from 'ethers';
+import { Button, Input, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, toast } from '@libreapps/ui/primitives';
+import Eth from '../crypto-icons/eth';
+import { useCommerce } from '../../../../service/context';
+import { sendFBEvent, sendGAEvent } from '../../../../util/analytics';
+import ContactForm from '../contact-form';
+const PayWithCrypto = observer(({ onDone, transactionStatus, setTransactionStatus, storePaymentInfo, contactForm }) => {
+    const cmmc = useCommerce();
+    const [loadingPrice, setLoadingPrice] = useState(false);
+    //const [selectedToken, setSelectedToken] = useState('eth')
+    const [amount, setAmount] = useState();
+    const [provider, setProvider] = useState();
+    //const selectedToken = 'eth'
+    useEffect(() => {
+        setTransactionStatus('unpaid');
+        // responding to changes in user.walletAddress
+        return autorun(() => {
+            const newProvider = new ethers.BrowserProvider(window.ethereum);
+            setProvider(newProvider);
+        });
+    }, []);
+    // Get latest USD -> ETH exchange rate
+    useEffect(() => {
+        const fetchPrice = () => {
+            setLoadingPrice(true);
+            fetch(process.env.NEXT_PUBLIC_ETH_EXCHANGE_RATE_API ?? '')
+                .then(res => res.json())
+                .then((exchangeRate) => {
+                const oneUsdInWei = (10 ** 18) / exchangeRate.data.amount;
+                const usdAmountInWei = oneUsdInWei * cmmc.promoAppliedCartTotal;
+                setAmount(usdAmountInWei);
+                setLoadingPrice(false);
+            });
+        };
+        // Call immediately on load
+        fetchPrice();
+        // Then set interval to call every 30 seconds
+        const interval = setInterval(fetchPrice, 30000);
+        return () => clearInterval(interval);
+    }, [cmmc.promoAppliedCartTotal]);
+    const sendPayment = async (ether) => {
+        contactForm.handleSubmit(async () => {
+            // Check that we are on ethereum network
+            try {
+                await window.ethereum.request({
+                    method: 'wallet_switchEthereumChain',
+                    params: [{ chainId: "0x1" }],
+                });
+                const newProvider = new ethers.BrowserProvider(window.ethereum);
+                setProvider(newProvider);
+            }
+            catch (err) {
+                toast('Please switch your wallet to the Ethereum network.');
+                return;
+            }
+            try {
+                if (!provider) {
+                    // :aa TODO string table
+                    throw new Error('No crypto wallet found. Please install it.');
+                }
+                await window.ethereum.send('eth_requestAccounts');
+                const signer = await provider.getSigner();
+                ethers.getAddress(process.env.NEXT_PUBLIC_ETH_PAYMENT_ADDRESS ?? '');
+                const price = ethers.parseEther(ether.toString());
+                const tx = await signer.sendTransaction({
+                    to: process.env.NEXT_PUBLIC_ETH_PAYMENT_ADDRESS,
+                    value: price
+                });
+                console.log({ ether, addr: process.env.NEXT_PUBLIC_ETH_PAYMENT_ADDRESS });
+                console.log('tx', tx);
+                setTransactionStatus('paid');
+                await storePaymentInfo({
+                    ether,
+                    transactionHash: tx.hash,
+                    to: process.env.NEXT_PUBLIC_ETH_PAYMENT_ADDRESS,
+                    paymentMethod: 'crypto'
+                });
+                provider.waitForTransaction(tx.hash)
+                    .then(async (receipt) => {
+                    console.log(receipt);
+                    await storePaymentInfo({
+                        ether,
+                        addr: process.env.NEXT_PUBLIC_ETH_PAYMENT_ADDRESS,
+                        receipt,
+                        paymentMethod: 'crypto'
+                    });
+                    sendGAEvent('purchase', {
+                        transaction_id: tx.hash,
+                        value: price,
+                        currency: 'ETH',
+                        items: cmmc.cartItems.map((item) => ({
+                            item_id: item.sku,
+                            item_name: item.title,
+                            item_category: item.familyId,
+                            price: item.price,
+                            quantity: item.quantity
+                        })),
+                    });
+                    sendFBEvent('Purchase', {
+                        content_ids: cmmc.cartItems.map((item) => item.sku),
+                        contents: cmmc.cartItems.map(item => ({
+                            id: item.sku,
+                            quantity: item.quantity
+                        })),
+                        num_items: cmmc.cartItems.length,
+                        value: price,
+                        currency: 'ETH',
+                    });
+                    setTransactionStatus('confirmed');
+                })
+                    .catch((error) => {
+                    console.error(error);
+                    setTransactionStatus('error');
+                });
+            }
+            catch (err) {
+                console.log(err);
+                // :aa TODO string table
+                toast('Not enough funds in your wallet');
+            }
+        })();
+    };
+    const nextStep = async () => {
+        await storePaymentInfo({
+            paymentMethod: 'crypto'
+        });
+        onDone();
+    };
+    return (_jsx("div", { className: 'flex flex-col gap-6 mt-6', children: _jsxs("div", { className: 'flex flex-col w-full', children: [_jsx(ContactForm, { form: contactForm }), _jsxs("div", { className: 'flex gap-2 grid grid-cols-3', children: [_jsxs(Select, { onValueChange: (token) => { }, defaultValue: 'eth', children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { defaultValue: 'eth' }) }), _jsx(SelectContent, { children: _jsx(SelectGroup, { children: _jsx(SelectItem, { value: 'eth', children: _jsxs("div", { className: 'flex items-center gap-2', children: [_jsx(Eth, { height: 14 }), "ETH"] }) }) }) })] }), _jsxs("div", { className: 'col-span-2', children: [_jsx(Input, { value: amount ? amount / (10 ** 18) : amount, contentEditable: false }), _jsxs("div", { className: 'relative flex items-center gap-2 -top-[32px] justify-end px-2 py-1 rounded-lg bg-muted-4 w-fit text-xs float-right mr-3', children: [_jsx(Eth, { height: 10 }), "ETH"] })] })] }), transactionStatus === 'error' ? (_jsx("h4", { className: 'text-destructive', children: "There was an error while confirming the transaction." })) : transactionStatus === 'paid' ? (_jsx("h4", { children: "Waiting for transaction to be confirmed on chain." })) : transactionStatus === 'confirmed' ? (_jsx("h4", { children: "Transaction confirmed!" })) : null, transactionStatus === 'unpaid' ? (_jsx(Button, { onClick: () => sendPayment(amount ? amount / (10 ** 18) : 0), className: 'mx-auto w-full', disabled: loadingPrice, children: "Pay" })) : (_jsx(Button, { onClick: nextStep, className: 'mx-auto w-full', children: "Continue" }))] }) }));
+});
+export default PayWithCrypto;
+//# sourceMappingURL=crypto.js.map

package/dist/components/checkout/payment-step-form/methods/crypto.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crypto.js","sourceRoot":"","sources":["../../../../../components/checkout/payment-step-form/methods/crypto.tsx"],"names":[],"mappings":"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"}

package/dist/components/checkout/payment-step-form/methods/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    value: string;
+    label: string;
+    Comp: import("react").FC<import("../../../../types").PaymentMethodComponentProps>;
+}[];
+export default _default;

package/dist/components/checkout/payment-step-form/methods/index.js

@@ -0,0 +1,21 @@
+import Card from './card';
+import Crypto from './crypto';
+import BankTransfer from './bank-transfer';
+export default [
+    {
+        value: 'card',
+        label: 'Card',
+        Comp: Card
+    },
+    {
+        value: 'crypto',
+        label: 'Wallet',
+        Comp: Crypto
+    },
+    {
+        value: 'bank',
+        label: 'Bank Wire',
+        Comp: BankTransfer
+    },
+];
+//# sourceMappingURL=index.js.map

package/dist/components/checkout/payment-step-form/methods/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../components/checkout/payment-step-form/methods/index.ts"],"names":[],"mappings":"AAEA,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,eAAe;IACb;QACE,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,IAAI;KACX;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,MAAM;KACb;IACD;QACE,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,YAAY;KACnB;CAC4B,CAAA"}

package/dist/components/checkout/shipping-step-form.d.ts

@@ -0,0 +1,3 @@
+import type { CheckoutStepComponentProps } from '../../types';
+declare const ShippingStepForm: React.FC<CheckoutStepComponentProps>;
+export default ShippingStepForm;

package/dist/components/checkout/shipping-step-form.js

@@ -0,0 +1,53 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as z from 'zod';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { Input, Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@libreapps/ui/primitives';
+import { Form, FormControl, FormField, FormItem, FormMessage, } from '@libreapps/ui/form';
+import { useCommerce } from '../../service/context';
+import countries from '../../util/countries';
+import { sendGAEvent } from '../../util/analytics';
+const shippingFormSchema = z.object({
+    addressLine1: z.string().min(2, 'Address must be at least 2 characters.'),
+    addressLine2: z.string().optional(),
+    zipCode: z.string().min(2, 'Zip code is invalid.'),
+    city: z.string().min(2, 'City is invalid.'),
+    state: z.string().optional(),
+    country: z.string().min(2, 'Country is invalid.'),
+});
+const ShippingStepForm = ({ orderId, onDone }) => {
+    const cmmc = useCommerce();
+    const shippingForm = useForm({
+        resolver: zodResolver(shippingFormSchema),
+        defaultValues: {
+            addressLine1: '',
+            addressLine2: '',
+            zipCode: '',
+            city: '',
+            state: '',
+            country: '',
+        },
+    });
+    const onSubmit = async (values) => {
+        if (orderId) {
+            await cmmc.updateOrderShippingInfo(orderId, values);
+        }
+        sendGAEvent('add_shipping_info', {
+            items: cmmc.cartItems.map((item) => ({
+                item_id: item.sku,
+                item_name: item.title,
+                item_category: item.familyId,
+                price: item.price,
+                quantity: item.quantity
+            })),
+            num_items: cmmc.cartItems.length,
+            value: cmmc.cartTotal,
+            currency: 'USD',
+        });
+        onDone();
+    };
+    return (_jsx(Form, { ...shippingForm, children: _jsxs("form", { onSubmit: shippingForm.handleSubmit(onSubmit), className: 'text-left', children: [_jsxs("div", { className: 'flex flex-col gap-4', children: [_jsx(FormField, { control: shippingForm.control, name: 'addressLine1', render: ({ field }) => (_jsxs(FormItem, { className: 'space-y-1 w-full', children: [_jsx(FormControl, { children: _jsx(Input, { ...field, placeholder: 'Address line 1' }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: shippingForm.control, name: 'addressLine2', render: ({ field }) => (_jsxs(FormItem, { className: 'space-y-1 w-full', children: [_jsx(FormControl, { children: _jsx(Input, { ...field, placeholder: 'Address line 2 (optional)' }) }), _jsx(FormMessage, {})] })) }), _jsxs("div", { className: 'flex gap-4 items-end', children: [_jsx(FormField, { control: shippingForm.control, name: 'zipCode', render: ({ field }) => (_jsxs(FormItem, { className: 'space-y-1 w-full', children: [_jsx(FormControl, { children: _jsx(Input, { ...field, placeholder: 'Zip code' }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: shippingForm.control, name: 'city', render: ({ field }) => (_jsxs(FormItem, { className: 'space-y-1 w-full', children: [_jsx(FormControl, { children: _jsx(Input, { ...field, placeholder: 'City' }) }), _jsx(FormMessage, {})] })) })] }), _jsxs("div", { className: 'flex gap-4 items-start', children: [_jsx(FormField, { control: shippingForm.control, name: 'state', render: ({ field }) => (_jsxs(FormItem, { className: 'space-y-1 w-full', children: [_jsx(FormControl, { children: _jsx(Input, { ...field, placeholder: 'State (optional)' }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: shippingForm.control, name: 'country', render: ({ field }) => (_jsx(FormItem, { className: 'space-y-1 w-full', children: _jsxs(Select, { onValueChange: field.onChange, defaultValue: field.value, children: [_jsx(FormControl, { children: _jsx(SelectTrigger, { className: 'bg-level-1 border-muted-4', children: _jsx(SelectValue, { placeholder: 'Country' }) }) }), _jsx(SelectContent, { children: countries.map((country) => (_jsx(SelectItem, { value: country.name, children: country.name }, country.id))) })] }) })) })] })] }), _jsx(Button, { type: 'submit', className: 'mx-auto w-full mt-4', children: "Confirm order" })] }) }));
+};
+export default ShippingStepForm;
+//# sourceMappingURL=shipping-step-form.js.map

package/dist/components/checkout/shipping-step-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shipping-step-form.js","sourceRoot":"","sources":["../../../components/checkout/shipping-step-form.tsx"],"names":[],"mappings":"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"}

package/dist/components/index.d.ts

@@ -0,0 +1,8 @@
+export { default as AddToCartWidget } from './add-to-cart-widget';
+export { default as CarouselBuyCard } from './buy/carousel-buy-card';
+export { default as CartPanel } from './cart/cart-panel';
+export { default as Icons } from './Icons';
+export { default as PaymentStepForm } from './checkout/payment-step-form';
+export { default as ProductCard } from './item/product-card';
+export { default as ShippingStepForm } from './checkout/shipping-step-form';
+export * from './item-selector';

package/dist/components/index.js

@@ -0,0 +1,9 @@
+export { default as AddToCartWidget } from './add-to-cart-widget';
+export { default as CarouselBuyCard } from './buy/carousel-buy-card';
+export { default as CartPanel } from './cart/cart-panel';
+export { default as Icons } from './Icons';
+export { default as PaymentStepForm } from './checkout/payment-step-form';
+export { default as ProductCard } from './item/product-card';
+export { default as ShippingStepForm } from './checkout/shipping-step-form';
+export * from './item-selector';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAEpE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAE3E,cAAc,iBAAiB,CAAA"}

package/dist/components/item/product-card.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { LineItem } from '../../types';
+interface ProductCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    item: LineItem;
+}
+declare const ProductCard: React.FC<ProductCardProps>;
+export default ProductCard;

package/dist/components/item/product-card.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Card, CardContent, CardFooter, CardHeader, CardTitle, MediaStack } from '@libreapps/ui/primitives';
+import { cn } from '@libreapps/ui/util';
+import { formatCurrencyValue } from '../../util';
+import AddToCartWidget from '../add-to-cart-widget';
+const ProductCard = ({ item, className, ...props }) => (_jsxs(Card, { className: cn('max-h-[360px] lg:min-w-[200px] max-w-[260px] overflow-hidden', className), ...props, children: [_jsx(CardHeader, { className: 'w-full border-b p-6 min-h-[180px] max-h-[240px] relative', children: _jsx(MediaStack, { media: item, constrainTo: { w: 700, h: 700 }, clx: 'p-6' }) }), _jsx(CardContent, { className: 'grid gap-2.5 p-4', children: _jsxs(CardTitle, { className: 'text-sm sm:text-base flex flex-col justify-start items-center line-clap-3', children: [item.title.split(', ').map((e, i) => (_jsx("p", { children: e }, i))), _jsx("p", { className: 'mt-1 font-semibold', children: formatCurrencyValue(item.price) })] }) }), _jsx(CardFooter, { className: 'p-4 flex flex-row justify-center', children: _jsx(AddToCartWidget, { item: item }) })] }));
+export default ProductCard;
+//# sourceMappingURL=product-card.js.map

package/dist/components/item/product-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card.js","sourceRoot":"","sources":["../../../components/item/product-card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACX,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAGhD,OAAO,eAAe,MAAM,uBAAuB,CAAA;AAMnD,MAAM,WAAW,GAA+B,CAAC,EAC/C,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,8DAA8D,EAAE,SAAS,CAAC,KACpF,KAAK,aAET,KAAC,UAAU,IAAC,SAAS,EAAC,0DAA0D,YAC9E,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,EAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAC,GAAG,EAAC,EAAE,GAAG,EAAC,KAAK,GAAG,GACxD,EACb,KAAC,WAAW,IAAC,SAAS,EAAC,kBAAkB,YACvC,MAAC,SAAS,IAAC,SAAS,EAAC,2EAA2E,aAC7F,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,sBAAY,CAAC,IAAL,CAAC,CAAS,CAAC,CAAC,EAC3D,YAAG,SAAS,EAAC,oBAAoB,YAAE,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,GAAK,IAC7D,GACA,EACd,KAAC,UAAU,IAAC,SAAS,EAAC,kCAAkC,YACtD,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,GAAI,GACpB,IACR,CACR,CAAA;AAGD,eAAe,WAAW,CAAA"}