{"_id":"@supermojo-official/client-sdk-react","_rev":"63-13ddb67466c2b74623c161769c9220a7","name":"@supermojo-official/client-sdk-react","dist-tags":{"dev":"0.3.7-alpha.0","latest":"1.3.6-alpha.0"},"versions":{"0.0.1-alpha.1":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.1","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.1","maintainers":[{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"860c16db67bd227500db8c496b3aa22d0a0803c4","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.1.tgz","fileCount":12,"integrity":"sha512-jiRVbGwd88sm3dkff8MPox6w7vJihv+FMJl1T66xhCi0L4+Ls9lmwn8HjukNjhGv+62Jo0CzisbUpz3DKKzoLA==","signatures":[{"sig":"MEQCICxXLSRsGlPvVlomApJicHti0D43EQTXk4sLJjjUBG5/AiBtuvnKVYDwOAS6zPrDCVTqIX4vVCW8phfmrQA3piKstw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18634,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiTEHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRXxAAh+zrcXLEV2/yBAQxzAxsb/7HoRHq7wphTyralFM9mXLFNeJD\r\nxnbQqbg6rQQDc9PH/fFD9WRAFfELnaiylOysMweo8NnK3kC+KR1hXXDfkAz3\r\nNQ0zyZA8xpJ6s82ZrgZL0ocH+LAnlR5SD4cYZUeDgi+G9Cm3GqDzMgwbPkzd\r\nNQrsf3atE+dKjeVUX1EFykEUk9DMWbwT6Tc+JZB1NQ4AkIPG/odc4ZXsAOHO\r\nKvPPVwGv40k+dH4ukzKMfh8jp/SmtW3JwM++gipQJ7YEWHeGs3FUxol0Rw9d\r\n1l0FHoWiyb2r6jBxGg8R+QkWk/Hujm85ZR0k7B8r9LjPgsBfqSHlrbqIewWN\r\nyDJG1oEDmBFS+6ixMtBFhFATh7IZagvuDTrJlwfxilCLKaD6GWfCqQgW+jFW\r\n/LXoYVK8ImJXzf08iRlPieDpG+5naX0rY8dE+ketVJQlIQBzk2BFclfyanki\r\nTSbcwum2BniGj5RGHF3zgkyOE0FZSZ6XwrTWL/0Nc/XheR21iOTGD8bBnx3T\r\nWLEqaVlAdQFst37tNUjoTUPNf4ZcswQP/jLhovS5itfftj3WdQ1SowPYoiHn\r\nhPi3OMEycKLJXThCpBu9DoMzKGRJzM8AbsTsK/X1lKFbXDH8Dt0tWXVJHXmC\r\niF5PLk1+6bb9nnYeCJxFFfhKRgjX0cIKE3c=\r\n=VYIT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/react-ui.esm.js","gitHead":"247b590ec42a7ca4da245c226d3ef967d65c7d99","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","analyze":"size-limit --why"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"prettier":{"semi":true,"printWidth":80,"singleQuote":true,"trailingComma":"es5"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.18.1+x64 (linux)","description":"Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.","directories":{},"_nodeVersion":"16.18.1","dependencies":{"@supermojo-official/client-sdk-core":"0.0.1-alpha.1"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=16"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.1_1669935366919_0.2749042718815984","host":"s3://npm-registry-packages"}},"0.0.1-alpha.2":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.2","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.2","maintainers":[{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"516022f3f27c2c4e09276d04c50260352263281a","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.2.tgz","fileCount":12,"integrity":"sha512-x65tG6UM4srQQzVtbUsCOwfzgu8QUjqaoqRsoKkGen9IW/mM/Y62PZKEIcBCEEXC+12X9/xQkkBLHBm8MfrvSQ==","signatures":[{"sig":"MEYCIQCrU/q0dcGqTqvJ4vyTYQmiOni62ulyZvEcvAzm3A5YfgIhAPAQHSaTAOyzXouEgq5/EDIaGn3T8fmArnzcXpQrK3pe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18634,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiTIzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1LQ//T4Mr2XJ/sJvy0KaOulH84D5arseSxTEfzU4MfGWQkBZB5Tym\r\nHqUc2yBV4aJmpVUaBcTWhRpwdxuQkvdXkkaK0CnslQ9td8GvEUc5hH9xFgBd\r\npB2yI+hLpzaQjtD06y5pt177Pw4hnb1fgGTnCS7rXQjlMCBzA+Em6ifFhzr0\r\nnHisXZEPEbh5VR7ht+Rb4N4skIKwxh7woaTgp5q1Pd4FDfbtBqHe76ieFOie\r\nacGMmHMU6MMLaW2mP+NctmCunpGJElEc0Z6rFiYiwgdjCsbjBXE6WGebP2Ln\r\nQrgtLSprkuSAT54SBcIhCL6UaCheC/1XbQbgraOLvisH15gKPiB4VgjE3w16\r\nlnJi7C0v381ViBWHxmGfHiivqstd7bWTCT/qaOQ36YfO4xrdIqYhDeJZH6aM\r\nkIpIX4jMPLBiN6OILsEAsZj6805ljc0148HD+H6cI8r3WZsmInFx8P0aZlJe\r\ngGvLCvKLxzq9wqP9b9DWfC2Y1H0A/HMyb9Zldo5xrGGEN09JfnjMIWNhj6Ns\r\nZUipacdk8dO7bLBy9+bmSLXPLJ0GHeCPgxzu68OtLada86E+R0mrcMyeRe5q\r\nG6K/BxF51qhW23Qo81CIiO1JoMVyhAsYbqt2cGLLETS7b2jhE//VU2BfJyOG\r\njHed6V+jWmIbIp+7rKcpWrrXC9d4l/eVAjQ=\r\n=LwZE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/react-ui.esm.js","readme":"# TSDX React User Guide\n\nCongrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.\n\n> This TSDX setup is meant for developing React component libraries (not apps!) that can be published to NPM. If you’re looking to build a React-based app, you should use `create-react-app`, `razzle`, `nextjs`, `gatsby`, or `react-static`.\n\n> If you’re new to TypeScript and React, checkout [this handy cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet/)\n\n## Commands\n\nTSDX scaffolds your new library inside `/src`, and also sets up a [Parcel-based](https://parceljs.org) playground for it inside `/example`.\n\nThe recommended workflow is to run TSDX in one terminal:\n\n```bash\nnpm start # or yarn start\n```\n\nThis builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.\n\nThen run the example inside another:\n\n```bash\ncd example\nnpm i # or yarn to install dependencies\nnpm start # or yarn start\n```\n\nThe default example imports and live reloads whatever is in `/dist`, so if you are seeing an out of date component, make sure TSDX is running in watch mode like we recommend above. **No symlinking required**, we use [Parcel's aliasing](https://parceljs.org/module_resolution.html#aliases).\n\nTo do a one-off build, use `npm run build` or `yarn build`.\n\nTo run tests, use `npm test` or `yarn test`.\n\n## Configuration\n\nCode quality is set up for you with `prettier`, `husky`, and `lint-staged`. Adjust the respective fields in `package.json` accordingly.\n\n### Jest\n\nJest tests are set up to run with `npm test` or `yarn test`.\n\n### Bundle analysis\n\nCalculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visulize it with `npm run analyze`.\n\n#### Setup Files\n\nThis is the folder structure we set up for you:\n\n```txt\n/example\n  index.html\n  index.tsx       # test your component here in a demo app\n  package.json\n  tsconfig.json\n/src\n  index.tsx       # EDIT THIS\n/test\n  blah.test.tsx   # EDIT THIS\n.gitignore\npackage.json\nREADME.md         # EDIT THIS\ntsconfig.json\n```\n\n#### React Testing Library\n\nWe do not set up `react-testing-library` for you yet, we welcome contributions and documentation on this.\n\n### Rollup\n\nTSDX uses [Rollup](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details.\n\n### TypeScript\n\n`tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.\n\n## Continuous Integration\n\n### GitHub Actions\n\nTwo actions are added by default:\n\n- `main` which installs deps w/ cache, lints, tests, and builds on all pushes against a Node and OS matrix\n- `size` which comments cost comparison of your library on every pull request using [`size-limit`](https://github.com/ai/size-limit)\n\n## Optimizations\n\nPlease see the main `tsdx` [optimizations docs](https://github.com/palmerhq/tsdx#optimizations). In particular, know that you can take advantage of development-only optimizations:\n\n```js\n// ./types/index.d.ts\ndeclare var __DEV__: boolean;\n\n// inside your code...\nif (__DEV__) {\n  console.log('foo');\n}\n```\n\nYou can also choose to install and use [invariant](https://github.com/palmerhq/tsdx#invariant) and [warning](https://github.com/palmerhq/tsdx#warning) functions.\n\n## Module Formats\n\nCJS, ESModules, and UMD module formats are supported.\n\nThe appropriate paths are configured in `package.json` and `dist/index.js` accordingly. Please report if any issues are found.\n\n## Deploying the Example Playground\n\nThe Playground is just a simple [Parcel](https://parceljs.org) app, you can deploy it anywhere you would normally deploy that. Here are some guidelines for **manually** deploying with the Netlify CLI (`npm i -g netlify-cli`):\n\n```bash\ncd example # if not already in the example folder\nnpm run build # builds to dist\nnetlify deploy # deploy the dist folder\n```\n\nAlternatively, if you already have a git repo connected, you can set up continuous deployment with Netlify:\n\n```bash\nnetlify init\n# build command: yarn build && cd example && yarn && yarn build\n# directory to deploy: example/dist\n# pick yes for netlify.toml\n```\n\n## Named Exports\n\nPer Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.\n\n## Including Styles\n\nThere are many ways to ship styles, including with CSS-in-JS. TSDX has no opinion on this, configure how you like.\n\nFor vanilla CSS, you can include it at the root directory and add it to the `files` section in your `package.json`, so that it can be imported separately by your users and run through their bundler's loader.\n\n## Publishing to NPM\n\nWe recommend using [np](https://github.com/sindresorhus/np).\n\n## Usage with Lerna\n\nWhen creating a new package with TSDX within a project set up with Lerna, you might encounter a `Cannot resolve dependency` error when trying to run the `example` project. To fix that you will need to make changes to the `package.json` file _inside the `example` directory_.\n\nThe problem is that due to the nature of how dependencies are installed in Lerna projects, the aliases in the example project's `package.json` might not point to the right place, as those dependencies might have been installed in the root of your Lerna project.\n\nChange the `alias` to point to where those packages are actually installed. This depends on the directory structure of your Lerna project, so the actual path might be different from the diff below.\n\n```diff\n   \"alias\": {\n-    \"react\": \"../node_modules/react\",\n-    \"react-dom\": \"../node_modules/react-dom\"\n+    \"react\": \"../../../node_modules/react\",\n+    \"react-dom\": \"../../../node_modules/react-dom\"\n   },\n```\n\nAn alternative to fixing this problem would be to remove aliases altogether and define the dependencies referenced as aliases as dev dependencies instead. [However, that might cause other problems.](https://github.com/palmerhq/tsdx/issues/64)\n","gitHead":"6e2b5487e6bac885b713b0b9743dfdbfe2fd508f","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","analyze":"size-limit --why"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"prettier":{"semi":true,"printWidth":80,"singleQuote":true,"trailingComma":"es5"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.18.1+x64 (linux)","description":"Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.","directories":{},"_nodeVersion":"16.18.1","dependencies":{"@supermojo-official/client-sdk-core":"0.0.1-alpha.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":">=16"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.2_1669935667739_0.9294993415895527","host":"s3://npm-registry-packages"}},"0.0.1-alpha.3":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.3","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.3","maintainers":[{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"1452e7ae9a80e5dc7f02d231584083e5c9f24611","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.3.tgz","fileCount":12,"integrity":"sha512-HQKpK8pvU6PaGobnkNi2S4UNmV/iBF7FJ3IcOrFvX1Hqa2jlldYFqZaNVtbxoMpINYHGUdKJtF8lE+90wylr9A==","signatures":[{"sig":"MEUCIQDYnsU+YDHVPYmEpnjT3FI+MU53RowMSFK/UTx9DtnHTQIgOQHHL2ppm461iPKW2Txn3YKrLhIYwCspjEXHrg/J7+4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18634,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjij0gACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrJBA/+IMW/k3xTd9agVC7MKg6oQF/WYmZf4U8iTiX6jMHPXs/TNIi4\r\nTy8xctNIzMp4pb1J+vk65pnY9JMW7+0w5zlDF5q+WnouSzRnvMPU/d381h2x\r\nfZjhZF1ppdn2UrWe6Qqpwze8UfY7iX5hOcB1DKg4kOtBYoB+PaAQ31aNip/G\r\nWsyrmTHpaLl80QlGjM3Blp3lAAc3o9YStI01DP2iGG3MoB4+j3aocNVQ8TOt\r\nDn0KzwU4XEKqaYWcSDYM/HXsKMSMHPov6vnDBtFgWpia3+wLigR4m4IprDiS\r\nr5UXR+bdwht3z3/8I1jRMniMGvpPlKoiPcYGdtlJgKL4j06OCdV1YCbc0qK0\r\nQA+bvgjtZUR+emj3740KPAa8WqJKr5X1nxPsQfgQH7Pa7MwMQU6aIcufSGG+\r\nj7NSn5YgKhNCUT7wIdNR0ETLjpclFHY9gemwHc2xxihCJnCq0p6da0aM0BaD\r\nNhtc/6LTHyG3saKL/FGolzGURSowGDBRpWOpzpPWUlnj5f9boTypZKQgYecY\r\nrJfzDNXu0dqy1ZnYQv10xztfxNQAingCOz5NjV8pmHT7xn4uWt1nFBbtp06T\r\n5JvZDGU1bAJHPab9r1mgXU4NJ+88cl72Ey+o1ixxUQEKLVrXkWXmnIbTWVbN\r\n4LQOxYLd0uv34Bud9wE+nphm1vm5nw8jbc0=\r\n=HfDJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/react-ui.esm.js","readme":"# TSDX React User Guide\n\nCongrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.\n\n> This TSDX setup is meant for developing React component libraries (not apps!) that can be published to NPM. If you’re looking to build a React-based app, you should use `create-react-app`, `razzle`, `nextjs`, `gatsby`, or `react-static`.\n\n> If you’re new to TypeScript and React, checkout [this handy cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet/)\n\n## Commands\n\nTSDX scaffolds your new library inside `/src`, and also sets up a [Parcel-based](https://parceljs.org) playground for it inside `/example`.\n\nThe recommended workflow is to run TSDX in one terminal:\n\n```bash\nnpm start # or yarn start\n```\n\nThis builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.\n\nThen run the example inside another:\n\n```bash\ncd example\nnpm i # or yarn to install dependencies\nnpm start # or yarn start\n```\n\nThe default example imports and live reloads whatever is in `/dist`, so if you are seeing an out of date component, make sure TSDX is running in watch mode like we recommend above. **No symlinking required**, we use [Parcel's aliasing](https://parceljs.org/module_resolution.html#aliases).\n\nTo do a one-off build, use `npm run build` or `yarn build`.\n\nTo run tests, use `npm test` or `yarn test`.\n\n## Configuration\n\nCode quality is set up for you with `prettier`, `husky`, and `lint-staged`. Adjust the respective fields in `package.json` accordingly.\n\n### Jest\n\nJest tests are set up to run with `npm test` or `yarn test`.\n\n### Bundle analysis\n\nCalculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visulize it with `npm run analyze`.\n\n#### Setup Files\n\nThis is the folder structure we set up for you:\n\n```txt\n/example\n  index.html\n  index.tsx       # test your component here in a demo app\n  package.json\n  tsconfig.json\n/src\n  index.tsx       # EDIT THIS\n/test\n  blah.test.tsx   # EDIT THIS\n.gitignore\npackage.json\nREADME.md         # EDIT THIS\ntsconfig.json\n```\n\n#### React Testing Library\n\nWe do not set up `react-testing-library` for you yet, we welcome contributions and documentation on this.\n\n### Rollup\n\nTSDX uses [Rollup](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details.\n\n### TypeScript\n\n`tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.\n\n## Continuous Integration\n\n### GitHub Actions\n\nTwo actions are added by default:\n\n- `main` which installs deps w/ cache, lints, tests, and builds on all pushes against a Node and OS matrix\n- `size` which comments cost comparison of your library on every pull request using [`size-limit`](https://github.com/ai/size-limit)\n\n## Optimizations\n\nPlease see the main `tsdx` [optimizations docs](https://github.com/palmerhq/tsdx#optimizations). In particular, know that you can take advantage of development-only optimizations:\n\n```js\n// ./types/index.d.ts\ndeclare var __DEV__: boolean;\n\n// inside your code...\nif (__DEV__) {\n  console.log('foo');\n}\n```\n\nYou can also choose to install and use [invariant](https://github.com/palmerhq/tsdx#invariant) and [warning](https://github.com/palmerhq/tsdx#warning) functions.\n\n## Module Formats\n\nCJS, ESModules, and UMD module formats are supported.\n\nThe appropriate paths are configured in `package.json` and `dist/index.js` accordingly. Please report if any issues are found.\n\n## Deploying the Example Playground\n\nThe Playground is just a simple [Parcel](https://parceljs.org) app, you can deploy it anywhere you would normally deploy that. Here are some guidelines for **manually** deploying with the Netlify CLI (`npm i -g netlify-cli`):\n\n```bash\ncd example # if not already in the example folder\nnpm run build # builds to dist\nnetlify deploy # deploy the dist folder\n```\n\nAlternatively, if you already have a git repo connected, you can set up continuous deployment with Netlify:\n\n```bash\nnetlify init\n# build command: yarn build && cd example && yarn && yarn build\n# directory to deploy: example/dist\n# pick yes for netlify.toml\n```\n\n## Named Exports\n\nPer Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.\n\n## Including Styles\n\nThere are many ways to ship styles, including with CSS-in-JS. TSDX has no opinion on this, configure how you like.\n\nFor vanilla CSS, you can include it at the root directory and add it to the `files` section in your `package.json`, so that it can be imported separately by your users and run through their bundler's loader.\n\n## Publishing to NPM\n\nWe recommend using [np](https://github.com/sindresorhus/np).\n\n## Usage with Lerna\n\nWhen creating a new package with TSDX within a project set up with Lerna, you might encounter a `Cannot resolve dependency` error when trying to run the `example` project. To fix that you will need to make changes to the `package.json` file _inside the `example` directory_.\n\nThe problem is that due to the nature of how dependencies are installed in Lerna projects, the aliases in the example project's `package.json` might not point to the right place, as those dependencies might have been installed in the root of your Lerna project.\n\nChange the `alias` to point to where those packages are actually installed. This depends on the directory structure of your Lerna project, so the actual path might be different from the diff below.\n\n```diff\n   \"alias\": {\n-    \"react\": \"../node_modules/react\",\n-    \"react-dom\": \"../node_modules/react-dom\"\n+    \"react\": \"../../../node_modules/react\",\n+    \"react-dom\": \"../../../node_modules/react-dom\"\n   },\n```\n\nAn alternative to fixing this problem would be to remove aliases altogether and define the dependencies referenced as aliases as dev dependencies instead. [However, that might cause other problems.](https://github.com/palmerhq/tsdx/issues/64)\n","gitHead":"b06d5df962ad9082953350323a24d56496ac09b8","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","analyze":"size-limit --why"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"prettier":{"semi":true,"printWidth":80,"singleQuote":true,"trailingComma":"es5"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.18.1+x64 (linux)","description":"Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.","directories":{},"_nodeVersion":"16.18.1","dependencies":{"@supermojo-official/client-sdk-core":"0.0.1-alpha.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":">=16"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.3_1670004000743_0.13656808347883853","host":"s3://npm-registry-packages"}},"0.0.1-alpha.4":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.4","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.4","maintainers":[{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"46218c5b99405e5b4b7f9f171afd19f8c53bd513","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.4.tgz","fileCount":13,"integrity":"sha512-6lX3rJFdQHvoj5RJeUM0JbnL33Qz0nFfXQdUOgEsd45lXeqSAr6QyqZTmUz4lfMemAXKVlcze1I2RT8Iz1r9sg==","signatures":[{"sig":"MEUCIQCJf+fq42lJ5/5ITr26PP5+BbWHzVHp5KluOXoPJ9kUpQIgR6vnWjjRWfrhdZaDNDFKQZ8/cOMe9tsU3VmpJRt6HRg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20954,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjl+b9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmopNA//Y/sVORD8QzXOKvQHtqYLq+7OckvU4nyUGvdAWhFbDfD9WXep\r\nyPaTFXLdI0XeNE4p7a+/FbYM4d7HjnUq/J+EPbV7uWvsAql4xmnfYwa5bZU0\r\nBIzktR+O2M3LWoceBc3/CRodq+ZCDc6PQLsREQF7z7ts1UVkXxK+XiySJ6pI\r\nR1lbRIJlJ3oTR0bP5iqk6kkohOpdEasVslgjV9iRM+FIhjFzUYxYYCiD64i5\r\nnj8zvETqs0+GMzrEKnBTSdIBfk7YRKRD0OO6saMYspKHsLMvXmTvL4DJ/fZR\r\nzFKZGL97Z60eM6seAhLDLRcsjBEa7zTvBBYgN/usa4E7ykehK6UM4V8czx8T\r\nvHpTZt/2P9SLWZE8qx1wh03XNTnEBz+XvV2Q1tI/ZEafrlz0Qx/5DcDEhwog\r\noB5fiXsc4P/dToeopCBbRtKxiXXT5S3fNVQE5atJdcEu7svrZwHLxjxpY3gG\r\nwSeIxCCYhurFP1PKmICUlqbIrLQ+7DdBA8Jbx4jg72SjtcVFg19EaMkJvIj5\r\nVDAqJUU9QP8x6nRjLALO/0jBwsZHCpHmioO6pRHJrQ9Cuyh86ydPLSOOahJE\r\nszK7G8booZwwghHodCZ+dDakk6kVe7198Qafc8kLYIclPu9tFkDeEvrt4Gt3\r\nBxiyegTAuwxD2yCAsQ+bkuFNNcNe2Gz2TVs=\r\n=4S0E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","readme":"# TSDX React User Guide\n\nCongrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.\n\n> This TSDX setup is meant for developing React component libraries (not apps!) that can be published to NPM. If you’re looking to build a React-based app, you should use `create-react-app`, `razzle`, `nextjs`, `gatsby`, or `react-static`.\n\n> If you’re new to TypeScript and React, checkout [this handy cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet/)\n\n## Commands\n\nTSDX scaffolds your new library inside `/src`, and also sets up a [Parcel-based](https://parceljs.org) playground for it inside `/example`.\n\nThe recommended workflow is to run TSDX in one terminal:\n\n```bash\nnpm start # or yarn start\n```\n\nThis builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.\n\nThen run the example inside another:\n\n```bash\ncd example\nnpm i # or yarn to install dependencies\nnpm start # or yarn start\n```\n\nThe default example imports and live reloads whatever is in `/dist`, so if you are seeing an out of date component, make sure TSDX is running in watch mode like we recommend above. **No symlinking required**, we use [Parcel's aliasing](https://parceljs.org/module_resolution.html#aliases).\n\nTo do a one-off build, use `npm run build` or `yarn build`.\n\nTo run tests, use `npm test` or `yarn test`.\n\n## Configuration\n\nCode quality is set up for you with `prettier`, `husky`, and `lint-staged`. Adjust the respective fields in `package.json` accordingly.\n\n### Jest\n\nJest tests are set up to run with `npm test` or `yarn test`.\n\n### Bundle analysis\n\nCalculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visulize it with `npm run analyze`.\n\n#### Setup Files\n\nThis is the folder structure we set up for you:\n\n```txt\n/example\n  index.html\n  index.tsx       # test your component here in a demo app\n  package.json\n  tsconfig.json\n/src\n  index.tsx       # EDIT THIS\n/test\n  blah.test.tsx   # EDIT THIS\n.gitignore\npackage.json\nREADME.md         # EDIT THIS\ntsconfig.json\n```\n\n#### React Testing Library\n\nWe do not set up `react-testing-library` for you yet, we welcome contributions and documentation on this.\n\n### Rollup\n\nTSDX uses [Rollup](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details.\n\n### TypeScript\n\n`tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.\n\n## Continuous Integration\n\n### GitHub Actions\n\nTwo actions are added by default:\n\n- `main` which installs deps w/ cache, lints, tests, and builds on all pushes against a Node and OS matrix\n- `size` which comments cost comparison of your library on every pull request using [`size-limit`](https://github.com/ai/size-limit)\n\n## Optimizations\n\nPlease see the main `tsdx` [optimizations docs](https://github.com/palmerhq/tsdx#optimizations). In particular, know that you can take advantage of development-only optimizations:\n\n```js\n// ./types/index.d.ts\ndeclare var __DEV__: boolean;\n\n// inside your code...\nif (__DEV__) {\n  console.log('foo');\n}\n```\n\nYou can also choose to install and use [invariant](https://github.com/palmerhq/tsdx#invariant) and [warning](https://github.com/palmerhq/tsdx#warning) functions.\n\n## Module Formats\n\nCJS, ESModules, and UMD module formats are supported.\n\nThe appropriate paths are configured in `package.json` and `dist/index.js` accordingly. Please report if any issues are found.\n\n## Deploying the Example Playground\n\nThe Playground is just a simple [Parcel](https://parceljs.org) app, you can deploy it anywhere you would normally deploy that. Here are some guidelines for **manually** deploying with the Netlify CLI (`npm i -g netlify-cli`):\n\n```bash\ncd example # if not already in the example folder\nnpm run build # builds to dist\nnetlify deploy # deploy the dist folder\n```\n\nAlternatively, if you already have a git repo connected, you can set up continuous deployment with Netlify:\n\n```bash\nnetlify init\n# build command: yarn build && cd example && yarn && yarn build\n# directory to deploy: example/dist\n# pick yes for netlify.toml\n```\n\n## Named Exports\n\nPer Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.\n\n## Including Styles\n\nThere are many ways to ship styles, including with CSS-in-JS. TSDX has no opinion on this, configure how you like.\n\nFor vanilla CSS, you can include it at the root directory and add it to the `files` section in your `package.json`, so that it can be imported separately by your users and run through their bundler's loader.\n\n## Publishing to NPM\n\nWe recommend using [np](https://github.com/sindresorhus/np).\n\n## Usage with Lerna\n\nWhen creating a new package with TSDX within a project set up with Lerna, you might encounter a `Cannot resolve dependency` error when trying to run the `example` project. To fix that you will need to make changes to the `package.json` file _inside the `example` directory_.\n\nThe problem is that due to the nature of how dependencies are installed in Lerna projects, the aliases in the example project's `package.json` might not point to the right place, as those dependencies might have been installed in the root of your Lerna project.\n\nChange the `alias` to point to where those packages are actually installed. This depends on the directory structure of your Lerna project, so the actual path might be different from the diff below.\n\n```diff\n   \"alias\": {\n-    \"react\": \"../node_modules/react\",\n-    \"react-dom\": \"../node_modules/react-dom\"\n+    \"react\": \"../../../node_modules/react\",\n+    \"react-dom\": \"../../../node_modules/react-dom\"\n   },\n```\n\nAn alternative to fixing this problem would be to remove aliases altogether and define the dependencies referenced as aliases as dev dependencies instead. [However, that might cause other problems.](https://github.com/palmerhq/tsdx/issues/64)\n","gitHead":"bb90ed2726f10e701f7411d884e3659a36b46b2a","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.18.1+x64 (linux)","description":"Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.","directories":{},"_nodeVersion":"16.18.1","dependencies":{"@supermojo-official/client-sdk-core":"0.0.1-alpha.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.4_1670899452870_0.7284774933349258","host":"s3://npm-registry-packages"}},"0.0.1-alpha.6":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.6","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.6","maintainers":[{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"koji-sm","email":"koji@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"9c07e0460017564e6ac260bb53c90e118314b977","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.6.tgz","fileCount":13,"integrity":"sha512-vW00JeJFIfQNwWFdBAlmK0T/2YaMFR0lHYa/YEgzutqbIL2ijeik9CJUD3GtmsIOTSPlTuC8m0dL/UwM5Z/3oQ==","signatures":[{"sig":"MEQCIGncwfnyHzhA6ALLaQ8txaMq4ytl29cz3bnakW+NjL7jAiBzltadoFUh3GodXQSvzOZux+JQBXcep+IjP/XFTU8nwg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66836,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmlZZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKTg/+P7JyHNGjhlmJIl8Qyj5YeZD7L/9XRL8Rbowe926Ff6DRGJtN\r\nT2vRp4iFDrkkaXg3orhCwM4d7fLHTHl3yYqbUwaL91NKmJW/c4maxRXWsG9j\r\nKsKXrn3bHySEUqJUO9buk2WwYTnyhfY6K4XHOG6DUTgFl5ublXY2oYFLCn4u\r\nQHs3gVdwdpewtK6xB5CDo1m/3BbjoGImWRAg0cbF26ioIcyU2rXpAOmQRYIf\r\noyckcqe/ce/hxZRSEdi38Tjflq5H3ptBFgZ3j/Dyuq/ikyYE2iARHerU9XCt\r\nhY/BVWvXS9QvcyF8N0mIcJcIF77pprxzg04CQffB748Z0UBO96WBksb+PDy6\r\ngd0xBxi1kkBdNxM4E5WW08Hohtj1T6qzV0SrrpHrw6C/GGc3VwbrFPLEnWcW\r\nYsNdk576JzHxDJB+g0w1oSa1C9FT941PVfvY5ARujeWl6bBpqA04pWsj0uoC\r\nES+FLLTdIciylaqmwE8gbpGJA0W+QPNcfEdFQjE/tVEAb9Ff5k4+rpAX1Tdq\r\nJaqOtPjeGVqCQz7EF3TOKuPpDIR5wdiBlPB1jLAXs2Osoh8mnQzkmHcZdVYo\r\n48UQKUbHnOhpiVHQuOrruN9jOwUZcW7elmgcjbmDKKRnsJTtjpF4O63GefJY\r\nssGaNI4dES3Hxb2/FdH5mEMqN0ov8mSTJkY=\r\n=Id8P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","readme":"# TSDX React User Guide\n\nCongrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.\n\n> This TSDX setup is meant for developing React component libraries (not apps!) that can be published to NPM. If you’re looking to build a React-based app, you should use `create-react-app`, `razzle`, `nextjs`, `gatsby`, or `react-static`.\n\n> If you’re new to TypeScript and React, checkout [this handy cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet/)\n\n## Commands\n\nTSDX scaffolds your new library inside `/src`, and also sets up a [Parcel-based](https://parceljs.org) playground for it inside `/example`.\n\nThe recommended workflow is to run TSDX in one terminal:\n\n```bash\nnpm start # or yarn start\n```\n\nThis builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.\n\nThen run the example inside another:\n\n```bash\ncd example\nnpm i # or yarn to install dependencies\nnpm start # or yarn start\n```\n\nThe default example imports and live reloads whatever is in `/dist`, so if you are seeing an out of date component, make sure TSDX is running in watch mode like we recommend above. **No symlinking required**, we use [Parcel's aliasing](https://parceljs.org/module_resolution.html#aliases).\n\nTo do a one-off build, use `npm run build` or `yarn build`.\n\nTo run tests, use `npm test` or `yarn test`.\n\n## Configuration\n\nCode quality is set up for you with `prettier`, `husky`, and `lint-staged`. Adjust the respective fields in `package.json` accordingly.\n\n### Jest\n\nJest tests are set up to run with `npm test` or `yarn test`.\n\n### Bundle analysis\n\nCalculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visulize it with `npm run analyze`.\n\n#### Setup Files\n\nThis is the folder structure we set up for you:\n\n```txt\n/example\n  index.html\n  index.tsx       # test your component here in a demo app\n  package.json\n  tsconfig.json\n/src\n  index.tsx       # EDIT THIS\n/test\n  blah.test.tsx   # EDIT THIS\n.gitignore\npackage.json\nREADME.md         # EDIT THIS\ntsconfig.json\n```\n\n#### React Testing Library\n\nWe do not set up `react-testing-library` for you yet, we welcome contributions and documentation on this.\n\n### Rollup\n\nTSDX uses [Rollup](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details.\n\n### TypeScript\n\n`tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.\n\n## Continuous Integration\n\n### GitHub Actions\n\nTwo actions are added by default:\n\n- `main` which installs deps w/ cache, lints, tests, and builds on all pushes against a Node and OS matrix\n- `size` which comments cost comparison of your library on every pull request using [`size-limit`](https://github.com/ai/size-limit)\n\n## Optimizations\n\nPlease see the main `tsdx` [optimizations docs](https://github.com/palmerhq/tsdx#optimizations). In particular, know that you can take advantage of development-only optimizations:\n\n```js\n// ./types/index.d.ts\ndeclare var __DEV__: boolean;\n\n// inside your code...\nif (__DEV__) {\n  console.log('foo');\n}\n```\n\nYou can also choose to install and use [invariant](https://github.com/palmerhq/tsdx#invariant) and [warning](https://github.com/palmerhq/tsdx#warning) functions.\n\n## Module Formats\n\nCJS, ESModules, and UMD module formats are supported.\n\nThe appropriate paths are configured in `package.json` and `dist/index.js` accordingly. Please report if any issues are found.\n\n## Deploying the Example Playground\n\nThe Playground is just a simple [Parcel](https://parceljs.org) app, you can deploy it anywhere you would normally deploy that. Here are some guidelines for **manually** deploying with the Netlify CLI (`npm i -g netlify-cli`):\n\n```bash\ncd example # if not already in the example folder\nnpm run build # builds to dist\nnetlify deploy # deploy the dist folder\n```\n\nAlternatively, if you already have a git repo connected, you can set up continuous deployment with Netlify:\n\n```bash\nnetlify init\n# build command: yarn build && cd example && yarn && yarn build\n# directory to deploy: example/dist\n# pick yes for netlify.toml\n```\n\n## Named Exports\n\nPer Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.\n\n## Including Styles\n\nThere are many ways to ship styles, including with CSS-in-JS. TSDX has no opinion on this, configure how you like.\n\nFor vanilla CSS, you can include it at the root directory and add it to the `files` section in your `package.json`, so that it can be imported separately by your users and run through their bundler's loader.\n\n## Publishing to NPM\n\nWe recommend using [np](https://github.com/sindresorhus/np).\n\n## Usage with Lerna\n\nWhen creating a new package with TSDX within a project set up with Lerna, you might encounter a `Cannot resolve dependency` error when trying to run the `example` project. To fix that you will need to make changes to the `package.json` file _inside the `example` directory_.\n\nThe problem is that due to the nature of how dependencies are installed in Lerna projects, the aliases in the example project's `package.json` might not point to the right place, as those dependencies might have been installed in the root of your Lerna project.\n\nChange the `alias` to point to where those packages are actually installed. This depends on the directory structure of your Lerna project, so the actual path might be different from the diff below.\n\n```diff\n   \"alias\": {\n-    \"react\": \"../node_modules/react\",\n-    \"react-dom\": \"../node_modules/react-dom\"\n+    \"react\": \"../../../node_modules/react\",\n+    \"react-dom\": \"../../../node_modules/react-dom\"\n   },\n```\n\nAn alternative to fixing this problem would be to remove aliases altogether and define the dependencies referenced as aliases as dev dependencies instead. [However, that might cause other problems.](https://github.com/palmerhq/tsdx/issues/64)\n","gitHead":"3ab3ca2cb9ffc6195562ee2d2a4a8a504a89893d","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.18.1+x64 (linux)","description":"Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.","directories":{},"_nodeVersion":"16.18.1","dependencies":{"postcss":"^8.4.20","@supermojo-official/client-sdk-core":"0.0.1-alpha.6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.6_1671059033227_0.9453254533822546","host":"s3://npm-registry-packages"}},"0.0.1-alpha.7":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.7","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.7","maintainers":[{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"koji-sm","email":"koji@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"110b7b493034f028e8754a183a05a27d0e1aef04","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.7.tgz","fileCount":13,"integrity":"sha512-YvXjo+d3upEifyE9BOeyqirSeMvf+TbmEPc0GwCp3fMEsUb9UlPLxuzwGGk/ZsNPtbSmAd3Lr7/Po8VetHuk5g==","signatures":[{"sig":"MEUCIC/LGQWNpEz9XHtjZn9c4Cpp0bkCos+RYt0Tl4+nlaSZAiEAynI0jO0coiVUNxJqhqMSPFeCoPv1OD7QEBHlwuZu0vg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66431,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmlqhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqmcQ/+Pt+ZbuuFxXC/8HcYw3gLnF2FpvyQWIfLQaTtxZxHn2e3X1sa\r\nYgjXgD6HmWfwkJgZ3H9lUFfDeoudkeOC2pVgK3fWw8Ba6JRbHl3aS4vOpbP0\r\nBaa9KoE7TUonOnrz7iMArFteWJRaFWcvLU/5QoHvorBdcs42c+QpkrZwZVtr\r\nO2F0jQ8oz3FPuDEcY3kokfJKBPF/ZB38ZxpYeFTJ7VA12uSLrWR9z2qr6elH\r\nlHdMfrdcoJcUg7FlRg81cUhHqvY2DqWzqpjeXapSPpAX+NTuOwqTmAc6r1Ni\r\nCx6WBaDTTPzTh4Lxe01s63XG0lMykcOLIOWvvy0N3hGU7/w469tsoMPcMJZT\r\nqHr0N8D6P2sl0m8ukjTM/lUTonf569S438cR/W2FmT5eUfg/hBqlAjhfZUEr\r\nuP3bCRTuKojuFoSb2UelQLjatvfu4e32+49LK1VN2OnQVfJY7b6g1bWY1dLh\r\nM4MxYY5W3LClwNVGJyDvIN0Y7R73ibAI/EJHSDwxP8rShfFbI7vyH/CArhP8\r\nLujvcQ77QeiIXfiMa+K/lPCD/Cd966VmKXwBR3IamlPRURDsDOXevL61fkTg\r\n84Qwa3zJCg8WQiFl9s6uGd8cI0Fj8IlAk+EvYJNtf1y1fFMXSeHD7x6fRK63\r\nYH85m+CCHtZ6fbCPugLrc8FX+uwc3Xb2oug=\r\n=92Q9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","readme":"# TSDX React User Guide\n\nCongrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.\n\n> This TSDX setup is meant for developing React component libraries (not apps!) that can be published to NPM. If you’re looking to build a React-based app, you should use `create-react-app`, `razzle`, `nextjs`, `gatsby`, or `react-static`.\n\n> If you’re new to TypeScript and React, checkout [this handy cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet/)\n\n## Commands\n\nTSDX scaffolds your new library inside `/src`, and also sets up a [Parcel-based](https://parceljs.org) playground for it inside `/example`.\n\nThe recommended workflow is to run TSDX in one terminal:\n\n```bash\nnpm start # or yarn start\n```\n\nThis builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.\n\nThen run the example inside another:\n\n```bash\ncd example\nnpm i # or yarn to install dependencies\nnpm start # or yarn start\n```\n\nThe default example imports and live reloads whatever is in `/dist`, so if you are seeing an out of date component, make sure TSDX is running in watch mode like we recommend above. **No symlinking required**, we use [Parcel's aliasing](https://parceljs.org/module_resolution.html#aliases).\n\nTo do a one-off build, use `npm run build` or `yarn build`.\n\nTo run tests, use `npm test` or `yarn test`.\n\n## Configuration\n\nCode quality is set up for you with `prettier`, `husky`, and `lint-staged`. Adjust the respective fields in `package.json` accordingly.\n\n### Jest\n\nJest tests are set up to run with `npm test` or `yarn test`.\n\n### Bundle analysis\n\nCalculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visulize it with `npm run analyze`.\n\n#### Setup Files\n\nThis is the folder structure we set up for you:\n\n```txt\n/example\n  index.html\n  index.tsx       # test your component here in a demo app\n  package.json\n  tsconfig.json\n/src\n  index.tsx       # EDIT THIS\n/test\n  blah.test.tsx   # EDIT THIS\n.gitignore\npackage.json\nREADME.md         # EDIT THIS\ntsconfig.json\n```\n\n#### React Testing Library\n\nWe do not set up `react-testing-library` for you yet, we welcome contributions and documentation on this.\n\n### Rollup\n\nTSDX uses [Rollup](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details.\n\n### TypeScript\n\n`tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.\n\n## Continuous Integration\n\n### GitHub Actions\n\nTwo actions are added by default:\n\n- `main` which installs deps w/ cache, lints, tests, and builds on all pushes against a Node and OS matrix\n- `size` which comments cost comparison of your library on every pull request using [`size-limit`](https://github.com/ai/size-limit)\n\n## Optimizations\n\nPlease see the main `tsdx` [optimizations docs](https://github.com/palmerhq/tsdx#optimizations). In particular, know that you can take advantage of development-only optimizations:\n\n```js\n// ./types/index.d.ts\ndeclare var __DEV__: boolean;\n\n// inside your code...\nif (__DEV__) {\n  console.log('foo');\n}\n```\n\nYou can also choose to install and use [invariant](https://github.com/palmerhq/tsdx#invariant) and [warning](https://github.com/palmerhq/tsdx#warning) functions.\n\n## Module Formats\n\nCJS, ESModules, and UMD module formats are supported.\n\nThe appropriate paths are configured in `package.json` and `dist/index.js` accordingly. Please report if any issues are found.\n\n## Deploying the Example Playground\n\nThe Playground is just a simple [Parcel](https://parceljs.org) app, you can deploy it anywhere you would normally deploy that. Here are some guidelines for **manually** deploying with the Netlify CLI (`npm i -g netlify-cli`):\n\n```bash\ncd example # if not already in the example folder\nnpm run build # builds to dist\nnetlify deploy # deploy the dist folder\n```\n\nAlternatively, if you already have a git repo connected, you can set up continuous deployment with Netlify:\n\n```bash\nnetlify init\n# build command: yarn build && cd example && yarn && yarn build\n# directory to deploy: example/dist\n# pick yes for netlify.toml\n```\n\n## Named Exports\n\nPer Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.\n\n## Including Styles\n\nThere are many ways to ship styles, including with CSS-in-JS. TSDX has no opinion on this, configure how you like.\n\nFor vanilla CSS, you can include it at the root directory and add it to the `files` section in your `package.json`, so that it can be imported separately by your users and run through their bundler's loader.\n\n## Publishing to NPM\n\nWe recommend using [np](https://github.com/sindresorhus/np).\n\n## Usage with Lerna\n\nWhen creating a new package with TSDX within a project set up with Lerna, you might encounter a `Cannot resolve dependency` error when trying to run the `example` project. To fix that you will need to make changes to the `package.json` file _inside the `example` directory_.\n\nThe problem is that due to the nature of how dependencies are installed in Lerna projects, the aliases in the example project's `package.json` might not point to the right place, as those dependencies might have been installed in the root of your Lerna project.\n\nChange the `alias` to point to where those packages are actually installed. This depends on the directory structure of your Lerna project, so the actual path might be different from the diff below.\n\n```diff\n   \"alias\": {\n-    \"react\": \"../node_modules/react\",\n-    \"react-dom\": \"../node_modules/react-dom\"\n+    \"react\": \"../../../node_modules/react\",\n+    \"react-dom\": \"../../../node_modules/react-dom\"\n   },\n```\n\nAn alternative to fixing this problem would be to remove aliases altogether and define the dependencies referenced as aliases as dev dependencies instead. [However, that might cause other problems.](https://github.com/palmerhq/tsdx/issues/64)\n","gitHead":"a5acb85221cd55bdfc98043acb8b64f875d1c062","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.18.1+x64 (linux)","description":"Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.","directories":{},"_nodeVersion":"16.18.1","dependencies":{"postcss":"^8.4.20","@supermojo-official/client-sdk-core":"0.0.1-alpha.7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.7_1671060129466_0.018501010331194445","host":"s3://npm-registry-packages"}},"0.0.1-alpha.8":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.8","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.8","maintainers":[{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"koji-sm","email":"koji@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"000edfa051f9276684d7e031c927989002ec74c7","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.8.tgz","fileCount":13,"integrity":"sha512-90fYKF/cvaGR1foj8e8ce1cEgnPR864mIi++vyePko5hYoAewHBHdZy0JD5JDfqRn3znS4pVR57eqf57E0Lrpw==","signatures":[{"sig":"MEYCIQDuQ/A8k4ZYdnbaUNp0qamkKglbkFpne2q2aRmeMvaLyQIhAPLP2pBU4oWY6SCsaVxFHFhfBdPQg/4JI2EYrsoJxRbt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66431,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjm0OrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrncw/+KbFDgPY+pJhk4dhH/B9LL0Myj0tpYBUDq1IYzt8pyyBVDudv\r\nCb67Q1HCI10thAH/esED1xfFkki/74JY36YeiycCAnCcjgwuGyS7Tbm0KdX7\r\ntTGjYoe07D85NY2guh9jAMo3TZRaFY9hwsdywWbtFIjDhoJz1rx/hIzxWSju\r\n3jpESAfd6MTQo/njJoTAe2p0cDk1JVFJ17F+fx3ZhdfCzWYLcnXDl0KJy8DD\r\nARACWgbrjQ0pZ1MbpAldfkRCiWtVcUGeXdSJOEcW+ydqeFJr5VgaqIGO/ksa\r\ngxXZgJvbRnAlS9uCBy1WFUDz4P+zYaIATBJ1nFbRfzBOcguBLBhDUsF7Y7Pc\r\nACIgnNxOPVUc/xlSq7VJNy3vN1hh5Fu40YBhssQ+F71wiv9MPxQ8XuHhZpSZ\r\njB3YS5vAg1M2WLinBRVYrNecBcDjCE7ladn5K922pseQCy6aXUgjZy2RS2nZ\r\nCWrWMteeR87oVY72kzDxTAKRr4Pt0STbBQuit540rJVjUUVF0P/SW6tI5tnU\r\nzKNjdW8D5bylJUBZMLNb4r1eK8MZFxNl1GRP5fuawQNUGLKHmPvVWRoNiW4/\r\nGTjTszPykQ6Lo+1MolzKJxTjmnWjh2GpT734omf0deshTfshViBzk5TV943k\r\n3qGjR845ni7GTie6jtUciBppXoZmXyecJIA=\r\n=QC/0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","readme":"# TSDX React User Guide\n\nCongrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.\n\n> This TSDX setup is meant for developing React component libraries (not apps!) that can be published to NPM. If you’re looking to build a React-based app, you should use `create-react-app`, `razzle`, `nextjs`, `gatsby`, or `react-static`.\n\n> If you’re new to TypeScript and React, checkout [this handy cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet/)\n\n## Commands\n\nTSDX scaffolds your new library inside `/src`, and also sets up a [Parcel-based](https://parceljs.org) playground for it inside `/example`.\n\nThe recommended workflow is to run TSDX in one terminal:\n\n```bash\nnpm start # or yarn start\n```\n\nThis builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.\n\nThen run the example inside another:\n\n```bash\ncd example\nnpm i # or yarn to install dependencies\nnpm start # or yarn start\n```\n\nThe default example imports and live reloads whatever is in `/dist`, so if you are seeing an out of date component, make sure TSDX is running in watch mode like we recommend above. **No symlinking required**, we use [Parcel's aliasing](https://parceljs.org/module_resolution.html#aliases).\n\nTo do a one-off build, use `npm run build` or `yarn build`.\n\nTo run tests, use `npm test` or `yarn test`.\n\n## Configuration\n\nCode quality is set up for you with `prettier`, `husky`, and `lint-staged`. Adjust the respective fields in `package.json` accordingly.\n\n### Jest\n\nJest tests are set up to run with `npm test` or `yarn test`.\n\n### Bundle analysis\n\nCalculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visulize it with `npm run analyze`.\n\n#### Setup Files\n\nThis is the folder structure we set up for you:\n\n```txt\n/example\n  index.html\n  index.tsx       # test your component here in a demo app\n  package.json\n  tsconfig.json\n/src\n  index.tsx       # EDIT THIS\n/test\n  blah.test.tsx   # EDIT THIS\n.gitignore\npackage.json\nREADME.md         # EDIT THIS\ntsconfig.json\n```\n\n#### React Testing Library\n\nWe do not set up `react-testing-library` for you yet, we welcome contributions and documentation on this.\n\n### Rollup\n\nTSDX uses [Rollup](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details.\n\n### TypeScript\n\n`tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.\n\n## Continuous Integration\n\n### GitHub Actions\n\nTwo actions are added by default:\n\n- `main` which installs deps w/ cache, lints, tests, and builds on all pushes against a Node and OS matrix\n- `size` which comments cost comparison of your library on every pull request using [`size-limit`](https://github.com/ai/size-limit)\n\n## Optimizations\n\nPlease see the main `tsdx` [optimizations docs](https://github.com/palmerhq/tsdx#optimizations). In particular, know that you can take advantage of development-only optimizations:\n\n```js\n// ./types/index.d.ts\ndeclare var __DEV__: boolean;\n\n// inside your code...\nif (__DEV__) {\n  console.log('foo');\n}\n```\n\nYou can also choose to install and use [invariant](https://github.com/palmerhq/tsdx#invariant) and [warning](https://github.com/palmerhq/tsdx#warning) functions.\n\n## Module Formats\n\nCJS, ESModules, and UMD module formats are supported.\n\nThe appropriate paths are configured in `package.json` and `dist/index.js` accordingly. Please report if any issues are found.\n\n## Deploying the Example Playground\n\nThe Playground is just a simple [Parcel](https://parceljs.org) app, you can deploy it anywhere you would normally deploy that. Here are some guidelines for **manually** deploying with the Netlify CLI (`npm i -g netlify-cli`):\n\n```bash\ncd example # if not already in the example folder\nnpm run build # builds to dist\nnetlify deploy # deploy the dist folder\n```\n\nAlternatively, if you already have a git repo connected, you can set up continuous deployment with Netlify:\n\n```bash\nnetlify init\n# build command: yarn build && cd example && yarn && yarn build\n# directory to deploy: example/dist\n# pick yes for netlify.toml\n```\n\n## Named Exports\n\nPer Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.\n\n## Including Styles\n\nThere are many ways to ship styles, including with CSS-in-JS. TSDX has no opinion on this, configure how you like.\n\nFor vanilla CSS, you can include it at the root directory and add it to the `files` section in your `package.json`, so that it can be imported separately by your users and run through their bundler's loader.\n\n## Publishing to NPM\n\nWe recommend using [np](https://github.com/sindresorhus/np).\n\n## Usage with Lerna\n\nWhen creating a new package with TSDX within a project set up with Lerna, you might encounter a `Cannot resolve dependency` error when trying to run the `example` project. To fix that you will need to make changes to the `package.json` file _inside the `example` directory_.\n\nThe problem is that due to the nature of how dependencies are installed in Lerna projects, the aliases in the example project's `package.json` might not point to the right place, as those dependencies might have been installed in the root of your Lerna project.\n\nChange the `alias` to point to where those packages are actually installed. This depends on the directory structure of your Lerna project, so the actual path might be different from the diff below.\n\n```diff\n   \"alias\": {\n-    \"react\": \"../node_modules/react\",\n-    \"react-dom\": \"../node_modules/react-dom\"\n+    \"react\": \"../../../node_modules/react\",\n+    \"react-dom\": \"../../../node_modules/react-dom\"\n   },\n```\n\nAn alternative to fixing this problem would be to remove aliases altogether and define the dependencies referenced as aliases as dev dependencies instead. [However, that might cause other problems.](https://github.com/palmerhq/tsdx/issues/64)\n","gitHead":"73eb92d6b2e62dc51839b844e0d32a1c38f2ca54","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.18.1+x64 (linux)","description":"Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.","directories":{},"_nodeVersion":"16.18.1","dependencies":{"postcss":"^8.4.20","@supermojo-official/client-sdk-core":"0.0.1-alpha.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.8_1671119787368_0.1340776347249646","host":"s3://npm-registry-packages"}},"0.0.1-alpha.9":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.9","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.9","maintainers":[{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"koji-sm","email":"koji@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"d62626c917e44b88c45278f6d3c28a29f09de73a","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.9.tgz","fileCount":14,"integrity":"sha512-T5RaUgpEL0TjzinLWESOjmAgVidgZWLPD+f35lE40Wpb1pzyJSGfdMUPfbPshzk+Nmr4K7XG0oNbVcGRkVB7Zg==","signatures":[{"sig":"MEUCICg8CKj5Knc0pzrmvq7MIIIWzKc2ZwQ36EAlYlzgVBatAiEA43VPyomBwTOWunfqT1QirCIHbfOhHZAu63JhbO1zrFI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":63044,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjm1MoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpfgg//bUhrXtu0geaAwCAm8foL1Xfw/+3D40KvH8+XokS04kX37RDw\r\nMCt1tgM7M2Jc1JuotbV/iHWnDVAkHkyOL6RFmB63T4sgDgGaskm8CIKWvR8t\r\njfWAAA9+Ln9ZGf5jc15D6OnNQYsc/OD7EuAF5CY9ZhG+ZBxQIL58v8jSCAe2\r\nFmEGxRDisZDer1DfHXuubLBACaMdI6VHLemFzaS/oW2an19WM6cYcOP0AZv6\r\nhh94EbpC6TMDHhPyhljLmZ9mvqGGk74blIJrrZ/XO/7G9/aUVmB5ir1zhCyY\r\n8Zw//+Gu9pHoANhsYoyoCijJm5UPbX2ax6Mw7TfdPJwU6hn1a7L/nVyVaLjJ\r\nYjznzhYYivae+Qo6Muu9UuLqkhumsVfR5SwssKtOGnHKX5dSlrSd8STjpRS+\r\nBAPxaYqO827UkP5QNyoTnEEyATYneYc1WViJY2ZK9Y5iRvvOF0u0llA3W3uQ\r\nnjgGPK2CxAIKCNnbZBpZcNCqk0GhwvCifY603KUQDitlgt9xJbfa/debnGcn\r\n80ZuPz+9gVG8E92UuZWfHKWFSN0wZIN52xdsKOAIxbiTpjk9ztqR16GXmHVp\r\nvxs4IG5yWxdONPlaibcgDQyc7phFeas1p+PSVFlKhT3l6jmMqVSEB18McfFF\r\nyfFUOQN53HBbPCwgqOmTSUpHI06DRrgVI9k=\r\n=7fU7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","readme":"# TSDX React User Guide\n\nCongrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.\n\n> This TSDX setup is meant for developing React component libraries (not apps!) that can be published to NPM. If you’re looking to build a React-based app, you should use `create-react-app`, `razzle`, `nextjs`, `gatsby`, or `react-static`.\n\n> If you’re new to TypeScript and React, checkout [this handy cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet/)\n\n## Commands\n\nTSDX scaffolds your new library inside `/src`, and also sets up a [Parcel-based](https://parceljs.org) playground for it inside `/example`.\n\nThe recommended workflow is to run TSDX in one terminal:\n\n```bash\nnpm start # or yarn start\n```\n\nThis builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.\n\nThen run the example inside another:\n\n```bash\ncd example\nnpm i # or yarn to install dependencies\nnpm start # or yarn start\n```\n\nThe default example imports and live reloads whatever is in `/dist`, so if you are seeing an out of date component, make sure TSDX is running in watch mode like we recommend above. **No symlinking required**, we use [Parcel's aliasing](https://parceljs.org/module_resolution.html#aliases).\n\nTo do a one-off build, use `npm run build` or `yarn build`.\n\nTo run tests, use `npm test` or `yarn test`.\n\n## Configuration\n\nCode quality is set up for you with `prettier`, `husky`, and `lint-staged`. Adjust the respective fields in `package.json` accordingly.\n\n### Jest\n\nJest tests are set up to run with `npm test` or `yarn test`.\n\n### Bundle analysis\n\nCalculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visulize it with `npm run analyze`.\n\n#### Setup Files\n\nThis is the folder structure we set up for you:\n\n```txt\n/example\n  index.html\n  index.tsx       # test your component here in a demo app\n  package.json\n  tsconfig.json\n/src\n  index.tsx       # EDIT THIS\n/test\n  blah.test.tsx   # EDIT THIS\n.gitignore\npackage.json\nREADME.md         # EDIT THIS\ntsconfig.json\n```\n\n#### React Testing Library\n\nWe do not set up `react-testing-library` for you yet, we welcome contributions and documentation on this.\n\n### Rollup\n\nTSDX uses [Rollup](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details.\n\n### TypeScript\n\n`tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.\n\n## Continuous Integration\n\n### GitHub Actions\n\nTwo actions are added by default:\n\n- `main` which installs deps w/ cache, lints, tests, and builds on all pushes against a Node and OS matrix\n- `size` which comments cost comparison of your library on every pull request using [`size-limit`](https://github.com/ai/size-limit)\n\n## Optimizations\n\nPlease see the main `tsdx` [optimizations docs](https://github.com/palmerhq/tsdx#optimizations). In particular, know that you can take advantage of development-only optimizations:\n\n```js\n// ./types/index.d.ts\ndeclare var __DEV__: boolean;\n\n// inside your code...\nif (__DEV__) {\n  console.log('foo');\n}\n```\n\nYou can also choose to install and use [invariant](https://github.com/palmerhq/tsdx#invariant) and [warning](https://github.com/palmerhq/tsdx#warning) functions.\n\n## Module Formats\n\nCJS, ESModules, and UMD module formats are supported.\n\nThe appropriate paths are configured in `package.json` and `dist/index.js` accordingly. Please report if any issues are found.\n\n## Deploying the Example Playground\n\nThe Playground is just a simple [Parcel](https://parceljs.org) app, you can deploy it anywhere you would normally deploy that. Here are some guidelines for **manually** deploying with the Netlify CLI (`npm i -g netlify-cli`):\n\n```bash\ncd example # if not already in the example folder\nnpm run build # builds to dist\nnetlify deploy # deploy the dist folder\n```\n\nAlternatively, if you already have a git repo connected, you can set up continuous deployment with Netlify:\n\n```bash\nnetlify init\n# build command: yarn build && cd example && yarn && yarn build\n# directory to deploy: example/dist\n# pick yes for netlify.toml\n```\n\n## Named Exports\n\nPer Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.\n\n## Including Styles\n\nThere are many ways to ship styles, including with CSS-in-JS. TSDX has no opinion on this, configure how you like.\n\nFor vanilla CSS, you can include it at the root directory and add it to the `files` section in your `package.json`, so that it can be imported separately by your users and run through their bundler's loader.\n\n## Publishing to NPM\n\nWe recommend using [np](https://github.com/sindresorhus/np).\n\n## Usage with Lerna\n\nWhen creating a new package with TSDX within a project set up with Lerna, you might encounter a `Cannot resolve dependency` error when trying to run the `example` project. To fix that you will need to make changes to the `package.json` file _inside the `example` directory_.\n\nThe problem is that due to the nature of how dependencies are installed in Lerna projects, the aliases in the example project's `package.json` might not point to the right place, as those dependencies might have been installed in the root of your Lerna project.\n\nChange the `alias` to point to where those packages are actually installed. This depends on the directory structure of your Lerna project, so the actual path might be different from the diff below.\n\n```diff\n   \"alias\": {\n-    \"react\": \"../node_modules/react\",\n-    \"react-dom\": \"../node_modules/react-dom\"\n+    \"react\": \"../../../node_modules/react\",\n+    \"react-dom\": \"../../../node_modules/react-dom\"\n   },\n```\n\nAn alternative to fixing this problem would be to remove aliases altogether and define the dependencies referenced as aliases as dev dependencies instead. [However, that might cause other problems.](https://github.com/palmerhq/tsdx/issues/64)\n","gitHead":"9a13c43a94b1c9e543f88c1d07e20552533e76ad","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.18.1+x64 (linux)","description":"Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.","directories":{},"_nodeVersion":"16.18.1","dependencies":{"cssnano":"^5.1.14","postcss":"^8.4.20","autoprefixer":"^10.4.13","@supermojo-official/client-sdk-core":"0.0.1-alpha.9"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.9_1671123752547_0.34737666893641017","host":"s3://npm-registry-packages"}},"0.0.1-alpha.10":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.10","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.10","maintainers":[{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"koji-sm","email":"koji@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"361efe232d79b7093dd50f105283e73ebc32276a","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.10.tgz","fileCount":13,"integrity":"sha512-mfjWrGumBnKiAvlB+QfyCgvXuFKY7DO+Ve+rw+TNbjgHLSmAPR+7ZGBCZlYd9T6f7Cc0+kb0Mw60WEOqCV9rRg==","signatures":[{"sig":"MEQCIHvZ/RbWhNqD6bG+DnWEvTsoNMGiCZn874N1Vkl+f9fIAiAvPxasEU56c5/jgT6pHg1DplRTre3qTdV+vZzu8NUWEA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":64990,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjm2UkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoLxg//Z7rr2xtJ2zCrX3BhSUDScs8xZLVtDk836mEFGi3NFY/SAckk\r\nm8/aLdVOJ2xB9UmnSvXvuI666o5KEvW4KjXWREUpR5Dbvg9bfHPL3PgTJXbh\r\nElALbBuAC2SKbG5tSINottGc3nrmYgXjGcp9S/+sIYbxx73fXztHMD6JvxBL\r\nNkETVSih184CC/hMuy7yK8k8oIXOwVY0WEzdhbHFTKBiNObZjstEQ4FwCqEA\r\nextzUc4LOkQ1DnMJPRimdEdOUJlEoFD8l2SF5Egy0aEC//UjAzHA7O2JnsY/\r\n6R/SyoRIPN+H9DJY8XWdLMNvYwYxjAbiRHcp8SXWBmBJGIM00xnLXB/1xjNY\r\nThYOqHcnpSXT4fQzAL8JGSA9btHDULUfd3XvP/DGPhZSkpE4JhvJEjeobRNS\r\nUwA7EatsqvZjEj9SCUSgbR5OfDzLVN7bUXsxjlZAYHrmYC3czdhfscNCVQ3Q\r\ndm3pFMdbMi4t9pTG8kdPUvXggMLHIjZE2xKQFBDO6vJwZgFoSE3ZqOPNKHI+\r\nF9tZySftyUG/aN2mWsLRlBEwNXl1tLtZKnAbc90hC9bqLHZdniy2qZElDRnT\r\nwWfZptLgsS7P0gbbLw1BPszqqp0A80NIjNeolbMWtBTFh9FGPsMIZViS3xP9\r\njwrFTVRiZlpod8iqfkfh9pdUtsZmuhZetf4=\r\n=+NjK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","readme":"# TSDX React User Guide\n\nCongrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.\n\n> This TSDX setup is meant for developing React component libraries (not apps!) that can be published to NPM. If you’re looking to build a React-based app, you should use `create-react-app`, `razzle`, `nextjs`, `gatsby`, or `react-static`.\n\n> If you’re new to TypeScript and React, checkout [this handy cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet/)\n\n## Commands\n\nTSDX scaffolds your new library inside `/src`, and also sets up a [Parcel-based](https://parceljs.org) playground for it inside `/example`.\n\nThe recommended workflow is to run TSDX in one terminal:\n\n```bash\nnpm start # or yarn start\n```\n\nThis builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.\n\nThen run the example inside another:\n\n```bash\ncd example\nnpm i # or yarn to install dependencies\nnpm start # or yarn start\n```\n\nThe default example imports and live reloads whatever is in `/dist`, so if you are seeing an out of date component, make sure TSDX is running in watch mode like we recommend above. **No symlinking required**, we use [Parcel's aliasing](https://parceljs.org/module_resolution.html#aliases).\n\nTo do a one-off build, use `npm run build` or `yarn build`.\n\nTo run tests, use `npm test` or `yarn test`.\n\n## Configuration\n\nCode quality is set up for you with `prettier`, `husky`, and `lint-staged`. Adjust the respective fields in `package.json` accordingly.\n\n### Jest\n\nJest tests are set up to run with `npm test` or `yarn test`.\n\n### Bundle analysis\n\nCalculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visulize it with `npm run analyze`.\n\n#### Setup Files\n\nThis is the folder structure we set up for you:\n\n```txt\n/example\n  index.html\n  index.tsx       # test your component here in a demo app\n  package.json\n  tsconfig.json\n/src\n  index.tsx       # EDIT THIS\n/test\n  blah.test.tsx   # EDIT THIS\n.gitignore\npackage.json\nREADME.md         # EDIT THIS\ntsconfig.json\n```\n\n#### React Testing Library\n\nWe do not set up `react-testing-library` for you yet, we welcome contributions and documentation on this.\n\n### Rollup\n\nTSDX uses [Rollup](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details.\n\n### TypeScript\n\n`tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.\n\n## Continuous Integration\n\n### GitHub Actions\n\nTwo actions are added by default:\n\n- `main` which installs deps w/ cache, lints, tests, and builds on all pushes against a Node and OS matrix\n- `size` which comments cost comparison of your library on every pull request using [`size-limit`](https://github.com/ai/size-limit)\n\n## Optimizations\n\nPlease see the main `tsdx` [optimizations docs](https://github.com/palmerhq/tsdx#optimizations). In particular, know that you can take advantage of development-only optimizations:\n\n```js\n// ./types/index.d.ts\ndeclare var __DEV__: boolean;\n\n// inside your code...\nif (__DEV__) {\n  console.log('foo');\n}\n```\n\nYou can also choose to install and use [invariant](https://github.com/palmerhq/tsdx#invariant) and [warning](https://github.com/palmerhq/tsdx#warning) functions.\n\n## Module Formats\n\nCJS, ESModules, and UMD module formats are supported.\n\nThe appropriate paths are configured in `package.json` and `dist/index.js` accordingly. Please report if any issues are found.\n\n## Deploying the Example Playground\n\nThe Playground is just a simple [Parcel](https://parceljs.org) app, you can deploy it anywhere you would normally deploy that. Here are some guidelines for **manually** deploying with the Netlify CLI (`npm i -g netlify-cli`):\n\n```bash\ncd example # if not already in the example folder\nnpm run build # builds to dist\nnetlify deploy # deploy the dist folder\n```\n\nAlternatively, if you already have a git repo connected, you can set up continuous deployment with Netlify:\n\n```bash\nnetlify init\n# build command: yarn build && cd example && yarn && yarn build\n# directory to deploy: example/dist\n# pick yes for netlify.toml\n```\n\n## Named Exports\n\nPer Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.\n\n## Including Styles\n\nThere are many ways to ship styles, including with CSS-in-JS. TSDX has no opinion on this, configure how you like.\n\nFor vanilla CSS, you can include it at the root directory and add it to the `files` section in your `package.json`, so that it can be imported separately by your users and run through their bundler's loader.\n\n## Publishing to NPM\n\nWe recommend using [np](https://github.com/sindresorhus/np).\n\n## Usage with Lerna\n\nWhen creating a new package with TSDX within a project set up with Lerna, you might encounter a `Cannot resolve dependency` error when trying to run the `example` project. To fix that you will need to make changes to the `package.json` file _inside the `example` directory_.\n\nThe problem is that due to the nature of how dependencies are installed in Lerna projects, the aliases in the example project's `package.json` might not point to the right place, as those dependencies might have been installed in the root of your Lerna project.\n\nChange the `alias` to point to where those packages are actually installed. This depends on the directory structure of your Lerna project, so the actual path might be different from the diff below.\n\n```diff\n   \"alias\": {\n-    \"react\": \"../node_modules/react\",\n-    \"react-dom\": \"../node_modules/react-dom\"\n+    \"react\": \"../../../node_modules/react\",\n+    \"react-dom\": \"../../../node_modules/react-dom\"\n   },\n```\n\nAn alternative to fixing this problem would be to remove aliases altogether and define the dependencies referenced as aliases as dev dependencies instead. [However, that might cause other problems.](https://github.com/palmerhq/tsdx/issues/64)\n","gitHead":"070dae372ad5ba1e1fcfa9d53efe98149c61acaf","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.18.1+x64 (linux)","description":"Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.","directories":{},"_nodeVersion":"16.18.1","dependencies":{"postcss":"^8.4.20","@supermojo-official/client-sdk-core":"0.0.1-alpha.10"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.10_1671128355950_0.40200189774017936","host":"s3://npm-registry-packages"}},"0.0.1-alpha.11":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.11","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.11","maintainers":[{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"koji-sm","email":"koji@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"9b595cc2fa4c8201767be0a5cf58f6a55b859400","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.11.tgz","fileCount":13,"integrity":"sha512-HD4zSlCaexYrsDDHRKafT8ZpASgfEcCZFolS4/xA2nQaYLpOVeG75Wi+vJHLczcB6lz0UgVQATpBM8B0oLT9zw==","signatures":[{"sig":"MEQCIC/gK5p05u4Mzj5WQjKTkEP/1KKWAtmlkZNcwlzFATi5AiBbF/zkNqvQ66HhsHPlpp7FRO7Dl9GLOcnUM9x6ACkpdA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":64990,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjnJU1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpi5A//ZoXZEr3F9IxRwW8LwqBZS8oJjqyIFKPO/b90edikAy88Pf8w\r\nriqWqKA9CJ1awRQdFK8SVwuIiZjAxuiqqX/4EI9q13bepBjOxyuXdRnOt0eP\r\n3V06ojs9oyZYOJYQm2NOO4OfvO9vM7YFoGRkAHy46wMoy8tXe6RJRg5UT/iJ\r\nm08A+MbNsGvYgRkR9ANNSltVQJGp4WWK0DI+bKKFPpn952rtUYqfGeExMrUI\r\nRstDcGcML7cjrxI6K9H67RLjVSiwz/LamgVWEcBdFCEq/HkvJ7fRDxdf20tW\r\nsN2sDdPDVPbR2NdwaPlhnfZq3KAJY0G3OpBeHpfx/jAsFWRop8YxTRpxHI95\r\n1R656UDb98Gn/sI+O+QWFUGw4anBBAw7iOk7gwq9JsK+9+CTf4w3lswdJhAf\r\nEqJ9UnLkSGEA19a3V3wFSFQRctQkoue5GS4Oebn3OI+n4uj2fsbBW99zNKLH\r\nbapSnG8z8ig5Z79H9JcXmFAqyt4YY9PpGddR0hyGuc8BEbW+WYTL8ZPYQ0Pu\r\nxNbPLN35svyXOCU5WVAwDDFoOmH7Mipqa68o6iimXnyhmxjQqcmlADVytfYV\r\nZQaYdWX4FZnVnCX4gFT1SaoYSmgwsCvm9Dr9rSMtl/2meJkW+GCL+zg2h9T0\r\navDSZ0lX69DslpNcAMMJv1kCDDhdD2CRASA=\r\n=Zntg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","readme":"# TSDX React User Guide\n\nCongrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.\n\n> This TSDX setup is meant for developing React component libraries (not apps!) that can be published to NPM. If you’re looking to build a React-based app, you should use `create-react-app`, `razzle`, `nextjs`, `gatsby`, or `react-static`.\n\n> If you’re new to TypeScript and React, checkout [this handy cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet/)\n\n## Commands\n\nTSDX scaffolds your new library inside `/src`, and also sets up a [Parcel-based](https://parceljs.org) playground for it inside `/example`.\n\nThe recommended workflow is to run TSDX in one terminal:\n\n```bash\nnpm start # or yarn start\n```\n\nThis builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.\n\nThen run the example inside another:\n\n```bash\ncd example\nnpm i # or yarn to install dependencies\nnpm start # or yarn start\n```\n\nThe default example imports and live reloads whatever is in `/dist`, so if you are seeing an out of date component, make sure TSDX is running in watch mode like we recommend above. **No symlinking required**, we use [Parcel's aliasing](https://parceljs.org/module_resolution.html#aliases).\n\nTo do a one-off build, use `npm run build` or `yarn build`.\n\nTo run tests, use `npm test` or `yarn test`.\n\n## Configuration\n\nCode quality is set up for you with `prettier`, `husky`, and `lint-staged`. Adjust the respective fields in `package.json` accordingly.\n\n### Jest\n\nJest tests are set up to run with `npm test` or `yarn test`.\n\n### Bundle analysis\n\nCalculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visulize it with `npm run analyze`.\n\n#### Setup Files\n\nThis is the folder structure we set up for you:\n\n```txt\n/example\n  index.html\n  index.tsx       # test your component here in a demo app\n  package.json\n  tsconfig.json\n/src\n  index.tsx       # EDIT THIS\n/test\n  blah.test.tsx   # EDIT THIS\n.gitignore\npackage.json\nREADME.md         # EDIT THIS\ntsconfig.json\n```\n\n#### React Testing Library\n\nWe do not set up `react-testing-library` for you yet, we welcome contributions and documentation on this.\n\n### Rollup\n\nTSDX uses [Rollup](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details.\n\n### TypeScript\n\n`tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.\n\n## Continuous Integration\n\n### GitHub Actions\n\nTwo actions are added by default:\n\n- `main` which installs deps w/ cache, lints, tests, and builds on all pushes against a Node and OS matrix\n- `size` which comments cost comparison of your library on every pull request using [`size-limit`](https://github.com/ai/size-limit)\n\n## Optimizations\n\nPlease see the main `tsdx` [optimizations docs](https://github.com/palmerhq/tsdx#optimizations). In particular, know that you can take advantage of development-only optimizations:\n\n```js\n// ./types/index.d.ts\ndeclare var __DEV__: boolean;\n\n// inside your code...\nif (__DEV__) {\n  console.log('foo');\n}\n```\n\nYou can also choose to install and use [invariant](https://github.com/palmerhq/tsdx#invariant) and [warning](https://github.com/palmerhq/tsdx#warning) functions.\n\n## Module Formats\n\nCJS, ESModules, and UMD module formats are supported.\n\nThe appropriate paths are configured in `package.json` and `dist/index.js` accordingly. Please report if any issues are found.\n\n## Deploying the Example Playground\n\nThe Playground is just a simple [Parcel](https://parceljs.org) app, you can deploy it anywhere you would normally deploy that. Here are some guidelines for **manually** deploying with the Netlify CLI (`npm i -g netlify-cli`):\n\n```bash\ncd example # if not already in the example folder\nnpm run build # builds to dist\nnetlify deploy # deploy the dist folder\n```\n\nAlternatively, if you already have a git repo connected, you can set up continuous deployment with Netlify:\n\n```bash\nnetlify init\n# build command: yarn build && cd example && yarn && yarn build\n# directory to deploy: example/dist\n# pick yes for netlify.toml\n```\n\n## Named Exports\n\nPer Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.\n\n## Including Styles\n\nThere are many ways to ship styles, including with CSS-in-JS. TSDX has no opinion on this, configure how you like.\n\nFor vanilla CSS, you can include it at the root directory and add it to the `files` section in your `package.json`, so that it can be imported separately by your users and run through their bundler's loader.\n\n## Publishing to NPM\n\nWe recommend using [np](https://github.com/sindresorhus/np).\n\n## Usage with Lerna\n\nWhen creating a new package with TSDX within a project set up with Lerna, you might encounter a `Cannot resolve dependency` error when trying to run the `example` project. To fix that you will need to make changes to the `package.json` file _inside the `example` directory_.\n\nThe problem is that due to the nature of how dependencies are installed in Lerna projects, the aliases in the example project's `package.json` might not point to the right place, as those dependencies might have been installed in the root of your Lerna project.\n\nChange the `alias` to point to where those packages are actually installed. This depends on the directory structure of your Lerna project, so the actual path might be different from the diff below.\n\n```diff\n   \"alias\": {\n-    \"react\": \"../node_modules/react\",\n-    \"react-dom\": \"../node_modules/react-dom\"\n+    \"react\": \"../../../node_modules/react\",\n+    \"react-dom\": \"../../../node_modules/react-dom\"\n   },\n```\n\nAn alternative to fixing this problem would be to remove aliases altogether and define the dependencies referenced as aliases as dev dependencies instead. [However, that might cause other problems.](https://github.com/palmerhq/tsdx/issues/64)\n","gitHead":"e64b2f8eebcb85bbb17da19a540d74a0f5177a32","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.18.1+x64 (linux)","description":"Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.","directories":{},"_nodeVersion":"16.18.1","dependencies":{"postcss":"^8.4.20","@supermojo-official/client-sdk-core":"0.0.1-alpha.11"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.11_1671206197386_0.4223026882872458","host":"s3://npm-registry-packages"}},"0.0.1-alpha.12":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.12","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.12","maintainers":[{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"koji-sm","email":"koji@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"9cd1bf944b8679ed7217262f3011fbc30b1f7b9f","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.12.tgz","fileCount":13,"integrity":"sha512-3545+gz2G6XuWcYeRaWIskPtnxG9v+pJ9jtf6tFunkSOPUDwGD8keNSNh67+PK67/G7HOvtMP6NPYiasSGxdTw==","signatures":[{"sig":"MEUCIQDxLjfiCapLZOtfkm+sUL4sndGoCFQYc6ahvZSBWsiwYQIgU5gqWkihL5SCi2C28ws2qF9zytve/GqO239nkgXB7MY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65086,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjnKLrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpW3A//areXTPFQKoPzx3NqqV8ptSnQpihpB/uLkv3NPqWTf76MKCKP\r\nf2BqYx0ZAFWxseicZ8ZHasBs9VNIds+nPDwruS96rov0Sntn3OSxUCorb9jV\r\n6yPfu8WBQh4TGJ8qZyxfcKy52w/n9W8CnEJboXvj6m0iGup0jeDfxC0135UV\r\nYxPoZNwfgT8/jW1ENwfgFJ+rxuMB1fms43/NFwJMxj3vlsGAfPdgbJju/XpG\r\nzvdqh+t/Ur/x7KhlJJqmYuJNgDSIdgRW29h8ZwbC+V/QDT9MouhG50ds00+a\r\nZfn+IupWm3Je7s6mlbYYk7Wdei+Md0acz9pDQPDbwfQ2v6CXXOa/feabhKRJ\r\nc2oLctoCdN9GSlNeZYaRnOPq/g14hpB0pS0achrhpBBfg4ThXTXuecpU+gnd\r\ni/PdWKrro+o3J7dufunR6LjvPQ0fSP0YDh2TNP8cBb8suskIvApRW2efoqq/\r\nDfajIEB9IwRDH6SuCE9Tk8KKVDPhqtOXaFP/9U/HV2w7gY2jY5pFtRy/8PJ9\r\nt5igMI0QgYfDw/l4Lb3FBdvrXX4ZePWh4FqEdvylLvuA8+IlhCOTlkk4vNo2\r\nAER+L3FMwEHeuRLQrl/qcceSk4DjjCdJ/3vpSVqxGCtsdVCmjrjvIaw8B9Qx\r\nhFa9N9XBGtHqABD/IoRejcS41c6PsAYNiUs=\r\n=pLQd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","readme":"# TSDX React User Guide\n\nCongrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.\n\n> This TSDX setup is meant for developing React component libraries (not apps!) that can be published to NPM. If you’re looking to build a React-based app, you should use `create-react-app`, `razzle`, `nextjs`, `gatsby`, or `react-static`.\n\n> If you’re new to TypeScript and React, checkout [this handy cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet/)\n\n## Commands\n\nTSDX scaffolds your new library inside `/src`, and also sets up a [Parcel-based](https://parceljs.org) playground for it inside `/example`.\n\nThe recommended workflow is to run TSDX in one terminal:\n\n```bash\nnpm start # or yarn start\n```\n\nThis builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.\n\nThen run the example inside another:\n\n```bash\ncd example\nnpm i # or yarn to install dependencies\nnpm start # or yarn start\n```\n\nThe default example imports and live reloads whatever is in `/dist`, so if you are seeing an out of date component, make sure TSDX is running in watch mode like we recommend above. **No symlinking required**, we use [Parcel's aliasing](https://parceljs.org/module_resolution.html#aliases).\n\nTo do a one-off build, use `npm run build` or `yarn build`.\n\nTo run tests, use `npm test` or `yarn test`.\n\n## Configuration\n\nCode quality is set up for you with `prettier`, `husky`, and `lint-staged`. Adjust the respective fields in `package.json` accordingly.\n\n### Jest\n\nJest tests are set up to run with `npm test` or `yarn test`.\n\n### Bundle analysis\n\nCalculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visulize it with `npm run analyze`.\n\n#### Setup Files\n\nThis is the folder structure we set up for you:\n\n```txt\n/example\n  index.html\n  index.tsx       # test your component here in a demo app\n  package.json\n  tsconfig.json\n/src\n  index.tsx       # EDIT THIS\n/test\n  blah.test.tsx   # EDIT THIS\n.gitignore\npackage.json\nREADME.md         # EDIT THIS\ntsconfig.json\n```\n\n#### React Testing Library\n\nWe do not set up `react-testing-library` for you yet, we welcome contributions and documentation on this.\n\n### Rollup\n\nTSDX uses [Rollup](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details.\n\n### TypeScript\n\n`tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.\n\n## Continuous Integration\n\n### GitHub Actions\n\nTwo actions are added by default:\n\n- `main` which installs deps w/ cache, lints, tests, and builds on all pushes against a Node and OS matrix\n- `size` which comments cost comparison of your library on every pull request using [`size-limit`](https://github.com/ai/size-limit)\n\n## Optimizations\n\nPlease see the main `tsdx` [optimizations docs](https://github.com/palmerhq/tsdx#optimizations). In particular, know that you can take advantage of development-only optimizations:\n\n```js\n// ./types/index.d.ts\ndeclare var __DEV__: boolean;\n\n// inside your code...\nif (__DEV__) {\n  console.log('foo');\n}\n```\n\nYou can also choose to install and use [invariant](https://github.com/palmerhq/tsdx#invariant) and [warning](https://github.com/palmerhq/tsdx#warning) functions.\n\n## Module Formats\n\nCJS, ESModules, and UMD module formats are supported.\n\nThe appropriate paths are configured in `package.json` and `dist/index.js` accordingly. Please report if any issues are found.\n\n## Deploying the Example Playground\n\nThe Playground is just a simple [Parcel](https://parceljs.org) app, you can deploy it anywhere you would normally deploy that. Here are some guidelines for **manually** deploying with the Netlify CLI (`npm i -g netlify-cli`):\n\n```bash\ncd example # if not already in the example folder\nnpm run build # builds to dist\nnetlify deploy # deploy the dist folder\n```\n\nAlternatively, if you already have a git repo connected, you can set up continuous deployment with Netlify:\n\n```bash\nnetlify init\n# build command: yarn build && cd example && yarn && yarn build\n# directory to deploy: example/dist\n# pick yes for netlify.toml\n```\n\n## Named Exports\n\nPer Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.\n\n## Including Styles\n\nThere are many ways to ship styles, including with CSS-in-JS. TSDX has no opinion on this, configure how you like.\n\nFor vanilla CSS, you can include it at the root directory and add it to the `files` section in your `package.json`, so that it can be imported separately by your users and run through their bundler's loader.\n\n## Publishing to NPM\n\nWe recommend using [np](https://github.com/sindresorhus/np).\n\n## Usage with Lerna\n\nWhen creating a new package with TSDX within a project set up with Lerna, you might encounter a `Cannot resolve dependency` error when trying to run the `example` project. To fix that you will need to make changes to the `package.json` file _inside the `example` directory_.\n\nThe problem is that due to the nature of how dependencies are installed in Lerna projects, the aliases in the example project's `package.json` might not point to the right place, as those dependencies might have been installed in the root of your Lerna project.\n\nChange the `alias` to point to where those packages are actually installed. This depends on the directory structure of your Lerna project, so the actual path might be different from the diff below.\n\n```diff\n   \"alias\": {\n-    \"react\": \"../node_modules/react\",\n-    \"react-dom\": \"../node_modules/react-dom\"\n+    \"react\": \"../../../node_modules/react\",\n+    \"react-dom\": \"../../../node_modules/react-dom\"\n   },\n```\n\nAn alternative to fixing this problem would be to remove aliases altogether and define the dependencies referenced as aliases as dev dependencies instead. [However, that might cause other problems.](https://github.com/palmerhq/tsdx/issues/64)\n","gitHead":"5a339cd60d3a111c282408a40259fe8fc4fdd304","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.18.1+x64 (linux)","description":"Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.","directories":{},"_nodeVersion":"16.18.1","dependencies":{"postcss":"^8.4.20","@supermojo-official/client-sdk-core":"0.0.1-alpha.12"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.12_1671209707024_0.7330539363388542","host":"s3://npm-registry-packages"}},"0.0.1-alpha.13":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.13","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.13","maintainers":[{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"koji-sm","email":"koji@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"9e50e6b998ae7ac2e5052f8a148ffbfe270a42b6","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.13.tgz","fileCount":13,"integrity":"sha512-YUHwTcMeU4lueLjfHcCw29BkMUzcXnNkYGEAAy1j7Ia9Q3QzzUrOKdpoNIjJ9hp2RL5d3dkB4Yyxhp6i1QvwnA==","signatures":[{"sig":"MEUCIGSd2HEvktaNn14wxV+DspURMkSotlr8/8Su0oslAk34AiEAo8pri6SDiG/gwQnFyAXoKuVfR2DarFG0rzpbMREd6UE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59040,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjnM+dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp2rg/9FRFB8+Sc3IOKr88aHnstLsVVsIvGGcfaiIEoXmncS6E69DRh\r\nz8Y+1WweTlFIrXqCUq8h+mwfH/teBqixOSukPbH1/mP+725jmQGNmMh51dyP\r\nvYmqBp0xawVNcGYSG+e3kuF08KF1WMWps9Tc5rbyz1m9E3fTBVUJYEc5B/vk\r\nyvKvgU9TGmy9iMLxGyU7pqCrlsV9wdrIVQ1Re+F6eEwafleFT8dWbSQoVSak\r\njPmSm+M9uzBQ/0oSYzyi+L4+DWWJy2TkAnix7jfCZT9k0V3/vshmRbGAsTUS\r\nVpQoMvinUMtbdYXTSoO5NZErZibXflzrhqVDp4rSMApAqnMRc+JVWChARX5W\r\nNkdlJCuzrAe/SQdBQm9f2T4r0J+dwnpFY2BIutsLoZzdfzgIuA2Ba7eG8/RK\r\noBipp29c2RpnYFUnb1UBTKA6RJ5rHnIcSWAgjUaJewx5fMBfyvlWbDeYU2L4\r\nL59yjCGPynL4Iwp20CGBapBSiPxKPqRtF+f1Hdbq4tsThSoFZxlSAwIi4hwU\r\n16Ff7GbpUK3luJw87maJVYYXg+NlInCrPLva99ww7KVwSyPLruPMJpdbxUE9\r\neKkkf3FTGdhgG3EO9up6LMyUKKdN+K1KgJU548KWtkV7AOiR+BTGCal25rAM\r\nHIKoVLTyrR7w9Pa/AT5kjeyVXQ9trJ7HgV4=\r\n=IOVF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","readme":"# @supermojo-official/client-sdk-react\n\nYou can see the full documentation at [docs.supermojo.com](https://docs.supermojo.com/).\n","gitHead":"930aa7a9277a00240007d956cbc29126af0cfeb5","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.18.1+x64 (linux)","description":"You can see the full documentation at [docs.supermojo.com](https://docs.supermojo.com/).","directories":{},"_nodeVersion":"16.18.1","dependencies":{"postcss":"^8.4.20","@supermojo-official/client-sdk-core":"0.0.1-alpha.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.13_1671221149479_0.7840645672241711","host":"s3://npm-registry-packages"}},"0.0.1-alpha.14":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.14","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.14","maintainers":[{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"koji-sm","email":"koji@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"9b34d2a2efb257ff3840b958747b4677200e040c","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.14.tgz","fileCount":13,"integrity":"sha512-wNa9HTrNzEFZIs/JDkvRyZc5guubP4CMJGpjCiV6A3ayMbKTm6+4jkpf8xWMiStb7Y55VRf43/SJ1DhMkVlgxg==","signatures":[{"sig":"MEUCIEM2rLQtJVtRzsunHoRuWDE2Gvr2zUhQFcCkTVSSsfLvAiEAn5BLBwgR0uQd7VW3TY9nhsaN1qOqI3ZoJPw6G0E0NbY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59040,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjnN/RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9DhAAm6rH547dfOpBxMeOA6Vh8HXu91bweD8Zbv/ALkBHzk8m9tQC\r\n4c8ZdaiEmJ2HqlWcLzW6d488LBh19rlNoapPqrBrIO03twV83ehjg5Olw8af\r\nxK9+VftQYevH0yPwiTtoJ0IkxxkBO7Zo+s5r+91ENO+1NwC+UQqLH6PEjhqO\r\nL6ce71CEjC3x3sClVfEJMJuJe7gC2mQvz1PZGzwU8LGlpN27/y0s/CV3dCZ5\r\nAhbFKpl6ac9WutluHygDHBCZVC0MZNHL6EYuHWnMTP4wyqMnzokEpkqIKDtU\r\n2LYL95V7YKuJeC694/JKMNVmssb2g1f3IP3uWNAC6KzrEe0zfA93AjJLw/EK\r\nRyDAzwaCymDf0nzYohcCQJ61dGfxsuhaOJ9iq7mrGFeJG5xTvMbUo7Z2jl30\r\nFYde1C5Xvt6U/f3qTxaypQG383eB7PttbDnijk+TJPRy76YLHu2bgslZ0sP5\r\nNfuE/XqOy//SacIalmH/4VLtdZWFtzBosPIWd+Y5cwPDGbHznbipZIfylGkz\r\nUzQhsNUz5YHMwAUwWC4WU3Xm1TLxWfvP6o3mF9GssBDFZhCD9C9kKytTux1M\r\nO1mi/omb3UXS7vFzklJpyR6e7wfThLdABoCeASyktROnxdCRKNMSoxwTjX8d\r\n4VQ4RYwheGX0sVPGzta4wZURPRVtsWy8w/8=\r\n=44xG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","readme":"# @supermojo-official/client-sdk-react\n\nYou can see the full documentation at [docs.supermojo.com](https://docs.supermojo.com/).\n","gitHead":"e612a81af72bcd0915a633ef39ad7f9be46535af","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.18.1+x64 (linux)","description":"You can see the full documentation at [docs.supermojo.com](https://docs.supermojo.com/).","directories":{},"_nodeVersion":"16.18.1","dependencies":{"postcss":"^8.4.20","@supermojo-official/client-sdk-core":"0.0.1-alpha.14"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.14_1671225297269_0.2181516369675891","host":"s3://npm-registry-packages"}},"0.0.1-alpha.15":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.15","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.15","maintainers":[{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"77e0c246632f4e528c1a0080db959370f761991f","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.15.tgz","fileCount":13,"integrity":"sha512-OrMgAAjxDi5veq6l3LQmtMdTbHfRpA4AqWfSYWUjBcM8/qFpLILvxFNQwcd6Mo02CUIyjdkrsgNQyHDtxZN8xw==","signatures":[{"sig":"MEUCIQCrvFBaB6i0ZxRCrra17Wq5K37cnAJa04MTRyidI3AMcgIgCqifDCuo7tXeozButC9BkB9av7IrOYssLljXStyXYg4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":61109,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjoPOiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolYQ//em1pkQ5Rq5ArBa2fr2VU/xKYgz4Eb8Mzv3pRR3ixVCLKKpvl\r\nFaQRiMkl4c0r1/ssOrMibT2+dHvt7NdHhMHh6xuRzpFeN1S1fLLtOWtDg8Td\r\npxcvACcar/fJxEqjr8SWttjYSiHi+87bSItd7x0tD3R/x+iaAqyztFbi4YLn\r\n+2n7UGYsESsSuAveKCEr8GqUQXmlUnbJ4GvbXWTspVNdqurMp3VMKoX2w6dS\r\nG9eLNRil9m9TMzSB7A1Sw4AIegTSo39aQgNOvWlHekaQPbg+/yFzn5OBPI1u\r\nBvk/LOJol1Dvmi0qUXX4wMpUEVj/XjNOsMpO+ktFXqOuqzYV499u6VipMakf\r\nxzAxE3fwTxGGeiH5GNAPDOW8ht0PGP1AWpPzKB7738OHITOXbDARv15njCYL\r\nIHczwjyA0BU+R56zKiE34Jn+/XQ5udBu0EVxtoHDtkVyjLOFCYuAvncxcart\r\nROXe03cL/PcINAbau+SIo513PlSwXaCyYLveBBmUiG7GkSBmUn4aLojBgweP\r\nFNFAfQaU+M8z2DOqWevZJEvLfX7O3jE/Xo90owpeM20iVgg5QH7yp6wzxMkk\r\nXmL9PW/usUaLdnvxU2gVG7qQaGROVYXSHikibPLbO+ZyMar5k3RtHz1t0MBy\r\nm+CSGfVvk3ttQmoDHj82bJ2a+znsLHvKbiE=\r\n=jHnA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"f0449661495989a46142b4d142a4abcbb7ed156d","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.18.1+x64 (linux)","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.18.1","dependencies":{"postcss":"^8.4.20","@supermojo-official/client-sdk-core":"0.0.1-alpha.15"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.15_1671492514465_0.3161870662483266","host":"s3://npm-registry-packages"}},"0.0.1-alpha.16":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.16","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.16","maintainers":[{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"ec46adb0cc3bd345b4c80b877cae85a89088333c","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.16.tgz","fileCount":13,"integrity":"sha512-UDsz6OpQJN11S0vH0FaU9GSsRLrxwLjzjacAalULfi959HuAu7ewEkL/5MYiKb1BtEJD5gqLGlwD2CJOJfvDBg==","signatures":[{"sig":"MEYCIQCny/2ED64LRCnYaOGXz0L/QNSDnQ1+Lu03+7WBLnRyhgIhAOw6JQQ6+mZwstPDt3DUt1Hu42NGtJnxUsGe+nL22F9F","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":61143,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtZXOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqyig/+OUpoiAk03NErOsypcIeW+6qamVAmOhFRog+P1I9OEkInnNSD\r\n2teeILaUexl31CxOQZBbeewh4ApR8ctZOCa3uxdDX+wo8yts3bGeLu28NgdW\r\nOCKmNfxiu+gZD9J977oiYl9XfF59IdZhc/6Dv3zVlOpAat8V5Xg6ciFonw2l\r\nDhfxnrR9i1YJ1dwleX42buOW0Bpr9wTabM5YiJQBGmxUzmFdhKYU+gmrKkc1\r\nQ1p7KCmLIjkCe/L/7PJd80nwpV6IBgjhJ+bzu8QW1Uq8qOlKS+j1SwxwVdIq\r\nGf7hX1s5+Hr0x86XYFABY43RMrZC0gG+guJq1BNLy6Xd2rjkYTdciwBKXpcT\r\n05/pKlERaUPJLE/YQXJNID78BHCozpywJTuTTkBSv1mepslowG5wuvmULvOz\r\nH69VIssyyq5M4/rK+Mlnja+bZF7p/Wv4ebFH307nlndvjt9BJ2aV4RXTcOvc\r\n2LgV1PlszEtY+mPQmTPV/CYw5Vg8TLV2n46bpWdpIglGlKBPifYMmNpomvFv\r\nyHjc40rFeMjSpcc3tR/HboB1e5uCyVaEhtK8x12U6Dv+CQPjp92N67bHmi15\r\nld7VOd4HAL9So6QrFKcVJxCdc1mDFTeIuQQS0B2I6flda0YfZME6Jr/h3rxl\r\nTWfF9yoD3pI6EzR/mW9b8TvuyH1IPS0VAbI=\r\n=7u0P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","readme":"# @supermojo-official/client-sdk-react\n\nSupermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Supermojo' button for a seamless card on-ramp experience.\n\nIt's best to checkout the full documentation at [docs.supermojo.com](https://docs.supermojo.com/). For a quick start guide, read on. \n\n- [Prerequisities](#prerequisities)\n- [Showcase marketplace](#showcase)\n- [React SDK Usage](#reactsdk)\n- [License](#license)\n\n------------------\n<a name=\"prerequisities\"></a>\n### Prerequisites\n\n```\nNode v16.15.0\nNPM 8.5.0\nIDE (eg. Visual Studio Code)\n```\n\n<a name=\"showcase\"></a>\n### Showcase marketplace\n\nYou can also checkout a [Showcase] marketplace for example usage. (https://marketplace.supermojo.xyz/)\n\n<a name=\"reactsdk\"></a>\n#### React SDK Usage\n\n1. You will need to contact <partners@supermojo.com> to receive a ```ClientID```\n\n2. Once you receive a ```ClientID```, you can start to integrate the SDK into your marketplace frontend.\n\nFirst install the SDK\n```\nnpm install @supermojo-official/client-sdk-react\n```\nThen, import the package\n```javascript\nimport { SupermojoPayButton } from '@supermojo-official/client-sdk-react';\n```\nFinally render the 'Pay with Supermojo' button\n```javascript\n<SupermojoPayButton\n    contractAddress=\"CONTACT_ADDRESS\"\n    tokenId=\"TOKEN_ID\"\n    clientId=\"YOUR_CLIENT_ID\"\n    targetEnv=\"qa\" //optional\n/>\n```\n\n| Parameter | Required? | Default | Type | Description\n|:---|:---:|:---|:---|:---|\n| clientId | Yes | `\"` | `string` | Set ClientId provided by the Supermojo team|\n| contractAddress | Yes | `-` | `string` | Purchase Contract address, supplied by the Marketplace | \n| tokenId | Yes| `\"\"` | `string` |NFT token ID, supplied by the Marketplace |\n| targetEnv | No | `\"` | `string` | Pick between [local / demo / qa / uat] environments|\n\nIf you need to use a vanilla-JS SDK instead, reach out to the Supermojo team <partners@supermojo.com>.\n\n<a name=\"license\"></a>\n### License\n\nThis software is released under the [MIT](https://opensource.org/licenses/MIT) license.\n","gitHead":"a62577c006f66d79fc7a60418b030be23dc675a6","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.18.1+x64 (linux)","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.18.1","dependencies":{"postcss":"^8.4.20","@supermojo-official/client-sdk-core":"0.0.1-alpha.16"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.16_1672844750558_0.4049922712111824","host":"s3://npm-registry-packages"}},"0.0.1-alpha.17":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.17","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.17","maintainers":[{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"f6db261fd3e186c42dc9eaf3292a309e811b5ced","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.17.tgz","fileCount":13,"integrity":"sha512-N8/ZHhumRUwWy8BrVCtmIjlxiNbfN4OEvWk/WFHGhr+rgxEZnRLPkcChnl/4QNuBQS4lkO4bBvWEJxKglSAEbQ==","signatures":[{"sig":"MEUCIECeuAkHTDjiJiFZTiLPwEQigfFIkFXbd7FmJ0b+scKvAiEA4k6z+bGkIw/N6CTl2S4VKdL9f4TS0SCTLWObcQZ2Wp8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12237,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwENRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRJRAAkbmii/Ntz5dP94wuYlBKk0n6XPUEo0AVFtWgj+tbRMcF9Fgv\r\nCcS0t2IiUTjFsrmL/FX5Hc0uI6OUwJaHqw/+hwPxDycJzCr/N9ey2ix3xH2E\r\nOpHIDzRiTvgVmixxYcwywkcizloNdVvcvsrS8zSB21G54A85XMZR6DczU9Ob\r\nYfCASIsq1CLT7oaTHMoLVoQ23WkL4TAeDYYN940YOjblcqHZrDICGzLdC9Ho\r\nmTZSZKsD6k4+FUri/EkpB3RB4L5YkGm1NA0orvsV4EENy7jeoLJraDHgATPT\r\ncTONXrmdI5c7RvJMIuzQIW4z6sLJoHSTUchmtV+VvNP5An5maHYfI6cpn7Zi\r\nv9Cug4l9Ae3/lUfnv1LQ2tgW1VQe4S8KVbb5OX9TOYBl5RkhlsgcQpK40hkc\r\nbuT/1E2f5JIux/0NHUHiTBi7TsIJjnJPQAHg/U05Qn6EsYOqye59WvbaszD9\r\nkGifFrN9irPQSuqLGp6Bdd+83KIpCTW3ZppXzGvXSxzGXXawB1k3RInuk+tI\r\n1Gg2JORc8eId8zR2KreWWfBAYqjxnD5ZpQ5joSFb3qptLPnTlztOLJaRKLzd\r\nb6iptKh7aWdV2cbSKnpTARy284sTLfpHR2yt2G0filMEEodlAGmkkGXJkb5L\r\noGvkt/y1L24Mo5kJGsXpCRZ8Bb69HJtvOFw=\r\n=oD63\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","readme":"# @supermojo-official/client-sdk-react\n\nSupermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Supermojo' button for a seamless card on-ramp experience.\n\nIt's best to checkout the full documentation at [docs.supermojo.com](https://docs.supermojo.com/). For a quick start guide, read on. \n\n- [Prerequisities](#prerequisities)\n- [Showcase marketplace](#showcase)\n- [React SDK Usage](#reactsdk)\n- [License](#license)\n\n------------------\n<a name=\"prerequisities\"></a>\n### Prerequisites\n\n```\nNode v16.15.0\nNPM 8.5.0\nIDE (eg. Visual Studio Code)\n```\n\n<a name=\"showcase\"></a>\n### Showcase marketplace\n\nYou can also checkout a [Showcase] marketplace for example usage. (https://marketplace.supermojo.xyz/)\n\n<a name=\"reactsdk\"></a>\n#### React SDK Usage\n\n1. You will need to contact <partners@supermojo.com> to receive a ```ClientID```\n\n2. Once you receive a ```ClientID```, you can start to integrate the SDK into your marketplace frontend.\n\nFirst install the SDK\n```\nnpm install @supermojo-official/client-sdk-react\n```\nThen, import the package\n```javascript\nimport { SupermojoPayButton } from '@supermojo-official/client-sdk-react';\n```\nFinally render the 'Pay with Supermojo' button\n```javascript\n<SupermojoPayButton\n    contractAddress=\"CONTACT_ADDRESS\"\n    tokenId=\"TOKEN_ID\"\n    clientId=\"YOUR_CLIENT_ID\"\n    targetEnv=\"qa\" //optional\n/>\n```\n\n| Parameter | Required? | Default | Type | Description\n|:---|:---:|:---|:---|:---|\n| clientId | Yes | `\"` | `string` | Set ClientId provided by the Supermojo team|\n| contractAddress | Yes | `-` | `string` | Purchase Contract address, supplied by the Marketplace | \n| tokenId | Yes| `\"\"` | `string` |NFT token ID, supplied by the Marketplace |\n| targetEnv | No | `\"` | `string` | Pick between [local / demo / qa / uat] environments|\n\nIf you need to use a vanilla-JS SDK instead, reach out to the Supermojo team <partners@supermojo.com>.\n\n<a name=\"license\"></a>\n### License\n\nThis software is released under the [MIT](https://opensource.org/licenses/MIT) license.\n","gitHead":"467f916569baaef932fe017c8b624cb09eecc06d","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.19.0+x64 (linux)","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.19.0","dependencies":{"styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"0.0.1-alpha.17"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.17_1673544529305_0.08042698637536994","host":"s3://npm-registry-packages"}},"0.0.1-alpha.18":{"name":"@supermojo-official/client-sdk-react","version":"0.0.1-alpha.18","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.0.1-alpha.18","maintainers":[{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"b1a133c0576d139e8376bce5a8821763a848f5b5","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.0.1-alpha.18.tgz","fileCount":13,"integrity":"sha512-r1w8yLCLb2eVnY08qJ7zsy3SOBagRUCP9hQgswDsWJ/O5qetO9xv0FaYQUPjNlYH2We4GNtKTo1/T6q0NY6KBw==","signatures":[{"sig":"MEUCIQDUaqsARY3KDCmEpvD1yUqriQ3panVVA67zcfYQJ2SrqAIgaimU/l2B/GMU02l1sDpaoT5c0gXvz9j7Mks8hQ73hBw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":61143,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyHA1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrj3w//a2fbUEKYmYDu5DUPuYEspFSvDO/TCcGT5UH4n4LlSJwDwxXy\r\n56rJ1qudNdvn6XJrHRsVQkk2OrvOZxRdI7dyG7je2uvz4OZhDY1QlBfO+su0\r\nKj/WU6ahDMpZ+pUilvkJ/jDkuHkT25nVln2OCGha2yFOEjyqmSyhHKtPOvr9\r\nusrUsVmgjWXVTYjksVl7waGz4vVILqf1bELzquBygmklUxrWRopucGDuTPDH\r\ngrkhHJCLoEGRE4X6uVggwivGoChZl+gEgQL9jfxbaTmnKBIZ/kRIFDMQ7QMX\r\nVr4hOjb9I1gQjfsO29SRkYnl9BuBsYYFbsxutsZBHWXYlvWEhaZykCYLxq+O\r\ndIO+cDecKzysRm/wxHIVAd182KqZ+XHmW5i6YVnzBGtm5lqoG/AFaSClVQpI\r\n54umaLkYm1oLQELV4gj/ZtVNspy+ksOst1egHbOhfoLK1OJxb9+oszRIIPPS\r\nnUXqBW96Ya54q6CKtoulhV7gkn6heNwqW9E04C3H1+3Y3Nm9q9fUq0CDYsyE\r\n/vFoDenIt66BwHZji9SaJ+zVX7jcVZPzdpe3j4IgFkr8lyddzI2zv6tqHGrT\r\nF7rn/IupiRqftH9fdH3KITD0XB+yS441qjZa/cw8aDpiukm/88bmzwUewBL4\r\nGTKTkOVzbro1+oTP7oVR/dj4MhEQ25WH9cM=\r\n=1JrT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","readme":"# @supermojo-official/client-sdk-react\n\nSupermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Supermojo' button for a seamless card on-ramp experience.\n\nIt's best to checkout the full documentation at [docs.supermojo.com](https://docs.supermojo.com/). For a quick start guide, read on. \n\n- [Prerequisities](#prerequisities)\n- [Showcase marketplace](#showcase)\n- [React SDK Usage](#reactsdk)\n- [License](#license)\n\n------------------\n<a name=\"prerequisities\"></a>\n### Prerequisites\n\n```\nNode v16.15.0\nNPM 8.5.0\nIDE (eg. Visual Studio Code)\n```\n\n<a name=\"showcase\"></a>\n### Showcase marketplace\n\nYou can also checkout a [Showcase] marketplace for example usage. (https://marketplace.supermojo.xyz/)\n\n<a name=\"reactsdk\"></a>\n#### React SDK Usage\n\n1. You will need to contact <partners@supermojo.com> to receive a ```ClientID```\n\n2. Once you receive a ```ClientID```, you can start to integrate the SDK into your marketplace frontend.\n\nFirst install the SDK\n```\nnpm install @supermojo-official/client-sdk-react\n```\nThen, import the package\n```javascript\nimport { SupermojoPayButton } from '@supermojo-official/client-sdk-react';\n```\nFinally render the 'Pay with Supermojo' button\n```javascript\n<SupermojoPayButton\n    contractAddress=\"CONTACT_ADDRESS\"\n    tokenId=\"TOKEN_ID\"\n    clientId=\"YOUR_CLIENT_ID\"\n    targetEnv=\"qa\" //optional\n/>\n```\n\n| Parameter | Required? | Default | Type | Description\n|:---|:---:|:---|:---|:---|\n| clientId | Yes | `\"` | `string` | Set ClientId provided by the Supermojo team|\n| contractAddress | Yes | `-` | `string` | Purchase Contract address, supplied by the Marketplace | \n| tokenId | Yes| `\"\"` | `string` |NFT token ID, supplied by the Marketplace |\n| targetEnv | No | `\"` | `string` | Pick between [local / demo / qa / uat] environments|\n\nIf you need to use a vanilla-JS SDK instead, reach out to the Supermojo team <partners@supermojo.com>.\n\n<a name=\"license\"></a>\n### License\n\nThis software is released under the [MIT](https://opensource.org/licenses/MIT) license.\n","gitHead":"49f136e296f68daaf80874862b054c022c24023e","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.19.0+x64 (linux)","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.19.0","dependencies":{"postcss":"^8.4.20","@supermojo-official/client-sdk-core":"0.0.1-alpha.18"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.0.1-alpha.18_1674080309272_0.23293699999856843","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@supermojo-official/client-sdk-react","version":"0.1.1","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.1.1","maintainers":[{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"96e825493b8e998d835a35d379d1ecbee667cf32","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.1.1.tgz","fileCount":13,"integrity":"sha512-akpMrUZZR5LZgILfgBxnTuJQtSENyUlkdhqHWOduIGE6grCd5IhtV/x+837REFuoI80lUlZ714Q/jsGmPUnBvA==","signatures":[{"sig":"MEYCIQCsz55JltDHJ7yn/iEJWcHKAvAwIVUEu0+Spj4K3QsmcgIhAIcymbO3x4ugyFoOCjOThLmgT/SoUylX73jz2ETxc0Jl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":61125,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyZRHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrJ2Q//TMLmlkdVHOcducfl/HRnpx27qz4aBXpHdF4zeoFCfsQg+j03\r\n05P9gX8TdgQLKMmKJDjyoU+L7i2LEObljY6w5hLrH48gSNCWtYKxcX9Re+Es\r\nzRWQsZ3ZePHYhFA4wggv8iO9oGZkVAp9jfpK+bmbcIAPZKyGglk1pawGvaeF\r\nRe9fF0Q/rW83UNxBb5ONFqTmV3xoAIO7ajDa3XXPONwn2yqxw/+Y1EIvqCQ7\r\njZhj9IWcLYnt4R1zpfVVf2R7uK/OxeoS43O+TPruioAgwaJtcZV36NXSdDo2\r\nSBS8+XClpm7z9WMlCsC0BnVdvh7kXxviu0fmMHNhuAu3qYL34+m/GrBPZ6dQ\r\nk8rXrzp+jSAz+ocbqZPiEvnA7Yg62k9V+PDgC4IYe+3UtpajyaKTi1HzH67I\r\ndaSnQl/bz0r3w6gtObwKMyI/lrpdfcsVf410gPjo/gwOrukGCFX9a4T6utBH\r\n6HyHI3LDSTvj2ximuF0mxDcbvG/Jc+nfTGNUFJsh9rTDCFaJ07KenhoR5K6s\r\n9knJCZY/ifq0oX14RC7Evl/YF/LZGHL3qQxsFYx8bRCaZBYp2MHYgEbvvCvY\r\nV0qY2UFP9gakMOXNtqe4wVhL/Id6HYEAXd2tddDV+eB4aSggFpmI8HJFnUQt\r\nwStbq5pYnelBeU+bSfY8FGiMi49NhXFsl1g=\r\n=G4N+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"ad21b5c5c533f0dae85f56cc6ab49729f4b51239","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.19.0+x64 (linux)","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.19.0","dependencies":{"postcss":"^8.4.20","@supermojo-official/client-sdk-core":"0.1.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.1.1_1674155079369_0.45647498262414343","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@supermojo-official/client-sdk-react","version":"0.2.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.2.0","maintainers":[{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"8a1e7f856634c403c1165c42477d1f33a96d82e1","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.2.0.tgz","fileCount":13,"integrity":"sha512-v1rOHHaXIetR+Ol+TtxHt1KceeH8JnvO8zfFZYWN4tDJJEBUyUQxNdoErLkucS396N1U/VIelLZfvu1lxE+o/w==","signatures":[{"sig":"MEUCIQCOY/bxAptiiboHFcQwZA2oqaUabKM9ZyDuLuvPWrKdRwIgQSTHIM2+r8kG1Zy6NV4uSaoEypZingv2BguvZrP0a3g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":61125,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2qwnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2Sg//eudvMaBK3b6OvqOOHG2WDg/ffaBX4cDwjJLDepr2GWCXaP0A\r\niqJNXLg0ZWNAPAez+IIHN5CM5Y8lIs0p4movLf3fG+P7EfJYQPv2DnoucvZ8\r\nsrAuLHbjj1RmO9/8vm6Jm2Ex6rAnM17LxhP727wK0+/L+z1fC0Mm6NfgfTOK\r\nJbnBzqTzdmJ4dEhIPezAwNgwIgcZhSK/+vvdw2QSjKXbqNi1e+BNlVJ4Zl9B\r\nvB/xcG5y/msLZrIcrpw4GBoYoDgQuf63+/veQmOam2W6wDWEpDEMkECrqFrk\r\nHzLfJM4LUX+l6CstGAEouc+peA5gyzTxeBskxrAIE8m5rVRJtgvvkdWCK0hU\r\n/CNoUxMXxM6k8XY+wTPx3sGAUGv9TNn37YRCcXqIjK0iHjDDrY9fqhb8fSBa\r\nwId8qLGAK1uE5PmVyhZ0qgXC0dMQHkmrWUjWkB8E5Bz5zyOlPGZZOvm+j6JV\r\nJdmLz5pthUTQVb7bYRUMfn0XhxBN3GSIOhDAeJXSYJvoMd5GSgRePKiLm/vP\r\n18Fl7BiYAjXe/M3m86aIOlH5l+GZYGVWamQQ9aKLMTW5SqnX8QHA8yXsH7CF\r\nSE1rbnR62+QYE7st24Sz2jBhe8BSViE89Cdg9PjYSgmMpSIw5Usk6I3xa0FJ\r\nFpojRd2gq/zfKpPl0E9+NMrtT56+DYDCakQ=\r\n=DIDK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"cb3ee9efad19d2ebef70faf6ff55b002ec1c8065","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.19.0+x64 (linux)","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.19.0","dependencies":{"postcss":"^8.4.20","@supermojo-official/client-sdk-core":"0.2.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.2.0_1675275302758_0.08245646121997185","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"@supermojo-official/client-sdk-react","version":"0.3.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.3.0","maintainers":[{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"568d7350b12b7342bddc73800d44d028df496183","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.3.0.tgz","fileCount":13,"integrity":"sha512-bk+kkMKEK6/ROE1H/Aea5JS/ezzMf4FtJoBU7W2T+fLpWhvMxzj0mg0ErK/zybjefnoY+TsaYW6spYx+WF+fqA==","signatures":[{"sig":"MEYCIQDayu1rXROLNjCX41t2XkZpYktUuv3L7OMbJGQgyDsRgAIhAPnPvIFnfyWnr+I9l9InB3OWXwHxikqHTMKVuzhwSRmx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6l7ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0zw//Rl9kccUudrGMt2sG85X+ilKMBzD5jvAG7g72STe1w+DfFkaJ\r\nDidgSBIpS1EWT+ND+oRDgwOZrcz4sy9VdJFvaU38pQpVFXJbaD8qu3nM0YOT\r\ntpOt/WdTABXUT0d07xnLqEooqjggwwlRz9RhpjAodfA1QMhBFp5B93aqJSGr\r\nkV7HzHv89qr/OMC3B+ofOMHVD3opzqS9DAJf2wcXB9EkYZJcIiJUNuCOT/Vr\r\nJNV09vtTh/iyVrcegMGQWLNkRtvjYFRz67WmCc9+wwoDwR8tVv+nLDHhxqFZ\r\nxrOfUe831cQvrkEDBO/JDudmmE+lGYisxgmR5L2kVSEf8QFjFcd9c0bopsvw\r\nFCym+y1rkwHakezvJixMN8ShzgK1n/1+/1gbHXYfGtvmwkQzazE0THwN/nnm\r\nA78VNHpjRSpQV6TyR+W6UGqHWm11neiMAtRJJ1eVd5h14AGzbZU4BvKHF/gt\r\nLGpCrIWyUQPbh1XHPYJ4HGA0/Zl17mvDsT3rVVIjgXmE5QGxiihoKEwYX+bS\r\ni5aavnvnn2q878bo+KwWidLCcWwuKeLu5WVrySu5lcIvZi8UImjNKvA0Kgi3\r\npL2VuiAZEFMKP3nd36OAaNBNDxEYMzBfUIZu8bPXaAXQUu8gf6+BLX9hzLbd\r\nu5QLPOHT21y8/emgN38ttQpnnn6uE2eiiY0=\r\n=I0Nj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"5fdcd3ccf0aa241d1d53b7358452d7681d501df5","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.19.0+x64 (linux)","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.19.0","dependencies":{"postcss":"^8.4.20","@supermojo-official/client-sdk-core":"0.3.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.3.0_1676304089142_0.48455344540488743","host":"s3://npm-registry-packages"}},"0.3.1":{"name":"@supermojo-official/client-sdk-react","version":"0.3.1","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.3.1","maintainers":[{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"0255cfc507b8ec9526da2b8fc65dce223750994e","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.3.1.tgz","fileCount":13,"integrity":"sha512-2+bcY8YqDFoy8IOwpLU6jwC1uv+futZwrXPs9tLK5169BOdCWO+wi9GaQE6AvCupCa6Kpyop4CMRLi1STnZc0w==","signatures":[{"sig":"MEUCICd5NeXuALSs5a8SPZwglPQnn0yKJ1myG4TiPiaVARUPAiEA1NwoyioXDonmlBpOyRPdleEtNq7xaEYm6AQMjJHA5aU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6mHvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5Nw/9EDEt8yplpzlGtr1RNNfSVlZ75NItOiEbw8rPZ2dlPPxm6OtI\r\nzfFOBTuOdDm8kxxz9hHi4NXM2ZMN3ERzUNZhBn36uWss9VsC/g50oPH8UZnN\r\nHL3DwJBv5Xqwfx9Eqm9DlxWWDE0JTyefbKXVoIdXkHH0KFSNMucQCWD3pENw\r\nXJleiiW7iM0Z3rZHAkNONaJ7fapZwCHSCEjlo9qIKAPzjqFiQ8NQjZFSNFpx\r\nFlg2GsGICuz9N+ZosxJAB3XUPGdFgdUHnSGGgPtQtKEX7Hg1FVx34hjvht/E\r\n3c9f/nOukQs7xkjSGjMej9hKIU0EpzswLZHr4eMGnyqVnNR2NQaWSlgfOqlE\r\n1SYIB7p4H9kiySqsf7RhwGM0zYl9bInvePtKcd44i3z7WeLat8uZb42tMKlR\r\n+gW8y7W8m7fXGhO4sBO8DnND75Pls0dLxUgCUAO9W6qFTwkS7tavkgGKjaGa\r\nty8SOBCK86wUF3Aj2VtQxSCQ9Nl/0r1JGiLJ1cvtawPwOiC08Rw5XU/TTRMT\r\n7XB7b9Ye7JlhsRCimFNJykRCIyNSdWCEHgPnL1R+p+c6f98UQilHu0m2YMSu\r\ny33hva2Cr2xaMfvyIyuq7kncCViRPz33wTaq0nlPdQYD66IMzrUvvsQdBzfi\r\np0B5MJtnA9A/QAMHQhSEPlkREZno2ypanqw=\r\n=jVyo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"d5094a8f55c1f68671e1f73b5ce6622d79942cb8","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.19.0+x64 (linux)","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.19.0","dependencies":{"postcss":"^8.4.20","@supermojo-official/client-sdk-core":"0.3.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.3.1_1676304879601_0.9296138329187675","host":"s3://npm-registry-packages"}},"0.3.2":{"name":"@supermojo-official/client-sdk-react","version":"0.3.2","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.3.2","maintainers":[{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"e49bab17492c09c38d68ea0a0b9199d09f498dbd","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.3.2.tgz","fileCount":13,"integrity":"sha512-Lj47nMiAC1/TeghU9hRlTKdLkkswNyGXmm/6TtDyCMif135yPkwHJ/D69ycjqOzFKaPimqkCYv1BWwC+KFgv5g==","signatures":[{"sig":"MEYCIQD6h142Cw5aSnR85gcDYc6tnqWneYkwdr1Cqt6wQkGJEwIhANfvLYN+lsAMx5imBMFD5yHAib6CbpkJlN5pVVn3Yy2O","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6mN7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrgAQ/+J11JfRifU4WiP6HPDs8UKNNLDUlQrwSjyyqLG26kWcbHzGDQ\r\ntu88mFRXHfXdNRDzCfFbOepADcs2ACsV3iLiYOz+tAiM6NDf/kxzzHLA+C/m\r\ng2eIQLOVMmtI0vLa05Alo+q35GME4ihSNykW9XaLetGhnlFv2Xt45rMytOdW\r\nXXosFddYUrpHT1+T1BGAxG1RucWNfxeQnCAL8NoLCwgOFx0t1GVEGaWYeXKc\r\nYPUK3EZFCzo28czZimlKIcIUPM6nd6SMcBBnAhG5yH2yWiOE0DR95oSLxRQp\r\nDCsIhS6+95waY5e/ZWQlXReOndxcJpUg9UVA1i8Rqo+Yfzy+biGN9GiJBKTQ\r\nxMIIyOfVMJnymVsgK4wO5Lwyzv0XJQeeiEMeLyJDEp9QSauY9yC3wKsTNLqm\r\nAg9zoDwaXnOH6/us4rCB7oWCrUFeLzI2u5Wq0BTxsGhwDUggiCA+EbN6Jhip\r\nQwUWKaPFL8E2gXYIU3p5crXC6hmC99ypKzaZqToL0U5v/NvGqfrDrLWvOclR\r\ncFjrAs+ElyDBcmz4d2Iih+AZWkZXadq7HrQ16Va1Ci64jDFvYbOFX34L0Wll\r\n9g9iGXqCkj6ctcu/OwBrpl9Puu6RYL73ZE7fL3F5/NIxOqcI6qjOJy3NLF3/\r\nmCqLmtgN5j6UGOZR4sNJlphpFPYRT1R+aec=\r\n=fups\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"a130dccf5dac03cfb91df55cba48fcd14682b990","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.19.0+x64 (linux)","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.19.0","dependencies":{"postcss":"^8.4.20","@supermojo-official/client-sdk-core":"0.3.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.3.2_1676305275106_0.7467788188187536","host":"s3://npm-registry-packages"}},"0.3.3":{"name":"@supermojo-official/client-sdk-react","version":"0.3.3","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.3.3","maintainers":[{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"1ec86429a1b5e8133e24965ca1a5ad45964ea9bc","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.3.3.tgz","fileCount":13,"integrity":"sha512-ne9009/L6Kq0C8cAxwf90S+ue8nkeOnDSyfkefNCPWnl6B0zIFGPVHnAI/PnnzUf+WbuygM1qTuhsfGYhcq3ow==","signatures":[{"sig":"MEQCIC8uOPXLM19qPk0ddWL4xOnu0zn2tNREPiytP5WdPN+yAiBgzMUhS3i8IfdBRPGgnovB90DrO1N4NspyGhndC9LEmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12245,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6nBXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmot+RAAiULm2CbIzvmTR4Eh7za98IQ86z7ZU7qV1IcyzqNEI4CGPYcS\r\nm2vIB121hUqWW3zwBmFuON0VZkumRzm7ekcmVGhHNegvVI+uKNd9UoipRKZI\r\n62IIrlL7XbNOVWRgCM4vUOCL753ev54LxIQUVejKTQWOS47ydephyBXCQAmh\r\nhMeTooDFDrHPp4ponF5s6mR5/3iNXS9wV7kAXVKzORdeKG4875NCOf7wgFaN\r\nvke/v67GOte9k4fUrnn2bEdMWQEbPjHyF2OkC0k31ij8aNSC+RUvJtIaYqiD\r\n+F6GXDaXhDy4NczQulullHJsdlscR61H618Q2x2N998T+xkimA9UgWbx/hZV\r\nKIksDlr45cr20+dPXTHvlOi3+icHJygAb5QGiF0lLIBKtSVvMm1rB6jPrbIG\r\nbA3RIgF07x0fPEptzYRgG0e1NgVYx3eRZersxXmJ/BL8Zqu4PUCGh8CArSkt\r\nx1L63w+vGFNsNpNA6EWqZ437mL/mInYQCcH6/ydp5gfyE5Ggd8QVwMiH5yJv\r\nI8o740cEhnpgGDHsI8GCIWKGvkjqXzYR31KvLO7f3TwuiPgXzJYouARCHizB\r\nvRp77PabIMebMbkIpXVcdLl95uHn4bzwCFqIQxtK2mXoXAKoBVe42wyDEdCE\r\n6K5X8p7KqdaIum19dkDXh4jSWkQL6YQNgZ4=\r\n=PRfU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"e1d53257f0a7427fd961a8e9d14389edea1564b5","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.19.0+x64 (linux)","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.19.0","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.3.3_1676308567040_0.24311012580514602","host":"s3://npm-registry-packages"}},"0.3.4":{"name":"@supermojo-official/client-sdk-react","version":"0.3.4","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.3.4","maintainers":[{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"6e1101ea2dc6d560a034750f9acd979929d55759","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.3.4.tgz","fileCount":13,"integrity":"sha512-jXZqPJG6ohTiCWboKYO14TnEj7+A/mmlfD1/yeAG3WexlKq8+qXMVCNT1693WkXf7c054eA9habQzvi2trWmvQ==","signatures":[{"sig":"MEUCIQCqO7mySbFpE7p4clR5I5zjk5PAHUBlqOQfWW7xrg+oVAIgBBONekNbsb9oe63oJKX+n1RoecqAaCjWS97nDcYc6I0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12245,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj9nfmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr53Q/+JzxKiTDOzEbeoyYNyIFlgY7uROisTiPc1iF0cKnZqaikofHl\r\nr1KipkbrgaKrj0nC4ySGPYufTaiAnVqLUKVJqZvYj6JVAxPxT0Gr35sgYClF\r\n3DuzN3xTW5S7ybJhly93F4hbRsY2vAeshyFBtP9JvEyc/pcWrbAlmaIRu48M\r\n/y7bnvQaSMBw2IxKJRSRYXHdfVIENN14LQmGUxiOwqhiHAq1Rcnae9d5ys4k\r\n07kca+3RkpTeWXpGh8Sila8/1FZETr5AXXCWw3mbgxIoHwfhMWUwXOLY6cte\r\ngkzLngI4L/QbgAujk8B3q5lvbhnEn7urL0TZKkVa6bLnyws8j4if9Sg+Dvrb\r\nMB10EtglAl1xLsetqDaxXuvFSDGkaZESHBUCNRGgg6bpKpiwBKvy1niOmNZy\r\nbuHb/Aj0iZF/6SPLFn9GYKABzQQ9zOU+4Ps9JAD2UB1muhl0Sam7kQJ7ff6m\r\nJ4Pr+N7OVMPFh8Ty6Jn5VsWZPN3aCfLvVs8pGszNnpAQ2XWiqR2XMijRuhtQ\r\njdgkWQC6sln+r7+202/P0fKTFQ4ilU2HQgLbvuG702ZVCiEqez8wBie5FgqT\r\nf3dU8nDxzste+/amibC2IWohW/vHD0IXucJ0Ra1bJLd6TnKabwPFk16bnq2a\r\nCCLu0R7bS00kZWrW+ScCYgV6qtE+3EbQepo=\r\n=AEWZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"0f310fd5404c7aec1aad2dfbe1f3bb764995d478","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.19.0+x64 (linux)","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.19.0","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"0.3.4"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.3.4_1677096934732_0.544006920218624","host":"s3://npm-registry-packages"}},"0.3.5":{"name":"@supermojo-official/client-sdk-react","version":"0.3.5","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.3.5","maintainers":[{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"0572aa39623193de831e4a48f1912afc46d76b03","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.3.5.tgz","fileCount":13,"integrity":"sha512-kjSjF0Pcap/dGp9iS7hIwyYrKTLhjFx0cFFtEWZcpvCiPwsNzhX/AElxbuZx7/q0c8FdJ/xC4rc/xPHO/khkGg==","signatures":[{"sig":"MEYCIQCqYBQ1u03a2uv6IEQm35hSf4EWtw06UZcn1xOPtS8r4gIhAO3/RAE021N1z1xFro6UYP3EEpMRn9N/HNWc1JSB9IA/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12292,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/lrQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqfeQ/+NtLpLjrTgSTESF0xbXr+tcwxQcc7OkO8uAi+Nil2UazJJ1JL\r\nR94IGOiBUoVIgSNGtNNU7K63KYZqTrdqtHcYh3BT2ky25sUQXQUoOND9qxLo\r\nbj+yePzsGpNV46Bm3bpIFAV7dBE1YWuKJm9ckdtC4avHNauJ2T96f9Dgo6ay\r\nYAs6HvLwuT2VmO2XL9LKDzYHuKhiBPZradrDzfMoDP0vCqTiQbvkZiPz6X8/\r\n4SCEEPSFYsNzY8ygjqcOWVCCcCvu38g+ZwpLBhM8YCL7ig7Pgdo0vsrroMa0\r\nf3w74tQghlvwNpOlwcvjumBVvDfqZPOwy5lveA3UjtAbpxuPA31yxnZwVci1\r\nMLt9kJVaDV7cA51gLHyC0aY5TTZUKKO4t1B51KS8t8Gd+ST8DwhJ3/z87x+D\r\nukCcFVQLRoUA7qZENMEooDZiLTznoXgPTtvt+pdJJUDLnlvkqtyRFSunuuo9\r\nQWRC6wegFQR423C24ZnnBxqagqp1NADF/9uMgs+T6RnAjYyAMtUxyXyskMmA\r\nq5lWD51ZRhj42LPBh5oG2kCUwKDUbE+N5RC1jbVysp+dJpUgpNudOBC3FwnI\r\nP3+yKo3TjXXAtfDQgCLLbflrLEU2KsPw6xfiLlZc98V7wKP1gIgtzoYaZSez\r\nne+QHm+Hc7XNwjgrpCBqmEUOMYudEf+LX5U=\r\n=VNwK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"bccb8666cdf36489a35010562d30a02b9597c205","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.19.1+x64 (linux)","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.19.1","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"0.3.4"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.3.5_1677613776506_0.2815200189732088","host":"s3://npm-registry-packages"}},"0.3.6-alpha.0":{"name":"@supermojo-official/client-sdk-react","version":"0.3.6-alpha.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.3.6-alpha.0","maintainers":[{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"b63c90304544dc71c1716311fd498bad77d0fe43","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.3.6-alpha.0.tgz","fileCount":13,"integrity":"sha512-REmwev9qhVQMsItIkLDmVPU7idS34flEP1TKCkLRGzdNdh3FA38PZWSV9Snb6of+YFs0gY3kP+a1MOq3hb5NlQ==","signatures":[{"sig":"MEQCIBbgdtMrpAukhvmTFr1KeAEzv2N+XZkuBqKfetilxaB4AiB6wgJ9EiMNxUCRW1lWwiw782kSFmm7wgj5+MQKR4EGHg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHIKSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpv8w/+PGszmTrDR76EXeq56Rwpa64K6rT3adiWssLKfFtz1OpWZR67\r\nSoxre+y6ziON2cPIXIeUjQF59l57yeiYD2hLg2Rwbp5PxKEb96K+HSq7NWNl\r\nPI3QdO/k+sTj8V/dQbvJfXKt6CCJzP1ja16yM3VAWM5c+rDqnglECRxVjFiv\r\nuIlW68Dskq5KZ39kWOR/OmIZg5ai0s9/+X+OdPtarNI53BkNXumAZN9lfYUL\r\nCD4jEnEAx7xIwzwbFpB4Y6DuUCeKSVYB2XIRd7MdQzoHEwuy29icO+cMhhEb\r\nenD2TRcVB2kDyM3sNrBgsEl6LjZt2JkT/2BLX63ZDbILBPribNZQKYHMZnmW\r\nntjgUemZS+b4gIhk8YFx1jdC8bdn/4S8fXq+TSj/SPMnDCn2SBPdKiFbsdeI\r\nTVvLRg7cm8CFmSbJs0l8bU4Tc0WEPkELZ6FMkvoa/3SpcrIETbLQq5J/VJjf\r\nrnhMmimEA0tbfidsRDIYuhGTs4/2r+Z0iKR/pVRdr/Z7Nwyq9co8Mym9ZhRZ\r\njIUUtwoxDHTYH3LQh5nmkvTRi0QEo9Tlkun+sBFe7flW6Do9wbJ5CNcsGzcD\r\nG0CtacF3aFPqv3IEYNzLygZC6XWTn/dEZ13GI4Sjf8MZckZ39xUlULQkKLDy\r\nARW4rvw1dTS0d9W50xtHx4DezgWqoy9bLjs=\r\n=h8JE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","readme":"# @supermojo-official/client-sdk-react\n\nSupermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Supermojo' button for a seamless card on-ramp experience.\n\nIt's best to checkout the full documentation at [docs.supermojo.com](https://docs.supermojo.com/). For a quick start guide, read on. \n\n- [Prerequisities](#prerequisities)\n- [Showcase marketplace](#showcase)\n- [React SDK Usage](#reactsdk)\n- [License](#license)\n\n------------------\n<a name=\"prerequisities\"></a>\n### Prerequisites\n\n```\nNode v16.15.0\nNPM 8.5.0\nIDE (eg. Visual Studio Code)\n```\n\n<a name=\"showcase\"></a>\n### Showcase marketplace\n\nYou can also checkout a [Showcase] marketplace for example usage. (https://marketplace.supermojo.xyz/)\n\n<a name=\"reactsdk\"></a>\n#### React SDK Usage\n\n1. You will need to contact <partners@supermojo.com> to receive a ```ClientID```\n\n2. Once you receive a ```ClientID```, you can start to integrate the SDK into your marketplace frontend.\n\nFirst install the SDK\n```\nnpm install @supermojo-official/client-sdk-react\n```\nThen, import the package\n```javascript\nimport { SupermojoPayButton } from '@supermojo-official/client-sdk-react';\n```\nFinally render the 'Pay with Supermojo' button\n```javascript\n<SupermojoPayButton\n    contractAddress=\"CONTACT_ADDRESS\"\n    tokenId=\"TOKEN_ID\"\n    clientId=\"YOUR_CLIENT_ID\"\n    targetEnv=\"qa\" //optional\n/>\n```\n\n| Parameter | Required? | Default | Type | Description\n|:---|:---:|:---|:---|:---|\n| clientId | Yes | `\"` | `string` | Set ClientId provided by the Supermojo team|\n| contractAddress | Yes | `-` | `string` | Purchase Contract address, supplied by the Marketplace | \n| tokenId | Yes| `\"\"` | `string` |NFT token ID, supplied by the Marketplace |\n| targetEnv | No | `\"` | `string` | Pick between [local / demo / qa / uat] environments|\n\nIf you need to use a vanilla-JS SDK instead, reach out to the Supermojo team <partners@supermojo.com>.\n\n<a name=\"license\"></a>\n### License\n\nThis software is released under the [MIT](https://opensource.org/licenses/MIT) license.\n","gitHead":"f3256627d484b8573e68a07ae376e0677eeb90fa","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.19.1+x64 (linux)","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.19.1","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"0.3.6-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.3.6-alpha.0_1679590033975_0.38033629051922424","host":"s3://npm-registry-packages"}},"0.3.7-alpha.0":{"name":"@supermojo-official/client-sdk-react","version":"0.3.7-alpha.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.3.7-alpha.0","maintainers":[{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"5b4fb07fdba2d20a1606006c1863837acdf0fcdf","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.3.7-alpha.0.tgz","fileCount":16,"integrity":"sha512-mELFT3A7Sa6lKCh/mOUfceKXT6Mhw0br+qExTziSdmuOiL+oleK4/hrAmVQKsHj/Dd49FtTkImVhVMfGAD7XLQ==","signatures":[{"sig":"MEUCIA0Ky+w4aOZRi7kp/q82npwdR10sCzMtZ397z9Z2rSs6AiEAoyTF6smVT9+yFJLj+QxfgjfW0Zh9bhn1aCETGgBf38U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24477,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJk23ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqgjg//TGtXwSUm7GOiq9MukBVqkXn8joKyukYPhvimNku4TxPu8+Ex\r\n/jzeRKi986nab+aInvb4EuGxfze/qu+Zlu4Hl6eeH2zUlihLfFjXWrlNldW7\r\nadTofITjGX3mIyKweILpwF5iGhyRpUYDKE0tMXXJRdXAZxENh+NZq/gfHJ5V\r\nvYnQt5PKz+BQeZtunxvZR9CbAqkmMLBXJ4TyI8OlUlryX2wbRVryp1fk1Irn\r\nErE9gS8uwaD9Mnl5uFeYeFg8ux78ciEy6d1UWqeNZAIZddzjDgIthGkygPP/\r\nZutGiwV58gsWA2oXY2PC1xK/eCfvJUUcQvMjNGfDbVJHmMLFtGZOrANXXIQP\r\nlajn/mEq3eWVTgTvIBirtgvW/sqghbwilfIE7f2pr92hFul7dZ0pQ/SMOseq\r\nHPJA4Ax8OJDsm4R4QuvRl3VQjSg6XVYMaPgBswLMMHu6BIcyzIwjLj6dOJS9\r\nqCXNP5geVqwAGVYw612MJT9x9VWiRQ87p/77c2N7qAq46Rk62RbbHlIaYJWy\r\nUqc6Cord0UstDcC4v6epOjUf9X1el70Zt7QWJIJbGUZ7Sr65QVNsFvLa+FvP\r\nmdjl5CZZpaqAAp+DsNISIe6sBOAmGQeuwlVVI3Ua5ZtzICjHSJ3z1KWYf0ED\r\nX7sX7T+/xIVSrIpxphc74Tf4y2EWEaRC/p4=\r\n=nkG5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","readme":"# @supermojo-official/client-sdk-react\n\nSupermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Supermojo' button for a seamless card on-ramp experience.\n\n- [Prerequisities](#prerequisities)\n- [Showcase marketplace](#showcase)\n- [React SDK Usage](#reactsdk)\n- [License](#license)\n\n------------------\n<a name=\"prerequisities\"></a>\n### Prerequisites\n\n```\nNode v16.15.0\nNPM 8.5.0\nIDE (eg. Visual Studio Code)\n```\n\n<a name=\"showcase\"></a>\n### Showcase marketplace\n\nYou can also checkout a [Showcase] marketplace for example usage. (https://marketplace.supermojo.xyz/)\n\n<a name=\"reactsdk\"></a>\n#### React SDK Usage\n\n1. You will need to contact <partners@supermojo.com> to receive a ```ClientID```\n\n2. Once you receive a ```ClientID```, you can start to integrate the SDK into your marketplace frontend.\n\nFirst install the SDK\n```\nnpm install @supermojo-official/client-sdk-react\n```\nThen, import the package\n```javascript\nimport { SupermojoPayButton } from '@supermojo-official/client-sdk-react';\n```\nFinally render the 'Pay with Supermojo' button\n```javascript\n<SupermojoPayButton\n    contractAddress=\"CONTACT_ADDRESS\"\n    tokenId=\"TOKEN_ID\"\n    clientId=\"YOUR_CLIENT_ID\"\n    targetEnv=\"qa\" //optional\n/>\n```\n\n| Parameter | Required? | Default | Type | Description\n|:---|:---:|:---|:---|:---|\n| clientId | Yes | `\"` | `string` | Set ClientId provided by the Supermojo team|\n| contractAddress | Yes | `-` | `string` | Purchase Contract address, supplied by the Marketplace | \n| tokenId | Yes| `\"\"` | `string` |NFT token ID, supplied by the Marketplace |\n| targetEnv | No | `\"` | `string` | Pick between [local / demo / qa / uat] environments|\n\nIf you need to use a vanilla-JS SDK instead, reach out to the Supermojo team <partners@supermojo.com>.\n\n<a name=\"license\"></a>\n### License\n\nThis software is released under the [MIT](https://opensource.org/licenses/MIT) license.\n","gitHead":"2489f280c7b615546db29040e2c33688777bf37d","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"lerna/6.1.0/node@v16.19.1+x64 (linux)","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.19.1","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"0.3.7-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.3.7-alpha.0_1680231863638_0.0007019653085160726","host":"s3://npm-registry-packages"}},"0.3.8-alpha.0":{"name":"@supermojo-official/client-sdk-react","version":"0.3.8-alpha.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.3.8-alpha.0","maintainers":[{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"d0be06f95cded9ec87b1b9105130c01e335a486e","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.3.8-alpha.0.tgz","fileCount":16,"integrity":"sha512-+h+glmL/a2PF6GOgJYQjK4CfWUbCeNRfOKUsUwTe1LbSzp29UvtLnFokbYz+1BSEikFlivwJEeKiLrFIyQXmSw==","signatures":[{"sig":"MEYCIQDx6KIx8dCcwxV2jIorSojTOnd3rDXDcQ3yFYsVdjlx4AIhAPAC8kNZBZ6y3ipYkfE2kkH2X8OFY8uZ2CBgnxACeFqn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24257,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkLCnqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrP3RAApFtiE7V+R6bC3jhLKET6GPZ41TA6+ObYsATq6N2u8Z9KYKGZ\r\nRFkfTqyOvKjWzrFJEHoYvT0LJJbp+tS9yPJtNiIeWMP9C5NvMg4x9wWRvCUB\r\nmVhPsXvv8nwmhojWWxVpGJzRe1zS8BkL8tbQe8MM/9Uaw/NIB315x2F9L7sJ\r\niM81UDHuy1IWRsmWxXAtb75OLae31vjpqjQEcvvsfPFrg3nhddZqb/LMWHax\r\nsYlIv+pGdFQNTcT+lV+m9sIcoTYNMrKiXokubebR0NwPaDxHNxRfDquIQadP\r\nJRgS+c+abLDZAFYZOJrC5gTfl7kRcGqg4ZrZ6hzfGmCEa9zgDv/IwOGQlMUj\r\nH2XWWfO3HstImIfYweg7bWmJYPW5y5+7hsUw9e1PcmSA0i8gry+2fKz6oC0q\r\n1yuIJQzyXL4qZ7/TsgpQgeirX9fJcbKQrZ04QGDJ4sRpRTjYllLB6b+E/8r0\r\n1vBKurNTm3+3T+SsnCnuv9zG2/Z4UARo3ebayHxSpjMvUaPwOhtiw+TjoDIr\r\nKek8gmLYK6DmTUQHfDlo4GvvuYa5NuztGXGO7z2nWzXlM0EXWIP/JKHHQDWD\r\ngha0OVWNuF0zh87rF14aJbjHP1q6UxqlPYF+Pkrg+88hddPiKs82Kibc0b24\r\nYnP1w/zWYwobhOgN/sbxthXrSpAYPCGpm9I=\r\n=COQS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.3","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.19.1","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"0.3.8-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.3.8-alpha.0_1680615914370_0.9644064589269565","host":"s3://npm-registry-packages"}},"0.3.9-alpha.0":{"name":"@supermojo-official/client-sdk-react","version":"0.3.9-alpha.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.3.9-alpha.0","maintainers":[{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"e74ff162d06a8eca1b531b1adaebdd5892588328","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.3.9-alpha.0.tgz","fileCount":16,"integrity":"sha512-OQCZGy05AHaTb1v7VBXnwNxR35tP7v6Xh4/pzXBo15LMoHV81jEKFfpBRh6yUaBpNMJOBNqisPNNLWlkAtmckg==","signatures":[{"sig":"MEYCIQDvwE/XWbztBZkni1+KatUv1P7Sbx0gW4vYiPnv6Bn5qAIhANz6E7fU16bEpdQFWy/u0xyI5z6J6IQLt4vXsmjZy3K9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24257,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkLMvZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrAnRAAoy02qZvAywQlJk4IZ9A3J/3bgTiZhDKnxr/yDj8I0p4dGbd8\r\narB4+kGggUJsSvYoS2sKWfLvCjriuz+JyFXPmSMWof0pu5q9tj6l55Ss8vL8\r\nhhd20MVRDtsMzSQLgsrElSpN0YRJDb8VzyzJJ/Jrtl77w+9GHdHeh2pMzga7\r\n6lnXxgKfw3ccfL8ONBuq3e3UUfNoSjEuo4F4pY/aWaSUIGgS/3TM5lZTKuia\r\nPxRsibcjhG4FXrbMK8U8yrDHyHJoUVv8YjfG03jocIIDwYzowmjbSN5xQT7g\r\nIEsupQKTe9Pp7rU4x7uiPROuRgS8lha84PErC61BFq3b8kKFuXeaKj0jOouJ\r\nTWE6lutE8fa1w+o04bzwqh6ZAnzj0isASzrXI8nX5PYLljGXNL40zW4tP0+S\r\nMToI8HAHnf6Tu9ufjjbdZE1VbR15fKmZE6JEdXbAvGgomPo2PFjvGT40JyOg\r\nQ1Kit3rPyRRboL74LUlVBHXSOOfnGzLTGfd6jNmlGDsaXJptAb7kKO2bbX7Y\r\njaDq92Ru4Dk7KyXYCwZOpB6gmhywqBUlHc/oZRpEw8lGiXevwprfUk5nbj8i\r\nS74QdLVzl2YU1RPRBDCBhxO7zKHqmE69B5ZoKF+AYhbb1GW3be6lEjiI93DQ\r\nRclXr8SEa8dTEjDMt/85R5O3/AqAa7mZtJs=\r\n=nkoc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.3","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.19.1","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"0.3.9-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.3.9-alpha.0_1680657369400_0.6455412248768122","host":"s3://npm-registry-packages"}},"0.4.0":{"name":"@supermojo-official/client-sdk-react","version":"0.4.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@0.4.0","maintainers":[{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"717c863148a17d0c22b8fdc956f41349add08d9e","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-0.4.0.tgz","fileCount":16,"integrity":"sha512-oFqpsFCLiLBaDZ4KPIImB7VCH3dude2eZiiHtSU5txgoui/1KoxisOCDRb7C4CT4kglV0HxIYIwW93QLQR+JdA==","signatures":[{"sig":"MEYCIQCS1l5pZXjrwcvR6MrwTsUd4/pMtixFDGwo8AV9JBBaYwIhALwGAdbpWYz5bE/O4imUkBPrKTXYDlQteqRjl2YGWeV8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24241,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkLM+AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqb7w//fQ7GsZ41jOPTdZFM5n7NNI0Ox61Ffk0RXMhSYESNsX8X5VD7\r\n+KN0EOFcKxgbGsRuw+e3fLio+Re2hco7tbeS5peROAW2O2Sw+Mf6qblJt50+\r\ndabp7woCsVrspAijcObT6s6Ta/K4Q+hzqpt6DUNxfLDwJof/3lj42TMhz7tB\r\nfGXWiZMT6/rN1vT8X3OrnbyJ7yQ+mhP6F9v4OW7hafAaKC4TP878fmvu3Rcm\r\nraiM5BSEPUv0xvT2TcuOFt4fdRau2uebEZ5f/tPh3n8nLKpyZsBpGHtt5+IY\r\nKMmiOSP2HUXXqdJt5ojH02GFKLPGz+FPJHhtTk5OPHDP6Xo3NWxu33sJmTCA\r\nyL8k2GIONkCd8zOjXxtQFEqbPTU18UXzaPWA1Vb5ZzSWp9C/GoA+HR41+1Pt\r\nnJMTqYnBrwze4lKzaer7fdvyKo9lEOxQXObWo8+jCRihI7WKf3/MAlq51qCJ\r\nnIndMu2o5PMZI5j8nJZdjxPdUM5PPKgZWlLSqxfZxJPVmQUj8CmX/LFWt9I7\r\npCuXt2EY8PcW2M1XNts7ayH2kHfM8t7FB3D9L6ZCIfkxueQaxABwPiRCQW0O\r\naX1fZjpUFtWFHVUj7y7r3uFpHAOEeqpmtuyABOrtqx0Zky7Hcda0P37SF6+Z\r\nYYvpzuibyoxV+ZvuCKoy2xGmVw8P5EPVwHE=\r\n=44M/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.3","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.19.1","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"0.4.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_0.4.0_1680658303813_0.40608339982621944","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@supermojo-official/client-sdk-react","version":"1.0.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.0.0","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"3bf0c124c0c78a3897087db40229d20738d770c4","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.0.0.tgz","fileCount":16,"integrity":"sha512-QNL7qlYMeJJTTWvc4eLb43s4ZuUpvpnexJMRD3jSOWJTiii6gdmVz0MLYYpaHdXRlAAQ9lj8vEGT/HN2KnULLw==","signatures":[{"sig":"MEQCIFsZARllKZLwyIsmt37RxImWoFj/BtvOL3fDVnDPPvzvAiAwcaS4mFRzT79wAIrndwV1uYFsd7r6lPMZkkcQGV4rCg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24316,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNCBSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrD3A//Ub95GX3JovwxCYDrtV0SKwYpQI9knWCJdLM3ks5hFAHBNzAM\r\nNrILomVH92KSWOdZ2IzqDUlfgxcuwOrOE1Zp6c/No374I3F8va9rUSDsZROD\r\nu6Fnmktqj7LknKsWJITkCzmgXxXfjSnqkaeUu+WySUZoNhMdVCBvVRwdbOm9\r\nmheQYh45f9088urw5Ic1rZeiBmxTFG3Kt6k77tJPXEoMjfBqAvf7erzRnIQg\r\noVF8PmplZlm9C1EzfPzvO/MONijMGeXDm+CbJOU90kdyWRRw52zA2dX2lja1\r\n5s/NVII+tiAEOkKyqSf4l0xbiXD5I6ZjJSVUSCv/7XDnWikIlLlBx5cCL4Hh\r\nql1D/H/TbpdW5wkytN3oGkdb1Q+ZvQ/J8IyfwgriQ26d6MrlWoaNqXXT/ls6\r\ngFcQunkquRG9AKaZGHRmiqalvzPTUqA4sQrL9unu712HDjhp+pKjjIWSZ2jG\r\n0H7X1q4wHXXLkJOBWpspvzYSmhRierlYYWzfqxPuCjHct5KNcxuBeJ0uuS9U\r\nFHoaAPV8AEq5r0vskcsuqIKXMj7cXcZ83WotgId+kpwNvD//dGyLI10YH6wK\r\nqMuSGly2o/YKp1lVE7lecFnMUwllXrYvlKD6fI0euxrhTjiaObIs7uNahB+q\r\nSfg7EceX8m4U9FFaYYhNeI5+WNwRgV0uPRI=\r\n=dA2W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.0","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.0.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.0.0_1681137746551_0.13470826907843048","host":"s3://npm-registry-packages"}},"1.0.1-alpha.0":{"name":"@supermojo-official/client-sdk-react","version":"1.0.1-alpha.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.0.1-alpha.0","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"fe95ce25db4e609a8f56c6afac8fe4434676e8de","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.0.1-alpha.0.tgz","fileCount":16,"integrity":"sha512-jeZAlbjwri26UU2jXUaWQOi0vzHcVdJYBH+L+t53orv7nQIdCPTkQ6qF1XB/gLHX/ygwnKTZxZkzGQdgktU1aA==","signatures":[{"sig":"MEUCIQDkXvQ6rntNOh3KexcxSKIgHmtLFn8A16Mkdq3AalSTKQIgSsueG20cU+NNXwej2KMEKPYDYkSUycki3F/9IcURyxg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24841,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkS3IlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrh2xAAoohZqU5rxhfqsXweQhHP8CHvKdNmE8HHuU3HK7gFb1R/K6pa\r\n6CmJWSkW3JvlaYHBr/I4y4UJLXqcE0Mu1tBxa56sO8At1BTOn3ZaKk6N2x8y\r\nmyPdRmDtRfu1sTsfz84Qtu71XpR/PLYGP/0Cc/+0tuxndW6/ehvz3byYCcxz\r\nxz6yQC/pdDd22y/q5qHYoX8VIaWSCwsoZUot6pB1ZEp0YhnhVrDxfOu+obnh\r\nnvApgy13Lh7qxyLSkcODWK4Vajwq/G6awiLtHNlzMIaN1LlYlRQMNHvSzRZu\r\nZOO4/Iw7kKSluiRTDMjXv9FF2+aNtbYTa4zwBeNnN4De2Sez78f0pWFua8Vy\r\nLdwhbQb5wNdayZhMF0Xv2bGT6c9FJbt1UmHceZpe0j0hBWLn0w7p+gVyFRPn\r\nwqfeSYV+VZCAGglRrBtGbc7wU9RkHHSFK0Wi4xocUXUle6yDeHZ7+BsVC0fd\r\n9C54dyWMdQ17l6oAwJ+xNXuun9wv7sboqL9NhxzenPyC4e9Sk7qd9rtumEsr\r\nZeX8xQmwDIWO2U8HBB/RIYxwe6zAmi1mOsAxRc9JtSyzimR/ferFRafdmdhR\r\n6a3itdRJbxce5nuuJW15Wc+Or1wOPJYotyqroyYzlBgBporo6v/2RQf0185n\r\n+iPVyVRLfDAWMwAnBByjUQLLd8ShF9NAGxU=\r\n=A7K8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.0","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.0.1-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.0.1-alpha.0_1682666021571_0.20083340896602686","host":"s3://npm-registry-packages"}},"1.0.2-alpha.0":{"name":"@supermojo-official/client-sdk-react","version":"1.0.2-alpha.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.0.2-alpha.0","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"dec18baf00189cabfaff6430751423b4039e25f4","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.0.2-alpha.0.tgz","fileCount":16,"integrity":"sha512-dYjwgqi0PPg17K6QGmkUPOLpxYXxzYo2cBJbk3bkM3rHp7kL4TPEYpGHX24vMdcjJqgmlzHkExM82m67HGrqgQ==","signatures":[{"sig":"MEYCIQC3V4dDvdiLqvn7sKj3gzzQzwloouAvXgqmiW55z9cRwAIhAO7YjJ9IQ/gmIK9XlIX0UIguHTW5dsfbY5mYrcayPsl4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24841,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkS3ekACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4SxAAgofxHYNyb+ShChps3M/dGp2IGaLB+FV1OKdX6s2Vj6fFtZg5\r\nobd8mgd8hQJUxSFK2OaCl4wcbcMub4j1Yq7QwN45cIU6EJpojHHw9vSIX5H1\r\n9Z0ovPlanNWmjw+NOUZfcCY7fKfMBLvnl3rlI+5J84VOu0YBMNNdsbDN4MTL\r\n3UFgY2/zsYwtD9fok4TP3pWXZWBpLb3wNtxJaRdyI3XDenxiMLo1PeWQKo4p\r\n41S+qLmwbUzaEvcNg4BVXASeEkaItXkRgaRouwT/NPS63iAJxkzZETVzITyT\r\nBINCCf6OhPpUCLI7Cv5JIdAS1FB+DusMuG0VOEv0/j/xWjE2tmYoFpI3DSHH\r\neaEw46t98jU3jkKmtH6SsO7aqpq2mGsaUZ046uX6sQWfukQa6PkoYNFzJxzY\r\nGPJe7uO9xmYCrUYX5haAgWjyFsMPtun2kRYFoPkfCRRBRMrTKwo3WxpsFTCw\r\nOO+z6J0vswfYtLbYfbcQr3BW48aUZ783mMRBHJdmuBp0vP0fUpSzHaVp8Uev\r\nmiN58VAVmzgCnj8DglwanemuOV/3RQxVwXukahvdx7090U/G9nEhgBSquywQ\r\ncVswDdHs6IR+t/C0Ai5mQDK8XRdh8Gwb76EcIiqGAB3YL6/DYrA4FUc33y7X\r\nBFVXK28RbGWpeaVsU/ztt72KB40t21blNA0=\r\n=sCqO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.0","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.0.2-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.0.2-alpha.0_1682667428719_0.1086623700670819","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@supermojo-official/client-sdk-react","version":"1.1.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.1.0","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"45f3fe6feadda65a1655a41f6de13438a4aca2b8","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.1.0.tgz","fileCount":16,"integrity":"sha512-u3XRejNaytsfuCn+o9Z2vKd1FfXED/+B2XIjYnwPr0/HG+YZBmhihqhwxDEbzZnLkYfARj4chREaI75hhMdkuQ==","signatures":[{"sig":"MEYCIQDBk5tjcqdc97MwXZlfz+kAMBCcY1Oq63r+1owaSDdkmwIhAPi9YXnjopK23oxJHGN7HATpDpVXseDj3xpcqtNf0rPv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25902},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.0","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.1.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.1.0_1683733480685_0.10568882718457218","host":"s3://npm-registry-packages"}},"1.1.1-alpha.0":{"name":"@supermojo-official/client-sdk-react","version":"1.1.1-alpha.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.1.1-alpha.0","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"b2d96e215e1ee4284b4e5b6d7d4245bdb6902b92","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.1.1-alpha.0.tgz","fileCount":16,"integrity":"sha512-s/OZlqYxEqR5VrwyzvCsvLoBbq/P8I/3LWSSHpglhZFSElQD6noyxBarB4ggNDVRrXFy5pbtbSh67NqUl3jhXQ==","signatures":[{"sig":"MEUCICu0ucvlkgg4X0QlP3zAaHuKzoX2Zf1LTyiOcSquObFhAiEA6gc7U9rtlWKocDozrCrYWfBN5a+OTGIXEyRYDHdCr0k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25918},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.1","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.1.1-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.1.1-alpha.0_1690563515710_0.3818293481336599","host":"s3://npm-registry-packages"}},"1.2.1":{"name":"@supermojo-official/client-sdk-react","version":"1.2.1","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.2.1","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"5bb395618c8057ec2b44a3ae0a978101a1f42550","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.2.1.tgz","fileCount":16,"integrity":"sha512-Ke9HSjbTfEobMJ7ZVhrUlKALEsGU5+UNM19epy3T91sJqYLUnYw2w3l56vKJZLCYf2t9zCdJ7f9yDtXKLL6rbw==","signatures":[{"sig":"MEUCIADsCv62BRGgIRAy7RidC8Wh7E+1+i9OXZjsvIHepy24AiEAodexNJgVEDtMzcsQmDEvl7IA5v+Z3qTxUSWApyeR6rQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25902},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.1","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.2.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.2.1_1690586229641_0.59355800735686","host":"s3://npm-registry-packages"}},"1.2.2-alpha.0":{"name":"@supermojo-official/client-sdk-react","version":"1.2.2-alpha.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.2.2-alpha.0","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"2e780558b2ebd81feedfc34ff52bcd653121012f","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.2.2-alpha.0.tgz","fileCount":16,"integrity":"sha512-776K+o3M0Zff/Z4yYmsiF09YcCEltd840deffUm2f1Yr7xK4OqphSPKhtVDj2KfvGlqoGeP4RBQEsMm0sv8GKw==","signatures":[{"sig":"MEUCIES+VIhPc/iTp+vrALmbyConr3uLhDQxhf7OYuBbC5ipAiEA4EjUIbVjQZp0V4NbljLx3ALpb2a/SrtCw4XdmNd4OH0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25888},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.2","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.2.2-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.2.2-alpha.0_1697486565479_0.50598812359464","host":"s3://npm-registry-packages"}},"1.3.0":{"name":"@supermojo-official/client-sdk-react","version":"1.3.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.3.0","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"bd264a6756508a97cde75bcc30c065c55e163758","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.3.0.tgz","fileCount":16,"integrity":"sha512-nJczo00jk4GGF5ysGfTHudZJRTFs6sPQNWikPccEF3Khj2tioaBu+8haicYdsN3JYg3g6MCcQsN8+EqV0ZHlYA==","signatures":[{"sig":"MEUCIFWH7alnBo7dW36dIxUp8b7wA8AwLct+zwRCJP8/3I6PAiEAwQ0cbnlBVVNKoz/Q8qGyHLH4unDSbMFgUqms5tZiYvo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25872},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.2","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.3.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.3.0_1697488564946_0.47408369988544385","host":"s3://npm-registry-packages"}},"1.3.1-alpha.0":{"name":"@supermojo-official/client-sdk-react","version":"1.3.1-alpha.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.3.1-alpha.0","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"bab1085b65b841e75a1a241b6221e7a0d68470bc","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.3.1-alpha.0.tgz","fileCount":16,"integrity":"sha512-aP/r5FeyPgnhHessQQt+lWvsHfrRmLHFl8qVUbMR2BbV3//WX2pP2NTRMKLbSGPr5yfHIFLBqZQo1+9WLSCb9g==","signatures":[{"sig":"MEUCIEDWVPFWQHcO0YhZZ1iFSpgMiJ0CfNBRS7je10mwUx0hAiEA8xB/uxOrXLPQp2jTONTpky19yifvO7jT+ewECOD8n48=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23318},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.2","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.3.1-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.3.1-alpha.0_1699300123674_0.6243739567674615","host":"s3://npm-registry-packages"}},"1.3.1":{"name":"@supermojo-official/client-sdk-react","version":"1.3.1","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.3.1","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"2944b8684d752c2cd7dc205e43c57213e7b0ebbb","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.3.1.tgz","fileCount":16,"integrity":"sha512-QVak7WDHZuR/Z2d1VwhGVJZcXKI0PW00zo5x3XH3Hj/r/dYA2Tc7cUa1kNWoyErqY96xFfv0XzyjPmrugSE8vw==","signatures":[{"sig":"MEUCIQC5xqORsBDbLT1MnjH4ys7cbB3rW9hE8kjGMLuxS5RKXwIgdvMIhfufrXdSCOpkaIuBKvV7NNoUlAaVLs/m0zK2wls=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23302},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.2","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.3.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.3.1_1699306972085_0.7609266981396079","host":"s3://npm-registry-packages"}},"1.3.2-alpha.0":{"name":"@supermojo-official/client-sdk-react","version":"1.3.2-alpha.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.3.2-alpha.0","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"1afc32af5aa46e44ebfea0f0b3cfda41be10a7b2","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.3.2-alpha.0.tgz","fileCount":16,"integrity":"sha512-A5Gt5Cph5vHi12rGhgHWz/LTuhIGPNFvYUt1thJXc8NMzo8N8Y3Ih6UtP7R2hWIA58GDcOFWjbnmTzpF8I0Jlg==","signatures":[{"sig":"MEUCIQD5tubFUezKJXo8QmMIpqeyLoock3qItPZmOJyh7NqYPQIgaTZW3zGeMfhvkfcouCpPir/PHONSe5xZPEzciBZlNGY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23318},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.2","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.3.2-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.3.2-alpha.0_1701876393119_0.3689059175365301","host":"s3://npm-registry-packages"}},"1.3.2":{"name":"@supermojo-official/client-sdk-react","version":"1.3.2","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.3.2","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"68cf7f4a3ece3e322688a03ad2bf3a04f34023f2","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.3.2.tgz","fileCount":16,"integrity":"sha512-Fj5RDiJSFolbnaXNepdL6zePOKdCJ5URjzBBA3EKM8e9XlQ0zo34xiJaZ9PUqZySZmRG641fxlqzBUR1XRte3Q==","signatures":[{"sig":"MEYCIQCG6yzkvTpaRCTvkw163PYzcoY9MIf/Xy3bsUHCIPaXMwIhAIb56oXGOmNzsldqoyr11R/oJByl+XEFwcPAiO8XySgf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23302},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.2","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.3.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.3.2_1701879130717_0.8000783454946552","host":"s3://npm-registry-packages"}},"1.3.3-alpha.0":{"name":"@supermojo-official/client-sdk-react","version":"1.3.3-alpha.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.3.3-alpha.0","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"165d36dcdb85df8732df3171fd74a282d47e5bfe","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.3.3-alpha.0.tgz","fileCount":16,"integrity":"sha512-X95OIwGWBuxeDll9nbyTtPxnox05AQ66ujrMpgxZpn33ZFC6esXUIaNK3MC2uh5pUdSMs/Z6B7+KeNSlsUfJDw==","signatures":[{"sig":"MEUCIQC7haLrfFrTZj4OxuJvQxL7ik1pHtssUpdUj0G99wzgwwIgMBjKvc8keVFrzlMyiYER7UXc2/wuRVKIkaZmMfmM5mQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23318},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.2","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.3.3-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.3.3-alpha.0_1702671083236_0.9824577503956957","host":"s3://npm-registry-packages"}},"1.3.4-alpha.0":{"name":"@supermojo-official/client-sdk-react","version":"1.3.4-alpha.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.3.4-alpha.0","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"8086d9e880e07a6f75f781b4be6666a0914a24b9","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.3.4-alpha.0.tgz","fileCount":16,"integrity":"sha512-pQIvQTqviJflbsSX6hCwVRH+Lx9rQMIblkYl+dIw+ZyQ23NePD2sfydITVT06mtZjC/77C0eOzI7cn/8IPke/w==","signatures":[{"sig":"MEQCIHoInit21xXvNgNpoBB64Vjx9adv6b4Cy+Wvojrrm3iTAiAETd1LnhPceH2Iw5GVpG5auZgYho8PL1+iQOAr/D/VWg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23318},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.2","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.3.4-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.3.4-alpha.0_1702676100266_0.4647945802390281","host":"s3://npm-registry-packages"}},"1.3.4":{"name":"@supermojo-official/client-sdk-react","version":"1.3.4","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.3.4","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"4c4e64041fbf748321be9d2f56fe770964ad0285","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.3.4.tgz","fileCount":16,"integrity":"sha512-C5BgqABWDJdN+LSguaFnhKAuLojM4uDHgsCdTqQze0R/VlQO0Q53z3ZWpcafYd+v14UpvhCEUnK2qXMy0xwaUQ==","signatures":[{"sig":"MEYCIQCiTp1zd7cU8gFMeDFR5KYhLb9oTjjvJcyFQKZAF6iLZQIhAKdg0pctFhYeXi3KE3RxL/maKwxXGgF4iRcfLCPbY05H","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23302},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.2","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.3.4"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.3.4_1704914973977_0.16065655197728135","host":"s3://npm-registry-packages"}},"1.3.5-alpha.0":{"name":"@supermojo-official/client-sdk-react","version":"1.3.5-alpha.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.3.5-alpha.0","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"6022b5aa155025e51a2a1384228f30e1f716d92d","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.3.5-alpha.0.tgz","fileCount":16,"integrity":"sha512-ZWi7odKrtvVCSqUkFZTOCyXqIgKafqWRVD+9uf6ga6T22H0xDsfaW6NxWq0aD5EClsx4TuF5Vwn6jDQXzZWQ/A==","signatures":[{"sig":"MEUCIF/k+MavzCUpKlden+AWpjvg6Td01KAPZQUylPbMB0kIAiEA6gKvYqFLx6hVF1g7Zds1iG7JKNjch2DjW1wBSctPm4I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23318},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.2","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.3.5-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.3.5-alpha.0_1706034360813_0.9620666781206566","host":"s3://npm-registry-packages"}},"1.3.5":{"name":"@supermojo-official/client-sdk-react","version":"1.3.5","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.3.5","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"235445962a81811fe4d5a3e421120e4bfc5d3804","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.3.5.tgz","fileCount":16,"integrity":"sha512-F6XFo2JqT2iwg79po4IuRMoe6MnuU/pYi0XBbDFxhlFV0Ri4XuG0p5oNwuvYYUKkBpKm4JT9qFD2VdCwsgxJDg==","signatures":[{"sig":"MEYCIQDmcH5wlWd7JLJQpTnrMskDldZCzRMity6Z7On0TBkRiAIhAMRYym9THKylZLr3g1mx7bwCJfmZ7iGz1L2n2kWkPF5e","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23302},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.2","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.3.5"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.3.5_1706297455457_0.7645422132132955","host":"s3://npm-registry-packages"}},"1.3.6-alpha.0":{"name":"@supermojo-official/client-sdk-react","version":"1.3.6-alpha.0","author":{"name":"noah"},"license":"MIT","_id":"@supermojo-official/client-sdk-react@1.3.6-alpha.0","maintainers":[{"name":"moesupermojo","email":"moe@supermojo.com"},{"name":"hieuta","email":"hieu@supermojo.com"},{"name":"supermojodraco","email":"draco@supermojo.com"},{"name":"koji-supermojo","email":"koji@supermojo.com"},{"name":"noah-supermojo","email":"noah@supermojo.com"},{"name":"alan-supermojo","email":"alan@supermojo.com"}],"dist":{"shasum":"24f9e6b70f8a9c0e4b267b7018741542b9cb89eb","tarball":"https://registry.npmjs.org/@supermojo-official/client-sdk-react/-/client-sdk-react-1.3.6-alpha.0.tgz","fileCount":16,"integrity":"sha512-+vRsg/SP9nvxSntk0vFhgn9Q8a6twjaL1ec2Xm/6jq0B/V6NZ/F8WN6ATlWdoPtuy0Ldt4V32VCBljel0le7Cw==","signatures":[{"sig":"MEQCIHmA+7ZQuPTNinPrQM2aExsdr7gwMr2W2iijqtblpAYPAiARs4fs2xCy4YfVK1HotT5bWw3OLy0c5XamnUW18dyi+w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23318},"main":"index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/client-sdk-react.esm.js","gitHead":"89b178bb1cd563dca5c965c40e8c187ccf70d553","scripts":{"lint":"tsdx lint","size":"size-limit","test":"tsdx test --passWithNoTests","build":"tsdx build","start":"tsdx watch","watch":"tsdx watch","analyze":"size-limit --why","example-start":"parcel serve ./example/index.html"},"typings":"dist/index.d.ts","_npmUser":{"name":"alan-supermojo","email":"alan@supermojo.com"},"size-limit":[{"path":"dist/react-ui.cjs.production.min.js","limit":"10 KB"},{"path":"dist/react-ui.esm.js","limit":"10 KB"}],"_npmVersion":"8.19.4","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","directories":{},"_nodeVersion":"16.20.2","dependencies":{"postcss":"^8.4.20","styled-components":"^5.3.6","@supermojo-official/client-sdk-core":"1.3.6-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","parcel":"^2.8.0","react-dom":"^18.2.0","react-router-dom":"^6.5.0","@types/styled-components":"^5.1.26"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/client-sdk-react_1.3.6-alpha.0_1706645038581_0.8060441531826348","host":"s3://npm-registry-packages"}}},"time":{"created":"2022-12-01T22:56:06.918Z","modified":"2025-05-12T18:31:50.003Z","0.0.1-alpha.1":"2022-12-01T22:56:07.134Z","0.0.1-alpha.2":"2022-12-01T23:01:07.893Z","0.0.1-alpha.3":"2022-12-02T18:00:00.889Z","0.0.1-alpha.4":"2022-12-13T02:44:13.062Z","0.0.1-alpha.6":"2022-12-14T23:03:53.328Z","0.0.1-alpha.7":"2022-12-14T23:22:09.699Z","0.0.1-alpha.8":"2022-12-15T15:56:27.511Z","0.0.1-alpha.9":"2022-12-15T17:02:32.696Z","0.0.1-alpha.10":"2022-12-15T18:19:16.109Z","0.0.1-alpha.11":"2022-12-16T15:56:37.563Z","0.0.1-alpha.12":"2022-12-16T16:55:07.192Z","0.0.1-alpha.13":"2022-12-16T20:05:49.627Z","0.0.1-alpha.14":"2022-12-16T21:14:57.441Z","0.0.1-alpha.15":"2022-12-19T23:28:34.645Z","0.0.1-alpha.16":"2023-01-04T15:05:50.745Z","0.0.1-alpha.17":"2023-01-12T17:28:49.460Z","0.0.1-alpha.18":"2023-01-18T22:18:29.477Z","0.1.1":"2023-01-19T19:04:39.803Z","0.2.0":"2023-02-01T18:15:03.252Z","0.3.0":"2023-02-13T16:01:29.358Z","0.3.1":"2023-02-13T16:14:39.737Z","0.3.2":"2023-02-13T16:21:15.272Z","0.3.3":"2023-02-13T17:16:07.215Z","0.3.4":"2023-02-22T20:15:34.882Z","0.3.5":"2023-02-28T19:49:36.645Z","0.3.6-alpha.0":"2023-03-23T16:47:14.140Z","0.3.7-alpha.0":"2023-03-31T03:04:23.783Z","0.3.8-alpha.0":"2023-04-04T13:45:14.565Z","0.3.9-alpha.0":"2023-04-05T01:16:09.592Z","0.4.0":"2023-04-05T01:31:43.985Z","1.0.0":"2023-04-10T14:42:26.758Z","1.0.1-alpha.0":"2023-04-28T07:13:41.780Z","1.0.2-alpha.0":"2023-04-28T07:37:08.878Z","1.1.0":"2023-05-10T15:44:40.871Z","1.1.1-alpha.0":"2023-07-28T16:58:35.867Z","1.2.1":"2023-07-28T23:17:09.883Z","1.2.2-alpha.0":"2023-10-16T20:02:45.767Z","1.3.0":"2023-10-16T20:36:05.200Z","1.3.1-alpha.0":"2023-11-06T19:48:43.842Z","1.3.1":"2023-11-06T21:42:52.327Z","1.3.2-alpha.0":"2023-12-06T15:26:33.281Z","1.3.2":"2023-12-06T16:12:10.921Z","1.3.3-alpha.0":"2023-12-15T20:11:23.402Z","1.3.4-alpha.0":"2023-12-15T21:35:00.474Z","1.3.4":"2024-01-10T19:29:34.198Z","1.3.5-alpha.0":"2024-01-23T18:26:01.001Z","1.3.5":"2024-01-26T19:30:55.655Z","1.3.6-alpha.0":"2024-01-30T20:03:58.800Z"},"author":{"name":"noah"},"license":"MIT","description":"Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup","maintainers":[{"email":"andrew@skyfire.xyz","name":"skyfire-drew"},{"email":"hieu@skyfire.xyz","name":"hieuta"},{"email":"ankit@skyfire.xyz","name":"skyfire-ankit"}],"readme":"# @supermojo-official/client-sdk-react\n\nSupermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Supermojo' button for a seamless card on-ramp experience.\n\n- [Prerequisities](#prerequisities)\n- [Showcase marketplace](#showcase)\n- [React SDK Usage](#reactsdk)\n- [License](#license)\n\n------------------\n<a name=\"prerequisities\"></a>\n### Prerequisites\n\n```\nNode v16.15.0\nNPM 8.5.0\nIDE (eg. Visual Studio Code)\n```\n\n<a name=\"showcase\"></a>\n### Showcase marketplace\n\nYou can also checkout a [Showcase] marketplace for example usage. (https://marketplace.supermojo.xyz/)\n\n<a name=\"reactsdk\"></a>\n#### React SDK Usage\n\n1. You will need to contact <partners@supermojo.com> to receive a ```ClientID```\n\n2. Once you receive a ```ClientID```, you can start to integrate the SDK into your marketplace frontend.\n\nFirst install the SDK\n```\nnpm install @supermojo-official/client-sdk-react\n```\nThen, import the package\n```javascript\nimport { SupermojoPayButton } from '@supermojo-official/client-sdk-react';\n```\nFinally render the 'Pay with Supermojo' button\n```javascript\n<SupermojoPayButton\n    contractAddress=\"CONTACT_ADDRESS\"\n    tokenId=\"TOKEN_ID\"\n    clientId=\"YOUR_CLIENT_ID\"\n    targetEnv=\"qa\" //optional\n/>\n```\n\n| Parameter | Required? | Default | Type | Description\n|:---|:---:|:---|:---|:---|\n| clientId | Yes | `\"` | `string` | Set ClientId provided by the Supermojo team|\n| contractAddress | Yes | `-` | `string` | Purchase Contract address, supplied by the Marketplace | \n| tokenId | Yes| `\"\"` | `string` |NFT token ID, supplied by the Marketplace |\n| targetEnv | No | `\"` | `string` | Pick between [local / demo / qa / uat] environments|\n\nIf you need to use a vanilla-JS SDK instead, reach out to the Supermojo team <partners@supermojo.com>.\n\n<a name=\"license\"></a>\n### License\n\nThis software is released under the [MIT](https://opensource.org/licenses/MIT) license.\n","readmeFilename":"README.md"}