@erpsquad/common 1.8.41 → 1.8.43

package/dist/components/page-navigator/page-navigator.d.ts

@@ -0,0 +1,15 @@
+import { IPage } from '../../@types/page';
+import { default as React } from 'react';
+
+interface IPageNavigator {
+    pages: IPage[];
+    setPages: React.Dispatch<React.SetStateAction<IPage[]>>;
+    currentPage: string | number;
+    setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
+    sharedPages: any;
+    resource: string;
+    handlePageDelete: (pages: any[]) => void;
+    isPageSaving?: boolean;
+}
+export default function PageNavigator({ resource, }: IPageNavigator): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Pagination } from './pagination';
+export * from './pagination';

package/dist/components/pagination/pagination.d.ts

@@ -0,0 +1,9 @@
+import { IPaginationModel } from '../../@types/pagination-model';
+
+interface IPagination {
+    paginationModel: IPaginationModel;
+    handlePaginationModel: (model: IPaginationModel) => void;
+    totalPages: number;
+}
+declare const Pagination: ({ paginationModel, totalPages, handlePaginationModel, }: IPagination) => import("react/jsx-runtime").JSX.Element;
+export default Pagination;

package/dist/components/parties-modal/index.d.ts

@@ -0,0 +1,4 @@
+export { default as CustomerVendorModal } from './parties-modal';
+export * from './parties-modal';
+export * from './validator';
+export * from './utils';

package/dist/components/parties-modal/parties-modal/index.esm.js

@@ -11,7 +11,7 @@ import { useRef, useState, useCallback, useEffect, useMemo } from "react";
 import _ from "lodash";
 /* empty css                              */
 import { addressOmitKeys, PARTIES_FORM_ARRAY_NAME, PARTIES_FIELDS, contactOmitKeys, addressColumns, contactColumns, addressPayload, contactPayload, processPartiesPayload } from "../utils/constant/index.esm.js";
-import MaterialTable from "../../material-table/material-table/index.esm.js";
+import { MaterialTable } from "../../material-table/material-table/index.esm.js";
 import parsePhoneNumberFromString from "libphonenumber-js";
 import Checkbox from "../../checkbox/checkbox/index.esm.js";
 import { transformTableColumns } from "../../../utils/common-utility/index.esm.js";

package/dist/components/parties-modal/parties-modal/index.js

@@ -1,22 +1,22 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=,/* empty css                       */t=,/* empty css                                 */o=,/* empty css                                                               */a=require("react-hook-form"),n=require("react-i18next"),r=,/* empty css                  */i=,/* empty css                                                                         */s=,/* empty css                               */d=require("react"),u=require("lodash");;/* empty css                           */var c=,/* empty css                       */m=,/* empty css                                         */f=require("libphonenumber-js"),p=,/* empty css                             */_=,/* empty css                                   */x=,/* empty css                                  */y=require("react-redux"),h=,/* empty css                                                   */v=,/* empty css                           */A=,/* empty css                                */R=,/* empty css                         */j=,/* empty css                                                   */g=,/* empty css                                                                 */E=,/* empty css                                                               */S=,/* empty css                                                         */C=,/* empty css                                                                     */b=,/* empty css                                                         */N=,/* empty css                                                                     */T=;/* empty css                                                 */function M(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var P=/* @__PURE__ */M(u),q=/* @__PURE__ */M(f);const I={state:"",country:""};exports.default=function({isOpen:u,handleModalClose:f,modalProps:M,type:w,partyCreated:D}){const{t:F}=n.useTranslation(),O=y.useDispatch(),$=d.useRef(I),[k,L]=d.useState([]),[Y,B]=d.useState([]),[V,z]=d.useState(!1),{control:W,formState:{errors:G},trigger:K,getValues:U,handleSubmit:H,setValue:J,reset:Q}=a.useForm({defaultValues:{status:!0},mode:"all",resolver:r.generateValidationSchema()}),X=d.useCallback((l,t)=>{const o=/* @__PURE__ */new Map;return _.transformTableColumns({columns:l,currencySymbol:void 0,translationFn:F,enableFooter:!1,redirectionLink:void 0,redirectionLinkState:void 0,rows:t,statusClasses:void 0,customizeValue:(l,t,a)=>{var n,r;switch(t){case"default_shipping_address":case"default_billing_address":/* @__PURE__ */
-return e.jsx(T.default,{sx:{display:"flex",gap:1},children:/* @__PURE__ */e.jsx(p.default,{checked:Boolean(a),sx:{pointerEvents:"none"}})});case"phone":case"contact_no":{if(!a)return"";const e=`phone-${a}`;if(!o.has(e)){const l=q.default(`+${a}`);o.set(e,(null==l?void 0:l.nationalNumber)||"")}return o.get(e)}case"country_code":{const e=(null==(n=null==l?void 0:l.original)?void 0:n.phone)||(null==(r=null==l?void 0:l.original)?void 0:r.contact_no);if(!e)return"";const t=`country-${e}`;if(!o.has(t)){const l=q.default(`+${e}`);o.set(t,(null==l?void 0:l.countryCallingCode)?`+${l.countryCallingCode}`:"")}return o.get(t)}default:return a}}})},[F]),Z=async(e,l,t,o)=>{var a,n,r,i,s,d,u,m;try{const{values:f,row:p}=e,_=p.index>=0,x=o?c.addressPayload:c.contactPayload,y={};for(const e in x)P.default.has(f,e)&&(y[e]=(null==f?void 0:f[e])?f[e]:null);if(o){const e={c:null==(a=$.current)?void 0:a.country,s:null==(n=$.current)?void 0:n.state},o={...await ee(y,l,p.index),country_name:null==(r=e.c)?void 0:r.name,country:null==(i=e.c)?void 0:i.id,state_name:null==(s=e.s)?void 0:s.name,state:null==(d=e.s)?void 0:d.id,country_data:e.c,state_data:e.s,country_id:null==(u=e.c)?void 0:u.id,state_id:null==(m=e.s)?void 0:m.id};return t(_?l.map((e,l)=>l===p.index?{...e,...o}:e):[...l,o])}return t(_?l.map((e,l)=>l===p.index?{...e,...y}:e):[...l,y])}catch(f){return Promise.reject(f)}},ee=async(e,l,t)=>{let o={...e};const a=a=>{const n=[...l],r="shipping"===a?"default_shipping_address":"default_billing_address";t>=0&&n.splice(t,1);const i=n.some(e=>null==e?void 0:e[r]);if(i&&(null==e?void 0:e[r]))throw new Error(`Another address is already marked as the default ${a} address. Please uncheck that before selecting this one`);i||(o={...o,[r]:(null==e?void 0:e[r])||0==(null==l?void 0:l.length)?1:0})};return await a("shipping"),await a("billing"),o},le=async(e,l,t)=>{const o=t.index;return l(e.filter((e,l)=>l!==o)),Promise.resolve()},te=async(e,l,t,o,a)=>{var n,r;const i=null==(n=null==e?void 0:e.target)?void 0:n.name;let s=null;if((null==(r=null==o?void 0:o.editProperties)?void 0:r.field_name)&&($.current={...$.current,[o.editProperties.field_name]:a}),"country"===i)s={...t._valuesCache,country:a.id,country_id:a.id,state:null,state_id:null,state_name:null};else if("state"===i)s={...t._valuesCache,state:a.id,state_id:a.id};else if("phone"===i){const l=q.default(`+${e}`);s={...t._valuesCache,country_code:(null==l?void 0:l.countryCallingCode)?`+${l.countryCallingCode}`:""}}const d=["contact_name","street_1","street_2","street_3","zip_code","city","state","country"];if(t._valuesCache){const l=d.map(l=>{var o,a,n,r,s,d;return"country"===l?(null==(a=null==(o=$.current)?void 0:o.country)?void 0:a.name)||"":"state"===l?(null==(r=null==(n=$.current)?void 0:n.state)?void 0:r.name)||"":l===i?(null==(s=e.target)?void 0:s.value)||"":(null==(d=t._valuesCache)?void 0:d[l])||""}).reduce((e,l,t)=>l?e?(l=(null==l?void 0:l.name)||l,e=(null==e?void 0:e.name)||e,[2,3].includes(t)?`${e} ${l}`:`${e}, \n${l}`):l:e,"");t._valuesCache.summary=l}return s&&t.getAllCells().forEach(e=>{P.default.has(s,e.column.id)&&(t._valuesCache[e.column.id]=s[e.column.id])}),t._valuesCache},oe=async()=>{var e,l,t;if(!(await K()))return;z(!0);const o=U(),a={party:{...c.processPartiesPayload(null==o?void 0:o[c.PARTIES_FORM_ARRAY_NAME]),account_type:"Individual",status:1,type:w}};try{const o=await O(x.createParties(a));if("fulfilled"===(null==(e=null==o?void 0:o.meta)?void 0:e.requestStatus))h.enqueueSnackbar(`${w} ${F("common.party.msg.success")}`),ae(),D();else if("rejected"===(null==(l=null==o?void 0:o.meta)?void 0:l.requestStatus)){const e=v.getErrorMessage(null==(t=null==o?void 0:o.error)?void 0:t.message);h.enqueueSnackbar(e,{variant:"error"})}}finally{z(!1)}},ae=()=>{ne(),L([]),B([]),null==f||f()},ne=()=>{Q({[c.PARTIES_FORM_ARRAY_NAME]:{}})};d.useEffect(()=>{const e=k.map(e=>P.default.omit(e,c.addressOmitKeys));J(`${c.PARTIES_FORM_ARRAY_NAME}.${c.PARTIES_FIELDS.ADDRESS}`,e)},[k,J]),d.useEffect(()=>{const e=Y.map(e=>P.default.omit(e,c.contactOmitKeys));J(`${c.PARTIES_FORM_ARRAY_NAME}.${c.PARTIES_FIELDS.CONTACTS}`,e)},[Y,J]);const re=d.useMemo(()=>/* @__PURE__ */e.jsx(s.default,{title:/* @__PURE__ */e.jsx(t.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:F("common.party.sections.basic_details")}),accordionProps:{defaultExpanded:!0,className:"form--Accordion"},children:/* @__PURE__ */e.jsxs(j.default,{container:!0,spacing:2,children:[
-/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,sm:6,children:/* @__PURE__ */e.jsx(o.default,{label:F("common.party.fields.firstName_label"),name:c.PARTIES_FIELDS.FIRST_NAME,placeholder:F("common.party.fields.firstName_placeholder"),fieldArrayName:c.PARTIES_FORM_ARRAY_NAME,formControl:W,required:!0})}),
-/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,sm:6,children:/* @__PURE__ */e.jsx(o.default,{label:F("common.party.fields.lastName_label"),name:c.PARTIES_FIELDS.LAST_NAME,placeholder:F("common.party.fields.lastName_placeholder"),fieldArrayName:c.PARTIES_FORM_ARRAY_NAME,formControl:W,required:!0})}),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=,/* empty css                       */t=,/* empty css                                 */a=,/* empty css                                                               */o=require("react-hook-form"),n=require("react-i18next"),r=,/* empty css                  */i=,/* empty css                                                                         */s=,/* empty css                               */d=require("react"),u=require("lodash");;/* empty css                           */var c=,/* empty css                       */m=,/* empty css                                         */f=require("libphonenumber-js"),p=,/* empty css                             */_=,/* empty css                                   */x=,/* empty css                                  */y=require("react-redux"),h=,/* empty css                                                   */v=,/* empty css                           */A=,/* empty css                                */R=,/* empty css                         */j=,/* empty css                                                   */g=,/* empty css                                                                 */E=,/* empty css                                                               */S=,/* empty css                                                         */C=,/* empty css                                                                     */b=,/* empty css                                                         */T=,/* empty css                                                                     */M=;/* empty css                                                 */function N(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var P=/* @__PURE__ */N(u),q=/* @__PURE__ */N(f);const I={state:"",country:""};exports.default=function({isOpen:u,handleModalClose:f,modalProps:N,type:w,partyCreated:D}){const{t:F}=n.useTranslation(),O=y.useDispatch(),$=d.useRef(I),[k,L]=d.useState([]),[Y,B]=d.useState([]),[V,z]=d.useState(!1),{control:W,formState:{errors:G},trigger:K,getValues:U,handleSubmit:H,setValue:J,reset:Q}=o.useForm({defaultValues:{status:!0},mode:"all",resolver:r.generateValidationSchema()}),X=d.useCallback((l,t)=>{const a=/* @__PURE__ */new Map;return _.transformTableColumns({columns:l,currencySymbol:void 0,translationFn:F,enableFooter:!1,redirectionLink:void 0,redirectionLinkState:void 0,rows:t,statusClasses:void 0,customizeValue:(l,t,o)=>{var n,r;switch(t){case"default_shipping_address":case"default_billing_address":/* @__PURE__ */
+return e.jsx(M.default,{sx:{display:"flex",gap:1},children:/* @__PURE__ */e.jsx(p.default,{checked:Boolean(o),sx:{pointerEvents:"none"}})});case"phone":case"contact_no":{if(!o)return"";const e=`phone-${o}`;if(!a.has(e)){const l=q.default(`+${o}`);a.set(e,(null==l?void 0:l.nationalNumber)||"")}return a.get(e)}case"country_code":{const e=(null==(n=null==l?void 0:l.original)?void 0:n.phone)||(null==(r=null==l?void 0:l.original)?void 0:r.contact_no);if(!e)return"";const t=`country-${e}`;if(!a.has(t)){const l=q.default(`+${e}`);a.set(t,(null==l?void 0:l.countryCallingCode)?`+${l.countryCallingCode}`:"")}return a.get(t)}default:return o}}})},[F]),Z=async(e,l,t,a)=>{var o,n,r,i,s,d,u,m;try{const{values:f,row:p}=e,_=p.index>=0,x=a?c.addressPayload:c.contactPayload,y={};for(const e in x)P.default.has(f,e)&&(y[e]=(null==f?void 0:f[e])?f[e]:null);if(a){const e={c:null==(o=$.current)?void 0:o.country,s:null==(n=$.current)?void 0:n.state},a={...await ee(y,l,p.index),country_name:null==(r=e.c)?void 0:r.name,country:null==(i=e.c)?void 0:i.id,state_name:null==(s=e.s)?void 0:s.name,state:null==(d=e.s)?void 0:d.id,country_data:e.c,state_data:e.s,country_id:null==(u=e.c)?void 0:u.id,state_id:null==(m=e.s)?void 0:m.id};return t(_?l.map((e,l)=>l===p.index?{...e,...a}:e):[...l,a])}return t(_?l.map((e,l)=>l===p.index?{...e,...y}:e):[...l,y])}catch(f){return Promise.reject(f)}},ee=async(e,l,t)=>{let a={...e};const o=o=>{const n=[...l],r="shipping"===o?"default_shipping_address":"default_billing_address";t>=0&&n.splice(t,1);const i=n.some(e=>null==e?void 0:e[r]);if(i&&(null==e?void 0:e[r]))throw new Error(`Another address is already marked as the default ${o} address. Please uncheck that before selecting this one`);i||(a={...a,[r]:(null==e?void 0:e[r])||0==(null==l?void 0:l.length)?1:0})};return await o("shipping"),await o("billing"),a},le=async(e,l,t)=>{const a=t.index;return l(e.filter((e,l)=>l!==a)),Promise.resolve()},te=async(e,l,t,a,o)=>{var n,r;const i=null==(n=null==e?void 0:e.target)?void 0:n.name;let s=null;if((null==(r=null==a?void 0:a.editProperties)?void 0:r.field_name)&&($.current={...$.current,[a.editProperties.field_name]:o}),"country"===i)s={...t._valuesCache,country:o.id,country_id:o.id,state:null,state_id:null,state_name:null};else if("state"===i)s={...t._valuesCache,state:o.id,state_id:o.id};else if("phone"===i){const l=q.default(`+${e}`);s={...t._valuesCache,country_code:(null==l?void 0:l.countryCallingCode)?`+${l.countryCallingCode}`:""}}const d=["contact_name","street_1","street_2","street_3","zip_code","city","state","country"];if(t._valuesCache){const l=d.map(l=>{var a,o,n,r,s,d;return"country"===l?(null==(o=null==(a=$.current)?void 0:a.country)?void 0:o.name)||"":"state"===l?(null==(r=null==(n=$.current)?void 0:n.state)?void 0:r.name)||"":l===i?(null==(s=e.target)?void 0:s.value)||"":(null==(d=t._valuesCache)?void 0:d[l])||""}).reduce((e,l,t)=>l?e?(l=(null==l?void 0:l.name)||l,e=(null==e?void 0:e.name)||e,[2,3].includes(t)?`${e} ${l}`:`${e}, \n${l}`):l:e,"");t._valuesCache.summary=l}return s&&t.getAllCells().forEach(e=>{P.default.has(s,e.column.id)&&(t._valuesCache[e.column.id]=s[e.column.id])}),t._valuesCache},ae=async()=>{var e,l,t;if(!(await K()))return;z(!0);const a=U(),o={party:{...c.processPartiesPayload(null==a?void 0:a[c.PARTIES_FORM_ARRAY_NAME]),account_type:"Individual",status:1,type:w}};try{const a=await O(x.createParties(o));if("fulfilled"===(null==(e=null==a?void 0:a.meta)?void 0:e.requestStatus))h.enqueueSnackbar(`${w} ${F("common.party.msg.success")}`),oe(),D();else if("rejected"===(null==(l=null==a?void 0:a.meta)?void 0:l.requestStatus)){const e=v.getErrorMessage(null==(t=null==a?void 0:a.error)?void 0:t.message);h.enqueueSnackbar(e,{variant:"error"})}}finally{z(!1)}},oe=()=>{ne(),L([]),B([]),null==f||f()},ne=()=>{Q({[c.PARTIES_FORM_ARRAY_NAME]:{}})};d.useEffect(()=>{const e=k.map(e=>P.default.omit(e,c.addressOmitKeys));J(`${c.PARTIES_FORM_ARRAY_NAME}.${c.PARTIES_FIELDS.ADDRESS}`,e)},[k,J]),d.useEffect(()=>{const e=Y.map(e=>P.default.omit(e,c.contactOmitKeys));J(`${c.PARTIES_FORM_ARRAY_NAME}.${c.PARTIES_FIELDS.CONTACTS}`,e)},[Y,J]);const re=d.useMemo(()=>/* @__PURE__ */e.jsx(s.default,{title:/* @__PURE__ */e.jsx(t.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:F("common.party.sections.basic_details")}),accordionProps:{defaultExpanded:!0,className:"form--Accordion"},children:/* @__PURE__ */e.jsxs(j.default,{container:!0,spacing:2,children:[
+/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,sm:6,children:/* @__PURE__ */e.jsx(a.default,{label:F("common.party.fields.firstName_label"),name:c.PARTIES_FIELDS.FIRST_NAME,placeholder:F("common.party.fields.firstName_placeholder"),fieldArrayName:c.PARTIES_FORM_ARRAY_NAME,formControl:W,required:!0})}),
+/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,sm:6,children:/* @__PURE__ */e.jsx(a.default,{label:F("common.party.fields.lastName_label"),name:c.PARTIES_FIELDS.LAST_NAME,placeholder:F("common.party.fields.lastName_placeholder"),fieldArrayName:c.PARTIES_FORM_ARRAY_NAME,formControl:W,required:!0})}),
 /* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,sm:6,children:/* @__PURE__ */e.jsx(i.default,{label:F("common.party.fields.company_label"),apiType:"company",selectedLabel:"Companies",name:c.PARTIES_FIELDS.COMAPANY,placeholder:F("common.party.fields.company_placeholder"),fieldArrayName:c.PARTIES_FORM_ARRAY_NAME,formControl:W,required:!0,is_multiselect:!0})}),
-/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,sm:6,children:/* @__PURE__ */e.jsx(i.default,{label:F("common.party.fields.currency_label"),apiType:"currency",selectedLabel:"Currency",name:c.PARTIES_FIELDS.CURRENCY,placeholder:F("common.party.fields.currency_placeholder"),fieldArrayName:c.PARTIES_FORM_ARRAY_NAME,formControl:W,required:!0,is_multiselect:!0})})]})}),[F,W]),ie=d.useMemo(()=>{var l,o,a;/* @__PURE__ */
+/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,sm:6,children:/* @__PURE__ */e.jsx(i.default,{label:F("common.party.fields.currency_label"),apiType:"currency",selectedLabel:"Currency",name:c.PARTIES_FIELDS.CURRENCY,placeholder:F("common.party.fields.currency_placeholder"),fieldArrayName:c.PARTIES_FORM_ARRAY_NAME,formControl:W,required:!0,is_multiselect:!0})})]})}),[F,W]),ie=d.useMemo(()=>{var l,a,o;/* @__PURE__ */
 return e.jsx(s.default,{title:/* @__PURE__ */e.jsxs(t.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:[F("common.party.sections.address"),
-/* @__PURE__ */e.jsx("span",{className:"errorIndicator",children:"*"}),(null==(l=null==G?void 0:G[c.PARTIES_FORM_ARRAY_NAME])?void 0:l[c.PARTIES_FIELDS.ADDRESS])&&/* @__PURE__ */e.jsx("span",{className:"error",children:null==(a=null==(o=null==G?void 0:G[c.PARTIES_FORM_ARRAY_NAME])?void 0:o[c.PARTIES_FIELDS.ADDRESS])?void 0:a.message})]}),accordionProps:{defaultExpanded:!0,className:"form--Accordion"},children:/* @__PURE__ */e.jsx(j.default,{spacing:4,children:/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(m.default,{rows:[...k],columns:X(c.addressColumns),paginationModel:{pageNo:1,limit:10},totalPages:20,enableColumnDragging:!1,isResetRow:!1,columnOrder:["mrt-row-select"],enableRowSelection:!1,enableBottomToolbar:!0,disableDefaultActionColumn:!0,editDisplayMode:"row",enableRowCreate:!0,onCreateRow:e=>Z(e,k,L,!0),onEditRow:e=>Z(e,k,L,!0),onDeleteRow:e=>le(k,L,e),onChangeRowField:te})})})})},[F,k,X,G]),se=d.useMemo(()=>{var l,o,a;/* @__PURE__ */
+/* @__PURE__ */e.jsx("span",{className:"errorIndicator",children:"*"}),(null==(l=null==G?void 0:G[c.PARTIES_FORM_ARRAY_NAME])?void 0:l[c.PARTIES_FIELDS.ADDRESS])&&/* @__PURE__ */e.jsx("span",{className:"error",children:null==(o=null==(a=null==G?void 0:G[c.PARTIES_FORM_ARRAY_NAME])?void 0:a[c.PARTIES_FIELDS.ADDRESS])?void 0:o.message})]}),accordionProps:{defaultExpanded:!0,className:"form--Accordion"},children:/* @__PURE__ */e.jsx(j.default,{spacing:4,children:/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(m.MaterialTable,{rows:[...k],columns:X(c.addressColumns),paginationModel:{pageNo:1,limit:10},totalPages:20,enableColumnDragging:!1,isResetRow:!1,columnOrder:["mrt-row-select"],enableRowSelection:!1,enableBottomToolbar:!0,disableDefaultActionColumn:!0,editDisplayMode:"row",enableRowCreate:!0,onCreateRow:e=>Z(e,k,L,!0),onEditRow:e=>Z(e,k,L,!0),onDeleteRow:e=>le(k,L,e),onChangeRowField:te})})})})},[F,k,X,G]),se=d.useMemo(()=>{var l,a,o;/* @__PURE__ */
 return e.jsx(s.default,{title:/* @__PURE__ */e.jsxs(t.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:[F("common.party.sections.contact"),
-/* @__PURE__ */e.jsx("span",{className:"errorIndicator",children:"*"}),(null==(l=null==G?void 0:G[c.PARTIES_FORM_ARRAY_NAME])?void 0:l[c.PARTIES_FIELDS.CONTACTS])&&/* @__PURE__ */e.jsx("span",{className:"error",children:null==(a=null==(o=null==G?void 0:G[c.PARTIES_FORM_ARRAY_NAME])?void 0:o[c.PARTIES_FIELDS.CONTACTS])?void 0:a.message})]}),accordionProps:{defaultExpanded:!0,className:"form--Accordion"},children:/* @__PURE__ */e.jsx(j.default,{spacing:4,children:/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(m.default,{rows:[...Y],columns:X(c.contactColumns),paginationModel:{pageNo:1,limit:10},totalPages:20,enableColumnDragging:!1,isResetRow:!1,columnOrder:["mrt-row-select"],enableRowSelection:!1,enableBottomToolbar:!0,disableDefaultActionColumn:!0,editDisplayMode:"row",enableRowCreate:!0,onCreateRow:e=>Z(e,Y,B,!1),onEditRow:e=>Z(e,Y,B,!1),onDeleteRow:e=>le(Y,B,e),onChangeRowField:te})})})})},[F,Y,X,G]);/* @__PURE__ */
-return e.jsxs(l.default,{open:u,onClose:ae,maxWidth:"lg",fullWidth:!0,sx:{overflowY:"hidden"},...M,children:[V&&/* @__PURE__ */e.jsx(A.default,{}),
-/* @__PURE__ */e.jsxs("form",{onSubmit:H(oe),className:"scroll-container",style:{position:"relative",overflow:"auto"},children:[
+/* @__PURE__ */e.jsx("span",{className:"errorIndicator",children:"*"}),(null==(l=null==G?void 0:G[c.PARTIES_FORM_ARRAY_NAME])?void 0:l[c.PARTIES_FIELDS.CONTACTS])&&/* @__PURE__ */e.jsx("span",{className:"error",children:null==(o=null==(a=null==G?void 0:G[c.PARTIES_FORM_ARRAY_NAME])?void 0:a[c.PARTIES_FIELDS.CONTACTS])?void 0:o.message})]}),accordionProps:{defaultExpanded:!0,className:"form--Accordion"},children:/* @__PURE__ */e.jsx(j.default,{spacing:4,children:/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(m.MaterialTable,{rows:[...Y],columns:X(c.contactColumns),paginationModel:{pageNo:1,limit:10},totalPages:20,enableColumnDragging:!1,isResetRow:!1,columnOrder:["mrt-row-select"],enableRowSelection:!1,enableBottomToolbar:!0,disableDefaultActionColumn:!0,editDisplayMode:"row",enableRowCreate:!0,onCreateRow:e=>Z(e,Y,B,!1),onEditRow:e=>Z(e,Y,B,!1),onDeleteRow:e=>le(Y,B,e),onChangeRowField:te})})})})},[F,Y,X,G]);/* @__PURE__ */
+return e.jsxs(l.default,{open:u,onClose:oe,maxWidth:"lg",fullWidth:!0,sx:{overflowY:"hidden"},...N,children:[V&&/* @__PURE__ */e.jsx(A.default,{}),
+/* @__PURE__ */e.jsxs("form",{onSubmit:H(ae),className:"scroll-container",style:{position:"relative",overflow:"auto"},children:[
 /* @__PURE__ */e.jsxs(g.default,{className:"itemEntryModal--DialogTitle",children:[
 /* @__PURE__ */e.jsx(t.Typography,{type:"s3",color:"inherit",weight:"medium",children:`Add ${w}`}),
-/* @__PURE__ */e.jsx(E.default,{onClick:ae,children:/* @__PURE__ */e.jsx(S.default,{fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(E.default,{onClick:oe,children:/* @__PURE__ */e.jsx(S.default,{fontSize:"small"})})]}),
 /* @__PURE__ */e.jsxs(C.default,{children:[re,
 /* @__PURE__ */e.jsx(b.default,{className:"form--SectionDivider"}),ie,
 /* @__PURE__ */e.jsx(b.default,{className:"form--SectionDivider"}),se]}),
-/* @__PURE__ */e.jsx(N.default,{className:"itemEntryModal--DialogAction",sx:{position:"sticky",bottom:0,backgroundColor:"white",zIndex:1,padding:"8px 24px",justifyContent:"end"},children:/* @__PURE__ */e.jsxs(T.default,{display:"flex",gap:1.5,children:[
-/* @__PURE__ */e.jsx(R.default,{className:"itemEntryModal--DialogAction--WhiteBtn",onClick:ae,children:F("common.cancel")}),
-/* @__PURE__ */e.jsx(R.default,{variant:"contained",onClick:H(oe),children:F("common.save")})]})})]})]})};
+/* @__PURE__ */e.jsx(T.default,{className:"itemEntryModal--DialogAction",sx:{position:"sticky",bottom:0,backgroundColor:"white",zIndex:1,padding:"8px 24px",justifyContent:"end"},children:/* @__PURE__ */e.jsxs(M.default,{display:"flex",gap:1.5,children:[
+/* @__PURE__ */e.jsx(R.default,{className:"itemEntryModal--DialogAction--WhiteBtn",onClick:oe,children:F("common.cancel")}),
+/* @__PURE__ */e.jsx(R.default,{variant:"contained",onClick:H(ae),children:F("common.save")})]})})]})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/parties-modal/parties-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/parties-modal/parties-modal.tsx"],"sourcesContent":["import { Box, DialogActions, DialogContent, DialogTitle, Divider, Grid, IconButton } from \"@mui/material\";\nimport Modal from '../modal/modal';\nimport Typography from \"../typography/typography\";\nimport DynamicInput from '../form-control/form-builder/form-builder-element/text';\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { generateValidationSchema } from \"./validator\";\nimport DynamicSearchSelect from \"../form-control/form-builder/form-builder-element/dynamic-select\";\nimport Accordion from \"../accordion/accordion\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport _ from \"lodash\";\nimport './parties-modal.scss';\nimport { \n  addressColumns, \n  addressOmitKeys, \n  addressPayload, \n  contactColumns, \n  contactOmitKeys, \n  contactPayload, \n  PARTIES_FIELDS, \n  PARTIES_FORM_ARRAY_NAME, \n  processPartiesPayload \n} from \"./utils/constant\";\nimport MaterialTable from \"../material-table/material-table\";\nimport parsePhoneNumberFromString from \"libphonenumber-js\";\nimport Checkbox from \"../checkbox/checkbox\";\nimport { transformTableColumns } from \"../../utils/common-utility\";\nimport { createParties } from \"../../redux/actionCreator\";\nimport { useDispatch } from \"react-redux\";\nimport { enqueueSnackbar } from \"notistack\";\nimport { getErrorMessage } from \"../../utils/common\";\nimport ModalLoader from \"../loaders/modal-loader\";\nimport Button from \"../button/button\";\nimport { Close } from \"@mui/icons-material\";\n\ninterface CustomerVendorModalProps {\n  isOpen: boolean;\n  handleModalClose?: () => void;\n  modalProps?: any;\n  type: string;\n  partyCreated: () => void;\n}\n\ninterface LocationState {\n  state: any;\n  country: any;\n}\n\nconst defaultLocationState: LocationState = { state: '', country: '' };\n\nexport default function CustomerVendorModal({\n  isOpen,\n  handleModalClose,\n  modalProps,\n  type,\n  partyCreated\n}: CustomerVendorModalProps) {\n\n  //Hooks\n  const { t } = useTranslation();\n  const dispatch = useDispatch();\n\n  //Refs\n  const locationRef = useRef<LocationState>(defaultLocationState);\n\n  //Local states\n  const [addressRows, setAddressRows] = useState<any[]>([]);\n  const [contactRows, setContactRows] = useState<any[]>([]);\n  const [isCreating, setIsCreating] = useState(false);\n\n  //Form\n  const { \n    control, \n    formState: { errors }, \n    trigger, \n    getValues, \n    handleSubmit, \n    setValue,\n    reset \n  } = useForm({\n    defaultValues: {\n      status: true\n    },\n    mode: 'all',\n    resolver: generateValidationSchema()\n  });\n\n  //Call Back functions\n  const tableColumns = useCallback(\n    (columns: any, tableRows: any) => {\n      const phoneNumberCache = new Map();\n  \n      return transformTableColumns({\n        columns,\n        currencySymbol: undefined,\n        translationFn: t,\n        enableFooter: false,\n        redirectionLink: undefined,\n        redirectionLinkState: undefined,\n        rows: tableRows,\n        statusClasses: undefined,\n        customizeValue: (row, columnAccessorKey, value) => {\n          switch (columnAccessorKey) {\n            case 'default_shipping_address':\n            case 'default_billing_address': {\n              return (\n                <Box sx={{ display: \"flex\", gap: 1 }}>\n                  <Checkbox\n                    checked={Boolean(value)}\n                    sx={{ pointerEvents: 'none' }}\n                  />\n                </Box>\n              );\n            }\n              \n            case 'phone': \n            case 'contact_no': {\n              if (!value) return '';\n              const phoneKey = `phone-${value}`;\n              if (!phoneNumberCache.has(phoneKey)) {\n                const parsed = parsePhoneNumberFromString(`+${value}`);\n                phoneNumberCache.set(phoneKey, parsed?.nationalNumber || '');\n              }\n              return phoneNumberCache.get(phoneKey);\n            }\n              \n            case 'country_code': {\n              const phone = row?.original?.phone || row?.original?.contact_no;\n              if (!phone) return '';\n              const countryCodeKey = `country-${phone}`;\n              if (!phoneNumberCache.has(countryCodeKey)) {\n                const parsed = parsePhoneNumberFromString(`+${phone}`);\n                phoneNumberCache.set(countryCodeKey, \n                  parsed?.countryCallingCode ? `+${parsed.countryCallingCode}` : ''\n                );\n              }\n              return phoneNumberCache.get(countryCodeKey);\n            }\n              \n            default:\n              return value;\n          }\n        }\n      });\n    },\n    [t]\n  );\n\n  //Methods\n\n  const handleRowOperation = async (\n    eData: any,\n    state: any[],\n    setState: React.Dispatch<React.SetStateAction<any[]>>,\n    isAddress: boolean\n  ) => {\n    try {\n      const { values, row } = eData;\n      const editRow = row.index >= 0;\n      const payload = isAddress ? addressPayload : contactPayload;\n      \n      const processedValues: any = {};\n      for (const key in payload) {\n        if (_.has(values, key)) {\n          processedValues[key] = values?.[key] ? values[key] : null;\n        }\n      }\n\n      if (isAddress) {\n        const dropdowns = {\n          c: locationRef.current?.country,\n          s: locationRef.current?.state,\n        };\n\n        const validatedValues = await validateAddressDefaults(processedValues, state, row.index);\n        const addressValues = {\n          ...validatedValues,\n          country_name: dropdowns.c?.name,\n          country: dropdowns.c?.id,\n          state_name: dropdowns.s?.name,\n          state: dropdowns.s?.id,\n          country_data: dropdowns.c,\n          state_data: dropdowns.s,\n          country_id: dropdowns.c?.id,\n          state_id: dropdowns.s?.id,\n        };\n\n        if (editRow) {\n          return setState(state.map((ar, i) => i === row.index ? { ...ar, ...addressValues } : ar));\n        }\n        return setState([...state, addressValues]);\n      }\n\n      if (editRow) {\n        return setState(state.map((ar, i) => i === row.index ? { ...ar, ...processedValues } : ar));\n      }\n      return setState([...state, processedValues]);\n    } catch (error) {\n      return Promise.reject(error);\n    }\n  };\n\n  const validateAddressDefaults = async (values: any, state: any[], index: number) => {  \n    let updatedValues = { ...values };\n    const validate = (type: \"shipping\" | \"billing\") => {\n      const u_data = [...state];    \n      const field = type === 'shipping' ? 'default_shipping_address' : 'default_billing_address';\n      if(index >= 0){\n        u_data.splice(index, 1);\n      }\n      const hasDefault = u_data.some((d: any) => d?.[field]);\n      \n      if (hasDefault && values?.[field]) {\n        throw new Error(\n          `Another address is already marked as the default ${type} address. Please uncheck that before selecting this one`\n        );\n        }\n       else if(!hasDefault){\n        updatedValues = {\n          ...updatedValues,\n          [field]: values?.[field] ||state?.length==0 ? 1 : 0,\n        };\n        }\n        \n    };\n\n     await validate(\"shipping\");\n     await validate(\"billing\");\n\n    return updatedValues;\n  };\n\n  const deleteRow = async (\n    state: any[],\n    setState: React.Dispatch<React.SetStateAction<any[]>>,\n    row: any\n  ) => {\n    const rowIndex = row.index;\n    const updatedData = state.filter((_, i) => i !== rowIndex);\n    setState(updatedData);\n    return Promise.resolve();\n  };\n\n  const onChangeAddressTableField = async (e: any, t: any, r: any, col: any, selectedData: any) => {\n    const fieldName = e?.target?.name;\n    let updatedValues: any = null;\n\n    if (col?.editProperties?.field_name) {\n      locationRef.current = {\n        ...locationRef.current,\n        [col.editProperties.field_name]: selectedData,\n      };\n    }\n  \n    if (fieldName === 'country') {\n      updatedValues = {\n        ...r._valuesCache,\n        country: selectedData.id,\n        country_id: selectedData.id,\n        state: null,\n        state_id: null,\n        state_name: null,\n      };\n    } else if (fieldName === 'state') {\n      updatedValues = {\n        ...r._valuesCache,\n        state: selectedData.id,\n        state_id: selectedData.id\n      };\n    } else if (fieldName === 'phone') {\n      const p = parsePhoneNumberFromString(`+${e}`);\n      updatedValues = {\n        ...r._valuesCache,\n        country_code: p?.countryCallingCode ? `+${p.countryCallingCode}` : '',\n      };\n    }\n\n    const summaryFields = [\n      'contact_name',\n      'street_1',\n      'street_2',\n      'street_3',\n      'zip_code',\n      'city',\n      'state',\n      'country'\n    ];\n\n    if (r._valuesCache) {\n      const fieldValues = summaryFields.map(field => {\n        if (field === 'country') {\n          return locationRef.current?.country?.name || '';\n        } else if (field === 'state') {\n          return locationRef.current?.state?.name || '';\n        } else if (field === fieldName) {\n          return e.target?.value || '';\n        }\n        return r._valuesCache?.[field] || '';\n      });\n\n      const summary = fieldValues.reduce((acc, val, idx) => {\n        if (!val) return acc;\n        if (!acc) return val;\n\n        val = val?.name || val;\n        acc = acc?.name || acc;\n\n        return [2, 3].includes(idx) ? `${acc} ${val}` : `${acc}, \\n${val}`;\n      }, '');\n\n      r._valuesCache.summary = summary;\n    }\n\n    if (updatedValues) {\n      r.getAllCells().forEach((c: any) => {\n        if (_.has(updatedValues, c.column.id)) {\n          r._valuesCache[c.column.id] = updatedValues[c.column.id];\n        }\n      });\n    }\n\n    return r._valuesCache;\n  };\n\n  const onSubmit = async () => {\n    const isValid = await trigger();\n    if (!isValid) return;\n\n    setIsCreating(true);\n    const values = getValues();    \n    const payload = {\n      party: {\n        ...processPartiesPayload(values?.[PARTIES_FORM_ARRAY_NAME]),\n        account_type: 'Individual',\n        status: 1,\n        type\n      }\n    };\n\n    try {\n      const res = await dispatch(createParties(payload));\n      \n      if (res?.meta?.requestStatus === 'fulfilled') {\n        enqueueSnackbar(`${type} ${t('common.party.msg.success')}`);\n        closeModal();\n        partyCreated();\n      } else if (res?.meta?.requestStatus === 'rejected') {\n        const errorMessage = getErrorMessage(res?.error?.message);\n        enqueueSnackbar(errorMessage, { variant: 'error' });\n      }\n    } finally {\n      setIsCreating(false);\n    }\n  };\n\n  const closeModal=()=>{\n    resetForm()\n    setAddressRows([]);\n    setContactRows([]);\n    handleModalClose?.();\n  }\n  const resetForm=()=>{\n    reset({ [PARTIES_FORM_ARRAY_NAME]: {} });\n  }\n\n  //Use Effect\n  useEffect(() => {\n    const addressData = addressRows.map(a => _.omit(a, addressOmitKeys));\n    setValue(`${PARTIES_FORM_ARRAY_NAME}.${PARTIES_FIELDS.ADDRESS}`, addressData);\n  }, [addressRows, setValue]);\n\n  useEffect(() => {\n    const contactData = contactRows.map(c => _.omit(c, contactOmitKeys));\n    setValue(`${PARTIES_FORM_ARRAY_NAME}.${PARTIES_FIELDS.CONTACTS}`, contactData);\n  }, [contactRows, setValue]);\n\n  const basicDetailsSection = useMemo(() => (\n    <Accordion\n      title={\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n          {t(\"common.party.sections.basic_details\")}\n        </Typography>\n      }\n      accordionProps={{\n        defaultExpanded: true,\n        className: \"form--Accordion\",\n      }}\n    >\n      <Grid container spacing={2}>\n        <Grid item xs={12} sm={6}>\n          <DynamicInput\n            label={t('common.party.fields.firstName_label')}\n            name={PARTIES_FIELDS.FIRST_NAME}\n            placeholder={t('common.party.fields.firstName_placeholder')}\n            fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n            formControl={control}\n            required\n          />\n        </Grid>\n        <Grid item xs={12} sm={6}>\n          <DynamicInput\n            label={t('common.party.fields.lastName_label')}\n            name={PARTIES_FIELDS.LAST_NAME}\n            placeholder={t('common.party.fields.lastName_placeholder')}\n            fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n            formControl={control}\n            required\n          />\n        </Grid>\n        <Grid item xs={12} sm={6}>\n          <DynamicSearchSelect\n            label={t('common.party.fields.company_label')}\n            apiType=\"company\"\n            selectedLabel='Companies'\n            name={PARTIES_FIELDS.COMAPANY}\n            placeholder={t('common.party.fields.company_placeholder')}\n            fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n            formControl={control}\n            required\n            is_multiselect\n          />\n        </Grid>\n        <Grid item xs={12} sm={6}>\n          <DynamicSearchSelect\n            label={t('common.party.fields.currency_label')}\n            apiType='currency'\n            selectedLabel='Currency'\n            name={PARTIES_FIELDS.CURRENCY}\n            placeholder={t('common.party.fields.currency_placeholder')}\n            fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n            formControl={control}\n            required\n            is_multiselect\n          />\n        </Grid>\n      </Grid>\n    </Accordion>\n  ), [t, control]);\n\n  const addressSection = useMemo(() => (\n    <Accordion\n      title={\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n          {t(\"common.party.sections.address\")}\n          <span className='errorIndicator'>*</span>\n\t\t\t\t\t{errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.ADDRESS] && (\n           <span className='error'>\n              {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.ADDRESS]?.message}\n              </span>\n          )}\n        </Typography>\n      }\n      accordionProps={{\n        defaultExpanded: true,\n        className: \"form--Accordion\",\n      }}\n    >\n      <Grid spacing={4}>\n        <Grid item xs={12}>\n          <MaterialTable\n            rows={[...addressRows]}\n            columns={tableColumns(addressColumns)}\n            paginationModel={{ pageNo: 1, limit: 10 }}\n            totalPages={20}\n            enableColumnDragging={false}\n            isResetRow={false}\n            columnOrder={['mrt-row-select']}\n            enableRowSelection={false}\n            enableBottomToolbar\n            disableDefaultActionColumn\n            editDisplayMode='row'\n            enableRowCreate\n            onCreateRow={(data) => handleRowOperation(data, addressRows, setAddressRows, true)}\n            onEditRow={(data) => handleRowOperation(data, addressRows, setAddressRows, true)}\n            onDeleteRow={(row) => deleteRow(addressRows, setAddressRows, row)}\n            onChangeRowField={onChangeAddressTableField}\n          />\n        </Grid>\n      </Grid>\n    </Accordion>\n    // eslint-disable-next-line\n  ), [t, addressRows, tableColumns, errors]);\n\n  const contactSection = useMemo(() => (\n    <Accordion\n      title={\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n          {t(\"common.party.sections.contact\")}\n          <span className='errorIndicator'>*</span>\n          {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.CONTACTS] && (\n            <span className='error'>\n            {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.CONTACTS]?.message}\n            </span>\n          )}\n        </Typography>\n      }\n      accordionProps={{\n        defaultExpanded: true,\n        className: \"form--Accordion\",\n      }}\n    >\n      <Grid spacing={4}>\n        <Grid item xs={12}>\n          \n          <MaterialTable\n            rows={[...contactRows]}\n            columns={tableColumns(contactColumns)}\n            paginationModel={{ pageNo: 1, limit: 10 }}\n            totalPages={20}\n            enableColumnDragging={false}\n            isResetRow={false}\n            columnOrder={['mrt-row-select']}\n            enableRowSelection={false}\n            enableBottomToolbar\n            disableDefaultActionColumn\n            editDisplayMode='row'\n            enableRowCreate\n            onCreateRow={(data) => handleRowOperation(data, contactRows, setContactRows, false)}\n            onEditRow={(data) => handleRowOperation(data, contactRows, setContactRows, false)}\n            onDeleteRow={(row) => deleteRow(contactRows, setContactRows, row)}\n            onChangeRowField={onChangeAddressTableField}\n          />\n        </Grid>\n      </Grid>\n    </Accordion>\n    // eslint-disable-next-line\n  ), [t, contactRows, tableColumns, errors]);\n\n  return (\n    <Modal\n      open={isOpen}\n      onClose={closeModal}\n      maxWidth='lg'\n      fullWidth\n      sx={{ overflowY: 'hidden' }}\n      {...modalProps}\n    >\n      {isCreating && <ModalLoader />}\n      <form onSubmit={handleSubmit(onSubmit)} className=\"scroll-container\" style={{ position: 'relative',overflow: 'auto' }}>\n        <DialogTitle className='itemEntryModal--DialogTitle' \n        >\n          <Typography type='s3' color='inherit' weight='medium'>\n            {`Add ${type}`}\n          </Typography>\n          <IconButton onClick={closeModal}>\n            <Close fontSize='small' />\n          </IconButton>\n        </DialogTitle>\n        \n        <DialogContent>\n          {basicDetailsSection}\n          <Divider className='form--SectionDivider' />\n          {addressSection}\n          <Divider className='form--SectionDivider' />\n          {contactSection}\n        </DialogContent>\n        \n        <DialogActions className='itemEntryModal--DialogAction' sx={{\n          position: 'sticky',\n          bottom: 0,\n          backgroundColor: 'white',\n          zIndex: 1,\n          padding: '8px 24px',\n          justifyContent: 'end'\n        }}>\n          <Box display='flex' gap={1.5}>\n            <Button\n              className='itemEntryModal--DialogAction--WhiteBtn'\n              onClick={closeModal}\n            >\n              {t('common.cancel')}\n            </Button>\n            <Button\n              variant=\"contained\"\n              onClick={handleSubmit(onSubmit)}\n            >\n              {t('common.save')}\n            </Button>\n          </Box>\n        </DialogActions>\n      </form>\n    </Modal>\n  );\n}"],"names":["defaultLocationState","state","country","isOpen","handleModalClose","modalProps","type","partyCreated","t","useTranslation","dispatch","useDispatch","locationRef","useRef","addressRows","setAddressRows","useState","contactRows","setContactRows","isCreating","setIsCreating","control","formState","errors","trigger","getValues","handleSubmit","setValue","reset","useForm","defaultValues","status","mode","resolver","generateValidationSchema","tableColumns","useCallback","columns","tableRows","phoneNumberCache","Map","transformTableColumns","currencySymbol","translationFn","enableFooter","redirectionLink","redirectionLinkState","rows","statusClasses","customizeValue","row","columnAccessorKey","value","jsx","Box","sx","display","gap","children","Checkbox","checked","Boolean","pointerEvents","phoneKey","has","parsed","parsePhoneNumberFromString","set","nationalNumber","get","phone","_a","original","_b","contact_no","countryCodeKey","countryCallingCode","handleRowOperation","async","eData","setState","isAddress","values","editRow","index","payload","addressPayload","contactPayload","processedValues","key","_","dropdowns","c","current","s","addressValues","validateAddressDefaults","country_name","_c","name","_d","id","state_name","_e","_f","country_data","state_data","country_id","_g","state_id","_h","map","ar","i","error","Promise","reject","updatedValues","validate","u_data","field","splice","hasDefault","some","d","Error","length","deleteRow","rowIndex","filter","resolve","onChangeAddressTableField","e","r","col","selectedData","fieldName","target","editProperties","field_name","_valuesCache","p","country_code","summaryFields","summary","reduce","acc","val","idx","includes","getAllCells","forEach","column","onSubmit","party","processPartiesPayload","PARTIES_FORM_ARRAY_NAME","account_type","res","createParties","meta","requestStatus","enqueueSnackbar","closeModal","errorMessage","getErrorMessage","message","variant","resetForm","useEffect","addressData","a","omit","addressOmitKeys","PARTIES_FIELDS","ADDRESS","contactData","contactOmitKeys","CONTACTS","basicDetailsSection","useMemo","Accordion","title","Typography","weight","color","accordionProps","defaultExpanded","className","jsxs","Grid","container","spacing","item","xs","sm","DynamicInput","label","FIRST_NAME","placeholder","fieldArrayName","formControl","required","LAST_NAME","DynamicSearchSelect","apiType","selectedLabel","COMAPANY","is_multiselect","CURRENCY","addressSection","MaterialTable","addressColumns","paginationModel","pageNo","limit","totalPages","enableColumnDragging","isResetRow","columnOrder","enableRowSelection","enableBottomToolbar","disableDefaultActionColumn","editDisplayMode","enableRowCreate","onCreateRow","data","onEditRow","onDeleteRow","onChangeRowField","contactSection","contactColumns","Modal","open","onClose","maxWidth","fullWidth","overflowY","ModalLoader","style","position","overflow","DialogTitle","IconButton","onClick","Close","fontSize","DialogContent","Divider","DialogActions","bottom","backgroundColor","zIndex","padding","justifyContent","Button"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/parties-modal/parties-modal.tsx"],"sourcesContent":["import { Box, DialogActions, DialogContent, DialogTitle, Divider, Grid, IconButton } from \"@mui/material\";\nimport Modal from '../modal/modal';\nimport Typography from \"../typography/typography\";\nimport DynamicInput from '../form-control/form-builder/form-builder-element/text';\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { generateValidationSchema } from \"./validator\";\nimport DynamicSearchSelect from \"../form-control/form-builder/form-builder-element/dynamic-select\";\nimport Accordion from \"../accordion/accordion\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport _ from \"lodash\";\nimport './parties-modal.scss';\nimport { \n  addressColumns, \n  addressOmitKeys, \n  addressPayload, \n  contactColumns, \n  contactOmitKeys, \n  contactPayload, \n  PARTIES_FIELDS, \n  PARTIES_FORM_ARRAY_NAME, \n  processPartiesPayload \n} from \"./utils/constant\";\nimport MaterialTable from \"../material-table/material-table\";\nimport parsePhoneNumberFromString from \"libphonenumber-js\";\nimport Checkbox from \"../checkbox/checkbox\";\nimport { transformTableColumns } from \"../../utils/common-utility\";\nimport { createParties } from \"../../redux/actionCreator\";\nimport { useDispatch } from \"react-redux\";\nimport { enqueueSnackbar } from \"notistack\";\nimport { getErrorMessage } from \"../../utils/common\";\nimport ModalLoader from \"../loaders/modal-loader\";\nimport Button from \"../button/button\";\nimport { Close } from \"@mui/icons-material\";\n\ninterface CustomerVendorModalProps {\n  isOpen: boolean;\n  handleModalClose?: () => void;\n  modalProps?: any;\n  type: string;\n  partyCreated: () => void;\n}\n\ninterface LocationState {\n  state: any;\n  country: any;\n}\n\nconst defaultLocationState: LocationState = { state: '', country: '' };\n\nexport default function CustomerVendorModal({\n  isOpen,\n  handleModalClose,\n  modalProps,\n  type,\n  partyCreated\n}: CustomerVendorModalProps) {\n\n  //Hooks\n  const { t } = useTranslation();\n  const dispatch = useDispatch();\n\n  //Refs\n  const locationRef = useRef<LocationState>(defaultLocationState);\n\n  //Local states\n  const [addressRows, setAddressRows] = useState<any[]>([]);\n  const [contactRows, setContactRows] = useState<any[]>([]);\n  const [isCreating, setIsCreating] = useState(false);\n\n  //Form\n  const { \n    control, \n    formState: { errors }, \n    trigger, \n    getValues, \n    handleSubmit, \n    setValue,\n    reset \n  } = useForm({\n    defaultValues: {\n      status: true\n    },\n    mode: 'all',\n    resolver: generateValidationSchema()\n  });\n\n  //Call Back functions\n  const tableColumns = useCallback(\n    (columns: any, tableRows: any) => {\n      const phoneNumberCache = new Map();\n  \n      return transformTableColumns({\n        columns,\n        currencySymbol: undefined,\n        translationFn: t,\n        enableFooter: false,\n        redirectionLink: undefined,\n        redirectionLinkState: undefined,\n        rows: tableRows,\n        statusClasses: undefined,\n        customizeValue: (row, columnAccessorKey, value) => {\n          switch (columnAccessorKey) {\n            case 'default_shipping_address':\n            case 'default_billing_address': {\n              return (\n                <Box sx={{ display: \"flex\", gap: 1 }}>\n                  <Checkbox\n                    checked={Boolean(value)}\n                    sx={{ pointerEvents: 'none' }}\n                  />\n                </Box>\n              );\n            }\n              \n            case 'phone': \n            case 'contact_no': {\n              if (!value) return '';\n              const phoneKey = `phone-${value}`;\n              if (!phoneNumberCache.has(phoneKey)) {\n                const parsed = parsePhoneNumberFromString(`+${value}`);\n                phoneNumberCache.set(phoneKey, parsed?.nationalNumber || '');\n              }\n              return phoneNumberCache.get(phoneKey);\n            }\n              \n            case 'country_code': {\n              const phone = row?.original?.phone || row?.original?.contact_no;\n              if (!phone) return '';\n              const countryCodeKey = `country-${phone}`;\n              if (!phoneNumberCache.has(countryCodeKey)) {\n                const parsed = parsePhoneNumberFromString(`+${phone}`);\n                phoneNumberCache.set(countryCodeKey, \n                  parsed?.countryCallingCode ? `+${parsed.countryCallingCode}` : ''\n                );\n              }\n              return phoneNumberCache.get(countryCodeKey);\n            }\n              \n            default:\n              return value;\n          }\n        }\n      });\n    },\n    [t]\n  );\n\n  //Methods\n\n  const handleRowOperation = async (\n    eData: any,\n    state: any[],\n    setState: React.Dispatch<React.SetStateAction<any[]>>,\n    isAddress: boolean\n  ) => {\n    try {\n      const { values, row } = eData;\n      const editRow = row.index >= 0;\n      const payload = isAddress ? addressPayload : contactPayload;\n      \n      const processedValues: any = {};\n      for (const key in payload) {\n        if (_.has(values, key)) {\n          processedValues[key] = values?.[key] ? values[key] : null;\n        }\n      }\n\n      if (isAddress) {\n        const dropdowns = {\n          c: locationRef.current?.country,\n          s: locationRef.current?.state,\n        };\n\n        const validatedValues = await validateAddressDefaults(processedValues, state, row.index);\n        const addressValues = {\n          ...validatedValues,\n          country_name: dropdowns.c?.name,\n          country: dropdowns.c?.id,\n          state_name: dropdowns.s?.name,\n          state: dropdowns.s?.id,\n          country_data: dropdowns.c,\n          state_data: dropdowns.s,\n          country_id: dropdowns.c?.id,\n          state_id: dropdowns.s?.id,\n        };\n\n        if (editRow) {\n          return setState(state.map((ar, i) => i === row.index ? { ...ar, ...addressValues } : ar));\n        }\n        return setState([...state, addressValues]);\n      }\n\n      if (editRow) {\n        return setState(state.map((ar, i) => i === row.index ? { ...ar, ...processedValues } : ar));\n      }\n      return setState([...state, processedValues]);\n    } catch (error) {\n      return Promise.reject(error);\n    }\n  };\n\n  const validateAddressDefaults = async (values: any, state: any[], index: number) => {  \n    let updatedValues = { ...values };\n    const validate = (type: \"shipping\" | \"billing\") => {\n      const u_data = [...state];    \n      const field = type === 'shipping' ? 'default_shipping_address' : 'default_billing_address';\n      if(index >= 0){\n        u_data.splice(index, 1);\n      }\n      const hasDefault = u_data.some((d: any) => d?.[field]);\n      \n      if (hasDefault && values?.[field]) {\n        throw new Error(\n          `Another address is already marked as the default ${type} address. Please uncheck that before selecting this one`\n        );\n        }\n       else if(!hasDefault){\n        updatedValues = {\n          ...updatedValues,\n          [field]: values?.[field] ||state?.length==0 ? 1 : 0,\n        };\n        }\n        \n    };\n\n     await validate(\"shipping\");\n     await validate(\"billing\");\n\n    return updatedValues;\n  };\n\n  const deleteRow = async (\n    state: any[],\n    setState: React.Dispatch<React.SetStateAction<any[]>>,\n    row: any\n  ) => {\n    const rowIndex = row.index;\n    const updatedData = state.filter((_, i) => i !== rowIndex);\n    setState(updatedData);\n    return Promise.resolve();\n  };\n\n  const onChangeAddressTableField = async (e: any, t: any, r: any, col: any, selectedData: any) => {\n    const fieldName = e?.target?.name;\n    let updatedValues: any = null;\n\n    if (col?.editProperties?.field_name) {\n      locationRef.current = {\n        ...locationRef.current,\n        [col.editProperties.field_name]: selectedData,\n      };\n    }\n  \n    if (fieldName === 'country') {\n      updatedValues = {\n        ...r._valuesCache,\n        country: selectedData.id,\n        country_id: selectedData.id,\n        state: null,\n        state_id: null,\n        state_name: null,\n      };\n    } else if (fieldName === 'state') {\n      updatedValues = {\n        ...r._valuesCache,\n        state: selectedData.id,\n        state_id: selectedData.id\n      };\n    } else if (fieldName === 'phone') {\n      const p = parsePhoneNumberFromString(`+${e}`);\n      updatedValues = {\n        ...r._valuesCache,\n        country_code: p?.countryCallingCode ? `+${p.countryCallingCode}` : '',\n      };\n    }\n\n    const summaryFields = [\n      'contact_name',\n      'street_1',\n      'street_2',\n      'street_3',\n      'zip_code',\n      'city',\n      'state',\n      'country'\n    ];\n\n    if (r._valuesCache) {\n      const fieldValues = summaryFields.map(field => {\n        if (field === 'country') {\n          return locationRef.current?.country?.name || '';\n        } else if (field === 'state') {\n          return locationRef.current?.state?.name || '';\n        } else if (field === fieldName) {\n          return e.target?.value || '';\n        }\n        return r._valuesCache?.[field] || '';\n      });\n\n      const summary = fieldValues.reduce((acc, val, idx) => {\n        if (!val) return acc;\n        if (!acc) return val;\n\n        val = val?.name || val;\n        acc = acc?.name || acc;\n\n        return [2, 3].includes(idx) ? `${acc} ${val}` : `${acc}, \\n${val}`;\n      }, '');\n\n      r._valuesCache.summary = summary;\n    }\n\n    if (updatedValues) {\n      r.getAllCells().forEach((c: any) => {\n        if (_.has(updatedValues, c.column.id)) {\n          r._valuesCache[c.column.id] = updatedValues[c.column.id];\n        }\n      });\n    }\n\n    return r._valuesCache;\n  };\n\n  const onSubmit = async () => {\n    const isValid = await trigger();\n    if (!isValid) return;\n\n    setIsCreating(true);\n    const values = getValues();    \n    const payload = {\n      party: {\n        ...processPartiesPayload(values?.[PARTIES_FORM_ARRAY_NAME]),\n        account_type: 'Individual',\n        status: 1,\n        type\n      }\n    };\n\n    try {\n      const res = await dispatch(createParties(payload));\n      \n      if (res?.meta?.requestStatus === 'fulfilled') {\n        enqueueSnackbar(`${type} ${t('common.party.msg.success')}`);\n        closeModal();\n        partyCreated();\n      } else if (res?.meta?.requestStatus === 'rejected') {\n        const errorMessage = getErrorMessage(res?.error?.message);\n        enqueueSnackbar(errorMessage, { variant: 'error' });\n      }\n    } finally {\n      setIsCreating(false);\n    }\n  };\n\n  const closeModal=()=>{\n    resetForm()\n    setAddressRows([]);\n    setContactRows([]);\n    handleModalClose?.();\n  }\n  const resetForm=()=>{\n    reset({ [PARTIES_FORM_ARRAY_NAME]: {} });\n  }\n\n  //Use Effect\n  useEffect(() => {\n    const addressData = addressRows.map(a => _.omit(a, addressOmitKeys));\n    setValue(`${PARTIES_FORM_ARRAY_NAME}.${PARTIES_FIELDS.ADDRESS}`, addressData);\n  }, [addressRows, setValue]);\n\n  useEffect(() => {\n    const contactData = contactRows.map(c => _.omit(c, contactOmitKeys));\n    setValue(`${PARTIES_FORM_ARRAY_NAME}.${PARTIES_FIELDS.CONTACTS}`, contactData);\n  }, [contactRows, setValue]);\n\n  const basicDetailsSection = useMemo(() => (\n    <Accordion\n      title={\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n          {t(\"common.party.sections.basic_details\")}\n        </Typography>\n      }\n      accordionProps={{\n        defaultExpanded: true,\n        className: \"form--Accordion\",\n      }}\n    >\n      <Grid container spacing={2}>\n        <Grid item xs={12} sm={6}>\n          <DynamicInput\n            label={t('common.party.fields.firstName_label')}\n            name={PARTIES_FIELDS.FIRST_NAME}\n            placeholder={t('common.party.fields.firstName_placeholder')}\n            fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n            formControl={control}\n            required\n          />\n        </Grid>\n        <Grid item xs={12} sm={6}>\n          <DynamicInput\n            label={t('common.party.fields.lastName_label')}\n            name={PARTIES_FIELDS.LAST_NAME}\n            placeholder={t('common.party.fields.lastName_placeholder')}\n            fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n            formControl={control}\n            required\n          />\n        </Grid>\n        <Grid item xs={12} sm={6}>\n          <DynamicSearchSelect\n            label={t('common.party.fields.company_label')}\n            apiType=\"company\"\n            selectedLabel='Companies'\n            name={PARTIES_FIELDS.COMAPANY}\n            placeholder={t('common.party.fields.company_placeholder')}\n            fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n            formControl={control}\n            required\n            is_multiselect\n          />\n        </Grid>\n        <Grid item xs={12} sm={6}>\n          <DynamicSearchSelect\n            label={t('common.party.fields.currency_label')}\n            apiType='currency'\n            selectedLabel='Currency'\n            name={PARTIES_FIELDS.CURRENCY}\n            placeholder={t('common.party.fields.currency_placeholder')}\n            fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n            formControl={control}\n            required\n            is_multiselect\n          />\n        </Grid>\n      </Grid>\n    </Accordion>\n  ), [t, control]);\n\n  const addressSection = useMemo(() => (\n    <Accordion\n      title={\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n          {t(\"common.party.sections.address\")}\n          <span className='errorIndicator'>*</span>\n\t\t\t\t\t{errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.ADDRESS] && (\n           <span className='error'>\n              {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.ADDRESS]?.message}\n              </span>\n          )}\n        </Typography>\n      }\n      accordionProps={{\n        defaultExpanded: true,\n        className: \"form--Accordion\",\n      }}\n    >\n      <Grid spacing={4}>\n        <Grid item xs={12}>\n          <MaterialTable\n            rows={[...addressRows]}\n            columns={tableColumns(addressColumns)}\n            paginationModel={{ pageNo: 1, limit: 10 }}\n            totalPages={20}\n            enableColumnDragging={false}\n            isResetRow={false}\n            columnOrder={['mrt-row-select']}\n            enableRowSelection={false}\n            enableBottomToolbar\n            disableDefaultActionColumn\n            editDisplayMode='row'\n            enableRowCreate\n            onCreateRow={(data) => handleRowOperation(data, addressRows, setAddressRows, true)}\n            onEditRow={(data) => handleRowOperation(data, addressRows, setAddressRows, true)}\n            onDeleteRow={(row) => deleteRow(addressRows, setAddressRows, row)}\n            onChangeRowField={onChangeAddressTableField}\n          />\n        </Grid>\n      </Grid>\n    </Accordion>\n    // eslint-disable-next-line\n  ), [t, addressRows, tableColumns, errors]);\n\n  const contactSection = useMemo(() => (\n    <Accordion\n      title={\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n          {t(\"common.party.sections.contact\")}\n          <span className='errorIndicator'>*</span>\n          {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.CONTACTS] && (\n            <span className='error'>\n            {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.CONTACTS]?.message}\n            </span>\n          )}\n        </Typography>\n      }\n      accordionProps={{\n        defaultExpanded: true,\n        className: \"form--Accordion\",\n      }}\n    >\n      <Grid spacing={4}>\n        <Grid item xs={12}>\n          \n          <MaterialTable\n            rows={[...contactRows]}\n            columns={tableColumns(contactColumns)}\n            paginationModel={{ pageNo: 1, limit: 10 }}\n            totalPages={20}\n            enableColumnDragging={false}\n            isResetRow={false}\n            columnOrder={['mrt-row-select']}\n            enableRowSelection={false}\n            enableBottomToolbar\n            disableDefaultActionColumn\n            editDisplayMode='row'\n            enableRowCreate\n            onCreateRow={(data) => handleRowOperation(data, contactRows, setContactRows, false)}\n            onEditRow={(data) => handleRowOperation(data, contactRows, setContactRows, false)}\n            onDeleteRow={(row) => deleteRow(contactRows, setContactRows, row)}\n            onChangeRowField={onChangeAddressTableField}\n          />\n        </Grid>\n      </Grid>\n    </Accordion>\n    // eslint-disable-next-line\n  ), [t, contactRows, tableColumns, errors]);\n\n  return (\n    <Modal\n      open={isOpen}\n      onClose={closeModal}\n      maxWidth='lg'\n      fullWidth\n      sx={{ overflowY: 'hidden' }}\n      {...modalProps}\n    >\n      {isCreating && <ModalLoader />}\n      <form onSubmit={handleSubmit(onSubmit)} className=\"scroll-container\" style={{ position: 'relative',overflow: 'auto' }}>\n        <DialogTitle className='itemEntryModal--DialogTitle' \n        >\n          <Typography type='s3' color='inherit' weight='medium'>\n            {`Add ${type}`}\n          </Typography>\n          <IconButton onClick={closeModal}>\n            <Close fontSize='small' />\n          </IconButton>\n        </DialogTitle>\n        \n        <DialogContent>\n          {basicDetailsSection}\n          <Divider className='form--SectionDivider' />\n          {addressSection}\n          <Divider className='form--SectionDivider' />\n          {contactSection}\n        </DialogContent>\n        \n        <DialogActions className='itemEntryModal--DialogAction' sx={{\n          position: 'sticky',\n          bottom: 0,\n          backgroundColor: 'white',\n          zIndex: 1,\n          padding: '8px 24px',\n          justifyContent: 'end'\n        }}>\n          <Box display='flex' gap={1.5}>\n            <Button\n              className='itemEntryModal--DialogAction--WhiteBtn'\n              onClick={closeModal}\n            >\n              {t('common.cancel')}\n            </Button>\n            <Button\n              variant=\"contained\"\n              onClick={handleSubmit(onSubmit)}\n            >\n              {t('common.save')}\n            </Button>\n          </Box>\n        </DialogActions>\n      </form>\n    </Modal>\n  );\n}"],"names":["defaultLocationState","state","country","isOpen","handleModalClose","modalProps","type","partyCreated","t","useTranslation","dispatch","useDispatch","locationRef","useRef","addressRows","setAddressRows","useState","contactRows","setContactRows","isCreating","setIsCreating","control","formState","errors","trigger","getValues","handleSubmit","setValue","reset","useForm","defaultValues","status","mode","resolver","generateValidationSchema","tableColumns","useCallback","columns","tableRows","phoneNumberCache","Map","transformTableColumns","currencySymbol","translationFn","enableFooter","redirectionLink","redirectionLinkState","rows","statusClasses","customizeValue","row","columnAccessorKey","value","jsx","Box","sx","display","gap","children","Checkbox","checked","Boolean","pointerEvents","phoneKey","has","parsed","parsePhoneNumberFromString","set","nationalNumber","get","phone","_a","original","_b","contact_no","countryCodeKey","countryCallingCode","handleRowOperation","async","eData","setState","isAddress","values","editRow","index","payload","addressPayload","contactPayload","processedValues","key","_","dropdowns","c","current","s","addressValues","validateAddressDefaults","country_name","_c","name","_d","id","state_name","_e","_f","country_data","state_data","country_id","_g","state_id","_h","map","ar","i","error","Promise","reject","updatedValues","validate","u_data","field","splice","hasDefault","some","d","Error","length","deleteRow","rowIndex","filter","resolve","onChangeAddressTableField","e","r","col","selectedData","fieldName","target","editProperties","field_name","_valuesCache","p","country_code","summaryFields","summary","reduce","acc","val","idx","includes","getAllCells","forEach","column","onSubmit","party","processPartiesPayload","PARTIES_FORM_ARRAY_NAME","account_type","res","createParties","meta","requestStatus","enqueueSnackbar","closeModal","errorMessage","getErrorMessage","message","variant","resetForm","useEffect","addressData","a","omit","addressOmitKeys","PARTIES_FIELDS","ADDRESS","contactData","contactOmitKeys","CONTACTS","basicDetailsSection","useMemo","Accordion","title","Typography","weight","color","accordionProps","defaultExpanded","className","jsxs","Grid","container","spacing","item","xs","sm","DynamicInput","label","FIRST_NAME","placeholder","fieldArrayName","formControl","required","LAST_NAME","DynamicSearchSelect","apiType","selectedLabel","COMAPANY","is_multiselect","CURRENCY","addressSection","MaterialTable","addressColumns","paginationModel","pageNo","limit","totalPages","enableColumnDragging","isResetRow","columnOrder","enableRowSelection","enableBottomToolbar","disableDefaultActionColumn","editDisplayMode","enableRowCreate","onCreateRow","data","onEditRow","onDeleteRow","onChangeRowField","contactSection","contactColumns","Modal","open","onClose","maxWidth","fullWidth","overflowY","ModalLoader","style","position","overflow","DialogTitle","IconButton","onClick","Close","fontSize","DialogContent","Divider","DialogActions","bottom","backgroundColor","zIndex","padding","justifyContent","Button"],"mappings":"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"}

package/dist/components/parties-modal/parties-modal.d.ts

@@ -0,0 +1,10 @@
+
+interface CustomerVendorModalProps {
+    isOpen: boolean;
+    handleModalClose?: () => void;
+    modalProps?: any;
+    type: string;
+    partyCreated: () => void;
+}
+export default function CustomerVendorModal({ isOpen, handleModalClose, modalProps, type, partyCreated }: CustomerVendorModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/parties-modal/utils/constant.d.ts

@@ -0,0 +1,42 @@
+import { MaterialTableColumnProps } from '../../material-table/material-table';
+
+export declare const PARTIES_FORM_ARRAY_NAME = "parties";
+export declare const PARTIES_FIELDS: {
+    FIRST_NAME: string;
+    LAST_NAME: string;
+    COMAPANY: string;
+    CURRENCY: string;
+    ADDRESS: string;
+    CONTACTS: string;
+};
+export declare const addressPayload: {
+    parties_id: any;
+    address_type: any;
+    contact_name: any;
+    street_1: any;
+    street_2: any;
+    city: any;
+    zip_code: any;
+    state: any;
+    country: any;
+    email: any;
+    mobile: any;
+    phone: any;
+    street_3: any;
+    summary: any;
+    default_shipping_address: number;
+    default_billing_address: number;
+    country_code: any;
+};
+export declare const contactPayload: {
+    parties_id: any;
+    name: any;
+    country_code: any;
+    contact_no: any;
+    email: any;
+};
+export declare const addressColumns: MaterialTableColumnProps[];
+export declare const contactColumns: MaterialTableColumnProps[];
+export declare const addressOmitKeys: string[];
+export declare const contactOmitKeys: string[];
+export declare const processPartiesPayload: (payload: any) => any;

package/dist/components/parties-modal/utils/index.d.ts

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

package/dist/components/parties-modal/validator.d.ts

@@ -0,0 +1,6 @@
+export declare const generateValidationSchema: () => import('react-hook-form').Resolver<{
+    parties?: {
+        [x: string]: string | any[];
+        [x: number]: string | any[];
+    };
+}>;

package/dist/components/phone-input/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PhoneInput } from './phone-input';
+export * from './phone-input';

package/dist/components/phone-input/phone-input.d.ts

@@ -0,0 +1,19 @@
+import { CountryData } from 'react-phone-input-2';
+
+interface IPhoneInput {
+    error?: boolean;
+    name?: string;
+    dataPosition?: number;
+    dataName?: string;
+    label: string;
+    required?: boolean;
+    placeholder?: string;
+    default_value?: string;
+    onChange?: (e: any) => void;
+    disabled?: boolean;
+    setCountryCodeField?: (country: CountryData) => void;
+    helperText?: string;
+    isInlineEditing?: boolean;
+}
+declare const PhoneInput: import('react').MemoExoticComponent<({ name, error, dataName, dataPosition, label, required, placeholder, default_value, onChange, disabled, setCountryCodeField, helperText, isInlineEditing, ...rest }: IPhoneInput) => import("react/jsx-runtime").JSX.Element>;
+export default PhoneInput;

package/dist/components/protected-route/index.esm.js

@@ -110,7 +110,27 @@ const ProtectedRoute = ({
   }
   return showError ? /* @__PURE__ */ jsx(ErrorComponent, {}) : /* @__PURE__ */ jsx(Navigate, { to: redirectTo, replace: true });
 };
+const createPermissionConfig = {
+  // Single module
+  single: (module, action) => ({
+    module,
+    action
+  }),
+  // Multiple modules with same action
+  multiModule: (modules, action, operator = "OR") => ({
+    multiModule: { modules, action, operator }
+  }),
+  // Complex permissions
+  complex: (permissions, operator = "AND") => ({
+    complexPermissions: { permissions, operator }
+  }),
+  // Custom function
+  custom: (checkFn) => ({
+    customPermissionCheck: checkFn
+  })
+};
 export {
+  createPermissionConfig,
   ProtectedRoute as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/protected-route/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/protected-route.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useMemo } from \"react\";\nimport { Navigate } from \"react-router-dom\";\nimport { usePermissions } from \"../hooks/use-permissions\";\nimport { Box, Divider } from \"@mui/material\";\nimport Typography from \"./typography/typography\";\nimport _ from \"lodash\";\n\ntype PermissionAction = \"canEdit\" | \"canView\" | \"canAdd\" | \"canDelete\";\n\ninterface SingleModulePermission {\n  module: string;\n  action: PermissionAction;\n}\n\ninterface MultiModulePermission {\n  modules: string[];\n  action: PermissionAction;\n  operator?: \"AND\" | \"OR\"; // Default: \"OR\"\n}\n\ninterface ComplexPermission {\n  permissions: Array<{\n    module: string;\n    action: PermissionAction;\n  }>;\n  operator?: \"AND\" | \"OR\"; // Default: \"AND\"\n}\n\ninterface ProtectedRouteProps {\n  // Single module (backward compatibility)\n  module?: string;\n  action?: PermissionAction;\n  \n  // Multiple modules with same action\n  multiModule?: MultiModulePermission;\n  \n  // Complex permissions with different actions\n  complexPermissions?: ComplexPermission;\n  \n  // Custom permission checker function\n  customPermissionCheck?: (permissions: any) => boolean;\n  \n  // Redirect path for unauthorized access\n  redirectTo?: string;\n  \n  // Show custom error component instead of redirect\n  showError?: boolean;\n  \n  children: React.ReactNode;\n}\n\nconst ProtectedRoute: React.FC<ProtectedRouteProps> = ({\n  module,\n  action,\n  multiModule,\n  complexPermissions,\n  customPermissionCheck,\n  redirectTo = \"/403\",\n  showError = true,\n  children\n}) => {\n  const permissions = usePermissions();\n\n  // Memoize permission check for performance\n  const hasPermission = useMemo(() => {\n    if (!permissions) {\n      return false;\n    }\n\n    // Custom permission check takes precedence\n    if (customPermissionCheck) {\n      return customPermissionCheck(permissions);\n    }\n\n    // Complex permissions check\n    if (complexPermissions) {\n      const { permissions: permList, operator = \"AND\" } = complexPermissions;\n      \n      const results = permList.map(({ module: mod, action: act }) => {\n        const modulePerms = _.get(permissions, mod, {});\n        return modulePerms[act] ?? false;\n      });\n\n      return operator === \"AND\" \n        ? results.every(Boolean)\n        : results.some(Boolean);\n    }\n\n    // Multi-module with same action check\n    if (multiModule) {\n      const { modules, action: act, operator = \"OR\" } = multiModule;\n      \n      const results = modules.map(mod => {\n        const modulePerms = _.get(permissions, mod, {});\n        return modulePerms[act] ?? false;\n      });\n\n      return operator === \"AND\" \n        ? results.every(Boolean)\n        : results.some(Boolean);\n    }\n\n    // Single module check (backward compatibility)\n    if (module && action) {\n      const modulePerms = _.get(permissions, module, {});\n      return modulePerms[action] ?? false;\n    }\n\n    // No permission config provided - deny access\n    return false;\n  }, [permissions, module, action, multiModule, complexPermissions, customPermissionCheck]);\n\n  // Enhanced error component\n  const ErrorComponent = () => (\n    <Box\n      sx={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        position: \"absolute\",\n        top: \"50%\",\n        left: \"50%\",\n        transform: \"translate(-50%, -50%)\", // Fixed transform values\n        gap: 2,\n        textAlign: \"center\",\n        p: 3\n      }}\n    >\n      <Typography \n        type=\"h1\" \n        color=\"theme.secondary.900\" \n        weight=\"bold\"\n        sx={{ fontSize: { xs: '4rem', sm: '6rem' } }}\n      >\n        403\n      </Typography>\n      <Divider \n        flexItem \n        // sx={{ \n        //   borderColor: '#898f9a',\n        //   width: '100%',\n        //   maxWidth: '200px'\n        // }}\n      />\n      <Typography \n        type=\"s3\" \n        color=\"theme.secondary.900\" \n        weight=\"medium\"\n      >\n        Access Denied\n      </Typography>\n      <Typography \n        type=\"body2\" \n        color=\"theme.secondary.700\" \n        weight=\"regular\"\n        sx={{ mt: 1, maxWidth: '300px' }}\n      >\n        You don't have the required permissions to access this resource.\n      </Typography>\n    </Box>\n  );\n\n  // Handle loading state\n  if (!permissions) {\n    return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n  }\n\n  // Render based on permission check\n  if (hasPermission) {\n    return <>{children}</>;\n  }\n\n  return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n};\n\nexport default ProtectedRoute;\n\n// Helper function to create permission configurations\nexport const createPermissionConfig = {\n  // Single module\n  single: (module: string, action: PermissionAction) => ({\n    module,\n    action\n  }),\n\n  // Multiple modules with same action\n  multiModule: (\n    modules: string[], \n    action: PermissionAction, \n    operator: \"AND\" | \"OR\" = \"OR\"\n  ) => ({\n    multiModule: { modules, action, operator }\n  }),\n\n  // Complex permissions\n  complex: (\n    permissions: Array<{ module: string; action: PermissionAction }>,\n    operator: \"AND\" | \"OR\" = \"AND\"\n  ) => ({\n    complexPermissions: { permissions, operator }\n  }),\n\n  // Custom function\n  custom: (checkFn: (permissions: any) => boolean) => ({\n    customPermissionCheck: checkFn\n  })\n};\n\n// Example usage types for better developer experience\nexport type PermissionConfig = \n  | ReturnType<typeof createPermissionConfig.single>\n  | ReturnType<typeof createPermissionConfig.multiModule>\n  | ReturnType<typeof createPermissionConfig.complex>\n  | ReturnType<typeof createPermissionConfig.custom>;"],"names":[],"mappings":";;;;;;;;AAsDA,MAAM,iBAAgD,CAAC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AACF,MAAM;AACJ,QAAM,cAAc,eAAA;AAGpB,QAAM,gBAAgB,QAAQ,MAAM;AAClC,QAAI,CAAC,aAAa;AAChB,aAAO;AAAA,IACT;AAGA,QAAI,uBAAuB;AACzB,aAAO,sBAAsB,WAAW;AAAA,IAC1C;AAGA,QAAI,oBAAoB;AACtB,YAAM,EAAE,aAAa,UAAU,WAAW,UAAU;AAEpD,YAAM,UAAU,SAAS,IAAI,CAAC,EAAE,QAAQ,KAAK,QAAQ,UAAU;AAC7D,cAAM,cAAc,EAAE,IAAI,aAAa,KAAK,CAAA,CAAE;AAC9C,eAAO,YAAY,GAAG,KAAK;AAAA,MAC7B,CAAC;AAED,aAAO,aAAa,QAChB,QAAQ,MAAM,OAAO,IACrB,QAAQ,KAAK,OAAO;AAAA,IAC1B;AAGA,QAAI,aAAa;AACf,YAAM,EAAE,SAAS,QAAQ,KAAK,WAAW,SAAS;AAElD,YAAM,UAAU,QAAQ,IAAI,CAAA,QAAO;AACjC,cAAM,cAAc,EAAE,IAAI,aAAa,KAAK,CAAA,CAAE;AAC9C,eAAO,YAAY,GAAG,KAAK;AAAA,MAC7B,CAAC;AAED,aAAO,aAAa,QAChB,QAAQ,MAAM,OAAO,IACrB,QAAQ,KAAK,OAAO;AAAA,IAC1B;AAGA,QAAI,UAAU,QAAQ;AACpB,YAAM,cAAc,EAAE,IAAI,aAAa,QAAQ,CAAA,CAAE;AACjD,aAAO,YAAY,MAAM,KAAK;AAAA,IAChC;AAGA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,QAAQ,QAAQ,aAAa,oBAAoB,qBAAqB,CAAC;AAGxF,QAAM,iBAAiB,MACrB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,QACX,KAAK;AAAA,QACL,WAAW;AAAA,QACX,GAAG;AAAA,MAAA;AAAA,MAGL,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAI,EAAE,UAAU,EAAE,IAAI,QAAQ,IAAI,SAAO;AAAA,YAC1C,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAOV;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACR,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAI,EAAE,IAAI,GAAG,UAAU,QAAA;AAAA,YACxB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EAAA;AAKJ,MAAI,CAAC,aAAa;AAChB,WAAO,gCAAa,gBAAA,CAAA,CAAe,wBAAM,UAAA,EAAS,IAAI,YAAY,SAAO,KAAA,CAAC;AAAA,EAC5E;AAGA,MAAI,eAAe;AACjB,2CAAU,UAAS;AAAA,EACrB;AAEA,SAAO,gCAAa,gBAAA,CAAA,CAAe,wBAAM,UAAA,EAAS,IAAI,YAAY,SAAO,KAAA,CAAC;AAC5E;"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/protected-route.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useMemo } from \"react\";\nimport { Navigate } from \"react-router-dom\";\nimport { usePermissions } from \"../hooks/use-permissions\";\nimport { Box, Divider } from \"@mui/material\";\nimport Typography from \"./typography/typography\";\nimport _ from \"lodash\";\n\ntype PermissionAction = \"canEdit\" | \"canView\" | \"canAdd\" | \"canDelete\";\n\ninterface SingleModulePermission {\n  module: string;\n  action: PermissionAction;\n}\n\ninterface MultiModulePermission {\n  modules: string[];\n  action: PermissionAction;\n  operator?: \"AND\" | \"OR\"; // Default: \"OR\"\n}\n\ninterface ComplexPermission {\n  permissions: Array<{\n    module: string;\n    action: PermissionAction;\n  }>;\n  operator?: \"AND\" | \"OR\"; // Default: \"AND\"\n}\n\ninterface ProtectedRouteProps {\n  // Single module (backward compatibility)\n  module?: string;\n  action?: PermissionAction;\n  \n  // Multiple modules with same action\n  multiModule?: MultiModulePermission;\n  \n  // Complex permissions with different actions\n  complexPermissions?: ComplexPermission;\n  \n  // Custom permission checker function\n  customPermissionCheck?: (permissions: any) => boolean;\n  \n  // Redirect path for unauthorized access\n  redirectTo?: string;\n  \n  // Show custom error component instead of redirect\n  showError?: boolean;\n  \n  children: React.ReactNode;\n}\n\nconst ProtectedRoute: React.FC<ProtectedRouteProps> = ({\n  module,\n  action,\n  multiModule,\n  complexPermissions,\n  customPermissionCheck,\n  redirectTo = \"/403\",\n  showError = true,\n  children\n}) => {\n  const permissions = usePermissions();\n\n  // Memoize permission check for performance\n  const hasPermission = useMemo(() => {\n    if (!permissions) {\n      return false;\n    }\n\n    // Custom permission check takes precedence\n    if (customPermissionCheck) {\n      return customPermissionCheck(permissions);\n    }\n\n    // Complex permissions check\n    if (complexPermissions) {\n      const { permissions: permList, operator = \"AND\" } = complexPermissions;\n      \n      const results = permList.map(({ module: mod, action: act }) => {\n        const modulePerms = _.get(permissions, mod, {});\n        return modulePerms[act] ?? false;\n      });\n\n      return operator === \"AND\" \n        ? results.every(Boolean)\n        : results.some(Boolean);\n    }\n\n    // Multi-module with same action check\n    if (multiModule) {\n      const { modules, action: act, operator = \"OR\" } = multiModule;\n      \n      const results = modules.map(mod => {\n        const modulePerms = _.get(permissions, mod, {});\n        return modulePerms[act] ?? false;\n      });\n\n      return operator === \"AND\" \n        ? results.every(Boolean)\n        : results.some(Boolean);\n    }\n\n    // Single module check (backward compatibility)\n    if (module && action) {\n      const modulePerms = _.get(permissions, module, {});\n      return modulePerms[action] ?? false;\n    }\n\n    // No permission config provided - deny access\n    return false;\n  }, [permissions, module, action, multiModule, complexPermissions, customPermissionCheck]);\n\n  // Enhanced error component\n  const ErrorComponent = () => (\n    <Box\n      sx={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        position: \"absolute\",\n        top: \"50%\",\n        left: \"50%\",\n        transform: \"translate(-50%, -50%)\", // Fixed transform values\n        gap: 2,\n        textAlign: \"center\",\n        p: 3\n      }}\n    >\n      <Typography \n        type=\"h1\" \n        color=\"theme.secondary.900\" \n        weight=\"bold\"\n        sx={{ fontSize: { xs: '4rem', sm: '6rem' } }}\n      >\n        403\n      </Typography>\n      <Divider \n        flexItem \n        // sx={{ \n        //   borderColor: '#898f9a',\n        //   width: '100%',\n        //   maxWidth: '200px'\n        // }}\n      />\n      <Typography \n        type=\"s3\" \n        color=\"theme.secondary.900\" \n        weight=\"medium\"\n      >\n        Access Denied\n      </Typography>\n      <Typography \n        type=\"body2\" \n        color=\"theme.secondary.700\" \n        weight=\"regular\"\n        sx={{ mt: 1, maxWidth: '300px' }}\n      >\n        You don't have the required permissions to access this resource.\n      </Typography>\n    </Box>\n  );\n\n  // Handle loading state\n  if (!permissions) {\n    return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n  }\n\n  // Render based on permission check\n  if (hasPermission) {\n    return <>{children}</>;\n  }\n\n  return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n};\n\nexport default ProtectedRoute;\n\n// Helper function to create permission configurations\nexport const createPermissionConfig = {\n  // Single module\n  single: (module: string, action: PermissionAction) => ({\n    module,\n    action\n  }),\n\n  // Multiple modules with same action\n  multiModule: (\n    modules: string[], \n    action: PermissionAction, \n    operator: \"AND\" | \"OR\" = \"OR\"\n  ) => ({\n    multiModule: { modules, action, operator }\n  }),\n\n  // Complex permissions\n  complex: (\n    permissions: Array<{ module: string; action: PermissionAction }>,\n    operator: \"AND\" | \"OR\" = \"AND\"\n  ) => ({\n    complexPermissions: { permissions, operator }\n  }),\n\n  // Custom function\n  custom: (checkFn: (permissions: any) => boolean) => ({\n    customPermissionCheck: checkFn\n  })\n};\n\n// Example usage types for better developer experience\nexport type PermissionConfig = \n  | ReturnType<typeof createPermissionConfig.single>\n  | ReturnType<typeof createPermissionConfig.multiModule>\n  | ReturnType<typeof createPermissionConfig.complex>\n  | ReturnType<typeof createPermissionConfig.custom>;"],"names":[],"mappings":";;;;;;;;AAsDA,MAAM,iBAAgD,CAAC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AACF,MAAM;AACJ,QAAM,cAAc,eAAA;AAGpB,QAAM,gBAAgB,QAAQ,MAAM;AAClC,QAAI,CAAC,aAAa;AAChB,aAAO;AAAA,IACT;AAGA,QAAI,uBAAuB;AACzB,aAAO,sBAAsB,WAAW;AAAA,IAC1C;AAGA,QAAI,oBAAoB;AACtB,YAAM,EAAE,aAAa,UAAU,WAAW,UAAU;AAEpD,YAAM,UAAU,SAAS,IAAI,CAAC,EAAE,QAAQ,KAAK,QAAQ,UAAU;AAC7D,cAAM,cAAc,EAAE,IAAI,aAAa,KAAK,CAAA,CAAE;AAC9C,eAAO,YAAY,GAAG,KAAK;AAAA,MAC7B,CAAC;AAED,aAAO,aAAa,QAChB,QAAQ,MAAM,OAAO,IACrB,QAAQ,KAAK,OAAO;AAAA,IAC1B;AAGA,QAAI,aAAa;AACf,YAAM,EAAE,SAAS,QAAQ,KAAK,WAAW,SAAS;AAElD,YAAM,UAAU,QAAQ,IAAI,CAAA,QAAO;AACjC,cAAM,cAAc,EAAE,IAAI,aAAa,KAAK,CAAA,CAAE;AAC9C,eAAO,YAAY,GAAG,KAAK;AAAA,MAC7B,CAAC;AAED,aAAO,aAAa,QAChB,QAAQ,MAAM,OAAO,IACrB,QAAQ,KAAK,OAAO;AAAA,IAC1B;AAGA,QAAI,UAAU,QAAQ;AACpB,YAAM,cAAc,EAAE,IAAI,aAAa,QAAQ,CAAA,CAAE;AACjD,aAAO,YAAY,MAAM,KAAK;AAAA,IAChC;AAGA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,QAAQ,QAAQ,aAAa,oBAAoB,qBAAqB,CAAC;AAGxF,QAAM,iBAAiB,MACrB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,QACX,KAAK;AAAA,QACL,WAAW;AAAA,QACX,GAAG;AAAA,MAAA;AAAA,MAGL,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAI,EAAE,UAAU,EAAE,IAAI,QAAQ,IAAI,SAAO;AAAA,YAC1C,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAOV;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACR,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAI,EAAE,IAAI,GAAG,UAAU,QAAA;AAAA,YACxB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EAAA;AAKJ,MAAI,CAAC,aAAa;AAChB,WAAO,gCAAa,gBAAA,CAAA,CAAe,wBAAM,UAAA,EAAS,IAAI,YAAY,SAAO,KAAA,CAAC;AAAA,EAC5E;AAGA,MAAI,eAAe;AACjB,2CAAU,UAAS;AAAA,EACrB;AAEA,SAAO,gCAAa,gBAAA,CAAA,CAAe,wBAAM,UAAA,EAAS,IAAI,YAAY,SAAO,KAAA,CAAC;AAC5E;AAKO,MAAM,yBAAyB;AAAA;AAAA,EAEpC,QAAQ,CAAC,QAAgB,YAA8B;AAAA,IACrD;AAAA,IACA;AAAA,EAAA;AAAA;AAAA,EAIF,aAAa,CACX,SACA,QACA,WAAyB,UACrB;AAAA,IACJ,aAAa,EAAE,SAAS,QAAQ,SAAA;AAAA,EAAS;AAAA;AAAA,EAI3C,SAAS,CACP,aACA,WAAyB,WACrB;AAAA,IACJ,oBAAoB,EAAE,aAAa,SAAA;AAAA,EAAS;AAAA;AAAA,EAI9C,QAAQ,CAAC,aAA4C;AAAA,IACnD,uBAAuB;AAAA,EAAA;AAE3B;"}

package/dist/components/protected-route/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("react-router-dom"),t=require("../../hooks/use-permissions/index.js"),s=require("../typography/typography/index.js"),i=require("lodash"),n=require("../../node_modules/@mui/material/Box/Box/index.js"),a=require("../../node_modules/@mui/material/Divider/Divider/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=/* @__PURE__ */u(i);exports.default=({module:i,action:u,multiModule:d,complexPermissions:c,customPermissionCheck:m,redirectTo:p="/403",showError:x=!0,children:h})=>{const y=t.usePermissions(),f=r.useMemo(()=>{if(!y)return!1;if(m)return m(y);if(c){const{permissions:e,operator:r="AND"}=c,o=e.map(({module:e,action:r})=>l.default.get(y,e,{})[r]??!1);return"AND"===r?o.every(Boolean):o.some(Boolean)}if(d){const{modules:e,action:r,operator:o="OR"}=d,t=e.map(e=>l.default.get(y,e,{})[r]??!1);return"AND"===o?t.every(Boolean):t.some(Boolean)}return!(!i||!u)&&(l.default.get(y,i,{})[u]??!1)},[y,i,u,d,c,m]),g=()=>/* @__PURE__ */e.jsxs(n.default,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",gap:2,textAlign:"center",p:3},children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("react-router-dom"),t=require("../../hooks/use-permissions/index.js"),s=require("../typography/typography/index.js"),i=require("lodash"),n=require("../../node_modules/@mui/material/Box/Box/index.js"),a=require("../../node_modules/@mui/material/Divider/Divider/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=/* @__PURE__ */u(i);exports.createPermissionConfig={single:(e,r)=>({module:e,action:r}),multiModule:(e,r,o="OR")=>({multiModule:{modules:e,action:r,operator:o}}),complex:(e,r="AND")=>({complexPermissions:{permissions:e,operator:r}}),custom:e=>({customPermissionCheck:e})},exports.default=({module:i,action:u,multiModule:m,complexPermissions:c,customPermissionCheck:d,redirectTo:p="/403",showError:x=!0,children:h})=>{const f=t.usePermissions(),y=r.useMemo(()=>{if(!f)return!1;if(d)return d(f);if(c){const{permissions:e,operator:r="AND"}=c,o=e.map(({module:e,action:r})=>l.default.get(f,e,{})[r]??!1);return"AND"===r?o.every(Boolean):o.some(Boolean)}if(m){const{modules:e,action:r,operator:o="OR"}=m,t=e.map(e=>l.default.get(f,e,{})[r]??!1);return"AND"===o?t.every(Boolean):t.some(Boolean)}return!(!i||!u)&&(l.default.get(f,i,{})[u]??!1)},[f,i,u,m,c,d]),g=()=>/* @__PURE__ */e.jsxs(n.default,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",gap:2,textAlign:"center",p:3},children:[
 /* @__PURE__ */e.jsx(s.Typography,{type:"h1",color:"theme.secondary.900",weight:"bold",sx:{fontSize:{xs:"4rem",sm:"6rem"}},children:"403"}),
 /* @__PURE__ */e.jsx(a.default,{flexItem:!0}),
 /* @__PURE__ */e.jsx(s.Typography,{type:"s3",color:"theme.secondary.900",weight:"medium",children:"Access Denied"}),
-/* @__PURE__ */e.jsx(s.Typography,{type:"body2",color:"theme.secondary.700",weight:"regular",sx:{mt:1,maxWidth:"300px"},children:"You don't have the required permissions to access this resource."})]});return y&&f?/* @__PURE__ */e.jsx(e.Fragment,{children:h}):x?/* @__PURE__ */e.jsx(g,{}):/* @__PURE__ */e.jsx(o.Navigate,{to:p,replace:!0})};
+/* @__PURE__ */e.jsx(s.Typography,{type:"body2",color:"theme.secondary.700",weight:"regular",sx:{mt:1,maxWidth:"300px"},children:"You don't have the required permissions to access this resource."})]});return f&&y?/* @__PURE__ */e.jsx(e.Fragment,{children:h}):x?/* @__PURE__ */e.jsx(g,{}):/* @__PURE__ */e.jsx(o.Navigate,{to:p,replace:!0})};
 //# sourceMappingURL=index.js.map

package/dist/components/protected-route/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/protected-route.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useMemo } from \"react\";\nimport { Navigate } from \"react-router-dom\";\nimport { usePermissions } from \"../hooks/use-permissions\";\nimport { Box, Divider } from \"@mui/material\";\nimport Typography from \"./typography/typography\";\nimport _ from \"lodash\";\n\ntype PermissionAction = \"canEdit\" | \"canView\" | \"canAdd\" | \"canDelete\";\n\ninterface SingleModulePermission {\n  module: string;\n  action: PermissionAction;\n}\n\ninterface MultiModulePermission {\n  modules: string[];\n  action: PermissionAction;\n  operator?: \"AND\" | \"OR\"; // Default: \"OR\"\n}\n\ninterface ComplexPermission {\n  permissions: Array<{\n    module: string;\n    action: PermissionAction;\n  }>;\n  operator?: \"AND\" | \"OR\"; // Default: \"AND\"\n}\n\ninterface ProtectedRouteProps {\n  // Single module (backward compatibility)\n  module?: string;\n  action?: PermissionAction;\n  \n  // Multiple modules with same action\n  multiModule?: MultiModulePermission;\n  \n  // Complex permissions with different actions\n  complexPermissions?: ComplexPermission;\n  \n  // Custom permission checker function\n  customPermissionCheck?: (permissions: any) => boolean;\n  \n  // Redirect path for unauthorized access\n  redirectTo?: string;\n  \n  // Show custom error component instead of redirect\n  showError?: boolean;\n  \n  children: React.ReactNode;\n}\n\nconst ProtectedRoute: React.FC<ProtectedRouteProps> = ({\n  module,\n  action,\n  multiModule,\n  complexPermissions,\n  customPermissionCheck,\n  redirectTo = \"/403\",\n  showError = true,\n  children\n}) => {\n  const permissions = usePermissions();\n\n  // Memoize permission check for performance\n  const hasPermission = useMemo(() => {\n    if (!permissions) {\n      return false;\n    }\n\n    // Custom permission check takes precedence\n    if (customPermissionCheck) {\n      return customPermissionCheck(permissions);\n    }\n\n    // Complex permissions check\n    if (complexPermissions) {\n      const { permissions: permList, operator = \"AND\" } = complexPermissions;\n      \n      const results = permList.map(({ module: mod, action: act }) => {\n        const modulePerms = _.get(permissions, mod, {});\n        return modulePerms[act] ?? false;\n      });\n\n      return operator === \"AND\" \n        ? results.every(Boolean)\n        : results.some(Boolean);\n    }\n\n    // Multi-module with same action check\n    if (multiModule) {\n      const { modules, action: act, operator = \"OR\" } = multiModule;\n      \n      const results = modules.map(mod => {\n        const modulePerms = _.get(permissions, mod, {});\n        return modulePerms[act] ?? false;\n      });\n\n      return operator === \"AND\" \n        ? results.every(Boolean)\n        : results.some(Boolean);\n    }\n\n    // Single module check (backward compatibility)\n    if (module && action) {\n      const modulePerms = _.get(permissions, module, {});\n      return modulePerms[action] ?? false;\n    }\n\n    // No permission config provided - deny access\n    return false;\n  }, [permissions, module, action, multiModule, complexPermissions, customPermissionCheck]);\n\n  // Enhanced error component\n  const ErrorComponent = () => (\n    <Box\n      sx={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        position: \"absolute\",\n        top: \"50%\",\n        left: \"50%\",\n        transform: \"translate(-50%, -50%)\", // Fixed transform values\n        gap: 2,\n        textAlign: \"center\",\n        p: 3\n      }}\n    >\n      <Typography \n        type=\"h1\" \n        color=\"theme.secondary.900\" \n        weight=\"bold\"\n        sx={{ fontSize: { xs: '4rem', sm: '6rem' } }}\n      >\n        403\n      </Typography>\n      <Divider \n        flexItem \n        // sx={{ \n        //   borderColor: '#898f9a',\n        //   width: '100%',\n        //   maxWidth: '200px'\n        // }}\n      />\n      <Typography \n        type=\"s3\" \n        color=\"theme.secondary.900\" \n        weight=\"medium\"\n      >\n        Access Denied\n      </Typography>\n      <Typography \n        type=\"body2\" \n        color=\"theme.secondary.700\" \n        weight=\"regular\"\n        sx={{ mt: 1, maxWidth: '300px' }}\n      >\n        You don't have the required permissions to access this resource.\n      </Typography>\n    </Box>\n  );\n\n  // Handle loading state\n  if (!permissions) {\n    return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n  }\n\n  // Render based on permission check\n  if (hasPermission) {\n    return <>{children}</>;\n  }\n\n  return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n};\n\nexport default ProtectedRoute;\n\n// Helper function to create permission configurations\nexport const createPermissionConfig = {\n  // Single module\n  single: (module: string, action: PermissionAction) => ({\n    module,\n    action\n  }),\n\n  // Multiple modules with same action\n  multiModule: (\n    modules: string[], \n    action: PermissionAction, \n    operator: \"AND\" | \"OR\" = \"OR\"\n  ) => ({\n    multiModule: { modules, action, operator }\n  }),\n\n  // Complex permissions\n  complex: (\n    permissions: Array<{ module: string; action: PermissionAction }>,\n    operator: \"AND\" | \"OR\" = \"AND\"\n  ) => ({\n    complexPermissions: { permissions, operator }\n  }),\n\n  // Custom function\n  custom: (checkFn: (permissions: any) => boolean) => ({\n    customPermissionCheck: checkFn\n  })\n};\n\n// Example usage types for better developer experience\nexport type PermissionConfig = \n  | ReturnType<typeof createPermissionConfig.single>\n  | ReturnType<typeof createPermissionConfig.multiModule>\n  | ReturnType<typeof createPermissionConfig.complex>\n  | ReturnType<typeof createPermissionConfig.custom>;"],"names":["module","action","multiModule","complexPermissions","customPermissionCheck","redirectTo","showError","children","permissions","usePermissions","hasPermission","useMemo","permList","operator","results","map","mod","act","_","get","every","Boolean","some","modules","ErrorComponent","jsxs","Box","sx","display","flexDirection","justifyContent","alignItems","position","top","left","transform","gap","textAlign","p","jsx","Typography","type","color","weight","fontSize","xs","sm","Divider","flexItem","mt","maxWidth","Navigate","to","replace"],"mappings":"qgBAsDsD,EACpDA,OAAAA,EACAC,SACAC,cACAC,qBACAC,wBACAC,aAAa,OACbC,aAAY,EACZC,eAEA,MAAMC,EAAcC,EAAAA,iBAGdC,EAAgBC,EAAAA,QAAQ,KAC5B,IAAKH,EACH,OAAO,EAIT,GAAIJ,EACF,OAAOA,EAAsBI,GAI/B,GAAIL,EAAoB,CACtB,MAAQK,YAAaI,EAAAC,SAAUA,EAAW,OAAUV,EAE9CW,EAAUF,EAASG,IAAI,EAAGf,OAAQgB,EAAKf,OAAQgB,KAC/BC,EAAAA,QAAEC,IAAIX,EAAaQ,EAAK,CAAA,GACzBC,KAAQ,GAG7B,MAAoB,QAAbJ,EACHC,EAAQM,MAAMC,SACdP,EAAQQ,KAAKD,QACnB,CAGA,GAAInB,EAAa,CACf,MAAMqB,QAAEA,EAAStB,OAAQgB,EAAAJ,SAAKA,EAAW,MAASX,EAE5CY,EAAUS,EAAQR,IAAIC,GACNE,EAAAA,QAAEC,IAAIX,EAAaQ,EAAK,CAAA,GACzBC,KAAQ,GAG7B,MAAoB,QAAbJ,EACHC,EAAQM,MAAMC,SACdP,EAAQQ,KAAKD,QACnB,CAGA,SAAIrB,IAAUC,KACQiB,EAAAA,QAAEC,IAAIX,EAAaR,EAAQ,CAAA,GAC5BC,KAAW,IAK/B,CAACO,EAAaR,EAAQC,EAAQC,EAAaC,EAAoBC,IAG5DoB,EAAiB,mBACrBC,EAAAA,KAACC,EAAAA,QAAA,CACCC,GAAI,CACFC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,SAAU,WACVC,IAAK,MACLC,KAAM,MACNC,UAAW,wBACXC,IAAK,EACLC,UAAW,SACXC,EAAG,GAGL/B,SAAA;eAAAgC,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,MAAM,sBACNC,OAAO,OACPhB,GAAI,CAAEiB,SAAU,CAAEC,GAAI,OAAQC,GAAI,SACnCvC,SAAA;eAGDgC,EAAAA,IAACQ,EAAAA,QAAA,CACCC,UAAQ;eAOVT,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,MAAM,sBACNC,OAAO,SACRpC,SAAA;eAGDgC,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,QACLC,MAAM,sBACNC,OAAO,UACPhB,GAAI,CAAEsB,GAAI,EAAGC,SAAU,SACxB3C,SAAA,wEAOL,OAAKC,GAKDE,mCACQH,aALHD,uBAAakB,EAAA,CAAA,wBAAqB2B,EAAAA,SAAA,CAASC,GAAI/C,EAAYgD,SAAO"}
+{"version":3,"file":"index.js","sources":["../../../src/components/protected-route.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useMemo } from \"react\";\nimport { Navigate } from \"react-router-dom\";\nimport { usePermissions } from \"../hooks/use-permissions\";\nimport { Box, Divider } from \"@mui/material\";\nimport Typography from \"./typography/typography\";\nimport _ from \"lodash\";\n\ntype PermissionAction = \"canEdit\" | \"canView\" | \"canAdd\" | \"canDelete\";\n\ninterface SingleModulePermission {\n  module: string;\n  action: PermissionAction;\n}\n\ninterface MultiModulePermission {\n  modules: string[];\n  action: PermissionAction;\n  operator?: \"AND\" | \"OR\"; // Default: \"OR\"\n}\n\ninterface ComplexPermission {\n  permissions: Array<{\n    module: string;\n    action: PermissionAction;\n  }>;\n  operator?: \"AND\" | \"OR\"; // Default: \"AND\"\n}\n\ninterface ProtectedRouteProps {\n  // Single module (backward compatibility)\n  module?: string;\n  action?: PermissionAction;\n  \n  // Multiple modules with same action\n  multiModule?: MultiModulePermission;\n  \n  // Complex permissions with different actions\n  complexPermissions?: ComplexPermission;\n  \n  // Custom permission checker function\n  customPermissionCheck?: (permissions: any) => boolean;\n  \n  // Redirect path for unauthorized access\n  redirectTo?: string;\n  \n  // Show custom error component instead of redirect\n  showError?: boolean;\n  \n  children: React.ReactNode;\n}\n\nconst ProtectedRoute: React.FC<ProtectedRouteProps> = ({\n  module,\n  action,\n  multiModule,\n  complexPermissions,\n  customPermissionCheck,\n  redirectTo = \"/403\",\n  showError = true,\n  children\n}) => {\n  const permissions = usePermissions();\n\n  // Memoize permission check for performance\n  const hasPermission = useMemo(() => {\n    if (!permissions) {\n      return false;\n    }\n\n    // Custom permission check takes precedence\n    if (customPermissionCheck) {\n      return customPermissionCheck(permissions);\n    }\n\n    // Complex permissions check\n    if (complexPermissions) {\n      const { permissions: permList, operator = \"AND\" } = complexPermissions;\n      \n      const results = permList.map(({ module: mod, action: act }) => {\n        const modulePerms = _.get(permissions, mod, {});\n        return modulePerms[act] ?? false;\n      });\n\n      return operator === \"AND\" \n        ? results.every(Boolean)\n        : results.some(Boolean);\n    }\n\n    // Multi-module with same action check\n    if (multiModule) {\n      const { modules, action: act, operator = \"OR\" } = multiModule;\n      \n      const results = modules.map(mod => {\n        const modulePerms = _.get(permissions, mod, {});\n        return modulePerms[act] ?? false;\n      });\n\n      return operator === \"AND\" \n        ? results.every(Boolean)\n        : results.some(Boolean);\n    }\n\n    // Single module check (backward compatibility)\n    if (module && action) {\n      const modulePerms = _.get(permissions, module, {});\n      return modulePerms[action] ?? false;\n    }\n\n    // No permission config provided - deny access\n    return false;\n  }, [permissions, module, action, multiModule, complexPermissions, customPermissionCheck]);\n\n  // Enhanced error component\n  const ErrorComponent = () => (\n    <Box\n      sx={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        position: \"absolute\",\n        top: \"50%\",\n        left: \"50%\",\n        transform: \"translate(-50%, -50%)\", // Fixed transform values\n        gap: 2,\n        textAlign: \"center\",\n        p: 3\n      }}\n    >\n      <Typography \n        type=\"h1\" \n        color=\"theme.secondary.900\" \n        weight=\"bold\"\n        sx={{ fontSize: { xs: '4rem', sm: '6rem' } }}\n      >\n        403\n      </Typography>\n      <Divider \n        flexItem \n        // sx={{ \n        //   borderColor: '#898f9a',\n        //   width: '100%',\n        //   maxWidth: '200px'\n        // }}\n      />\n      <Typography \n        type=\"s3\" \n        color=\"theme.secondary.900\" \n        weight=\"medium\"\n      >\n        Access Denied\n      </Typography>\n      <Typography \n        type=\"body2\" \n        color=\"theme.secondary.700\" \n        weight=\"regular\"\n        sx={{ mt: 1, maxWidth: '300px' }}\n      >\n        You don't have the required permissions to access this resource.\n      </Typography>\n    </Box>\n  );\n\n  // Handle loading state\n  if (!permissions) {\n    return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n  }\n\n  // Render based on permission check\n  if (hasPermission) {\n    return <>{children}</>;\n  }\n\n  return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n};\n\nexport default ProtectedRoute;\n\n// Helper function to create permission configurations\nexport const createPermissionConfig = {\n  // Single module\n  single: (module: string, action: PermissionAction) => ({\n    module,\n    action\n  }),\n\n  // Multiple modules with same action\n  multiModule: (\n    modules: string[], \n    action: PermissionAction, \n    operator: \"AND\" | \"OR\" = \"OR\"\n  ) => ({\n    multiModule: { modules, action, operator }\n  }),\n\n  // Complex permissions\n  complex: (\n    permissions: Array<{ module: string; action: PermissionAction }>,\n    operator: \"AND\" | \"OR\" = \"AND\"\n  ) => ({\n    complexPermissions: { permissions, operator }\n  }),\n\n  // Custom function\n  custom: (checkFn: (permissions: any) => boolean) => ({\n    customPermissionCheck: checkFn\n  })\n};\n\n// Example usage types for better developer experience\nexport type PermissionConfig = \n  | ReturnType<typeof createPermissionConfig.single>\n  | ReturnType<typeof createPermissionConfig.multiModule>\n  | ReturnType<typeof createPermissionConfig.complex>\n  | ReturnType<typeof createPermissionConfig.custom>;"],"names":["single","module","action","multiModule","modules","operator","complex","permissions","complexPermissions","custom","checkFn","customPermissionCheck","redirectTo","showError","children","usePermissions","hasPermission","useMemo","permList","results","map","mod","act","_","get","every","Boolean","some","ErrorComponent","jsxs","Box","sx","display","flexDirection","justifyContent","alignItems","position","top","left","transform","gap","textAlign","p","jsx","Typography","type","color","weight","fontSize","xs","sm","Divider","flexItem","mt","maxWidth","Navigate","to","replace"],"mappings":"ohBAsLsC,CAEpCA,OAAQ,CAACC,EAAgBC,KAAA,CACvBD,OAAAA,EACAC,WAIFC,YAAa,CACXC,EACAF,EACAG,EAAyB,QAAA,CAEzBF,YAAa,CAAEC,UAASF,SAAQG,cAIlCC,QAAS,CACPC,EACAF,EAAyB,SAAA,CAEzBG,mBAAoB,CAAED,cAAaF,cAIrCI,OAASC,IAAA,CACPC,sBAAuBD,qBA1J2B,EACpDT,OAAAA,EACAC,SACAC,cACAK,qBACAG,wBACAC,aAAa,OACbC,aAAY,EACZC,eAEA,MAAMP,EAAcQ,EAAAA,iBAGdC,EAAgBC,EAAAA,QAAQ,KAC5B,IAAKV,EACH,OAAO,EAIT,GAAII,EACF,OAAOA,EAAsBJ,GAI/B,GAAIC,EAAoB,CACtB,MAAQD,YAAaW,EAAAb,SAAUA,EAAW,OAAUG,EAE9CW,EAAUD,EAASE,IAAI,EAAGnB,OAAQoB,EAAKnB,OAAQoB,KAC/BC,EAAAA,QAAEC,IAAIjB,EAAac,EAAK,CAAA,GACzBC,KAAQ,GAG7B,MAAoB,QAAbjB,EACHc,EAAQM,MAAMC,SACdP,EAAQQ,KAAKD,QACnB,CAGA,GAAIvB,EAAa,CACf,MAAMC,QAAEA,EAASF,OAAQoB,EAAAjB,SAAKA,EAAW,MAASF,EAE5CgB,EAAUf,EAAQgB,IAAIC,GACNE,EAAAA,QAAEC,IAAIjB,EAAac,EAAK,CAAA,GACzBC,KAAQ,GAG7B,MAAoB,QAAbjB,EACHc,EAAQM,MAAMC,SACdP,EAAQQ,KAAKD,QACnB,CAGA,SAAIzB,IAAUC,KACQqB,EAAAA,QAAEC,IAAIjB,EAAaN,EAAQ,CAAA,GAC5BC,KAAW,IAK/B,CAACK,EAAaN,EAAQC,EAAQC,EAAaK,EAAoBG,IAG5DiB,EAAiB,mBACrBC,EAAAA,KAACC,EAAAA,QAAA,CACCC,GAAI,CACFC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,SAAU,WACVC,IAAK,MACLC,KAAM,MACNC,UAAW,wBACXC,IAAK,EACLC,UAAW,SACXC,EAAG,GAGL5B,SAAA;eAAA6B,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,MAAM,sBACNC,OAAO,OACPhB,GAAI,CAAEiB,SAAU,CAAEC,GAAI,OAAQC,GAAI,SACnCpC,SAAA;eAGD6B,EAAAA,IAACQ,EAAAA,QAAA,CACCC,UAAQ;eAOVT,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,MAAM,sBACNC,OAAO,SACRjC,SAAA;eAGD6B,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,QACLC,MAAM,sBACNC,OAAO,UACPhB,GAAI,CAAEsB,GAAI,EAAGC,SAAU,SACxBxC,SAAA,wEAOL,OAAKP,GAKDS,mCACQF,aALHD,uBAAae,EAAA,CAAA,wBAAqB2B,EAAAA,SAAA,CAASC,GAAI5C,EAAY6C,SAAO"}

package/dist/components/protected-route.d.ts

@@ -0,0 +1,56 @@
+import { default as React } from 'react';
+
+type PermissionAction = "canEdit" | "canView" | "canAdd" | "canDelete";
+interface MultiModulePermission {
+    modules: string[];
+    action: PermissionAction;
+    operator?: "AND" | "OR";
+}
+interface ComplexPermission {
+    permissions: Array<{
+        module: string;
+        action: PermissionAction;
+    }>;
+    operator?: "AND" | "OR";
+}
+interface ProtectedRouteProps {
+    module?: string;
+    action?: PermissionAction;
+    multiModule?: MultiModulePermission;
+    complexPermissions?: ComplexPermission;
+    customPermissionCheck?: (permissions: any) => boolean;
+    redirectTo?: string;
+    showError?: boolean;
+    children: React.ReactNode;
+}
+declare const ProtectedRoute: React.FC<ProtectedRouteProps>;
+export default ProtectedRoute;
+export declare const createPermissionConfig: {
+    single: (module: string, action: PermissionAction) => {
+        module: string;
+        action: PermissionAction;
+    };
+    multiModule: (modules: string[], action: PermissionAction, operator?: "AND" | "OR") => {
+        multiModule: {
+            modules: string[];
+            action: PermissionAction;
+            operator: "AND" | "OR";
+        };
+    };
+    complex: (permissions: Array<{
+        module: string;
+        action: PermissionAction;
+    }>, operator?: "AND" | "OR") => {
+        complexPermissions: {
+            permissions: {
+                module: string;
+                action: PermissionAction;
+            }[];
+            operator: "AND" | "OR";
+        };
+    };
+    custom: (checkFn: (permissions: any) => boolean) => {
+        customPermissionCheck: (permissions: any) => boolean;
+    };
+};
+export type PermissionConfig = ReturnType<typeof createPermissionConfig.single> | ReturnType<typeof createPermissionConfig.multiModule> | ReturnType<typeof createPermissionConfig.complex> | ReturnType<typeof createPermissionConfig.custom>;