fibonacci-fold/storybook-static/components-VotingBoard-VotingBoard-stories.474985e8.iframe.bundle.js

"use strict";(self.webpackChunkfibonacci_fold=self.webpackChunkfibonacci_fold||[]).push([[951],{"./src/components/VotingBoard/VotingBoard.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>VotingBoard_stories});var react=__webpack_require__("./node_modules/react/index.js"),index_esm=__webpack_require__("./node_modules/firebase/database/dist/esm/index.esm.js"),VoteCard=__webpack_require__("./src/components/VoteCard/VoteCard.jsx");const VotingBoard_module_votingBoard="VotingBoard_votingBoard__wnBgy",VotingBoard_module_voteCards="VotingBoard_voteCards__3zzvk";let firebase;console.log("process.env.NODE_ENV","production"),console.log("process.env.STORYBOOK","true"),firebase=__webpack_require__("./src/services/firebase-mock.js");const services_firebase=firebase;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const realtimeDb=services_firebase.realtimeDb,fibonacciNumbers=[0,1,2,3,5,8,13,21,9999],VotingBoard=()=>{const[selectedVote,setSelectedVote]=(0,react.useState)(null),[currentUsers,setCurrentUsers]=(0,react.useState)(0),[votedUsers,setVotedUsers]=(0,react.useState)(0);(0,react.useEffect)((()=>{const sessionRef=(0,index_esm.KR)(realtimeDb,"sessions/sessionId1");(0,index_esm.Jt)(sessionRef).then((snapshot=>{snapshot.exists()||(0,index_esm.hZ)(sessionRef,{votes:{},maxUsers:4,currentUsers:0,votedUsers:0})})),(0,index_esm.Zy)(sessionRef,(snapshot=>{const sessionData=snapshot.val();setCurrentUsers(sessionData.currentUsers),setVotedUsers(sessionData.votedUsers)}))}),[]);return(0,react.useEffect)((()=>{4===votedUsers&&console.log("All users have voted!")}),[votedUsers,4]),(0,jsx_runtime.jsxs)("div",{className:VotingBoard_module_votingBoard,children:[(0,jsx_runtime.jsx)("h2",{children:"Select Your Vote"}),(0,jsx_runtime.jsx)("div",{className:VotingBoard_module_voteCards,children:fibonacciNumbers.map((num=>(0,jsx_runtime.jsx)(VoteCard.A,{number:num,onClick:()=>(number=>{setSelectedVote(number);const userId=`user${currentUsers+1}`,userVoteRef=(0,index_esm.KR)(realtimeDb,`sessions/sessionId1/votes/${userId}`);(0,index_esm.hZ)(userVoteRef,number);const sessionRef=(0,index_esm.KR)(realtimeDb,"sessions/sessionId1");(0,index_esm.hZ)(sessionRef,{...sessionRef,currentUsers:currentUsers+1,votedUsers:votedUsers+1})})(num),isSelected:selectedVote===num},num)))})]})},VotingBoard_VotingBoard=VotingBoard;VotingBoard.__docgenInfo={description:"",methods:[],displayName:"VotingBoard"};const VotingBoard_stories={title:"Components/VotingBoard",component:VotingBoard_VotingBoard},Default=()=>(0,jsx_runtime.jsx)(VotingBoard_VotingBoard,{}),__namedExportsOrder=["Default"];Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"() => <VotingBoard />",...Default.parameters?.docs?.source}}}},"./src/components/VoteCard/VoteCard.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>VoteCard_VoteCard});var react=__webpack_require__("./node_modules/react/index.js");const VoteCard_module_voteCard="VoteCard_voteCard__WHGvl",VoteCard_module_voteCardInnerLayer="VoteCard_voteCardInnerLayer__JKzT2",VoteCard_module_selected="VoteCard_selected__bl+ZY",VoteCard_module_coffee="VoteCard_coffee__3WtE4",VoteCard_module_infinity="VoteCard_infinity__e+ODi",VoteCard_module_cardo_regular="VoteCard_cardo-regular__kr+YT";var _path,_path2;function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function SvgCoffee(_ref,svgRef){let{title,titleId,...props}=_ref;return react.createElement("svg",_extends({width:93,height:93,viewBox:"0 0 93 93",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:svgRef,"aria-labelledby":titleId},props),title?react.createElement("title",{id:titleId},title):null,_path||(_path=react.createElement("path",{d:"M46.5 81.375H31C20.3166 81.375 11.625 72.6834 11.625 62V38.75H65.875V62C65.875 72.6834 57.1834 81.375 46.5 81.375ZM19.375 46.5V62C19.375 68.4093 24.5907 73.625 31 73.625H46.5C52.9093 73.625 58.125 68.4093 58.125 62V46.5H19.375Z",fill:"#0094FF"})),_path2||(_path2=react.createElement("path",{d:"M63.4725 71.7456L60.5275 64.5769L73.377 59.2991L73.5514 50.375H62V42.625H81.375V59.2061C81.375 62.5464 79.2437 65.503 76.074 66.557L63.4725 71.7456ZM38.3431 32.7321L31.4069 29.2679L33.5497 24.986C34.0922 23.901 34.0922 22.6067 33.5497 21.5179L33.1429 20.7002C32.34 19.0843 31.9222 17.3044 31.9222 15.5C31.9222 13.6956 32.34 11.9157 33.1429 10.2997L35.2857 6.01787L42.2181 9.486L40.0752 13.7679C39.5327 14.8529 39.5327 16.1471 40.0752 17.236L40.4821 18.0536C42.1096 21.3086 42.1096 25.1991 40.4821 28.4541L38.3431 32.7321ZM53.8431 32.7321L46.9107 29.264L49.0536 24.9821C49.5961 23.8971 49.5961 22.6029 49.0536 21.514L48.6467 20.6964C47.8439 19.0804 47.426 17.3005 47.426 15.4961C47.426 13.6917 47.8439 11.9118 48.6467 10.2959L50.7896 6.014L57.722 9.48212L55.5791 13.764C55.0366 14.849 55.0366 16.1432 55.5791 17.2321L55.986 18.0497C57.6135 21.3047 57.6135 25.1952 55.986 28.4502L53.8431 32.7321ZM22.8431 32.7321L15.9069 29.2679L18.0498 24.986C18.5923 23.901 18.5923 22.6067 18.0498 21.5179L17.6429 20.7002C16.84 19.0843 16.4222 17.3044 16.4222 15.5C16.4222 13.6956 16.84 11.9157 17.6429 10.2997L19.7858 6.01787L26.7181 9.486L24.5753 13.7679C24.0328 14.8529 24.0328 16.1471 24.5753 17.236L24.9821 18.0536C26.6096 21.3086 26.6096 25.1991 24.9821 28.4541L22.8431 32.7321Z",fill:"#0094FF"})))}const ForwardRef=react.forwardRef(SvgCoffee);__webpack_require__.p;var infinity_path;function infinity_extends(){return infinity_extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},infinity_extends.apply(null,arguments)}function SvgInfinity(_ref,svgRef){let{title,titleId,...props}=_ref;return react.createElement("svg",infinity_extends({width:100,height:46,viewBox:"0 0 100 46",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:svgRef,"aria-labelledby":titleId},props),title?react.createElement("title",{id:titleId},title):null,infinity_path||(infinity_path=react.createElement("path",{d:"M0.868087 23.2669C0.470951 6.27752 19.011 -5.65518 35.2836 3.66982C40.6444 6.74186 45.1952 11.2917 50.0884 16.2609C50.3109 16.4869 50.4136 16.4635 50.6218 16.2537C58.2754 8.53838 69.3574 -3.22605 84.8798 1.35112C91.4123 3.27737 95.9515 7.51559 98.2771 13.902C106.06 35.276 83.7339 52.9721 64.5881 41.2414C59.7593 38.2827 55.5891 34.2003 50.6597 29.18C50.3966 28.912 50.2779 28.95 50.0373 29.1926C44.4371 34.8399 38.4089 40.9785 30.963 43.5483C15.8111 48.7776 1.28585 39.7487 0.868087 23.2669ZM10.3494 22.9375C10.8325 32.7514 18.3815 37.3264 26.4248 35.5867C33.3759 34.0832 39.2071 27.9698 44.1737 22.8643C44.341 22.6923 44.2472 22.6224 44.1322 22.5151C39.8185 18.4886 35.6058 13.5701 30.2966 11.039C20.0067 6.13343 10.3148 13.3276 10.3494 22.9375ZM90.3588 22.5228C90.0531 13.0384 82.5705 7.86993 73.9483 9.89237C67.1642 11.4836 61.3671 17.5682 56.5507 22.5168C56.3836 22.6885 56.4478 22.7687 56.5847 22.8964C62.6066 28.5163 69.713 37.3892 79.3141 35.7721C85.7095 34.6949 90.3731 29.1245 90.3588 22.5228Z",fill:"#0094FF"})))}const infinity_ForwardRef=react.forwardRef(SvgInfinity);__webpack_require__.p;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const VoteCard=_ref=>{let{number,isSelected,isCoffee,isInfinity,onClick}=_ref;return(0,jsx_runtime.jsx)("button",{className:`${VoteCard_module_voteCard} ${isSelected?VoteCard_module_selected:""} ${VoteCard_module_cardo_regular}`,onClick:()=>onClick(number),children:(0,jsx_runtime.jsx)("section",{className:VoteCard_module_voteCardInnerLayer,children:isCoffee?(0,jsx_runtime.jsx)(ForwardRef,{className:VoteCard_module_coffee}):isInfinity?(0,jsx_runtime.jsx)(infinity_ForwardRef,{className:VoteCard_module_infinity}):number})})},VoteCard_VoteCard=VoteCard;VoteCard.__docgenInfo={description:"",methods:[],displayName:"VoteCard"}},"./src/services/firebase-mock.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{getAnalytics:()=>getAnalytics,getAuth:()=>getAuth,getDatabase:()=>getDatabase,getFirestore:()=>getFirestore,initializeApp:()=>initializeApp});const initializeApp=()=>({}),getFirestore=()=>({collection:()=>({doc:()=>({get:()=>Promise.resolve({data:()=>({})}),set:()=>Promise.resolve()})})}),getAuth=()=>({signInAnonymously:()=>Promise.resolve({})}),getDatabase=()=>({ref:()=>({on:(eventType,callback)=>{console.log(`Mock on called with event type: ${eventType}`)},set:value=>(console.log(`Mock set called with value: ${JSON.stringify(value)}`),Promise.resolve()),once:eventType=>(console.log(`Mock once called with event type: ${eventType}`),Promise.resolve({val:()=>({})}))})}),getAnalytics=()=>({logEvent:(eventName,eventParams)=>{console.log(`Mock logEvent called with event: ${eventName}`,eventParams)},setCurrentScreen:screenName=>{console.log(`Mock setCurrentScreen called with screen: ${screenName}`)},setUserId:userId=>{console.log(`Mock setUserId called with user ID: ${userId}`)},setUserProperties:properties=>{console.log("Mock setUserProperties called with properties:",properties)}})}}]);