@luxfi/ui 8.2.8 → 8.2.10
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/dist/3d-model-viewer.cjs +7 -7
- package/dist/accordion.cjs +3 -3
- package/dist/advanced-navigation-bar.cjs +2 -2
- package/dist/ai-agents.cjs +29 -29
- package/dist/ai-assistant.cjs +7 -7
- package/dist/ai-chat.cjs +11 -11
- package/dist/ai-code.cjs +28 -28
- package/dist/ai-playground.cjs +13 -13
- package/dist/ai-tools.cjs +13 -13
- package/dist/ai-vision.cjs +22 -22
- package/dist/ai-voice-settings.cjs +22 -22
- package/dist/ai-voice.cjs +18 -18
- package/dist/alert.cjs +6 -6
- package/dist/announcement.cjs +2 -2
- package/dist/app-switcher-navigation-bar.cjs +2 -2
- package/dist/apple-cards-carousel.cjs +3 -3
- package/dist/auth.cjs +4 -4
- package/dist/avatar.cjs +2 -2
- package/dist/badge.cjs +4 -4
- package/dist/button.cjs +3 -3
- package/dist/chrome.cjs +23 -23
- package/dist/code-block.cjs +7 -7
- package/dist/code-compare.cjs +16 -16
- package/dist/code-diff.cjs +7 -7
- package/dist/code-editor.cjs +3 -3
- package/dist/code-explorer.cjs +4 -4
- package/dist/code-preview.cjs +15 -15
- package/dist/code-snippet.cjs +9 -9
- package/dist/code-terminal.cjs +9 -9
- package/dist/collapsible.cjs +3 -3
- package/dist/color-picker.cjs +4 -4
- package/dist/combobox.cjs +2 -2
- package/dist/communication-navigation-bar.cjs +4 -4
- package/dist/dashboard-navigation-bar.cjs +3 -3
- package/dist/dialog-stack.cjs +2 -2
- package/dist/dialog.cjs +2 -2
- package/dist/drawer.cjs +8 -8
- package/dist/e-commerce-navigation-bar.cjs +4 -4
- package/dist/editor.cjs +5 -5
- package/dist/iam.cjs +2 -2
- package/dist/icon-button.cjs +2 -2
- package/dist/identity.cjs +10 -10
- package/dist/image-crop.cjs +5 -5
- package/dist/image.cjs +2 -2
- package/dist/index.cjs +609 -609
- package/dist/input-group.cjs +3 -3
- package/dist/item.cjs +2 -2
- package/dist/kanban.cjs +15 -15
- package/dist/limelight-nav.cjs +4 -4
- package/dist/link.cjs +6 -6
- package/dist/lux.config.cjs +8 -8
- package/dist/menu.cjs +5 -5
- package/dist/message-dock.cjs +2 -2
- package/dist/mini-calendar.cjs +3 -3
- package/dist/music-player.cjs +11 -11
- package/dist/next.cjs +5 -5
- package/dist/popover.cjs +2 -2
- package/dist/progress-circle.cjs +3 -3
- package/dist/provider.cjs +5 -5
- package/dist/select.cjs +2 -2
- package/dist/sidebar.cjs +11 -11
- package/dist/site/commerce/ui/context.cjs +3 -3
- package/dist/site/components/analytics.cjs +2 -2
- package/dist/site/components/auth/callback.cjs +2 -2
- package/dist/site/components/auth/login-panel.cjs +4 -4
- package/dist/site/components/auth/login.cjs +2 -2
- package/dist/site/components/auth/widget.cjs +2 -2
- package/dist/site/components/commerce/bag-button.cjs +2 -2
- package/dist/site/components/commerce/buy-button.cjs +2 -2
- package/dist/site/components/commerce/checkout-button.cjs +2 -2
- package/dist/site/components/commerce/checkout-panel/desktop-cp.cjs +8 -8
- package/dist/site/components/commerce/checkout-panel/index.cjs +3 -3
- package/dist/site/components/commerce/checkout-panel/mobile-cp.cjs +7 -7
- package/dist/site/components/commerce/desktop-bag-popup.cjs +3 -3
- package/dist/site/components/commerce/drawer/index.cjs +6 -6
- package/dist/site/components/commerce/drawer/micro.cjs +3 -3
- package/dist/site/components/commerce/drawer/shell.cjs +2 -2
- package/dist/site/components/contact-dialog/index.cjs +2 -2
- package/dist/site/components/drawer-margin.cjs +2 -2
- package/dist/site/components/footer.cjs +5 -5
- package/dist/site/components/header/desktop.cjs +5 -5
- package/dist/site/components/header/index.cjs +2 -2
- package/dist/site/components/header/mobile-bag-drawer.cjs +1 -1
- package/dist/site/components/header/mobile-nav-menu-ai.cjs +2 -28
- package/dist/site/components/header/mobile-nav-menu-ai.js +2 -24
- package/dist/site/components/header/mobile-nav-menu-item.cjs +4 -4
- package/dist/site/components/header/mobile-nav-menu.cjs +2 -2
- package/dist/site/components/header/mobile.cjs +11 -34
- package/dist/site/components/header/mobile.js +2 -24
- package/dist/site/components/icons/index.cjs +15 -15
- package/dist/site/components/index.cjs +66 -66
- package/dist/site/components/mini-chart/index.cjs +3 -3
- package/dist/site/components/mini-chart/wrapper.cjs +1 -1
- package/dist/site/components/not-found/index.cjs +3 -3
- package/dist/site/components/security/index.cjs +3 -3
- package/dist/site/next/analytics/index.cjs +7 -7
- package/dist/site/next/analytics/pixel-analytics.cjs +1 -1
- package/dist/site/next/index.cjs +6 -6
- package/dist/site/root-layout/index.cjs +9 -9
- package/dist/site/site-def/footer/community.cjs +10 -10
- package/dist/site/site-def/footer/company.d.ts +3 -3
- package/dist/site/site-def/footer/index.cjs +7 -7
- package/dist/site/site-def/index.cjs +6 -6
- package/dist/table.cjs +2 -2
- package/dist/tabs.cjs +3 -3
- package/dist/tag.cjs +6 -6
- package/dist/tags.cjs +2 -2
- package/dist/textarea.cjs +3 -3
- package/dist/tooltip.cjs +4 -4
- package/dist/vite.cjs +3 -3
- package/package.json +4 -4
|
@@ -6,8 +6,8 @@ var mobxReactLite = require('mobx-react-lite');
|
|
|
6
6
|
var navigation = require('next/navigation');
|
|
7
7
|
var usehooksTs = require('usehooks-ts');
|
|
8
8
|
var commerce = require('@hanzo/commerce');
|
|
9
|
-
var
|
|
10
|
-
var conf = require('./conf.
|
|
9
|
+
var store_cjs = require('./store.cjs');
|
|
10
|
+
var conf = require('./conf.cjs');
|
|
11
11
|
var jsxRuntime = require('react/jsx-runtime');
|
|
12
12
|
|
|
13
13
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -30,7 +30,7 @@ var CommerceUIProvider = ({
|
|
|
30
30
|
}) => {
|
|
31
31
|
const cmmc = commerce.useCommerce();
|
|
32
32
|
const pathname = navigation.usePathname();
|
|
33
|
-
const storeRef = react.useRef(new
|
|
33
|
+
const storeRef = react.useRef(new store_cjs.CommerceUIStore(cmmc, conf__default.default));
|
|
34
34
|
const prevPathRef = react.useRef("initial");
|
|
35
35
|
const onResize = () => {
|
|
36
36
|
const width = window.innerWidth;
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var google = require('@next/third-parties/google');
|
|
5
|
-
var
|
|
5
|
+
var index_cjs = require('../next/analytics/index.cjs');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
|
|
8
8
|
var Analytics = () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
9
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9
|
+
/* @__PURE__ */ jsxRuntime.jsx(index_cjs.FacebookPixel, {}),
|
|
10
10
|
/* @__PURE__ */ jsxRuntime.jsx(google.GoogleAnalytics, { gaId: process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID ?? "" })
|
|
11
11
|
] });
|
|
12
12
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
var react$1 = require('react');
|
|
5
5
|
var react = require('@hanzo/iam/react');
|
|
6
|
-
var
|
|
6
|
+
var resume_cjs = require('./resume.cjs');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
|
|
9
9
|
var Callback = () => {
|
|
@@ -11,7 +11,7 @@ var Callback = () => {
|
|
|
11
11
|
const [error, setError] = react$1.useState(null);
|
|
12
12
|
react$1.useEffect(() => {
|
|
13
13
|
handleCallback().then(() => {
|
|
14
|
-
window.location.replace(
|
|
14
|
+
window.location.replace(resume_cjs.resume());
|
|
15
15
|
}).catch((e) => {
|
|
16
16
|
setError(e.message);
|
|
17
17
|
});
|
|
@@ -5,10 +5,10 @@ var React = require('react');
|
|
|
5
5
|
var Link = require('next/link');
|
|
6
6
|
var ui = require('@hanzo/ui');
|
|
7
7
|
var primitives = require('@hanzo/ui/primitives');
|
|
8
|
-
var Login = require('./login.
|
|
8
|
+
var Login = require('./login.cjs');
|
|
9
9
|
var logo = require('@luxfi/logo');
|
|
10
|
-
var Logo = require('../logo.
|
|
11
|
-
var
|
|
10
|
+
var Logo = require('../logo.cjs');
|
|
11
|
+
var index_cjs = require('../../site-def/footer/index.cjs');
|
|
12
12
|
var jsxRuntime = require('react/jsx-runtime');
|
|
13
13
|
|
|
14
14
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -61,7 +61,7 @@ var LoginPanel = ({
|
|
|
61
61
|
}
|
|
62
62
|
),
|
|
63
63
|
/* @__PURE__ */ jsxRuntime.jsx(Login__default.default, { className: "w-full max-w-sm" }),
|
|
64
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm opacity-50", children:
|
|
64
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm opacity-50", children: index_cjs.legal.map(({ title, href }, index) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
|
|
65
65
|
index > 0 && " \xB7 ",
|
|
66
66
|
/* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href, className: "underline", children: title })
|
|
67
67
|
] }, href)) })
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var react$1 = require('react');
|
|
5
5
|
var ui = require('@hanzo/ui');
|
|
6
6
|
var react = require('@hanzo/iam/react');
|
|
7
|
-
var
|
|
7
|
+
var resume_cjs = require('./resume.cjs');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
|
|
10
10
|
var Login = ({
|
|
@@ -13,7 +13,7 @@ var Login = ({
|
|
|
13
13
|
}) => {
|
|
14
14
|
const { config } = react.useIam();
|
|
15
15
|
const [state] = react$1.useState(() => crypto.randomUUID());
|
|
16
|
-
react$1.useEffect(
|
|
16
|
+
react$1.useEffect(resume_cjs.remember, []);
|
|
17
17
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
18
18
|
react.Login,
|
|
19
19
|
{
|
|
@@ -5,7 +5,7 @@ var react = require('react');
|
|
|
5
5
|
var primitives = require('@hanzo/ui/primitives');
|
|
6
6
|
var ui = require('@hanzo/ui');
|
|
7
7
|
var react$1 = require('@hanzo/iam/react');
|
|
8
|
-
var
|
|
8
|
+
var resume_cjs = require('./resume.cjs');
|
|
9
9
|
var jsxRuntime = require('react/jsx-runtime');
|
|
10
10
|
|
|
11
11
|
var Widget = ({
|
|
@@ -25,7 +25,7 @@ var Widget = ({
|
|
|
25
25
|
variant: "primary",
|
|
26
26
|
className: ui.cn("h-8 w-fit !min-w-0", className),
|
|
27
27
|
onClick: handleLogin ?? (() => {
|
|
28
|
-
|
|
28
|
+
resume_cjs.remember();
|
|
29
29
|
void login();
|
|
30
30
|
}),
|
|
31
31
|
children: "Login"
|
|
@@ -7,7 +7,7 @@ var mobxReactLite = require('mobx-react-lite');
|
|
|
7
7
|
var primitives = require('@hanzo/ui/primitives');
|
|
8
8
|
var ui = require('@hanzo/ui');
|
|
9
9
|
var commerce = require('@hanzo/commerce');
|
|
10
|
-
var
|
|
10
|
+
var index_cjs = require('../icons/index.cjs');
|
|
11
11
|
var jsxRuntime = require('react/jsx-runtime');
|
|
12
12
|
|
|
13
13
|
var BagButton = mobxReactLite.observer(({
|
|
@@ -65,7 +65,7 @@ var BagButton = mobxReactLite.observer(({
|
|
|
65
65
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[3px] w-full" }),
|
|
66
66
|
/* @__PURE__ */ jsxRuntime.jsx("div", { children: c.cartQuantity })
|
|
67
67
|
] }),
|
|
68
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
68
|
+
/* @__PURE__ */ jsxRuntime.jsx(index_cjs.Bag, { width: "24", height: "28", className: ui.cn(
|
|
69
69
|
"relative -top-[3px] fill-primary",
|
|
70
70
|
iconClx,
|
|
71
71
|
animateOnHover ? "group-hover:fill-primary-hover group-hover:scale-105 transition-scale transition-duration-300" : ""
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
var primitives = require('@hanzo/ui/primitives');
|
|
5
5
|
var ui = require('@hanzo/ui');
|
|
6
|
-
var
|
|
6
|
+
var context_cjs = require('../../commerce/ui/context.cjs');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
|
|
9
9
|
var BuyButton = ({
|
|
@@ -12,7 +12,7 @@ var BuyButton = ({
|
|
|
12
12
|
className = "",
|
|
13
13
|
...rest
|
|
14
14
|
}) => {
|
|
15
|
-
const buyOptions =
|
|
15
|
+
const buyOptions = context_cjs.useSelectAndBuy();
|
|
16
16
|
const handleClick = () => {
|
|
17
17
|
buyOptions.showVariants(skuPath);
|
|
18
18
|
};
|
|
@@ -7,7 +7,7 @@ var mobxReactLite = require('mobx-react-lite');
|
|
|
7
7
|
var primitives = require('@hanzo/ui/primitives');
|
|
8
8
|
var ui = require('@hanzo/ui');
|
|
9
9
|
var commerce = require('@hanzo/commerce');
|
|
10
|
-
var
|
|
10
|
+
var index_cjs = require('../icons/index.cjs');
|
|
11
11
|
var jsxRuntime = require('react/jsx-runtime');
|
|
12
12
|
|
|
13
13
|
var IconAndQuantity = mobxReactLite.observer(({
|
|
@@ -57,7 +57,7 @@ var IconAndQuantity = mobxReactLite.observer(({
|
|
|
57
57
|
position: "relative",
|
|
58
58
|
top: "1px"
|
|
59
59
|
}, children: cmmc.cartQuantity }) }),
|
|
60
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
60
|
+
/* @__PURE__ */ jsxRuntime.jsx(index_cjs.Bag, { width: "19", height: "24", className: ui.cn("relative -top-[3px] opacity-70", iconClx), "aria-hidden": "true" })
|
|
61
61
|
] }),
|
|
62
62
|
showArrow && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "17px" }, children: "\u203A" })
|
|
63
63
|
] });
|
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
|
|
4
4
|
var mobxReactLite = require('mobx-react-lite');
|
|
5
5
|
var primitives = require('@hanzo/ui/primitives');
|
|
6
|
-
var AuthWidget = require('../../auth/widget.
|
|
6
|
+
var AuthWidget = require('../../auth/widget.cjs');
|
|
7
7
|
var commerce = require('@hanzo/commerce');
|
|
8
8
|
var ui = require('@hanzo/ui');
|
|
9
|
-
var
|
|
10
|
-
var DesktopBagCarousel = require('./desktop-bag-carousel.
|
|
11
|
-
var LinksRow = require('./policy-links.
|
|
9
|
+
var index_cjs = require('../../index.cjs');
|
|
10
|
+
var DesktopBagCarousel = require('./desktop-bag-carousel.cjs');
|
|
11
|
+
var LinksRow = require('./policy-links.cjs');
|
|
12
12
|
var jsxRuntime = require('react/jsx-runtime');
|
|
13
13
|
|
|
14
14
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -28,18 +28,18 @@ var DesktopCheckoutPanel = mobxReactLite.observer(({
|
|
|
28
28
|
return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: ui.cn("grid grid-cols-2", clx), children: [
|
|
29
29
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full bg-background flex flex-row items-start justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full max-w-[750px] relative flex flex-col items-stretch justify-start px-8 pb-8", children: [
|
|
30
30
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-[80px] grow-0 flex flex-row items-center z-10", children: [
|
|
31
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
32
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
31
|
+
/* @__PURE__ */ jsxRuntime.jsx(index_cjs.Logo, { size: "md", href: "/", onClick: onLeave, variant: "wordmark", outerClx: "logo-outer-tooltip-class" }),
|
|
32
|
+
/* @__PURE__ */ jsxRuntime.jsx(index_cjs.Tooltip, { select: ".logo-outer-tooltip-class", text: "home", position: "right", offset: 6 })
|
|
33
33
|
] }, 1),
|
|
34
34
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
35
|
-
|
|
35
|
+
index_cjs.BackButton,
|
|
36
36
|
{
|
|
37
37
|
size: "sm",
|
|
38
38
|
clx: "z-10 absolute top-14 left-6 !px-0 aspect-square rounded-full hover:!bg-level-3 back-button-tooltip-class ",
|
|
39
39
|
onBack: onLeave
|
|
40
40
|
}
|
|
41
41
|
),
|
|
42
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
42
|
+
/* @__PURE__ */ jsxRuntime.jsx(index_cjs.Tooltip, { select: ".back-button-tooltip-class", text: "back", position: "right", offset: 5 }),
|
|
43
43
|
/* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: ui.cn(
|
|
44
44
|
"w-full grow min-h-0 max-w-[550px] mx-auto flex flex-col gap-3",
|
|
45
45
|
cmmc.cartItems.length > 4 ? "justify-between" : "justify-start gap-10 pt-10"
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
var react = require('react');
|
|
5
5
|
var ui = require('@hanzo/ui');
|
|
6
6
|
var commerce = require('@hanzo/commerce');
|
|
7
|
-
var ThankYou = require('./thank-you.
|
|
8
|
-
var DesktopCP = require('./desktop-cp.
|
|
9
|
-
var MobileCP = require('./mobile-cp.
|
|
7
|
+
var ThankYou = require('./thank-you.cjs');
|
|
8
|
+
var DesktopCP = require('./desktop-cp.cjs');
|
|
9
|
+
var MobileCP = require('./mobile-cp.cjs');
|
|
10
10
|
var jsxRuntime = require('react/jsx-runtime');
|
|
11
11
|
|
|
12
12
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
|
|
4
4
|
var primitives = require('@hanzo/ui/primitives');
|
|
5
5
|
var ui = require('@hanzo/ui');
|
|
6
|
-
var AuthWidget = require('../../auth/widget.
|
|
7
|
-
var
|
|
8
|
-
var BagButton = require('../bag-button.
|
|
9
|
-
var PolicyLinks = require('./policy-links.
|
|
10
|
-
var CartAccordian = require('./cart-accordian.
|
|
6
|
+
var AuthWidget = require('../../auth/widget.cjs');
|
|
7
|
+
var index_cjs = require('../../index.cjs');
|
|
8
|
+
var BagButton = require('../bag-button.cjs');
|
|
9
|
+
var PolicyLinks = require('./policy-links.cjs');
|
|
10
|
+
var CartAccordian = require('./cart-accordian.cjs');
|
|
11
11
|
var jsxRuntime = require('react/jsx-runtime');
|
|
12
12
|
|
|
13
13
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -27,14 +27,14 @@ var MobileCheckoutPanel = ({
|
|
|
27
27
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed z-11 top-0 h-[45px] w-full flex justify-between items-stretch bg-background", children: [
|
|
28
28
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-stretch gap-1 grow-0", children: [
|
|
29
29
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
30
|
-
|
|
30
|
+
index_cjs.BackButton,
|
|
31
31
|
{
|
|
32
32
|
size: "sm",
|
|
33
33
|
clx: "-ml-5 !px-0 aspect-square h-full rounded-full active:!bg-level-3 ",
|
|
34
34
|
onBack: onLeave
|
|
35
35
|
}
|
|
36
36
|
),
|
|
37
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
37
|
+
/* @__PURE__ */ jsxRuntime.jsx(index_cjs.Logo, { size: "sm", variant: "wordmark", href: "/", onClick: onLeave, outerClx: "-ml-2" })
|
|
38
38
|
] }),
|
|
39
39
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
40
40
|
primitives.StepIndicator,
|
|
@@ -7,8 +7,8 @@ var lucideReact = require('lucide-react');
|
|
|
7
7
|
var primitives = require('@hanzo/ui/primitives');
|
|
8
8
|
var ui = require('@hanzo/ui');
|
|
9
9
|
var commerce = require('@hanzo/commerce');
|
|
10
|
-
var
|
|
11
|
-
var sendGAEvent = require('../../next/analytics/google-analytics.
|
|
10
|
+
var index_cjs = require('../icons/index.cjs');
|
|
11
|
+
var sendGAEvent = require('../../next/analytics/google-analytics.cjs');
|
|
12
12
|
var jsxRuntime = require('react/jsx-runtime');
|
|
13
13
|
|
|
14
14
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -57,7 +57,7 @@ var DesktopBagPopup = ({
|
|
|
57
57
|
buttonClx: "max-w-[220px] flex-none",
|
|
58
58
|
children: [
|
|
59
59
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center flex-none justify-center ", children: [
|
|
60
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
60
|
+
/* @__PURE__ */ jsxRuntime.jsx(index_cjs.Bag, { className: "mr-2 relative w-6 h-7 fill-foreground " }),
|
|
61
61
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-heading text-foreground text-default", children: "Your Bag" })
|
|
62
62
|
] }),
|
|
63
63
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[1px] w-pr-80 bg-muted-3 mx-auto mt-1.5 flex-none" })
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
var navigation = require('next/navigation');
|
|
5
5
|
var mobxReactLite = require('mobx-react-lite');
|
|
6
6
|
var commerce = require('@hanzo/commerce');
|
|
7
|
-
var
|
|
8
|
-
var CommerceDrawer = require('./shell.
|
|
9
|
-
var CheckoutButton = require('../checkout-button.
|
|
10
|
-
var Micro = require('./micro.
|
|
7
|
+
var context_cjs = require('../../../commerce/ui/context.cjs');
|
|
8
|
+
var CommerceDrawer = require('./shell.cjs');
|
|
9
|
+
var CheckoutButton = require('../checkout-button.cjs');
|
|
10
|
+
var Micro = require('./micro.cjs');
|
|
11
11
|
var jsxRuntime = require('react/jsx-runtime');
|
|
12
12
|
|
|
13
13
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -17,8 +17,8 @@ var CheckoutButton__default = /*#__PURE__*/_interopDefault(CheckoutButton);
|
|
|
17
17
|
var Micro__default = /*#__PURE__*/_interopDefault(Micro);
|
|
18
18
|
|
|
19
19
|
var CommerceUIComponent = mobxReactLite.observer(() => {
|
|
20
|
-
const buy =
|
|
21
|
-
const drawer =
|
|
20
|
+
const buy = context_cjs.useSelectAndBuy();
|
|
21
|
+
const drawer = context_cjs.useCommerceDrawer();
|
|
22
22
|
const router = navigation.useRouter();
|
|
23
23
|
const handleCheckout = () => {
|
|
24
24
|
router.push("/checkout");
|
|
@@ -5,8 +5,8 @@ var mobxReactLite = require('mobx-react-lite');
|
|
|
5
5
|
var primitives = require('@hanzo/ui/primitives');
|
|
6
6
|
var ui = require('@hanzo/ui');
|
|
7
7
|
var commerce = require('@hanzo/commerce');
|
|
8
|
-
var CheckoutButton = require('../checkout-button.
|
|
9
|
-
var
|
|
8
|
+
var CheckoutButton = require('../checkout-button.cjs');
|
|
9
|
+
var context_cjs = require('../../../commerce/ui/context.cjs');
|
|
10
10
|
var jsxRuntime = require('react/jsx-runtime');
|
|
11
11
|
|
|
12
12
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -54,7 +54,7 @@ var Micro = mobxReactLite.observer(({
|
|
|
54
54
|
handleCheckout,
|
|
55
55
|
handleItemClicked
|
|
56
56
|
}) => {
|
|
57
|
-
const drawer =
|
|
57
|
+
const drawer = context_cjs.useCommerceDrawer();
|
|
58
58
|
const cmmc = commerce.useCommerce();
|
|
59
59
|
return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: ui.cn(
|
|
60
60
|
drawer.showRecent ? "grid grid-cols-2" : "flex justify-center items-center ",
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var mobxReactLite = require('mobx-react-lite');
|
|
5
5
|
var primitives = require('@hanzo/ui/primitives');
|
|
6
6
|
var ui = require('@hanzo/ui');
|
|
7
|
-
var
|
|
7
|
+
var context_cjs = require('../../../commerce/ui/context.cjs');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
|
|
10
10
|
var CommerceDrawer = mobxReactLite.observer(({
|
|
@@ -13,7 +13,7 @@ var CommerceDrawer = mobxReactLite.observer(({
|
|
|
13
13
|
drawerClx = "",
|
|
14
14
|
...rest
|
|
15
15
|
}) => {
|
|
16
|
-
const drawer =
|
|
16
|
+
const drawer = context_cjs.useCommerceDrawer();
|
|
17
17
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
18
18
|
primitives.Drawer,
|
|
19
19
|
{
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
var react = require('react');
|
|
5
5
|
var primitives = require('@hanzo/ui/primitives');
|
|
6
|
-
var ContactForm = require('./contact-form.
|
|
7
|
-
var Disclaimer = require('./disclaimer.
|
|
6
|
+
var ContactForm = require('./contact-form.cjs');
|
|
7
|
+
var Disclaimer = require('./disclaimer.cjs');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
|
|
10
10
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var ui = require('@hanzo/ui');
|
|
5
|
-
var
|
|
5
|
+
var context_cjs = require('../commerce/ui/context.cjs');
|
|
6
6
|
var mobxReactLite = require('mobx-react-lite');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
|
|
9
9
|
var DrawerMargin = mobxReactLite.observer(({
|
|
10
10
|
clx = ""
|
|
11
11
|
}) => {
|
|
12
|
-
const drawer =
|
|
12
|
+
const drawer = context_cjs.useCommerceDrawer();
|
|
13
13
|
if (!drawer) {
|
|
14
14
|
throw new Error("DrawerMargin must be used with a CommerceUIContext!");
|
|
15
15
|
}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
var primitives = require('@hanzo/ui/primitives');
|
|
4
4
|
var ui = require('@hanzo/ui');
|
|
5
|
-
var Copyright = require('./copyright.
|
|
6
|
-
var
|
|
7
|
-
var FooterNav = require('./footer-nav.
|
|
8
|
-
var Logo = require('./logo.
|
|
5
|
+
var Copyright = require('./copyright.cjs');
|
|
6
|
+
var legal_cjs = require('../site-def/footer/legal.cjs');
|
|
7
|
+
var FooterNav = require('./footer-nav.cjs');
|
|
8
|
+
var Logo = require('./logo.cjs');
|
|
9
9
|
var jsxRuntime = require('react/jsx-runtime');
|
|
10
10
|
|
|
11
11
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -23,7 +23,7 @@ var Footer = ({
|
|
|
23
23
|
const { footer, aboveCopyright } = siteDef;
|
|
24
24
|
const smGridCols = Math.floor(footer.length / 2);
|
|
25
25
|
const smGridColsClx = `sm:grid-cols-${smGridCols} `;
|
|
26
|
-
const _aboveCopyright = typeof aboveCopyright === "undefined" ?
|
|
26
|
+
const _aboveCopyright = typeof aboveCopyright === "undefined" ? legal_cjs.legal : aboveCopyright;
|
|
27
27
|
return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { tag: "footer", className: ui.cn("grow flex flex-col justify-between gap-6 pb-[2vh]", className), children: [
|
|
28
28
|
/* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: (noHorizPadding ? "" : "px-5 md:px-8 ") + "grid grid-cols-2 gap-4 gap-y-6 md:gap-x-6 lg:gap-8 " + smGridColsClx + "md:w-full sm:justify-items-center md:mx-0 lg:w-full md:flex md:flex-row md:justify-between px-[24px]", children: [
|
|
29
29
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsx(Logo__default.default, { size: "md", variant: "wordmark" }) }, 0),
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var ui = require('@hanzo/ui');
|
|
6
|
-
var AuthWidget = require('../auth/widget.
|
|
7
|
-
var Logo = require('../logo.
|
|
8
|
-
var DesktopBagPopup = require('../commerce/desktop-bag-popup.
|
|
9
|
-
var BagButton = require('../commerce/bag-button.
|
|
10
|
-
var DesktopNav = require('./desktop-nav-menu.
|
|
6
|
+
var AuthWidget = require('../auth/widget.cjs');
|
|
7
|
+
var Logo = require('../logo.cjs');
|
|
8
|
+
var DesktopBagPopup = require('../commerce/desktop-bag-popup.cjs');
|
|
9
|
+
var BagButton = require('../commerce/bag-button.cjs');
|
|
10
|
+
var DesktopNav = require('./desktop-nav-menu.cjs');
|
|
11
11
|
var jsxRuntime = require('react/jsx-runtime');
|
|
12
12
|
|
|
13
13
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var DesktopHeader = require('./desktop.
|
|
6
|
-
var MobileHeader = require('./mobile.
|
|
5
|
+
var DesktopHeader = require('./desktop.cjs');
|
|
6
|
+
var MobileHeader = require('./mobile.cjs');
|
|
7
7
|
var ui = require('@hanzo/ui');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var primitives = require('@hanzo/ui/primitives');
|
|
5
5
|
var ui = require('@hanzo/ui');
|
|
6
6
|
var commerce = require('@hanzo/commerce');
|
|
7
|
-
var BagButton = require('../commerce/bag-button.
|
|
7
|
+
var BagButton = require('../commerce/bag-button.cjs');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
|
|
10
10
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -5,41 +5,15 @@ var react = require('react');
|
|
|
5
5
|
var ui = require('@hanzo/ui');
|
|
6
6
|
var lucideReact = require('lucide-react');
|
|
7
7
|
var primitives = require('@hanzo/ui/primitives');
|
|
8
|
-
require('
|
|
9
|
-
require('./chat-widget.js');
|
|
10
|
-
require('./contact-dialog/index.js');
|
|
11
|
-
require('./copyright.js');
|
|
12
|
-
require('./footer.js');
|
|
13
|
-
require('./header/index.js');
|
|
14
|
-
require('./icons/index.js');
|
|
15
|
-
var default8 = require('./logo.js');
|
|
16
|
-
require('./main.js');
|
|
17
|
-
require('./mini-chart/index.js');
|
|
18
|
-
require('./not-found/index.js');
|
|
19
|
-
require('./auth/provider.js');
|
|
20
|
-
require('./auth/login.js');
|
|
21
|
-
require('./back-button.js');
|
|
22
|
-
require('./commerce/drawer/index.js');
|
|
23
|
-
require('./drawer-margin.js');
|
|
24
|
-
require('./commerce/buy-button.js');
|
|
25
|
-
require('./commerce/checkout-button.js');
|
|
26
|
-
require('./commerce/checkout-panel/index.js');
|
|
27
|
-
require('./auth/login-panel.js');
|
|
28
|
-
require('./analytics.js');
|
|
29
|
-
require('./tooltip.js');
|
|
30
|
-
require('embla-carousel-autoplay');
|
|
8
|
+
var index_cjs = require('../index.cjs');
|
|
31
9
|
var jsxRuntime = require('react/jsx-runtime');
|
|
32
10
|
|
|
33
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
34
|
-
|
|
35
|
-
var default8__default = /*#__PURE__*/_interopDefault(default8);
|
|
36
|
-
|
|
37
11
|
var MobileNavMenuAI = ({ setMenuOpen }) => {
|
|
38
12
|
const [isOpen, setIsOpen] = react.useState(false);
|
|
39
13
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
40
14
|
/* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "w-full text-2xl cursor-pointer", children: [
|
|
41
15
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
|
|
42
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
16
|
+
/* @__PURE__ */ jsxRuntime.jsx(index_cjs.Logo, { variant: "wordmark", size: "md", outerClx: "p-6 h-full" }),
|
|
43
17
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: ui.cn("grid", "block h-full aspect-square hover:bg-background sm:hover:bg-level-1 active:scale-75 text-foreground will-change-transform transition-transform transition-scale transition-duration-[1500] mt-6 mr-6 " + (!open ? "rotate-none" : "rotate-[135deg] scale-110")), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { width: 28, height: 28, style: ui.css("w-full h-full"), onClick: () => setMenuOpen(false) }) })
|
|
44
18
|
] }),
|
|
45
19
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex items-center gap-5 border-b border-[#3A3A3A] mt-4 rounded-full bg-muted-4 mx-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "text-muted-1 font-bold flex-1 flex justify-between min-h-12 items-center px-2", onClick: () => setIsOpen(true), children: [
|
|
@@ -3,29 +3,7 @@ import { useState } from 'react';
|
|
|
3
3
|
import { Box, cn, css } from '@hanzo/ui';
|
|
4
4
|
import { Plus, ArrowRight } from 'lucide-react';
|
|
5
5
|
import { Card, Button } from '@hanzo/ui/primitives';
|
|
6
|
-
import '
|
|
7
|
-
import './chat-widget.js';
|
|
8
|
-
import './contact-dialog/index.js';
|
|
9
|
-
import './copyright.js';
|
|
10
|
-
import './footer.js';
|
|
11
|
-
import './header/index.js';
|
|
12
|
-
import './icons/index.js';
|
|
13
|
-
import default8 from './logo.js';
|
|
14
|
-
import './main.js';
|
|
15
|
-
import './mini-chart/index.js';
|
|
16
|
-
import './not-found/index.js';
|
|
17
|
-
import './auth/provider.js';
|
|
18
|
-
import './auth/login.js';
|
|
19
|
-
import './back-button.js';
|
|
20
|
-
import './commerce/drawer/index.js';
|
|
21
|
-
import './drawer-margin.js';
|
|
22
|
-
import './commerce/buy-button.js';
|
|
23
|
-
import './commerce/checkout-button.js';
|
|
24
|
-
import './commerce/checkout-panel/index.js';
|
|
25
|
-
import './auth/login-panel.js';
|
|
26
|
-
import './analytics.js';
|
|
27
|
-
import './tooltip.js';
|
|
28
|
-
import 'embla-carousel-autoplay';
|
|
6
|
+
import { Logo } from '../index.js';
|
|
29
7
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
30
8
|
|
|
31
9
|
var MobileNavMenuAI = ({ setMenuOpen }) => {
|
|
@@ -33,7 +11,7 @@ var MobileNavMenuAI = ({ setMenuOpen }) => {
|
|
|
33
11
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
34
12
|
/* @__PURE__ */ jsxs(Box, { className: "w-full text-2xl cursor-pointer", children: [
|
|
35
13
|
/* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
|
|
36
|
-
/* @__PURE__ */ jsx(
|
|
14
|
+
/* @__PURE__ */ jsx(Logo, { variant: "wordmark", size: "md", outerClx: "p-6 h-full" }),
|
|
37
15
|
/* @__PURE__ */ jsx(Box, { tag: "span", className: cn("grid", "block h-full aspect-square hover:bg-background sm:hover:bg-level-1 active:scale-75 text-foreground will-change-transform transition-transform transition-scale transition-duration-[1500] mt-6 mr-6 " + (!open ? "rotate-none" : "rotate-[135deg] scale-110")), children: /* @__PURE__ */ jsx(Plus, { width: 28, height: 28, style: css("w-full h-full"), onClick: () => setMenuOpen(false) }) })
|
|
38
16
|
] }),
|
|
39
17
|
/* @__PURE__ */ jsx(Box, { className: "flex items-center gap-5 border-b border-[#3A3A3A] mt-4 rounded-full bg-muted-4 mx-6", children: /* @__PURE__ */ jsxs(Box, { className: "text-muted-1 font-bold flex-1 flex justify-between min-h-12 items-center px-2", onClick: () => setIsOpen(true), children: [
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
var react = require('react');
|
|
5
5
|
var ui = require('@hanzo/ui');
|
|
6
6
|
var Link = require('next/link');
|
|
7
|
-
var
|
|
8
|
-
var MobileNavMenuAI = require('./mobile-nav-menu-ai.
|
|
7
|
+
var index_cjs = require('../icons/index.cjs');
|
|
8
|
+
var MobileNavMenuAI = require('./mobile-nav-menu-ai.cjs');
|
|
9
9
|
var jsxRuntime = require('react/jsx-runtime');
|
|
10
10
|
|
|
11
11
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -22,12 +22,12 @@ var MobileNavMenuItem = ({
|
|
|
22
22
|
/* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "w-full flex items-center px-5 py-3 gap-[27px] text-2xl cursor-pointer", onClick: () => setIsOpen(true), children: [
|
|
23
23
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "block w-[18px] h-[22px] items-center", children: link.icon }),
|
|
24
24
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: link.title }),
|
|
25
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
25
|
+
/* @__PURE__ */ jsxRuntime.jsx(index_cjs.RightArrow, { className: "" })
|
|
26
26
|
] }),
|
|
27
27
|
/* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: `fixed left-0 top-0 w-screen h-screen ${isOpen ? "block" : "hidden"}`, style: { backgroundColor: "black" }, children: [
|
|
28
28
|
/* @__PURE__ */ jsxRuntime.jsx(MobileNavMenuAI__default.default, { setMenuOpen }),
|
|
29
29
|
/* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "w-full flex items-center px-5 py-3 gap-[27px] text-2xl font-bold", onClick: () => setIsOpen(false), children: [
|
|
30
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
30
|
+
/* @__PURE__ */ jsxRuntime.jsx(index_cjs.LeftArrow, {}),
|
|
31
31
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-white", children: link.title })
|
|
32
32
|
] }),
|
|
33
33
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex flex-col", children: link.childMenu?.map((menu, index) => {
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var ui = require('@hanzo/ui');
|
|
5
|
-
var MobileNavMenuAI = require('./mobile-nav-menu-ai.
|
|
6
|
-
var AuthWidget = require('../auth/widget.
|
|
5
|
+
var MobileNavMenuAI = require('./mobile-nav-menu-ai.cjs');
|
|
6
|
+
var AuthWidget = require('../auth/widget.cjs');
|
|
7
7
|
var primitives = require('@hanzo/ui/primitives');
|
|
8
8
|
var lucideReact = require('lucide-react');
|
|
9
9
|
var Link = require('next/link');
|