@erpsquad/common 1.8.75 → 1.8.77

package/dist/components/reports-title-bar/reports-title-bar.d.ts

@@ -0,0 +1,31 @@
+import { IReportButtons } from './report-buttons/report-buttons';
+import { TabProps } from '../tabs/tabs';
+
+interface IReportFilters {
+    company: number;
+    start_date: string;
+    end_date: string;
+    as_of_date: string;
+}
+interface ActionBarPropsType extends Partial<TabProps>, IReportButtons {
+    title: string;
+    handleAddButton?: (e?: any) => void;
+    isTitleMenu?: boolean;
+    titleMenus?: any;
+    reportFilterFields?: any[];
+    isDateFilterEnabled?: boolean;
+    onDateFilterChange?: (data: Partial<{
+        company: string | number;
+        start_date: string;
+        end_date: string;
+        as_of_date: string;
+    }>) => void;
+    filters?: Partial<IReportFilters>;
+    isDateRange?: boolean;
+    showDateFilter?: boolean;
+    dateFilter?: string;
+    showCancelButton?: boolean;
+}
+declare const ReportsTitleBar: (props: ActionBarPropsType) => import("react/jsx-runtime").JSX.Element;
+export { ReportsTitleBar };
+export default ReportsTitleBar;

package/dist/components/reset-password-modal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ResetPasswordModal } from './reset-password-modal';
+export * from './reset-password-modal';

package/dist/components/reset-password-modal/reset-password-modal/index.esm.js

@@ -1,14 +1,14 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import Modal from "../../modal/modal/index.esm.js";
+import { Modal } from "../../modal/modal/index.esm.js";
 import { useForm } from "react-hook-form";
 import { yupResolver as o } from "../../../node_modules/@hookform/resolvers/yup/dist/yup/index.esm.js";
 import * as Yup from "yup";
 import { useAuth } from "../../../hooks/useAuth/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
-import DynamicInput from "../../form-control/form-builder/form-builder-element/text/index.esm.js";
-import Button from "../../button/button/index.esm.js";
-import Toast from "../../toast/toast/index.esm.js";
+import { DynamicInput } from "../../form-control/form-builder/form-builder-element/text/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
+import { Toast } from "../../toast/toast/index.esm.js";
 import styled from "../../../node_modules/@mui/system/esm/styled/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import { Eye } from "../../icons/eye/index.esm.js";
@@ -138,6 +138,7 @@ const ResetPasswordModal = ({ showModal, setShowModal }) => {
   ] });
 };
 export {
+  ResetPasswordModal,
   ResetPasswordModal as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/reset-password-modal/reset-password-modal/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/reset-password-modal/reset-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport Modal from \"../modal/modal\";\nimport { useForm } from \"react-hook-form\";\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as Yup from \"yup\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport { styled } from \"@mui/system\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"../typography/typography\";\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\nimport { Eye, EyeOff } from \"../icons\";\nimport Button from \"../button/button\";\nimport Toast from \"../toast/toast\";\n\n\nconst validationSchema = Yup.object({\n  login: Yup.object({\n      current_password: Yup.string().required(\"Please enter current password\"),\n      password: Yup.string()\n                .required(\"Please enter password\")\n                .min(8, \"Password must be at least 8 characters\")\n                .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\n                .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\n      confirm_password: Yup.string().required(\"Please enter confirm password\").oneOf([Yup.ref('password')], \"Passwords must match\"),\n  }),\n});\n\n\n\nconst ResetPasswordModal = ({showModal, setShowModal}) => {\n     const { changeUserPassword } = useAuth();\n\n    // const [showModal, setShowModal] = useState(false);\n    const [toast, setToast] = useState<IToast | null>(null);\n\n    interface FormValeus {\n        login: LoginFormValues;\n    }\n\n    const { control, handleSubmit } = useForm<FormValeus>({\n      resolver: yupResolver(validationSchema),\n      mode: \"all\",\n    });\n\n    const onSubmit = async (values: FormValeus) => {\n      await changeUserPassword(values.login, (message, type) => {\n        if (type) {\n          setToast({ message: message, type: \"normal\" });\n          setShowModal(false);\n        } else {\n          setToast({ message: message, type: \"alert\" });\n        }\n          // make logout\n      });\n      return values;      \n    };\n\n    const [showPassword, setShowPassword] = useState<boolean>(false);\n    const handleShowPassword = () => setShowPassword(!showPassword);\n\n    const [showCurrentPassword, setShowCurrentPassword] = useState<boolean>(false);\n    const handleShowCurrentPassword = () => setShowCurrentPassword(!showCurrentPassword);\n\n    const [showConfirmPassword, setShowConfirmPassword] = useState<boolean>(false);\n    const handleShowConfirmPassword = () => setShowConfirmPassword(!showConfirmPassword);\n\n     const FlexBox = styled(Box)(() => ({\n        display: \"flex\",\n        flexDirection: \"column\",\n    }));\n\n    return (\n        <>\n        <Modal \n        open={showModal}\n        onClose={() => setShowModal(false)} \n        children={\n          <>\n            <form onSubmit={handleSubmit(onSubmit)}>\n                <FlexBox gap={4} className=\"popup-change-pass\">\n                  <FlexBox gap={2}>\n                    <Box>\n                      <Typography\n                        align=\"center\"\n                        type=\"h1\"\n                        weight=\"medium\"\n                        color=\"theme.secondary.1000\"\n                      >\n                        Change Password\n                      </Typography>\n                      <Typography\n                        align=\"center\"\n                        type=\"h5\"\n                        weight=\"normal\"\n                        color=\"theme.secondary81000\"\n                      >\n                        Enter Details below\n                      </Typography>\n                    </Box>\n                    <FlexBox gap={2}>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Current Password\"\n                          name=\"current_password\"\n                          type={showCurrentPassword ? \"text\" : \"password\"}\n                          placeholder=\"Enter Current Password\"\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showCurrentPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowCurrentPassword}\n                        />\n                      </Box>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Password\"\n                          name=\"password\"\n                          type={showPassword ? \"text\" : \"password\"}\n                          placeholder=\"Enter Password\"\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowPassword}\n                        />\n                      </Box>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Confirm Password\"\n                          name=\"confirm_password\"\n                          type={showConfirmPassword ? \"text\" : \"password\"}\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showConfirmPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowConfirmPassword} \n                          placeholder=\"Enter confirm password\"\n                        />\n                      </Box>\n                    </FlexBox>\n                  </FlexBox>\n                  <FlexBox gap={2}>\n                    <Button type=\"submit\" size=\"large\" variant=\"contained\">\n                      Change Password\n                    </Button>\n                  </FlexBox>\n                </FlexBox>\n              </form>          \n          </>\n        }\n        />\n        <Toast\n            open={Boolean(toast)}\n            message={toast?.message}\n            type={toast?.type}\n            handleClose={() => setToast(null)}\n            anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\n            autoHideDuration={3000}\n            />\n        </>\n    );\n}\n\nexport default ResetPasswordModal;"],"names":["yupResolver"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/reset-password-modal/reset-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport Modal from \"../modal/modal\";\nimport { useForm } from \"react-hook-form\";\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as Yup from \"yup\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport { styled } from \"@mui/system\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"../typography/typography\";\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\nimport { Eye, EyeOff } from \"../icons\";\nimport Button from \"../button/button\";\nimport Toast from \"../toast/toast\";\n\n\nconst validationSchema = Yup.object({\n  login: Yup.object({\n      current_password: Yup.string().required(\"Please enter current password\"),\n      password: Yup.string()\n                .required(\"Please enter password\")\n                .min(8, \"Password must be at least 8 characters\")\n                .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\n                .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\n      confirm_password: Yup.string().required(\"Please enter confirm password\").oneOf([Yup.ref('password')], \"Passwords must match\"),\n  }),\n});\n\n\n\nconst ResetPasswordModal = ({showModal, setShowModal}) => {\n     const { changeUserPassword } = useAuth();\n\n    // const [showModal, setShowModal] = useState(false);\n    const [toast, setToast] = useState<IToast | null>(null);\n\n    interface FormValeus {\n        login: LoginFormValues;\n    }\n\n    const { control, handleSubmit } = useForm<FormValeus>({\n      resolver: yupResolver(validationSchema),\n      mode: \"all\",\n    });\n\n    const onSubmit = async (values: FormValeus) => {\n      await changeUserPassword(values.login, (message, type) => {\n        if (type) {\n          setToast({ message: message, type: \"normal\" });\n          setShowModal(false);\n        } else {\n          setToast({ message: message, type: \"alert\" });\n        }\n          // make logout\n      });\n      return values;      \n    };\n\n    const [showPassword, setShowPassword] = useState<boolean>(false);\n    const handleShowPassword = () => setShowPassword(!showPassword);\n\n    const [showCurrentPassword, setShowCurrentPassword] = useState<boolean>(false);\n    const handleShowCurrentPassword = () => setShowCurrentPassword(!showCurrentPassword);\n\n    const [showConfirmPassword, setShowConfirmPassword] = useState<boolean>(false);\n    const handleShowConfirmPassword = () => setShowConfirmPassword(!showConfirmPassword);\n\n     const FlexBox = styled(Box)(() => ({\n        display: \"flex\",\n        flexDirection: \"column\",\n    }));\n\n    return (\n        <>\n        <Modal \n        open={showModal}\n        onClose={() => setShowModal(false)} \n        children={\n          <>\n            <form onSubmit={handleSubmit(onSubmit)}>\n                <FlexBox gap={4} className=\"popup-change-pass\">\n                  <FlexBox gap={2}>\n                    <Box>\n                      <Typography\n                        align=\"center\"\n                        type=\"h1\"\n                        weight=\"medium\"\n                        color=\"theme.secondary.1000\"\n                      >\n                        Change Password\n                      </Typography>\n                      <Typography\n                        align=\"center\"\n                        type=\"h5\"\n                        weight=\"normal\"\n                        color=\"theme.secondary81000\"\n                      >\n                        Enter Details below\n                      </Typography>\n                    </Box>\n                    <FlexBox gap={2}>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Current Password\"\n                          name=\"current_password\"\n                          type={showCurrentPassword ? \"text\" : \"password\"}\n                          placeholder=\"Enter Current Password\"\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showCurrentPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowCurrentPassword}\n                        />\n                      </Box>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Password\"\n                          name=\"password\"\n                          type={showPassword ? \"text\" : \"password\"}\n                          placeholder=\"Enter Password\"\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowPassword}\n                        />\n                      </Box>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Confirm Password\"\n                          name=\"confirm_password\"\n                          type={showConfirmPassword ? \"text\" : \"password\"}\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showConfirmPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowConfirmPassword} \n                          placeholder=\"Enter confirm password\"\n                        />\n                      </Box>\n                    </FlexBox>\n                  </FlexBox>\n                  <FlexBox gap={2}>\n                    <Button type=\"submit\" size=\"large\" variant=\"contained\">\n                      Change Password\n                    </Button>\n                  </FlexBox>\n                </FlexBox>\n              </form>          \n          </>\n        }\n        />\n        <Toast\n            open={Boolean(toast)}\n            message={toast?.message}\n            type={toast?.type}\n            handleClose={() => setToast(null)}\n            anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\n            autoHideDuration={3000}\n            />\n        </>\n    );\n}\n\nexport { ResetPasswordModal };\nexport default ResetPasswordModal;"],"names":["yupResolver"],"mappings":"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"}

package/dist/components/reset-password-modal/reset-password-modal/index.js

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../modal/modal/index.js"),o=require("react-hook-form"),t=require("../../../node_modules/@hookform/resolvers/yup/dist/yup/index.js"),a=require("yup"),n=require("../../../hooks/useAuth/index.js"),l=require("../../typography/typography/index.js"),i=require("../../form-control/form-builder/form-builder-element/text/index.js"),d=require("../../button/button/index.js"),u=require("../../toast/toast/index.js"),c=require("../../../node_modules/@mui/system/esm/styled/index.js"),m=require("../../../node_modules/@mui/material/Box/Box/index.js"),f=require("../../icons/eye/index.js"),p=require("../../icons/eye-off/index.js");function h(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(s){if("default"!==s){var o=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,o.get?o:{enumerable:!0,get:function(){return e[s]}})}}),r.default=e,r}var x=/* @__PURE__ */h(a);const j=x.object({login:x.object({current_password:x.string().required("Please enter current password"),password:x.string().required("Please enter password").min(8,"Password must be at least 8 characters").matches(/[A-Z]/,"Password must contain at least one uppercase letter").matches(/[!@#$%^&*(),.?":{}|<>]/,"Password must contain at least one special character"),confirm_password:x.string().required("Please enter confirm password").oneOf([x.ref("password")],"Passwords must match")})});exports.default=({showModal:a,setShowModal:h})=>{const{changeUserPassword:x}=n.useAuth(),[y,g]=r.useState(null),{control:w,handleSubmit:b}=o.useForm({resolver:t.yupResolver(j),mode:"all"}),[C,q]=r.useState(!1),[P,S]=r.useState(!1),[v,E]=r.useState(!1),O=c.default(m.default)(()=>({display:"flex",flexDirection:"column"}));/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../modal/modal/index.js"),o=require("react-hook-form"),t=require("../../../node_modules/@hookform/resolvers/yup/dist/yup/index.js"),n=require("yup"),a=require("../../../hooks/useAuth/index.js"),l=require("../../typography/typography/index.js"),i=require("../../form-control/form-builder/form-builder-element/text/index.js"),d=require("../../button/button/index.js"),c=require("../../toast/toast/index.js"),u=require("../../../node_modules/@mui/system/esm/styled/index.js"),m=require("../../../node_modules/@mui/material/Box/Box/index.js"),p=require("../../icons/eye/index.js"),h=require("../../icons/eye-off/index.js");function f(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(s){if("default"!==s){var o=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,o.get?o:{enumerable:!0,get:function(){return e[s]}})}}),r.default=e,r}var x=/* @__PURE__ */f(n);const j=x.object({login:x.object({current_password:x.string().required("Please enter current password"),password:x.string().required("Please enter password").min(8,"Password must be at least 8 characters").matches(/[A-Z]/,"Password must contain at least one uppercase letter").matches(/[!@#$%^&*(),.?":{}|<>]/,"Password must contain at least one special character"),confirm_password:x.string().required("Please enter confirm password").oneOf([x.ref("password")],"Passwords must match")})}),y=({showModal:n,setShowModal:f})=>{const{changeUserPassword:x}=a.useAuth(),[y,g]=r.useState(null),{control:w,handleSubmit:b}=o.useForm({resolver:t.yupResolver(j),mode:"all"}),[C,P]=r.useState(!1),[q,D]=r.useState(!1),[S,v]=r.useState(!1),E=u.default(m.default)(()=>({display:"flex",flexDirection:"column"}));/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(s.default,{open:a,onClose:()=>h(!1),children:/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx("form",{onSubmit:b(async e=>(await x(e.login,(e,r)=>{r?(g({message:e,type:"normal"}),h(!1)):g({message:e,type:"alert"})}),e)),children:/* @__PURE__ */e.jsxs(O,{gap:4,className:"popup-change-pass",children:[
-/* @__PURE__ */e.jsxs(O,{gap:2,children:[
+/* @__PURE__ */e.jsx(s.Modal,{open:n,onClose:()=>f(!1),children:/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx("form",{onSubmit:b(async e=>(await x(e.login,(e,r)=>{r?(g({message:e,type:"normal"}),f(!1)):g({message:e,type:"alert"})}),e)),children:/* @__PURE__ */e.jsxs(E,{gap:4,className:"popup-change-pass",children:[
+/* @__PURE__ */e.jsxs(E,{gap:2,children:[
 /* @__PURE__ */e.jsxs(m.default,{children:[
 /* @__PURE__ */e.jsx(l.Typography,{align:"center",type:"h1",weight:"medium",color:"theme.secondary.1000",children:"Change Password"}),
 /* @__PURE__ */e.jsx(l.Typography,{align:"center",type:"h5",weight:"normal",color:"theme.secondary81000",children:"Enter Details below"})]}),
-/* @__PURE__ */e.jsxs(O,{gap:2,children:[
-/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(i.default,{formControl:w,label:"Current Password",name:"current_password",type:P?"text":"password",placeholder:"Enter Current Password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:P?/* @__PURE__ */e.jsx(f.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(p.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>S(!P)})}),
-/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(i.default,{formControl:w,label:"Password",name:"password",type:C?"text":"password",placeholder:"Enter Password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:C?/* @__PURE__ */e.jsx(f.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(p.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>q(!C)})}),
-/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(i.default,{formControl:w,label:"Confirm Password",name:"confirm_password",type:v?"text":"password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:v?/* @__PURE__ */e.jsx(f.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(p.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>E(!v),placeholder:"Enter confirm password"})})]})]}),
-/* @__PURE__ */e.jsx(O,{gap:2,children:/* @__PURE__ */e.jsx(d.default,{type:"submit",size:"large",variant:"contained",children:"Change Password"})})]})})})}),
-/* @__PURE__ */e.jsx(u.default,{open:Boolean(y),message:null==y?void 0:y.message,type:null==y?void 0:y.type,handleClose:()=>g(null),anchorOrigin:{horizontal:"right",vertical:"bottom"},autoHideDuration:3e3})]})};
+/* @__PURE__ */e.jsxs(E,{gap:2,children:[
+/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(i.DynamicInput,{formControl:w,label:"Current Password",name:"current_password",type:q?"text":"password",placeholder:"Enter Current Password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:q?/* @__PURE__ */e.jsx(p.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(h.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>D(!q)})}),
+/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(i.DynamicInput,{formControl:w,label:"Password",name:"password",type:C?"text":"password",placeholder:"Enter Password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:C?/* @__PURE__ */e.jsx(p.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(h.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>P(!C)})}),
+/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(i.DynamicInput,{formControl:w,label:"Confirm Password",name:"confirm_password",type:S?"text":"password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:S?/* @__PURE__ */e.jsx(p.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(h.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>v(!S),placeholder:"Enter confirm password"})})]})]}),
+/* @__PURE__ */e.jsx(E,{gap:2,children:/* @__PURE__ */e.jsx(d.Button,{type:"submit",size:"large",variant:"contained",children:"Change Password"})})]})})})}),
+/* @__PURE__ */e.jsx(c.Toast,{open:Boolean(y),message:null==y?void 0:y.message,type:null==y?void 0:y.type,handleClose:()=>g(null),anchorOrigin:{horizontal:"right",vertical:"bottom"},autoHideDuration:3e3})]})};exports.ResetPasswordModal=y,exports.default=y;
 //# sourceMappingURL=index.js.map

package/dist/components/reset-password-modal/reset-password-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/reset-password-modal/reset-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport Modal from \"../modal/modal\";\nimport { useForm } from \"react-hook-form\";\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as Yup from \"yup\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport { styled } from \"@mui/system\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"../typography/typography\";\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\nimport { Eye, EyeOff } from \"../icons\";\nimport Button from \"../button/button\";\nimport Toast from \"../toast/toast\";\n\n\nconst validationSchema = Yup.object({\n  login: Yup.object({\n      current_password: Yup.string().required(\"Please enter current password\"),\n      password: Yup.string()\n                .required(\"Please enter password\")\n                .min(8, \"Password must be at least 8 characters\")\n                .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\n                .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\n      confirm_password: Yup.string().required(\"Please enter confirm password\").oneOf([Yup.ref('password')], \"Passwords must match\"),\n  }),\n});\n\n\n\nconst ResetPasswordModal = ({showModal, setShowModal}) => {\n     const { changeUserPassword } = useAuth();\n\n    // const [showModal, setShowModal] = useState(false);\n    const [toast, setToast] = useState<IToast | null>(null);\n\n    interface FormValeus {\n        login: LoginFormValues;\n    }\n\n    const { control, handleSubmit } = useForm<FormValeus>({\n      resolver: yupResolver(validationSchema),\n      mode: \"all\",\n    });\n\n    const onSubmit = async (values: FormValeus) => {\n      await changeUserPassword(values.login, (message, type) => {\n        if (type) {\n          setToast({ message: message, type: \"normal\" });\n          setShowModal(false);\n        } else {\n          setToast({ message: message, type: \"alert\" });\n        }\n          // make logout\n      });\n      return values;      \n    };\n\n    const [showPassword, setShowPassword] = useState<boolean>(false);\n    const handleShowPassword = () => setShowPassword(!showPassword);\n\n    const [showCurrentPassword, setShowCurrentPassword] = useState<boolean>(false);\n    const handleShowCurrentPassword = () => setShowCurrentPassword(!showCurrentPassword);\n\n    const [showConfirmPassword, setShowConfirmPassword] = useState<boolean>(false);\n    const handleShowConfirmPassword = () => setShowConfirmPassword(!showConfirmPassword);\n\n     const FlexBox = styled(Box)(() => ({\n        display: \"flex\",\n        flexDirection: \"column\",\n    }));\n\n    return (\n        <>\n        <Modal \n        open={showModal}\n        onClose={() => setShowModal(false)} \n        children={\n          <>\n            <form onSubmit={handleSubmit(onSubmit)}>\n                <FlexBox gap={4} className=\"popup-change-pass\">\n                  <FlexBox gap={2}>\n                    <Box>\n                      <Typography\n                        align=\"center\"\n                        type=\"h1\"\n                        weight=\"medium\"\n                        color=\"theme.secondary.1000\"\n                      >\n                        Change Password\n                      </Typography>\n                      <Typography\n                        align=\"center\"\n                        type=\"h5\"\n                        weight=\"normal\"\n                        color=\"theme.secondary81000\"\n                      >\n                        Enter Details below\n                      </Typography>\n                    </Box>\n                    <FlexBox gap={2}>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Current Password\"\n                          name=\"current_password\"\n                          type={showCurrentPassword ? \"text\" : \"password\"}\n                          placeholder=\"Enter Current Password\"\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showCurrentPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowCurrentPassword}\n                        />\n                      </Box>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Password\"\n                          name=\"password\"\n                          type={showPassword ? \"text\" : \"password\"}\n                          placeholder=\"Enter Password\"\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowPassword}\n                        />\n                      </Box>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Confirm Password\"\n                          name=\"confirm_password\"\n                          type={showConfirmPassword ? \"text\" : \"password\"}\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showConfirmPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowConfirmPassword} \n                          placeholder=\"Enter confirm password\"\n                        />\n                      </Box>\n                    </FlexBox>\n                  </FlexBox>\n                  <FlexBox gap={2}>\n                    <Button type=\"submit\" size=\"large\" variant=\"contained\">\n                      Change Password\n                    </Button>\n                  </FlexBox>\n                </FlexBox>\n              </form>          \n          </>\n        }\n        />\n        <Toast\n            open={Boolean(toast)}\n            message={toast?.message}\n            type={toast?.type}\n            handleClose={() => setToast(null)}\n            anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\n            autoHideDuration={3000}\n            />\n        </>\n    );\n}\n\nexport default ResetPasswordModal;"],"names":["validationSchema","Yup","object","login","current_password","string","required","password","min","matches","confirm_password","oneOf","ref","showModal","setShowModal","changeUserPassword","useAuth","toast","setToast","useState","control","handleSubmit","useForm","resolver","yupResolver","mode","showPassword","setShowPassword","showCurrentPassword","setShowCurrentPassword","showConfirmPassword","setShowConfirmPassword","FlexBox","styled","Box","display","flexDirection","jsxs","Fragment","children","jsx","Modal","open","onClose","onSubmit","async","values","message","type","gap","className","Typography","align","weight","color","DynamicInput","formControl","label","name","placeholder","fieldArrayName","endIcon","Eye","fontSize","htmlColor","EyeOff","onIconClick","Button","size","variant","Toast","Boolean","handleClose","anchorOrigin","horizontal","vertical","autoHideDuration"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/reset-password-modal/reset-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport Modal from \"../modal/modal\";\nimport { useForm } from \"react-hook-form\";\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as Yup from \"yup\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport { styled } from \"@mui/system\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"../typography/typography\";\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\nimport { Eye, EyeOff } from \"../icons\";\nimport Button from \"../button/button\";\nimport Toast from \"../toast/toast\";\n\n\nconst validationSchema = Yup.object({\n  login: Yup.object({\n      current_password: Yup.string().required(\"Please enter current password\"),\n      password: Yup.string()\n                .required(\"Please enter password\")\n                .min(8, \"Password must be at least 8 characters\")\n                .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\n                .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\n      confirm_password: Yup.string().required(\"Please enter confirm password\").oneOf([Yup.ref('password')], \"Passwords must match\"),\n  }),\n});\n\n\n\nconst ResetPasswordModal = ({showModal, setShowModal}) => {\n     const { changeUserPassword } = useAuth();\n\n    // const [showModal, setShowModal] = useState(false);\n    const [toast, setToast] = useState<IToast | null>(null);\n\n    interface FormValeus {\n        login: LoginFormValues;\n    }\n\n    const { control, handleSubmit } = useForm<FormValeus>({\n      resolver: yupResolver(validationSchema),\n      mode: \"all\",\n    });\n\n    const onSubmit = async (values: FormValeus) => {\n      await changeUserPassword(values.login, (message, type) => {\n        if (type) {\n          setToast({ message: message, type: \"normal\" });\n          setShowModal(false);\n        } else {\n          setToast({ message: message, type: \"alert\" });\n        }\n          // make logout\n      });\n      return values;      \n    };\n\n    const [showPassword, setShowPassword] = useState<boolean>(false);\n    const handleShowPassword = () => setShowPassword(!showPassword);\n\n    const [showCurrentPassword, setShowCurrentPassword] = useState<boolean>(false);\n    const handleShowCurrentPassword = () => setShowCurrentPassword(!showCurrentPassword);\n\n    const [showConfirmPassword, setShowConfirmPassword] = useState<boolean>(false);\n    const handleShowConfirmPassword = () => setShowConfirmPassword(!showConfirmPassword);\n\n     const FlexBox = styled(Box)(() => ({\n        display: \"flex\",\n        flexDirection: \"column\",\n    }));\n\n    return (\n        <>\n        <Modal \n        open={showModal}\n        onClose={() => setShowModal(false)} \n        children={\n          <>\n            <form onSubmit={handleSubmit(onSubmit)}>\n                <FlexBox gap={4} className=\"popup-change-pass\">\n                  <FlexBox gap={2}>\n                    <Box>\n                      <Typography\n                        align=\"center\"\n                        type=\"h1\"\n                        weight=\"medium\"\n                        color=\"theme.secondary.1000\"\n                      >\n                        Change Password\n                      </Typography>\n                      <Typography\n                        align=\"center\"\n                        type=\"h5\"\n                        weight=\"normal\"\n                        color=\"theme.secondary81000\"\n                      >\n                        Enter Details below\n                      </Typography>\n                    </Box>\n                    <FlexBox gap={2}>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Current Password\"\n                          name=\"current_password\"\n                          type={showCurrentPassword ? \"text\" : \"password\"}\n                          placeholder=\"Enter Current Password\"\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showCurrentPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowCurrentPassword}\n                        />\n                      </Box>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Password\"\n                          name=\"password\"\n                          type={showPassword ? \"text\" : \"password\"}\n                          placeholder=\"Enter Password\"\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowPassword}\n                        />\n                      </Box>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Confirm Password\"\n                          name=\"confirm_password\"\n                          type={showConfirmPassword ? \"text\" : \"password\"}\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showConfirmPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowConfirmPassword} \n                          placeholder=\"Enter confirm password\"\n                        />\n                      </Box>\n                    </FlexBox>\n                  </FlexBox>\n                  <FlexBox gap={2}>\n                    <Button type=\"submit\" size=\"large\" variant=\"contained\">\n                      Change Password\n                    </Button>\n                  </FlexBox>\n                </FlexBox>\n              </form>          \n          </>\n        }\n        />\n        <Toast\n            open={Boolean(toast)}\n            message={toast?.message}\n            type={toast?.type}\n            handleClose={() => setToast(null)}\n            anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\n            autoHideDuration={3000}\n            />\n        </>\n    );\n}\n\nexport { ResetPasswordModal };\nexport default ResetPasswordModal;"],"names":["validationSchema","Yup","object","login","current_password","string","required","password","min","matches","confirm_password","oneOf","ref","ResetPasswordModal","showModal","setShowModal","changeUserPassword","useAuth","toast","setToast","useState","control","handleSubmit","useForm","resolver","yupResolver","mode","showPassword","setShowPassword","showCurrentPassword","setShowCurrentPassword","showConfirmPassword","setShowConfirmPassword","FlexBox","styled","Box","display","flexDirection","jsxs","Fragment","children","jsx","Modal","open","onClose","onSubmit","async","values","message","type","gap","className","Typography","align","weight","color","DynamicInput","formControl","label","name","placeholder","fieldArrayName","endIcon","Eye","fontSize","htmlColor","EyeOff","onIconClick","Button","size","variant","Toast","Boolean","handleClose","anchorOrigin","horizontal","vertical","autoHideDuration"],"mappings":"+jCAgBA,MAAMA,EAAmBC,EAAIC,OAAO,CAClCC,MAAOF,EAAIC,OAAO,CACdE,iBAAkBH,EAAII,SAASC,SAAS,iCACxCC,SAAUN,EAAII,SACHC,SAAS,yBACTE,IAAI,EAAG,0CACPC,QAAQ,QAAS,uDACjBA,QAAQ,yBAA0B,wDAC7CC,iBAAkBT,EAAII,SAASC,SAAS,iCAAiCK,MAAM,CAACV,EAAIW,IAAI,aAAc,4BAMtGC,EAAqB,EAAEC,YAAWC,mBACnC,MAAMC,mBAAEA,GAAuBC,aAGzBC,EAAOC,GAAYC,EAAAA,SAAwB,OAM5CC,QAAEA,EAAAC,aAASA,GAAiBC,UAAoB,CACpDC,SAAUC,EAAAA,YAAYzB,GACtB0B,KAAM,SAgBDC,EAAcC,GAAmBR,EAAAA,UAAkB,IAGnDS,EAAqBC,GAA0BV,EAAAA,UAAkB,IAGjEW,EAAqBC,GAA0BZ,EAAAA,UAAkB,GAGjEa,EAAUC,EAAAA,QAAOC,EAAAA,QAAPD,CAAY,KAAA,CACzBE,QAAS,OACTC,cAAe;AAGnB,OACIC,EAAAA,KAAAC,WAAA,CACAC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,MAAA,CACDC,KAAM7B,EACN8B,QAAS,IAAM7B,GAAa,GAC5ByB,wBACEC,EAAAA,IAAAF,EAAAA,SAAA,CACEC,wBAAAC,EAAAA,IAAC,OAAA,CAAKI,SAAUvB,EAlCPwB,MAAOC,UAChB/B,EAAmB+B,EAAO5C,MAAO,CAAC6C,EAASC,KAC3CA,GACF9B,EAAS,CAAE6B,UAAkBC,KAAM,WACnClC,GAAa,IAEbI,EAAS,CAAE6B,UAAkBC,KAAM,YAIhCF,IAyBGP,wBAAAF,EAAAA,KAACL,EAAA,CAAQiB,IAAK,EAAGC,UAAU,oBACzBX,SAAA;iBAAAF,KAACL,EAAA,CAAQiB,IAAK,EACZV,SAAA;eAAAF,OAACH,EAAAA,QAAA,CACCK,SAAA;eAAAC,EAAAA,IAACW,EAAAA,WAAA,CACCC,MAAM,SACNJ,KAAK,KACLK,OAAO,SACPC,MAAM,uBACPf,SAAA;eAGDC,EAAAA,IAACW,EAAAA,WAAA,CACCC,MAAM,SACNJ,KAAK,KACLK,OAAO,SACPC,MAAM,uBACPf,SAAA;iBAIHF,KAACL,EAAA,CAAQiB,IAAK,EACZV,SAAA;qBAACL,EAAAA,QAAA,CACCK,wBAAAC,EAAAA,IAACe,EAAAA,aAAA,CACCC,YAAapC,EACbqC,MAAM,mBACNC,KAAK,mBACLV,KAAMpB,EAAsB,OAAS,WACrC+B,YAAY,yBACZC,eAAe,QACfC,uBACErB,EAAAA,IAAAF,EAAAA,SAAA,CACGC,SAAAX,iBACCY,MAACsB,EAAAA,IAAA,CAAIC,SAAS,QAAQC,UAAU,iCAE/BC,SAAA,CAAOF,SAAS,QAAQC,UAAU,cAIzCE,YAxDY,IAAMrC,GAAwBD;qBA2D7CM,EAAAA,QAAA,CACCK,wBAAAC,EAAAA,IAACe,EAAAA,aAAA,CACCC,YAAapC,EACbqC,MAAM,WACNC,KAAK,WACLV,KAAMtB,EAAe,OAAS,WAC9BiC,YAAY,iBACZC,eAAe,QACfC,uBACErB,EAAAA,IAAAF,EAAAA,SAAA,CACGC,SAAAb,iBACCc,MAACsB,EAAAA,IAAA,CAAIC,SAAS,QAAQC,UAAU,iCAE/BC,SAAA,CAAOF,SAAS,QAAQC,UAAU,cAIzCE,YA/EK,IAAMvC,GAAiBD;qBAkF/BQ,EAAAA,QAAA,CACCK,wBAAAC,EAAAA,IAACe,EAAAA,aAAA,CACCC,YAAapC,EACbqC,MAAM,mBACNC,KAAK,mBACLV,KAAMlB,EAAsB,OAAS,WACrC8B,eAAe,QACfC,uBACErB,EAAAA,IAAAF,EAAAA,SAAA,CACGC,SAAAT,iBACCU,MAACsB,EAAAA,IAAA,CAAIC,SAAS,QAAQC,UAAU,iCAE/BC,SAAA,CAAOF,SAAS,QAAQC,UAAU,cAIzCE,YA5FY,IAAMnC,GAAwBD,GA6F1C6B,YAAY;eAKpBnB,EAAAA,IAACR,EAAA,CAAQiB,IAAK,EACZV,wBAAAC,EAAAA,IAAC2B,SAAA,CAAOnB,KAAK,SAASoB,KAAK,QAAQC,QAAQ,YAAY9B;eASnEC,EAAAA,IAAC8B,EAAAA,MAAA,CACG5B,KAAM6B,QAAQtD,GACd8B,QAAS9B,MAAAA,OAAAA,EAAAA,EAAO8B,QAChBC,KAAM/B,MAAAA,OAAAA,EAAAA,EAAO+B,KACbwB,YAAa,IAAMtD,EAAS,MAC5BuD,aAAc,CAAEC,WAAY,QAASC,SAAU,UAC/CC,iBAAkB"}

package/dist/components/reset-password-modal/reset-password-modal.d.ts

@@ -0,0 +1,6 @@
+declare const ResetPasswordModal: ({ showModal, setShowModal }: {
+    showModal: any;
+    setShowModal: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export { ResetPasswordModal };
+export default ResetPasswordModal;

package/dist/components/rfq-response/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ItemResponseDetails } from './item-response-details';
+export * from './item-response-details';

package/dist/components/rfq-response/item-response-details/index.esm.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import MaterialTable from "../../material-table/material-table/index.esm.js";
-import Modal from "../../modal/modal/index.esm.js";
+import { MaterialTable } from "../../material-table/material-table/index.esm.js";
+import { Modal } from "../../modal/modal/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import { useState, useCallback, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { enqueueSnackbar } from "../../../node_modules/notistack/notistack.esm/index.esm.js";
-import ModalLoader from "../../loaders/modal-loader/index.esm.js";
+import { ModalLoader } from "../../loaders/modal-loader/index.esm.js";
 import { responseItemDetailsColumns } from "../../../utils/constant/index.esm.js";
 import { fetchRentalResponseItems, fetchRfqItemsByIdForResponse, getErrorMessage } from "../../../utils/common/index.esm.js";
 import { transformTableColumns } from "../../../utils/common-utility/index.esm.js";
@@ -14,7 +14,7 @@ import IconButton from "../../../node_modules/@mui/material/IconButton/IconButto
 import Close from "../../../node_modules/@mui/icons-material/esm/Close/index.esm.js";
 import Grid from "../../../node_modules/@mui/material/Grid/Grid/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
-function ItemResponseDetails(props) {
+const ItemResponseDetails = (props) => {
   var _a;
   const { isOpen, onClose, data, isRental = false } = props;
   const [responseItems, setResponseItems] = useState([]);
@@ -37,55 +37,47 @@ function ItemResponseDetails(props) {
   useEffect(() => {
     getResponseItems();
   }, [getResponseItems]);
-  return /* @__PURE__ */ jsxs(
-    Modal,
-    {
-      open: isOpen,
-      onClose,
-      maxWidth: "md",
-      fullWidth: true,
-      children: [
-        isLoading && /* @__PURE__ */ jsx(ModalLoader, {}),
-        /* @__PURE__ */ jsxs(DialogTitle, { className: "itemEntryModal--DialogTitle", children: [
-          /* @__PURE__ */ jsx(Typography, { type: "s3", color: "inherit", weight: "medium", children: "Response Details" }),
-          /* @__PURE__ */ jsx(IconButton, { onClick: onClose, children: /* @__PURE__ */ jsx(Close, { fontSize: "small" }) })
-        ] }),
-        /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", padding: 2, flexDirection: "column" }, children: [
-          /* @__PURE__ */ jsx(Typography, { type: "s5", weight: "medium", color: "theme.secondary.800", children: "Item" }),
-          /* @__PURE__ */ jsx(Typography, { type: "s3", weight: "medium", color: "theme.neutral.1000", children: (_a = data == null ? void 0 : data.item_data) == null ? void 0 : _a.name })
-        ] }) }) }),
-        /* @__PURE__ */ jsx(Grid, { container: true, p: 2, spacing: 3, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Box, { sx: { paddingTop: "1.2rem" }, children: /* @__PURE__ */ jsx(
-          MaterialTable,
-          {
-            rows: responseItems || [],
-            columns: transformTableColumns({
-              columns: responseItemDetailsColumns,
-              currencySymbol: void 0,
-              translationFn: t,
-              customizeValue: (row, columnAccessorKey, value) => {
-                var _a2, _b;
-                switch (columnAccessorKey) {
-                  case "item_data.vendor_info.vendor_name":
-                    return value || ((_b = (_a2 = row == null ? void 0 : row.original) == null ? void 0 : _a2.item_data) == null ? void 0 : _b.name);
-                }
-              }
-            }),
-            paginationModel: { pageNo: 1, limit: 10 },
-            totalPages: 20,
-            enableColumnDragging: true,
-            isResetRow: false,
-            enableEditing: false,
-            columnOrder: ["mrt-row-select"],
-            enableRowSelection: false,
-            disabledDefaultActionColumnIcon: true,
-            enableBottomToolbar: false
+  return /* @__PURE__ */ jsxs(Modal, { open: isOpen, onClose, maxWidth: "md", fullWidth: true, children: [
+    isLoading && /* @__PURE__ */ jsx(ModalLoader, {}),
+    /* @__PURE__ */ jsxs(DialogTitle, { className: "itemEntryModal--DialogTitle", children: [
+      /* @__PURE__ */ jsx(Typography, { type: "s3", color: "inherit", weight: "medium", children: "Response Details" }),
+      /* @__PURE__ */ jsx(IconButton, { onClick: onClose, children: /* @__PURE__ */ jsx(Close, { fontSize: "small" }) })
+    ] }),
+    /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", padding: 2, flexDirection: "column" }, children: [
+      /* @__PURE__ */ jsx(Typography, { type: "s5", weight: "medium", color: "theme.secondary.800", children: "Item" }),
+      /* @__PURE__ */ jsx(Typography, { type: "s3", weight: "medium", color: "theme.neutral.1000", children: (_a = data == null ? void 0 : data.item_data) == null ? void 0 : _a.name })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(Grid, { container: true, p: 2, spacing: 3, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Box, { sx: { paddingTop: "1.2rem" }, children: /* @__PURE__ */ jsx(
+      MaterialTable,
+      {
+        rows: responseItems || [],
+        columns: transformTableColumns({
+          columns: responseItemDetailsColumns,
+          currencySymbol: void 0,
+          translationFn: t,
+          customizeValue: (row, columnAccessorKey, value) => {
+            var _a2, _b;
+            switch (columnAccessorKey) {
+              case "item_data.vendor_info.vendor_name":
+                return value || ((_b = (_a2 = row == null ? void 0 : row.original) == null ? void 0 : _a2.item_data) == null ? void 0 : _b.name);
+            }
           }
-        ) }) }) })
-      ]
-    }
-  );
-}
+        }),
+        paginationModel: { pageNo: 1, limit: 10 },
+        totalPages: 20,
+        enableColumnDragging: true,
+        isResetRow: false,
+        enableEditing: false,
+        columnOrder: ["mrt-row-select"],
+        enableRowSelection: false,
+        disabledDefaultActionColumnIcon: true,
+        enableBottomToolbar: false
+      }
+    ) }) }) })
+  ] });
+};
 export {
+  ItemResponseDetails,
   ItemResponseDetails as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/rfq-response/item-response-details/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/rfq-response/item-response-details.tsx"],"sourcesContent":["import { Close } from \"@mui/icons-material\";\nimport { Box, DialogTitle, Grid, IconButton } from \"@mui/material\";\nimport MaterialTable from \"../material-table/material-table\";\nimport Modal from \"../modal/modal\";\nimport Typography from \"../typography/typography\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { enqueueSnackbar } from \"notistack\";\nimport ModalLoader from \"../loaders/modal-loader\";\nimport {responseItemDetailsColumns} from '../../utils/constant'\nimport { fetchRentalResponseItems, fetchRfqItemsByIdForResponse, getErrorMessage } from \"../../utils/common\";\nimport { transformTableColumns } from \"../../utils/common-utility\";\nexport default function ItemResponseDetails(props:any){\n    const {isOpen, onClose,data,isRental=false} = props\n    const [responseItems, setResponseItems] = useState<any[]>([])\n    const [isLoading, setIsLoading] = useState<boolean>(false)\n    const {t} = useTranslation()\n\n    const getResponseItems=useCallback(async()=>{\n        if(!isOpen) return\n    try {\n        setIsLoading(true)\n        const filters=`(rfq_line_item_id.in=${[data?.id]})`\n       const rfqResponseItems =isRental?await fetchRentalResponseItems(filters): await fetchRfqItemsByIdForResponse(filters)\n       setResponseItems(rfqResponseItems)\n    } catch (error) {\n        const errorMsg=getErrorMessage(error?.message)\n        enqueueSnackbar(errorMsg,{variant:'error'})\n    }finally{\n        setTimeout(()=>setIsLoading(false),300)\n    }\n    },[isOpen,data?.id,isRental])\n    useEffect(()=>{\n        getResponseItems()\n    },[getResponseItems])\n    return(\n        <Modal open={isOpen}\n         onClose={onClose}\n         maxWidth='md'\n         fullWidth\n         >\n            {isLoading&&<ModalLoader />}\n           <DialogTitle className='itemEntryModal--DialogTitle'>\n                           <Typography type='s3' color='inherit' weight='medium'>\n                           Response Details\n                           </Typography>\n                           <IconButton onClick={onClose}>\n                               <Close fontSize='small' />\n                           </IconButton>\n                       </DialogTitle>\n                        <Grid container>\n                                       <Grid item xs={4}>\n                                               <Box sx={{ display: 'flex',padding:2, flexDirection: 'column' }}>\n                                                   <Typography type='s5' weight=\"medium\" color='theme.secondary.800'>Item</Typography>\n                                                   <Typography type='s3' weight=\"medium\" color='theme.neutral.1000'>{data?.item_data?.name}</Typography>\n                                               </Box>\n                                       </Grid>\n                                   </Grid>\n                       \n                                   <Grid container p={2} spacing={3}>\n                                       <Grid item xs={12}>\n                                           <Box sx={{ paddingTop: '1.2rem' }}>\n                                               <MaterialTable\n                                                   rows={responseItems || []}\n                                                   columns={transformTableColumns({\n                                                         columns: responseItemDetailsColumns,\n                                                        currencySymbol: undefined,\n                                                        translationFn: t,\n                                                        customizeValue: (row, columnAccessorKey, value) => {\n                                                            switch (columnAccessorKey) {\n                                                                case 'item_data.vendor_info.vendor_name':\n                                                                    return value||row?.original?.item_data?.name\n                                                            }\n                                                        }\n                                                            \n                                                          \n                                                   })}\n                                                   paginationModel={{ pageNo: 1, limit: 10 }}\n                                                   totalPages={20}\n                                                   enableColumnDragging={true}\n                                                   isResetRow={false}\n                                                   enableEditing={false}\n                                                   columnOrder={['mrt-row-select']}\n                                                   enableRowSelection={false}\n                                                   disabledDefaultActionColumnIcon\n                                                   enableBottomToolbar={false}\n                                               />\n                                           </Box>\n                                       </Grid>\n                                   </Grid>\n                       \n        </Modal>\n    )\n}"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/rfq-response/item-response-details.tsx"],"sourcesContent":["import { Close } from '@mui/icons-material';\nimport { Box, DialogTitle, Grid, IconButton } from '@mui/material';\nimport MaterialTable from '../material-table/material-table';\nimport Modal from '../modal/modal';\nimport Typography from '../typography/typography';\nimport { useCallback, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { enqueueSnackbar } from 'notistack';\nimport ModalLoader from '../loaders/modal-loader';\nimport { responseItemDetailsColumns } from '../../utils/constant';\nimport {\n\tfetchRentalResponseItems,\n\tfetchRfqItemsByIdForResponse,\n\tgetErrorMessage\n} from '../../utils/common';\nimport { transformTableColumns } from '../../utils/common-utility';\nexport const ItemResponseDetails = (props: any) => {\n\tconst { isOpen, onClose, data, isRental = false } = props;\n\tconst [responseItems, setResponseItems] = useState<any[]>([]);\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\n\tconst { t } = useTranslation();\n\n\tconst getResponseItems = useCallback(async () => {\n\t\tif (!isOpen) return;\n\t\ttry {\n\t\t\tsetIsLoading(true);\n\t\t\tconst filters = `(rfq_line_item_id.in=${[data?.id]})`;\n\t\t\tconst rfqResponseItems = isRental\n\t\t\t\t? await fetchRentalResponseItems(filters)\n\t\t\t\t: await fetchRfqItemsByIdForResponse(filters);\n\t\t\tsetResponseItems(rfqResponseItems);\n\t\t} catch (error) {\n\t\t\tconst errorMsg = getErrorMessage(error?.message);\n\t\t\tenqueueSnackbar(errorMsg, { variant: 'error' });\n\t\t} finally {\n\t\t\tsetTimeout(() => setIsLoading(false), 300);\n\t\t}\n\t}, [isOpen, data?.id, isRental]);\n\tuseEffect(() => {\n\t\tgetResponseItems();\n\t}, [getResponseItems]);\n\treturn (\n\t\t<Modal open={isOpen} onClose={onClose} maxWidth='md' fullWidth>\n\t\t\t{isLoading && <ModalLoader />}\n\t\t\t<DialogTitle className='itemEntryModal--DialogTitle'>\n\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\n\t\t\t\t\tResponse Details\n\t\t\t\t</Typography>\n\t\t\t\t<IconButton onClick={onClose}>\n\t\t\t\t\t<Close fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t</DialogTitle>\n\t\t\t<Grid container>\n\t\t\t\t<Grid item xs={4}>\n\t\t\t\t\t<Box sx={{ display: 'flex', padding: 2, flexDirection: 'column' }}>\n\t\t\t\t\t\t<Typography type='s5' weight='medium' color='theme.secondary.800'>\n\t\t\t\t\t\t\tItem\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.neutral.1000'>\n\t\t\t\t\t\t\t{data?.item_data?.name}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\n\t\t\t<Grid container p={2} spacing={3}>\n\t\t\t\t<Grid item xs={12}>\n\t\t\t\t\t<Box sx={{ paddingTop: '1.2rem' }}>\n\t\t\t\t\t\t<MaterialTable\n\t\t\t\t\t\t\trows={responseItems || []}\n\t\t\t\t\t\t\tcolumns={transformTableColumns({\n\t\t\t\t\t\t\t\tcolumns: responseItemDetailsColumns,\n\t\t\t\t\t\t\t\tcurrencySymbol: undefined,\n\t\t\t\t\t\t\t\ttranslationFn: t,\n\t\t\t\t\t\t\t\tcustomizeValue: (row, columnAccessorKey, value) => {\n\t\t\t\t\t\t\t\t\tswitch (columnAccessorKey) {\n\t\t\t\t\t\t\t\t\t\tcase 'item_data.vendor_info.vendor_name':\n\t\t\t\t\t\t\t\t\t\t\treturn value || row?.original?.item_data?.name;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tpaginationModel={{ pageNo: 1, limit: 10 }}\n\t\t\t\t\t\t\ttotalPages={20}\n\t\t\t\t\t\t\tenableColumnDragging={true}\n\t\t\t\t\t\t\tisResetRow={false}\n\t\t\t\t\t\t\tenableEditing={false}\n\t\t\t\t\t\t\tcolumnOrder={['mrt-row-select']}\n\t\t\t\t\t\t\tenableRowSelection={false}\n\t\t\t\t\t\t\tdisabledDefaultActionColumnIcon\n\t\t\t\t\t\t\tenableBottomToolbar={false}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Box>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\t\t</Modal>\n\t);\n};\n\nexport default ItemResponseDetails;\n"],"names":["_a"],"mappings":";;;;;;;;;;;;;;;;AAgBO,MAAM,sBAAsB,CAAC,UAAe;;AAClD,QAAM,EAAE,QAAQ,SAAS,MAAM,WAAW,UAAU;AACpD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAgB,CAAA,CAAE;AAC5D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAkB,KAAK;AACzD,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,QAAM,mBAAmB,YAAY,YAAY;AAChD,QAAI,CAAC,OAAQ;AACb,QAAI;AACH,mBAAa,IAAI;AACjB,YAAM,UAAU,wBAAwB,CAAC,6BAAM,EAAE,CAAC;AAClD,YAAM,mBAAmB,WACtB,MAAM,yBAAyB,OAAO,IACtC,MAAM,6BAA6B,OAAO;AAC7C,uBAAiB,gBAAgB;AAAA,IAClC,SAAS,OAAO;AACf,YAAM,WAAW,gBAAgB,+BAAO,OAAO;AAC/C,sBAAgB,UAAU,EAAE,SAAS,QAAA,CAAS;AAAA,IAC/C,UAAA;AACC,iBAAW,MAAM,aAAa,KAAK,GAAG,GAAG;AAAA,IAC1C;AAAA,EACD,GAAG,CAAC,QAAQ,6BAAM,IAAI,QAAQ,CAAC;AAC/B,YAAU,MAAM;AACf,qBAAA;AAAA,EACD,GAAG,CAAC,gBAAgB,CAAC;AACrB,SACC,qBAAC,SAAM,MAAM,QAAQ,SAAkB,UAAS,MAAK,WAAS,MAC5D,UAAA;AAAA,IAAA,iCAAc,aAAA,EAAY;AAAA,IAC3B,qBAAC,aAAA,EAAY,WAAU,+BACtB,UAAA;AAAA,MAAA,oBAAC,cAAW,MAAK,MAAK,OAAM,WAAU,QAAO,UAAS,UAAA,mBAAA,CAEtD;AAAA,MACA,oBAAC,cAAW,SAAS,SACpB,8BAAC,OAAA,EAAM,UAAS,SAAQ,EAAA,CACzB;AAAA,IAAA,GACD;AAAA,IACA,oBAAC,QAAK,WAAS,MACd,8BAAC,MAAA,EAAK,MAAI,MAAC,IAAI,GACd,+BAAC,KAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,SAAS,GAAG,eAAe,YACtD,UAAA;AAAA,MAAA,oBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAM,uBAAsB,UAAA,OAAA,CAElE;AAAA,MACA,oBAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAAS,OAAM,sBAC1C,WAAA,kCAAM,cAAN,mBAAiB,KAAA,CACnB;AAAA,IAAA,EAAA,CACD,GACD,GACD;AAAA,IAEA,oBAAC,QAAK,WAAS,MAAC,GAAG,GAAG,SAAS,GAC9B,UAAA,oBAAC,MAAA,EAAK,MAAI,MAAC,IAAI,IACd,UAAA,oBAAC,KAAA,EAAI,IAAI,EAAE,YAAY,YACtB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAM,iBAAiB,CAAA;AAAA,QACvB,SAAS,sBAAsB;AAAA,UAC9B,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,eAAe;AAAA,UACf,gBAAgB,CAAC,KAAK,mBAAmB,UAAU;;AAClD,oBAAQ,mBAAA;AAAA,cACP,KAAK;AACJ,uBAAO,WAAS,MAAAA,MAAA,2BAAK,aAAL,gBAAAA,IAAe,cAAf,mBAA0B;AAAA,YAAA;AAAA,UAE7C;AAAA,QAAA,CACA;AAAA,QACD,iBAAiB,EAAE,QAAQ,GAAG,OAAO,GAAA;AAAA,QACrC,YAAY;AAAA,QACZ,sBAAsB;AAAA,QACtB,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,aAAa,CAAC,gBAAgB;AAAA,QAC9B,oBAAoB;AAAA,QACpB,iCAA+B;AAAA,QAC/B,qBAAqB;AAAA,MAAA;AAAA,IAAA,EACtB,CACD,GACD,EAAA,CACD;AAAA,EAAA,GACD;AAEF;"}

package/dist/components/rfq-response/item-response-details/index.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../material-table/material-table/index.js"),t=require("../../modal/modal/index.js"),l=require("../../typography/typography/index.js"),n=require("react"),a=require("react-i18next"),o=require("../../../node_modules/notistack/notistack.esm/index.js"),r=require("../../loaders/modal-loader/index.js"),s=require("../../../utils/constant/index.js"),d=require("../../../utils/common/index.js"),u=require("../../../utils/common-utility/index.js"),m=require("../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),c=require("../../../node_modules/@mui/material/IconButton/IconButton/index.js"),x=require("../../../node_modules/@mui/icons-material/esm/Close/index.js"),f=require("../../../node_modules/@mui/material/Grid/Grid/index.js"),j=require("../../../node_modules/@mui/material/Box/Box/index.js");exports.default=function(p){var h;const{isOpen:g,onClose:y,data:q,isRental:v=!1}=p,[_,b]=n.useState([]),[T,w]=n.useState(!1),{t:C}=a.useTranslation(),R=n.useCallback(async()=>{if(g)try{w(!0);const e=`(rfq_line_item_id.in=${[null==q?void 0:q.id]})`,i=v?await d.fetchRentalResponseItems(e):await d.fetchRfqItemsByIdForResponse(e);b(i)}catch(e){const i=d.getErrorMessage(null==e?void 0:e.message);o.enqueueSnackbar(i,{variant:"error"})}finally{setTimeout(()=>w(!1),300)}},[g,null==q?void 0:q.id,v]);return n.useEffect(()=>{R()},[R]),/* @__PURE__ */e.jsxs(t.default,{open:g,onClose:y,maxWidth:"md",fullWidth:!0,children:[T&&/* @__PURE__ */e.jsx(r.default,{}),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../material-table/material-table/index.js"),t=require("../../modal/modal/index.js"),l=require("../../typography/typography/index.js"),n=require("react"),a=require("react-i18next"),o=require("../../../node_modules/notistack/notistack.esm/index.js"),r=require("../../loaders/modal-loader/index.js"),s=require("../../../utils/constant/index.js"),d=require("../../../utils/common/index.js"),u=require("../../../utils/common-utility/index.js"),m=require("../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),c=require("../../../node_modules/@mui/material/IconButton/IconButton/index.js"),x=require("../../../node_modules/@mui/icons-material/esm/Close/index.js"),p=require("../../../node_modules/@mui/material/Grid/Grid/index.js"),j=require("../../../node_modules/@mui/material/Box/Box/index.js");const h=h=>{var f;const{isOpen:g,onClose:y,data:q,isRental:v=!1}=h,[_,b]=n.useState([]),[T,R]=n.useState(!1),{t:w}=a.useTranslation(),C=n.useCallback(async()=>{if(g)try{R(!0);const e=`(rfq_line_item_id.in=${[null==q?void 0:q.id]})`,i=v?await d.fetchRentalResponseItems(e):await d.fetchRfqItemsByIdForResponse(e);b(i)}catch(e){const i=d.getErrorMessage(null==e?void 0:e.message);o.enqueueSnackbar(i,{variant:"error"})}finally{setTimeout(()=>R(!1),300)}},[g,null==q?void 0:q.id,v]);return n.useEffect(()=>{C()},[C]),/* @__PURE__ */e.jsxs(t.Modal,{open:g,onClose:y,maxWidth:"md",fullWidth:!0,children:[T&&/* @__PURE__ */e.jsx(r.ModalLoader,{}),
 /* @__PURE__ */e.jsxs(m.default,{className:"itemEntryModal--DialogTitle",children:[
 /* @__PURE__ */e.jsx(l.Typography,{type:"s3",color:"inherit",weight:"medium",children:"Response Details"}),
 /* @__PURE__ */e.jsx(c.default,{onClick:y,children:/* @__PURE__ */e.jsx(x.default,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(f.default,{container:!0,children:/* @__PURE__ */e.jsx(f.default,{item:!0,xs:4,children:/* @__PURE__ */e.jsxs(j.default,{sx:{display:"flex",padding:2,flexDirection:"column"},children:[
+/* @__PURE__ */e.jsx(p.default,{container:!0,children:/* @__PURE__ */e.jsx(p.default,{item:!0,xs:4,children:/* @__PURE__ */e.jsxs(j.default,{sx:{display:"flex",padding:2,flexDirection:"column"},children:[
 /* @__PURE__ */e.jsx(l.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800",children:"Item"}),
-/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"theme.neutral.1000",children:null==(h=null==q?void 0:q.item_data)?void 0:h.name})]})})}),
-/* @__PURE__ */e.jsx(f.default,{container:!0,p:2,spacing:3,children:/* @__PURE__ */e.jsx(f.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(j.default,{sx:{paddingTop:"1.2rem"},children:/* @__PURE__ */e.jsx(i.default,{rows:_||[],columns:u.transformTableColumns({columns:s.responseItemDetailsColumns,currencySymbol:void 0,translationFn:C,customizeValue:(e,i,t)=>{var l,n;if("item_data.vendor_info.vendor_name"===i)return t||(null==(n=null==(l=null==e?void 0:e.original)?void 0:l.item_data)?void 0:n.name)}}),paginationModel:{pageNo:1,limit:10},totalPages:20,enableColumnDragging:!0,isResetRow:!1,enableEditing:!1,columnOrder:["mrt-row-select"],enableRowSelection:!1,disabledDefaultActionColumnIcon:!0,enableBottomToolbar:!1})})})})]})};
+/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"theme.neutral.1000",children:null==(f=null==q?void 0:q.item_data)?void 0:f.name})]})})}),
+/* @__PURE__ */e.jsx(p.default,{container:!0,p:2,spacing:3,children:/* @__PURE__ */e.jsx(p.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(j.default,{sx:{paddingTop:"1.2rem"},children:/* @__PURE__ */e.jsx(i.MaterialTable,{rows:_||[],columns:u.transformTableColumns({columns:s.responseItemDetailsColumns,currencySymbol:void 0,translationFn:w,customizeValue:(e,i,t)=>{var l,n;if("item_data.vendor_info.vendor_name"===i)return t||(null==(n=null==(l=null==e?void 0:e.original)?void 0:l.item_data)?void 0:n.name)}}),paginationModel:{pageNo:1,limit:10},totalPages:20,enableColumnDragging:!0,isResetRow:!1,enableEditing:!1,columnOrder:["mrt-row-select"],enableRowSelection:!1,disabledDefaultActionColumnIcon:!0,enableBottomToolbar:!1})})})})]})};exports.ItemResponseDetails=h,exports.default=h;
 //# sourceMappingURL=index.js.map

package/dist/components/rfq-response/item-response-details/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/rfq-response/item-response-details.tsx"],"sourcesContent":["import { Close } from \"@mui/icons-material\";\nimport { Box, DialogTitle, Grid, IconButton } from \"@mui/material\";\nimport MaterialTable from \"../material-table/material-table\";\nimport Modal from \"../modal/modal\";\nimport Typography from \"../typography/typography\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { enqueueSnackbar } from \"notistack\";\nimport ModalLoader from \"../loaders/modal-loader\";\nimport {responseItemDetailsColumns} from '../../utils/constant'\nimport { fetchRentalResponseItems, fetchRfqItemsByIdForResponse, getErrorMessage } from \"../../utils/common\";\nimport { transformTableColumns } from \"../../utils/common-utility\";\nexport default function ItemResponseDetails(props:any){\n    const {isOpen, onClose,data,isRental=false} = props\n    const [responseItems, setResponseItems] = useState<any[]>([])\n    const [isLoading, setIsLoading] = useState<boolean>(false)\n    const {t} = useTranslation()\n\n    const getResponseItems=useCallback(async()=>{\n        if(!isOpen) return\n    try {\n        setIsLoading(true)\n        const filters=`(rfq_line_item_id.in=${[data?.id]})`\n       const rfqResponseItems =isRental?await fetchRentalResponseItems(filters): await fetchRfqItemsByIdForResponse(filters)\n       setResponseItems(rfqResponseItems)\n    } catch (error) {\n        const errorMsg=getErrorMessage(error?.message)\n        enqueueSnackbar(errorMsg,{variant:'error'})\n    }finally{\n        setTimeout(()=>setIsLoading(false),300)\n    }\n    },[isOpen,data?.id,isRental])\n    useEffect(()=>{\n        getResponseItems()\n    },[getResponseItems])\n    return(\n        <Modal open={isOpen}\n         onClose={onClose}\n         maxWidth='md'\n         fullWidth\n         >\n            {isLoading&&<ModalLoader />}\n           <DialogTitle className='itemEntryModal--DialogTitle'>\n                           <Typography type='s3' color='inherit' weight='medium'>\n                           Response Details\n                           </Typography>\n                           <IconButton onClick={onClose}>\n                               <Close fontSize='small' />\n                           </IconButton>\n                       </DialogTitle>\n                        <Grid container>\n                                       <Grid item xs={4}>\n                                               <Box sx={{ display: 'flex',padding:2, flexDirection: 'column' }}>\n                                                   <Typography type='s5' weight=\"medium\" color='theme.secondary.800'>Item</Typography>\n                                                   <Typography type='s3' weight=\"medium\" color='theme.neutral.1000'>{data?.item_data?.name}</Typography>\n                                               </Box>\n                                       </Grid>\n                                   </Grid>\n                       \n                                   <Grid container p={2} spacing={3}>\n                                       <Grid item xs={12}>\n                                           <Box sx={{ paddingTop: '1.2rem' }}>\n                                               <MaterialTable\n                                                   rows={responseItems || []}\n                                                   columns={transformTableColumns({\n                                                         columns: responseItemDetailsColumns,\n                                                        currencySymbol: undefined,\n                                                        translationFn: t,\n                                                        customizeValue: (row, columnAccessorKey, value) => {\n                                                            switch (columnAccessorKey) {\n                                                                case 'item_data.vendor_info.vendor_name':\n                                                                    return value||row?.original?.item_data?.name\n                                                            }\n                                                        }\n                                                            \n                                                          \n                                                   })}\n                                                   paginationModel={{ pageNo: 1, limit: 10 }}\n                                                   totalPages={20}\n                                                   enableColumnDragging={true}\n                                                   isResetRow={false}\n                                                   enableEditing={false}\n                                                   columnOrder={['mrt-row-select']}\n                                                   enableRowSelection={false}\n                                                   disabledDefaultActionColumnIcon\n                                                   enableBottomToolbar={false}\n                                               />\n                                           </Box>\n                                       </Grid>\n                                   </Grid>\n                       \n        </Modal>\n    )\n}"],"names":["props","isOpen","onClose","data","isRental","responseItems","setResponseItems","useState","isLoading","setIsLoading","t","useTranslation","getResponseItems","useCallback","async","filters","id","rfqResponseItems","fetchRentalResponseItems","fetchRfqItemsByIdForResponse","error","errorMsg","getErrorMessage","message","enqueueSnackbar","variant","setTimeout","useEffect","jsxs","Modal","open","maxWidth","fullWidth","children","ModalLoader","DialogTitle","className","jsx","Typography","type","color","weight","IconButton","onClick","Close","fontSize","Grid","container","item","xs","Box","sx","display","padding","flexDirection","_a","item_data","name","p","spacing","paddingTop","MaterialTable","rows","columns","transformTableColumns","responseItemDetailsColumns","currencySymbol","translationFn","customizeValue","row","columnAccessorKey","value","_b","original","paginationModel","pageNo","limit","totalPages","enableColumnDragging","isResetRow","enableEditing","columnOrder","enableRowSelection","disabledDefaultActionColumnIcon","enableBottomToolbar"],"mappings":"86BAYA,SAA4CA,SACxC,MAAMC,OAACA,EAAAC,QAAQA,EAAAC,KAAQA,EAAAC,SAAKA,GAAS,GAASJ,GACvCK,EAAeC,GAAoBC,EAAAA,SAAgB,KACnDC,EAAWC,GAAgBF,EAAAA,UAAkB,IAC9CG,EAACA,GAAKC,mBAENC,EAAiBC,EAAAA,YAAYC,UAC/B,GAAIb,EACR,IACIQ,GAAa,GACb,MAAMM,EAAQ,wBAAwB,CAAC,MAAAZ,OAAA,EAAAA,EAAMa,OACxCC,EAAkBb,QAAec,EAAAA,yBAAyBH,SAAgBI,EAAAA,6BAA6BJ,GAC7GT,EAAiBW,EACpB,OAASG,GACL,MAAMC,EAASC,EAAAA,gBAAgB,MAAAF,OAAA,EAAAA,EAAOG,SACtCC,EAAAA,gBAAgBH,EAAS,CAACI,QAAQ,SACtC,CAAA,QACIC,WAAW,IAAIjB,GAAa,GAAO,IACvC,GACE,CAACR,EAAO,MAAAE,OAAA,EAAAA,EAAMa,GAAGZ,IAInB,OAHAuB,EAAAA,UAAU,KACNf,KACF,CAACA,mBAECgB,EAAAA,KAACC,EAAAA,QAAA,CAAMC,KAAM7B,EACZC,UACA6B,SAAS,KACTC,WAAS,EAELC,SAAA,CAAAzB,wBAAY0B,EAAAA,QAAA;iBACdN,KAACO,EAAAA,QAAA,CAAYC,UAAU,8BACPH,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SAASR,SAAA;iBAGtDI,IAACK,EAAAA,SAAWC,QAASzC,EACjB+B,8BAACW,UAAA,CAAMC,SAAS;eAGvBR,EAAAA,IAACS,EAAAA,SAAKC,WAAS,EACAd,8BAACa,EAAAA,QAAA,CAAKE,MAAI,EAACC,GAAI,EACPhB,+BAACiB,EAAAA,QAAA,CAAIC,GAAI,CAAEC,QAAS,OAAOC,QAAQ,EAAGC,cAAe,UACjDrB,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,sBAAsBP,SAAA;iBAClEI,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,qBAAsBP,SAAA,OAAAsB,EAAA,MAAApD,OAAA,EAAAA,EAAMqD,gBAAN,EAAAD,EAAiBE;eAKnGpB,EAAAA,IAACS,EAAAA,SAAKC,WAAS,EAACW,EAAG,EAAGC,QAAS,EAC3B1B,wBAAAI,EAAAA,IAACS,EAAAA,QAAA,CAAKE,MAAI,EAACC,GAAI,GACXhB,0BAAAI,IAACa,EAAAA,QAAA,CAAIC,GAAI,CAAES,WAAY,UACnB3B,wBAAAI,EAAAA,IAACwB,EAAAA,QAAA,CACGC,KAAMzD,GAAiB,GACvB0D,QAASC,EAAAA,sBAAsB,CACzBD,QAASE,EAAAA,2BACVC,oBAAgB,EAChBC,cAAezD,EACf0D,eAAgB,CAACC,EAAKC,EAAmBC,aACrC,GACS,sCADDD,EAEA,OAAOC,IAAO,OAAAC,EAAA,OAAAjB,EAAA,MAAAc,OAAA,EAAAA,EAAKI,eAAL,EAAAlB,EAAeC,gBAAf,EAAAgB,EAA0Bf,SAMzDiB,gBAAiB,CAAEC,OAAQ,EAAGC,MAAO,IACrCC,WAAY,GACZC,sBAAsB,EACtBC,YAAY,EACZC,eAAe,EACfC,YAAa,CAAC,kBACdC,oBAAoB,EACpBC,iCAA+B,EAC/BC,qBAAqB,YAQxE"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/rfq-response/item-response-details.tsx"],"sourcesContent":["import { Close } from '@mui/icons-material';\nimport { Box, DialogTitle, Grid, IconButton } from '@mui/material';\nimport MaterialTable from '../material-table/material-table';\nimport Modal from '../modal/modal';\nimport Typography from '../typography/typography';\nimport { useCallback, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { enqueueSnackbar } from 'notistack';\nimport ModalLoader from '../loaders/modal-loader';\nimport { responseItemDetailsColumns } from '../../utils/constant';\nimport {\n\tfetchRentalResponseItems,\n\tfetchRfqItemsByIdForResponse,\n\tgetErrorMessage\n} from '../../utils/common';\nimport { transformTableColumns } from '../../utils/common-utility';\nexport const ItemResponseDetails = (props: any) => {\n\tconst { isOpen, onClose, data, isRental = false } = props;\n\tconst [responseItems, setResponseItems] = useState<any[]>([]);\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\n\tconst { t } = useTranslation();\n\n\tconst getResponseItems = useCallback(async () => {\n\t\tif (!isOpen) return;\n\t\ttry {\n\t\t\tsetIsLoading(true);\n\t\t\tconst filters = `(rfq_line_item_id.in=${[data?.id]})`;\n\t\t\tconst rfqResponseItems = isRental\n\t\t\t\t? await fetchRentalResponseItems(filters)\n\t\t\t\t: await fetchRfqItemsByIdForResponse(filters);\n\t\t\tsetResponseItems(rfqResponseItems);\n\t\t} catch (error) {\n\t\t\tconst errorMsg = getErrorMessage(error?.message);\n\t\t\tenqueueSnackbar(errorMsg, { variant: 'error' });\n\t\t} finally {\n\t\t\tsetTimeout(() => setIsLoading(false), 300);\n\t\t}\n\t}, [isOpen, data?.id, isRental]);\n\tuseEffect(() => {\n\t\tgetResponseItems();\n\t}, [getResponseItems]);\n\treturn (\n\t\t<Modal open={isOpen} onClose={onClose} maxWidth='md' fullWidth>\n\t\t\t{isLoading && <ModalLoader />}\n\t\t\t<DialogTitle className='itemEntryModal--DialogTitle'>\n\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\n\t\t\t\t\tResponse Details\n\t\t\t\t</Typography>\n\t\t\t\t<IconButton onClick={onClose}>\n\t\t\t\t\t<Close fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t</DialogTitle>\n\t\t\t<Grid container>\n\t\t\t\t<Grid item xs={4}>\n\t\t\t\t\t<Box sx={{ display: 'flex', padding: 2, flexDirection: 'column' }}>\n\t\t\t\t\t\t<Typography type='s5' weight='medium' color='theme.secondary.800'>\n\t\t\t\t\t\t\tItem\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.neutral.1000'>\n\t\t\t\t\t\t\t{data?.item_data?.name}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\n\t\t\t<Grid container p={2} spacing={3}>\n\t\t\t\t<Grid item xs={12}>\n\t\t\t\t\t<Box sx={{ paddingTop: '1.2rem' }}>\n\t\t\t\t\t\t<MaterialTable\n\t\t\t\t\t\t\trows={responseItems || []}\n\t\t\t\t\t\t\tcolumns={transformTableColumns({\n\t\t\t\t\t\t\t\tcolumns: responseItemDetailsColumns,\n\t\t\t\t\t\t\t\tcurrencySymbol: undefined,\n\t\t\t\t\t\t\t\ttranslationFn: t,\n\t\t\t\t\t\t\t\tcustomizeValue: (row, columnAccessorKey, value) => {\n\t\t\t\t\t\t\t\t\tswitch (columnAccessorKey) {\n\t\t\t\t\t\t\t\t\t\tcase 'item_data.vendor_info.vendor_name':\n\t\t\t\t\t\t\t\t\t\t\treturn value || row?.original?.item_data?.name;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tpaginationModel={{ pageNo: 1, limit: 10 }}\n\t\t\t\t\t\t\ttotalPages={20}\n\t\t\t\t\t\t\tenableColumnDragging={true}\n\t\t\t\t\t\t\tisResetRow={false}\n\t\t\t\t\t\t\tenableEditing={false}\n\t\t\t\t\t\t\tcolumnOrder={['mrt-row-select']}\n\t\t\t\t\t\t\tenableRowSelection={false}\n\t\t\t\t\t\t\tdisabledDefaultActionColumnIcon\n\t\t\t\t\t\t\tenableBottomToolbar={false}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Box>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\t\t</Modal>\n\t);\n};\n\nexport default ItemResponseDetails;\n"],"names":["ItemResponseDetails","props","isOpen","onClose","data","isRental","responseItems","setResponseItems","useState","isLoading","setIsLoading","t","useTranslation","getResponseItems","useCallback","async","filters","id","rfqResponseItems","fetchRentalResponseItems","fetchRfqItemsByIdForResponse","error","errorMsg","getErrorMessage","message","enqueueSnackbar","variant","setTimeout","useEffect","jsxs","Modal","open","maxWidth","fullWidth","children","ModalLoader","DialogTitle","className","jsx","Typography","type","color","weight","IconButton","onClick","Close","fontSize","Grid","container","item","xs","Box","sx","display","padding","flexDirection","_a","item_data","name","p","spacing","paddingTop","MaterialTable","rows","columns","transformTableColumns","responseItemDetailsColumns","currencySymbol","translationFn","customizeValue","row","columnAccessorKey","value","_b","original","paginationModel","pageNo","limit","totalPages","enableColumnDragging","isResetRow","enableEditing","columnOrder","enableRowSelection","disabledDefaultActionColumnIcon","enableBottomToolbar"],"mappings":"85BAgBO,MAAMA,EAAuBC,UACnC,MAAMC,OAAEA,EAAAC,QAAQA,EAAAC,KAASA,EAAAC,SAAMA,GAAW,GAAUJ,GAC7CK,EAAeC,GAAoBC,EAAAA,SAAgB,KACnDC,EAAWC,GAAgBF,EAAAA,UAAkB,IAC9CG,EAAEA,GAAMC,mBAERC,EAAmBC,EAAAA,YAAYC,UACpC,GAAKb,EACL,IACCQ,GAAa,GACb,MAAMM,EAAU,wBAAwB,CAAC,MAAAZ,OAAA,EAAAA,EAAMa,OACzCC,EAAmBb,QAChBc,EAAAA,yBAAyBH,SACzBI,EAAAA,6BAA6BJ,GACtCT,EAAiBW,EAClB,OAASG,GACR,MAAMC,EAAWC,EAAAA,gBAAgB,MAAAF,OAAA,EAAAA,EAAOG,SACxCC,EAAAA,gBAAgBH,EAAU,CAAEI,QAAS,SACtC,CAAA,QACCC,WAAW,IAAMjB,GAAa,GAAQ,IACvC,GACE,CAACR,EAAQ,MAAAE,OAAA,EAAAA,EAAMa,GAAIZ,IAItB,OAHAuB,EAAAA,UAAU,KACTf,KACE,CAACA,mBAEHgB,OAACC,EAAAA,OAAMC,KAAM7B,EAAQC,UAAkB6B,SAAS,KAAKC,WAAS,EAC5DC,SAAA,CAAAzB,wBAAc0B,EAAAA,YAAA;iBACfN,KAACO,EAAAA,QAAA,CAAYC,UAAU,8BACtBH,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SAASR,SAAA;iBAGtDI,IAACK,EAAAA,SAAWC,QAASzC,EACpB+B,8BAACW,UAAA,CAAMC,SAAS;eAGlBR,EAAAA,IAACS,EAAAA,SAAKC,WAAS,EACdd,8BAACa,EAAAA,QAAA,CAAKE,MAAI,EAACC,GAAI,EACdhB,+BAACiB,EAAAA,QAAA,CAAIC,GAAI,CAAEC,QAAS,OAAQC,QAAS,EAAGC,cAAe,UACtDrB,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,sBAAsBP,SAAA;iBAGlEI,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,qBAC1CP,SAAA,OAAAsB,EAAA,MAAApD,OAAA,EAAAA,EAAMqD,gBAAN,EAAAD,EAAiBE;eAMtBpB,EAAAA,IAACS,EAAAA,SAAKC,WAAS,EAACW,EAAG,EAAGC,QAAS,EAC9B1B,wBAAAI,EAAAA,IAACS,EAAAA,QAAA,CAAKE,MAAI,EAACC,GAAI,GACdhB,0BAAAI,IAACa,EAAAA,QAAA,CAAIC,GAAI,CAAES,WAAY,UACtB3B,wBAAAI,EAAAA,IAACwB,EAAAA,cAAA,CACAC,KAAMzD,GAAiB,GACvB0D,QAASC,EAAAA,sBAAsB,CAC9BD,QAASE,EAAAA,2BACTC,oBAAgB,EAChBC,cAAezD,EACf0D,eAAgB,CAACC,EAAKC,EAAmBC,aACxC,GACM,sCADED,EAEN,OAAOC,IAAS,OAAAC,EAAA,OAAAjB,EAAA,MAAAc,OAAA,EAAAA,EAAKI,eAAL,EAAAlB,EAAeC,gBAAf,EAAAgB,EAA0Bf,SAI9CiB,gBAAiB,CAAEC,OAAQ,EAAGC,MAAO,IACrCC,WAAY,GACZC,sBAAsB,EACtBC,YAAY,EACZC,eAAe,EACfC,YAAa,CAAC,kBACdC,oBAAoB,EACpBC,iCAA+B,EAC/BC,qBAAqB"}

package/dist/components/rfq-response/item-response-details.d.ts

@@ -0,0 +1,2 @@
+export declare const ItemResponseDetails: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default ItemResponseDetails;

package/dist/components/save-filter-modal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SaveFilterModal } from './save-filter-modal';
+export * from './save-filter-modal';

package/dist/components/save-filter-modal/save-filter-modal/index.esm.js

@@ -1,10 +1,10 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import default_1 from "../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { useState, useEffect } from "react";
-import Modal from "../../modal/modal/index.esm.js";
+import { Modal } from "../../modal/modal/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
-import TextField from "../../text-field/text-field/index.esm.js";
-import Button from "../../button/button/index.esm.js";
+import { TextField } from "../../text-field/text-field/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 import DialogTitle from "../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import { FolderSave } from "../../icons/folder-save/index.esm.js";
@@ -67,6 +67,7 @@ const SaveFilterModal = ({
   ] }) });
 };
 export {
+  SaveFilterModal,
   SaveFilterModal as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/save-filter-modal/save-filter-modal/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/save-filter-modal/save-filter-modal.tsx"],"sourcesContent":["import {\n  Box,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n} from \"@mui/material\";\nimport Close from \"@mui/icons-material/Close\";\nimport { useEffect, useState } from \"react\";\nimport Modal from \"../modal/modal\";\nimport Typography from \"../typography/typography\";\nimport TextField from \"../text-field/text-field\";\nimport Button from \"../button/button\";\nimport { FolderSave } from \"../icons\";\n\ninterface SaveFilter {\n  open: boolean;\n  onClose: () => void;\n  handleSubmit: (name: string) => void;\n  oldName?: string;\n}\n\nconst SaveFilterModal = ({\n  open,\n  onClose,\n  handleSubmit,\n  oldName,\n}: SaveFilter) => {\n  const [name, setName] = useState<string>(\"\");\n\n  useEffect(() => {\n    if (oldName !== undefined) {\n      setName(oldName);\n    }\n  }, [oldName]);\n\n  const handleSave = async (name: string) => {\n    if (name) {\n      const saved = await handleSubmit(name);\n\n      if(saved) {\n        setName(\"\");\n        onClose();\n      }\n    }\n\n  };\n\n  return (\n    <>\n      <Modal fullWidth onClose={onClose} open={open}>\n        <DialogTitle>\n          <Box sx={{ display: 'flex', alignItems: 'center', gap:0.5 }}>\n            <FolderSave sx={{ fontSize: '1.25rem'}}/>\n            <Typography type=\"s2\" weight=\"medium\" color={\"theme.secondary.1000\"}>\n              Save active filters\n            </Typography>\n          </Box>\n          <IconButton edge=\"end\" onClick={onClose} size=\"small\">\n            <Close fontSize=\"inherit\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent dividers>\n          <TextField\n            label=\"Name\"\n            fullWidth\n            placeholder=\"Name Filter\"\n            value={name}\n            onChange={(e: any) => setName(e.target.value)}\n          />\n        </DialogContent>\n        <DialogActions>\n          <Button\n            variant=\"outlined\"\n            onClick={onClose}\n            style={{\n              color: \"black\",\n            }}\n          >\n            Cancel\n          </Button>\n          <Button onClick={() => handleSave(name)}>\n            {oldName ? \"Rename\" : \"Save\"}\n          </Button>\n        </DialogActions>\n      </Modal>\n    </>\n  );\n};\n\nexport default SaveFilterModal;\n"],"names":["name","Close"],"mappings":";;;;;;;;;;;;;AAsBA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAkB;AAChB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAiB,EAAE;AAE3C,YAAU,MAAM;AACd,QAAI,YAAY,QAAW;AACzB,cAAQ,OAAO;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,aAAa,OAAOA,UAAiB;AACzC,QAAIA,OAAM;AACR,YAAM,QAAQ,MAAM,aAAaA,KAAI;AAErC,UAAG,OAAO;AACR,gBAAQ,EAAE;AACV,gBAAA;AAAA,MACF;AAAA,IACF;AAAA,EAEF;AAEA,yCAEI,UAAA,qBAAC,OAAA,EAAM,WAAS,MAAC,SAAkB,MACjC,UAAA;AAAA,IAAA,qBAAC,aAAA,EACC,UAAA;AAAA,MAAA,qBAAC,KAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAI,IAAA,GACpD,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,IAAI,EAAE,UAAU,aAAW;AAAA,QACvC,oBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAO,wBAAwB,UAAA,sBAAA,CAErE;AAAA,MAAA,GACF;AAAA,MACA,oBAAC,YAAA,EAAW,MAAK,OAAM,SAAS,SAAS,MAAK,SAC5C,UAAA,oBAACC,WAAA,EAAM,UAAS,UAAA,CAAU,EAAA,CAC5B;AAAA,IAAA,GACF;AAAA,IACA,oBAAC,eAAA,EAAc,UAAQ,MACrB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,WAAS;AAAA,QACT,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAW,QAAQ,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA,GAEhD;AAAA,yBACC,eAAA,EACC,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS;AAAA,UACT,OAAO;AAAA,YACL,OAAO;AAAA,UAAA;AAAA,UAEV,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,oBAAC,UAAO,SAAS,MAAM,WAAW,IAAI,GACnC,UAAA,UAAU,WAAW,OAAA,CACxB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/save-filter-modal/save-filter-modal.tsx"],"sourcesContent":["import {\n  Box,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n} from \"@mui/material\";\nimport Close from \"@mui/icons-material/Close\";\nimport { useEffect, useState } from \"react\";\nimport Modal from \"../modal/modal\";\nimport Typography from \"../typography/typography\";\nimport TextField from \"../text-field/text-field\";\nimport Button from \"../button/button\";\nimport { FolderSave } from \"../icons\";\n\ninterface SaveFilter {\n  open: boolean;\n  onClose: () => void;\n  handleSubmit: (name: string) => void;\n  oldName?: string;\n}\n\nconst SaveFilterModal = ({\n  open,\n  onClose,\n  handleSubmit,\n  oldName,\n}: SaveFilter) => {\n  const [name, setName] = useState<string>(\"\");\n\n  useEffect(() => {\n    if (oldName !== undefined) {\n      setName(oldName);\n    }\n  }, [oldName]);\n\n  const handleSave = async (name: string) => {\n    if (name) {\n      const saved = await handleSubmit(name);\n\n      if(saved) {\n        setName(\"\");\n        onClose();\n      }\n    }\n\n  };\n\n  return (\n    <>\n      <Modal fullWidth onClose={onClose} open={open}>\n        <DialogTitle>\n          <Box sx={{ display: 'flex', alignItems: 'center', gap:0.5 }}>\n            <FolderSave sx={{ fontSize: '1.25rem'}}/>\n            <Typography type=\"s2\" weight=\"medium\" color={\"theme.secondary.1000\"}>\n              Save active filters\n            </Typography>\n          </Box>\n          <IconButton edge=\"end\" onClick={onClose} size=\"small\">\n            <Close fontSize=\"inherit\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent dividers>\n          <TextField\n            label=\"Name\"\n            fullWidth\n            placeholder=\"Name Filter\"\n            value={name}\n            onChange={(e: any) => setName(e.target.value)}\n          />\n        </DialogContent>\n        <DialogActions>\n          <Button\n            variant=\"outlined\"\n            onClick={onClose}\n            style={{\n              color: \"black\",\n            }}\n          >\n            Cancel\n          </Button>\n          <Button onClick={() => handleSave(name)}>\n            {oldName ? \"Rename\" : \"Save\"}\n          </Button>\n        </DialogActions>\n      </Modal>\n    </>\n  );\n};\n\nexport { SaveFilterModal };\nexport default SaveFilterModal;\n"],"names":["name","Close"],"mappings":";;;;;;;;;;;;;AAsBA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAkB;AAChB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAiB,EAAE;AAE3C,YAAU,MAAM;AACd,QAAI,YAAY,QAAW;AACzB,cAAQ,OAAO;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,aAAa,OAAOA,UAAiB;AACzC,QAAIA,OAAM;AACR,YAAM,QAAQ,MAAM,aAAaA,KAAI;AAErC,UAAG,OAAO;AACR,gBAAQ,EAAE;AACV,gBAAA;AAAA,MACF;AAAA,IACF;AAAA,EAEF;AAEA,yCAEI,UAAA,qBAAC,OAAA,EAAM,WAAS,MAAC,SAAkB,MACjC,UAAA;AAAA,IAAA,qBAAC,aAAA,EACC,UAAA;AAAA,MAAA,qBAAC,KAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAI,IAAA,GACpD,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,IAAI,EAAE,UAAU,aAAW;AAAA,QACvC,oBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAO,wBAAwB,UAAA,sBAAA,CAErE;AAAA,MAAA,GACF;AAAA,MACA,oBAAC,YAAA,EAAW,MAAK,OAAM,SAAS,SAAS,MAAK,SAC5C,UAAA,oBAACC,WAAA,EAAM,UAAS,UAAA,CAAU,EAAA,CAC5B;AAAA,IAAA,GACF;AAAA,IACA,oBAAC,eAAA,EAAc,UAAQ,MACrB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,WAAS;AAAA,QACT,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAW,QAAQ,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA,GAEhD;AAAA,yBACC,eAAA,EACC,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS;AAAA,UACT,OAAO;AAAA,YACL,OAAO;AAAA,UAAA;AAAA,UAEV,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,oBAAC,UAAO,SAAS,MAAM,WAAW,IAAI,GACnC,UAAA,UAAU,WAAW,OAAA,CACxB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/save-filter-modal/save-filter-modal/index.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../node_modules/@mui/icons-material/Close/index.js"),l=require("react"),t=require("../../modal/modal/index.js"),r=require("../../typography/typography/index.js"),a=require("../../text-field/text-field/index.js"),n=require("../../button/button/index.js"),d=require("../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),o=require("../../../node_modules/@mui/material/Box/Box/index.js"),s=require("../../icons/folder-save/index.js"),u=require("../../../node_modules/@mui/material/IconButton/IconButton/index.js"),c=require("../../../node_modules/@mui/material/DialogContent/DialogContent/index.js"),x=require("../../../node_modules/@mui/material/DialogActions/DialogActions/index.js");exports.default=({open:m,onClose:j,handleSubmit:f,oldName:h})=>{const[g,p]=l.useState("");return l.useEffect(()=>{void 0!==h&&p(h)},[h]),/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs(t.default,{fullWidth:!0,onClose:j,open:m,children:[
-/* @__PURE__ */e.jsxs(d.default,{children:[
-/* @__PURE__ */e.jsxs(o.default,{sx:{display:"flex",alignItems:"center",gap:.5},children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../node_modules/@mui/icons-material/Close/index.js"),l=require("react"),t=require("../../modal/modal/index.js"),r=require("../../typography/typography/index.js"),o=require("../../text-field/text-field/index.js"),n=require("../../button/button/index.js"),a=require("../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),d=require("../../../node_modules/@mui/material/Box/Box/index.js"),s=require("../../icons/folder-save/index.js"),u=require("../../../node_modules/@mui/material/IconButton/IconButton/index.js"),x=require("../../../node_modules/@mui/material/DialogContent/DialogContent/index.js"),c=require("../../../node_modules/@mui/material/DialogActions/DialogActions/index.js");const m=({open:m,onClose:j,handleSubmit:h,oldName:f})=>{const[g,p]=l.useState("");return l.useEffect(()=>{void 0!==f&&p(f)},[f]),/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs(t.Modal,{fullWidth:!0,onClose:j,open:m,children:[
+/* @__PURE__ */e.jsxs(a.default,{children:[
+/* @__PURE__ */e.jsxs(d.default,{sx:{display:"flex",alignItems:"center",gap:.5},children:[
 /* @__PURE__ */e.jsx(s.FolderSave,{sx:{fontSize:"1.25rem"}}),
 /* @__PURE__ */e.jsx(r.Typography,{type:"s2",weight:"medium",color:"theme.secondary.1000",children:"Save active filters"})]}),
 /* @__PURE__ */e.jsx(u.default,{edge:"end",onClick:j,size:"small",children:/* @__PURE__ */e.jsx(i.default,{fontSize:"inherit"})})]}),
-/* @__PURE__ */e.jsx(c.default,{dividers:!0,children:/* @__PURE__ */e.jsx(a.default,{label:"Name",fullWidth:!0,placeholder:"Name Filter",value:g,onChange:e=>p(e.target.value)})}),
-/* @__PURE__ */e.jsxs(x.default,{children:[
-/* @__PURE__ */e.jsx(n.default,{variant:"outlined",onClick:j,style:{color:"black"},children:"Cancel"}),
-/* @__PURE__ */e.jsx(n.default,{onClick:()=>(async e=>{e&&await f(e)&&(p(""),j())})(g),children:h?"Rename":"Save"})]})]})})};
+/* @__PURE__ */e.jsx(x.default,{dividers:!0,children:/* @__PURE__ */e.jsx(o.TextField,{label:"Name",fullWidth:!0,placeholder:"Name Filter",value:g,onChange:e=>p(e.target.value)})}),
+/* @__PURE__ */e.jsxs(c.default,{children:[
+/* @__PURE__ */e.jsx(n.Button,{variant:"outlined",onClick:j,style:{color:"black"},children:"Cancel"}),
+/* @__PURE__ */e.jsx(n.Button,{onClick:()=>(async e=>{e&&await h(e)&&(p(""),j())})(g),children:f?"Rename":"Save"})]})]})})};exports.SaveFilterModal=m,exports.default=m;
 //# sourceMappingURL=index.js.map