@hanzo/commerce 7.5.1 → 7.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/client.ts +455 -57
- package/components/checkout/payment-step-form/index.tsx +3 -16
- package/index.ts +25 -2
- package/package.json +9 -12
- package/.turbo/turbo-build.log +0 -5
- package/LICENSE.md +0 -21
- package/dist/billing.d.ts +0 -2
- package/dist/billing.js +0 -3
- package/dist/billing.js.map +0 -1
- package/dist/client.d.ts +0 -151
- package/dist/client.js +0 -188
- package/dist/client.js.map +0 -1
- package/dist/components/Icons.d.ts +0 -18
- package/dist/components/Icons.js +0 -19
- package/dist/components/Icons.js.map +0 -1
- package/dist/components/Icons.jsx +0 -19
- package/dist/components/Icons.jsx.map +0 -1
- package/dist/components/add-to-cart-widget.d.ts +0 -11
- package/dist/components/add-to-cart-widget.js +0 -85
- package/dist/components/add-to-cart-widget.js.map +0 -1
- package/dist/components/add-to-cart-widget.jsx +0 -99
- package/dist/components/add-to-cart-widget.jsx.map +0 -1
- package/dist/components/buy/buy-card.d.ts +0 -30
- package/dist/components/buy/buy-card.js +0 -109
- package/dist/components/buy/buy-card.js.map +0 -1
- package/dist/components/buy/buy-card.jsx +0 -123
- package/dist/components/buy/buy-card.jsx.map +0 -1
- package/dist/components/buy/carousel-buy-card.d.ts +0 -12
- package/dist/components/buy/carousel-buy-card.js +0 -94
- package/dist/components/buy/carousel-buy-card.js.map +0 -1
- package/dist/components/buy/carousel-buy-card.jsx +0 -99
- package/dist/components/buy/carousel-buy-card.jsx.map +0 -1
- package/dist/components/buy/multi-family/all-variants-carousel.d.ts +0 -4
- package/dist/components/buy/multi-family/all-variants-carousel.js +0 -115
- package/dist/components/buy/multi-family/all-variants-carousel.js.map +0 -1
- package/dist/components/buy/multi-family/all-variants-carousel.jsx +0 -147
- package/dist/components/buy/multi-family/all-variants-carousel.jsx.map +0 -1
- package/dist/components/buy/multi-family/family-carousel/index.d.ts +0 -4
- package/dist/components/buy/multi-family/family-carousel/index.js +0 -27
- package/dist/components/buy/multi-family/family-carousel/index.js.map +0 -1
- package/dist/components/buy/multi-family/family-carousel/index.jsx +0 -34
- package/dist/components/buy/multi-family/family-carousel/index.jsx.map +0 -1
- package/dist/components/buy/multi-family/family-carousel/slide.d.ts +0 -11
- package/dist/components/buy/multi-family/family-carousel/slide.js +0 -35
- package/dist/components/buy/multi-family/family-carousel/slide.js.map +0 -1
- package/dist/components/buy/multi-family/family-carousel/slide.jsx +0 -41
- package/dist/components/buy/multi-family/family-carousel/slide.jsx.map +0 -1
- package/dist/components/buy/multi-family/family-carousel/state.d.ts +0 -20
- package/dist/components/buy/multi-family/family-carousel/state.js +0 -59
- package/dist/components/buy/multi-family/family-carousel/state.js.map +0 -1
- package/dist/components/buy/multi-family/index.d.ts +0 -2
- package/dist/components/buy/multi-family/index.js +0 -3
- package/dist/components/buy/multi-family/index.js.map +0 -1
- package/dist/components/buy/single-family-selector.d.ts +0 -15
- package/dist/components/buy/single-family-selector.js +0 -28
- package/dist/components/buy/single-family-selector.js.map +0 -1
- package/dist/components/buy/single-family-selector.jsx +0 -31
- package/dist/components/buy/single-family-selector.jsx.map +0 -1
- package/dist/components/buy/title-and-byline.d.ts +0 -8
- package/dist/components/buy/title-and-byline.js +0 -7
- package/dist/components/buy/title-and-byline.js.map +0 -1
- package/dist/components/buy/title-and-byline.jsx +0 -9
- package/dist/components/buy/title-and-byline.jsx.map +0 -1
- package/dist/components/cart/cart-panel/cart-line-item.d.ts +0 -11
- package/dist/components/cart/cart-panel/cart-line-item.js +0 -25
- package/dist/components/cart/cart-panel/cart-line-item.js.map +0 -1
- package/dist/components/cart/cart-panel/cart-line-item.jsx +0 -39
- package/dist/components/cart/cart-panel/cart-line-item.jsx.map +0 -1
- package/dist/components/cart/cart-panel/index.d.ts +0 -19
- package/dist/components/cart/cart-panel/index.js +0 -65
- package/dist/components/cart/cart-panel/index.js.map +0 -1
- package/dist/components/cart/cart-panel/index.jsx +0 -79
- package/dist/components/cart/cart-panel/index.jsx.map +0 -1
- package/dist/components/cart/cart-panel/promo-code.d.ts +0 -4
- package/dist/components/cart/cart-panel/promo-code.js +0 -62
- package/dist/components/cart/cart-panel/promo-code.js.map +0 -1
- package/dist/components/cart/cart-panel/promo-code.jsx +0 -74
- package/dist/components/cart/cart-panel/promo-code.jsx.map +0 -1
- package/dist/components/cart/cart-panel/total-area.d.ts +0 -7
- package/dist/components/cart/cart-panel/total-area.js +0 -14
- package/dist/components/cart/cart-panel/total-area.js.map +0 -1
- package/dist/components/cart/cart-panel/total-area.jsx +0 -37
- package/dist/components/cart/cart-panel/total-area.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/card-icon-row.d.ts +0 -2
- package/dist/components/checkout/payment-step-form/card-icon-row.js +0 -14
- package/dist/components/checkout/payment-step-form/card-icon-row.js.map +0 -1
- package/dist/components/checkout/payment-step-form/card-icon-row.jsx +0 -22
- package/dist/components/checkout/payment-step-form/card-icon-row.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/card-icons/amex.d.ts +0 -4
- package/dist/components/checkout/payment-step-form/card-icons/amex.js +0 -6
- package/dist/components/checkout/payment-step-form/card-icons/amex.js.map +0 -1
- package/dist/components/checkout/payment-step-form/card-icons/amex.jsx +0 -12
- package/dist/components/checkout/payment-step-form/card-icons/amex.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/card-icons/diners-club.d.ts +0 -4
- package/dist/components/checkout/payment-step-form/card-icons/diners-club.js +0 -6
- package/dist/components/checkout/payment-step-form/card-icons/diners-club.js.map +0 -1
- package/dist/components/checkout/payment-step-form/card-icons/diners-club.jsx +0 -10
- package/dist/components/checkout/payment-step-form/card-icons/diners-club.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/card-icons/discover.d.ts +0 -4
- package/dist/components/checkout/payment-step-form/card-icons/discover.js +0 -6
- package/dist/components/checkout/payment-step-form/card-icons/discover.js.map +0 -1
- package/dist/components/checkout/payment-step-form/card-icons/discover.jsx +0 -12
- package/dist/components/checkout/payment-step-form/card-icons/discover.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/card-icons/jcb.d.ts +0 -4
- package/dist/components/checkout/payment-step-form/card-icons/jcb.js +0 -6
- package/dist/components/checkout/payment-step-form/card-icons/jcb.js.map +0 -1
- package/dist/components/checkout/payment-step-form/card-icons/jcb.jsx +0 -23
- package/dist/components/checkout/payment-step-form/card-icons/jcb.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/card-icons/mastercard.d.ts +0 -4
- package/dist/components/checkout/payment-step-form/card-icons/mastercard.js +0 -6
- package/dist/components/checkout/payment-step-form/card-icons/mastercard.js.map +0 -1
- package/dist/components/checkout/payment-step-form/card-icons/mastercard.jsx +0 -12
- package/dist/components/checkout/payment-step-form/card-icons/mastercard.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/card-icons/visa.d.ts +0 -4
- package/dist/components/checkout/payment-step-form/card-icons/visa.js +0 -6
- package/dist/components/checkout/payment-step-form/card-icons/visa.js.map +0 -1
- package/dist/components/checkout/payment-step-form/card-icons/visa.jsx +0 -10
- package/dist/components/checkout/payment-step-form/card-icons/visa.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/cc-button.d.ts +0 -3
- package/dist/components/checkout/payment-step-form/cc-button.js +0 -6
- package/dist/components/checkout/payment-step-form/cc-button.js.map +0 -1
- package/dist/components/checkout/payment-step-form/cc-button.jsx +0 -9
- package/dist/components/checkout/payment-step-form/cc-button.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/contact-form.d.ts +0 -5
- package/dist/components/checkout/payment-step-form/contact-form.js +0 -6
- package/dist/components/checkout/payment-step-form/contact-form.js.map +0 -1
- package/dist/components/checkout/payment-step-form/contact-form.jsx +0 -21
- package/dist/components/checkout/payment-step-form/contact-form.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/crypto-icons/btc.d.ts +0 -4
- package/dist/components/checkout/payment-step-form/crypto-icons/btc.js +0 -6
- package/dist/components/checkout/payment-step-form/crypto-icons/btc.js.map +0 -1
- package/dist/components/checkout/payment-step-form/crypto-icons/btc.jsx +0 -8
- package/dist/components/checkout/payment-step-form/crypto-icons/btc.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/crypto-icons/eth.d.ts +0 -4
- package/dist/components/checkout/payment-step-form/crypto-icons/eth.js +0 -6
- package/dist/components/checkout/payment-step-form/crypto-icons/eth.js.map +0 -1
- package/dist/components/checkout/payment-step-form/crypto-icons/eth.jsx +0 -17
- package/dist/components/checkout/payment-step-form/crypto-icons/eth.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/crypto-icons/usdt.d.ts +0 -4
- package/dist/components/checkout/payment-step-form/crypto-icons/usdt.js +0 -6
- package/dist/components/checkout/payment-step-form/crypto-icons/usdt.js.map +0 -1
- package/dist/components/checkout/payment-step-form/crypto-icons/usdt.jsx +0 -10
- package/dist/components/checkout/payment-step-form/crypto-icons/usdt.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/index.d.ts +0 -4
- package/dist/components/checkout/payment-step-form/index.js +0 -77
- package/dist/components/checkout/payment-step-form/index.js.map +0 -1
- package/dist/components/checkout/payment-step-form/index.jsx +0 -86
- package/dist/components/checkout/payment-step-form/index.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/methods/bank-transfer.d.ts +0 -4
- package/dist/components/checkout/payment-step-form/methods/bank-transfer.js +0 -24
- package/dist/components/checkout/payment-step-form/methods/bank-transfer.js.map +0 -1
- package/dist/components/checkout/payment-step-form/methods/bank-transfer.jsx +0 -44
- package/dist/components/checkout/payment-step-form/methods/bank-transfer.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/methods/card.d.ts +0 -4
- package/dist/components/checkout/payment-step-form/methods/card.js +0 -160
- package/dist/components/checkout/payment-step-form/methods/card.js.map +0 -1
- package/dist/components/checkout/payment-step-form/methods/card.jsx +0 -182
- package/dist/components/checkout/payment-step-form/methods/card.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/methods/crypto.d.ts +0 -9
- package/dist/components/checkout/payment-step-form/methods/crypto.js +0 -137
- package/dist/components/checkout/payment-step-form/methods/crypto.js.map +0 -1
- package/dist/components/checkout/payment-step-form/methods/crypto.jsx +0 -167
- package/dist/components/checkout/payment-step-form/methods/crypto.jsx.map +0 -1
- package/dist/components/checkout/payment-step-form/methods/index.d.ts +0 -6
- package/dist/components/checkout/payment-step-form/methods/index.js +0 -21
- package/dist/components/checkout/payment-step-form/methods/index.js.map +0 -1
- package/dist/components/checkout/shipping-step-form.d.ts +0 -3
- package/dist/components/checkout/shipping-step-form.js +0 -53
- package/dist/components/checkout/shipping-step-form.js.map +0 -1
- package/dist/components/checkout/shipping-step-form.jsx +0 -106
- package/dist/components/checkout/shipping-step-form.jsx.map +0 -1
- package/dist/components/index.d.ts +0 -8
- package/dist/components/index.js +0 -9
- package/dist/components/index.js.map +0 -1
- package/dist/components/item/product-card.d.ts +0 -7
- package/dist/components/item/product-card.js +0 -9
- package/dist/components/item/product-card.js.map +0 -1
- package/dist/components/item/product-card.jsx +0 -21
- package/dist/components/item/product-card.jsx.map +0 -1
- package/dist/components/item-selector/button.d.ts +0 -4
- package/dist/components/item-selector/button.js +0 -47
- package/dist/components/item-selector/button.js.map +0 -1
- package/dist/components/item-selector/button.jsx +0 -65
- package/dist/components/item-selector/button.jsx.map +0 -1
- package/dist/components/item-selector/carousel/index.d.ts +0 -12
- package/dist/components/item-selector/carousel/index.js +0 -74
- package/dist/components/item-selector/carousel/index.js.map +0 -1
- package/dist/components/item-selector/carousel/index.jsx +0 -101
- package/dist/components/item-selector/carousel/index.jsx.map +0 -1
- package/dist/components/item-selector/carousel/slider.d.ts +0 -8
- package/dist/components/item-selector/carousel/slider.js +0 -12
- package/dist/components/item-selector/carousel/slider.js.map +0 -1
- package/dist/components/item-selector/carousel/slider.jsx +0 -11
- package/dist/components/item-selector/carousel/slider.jsx.map +0 -1
- package/dist/components/item-selector/index.d.ts +0 -2
- package/dist/components/item-selector/index.js +0 -3
- package/dist/components/item-selector/index.js.map +0 -1
- package/dist/components/item-selector/quantity-indicator.d.ts +0 -9
- package/dist/components/item-selector/quantity-indicator.js +0 -16
- package/dist/components/item-selector/quantity-indicator.js.map +0 -1
- package/dist/components/item-selector/quantity-indicator.jsx +0 -23
- package/dist/components/item-selector/quantity-indicator.jsx.map +0 -1
- package/dist/components/node-tabs/index.d.ts +0 -14
- package/dist/components/node-tabs/index.js +0 -42
- package/dist/components/node-tabs/index.js.map +0 -1
- package/dist/components/node-tabs/index.jsx +0 -48
- package/dist/components/node-tabs/index.jsx.map +0 -1
- package/dist/components/node-tabs/node-image.d.ts +0 -6
- package/dist/components/node-tabs/node-image.js +0 -13
- package/dist/components/node-tabs/node-image.js.map +0 -1
- package/dist/components/node-tabs/node-image.jsx +0 -12
- package/dist/components/node-tabs/node-image.jsx.map +0 -1
- package/dist/index.d.ts +0 -7
- package/dist/index.js +0 -7
- package/dist/index.js.map +0 -1
- package/dist/service/context.d.ts +0 -8
- package/dist/service/context.js +0 -19
- package/dist/service/context.js.map +0 -1
- package/dist/service/context.jsx +0 -20
- package/dist/service/context.jsx.map +0 -1
- package/dist/service/debug.d.ts +0 -10
- package/dist/service/debug.js +0 -30
- package/dist/service/debug.js.map +0 -1
- package/dist/service/impls/standalone/actual-line-item.d.ts +0 -40
- package/dist/service/impls/standalone/actual-line-item.js +0 -84
- package/dist/service/impls/standalone/actual-line-item.js.map +0 -1
- package/dist/service/impls/standalone/get-instance.d.ts +0 -2
- package/dist/service/impls/standalone/get-instance.js +0 -39
- package/dist/service/impls/standalone/get-instance.js.map +0 -1
- package/dist/service/impls/standalone/index.d.ts +0 -67
- package/dist/service/impls/standalone/index.js +0 -416
- package/dist/service/impls/standalone/index.js.map +0 -1
- package/dist/service/impls/standalone/order/firebase.d.ts +0 -6
- package/dist/service/impls/standalone/order/firebase.js +0 -6
- package/dist/service/impls/standalone/order/firebase.js.map +0 -1
- package/dist/service/impls/standalone/order/index.d.ts +0 -30
- package/dist/service/impls/standalone/order/index.js +0 -21
- package/dist/service/impls/standalone/order/index.js.map +0 -1
- package/dist/service/impls/standalone/persistence.d.ts +0 -4
- package/dist/service/impls/standalone/persistence.js +0 -22
- package/dist/service/impls/standalone/persistence.js.map +0 -1
- package/dist/service/path-utils.d.ts +0 -7
- package/dist/service/path-utils.js +0 -16
- package/dist/service/path-utils.js.map +0 -1
- package/dist/service/sep.d.ts +0 -6
- package/dist/service/sep.js +0 -6
- package/dist/service/sep.js.map +0 -1
- package/dist/types/category-node.d.ts +0 -36
- package/dist/types/category-node.js +0 -2
- package/dist/types/category-node.js.map +0 -1
- package/dist/types/checkout.d.ts +0 -33
- package/dist/types/checkout.js +0 -2
- package/dist/types/checkout.js.map +0 -1
- package/dist/types/commerce-config.d.ts +0 -11
- package/dist/types/commerce-config.js +0 -2
- package/dist/types/commerce-config.js.map +0 -1
- package/dist/types/commerce-service.d.ts +0 -109
- package/dist/types/commerce-service.js +0 -2
- package/dist/types/commerce-service.js.map +0 -1
- package/dist/types/family.d.ts +0 -16
- package/dist/types/family.js +0 -2
- package/dist/types/family.js.map +0 -1
- package/dist/types/index.d.ts +0 -13
- package/dist/types/index.js +0 -8
- package/dist/types/index.js.map +0 -1
- package/dist/types/item-selector.d.ts +0 -72
- package/dist/types/item-selector.js +0 -2
- package/dist/types/item-selector.js.map +0 -1
- package/dist/types/line-item.d.ts +0 -14
- package/dist/types/line-item.js +0 -2
- package/dist/types/line-item.js.map +0 -1
- package/dist/types/multi-family-selector-props.d.ts +0 -16
- package/dist/types/multi-family-selector-props.js +0 -2
- package/dist/types/multi-family-selector-props.js.map +0 -1
- package/dist/types/product.d.ts +0 -15
- package/dist/types/product.js +0 -2
- package/dist/types/product.js.map +0 -1
- package/dist/types/promo.d.ts +0 -7
- package/dist/types/promo.js +0 -2
- package/dist/types/promo.js.map +0 -1
- package/dist/types/selection-ui-specifier.d.ts +0 -40
- package/dist/types/selection-ui-specifier.js +0 -2
- package/dist/types/selection-ui-specifier.js.map +0 -1
- package/dist/types/string-mutator.d.ts +0 -9
- package/dist/types/string-mutator.js +0 -2
- package/dist/types/string-mutator.js.map +0 -1
- package/dist/types/token-separators.d.ts +0 -6
- package/dist/types/token-separators.js +0 -2
- package/dist/types/token-separators.js.map +0 -1
- package/dist/util/analytics.d.ts +0 -9
- package/dist/util/analytics.js +0 -10
- package/dist/util/analytics.js.map +0 -1
- package/dist/util/countries.d.ts +0 -7
- package/dist/util/countries.js +0 -197
- package/dist/util/countries.js.map +0 -1
- package/dist/util/error.d.ts +0 -1
- package/dist/util/error.js +0 -22
- package/dist/util/error.js.map +0 -1
- package/dist/util/index.d.ts +0 -15
- package/dist/util/index.js +0 -54
- package/dist/util/index.js.map +0 -1
- package/dist/util/item-selector-options-accessor.d.ts +0 -3
- package/dist/util/item-selector-options-accessor.js +0 -27
- package/dist/util/item-selector-options-accessor.js.map +0 -1
- package/dist/util/line-item-ref.d.ts +0 -8
- package/dist/util/line-item-ref.js +0 -15
- package/dist/util/line-item-ref.js.map +0 -1
- package/dist/util/multi-family-selector-options-accessor.d.ts +0 -3
- package/dist/util/multi-family-selector-options-accessor.js +0 -11
- package/dist/util/multi-family-selector-options-accessor.js.map +0 -1
- package/dist/util/obs-string-mutator.d.ts +0 -8
- package/dist/util/obs-string-mutator.js +0 -15
- package/dist/util/obs-string-mutator.js.map +0 -1
- package/dist/util/product-media-accessor.d.ts +0 -29
- package/dist/util/product-media-accessor.js +0 -22
- package/dist/util/product-media-accessor.js.map +0 -1
- package/dist/util/promo-codes.d.ts +0 -3
- package/dist/util/promo-codes.js +0 -100
- package/dist/util/promo-codes.js.map +0 -1
- package/dist/util/selection-ui-specifiers.d.ts +0 -3
- package/dist/util/selection-ui-specifiers.js +0 -24
- package/dist/util/selection-ui-specifiers.js.map +0 -1
- package/dist/util/square-payment.d.ts +0 -7
- package/dist/util/square-payment.js +0 -37
- package/dist/util/square-payment.js.map +0 -1
- package/dist/util/use-sync-sku-param-w-current-item.d.ts +0 -2
- package/dist/util/use-sync-sku-param-w-current-item.js +0 -61
- package/dist/util/use-sync-sku-param-w-current-item.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card.jsx","sourceRoot":"","sources":["../../../../../components/checkout/payment-step-form/methods/card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { PaymentMethodComponentProps } from '../../../../types';
|
|
3
|
-
declare global {
|
|
4
|
-
interface Window {
|
|
5
|
-
ethereum?: any;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
declare const PayWithCrypto: React.FC<PaymentMethodComponentProps>;
|
|
9
|
-
export default PayWithCrypto;
|
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React, { useEffect, useState } from 'react';
|
|
4
|
-
import { autorun } from 'mobx';
|
|
5
|
-
import { observer } from 'mobx-react-lite';
|
|
6
|
-
import { ethers } from 'ethers';
|
|
7
|
-
import { Button, Input, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, toast } from '@hanzo/ui/primitives';
|
|
8
|
-
import Eth from '../crypto-icons/eth';
|
|
9
|
-
import { useCommerce } from '../../../../service/context';
|
|
10
|
-
import { sendFBEvent, sendGAEvent } from '../../../../util/analytics';
|
|
11
|
-
import ContactForm from '../contact-form';
|
|
12
|
-
const PayWithCrypto = observer(({ onDone, transactionStatus, setTransactionStatus, storePaymentInfo, contactForm }) => {
|
|
13
|
-
const cmmc = useCommerce();
|
|
14
|
-
const [loadingPrice, setLoadingPrice] = useState(false);
|
|
15
|
-
//const [selectedToken, setSelectedToken] = useState('eth')
|
|
16
|
-
const [amount, setAmount] = useState();
|
|
17
|
-
const [provider, setProvider] = useState();
|
|
18
|
-
//const selectedToken = 'eth'
|
|
19
|
-
useEffect(() => {
|
|
20
|
-
setTransactionStatus('unpaid');
|
|
21
|
-
// responding to changes in user.walletAddress
|
|
22
|
-
return autorun(() => {
|
|
23
|
-
const newProvider = new ethers.BrowserProvider(window.ethereum);
|
|
24
|
-
setProvider(newProvider);
|
|
25
|
-
});
|
|
26
|
-
}, []);
|
|
27
|
-
// Get latest USD -> ETH exchange rate
|
|
28
|
-
useEffect(() => {
|
|
29
|
-
const fetchPrice = () => {
|
|
30
|
-
setLoadingPrice(true);
|
|
31
|
-
fetch(process.env.NEXT_PUBLIC_ETH_EXCHANGE_RATE_API ?? '')
|
|
32
|
-
.then(res => res.json())
|
|
33
|
-
.then((exchangeRate) => {
|
|
34
|
-
const oneUsdInWei = (10 ** 18) / exchangeRate.data.amount;
|
|
35
|
-
const usdAmountInWei = oneUsdInWei * cmmc.promoAppliedCartTotal;
|
|
36
|
-
setAmount(usdAmountInWei);
|
|
37
|
-
setLoadingPrice(false);
|
|
38
|
-
});
|
|
39
|
-
};
|
|
40
|
-
// Call immediately on load
|
|
41
|
-
fetchPrice();
|
|
42
|
-
// Then set interval to call every 30 seconds
|
|
43
|
-
const interval = setInterval(fetchPrice, 30000);
|
|
44
|
-
return () => clearInterval(interval);
|
|
45
|
-
}, [cmmc.promoAppliedCartTotal]);
|
|
46
|
-
const sendPayment = async (ether) => {
|
|
47
|
-
contactForm.handleSubmit(async () => {
|
|
48
|
-
// Check that we are on ethereum network
|
|
49
|
-
try {
|
|
50
|
-
await window.ethereum.request({
|
|
51
|
-
method: 'wallet_switchEthereumChain',
|
|
52
|
-
params: [{ chainId: "0x1" }],
|
|
53
|
-
});
|
|
54
|
-
const newProvider = new ethers.BrowserProvider(window.ethereum);
|
|
55
|
-
setProvider(newProvider);
|
|
56
|
-
}
|
|
57
|
-
catch (err) {
|
|
58
|
-
toast('Please switch your wallet to the Ethereum network.');
|
|
59
|
-
return;
|
|
60
|
-
}
|
|
61
|
-
try {
|
|
62
|
-
if (!provider) {
|
|
63
|
-
// :aa TODO string table
|
|
64
|
-
throw new Error('No crypto wallet found. Please install it.');
|
|
65
|
-
}
|
|
66
|
-
await window.ethereum.send('eth_requestAccounts');
|
|
67
|
-
const signer = await provider.getSigner();
|
|
68
|
-
ethers.getAddress(process.env.NEXT_PUBLIC_ETH_PAYMENT_ADDRESS ?? '');
|
|
69
|
-
const price = ethers.parseEther(ether.toString());
|
|
70
|
-
const tx = await signer.sendTransaction({
|
|
71
|
-
to: process.env.NEXT_PUBLIC_ETH_PAYMENT_ADDRESS,
|
|
72
|
-
value: price
|
|
73
|
-
});
|
|
74
|
-
console.log({ ether, addr: process.env.NEXT_PUBLIC_ETH_PAYMENT_ADDRESS });
|
|
75
|
-
console.log('tx', tx);
|
|
76
|
-
setTransactionStatus('paid');
|
|
77
|
-
await storePaymentInfo({
|
|
78
|
-
ether,
|
|
79
|
-
transactionHash: tx.hash,
|
|
80
|
-
to: process.env.NEXT_PUBLIC_ETH_PAYMENT_ADDRESS,
|
|
81
|
-
paymentMethod: 'crypto'
|
|
82
|
-
});
|
|
83
|
-
provider.waitForTransaction(tx.hash)
|
|
84
|
-
.then(async (receipt) => {
|
|
85
|
-
console.log(receipt);
|
|
86
|
-
await storePaymentInfo({
|
|
87
|
-
ether,
|
|
88
|
-
addr: process.env.NEXT_PUBLIC_ETH_PAYMENT_ADDRESS,
|
|
89
|
-
receipt,
|
|
90
|
-
paymentMethod: 'crypto'
|
|
91
|
-
});
|
|
92
|
-
sendGAEvent('purchase', {
|
|
93
|
-
transaction_id: tx.hash,
|
|
94
|
-
value: price,
|
|
95
|
-
currency: 'ETH',
|
|
96
|
-
items: cmmc.cartItems.map((item) => ({
|
|
97
|
-
item_id: item.sku,
|
|
98
|
-
item_name: item.title,
|
|
99
|
-
item_category: item.familyId,
|
|
100
|
-
price: item.price,
|
|
101
|
-
quantity: item.quantity
|
|
102
|
-
})),
|
|
103
|
-
});
|
|
104
|
-
sendFBEvent('Purchase', {
|
|
105
|
-
content_ids: cmmc.cartItems.map((item) => item.sku),
|
|
106
|
-
contents: cmmc.cartItems.map(item => ({
|
|
107
|
-
id: item.sku,
|
|
108
|
-
quantity: item.quantity
|
|
109
|
-
})),
|
|
110
|
-
num_items: cmmc.cartItems.length,
|
|
111
|
-
value: price,
|
|
112
|
-
currency: 'ETH',
|
|
113
|
-
});
|
|
114
|
-
setTransactionStatus('confirmed');
|
|
115
|
-
})
|
|
116
|
-
.catch((error) => {
|
|
117
|
-
console.error(error);
|
|
118
|
-
setTransactionStatus('error');
|
|
119
|
-
});
|
|
120
|
-
}
|
|
121
|
-
catch (err) {
|
|
122
|
-
console.log(err);
|
|
123
|
-
// :aa TODO string table
|
|
124
|
-
toast('Not enough funds in your wallet');
|
|
125
|
-
}
|
|
126
|
-
})();
|
|
127
|
-
};
|
|
128
|
-
const nextStep = async () => {
|
|
129
|
-
await storePaymentInfo({
|
|
130
|
-
paymentMethod: 'crypto'
|
|
131
|
-
});
|
|
132
|
-
onDone();
|
|
133
|
-
};
|
|
134
|
-
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" }))] }) }));
|
|
135
|
-
});
|
|
136
|
-
export default PayWithCrypto;
|
|
137
|
-
//# sourceMappingURL=crypto.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"crypto.js","sourceRoot":"","sources":["../../../../../components/checkout/payment-step-form/methods/crypto.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,167 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import React, { useEffect, useState } from 'react';
|
|
3
|
-
import { autorun } from 'mobx';
|
|
4
|
-
import { observer } from 'mobx-react-lite';
|
|
5
|
-
import { ethers } from 'ethers';
|
|
6
|
-
import { Button, Input, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, toast } from '@hanzo/ui/primitives';
|
|
7
|
-
import Eth from '../crypto-icons/eth';
|
|
8
|
-
import { useCommerce } from '../../../../service/context';
|
|
9
|
-
import { sendFBEvent, sendGAEvent } from '../../../../util/analytics';
|
|
10
|
-
import ContactForm from '../contact-form';
|
|
11
|
-
const PayWithCrypto = observer(({ onDone, transactionStatus, setTransactionStatus, storePaymentInfo, contactForm }) => {
|
|
12
|
-
const cmmc = useCommerce();
|
|
13
|
-
const [loadingPrice, setLoadingPrice] = useState(false);
|
|
14
|
-
//const [selectedToken, setSelectedToken] = useState('eth')
|
|
15
|
-
const [amount, setAmount] = useState();
|
|
16
|
-
const [provider, setProvider] = useState();
|
|
17
|
-
//const selectedToken = 'eth'
|
|
18
|
-
useEffect(() => {
|
|
19
|
-
setTransactionStatus('unpaid');
|
|
20
|
-
// responding to changes in user.walletAddress
|
|
21
|
-
return autorun(() => {
|
|
22
|
-
const newProvider = new ethers.BrowserProvider(window.ethereum);
|
|
23
|
-
setProvider(newProvider);
|
|
24
|
-
});
|
|
25
|
-
}, []);
|
|
26
|
-
// Get latest USD -> ETH exchange rate
|
|
27
|
-
useEffect(() => {
|
|
28
|
-
const fetchPrice = () => {
|
|
29
|
-
setLoadingPrice(true);
|
|
30
|
-
fetch(process.env.NEXT_PUBLIC_ETH_EXCHANGE_RATE_API ?? '')
|
|
31
|
-
.then(res => res.json())
|
|
32
|
-
.then((exchangeRate) => {
|
|
33
|
-
const oneUsdInWei = (10 ** 18) / exchangeRate.data.amount;
|
|
34
|
-
const usdAmountInWei = oneUsdInWei * cmmc.promoAppliedCartTotal;
|
|
35
|
-
setAmount(usdAmountInWei);
|
|
36
|
-
setLoadingPrice(false);
|
|
37
|
-
});
|
|
38
|
-
};
|
|
39
|
-
// Call immediately on load
|
|
40
|
-
fetchPrice();
|
|
41
|
-
// Then set interval to call every 30 seconds
|
|
42
|
-
const interval = setInterval(fetchPrice, 30000);
|
|
43
|
-
return () => clearInterval(interval);
|
|
44
|
-
}, [cmmc.promoAppliedCartTotal]);
|
|
45
|
-
const sendPayment = async (ether) => {
|
|
46
|
-
contactForm.handleSubmit(async () => {
|
|
47
|
-
// Check that we are on ethereum network
|
|
48
|
-
try {
|
|
49
|
-
await window.ethereum.request({
|
|
50
|
-
method: 'wallet_switchEthereumChain',
|
|
51
|
-
params: [{ chainId: "0x1" }],
|
|
52
|
-
});
|
|
53
|
-
const newProvider = new ethers.BrowserProvider(window.ethereum);
|
|
54
|
-
setProvider(newProvider);
|
|
55
|
-
}
|
|
56
|
-
catch (err) {
|
|
57
|
-
toast('Please switch your wallet to the Ethereum network.');
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
try {
|
|
61
|
-
if (!provider) {
|
|
62
|
-
// :aa TODO string table
|
|
63
|
-
throw new Error('No crypto wallet found. Please install it.');
|
|
64
|
-
}
|
|
65
|
-
await window.ethereum.send('eth_requestAccounts');
|
|
66
|
-
const signer = await provider.getSigner();
|
|
67
|
-
ethers.getAddress(process.env.NEXT_PUBLIC_ETH_PAYMENT_ADDRESS ?? '');
|
|
68
|
-
const price = ethers.parseEther(ether.toString());
|
|
69
|
-
const tx = await signer.sendTransaction({
|
|
70
|
-
to: process.env.NEXT_PUBLIC_ETH_PAYMENT_ADDRESS,
|
|
71
|
-
value: price
|
|
72
|
-
});
|
|
73
|
-
console.log({ ether, addr: process.env.NEXT_PUBLIC_ETH_PAYMENT_ADDRESS });
|
|
74
|
-
console.log('tx', tx);
|
|
75
|
-
setTransactionStatus('paid');
|
|
76
|
-
await storePaymentInfo({
|
|
77
|
-
ether,
|
|
78
|
-
transactionHash: tx.hash,
|
|
79
|
-
to: process.env.NEXT_PUBLIC_ETH_PAYMENT_ADDRESS,
|
|
80
|
-
paymentMethod: 'crypto'
|
|
81
|
-
});
|
|
82
|
-
provider.waitForTransaction(tx.hash)
|
|
83
|
-
.then(async (receipt) => {
|
|
84
|
-
console.log(receipt);
|
|
85
|
-
await storePaymentInfo({
|
|
86
|
-
ether,
|
|
87
|
-
addr: process.env.NEXT_PUBLIC_ETH_PAYMENT_ADDRESS,
|
|
88
|
-
receipt,
|
|
89
|
-
paymentMethod: 'crypto'
|
|
90
|
-
});
|
|
91
|
-
sendGAEvent('purchase', {
|
|
92
|
-
transaction_id: tx.hash,
|
|
93
|
-
value: price,
|
|
94
|
-
currency: 'ETH',
|
|
95
|
-
items: cmmc.cartItems.map((item) => ({
|
|
96
|
-
item_id: item.sku,
|
|
97
|
-
item_name: item.title,
|
|
98
|
-
item_category: item.familyId,
|
|
99
|
-
price: item.price,
|
|
100
|
-
quantity: item.quantity
|
|
101
|
-
})),
|
|
102
|
-
});
|
|
103
|
-
sendFBEvent('Purchase', {
|
|
104
|
-
content_ids: cmmc.cartItems.map((item) => item.sku),
|
|
105
|
-
contents: cmmc.cartItems.map(item => ({
|
|
106
|
-
id: item.sku,
|
|
107
|
-
quantity: item.quantity
|
|
108
|
-
})),
|
|
109
|
-
num_items: cmmc.cartItems.length,
|
|
110
|
-
value: price,
|
|
111
|
-
currency: 'ETH',
|
|
112
|
-
});
|
|
113
|
-
setTransactionStatus('confirmed');
|
|
114
|
-
})
|
|
115
|
-
.catch((error) => {
|
|
116
|
-
console.error(error);
|
|
117
|
-
setTransactionStatus('error');
|
|
118
|
-
});
|
|
119
|
-
}
|
|
120
|
-
catch (err) {
|
|
121
|
-
console.log(err);
|
|
122
|
-
// :aa TODO string table
|
|
123
|
-
toast('Not enough funds in your wallet');
|
|
124
|
-
}
|
|
125
|
-
})();
|
|
126
|
-
};
|
|
127
|
-
const nextStep = async () => {
|
|
128
|
-
await storePaymentInfo({
|
|
129
|
-
paymentMethod: 'crypto'
|
|
130
|
-
});
|
|
131
|
-
onDone();
|
|
132
|
-
};
|
|
133
|
-
return (<div className='flex flex-col gap-6 mt-6'>
|
|
134
|
-
<div className='flex flex-col w-full'>
|
|
135
|
-
<ContactForm form={contactForm}/>
|
|
136
|
-
<div className='flex gap-2 grid grid-cols-3'>
|
|
137
|
-
<Select onValueChange={(token) => { }} defaultValue='eth'>
|
|
138
|
-
<SelectTrigger>
|
|
139
|
-
<SelectValue defaultValue='eth'/>
|
|
140
|
-
</SelectTrigger>
|
|
141
|
-
<SelectContent>
|
|
142
|
-
<SelectGroup>
|
|
143
|
-
<SelectItem value='eth'><div className='flex items-center gap-2'><Eth height={14}/>ETH</div></SelectItem>
|
|
144
|
-
{/* <SelectItem value='btc' ><div className='flex items-center gap-2'><Btc height={14}/>BTC</div></SelectItem>
|
|
145
|
-
<SelectItem value='usdt' ><div className='flex items-center gap-2'><Usdt height={14}/>USDT</div></SelectItem> */}
|
|
146
|
-
</SelectGroup>
|
|
147
|
-
</SelectContent>
|
|
148
|
-
</Select>
|
|
149
|
-
<div className='col-span-2'>
|
|
150
|
-
<Input value={amount ? amount / (10 ** 18) : amount} contentEditable={false}/>
|
|
151
|
-
<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'>
|
|
152
|
-
<Eth height={10}/>
|
|
153
|
-
ETH
|
|
154
|
-
</div>
|
|
155
|
-
</div>
|
|
156
|
-
</div>
|
|
157
|
-
|
|
158
|
-
{transactionStatus === 'error' ? (<h4 className='text-destructive'>There was an error while confirming the transaction.</h4>) : transactionStatus === 'paid' ? (<h4>Waiting for transaction to be confirmed on chain.</h4>) : transactionStatus === 'confirmed' ? (<h4>Transaction confirmed!</h4>) : null}
|
|
159
|
-
|
|
160
|
-
{transactionStatus === 'unpaid' ? (<Button onClick={() => sendPayment(amount ? amount / (10 ** 18) : 0)} className='mx-auto w-full' disabled={loadingPrice}>
|
|
161
|
-
Pay
|
|
162
|
-
</Button>) : (<Button onClick={nextStep} className='mx-auto w-full'>Continue</Button>)}
|
|
163
|
-
</div>
|
|
164
|
-
</div>);
|
|
165
|
-
});
|
|
166
|
-
export default PayWithCrypto;
|
|
167
|
-
//# sourceMappingURL=crypto.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"crypto.jsx","sourceRoot":"","sources":["../../../../../components/checkout/payment-step-form/methods/crypto.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import Card from './card';
|
|
2
|
-
import Crypto from './crypto';
|
|
3
|
-
import BankTransfer from './bank-transfer';
|
|
4
|
-
export default [
|
|
5
|
-
{
|
|
6
|
-
value: 'card',
|
|
7
|
-
label: 'Card',
|
|
8
|
-
Comp: Card
|
|
9
|
-
},
|
|
10
|
-
{
|
|
11
|
-
value: 'crypto',
|
|
12
|
-
label: 'Wallet',
|
|
13
|
-
Comp: Crypto
|
|
14
|
-
},
|
|
15
|
-
{
|
|
16
|
-
value: 'bank',
|
|
17
|
-
label: 'Bank Wire',
|
|
18
|
-
Comp: BankTransfer
|
|
19
|
-
},
|
|
20
|
-
];
|
|
21
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +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"}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import * as z from 'zod';
|
|
4
|
-
import { useForm } from 'react-hook-form';
|
|
5
|
-
import { zodResolver } from '@hookform/resolvers/zod';
|
|
6
|
-
import { Input, Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@hanzo/ui/primitives';
|
|
7
|
-
import { Form, FormControl, FormField, FormItem, FormMessage, } from '@hanzo/ui/form';
|
|
8
|
-
import { useCommerce } from '../../service/context';
|
|
9
|
-
import countries from '../../util/countries';
|
|
10
|
-
import { sendGAEvent } from '../../util/analytics';
|
|
11
|
-
const shippingFormSchema = z.object({
|
|
12
|
-
addressLine1: z.string().min(2, 'Address must be at least 2 characters.'),
|
|
13
|
-
addressLine2: z.string().optional(),
|
|
14
|
-
zipCode: z.string().min(2, 'Zip code is invalid.'),
|
|
15
|
-
city: z.string().min(2, 'City is invalid.'),
|
|
16
|
-
state: z.string().optional(),
|
|
17
|
-
country: z.string().min(2, 'Country is invalid.'),
|
|
18
|
-
});
|
|
19
|
-
const ShippingStepForm = ({ orderId, onDone }) => {
|
|
20
|
-
const cmmc = useCommerce();
|
|
21
|
-
const shippingForm = useForm({
|
|
22
|
-
resolver: zodResolver(shippingFormSchema),
|
|
23
|
-
defaultValues: {
|
|
24
|
-
addressLine1: '',
|
|
25
|
-
addressLine2: '',
|
|
26
|
-
zipCode: '',
|
|
27
|
-
city: '',
|
|
28
|
-
state: '',
|
|
29
|
-
country: '',
|
|
30
|
-
},
|
|
31
|
-
});
|
|
32
|
-
const onSubmit = async (values) => {
|
|
33
|
-
if (orderId) {
|
|
34
|
-
await cmmc.updateOrderShippingInfo(orderId, values);
|
|
35
|
-
}
|
|
36
|
-
sendGAEvent('add_shipping_info', {
|
|
37
|
-
items: cmmc.cartItems.map((item) => ({
|
|
38
|
-
item_id: item.sku,
|
|
39
|
-
item_name: item.title,
|
|
40
|
-
item_category: item.familyId,
|
|
41
|
-
price: item.price,
|
|
42
|
-
quantity: item.quantity
|
|
43
|
-
})),
|
|
44
|
-
num_items: cmmc.cartItems.length,
|
|
45
|
-
value: cmmc.cartTotal,
|
|
46
|
-
currency: 'USD',
|
|
47
|
-
});
|
|
48
|
-
onDone();
|
|
49
|
-
};
|
|
50
|
-
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" })] }) }));
|
|
51
|
-
};
|
|
52
|
-
export default ShippingStepForm;
|
|
53
|
-
//# sourceMappingURL=shipping-step-form.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"shipping-step-form.js","sourceRoot":"","sources":["../../../components/checkout/shipping-step-form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import * as z from 'zod';
|
|
3
|
-
import { useForm } from 'react-hook-form';
|
|
4
|
-
import { zodResolver } from '@hookform/resolvers/zod';
|
|
5
|
-
import { Input, Button, Form, FormControl, FormField, FormItem, FormMessage, Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@hanzo/ui/primitives';
|
|
6
|
-
import { useCommerce } from '../../service/context';
|
|
7
|
-
import countries from '../../util/countries';
|
|
8
|
-
import { sendGAEvent } from '../../util/analytics';
|
|
9
|
-
const shippingFormSchema = z.object({
|
|
10
|
-
addressLine1: z.string().min(2, 'Address must be at least 2 characters.'),
|
|
11
|
-
addressLine2: z.string().optional(),
|
|
12
|
-
zipCode: z.string().min(2, 'Zip code is invalid.'),
|
|
13
|
-
city: z.string().min(2, 'City is invalid.'),
|
|
14
|
-
state: z.string().optional(),
|
|
15
|
-
country: z.string().min(2, 'Country is invalid.'),
|
|
16
|
-
});
|
|
17
|
-
const ShippingStepForm = ({ orderId, onDone }) => {
|
|
18
|
-
const cmmc = useCommerce();
|
|
19
|
-
const shippingForm = useForm({
|
|
20
|
-
// @ts-expect-error Zod version incompatibility between ZodTypeDef and $ZodTypeInternals
|
|
21
|
-
resolver: zodResolver(shippingFormSchema),
|
|
22
|
-
defaultValues: {
|
|
23
|
-
addressLine1: '',
|
|
24
|
-
addressLine2: '',
|
|
25
|
-
zipCode: '',
|
|
26
|
-
city: '',
|
|
27
|
-
state: '',
|
|
28
|
-
country: '',
|
|
29
|
-
},
|
|
30
|
-
});
|
|
31
|
-
const onSubmit = async (values) => {
|
|
32
|
-
if (orderId) {
|
|
33
|
-
await cmmc.updateOrderShippingInfo(orderId, values);
|
|
34
|
-
}
|
|
35
|
-
sendGAEvent('add_shipping_info', {
|
|
36
|
-
items: cmmc.cartItems.map((item) => ({
|
|
37
|
-
item_id: item.sku,
|
|
38
|
-
item_name: item.title,
|
|
39
|
-
item_category: item.familyId,
|
|
40
|
-
price: item.price,
|
|
41
|
-
quantity: item.quantity
|
|
42
|
-
})),
|
|
43
|
-
num_items: cmmc.cartItems.length,
|
|
44
|
-
value: cmmc.cartTotal,
|
|
45
|
-
currency: 'USD',
|
|
46
|
-
});
|
|
47
|
-
onDone();
|
|
48
|
-
};
|
|
49
|
-
return (<Form {...shippingForm}>
|
|
50
|
-
<form onSubmit={shippingForm.handleSubmit(onSubmit)} className='text-left'>
|
|
51
|
-
<div className='flex flex-col gap-4'>
|
|
52
|
-
<FormField control={shippingForm.control} name='addressLine1' render={({ field }) => (<FormItem className='space-y-1 w-full'>
|
|
53
|
-
<FormControl>
|
|
54
|
-
<Input {...field} placeholder='Address line 1'/>
|
|
55
|
-
</FormControl>
|
|
56
|
-
<FormMessage />
|
|
57
|
-
</FormItem>)}/>
|
|
58
|
-
<FormField control={shippingForm.control} name='addressLine2' render={({ field }) => (<FormItem className='space-y-1 w-full'>
|
|
59
|
-
<FormControl>
|
|
60
|
-
<Input {...field} placeholder='Address line 2 (optional)'/>
|
|
61
|
-
</FormControl>
|
|
62
|
-
<FormMessage />
|
|
63
|
-
</FormItem>)}/>
|
|
64
|
-
<div className='flex gap-4 items-end'>
|
|
65
|
-
<FormField control={shippingForm.control} name='zipCode' render={({ field }) => (<FormItem className='space-y-1 w-full'>
|
|
66
|
-
<FormControl>
|
|
67
|
-
<Input {...field} placeholder='Zip code'/>
|
|
68
|
-
</FormControl>
|
|
69
|
-
<FormMessage />
|
|
70
|
-
</FormItem>)}/>
|
|
71
|
-
<FormField control={shippingForm.control} name='city' render={({ field }) => (<FormItem className='space-y-1 w-full'>
|
|
72
|
-
<FormControl>
|
|
73
|
-
<Input {...field} placeholder='City'/>
|
|
74
|
-
</FormControl>
|
|
75
|
-
<FormMessage />
|
|
76
|
-
</FormItem>)}/>
|
|
77
|
-
</div>
|
|
78
|
-
<div className='flex gap-4 items-start'>
|
|
79
|
-
<FormField control={shippingForm.control} name='state' render={({ field }) => (<FormItem className='space-y-1 w-full'>
|
|
80
|
-
<FormControl>
|
|
81
|
-
<Input {...field} placeholder='State (optional)'/>
|
|
82
|
-
</FormControl>
|
|
83
|
-
<FormMessage />
|
|
84
|
-
</FormItem>)}/>
|
|
85
|
-
<FormField control={shippingForm.control} name='country' render={({ field }) => (<FormItem className='space-y-1 w-full'>
|
|
86
|
-
<Select onValueChange={field.onChange} defaultValue={field.value}>
|
|
87
|
-
<FormControl>
|
|
88
|
-
<SelectTrigger className='bg-level-1 border-muted-4'>
|
|
89
|
-
<SelectValue placeholder='Country'/>
|
|
90
|
-
</SelectTrigger>
|
|
91
|
-
</FormControl>
|
|
92
|
-
<SelectContent>
|
|
93
|
-
{countries.map((country) => (<SelectItem key={country.id} value={country.name}>
|
|
94
|
-
{country.name}
|
|
95
|
-
</SelectItem>))}
|
|
96
|
-
</SelectContent>
|
|
97
|
-
</Select>
|
|
98
|
-
</FormItem>)}/>
|
|
99
|
-
</div>
|
|
100
|
-
</div>
|
|
101
|
-
<Button type='submit' className='mx-auto w-full mt-4'>Confirm order</Button>
|
|
102
|
-
</form>
|
|
103
|
-
</Form>);
|
|
104
|
-
};
|
|
105
|
-
export default ShippingStepForm;
|
|
106
|
-
//# sourceMappingURL=shipping-step-form.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"shipping-step-form.jsx","sourceRoot":"","sources":["../../../components/checkout/shipping-step-form.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,CAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,OAAO,EACL,KAAK,EACL,MAAM,EACN,IAAI,EACJ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,WAAW,EACX,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,EACZ,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnD,OAAO,SAAS,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAIlD,MAAM,kBAAkB,GAAG,CAAC,CAAC,MAAM,CAAC;IAClC,YAAY,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,wCAAwC,CAAC;IACzE,YAAY,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACnC,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,sBAAsB,CAAC;IAClD,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,kBAAkB,CAAC;IAC3C,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC5B,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,qBAAqB,CAAC;CAClD,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAyC,CAAC,EAC9D,OAAO,EACP,MAAM,EACP,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,WAAW,EAAE,CAAA;IAE1B,MAAM,YAAY,GAAG,OAAO,CAAqC;QAC/D,wFAAwF;QACxF,QAAQ,EAAE,WAAW,CAAC,kBAAkB,CAAC;QACzC,aAAa,EAAE;YACb,YAAY,EAAE,EAAE;YAChB,YAAY,EAAE,EAAE;YAChB,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;YACT,OAAO,EAAE,EAAE;SACZ;KACF,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,KAAK,EAAE,MAA0C,EAAE,EAAE;QACpE,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,IAAI,CAAC,uBAAuB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;QACrD,CAAC;QACD,WAAW,CAAC,mBAAmB,EAAE;YAC/B,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACnC,OAAO,EAAE,IAAI,CAAC,GAAG;gBACjB,SAAS,EAAE,IAAI,CAAC,KAAK;gBACrB,aAAa,EAAE,IAAI,CAAC,QAAQ;gBAC5B,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,CAAC,CAAC;YACH,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM;YAChC,KAAK,EAAE,IAAI,CAAC,SAAS;YACrB,QAAQ,EAAE,KAAK;SAChB,CAAC,CAAA;QACF,MAAM,EAAE,CAAA;IACV,CAAC,CAAA;IAED,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,CACrB;MAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CACxE;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,qBAAqB,CAClC;UAAA,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAC9B,IAAI,CAAC,cAAc,CACnB,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,CAAC,QAAQ,CAAC,SAAS,CAAC,kBAAkB,CACpC;gBAAA,CAAC,WAAW,CACV;kBAAA,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,WAAW,CAAC,gBAAgB,EAChD;gBAAA,EAAE,WAAW,CACb;gBAAA,CAAC,WAAW,CAAC,AAAD,EACd;cAAA,EAAE,QAAQ,CAAC,CACZ,CAAC,EAEJ;UAAA,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAC9B,IAAI,CAAC,cAAc,CACnB,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,CAAC,QAAQ,CAAC,SAAS,CAAC,kBAAkB,CACpC;gBAAA,CAAC,WAAW,CACV;kBAAA,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,WAAW,CAAC,2BAA2B,EAC3D;gBAAA,EAAE,WAAW,CACb;gBAAA,CAAC,WAAW,CAAC,AAAD,EACd;cAAA,EAAE,QAAQ,CAAC,CACZ,CAAC,EAEJ;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,sBAAsB,CACnC;YAAA,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAC9B,IAAI,CAAC,SAAS,CACd,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,CAAC,QAAQ,CAAC,SAAS,CAAC,kBAAkB,CACpC;kBAAA,CAAC,WAAW,CACV;oBAAA,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,WAAW,CAAC,UAAU,EAC1C;kBAAA,EAAE,WAAW,CACb;kBAAA,CAAC,WAAW,CAAC,AAAD,EACd;gBAAA,EAAE,QAAQ,CAAC,CACZ,CAAC,EAEJ;YAAA,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAC9B,IAAI,CAAC,MAAM,CACX,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,CAAC,QAAQ,CAAC,SAAS,CAAC,kBAAkB,CACpC;kBAAA,CAAC,WAAW,CACV;oBAAA,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,WAAW,CAAC,MAAM,EACtC;kBAAA,EAAE,WAAW,CACb;kBAAA,CAAC,WAAW,CAAC,AAAD,EACd;gBAAA,EAAE,QAAQ,CAAC,CACZ,CAAC,EAEN;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,wBAAwB,CACrC;YAAA,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAC9B,IAAI,CAAC,OAAO,CACZ,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,CAAC,QAAQ,CAAC,SAAS,CAAC,kBAAkB,CACpC;kBAAA,CAAC,WAAW,CACV;oBAAA,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,WAAW,CAAC,kBAAkB,EAClD;kBAAA,EAAE,WAAW,CACb;kBAAA,CAAC,WAAW,CAAC,AAAD,EACd;gBAAA,EAAE,QAAQ,CAAC,CACZ,CAAC,EAEJ;YAAA,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAC9B,IAAI,CAAC,SAAS,CACd,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,CAAC,QAAQ,CAAC,SAAS,CAAC,kBAAkB,CACpC;kBAAA,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAC/D;oBAAA,CAAC,WAAW,CACV;sBAAA,CAAC,aAAa,CAAC,SAAS,CAAC,2BAA2B,CAClD;wBAAA,CAAC,WAAW,CAAC,WAAW,CAAC,SAAS,EACpC;sBAAA,EAAE,aAAa,CACjB;oBAAA,EAAE,WAAW,CACb;oBAAA,CAAC,aAAa,CACZ;sBAAA,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC1B,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAC/C;0BAAA,CAAC,OAAO,CAAC,IAAI,CACf;wBAAA,EAAE,UAAU,CAAC,CACd,CAAC,CACJ;oBAAA,EAAE,aAAa,CACjB;kBAAA,EAAE,MAAM,CACV;gBAAA,EAAE,QAAQ,CAAC,CACZ,CAAC,EAEN;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,qBAAqB,CAAC,aAAa,EAAE,MAAM,CAC7E;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export { default as AddToCartWidget } from './add-to-cart-widget';
|
|
2
|
-
export { default as CarouselBuyCard } from './buy/carousel-buy-card';
|
|
3
|
-
export { default as CartPanel } from './cart/cart-panel';
|
|
4
|
-
export { default as Icons } from './Icons';
|
|
5
|
-
export { default as PaymentStepForm } from './checkout/payment-step-form';
|
|
6
|
-
export { default as ProductCard } from './item/product-card';
|
|
7
|
-
export { default as ShippingStepForm } from './checkout/shipping-step-form';
|
|
8
|
-
export * from './item-selector';
|
package/dist/components/index.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export { default as AddToCartWidget } from './add-to-cart-widget';
|
|
2
|
-
export { default as CarouselBuyCard } from './buy/carousel-buy-card';
|
|
3
|
-
export { default as CartPanel } from './cart/cart-panel';
|
|
4
|
-
export { default as Icons } from './Icons';
|
|
5
|
-
export { default as PaymentStepForm } from './checkout/payment-step-form';
|
|
6
|
-
export { default as ProductCard } from './item/product-card';
|
|
7
|
-
export { default as ShippingStepForm } from './checkout/shipping-step-form';
|
|
8
|
-
export * from './item-selector';
|
|
9
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { Card, CardContent, CardFooter, CardHeader, CardTitle, MediaStack } from '@hanzo/ui/primitives';
|
|
4
|
-
import { cn } from '@hanzo/ui/util';
|
|
5
|
-
import { formatCurrencyValue } from '../../util';
|
|
6
|
-
import AddToCartWidget from '../add-to-cart-widget';
|
|
7
|
-
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 }) })] }));
|
|
8
|
-
export default ProductCard;
|
|
9
|
-
//# sourceMappingURL=product-card.js.map
|