@evershop/evershop 1.0.0-beta

package/src/modules/promotion/api/admin/couponList/getCoupons.js

@@ -0,0 +1,10 @@
+const { select } = require("@evershop/mysql-query-builder");
+const { pool } = require("../../../../../lib/mysql/connection");
+
+// eslint-disable-next-line no-unused-vars
+module.exports = async (request, response) => {
+  response.json({
+    success: true,
+    data: await select().from('coupon').execute(pool)
+  })
+};

package/src/modules/promotion/api/admin/couponList/route

@@ -0,0 +1,2 @@
+GET
+/coupons

package/src/modules/promotion/api/admin/couponUpdate/[bodyParser]validateCouponCode[getConnection].js

@@ -0,0 +1,23 @@
+module.exports = async (request, response, stack, next) => {
+  if (!request.body.coupon) {
+    response.status(500).json({
+      success: false,
+      message: 'Coupon code is required'
+    });
+    return;
+  } else if (!/^\S*$/.test(request.body.coupon)) {
+    response.status(500).json({
+      success: false,
+      message: 'Coupon code is required'
+    });
+    return;
+  } else {
+    if (!request.body.start_date) {
+      request.body.start_date = null;
+    }
+    if (!request.body.end_date) {
+      request.body.end_date = null;
+    }
+    return next();
+  }
+};

package/src/modules/promotion/api/admin/couponUpdate/[getConnection]updateCoupon[finish].js

@@ -0,0 +1,15 @@
+const { update } = require('@evershop/mysql-query-builder');
+
+module.exports = async (request, response, stack) => {
+  const connection = await stack.getConnection;
+
+  // Correct the free_shipping
+  request.body.free_shipping = parseInt(request.body.free_shipping) === 1 ? 1 : 0;
+
+  // Save the coupon
+  await update('coupon').given(request.body)
+    .where('coupon_id', '=', request.params.id)
+    .execute(connection);
+
+  return request.params.id;
+};

package/src/modules/promotion/api/admin/couponUpdate/bodyParser.js

@@ -0,0 +1,7 @@
+const bodyParser = require('body-parser');
+
+module.exports = (request, response, stack, next) => {
+  bodyParser.json({ inflate: false })(request, response, () => {
+    bodyParser.urlencoded({ extended: true })(request, response, next);
+  });
+}

package/src/modules/promotion/api/admin/couponUpdate/finish[apiResponse].js

@@ -0,0 +1,29 @@
+const { commit, rollback } = require('@evershop/mysql-query-builder');
+
+// eslint-disable-next-line no-unused-vars
+module.exports = async (request, response, stack, next) => {
+  const promises = [];
+  Object.keys(stack).forEach((id) => {
+    // Check if middleware is async
+    if (stack[id] instanceof Promise) {
+      promises.push(stack[id]);
+    }
+  });
+  const connection = await stack.getConnection;
+  const results = await Promise.allSettled(promises);
+  if (results.findIndex((r) => r.status === 'rejected') === -1) {
+    await commit(connection);
+    response.json({
+      data: {},
+      success: true,
+      message: 'Coupon was updated successfully'
+    });
+  } else {
+    await rollback(connection);
+    response.json({
+      data: {},
+      success: false,
+      message: 'Somthing wrong. Please try again'
+    });
+  }
+};

package/src/modules/promotion/api/admin/couponUpdate/getConnection[finish].js

@@ -0,0 +1,10 @@
+const { startTransaction } = require('@evershop/mysql-query-builder');
+const { getConnection } = require('../../../../../lib/mysql/connection');
+
+// eslint-disable-next-line no-unused-vars
+module.exports = async (request, response) => {
+  const connection = await getConnection();
+  await startTransaction(connection);
+
+  return connection;
+};

package/src/modules/promotion/api/admin/couponUpdate/route

@@ -0,0 +1,2 @@
+PUT
+/coupons/:id(\d+)

package/src/modules/promotion/api/frontStore/couponApply/[context]bodyParser[auth].js

@@ -0,0 +1,5 @@
+const bodyParser = require('body-parser');
+
+module.exports = (request, response, stack, next) => {
+  bodyParser.json({ inflate: false })(request, response, next);
+}

package/src/modules/promotion/api/frontStore/couponApply/[validateCouponCode]applyCoupon.js

@@ -0,0 +1,29 @@
+const { getCartByUUID } = require("../../../../checkout/services/getCartByUUID");
+const { saveCart } = require("../../../../checkout/services/saveCart");
+
+module.exports = async (request, response, stack, next) => {
+  try {
+    const { cartId, coupon } = request.body;
+    const cart = await getCartByUUID(cartId);
+    if (!cart) {
+      throw new Error("Invalid cart id");
+    }
+    await cart.setData('coupon', coupon);
+    await saveCart(cart);
+    response.$body = {
+      data: {
+        coupon: coupon
+      },
+      success: true,
+      message: `Coupon applied successfully`
+    };
+    next();
+  } catch (e) {
+    response.status(500).json({
+      message: 'Invalid coupon code',
+      success: false,
+      data: {}
+    });
+    return;
+  }
+};

package/src/modules/promotion/api/frontStore/couponApply/route

@@ -0,0 +1,2 @@
+POST
+/coupon/apply

package/src/modules/promotion/api/frontStore/couponApply/validateCouponCode.js

@@ -0,0 +1,11 @@
+module.exports = async (request, response, stack, next) => {
+  if (!request.body.coupon || !/^\S*$/.test(request.body.coupon)) {
+    response.status(500).json({
+      success: false,
+      message: 'Coupon code is required'
+    });
+    return;
+  } else {
+    return next();
+  }
+};

package/src/modules/promotion/bootstrap.js

@@ -0,0 +1,93 @@
+const { Cart } = require("../checkout/services/cart/Cart");
+const { Item } = require("../checkout/services/cart/Item");
+const { toPrice } = require("../checkout/services/toPrice");
+const { Validator } = require("./services/couponValidator");
+const { DiscountCalculator } = require("./services/discountCalculator");
+
+module.exports = () => {
+  /** Adding fields to the Cart object */
+  const promotionFields = [
+    {
+      key: 'coupon',
+      async resolver() {
+        const coupon = this.dataSource['coupon'] ?? this.dataSource['coupon'] ?? null;
+        if (coupon) {
+          const validator = new Validator();
+          const check = await validator.validate(this.dataSource['coupon'], this);
+          if (check === true) {
+            return coupon;
+          } else {
+            return null;
+          }
+        } else {
+          return null;
+        }
+      },
+      'dependencies': ['items'] // TODO: Add customer id and customer group id as a dependency
+    },
+    {
+      key: 'discount_amount',
+      async resolver() {
+        const coupon = this.dataSource['coupon'] ?? this.dataSource['coupon'] ?? null;
+        if (!coupon) {
+          return 0;
+        }
+        // Start calculate discount amount
+        let calculator = new DiscountCalculator(this);
+        await calculator.calculate(this.getData('coupon'));
+        let discountAmounts = calculator.getDiscounts();
+        let discountAmount = 0;
+        for (const id in discountAmounts) {
+          // Set discount amount to cart items
+          const item = this.getItem(id);
+          await item.setData('discount_amount', discountAmounts[id]);
+          discountAmount += discountAmounts[id];
+        }
+
+        return discountAmount;
+      },
+      'dependencies': ['coupon']
+    }
+  ]
+  Cart.fields.push(...promotionFields);
+
+  // Overwrite the 'grand_total' field
+  Cart.fields.forEach((field) => {
+    if (field.key === 'grand_total') {
+      const prevResolver = field.resolver;
+      field.resolver = async function resolver() {
+        let prev = await prevResolver.call(this);
+        return prev - this.getData('discount_amount');
+      }
+      field.dependencies = field.dependencies.concat(['discount_amount']);
+    }
+  });
+
+  /** Adding fields to the Cart Item object */
+  const itemPromotionFields = [
+    {
+      key: 'discount_amount',
+      async resolver() {
+        if (this.dataSource.discount_amount) {
+          return toPrice(this.dataSource.discount_amount);
+        } else {
+          return 0;
+        }
+      },
+      'dependencies': []
+    }
+  ]
+  Item.fields.push(...itemPromotionFields);
+
+  // Overwrite the 'total' field
+  Item.fields.forEach((field) => {
+    if (field.key === 'total') {
+      const prevResolver = field.resolver;
+      field.resolver = async function resolver() {
+        let prev = await prevResolver.call(this);
+        return prev - this.getData('discount_amount');
+      }
+      field.dependencies = field.dependencies.concat(['discount_amount']);
+    }
+  });
+}

package/src/modules/promotion/components/BuyXGetY.js

@@ -0,0 +1,150 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { Field } from '../../../lib/components/form/Field';
+import { FORM_FIELD_UPDATED } from '../../../lib/util/events';
+
+export function BuyXGetY({ requireProducts, discountType }) {
+  const [products, setProducts] = React.useState(requireProducts);
+  const [active, setActive] = React.useState(() => {
+    if (discountType === 'buy_x_get_y') {
+      return true;
+    } else {
+      return false;
+    }
+  });
+
+  React.useEffect(() => {
+    const token = PubSub.subscribe(FORM_FIELD_UPDATED, (message, data) => {
+      if (data.name === 'discount_type') {
+        if (data.value === 'buy_x_get_y') {
+          setActive(true);
+        } else {
+          setActive(false);
+        }
+      }
+    });
+
+    return function cleanup() {
+      PubSub.unsubscribe(token);
+    };
+  }, []);
+
+  const addProduct = (e) => {
+    e.persist();
+    e.preventDefault();
+    setProducts(products.concat({
+      sku: '',
+      buy_qty: '',
+      get_qty: '',
+      max_y: '',
+      discount: 100
+    }));
+  };
+
+  const removeProduct = (e, index) => {
+    e.persist();
+    e.preventDefault();
+    const newProducts = products.filter((_, i) => i !== index);
+    setProducts(newProducts);
+  };
+
+  return (
+    <>
+      {active === true && (
+        <div>
+          <table className="table table-bordered">
+            <thead>
+              <tr>
+                <th><span>Sku</span></th>
+                <th><span>X</span></th>
+                <th><span>Y</span></th>
+                <th><span>Max of Y</span></th>
+                <th><span>Discount percent</span></th>
+                <th />
+              </tr>
+            </thead>
+            <tbody>
+              {products.map((p, i) => (
+                <tr key={i}>
+                  <td>
+                    <Field
+                      type="text"
+                      name={`buyx_gety[${i}][sku]`}
+                      value={p.sku}
+                      validationRules={['notEmpty']}
+                    />
+                  </td>
+                  <td>
+                    <Field
+                      type="text"
+                      name={`buyx_gety[${i}][buy_qty]`}
+                      value={p.buyQty}
+                      validationRules={['notEmpty', 'number']}
+                    />
+                  </td>
+                  <td>
+                    <Field
+                      type="text"
+                      name={`buyx_gety[${i}][get_qty]`}
+                      value={p.getQty}
+                      validationRules={['notEmpty', 'number']}
+                    />
+                  </td>
+                  <td>
+                    <Field
+                      type="text"
+                      name={`buyx_gety[${i}][max_y]`}
+                      value={p.maxY}
+                      validationRules={['notEmpty', 'number']}
+                    />
+                  </td>
+                  <td>
+                    <Field
+                      type="text"
+                      name={`buyx_gety[${i}][discount]`}
+                      value={p.discount}
+                      validationRules={['notEmpty']}
+                    />
+                  </td>
+                  <td>
+                    <a className="text-critical" href="#" onClick={(e) => removeProduct(e, i)}>
+                      <svg xmlns="http://www.w3.org/2000/svg" width={'1.5rem'} height={'1.5rem'} fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                        <path strokeLinecap="round" strokeLinejoin="round" d="M18 12H6" />
+                      </svg>
+                    </a></td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+          <div className="mt-1 flex justify-start">
+            <div className="items-center flex">
+              <svg xmlns="http://www.w3.org/2000/svg" width={'1.5rem'} height={'1.5rem'} fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                <path strokeLinecap="round" strokeLinejoin="round" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
+              </svg>
+            </div>
+            <div className="pl-1">
+              <a href="#" onClick={(e) => addProduct(e)} >
+                <span>Add product</span>
+              </a>
+            </div>
+          </div>
+        </div>
+      )}
+    </>
+  );
+}
+
+BuyXGetY.propTypes = {
+  requireProducts: PropTypes.arrayOf(PropTypes.shape({
+    sku: PropTypes.string,
+    buyQty: PropTypes.string,
+    getQty: PropTypes.string,
+    maxY: PropTypes.string,
+    discount: PropTypes.string
+  })),
+  discountType: PropTypes.string
+}
+
+BuyXGetY.defaultProps = {
+  requireProducts: []
+}

package/src/modules/promotion/components/CouponForm.js

@@ -0,0 +1,99 @@
+import React from 'react';
+import { Form } from '../../../lib/components/form/Form';
+import Area from '../../../lib/components/Area';
+import { get } from '../../../lib/util/get';
+import { toast } from 'react-toastify';
+import Button from '../../../lib/components/form/Button';
+import { Card } from '../../cms/components/admin/Card';
+import './CouponForm.scss';
+
+export default function CouponForm({ method, isJSON, action, gridUrl }) {
+  const id = "couponForm";
+  return (
+    <Form
+      method={method}
+      isJSON={isJSON}
+      action={action}
+      submitBtn={false}
+      onSuccess={(response) => {
+        if (get(response, 'success') === true) {
+          toast.success(get(response, 'message', 'Coupon was created successfully'));
+          setTimeout(() => { window.location = gridUrl }, 300);
+        } else {
+          toast.error(get(response, 'message', 'Something wrong. Please try again'));
+        }
+      }}
+      onError={() => {
+        toast.error('Something wrong. Please reload the page!');
+      }}
+      id={id}
+    >
+      <div className='grid grid-cols-1 gap-2'>
+        <Card
+          title="General"
+        >
+          <Card.Session>
+            <Area
+              id="couponEditGeneral"
+              noOuter
+            />
+          </Card.Session>
+        </Card>
+        <Card
+          title="Discount Type"
+        >
+          <Card.Session>
+            <Area
+              id="couponEditDiscountType"
+              noOuter
+            />
+          </Card.Session>
+        </Card>
+        <div className="grid grid-cols-3 gap-x-2 grid-flow-row ">
+          <div className="col-span-2 grid grid-cols-1 gap-2 auto-rows-max">
+            <Card title="Order conditions">
+              <Card.Session>
+                <Area
+                  id="couponEditLeft"
+                  noOuter
+                  className="col-8"
+                />
+              </Card.Session>
+            </Card>
+          </div>
+          <div className="col-span-1 grid grid-cols-1 gap-2 auto-rows-max">
+            <Card
+              title="Customer conditions"
+            >
+              <Card.Session>
+                <Area
+                  id="couponEditRight"
+                  className="col-4"
+                  noOuter
+                />
+              </Card.Session>
+            </Card>
+          </div>
+        </div>
+      </div>
+      <div className="form-submit-button flex border-t border-divider mt-15 pt-15 justify-between">
+        <Button
+          title="Cancel"
+          variant="critical"
+          outline
+          onAction={
+            () => {
+              window.location = gridUrl;
+            }
+          }
+        />
+        <Button
+          title="Save"
+          onAction={
+            () => { document.getElementById(id).dispatchEvent(new Event('submit', { cancelable: true, bubbles: true })); }
+          }
+        />
+      </div>
+    </Form>
+  );
+}

package/src/modules/promotion/components/CouponForm.scss

@@ -0,0 +1,7 @@
+.page-heading {
+    max-width: 100rem;
+}
+.main-content-inner {
+    max-width: 100rem;
+    margin: 0 auto;
+}