@luxfi/ui 8.1.0 → 8.2.0

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

@@ -0,0 +1,205 @@
+'use strict';
+
+var mobx = require('mobx');
+
+// src/site/commerce/ui/store.ts
+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;
+  }
+};
+
+exports.CommerceUIStore = CommerceUIStore;

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

@@ -0,0 +1,81 @@
+import { type IReactionDisposer } from 'mobx';
+import type { CommerceService } from '@hanzo/commerce/types';
+type SnapPoint = number | string;
+type SnapPoints = {
+    full: SnapPoint;
+    micro: SnapPoint;
+};
+type SnapPointsConfig = {
+    mb: SnapPoints;
+    dt: SnapPoints;
+};
+type DrawerState = 'closed' | 'micro' | 'full';
+interface SelectAndBuy {
+    showVariants: (skuPath: string) => void;
+    showRecentVariants: () => void;
+    hideVariants: () => void;
+    get currentSkuPath(): string | undefined;
+    newRoute: () => void;
+}
+interface CommerceDrawer {
+    get open(): boolean;
+    get state(): DrawerState;
+    get closedByUser(): boolean;
+    setClosedByUser(b: boolean): void;
+    get modal(): boolean;
+    get points(): SnapPoint[];
+    get activePoint(): SnapPoint | null;
+    onActivePointChanged: (p: SnapPoint | null) => void;
+    get showCheckout(): boolean;
+    get showRecent(): boolean;
+    get showBuy(): boolean;
+    get microHeight(): SnapPoint;
+    get isMobile(): boolean;
+    get snapPointPx(): number;
+}
+declare class CommerceUIStore implements SelectAndBuy, CommerceDrawer {
+    _vHeight: number;
+    _routeChangedTime: number;
+    _currentSkuPath: string | undefined;
+    _closedByUser: boolean;
+    _checkingOut: boolean | undefined;
+    _ignoreStateChange: boolean;
+    _activePoint: SnapPoint | null;
+    _reactionDisposers: IReactionDisposer[];
+    _service: CommerceService;
+    _pointsConfig: SnapPointsConfig;
+    _points: SnapPoints;
+    constructor(s: CommerceService, conf: SnapPointsConfig);
+    initialize: () => void;
+    newRoute: () => void;
+    onActivePointChanged: (newPoint: SnapPoint | null) => void;
+    showVariants: (skuPath: string) => void;
+    showRecentVariants: () => void;
+    hideVariants: () => void;
+    get currentSkuPath(): string | undefined;
+    get closedByUser(): boolean;
+    setClosedByUser: (b: boolean) => void;
+    get ignoreStateChange(): boolean;
+    setIgnoreStateChange: (b: boolean) => void;
+    get checkingOut(): boolean | undefined;
+    setCheckingOut: (b: boolean) => void;
+    get activePoint(): SnapPoint | null;
+    setActivePoint: (pt: SnapPoint | null) => void;
+    setRouteChangedTime: (t: number) => void;
+    get points(): SnapPoint[];
+    _syncUIToState: (s: DrawerState) => void;
+    get open(): boolean;
+    get state(): DrawerState;
+    get showRecent(): boolean;
+    get showBuy(): boolean;
+    get showCheckout(): boolean;
+    get modal(): boolean;
+    get microHeight(): SnapPoint;
+    get isMobile(): boolean;
+    setMobile: (b: boolean) => void;
+    setViewportHeight: (v: number) => void;
+    get snapPointPx(): number;
+    dispose: () => void;
+}
+export { CommerceUIStore, type CommerceDrawer, type SelectAndBuy, type SnapPointsConfig, type SnapPoints, type SnapPoint };
+//# sourceMappingURL=store.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,203 @@
+import { reaction, makeObservable, computed, action, observable, observableRef } from 'mobx';
+
+// src/site/commerce/ui/store.ts
+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;
+  }
+};
+
+export { CommerceUIStore };

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

@@ -0,0 +1,52 @@
+'use strict';
+
+var react = require('react');
+var primitives = require('@hanzo/ui/primitives');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+var AccessCodeInput = ({
+  onSuccess,
+  onFail,
+  validCodes,
+  className
+}) => {
+  const [status, setStatus] = react.useState();
+  const checkAccessCode = (code) => {
+    setStatus(void 0);
+    if (code.length === 6) {
+      setStatus("checking");
+      setTimeout(() => {
+        if (validCodes?.includes(code) && onSuccess) {
+          setStatus("valid");
+          onSuccess();
+        } else {
+          setStatus("invalid");
+          onFail && onFail();
+        }
+      }, 1e3);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: ui.cn("flex flex-col gap-2 mx-auto w-full text-center items-center", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      primitives.InputOTP,
+      {
+        className: "mx-auto",
+        maxLength: 6,
+        onInput: (event) => checkAccessCode(event.target.value),
+        render: ({ slots }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(primitives.InputOTPGroup, { children: [
+            slots.slice(0, 3).map((slot, index) => /* @__PURE__ */ jsxRuntime.jsx(primitives.InputOTPSlot, { ...slot }, index)),
+            " "
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(primitives.InputOTPSeparator, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(primitives.InputOTPGroup, { children: slots.slice(3).map((slot, index) => /* @__PURE__ */ jsxRuntime.jsx(primitives.InputOTPSlot, { ...slot }, index + 3)) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "h-[3rem]", children: status === "checking" ? "Checking access code..." : status === "invalid" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "Invalid access code!" }) : status === "valid" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Access code is valid! Redirecting..." }) : null })
+  ] });
+};
+var access_code_input_default = AccessCodeInput;
+
+module.exports = access_code_input_default;

package/dist/site/components/access-code-input.d.ts

@@ -0,0 +1,8 @@
+declare const AccessCodeInput: React.FC<{
+    onSuccess?: () => void;
+    onFail?: () => void;
+    validCodes?: string[];
+    className?: string;
+}>;
+export default AccessCodeInput;
+//# sourceMappingURL=access-code-input.d.ts.map

package/dist/site/components/access-code-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"access-code-input.d.ts","sourceRoot":"","sources":["../../../src/site/components/access-code-input.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAyDA,CAAA;eAEc,eAAe"}

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

@@ -0,0 +1,50 @@
+import { useState } from 'react';
+import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from '@hanzo/ui/primitives';
+import { Box, cn } from '@hanzo/ui';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var AccessCodeInput = ({
+  onSuccess,
+  onFail,
+  validCodes,
+  className
+}) => {
+  const [status, setStatus] = useState();
+  const checkAccessCode = (code) => {
+    setStatus(void 0);
+    if (code.length === 6) {
+      setStatus("checking");
+      setTimeout(() => {
+        if (validCodes?.includes(code) && onSuccess) {
+          setStatus("valid");
+          onSuccess();
+        } else {
+          setStatus("invalid");
+          onFail && onFail();
+        }
+      }, 1e3);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Box, { className: cn("flex flex-col gap-2 mx-auto w-full text-center items-center", className), children: [
+    /* @__PURE__ */ jsx(
+      InputOTP,
+      {
+        className: "mx-auto",
+        maxLength: 6,
+        onInput: (event) => checkAccessCode(event.target.value),
+        render: ({ slots }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(InputOTPGroup, { children: [
+            slots.slice(0, 3).map((slot, index) => /* @__PURE__ */ jsx(InputOTPSlot, { ...slot }, index)),
+            " "
+          ] }),
+          /* @__PURE__ */ jsx(InputOTPSeparator, {}),
+          /* @__PURE__ */ jsx(InputOTPGroup, { children: slots.slice(3).map((slot, index) => /* @__PURE__ */ jsx(InputOTPSlot, { ...slot }, index + 3)) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { className: "h-[3rem]", children: status === "checking" ? "Checking access code..." : status === "invalid" ? /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "Invalid access code!" }) : status === "valid" ? /* @__PURE__ */ jsx("span", { children: "Access code is valid! Redirecting..." }) : null })
+  ] });
+};
+var access_code_input_default = AccessCodeInput;
+
+export { access_code_input_default as default };

package/dist/site/components/analytics.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+var google = require('@next/third-parties/google');
+var react = require('react');
+var navigation = require('next/navigation');
+var Script = require('next/script');
+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(google.GoogleAnalytics, { gaId: process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID ?? "" })
+] });
+
+module.exports = Analytics;

package/dist/site/components/analytics.d.ts

@@ -0,0 +1,3 @@
+declare const Analytics: () => import("react").JSX.Element;
+export { Analytics as default };
+//# sourceMappingURL=analytics.d.ts.map

package/dist/site/components/analytics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../src/site/components/analytics.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS,mCAKd,CAAA;AAED,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,CAAA"}