https://www.gemmestore.com/assets/10.10.9/game-rules.995a45db.1791468856214.js

1import{aE as r,r as d,A as e,l as D}from"./index.a592fd0f.1791468856214.js";import A from"./SmallLoading.463626e5.1791468856214.js";import{C as j}from"./ContainerAtoms.6192666c.1791468856214.js";import{T as p}from"./TextAtoms.dffad41a.1791468856214.js";import{B as C}from"./ButtonAtoms.885c77ef.1791468856214.js";import{T as E}from"./TextSectionMolecules.b4953225.1791468856214.js";import{S as M}from"./SidebarMolecules.62c1105b.1791468856214.js";import{T as N}from"./TitleContainerMolecules.cc0a7dc8.1791468856214.js";import{I as R}from"./ImageAtoms.db338d9f.1791468856214.js";import{A as v}from"./ArticleMolecules.5352f669.1791468856214.js";import{u as S}from"./json-hook.99779b84.1791468856214.js";import"./general.71fff540.1791468856214.js";import"./agentation.68356e44.1791468856214.js";import"./TitleAtoms.2c8611bf.1791468856214.js";const g=({className:o="",number:c,active:s=!1,selected:t=!1})=>{const l=d.useMemo(()=>{let n="lottery-number";return s&&(n+=" active"),n},[s]),x=d.useMemo(()=>{let n="oa-result-number-atoms";return t&&(n+=" selected"),o&&(n+=` ${o}`),n},[t]);return e.jsx("div",{className:`${x}`,children:e.jsx("div",{className:`${l}`,children:c})})};g.propTypes={className:r.string,number:r.number.isRequired,active:r.bool,selected:r.bool};const h=[{number:1,active:!0,selected:!1},{number:2,active:!1,selected:!0},{number:3,active:!1,selected:!1},{number:4,active:!1,selected:!1}],y=({className:o="",betData:c=[...h],resultData:s=[...h]})=>e.jsxs(j,{className:`oa-game-result-card oa-container-atoms-no-shadow ${o}`,children:[e.jsxs("div",{className:"oa-game-result-card-col oa-game-result-card-title",children:[e.jsx(p,{text:"Bet",type:"span",className:"oa-text-atoms-dark"}),e.jsx(p,{text:"Result",type:"span",className:"oa-text-atoms-dark"})]}),e.jsxs("div",{className:"oa-game-result-card-col",children:[e.jsx("div",{className:"oa-game-result-card-row",children:c?.map((t,l)=>t?.number&&e.jsx(g,{number:t.number,active:t.active,selected:t.selected},l))}),e.jsx("div",{className:"oa-game-result-card-row",children:s?.map((t,l)=>t?.number&&e.jsx(g,{number:t.number,active:t.active,selected:t.selected},l))})]}),e.jsx(R,{className:"oa-image-atoms-medium-icon oa-game-result-card-img",src:"public/html/images/common_img/win_tag.png"})]});y.propTypes={className:r.string,betData:r.array,resultData:r.array};const $=[{title:"Colok Angka",description:"Guess one number from 4D. The position of numbers can be free anywhere. Structure : ABCD",rulesData:[{rulesText:"Example : buy the number 3, result 4321 means Win"}]},{title:"Colok Macau",description:"The way it works is like a colok bebas but it must be the one that comes out 2 numbers from 4D. Structure : ABCD",rulesData:[{rulesText:"Example 1 : the numbers 2 and 4 are purchased Out : 4321 means to win"},{rulesText:"Example 2 :bought 4 and 6, Out : 4321 Means to lose: although 4 appears but 6 does not appear in any position"},{rulesText:"Example 3 : bought 3 and 4, Out : 4313 Means to win"},{rulesText:"Example 4 : bought 4 and 3, Out : 3343 Means to win"}]}],w=({textSize:o="xs",tableData:c=[...$]})=>e.jsx("section",{className:"brief-result-table-molecules",children:c.map(s=>e.jsxs(N,{titleText:s.title,textSize:o,divider:!0,titleClassName:"oa-title-no-margin",containerClassName:"oa-container-atoms-grey-bg oa-container-atoms-standard-item-gap",children:[typeof s.description=="string"&&e.jsx(p,{text:s.description,className:"oa-text-atoms-dark"}),Array.isArray(s.description)&&s.description?.map(t=>e.jsx(v,{article:t},`${t.content}`)),s.rulesData?.map(t=>e.jsxs("section",{className:"brief-result-table-molecules-rules",children:[e.jsx(p,{text:t.rulesText,className:"rules-text"}),e.jsx(y,{className:"rules-table",betData:t?.betData||[],resultData:t?.resultData||[]})]},t.rulesText))]},s.title))});w.propTypes={titleText:r.string,textSize:r.string,tableData:r.array};const b=[{titleText:"oaTemplate:gameRules",route:[{route:"number",text:"oaTemplate:number"},{route:"combination",text:"oaTemplate:combination"},{route:"colok",text:"oaTemplate:colok"},{route:"si",text:"oaTemplate:si"}]}],B=["colokData","siData"],Q=()=>{const{data:o,loading:c}=S("game-rules"),[s,t]=d.useState(b[0].route[0].route),[l,x]=d.useState(!1),n=D.useSelector(a=>a.screen);d.useEffect(()=>{const a=()=>

1{if(l)return;const m=document.querySelectorAll(".oa-game-rules-content > [id]");console.log({sections:m});let i="";m.forEach(u=>{const T=u.offsetTop,k=u.clientHeight;window.scrollY>=T-100&&window.scrollY<T+k-100&&(i=u.id)}),i&&i!==s&&t(i)};return window.addEventListener("scroll",a),()=>window.removeEventListener("scroll",a)},[s,l]);const f=a=>{x(!0),t(a);const m=document.getElementById(a),i=n.viewType==="mobile"?document.getElementById("oa-main-content"):window;m&&i.scrollTo({top:m.offsetTop-50,behavior:"smooth"}),setTimeout(()=>x(!1),1e3)};return e.jsxs("div",{className:"oa-game-rules",children:[e.jsx(E,{className:"oa-text-section-molecules-center",titleText:"oaTemplate:gameRulesTitle"}),e.jsx("section",{className:"m-oa-game-rules-nav-container",children:e.jsx("div",{className:"m-oa-game-rules-nav",children:b[0].route.map(a=>e.jsx(C,{className:`oa-button-atoms-link ${s===a.route?"active":""}`,onClick:()=>f(a.route),children:e.jsx(p,{text:a.text,type:"span"})},a.route))})}),e.jsxs("div",{className:"oa-game-rules-inner-container",children:[e.jsx("aside",{className:"oa-game-rules-navigate",children:e.jsx(M,{menuList:b,textSize:"xs",sectionNavigate:!0,activeTab:s,onClickEvent:a=>f(a)})}),c?e.jsx(A,{}):e.jsxs("section",{className:"oa-game-rules-content",children:[o?.cardData?.map((a,m)=>e.jsx(j,{id:a.id,children:a?.data?.map((i,u)=>e.jsx(v,{article:i,titleSpacing:!0,titleSize:"sm"},`${m}-${u}`))},`${a.id}`)),B?.map(a=>e.jsx(N,{titleText:o?.[a]?.titleText||"Colok",id:o?.[a]?.id||"colok",children:e.jsx(w,{tableData:o?.[a]?.data})},a))]})]})]})};export{Q as default};