@hanzo/commerce 7.6.1 → 7.6.3
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/LICENSE.md +21 -0
- package/client.ts +120 -4
- package/dist/billing.d.ts +2 -0
- package/dist/billing.js +3 -0
- package/dist/billing.js.map +1 -0
- package/dist/client.d.ts +464 -0
- package/dist/client.js +424 -0
- package/dist/client.js.map +1 -0
- package/dist/components/Icons.d.ts +18 -0
- package/dist/components/Icons.js +19 -0
- package/dist/components/Icons.js.map +1 -0
- package/dist/components/add-to-cart-widget.d.ts +11 -0
- package/dist/components/add-to-cart-widget.js +85 -0
- package/dist/components/add-to-cart-widget.js.map +1 -0
- package/dist/components/buy/buy-card.d.ts +30 -0
- package/dist/components/buy/buy-card.js +109 -0
- package/dist/components/buy/buy-card.js.map +1 -0
- package/dist/components/buy/carousel-buy-card.d.ts +12 -0
- package/dist/components/buy/carousel-buy-card.js +94 -0
- package/dist/components/buy/carousel-buy-card.js.map +1 -0
- package/dist/components/buy/multi-family/all-variants-carousel.d.ts +4 -0
- package/dist/components/buy/multi-family/all-variants-carousel.js +115 -0
- package/dist/components/buy/multi-family/all-variants-carousel.js.map +1 -0
- package/dist/components/buy/multi-family/family-carousel/index.d.ts +4 -0
- package/dist/components/buy/multi-family/family-carousel/index.js +27 -0
- package/dist/components/buy/multi-family/family-carousel/index.js.map +1 -0
- package/dist/components/buy/multi-family/family-carousel/slide.d.ts +11 -0
- package/dist/components/buy/multi-family/family-carousel/slide.js +35 -0
- package/dist/components/buy/multi-family/family-carousel/slide.js.map +1 -0
- package/dist/components/buy/multi-family/family-carousel/state.d.ts +20 -0
- package/dist/components/buy/multi-family/family-carousel/state.js +59 -0
- package/dist/components/buy/multi-family/family-carousel/state.js.map +1 -0
- package/dist/components/buy/multi-family/index.d.ts +2 -0
- package/dist/components/buy/multi-family/index.js +3 -0
- package/dist/components/buy/multi-family/index.js.map +1 -0
- package/dist/components/buy/single-family-selector.d.ts +15 -0
- package/dist/components/buy/single-family-selector.js +28 -0
- package/dist/components/buy/single-family-selector.js.map +1 -0
- package/dist/components/buy/title-and-byline.d.ts +8 -0
- package/dist/components/buy/title-and-byline.js +7 -0
- package/dist/components/buy/title-and-byline.js.map +1 -0
- package/dist/components/cart/cart-panel/cart-line-item.d.ts +11 -0
- package/dist/components/cart/cart-panel/cart-line-item.js +25 -0
- package/dist/components/cart/cart-panel/cart-line-item.js.map +1 -0
- package/dist/components/cart/cart-panel/index.d.ts +19 -0
- package/dist/components/cart/cart-panel/index.js +65 -0
- package/dist/components/cart/cart-panel/index.js.map +1 -0
- package/dist/components/cart/cart-panel/promo-code.d.ts +4 -0
- package/dist/components/cart/cart-panel/promo-code.js +62 -0
- package/dist/components/cart/cart-panel/promo-code.js.map +1 -0
- package/dist/components/cart/cart-panel/total-area.d.ts +7 -0
- package/dist/components/cart/cart-panel/total-area.js +14 -0
- package/dist/components/cart/cart-panel/total-area.js.map +1 -0
- package/dist/components/checkout/payment-step-form/card-icon-row.d.ts +2 -0
- package/dist/components/checkout/payment-step-form/card-icon-row.js +14 -0
- package/dist/components/checkout/payment-step-form/card-icon-row.js.map +1 -0
- package/dist/components/checkout/payment-step-form/card-icons/amex.d.ts +4 -0
- package/dist/components/checkout/payment-step-form/card-icons/amex.js +6 -0
- package/dist/components/checkout/payment-step-form/card-icons/amex.js.map +1 -0
- package/dist/components/checkout/payment-step-form/card-icons/diners-club.d.ts +4 -0
- package/dist/components/checkout/payment-step-form/card-icons/diners-club.js +6 -0
- package/dist/components/checkout/payment-step-form/card-icons/diners-club.js.map +1 -0
- package/dist/components/checkout/payment-step-form/card-icons/discover.d.ts +4 -0
- package/dist/components/checkout/payment-step-form/card-icons/discover.js +6 -0
- package/dist/components/checkout/payment-step-form/card-icons/discover.js.map +1 -0
- package/dist/components/checkout/payment-step-form/card-icons/jcb.d.ts +4 -0
- package/dist/components/checkout/payment-step-form/card-icons/jcb.js +6 -0
- package/dist/components/checkout/payment-step-form/card-icons/jcb.js.map +1 -0
- package/dist/components/checkout/payment-step-form/card-icons/mastercard.d.ts +4 -0
- package/dist/components/checkout/payment-step-form/card-icons/mastercard.js +6 -0
- package/dist/components/checkout/payment-step-form/card-icons/mastercard.js.map +1 -0
- package/dist/components/checkout/payment-step-form/card-icons/visa.d.ts +4 -0
- package/dist/components/checkout/payment-step-form/card-icons/visa.js +6 -0
- package/dist/components/checkout/payment-step-form/card-icons/visa.js.map +1 -0
- package/dist/components/checkout/payment-step-form/cc-button.d.ts +3 -0
- package/dist/components/checkout/payment-step-form/cc-button.js +6 -0
- package/dist/components/checkout/payment-step-form/cc-button.js.map +1 -0
- package/dist/components/checkout/payment-step-form/contact-form.d.ts +5 -0
- package/dist/components/checkout/payment-step-form/contact-form.js +6 -0
- package/dist/components/checkout/payment-step-form/contact-form.js.map +1 -0
- package/dist/components/checkout/payment-step-form/crypto-icons/btc.d.ts +4 -0
- package/dist/components/checkout/payment-step-form/crypto-icons/btc.js +6 -0
- package/dist/components/checkout/payment-step-form/crypto-icons/btc.js.map +1 -0
- package/dist/components/checkout/payment-step-form/crypto-icons/eth.d.ts +4 -0
- package/dist/components/checkout/payment-step-form/crypto-icons/eth.js +6 -0
- package/dist/components/checkout/payment-step-form/crypto-icons/eth.js.map +1 -0
- package/dist/components/checkout/payment-step-form/crypto-icons/usdt.d.ts +4 -0
- package/dist/components/checkout/payment-step-form/crypto-icons/usdt.js +6 -0
- package/dist/components/checkout/payment-step-form/crypto-icons/usdt.js.map +1 -0
- package/dist/components/checkout/payment-step-form/index.d.ts +4 -0
- package/dist/components/checkout/payment-step-form/index.js +66 -0
- package/dist/components/checkout/payment-step-form/index.js.map +1 -0
- package/dist/components/checkout/payment-step-form/methods/bank-transfer.d.ts +4 -0
- package/dist/components/checkout/payment-step-form/methods/bank-transfer.js +24 -0
- package/dist/components/checkout/payment-step-form/methods/bank-transfer.js.map +1 -0
- package/dist/components/checkout/payment-step-form/methods/card.d.ts +4 -0
- package/dist/components/checkout/payment-step-form/methods/card.js +160 -0
- package/dist/components/checkout/payment-step-form/methods/card.js.map +1 -0
- package/dist/components/checkout/payment-step-form/methods/crypto.d.ts +9 -0
- package/dist/components/checkout/payment-step-form/methods/crypto.js +137 -0
- package/dist/components/checkout/payment-step-form/methods/crypto.js.map +1 -0
- package/dist/components/checkout/payment-step-form/methods/index.d.ts +6 -0
- package/dist/components/checkout/payment-step-form/methods/index.js +21 -0
- package/dist/components/checkout/payment-step-form/methods/index.js.map +1 -0
- package/dist/components/checkout/shipping-step-form.d.ts +3 -0
- package/dist/components/checkout/shipping-step-form.js +53 -0
- package/dist/components/checkout/shipping-step-form.js.map +1 -0
- package/dist/components/index.d.ts +8 -0
- package/dist/components/index.js +9 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/item/product-card.d.ts +7 -0
- package/dist/components/item/product-card.js +9 -0
- package/dist/components/item/product-card.js.map +1 -0
- package/dist/components/item-selector/button.d.ts +4 -0
- package/dist/components/item-selector/button.js +47 -0
- package/dist/components/item-selector/button.js.map +1 -0
- package/dist/components/item-selector/carousel/index.d.ts +12 -0
- package/dist/components/item-selector/carousel/index.js +74 -0
- package/dist/components/item-selector/carousel/index.js.map +1 -0
- package/dist/components/item-selector/carousel/slider.d.ts +8 -0
- package/dist/components/item-selector/carousel/slider.js +12 -0
- package/dist/components/item-selector/carousel/slider.js.map +1 -0
- package/dist/components/item-selector/index.d.ts +2 -0
- package/dist/components/item-selector/index.js +3 -0
- package/dist/components/item-selector/index.js.map +1 -0
- package/dist/components/item-selector/quantity-indicator.d.ts +9 -0
- package/dist/components/item-selector/quantity-indicator.js +16 -0
- package/dist/components/item-selector/quantity-indicator.js.map +1 -0
- package/dist/components/node-tabs/index.d.ts +14 -0
- package/dist/components/node-tabs/index.js +42 -0
- package/dist/components/node-tabs/index.js.map +1 -0
- package/dist/components/node-tabs/node-image.d.ts +6 -0
- package/dist/components/node-tabs/node-image.js +13 -0
- package/dist/components/node-tabs/node-image.js.map +1 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.js +9 -0
- package/dist/index.js.map +1 -0
- package/dist/metering.d.ts +162 -0
- package/dist/metering.js +204 -0
- package/dist/metering.js.map +1 -0
- package/dist/metering.test.d.ts +13 -0
- package/dist/metering.test.js +181 -0
- package/dist/metering.test.js.map +1 -0
- package/dist/service/context.d.ts +8 -0
- package/dist/service/context.js +19 -0
- package/dist/service/context.js.map +1 -0
- package/dist/service/debug.d.ts +10 -0
- package/dist/service/debug.js +30 -0
- package/dist/service/debug.js.map +1 -0
- package/dist/service/impls/standalone/actual-line-item.d.ts +40 -0
- package/dist/service/impls/standalone/actual-line-item.js +84 -0
- package/dist/service/impls/standalone/actual-line-item.js.map +1 -0
- package/dist/service/impls/standalone/get-instance.d.ts +2 -0
- package/dist/service/impls/standalone/get-instance.js +39 -0
- package/dist/service/impls/standalone/get-instance.js.map +1 -0
- package/dist/service/impls/standalone/index.d.ts +67 -0
- package/dist/service/impls/standalone/index.js +416 -0
- package/dist/service/impls/standalone/index.js.map +1 -0
- package/dist/service/impls/standalone/order/firebase.d.ts +6 -0
- package/dist/service/impls/standalone/order/firebase.js +6 -0
- package/dist/service/impls/standalone/order/firebase.js.map +1 -0
- package/dist/service/impls/standalone/order/index.d.ts +30 -0
- package/dist/service/impls/standalone/order/index.js +21 -0
- package/dist/service/impls/standalone/order/index.js.map +1 -0
- package/dist/service/impls/standalone/persistence.d.ts +4 -0
- package/dist/service/impls/standalone/persistence.js +22 -0
- package/dist/service/impls/standalone/persistence.js.map +1 -0
- package/dist/service/path-utils.d.ts +7 -0
- package/dist/service/path-utils.js +16 -0
- package/dist/service/path-utils.js.map +1 -0
- package/dist/service/sep.d.ts +6 -0
- package/dist/service/sep.js +6 -0
- package/dist/service/sep.js.map +1 -0
- package/dist/types/category-node.d.ts +36 -0
- package/dist/types/category-node.js +2 -0
- package/dist/types/category-node.js.map +1 -0
- package/dist/types/checkout.d.ts +33 -0
- package/dist/types/checkout.js +2 -0
- package/dist/types/checkout.js.map +1 -0
- package/dist/types/commerce-config.d.ts +11 -0
- package/dist/types/commerce-config.js +2 -0
- package/dist/types/commerce-config.js.map +1 -0
- package/dist/types/commerce-service.d.ts +109 -0
- package/dist/types/commerce-service.js +2 -0
- package/dist/types/commerce-service.js.map +1 -0
- package/dist/types/family.d.ts +16 -0
- package/dist/types/family.js +2 -0
- package/dist/types/family.js.map +1 -0
- package/dist/types/index.d.ts +13 -0
- package/dist/types/index.js +8 -0
- package/dist/types/index.js.map +1 -0
- package/dist/types/item-selector.d.ts +72 -0
- package/dist/types/item-selector.js +2 -0
- package/dist/types/item-selector.js.map +1 -0
- package/dist/types/line-item.d.ts +14 -0
- package/dist/types/line-item.js +2 -0
- package/dist/types/line-item.js.map +1 -0
- package/dist/types/multi-family-selector-props.d.ts +16 -0
- package/dist/types/multi-family-selector-props.js +2 -0
- package/dist/types/multi-family-selector-props.js.map +1 -0
- package/dist/types/product.d.ts +15 -0
- package/dist/types/product.js +2 -0
- package/dist/types/product.js.map +1 -0
- package/dist/types/promo.d.ts +7 -0
- package/dist/types/promo.js +2 -0
- package/dist/types/promo.js.map +1 -0
- package/dist/types/selection-ui-specifier.d.ts +40 -0
- package/dist/types/selection-ui-specifier.js +2 -0
- package/dist/types/selection-ui-specifier.js.map +1 -0
- package/dist/types/string-mutator.d.ts +9 -0
- package/dist/types/string-mutator.js +2 -0
- package/dist/types/string-mutator.js.map +1 -0
- package/dist/types/token-separators.d.ts +6 -0
- package/dist/types/token-separators.js +2 -0
- package/dist/types/token-separators.js.map +1 -0
- package/dist/util/analytics.d.ts +9 -0
- package/dist/util/analytics.js +10 -0
- package/dist/util/analytics.js.map +1 -0
- package/dist/util/countries.d.ts +7 -0
- package/dist/util/countries.js +197 -0
- package/dist/util/countries.js.map +1 -0
- package/dist/util/error.d.ts +1 -0
- package/dist/util/error.js +22 -0
- package/dist/util/error.js.map +1 -0
- package/dist/util/index.d.ts +15 -0
- package/dist/util/index.js +54 -0
- package/dist/util/index.js.map +1 -0
- package/dist/util/item-selector-options-accessor.d.ts +3 -0
- package/dist/util/item-selector-options-accessor.js +27 -0
- package/dist/util/item-selector-options-accessor.js.map +1 -0
- package/dist/util/line-item-ref.d.ts +8 -0
- package/dist/util/line-item-ref.js +15 -0
- package/dist/util/line-item-ref.js.map +1 -0
- package/dist/util/multi-family-selector-options-accessor.d.ts +3 -0
- package/dist/util/multi-family-selector-options-accessor.js +11 -0
- package/dist/util/multi-family-selector-options-accessor.js.map +1 -0
- package/dist/util/obs-string-mutator.d.ts +8 -0
- package/dist/util/obs-string-mutator.js +15 -0
- package/dist/util/obs-string-mutator.js.map +1 -0
- package/dist/util/product-media-accessor.d.ts +29 -0
- package/dist/util/product-media-accessor.js +22 -0
- package/dist/util/product-media-accessor.js.map +1 -0
- package/dist/util/promo-codes.d.ts +3 -0
- package/dist/util/promo-codes.js +100 -0
- package/dist/util/promo-codes.js.map +1 -0
- package/dist/util/selection-ui-specifiers.d.ts +3 -0
- package/dist/util/selection-ui-specifiers.js +24 -0
- package/dist/util/selection-ui-specifiers.js.map +1 -0
- package/dist/util/square-payment.d.ts +7 -0
- package/dist/util/square-payment.js +37 -0
- package/dist/util/square-payment.js.map +1 -0
- package/dist/util/use-sync-sku-param-w-current-item.d.ts +2 -0
- package/dist/util/use-sync-sku-param-w-current-item.js +61 -0
- package/dist/util/use-sync-sku-param-w-current-item.js.map +1 -0
- package/index.ts +18 -1
- package/metering.test.ts +199 -0
- package/metering.ts +289 -0
- package/package.json +18 -16
package/dist/client.js
ADDED
|
@@ -0,0 +1,424 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @hanzo/commerce/client
|
|
3
|
+
*
|
|
4
|
+
* Universal TypeScript client for the Hanzo Commerce API.
|
|
5
|
+
* Works in browser, Node.js, and edge runtimes — no backend required.
|
|
6
|
+
* Covers billing, subscriptions, payments, checkout, coupons,
|
|
7
|
+
* referrals, affiliates, usage, and plans.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```ts
|
|
11
|
+
* import { Commerce } from '@hanzo/commerce/client'
|
|
12
|
+
*
|
|
13
|
+
* const commerce = new Commerce({ baseUrl: 'https://api.hanzo.ai', token: iamToken })
|
|
14
|
+
*
|
|
15
|
+
* // Validate a coupon before checkout
|
|
16
|
+
* const coupon = await commerce.validateCoupon('LAUNCH50')
|
|
17
|
+
*
|
|
18
|
+
* // Create a checkout session
|
|
19
|
+
* const session = await commerce.createCheckoutSession({
|
|
20
|
+
* items: [{ id: 'plan_pro', quantity: 1 }],
|
|
21
|
+
* couponCode: 'LAUNCH50',
|
|
22
|
+
* referrerId: 'ref_abc123',
|
|
23
|
+
* successUrl: 'https://app.example.com/success',
|
|
24
|
+
* cancelUrl: 'https://app.example.com/cancel',
|
|
25
|
+
* })
|
|
26
|
+
* window.location.href = session.checkoutUrl
|
|
27
|
+
*
|
|
28
|
+
* // Tokenize a card (S2S — no external SDK required)
|
|
29
|
+
* const token = await commerce.tokenizeCard({
|
|
30
|
+
* number: '4242424242424242',
|
|
31
|
+
* expiryMonth: '12',
|
|
32
|
+
* expiryYear: '2027',
|
|
33
|
+
* cvc: '123',
|
|
34
|
+
* name: 'Jane Smith',
|
|
35
|
+
* })
|
|
36
|
+
*
|
|
37
|
+
* // Subscribe
|
|
38
|
+
* const sub = await commerce.subscribe({ planId: 'pro', userId: 'user_xyz' })
|
|
39
|
+
* ```
|
|
40
|
+
*/
|
|
41
|
+
// ---------------------------------------------------------------------------
|
|
42
|
+
// Client
|
|
43
|
+
// ---------------------------------------------------------------------------
|
|
44
|
+
const DEFAULT_BASE_URL = 'https://api.hanzo.ai';
|
|
45
|
+
const DEFAULT_TIMEOUT_MS = 15000;
|
|
46
|
+
export class Commerce {
|
|
47
|
+
constructor(config = {}) {
|
|
48
|
+
this.baseUrl = (config.baseUrl ?? config.commerceUrl ?? DEFAULT_BASE_URL).replace(/\/+$/, '');
|
|
49
|
+
this.token = config.token;
|
|
50
|
+
this.timeoutMs = config.timeoutMs ?? DEFAULT_TIMEOUT_MS;
|
|
51
|
+
}
|
|
52
|
+
/** Update the auth token (e.g. after IAM token refresh). */
|
|
53
|
+
setToken(token) {
|
|
54
|
+
this.token = token;
|
|
55
|
+
}
|
|
56
|
+
async request(path, opts) {
|
|
57
|
+
const url = new URL(path, this.baseUrl);
|
|
58
|
+
if (opts?.params) {
|
|
59
|
+
for (const [k, v] of Object.entries(opts.params)) {
|
|
60
|
+
url.searchParams.set(k, v);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
const controller = new AbortController();
|
|
64
|
+
const timer = setTimeout(() => controller.abort(), this.timeoutMs);
|
|
65
|
+
const headers = { Accept: 'application/json' };
|
|
66
|
+
const authToken = opts?.token ?? this.token;
|
|
67
|
+
if (authToken)
|
|
68
|
+
headers['Authorization'] = `Bearer ${authToken}`;
|
|
69
|
+
if (opts?.body)
|
|
70
|
+
headers['Content-Type'] = 'application/json';
|
|
71
|
+
if (opts?.headers)
|
|
72
|
+
Object.assign(headers, opts.headers);
|
|
73
|
+
try {
|
|
74
|
+
const res = await fetch(url.toString(), {
|
|
75
|
+
method: opts?.method ?? 'GET',
|
|
76
|
+
headers,
|
|
77
|
+
body: opts?.body ? JSON.stringify(opts.body) : undefined,
|
|
78
|
+
signal: controller.signal,
|
|
79
|
+
});
|
|
80
|
+
if (!res.ok) {
|
|
81
|
+
const text = await res.text().catch(() => '');
|
|
82
|
+
throw new CommerceApiError(res.status, `${res.statusText}: ${text}`.trim());
|
|
83
|
+
}
|
|
84
|
+
return (await res.json());
|
|
85
|
+
}
|
|
86
|
+
finally {
|
|
87
|
+
clearTimeout(timer);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
// -----------------------------------------------------------------------
|
|
91
|
+
// Balance
|
|
92
|
+
// -----------------------------------------------------------------------
|
|
93
|
+
async getBalance(user, currency = 'usd', token, headers) {
|
|
94
|
+
return this.request('/v1/billing/balance', {
|
|
95
|
+
params: { user, currency }, token, headers,
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
async getAllBalances(user, token) {
|
|
99
|
+
return this.request('/v1/billing/balance/all', {
|
|
100
|
+
params: { user }, token,
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
/**
|
|
104
|
+
* Tier-aware balance: prepaid available plus the tenant's included plan
|
|
105
|
+
* allotment (effectiveAvailable). Use this for the metering gate when you
|
|
106
|
+
* want included usage (e.g. free-tier daily credit) honored before prepaid
|
|
107
|
+
* funds are drawn down.
|
|
108
|
+
*/
|
|
109
|
+
async getTier(user, opts) {
|
|
110
|
+
return this.request('/v1/billing/tier', {
|
|
111
|
+
params: { user }, token: opts?.token, headers: opts?.headers,
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
// -----------------------------------------------------------------------
|
|
115
|
+
// Usage
|
|
116
|
+
// -----------------------------------------------------------------------
|
|
117
|
+
async addUsageRecord(record, token, headers) {
|
|
118
|
+
return this.request('/v1/billing/usage', {
|
|
119
|
+
method: 'POST', body: record, token, headers,
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
async getUsageRecords(user, currency = 'usd', token) {
|
|
123
|
+
return this.request('/v1/billing/usage', {
|
|
124
|
+
params: { user, currency }, token,
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
// -----------------------------------------------------------------------
|
|
128
|
+
// Deposits / Credits
|
|
129
|
+
// -----------------------------------------------------------------------
|
|
130
|
+
async addDeposit(params, token) {
|
|
131
|
+
return this.request('/v1/billing/deposit', {
|
|
132
|
+
method: 'POST', body: params, token,
|
|
133
|
+
});
|
|
134
|
+
}
|
|
135
|
+
async grantStarterCredit(user, token) {
|
|
136
|
+
return this.request('/v1/billing/credit', {
|
|
137
|
+
method: 'POST', body: { user }, token,
|
|
138
|
+
});
|
|
139
|
+
}
|
|
140
|
+
// -----------------------------------------------------------------------
|
|
141
|
+
// Plans
|
|
142
|
+
// -----------------------------------------------------------------------
|
|
143
|
+
async getPlans(token) {
|
|
144
|
+
return this.request('/v1/billing/plans', { token });
|
|
145
|
+
}
|
|
146
|
+
async getPlan(planId, token) {
|
|
147
|
+
try {
|
|
148
|
+
return await this.request(`/v1/billing/plans/${planId}`, { token });
|
|
149
|
+
}
|
|
150
|
+
catch {
|
|
151
|
+
return null;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
// -----------------------------------------------------------------------
|
|
155
|
+
// Subscriptions
|
|
156
|
+
// -----------------------------------------------------------------------
|
|
157
|
+
async subscribe(params, token) {
|
|
158
|
+
return this.request('/v1/billing/subscriptions', {
|
|
159
|
+
method: 'POST', body: params, token,
|
|
160
|
+
});
|
|
161
|
+
}
|
|
162
|
+
async getSubscription(subscriptionId, token) {
|
|
163
|
+
try {
|
|
164
|
+
return await this.request(`/v1/billing/subscriptions/${subscriptionId}`, { token });
|
|
165
|
+
}
|
|
166
|
+
catch {
|
|
167
|
+
return null;
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
async listSubscriptions(params, token) {
|
|
171
|
+
return this.request('/v1/billing/subscriptions', {
|
|
172
|
+
params: params, token,
|
|
173
|
+
});
|
|
174
|
+
}
|
|
175
|
+
async updateSubscription(subscriptionId, update, token) {
|
|
176
|
+
return this.request(`/v1/billing/subscriptions/${subscriptionId}`, {
|
|
177
|
+
method: 'PATCH', body: update, token,
|
|
178
|
+
});
|
|
179
|
+
}
|
|
180
|
+
async cancelSubscription(subscriptionId, immediately = false, token) {
|
|
181
|
+
return this.request(`/v1/billing/subscriptions/${subscriptionId}/cancel`, {
|
|
182
|
+
method: 'POST', body: { immediately }, token,
|
|
183
|
+
});
|
|
184
|
+
}
|
|
185
|
+
async reactivateSubscription(subscriptionId, token) {
|
|
186
|
+
return this.request(`/v1/billing/subscriptions/${subscriptionId}/reactivate`, {
|
|
187
|
+
method: 'POST', token,
|
|
188
|
+
});
|
|
189
|
+
}
|
|
190
|
+
// -----------------------------------------------------------------------
|
|
191
|
+
// Checkout sessions
|
|
192
|
+
// -----------------------------------------------------------------------
|
|
193
|
+
/**
|
|
194
|
+
* Create a hosted checkout session.
|
|
195
|
+
* Returns a URL to redirect the customer to for payment.
|
|
196
|
+
* Supports coupons, referral tracking, and multiple currencies.
|
|
197
|
+
*/
|
|
198
|
+
async createCheckoutSession(params, token) {
|
|
199
|
+
return this.request('/v1/checkout/sessions', {
|
|
200
|
+
method: 'POST', body: params, token,
|
|
201
|
+
});
|
|
202
|
+
}
|
|
203
|
+
// -----------------------------------------------------------------------
|
|
204
|
+
// Card tokenization (S2S — no external SDK required)
|
|
205
|
+
// -----------------------------------------------------------------------
|
|
206
|
+
/**
|
|
207
|
+
* Tokenize a payment card server-side.
|
|
208
|
+
* No external SDK (Square.js, Stripe.js, etc.) is needed on the frontend.
|
|
209
|
+
* The card data is sent to the Hanzo Commerce API over HTTPS, which
|
|
210
|
+
* tokenizes via the configured payment provider (Stripe).
|
|
211
|
+
*/
|
|
212
|
+
async tokenizeCard(card, token) {
|
|
213
|
+
return this.request('/v1/billing/card/tokenize', {
|
|
214
|
+
method: 'POST',
|
|
215
|
+
body: {
|
|
216
|
+
number: card.number.replace(/\s/g, ''),
|
|
217
|
+
expiry_month: card.expiryMonth,
|
|
218
|
+
expiry_year: card.expiryYear,
|
|
219
|
+
cvc: card.cvc,
|
|
220
|
+
name: card.name,
|
|
221
|
+
zip: card.zip,
|
|
222
|
+
},
|
|
223
|
+
token,
|
|
224
|
+
});
|
|
225
|
+
}
|
|
226
|
+
// -----------------------------------------------------------------------
|
|
227
|
+
// Payment methods
|
|
228
|
+
// -----------------------------------------------------------------------
|
|
229
|
+
async addPaymentMethod(params, token) {
|
|
230
|
+
return this.request('/v1/billing/payment-methods', {
|
|
231
|
+
method: 'POST', body: params, token,
|
|
232
|
+
});
|
|
233
|
+
}
|
|
234
|
+
async listPaymentMethods(customerId, token) {
|
|
235
|
+
return this.request('/v1/billing/payment-methods', {
|
|
236
|
+
params: { customerId }, token,
|
|
237
|
+
});
|
|
238
|
+
}
|
|
239
|
+
async removePaymentMethod(paymentMethodId, token) {
|
|
240
|
+
await this.request(`/v1/billing/payment-methods/${paymentMethodId}`, {
|
|
241
|
+
method: 'DELETE', token,
|
|
242
|
+
});
|
|
243
|
+
}
|
|
244
|
+
async setDefaultPaymentMethod(customerId, paymentMethodId, token) {
|
|
245
|
+
return this.request(`/v1/billing/customers/${customerId}/default-payment-method`, {
|
|
246
|
+
method: 'POST', body: { paymentMethodId }, token,
|
|
247
|
+
});
|
|
248
|
+
}
|
|
249
|
+
// -----------------------------------------------------------------------
|
|
250
|
+
// Coupons / Promo codes
|
|
251
|
+
// -----------------------------------------------------------------------
|
|
252
|
+
/**
|
|
253
|
+
* Validate a coupon code.
|
|
254
|
+
* Optionally pass a subtotalCents to get the calculated discount amount.
|
|
255
|
+
*/
|
|
256
|
+
async validateCoupon(code, subtotalCents, token) {
|
|
257
|
+
try {
|
|
258
|
+
const result = await this.request('/v1/coupon/validate', {
|
|
259
|
+
method: 'POST',
|
|
260
|
+
body: { code: code.toUpperCase().trim(), subtotalCents },
|
|
261
|
+
token,
|
|
262
|
+
});
|
|
263
|
+
return { valid: true, coupon: result };
|
|
264
|
+
}
|
|
265
|
+
catch (err) {
|
|
266
|
+
const msg = err instanceof CommerceApiError ? err.message : 'Invalid coupon';
|
|
267
|
+
return { valid: false, error: msg };
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
/**
|
|
271
|
+
* Redeem a coupon for a user. Creates credit grant records.
|
|
272
|
+
*/
|
|
273
|
+
async redeemCoupon(code, userId, token) {
|
|
274
|
+
return this.request('/v1/coupon/redeem', {
|
|
275
|
+
method: 'POST',
|
|
276
|
+
body: { code: code.toUpperCase().trim(), userId },
|
|
277
|
+
token,
|
|
278
|
+
});
|
|
279
|
+
}
|
|
280
|
+
// -----------------------------------------------------------------------
|
|
281
|
+
// Referrals & Affiliates
|
|
282
|
+
// -----------------------------------------------------------------------
|
|
283
|
+
/**
|
|
284
|
+
* Get or create a referrer record for a user.
|
|
285
|
+
* Returns the referral code/link the user can share.
|
|
286
|
+
*/
|
|
287
|
+
async getOrCreateReferrer(userId, token) {
|
|
288
|
+
return this.request('/v1/referrer', {
|
|
289
|
+
method: 'POST', body: { userId }, token,
|
|
290
|
+
});
|
|
291
|
+
}
|
|
292
|
+
async getReferrals(userId, token) {
|
|
293
|
+
return this.request(`/v1/user/${userId}/referrals`, { token });
|
|
294
|
+
}
|
|
295
|
+
async getReferrers(userId, token) {
|
|
296
|
+
return this.request(`/v1/user/${userId}/referrers`, { token });
|
|
297
|
+
}
|
|
298
|
+
/**
|
|
299
|
+
* Get affiliate details for a user.
|
|
300
|
+
*/
|
|
301
|
+
async getAffiliate(userId, token) {
|
|
302
|
+
try {
|
|
303
|
+
return await this.request(`/v1/user/${userId}/affiliate`, { token });
|
|
304
|
+
}
|
|
305
|
+
catch {
|
|
306
|
+
return null;
|
|
307
|
+
}
|
|
308
|
+
}
|
|
309
|
+
/**
|
|
310
|
+
* Create an affiliate account for a user.
|
|
311
|
+
* After creation, user can connect their bank via the returnedconnectUrl.
|
|
312
|
+
*/
|
|
313
|
+
async createAffiliate(userId, token) {
|
|
314
|
+
return this.request('/v1/affiliate', {
|
|
315
|
+
method: 'POST', body: { userId }, token,
|
|
316
|
+
});
|
|
317
|
+
}
|
|
318
|
+
async getAffiliateReferrals(affiliateId, token) {
|
|
319
|
+
return this.request(`/v1/affiliate/${affiliateId}/referrals`, { token });
|
|
320
|
+
}
|
|
321
|
+
async getAffiliateOrders(affiliateId, token) {
|
|
322
|
+
return this.request(`/v1/affiliate/${affiliateId}/orders`, { token });
|
|
323
|
+
}
|
|
324
|
+
async getAffiliateTransactions(affiliateId, token) {
|
|
325
|
+
return this.request(`/v1/affiliate/${affiliateId}/transactions`, { token });
|
|
326
|
+
}
|
|
327
|
+
// -----------------------------------------------------------------------
|
|
328
|
+
// Legacy checkout (order-based)
|
|
329
|
+
// -----------------------------------------------------------------------
|
|
330
|
+
async authorize(orderId, token) {
|
|
331
|
+
return this.request(`/v1/authorize/${orderId}`, { method: 'POST', token });
|
|
332
|
+
}
|
|
333
|
+
async capture(orderId, token) {
|
|
334
|
+
return this.request(`/v1/capture/${orderId}`, { method: 'POST', token });
|
|
335
|
+
}
|
|
336
|
+
async charge(orderId, token) {
|
|
337
|
+
return this.request(`/v1/charge/${orderId}`, { method: 'POST', token });
|
|
338
|
+
}
|
|
339
|
+
async refund(paymentId, token) {
|
|
340
|
+
return this.request(`/v1/refund/${paymentId}`, { method: 'POST', token });
|
|
341
|
+
}
|
|
342
|
+
async billingRefund(params, token) {
|
|
343
|
+
return this.request('/v1/billing/refund', {
|
|
344
|
+
method: 'POST', body: params, token,
|
|
345
|
+
});
|
|
346
|
+
}
|
|
347
|
+
// -----------------------------------------------------------------------
|
|
348
|
+
// Crypto wallet deposit address
|
|
349
|
+
// -----------------------------------------------------------------------
|
|
350
|
+
/**
|
|
351
|
+
* Get or create a deposit address for a given chain.
|
|
352
|
+
* Used for crypto top-up — user sends funds to this address.
|
|
353
|
+
*/
|
|
354
|
+
async getWalletAddress(params, token) {
|
|
355
|
+
return this.request('/api/wallet/account', {
|
|
356
|
+
method: 'POST',
|
|
357
|
+
body: { name: `${params.userId}-${params.chain}`, blockchainType: params.chain },
|
|
358
|
+
token,
|
|
359
|
+
});
|
|
360
|
+
}
|
|
361
|
+
// -----------------------------------------------------------------------
|
|
362
|
+
// Bank account (ACH) and crypto payment methods
|
|
363
|
+
// -----------------------------------------------------------------------
|
|
364
|
+
/**
|
|
365
|
+
* Add a bank account payment method (ACH).
|
|
366
|
+
* plaidToken from Plaid Link or Square bank OAuth.
|
|
367
|
+
*/
|
|
368
|
+
async addBankAccount(params, token) {
|
|
369
|
+
return this.request('/v1/billing/payment-methods', {
|
|
370
|
+
method: 'POST',
|
|
371
|
+
body: { customerId: params.customerId, type: 'bank_account', plaidToken: params.plaidToken, bankName: params.bankName, accountType: params.accountType },
|
|
372
|
+
token,
|
|
373
|
+
});
|
|
374
|
+
}
|
|
375
|
+
async addCryptoWallet(params, token) {
|
|
376
|
+
return this.request('/v1/billing/payment-methods', {
|
|
377
|
+
method: 'POST',
|
|
378
|
+
body: { customerId: params.customerId, type: 'crypto', chain: params.chain, address: params.address, label: params.label },
|
|
379
|
+
token,
|
|
380
|
+
});
|
|
381
|
+
}
|
|
382
|
+
// -----------------------------------------------------------------------
|
|
383
|
+
// Top-up
|
|
384
|
+
// -----------------------------------------------------------------------
|
|
385
|
+
/**
|
|
386
|
+
* Convenience: charge a saved payment method and deposit credits.
|
|
387
|
+
* amount is in cents.
|
|
388
|
+
*/
|
|
389
|
+
async topup(params, token) {
|
|
390
|
+
return this.request('/v1/billing/topup', {
|
|
391
|
+
method: 'POST',
|
|
392
|
+
body: params,
|
|
393
|
+
token,
|
|
394
|
+
});
|
|
395
|
+
}
|
|
396
|
+
}
|
|
397
|
+
// ---------------------------------------------------------------------------
|
|
398
|
+
// Standalone factory helpers — import these for quick setup
|
|
399
|
+
// ---------------------------------------------------------------------------
|
|
400
|
+
/**
|
|
401
|
+
* Create a commerce client pre-configured for api.hanzo.ai.
|
|
402
|
+
* Pass your IAM access token (read from localStorage or cookie).
|
|
403
|
+
*
|
|
404
|
+
* @example
|
|
405
|
+
* ```ts
|
|
406
|
+
* import { hanzoCommerce } from '@hanzo/commerce/client'
|
|
407
|
+
* const commerce = hanzoCommerce(localStorage.getItem('hanzo-auth-token') ?? undefined)
|
|
408
|
+
* const plans = await commerce.getPlans()
|
|
409
|
+
* ```
|
|
410
|
+
*/
|
|
411
|
+
export function hanzoCommerce(token) {
|
|
412
|
+
return new Commerce({ token });
|
|
413
|
+
}
|
|
414
|
+
// ---------------------------------------------------------------------------
|
|
415
|
+
// Error
|
|
416
|
+
// ---------------------------------------------------------------------------
|
|
417
|
+
export class CommerceApiError extends Error {
|
|
418
|
+
constructor(status, message) {
|
|
419
|
+
super(message);
|
|
420
|
+
this.name = 'CommerceApiError';
|
|
421
|
+
this.status = status;
|
|
422
|
+
}
|
|
423
|
+
}
|
|
424
|
+
//# sourceMappingURL=client.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client.js","sourceRoot":"","sources":["../client.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
shoppingCart: any;
|
|
3
|
+
menu: any;
|
|
4
|
+
chevronLeft: any;
|
|
5
|
+
chevronRight: any;
|
|
6
|
+
spinner: any;
|
|
7
|
+
check: any;
|
|
8
|
+
plus: any;
|
|
9
|
+
minus: any;
|
|
10
|
+
chevronDown: any;
|
|
11
|
+
chevronsLeft: any;
|
|
12
|
+
chevronsRight: any;
|
|
13
|
+
placeholder: any;
|
|
14
|
+
trash: any;
|
|
15
|
+
search: any;
|
|
16
|
+
barcode: any;
|
|
17
|
+
};
|
|
18
|
+
export default _default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ShoppingCart, Menu, ChevronLeft, ChevronRight, Loader2, Check, Plus, Minus, ChevronDown, ChevronsLeft, ChevronsRight, Image, Trash2, Search, Barcode } from "lucide-react";
|
|
2
|
+
export default {
|
|
3
|
+
shoppingCart: ShoppingCart,
|
|
4
|
+
menu: Menu,
|
|
5
|
+
chevronLeft: ChevronLeft,
|
|
6
|
+
chevronRight: ChevronRight,
|
|
7
|
+
spinner: Loader2,
|
|
8
|
+
check: Check,
|
|
9
|
+
plus: Plus,
|
|
10
|
+
minus: Minus,
|
|
11
|
+
chevronDown: ChevronDown,
|
|
12
|
+
chevronsLeft: ChevronsLeft,
|
|
13
|
+
chevronsRight: ChevronsRight,
|
|
14
|
+
placeholder: Image,
|
|
15
|
+
trash: Trash2,
|
|
16
|
+
search: Search,
|
|
17
|
+
barcode: Barcode
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=Icons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../components/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,OAAO,EACP,KAAK,EACL,IAAI,EACJ,KAAK,EACL,WAAW,EACX,YAAY,EACZ,aAAa,EACb,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACR,MAAM,cAAc,CAAA;AAErB,eAAe;IACb,YAAY,EAAE,YAAY;IAC1B,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,WAAW;IACxB,YAAY,EAAE,YAAY;IAC1B,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,WAAW;IACxB,YAAY,EAAE,YAAY;IAC1B,aAAa,EAAE,aAAa;IAC5B,WAAW,EAAE,KAAK;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,OAAO;CACjB,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { LineItem } from '../types';
|
|
3
|
+
declare const AddToCartWidget: React.FC<{
|
|
4
|
+
item: LineItem;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
buttonClx?: string;
|
|
8
|
+
variant?: 'minimal' | 'primary' | 'primary-smaller' | 'outline';
|
|
9
|
+
onQuantityChanged?: (sku: string, oldV: number, newV: number) => void;
|
|
10
|
+
}>;
|
|
11
|
+
export default AddToCartWidget;
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React, { useEffect, useRef } from 'react';
|
|
4
|
+
import { reaction } from 'mobx';
|
|
5
|
+
import { observer } from 'mobx-react-lite';
|
|
6
|
+
import { Button, buttonVariants } from '@hanzo/ui/primitives';
|
|
7
|
+
import { cn } from '@hanzo/ui/util';
|
|
8
|
+
import Icons from './Icons';
|
|
9
|
+
import { sendFBEvent, sendGAEvent } from '../util/analytics';
|
|
10
|
+
const AddToCartWidget = observer(({ item, variant = 'primary', disabled = false, className = '', buttonClx = '', onQuantityChanged }) => {
|
|
11
|
+
const reactionDisposer = useRef(undefined);
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
if (onQuantityChanged) {
|
|
14
|
+
reactionDisposer.current = reaction(() => (item.quantity), (quantity, previous) => {
|
|
15
|
+
onQuantityChanged(item.sku, quantity, previous);
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
return () => {
|
|
19
|
+
if (reactionDisposer.current) {
|
|
20
|
+
reactionDisposer.current();
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
}, []);
|
|
24
|
+
const ROUNDED_VAL = 'lg';
|
|
25
|
+
// no need to safelist, since its used widely
|
|
26
|
+
const ROUNDED_CLX = ` rounded-${ROUNDED_VAL} `;
|
|
27
|
+
const ghost = variant === 'minimal';
|
|
28
|
+
const outline = variant === 'outline';
|
|
29
|
+
const primary = variant === 'primary';
|
|
30
|
+
const priSmaller = variant === 'primary-smaller';
|
|
31
|
+
let iconClx = ghost ? 'h-4 w-4 md:h-3 md:w-3 text-muted-3 ' : (priSmaller ? 'h-4 w-6 px-0.5 opacity-70' : 'h-5 w-7 px-1 opacity-70 ');
|
|
32
|
+
iconClx += ghost ? 'group-hover:text-foreground' : 'group-hover:opacity-100';
|
|
33
|
+
let digitClx = ghost ? 'px-2 md:px-0.5 ' : 'sm:px-2 font-semibold ';
|
|
34
|
+
digitClx += (ghost || outline) ? 'text-foreground ' : 'text-primary-fg ';
|
|
35
|
+
if (disabled) {
|
|
36
|
+
return (_jsx("div", { className: cn('flex flex-row items-stretch' + ROUNDED_CLX + (!(primary || priSmaller) ? 'bg-transparent' : 'bg-primary'), className), children: _jsx("div", { className: 'text-sm flex items-center cursor-default ' + digitClx, children: item.quantity }) }));
|
|
37
|
+
}
|
|
38
|
+
const inc = (event) => {
|
|
39
|
+
item.increment();
|
|
40
|
+
event.stopPropagation(); // in case we're part of a larger selection UI
|
|
41
|
+
sendGAEvent('add_to_cart', {
|
|
42
|
+
items: [{
|
|
43
|
+
item_id: item.sku,
|
|
44
|
+
item_name: item.title,
|
|
45
|
+
item_category: item.familyId,
|
|
46
|
+
price: item.price,
|
|
47
|
+
quantity: item.quantity
|
|
48
|
+
}],
|
|
49
|
+
value: item.price,
|
|
50
|
+
currency: 'USD',
|
|
51
|
+
});
|
|
52
|
+
sendFBEvent('AddToCart', {
|
|
53
|
+
content_ids: [item.sku],
|
|
54
|
+
contents: [{
|
|
55
|
+
id: item.sku,
|
|
56
|
+
quantity: item.quantity
|
|
57
|
+
}],
|
|
58
|
+
content_name: item.title,
|
|
59
|
+
value: item.price,
|
|
60
|
+
currency: 'USD',
|
|
61
|
+
});
|
|
62
|
+
};
|
|
63
|
+
const dec = (event) => {
|
|
64
|
+
item.decrement();
|
|
65
|
+
event.stopPropagation(); // in case we're part of a larger selection UI
|
|
66
|
+
sendGAEvent('remove_from_cart', {
|
|
67
|
+
items: [{
|
|
68
|
+
item_id: item.sku,
|
|
69
|
+
item_name: item.title,
|
|
70
|
+
item_category: item.familyId,
|
|
71
|
+
price: item.price,
|
|
72
|
+
quantity: item.quantity
|
|
73
|
+
}],
|
|
74
|
+
value: item.price,
|
|
75
|
+
currency: 'USD',
|
|
76
|
+
});
|
|
77
|
+
};
|
|
78
|
+
return (item.isInCart ? (_jsxs("div", { className: cn('flex flex-row items-stretch justify-between ',
|
|
79
|
+
// should match 'xs' and 'default' button heights
|
|
80
|
+
(ghost || priSmaller ? 'h-8' : 'h-9'), ROUNDED_CLX, (primary || priSmaller ? 'bg-primary' : 'bg-transparent'), (outline ? 'border border-muted' : ''), className), children: [_jsx(Button, { "aria-label": 'Remove a ' + item.title + ' from the cart', size: ghost || priSmaller ? 'xs' : 'default', variant: primary || priSmaller ? 'primary' : 'ghost', rounded: ghost ? 'full' : ROUNDED_VAL, className: cn('lg:min-w-0 lg:px-2 grow justify-start group', (ghost || priSmaller ? 'px-1' : 'px-2'), (outline ? 'hover:bg-transparent' : ''), buttonClx, 'h-auto self-stretch' // must be smaller than normal
|
|
81
|
+
), onClick: dec, children: (item.quantity > 1) ? (_jsx(Icons.minus, { className: iconClx, "aria-hidden": 'true' })) : (_jsx(Icons.trash, { className: iconClx, "aria-hidden": 'true' })) }, 'left'), _jsxs("div", { className: cn('grow-0 shrink-0 flex items-center cursor-default xs:px-2', priSmaller || ghost ? 'text-xs' : 'text-sm', digitClx), children: [item.quantity, ghost ? '' : ' in Bag'] }), _jsx(Button, { "aria-label": 'Add another ' + item.title + ' to the cart', size: ghost || priSmaller ? 'xs' : 'default', variant: primary || priSmaller ? 'primary' : 'ghost', rounded: ghost ? 'full' : ROUNDED_VAL, className: cn('lg:min-w-0 lg:px-2 grow justify-end group', (ghost || priSmaller ? 'px-1' : 'px-2'), (outline ? 'hover:bg-transparent' : ''), buttonClx, 'h-auto self-stretch' // must be smaller than normal
|
|
82
|
+
), onClick: inc, children: _jsx(Icons.plus, { className: iconClx, "aria-hidden": 'true' }) }, 'right')] })) : (_jsxs(Button, { "aria-label": 'Add a ' + item.title + ' to cart', size: ghost || priSmaller ? 'xs' : 'default', variant: ghost ? 'ghost' : (primary || priSmaller ? 'primary' : 'outline'), rounded: ROUNDED_VAL, className: cn(buttonClx, className), onClick: inc, children: [_jsx("span", { className: 'm1-1', children: "Add" }), _jsx(Icons.plus, { className: 'h-5 w-5 ml-1', "aria-hidden": 'true' })] })));
|
|
83
|
+
});
|
|
84
|
+
export default AddToCartWidget;
|
|
85
|
+
//# sourceMappingURL=add-to-cart-widget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"add-to-cart-widget.js","sourceRoot":"","sources":["../../components/add-to-cart-widget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React, { type ComponentType } from 'react';
|
|
2
|
+
import type { ItemSelectorProps, ItemSelectorCompProps } from '../../types';
|
|
3
|
+
declare const BuyCard: React.FC<{
|
|
4
|
+
skuPath: string;
|
|
5
|
+
/** For any selectors that show a list of choices,
|
|
6
|
+
* starting with 'scrollAfter' elements,
|
|
7
|
+
* the list will scroll, and the card will
|
|
8
|
+
* have 'scrollHeightClx' applied to it to define and fix the height.
|
|
9
|
+
* This is most like something like '80vh'
|
|
10
|
+
* defaults are '5' and 'h-[70vh]'
|
|
11
|
+
* */
|
|
12
|
+
scrollAfter?: number;
|
|
13
|
+
scrollHeightClx?: string;
|
|
14
|
+
clx?: string;
|
|
15
|
+
famWidgetClx?: string;
|
|
16
|
+
addWidgetClx?: string;
|
|
17
|
+
selector: ComponentType<ItemSelectorProps>;
|
|
18
|
+
selectorProps?: ItemSelectorCompProps;
|
|
19
|
+
/** Show all items from all sibling families
|
|
20
|
+
* If skuPath defines a Family, the first of it's items will
|
|
21
|
+
* be selected. The facet widget will just select a the first
|
|
22
|
+
* item in the chosen Family without changings the overall set
|
|
23
|
+
* of choices. */
|
|
24
|
+
allVariants?: boolean;
|
|
25
|
+
familyTabAs?: 'image' | 'label' | 'image-and-label';
|
|
26
|
+
showItemMedia?: boolean;
|
|
27
|
+
onQuantityChanged?: (sku: string, oldV: number, newV: number) => void;
|
|
28
|
+
mobile?: boolean;
|
|
29
|
+
}>;
|
|
30
|
+
export default BuyCard;
|