@ant-design/agentic-ui 2.30.33 → 2.31.0

package/dist/Components/Robot/lotties/BlowingWindLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import lottieData from "./lottie.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../../../lotties/useAsyncLottieData";
 /**
  * BlowingWindLottie 组件 - Lottie清风拂面动画组件
  *
@@ -63,6 +63,12 @@ import lottieData from "./lottie.json";
  * - 支持自定义样式
  */ export var BlowingWindLottie = function BlowingWindLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, _param_size = param.size, size = _param_size === void 0 ? 32 : _param_size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -70,11 +76,18 @@ import lottieData from "./lottie.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "aria-hidden": "true",
-        animationData: lottieData,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/Components/Robot/lotties/BouncingLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import lottieData from "./lottie.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../../../lotties/useAsyncLottieData";
 /**
  * BouncingLottie 组件 - Lottie弹跳动画组件
  *
@@ -63,6 +63,12 @@ import lottieData from "./lottie.json";
  * - 支持自定义样式
  */ export var BouncingLottie = function BouncingLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, _param_size = param.size, size = _param_size === void 0 ? 32 : _param_size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -70,11 +76,18 @@ import lottieData from "./lottie.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "aria-hidden": "true",
-        animationData: lottieData,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/Components/Robot/lotties/DazingLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import dazingLottie from "./dazing.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../../../lotties/useAsyncLottieData";
 /**
  * DazingLottie 组件 - Lottie呼吸+眨眼睛动画组件
  *
@@ -63,6 +63,12 @@ import dazingLottie from "./dazing.json";
  * - 支持自定义样式
  */ export var DazingLottie = function DazingLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, _param_size = param.size, size = _param_size === void 0 ? 32 : _param_size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./dazing.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -70,11 +76,18 @@ import dazingLottie from "./dazing.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "aria-hidden": "true",
-        animationData: dazingLottie,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/Components/Robot/lotties/PeekLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import lottieData from "./lottie.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../../../lotties/useAsyncLottieData";
 /**
  * PeekLottie 组件 - Lottie探头动画组件
  *
@@ -63,6 +63,12 @@ import lottieData from "./lottie.json";
  * - 支持自定义样式
  */ export var PeekLottie = function PeekLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, _param_size = param.size, size = _param_size === void 0 ? 32 : _param_size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -70,11 +76,18 @@ import lottieData from "./lottie.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "aria-hidden": "true",
-        animationData: lottieData,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/Components/Robot/lotties/ThinkingLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import thinkingLottie from "./thinking.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../../../lotties/useAsyncLottieData";
 /**
  * ThinkingLottie 组件 - Lottie眨眼跑+追星星动画组件
  *
@@ -63,6 +63,12 @@ import thinkingLottie from "./thinking.json";
  * - 支持自定义样式
  */ export var ThinkingLottie = function ThinkingLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, _param_size = param.size, size = _param_size === void 0 ? 32 : _param_size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./thinking.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -70,11 +76,18 @@ import thinkingLottie from "./thinking.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "aria-hidden": "true",
-        animationData: thinkingLottie,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/Components/lotties/CreativeSparkLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import creativeSpark from "./creativeSpark.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../useAsyncLottieData";
 /**
  * 创意生成中火花组件
  *
@@ -67,6 +67,12 @@ import creativeSpark from "./creativeSpark.json";
  * @returns 渲染的创意生成中火花组件
  */ export var CreativeSparkLottie = function CreativeSparkLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, size = param.size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./creativeSpark.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -74,12 +80,19 @@ import creativeSpark from "./creativeSpark.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "data-testid": "lottie-animation",
         "aria-hidden": "true",
-        animationData: creativeSpark,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/Components/lotties/DazingLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import dazingLottie from "./dazing.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../useAsyncLottieData";
 /**
  * DazingLottie 组件 - Lottie呼吸+眨眼睛动画组件
  *
@@ -64,6 +64,12 @@ import dazingLottie from "./dazing.json";
  * - 提供默认的加载动画
  */ export var DazingLottie = function DazingLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, size = param.size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./dazing.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -71,11 +77,18 @@ import dazingLottie from "./dazing.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "aria-hidden": "true",
-        animationData: dazingLottie,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/Components/lotties/LoadingLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import loadingLottie from "./loading.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../useAsyncLottieData";
 /**
  * 加载动画组件
  *
@@ -67,6 +67,12 @@ import loadingLottie from "./loading.json";
  * @returns 渲染的加载动画组件
  */ export var LoadingLottie = function LoadingLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, size = param.size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./loading.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -74,12 +80,19 @@ import loadingLottie from "./loading.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "data-testid": "lottie-animation",
         "aria-hidden": "true",
-        animationData: loadingLottie,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/Components/lotties/ThinkingLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import thinkingLottie from "./thinking.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../useAsyncLottieData";
 /**
  * ThinkingLottie 组件 - Lottie眨眼跑+追星星动画组件
  *
@@ -64,6 +64,12 @@ import thinkingLottie from "./thinking.json";
  * - 提供默认的加载动画
  */ export var ThinkingLottie = function ThinkingLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, size = param.size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./thinking.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -71,11 +77,18 @@ import thinkingLottie from "./thinking.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "aria-hidden": "true",
-        animationData: thinkingLottie,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/Components/lotties/ThreeThinkingLottie/index.js

@@ -1,11 +1,3 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -19,33 +11,6 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -61,19 +26,9 @@ function _object_spread(target) {
     }
     return target;
 }
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
 import Lottie from "lottie-react";
-import React, { useEffect, useState } from "react";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../useAsyncLottieData";
 /**
  * ThreeThinkingLottie 组件 - 支持按需加载的思考动画组件
  *
@@ -111,15 +66,12 @@ import React, { useEffect, useState } from "react";
  * - 支持自定义尺寸和样式
  */ export var ThreeThinkingLottie = function ThreeThinkingLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, _param_size = param.size, size = _param_size === void 0 ? 32 : _param_size, fallback = param.fallback;
-    var _useState = _sliced_to_array(useState(null), 2), animationData = _useState[0], setAnimationData = _useState[1];
-    useEffect(function() {
-        // 动态加载 lottie JSON 文件
-        import("./three-thinking.json").then(function(data) {
-            setAnimationData(data.default || data);
-        }).catch(function(error) {
-            console.error('Failed to load ThreeThinkingLottie animation:', error);
-        });
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./three-thinking.json");
+        };
     }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,

package/dist/Components/lotties/bubble-actions/Copy/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import copyAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 复制操作动画组件
  *
@@ -92,8 +92,17 @@ import copyAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的复制操作动画组件
  */ export var CopyLottie = function CopyLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: copyAnimation
+        animationData: animationData
     }));
 };
 export default CopyLottie;

package/dist/Components/lotties/bubble-actions/Dislike/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import unlikeAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 取消点赞操作动画组件
  *
@@ -92,8 +92,17 @@ import unlikeAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的取消点赞操作动画组件
  */ export var DislikeLottie = function DislikeLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: unlikeAnimation
+        animationData: animationData
     }));
 };
 export default DislikeLottie;

package/dist/Components/lotties/bubble-actions/Like/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import likeAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 点赞操作动画组件
  *
@@ -92,8 +92,17 @@ import likeAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的点赞操作动画组件
  */ export var LikeLottie = function LikeLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: likeAnimation
+        animationData: animationData
     }));
 };
 export default LikeLottie;

package/dist/Components/lotties/bubble-actions/More/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import moreAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 更多操作动画组件
  *
@@ -92,8 +92,17 @@ import moreAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的更多操作动画组件
  */ export var MoreLottie = function MoreLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: moreAnimation
+        animationData: animationData
     }));
 };
 export default MoreLottie;

package/dist/Components/lotties/bubble-actions/Play/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import playAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 播放操作动画组件
  *
@@ -92,8 +92,17 @@ import playAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的播放操作动画组件
  */ export var PlayLottie = function PlayLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: playAnimation
+        animationData: animationData
     }));
 };
 export default PlayLottie;