feat: customer history transaction

app/Http/Controllers/CustomerController.php

@@ -96,6 +96,24 @@ class CustomerController extends Controller
                 ['label' => 'Perempuan', 'value' => 1],
                 ['label' => 'Laki-laki', 'value' => 2],
             ],
+            'transactions' => $customer->transaction()
+                ->latest()
+                ->paginate(10)
+                ->withQueryString()
+                ->through(fn($transaction) => [
+                    'id' => $transaction->id,
+                    'transactionNumber' => $transaction->transaction_number,
+                    'createdAt' => $transaction->created_at,
+                    'customer' => [
+                        'number' => $customer->customer_number,
+                        'name' => $customer->name,
+                        'phone' => $customer->phone,
+                    ],
+                    'price' => $transaction->totalPriceAsFullString(),
+                    'outlet' => $transaction->outlet->name,
+                    'transactionStatusName' => $transaction->transactionStatus->name,
+                    'transactionStatusId' => $transaction->transactionStatus->id,
+                ]),
         ]);
     }
 

app/Http/Requests/Expense/StoreExpenseRequest.php

@@ -24,7 +24,7 @@ class StoreExpenseRequest extends FormRequest
     public function rules()
     {
         return [
-            'description' => 'required|string',
+            'description' => 'required',
             'amount' => 'required|numeric',
         ];
     }

app/Models/Customer.php

@@ -2,6 +2,7 @@
 
 namespace App\Models;
 
+use App\Models\Transaction;
 use Illuminate\Database\Eloquent\Casts\Attribute;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
@@ -24,6 +25,11 @@ class Customer extends Model
         );
     }
 
+    public function transaction()
+    {
+        return $this->hasMany(Transaction::class, 'customer_number', 'customer_number');
+    }
+
     public function scopeFilter($query, $filters)
     {
         $query->when($filters['search'] ?? null, function ($query, $search) {

composer.lock

@@ -7745,16 +7745,16 @@
         },
         {
             "name": "phpunit/phpunit",
-            "version": "9.5.19",
+            "version": "9.5.20",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/phpunit.git",
-                "reference": "35ea4b7f3acabb26f4bb640f8c30866c401da807"
+                "reference": "12bc8879fb65aef2138b26fc633cb1e3620cffba"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/35ea4b7f3acabb26f4bb640f8c30866c401da807",
-                "reference": "35ea4b7f3acabb26f4bb640f8c30866c401da807",
+                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/12bc8879fb65aef2138b26fc633cb1e3620cffba",
+                "reference": "12bc8879fb65aef2138b26fc633cb1e3620cffba",
                 "shasum": ""
             },
             "require": {
@@ -7832,7 +7832,7 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/phpunit/issues",
-                "source": "https://github.com/sebastianbergmann/phpunit/tree/9.5.19"
+                "source": "https://github.com/sebastianbergmann/phpunit/tree/9.5.20"
             },
             "funding": [
                 {
@@ -7844,7 +7844,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2022-03-15T09:57:31+00:00"
+            "time": "2022-04-01T12:37:26+00:00"
         },
         {
             "name": "sebastian/cli-parser",
@@ -9008,16 +9008,16 @@
         },
         {
             "name": "spatie/laravel-ignition",
-            "version": "1.1.1",
+            "version": "1.2.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/laravel-ignition.git",
-                "reference": "f3243fd99351e0a79df6886a5354d8dd88d6d0d2"
+                "reference": "2b54c8c66f2d280f25e15064ebe3d5e3eda19820"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/laravel-ignition/zipball/f3243fd99351e0a79df6886a5354d8dd88d6d0d2",
-                "reference": "f3243fd99351e0a79df6886a5354d8dd88d6d0d2",
+                "url": "https://api.github.com/repos/spatie/laravel-ignition/zipball/2b54c8c66f2d280f25e15064ebe3d5e3eda19820",
+                "reference": "2b54c8c66f2d280f25e15064ebe3d5e3eda19820",
                 "shasum": ""
             },
             "require": {
@@ -9056,6 +9056,9 @@
                 }
             },
             "autoload": {
+                "files": [
+                    "src/helpers.php"
+                ],
                 "psr-4": {
                     "Spatie\\LaravelIgnition\\": "src"
                 }
@@ -9091,7 +9094,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2022-03-21T07:13:26+00:00"
+            "time": "2022-04-01T21:01:58+00:00"
         },
         {
             "name": "theseer/tokenizer",

public/js/resources_js_pages_customer_Edit_vue.js

@@ -295,6 +295,38 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppPagination.vue?vue&type=script&setup=true&lang=js":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppPagination.vue?vue&type=script&setup=true&lang=js ***!
+  \******************************************************************************************************************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @inertiajs/inertia-vue3 */ "./node_modules/@inertiajs/inertia-vue3/dist/index.js");
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  props: {
+    links: Array
+  },
+  setup: function setup(__props, _ref) {
+    var expose = _ref.expose;
+    expose();
+    var __returned__ = {
+      Link: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_0__.Link
+    };
+    Object.defineProperty(__returned__, '__isScriptSetup', {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+
+/***/ }),
+
 /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppSidebar.vue?vue&type=script&setup=true&lang=js":
 /*!***************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppSidebar.vue?vue&type=script&setup=true&lang=js ***!
@@ -562,7 +594,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_AppDropdown_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/components/AppDropdown.vue */ "./resources/js/components/AppDropdown.vue");
 /* harmony import */ var _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/components/AppInputText.vue */ "./resources/js/components/AppInputText.vue");
 /* harmony import */ var _components_AppDialog_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/components/AppDialog.vue */ "./resources/js/components/AppDialog.vue");
-/* harmony import */ var _layouts_AppLayout_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/layouts/AppLayout.vue */ "./resources/js/layouts/AppLayout.vue");
+/* harmony import */ var _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/components/AppPagination.vue */ "./resources/js/components/AppPagination.vue");
+/* harmony import */ var _layouts_AppLayout_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/layouts/AppLayout.vue */ "./resources/js/layouts/AppLayout.vue");
+/* harmony import */ var _TableHeader__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./TableHeader */ "./resources/js/pages/customer/TableHeader.js");
+
+
 
 
 
@@ -574,7 +610,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
     customer: Object,
-    genders: Array
+    genders: Array,
+    transactions: Object
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -631,7 +668,9 @@ __webpack_require__.r(__webpack_exports__);
       AppDropdown: _components_AppDropdown_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
       AppInputText: _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
       AppDialog: _components_AppDialog_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-      AppLayout: _layouts_AppLayout_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
+      AppPagination: _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+      AppLayout: _layouts_AppLayout_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+      TransactionTable: _TableHeader__WEBPACK_IMPORTED_MODULE_9__.TransactionTable
     };
     Object.defineProperty(__returned__, '__isScriptSetup', {
       enumerable: false,
@@ -1040,6 +1079,55 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
 /***/ }),
 
+/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppPagination.vue?vue&type=template&id=4da56ec0":
+/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppPagination.vue?vue&type=template&id=4da56ec0 ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "render": () => (/* binding */ render)
+/* harmony export */ });
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
+
+var _hoisted_1 = {
+  key: 0,
+  "class": "p-paginator p-component flex justify-content-start"
+};
+var _hoisted_2 = {
+  "class": "p-paginator-pages"
+};
+var _hoisted_3 = ["innerHTML"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return $props.links.length > 3 ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("nav", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_2, [((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.renderList)($props.links, function (link, key) {
+    return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, [link.url === null ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", {
+      key: "link-".concat(key),
+      "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-paginator-page p-paginator-element p-link", {
+        'p-disabled': link
+      }]),
+      innerHTML: link.label
+    }, null, 10
+    /* CLASS, PROPS */
+    , _hoisted_3)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), link.url !== null ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
+      key: "link-".concat(key),
+      href: link.url,
+      "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([{
+        'p-highlight': link.active
+      }, "p-paginator-page p-paginator-element p-link"]),
+      innerHTML: link.label
+    }, null, 8
+    /* PROPS */
+    , ["href", "class", "innerHTML"])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)], 64
+    /* STABLE_FRAGMENT */
+    );
+  }), 256
+  /* UNKEYED_FRAGMENT */
+  ))])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true);
+}
+
+/***/ }),
+
 /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppSidebar.vue?vue&type=template&id=22a4e926":
 /*!********************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppSidebar.vue?vue&type=template&id=22a4e926 ***!
@@ -1440,11 +1528,34 @@ var _hoisted_7 = {
 var _hoisted_8 = {
   "class": "flex flex-column sm:flex-row align-items-center sm:justify-content-center sm:justify-content-between"
 };
+
+var _hoisted_9 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h2", null, "Riwayat Transaksi", -1
+/* HOISTED */
+);
+
+var _hoisted_10 = {
+  "class": "grid"
+};
+var _hoisted_11 = {
+  "class": "col-12"
+};
+var _hoisted_12 = {
+  "class": "font-bold"
+};
+var _hoisted_13 = {
+  "class": "font-bold"
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
 
   var _component_Card = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Card");
 
+  var _component_Badge = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Badge");
+
+  var _component_Column = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Column");
+
+  var _component_DataTable = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("DataTable");
+
   return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["Head"], {
     title: "Ubah Customer"
   }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppLayout"], null, {
@@ -1522,6 +1633,110 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
         /* STABLE */
 
+      })])]), _hoisted_9, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_10, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_11, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Card, null, {
+        content: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+          return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_DataTable, {
+            "responsive-layout": "scroll",
+            "column-resize-mode": "expand",
+            value: $props.transactions.data,
+            "row-hover": true,
+            "striped-rows": true
+          }, {
+            "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+              return [((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.renderList)($setup.TransactionTable, function (transactionTable) {
+                return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_Column, {
+                  field: transactionTable.field,
+                  header: transactionTable.header,
+                  key: transactionTable.field
+                }, {
+                  body: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function (_ref) {
+                    var data = _ref.data,
+                        field = _ref.field;
+                    return [field === 'transactionNumber' ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+                      key: 0
+                    }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", _hoisted_12, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(data[field]), 1
+                    /* TEXT */
+                    ), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(data.createdAt), 1
+                    /* TEXT */
+                    )], 64
+                    /* STABLE_FRAGMENT */
+                    )) : field === 'customer' ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+                      key: 1
+                    }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", _hoisted_13, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(data.customer.number), 1
+                    /* TEXT */
+                    ), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(data.customer.name), 1
+                    /* TEXT */
+                    ), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(data.customer.phone), 1
+                    /* TEXT */
+                    )], 64
+                    /* STABLE_FRAGMENT */
+                    )) : field === 'transactionStatusName' ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+                      key: 2
+                    }, [data['transactionStatusId'] === 1 ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_Badge, {
+                      key: 0,
+                      value: data[field]
+                    }, null, 8
+                    /* PROPS */
+                    , ["value"])) : data['transactionStatusId'] === 2 ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_Badge, {
+                      key: 1,
+                      value: data[field],
+                      severity: "warning"
+                    }, null, 8
+                    /* PROPS */
+                    , ["value"])) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_Badge, {
+                      key: 2,
+                      value: data[field],
+                      severity: "success"
+                    }, null, 8
+                    /* PROPS */
+                    , ["value"]))], 2112
+                    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                    )) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+                      key: 3
+                    }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)((0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(data[field]), 1
+                    /* TEXT */
+                    )], 2112
+                    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                    ))];
+                  }),
+                  _: 2
+                  /* DYNAMIC */
+
+                }, 1032
+                /* PROPS, DYNAMIC_SLOTS */
+                , ["field", "header"]);
+              }), 128
+              /* KEYED_FRAGMENT */
+              )), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Column, null, {
+                body: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function (_ref2) {
+                  var data = _ref2.data;
+                  return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButton"], {
+                    icon: "pi pi-angle-double-right",
+                    "class": "p-button-icon-only p-button-rounded p-button-text",
+                    href: _ctx.route('transactions.show', data.id)
+                  }, null, 8
+                  /* PROPS */
+                  , ["href"])];
+                }),
+                _: 1
+                /* STABLE */
+
+              })];
+            }),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["value"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppPagination"], {
+            links: $props.transactions.links
+          }, null, 8
+          /* PROPS */
+          , ["links"])];
+        }),
+        _: 1
+        /* STABLE */
+
       })])])];
     }),
     _: 1
@@ -1534,6 +1749,49 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
 /***/ }),
 
+/***/ "./resources/js/pages/customer/TableHeader.js":
+/*!****************************************************!*\
+  !*** ./resources/js/pages/customer/TableHeader.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "IndexTable": () => (/* binding */ IndexTable),
+/* harmony export */   "TransactionTable": () => (/* binding */ TransactionTable)
+/* harmony export */ });
+var IndexTable = [{
+  field: 'customer_number',
+  header: 'Id Customer'
+}, {
+  field: 'name',
+  header: 'Nama'
+}, {
+  field: 'phone',
+  header: 'HP'
+}, {
+  field: 'gender',
+  header: 'Jenis Kelamin'
+}];
+var TransactionTable = [{
+  field: 'transactionNumber',
+  header: 'Id Transaksi'
+}, {
+  field: 'customer',
+  header: 'Id Customer'
+}, {
+  field: 'price',
+  header: 'Total Harga'
+}, {
+  field: 'transactionStatusName',
+  header: 'Status'
+}, {
+  field: 'outlet',
+  header: 'Outlet'
+}];
+
+/***/ }),
+
 /***/ "./resources/js/utils/menu-admin.js":
 /*!******************************************!*\
   !*** ./resources/js/utils/menu-admin.js ***!
@@ -1839,6 +2097,33 @@ const __exports__ = /*#__PURE__*/(0,_home_dijitalcode_Projects_dev_node_modules_
 if (false) {}
 
 
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__);
+
+/***/ }),
+
+/***/ "./resources/js/components/AppPagination.vue":
+/*!***************************************************!*\
+  !*** ./resources/js/components/AppPagination.vue ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _AppPagination_vue_vue_type_template_id_4da56ec0__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AppPagination.vue?vue&type=template&id=4da56ec0 */ "./resources/js/components/AppPagination.vue?vue&type=template&id=4da56ec0");
+/* harmony import */ var _AppPagination_vue_vue_type_script_setup_true_lang_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AppPagination.vue?vue&type=script&setup=true&lang=js */ "./resources/js/components/AppPagination.vue?vue&type=script&setup=true&lang=js");
+/* harmony import */ var _home_dijitalcode_Projects_dev_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/vue-loader/dist/exportHelper.js */ "./node_modules/vue-loader/dist/exportHelper.js");
+
+
+
+
+;
+const __exports__ = /*#__PURE__*/(0,_home_dijitalcode_Projects_dev_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_2__["default"])(_AppPagination_vue_vue_type_script_setup_true_lang_js__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_AppPagination_vue_vue_type_template_id_4da56ec0__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"resources/js/components/AppPagination.vue"]])
+/* hot reload */
+if (false) {}
+
+
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__);
 
 /***/ }),
@@ -2051,6 +2336,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_AppMessage_vue_vue_type_script_setup_true_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./AppMessage.vue?vue&type=script&setup=true&lang=js */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppMessage.vue?vue&type=script&setup=true&lang=js");
  
 
+/***/ }),
+
+/***/ "./resources/js/components/AppPagination.vue?vue&type=script&setup=true&lang=js":
+/*!**************************************************************************************!*\
+  !*** ./resources/js/components/AppPagination.vue?vue&type=script&setup=true&lang=js ***!
+  \**************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_AppPagination_vue_vue_type_script_setup_true_lang_js__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_AppPagination_vue_vue_type_script_setup_true_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./AppPagination.vue?vue&type=script&setup=true&lang=js */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppPagination.vue?vue&type=script&setup=true&lang=js");
+ 
+
 /***/ }),
 
 /***/ "./resources/js/components/AppSidebar.vue?vue&type=script&setup=true&lang=js":
@@ -2216,6 +2516,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_AppMessage_vue_vue_type_template_id_07159051__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./AppMessage.vue?vue&type=template&id=07159051 */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppMessage.vue?vue&type=template&id=07159051");
 
 
+/***/ }),
+
+/***/ "./resources/js/components/AppPagination.vue?vue&type=template&id=4da56ec0":
+/*!*********************************************************************************!*\
+  !*** ./resources/js/components/AppPagination.vue?vue&type=template&id=4da56ec0 ***!
+  \*********************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "render": () => (/* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_AppPagination_vue_vue_type_template_id_4da56ec0__WEBPACK_IMPORTED_MODULE_0__.render)
+/* harmony export */ });
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_AppPagination_vue_vue_type_template_id_4da56ec0__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./AppPagination.vue?vue&type=template&id=4da56ec0 */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppPagination.vue?vue&type=template&id=4da56ec0");
+
+
 /***/ }),
 
 /***/ "./resources/js/components/AppSidebar.vue?vue&type=template&id=22a4e926":

public/js/resources_js_pages_customer_Index_vue.js

@@ -448,7 +448,7 @@ __webpack_require__.r(__webpack_exports__);
       AppButton: _components_AppButton_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
       AppPagination: _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
       AppLayout: _layouts_AppLayout_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-      TableHeader: _TableHeader__WEBPACK_IMPORTED_MODULE_8__["default"]
+      IndexTable: _TableHeader__WEBPACK_IMPORTED_MODULE_8__.IndexTable
     };
     Object.defineProperty(__returned__, '__isScriptSetup', {
       enumerable: false,
@@ -1080,7 +1080,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
 
 
-var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h5", null, "Customer", -1
+var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h1", null, "Customer", -1
 /* HOISTED */
 );
 
@@ -1134,11 +1134,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           , ["href"])])])];
         }),
         "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
-          return [((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.renderList)($setup.TableHeader, function (tableHeader) {
+          return [((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.renderList)($setup.IndexTable, function (indexTable) {
             return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_Column, {
-              field: tableHeader.field,
-              header: tableHeader.header,
-              key: tableHeader.field
+              field: indexTable.field,
+              header: indexTable.header,
+              key: indexTable.field
             }, null, 8
             /* PROPS */
             , ["field", "header"]);
@@ -1190,9 +1190,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   "IndexTable": () => (/* binding */ IndexTable),
+/* harmony export */   "TransactionTable": () => (/* binding */ TransactionTable)
 /* harmony export */ });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+var IndexTable = [{
   field: 'customer_number',
   header: 'Id Customer'
 }, {
@@ -1204,7 +1205,23 @@ __webpack_require__.r(__webpack_exports__);
 }, {
   field: 'gender',
   header: 'Jenis Kelamin'
-}]);
+}];
+var TransactionTable = [{
+  field: 'transactionNumber',
+  header: 'Id Transaksi'
+}, {
+  field: 'customer',
+  header: 'Id Customer'
+}, {
+  field: 'price',
+  header: 'Total Harga'
+}, {
+  field: 'transactionStatusName',
+  header: 'Status'
+}, {
+  field: 'outlet',
+  header: 'Outlet'
+}];
 
 /***/ }),
 

public/js/resources_js_pages_customer_TableHeader_js.js

@@ -9,9 +9,10 @@
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   "IndexTable": () => (/* binding */ IndexTable),
+/* harmony export */   "TransactionTable": () => (/* binding */ TransactionTable)
 /* harmony export */ });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+var IndexTable = [{
   field: 'customer_number',
   header: 'Id Customer'
 }, {
@@ -23,7 +24,23 @@ __webpack_require__.r(__webpack_exports__);
 }, {
   field: 'gender',
   header: 'Jenis Kelamin'
-}]);
+}];
+var TransactionTable = [{
+  field: 'transactionNumber',
+  header: 'Id Transaksi'
+}, {
+  field: 'customer',
+  header: 'Id Customer'
+}, {
+  field: 'price',
+  header: 'Total Harga'
+}, {
+  field: 'transactionStatusName',
+  header: 'Status'
+}, {
+  field: 'outlet',
+  header: 'Outlet'
+}];
 
 /***/ })
 

public/js/resources_js_pages_expense_Create_vue.js

@@ -704,8 +704,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "model-value": $props.modelValue,
     "editor-style": $props.editorStyle,
     placeholder: $props.placeholder,
-    onInput: _cache[0] || (_cache[0] = function ($event) {
-      return _ctx.$emit('update:modelValue', $event);
+    onTextChange: _cache[0] || (_cache[0] = function ($event) {
+      return _ctx.$emit('update:modelValue', $event.htmlValue);
     })
   }, {
     toolbar: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
@@ -1295,35 +1295,32 @@ var _hoisted_1 = {
   "class": "grid"
 };
 var _hoisted_2 = {
-  "class": "col-12 md:col-3"
+  "class": "col-12 md:col-8"
 };
 var _hoisted_3 = {
-  "class": "col-12"
-};
-var _hoisted_4 = {
   "class": "q-formats"
 };
-var _hoisted_5 = {
+var _hoisted_4 = {
   "class": "ql-bold"
 };
-var _hoisted_6 = {
+var _hoisted_5 = {
   "class": "ql-italic"
 };
-var _hoisted_7 = {
+var _hoisted_6 = {
   "class": "ql-underline"
 };
-var _hoisted_8 = {
+var _hoisted_7 = {
   "class": "ql-formats"
 };
-var _hoisted_9 = {
+var _hoisted_8 = {
   "class": "ql-list",
   value: "ordered"
 };
-var _hoisted_10 = {
+var _hoisted_9 = {
   "class": "ql-list",
   value: "bullet"
 };
-var _hoisted_11 = {
+var _hoisted_10 = {
   "class": "flex justify-content-end"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -1333,19 +1330,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["AppLayout"], null, {
     "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
-      return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Card, null, {
+      return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Card, null, {
         content: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
-          return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputNumber"], {
+          return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputNumber"], {
             modelValue: $setup.form.amount,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
               return $setup.form.amount = $event;
             }),
+            "class": "md:w-16rem",
             label: "Pengeluaran",
             placeholder: "pengeluaran",
             error: $setup.form.errors.amount
           }, null, 8
           /* PROPS */
-          , ["modelValue", "error"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppEditor"], {
+          , ["modelValue", "error"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppEditor"], {
             label: "Keterangan",
             modelValue: $setup.form.description,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
@@ -1356,23 +1354,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             error: $setup.form.errors.description
           }, {
             toolbar: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
-              return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", _hoisted_4, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("button", _hoisted_5, null, 512
+              return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("button", _hoisted_4, null, 512
               /* NEED_PATCH */
               ), [[_directive_tooltip, 'Bold', void 0, {
                 bottom: true
-              }]]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("button", _hoisted_6, null, 512
+              }]]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("button", _hoisted_5, null, 512
               /* NEED_PATCH */
               ), [[_directive_tooltip, 'Italic', void 0, {
                 bottom: true
-              }]]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("button", _hoisted_7, null, 512
+              }]]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("button", _hoisted_6, null, 512
               /* NEED_PATCH */
               ), [[_directive_tooltip, 'Underline', void 0, {
                 bottom: true
-              }]])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", _hoisted_8, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("button", _hoisted_9, null, 512
+              }]])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", _hoisted_7, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("button", _hoisted_8, null, 512
               /* NEED_PATCH */
               ), [[_directive_tooltip, 'Ordered', void 0, {
                 bottom: true
-              }]]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("button", _hoisted_10, null, 512
+              }]]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("button", _hoisted_9, null, 512
               /* NEED_PATCH */
               ), [[_directive_tooltip, 'Bullet', void 0, {
                 bottom: true
@@ -1383,10 +1381,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
           }, 8
           /* PROPS */
-          , ["modelValue", "error"])])])];
+          , ["modelValue", "error"])];
         }),
         footer: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
-          return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_11, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButton"], {
+          return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_10, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButton"], {
             onClick: $setup.submit,
             label: "Simpan",
             icon: "pi pi-check",
@@ -1396,7 +1394,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
         /* STABLE */
 
-      })];
+      })])])];
     }),
     _: 1
     /* STABLE */

public/js/resources_js_pages_expense_Index_vue.js

@@ -1118,7 +1118,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
 
 
-var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h5", null, "Pengeluaran", -1
+var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h1", null, "Pengeluaran", -1
 /* HOISTED */
 );
 

public/js/resources_js_pages_laundry_Index_vue.js

@@ -1079,7 +1079,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
 
 
-var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h5", null, "Laundry", -1
+var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h1", null, "Laundry", -1
 /* HOISTED */
 );
 

public/js/resources_js_pages_mutation_Report_vue.js

@@ -1133,7 +1133,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
 
 
-var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h5", null, "Laporan Mutasi", -1
+var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h1", null, "Laporan Mutasi", -1
 /* HOISTED */
 );
 

public/js/resources_js_pages_outlet_Index_vue.js

@@ -1080,7 +1080,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
 
 
-var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h5", null, "Outlet", -1
+var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h1", null, "Outlet", -1
 /* HOISTED */
 );
 

public/js/resources_js_pages_product_Index_vue.js

@@ -1079,7 +1079,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
 
 
-var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h5", null, "Product", -1
+var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h1", null, "Product", -1
 /* HOISTED */
 );
 

public/js/resources_js_pages_transaction_Create_vue.js

@@ -2025,9 +2025,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           /* PROPS */
           , ["modelValue", "error", "suggestions"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_9, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppAutocompleteBasic"], {
             dropdown: "",
-            label: "Tipe Laundry",
+            label: "Laundry",
             field: "name",
-            placeholder: "tipe Laundry",
+            placeholder: "laundry",
             modelValue: $setup.form.laundry,
             "onUpdate:modelValue": _cache[3] || (_cache[3] = function ($event) {
               return $setup.form.laundry = $event;
@@ -2066,9 +2066,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           /* PROPS */
           , ["modelValue", "label", "disabled", "error", "step"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_13, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppAutocompleteBasic"], {
             dropdown: "",
-            label: "Jenis Product",
+            label: "Product",
             field: "name",
-            placeholder: "jenis product",
+            placeholder: "product",
             modelValue: $setup.form.product,
             "onUpdate:modelValue": _cache[5] || (_cache[5] = function ($event) {
               return $setup.form.product = $event;

public/js/resources_js_pages_transaction_Index_vue.js

@@ -1848,7 +1848,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
 
 
-var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h5", null, "Transaksi", -1
+var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h1", null, "Transaksi", -1
 /* HOISTED */
 );
 

public/js/resources_js_pages_transaction_Report_vue.js

@@ -1123,7 +1123,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
 
 
-var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h5", null, "Laporan Transaksi", -1
+var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h1", null, "Laporan Transaksi", -1
 /* HOISTED */
 );
 

public/js/resources_js_pages_user_Index_vue.js

@@ -1080,7 +1080,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
 
 
-var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h5", null, "User", -1
+var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h1", null, "User", -1
 /* HOISTED */
 );
 

public/js/vue.js

@@ -57430,7 +57430,7 @@ module.exports = JSON.parse('{"name":"axios","version":"0.21.4","description":"P
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "js/" + chunkId + ".js?id=" + {"resources_js_pages_Access_vue":"f8bbe21f8e264f5e","resources_js_pages_auth_ForgotPassword_vue":"9db08b886f3acf35","resources_js_pages_auth_Login_vue":"8066395135ce093d","resources_js_pages_auth_ResetPassword_vue":"3191258dc6d8a4b7","resources_js_pages_auth_VerifyEmail_vue":"632c69e9e8e9c0af","resources_js_pages_customer_Create_vue":"edd672f633080188","resources_js_pages_customer_Edit_vue":"776ee19646e665ab","resources_js_pages_customer_Index_vue":"d1d7b854ce4f2b4f","resources_js_pages_customer_TableHeader_js":"5a71001a3c75e000","resources_js_pages_expense_Create_vue":"ec360617c9c50e52","resources_js_pages_expense_Index_vue":"49e49fdd493bed72","resources_js_pages_expense_Show_vue":"3c5a44b5c95cfad7","resources_js_pages_expense_TableHeader_js":"72e3dee74175b1c0","resources_js_pages_laundry_Create_vue":"f32471dcb6e8e976","resources_js_pages_laundry_Edit_vue":"a56be879ba90a1c2","resources_js_pages_laundry_Index_vue":"30a5bef32fe436a9","resources_js_pages_laundry_TableHeader_js":"494e577855bbcaf6","resources_js_pages_mutation_Report_vue":"613ff5bf3528d4bb","resources_js_pages_mutation_TableHeader_js":"82c2999bd7d098a1","resources_js_pages_outlet_Create_vue":"9d3cb3af8ae44c89","resources_js_pages_outlet_Edit_vue":"149f5e377e042f61","resources_js_pages_outlet_Index_vue":"1406bdcf840579cc","resources_js_pages_outlet_TableHeader_js":"498bf7e64bc0d0c4","resources_js_pages_product_Create_vue":"64652ed95d59715f","resources_js_pages_product_Edit_vue":"52cf7616ac4caef5","resources_js_pages_product_Index_vue":"c912e1c413db894a","resources_js_pages_product_TableHeader_js":"b8eaaa9de25a2322","resources_js_pages_transaction_Create_vue":"290454991d8520cb","resources_js_pages_transaction_Index_vue":"2a5e3b2221e3335d","resources_js_pages_transaction_Report_vue":"ee6e29dc152fe5be","resources_js_pages_transaction_Show_vue":"fbaa7c5418d15d7f","resources_js_pages_transaction_TableHeader_js":"ba35ab28bb4ac891","resources_js_pages_user_Create_vue":"bdfe89db03d97bf3","resources_js_pages_user_Edit_vue":"2cdedb155f4ee9b6","resources_js_pages_user_Index_vue":"f4cdba08d71b7e9a","resources_js_pages_user_Show_vue":"51ef32182e7fbc4e","resources_js_pages_user_TableHeader_js":"5653ecbcd70fd235"}[chunkId] + "";
+/******/ 			return "js/" + chunkId + ".js?id=" + {"resources_js_pages_Access_vue":"f8bbe21f8e264f5e","resources_js_pages_auth_ForgotPassword_vue":"9db08b886f3acf35","resources_js_pages_auth_Login_vue":"8066395135ce093d","resources_js_pages_auth_ResetPassword_vue":"3191258dc6d8a4b7","resources_js_pages_auth_VerifyEmail_vue":"632c69e9e8e9c0af","resources_js_pages_customer_Create_vue":"edd672f633080188","resources_js_pages_customer_Edit_vue":"d6f003b410a7bf2b","resources_js_pages_customer_Index_vue":"7843c2f1c04b234c","resources_js_pages_customer_TableHeader_js":"71be5afdca048a9c","resources_js_pages_expense_Create_vue":"949cf67bd6e52e0a","resources_js_pages_expense_Index_vue":"a6c58769926f3e9a","resources_js_pages_expense_Show_vue":"3c5a44b5c95cfad7","resources_js_pages_expense_TableHeader_js":"72e3dee74175b1c0","resources_js_pages_laundry_Create_vue":"f32471dcb6e8e976","resources_js_pages_laundry_Edit_vue":"a56be879ba90a1c2","resources_js_pages_laundry_Index_vue":"ce72eb143548ad06","resources_js_pages_laundry_TableHeader_js":"494e577855bbcaf6","resources_js_pages_mutation_Report_vue":"1c36e270f299f756","resources_js_pages_mutation_TableHeader_js":"82c2999bd7d098a1","resources_js_pages_outlet_Create_vue":"9d3cb3af8ae44c89","resources_js_pages_outlet_Edit_vue":"149f5e377e042f61","resources_js_pages_outlet_Index_vue":"45f7bf83368c65d5","resources_js_pages_outlet_TableHeader_js":"498bf7e64bc0d0c4","resources_js_pages_product_Create_vue":"64652ed95d59715f","resources_js_pages_product_Edit_vue":"52cf7616ac4caef5","resources_js_pages_product_Index_vue":"e3f66bf4eee564e9","resources_js_pages_product_TableHeader_js":"b8eaaa9de25a2322","resources_js_pages_transaction_Create_vue":"0e3d3c236bbe606f","resources_js_pages_transaction_Index_vue":"e9acb7a9e01c0814","resources_js_pages_transaction_Report_vue":"ad1252755074a355","resources_js_pages_transaction_Show_vue":"fbaa7c5418d15d7f","resources_js_pages_transaction_TableHeader_js":"ba35ab28bb4ac891","resources_js_pages_user_Create_vue":"bdfe89db03d97bf3","resources_js_pages_user_Edit_vue":"2cdedb155f4ee9b6","resources_js_pages_user_Index_vue":"2306d9ccccefddb9","resources_js_pages_user_Show_vue":"51ef32182e7fbc4e","resources_js_pages_user_TableHeader_js":"5653ecbcd70fd235"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	

resources/js/components/AppEditor.vue

@@ -42,7 +42,7 @@ const ariaDescribedbyLabel = computed(() =>
       :model-value="modelValue"
       :editor-style="editorStyle"
       :placeholder="placeholder"
-      @input="$emit('update:modelValue', $event)"
+      @text-change="$emit('update:modelValue', $event.htmlValue)"
     >
       <template #toolbar>
         <slot name="toolbar" />

resources/js/pages/customer/Edit.vue

@@ -6,11 +6,15 @@ import AppButton from '@/components/AppButton.vue'
 import AppDropdown from '@/components/AppDropdown.vue'
 import AppInputText from '@/components/AppInputText.vue'
 import AppDialog from '@/components/AppDialog.vue'
+import AppPagination from '@/components/AppPagination.vue'
 import AppLayout from '@/layouts/AppLayout.vue'
 
+import { TransactionTable } from './TableHeader'
+
 const props = defineProps({
   customer: Object,
   genders: Array,
+  transactions: Object,
 })
 
 const form = useForm({
@@ -98,5 +102,65 @@ const onCancel = () => (visibleDialog.value = false)
         </Card>
       </div>
     </div>
+
+    <h2>Riwayat Transaksi</h2>
+    <div class="grid">
+      <div class="col-12">
+        <Card>
+          <template #content>
+            <DataTable
+              responsive-layout="scroll"
+              column-resize-mode="expand"
+              :value="transactions.data"
+              :row-hover="true"
+              :striped-rows="true"
+            >
+              <Column
+                v-for="transactionTable in TransactionTable"
+                :field="transactionTable.field"
+                :header="transactionTable.header"
+                :key="transactionTable.field"
+              >
+                <template #body="{ data, field }">
+                  <template v-if="field === 'transactionNumber'">
+                    <p class="font-bold">{{ data[field] }}</p>
+                    <p>{{ data.createdAt }}</p>
+                  </template>
+                  <template v-else-if="field === 'customer'">
+                    <p class="font-bold">{{ data.customer.number }}</p>
+                    <p>{{ data.customer.name }}</p>
+                    <p>{{ data.customer.phone }}</p>
+                  </template>
+                  <template v-else-if="field === 'transactionStatusName'">
+                    <Badge v-if="data['transactionStatusId'] === 1" :value="data[field]"></Badge>
+                    <Badge
+                      v-else-if="data['transactionStatusId'] === 2"
+                      :value="data[field]"
+                      severity="warning"
+                    ></Badge>
+                    <Badge v-else :value="data[field]" severity="success"></Badge>
+                  </template>
+                  <template v-else>
+                    {{ data[field] }}
+                  </template>
+                </template>
+              </Column>
+
+              <Column>
+                <template #body="{ data }">
+                  <AppButton
+                    icon="pi pi-angle-double-right"
+                    class="p-button-icon-only p-button-rounded p-button-text"
+                    :href="route('transactions.show', data.id)"
+                  />
+                </template>
+              </Column>
+            </DataTable>
+
+            <AppPagination :links="transactions.links" />
+          </template>
+        </Card>
+      </div>
+    </div>
   </AppLayout>
 </template>

resources/js/pages/customer/Index.vue

@@ -8,7 +8,7 @@ import AppButton from '@/components/AppButton.vue'
 import AppPagination from '@/components/AppPagination.vue'
 import AppLayout from '@/layouts/AppLayout.vue'
 
-import TableHeader from './TableHeader'
+import { IndexTable } from './TableHeader'
 
 const props = defineProps({
   customers: Object,
@@ -39,7 +39,7 @@ watch(
       :stripedRows="true"
     >
       <template #header>
-        <h5>Customer</h5>
+        <h1>Customer</h1>
 
         <div class="grid">
           <div class="col-12 md:col-8">
@@ -60,10 +60,10 @@ watch(
       </template>
 
       <Column
-        v-for="tableHeader in TableHeader"
-        :field="tableHeader.field"
-        :header="tableHeader.header"
-        :key="tableHeader.field"
+        v-for="indexTable in IndexTable"
+        :field="indexTable.field"
+        :header="indexTable.header"
+        :key="indexTable.field"
       />
 
       <Column>

resources/js/pages/customer/TableHeader.js

@@ -1,6 +1,14 @@
-export default [
+export const IndexTable = [
   { field: 'customer_number', header: 'Id Customer' },
   { field: 'name', header: 'Nama' },
   { field: 'phone', header: 'HP' },
   { field: 'gender', header: 'Jenis Kelamin' },
 ]
+
+export const TransactionTable = [
+  { field: 'transactionNumber', header: 'Id Transaksi' },
+  { field: 'customer', header: 'Id Customer' },
+  { field: 'price', header: 'Total Harga' },
+  { field: 'transactionStatusName', header: 'Status' },
+  { field: 'outlet', header: 'Outlet' },
+]

resources/js/pages/expense/Create.vue

@@ -24,19 +24,18 @@ const submit = () => {
 
 <template>
   <AppLayout>
-    <Card>
-      <template #content>
-        <div class="grid">
-          <div class="col-12 md:col-3">
+    <div class="grid">
+      <div class="col-12 md:col-8">
+        <Card>
+          <template #content>
             <AppInputNumber
               v-model="form.amount"
+              class="md:w-16rem"
               label="Pengeluaran"
               placeholder="pengeluaran"
               :error="form.errors.amount"
             />
-          </div>
 
-          <div class="col-12">
             <AppEditor
               label="Keterangan"
               v-model="form.description"
@@ -56,15 +55,15 @@ const submit = () => {
                 </span>
               </template>
             </AppEditor>
-          </div>
-        </div>
-      </template>
+          </template>
 
-      <template #footer>
-        <div class="flex justify-content-end">
-          <AppButton @click="submit" label="Simpan" icon="pi pi-check" class="p-button-text" />
-        </div>
-      </template>
-    </Card>
+          <template #footer>
+            <div class="flex justify-content-end">
+              <AppButton @click="submit" label="Simpan" icon="pi pi-check" class="p-button-text" />
+            </div>
+          </template>
+        </Card>
+      </div>
+    </div>
   </AppLayout>
 </template>

resources/js/pages/expense/Index.vue

@@ -79,7 +79,7 @@ const isAdmin = computed(() => usePage().props.value.isAdmin)
       :striped-rows="true"
     >
       <template #header>
-        <h5>Pengeluaran</h5>
+        <h1>Pengeluaran</h1>
 
         <div class="grid">
           <div class="col-12 md:col-8">

resources/js/pages/laundry/Index.vue

@@ -39,7 +39,7 @@ watch(
       :stripedRows="true"
     >
       <template #header>
-        <h5>Laundry</h5>
+        <h1>Laundry</h1>
 
         <div class="grid">
           <div class="col-12 md:col-8">

resources/js/pages/mutation/Report.vue

@@ -92,7 +92,7 @@ const isAdmin = computed(() => usePage().props.value.isAdmin)
       :striped-rows="true"
     >
       <template #header>
-        <h5>Laporan Mutasi</h5>
+        <h1>Laporan Mutasi</h1>
 
         <div class="grid">
           <div class="col-12 md:col-8">

resources/js/pages/outlet/Index.vue

@@ -39,7 +39,7 @@ watch(
       :stripedRows="true"
     >
       <template #header>
-        <h5>Outlet</h5>
+        <h1>Outlet</h1>
 
         <div class="grid">
           <div class="col-12 md:col-8">

resources/js/pages/product/Index.vue

@@ -39,7 +39,7 @@ watch(
       :stripedRows="true"
     >
       <template #header>
-        <h5>Product</h5>
+        <h1>Product</h1>
 
         <div class="grid">
           <div class="col-12 md:col-8">

resources/js/pages/transaction/Create.vue

@@ -270,9 +270,9 @@ const submit = () => {
               <div class="col-12 sm:col-6">
                 <AppAutocompleteBasic
                   dropdown
-                  label="Tipe Laundry"
+                  label="Laundry"
                   field="name"
-                  placeholder="tipe Laundry"
+                  placeholder="laundry"
                   v-model="form.laundry"
                   :error="form.errors.product"
                   :suggestions="laundries"
@@ -307,9 +307,9 @@ const submit = () => {
               <div class="col-12 sm:col-6">
                 <AppAutocompleteBasic
                   dropdown
-                  label="Jenis Product"
+                  label="Product"
                   field="name"
-                  placeholder="jenis product"
+                  placeholder="product"
                   v-model="form.product"
                   :error="form.errors.product"
                   :suggestions="products"

resources/js/pages/transaction/Index.vue

@@ -158,7 +158,7 @@ const isAdmin = computed(() => usePage().props.value.isAdmin)
       :striped-rows="true"
     >
       <template #header>
-        <h5>Transaksi</h5>
+        <h1>Transaksi</h1>
 
         <div class="grid">
           <div class="col-12 md:col-8">

resources/js/pages/transaction/Report.vue

@@ -84,7 +84,7 @@ const isAdmin = computed(() => usePage().props.value.isAdmin)
       :striped-rows="true"
     >
       <template #header>
-        <h5>Laporan Transaksi</h5>
+        <h1>Laporan Transaksi</h1>
 
         <div class="grid">
           <div class="col-12 md:col-8">

resources/js/pages/user/Index.vue

@@ -39,7 +39,7 @@ watch(
       :stripedRows="true"
     >
       <template #header>
-        <h5>User</h5>
+        <h1>User</h1>
 
         <div class="grid">
           <div class="col-12 md:col-8">

yarn.lock

@@ -2402,7 +2402,7 @@ crypto-browserify@^3.11.0:
     randombytes "^2.0.0"
     randomfill "^1.0.3"
 
-css-declaration-sorter@^6.0.3:
+css-declaration-sorter@^6.2.2:
   version "6.2.2"
   resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.2.2.tgz#bfd2f6f50002d6a3ae779a87d3a0c5d5b10e0f02"
   integrity sha512-Ufadglr88ZLsrvS11gjeu/40Lw74D9Am/Jpr3LlYm5Q4ZP5KdlUhG+6u2EjyXeZcxmZ2h1ebCKngDjolpeLHpg==
@@ -2452,12 +2452,12 @@ cssesc@^3.0.0:
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
   integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
 
-cssnano-preset-default@^5.2.5:
-  version "5.2.5"
-  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.2.5.tgz#267ded811a3e1664d78707f5355fcd89feeb38ac"
-  integrity sha512-WopL7PzN7sos3X8B54/QGl+CZUh1f0qN4ds+y2d5EPwRSSc3jsitVw81O+Uyop0pXyOfPfZxnc+LmA8w/Ki/WQ==
+cssnano-preset-default@^5.2.7:
+  version "5.2.7"
+  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.2.7.tgz#791e3603fb8f1b46717ac53b47e3c418e950f5f3"
+  integrity sha512-JiKP38ymZQK+zVKevphPzNSGHSlTI+AOwlasoSRtSVMUU285O7/6uZyd5NbW92ZHp41m0sSHe6JoZosakj63uA==
   dependencies:
-    css-declaration-sorter "^6.0.3"
+    css-declaration-sorter "^6.2.2"
     cssnano-utils "^3.1.0"
     postcss-calc "^8.2.3"
     postcss-colormin "^5.3.0"
@@ -2466,7 +2466,7 @@ cssnano-preset-default@^5.2.5:
     postcss-discard-duplicates "^5.1.0"
     postcss-discard-empty "^5.1.1"
     postcss-discard-overridden "^5.1.0"
-    postcss-merge-longhand "^5.1.3"
+    postcss-merge-longhand "^5.1.4"
     postcss-merge-rules "^5.1.1"
     postcss-minify-font-values "^5.1.0"
     postcss-minify-gradients "^5.1.1"
@@ -2493,11 +2493,11 @@ cssnano-utils@^3.1.0:
   integrity sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==
 
 cssnano@^5.0.8:
-  version "5.1.5"
-  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-5.1.5.tgz#5f3f519538c7f1c182c527096892243db3e17397"
-  integrity sha512-VZO1e+bRRVixMeia1zKagrv0lLN1B/r/u12STGNNUFxnp97LIFgZHQa0JxqlwEkvzUyA9Oz/WnCTAFkdEbONmg==
+  version "5.1.7"
+  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-5.1.7.tgz#99858bef6c76c9240f0cdc9239570bc7db8368be"
+  integrity sha512-pVsUV6LcTXif7lvKKW9ZrmX+rGRzxkEdJuVJcp5ftUjWITgwam5LMZOgaTvUrWPkcORBey6he7JKb4XAJvrpKg==
   dependencies:
-    cssnano-preset-default "^5.2.5"
+    cssnano-preset-default "^5.2.7"
     lilconfig "^2.0.3"
     yaml "^1.10.2"
 
@@ -4580,10 +4580,10 @@ postcss-loader@^6.2.0:
     klona "^2.0.5"
     semver "^7.3.5"
 
-postcss-merge-longhand@^5.1.3:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-5.1.3.tgz#a49e2be6237316e3b55e329e0a8da15d1f9f47ab"
-  integrity sha512-lX8GPGvZ0iGP/IboM7HXH5JwkXvXod1Rr8H8ixwiA372hArk0zP4ZcCy4z4Prg/bfNlbbTf0KCOjCF9kKnpP/w==
+postcss-merge-longhand@^5.1.4:
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-5.1.4.tgz#0f46f8753989a33260efc47de9a0cdc571f2ec5c"
+  integrity sha512-hbqRRqYfmXoGpzYKeW0/NCZhvNyQIlQeWVSao5iKWdyx7skLvCfQFGIUsP9NUs3dSbPac2IC4Go85/zG+7MlmA==
   dependencies:
     postcss-value-parser "^4.2.0"
     stylehacks "^5.1.0"
@@ -5174,9 +5174,9 @@ sass-loader@^12.1.0:
     neo-async "^2.6.2"
 
 sass@^1.49.8:
-  version "1.49.10"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.49.10.tgz#7b83cee0f03bbba443111b3f94944fde2b0c7a6b"
-  integrity sha512-w37zfWJwKu4I78U4z63u1mmgoncq+v3iOB4yzQMPyAPVHHawaQSnu9C9ysGQnZEhW609jkcLioJcMCqm75JMdg==
+  version "1.49.11"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.49.11.tgz#1ffeb77faeed8b806a2a1e021d7c9fd3fc322cb7"
+  integrity sha512-wvS/geXgHUGs6A/4ud5BFIWKO1nKd7wYIGimDk4q4GFkJicILActpv9ueMT4eRGSsp1BdKHuw1WwAHXbhsJELQ==
   dependencies:
     chokidar ">=3.0.0 <4.0.0"
     immutable "^4.0.0"
@@ -6005,9 +6005,9 @@ webpack-sources@^3.2.3:
   integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
 
 webpack@^5.60.0:
-  version "5.70.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.70.0.tgz#3461e6287a72b5e6e2f4872700bc8de0d7500e6d"
-  integrity sha512-ZMWWy8CeuTTjCxbeaQI21xSswseF2oNOwc70QSKNePvmxE7XW36i7vpBMYZFAUHPwQiEbNGCEYIOOlyRbdGmxw==
+  version "5.71.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.71.0.tgz#b01fcf379570b8c5ee06ca06c829ca168c951884"
+  integrity sha512-g4dFT7CFG8LY0iU5G8nBL6VlkT21Z7dcYDpJAEJV5Q1WLb9UwnFbrem1k7K52ILqEmomN7pnzWFxxE6SlDY56A==
   dependencies:
     "@types/eslint-scope" "^3.7.3"
     "@types/estree" "^0.0.51"