Merge pull request #249 from hyva-themes/63/discount-codes-form

Apply discount code form

Author: rajeev-k-tomy

src/reactapp/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "hyva-react-checkout",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Highly Customizable Checkout for Magento 2, Built with React.",
   "repository": "local",
   "keywords": [

src/reactapp/package.json

@@ -0,0 +1,16 @@
+import sendRequest from '../../../sendRequest';
+import modifier from '../../fetchGuestCart/modifier';
+import { APPLY_COUPON_CODE_MUTATION } from './mutation';
+import LocalStorage from '../../../../utils/localStorage';
+
+export default async function applyCouponCode(dispatch, couponCode) {
+  const variables = { couponCode, cartId: LocalStorage.getCartId() };
+
+  return modifier(
+    await sendRequest(dispatch, {
+      query: APPLY_COUPON_CODE_MUTATION,
+      variables,
+    }),
+    'applyCouponToCart.cart'
+  );
+}

src/reactapp/src/api/cart/coupon/applyCouponCode/applyCouponCode.js

@@ -0,0 +1,19 @@
+import { CART_DATA_FRAGMENT } from '../../utility/query/cartQueryInfo';
+
+export const APPLY_COUPON_CODE_MUTATION = `
+  mutation applyCouponToCartMutation(
+    $cartId: String!
+    $couponCode: String!
+  ) {
+    applyCouponToCart(
+      input: {
+        cart_id: $cartId
+        coupon_code: $couponCode
+      }
+    ) {
+      cart {
+        ${CART_DATA_FRAGMENT}
+      }
+    }
+  }
+`;

src/reactapp/src/api/cart/coupon/applyCouponCode/mutation.js

@@ -0,0 +1,4 @@
+import applyCouponCodeToCart from './applyCouponCode/applyCouponCode';
+import removeCouponCodeFromCart from './removeCouponCode/removeCouponCode';
+
+export { applyCouponCodeToCart, removeCouponCodeFromCart };

src/reactapp/src/api/cart/coupon/index.js

@@ -0,0 +1,17 @@
+import { CART_DATA_FRAGMENT } from '../../utility/query/cartQueryInfo';
+
+export const REMOVE_COUPON_CODE_MUTATION = `
+  mutation removeCouponFromCartMutation(
+    $cartId: String!
+  ) {
+    removeCouponFromCart(
+      input: {
+        cart_id: $cartId
+      }
+    ) {
+      cart {
+        ${CART_DATA_FRAGMENT}
+      }
+    }
+  }
+`;

src/reactapp/src/api/cart/coupon/removeCouponCode/mutation.js

@@ -0,0 +1,16 @@
+import sendRequest from '../../../sendRequest';
+import modifier from '../../fetchGuestCart/modifier';
+import { REMOVE_COUPON_CODE_MUTATION } from './mutation';
+import LocalStorage from '../../../../utils/localStorage';
+
+export default async function removeCouponCode(dispatch, couponCode) {
+  const variables = { couponCode, cartId: LocalStorage.getCartId() };
+
+  return modifier(
+    await sendRequest(dispatch, {
+      query: REMOVE_COUPON_CODE_MUTATION,
+      variables,
+    }),
+    'removeCouponFromCart.cart'
+  );
+}

src/reactapp/src/api/cart/coupon/removeCouponCode/removeCouponCode.js

@@ -77,11 +77,13 @@ export default function fetchGuestCartModifier(result, dataMethod) {
   const cartPrices = _get(cartData, 'prices', {});
   const paymentMethods = _get(cartData, 'available_payment_methods', []);
   const selectedPaymentMethod = _get(cartData, 'selected_payment_method', {});
+  const appliedCoupon = _get(cartData, 'applied_coupons[0].code') || '';
 
   return {
     id: cartData.id,
     email: cartData.email,
     isVirtualCart: cartData.is_virtual,
+    appliedCoupon,
     items: modifyCartItemsData(cartItems),
     billing_address: modifyBillingAddressData(billingAddress),
     shipping_address: modifyShippingAddressList(shippingAddresses),

src/reactapp/src/api/cart/fetchGuestCart/modifier.js

@@ -9,6 +9,9 @@ export const CART_QUERY_PART = `
     id
     email
     is_virtual
+    applied_coupons {
+      code
+    }
     ${cartItemsInfo}
     ${cartPriceInfo}
     ${cartBillingAddrInfo}

src/reactapp/src/api/cart/fetchGuestCart/query.js

@@ -8,6 +8,9 @@ export const CART_DATA_FRAGMENT = `
   id
   email
   is_virtual
+  applied_coupons {
+    code
+  }
   ${cartItemsInfo}
   ${cartBillingAddrInfo}
   ${cartShippingAddrInfo}