@luxfi/ui 8.2.6 → 8.2.8

package/dist/site/commerce/ui/context.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');
@@ -5,221 +6,16 @@ var mobxReactLite = require('mobx-react-lite');
 var navigation = require('next/navigation');
 var usehooksTs = require('usehooks-ts');
 var commerce = require('@hanzo/commerce');
-var mobx = require('mobx');
+var store_js = require('./store.js');
+var conf = require('./conf.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-var log = (s) => {
-  {
-    console.log("COMMERCE_UI " + s);
-  }
-};
-var CommerceUIStore = class {
-  // points to either this._pointsConfig.md or this._pointsConfig.dt 
-  constructor(s, conf) {
-    this._vHeight = 0;
-    this._routeChangedTime = 0;
-    this._currentSkuPath = void 0;
-    this._closedByUser = false;
-    this._checkingOut = void 0;
-    this._ignoreStateChange = false;
-    this._activePoint = null;
-    this._reactionDisposers = [];
-    this.initialize = () => {
-      this._reactionDisposers.push(mobx.reaction(
-        () => this.state,
-        (s) => {
-          if (this.ignoreStateChange) {
-            log(`STATE CHANGE to "${s}" (IGNORED)`);
-            this.setIgnoreStateChange(false);
-            return;
-          } else {
-            log(`STATE CHANGE to "${s}" (UI REACTED)`);
-            this._syncUIToState(s);
-          }
-        }
-      ));
-    };
-    this.newRoute = () => {
-      this.setRouteChangedTime((/* @__PURE__ */ new Date()).getTime());
-      this.hideVariants();
-      this.setClosedByUser(false);
-    };
-    this.onActivePointChanged = (newPoint) => {
-      log("ON onActivePointChanged: " + newPoint);
-      if (newPoint === this._points.micro && this.activePoint === this._points.full) {
-        log("ON onActivePointChanged: to MICRO");
-        this.setIgnoreStateChange(true);
-        this.hideVariants();
-      } else if (newPoint === this._points.full && this.activePoint === this._points.micro) {
-        log("ON onActivePointChanged: to FULL");
-        this.setIgnoreStateChange(true);
-        this.showRecentVariants();
-      }
-      this.setActivePoint(newPoint);
-    };
-    this.showVariants = (skuPath) => {
-      this._service.setCurrentItem(void 0);
-      this._currentSkuPath = skuPath;
-      this._closedByUser = false;
-    };
-    this.showRecentVariants = () => {
-      const recentItemInfo = this._service.recentItem;
-      if (recentItemInfo) {
-        this._service.setCurrentItem(void 0);
-        this._currentSkuPath = recentItemInfo.item.sku;
-        this._closedByUser = false;
-      }
-    };
-    this.hideVariants = () => {
-      this._currentSkuPath = void 0;
-    };
-    this.setClosedByUser = (b) => {
-      this._closedByUser = b;
-    };
-    this.setIgnoreStateChange = (b) => {
-      this._ignoreStateChange = b;
-    };
-    this.setCheckingOut = (b) => {
-      this._checkingOut = b;
-    };
-    this.setActivePoint = (pt) => {
-      this._activePoint = pt;
-    };
-    this.setRouteChangedTime = (t) => {
-      this._routeChangedTime = t;
-    };
-    this._syncUIToState = (s) => {
-      log("_syncUIToState: " + s);
-      if (s === "micro") {
-        this.setActivePoint(this.points[0]);
-      } else if (s === "full") {
-        this.setActivePoint(this.points[this.points.length - 1]);
-      } else {
-        this.setActivePoint(null);
-      }
-    };
-    this.setMobile = (b) => {
-      log("setMobile: " + b);
-      this._points = b ? this._pointsConfig.mb : this._pointsConfig.dt;
-    };
-    this.setViewportHeight = (v) => {
-      this._vHeight = v;
-    };
-    this.dispose = () => {
-      this._reactionDisposers.forEach((d) => {
-        d();
-      });
-    };
-    this._service = s;
-    this._pointsConfig = conf;
-    this._points = this._pointsConfig.dt;
-    mobx.makeObservable(this, {
-      _currentSkuPath: mobx.observable,
-      _closedByUser: mobx.observable,
-      _checkingOut: mobx.observable,
-      _activePoint: mobx.observable,
-      _points: mobx.observableRef,
-      _vHeight: mobx.observable,
-      _routeChangedTime: mobx.observable,
-      showVariants: mobx.action,
-      showRecentVariants: mobx.action,
-      hideVariants: mobx.action,
-      setClosedByUser: mobx.action,
-      setCheckingOut: mobx.action,
-      setActivePoint: mobx.action,
-      setMobile: mobx.action,
-      setViewportHeight: mobx.action,
-      setRouteChangedTime: mobx.action,
-      activePoint: mobx.computed,
-      checkingOut: mobx.computed,
-      closedByUser: mobx.computed,
-      currentSkuPath: mobx.computed,
-      microHeight: mobx.computed,
-      modal: mobx.computed,
-      points: mobx.computed,
-      showRecent: mobx.computed,
-      showBuy: mobx.computed,
-      showCheckout: mobx.computed,
-      snapPointPx: mobx.computed,
-      state: mobx.computed,
-      open: mobx.computed
-    });
-  }
-  get currentSkuPath() {
-    return this._currentSkuPath;
-  }
-  get closedByUser() {
-    return this._closedByUser;
-  }
-  get ignoreStateChange() {
-    return this._ignoreStateChange;
-  }
-  get checkingOut() {
-    return this._checkingOut;
-  }
-  get activePoint() {
-    return this._activePoint;
-  }
-  get points() {
-    return [this._points.micro, this._points.full];
-  }
-  get open() {
-    log(
-      "open(): showCheckout: " + this.showCheckout + " showRecent: " + this.showRecent + " showBuy: " + this.showBuy
-    );
-    return this._checkingOut !== void 0 && !this._checkingOut && !this.closedByUser && (this.showCheckout || this.showRecent || this.showBuy);
-  }
-  get state() {
-    if (!this.closedByUser && !this._checkingOut) {
-      if (this.showBuy) {
-        return "full";
-      } else if (this.showRecent || this.showCheckout) {
-        return "micro";
-      }
-    }
-    return "closed";
-  }
-  get showRecent() {
-    const recentInfo = this._service.recentItem;
-    return !!recentInfo && recentInfo.modified > this._routeChangedTime;
-  }
-  get showBuy() {
-    return !!this.currentSkuPath;
-  }
-  get showCheckout() {
-    return !this._service.cartEmpty;
-  }
-  get modal() {
-    return this.state !== "micro";
-  }
-  get microHeight() {
-    return this._points.micro;
-  }
-  get isMobile() {
-    return this._pointsConfig.mb === this._points;
-  }
-  get snapPointPx() {
-    if (!this._activePoint || this._vHeight === 0) return 0;
-    if (typeof this._activePoint === "string") {
-      return parseInt(this._activePoint);
-    }
-    return this._vHeight * this._activePoint;
-  }
-};
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var conf__default = /*#__PURE__*/_interopDefault(conf);
 
-// src/site/commerce/ui/conf.ts
-var conf_default = {
-  mb: {
-    micro: "72px",
-    full: "600px"
-  },
-  dt: {
-    micro: "90px",
-    full: "620px"
-  }
-};
 var DESKTOP_MIN = 768;
-var log2 = (s) => {
+var log = (s) => {
 };
 mobxReactLite.enableStaticRendering(typeof window === "undefined");
 var CommerceUIContext = react.createContext(void 0);
@@ -234,7 +30,7 @@ var CommerceUIProvider = ({
 }) => {
   const cmmc = commerce.useCommerce();
   const pathname = navigation.usePathname();
-  const storeRef = react.useRef(new CommerceUIStore(cmmc, conf_default));
+  const storeRef = react.useRef(new store_js.CommerceUIStore(cmmc, conf__default.default));
   const prevPathRef = react.useRef("initial");
   const onResize = () => {
     const width = window.innerWidth;
@@ -259,7 +55,7 @@ var CommerceUIProvider = ({
   }, []);
   react.useEffect(() => {
     const checkingOut = pathname === "/checkout";
-    log2("useEffect: prev pathname: " + prevPathRef.current);
+    log("useEffect: prev pathname: " + prevPathRef.current);
     if (storeRef.current.checkingOut === void 0 || storeRef.current._checkingOut !== checkingOut) {
       storeRef.current.setCheckingOut(checkingOut);
     }
@@ -269,7 +65,7 @@ var CommerceUIProvider = ({
     } else if (!checkingOut && prevPathRef.current !== pathname) {
       storeRef.current.newRoute();
       prevPathRef.current = pathname;
-      log2("ROUTE CHANGE: " + pathname + ": " + storeRef.current._routeChangedTime);
+      log("ROUTE CHANGE: " + pathname + ": " + storeRef.current._routeChangedTime);
     }
   }, [pathname]);
   return /* @__PURE__ */ jsxRuntime.jsx(CommerceUIContext.Provider, { value: storeRef.current, children });

package/dist/site/commerce/ui/context.js

@@ -1,223 +1,15 @@
+'use client';
 import { createContext, useContext, useRef, useLayoutEffect, useEffect } from 'react';
 import { enableStaticRendering } from 'mobx-react-lite';
 import { usePathname } from 'next/navigation';
 import { useDebounceCallback } from 'usehooks-ts';
 import { useCommerce } from '@hanzo/commerce';
-import { reaction, makeObservable, computed, action, observable, observableRef } from 'mobx';
+import { CommerceUIStore } from './store.js';
+import conf from './conf.js';
 import { jsx } from 'react/jsx-runtime';
 
-var log = (s) => {
-  {
-    console.log("COMMERCE_UI " + s);
-  }
-};
-var CommerceUIStore = class {
-  // points to either this._pointsConfig.md or this._pointsConfig.dt 
-  constructor(s, conf) {
-    this._vHeight = 0;
-    this._routeChangedTime = 0;
-    this._currentSkuPath = void 0;
-    this._closedByUser = false;
-    this._checkingOut = void 0;
-    this._ignoreStateChange = false;
-    this._activePoint = null;
-    this._reactionDisposers = [];
-    this.initialize = () => {
-      this._reactionDisposers.push(reaction(
-        () => this.state,
-        (s) => {
-          if (this.ignoreStateChange) {
-            log(`STATE CHANGE to "${s}" (IGNORED)`);
-            this.setIgnoreStateChange(false);
-            return;
-          } else {
-            log(`STATE CHANGE to "${s}" (UI REACTED)`);
-            this._syncUIToState(s);
-          }
-        }
-      ));
-    };
-    this.newRoute = () => {
-      this.setRouteChangedTime((/* @__PURE__ */ new Date()).getTime());
-      this.hideVariants();
-      this.setClosedByUser(false);
-    };
-    this.onActivePointChanged = (newPoint) => {
-      log("ON onActivePointChanged: " + newPoint);
-      if (newPoint === this._points.micro && this.activePoint === this._points.full) {
-        log("ON onActivePointChanged: to MICRO");
-        this.setIgnoreStateChange(true);
-        this.hideVariants();
-      } else if (newPoint === this._points.full && this.activePoint === this._points.micro) {
-        log("ON onActivePointChanged: to FULL");
-        this.setIgnoreStateChange(true);
-        this.showRecentVariants();
-      }
-      this.setActivePoint(newPoint);
-    };
-    this.showVariants = (skuPath) => {
-      this._service.setCurrentItem(void 0);
-      this._currentSkuPath = skuPath;
-      this._closedByUser = false;
-    };
-    this.showRecentVariants = () => {
-      const recentItemInfo = this._service.recentItem;
-      if (recentItemInfo) {
-        this._service.setCurrentItem(void 0);
-        this._currentSkuPath = recentItemInfo.item.sku;
-        this._closedByUser = false;
-      }
-    };
-    this.hideVariants = () => {
-      this._currentSkuPath = void 0;
-    };
-    this.setClosedByUser = (b) => {
-      this._closedByUser = b;
-    };
-    this.setIgnoreStateChange = (b) => {
-      this._ignoreStateChange = b;
-    };
-    this.setCheckingOut = (b) => {
-      this._checkingOut = b;
-    };
-    this.setActivePoint = (pt) => {
-      this._activePoint = pt;
-    };
-    this.setRouteChangedTime = (t) => {
-      this._routeChangedTime = t;
-    };
-    this._syncUIToState = (s) => {
-      log("_syncUIToState: " + s);
-      if (s === "micro") {
-        this.setActivePoint(this.points[0]);
-      } else if (s === "full") {
-        this.setActivePoint(this.points[this.points.length - 1]);
-      } else {
-        this.setActivePoint(null);
-      }
-    };
-    this.setMobile = (b) => {
-      log("setMobile: " + b);
-      this._points = b ? this._pointsConfig.mb : this._pointsConfig.dt;
-    };
-    this.setViewportHeight = (v) => {
-      this._vHeight = v;
-    };
-    this.dispose = () => {
-      this._reactionDisposers.forEach((d) => {
-        d();
-      });
-    };
-    this._service = s;
-    this._pointsConfig = conf;
-    this._points = this._pointsConfig.dt;
-    makeObservable(this, {
-      _currentSkuPath: observable,
-      _closedByUser: observable,
-      _checkingOut: observable,
-      _activePoint: observable,
-      _points: observableRef,
-      _vHeight: observable,
-      _routeChangedTime: observable,
-      showVariants: action,
-      showRecentVariants: action,
-      hideVariants: action,
-      setClosedByUser: action,
-      setCheckingOut: action,
-      setActivePoint: action,
-      setMobile: action,
-      setViewportHeight: action,
-      setRouteChangedTime: action,
-      activePoint: computed,
-      checkingOut: computed,
-      closedByUser: computed,
-      currentSkuPath: computed,
-      microHeight: computed,
-      modal: computed,
-      points: computed,
-      showRecent: computed,
-      showBuy: computed,
-      showCheckout: computed,
-      snapPointPx: computed,
-      state: computed,
-      open: computed
-    });
-  }
-  get currentSkuPath() {
-    return this._currentSkuPath;
-  }
-  get closedByUser() {
-    return this._closedByUser;
-  }
-  get ignoreStateChange() {
-    return this._ignoreStateChange;
-  }
-  get checkingOut() {
-    return this._checkingOut;
-  }
-  get activePoint() {
-    return this._activePoint;
-  }
-  get points() {
-    return [this._points.micro, this._points.full];
-  }
-  get open() {
-    log(
-      "open(): showCheckout: " + this.showCheckout + " showRecent: " + this.showRecent + " showBuy: " + this.showBuy
-    );
-    return this._checkingOut !== void 0 && !this._checkingOut && !this.closedByUser && (this.showCheckout || this.showRecent || this.showBuy);
-  }
-  get state() {
-    if (!this.closedByUser && !this._checkingOut) {
-      if (this.showBuy) {
-        return "full";
-      } else if (this.showRecent || this.showCheckout) {
-        return "micro";
-      }
-    }
-    return "closed";
-  }
-  get showRecent() {
-    const recentInfo = this._service.recentItem;
-    return !!recentInfo && recentInfo.modified > this._routeChangedTime;
-  }
-  get showBuy() {
-    return !!this.currentSkuPath;
-  }
-  get showCheckout() {
-    return !this._service.cartEmpty;
-  }
-  get modal() {
-    return this.state !== "micro";
-  }
-  get microHeight() {
-    return this._points.micro;
-  }
-  get isMobile() {
-    return this._pointsConfig.mb === this._points;
-  }
-  get snapPointPx() {
-    if (!this._activePoint || this._vHeight === 0) return 0;
-    if (typeof this._activePoint === "string") {
-      return parseInt(this._activePoint);
-    }
-    return this._vHeight * this._activePoint;
-  }
-};
-
-// src/site/commerce/ui/conf.ts
-var conf_default = {
-  mb: {
-    micro: "72px",
-    full: "600px"
-  },
-  dt: {
-    micro: "90px",
-    full: "620px"
-  }
-};
 var DESKTOP_MIN = 768;
-var log2 = (s) => {
+var log = (s) => {
 };
 enableStaticRendering(typeof window === "undefined");
 var CommerceUIContext = createContext(void 0);
@@ -232,7 +24,7 @@ var CommerceUIProvider = ({
 }) => {
   const cmmc = useCommerce();
   const pathname = usePathname();
-  const storeRef = useRef(new CommerceUIStore(cmmc, conf_default));
+  const storeRef = useRef(new CommerceUIStore(cmmc, conf));
   const prevPathRef = useRef("initial");
   const onResize = () => {
     const width = window.innerWidth;
@@ -257,7 +49,7 @@ var CommerceUIProvider = ({
   }, []);
   useEffect(() => {
     const checkingOut = pathname === "/checkout";
-    log2("useEffect: prev pathname: " + prevPathRef.current);
+    log("useEffect: prev pathname: " + prevPathRef.current);
     if (storeRef.current.checkingOut === void 0 || storeRef.current._checkingOut !== checkingOut) {
       storeRef.current.setCheckingOut(checkingOut);
     }
@@ -267,7 +59,7 @@ var CommerceUIProvider = ({
     } else if (!checkingOut && prevPathRef.current !== pathname) {
       storeRef.current.newRoute();
       prevPathRef.current = pathname;
-      log2("ROUTE CHANGE: " + pathname + ": " + storeRef.current._routeChangedTime);
+      log("ROUTE CHANGE: " + pathname + ": " + storeRef.current._routeChangedTime);
     }
   }, [pathname]);
   return /* @__PURE__ */ jsx(CommerceUIContext.Provider, { value: storeRef.current, children });

package/dist/site/commerce/ui/store.cjs

@@ -1,8 +1,8 @@
+'use client';
 'use strict';
 
 var mobx = require('mobx');
 
-// src/site/commerce/ui/store.ts
 var log = (s) => {
   {
     console.log("COMMERCE_UI " + s);

package/dist/site/commerce/ui/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../src/site/commerce/ui/store.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../src/site/commerce/ui/store.ts"],"names":[],"mappings":"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"}

package/dist/site/commerce/ui/store.js

@@ -1,6 +1,6 @@
+'use client';
 import { reaction, makeObservable, computed, action, observable, observableRef } from 'mobx';
 
-// src/site/commerce/ui/store.ts
 var log = (s) => {
   {
     console.log("COMMERCE_UI " + s);

package/dist/site/components/access-code-input.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

package/dist/site/components/access-code-input.js

@@ -1,3 +1,4 @@
+'use client';
 import { useState } from 'react';
 import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from '@hanzo/ui/primitives';
 import { Box, cn } from '@hanzo/ui';

package/dist/site/components/analytics.cjs

@@ -1,51 +1,12 @@
+'use client';
 'use strict';
 
 var google = require('@next/third-parties/google');
-var react = require('react');
-var navigation = require('next/navigation');
-var Script = require('next/script');
+var index_js = require('../next/analytics/index.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var Script__default = /*#__PURE__*/_interopDefault(Script);
-
-// src/site/next/analytics/fpixel.ts
-var FB_PIXEL_ID = process.env.NEXT_PUBLIC_FACEBOOK_PIXEL_ID || "";
-var pageview = () => {
-  window.fbq("track", "PageView");
-};
-var FacebookPixel = () => {
-  const [loaded, setLoaded] = react.useState(false);
-  const pathname = navigation.usePathname();
-  react.useEffect(() => {
-    if (!loaded) return;
-    pageview();
-  }, [pathname, loaded]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-    Script__default.default,
-    {
-      id: "fb-pixel",
-      strategy: "afterInteractive",
-      onLoad: () => setLoaded(true),
-      dangerouslySetInnerHTML: {
-        __html: `
-            !function(f,b,e,v,n,t,s)
-            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
-            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
-            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
-            n.queue=[];t=b.createElement(e);t.async=!0;
-            t.src=v;s=b.getElementsByTagName(e)[0];
-            s.parentNode.insertBefore(t,s)}(window, document,'script',
-            'https://connect.facebook.net/en_US/fbevents.js');
-            fbq('init', ${FB_PIXEL_ID});
-          `
-      }
-    }
-  ) });
-};
 var Analytics = () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(FacebookPixel, {}),
+  /* @__PURE__ */ jsxRuntime.jsx(index_js.FacebookPixel, {}),
   /* @__PURE__ */ jsxRuntime.jsx(google.GoogleAnalytics, { gaId: process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID ?? "" })
 ] });
 

package/dist/site/components/analytics.js

@@ -1,43 +1,8 @@
+'use client';
 import { GoogleAnalytics } from '@next/third-parties/google';
-import { useState, useEffect } from 'react';
-import { usePathname } from 'next/navigation';
-import Script from 'next/script';
+import { FacebookPixel } from '../next/analytics/index.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-// src/site/next/analytics/fpixel.ts
-var FB_PIXEL_ID = process.env.NEXT_PUBLIC_FACEBOOK_PIXEL_ID || "";
-var pageview = () => {
-  window.fbq("track", "PageView");
-};
-var FacebookPixel = () => {
-  const [loaded, setLoaded] = useState(false);
-  const pathname = usePathname();
-  useEffect(() => {
-    if (!loaded) return;
-    pageview();
-  }, [pathname, loaded]);
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-    Script,
-    {
-      id: "fb-pixel",
-      strategy: "afterInteractive",
-      onLoad: () => setLoaded(true),
-      dangerouslySetInnerHTML: {
-        __html: `
-            !function(f,b,e,v,n,t,s)
-            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
-            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
-            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
-            n.queue=[];t=b.createElement(e);t.async=!0;
-            t.src=v;s=b.getElementsByTagName(e)[0];
-            s.parentNode.insertBefore(t,s)}(window, document,'script',
-            'https://connect.facebook.net/en_US/fbevents.js');
-            fbq('init', ${FB_PIXEL_ID});
-          `
-      }
-    }
-  ) });
-};
 var Analytics = () => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(FacebookPixel, {}),
   /* @__PURE__ */ jsx(GoogleAnalytics, { gaId: process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID ?? "" })

package/dist/site/components/auth/callback.cjs

@@ -1,22 +1,17 @@
+'use client';
 'use strict';
 
 var react$1 = require('react');
 var react = require('@hanzo/iam/react');
+var resume_js = require('./resume.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/site/components/auth/resume.ts
-var KEY = "lux-auth-resume";
-var resume = () => {
-  const to = sessionStorage.getItem(KEY);
-  sessionStorage.removeItem(KEY);
-  return to ?? "/";
-};
 var Callback = () => {
   const { handleCallback } = react.useIam();
   const [error, setError] = react$1.useState(null);
   react$1.useEffect(() => {
     handleCallback().then(() => {
-      window.location.replace(resume());
+      window.location.replace(resume_js.resume());
     }).catch((e) => {
       setError(e.message);
     });