{"_id":"@attarchi/rn-tourguide","_rev":"13-79d5500fbd3917ae0fad6eaf0235ecff","name":"@attarchi/rn-tourguide","dist-tags":{"latest":"3.4.11"},"versions":{"3.4.2":{"name":"@attarchi/rn-tourguide","version":"3.4.2","keywords":["react-native","react-native-joyride","react","copilot","intro.js","intro"],"author":{"name":"Xavier Carpentier","email":"xcapetir@gmail.com"},"license":"MIT","_id":"@attarchi/rn-tourguide@3.4.2","maintainers":[{"name":"attarchi","email":"attarchi@me.com"}],"homepage":"https://xcarpentier.github.io/rn-tourguide/","bugs":{"url":"https://github.com/xcarpentier/rn-tourguide/issues"},"dist":{"shasum":"06ee03fcaa784f821ed526331ba7e6c171c8d089","tarball":"https://registry.npmjs.org/@attarchi/rn-tourguide/-/rn-tourguide-3.4.2.tgz","fileCount":43,"integrity":"sha512-Fu9OTuSPdIZGK1NIAcUgHheHJbHk4xKnvpuLSZ05D6AHpn9ByQWP3TuMJwPZn9LW2CAE45DMywgJGQDfsavQ0g==","signatures":[{"sig":"MEYCIQCX0VETdO5x8dFjyFQwDU6wQbxW0w2XYUaqpF/AnT8HewIhAKvl+uoZz0ps6CxkXo5tNdt+7pWBFpKZjrW0uO3ZyI/k","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":76232},"jest":{"preset":"jest-expo","globals":{"__TEST__":true}},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"e7998ae9e7d07558d0afb1ba9d1557b08f937b9d","private":false,"scripts":{"tsc":"tsc --noEmit","lint":"tslint --project .","test":"TZ=Europe/Paris jest --no-watchman","build":"rm -rf lib/ && node_modules/.bin/tsc","start":"yarn config:dev && expo start -c","deploy":"gh-pages -d web-build","verify":"yarn test && yarn lint && yarn tsc && yarn build","cleaning":"rm -rf node_modules && rm -f yarn.lock && yarn cache clean && yarn install && watchman watch-del-all && rm -fr $TMPDIR/react-*","predeploy":"yarn verify && expo build:web","start:web":"yarn config:dev && expo start -c -w","tsc:watch":"tsc --noEmit --watch","config:dev":"json -I -f package.json -e 'this.main=\"node_modules/expo/AppEntry.js\"'","config:npm":"json -I -f package.json -e 'this.main=\"lib/index.js\"'","postpublish":"yarn config:dev","prepublishOnly":"yarn verify && yarn config:npm"},"_npmUser":{"name":"attarchi","email":"attarchi@me.com"},"repository":{"url":"git+https://github.com/attarchi/rn-tourguide.git","type":"git"},"_npmVersion":"10.7.0","description":"Make an interactive step by step tour guide for your react-native app (a rewrite of react-native-copilot)","directories":{},"resolutions":{"mem":"^4.0.0","logkitty":"^0.7.1","set-value":"^4.0.1"},"_nodeVersion":"18.20.4","dependencies":{"mitt":"~1.1.3","flubber":"~0.4.2","memoize-one":"5.1.1","lodash.clamp":"~4.0.3","hoist-non-react-statics":"~3.0.1"},"_hasShrinkwrap":false,"packageManager":"yarn@1.22.21+sha1.1959a18351b811cdeedbd484a8f86c3cc3bbaf72","devDependencies":{"expo":"^43.0.0","jest":"^26.0.1","json":"^10.0.0","react":"17.0.1","tslint":"^5.20.1","gh-pages":"2.2.0","jest-expo":"^43.0.1","react-dom":"17.0.1","typescript":"~4.3.5","@types/jest":"25.2.3","@types/react":"~17.0.21","react-native":"0.64.3","@types/react-dom":"~17.0.9","react-native-svg":"12.1.1","react-native-web":"0.17.1","babel-preset-expo":"8.5.1","jest-react-native":"^18.0.0","@types/lodash.clamp":"4.0.6","@types/react-native":"~0.64.12","react-test-renderer":">=16.8.0","tslint-config-prettier":"^1.18.0","@types/react-test-renderer":"16.9.2","@types/hoist-non-react-statics":"3.3.1"},"_npmOperationalInternal":{"tmp":"tmp/rn-tourguide_3.4.2_1736385774942_0.46738648847283315","host":"s3://npm-registry-packages-npm-production"}},"3.4.3":{"name":"@attarchi/rn-tourguide","version":"3.4.3","keywords":["react-native","react-native-joyride","react","copilot","intro.js","intro"],"author":{"name":"Xavier Carpentier","email":"xcapetir@gmail.com"},"license":"MIT","_id":"@attarchi/rn-tourguide@3.4.3","maintainers":[{"name":"attarchi","email":"attarchi@me.com"}],"homepage":"https://xcarpentier.github.io/rn-tourguide/","bugs":{"url":"https://github.com/xcarpentier/rn-tourguide/issues"},"dist":{"shasum":"3289891001ba7c127e1c5e3e27a5c6c2fe86e9e5","tarball":"https://registry.npmjs.org/@attarchi/rn-tourguide/-/rn-tourguide-3.4.3.tgz","fileCount":43,"integrity":"sha512-vyKWNa89vGAu+TkcOYD5nleWl6WfjGjHXzd/4K8OnXjq5/FoNeFO/opW+KmyJltSN2bg2UP03qRZeVrkVL88YQ==","signatures":[{"sig":"MEQCIDx7DZVKl9nT9atpNkDRAZ1w1Jy3K3PBCAb3uUot566LAiAGecRo3uHhkYeVue1H8+07tIZ84WMLS+svhYjarFv+EA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78060},"jest":{"preset":"jest-expo","globals":{"__TEST__":true}},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"aa831b96dc6d713f387ded587609f79f63ac49a3","private":false,"scripts":{"tsc":"tsc --noEmit","lint":"tslint --project .","test":"TZ=Europe/Paris jest --no-watchman","build":"rm -rf lib/ && node_modules/.bin/tsc","start":"yarn config:dev && expo start -c","deploy":"gh-pages -d web-build","verify":"yarn test && yarn lint && yarn tsc && yarn build","cleaning":"rm -rf node_modules && rm -f yarn.lock && yarn cache clean && yarn install && watchman watch-del-all && rm -fr $TMPDIR/react-*","predeploy":"yarn verify && expo build:web","start:web":"yarn config:dev && expo start -c -w","tsc:watch":"tsc --noEmit --watch","config:dev":"json -I -f package.json -e 'this.main=\"node_modules/expo/AppEntry.js\"'","config:npm":"json -I -f package.json -e 'this.main=\"lib/index.js\"'","postpublish":"yarn config:dev","prepublishOnly":"yarn verify && yarn config:npm"},"_npmUser":{"name":"attarchi","email":"attarchi@me.com"},"repository":{"url":"git+https://github.com/attarchi/rn-tourguide.git","type":"git"},"_npmVersion":"10.7.0","description":"Make an interactive step by step tour guide for your react-native app (a rewrite of react-native-copilot)","directories":{},"resolutions":{"mem":"^4.0.0","logkitty":"^0.7.1","set-value":"^4.0.1"},"_nodeVersion":"18.20.4","dependencies":{"mitt":"~1.1.3","flubber":"~0.4.2","memoize-one":"5.1.1","lodash.clamp":"~4.0.3","hoist-non-react-statics":"~3.0.1"},"_hasShrinkwrap":false,"packageManager":"yarn@1.22.21+sha1.1959a18351b811cdeedbd484a8f86c3cc3bbaf72","devDependencies":{"expo":"^43.0.0","jest":"^26.0.1","json":"^10.0.0","react":"17.0.1","tslint":"^5.20.1","gh-pages":"2.2.0","jest-expo":"^43.0.1","react-dom":"17.0.1","typescript":"~4.3.5","@types/jest":"25.2.3","@types/react":"~17.0.21","react-native":"0.64.3","@types/react-dom":"~17.0.9","react-native-svg":"12.1.1","react-native-web":"0.17.1","babel-preset-expo":"8.5.1","jest-react-native":"^18.0.0","@types/lodash.clamp":"4.0.6","@types/react-native":"~0.64.12","react-test-renderer":">=16.8.0","tslint-config-prettier":"^1.18.0","@types/react-test-renderer":"16.9.2","@types/hoist-non-react-statics":"3.3.1"},"_npmOperationalInternal":{"tmp":"tmp/rn-tourguide_3.4.3_1736467535854_0.3489234294838768","host":"s3://npm-registry-packages-npm-production"}},"3.4.4":{"name":"@attarchi/rn-tourguide","version":"3.4.4","keywords":["react-native","react-native-joyride","react","copilot","intro.js","intro"],"author":{"name":"Xavier Carpentier","email":"xcapetir@gmail.com"},"license":"MIT","_id":"@attarchi/rn-tourguide@3.4.4","maintainers":[{"name":"attarchi","email":"attarchi@me.com"}],"homepage":"https://xcarpentier.github.io/rn-tourguide/","bugs":{"url":"https://github.com/xcarpentier/rn-tourguide/issues"},"dist":{"shasum":"01864ebef9c0a5290902e957992cb372cf8a3857","tarball":"https://registry.npmjs.org/@attarchi/rn-tourguide/-/rn-tourguide-3.4.4.tgz","fileCount":3,"integrity":"sha512-YPwiMvQihpAsf+hGe/BPLbnG09x721br9z+QckyE0l9+jjtrBPSzDKphubAfdIY7YDVktGFW013WguJJrudVQA==","signatures":[{"sig":"MEQCIFUOrSbHKLlZ/P+nKWZb1evD/rUKJQupcgAf7uoSULrdAiAnBh4Bxyw0Xh4CvcQ7iuRkR0on5i2jHBnoDiPJ7e5tOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16492},"jest":{"preset":"jest-expo","globals":{"__TEST__":true}},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"fceb472eb387d99c655f022cd15581d08de4f64f","private":false,"scripts":{"tsc":"tsc --noEmit","lint":"tslint --project .","test":"TZ=Europe/Paris jest --no-watchman","build":"rm -rf lib/ && node_modules/.bin/tsc","start":"yarn config:dev && expo start -c","deploy":"gh-pages -d web-build","verify":"yarn test && yarn lint && yarn tsc && yarn build","cleaning":"rm -rf node_modules && rm -f yarn.lock && yarn cache clean && yarn install && watchman watch-del-all && rm -fr $TMPDIR/react-*","predeploy":"yarn verify && expo build:web","start:web":"yarn config:dev && expo start -c -w","tsc:watch":"tsc --noEmit --watch","config:dev":"json -I -f package.json -e 'this.main=\"node_modules/expo/AppEntry.js\"'","config:npm":"json -I -f package.json -e 'this.main=\"lib/index.js\"'","postpublish":"yarn config:dev","prepublishOnly":"yarn verify && yarn config:npm"},"_npmUser":{"name":"attarchi","email":"attarchi@me.com"},"repository":{"url":"git+https://github.com/attarchi/rn-tourguide.git","type":"git"},"_npmVersion":"10.7.0","description":"Make an interactive step by step tour guide for your react-native app (a rewrite of react-native-copilot)","directories":{},"resolutions":{"mem":"^4.0.0","logkitty":"^0.7.1","set-value":"^4.0.1"},"_nodeVersion":"18.20.4","dependencies":{"mitt":"~1.1.3","flubber":"~0.4.2","memoize-one":"5.1.1","lodash.clamp":"~4.0.3","hoist-non-react-statics":"~3.0.1"},"_hasShrinkwrap":false,"packageManager":"yarn@1.22.21+sha1.1959a18351b811cdeedbd484a8f86c3cc3bbaf72","devDependencies":{"expo":"^43.0.0","jest":"^26.0.1","json":"^10.0.0","react":"17.0.1","tslint":"^5.20.1","gh-pages":"2.2.0","jest-expo":"^43.0.1","react-dom":"17.0.1","typescript":"~4.3.5","@types/jest":"25.2.3","@types/react":"~17.0.21","react-native":"0.64.3","@types/react-dom":"~17.0.9","react-native-svg":"12.1.1","react-native-web":"0.17.1","babel-preset-expo":"8.5.1","jest-react-native":"^18.0.0","@types/lodash.clamp":"4.0.6","@types/react-native":"~0.64.12","react-test-renderer":">=16.8.0","tslint-config-prettier":"^1.18.0","@types/react-test-renderer":"16.9.2","@types/hoist-non-react-statics":"3.3.1"},"_npmOperationalInternal":{"tmp":"tmp/rn-tourguide_3.4.4_1736716421187_0.9390627020965592","host":"s3://npm-registry-packages-npm-production"}},"3.4.5":{"name":"@attarchi/rn-tourguide","version":"3.4.5","keywords":["react-native","react-native-joyride","react","copilot","intro.js","intro"],"author":{"name":"Xavier Carpentier","email":"xcapetir@gmail.com"},"license":"MIT","_id":"@attarchi/rn-tourguide@3.4.5","maintainers":[{"name":"attarchi","email":"attarchi@me.com"}],"homepage":"https://xcarpentier.github.io/rn-tourguide/","bugs":{"url":"https://github.com/xcarpentier/rn-tourguide/issues"},"dist":{"shasum":"d6924d4ead1e38a11e8355d2d8a838099570757e","tarball":"https://registry.npmjs.org/@attarchi/rn-tourguide/-/rn-tourguide-3.4.5.tgz","fileCount":43,"integrity":"sha512-U5e2q3aNlmu9JNjA3z/Qfk8kLIoJw6NxuPfxbeF7IxrpcHKYbiDa1eNLMcZY6VjQvW9lYMvm320XuxKxACt8Og==","signatures":[{"sig":"MEUCICWkaH9ZGWm58D8mBINuKDgsOt238NMt0fwbhGt9ITE+AiEAsOgtnBZBVvTOGK/J/mJ5tKbhw5rkH9iQ50hkAYbBA6o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78910},"jest":{"preset":"jest-expo","globals":{"__TEST__":true}},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"ef6d8a769deb100a7d34089128ea57e1d3a10056","private":false,"scripts":{"tsc":"tsc --noEmit","lint":"tslint --project .","test":"TZ=Europe/Paris jest --no-watchman","build":"rm -rf lib/ && node_modules/.bin/tsc","start":"yarn config:dev && expo start -c","deploy":"gh-pages -d web-build","verify":"yarn test && yarn lint && yarn tsc && yarn build","cleaning":"rm -rf node_modules && rm -f yarn.lock && yarn cache clean && yarn install && watchman watch-del-all && rm -fr $TMPDIR/react-*","predeploy":"yarn verify && expo build:web","start:web":"yarn config:dev && expo start -c -w","tsc:watch":"tsc --noEmit --watch","config:dev":"json -I -f package.json -e 'this.main=\"node_modules/expo/AppEntry.js\"'","config:npm":"json -I -f package.json -e 'this.main=\"lib/index.js\"'","postpublish":"yarn config:dev","prepublishOnly":"yarn verify && yarn config:npm"},"_npmUser":{"name":"attarchi","email":"attarchi@me.com"},"repository":{"url":"git+https://github.com/attarchi/rn-tourguide.git","type":"git"},"_npmVersion":"10.7.0","description":"Make an interactive step by step tour guide for your react-native app (a rewrite of react-native-copilot)","directories":{},"resolutions":{"mem":"^4.0.0","logkitty":"^0.7.1","set-value":"^4.0.1"},"_nodeVersion":"18.20.4","dependencies":{"mitt":"~1.1.3","flubber":"~0.4.2","memoize-one":"5.1.1","lodash.clamp":"~4.0.3","hoist-non-react-statics":"~3.0.1"},"_hasShrinkwrap":false,"packageManager":"yarn@1.22.21+sha1.1959a18351b811cdeedbd484a8f86c3cc3bbaf72","devDependencies":{"expo":"^43.0.0","jest":"^26.0.1","json":"^10.0.0","react":"17.0.1","tslint":"^5.20.1","gh-pages":"2.2.0","jest-expo":"^43.0.1","react-dom":"17.0.1","typescript":"~4.3.5","@types/jest":"25.2.3","@types/react":"~17.0.21","react-native":"0.64.3","@types/react-dom":"~17.0.9","react-native-svg":"12.1.1","react-native-web":"0.17.1","babel-preset-expo":"8.5.1","jest-react-native":"^18.0.0","@types/lodash.clamp":"4.0.6","@types/react-native":"~0.64.12","react-test-renderer":">=16.8.0","tslint-config-prettier":"^1.18.0","@types/react-test-renderer":"16.9.2","@types/hoist-non-react-statics":"3.3.1"},"_npmOperationalInternal":{"tmp":"tmp/rn-tourguide_3.4.5_1736716879098_0.03044322073266792","host":"s3://npm-registry-packages-npm-production"}},"3.4.6":{"name":"@attarchi/rn-tourguide","version":"3.4.6","keywords":["react-native","react-native-joyride","react","copilot","intro.js","intro"],"author":{"name":"Xavier Carpentier","email":"xcapetir@gmail.com"},"license":"MIT","_id":"@attarchi/rn-tourguide@3.4.6","maintainers":[{"name":"attarchi","email":"attarchi@me.com"}],"homepage":"https://xcarpentier.github.io/rn-tourguide/","bugs":{"url":"https://github.com/xcarpentier/rn-tourguide/issues"},"dist":{"shasum":"010d4284ae19b2bf105480ded4de970d2f3be8e1","tarball":"https://registry.npmjs.org/@attarchi/rn-tourguide/-/rn-tourguide-3.4.6.tgz","fileCount":43,"integrity":"sha512-fQYL35AkBTjoYkaSU2XH/cHtCJWFUTrcS4vtGGEjx905TO/1o7zSsneten1124bUFsNN33tbXzJSW/+MOfQ7fg==","signatures":[{"sig":"MEYCIQC345PB+2cPIiL1nlU4AOLaE+8pGL/O8hKw5GsPuABFowIhAM+EMem4PDcUrxR03OuDa1pUbi8DAQZ1e/vAMrw3BrZP","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":79037},"jest":{"preset":"jest-expo","globals":{"__TEST__":true}},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"87cc185cbf56205b970abe94ec2170b2eba34879","private":false,"scripts":{"tsc":"tsc --noEmit","lint":"tslint --project .","test":"TZ=Europe/Paris jest --no-watchman","build":"rm -rf lib/ && node_modules/.bin/tsc","start":"yarn config:dev && expo start -c","deploy":"gh-pages -d web-build","verify":"yarn test && yarn lint && yarn tsc && yarn build","cleaning":"rm -rf node_modules && rm -f yarn.lock && yarn cache clean && yarn install && watchman watch-del-all && rm -fr $TMPDIR/react-*","predeploy":"yarn verify && expo build:web","start:web":"yarn config:dev && expo start -c -w","tsc:watch":"tsc --noEmit --watch","config:dev":"json -I -f package.json -e 'this.main=\"node_modules/expo/AppEntry.js\"'","config:npm":"json -I -f package.json -e 'this.main=\"lib/index.js\"'","postpublish":"yarn config:dev","prepublishOnly":"yarn verify && yarn config:npm"},"_npmUser":{"name":"attarchi","email":"attarchi@me.com"},"repository":{"url":"git+https://github.com/attarchi/rn-tourguide.git","type":"git"},"_npmVersion":"10.7.0","description":"Make an interactive step by step tour guide for your react-native app (a rewrite of react-native-copilot)","directories":{},"resolutions":{"mem":"^4.0.0","logkitty":"^0.7.1","set-value":"^4.0.1"},"_nodeVersion":"18.20.4","dependencies":{"mitt":"~1.1.3","flubber":"~0.4.2","memoize-one":"5.1.1","lodash.clamp":"~4.0.3","hoist-non-react-statics":"~3.0.1"},"_hasShrinkwrap":false,"packageManager":"yarn@1.22.21+sha1.1959a18351b811cdeedbd484a8f86c3cc3bbaf72","devDependencies":{"expo":"^43.0.0","jest":"^26.0.1","json":"^10.0.0","react":"17.0.1","tslint":"^5.20.1","gh-pages":"2.2.0","jest-expo":"^43.0.1","react-dom":"17.0.1","typescript":"~4.3.5","@types/jest":"25.2.3","@types/react":"~17.0.21","react-native":"0.64.3","@types/react-dom":"~17.0.9","react-native-svg":"12.1.1","react-native-web":"0.17.1","babel-preset-expo":"8.5.1","jest-react-native":"^18.0.0","@types/lodash.clamp":"4.0.6","@types/react-native":"~0.64.12","react-test-renderer":">=16.8.0","tslint-config-prettier":"^1.18.0","@types/react-test-renderer":"16.9.2","@types/hoist-non-react-statics":"3.3.1"},"_npmOperationalInternal":{"tmp":"tmp/rn-tourguide_3.4.6_1740522840020_0.38894968592265067","host":"s3://npm-registry-packages-npm-production"}},"3.4.7":{"name":"@attarchi/rn-tourguide","version":"3.4.7","keywords":["react-native","react-native-joyride","react","copilot","intro.js","intro"],"author":{"name":"Xavier Carpentier","email":"xcapetir@gmail.com"},"license":"MIT","_id":"@attarchi/rn-tourguide@3.4.7","maintainers":[{"name":"attarchi","email":"attarchi@me.com"}],"homepage":"https://xcarpentier.github.io/rn-tourguide/","bugs":{"url":"https://github.com/xcarpentier/rn-tourguide/issues"},"dist":{"shasum":"9465741db1c63c7075d2533701b4739b2fe3f200","tarball":"https://registry.npmjs.org/@attarchi/rn-tourguide/-/rn-tourguide-3.4.7.tgz","fileCount":43,"integrity":"sha512-fsejp41WOFuSjYvZuErLqy+oZlcwVk3jxPm8PTCAEe/8jrPXickAEWBQBJLE8dP0r35ICuFhMfhseiRFQti5GA==","signatures":[{"sig":"MEUCIQDWd7+nvAIvBtL5FMmt40OGAQqK9ITQ2nxWYNJOp3GmTAIgZDjG80+OG+9mLeWqu/JKoRZhcURvhPENAWDPO9EsoSQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":79103},"jest":{"preset":"jest-expo","globals":{"__TEST__":true}},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"dd2a6476afc43a3020ddd9045fb5a0f5489730cd","private":false,"scripts":{"tsc":"tsc --noEmit","lint":"tslint --project .","test":"TZ=Europe/Paris jest --no-watchman","build":"rm -rf lib/ && node_modules/.bin/tsc","start":"yarn config:dev && expo start -c","deploy":"gh-pages -d web-build","verify":"yarn test && yarn lint && yarn tsc && yarn build","cleaning":"rm -rf node_modules && rm -f yarn.lock && yarn cache clean && yarn install && watchman watch-del-all && rm -fr $TMPDIR/react-*","predeploy":"yarn verify && expo build:web","start:web":"yarn config:dev && expo start -c -w","tsc:watch":"tsc --noEmit --watch","config:dev":"json -I -f package.json -e 'this.main=\"node_modules/expo/AppEntry.js\"'","config:npm":"json -I -f package.json -e 'this.main=\"lib/index.js\"'","postpublish":"yarn config:dev","prepublishOnly":"yarn verify && yarn config:npm"},"_npmUser":{"name":"attarchi","email":"attarchi@me.com"},"repository":{"url":"git+https://github.com/attarchi/rn-tourguide.git","type":"git"},"_npmVersion":"10.7.0","description":"Make an interactive step by step tour guide for your react-native app (a rewrite of react-native-copilot)","directories":{},"resolutions":{"mem":"^4.0.0","logkitty":"^0.7.1","set-value":"^4.0.1"},"_nodeVersion":"18.20.4","dependencies":{"mitt":"~1.1.3","flubber":"~0.4.2","memoize-one":"5.1.1","lodash.clamp":"~4.0.3","hoist-non-react-statics":"~3.0.1"},"_hasShrinkwrap":false,"packageManager":"yarn@1.22.21+sha1.1959a18351b811cdeedbd484a8f86c3cc3bbaf72","devDependencies":{"expo":"^43.0.0","jest":"^26.0.1","json":"^10.0.0","react":"17.0.1","tslint":"^5.20.1","gh-pages":"2.2.0","jest-expo":"^43.0.1","react-dom":"17.0.1","typescript":"~4.3.5","@types/jest":"25.2.3","@types/react":"~17.0.21","react-native":"0.64.3","@types/react-dom":"~17.0.9","react-native-svg":"12.1.1","react-native-web":"0.17.1","babel-preset-expo":"8.5.1","jest-react-native":"^18.0.0","@types/lodash.clamp":"4.0.6","@types/react-native":"~0.64.12","react-test-renderer":">=16.8.0","tslint-config-prettier":"^1.18.0","@types/react-test-renderer":"16.9.2","@types/hoist-non-react-statics":"3.3.1"},"_npmOperationalInternal":{"tmp":"tmp/rn-tourguide_3.4.7_1740751717326_0.013259768396108207","host":"s3://npm-registry-packages-npm-production"}},"3.4.8":{"name":"@attarchi/rn-tourguide","version":"3.4.8","keywords":["react-native","react-native-joyride","react","copilot","intro.js","intro"],"author":{"name":"Xavier Carpentier","email":"xcapetir@gmail.com"},"license":"MIT","_id":"@attarchi/rn-tourguide@3.4.8","maintainers":[{"name":"attarchi","email":"attarchi@me.com"}],"homepage":"https://xcarpentier.github.io/rn-tourguide/","bugs":{"url":"https://github.com/xcarpentier/rn-tourguide/issues"},"dist":{"shasum":"fab030a6bb35c9c47b7a30369e5fb43b3c09a155","tarball":"https://registry.npmjs.org/@attarchi/rn-tourguide/-/rn-tourguide-3.4.8.tgz","fileCount":43,"integrity":"sha512-xLF5hpi8NxRZm5mS+9siuM1TXkwFvNwTNrYC2RR+LO30iwspqK/V4OZGhnYx8OT0JKl7y407/p2F/voDmVRrGA==","signatures":[{"sig":"MEUCICHMGgOawzfBqGnEnJ61MG3LbxRO38ia1gLZcSCIDUX6AiEAob7iiVuIljWoXIVmTL/GmErCtXpWh/tY8pc4qq8rFFE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":79106},"jest":{"preset":"jest-expo","globals":{"__TEST__":true}},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"46063542a150dd1b5f54e74e7097cc532d959ef6","private":false,"scripts":{"tsc":"tsc --noEmit","lint":"tslint --project .","test":"TZ=Europe/Paris jest --no-watchman","build":"rm -rf lib/ && node_modules/.bin/tsc","start":"yarn config:dev && expo start -c","deploy":"gh-pages -d web-build","verify":"yarn test && yarn lint && yarn tsc && yarn build","cleaning":"rm -rf node_modules && rm -f yarn.lock && yarn cache clean && yarn install && watchman watch-del-all && rm -fr $TMPDIR/react-*","predeploy":"yarn verify && expo build:web","start:web":"yarn config:dev && expo start -c -w","tsc:watch":"tsc --noEmit --watch","config:dev":"json -I -f package.json -e 'this.main=\"node_modules/expo/AppEntry.js\"'","config:npm":"json -I -f package.json -e 'this.main=\"lib/index.js\"'","postpublish":"yarn config:dev","prepublishOnly":"yarn verify && yarn config:npm"},"_npmUser":{"name":"attarchi","email":"attarchi@me.com"},"repository":{"url":"git+https://github.com/attarchi/rn-tourguide.git","type":"git"},"_npmVersion":"10.7.0","description":"Make an interactive step by step tour guide for your react-native app (a rewrite of react-native-copilot)","directories":{},"resolutions":{"mem":"^4.0.0","logkitty":"^0.7.1","set-value":"^4.0.1"},"_nodeVersion":"18.20.4","dependencies":{"mitt":"~1.1.3","flubber":"~0.4.2","memoize-one":"5.1.1","lodash.clamp":"~4.0.3","hoist-non-react-statics":"~3.0.1"},"_hasShrinkwrap":false,"packageManager":"yarn@1.22.21+sha1.1959a18351b811cdeedbd484a8f86c3cc3bbaf72","devDependencies":{"expo":"^43.0.0","jest":"^26.0.1","json":"^10.0.0","react":"17.0.1","tslint":"^5.20.1","gh-pages":"2.2.0","jest-expo":"^43.0.1","react-dom":"17.0.1","typescript":"~4.3.5","@types/jest":"25.2.3","@types/react":"~17.0.21","react-native":"0.64.3","@types/react-dom":"~17.0.9","react-native-svg":"12.1.1","react-native-web":"0.17.1","babel-preset-expo":"8.5.1","jest-react-native":"^18.0.0","@types/lodash.clamp":"4.0.6","@types/react-native":"~0.64.12","react-test-renderer":">=16.8.0","tslint-config-prettier":"^1.18.0","@types/react-test-renderer":"16.9.2","@types/hoist-non-react-statics":"3.3.1"},"_npmOperationalInternal":{"tmp":"tmp/rn-tourguide_3.4.8_1740752384499_0.8457639195074205","host":"s3://npm-registry-packages-npm-production"}},"3.4.9":{"name":"@attarchi/rn-tourguide","version":"3.4.9","keywords":["react-native","react-native-joyride","react","copilot","intro.js","intro"],"author":{"name":"Xavier Carpentier","email":"xcapetir@gmail.com"},"license":"MIT","_id":"@attarchi/rn-tourguide@3.4.9","maintainers":[{"name":"attarchi","email":"attarchi@me.com"}],"homepage":"https://xcarpentier.github.io/rn-tourguide/","bugs":{"url":"https://github.com/xcarpentier/rn-tourguide/issues"},"dist":{"shasum":"bce042061c05aff25a1f35de8abfe2f932ff389b","tarball":"https://registry.npmjs.org/@attarchi/rn-tourguide/-/rn-tourguide-3.4.9.tgz","fileCount":43,"integrity":"sha512-vZIeE5yb6P/0oXw7NplIp8WtHHS7IaGHARb0OibewwTNdsuguKFct1QhdO26PmaeGUOXQczfDqfQsfx/Der/ng==","signatures":[{"sig":"MEUCIQC7PajdCE/BNzXJzyIHr1NkKrgUzpBze6q9RGyQmv0FwQIgGKEjCF8yUCirj/mwFLKyTN7ZWWZm/27ttBkKFCA1ZzE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":79156},"jest":{"preset":"jest-expo","globals":{"__TEST__":true}},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"dde1e640c7196944d2ec06120e5df1bc787e9a1d","private":false,"scripts":{"tsc":"tsc --noEmit","lint":"tslint --project .","test":"TZ=Europe/Paris jest --no-watchman","build":"rm -rf lib/ && node_modules/.bin/tsc","start":"yarn config:dev && expo start -c","deploy":"gh-pages -d web-build","verify":"yarn test && yarn lint && yarn tsc && yarn build","cleaning":"rm -rf node_modules && rm -f yarn.lock && yarn cache clean && yarn install && watchman watch-del-all && rm -fr $TMPDIR/react-*","predeploy":"yarn verify && expo build:web","start:web":"yarn config:dev && expo start -c -w","tsc:watch":"tsc --noEmit --watch","config:dev":"json -I -f package.json -e 'this.main=\"node_modules/expo/AppEntry.js\"'","config:npm":"json -I -f package.json -e 'this.main=\"lib/index.js\"'","postpublish":"yarn config:dev","prepublishOnly":"yarn verify && yarn config:npm"},"_npmUser":{"name":"attarchi","email":"attarchi@me.com"},"repository":{"url":"git+https://github.com/attarchi/rn-tourguide.git","type":"git"},"_npmVersion":"10.7.0","description":"Make an interactive step by step tour guide for your react-native app (a rewrite of react-native-copilot)","directories":{},"resolutions":{"mem":"^4.0.0","logkitty":"^0.7.1","set-value":"^4.0.1"},"_nodeVersion":"18.20.4","dependencies":{"mitt":"~1.1.3","flubber":"~0.4.2","memoize-one":"5.1.1","lodash.clamp":"~4.0.3","hoist-non-react-statics":"~3.0.1"},"_hasShrinkwrap":false,"packageManager":"yarn@1.22.21+sha1.1959a18351b811cdeedbd484a8f86c3cc3bbaf72","devDependencies":{"expo":"^43.0.0","jest":"^26.0.1","json":"^10.0.0","react":"17.0.1","tslint":"^5.20.1","gh-pages":"2.2.0","jest-expo":"^43.0.1","react-dom":"17.0.1","typescript":"~4.3.5","@types/jest":"25.2.3","@types/react":"~17.0.21","react-native":"0.64.3","@types/react-dom":"~17.0.9","react-native-svg":"12.1.1","react-native-web":"0.17.1","babel-preset-expo":"8.5.1","jest-react-native":"^18.0.0","@types/lodash.clamp":"4.0.6","@types/react-native":"~0.64.12","react-test-renderer":">=16.8.0","tslint-config-prettier":"^1.18.0","@types/react-test-renderer":"16.9.2","@types/hoist-non-react-statics":"3.3.1"},"_npmOperationalInternal":{"tmp":"tmp/rn-tourguide_3.4.9_1740752666546_0.03457070972096421","host":"s3://npm-registry-packages-npm-production"}},"3.4.10":{"name":"@attarchi/rn-tourguide","version":"3.4.10","keywords":["react-native","react-native-joyride","react","copilot","intro.js","intro"],"author":{"name":"Xavier Carpentier","email":"xcapetir@gmail.com"},"license":"MIT","_id":"@attarchi/rn-tourguide@3.4.10","maintainers":[{"name":"attarchi","email":"attarchi@me.com"}],"homepage":"https://xcarpentier.github.io/rn-tourguide/","bugs":{"url":"https://github.com/xcarpentier/rn-tourguide/issues"},"dist":{"shasum":"882b07a53eeb901e4935ded0ce42a34ccb70212c","tarball":"https://registry.npmjs.org/@attarchi/rn-tourguide/-/rn-tourguide-3.4.10.tgz","fileCount":43,"integrity":"sha512-EUxpKEED4STUc+tXPN5fEuEOSwqq4TjpD/T3MB5AI5GirnDb1y9pMaPdSZPvNGFBxa/NjVgAKRKeIg58jwc1qA==","signatures":[{"sig":"MEUCIQD1mvujYpuGMfmYrLvjm+jCQPAymjYJpMnYPZMSHw81ygIgA6MIu/toGb6OXxz3dfZIZzSBw5z23stW83fDl+86vQ0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":79176},"jest":{"preset":"jest-expo","globals":{"__TEST__":true}},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"fe2ef2009d4ae94e661e2640fcec4d0063cfe54d","private":false,"scripts":{"tsc":"tsc --noEmit","lint":"tslint --project .","test":"TZ=Europe/Paris jest --no-watchman","build":"rm -rf lib/ && node_modules/.bin/tsc","start":"yarn config:dev && expo start -c","deploy":"gh-pages -d web-build","verify":"yarn test && yarn lint && yarn tsc && yarn build","cleaning":"rm -rf node_modules && rm -f yarn.lock && yarn cache clean && yarn install && watchman watch-del-all && rm -fr $TMPDIR/react-*","predeploy":"yarn verify && expo build:web","start:web":"yarn config:dev && expo start -c -w","tsc:watch":"tsc --noEmit --watch","config:dev":"json -I -f package.json -e 'this.main=\"node_modules/expo/AppEntry.js\"'","config:npm":"json -I -f package.json -e 'this.main=\"lib/index.js\"'","postpublish":"yarn config:dev","prepublishOnly":"yarn verify && yarn config:npm"},"_npmUser":{"name":"attarchi","email":"attarchi@me.com"},"repository":{"url":"git+https://github.com/attarchi/rn-tourguide.git","type":"git"},"_npmVersion":"10.7.0","description":"Make an interactive step by step tour guide for your react-native app (a rewrite of react-native-copilot)","directories":{},"resolutions":{"mem":"^4.0.0","logkitty":"^0.7.1","set-value":"^4.0.1"},"_nodeVersion":"18.20.4","dependencies":{"mitt":"~1.1.3","flubber":"~0.4.2","memoize-one":"5.1.1","lodash.clamp":"~4.0.3","hoist-non-react-statics":"~3.0.1"},"_hasShrinkwrap":false,"packageManager":"yarn@1.22.21+sha1.1959a18351b811cdeedbd484a8f86c3cc3bbaf72","devDependencies":{"expo":"^43.0.0","jest":"^26.0.1","json":"^10.0.0","react":"17.0.1","tslint":"^5.20.1","gh-pages":"2.2.0","jest-expo":"^43.0.1","react-dom":"17.0.1","typescript":"~4.3.5","@types/jest":"25.2.3","@types/react":"~17.0.21","react-native":"0.64.3","@types/react-dom":"~17.0.9","react-native-svg":"12.1.1","react-native-web":"0.17.1","babel-preset-expo":"8.5.1","jest-react-native":"^18.0.0","@types/lodash.clamp":"4.0.6","@types/react-native":"~0.64.12","react-test-renderer":">=16.8.0","tslint-config-prettier":"^1.18.0","@types/react-test-renderer":"16.9.2","@types/hoist-non-react-statics":"3.3.1"},"_npmOperationalInternal":{"tmp":"tmp/rn-tourguide_3.4.10_1741049541676_0.6975198327706149","host":"s3://npm-registry-packages-npm-production"}},"3.4.11":{"name":"@attarchi/rn-tourguide","version":"3.4.11","description":"Make an interactive step by step tour guide for your react-native app (a rewrite of react-native-copilot)","main":"lib/index.js","types":"lib/index.d.ts","private":false,"scripts":{"start":"yarn config:dev && expo start -c","start:web":"yarn config:dev && expo start -c -w","test":"TZ=Europe/Paris jest --no-watchman","tsc":"tsc --noEmit","tsc:watch":"tsc --noEmit --watch","build":"rm -rf lib/ && node_modules/.bin/tsc","config:dev":"json -I -f package.json -e 'this.main=\"node_modules/expo/AppEntry.js\"'","config:npm":"json -I -f package.json -e 'this.main=\"lib/index.js\"'","lint":"tslint --project .","verify":"yarn test && yarn lint && yarn tsc && yarn build","prepublishOnly":"yarn verify && yarn config:npm","postpublish":"yarn config:dev","cleaning":"rm -rf node_modules && rm -f yarn.lock && yarn cache clean && yarn install && watchman watch-del-all && rm -fr $TMPDIR/react-*","deploy":"gh-pages -d web-build","predeploy":"yarn verify && expo build:web"},"repository":{"type":"git","url":"git+https://github.com/attarchi/rn-tourguide.git"},"keywords":["react-native","react-native-joyride","react","copilot","intro.js","intro"],"author":{"name":"Xavier Carpentier","email":"xcapetir@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/xcarpentier/rn-tourguide/issues"},"homepage":"https://xcarpentier.github.io/rn-tourguide/","devDependencies":{"@types/hoist-non-react-statics":"3.3.1","@types/jest":"25.2.3","@types/lodash.clamp":"4.0.6","@types/react":"~17.0.21","@types/react-dom":"~17.0.9","@types/react-native":"~0.64.12","@types/react-test-renderer":"16.9.2","babel-preset-expo":"8.5.1","expo":"^43.0.0","gh-pages":"2.2.0","jest":"^26.0.1","jest-expo":"^43.0.1","jest-react-native":"^18.0.0","json":"^10.0.0","react":"17.0.1","react-dom":"17.0.1","react-native":"0.64.3","react-native-svg":"12.1.1","react-native-web":"0.17.1","react-test-renderer":">=16.8.0","tslint":"^5.20.1","tslint-config-prettier":"^1.18.0","typescript":"~4.3.5"},"jest":{"preset":"jest-expo","globals":{"__TEST__":true}},"dependencies":{"flubber":"~0.4.2","hoist-non-react-statics":"~3.0.1","lodash.clamp":"~4.0.3","memoize-one":"5.1.1","mitt":"~1.1.3"},"resolutions":{"logkitty":"^0.7.1","mem":"^4.0.0","set-value":"^4.0.1"},"packageManager":"yarn@1.22.21+sha1.1959a18351b811cdeedbd484a8f86c3cc3bbaf72","_id":"@attarchi/rn-tourguide@3.4.11","gitHead":"f5d15d768091893ab1088566fac8cd9c5ffc24b3","_nodeVersion":"18.20.4","_npmVersion":"10.7.0","dist":{"integrity":"sha512-YEn+e5xonzNcQYi2oI5tMbk/9ZQ4SceYeLURnufUOjMpjMguGVGcVQDZRRZzb45GTfrz32aybM94xQImdasdKg==","shasum":"aa4a35b77122d41b13b7d54a37a1e0af3fa5c2b3","tarball":"https://registry.npmjs.org/@attarchi/rn-tourguide/-/rn-tourguide-3.4.11.tgz","fileCount":43,"unpackedSize":79540,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQD5QHwacaPNrXp3X8u7VbpYnBhL7Hum7b/7OQflEcPqBAIhAMzeEOKfTWnC1g/7Iio7zI2Aw9ZOV+mz2V3iMQc0/80G"}]},"_npmUser":{"name":"attarchi","email":"attarchi@me.com"},"directories":{},"maintainers":[{"name":"attarchi","email":"attarchi@me.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/rn-tourguide_3.4.11_1741274135727_0.8500759896499663"},"_hasShrinkwrap":false}},"time":{"created":"2025-01-09T01:22:54.834Z","modified":"2025-03-06T15:15:36.085Z","3.4.1":"2025-01-09T01:16:45.378Z","3.4.2":"2025-01-09T01:22:55.169Z","3.4.3":"2025-01-10T00:05:36.076Z","3.4.4":"2025-01-12T21:13:41.344Z","3.4.5":"2025-01-12T21:21:19.292Z","3.4.6":"2025-02-25T22:34:00.233Z","3.4.7":"2025-02-28T14:08:37.564Z","3.4.8":"2025-02-28T14:19:44.680Z","3.4.9":"2025-02-28T14:24:26.751Z","3.4.10":"2025-03-04T00:52:21.893Z","3.4.11":"2025-03-06T15:15:35.912Z"},"bugs":{"url":"https://github.com/xcarpentier/rn-tourguide/issues"},"author":{"name":"Xavier Carpentier","email":"xcapetir@gmail.com"},"license":"MIT","homepage":"https://xcarpentier.github.io/rn-tourguide/","keywords":["react-native","react-native-joyride","react","copilot","intro.js","intro"],"repository":{"type":"git","url":"git+https://github.com/attarchi/rn-tourguide.git"},"description":"Make an interactive step by step tour guide for your react-native app (a rewrite of react-native-copilot)","maintainers":[{"name":"attarchi","email":"attarchi@me.com"}],"readme":"<h1 align=\"center\">RN-TourGuide</h1>\n\n<p align=\"center\">\n  A flexible <strong>tourguide</strong> for your react native app!\n  <br/><small>🎉 Webable 🎉</small>\n  <br/><small>(a rewriting of react-native-copilot)</small>\n</p>\n\n<p align=\"center\">\n  <img width=\"250\" src=\"https://www.dropbox.com/s/9heua3qgd66125k/rn-tourguide.gif?dl=0&raw=1\" alt=\"RN Tourguide\" />\n</p>\n<p align=\"center\">\n    <a href=\"https://xcarpentier.github.io/rn-tourguide/\">\n      🎉DEMO WEB 🎉\n    </a>\n</p>\n\n<div align=\"center\">\n  <p align=\"center\">\n    <a href=\"https://www.npmjs.com/package/rn-tourguide\">\n      <img alt=\"npm downloads\" src=\"https://img.shields.io/npm/dm/rn-tourguide.svg\"/>\n    </a>\n    <a href=\"https://www.npmjs.com/package/rn-tourguide\">\n      <img src=\"https://img.shields.io/npm/v/rn-tourguide.svg\" alt=\"NPM Version\" />\n    </a>\n    <a href=\"http://reactnative.gallery/xcarpentier/rn-tourguide\">\n      <img src=\"https://img.shields.io/badge/reactnative.gallery-%F0%9F%8E%AC-green.svg\"/></a>\n    </a>\n    <a href=\"#hire-an-expert\">\n      <img src=\"https://img.shields.io/badge/%F0%9F%92%AA-hire%20an%20expert-brightgreen\"/>\n    </a>\n  </p>\n</div>\n\n## Installation\n\n```\nyarn add rn-tourguide\n```\n\n```\nyarn add react-native-svg\nreact-native link react-native-svg\n```\n\nIf you are using Expo:\n\n```\nexpo install react-native-svg\n```\n\n## Usage\n\n```tsx\nimport {\n  TourGuideProvider, // Main provider\n  TourGuideZone, // Main wrapper of highlight component\n  TourGuideZoneByPosition, // Component to use mask on overlay (ie, position absolute)\n  useTourGuideController, // hook to start, etc.\n} from 'rn-tourguide'\n\n// Add <TourGuideProvider/> at the root of you app!\nfunction App() {\n  return (\n// If you added a statusbar in Andoid set androidStatusBarVisible: true as well to avoid vertical position issues\n    <TourGuideProvider {...{ borderRadius: 16 }}>\n      <AppContent />\n    </TourGuideProvider>\n  )\n}\n\nconst AppContent = () => {\n  const iconProps = { size: 40, color: '#888' }\n\n  // Use Hooks to control!\n  const {\n    canStart, // a boolean indicate if you can start tour guide\n    start, // a function to start the tourguide\n    stop, // a function  to stopping it\n    eventEmitter, // an object for listening some events\n  } = useTourGuideController()\n\n  // Can start at mount 🎉\n  // you need to wait until everything is registered 😁\n  React.useEffect(() => {\n    if (canStart) {\n      // 👈 test if you can start otherwise nothing will happen\n      start()\n    }\n  }, [canStart]) // 👈 don't miss it!\n\n  const handleOnStart = () => console.log('start')\n  const handleOnStop = () => console.log('stop')\n  const handleOnStepChange = () => console.log(`stepChange`)\n\n  React.useEffect(() => {\n    eventEmitter.on('start', handleOnStart)\n    eventEmitter.on('stop', handleOnStop)\n    eventEmitter.on('stepChange', handleOnStepChange)\n\n    return () => {\n      eventEmitter.off('start', handleOnStart)\n      eventEmitter.off('stop', handleOnStop)\n      eventEmitter.off('stepChange', handleOnStepChange)\n    }\n  }, [])\n\n  return (\n    <View style={styles.container}>\n      {/*\n\n          Use TourGuideZone only to wrap your component\n\n      */}\n      <TourGuideZone\n        zone={2}\n        text={'A react-native-copilot remastered! 🎉'}\n        borderRadius={16}\n      >\n        <Text style={styles.title}>\n          {'Welcome to the demo of\\n\"rn-tourguide\"'}\n        </Text>\n      </TourGuideZone>\n      <View style={styles.middleView}>\n        <TouchableOpacity style={styles.button} onPress={() => start()}>\n          <Text style={styles.buttonText}>START THE TUTORIAL!</Text>\n        </TouchableOpacity>\n\n        <TourGuideZone zone={3} shape={'rectangle_and_keep'}>\n          <TouchableOpacity style={styles.button} onPress={() => start(4)}>\n            <Text style={styles.buttonText}>Step 4</Text>\n          </TouchableOpacity>\n        </TourGuideZone>\n        <TouchableOpacity style={styles.button} onPress={() => start(2)}>\n          <Text style={styles.buttonText}>Step 2</Text>\n        </TouchableOpacity>\n        <TouchableOpacity style={styles.button} onPress={stop}>\n          <Text style={styles.buttonText}>Stop</Text>\n        </TouchableOpacity>\n        <TourGuideZone\n          zone={1}\n          shape='circle'\n          text={'With animated SVG morphing with awesome flubber 🍮💯'}\n        >\n          <Image source={{ uri }} style={styles.profilePhoto} />\n        </TourGuideZone>\n      </View>\n      <View style={styles.row}>\n        <TourGuideZone zone={4} shape={'circle'}>\n          <Ionicons name='ios-contact' {...iconProps} />\n        </TourGuideZone>\n        <Ionicons name='ios-chatbubbles' {...iconProps} />\n        <Ionicons name='ios-globe' {...iconProps} />\n        <TourGuideZone zone={5}>\n          <Ionicons name='ios-navigate' {...iconProps} />\n        </TourGuideZone>\n        <TourGuideZone zone={6} shape={'circle'}>\n          <Ionicons name='ios-rainy' {...iconProps} />\n        </TourGuideZone>\n        <TourGuideZoneByPosition\n          zone={7}\n          shape={'circle'}\n          isTourGuide\n          bottom={30}\n          left={35}\n          width={300}\n          height={300}\n        />\n      </View>\n    </View>\n  )\n}\n```\n\n`TourGuide` props:\n\n```ts\ninterface TourGuideZoneProps {\n  zone: number // A positive number indicating the order of the step in the entire walkthrough.\n  tourKey?: string // A string indicating which tour the zone belongs to\n  isTourGuide?: boolean // return children without wrapping id false\n  text?: string // text in tooltip\n  shape?: Shape // which shape\n  maskOffset?: number // offset around zone\n  borderRadius?: number // round corner when rectangle\n  keepTooltipPosition?: boolean\n  tooltipBottomOffset?: number\n  children: React.ReactNode\n  withoutButtons?: boolean\n  pressable?: boolean\n  onNext?: (currentStep: IStep | undefined, nextStep: IStep | undefined) => void | 'stop' | 'doNothing'\n  onPrevious?: (currentStep: IStep | undefined, nextStep: IStep | undefined) => void | 'stop' | 'doNothing'\n}\n\ntype Shape = 'circle' | 'rectangle' | 'circle_and_keep' | 'rectangle_and_keep'\n\nexport interface TourGuideProviderProps {\n  tooltipComponent?: React.ComponentType<TooltipProps>\n  tooltipStyle?: StyleProp<ViewStyle>\n  labels?: Labels\n  startAtMount?: boolean | string //  start at mount, boolean for single tours, string for multiple tours\n  androidStatusBarVisible?: boolean\n  backdropColor?: string\n  verticalOffset?: number\n  wrapperStyle?: StyleProp<ViewStyle>\n  maskOffset?: number\n  borderRadius?: number\n  animationDuration?: number\n  children: React.ReactNode\n  dismissOnPress?: boolean\n  preventOutsideInteraction?:boolean\n}\n\ninterface TooltipProps {\n  isFirstStep?: boolean\n  isLastStep?: boolean\n  currentStep: Step\n  labels?: Labels\n  handleNext?(): void\n  handlePrev?(): void\n  handleStop?(): void\n}\n\ninterface Labels {\n  skip?: string\n  previous?: string\n  next?: string\n  finish?: string\n}\n```\n\nIn order to start the tutorial, you can call the `start` function from `useTourGuideController` hook:\n\n```js\nfunction HomeScreen() {\n  const { start } = useTourGuideController()\n\n  React.useEffect(() => {\n    start()\n  }, [])\n\n\n  render() {\n    // ...\n  }\n}\n\nexport default HomeScreen\n```\n\nIf you are looking for a working example, please check out [this link](https://github.com/xcarpentier/rn-tourguide/blob/master/App.tsx).\n\n## Using Multiple Tours\n\nIf you'd like to have multiple tours (different pages, differnt user types, etc) you can pass in a `tourKey` to `useTourGuideController` to create a tour that is keyed to that `tourKey`. **Important** If you use a keyed tour, in order for the `TourGuideZone` components to register correctly you _must_ do one of two things. Either (1) pass along the `tourKey` to the `TourGuideZone` components, or (2) extract the `TourGuideZone` components from the hook itself\n\n(1) If you want to pass along the tourKey\n\n```ts\nimport { TourGuideZone, useTourGuideController } from 'rn-tourguide'\nconst {\n  canStart, // <-- These are all keyed to the tourKey\n  start, // <-- These are all keyed to the tourKey\n  stop, // <-- These are all keyed to the tourKey\n  eventEmitter, // <-- These are all keyed to the tourKey\n  tourKey, // <-- Extract the tourKey\n} = useTourGuideController('results')\n\nreturn (\n  <TourGuideZone\n    tourKey={tourKey} // <-- Pass in the tourKey\n    zone={2}\n    text='Check on your results'\n  >\n    {/** Children */}\n  </TourGuideZone>\n)\n```\n\nOr (2) if you want to extract the components directly from the hook\n\n```ts\nimport { useTourGuideController } from 'rn-tourguide'\nconst { canStart, start, stop, TourGuideZone } =\n  useTourGuideController('results')\n\nreturn (\n  <TourGuideZone // <-- No need to pass in the tourKey\n    zone={2}\n    text='Check on your results'\n  >\n    {/** Children */}\n  </TourGuideZone>\n)\n```\n\nIf you use multiple tours and would like to use the `startAtMount` prop on the `TourGuideProvider` component, then pass in the string of the tour you'd like to start\n\n### Custom tooltip component\n\nYou can customize the tooltip by passing a component to the `copilot` HOC maker. If you are looking for an example tooltip component, take a look at [the default tooltip implementation](https://github.com/xcarpentier/rn-tourguide/blob/master/src/components/Tooltip.tsx).\n\n```js\nconst TooltipComponent = ({\n  isFirstStep,\n  isLastStep,\n  handleNext,\n  handlePrev,\n  handleStop,\n  currentStep,\n}) => (\n  // ...\n);\n\n<TourGuideProvider {...{tooltipComponent: TooltipComponent}}>\n// ...\n</TourGuideProvider>\n```\n\n### Custom tooltip styling\n\nYou can customize tooltips style:\n\n```tsx\nconst style = {\n  backgroundColor: '#9FA8DA',\n  borderRadius: 10,\n  paddingTop: 5,\n}\n\n<TourGuideProvider {...{ tooltipStyle: style }}>\n// ...\n</TourGuideProvider>\n```\n\n### Custom mask color\n\nYou can customize the mask color - default is `rgba(0, 0, 0, 0.4)`, by passing a color string to the `copilot` HOC maker.\n\n```tsx\n<TourGuideProvider {...{ backdropColor: 'rgba(50, 50, 100, 0.9)' }}>\n  // ...\n</TourGuideProvider>\n```\n\n### Custom labels (for i18n)\n\nYou can localize labels:\n\n```tsx\n<TourGuideProvider\n  {...{\n    labels: {\n      previous: 'Vorheriger',\n      next: 'Nächster',\n      skip: 'Überspringen',\n      finish: 'Beenden',\n    },\n  }}\n>\n  // ...\n</TourGuideProvider>\n```\n\n### Listening to the events\n\nAlong with `start()`, `useTourGuideController` passes `copilotEvents` function to the component to help you with tracking of tutorial progress. It utilizes [mitt](https://github.com/developit/mitt) under the hood, you can see how full API there.\n\nList of available events is:\n\n- `start` — Copilot tutorial has started.\n- `stop` — Copilot tutorial has ended or skipped.\n- `stepChange` — Next step is triggered. Passes [`Step`](https://github.com/mohebifar/react-native-copilot/blob/master/src/types.js#L2) instance as event handler argument.\n\n\n### Prevent Outside Interaction\n\nSometimes you need to prevent users to interact with app while tour is shown, in such case `preventOutsideInteraction` prop is up for you.\n\n```default: false```\n\n```jsx\n<TourGuideProvider preventOutsideInteraction>\n  <AppContent />\n</TourGuideProvider>\n```\n\n## Contributing\n\nIssues and Pull Requests are always welcome.\n\n## Hire an expert!\n\nLooking for a ReactNative freelance expert with more than 14 years experience? Contact me from my [website](https://xaviercarpentier.com)!\n\n## License\n\n- [MIT](LICENSE) © 2020 Xavier CARPENTIER SAS, https://xaviercarpentier.com.\n- [MIT](LICENSE) © 2017 OK GROW!, https://www.okgrow.com.\n","readmeFilename":"README.md"}