{"ast":null,"code":"import _objectSpread from \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2\";\nimport _toConsumableArray from \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/toConsumableArray\";\nimport _slicedToArray from \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\n\nvar _this = this,\n    _jsxFileName = \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/pages/Crud.js\";\n\nimport React, { useState, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { DataTable } from 'primereact/datatable';\nimport { Column } from 'primereact/column';\nimport { Toast } from 'primereact/toast';\nimport { Button } from 'primereact/button';\nimport { FileUpload } from 'primereact/fileupload';\nimport { Rating } from 'primereact/rating';\nimport { Toolbar } from 'primereact/toolbar';\nimport { InputTextarea } from 'primereact/inputtextarea';\nimport { RadioButton } from 'primereact/radiobutton';\nimport { InputNumber } from 'primereact/inputnumber';\nimport { Dialog } from 'primereact/dialog';\nimport { InputText } from 'primereact/inputtext';\nimport { ProductService } from '../service/ProductService';\n\nvar Crud = function Crud() {\n  var emptyProduct = {\n    id: null,\n    name: '',\n    image: null,\n    description: '',\n    category: null,\n    price: 0,\n    quantity: 0,\n    rating: 0,\n    inventoryStatus: 'INSTOCK'\n  };\n\n  var _useState = useState(null),\n      _useState2 = _slicedToArray(_useState, 2),\n      products = _useState2[0],\n      setProducts = _useState2[1];\n\n  var _useState3 = useState(false),\n      _useState4 = _slicedToArray(_useState3, 2),\n      productDialog = _useState4[0],\n      setProductDialog = _useState4[1];\n\n  var _useState5 = useState(false),\n      _useState6 = _slicedToArray(_useState5, 2),\n      deleteProductDialog = _useState6[0],\n      setDeleteProductDialog = _useState6[1];\n\n  var _useState7 = useState(false),\n      _useState8 = _slicedToArray(_useState7, 2),\n      deleteProductsDialog = _useState8[0],\n      setDeleteProductsDialog = _useState8[1];\n\n  var _useState9 = useState(emptyProduct),\n      _useState10 = _slicedToArray(_useState9, 2),\n      product = _useState10[0],\n      setProduct = _useState10[1];\n\n  var _useState11 = useState(null),\n      _useState12 = _slicedToArray(_useState11, 2),\n      selectedProducts = _useState12[0],\n      setSelectedProducts = _useState12[1];\n\n  var _useState13 = useState(false),\n      _useState14 = _slicedToArray(_useState13, 2),\n      submitted = _useState14[0],\n      setSubmitted = _useState14[1];\n\n  var _useState15 = useState(null),\n      _useState16 = _slicedToArray(_useState15, 2),\n      globalFilter = _useState16[0],\n      setGlobalFilter = _useState16[1];\n\n  var toast = useRef(null);\n  var dt = useRef(null);\n  useEffect(function () {\n    var productService = new ProductService();\n    productService.getProducts().then(function (data) {\n      return setProducts(data);\n    });\n  }, []);\n\n  var formatCurrency = function formatCurrency(value) {\n    return value.toLocaleString('en-US', {\n      style: 'currency',\n      currency: 'USD'\n    });\n  };\n\n  var openNew = function openNew() {\n    setProduct(emptyProduct);\n    setSubmitted(false);\n    setProductDialog(true);\n  };\n\n  var hideDialog = function hideDialog() {\n    setSubmitted(false);\n    setProductDialog(false);\n  };\n\n  var hideDeleteProductDialog = function hideDeleteProductDialog() {\n    setDeleteProductDialog(false);\n  };\n\n  var hideDeleteProductsDialog = function hideDeleteProductsDialog() {\n    setDeleteProductsDialog(false);\n  };\n\n  var saveProduct = function saveProduct() {\n    setSubmitted(true);\n\n    if (product.name.trim()) {\n      var _products = _toConsumableArray(products);\n\n      var _product = _objectSpread({}, product);\n\n      if (product.id) {\n        var index = findIndexById(product.id);\n        _products[index] = _product;\n        toast.current.show({\n          severity: 'success',\n          summary: 'Successful',\n          detail: 'Product Updated',\n          life: 3000\n        });\n      } else {\n        _product.id = createId();\n        _product.image = 'product-placeholder.svg';\n\n        _products.push(_product);\n\n        toast.current.show({\n          severity: 'success',\n          summary: 'Successful',\n          detail: 'Product Created',\n          life: 3000\n        });\n      }\n\n      setProducts(_products);\n      setProductDialog(false);\n      setProduct(emptyProduct);\n    }\n  };\n\n  var editProduct = function editProduct(product) {\n    setProduct(_objectSpread({}, product));\n    setProductDialog(true);\n  };\n\n  var confirmDeleteProduct = function confirmDeleteProduct(product) {\n    setProduct(product);\n    setDeleteProductDialog(true);\n  };\n\n  var deleteProduct = function deleteProduct() {\n    var _products = products.filter(function (val) {\n      return val.id !== product.id;\n    });\n\n    setProducts(_products);\n    setDeleteProductDialog(false);\n    setProduct(emptyProduct);\n    toast.current.show({\n      severity: 'success',\n      summary: 'Successful',\n      detail: 'Product Deleted',\n      life: 3000\n    });\n  };\n\n  var findIndexById = function findIndexById(id) {\n    var index = -1;\n\n    for (var i = 0; i < products.length; i++) {\n      if (products[i].id === id) {\n        index = i;\n        break;\n      }\n    }\n\n    return index;\n  };\n\n  var createId = function createId() {\n    var id = '';\n    var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n\n    for (var i = 0; i < 5; i++) {\n      id += chars.charAt(Math.floor(Math.random() * chars.length));\n    }\n\n    return id;\n  };\n\n  var exportCSV = function exportCSV() {\n    dt.current.exportCSV();\n  };\n\n  var confirmDeleteSelected = function confirmDeleteSelected() {\n    setDeleteProductsDialog(true);\n  };\n\n  var deleteSelectedProducts = function deleteSelectedProducts() {\n    var _products = products.filter(function (val) {\n      return !selectedProducts.includes(val);\n    });\n\n    setProducts(_products);\n    setDeleteProductsDialog(false);\n    setSelectedProducts(null);\n    toast.current.show({\n      severity: 'success',\n      summary: 'Successful',\n      detail: 'Products Deleted',\n      life: 3000\n    });\n  };\n\n  var onCategoryChange = function onCategoryChange(e) {\n    var _product = _objectSpread({}, product);\n\n    _product['category'] = e.value;\n    setProduct(_product);\n  };\n\n  var onInputChange = function onInputChange(e, name) {\n    var val = e.target && e.target.value || '';\n\n    var _product = _objectSpread({}, product);\n\n    _product[\"\".concat(name)] = val;\n    setProduct(_product);\n  };\n\n  var onInputNumberChange = function onInputNumberChange(e, name) {\n    var val = e.value || 0;\n\n    var _product = _objectSpread({}, product);\n\n    _product[\"\".concat(name)] = val;\n    setProduct(_product);\n  };\n\n  var leftToolbarTemplate = function leftToolbarTemplate() {\n    return /*#__PURE__*/React.createElement(React.Fragment, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 173,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"my-2\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 174,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(Button, {\n      label: \"New\",\n      icon: \"pi pi-plus\",\n      className: \"p-button-success mr-2\",\n      onClick: openNew,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 175,\n        columnNumber: 21\n      }\n    }), /*#__PURE__*/React.createElement(Button, {\n      label: \"Delete\",\n      icon: \"pi pi-trash\",\n      className: \"p-button-danger\",\n      onClick: confirmDeleteSelected,\n      disabled: !selectedProducts || !selectedProducts.length,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 176,\n        columnNumber: 21\n      }\n    })));\n  };\n\n  var rightToolbarTemplate = function rightToolbarTemplate() {\n    return /*#__PURE__*/React.createElement(React.Fragment, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 184,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(FileUpload, {\n      mode: \"basic\",\n      accept: \"image/*\",\n      maxFileSize: 1000000,\n      label: \"Import\",\n      chooseLabel: \"Import\",\n      className: \"mr-2 inline-block\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 185,\n        columnNumber: 17\n      }\n    }), /*#__PURE__*/React.createElement(Button, {\n      label: \"Export\",\n      icon: \"pi pi-upload\",\n      className: \"p-button-help\",\n      onClick: exportCSV,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 186,\n        columnNumber: 17\n      }\n    }));\n  };\n\n  var codeBodyTemplate = function codeBodyTemplate(rowData) {\n    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n      className: \"p-column-title\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 194,\n        columnNumber: 17\n      }\n    }, \"Code\"), rowData.code);\n  };\n\n  var nameBodyTemplate = function nameBodyTemplate(rowData) {\n    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n      className: \"p-column-title\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 203,\n        columnNumber: 17\n      }\n    }, \"Name\"), rowData.name);\n  };\n\n  var imageBodyTemplate = function imageBodyTemplate(rowData) {\n    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n      className: \"p-column-title\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 212,\n        columnNumber: 17\n      }\n    }, \"Image\"), /*#__PURE__*/React.createElement(\"img\", {\n      src: \"assets/demo/images/product/\".concat(rowData.image),\n      alt: rowData.image,\n      className: \"shadow-2\",\n      width: \"100\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 213,\n        columnNumber: 17\n      }\n    }));\n  };\n\n  var priceBodyTemplate = function priceBodyTemplate(rowData) {\n    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n      className: \"p-column-title\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 221,\n        columnNumber: 17\n      }\n    }, \"Price\"), formatCurrency(rowData.price));\n  };\n\n  var categoryBodyTemplate = function categoryBodyTemplate(rowData) {\n    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n      className: \"p-column-title\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 230,\n        columnNumber: 17\n      }\n    }, \"Category\"), rowData.category);\n  };\n\n  var ratingBodyTemplate = function ratingBodyTemplate(rowData) {\n    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n      className: \"p-column-title\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 239,\n        columnNumber: 17\n      }\n    }, \"Reviews\"), /*#__PURE__*/React.createElement(Rating, {\n      value: rowData.rating,\n      readonly: true,\n      cancel: false,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 240,\n        columnNumber: 17\n      }\n    }));\n  };\n\n  var statusBodyTemplate = function statusBodyTemplate(rowData) {\n    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n      className: \"p-column-title\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 248,\n        columnNumber: 17\n      }\n    }, \"Status\"), /*#__PURE__*/React.createElement(\"span\", {\n      className: \"product-badge status-\".concat(rowData.inventoryStatus.toLowerCase()),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 249,\n        columnNumber: 17\n      }\n    }, rowData.inventoryStatus));\n  };\n\n  var actionBodyTemplate = function actionBodyTemplate(rowData) {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"actions\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 256,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(Button, {\n      icon: \"pi pi-pencil\",\n      className: \"p-button-rounded p-button-success mr-2\",\n      onClick: function onClick() {\n        return editProduct(rowData);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 257,\n        columnNumber: 17\n      }\n    }), /*#__PURE__*/React.createElement(Button, {\n      icon: \"pi pi-trash\",\n      className: \"p-button-rounded p-button-warning mt-2\",\n      onClick: function onClick() {\n        return confirmDeleteProduct(rowData);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 258,\n        columnNumber: 17\n      }\n    }));\n  };\n\n  var header = /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex flex-column md:flex-row md:justify-content-between md:align-items-center\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 264,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/React.createElement(\"h5\", {\n    className: \"m-0\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 265,\n      columnNumber: 13\n    }\n  }, \"Manage Products\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"block mt-2 md:mt-0 p-input-icon-left\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 266,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-search\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 267,\n      columnNumber: 17\n    }\n  }), /*#__PURE__*/React.createElement(InputText, {\n    type: \"search\",\n    onInput: function onInput(e) {\n      return setGlobalFilter(e.target.value);\n    },\n    placeholder: \"Search...\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 268,\n      columnNumber: 17\n    }\n  })));\n  var productDialogFooter = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {\n    label: \"Cancel\",\n    icon: \"pi pi-times\",\n    className: \"p-button-text\",\n    onClick: hideDialog,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 275,\n      columnNumber: 13\n    }\n  }), /*#__PURE__*/React.createElement(Button, {\n    label: \"Save\",\n    icon: \"pi pi-check\",\n    className: \"p-button-text\",\n    onClick: saveProduct,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 276,\n      columnNumber: 13\n    }\n  }));\n  var deleteProductDialogFooter = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {\n    label: \"No\",\n    icon: \"pi pi-times\",\n    className: \"p-button-text\",\n    onClick: hideDeleteProductDialog,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 281,\n      columnNumber: 13\n    }\n  }), /*#__PURE__*/React.createElement(Button, {\n    label: \"Yes\",\n    icon: \"pi pi-check\",\n    className: \"p-button-text\",\n    onClick: deleteProduct,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 282,\n      columnNumber: 13\n    }\n  }));\n  var deleteProductsDialogFooter = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {\n    label: \"No\",\n    icon: \"pi pi-times\",\n    className: \"p-button-text\",\n    onClick: hideDeleteProductsDialog,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 287,\n      columnNumber: 13\n    }\n  }), /*#__PURE__*/React.createElement(Button, {\n    label: \"Yes\",\n    icon: \"pi pi-check\",\n    className: \"p-button-text\",\n    onClick: deleteSelectedProducts,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 288,\n      columnNumber: 13\n    }\n  }));\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: \"grid crud-demo\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 293,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 294,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"card\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 295,\n      columnNumber: 17\n    }\n  }, /*#__PURE__*/React.createElement(Toast, {\n    ref: toast,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 296,\n      columnNumber: 21\n    }\n  }), /*#__PURE__*/React.createElement(Toolbar, {\n    className: \"mb-4\",\n    left: leftToolbarTemplate,\n    right: rightToolbarTemplate,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 297,\n      columnNumber: 21\n    }\n  }), /*#__PURE__*/React.createElement(DataTable, {\n    ref: dt,\n    value: products,\n    selection: selectedProducts,\n    onSelectionChange: function onSelectionChange(e) {\n      return setSelectedProducts(e.value);\n    },\n    dataKey: \"id\",\n    paginator: true,\n    rows: 10,\n    rowsPerPageOptions: [5, 10, 25],\n    className: \"datatable-responsive\",\n    paginatorTemplate: \"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown\",\n    currentPageReportTemplate: \"Showing {first} to {last} of {totalRecords} products\",\n    globalFilter: globalFilter,\n    emptyMessage: \"No products found.\",\n    header: header,\n    responsiveLayout: \"scroll\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 299,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(Column, {\n    selectionMode: \"multiple\",\n    headerStyle: {\n      width: '3rem'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 304,\n      columnNumber: 25\n    }\n  }), /*#__PURE__*/React.createElement(Column, {\n    field: \"code\",\n    header: \"Code\",\n    sortable: true,\n    body: codeBodyTemplate,\n    headerStyle: {\n      width: '14%',\n      minWidth: '10rem'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 305,\n      columnNumber: 25\n    }\n  }), /*#__PURE__*/React.createElement(Column, {\n    field: \"name\",\n    header: \"Name\",\n    sortable: true,\n    body: nameBodyTemplate,\n    headerStyle: {\n      width: '14%',\n      minWidth: '10rem'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 306,\n      columnNumber: 25\n    }\n  }), /*#__PURE__*/React.createElement(Column, {\n    header: \"Image\",\n    body: imageBodyTemplate,\n    headerStyle: {\n      width: '14%',\n      minWidth: '10rem'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 307,\n      columnNumber: 25\n    }\n  }), /*#__PURE__*/React.createElement(Column, {\n    field: \"price\",\n    header: \"Price\",\n    body: priceBodyTemplate,\n    sortable: true,\n    headerStyle: {\n      width: '14%',\n      minWidth: '8rem'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 308,\n      columnNumber: 25\n    }\n  }), /*#__PURE__*/React.createElement(Column, {\n    field: \"category\",\n    header: \"Category\",\n    sortable: true,\n    body: categoryBodyTemplate,\n    headerStyle: {\n      width: '14%',\n      minWidth: '10rem'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 309,\n      columnNumber: 25\n    }\n  }), /*#__PURE__*/React.createElement(Column, {\n    field: \"rating\",\n    header: \"Reviews\",\n    body: ratingBodyTemplate,\n    sortable: true,\n    headerStyle: {\n      width: '14%',\n      minWidth: '10rem'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 310,\n      columnNumber: 25\n    }\n  }), /*#__PURE__*/React.createElement(Column, {\n    field: \"inventoryStatus\",\n    header: \"Status\",\n    body: statusBodyTemplate,\n    sortable: true,\n    headerStyle: {\n      width: '14%',\n      minWidth: '10rem'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 311,\n      columnNumber: 25\n    }\n  }), /*#__PURE__*/React.createElement(Column, {\n    body: actionBodyTemplate,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 312,\n      columnNumber: 25\n    }\n  })), /*#__PURE__*/React.createElement(Dialog, {\n    visible: productDialog,\n    style: {\n      width: '450px'\n    },\n    header: \"Product Details\",\n    modal: true,\n    className: \"p-fluid\",\n    footer: productDialogFooter,\n    onHide: hideDialog,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 315,\n      columnNumber: 21\n    }\n  }, product.image && /*#__PURE__*/React.createElement(\"img\", {\n    src: \"assets/demo/images/product/\".concat(product.image),\n    alt: product.image,\n    width: \"150\",\n    className: \"mt-0 mx-auto mb-5 block shadow-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 316,\n      columnNumber: 43\n    }\n  }), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"field\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 317,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"label\", {\n    htmlFor: \"name\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 318,\n      columnNumber: 29\n    }\n  }, \"Name\"), /*#__PURE__*/React.createElement(InputText, {\n    id: \"name\",\n    value: product.name,\n    onChange: function onChange(e) {\n      return onInputChange(e, 'name');\n    },\n    required: true,\n    autoFocus: true,\n    className: classNames({\n      'p-invalid': submitted && !product.name\n    }),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 319,\n      columnNumber: 29\n    }\n  }), submitted && !product.name && /*#__PURE__*/React.createElement(\"small\", {\n    className: \"p-invalid\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 320,\n      columnNumber: 60\n    }\n  }, \"Name is required.\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"field\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 322,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"label\", {\n    htmlFor: \"description\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 323,\n      columnNumber: 29\n    }\n  }, \"Description\"), /*#__PURE__*/React.createElement(InputTextarea, {\n    id: \"description\",\n    value: product.description,\n    onChange: function onChange(e) {\n      return onInputChange(e, 'description');\n    },\n    required: true,\n    rows: 3,\n    cols: 20,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 324,\n      columnNumber: 29\n    }\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"field\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 327,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"label\", {\n    className: \"mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 328,\n      columnNumber: 29\n    }\n  }, \"Category\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"formgrid grid\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 329,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"field-radiobutton col-6\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 330,\n      columnNumber: 33\n    }\n  }, /*#__PURE__*/React.createElement(RadioButton, {\n    inputId: \"category1\",\n    name: \"category\",\n    value: \"Accessories\",\n    onChange: onCategoryChange,\n    checked: product.category === 'Accessories',\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 331,\n      columnNumber: 37\n    }\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    htmlFor: \"category1\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 332,\n      columnNumber: 37\n    }\n  }, \"Accessories\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"field-radiobutton col-6\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 334,\n      columnNumber: 33\n    }\n  }, /*#__PURE__*/React.createElement(RadioButton, {\n    inputId: \"category2\",\n    name: \"category\",\n    value: \"Clothing\",\n    onChange: onCategoryChange,\n    checked: product.category === 'Clothing',\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 335,\n      columnNumber: 37\n    }\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    htmlFor: \"category2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 336,\n      columnNumber: 37\n    }\n  }, \"Clothing\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"field-radiobutton col-6\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 338,\n      columnNumber: 33\n    }\n  }, /*#__PURE__*/React.createElement(RadioButton, {\n    inputId: \"category3\",\n    name: \"category\",\n    value: \"Electronics\",\n    onChange: onCategoryChange,\n    checked: product.category === 'Electronics',\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 339,\n      columnNumber: 37\n    }\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    htmlFor: \"category3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 340,\n      columnNumber: 37\n    }\n  }, \"Electronics\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"field-radiobutton col-6\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 342,\n      columnNumber: 33\n    }\n  }, /*#__PURE__*/React.createElement(RadioButton, {\n    inputId: \"category4\",\n    name: \"category\",\n    value: \"Fitness\",\n    onChange: onCategoryChange,\n    checked: product.category === 'Fitness',\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 343,\n      columnNumber: 37\n    }\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    htmlFor: \"category4\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 344,\n      columnNumber: 37\n    }\n  }, \"Fitness\")))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"formgrid grid\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 349,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"field col\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 350,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"label\", {\n    htmlFor: \"price\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 351,\n      columnNumber: 33\n    }\n  }, \"Price\"), /*#__PURE__*/React.createElement(InputNumber, {\n    id: \"price\",\n    value: product.price,\n    onValueChange: function onValueChange(e) {\n      return onInputNumberChange(e, 'price');\n    },\n    mode: \"currency\",\n    currency: \"USD\",\n    locale: \"en-US\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 352,\n      columnNumber: 33\n    }\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"field col\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 354,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"label\", {\n    htmlFor: \"quantity\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 355,\n      columnNumber: 33\n    }\n  }, \"Quantity\"), /*#__PURE__*/React.createElement(InputNumber, {\n    id: \"quantity\",\n    value: product.quantity,\n    onValueChange: function onValueChange(e) {\n      return onInputNumberChange(e, 'quantity');\n    },\n    integeronly: true,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 356,\n      columnNumber: 33\n    }\n  })))), /*#__PURE__*/React.createElement(Dialog, {\n    visible: deleteProductDialog,\n    style: {\n      width: '450px'\n    },\n    header: \"Confirm\",\n    modal: true,\n    footer: deleteProductDialogFooter,\n    onHide: hideDeleteProductDialog,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 361,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex align-items-center justify-content-center\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 362,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-exclamation-triangle mr-3\",\n    style: {\n      fontSize: '2rem'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 363,\n      columnNumber: 29\n    }\n  }), product && /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 364,\n      columnNumber: 41\n    }\n  }, \"Are you sure you want to delete \", /*#__PURE__*/React.createElement(\"b\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 364,\n      columnNumber: 79\n    }\n  }, product.name), \"?\"))), /*#__PURE__*/React.createElement(Dialog, {\n    visible: deleteProductsDialog,\n    style: {\n      width: '450px'\n    },\n    header: \"Confirm\",\n    modal: true,\n    footer: deleteProductsDialogFooter,\n    onHide: hideDeleteProductsDialog,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 368,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex align-items-center justify-content-center\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 369,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-exclamation-triangle mr-3\",\n    style: {\n      fontSize: '2rem'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 370,\n      columnNumber: 29\n    }\n  }), product && /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 371,\n      columnNumber: 41\n    }\n  }, \"Are you sure you want to delete the selected products?\"))))));\n};\n\nvar comparisonFn = function comparisonFn(prevProps, nextProps) {\n  return prevProps.location.pathname === nextProps.location.pathname;\n};\n\nexport default React.memo(Crud, comparisonFn);","map":{"version":3,"names":["React","useState","useEffect","useRef","classNames","DataTable","Column","Toast","Button","FileUpload","Rating","Toolbar","InputTextarea","RadioButton","InputNumber","Dialog","InputText","ProductService","Crud","emptyProduct","id","name","image","description","category","price","quantity","rating","inventoryStatus","products","setProducts","productDialog","setProductDialog","deleteProductDialog","setDeleteProductDialog","deleteProductsDialog","setDeleteProductsDialog","product","setProduct","selectedProducts","setSelectedProducts","submitted","setSubmitted","globalFilter","setGlobalFilter","toast","dt","productService","getProducts","then","data","formatCurrency","value","toLocaleString","style","currency","openNew","hideDialog","hideDeleteProductDialog","hideDeleteProductsDialog","saveProduct","trim","_products","_product","index","findIndexById","current","show","severity","summary","detail","life","createId","push","editProduct","confirmDeleteProduct","deleteProduct","filter","val","i","length","chars","charAt","Math","floor","random","exportCSV","confirmDeleteSelected","deleteSelectedProducts","includes","onCategoryChange","e","onInputChange","target","onInputNumberChange","leftToolbarTemplate","rightToolbarTemplate","codeBodyTemplate","rowData","code","nameBodyTemplate","imageBodyTemplate","priceBodyTemplate","categoryBodyTemplate","ratingBodyTemplate","statusBodyTemplate","toLowerCase","actionBodyTemplate","header","productDialogFooter","deleteProductDialogFooter","deleteProductsDialogFooter","width","minWidth","fontSize","comparisonFn","prevProps","nextProps","location","pathname","memo"],"sources":["/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/pages/Crud.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { DataTable } from 'primereact/datatable';\nimport { Column } from 'primereact/column';\nimport { Toast } from 'primereact/toast';\nimport { Button } from 'primereact/button';\nimport { FileUpload } from 'primereact/fileupload';\nimport { Rating } from 'primereact/rating';\nimport { Toolbar } from 'primereact/toolbar';\nimport { InputTextarea } from 'primereact/inputtextarea';\nimport { RadioButton } from 'primereact/radiobutton';\nimport { InputNumber } from 'primereact/inputnumber';\nimport { Dialog } from 'primereact/dialog';\nimport { InputText } from 'primereact/inputtext';\nimport { ProductService } from '../service/ProductService';\n\nconst Crud = () => {\n    let emptyProduct = {\n        id: null,\n        name: '',\n        image: null,\n        description: '',\n        category: null,\n        price: 0,\n        quantity: 0,\n        rating: 0,\n        inventoryStatus: 'INSTOCK'\n    };\n\n    const [products, setProducts] = useState(null);\n    const [productDialog, setProductDialog] = useState(false);\n    const [deleteProductDialog, setDeleteProductDialog] = useState(false);\n    const [deleteProductsDialog, setDeleteProductsDialog] = useState(false);\n    const [product, setProduct] = useState(emptyProduct);\n    const [selectedProducts, setSelectedProducts] = useState(null);\n    const [submitted, setSubmitted] = useState(false);\n    const [globalFilter, setGlobalFilter] = useState(null);\n    const toast = useRef(null);\n    const dt = useRef(null);\n\n    useEffect(() => {\n        const productService = new ProductService();\n        productService.getProducts().then(data => setProducts(data));\n    }, []);\n\n    const formatCurrency = (value) => {\n        return value.toLocaleString('en-US', { style: 'currency', currency: 'USD' });\n    }\n\n    const openNew = () => {\n        setProduct(emptyProduct);\n        setSubmitted(false);\n        setProductDialog(true);\n    }\n\n    const hideDialog = () => {\n        setSubmitted(false);\n        setProductDialog(false);\n    }\n\n    const hideDeleteProductDialog = () => {\n        setDeleteProductDialog(false);\n    }\n\n    const hideDeleteProductsDialog = () => {\n        setDeleteProductsDialog(false);\n    }\n\n    const saveProduct = () => {\n        setSubmitted(true);\n\n        if (product.name.trim()) {\n            let _products = [...products];\n            let _product = { ...product };\n            if (product.id) {\n                const index = findIndexById(product.id);\n\n                _products[index] = _product;\n                toast.current.show({ severity: 'success', summary: 'Successful', detail: 'Product Updated', life: 3000 });\n            }\n            else {\n                _product.id = createId();\n                _product.image = 'product-placeholder.svg';\n                _products.push(_product);\n                toast.current.show({ severity: 'success', summary: 'Successful', detail: 'Product Created', life: 3000 });\n            }\n\n            setProducts(_products);\n            setProductDialog(false);\n            setProduct(emptyProduct);\n        }\n    }\n\n    const editProduct = (product) => {\n        setProduct({ ...product });\n        setProductDialog(true);\n    }\n\n    const confirmDeleteProduct = (product) => {\n        setProduct(product);\n        setDeleteProductDialog(true);\n    }\n\n    const deleteProduct = () => {\n        let _products = products.filter(val => val.id !== product.id);\n        setProducts(_products);\n        setDeleteProductDialog(false);\n        setProduct(emptyProduct);\n        toast.current.show({ severity: 'success', summary: 'Successful', detail: 'Product Deleted', life: 3000 });\n    }\n\n    const findIndexById = (id) => {\n        let index = -1;\n        for (let i = 0; i < products.length; i++) {\n            if (products[i].id === id) {\n                index = i;\n                break;\n            }\n        }\n\n        return index;\n    }\n\n    const createId = () => {\n        let id = '';\n        let chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n        for (let i = 0; i < 5; i++) {\n            id += chars.charAt(Math.floor(Math.random() * chars.length));\n        }\n        return id;\n    }\n\n    const exportCSV = () => {\n        dt.current.exportCSV();\n    }\n\n    const confirmDeleteSelected = () => {\n        setDeleteProductsDialog(true);\n    }\n\n    const deleteSelectedProducts = () => {\n        let _products = products.filter(val => !selectedProducts.includes(val));\n        setProducts(_products);\n        setDeleteProductsDialog(false);\n        setSelectedProducts(null);\n        toast.current.show({ severity: 'success', summary: 'Successful', detail: 'Products Deleted', life: 3000 });\n    }\n\n    const onCategoryChange = (e) => {\n        let _product = { ...product };\n        _product['category'] = e.value;\n        setProduct(_product);\n    }\n\n    const onInputChange = (e, name) => {\n        const val = (e.target && e.target.value) || '';\n        let _product = { ...product };\n        _product[`${name}`] = val;\n\n        setProduct(_product);\n    }\n\n    const onInputNumberChange = (e, name) => {\n        const val = e.value || 0;\n        let _product = { ...product };\n        _product[`${name}`] = val;\n\n        setProduct(_product);\n    }\n\n    const leftToolbarTemplate = () => {\n        return (\n            <React.Fragment>\n                <div className=\"my-2\">\n                    <Button label=\"New\" icon=\"pi pi-plus\" className=\"p-button-success mr-2\" onClick={openNew} />\n                    <Button label=\"Delete\" icon=\"pi pi-trash\" className=\"p-button-danger\" onClick={confirmDeleteSelected} disabled={!selectedProducts || !selectedProducts.length} />\n                </div>\n            </React.Fragment>\n        )\n    }\n\n    const rightToolbarTemplate = () => {\n        return (\n            <React.Fragment>\n                <FileUpload mode=\"basic\" accept=\"image/*\" maxFileSize={1000000} label=\"Import\" chooseLabel=\"Import\" className=\"mr-2 inline-block\" />\n                <Button label=\"Export\" icon=\"pi pi-upload\" className=\"p-button-help\" onClick={exportCSV} />\n            </React.Fragment>\n        )\n    }\n\n    const codeBodyTemplate = (rowData) => {\n        return (\n            <>\n                <span className=\"p-column-title\">Code</span>\n                {rowData.code}\n            </>\n        );\n    }\n\n    const nameBodyTemplate = (rowData) => {\n        return (\n            <>\n                <span className=\"p-column-title\">Name</span>\n                {rowData.name}\n            </>\n        );\n    }\n\n    const imageBodyTemplate = (rowData) => {\n        return (\n            <>\n                <span className=\"p-column-title\">Image</span>\n                <img src={`assets/demo/images/product/${rowData.image}`} alt={rowData.image} className=\"shadow-2\" width=\"100\" />\n            </>\n        )\n    }\n\n    const priceBodyTemplate = (rowData) => {\n        return (\n            <>\n                <span className=\"p-column-title\">Price</span>\n                {formatCurrency(rowData.price)}\n            </>\n        );\n    }\n\n    const categoryBodyTemplate = (rowData) => {\n        return (\n            <>\n                <span className=\"p-column-title\">Category</span>\n                {rowData.category}\n            </>\n        );\n    }\n\n    const ratingBodyTemplate = (rowData) => {\n        return (\n            <>\n                <span className=\"p-column-title\">Reviews</span>\n                <Rating value={rowData.rating} readonly cancel={false} />\n            </>\n        );\n    }\n\n    const statusBodyTemplate = (rowData) => {\n        return (\n            <>\n                <span className=\"p-column-title\">Status</span>\n                <span className={`product-badge status-${rowData.inventoryStatus.toLowerCase()}`}>{rowData.inventoryStatus}</span>\n            </>\n        )\n    }\n\n    const actionBodyTemplate = (rowData) => {\n        return (\n            <div className=\"actions\">\n                <Button icon=\"pi pi-pencil\" className=\"p-button-rounded p-button-success mr-2\" onClick={() => editProduct(rowData)} />\n                <Button icon=\"pi pi-trash\" className=\"p-button-rounded p-button-warning mt-2\" onClick={() => confirmDeleteProduct(rowData)} />\n            </div>\n        );\n    }\n\n    const header = (\n        <div className=\"flex flex-column md:flex-row md:justify-content-between md:align-items-center\">\n            <h5 className=\"m-0\">Manage Products</h5>\n            <span className=\"block mt-2 md:mt-0 p-input-icon-left\">\n                <i className=\"pi pi-search\" />\n                <InputText type=\"search\" onInput={(e) => setGlobalFilter(e.target.value)} placeholder=\"Search...\" />\n            </span>\n        </div>\n    );\n\n    const productDialogFooter = (\n        <>\n            <Button label=\"Cancel\" icon=\"pi pi-times\" className=\"p-button-text\" onClick={hideDialog} />\n            <Button label=\"Save\" icon=\"pi pi-check\" className=\"p-button-text\" onClick={saveProduct} />\n        </>\n    );\n    const deleteProductDialogFooter = (\n        <>\n            <Button label=\"No\" icon=\"pi pi-times\" className=\"p-button-text\" onClick={hideDeleteProductDialog} />\n            <Button label=\"Yes\" icon=\"pi pi-check\" className=\"p-button-text\" onClick={deleteProduct} />\n        </>\n    );\n    const deleteProductsDialogFooter = (\n        <>\n            <Button label=\"No\" icon=\"pi pi-times\" className=\"p-button-text\" onClick={hideDeleteProductsDialog} />\n            <Button label=\"Yes\" icon=\"pi pi-check\" className=\"p-button-text\" onClick={deleteSelectedProducts} />\n        </>\n    );\n\n    return (\n        <div className=\"grid crud-demo\">\n            <div className=\"col-12\">\n                <div className=\"card\">\n                    <Toast ref={toast} />\n                    <Toolbar className=\"mb-4\" left={leftToolbarTemplate} right={rightToolbarTemplate}></Toolbar>\n\n                    <DataTable ref={dt} value={products} selection={selectedProducts} onSelectionChange={(e) => setSelectedProducts(e.value)}\n                        dataKey=\"id\" paginator rows={10} rowsPerPageOptions={[5, 10, 25]} className=\"datatable-responsive\"\n                        paginatorTemplate=\"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown\"\n                        currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} products\"\n                        globalFilter={globalFilter} emptyMessage=\"No products found.\" header={header} responsiveLayout=\"scroll\">\n                        <Column selectionMode=\"multiple\" headerStyle={{ width: '3rem'}}></Column>\n                        <Column field=\"code\" header=\"Code\" sortable body={codeBodyTemplate} headerStyle={{ width: '14%', minWidth: '10rem' }}></Column>\n                        <Column field=\"name\" header=\"Name\" sortable body={nameBodyTemplate} headerStyle={{ width: '14%', minWidth: '10rem' }}></Column>\n                        <Column header=\"Image\" body={imageBodyTemplate} headerStyle={{ width: '14%', minWidth: '10rem' }}></Column>\n                        <Column field=\"price\" header=\"Price\" body={priceBodyTemplate} sortable headerStyle={{ width: '14%', minWidth: '8rem' }}></Column>\n                        <Column field=\"category\" header=\"Category\" sortable body={categoryBodyTemplate} headerStyle={{ width: '14%', minWidth: '10rem' }}></Column>\n                        <Column field=\"rating\" header=\"Reviews\" body={ratingBodyTemplate} sortable headerStyle={{ width: '14%', minWidth: '10rem' }}></Column>\n                        <Column field=\"inventoryStatus\" header=\"Status\" body={statusBodyTemplate} sortable headerStyle={{ width: '14%', minWidth: '10rem' }}></Column>\n                        <Column body={actionBodyTemplate}></Column>\n                    </DataTable>\n\n                    <Dialog visible={productDialog} style={{ width: '450px' }} header=\"Product Details\" modal className=\"p-fluid\" footer={productDialogFooter} onHide={hideDialog}>\n                        {product.image && <img src={`assets/demo/images/product/${product.image}`} alt={product.image} width=\"150\" className=\"mt-0 mx-auto mb-5 block shadow-2\" />}\n                        <div className=\"field\">\n                            <label htmlFor=\"name\">Name</label>\n                            <InputText id=\"name\" value={product.name} onChange={(e) => onInputChange(e, 'name')} required autoFocus className={classNames({ 'p-invalid': submitted && !product.name })} />\n                            {submitted && !product.name && <small className=\"p-invalid\">Name is required.</small>}\n                        </div>\n                        <div className=\"field\">\n                            <label htmlFor=\"description\">Description</label>\n                            <InputTextarea id=\"description\" value={product.description} onChange={(e) => onInputChange(e, 'description')} required rows={3} cols={20} />\n                        </div>\n\n                        <div className=\"field\">\n                            <label className=\"mb-3\">Category</label>\n                            <div className=\"formgrid grid\">\n                                <div className=\"field-radiobutton col-6\">\n                                    <RadioButton inputId=\"category1\" name=\"category\" value=\"Accessories\" onChange={onCategoryChange} checked={product.category === 'Accessories'} />\n                                    <label htmlFor=\"category1\">Accessories</label>\n                                </div>\n                                <div className=\"field-radiobutton col-6\">\n                                    <RadioButton inputId=\"category2\" name=\"category\" value=\"Clothing\" onChange={onCategoryChange} checked={product.category === 'Clothing'} />\n                                    <label htmlFor=\"category2\">Clothing</label>\n                                </div>\n                                <div className=\"field-radiobutton col-6\">\n                                    <RadioButton inputId=\"category3\" name=\"category\" value=\"Electronics\" onChange={onCategoryChange} checked={product.category === 'Electronics'} />\n                                    <label htmlFor=\"category3\">Electronics</label>\n                                </div>\n                                <div className=\"field-radiobutton col-6\">\n                                    <RadioButton inputId=\"category4\" name=\"category\" value=\"Fitness\" onChange={onCategoryChange} checked={product.category === 'Fitness'} />\n                                    <label htmlFor=\"category4\">Fitness</label>\n                                </div>\n                            </div>\n                        </div>\n\n                        <div className=\"formgrid grid\">\n                            <div className=\"field col\">\n                                <label htmlFor=\"price\">Price</label>\n                                <InputNumber id=\"price\" value={product.price} onValueChange={(e) => onInputNumberChange(e, 'price')} mode=\"currency\" currency=\"USD\" locale=\"en-US\" />\n                            </div>\n                            <div className=\"field col\">\n                                <label htmlFor=\"quantity\">Quantity</label>\n                                <InputNumber id=\"quantity\" value={product.quantity} onValueChange={(e) => onInputNumberChange(e, 'quantity')} integeronly />\n                            </div>\n                        </div>\n                    </Dialog>\n\n                    <Dialog visible={deleteProductDialog} style={{ width: '450px' }} header=\"Confirm\" modal footer={deleteProductDialogFooter} onHide={hideDeleteProductDialog}>\n                        <div className=\"flex align-items-center justify-content-center\">\n                            <i className=\"pi pi-exclamation-triangle mr-3\" style={{ fontSize: '2rem' }} />\n                            {product && <span>Are you sure you want to delete <b>{product.name}</b>?</span>}\n                        </div>\n                    </Dialog>\n\n                    <Dialog visible={deleteProductsDialog} style={{ width: '450px' }} header=\"Confirm\" modal footer={deleteProductsDialogFooter} onHide={hideDeleteProductsDialog}>\n                        <div className=\"flex align-items-center justify-content-center\">\n                            <i className=\"pi pi-exclamation-triangle mr-3\" style={{ fontSize: '2rem' }} />\n                            {product && <span>Are you sure you want to delete the selected products?</span>}\n                        </div>\n                    </Dialog>\n                </div>\n            </div>\n        </div>\n    );\n}\n\nconst comparisonFn = function (prevProps, nextProps) {\n    return prevProps.location.pathname === nextProps.location.pathname;\n};\n\nexport default React.memo(Crud, comparisonFn);"],"mappings":"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"},"metadata":{},"sourceType":"module"}