@erpsquad/common 1.8.46 → 1.8.48

package/dist/components/form-control/form-parser/form-parser/index.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-hook-form"),r=require("react"),l=;/* empty css                        */;/* empty css                         */var i=,/* empty css                        */n=,/* empty css                                                 */a=,/* empty css                                                               */s=require("yup"),o=require("dayjs"),u=,/* empty css                                */d=,/* empty css                          */c=require("lodash"),m=require("react-i18next"),f=,/* empty css                     */v=;/* empty css                                                    */function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,t}var y=/* @__PURE__ */_(s),p=/* @__PURE__ */h(o),b=/* @__PURE__ */h(c);const g=(e,t,r,l)=>{var i;switch(t.type){case"required":return(null==(i=r.field_properties)?void 0:i.is_multiselect)?e.required(l(t.msg_en)).min(1,l(t.msg_en)):t.value?e.required(l(t.msg_en)).test("not-empty",l(t.msg_en),e=>{var t;return"string"!=typeof e||e&&(null==(t=null==e?void 0:e.trim())?void 0:t.length)>0}):e.nullable();case"min_length":case"min_val":return e.min(t.value,l(t.msg_en));case"max_length":case"max_val":return e.max(t.value,l(t.msg_en));case"postive_number":return e.test("is-positive-number",l(t.msg_en),e=>e>=0);case"email":return e.email(t.msg_en);case"no_special_char":return e.test("no-special-char",l(t.msg_en),e=>"string"!=typeof e||/^[^.\-\W_]+$/u.test(e));case"when":return e.when(t.relation,{is:e=>e===t.values,then:()=>{var i;return(null==(i=null==t?void 0:t.thenValidations)?void 0:i.reduce((e,t)=>g(e,t,r,l),e))||e},otherwise:()=>{var i;return(null==(i=null==t?void 0:t.otherWiseValidations)?void 0:i.reduce((e,t)=>g(e,t,r,l),e))||e}});default:return e}},w=({data:s,defaultValues:o,handleFormSubmit:c,fieldArrayName:h,mode:_,displayAvtar:w=!1,onTableAddClick:j,handleFormValues:A,getFormMethods:x,setFields:E,onSelectFooterClick:S,setActiveTabValue:C,activeTab:F=0,recieveTabDataLenght:q,recieveIsValidForm:k,activeTabs:V,onTableCellChange:O,containerStyles:T,isButton:$=!0,getSelectedData:N,refreshOptions:B=!1,onBlur:P})=>{const{t:M}=m.useTranslation(),D=e=>{var t;switch(e.field_type){case"select":return(null==(t=e.field_properties)?void 0:t.is_multiselect)?y.array():y.string();case"number":case"currency":return y.number().transform((e,t)=>""===t?void 0:e).typeError("Please enter valid number").nullable();case"currency_with_amount":return y.number();case"url":return y.string().matches(/^(https?:\/\/)?((([a-zA-Z0-9_-]+\.)+[a-zA-Z]{2,})|localhost)(:\d{2,5})?(\/[a-zA-Z0-9#_-]+\/?)*(\?[a-zA-Z0-9&=_-]+)?(#\S+)?$/,{excludeEmptyString:!0,message:"Please enter valid URL."});default:return y.string()}},L=e=>{const t={};for(const r in e)"object"!=typeof e[r]||Object.hasOwn(e[r],"tests")?t[r]=e[r]:t[r]=y.object().shape(L(e[r]));return t},{control:I,handleSubmit:z,formState:{errors:W},setValue:Z,reset:R,getValues:U,watch:H,resetField:J,unregister:Y,trigger:G,getFieldState:K,...Q}=t.useForm({...o&&"object"==typeof o?{defaultValues:o}:{},resolver:a.yupResolver((e=>{const t={};let r={},l={};return e&&(null==e||e.forEach(e=>{var i;let n;e.validation&&e.validation.length>0&&((null==(i=e.name)?void 0:i.includes("."))?r=function(e,t,r={}){const l=e.split(".");let i=r;return l.forEach((e,r)=>{if(r===l.length-1)if(i[e]){if("object"!=typeof i[e]||Array.isArray(i[e]))throw new Error(`Conflict: The key "${e}" already exists and is not an object.`)}else{const r=t.validation.reduce((e,r)=>{var l;switch(r.type){case"required":return r.value?e.required(M(r.msg_en)).test("not-empty",M(r.msg_en),e=>{var t;return"string"!=typeof e||e&&(null==(t=null==e?void 0:e.trim())?void 0:t.length)>0}):(null==(l=t.field_properties)?void 0:l.is_multiselect)?e.min(1,M(r.msg_en)):e.nullable();case"min_length":case"min_val":return e.min(r.value,M(r.msg_en));case"max_length":case"max_val":return e.max(r.value,M(r.msg_en));default:return e}},D(t));i[e]=r}else{if(i[e]){if("object"!=typeof i[e]||Array.isArray(i[e]))throw new Error(`Conflict: The key "${e}" already exists and is not an object.`)}else i[e]={};i=i[e]}}),r}(e.name,e,r):(n=e.validation.reduce((t,r)=>g(t,r,e,M),D(e)),t[e.name]=n),l=L(r))})),y.object().shape({[h]:y.object().shape({...t,...l})})})(s)),mode:"all"}),X=t.useWatch({control:I,name:h}),[ee,te]=r.useState([]),[re,le]=r.useState([]),[ie,ne]=r.useState(!1),[ae,se]=r.useState(""),[oe,ue]=r.useState(!1),[de,ce]=r.useState([]),me=e=>{null==j||j(e)},fe=r.useCallback(e=>{var t,r,l;const i=(null==(t=null==e?void 0:e.members)?void 0:t.map(e=>e))||[],n=U(h),a=e.section_type===u.SECTION_TYPES.FORM_SWITCH_SECTION,s=(null==e?void 0:e.form_switcher_name)||(null==(r=null==e?void 0:e.form_switcher_label)?void 0:r.toLowerCase().split(" ").join("_")),o=null==(l=null==e?void 0:e.switcher_forms)?void 0:l.map(e=>({...e,formMembers:i.filter(t=>t.section_form_id===e.id)})),d=(null==n?void 0:n[s])?o.find(e=>e.name===(null==n?void 0:n[s])):{},c=a?null==d?void 0:d.formMembers:null==e?void 0:e.members;return{isFormSwitcher:a,formSwitcherName:s,switchForms:o,selectedSectionForm:d,members:c,values:n}},[h,U]),ve=r.useCallback((e,t,r,l)=>{var i;const n=null==(i=null==l?void 0:l[r])?void 0:i[null==t?void 0:t.country_code_field_name],a=`+${e.dialCode}`;(null==t?void 0:t.is_country_code_separate)&&(null==t?void 0:t.country_code_field_name)&&n!==a&&Z(`${r}.${null==t?void 0:t.country_code_field_name}`,a)},[Z]),he=r.useCallback(e=>{e.forEach(e=>{null==e||e.formMembers.forEach(e=>{const t=(null==e?void 0:e.name)||e.label.toLowerCase().split(" ").join("_"),r=b.default.get(o,`${h}.${t}`,null),l=s.map(t=>((null==e?void 0:e.section_form_id)===(null==t?void 0:t.section_form_id)&&delete t.value,{...t,...r?{value:r}:{}}));r||(J(`${h}.${t}`),Y(`${h}.${t}`)),null==E||E(l)})})},[s,o,h,J,E,Y]),_e=r.useCallback((e,t,r={})=>{const l=e.split(".");let i=r;return l.forEach((e,r)=>{if(r===l.length-1)if(i[e]){if("object"!=typeof i[e]||Array.isArray(i[e]))throw new Error(`Conflict: The key "${e}" already exists and is not an object.`)}else{let r=t.value;if(r&&("image"!==t.field_type||"file"!==t.field_type))if("date"===t.field_type)r=p.default(r);else if("time"===t.field_type){const[e,t,l]=r.split(":").map(Number);r=p.default().set("hour",e).set("minute",t).set("second",l).set("millisecond",0)}else t.name.includes("_id")&&!Array.isArray(null==t?void 0:t.value)&&(r=Number(r));i[e]=r}else{if(i[e]){if("object"!=typeof i[e]||Array.isArray(i[e]))throw new Error(`Conflict: The key "${e}" already exists and is not an object.`)}else i[e]={};i=i[e]}}),r},[]),ye=r.useCallback((e,t)=>(b.default.forOwn(e,(r,l)=>{b.default.has(t,l)&&b.default.isEqual(r,t[l])&&delete e[l]}),e),[]),pe=r.useCallback(e=>{var t;const r=[];e&&e&&(null==(t=e[0])||t.formMembers.forEach(e=>{(null==e?void 0:e.validation)&&Array.isArray(null==e?void 0:e.validation)&&(null==e||e.validation.forEach(t=>{(null==t?void 0:t.thenValidations)&&Array.isArray(null==t?void 0:t.thenValidations)?null==t||t.thenValidations.forEach(t=>{"required"===(null==t?void 0:t.type)&&!0===(null==t?void 0:t.value)&&(null==e?void 0:e.name)&&r.push(e.name)}):e.validation.some(e=>"required"===e.type&&!0===e.value)&&r.push(e.name)}))})),r&&ce(b.default.uniq(r))},[]),be=r.useCallback(e=>null==e||Array.isArray(e)&&0===e.length||"object"==typeof e&&0===Object.keys(e).length,[]),ge=r.useCallback((e,t)=>{const r=[];return t.forEach(t=>{const l=t.split(".");let i=e;for(let e=0;e<l.length;e++){const n=l[e];if(!(null==i?void 0:i[n])&&0!==(null==i?void 0:i[n]))return void r.push(t);i=i[n]}be(i)&&r.push(t)}),r},[be]);return r.useEffect(()=>{q&&q(re.length)},[q,re]),r.useEffect(()=>{const e=e=>{if(e.origin!==window.origin)return;const{state:t}=e.data;if(null==t?void 0:t.length){const e=n.formBuilderDeConversion(t);e.tab?le(e.tab):e.section&&te(e.section)}};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[]),r.useEffect(()=>{var e,t;if(s){const r=n.formBuilderDeConversion(s);(null==r?void 0:r.tab)?(le(r.tab),void 0!==F&&te((null==(e=r.tab[F])?void 0:e.data)||[])):te(r.section);const l=b.default.get(o,h,{}),i=ye(X||{},l||{});if("edit"===_&&!(null==(t=Object.keys(i))?void 0:t.length)){let e={},t={};s.forEach(r=>{var l;const i=r.value;if(null==(l=r.name)?void 0:l.includes("."))t=_e(r.name,r,t);else if(i&&("image"!==r.field_type||"file"!==r.field_type))if(null==r?void 0:r.is_section_field){const t=(null==r?void 0:r.form_switcher_name)||(null==r?void 0:r.form_switcher_label);e={...e,[t]:i}}else if((null==r?void 0:r.name)&&["company_id","email_ids"].includes(null==r?void 0:r.name)&&["edit_customer","add_customer","edit_vendor","add_vendor"].includes(h))e={...e,[r.name]:i};else if("date"===r.field_type)e={...e,[r.name]:p.default(i)};else if("time"===r.field_type){const[t,l,n]=i.split(":").map(Number);e={...e,[r.name]:p.default().set("hour",t).set("minute",l).set("second",n).set("millisecond",0)}}else e=r.name.includes("_id")&&!Array.isArray(null==r?void 0:r.value)?"edit_user"===h&&"role_id"===r.name?{...e,[r.name]:i}:{...e,[r.name]:Number(i)}:{...e,[r.name]:i}});const r={...e,...t};R({[h]:{...r}})}null==x||x({control:I,handleSubmit:z,setValue:Z,reset:R,resetField:J,getValues:U,unregister:Y,trigger:G,watch:H,getFieldState:K,errors:W,...Q})}},[s]),r.useEffect(()=>{(null==F?void 0:F.toString())&&re&&re[F]&&te(re[F].data)},[F,re]),r.useEffect(()=>{X&&A&&(null==A||A(X))},[A,X]),r.useEffect(()=>{(null==W?void 0:W[h])?ne(!0):ne(!1)},[h,JSON.stringify(W)]),r.useEffect(()=>{var e;const t=[];null!=F&&(null==(e=re[F])||e.data.forEach(e=>{e.members&&Array.isArray(e.members)&&e.members.forEach(e=>{e.validation&&Array.isArray(e.validation)&&e.validation.some(e=>"required"===e.type&&!0===e.value)&&t.push(e.name)})}),ce(t))},[re,F]),r.useEffect(()=>{if(null==X?void 0:X.account_type){const e=[];ee&&ee.forEach(t=>{var r,l;const i=ee&&(null==(r=null==t?void 0:t.members)?void 0:r.map(e=>e))||[],n=ee&&(null==(l=null==t?void 0:t.switcher_forms)?void 0:l.map(e=>({...e,formMembers:i.filter(t=>t.section_form_id===e.id)})));n&&e.push(n)});const t=(null==X?void 0:X.account_type)||"Individual",r=e&&Array.isArray(e[0])?e[0].filter(e=>e.name===t):[];r&&pe(r)}},[null==X?void 0:X.account_type,ee,pe]),r.useEffect(()=>{de.length>0?0===ge(X,de).length?ue(!0):ue(!1):ue(!0)},[de,X,F]),r.useEffect(()=>{k&&k(oe)},[k,oe]),
-/* @__PURE__ */e.jsx(v.default,{sx:{width:"100%",padding:"2rem",...T},children:/* @__PURE__ */e.jsx(t.FormProvider,{...{control:I,handleSubmit:z,setValue:Z,reset:R,resetField:J,getValues:U,unregister:Y,trigger:G,watch:H,errors:W,...Q},children:/* @__PURE__ */e.jsxs("form",{id:h,name:h,onSubmit:z(c),children:[Boolean(null==re?void 0:re.length)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[ie&&/* @__PURE__ */e.jsx(d.Alert,{severity:"error",onClose:()=>ne(!1),children:"Please fill all the required fields."}),
-/* @__PURE__ */e.jsx(i.default,{tabs:re,activeTabs:V,activeValue:F,setActiveValue:C,isFormTabValid:oe})]}),ee&&ee.map((t,r)=>{const{isFormSwitcher:i,formSwitcherName:n,switchForms:a,members:s,values:o}=fe(t);/* @__PURE__ */
-return e.jsx(f.FormSection,{section:t,index:r,members:s,switchForms:a,isFormSwitcher:i,control:I,fieldArrayName:h,formSwitcherName:n,displayAvtar:w,isButton:$,currencyOption:ae,values:o,onBlur:P,setValue:Z,onSelectFooterClick:S,getSelectedData:N,setCurrencyOptions:se,refreshOptions:B,handleFieldCleanUp:he,handleSetCountryCodeField:ve,handleTableAddClick:me,onTableCellChange:O,t:M,images:l.images})})]})})})};exports.FormParser=w,exports.default=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-hook-form"),r=require("react"),l=;/* empty css                        */;/* empty css                         */var i=,/* empty css                        */n=,/* empty css                                                 */a=,/* empty css                                                               */s=require("yup"),o=require("dayjs"),u=,/* empty css                                */d=,/* empty css                          */c=require("lodash"),m=require("react-i18next"),f=,/* empty css                     */v=;/* empty css                                                    */function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,t}var y=/* @__PURE__ */_(s),p=/* @__PURE__ */h(o),b=/* @__PURE__ */h(c);const g=(e,t,r,l)=>{var i;switch(t.type){case"required":return(null==(i=r.field_properties)?void 0:i.is_multiselect)?e.required(l(t.msg_en)).min(1,l(t.msg_en)):t.value?e.required(l(t.msg_en)).test("not-empty",l(t.msg_en),e=>{var t;return"string"!=typeof e||e&&(null==(t=null==e?void 0:e.trim())?void 0:t.length)>0}):e.nullable();case"min_length":case"min_val":return e.min(t.value,l(t.msg_en));case"max_length":case"max_val":return e.max(t.value,l(t.msg_en));case"postive_number":return e.test("is-positive-number",l(t.msg_en),e=>e>=0);case"email":return e.email(t.msg_en);case"no_special_char":return e.test("no-special-char",l(t.msg_en),e=>"string"!=typeof e||/^[^.\-\W_]+$/u.test(e));case"when":return e.when(t.relation,{is:e=>e===t.values,then:()=>{var i;return(null==(i=null==t?void 0:t.thenValidations)?void 0:i.reduce((e,t)=>g(e,t,r,l),e))||e},otherwise:()=>{var i;return(null==(i=null==t?void 0:t.otherWiseValidations)?void 0:i.reduce((e,t)=>g(e,t,r,l),e))||e}});default:return e}},w=({data:s,defaultValues:o,handleFormSubmit:c,fieldArrayName:h,mode:_,displayAvtar:w=!1,onTableAddClick:j,handleFormValues:A,getFormMethods:x,setFields:E,onSelectFooterClick:S,setActiveTabValue:C,activeTab:F=0,recieveTabDataLenght:q,recieveIsValidForm:k,activeTabs:T,onTableCellChange:V,containerStyles:O,isButton:$=!0,getSelectedData:N,refreshOptions:B=!1,onBlur:P})=>{const{t:M}=m.useTranslation(),D=e=>{var t;switch(e.field_type){case"select":return(null==(t=e.field_properties)?void 0:t.is_multiselect)?y.array():y.string();case"number":case"currency":return y.number().transform((e,t)=>""===t?void 0:e).typeError("Please enter valid number").nullable();case"currency_with_amount":return y.number();case"url":return y.string().matches(/^(https?:\/\/)?((([a-zA-Z0-9_-]+\.)+[a-zA-Z]{2,})|localhost)(:\d{2,5})?(\/[a-zA-Z0-9#_-]+\/?)*(\?[a-zA-Z0-9&=_-]+)?(#\S+)?$/,{excludeEmptyString:!0,message:"Please enter valid URL."});default:return y.string()}},L=e=>{const t={};for(const r in e)"object"!=typeof e[r]||Object.hasOwn(e[r],"tests")?t[r]=e[r]:t[r]=y.object().shape(L(e[r]));return t},{control:I,handleSubmit:z,formState:{errors:W},setValue:Z,reset:R,getValues:U,watch:H,resetField:J,unregister:Y,trigger:G,getFieldState:K,...Q}=t.useForm({...o&&"object"==typeof o?{defaultValues:o}:{},resolver:a.yupResolver((e=>{const t={};let r={},l={};return e&&(null==e||e.forEach(e=>{var i;let n;e.validation&&e.validation.length>0&&((null==(i=e.name)?void 0:i.includes("."))?r=function(e,t,r={}){const l=e.split(".");let i=r;return l.forEach((e,r)=>{if(r===l.length-1)if(i[e]){if("object"!=typeof i[e]||Array.isArray(i[e]))throw new Error(`Conflict: The key "${e}" already exists and is not an object.`)}else{const r=t.validation.reduce((e,r)=>{var l;switch(r.type){case"required":return r.value?e.required(M(r.msg_en)).test("not-empty",M(r.msg_en),e=>{var t;return"string"!=typeof e||e&&(null==(t=null==e?void 0:e.trim())?void 0:t.length)>0}):(null==(l=t.field_properties)?void 0:l.is_multiselect)?e.min(1,M(r.msg_en)):e.nullable();case"min_length":case"min_val":return e.min(r.value,M(r.msg_en));case"max_length":case"max_val":return e.max(r.value,M(r.msg_en));default:return e}},D(t));i[e]=r}else{if(i[e]){if("object"!=typeof i[e]||Array.isArray(i[e]))throw new Error(`Conflict: The key "${e}" already exists and is not an object.`)}else i[e]={};i=i[e]}}),r}(e.name,e,r):(n=e.validation.reduce((t,r)=>g(t,r,e,M),D(e)),t[e.name]=n),l=L(r))})),y.object().shape({[h]:y.object().shape({...t,...l})})})(s)),mode:"all"}),X=t.useWatch({control:I,name:h}),[ee,te]=r.useState([]),[re,le]=r.useState([]),[ie,ne]=r.useState(!1),[ae,se]=r.useState(""),[oe,ue]=r.useState(!1),[de,ce]=r.useState([]),me=e=>{null==j||j(e)},fe=r.useCallback(e=>{var t,r,l;const i=(null==(t=null==e?void 0:e.members)?void 0:t.map(e=>e))||[],n=U(h),a=e.section_type===u.SECTION_TYPES.FORM_SWITCH_SECTION,s=(null==e?void 0:e.form_switcher_name)||(null==(r=null==e?void 0:e.form_switcher_label)?void 0:r.toLowerCase().split(" ").join("_")),o=null==(l=null==e?void 0:e.switcher_forms)?void 0:l.map(e=>({...e,formMembers:i.filter(t=>t.section_form_id===e.id)})),d=(null==n?void 0:n[s])?o.find(e=>e.name===(null==n?void 0:n[s])):{},c=a?null==d?void 0:d.formMembers:null==e?void 0:e.members;return{isFormSwitcher:a,formSwitcherName:s,switchForms:o,selectedSectionForm:d,members:c,values:n}},[h,U]),ve=r.useCallback((e,t,r,l)=>{var i;const n=null==(i=null==l?void 0:l[r])?void 0:i[null==t?void 0:t.country_code_field_name],a=`+${e.dialCode}`;(null==t?void 0:t.is_country_code_separate)&&(null==t?void 0:t.country_code_field_name)&&n!==a&&Z(`${r}.${null==t?void 0:t.country_code_field_name}`,a)},[Z]),he=r.useCallback(e=>{e.forEach(e=>{null==e||e.formMembers.forEach(e=>{const t=(null==e?void 0:e.name)||e.label.toLowerCase().split(" ").join("_"),r=b.default.get(o,`${h}.${t}`,null),l=s.map(t=>((null==e?void 0:e.section_form_id)===(null==t?void 0:t.section_form_id)&&delete t.value,{...t,...r?{value:r}:{}}));r||(J(`${h}.${t}`),Y(`${h}.${t}`)),null==E||E(l)})})},[s,o,h,J,E,Y]),_e=r.useCallback((e,t,r={})=>{const l=e.split(".");let i=r;return l.forEach((e,r)=>{if(r===l.length-1)if(i[e]){if("object"!=typeof i[e]||Array.isArray(i[e]))throw new Error(`Conflict: The key "${e}" already exists and is not an object.`)}else{let r=t.value;if(r&&("image"!==t.field_type||"file"!==t.field_type))if("date"===t.field_type)r=p.default(r);else if("time"===t.field_type){const[e,t,l]=r.split(":").map(Number);r=p.default().set("hour",e).set("minute",t).set("second",l).set("millisecond",0)}else t.name.includes("_id")&&!Array.isArray(null==t?void 0:t.value)&&(r=Number(r));i[e]=r}else{if(i[e]){if("object"!=typeof i[e]||Array.isArray(i[e]))throw new Error(`Conflict: The key "${e}" already exists and is not an object.`)}else i[e]={};i=i[e]}}),r},[]),ye=r.useCallback((e,t)=>(b.default.forOwn(e,(r,l)=>{b.default.has(t,l)&&b.default.isEqual(r,t[l])&&delete e[l]}),e),[]),pe=r.useCallback(e=>{var t;const r=[];e&&e&&(null==(t=e[0])||t.formMembers.forEach(e=>{(null==e?void 0:e.validation)&&Array.isArray(null==e?void 0:e.validation)&&(null==e||e.validation.forEach(t=>{(null==t?void 0:t.thenValidations)&&Array.isArray(null==t?void 0:t.thenValidations)?null==t||t.thenValidations.forEach(t=>{"required"===(null==t?void 0:t.type)&&!0===(null==t?void 0:t.value)&&(null==e?void 0:e.name)&&r.push(e.name)}):e.validation.some(e=>"required"===e.type&&!0===e.value)&&r.push(e.name)}))})),r&&ce(b.default.uniq(r))},[]),be=r.useCallback(e=>null==e||Array.isArray(e)&&0===e.length||"object"==typeof e&&0===Object.keys(e).length,[]),ge=r.useCallback((e,t)=>{const r=[];return t.forEach(t=>{const l=t.split(".");let i=e;for(let e=0;e<l.length;e++){const n=l[e];if(!(null==i?void 0:i[n])&&0!==(null==i?void 0:i[n]))return void r.push(t);i=i[n]}be(i)&&r.push(t)}),r},[be]);return r.useEffect(()=>{q&&q(re.length)},[q,re]),r.useEffect(()=>{const e=e=>{if(e.origin!==window.origin)return;const{state:t}=e.data;if(null==t?void 0:t.length){const e=n.formBuilderDeConversion(t);e.tab?le(e.tab):e.section&&te(e.section)}};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[]),r.useEffect(()=>{var e,t;if(s){const r=n.formBuilderDeConversion(s);(null==r?void 0:r.tab)?(le(r.tab),void 0!==F&&te((null==(e=r.tab[F])?void 0:e.data)||[])):te(r.section);const l=b.default.get(o,h,{}),i=ye(X||{},l||{});if("edit"===_&&!(null==(t=Object.keys(i))?void 0:t.length)){let e={},t={};s.forEach(r=>{var l;const i=r.value;if(null==(l=r.name)?void 0:l.includes("."))t=_e(r.name,r,t);else if(i&&("image"!==r.field_type||"file"!==r.field_type))if(null==r?void 0:r.is_section_field){const t=(null==r?void 0:r.form_switcher_name)||(null==r?void 0:r.form_switcher_label);e={...e,[t]:i}}else if((null==r?void 0:r.name)&&["company_id","email_ids"].includes(null==r?void 0:r.name)&&["edit_customer","add_customer","edit_vendor","add_vendor"].includes(h))e={...e,[r.name]:i};else if("date"===r.field_type)e={...e,[r.name]:p.default(i)};else if("time"===r.field_type){const[t,l,n]=i.split(":").map(Number);e={...e,[r.name]:p.default().set("hour",t).set("minute",l).set("second",n).set("millisecond",0)}}else e=r.name.includes("_id")&&!Array.isArray(null==r?void 0:r.value)?"edit_user"===h&&"role_id"===r.name?{...e,[r.name]:i}:{...e,[r.name]:Number(i)}:{...e,[r.name]:i}});const r={...e,...t};R({[h]:{...r}})}null==x||x({control:I,handleSubmit:z,setValue:Z,reset:R,resetField:J,getValues:U,unregister:Y,trigger:G,watch:H,getFieldState:K,errors:W,...Q})}},[s]),r.useEffect(()=>{(null==F?void 0:F.toString())&&re&&re[F]&&te(re[F].data)},[F,re]),r.useEffect(()=>{X&&A&&(null==A||A(X))},[A,X]),r.useEffect(()=>{(null==W?void 0:W[h])?ne(!0):ne(!1)},[h,JSON.stringify(W)]),r.useEffect(()=>{var e;const t=[];null!=F&&(null==(e=re[F])||e.data.forEach(e=>{e.members&&Array.isArray(e.members)&&e.members.forEach(e=>{e.validation&&Array.isArray(e.validation)&&e.validation.some(e=>"required"===e.type&&!0===e.value)&&t.push(e.name)})}),ce(t))},[re,F]),r.useEffect(()=>{if(null==X?void 0:X.account_type){const e=[];ee&&ee.forEach(t=>{var r,l;const i=ee&&(null==(r=null==t?void 0:t.members)?void 0:r.map(e=>e))||[],n=ee&&(null==(l=null==t?void 0:t.switcher_forms)?void 0:l.map(e=>({...e,formMembers:i.filter(t=>t.section_form_id===e.id)})));n&&e.push(n)});const t=(null==X?void 0:X.account_type)||"Individual",r=e&&Array.isArray(e[0])?e[0].filter(e=>e.name===t):[];r&&pe(r)}},[null==X?void 0:X.account_type,ee,pe]),r.useEffect(()=>{de.length>0?0===ge(X,de).length?ue(!0):ue(!1):ue(!0)},[de,X,F]),r.useEffect(()=>{k&&k(oe)},[k,oe]),
+/* @__PURE__ */e.jsx(v.default,{sx:{width:"100%",padding:"2rem",...O},children:/* @__PURE__ */e.jsx(t.FormProvider,{...{control:I,handleSubmit:z,setValue:Z,reset:R,resetField:J,getValues:U,unregister:Y,trigger:G,watch:H,errors:W,...Q},children:/* @__PURE__ */e.jsxs("form",{id:h,name:h,onSubmit:z(c),children:[Boolean(null==re?void 0:re.length)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[ie&&/* @__PURE__ */e.jsx(d.Alert,{severity:"error",onClose:()=>ne(!1),children:"Please fill all the required fields."}),
+/* @__PURE__ */e.jsx(i.TabBar,{tabs:re,activeTabs:T,activeValue:F,setActiveValue:C,isFormTabValid:oe})]}),ee&&ee.map((t,r)=>{const{isFormSwitcher:i,formSwitcherName:n,switchForms:a,members:s,values:o}=fe(t);/* @__PURE__ */
+return e.jsx(f.FormSection,{section:t,index:r,members:s,switchForms:a,isFormSwitcher:i,control:I,fieldArrayName:h,formSwitcherName:n,displayAvtar:w,isButton:$,currencyOption:ae,values:o,onBlur:P,setValue:Z,onSelectFooterClick:S,getSelectedData:N,setCurrencyOptions:se,refreshOptions:B,handleFieldCleanUp:he,handleSetCountryCodeField:ve,handleTableAddClick:me,onTableCellChange:V,t:M,images:l.images})})]})})})};exports.FormParser=w,exports.default=w;
 //# sourceMappingURL=index.js.map

package/dist/components/form-control/form-parser/form-parser/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/form-control/form-parser/form-parser.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from \"react-hook-form\";\n// import { useLocation } from \"react-router-dom\";\nimport { Box } from \"@mui/material\";\n\n// import FullScreenLayout from \"../../../layout/fullScreen/fullScreen\";\n\nimport { useState, useEffect, useCallback } from \"react\";\nimport images from \"../../../assets/images\";\nimport \"./form-parser.scss\";\nimport TabBar from \"../../tabs/tabs\";\nimport formBuilderDeConversion from \"../../../utils/form-builder-deconversion\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as yup from \"yup\";\nimport dayjs from \"dayjs\";\nimport { SECTION_TYPES } from '../../../utils/constant';\nimport { CountryData } from 'react-phone-input-2';\nimport Alert from '../../alert/alert';\nimport _ from \"lodash\";\nimport { useTranslation } from \"react-i18next\";\nimport FormSection from \"./form-section\";\nconst validationReducer = (validations: any, validation: any, field: any, translationFn: any) => {\n  switch (validation.type) {\n    case \"required\":\n      return (field.field_properties?.is_multiselect ? validations.required(translationFn(validation.msg_en)).min(1, translationFn(validation.msg_en)) : validation.value\n        ? validations.required(translationFn(validation.msg_en)).test('not-empty', translationFn(validation.msg_en), value => typeof value === 'string' ? value && value?.trim()?.length > 0 : true): validations.nullable());\n    case \"min_length\":\n      return validations.min(validation.value, translationFn(validation.msg_en));\n    case \"max_length\":\n      return validations.max(validation.value, translationFn(validation.msg_en));\n    case \"min_val\":\n      return validations.min(validation.value, translationFn(validation.msg_en));\n    case \"max_val\":\n      return validations.max(validation.value, translationFn(validation.msg_en));\n    case \"postive_number\":\n      return validations.test('is-positive-number', translationFn(validation.msg_en), (value) => value >= 0)\n    case 'email':\n      return validations.email(validation.msg_en);\n     case \"no_special_char\":\n      return validations.test(\n        \"no-special-char\",\n        translationFn(validation.msg_en),\n        value =>\n          typeof value === \"string\"\n            ? /^[^.\\-\\W_]+$/u.test(value) // allow letters/digits only\n            : true\n      );\n    case \"when\":\n      return validations.when(validation.relation, {\n        is: (val: any) => val === validation.values,\n        then: () => validation?.thenValidations?.reduce(\n          (validations: any, validation: any) => validationReducer(validations, validation, field, translationFn),\n          validations\n        ) || validations,\n        otherwise: () => validation?.otherWiseValidations?.reduce(\n          (validations: any, validation: any) => validationReducer(validations, validation, field, translationFn),\n          validations\n        ) || validations,\n      });\n    // Add more cases for other validation types as needed\n    default:\n      return validations;\n  }\n}\n\nconst FormParser = ({\n  data,\n  defaultValues,\n  handleFormSubmit,\n  fieldArrayName,\n  mode,\n  displayAvtar = false,\n  onTableAddClick,\n  handleFormValues,\n  getFormMethods,\n  setFields,\n  onSelectFooterClick,\n  setActiveTabValue , \n  activeTab = 0,\n  recieveTabDataLenght,\n  recieveIsValidForm,\n  activeTabs,\n  onTableCellChange,\n  containerStyles = undefined,\n  isButton = true,\n  getSelectedData,\n  refreshOptions=false,\n  onBlur, \n }: any) => {\n\n  const { t } = useTranslation();\n\n  function convertToNestedObject(dotNotationString: string, field: any, existingObject: any = {}) {\n    const keys = dotNotationString.split('.');\n    let currentLevel = existingObject;\n\n    keys.forEach((key, index) => {\n      if (index === keys.length - 1) {\n        if (!currentLevel[key]) {\n          const fieldValidations = field.validation.reduce(\n            (validations: any, validation: any) => {\n              switch (validation.type) {\n                case \"required\":\n                  return validation.value\n                    ? validations.required(t(validation.msg_en)).test('not-empty', t(validation.msg_en), value => typeof value === 'string' ? value && value?.trim()?.length > 0 : true)\n                    : (field.field_properties?.is_multiselect ? validations.min(1, t(validation.msg_en)) : validations.nullable());\n                case \"min_length\":\n                  return validations.min(validation.value, t(validation.msg_en));\n                case \"max_length\":\n                  return validations.max(validation.value, t(validation.msg_en));\n                case \"min_val\":\n                  return validations.min(validation.value, t(validation.msg_en));\n                case \"max_val\":\n                  return validations.max(validation.value, t(validation.msg_en));\n                // Add more cases for other validation types as needed\n                default:\n                  return validations;\n              }\n            },\n            getValidationType(field)\n          );\n          currentLevel[key] = fieldValidations;\n        } else if (typeof currentLevel[key] !== 'object' || Array.isArray(currentLevel[key])) {\n          throw new Error(`Conflict: The key \"${key}\" already exists and is not an object.`);\n        }\n      } else {\n        if (!currentLevel[key]) {\n          currentLevel[key] = {};\n        } else if (typeof currentLevel[key] !== 'object' || Array.isArray(currentLevel[key])) {\n          throw new Error(`Conflict: The key \"${key}\" already exists and is not an object.`);\n        }\n        currentLevel = currentLevel[key];\n\n      }\n    });\n\n    return existingObject;\n  }\n\n  const getValidationType = (field: any) => {\n    switch (field.field_type) {\n      case 'select':\n        return field.field_properties?.is_multiselect\n          ? yup.array()\n          : yup.string()\n\n      case 'number':\n      case 'currency':\n        return yup.number().transform((value, originalValue) => (originalValue === '' ? undefined : value)).typeError('Please enter valid number').nullable()\n      case 'currency_with_amount':\n        return yup.number()\n      case 'url':\n        return yup.string().matches(/^(https?:\\/\\/)?((([a-zA-Z0-9_-]+\\.)+[a-zA-Z]{2,})|localhost)(:\\d{2,5})?(\\/[a-zA-Z0-9#_-]+\\/?)*(\\?[a-zA-Z0-9&=_-]+)?(#\\S+)?$/, { excludeEmptyString: true, message: \"Please enter valid URL.\" })\n\n      default:\n        return yup.string()\n    }\n  }\n\n  const convertNestedFieldSchemaObject = (nestedFields: any) => {\n    const schema: any = {};\n\n    for (const key in nestedFields) {\n      if (typeof nestedFields[key] === 'object' && !Object.hasOwn(nestedFields[key], 'tests')) {\n        schema[key] = yup.object().shape(convertNestedFieldSchemaObject(nestedFields[key]));\n      } else {\n        schema[key] = nestedFields[key]\n      }\n    }\n    return schema;\n  }\n\n\n  const generateValidationSchema = (data: any[]) => {\n    const yupSchemaObject: any = {};\n    let nestedFielvalidations: any = {},\n      nestedYupSchemaObj: any = {};\n\n    data &&\n      data?.forEach((field: any) => {\n        let fieldValidations: any;\n        if (field.validation && field.validation.length > 0) {\n          if (field.name?.includes(\".\")) {\n            nestedFielvalidations = convertToNestedObject(field.name, field, nestedFielvalidations);\n          } else {\n            fieldValidations = field.validation.reduce((validations: any, validation: any) => validationReducer(validations, validation, field, t),\n              getValidationType(field)\n            );\n            yupSchemaObject[field.name] = fieldValidations;\n          }\n\n          nestedYupSchemaObj = convertNestedFieldSchemaObject(nestedFielvalidations)\n        }\n\n      });\n\n    return yup.object().shape({\n      [fieldArrayName]: yup.object().shape({ ...yupSchemaObject, ...nestedYupSchemaObj }),\n    });\n  };\n\n  const {\n    control,\n    handleSubmit,\n    formState: { errors },\n    setValue,\n    reset,\n    getValues,\n    watch,\n    resetField,\n    unregister,\n    trigger,\n    getFieldState,\n    ...rest\n  } = useForm({\n    ...(defaultValues && typeof defaultValues === 'object' ? { defaultValues } : {}),\n    resolver: yupResolver(generateValidationSchema(data)),\n    mode: \"all\",\n  });\n\n  const watchedValues = useWatch({\n    control,\n    name: fieldArrayName,\n  });\n\n  // Local States\n  const [schema, setSchema] = useState<[]>([]);\n  const [tabsData, setTabsData] = useState<any[]>([]);\n  const [errorAlert, setErrorAlert] = useState<boolean>(false);\n  const [currencyOption, setCurrencyOptions] = useState<string>('');\n  const [isTabFormValid, setTabFormValid] = useState<boolean>(false);\n  const [validateRequiredFields, setValidRequiredFields] = useState<any[]>([]);\n\n  // Local Functions\n  const handleTableAddClick = (tableName?: string) => {\n    onTableAddClick?.(tableName)\n  }\n\n  const getSectionData = useCallback((section: any) => {\n    const sectionMembers = section?.members?.map((ele: any) => ele) || []\n    const values = getValues(fieldArrayName)\n    const isFormSwitcher = section.section_type === SECTION_TYPES.FORM_SWITCH_SECTION\n    const formSwitcherName =\n      section?.form_switcher_name ||\n      section?.form_switcher_label?.toLowerCase().split(\" \").join(\"_\");\n    const switchForms = section?.switcher_forms?.map((form: any) => ({\n      ...form,\n      formMembers: sectionMembers.filter(\n        (member: any) => member.section_form_id === form.id,\n      )\n    }));\n    const selectedSectionForm =\n      values?.[formSwitcherName] ?\n        switchForms.find((ele: any) =>\n          ele.name === values?.[formSwitcherName]\n        ) : {};\n    const members = isFormSwitcher ? selectedSectionForm?.formMembers : section?.members\n\n    return {\n      isFormSwitcher,\n      formSwitcherName,\n      switchForms,\n      selectedSectionForm,\n      members,\n      values\n    }\n  }, [fieldArrayName, getValues])\n\n  const handleSetCountryCodeField = useCallback((country: CountryData, field: any, fieldArrayName: any, values: any) => {\n    const oldVal = values?.[fieldArrayName]?.[field?.country_code_field_name]\n    const newVal = `+${country.dialCode}`\n    if (\n      field?.is_country_code_separate &&\n      field?.country_code_field_name &&\n      oldVal !== newVal\n    ) {\n      setValue(\n        `${fieldArrayName}.${field?.country_code_field_name}` as never,\n        newVal as never\n      )\n    }\n  }, [setValue])\n\n  const handleFieldCleanUp = useCallback((switchForms: any) => {\n    switchForms.forEach((form: any) => {\n      form?.formMembers.forEach((member: any) => {\n        const memberName = member?.name || member.label.toLowerCase().split(\" \").join(\"_\")\n        const v = _.get(defaultValues, `${fieldArrayName}.${memberName}`, null)\n        const newData = data.map((ele: any) => {\n          if (member?.section_form_id === ele?.section_form_id) {\n            delete ele.value\n          }\n          return ({\n            ...ele,\n            ...(v ? {value:v} : {}),\n          })\n        })\n        if(!v) {\n          resetField(`${fieldArrayName}.${memberName}` as never)\n          unregister(`${fieldArrayName}.${memberName}` as never)\n        }\n        setFields?.(newData)\n      })\n\n    })\n  }, [data, defaultValues, fieldArrayName, resetField, setFields, unregister])\n\n  const createNestedObjectFromDot = useCallback((dotNotationString: string, field: any, existingObject: any = {}) => {\n    const keys = dotNotationString.split('.');\n    let currentLevel = existingObject;\n\n    keys.forEach((key, index) => {\n      if (index === keys.length - 1) {\n        if (!currentLevel[key]) {\n          let fieldValue = field.value\n          if (fieldValue && (field.field_type !== 'image' || field.field_type !== 'file')) {\n            if (field.field_type === 'date') {\n              fieldValue = dayjs(fieldValue)\n            } else if (field.field_type === 'time') {\n              const [hours, minutes, seconds] = fieldValue.split(\":\").map(Number);\n              fieldValue = dayjs().set('hour', hours).set('minute', minutes).set('second', seconds).set('millisecond', 0)\n            } else if (field.name.includes('_id') && !Array.isArray(field?.value)) {\n              fieldValue = Number(fieldValue)\n            }\n          }\n          currentLevel[key] = fieldValue;\n        } else if (typeof currentLevel[key] !== 'object' || Array.isArray(currentLevel[key])) {\n          throw new Error(`Conflict: The key \"${key}\" already exists and is not an object.`);\n        }\n      } else {\n        if (!currentLevel[key]) {\n          currentLevel[key] = {};\n        } else if (typeof currentLevel[key] !== 'object' || Array.isArray(currentLevel[key])) {\n          throw new Error(`Conflict: The key \"${key}\" already exists and is not an object.`);\n        }\n        currentLevel = currentLevel[key];\n\n      }\n    });\n\n    return existingObject;\n  }, [])\n\n  const removeMatchingKeyValuePairs = useCallback((obj1, obj2) => {\n    _.forOwn(obj1, (value, key) => {\n      if (_.has(obj2, key) && _.isEqual(value, obj2[key])) {\n        delete obj1[key];\n      }\n    });\n    return obj1;\n  }, [])\n  \n  const validateRequiredSwitchFormData = useCallback((switchData: any) => {\n    const requiredFields: string[] = [];\n    if (switchData) {\n      switchData && switchData[0]?.formMembers.forEach((member: any) => {\n        if (member?.validation && Array.isArray(member?.validation)) {\n          member?.validation.forEach((validation: any) => {\n            if (validation?.thenValidations && Array.isArray(validation?.thenValidations)) {\n              validation?.thenValidations.forEach((thenValidation: any) => {\n                if (thenValidation?.type === \"required\" && thenValidation?.value === true) {\n                  if (member?.name) {\n                    requiredFields.push(member.name);\n                  }\n                }\n              });\n            } else{\n              const hasRequiredValidation = member.validation.some(\n                (validation: any) => validation.type === 'required' && validation.value === true\n              )\n              if (hasRequiredValidation) {\n                requiredFields.push(member.name);\n              }\n            }\n          });\n        }\n      });\n\n    }\n    if(requiredFields){\n      setValidRequiredFields(_.uniq(requiredFields))\n    }\n    \n  }, [])\n\n  const isEmpty = useCallback((value: any): boolean => {\n    return (\n      value === null ||\n      value === undefined ||\n      (Array.isArray(value) && value.length === 0) ||\n      (typeof value === 'object' && Object.keys(value).length === 0)\n    );\n  }, [])\n  \n  const getMissingFields = useCallback((watchedFields: any, validationReqFields: string[]): string[] =>  {\n    const missingFields: string[] = [];\n  \n    validationReqFields.forEach((fieldPath) => {\n      const keys = fieldPath.split(\".\");\n      let currentLevel = watchedFields;\n  \n      for (let i = 0; i < keys.length; i++) {\n        const key = keys[i];\n  \n        if (!currentLevel?.[key] && currentLevel?.[key] !== 0) {\n          // If any key in the path is missing, mark the field as missing\n          missingFields.push(fieldPath);\n          return;\n        }\n  \n        // Move deeper into the object\n        currentLevel = currentLevel[key];\n      }\n  \n      // After navigating the full path, check if the final value is empty\n      if (isEmpty(currentLevel)) {\n        missingFields.push(fieldPath);\n      }\n    });\n\n  \n    return missingFields;\n  }, [isEmpty])\n  \n  // Use Effects\n  useEffect(() => {\n    if (recieveTabDataLenght) {\n      recieveTabDataLenght(tabsData.length)\n    }\n  }, [recieveTabDataLenght, tabsData])\n\n  useEffect(() => {\n    const handleMessage = (event: MessageEvent) => {\n      if (event.origin !== window.origin) {\n        return;\n      }\n      const { state } = event.data;\n\n      if (state?.length) {\n        const data: any = formBuilderDeConversion(state);\n\n        if (data.tab) {\n          setTabsData(data.tab);\n        } else if (data.section) {\n          setSchema(data.section);\n        }\n      }\n    };\n\n    window.addEventListener(\"message\", handleMessage);\n\n    return () => {\n      window.removeEventListener(\"message\", handleMessage);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (data) {\n      const formData = formBuilderDeConversion(data)\n      if (formData?.tab) {\n        // setSchema([])\n        setTabsData(formData.tab);\n        if (activeTab !== undefined) {\n          setSchema(formData.tab[activeTab]?.data || []);\n        }\n      } else {\n        setSchema(formData.section);\n        // setTabsData([])\n      }\n      const dVals = _.get(defaultValues, fieldArrayName, {})\n      const wVals = removeMatchingKeyValuePairs((watchedValues || {}), (dVals || {}))\n      if (mode === 'edit' && !Object.keys(wVals)?.length) {\n        let formValues: any = {};\n        let nestedFormValues: any = {};\n        data.forEach((field: any) => {\n          const fieldValue = field.value\n          if (field.name?.includes(\".\")) {\n            nestedFormValues = createNestedObjectFromDot(field.name, field, nestedFormValues)\n          } else {\n            if (fieldValue && (field.field_type !== 'image' || field.field_type !== 'file')) {\n              if (field?.is_section_field) {\n                const fieldName = field?.form_switcher_name || field?.form_switcher_label;\n                formValues = { ...formValues, [fieldName]: fieldValue }\n              } else if (\n                field?.name &&\n                ['company_id', 'email_ids'].includes(field?.name) &&\n                ['edit_customer', 'add_customer', 'edit_vendor', 'add_vendor'].includes(fieldArrayName)\n              ) {\n                formValues = { ...formValues, [field.name]: fieldValue }\n              } else if (field.field_type === 'date') {\n                formValues = { ...formValues, [field.name]: dayjs(fieldValue) }\n              } else if (field.field_type === 'time') {\n                const [hours, minutes, seconds] = fieldValue.split(\":\").map(Number);\n                formValues = { ...formValues, [field.name]: dayjs().set('hour', hours).set('minute', minutes).set('second', seconds).set('millisecond', 0) }\n              } else if (field.name.includes('_id') && !Array.isArray(field?.value)) {\n                if (fieldArrayName === \"edit_user\" && field.name === \"role_id\") {\n                  formValues = { ...formValues, [field.name]: fieldValue }\n                } else {\n                  formValues = { ...formValues, [field.name]: Number(fieldValue) }\n                }\n              } else {\n                formValues = { ...formValues, [field.name]: fieldValue }\n              }\n            }\n          }\n        })\n        const finalFormValues = { ...formValues, ...nestedFormValues }\n        reset({ [fieldArrayName]: { ...finalFormValues } })\n      }\n      getFormMethods?.({ control, handleSubmit, setValue, reset, resetField, getValues, unregister, trigger, watch,getFieldState,errors, ...rest })\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [data])\n\n  useEffect(() => {\n    if (activeTab?.toString()) {\n      if (tabsData && tabsData[activeTab]) {\n        setSchema(tabsData[activeTab].data);\n      }\n    }\n  }, [activeTab, tabsData]);\n\n  useEffect(() => {\n    if (watchedValues && handleFormValues) {\n      handleFormValues?.(watchedValues);\n    }\n  }, [handleFormValues, watchedValues])\n\n  useEffect(() => {\n    if (errors?.[fieldArrayName]) {\n      setErrorAlert(true)\n    } else {\n      setErrorAlert(false)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ fieldArrayName,JSON.stringify(errors)])\n\n  useEffect(() => {\n    const validatedFields: string[] = [];\n    if (activeTab != undefined) {\n      tabsData[activeTab]?.data.forEach((section: any) => {\n  \n        if (section.members && Array.isArray(section.members)) {\n  \n          section.members.forEach((member: any) => {\n            if (member.validation && Array.isArray(member.validation)) {\n              const hasRequiredValidation = member.validation.some(\n                (validation: any) => validation.type === 'required' && validation.value === true\n              )\n              if (hasRequiredValidation) {\n                // validatedFields.push(fieldArrayName + '.' + member.name);\n                validatedFields.push(member.name);\n              }\n            } \n          });\n        }\n      })\n      setValidRequiredFields(validatedFields);\n    }\n  }, [tabsData, activeTab]);\n\n  useEffect(() => {\n    if(watchedValues?.account_type){\n\n      const switchFormData: any[] = [];\n      schema && schema.forEach((section : any)=>{\n      const sectionMembers = schema && section?.members?.map((ele: any) => ele) || [];\n      \n      const switchForms = schema && section?.switcher_forms?.map((form: any) => ({\n        ...form,\n        formMembers: sectionMembers.filter(\n          (member: any) => member.section_form_id === form.id,\n        ),\n      }));\n      if(switchForms){\n        switchFormData.push(switchForms)\n      }\n    })\n\n    const selectValue = watchedValues?.account_type || \"Individual\";\n    const switchData = switchFormData && Array.isArray(switchFormData[0])\n    ? switchFormData[0].filter((form: any) => form.name === selectValue)\n    : []; \n  \n    if(switchData){\n      validateRequiredSwitchFormData(switchData)\n    } \n    \n  }\n  }, [watchedValues?.account_type, schema, validateRequiredSwitchFormData]);\n\n  useEffect(() => {\n    if(validateRequiredFields.length > 0) {\n      const updatedRequiredFields = getMissingFields(watchedValues, validateRequiredFields)\n\n      // const updatedRequiredFields = validateRequiredFields.filter((fieldPath) => {\n      //   const watchedValue = watchedFields[fieldPath] ;\n      //   return watchedValue === undefined || watchedValue === null  || watchedValue === 0  ;\n      // });\n\n      updatedRequiredFields.length === 0 ? setTabFormValid(true) : setTabFormValid(false) ; \n    } else {\n      setTabFormValid(true)\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [validateRequiredFields , watchedValues , activeTab]) \n\n  useEffect(() => {\n    if (recieveIsValidForm) {\n      recieveIsValidForm(isTabFormValid)\n    }\n  }, [recieveIsValidForm, isTabFormValid])\n\n \n  return (\n    // <FullScreenLayout>\n    <Box sx={{ width: \"100%\", padding: \"2rem\", ...containerStyles }}>\n    <FormProvider {...{ control, handleSubmit, setValue, reset, resetField, getValues, unregister, trigger, watch, errors, ...rest }}>\n      <form id={fieldArrayName} name={fieldArrayName} onSubmit={handleSubmit(handleFormSubmit)}>\n        {Boolean(tabsData?.length) && (\n          <>\n            {errorAlert  &&\n              <Alert severity='error' onClose={() => setErrorAlert(false)}>\n                Please fill all the required fields.\n              </Alert>\n            }\n            <TabBar\n              tabs={tabsData}\n              activeTabs={activeTabs}\n              activeValue={activeTab}\n              setActiveValue={setActiveTabValue}\n              isFormTabValid = {isTabFormValid}\n            />\n          </>\n        )}\n        {schema &&\n          schema.map((section: any, index: number) => {\n            const {\n              isFormSwitcher,\n              formSwitcherName,\n              switchForms,\n              members,\n              values,\n            } = getSectionData(section)\n\n            return (\n              <FormSection\n                section={section}\n                index={index}\n                members={members}\n                switchForms={switchForms}\n                isFormSwitcher={isFormSwitcher}\n                control={control}\n                fieldArrayName={fieldArrayName}\n                formSwitcherName={formSwitcherName}\n                displayAvtar={displayAvtar}\n                isButton={isButton}\n                currencyOption={currencyOption}\n                values={values}\n                onBlur={onBlur}\n                setValue={setValue}\n                onSelectFooterClick={onSelectFooterClick}\n                getSelectedData={getSelectedData}\n                setCurrencyOptions={setCurrencyOptions}\n                refreshOptions={refreshOptions}\n                handleFieldCleanUp={handleFieldCleanUp}\n                handleSetCountryCodeField={handleSetCountryCodeField}\n                handleTableAddClick={handleTableAddClick}\n                onTableCellChange={onTableCellChange}\n                // setDetailsData={setDetailsData}\n                t={t}\n                images={images}\n              />\n            );\n          })}\n      </form>\n      </FormProvider>\n    </Box>\n    // </FullScreenLayout>\n  );\n};\n\nexport { FormParser };\nexport default FormParser;"],"names":["validationReducer","validations","validation","field","translationFn","type","_a","field_properties","is_multiselect","required","msg_en","min","value","test","trim","length","nullable","max","email","when","relation","is","val","values","then","thenValidations","reduce","otherwise","otherWiseValidations","FormParser","data","defaultValues","handleFormSubmit","fieldArrayName","mode","displayAvtar","onTableAddClick","handleFormValues","getFormMethods","setFields","onSelectFooterClick","setActiveTabValue","activeTab","recieveTabDataLenght","recieveIsValidForm","activeTabs","onTableCellChange","containerStyles","isButton","getSelectedData","refreshOptions","onBlur","t","useTranslation","getValidationType","field_type","yup","array","string","number","transform","originalValue","typeError","matches","excludeEmptyString","message","convertNestedFieldSchemaObject","nestedFields","schema","key","Object","hasOwn","object","shape","control","handleSubmit","formState","errors","setValue","reset","getValues","watch","resetField","unregister","trigger","getFieldState","rest","useForm","resolver","yupResolver","yupSchemaObject","nestedFielvalidations","nestedYupSchemaObj","forEach","fieldValidations","name","includes","dotNotationString","existingObject","keys","split","currentLevel","index","Array","isArray","Error","convertToNestedObject","generateValidationSchema","watchedValues","useWatch","setSchema","useState","tabsData","setTabsData","errorAlert","setErrorAlert","currencyOption","setCurrencyOptions","isTabFormValid","setTabFormValid","validateRequiredFields","setValidRequiredFields","handleTableAddClick","tableName","getSectionData","useCallback","section","sectionMembers","members","map","ele","isFormSwitcher","section_type","SECTION_TYPES","FORM_SWITCH_SECTION","formSwitcherName","form_switcher_name","_b","form_switcher_label","toLowerCase","join","switchForms","_c","switcher_forms","form","formMembers","filter","member","section_form_id","id","selectedSectionForm","find","handleSetCountryCodeField","country","oldVal","country_code_field_name","newVal","dialCode","is_country_code_separate","handleFieldCleanUp","memberName","label","v","_","get","newData","createNestedObjectFromDot","fieldValue","dayjs","hours","minutes","seconds","Number","set","removeMatchingKeyValuePairs","obj1","obj2","forOwn","has","isEqual","validateRequiredSwitchFormData","switchData","requiredFields","thenValidation","push","some","uniq","isEmpty","getMissingFields","watchedFields","validationReqFields","missingFields","fieldPath","i","useEffect","handleMessage","event","origin","window","state","formBuilderDeConversion","tab","addEventListener","removeEventListener","formData","dVals","wVals","formValues","nestedFormValues","is_section_field","fieldName","finalFormValues","toString","JSON","stringify","validatedFields","account_type","switchFormData","selectValue","Box","sx","width","padding","children","jsx","FormProvider","jsxs","onSubmit","Boolean","Fragment","Alert","severity","onClose","TabBar","tabs","activeValue","setActiveValue","isFormTabValid","FormSection","images"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/form-control/form-parser/form-parser.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from \"react-hook-form\";\n// import { useLocation } from \"react-router-dom\";\nimport { Box } from \"@mui/material\";\n\n// import FullScreenLayout from \"../../../layout/fullScreen/fullScreen\";\n\nimport { useState, useEffect, useCallback } from \"react\";\nimport images from \"../../../assets/images\";\nimport \"./form-parser.scss\";\nimport TabBar from \"../../tabs/tabs\";\nimport formBuilderDeConversion from \"../../../utils/form-builder-deconversion\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as yup from \"yup\";\nimport dayjs from \"dayjs\";\nimport { SECTION_TYPES } from '../../../utils/constant';\nimport { CountryData } from 'react-phone-input-2';\nimport Alert from '../../alert/alert';\nimport _ from \"lodash\";\nimport { useTranslation } from \"react-i18next\";\nimport FormSection from \"./form-section\";\nconst validationReducer = (validations: any, validation: any, field: any, translationFn: any) => {\n  switch (validation.type) {\n    case \"required\":\n      return (field.field_properties?.is_multiselect ? validations.required(translationFn(validation.msg_en)).min(1, translationFn(validation.msg_en)) : validation.value\n        ? validations.required(translationFn(validation.msg_en)).test('not-empty', translationFn(validation.msg_en), value => typeof value === 'string' ? value && value?.trim()?.length > 0 : true): validations.nullable());\n    case \"min_length\":\n      return validations.min(validation.value, translationFn(validation.msg_en));\n    case \"max_length\":\n      return validations.max(validation.value, translationFn(validation.msg_en));\n    case \"min_val\":\n      return validations.min(validation.value, translationFn(validation.msg_en));\n    case \"max_val\":\n      return validations.max(validation.value, translationFn(validation.msg_en));\n    case \"postive_number\":\n      return validations.test('is-positive-number', translationFn(validation.msg_en), (value) => value >= 0)\n    case 'email':\n      return validations.email(validation.msg_en);\n     case \"no_special_char\":\n      return validations.test(\n        \"no-special-char\",\n        translationFn(validation.msg_en),\n        value =>\n          typeof value === \"string\"\n            ? /^[^.\\-\\W_]+$/u.test(value) // allow letters/digits only\n            : true\n      );\n    case \"when\":\n      return validations.when(validation.relation, {\n        is: (val: any) => val === validation.values,\n        then: () => validation?.thenValidations?.reduce(\n          (validations: any, validation: any) => validationReducer(validations, validation, field, translationFn),\n          validations\n        ) || validations,\n        otherwise: () => validation?.otherWiseValidations?.reduce(\n          (validations: any, validation: any) => validationReducer(validations, validation, field, translationFn),\n          validations\n        ) || validations,\n      });\n    // Add more cases for other validation types as needed\n    default:\n      return validations;\n  }\n}\n\nconst FormParser = ({\n  data,\n  defaultValues,\n  handleFormSubmit,\n  fieldArrayName,\n  mode,\n  displayAvtar = false,\n  onTableAddClick,\n  handleFormValues,\n  getFormMethods,\n  setFields,\n  onSelectFooterClick,\n  setActiveTabValue , \n  activeTab = 0,\n  recieveTabDataLenght,\n  recieveIsValidForm,\n  activeTabs,\n  onTableCellChange,\n  containerStyles = undefined,\n  isButton = true,\n  getSelectedData,\n  refreshOptions=false,\n  onBlur, \n }: any) => {\n\n  const { t } = useTranslation();\n\n  function convertToNestedObject(dotNotationString: string, field: any, existingObject: any = {}) {\n    const keys = dotNotationString.split('.');\n    let currentLevel = existingObject;\n\n    keys.forEach((key, index) => {\n      if (index === keys.length - 1) {\n        if (!currentLevel[key]) {\n          const fieldValidations = field.validation.reduce(\n            (validations: any, validation: any) => {\n              switch (validation.type) {\n                case \"required\":\n                  return validation.value\n                    ? validations.required(t(validation.msg_en)).test('not-empty', t(validation.msg_en), value => typeof value === 'string' ? value && value?.trim()?.length > 0 : true)\n                    : (field.field_properties?.is_multiselect ? validations.min(1, t(validation.msg_en)) : validations.nullable());\n                case \"min_length\":\n                  return validations.min(validation.value, t(validation.msg_en));\n                case \"max_length\":\n                  return validations.max(validation.value, t(validation.msg_en));\n                case \"min_val\":\n                  return validations.min(validation.value, t(validation.msg_en));\n                case \"max_val\":\n                  return validations.max(validation.value, t(validation.msg_en));\n                // Add more cases for other validation types as needed\n                default:\n                  return validations;\n              }\n            },\n            getValidationType(field)\n          );\n          currentLevel[key] = fieldValidations;\n        } else if (typeof currentLevel[key] !== 'object' || Array.isArray(currentLevel[key])) {\n          throw new Error(`Conflict: The key \"${key}\" already exists and is not an object.`);\n        }\n      } else {\n        if (!currentLevel[key]) {\n          currentLevel[key] = {};\n        } else if (typeof currentLevel[key] !== 'object' || Array.isArray(currentLevel[key])) {\n          throw new Error(`Conflict: The key \"${key}\" already exists and is not an object.`);\n        }\n        currentLevel = currentLevel[key];\n\n      }\n    });\n\n    return existingObject;\n  }\n\n  const getValidationType = (field: any) => {\n    switch (field.field_type) {\n      case 'select':\n        return field.field_properties?.is_multiselect\n          ? yup.array()\n          : yup.string()\n\n      case 'number':\n      case 'currency':\n        return yup.number().transform((value, originalValue) => (originalValue === '' ? undefined : value)).typeError('Please enter valid number').nullable()\n      case 'currency_with_amount':\n        return yup.number()\n      case 'url':\n        return yup.string().matches(/^(https?:\\/\\/)?((([a-zA-Z0-9_-]+\\.)+[a-zA-Z]{2,})|localhost)(:\\d{2,5})?(\\/[a-zA-Z0-9#_-]+\\/?)*(\\?[a-zA-Z0-9&=_-]+)?(#\\S+)?$/, { excludeEmptyString: true, message: \"Please enter valid URL.\" })\n\n      default:\n        return yup.string()\n    }\n  }\n\n  const convertNestedFieldSchemaObject = (nestedFields: any) => {\n    const schema: any = {};\n\n    for (const key in nestedFields) {\n      if (typeof nestedFields[key] === 'object' && !Object.hasOwn(nestedFields[key], 'tests')) {\n        schema[key] = yup.object().shape(convertNestedFieldSchemaObject(nestedFields[key]));\n      } else {\n        schema[key] = nestedFields[key]\n      }\n    }\n    return schema;\n  }\n\n\n  const generateValidationSchema = (data: any[]) => {\n    const yupSchemaObject: any = {};\n    let nestedFielvalidations: any = {},\n      nestedYupSchemaObj: any = {};\n\n    data &&\n      data?.forEach((field: any) => {\n        let fieldValidations: any;\n        if (field.validation && field.validation.length > 0) {\n          if (field.name?.includes(\".\")) {\n            nestedFielvalidations = convertToNestedObject(field.name, field, nestedFielvalidations);\n          } else {\n            fieldValidations = field.validation.reduce((validations: any, validation: any) => validationReducer(validations, validation, field, t),\n              getValidationType(field)\n            );\n            yupSchemaObject[field.name] = fieldValidations;\n          }\n\n          nestedYupSchemaObj = convertNestedFieldSchemaObject(nestedFielvalidations)\n        }\n\n      });\n\n    return yup.object().shape({\n      [fieldArrayName]: yup.object().shape({ ...yupSchemaObject, ...nestedYupSchemaObj }),\n    });\n  };\n\n  const {\n    control,\n    handleSubmit,\n    formState: { errors },\n    setValue,\n    reset,\n    getValues,\n    watch,\n    resetField,\n    unregister,\n    trigger,\n    getFieldState,\n    ...rest\n  } = useForm({\n    ...(defaultValues && typeof defaultValues === 'object' ? { defaultValues } : {}),\n    resolver: yupResolver(generateValidationSchema(data)),\n    mode: \"all\",\n  });\n\n  const watchedValues = useWatch({\n    control,\n    name: fieldArrayName,\n  });\n\n  // Local States\n  const [schema, setSchema] = useState<[]>([]);\n  const [tabsData, setTabsData] = useState<any[]>([]);\n  const [errorAlert, setErrorAlert] = useState<boolean>(false);\n  const [currencyOption, setCurrencyOptions] = useState<string>('');\n  const [isTabFormValid, setTabFormValid] = useState<boolean>(false);\n  const [validateRequiredFields, setValidRequiredFields] = useState<any[]>([]);\n\n  // Local Functions\n  const handleTableAddClick = (tableName?: string) => {\n    onTableAddClick?.(tableName)\n  }\n\n  const getSectionData = useCallback((section: any) => {\n    const sectionMembers = section?.members?.map((ele: any) => ele) || []\n    const values = getValues(fieldArrayName)\n    const isFormSwitcher = section.section_type === SECTION_TYPES.FORM_SWITCH_SECTION\n    const formSwitcherName =\n      section?.form_switcher_name ||\n      section?.form_switcher_label?.toLowerCase().split(\" \").join(\"_\");\n    const switchForms = section?.switcher_forms?.map((form: any) => ({\n      ...form,\n      formMembers: sectionMembers.filter(\n        (member: any) => member.section_form_id === form.id,\n      )\n    }));\n    const selectedSectionForm =\n      values?.[formSwitcherName] ?\n        switchForms.find((ele: any) =>\n          ele.name === values?.[formSwitcherName]\n        ) : {};\n    const members = isFormSwitcher ? selectedSectionForm?.formMembers : section?.members\n\n    return {\n      isFormSwitcher,\n      formSwitcherName,\n      switchForms,\n      selectedSectionForm,\n      members,\n      values\n    }\n  }, [fieldArrayName, getValues])\n\n  const handleSetCountryCodeField = useCallback((country: CountryData, field: any, fieldArrayName: any, values: any) => {\n    const oldVal = values?.[fieldArrayName]?.[field?.country_code_field_name]\n    const newVal = `+${country.dialCode}`\n    if (\n      field?.is_country_code_separate &&\n      field?.country_code_field_name &&\n      oldVal !== newVal\n    ) {\n      setValue(\n        `${fieldArrayName}.${field?.country_code_field_name}` as never,\n        newVal as never\n      )\n    }\n  }, [setValue])\n\n  const handleFieldCleanUp = useCallback((switchForms: any) => {\n    switchForms.forEach((form: any) => {\n      form?.formMembers.forEach((member: any) => {\n        const memberName = member?.name || member.label.toLowerCase().split(\" \").join(\"_\")\n        const v = _.get(defaultValues, `${fieldArrayName}.${memberName}`, null)\n        const newData = data.map((ele: any) => {\n          if (member?.section_form_id === ele?.section_form_id) {\n            delete ele.value\n          }\n          return ({\n            ...ele,\n            ...(v ? {value:v} : {}),\n          })\n        })\n        if(!v) {\n          resetField(`${fieldArrayName}.${memberName}` as never)\n          unregister(`${fieldArrayName}.${memberName}` as never)\n        }\n        setFields?.(newData)\n      })\n\n    })\n  }, [data, defaultValues, fieldArrayName, resetField, setFields, unregister])\n\n  const createNestedObjectFromDot = useCallback((dotNotationString: string, field: any, existingObject: any = {}) => {\n    const keys = dotNotationString.split('.');\n    let currentLevel = existingObject;\n\n    keys.forEach((key, index) => {\n      if (index === keys.length - 1) {\n        if (!currentLevel[key]) {\n          let fieldValue = field.value\n          if (fieldValue && (field.field_type !== 'image' || field.field_type !== 'file')) {\n            if (field.field_type === 'date') {\n              fieldValue = dayjs(fieldValue)\n            } else if (field.field_type === 'time') {\n              const [hours, minutes, seconds] = fieldValue.split(\":\").map(Number);\n              fieldValue = dayjs().set('hour', hours).set('minute', minutes).set('second', seconds).set('millisecond', 0)\n            } else if (field.name.includes('_id') && !Array.isArray(field?.value)) {\n              fieldValue = Number(fieldValue)\n            }\n          }\n          currentLevel[key] = fieldValue;\n        } else if (typeof currentLevel[key] !== 'object' || Array.isArray(currentLevel[key])) {\n          throw new Error(`Conflict: The key \"${key}\" already exists and is not an object.`);\n        }\n      } else {\n        if (!currentLevel[key]) {\n          currentLevel[key] = {};\n        } else if (typeof currentLevel[key] !== 'object' || Array.isArray(currentLevel[key])) {\n          throw new Error(`Conflict: The key \"${key}\" already exists and is not an object.`);\n        }\n        currentLevel = currentLevel[key];\n\n      }\n    });\n\n    return existingObject;\n  }, [])\n\n  const removeMatchingKeyValuePairs = useCallback((obj1, obj2) => {\n    _.forOwn(obj1, (value, key) => {\n      if (_.has(obj2, key) && _.isEqual(value, obj2[key])) {\n        delete obj1[key];\n      }\n    });\n    return obj1;\n  }, [])\n  \n  const validateRequiredSwitchFormData = useCallback((switchData: any) => {\n    const requiredFields: string[] = [];\n    if (switchData) {\n      switchData && switchData[0]?.formMembers.forEach((member: any) => {\n        if (member?.validation && Array.isArray(member?.validation)) {\n          member?.validation.forEach((validation: any) => {\n            if (validation?.thenValidations && Array.isArray(validation?.thenValidations)) {\n              validation?.thenValidations.forEach((thenValidation: any) => {\n                if (thenValidation?.type === \"required\" && thenValidation?.value === true) {\n                  if (member?.name) {\n                    requiredFields.push(member.name);\n                  }\n                }\n              });\n            } else{\n              const hasRequiredValidation = member.validation.some(\n                (validation: any) => validation.type === 'required' && validation.value === true\n              )\n              if (hasRequiredValidation) {\n                requiredFields.push(member.name);\n              }\n            }\n          });\n        }\n      });\n\n    }\n    if(requiredFields){\n      setValidRequiredFields(_.uniq(requiredFields))\n    }\n    \n  }, [])\n\n  const isEmpty = useCallback((value: any): boolean => {\n    return (\n      value === null ||\n      value === undefined ||\n      (Array.isArray(value) && value.length === 0) ||\n      (typeof value === 'object' && Object.keys(value).length === 0)\n    );\n  }, [])\n  \n  const getMissingFields = useCallback((watchedFields: any, validationReqFields: string[]): string[] =>  {\n    const missingFields: string[] = [];\n  \n    validationReqFields.forEach((fieldPath) => {\n      const keys = fieldPath.split(\".\");\n      let currentLevel = watchedFields;\n  \n      for (let i = 0; i < keys.length; i++) {\n        const key = keys[i];\n  \n        if (!currentLevel?.[key] && currentLevel?.[key] !== 0) {\n          // If any key in the path is missing, mark the field as missing\n          missingFields.push(fieldPath);\n          return;\n        }\n  \n        // Move deeper into the object\n        currentLevel = currentLevel[key];\n      }\n  \n      // After navigating the full path, check if the final value is empty\n      if (isEmpty(currentLevel)) {\n        missingFields.push(fieldPath);\n      }\n    });\n\n  \n    return missingFields;\n  }, [isEmpty])\n  \n  // Use Effects\n  useEffect(() => {\n    if (recieveTabDataLenght) {\n      recieveTabDataLenght(tabsData.length)\n    }\n  }, [recieveTabDataLenght, tabsData])\n\n  useEffect(() => {\n    const handleMessage = (event: MessageEvent) => {\n      if (event.origin !== window.origin) {\n        return;\n      }\n      const { state } = event.data;\n\n      if (state?.length) {\n        const data: any = formBuilderDeConversion(state);\n\n        if (data.tab) {\n          setTabsData(data.tab);\n        } else if (data.section) {\n          setSchema(data.section);\n        }\n      }\n    };\n\n    window.addEventListener(\"message\", handleMessage);\n\n    return () => {\n      window.removeEventListener(\"message\", handleMessage);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (data) {\n      const formData = formBuilderDeConversion(data)\n      if (formData?.tab) {\n        // setSchema([])\n        setTabsData(formData.tab);\n        if (activeTab !== undefined) {\n          setSchema(formData.tab[activeTab]?.data || []);\n        }\n      } else {\n        setSchema(formData.section);\n        // setTabsData([])\n      }\n      const dVals = _.get(defaultValues, fieldArrayName, {})\n      const wVals = removeMatchingKeyValuePairs((watchedValues || {}), (dVals || {}))\n      if (mode === 'edit' && !Object.keys(wVals)?.length) {\n        let formValues: any = {};\n        let nestedFormValues: any = {};\n        data.forEach((field: any) => {\n          const fieldValue = field.value\n          if (field.name?.includes(\".\")) {\n            nestedFormValues = createNestedObjectFromDot(field.name, field, nestedFormValues)\n          } else {\n            if (fieldValue && (field.field_type !== 'image' || field.field_type !== 'file')) {\n              if (field?.is_section_field) {\n                const fieldName = field?.form_switcher_name || field?.form_switcher_label;\n                formValues = { ...formValues, [fieldName]: fieldValue }\n              } else if (\n                field?.name &&\n                ['company_id', 'email_ids'].includes(field?.name) &&\n                ['edit_customer', 'add_customer', 'edit_vendor', 'add_vendor'].includes(fieldArrayName)\n              ) {\n                formValues = { ...formValues, [field.name]: fieldValue }\n              } else if (field.field_type === 'date') {\n                formValues = { ...formValues, [field.name]: dayjs(fieldValue) }\n              } else if (field.field_type === 'time') {\n                const [hours, minutes, seconds] = fieldValue.split(\":\").map(Number);\n                formValues = { ...formValues, [field.name]: dayjs().set('hour', hours).set('minute', minutes).set('second', seconds).set('millisecond', 0) }\n              } else if (field.name.includes('_id') && !Array.isArray(field?.value)) {\n                if (fieldArrayName === \"edit_user\" && field.name === \"role_id\") {\n                  formValues = { ...formValues, [field.name]: fieldValue }\n                } else {\n                  formValues = { ...formValues, [field.name]: Number(fieldValue) }\n                }\n              } else {\n                formValues = { ...formValues, [field.name]: fieldValue }\n              }\n            }\n          }\n        })\n        const finalFormValues = { ...formValues, ...nestedFormValues }\n        reset({ [fieldArrayName]: { ...finalFormValues } })\n      }\n      getFormMethods?.({ control, handleSubmit, setValue, reset, resetField, getValues, unregister, trigger, watch,getFieldState,errors, ...rest })\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [data])\n\n  useEffect(() => {\n    if (activeTab?.toString()) {\n      if (tabsData && tabsData[activeTab]) {\n        setSchema(tabsData[activeTab].data);\n      }\n    }\n  }, [activeTab, tabsData]);\n\n  useEffect(() => {\n    if (watchedValues && handleFormValues) {\n      handleFormValues?.(watchedValues);\n    }\n  }, [handleFormValues, watchedValues])\n\n  useEffect(() => {\n    if (errors?.[fieldArrayName]) {\n      setErrorAlert(true)\n    } else {\n      setErrorAlert(false)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ fieldArrayName,JSON.stringify(errors)])\n\n  useEffect(() => {\n    const validatedFields: string[] = [];\n    if (activeTab != undefined) {\n      tabsData[activeTab]?.data.forEach((section: any) => {\n  \n        if (section.members && Array.isArray(section.members)) {\n  \n          section.members.forEach((member: any) => {\n            if (member.validation && Array.isArray(member.validation)) {\n              const hasRequiredValidation = member.validation.some(\n                (validation: any) => validation.type === 'required' && validation.value === true\n              )\n              if (hasRequiredValidation) {\n                // validatedFields.push(fieldArrayName + '.' + member.name);\n                validatedFields.push(member.name);\n              }\n            } \n          });\n        }\n      })\n      setValidRequiredFields(validatedFields);\n    }\n  }, [tabsData, activeTab]);\n\n  useEffect(() => {\n    if(watchedValues?.account_type){\n\n      const switchFormData: any[] = [];\n      schema && schema.forEach((section : any)=>{\n      const sectionMembers = schema && section?.members?.map((ele: any) => ele) || [];\n      \n      const switchForms = schema && section?.switcher_forms?.map((form: any) => ({\n        ...form,\n        formMembers: sectionMembers.filter(\n          (member: any) => member.section_form_id === form.id,\n        ),\n      }));\n      if(switchForms){\n        switchFormData.push(switchForms)\n      }\n    })\n\n    const selectValue = watchedValues?.account_type || \"Individual\";\n    const switchData = switchFormData && Array.isArray(switchFormData[0])\n    ? switchFormData[0].filter((form: any) => form.name === selectValue)\n    : []; \n  \n    if(switchData){\n      validateRequiredSwitchFormData(switchData)\n    } \n    \n  }\n  }, [watchedValues?.account_type, schema, validateRequiredSwitchFormData]);\n\n  useEffect(() => {\n    if(validateRequiredFields.length > 0) {\n      const updatedRequiredFields = getMissingFields(watchedValues, validateRequiredFields)\n\n      // const updatedRequiredFields = validateRequiredFields.filter((fieldPath) => {\n      //   const watchedValue = watchedFields[fieldPath] ;\n      //   return watchedValue === undefined || watchedValue === null  || watchedValue === 0  ;\n      // });\n\n      updatedRequiredFields.length === 0 ? setTabFormValid(true) : setTabFormValid(false) ; \n    } else {\n      setTabFormValid(true)\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [validateRequiredFields , watchedValues , activeTab]) \n\n  useEffect(() => {\n    if (recieveIsValidForm) {\n      recieveIsValidForm(isTabFormValid)\n    }\n  }, [recieveIsValidForm, isTabFormValid])\n\n \n  return (\n    // <FullScreenLayout>\n    <Box sx={{ width: \"100%\", padding: \"2rem\", ...containerStyles }}>\n    <FormProvider {...{ control, handleSubmit, setValue, reset, resetField, getValues, unregister, trigger, watch, errors, ...rest }}>\n      <form id={fieldArrayName} name={fieldArrayName} onSubmit={handleSubmit(handleFormSubmit)}>\n        {Boolean(tabsData?.length) && (\n          <>\n            {errorAlert  &&\n              <Alert severity='error' onClose={() => setErrorAlert(false)}>\n                Please fill all the required fields.\n              </Alert>\n            }\n            <TabBar\n              tabs={tabsData}\n              activeTabs={activeTabs}\n              activeValue={activeTab}\n              setActiveValue={setActiveTabValue}\n              isFormTabValid = {isTabFormValid}\n            />\n          </>\n        )}\n        {schema &&\n          schema.map((section: any, index: number) => {\n            const {\n              isFormSwitcher,\n              formSwitcherName,\n              switchForms,\n              members,\n              values,\n            } = getSectionData(section)\n\n            return (\n              <FormSection\n                section={section}\n                index={index}\n                members={members}\n                switchForms={switchForms}\n                isFormSwitcher={isFormSwitcher}\n                control={control}\n                fieldArrayName={fieldArrayName}\n                formSwitcherName={formSwitcherName}\n                displayAvtar={displayAvtar}\n                isButton={isButton}\n                currencyOption={currencyOption}\n                values={values}\n                onBlur={onBlur}\n                setValue={setValue}\n                onSelectFooterClick={onSelectFooterClick}\n                getSelectedData={getSelectedData}\n                setCurrencyOptions={setCurrencyOptions}\n                refreshOptions={refreshOptions}\n                handleFieldCleanUp={handleFieldCleanUp}\n                handleSetCountryCodeField={handleSetCountryCodeField}\n                handleTableAddClick={handleTableAddClick}\n                onTableCellChange={onTableCellChange}\n                // setDetailsData={setDetailsData}\n                t={t}\n                images={images}\n              />\n            );\n          })}\n      </form>\n      </FormProvider>\n    </Box>\n    // </FullScreenLayout>\n  );\n};\n\nexport { FormParser };\nexport default FormParser;"],"names":["validationReducer","validations","validation","field","translationFn","type","_a","field_properties","is_multiselect","required","msg_en","min","value","test","trim","length","nullable","max","email","when","relation","is","val","values","then","thenValidations","reduce","otherwise","otherWiseValidations","FormParser","data","defaultValues","handleFormSubmit","fieldArrayName","mode","displayAvtar","onTableAddClick","handleFormValues","getFormMethods","setFields","onSelectFooterClick","setActiveTabValue","activeTab","recieveTabDataLenght","recieveIsValidForm","activeTabs","onTableCellChange","containerStyles","isButton","getSelectedData","refreshOptions","onBlur","t","useTranslation","getValidationType","field_type","yup","array","string","number","transform","originalValue","typeError","matches","excludeEmptyString","message","convertNestedFieldSchemaObject","nestedFields","schema","key","Object","hasOwn","object","shape","control","handleSubmit","formState","errors","setValue","reset","getValues","watch","resetField","unregister","trigger","getFieldState","rest","useForm","resolver","yupResolver","yupSchemaObject","nestedFielvalidations","nestedYupSchemaObj","forEach","fieldValidations","name","includes","dotNotationString","existingObject","keys","split","currentLevel","index","Array","isArray","Error","convertToNestedObject","generateValidationSchema","watchedValues","useWatch","setSchema","useState","tabsData","setTabsData","errorAlert","setErrorAlert","currencyOption","setCurrencyOptions","isTabFormValid","setTabFormValid","validateRequiredFields","setValidRequiredFields","handleTableAddClick","tableName","getSectionData","useCallback","section","sectionMembers","members","map","ele","isFormSwitcher","section_type","SECTION_TYPES","FORM_SWITCH_SECTION","formSwitcherName","form_switcher_name","_b","form_switcher_label","toLowerCase","join","switchForms","_c","switcher_forms","form","formMembers","filter","member","section_form_id","id","selectedSectionForm","find","handleSetCountryCodeField","country","oldVal","country_code_field_name","newVal","dialCode","is_country_code_separate","handleFieldCleanUp","memberName","label","v","_","get","newData","createNestedObjectFromDot","fieldValue","dayjs","hours","minutes","seconds","Number","set","removeMatchingKeyValuePairs","obj1","obj2","forOwn","has","isEqual","validateRequiredSwitchFormData","switchData","requiredFields","thenValidation","push","some","uniq","isEmpty","getMissingFields","watchedFields","validationReqFields","missingFields","fieldPath","i","useEffect","handleMessage","event","origin","window","state","formBuilderDeConversion","tab","addEventListener","removeEventListener","formData","dVals","wVals","formValues","nestedFormValues","is_section_field","fieldName","finalFormValues","toString","JSON","stringify","validatedFields","account_type","switchFormData","selectValue","Box","sx","width","padding","children","jsx","FormProvider","jsxs","onSubmit","Boolean","Fragment","Alert","severity","onClose","TabBar","tabs","activeValue","setActiveValue","isFormTabValid","FormSection","images"],"mappings":"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"}

package/dist/components/grid/grid-card/grid-card/index.esm.js

@@ -91,12 +91,14 @@ const GridCardMarkup = (props) => {
     }
   );
 };
-function GridCard(props) {
+const GridCard = (props) => {
   return /* @__PURE__ */ jsx(Fragment, { children: props.data.map((cardData) => {
     return /* @__PURE__ */ jsx(GridCardMarkup, { data: cardData });
   }) });
-}
+};
 export {
+  GridCard,
+  GridCardMarkup,
   GridCard as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/grid/grid-card/grid-card/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/grid/grid-card/grid-card.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Card from \"@mui/material/Card\";\n// import CardActions from '@mui/material/CardActions';\nimport CardContent from \"@mui/material/CardContent\";\n// import Button from '@mui/material/Button';\nimport Typography from \"../../typography/typography\";\n\ninterface GridCard {\n  name: string;\n  company: string;\n  status: string;\n  email: string;\n  amount: string;\n}\n\nconst GridCardMarkup = (props: any) => {\n  return (\n    <Card\n      sx={{\n        width: \"16.625rem\",\n        borderRadius: \"0.5rem\",\n        border: \"0.5px solid theme.secondary.200, #F5F6F5\",\n        backgroundColor: \"theme.secondary.100\",\n        boxShadow: `\n                0px 0px 2px 0px #E0E0E0, \n                0px 1px 4px - 2px rgba(24, 39, 75, 0.02), \n                0px 4px 4px - 2px rgba(24, 39, 75, 0.06)`,\n        m: 3,\n      }}\n    >\n      <CardContent\n        sx={{\n          display: \"flex\",\n          flexDirection: \"column\",\n          padding: \"1rem 1rem 1.25rem 1rem\",\n          justifyContent: \"space-between\",\n          alignItems: \"flex-start\",\n          flexShrink: 0,\n        }}\n      >\n        <Box\n          sx={{\n            display: \"flex\",\n            width: \"100%\",\n            justifyContent: \"space-between\",\n            marginBottom: 1,\n          }}\n        >\n          <Box>\n            <Typography type=\"s3\" weight=\"medium\">\n              {props.data.name || \"Kristin Watson\"}\n            </Typography>\n            <Typography type=\"s3\" color=\"theme.secondary.800\">\n              {props.data.company || \"Barone LLC.\"}\n            </Typography>\n          </Box>\n          <Box>\n            <Typography\n              type=\"s4\"\n              sx={{\n                padding: \"0.25rem 0.375rem\",\n                gap: \"0.5rem\",\n                borderRadius: \"0.5rem\",\n                backgroundColor: \"theme.secondary.200\",\n              }}\n              color=\"theme.secondary.900\"\n            >\n              {props.data.status || \"Lost\"}\n            </Typography>\n          </Box>\n        </Box>\n        <Typography\n          type=\"s3\"\n          sx={{\n            overflow: \"hidden\",\n            color: \"theme.secondary.900\",\n            textDecorationLine: \"underline\",\n          }}\n        >\n          {props.data.email || \"kristen.watson@example.com\"}\n        </Typography>\n        <Box sx={{ mt: \"1.25rem\", display: \"flex\", alignItems: \"center\" }}>\n          <Typography\n            type=\"s3\"\n            sx={{ mr: \".2rem\" }}\n            color=\"theme.secondary.900\"\n          >\n            {props.data.amount || \"$10,000,000\"}\n          </Typography>\n          <Typography type=\"s4\" color=\"theme.secondary.800\">\n            est value\n          </Typography>\n        </Box>\n      </CardContent>\n      {/* <CardActions>\n                <Button size=\"small\">Learn More</Button>\n            </CardActions> */}\n    </Card>\n  );\n};\n\nexport default function GridCard(props: any) {\n  return (\n    <>\n      {props.data.map((cardData: GridCard) => {\n        return <GridCardMarkup data={cardData} />;\n      })}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;AAeA,MAAM,iBAAiB,CAAC,UAAe;AACrC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,WAAW;AAAA;AAAA;AAAA;AAAA,QAIX,GAAG;AAAA,MAAA;AAAA,MAGL,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,SAAS;AAAA,YACT,eAAe;AAAA,YACf,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,YAAY;AAAA,YACZ,YAAY;AAAA,UAAA;AAAA,UAGd,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,gBAAgB;AAAA,kBAChB,cAAc;AAAA,gBAAA;AAAA,gBAGhB,UAAA;AAAA,kBAAA,qBAAC,KAAA,EACC,UAAA;AAAA,oBAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAC1B,UAAA,MAAM,KAAK,QAAQ,iBAAA,CACtB;AAAA,oBACA,oBAAC,cAAW,MAAK,MAAK,OAAM,uBACzB,UAAA,MAAM,KAAK,WAAW,cAAA,CACzB;AAAA,kBAAA,GACF;AAAA,sCACC,KAAA,EACC,UAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,IAAI;AAAA,wBACF,SAAS;AAAA,wBACT,KAAK;AAAA,wBACL,cAAc;AAAA,wBACd,iBAAiB;AAAA,sBAAA;AAAA,sBAEnB,OAAM;AAAA,sBAEL,UAAA,MAAM,KAAK,UAAU;AAAA,oBAAA;AAAA,kBAAA,EACxB,CACF;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,IAAI;AAAA,kBACF,UAAU;AAAA,kBACV,OAAO;AAAA,kBACP,oBAAoB;AAAA,gBAAA;AAAA,gBAGrB,UAAA,MAAM,KAAK,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,YAEvB,qBAAC,KAAA,EAAI,IAAI,EAAE,IAAI,WAAW,SAAS,QAAQ,YAAY,SAAA,GACrD,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,IAAI,EAAE,IAAI,QAAA;AAAA,kBACV,OAAM;AAAA,kBAEL,UAAA,MAAM,KAAK,UAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,kCAEvB,YAAA,EAAW,MAAK,MAAK,OAAM,uBAAsB,UAAA,YAAA,CAElD;AAAA,YAAA,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAMN;AAEA,SAAwB,SAAS,OAAY;AAC3C,SACE,oBAAA,UAAA,EACG,UAAA,MAAM,KAAK,IAAI,CAAC,aAAuB;AACtC,WAAO,oBAAC,gBAAA,EAAe,MAAM,SAAA,CAAU;AAAA,EACzC,CAAC,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/grid/grid-card/grid-card.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\n// import CardActions from '@mui/material/CardActions';\nimport CardContent from '@mui/material/CardContent';\n// import Button from '@mui/material/Button';\nimport Typography from '../../typography/typography';\n\nexport interface IGridCard {\n\tname: string;\n\tcompany: string;\n\tstatus: string;\n\temail: string;\n\tamount: string;\n}\n\nexport const GridCardMarkup = (props: any) => {\n\treturn (\n\t\t<Card\n\t\t\tsx={{\n\t\t\t\twidth: '16.625rem',\n\t\t\t\tborderRadius: '0.5rem',\n\t\t\t\tborder: '0.5px solid theme.secondary.200, #F5F6F5',\n\t\t\t\tbackgroundColor: 'theme.secondary.100',\n\t\t\t\tboxShadow: `\n                0px 0px 2px 0px #E0E0E0, \n                0px 1px 4px - 2px rgba(24, 39, 75, 0.02), \n                0px 4px 4px - 2px rgba(24, 39, 75, 0.06)`,\n\t\t\t\tm: 3\n\t\t\t}}>\n\t\t\t<CardContent\n\t\t\t\tsx={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tpadding: '1rem 1rem 1.25rem 1rem',\n\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\talignItems: 'flex-start',\n\t\t\t\t\tflexShrink: 0\n\t\t\t\t}}>\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\tmarginBottom: 1\n\t\t\t\t\t}}>\n\t\t\t\t\t<Box>\n\t\t\t\t\t\t<Typography type='s3' weight='medium'>\n\t\t\t\t\t\t\t{props.data.name || 'Kristin Watson'}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t<Typography type='s3' color='theme.secondary.800'>\n\t\t\t\t\t\t\t{props.data.company || 'Barone LLC.'}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t\t<Box>\n\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\ttype='s4'\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\tpadding: '0.25rem 0.375rem',\n\t\t\t\t\t\t\t\tgap: '0.5rem',\n\t\t\t\t\t\t\t\tborderRadius: '0.5rem',\n\t\t\t\t\t\t\t\tbackgroundColor: 'theme.secondary.200'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcolor='theme.secondary.900'>\n\t\t\t\t\t\t\t{props.data.status || 'Lost'}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t</Box>\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s3'\n\t\t\t\t\tsx={{\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\tcolor: 'theme.secondary.900',\n\t\t\t\t\t\ttextDecorationLine: 'underline'\n\t\t\t\t\t}}>\n\t\t\t\t\t{props.data.email || 'kristen.watson@example.com'}\n\t\t\t\t</Typography>\n\t\t\t\t<Box sx={{ mt: '1.25rem', display: 'flex', alignItems: 'center' }}>\n\t\t\t\t\t<Typography\n\t\t\t\t\t\ttype='s3'\n\t\t\t\t\t\tsx={{ mr: '.2rem' }}\n\t\t\t\t\t\tcolor='theme.secondary.900'>\n\t\t\t\t\t\t{props.data.amount || '$10,000,000'}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.800'>\n\t\t\t\t\t\test value\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</CardContent>\n\t\t\t{/* <CardActions>\n                <Button size=\"small\">Learn More</Button>\n            </CardActions> */}\n\t\t</Card>\n\t);\n};\n\nexport const GridCard = (props: any) => {\n\treturn (\n\t\t<>\n\t\t\t{props.data.map((cardData: IGridCard) => {\n\t\t\t\treturn <GridCardMarkup data={cardData} />;\n\t\t\t})}\n\t\t</>\n\t);\n};\n\nexport default GridCard;\n"],"names":[],"mappings":";;;;;AAeO,MAAM,iBAAiB,CAAC,UAAe;AAC7C,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,IAAI;AAAA,QACH,OAAO;AAAA,QACP,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,WAAW;AAAA;AAAA;AAAA;AAAA,QAIX,GAAG;AAAA,MAAA;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,IAAI;AAAA,YACH,SAAS;AAAA,YACT,eAAe;AAAA,YACf,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,YAAY;AAAA,YACZ,YAAY;AAAA,UAAA;AAAA,UAEb,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACA,IAAI;AAAA,kBACH,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,gBAAgB;AAAA,kBAChB,cAAc;AAAA,gBAAA;AAAA,gBAEf,UAAA;AAAA,kBAAA,qBAAC,KAAA,EACA,UAAA;AAAA,oBAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAC3B,UAAA,MAAM,KAAK,QAAQ,iBAAA,CACrB;AAAA,oBACA,oBAAC,cAAW,MAAK,MAAK,OAAM,uBAC1B,UAAA,MAAM,KAAK,WAAW,cAAA,CACxB;AAAA,kBAAA,GACD;AAAA,sCACC,KAAA,EACA,UAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACA,MAAK;AAAA,sBACL,IAAI;AAAA,wBACH,SAAS;AAAA,wBACT,KAAK;AAAA,wBACL,cAAc;AAAA,wBACd,iBAAiB;AAAA,sBAAA;AAAA,sBAElB,OAAM;AAAA,sBACL,UAAA,MAAM,KAAK,UAAU;AAAA,oBAAA;AAAA,kBAAA,EACvB,CACD;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAED;AAAA,cAAC;AAAA,cAAA;AAAA,gBACA,MAAK;AAAA,gBACL,IAAI;AAAA,kBACH,UAAU;AAAA,kBACV,OAAO;AAAA,kBACP,oBAAoB;AAAA,gBAAA;AAAA,gBAEpB,UAAA,MAAM,KAAK,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,YAEtB,qBAAC,KAAA,EAAI,IAAI,EAAE,IAAI,WAAW,SAAS,QAAQ,YAAY,SAAA,GACtD,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACA,MAAK;AAAA,kBACL,IAAI,EAAE,IAAI,QAAA;AAAA,kBACV,OAAM;AAAA,kBACL,UAAA,MAAM,KAAK,UAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,kCAEtB,YAAA,EAAW,MAAK,MAAK,OAAM,uBAAsB,UAAA,YAAA,CAElD;AAAA,YAAA,EAAA,CACD;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACD;AAAA,EAAA;AAMH;AAEO,MAAM,WAAW,CAAC,UAAe;AACvC,SACC,oBAAA,UAAA,EACE,UAAA,MAAM,KAAK,IAAI,CAAC,aAAwB;AACxC,WAAO,oBAAC,gBAAA,EAAe,MAAM,SAAA,CAAU;AAAA,EACxC,CAAC,EAAA,CACF;AAEF;"}

package/dist/components/grid/grid-card/grid-card/index.js

@@ -1,12 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../typography/typography/index.js"),a=require("../../../../node_modules/@mui/material/Card/Card/index.js"),t=require("../../../../node_modules/@mui/material/CardContent/CardContent/index.js"),s=require("../../../../node_modules/@mui/material/Box/Box/index.js");const d=d=>/* @__PURE__ */e.jsx(a.default,{sx:{width:"16.625rem",borderRadius:"0.5rem",border:"0.5px solid theme.secondary.200, #F5F6F5",backgroundColor:"theme.secondary.100",boxShadow:"\n                0px 0px 2px 0px #E0E0E0, \n                0px 1px 4px - 2px rgba(24, 39, 75, 0.02), \n                0px 4px 4px - 2px rgba(24, 39, 75, 0.06)",m:3},children:/* @__PURE__ */e.jsxs(t.default,{sx:{display:"flex",flexDirection:"column",padding:"1rem 1rem 1.25rem 1rem",justifyContent:"space-between",alignItems:"flex-start",flexShrink:0},children:[
-/* @__PURE__ */e.jsxs(s.default,{sx:{display:"flex",width:"100%",justifyContent:"space-between",marginBottom:1},children:[
-/* @__PURE__ */e.jsxs(s.default,{children:[
-/* @__PURE__ */e.jsx(r.Typography,{type:"s3",weight:"medium",children:d.data.name||"Kristin Watson"}),
-/* @__PURE__ */e.jsx(r.Typography,{type:"s3",color:"theme.secondary.800",children:d.data.company||"Barone LLC."})]}),
-/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(r.Typography,{type:"s4",sx:{padding:"0.25rem 0.375rem",gap:"0.5rem",borderRadius:"0.5rem",backgroundColor:"theme.secondary.200"},color:"theme.secondary.900",children:d.data.status||"Lost"})})]}),
-/* @__PURE__ */e.jsx(r.Typography,{type:"s3",sx:{overflow:"hidden",color:"theme.secondary.900",textDecorationLine:"underline"},children:d.data.email||"kristen.watson@example.com"}),
-/* @__PURE__ */e.jsxs(s.default,{sx:{mt:"1.25rem",display:"flex",alignItems:"center"},children:[
-/* @__PURE__ */e.jsx(r.Typography,{type:"s3",sx:{mr:".2rem"},color:"theme.secondary.900",children:d.data.amount||"$10,000,000"}),
-/* @__PURE__ */e.jsx(r.Typography,{type:"s4",color:"theme.secondary.800",children:"est value"})]})]})});exports.default=function(r){/* @__PURE__ */
-return e.jsx(e.Fragment,{children:r.data.map(r=>/* @__PURE__ */e.jsx(d,{data:r}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../typography/typography/index.js"),a=require("../../../../node_modules/@mui/material/Card/Card/index.js"),t=require("../../../../node_modules/@mui/material/CardContent/CardContent/index.js"),d=require("../../../../node_modules/@mui/material/Box/Box/index.js");const s=s=>/* @__PURE__ */e.jsx(a.default,{sx:{width:"16.625rem",borderRadius:"0.5rem",border:"0.5px solid theme.secondary.200, #F5F6F5",backgroundColor:"theme.secondary.100",boxShadow:"\n                0px 0px 2px 0px #E0E0E0, \n                0px 1px 4px - 2px rgba(24, 39, 75, 0.02), \n                0px 4px 4px - 2px rgba(24, 39, 75, 0.06)",m:3},children:/* @__PURE__ */e.jsxs(t.default,{sx:{display:"flex",flexDirection:"column",padding:"1rem 1rem 1.25rem 1rem",justifyContent:"space-between",alignItems:"flex-start",flexShrink:0},children:[
+/* @__PURE__ */e.jsxs(d.default,{sx:{display:"flex",width:"100%",justifyContent:"space-between",marginBottom:1},children:[
+/* @__PURE__ */e.jsxs(d.default,{children:[
+/* @__PURE__ */e.jsx(r.Typography,{type:"s3",weight:"medium",children:s.data.name||"Kristin Watson"}),
+/* @__PURE__ */e.jsx(r.Typography,{type:"s3",color:"theme.secondary.800",children:s.data.company||"Barone LLC."})]}),
+/* @__PURE__ */e.jsx(d.default,{children:/* @__PURE__ */e.jsx(r.Typography,{type:"s4",sx:{padding:"0.25rem 0.375rem",gap:"0.5rem",borderRadius:"0.5rem",backgroundColor:"theme.secondary.200"},color:"theme.secondary.900",children:s.data.status||"Lost"})})]}),
+/* @__PURE__ */e.jsx(r.Typography,{type:"s3",sx:{overflow:"hidden",color:"theme.secondary.900",textDecorationLine:"underline"},children:s.data.email||"kristen.watson@example.com"}),
+/* @__PURE__ */e.jsxs(d.default,{sx:{mt:"1.25rem",display:"flex",alignItems:"center"},children:[
+/* @__PURE__ */e.jsx(r.Typography,{type:"s3",sx:{mr:".2rem"},color:"theme.secondary.900",children:s.data.amount||"$10,000,000"}),
+/* @__PURE__ */e.jsx(r.Typography,{type:"s4",color:"theme.secondary.800",children:"est value"})]})]})}),o=r=>/* @__PURE__ */e.jsx(e.Fragment,{children:r.data.map(r=>/* @__PURE__ */e.jsx(s,{data:r}))});exports.GridCard=o,exports.GridCardMarkup=s,exports.default=o;
 //# sourceMappingURL=index.js.map

package/dist/components/grid/grid-card/grid-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/grid/grid-card/grid-card.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Card from \"@mui/material/Card\";\n// import CardActions from '@mui/material/CardActions';\nimport CardContent from \"@mui/material/CardContent\";\n// import Button from '@mui/material/Button';\nimport Typography from \"../../typography/typography\";\n\ninterface GridCard {\n  name: string;\n  company: string;\n  status: string;\n  email: string;\n  amount: string;\n}\n\nconst GridCardMarkup = (props: any) => {\n  return (\n    <Card\n      sx={{\n        width: \"16.625rem\",\n        borderRadius: \"0.5rem\",\n        border: \"0.5px solid theme.secondary.200, #F5F6F5\",\n        backgroundColor: \"theme.secondary.100\",\n        boxShadow: `\n                0px 0px 2px 0px #E0E0E0, \n                0px 1px 4px - 2px rgba(24, 39, 75, 0.02), \n                0px 4px 4px - 2px rgba(24, 39, 75, 0.06)`,\n        m: 3,\n      }}\n    >\n      <CardContent\n        sx={{\n          display: \"flex\",\n          flexDirection: \"column\",\n          padding: \"1rem 1rem 1.25rem 1rem\",\n          justifyContent: \"space-between\",\n          alignItems: \"flex-start\",\n          flexShrink: 0,\n        }}\n      >\n        <Box\n          sx={{\n            display: \"flex\",\n            width: \"100%\",\n            justifyContent: \"space-between\",\n            marginBottom: 1,\n          }}\n        >\n          <Box>\n            <Typography type=\"s3\" weight=\"medium\">\n              {props.data.name || \"Kristin Watson\"}\n            </Typography>\n            <Typography type=\"s3\" color=\"theme.secondary.800\">\n              {props.data.company || \"Barone LLC.\"}\n            </Typography>\n          </Box>\n          <Box>\n            <Typography\n              type=\"s4\"\n              sx={{\n                padding: \"0.25rem 0.375rem\",\n                gap: \"0.5rem\",\n                borderRadius: \"0.5rem\",\n                backgroundColor: \"theme.secondary.200\",\n              }}\n              color=\"theme.secondary.900\"\n            >\n              {props.data.status || \"Lost\"}\n            </Typography>\n          </Box>\n        </Box>\n        <Typography\n          type=\"s3\"\n          sx={{\n            overflow: \"hidden\",\n            color: \"theme.secondary.900\",\n            textDecorationLine: \"underline\",\n          }}\n        >\n          {props.data.email || \"kristen.watson@example.com\"}\n        </Typography>\n        <Box sx={{ mt: \"1.25rem\", display: \"flex\", alignItems: \"center\" }}>\n          <Typography\n            type=\"s3\"\n            sx={{ mr: \".2rem\" }}\n            color=\"theme.secondary.900\"\n          >\n            {props.data.amount || \"$10,000,000\"}\n          </Typography>\n          <Typography type=\"s4\" color=\"theme.secondary.800\">\n            est value\n          </Typography>\n        </Box>\n      </CardContent>\n      {/* <CardActions>\n                <Button size=\"small\">Learn More</Button>\n            </CardActions> */}\n    </Card>\n  );\n};\n\nexport default function GridCard(props: any) {\n  return (\n    <>\n      {props.data.map((cardData: GridCard) => {\n        return <GridCardMarkup data={cardData} />;\n      })}\n    </>\n  );\n}\n"],"names":["GridCardMarkup","props","jsx","Card","sx","width","borderRadius","border","backgroundColor","boxShadow","m","children","jsxs","CardContent","display","flexDirection","padding","justifyContent","alignItems","flexShrink","Box","marginBottom","Typography","type","weight","data","name","color","company","gap","status","overflow","textDecorationLine","email","mt","mr","amount","Fragment","map","cardData"],"mappings":"6XAeA,MAAMA,EAAkBC,kBAEpBC,EAAAA,IAACC,EAAAA,QAAA,CACCC,GAAI,CACFC,MAAO,YACPC,aAAc,SACdC,OAAQ,2CACRC,gBAAiB,sBACjBC,UAAW,oKAIXC,EAAG,GAGLC,wBAAAC,EAAAA,KAACC,EAAAA,QAAA,CACCT,GAAI,CACFU,QAAS,OACTC,cAAe,SACfC,QAAS,yBACTC,eAAgB,gBAChBC,WAAY,aACZC,WAAY,GAGdR,SAAA;eAAAC,EAAAA,KAACQ,EAAAA,QAAA,CACChB,GAAI,CACFU,QAAS,OACTT,MAAO,OACPY,eAAgB,gBAChBI,aAAc,GAGhBV,SAAA;eAAAC,OAACQ,EAAAA,QAAA,CACCT,SAAA;eAAAT,EAAAA,IAACoB,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAC1Bb,SAAAV,EAAMwB,KAAKC,MAAQ;eAEtBxB,EAAAA,IAACoB,EAAAA,YAAWC,KAAK,KAAKI,MAAM,sBACzBhB,SAAAV,EAAMwB,KAAKG,SAAW;qBAG1BR,EAAAA,QAAA,CACCT,wBAAAT,EAAAA,IAACoB,EAAAA,WAAA,CACCC,KAAK,KACLnB,GAAI,CACFY,QAAS,mBACTa,IAAK,SACLvB,aAAc,SACdE,gBAAiB,uBAEnBmB,MAAM,sBAELhB,SAAAV,EAAMwB,KAAKK,QAAU;eAI5B5B,EAAAA,IAACoB,EAAAA,WAAA,CACCC,KAAK,KACLnB,GAAI,CACF2B,SAAU,SACVJ,MAAO,sBACPK,mBAAoB,aAGrBrB,SAAAV,EAAMwB,KAAKQ,OAAS;eAEvBrB,EAAAA,KAACQ,EAAAA,QAAA,CAAIhB,GAAI,CAAE8B,GAAI,UAAWpB,QAAS,OAAQI,WAAY,UACrDP,SAAA;eAAAT,EAAAA,IAACoB,EAAAA,WAAA,CACCC,KAAK,KACLnB,GAAI,CAAE+B,GAAI,SACVR,MAAM,sBAELhB,SAAAV,EAAMwB,KAAKW,QAAU;qBAEvBd,EAAAA,WAAA,CAAWC,KAAK,KAAKI,MAAM,sBAAsBhB,SAAA,sCAY5D,SAAiCV;AAC/B,OACEC,EAAAA,IAAAmC,EAAAA,SAAA,CACG1B,SAAAV,EAAMwB,KAAKa,IAAKC,oBACRrC,IAACF,EAAA,CAAeyB,KAAMc,MAIrC"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/grid/grid-card/grid-card.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\n// import CardActions from '@mui/material/CardActions';\nimport CardContent from '@mui/material/CardContent';\n// import Button from '@mui/material/Button';\nimport Typography from '../../typography/typography';\n\nexport interface IGridCard {\n\tname: string;\n\tcompany: string;\n\tstatus: string;\n\temail: string;\n\tamount: string;\n}\n\nexport const GridCardMarkup = (props: any) => {\n\treturn (\n\t\t<Card\n\t\t\tsx={{\n\t\t\t\twidth: '16.625rem',\n\t\t\t\tborderRadius: '0.5rem',\n\t\t\t\tborder: '0.5px solid theme.secondary.200, #F5F6F5',\n\t\t\t\tbackgroundColor: 'theme.secondary.100',\n\t\t\t\tboxShadow: `\n                0px 0px 2px 0px #E0E0E0, \n                0px 1px 4px - 2px rgba(24, 39, 75, 0.02), \n                0px 4px 4px - 2px rgba(24, 39, 75, 0.06)`,\n\t\t\t\tm: 3\n\t\t\t}}>\n\t\t\t<CardContent\n\t\t\t\tsx={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tpadding: '1rem 1rem 1.25rem 1rem',\n\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\talignItems: 'flex-start',\n\t\t\t\t\tflexShrink: 0\n\t\t\t\t}}>\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\tmarginBottom: 1\n\t\t\t\t\t}}>\n\t\t\t\t\t<Box>\n\t\t\t\t\t\t<Typography type='s3' weight='medium'>\n\t\t\t\t\t\t\t{props.data.name || 'Kristin Watson'}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t<Typography type='s3' color='theme.secondary.800'>\n\t\t\t\t\t\t\t{props.data.company || 'Barone LLC.'}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t\t<Box>\n\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\ttype='s4'\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\tpadding: '0.25rem 0.375rem',\n\t\t\t\t\t\t\t\tgap: '0.5rem',\n\t\t\t\t\t\t\t\tborderRadius: '0.5rem',\n\t\t\t\t\t\t\t\tbackgroundColor: 'theme.secondary.200'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcolor='theme.secondary.900'>\n\t\t\t\t\t\t\t{props.data.status || 'Lost'}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t</Box>\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s3'\n\t\t\t\t\tsx={{\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\tcolor: 'theme.secondary.900',\n\t\t\t\t\t\ttextDecorationLine: 'underline'\n\t\t\t\t\t}}>\n\t\t\t\t\t{props.data.email || 'kristen.watson@example.com'}\n\t\t\t\t</Typography>\n\t\t\t\t<Box sx={{ mt: '1.25rem', display: 'flex', alignItems: 'center' }}>\n\t\t\t\t\t<Typography\n\t\t\t\t\t\ttype='s3'\n\t\t\t\t\t\tsx={{ mr: '.2rem' }}\n\t\t\t\t\t\tcolor='theme.secondary.900'>\n\t\t\t\t\t\t{props.data.amount || '$10,000,000'}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.800'>\n\t\t\t\t\t\test value\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</CardContent>\n\t\t\t{/* <CardActions>\n                <Button size=\"small\">Learn More</Button>\n            </CardActions> */}\n\t\t</Card>\n\t);\n};\n\nexport const GridCard = (props: any) => {\n\treturn (\n\t\t<>\n\t\t\t{props.data.map((cardData: IGridCard) => {\n\t\t\t\treturn <GridCardMarkup data={cardData} />;\n\t\t\t})}\n\t\t</>\n\t);\n};\n\nexport default GridCard;\n"],"names":["GridCardMarkup","props","jsx","Card","sx","width","borderRadius","border","backgroundColor","boxShadow","m","children","jsxs","CardContent","display","flexDirection","padding","justifyContent","alignItems","flexShrink","Box","marginBottom","Typography","type","weight","data","name","color","company","gap","status","overflow","textDecorationLine","email","mt","mr","amount","GridCard","Fragment","map","cardData"],"mappings":"6XAeO,MAAMA,EAAkBC,kBAE7BC,EAAAA,IAACC,EAAAA,QAAA,CACAC,GAAI,CACHC,MAAO,YACPC,aAAc,SACdC,OAAQ,2CACRC,gBAAiB,sBACjBC,UAAW,oKAIXC,EAAG,GAEJC,wBAAAC,EAAAA,KAACC,EAAAA,QAAA,CACAT,GAAI,CACHU,QAAS,OACTC,cAAe,SACfC,QAAS,yBACTC,eAAgB,gBAChBC,WAAY,aACZC,WAAY,GAEbR,SAAA;eAAAC,EAAAA,KAACQ,EAAAA,QAAA,CACAhB,GAAI,CACHU,QAAS,OACTT,MAAO,OACPY,eAAgB,gBAChBI,aAAc,GAEfV,SAAA;eAAAC,OAACQ,EAAAA,QAAA,CACAT,SAAA;eAAAT,EAAAA,IAACoB,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAC3Bb,SAAAV,EAAMwB,KAAKC,MAAQ;eAErBxB,EAAAA,IAACoB,EAAAA,YAAWC,KAAK,KAAKI,MAAM,sBAC1BhB,SAAAV,EAAMwB,KAAKG,SAAW;qBAGxBR,EAAAA,QAAA,CACAT,wBAAAT,EAAAA,IAACoB,EAAAA,WAAA,CACAC,KAAK,KACLnB,GAAI,CACHY,QAAS,mBACTa,IAAK,SACLvB,aAAc,SACdE,gBAAiB,uBAElBmB,MAAM,sBACLhB,SAAAV,EAAMwB,KAAKK,QAAU;eAIzB5B,EAAAA,IAACoB,EAAAA,WAAA,CACAC,KAAK,KACLnB,GAAI,CACH2B,SAAU,SACVJ,MAAO,sBACPK,mBAAoB,aAEpBrB,SAAAV,EAAMwB,KAAKQ,OAAS;eAEtBrB,EAAAA,KAACQ,EAAAA,QAAA,CAAIhB,GAAI,CAAE8B,GAAI,UAAWpB,QAAS,OAAQI,WAAY,UACtDP,SAAA;eAAAT,EAAAA,IAACoB,EAAAA,WAAA,CACAC,KAAK,KACLnB,GAAI,CAAE+B,GAAI,SACVR,MAAM,sBACLhB,SAAAV,EAAMwB,KAAKW,QAAU;qBAEtBd,EAAAA,WAAA,CAAWC,KAAK,KAAKI,MAAM,sBAAsBhB,SAAA,sBAY1C0B,EAAYpC,kBAEvBC,EAAAA,IAAAoC,EAAAA,SAAA,CACE3B,SAAAV,EAAMwB,KAAKc,IAAKC,oBACTtC,IAACF,EAAA,CAAeyB,KAAMe"}

package/dist/components/grid/grid-card/grid-card.d.ts

@@ -1 +1,10 @@
-export default function GridCard(props: any): import("react/jsx-runtime").JSX.Element;
+export interface IGridCard {
+    name: string;
+    company: string;
+    status: string;
+    email: string;
+    amount: string;
+}
+export declare const GridCardMarkup: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const GridCard: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default GridCard;