livevegas-ui-kit 1.0.206 → 1.0.207

package/dist/components/WagerAndFreeSpins/index.d.ts

@@ -2,6 +2,7 @@ import { IActiveBonus } from '../../utils/helpers';
 
 interface WagerProps {
     activeBonus: IActiveBonus;
+    isMobileFromLeft: boolean;
 }
-export declare const Wager: ({ activeBonus }: WagerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Wager: ({ activeBonus, isMobileFromLeft }: WagerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/WagerAndFreeSpins/styled.d.ts

@@ -1,7 +1,11 @@
-export declare const WagerContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+interface IWager {
+    $isMobileFromLeft: boolean;
+}
+export declare const WagerContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IWager>> & string;
 export declare const WagerText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const FsText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const WagerAmount: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const FsCount: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Divider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Stars: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export {};

package/dist/livevegas-ui-kit.es.js

@@ -11586,15 +11586,14 @@ const Gc = {
   background: var(--black-80, rgba(17, 17, 17, 0.8));
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
-  /* @media (max-width: 768px) and (orientation: landscape) {} */
   @media (max-width: 768px) {
   top: 35px;
   left: unset;
-  right: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-top-left-radius: 8px;
-  border-bottom-left-radius: 8px;
+  ${({ $isMobileFromLeft: e }) => e ? "left: 0;" : "right: 0;"}
+  border-top-left-radius: ${({ $isMobileFromLeft: e }) => e ? "0" : "8px"};
+  border-top-right-radius: ${({ $isMobileFromLeft: e }) => e ? "8px" : "0"};
+  border-bottom-left-radius: ${({ $isMobileFromLeft: e }) => e ? "0" : "8px"};
+  border-bottom-right-radius: ${({ $isMobileFromLeft: e }) => e ? "8px" : "0"};
 }
 `, ah = m.div`
   font-size: 12px;
@@ -11623,24 +11622,24 @@ const Gc = {
   position: absolute;
   top: -13px;
   object-fit: contain;
-`, A7 = ({ activeBonus: e }) => {
-  const t = e.freeSpinsCount && e.freeSpinsCount > 0, { t: n } = W();
-  return /* @__PURE__ */ a.jsxs(th, { children: [
-    !t && /* @__PURE__ */ a.jsx(oh, { src: ca, alt: "stars" }),
-    t ? /* @__PURE__ */ a.jsx(nh, { children: n("Freespins left") }) : /* @__PURE__ */ a.jsxs(ah, { children: [
-      n("Wager to"),
+`, A7 = ({ activeBonus: e, isMobileFromLeft: t }) => {
+  const n = e.freeSpinsCount && e.freeSpinsCount > 0, { t: i } = W();
+  return /* @__PURE__ */ a.jsxs(th, { $isMobileFromLeft: t, children: [
+    !n && /* @__PURE__ */ a.jsx(oh, { src: ca, alt: "stars" }),
+    n ? /* @__PURE__ */ a.jsx(nh, { children: i("Freespins left") }) : /* @__PURE__ */ a.jsxs(ah, { children: [
+      i("Wager to"),
       " ",
       e.wager,
       " ",
       Ra(e.currencyId)
     ] }),
     /* @__PURE__ */ a.jsx(sh, {}),
-    t ? /* @__PURE__ */ a.jsx(rh, { children: e.freeSpinsCount }) : /* @__PURE__ */ a.jsxs(ih, { children: [
+    n ? /* @__PURE__ */ a.jsx(rh, { children: e.freeSpinsCount }) : /* @__PURE__ */ a.jsxs(ih, { children: [
       Ra(e.currencyId),
       " ",
       e.playedAmount,
       " ",
-      n("left")
+      i("left")
     ] })
   ] });
 }, lh = m.div`

package/dist/livevegas-ui-kit.umd.js

@@ -3562,15 +3562,14 @@ See https://s-c.sh/2BAXzed for more info.`),window[Et]+=1);const Js=m.div`
   background: var(--black-80, rgba(17, 17, 17, 0.8));
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
-  /* @media (max-width: 768px) and (orientation: landscape) {} */
   @media (max-width: 768px) {
   top: 35px;
   left: unset;
-  right: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-top-left-radius: 8px;
-  border-bottom-left-radius: 8px;
+  ${({$isMobileFromLeft:e})=>e?"left: 0;":"right: 0;"}
+  border-top-left-radius: ${({$isMobileFromLeft:e})=>e?"0":"8px"};
+  border-top-right-radius: ${({$isMobileFromLeft:e})=>e?"8px":"0"};
+  border-bottom-left-radius: ${({$isMobileFromLeft:e})=>e?"0":"8px"};
+  border-bottom-right-radius: ${({$isMobileFromLeft:e})=>e?"8px":"0"};
 }
 `,zc=m.div`
   font-size: 12px;
@@ -3599,7 +3598,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Et]+=1);const Js=m.div`
   position: absolute;
   top: -13px;
   object-fit: contain;
-`,Ec=({activeBonus:e})=>{const t=e.freeSpinsCount&&e.freeSpinsCount>0,{t:n}=W();return a.jsxs(Dc,{children:[!t&&a.jsx(Wc,{src:_t,alt:"stars"}),t?a.jsx(Hc,{children:n("Freespins left")}):a.jsxs(zc,{children:[n("Wager to")," ",e.wager," ",Ha(e.currencyId)]}),a.jsx(Rc,{}),t?a.jsx(Mc,{children:e.freeSpinsCount}):a.jsxs(Oc,{children:[Ha(e.currencyId)," ",e.playedAmount," ",n("left")]})]})},Kc=m.div`
+`,Ec=({activeBonus:e,isMobileFromLeft:t})=>{const n=e.freeSpinsCount&&e.freeSpinsCount>0,{t:i}=W();return a.jsxs(Dc,{$isMobileFromLeft:t,children:[!n&&a.jsx(Wc,{src:_t,alt:"stars"}),n?a.jsx(Hc,{children:i("Freespins left")}):a.jsxs(zc,{children:[i("Wager to")," ",e.wager," ",Ha(e.currencyId)]}),a.jsx(Rc,{}),n?a.jsx(Mc,{children:e.freeSpinsCount}):a.jsxs(Oc,{children:[Ha(e.currencyId)," ",e.playedAmount," ",i("left")]})]})},Kc=m.div`
   width: 320px;
   height: 330px;
   background: rgba(17, 17, 17);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "livevegas-ui-kit",
-  "version": "1.0.206",
+  "version": "1.0.207",
   "type": "module",
   "files": [
     "dist"