@luxfi/ui 8.2.7 → 8.2.8

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

@@ -6,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);
@@ -235,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;
@@ -260,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);
     }
@@ -270,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

@@ -4,221 +4,12 @@ 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);
@@ -233,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;
@@ -258,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);
     }
@@ -268,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/components/analytics.cjs

@@ -2,51 +2,11 @@
 '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,44 +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

@@ -3,21 +3,15 @@
 
 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);
     });

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

@@ -1,15 +1,9 @@
 'use client';
 import { useState, useEffect } from 'react';
 import { useIam } from '@hanzo/iam/react';
+import { resume } from './resume.js';
 import { jsx, jsxs } from '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 } = useIam();
   const [error, setError] = useState(null);