@solidgate/react-sdk 1.0.0

package/README.md

@@ -0,0 +1,94 @@
+# Solid react-sdk
+
+## Installation
+
+```
+npm install --save @solidgate/react-sdk
+```
+
+## Minimal example
+
+```typescript
+import React from 'react'
+import ReactDOM from 'react-dom';
+import Payment from "@solidgate/react-sdk"
+
+/**
+ * Configuration, as it described here
+ * https://dev.solidgate.com/developers/documentation/solid-payment-form
+ */
+
+const merchantData = {
+    merchant: '<<--YOUR MERCHANT ID-->>',
+    signature: '<<--YOUR SIGNATURE OF THE REQUEST-->>',
+    paymentIntent: '<<--YOUR PAYMENT INTENT-->>'
+  }
+  
+const App = () => {
+
+  const appleContainerRef = useRef(null)
+  const googleContainerRef = useRef(null)
+
+  const handleOnError = (e: SdkMessage[MessageType.Error]) => {}
+
+  const handleOnFail = (e: SdkMessage[MessageType.Fail]) => {}
+
+  const handleOnMounted = (e: SdkMessage[MessageType.Mounted]) => {}
+
+  const handleOrderStatus = (e: SdkMessage[MessageType.OrderStatus]) => {}
+
+  const handleOnResize = (e: SdkMessage[MessageType.Resize]) => {}
+
+  const handleOnSuccess = (e: SdkMessage[MessageType.Success]) => {}
+
+  const handleOnSubmit = (e: SdkMessage[MessageType.Submit]) => {}
+
+  const handleOnInteraction = (e: SdkMessage[MessageType.Interaction]) => {}
+
+  const handleOnVerify = (e: SdkMessage[MessageType.Verify]) => {}
+
+  const handleOnRedirectMessage = (e: SdkMessage[MessageType.Redirect]) => {}
+
+  const handleOnCustomStylesAppended = (e: SdkMessage[MessageType.CustomStylesAppended]) => {}
+
+  const handleOnReadyPaymentInstance = (form: ClientSdkInstance) => {
+    // eslint-disable-next-line no-console
+    console.log('form', form)
+  }
+
+  return (
+    <div>
+      <div ref={appleContainerRef} />
+          <Payment
+              googlePayButtonParams={googlePayButtonParams}
+              applePayButtonParams={applePayButtonParams}
+              googlePayContainerRef={googleContainerRef}
+              applePayContainerRef={appleContainerRef}
+              merchantData={merchantData}
+              styles={customFormStyles}
+              formParams={formParams}
+              onError={handleOnError}
+              onFail={handleOnFail}
+              onMounted={handleOnMounted}
+              onOrderStatus={handleOrderStatus}
+              onResize={handleOnResize}
+              onSuccess={handleOnSuccess}
+              onSubmit={handleOnSubmit}
+              onInteraction={handleOnInteraction}
+              onVerify={handleOnVerify}
+              onFormRedirect={handleOnRedirectMessage}
+              onCustomStylesAppended={handleOnCustomStylesAppended}
+              onReadyPaymentInstance={handleOnReadyPaymentInstance}
+          />
+      <div ref={googleContainerRef} />
+    </div>
+  )
+}
+  
+ReactDOM.render(<App />, document.body);
+
+```
+
+## TypeScript support
+
+All TypeScript declarations you can find in ``` @solidgate/react-sdk ```

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@solidgate/react-sdk",
+  "repository": "https://bitbucket.org/solidgate/react-sdk",
+  "version": "1.0.0",
+  "author": "Solidgate",
+  "description": "Solidgate react sdk loader",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "typings": "dist/esm/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@solidgate/client-sdk-loader": "1.0.0",
+    "react-scripts": "5.0.0",
+    "styled-components": "^5.3.3"
+  },
+  "scripts": {
+    "clean": "rm -rf ./dist",
+    "start": "react-scripts start",
+    "prepublishonly": "npm run build",
+    "build": "npm run clean && npm run build:esm && npm run build:cjs ",
+    "build:esm": "tsc",
+    "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "i-all": "npm i && cd playground && npm i"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.17.0",
+    "@babel/core": "^7.17.0",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.16.7",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^12.0.0",
+    "@testing-library/user-event": "^13.2.1",
+    "@types/jest": "^27.0.1",
+    "@types/node": "^16.7.13",
+    "@types/react": "^17.0.20",
+    "@types/react-dom": "^17.0.9",
+    "@types/styled-components": "^5.1.22",
+    "cross-env": "^7.0.3",
+    "typescript": "^4.4.2"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  }
+}