{"_id":"@alliance-software-development/asdpay","_rev":"5-93b7326458e699c6c42804ec10e2fa6f","name":"@alliance-software-development/asdpay","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@alliance-software-development/asdpay","version":"1.0.0","description":"A cross platform ASD Payment module","main":"dist/asdpay.js","module":"dist/asdpay.m.js","scripts":{"build":"npm run clean && npx rollup -c","clean":"rm -rf dist/*"},"repository":{"type":"git","url":"git+https://github.com/imaginationeverywhere/asdpay.git"},"keywords":[],"author":{"name":"ASD Developer","email":"dev@imaginationeverywhere.info"},"license":"ISC","bugs":{"url":"https://github.com/imaginationeverywhere/asdpay/issues"},"homepage":"https://github.com/imaginationeverywhere/asdpay#readme","dependencies":{},"peerDependencies":{"prop-types":"^15.7.2","react-native-webview":">=6.0.2"},"devDependencies":{"@babel/core":"^7.2.2","@babel/runtime":"^7.3.1","@rollup/plugin-commonjs":"^11.0.2","@rollup/plugin-node-resolve":"^7.1.1","react-dom":"17.0.2","react":"17.0.2","react-native":"0.66.4","react-native-web":"^0.11.7","rollup-plugin-babel":"^4.3.3"},"_id":"@alliance-software-development/asdpay@1.0.0","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-+5V+S5YIowFzKp8l8T/sq9ekDsZNfm6QOwDTjBwBu149a6MYxE6zmc5jYlTwmmq8qcJN8vIl+AtYJMXItWP6bg==","shasum":"0defa1fb7f79d064e605987f17e23eec82c7e927","tarball":"https://registry.npmjs.org/@alliance-software-development/asdpay/-/asdpay-1.0.0.tgz","fileCount":4,"unpackedSize":64090,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7ckcCRA9TVsSAnZWagAAmFoP/0odUVjvxdXo49ZWYgyw\nWXrbvHBXPJBfc7aIp/J01UEK9VrivORt2LX55Hg/Nt9rd6iI9QpYykWbZbl1\njbM+G4Qil21JjLV3GFBIxZxhLUzycmIcW4zlBoVRtjfxOJlJIEVF2QoPRMKl\nMSo+WnKyzoTAWAixva9Bbz1EUWdUso7xuweMFI2bvkxAOL0SMIXye8cTFSKE\n/2HfrwH4mpCd1bqsZrDai0OqCyjLhpJLc09XY02hSPx28Zr1yvDlYcCJ6tUB\n6JYbvFnX2QBEh0EApc7xeG4E3k042RQWH4mQBsIAsyCsmJWXLN22GpHgH72l\nHyQt9wozfg7diZcYtVKK+ZdoKmZzbA3B7w4SYLuJVEpKJ66QkG8BPZmTgQmd\nmUHqnTEcTpS7Z6xWQevaXwcKmoB7N7j3eUOYFpazVaGEKjHEdvgsdDzDPCec\n5obzC0RmIMYVu0KBjGed59EkzuWb9KTwbbY/Tv0CuwPbh+44xgIaGFve5ObL\n3o5ZAulT4KM+JhL9Y4q+ULy17uu/7bMdo/VA47mPx/x7kl7UDf4WhhBi+9gW\ny12h+zDLhkGVKRJ/1dzdCEFWARC/0LRYawXiSybI65OzOaMkHc90Qo7X7MmF\n0DMmDGjWY25t5rC1x9Du6dnznjj3Q7HIwutTUjj/RWNm2W0j/zqNs1sAYyNJ\nJoo7\r\n=LHc4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDproHoUFtPLtzVOELoyUKsXcZlBswx4QTjDoKcJmHT7wIgf40D48+RvMY7pWavpRIi4KVsxTvvqizCkYElYIfgamg="}]},"_npmUser":{"name":"abdulsamadola","email":"360campstore@gmail.com"},"directories":{},"maintainers":[{"name":"kelvin_img","email":"kevin@imaginationeverywhere.info"},{"name":"abdulsamadola","email":"360campstore@gmail.com"},{"name":"gabrielquiksession","email":"gabriel@quiksession.com"},{"name":"asddev","email":"development@alliancesoftwaredevelopment.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/asdpay_1.0.0_1642973467905_0.14863076612427184"},"_hasShrinkwrap":false}},"time":{"created":"2022-01-23T21:31:07.904Z","1.0.0":"2022-01-23T21:31:08.115Z","modified":"2022-10-17T08:25:14.711Z"},"maintainers":[{"email":"jjchinosoviolet@gmail.com","name":"cvjude"},{"email":"abudusamuelbiodun@gmail.com","name":"blvckleumas"},{"email":"kevin@imaginationeverywhere.info","name":"kelvin_img"},{"email":"360campstore@gmail.com","name":"abdulsamadola"},{"email":"development@alliancesoftwaredevelopment.com","name":"asddev"}],"description":"A cross platform ASD Payment module","homepage":"https://github.com/imaginationeverywhere/asdpay#readme","keywords":[],"repository":{"type":"git","url":"git+https://github.com/imaginationeverywhere/asdpay.git"},"author":{"name":"ASD Developer","email":"dev@imaginationeverywhere.info"},"bugs":{"url":"https://github.com/imaginationeverywhere/asdpay/issues"},"license":"ISC","readme":"# A React component for AfterClearpay and Affirm payment.\n\n## Installation\n\nReact Native implementation for [Afterpay or Clearpay payment](https://stripe.com/docs/payments/afterpay-clearpay/accept-a-payment).\n\n## Description\n\nThe library allows you to use [AfterClearpay Checkout](https://stripe.com/docs/payments/afterpay-clearpay/accept-a-payment) and [Affirm Checkout](https://docs.affirm.com/developers/docs/checkout-web) with react-native without ejecting. You can use it with both server-side implementations and client-side implementations. Simply ensure you follow the [url structure guidelines below](#important-notes-about-urls).\n\n## Prequisites\n\n- This library relies on [React Native Webview](https://www.npmjs.com/package/react-native-webview). Please follow [this guide](https://github.com/react-native-community/react-native-webview/blob/HEAD/docs/Getting-Started.md) to install in your project first.\n\n## Installation\n\n- Ensure you've completed the setps in [prequisites.](#prequisites)\n\n- Install package via npm or yarn:\n\n```sh\nnpm install @alliance-software-development/asdpay\n```\n\nor\n\n```sh\nyarn add @alliance-software-development/asdpay\n```\n\n- Import in your project\n\n```javascript\nimport ASDPay from \"@alliance-software-development/asdpay\";\n```\n\n## Usage\n\n```jsx\nimport ASDPay from \"@alliance-software-development/asdpay\";\n\nconst App = () => (\n  <ASDPay\n    paymentType=\"Affirm\" // ['AfterClearPay', 'Affirm']\n    publicKey={PUBLIC_KEY}\n    client_secret={CLIENT_SECRET} // required only for AfterClearPay\n    checkoutSessionInput={{}}\n    onComplete={(res) => {\n      console.log(`Checkout session succeeded. session id: ${res}.`);\n    }}\n  />\n);\n\nexport default App;\n```\n\n## Affirm Usage\n\n```jsx\n<ASDPay\n  paymentType=\"Affirm\"\n  publicKey=\"{PUBLC_KEY}\"\n  checkoutSessionInput={{\n    merchant: {\n      user_cancel_url: \"https://www.affirm.com/?status=cancel\",\n      user_confirmation_url: \"https://www.affirm.com/?status=complete\",\n      user_confirmation_url_action: \"GET\",\n      merchant: \"Affirm Demo Inc.\"\n    },\n\n    shipping: {\n      name: {\n        first: \"John\",\n        last: \"Doe\"\n      },\n      address: {\n        line1: \"225 Bush Street.'\",\n        line2: \"Floor 16\",\n        city: \"San Francisco\",\n        state: \"CA\",\n        country: \"US\",\n        zipcode: \"94104\"\n      },\n      email: \"john.doe@affirm.com\",\n      phone_number: \"4155555555\"\n    },\n    billing: {\n      name: {\n        first: \"John\",\n        last: \"Doe\"\n      },\n      address: {\n        line1: \"225 Bush Street.'\",\n        line2: \"Floor 16\",\n        city: \"Beckley\",\n        state: \"CA\",\n        country: \"US\",\n        zipcode: \"24801\"\n      },\n      email: \"john.doe@affirm.com\",\n      phone_number: \"4155555555\"\n    },\n    items: [\n      {\n        sku: \"123456789\",\n        display_name: \"Affirm Scarf\",\n        unit_price: 60000,\n        qty: 1\n      }\n    ],\n    order_id: \"JKLMO4322\",\n    currency: \"USD\",\n    financing_program: \"flyus_3z6r13r\",\n    shipping_amount: 1000,\n    tax_amount: 500,\n    total: 100000\n  }}\n  onComplete={(res) => {\n    alert(JSON.stringify(res));\n  }}\n/>\n```\n\n## AfterClearpay Usage\n\n```jsx\n<ASDPay\n  paymentType=\"AfterClearPay\"\n  publicKey=\"{PUBLIC_KEY}\"\n  client_secret=\"{CLIENT_SECRET}\"\n  checkoutSessionInput={{\n    payment_method: {\n      billing_details: {\n        email: \"jenny@rosen.com\",\n        name: \"Jenny Rosen\",\n        address: {\n          line1: \"1234 Main Street\",\n          city: \"San Francisco\",\n          state: \"CA\",\n          country: \"US\",\n          postal_code: \"94111\"\n        }\n      }\n    },\n    return_url: \"https://imaginationeverywhere.info/?status=complete\"\n  }}\n  onComplete={(res) => {\n    alert(JSON.stringify(res));\n  }}\n/>\n```\n\n### To get `client_secret` for AfterClearPay payment [click here](https://stripe.com/docs/payments/afterpay-clearpay/accept-a-payment?platform=web#web-create-payment-intent)\n\n## Important Notes about `checkoutSessionInput`\n\n- checkoutSessionInput Sample for `AfterClearPay` Payment. [Check here for more info](https://stripe.com/docs/payments/afterpay-clearpay/accept-a-payment?platform=web#additional-payment-method-options)\n\n```\ncheckoutSessionInput: {\n          payment_method: {\n            billing_details: {\n              email: 'jenny@rosen.com',\n              name: 'Jenny Rosen',\n              address: {\n                line1: '1234 Main Street',\n                city: 'San Francisco',\n                state: 'CA',\n                country: 'US',\n                postal_code: '94111',\n              },\n            },\n          },\n          return_url: 'https://imaginationeverywhere.info/?status=complete',\n        }\n```\n\n- checkoutSessionInput Sample for `Affirm` Payment. [Check here for more info](https://docs.affirm.com/developers/docs/create-a-checkout-object)\n\n```\ncheckoutSessionInput: {\n          merchant: {\n            user_cancel_url: 'https://www.affirm.com/?status=cancel',\n            user_confirmation_url: 'https://www.affirm.com/?status=complete',\n            user_confirmation_url_action: 'GET',\n            merchant: 'Affirm Demo Inc.'\n          },\n\n          shipping: {\n            name: {\n              first: 'John',\n              last: 'Doe'\n            },\n            address: {\n              line1: \"225 Bush Street.'\",\n              line2: 'Floor 16',\n              city: 'San Francisco',\n              state: 'CA',\n              country: 'US',\n              zipcode: '94104'\n            },\n            email: 'john.doe@affirm.com',\n            phone_number: '4155555555'\n          },\n          billing: {\n            name: {\n              first: 'John',\n              last: 'Doe'\n            },\n            address: {\n              line1: \"225 Bush Street.'\",\n              line2: 'Floor 16',\n              city: 'Beckley',\n              state: 'CA',\n              country: 'US',\n              zipcode: '24801'\n            },\n            email: 'john.doe@affirm.com',\n            phone_number: '4155555555'\n          },\n          items: [\n            {\n              sku: '123456789',\n              display_name: 'Affirm Scarf',\n              unit_price: 60000,\n              qty: 1\n            }\n          ],\n          order_id: 'JKLMO4322',\n          currency: 'USD',\n          financing_program: 'flyus_3z6r13r',\n          shipping_amount: 1000,\n          tax_amount: 500,\n          total: 100000\n        }\n```\n\n## Important Notes about URLs\n\n- For AfterClearPay `return_url` must have the query string params `?status=complete`\n\n- For Affirm:\n\n  - `user_cancel_url` must have the query string params `?status=cancel`\n\n  - `user_confirmation_url` must have the query string params `?status=complete`\n\n## Component props\n\n- `publicKey` (String) - Stripe public key of your project.\n- `client_secret` (String) - for AfterClearPay only; client secret from the paymentIntent [Doc here](https://stripe.com/docs/payments/afterpay-clearpay/accept-a-payment?platform=web#web-create-payment-intent)\n- `checkoutSessionInput` (Object) - Object to be passed to Stripe's `redirectToCheckout` function [Docs](https://stripe.com/docs/payments/afterpay-clearpay/accept-a-payment?platform=web#additional-payment-method-options).\n  or Affirm's redirect checkoutObject. [Docs](https://docs.affirm.com/developers/docs/open-affirm-checkout#example).\n\n- `onComplete` (?Function) - Called upon success or failure of the checkout session with `{ ...props }`\n- `webViewProps` (?Object) - WebView Component props, spread on the WebView Component.\n\n# Implementation on Web\n\n### For AffirmPay\n\n- [Affirm Payment With SPA](https://www.bytestechnolab.com/blog/simple-guide-to-integrating-affirm-payment-method-with-spa/)\n- [Affirm Checkout Web](https://docs.affirm.com/developers/docs/checkout-web)\n\n### For AfterClearpay\n\n- [Accept Afterpay/ClearPay with React](https://www.youtube.com/watch?v=GS91DCwn_Ek)\n- [Accept an Afterpay or Clearpay payment](https://stripe.com/docs/payments/afterpay-clearpay/accept-a-payment)\n","readmeFilename":"README.md"}