Merge branch 'master' into main

Author: rajeev-k-tomy

README.md

@@ -1,2 +1,35 @@
-# magento2-hyva-checkout-paypal-express
-Paypal Express Payment method for Hyvä Checkout
+# Hyvä Themes - Hyvä Checkout Paypal Express
+
+[![Hyvä Themes](https://repository-images.githubusercontent.com/303806175/a3973c80-479c-11eb-8716-03e369d87143)](https://hyva.io/)
+
+## hyva-themes/magento2-hyva-checkout-paypal-express
+
+Paypal express payment method for Hyvä Checkout
+
+## Prerequisites
+
+1. **[Hyvä Checkout](https://github.com/hyva-themes/magento2-hyva-checkout)** is installed and setup.
+2. Paypal express is configured in the Magento 2 store backend under `Stores > Configuration > Sales > Payment Methods > Paypal Express Checkout`.
+
+## How to use it with Hyvä Checkout?
+Add below code in your `package.json`.
+
+File: `src/reactapp/package.json`
+
+```
+"config": {
+    "paymentMethodsRepo": {
+      "paypalExpress": "[email protected]:hyva-themes/magento2-hyva-checkout-paypal-express.git"
+    }
+},
+```
+With this code in `package.json` and running `npm install`, then you are all set. This repo will be copied into the Hyvä Checkout and configured correctly.
+
+Finally, we need to build the app again. For this, you need to run `npm run build` from the root directory of Hyvä Checkout react app (`src/reactapp`). After this, if you navigate to the checkout page from your site, then you will see the paypal express payment option you have configured in the above step.
+
+## More Reading
+
+- If you have any doubts about the building the react app, then **[read more about it here](https://hyva-themes.github.io/magento2-hyva-checkout/build/)**.
+- If you want to know more about how Hyvä Checkout helps you to integrate any payment methods, then **[read more about it here](https://hyva-themes.github.io/magento2-hyva-checkout/payment-integration/)**.
+- The official documentation of **[Hyvä Checkout](https://hyva-themes.github.io/magento2-hyva-checkout)**
+- The Magento documentation of **[Paypal Express](https://docs.magento.com/user-guide/payment/paypal-express-checkout.html)**

i18n/en_US.json

@@ -0,0 +1,5 @@
+{
+  "Something went wrong while adding the payment method to the quote.": "Something went wrong while adding the payment method to the quote.",
+  "Please complete all the required data.": "Please complete all the required data.",
+  "Paypal Error": "Paypal Error"
+}

renderers.js

@@ -0,0 +1,5 @@
+import PaypalExpress from './src/components/PaypalExpress';
+
+export default {
+  paypal_express: PaypalExpress,
+};

src/api/createCustomerToken/createCustomerToken.js

@@ -0,0 +1,12 @@
+import { CREATE_PAYPAL_EXPRESS_TOKEN } from './mutation';
+import sendRequest from '../../../../../api/sendRequest';
+import LocalStorage from '../../../../../utils/localStorage';
+import modifier from './modifier';
+
+export default async function createCustomerToken(createTokenInput) {
+  const variables = { ...createTokenInput, cartId: LocalStorage.getCartId() };
+
+  return modifier(
+    await sendRequest({ query: CREATE_PAYPAL_EXPRESS_TOKEN, variables })
+  );
+}

src/api/createCustomerToken/index.js

@@ -0,0 +1,3 @@
+import createPaypalExpressCustomerToken from './createCustomerToken';
+
+export default createPaypalExpressCustomerToken;

src/api/createCustomerToken/modifier.js

@@ -0,0 +1,5 @@
+import _get from 'lodash.get';
+
+export default function createCustomerTokenModifier(result) {
+  return _get(result, 'data', {});
+}

src/api/createCustomerToken/mutation.js

@@ -0,0 +1,26 @@
+export const CREATE_PAYPAL_EXPRESS_TOKEN = `
+mutation createPaypalExpressToken(
+    $cartId: String!
+    $returnUrl: String!
+    $cancelUrl: String!
+    $paymentCode: String!
+  ) {
+    createPaypalExpressToken(
+      input: {
+        cart_id: $cartId
+        code: $paymentCode
+        express_button: true
+        urls: {
+          return_url: $returnUrl,
+          cancel_url: $cancelUrl
+        }
+      }
+    ) {
+      token
+      paypal_urls {
+        start
+        edit
+      }
+    }
+  }
+`;

src/api/setPaymentMethod/index.js

@@ -0,0 +1,3 @@
+import setPaypalExpressPaymentMethod from './setPaymentMethod';
+
+export default setPaypalExpressPaymentMethod;

src/api/setPaymentMethod/modifier.js

@@ -0,0 +1,5 @@
+import _get from 'lodash.get';
+
+export default function createCustomerTokenModifier(result) {
+  return _get(result, 'data', {});
+}

src/api/setPaymentMethod/mutation.js

@@ -0,0 +1,28 @@
+export const SET_PAYMENT_METHOD_ON_CART_PAYPAL_EXPRESS = `
+    mutation setPaymentMethodOnCart(
+    $payerId: String!
+    $token: String!
+    $cartId: String!
+    $paymentCode: String!
+  ) {
+    setPaymentMethodOnCart(
+      input: {
+        cart_id: $cartId,
+        payment_method: {
+          code: $paymentCode
+          paypal_express: {
+            payer_id: $payerId
+            token: $token
+          }
+        }
+      }
+    ) {
+      cart {
+        selected_payment_method {
+          code
+          title
+        }
+      }
+    }
+  }
+`;