{"_id":"@adactive/arc-screensaver-asia","_rev":"6-a267cfdc6cc05192f4a6b159f3719d0e","name":"@adactive/arc-screensaver-asia","dist-tags":{"latest":"2.3.0"},"versions":{"2.3.0":{"name":"@adactive/arc-screensaver-asia","version":"2.3.0","keywords":["adsum","react","redux","screensaver"],"author":{"name":"Andrei Pavlov","email":"andrei.pavlov@adactive.com"},"license":"UNLISENCED","_id":"@adactive/arc-screensaver-asia@2.3.0","maintainers":[{"name":"naei","email":"naei@protonmail.com"},{"name":"clientadactive","email":"support@adactive.com"},{"name":"moroine","email":"moroine.bentefrit@gmail.com"},{"name":"adactive-bot","email":"noreply@adactive.com"}],"contributors":[{"name":"Erlanda Zakaria","email":"erlandazakaria@gmail.com"}],"homepage":"https://github.com/adactiveasia/adsum-react-components#readme","bugs":{"url":"https://github.com/adactiveasia/adsum-react-components.git/issues"},"dist":{"shasum":"3020c5bfaadf713f1cc4c0e8b8df76ee6a18a0d3","tarball":"https://registry.npmjs.org/@adactive/arc-screensaver-asia/-/arc-screensaver-asia-2.3.0.tgz","fileCount":63,"integrity":"sha512-GK3dT8/CNijnRitpA0yHdYsMS/z/raVK4wpoKenGbDcOraCIYEicubysPEEs0xFVCZyb8RTAQ5Q+miUCYrr9NQ==","signatures":[{"sig":"MEUCIQC9XJ8NiDWDpJZF2gHRgBFOxsPO6U/deouoDcvKP8e0rgIgSeQW9l9imLxGZgYP4ZY0WdIOgcnUcG5pudv8KUw3WU4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48020929,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcrW+eCRA9TVsSAnZWagAAGCIP/RZGNR14Ao8tkJBWQo0r\nGZ61fqgd6/boJeGNK1HCzTJB1aMbo7MMfGQlHZOurDk9Le+n4ao431vbeWwS\n/VwUy9bltsVeKiv8O34lBwjwo3Zbz/IZoDCyy65/SQIq5oiGcFpyLKBoL/OQ\nwTHexkN7iSiCG8VxxZAjZXWcCLX7prWqm3nL0vEwBkN0yNOvqEnJDFPp/DUn\nID4WI9TUpSGmmIuLN/x6dAnj8gMftp/3wSc2szn+8VJMF6Y87cavJRe7bOSJ\nv/vZbe4iyJo/M86t84jWCel8RhNKcifyyp0jRhWBUwAHR/zVse6scKL6KhpK\naQlGyoCQgarTunywzyANh21Wi6fVj7zmp7RwTvJsao+hmy0JkxH8Gy4OpwXp\ndc/iPW8JSOeZiM77g5aQ1ZbycKuc3sxRx+Vguw3fT0jHL9mwQdaGYSHE84R7\n0Ck/PkImCxkLd4QzGqKHFwbYMBgK2MNBetgCPdNP8Xik4VS8TeIJ/jA5zbEV\nAffPKkGVUkmIGhhtYpSYROYtLRf9S4njkp+EZod8JyjtBp8tLFjJrEGGf4b8\n1PYRLLsuSIpLzO1pYxatzc7axu/qemzJf7xatBx+JcpMik7Y9mDms+W2xmsb\nDMr8zLGcrdsa0kUvyr3sM1WpxUIIriux0wrOPzoE8steIGudmVVycgYiOTPe\n7/o9\r\n=Thss\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","gitHead":"7ab0b2fbd88be57a246385ca5758420dbbc27bad","scripts":{},"_npmUser":{"name":"clientadactive","email":"support@adactive.com"},"repository":{"url":"git://github.com/adactiveasia/adsum-react-components.git","type":"git"},"_npmVersion":"6.4.1","description":"Adsum Screensaver Component","directories":{},"_nodeVersion":"8.15.1","dependencies":{"chalk":"^1.1.3","commander":"^2.9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.3.2","redux-saga":"^0.16.0","react-redux":"^5.0.7"},"peerDependencies":{"react":"^16.3.2","redux-saga":"^0.16.0","react-redux":"^5.0.7"},"_npmOperationalInternal":{"tmp":"tmp/arc-screensaver-asia_2.3.0_1554870173200_0.17019933225347206","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-04-10T04:22:53.117Z","modified":"2025-12-18T09:12:31.956Z","2.3.0":"2019-04-10T04:22:53.722Z"},"bugs":{"url":"https://github.com/adactiveasia/adsum-react-components.git/issues"},"author":{"name":"Andrei Pavlov","email":"andrei.pavlov@adactive.com"},"license":"UNLISENCED","homepage":"https://github.com/adactiveasia/adsum-react-components#readme","keywords":["adsum","react","redux","screensaver"],"repository":{"url":"git://github.com/adactiveasia/adsum-react-components.git","type":"git"},"description":"Adsum Screensaver Component","contributors":[{"name":"Erlanda Zakaria","email":"erlandazakaria@gmail.com"}],"maintainers":[{"email":"dev+npm-clientadactive@adactive.com","name":"clientadactive"},{"email":"dev+npm-adactive-bot@adactive.com","name":"adactive-bot"},{"email":"naei@protonmail.com","name":"naei"},{"email":"nicolas.belouis@adactive.com","name":"nbelouis"}],"readme":"# Carousel component\n\n![image](https://user-images.githubusercontent.com/5297278/40351912-38f849c8-5db6-11e8-8690-8198ca33bad4.pnghttps://user-images.githubusercontent.com/5297278/40352018-82424548-5db6-11e8-838b-a0b4e64bc921.png)\n\n[Example with adsum-carousel](https://adactivesas.github.io/adsum-react-components/packages/adsum-screensaver/examples/example-with-carousel)\n\n[Example with image](https://adactivesas.github.io/adsum-react-components/packages/adsum-screensaver/examples/example-with-image)\n\n[Example with random content](https://adactivesas.github.io/adsum-react-components/packages/adsum-screensaver/examples/example-with-random-content)\n\n[Example with changed modal timer](https://adactivesas.github.io/adsum-react-components/packages/adsum-screensaver/examples/example-with-changed-modal-timer)\n\n## Getting started\n\nThis are the things, which can be imported from the screenSaver:\n\n```javascript\nexport type { ScreenSaverReducersStateType, ScreenSaverReducersType } from './src/ScreenSaverReducers';\nexport type { PropsType as ModalWrapperPropsType } from './src/subComponents/ModalWrapper';\nexport {\n screenSaverActions,\n screenSaverReducers,\n ScreenSaverSagas,\n ModalWrapper\n};\nexport default ScreenSaver;\n```\n\nSo, screensaver component have several dependencies:\n\n 1) redux\n 2) redux-saga\n\nSo, you should add a screenSaverReducer to combinedReducers and ScreenSaverSagas to the rootSaga.\n\n```javascript\n npm i --save @adactive/arc-screensaver\n```\nOR\n```javascript\n yarn add @adactive/arc-screensaver\n```\n\n```javascript\n import ScreenSaver, { screenSaverActions, ModalWrapper } from '@adactive/arc-screensaver';\n ...\n \n const ModalComponent = ({ modalTimer, closeModal, isHere }: ModalPropsType): Node => (\n
Hello, world! { modalTimer }
\n );\n \n const WrapperModal = ModalWrapper(ModalComponent);\n \n }\n >\n \n \n```\n\n### Props\n\n**inactivityTimer** - time in ms, which should pass without any clicks inside the app for modal to appear\n\n**initialModalCounter** - the counter in seconds, which will be passed to your modal component if it is wrapped with ModalWrapper\n\n**overlayClassName** - a classname, which will be added to the screensaver component\n\n**onOverlayClicked** - a custom function, which will be called, when user clicks on the screenSaver's overlay\n\n**modalComponent** - any component you like, which can be wrapped with *ModalWrapper*\nand thus, be passed 3 props: *modalTimer*, *closeModal*, *isHere*. *closeModal* and *isHere* are currently duplicates of each other,\nbut this will be changed at some point of time in the future. Call *closeModal* or *isHere*, if you want to close the screensaver.\nNot providing the modal prop will result in skipping modal step and the user will be taken to the actual screensaver content\n\n**children** - any content, which you want to display in the middle of the screen. \n\n \n```javascript\ntype OwnPropsType = {|\n inactivityTimer: number,\n initialModalCounter: number,\n overlayClassName?: string,\n onOverlayClicked?: () => void,\n modalComponent: ComponentType,\n children: Element\n|};\n\nstatic defaultProps = {\n initialModalCounter: 10,\n inactivityTimer: 10000\n};\n```\n\n```javascript\ntype ModalWrapperPropsType = {\n modalTimer: number,\n closeModal: () => void,\n isHere: () => void\n}\n```\n\n\n## Copy component inside your project src folder \n\n### Less only\n `npx @adactive/arc-screensaver copy --less-only`\n \n### Full copy\n `npx @adactive/arc-screensaver copy`\n","readmeFilename":"README.md"}