@arudovwen/form-builder-react 1.4.8 → 1.4.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/form-builder.es.js +76 -69
  2. package/dist/form-builder.umd.js +4 -4
  3. package/dist/index.css +1 -1
  4. package/package.json +1 -1
package/dist/form-builder.umd.js CHANGED
@@ -1,4 +1,4 @@
1
- (function(Y,v){typeof exports=="object"&&typeof module!="undefined"?v(exports,require("react"),require("react-toastify"),require("uuid"),require("react-datepicker"),require("@headlessui/react"),require("react-currency-input-field"),require("react-hook-form"),require("@hookform/resolvers"),require("yup"),require("axios"),require("papaparse"),require("xlsx"),require("react-router-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-toastify","uuid","react-datepicker","@headlessui/react","react-currency-input-field","react-hook-form","@hookform/resolvers","yup","axios","papaparse","xlsx","react-router-dom"],v):(Y=typeof globalThis!="undefined"?globalThis:Y||self,v(Y.FormBuilder={},Y.React,Y.reactToastify,Y.uuid,Y.DatePicker,Y.react,Y.CurrencyInput,Y.reactHookForm,Y.resolvers,Y.yup,Y.axios,Y.Papa,Y.XLSX,Y.reactRouterDom))})(this,function(Y,v,ge,Q,wn,q,Pe,ue,vi,An,_e,Sn,Cn,_n){"use strict";var pi=document.createElement("style");pi.textContent=`@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Onest:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Public Sans:wght@100..900&display=swap";.form-control{display:block;width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(208 213 221 / var(--tw-border-opacity, 1));background-color:transparent;padding:10px 14px;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(71 84 103 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-control::-moz-placeholder{font-weight:400;--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.form-control::placeholder{font-weight:400;--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.form-control:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .9}.form-label{margin-bottom:.5rem;display:block;width:100%;cursor:pointer;font-size:.875rem;font-weight:500;text-transform:capitalize;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(71 84 103 / var(--tw-text-opacity, 1))}.field-control{display:block;width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(208 213 221 / var(--tw-border-opacity, 1));background-color:transparent;padding:10px 14px;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(71 84 103 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.field-control::-moz-placeholder{font-weight:400;--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.field-control::placeholder{font-weight:400;--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.field-control:focus{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: .9}.input-label{margin-bottom:6px;cursor:pointer;font-size:.875rem;font-weight:500;text-transform:capitalize;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(71 84 103 / var(--tw-text-opacity, 1))}.formGroup.has-error .field-control{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.formGroup.has-error .field-control:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .9}.formGroup.is-valid .field-control{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.formGroup.is-valid .field-control:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .9}.field-control[readonly]{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.field-control[disabled]{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.field-control[disabled]::-moz-placeholder{--tw-text-opacity: .6}.field-control[disabled]::placeholder{--tw-text-opacity: .6}label{color:#475467!important}.side_shadow{box-shadow:0 2px 4px -2px #0a0d120f;box-shadow:0 4px 6px -1px #0a0d121a}.btn{position:relative;white-space:normal;border-radius:.5rem;padding:.5rem 1.5rem;font-weight:500;text-transform:capitalize;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn:disabled{cursor:not-allowed;--tw-border-opacity: 1;border-color:rgb(228 231 236 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(242 244 247 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1));opacity:.8}@media (min-width: 768px){.btn{white-space:nowrap}}body{font-family:Public Sans,Helvetica,sans-serif;color:#414651}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-top-\\[10px\\]{top:-10px}.-top-\\[12px\\]{top:-12px}.left-0{left:0}.left-3{left:.75rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[40\\]{z-index:40}.z-\\[77\\]{z-index:77}.z-\\[999\\]{z-index:999}.col-span-2{grid-column:span 2 / span 2}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-\\[4px\\]{margin-bottom:4px}.mb-\\[5px\\]{margin-bottom:5px}.mb-\\[6px\\]{margin-bottom:6px}.ml-2{margin-left:.5rem}.ml-\\[6px\\]{margin-left:6px}.mr-1{margin-right:.25rem}.mr-3{margin-right:.75rem}.mr-6{margin-right:1.5rem}.mr-\\[6px\\]{margin-right:6px}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-\\[6px\\]{margin-top:6px}.block{display:block}.\\!flex{display:flex!important}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.\\!h-\\[800px\\]{height:800px!important}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\\[60px\\]{height:60px}.h-\\[60vh\\]{height:60vh}.h-\\[80vh\\]{height:80vh}.h-\\[calc\\(100vh-64px\\)\\]{height:calc(100vh - 64px)}.h-full{height:100%}.h-max{height:-moz-max-content;height:max-content}.h-screen{height:100vh}.max-h-60{max-height:15rem}.max-h-\\[400px\\]{max-height:400px}.max-h-\\[800px\\]{max-height:800px}.max-h-\\[80vh\\]{max-height:80vh}.max-h-\\[90vh\\]{max-height:90vh}.max-h-\\[calc\\(100vh-100px\\)\\]{max-height:calc(100vh - 100px)}.max-h-full{max-height:100%}.min-h-\\[110px\\]{min-height:110px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[300px\\]{min-height:300px}.min-h-\\[60px\\]{min-height:60px}.\\!w-full{width:100%!important}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-20{width:5rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-\\[150px\\]{width:150px}.w-\\[250px\\]{width:250px}.w-\\[260px\\]{width:260px}.w-\\[60px\\]{width:60px}.w-full{width:100%}.w-screen{width:100vw}.min-w-\\[24px\\]{min-width:24px}.min-w-\\[600px\\]{min-width:600px}.max-w-\\[650px\\]{max-width:650px}.max-w-\\[70px\\]{max-width:70px}.max-w-\\[800px\\]{max-width:800px}.max-w-\\[90vw\\]{max-width:90vw}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-x-\\[10px\\]{-moz-column-gap:10px;column-gap:10px}.gap-y-1{row-gap:.25rem}.gap-y-10{row-gap:2.5rem}.gap-y-12{row-gap:3rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-5{row-gap:1.25rem}.gap-y-6{row-gap:1.5rem}.gap-y-\\[1px\\]{row-gap:1px}.gap-y-\\[6px\\]{row-gap:6px}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\\[1\\.5px\\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\\[\\#98A2B3\\]{--tw-border-opacity: 1;border-color:rgb(152 162 179 / var(--tw-border-opacity, 1))}.border-\\[\\#D0D5DD\\]{--tw-border-opacity: 1;border-color:rgb(208 213 221 / var(--tw-border-opacity, 1))}.border-\\[\\#D5D9EB\\]{--tw-border-opacity: 1;border-color:rgb(213 217 235 / var(--tw-border-opacity, 1))}.border-\\[\\#E4E7EC\\]{--tw-border-opacity: 1;border-color:rgb(228 231 236 / var(--tw-border-opacity, 1))}.border-\\[\\#EAECF0\\]{--tw-border-opacity: 1;border-color:rgb(234 236 240 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-t-transparent{border-top-color:transparent}.\\!bg-gray-50{--tw-bg-opacity: 1 !important;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))!important}.bg-\\[\\#2563EB\\]{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-\\[\\#F2F4F7\\]{--tw-bg-opacity: 1;background-color:rgb(242 244 247 / var(--tw-bg-opacity, 1))}.bg-\\[\\#F8F9FC\\]{--tw-bg-opacity: 1;background-color:rgb(248 249 252 / var(--tw-bg-opacity, 1))}.bg-\\[\\#F9F9FB\\]{--tw-bg-opacity: 1;background-color:rgb(249 249 251 / var(--tw-bg-opacity, 1))}.bg-\\[\\#F9FAFB\\]{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-\\[\\#f7f8fa\\]{--tw-bg-opacity: 1;background-color:rgb(247 248 250 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\\/30{background-color:#0000004d}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\\!py-0{padding-top:0!important;padding-bottom:0!important}.\\!py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.\\!py-\\[10px\\]{padding-top:10px!important;padding-bottom:10px!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\\[10px\\]{padding-top:10px;padding-bottom:10px}.py-\\[2px\\]{padding-top:2px;padding-bottom:2px}.py-\\[8px\\]{padding-top:8px;padding-bottom:8px}.\\!pl-1{padding-left:.25rem!important}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-\\[14px\\]{padding-bottom:14px}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-20{padding-top:5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.\\!text-left{text-align:left!important}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-onest{font-family:Onest,sans-serif}.\\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[20px\\]{font-size:20px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.\\!font-medium{font-weight:500!important}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-4{line-height:1rem}.leading-\\[0\\]{line-height:0}.leading-normal{line-height:1.5}.\\!text-blue-700{--tw-text-opacity: 1 !important;color:rgb(29 78 216 / var(--tw-text-opacity, 1))!important}.\\!text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.\\!text-white\\/60{color:#fff9!important}.text-\\[\\#1B2B41B8\\]{color:#1b2b41b8}.text-\\[\\#344054\\]{--tw-text-opacity: 1;color:rgb(52 64 84 / var(--tw-text-opacity, 1))}.text-\\[\\#454745\\]{--tw-text-opacity: 1;color:rgb(69 71 69 / var(--tw-text-opacity, 1))}.text-\\[\\#475467\\]{--tw-text-opacity: 1;color:rgb(71 84 103 / var(--tw-text-opacity, 1))}.text-\\[\\#667085\\]{--tw-text-opacity: 1;color:rgb(102 112 133 / var(--tw-text-opacity, 1))}.text-\\[\\#686878\\]{--tw-text-opacity: 1;color:rgb(104 104 120 / var(--tw-text-opacity, 1))}.text-\\[\\#98A2B3\\]{--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.\\!opacity-60{opacity:.6!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow-\\[rgba\\(149\\,157\\,165\\,0\\.2\\)_0px_2px_4px\\]{--tw-shadow: rgba(149,157,165,.2) 0px 2px 4px;--tw-shadow-colored: 0px 2px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline-0{outline-width:0px}.outline-gray-100{outline-color:#f3f4f6}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1))}.ring-opacity-5{--tw-ring-opacity: .05}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}html,body{margin:0;padding:0;color:#414651}:root{font-family:Onest,serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.no-drag{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.loader{width:48px;height:48px;display:inline-block;position:relative}.loader:after,.loader:before{content:"";box-sizing:border-box;width:48px;height:48px;border-radius:50%;border:2px solid var(--loader-color, #333);position:absolute;left:0;top:0;animation:animloader 2s linear infinite}.loader:after{animation-delay:1s}@keyframes animloader{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.text-green{color:green}.top_bar{box-shadow:0 1px 2px #0a0d120d}.react-datepicker__input-container,.react-datepicker-wrapper{width:100%;display:flex!important;align-items:center!important}.react-datepicker__input-container .react-datepicker__calendar-icon{right:0;display:flex!important;align-items:center!important}.react-datepicker__view-calendar-icon input{padding:10px 14px!important}.form_submit{box-shadow:0 1px 2px #0a0d120d}.file\\:mr-4::file-selector-button{margin-right:1rem}.file\\:rounded::file-selector-button{border-radius:.25rem}.file\\:rounded-\\[6px\\]::file-selector-button{border-radius:6px}.file\\:border-0::file-selector-button{border-width:0px}.file\\:border-gray-600::file-selector-button{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.file\\:bg-blue-50::file-selector-button{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.file\\:bg-gray-600::file-selector-button{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.file\\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\\:py-\\[6px\\]::file-selector-button{padding-top:6px;padding-bottom:6px}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-semibold::file-selector-button{font-weight:600}.file\\:text-blue-700::file-selector-button{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.file\\:text-white::file-selector-button{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.file\\:outline-none::file-selector-button{outline:2px solid transparent;outline-offset:2px}.last\\:mb-0:last-child{margin-bottom:0}.hover\\:bg-blue-300:hover{--tw-bg-opacity: 1;background-color:rgb(147 197 253 / var(--tw-bg-opacity, 1))}.hover\\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\\:opacity-80:hover{opacity:.8}.hover\\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\\:file\\:bg-blue-100::file-selector-button:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-0:focus{outline-width:0px}.active\\:opacity-50:active{opacity:.5}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}.group:last-child .group-last\\:hidden{display:none}@media (min-width: 640px){.sm\\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\\:w-\\[100px\\]{width:100px}}@media (min-width: 1024px){.lg\\:min-w-\\[800px\\]{min-width:800px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.multi_section__title{padding:0 24px 16px}.multi_section__content{padding:24px}.footer{padding:0 24px 24px}
1
+ (function(Y,v){typeof exports=="object"&&typeof module!="undefined"?v(exports,require("react"),require("react-toastify"),require("uuid"),require("react-datepicker"),require("@headlessui/react"),require("react-currency-input-field"),require("react-hook-form"),require("@hookform/resolvers"),require("yup"),require("axios"),require("papaparse"),require("xlsx"),require("react-router-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-toastify","uuid","react-datepicker","@headlessui/react","react-currency-input-field","react-hook-form","@hookform/resolvers","yup","axios","papaparse","xlsx","react-router-dom"],v):(Y=typeof globalThis!="undefined"?globalThis:Y||self,v(Y.FormBuilder={},Y.React,Y.reactToastify,Y.uuid,Y.DatePicker,Y.react,Y.CurrencyInput,Y.reactHookForm,Y.resolvers,Y.yup,Y.axios,Y.Papa,Y.XLSX,Y.reactRouterDom))})(this,function(Y,v,ge,Q,wn,q,Pe,ue,vi,An,_e,Sn,Cn,_n){"use strict";var pi=document.createElement("style");pi.textContent=`@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Onest:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Public Sans:wght@100..900&display=swap";.form-control{display:block;width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(208 213 221 / var(--tw-border-opacity, 1));background-color:transparent;padding:10px 14px;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(71 84 103 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-control::-moz-placeholder{font-weight:400;--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.form-control::placeholder{font-weight:400;--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.form-control:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .9}.form-label{margin-bottom:.5rem;display:block;width:100%;cursor:pointer;font-size:.875rem;font-weight:500;text-transform:capitalize;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(71 84 103 / var(--tw-text-opacity, 1))}.field-control{display:block;width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(208 213 221 / var(--tw-border-opacity, 1));background-color:transparent;padding:10px 14px;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(71 84 103 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.field-control::-moz-placeholder{font-weight:400;--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.field-control::placeholder{font-weight:400;--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.field-control:focus{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: .9}.input-label{margin-bottom:6px;cursor:pointer;font-size:.875rem;font-weight:500;text-transform:capitalize;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(71 84 103 / var(--tw-text-opacity, 1))}.formGroup.has-error .field-control{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.formGroup.has-error .field-control:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .9}.formGroup.is-valid .field-control{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.formGroup.is-valid .field-control:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .9}.field-control[readonly]{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.field-control[disabled]{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.field-control[disabled]::-moz-placeholder{--tw-text-opacity: .6}.field-control[disabled]::placeholder{--tw-text-opacity: .6}label{color:#475467!important}.side_shadow{box-shadow:0 2px 4px -2px #0a0d120f;box-shadow:0 4px 6px -1px #0a0d121a}.btn{position:relative;white-space:normal;border-radius:.5rem;padding:.5rem 1.5rem;font-weight:500;text-transform:capitalize;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn:disabled{cursor:not-allowed;--tw-border-opacity: 1;border-color:rgb(228 231 236 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(242 244 247 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1));opacity:.8}@media (min-width: 768px){.btn{white-space:nowrap}}body{font-family:Public Sans,Helvetica,sans-serif;color:#414651}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-top-\\[10px\\]{top:-10px}.-top-\\[12px\\]{top:-12px}.left-0{left:0}.left-3{left:.75rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[40\\]{z-index:40}.z-\\[77\\]{z-index:77}.z-\\[999\\]{z-index:999}.col-span-2{grid-column:span 2 / span 2}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-\\[4px\\]{margin-bottom:4px}.mb-\\[5px\\]{margin-bottom:5px}.mb-\\[6px\\]{margin-bottom:6px}.ml-2{margin-left:.5rem}.ml-\\[6px\\]{margin-left:6px}.mr-1{margin-right:.25rem}.mr-3{margin-right:.75rem}.mr-6{margin-right:1.5rem}.mr-\\[6px\\]{margin-right:6px}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-\\[6px\\]{margin-top:6px}.block{display:block}.\\!flex{display:flex!important}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.\\!h-\\[800px\\]{height:800px!important}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\\[60px\\]{height:60px}.h-\\[60vh\\]{height:60vh}.h-\\[80vh\\]{height:80vh}.h-\\[calc\\(100vh-64px\\)\\]{height:calc(100vh - 64px)}.h-full{height:100%}.h-max{height:-moz-max-content;height:max-content}.h-screen{height:100vh}.max-h-60{max-height:15rem}.max-h-\\[400px\\]{max-height:400px}.max-h-\\[800px\\]{max-height:800px}.max-h-\\[80vh\\]{max-height:80vh}.max-h-\\[90vh\\]{max-height:90vh}.max-h-\\[calc\\(100vh-60px\\)\\]{max-height:calc(100vh - 60px)}.max-h-full{max-height:100%}.min-h-\\[110px\\]{min-height:110px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[300px\\]{min-height:300px}.min-h-\\[60px\\]{min-height:60px}.\\!w-full{width:100%!important}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-20{width:5rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-\\[150px\\]{width:150px}.w-\\[250px\\]{width:250px}.w-\\[260px\\]{width:260px}.w-\\[60px\\]{width:60px}.w-full{width:100%}.w-screen{width:100vw}.min-w-\\[24px\\]{min-width:24px}.min-w-\\[600px\\]{min-width:600px}.max-w-\\[650px\\]{max-width:650px}.max-w-\\[70px\\]{max-width:70px}.max-w-\\[800px\\]{max-width:800px}.max-w-\\[90vw\\]{max-width:90vw}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-x-\\[10px\\]{-moz-column-gap:10px;column-gap:10px}.gap-y-1{row-gap:.25rem}.gap-y-10{row-gap:2.5rem}.gap-y-12{row-gap:3rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-5{row-gap:1.25rem}.gap-y-6{row-gap:1.5rem}.gap-y-\\[1px\\]{row-gap:1px}.gap-y-\\[6px\\]{row-gap:6px}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\\[1\\.5px\\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\\[\\#98A2B3\\]{--tw-border-opacity: 1;border-color:rgb(152 162 179 / var(--tw-border-opacity, 1))}.border-\\[\\#D0D5DD\\]{--tw-border-opacity: 1;border-color:rgb(208 213 221 / var(--tw-border-opacity, 1))}.border-\\[\\#D5D9EB\\]{--tw-border-opacity: 1;border-color:rgb(213 217 235 / var(--tw-border-opacity, 1))}.border-\\[\\#E4E7EC\\]{--tw-border-opacity: 1;border-color:rgb(228 231 236 / var(--tw-border-opacity, 1))}.border-\\[\\#EAECF0\\]{--tw-border-opacity: 1;border-color:rgb(234 236 240 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-t-transparent{border-top-color:transparent}.\\!bg-gray-50{--tw-bg-opacity: 1 !important;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))!important}.bg-\\[\\#2563EB\\]{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-\\[\\#F2F4F7\\]{--tw-bg-opacity: 1;background-color:rgb(242 244 247 / var(--tw-bg-opacity, 1))}.bg-\\[\\#F8F9FC\\]{--tw-bg-opacity: 1;background-color:rgb(248 249 252 / var(--tw-bg-opacity, 1))}.bg-\\[\\#F9F9FB\\]{--tw-bg-opacity: 1;background-color:rgb(249 249 251 / var(--tw-bg-opacity, 1))}.bg-\\[\\#F9FAFB\\]{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-\\[\\#f7f8fa\\]{--tw-bg-opacity: 1;background-color:rgb(247 248 250 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\\/30{background-color:#0000004d}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\\!py-0{padding-top:0!important;padding-bottom:0!important}.\\!py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.\\!py-\\[10px\\]{padding-top:10px!important;padding-bottom:10px!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\\[10px\\]{padding-top:10px;padding-bottom:10px}.py-\\[2px\\]{padding-top:2px;padding-bottom:2px}.py-\\[8px\\]{padding-top:8px;padding-bottom:8px}.\\!pl-1{padding-left:.25rem!important}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-\\[14px\\]{padding-bottom:14px}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-20{padding-top:5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.\\!text-left{text-align:left!important}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-onest{font-family:Onest,sans-serif}.\\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[20px\\]{font-size:20px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.\\!font-medium{font-weight:500!important}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-4{line-height:1rem}.leading-\\[0\\]{line-height:0}.leading-normal{line-height:1.5}.\\!text-blue-700{--tw-text-opacity: 1 !important;color:rgb(29 78 216 / var(--tw-text-opacity, 1))!important}.\\!text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.\\!text-white\\/60{color:#fff9!important}.text-\\[\\#1B2B41B8\\]{color:#1b2b41b8}.text-\\[\\#344054\\]{--tw-text-opacity: 1;color:rgb(52 64 84 / var(--tw-text-opacity, 1))}.text-\\[\\#454745\\]{--tw-text-opacity: 1;color:rgb(69 71 69 / var(--tw-text-opacity, 1))}.text-\\[\\#475467\\]{--tw-text-opacity: 1;color:rgb(71 84 103 / var(--tw-text-opacity, 1))}.text-\\[\\#667085\\]{--tw-text-opacity: 1;color:rgb(102 112 133 / var(--tw-text-opacity, 1))}.text-\\[\\#686878\\]{--tw-text-opacity: 1;color:rgb(104 104 120 / var(--tw-text-opacity, 1))}.text-\\[\\#98A2B3\\]{--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.\\!opacity-60{opacity:.6!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow-\\[rgba\\(149\\,157\\,165\\,0\\.2\\)_0px_2px_4px\\]{--tw-shadow: rgba(149,157,165,.2) 0px 2px 4px;--tw-shadow-colored: 0px 2px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline-0{outline-width:0px}.outline-gray-100{outline-color:#f3f4f6}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1))}.ring-opacity-5{--tw-ring-opacity: .05}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}html,body{margin:0;padding:0;color:#414651}:root{font-family:Onest,serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.no-drag{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.loader{width:48px;height:48px;display:inline-block;position:relative}.loader:after,.loader:before{content:"";box-sizing:border-box;width:48px;height:48px;border-radius:50%;border:2px solid var(--loader-color, #333);position:absolute;left:0;top:0;animation:animloader 2s linear infinite}.loader:after{animation-delay:1s}@keyframes animloader{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.text-green{color:green}.top_bar{box-shadow:0 1px 2px #0a0d120d}.react-datepicker__input-container,.react-datepicker-wrapper{width:100%;display:flex!important;align-items:center!important}.react-datepicker__input-container .react-datepicker__calendar-icon{right:0;display:flex!important;align-items:center!important}.react-datepicker__view-calendar-icon input{padding:10px 14px!important}.form_submit{box-shadow:0 1px 2px #0a0d120d}.file\\:mr-4::file-selector-button{margin-right:1rem}.file\\:rounded::file-selector-button{border-radius:.25rem}.file\\:rounded-\\[6px\\]::file-selector-button{border-radius:6px}.file\\:border-0::file-selector-button{border-width:0px}.file\\:border-gray-600::file-selector-button{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.file\\:bg-blue-50::file-selector-button{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.file\\:bg-gray-600::file-selector-button{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.file\\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\\:py-\\[6px\\]::file-selector-button{padding-top:6px;padding-bottom:6px}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-semibold::file-selector-button{font-weight:600}.file\\:text-blue-700::file-selector-button{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.file\\:text-white::file-selector-button{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.file\\:outline-none::file-selector-button{outline:2px solid transparent;outline-offset:2px}.last\\:mb-0:last-child{margin-bottom:0}.hover\\:bg-blue-300:hover{--tw-bg-opacity: 1;background-color:rgb(147 197 253 / var(--tw-bg-opacity, 1))}.hover\\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\\:opacity-80:hover{opacity:.8}.hover\\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\\:file\\:bg-blue-100::file-selector-button:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-0:focus{outline-width:0px}.active\\:opacity-50:active{opacity:.5}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}.group:last-child .group-last\\:hidden{display:none}@media (min-width: 640px){.sm\\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\\:w-\\[100px\\]{width:100px}}@media (min-width: 1024px){.lg\\:min-w-\\[800px\\]{min-width:800px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.multi_section__title{padding:0 24px 16px}.multi_section__content{padding:24px}.footer{padding:0 24px 24px}
2
2
  /*$vite$:1*/`,document.head.appendChild(pi);function gi(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const j=gi(An),hi=gi(Cn);var Oe={exports:{}},Ne={};/**
3
3
  * @license React
4
4
  * react-jsx-runtime.production.min.js
@@ -45,8 +45,8 @@ React keys must be passed directly to JSX without using spread:
45
45
  "data": [
46
46
  { "name": "Document Name", "id": "documentMainId", ...restObject },
47
47
  ]
48
- }`})})]})})}),to=()=>i.jsx("blockquote",{className:"p-4 text-gray-700 bg-gray-100 rounded-md",children:i.jsxs("ul",{children:[i.jsxs("li",{className:"text-xs",children:["Method: GET ",i.jsx("br",{}),"URL format:"," ",i.jsx("code",{children:"https://example.com/validation/{documentId}"})]}),i.jsxs("li",{className:"text-xs",children:[i.jsx("span",{className:"block mb-1",children:" Response example format:"}),i.jsx("pre",{className:"p-2 bg-white rounded-md",children:i.jsxs("code",{children:["{ ",i.jsx("br",{}),'  "data": { ',i.jsx("br",{}),'    "status": true, ',i.jsx("br",{}),'    "isSigned": true ',i.jsx("br",{}),"  } ",i.jsx("br",{}),"}"]})})]})]})}),ro=j.object().shape({inputLabel:j.string().nullable(),placeholder:j.string().nullable(),description:j.string().nullable(),isReadOnly:j.boolean(),isDisabled:j.boolean(),isRequired:j.boolean(),requiredMessage:j.string().nullable(),minLengthMessage:j.string().nullable(),maxLengthMessage:j.string().nullable(),maxLength:j.number().typeError("Expecting a number").nullable(),minLength:j.number().typeError("Expecting a number").nullable(),inputType:j.string().nullable(),maxAmountMessage:j.string().nullable(),maxAmount:j.string().nullable(),options:j.array().of(j.object().shape({label:j.string().nullable(),value:j.string().when("label",{is:e=>e&&e.length>0,then:e=>e.required("Value is required when label is present"),otherwise:e=>e.nullable()})})).when("inputType",{is:e=>["radio","checkbox"].includes(e),then:e=>e.required("Options are required for radio or checkbox inputs"),otherwise:e=>e.nullable()}),options1:j.array().of(j.object().shape({label:j.string().nullable(),value:j.string().when("label",{is:e=>e&&e.length>0,then:e=>e.required("Value is required when label is present"),otherwise:e=>e.nullable()})})).when("inputType",{is:e=>["radio","checkbox"].includes(e),then:e=>e.required("Options are required for radio or checkbox inputs"),otherwise:e=>e.nullable()}),prefix:j.string().nullable(),url:j.string().nullable(),method:j.string().nullable(),denominators:j.mixed().nullable(),responseType:j.string().nullable(),minAmount:j.string().nullable(),heading:j.string().nullable(),minAmountMessage:j.string().nullable(),columns:j.number().nullable(),value:j.mixed().nullable(),customClass:j.string().nullable(),elementClass:j.string().nullable(),apiUrl:j.string().nullable(),selectType:j.string().default("list"),dateType:j.string().default("basic"),validationUrl:j.string(),signatureLink:j.string()}),uo=[{title:"Configurations",key:"basic"},{title:"Validations",key:"validation"}],co=({isOpen:e,onClose:n,element:a})=>{const s=uo.filter(O=>!Ge.includes(a.inputType)||O.key!=="validation"),{updateElement:o}=v.useContext(te),[l,d]=v.useState("basic"),[r,t]=v.useState(!1),[c,m]=v.useState("manual"),h=oe("config"),{register:b,handleSubmit:g,control:w,setValue:f,watch:p,trigger:y,formState:{errors:k,isSubmitting:x,isValid:C},reset:M}=ue.useForm({resolver:ni(ro),defaultValues:{...a,options:a.options||[]}}),A=p(),{fields:N,append:P,remove:L}=ue.useFieldArray({control:w,name:"options"}),{fields:E,append:V,remove:T}=ue.useFieldArray({control:w,name:"options1"}),{fields:U,append:ne,remove:se}=ue.useFieldArray({control:w,name:"dataColumns"});v.useEffect(()=>{e||M()},[e,M]);const de=O=>{o(O,a.sectionId),n()},R={headers:{Authorization:`Bearer ${oe("token")}`}},me=v.useCallback(async()=>{var O,I,$;if(!A.apiUrl||!/^https?:\/\//.test(A.apiUrl)){ge.toast.info("Please provide a valid API URL");return}try{t(!0);const{status:ee,data:re}=await _e.get(A.apiUrl,R);if(ee!==200||!re){ge.toast.error("Unexpected response from server.");return}const pe=re.data||re.record||re.result;if(!Array.isArray(pe)){ge.toast.error("Expected an array in response (data, record, or result).");return}((O=a.type)==null?void 0:O.toLowerCase())==="datagrid"?f("dataColumns",pe):f("options",pe)}catch(ee){const re=(($=(I=ee==null?void 0:ee.response)==null?void 0:I.data)==null?void 0:$.message)||(ee==null?void 0:ee.message)||"Unable to load options";ge.toast.error(re)}finally{t(!1)}},[a.type,f,A.apiUrl]),be=["manual","api","sheet"];function ve(){c==="api"&&me()}const ye=()=>i.jsxs("div",{className:"flex flex-col justify-start gap-y-1",children:[i.jsx("div",{className:"flex items-center mb-4 gap-x-5",children:be.map(O=>i.jsxs("label",{className:"items-center text-base capitalize gap-x-3",children:[i.jsx("input",{type:"radio",name:"optionType",onChange:I=>m(I.target.value),value:O})," ",i.jsxs("span",{children:[O," options"]})]},O))}),c==="api"&&i.jsxs("div",{className:"mb-4",children:[i.jsxs("div",{className:"flex items-center gap-x-2",children:[i.jsxs("div",{className:"relative flex items-center w-full mb-2",children:[i.jsx(K,{label:"Load Options from Api",name:"apiUrl",errors:k,register:b,className:"!w-full",placeholder:"https://example.com/options",isFloating:!0}),r&&i.jsx("div",{className:"absolute w-4 h-4 mt-1 border-2 border-blue-500 rounded-full border-t-transparent animate-spin right-3 top-1/2"})]}),i.jsx("button",{onClick:ve,className:"px-3 py-1 text-xs text-white bg-gray-600 rounded",type:"button",children:"Load"})]}),i.jsx(oo,{})]}),c==="sheet"&&i.jsx("div",{className:"mb-4",children:i.jsx(Qi,{isFloating:!0,label:"Load options form sheet (csv, xlsx)",setValue:f,name:"options"})}),i.jsxs("div",{children:[i.jsx("h3",{className:"mb-4 text-sm text-gray-500",children:"Parent Options "}),N.map((O,I)=>i.jsxs("div",{className:"flex items-center mb-1 gap-x-4 last:mb-0",children:[i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Label",name:`options.${I}.label`,register:b,errors:k,element:a,placeholder:"Label",isFloating:!0})}),i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Value",name:`options.${I}.value`,register:b,errors:k,element:a,placeholder:"Value",isFloating:!0})}),i.jsx("button",{disabled:N.length===1,type:"button",className:"outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",onClick:()=>L(I),children:i.jsx(H,{icon:"iconamoon:sign-times-fill"})})]},O.id))," ",i.jsxs("div",{children:[" ",i.jsxs("button",{type:"button",className:"flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",onClick:()=>P({label:"",value:"",id:Q.v4()}),children:[i.jsx(H,{icon:"qlementine-icons:plus-16"})," Add Option"]})]})]}),a.type.toLowerCase()==="cascadeselect"&&i.jsxs(i.Fragment,{children:[i.jsx("hr",{className:"my-5"}),i.jsxs("div",{children:[" ",i.jsx("h3",{className:"mb-4 text-sm text-gray-500",children:"Child Options "}),E==null?void 0:E.map((O,I)=>i.jsxs("div",{className:"flex items-center mb-1 gap-x-4 last:mb-0",children:[i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Label",name:`options1.${I}.label`,register:b,errors:k,element:a,placeholder:"Label",isFloating:!0})}),i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Value",name:`options1.${I}.value`,register:b,errors:k,element:a,placeholder:"Value",isFloating:!0})}),i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Key",name:`options1.${I}.key`,register:b,errors:k,element:a,placeholder:"Key",isFloating:!0})}),i.jsx("button",{disabled:E.length===1,type:"button",className:"outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",onClick:()=>T(I),children:i.jsx(H,{icon:"iconamoon:sign-times-fill"})})]},O.id)),i.jsxs("div",{children:[" ",i.jsxs("button",{type:"button",className:"flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",onClick:()=>V({label:"",value:"",key:"",id:Q.v4()}),children:[i.jsx(H,{icon:"qlementine-icons:plus-16"})," Add Option"]})]})]})]})]}),xe=()=>i.jsxs("div",{className:"flex flex-col justify-start gap-y-1",children:[i.jsx("div",{className:"flex items-center mb-4 gap-x-5",children:be.map(O=>i.jsxs("label",{className:"items-center text-base capitalize gap-x-3",children:[i.jsx("input",{type:"radio",name:"optionType",onChange:I=>m(I.target.value),value:O,checked:O===c})," ",i.jsxs("span",{children:[O," options"]})]},O))}),c==="api"&&i.jsxs("div",{className:"mb-4",children:[i.jsxs("div",{className:"flex items-center gap-x-2",children:[i.jsxs("div",{className:"relative flex items-center w-full mb-2",children:[i.jsx(K,{label:"Load Columns from Api",name:"apiUrl",errors:k,register:b,className:"!w-full",placeholder:"https://example.com/columns",isFloating:!0}),r&&i.jsx("div",{className:"absolute w-4 h-4 mt-1 border-2 border-blue-500 rounded-full border-t-transparent animate-spin right-3 top-1/2"})]})," ",i.jsx("button",{onClick:ve,className:"px-3 py-1 text-xs text-white bg-gray-600 rounded",type:"button",children:"Load"})]}),i.jsx(so,{})]}),c==="sheet"&&i.jsx("div",{className:"mb-4",children:i.jsx(Qi,{isFloating:!0,label:"Load columns form sheet (csv, xlsx)",setValue:f,name:"dataColumns"})}),U.map((O,I)=>i.jsxs("div",{className:"flex items-center gap-x-4 ",children:[i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Field key",name:`dataColumns.${I}.field`,register:b,errors:k,element:a,placeholder:"Field",isFloating:!0})}),i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Header Name",name:`dataColumns.${I}.headerName`,register:b,errors:k,element:a,placeholder:"headerName",isFloating:!0})}),i.jsx("button",{disabled:U.length===1,type:"button",className:"outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",onClick:()=>se(I),children:i.jsx(H,{icon:"iconamoon:sign-times-fill"})})]},O.id)),i.jsxs("div",{children:[" ",i.jsxs("button",{type:"button",className:"flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",onClick:()=>ne({headerName:"",field:"",editable:!0,id:Q.v4()}),children:[i.jsx(H,{icon:"qlementine-icons:plus-16"})," Add column"]})]})]}),X=v.useCallback(async()=>{const O=oe("token"),{status:I,data:$}=await _e.get(A.url,{headers:{Authorization:`Bearer ${O}`}});I===200&&(console.log({data:$}),f("options",($==null?void 0:$.data)||$))},[f,A.url]);return v.useEffect(()=>{a.type==="document"&&A.url&&X()},[A.url,a.type,X]),i.jsx("div",{className:"fixed inset-0 bg-black/30 flex items-center justify-center z-[999] cursor-default select-none ",draggable:"true",onDragStart:O=>O.preventDefault(),children:i.jsxs("div",{className:"min-w-[600px] bg-white rounded-xl shadow-xl relative flex flex-col pb-4 items-center max-h-[80vh] overflow-y-auto no-scrollbar select-",draggable:"true",onDragStart:O=>O.preventDefault(),children:[i.jsx("div",{className:"z-10 flex flex-col items-start w-full gap-4 px-6 pt-4 pb-5 mb-3",children:i.jsx("button",{onClick:n,type:"button","aria-label":"close",className:"absolute right-4 top-4 p-2 text-[#98A2B3] hover:bg-gray-50 rounded-lg",children:i.jsx(H,{icon:"tabler:x"})})}),i.jsx("div",{className:"w-full",children:i.jsx(Va,{tabs:s,setActiveTab:d,activeTab:l,className:"justify-start !text-left",btnClass:" !text-left"})}),i.jsxs("form",{onSubmit:g(de),className:"w-full",children:[i.jsxs("div",{className:" max-h-[800px] overflow-y-auto",children:[l==="basic"&&i.jsxs("div",{className:"z-10 flex flex-col w-full gap-5 px-6",children:[ai.includes(a.inputType)&&i.jsx(i.Fragment,{children:i.jsx(K,{label:"Value",name:"value",register:b,errors:k,element:a})}),!ai.includes(a.inputType)&&!Ge.includes(a.inputType)&&i.jsxs(i.Fragment,{children:[i.jsx(K,{label:"Label",name:"inputLabel",register:b,errors:k,element:a})," ",a.type.toLowerCase()==="cascadeselect"&&i.jsx(K,{label:"Child Label",name:"childLabel",register:b,errors:k,element:a})]}),Za.includes(a.inputType)&&i.jsx(K,{label:"Placeholder",name:"placeholder",register:b,errors:k,element:a}),Ja.includes(a.inputType)&&i.jsx(K,{label:"Prefix",name:"prefix",register:b,errors:k,element:a}),Xa.includes(a.inputType)&&i.jsxs("div",{className:"grid gap-y-4",children:[i.jsx(ao,{}),i.jsx(K,{label:"Api Url",name:"url",register:b,errors:k,element:a}),i.jsx(Ae,{label:"Api Method",options:[{label:"GET",value:"GET"},{label:"POST",value:"POST"}],register:b,name:"method",setValue:f,trigger:y,value:p("method")}),i.jsx(Ae,{label:"Api Response type",options:[{label:"String",value:"string"},{label:"Object",value:"object"}],register:b,name:"responseType",setValue:f,trigger:y,value:p("responseType")})]}),eo.includes(a.inputType)&&i.jsx(no,{onChange:O=>{f("denominators",O)},value:p("denominators")}),!ai.includes(a.inputType)&&!Ge.includes(a.inputType)&&i.jsx(K,{label:"Short Description",name:"description",register:b,errors:k,element:a}),a.type.toLowerCase()==="date"&&i.jsxs(i.Fragment,{children:[i.jsx(Ae,{label:"Date Type",options:[{label:"Basic",value:"basic"},{label:"Custom",value:"custom"}],register:b,name:"dateType",setValue:f,trigger:y,value:p("dateType")}),p("dateType")==="custom"&&i.jsx(Ae,{label:"Date Format",options:io,register:b,name:"dateFormat",setValue:f,trigger:y,value:p("dateFormat")})]}),a.type.toLowerCase()==="selectfield"&&i.jsx(Ae,{label:"Select Type",options:[{label:"List",value:"list"},{label:"Combobox",value:"Combobox"}],register:b,name:"selectType",setValue:f,trigger:y,value:p("selectType")}),a.type.toLowerCase()==="grid"&&i.jsx(K,{label:"Number of columns",name:"columns",register:b,errors:k,element:a}),a.type.toLowerCase()==="document"&&i.jsxs("div",{className:"grid gap-y-6",children:[i.jsxs("div",{className:"grid gap-y-1",children:[i.jsx(K,{label:"Document Options Url",name:"url",register:b,errors:k,element:a})," ",i.jsx(lo,{})]}),i.jsxs("div",{className:"grid gap-y-1",children:[i.jsx(K,{label:"Document Validation Url",name:"validationUrl",register:b,errors:k,element:a}),i.jsx(to,{})]}),i.jsx("div",{className:"grid gap-y-1",children:i.jsx(K,{label:"Signature Page Url",name:"signatureLink",register:b,errors:k,element:a})})]}),a.type.toLowerCase()==="datagrid"&&xe(),Qa.includes(a.inputType)&&ye()]}),!Ge.includes(a.type.toLowerCase())&&l==="validation"&&i.jsxs("div",{className:"z-10 flex flex-col w-full gap-5 px-6",children:[i.jsxs("div",{className:"flex items-center gap-x-6",children:[i.jsx("div",{className:"w-[150px]",children:i.jsx(K,{label:"Required",name:"isRequired",register:b,errors:k,element:a,type:"checkbox"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Error message text",name:"requiredMessage",register:b,errors:k,element:a})})]}),Ya.includes(a.inputType)&&i.jsxs(i.Fragment,{children:[i.jsxs("div",{className:"flex items-center gap-x-6",children:[i.jsx("div",{className:"w-[150px]",children:i.jsx(K,{label:"Min Length",name:"minLength",register:b,errors:k,element:a,type:"number"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Error message text",name:"minLengthMessage",register:b,errors:k,element:a})})]}),i.jsxs("div",{className:"flex items-center gap-x-6",children:[i.jsx("div",{className:"w-[150px]",children:i.jsx(K,{label:"Max Length",name:"maxLength",register:b,errors:k,element:a,type:"number"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Error message text",name:"maxLengthMessage",register:b,errors:k,element:a})})]})]}),$a.includes(a.inputType)&&i.jsxs(i.Fragment,{children:[i.jsxs("div",{className:"flex items-center gap-x-6",children:[i.jsx("div",{className:"w-[150px]",children:i.jsx(K,{label:"Min Amount",name:"minAmount",register:b,errors:k,element:a,type:"amount"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Error message text",name:"minAmountMessage",register:b,errors:k,element:a})})]}),i.jsxs("div",{className:"flex items-center gap-x-6",children:[i.jsx("div",{className:"w-[150px]",children:i.jsx(K,{label:"Max Amount",name:"maxAmount",register:b,errors:k,element:a,type:"amount"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Error message text",name:"maxAmountMessage",register:b,errors:k,element:a})})]})]})]})]}),i.jsxs("div",{className:"flex w-full gap-3 px-6 pt-8 pb-6 mt-4",children:[i.jsx("button",{type:"button",onClick:n,className:"flex-1 px-4 py-2.5 bg-white border border-[#D0D5DD] rounded-lg shadow-xs font-semibold text-[#344054] font-onest editor_option__cancel",children:"Cancel"}),i.jsx("button",{type:"submit",disabled:!C||x,style:{background:(h==null?void 0:h.buttonColor)||"#333"},className:`flex-1 px-4 py-2.5 ${!C||x?"bg-[#F2F4F7]":"bg-[#2563EB]"} ${!C||x?"text-[#98A2B3]":"text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50 editor_option__save`,children:x?"Saving...":"Save"})]})]})]})})},oi=v.memo(({state:e,element:n,children:a})=>{const[s,o]=v.useState(!1),{removeElement:l}=v.useContext(te),d=v.useCallback(()=>{l(n.id,n.sectionId)},[n.id,n.sectionId,l]);return i.jsxs("div",{className:"w-full",children:[s&&i.jsx(co,{isOpen:s,onClose:()=>o(!1),element:n}),i.jsxs("div",{className:"flex items-center justify-between mb-2",children:[i.jsxs("span",{children:[" ",n.inputLabel&&i.jsx("label",{className:"text-sm font-medium input_label",children:n.inputLabel})]}),e==="edit"&&i.jsxs("span",{className:"flex items-center gap-x-3",children:[i.jsx("button",{type:"button",className:"text-sm outline-none hover:opacity-80",onClick:()=>o(!0),children:i.jsx(H,{icon:"circum:edit"})}),i.jsx("button",{type:"button",className:"text-sm outline-none hover:opacity-80",onClick:d,children:i.jsx(H,{icon:"iconamoon:sign-times-fill"})})]})]}),a]})});oi.displayName="ElementContainer";function mo({element:e,validationData:n}){const{register:a=()=>({}),trigger:s,setValue:o,watch:l,isReadOnly:d}=n||{};let r;return l&&(r=l()[e.id]),i.jsx(K,{placeholder:e.placeholder,type:e.inputType,label:"",name:e.id,register:a,trigger:s,setValue:o,value:r,prefix:e.prefix,disabled:d})}function bo(e){if(!e)return!1;const n=/^data:image\/(jpeg|png|gif|bmp|webp);base64,/i,a=/\.(jpeg|jpg|png|gif|bmp|webp)$/i;return n.test(e)||a.test(e)}const vo=({imageUrl:e})=>{const[n,a]=v.useState(!1),s=()=>{a(!0)},o=()=>{a(!1)};return i.jsxs("div",{children:[i.jsx("img",{alt:"Thumbnail",style:{cursor:"pointer",width:"120px",height:"130px",objectFit:"cover"},onClick:s,src:e||"/place.png","data-toggle":"tooltip","data-placement":"top",title:"Click to view"}),n&&i.jsx("div",{className:"modal",style:{position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",justifyContent:"center",alignItems:"center"},onClick:o,children:i.jsxs("div",{className:"modal-content",style:{position:"relative",backgroundColor:"white",padding:"20px",borderRadius:"8px",width:"90vw"},onClick:l=>l.stopPropagation(),children:[i.jsx("span",{className:"close",onClick:o,style:{position:"absolute",top:"10px",right:"10px",fontSize:"24px",cursor:"pointer"},children:"×"}),i.jsx("img",{src:e||"/place.png",alt:"Full Image",style:{maxWidth:"90%",maxHeight:"90vh",objectFit:"contain"}})]})})]})};function po({element:e,validationData:n}){const{register:a=()=>({}),setValue:s,watch:o}=n||{},[l,d]=v.useState(),[r,t]=v.useState(!1),[c,m]=v.useState(!1),[h,b]=v.useState(""),g=o&&o(e==null?void 0:e.id);v.useEffect(()=>{d(g)},[g]);const[w,f]=v.useState("");v.useEffect(()=>{a(e.id)},[e.id,a]);const{url:p,method:y,responseType:k}=e||{},C={headers:{Authorization:`Bearer ${oe("token")}`}},M=v.useCallback(async A=>{var N,P,L,E,V,T,U,ne,se,de,ce;if(!(!p||!y)){t(!0);try{let R;if(y.toLowerCase()==="get"){const me=`${p}?value=${A}`;R=await _e.get(me,C)}else if(y.toLowerCase()==="post")R=await _e.post(p,{value:A},C);else throw new Error("Unsupported HTTP method");R.status===200&&((((P=(N=R==null?void 0:R.data)==null?void 0:N.data)==null?void 0:P.status)||((L=R==null?void 0:R.data)==null?void 0:L.status))===!0?(m(!0),k==="string"?b(((V=(E=R==null?void 0:R.data)==null?void 0:E.data)==null?void 0:V.description)||((T=R==null?void 0:R.data)==null?void 0:T.description)||"Validation successful"):f(((ne=(U=R==null?void 0:R.data)==null?void 0:U.data)==null?void 0:ne.description)||((se=R==null?void 0:R.data)==null?void 0:se.description)||{})):(console.error("Invalid input:",A),b("Unable to validate input"),m(!1)))}catch(R){console.error("Error validating input:",R),b(((ce=(de=R==null?void 0:R.response)==null?void 0:de.data)==null?void 0:ce.message)||"Unable to validate input"),m(!1)}finally{t(!1)}}},[y,k,p]);return v.useEffect(()=>{if(l){const A=setTimeout(()=>{M(l)},700);return()=>clearTimeout(A)}},[M,l]),i.jsxs("div",{children:[i.jsxs("div",{className:"relative flex items-center",children:[i.jsx("input",{placeholder:(e==null?void 0:e.placeholder)||"",type:(e==null?void 0:e.inputType)||"text",className:z("field-control",e==null?void 0:e.customClass),...a(e==null?void 0:e.id),onChange:A=>{d(A.target.value),s(e==null?void 0:e.id,A.target.value)},disabled:n==null?void 0:n.isReadOnly}),i.jsxs("span",{className:"absolute right-0",children:[r&&i.jsxs("span",{children:[" ",i.jsxs("svg",{className:"animate-spin -ml-1 mr-3 h-5 w-5",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[i.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),i.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})]}),c&&!r&&i.jsx("span",{className:"block pr-3 text-lg text-green-600",children:i.jsx(H,{icon:"gg:check-o"})})]})]}),h&&k==="string"&&i.jsx("span",{className:`${c?"text-green-600":"text-red-600"} text-sm`,children:h}),k==="object"&&i.jsx("div",{className:"grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600",children:Object.entries(w).map(([A,N])=>i.jsxs("div",{className:"flex items-center gap-x-2",children:[i.jsxs("span",{className:"font-semibold",children:[A,":"]}),bo(N)?i.jsx(vo,{imageUrl:N}):i.jsx("span",{children:String(N)})]},A))})]})}function go({onGetTotal:e,readOnly:n,defaultValue:a,denominators:s}){const[o,l]=v.useState([...a]);function d(c,m){l(h=>{const b=[...h];return b[m]={...b[m],value:c},b})}function r(c,m){return parseFloat(c)*parseFloat(m)||0}const t=v.useMemo(()=>o.reduce((c,m)=>{const h=r(m.key,m.value);return c+h},0),[o]);return v.useEffect(()=>{e&&e(o)},[o]),v.useEffect(()=>{if(s!=null&&s.length){const c=s.map((m,h)=>({key:m.value,value:Array.isArray(a)&&a[h]?a[h].value:""}));l(c)}},[a,s]),i.jsx("div",{className:"mt-2",children:i.jsxs("div",{className:"border border-gray-200 rounded-lg overflow-hidden text-gray-700",children:[i.jsxs("div",{className:"grid grid-cols-3 text-sm font-bold border-b border-gray-100 bg-gray-50",children:[i.jsx("div",{className:"border-r px-4 py-2",children:i.jsx("span",{className:"",children:"Denomination"})}),i.jsx("div",{className:"border-r px-4 py-2",children:i.jsx("span",{children:"Quantity"})}),i.jsx("div",{className:"px-4 py-2",children:i.jsx("span",{children:"Sub total"})})]}),o.map((c,m)=>{var h,b;return i.jsxs("div",{className:"grid grid-cols-3 text-sm border-b border-gray-100",children:[i.jsx("div",{className:"border-r px-4 py-2 flex items-center",children:i.jsx("span",{className:"",children:(h=parseFloat(c.key))==null?void 0:h.toLocaleString()})}),i.jsx("div",{className:"border-r px-4 py-1",children:i.jsx("span",{children:i.jsx(Pe,{id:"input-example",className:"border border-gray-100 rounded w-full px-3 py-1 outline-none",decimalsLimit:6,value:c.value,onValueChange:g=>d(g,m),disabled:n,allowNegativeValue:!1})})}),i.jsx("div",{className:"px-4 py-2 flex justify-between items-center",children:i.jsx("span",{children:(b=r(c.key,c.value))==null?void 0:b.toLocaleString()})})]},m+"index")}),i.jsxs("div",{className:"grid grid-cols-3 text-sm font-bold bg-gray-50",children:[i.jsx("div",{className:"border-r px-4 py-3 col-span-2 text-right",children:"Total"}),i.jsx("div",{className:"px-4 py-3",children:t==null?void 0:t.toLocaleString()})]})]})})}function ho({element:e,validationData:n}){const{register:a=()=>({}),setValue:s,getValues:o}=n||{},l=o&&o(e==null?void 0:e.id)||[];return v.useEffect(()=>{a(e.id)},[e.id,a]),i.jsx("div",{children:i.jsx(go,{onGetTotal:d=>{s&&s(e.id,d)},denominators:(e==null?void 0:e.denominators)||[],defaultValue:l,readOnly:e==null?void 0:e.isReadOnly})})}function fo({element:e}){return i.jsx("div",{className:z("py-6",e==null?void 0:e.customClass)})}function yo({element:e}){return i.jsx("div",{children:i.jsx("hr",{className:z("border-gray-200 my-4",e==null?void 0:e.customClass)})})}function xo({element:e,validationData:n}){const{register:a=()=>({})}=n||{};return i.jsx("div",{children:i.jsx("input",{placeholder:"Enter text",type:"text",className:"field-control",...a(e==null?void 0:e.id)})})}function ko({element:e,state:n}){return i.jsx(i.Fragment,{children:i.jsx("div",{className:e==null?void 0:e.customClass,children:(e==null?void 0:e.value)||n==="edit"&&i.jsx("span",{className:"text-gray-400",children:"Provide text"})})})}function wo({value:e=[],onChange:n,isReadOnly:a,columns:s=[]}){const[o,l]=v.useState(e),[d,r]=v.useState(null);v.useEffect(()=>{l(e)},[]);const t=(b,g,w)=>{const f=o.map((p,y)=>y===g?{...p,[w]:b}:p);l(f),n&&n(f)},c=()=>{const b=o.length>0?Math.max(...o.map(f=>Number(f.id)||0))+1:1,g=s.reduce((f,p)=>({...f,[p.field]:p.field==="id"?b:""}),{}),w=[...o,g];l(w),n&&n(w)},m=b=>{const g=o.filter((w,f)=>f!==b);l(g),n&&n(g)},h=(b,g)=>(d==null?void 0:d.rowIndex)===b&&(d==null?void 0:d.field)===g;return i.jsxs("div",{className:"mt-4 rounded",children:[i.jsx("div",{className:"flex justify-end",children:(s==null?void 0:s.length)>0&&!a&&i.jsx("button",{onClick:c,type:"button",className:"px-2 py-1 mb-3 text-xs text-white bg-gray-600 rounded hover:bg-gray-700",children:"Add Row"})}),i.jsxs("table",{className:"w-full text-sm border-collapse rounded table-auto bg-gray-50",children:[i.jsx("thead",{children:i.jsxs("tr",{className:"bg-gray-100",children:[s.map(b=>i.jsx("th",{className:"px-3 py-2 text-xs font-semibold text-left text-gray-600 border",children:b.headerName||b.field},b.field)),!a&&i.jsx("th",{className:"w-10 px-2 py-2 border"})]})}),i.jsx("tbody",{children:o.length>0?o.map((b,g)=>{var w;return i.jsxs("tr",{children:[s.map(f=>{var p,y;return i.jsx("td",{className:"px-2 py-1 border",onDoubleClick:()=>f.editable&&!a&&r({rowIndex:g,field:f.field}),children:f.editable&&h(g,f.field)&&!a?i.jsx(i.Fragment,{children:f.type==="number"?i.jsx(Pe,{value:(p=b[f.field])!=null?p:"",onValueChange:k=>t(k,g,f.field),decimalsLimit:6,allowNegativeValue:!1,placeholder:"",className:"w-full px-2 py-1 border rounded outline-none"}):i.jsx("input",{autoFocus:!0,type:"text",value:(y=b[f.field])!=null?y:"",onChange:k=>t(k.target.value,g,f.field),onBlur:()=>r(null),className:"w-full px-2 py-1 text-gray-600 border rounded outline-none"})}):i.jsx("span",{className:"block py-1 text-gray-700 cursor-pointer",children:b[f.field]})},f.field)}),!a&&i.jsx("td",{className:"px-2 py-1 text-center border",children:i.jsx("button",{onClick:()=>m(g),className:"text-red-500 hover:text-red-700","aria-label":"Delete row",children:i.jsx(H,{icon:"lets-icons:trash-duotone",iconClass:"text-xl"})})})]},(w=b.id)!=null?w:g)}):i.jsx("tr",{children:i.jsx("td",{colSpan:s.length+(a?0:1),className:"p-2 text-xs text-center text-gray-400",children:"No data available"})})})]})]})}function Ao({element:e,validationData:n}){const{register:a=()=>({}),setValue:s,watch:o}=n||{},l=o&&o(e==null?void 0:e.id)||[];return v.useEffect(()=>{a(e.id)},[e.id,a]),console.log(e),i.jsx(wo,{value:l,onChange:d=>{s(e.id,d)},columns:e==null?void 0:e.dataColumns,isReadOnly:e==null?void 0:e.isReadOnly})}const Xi=({className:e="",options:n=[],placeholder:a="Select",errors:s,register:o,setValue:l,name:d,label:r,value:t,trigger:c,isMultiple:m=!1,isFloatingLabel:h=!1,subText:b,labelClass:g="text-[10px]",loading:w,disabled:f})=>{const[p,y]=v.useState(m?[]:null),k=z("field-control",e),x=v.useMemo(()=>n,[n]);v.useEffect(()=>{const M=n==null?void 0:n.find(A=>typeof A.value=="string"&&typeof t=="string"?A.value.toLowerCase()===t.toLowerCase():typeof A.value=="object"&&typeof t=="object"?A.value.id===(t==null?void 0:t.id):A.value===t);y(M||null)},[t,n]),v.useEffect(()=>{p&&l&&o&&(l(d,p==null?void 0:p.value),o(d),c==null||c(d))},[d,p]);const C=M=>y(M);return i.jsxs("div",{className:"relative",children:[r&&!h&&i.jsx("label",{className:"block text-sm text-[#686878] darks:!text-white/70 mb-2",children:r}),h&&r&&i.jsx("label",{className:`z-[40] absolute block text-[#667085] bg-white py-[2px] px-1 -top-[10px] left-3 ${g}`,children:r}),i.jsx(q.Listbox,{value:p,onChange:C,multiple:m,disabled:f,children:i.jsxs("div",{className:"relative",children:[i.jsxs(q.Listbox.Button,{className:k,disabled:f,children:[w?i.jsx("span",{className:"block text-sm text-left opacity-60",children:"Fetching data..."}):i.jsx("span",{className:"block text-sm text-left truncate",children:(p==null?void 0:p.label)||i.jsx("span",{className:"opacity-60",children:a})}),i.jsx("span",{className:"absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none",children:i.jsx(H,{icon:"lucide:chevron-down"})})]}),i.jsx(q.Transition,{as:v.Fragment,leave:"transition ease-in duration-100",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:i.jsx(q.Listbox.Options,{className:"z-[77] absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white darks:bg-gray-800 text-gray-900 darks:text-white/80 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm",children:x==null?void 0:x.map((M,A)=>i.jsx(q.Listbox.Option,{className:({active:N})=>z("relative cursor-default select-none py-2 pl-4 pr-4 text-sm",N?"bg-gray-100 darks:bg-gray-700 text-gray-900 darks:text-white/80":"text-gray-900 darks:text-white/70"),value:M,children:({selected:N})=>i.jsx("div",{className:`block truncate text-sm ${N?"font-medium":"font-normal"}`,children:M.label})},A))})})]})}),b&&!s&&i.jsx("p",{className:"text-[10px] text-[#98A2B3] leading-normal mt-[6px]",children:b}),s&&i.jsx("span",{className:"text-sm text-red-500",children:s.message})]})},So=({element:e,validationData:n})=>{var f;const{register:a=()=>({}),trigger:s,setValue:o,watch:l,isReadOnly:d}=n||{},r=(f=e==null?void 0:e.id)!=null?f:"cascadeValue",[t,c]=v.useState(""),[m,h]=v.useState(""),b=(p,y)=>{const k=p&&y?`${p}_${y}`:"";o==null||o(r,k),s==null||s(r)},g=(p,y)=>{p==="first"?(c(y),h(""),b(y,"")):(h(y),b(t,y))};v.useEffect(()=>{if(l){const p=l(r);if(p!=null&&p.includes("_")){const[y,k]=p.split("_");c(y),h(k)}}},[l,r]);const w=v.useMemo(()=>{var p;return(p=e.options1)==null?void 0:p.filter(y=>y.key===t)},[e.options1,t]);return!e.options||!e.options1?null:i.jsxs("div",{children:[i.jsx("input",{type:"hidden",...a(r)}),i.jsx("div",{className:"relative",children:i.jsx(Xi,{setValue:(p,y)=>g("first",y),options:e.options,name:`${r}`,register:a,value:t})}),t&&i.jsxs("div",{className:"mt-4",children:[(e==null?void 0:e.childLabel)&&i.jsx("label",{className:"block text-sm text-[#686878] darks:!text-white/70 mb-2",children:e==null?void 0:e.childLabel}),i.jsx(Xi,{setValue:(p,y)=>g("second",y),options:w,name:`${r}`,register:a,value:m})]})]})},Co=({value:e=0,max:n=5,readOnly:a=!1,onChange:s,size:o=24,className:l="",element:d,validationData:r})=>{var y;const{register:t=()=>({}),trigger:c,setValue:m,watch:h,isReadOnly:b}=r||{},g=(y=h==null?void 0:h(d.id))!=null?y:0,[w,f]=v.useState(null);v.useEffect(()=>{g==null&&(m==null||m(d.id,e))},[]);const p=k=>{if(!a&&!b){const x=k+1;m==null||m(d.id,x),c==null||c(d.id),s==null||s(x)}};return i.jsxs("div",{className:`flex gap-1 ${l}`,children:[i.jsx("input",{type:"hidden",...t(d.id)}),Array.from({length:n},(k,x)=>{const C=w!==null?x<=w:x<g;return i.jsx(Ji,{icon:C?"mdi:star":"mdi:star-outline",className:`cursor-pointer transition-colors ${C?"text-yellow-400":"text-gray-300"}`,width:o,height:o,onMouseEnter:()=>!(a||b)&&f(x),onMouseLeave:()=>!(a||b)&&f(null),onClick:()=>p(x)},x)})]})};function en({element:e,validationData:n}){const{register:a=()=>({}),setValue:s,trigger:o,isReadOnly:l,watch:d}=n||{};let r;const t=(c,m)=>{s==null||s(c,m==null?void 0:m.value),o==null||o(c)};return d&&(r=d()[e.id]),i.jsxs("div",{children:[i.jsx("input",{type:"hidden",...a(e.id)}),i.jsx(Zi,{options:e.options,onGetValue:t,name:e.id,readOnly:l,defaultValue:r})]})}function _o({element:e,validationData:n}){const{register:a=()=>({}),isReadOnly:s}=n||{},{validationUrl:o,documentObj:l,signatureLink:d}=e,r=v.useMemo(()=>oe("config"),[]),[t,c]=v.useState(!1),[m,h]=v.useState(!1),b=v.useCallback(async()=>{var g,w;if(!(!o||!l))try{h(!0);const p={headers:{Authorization:`Bearer ${oe("token")}`}},{data:y}=await _e.get(`${o}/${l}`,p),k=!!((w=(g=y==null?void 0:y.data)==null?void 0:g.isSigned)!=null?w:y!=null&&y.isSigned);return c(k),k}catch(f){console.error("Failed to check sign status",f)}finally{h(!1)}},[o,l]);return v.useEffect(()=>{let g=null;return!t&&l&&o&&(async()=>{await b()||(g=setInterval(async()=>{await b()&&g&&clearInterval(g)},2e3))})(),()=>{g&&clearInterval(g)}},[b,t,l,o]),i.jsxs("div",{className:"flex items-center gap-x-2",children:[i.jsx("input",{placeholder:e.placeholder,type:e.inputType,className:z("field-control",e.customClass),...a(e.id),disabled:s}),i.jsx("a",{href:t?"#":d,children:i.jsxs("button",{type:"button",onClick:b,disabled:m||t,style:{background:(r==null?void 0:r.buttonColor)||"#333"},className:z("flex items-center gap-x-1 rounded-lg border border-gray-200 bg-gray-200 px-3 py-[10px] text-sm text-white",{"!opacity-60":m}),children:[i.jsx(H,{icon:m?"solar:refresh-outline":t?"solar:check-circle-bold":"solar:pen-2-line-duotone",iconClass:m?"animate-spin":""}),m?"Checking...":t?"Signed":"Sign"]})})]})}const si=[{code:"DZ",label:"Algeria",phone:"213",min:9,max:9},{code:"AO",label:"Angola",phone:"244",min:9,max:9},{code:"BJ",label:"Benin",phone:"229",min:8,max:8},{code:"BW",label:"Botswana",phone:"267",min:7,max:7},{code:"BF",label:"Burkina Faso",phone:"226",min:8,max:8},{code:"BI",label:"Burundi",phone:"257",min:8,max:8},{code:"CM",label:"Cameroon",phone:"237",min:9,max:9},{code:"CV",label:"Cape Verde",phone:"238",min:7,max:7},{code:"CF",label:"Central African Republic",phone:"236",min:8,max:8},{code:"TD",label:"Chad",phone:"235",min:8,max:8},{code:"KM",label:"Comoros",phone:"269",min:7,max:7},{code:"CG",label:"Congo",phone:"242",min:9,max:9},{code:"CD",label:"Democratic Republic of Congo",phone:"243",min:9,max:9},{code:"CI",label:"Cote d'Ivoire",phone:"225",min:8,max:8},{code:"DJ",label:"Djibouti",phone:"253",min:8,max:8},{code:"EG",label:"Egypt",phone:"20",min:10,max:10},{code:"GQ",label:"Equatorial Guinea",phone:"240",min:9,max:9},{code:"ER",label:"Eritrea",phone:"291",min:7,max:7},{code:"ET",label:"Ethiopia",phone:"251",min:9,max:9},{code:"GA",label:"Gabon",phone:"241",min:7,max:7},{code:"GM",label:"Gambia",phone:"220",min:7,max:7},{code:"GH",label:"Ghana",phone:"233",min:9,max:9},{code:"GN",label:"Guinea",phone:"224",min:9,max:9},{code:"GW",label:"Guinea-Bissau",phone:"245",min:9,max:9},{code:"KE",label:"Kenya",phone:"254",min:7,max:9},{code:"LS",label:"Lesotho",phone:"266",min:8,max:8},{code:"LR",label:"Liberia",phone:"231",min:8,max:9},{code:"LY",label:"Libya",phone:"218",min:9,max:10},{code:"MG",label:"Madagascar",phone:"261",min:9,max:9},{code:"MW",label:"Malawi",phone:"265",min:9,max:9},{code:"ML",label:"Mali",phone:"223",min:8,max:8},{code:"MR",label:"Mauritania",phone:"222",min:8,max:8},{code:"MU",label:"Mauritius",phone:"230",min:8,max:8},{code:"MA",label:"Morocco",phone:"212",min:9,max:9},{code:"MZ",label:"Mozambique",phone:"258",min:9,max:9},{code:"NA",label:"Namibia",phone:"264",min:9,max:9},{code:"NE",label:"Niger",phone:"227",min:8,max:8},{code:"NG",label:"Nigeria",phone:"234",min:10,max:10},{code:"RW",label:"Rwanda",phone:"250",min:9,max:9},{code:"ST",label:"Sao Tome and Principe",phone:"239",min:7,max:7},{code:"SN",label:"Senegal",phone:"221",min:9,max:9},{code:"SC",label:"Seychelles",phone:"248",min:7,max:7},{code:"SL",label:"Sierra Leone",phone:"232",min:8,max:8},{code:"SO",label:"Somalia",phone:"252",min:8,max:9},{code:"ZA",label:"South Africa",phone:"27",min:10,max:10},{code:"SS",label:"South Sudan",phone:"211",min:9,max:9},{code:"SD",label:"Sudan",phone:"249",min:9,max:9},{code:"TZ",label:"Tanzania",phone:"255",min:9,max:9},{code:"TG",label:"Togo",phone:"228",min:8,max:8},{code:"TN",label:"Tunisia",phone:"216",min:8,max:8},{code:"UG",label:"Uganda",phone:"256",min:9,max:9},{code:"ZM",label:"Zambia",phone:"260",min:9,max:9},{code:"ZW",label:"Zimbabwe",phone:"263",min:9,max:9},{code:"US",label:"United States",phone:"1",min:10,max:10},{code:"CA",label:"Canada",phone:"1",min:10,max:10},{code:"GB",label:"United Kingdom",phone:"44",min:9,max:10},{code:"FR",label:"France",phone:"33",min:9,max:9},{code:"DE",label:"Germany",phone:"49",min:10,max:11},{code:"IT",label:"Italy",phone:"39",min:9,max:10},{code:"ES",label:"Spain",phone:"34",min:9,max:9},{code:"NL",label:"Netherlands",phone:"31",min:9,max:9},{code:"RU",label:"Russia",phone:"7",min:10,max:10},{code:"CN",label:"China",phone:"86",min:11,max:11},{code:"IN",label:"India",phone:"91",min:10,max:10},{code:"JP",label:"Japan",phone:"81",min:10,max:10},{code:"KR",label:"South Korea",phone:"82",min:8,max:9},{code:"BR",label:"Brazil",phone:"55",min:10,max:11},{code:"MX",label:"Mexico",phone:"52",min:10,max:10},{code:"AR",label:"Argentina",phone:"54",min:10,max:10},{code:"CL",label:"Chile",phone:"56",min:9,max:9},{code:"AU",label:"Australia",phone:"61",min:9,max:9},{code:"NZ",label:"New Zealand",phone:"64",min:8,max:9},{code:"SA",label:"Saudi Arabia",phone:"966",min:9,max:9},{code:"AE",label:"United Arab Emirates",phone:"971",min:9,max:9},{code:"TR",label:"Turkey",phone:"90",min:10,max:11},{code:"IR",label:"Iran",phone:"98",min:7,max:10},{code:"PK",label:"Pakistan",phone:"92",min:10,max:10},{code:"BD",label:"Bangladesh",phone:"880",min:10,max:10},{code:"ID",label:"Indonesia",phone:"62",min:9,max:11},{code:"PH",label:"Philippines",phone:"63",min:10,max:10},{code:"CO",label:"Colombia",phone:"57",min:10,max:10},{code:"VE",label:"Venezuela",phone:"58",min:10,max:10},{code:"PE",label:"Peru",phone:"51",min:9,max:9},{code:"EC",label:"Ecuador",phone:"593",min:9,max:9},{code:"UY",label:"Uruguay",phone:"598",min:8,max:8},{code:"PY",label:"Paraguay",phone:"595",min:9,max:9},{code:"BO",label:"Bolivia",phone:"591",min:8,max:8},{code:"GT",label:"Guatemala",phone:"502",min:8,max:8},{code:"HN",label:"Honduras",phone:"504",min:8,max:8},{code:"SV",label:"El Salvador",phone:"503",min:8,max:8},{code:"NI",label:"Nicaragua",phone:"505",min:8,max:8},{code:"CR",label:"Costa Rica",phone:"506",min:8,max:8},{code:"PA",label:"Panama",phone:"507",min:8,max:8},{code:"JM",label:"Jamaica",phone:"1",min:10,max:10},{code:"TT",label:"Trinidad and Tobago",phone:"1",min:10,max:10},{code:"AD",label:"Andorra",phone:"376",min:6,max:6},{code:"AF",label:"Afghanistan",phone:"93",min:9,max:9},{code:"AG",label:"Antigua and Barbuda",phone:"1-268",min:7,max:7},{code:"AI",label:"Anguilla",phone:"1-264",min:7,max:7},{code:"AL",label:"Albania",phone:"355",min:8,max:8},{code:"AM",label:"Armenia",phone:"374",min:8,max:8},{code:"AS",label:"American Samoa",phone:"1-684",min:7,max:7},{code:"AT",label:"Austria",phone:"43",min:10,max:10},{code:"AW",label:"Aruba",phone:"297",min:7,max:7},{code:"AX",label:"Åland Islands",phone:"358",min:6,max:6},{code:"AZ",label:"Azerbaijan",phone:"994",min:9,max:9},{code:"BA",label:"Bosnia and Herzegovina",phone:"387",min:8,max:8},{code:"BB",label:"Barbados",phone:"1-246",min:7,max:7},{code:"BE",label:"Belgium",phone:"32",min:9,max:9},{code:"BG",label:"Bulgaria",phone:"359",min:9,max:9},{code:"BH",label:"Bahrain",phone:"973",min:8,max:8},{code:"BL",label:"Saint Barthélemy",phone:"590",min:9,max:9},{code:"BM",label:"Bermuda",phone:"1-441",min:7,max:7},{code:"BN",label:"Brunei Darussalam",phone:"673",min:7,max:7},{code:"BQ",label:"Bonaire, Sint Eustatius and Saba",phone:"599",min:7,max:7},{code:"BS",label:"Bahamas",phone:"1-242",min:7,max:7},{code:"BT",label:"Bhutan",phone:"975",min:8,max:8},{code:"BV",label:"Bouvet Island",phone:"47",min:8,max:8},{code:"BY",label:"Belarus",phone:"375",min:9,max:9},{code:"BZ",label:"Belize",phone:"501",min:7,max:7},{code:"CC",label:"Cocos (Keeling) Islands",phone:"61",min:7,max:7},{code:"CH",label:"Switzerland",phone:"41",min:9,max:9},{code:"CK",label:"Cook Islands",phone:"682",min:5,max:5},{code:"CU",label:"Cuba",phone:"53",min:8,max:8},{code:"CW",label:"Curaçao",phone:"599",min:7,max:7},{code:"CX",label:"Christmas Island",phone:"61",min:7,max:7},{code:"CY",label:"Cyprus",phone:"357",min:8,max:8},{code:"CZ",label:"Czechia",phone:"420",min:9,max:9},{code:"DK",label:"Denmark",phone:"45",min:8,max:8},{code:"DM",label:"Dominica",phone:"1-767",min:7,max:7},{code:"DO",label:"Dominican Republic",phone:"1-809",min:7,max:7},{code:"EE",label:"Estonia",phone:"372",min:8,max:8},{code:"EH",label:"Western Sahara",phone:"212",min:9,max:9},{code:"FI",label:"Finland",phone:"358",min:9,max:9},{code:"FJ",label:"Fiji",phone:"679",min:7,max:7},{code:"FM",label:"Micronesia (Federated States of)",phone:"691",min:7,max:7},{code:"FO",label:"Faroe Islands",phone:"298",min:6,max:6},{code:"GD",label:"Grenada",phone:"1-473",min:7,max:7},{code:"GE",label:"Georgia",phone:"995",min:9,max:9},{code:"GF",label:"French Guiana",phone:"594",min:9,max:9},{code:"GG",label:"Guernsey",phone:"44",min:9,max:9},{code:"GI",label:"Gibraltar",phone:"350",min:8,max:8},{code:"GL",label:"Greenland",phone:"299",min:6,max:6},{code:"GP",label:"Guadeloupe",phone:"590",min:9,max:9},{code:"GR",label:"Greece",phone:"30",min:10,max:10},{code:"GS",label:"South Georgia and the South Sandwich Islands",phone:"500",min:6,max:6},{code:"GU",label:"Guam",phone:"1-671",min:10,max:10},{code:"GY",label:"Guyana",phone:"592",min:7,max:7},{code:"HK",label:"Hong Kong",phone:"852",min:8,max:8},{code:"HM",label:"Heard Island and McDonald Islands",phone:"672",min:6,max:6},{code:"HR",label:"Croatia",phone:"385",min:9,max:9},{code:"HT",label:"Haiti",phone:"509",min:8,max:8},{code:"HU",label:"Hungary",phone:"36",min:9,max:9},{code:"IE",label:"Ireland",phone:"353",min:9,max:9},{code:"IM",label:"Isle of Man",phone:"44",min:9,max:9},{code:"IO",label:"British Indian Ocean Territory",phone:"246",min:7,max:7},{code:"IQ",label:"Iraq",phone:"964",min:10,max:10},{code:"IS",label:"Iceland",phone:"354",min:7,max:7},{code:"JE",label:"Jersey",phone:"44",min:9,max:9},{code:"JO",label:"Jordan",phone:"962",min:9,max:9},{code:"KG",label:"Kyrgyzstan",phone:"996",min:9,max:9},{code:"KH",label:"Cambodia",phone:"855",min:9,max:9},{code:"KI",label:"Kiribati",phone:"686",min:7,max:7},{code:"KN",label:"Saint Kitts and Nevis",phone:"1-869",min:10,max:10},{code:"KP",label:"North Korea",phone:"850",min:9,max:9},{code:"KW",label:"Kuwait",phone:"965",min:8,max:8},{code:"KY",label:"Cayman Islands",phone:"1-345",min:10,max:10},{code:"KZ",label:"Kazakhstan",phone:"7",min:10,max:10},{code:"MC",label:"Monaco",phone:"377",min:8,max:9},{code:"LI",label:"Liechtenstein",phone:"423",min:7,max:7},{code:"VA",label:"Vatican City",phone:"379",min:9,max:9},{code:"SM",label:"San Marino",phone:"378",min:10,max:10},{code:"ME",label:"Montenegro",phone:"382",min:8,max:8},{code:"RS",label:"Serbia",phone:"381",min:9,max:9},{code:"MK",label:"North Macedonia",phone:"389",min:8,max:8},{code:"SJ",label:"Svalbard and Jan Mayen",phone:"47",min:8,max:8},{code:"MF",label:"Saint Martin",phone:"590",min:9,max:9},{code:"PM",label:"Saint Pierre and Miquelon",phone:"508",min:6,max:6},{code:"WF",label:"Wallis and Futuna",phone:"681",min:6,max:6},{code:"TV",label:"Tuvalu",phone:"688",min:5,max:5},{code:"NR",label:"Nauru",phone:"674",min:7,max:7},{code:"TO",label:"Tonga",phone:"676",min:5,max:5},{code:"WS",label:"Samoa",phone:"685",min:7,max:7},{code:"VU",label:"Vanuatu",phone:"678",min:7,max:7},{code:"SB",label:"Solomon Islands",phone:"677",min:7,max:7},{code:"FM",label:"Micronesia",phone:"691",min:7,max:7},{code:"MH",label:"Marshall Islands",phone:"692",min:7,max:7},{code:"PW",label:"Palau",phone:"680",min:7,max:7}];function No({label:e,placeholder:n,classLabel:a,isRequired:s,isOptional:o,name:l,value:d,error:r,disabled:t,readOnly:c,horizontal:m,description:h,validate:b,onChange:g,onError:w}){const[f,p]=v.useState(""),[y,k]=v.useState(null),[x,C]=v.useState(""),M=v.useMemo(()=>si==null?void 0:si.slice().sort((T,U)=>T.label.localeCompare(U.label)).map(T=>({...T,phone:`+${T.phone}`})),[]),A=v.useMemo(()=>f?M.filter(T=>`${T.label} ${T.phone}`.toLowerCase().includes(f.toLowerCase())):M,[f,M]),N=(y==null?void 0:y.min)||10,P=(y==null?void 0:y.max)||10,L=()=>x?`${(y==null?void 0:y.phone)||"+234"}-${x}`:"",E=T=>{if(!T)return{code:"+234",number:""};const U=T.split(/[-\s]/);return{code:U[0],number:U.slice(1).join(" ")}};v.useEffect(()=>{if(d){const T=E(d);k(M.find(U=>U.phone===T.code)||M[0]),C(T.number)}},[d,M]);const V=v.useMemo(()=>{if(r)return r;const T=x.length;return s&&T===0?"Phone number is required":T>0&&!/^\d+$/.test(x)?"Phone number must contain only digits":T>0&&T<N?`Minimum length is ${N}`:T>P?`Maximum length is ${P}`:""},[r,x,N,P,s]);return v.useEffect(()=>{g==null||g(L()),w==null||w(V||null)},[x,y,V]),i.jsxs("div",{className:`relative formGroup ${V?"has-error":""} ${m?"flex":""} ${!V&&x.length>0?"is-valid":""}`,children:[e&&i.jsxs("label",{htmlFor:l,className:`${a} ${m?"flex-0 mr-6 md:w-[100px] w-[60px] break-words":""} flex items-center gap-x-1 input-label text-sm text-[#1B2B41B8]`,children:[e," ",s&&i.jsx("span",{className:"text-red-500",children:"*"}),o&&i.jsx("span",{className:"text-[#98A2B3]",children:"(Optional)"})]}),i.jsxs("div",{className:"relative !flex items-center input-control text-[#667085] !py-0 field-control",children:[i.jsx(H,{icon:"lucide:phone-call"}),i.jsx(q.Combobox,{value:y,onChange:k,children:i.jsxs("div",{className:"relative",children:[i.jsx(q.Combobox.Input,{className:"pl-3 pr-4 mr-1 text-sm bg-white py-[10px] outline-none whitespace-nowrap max-w-[70px]",displayValue:T=>(T==null?void 0:T.phone)||"+234",placeholder:"+234",onChange:T=>p(T.target.value)}),i.jsx(q.Combobox.Button,{className:"absolute inset-y-0 right-0 flex items-center pr-2",children:i.jsx(H,{icon:"lucide:chevron-down"})}),i.jsx(q.Combobox.Options,{className:"absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto",children:A.map((T,U)=>i.jsxs(q.Combobox.Option,{value:T,className:"px-4 py-2 cursor-pointer hover:bg-gray-100",children:[T.phone," - ",T.label]},`${T.code}+ ${U}`))})]})}),i.jsxs("div",{className:"relative flex items-center flex-1 z-[1]",children:[i.jsx("input",{type:"tel",inputMode:"numeric",value:x,disabled:t,readOnly:c,onChange:T=>{const U=T.target.value.replace(/\D/g,"");C(U)},placeholder:n,className:"w-full px-3 outline-none"}),i.jsx("div",{className:"absolute flex text-xl -translate-y-1/2 top-1/2 right-4",children:!V&&x.length>0&&i.jsx("span",{className:"text-green-500",children:i.jsx(H,{icon:"bi:check-lg"})})})]})]}),V?i.jsx("span",{className:"block mt-1 text-sm text-red-500",children:V}):x.length>0&&b&&i.jsx("span",{className:"block mt-1 text-sm text-green-500",children:b}),h&&i.jsx("span",{className:"block text-[#475467] font-light leading-4 text-xs mt-2",children:h})]})}function jo({element:e,validationData:n}){const{register:a=()=>({}),trigger:s,setValue:o,watch:l,isReadOnly:d}=n||{};let r;return v.useEffect(()=>{a(e.id)},[e.id,a]),l&&(r=l()[e.id]),i.jsx(No,{placeholder:e.placeholder,label:"",name:e.id,value:r,readOnly:d,disabled:d,onChange:t=>{t&&(o==null||o(e.id,t),s==null||s(e.id))}})}const nn={textField:Ue,longText:Ha,selectField:za,multiSelect:Ln,numberField:Ue,amountField:mo,date:En,password:Ka,checkbox:Fa,radio:Ra,email:Ue,file:Da,dataGrid:Ao,section:Ga,validateInput:po,tableInput:ho,spacer:fo,divider:yo,header:xo,basicText:ko,phoneField:jo,cascadeSelect:So,rating:Co,country:en,bank:en,document:_o},an="edit",on=(e,n)=>{const a=nn[e.type];return a?i.jsx(oi,{element:e,state:an,children:i.jsxs("div",{className:"relative w-full",children:[e.type.toLowerCase()!=="grid"&&i.jsx("div",{className:"absolute top-0 left-0 z-20 w-full h-full"}),i.jsx(a,{element:e,state:an,sectionId:n})]})}):null},li=({col:e,children:n,customClass:a})=>i.jsx("div",{className:z("w-full bg-white",a),style:{gridColumn:e},children:n}),Mo=({element:e,sectionId:n,children:a,customClass:s,state:o})=>{const{formData:l,addElement:d,setIsDragging:r}=v.useContext(te),t=v.useMemo(()=>Array.from({length:e.columns}),[e.columns]),c=v.useCallback(b=>{b.preventDefault(),b.stopPropagation(),b.dataTransfer.dropEffect="move"},[]),m=v.useCallback((b,g)=>{var w,f;b.preventDefault(),r(!1);try{const p=b.dataTransfer.getData("properties");if(!p)return;const y=JSON.parse(p);if((y==null?void 0:y.type)==="grid")return;const k=g+1;if((f=(w=l.find(M=>M.id===n))==null?void 0:w.questionData)==null?void 0:f.some(M=>{var A;return M.gridId===e.id&&((A=M.gridPosition)==null?void 0:A.col)===k}))return;const C={...y,id:Q.v4(),sectionId:n,gridId:e.id,gridPosition:{col:k}};d(C,n)}catch(p){console.error("Drop failed in grid:",p),r(!1)}},[d,e.id,l,n,r]),h=(b,g,w)=>{const f=Array.isArray(a)&&a.find(p=>{var y;return((y=p==null?void 0:p.props)==null?void 0:y.col)===b+1});return i.jsx("div",{children:i.jsx("div",{id:b.toString(),onDrop:p=>m(p,b),onDragOver:c,className:z("border rounded-lg min-h-[110px] bg-white ","flex items-center justify-center text-gray-400 transition-colors",`${w==="edit"?"p-3":""}`,g),children:f||i.jsx("span",{children:w==="edit"&&i.jsx(H,{icon:"ph:plus-bold"})})})},b)};return i.jsx("div",{className:"relative w-full",children:i.jsx("div",{className:"grid w-full gap-3",style:{gridTemplateColumns:`repeat(${e.columns}, 1fr)`},children:t.map((b,g)=>h(g,s,o))})})},ti=v.memo(Mo),To="edit";function Eo({elementData:e,sectionId:n}){const{formData:a,updateElementPosition:s,isDragging:o,setIsDragging:l,addElementInPosition:d}=v.useContext(te),[r,t]=v.useState(null),[c,m]=v.useState(null),h=v.useMemo(()=>{var x;return((x=a.find(C=>C.id===n))==null?void 0:x.questionData)||[]},[a,n]),b=v.useCallback((x,C)=>{x.dataTransfer.setData("properties",C),t(C)},[]),g=v.useCallback((x,C)=>{x.preventDefault(),x.stopPropagation(),m(C)},[]),w=v.useCallback(x=>{x.preventDefault(),x.stopPropagation();const C=x.dataTransfer.getData("properties"),M=x.currentTarget.id;if(!M||C===M)return;const A=h.findIndex(E=>E.id===C),N=h.findIndex(E=>E.id===M);if(A===-1||N===-1)return;const P=[...h],[L]=P.splice(A,1);P.splice(N,0,L),s(P,n),t(null)},[h,n,s]),f=v.useCallback((x,C)=>{x.preventDefault(),l(!1);try{const M=JSON.parse(x.dataTransfer.getData("properties"));if(console.log({data:M}),(M==null?void 0:M.type)==="section")return;const A={...M,id:Q.v4(),sectionId:n};d(A,n,C)}catch(M){console.error("Drop error:",M)}},[d,n,l]),p=v.useCallback(x=>i.jsx("div",{className:"transition rounded hover:bg-blue-300",onDragOver:C=>C.preventDefault(),onDrop:C=>f(C,x),onDragEnd:()=>l(!1),children:i.jsx("div",{className:"bg-blue-50 rounded p-6 h-[60px] border-2 border-blue-300 border-dashed flex items-center justify-center text-gray-400 opacity-70",children:i.jsx(H,{icon:"octicon:plus-16"})})},`drop-${x}`),[f,l]),y=v.useCallback(x=>i.jsx("div",{id:x.id,className:z("cursor-move border p-4 w-full rounded-lg transition-colors bg-white",{"bg-gray-100":r===x.id,"border-dashed border-blue-300":r&&r!==x.id}),draggable:!0,onDragStart:C=>b(C,x.id),onDragOver:C=>g(C,x.id),onDrop:w,onDragEnd:()=>t(null),children:on(x,n)},x.id),[r,w,g,n,b]),k=v.useMemo(()=>(e==null?void 0:e.reduce((x,C)=>(C.gridId&&(x[C.gridId]=x[C.gridId]||[],x[C.gridId].push(C)),x),{}))||{},[e]);return e!=null&&e.length?i.jsx("div",{className:"relative grid w-full h-full grid-cols-1 gap-4",children:e.map((x,C)=>{if(x.type==="grid"){const M=k[x.id]||[];return i.jsx("div",{draggable:!0,onDragStart:A=>b(A,x.id),onDragOver:A=>g(A,x.id),onDrop:w,onDragEnd:()=>t(null),className:"w-full p-4 transition-colors bg-white border rounded-lg cursor-move",children:i.jsx(oi,{element:x,state:"edit",children:i.jsx(ti,{element:x,sectionId:n,state:To,children:M.map(A=>{var N;return i.jsx(li,{col:(N=A.gridPosition)==null?void 0:N.col,children:on(A,n)},A.id)})})})},x.id)}return x.gridId?null:i.jsxs("div",{className:z("group relative grid gap-y-[6px]",x.elementClass),children:[o&&c===x.id&&p(C),i.jsx("div",{className:"group",children:y(x)}),o&&c===x.id&&p(C+1)]},x.id)})}):i.jsx("div",{onDragOver:x=>x.preventDefault(),onDrop:x=>f(x,0),onDragEnd:()=>l(!1),className:"w-full h-full flex items-center justify-center text-gray-400 min-h-[200px] p-10 col-span-2 border border-dashed border-gray-300 rounded-lg",children:"Drag or click an element to display"})}const Lo=v.memo(Eo),Bo=j.object({title:j.string(),description:j.string()}).required(),di=oe("config"),Po=({isOpen:e,onClose:n,section:a})=>{const{updateSection:s}=v.useContext(te),{register:o,handleSubmit:l,formState:{errors:d,isSubmitting:r,isValid:t},reset:c}=ue.useForm({resolver:ni(Bo),defaultValues:a});if(v.useEffect(()=>{e||c()},[e,c]),!e)return null;const m=h=>{s(h,a.id),n()};return i.jsx("div",{className:"fixed inset-0 bg-black/30 flex items-center justify-center z-[999] cursor-default no-drag select-none",children:i.jsxs("div",{className:"min-w-[600px] bg-white rounded-xl shadow-xl relative flex flex-col items-center",children:[i.jsxs("div",{className:"w-full px-6 pt-6 pb-5 flex flex-col items-start gap-4 z-10 mb-6",children:[i.jsx("h2",{className:"text-lg font-semibold text-[#475467] font-onest",children:"Update Section Information"}),i.jsx("button",{onClick:n,className:"absolute right-4 top-4 p-2 text-[#98A2B3] hover:bg-gray-50 rounded-lg",children:i.jsx(H,{icon:"tabler:x"})})]}),i.jsxs("form",{onSubmit:l(m),className:"w-full",children:[i.jsxs("div",{className:"w-full px-6 flex flex-col gap-5 z-10",children:[i.jsx(K,{label:"Title",name:"title",register:o,errors:d}),i.jsx(K,{label:"Description",name:"description",register:o,errors:d})]}),i.jsxs("div",{className:"w-full px-6 pt-8 pb-6 flex gap-3 mt-4",children:[i.jsx("button",{type:"button",onClick:n,className:"flex-1 px-4 py-2.5 bg-white border border-[#D0D5DD] rounded-lg shadow-xs font-semibold text-[#344054] font-onest",children:"Cancel"}),i.jsx("button",{type:"submit",disabled:!t||r,style:{background:(di==null?void 0:di.buttonColor)||"#333"},className:`flex-1 px-4 py-2.5 ${!t||r?"bg-[#F2F4F7]":"bg-[#2563EB]"} ${!t||r?"text-[#98A2B3]":"text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50`,children:r?"Saving...":"Save"})]})]})]})})},Oo=()=>{const[e,n]=v.useState(!1),a=v.useRef(null),s=v.useRef(null),{removeSection:o,addSection:l,formData:d,setIsDragging:r,setSelectedSection:t,selectedSection:c,activeSections:m,setActiveSections:h}=v.useContext(te);v.useEffect(()=>{var p;t(((p=d[0])==null?void 0:p.id)||null)},[]);const b=v.useCallback(p=>{p.preventDefault(),p.dataTransfer.dropEffect="move",s.current&&(s.current.scrollTop=s.current.scrollHeight)},[]);function g(p){m.includes(p)?h(y=>y.filter(k=>k!==p)):h(y=>[...y,p])}function w(p){a.current=p,n(!0)}const f=oe("config");return i.jsxs("div",{ref:s,className:"relative flex flex-col h-full px-6 pb-5 mx-auto gap-x-4",children:[e&&i.jsx(Po,{isOpen:e,onClose:()=>n(!1),section:a.current}),i.jsxs("div",{className:"relative flex flex-col flex-1 w-full py-4 gap-y-6",children:[d.map((p,y)=>i.jsx("div",{className:"group cursor-pointer rounded ",children:i.jsxs("div",{className:`border border-gray-100 rounded px-4 shadow-[rgba(149,157,165,0.2)_0px_2px_4px] transition-colors duration-200
49
- ${c===p.id?"border-dashed border-blue-400 bg-[#f7f8fa]":""} ${m.includes(y)?"min-h-[300px] pb-6 ":""}`,children:[i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsx("div",{onClick:()=>t(p.id),className:"flex-1 h-full py-4 cursor-pointer",children:i.jsx("h2",{className:"font-medium",children:p.title||"Section title"})}),i.jsxs("div",{className:"flex items-center gap-x-2",children:[i.jsx("button",{type:"button",className:"p-1 text-xs border rounded-lg",onClick:()=>w(p),children:i.jsx(H,{icon:"fluent:edit-28-regular"})}),d.length>1&&i.jsx("button",{type:"button",className:"p-1 text-xs border rounded-lg",onClick:()=>o(p.id),children:i.jsx(H,{icon:"lets-icons:trash-duotone-line"})}),i.jsx("button",{type:"button",className:"p-1 text-xs rounded-lg",onClick:()=>g(y),children:i.jsx(H,{icon:m.includes(y)?"fa6-solid:chevron-up":"fa6-solid:chevron-down",iconClass:"text-base"})})]})]}),(p==null?void 0:p.description)&&m.includes(y)&&i.jsx("p",{className:"mt-2 text-sm text-gray-600 text-gray-60",children:p==null?void 0:p.description}),m.includes(y)&&i.jsxs("div",{className:"h-full mt-4 transition-all duration-200",id:p.id,onDragOver:b,onDragEnd:()=>r(!1),onClick:()=>t(p.id),children:[i.jsx("hr",{className:"group-last:hidden"}),i.jsx("div",{className:"h-full mt-4 gap-y-6",children:i.jsx(Lo,{elementData:p.questionData,sectionId:p.id})})]})]})},p.id)),i.jsx("div",{className:"flex justify-center",children:i.jsxs("button",{type:"button",onClick:()=>l(),style:{color:(f==null?void 0:f.buttonColor)||"#333"},className:"text-sm font-medium",children:["+ Add section"," "]})})]})]})};function Io({questionData:e}){const{setFormData:n,addSection:a}=v.useContext(te);v.useEffect(()=>{e&&e.length>0&&n(e)},[e,n]);const s=v.useCallback(o=>{o.preventDefault();try{const l=JSON.parse(o.dataTransfer.getData("properties"));if((l==null?void 0:l.type)==="section"){a();return}}catch(l){console.error("Drop error:",l)}},[]);return i.jsx("div",{onDragOver:o=>o.preventDefault(),onDrop:o=>s(o),className:"bg-white p-4 border border-[#E4E7EC] rounded-lg h-full overflow-y-auto no-scrollbar max-h-[calc(100vh-100px)]",children:i.jsx(Oo,{})})}const Do=[{key:"textFields",title:"Text Fields"},{key:"selectionFields",title:"Selection Fields"},{key:"dateAndTime",title:"Date & Time"},{key:"fileAndMedia",title:"File & Media"},{key:"layoutAndDisplay",title:"Layout & Display"},{key:"advancedData",title:"Advanced / Data"}],Ko=()=>{const[e,n]=v.useState(""),{setIsDragging:a,addElement:s,selectedSection:o}=v.useContext(te),l=v.useCallback((g,w)=>{g.dataTransfer.setData("properties",JSON.stringify(w)),g.dataTransfer.effectAllowed="move",a(!0)},[a]);function d(g){if(!o){ge.toast.error("Please select a section to add an element to.");return}const w={...g,id:Q.v4(),sectionId:o};s(w,o)}const r=oe("config")||{},t=r.elementColor,c=r.elementBgColor,m=r.elementBorderColor,h=Wa.filter(g=>g.label.toLowerCase().includes(e.toLowerCase())),b=Do.map(g=>({title:g.title,elements:h.filter(w=>{var f;return(f=qa[g.key])==null?void 0:f.includes(w.type)})})).filter(g=>g.elements.length>0);return i.jsxs("div",{className:"pt-4 pb-6",children:[i.jsx("div",{className:"px-5 mb-4",children:i.jsx("input",{className:"field-control",placeholder:"Search",value:e,onChange:g=>n(g.target.value)})}),i.jsx("hr",{}),i.jsx("div",{children:i.jsx("ul",{className:"grid gap-y-5 mt-3 px-5 max-h-[80vh] overflow-y-auto no-scrollbar",children:b.map((g,w)=>i.jsxs("li",{children:[i.jsx("h4",{className:"mb-2 text-[11px] font-bold text-gray-500 uppercase",children:g.title}),i.jsx("ul",{className:"grid gap-y-[6px] mb-3",children:g.elements.map(f=>i.jsx("li",{onDragStart:p=>l(p,f),onDragEnd:()=>a(!1),onClick:()=>d(f),style:{borderColor:m,backgroundColor:c},className:`cursor-move text-[#475467] flex justify-between items-center h-11\r
48
+ }`})})]})})}),to=()=>i.jsx("blockquote",{className:"p-4 text-gray-700 bg-gray-100 rounded-md",children:i.jsxs("ul",{children:[i.jsxs("li",{className:"text-xs",children:["Method: GET ",i.jsx("br",{}),"URL format:"," ",i.jsx("code",{children:"https://example.com/validation/{documentId}"})]}),i.jsxs("li",{className:"text-xs",children:[i.jsx("span",{className:"block mb-1",children:" Response example format:"}),i.jsx("pre",{className:"p-2 bg-white rounded-md",children:i.jsxs("code",{children:["{ ",i.jsx("br",{}),'  "data": { ',i.jsx("br",{}),'    "status": true, ',i.jsx("br",{}),'    "isSigned": true ',i.jsx("br",{}),"  } ",i.jsx("br",{}),"}"]})})]})]})}),ro=j.object().shape({inputLabel:j.string().nullable(),placeholder:j.string().nullable(),description:j.string().nullable(),isReadOnly:j.boolean(),isDisabled:j.boolean(),isRequired:j.boolean(),requiredMessage:j.string().nullable(),minLengthMessage:j.string().nullable(),maxLengthMessage:j.string().nullable(),maxLength:j.number().typeError("Expecting a number").nullable(),minLength:j.number().typeError("Expecting a number").nullable(),inputType:j.string().nullable(),maxAmountMessage:j.string().nullable(),maxAmount:j.string().nullable(),options:j.array().of(j.object().shape({label:j.string().nullable(),value:j.string().when("label",{is:e=>e&&e.length>0,then:e=>e.required("Value is required when label is present"),otherwise:e=>e.nullable()})})).when("inputType",{is:e=>["radio","checkbox"].includes(e),then:e=>e.required("Options are required for radio or checkbox inputs"),otherwise:e=>e.nullable()}),options1:j.array().of(j.object().shape({label:j.string().nullable(),value:j.string().when("label",{is:e=>e&&e.length>0,then:e=>e.required("Value is required when label is present"),otherwise:e=>e.nullable()})})).when("inputType",{is:e=>["radio","checkbox"].includes(e),then:e=>e.required("Options are required for radio or checkbox inputs"),otherwise:e=>e.nullable()}),prefix:j.string().nullable(),url:j.string().nullable(),method:j.string().nullable(),denominators:j.mixed().nullable(),responseType:j.string().nullable(),minAmount:j.string().nullable(),heading:j.string().nullable(),minAmountMessage:j.string().nullable(),columns:j.number().nullable(),value:j.mixed().nullable(),customClass:j.string().nullable(),elementClass:j.string().nullable(),apiUrl:j.string().nullable(),selectType:j.string().default("list"),dateType:j.string().default("basic"),validationUrl:j.string(),signatureLink:j.string()}),uo=[{title:"Configurations",key:"basic"},{title:"Validations",key:"validation"}],co=({isOpen:e,onClose:n,element:a})=>{const s=uo.filter(O=>!Ge.includes(a.inputType)||O.key!=="validation"),{updateElement:o}=v.useContext(te),[l,d]=v.useState("basic"),[r,t]=v.useState(!1),[c,m]=v.useState("manual"),h=oe("config"),{register:b,handleSubmit:g,control:w,setValue:f,watch:p,trigger:y,formState:{errors:k,isSubmitting:x,isValid:C},reset:M}=ue.useForm({resolver:ni(ro),defaultValues:{...a,options:a.options||[]}}),A=p(),{fields:N,append:P,remove:L}=ue.useFieldArray({control:w,name:"options"}),{fields:E,append:V,remove:T}=ue.useFieldArray({control:w,name:"options1"}),{fields:U,append:ne,remove:se}=ue.useFieldArray({control:w,name:"dataColumns"});v.useEffect(()=>{e||M()},[e,M]);const de=O=>{o(O,a.sectionId),n()},R={headers:{Authorization:`Bearer ${oe("token")}`}},me=v.useCallback(async()=>{var O,I,$;if(!A.apiUrl||!/^https?:\/\//.test(A.apiUrl)){ge.toast.info("Please provide a valid API URL");return}try{t(!0);const{status:ee,data:re}=await _e.get(A.apiUrl,R);if(ee!==200||!re){ge.toast.error("Unexpected response from server.");return}const pe=re.data||re.record||re.result;if(!Array.isArray(pe)){ge.toast.error("Expected an array in response (data, record, or result).");return}((O=a.type)==null?void 0:O.toLowerCase())==="datagrid"?f("dataColumns",pe):f("options",pe)}catch(ee){const re=(($=(I=ee==null?void 0:ee.response)==null?void 0:I.data)==null?void 0:$.message)||(ee==null?void 0:ee.message)||"Unable to load options";ge.toast.error(re)}finally{t(!1)}},[a.type,f,A.apiUrl]),be=["manual","api","sheet"];function ve(){c==="api"&&me()}const ye=()=>i.jsxs("div",{className:"flex flex-col justify-start gap-y-1",children:[i.jsx("div",{className:"flex items-center mb-4 gap-x-5",children:be.map(O=>i.jsxs("label",{className:"items-center text-base capitalize gap-x-3",children:[i.jsx("input",{type:"radio",name:"optionType",onChange:I=>m(I.target.value),value:O})," ",i.jsxs("span",{children:[O," options"]})]},O))}),c==="api"&&i.jsxs("div",{className:"mb-4",children:[i.jsxs("div",{className:"flex items-center gap-x-2",children:[i.jsxs("div",{className:"relative flex items-center w-full mb-2",children:[i.jsx(K,{label:"Load Options from Api",name:"apiUrl",errors:k,register:b,className:"!w-full",placeholder:"https://example.com/options",isFloating:!0}),r&&i.jsx("div",{className:"absolute w-4 h-4 mt-1 border-2 border-blue-500 rounded-full border-t-transparent animate-spin right-3 top-1/2"})]}),i.jsx("button",{onClick:ve,className:"px-3 py-1 text-xs text-white bg-gray-600 rounded",type:"button",children:"Load"})]}),i.jsx(oo,{})]}),c==="sheet"&&i.jsx("div",{className:"mb-4",children:i.jsx(Qi,{isFloating:!0,label:"Load options form sheet (csv, xlsx)",setValue:f,name:"options"})}),i.jsxs("div",{children:[i.jsx("h3",{className:"mb-4 text-sm text-gray-500",children:"Parent Options "}),N.map((O,I)=>i.jsxs("div",{className:"flex items-center mb-1 gap-x-4 last:mb-0",children:[i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Label",name:`options.${I}.label`,register:b,errors:k,element:a,placeholder:"Label",isFloating:!0})}),i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Value",name:`options.${I}.value`,register:b,errors:k,element:a,placeholder:"Value",isFloating:!0})}),i.jsx("button",{disabled:N.length===1,type:"button",className:"outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",onClick:()=>L(I),children:i.jsx(H,{icon:"iconamoon:sign-times-fill"})})]},O.id))," ",i.jsxs("div",{children:[" ",i.jsxs("button",{type:"button",className:"flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",onClick:()=>P({label:"",value:"",id:Q.v4()}),children:[i.jsx(H,{icon:"qlementine-icons:plus-16"})," Add Option"]})]})]}),a.type.toLowerCase()==="cascadeselect"&&i.jsxs(i.Fragment,{children:[i.jsx("hr",{className:"my-5"}),i.jsxs("div",{children:[" ",i.jsx("h3",{className:"mb-4 text-sm text-gray-500",children:"Child Options "}),E==null?void 0:E.map((O,I)=>i.jsxs("div",{className:"flex items-center mb-1 gap-x-4 last:mb-0",children:[i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Label",name:`options1.${I}.label`,register:b,errors:k,element:a,placeholder:"Label",isFloating:!0})}),i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Value",name:`options1.${I}.value`,register:b,errors:k,element:a,placeholder:"Value",isFloating:!0})}),i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Key",name:`options1.${I}.key`,register:b,errors:k,element:a,placeholder:"Key",isFloating:!0})}),i.jsx("button",{disabled:E.length===1,type:"button",className:"outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",onClick:()=>T(I),children:i.jsx(H,{icon:"iconamoon:sign-times-fill"})})]},O.id)),i.jsxs("div",{children:[" ",i.jsxs("button",{type:"button",className:"flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",onClick:()=>V({label:"",value:"",key:"",id:Q.v4()}),children:[i.jsx(H,{icon:"qlementine-icons:plus-16"})," Add Option"]})]})]})]})]}),xe=()=>i.jsxs("div",{className:"flex flex-col justify-start gap-y-1",children:[i.jsx("div",{className:"flex items-center mb-4 gap-x-5",children:be.map(O=>i.jsxs("label",{className:"items-center text-base capitalize gap-x-3",children:[i.jsx("input",{type:"radio",name:"optionType",onChange:I=>m(I.target.value),value:O,checked:O===c})," ",i.jsxs("span",{children:[O," options"]})]},O))}),c==="api"&&i.jsxs("div",{className:"mb-4",children:[i.jsxs("div",{className:"flex items-center gap-x-2",children:[i.jsxs("div",{className:"relative flex items-center w-full mb-2",children:[i.jsx(K,{label:"Load Columns from Api",name:"apiUrl",errors:k,register:b,className:"!w-full",placeholder:"https://example.com/columns",isFloating:!0}),r&&i.jsx("div",{className:"absolute w-4 h-4 mt-1 border-2 border-blue-500 rounded-full border-t-transparent animate-spin right-3 top-1/2"})]})," ",i.jsx("button",{onClick:ve,className:"px-3 py-1 text-xs text-white bg-gray-600 rounded",type:"button",children:"Load"})]}),i.jsx(so,{})]}),c==="sheet"&&i.jsx("div",{className:"mb-4",children:i.jsx(Qi,{isFloating:!0,label:"Load columns form sheet (csv, xlsx)",setValue:f,name:"dataColumns"})}),U.map((O,I)=>i.jsxs("div",{className:"flex items-center gap-x-4 ",children:[i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Field key",name:`dataColumns.${I}.field`,register:b,errors:k,element:a,placeholder:"Field",isFloating:!0})}),i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Header Name",name:`dataColumns.${I}.headerName`,register:b,errors:k,element:a,placeholder:"headerName",isFloating:!0})}),i.jsx("button",{disabled:U.length===1,type:"button",className:"outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",onClick:()=>se(I),children:i.jsx(H,{icon:"iconamoon:sign-times-fill"})})]},O.id)),i.jsxs("div",{children:[" ",i.jsxs("button",{type:"button",className:"flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",onClick:()=>ne({headerName:"",field:"",editable:!0,id:Q.v4()}),children:[i.jsx(H,{icon:"qlementine-icons:plus-16"})," Add column"]})]})]}),X=v.useCallback(async()=>{const O=oe("token"),{status:I,data:$}=await _e.get(A.url,{headers:{Authorization:`Bearer ${O}`}});I===200&&(console.log({data:$}),f("options",($==null?void 0:$.data)||$))},[f,A.url]);return v.useEffect(()=>{a.type==="document"&&A.url&&X()},[A.url,a.type,X]),i.jsx("div",{className:"fixed inset-0 bg-black/30 flex items-center justify-center z-[999] cursor-default select-none ",draggable:"true",onDragStart:O=>O.preventDefault(),children:i.jsxs("div",{className:"min-w-[600px] bg-white rounded-xl shadow-xl relative flex flex-col pb-4 items-center max-h-[80vh] overflow-y-auto no-scrollbar select-",draggable:"true",onDragStart:O=>O.preventDefault(),children:[i.jsx("div",{className:"z-10 flex flex-col items-start w-full gap-4 px-6 pt-4 pb-5 mb-3",children:i.jsx("button",{onClick:n,type:"button","aria-label":"close",className:"absolute right-4 top-4 p-2 text-[#98A2B3] hover:bg-gray-50 rounded-lg",children:i.jsx(H,{icon:"tabler:x"})})}),i.jsx("div",{className:"w-full",children:i.jsx(Va,{tabs:s,setActiveTab:d,activeTab:l,className:"justify-start !text-left",btnClass:" !text-left"})}),i.jsxs("form",{onSubmit:g(de),className:"w-full",children:[i.jsxs("div",{className:" max-h-[800px] overflow-y-auto",children:[l==="basic"&&i.jsxs("div",{className:"z-10 flex flex-col w-full gap-5 px-6",children:[ai.includes(a.inputType)&&i.jsx(i.Fragment,{children:i.jsx(K,{label:"Value",name:"value",register:b,errors:k,element:a})}),!ai.includes(a.inputType)&&!Ge.includes(a.inputType)&&i.jsxs(i.Fragment,{children:[i.jsx(K,{label:"Label",name:"inputLabel",register:b,errors:k,element:a})," ",a.type.toLowerCase()==="cascadeselect"&&i.jsx(K,{label:"Child Label",name:"childLabel",register:b,errors:k,element:a})]}),Za.includes(a.inputType)&&i.jsx(K,{label:"Placeholder",name:"placeholder",register:b,errors:k,element:a}),Ja.includes(a.inputType)&&i.jsx(K,{label:"Prefix",name:"prefix",register:b,errors:k,element:a}),Xa.includes(a.inputType)&&i.jsxs("div",{className:"grid gap-y-4",children:[i.jsx(ao,{}),i.jsx(K,{label:"Api Url",name:"url",register:b,errors:k,element:a}),i.jsx(Ae,{label:"Api Method",options:[{label:"GET",value:"GET"},{label:"POST",value:"POST"}],register:b,name:"method",setValue:f,trigger:y,value:p("method")}),i.jsx(Ae,{label:"Api Response type",options:[{label:"String",value:"string"},{label:"Object",value:"object"}],register:b,name:"responseType",setValue:f,trigger:y,value:p("responseType")})]}),eo.includes(a.inputType)&&i.jsx(no,{onChange:O=>{f("denominators",O)},value:p("denominators")}),!ai.includes(a.inputType)&&!Ge.includes(a.inputType)&&i.jsx(K,{label:"Short Description",name:"description",register:b,errors:k,element:a}),a.type.toLowerCase()==="date"&&i.jsxs(i.Fragment,{children:[i.jsx(Ae,{label:"Date Type",options:[{label:"Basic",value:"basic"},{label:"Custom",value:"custom"}],register:b,name:"dateType",setValue:f,trigger:y,value:p("dateType")}),p("dateType")==="custom"&&i.jsx(Ae,{label:"Date Format",options:io,register:b,name:"dateFormat",setValue:f,trigger:y,value:p("dateFormat")})]}),a.type.toLowerCase()==="selectfield"&&i.jsx(Ae,{label:"Select Type",options:[{label:"List",value:"list"},{label:"Combobox",value:"Combobox"}],register:b,name:"selectType",setValue:f,trigger:y,value:p("selectType")}),a.type.toLowerCase()==="grid"&&i.jsx(K,{label:"Number of columns",name:"columns",register:b,errors:k,element:a}),a.type.toLowerCase()==="document"&&i.jsxs("div",{className:"grid gap-y-6",children:[i.jsxs("div",{className:"grid gap-y-1",children:[i.jsx(K,{label:"Document Options Url",name:"url",register:b,errors:k,element:a})," ",i.jsx(lo,{})]}),i.jsxs("div",{className:"grid gap-y-1",children:[i.jsx(K,{label:"Document Validation Url",name:"validationUrl",register:b,errors:k,element:a}),i.jsx(to,{})]}),i.jsx("div",{className:"grid gap-y-1",children:i.jsx(K,{label:"Signature Page Url",name:"signatureLink",register:b,errors:k,element:a})})]}),a.type.toLowerCase()==="datagrid"&&xe(),Qa.includes(a.inputType)&&ye()]}),!Ge.includes(a.type.toLowerCase())&&l==="validation"&&i.jsxs("div",{className:"z-10 flex flex-col w-full gap-5 px-6",children:[i.jsxs("div",{className:"flex items-center gap-x-6",children:[i.jsx("div",{className:"w-[150px]",children:i.jsx(K,{label:"Required",name:"isRequired",register:b,errors:k,element:a,type:"checkbox"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Error message text",name:"requiredMessage",register:b,errors:k,element:a})})]}),Ya.includes(a.inputType)&&i.jsxs(i.Fragment,{children:[i.jsxs("div",{className:"flex items-center gap-x-6",children:[i.jsx("div",{className:"w-[150px]",children:i.jsx(K,{label:"Min Length",name:"minLength",register:b,errors:k,element:a,type:"number"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Error message text",name:"minLengthMessage",register:b,errors:k,element:a})})]}),i.jsxs("div",{className:"flex items-center gap-x-6",children:[i.jsx("div",{className:"w-[150px]",children:i.jsx(K,{label:"Max Length",name:"maxLength",register:b,errors:k,element:a,type:"number"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Error message text",name:"maxLengthMessage",register:b,errors:k,element:a})})]})]}),$a.includes(a.inputType)&&i.jsxs(i.Fragment,{children:[i.jsxs("div",{className:"flex items-center gap-x-6",children:[i.jsx("div",{className:"w-[150px]",children:i.jsx(K,{label:"Min Amount",name:"minAmount",register:b,errors:k,element:a,type:"amount"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Error message text",name:"minAmountMessage",register:b,errors:k,element:a})})]}),i.jsxs("div",{className:"flex items-center gap-x-6",children:[i.jsx("div",{className:"w-[150px]",children:i.jsx(K,{label:"Max Amount",name:"maxAmount",register:b,errors:k,element:a,type:"amount"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(K,{label:"Error message text",name:"maxAmountMessage",register:b,errors:k,element:a})})]})]})]})]}),i.jsxs("div",{className:"flex w-full gap-3 px-6 pt-8 pb-6 mt-4",children:[i.jsx("button",{type:"button",onClick:n,className:"flex-1 px-4 py-2.5 bg-white border border-[#D0D5DD] rounded-lg shadow-xs font-semibold text-[#344054] font-onest editor_option__cancel",children:"Cancel"}),i.jsx("button",{type:"submit",disabled:!C||x,style:{background:(h==null?void 0:h.buttonColor)||"#333"},className:`flex-1 px-4 py-2.5 ${!C||x?"bg-[#F2F4F7]":"bg-[#2563EB]"} ${!C||x?"text-[#98A2B3]":"text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50 editor_option__save`,children:x?"Saving...":"Save"})]})]})]})})},oi=v.memo(({state:e,element:n,children:a})=>{const[s,o]=v.useState(!1),{removeElement:l}=v.useContext(te),d=v.useCallback(()=>{l(n.id,n.sectionId)},[n.id,n.sectionId,l]);return i.jsxs("div",{className:"w-full",children:[s&&i.jsx(co,{isOpen:s,onClose:()=>o(!1),element:n}),i.jsxs("div",{className:"flex items-center justify-between mb-2",children:[i.jsxs("span",{children:[" ",n.inputLabel&&i.jsx("label",{className:"text-sm font-medium input_label",children:n.inputLabel})]}),e==="edit"&&i.jsxs("span",{className:"flex items-center gap-x-3",children:[i.jsx("button",{type:"button",className:"text-sm outline-none hover:opacity-80",onClick:()=>o(!0),children:i.jsx(H,{icon:"circum:edit"})}),i.jsx("button",{type:"button",className:"text-sm outline-none hover:opacity-80",onClick:d,children:i.jsx(H,{icon:"iconamoon:sign-times-fill"})})]})]}),a]})});oi.displayName="ElementContainer";function mo({element:e,validationData:n}){const{register:a=()=>({}),trigger:s,setValue:o,watch:l,isReadOnly:d}=n||{};let r;return l&&(r=l()[e.id]),i.jsx(K,{placeholder:e.placeholder,type:e.inputType,label:"",name:e.id,register:a,trigger:s,setValue:o,value:r,prefix:e.prefix,disabled:d})}function bo(e){if(!e)return!1;const n=/^data:image\/(jpeg|png|gif|bmp|webp);base64,/i,a=/\.(jpeg|jpg|png|gif|bmp|webp)$/i;return n.test(e)||a.test(e)}const vo=({imageUrl:e})=>{const[n,a]=v.useState(!1),s=()=>{a(!0)},o=()=>{a(!1)};return i.jsxs("div",{children:[i.jsx("img",{alt:"Thumbnail",style:{cursor:"pointer",width:"120px",height:"130px",objectFit:"cover"},onClick:s,src:e||"/place.png","data-toggle":"tooltip","data-placement":"top",title:"Click to view"}),n&&i.jsx("div",{className:"modal",style:{position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",justifyContent:"center",alignItems:"center"},onClick:o,children:i.jsxs("div",{className:"modal-content",style:{position:"relative",backgroundColor:"white",padding:"20px",borderRadius:"8px",width:"90vw"},onClick:l=>l.stopPropagation(),children:[i.jsx("span",{className:"close",onClick:o,style:{position:"absolute",top:"10px",right:"10px",fontSize:"24px",cursor:"pointer"},children:"×"}),i.jsx("img",{src:e||"/place.png",alt:"Full Image",style:{maxWidth:"90%",maxHeight:"90vh",objectFit:"contain"}})]})})]})};function po({element:e,validationData:n}){const{register:a=()=>({}),setValue:s,watch:o}=n||{},[l,d]=v.useState(),[r,t]=v.useState(!1),[c,m]=v.useState(!1),[h,b]=v.useState(""),g=o&&o(e==null?void 0:e.id);v.useEffect(()=>{d(g)},[g]);const[w,f]=v.useState("");v.useEffect(()=>{a(e.id)},[e.id,a]);const{url:p,method:y,responseType:k}=e||{},C={headers:{Authorization:`Bearer ${oe("token")}`}},M=v.useCallback(async A=>{var N,P,L,E,V,T,U,ne,se,de,ce;if(!(!p||!y)){t(!0);try{let R;if(y.toLowerCase()==="get"){const me=`${p}?value=${A}`;R=await _e.get(me,C)}else if(y.toLowerCase()==="post")R=await _e.post(p,{value:A},C);else throw new Error("Unsupported HTTP method");R.status===200&&((((P=(N=R==null?void 0:R.data)==null?void 0:N.data)==null?void 0:P.status)||((L=R==null?void 0:R.data)==null?void 0:L.status))===!0?(m(!0),k==="string"?b(((V=(E=R==null?void 0:R.data)==null?void 0:E.data)==null?void 0:V.description)||((T=R==null?void 0:R.data)==null?void 0:T.description)||"Validation successful"):f(((ne=(U=R==null?void 0:R.data)==null?void 0:U.data)==null?void 0:ne.description)||((se=R==null?void 0:R.data)==null?void 0:se.description)||{})):(console.error("Invalid input:",A),b("Unable to validate input"),m(!1)))}catch(R){console.error("Error validating input:",R),b(((ce=(de=R==null?void 0:R.response)==null?void 0:de.data)==null?void 0:ce.message)||"Unable to validate input"),m(!1)}finally{t(!1)}}},[y,k,p]);return v.useEffect(()=>{if(l){const A=setTimeout(()=>{M(l)},700);return()=>clearTimeout(A)}},[M,l]),i.jsxs("div",{children:[i.jsxs("div",{className:"relative flex items-center",children:[i.jsx("input",{placeholder:(e==null?void 0:e.placeholder)||"",type:(e==null?void 0:e.inputType)||"text",className:z("field-control",e==null?void 0:e.customClass),...a(e==null?void 0:e.id),onChange:A=>{d(A.target.value),s(e==null?void 0:e.id,A.target.value)},disabled:n==null?void 0:n.isReadOnly}),i.jsxs("span",{className:"absolute right-0",children:[r&&i.jsxs("span",{children:[" ",i.jsxs("svg",{className:"animate-spin -ml-1 mr-3 h-5 w-5",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[i.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),i.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})]}),c&&!r&&i.jsx("span",{className:"block pr-3 text-lg text-green-600",children:i.jsx(H,{icon:"gg:check-o"})})]})]}),h&&k==="string"&&i.jsx("span",{className:`${c?"text-green-600":"text-red-600"} text-sm`,children:h}),k==="object"&&i.jsx("div",{className:"grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600",children:Object.entries(w).map(([A,N])=>i.jsxs("div",{className:"flex items-center gap-x-2",children:[i.jsxs("span",{className:"font-semibold",children:[A,":"]}),bo(N)?i.jsx(vo,{imageUrl:N}):i.jsx("span",{children:String(N)})]},A))})]})}function go({onGetTotal:e,readOnly:n,defaultValue:a,denominators:s}){const[o,l]=v.useState([...a]);function d(c,m){l(h=>{const b=[...h];return b[m]={...b[m],value:c},b})}function r(c,m){return parseFloat(c)*parseFloat(m)||0}const t=v.useMemo(()=>o.reduce((c,m)=>{const h=r(m.key,m.value);return c+h},0),[o]);return v.useEffect(()=>{e&&e(o)},[o]),v.useEffect(()=>{if(s!=null&&s.length){const c=s.map((m,h)=>({key:m.value,value:Array.isArray(a)&&a[h]?a[h].value:""}));l(c)}},[a,s]),i.jsx("div",{className:"mt-2",children:i.jsxs("div",{className:"border border-gray-200 rounded-lg overflow-hidden text-gray-700",children:[i.jsxs("div",{className:"grid grid-cols-3 text-sm font-bold border-b border-gray-100 bg-gray-50",children:[i.jsx("div",{className:"border-r px-4 py-2",children:i.jsx("span",{className:"",children:"Denomination"})}),i.jsx("div",{className:"border-r px-4 py-2",children:i.jsx("span",{children:"Quantity"})}),i.jsx("div",{className:"px-4 py-2",children:i.jsx("span",{children:"Sub total"})})]}),o.map((c,m)=>{var h,b;return i.jsxs("div",{className:"grid grid-cols-3 text-sm border-b border-gray-100",children:[i.jsx("div",{className:"border-r px-4 py-2 flex items-center",children:i.jsx("span",{className:"",children:(h=parseFloat(c.key))==null?void 0:h.toLocaleString()})}),i.jsx("div",{className:"border-r px-4 py-1",children:i.jsx("span",{children:i.jsx(Pe,{id:"input-example",className:"border border-gray-100 rounded w-full px-3 py-1 outline-none",decimalsLimit:6,value:c.value,onValueChange:g=>d(g,m),disabled:n,allowNegativeValue:!1})})}),i.jsx("div",{className:"px-4 py-2 flex justify-between items-center",children:i.jsx("span",{children:(b=r(c.key,c.value))==null?void 0:b.toLocaleString()})})]},m+"index")}),i.jsxs("div",{className:"grid grid-cols-3 text-sm font-bold bg-gray-50",children:[i.jsx("div",{className:"border-r px-4 py-3 col-span-2 text-right",children:"Total"}),i.jsx("div",{className:"px-4 py-3",children:t==null?void 0:t.toLocaleString()})]})]})})}function ho({element:e,validationData:n}){const{register:a=()=>({}),setValue:s,getValues:o}=n||{},l=o&&o(e==null?void 0:e.id)||[];return v.useEffect(()=>{a(e.id)},[e.id,a]),i.jsx("div",{children:i.jsx(go,{onGetTotal:d=>{s&&s(e.id,d)},denominators:(e==null?void 0:e.denominators)||[],defaultValue:l,readOnly:e==null?void 0:e.isReadOnly})})}function fo({element:e}){return i.jsx("div",{className:z("py-6",e==null?void 0:e.customClass)})}function yo({element:e}){return i.jsx("div",{children:i.jsx("hr",{className:z("border-gray-200 my-4",e==null?void 0:e.customClass)})})}function xo({element:e,validationData:n}){const{register:a=()=>({})}=n||{};return i.jsx("div",{children:i.jsx("input",{placeholder:"Enter text",type:"text",className:"field-control",...a(e==null?void 0:e.id)})})}function ko({element:e,state:n}){return i.jsx(i.Fragment,{children:i.jsx("div",{className:e==null?void 0:e.customClass,children:(e==null?void 0:e.value)||n==="edit"&&i.jsx("span",{className:"text-gray-400",children:"Provide text"})})})}function wo({value:e=[],onChange:n,isReadOnly:a,columns:s=[]}){const[o,l]=v.useState(e),[d,r]=v.useState(null);v.useEffect(()=>{l(e)},[]);const t=(b,g,w)=>{const f=o.map((p,y)=>y===g?{...p,[w]:b}:p);l(f),n&&n(f)},c=()=>{const b=o.length>0?Math.max(...o.map(f=>Number(f.id)||0))+1:1,g=s.reduce((f,p)=>({...f,[p.field]:p.field==="id"?b:""}),{}),w=[...o,g];l(w),n&&n(w)},m=b=>{const g=o.filter((w,f)=>f!==b);l(g),n&&n(g)},h=(b,g)=>(d==null?void 0:d.rowIndex)===b&&(d==null?void 0:d.field)===g;return i.jsxs("div",{className:"mt-4 rounded",children:[i.jsx("div",{className:"flex justify-end",children:(s==null?void 0:s.length)>0&&!a&&i.jsx("button",{onClick:c,type:"button",className:"px-2 py-1 mb-3 text-xs text-white bg-gray-600 rounded hover:bg-gray-700",children:"Add Row"})}),i.jsxs("table",{className:"w-full text-sm border-collapse rounded table-auto bg-gray-50",children:[i.jsx("thead",{children:i.jsxs("tr",{className:"bg-gray-100",children:[s.map(b=>i.jsx("th",{className:"px-3 py-2 text-xs font-semibold text-left text-gray-600 border",children:b.headerName||b.field},b.field)),!a&&i.jsx("th",{className:"w-10 px-2 py-2 border"})]})}),i.jsx("tbody",{children:o.length>0?o.map((b,g)=>{var w;return i.jsxs("tr",{children:[s.map(f=>{var p,y;return i.jsx("td",{className:"px-2 py-1 border",onDoubleClick:()=>f.editable&&!a&&r({rowIndex:g,field:f.field}),children:f.editable&&h(g,f.field)&&!a?i.jsx(i.Fragment,{children:f.type==="number"?i.jsx(Pe,{value:(p=b[f.field])!=null?p:"",onValueChange:k=>t(k,g,f.field),decimalsLimit:6,allowNegativeValue:!1,placeholder:"",className:"w-full px-2 py-1 border rounded outline-none"}):i.jsx("input",{autoFocus:!0,type:"text",value:(y=b[f.field])!=null?y:"",onChange:k=>t(k.target.value,g,f.field),onBlur:()=>r(null),className:"w-full px-2 py-1 text-gray-600 border rounded outline-none"})}):i.jsx("span",{className:"block py-1 text-gray-700 cursor-pointer",children:b[f.field]})},f.field)}),!a&&i.jsx("td",{className:"px-2 py-1 text-center border",children:i.jsx("button",{onClick:()=>m(g),className:"text-red-500 hover:text-red-700","aria-label":"Delete row",children:i.jsx(H,{icon:"lets-icons:trash-duotone",iconClass:"text-xl"})})})]},(w=b.id)!=null?w:g)}):i.jsx("tr",{children:i.jsx("td",{colSpan:s.length+(a?0:1),className:"p-2 text-xs text-center text-gray-400",children:"No data available"})})})]})]})}function Ao({element:e,validationData:n}){const{register:a=()=>({}),setValue:s,watch:o}=n||{},l=o&&o(e==null?void 0:e.id)||[];return v.useEffect(()=>{a(e.id)},[e.id,a]),console.log(e),i.jsx(wo,{value:l,onChange:d=>{s(e.id,d)},columns:e==null?void 0:e.dataColumns,isReadOnly:e==null?void 0:e.isReadOnly})}const Xi=({className:e="",options:n=[],placeholder:a="Select",errors:s,register:o,setValue:l,name:d,label:r,value:t,trigger:c,isMultiple:m=!1,isFloatingLabel:h=!1,subText:b,labelClass:g="text-[10px]",loading:w,disabled:f})=>{const[p,y]=v.useState(m?[]:null),k=z("field-control",e),x=v.useMemo(()=>n,[n]);v.useEffect(()=>{const M=n==null?void 0:n.find(A=>typeof A.value=="string"&&typeof t=="string"?A.value.toLowerCase()===t.toLowerCase():typeof A.value=="object"&&typeof t=="object"?A.value.id===(t==null?void 0:t.id):A.value===t);y(M||null)},[t,n]),v.useEffect(()=>{p&&l&&o&&(l(d,p==null?void 0:p.value),o(d),c==null||c(d))},[d,p]);const C=M=>y(M);return i.jsxs("div",{className:"relative",children:[r&&!h&&i.jsx("label",{className:"block text-sm text-[#686878] darks:!text-white/70 mb-2",children:r}),h&&r&&i.jsx("label",{className:`z-[40] absolute block text-[#667085] bg-white py-[2px] px-1 -top-[10px] left-3 ${g}`,children:r}),i.jsx(q.Listbox,{value:p,onChange:C,multiple:m,disabled:f,children:i.jsxs("div",{className:"relative",children:[i.jsxs(q.Listbox.Button,{className:k,disabled:f,children:[w?i.jsx("span",{className:"block text-sm text-left opacity-60",children:"Fetching data..."}):i.jsx("span",{className:"block text-sm text-left truncate",children:(p==null?void 0:p.label)||i.jsx("span",{className:"opacity-60",children:a})}),i.jsx("span",{className:"absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none",children:i.jsx(H,{icon:"lucide:chevron-down"})})]}),i.jsx(q.Transition,{as:v.Fragment,leave:"transition ease-in duration-100",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:i.jsx(q.Listbox.Options,{className:"z-[77] absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white darks:bg-gray-800 text-gray-900 darks:text-white/80 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm",children:x==null?void 0:x.map((M,A)=>i.jsx(q.Listbox.Option,{className:({active:N})=>z("relative cursor-default select-none py-2 pl-4 pr-4 text-sm",N?"bg-gray-100 darks:bg-gray-700 text-gray-900 darks:text-white/80":"text-gray-900 darks:text-white/70"),value:M,children:({selected:N})=>i.jsx("div",{className:`block truncate text-sm ${N?"font-medium":"font-normal"}`,children:M.label})},A))})})]})}),b&&!s&&i.jsx("p",{className:"text-[10px] text-[#98A2B3] leading-normal mt-[6px]",children:b}),s&&i.jsx("span",{className:"text-sm text-red-500",children:s.message})]})},So=({element:e,validationData:n})=>{var f;const{register:a=()=>({}),trigger:s,setValue:o,watch:l,isReadOnly:d}=n||{},r=(f=e==null?void 0:e.id)!=null?f:"cascadeValue",[t,c]=v.useState(""),[m,h]=v.useState(""),b=(p,y)=>{const k=p&&y?`${p}_${y}`:"";o==null||o(r,k),s==null||s(r)},g=(p,y)=>{p==="first"?(c(y),h(""),b(y,"")):(h(y),b(t,y))};v.useEffect(()=>{if(l){const p=l(r);if(p!=null&&p.includes("_")){const[y,k]=p.split("_");c(y),h(k)}}},[l,r]);const w=v.useMemo(()=>{var p;return(p=e.options1)==null?void 0:p.filter(y=>y.key===t)},[e.options1,t]);return!e.options||!e.options1?null:i.jsxs("div",{children:[i.jsx("input",{type:"hidden",...a(r)}),i.jsx("div",{className:"relative",children:i.jsx(Xi,{setValue:(p,y)=>g("first",y),options:e.options,name:`${r}`,register:a,value:t})}),t&&i.jsxs("div",{className:"mt-4",children:[(e==null?void 0:e.childLabel)&&i.jsx("label",{className:"block text-sm text-[#686878] darks:!text-white/70 mb-2",children:e==null?void 0:e.childLabel}),i.jsx(Xi,{setValue:(p,y)=>g("second",y),options:w,name:`${r}`,register:a,value:m})]})]})},Co=({value:e=0,max:n=5,readOnly:a=!1,onChange:s,size:o=24,className:l="",element:d,validationData:r})=>{var y;const{register:t=()=>({}),trigger:c,setValue:m,watch:h,isReadOnly:b}=r||{},g=(y=h==null?void 0:h(d.id))!=null?y:0,[w,f]=v.useState(null);v.useEffect(()=>{g==null&&(m==null||m(d.id,e))},[]);const p=k=>{if(!a&&!b){const x=k+1;m==null||m(d.id,x),c==null||c(d.id),s==null||s(x)}};return i.jsxs("div",{className:`flex gap-1 ${l}`,children:[i.jsx("input",{type:"hidden",...t(d.id)}),Array.from({length:n},(k,x)=>{const C=w!==null?x<=w:x<g;return i.jsx(Ji,{icon:C?"mdi:star":"mdi:star-outline",className:`cursor-pointer transition-colors ${C?"text-yellow-400":"text-gray-300"}`,width:o,height:o,onMouseEnter:()=>!(a||b)&&f(x),onMouseLeave:()=>!(a||b)&&f(null),onClick:()=>p(x)},x)})]})};function en({element:e,validationData:n}){const{register:a=()=>({}),setValue:s,trigger:o,isReadOnly:l,watch:d}=n||{};let r;const t=(c,m)=>{s==null||s(c,m==null?void 0:m.value),o==null||o(c)};return d&&(r=d()[e.id]),i.jsxs("div",{children:[i.jsx("input",{type:"hidden",...a(e.id)}),i.jsx(Zi,{options:e.options,onGetValue:t,name:e.id,readOnly:l,defaultValue:r})]})}function _o({element:e,validationData:n}){const{register:a=()=>({}),isReadOnly:s}=n||{},{validationUrl:o,documentObj:l,signatureLink:d}=e,r=v.useMemo(()=>oe("config"),[]),[t,c]=v.useState(!1),[m,h]=v.useState(!1),b=v.useCallback(async()=>{var g,w;if(!(!o||!l))try{h(!0);const p={headers:{Authorization:`Bearer ${oe("token")}`}},{data:y}=await _e.get(`${o}/${l}`,p),k=!!((w=(g=y==null?void 0:y.data)==null?void 0:g.isSigned)!=null?w:y!=null&&y.isSigned);return c(k),k}catch(f){console.error("Failed to check sign status",f)}finally{h(!1)}},[o,l]);return v.useEffect(()=>{let g=null;return!t&&l&&o&&(async()=>{await b()||(g=setInterval(async()=>{await b()&&g&&clearInterval(g)},2e3))})(),()=>{g&&clearInterval(g)}},[b,t,l,o]),i.jsxs("div",{className:"flex items-center gap-x-2",children:[i.jsx("input",{placeholder:e.placeholder,type:e.inputType,className:z("field-control",e.customClass),...a(e.id),disabled:s}),i.jsx("a",{href:t?"#":d,children:i.jsxs("button",{type:"button",onClick:b,disabled:m||t,style:{background:(r==null?void 0:r.buttonColor)||"#333"},className:z("flex items-center gap-x-1 rounded-lg border border-gray-200 bg-gray-200 px-3 py-[10px] text-sm text-white",{"!opacity-60":m}),children:[i.jsx(H,{icon:m?"solar:refresh-outline":t?"solar:check-circle-bold":"solar:pen-2-line-duotone",iconClass:m?"animate-spin":""}),m?"Checking...":t?"Signed":"Sign"]})})]})}const si=[{code:"DZ",label:"Algeria",phone:"213",min:9,max:9},{code:"AO",label:"Angola",phone:"244",min:9,max:9},{code:"BJ",label:"Benin",phone:"229",min:8,max:8},{code:"BW",label:"Botswana",phone:"267",min:7,max:7},{code:"BF",label:"Burkina Faso",phone:"226",min:8,max:8},{code:"BI",label:"Burundi",phone:"257",min:8,max:8},{code:"CM",label:"Cameroon",phone:"237",min:9,max:9},{code:"CV",label:"Cape Verde",phone:"238",min:7,max:7},{code:"CF",label:"Central African Republic",phone:"236",min:8,max:8},{code:"TD",label:"Chad",phone:"235",min:8,max:8},{code:"KM",label:"Comoros",phone:"269",min:7,max:7},{code:"CG",label:"Congo",phone:"242",min:9,max:9},{code:"CD",label:"Democratic Republic of Congo",phone:"243",min:9,max:9},{code:"CI",label:"Cote d'Ivoire",phone:"225",min:8,max:8},{code:"DJ",label:"Djibouti",phone:"253",min:8,max:8},{code:"EG",label:"Egypt",phone:"20",min:10,max:10},{code:"GQ",label:"Equatorial Guinea",phone:"240",min:9,max:9},{code:"ER",label:"Eritrea",phone:"291",min:7,max:7},{code:"ET",label:"Ethiopia",phone:"251",min:9,max:9},{code:"GA",label:"Gabon",phone:"241",min:7,max:7},{code:"GM",label:"Gambia",phone:"220",min:7,max:7},{code:"GH",label:"Ghana",phone:"233",min:9,max:9},{code:"GN",label:"Guinea",phone:"224",min:9,max:9},{code:"GW",label:"Guinea-Bissau",phone:"245",min:9,max:9},{code:"KE",label:"Kenya",phone:"254",min:7,max:9},{code:"LS",label:"Lesotho",phone:"266",min:8,max:8},{code:"LR",label:"Liberia",phone:"231",min:8,max:9},{code:"LY",label:"Libya",phone:"218",min:9,max:10},{code:"MG",label:"Madagascar",phone:"261",min:9,max:9},{code:"MW",label:"Malawi",phone:"265",min:9,max:9},{code:"ML",label:"Mali",phone:"223",min:8,max:8},{code:"MR",label:"Mauritania",phone:"222",min:8,max:8},{code:"MU",label:"Mauritius",phone:"230",min:8,max:8},{code:"MA",label:"Morocco",phone:"212",min:9,max:9},{code:"MZ",label:"Mozambique",phone:"258",min:9,max:9},{code:"NA",label:"Namibia",phone:"264",min:9,max:9},{code:"NE",label:"Niger",phone:"227",min:8,max:8},{code:"NG",label:"Nigeria",phone:"234",min:10,max:10},{code:"RW",label:"Rwanda",phone:"250",min:9,max:9},{code:"ST",label:"Sao Tome and Principe",phone:"239",min:7,max:7},{code:"SN",label:"Senegal",phone:"221",min:9,max:9},{code:"SC",label:"Seychelles",phone:"248",min:7,max:7},{code:"SL",label:"Sierra Leone",phone:"232",min:8,max:8},{code:"SO",label:"Somalia",phone:"252",min:8,max:9},{code:"ZA",label:"South Africa",phone:"27",min:10,max:10},{code:"SS",label:"South Sudan",phone:"211",min:9,max:9},{code:"SD",label:"Sudan",phone:"249",min:9,max:9},{code:"TZ",label:"Tanzania",phone:"255",min:9,max:9},{code:"TG",label:"Togo",phone:"228",min:8,max:8},{code:"TN",label:"Tunisia",phone:"216",min:8,max:8},{code:"UG",label:"Uganda",phone:"256",min:9,max:9},{code:"ZM",label:"Zambia",phone:"260",min:9,max:9},{code:"ZW",label:"Zimbabwe",phone:"263",min:9,max:9},{code:"US",label:"United States",phone:"1",min:10,max:10},{code:"CA",label:"Canada",phone:"1",min:10,max:10},{code:"GB",label:"United Kingdom",phone:"44",min:9,max:10},{code:"FR",label:"France",phone:"33",min:9,max:9},{code:"DE",label:"Germany",phone:"49",min:10,max:11},{code:"IT",label:"Italy",phone:"39",min:9,max:10},{code:"ES",label:"Spain",phone:"34",min:9,max:9},{code:"NL",label:"Netherlands",phone:"31",min:9,max:9},{code:"RU",label:"Russia",phone:"7",min:10,max:10},{code:"CN",label:"China",phone:"86",min:11,max:11},{code:"IN",label:"India",phone:"91",min:10,max:10},{code:"JP",label:"Japan",phone:"81",min:10,max:10},{code:"KR",label:"South Korea",phone:"82",min:8,max:9},{code:"BR",label:"Brazil",phone:"55",min:10,max:11},{code:"MX",label:"Mexico",phone:"52",min:10,max:10},{code:"AR",label:"Argentina",phone:"54",min:10,max:10},{code:"CL",label:"Chile",phone:"56",min:9,max:9},{code:"AU",label:"Australia",phone:"61",min:9,max:9},{code:"NZ",label:"New Zealand",phone:"64",min:8,max:9},{code:"SA",label:"Saudi Arabia",phone:"966",min:9,max:9},{code:"AE",label:"United Arab Emirates",phone:"971",min:9,max:9},{code:"TR",label:"Turkey",phone:"90",min:10,max:11},{code:"IR",label:"Iran",phone:"98",min:7,max:10},{code:"PK",label:"Pakistan",phone:"92",min:10,max:10},{code:"BD",label:"Bangladesh",phone:"880",min:10,max:10},{code:"ID",label:"Indonesia",phone:"62",min:9,max:11},{code:"PH",label:"Philippines",phone:"63",min:10,max:10},{code:"CO",label:"Colombia",phone:"57",min:10,max:10},{code:"VE",label:"Venezuela",phone:"58",min:10,max:10},{code:"PE",label:"Peru",phone:"51",min:9,max:9},{code:"EC",label:"Ecuador",phone:"593",min:9,max:9},{code:"UY",label:"Uruguay",phone:"598",min:8,max:8},{code:"PY",label:"Paraguay",phone:"595",min:9,max:9},{code:"BO",label:"Bolivia",phone:"591",min:8,max:8},{code:"GT",label:"Guatemala",phone:"502",min:8,max:8},{code:"HN",label:"Honduras",phone:"504",min:8,max:8},{code:"SV",label:"El Salvador",phone:"503",min:8,max:8},{code:"NI",label:"Nicaragua",phone:"505",min:8,max:8},{code:"CR",label:"Costa Rica",phone:"506",min:8,max:8},{code:"PA",label:"Panama",phone:"507",min:8,max:8},{code:"JM",label:"Jamaica",phone:"1",min:10,max:10},{code:"TT",label:"Trinidad and Tobago",phone:"1",min:10,max:10},{code:"AD",label:"Andorra",phone:"376",min:6,max:6},{code:"AF",label:"Afghanistan",phone:"93",min:9,max:9},{code:"AG",label:"Antigua and Barbuda",phone:"1-268",min:7,max:7},{code:"AI",label:"Anguilla",phone:"1-264",min:7,max:7},{code:"AL",label:"Albania",phone:"355",min:8,max:8},{code:"AM",label:"Armenia",phone:"374",min:8,max:8},{code:"AS",label:"American Samoa",phone:"1-684",min:7,max:7},{code:"AT",label:"Austria",phone:"43",min:10,max:10},{code:"AW",label:"Aruba",phone:"297",min:7,max:7},{code:"AX",label:"Åland Islands",phone:"358",min:6,max:6},{code:"AZ",label:"Azerbaijan",phone:"994",min:9,max:9},{code:"BA",label:"Bosnia and Herzegovina",phone:"387",min:8,max:8},{code:"BB",label:"Barbados",phone:"1-246",min:7,max:7},{code:"BE",label:"Belgium",phone:"32",min:9,max:9},{code:"BG",label:"Bulgaria",phone:"359",min:9,max:9},{code:"BH",label:"Bahrain",phone:"973",min:8,max:8},{code:"BL",label:"Saint Barthélemy",phone:"590",min:9,max:9},{code:"BM",label:"Bermuda",phone:"1-441",min:7,max:7},{code:"BN",label:"Brunei Darussalam",phone:"673",min:7,max:7},{code:"BQ",label:"Bonaire, Sint Eustatius and Saba",phone:"599",min:7,max:7},{code:"BS",label:"Bahamas",phone:"1-242",min:7,max:7},{code:"BT",label:"Bhutan",phone:"975",min:8,max:8},{code:"BV",label:"Bouvet Island",phone:"47",min:8,max:8},{code:"BY",label:"Belarus",phone:"375",min:9,max:9},{code:"BZ",label:"Belize",phone:"501",min:7,max:7},{code:"CC",label:"Cocos (Keeling) Islands",phone:"61",min:7,max:7},{code:"CH",label:"Switzerland",phone:"41",min:9,max:9},{code:"CK",label:"Cook Islands",phone:"682",min:5,max:5},{code:"CU",label:"Cuba",phone:"53",min:8,max:8},{code:"CW",label:"Curaçao",phone:"599",min:7,max:7},{code:"CX",label:"Christmas Island",phone:"61",min:7,max:7},{code:"CY",label:"Cyprus",phone:"357",min:8,max:8},{code:"CZ",label:"Czechia",phone:"420",min:9,max:9},{code:"DK",label:"Denmark",phone:"45",min:8,max:8},{code:"DM",label:"Dominica",phone:"1-767",min:7,max:7},{code:"DO",label:"Dominican Republic",phone:"1-809",min:7,max:7},{code:"EE",label:"Estonia",phone:"372",min:8,max:8},{code:"EH",label:"Western Sahara",phone:"212",min:9,max:9},{code:"FI",label:"Finland",phone:"358",min:9,max:9},{code:"FJ",label:"Fiji",phone:"679",min:7,max:7},{code:"FM",label:"Micronesia (Federated States of)",phone:"691",min:7,max:7},{code:"FO",label:"Faroe Islands",phone:"298",min:6,max:6},{code:"GD",label:"Grenada",phone:"1-473",min:7,max:7},{code:"GE",label:"Georgia",phone:"995",min:9,max:9},{code:"GF",label:"French Guiana",phone:"594",min:9,max:9},{code:"GG",label:"Guernsey",phone:"44",min:9,max:9},{code:"GI",label:"Gibraltar",phone:"350",min:8,max:8},{code:"GL",label:"Greenland",phone:"299",min:6,max:6},{code:"GP",label:"Guadeloupe",phone:"590",min:9,max:9},{code:"GR",label:"Greece",phone:"30",min:10,max:10},{code:"GS",label:"South Georgia and the South Sandwich Islands",phone:"500",min:6,max:6},{code:"GU",label:"Guam",phone:"1-671",min:10,max:10},{code:"GY",label:"Guyana",phone:"592",min:7,max:7},{code:"HK",label:"Hong Kong",phone:"852",min:8,max:8},{code:"HM",label:"Heard Island and McDonald Islands",phone:"672",min:6,max:6},{code:"HR",label:"Croatia",phone:"385",min:9,max:9},{code:"HT",label:"Haiti",phone:"509",min:8,max:8},{code:"HU",label:"Hungary",phone:"36",min:9,max:9},{code:"IE",label:"Ireland",phone:"353",min:9,max:9},{code:"IM",label:"Isle of Man",phone:"44",min:9,max:9},{code:"IO",label:"British Indian Ocean Territory",phone:"246",min:7,max:7},{code:"IQ",label:"Iraq",phone:"964",min:10,max:10},{code:"IS",label:"Iceland",phone:"354",min:7,max:7},{code:"JE",label:"Jersey",phone:"44",min:9,max:9},{code:"JO",label:"Jordan",phone:"962",min:9,max:9},{code:"KG",label:"Kyrgyzstan",phone:"996",min:9,max:9},{code:"KH",label:"Cambodia",phone:"855",min:9,max:9},{code:"KI",label:"Kiribati",phone:"686",min:7,max:7},{code:"KN",label:"Saint Kitts and Nevis",phone:"1-869",min:10,max:10},{code:"KP",label:"North Korea",phone:"850",min:9,max:9},{code:"KW",label:"Kuwait",phone:"965",min:8,max:8},{code:"KY",label:"Cayman Islands",phone:"1-345",min:10,max:10},{code:"KZ",label:"Kazakhstan",phone:"7",min:10,max:10},{code:"MC",label:"Monaco",phone:"377",min:8,max:9},{code:"LI",label:"Liechtenstein",phone:"423",min:7,max:7},{code:"VA",label:"Vatican City",phone:"379",min:9,max:9},{code:"SM",label:"San Marino",phone:"378",min:10,max:10},{code:"ME",label:"Montenegro",phone:"382",min:8,max:8},{code:"RS",label:"Serbia",phone:"381",min:9,max:9},{code:"MK",label:"North Macedonia",phone:"389",min:8,max:8},{code:"SJ",label:"Svalbard and Jan Mayen",phone:"47",min:8,max:8},{code:"MF",label:"Saint Martin",phone:"590",min:9,max:9},{code:"PM",label:"Saint Pierre and Miquelon",phone:"508",min:6,max:6},{code:"WF",label:"Wallis and Futuna",phone:"681",min:6,max:6},{code:"TV",label:"Tuvalu",phone:"688",min:5,max:5},{code:"NR",label:"Nauru",phone:"674",min:7,max:7},{code:"TO",label:"Tonga",phone:"676",min:5,max:5},{code:"WS",label:"Samoa",phone:"685",min:7,max:7},{code:"VU",label:"Vanuatu",phone:"678",min:7,max:7},{code:"SB",label:"Solomon Islands",phone:"677",min:7,max:7},{code:"FM",label:"Micronesia",phone:"691",min:7,max:7},{code:"MH",label:"Marshall Islands",phone:"692",min:7,max:7},{code:"PW",label:"Palau",phone:"680",min:7,max:7}];function No({label:e,placeholder:n,classLabel:a,isRequired:s,isOptional:o,name:l,value:d,error:r,disabled:t,readOnly:c,horizontal:m,description:h,validate:b,onChange:g,onError:w}){const[f,p]=v.useState(""),[y,k]=v.useState(null),[x,C]=v.useState(""),M=v.useMemo(()=>si==null?void 0:si.slice().sort((T,U)=>T.label.localeCompare(U.label)).map(T=>({...T,phone:`+${T.phone}`})),[]),A=v.useMemo(()=>f?M.filter(T=>`${T.label} ${T.phone}`.toLowerCase().includes(f.toLowerCase())):M,[f,M]),N=(y==null?void 0:y.min)||10,P=(y==null?void 0:y.max)||10,L=()=>x?`${(y==null?void 0:y.phone)||"+234"}-${x}`:"",E=T=>{if(!T)return{code:"+234",number:""};const U=T.split(/[-\s]/);return{code:U[0],number:U.slice(1).join(" ")}};v.useEffect(()=>{if(d){const T=E(d);k(M.find(U=>U.phone===T.code)||M[0]),C(T.number)}},[d,M]);const V=v.useMemo(()=>{if(r)return r;const T=x.length;return s&&T===0?"Phone number is required":T>0&&!/^\d+$/.test(x)?"Phone number must contain only digits":T>0&&T<N?`Minimum length is ${N}`:T>P?`Maximum length is ${P}`:""},[r,x,N,P,s]);return v.useEffect(()=>{g==null||g(L()),w==null||w(V||null)},[x,y,V]),i.jsxs("div",{className:`relative formGroup ${V?"has-error":""} ${m?"flex":""} ${!V&&x.length>0?"is-valid":""}`,children:[e&&i.jsxs("label",{htmlFor:l,className:`${a} ${m?"flex-0 mr-6 md:w-[100px] w-[60px] break-words":""} flex items-center gap-x-1 input-label text-sm text-[#1B2B41B8]`,children:[e," ",s&&i.jsx("span",{className:"text-red-500",children:"*"}),o&&i.jsx("span",{className:"text-[#98A2B3]",children:"(Optional)"})]}),i.jsxs("div",{className:"relative !flex items-center input-control text-[#667085] !py-0 field-control",children:[i.jsx(H,{icon:"lucide:phone-call"}),i.jsx(q.Combobox,{value:y,onChange:k,children:i.jsxs("div",{className:"relative",children:[i.jsx(q.Combobox.Input,{className:"pl-3 pr-4 mr-1 text-sm bg-white py-[10px] outline-none whitespace-nowrap max-w-[70px]",displayValue:T=>(T==null?void 0:T.phone)||"+234",placeholder:"+234",onChange:T=>p(T.target.value)}),i.jsx(q.Combobox.Button,{className:"absolute inset-y-0 right-0 flex items-center pr-2",children:i.jsx(H,{icon:"lucide:chevron-down"})}),i.jsx(q.Combobox.Options,{className:"absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto",children:A.map((T,U)=>i.jsxs(q.Combobox.Option,{value:T,className:"px-4 py-2 cursor-pointer hover:bg-gray-100",children:[T.phone," - ",T.label]},`${T.code}+ ${U}`))})]})}),i.jsxs("div",{className:"relative flex items-center flex-1 z-[1]",children:[i.jsx("input",{type:"tel",inputMode:"numeric",value:x,disabled:t,readOnly:c,onChange:T=>{const U=T.target.value.replace(/\D/g,"");C(U)},placeholder:n,className:"w-full px-3 outline-none"}),i.jsx("div",{className:"absolute flex text-xl -translate-y-1/2 top-1/2 right-4",children:!V&&x.length>0&&i.jsx("span",{className:"text-green-500",children:i.jsx(H,{icon:"bi:check-lg"})})})]})]}),V?i.jsx("span",{className:"block mt-1 text-sm text-red-500",children:V}):x.length>0&&b&&i.jsx("span",{className:"block mt-1 text-sm text-green-500",children:b}),h&&i.jsx("span",{className:"block text-[#475467] font-light leading-4 text-xs mt-2",children:h})]})}function jo({element:e,validationData:n}){const{register:a=()=>({}),trigger:s,setValue:o,watch:l,isReadOnly:d}=n||{};let r;return v.useEffect(()=>{a(e.id)},[e.id,a]),l&&(r=l()[e.id]),i.jsx(No,{placeholder:e.placeholder,label:"",name:e.id,value:r,readOnly:d,disabled:d,onChange:t=>{t&&(o==null||o(e.id,t),s==null||s(e.id))}})}const nn={textField:Ue,longText:Ha,selectField:za,multiSelect:Ln,numberField:Ue,amountField:mo,date:En,password:Ka,checkbox:Fa,radio:Ra,email:Ue,file:Da,dataGrid:Ao,section:Ga,validateInput:po,tableInput:ho,spacer:fo,divider:yo,header:xo,basicText:ko,phoneField:jo,cascadeSelect:So,rating:Co,country:en,bank:en,document:_o},an="edit",on=(e,n)=>{const a=nn[e.type];return a?i.jsx(oi,{element:e,state:an,children:i.jsxs("div",{className:"relative w-full",children:[e.type.toLowerCase()!=="grid"&&i.jsx("div",{className:"absolute top-0 left-0 z-20 w-full h-full"}),i.jsx(a,{element:e,state:an,sectionId:n})]})}):null},li=({col:e,children:n,customClass:a})=>i.jsx("div",{className:z("w-full bg-white",a),style:{gridColumn:e},children:n}),Mo=({element:e,sectionId:n,children:a,customClass:s,state:o})=>{const{formData:l,addElement:d,setIsDragging:r}=v.useContext(te),t=v.useMemo(()=>Array.from({length:e.columns}),[e.columns]),c=v.useCallback(b=>{b.preventDefault(),b.stopPropagation(),b.dataTransfer.dropEffect="move"},[]),m=v.useCallback((b,g)=>{var w,f;b.preventDefault(),r(!1);try{const p=b.dataTransfer.getData("properties");if(!p)return;const y=JSON.parse(p);if((y==null?void 0:y.type)==="grid")return;const k=g+1;if((f=(w=l.find(M=>M.id===n))==null?void 0:w.questionData)==null?void 0:f.some(M=>{var A;return M.gridId===e.id&&((A=M.gridPosition)==null?void 0:A.col)===k}))return;const C={...y,id:Q.v4(),sectionId:n,gridId:e.id,gridPosition:{col:k}};d(C,n)}catch(p){console.error("Drop failed in grid:",p),r(!1)}},[d,e.id,l,n,r]),h=(b,g,w)=>{const f=Array.isArray(a)&&a.find(p=>{var y;return((y=p==null?void 0:p.props)==null?void 0:y.col)===b+1});return i.jsx("div",{children:i.jsx("div",{id:b.toString(),onDrop:p=>m(p,b),onDragOver:c,className:z("border rounded-lg min-h-[110px] bg-white ","flex items-center justify-center text-gray-400 transition-colors",`${w==="edit"?"p-3":""}`,g),children:f||i.jsx("span",{children:w==="edit"&&i.jsx(H,{icon:"ph:plus-bold"})})})},b)};return i.jsx("div",{className:"relative w-full",children:i.jsx("div",{className:"grid w-full gap-3",style:{gridTemplateColumns:`repeat(${e.columns}, 1fr)`},children:t.map((b,g)=>h(g,s,o))})})},ti=v.memo(Mo),To="edit";function Eo({elementData:e,sectionId:n}){const{formData:a,updateElementPosition:s,isDragging:o,setIsDragging:l,addElementInPosition:d}=v.useContext(te),[r,t]=v.useState(null),[c,m]=v.useState(null),h=v.useMemo(()=>{var x;return((x=a.find(C=>C.id===n))==null?void 0:x.questionData)||[]},[a,n]),b=v.useCallback((x,C)=>{x.dataTransfer.setData("properties",C),t(C)},[]),g=v.useCallback((x,C)=>{x.preventDefault(),x.stopPropagation(),m(C)},[]),w=v.useCallback(x=>{x.preventDefault(),x.stopPropagation();const C=x.dataTransfer.getData("properties"),M=x.currentTarget.id;if(!M||C===M)return;const A=h.findIndex(E=>E.id===C),N=h.findIndex(E=>E.id===M);if(A===-1||N===-1)return;const P=[...h],[L]=P.splice(A,1);P.splice(N,0,L),s(P,n),t(null)},[h,n,s]),f=v.useCallback((x,C)=>{x.preventDefault(),l(!1);try{const M=JSON.parse(x.dataTransfer.getData("properties"));if(console.log({data:M}),(M==null?void 0:M.type)==="section")return;const A={...M,id:Q.v4(),sectionId:n};d(A,n,C)}catch(M){console.error("Drop error:",M)}},[d,n,l]),p=v.useCallback(x=>i.jsx("div",{className:"transition rounded hover:bg-blue-300",onDragOver:C=>C.preventDefault(),onDrop:C=>f(C,x),onDragEnd:()=>l(!1),children:i.jsx("div",{className:"bg-blue-50 rounded p-6 h-[60px] border-2 border-blue-300 border-dashed flex items-center justify-center text-gray-400 opacity-70",children:i.jsx(H,{icon:"octicon:plus-16"})})},`drop-${x}`),[f,l]),y=v.useCallback(x=>i.jsx("div",{id:x.id,className:z("cursor-move border p-4 w-full rounded-lg transition-colors bg-white",{"bg-gray-100":r===x.id,"border-dashed border-blue-300":r&&r!==x.id}),draggable:!0,onDragStart:C=>b(C,x.id),onDragOver:C=>g(C,x.id),onDrop:w,onDragEnd:()=>t(null),children:on(x,n)},x.id),[r,w,g,n,b]),k=v.useMemo(()=>(e==null?void 0:e.reduce((x,C)=>(C.gridId&&(x[C.gridId]=x[C.gridId]||[],x[C.gridId].push(C)),x),{}))||{},[e]);return e!=null&&e.length?i.jsx("div",{className:"relative grid w-full h-full grid-cols-1 gap-4",children:e.map((x,C)=>{if(x.type==="grid"){const M=k[x.id]||[];return i.jsx("div",{draggable:!0,onDragStart:A=>b(A,x.id),onDragOver:A=>g(A,x.id),onDrop:w,onDragEnd:()=>t(null),className:"w-full p-4 transition-colors bg-white border rounded-lg cursor-move",children:i.jsx(oi,{element:x,state:"edit",children:i.jsx(ti,{element:x,sectionId:n,state:To,children:M.map(A=>{var N;return i.jsx(li,{col:(N=A.gridPosition)==null?void 0:N.col,children:on(A,n)},A.id)})})})},x.id)}return x.gridId?null:i.jsxs("div",{className:z("group relative grid gap-y-[6px]",x.elementClass),children:[o&&c===x.id&&p(C),i.jsx("div",{className:"group",children:y(x)}),o&&c===x.id&&p(C+1)]},x.id)})}):i.jsx("div",{onDragOver:x=>x.preventDefault(),onDrop:x=>f(x,0),onDragEnd:()=>l(!1),className:"w-full h-full flex items-center justify-center text-gray-400 min-h-[200px] p-10 col-span-2 border border-dashed border-gray-300 rounded-lg",children:"Drag or click an element to display"})}const Lo=v.memo(Eo),Bo=j.object({title:j.string(),description:j.string()}).required(),di=oe("config"),Po=({isOpen:e,onClose:n,section:a})=>{const{updateSection:s}=v.useContext(te),{register:o,handleSubmit:l,formState:{errors:d,isSubmitting:r,isValid:t},reset:c}=ue.useForm({resolver:ni(Bo),defaultValues:a});if(v.useEffect(()=>{e||c()},[e,c]),!e)return null;const m=h=>{s(h,a.id),n()};return i.jsx("div",{className:"fixed inset-0 bg-black/30 flex items-center justify-center z-[999] cursor-default no-drag select-none",children:i.jsxs("div",{className:"min-w-[600px] bg-white rounded-xl shadow-xl relative flex flex-col items-center",children:[i.jsxs("div",{className:"w-full px-6 pt-6 pb-5 flex flex-col items-start gap-4 z-10 mb-6",children:[i.jsx("h2",{className:"text-lg font-semibold text-[#475467] font-onest",children:"Update Section Information"}),i.jsx("button",{onClick:n,className:"absolute right-4 top-4 p-2 text-[#98A2B3] hover:bg-gray-50 rounded-lg",children:i.jsx(H,{icon:"tabler:x"})})]}),i.jsxs("form",{onSubmit:l(m),className:"w-full",children:[i.jsxs("div",{className:"w-full px-6 flex flex-col gap-5 z-10",children:[i.jsx(K,{label:"Title",name:"title",register:o,errors:d}),i.jsx(K,{label:"Description",name:"description",register:o,errors:d})]}),i.jsxs("div",{className:"w-full px-6 pt-8 pb-6 flex gap-3 mt-4",children:[i.jsx("button",{type:"button",onClick:n,className:"flex-1 px-4 py-2.5 bg-white border border-[#D0D5DD] rounded-lg shadow-xs font-semibold text-[#344054] font-onest",children:"Cancel"}),i.jsx("button",{type:"submit",disabled:!t||r,style:{background:(di==null?void 0:di.buttonColor)||"#333"},className:`flex-1 px-4 py-2.5 ${!t||r?"bg-[#F2F4F7]":"bg-[#2563EB]"} ${!t||r?"text-[#98A2B3]":"text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50`,children:r?"Saving...":"Save"})]})]})]})})},Oo=()=>{const[e,n]=v.useState(!1),a=v.useRef(null),s=v.useRef(null),{removeSection:o,addSection:l,formData:d,setIsDragging:r,setSelectedSection:t,selectedSection:c,activeSections:m,setActiveSections:h}=v.useContext(te);v.useEffect(()=>{var p;t(((p=d[0])==null?void 0:p.id)||null)},[]);const b=v.useCallback(p=>{p.preventDefault(),p.dataTransfer.dropEffect="move",s.current&&(s.current.scrollTop=s.current.scrollHeight)},[]);function g(p){m.includes(p)?h(y=>y.filter(k=>k!==p)):h(y=>[...y,p])}function w(p){a.current=p,n(!0)}const f=oe("config");return i.jsxs("div",{ref:s,className:"relative flex flex-col h-full px-6 pb-5 mx-auto gap-x-4",children:[e&&i.jsx(Po,{isOpen:e,onClose:()=>n(!1),section:a.current}),i.jsxs("div",{className:"relative flex flex-col flex-1 w-full py-4 gap-y-6",children:[d.map((p,y)=>i.jsx("div",{className:"bg-white group cursor-pointer rounded ",children:i.jsxs("div",{className:`border border-gray-100 rounded px-4 shadow-[rgba(149,157,165,0.2)_0px_2px_4px] transition-colors duration-200
49
+ ${c===p.id?"border-dashed border-blue-400 bg-[#f7f8fa]":""} ${m.includes(y)?"min-h-[300px] pb-6 ":""}`,children:[i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsx("div",{onClick:()=>t(p.id),className:"flex-1 h-full py-4 cursor-pointer",children:i.jsx("h2",{className:"font-medium",children:p.title||"Section title"})}),i.jsxs("div",{className:"flex items-center gap-x-2",children:[i.jsx("button",{type:"button",className:"p-1 text-xs border rounded-lg",onClick:()=>w(p),children:i.jsx(H,{icon:"fluent:edit-28-regular"})}),d.length>1&&i.jsx("button",{type:"button",className:"p-1 text-xs border rounded-lg",onClick:()=>o(p.id),children:i.jsx(H,{icon:"lets-icons:trash-duotone-line"})}),i.jsx("button",{type:"button",className:"p-1 text-xs rounded-lg",onClick:()=>g(y),children:i.jsx(H,{icon:m.includes(y)?"fa6-solid:chevron-up":"fa6-solid:chevron-down",iconClass:"text-base"})})]})]}),(p==null?void 0:p.description)&&m.includes(y)&&i.jsx("p",{className:"mt-2 text-sm text-gray-600 text-gray-60",children:p==null?void 0:p.description}),m.includes(y)&&i.jsxs("div",{className:"h-full mt-4 transition-all duration-200",id:p.id,onDragOver:b,onDragEnd:()=>r(!1),onClick:()=>t(p.id),children:[i.jsx("hr",{className:"group-last:hidden"}),i.jsx("div",{className:"h-full mt-4 gap-y-6",children:i.jsx(Lo,{elementData:p.questionData,sectionId:p.id})})]})]})},p.id)),i.jsx("div",{className:"flex justify-center",children:i.jsxs("button",{type:"button",onClick:()=>l(),style:{color:(f==null?void 0:f.buttonColor)||"#333"},className:"text-sm font-medium",children:["+ Add section"," "]})})]})]})};function Io({questionData:e}){const{setFormData:n,addSection:a}=v.useContext(te);v.useEffect(()=>{e&&e.length>0&&n(e)},[e,n]);const s=v.useCallback(o=>{o.preventDefault();try{const l=JSON.parse(o.dataTransfer.getData("properties"));if((l==null?void 0:l.type)==="section"){a();return}}catch(l){console.error("Drop error:",l)}},[]);return i.jsx("div",{onDragOver:o=>o.preventDefault(),onDrop:o=>s(o),className:"bg-white p-4 border border-[#E4E7EC] h-full overflow-y-auto no-scrollbar max-h-[calc(100vh-60px)]",children:i.jsx(Oo,{})})}const Do=[{key:"textFields",title:"Text Fields"},{key:"selectionFields",title:"Selection Fields"},{key:"dateAndTime",title:"Date & Time"},{key:"fileAndMedia",title:"File & Media"},{key:"layoutAndDisplay",title:"Layout & Display"},{key:"advancedData",title:"Advanced / Data"}],Ko=()=>{const[e,n]=v.useState(""),{setIsDragging:a,addElement:s,selectedSection:o}=v.useContext(te),l=v.useCallback((g,w)=>{g.dataTransfer.setData("properties",JSON.stringify(w)),g.dataTransfer.effectAllowed="move",a(!0)},[a]);function d(g){if(!o){ge.toast.error("Please select a section to add an element to.");return}const w={...g,id:Q.v4(),sectionId:o};s(w,o)}const r=oe("config")||{},t=r.elementColor,c=r.elementBgColor,m=r.elementBorderColor,h=Wa.filter(g=>g.label.toLowerCase().includes(e.toLowerCase())),b=Do.map(g=>({title:g.title,elements:h.filter(w=>{var f;return(f=qa[g.key])==null?void 0:f.includes(w.type)})})).filter(g=>g.elements.length>0);return i.jsxs("div",{className:"pt-4 pb-6",children:[i.jsx("div",{className:"px-5 mb-4",children:i.jsx("input",{className:"field-control",placeholder:"Search",value:e,onChange:g=>n(g.target.value)})}),i.jsx("hr",{}),i.jsx("div",{children:i.jsx("ul",{className:"grid gap-y-5 mt-3 px-5 max-h-[80vh] overflow-y-auto no-scrollbar",children:b.map((g,w)=>i.jsxs("li",{children:[i.jsx("h4",{className:"mb-2 text-[11px] font-bold text-gray-500 uppercase",children:g.title}),i.jsx("ul",{className:"grid gap-y-[6px] mb-3",children:g.elements.map(f=>i.jsx("li",{onDragStart:p=>l(p,f),onDragEnd:()=>a(!1),onClick:()=>d(f),style:{borderColor:m,backgroundColor:c},className:`cursor-move text-[#475467] flex justify-between items-center h-11\r
50
50
  border-[1.5px] border-[#98A2B3] rounded-lg py-3 px-[14px] shadow-custom\r
51
51
  hover:shadow-lg transition-all duration-200\r
52
- active:opacity-50 element_class`,draggable:!0,children:i.jsxs("span",{className:"flex flex-row-reverse items-center justify-between w-full gap-x-3",children:[i.jsx("span",{style:{color:t},children:i.jsx(H,{icon:f.icon,iconClass:"w-4 h-4"})}),i.jsx("span",{style:{color:t},className:"text-sm font-medium leading-[0]",children:f.label})]})},f.type))})]},w))})})]})},Ro=v.memo(Ko),he=({text:e="",isDisabled:n=!1,isLoading:a=!1,btnClass:s="bg-primary-500 text-white",icon:o="",iconPosition:l="left",iconClass:d="text-[20px]",loadingClass:r="",link:t="",div:c=!1,type:m="button",style:h,onClick:b})=>{const g=z("btn inline-flex justify-center",{"pointer-events-none":a,"opacity-40 cursor-not-allowed":n},s),w=()=>a?i.jsxs(i.Fragment,{children:[i.jsxs("svg",{className:`animate-spin -ml-1 mr-3 h-5 w-5 ${r}`,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[i.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),i.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),"Submitting..."]}):i.jsxs("span",{className:"flex items-center",children:[o&&l==="left"&&i.jsx("span",{className:`mr-[6px] ${d}`,children:i.jsx(H,{icon:o})}),e&&i.jsx("span",{children:e}),o&&l==="right"&&i.jsx("span",{className:`ml-[6px] ${d}`,children:i.jsx(H,{icon:o})})]});return c?i.jsx("div",{className:g,children:w()}):t?i.jsx(_n.Link,{to:t,className:g,children:w()}):i.jsx("button",{disabled:n,type:m,className:g,"data-testid":"btn",onClick:b,style:h,children:w()})};function Go(){return i.jsx("div",{children:i.jsxs("svg",{width:"36",height:"36",viewBox:"0 0 36 36",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("rect",{x:"0.5",y:"0.5",width:"35",height:"35",rx:"7.5",fill:"#D5D7DA"}),i.jsx("rect",{x:"0.5",y:"0.5",width:"35",height:"35",rx:"7.5",stroke:"#E9EAEB"}),i.jsx("path",{d:"M22.5 14L14.5 22M14.5 14L22.5 22",stroke:"#414651",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"})]})})}const Fo=({isOpen:e,onClose:n})=>{const{formData:a}=v.useContext(te);if(!e)return null;const s=oe("config");return i.jsxs("div",{className:"fixed inset-0 flex justify-center z-[999] cursor-default no-drag select-none w-screen h-screen pt-20 bg-[#F8F9FC]",children:[i.jsx("button",{type:"button",onClick:n,className:"absolute text-sm top-3 right-4","aria-label":"close",children:i.jsx(Go,{})})," ",i.jsx("div",{className:"max-h-[80vh] overflow-y-auto h-max w-full max-w-[650px] border border-[#D5D9EB] rounded-lg bg-white form_submit",children:i.jsx(ln,{form_data:a,ignoreValidation:!0,config:s})})]})};function zo(){return i.jsx("div",{children:i.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("rect",{width:"24",height:"24",rx:"6",fill:"currentColor"}),i.jsx("path",{d:"M14 16L10 12L14 8",stroke:"white",strokeWidth:"1.39167",strokeLinecap:"round",strokeLinejoin:"round"})]})})}function Ho({title:e,goBackUrl:n,onSubmit:a,onPublish:s,previewLoading:o,saveLoading:l,publishLoading:d,onTitleChange:r}){const{formData:t}=v.useContext(te),[c,m]=v.useState(!1),[h,b]=v.useState(!1),[g,w]=v.useState(e||""),f=oe("config");function p(){localStorage.setItem("formData",JSON.stringify(t)),a==null||a(t)}function y(){localStorage.setItem("formData",JSON.stringify(t)),s==null||s(t)}function k(){b(!1),r&&g!==e&&r(g.trim())}return i.jsxs("div",{className:"px-[30px] py-3 flex justify-between items-center bg-[#F9F9FB] top_bar",children:[i.jsxs("span",{className:"flex items-center gap-x-2",children:[n&&i.jsx("button",{type:"button",onClick:()=>n(),style:{color:(f==null?void 0:f.buttonColor)||"#333"},className:"flex items-center gap-x-3",children:i.jsx(zo,{})})," ",h?i.jsx("input",{type:"text",value:g,onChange:x=>w(x.target.value),onBlur:k,autoFocus:!0,className:"w-48 px-2 py-1 text-sm font-semibold outline-gray-100 input form_title"}):i.jsx("h1",{title:"Click to edit",className:"text-base font-semibold cursor-pointer form_title",onClick:()=>b(!0),children:g||"Untitled"})]}),c&&i.jsx(Fo,{isOpen:c,onClose:()=>m(!1),element:void 0}),i.jsxs("div",{className:"flex justify-end text-xs gap-x-3",children:[i.jsx(he,{onClick:()=>m(!0),text:"Preview",btnClass:"px-2 bg-transparent font-medium text-sm form_preview",icon:"solar:eye-bold-duotone",iconClass:"text-base",style:{color:(f==null?void 0:f.buttonColor)||"#333"},isDisabled:o,isLoading:o}),i.jsx(he,{onClick:p,text:"Save",btnClass:"px-2 bg-transparent font-medium text-sm form_save__btn",icon:"lets-icons:save-duotone",iconClass:"text-base",style:{color:(f==null?void 0:f.buttonColor)||"#333"},isDisabled:l,isLoading:l}),i.jsx(he,{onClick:y,text:"Publish",style:{background:(f==null?void 0:f.buttonColor)||"#333"},btnClass:"border-[#98A2B3] font-medium text-sm py-[8px] px-6 text-white rounded-lg form_publish__btn",isDisabled:d,isLoading:d})]})]})}const sn=({loadingClass:e})=>{const n=z("h-full w-full min-h-[300px] flex justify-center items-center",e);return v.useEffect(()=>{const a=oe("config"),s=(a==null?void 0:a.loaderColor)||"#333";document.documentElement.style.setProperty("--loader-color",s)},[]),i.jsx("div",{className:n,children:i.jsx("span",{className:"loader"})})};function Vo({onSubmit:e,questionData:n,title:a,goBackUrl:s,loading:o,onPublish:l,previewLoading:d,saveLoading:r,publishLoading:t,onTitleChange:c}){return i.jsx(wi,{children:i.jsxs("div",{className:"w-full h-full bg-[#F8F9FC] flex flex-col",children:[i.jsx(ge.ToastContainer,{}),i.jsx("div",{className:"border-b bg-white border-[#E4E7EC]",children:i.jsx(Ho,{title:a,goBackUrl:s,onSubmit:e,onPublish:l,previewLoading:d,saveLoading:r,publishLoading:t,onTitleChange:c})}),i.jsxs("div",{className:"flex flex-1 ",children:[i.jsx("div",{children:i.jsx("div",{className:"w-[260px] h-[calc(100vh-64px)] border-r border-[#E4E7EC] bg-white ",children:i.jsx(Ro,{})})}),i.jsx("div",{className:"flex-1 h-full max-h-full z-[1] p-4 ",children:o?i.jsx(sn,{loadingClass:"!w-full !h-[800px]"}):i.jsx(Io,{questionData:n})})]})]})})}const Uo=({onSubmit:e,questionData:n,isReadOnly:a,config:s={buttonColor:"#333"},title:o,loading:l,goBackUrl:d,onPublish:r,previewLoading:t,saveLoading:c,publishLoading:m,onTitleChange:h})=>(v.useEffect(()=>{s&&$i("config",s)},[s]),i.jsx(Vo,{onSubmit:e,onPublish:r,questionData:n,isReadOnly:a,title:o,goBackUrl:d,loading:l,previewLoading:t,saveLoading:c,publishLoading:m,onTitleChange:h})),fe={required:"This field is required",email:"Invalid email format",minLength:e=>`Minimum length is ${e}`,maxLength:e=>`Maximum length is ${e}`,minAmount:e=>`Minimum amount is ${e}`,maxAmount:e=>`Maximum amount is ${e}`},Wo=e=>({textField:j.string().nullable(),longText:j.string().nullable(),numberField:j.number().nullable().transform(a=>isNaN(a)?null:a),amountField:j.number().nullable().transform(a=>isNaN(a)?null:a),selectField:j.string().nullable(),checkbox:j.mixed().nullable(),radio:j.mixed().nullable(),email:j.string().nullable().email(fe.email),date:j.date().typeError("Invalid date").nullable()})[e]||j.mixed().nullable(),qo=(e,n,a)=>n?e.type==="boolean"?e.oneOf([!0],a||fe.required):e.required(a||fe.required):e,Jo=(e,{minLength:n,maxLength:a,minLengthMessage:s,maxLengthMessage:o})=>{let l=e;return n&&(l=l.min(n,s||fe.minLength(n))),a&&(l=l.max(a,o||fe.maxLength(a))),l},Yo=(e,{minAmount:n,maxAmount:a,minAmountMessage:s,maxAmountMessage:o})=>{let l=e;return n&&(l=l.min(parseFloat(String(n)),s||fe.minAmount(n))),a&&(l=l.max(parseFloat(String(a)),o||fe.maxAmount(a))),l};function Zo(e){const n={};return e.forEach(({questionData:a})=>{a.forEach(s=>{const{id:o,type:l,isRequired:d,requiredMessage:r}=s;let t=Wo(l);t=qo(t,d,r),l==="textField"||l==="longText"||l==="email"?t=Jo(t,s):(l==="numberField"||l==="amountField")&&(t=Yo(t,s)),n[o]=t})}),j.object().shape(n)}function $o(e){return e.reduce((n,a)=>(n[a.id]=a.value,n),{})}const Fe=(e,n)=>{const a=nn[e.type];return a?i.jsxs("div",{children:[e.inputLabel&&i.jsx("label",{className:"block text-sm font-medium mb-[5px] input_label",children:e.inputLabel}),i.jsx(a,{element:e,state:"edit",validationData:n})]}):null},ze=(e,n)=>e!=null&&e.allowEdit?{...n,isReadOnly:!1}:n;function Qo({form_data:e,options:n}){const a=(o,l)=>i.jsx(ti,{element:o,customClass:"p-0 min-h-[60px] border-none",children:l.map(d=>{var r;return i.jsx(li,{col:(r=d.gridPosition)==null?void 0:r.col,customClass:"p-0",children:Fe(d,ze(d,n))},d.id)})},o.id),s=o=>{var l,d;return i.jsxs("div",{className:z("group relative grid gap-y-[6px]",o.elementClass),children:[Fe(o,ze(o,n)),((d=(l=n==null?void 0:n.errors)==null?void 0:l[o.id])==null?void 0:d.message)&&i.jsx("div",{className:"mt-1 text-xs text-red-600",children:n.errors[o.id].message})]},o.id)};return i.jsx("div",{className:"grid gap-y-10",children:e.map(o=>{var d,r;const l=new Map;return(d=o.questionData)==null||d.forEach(t=>{t.gridId&&(l.has(t.gridId)||l.set(t.gridId,[]),l.get(t.gridId).push(t))}),i.jsxs("div",{className:"pb-6 section_box",children:[(o.title||o.description)&&i.jsxs("div",{className:"py-4 border-b border-gray-100 mb-7 section_box__title",children:[o.title&&i.jsx("h2",{className:"text-lg font-semibold mb-[4px]",children:o.title}),o.description&&i.jsx("p",{className:"text-sm",children:o.description})]}),i.jsx("div",{className:"grid gap-y-3 section_box__content",children:(r=o.questionData)==null?void 0:r.map(t=>t.gridId?null:t.type==="grid"?a(t,l.get(t.id)||[]):s(t))})]},o.id)})})}function Xo({form_data:e,options:n,current:a}){var s;return i.jsx("div",{className:"grid gap-y-3 multi_section__content",children:(s=e[a].questionData)==null?void 0:s.map(o=>{var l,d;if(o.type==="grid"){const r=e[a].questionData.filter(t=>t.gridId===o.id);return i.jsx(ti,{element:o,customClass:"p-0 min-h-[60px] border-none",children:r.map(t=>{var c;return i.jsx(li,{col:(c=t.gridPosition)==null?void 0:c.col,customClass:"p-0",children:Fe(t,ze(t,n))},t.id)})},o.id)}return o.gridId?null:i.jsxs("div",{className:z("group relative grid gap-y-[6px]",o.elementClass),children:[Fe(o,ze(o,n)),i.jsx("div",{className:"mt-1 text-xs text-red-600",children:(d=(l=n==null?void 0:n.errors)==null?void 0:l[o.id])==null?void 0:d.message})]},o.id)})})}const es=({form_data:e,answerData:n=[],ignoreValidation:a=!1,onSubmitData:s,onGetValues:o,isReadOnly:l=!1,renderType:d="multi",children:r,hideFooter:t=!1})=>{var de,ce,R,me,be,ve,ye,xe;const[c,m]=v.useState(0),h=(de=e==null?void 0:e.length)!=null?de:0,b=oe("config"),g=v.useMemo(()=>Zo(e),[e]),w=ue.useForm({resolver:ni(g),mode:"onSubmit",defaultValues:{}}),{register:f,setValue:p,control:y,handleSubmit:k,reset:x,getValues:C,watch:M,formState:{errors:A,isSubmitting:N},trigger:P}=w,L=ue.useWatch({control:y}),E=v.useMemo(()=>L,[JSON.stringify(L)]),V=v.useCallback(X=>{o&&o(X)},[o]);v.useEffect(()=>{if(!(e!=null&&e.length)||!o)return;const X=e.flatMap(O=>O.questionData.map(I=>({id:I.id,value:E[I.id],sectionId:O.id,type:I.type})));V(X)},[E,e,V,o]),v.useEffect(()=>{n!=null&&n.length&&x($o(n))},[n,x]);const T=v.useCallback(X=>{const O=e.flatMap(I=>I.questionData.map($=>({id:$.id,value:X[$.id],sectionId:I.id,type:$.type})));s==null||s(O)},[e,s]),U=v.useCallback(async()=>{var X,O;if(!a){const I=(O=(X=e==null?void 0:e[c])==null?void 0:X.questionData)==null?void 0:O.map(ee=>ee.id);if(!await P(I))return}m(I=>I+1)},[c,e,a,P]),ne=v.useCallback(()=>{m(X=>X-1)},[]),se=v.useMemo(()=>({register:f,setValue:p,watch:M,errors:A,trigger:P,isSubmitting:N,isReadOnly:l,getValues:C}),[f,p,M,A,P,N,l,C]);return i.jsx(wi,{children:i.jsx(ue.FormProvider,{...w,children:i.jsxs("form",{onSubmit:k(T),className:"container h-full mx-auto",children:[i.jsx("div",{className:"relative flex flex-col w-full py-4 gap-y-12",children:i.jsxs("div",{className:"multi_section__box",children:[d==="multi"&&(((ce=e==null?void 0:e[c])==null?void 0:ce.title)||((R=e==null?void 0:e[c])==null?void 0:R.description))&&i.jsxs("div",{className:"py-4 mb-4 border-b border-gray-100 multi_section__title",children:[((me=e[c])==null?void 0:me.title)&&i.jsx("h2",{className:"text-lg font-semibold mb-[6px]",children:(be=e[c])==null?void 0:be.title}),((ve=e[c])==null?void 0:ve.description)&&i.jsx("p",{className:"text-sm",children:(ye=e[c])==null?void 0:ye.description})]}),d==="multi"?i.jsx(Xo,{form_data:e,options:se,current:c}):i.jsx(Qo,{form_data:e,options:se})]},(xe=e==null?void 0:e[c])==null?void 0:xe.id)}),!t&&i.jsx("footer",{className:"flex items-center justify-end gap-4 footer",children:d==="multi"?i.jsxs(i.Fragment,{children:[c>0&&i.jsx(he,{type:"button",text:"Back",onClick:ne,btnClass:"text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-gray-200 rounded-lg"}),c<h-1?i.jsx(he,{type:"button",text:"Continue",onClick:U,style:{background:(b==null?void 0:b.buttonColor)||"#333"},btnClass:"text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg continue_btn"}):!a&&(r!=null?r:i.jsx(he,{isDisabled:N,isLoading:N,type:"submit",text:"Submit",style:{background:(b==null?void 0:b.buttonColor)||"#333"},btnClass:"text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"}))]}):!a&&(r!=null?r:i.jsx(he,{isDisabled:N,isLoading:N,type:"submit",text:"Submit",style:{background:(b==null?void 0:b.buttonColor)||"#333"},btnClass:"text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"}))})]})})})},is=v.memo(es);function ln({answerData:e,form_data:n,ignoreValidation:a,onSubmit:s,isReadOnly:o=!1,loading:l=!1,config:d={buttonColor:"#333"},renderType:r,children:t,hideFooter:c,onGetValues:m}){v.useEffect(()=>{d&&$i("config",d)},[d]);const h=v.useCallback(b=>{m&&m(b)},[m]);return l?i.jsx(sn,{}):n?i.jsx("div",{className:"w-full h-full",children:i.jsx(is,{form_data:n,answerData:e,ignoreValidation:a,onSubmitData:s,isReadOnly:o,renderType:r,hideFooter:c,onGetValues:h,children:t})}):i.jsx("div",{children:i.jsx("p",{className:"p-6 text-sm text-gray-400",children:"Error: No form data available."})})}Y.FormBuilder=Uo,Y.FormViewer=ln,Object.defineProperty(Y,Symbol.toStringTag,{value:"Module"})});
52
+ active:opacity-50 element_class`,draggable:!0,children:i.jsxs("span",{className:"flex flex-row-reverse items-center justify-between w-full gap-x-3",children:[i.jsx("span",{style:{color:t},children:i.jsx(H,{icon:f.icon,iconClass:"w-4 h-4"})}),i.jsx("span",{style:{color:t},className:"text-sm font-medium leading-[0]",children:f.label})]})},f.type))})]},w))})})]})},Ro=v.memo(Ko),he=({text:e="",isDisabled:n=!1,isLoading:a=!1,btnClass:s="bg-primary-500 text-white",icon:o="",iconPosition:l="left",iconClass:d="text-[20px]",loadingClass:r="",link:t="",div:c=!1,type:m="button",style:h,onClick:b})=>{const g=z("btn inline-flex justify-center",{"pointer-events-none":a,"opacity-40 cursor-not-allowed":n},s),w=()=>a?i.jsxs(i.Fragment,{children:[i.jsxs("svg",{className:`animate-spin -ml-1 mr-3 h-5 w-5 ${r}`,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[i.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),i.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),"Submitting..."]}):i.jsxs("span",{className:"flex items-center",children:[o&&l==="left"&&i.jsx("span",{className:`mr-[6px] ${d}`,children:i.jsx(H,{icon:o})}),e&&i.jsx("span",{children:e}),o&&l==="right"&&i.jsx("span",{className:`ml-[6px] ${d}`,children:i.jsx(H,{icon:o})})]});return c?i.jsx("div",{className:g,children:w()}):t?i.jsx(_n.Link,{to:t,className:g,children:w()}):i.jsx("button",{disabled:n,type:m,className:g,"data-testid":"btn",onClick:b,style:h,children:w()})};function Go(){return i.jsx("div",{children:i.jsxs("svg",{width:"36",height:"36",viewBox:"0 0 36 36",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("rect",{x:"0.5",y:"0.5",width:"35",height:"35",rx:"7.5",fill:"#D5D7DA"}),i.jsx("rect",{x:"0.5",y:"0.5",width:"35",height:"35",rx:"7.5",stroke:"#E9EAEB"}),i.jsx("path",{d:"M22.5 14L14.5 22M14.5 14L22.5 22",stroke:"#414651",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"})]})})}const Fo=({isOpen:e,onClose:n})=>{const{formData:a}=v.useContext(te);if(!e)return null;const s=oe("config");return i.jsxs("div",{className:"fixed inset-0 flex justify-center z-[999] cursor-default no-drag select-none w-screen h-screen pt-20 bg-[#F8F9FC]",children:[i.jsx("button",{type:"button",onClick:n,className:"absolute text-sm top-3 right-4","aria-label":"close",children:i.jsx(Go,{})})," ",i.jsx("div",{className:"max-h-[80vh] overflow-y-auto h-max w-full max-w-[650px] border border-[#D5D9EB] rounded-lg bg-white form_submit",children:i.jsx(ln,{form_data:a,ignoreValidation:!0,config:s})})]})};function zo(){return i.jsx("div",{children:i.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("rect",{width:"24",height:"24",rx:"6",fill:"currentColor"}),i.jsx("path",{d:"M14 16L10 12L14 8",stroke:"white",strokeWidth:"1.39167",strokeLinecap:"round",strokeLinejoin:"round"})]})})}function Ho({title:e,goBackUrl:n,onSubmit:a,onPublish:s,previewLoading:o,saveLoading:l,publishLoading:d,onTitleChange:r}){const{formData:t}=v.useContext(te),[c,m]=v.useState(!1),[h,b]=v.useState(!1),[g,w]=v.useState(e||""),f=oe("config");function p(){localStorage.setItem("formData",JSON.stringify(t)),a==null||a(t)}function y(){localStorage.setItem("formData",JSON.stringify(t)),s==null||s(t)}function k(){b(!1),r&&g!==e&&r(g.trim())}return i.jsxs("div",{className:"px-[30px] py-3 flex justify-between items-center bg-[#F9F9FB] top_bar",children:[i.jsxs("span",{className:"flex items-center gap-x-2",children:[n&&i.jsx("button",{type:"button",onClick:()=>n(),style:{color:(f==null?void 0:f.buttonColor)||"#333"},className:"flex items-center gap-x-3",children:i.jsx(zo,{})})," ",h?i.jsx("input",{type:"text",value:g,onChange:x=>w(x.target.value),onBlur:k,autoFocus:!0,className:"w-48 px-2 py-1 text-sm font-semibold outline-gray-100 input form_title"}):i.jsx("h1",{title:"Click to edit",className:"text-base font-semibold cursor-pointer form_title",onClick:()=>b(!0),children:g||"Untitled"})]}),c&&i.jsx(Fo,{isOpen:c,onClose:()=>m(!1),element:void 0}),i.jsxs("div",{className:"flex justify-end text-xs gap-x-3",children:[i.jsx(he,{onClick:()=>m(!0),text:"Preview",btnClass:"px-2 bg-transparent font-medium text-sm form_preview",icon:"solar:eye-bold-duotone",iconClass:"text-base",style:{color:(f==null?void 0:f.buttonColor)||"#333"},isDisabled:o,isLoading:o}),i.jsx(he,{onClick:p,text:"Save",btnClass:"px-2 bg-transparent font-medium text-sm form_save__btn",icon:"lets-icons:save-duotone",iconClass:"text-base",style:{color:(f==null?void 0:f.buttonColor)||"#333"},isDisabled:l,isLoading:l}),i.jsx(he,{onClick:y,text:"Publish",style:{background:(f==null?void 0:f.buttonColor)||"#333"},btnClass:"border-[#98A2B3] font-medium text-sm py-[8px] px-6 text-white rounded-lg form_publish__btn",isDisabled:d,isLoading:d})]})]})}const sn=({loadingClass:e})=>{const n=z("h-full w-full min-h-[300px] flex justify-center items-center",e);return v.useEffect(()=>{const a=oe("config"),s=(a==null?void 0:a.loaderColor)||"#333";document.documentElement.style.setProperty("--loader-color",s)},[]),i.jsx("div",{className:n,children:i.jsx("span",{className:"loader"})})};function Vo({onSubmit:e,questionData:n,title:a,goBackUrl:s,loading:o,onPublish:l,previewLoading:d,saveLoading:r,publishLoading:t,onTitleChange:c}){return i.jsx(wi,{children:i.jsxs("div",{className:"w-full h-full bg-[#F8F9FC] flex flex-col",children:[i.jsx(ge.ToastContainer,{}),i.jsx("div",{className:"border-b bg-white border-[#E4E7EC]",children:i.jsx(Ho,{title:a,goBackUrl:s,onSubmit:e,onPublish:l,previewLoading:d,saveLoading:r,publishLoading:t,onTitleChange:c})}),i.jsxs("div",{className:"flex flex-1 ",children:[i.jsx("div",{children:i.jsx("div",{className:"w-[260px] h-[calc(100vh-64px)] border-r border-[#E4E7EC] bg-white ",children:i.jsx(Ro,{})})}),i.jsx("div",{className:"flex-1 h-full max-h-full z-[1]",children:o?i.jsx(sn,{loadingClass:"!w-full !h-[800px]"}):i.jsx(Io,{questionData:n})})]})]})})}const Uo=({onSubmit:e,questionData:n,isReadOnly:a,config:s={buttonColor:"#333"},title:o,loading:l,goBackUrl:d,onPublish:r,previewLoading:t,saveLoading:c,publishLoading:m,onTitleChange:h})=>(v.useEffect(()=>{s&&$i("config",s)},[s]),i.jsx(Vo,{onSubmit:e,onPublish:r,questionData:n,isReadOnly:a,title:o,goBackUrl:d,loading:l,previewLoading:t,saveLoading:c,publishLoading:m,onTitleChange:h})),fe={required:"This field is required",email:"Invalid email format",minLength:e=>`Minimum length is ${e}`,maxLength:e=>`Maximum length is ${e}`,minAmount:e=>`Minimum amount is ${e}`,maxAmount:e=>`Maximum amount is ${e}`},Wo=e=>({textField:j.string().nullable(),longText:j.string().nullable(),numberField:j.number().nullable().transform(a=>isNaN(a)?null:a),amountField:j.number().nullable().transform(a=>isNaN(a)?null:a),selectField:j.string().nullable(),checkbox:j.mixed().nullable(),radio:j.mixed().nullable(),email:j.string().nullable().email(fe.email),date:j.date().typeError("Invalid date").nullable()})[e]||j.mixed().nullable(),qo=(e,n,a)=>n?e.type==="boolean"?e.oneOf([!0],a||fe.required):e.required(a||fe.required):e,Jo=(e,{minLength:n,maxLength:a,minLengthMessage:s,maxLengthMessage:o})=>{let l=e;return n&&(l=l.min(n,s||fe.minLength(n))),a&&(l=l.max(a,o||fe.maxLength(a))),l},Yo=(e,{minAmount:n,maxAmount:a,minAmountMessage:s,maxAmountMessage:o})=>{let l=e;return n&&(l=l.min(parseFloat(String(n)),s||fe.minAmount(n))),a&&(l=l.max(parseFloat(String(a)),o||fe.maxAmount(a))),l};function Zo(e){const n={};return e.forEach(({questionData:a})=>{a.forEach(s=>{const{id:o,type:l,isRequired:d,requiredMessage:r}=s;let t=Wo(l);t=qo(t,d,r),l==="textField"||l==="longText"||l==="email"?t=Jo(t,s):(l==="numberField"||l==="amountField")&&(t=Yo(t,s)),n[o]=t})}),j.object().shape(n)}function $o(e){return e.reduce((n,a)=>(n[a.id]=a.value,n),{})}const Fe=(e,n)=>{const a=nn[e.type];return a?i.jsxs("div",{children:[e.inputLabel&&i.jsx("label",{className:"block text-sm font-medium mb-[5px] input_label",children:e.inputLabel}),i.jsx(a,{element:e,state:"edit",validationData:n})]}):null},ze=(e,n)=>e!=null&&e.allowEdit?{...n,isReadOnly:!1}:n;function Qo({form_data:e,options:n}){const a=(o,l)=>i.jsx(ti,{element:o,customClass:"p-0 min-h-[60px] border-none",children:l.map(d=>{var r;return i.jsx(li,{col:(r=d.gridPosition)==null?void 0:r.col,customClass:"p-0",children:Fe(d,ze(d,n))},d.id)})},o.id),s=o=>{var l,d;return i.jsxs("div",{className:z("group relative grid gap-y-[6px]",o.elementClass),children:[Fe(o,ze(o,n)),((d=(l=n==null?void 0:n.errors)==null?void 0:l[o.id])==null?void 0:d.message)&&i.jsx("div",{className:"mt-1 text-xs text-red-600",children:n.errors[o.id].message})]},o.id)};return i.jsx("div",{className:"grid gap-y-10",children:e.map(o=>{var d,r;const l=new Map;return(d=o.questionData)==null||d.forEach(t=>{t.gridId&&(l.has(t.gridId)||l.set(t.gridId,[]),l.get(t.gridId).push(t))}),i.jsxs("div",{className:"pb-6 section_box",children:[(o.title||o.description)&&i.jsxs("div",{className:"py-4 border-b border-gray-100 mb-7 section_box__title",children:[o.title&&i.jsx("h2",{className:"text-lg font-semibold mb-[4px]",children:o.title}),o.description&&i.jsx("p",{className:"text-sm",children:o.description})]}),i.jsx("div",{className:"grid gap-y-3 section_box__content",children:(r=o.questionData)==null?void 0:r.map(t=>t.gridId?null:t.type==="grid"?a(t,l.get(t.id)||[]):s(t))})]},o.id)})})}function Xo({form_data:e,options:n,current:a}){var s;return i.jsx("div",{className:"grid gap-y-3 multi_section__content",children:(s=e[a].questionData)==null?void 0:s.map(o=>{var l,d;if(o.type==="grid"){const r=e[a].questionData.filter(t=>t.gridId===o.id);return i.jsx(ti,{element:o,customClass:"p-0 min-h-[60px] border-none",children:r.map(t=>{var c;return i.jsx(li,{col:(c=t.gridPosition)==null?void 0:c.col,customClass:"p-0",children:Fe(t,ze(t,n))},t.id)})},o.id)}return o.gridId?null:i.jsxs("div",{className:z("group relative grid gap-y-[6px]",o.elementClass),children:[Fe(o,ze(o,n)),i.jsx("div",{className:"mt-1 text-xs text-red-600",children:(d=(l=n==null?void 0:n.errors)==null?void 0:l[o.id])==null?void 0:d.message})]},o.id)})})}const es=({form_data:e,answerData:n=[],ignoreValidation:a=!1,onSubmitData:s,onGetValues:o,isReadOnly:l=!1,renderType:d="multi",children:r,hideFooter:t=!1})=>{var de,ce,R,me,be,ve,ye,xe;const[c,m]=v.useState(0),h=(de=e==null?void 0:e.length)!=null?de:0,b=oe("config"),g=v.useMemo(()=>Zo(e),[e]),w=ue.useForm({resolver:ni(g),mode:"onSubmit",defaultValues:{}}),{register:f,setValue:p,control:y,handleSubmit:k,reset:x,getValues:C,watch:M,formState:{errors:A,isSubmitting:N},trigger:P}=w,L=ue.useWatch({control:y}),E=v.useMemo(()=>L,[JSON.stringify(L)]),V=v.useCallback(X=>{o&&o(X)},[o]);v.useEffect(()=>{if(!(e!=null&&e.length)||!o)return;const X=e.flatMap(O=>O.questionData.map(I=>({id:I.id,value:E[I.id],sectionId:O.id,type:I.type})));V(X)},[E,e,V,o]),v.useEffect(()=>{n!=null&&n.length&&x($o(n))},[n,x]);const T=v.useCallback(X=>{const O=e.flatMap(I=>I.questionData.map($=>({id:$.id,value:X[$.id],sectionId:I.id,type:$.type})));s==null||s(O)},[e,s]),U=v.useCallback(async()=>{var X,O;if(!a){const I=(O=(X=e==null?void 0:e[c])==null?void 0:X.questionData)==null?void 0:O.map(ee=>ee.id);if(!await P(I))return}m(I=>I+1)},[c,e,a,P]),ne=v.useCallback(()=>{m(X=>X-1)},[]),se=v.useMemo(()=>({register:f,setValue:p,watch:M,errors:A,trigger:P,isSubmitting:N,isReadOnly:l,getValues:C}),[f,p,M,A,P,N,l,C]);return i.jsx(wi,{children:i.jsx(ue.FormProvider,{...w,children:i.jsxs("form",{onSubmit:k(T),className:"container h-full mx-auto",children:[i.jsx("div",{className:"relative flex flex-col w-full py-4 gap-y-12",children:i.jsxs("div",{className:"multi_section__box",children:[d==="multi"&&(((ce=e==null?void 0:e[c])==null?void 0:ce.title)||((R=e==null?void 0:e[c])==null?void 0:R.description))&&i.jsxs("div",{className:"py-4 mb-4 border-b border-gray-100 multi_section__title",children:[((me=e[c])==null?void 0:me.title)&&i.jsx("h2",{className:"text-lg font-semibold mb-[6px]",children:(be=e[c])==null?void 0:be.title}),((ve=e[c])==null?void 0:ve.description)&&i.jsx("p",{className:"text-sm",children:(ye=e[c])==null?void 0:ye.description})]}),d==="multi"?i.jsx(Xo,{form_data:e,options:se,current:c}):i.jsx(Qo,{form_data:e,options:se})]},(xe=e==null?void 0:e[c])==null?void 0:xe.id)}),!t&&i.jsx("footer",{className:"flex items-center justify-end gap-4 footer",children:d==="multi"?i.jsxs(i.Fragment,{children:[c>0&&i.jsx(he,{type:"button",text:"Back",onClick:ne,btnClass:"text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-gray-200 rounded-lg"}),c<h-1?i.jsx(he,{type:"button",text:"Continue",onClick:U,style:{background:(b==null?void 0:b.buttonColor)||"#333"},btnClass:"text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg continue_btn"}):!a&&(r!=null?r:i.jsx(he,{isDisabled:N,isLoading:N,type:"submit",text:"Submit",style:{background:(b==null?void 0:b.buttonColor)||"#333"},btnClass:"text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"}))]}):!a&&(r!=null?r:i.jsx(he,{isDisabled:N,isLoading:N,type:"submit",text:"Submit",style:{background:(b==null?void 0:b.buttonColor)||"#333"},btnClass:"text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"}))})]})})})},is=v.memo(es);function ln({answerData:e,form_data:n,ignoreValidation:a,onSubmit:s,isReadOnly:o=!1,loading:l=!1,config:d={buttonColor:"#333"},renderType:r,children:t,hideFooter:c,onGetValues:m}){v.useEffect(()=>{d&&$i("config",d)},[d]);const h=v.useCallback(b=>{m&&m(b)},[m]);return l?i.jsx(sn,{}):n?i.jsx("div",{className:"w-full h-full",children:i.jsx(is,{form_data:n,answerData:e,ignoreValidation:a,onSubmitData:s,isReadOnly:o,renderType:r,hideFooter:c,onGetValues:h,children:t})}):i.jsx("div",{children:i.jsx("p",{className:"p-6 text-sm text-gray-400",children:"Error: No form data available."})})}Y.FormBuilder=Uo,Y.FormViewer=ln,Object.defineProperty(Y,Symbol.toStringTag,{value:"Module"})});