@wix/ai-assistant-avatar 0.39.0

package/dist/esm/Astro/Astro.js

@@ -0,0 +1,163 @@
+import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import s from './Astro.module.scss';
+import { ASTRO_SIZE } from './config';
+import { useAvatarSetup, useMovement, useDotAnimation } from './hooks';
+import { DotTrail } from './components/DotTrail';
+import { AvatarEvent, AvatarState } from '@wix/aria-ai-avatar';
+export const AiAssistantAvatar = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let mode = _ref.mode,
+    variant = _ref.variant;
+  const wrapperRef = useRef(null);
+  const typingTimeout = useRef(null);
+  const _useState = useState(false),
+    isTyping = _useState[0],
+    setIsTyping = _useState[1];
+  const _useState2 = useState(false),
+    showBg = _useState2[0],
+    setShowBg = _useState2[1];
+  const _useAvatarSetup = useAvatarSetup({
+      mode,
+      variant
+    }),
+    AriaAvatar = _useAvatarSetup.AriaAvatar,
+    avatarHidden = _useAvatarSetup.avatarHidden,
+    setAvatarHidden = _useAvatarSetup.setAvatarHidden;
+  const _useMovement = useMovement(wrapperRef, ASTRO_SIZE.WIDTH, ASTRO_SIZE.HEIGHT),
+    setCenter = _useMovement.setCenter;
+  const _useDotAnimation = useDotAnimation(setCenter, setAvatarHidden, AriaAvatar.setState),
+    leadDotRef = _useDotAnimation.leadDotRef,
+    trailRefs = _useDotAnimation.trailRefs,
+    hideDots = _useDotAnimation.hideDots,
+    moveFromOffsetWithDots = _useDotAnimation.moveFromOffsetWithDots,
+    moveToOffsetWithDots = _useDotAnimation.moveToOffsetWithDots;
+  const onTravelHomeFrom = async (x, y, options) => {
+    const pos = {
+      x,
+      y
+    };
+    await moveFromOffsetWithDots(pos, options);
+  };
+  const onTravelAwayTo = async (x, y, options) => {
+    const pos = {
+      x,
+      y
+    };
+    await moveToOffsetWithDots(pos, options);
+  };
+  const onMouseMove = (clientX, clientY) => {
+    if (isTyping) {
+      return;
+    }
+    AriaAvatar.lookAt(clientX, clientY);
+  };
+  const onUserTyping = (caretX, caretY) => {
+    try {
+      setIsTyping(true);
+      AriaAvatar.lookAt(caretX, caretY);
+      if (typingTimeout.current) {
+        clearTimeout(typingTimeout.current);
+      }
+      typingTimeout.current = setTimeout(() => {
+        setIsTyping(false);
+      }, 500);
+    } catch (err) {
+      console.error('[Astro] Error tracking typing:', err);
+    }
+  };
+  useEffect(() => {
+    return () => {
+      if (typingTimeout.current) {
+        clearTimeout(typingTimeout.current);
+      }
+    };
+  }, []);
+  const hideAvatar = function (_temp) {
+    let _ref2 = _temp === void 0 ? {} : _temp,
+      _ref2$withDots = _ref2.withDots,
+      withDots = _ref2$withDots === void 0 ? false : _ref2$withDots;
+    setAvatarHidden(true);
+    if (withDots) {
+      hideDots();
+    }
+  };
+  const showAvatar = () => {
+    setAvatarHidden(false);
+  };
+  useImperativeHandle(ref, () => ({
+    trigger: {
+      shrink: () => {
+        if (AriaAvatar.getState() === AvatarState.SMALL) {
+          return AriaAvatar.setState(AvatarState.IDLE);
+        }
+        return AriaAvatar.setState(AvatarState.SMALL);
+      },
+      smallLoader: () => {
+        if (AriaAvatar.getState() === AvatarState.SMALL) {
+          return AriaAvatar.setState(AvatarState.SMALL_LOADER);
+        }
+        return AriaAvatar.setState(AvatarState.SMALL);
+      },
+      pulse: () => Promise.resolve(),
+      idle: async () => {
+        if (AriaAvatar.getState() === AvatarState.SMALL_LOADER) {
+          await AriaAvatar.setState(AvatarState.SMALL);
+        }
+        return AriaAvatar.setState(AvatarState.IDLE);
+      },
+      undo: () => AriaAvatar.fireEvent(AvatarEvent.UNDO_EVENT),
+      boredom: () => {
+        if (AriaAvatar.getState() === AvatarState.SLEEPING) {
+          return AriaAvatar.setState(AvatarState.IDLE);
+        }
+        return AriaAvatar.setState(AvatarState.SLEEPING);
+      },
+      bigLoader: () => {
+        if (AriaAvatar.getState() === AvatarState.BIG_LOADER) {
+          return AriaAvatar.setState(AvatarState.IDLE);
+        }
+        return AriaAvatar.setState(AvatarState.BIG_LOADER);
+      },
+      ideaSpark: () => AriaAvatar.fireEvent(AvatarEvent.IDEA_SPARK),
+      publish: () => AriaAvatar.fireEvent(AvatarEvent.PUBLISH_EVENT)
+    },
+    avatarHidden,
+    wrapper: wrapperRef.current,
+    getState: AriaAvatar.getState,
+    onMouseMove,
+    onUserTyping,
+    onTravelHomeFrom,
+    onTravelAwayTo,
+    changeAstroColor: color => {
+      AriaAvatar.setAvatarColor(color);
+    },
+    toggleAvatarBackground: () => {
+      if (showBg) {
+        setShowBg(false);
+        AriaAvatar.hideBg();
+      } else {
+        setShowBg(true);
+        AriaAvatar.showBg();
+      }
+    },
+    hide: hideAvatar,
+    show: showAvatar
+  }));
+  return /*#__PURE__*/React.createElement("div", {
+    className: s.avatar
+  }, /*#__PURE__*/React.createElement(DotTrail, {
+    leadDotRef: leadDotRef,
+    trailRefs: trailRefs
+  }), /*#__PURE__*/React.createElement("div", {
+    ref: wrapperRef,
+    className: s.astro,
+    style: {
+      opacity: avatarHidden ? 0 : 1
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: ASTRO_SIZE.WIDTH,
+      height: ASTRO_SIZE.HEIGHT
+    }
+  }, /*#__PURE__*/React.createElement(AriaAvatar.AriaAvatar, null))));
+});
+//# sourceMappingURL=Astro.js.map

package/dist/esm/Astro/Astro.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useEffect","useImperativeHandle","useRef","useState","s","ASTRO_SIZE","useAvatarSetup","useMovement","useDotAnimation","DotTrail","AvatarEvent","AvatarState","AiAssistantAvatar","_ref","ref","mode","variant","wrapperRef","typingTimeout","_useState","isTyping","setIsTyping","_useState2","showBg","setShowBg","_useAvatarSetup","AriaAvatar","avatarHidden","setAvatarHidden","_useMovement","WIDTH","HEIGHT","setCenter","_useDotAnimation","setState","leadDotRef","trailRefs","hideDots","moveFromOffsetWithDots","moveToOffsetWithDots","onTravelHomeFrom","x","y","options","pos","onTravelAwayTo","onMouseMove","clientX","clientY","lookAt","onUserTyping","caretX","caretY","current","clearTimeout","setTimeout","err","console","error","hideAvatar","_temp","_ref2","_ref2$withDots","withDots","showAvatar","trigger","shrink","getState","SMALL","IDLE","smallLoader","SMALL_LOADER","pulse","Promise","resolve","idle","undo","fireEvent","UNDO_EVENT","boredom","SLEEPING","bigLoader","BIG_LOADER","ideaSpark","IDEA_SPARK","publish","PUBLISH_EVENT","wrapper","changeAstroColor","color","setAvatarColor","toggleAvatarBackground","hideBg","hide","show","createElement","className","avatar","astro","style","opacity","width","height"],"sources":["../../../src/Astro/Astro.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  Ref,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\nimport s from './Astro.module.scss';\nimport type { AstroRef, AstroProps, MoveOptions } from './types';\nimport { ASTRO_SIZE } from './config';\nimport { useAvatarSetup, useMovement, useDotAnimation } from './hooks';\nimport { DotTrail } from './components/DotTrail';\nimport { AvatarEvent, AvatarState } from '@wix/aria-ai-avatar';\n\nexport const AiAssistantAvatar = forwardRef<AstroRef, AstroProps>(\n  ({ mode, variant }, ref: Ref<AstroRef> | null) => {\n    const wrapperRef = useRef<HTMLDivElement | null>(null);\n    const typingTimeout = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const [isTyping, setIsTyping] = useState(false);\n\n    const [showBg, setShowBg] = useState(false);\n\n    const { AriaAvatar, avatarHidden, setAvatarHidden } = useAvatarSetup({\n      mode,\n      variant,\n    });\n\n    const { setCenter } = useMovement(\n      wrapperRef,\n      ASTRO_SIZE.WIDTH,\n      ASTRO_SIZE.HEIGHT,\n    );\n\n    const {\n      leadDotRef,\n      trailRefs,\n      hideDots,\n      moveFromOffsetWithDots,\n      moveToOffsetWithDots,\n    } = useDotAnimation(setCenter, setAvatarHidden, AriaAvatar.setState);\n\n    const onTravelHomeFrom = async (\n      x: number,\n      y: number,\n      options?: MoveOptions,\n    ) => {\n      const pos = { x, y };\n      await moveFromOffsetWithDots(pos, options);\n    };\n\n    const onTravelAwayTo = async (\n      x: number,\n      y: number,\n      options?: MoveOptions,\n    ) => {\n      const pos = { x, y };\n      await moveToOffsetWithDots(pos, options);\n    };\n\n    const onMouseMove = (clientX: number, clientY: number) => {\n      if (isTyping) {\n        return;\n      }\n\n      AriaAvatar.lookAt(clientX, clientY);\n    };\n\n    const onUserTyping = (caretX: number, caretY: number) => {\n      try {\n        setIsTyping(true);\n        AriaAvatar.lookAt(caretX, caretY);\n\n        if (typingTimeout.current) {\n          clearTimeout(typingTimeout.current);\n        }\n\n        typingTimeout.current = setTimeout(() => {\n          setIsTyping(false);\n        }, 500);\n      } catch (err) {\n        console.error('[Astro] Error tracking typing:', err);\n      }\n    };\n\n    useEffect(() => {\n      return () => {\n        if (typingTimeout.current) {\n          clearTimeout(typingTimeout.current);\n        }\n      };\n    }, []);\n\n    const hideAvatar = ({ withDots = false }: { withDots?: boolean } = {}) => {\n      setAvatarHidden(true);\n\n      if (withDots) {\n        hideDots();\n      }\n    };\n\n    const showAvatar = () => {\n      setAvatarHidden(false);\n    };\n\n    useImperativeHandle(ref, () => ({\n      trigger: {\n        shrink: () => {\n          if (AriaAvatar.getState() === AvatarState.SMALL) {\n            return AriaAvatar.setState(AvatarState.IDLE);\n          }\n          return AriaAvatar.setState(AvatarState.SMALL);\n        },\n        smallLoader: () => {\n          if (AriaAvatar.getState() === AvatarState.SMALL) {\n            return AriaAvatar.setState(AvatarState.SMALL_LOADER);\n          }\n          return AriaAvatar.setState(AvatarState.SMALL);\n        },\n        pulse: () => Promise.resolve(),\n        idle: async () => {\n          if (AriaAvatar.getState() === AvatarState.SMALL_LOADER) {\n            await AriaAvatar.setState(AvatarState.SMALL);\n          }\n          return AriaAvatar.setState(AvatarState.IDLE);\n        },\n        undo: () => AriaAvatar.fireEvent(AvatarEvent.UNDO_EVENT),\n        boredom: () => {\n          if (AriaAvatar.getState() === AvatarState.SLEEPING) {\n            return AriaAvatar.setState(AvatarState.IDLE);\n          }\n          return AriaAvatar.setState(AvatarState.SLEEPING);\n        },\n        bigLoader: () => {\n          if (AriaAvatar.getState() === AvatarState.BIG_LOADER) {\n            return AriaAvatar.setState(AvatarState.IDLE);\n          }\n          return AriaAvatar.setState(AvatarState.BIG_LOADER);\n        },\n        ideaSpark: () => AriaAvatar.fireEvent(AvatarEvent.IDEA_SPARK),\n        publish: () => AriaAvatar.fireEvent(AvatarEvent.PUBLISH_EVENT),\n      },\n      avatarHidden,\n      wrapper: wrapperRef.current,\n      getState: AriaAvatar.getState,\n\n      onMouseMove,\n      onUserTyping,\n      onTravelHomeFrom,\n      onTravelAwayTo,\n\n      changeAstroColor: (color: string) => {\n        AriaAvatar.setAvatarColor(color);\n      },\n\n      toggleAvatarBackground: () => {\n        if (showBg) {\n          setShowBg(false);\n          AriaAvatar.hideBg();\n        } else {\n          setShowBg(true);\n          AriaAvatar.showBg();\n        }\n      },\n\n      hide: hideAvatar,\n      show: showAvatar,\n    }));\n\n    return (\n      <div className={s.avatar}>\n        <DotTrail leadDotRef={leadDotRef} trailRefs={trailRefs} />\n\n        <div\n          ref={wrapperRef}\n          className={s.astro}\n          style={{\n            opacity: avatarHidden ? 0 : 1,\n          }}\n        >\n          <div style={{ width: ASTRO_SIZE.WIDTH, height: ASTRO_SIZE.HEIGHT }}>\n            <AriaAvatar.AriaAvatar />\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/Astro/Astro.module.scss

@@ -0,0 +1,46 @@
+@mixin position {
+  opacity: 0;
+  margin: 16px;
+  border-radius: 50%;
+  position: absolute;
+}
+
+$astroZIndex: 3;
+
+.avatar {
+  width: 32px;
+  height: 32px;
+}
+
+.astro {
+  @include position;
+  z-index: $astroZIndex;
+  transition: opacity 80ms linear;
+  transform: translate3d(0, 0, 0);
+
+  clip-path: inset(23px 23px 23px 23px); // cut off the edges to stop hijacking mouse events. maybe we need to reduce canvas size itself instead of this.
+
+  @starting-style {
+    opacity: 0;
+  }
+}
+
+.leadDot {
+  @include position;
+  z-index: $astroZIndex - 1;
+  transition: opacity 150ms ease-in-out;
+
+  @starting-style {
+    opacity: 0;
+  }
+}
+
+.trailDot {
+  @include position;
+  z-index: $astroZIndex - 2;
+  transition: opacity 150ms ease-in-out;
+
+  @starting-style {
+    opacity: 0;
+  }
+}

package/dist/esm/Astro/components/DotTrail.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { ANIMATION_CONFIG } from '../config';
+import s from '../Astro.module.scss';
+export const DotTrail = _ref => {
+  let leadDotRef = _ref.leadDotRef,
+    trailRefs = _ref.trailRefs;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    ref: leadDotRef,
+    className: s.leadDot,
+    style: {
+      width: ANIMATION_CONFIG.DOT_SIZE,
+      height: ANIMATION_CONFIG.DOT_SIZE,
+      background: ANIMATION_CONFIG.DOT_COLOR
+    }
+  }), Array.from({
+    length: ANIMATION_CONFIG.TRAIL_COUNT
+  }).map((_, i) => /*#__PURE__*/React.createElement("div", {
+    key: i,
+    ref: el => trailRefs.current[i] = el,
+    className: s.trailDot,
+    style: {
+      width: ANIMATION_CONFIG.DOT_SIZE,
+      height: ANIMATION_CONFIG.DOT_SIZE,
+      background: ANIMATION_CONFIG.DOT_COLOR,
+      filter: ANIMATION_CONFIG.TRAIL_BLUR ? `blur(${ANIMATION_CONFIG.TRAIL_BLUR}px)` : 'none'
+    }
+  })));
+};
+//# sourceMappingURL=DotTrail.js.map

package/dist/esm/Astro/components/DotTrail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ANIMATION_CONFIG","s","DotTrail","_ref","leadDotRef","trailRefs","createElement","Fragment","ref","className","leadDot","style","width","DOT_SIZE","height","background","DOT_COLOR","Array","from","length","TRAIL_COUNT","map","_","i","key","el","current","trailDot","filter","TRAIL_BLUR"],"sources":["../../../../src/Astro/components/DotTrail.tsx"],"sourcesContent":["import React, { MutableRefObject } from 'react';\nimport { ANIMATION_CONFIG } from '../config';\nimport s from '../Astro.module.scss';\n\ntype DotTrailProps = {\n  leadDotRef: MutableRefObject<HTMLDivElement | null>;\n  trailRefs: MutableRefObject<(HTMLDivElement | null)[]>;\n};\n\nexport const DotTrail = ({ leadDotRef, trailRefs }: DotTrailProps) => (\n  <>\n    <div\n      ref={leadDotRef}\n      className={s.leadDot}\n      style={{\n        width: ANIMATION_CONFIG.DOT_SIZE,\n        height: ANIMATION_CONFIG.DOT_SIZE,\n        background: ANIMATION_CONFIG.DOT_COLOR,\n      }}\n    />\n\n    {Array.from({ length: ANIMATION_CONFIG.TRAIL_COUNT }).map((_, i) => (\n      <div\n        key={i}\n        ref={(el) => (trailRefs.current[i] = el)}\n        className={s.trailDot}\n        style={{\n          width: ANIMATION_CONFIG.DOT_SIZE,\n          height: ANIMATION_CONFIG.DOT_SIZE,\n          background: ANIMATION_CONFIG.DOT_COLOR,\n          filter: ANIMATION_CONFIG.TRAIL_BLUR\n            ? `blur(${ANIMATION_CONFIG.TRAIL_BLUR}px)`\n            : 'none',\n        }}\n      />\n    ))}\n  </>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAA4B,OAAO;AAC/C,SAASC,gBAAgB,QAAQ,WAAW;AAC5C,OAAOC,CAAC,MAAM,sBAAsB;AAOpC,OAAO,MAAMC,QAAQ,GAAGC,IAAA;EAAA,IAAGC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EAAA,oBAC9CN,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,qBACER,KAAA,CAAAO,aAAA;IACEE,GAAG,EAAEJ,UAAW;IAChBK,SAAS,EAAER,CAAC,CAACS,OAAQ;IACrBC,KAAK,EAAE;MACLC,KAAK,EAAEZ,gBAAgB,CAACa,QAAQ;MAChCC,MAAM,EAAEd,gBAAgB,CAACa,QAAQ;MACjCE,UAAU,EAAEf,gBAAgB,CAACgB;IAC/B;EAAE,CACH,CAAC,EAEDC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEnB,gBAAgB,CAACoB;EAAY,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBAC7DxB,KAAA,CAAAO,aAAA;IACEkB,GAAG,EAAED,CAAE;IACPf,GAAG,EAAGiB,EAAE,IAAMpB,SAAS,CAACqB,OAAO,CAACH,CAAC,CAAC,GAAGE,EAAI;IACzChB,SAAS,EAAER,CAAC,CAAC0B,QAAS;IACtBhB,KAAK,EAAE;MACLC,KAAK,EAAEZ,gBAAgB,CAACa,QAAQ;MAChCC,MAAM,EAAEd,gBAAgB,CAACa,QAAQ;MACjCE,UAAU,EAAEf,gBAAgB,CAACgB,SAAS;MACtCY,MAAM,EAAE5B,gBAAgB,CAAC6B,UAAU,GAC/B,QAAQ7B,gBAAgB,CAAC6B,UAAU,KAAK,GACxC;IACN;EAAE,CACH,CACF,CACD,CAAC;AAAA,CACJ","ignoreList":[]}

package/dist/esm/Astro/config/animation.js

@@ -0,0 +1,31 @@
+export const TIMING = {
+  SHRINK_DURATION: 400,
+  UNDO_DURATION: 500,
+  TRAVEL_DURATION: 1000,
+  PULSE_DURATION: 1000,
+  PUBLISH_DURATION: 1000,
+  IDEA_SPARK_DURATION: 1000,
+  DELAY_BEFORE_MOVE: 0,
+  RETURN_TO_CHAT_DELAY: 0,
+  DEBOUNCE_DELAY: 100,
+  ANIMATION_FRAME_DELAY: 16,
+  BOREDOM_TIMEOUT: 7000,
+  DOT_FADE_DURATION: 500,
+  BLINK_INTERVAL: 3050,
+  BLINK_VARIATION: 2950,
+  BLINK_MIN_INTERVAL: 100
+};
+export const ANIMATION_CONFIG = {
+  TRAIL_COUNT: 21,
+  TRAIL_STAGGER: 1.5,
+  TRAIL_FADE: 0.25,
+  TRAIL_MIN_SCALE: 0.9,
+  TRAIL_BLUR: 0.6,
+  DOT_SIZE: 12,
+  DOT_COLOR: '#557DFF',
+  SWAY_AMOUNT: 100,
+  CONTROL_POINT_1: 0.33,
+  CONTROL_POINT_2: 0.66,
+  EASING: 'cubic-bezier(0.22,1,0.36,1)'
+};
+//# sourceMappingURL=animation.js.map

package/dist/esm/Astro/config/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TIMING","SHRINK_DURATION","UNDO_DURATION","TRAVEL_DURATION","PULSE_DURATION","PUBLISH_DURATION","IDEA_SPARK_DURATION","DELAY_BEFORE_MOVE","RETURN_TO_CHAT_DELAY","DEBOUNCE_DELAY","ANIMATION_FRAME_DELAY","BOREDOM_TIMEOUT","DOT_FADE_DURATION","BLINK_INTERVAL","BLINK_VARIATION","BLINK_MIN_INTERVAL","ANIMATION_CONFIG","TRAIL_COUNT","TRAIL_STAGGER","TRAIL_FADE","TRAIL_MIN_SCALE","TRAIL_BLUR","DOT_SIZE","DOT_COLOR","SWAY_AMOUNT","CONTROL_POINT_1","CONTROL_POINT_2","EASING"],"sources":["../../../../src/Astro/config/animation.ts"],"sourcesContent":["import type { TimingConfig, AnimationConfig } from '../types';\n\nexport const TIMING: TimingConfig = {\n  SHRINK_DURATION: 400,\n  UNDO_DURATION: 500,\n  TRAVEL_DURATION: 1000,\n  PULSE_DURATION: 1000,\n  PUBLISH_DURATION: 1000,\n  IDEA_SPARK_DURATION: 1000,\n  DELAY_BEFORE_MOVE: 0,\n  RETURN_TO_CHAT_DELAY: 0,\n  DEBOUNCE_DELAY: 100,\n  ANIMATION_FRAME_DELAY: 16,\n  BOREDOM_TIMEOUT: 7000,\n  DOT_FADE_DURATION: 500,\n  BLINK_INTERVAL: 3050,\n  BLINK_VARIATION: 2950,\n  BLINK_MIN_INTERVAL: 100,\n};\n\nexport const ANIMATION_CONFIG: AnimationConfig = {\n  TRAIL_COUNT: 21,\n  TRAIL_STAGGER: 1.5,\n  TRAIL_FADE: 0.25,\n  TRAIL_MIN_SCALE: 0.9,\n  TRAIL_BLUR: 0.6,\n  DOT_SIZE: 12,\n  DOT_COLOR: '#557DFF',\n  SWAY_AMOUNT: 100,\n  CONTROL_POINT_1: 0.33,\n  CONTROL_POINT_2: 0.66,\n  EASING: 'cubic-bezier(0.22,1,0.36,1)',\n};\n"],"mappings":"AAEA,OAAO,MAAMA,MAAoB,GAAG;EAClCC,eAAe,EAAE,GAAG;EACpBC,aAAa,EAAE,GAAG;EAClBC,eAAe,EAAE,IAAI;EACrBC,cAAc,EAAE,IAAI;EACpBC,gBAAgB,EAAE,IAAI;EACtBC,mBAAmB,EAAE,IAAI;EACzBC,iBAAiB,EAAE,CAAC;EACpBC,oBAAoB,EAAE,CAAC;EACvBC,cAAc,EAAE,GAAG;EACnBC,qBAAqB,EAAE,EAAE;EACzBC,eAAe,EAAE,IAAI;EACrBC,iBAAiB,EAAE,GAAG;EACtBC,cAAc,EAAE,IAAI;EACpBC,eAAe,EAAE,IAAI;EACrBC,kBAAkB,EAAE;AACtB,CAAC;AAED,OAAO,MAAMC,gBAAiC,GAAG;EAC/CC,WAAW,EAAE,EAAE;EACfC,aAAa,EAAE,GAAG;EAClBC,UAAU,EAAE,IAAI;EAChBC,eAAe,EAAE,GAAG;EACpBC,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,EAAE;EACZC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,GAAG;EAChBC,eAAe,EAAE,IAAI;EACrBC,eAAe,EAAE,IAAI;EACrBC,MAAM,EAAE;AACV,CAAC","ignoreList":[]}

package/dist/esm/Astro/config/index.js

@@ -0,0 +1,3 @@
+export * from './animation';
+export * from './size';
+//# sourceMappingURL=index.js.map

package/dist/esm/Astro/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/Astro/config/index.ts"],"sourcesContent":["export * from './animation';\nexport * from './size';\n"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,QAAQ","ignoreList":[]}

package/dist/esm/Astro/config/size.js

@@ -0,0 +1,5 @@
+export const ASTRO_SIZE = {
+  WIDTH: 94,
+  HEIGHT: 94
+};
+//# sourceMappingURL=size.js.map

package/dist/esm/Astro/config/size.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ASTRO_SIZE","WIDTH","HEIGHT"],"sources":["../../../../src/Astro/config/size.ts"],"sourcesContent":["import type { AstroSize } from '../types';\n\nexport const ASTRO_SIZE: AstroSize = {\n  WIDTH: 94,\n  HEIGHT: 94,\n};\n"],"mappings":"AAEA,OAAO,MAAMA,UAAqB,GAAG;EACnCC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE;AACV,CAAC","ignoreList":[]}

package/dist/esm/Astro/hooks/index.js

@@ -0,0 +1,4 @@
+export * from './useAvatarSetup';
+export * from './useMovement';
+export * from './useDotAnimation';
+//# sourceMappingURL=index.js.map

package/dist/esm/Astro/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/Astro/hooks/index.ts"],"sourcesContent":["export * from './useAvatarSetup';\nexport * from './useMovement';\nexport * from './useDotAnimation';\n"],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,eAAe;AAC7B,cAAc,mBAAmB","ignoreList":[]}

package/dist/esm/Astro/hooks/useAvatarSetup.js

@@ -0,0 +1,48 @@
+import { useRef, useState } from 'react';
+import { AvatarState, useAriaAvatar } from '@wix/aria-ai-avatar';
+import { TIMING } from '../config/animation';
+export const useAvatarSetup = options => {
+  const _useState = useState(true),
+    avatarHidden = _useState[0],
+    setAvatarHidden = _useState[1];
+  const _useState2 = useState(false),
+    isBored = _useState2[0],
+    setIsBored = _useState2[1];
+  const AriaAvatar = useAriaAvatar(options);
+  const boredomTimeoutRef = useRef();
+  const resetBoredomTimeout = () => {
+    setIsBored(false);
+    if (AriaAvatar.getState() === AvatarState.SLEEPING) {
+      AriaAvatar.setState(AvatarState.IDLE);
+    }
+    if (boredomTimeoutRef.current) {
+      clearTimeout(boredomTimeoutRef.current);
+    }
+    boredomTimeoutRef.current = setTimeout(async () => {
+      setIsBored(true);
+      await AriaAvatar.setState(AvatarState.SLEEPING);
+    }, TIMING.BOREDOM_TIMEOUT);
+  };
+  const wrappedAriaAvatar = {
+    ...AriaAvatar,
+    lookAt: (x, y) => {
+      resetBoredomTimeout();
+      return AriaAvatar.lookAt(x, y);
+    },
+    setState: state => {
+      resetBoredomTimeout();
+      return AriaAvatar.setState(state);
+    },
+    fireEvent: event => {
+      resetBoredomTimeout();
+      return AriaAvatar.fireEvent(event);
+    }
+  };
+  return {
+    AriaAvatar: wrappedAriaAvatar,
+    avatarHidden,
+    setAvatarHidden,
+    isBored
+  };
+};
+//# sourceMappingURL=useAvatarSetup.js.map

package/dist/esm/Astro/hooks/useAvatarSetup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","AvatarState","useAriaAvatar","TIMING","useAvatarSetup","options","_useState","avatarHidden","setAvatarHidden","_useState2","isBored","setIsBored","AriaAvatar","boredomTimeoutRef","resetBoredomTimeout","getState","SLEEPING","setState","IDLE","current","clearTimeout","setTimeout","BOREDOM_TIMEOUT","wrappedAriaAvatar","lookAt","x","y","state","fireEvent","event"],"sources":["../../../../src/Astro/hooks/useAvatarSetup.ts"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { AvatarEvent, AvatarState, useAriaAvatar } from '@wix/aria-ai-avatar';\nimport { TIMING } from '../config/animation';\n\nexport const useAvatarSetup = (options?: {\n  mode?: 'light' | 'dark';\n  variant?: '2d' | '3d';\n}) => {\n  const [avatarHidden, setAvatarHidden] = useState(true);\n  const [isBored, setIsBored] = useState(false);\n  const AriaAvatar = useAriaAvatar(options);\n  const boredomTimeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const resetBoredomTimeout = () => {\n    setIsBored(false);\n    if (AriaAvatar.getState() === AvatarState.SLEEPING) {\n      AriaAvatar.setState(AvatarState.IDLE);\n    }\n    if (boredomTimeoutRef.current) {\n      clearTimeout(boredomTimeoutRef.current);\n    }\n    boredomTimeoutRef.current = setTimeout(async () => {\n      setIsBored(true);\n      await AriaAvatar.setState(AvatarState.SLEEPING);\n    }, TIMING.BOREDOM_TIMEOUT);\n  };\n\n  const wrappedAriaAvatar = {\n    ...AriaAvatar,\n    lookAt: (x: number, y: number) => {\n      resetBoredomTimeout();\n      return AriaAvatar.lookAt(x, y);\n    },\n    setState: (state: AvatarState) => {\n      resetBoredomTimeout();\n      return AriaAvatar.setState(state);\n    },\n    fireEvent: (event: AvatarEvent) => {\n      resetBoredomTimeout();\n      return AriaAvatar.fireEvent(event);\n    },\n  };\n\n  return {\n    AriaAvatar: wrappedAriaAvatar,\n    avatarHidden,\n    setAvatarHidden,\n    isBored,\n  };\n};\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACxC,SAAsBC,WAAW,EAAEC,aAAa,QAAQ,qBAAqB;AAC7E,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,OAAO,MAAMC,cAAc,GAAIC,OAG9B,IAAK;EACJ,MAAAC,SAAA,GAAwCN,QAAQ,CAAC,IAAI,CAAC;IAA/CO,YAAY,GAAAD,SAAA;IAAEE,eAAe,GAAAF,SAAA;EACpC,MAAAG,UAAA,GAA8BT,QAAQ,CAAC,KAAK,CAAC;IAAtCU,OAAO,GAAAD,UAAA;IAAEE,UAAU,GAAAF,UAAA;EAC1B,MAAMG,UAAU,GAAGV,aAAa,CAACG,OAAO,CAAC;EACzC,MAAMQ,iBAAiB,GAAGd,MAAM,CAAgC,CAAC;EAEjE,MAAMe,mBAAmB,GAAGA,CAAA,KAAM;IAChCH,UAAU,CAAC,KAAK,CAAC;IACjB,IAAIC,UAAU,CAACG,QAAQ,CAAC,CAAC,KAAKd,WAAW,CAACe,QAAQ,EAAE;MAClDJ,UAAU,CAACK,QAAQ,CAAChB,WAAW,CAACiB,IAAI,CAAC;IACvC;IACA,IAAIL,iBAAiB,CAACM,OAAO,EAAE;MAC7BC,YAAY,CAACP,iBAAiB,CAACM,OAAO,CAAC;IACzC;IACAN,iBAAiB,CAACM,OAAO,GAAGE,UAAU,CAAC,YAAY;MACjDV,UAAU,CAAC,IAAI,CAAC;MAChB,MAAMC,UAAU,CAACK,QAAQ,CAAChB,WAAW,CAACe,QAAQ,CAAC;IACjD,CAAC,EAAEb,MAAM,CAACmB,eAAe,CAAC;EAC5B,CAAC;EAED,MAAMC,iBAAiB,GAAG;IACxB,GAAGX,UAAU;IACbY,MAAM,EAAEA,CAACC,CAAS,EAAEC,CAAS,KAAK;MAChCZ,mBAAmB,CAAC,CAAC;MACrB,OAAOF,UAAU,CAACY,MAAM,CAACC,CAAC,EAAEC,CAAC,CAAC;IAChC,CAAC;IACDT,QAAQ,EAAGU,KAAkB,IAAK;MAChCb,mBAAmB,CAAC,CAAC;MACrB,OAAOF,UAAU,CAACK,QAAQ,CAACU,KAAK,CAAC;IACnC,CAAC;IACDC,SAAS,EAAGC,KAAkB,IAAK;MACjCf,mBAAmB,CAAC,CAAC;MACrB,OAAOF,UAAU,CAACgB,SAAS,CAACC,KAAK,CAAC;IACpC;EACF,CAAC;EAED,OAAO;IACLjB,UAAU,EAAEW,iBAAiB;IAC7BhB,YAAY;IACZC,eAAe;IACfE;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/Astro/hooks/useDotAnimation.js

@@ -0,0 +1,152 @@
+import { useRef, useEffect } from 'react';
+import { ANIMATION_CONFIG, TIMING } from '../config';
+import { buildPathD, setMotionPath, setOffsetDistance, setOffsetRotate, setOffsetAnchor } from '../utils';
+import { AvatarState } from '@wix/aria-ai-avatar';
+export const useDotAnimation = (moveToPosition, setAvatarHidden, triggerAvatarAnimationState) => {
+  const leadDotRef = useRef(null);
+  const trailRefs = useRef([]);
+  const isMountedRef = useRef(true);
+  const animateDotsAlongPath = async function (start, end, options) {
+    if (options === void 0) {
+      options = {};
+    }
+    if (!isMountedRef.current) {
+      return;
+    }
+    const lead = leadDotRef.current;
+    if (!lead) {
+      return;
+    }
+    if (!options.skipShrink) {
+      try {
+        triggerAvatarAnimationState(AvatarState.SMALL);
+      } catch {}
+    }
+    trailRefs.current.forEach((d, i) => {
+      if (!d) {
+        return;
+      }
+      const ratio = (i + 1) / ANIMATION_CONFIG.TRAIL_COUNT;
+      const scale = ANIMATION_CONFIG.TRAIL_MIN_SCALE + (1 - ANIMATION_CONFIG.TRAIL_MIN_SCALE) * (1 - ratio);
+      const opacity = ANIMATION_CONFIG.TRAIL_FADE + (1 - ANIMATION_CONFIG.TRAIL_FADE) * (1 - ratio);
+      d.style.opacity = String(opacity);
+      d.style.transform = `scale(${scale})`;
+    });
+    lead.style.opacity = '1';
+    lead.style.background = '#000000';
+    lead.animate([{
+      background: '#000000'
+    }, {
+      background: ANIMATION_CONFIG.DOT_COLOR
+    }], {
+      duration: TIMING.DOT_FADE_DURATION,
+      easing: 'ease-out',
+      fill: 'forwards'
+    });
+    const pathD = buildPathD(start, end);
+    const prepDot = el => {
+      if (!el) {
+        return;
+      }
+      setMotionPath(el, pathD);
+      setOffsetDistance(el, '0%');
+      setOffsetRotate(el, '0deg');
+      setOffsetAnchor(el, '50% 50%');
+    };
+    prepDot(lead);
+    trailRefs.current.forEach(td => td && prepDot(td));
+    const leadAnim = lead.animate([{
+      offsetDistance: '0%'
+    }, {
+      offsetDistance: '100%'
+    }], {
+      duration: TIMING.TRAVEL_DURATION,
+      easing: ANIMATION_CONFIG.EASING,
+      fill: 'forwards'
+    });
+    trailRefs.current.forEach((td, i) => {
+      if (!td) {
+        return;
+      }
+      td.animate([{
+        offsetDistance: '0%'
+      }, {
+        offsetDistance: '100%'
+      }], {
+        duration: TIMING.TRAVEL_DURATION,
+        delay: (i + 1) * ANIMATION_CONFIG.TRAIL_STAGGER,
+        easing: ANIMATION_CONFIG.EASING,
+        fill: 'forwards'
+      });
+    });
+    await leadAnim.finished;
+    lead.style.opacity = '0';
+    trailRefs.current.forEach(td => td && (td.style.opacity = '0'));
+  };
+  const hideDots = () => {
+    const lead = leadDotRef.current;
+    if (lead) {
+      lead.style.opacity = '0';
+    }
+    trailRefs.current.forEach(td => {
+      if (td) {
+        td.style.opacity = '0';
+      }
+    });
+  };
+  const waitForNextFrame = () => new Promise(r => requestAnimationFrame(() => r()));
+  const moveFromOffsetWithDots = async function (currentPosition, options) {
+    if (options === void 0) {
+      options = {};
+    }
+    if (typeof currentPosition.x !== 'number' || typeof currentPosition.y !== 'number') {
+      console.log('[Astro] Invalid position, skipping animation');
+      return;
+    }
+    const home = {
+      x: 0,
+      y: 0
+    };
+    await animateDotsAlongPath(currentPosition, home, options);
+    moveToPosition(home);
+    setAvatarHidden(false);
+    await waitForNextFrame();
+    if (isMountedRef.current) {
+      if (options.endState) {
+        await triggerAvatarAnimationState(options.endState);
+      } else {
+        await triggerAvatarAnimationState(AvatarState.IDLE);
+      }
+    }
+  };
+  const moveToOffsetWithDots = async function (targetPosition, options) {
+    if (options === void 0) {
+      options = {};
+    }
+    if (typeof targetPosition.x !== 'number' || typeof targetPosition.y !== 'number') {
+      console.log('[Astro] Invalid position, skipping animation');
+      return;
+    }
+    setAvatarHidden(true);
+    await waitForNextFrame();
+    const home = {
+      x: 0,
+      y: 0
+    };
+    await animateDotsAlongPath(home, targetPosition, options);
+    hideDots();
+  };
+  useEffect(() => {
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  return {
+    leadDotRef,
+    trailRefs,
+    moveFromOffsetWithDots,
+    moveToOffsetWithDots,
+    hideDots
+  };
+};
+//# sourceMappingURL=useDotAnimation.js.map

package/dist/esm/Astro/hooks/useDotAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useEffect","ANIMATION_CONFIG","TIMING","buildPathD","setMotionPath","setOffsetDistance","setOffsetRotate","setOffsetAnchor","AvatarState","useDotAnimation","moveToPosition","setAvatarHidden","triggerAvatarAnimationState","leadDotRef","trailRefs","isMountedRef","animateDotsAlongPath","start","end","options","current","lead","skipShrink","SMALL","forEach","d","i","ratio","TRAIL_COUNT","scale","TRAIL_MIN_SCALE","opacity","TRAIL_FADE","style","String","transform","background","animate","DOT_COLOR","duration","DOT_FADE_DURATION","easing","fill","pathD","prepDot","el","td","leadAnim","offsetDistance","TRAVEL_DURATION","EASING","delay","TRAIL_STAGGER","finished","hideDots","waitForNextFrame","Promise","r","requestAnimationFrame","moveFromOffsetWithDots","currentPosition","x","y","console","log","home","endState","IDLE","moveToOffsetWithDots","targetPosition"],"sources":["../../../../src/Astro/hooks/useDotAnimation.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\nimport type { Position, MoveOptions } from '../types';\nimport { ANIMATION_CONFIG, TIMING } from '../config';\nimport {\n  buildPathD,\n  setMotionPath,\n  setOffsetDistance,\n  setOffsetRotate,\n  setOffsetAnchor,\n} from '../utils';\nimport { AvatarState } from '@wix/aria-ai-avatar';\n\nexport const useDotAnimation = (\n  moveToPosition: (position: Position) => void,\n  setAvatarHidden: (hidden: boolean) => void,\n  triggerAvatarAnimationState: (state: AvatarState) => void,\n) => {\n  const leadDotRef = useRef<HTMLDivElement | null>(null);\n  const trailRefs = useRef<(HTMLDivElement | null)[]>([]);\n  const isMountedRef = useRef(true);\n\n  const animateDotsAlongPath = async (\n    start: Position,\n    end: Position,\n    options: MoveOptions = {},\n  ): Promise<void> => {\n    if (!isMountedRef.current) {\n      return;\n    }\n\n    const lead = leadDotRef.current;\n    if (!lead) {\n      return;\n    }\n\n    if (!options.skipShrink) {\n      try {\n        triggerAvatarAnimationState(AvatarState.SMALL);\n      } catch {}\n    }\n\n    trailRefs.current.forEach((d, i) => {\n      if (!d) {\n        return;\n      }\n      const ratio = (i + 1) / ANIMATION_CONFIG.TRAIL_COUNT;\n      const scale =\n        ANIMATION_CONFIG.TRAIL_MIN_SCALE +\n        (1 - ANIMATION_CONFIG.TRAIL_MIN_SCALE) * (1 - ratio);\n      const opacity =\n        ANIMATION_CONFIG.TRAIL_FADE +\n        (1 - ANIMATION_CONFIG.TRAIL_FADE) * (1 - ratio);\n      d.style.opacity = String(opacity);\n      d.style.transform = `scale(${scale})`;\n    });\n\n    lead.style.opacity = '1';\n    lead.style.background = '#000000';\n\n    lead.animate(\n      [{ background: '#000000' }, { background: ANIMATION_CONFIG.DOT_COLOR }],\n      {\n        duration: TIMING.DOT_FADE_DURATION,\n        easing: 'ease-out',\n        fill: 'forwards',\n      },\n    );\n\n    const pathD = buildPathD(start, end);\n\n    const prepDot = (el: HTMLElement) => {\n      if (!el) {\n        return;\n      }\n      setMotionPath(el, pathD);\n      setOffsetDistance(el, '0%');\n      setOffsetRotate(el, '0deg');\n      setOffsetAnchor(el, '50% 50%');\n    };\n\n    prepDot(lead);\n\n    trailRefs.current.forEach((td) => td && prepDot(td));\n\n    const leadAnim = lead.animate(\n      [{ offsetDistance: '0%' }, { offsetDistance: '100%' }],\n      {\n        duration: TIMING.TRAVEL_DURATION,\n        easing: ANIMATION_CONFIG.EASING,\n        fill: 'forwards',\n      },\n    );\n\n    trailRefs.current.forEach((td, i) => {\n      if (!td) {\n        return;\n      }\n      td.animate([{ offsetDistance: '0%' }, { offsetDistance: '100%' }], {\n        duration: TIMING.TRAVEL_DURATION,\n        delay: (i + 1) * ANIMATION_CONFIG.TRAIL_STAGGER,\n        easing: ANIMATION_CONFIG.EASING,\n        fill: 'forwards',\n      });\n    });\n\n    await leadAnim.finished;\n\n    lead.style.opacity = '0';\n    trailRefs.current.forEach((td) => td && (td.style.opacity = '0'));\n  };\n\n  const hideDots = () => {\n    const lead = leadDotRef.current;\n    if (lead) {\n      lead.style.opacity = '0';\n    }\n    trailRefs.current.forEach((td) => {\n      if (td) {\n        td.style.opacity = '0';\n      }\n    });\n  };\n\n  const waitForNextFrame = () =>\n    new Promise<void>((r) => requestAnimationFrame(() => r()));\n\n  const moveFromOffsetWithDots = async (\n    currentPosition: Position,\n    options: MoveOptions = {},\n  ): Promise<void> => {\n    if (\n      typeof currentPosition.x !== 'number' ||\n      typeof currentPosition.y !== 'number'\n    ) {\n      console.log('[Astro] Invalid position, skipping animation');\n      return;\n    }\n\n    const home = { x: 0, y: 0 };\n    await animateDotsAlongPath(currentPosition, home, options);\n\n    moveToPosition(home);\n    setAvatarHidden(false);\n\n    await waitForNextFrame();\n\n    if (isMountedRef.current) {\n      if (options.endState) {\n        await triggerAvatarAnimationState(options.endState);\n      } else {\n        await triggerAvatarAnimationState(AvatarState.IDLE);\n      }\n    }\n  };\n\n  const moveToOffsetWithDots = async (\n    targetPosition: Position,\n    options: MoveOptions = {},\n  ): Promise<void> => {\n    if (\n      typeof targetPosition.x !== 'number' ||\n      typeof targetPosition.y !== 'number'\n    ) {\n      console.log('[Astro] Invalid position, skipping animation');\n      return;\n    }\n\n    setAvatarHidden(true);\n    await waitForNextFrame();\n\n    const home = { x: 0, y: 0 };\n    await animateDotsAlongPath(home, targetPosition, options);\n\n    hideDots();\n  };\n\n  useEffect(() => {\n    return () => {\n      isMountedRef.current = false;\n    };\n  }, []);\n\n  return {\n    leadDotRef,\n    trailRefs,\n    moveFromOffsetWithDots,\n    moveToOffsetWithDots,\n    hideDots,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/Astro/hooks/useMovement.js

@@ -0,0 +1,22 @@
+import { useState, useEffect } from 'react';
+import { applyTransform } from '../utils';
+export const useMovement = (wrapperRef, width, height) => {
+  const _useState = useState({
+      x: 0,
+      y: 0
+    }),
+    center = _useState[0],
+    setCenter = _useState[1];
+  useEffect(() => {
+    const el = wrapperRef.current;
+    if (!el) {
+      return;
+    }
+    applyTransform(el, center, width, height);
+  }, [center, width, height, wrapperRef]);
+  return {
+    center,
+    setCenter
+  };
+};
+//# sourceMappingURL=useMovement.js.map

package/dist/esm/Astro/hooks/useMovement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useEffect","applyTransform","useMovement","wrapperRef","width","height","_useState","x","y","center","setCenter","el","current"],"sources":["../../../../src/Astro/hooks/useMovement.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport type { Position } from '../types';\nimport { applyTransform } from '../utils';\n\nexport const useMovement = (\n  wrapperRef: React.RefObject<HTMLDivElement>,\n  width: number,\n  height: number,\n) => {\n  const [center, setCenter] = useState<Position>({ x: 0, y: 0 });\n\n  useEffect(() => {\n    const el = wrapperRef.current;\n    if (!el) {\n      return;\n    }\n    applyTransform(el, center, width, height);\n  }, [center, width, height, wrapperRef]);\n\n  return {\n    center,\n    setCenter,\n  };\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAE3C,SAASC,cAAc,QAAQ,UAAU;AAEzC,OAAO,MAAMC,WAAW,GAAGA,CACzBC,UAA2C,EAC3CC,KAAa,EACbC,MAAc,KACX;EACH,MAAAC,SAAA,GAA4BP,QAAQ,CAAW;MAAEQ,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAC,CAAC;IAAvDC,MAAM,GAAAH,SAAA;IAAEI,SAAS,GAAAJ,SAAA;EAExBN,SAAS,CAAC,MAAM;IACd,MAAMW,EAAE,GAAGR,UAAU,CAACS,OAAO;IAC7B,IAAI,CAACD,EAAE,EAAE;MACP;IACF;IACAV,cAAc,CAACU,EAAE,EAAEF,MAAM,EAAEL,KAAK,EAAEC,MAAM,CAAC;EAC3C,CAAC,EAAE,CAACI,MAAM,EAAEL,KAAK,EAAEC,MAAM,EAAEF,UAAU,CAAC,CAAC;EAEvC,OAAO;IACLM,MAAM;IACNC;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/Astro/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/esm/Astro/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/Astro/types/index.ts"],"sourcesContent":["import { AvatarState } from '@wix/aria-ai-avatar';\n\nexport type Position = {\n  x: number;\n  y: number;\n};\n\ntype Keys = keyof typeof AvatarState;\nexport type AstroState = (typeof AvatarState)[Keys];\n\nexport type TimingConfig = {\n  SHRINK_DURATION: number;\n  UNDO_DURATION: number;\n  TRAVEL_DURATION: number;\n  PULSE_DURATION: number;\n  PUBLISH_DURATION: number;\n  IDEA_SPARK_DURATION: number;\n  DELAY_BEFORE_MOVE: number;\n  RETURN_TO_CHAT_DELAY: number;\n  DEBOUNCE_DELAY: number;\n  ANIMATION_FRAME_DELAY: number;\n  BOREDOM_TIMEOUT: number;\n  DOT_FADE_DURATION: number;\n  BLINK_INTERVAL: number;\n  BLINK_VARIATION: number;\n  BLINK_MIN_INTERVAL: number;\n};\n\nexport type AnimationConfig = {\n  TRAIL_COUNT: number;\n  TRAIL_STAGGER: number;\n  TRAIL_FADE: number;\n  TRAIL_MIN_SCALE: number;\n  TRAIL_BLUR: number;\n  DOT_SIZE: number;\n  DOT_COLOR: string;\n  SWAY_AMOUNT: number;\n  CONTROL_POINT_1: number;\n  CONTROL_POINT_2: number;\n  EASING: string;\n};\nexport type PositionFunction = () => Position;\nexport type PositionWithParamsFunction = (x: number, y: number) => Position;\n\nexport type AstroSize = {\n  WIDTH: number;\n  HEIGHT: number;\n};\n\nexport type MoveOptions = {\n  skipShrink?: boolean;\n  endState?: AstroState;\n};\n\nexport type AstroTrigger = {\n  idle: () => Promise<void>;\n  undo: () => Promise<void>;\n  ideaSpark: () => Promise<void>;\n  boredom: () => Promise<void>;\n  bigLoader: () => Promise<void>;\n  smallLoader: () => Promise<void>;\n  shrink: () => Promise<void>;\n  publish: () => Promise<void>;\n};\n\nexport type AstroRef = {\n  avatarHidden: boolean;\n  getState: () => AvatarState;\n  wrapper: HTMLDivElement | null;\n  trigger: AstroTrigger;\n\n  hide: (options?: { withDots?: boolean }) => void;\n  show: () => void;\n  onUserTyping: (caretX: number, caretY: number) => void;\n  onTravelHomeFrom: (\n    x: number,\n    y: number,\n    options?: MoveOptions,\n  ) => Promise<void>;\n  onTravelAwayTo: (\n    x: number,\n    y: number,\n    options?: MoveOptions,\n  ) => Promise<void>;\n\n  changeAstroColor: (color: string) => void;\n  toggleAvatarBackground: () => void;\n  onMouseMove: (clientX: number, clientY: number) => void;\n};\n\nexport type AstroProps = {\n  mode?: 'light' | 'dark';\n  variant?: '2d' | '3d';\n};\n"],"mappings":"","ignoreList":[]}

package/dist/esm/Astro/utils/helpers.js

@@ -0,0 +1,25 @@
+export const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));
+export const calculateRelativeMousePosition = (mouseX, mouseY, astroX, astroY) => {
+  const relativeX = mouseX - astroX;
+  const relativeY = mouseY - astroY;
+  const lookRange = 30;
+  const normalizedX = Math.max(0, Math.min(100, 50 - relativeX / lookRange * 50));
+  const normalizedY = Math.max(0, Math.min(100, 50 - relativeY / lookRange * 50));
+  return {
+    x: normalizedX,
+    y: normalizedY
+  };
+};
+export const debounce = (func, wait) => {
+  let timeout = null;
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    if (timeout) {
+      clearTimeout(timeout);
+    }
+    timeout = setTimeout(() => func(...args), wait);
+  };
+};
+//# sourceMappingURL=helpers.js.map