@erpsquad/common 1.8.41 → 1.8.43

package/dist/views/beforeAuth/landing/landing/index.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime");function e(){/* @__PURE__ */
+return i.jsx("div",{className:"Landing",children:/* @__PURE__ */i.jsxs("div",{className:"Landing--Home",id:"home",children:[
+/* @__PURE__ */i.jsx("div",{className:"Landing--HomeAnimation",children:/* @__PURE__ */i.jsx("video",{className:"Landing--HomeAnimationVideo",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,children:/* @__PURE__ */i.jsx("source",{src:"https://ak.picdn.net/shutterstock/videos/1063309405/preview/stock-footage-modern-office-portrait-of-beautiful-authentic-specialist-with-short-pink-hair-standing-holding.webm",type:"video/mp4"})})}),
+/* @__PURE__ */i.jsx("div",{className:"Landing--HomeContent",children:/* @__PURE__ */i.jsxs("div",{className:"Landing--HomeContentTop",children:[
+/* @__PURE__ */i.jsxs("h1",{className:"Landing--SubTitle",children:["Introducing Dummy",
+/* @__PURE__ */i.jsx("span",{style:{fontWeight:"700"},children:" Land, "})]}),
+/* @__PURE__ */i.jsx("h1",{className:"Landing--Para",children:"This is the hero section.Lorem ipsum dolor sit amet, consectetur adipisicing elit.Dicta fugiat perspiciatis temporibus ut impedit expedita maiores officiis porro ? At commodi suscipit atque eligendi cumque ? Impedit magnam eligendi fugiat.Non, quam."})]})})]})})},/* empty css                     */exports.Landing=e,exports.default=e;
+//# sourceMappingURL=index.js.map

package/dist/views/beforeAuth/landing/landing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/beforeAuth/landing/landing.tsx"],"sourcesContent":["import \"./landing.scss\";\r\n// import MetaComponent from '../../../utils/metaComponent';\r\n\r\nexport function Landing() {\r\n  return (\r\n    <div className=\"Landing\">\r\n      {/* <MetaComponent\r\n\t\t\t\ttitle=\"Hi, This is dummy page title\"\r\n\t\t\t\tdescription=\"This is the dummy page description\"\r\n\t\t\t\tkeywords=\"dummy, keywords, dummy keywords, frontend template, frontend template by antino\"\r\n\t\t\t\tlocation={window.location}\r\n\t\t\t\timage=\"og_image.png\"\r\n\t\t\t/> */}\r\n      <div className=\"Landing--Home\" id=\"home\">\r\n        <div className=\"Landing--HomeAnimation\">\r\n          <video\r\n            className=\"Landing--HomeAnimationVideo\"\r\n            autoPlay={true}\r\n            muted\r\n            loop={true}\r\n            playsInline\r\n          >\r\n            <source\r\n              src=\"https://ak.picdn.net/shutterstock/videos/1063309405/preview/stock-footage-modern-office-portrait-of-beautiful-authentic-specialist-with-short-pink-hair-standing-holding.webm\"\r\n              type=\"video/mp4\"\r\n            />\r\n          </video>\r\n        </div>\r\n        <div className=\"Landing--HomeContent\">\r\n          <div className=\"Landing--HomeContentTop\">\r\n            <h1 className=\"Landing--SubTitle\">\r\n              Introducing Dummy\r\n              <span style={{ fontWeight: \"700\" }}> Land, </span>\r\n            </h1>\r\n            <h1 className=\"Landing--Para\">\r\n              This is the hero section.Lorem ipsum dolor sit amet, consectetur\r\n              adipisicing elit.Dicta fugiat perspiciatis temporibus ut impedit\r\n              expedita maiores officiis porro ? At commodi suscipit atque\r\n              eligendi cumque ? Impedit magnam eligendi fugiat.Non, quam.\r\n            </h1>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Landing;\r\n"],"names":["Landing","jsx","className","children","id","autoPlay","muted","loop","playsInline","src","type","jsxs","style","fontWeight"],"mappings":"uGAGO,SAASA;AACd,OACEC,EAAAA,IAAC,OAAIC,UAAU,UAQbC,+BAAC,MAAA,CAAID,UAAU,gBAAgBE,GAAG,OAChCD,SAAA;iBAAAF,IAAC,MAAA,CAAIC,UAAU,yBACbC,wBAAAF,EAAAA,IAAC,QAAA,CACCC,UAAU,8BACVG,UAAU,EACVC,OAAK,EACLC,MAAM,EACNC,aAAW,EAEXL,wBAAAF,EAAAA,IAAC,SAAA,CACCQ,IAAI,gLACJC,KAAK;qBAIV,MAAA,CAAIR,UAAU,uBACbC,wBAAAQ,EAAAA,KAAC,MAAA,CAAIT,UAAU,0BACbC,SAAA;iBAAAQ,KAAC,KAAA,CAAGT,UAAU,oBAAoBC,SAAA,CAAA;qBAE/B,OAAA,CAAKS,MAAO,CAAEC,WAAY,OAASV,SAAA;eAEtCF,EAAAA,IAAC,KAAA,CAAGC,UAAU,gBAAgBC,SAAA,uQAW1C"}

package/dist/views/beforeAuth/landing/landing.d.ts

@@ -0,0 +1,3 @@
+
+export declare function Landing(): import("react/jsx-runtime").JSX.Element;
+export default Landing;

package/dist/views/beforeAuth/login/index/index.esm.js

@@ -0,0 +1,209 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import { Pathname } from "../../../../constants/pathnames/pathname/index.esm.js";
+import { images } from "../../../../images/index.esm.js";
+import DynamicInput from "../../../../components/form-control/form-builder/form-builder-element/text/index.esm.js";
+import { useForm } from "react-hook-form";
+import { Typography } from "../../../../components/typography/typography/index.esm.js";
+import Button from "../../../../components/button/button/index.esm.js";
+import DynamicCheckBox from "../../../../components/form-control/form-builder/form-builder-element/checkbox/index.esm.js";
+import { useAuth } from "../../../../hooks/useAuth/index.esm.js";
+import Toast from "../../../../components/toast/toast/index.esm.js";
+import * as Yup from "yup";
+import { yupResolver as o } from "../../../../node_modules/@hookform/resolvers/yup/dist/yup/index.esm.js";
+import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import styled from "../../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import { Eye } from "../../../../components/icons/eye/index.esm.js";
+import { EyeOff } from "../../../../components/icons/eye-off/index.esm.js";
+import Grid from "../../../../node_modules/@mui/material/Grid/Grid/index.esm.js";
+const LoginContainer = styled(Grid)(() => ({
+  height: "100vh"
+}));
+const LeftGrid = styled(Grid)(({ theme }) => ({
+  [theme.breakpoints.down("sm")]: {
+    display: "none"
+  },
+  backgroundImage: `url(${images.login.LoginLeftBg})`,
+  backgroundRepeat: "no-repeat",
+  backgroundSize: "cover",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  [theme.breakpoints.down("lg")]: {
+    "& img": {
+      width: 350,
+      height: 350
+    }
+  },
+  [theme.breakpoints.down("md")]: {
+    "& img": {
+      width: 300,
+      height: 300
+    }
+  }
+}));
+const RightGrid = styled(Grid)(() => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  padding: "1rem"
+}));
+const FlexBox = styled(Box)(() => ({
+  display: "flex",
+  flexDirection: "column"
+}));
+const validationSchema = Yup.object({
+  login: Yup.object({
+    email: Yup.string().required("Please enter email").email("Provided email is invalid"),
+    password: Yup.string().required("Please enter password")
+  })
+});
+const Login = () => {
+  const navigate = useNavigate();
+  const [_, setToken] = useState("");
+  const [showPassword, setShowPassword] = useState(false);
+  const [toast, setToast] = useState(null);
+  const { user } = useAuth();
+  const { login } = useAuth();
+  const handleShowPassword = () => setShowPassword(!showPassword);
+  const { control, handleSubmit } = useForm({
+    resolver: o(validationSchema),
+    mode: "all"
+  });
+  const onSubmit = async (values) => {
+    await login(values.login, (err) => {
+      setToast({ message: err, type: "alert" });
+    });
+  };
+  const handleForgotPassword = () => {
+    navigate(Pathname.FORGOT_PASSWORD);
+  };
+  useEffect(() => {
+    const _tid = localStorage.getItem("_tid");
+    if (_tid !== null && user) {
+      setToken(_tid);
+      navigate(Pathname.DASHBOARD);
+    }
+  }, [user]);
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsxs(LoginContainer, { container: true, children: [
+      /* @__PURE__ */ jsx(LeftGrid, { item: true, sm: 6, children: /* @__PURE__ */ jsx("img", { src: images.login.LoginLeftSiteImage }) }),
+      /* @__PURE__ */ jsx(RightGrid, { item: true, sm: 6, xs: 12, children: /* @__PURE__ */ jsxs(
+        FlexBox,
+        {
+          display: "flex",
+          flexDirection: "column",
+          gap: 4,
+          sx: (theme) => ({
+            minWidth: 400,
+            [theme.breakpoints.down("md")]: {
+              minWidth: 300
+            },
+            [theme.breakpoints.down("sm")]: {
+              minWidth: 300
+            }
+          }),
+          children: [
+            /* @__PURE__ */ jsx(Box, { textAlign: "center", children: /* @__PURE__ */ jsx("img", { src: images.erp_logo, width: 160 }) }),
+            /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit(onSubmit), children: /* @__PURE__ */ jsxs(FlexBox, { gap: 4, children: [
+              /* @__PURE__ */ jsxs(FlexBox, { gap: 3, children: [
+                /* @__PURE__ */ jsxs(Box, { children: [
+                  /* @__PURE__ */ jsx(
+                    Typography,
+                    {
+                      align: "center",
+                      type: "h1",
+                      weight: "medium",
+                      color: "theme.secondary.1000",
+                      children: "Welcome!"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Typography,
+                    {
+                      align: "center",
+                      type: "h5",
+                      weight: "normal",
+                      color: "theme.secondary81000",
+                      children: "Enter your details below"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs(FlexBox, { gap: 2, children: [
+                  /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+                    DynamicInput,
+                    {
+                      formControl: control,
+                      label: "Email",
+                      name: "email",
+                      placeholder: "Enter email",
+                      fieldArrayName: "login"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+                    DynamicInput,
+                    {
+                      formControl: control,
+                      label: "Password",
+                      name: "password",
+                      type: showPassword ? "text" : "password",
+                      fieldArrayName: "login",
+                      endIcon: /* @__PURE__ */ jsx(Fragment, { children: showPassword ? /* @__PURE__ */ jsx(Eye, { fontSize: "small", htmlColor: "#292D32" }) : /* @__PURE__ */ jsx(EyeOff, { fontSize: "small", htmlColor: "#292D32" }) }),
+                      onIconClick: handleShowPassword,
+                      placeholder: "Enter password"
+                    }
+                  ) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs(FlexBox, { gap: 2, children: [
+                /* @__PURE__ */ jsx(Button, { type: "submit", size: "large", variant: "contained", children: "Login" }),
+                /* @__PURE__ */ jsxs(Box, { display: "flex", justifyContent: "space-between", children: [
+                  /* @__PURE__ */ jsx(
+                    DynamicCheckBox,
+                    {
+                      formControl: control,
+                      title: "Remember me",
+                      fieldArrayName: "login",
+                      name: "remember_me"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "text",
+                      sx: (theme) => {
+                        var _a;
+                        return {
+                          color: `${(_a = theme.palette.theme) == null ? void 0 : _a.primary["700"]} !important`
+                        };
+                      },
+                      onClick: handleForgotPassword,
+                      children: "Forgot Password"
+                    }
+                  )
+                ] })
+              ] })
+            ] }) })
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Toast,
+      {
+        open: Boolean(toast),
+        message: toast == null ? void 0 : toast.message,
+        type: toast == null ? void 0 : toast.type,
+        handleClose: () => setToast(null),
+        anchorOrigin: { horizontal: "right", vertical: "bottom" },
+        autoHideDuration: 3e3
+      }
+    )
+  ] });
+};
+export {
+  Login,
+  Login as default
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/views/beforeAuth/login/index/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/beforeAuth/login/index.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { Pathname } from \"../../../constants/pathnames/pathname\";\r\nimport { Box, Grid } from \"@mui/material\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport images from \"../../../assets/images\";\r\nimport DynamicInput from \"../../../components/form-control/form-builder/form-builder-element/text\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport Typography from \"../../../components/typography/typography\";\r\nimport Button from \"../../../components/button/button\";\r\nimport DynamicCheckBox from \"../../../components/form-control/form-builder/form-builder-element/checkbox\";\r\nimport { Eye, EyeOff } from \"../../../components/icons\";\r\nimport { LoginFormValues } from \"../../../contexts/AuthContext\";\r\nimport { useAuth } from \"../../../hooks/useAuth\";\r\nimport Toast from \"../../../components/toast/toast\";\r\nimport * as Yup from \"yup\";\r\nimport { yupResolver } from \"@hookform/resolvers/yup\";\r\n\r\nconst LoginContainer = styled(Grid)(() => ({\r\n  height: \"100vh\",\r\n}));\r\n\r\nconst LeftGrid = styled(Grid)(({ theme }) => ({\r\n  [theme.breakpoints.down(\"sm\")]: {\r\n    display: \"none\",\r\n  },\r\n  backgroundImage: `url(${images.login.LoginLeftBg})`,\r\n  backgroundRepeat: \"no-repeat\",\r\n  backgroundSize: \"cover\",\r\n  display: \"flex\",\r\n  justifyContent: \"center\",\r\n  alignItems: \"center\",\r\n  [theme.breakpoints.down(\"lg\")]: {\r\n    \"& img\": {\r\n      width: 350,\r\n      height: 350,\r\n    },\r\n  },\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    \"& img\": {\r\n      width: 300,\r\n      height: 300,\r\n    },\r\n  },\r\n}));\r\n\r\nconst RightGrid = styled(Grid)(() => ({\r\n  display: \"flex\",\r\n  justifyContent: \"center\",\r\n  alignItems: \"center\",\r\n  padding: \"1rem\",\r\n}));\r\n\r\nconst FlexBox = styled(Box)(() => ({\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n}));\r\n\r\ninterface FormValeus {\r\n  login: LoginFormValues;\r\n}\r\n\r\ninterface IToast {\r\n  message: string;\r\n  type: \"normal\" | \"alert\";\r\n}\r\n\r\nconst validationSchema = Yup.object({\r\n  login: Yup.object({\r\n    email: Yup.string()\r\n      .required(\"Please enter email\")\r\n      .email(\"Provided email is invalid\"),\r\n    password: Yup.string().required(\"Please enter password\"),\r\n  }),\r\n});\r\n\r\nexport const Login = () => {\r\n  const navigate = useNavigate();\r\n  // eslint-disable-next-line\r\n  const [_, setToken] = useState(\"\");\r\n  const [showPassword, setShowPassword] = useState<boolean>(false);\r\n  const [toast, setToast] = useState<IToast | null>(null);\r\n  const { user } = useAuth();\r\n\r\n  const { login } = useAuth();\r\n\r\n  const handleShowPassword = () => setShowPassword(!showPassword);\r\n\r\n  const { control, handleSubmit } = useForm<FormValeus>({\r\n    resolver: yupResolver(validationSchema),\r\n    mode: \"all\",\r\n  });\r\n\r\n  const onSubmit = async (values: FormValeus) => {\r\n    await login(values.login, (err) => {\r\n      setToast({ message: err, type: \"alert\" });\r\n    });\r\n  };\r\n\r\n  const handleForgotPassword = () => {\r\n    navigate(Pathname.FORGOT_PASSWORD);\r\n  }\r\n\r\n  useEffect(() => {\r\n    const _tid = localStorage.getItem(\"_tid\");\r\n    if (_tid !== null && user) {\r\n      setToken(_tid);\r\n      navigate(Pathname.DASHBOARD);\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [user]);\r\n\r\n  return (\r\n    <Box>\r\n      <LoginContainer container>\r\n        <LeftGrid item sm={6}>\r\n          <img src={images.login.LoginLeftSiteImage} />\r\n        </LeftGrid>\r\n        <RightGrid item sm={6} xs={12}>\r\n          <FlexBox\r\n            display=\"flex\"\r\n            flexDirection=\"column\"\r\n            gap={4}\r\n            sx={(theme) => ({\r\n              minWidth: 400,\r\n              [theme.breakpoints.down(\"md\")]: {\r\n                minWidth: 300,\r\n              },\r\n              [theme.breakpoints.down(\"sm\")]: {\r\n                minWidth: 300,\r\n              },\r\n            })}\r\n          >\r\n            <Box textAlign=\"center\">\r\n              <img src={images.erp_logo} width={160} />\r\n            </Box>\r\n            <form onSubmit={handleSubmit(onSubmit)}>\r\n              <FlexBox gap={4}>\r\n                <FlexBox gap={3}>\r\n                  <Box>\r\n                    <Typography\r\n                      align=\"center\"\r\n                      type=\"h1\"\r\n                      weight=\"medium\"\r\n                      color=\"theme.secondary.1000\"\r\n                    >\r\n                      Welcome!\r\n                    </Typography>\r\n                    <Typography\r\n                      align=\"center\"\r\n                      type=\"h5\"\r\n                      weight=\"normal\"\r\n                      color=\"theme.secondary81000\"\r\n                    >\r\n                      Enter your details below\r\n                    </Typography>\r\n                  </Box>\r\n                  <FlexBox gap={2}>\r\n                    <Box>\r\n                      <DynamicInput\r\n                        formControl={control}\r\n                        label=\"Email\"\r\n                        name=\"email\"\r\n                        placeholder=\"Enter email\"\r\n                        fieldArrayName=\"login\"\r\n                      />\r\n                    </Box>\r\n                    <Box>\r\n                      <DynamicInput\r\n                        formControl={control}\r\n                        label=\"Password\"\r\n                        name=\"password\"\r\n                        type={showPassword ? \"text\" : \"password\"}\r\n                        fieldArrayName=\"login\"\r\n                        endIcon={\r\n                          <>\r\n                            {showPassword ? (\r\n                              <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                            ) : (\r\n                              <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                            )}\r\n                          </>\r\n                        }\r\n                        onIconClick={handleShowPassword}\r\n                        placeholder=\"Enter password\"\r\n                      />\r\n                    </Box>\r\n                  </FlexBox>\r\n                </FlexBox>\r\n                <FlexBox gap={2}>\r\n                  <Button type=\"submit\" size=\"large\" variant=\"contained\">\r\n                    Login\r\n                  </Button>\r\n                  <Box display=\"flex\" justifyContent=\"space-between\">\r\n                    <DynamicCheckBox\r\n                      formControl={control}\r\n                      title=\"Remember me\"\r\n                      fieldArrayName=\"login\"\r\n                      name=\"remember_me\"\r\n                    />\r\n                    <Button\r\n                      variant=\"text\"\r\n                      sx={(theme) => ({\r\n                        color: `${theme.palette.theme?.primary[\"700\"]} !important`,\r\n                      })}\r\n                      onClick = {handleForgotPassword}\r\n                    >\r\n                      Forgot Password\r\n                    </Button>\r\n                  </Box>\r\n                </FlexBox>\r\n              </FlexBox>\r\n            </form>\r\n          </FlexBox>\r\n        </RightGrid>\r\n      </LoginContainer>\r\n      <Toast\r\n        open={Boolean(toast)}\r\n        message={toast?.message}\r\n        type={toast?.type}\r\n        handleClose={() => setToast(null)}\r\n        anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\r\n        autoHideDuration={3000}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default Login;\r\n"],"names":["yupResolver"],"mappings":"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"}

package/dist/views/beforeAuth/login/index/index.js

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-router-dom"),n=require("../../../../constants/pathnames/pathname/index.js"),i=require("../../../../images/index.js"),o=require("../../../../components/form-control/form-builder/form-builder-element/text/index.js"),l=require("react-hook-form"),s=require("../../../../components/typography/typography/index.js"),a=require("../../../../components/button/button/index.js"),d=require("../../../../components/form-control/form-builder/form-builder-element/checkbox/index.js"),u=require("../../../../hooks/useAuth/index.js"),m=require("../../../../components/toast/toast/index.js"),c=require("yup"),f=require("../../../../node_modules/@hookform/resolvers/yup/dist/yup/index.js"),p=require("../../../../node_modules/@mui/material/Box/Box/index.js"),h=require("../../../../node_modules/@mui/material/styles/styled/index.js"),g=require("../../../../components/icons/eye/index.js"),x=require("../../../../components/icons/eye-off/index.js"),j=require("../../../../node_modules/@mui/material/Grid/Grid/index.js");function y(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,t}var b=/* @__PURE__ */y(c);const q=h.default(j.default)(()=>({height:"100vh"})),w=h.default(j.default)(({theme:e})=>({[e.breakpoints.down("sm")]:{display:"none"},backgroundImage:`url(${i.images.login.LoginLeftBg})`,backgroundRepeat:"no-repeat",backgroundSize:"cover",display:"flex",justifyContent:"center",alignItems:"center",[e.breakpoints.down("lg")]:{"& img":{width:350,height:350}},[e.breakpoints.down("md")]:{"& img":{width:300,height:300}}})),v=h.default(j.default)(()=>({display:"flex",justifyContent:"center",alignItems:"center",padding:"1rem"})),k=h.default(p.default)(()=>({display:"flex",flexDirection:"column"})),S=b.object({login:b.object({email:b.string().required("Please enter email").email("Provided email is invalid"),password:b.string().required("Please enter password")})}),O=()=>{const c=r.useNavigate(),[h,j]=t.useState(""),[y,b]=t.useState(!1),[O,C]=t.useState(null),{user:P}=u.useAuth(),{login:A}=u.useAuth(),{control:_,handleSubmit:D}=l.useForm({resolver:f.yupResolver(S),mode:"all"});return t.useEffect(()=>{const e=localStorage.getItem("_tid");null!==e&&P&&(j(e),c(n.Pathname.DASHBOARD))},[P]),/* @__PURE__ */e.jsxs(p.default,{children:[
+/* @__PURE__ */e.jsxs(q,{container:!0,children:[
+/* @__PURE__ */e.jsx(w,{item:!0,sm:6,children:/* @__PURE__ */e.jsx("img",{src:i.images.login.LoginLeftSiteImage})}),
+/* @__PURE__ */e.jsx(v,{item:!0,sm:6,xs:12,children:/* @__PURE__ */e.jsxs(k,{display:"flex",flexDirection:"column",gap:4,sx:e=>({minWidth:400,[e.breakpoints.down("md")]:{minWidth:300},[e.breakpoints.down("sm")]:{minWidth:300}}),children:[
+/* @__PURE__ */e.jsx(p.default,{textAlign:"center",children:/* @__PURE__ */e.jsx("img",{src:i.images.erp_logo,width:160})}),
+/* @__PURE__ */e.jsx("form",{onSubmit:D(async e=>{await A(e.login,e=>{C({message:e,type:"alert"})})}),children:/* @__PURE__ */e.jsxs(k,{gap:4,children:[
+/* @__PURE__ */e.jsxs(k,{gap:3,children:[
+/* @__PURE__ */e.jsxs(p.default,{children:[
+/* @__PURE__ */e.jsx(s.Typography,{align:"center",type:"h1",weight:"medium",color:"theme.secondary.1000",children:"Welcome!"}),
+/* @__PURE__ */e.jsx(s.Typography,{align:"center",type:"h5",weight:"normal",color:"theme.secondary81000",children:"Enter your details below"})]}),
+/* @__PURE__ */e.jsxs(k,{gap:2,children:[
+/* @__PURE__ */e.jsx(p.default,{children:/* @__PURE__ */e.jsx(o.default,{formControl:_,label:"Email",name:"email",placeholder:"Enter email",fieldArrayName:"login"})}),
+/* @__PURE__ */e.jsx(p.default,{children:/* @__PURE__ */e.jsx(o.default,{formControl:_,label:"Password",name:"password",type:y?"text":"password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:y?/* @__PURE__ */e.jsx(g.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(x.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>b(!y),placeholder:"Enter password"})})]})]}),
+/* @__PURE__ */e.jsxs(k,{gap:2,children:[
+/* @__PURE__ */e.jsx(a.default,{type:"submit",size:"large",variant:"contained",children:"Login"}),
+/* @__PURE__ */e.jsxs(p.default,{display:"flex",justifyContent:"space-between",children:[
+/* @__PURE__ */e.jsx(d.default,{formControl:_,title:"Remember me",fieldArrayName:"login",name:"remember_me"}),
+/* @__PURE__ */e.jsx(a.default,{variant:"text",sx:e=>{var t;return{color:`${null==(t=e.palette.theme)?void 0:t.primary[700]} !important`}},onClick:()=>{c(n.Pathname.FORGOT_PASSWORD)},children:"Forgot Password"})]})]})]})})]})})]}),
+/* @__PURE__ */e.jsx(m.default,{open:Boolean(O),message:null==O?void 0:O.message,type:null==O?void 0:O.type,handleClose:()=>C(null),anchorOrigin:{horizontal:"right",vertical:"bottom"},autoHideDuration:3e3})]})};exports.Login=O,exports.default=O;
+//# sourceMappingURL=index.js.map

package/dist/views/beforeAuth/login/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/beforeAuth/login/index.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { Pathname } from \"../../../constants/pathnames/pathname\";\r\nimport { Box, Grid } from \"@mui/material\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport images from \"../../../assets/images\";\r\nimport DynamicInput from \"../../../components/form-control/form-builder/form-builder-element/text\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport Typography from \"../../../components/typography/typography\";\r\nimport Button from \"../../../components/button/button\";\r\nimport DynamicCheckBox from \"../../../components/form-control/form-builder/form-builder-element/checkbox\";\r\nimport { Eye, EyeOff } from \"../../../components/icons\";\r\nimport { LoginFormValues } from \"../../../contexts/AuthContext\";\r\nimport { useAuth } from \"../../../hooks/useAuth\";\r\nimport Toast from \"../../../components/toast/toast\";\r\nimport * as Yup from \"yup\";\r\nimport { yupResolver } from \"@hookform/resolvers/yup\";\r\n\r\nconst LoginContainer = styled(Grid)(() => ({\r\n  height: \"100vh\",\r\n}));\r\n\r\nconst LeftGrid = styled(Grid)(({ theme }) => ({\r\n  [theme.breakpoints.down(\"sm\")]: {\r\n    display: \"none\",\r\n  },\r\n  backgroundImage: `url(${images.login.LoginLeftBg})`,\r\n  backgroundRepeat: \"no-repeat\",\r\n  backgroundSize: \"cover\",\r\n  display: \"flex\",\r\n  justifyContent: \"center\",\r\n  alignItems: \"center\",\r\n  [theme.breakpoints.down(\"lg\")]: {\r\n    \"& img\": {\r\n      width: 350,\r\n      height: 350,\r\n    },\r\n  },\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    \"& img\": {\r\n      width: 300,\r\n      height: 300,\r\n    },\r\n  },\r\n}));\r\n\r\nconst RightGrid = styled(Grid)(() => ({\r\n  display: \"flex\",\r\n  justifyContent: \"center\",\r\n  alignItems: \"center\",\r\n  padding: \"1rem\",\r\n}));\r\n\r\nconst FlexBox = styled(Box)(() => ({\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n}));\r\n\r\ninterface FormValeus {\r\n  login: LoginFormValues;\r\n}\r\n\r\ninterface IToast {\r\n  message: string;\r\n  type: \"normal\" | \"alert\";\r\n}\r\n\r\nconst validationSchema = Yup.object({\r\n  login: Yup.object({\r\n    email: Yup.string()\r\n      .required(\"Please enter email\")\r\n      .email(\"Provided email is invalid\"),\r\n    password: Yup.string().required(\"Please enter password\"),\r\n  }),\r\n});\r\n\r\nexport const Login = () => {\r\n  const navigate = useNavigate();\r\n  // eslint-disable-next-line\r\n  const [_, setToken] = useState(\"\");\r\n  const [showPassword, setShowPassword] = useState<boolean>(false);\r\n  const [toast, setToast] = useState<IToast | null>(null);\r\n  const { user } = useAuth();\r\n\r\n  const { login } = useAuth();\r\n\r\n  const handleShowPassword = () => setShowPassword(!showPassword);\r\n\r\n  const { control, handleSubmit } = useForm<FormValeus>({\r\n    resolver: yupResolver(validationSchema),\r\n    mode: \"all\",\r\n  });\r\n\r\n  const onSubmit = async (values: FormValeus) => {\r\n    await login(values.login, (err) => {\r\n      setToast({ message: err, type: \"alert\" });\r\n    });\r\n  };\r\n\r\n  const handleForgotPassword = () => {\r\n    navigate(Pathname.FORGOT_PASSWORD);\r\n  }\r\n\r\n  useEffect(() => {\r\n    const _tid = localStorage.getItem(\"_tid\");\r\n    if (_tid !== null && user) {\r\n      setToken(_tid);\r\n      navigate(Pathname.DASHBOARD);\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [user]);\r\n\r\n  return (\r\n    <Box>\r\n      <LoginContainer container>\r\n        <LeftGrid item sm={6}>\r\n          <img src={images.login.LoginLeftSiteImage} />\r\n        </LeftGrid>\r\n        <RightGrid item sm={6} xs={12}>\r\n          <FlexBox\r\n            display=\"flex\"\r\n            flexDirection=\"column\"\r\n            gap={4}\r\n            sx={(theme) => ({\r\n              minWidth: 400,\r\n              [theme.breakpoints.down(\"md\")]: {\r\n                minWidth: 300,\r\n              },\r\n              [theme.breakpoints.down(\"sm\")]: {\r\n                minWidth: 300,\r\n              },\r\n            })}\r\n          >\r\n            <Box textAlign=\"center\">\r\n              <img src={images.erp_logo} width={160} />\r\n            </Box>\r\n            <form onSubmit={handleSubmit(onSubmit)}>\r\n              <FlexBox gap={4}>\r\n                <FlexBox gap={3}>\r\n                  <Box>\r\n                    <Typography\r\n                      align=\"center\"\r\n                      type=\"h1\"\r\n                      weight=\"medium\"\r\n                      color=\"theme.secondary.1000\"\r\n                    >\r\n                      Welcome!\r\n                    </Typography>\r\n                    <Typography\r\n                      align=\"center\"\r\n                      type=\"h5\"\r\n                      weight=\"normal\"\r\n                      color=\"theme.secondary81000\"\r\n                    >\r\n                      Enter your details below\r\n                    </Typography>\r\n                  </Box>\r\n                  <FlexBox gap={2}>\r\n                    <Box>\r\n                      <DynamicInput\r\n                        formControl={control}\r\n                        label=\"Email\"\r\n                        name=\"email\"\r\n                        placeholder=\"Enter email\"\r\n                        fieldArrayName=\"login\"\r\n                      />\r\n                    </Box>\r\n                    <Box>\r\n                      <DynamicInput\r\n                        formControl={control}\r\n                        label=\"Password\"\r\n                        name=\"password\"\r\n                        type={showPassword ? \"text\" : \"password\"}\r\n                        fieldArrayName=\"login\"\r\n                        endIcon={\r\n                          <>\r\n                            {showPassword ? (\r\n                              <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                            ) : (\r\n                              <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                            )}\r\n                          </>\r\n                        }\r\n                        onIconClick={handleShowPassword}\r\n                        placeholder=\"Enter password\"\r\n                      />\r\n                    </Box>\r\n                  </FlexBox>\r\n                </FlexBox>\r\n                <FlexBox gap={2}>\r\n                  <Button type=\"submit\" size=\"large\" variant=\"contained\">\r\n                    Login\r\n                  </Button>\r\n                  <Box display=\"flex\" justifyContent=\"space-between\">\r\n                    <DynamicCheckBox\r\n                      formControl={control}\r\n                      title=\"Remember me\"\r\n                      fieldArrayName=\"login\"\r\n                      name=\"remember_me\"\r\n                    />\r\n                    <Button\r\n                      variant=\"text\"\r\n                      sx={(theme) => ({\r\n                        color: `${theme.palette.theme?.primary[\"700\"]} !important`,\r\n                      })}\r\n                      onClick = {handleForgotPassword}\r\n                    >\r\n                      Forgot Password\r\n                    </Button>\r\n                  </Box>\r\n                </FlexBox>\r\n              </FlexBox>\r\n            </form>\r\n          </FlexBox>\r\n        </RightGrid>\r\n      </LoginContainer>\r\n      <Toast\r\n        open={Boolean(toast)}\r\n        message={toast?.message}\r\n        type={toast?.type}\r\n        handleClose={() => setToast(null)}\r\n        anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\r\n        autoHideDuration={3000}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default Login;\r\n"],"names":["LoginContainer","styled","Grid","height","LeftGrid","theme","breakpoints","down","display","backgroundImage","images","login","LoginLeftBg","backgroundRepeat","backgroundSize","justifyContent","alignItems","width","RightGrid","padding","FlexBox","Box","flexDirection","validationSchema","Yup","object","email","string","required","password","Login","navigate","useNavigate","_","setToken","useState","showPassword","setShowPassword","toast","setToast","user","useAuth","control","handleSubmit","useForm","resolver","yupResolver","mode","useEffect","_tid","localStorage","getItem","Pathname","DASHBOARD","children","jsxs","container","jsx","item","sm","src","LoginLeftSiteImage","xs","gap","sx","minWidth","textAlign","erp_logo","onSubmit","async","values","err","message","type","Typography","align","weight","color","DynamicInput","formControl","label","name","placeholder","fieldArrayName","endIcon","Fragment","Eye","fontSize","htmlColor","EyeOff","onIconClick","Button","size","variant","DynamicCheckBox","title","_a","palette","primary","onClick","FORGOT_PASSWORD","Toast","open","Boolean","handleClose","anchorOrigin","horizontal","vertical","autoHideDuration"],"mappings":"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"}

package/dist/views/beforeAuth/login/index.d.ts

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

package/dist/views/beforeAuth/reset-password/index.d.ts

@@ -0,0 +1 @@
+export * from './reset-password';

package/dist/views/beforeAuth/reset-password/reset-password/index.esm.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { Pathname } from "../../../../constants/pathnames/pathname/index.esm.js";
+import { useSearchParams, useNavigate } from "react-router-dom";
+import { useAuth } from "../../../../hooks/useAuth/index.esm.js";
+import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
+const ResetPassword = () => {
+  const { resetPassword } = useAuth();
+  const [searchParams] = useSearchParams();
+  const navigate = useNavigate();
+  useEffect(() => {
+    const tokenParam = searchParams.get("token");
+    if (!tokenParam) {
+      navigate(Pathname.LOGIN);
+    } else {
+      resetPassword({ token: tokenParam }, (response) => {
+        var _a;
+        console.log("response ", response);
+        if (!response) {
+          navigate(Pathname.LOGIN);
+        } else {
+          if (response && (response == null ? void 0 : response.data) && ((_a = response == null ? void 0 : response.data) == null ? void 0 : _a.isValid)) {
+            navigate(Pathname.CHANGE_PASSWORD, { state: { token: tokenParam } });
+          }
+        }
+      });
+    }
+  }, [searchParams, resetPassword, navigate]);
+  return /* @__PURE__ */ jsx(Box, { children: "Resetting password, please wait..." });
+};
+export {
+  ResetPassword
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/views/beforeAuth/reset-password/reset-password/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/beforeAuth/reset-password/reset-password.tsx"],"sourcesContent":["import { useEffect } from \"react\";\r\n// // import { useNavigate } from \"react-router-dom\";\r\nimport { Pathname } from \"../../../constants/pathnames/pathname\";\r\nimport { Box } from \"@mui/material\";\r\nimport { useSearchParams } from \"react-router-dom\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useAuth } from \"../../../hooks/useAuth\";\r\n\r\n\r\nexport const ResetPassword = () => {\r\n  const { resetPassword } = useAuth();\r\n  const [searchParams] = useSearchParams();\r\n  const navigate = useNavigate();\r\n\r\n  useEffect(() => {\r\n    const tokenParam = searchParams.get(\"token\");\r\n\r\n    if (!tokenParam) {\r\n      navigate(Pathname.LOGIN);\r\n    } else {\r\n      resetPassword({ token: tokenParam }, (response) => {\r\n        console.log(\"response \",response)\r\n        if (!response) {\r\n           navigate(Pathname.LOGIN);\r\n        } else {\r\n          if (response && response?.data && response?.data?.isValid) {\r\n             navigate(Pathname.CHANGE_PASSWORD, { state: { token: tokenParam } });\r\n          }\r\n        }\r\n      });\r\n    }\r\n  }, [searchParams, resetPassword, navigate]);\r\n\r\n  return <Box>Resetting password, please wait...</Box>;\r\n};"],"names":[],"mappings":";;;;;;AASO,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,cAAA,IAAkB,QAAA;AAC1B,QAAM,CAAC,YAAY,IAAI,gBAAA;AACvB,QAAM,WAAW,YAAA;AAEjB,YAAU,MAAM;AACd,UAAM,aAAa,aAAa,IAAI,OAAO;AAE3C,QAAI,CAAC,YAAY;AACf,eAAS,SAAS,KAAK;AAAA,IACzB,OAAO;AACL,oBAAc,EAAE,OAAO,WAAA,GAAc,CAAC,aAAa;;AACjD,gBAAQ,IAAI,aAAY,QAAQ;AAChC,YAAI,CAAC,UAAU;AACZ,mBAAS,SAAS,KAAK;AAAA,QAC1B,OAAO;AACL,cAAI,aAAY,qCAAU,WAAQ,0CAAU,SAAV,mBAAgB,UAAS;AACxD,qBAAS,SAAS,iBAAiB,EAAE,OAAO,EAAE,OAAO,WAAA,GAAc;AAAA,UACtE;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,cAAc,eAAe,QAAQ,CAAC;AAE1C,SAAO,oBAAC,OAAI,UAAA,qCAAA,CAAkC;AAChD;"}

package/dist/views/beforeAuth/reset-password/reset-password/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../../../../constants/pathnames/pathname/index.js"),r=require("react-router-dom"),s=require("../../../../hooks/useAuth/index.js"),u=require("../../../../node_modules/@mui/material/Box/Box/index.js");exports.ResetPassword=()=>{const{resetPassword:n}=s.useAuth(),[o]=r.useSearchParams(),i=r.useNavigate();return t.useEffect(()=>{const e=o.get("token");e?n({token:e},t=>{var r;t?t&&(null==t?void 0:t.data)&&(null==(r=null==t?void 0:t.data)?void 0:r.isValid)&&i(a.Pathname.CHANGE_PASSWORD,{state:{token:e}}):i(a.Pathname.LOGIN)}):i(a.Pathname.LOGIN)},[o,n,i]),/* @__PURE__ */e.jsx(u.default,{children:"Resetting password, please wait..."})};
+//# sourceMappingURL=index.js.map

package/dist/views/beforeAuth/reset-password/reset-password/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/beforeAuth/reset-password/reset-password.tsx"],"sourcesContent":["import { useEffect } from \"react\";\r\n// // import { useNavigate } from \"react-router-dom\";\r\nimport { Pathname } from \"../../../constants/pathnames/pathname\";\r\nimport { Box } from \"@mui/material\";\r\nimport { useSearchParams } from \"react-router-dom\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useAuth } from \"../../../hooks/useAuth\";\r\n\r\n\r\nexport const ResetPassword = () => {\r\n  const { resetPassword } = useAuth();\r\n  const [searchParams] = useSearchParams();\r\n  const navigate = useNavigate();\r\n\r\n  useEffect(() => {\r\n    const tokenParam = searchParams.get(\"token\");\r\n\r\n    if (!tokenParam) {\r\n      navigate(Pathname.LOGIN);\r\n    } else {\r\n      resetPassword({ token: tokenParam }, (response) => {\r\n        console.log(\"response \",response)\r\n        if (!response) {\r\n           navigate(Pathname.LOGIN);\r\n        } else {\r\n          if (response && response?.data && response?.data?.isValid) {\r\n             navigate(Pathname.CHANGE_PASSWORD, { state: { token: tokenParam } });\r\n          }\r\n        }\r\n      });\r\n    }\r\n  }, [searchParams, resetPassword, navigate]);\r\n\r\n  return <Box>Resetting password, please wait...</Box>;\r\n};"],"names":["resetPassword","useAuth","searchParams","useSearchParams","navigate","useNavigate","useEffect","tokenParam","get","token","response","data","_a","isValid","Pathname","CHANGE_PASSWORD","state","LOGIN","jsx","Box","children"],"mappings":"kWAS6B,KAC3B,MAAMA,cAAEA,GAAkBC,aACnBC,GAAgBC,oBACjBC,EAAWC,EAAAA,cAqBjB,OAnBAC,EAAAA,UAAU,KACR,MAAMC,EAAaL,EAAaM,IAAI,SAE/BD,EAGHP,EAAc,CAAES,MAAOF,GAAeG,UAE/BA,EAGCA,IAAY,MAAAA,OAAA,EAAAA,EAAUC,QAAQ,OAAAC,EAAA,MAAAF,OAAA,EAAAA,EAAUC,eAAME,UAC/CT,EAASU,EAAAA,SAASC,gBAAiB,CAAEC,MAAO,CAAEP,MAAOF,KAHvDH,EAASU,EAAAA,SAASG,SALvBb,EAASU,EAAAA,SAASG,QAanB,CAACf,EAAcF,EAAeI,qBAE1Bc,IAACC,EAAAA,SAAIC,SAAA"}

package/dist/views/beforeAuth/reset-password/reset-password.d.ts

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

package/dist/views/form-builder/custom-form/index.esm.js

@@ -32,12 +32,12 @@ import FormFields from "../form-fields/index.esm.js";
 import { generateModulePath, useFormDataEffect } from "../utils/common/index.esm.js";
 /* empty css                            */
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import { EyeOff } from "../../../components/icons/eye-off/index.esm.js";
+import { Eye } from "../../../components/icons/eye/index.esm.js";
 import Grid from "../../../node_modules/@mui/material/Grid/Grid/index.esm.js";
 import RadioGroup from "../../../node_modules/@mui/material/RadioGroup/RadioGroup/index.esm.js";
 import FormControlLabel from "../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.esm.js";
 import Add from "../../../node_modules/@mui/icons-material/esm/Add/index.esm.js";
-import { EyeOff } from "../../../components/icons/eye-off/index.esm.js";
-import { Eye } from "../../../components/icons/eye/index.esm.js";
 const DEFAULT_GRID_COLUMNS = 12;
 const DEFAULT_COLUMN_WIDTH = 2;
 const DEFAULT_TAB_TITLE = "data";

package/dist/views/form-builder/custom-form/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-router-dom"),i=require("react-hook-form"),n=require("react-dnd"),o=require("react-dnd-html5-backend"),s=require("react-i18next"),l=,/* empty css                                                   */a=,/* empty css                                                                                */d=,/* empty css                                                                               */c=,/* empty css                                   */u=,/* empty css                     */m=,/* empty css                                                 */f=,/* empty css                                               */h=,/* empty css                                            */p=,/* empty css                          */b=,/* empty css                                */v=,/* empty css                                     */y=,/* empty css                                     */_=,/* empty css                             */x=,/* empty css                                            */g=,/* empty css                           */S=,/* empty css                                                              */j=,/* empty css                            */N=,/* empty css                         */k=,/* empty css                                */q=,/* empty css                                  */C=,/* empty css                                   */w=,/* empty css                                    */E=,/* empty css                                      */O=,/* empty css                    */J=;/* empty css                     */;/* empty css                         */var F=,/* empty css                                                 */A=,/* empty css                                                   */M=,/* empty css                                                               */B=,/* empty css                                                                           */T=,/* empty css                                                       */I=,/* empty css                                       */P=;/* empty css                                   */const D=e=>!isNaN(Number(e))&&isFinite(Number(e)),G=e=>JSON.parse(JSON.stringify(e)),U=(e="")=>({uniqueStringId:`${Date.now()}${e}${Math.random().toString(36).substr(2,9)}`});function V(){const{t:V}=s.useTranslation(),$=p.useAppDispatch(),L=r.useNavigate(),R=r.useLocation(),H=R.state??[],W=p.useAppSelector(e=>e.formBuilder),{control:z}=i.useForm({reValidateMode:"onBlur"}),{fields:Y,append:K,remove:Q,update:X,move:Z,insert:ee}=i.useFieldArray({control:z,name:"members"}),{fields:te,append:re,remove:ie,update:ne}=i.useFieldArray({control:z,name:"section"}),[oe,se]=t.useState(""),[le,ae]=t.useState(),[de,ce]=t.useState(),[ue,me]=t.useState([]),[fe,he]=t.useState(null),[pe,be]=t.useState(),[ve,ye]=t.useState([]),[_e,xe]=t.useState({}),[ge,Se]=t.useState(),[je,Ne]=t.useState(!1),[ke,qe]=t.useState(!1),[Ce,we]=t.useState(),[Ee,Oe]=t.useState(!0),[Je,Fe]=t.useState([]),[Ae,Me]=t.useState(0),[Be,Te]=t.useState(!1),[Ie,Pe]=t.useState(!1),[De,Ge]=t.useState(null),[Ue,Ve]=t.useState(null),[$e,Le]=t.useState(),Re=R.pathname.split("/")[2],He=J.generateModulePath(Re);J.useFormDataEffect(W,Je,Ae,{removeSection:ie,remove:Q,setTabsData:Fe,append:K,appendSection:re});const We=t.useCallback(r=>{try{if(!r||"string"!=typeof r)/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-router-dom"),i=require("react-hook-form"),n=require("react-dnd"),o=require("react-dnd-html5-backend"),s=require("react-i18next"),l=,/* empty css                                                   */a=,/* empty css                                                                                */d=,/* empty css                                                                               */c=,/* empty css                                   */u=,/* empty css                     */m=,/* empty css                                                 */f=,/* empty css                                               */h=,/* empty css                                            */p=,/* empty css                          */b=,/* empty css                                */v=,/* empty css                                     */y=,/* empty css                                     */_=,/* empty css                             */x=,/* empty css                                            */g=,/* empty css                           */S=,/* empty css                                                              */j=,/* empty css                            */N=,/* empty css                         */k=,/* empty css                                */q=,/* empty css                                  */C=,/* empty css                                   */w=,/* empty css                                    */E=,/* empty css                                      */O=,/* empty css                    */J=;/* empty css                     */;/* empty css                         */var F=,/* empty css                                                 */A=,/* empty css                                       */M=,/* empty css                                   */B=,/* empty css                                                   */T=,/* empty css                                                               */I=,/* empty css                                                                           */P=;/* empty css                                                       */const D=e=>!isNaN(Number(e))&&isFinite(Number(e)),G=e=>JSON.parse(JSON.stringify(e)),U=(e="")=>({uniqueStringId:`${Date.now()}${e}${Math.random().toString(36).substr(2,9)}`});function V(){const{t:V}=s.useTranslation(),$=p.useAppDispatch(),L=r.useNavigate(),R=r.useLocation(),H=R.state??[],W=p.useAppSelector(e=>e.formBuilder),{control:z}=i.useForm({reValidateMode:"onBlur"}),{fields:Y,append:K,remove:Q,update:X,move:Z,insert:ee}=i.useFieldArray({control:z,name:"members"}),{fields:te,append:re,remove:ie,update:ne}=i.useFieldArray({control:z,name:"section"}),[oe,se]=t.useState(""),[le,ae]=t.useState(),[de,ce]=t.useState(),[ue,me]=t.useState([]),[fe,he]=t.useState(null),[pe,be]=t.useState(),[ve,ye]=t.useState([]),[_e,xe]=t.useState({}),[ge,Se]=t.useState(),[je,Ne]=t.useState(!1),[ke,qe]=t.useState(!1),[Ce,we]=t.useState(),[Ee,Oe]=t.useState(!0),[Je,Fe]=t.useState([]),[Ae,Me]=t.useState(0),[Be,Te]=t.useState(!1),[Ie,Pe]=t.useState(!1),[De,Ge]=t.useState(null),[Ue,Ve]=t.useState(null),[$e,Le]=t.useState(),Re=R.pathname.split("/")[2],He=J.generateModulePath(Re);J.useFormDataEffect(W,Je,Ae,{removeSection:ie,remove:Q,setTabsData:Fe,append:K,appendSection:re});const We=t.useCallback(r=>{try{if(!r||"string"!=typeof r)/* @__PURE__ */
 return e.jsx("div",{className:"text-gray-500 p-4",children:"Select a field to edit"});const i=r.toLowerCase().trim(),n={text:["text","number","email","phone","date","time","url","currency","file","geolocation","image","relation","info","tagsinput"],select:["select"],section:["section"],checkbox:["checkbox","togglebutton","radiobutton"],table:["table"]},o={element:fe,handlePropertyValueUpdate:nt,handleWidthChange:rt,handleColumnSelect:it,fields:(null==W?void 0:W.fields)||[]},s={element:fe,handlePropertyValueUpdate:nt,handleSelectOptionValueUpdate:ot,handleWidthChange:rt,handleColumnSelect:it};return n.text.includes(i)?/* @__PURE__ */t.createElement(k.TextEditForm,{...o,key:`text-form-${(null==fe?void 0:fe.id)||"default"}`}):n.select.includes(i)?/* @__PURE__ */t.createElement(q.SelectEditForm,{...s,key:`select-form-${(null==fe?void 0:fe.id)||"default"}`}):n.section.includes(i)?/* @__PURE__ */e.jsx(C.default,{element:_e,handlePropertyValueUpdate:tt},`section-form-${(null==_e?void 0:_e.id)||"default"}`):n.checkbox.includes(i)?/* @__PURE__ */t.createElement(w.CheckboxEditForm,{...s,key:`checkbox-form-${(null==fe?void 0:fe.id)||"default"}`}):n.table.includes(i)?/* @__PURE__ */e.jsx(E.default,{element:fe,handlePropertyValueUpdate:nt,handleColumnsUpdate:st,fields:(null==W?void 0:W.fields)||[]},`table-form-${(null==fe?void 0:fe.id)||"default"}`):/* @__PURE__ */e.jsxs("div",{className:"text-gray-500 p-4 border border-gray-200 rounded",children:[
 /* @__PURE__ */e.jsx("p",{className:"font-medium",children:"Unknown Field Type"}),
 /* @__PURE__ */e.jsxs("p",{className:"text-sm mt-1",children:['Field type "',r,'" is not supported. Please select a valid field to edit.']})]})}catch(i){/* @__PURE__ */
@@ -12,19 +12,19 @@ return e.jsx(xt,{})},[oe,Object.keys(Y).length,Object.keys(te).length,null==fe?v
 /* @__PURE__ */
 return e.jsx(F.default,{position:"relative",children:Ee?/* @__PURE__ */e.jsx(x.default,{}):/* @__PURE__ */e.jsxs(n.DndProvider,{backend:o.HTML5Backend,children:[
 /* @__PURE__ */e.jsx(m.default,{breadCrumbPath:vt,children:/* @__PURE__ */e.jsxs("div",{className:"formSection--Buttons",children:[
-/* @__PURE__ */e.jsx(d.default,{variant:"outlined",className:"formSection--PreviewButton",text:"Preview",onClick:()=>{Ue?ht():ft()},disable:!(null==Y?void 0:Y.length),startIcon:Ue?/* @__PURE__ */e.jsx(I.EyeOff,{}):/* @__PURE__ */e.jsx(P.Eye,{})}),
-/* @__PURE__ */e.jsx(d.default,{variant:"contained",type:"submit",text:"Update",onClick:pt,disable:Ue})]})}),Ue?/* @__PURE__ */e.jsx(S.default,{data:Ue||[],handleFormSubmit:e=>{},className:"form-container",fieldArrayName:"form-builder-preview",getFormMethods:e=>Le({...e})}):/* @__PURE__ */e.jsxs(A.default,{className:"formSection--Grid",container:!0,children:[
-/* @__PURE__ */e.jsx(A.default,{item:!0,xs:9,component:"form",sx:{position:"relative",background:"#F5F6F5",padding:"0.75rem"},children:/* @__PURE__ */e.jsxs(A.default,{className:"formSection--GridContainer",children:[
+/* @__PURE__ */e.jsx(d.default,{variant:"outlined",className:"formSection--PreviewButton",text:"Preview",onClick:()=>{Ue?ht():ft()},disable:!(null==Y?void 0:Y.length),startIcon:Ue?/* @__PURE__ */e.jsx(A.EyeOff,{}):/* @__PURE__ */e.jsx(M.Eye,{})}),
+/* @__PURE__ */e.jsx(d.default,{variant:"contained",type:"submit",text:"Update",onClick:pt,disable:Ue})]})}),Ue?/* @__PURE__ */e.jsx(S.default,{data:Ue||[],handleFormSubmit:e=>{},className:"form-container",fieldArrayName:"form-builder-preview",getFormMethods:e=>Le({...e})}):/* @__PURE__ */e.jsxs(B.default,{className:"formSection--Grid",container:!0,children:[
+/* @__PURE__ */e.jsx(B.default,{item:!0,xs:9,component:"form",sx:{position:"relative",background:"#F5F6F5",padding:"0.75rem"},children:/* @__PURE__ */e.jsxs(B.default,{className:"formSection--GridContainer",children:[
 /* @__PURE__ */e.jsxs(F.default,{className:"formSection--Tab",children:[Je&&/* @__PURE__ */e.jsx(c.default,{tabs:Je,onEditTabTitle:Ke,activeValue:Ae,setActiveValue:Me,handleTabChange:()=>{dt()},handleRemoveTab:Qe,containerProps:{mb:0}}),
 /* @__PURE__ */e.jsx(d.default,{variant:"outlined",text:"Add Tab",onClick:Ye,style:{color:"#292D32",margin:"0.5rem"}})]}),
 /* @__PURE__ */e.jsxs("div",{className:"formSection--Form",children:[null==te?void 0:te.map((t,r)=>{var i;const n=Y.filter(e=>e.section_order===r),o=t.section_type===_.SECTION_TYPES.FORM_SWITCH_SECTION,s=null==(i=null==t?void 0:t.switcher_forms)?void 0:i.map(e=>({...e,formMembers:Y.filter(t=>t.section_form_id===e.id)}));/* @__PURE__ */
 return e.jsxs(a.default,{index:r,label:V(t.label),onClick:Ze,position:r,fieldArrayName:"section",isFormSwitcher:o,activeIndex:le===r,removeSection:()=>lt(r),handleAccordion:()=>at(r),handleAddButton:e=>et(e),remove_section:t.remove_section,children:[o?/* @__PURE__ */e.jsxs("div",{style:{width:"100%"},children:[
 /* @__PURE__ */e.jsx(f.Typography,{type:"s5",style:{fontWeight:500},color:"theme.secondary.800",children:t.form_switcher_label}),
-/* @__PURE__ */e.jsx(M.default,{"aria-labelledby":"theme-radio-buttons-group-label",name:t.form_switcher_name||t.form_switcher_label,children:null==s?void 0:s.map(({name:t,id:i,formMembers:n})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(B.default,{value:t,control:/* @__PURE__ */e.jsx(y.default,{}),label:V(t),disabled:!0},i)}),
-/* @__PURE__ */e.jsx(A.default,{container:!0,sx:{mb:3},children:/* @__PURE__ */e.jsx(O.default,{sectionMembers:n||[],members:Y,activeMember:de,control:z,t:V,element:N.element,images:u.images,elementJSON:fe,remove:Q,move:Z,handleElementSelection:Xe,setElementSwap:Te,handleDuplicateElement:bt,setSelectedHoc:se,setActiveMember:ce})}),
-/* @__PURE__ */e.jsx(d.default,{text:"Add",variant:"outlined",className:"formSection--PreviewButton","data-position":r,onClick:e=>et(e,{section_form_id:i,is_form_switcher_section:!0}),startIcon:/* @__PURE__ */e.jsx(T.default,{})})]}))})]}):null,!o&&/* @__PURE__ */e.jsx(O.default,{sectionMembers:n||[],members:Y,activeMember:de,control:z,t:V,element:N.element,images:u.images,elementJSON:fe,remove:Q,move:Z,handleElementSelection:Xe,setElementSwap:Te,handleDuplicateElement:bt,setSelectedHoc:se,setActiveMember:ce})]})}),
-/* @__PURE__ */e.jsx("div",{className:"formSection--Section",children:/* @__PURE__ */e.jsx(d.default,{text:"Add a section",variant:"outlined",className:"formSection--PreviewButton",onClick:ze,startIcon:/* @__PURE__ */e.jsx(T.default,{})})})]})]})}),
-/* @__PURE__ */e.jsx(A.default,{item:!0,xs:3,className:Boolean(oe)&&((null==Y?void 0:Y.length)||te.length)?"formSection--RightGrid":"formSection--RightGrid formSection--Text",children:St})]}),
+/* @__PURE__ */e.jsx(T.default,{"aria-labelledby":"theme-radio-buttons-group-label",name:t.form_switcher_name||t.form_switcher_label,children:null==s?void 0:s.map(({name:t,id:i,formMembers:n})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(I.default,{value:t,control:/* @__PURE__ */e.jsx(y.default,{}),label:V(t),disabled:!0},i)}),
+/* @__PURE__ */e.jsx(B.default,{container:!0,sx:{mb:3},children:/* @__PURE__ */e.jsx(O.default,{sectionMembers:n||[],members:Y,activeMember:de,control:z,t:V,element:N.element,images:u.images,elementJSON:fe,remove:Q,move:Z,handleElementSelection:Xe,setElementSwap:Te,handleDuplicateElement:bt,setSelectedHoc:se,setActiveMember:ce})}),
+/* @__PURE__ */e.jsx(d.default,{text:"Add",variant:"outlined",className:"formSection--PreviewButton","data-position":r,onClick:e=>et(e,{section_form_id:i,is_form_switcher_section:!0}),startIcon:/* @__PURE__ */e.jsx(P.default,{})})]}))})]}):null,!o&&/* @__PURE__ */e.jsx(O.default,{sectionMembers:n||[],members:Y,activeMember:de,control:z,t:V,element:N.element,images:u.images,elementJSON:fe,remove:Q,move:Z,handleElementSelection:Xe,setElementSwap:Te,handleDuplicateElement:bt,setSelectedHoc:se,setActiveMember:ce})]})}),
+/* @__PURE__ */e.jsx("div",{className:"formSection--Section",children:/* @__PURE__ */e.jsx(d.default,{text:"Add a section",variant:"outlined",className:"formSection--PreviewButton",onClick:ze,startIcon:/* @__PURE__ */e.jsx(P.default,{})})})]})]})}),
+/* @__PURE__ */e.jsx(B.default,{item:!0,xs:3,className:Boolean(oe)&&((null==Y?void 0:Y.length)||te.length)?"formSection--RightGrid":"formSection--RightGrid formSection--Text",children:St})]}),
 /* @__PURE__ */e.jsx(v.default,{open:Boolean(De),type:null==De?void 0:De.type,message:null==De?void 0:De.message,handleClose:()=>Ge(null),anchorOrigin:{horizontal:"right",vertical:"bottom"}})]})})}exports.CustomForm=V,exports.default=V;
 //# sourceMappingURL=index.js.map

package/dist/views/form-builder/custom-form.d.ts

@@ -0,0 +1,7 @@
+import { IProperty } from './field_properties';
+
+export interface IElementJson extends IProperty {
+    type: string;
+}
+export declare function CustomForm(): import("react/jsx-runtime").JSX.Element;
+export default CustomForm;

package/dist/views/form-builder/element-edit-forms/checkbox.d.ts

@@ -0,0 +1,3 @@
+
+export declare function CheckboxEditForm(props: any): import("react/jsx-runtime").JSX.Element;
+export default CheckboxEditForm;

package/dist/views/form-builder/element-edit-forms/column-width.d.ts

@@ -0,0 +1,3 @@
+export default function ColumnWidth({ onChange }: {
+    onChange: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/views/form-builder/element-edit-forms/field-select.d.ts

@@ -0,0 +1,4 @@
+import { SelectProps } from '@mui/material';
+
+declare const FieldSelect: React.FC<SelectProps>;
+export default FieldSelect;

package/dist/views/form-builder/element-edit-forms/index.d.ts

@@ -0,0 +1,14 @@
+export { default as CheckboxEditForm } from './checkbox';
+export * from './checkbox';
+export { default as ColumnWidth } from './column-width';
+export * from './column-width';
+export { default as FieldSelect } from './field-select';
+export * from './field-select';
+export { default as SectionEditForm } from './section';
+export * from './section';
+export { default as SelectEditForm } from './select';
+export * from './select';
+export { default as TableEditForm } from './table-form';
+export * from './table-form';
+export { default as TextEditForm } from './text';
+export * from './text';

package/dist/views/form-builder/element-edit-forms/section.d.ts

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

package/dist/views/form-builder/element-edit-forms/select/index.esm.js

@@ -13,9 +13,9 @@ import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/i
 import FormControl from "../../../../node_modules/@mui/material/FormControl/FormControl/index.esm.js";
 import Slider from "../../../../node_modules/@mui/material/Slider/Slider/index.esm.js";
 import IconButton from "../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import { Trash } from "../../../../components/icons/trash/index.esm.js";
 import Add from "../../../../node_modules/@mui/icons-material/esm/Add/index.esm.js";
 import FormControlLabel from "../../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.esm.js";
-import { Trash } from "../../../../components/icons/trash/index.esm.js";
 const COLUMN_PER_ROW_OPTIONS = [1, 2, 3, 4, 5, 6];
 const SelectEditForm = React__default.memo(({
   element,

package/dist/views/form-builder/element-edit-forms/select/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=,/* empty css                                                      */t=,/* empty css                                              */u=,/* empty css                                          */n=,/* empty css                                                  */i=,/* empty css                                                  */d=,/* empty css                                          */s=;/* empty css                     */;/* empty css                            */var r=,/* empty css                                                    */o=,/* empty css                                                              */c=,/* empty css                                                                    */m=,/* empty css                                                          */f=,/* empty css                                                                  */x=,/* empty css                                                          */h=,/* empty css                                                                              */p=;/* empty css                                        */function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const b=[1,2,3,4,5,6],v=/* @__PURE__ */j(l).default.memo(({element:j,handlePropertyValueUpdate:v,handleSelectOptionValueUpdate:_,handleColumnSelect:C,handleWidthChange:y})=>{const[q,g]=l.useState(j.options||[]),[k,S]=l.useState({label:"",value:""}),[O,w]=l.useState(!1);l.useEffect(()=>{JSON.stringify(q)!==JSON.stringify(j.options||[])&&g(j.options||[])},[j.options,q]);const W=l.useMemo(()=>"system"===j.type||!j.is_new,[j.type,j.is_new]),F=l.useMemo(()=>{const e=q.find(e=>e.value===j.default_value);return(null==e?void 0:e.label)||"Select Default"},[q,j.default_value]),I=l.useCallback(e=>{v(null,null,null,e.target.value)},[v]),N=l.useCallback(e=>{v(null,null,e.target.value)},[v]),P=l.useCallback(e=>{const l=e.target.checked;v({target:{name:"is_multiselect",checked:l,value:l}}),l&&j.default_value&&v(null,"default_value",null)},[v,j.default_value]),V=l.useCallback(e=>{const{name:l,value:a}=e.target;S(e=>({...e,[l]:a}))},[]),E=l.useCallback(()=>{if(!k.label.trim()||!k.value.trim())return;if(q.some(e=>e.value===k.value||e.label===k.label))return void a.enqueueSnackbar("Option with this value or label already exists.",{variant:"error"});const e=[...q,{...k}];g(e),_(e),S({label:"",value:""}),w(!1)},[k,q,_]),M=l.useCallback(e=>{const l=q.filter((l,a)=>a!==e);g(l),_(l);const a=q[e];j.default_value===(null==a?void 0:a.value)&&v(null,"default_value",null)},[q,_,j.default_value,v]),A=l.useCallback((e,l)=>{y(l)},[y]);/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=,/* empty css                                                      */t=,/* empty css                                              */u=,/* empty css                                          */n=,/* empty css                                                  */i=,/* empty css                                                  */d=,/* empty css                                          */s=;/* empty css                     */;/* empty css                            */var r=,/* empty css                                                    */o=,/* empty css                                                              */c=,/* empty css                                                                    */m=,/* empty css                                                          */f=,/* empty css                                                                  */x=,/* empty css                                        */h=,/* empty css                                                          */p=;/* empty css                                                                              */function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const b=[1,2,3,4,5,6],v=/* @__PURE__ */j(l).default.memo(({element:j,handlePropertyValueUpdate:v,handleSelectOptionValueUpdate:_,handleColumnSelect:C,handleWidthChange:y})=>{const[q,g]=l.useState(j.options||[]),[k,S]=l.useState({label:"",value:""}),[O,w]=l.useState(!1);l.useEffect(()=>{JSON.stringify(q)!==JSON.stringify(j.options||[])&&g(j.options||[])},[j.options,q]);const W=l.useMemo(()=>"system"===j.type||!j.is_new,[j.type,j.is_new]),F=l.useMemo(()=>{const e=q.find(e=>e.value===j.default_value);return(null==e?void 0:e.label)||"Select Default"},[q,j.default_value]),I=l.useCallback(e=>{v(null,null,null,e.target.value)},[v]),N=l.useCallback(e=>{v(null,null,e.target.value)},[v]),P=l.useCallback(e=>{const l=e.target.checked;v({target:{name:"is_multiselect",checked:l,value:l}}),l&&j.default_value&&v(null,"default_value",null)},[v,j.default_value]),V=l.useCallback(e=>{const{name:l,value:a}=e.target;S(e=>({...e,[l]:a}))},[]),E=l.useCallback(()=>{if(!k.label.trim()||!k.value.trim())return;if(q.some(e=>e.value===k.value||e.label===k.label))return void a.enqueueSnackbar("Option with this value or label already exists.",{variant:"error"});const e=[...q,{...k}];g(e),_(e),S({label:"",value:""}),w(!1)},[k,q,_]),M=l.useCallback(e=>{const l=q.filter((l,a)=>a!==e);g(l),_(l);const a=q[e];j.default_value===(null==a?void 0:a.value)&&v(null,"default_value",null)},[q,_,j.default_value,v]),A=l.useCallback((e,l)=>{y(l)},[y]);/* @__PURE__ */
 return e.jsxs(r.default,{className:"formSection--FieldContainer",children:[
 /* @__PURE__ */e.jsx(r.default,{children:/* @__PURE__ */e.jsx(s.default,{variant:"outlined",onChange:I,defaultValue:j.field_type,label:"Field Type",disabled:W})}),
 /* @__PURE__ */e.jsx(r.default,{children:/* @__PURE__ */e.jsx(n.default,{fullWidth:!0,label:"Label",is_required:!0,name:"label",type:"text",onChange:v,defaultValue:j.label})}),
@@ -11,15 +11,15 @@ return e.jsxs(r.default,{className:"formSection--FieldContainer",children:[
 /* @__PURE__ */e.jsxs(r.default,{className:"formSection--SelectOption",children:[
 /* @__PURE__ */e.jsx(i.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800",sx:{mb:.5},children:"Options"}),q.map((l,a)=>/* @__PURE__ */e.jsxs(r.default,{sx:{mb:1,display:"flex",gap:1},children:[
 /* @__PURE__ */e.jsx(n.default,{fullWidth:!0,value:`${l.label} (${l.value})`,InputProps:{readOnly:!0}}),
-/* @__PURE__ */e.jsx(f.default,{color:"error",size:"small",onClick:()=>M(a),children:/* @__PURE__ */e.jsx(p.Trash,{})})]},`option-${a}`)),O&&/* @__PURE__ */e.jsxs(r.default,{className:"formSection--SelectOption",sx:{mt:.5,p:2,border:"1px solid #ddd",borderRadius:1},children:[
+/* @__PURE__ */e.jsx(f.default,{color:"error",size:"small",onClick:()=>M(a),children:/* @__PURE__ */e.jsx(x.Trash,{})})]},`option-${a}`)),O&&/* @__PURE__ */e.jsxs(r.default,{className:"formSection--SelectOption",sx:{mt:.5,p:2,border:"1px solid #ddd",borderRadius:1},children:[
 /* @__PURE__ */e.jsx(r.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(n.default,{fullWidth:!0,label:"Option Label",is_required:!0,name:"label",type:"text",placeholder:"Enter option label",value:k.label,onChange:V})}),
 /* @__PURE__ */e.jsx(r.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(n.default,{fullWidth:!0,label:"Option Value",placeholder:"Enter option value",is_required:!0,name:"value",type:"text",value:k.value,onChange:V})}),
 /* @__PURE__ */e.jsxs(r.default,{sx:{display:"flex",gap:1},children:[
-/* @__PURE__ */e.jsx(d.default,{onClick:E,startIcon:/* @__PURE__ */e.jsx(x.default,{}),disabled:!k.label.trim()||!k.value.trim(),children:"Add Option"}),
-/* @__PURE__ */e.jsx(d.default,{onClick:()=>{w(!1),S({label:"",value:""})},variant:"outlined",children:"Cancel"})]})]}),!O&&/* @__PURE__ */e.jsx(d.default,{onClick:()=>w(!0),variant:"outlined",className:"formSection--Button",startIcon:/* @__PURE__ */e.jsx(x.default,{}),sx:{mt:1},children:"Add Option"})]}),
+/* @__PURE__ */e.jsx(d.default,{onClick:E,startIcon:/* @__PURE__ */e.jsx(h.default,{}),disabled:!k.label.trim()||!k.value.trim(),children:"Add Option"}),
+/* @__PURE__ */e.jsx(d.default,{onClick:()=>{w(!1),S({label:"",value:""})},variant:"outlined",children:"Cancel"})]})]}),!O&&/* @__PURE__ */e.jsx(d.default,{onClick:()=>w(!0),variant:"outlined",className:"formSection--Button",startIcon:/* @__PURE__ */e.jsx(h.default,{}),sx:{mt:1},children:"Add Option"})]}),
 /* @__PURE__ */e.jsxs(r.default,{sx:{display:"flex",flexDirection:"column",gap:1},children:[
-/* @__PURE__ */e.jsx(h.default,{name:"is_multiselect",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:P,checked:j.is_multiselect,label:"Enable Multi Select"}),
-/* @__PURE__ */e.jsx(h.default,{name:"is_required",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:v,checked:j.is_required,label:"This field is required"}),
-/* @__PURE__ */e.jsx(h.default,{name:"is_unique",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:v,checked:j.is_unique,label:"Is Unique"}),
-/* @__PURE__ */e.jsx(h.default,{name:"is_fullwidth",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:v,checked:j.is_fullwidth,label:"Full Width"})]})]})});v.displayName="SelectEditForm",exports.SelectEditForm=v,exports.default=v;
+/* @__PURE__ */e.jsx(p.default,{name:"is_multiselect",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:P,checked:j.is_multiselect,label:"Enable Multi Select"}),
+/* @__PURE__ */e.jsx(p.default,{name:"is_required",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:v,checked:j.is_required,label:"This field is required"}),
+/* @__PURE__ */e.jsx(p.default,{name:"is_unique",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:v,checked:j.is_unique,label:"Is Unique"}),
+/* @__PURE__ */e.jsx(p.default,{name:"is_fullwidth",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:v,checked:j.is_fullwidth,label:"Full Width"})]})]})});v.displayName="SelectEditForm",exports.SelectEditForm=v,exports.default=v;
 //# sourceMappingURL=index.js.map