@erpsquad/common 1.8.41 → 1.8.42

package/dist/views/afterAuth/page-view/utils/local-data/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../../../src/views/afterAuth/page-view/utils/local-data.ts"],"sourcesContent":["const rows = [\r\n  {\r\n    name: \"John\",\r\n    age: 30,\r\n    gender: \"Male\",\r\n    company: \"NASA\",\r\n    location: \"USA\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n];\r\n\r\nconst columns = [\r\n  {\r\n    type: \"number\",\r\n    header: \"Age\",\r\n    accessorKey: \"age\",\r\n  },\r\n  {\r\n    header: \"Gender\",\r\n    type: \"string\",\r\n    accessorKey: \"gender\",\r\n  },\r\n  {\r\n    header: \"Company\",\r\n    type: \"string\",\r\n    accessorKey: \"company\",\r\n  },\r\n  {\r\n    header: \"Name\",\r\n    type: \"string\",\r\n    accessorKey: \"name\",\r\n  },\r\n  {\r\n    header: \"Location\",\r\n    type: \"string\",\r\n    accessorKey: \"location\", //simple recommended way to define a column\r\n  },\r\n  {\r\n    header: \"Price\",\r\n    type: \"number\",\r\n    accessorKey: \"price\",\r\n  },\r\n];\r\n\r\nconst columnOrder = [\"age\", \"gender\", \"company\", \"name\", \"location\", \"price\"];\r\n\r\nexport const local = { rows, columns, columnOrder };\r\n"],"names":[],"mappings":"AAAA,MAAM,OAAO;AAAA,EACX;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAEX;AAEA,MAAM,UAAU;AAAA,EACd;AAAA,IACE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAAA,EAEf;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,aAAa;AAAA,EAAA;AAAA,EAEf;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,aAAa;AAAA,EAAA;AAAA,EAEf;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,aAAa;AAAA,EAAA;AAAA,EAEf;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,aAAa;AAAA;AAAA,EAAA;AAAA,EAEf;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,aAAa;AAAA,EAAA;AAEjB;AAEA,MAAM,cAAc,CAAC,OAAO,UAAU,WAAW,QAAQ,YAAY,OAAO;AAErE,MAAM,QAAQ,EAAE,MAAM,SAAS,YAAA;"}

package/dist/views/afterAuth/page-view/utils/local-data/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.local={rows:[{name:"John",age:30,gender:"Male",company:"NASA",location:"USA",price:1e4},{name:"Sara",age:35,gender:"Female",company:"SpaceX",location:"Russia",price:1e4},{name:"Sara",age:35,gender:"Female",company:"SpaceX",location:"Russia",price:1e4},{name:"Sara",age:35,gender:"Female",company:"SpaceX",location:"Russia",price:1e4},{name:"Sara",age:35,gender:"Female",company:"SpaceX",location:"Russia",price:1e4},{name:"Sara",age:35,gender:"Female",company:"SpaceX",location:"Russia",price:1e4},{name:"Sara",age:35,gender:"Female",company:"SpaceX",location:"Russia",price:1e4},{name:"Sara",age:35,gender:"Female",company:"SpaceX",location:"Russia",price:1e4},{name:"Sara",age:35,gender:"Female",company:"SpaceX",location:"Russia",price:1e4},{name:"Sara",age:35,gender:"Female",company:"SpaceX",location:"Russia",price:1e4},{name:"Sara",age:35,gender:"Female",company:"SpaceX",location:"Russia",price:1e4},{name:"Sara",age:35,gender:"Female",company:"SpaceX",location:"Russia",price:1e4}],columns:[{type:"number",header:"Age",accessorKey:"age"},{header:"Gender",type:"string",accessorKey:"gender"},{header:"Company",type:"string",accessorKey:"company"},{header:"Name",type:"string",accessorKey:"name"},{header:"Location",type:"string",accessorKey:"location"},{header:"Price",type:"number",accessorKey:"price"}],columnOrder:["age","gender","company","name","location","price"]};
+//# sourceMappingURL=index.js.map

package/dist/views/afterAuth/page-view/utils/local-data/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/views/afterAuth/page-view/utils/local-data.ts"],"sourcesContent":["const rows = [\r\n  {\r\n    name: \"John\",\r\n    age: 30,\r\n    gender: \"Male\",\r\n    company: \"NASA\",\r\n    location: \"USA\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n  {\r\n    name: \"Sara\",\r\n    age: 35,\r\n    gender: \"Female\",\r\n    company: \"SpaceX\",\r\n    location: \"Russia\",\r\n    price: 10000,\r\n  },\r\n];\r\n\r\nconst columns = [\r\n  {\r\n    type: \"number\",\r\n    header: \"Age\",\r\n    accessorKey: \"age\",\r\n  },\r\n  {\r\n    header: \"Gender\",\r\n    type: \"string\",\r\n    accessorKey: \"gender\",\r\n  },\r\n  {\r\n    header: \"Company\",\r\n    type: \"string\",\r\n    accessorKey: \"company\",\r\n  },\r\n  {\r\n    header: \"Name\",\r\n    type: \"string\",\r\n    accessorKey: \"name\",\r\n  },\r\n  {\r\n    header: \"Location\",\r\n    type: \"string\",\r\n    accessorKey: \"location\", //simple recommended way to define a column\r\n  },\r\n  {\r\n    header: \"Price\",\r\n    type: \"number\",\r\n    accessorKey: \"price\",\r\n  },\r\n];\r\n\r\nconst columnOrder = [\"age\", \"gender\", \"company\", \"name\", \"location\", \"price\"];\r\n\r\nexport const local = { rows, columns, columnOrder };\r\n"],"names":["rows","name","age","gender","company","location","price","columns","type","header","accessorKey","columnOrder"],"mappings":"kFAsIqB,CAAEA,KAtIV,CACX,CACEC,KAAM,OACNC,IAAK,GACLC,OAAQ,OACRC,QAAS,OACTC,SAAU,MACVC,MAAO,KAET,CACEL,KAAM,OACNC,IAAK,GACLC,OAAQ,SACRC,QAAS,SACTC,SAAU,SACVC,MAAO,KAET,CACEL,KAAM,OACNC,IAAK,GACLC,OAAQ,SACRC,QAAS,SACTC,SAAU,SACVC,MAAO,KAET,CACEL,KAAM,OACNC,IAAK,GACLC,OAAQ,SACRC,QAAS,SACTC,SAAU,SACVC,MAAO,KAET,CACEL,KAAM,OACNC,IAAK,GACLC,OAAQ,SACRC,QAAS,SACTC,SAAU,SACVC,MAAO,KAET,CACEL,KAAM,OACNC,IAAK,GACLC,OAAQ,SACRC,QAAS,SACTC,SAAU,SACVC,MAAO,KAET,CACEL,KAAM,OACNC,IAAK,GACLC,OAAQ,SACRC,QAAS,SACTC,SAAU,SACVC,MAAO,KAET,CACEL,KAAM,OACNC,IAAK,GACLC,OAAQ,SACRC,QAAS,SACTC,SAAU,SACVC,MAAO,KAET,CACEL,KAAM,OACNC,IAAK,GACLC,OAAQ,SACRC,QAAS,SACTC,SAAU,SACVC,MAAO,KAET,CACEL,KAAM,OACNC,IAAK,GACLC,OAAQ,SACRC,QAAS,SACTC,SAAU,SACVC,MAAO,KAET,CACEL,KAAM,OACNC,IAAK,GACLC,OAAQ,SACRC,QAAS,SACTC,SAAU,SACVC,MAAO,KAET,CACEL,KAAM,OACNC,IAAK,GACLC,OAAQ,SACRC,QAAS,SACTC,SAAU,SACVC,MAAO,MAuCkBC,QAnCb,CACd,CACEC,KAAM,SACNC,OAAQ,MACRC,YAAa,OAEf,CACED,OAAQ,SACRD,KAAM,SACNE,YAAa,UAEf,CACED,OAAQ,UACRD,KAAM,SACNE,YAAa,WAEf,CACED,OAAQ,OACRD,KAAM,SACNE,YAAa,QAEf,CACED,OAAQ,WACRD,KAAM,SACNE,YAAa,YAEf,CACED,OAAQ,QACRD,KAAM,SACNE,YAAa,UAMqBC,YAFlB,CAAC,MAAO,SAAU,UAAW,OAAQ,WAAY"}

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

@@ -0,0 +1,182 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+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 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 { useAuth } from "../../../../hooks/useAuth/index.esm.js";
+import { useLocation, useNavigate } from "react-router-dom";
+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({
+    password: Yup.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: Yup.string().required("Please enter confirm password").oneOf([Yup.ref("password")], "Passwords must match")
+  })
+});
+const ChangePassword = () => {
+  const { control, handleSubmit } = useForm({
+    resolver: o(validationSchema),
+    mode: "all"
+  });
+  const [toast, setToast] = useState(null);
+  const [showPassword, setShowPassword] = useState(false);
+  const handleShowPassword = () => setShowPassword(!showPassword);
+  const { changePassword } = useAuth();
+  const location = useLocation();
+  const navigate = useNavigate();
+  const onSubmit = async (values) => {
+    var _a;
+    const token = (_a = location.state) == null ? void 0 : _a.token;
+    if (!token) {
+      setToast({ message: "Token missing", type: "alert" });
+      return;
+    } else {
+      values.login.token = token;
+      await changePassword(values.login, () => {
+        setToast({ message: "Password changed successfully", type: "normal" });
+        setTimeout(() => {
+          navigate(Pathname.LOGIN);
+        }, 2e3);
+      });
+      return values;
+    }
+  };
+  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: "Change Password"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Typography,
+                    {
+                      align: "center",
+                      type: "h5",
+                      weight: "normal",
+                      color: "theme.secondary81000",
+                      children: "Enter Details below"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs(FlexBox, { gap: 2, children: [
+                  /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+                    DynamicInput,
+                    {
+                      formControl: control,
+                      label: "Password",
+                      name: "password",
+                      type: "password",
+                      placeholder: "Enter Password",
+                      fieldArrayName: "login"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+                    DynamicInput,
+                    {
+                      formControl: control,
+                      label: "Confirm Password",
+                      name: "confirm_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 confirm password"
+                    }
+                  ) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(FlexBox, { gap: 2, children: /* @__PURE__ */ jsx(Button, { type: "submit", size: "large", variant: "contained", children: "Change 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 {
+  ChangePassword
+};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/beforeAuth/change-password/change-password.tsx"],"sourcesContent":["import { useState } from \"react\";\r\n// import { useNavigate } from \"react-router-dom\";\r\nimport { Pathname } from \"../../../constants/pathnames/pathname\";\r\nimport { Box, Grid, styled } from \"@mui/material\";\r\n// import { 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\n// import 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\n// import { 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\nimport { useAuth } from \"../../../hooks/useAuth\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\n\r\n\r\nconst LoginContainer = styled(Grid)(() => ({\r\n      height: \"100vh\",\r\n    }));\r\n    \r\n    const 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\n    const RightGrid = styled(Grid)(() => ({\r\n      display: \"flex\",\r\n      justifyContent: \"center\",\r\n      alignItems: \"center\",\r\n      padding: \"1rem\",\r\n    }));\r\n\r\n    const FlexBox = styled(Box)(() => ({\r\n      display: \"flex\",\r\n      flexDirection: \"column\",\r\n    }));\r\n\r\n    interface FormValeus {\r\n      login: LoginFormValues;\r\n    }\r\n\r\n    const validationSchema = Yup.object({\r\n      login: Yup.object({\r\n          password: Yup.string()\r\n          .required(\"Please enter password\")\r\n          .min(8, \"Password must be at least 8 characters\")\r\n          .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\r\n          .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\r\n          confirm_password: Yup.string().required(\"Please enter confirm password\").oneOf([Yup.ref('password')], \"Passwords must match\"),\r\n      }),\r\n    });\r\n\r\nexport const ChangePassword = () => {\r\n\r\n    const { control, handleSubmit } = useForm<FormValeus>({\r\n        resolver: yupResolver(validationSchema),\r\n        mode: \"all\",\r\n    });\r\n     const [toast, setToast] = useState<IToast | null>(null);\r\n\r\n    const [showPassword, setShowPassword] = useState<boolean>(false);\r\n    const handleShowPassword = () => setShowPassword(!showPassword);\r\n    const { changePassword } = useAuth();\r\n    const location = useLocation();\r\n    const navigate = useNavigate();\r\n\r\n    const onSubmit = async (values: FormValeus) => {\r\n        const token = location.state?.token;\r\n        if (!token) {\r\n            setToast({ message: 'Token missing', type: \"alert\" });\r\n            return;\r\n        } else {\r\n            values.login.token = token;\r\n            await changePassword(values.login, () => {\r\n                setToast({ message: 'Password changed successfully', type: \"normal\" });\r\n                setTimeout(() => {\r\n                    navigate(Pathname.LOGIN);\r\n                }, 2000);\r\n            });\r\n        return values;\r\n        }\r\n    };\r\n\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                          Change Password\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 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=\"Password\"\r\n                            name=\"password\"\r\n                            type={\"password\"}\r\n                            placeholder=\"Enter Password\"\r\n                            fieldArrayName=\"login\"\r\n                          />\r\n                        </Box>\r\n                        <Box>\r\n                          <DynamicInput\r\n                            formControl={control}\r\n                            label=\"Confirm Password\"\r\n                            name=\"confirm_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 confirm 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                        Change Password\r\n                      </Button>\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};"],"names":["yupResolver"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../constants/pathnames/pathname/index.js"),s=require("../../../../images/index.js"),n=require("../../../../components/form-control/form-builder/form-builder-element/text/index.js"),o=require("react-hook-form"),a=require("../../../../components/typography/typography/index.js"),i=require("../../../../components/button/button/index.js"),l=require("../../../../components/toast/toast/index.js"),d=require("yup"),u=require("../../../../node_modules/@hookform/resolvers/yup/dist/yup/index.js"),c=require("../../../../hooks/useAuth/index.js"),m=require("react-router-dom"),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"),f=require("../../../../components/icons/eye-off/index.js"),x=require("../../../../node_modules/@mui/material/Grid/Grid/index.js");function j(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,r}var y=/* @__PURE__ */j(d);const w=h.default(x.default)(()=>({height:"100vh"})),b=h.default(x.default)(({theme:e})=>({[e.breakpoints.down("sm")]:{display:"none"},backgroundImage:`url(${s.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}}})),q=h.default(x.default)(()=>({display:"flex",justifyContent:"center",alignItems:"center",padding:"1rem"})),v=h.default(p.default)(()=>({display:"flex",flexDirection:"column"})),P=y.object({login:y.object({password:y.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:y.string().required("Please enter confirm password").oneOf([y.ref("password")],"Passwords must match")})});exports.ChangePassword=()=>{const{control:d,handleSubmit:h}=o.useForm({resolver:u.yupResolver(P),mode:"all"}),[x,j]=r.useState(null),[y,k]=r.useState(!1),{changePassword:C}=c.useAuth(),O=m.useLocation(),_=m.useNavigate();/* @__PURE__ */
+return e.jsxs(p.default,{children:[
+/* @__PURE__ */e.jsxs(w,{container:!0,children:[
+/* @__PURE__ */e.jsx(b,{item:!0,sm:6,children:/* @__PURE__ */e.jsx("img",{src:s.images.login.LoginLeftSiteImage})}),
+/* @__PURE__ */e.jsx(q,{item:!0,sm:6,xs:12,children:/* @__PURE__ */e.jsxs(v,{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:s.images.erp_logo,width:160})}),
+/* @__PURE__ */e.jsx("form",{onSubmit:h(async e=>{var r;const s=null==(r=O.state)?void 0:r.token;return s?(e.login.token=s,await C(e.login,()=>{j({message:"Password changed successfully",type:"normal"}),setTimeout(()=>{_(t.Pathname.LOGIN)},2e3)}),e):void j({message:"Token missing",type:"alert"})}),children:/* @__PURE__ */e.jsxs(v,{gap:4,children:[
+/* @__PURE__ */e.jsxs(v,{gap:3,children:[
+/* @__PURE__ */e.jsxs(p.default,{children:[
+/* @__PURE__ */e.jsx(a.Typography,{align:"center",type:"h1",weight:"medium",color:"theme.secondary.1000",children:"Change Password"}),
+/* @__PURE__ */e.jsx(a.Typography,{align:"center",type:"h5",weight:"normal",color:"theme.secondary81000",children:"Enter Details below"})]}),
+/* @__PURE__ */e.jsxs(v,{gap:2,children:[
+/* @__PURE__ */e.jsx(p.default,{children:/* @__PURE__ */e.jsx(n.default,{formControl:d,label:"Password",name:"password",type:"password",placeholder:"Enter Password",fieldArrayName:"login"})}),
+/* @__PURE__ */e.jsx(p.default,{children:/* @__PURE__ */e.jsx(n.default,{formControl:d,label:"Confirm Password",name:"confirm_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(f.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>k(!y),placeholder:"Enter confirm password"})})]})]}),
+/* @__PURE__ */e.jsx(v,{gap:2,children:/* @__PURE__ */e.jsx(i.default,{type:"submit",size:"large",variant:"contained",children:"Change Password"})})]})})]})})]}),
+/* @__PURE__ */e.jsx(l.default,{open:Boolean(x),message:null==x?void 0:x.message,type:null==x?void 0:x.type,handleClose:()=>j(null),anchorOrigin:{horizontal:"right",vertical:"bottom"},autoHideDuration:3e3})]})};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/beforeAuth/change-password/change-password.tsx"],"sourcesContent":["import { useState } from \"react\";\r\n// import { useNavigate } from \"react-router-dom\";\r\nimport { Pathname } from \"../../../constants/pathnames/pathname\";\r\nimport { Box, Grid, styled } from \"@mui/material\";\r\n// import { 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\n// import 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\n// import { 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\nimport { useAuth } from \"../../../hooks/useAuth\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\n\r\n\r\nconst LoginContainer = styled(Grid)(() => ({\r\n      height: \"100vh\",\r\n    }));\r\n    \r\n    const 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\n    const RightGrid = styled(Grid)(() => ({\r\n      display: \"flex\",\r\n      justifyContent: \"center\",\r\n      alignItems: \"center\",\r\n      padding: \"1rem\",\r\n    }));\r\n\r\n    const FlexBox = styled(Box)(() => ({\r\n      display: \"flex\",\r\n      flexDirection: \"column\",\r\n    }));\r\n\r\n    interface FormValeus {\r\n      login: LoginFormValues;\r\n    }\r\n\r\n    const validationSchema = Yup.object({\r\n      login: Yup.object({\r\n          password: Yup.string()\r\n          .required(\"Please enter password\")\r\n          .min(8, \"Password must be at least 8 characters\")\r\n          .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\r\n          .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\r\n          confirm_password: Yup.string().required(\"Please enter confirm password\").oneOf([Yup.ref('password')], \"Passwords must match\"),\r\n      }),\r\n    });\r\n\r\nexport const ChangePassword = () => {\r\n\r\n    const { control, handleSubmit } = useForm<FormValeus>({\r\n        resolver: yupResolver(validationSchema),\r\n        mode: \"all\",\r\n    });\r\n     const [toast, setToast] = useState<IToast | null>(null);\r\n\r\n    const [showPassword, setShowPassword] = useState<boolean>(false);\r\n    const handleShowPassword = () => setShowPassword(!showPassword);\r\n    const { changePassword } = useAuth();\r\n    const location = useLocation();\r\n    const navigate = useNavigate();\r\n\r\n    const onSubmit = async (values: FormValeus) => {\r\n        const token = location.state?.token;\r\n        if (!token) {\r\n            setToast({ message: 'Token missing', type: \"alert\" });\r\n            return;\r\n        } else {\r\n            values.login.token = token;\r\n            await changePassword(values.login, () => {\r\n                setToast({ message: 'Password changed successfully', type: \"normal\" });\r\n                setTimeout(() => {\r\n                    navigate(Pathname.LOGIN);\r\n                }, 2000);\r\n            });\r\n        return values;\r\n        }\r\n    };\r\n\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                          Change Password\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 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=\"Password\"\r\n                            name=\"password\"\r\n                            type={\"password\"}\r\n                            placeholder=\"Enter Password\"\r\n                            fieldArrayName=\"login\"\r\n                          />\r\n                        </Box>\r\n                        <Box>\r\n                          <DynamicInput\r\n                            formControl={control}\r\n                            label=\"Confirm Password\"\r\n                            name=\"confirm_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 confirm 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                        Change Password\r\n                      </Button>\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};"],"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","password","string","required","min","matches","confirm_password","oneOf","ref","control","handleSubmit","useForm","resolver","yupResolver","mode","toast","setToast","useState","showPassword","setShowPassword","changePassword","useAuth","location","useLocation","navigate","useNavigate","children","jsxs","container","jsx","item","sm","src","LoginLeftSiteImage","xs","gap","sx","minWidth","textAlign","erp_logo","onSubmit","async","values","token","_a","state","message","type","setTimeout","Pathname","LOGIN","Typography","align","weight","color","DynamicInput","formControl","label","name","placeholder","fieldArrayName","endIcon","Fragment","Eye","fontSize","htmlColor","EyeOff","onIconClick","Button","size","variant","Toast","open","Boolean","handleClose","anchorOrigin","horizontal","vertical","autoHideDuration"],"mappings":"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"}

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

@@ -0,0 +1,177 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+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 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 { useAuth } from "../../../../hooks/useAuth/index.esm.js";
+import { useNavigate } from "react-router-dom";
+import styled from "../../../../node_modules/@mui/material/styles/styled/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";
+const ForgotPassword = () => {
+  const { forgotPassword } = useAuth();
+  const LoginContainer = styled(Grid)(() => ({
+    height: "100vh"
+  }));
+  const navigate = useNavigate();
+  const [toast, setToast] = useState(null);
+  const validationSchema = Yup.object({
+    login: Yup.object({
+      email: Yup.string().required("Please enter email").email("Provided email is invalid")
+    })
+  });
+  const { control, handleSubmit } = useForm({
+    resolver: o(validationSchema),
+    mode: "all"
+  });
+  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 onSubmit = async (values) => {
+    await forgotPassword(values.login, (type, message) => {
+      if (type) {
+        setToast({ message, type: "normal" });
+        setTimeout(() => {
+          navigate(Pathname.LOGIN);
+        }, 1500);
+      } else {
+        setToast({ message, type: "alert" });
+      }
+    });
+    return values;
+  };
+  const handleBackToLogin = () => {
+    navigate(Pathname.LOGIN);
+  };
+  useEffect(() => {
+  });
+  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: "Forgot Password"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Typography,
+                    {
+                      align: "center",
+                      type: "h5",
+                      weight: "normal",
+                      color: "theme.secondary81000",
+                      children: "Enter your email to reset password"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx(FlexBox, { gap: 2, children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+                  DynamicInput,
+                  {
+                    formControl: control,
+                    label: "Email",
+                    name: "email",
+                    placeholder: "Enter email",
+                    fieldArrayName: "login"
+                  }
+                ) }) })
+              ] }),
+              /* @__PURE__ */ jsxs(FlexBox, { gap: 2, children: [
+                /* @__PURE__ */ jsx(Button, { type: "submit", size: "large", variant: "contained", children: "Reset Password" }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "text",
+                    sx: (theme) => {
+                      var _a;
+                      return {
+                        color: `${(_a = theme.palette.theme) == null ? void 0 : _a.primary["700"]} !important`
+                      };
+                    },
+                    onClick: handleBackToLogin,
+                    children: "Back to login"
+                  }
+                )
+              ] })
+            ] }) })
+          ]
+        }
+      ) })
+    ] }),
+    /* @__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 {
+  ForgotPassword
+};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/beforeAuth/forgot-password/forgot-password.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\n// import { 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\n// import DynamicCheckBox from \"../../../components/form-control/form-builder/form-builder-element/checkbox\";\r\n// import { Eye, EyeOff } from \"../../../components/icons\";\r\n// import { LoginFormValues } from \"../../../contexts/AuthContext\";\r\n// import { 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\nimport { useAuth } from \"../../../hooks/useAuth\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\nexport const ForgotPassword = () => {\r\n   const { forgotPassword } = useAuth();\r\n    const LoginContainer = styled(Grid)(() => ({\r\n        height: \"100vh\",\r\n    }));\r\n    const navigate = useNavigate();\r\n    interface IToast {\r\n        message: string;\r\n        type: \"normal\" | \"alert\";\r\n    }\r\n    const [toast, setToast] = useState<IToast | null>(null);\r\n\r\n    const 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      }),\r\n    });\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 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\n    const RightGrid = styled(Grid)(() => ({\r\n      display: \"flex\",\r\n      justifyContent: \"center\",\r\n      alignItems: \"center\",\r\n      padding: \"1rem\",\r\n    }));\r\n    \r\n    const FlexBox = styled(Box)(() => ({\r\n      display: \"flex\",\r\n      flexDirection: \"column\",\r\n    }));\r\n\r\n    const onSubmit = async (values: FormValeus) => {\r\n      await forgotPassword(values.login, (type, message) => {\r\n        if (type) {\r\n          setToast({ message: message, type: \"normal\" });\r\n          setTimeout(() => {\r\n            navigate(Pathname.LOGIN);\r\n          }, 1500);\r\n        } else {\r\n          setToast({ message: message, type: \"alert\" });\r\n        }\r\n      });\r\n        return values;\r\n    };\r\n\r\n    const handleBackToLogin = () => {\r\n      navigate(Pathname.LOGIN);\r\n    }\r\n\r\n    useEffect(() => {});\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                              Forgot Password\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 email to reset password\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                          </FlexBox>\r\n                        </FlexBox>\r\n                        <FlexBox gap={2}>\r\n                          <Button type=\"submit\" size=\"large\" variant=\"contained\">\r\n                            Reset Password\r\n                          </Button>\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 = {handleBackToLogin}\r\n                            >\r\n                              Back to login\r\n                            </Button>\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}"],"names":["yupResolver"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../constants/pathnames/pathname/index.js"),i=require("../../../../images/index.js"),n=require("../../../../components/form-control/form-builder/form-builder-element/text/index.js"),o=require("react-hook-form"),a=require("../../../../components/typography/typography/index.js"),s=require("../../../../components/button/button/index.js"),l=require("../../../../components/toast/toast/index.js"),d=require("yup"),u=require("../../../../node_modules/@hookform/resolvers/yup/dist/yup/index.js"),m=require("../../../../hooks/useAuth/index.js"),c=require("react-router-dom"),g=require("../../../../node_modules/@mui/material/styles/styled/index.js"),h=require("../../../../node_modules/@mui/material/Grid/Grid/index.js"),p=require("../../../../node_modules/@mui/material/Box/Box/index.js");function f(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 i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,t}var x=/* @__PURE__ */f(d);exports.ForgotPassword=()=>{const{forgotPassword:d}=m.useAuth(),f=g.default(h.default)(()=>({height:"100vh"})),j=c.useNavigate(),[y,b]=t.useState(null),v=x.object({login:x.object({email:x.string().required("Please enter email").email("Provided email is invalid")})}),{control:q,handleSubmit:w}=o.useForm({resolver:u.yupResolver(v),mode:"all"}),k=g.default(h.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}}})),P=g.default(h.default)(()=>({display:"flex",justifyContent:"center",alignItems:"center",padding:"1rem"})),O=g.default(p.default)(()=>({display:"flex",flexDirection:"column"}));return t.useEffect(()=>{}),/* @__PURE__ */e.jsxs(p.default,{children:[
+/* @__PURE__ */e.jsxs(f,{container:!0,children:[
+/* @__PURE__ */e.jsx(k,{item:!0,sm:6,children:/* @__PURE__ */e.jsx("img",{src:i.images.login.LoginLeftSiteImage})}),
+/* @__PURE__ */e.jsx(P,{item:!0,sm:6,xs:12,children:/* @__PURE__ */e.jsxs(O,{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:w(async e=>(await d(e.login,(e,t)=>{e?(b({message:t,type:"normal"}),setTimeout(()=>{j(r.Pathname.LOGIN)},1500)):b({message:t,type:"alert"})}),e)),children:/* @__PURE__ */e.jsxs(O,{gap:4,children:[
+/* @__PURE__ */e.jsxs(O,{gap:3,children:[
+/* @__PURE__ */e.jsxs(p.default,{children:[
+/* @__PURE__ */e.jsx(a.Typography,{align:"center",type:"h1",weight:"medium",color:"theme.secondary.1000",children:"Forgot Password"}),
+/* @__PURE__ */e.jsx(a.Typography,{align:"center",type:"h5",weight:"normal",color:"theme.secondary81000",children:"Enter your email to reset password"})]}),
+/* @__PURE__ */e.jsx(O,{gap:2,children:/* @__PURE__ */e.jsx(p.default,{children:/* @__PURE__ */e.jsx(n.default,{formControl:q,label:"Email",name:"email",placeholder:"Enter email",fieldArrayName:"login"})})})]}),
+/* @__PURE__ */e.jsxs(O,{gap:2,children:[
+/* @__PURE__ */e.jsx(s.default,{type:"submit",size:"large",variant:"contained",children:"Reset Password"}),
+/* @__PURE__ */e.jsx(s.default,{variant:"text",sx:e=>{var t;return{color:`${null==(t=e.palette.theme)?void 0:t.primary[700]} !important`}},onClick:()=>{j(r.Pathname.LOGIN)},children:"Back to login"})]})]})})]})})]}),
+/* @__PURE__ */e.jsx(l.default,{open:Boolean(y),message:null==y?void 0:y.message,type:null==y?void 0:y.type,handleClose:()=>b(null),anchorOrigin:{horizontal:"right",vertical:"bottom"},autoHideDuration:3e3})]})};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/beforeAuth/forgot-password/forgot-password.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\n// import { 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\n// import DynamicCheckBox from \"../../../components/form-control/form-builder/form-builder-element/checkbox\";\r\n// import { Eye, EyeOff } from \"../../../components/icons\";\r\n// import { LoginFormValues } from \"../../../contexts/AuthContext\";\r\n// import { 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\nimport { useAuth } from \"../../../hooks/useAuth\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\nexport const ForgotPassword = () => {\r\n   const { forgotPassword } = useAuth();\r\n    const LoginContainer = styled(Grid)(() => ({\r\n        height: \"100vh\",\r\n    }));\r\n    const navigate = useNavigate();\r\n    interface IToast {\r\n        message: string;\r\n        type: \"normal\" | \"alert\";\r\n    }\r\n    const [toast, setToast] = useState<IToast | null>(null);\r\n\r\n    const 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      }),\r\n    });\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 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\n    const RightGrid = styled(Grid)(() => ({\r\n      display: \"flex\",\r\n      justifyContent: \"center\",\r\n      alignItems: \"center\",\r\n      padding: \"1rem\",\r\n    }));\r\n    \r\n    const FlexBox = styled(Box)(() => ({\r\n      display: \"flex\",\r\n      flexDirection: \"column\",\r\n    }));\r\n\r\n    const onSubmit = async (values: FormValeus) => {\r\n      await forgotPassword(values.login, (type, message) => {\r\n        if (type) {\r\n          setToast({ message: message, type: \"normal\" });\r\n          setTimeout(() => {\r\n            navigate(Pathname.LOGIN);\r\n          }, 1500);\r\n        } else {\r\n          setToast({ message: message, type: \"alert\" });\r\n        }\r\n      });\r\n        return values;\r\n    };\r\n\r\n    const handleBackToLogin = () => {\r\n      navigate(Pathname.LOGIN);\r\n    }\r\n\r\n    useEffect(() => {});\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                              Forgot Password\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 email to reset password\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                          </FlexBox>\r\n                        </FlexBox>\r\n                        <FlexBox gap={2}>\r\n                          <Button type=\"submit\" size=\"large\" variant=\"contained\">\r\n                            Reset Password\r\n                          </Button>\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 = {handleBackToLogin}\r\n                            >\r\n                              Back to login\r\n                            </Button>\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}"],"names":["forgotPassword","useAuth","LoginContainer","styled","Grid","height","navigate","useNavigate","toast","setToast","useState","validationSchema","Yup","object","login","email","string","required","control","handleSubmit","useForm","resolver","yupResolver","mode","LeftGrid","theme","breakpoints","down","display","backgroundImage","images","LoginLeftBg","backgroundRepeat","backgroundSize","justifyContent","alignItems","width","RightGrid","padding","FlexBox","Box","flexDirection","useEffect","children","jsxs","container","jsx","item","sm","src","LoginLeftSiteImage","xs","gap","sx","minWidth","textAlign","erp_logo","onSubmit","async","values","type","message","setTimeout","Pathname","LOGIN","Typography","align","weight","color","DynamicInput","formControl","label","name","placeholder","fieldArrayName","Button","size","variant","_a","palette","primary","onClick","Toast","open","Boolean","handleClose","anchorOrigin","horizontal","vertical","autoHideDuration"],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+/* empty css                        */
+function Landing() {
+  return /* @__PURE__ */ jsx("div", { className: "Landing", children: /* @__PURE__ */ jsxs("div", { className: "Landing--Home", id: "home", children: [
+    /* @__PURE__ */ jsx("div", { className: "Landing--HomeAnimation", children: /* @__PURE__ */ jsx(
+      "video",
+      {
+        className: "Landing--HomeAnimationVideo",
+        autoPlay: true,
+        muted: true,
+        loop: true,
+        playsInline: true,
+        children: /* @__PURE__ */ 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__ */ jsx("div", { className: "Landing--HomeContent", children: /* @__PURE__ */ jsxs("div", { className: "Landing--HomeContentTop", children: [
+      /* @__PURE__ */ jsxs("h1", { className: "Landing--SubTitle", children: [
+        "Introducing Dummy",
+        /* @__PURE__ */ jsx("span", { style: { fontWeight: "700" }, children: " Land, " })
+      ] }),
+      /* @__PURE__ */ 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." })
+    ] }) })
+  ] }) });
+}
+export {
+  Landing,
+  Landing as default
+};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.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":[],"mappings":";;AAGO,SAAS,UAAU;AACxB,SACE,oBAAC,SAAI,WAAU,WAQb,+BAAC,OAAA,EAAI,WAAU,iBAAgB,IAAG,QAChC,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAK;AAAA,QACL,MAAM;AAAA,QACN,aAAW;AAAA,QAEX,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAI;AAAA,YACJ,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP;AAAA,IAAA,GAEJ;AAAA,wBACC,OAAA,EAAI,WAAU,wBACb,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA,qBAAC,MAAA,EAAG,WAAU,qBAAoB,UAAA;AAAA,QAAA;AAAA,4BAE/B,QAAA,EAAK,OAAO,EAAE,YAAY,MAAA,GAAS,UAAA,UAAA,CAAO;AAAA,MAAA,GAC7C;AAAA,MACA,oBAAC,MAAA,EAAG,WAAU,iBAAgB,UAAA,4PAAA,CAK9B;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}