lighteningcards 1.0.0 → 2.0.4

package/dist/index.cjs.js

@@ -42,12 +42,12 @@ const useLeftThunder = () => {
         const animatedSprite = new pixi_js.AnimatedSprite(frames);
         animatedSprite.animationSpeed = 0.25; // Faster speed for more visible animation
         animatedSprite.loop = true;
-        animatedSprite.scale.set(0.4);
+        animatedSprite.scale.set(0.3);
         animatedSprite.anchor.set(0.5, 0.5);
 
         // Center the sprite in the canvas
-        animatedSprite.x = this.appRef.current.renderer.width / 2;
-        animatedSprite.y = this.appRef.current.renderer.height / 2;
+        animatedSprite.x = this.appRef.current.renderer.width / 2 - (window.innerWidth > 768 ? 40 : -75);
+        animatedSprite.y = this.appRef.current.renderer.height / 2 + 15;
         this.appRef.current.stage.addChild(animatedSprite);
         animatedSprite.play();
       });
@@ -97,12 +97,12 @@ const useRightThunder = () => {
         const animatedSprite = new pixi_js.AnimatedSprite(frames);
         animatedSprite.animationSpeed = 0.25; // Faster speed for more visible animation
         animatedSprite.loop = true;
-        animatedSprite.scale.set(0.4);
+        animatedSprite.scale.set(0.3);
         animatedSprite.anchor.set(0.5, 0.5);
 
         // Center the sprite in the canvas
-        animatedSprite.x = this.appRef.current.renderer.width / 2;
-        animatedSprite.y = this.appRef.current.renderer.height / 2;
+        animatedSprite.x = this.appRef.current.renderer.width / 2 + (window.innerWidth > 768 ? 40 : -75);
+        animatedSprite.y = this.appRef.current.renderer.height / 2 + 15;
         this.appRef.current.stage.addChild(animatedSprite);
         animatedSprite.play();
       });
@@ -131,7 +131,7 @@ const useLightening = () => {
       // Calculate layout: arrange cards horizontally, centered
       const numCards = this.cards.length;
       const spacing = 77.6 * 0.5 + 20; // space between cards, adjust as needed
-      const spriteScale = 0.3;
+      const spriteScale = window.innerWidth < 768 ? 0.25 : 0.3;
       this.appRef.current.renderer.height / 2;
 
       // We'll keep track of all sprite promises to add them after all loaded
@@ -176,7 +176,7 @@ const useLightening = () => {
 
         // Add multiplier text
         const multiplier_txt = new pixi_js.Text({
-          text: `${(_card$multiplier = card.multiplier) !== null && _card$multiplier !== void 0 ? _card$multiplier : card.multplier}x`,
+          text: `${(_card$multiplier = card.multiplier) !== null && _card$multiplier !== void 0 ? _card$multiplier : card.multplier}X`,
           style: {
             fontSize: 75,
             fontWeight: "bold",
@@ -230,10 +230,195 @@ const useLightening = () => {
   };
 };
 
+const useMiddleThunder = () => {
+  class MiddleThunder {
+    constructor(spritePath, appRef) {
+      this.spritePath = spritePath;
+      this.appRef = appRef;
+      this.initiateAnimation();
+    }
+    async initiateAnimation() {
+      pixi_js.Assets.load(this.spritePath).then(baseTexture => {
+        var _baseTexture$resource, _baseTexture$resource2;
+        // Ensure the animation is visible and sized correctly
+        const frames = [];
+        // Get the correct texture dimensions
+        const texWidth = ((_baseTexture$resource = baseTexture.resource) === null || _baseTexture$resource === void 0 ? void 0 : _baseTexture$resource.width) || baseTexture.width;
+        const texHeight = ((_baseTexture$resource2 = baseTexture.resource) === null || _baseTexture$resource2 === void 0 ? void 0 : _baseTexture$resource2.height) || baseTexture.height;
+        const columns = 3;
+        const rows = 18;
+        const frameWidth = texWidth / columns;
+        const frameHeight = texHeight / rows;
+
+        // Row-major order: for each row, for each column
+        for (let row = 0; row < rows; row++) {
+          for (let col = 0; col < columns; col++) {
+            const x = col * frameWidth;
+            const y = row * frameHeight;
+            const frameRect = new pixi_js.Rectangle(x, y, frameWidth, frameHeight);
+            frames.push(new pixi_js.Texture({
+              source: baseTexture.source,
+              // Use the correct source for the Texture constructor
+              frame: frameRect
+            }));
+          }
+        }
+
+        // Create and configure the AnimatedSprite
+        const animatedSprite = new pixi_js.AnimatedSprite(frames);
+        animatedSprite.animationSpeed = 0.25; // Faster speed for more visible animation
+        animatedSprite.loop = false;
+        animatedSprite.scale.set(0.5);
+        animatedSprite.anchor.set(0.5, 0.5);
+
+        // Center the sprite in the canvas
+        animatedSprite.x = this.appRef.current.renderer.width / 2;
+        animatedSprite.y = 0;
+        const tikcer = new pixi_js.Ticker();
+        tikcer.autoStart = true;
+        let iteration = 0;
+        const unitDistance = this.appRef.current.renderer.height / 60;
+        tikcer.add(tick => {
+          animatedSprite.y += unitDistance;
+          iteration++;
+          if (iteration === 60) {
+            tikcer.stop();
+            tikcer.destroy();
+          }
+        });
+        this.appRef.current.stage.addChild(animatedSprite);
+        animatedSprite.play();
+      });
+    }
+  }
+  return {
+    MiddleThunder
+  };
+};
+
+const useLighteningStart = () => {
+  class LighteningStart {
+    constructor(cards, spritePath, appRef) {
+      this.cards = cards;
+      this.spritePath = spritePath;
+      this.appRef = appRef;
+      this.initiateAnimation();
+    }
+    async initiateAnimation() {
+      // Create a container to hold all animatedSprites
+      const {
+        Container
+      } = await import('pixi.js');
+      const cardsContainer = new Container();
+
+      // Calculate layout: arrange cards horizontally, centered
+      const numCards = this.cards.length;
+      const spacing = 77.6 * 0.5 + 20; // space between cards, adjust as needed
+      const spriteScale = window.innerWidth < 768 ? 0.25 : 0.3;
+      this.appRef.current.renderer.height / 2;
+
+      // We'll keep track of all sprite promises to add them after all loaded
+      const spritePromises = this.cards.map(async (card, i) => {
+        var _baseTexture$resource, _baseTexture$resource2, _card$multiplier, _card$suit;
+        const baseTexture = await pixi_js.Assets.load(this.spritePath);
+
+        // Prepare frames for animation
+        const frames = [];
+        const texWidth = ((_baseTexture$resource = baseTexture.resource) === null || _baseTexture$resource === void 0 ? void 0 : _baseTexture$resource.width) || baseTexture.width;
+        const texHeight = ((_baseTexture$resource2 = baseTexture.resource) === null || _baseTexture$resource2 === void 0 ? void 0 : _baseTexture$resource2.height) || baseTexture.height;
+        const columns = 10;
+        const rows = 3;
+        const frameWidth = texWidth / columns;
+        const frameHeight = texHeight / rows;
+        for (let row = 0; row < rows; row++) {
+          for (let col = 0; col < columns; col++) {
+            const x = col * frameWidth;
+            const y = row * frameHeight;
+            const frameRect = new pixi_js.Rectangle(x, y, frameWidth, frameHeight);
+            frames.push(new pixi_js.Texture({
+              source: baseTexture.source,
+              frame: frameRect
+            }));
+          }
+        }
+
+        // Create and configure the AnimatedSprite
+        const animatedSprite = new pixi_js.AnimatedSprite(frames);
+        animatedSprite.animationSpeed = 0.25;
+        animatedSprite.loop = false;
+        animatedSprite.scale.set(spriteScale);
+        animatedSprite.anchor.set(0.5);
+        animatedSprite.allowChildren = true;
+
+        // Position horizontally, centered
+        const totalWidth = (numCards - 1) * spacing;
+        animatedSprite.x = -totalWidth / 2 + i * spacing;
+        animatedSprite.y = 0; // Centered in container
+
+        animatedSprite.play();
+
+        // Add multiplier text
+        const multiplier_txt = new pixi_js.Text({
+          text: `${(_card$multiplier = card.multiplier) !== null && _card$multiplier !== void 0 ? _card$multiplier : card.multplier}X`,
+          style: {
+            fontSize: 75,
+            fontWeight: "bold",
+            fill: 0xffd700,
+            align: "center"
+          }
+        });
+        multiplier_txt.anchor.set(0.5);
+        multiplier_txt.position.set(0, -50);
+        animatedSprite.addChild(multiplier_txt);
+
+        // Suit icon
+        let suit_url = "";
+        switch ((_card$suit = card.suit) === null || _card$suit === void 0 ? void 0 : _card$suit.toLowerCase()) {
+          case "hearts":
+            suit_url = "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f0/SuitHearts.svg/60px-SuitHearts.svg.png";
+            break;
+          case "clubs":
+            suit_url = "https://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/SuitClubs.svg/60px-SuitClubs.svg.png";
+            break;
+          case "diamonds":
+            suit_url = "https://upload.wikimedia.org/wikipedia/commons/thumb/d/db/SuitDiamonds.svg/60px-SuitDiamonds.svg.png";
+            break;
+          default:
+            suit_url = "https://upload.wikimedia.org/wikipedia/commons/thumb/5/5b/SuitSpades.svg/60px-SuitSpades.svg.png";
+            break;
+        }
+
+        // Load and add suit sprite
+        const card_suit_tex = await pixi_js.Assets.load(suit_url);
+        const card_suit_sprite = new pixi_js.Sprite(card_suit_tex);
+        card_suit_sprite.anchor.set(0.5);
+        card_suit_sprite.scale.set(1.2);
+        card_suit_sprite.position.set(0, 35);
+        animatedSprite.addChild(card_suit_sprite);
+        return animatedSprite;
+      });
+
+      // After all sprites are loaded, add them to the container and stage
+      Promise.all(spritePromises).then(sprites => {
+        sprites.forEach(sprite => cardsContainer.addChild(sprite));
+        // Center the container in the canvas
+        cardsContainer.x = this.appRef.current.renderer.width / 2;
+        cardsContainer.y = this.appRef.current.renderer.height / 2;
+        this.appRef.current.stage.addChild(cardsContainer);
+      });
+    }
+  }
+  return {
+    LighteningStart
+  };
+};
+
 // CSS is provided separately via the style field in package.json
 
 const thunder_left = "https://babylonbetst.evo-games.com/frontend/evo/mini/images/lightnings.f9848fb7.webp";
+const thunder_middle = "https://babylonbetst.evo-games.com/frontend/evo/mini/images/feeborderb.0e2c6bbe.webp";
 const thunder_right = "https://babylonbetst.evo-games.com/frontend/evo/mini/images/lightnings.aeaa062e.webp";
+const border_start = "https://babylonbetst.evo-games.com/frontend/evo/mini/images/borderstar.65180209.webp";
 const border_loop = "https://babylonbetst.evo-games.com/frontend/evo/mini/images/borderloop.c55570cc.webp";
 const LighteningCard = ({
   roundStatus,
@@ -247,9 +432,15 @@ const LighteningCard = ({
   const {
     RightThunder
   } = useRightThunder();
+  const {
+    MiddleThunder
+  } = useMiddleThunder();
   const {
     Lightening
   } = useLightening();
+  const {
+    LighteningStart
+  } = useLighteningStart();
   const initiatePixiApplication = async () => {
     appRef.current = new pixi_js.Application();
     await appRef.current.init({
@@ -263,7 +454,8 @@ const LighteningCard = ({
     globalThis.__PIXI_APP__ = appRef.current;
     roundStatus === "NO_MORE_BETS" && new LeftThunder(thunder_left, appRef);
     roundStatus === "NO_MORE_BETS" && new RightThunder(thunder_right, appRef);
-    roundStatus === "LIGHTNING" && new Lightening(cards, border_loop, appRef);
+    roundStatus === "NO_MORE_BETS" && new MiddleThunder(thunder_middle, appRef);
+    roundStatus === "LIGHTNING" && new LighteningStart(cards, border_start, appRef);
     ["NEW_CARD", "ROUND_END", "BETTING_STARTED"].includes(roundStatus) && new Lightening(cards, border_loop, appRef);
   };
   React.useEffect(() => {
@@ -272,8 +464,8 @@ const LighteningCard = ({
     // Cleanup function
     return () => {
       if (appRef.current) {
-        var _appRef$current;
-        (_appRef$current = appRef.current) === null || _appRef$current === void 0 || _appRef$current.destroy(true);
+        var _appRef$current, _appRef$current2;
+        ((_appRef$current = appRef.current) === null || _appRef$current === void 0 ? void 0 : _appRef$current.renderer) && ((_appRef$current2 = appRef.current) === null || _appRef$current2 === void 0 ? void 0 : _appRef$current2.destroy(true));
         appRef.current = null;
       }
     };

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/hooks/useLeftThunder.js","../src/hooks/useRightThunder.js","../src/hooks/useLightening.js","../src/LighteningCard.js"],"sourcesContent":["import { AnimatedSprite, Assets, Rectangle, Texture } from \"pixi.js\";\r\n\r\nconst useLeftThunder = () => {\r\n  class LeftThunder {\r\n    constructor(spritePath, appRef) {\r\n      this.spritePath = spritePath;\r\n      this.appRef = appRef;\r\n      this.initiateAnimation();\r\n    }\r\n\r\n    async initiateAnimation() {\r\n      Assets.load(this.spritePath).then((baseTexture) => {\r\n        // Ensure the animation is visible and sized correctly\r\n        const frames = [];\r\n        // Get the correct texture dimensions\r\n        const texWidth = baseTexture.resource?.width || baseTexture.width;\r\n        const texHeight = baseTexture.resource?.height || baseTexture.height;\r\n\r\n        const columns = 3;\r\n        const rows = 10;\r\n\r\n        const frameWidth = texWidth / columns;\r\n        const frameHeight = texHeight / rows;\r\n\r\n        // Row-major order: for each row, for each column\r\n        for (let row = 0; row < rows; row++) {\r\n          for (let col = 0; col < columns; col++) {\r\n            const x = col * frameWidth;\r\n            const y = row * frameHeight;\r\n            const frameRect = new Rectangle(x, y, frameWidth, frameHeight);\r\n            frames.push(\r\n              new Texture({\r\n                source: baseTexture.source, // Use the correct source for the Texture constructor\r\n                frame: frameRect,\r\n              })\r\n            );\r\n          }\r\n        }\r\n\r\n        // Create and configure the AnimatedSprite\r\n        const animatedSprite = new AnimatedSprite(frames);\r\n        animatedSprite.animationSpeed = 0.25; // Faster speed for more visible animation\r\n        animatedSprite.loop = true;\r\n        animatedSprite.scale.set(0.4);\r\n        animatedSprite.anchor.set(0.5, 0.5);\r\n\r\n        // Center the sprite in the canvas\r\n        animatedSprite.x = this.appRef.current.renderer.width / 2;\r\n        animatedSprite.y = this.appRef.current.renderer.height / 2;\r\n\r\n        this.appRef.current.stage.addChild(animatedSprite);\r\n        animatedSprite.play();\r\n      });\r\n    }\r\n  }\r\n\r\n  return {\r\n    LeftThunder,\r\n  };\r\n};\r\n\r\nexport default useLeftThunder;\r\n","import { AnimatedSprite, Assets, Rectangle, Texture } from \"pixi.js\";\r\n\r\nconst useRightThunder = () => {\r\n  class RightThunder {\r\n    constructor(spritePath, appRef) {\r\n      this.spritePath = spritePath;\r\n      this.appRef = appRef;\r\n      this.initiateAnimation();\r\n    }\r\n\r\n    async initiateAnimation() {\r\n      Assets.load(this.spritePath).then((baseTexture) => {\r\n        // Ensure the animation is visible and sized correctly\r\n        const frames = [];\r\n\r\n        // Get the correct texture dimensions\r\n        const texWidth = baseTexture.resource?.width || baseTexture.width;\r\n        const texHeight = baseTexture.resource?.height || baseTexture.height;\r\n\r\n        const columns = 3;\r\n        const rows = 10;\r\n\r\n        const frameWidth = texWidth / columns;\r\n        const frameHeight = texHeight / rows;\r\n\r\n        // Row-major order: for each row, for each column\r\n        for (let row = 0; row < rows; row++) {\r\n          for (let col = 0; col < columns; col++) {\r\n            const x = col * frameWidth;\r\n            const y = row * frameHeight;\r\n            const frameRect = new Rectangle(x, y, frameWidth, frameHeight);\r\n            frames.push(\r\n              new Texture({\r\n                source: baseTexture.source, // Use the correct source for the Texture constructor\r\n                frame: frameRect,\r\n              })\r\n            );\r\n          }\r\n        }\r\n\r\n        // Create and configure the AnimatedSprite\r\n        const animatedSprite = new AnimatedSprite(frames);\r\n        animatedSprite.animationSpeed = 0.25; // Faster speed for more visible animation\r\n        animatedSprite.loop = true;\r\n        animatedSprite.scale.set(0.4);\r\n        animatedSprite.anchor.set(0.5, 0.5);\r\n\r\n        // Center the sprite in the canvas\r\n        animatedSprite.x = this.appRef.current.renderer.width / 2;\r\n        animatedSprite.y = this.appRef.current.renderer.height / 2;\r\n\r\n        this.appRef.current.stage.addChild(animatedSprite);\r\n        animatedSprite.play();\r\n      });\r\n    }\r\n  }\r\n  return { RightThunder };\r\n};\r\n\r\nexport default useRightThunder;\r\n","import {\r\n  AnimatedSprite,\r\n  Assets,\r\n  Rectangle,\r\n  Text,\r\n  Texture,\r\n  Sprite,\r\n  Graphics,\r\n} from \"pixi.js\";\r\nimport { useEffect, useRef } from \"react\";\r\n\r\nconst useLightening = () => {\r\n  class Lightening {\r\n    constructor(cards, spritePath, appRef) {\r\n      this.cards = cards;\r\n      this.spritePath = spritePath;\r\n      this.appRef = appRef;\r\n      this.initiateAnimation();\r\n    }\r\n\r\n    async initiateAnimation() {\r\n      // Create a container to hold all animatedSprites\r\n      const { Container } = await import(\"pixi.js\");\r\n      const cardsContainer = new Container();\r\n\r\n      // Calculate layout: arrange cards horizontally, centered\r\n      const numCards = this.cards.length;\r\n      const spacing = 77.6 * 0.5 + 20; // space between cards, adjust as needed\r\n      const spriteScale = 0.3;\r\n      const baseY = this.appRef.current.renderer.height / 2;\r\n\r\n      // We'll keep track of all sprite promises to add them after all loaded\r\n      const spritePromises = this.cards.map(async (card, i) => {\r\n        const baseTexture = await Assets.load(this.spritePath);\r\n\r\n        // Prepare frames for animation\r\n        const frames = [];\r\n        const texWidth = baseTexture.resource?.width || baseTexture.width;\r\n        const texHeight = baseTexture.resource?.height || baseTexture.height;\r\n        const columns = 10;\r\n        const rows = 3;\r\n        const frameWidth = texWidth / columns;\r\n        const frameHeight = texHeight / rows;\r\n\r\n        for (let row = 0; row < rows; row++) {\r\n          for (let col = 0; col < columns; col++) {\r\n            const x = col * frameWidth;\r\n            const y = row * frameHeight;\r\n            const frameRect = new Rectangle(x, y, frameWidth, frameHeight);\r\n            frames.push(\r\n              new Texture({\r\n                source: baseTexture.source,\r\n                frame: frameRect,\r\n              })\r\n            );\r\n          }\r\n        }\r\n\r\n        // Create and configure the AnimatedSprite\r\n        const animatedSprite = new AnimatedSprite(frames);\r\n        animatedSprite.animationSpeed = 0.25;\r\n        animatedSprite.loop = true;\r\n        animatedSprite.scale.set(spriteScale);\r\n        animatedSprite.anchor.set(0.5);\r\n        animatedSprite.allowChildren = true;\r\n\r\n        // Position horizontally, centered\r\n        const totalWidth = (numCards - 1) * spacing;\r\n        animatedSprite.x = -totalWidth / 2 + i * spacing;\r\n        animatedSprite.y = 0; // Centered in container\r\n\r\n        animatedSprite.play();\r\n\r\n        // Add multiplier text\r\n        const multiplier_txt = new Text({\r\n          text: `${card.multiplier ?? card.multplier}x`,\r\n          style: {\r\n            fontSize: 75,\r\n            fontWeight: \"bold\",\r\n            fill: 0xffd700,\r\n            align: \"center\",\r\n          },\r\n        });\r\n        multiplier_txt.anchor.set(0.5);\r\n        multiplier_txt.position.set(0, -50);\r\n        animatedSprite.addChild(multiplier_txt);\r\n\r\n        // Suit icon\r\n        let suit_url = \"\";\r\n        switch (card.suit?.toLowerCase()) {\r\n          case \"hearts\":\r\n            suit_url =\r\n              \"https://upload.wikimedia.org/wikipedia/commons/thumb/f/f0/SuitHearts.svg/60px-SuitHearts.svg.png\";\r\n            break;\r\n          case \"clubs\":\r\n            suit_url =\r\n              \"https://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/SuitClubs.svg/60px-SuitClubs.svg.png\";\r\n            break;\r\n          case \"diamonds\":\r\n            suit_url =\r\n              \"https://upload.wikimedia.org/wikipedia/commons/thumb/d/db/SuitDiamonds.svg/60px-SuitDiamonds.svg.png\";\r\n            break;\r\n          default:\r\n            suit_url =\r\n              \"https://upload.wikimedia.org/wikipedia/commons/thumb/5/5b/SuitSpades.svg/60px-SuitSpades.svg.png\";\r\n            break;\r\n        }\r\n\r\n        // Load and add suit sprite\r\n        const card_suit_tex = await Assets.load(suit_url);\r\n        const card_suit_sprite = new Sprite(card_suit_tex);\r\n        card_suit_sprite.anchor.set(0.5);\r\n        card_suit_sprite.scale.set(1.2);\r\n        card_suit_sprite.position.set(0, 35);\r\n        animatedSprite.addChild(card_suit_sprite);\r\n\r\n        return animatedSprite;\r\n      });\r\n\r\n      // After all sprites are loaded, add them to the container and stage\r\n      Promise.all(spritePromises).then((sprites) => {\r\n        sprites.forEach((sprite) => cardsContainer.addChild(sprite));\r\n        // Center the container in the canvas\r\n        cardsContainer.x = this.appRef.current.renderer.width / 2;\r\n        cardsContainer.y = this.appRef.current.renderer.height / 2;\r\n        this.appRef.current.stage.addChild(cardsContainer);\r\n      });\r\n    }\r\n  }\r\n\r\n  return {\r\n    Lightening,\r\n  };\r\n};\r\n\r\nexport default useLightening;\r\n","import React, { useEffect, useRef } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Application } from \"pixi.js\";\r\nimport useLeftThunder from \"./hooks/useLeftThunder\";\r\nimport useRightThunder from \"./hooks/useRightThunder\";\r\nimport useLightening from \"./hooks/useLightening\";\r\nimport \"./LighteningCard.css\";\r\n\r\n// CSS is provided separately via the style field in package.json\r\n\r\nconst thunder_left =\r\n  \"https://babylonbetst.evo-games.com/frontend/evo/mini/images/lightnings.f9848fb7.webp\";\r\nconst thunder_middle =\r\n  \"https://babylonbetst.evo-games.com/frontend/evo/mini/images/lightnings.88df6be3.webp\";\r\nconst thunder_right =\r\n  \"https://babylonbetst.evo-games.com/frontend/evo/mini/images/lightnings.aeaa062e.webp\";\r\n\r\nconst border_start =\r\n  \"https://babylonbetst.evo-games.com/frontend/evo/mini/images/borderstar.65180209.webp\";\r\nconst border_loop =\r\n  \"https://babylonbetst.evo-games.com/frontend/evo/mini/images/borderloop.c55570cc.webp\";\r\n\r\nconst LighteningCard = ({ roundStatus, cards }) => {\r\n  const containerRef = useRef(null);\r\n  const appRef = useRef(null);\r\n  const { LeftThunder } = useLeftThunder();\r\n  const { RightThunder } = useRightThunder();\r\n  const { Lightening } = useLightening();\r\n\r\n  const initiatePixiApplication = async () => {\r\n    appRef.current = new Application();\r\n    await appRef.current.init({\r\n      resizeTo: containerRef.current,\r\n      backgroundAlpha: 0,\r\n      powerPreference: \"high-performance\",\r\n      resolution: window.devicePixelRatio || 1,\r\n      autoDensity: true, // This ensures the canvas CSS size is correct\r\n    });\r\n    containerRef.current.appendChild(appRef.current.canvas);\r\n    globalThis.__PIXI_APP__ = appRef.current;\r\n\r\n    roundStatus === \"NO_MORE_BETS\" && new LeftThunder(thunder_left, appRef);\r\n    roundStatus === \"NO_MORE_BETS\" && new RightThunder(thunder_right, appRef);\r\n    roundStatus === \"LIGHTNING\" && new Lightening(cards, border_loop, appRef);\r\n    [\"NEW_CARD\", \"ROUND_END\", \"BETTING_STARTED\"].includes(roundStatus) &&\r\n      new Lightening(cards, border_loop, appRef);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!containerRef.current) return;\r\n    initiatePixiApplication();\r\n    // Cleanup function\r\n    return () => {\r\n      if (appRef.current) {\r\n        appRef.current?.destroy(true);\r\n        appRef.current = null;\r\n      }\r\n    };\r\n  }, [roundStatus]);\r\n\r\n  return <div className=\"lightening-card\" ref={containerRef}></div>;\r\n};\r\n\r\nLighteningCard.propTypes = {\r\n  roundStatus: PropTypes.string.isRequired,\r\n  cards: PropTypes.arrayOf(\r\n    PropTypes.shape({\r\n      multiplier: PropTypes.number,\r\n      rank: PropTypes.string,\r\n      suit: PropTypes.string,\r\n    })\r\n  ),\r\n  assetPath: PropTypes.string, // Path to the animation asset\r\n  onAnimationReady: PropTypes.func, // Callback when animation is ready\r\n};\r\n\r\nLighteningCard.defaultProps = {\r\n  cards: [],\r\n};\r\n\r\nexport default LighteningCard;\r\n"],"names":["useLeftThunder","LeftThunder","constructor","spritePath","appRef","initiateAnimation","Assets","load","then","baseTexture","_baseTexture$resource","_baseTexture$resource2","frames","texWidth","resource","width","texHeight","height","columns","rows","frameWidth","frameHeight","row","col","x","y","frameRect","Rectangle","push","Texture","source","frame","animatedSprite","AnimatedSprite","animationSpeed","loop","scale","set","anchor","current","renderer","stage","addChild","play","useRightThunder","RightThunder","useLightening","Lightening","cards","Container","cardsContainer","numCards","length","spacing","spriteScale","spritePromises","map","card","i","_card$multiplier","_card$suit","allowChildren","totalWidth","multiplier_txt","Text","text","multiplier","multplier","style","fontSize","fontWeight","fill","align","position","suit_url","suit","toLowerCase","card_suit_tex","card_suit_sprite","Sprite","Promise","all","sprites","forEach","sprite","thunder_left","thunder_right","border_loop","LighteningCard","roundStatus","containerRef","useRef","initiatePixiApplication","Application","init","resizeTo","backgroundAlpha","powerPreference","resolution","window","devicePixelRatio","autoDensity","appendChild","canvas","globalThis","__PIXI_APP__","includes","useEffect","_appRef$current","destroy","React","createElement","className","ref","propTypes","PropTypes","string","isRequired","arrayOf","shape","number","rank","assetPath","onAnimationReady","func","defaultProps"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../src/hooks/useLeftThunder.js","../src/hooks/useRightThunder.js","../src/hooks/useLightening.js","../src/hooks/useMiddleThunder.js","../src/hooks/useLighteningStart.js","../src/LighteningCard.js"],"sourcesContent":["import { AnimatedSprite, Assets, Rectangle, Texture } from \"pixi.js\";\r\n\r\nconst useLeftThunder = () => {\r\n  class LeftThunder {\r\n    constructor(spritePath, appRef) {\r\n      this.spritePath = spritePath;\r\n      this.appRef = appRef;\r\n      this.initiateAnimation();\r\n    }\r\n\r\n    async initiateAnimation() {\r\n      Assets.load(this.spritePath).then((baseTexture) => {\r\n        // Ensure the animation is visible and sized correctly\r\n        const frames = [];\r\n        // Get the correct texture dimensions\r\n        const texWidth = baseTexture.resource?.width || baseTexture.width;\r\n        const texHeight = baseTexture.resource?.height || baseTexture.height;\r\n\r\n        const columns = 3;\r\n        const rows = 10;\r\n\r\n        const frameWidth = texWidth / columns;\r\n        const frameHeight = texHeight / rows;\r\n\r\n        // Row-major order: for each row, for each column\r\n        for (let row = 0; row < rows; row++) {\r\n          for (let col = 0; col < columns; col++) {\r\n            const x = col * frameWidth;\r\n            const y = row * frameHeight;\r\n            const frameRect = new Rectangle(x, y, frameWidth, frameHeight);\r\n            frames.push(\r\n              new Texture({\r\n                source: baseTexture.source, // Use the correct source for the Texture constructor\r\n                frame: frameRect,\r\n              })\r\n            );\r\n          }\r\n        }\r\n\r\n        // Create and configure the AnimatedSprite\r\n        const animatedSprite = new AnimatedSprite(frames);\r\n        animatedSprite.animationSpeed = 0.25; // Faster speed for more visible animation\r\n        animatedSprite.loop = true;\r\n        animatedSprite.scale.set(0.3);\r\n        animatedSprite.anchor.set(0.5, 0.5);\r\n\r\n        // Center the sprite in the canvas\r\n        animatedSprite.x =\r\n          this.appRef.current.renderer.width / 2 -\r\n          (window.innerWidth > 768 ? 40 : -75);\r\n        animatedSprite.y = this.appRef.current.renderer.height / 2 + 15;\r\n\r\n        this.appRef.current.stage.addChild(animatedSprite);\r\n        animatedSprite.play();\r\n      });\r\n    }\r\n  }\r\n\r\n  return {\r\n    LeftThunder,\r\n  };\r\n};\r\n\r\nexport default useLeftThunder;\r\n","import { AnimatedSprite, Assets, Rectangle, Texture } from \"pixi.js\";\r\n\r\nconst useRightThunder = () => {\r\n  class RightThunder {\r\n    constructor(spritePath, appRef) {\r\n      this.spritePath = spritePath;\r\n      this.appRef = appRef;\r\n      this.initiateAnimation();\r\n    }\r\n\r\n    async initiateAnimation() {\r\n      Assets.load(this.spritePath).then((baseTexture) => {\r\n        // Ensure the animation is visible and sized correctly\r\n        const frames = [];\r\n\r\n        // Get the correct texture dimensions\r\n        const texWidth = baseTexture.resource?.width || baseTexture.width;\r\n        const texHeight = baseTexture.resource?.height || baseTexture.height;\r\n\r\n        const columns = 3;\r\n        const rows = 10;\r\n\r\n        const frameWidth = texWidth / columns;\r\n        const frameHeight = texHeight / rows;\r\n\r\n        // Row-major order: for each row, for each column\r\n        for (let row = 0; row < rows; row++) {\r\n          for (let col = 0; col < columns; col++) {\r\n            const x = col * frameWidth;\r\n            const y = row * frameHeight;\r\n            const frameRect = new Rectangle(x, y, frameWidth, frameHeight);\r\n            frames.push(\r\n              new Texture({\r\n                source: baseTexture.source, // Use the correct source for the Texture constructor\r\n                frame: frameRect,\r\n              })\r\n            );\r\n          }\r\n        }\r\n\r\n        // Create and configure the AnimatedSprite\r\n        const animatedSprite = new AnimatedSprite(frames);\r\n        animatedSprite.animationSpeed = 0.25; // Faster speed for more visible animation\r\n        animatedSprite.loop = true;\r\n        animatedSprite.scale.set(0.3);\r\n        animatedSprite.anchor.set(0.5, 0.5);\r\n\r\n        // Center the sprite in the canvas\r\n        animatedSprite.x =\r\n          this.appRef.current.renderer.width / 2 +\r\n          (window.innerWidth > 768 ? 40 : -75);\r\n        animatedSprite.y = this.appRef.current.renderer.height / 2 + 15;\r\n\r\n        this.appRef.current.stage.addChild(animatedSprite);\r\n        animatedSprite.play();\r\n      });\r\n    }\r\n  }\r\n  return { RightThunder };\r\n};\r\n\r\nexport default useRightThunder;\r\n","import {\r\n  AnimatedSprite,\r\n  Assets,\r\n  Rectangle,\r\n  Text,\r\n  Texture,\r\n  Sprite,\r\n  Graphics,\r\n} from \"pixi.js\";\r\n\r\nconst useLightening = () => {\r\n  class Lightening {\r\n    constructor(cards, spritePath, appRef) {\r\n      this.cards = cards;\r\n      this.spritePath = spritePath;\r\n      this.appRef = appRef;\r\n      this.initiateAnimation();\r\n    }\r\n\r\n    async initiateAnimation() {\r\n      // Create a container to hold all animatedSprites\r\n      const { Container } = await import(\"pixi.js\");\r\n      const cardsContainer = new Container();\r\n\r\n      // Calculate layout: arrange cards horizontally, centered\r\n      const numCards = this.cards.length;\r\n      const spacing = 77.6 * 0.5 + 20; // space between cards, adjust as needed\r\n      const spriteScale = window.innerWidth < 768 ? 0.25 : 0.3;\r\n      const baseY = this.appRef.current.renderer.height / 2;\r\n\r\n      // We'll keep track of all sprite promises to add them after all loaded\r\n      const spritePromises = this.cards.map(async (card, i) => {\r\n        const baseTexture = await Assets.load(this.spritePath);\r\n\r\n        // Prepare frames for animation\r\n        const frames = [];\r\n        const texWidth = baseTexture.resource?.width || baseTexture.width;\r\n        const texHeight = baseTexture.resource?.height || baseTexture.height;\r\n        const columns = 10;\r\n        const rows = 3;\r\n        const frameWidth = texWidth / columns;\r\n        const frameHeight = texHeight / rows;\r\n\r\n        for (let row = 0; row < rows; row++) {\r\n          for (let col = 0; col < columns; col++) {\r\n            const x = col * frameWidth;\r\n            const y = row * frameHeight;\r\n            const frameRect = new Rectangle(x, y, frameWidth, frameHeight);\r\n            frames.push(\r\n              new Texture({\r\n                source: baseTexture.source,\r\n                frame: frameRect,\r\n              })\r\n            );\r\n          }\r\n        }\r\n\r\n        // Create and configure the AnimatedSprite\r\n        const animatedSprite = new AnimatedSprite(frames);\r\n        animatedSprite.animationSpeed = 0.25;\r\n        animatedSprite.loop = true;\r\n        animatedSprite.scale.set(spriteScale);\r\n        animatedSprite.anchor.set(0.5);\r\n        animatedSprite.allowChildren = true;\r\n\r\n        // Position horizontally, centered\r\n        const totalWidth = (numCards - 1) * spacing;\r\n        animatedSprite.x = -totalWidth / 2 + i * spacing;\r\n        animatedSprite.y = 0; // Centered in container\r\n\r\n        animatedSprite.play();\r\n\r\n        // Add multiplier text\r\n        const multiplier_txt = new Text({\r\n          text: `${card.multiplier ?? card.multplier}X`,\r\n          style: {\r\n            fontSize: 75,\r\n            fontWeight: \"bold\",\r\n            fill: 0xffd700,\r\n            align: \"center\",\r\n          },\r\n        });\r\n        multiplier_txt.anchor.set(0.5);\r\n        multiplier_txt.position.set(0, -50);\r\n        animatedSprite.addChild(multiplier_txt);\r\n\r\n        // Suit icon\r\n        let suit_url = \"\";\r\n        switch (card.suit?.toLowerCase()) {\r\n          case \"hearts\":\r\n            suit_url =\r\n              \"https://upload.wikimedia.org/wikipedia/commons/thumb/f/f0/SuitHearts.svg/60px-SuitHearts.svg.png\";\r\n            break;\r\n          case \"clubs\":\r\n            suit_url =\r\n              \"https://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/SuitClubs.svg/60px-SuitClubs.svg.png\";\r\n            break;\r\n          case \"diamonds\":\r\n            suit_url =\r\n              \"https://upload.wikimedia.org/wikipedia/commons/thumb/d/db/SuitDiamonds.svg/60px-SuitDiamonds.svg.png\";\r\n            break;\r\n          default:\r\n            suit_url =\r\n              \"https://upload.wikimedia.org/wikipedia/commons/thumb/5/5b/SuitSpades.svg/60px-SuitSpades.svg.png\";\r\n            break;\r\n        }\r\n\r\n        // Load and add suit sprite\r\n        const card_suit_tex = await Assets.load(suit_url);\r\n        const card_suit_sprite = new Sprite(card_suit_tex);\r\n        card_suit_sprite.anchor.set(0.5);\r\n        card_suit_sprite.scale.set(1.2);\r\n        card_suit_sprite.position.set(0, 35);\r\n        animatedSprite.addChild(card_suit_sprite);\r\n\r\n        return animatedSprite;\r\n      });\r\n\r\n      // After all sprites are loaded, add them to the container and stage\r\n      Promise.all(spritePromises).then((sprites) => {\r\n        sprites.forEach((sprite) => cardsContainer.addChild(sprite));\r\n        // Center the container in the canvas\r\n        cardsContainer.x = this.appRef.current.renderer.width / 2;\r\n        cardsContainer.y = this.appRef.current.renderer.height / 2;\r\n        this.appRef.current.stage.addChild(cardsContainer);\r\n      });\r\n    }\r\n  }\r\n\r\n  return {\r\n    Lightening,\r\n  };\r\n};\r\n\r\nexport default useLightening;\r\n","import { AnimatedSprite, Assets, Rectangle, Texture, Ticker } from \"pixi.js\";\r\n\r\nconst useMiddleThunder = () => {\r\n  class MiddleThunder {\r\n    constructor(spritePath, appRef) {\r\n      this.spritePath = spritePath;\r\n      this.appRef = appRef;\r\n      this.initiateAnimation();\r\n    }\r\n\r\n    async initiateAnimation() {\r\n      Assets.load(this.spritePath).then((baseTexture) => {\r\n        // Ensure the animation is visible and sized correctly\r\n        const frames = [];\r\n        // Get the correct texture dimensions\r\n        const texWidth = baseTexture.resource?.width || baseTexture.width;\r\n        const texHeight = baseTexture.resource?.height || baseTexture.height;\r\n\r\n        const columns = 3;\r\n        const rows = 18;\r\n\r\n        const frameWidth = texWidth / columns;\r\n        const frameHeight = texHeight / rows;\r\n\r\n        // Row-major order: for each row, for each column\r\n        for (let row = 0; row < rows; row++) {\r\n          for (let col = 0; col < columns; col++) {\r\n            const x = col * frameWidth;\r\n            const y = row * frameHeight;\r\n            const frameRect = new Rectangle(x, y, frameWidth, frameHeight);\r\n            frames.push(\r\n              new Texture({\r\n                source: baseTexture.source, // Use the correct source for the Texture constructor\r\n                frame: frameRect,\r\n              })\r\n            );\r\n          }\r\n        }\r\n\r\n        // Create and configure the AnimatedSprite\r\n        const animatedSprite = new AnimatedSprite(frames);\r\n        animatedSprite.animationSpeed = 0.25; // Faster speed for more visible animation\r\n        animatedSprite.loop = false;\r\n        animatedSprite.scale.set(0.5);\r\n        animatedSprite.anchor.set(0.5, 0.5);\r\n\r\n        // Center the sprite in the canvas\r\n        animatedSprite.x = this.appRef.current.renderer.width / 2;\r\n        animatedSprite.y = 0;\r\n        const tikcer = new Ticker();\r\n        tikcer.autoStart = true;\r\n        let iteration = 0;\r\n\r\n        const unitDistance = this.appRef.current.renderer.height / 60;\r\n        tikcer.add((tick) => {\r\n          animatedSprite.y += unitDistance;\r\n          iteration++;\r\n          if (iteration === 60) {\r\n            tikcer.stop();\r\n            tikcer.destroy();\r\n          }\r\n        });\r\n\r\n        this.appRef.current.stage.addChild(animatedSprite);\r\n        animatedSprite.play();\r\n      });\r\n    }\r\n  }\r\n  return {\r\n    MiddleThunder,\r\n  };\r\n};\r\n\r\nexport default useMiddleThunder;\r\n","import {\r\n  AnimatedSprite,\r\n  Assets,\r\n  Rectangle,\r\n  Text,\r\n  Texture,\r\n  Sprite,\r\n  Graphics,\r\n} from \"pixi.js\";\r\n\r\nconst useLighteningStart = () => {\r\n  class LighteningStart {\r\n    constructor(cards, spritePath, appRef) {\r\n      this.cards = cards;\r\n      this.spritePath = spritePath;\r\n      this.appRef = appRef;\r\n      this.initiateAnimation();\r\n    }\r\n\r\n    async initiateAnimation() {\r\n      // Create a container to hold all animatedSprites\r\n      const { Container } = await import(\"pixi.js\");\r\n      const cardsContainer = new Container();\r\n\r\n      // Calculate layout: arrange cards horizontally, centered\r\n      const numCards = this.cards.length;\r\n      const spacing = 77.6 * 0.5 + 20; // space between cards, adjust as needed\r\n      const spriteScale = window.innerWidth < 768 ? 0.25 : 0.3;\r\n      const baseY = this.appRef.current.renderer.height / 2;\r\n\r\n      // We'll keep track of all sprite promises to add them after all loaded\r\n      const spritePromises = this.cards.map(async (card, i) => {\r\n        const baseTexture = await Assets.load(this.spritePath);\r\n\r\n        // Prepare frames for animation\r\n        const frames = [];\r\n        const texWidth = baseTexture.resource?.width || baseTexture.width;\r\n        const texHeight = baseTexture.resource?.height || baseTexture.height;\r\n        const columns = 10;\r\n        const rows = 3;\r\n        const frameWidth = texWidth / columns;\r\n        const frameHeight = texHeight / rows;\r\n\r\n        for (let row = 0; row < rows; row++) {\r\n          for (let col = 0; col < columns; col++) {\r\n            const x = col * frameWidth;\r\n            const y = row * frameHeight;\r\n            const frameRect = new Rectangle(x, y, frameWidth, frameHeight);\r\n            frames.push(\r\n              new Texture({\r\n                source: baseTexture.source,\r\n                frame: frameRect,\r\n              })\r\n            );\r\n          }\r\n        }\r\n\r\n        // Create and configure the AnimatedSprite\r\n        const animatedSprite = new AnimatedSprite(frames);\r\n        animatedSprite.animationSpeed = 0.25;\r\n        animatedSprite.loop = false;\r\n        animatedSprite.scale.set(spriteScale);\r\n        animatedSprite.anchor.set(0.5);\r\n        animatedSprite.allowChildren = true;\r\n\r\n        // Position horizontally, centered\r\n        const totalWidth = (numCards - 1) * spacing;\r\n        animatedSprite.x = -totalWidth / 2 + i * spacing;\r\n        animatedSprite.y = 0; // Centered in container\r\n\r\n        animatedSprite.play();\r\n\r\n        // Add multiplier text\r\n        const multiplier_txt = new Text({\r\n          text: `${card.multiplier ?? card.multplier}X`,\r\n          style: {\r\n            fontSize: 75,\r\n            fontWeight: \"bold\",\r\n            fill: 0xffd700,\r\n            align: \"center\",\r\n          },\r\n        });\r\n        multiplier_txt.anchor.set(0.5);\r\n        multiplier_txt.position.set(0, -50);\r\n        animatedSprite.addChild(multiplier_txt);\r\n\r\n        // Suit icon\r\n        let suit_url = \"\";\r\n        switch (card.suit?.toLowerCase()) {\r\n          case \"hearts\":\r\n            suit_url =\r\n              \"https://upload.wikimedia.org/wikipedia/commons/thumb/f/f0/SuitHearts.svg/60px-SuitHearts.svg.png\";\r\n            break;\r\n          case \"clubs\":\r\n            suit_url =\r\n              \"https://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/SuitClubs.svg/60px-SuitClubs.svg.png\";\r\n            break;\r\n          case \"diamonds\":\r\n            suit_url =\r\n              \"https://upload.wikimedia.org/wikipedia/commons/thumb/d/db/SuitDiamonds.svg/60px-SuitDiamonds.svg.png\";\r\n            break;\r\n          default:\r\n            suit_url =\r\n              \"https://upload.wikimedia.org/wikipedia/commons/thumb/5/5b/SuitSpades.svg/60px-SuitSpades.svg.png\";\r\n            break;\r\n        }\r\n\r\n        // Load and add suit sprite\r\n        const card_suit_tex = await Assets.load(suit_url);\r\n        const card_suit_sprite = new Sprite(card_suit_tex);\r\n        card_suit_sprite.anchor.set(0.5);\r\n        card_suit_sprite.scale.set(1.2);\r\n        card_suit_sprite.position.set(0, 35);\r\n        animatedSprite.addChild(card_suit_sprite);\r\n\r\n        return animatedSprite;\r\n      });\r\n\r\n      // After all sprites are loaded, add them to the container and stage\r\n      Promise.all(spritePromises).then((sprites) => {\r\n        sprites.forEach((sprite) => cardsContainer.addChild(sprite));\r\n        // Center the container in the canvas\r\n        cardsContainer.x = this.appRef.current.renderer.width / 2;\r\n        cardsContainer.y = this.appRef.current.renderer.height / 2;\r\n        this.appRef.current.stage.addChild(cardsContainer);\r\n      });\r\n    }\r\n  }\r\n\r\n  return {\r\n    LighteningStart,\r\n  };\r\n};\r\n\r\nexport default useLighteningStart;\r\n","import React, { useEffect, useRef } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Application } from \"pixi.js\";\r\nimport useLeftThunder from \"./hooks/useLeftThunder\";\r\nimport useRightThunder from \"./hooks/useRightThunder\";\r\nimport useLightening from \"./hooks/useLightening\";\r\nimport useMiddleThunder from \"./hooks/useMiddleThunder\";\r\nimport useLighteningStart from \"./hooks/useLighteningStart\";\r\nimport \"./LighteningCard.css\";\r\n\r\n// CSS is provided separately via the style field in package.json\r\n\r\nconst thunder_left =\r\n  \"https://babylonbetst.evo-games.com/frontend/evo/mini/images/lightnings.f9848fb7.webp\";\r\nconst thunder_middle =\r\n  \"https://babylonbetst.evo-games.com/frontend/evo/mini/images/feeborderb.0e2c6bbe.webp\";\r\nconst thunder_right =\r\n  \"https://babylonbetst.evo-games.com/frontend/evo/mini/images/lightnings.aeaa062e.webp\";\r\n\r\nconst border_start =\r\n  \"https://babylonbetst.evo-games.com/frontend/evo/mini/images/borderstar.65180209.webp\";\r\nconst border_loop =\r\n  \"https://babylonbetst.evo-games.com/frontend/evo/mini/images/borderloop.c55570cc.webp\";\r\n\r\nconst LighteningCard = ({ roundStatus, cards }) => {\r\n  const containerRef = useRef(null);\r\n  const appRef = useRef(null);\r\n  const { LeftThunder } = useLeftThunder();\r\n  const { RightThunder } = useRightThunder();\r\n  const { MiddleThunder } = useMiddleThunder();\r\n  const { Lightening } = useLightening();\r\n  const { LighteningStart } = useLighteningStart();\r\n  const initiatePixiApplication = async () => {\r\n    appRef.current = new Application();\r\n    await appRef.current.init({\r\n      resizeTo: containerRef.current,\r\n      backgroundAlpha: 0,\r\n      powerPreference: \"high-performance\",\r\n      resolution: window.devicePixelRatio || 1,\r\n      autoDensity: true, // This ensures the canvas CSS size is correct\r\n    });\r\n    containerRef.current.appendChild(appRef.current.canvas);\r\n    globalThis.__PIXI_APP__ = appRef.current;\r\n\r\n    roundStatus === \"NO_MORE_BETS\" && new LeftThunder(thunder_left, appRef);\r\n    roundStatus === \"NO_MORE_BETS\" && new RightThunder(thunder_right, appRef);\r\n    roundStatus === \"NO_MORE_BETS\" && new MiddleThunder(thunder_middle, appRef);\r\n    roundStatus === \"LIGHTNING\" &&\r\n      new LighteningStart(cards, border_start, appRef);\r\n    [\"NEW_CARD\", \"ROUND_END\", \"BETTING_STARTED\"].includes(roundStatus) &&\r\n      new Lightening(cards, border_loop, appRef);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!containerRef.current) return;\r\n    initiatePixiApplication();\r\n    // Cleanup function\r\n    return () => {\r\n      if (appRef.current) {\r\n        appRef.current?.renderer && appRef.current?.destroy(true);\r\n        appRef.current = null;\r\n      }\r\n    };\r\n  }, [roundStatus]);\r\n\r\n  return <div className=\"lightening-card\" ref={containerRef}></div>;\r\n};\r\n\r\nLighteningCard.propTypes = {\r\n  roundStatus: PropTypes.string.isRequired,\r\n  cards: PropTypes.arrayOf(\r\n    PropTypes.shape({\r\n      multiplier: PropTypes.number,\r\n      rank: PropTypes.string,\r\n      suit: PropTypes.string,\r\n    })\r\n  ),\r\n  assetPath: PropTypes.string, // Path to the animation asset\r\n  onAnimationReady: PropTypes.func, // Callback when animation is ready\r\n};\r\n\r\nLighteningCard.defaultProps = {\r\n  cards: [],\r\n};\r\n\r\nexport default LighteningCard;\r\n"],"names":["useLeftThunder","LeftThunder","constructor","spritePath","appRef","initiateAnimation","Assets","load","then","baseTexture","_baseTexture$resource","_baseTexture$resource2","frames","texWidth","resource","width","texHeight","height","columns","rows","frameWidth","frameHeight","row","col","x","y","frameRect","Rectangle","push","Texture","source","frame","animatedSprite","AnimatedSprite","animationSpeed","loop","scale","set","anchor","current","renderer","window","innerWidth","stage","addChild","play","useRightThunder","RightThunder","useLightening","Lightening","cards","Container","cardsContainer","numCards","length","spacing","spriteScale","spritePromises","map","card","i","_card$multiplier","_card$suit","allowChildren","totalWidth","multiplier_txt","Text","text","multiplier","multplier","style","fontSize","fontWeight","fill","align","position","suit_url","suit","toLowerCase","card_suit_tex","card_suit_sprite","Sprite","Promise","all","sprites","forEach","sprite","useMiddleThunder","MiddleThunder","tikcer","Ticker","autoStart","iteration","unitDistance","add","tick","stop","destroy","useLighteningStart","LighteningStart","thunder_left","thunder_middle","thunder_right","border_start","border_loop","LighteningCard","roundStatus","containerRef","useRef","initiatePixiApplication","Application","init","resizeTo","backgroundAlpha","powerPreference","resolution","devicePixelRatio","autoDensity","appendChild","canvas","globalThis","__PIXI_APP__","includes","useEffect","_appRef$current","_appRef$current2","React","createElement","className","ref","propTypes","PropTypes","string","isRequired","arrayOf","shape","number","rank","assetPath","onAnimationReady","func","defaultProps"],"mappings":"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"}

package/dist/index.css

@@ -1,2 +1,2 @@
-.lightening-card{aspect-ratio:16/9;left:0;margin-top:2rem;min-width:15vw;position:absolute;top:3rem;transform:translate(0);z-index:100000}@media (max-width:768px){.lightening-card{aspect-ratio:16/9;min-width:45vw;z-index:100000}}
+.lightening-card{height:100%;left:0;position:absolute;top:0;transform:translate(0);width:100%;z-index:100000}@media (max-width:768px){.lightening-card{z-index:100000}}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["LighteningCard.css"],"names":[],"mappings":"AAAA,iBAEE,iBAAoB,CAMpB,MAAQ,CAJR,eAAgB,CAHhB,cAAe,CAKf,iBAAkB,CAClB,QAAS,CAET,sBAA4B,CAN5B,cAOF,CAEA,yBACE,iBAEE,iBAAoB,CADpB,cAAe,CAEf,cACF,CACF","file":"index.css","sourcesContent":[".lightening-card {\r\n  min-width: 15vw;\r\n  aspect-ratio: 16 / 9;\r\n  z-index: 100000;\r\n  margin-top: 2rem;\r\n\r\n  position: absolute;\r\n  top: 3rem;\r\n  left: 0%;\r\n  transform: translate(0%, 0%);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .lightening-card {\r\n    min-width: 45vw;\r\n    aspect-ratio: 16 / 9;\r\n    z-index: 100000;\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["LighteningCard.css"],"names":[],"mappings":"AAAA,iBAQE,WAAY,CAJZ,MAAQ,CAFR,iBAAkB,CAClB,KAAS,CAET,sBAA4B,CAE5B,UAAW,CANX,cAQF,CAEA,yBACE,iBACE,cACF,CACF","file":"index.css","sourcesContent":[".lightening-card {\r\n  z-index: 100000;\r\n  position: absolute;\r\n  top: 0rem;\r\n  left: 0%;\r\n  transform: translate(0%, 0%);\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .lightening-card {\r\n    z-index: 100000;\r\n  }\r\n}\r\n"]}