tek-wallet 0.0.760 → 0.0.762

package/dist/components/TekWallet/components/ui/QrCodeReader/index.js

@@ -12,6 +12,8 @@ var AppBackDrop_1 = __importDefault(require("../AppBackDrop"));
 var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
 var PageHeader_1 = __importDefault(require("../PageHeader"));
 var providers_1 = require("../../../providers");
+var lottie_react_1 = __importDefault(require("lottie-react"));
+var reader_json_1 = __importDefault(require("./reader.json"));
 var STYLES = {
     borderWidth: "4px",
     borderColor: "#ffffff",
@@ -116,14 +118,14 @@ var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
                                         transform: "translateX(-50%) translateY(-50%)",
                                         boxShadow: "0 0 2px max(50vw, 50dvh) rgba(0, 0, 0, 0.36)",
                                         color: "#C5E99F",
-                                    }, children: [(0, jsx_runtime_1.jsx)("div", { className: "move-up-down-animation", style: {
-                                                position: "absolute",
-                                                left: 0,
-                                                top: 0,
-                                                width: "100%",
-                                                height: "100%",
-                                                borderTop: "2px solid currentColor",
-                                            } }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                    }, children: [(0, jsx_runtime_1.jsx)("div", { className: "w-[100%] aspect-square absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-40", children: (0, jsx_runtime_1.jsx)(lottie_react_1.default, { animationData: reader_json_1.default, style: {
+                                                    width: "100%",
+                                                    height: "100%",
+                                                    position: "absolute",
+                                                    top: "50%",
+                                                    left: "50%",
+                                                    transform: "translate(-50%, -50%) scale(1)",
+                                                } }) }), (0, jsx_runtime_1.jsx)("div", { style: {
                                                 position: "absolute",
                                                 borderTopLeftRadius: STYLES.borderRadius,
                                                 top: "-".concat(STYLES.borderWidth),