Create coupons by admin added

Author: keyurdoshi03

services/community/api/controllers/coupon_controller.go

@@ -16,6 +16,7 @@ package controllers
 
 import (
 	"encoding/json"
+	"fmt"
 	"io"
 	"log"
 	"net/http"
@@ -46,12 +47,20 @@ func (s *Server) AddNewCoupon(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 	coupon.Prepare()
+
+	existingCoupon, err := models.ValidateCode(s.Client, s.DB, bson.M{"coupon_code": coupon.CouponCode})
+	if err == nil && existingCoupon.CouponCode != "" {
+		responses.ERROR(w, http.StatusConflict, fmt.Errorf("Coupon code already exists"))
+		return
+	}
+
 	savedCoupon, er := models.SaveCoupon(s.Client, coupon)
 	if er != nil {
 		responses.ERROR(w, http.StatusInternalServerError, er)
+		return
 	}
 	if savedCoupon.CouponCode != "" {
-		responses.JSON(w, http.StatusOK, "Coupon Added in database")
+		responses.JSON(w, http.StatusOK, "Coupon added in database!")
 	}
 
 }

services/web/src/actions/shopActions.ts

@@ -114,3 +114,18 @@ export const applyCouponAction = ({
     },
   };
 };
+
+export const newCouponAction = ({
+  accessToken,
+  callback,
+  ...data
+}: ActionPayload) => {
+  return {
+    type: actionTypes.NEW_COUPON,
+    payload: {
+      accessToken,
+      ...data,
+      callback,
+    },
+  };
+};

services/web/src/components/shop/shop.tsx

@@ -33,9 +33,11 @@ import {
   PlusOutlined,
   OrderedListOutlined,
   ShoppingCartOutlined,
+  GiftOutlined,
 } from "@ant-design/icons";
-import { COUPON_CODE_REQUIRED } from "../../constants/messages";
+import { COUPON_CODE_REQUIRED, COUPON_AMOUNT_REQUIRED } from "../../constants/messages";
 import { useNavigate } from "react-router-dom";
+import roleTypes from "../../constants/roleTypes";
 
 const { Content } = Layout;
 const { Meta } = Card;
@@ -59,6 +61,12 @@ interface ShopProps extends PropsFromRedux {
   nextOffset: number | null;
   onOffsetChange: (offset: number | null) => void;
   onBuyProduct: (product: Product) => void;
+  isNewCouponFormOpen: boolean;
+  setIsNewCouponFormOpen: (isOpen: boolean) => void;
+  newCouponHasErrored: boolean;
+  newCouponErrorMessage: string;
+  onNewCouponFinish: (values: any) => void;
+  role: string;
 }
 
 const ProductAvatar: React.FC<{ image_url: string }> = ({ image_url }) => (
@@ -105,6 +113,12 @@ const Shop: React.FC<ShopProps> = (props) => {
     nextOffset,
     onOffsetChange,
     onBuyProduct,
+    isNewCouponFormOpen,
+    setIsNewCouponFormOpen,
+    newCouponHasErrored,
+    newCouponErrorMessage,
+    onNewCouponFinish,
+    role,
   } = props;
 
   return (
@@ -114,6 +128,18 @@ const Shop: React.FC<ShopProps> = (props) => {
         title="Shop"
         onBack={() => navigate("/dashboard")}
         extra={[
+          role === roleTypes.ROLE_ADMIN && (
+            <Button
+              type="primary"
+              shape="round"
+              icon={<GiftOutlined />}
+              size="large"
+              key="new-coupon"
+              onClick={() => setIsNewCouponFormOpen(true)}
+            >
+              Create Coupon
+            </Button>
+          ),
           <Button
             type="primary"
             shape="round"
@@ -134,7 +160,7 @@ const Shop: React.FC<ShopProps> = (props) => {
           >
             Past Orders
           </Button>,
-        ]}
+        ].filter(Boolean)}
       />
       <Descriptions column={1} className="balance-desc">
         <Descriptions.Item label="Available Balance">
@@ -211,6 +237,47 @@ const Shop: React.FC<ShopProps> = (props) => {
           </Form.Item>
         </Form>
       </Modal>
+      <Modal
+        title="Create New Coupon"
+        open={isNewCouponFormOpen}
+        footer={null}
+        onCancel={() => setIsNewCouponFormOpen(false)}
+      >
+        <Form
+          name="basic"
+          initialValues={{
+            remember: true,
+          }}
+          onFinish={onNewCouponFinish}
+        >
+          <Form.Item
+            name="couponCode"
+            rules={[{ required: true, message: COUPON_CODE_REQUIRED }]}
+          >
+            <Input placeholder="Coupon Code" />
+          </Form.Item>
+          <Form.Item
+            name="amount"
+            rules={[
+              { required: true, message: COUPON_AMOUNT_REQUIRED },
+              {
+                pattern: /^\d+$/,
+                message: "Please enter a valid amount!",
+              },
+            ]}
+          >
+            <Input placeholder="Amount" type="number" step="1" />
+          </Form.Item>
+          <Form.Item>
+            {newCouponHasErrored && (
+              <div className="error-message">{newCouponErrorMessage}</div>
+            )}
+            <Button type="primary" htmlType="submit" className="form-button">
+              Create
+            </Button>
+          </Form.Item>
+        </Form>
+      </Modal>
     </Layout>
   );
 };
@@ -223,12 +290,16 @@ interface RootState {
     prevOffset: number | null;
     nextOffset: number | null;
   };
+  userReducer: {
+    role: string;
+  };
 }
 
 const mapStateToProps = (state: RootState) => {
   const { accessToken, availableCredit, products, prevOffset, nextOffset } =
     state.shopReducer;
-  return { accessToken, availableCredit, products, prevOffset, nextOffset };
+  const { role } = state.userReducer;
+  return { accessToken, availableCredit, products, prevOffset, nextOffset, role };
 };
 
 const connector = connect(mapStateToProps);

services/web/src/constants/APIConstant.ts

@@ -76,5 +76,6 @@ export const requestURLS: RequestURLSType = {
   GET_POST_BY_ID: "api/v2/community/posts/<postId>",
   ADD_COMMENT: "api/v2/community/posts/<postId>/comment",
   VALIDATE_COUPON: "api/v2/coupon/validate-coupon",
+  NEW_COUPON: "api/v2/coupon/new-coupon",
   VALIDATE_TOKEN: "api/auth/verify",
 };

services/web/src/constants/actionTypes.ts

@@ -70,6 +70,7 @@ const actionTypes = {
   RETURN_ORDER: "RETURN_ORDER",
   ORDER_RETURNED: "ORDER_RETURNED",
   APPLY_COUPON: "APPLY_COUPON",
+  NEW_COUPON: "NEW_COUPON",
 
   GET_POSTS: "GET_POSTS",
   FETCHED_POSTS: "FETCHED_POSTS",

services/web/src/constants/messages.ts

@@ -53,6 +53,7 @@ export const POST_TITLE_REQUIRED: string = "Please enter title for post!";
 export const POST_DESC_REQUIRED: string = "Please enter description for Post!";
 export const COMMENT_REQUIRED: string = "Please enter a comment!";
 export const COUPON_CODE_REQUIRED: string = "Please enter a coupon code!";
+export const COUPON_AMOUNT_REQUIRED: string = "Please enter a coupon amount!";
 
 export const NO_VEHICLE_DESC_1: string =
   "Your newly purchased Vehicle Details have been sent to you email address. Please check your email for the VIN and PIN code of your vehicle using the MailHog web portal.";
@@ -83,6 +84,7 @@ export const ORDER_NOT_RETURNED: string = "Could not return order";
 export const INVALID_COUPON_CODE: string = "Invalid Coupon Code";
 export const COUPON_APPLIED: string = "Coupon applied";
 export const COUPON_NOT_APPLIED: string = "Could not validate coupon";
+export const COUPON_NOT_CREATED: string = "Could not create coupon";
 export const INVALID_CREDS: string = "Invalid Username or Password";
 export const INVALID_CODE_CREDS: string = "Invalid Email or Code";
 export const SIGN_UP_SUCCESS: string = "User Registered Successfully!";

services/web/src/containers/shop/shop.js

@@ -22,6 +22,7 @@ import {
   getProductsAction,
   buyProductAction,
   applyCouponAction,
+  newCouponAction,
 } from "../../actions/shopActions";
 import Shop from "../../components/shop/shop";
 import { useNavigate } from "react-router-dom";
@@ -36,6 +37,10 @@ const ShopContainer = (props) => {
   const [errorMessage, setErrorMessage] = React.useState("");
   const [isCouponFormOpen, setIsCouponFormOpen] = useState(false);
 
+  const [newCouponHasErrored, setNewCouponHasErrored] = React.useState(false);
+  const [newCouponErrorMessage, setNewCouponErrorMessage] = React.useState("");
+  const [isNewCouponFormOpen, setIsNewCouponFormOpen] = useState(false);
+
   useEffect(() => {
     const callback = (res, data) => {
       if (res !== responseTypes.SUCCESS) {
@@ -98,6 +103,26 @@ const ShopContainer = (props) => {
     });
   };
 
+  const handleNewCouponFormFinish = (values) => {
+    const callback = (res, data) => {
+      if (res === responseTypes.SUCCESS) {
+        setIsNewCouponFormOpen(false);
+        Modal.success({
+          title: SUCCESS_MESSAGE,
+          content: data,
+        });
+      } else {
+        setNewCouponHasErrored(true);
+        setNewCouponErrorMessage(data);
+      }
+    };
+    props.newCoupon({
+      callback,
+      accessToken,
+      ...values,
+    });
+  };
+
   return (
     <Shop
       onBuyProduct={handleBuyProduct}
@@ -107,6 +132,11 @@ const ShopContainer = (props) => {
       errorMessage={errorMessage}
       onFinish={handleFormFinish}
       onOffsetChange={handleOffsetChange}
+      isNewCouponFormOpen={isNewCouponFormOpen}
+      setIsNewCouponFormOpen={setIsNewCouponFormOpen}
+      newCouponHasErrored={newCouponHasErrored}
+      newCouponErrorMessage={newCouponErrorMessage}
+      onNewCouponFinish={handleNewCouponFormFinish}
       {...props}
     />
   );
@@ -122,13 +152,15 @@ const mapDispatchToProps = {
   getProducts: getProductsAction,
   buyProduct: buyProductAction,
   applyCoupon: applyCouponAction,
+  newCoupon: newCouponAction,
 };
 
 ShopContainer.propTypes = {
   accessToken: PropTypes.string,
   getProducts: PropTypes.func,
   buyProduct: PropTypes.func,
   applyCoupon: PropTypes.func,
+  newCoupon: PropTypes.func,
   nextOffset: PropTypes.number,
   prevOffset: PropTypes.number,
   onOffsetChange: PropTypes.func,

services/web/src/sagas/shopSaga.ts

@@ -27,6 +27,7 @@ import {
   INVALID_COUPON_CODE,
   COUPON_APPLIED,
   COUPON_NOT_APPLIED,
+  COUPON_NOT_CREATED,
 } from "../constants/messages";
 
 interface ReceivedResponse extends Response {
@@ -342,11 +343,51 @@ export function* applyCoupon(action: MyAction): Generator<any, void, any> {
   }
 }
 
+/**
+ * create a new coupon (admin only)
+ * @payload { accessToken, couponCode, amount, callback} payload
+ * accessToken: access token of the user
+ * couponCode: coupon code to create
+ * amount: amount for the coupon
+ * callback : callback method
+ */
+export function* newCoupon(action: MyAction): Generator<any, void, any> {
+  const { accessToken, couponCode, amount, callback } = action.payload;
+  let recievedResponse: ReceivedResponse = {} as ReceivedResponse;
+  try {
+    yield put({ type: actionTypes.FETCHING_DATA });
+    let postUrl = APIService.COMMUNITY_SERVICE + requestURLS.NEW_COUPON;
+    const headers = {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${accessToken}`,
+    };
+    const responseJson = yield fetch(postUrl, {
+      headers,
+      method: "POST",
+      body: JSON.stringify({ coupon_code: couponCode, amount: amount }),
+    }).then((response: Response) => {
+      recievedResponse = response as ReceivedResponse;
+      return response.json();
+    });
+
+    yield put({ type: actionTypes.FETCHED_DATA, payload: recievedResponse });
+    if (recievedResponse.ok) {
+      callback(responseTypes.SUCCESS, responseJson);
+    } else {
+      callback(responseTypes.FAILURE, COUPON_NOT_CREATED);
+    }
+  } catch (e) {
+    yield put({ type: actionTypes.FETCHED_DATA, payload: recievedResponse });
+    callback(responseTypes.FAILURE, COUPON_NOT_CREATED);
+  }
+}
+
 export function* shopActionWatcher(): Generator<any, void, any> {
   yield takeLatest(actionTypes.GET_PRODUCTS, getProducts);
   yield takeLatest(actionTypes.BUY_PRODUCT, buyProduct);
   yield takeLatest(actionTypes.GET_ORDERS, getOrders);
   yield takeLatest(actionTypes.GET_ORDER_BY_ID, getOrderById);
   yield takeLatest(actionTypes.RETURN_ORDER, returnOrder);
   yield takeLatest(actionTypes.APPLY_COUPON, applyCoupon);
+  yield takeLatest(actionTypes.NEW_COUPON, newCoupon);
 }