@arudovwen/form-builder-react 1.4.45 → 1.4.47

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 +190 -188
  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(le,m){typeof exports=="object"&&typeof module!="undefined"?m(exports,require("react"),require("uuid"),require("react-datepicker"),require("@headlessui/react"),require("sonner"),require("axios"),require("react-currency-input-field"),require("react-dom"),require("react-hook-form"),require("@hookform/resolvers"),require("yup"),require("papaparse"),require("xlsx"),require("react-router-dom")):typeof define=="function"&&define.amd?define(["exports","react","uuid","react-datepicker","@headlessui/react","sonner","axios","react-currency-input-field","react-dom","react-hook-form","@hookform/resolvers","yup","papaparse","xlsx","react-router-dom"],m):(le=typeof globalThis!="undefined"?globalThis:le||self,m(le.FormBuilder={},le.React,le.uuid,le.DatePicker,le.react,le.sonner,le.axios,le.CurrencyInput,le.ReactDOM,le.reactHookForm,le.resolvers,le.yup,le.Papa,le.XLSX,le.reactRouterDom))})(this,function(le,m,fe,Ln,z,xe,_e,Ge,Pn,ke,Ci,Dn,In,On,Kn){"use strict";var Mi=document.createElement("style");Mi.textContent=`@charset "UTF-8";@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:.5}@media (min-width: 768px){.btn{white-space:nowrap}}.custom-select{position:relative;width:100%}.custom-select__label{display:block;margin-bottom:8px;font-size:14px;color:#686878}.custom-select__floating-label{position:absolute;top:-10px;left:12px;background:#fff;padding:2px 6px;font-size:10px;color:#667085;z-index:40}.custom-select__control{width:100%;padding:10px 36px 10px 12px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;font-size:14px;text-align:left;cursor:pointer;position:relative}.custom-select__control:disabled{background:#f2f4f7;cursor:not-allowed}.custom-select__value{display:block;white-space:wrap;overflow:hidden;text-overflow:ellipsis}.custom-select__placeholder{opacity:.6}.custom-select__icon{position:absolute;top:0;right:10px;height:100%;display:flex;align-items:center;pointer-events:none}.custom-select__options{width:var(--button-width);z-index:9999;max-height:240px;overflow-y:auto;background:#fff;border-radius:6px;box-shadow:0 10px 25px #0000001f;border:1px solid #e4e7ec}.custom-select__option{padding:8px 16px;font-size:14px;cursor:pointer}.custom-select__option--active{background:#f2f4f7}.custom-select__option--selected{font-weight:600}.custom-select__subtext{margin-top:6px;font-size:10px;color:#98a2b3}.custom-select__error{display:block;margin-top:6px;font-size:14px;color:#d92d20}.custom-select__transition{transition:opacity .1s ease-in}.custom-select__wrapper{position:relative}.custom-select__empty{padding:8px 16px;font-size:14px;color:#98a2b3}.custom-select__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.custom-select__chip{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;background:#f2f4f7;border:1px solid #e4e7ec;border-radius:999px;color:#344054}.custom-select__chip-remove{border:none;background:transparent;cursor:pointer;color:#667085;display:flex;align-items:center}.custom-select__chip-remove:hover{color:#101828}.custom-select__option-row{display:flex;align-items:center;justify-content:space-between;width:100%}.custom-select__check{font-size:14px;color:#667085}.visibility-editor{display:flex;flex-direction:column;gap:.5rem}.label{font-size:.875rem;color:#686878;margin-bottom:.5rem}.dependent-fields{display:grid;gap:.5rem}.dependent-field{display:flex;flex-wrap:wrap;gap:.25rem;padding:.25rem .5rem;background-color:#f3f3f3;border-radius:.375rem;align-items:center}.field-label,.field-value{flex:1;padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem}.field-listbox{flex:1;position:relative}.listbox-wrapper{position:relative}.listbox-button{width:100%;padding:.25rem .5rem;text-align:left;border:1px solid #d1d5db;border-radius:.25rem;background-color:#fff;cursor:pointer;font-size:.875rem}.listbox-options{width:var(--button-width);z-index:10;margin-top:.25rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.25rem;box-shadow:0 4px 6px #0000001a;max-height:12rem;overflow-y:auto}.listbox-option{padding:.25rem .5rem;cursor:pointer}.listbox-option:hover{background-color:#e0f2fe}body{font-family:Public Sans,Helvetica,sans-serif;color:#414651}.custom-field{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)}.custom-field::-moz-placeholder{font-weight:400;--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.custom-field::placeholder{font-weight:400;--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.custom-field: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}.formGroup.has-error .custom-field{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.formGroup.has-error .custom-field: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 .custom-field{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.formGroup.is-valid .custom-field: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}.custom-field[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))}.custom-field[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))}.custom-field[disabled]::-moz-placeholder{--tw-text-opacity: .6}.custom-field[disabled]::placeholder{--tw-text-opacity: .6}.custom-label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(104 104 120 / var(--tw-text-opacity, 1))}.custom-floating-label{position:absolute;top:-10px;left:.75rem;z-index:40;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:2px;padding-bottom:2px;padding-left:.25rem;padding-right:.25rem;--tw-text-opacity: 1;color:rgb(102 112 133 / var(--tw-text-opacity, 1))}.select-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:.875rem;line-height:1.25rem}.select-placeholder{display:block;font-size:.875rem;line-height:1.25rem;opacity:.6}.placeholder{opacity:.6}.select-icon{pointer-events:none;position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;padding-right:.5rem}.select-options{position:fixed;z-index:9999;margin-top:.25rem;max-height:15rem;width:var(--select-width);min-width:200px;overflow:auto;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:.25rem;padding-bottom:.25rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));--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);--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(0 0 0 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .05}.select-options:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.select-options{font-size:.875rem;line-height:1.25rem}}.select-button-options{position:fixed;z-index:9999;margin-top:.25rem;max-height:15rem;width:var(--button-width);min-width:200px;overflow:auto;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:.25rem;padding-bottom:.25rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));--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);--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(0 0 0 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .05}.select-button-options:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.select-button-options{font-size:.875rem;line-height:1.25rem}}.select-options__combo{position:fixed;z-index:9999;margin-top:.25rem;max-height:15rem;width:var(--input-width);min-width:200px;overflow:auto;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:.25rem;padding-bottom:.25rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));--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);--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(0 0 0 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .05}.select-options__combo:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.select-options__combo{font-size:.875rem;line-height:1.25rem}}.select-option{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.select-option.active{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.select-option.selected{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.select-option .selected{font-weight:800}.option-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem}.option-text.selected{font-weight:500}.custom-subtext{margin-top:6px;font-size:10px;line-height:1.5;--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.custom-error{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.fade-enter{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:.1s;transition-timing-function:cubic-bezier(0,0,.2,1)}.fade-from{opacity:0}.fade-to{opacity:1}.fade-leave{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:.1s;transition-timing-function:cubic-bezier(.4,0,1,1)}*,: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}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-left-12{left:-3rem}.-top-\\[10px\\]{top:-10px}.-top-\\[12px\\]{top:-12px}.left-0{left:0}.left-1\\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.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-\\[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-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\\.5{margin-bottom:.375rem}.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-\\[6px\\]{margin-bottom:6px}.ml-1{margin-left:.25rem}.ml-8{margin-left:2rem}.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-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.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-0{height:0px}.h-10{height:2.5rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\\[18px\\]{height:18px}.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-\\[400px\\]{max-height:400px}.max-h-\\[70vh\\]{max-height:70vh}.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-0{width:0px}.w-10{width:2.5rem}.w-2\\/5{width:40%}.w-20{width:5rem}.w-3\\.5{width:.875rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\\[150px\\]{width:150px}.w-\\[18px\\]{width:18px}.w-\\[250px\\]{width:250px}.w-\\[270px\\]{width:270px}.w-\\[60px\\]{width:60px}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-\\[100px\\]{min-width:100px}.min-w-\\[140px\\]{min-width:140px}.min-w-\\[24px\\]{min-width:24px}.min-w-\\[320px\\]{min-width:320px}.min-w-\\[600px\\]{min-width:600px}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-\\[300px\\]{max-width:300px}.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%}.shrink-0{flex-shrink:0}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.origin-right{transform-origin:right}.-translate-x-1\\/2{--tw-translate-x: -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))}.-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))}.translate-x-0{--tw-translate-x: 0px;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))}.translate-x-10{--tw-translate-x: 2.5rem;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))}.scale-\\[0\\.98\\]{--tw-scale-x: .98;--tw-scale-y: .98;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))}.scale-\\[1\\.01\\]{--tw-scale-x: 1.01;--tw-scale-y: 1.01;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-grab{cursor:grab}.cursor-help{cursor:help}.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}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.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-0{gap:0px}.gap-0\\.5{gap:.125rem}.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-\\[6px\\]{row-gap:6px}.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}.break-all{word-break:break-all}.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-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-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-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / 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-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-orange-400{--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / 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-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.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-gray-800\\/40{background-color:#1f293766}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / 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-white\\/60{background-color:#fff9}.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-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\\!px-0{padding-left:0!important;padding-right:0!important}.\\!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-0{padding-left:0;padding-right:0}.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-\\[30px\\]{padding-left:30px;padding-right:30px}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.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}.\\!pl-16{padding-left:4rem!important}.pb-10{padding-bottom:2.5rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-\\[14px\\]{padding-bottom:14px}.pl-3{padding-left:.75rem}.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-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-4{line-height:1rem}.leading-none{line-height:1}.\\!text-blue-700{--tw-text-opacity: 1 !important;color:rgb(29 78 216 / var(--tw-text-opacity, 1))!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-\\[\\#5c6c86\\]{--tw-text-opacity: 1;color:rgb(92 108 134 / 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-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / 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-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-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / 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-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-\\[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-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 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-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 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}.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)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.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-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,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}.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\\:border-blue-300:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.hover\\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / 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-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.hover\\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / 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\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{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\\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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-0:focus{outline-width:0px}.active\\:cursor-grabbing:active{cursor:grabbing}.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}.peer:checked~.peer-checked\\:border-\\[\\#7F56D9\\]{--tw-border-opacity: 1;border-color:rgb(127 86 217 / var(--tw-border-opacity, 1))}.peer:checked~.peer-checked\\:bg-\\[\\#7F56D9\\]{--tw-bg-opacity: 1;background-color:rgb(127 86 217 / var(--tw-bg-opacity, 1))}.peer:disabled~.peer-disabled\\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\\:opacity-60{opacity:.6}@media (min-width: 768px){.md\\:w-\\[100px\\]{width:100px}}@media (min-width: 1024px){.lg\\:w-2\\/3{width:66.666667%}.lg\\:min-w-\\[800px\\]{min-width:800px}}@media (min-width: 1280px){.xl\\:w-2\\/5{width:40%}}.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}.react-datepicker{font-family:Inter,helvetica,arial,sans-serif!important;font-size:14px!important;background-color:#fff;color:#8f95b2;border:none;border-radius:.3rem;display:inline-block;position:relative;font-weight:400!important;border:1px solid #e4e7ec;box-shadow:0 8px 8px -4px #10182808;box-shadow:0 20px 24px -4px #10182814}.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;left:unset;display:flex!important;align-items:center!important}.react-datepicker__view-calendar-icon input{padding:10px 14px!important}.react-datepicker__input-container{position:relative;display:flex;width:100%;align-items:center}.react-datepicker__header{text-align:center;background-color:#fff;border-bottom:none;border-top-left-radius:.3rem;padding:8px 0!important;position:relative;text-transform:capitalize}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:8px!important;color:#344054;font-weight:500;font-size:14px;margin-bottom:8px!important}.react-datepicker__day-name{color:#344054;font-size:12px;font-weight:500;display:inline-block;width:2rem;line-height:1.4rem;text-align:center;margin:.166rem}.react-datepicker__day{font-size:14px;color:#344054}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{width:2rem;line-height:2rem}.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:#faf2fd;color:#667085;font-weight:500}.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:#faf2fd;color:#42307d;font-weight:400}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#faf2fd;color:#42307d}.react-datepicker__navigation{align-items:center;height:24px;width:28px;top:12px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:90px}.react-datepicker__navigation-icon--next{left:unset}.react-datepicker__navigation-icon--previous{right:unset}.react-datepicker__navigation--previous{left:6px}.react-datepicker__navigation-icon{position:relative;top:unset;font-size:16px;width:0}.react-datepicker__day--selected,.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:2rem;background-color:#42307d;color:#fff!important;font-weight:500}.react-datepicker__day--range-end{border-radius:2rem;background-color:#42307d!important;color:#fff!important}.react-datepicker__navigation-icon--previous:before{border-color:#667085;border-style:solid;border-width:1px 1px 0 0;content:"";display:block;height:6px;position:absolute;top:50%;margin-top:-3px;left:-5px;width:6px}.react-datepicker__navigation-icon--next:before{border-color:#667085;border-style:solid;border-width:1px 1px 0 0;content:"";display:block;height:6px;position:absolute;top:50%;margin-top:-3px;right:-6px;left:unset;width:6px}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#999eaa!important}.react-datepicker__view-calendar-icon .input{padding-left:40px!important}.react-datepicker__calendar-icon{right:unset;left:6px}.form_data .react-datepicker-wrapper{width:100%}.react-datepicker__time-container{border-color:#e4e7ec}.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:#42307d;font-size:12px;height:auto}.react-datepicker__time-list-item{font-size:12px;height:auto;color:#344054}.react-datepicker__triangle{display:none}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{padding-left:2px;padding-right:2px}.react-datepicker__year-select option{font-size:12px;padding:1px 4px}.multi_section__title{padding:0 24px 16px}.multi_section__content{padding:24px}.footer{padding:0 24px 24px}
1
+ (function(le,m){typeof exports=="object"&&typeof module!="undefined"?m(exports,require("react"),require("uuid"),require("react-datepicker"),require("@headlessui/react"),require("sonner"),require("axios"),require("react-currency-input-field"),require("react-dom"),require("react-hook-form"),require("@hookform/resolvers"),require("yup"),require("papaparse"),require("xlsx"),require("react-router-dom")):typeof define=="function"&&define.amd?define(["exports","react","uuid","react-datepicker","@headlessui/react","sonner","axios","react-currency-input-field","react-dom","react-hook-form","@hookform/resolvers","yup","papaparse","xlsx","react-router-dom"],m):(le=typeof globalThis!="undefined"?globalThis:le||self,m(le.FormBuilder={},le.React,le.uuid,le.DatePicker,le.react,le.sonner,le.axios,le.CurrencyInput,le.ReactDOM,le.reactHookForm,le.resolvers,le.yup,le.Papa,le.XLSX,le.reactRouterDom))})(this,function(le,m,fe,Ln,z,xe,_e,Ge,Pn,ke,Ci,Dn,In,On,Kn){"use strict";var Mi=document.createElement("style");Mi.textContent=`@charset "UTF-8";@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:.5}@media (min-width: 768px){.btn{white-space:nowrap}}.custom-select{position:relative;width:100%}.custom-select__label{display:block;margin-bottom:8px;font-size:14px;color:#686878}.custom-select__floating-label{position:absolute;top:-10px;left:12px;background:#fff;padding:2px 6px;font-size:10px;color:#667085;z-index:40}.custom-select__control{width:100%;padding:10px 36px 10px 12px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;font-size:14px;text-align:left;cursor:pointer;position:relative}.custom-select__control:disabled{background:#f2f4f7;cursor:not-allowed}.custom-select__value{display:block;white-space:wrap;overflow:hidden;text-overflow:ellipsis}.custom-select__placeholder{opacity:.6}.custom-select__icon{position:absolute;top:0;right:10px;height:100%;display:flex;align-items:center;pointer-events:none}.custom-select__options{width:var(--button-width);z-index:9999;max-height:240px;overflow-y:auto;background:#fff;border-radius:6px;box-shadow:0 10px 25px #0000001f;border:1px solid #e4e7ec}.custom-select__option{padding:8px 16px;font-size:14px;cursor:pointer}.custom-select__option--active{background:#f2f4f7}.custom-select__option--selected{font-weight:600}.custom-select__subtext{margin-top:6px;font-size:10px;color:#98a2b3}.custom-select__error{display:block;margin-top:6px;font-size:14px;color:#d92d20}.custom-select__transition{transition:opacity .1s ease-in}.custom-select__wrapper{position:relative}.custom-select__empty{padding:8px 16px;font-size:14px;color:#98a2b3}.custom-select__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.custom-select__chip{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;background:#f2f4f7;border:1px solid #e4e7ec;border-radius:999px;color:#344054}.custom-select__chip-remove{border:none;background:transparent;cursor:pointer;color:#667085;display:flex;align-items:center}.custom-select__chip-remove:hover{color:#101828}.custom-select__option-row{display:flex;align-items:center;justify-content:space-between;width:100%}.custom-select__check{font-size:14px;color:#667085}.visibility-editor{display:flex;flex-direction:column;gap:.5rem}.label{font-size:.875rem;color:#686878;margin-bottom:.5rem}.dependent-fields{display:grid;gap:.5rem}.dependent-field{display:flex;flex-wrap:wrap;gap:.25rem;padding:.25rem .5rem;background-color:#f3f3f3;border-radius:.375rem;align-items:center}.field-label,.field-value{flex:1;padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem}.field-listbox{flex:1;position:relative}.listbox-wrapper{position:relative}.listbox-button{width:100%;padding:.25rem .5rem;text-align:left;border:1px solid #d1d5db;border-radius:.25rem;background-color:#fff;cursor:pointer;font-size:.875rem}.listbox-options{width:var(--button-width);z-index:10;margin-top:.25rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.25rem;box-shadow:0 4px 6px #0000001a;max-height:12rem;overflow-y:auto}.listbox-option{padding:.25rem .5rem;cursor:pointer}.listbox-option:hover{background-color:#e0f2fe}body{font-family:Public Sans,Helvetica,sans-serif;color:#414651}.custom-field{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)}.custom-field::-moz-placeholder{font-weight:400;--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.custom-field::placeholder{font-weight:400;--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.custom-field: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}.formGroup.has-error .custom-field{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.formGroup.has-error .custom-field: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 .custom-field{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.formGroup.is-valid .custom-field: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}.custom-field[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))}.custom-field[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))}.custom-field[disabled]::-moz-placeholder{--tw-text-opacity: .6}.custom-field[disabled]::placeholder{--tw-text-opacity: .6}.custom-label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(104 104 120 / var(--tw-text-opacity, 1))}.custom-floating-label{position:absolute;top:-10px;left:.75rem;z-index:40;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:2px;padding-bottom:2px;padding-left:.25rem;padding-right:.25rem;--tw-text-opacity: 1;color:rgb(102 112 133 / var(--tw-text-opacity, 1))}.select-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:.875rem;line-height:1.25rem}.select-placeholder{display:block;font-size:.875rem;line-height:1.25rem;opacity:.6}.placeholder{opacity:.6}.select-icon{pointer-events:none;position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;padding-right:.5rem}.select-options{position:fixed;z-index:9999;margin-top:.25rem;max-height:15rem;width:var(--select-width);min-width:200px;overflow:auto;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:.25rem;padding-bottom:.25rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));--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);--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(0 0 0 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .05}.select-options:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.select-options{font-size:.875rem;line-height:1.25rem}}.select-button-options{position:fixed;z-index:9999;margin-top:.25rem;max-height:15rem;width:var(--button-width);min-width:200px;overflow:auto;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:.25rem;padding-bottom:.25rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));--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);--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(0 0 0 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .05}.select-button-options:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.select-button-options{font-size:.875rem;line-height:1.25rem}}.select-options__combo{position:fixed;z-index:9999;margin-top:.25rem;max-height:15rem;width:var(--input-width);min-width:200px;overflow:auto;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:.25rem;padding-bottom:.25rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));--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);--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(0 0 0 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .05}.select-options__combo:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.select-options__combo{font-size:.875rem;line-height:1.25rem}}.select-option{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.select-option.active{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.select-option.selected{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.select-option .selected{font-weight:800}.option-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem}.option-text.selected{font-weight:500}.custom-subtext{margin-top:6px;font-size:10px;line-height:1.5;--tw-text-opacity: 1;color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.custom-error{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.fade-enter{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:.1s;transition-timing-function:cubic-bezier(0,0,.2,1)}.fade-from{opacity:0}.fade-to{opacity:1}.fade-leave{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:.1s;transition-timing-function:cubic-bezier(.4,0,1,1)}*,: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}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-left-12{left:-3rem}.-top-\\[10px\\]{top:-10px}.-top-\\[12px\\]{top:-12px}.left-0{left:0}.left-1\\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.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-\\[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-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\\.5{margin-bottom:.375rem}.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-\\[6px\\]{margin-bottom:6px}.ml-1{margin-left:.25rem}.ml-8{margin-left:2rem}.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-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.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-0{height:0px}.h-10{height:2.5rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\\[18px\\]{height:18px}.h-\\[60vh\\]{height:60vh}.h-\\[70px\\]{height:70px}.h-\\[80vh\\]{height:80vh}.h-\\[calc\\(100vh-70px\\)\\]{height:calc(100vh - 70px)}.h-full{height:100%}.h-max{height:-moz-max-content;height:max-content}.h-screen{height:100vh}.max-h-\\[400px\\]{max-height:400px}.max-h-\\[70vh\\]{max-height:70vh}.max-h-\\[80vh\\]{max-height:80vh}.max-h-\\[90vh\\]{max-height:90vh}.max-h-\\[calc\\(100vh-100px\\)\\]{max-height:calc(100vh - 100px)}.max-h-\\[calc\\(100vh-70px\\)\\]{max-height:calc(100vh - 70px)}.max-h-\\[calc\\(100vh-80px\\)\\]{max-height:calc(100vh - 80px)}.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-0{width:0px}.w-10{width:2.5rem}.w-2\\/5{width:40%}.w-20{width:5rem}.w-3\\.5{width:.875rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\\[150px\\]{width:150px}.w-\\[18px\\]{width:18px}.w-\\[250px\\]{width:250px}.w-\\[270px\\]{width:270px}.w-\\[60px\\]{width:60px}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-\\[100px\\]{min-width:100px}.min-w-\\[140px\\]{min-width:140px}.min-w-\\[24px\\]{min-width:24px}.min-w-\\[320px\\]{min-width:320px}.min-w-\\[600px\\]{min-width:600px}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-\\[300px\\]{max-width:300px}.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%}.shrink-0{flex-shrink:0}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.origin-right{transform-origin:right}.-translate-x-1\\/2{--tw-translate-x: -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))}.-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))}.translate-x-0{--tw-translate-x: 0px;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))}.translate-x-10{--tw-translate-x: 2.5rem;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))}.scale-\\[0\\.98\\]{--tw-scale-x: .98;--tw-scale-y: .98;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))}.scale-\\[1\\.01\\]{--tw-scale-x: 1.01;--tw-scale-y: 1.01;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-grab{cursor:grab}.cursor-help{cursor:help}.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}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.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-0{gap:0px}.gap-0\\.5{gap:.125rem}.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-\\[6px\\]{row-gap:6px}.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}.break-all{word-break:break-all}.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-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-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-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / 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-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-orange-400{--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / 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-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\\/30{background-color:#0000004d}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.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-gray-800\\/40{background-color:#1f293766}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / 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-white\\/60{background-color:#fff9}.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-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\\!px-0{padding-left:0!important;padding-right:0!important}.\\!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-0{padding-left:0;padding-right:0}.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-\\[30px\\]{padding-left:30px;padding-right:30px}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.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}.\\!pl-16{padding-left:4rem!important}.pb-10{padding-bottom:2.5rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-\\[14px\\]{padding-bottom:14px}.pl-3{padding-left:.75rem}.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-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-4{line-height:1rem}.leading-none{line-height:1}.\\!text-blue-700{--tw-text-opacity: 1 !important;color:rgb(29 78 216 / var(--tw-text-opacity, 1))!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-\\[\\#5c6c86\\]{--tw-text-opacity: 1;color:rgb(92 108 134 / 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-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / 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-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-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / 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-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow-\\[rgba\\(149\\,157\\,165\\,0\\.2\\)_0px_2px_2px\\]{--tw-shadow: rgba(149,157,165,.2) 0px 2px 2px;--tw-shadow-colored: 0px 2px 2px 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-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 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-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 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}.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)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.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-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,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}.form_submit,.shadow_box{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\\:border-blue-300:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.hover\\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / 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-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.hover\\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / 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\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{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\\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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-0:focus{outline-width:0px}.active\\:cursor-grabbing:active{cursor:grabbing}.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}.peer:checked~.peer-checked\\:border-\\[\\#7F56D9\\]{--tw-border-opacity: 1;border-color:rgb(127 86 217 / var(--tw-border-opacity, 1))}.peer:checked~.peer-checked\\:bg-\\[\\#7F56D9\\]{--tw-bg-opacity: 1;background-color:rgb(127 86 217 / var(--tw-bg-opacity, 1))}.peer:disabled~.peer-disabled\\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\\:opacity-60{opacity:.6}@media (min-width: 768px){.md\\:w-\\[100px\\]{width:100px}}@media (min-width: 1024px){.lg\\:w-2\\/3{width:66.666667%}.lg\\:min-w-\\[800px\\]{min-width:800px}}@media (min-width: 1280px){.xl\\:w-2\\/5{width:40%}}.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}.react-datepicker{font-family:Inter,helvetica,arial,sans-serif!important;font-size:14px!important;background-color:#fff;color:#8f95b2;border:none;border-radius:.3rem;display:inline-block;position:relative;font-weight:400!important;border:1px solid #e4e7ec;box-shadow:0 8px 8px -4px #10182808;box-shadow:0 20px 24px -4px #10182814}.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;left:unset;display:flex!important;align-items:center!important}.react-datepicker__view-calendar-icon input{padding:10px 14px!important}.react-datepicker__input-container{position:relative;display:flex;width:100%;align-items:center}.react-datepicker__header{text-align:center;background-color:#fff;border-bottom:none;border-top-left-radius:.3rem;padding:8px 0!important;position:relative;text-transform:capitalize}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:8px!important;color:#344054;font-weight:500;font-size:14px;margin-bottom:8px!important}.react-datepicker__day-name{color:#344054;font-size:12px;font-weight:500;display:inline-block;width:2rem;line-height:1.4rem;text-align:center;margin:.166rem}.react-datepicker__day{font-size:14px;color:#344054}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{width:2rem;line-height:2rem}.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:#faf2fd;color:#667085;font-weight:500}.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:#faf2fd;color:#42307d;font-weight:400}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#faf2fd;color:#42307d}.react-datepicker__navigation{align-items:center;height:24px;width:28px;top:12px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:90px}.react-datepicker__navigation-icon--next{left:unset}.react-datepicker__navigation-icon--previous{right:unset}.react-datepicker__navigation--previous{left:6px}.react-datepicker__navigation-icon{position:relative;top:unset;font-size:16px;width:0}.react-datepicker__day--selected,.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:2rem;background-color:#42307d;color:#fff!important;font-weight:500}.react-datepicker__day--range-end{border-radius:2rem;background-color:#42307d!important;color:#fff!important}.react-datepicker__navigation-icon--previous:before{border-color:#667085;border-style:solid;border-width:1px 1px 0 0;content:"";display:block;height:6px;position:absolute;top:50%;margin-top:-3px;left:-5px;width:6px}.react-datepicker__navigation-icon--next:before{border-color:#667085;border-style:solid;border-width:1px 1px 0 0;content:"";display:block;height:6px;position:absolute;top:50%;margin-top:-3px;right:-6px;left:unset;width:6px}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#999eaa!important}.react-datepicker__view-calendar-icon .input{padding-left:40px!important}.react-datepicker__calendar-icon{right:unset;left:6px}.form_data .react-datepicker-wrapper{width:100%}.react-datepicker__time-container{border-color:#e4e7ec}.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:#42307d;font-size:12px;height:auto}.react-datepicker__time-list-item{font-size:12px;height:auto;color:#344054}.react-datepicker__triangle{display:none}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{padding-left:2px;padding-right:2px}.react-datepicker__year-select option{font-size:12px;padding:1px 4px}.multi_section__title{padding:0 24px 16px}.multi_section__content{padding:24px}.footer{padding:0 24px 24px}
2
2
  /*$vite$:1*/`,document.head.appendChild(Mi);function Ei(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,s.get?s:{enumerable:!0,get:()=>e[o]})}}return n.default=e,Object.freeze(n)}const M=Ei(Dn),Ti=Ei(On);var Re={exports:{}},Be={};/**
3
3
  * @license React
4
4
  * react-jsx-runtime.production.min.js
@@ -53,8 +53,8 @@ React keys must be passed directly to JSX without using spread:
53
53
  "data": [
54
54
  { "name": "Document Name", "id": "documentMainId", ...restObject },
55
55
  ]
56
- }`})})]})})}),wa=()=>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",{}),"}"]})})]})]})});function ka(e){return e.flatMap(n=>{var o;return(o=n.questionData)!=null?o:[]})}const vi=["text","number","boolean"],bn=["equals","not_equals","contains","not_contains"],Aa=["greater","less"];function Sa({register:e,setValue:n,trigger:o,watch:s,id:a}){const{formData:t}=m.useContext(ve),r=s("visibilityDependentFields")||[],d=m.useMemo(()=>{var c;return(c=ka(t).filter(u=>u.id!==a))==null?void 0:c.map(u=>{const g=r.find(p=>p.id===u.id);return{id:u.id,value:u.id,label:u.inputLabel,sectionId:u.sectionId,fieldType:(g==null?void 0:g.fieldType)||"text",operator:(g==null?void 0:g.operator)||"equals",fieldValue:(g==null?void 0:g.fieldValue)!==void 0?g.fieldValue:""}})},[t,r,a]),l=(c,u,g)=>{const p=r==null?void 0:r.map((f,w)=>w===c?{...f,[u]:g}:f);n("visibilityDependentFields",p)};return i.jsxs("div",{className:"visibility-editor",children:[i.jsx("label",{className:"label",children:"Select Dependent Fields"}),i.jsx(ui,{element:{options:d,id:"visibilityDependentFields",value:s("visibilityDependentFields")},validationData:{register:e,setValue:n,trigger:o,watch:s}}),r.length>0&&i.jsx("div",{className:"py-1 bg-gray-100 rounded dependent-fields",children:r==null?void 0:r.map((c,u)=>{var g,p;return i.jsxs("div",{className:"dependent-field",children:[i.jsx("input",{type:"text",value:c.label,readOnly:!0,disabled:!0,className:"field-label"}),i.jsx("div",{className:"field-listbox min-w-[100px]",children:i.jsx(z.Listbox,{value:c.fieldType,onChange:f=>l(u,"fieldType",f),children:i.jsxs("div",{className:"listbox-wrapper",children:[i.jsx(z.Listbox.Button,{className:"listbox-button",children:c.fieldType}),i.jsx(z.Transition,{as:m.Fragment,leave:"transition ease-in duration-100",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:i.jsx(z.Listbox.Options,{className:"listbox-options ",anchor:"bottom",children:vi==null?void 0:vi.map(f=>i.jsx(z.Listbox.Option,{value:f,className:"listbox-option",children:f},f))})})]})})}),i.jsx("div",{className:"field-listbox min-w-[100px]",children:i.jsx(z.Listbox,{value:c.operator,onChange:f=>l(u,"operator",f),children:i.jsxs("div",{className:"listbox-wrapper",children:[i.jsx(z.Listbox.Button,{className:"listbox-button",children:c.operator.replace("_"," ")}),i.jsx(z.Transition,{as:m.Fragment,leave:"transition ease-in duration-100",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:i.jsx(z.Listbox.Options,{className:"listbox-options ",anchor:"bottom",children:(g=c.fieldType==="number"?[...bn,...Aa]:bn)==null?void 0:g.map(f=>i.jsx(z.Listbox.Option,{value:f,className:"listbox-option",children:f.replace("_"," ")},f))})})]})})}),c.fieldType!=="boolean"?i.jsx("input",{type:c.fieldType,value:c.fieldValue||"",onChange:f=>l(u,"fieldValue",f.target.value),placeholder:"Value",className:"field-value"}):i.jsx("div",{className:"field-listbox",children:i.jsx(z.Listbox,{value:(p=c.fieldValue)!=null?p:"",onChange:f=>l(u,"fieldValue",f),children:i.jsxs("div",{className:"listbox-wrapper",children:[i.jsx(z.Listbox.Button,{className:"listbox-button",children:c.fieldValue===!0?"True":c.fieldValue===!1?"False":"Select value"}),i.jsx(z.Transition,{as:m.Fragment,leave:"transition ease-in duration-100",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:i.jsxs(z.Listbox.Options,{className:"listbox-options ",anchor:"bottom",children:[i.jsx(z.Listbox.Option,{value:!0,className:"listbox-option",children:"True"}),i.jsx(z.Listbox.Option,{value:!1,className:"listbox-option",children:"False"})]})})]})})})]},c.id)})})]})}const Na=M.object().shape({inputLabel:M.string().nullable(),placeholder:M.string().nullable(),description:M.string().nullable(),isReadOnly:M.boolean(),isDisabled:M.boolean(),isRequired:M.boolean(),requiredMessage:M.string().nullable(),minLengthMessage:M.string().nullable(),maxLengthMessage:M.string().nullable(),maxLength:M.number().typeError("Expecting a number").nullable(),minLength:M.number().typeError("Expecting a number").nullable(),inputType:M.string().nullable(),maxAmountMessage:M.string().nullable(),maxAmount:M.string().nullable(),options:M.array().of(M.object().shape({label:M.string().nullable(),value:M.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:M.array().of(M.object().shape({label:M.string().nullable(),value:M.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:M.string().nullable(),url:M.string().nullable(),method:M.string().nullable(),denominators:M.mixed().nullable(),responseType:M.string().nullable(),minAmount:M.string().nullable(),heading:M.string().nullable(),minAmountMessage:M.string().nullable(),columns:M.number().nullable().max(4).min(2),value:M.mixed().nullable(),customClass:M.string().nullable(),elementClass:M.string().nullable(),apiUrl:M.string().nullable(),selectType:M.string().default("list"),dateType:M.string().default("basic"),validationUrl:M.string(),signatureLink:M.string(),minDate:M.string().nullable(),maxDate:M.string().nullable(),canHaveDateRange:M.boolean(),allowYearPicker:M.boolean(),isHidden:M.boolean(),visibilityDependentFields:M.array().nullable(),isMultiple:M.boolean(),acceptedFiles:M.array(),showState:M.boolean()}),ja=[{title:"Configurations",key:"basic"},{title:"Validations",key:"validation"}],_a=({isOpen:e,onClose:n,element:o})=>{const s=ja.filter(L=>!qe.includes(o.inputType)||L.key!=="validation"),{updateElement:a}=m.useContext(ve),[t,r]=m.useState("basic"),[d,l]=m.useState(!1),[c,u]=m.useState("manual"),g=pe("config"),{register:p,handleSubmit:f,control:w,setValue:x,watch:b,trigger:h,formState:{errors:y,isSubmitting:N,isValid:A},reset:S}=ke.useForm({resolver:mi(Na),defaultValues:{...o,options:o.options||[]}}),k=b(),{fields:j,append:I,remove:X}=ke.useFieldArray({control:w,name:"options"}),{fields:U,append:Z,remove:B}=ke.useFieldArray({control:w,name:"options1"}),{fields:F,append:D,remove:K}=ke.useFieldArray({control:w,name:"dataColumns"});m.useEffect(()=>{e||S()},[e,S]);const G=L=>{a(L,o.sectionId),n()},E={headers:{Authorization:`Bearer ${pe("token")}`}},T=m.useCallback(async()=>{var L,O,Q;if(!k.apiUrl||!/^https?:\/\//.test(k.apiUrl)){xe.toast.info("Please provide a valid API URL");return}try{l(!0);const{status:se,data:J}=await _e.get(k.apiUrl,E);if(se!==200||!J){xe.toast.error("Unexpected response from server.");return}const ae=J.data||J.record||J.result;if(!Array.isArray(ae)){xe.toast.error("Expected an array in response (data, record, or result).");return}((L=o.type)==null?void 0:L.toLowerCase())==="datagrid"?x("dataColumns",ae):x("options",ae)}catch(se){const J=((Q=(O=se==null?void 0:se.response)==null?void 0:O.data)==null?void 0:Q.message)||(se==null?void 0:se.message)||"Unable to load options";xe.toast.error(J)}finally{l(!1)}},[o.type,x,k.apiUrl]),V=["manual","api","sheet"];function de(){c==="api"&&T()}const ee=()=>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:V==null?void 0:V.map(L=>i.jsxs("label",{className:"items-center text-base capitalize gap-x-3",children:[i.jsx("input",{type:"radio",name:"optionType",onChange:O=>u(O.target.value),value:L})," ",i.jsxs("span",{children:[L," options"]})]},L))}),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(H,{watch:b,label:"Load Options from Api",name:"apiUrl",errors:y,register:p,className:"!w-full",placeholder:"https://example.com/options",isFloating:!0}),d&&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:de,className:"px-3 py-1 text-xs text-white bg-gray-600 rounded",type:"button",children:"Load"})]}),i.jsx(fa,{})]}),c==="sheet"&&i.jsx("div",{className:"mb-4",children:i.jsx(mn,{isFloating:!0,label:"Load options form sheet (csv, xlsx)",setValue:x,name:"options"})}),i.jsxs("div",{children:[i.jsx("h3",{className:"mb-4 text-sm text-gray-500",children:"Parent Options "}),j==null?void 0:j.map((L,O)=>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(H,{watch:b,label:O===0?"Label":"",name:`options.${O}.label`,register:p,errors:y,element:o,placeholder:"Label"})}),i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:O===0?"Value":"",name:`options.${O}.value`,register:p,errors:y,element:o,placeholder:"Value"})}),i.jsx("button",{disabled:j.length===1,type:"button",className:"outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",onClick:()=>X(O),children:i.jsx(W,{icon:"iconamoon:sign-times-fill"})})]},L.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:()=>I({label:"",value:"",id:fe.v4()}),children:[i.jsx(W,{icon:"qlementine-icons:plus-16"})," Add Option"]})]})]}),o.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 "}),U==null?void 0:U.map((L,O)=>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(H,{watch:b,label:"Label",name:`options1.${O}.label`,register:p,errors:y,element:o,placeholder:"Label",isFloating:!0})}),i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:"Value",name:`options1.${O}.value`,register:p,errors:y,element:o,placeholder:"Value",isFloating:!0})}),i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:"Key",name:`options1.${O}.key`,register:p,errors:y,element:o,placeholder:"Key",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:()=>B(O),children:i.jsx(W,{icon:"iconamoon:sign-times-fill"})})]},L.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:()=>Z({label:"",value:"",key:"",id:fe.v4()}),children:[i.jsx(W,{icon:"qlementine-icons:plus-16"})," Add Option"]})]})]})]})]}),oe=()=>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:V==null?void 0:V.map(L=>i.jsxs("label",{className:"items-center text-base capitalize gap-x-3",children:[i.jsx("input",{type:"radio",name:"optionType",onChange:O=>u(O.target.value),value:L,checked:L===c})," ",i.jsxs("span",{children:[L," options"]})]},L))}),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(H,{watch:b,label:"Load Columns from Api",name:"apiUrl",errors:y,register:p,className:"!w-full",placeholder:"https://example.com/columns",isFloating:!0}),d&&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:de,className:"px-3 py-1 text-xs text-white bg-gray-600 rounded",type:"button",children:"Load"})]}),i.jsx(xa,{})]}),c==="sheet"&&i.jsx("div",{className:"mb-4",children:i.jsx(mn,{isFloating:!0,label:"Load columns form sheet (csv, xlsx)",setValue:x,name:"dataColumns"})}),F==null?void 0:F.map((L,O)=>i.jsxs("div",{className:"flex items-center gap-x-4 ",children:[i.jsx("div",{className:"min-w-[140px]",children:i.jsx(Me,{label:O===0?"Type":"",options:[{label:"Text",value:"text"},{label:"Number",value:"number"},{label:"Checkbox",value:"checkbox"}],register:p,name:`dataColumns.${O}.type`,setValue:x,trigger:h,value:k.dataColumns[O].type})}),i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:O===0?"Field key":"",name:`dataColumns.${O}.field`,register:p,errors:y,element:o,placeholder:"fieldKey"})}),i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:O===0?"Display header":"",name:`dataColumns.${O}.headerName`,register:p,errors:y,element:o,placeholder:"header"})}),i.jsx("button",{disabled:F.length===1,type:"button",className:"outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",onClick:()=>K(O),children:i.jsx(W,{icon:"iconamoon:sign-times-fill"})})]},L.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:()=>D({headerName:"",field:"",editable:!0,id:fe.v4(),type:"text",validate:!1}),children:[i.jsx(W,{icon:"qlementine-icons:plus-16"})," Add column"]})]})]}),me=m.useCallback(async()=>{const L=pe("token"),{status:O,data:Q}=await _e.get(k.url,{headers:{Authorization:`Bearer ${L}`}});O===200&&x("options",(Q==null?void 0:Q.data)||Q)},[x,k.url]);m.useEffect(()=>{o.type==="document"&&k.url&&me()},[k.url,o.type,me]);const ce=i.jsx("div",{className:"fixed inset-0 bg-gray-800/40 backdrop-blur-sm flex items-center justify-end z-[999] cursor-default",onMouseDown:L=>L.stopPropagation(),onPointerDown:L=>L.stopPropagation(),onDragStart:L=>{L.preventDefault(),L.stopPropagation()},children:i.jsxs("div",{className:"w-full lg:w-2/3 xl:w-2/5 bg-white h-screen shadow-xl relative flex flex-col items-center",children:[i.jsx("button",{className:"bg-white h-10 w-10 flex justify-center items-center absolute top-1 -left-12 rounded-lg hover:bg-gray-50",onClick:n,children:i.jsx(W,{icon:"tabler:x",iconClass:"text-xl"})}),i.jsx("div",{className:"w-full pt-4",children:i.jsx(na,{tabs:s,setActiveTab:r,activeTab:t,className:"justify-start !text-left",btnClass:" !text-left"})}),i.jsxs("form",{onSubmit:f(G),className:"w-full flex-1 flex flex-col",children:[i.jsxs("div",{className:"flex-1",children:[" ",i.jsxs("div",{className:" max-h-[70vh] overflow-y-auto flex-1",children:[t==="basic"&&i.jsxs("div",{className:"z-10 flex flex-col w-full gap-5 px-6",children:[bi.includes(o.inputType)&&i.jsx(i.Fragment,{children:i.jsx(H,{watch:b,label:"Value",name:"value",register:p,errors:y,element:o})}),!bi.includes(o.inputType)&&!qe.includes(o.inputType)&&i.jsxs(i.Fragment,{children:[i.jsx(H,{watch:b,label:"Label",name:"inputLabel",register:p,errors:y,element:o})," ",o.type.toLowerCase()==="cascadeselect"&&i.jsx(H,{watch:b,label:"Child Label",name:"childLabel",register:p,errors:y,element:o})]}),ua.includes(o.inputType)&&i.jsx(H,{watch:b,label:"Placeholder",name:"placeholder",register:p,errors:y,element:o}),da.includes(o.inputType)&&i.jsx(H,{watch:b,label:"Prefix",name:"prefix",register:p,errors:y,element:o}),ba.includes(o.inputType)&&i.jsxs("div",{className:"grid gap-y-4",children:[i.jsx(ha,{}),i.jsx(H,{watch:b,label:"Api Url",name:"url",register:p,errors:y,element:o}),i.jsx(Me,{label:"Api Method",options:[{label:"GET",value:"GET"},{label:"POST",value:"POST"}],register:p,name:"method",setValue:x,trigger:h,value:b("method")}),i.jsx(Me,{label:"Api Response type",options:[{label:"String",value:"string"},{label:"Object",value:"object"}],register:p,name:"responseType",setValue:x,trigger:h,value:b("responseType")})]}),va.includes(o.inputType)&&i.jsx(ga,{onChange:L=>{x("denominators",L)},value:b("denominators")}),!bi.includes(o.inputType)&&!qe.includes(o.inputType)&&i.jsx(H,{watch:b,label:"Short Description",name:"description",register:p,errors:y,element:o}),o.type.toLowerCase()==="date"&&i.jsxs(i.Fragment,{children:[i.jsx(Me,{label:"Date Format",options:la,register:p,name:"dateFormat",setValue:x,trigger:h,value:b("dateFormat")}),i.jsx(H,{watch:b,label:"Allow Range",name:"canHaveDateRange",register:p,errors:y,element:o,type:"checkbox",value:k.canHaveDateRange}),(k==null?void 0:k.canHaveDateRange)&&i.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[i.jsx(Qe,{name:"minDate",value:k==null?void 0:k.minDate,onGetValue:x,placeholder:"Select min date"}),i.jsx(Qe,{name:"maxDate",value:k==null?void 0:k.minDate,onGetValue:x,placeholder:"Select max date",minDate:k==null?void 0:k.minDate})]}),i.jsx(H,{watch:b,label:"Allow Year Picker",name:"allowYearPicker",register:p,errors:y,element:o,type:"checkbox",value:k.allowYearPicker})]}),o.type.toLowerCase()==="country"&&i.jsx(H,{watch:b,label:"Allow States",name:"showState",register:p,errors:y,element:o,type:"checkbox",value:k.showState}),o.type.toLowerCase()==="selectfield"&&i.jsx(Me,{label:"Select Type",options:[{label:"List",value:"list"},{label:"Combobox",value:"Combobox"}],register:p,name:"selectType",setValue:x,trigger:h,value:b("selectType")}),o.type.toLowerCase()==="grid"&&i.jsx(H,{watch:b,label:"Number of columns (max: 4)",name:"columns",register:p,errors:y,element:o,max:4,min:1}),o.type.toLowerCase()==="document"&&i.jsxs("div",{className:"grid gap-y-6",children:[i.jsxs("div",{className:"grid gap-y-1",children:[i.jsx(H,{watch:b,label:"Document Options Url",name:"url",register:p,errors:y,element:o})," ",i.jsx(ya,{})]}),i.jsxs("div",{className:"grid gap-y-1",children:[i.jsx(H,{watch:b,label:"Document Validation Url",name:"validationUrl",register:p,errors:y,element:o}),i.jsx(wa,{})]}),i.jsx("div",{className:"grid gap-y-1",children:i.jsx(H,{watch:b,label:"Signature Page Url",name:"signatureLink",register:p,errors:y,element:o})})]}),o.type.toLowerCase()==="datagrid"&&oe(),o.type.toLowerCase()==="file"&&i.jsxs(i.Fragment,{children:[i.jsx(H,{watch:b,label:"Allow Multiple Uploads",name:"isMultiple",register:p,errors:y,element:o,type:"checkbox",value:k.isMultiple}),i.jsx(ui,{element:{options:pa,id:"acceptedFiles",value:k==null?void 0:k.acceptedFiles},validationData:{register:p,setValue:x,trigger:h,watch:b},placeholder:"Choose file types"})]}),ma.includes(o.inputType)&&ee(),i.jsxs("div",{children:[i.jsx("div",{className:"w-[150px] mb-4",children:i.jsx(H,{watch:b,label:"Toggle Visibility",name:"isHidden",register:p,errors:y,element:o,type:"checkbox",value:k.isHidden})})," ",k.isHidden&&i.jsx(Sa,{register:p,setValue:x,trigger:h,watch:b,id:o==null?void 0:o.id})]})]}),!qe.includes(o.type.toLowerCase())&&t==="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(H,{watch:b,label:"Required",name:"isRequired",register:p,errors:y,element:o,type:"checkbox",value:k.isRequired})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:"Error message text",name:"requiredMessage",register:p,errors:y,element:o})})]}),ra.includes(o.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(H,{watch:b,label:"Min Length",name:"minLength",register:p,errors:y,element:o,type:"number"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:"Error message text",name:"minLengthMessage",register:p,errors:y,element:o})})]}),i.jsxs("div",{className:"flex items-center gap-x-6",children:[i.jsx("div",{className:"w-[150px]",children:i.jsx(H,{watch:b,label:"Max Length",name:"maxLength",register:p,errors:y,element:o,type:"number"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:"Error message text",name:"maxLengthMessage",register:p,errors:y,element:o})})]})]}),ca.includes(o.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(H,{watch:b,label:"Min Amount",name:"minAmount",register:p,errors:y,element:o,type:"amount"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:"Error message text",name:"minAmountMessage",register:p,errors:y,element:o})})]}),i.jsxs("div",{className:"flex items-center gap-x-6",children:[i.jsx("div",{className:"w-[150px]",children:i.jsx(H,{watch:b,label:"Max Amount",name:"maxAmount",register:p,errors:y,element:o,type:"amount"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:"Error message text",name:"maxAmountMessage",register:p,errors:y,element:o})})]})]})]})]})]}),i.jsxs("div",{className:"sticky flex w-full gap-3 px-6 pt-8 pb-10 mt-10 border-t",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:!A||N,style:{background:(g==null?void 0:g.buttonColor)||"#333"},className:`flex-1 px-4 py-2.5 ${!A||N?"bg-[#F2F4F7]":"bg-[#2563EB]"} ${!A||N?"text-[#98A2B3]":"text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50 editor_option__save`,children:N?"Saving...":"Save"})]})]})]})});return document.body?Pn.createPortal(ce,document.body):ce},pi=m.memo(({state:e,element:n,children:o})=>{const[s,a]=m.useState(!1),{removeElement:t,duplicateElement:r}=m.useContext(ve),d=m.useMemo(()=>{var c;return(c=n==null?void 0:n.acceptedFiles)==null?void 0:c.map(u=>u.label).join(", ")},[n]),l=m.useCallback(()=>{t(n.id,n.sectionId)},[n.id,n.sectionId,t]);return i.jsxs("div",{className:"w-full",children:[s&&i.jsx(_a,{isOpen:s,onClose:()=>a(!1),element:n}),i.jsxs("div",{className:"flex items-center justify-between mb-2",children:[i.jsxs("span",{children:[" ",n.inputLabel&&i.jsxs("label",{className:"text-sm font-medium input_label",children:[n.inputLabel," ",d&&i.jsxs("span",{className:"text-gray-400 text-xs",children:["(",d==null?void 0:d.toLowerCase(),")"]})]})]}),e==="edit"&&i.jsxs("span",{className:"flex items-center gap-x-3",children:[!n.gridPosition&&i.jsx("button",{type:"button",className:"text-sm outline-none hover:opacity-80 py-1",onClick:()=>r(n==null?void 0:n.id,n.sectionId),title:"Duplicate",children:i.jsx(W,{icon:"tabler:copy",iconClass:"text-base"})}),i.jsx("button",{type:"button",className:"text-sm outline-none hover:opacity-80 text-gray-600 py-1",onClick:()=>a(!0),title:"Edit",children:i.jsx(W,{icon:"circum:edit",iconClass:"text-base"})}),i.jsx("button",{type:"button",className:"text-sm outline-none hover:opacity-80 text-gray-600 py-1",onClick:l,title:"Remove",children:i.jsx(W,{icon:"iconamoon:trash",iconClass:"text-base"})})]})]}),o]})});pi.displayName="ElementContainer";function Ca({element:e,validationData:n}){const{register:o=()=>({}),trigger:s,setValue:a,watch:t,isReadOnly:r}=n||{};let d;return t&&(d=t()[e.id]),i.jsx(H,{placeholder:e.placeholder,type:e.inputType,label:"",name:e.id,register:o,trigger:s,setValue:a,value:d,prefix:e.prefix,disabled:r,watch:t})}function Ma(e){if(!e)return!1;const n=/^data:image\/(jpeg|png|gif|bmp|webp);base64,/i,o=/\.(jpeg|jpg|png|gif|bmp|webp)$/i;return n.test(e)||o.test(e)}const Ea=({imageUrl:e})=>{const[n,o]=m.useState(!1),s=()=>{o(!0)},a=()=>{o(!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:a,children:i.jsxs("div",{className:"modal-content",style:{position:"relative",backgroundColor:"white",padding:"20px",borderRadius:"8px",width:"90vw"},onClick:t=>t.stopPropagation(),children:[i.jsx("span",{className:"close",onClick:a,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 Ta({element:e,validationData:n}){var k;const{register:o=()=>({}),setValue:s,watch:a}=n||{},[t,r]=m.useState(),[d,l]=m.useState(!1),[c,u]=m.useState(!1),[g,p]=m.useState(""),f=a&&a(e==null?void 0:e.id);m.useEffect(()=>{r(f)},[f]);const[w,x]=m.useState("");m.useEffect(()=>{o(e.id)},[e.id,o]);const{url:b,method:h,responseType:y}=e||{},A={headers:{Authorization:`Bearer ${pe("token")}`}},S=m.useCallback(async j=>{var I,X,U,Z,B,F,D,K,G,P,E;if(!(!b||!h)){l(!0);try{let T;if(h.toLowerCase()==="get"){const V=`${b}?value=${j}`;T=await _e.get(V,A)}else if(h.toLowerCase()==="post")T=await _e.post(b,{value:j},A);else throw new Error("Unsupported HTTP method");T.status===200&&((((X=(I=T==null?void 0:T.data)==null?void 0:I.data)==null?void 0:X.status)||((U=T==null?void 0:T.data)==null?void 0:U.status))===!0?(u(!0),y==="string"?p(((B=(Z=T==null?void 0:T.data)==null?void 0:Z.data)==null?void 0:B.description)||((F=T==null?void 0:T.data)==null?void 0:F.description)||"Validation successful"):x(((K=(D=T==null?void 0:T.data)==null?void 0:D.data)==null?void 0:K.description)||((G=T==null?void 0:T.data)==null?void 0:G.description)||{})):(console.error("Invalid input:",j),p("Unable to validate input"),u(!1)))}catch(T){console.error("Error validating input:",T),p(((E=(P=T==null?void 0:T.response)==null?void 0:P.data)==null?void 0:E.message)||"Unable to validate input"),u(!1)}finally{l(!1)}}},[h,y,b]);return m.useEffect(()=>{if(t){const j=setTimeout(()=>{S(t)},700);return()=>clearTimeout(j)}},[S,t]),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:q("field-control",e==null?void 0:e.customClass),...o(e==null?void 0:e.id),onChange:j=>{r(j.target.value),s(e==null?void 0:e.id,j.target.value)},disabled:n==null?void 0:n.isReadOnly}),i.jsxs("span",{className:"absolute right-0",children:[d&&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&&!d&&i.jsx("span",{className:"block pr-3 text-lg text-green-600",children:i.jsx(W,{icon:"gg:check-o"})})]})]}),g&&y==="string"&&i.jsx("span",{className:`${c?"text-green-600":"text-red-600"} text-sm`,children:g}),y==="object"&&i.jsx("div",{className:"grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600",children:(k=Object.entries(w))==null?void 0:k.map(([j,I])=>i.jsxs("div",{className:"flex items-center gap-x-2",children:[i.jsxs("span",{className:"font-semibold",children:[j,":"]}),Ma(I)?i.jsx(Ea,{imageUrl:I}):i.jsx("span",{children:String(I)})]},j))})]})}function Ba({onGetTotal:e,readOnly:n,defaultValue:o,denominators:s}){const[a,t]=m.useState([...o]);function r(c,u){t(g=>{const p=[...g];return p[u]={...p[u],value:c},p})}function d(c,u){return parseFloat(c)*parseFloat(u)||0}const l=m.useMemo(()=>a.reduce((c,u)=>{const g=d(u.key,u.value);return c+g},0),[a]);return m.useEffect(()=>{e&&e(a)},[a]),m.useEffect(()=>{if(s!=null&&s.length){const c=s==null?void 0:s.map((u,g)=>({key:u.value,value:Array.isArray(o)&&o[g]?o[g].value:""}));t(c)}},[o,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"})})]}),a==null?void 0:a.map((c,u)=>{var g,p;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:(g=parseFloat(c.key))==null?void 0:g.toLocaleString()})}),i.jsx("div",{className:"border-r px-4 py-1",children:i.jsx("span",{children:i.jsx(Ge,{id:"input-example",className:"border border-gray-100 rounded w-full px-3 py-1 outline-none",decimalsLimit:6,value:c.value,onValueChange:f=>r(f,u),disabled:n,allowNegativeValue:!1})})}),i.jsx("div",{className:"px-4 py-2 flex justify-between items-center",children:i.jsx("span",{children:(p=d(c.key,c.value))==null?void 0:p.toLocaleString()})})]},u+"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:l==null?void 0:l.toLocaleString()})]})]})})}function La({element:e,validationData:n}){const{register:o=()=>({}),setValue:s,getValues:a}=n||{},t=a&&a(e==null?void 0:e.id)||[];return m.useEffect(()=>{o(e.id)},[e.id,o]),i.jsx("div",{children:i.jsx(Ba,{onGetTotal:r=>{s&&s(e.id,r)},denominators:(e==null?void 0:e.denominators)||[],defaultValue:t,readOnly:e==null?void 0:e.isReadOnly})})}function Pa({element:e}){return i.jsx("div",{className:q("py-6",e==null?void 0:e.customClass)})}function Da({element:e}){return i.jsx("div",{children:i.jsx("hr",{className:q("border-gray-200 my-4",e==null?void 0:e.customClass)})})}function Ia({element:e,validationData:n}){const{register:o=()=>({})}=n||{};return i.jsx("div",{children:i.jsx("input",{placeholder:"Enter text",type:"text",className:"field-control",...o(e==null?void 0:e.id)})})}function Oa({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 Ka({row:e,columns:n,isReadOnly:o,editingCell:s,setEditingCell:a,handleCellChange:t,debouncedValidate:r,getValidationStatus:d,deleteRow:l}){const c=u=>(s==null?void 0:s.rowId)===e.id&&(s==null?void 0:s.field)===u;return i.jsxs("tr",{children:[n.map(u=>{var y;const g=e[u.field],p=u.editable&&!o,f=c(u.field),{isValidating:w,result:x}=d(e.id,u.field);let b="border-gray-300";u.validate&&((x==null?void 0:x.isValid)===!1?b="border-red-500 bg-red-50":(x==null?void 0:x.isValid)===!0&&(b="border-green-500 bg-green-50"));const h=`w-full px-2 py-1 border rounded outline-none ${b}`;return i.jsx("td",{title:o?"":"Double click to edit",className:"px-3 py-1 border",onDoubleClick:()=>p&&a({rowId:e.id,field:u.field}),children:p&&f?i.jsxs("div",{className:"relative",children:[u.type==="number"?i.jsx(Ge,{value:g,decimalsLimit:6,allowNegativeValue:!1,className:h,onValueChange:N=>t(N,e.id,u.field),onBlur:()=>{a(null),r(g,e.id,u.field,u)},autoFocus:!0}):u.type==="checkbox"?i.jsx("div",{className:"flex items-center gap-x-4",children:["yes","no"].map(N=>{const A=N==="yes",S=`radio-${e.id}-${String(u.field)}-${N}`;return i.jsxs("label",{htmlFor:S,className:"flex items-center gap-1 cursor-pointer",children:[i.jsx("input",{id:S,type:"radio",name:`boolean-${e.id}-${String(u.field)}`,checked:g===A,onChange:()=>t(A,e.id,u.field)}),i.jsx("span",{className:"text-sm",children:A?"Yes":"No"})]},N)})}):i.jsx("input",{type:"text",value:String(g!=null?g:""),onChange:N=>t(N.target.value,e.id,u.field),onBlur:()=>{a(null),r(g,e.id,u.field,u)},className:h,autoFocus:!0}),w&&i.jsx("div",{className:"absolute right-1 top-1",children:i.jsx("div",{className:"w-4 h-4 border-2 border-blue-500 rounded-full border-t-transparent animate-spin"})})]}):u.validate&&x?i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsxs("span",{children:[String(g!=null?g:"")," ",x.data&&`[${x.data}]`]}),x.isValid?i.jsx("span",{className:"text-xs text-green-600",children:"✓"}):i.jsx("span",{className:"text-xs text-red-600 cursor-help",title:(y=x.error)!=null?y:"",children:"✗"})]}):u.type==="checkbox"?i.jsx("span",{className:"block py-1 text-gray-700",children:g===!0?"Yes":g===!1?"No":""}):i.jsx("span",{className:"block py-1 text-gray-700 cursor-pointer",children:String(g!=null?g:"")})},String(u.id))}),!o&&i.jsx("td",{className:"px-3 py-1 text-center border",children:i.jsx("button",{type:"button",onClick:()=>l(e.id),className:"text-red-500 hover:text-red-700","aria-label":"Delete row",children:i.jsx(W,{icon:"lets-icons:trash-duotone",iconClass:"text-xl"})})})]})}const Ga=m.memo(Ka);function Ra({value:e=[],onChange:n,isReadOnly:o=!1,columns:s}){const[a,t]=m.useState(e),[r,d]=m.useState(null),l=m.useRef(null),[c,u]=m.useState(0);m.useEffect(()=>{const x=document.getElementById("form");if(!x)return;const b=y=>{const N=y.getBoundingClientRect().width;u(N?N-58:0)};b(x);const h=new ResizeObserver(y=>{for(const N of y)b(N.target)});return h.observe(x),()=>h.disconnect()},[]),m.useEffect(()=>{t(x=>JSON.stringify(x)!==JSON.stringify(e)?e:x)},[e]),m.useEffect(()=>{n==null||n(a)},[a,n]),m.useEffect(()=>{const x=b=>{l.current&&!l.current.contains(b.target)&&d(null)};return document.addEventListener("mousedown",x),()=>document.removeEventListener("mousedown",x)},[]);const g=m.useCallback((x,b,h)=>{t(y=>y.map(N=>N.id===b?{...N,[h]:x}:N))},[]),p=m.useCallback(()=>{const x=fe.v4(),b=s.reduce((h,y)=>(h[y.field]=y.field==="id"?x:"",h),{});t(h=>[...h,{id:x,...b}])},[s]),f=m.useCallback(x=>{t(b=>b.filter(h=>h.id!==x))},[]),w=m.useCallback(()=>({isValidating:!1,result:void 0}),[]);return i.jsxs("div",{className:"mt-3 rounded",ref:l,children:[i.jsx("div",{className:"flex justify-end",children:!o&&i.jsx("button",{onClick:p,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.jsx("div",{className:"w-full max-w-full overflow-x-auto",style:{maxWidth:`${c}px`},children:i.jsxs("table",{className:"min-w-max 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((x,b)=>{var h;return i.jsxs("th",{className:"px-3 py-2 text-xs font-semibold text-left text-gray-600 border whitespace-nowrap",children:[(h=x.headerName)!=null?h:String(x.field),x.validate&&i.jsx("span",{className:"ml-1 text-blue-600",children:"*"})]},`${String(x.id)}-${b}`)}),!o&&i.jsx("th",{className:"w-10 px-2 py-2 border"})]})}),i.jsx("tbody",{children:a.length>0?a.map(x=>i.jsx(Ga,{row:x,columns:s,isReadOnly:o,editingCell:r,setEditingCell:d,handleCellChange:g,debouncedValidate:()=>{},getValidationStatus:w,deleteRow:f},x.id)):i.jsx("tr",{children:i.jsx("td",{colSpan:s.length+(o?0:1),className:"p-2 text-xs text-center text-gray-400",children:"No data available"})})})]})})]})}function za({element:e,validationData:n}){const{register:o=()=>({}),setValue:s,watch:a,isReadOnly:t}=n||{},r=a&&a(e==null?void 0:e.id)||[];m.useEffect(()=>{o(e.id)},[e.id,o]);const d=m.useCallback(l=>{s==null||s(e.id,l)},[e.id,s]);return i.jsx(Ra,{value:r,onChange:d,columns:e==null?void 0:e.dataColumns,isReadOnly:t})}const vn=({className:e="",options:n=[],placeholder:o="Select",errors:s,register:a,setValue:t,name:r,label:d,value:l,trigger:c,isMultiple:u=!1,isFloatingLabel:g=!1,subText:p,labelClass:f="",loading:w,disabled:x})=>{const[b,h]=m.useState(u?[]:null),y=q("custom-select__control",e),N=m.useMemo(()=>n,[n]);return m.useEffect(()=>{const A=n==null?void 0:n.find(S=>{var k;return typeof S.value=="string"&&typeof l=="string"?S.value.toLowerCase()===l.toLowerCase():typeof S.value=="object"&&typeof l=="object"?((k=S.value)==null?void 0:k.id)===(l==null?void 0:l.id):S.value===l});h(A||null)},[l,n]),m.useEffect(()=>{b&&t&&a&&(t(r,b==null?void 0:b.value),a(r),c==null||c(r))},[r,b]),i.jsxs("div",{className:"custom-select",children:[d&&!g&&i.jsx("label",{className:"custom-select__label",children:d}),g&&d&&i.jsx("label",{className:q("custom-select__floating-label",f),children:d}),i.jsx(z.Listbox,{value:b,onChange:h,multiple:u,disabled:x,children:i.jsxs("div",{className:"custom-select__wrapper",children:[i.jsxs(z.Listbox.Button,{className:y,disabled:x,children:[w?i.jsx("span",{className:"custom-select__loading",children:"Fetching data..."}):i.jsx("span",{className:"custom-select__value",children:(b==null?void 0:b.label)||i.jsx("span",{className:"custom-select__placeholder",children:o})}),i.jsx("span",{className:"custom-select__icon",children:i.jsx(W,{icon:"lucide:chevron-down"})})]}),i.jsx(z.Transition,{as:m.Fragment,leave:"custom-select__transition",children:i.jsx(z.Listbox.Options,{className:"custom-select__options",anchor:"bottom",children:N==null?void 0:N.map((A,S)=>i.jsx(z.Listbox.Option,{value:A,className:({active:k})=>q("custom-select__option",k&&"custom-select__option--active"),children:({selected:k})=>i.jsx("span",{className:q("custom-select__option-label",k&&"custom-select__option--selected"),children:A.label})},S))})})]})}),p&&!s&&i.jsx("p",{className:"custom-select__subtext",children:p}),s&&i.jsx("span",{className:"custom-select__error",children:s.message})]})},Ha=({element:e,validationData:n})=>{var x;const{register:o=()=>({}),trigger:s,setValue:a,watch:t,isReadOnly:r}=n||{},d=(x=e==null?void 0:e.id)!=null?x:"cascadeValue",[l,c]=m.useState(""),[u,g]=m.useState(""),p=(b,h)=>{const y=b&&h?`${b}_${h}`:"";a==null||a(d,y),s==null||s(d)},f=(b,h)=>{b==="first"?(c(h),g(""),p(h,"")):(g(h),p(l,h))};m.useEffect(()=>{if(t){const b=t(d);if(b!=null&&b.includes("_")){const[h,y]=b.split("_");c(h),g(y)}}},[t,d]);const w=m.useMemo(()=>{var b;return(b=e.options1)==null?void 0:b.filter(h=>h.key===l)},[e.options1,l]);return!e.options||!e.options1?null:i.jsxs("div",{children:[i.jsx("input",{type:"hidden",...o(d)}),i.jsx("div",{className:"relative",children:i.jsx(vn,{setValue:(b,h)=>f("first",h),options:e.options,name:`${d}`,register:o,value:l})}),l&&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(vn,{setValue:(b,h)=>f("second",h),options:w,name:`${d}`,register:o,value:u})]})]})},Fa=({value:e=0,max:n=5,readOnly:o=!1,onChange:s,size:a=24,className:t="",element:r,validationData:d})=>{var h;const{register:l=()=>({}),trigger:c,setValue:u,watch:g,isReadOnly:p}=d||{},f=(h=g==null?void 0:g(r.id))!=null?h:0,[w,x]=m.useState(null);m.useEffect(()=>{f==null&&(u==null||u(r.id,e))},[]);const b=y=>{if(!o&&!p){const N=y+1;u==null||u(r.id,N),c==null||c(r.id),s==null||s(N)}};return i.jsxs("div",{className:`flex gap-1 ${t}`,children:[i.jsx("input",{type:"hidden",...l(r.id)}),Array.from({length:n},(y,N)=>{const A=w!==null?N<=w:N<f;return i.jsx(rn,{icon:A?"mdi:star":"mdi:star-outline",className:`cursor-pointer transition-colors ${A?"text-yellow-400":"text-gray-300"}`,width:a,height:a,onMouseEnter:()=>!(o||p)&&x(N),onMouseLeave:()=>!(o||p)&&x(null),onClick:()=>b(N)},N)})]})};function pn({element:e,validationData:n}){const{register:o=()=>({}),setValue:s,trigger:a,isReadOnly:t,watch:r}=n||{},d=(r==null?void 0:r(e.id))||"",{country:l,state:c}=m.useMemo(()=>{var w;if(typeof d=="string"&&d.includes(",")){const[x,b]=(w=d.split(","))==null?void 0:w.map(h=>h.trim());return{country:b,state:x}}return{country:d,state:""}},[d]),u=m.useRef(d),g=m.useMemo(()=>{var w,x;return l?((x=(w=We.find(b=>b.name===l))==null?void 0:w.states)==null?void 0:x.map(b=>({label:b.name,value:b.name})))||[]:[]},[l]),p=(w,x)=>{const h=(x==null?void 0:x.value)||"";s&&h!==u.current&&(s(e.id,h),a==null||a(e.id),u.current=h)},f=(w,x)=>{const b=(x==null?void 0:x.value)||"",h=b?`${b}, ${l}`:l;s&&h!==u.current&&(s(e.id,h),a==null||a(e.id),u.current=h)};return m.useEffect(()=>{u.current=d},[d]),i.jsxs("div",{className:"grid gap-y-6",children:[i.jsx("input",{type:"hidden",...o(e.id)}),i.jsx(ci,{options:e.options,onGetValue:p,name:`${e.id}-country`,readOnly:t,defaultValue:l},`country-${l}`),g.length>0&&e.showState&&i.jsxs("div",{children:[i.jsx("label",{className:"block text-sm font-medium mb-1.5 input_label",children:"State"}),i.jsx(ci,{options:g,onGetValue:f,name:`${e.id}-state`,readOnly:t,defaultValue:c},`state-${c}`)]})]})}function Va({element:e,validationData:n}){const{register:o=()=>({}),isReadOnly:s}=n||{},{validationUrl:a,documentObj:t,signatureLink:r}=e,d=m.useMemo(()=>pe("config"),[]),[l,c]=m.useState(!1),[u,g]=m.useState(!1),p=m.useCallback(async()=>{var f,w;if(!(!a||!t))try{g(!0);const b={headers:{Authorization:`Bearer ${pe("token")}`}},{data:h}=await _e.get(`${a}/${t}`,b),y=!!((w=(f=h==null?void 0:h.data)==null?void 0:f.isSigned)!=null?w:h!=null&&h.isSigned);return c(y),y}catch(x){console.error("Failed to check sign status",x)}finally{g(!1)}},[a,t]);return m.useEffect(()=>{let f=null;return!l&&t&&a&&(async()=>{await p()||(f=setInterval(async()=>{await p()&&f&&clearInterval(f)},2e3))})(),()=>{f&&clearInterval(f)}},[p,l,t,a]),i.jsxs("div",{className:"flex items-center gap-x-2",children:[i.jsx("input",{placeholder:e.placeholder,type:e.inputType,className:q("field-control",e.customClass),...o(e.id),disabled:s}),i.jsx("a",{href:l?"#":r,children:i.jsxs("button",{type:"button",onClick:p,disabled:u||l,style:{background:(d==null?void 0:d.buttonColor)||"#333"},className:q("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":u}),children:[i.jsx(W,{icon:u?"solar:refresh-outline":l?"solar:check-circle-bold":"solar:pen-2-line-duotone",iconClass:u?"animate-spin":""}),u?"Checking...":l?"Signed":"Sign"]})})]})}const gi=[{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 Wa({label:e,placeholder:n,classLabel:o,isRequired:s,isOptional:a,name:t,value:r,error:d,disabled:l,readOnly:c,horizontal:u,description:g,validate:p,onChange:f,onError:w}){const[x,b]=m.useState(""),[h,y]=m.useState(null),[N,A]=m.useState(""),S=m.useMemo(()=>{var B;return(B=gi==null?void 0:gi.slice().sort((F,D)=>F.label.localeCompare(D.label)))==null?void 0:B.map(F=>({...F,phone:`+${F.phone}`}))},[]),k=m.useMemo(()=>x?S.filter(B=>`${B.label} ${B.phone}`.toLowerCase().includes(x.toLowerCase())):S,[x,S]),j=(h==null?void 0:h.min)||10,I=(h==null?void 0:h.max)||10,X=()=>N?`${(h==null?void 0:h.phone)||"+234"}-${N}`:"",U=B=>{if(!B)return{code:"+234",number:""};const F=B.split(/[-\s]/);return{code:F[0],number:F.slice(1).join(" ")}};m.useEffect(()=>{if(r){const B=U(r);y(S.find(F=>F.phone===B.code)||S[0]),A(B.number)}},[r,S]);const Z=m.useMemo(()=>{if(d)return d;const B=N.length;return s&&B===0?"Phone number is required":B>0&&!/^\d+$/.test(N)?"Phone number must contain only digits":B>0&&B<j?`Minimum length is ${j}`:B>I?`Maximum length is ${I}`:""},[d,N,j,I,s]);return m.useEffect(()=>{f==null||f(X()),w==null||w(Z||null)},[N,h,Z]),i.jsxs("div",{className:`relative formGroup ${Z&&!c?"has-error":""} ${u?"flex":""} ${!Z&&N.length>0&&!c?"is-valid":""}`,children:[e&&i.jsxs("label",{htmlFor:t,className:`${o} ${u?"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:"*"}),a&&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(W,{icon:"lucide:phone-call"}),i.jsx(z.Combobox,{value:h,onChange:y,children:i.jsxs("div",{className:"relative",children:[i.jsx(z.Combobox.Input,{className:"pl-3 pr-4 mr-1 text-sm bg-white py-[10px] outline-none whitespace-nowrap max-w-[70px]",displayValue:B=>(B==null?void 0:B.phone)||"+234",placeholder:"+234",onChange:B=>b(B.target.value)}),i.jsx(z.Combobox.Button,{className:"absolute inset-y-0 right-0 flex items-center pr-2",children:i.jsx(W,{icon:"lucide:chevron-down"})}),i.jsx(z.Combobox.Options,{className:"absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto",children:k==null?void 0:k.map((B,F)=>i.jsxs(z.Combobox.Option,{value:B,className:"px-4 py-2 cursor-pointer hover:bg-gray-100",children:[B.phone," - ",B.label]},`${B.code}+ ${F}`))})]})}),i.jsxs("div",{className:"relative flex items-center flex-1 z-[1]",children:[i.jsx("input",{type:"tel",inputMode:"numeric",value:N,disabled:l,readOnly:c,onChange:B=>{const F=B.target.value.replace(/\D/g,"");A(F)},placeholder:n,className:"w-full px-3 outline-none",maxLength:I,minLength:j}),i.jsx("div",{className:"absolute flex text-xl -translate-y-1/2 top-1/2 right-4",children:!Z&&N.length>0&&!c&&i.jsx("span",{className:"text-green-500",children:i.jsx(W,{icon:"bi:check-lg"})})})]})]}),g&&i.jsx("span",{className:"block text-[#475467] font-light leading-4 text-xs mt-2",children:g})]})}function Ua({element:e,validationData:n}){const{register:o=()=>({}),setValue:s,watch:a,isReadOnly:t,setError:r,clearErrors:d}=n||{};let l;return m.useEffect(()=>{o(e.id)},[e.id,o]),a&&(l=a()[e.id]),i.jsx(Wa,{placeholder:e.placeholder,label:"",name:e.id,value:l,readOnly:t,disabled:t,onError:c=>{c?r==null||r(e.id,{type:"manual",message:c}):d==null||d(e.id)},onChange:c=>{c&&(s==null||s(e.id,c))}})}function qa({element:e,validationData:n}){var c;const{register:o=()=>({}),watch:s}=n||{};let a="";s&&(a=(c=s()[e.id])!=null?c:"");const t=a.trim(),r=/^https?:\/\//i.test(t),d=t?r?t:`https://${t}`:"",l=!r;return i.jsxs("div",{children:[!(n!=null&&n.isReadOnly)&&i.jsxs("div",{className:"relative",children:[l&&i.jsx("span",{className:"text-sm absolute left-4 top-1/2 -translate-y-1/2 text-gray-500 pointer-events-none select-none",children:"https://"}),i.jsx("input",{placeholder:(e==null?void 0:e.placeholder)||"Enter Url link",type:"text",className:q("field-control",l&&"!pl-16",e==null?void 0:e.customClass),...o(e==null?void 0:e.id),disabled:n==null?void 0:n.isReadOnly})]}),t?i.jsx("div",{className:n!=null&&n.isReadOnly?"field-control !bg-gray-50 mt-1":"mt-1 text-xs",children:i.jsx("a",{title:"Visit link",target:"_blank",rel:"noopener noreferrer",className:"hover:underline text-blue-700 break-all",href:d,children:t})}):(n==null?void 0:n.isReadOnly)&&i.jsx("div",{className:"field-control !bg-gray-50 mt-1 text-gray-400 text-sm",children:"No link provided"})]})}const gn={textField:Xe,longText:ia,selectField:ea,multiSelect:ui,numberField:Xe,amountField:Ca,date:Fn,password:Zo,checkbox:Xo,radio:$o,email:Xe,file:Yo,dataGrid:za,section:Qo,validateInput:Ta,tableInput:La,spacer:Pa,divider:Da,header:Ia,basicText:Oa,phoneField:Ua,cascadeSelect:Ha,rating:Fa,country:pn,bank:pn,document:Va,url:qa},hn="edit",Ja=(e,n)=>{const o=gn[e.type];return o?i.jsx(pi,{element:e,state:hn,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(o,{element:e,state:hn,sectionId:n})]})}):null},hi=({col:e,children:n,customClass:o})=>i.jsx("div",{className:q("w-full bg-white",o),style:{gridColumn:e},children:n}),Ya=({element:e,sectionId:n,children:o,customClass:s,state:a,draggedElementId:t})=>{const{formData:r,addElement:d,setIsDragging:l,moveElement:c,isDragging:u,removeElement:g}=m.useContext(ve),p=m.useMemo(()=>Array.from({length:e.columns}),[e.columns]),[f,w]=m.useState(null);m.useEffect(()=>{const A=()=>{w(null),l(!1)};return document.addEventListener("dragend",A),()=>document.removeEventListener("dragend",A)},[l]);const x=m.useCallback((A,S)=>{A.preventDefault(),A.stopPropagation(),A.dataTransfer.dropEffect="move",w(S)},[]),b=m.useCallback((A,S)=>{A.preventDefault(),A.stopPropagation(),w(S)},[]),h=m.useCallback((A,S)=>{const k=A.relatedTarget;k&&A.currentTarget.contains(k)||w(j=>j===S?null:j)},[]),y=m.useCallback((A,S)=>{var I;A.preventDefault(),A.stopPropagation(),l(!1),w(null);const k=S+1,j=A.dataTransfer.getData("elementId");if(j){c({draggedId:j,sectionId:n,targetGridId:e.id,targetCol:k});return}try{const X=A.dataTransfer.getData("properties");if(!X)return;const U=JSON.parse(X);if((U==null?void 0:U.type)==="grid")return;const Z=r.find(D=>D.id===n),B=(I=Z==null?void 0:Z.questionData)==null?void 0:I.find(D=>{var K;return D.gridId===e.id&&((K=D.gridPosition)==null?void 0:K.col)===k});B&&g(B.id,n);const F={...U,id:fe.v4(),sectionId:n,gridId:e.id,gridPosition:{col:k}};d(F,n)}catch(X){console.error("Drop failed in grid:",X),l(!1)}},[d,e.id,r,n,l,c]),N=(A,S,k)=>{var K,G,P;const j=A+1,I=(G=(K=r.find(E=>E.id===n))==null?void 0:K.questionData)==null?void 0:G.find(E=>{var T;return E.gridId===e.id&&((T=E.gridPosition)==null?void 0:T.col)===j}),X=(P=I==null?void 0:I.id)!=null?P:null,U=Array.isArray(o)&&o.find(E=>{var T;return((T=E==null?void 0:E.props)==null?void 0:T.col)===j}),Z=u&&f===A,B=!!U,F=u&&!!t,D=B&&X&&k==="edit"?{draggable:!0,onDragStart:E=>{E.stopPropagation(),E.dataTransfer.setData("elementId",X),E.dataTransfer.setData("properties",X),E.dataTransfer.effectAllowed="move",l(!0)},onDragEnd:()=>{w(null),l(!1)}}:{};return i.jsx("div",{children:i.jsxs("div",{id:`grid-cell-${e.id}-${A}`,...D,onDrop:E=>y(E,A),onDragEnter:E=>b(E,A),onDragOver:E=>x(E,A),onDragLeave:E=>h(E,A),className:q("relative border rounded-lg min-h-[110px]","flex items-center justify-center","transition-all duration-200 ease-in-out",k==="edit"?"py-3 ":"",B&&k==="edit"&&"cursor-grab active:cursor-grabbing border-none",S,!F&&!Z&&"bg-white border-gray-200 text-gray-300",F&&!Z&&!B&&"bg-blue-50 border-blue-200 border-dashed text-blue-300",F&&!Z&&B&&"bg-white border-orange-200 border-dashed",Z&&!B&&"bg-blue-100 border-blue-400 border-dashed shadow-inner scale-[1.01] text-blue-500",Z&&B&&"bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"),children:[B&&k==="edit"&&i.jsx("div",{className:"absolute top-1 left-1/2 -translate-x-1/2 flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-gray-100 hover:bg-blue-100 text-gray-400 hover:text-blue-500 cursor-grab active:cursor-grabbing transition-colors z-10 opacity-60 hover:opacity-100 pointer-events-none select-none",children:i.jsx(W,{icon:"ph:dots-six-bold"})}),Z&&!B&&i.jsxs("span",{className:"absolute inset-0 flex flex-col items-center justify-center gap-1 text-blue-400 text-xs font-medium pointer-events-none",children:[i.jsx(W,{icon:"ph:plus-bold"}),"Drop here"]}),Z&&B&&i.jsx("span",{className:"absolute top-1 right-1 text-xs text-orange-400 font-medium pointer-events-none px-1 py-0.5 bg-orange-50 rounded",children:"Replace"}),i.jsx("div",{className:q("w-full select-none",Z&&"opacity-50 pointer-events-none"),children:U||i.jsx("span",{className:"flex items-center justify-center text-gray-300",children:k==="edit"&&i.jsx(W,{icon:"ph:plus-bold"})})})]})},A)};return i.jsx("div",{className:"relative w-full",children:i.jsx("div",{className:"grid w-full gap-3 items-center",style:{gridTemplateColumns:`repeat(${e.columns}, 1fr)`},children:p==null?void 0:p.map((A,S)=>N(S,s,a))})})},fi=m.memo(Ya),Za="edit";function xi({index:e,onDrop:n,onDragEnd:o,isDragging:s}){const[a,t]=m.useState(!1),r=a?52:s?28:4;return i.jsx("div",{onDragEnter:d=>{d.preventDefault(),t(!0)},onDragOver:d=>{d.preventDefault(),d.stopPropagation(),t(!0)},onDragLeave:()=>t(!1),onDrop:d=>{d.preventDefault(),d.stopPropagation(),t(!1),n(d,e)},onDragEnd:()=>{t(!1),o()},style:{height:`${r}px`},className:q("w-full rounded-md flex items-center justify-center","transition-all duration-150 ease-in-out overflow-hidden",a?"bg-blue-50 border-2 border-blue-400 border-dashed":s?"border-2 border-blue-200 border-dashed":"border-2 border-transparent"),children:a&&i.jsxs("span",{className:"flex items-center gap-1 text-blue-500 text-xs font-medium select-none pointer-events-none",children:[i.jsx(W,{icon:"octicon:plus-16"}),"Drop here"]})})}function $a({elementData:e,sectionId:n}){const{formData:o,isDragging:s,setIsDragging:a,addElementInPosition:t,moveElement:r}=m.useContext(ve),[d,l]=m.useState(null),c=m.useMemo(()=>{var h;return((h=o.find(y=>y.id===n))==null?void 0:h.questionData)||[]},[o,n]),u=m.useCallback((h,y)=>{h.dataTransfer.setData("elementId",y),h.dataTransfer.setData("properties",y),h.dataTransfer.effectAllowed="move",l(y),a(!0)},[a]),g=m.useCallback(()=>{l(null),a(!1)},[a]);m.useEffect(()=>{!s&&d&&l(null)},[s,d]);const p=m.useCallback(h=>{h.preventDefault(),h.stopPropagation();const y=h.dataTransfer.getData("elementId"),N=h.currentTarget.id;if(!y||!N||y===N){g();return}const A=c.find(k=>k.id===y),S=c.findIndex(k=>k.id===N);A!=null&&A.gridId&&S!==-1?r({draggedId:y,sectionId:n,targetIndex:S}):r({draggedId:y,sectionId:n,targetId:N}),l(null),a(!1)},[n,r,a,g,c]),f=m.useCallback((h,y)=>{h.preventDefault(),h.stopPropagation(),a(!1);const N=h.dataTransfer.getData("elementId");if(N){r({draggedId:N,sectionId:n,targetIndex:y}),l(null);return}try{const A=JSON.parse(h.dataTransfer.getData("properties"));if((A==null?void 0:A.type)==="section")return;const S={...A,id:fe.v4(),sectionId:n};t(S,n,y),l(null)}catch(A){console.error("Drop error:",A)}},[t,n,a,r]),w=m.useCallback((h,y=!1)=>i.jsx("div",{id:h.id,draggable:!0,onDragStart:N=>u(N,h.id),onDragOver:y?void 0:N=>{N.preventDefault(),N.stopPropagation()},onDrop:y?void 0:p,onDragEnd:g,className:q("cursor-grab active:cursor-grabbing border p-4 w-full rounded-lg","transition-all duration-200 ease-in-out",d===h.id?"opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-300 shadow-inner":d?"bg-white border-dashed border-blue-200 shadow-sm":"bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"),children:Ja(h,n)},h.id),[d,p,n,u,g]),x=m.useMemo(()=>(e==null?void 0:e.reduce((h,y)=>(y.gridId&&(h[y.gridId]=h[y.gridId]||[],h[y.gridId].push(y)),h),{}))||{},[e]);if(!(e!=null&&e.length))return i.jsx("div",{onDragOver:h=>h.preventDefault(),onDrop:h=>f(h,0),onDragEnd:g,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 b=e.filter(h=>!h.gridId);return i.jsxs("div",{className:"relative flex flex-col w-full h-full gap-2",children:[i.jsx(xi,{index:0,isDragging:s,onDrop:f,onDragEnd:g}),b.map(h=>{const y=c.findIndex(N=>N.id===h.id);if(h.type==="grid"){const N=x[h.id]||[],A=d===h.id,S=!!d&&!A;return i.jsxs("div",{className:"flex flex-col gap-0",children:[i.jsx("div",{id:h.id,draggable:!0,onDragStart:k=>u(k,h.id),onDragOver:k=>{k.preventDefault(),k.stopPropagation()},onDrop:p,onDragEnd:g,className:q("w-full p-4 border rounded-lg cursor-grab active:cursor-grabbing","transition-all duration-200 ease-in-out",A?"opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-400 shadow-inner":S?"bg-white border-dashed border-blue-200":"bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"),children:i.jsx(pi,{element:h,state:"edit",children:i.jsx(fi,{element:h,sectionId:n,state:Za,draggedElementId:d,children:N==null?void 0:N.map(k=>{var j;return i.jsx(hi,{col:(j=k.gridPosition)==null?void 0:j.col,children:w(k,!0)},k.id)})})})}),i.jsx(xi,{index:y+1,isDragging:s,onDrop:f,onDragEnd:g})]},h.id)}return i.jsxs("div",{className:"flex flex-col gap-0",children:[w(h),i.jsx(xi,{index:y+1,isDragging:s,onDrop:f,onDragEnd:g})]},h.id)})]})}const Qa=m.memo($a),Xa=M.object({title:M.string(),description:M.string(),disabled:M.boolean().default(!1),isHidden:M.boolean().default(!1)}).required(),yi=pe("config"),es=({isOpen:e,onClose:n,section:o})=>{const{updateSection:s}=m.useContext(ve),{register:a,handleSubmit:t,watch:r,formState:{errors:d,isSubmitting:l,isValid:c},reset:u}=ke.useForm({resolver:mi(Xa),defaultValues:o});if(m.useEffect(()=>{e||u()},[e,u]),!e)return null;const g=f=>{s(f,o.id),n()},p=r();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(W,{icon:"tabler:x"})})]}),i.jsxs("form",{onSubmit:t(g),className:"w-full",children:[i.jsxs("div",{className:"w-full px-6 flex flex-col gap-5 z-10",children:[i.jsx(H,{label:"Title",name:"title",register:a,errors:d,watch:r}),i.jsx(H,{label:"Description",name:"description",register:a,errors:d,watch:r,type:"textarea"}),i.jsx(H,{label:"Disable Section",name:"disabled",register:a,errors:d,watch:r,type:"checkbox",value:p.disabled,description:"Disables all fields in this section"}),i.jsx(H,{label:"Hide Section",name:"isHidden",register:a,errors:d,watch:r,type:"checkbox",value:p.isHidden,description:"Hides this section from the form"})]}),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:!c||l,style:{background:(yi==null?void 0:yi.buttonColor)||"#333"},className:`flex-1 px-4 py-2.5 ${!c||l?"bg-[#F2F4F7]":"bg-[#2563EB]"} ${!c||l?"text-[#98A2B3]":"text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50`,children:l?"Saving...":"Save"})]})]})]})})},is=()=>{const[e,n]=m.useState(!1),o=m.useRef(null),s=m.useRef(null),{removeSection:a,addSection:t,formData:r,setIsDragging:d,setSelectedSection:l,selectedSection:c,activeSections:u,setActiveSections:g}=m.useContext(ve);m.useEffect(()=>{var b;l(((b=r[0])==null?void 0:b.id)||null)},[]);const p=m.useCallback(b=>{b.preventDefault(),b.dataTransfer.dropEffect="move",s.current&&(s.current.scrollTop=s.current.scrollHeight)},[]);function f(b){u.includes(b)?g(h=>h.filter(y=>y!==b)):g(h=>[...h,b])}function w(b){o.current=b,n(!0)}const x=pe("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(es,{isOpen:e,onClose:()=>n(!1),section:o.current}),i.jsxs("div",{className:"relative flex flex-col flex-1 w-full py-4 gap-y-6",children:[r==null?void 0:r.map((b,h)=>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
57
- ${c===b.id?"border-dashed border-blue-400 bg-[#f7f8fa]":""} ${u.includes(h)?"min-h-[300px] pb-6 ":""}`,children:[i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsx("div",{onClick:()=>l(b.id),className:"flex-1 h-full py-4 cursor-pointer",children:i.jsx("h2",{className:"font-medium",children:b.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(b),children:i.jsx(W,{icon:"fluent:edit-28-regular"})}),r.length>1&&i.jsx("button",{type:"button",className:"p-1 text-xs border rounded-lg",onClick:()=>a(b.id),children:i.jsx(W,{icon:"lets-icons:trash-duotone-line"})}),i.jsx("button",{type:"button",className:"p-1 text-xs rounded-lg",onClick:()=>f(h),children:i.jsx(W,{icon:u.includes(h)?"fa6-solid:chevron-up":"fa6-solid:chevron-down",iconClass:"text-base"})})]})]}),(b==null?void 0:b.description)&&u.includes(h)&&i.jsx("p",{className:"mt-2 text-sm text-gray-600 text-gray-60",children:b==null?void 0:b.description}),u.includes(h)&&i.jsxs("div",{className:"h-full mt-4 transition-all duration-200",id:b.id,onDragOver:p,onDragEnd:()=>d(!1),onClick:()=>l(b.id),children:[i.jsx("hr",{className:"group-last:hidden"}),i.jsx("div",{className:"h-full mt-4 gap-y-6",children:i.jsx(Qa,{elementData:b.questionData,sectionId:b.id})})]})]})},b.id)),i.jsx("div",{className:"flex justify-center",children:i.jsxs("button",{type:"button",onClick:()=>t(),style:{color:(x==null?void 0:x.buttonColor)||"#333"},className:"text-sm font-medium",children:["+ Add section"," "]})})]})]})},ns=()=>{const{formData:e,uploadUrl:n}=m.useContext(ve),o=pe("config");return i.jsx(ki,{form_data:e,ignoreValidation:!0,config:o,uploadUrl:n,renderType:"multi"})};function os({questionData:e,uploadUrl:n}){const{setFormData:o,addSection:s,setUploadUrl:a,showPreview:t}=m.useContext(ve);m.useEffect(()=>{e&&e.length>0&&o(e)},[e,o]),m.useEffect(()=>{a(n)},[n,a]);const r=m.useCallback(d=>{d.preventDefault();try{const l=JSON.parse(d.dataTransfer.getData("properties"));if((l==null?void 0:l.type)==="section"){s();return}}catch(l){console.error("Drop error:",l)}},[]);return i.jsxs("div",{className:"flex gap-4",children:[i.jsx("div",{onDragOver:d=>d.preventDefault(),onDrop:d=>r(d),className:"bg-white p-4 border border-[#E4E7EC] shadow rounded-lg h-full overflow-y-auto no-scrollbar max-h-[calc(100vh-60px)] flex-1 form_builder",children:i.jsx(is,{})}),i.jsx(z.Transition,{show:t,as:"div",enter:"transition-all duration-300 ease-in-out origin-right",enterFrom:"opacity-0 w-0 translate-x-10 px-0 overflow-hidden border-transparent shadow-none",enterTo:"opacity-100 w-2/5 translate-x-0",leave:"transition-all duration-300 ease-in-out origin-right",leaveFrom:"opacity-100 w-2/5 translate-x-0",leaveTo:"opacity-0 w-0 translate-x-10 px-0 overflow-hidden border-transparent shadow-none",className:"shrink-0 bg-white shadow border border-[#E4E7EC] rounded-lg h-full overflow-y-auto no-scrollbar max-h-[calc(100vh-60px)] form_preview w-2/5",children:i.jsx("div",{className:"py-4 px-2 min-w-[320px]",children:i.jsx(ns,{})})})]})}const wi=[{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"}],as=()=>{const[e,n]=m.useState(""),{setIsDragging:o,addElement:s,selectedSection:a}=m.useContext(ve),t=m.useCallback((f,w)=>{if(!a){xe.toast.error("Please select a section to add an element.");return}f.dataTransfer.setData("properties",JSON.stringify(w)),f.dataTransfer.effectAllowed="move",o(!0)},[o,a]);function r(f){if(!a){xe.toast.error("Please select a section to add an element.");return}const w={...f,id:fe.v4(),sectionId:a};s(w,a)}const d=pe("config")||{},l=d.elementColor,c=d.elementBgColor,u=d.elementBorderColor,g=sa.filter(f=>f.label.toLowerCase().includes(e.toLowerCase())),p=wi==null?void 0:wi.map(f=>({title:f.title,elements:g.filter(w=>{var x;return(x=ta[f.key])==null?void 0:x.includes(w.type)})})).filter(f=>f.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:f=>n(f.target.value),name:"search",id:"search"})}),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:p==null?void 0:p.map((f,w)=>{var x;return i.jsxs("li",{children:[i.jsx("h4",{className:"mb-2 text-[11px] font-bold text-gray-500 uppercase",children:f.title}),i.jsx("ul",{className:"grid grid-cols-2 gap-y-3 gap-x-4 mb-3",children:(x=f.elements)==null?void 0:x.map(b=>i.jsx("li",{onDragStart:h=>t(h,b),onDragEnd:()=>o(!1),onClick:()=>r(b),style:{borderColor:u,backgroundColor:c},className:`cursor-move text-[#475467] flex justify-between items-center \r
56
+ }`})})]})})}),wa=()=>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",{}),"}"]})})]})]})});function ka(e){return e.flatMap(n=>{var o;return(o=n.questionData)!=null?o:[]})}const vi=["text","number","boolean"],bn=["equals","not_equals","contains","not_contains"],Aa=["greater","less"];function Sa({register:e,setValue:n,trigger:o,watch:s,id:a}){const{formData:t}=m.useContext(ve),r=s("visibilityDependentFields")||[],d=m.useMemo(()=>{var c;return(c=ka(t).filter(u=>u.id!==a))==null?void 0:c.map(u=>{const g=r.find(p=>p.id===u.id);return{id:u.id,value:u.id,label:u.inputLabel,sectionId:u.sectionId,fieldType:(g==null?void 0:g.fieldType)||"text",operator:(g==null?void 0:g.operator)||"equals",fieldValue:(g==null?void 0:g.fieldValue)!==void 0?g.fieldValue:""}})},[t,r,a]),l=(c,u,g)=>{const p=r==null?void 0:r.map((f,w)=>w===c?{...f,[u]:g}:f);n("visibilityDependentFields",p)};return i.jsxs("div",{className:"visibility-editor",children:[i.jsx("label",{className:"label",children:"Select Dependent Fields"}),i.jsx(ui,{element:{options:d,id:"visibilityDependentFields",value:s("visibilityDependentFields")},validationData:{register:e,setValue:n,trigger:o,watch:s}}),r.length>0&&i.jsx("div",{className:"py-1 bg-gray-100 rounded dependent-fields",children:r==null?void 0:r.map((c,u)=>{var g,p;return i.jsxs("div",{className:"dependent-field",children:[i.jsx("input",{type:"text",value:c.label,readOnly:!0,disabled:!0,className:"field-label"}),i.jsx("div",{className:"field-listbox min-w-[100px]",children:i.jsx(z.Listbox,{value:c.fieldType,onChange:f=>l(u,"fieldType",f),children:i.jsxs("div",{className:"listbox-wrapper",children:[i.jsx(z.Listbox.Button,{className:"listbox-button",children:c.fieldType}),i.jsx(z.Transition,{as:m.Fragment,leave:"transition ease-in duration-100",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:i.jsx(z.Listbox.Options,{className:"listbox-options ",anchor:"bottom",children:vi==null?void 0:vi.map(f=>i.jsx(z.Listbox.Option,{value:f,className:"listbox-option",children:f},f))})})]})})}),i.jsx("div",{className:"field-listbox min-w-[100px]",children:i.jsx(z.Listbox,{value:c.operator,onChange:f=>l(u,"operator",f),children:i.jsxs("div",{className:"listbox-wrapper",children:[i.jsx(z.Listbox.Button,{className:"listbox-button",children:c.operator.replace("_"," ")}),i.jsx(z.Transition,{as:m.Fragment,leave:"transition ease-in duration-100",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:i.jsx(z.Listbox.Options,{className:"listbox-options ",anchor:"bottom",children:(g=c.fieldType==="number"?[...bn,...Aa]:bn)==null?void 0:g.map(f=>i.jsx(z.Listbox.Option,{value:f,className:"listbox-option",children:f.replace("_"," ")},f))})})]})})}),c.fieldType!=="boolean"?i.jsx("input",{type:c.fieldType,value:c.fieldValue||"",onChange:f=>l(u,"fieldValue",f.target.value),placeholder:"Value",className:"field-value"}):i.jsx("div",{className:"field-listbox",children:i.jsx(z.Listbox,{value:(p=c.fieldValue)!=null?p:"",onChange:f=>l(u,"fieldValue",f),children:i.jsxs("div",{className:"listbox-wrapper",children:[i.jsx(z.Listbox.Button,{className:"listbox-button",children:c.fieldValue===!0?"True":c.fieldValue===!1?"False":"Select value"}),i.jsx(z.Transition,{as:m.Fragment,leave:"transition ease-in duration-100",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:i.jsxs(z.Listbox.Options,{className:"listbox-options ",anchor:"bottom",children:[i.jsx(z.Listbox.Option,{value:!0,className:"listbox-option",children:"True"}),i.jsx(z.Listbox.Option,{value:!1,className:"listbox-option",children:"False"})]})})]})})})]},c.id)})})]})}const Na=M.object().shape({inputLabel:M.string().nullable(),placeholder:M.string().nullable(),description:M.string().nullable(),isReadOnly:M.boolean(),isDisabled:M.boolean(),isRequired:M.boolean(),requiredMessage:M.string().nullable(),minLengthMessage:M.string().nullable(),maxLengthMessage:M.string().nullable(),maxLength:M.number().typeError("Expecting a number").nullable(),minLength:M.number().typeError("Expecting a number").nullable(),inputType:M.string().nullable(),maxAmountMessage:M.string().nullable(),maxAmount:M.string().nullable(),options:M.array().of(M.object().shape({label:M.string().nullable(),value:M.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:M.array().of(M.object().shape({label:M.string().nullable(),value:M.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:M.string().nullable(),url:M.string().nullable(),method:M.string().nullable(),denominators:M.mixed().nullable(),responseType:M.string().nullable(),minAmount:M.string().nullable(),heading:M.string().nullable(),minAmountMessage:M.string().nullable(),columns:M.number().nullable().max(4).min(2),value:M.mixed().nullable(),customClass:M.string().nullable(),elementClass:M.string().nullable(),apiUrl:M.string().nullable(),selectType:M.string().default("list"),dateType:M.string().default("basic"),validationUrl:M.string(),signatureLink:M.string(),minDate:M.string().nullable(),maxDate:M.string().nullable(),canHaveDateRange:M.boolean(),allowYearPicker:M.boolean(),isHidden:M.boolean(),visibilityDependentFields:M.array().nullable(),isMultiple:M.boolean(),acceptedFiles:M.array(),showState:M.boolean()}),ja=[{title:"Configurations",key:"basic"},{title:"Validations",key:"validation"}],_a=({isOpen:e,onClose:n,element:o})=>{const s=ja.filter(L=>!qe.includes(o.inputType)||L.key!=="validation"),{updateElement:a}=m.useContext(ve),[t,r]=m.useState("basic"),[d,l]=m.useState(!1),[c,u]=m.useState("manual"),g=pe("config"),{register:p,handleSubmit:f,control:w,setValue:x,watch:b,trigger:h,formState:{errors:y,isSubmitting:N,isValid:A},reset:S}=ke.useForm({resolver:mi(Na),defaultValues:{...o,options:o.options||[]}}),k=b(),{fields:j,append:I,remove:X}=ke.useFieldArray({control:w,name:"options"}),{fields:U,append:Z,remove:B}=ke.useFieldArray({control:w,name:"options1"}),{fields:F,append:D,remove:K}=ke.useFieldArray({control:w,name:"dataColumns"});m.useEffect(()=>{e||S()},[e,S]);const G=L=>{a(L,o.sectionId),n()},E={headers:{Authorization:`Bearer ${pe("token")}`}},T=m.useCallback(async()=>{var L,O,Q;if(!k.apiUrl||!/^https?:\/\//.test(k.apiUrl)){xe.toast.info("Please provide a valid API URL");return}try{l(!0);const{status:se,data:J}=await _e.get(k.apiUrl,E);if(se!==200||!J){xe.toast.error("Unexpected response from server.");return}const ae=J.data||J.record||J.result;if(!Array.isArray(ae)){xe.toast.error("Expected an array in response (data, record, or result).");return}((L=o.type)==null?void 0:L.toLowerCase())==="datagrid"?x("dataColumns",ae):x("options",ae)}catch(se){const J=((Q=(O=se==null?void 0:se.response)==null?void 0:O.data)==null?void 0:Q.message)||(se==null?void 0:se.message)||"Unable to load options";xe.toast.error(J)}finally{l(!1)}},[o.type,x,k.apiUrl]),V=["manual","api","sheet"];function de(){c==="api"&&T()}const ee=()=>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:V==null?void 0:V.map(L=>i.jsxs("label",{className:"items-center text-base capitalize gap-x-3",children:[i.jsx("input",{type:"radio",name:"optionType",onChange:O=>u(O.target.value),value:L})," ",i.jsxs("span",{children:[L," options"]})]},L))}),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(H,{watch:b,label:"Load Options from Api",name:"apiUrl",errors:y,register:p,className:"!w-full",placeholder:"https://example.com/options",isFloating:!0}),d&&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:de,className:"px-3 py-1 text-xs text-white bg-gray-600 rounded",type:"button",children:"Load"})]}),i.jsx(fa,{})]}),c==="sheet"&&i.jsx("div",{className:"mb-4",children:i.jsx(mn,{isFloating:!0,label:"Load options form sheet (csv, xlsx)",setValue:x,name:"options"})}),i.jsxs("div",{children:[i.jsx("h3",{className:"mb-4 text-sm text-gray-500",children:"Parent Options "}),j==null?void 0:j.map((L,O)=>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(H,{watch:b,label:O===0?"Label":"",name:`options.${O}.label`,register:p,errors:y,element:o,placeholder:"Label"})}),i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:O===0?"Value":"",name:`options.${O}.value`,register:p,errors:y,element:o,placeholder:"Value"})}),i.jsx("button",{disabled:j.length===1,type:"button",className:"outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",onClick:()=>X(O),children:i.jsx(W,{icon:"iconamoon:sign-times-fill"})})]},L.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:()=>I({label:"",value:"",id:fe.v4()}),children:[i.jsx(W,{icon:"qlementine-icons:plus-16"})," Add Option"]})]})]}),o.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 "}),U==null?void 0:U.map((L,O)=>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(H,{watch:b,label:"Label",name:`options1.${O}.label`,register:p,errors:y,element:o,placeholder:"Label",isFloating:!0})}),i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:"Value",name:`options1.${O}.value`,register:p,errors:y,element:o,placeholder:"Value",isFloating:!0})}),i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:"Key",name:`options1.${O}.key`,register:p,errors:y,element:o,placeholder:"Key",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:()=>B(O),children:i.jsx(W,{icon:"iconamoon:sign-times-fill"})})]},L.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:()=>Z({label:"",value:"",key:"",id:fe.v4()}),children:[i.jsx(W,{icon:"qlementine-icons:plus-16"})," Add Option"]})]})]})]})]}),oe=()=>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:V==null?void 0:V.map(L=>i.jsxs("label",{className:"items-center text-base capitalize gap-x-3",children:[i.jsx("input",{type:"radio",name:"optionType",onChange:O=>u(O.target.value),value:L,checked:L===c})," ",i.jsxs("span",{children:[L," options"]})]},L))}),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(H,{watch:b,label:"Load Columns from Api",name:"apiUrl",errors:y,register:p,className:"!w-full",placeholder:"https://example.com/columns",isFloating:!0}),d&&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:de,className:"px-3 py-1 text-xs text-white bg-gray-600 rounded",type:"button",children:"Load"})]}),i.jsx(xa,{})]}),c==="sheet"&&i.jsx("div",{className:"mb-4",children:i.jsx(mn,{isFloating:!0,label:"Load columns form sheet (csv, xlsx)",setValue:x,name:"dataColumns"})}),F==null?void 0:F.map((L,O)=>i.jsxs("div",{className:"flex items-center gap-x-4 ",children:[i.jsx("div",{className:"min-w-[140px]",children:i.jsx(Me,{label:O===0?"Type":"",options:[{label:"Text",value:"text"},{label:"Number",value:"number"},{label:"Checkbox",value:"checkbox"}],register:p,name:`dataColumns.${O}.type`,setValue:x,trigger:h,value:k.dataColumns[O].type})}),i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:O===0?"Field key":"",name:`dataColumns.${O}.field`,register:p,errors:y,element:o,placeholder:"fieldKey"})}),i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:O===0?"Display header":"",name:`dataColumns.${O}.headerName`,register:p,errors:y,element:o,placeholder:"header"})}),i.jsx("button",{disabled:F.length===1,type:"button",className:"outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",onClick:()=>K(O),children:i.jsx(W,{icon:"iconamoon:sign-times-fill"})})]},L.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:()=>D({headerName:"",field:"",editable:!0,id:fe.v4(),type:"text",validate:!1}),children:[i.jsx(W,{icon:"qlementine-icons:plus-16"})," Add column"]})]})]}),me=m.useCallback(async()=>{const L=pe("token"),{status:O,data:Q}=await _e.get(k.url,{headers:{Authorization:`Bearer ${L}`}});O===200&&x("options",(Q==null?void 0:Q.data)||Q)},[x,k.url]);m.useEffect(()=>{o.type==="document"&&k.url&&me()},[k.url,o.type,me]);const ce=i.jsx("div",{className:"fixed inset-0 bg-gray-800/40 backdrop-blur-sm flex items-center justify-end z-[999] cursor-default",onMouseDown:L=>L.stopPropagation(),onPointerDown:L=>L.stopPropagation(),onDragStart:L=>{L.preventDefault(),L.stopPropagation()},children:i.jsxs("div",{className:"w-full lg:w-2/3 xl:w-2/5 bg-white h-screen shadow-xl relative flex flex-col items-center",children:[i.jsx("button",{className:"bg-white h-10 w-10 flex justify-center items-center absolute top-1 -left-12 rounded-lg hover:bg-gray-50",onClick:n,children:i.jsx(W,{icon:"tabler:x",iconClass:"text-xl"})}),i.jsx("div",{className:"w-full pt-4",children:i.jsx(na,{tabs:s,setActiveTab:r,activeTab:t,className:"justify-start !text-left",btnClass:" !text-left"})}),i.jsxs("form",{onSubmit:f(G),className:"w-full flex-1 flex flex-col",children:[i.jsxs("div",{className:"flex-1",children:[" ",i.jsxs("div",{className:" max-h-[70vh] overflow-y-auto flex-1",children:[t==="basic"&&i.jsxs("div",{className:"z-10 flex flex-col w-full gap-5 px-6",children:[bi.includes(o.inputType)&&i.jsx(i.Fragment,{children:i.jsx(H,{watch:b,label:"Value",name:"value",register:p,errors:y,element:o})}),!bi.includes(o.inputType)&&!qe.includes(o.inputType)&&i.jsxs(i.Fragment,{children:[i.jsx(H,{watch:b,label:"Label",name:"inputLabel",register:p,errors:y,element:o})," ",o.type.toLowerCase()==="cascadeselect"&&i.jsx(H,{watch:b,label:"Child Label",name:"childLabel",register:p,errors:y,element:o})]}),ua.includes(o.inputType)&&i.jsx(H,{watch:b,label:"Placeholder",name:"placeholder",register:p,errors:y,element:o}),da.includes(o.inputType)&&i.jsx(H,{watch:b,label:"Prefix",name:"prefix",register:p,errors:y,element:o}),ba.includes(o.inputType)&&i.jsxs("div",{className:"grid gap-y-4",children:[i.jsx(ha,{}),i.jsx(H,{watch:b,label:"Api Url",name:"url",register:p,errors:y,element:o}),i.jsx(Me,{label:"Api Method",options:[{label:"GET",value:"GET"},{label:"POST",value:"POST"}],register:p,name:"method",setValue:x,trigger:h,value:b("method")}),i.jsx(Me,{label:"Api Response type",options:[{label:"String",value:"string"},{label:"Object",value:"object"}],register:p,name:"responseType",setValue:x,trigger:h,value:b("responseType")})]}),va.includes(o.inputType)&&i.jsx(ga,{onChange:L=>{x("denominators",L)},value:b("denominators")}),!bi.includes(o.inputType)&&!qe.includes(o.inputType)&&i.jsx(H,{watch:b,label:"Short Description",name:"description",register:p,errors:y,element:o}),o.type.toLowerCase()==="date"&&i.jsxs(i.Fragment,{children:[i.jsx(Me,{label:"Date Format",options:la,register:p,name:"dateFormat",setValue:x,trigger:h,value:b("dateFormat")}),i.jsx(H,{watch:b,label:"Allow Range",name:"canHaveDateRange",register:p,errors:y,element:o,type:"checkbox",value:k.canHaveDateRange}),(k==null?void 0:k.canHaveDateRange)&&i.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[i.jsx(Qe,{name:"minDate",value:k==null?void 0:k.minDate,onGetValue:x,placeholder:"Select min date"}),i.jsx(Qe,{name:"maxDate",value:k==null?void 0:k.minDate,onGetValue:x,placeholder:"Select max date",minDate:k==null?void 0:k.minDate})]}),i.jsx(H,{watch:b,label:"Allow Year Picker",name:"allowYearPicker",register:p,errors:y,element:o,type:"checkbox",value:k.allowYearPicker})]}),o.type.toLowerCase()==="country"&&i.jsx(H,{watch:b,label:"Allow States",name:"showState",register:p,errors:y,element:o,type:"checkbox",value:k.showState}),o.type.toLowerCase()==="selectfield"&&i.jsx(Me,{label:"Select Type",options:[{label:"List",value:"list"},{label:"Combobox",value:"Combobox"}],register:p,name:"selectType",setValue:x,trigger:h,value:b("selectType")}),o.type.toLowerCase()==="grid"&&i.jsx(H,{watch:b,label:"Number of columns (max: 4)",name:"columns",register:p,errors:y,element:o,max:4,min:1}),o.type.toLowerCase()==="document"&&i.jsxs("div",{className:"grid gap-y-6",children:[i.jsxs("div",{className:"grid gap-y-1",children:[i.jsx(H,{watch:b,label:"Document Options Url",name:"url",register:p,errors:y,element:o})," ",i.jsx(ya,{})]}),i.jsxs("div",{className:"grid gap-y-1",children:[i.jsx(H,{watch:b,label:"Document Validation Url",name:"validationUrl",register:p,errors:y,element:o}),i.jsx(wa,{})]}),i.jsx("div",{className:"grid gap-y-1",children:i.jsx(H,{watch:b,label:"Signature Page Url",name:"signatureLink",register:p,errors:y,element:o})})]}),o.type.toLowerCase()==="datagrid"&&oe(),o.type.toLowerCase()==="file"&&i.jsxs(i.Fragment,{children:[i.jsx(H,{watch:b,label:"Allow Multiple Uploads",name:"isMultiple",register:p,errors:y,element:o,type:"checkbox",value:k.isMultiple}),i.jsx(ui,{element:{options:pa,id:"acceptedFiles",value:k==null?void 0:k.acceptedFiles},validationData:{register:p,setValue:x,trigger:h,watch:b},placeholder:"Choose file types"})]}),ma.includes(o.inputType)&&ee(),i.jsxs("div",{children:[i.jsx("div",{className:"w-[150px] mb-4",children:i.jsx(H,{watch:b,label:"Toggle Visibility",name:"isHidden",register:p,errors:y,element:o,type:"checkbox",value:k.isHidden})})," ",k.isHidden&&i.jsx(Sa,{register:p,setValue:x,trigger:h,watch:b,id:o==null?void 0:o.id})]})]}),!qe.includes(o.type.toLowerCase())&&t==="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(H,{watch:b,label:"Required",name:"isRequired",register:p,errors:y,element:o,type:"checkbox",value:k.isRequired})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:"Error message text",name:"requiredMessage",register:p,errors:y,element:o})})]}),ra.includes(o.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(H,{watch:b,label:"Min Length",name:"minLength",register:p,errors:y,element:o,type:"number"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:"Error message text",name:"minLengthMessage",register:p,errors:y,element:o})})]}),i.jsxs("div",{className:"flex items-center gap-x-6",children:[i.jsx("div",{className:"w-[150px]",children:i.jsx(H,{watch:b,label:"Max Length",name:"maxLength",register:p,errors:y,element:o,type:"number"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:"Error message text",name:"maxLengthMessage",register:p,errors:y,element:o})})]})]}),ca.includes(o.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(H,{watch:b,label:"Min Amount",name:"minAmount",register:p,errors:y,element:o,type:"amount"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:"Error message text",name:"minAmountMessage",register:p,errors:y,element:o})})]}),i.jsxs("div",{className:"flex items-center gap-x-6",children:[i.jsx("div",{className:"w-[150px]",children:i.jsx(H,{watch:b,label:"Max Amount",name:"maxAmount",register:p,errors:y,element:o,type:"amount"})})," ",i.jsx("div",{className:"flex-1",children:i.jsx(H,{watch:b,label:"Error message text",name:"maxAmountMessage",register:p,errors:y,element:o})})]})]})]})]})]}),i.jsxs("div",{className:"sticky flex w-full gap-3 px-6 pt-8 pb-10 mt-10 border-t",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:!A||N,style:{background:(g==null?void 0:g.buttonColor)||"#333"},className:`flex-1 px-4 py-2.5 ${!A||N?"bg-[#F2F4F7]":"bg-[#2563EB]"} ${!A||N?"text-[#98A2B3]":"text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50 editor_option__save`,children:N?"Saving...":"Save"})]})]})]})});return document.body?Pn.createPortal(ce,document.body):ce},pi=m.memo(({state:e,element:n,children:o})=>{const[s,a]=m.useState(!1),{removeElement:t,duplicateElement:r}=m.useContext(ve),d=m.useMemo(()=>{var c;return(c=n==null?void 0:n.acceptedFiles)==null?void 0:c.map(u=>u.label).join(", ")},[n]),l=m.useCallback(()=>{t(n.id,n.sectionId)},[n.id,n.sectionId,t]);return i.jsxs("div",{className:"w-full",children:[s&&i.jsx(_a,{isOpen:s,onClose:()=>a(!1),element:n}),i.jsxs("div",{className:"flex items-center justify-between mb-2",children:[i.jsxs("span",{children:[" ",n.inputLabel&&i.jsxs("label",{className:"text-sm font-medium input_label",children:[n.inputLabel," ",d&&i.jsxs("span",{className:"text-gray-400 text-xs",children:["(",d==null?void 0:d.toLowerCase(),")"]})]})]}),e==="edit"&&i.jsxs("span",{className:"flex items-center gap-x-3",children:[!n.gridPosition&&i.jsx("button",{type:"button",className:"text-sm outline-none hover:opacity-80 py-1",onClick:()=>r(n==null?void 0:n.id,n.sectionId),title:"Duplicate",children:i.jsx(W,{icon:"tabler:copy",iconClass:"text-base"})}),i.jsx("button",{type:"button",className:"text-sm outline-none hover:opacity-80 text-gray-600 py-1",onClick:()=>a(!0),title:"Edit",children:i.jsx(W,{icon:"circum:edit",iconClass:"text-base"})}),i.jsx("button",{type:"button",className:"text-sm outline-none hover:opacity-80 text-gray-600 py-1",onClick:l,title:"Remove",children:i.jsx(W,{icon:"iconamoon:trash",iconClass:"text-base"})})]})]}),o]})});pi.displayName="ElementContainer";function Ca({element:e,validationData:n}){const{register:o=()=>({}),trigger:s,setValue:a,watch:t,isReadOnly:r}=n||{};let d;return t&&(d=t()[e.id]),i.jsx(H,{placeholder:e.placeholder,type:e.inputType,label:"",name:e.id,register:o,trigger:s,setValue:a,value:d,prefix:e.prefix,disabled:r,watch:t})}function Ma(e){if(!e)return!1;const n=/^data:image\/(jpeg|png|gif|bmp|webp);base64,/i,o=/\.(jpeg|jpg|png|gif|bmp|webp)$/i;return n.test(e)||o.test(e)}const Ea=({imageUrl:e})=>{const[n,o]=m.useState(!1),s=()=>{o(!0)},a=()=>{o(!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:a,children:i.jsxs("div",{className:"modal-content",style:{position:"relative",backgroundColor:"white",padding:"20px",borderRadius:"8px",width:"90vw"},onClick:t=>t.stopPropagation(),children:[i.jsx("span",{className:"close",onClick:a,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 Ta({element:e,validationData:n}){var k;const{register:o=()=>({}),setValue:s,watch:a}=n||{},[t,r]=m.useState(),[d,l]=m.useState(!1),[c,u]=m.useState(!1),[g,p]=m.useState(""),f=a&&a(e==null?void 0:e.id);m.useEffect(()=>{r(f)},[f]);const[w,x]=m.useState("");m.useEffect(()=>{o(e.id)},[e.id,o]);const{url:b,method:h,responseType:y}=e||{},A={headers:{Authorization:`Bearer ${pe("token")}`}},S=m.useCallback(async j=>{var I,X,U,Z,B,F,D,K,G,P,E;if(!(!b||!h)){l(!0);try{let T;if(h.toLowerCase()==="get"){const V=`${b}?value=${j}`;T=await _e.get(V,A)}else if(h.toLowerCase()==="post")T=await _e.post(b,{value:j},A);else throw new Error("Unsupported HTTP method");T.status===200&&((((X=(I=T==null?void 0:T.data)==null?void 0:I.data)==null?void 0:X.status)||((U=T==null?void 0:T.data)==null?void 0:U.status))===!0?(u(!0),y==="string"?p(((B=(Z=T==null?void 0:T.data)==null?void 0:Z.data)==null?void 0:B.description)||((F=T==null?void 0:T.data)==null?void 0:F.description)||"Validation successful"):x(((K=(D=T==null?void 0:T.data)==null?void 0:D.data)==null?void 0:K.description)||((G=T==null?void 0:T.data)==null?void 0:G.description)||{})):(console.error("Invalid input:",j),p("Unable to validate input"),u(!1)))}catch(T){console.error("Error validating input:",T),p(((E=(P=T==null?void 0:T.response)==null?void 0:P.data)==null?void 0:E.message)||"Unable to validate input"),u(!1)}finally{l(!1)}}},[h,y,b]);return m.useEffect(()=>{if(t){const j=setTimeout(()=>{S(t)},700);return()=>clearTimeout(j)}},[S,t]),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:q("field-control",e==null?void 0:e.customClass),...o(e==null?void 0:e.id),onChange:j=>{r(j.target.value),s(e==null?void 0:e.id,j.target.value)},disabled:n==null?void 0:n.isReadOnly}),i.jsxs("span",{className:"absolute right-0",children:[d&&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&&!d&&i.jsx("span",{className:"block pr-3 text-lg text-green-600",children:i.jsx(W,{icon:"gg:check-o"})})]})]}),g&&y==="string"&&i.jsx("span",{className:`${c?"text-green-600":"text-red-600"} text-sm`,children:g}),y==="object"&&i.jsx("div",{className:"grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600",children:(k=Object.entries(w))==null?void 0:k.map(([j,I])=>i.jsxs("div",{className:"flex items-center gap-x-2",children:[i.jsxs("span",{className:"font-semibold",children:[j,":"]}),Ma(I)?i.jsx(Ea,{imageUrl:I}):i.jsx("span",{children:String(I)})]},j))})]})}function Ba({onGetTotal:e,readOnly:n,defaultValue:o,denominators:s}){const[a,t]=m.useState([...o]);function r(c,u){t(g=>{const p=[...g];return p[u]={...p[u],value:c},p})}function d(c,u){return parseFloat(c)*parseFloat(u)||0}const l=m.useMemo(()=>a.reduce((c,u)=>{const g=d(u.key,u.value);return c+g},0),[a]);return m.useEffect(()=>{e&&e(a)},[a]),m.useEffect(()=>{if(s!=null&&s.length){const c=s==null?void 0:s.map((u,g)=>({key:u.value,value:Array.isArray(o)&&o[g]?o[g].value:""}));t(c)}},[o,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"})})]}),a==null?void 0:a.map((c,u)=>{var g,p;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:(g=parseFloat(c.key))==null?void 0:g.toLocaleString()})}),i.jsx("div",{className:"border-r px-4 py-1",children:i.jsx("span",{children:i.jsx(Ge,{id:"input-example",className:"border border-gray-100 rounded w-full px-3 py-1 outline-none",decimalsLimit:6,value:c.value,onValueChange:f=>r(f,u),disabled:n,allowNegativeValue:!1})})}),i.jsx("div",{className:"px-4 py-2 flex justify-between items-center",children:i.jsx("span",{children:(p=d(c.key,c.value))==null?void 0:p.toLocaleString()})})]},u+"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:l==null?void 0:l.toLocaleString()})]})]})})}function La({element:e,validationData:n}){const{register:o=()=>({}),setValue:s,getValues:a}=n||{},t=a&&a(e==null?void 0:e.id)||[];return m.useEffect(()=>{o(e.id)},[e.id,o]),i.jsx("div",{children:i.jsx(Ba,{onGetTotal:r=>{s&&s(e.id,r)},denominators:(e==null?void 0:e.denominators)||[],defaultValue:t,readOnly:e==null?void 0:e.isReadOnly})})}function Pa({element:e}){return i.jsx("div",{className:q("py-6",e==null?void 0:e.customClass)})}function Da({element:e}){return i.jsx("div",{children:i.jsx("hr",{className:q("border-gray-200 my-4",e==null?void 0:e.customClass)})})}function Ia({element:e,validationData:n}){const{register:o=()=>({})}=n||{};return i.jsx("div",{children:i.jsx("input",{placeholder:"Enter text",type:"text",className:"field-control",...o(e==null?void 0:e.id)})})}function Oa({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 Ka({row:e,columns:n,isReadOnly:o,editingCell:s,setEditingCell:a,handleCellChange:t,debouncedValidate:r,getValidationStatus:d,deleteRow:l}){const c=u=>(s==null?void 0:s.rowId)===e.id&&(s==null?void 0:s.field)===u;return i.jsxs("tr",{children:[n.map(u=>{var y;const g=e[u.field],p=u.editable&&!o,f=c(u.field),{isValidating:w,result:x}=d(e.id,u.field);let b="border-gray-300";u.validate&&((x==null?void 0:x.isValid)===!1?b="border-red-500 bg-red-50":(x==null?void 0:x.isValid)===!0&&(b="border-green-500 bg-green-50"));const h=`w-full px-2 py-1 border rounded outline-none ${b}`;return i.jsx("td",{title:o?"":"Double click to edit",className:"px-3 py-1 border",onDoubleClick:()=>p&&a({rowId:e.id,field:u.field}),children:p&&f?i.jsxs("div",{className:"relative",children:[u.type==="number"?i.jsx(Ge,{value:g,decimalsLimit:6,allowNegativeValue:!1,className:h,onValueChange:N=>t(N,e.id,u.field),onBlur:()=>{a(null),r(g,e.id,u.field,u)},autoFocus:!0}):u.type==="checkbox"?i.jsx("div",{className:"flex items-center gap-x-4",children:["yes","no"].map(N=>{const A=N==="yes",S=`radio-${e.id}-${String(u.field)}-${N}`;return i.jsxs("label",{htmlFor:S,className:"flex items-center gap-1 cursor-pointer",children:[i.jsx("input",{id:S,type:"radio",name:`boolean-${e.id}-${String(u.field)}`,checked:g===A,onChange:()=>t(A,e.id,u.field)}),i.jsx("span",{className:"text-sm",children:A?"Yes":"No"})]},N)})}):i.jsx("input",{type:"text",value:String(g!=null?g:""),onChange:N=>t(N.target.value,e.id,u.field),onBlur:()=>{a(null),r(g,e.id,u.field,u)},className:h,autoFocus:!0}),w&&i.jsx("div",{className:"absolute right-1 top-1",children:i.jsx("div",{className:"w-4 h-4 border-2 border-blue-500 rounded-full border-t-transparent animate-spin"})})]}):u.validate&&x?i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsxs("span",{children:[String(g!=null?g:"")," ",x.data&&`[${x.data}]`]}),x.isValid?i.jsx("span",{className:"text-xs text-green-600",children:"✓"}):i.jsx("span",{className:"text-xs text-red-600 cursor-help",title:(y=x.error)!=null?y:"",children:"✗"})]}):u.type==="checkbox"?i.jsx("span",{className:"block py-1 text-gray-700",children:g===!0?"Yes":g===!1?"No":""}):i.jsx("span",{className:"block py-1 text-gray-700 cursor-pointer",children:String(g!=null?g:"")})},String(u.id))}),!o&&i.jsx("td",{className:"px-3 py-1 text-center border",children:i.jsx("button",{type:"button",onClick:()=>l(e.id),className:"text-red-500 hover:text-red-700","aria-label":"Delete row",children:i.jsx(W,{icon:"lets-icons:trash-duotone",iconClass:"text-xl"})})})]})}const Ga=m.memo(Ka);function Ra({value:e=[],onChange:n,isReadOnly:o=!1,columns:s}){const[a,t]=m.useState(e),[r,d]=m.useState(null),l=m.useRef(null),[c,u]=m.useState(0);m.useEffect(()=>{const x=document.getElementById("form");if(!x)return;const b=y=>{const N=y.getBoundingClientRect().width;u(N?N-58:0)};b(x);const h=new ResizeObserver(y=>{for(const N of y)b(N.target)});return h.observe(x),()=>h.disconnect()},[]),m.useEffect(()=>{t(x=>JSON.stringify(x)!==JSON.stringify(e)?e:x)},[e]),m.useEffect(()=>{n==null||n(a)},[a,n]),m.useEffect(()=>{const x=b=>{l.current&&!l.current.contains(b.target)&&d(null)};return document.addEventListener("mousedown",x),()=>document.removeEventListener("mousedown",x)},[]);const g=m.useCallback((x,b,h)=>{t(y=>y.map(N=>N.id===b?{...N,[h]:x}:N))},[]),p=m.useCallback(()=>{const x=fe.v4(),b=s.reduce((h,y)=>(h[y.field]=y.field==="id"?x:"",h),{});t(h=>[...h,{id:x,...b}])},[s]),f=m.useCallback(x=>{t(b=>b.filter(h=>h.id!==x))},[]),w=m.useCallback(()=>({isValidating:!1,result:void 0}),[]);return i.jsxs("div",{className:"mt-3 rounded",ref:l,children:[i.jsx("div",{className:"flex justify-end",children:!o&&i.jsx("button",{onClick:p,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.jsx("div",{className:"w-full max-w-full overflow-x-auto",style:{maxWidth:`${c}px`},children:i.jsxs("table",{className:"min-w-max 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((x,b)=>{var h;return i.jsxs("th",{className:"px-3 py-2 text-xs font-semibold text-left text-gray-600 border whitespace-nowrap",children:[(h=x.headerName)!=null?h:String(x.field),x.validate&&i.jsx("span",{className:"ml-1 text-blue-600",children:"*"})]},`${String(x.id)}-${b}`)}),!o&&i.jsx("th",{className:"w-10 px-2 py-2 border"})]})}),i.jsx("tbody",{children:a.length>0?a.map(x=>i.jsx(Ga,{row:x,columns:s,isReadOnly:o,editingCell:r,setEditingCell:d,handleCellChange:g,debouncedValidate:()=>{},getValidationStatus:w,deleteRow:f},x.id)):i.jsx("tr",{children:i.jsx("td",{colSpan:s.length+(o?0:1),className:"p-2 text-xs text-center text-gray-400",children:"No data available"})})})]})})]})}function za({element:e,validationData:n}){const{register:o=()=>({}),setValue:s,watch:a,isReadOnly:t}=n||{},r=a&&a(e==null?void 0:e.id)||[];m.useEffect(()=>{o(e.id)},[e.id,o]);const d=m.useCallback(l=>{s==null||s(e.id,l)},[e.id,s]);return i.jsx(Ra,{value:r,onChange:d,columns:e==null?void 0:e.dataColumns,isReadOnly:t})}const vn=({className:e="",options:n=[],placeholder:o="Select",errors:s,register:a,setValue:t,name:r,label:d,value:l,trigger:c,isMultiple:u=!1,isFloatingLabel:g=!1,subText:p,labelClass:f="",loading:w,disabled:x})=>{const[b,h]=m.useState(u?[]:null),y=q("custom-select__control",e),N=m.useMemo(()=>n,[n]);return m.useEffect(()=>{const A=n==null?void 0:n.find(S=>{var k;return typeof S.value=="string"&&typeof l=="string"?S.value.toLowerCase()===l.toLowerCase():typeof S.value=="object"&&typeof l=="object"?((k=S.value)==null?void 0:k.id)===(l==null?void 0:l.id):S.value===l});h(A||null)},[l,n]),m.useEffect(()=>{b&&t&&a&&(t(r,b==null?void 0:b.value),a(r),c==null||c(r))},[r,b]),i.jsxs("div",{className:"custom-select",children:[d&&!g&&i.jsx("label",{className:"custom-select__label",children:d}),g&&d&&i.jsx("label",{className:q("custom-select__floating-label",f),children:d}),i.jsx(z.Listbox,{value:b,onChange:h,multiple:u,disabled:x,children:i.jsxs("div",{className:"custom-select__wrapper",children:[i.jsxs(z.Listbox.Button,{className:y,disabled:x,children:[w?i.jsx("span",{className:"custom-select__loading",children:"Fetching data..."}):i.jsx("span",{className:"custom-select__value",children:(b==null?void 0:b.label)||i.jsx("span",{className:"custom-select__placeholder",children:o})}),i.jsx("span",{className:"custom-select__icon",children:i.jsx(W,{icon:"lucide:chevron-down"})})]}),i.jsx(z.Transition,{as:m.Fragment,leave:"custom-select__transition",children:i.jsx(z.Listbox.Options,{className:"custom-select__options",anchor:"bottom",children:N==null?void 0:N.map((A,S)=>i.jsx(z.Listbox.Option,{value:A,className:({active:k})=>q("custom-select__option",k&&"custom-select__option--active"),children:({selected:k})=>i.jsx("span",{className:q("custom-select__option-label",k&&"custom-select__option--selected"),children:A.label})},S))})})]})}),p&&!s&&i.jsx("p",{className:"custom-select__subtext",children:p}),s&&i.jsx("span",{className:"custom-select__error",children:s.message})]})},Ha=({element:e,validationData:n})=>{var x;const{register:o=()=>({}),trigger:s,setValue:a,watch:t,isReadOnly:r}=n||{},d=(x=e==null?void 0:e.id)!=null?x:"cascadeValue",[l,c]=m.useState(""),[u,g]=m.useState(""),p=(b,h)=>{const y=b&&h?`${b}_${h}`:"";a==null||a(d,y),s==null||s(d)},f=(b,h)=>{b==="first"?(c(h),g(""),p(h,"")):(g(h),p(l,h))};m.useEffect(()=>{if(t){const b=t(d);if(b!=null&&b.includes("_")){const[h,y]=b.split("_");c(h),g(y)}}},[t,d]);const w=m.useMemo(()=>{var b;return(b=e.options1)==null?void 0:b.filter(h=>h.key===l)},[e.options1,l]);return!e.options||!e.options1?null:i.jsxs("div",{children:[i.jsx("input",{type:"hidden",...o(d)}),i.jsx("div",{className:"relative",children:i.jsx(vn,{setValue:(b,h)=>f("first",h),options:e.options,name:`${d}`,register:o,value:l})}),l&&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(vn,{setValue:(b,h)=>f("second",h),options:w,name:`${d}`,register:o,value:u})]})]})},Fa=({value:e=0,max:n=5,readOnly:o=!1,onChange:s,size:a=24,className:t="",element:r,validationData:d})=>{var h;const{register:l=()=>({}),trigger:c,setValue:u,watch:g,isReadOnly:p}=d||{},f=(h=g==null?void 0:g(r.id))!=null?h:0,[w,x]=m.useState(null);m.useEffect(()=>{f==null&&(u==null||u(r.id,e))},[]);const b=y=>{if(!o&&!p){const N=y+1;u==null||u(r.id,N),c==null||c(r.id),s==null||s(N)}};return i.jsxs("div",{className:`flex gap-1 ${t}`,children:[i.jsx("input",{type:"hidden",...l(r.id)}),Array.from({length:n},(y,N)=>{const A=w!==null?N<=w:N<f;return i.jsx(rn,{icon:A?"mdi:star":"mdi:star-outline",className:`cursor-pointer transition-colors ${A?"text-yellow-400":"text-gray-300"}`,width:a,height:a,onMouseEnter:()=>!(o||p)&&x(N),onMouseLeave:()=>!(o||p)&&x(null),onClick:()=>b(N)},N)})]})};function pn({element:e,validationData:n}){const{register:o=()=>({}),setValue:s,trigger:a,isReadOnly:t,watch:r}=n||{},d=(r==null?void 0:r(e.id))||"",{country:l,state:c}=m.useMemo(()=>{var w;if(typeof d=="string"&&d.includes(",")){const[x,b]=(w=d.split(","))==null?void 0:w.map(h=>h.trim());return{country:b,state:x}}return{country:d,state:""}},[d]),u=m.useRef(d),g=m.useMemo(()=>{var w,x;return l?((x=(w=We.find(b=>b.name===l))==null?void 0:w.states)==null?void 0:x.map(b=>({label:b.name,value:b.name})))||[]:[]},[l]),p=(w,x)=>{const h=(x==null?void 0:x.value)||"";s&&h!==u.current&&(s(e.id,h),a==null||a(e.id),u.current=h)},f=(w,x)=>{const b=(x==null?void 0:x.value)||"",h=b?`${b}, ${l}`:l;s&&h!==u.current&&(s(e.id,h),a==null||a(e.id),u.current=h)};return m.useEffect(()=>{u.current=d},[d]),i.jsxs("div",{className:"grid gap-y-6",children:[i.jsx("input",{type:"hidden",...o(e.id)}),i.jsx(ci,{options:e.options,onGetValue:p,name:`${e.id}-country`,readOnly:t,defaultValue:l},`country-${l}`),g.length>0&&e.showState&&i.jsxs("div",{children:[i.jsx("label",{className:"block text-sm font-medium mb-1.5 input_label",children:"State"}),i.jsx(ci,{options:g,onGetValue:f,name:`${e.id}-state`,readOnly:t,defaultValue:c},`state-${c}`)]})]})}function Va({element:e,validationData:n}){const{register:o=()=>({}),isReadOnly:s}=n||{},{validationUrl:a,documentObj:t,signatureLink:r}=e,d=m.useMemo(()=>pe("config"),[]),[l,c]=m.useState(!1),[u,g]=m.useState(!1),p=m.useCallback(async()=>{var f,w;if(!(!a||!t))try{g(!0);const b={headers:{Authorization:`Bearer ${pe("token")}`}},{data:h}=await _e.get(`${a}/${t}`,b),y=!!((w=(f=h==null?void 0:h.data)==null?void 0:f.isSigned)!=null?w:h!=null&&h.isSigned);return c(y),y}catch(x){console.error("Failed to check sign status",x)}finally{g(!1)}},[a,t]);return m.useEffect(()=>{let f=null;return!l&&t&&a&&(async()=>{await p()||(f=setInterval(async()=>{await p()&&f&&clearInterval(f)},2e3))})(),()=>{f&&clearInterval(f)}},[p,l,t,a]),i.jsxs("div",{className:"flex items-center gap-x-2",children:[i.jsx("input",{placeholder:e.placeholder,type:e.inputType,className:q("field-control",e.customClass),...o(e.id),disabled:s}),i.jsx("a",{href:l?"#":r,children:i.jsxs("button",{type:"button",onClick:p,disabled:u||l,style:{background:(d==null?void 0:d.buttonColor)||"#333"},className:q("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":u}),children:[i.jsx(W,{icon:u?"solar:refresh-outline":l?"solar:check-circle-bold":"solar:pen-2-line-duotone",iconClass:u?"animate-spin":""}),u?"Checking...":l?"Signed":"Sign"]})})]})}const gi=[{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 Wa({label:e,placeholder:n,classLabel:o,isRequired:s,isOptional:a,name:t,value:r,error:d,disabled:l,readOnly:c,horizontal:u,description:g,validate:p,onChange:f,onError:w}){const[x,b]=m.useState(""),[h,y]=m.useState(null),[N,A]=m.useState(""),S=m.useMemo(()=>{var B;return(B=gi==null?void 0:gi.slice().sort((F,D)=>F.label.localeCompare(D.label)))==null?void 0:B.map(F=>({...F,phone:`+${F.phone}`}))},[]),k=m.useMemo(()=>x?S.filter(B=>`${B.label} ${B.phone}`.toLowerCase().includes(x.toLowerCase())):S,[x,S]),j=(h==null?void 0:h.min)||10,I=(h==null?void 0:h.max)||10,X=()=>N?`${(h==null?void 0:h.phone)||"+234"}-${N}`:"",U=B=>{if(!B)return{code:"+234",number:""};const F=B.split(/[-\s]/);return{code:F[0],number:F.slice(1).join(" ")}};m.useEffect(()=>{if(r){const B=U(r);y(S.find(F=>F.phone===B.code)||S[0]),A(B.number)}},[r,S]);const Z=m.useMemo(()=>{if(d)return d;const B=N.length;return s&&B===0?"Phone number is required":B>0&&!/^\d+$/.test(N)?"Phone number must contain only digits":B>0&&B<j?`Minimum length is ${j}`:B>I?`Maximum length is ${I}`:""},[d,N,j,I,s]);return m.useEffect(()=>{f==null||f(X()),w==null||w(Z||null)},[N,h,Z]),i.jsxs("div",{className:`relative formGroup ${Z&&!c?"has-error":""} ${u?"flex":""} ${!Z&&N.length>0&&!c?"is-valid":""}`,children:[e&&i.jsxs("label",{htmlFor:t,className:`${o} ${u?"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:"*"}),a&&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(W,{icon:"lucide:phone-call"}),i.jsx(z.Combobox,{value:h,onChange:y,children:i.jsxs("div",{className:"relative",children:[i.jsx(z.Combobox.Input,{className:"pl-3 pr-4 mr-1 text-sm bg-white py-[10px] outline-none whitespace-nowrap max-w-[70px]",displayValue:B=>(B==null?void 0:B.phone)||"+234",placeholder:"+234",onChange:B=>b(B.target.value)}),i.jsx(z.Combobox.Button,{className:"absolute inset-y-0 right-0 flex items-center pr-2",children:i.jsx(W,{icon:"lucide:chevron-down"})}),i.jsx(z.Combobox.Options,{className:"absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto",children:k==null?void 0:k.map((B,F)=>i.jsxs(z.Combobox.Option,{value:B,className:"px-4 py-2 cursor-pointer hover:bg-gray-100",children:[B.phone," - ",B.label]},`${B.code}+ ${F}`))})]})}),i.jsxs("div",{className:"relative flex items-center flex-1 z-[1]",children:[i.jsx("input",{type:"tel",inputMode:"numeric",value:N,disabled:l,readOnly:c,onChange:B=>{const F=B.target.value.replace(/\D/g,"");A(F)},placeholder:n,className:"w-full px-3 outline-none",maxLength:I,minLength:j}),i.jsx("div",{className:"absolute flex text-xl -translate-y-1/2 top-1/2 right-4",children:!Z&&N.length>0&&!c&&i.jsx("span",{className:"text-green-500",children:i.jsx(W,{icon:"bi:check-lg"})})})]})]}),g&&i.jsx("span",{className:"block text-[#475467] font-light leading-4 text-xs mt-2",children:g})]})}function Ua({element:e,validationData:n}){const{register:o=()=>({}),setValue:s,watch:a,isReadOnly:t,setError:r,clearErrors:d}=n||{};let l;return m.useEffect(()=>{o(e.id)},[e.id,o]),a&&(l=a()[e.id]),i.jsx(Wa,{placeholder:e.placeholder,label:"",name:e.id,value:l,readOnly:t,disabled:t,onError:c=>{c?r==null||r(e.id,{type:"manual",message:c}):d==null||d(e.id)},onChange:c=>{c&&(s==null||s(e.id,c))}})}function qa({element:e,validationData:n}){var c;const{register:o=()=>({}),watch:s}=n||{};let a="";s&&(a=(c=s()[e.id])!=null?c:"");const t=a.trim(),r=/^https?:\/\//i.test(t),d=t?r?t:`https://${t}`:"",l=!r;return i.jsxs("div",{children:[!(n!=null&&n.isReadOnly)&&i.jsxs("div",{className:"relative",children:[l&&i.jsx("span",{className:"text-sm absolute left-4 top-1/2 -translate-y-1/2 text-gray-500 pointer-events-none select-none",children:"https://"}),i.jsx("input",{placeholder:(e==null?void 0:e.placeholder)||"Enter Url link",type:"text",className:q("field-control",l&&"!pl-16",e==null?void 0:e.customClass),...o(e==null?void 0:e.id),disabled:n==null?void 0:n.isReadOnly})]}),t?i.jsx("div",{className:n!=null&&n.isReadOnly?"field-control !bg-gray-50 mt-1":"mt-1 text-xs",children:i.jsx("a",{title:"Visit link",target:"_blank",rel:"noopener noreferrer",className:"hover:underline text-blue-700 break-all",href:d,children:t})}):(n==null?void 0:n.isReadOnly)&&i.jsx("div",{className:"field-control !bg-gray-50 mt-1 text-gray-400 text-sm",children:"No link provided"})]})}const gn={textField:Xe,longText:ia,selectField:ea,multiSelect:ui,numberField:Xe,amountField:Ca,date:Fn,password:Zo,checkbox:Xo,radio:$o,email:Xe,file:Yo,dataGrid:za,section:Qo,validateInput:Ta,tableInput:La,spacer:Pa,divider:Da,header:Ia,basicText:Oa,phoneField:Ua,cascadeSelect:Ha,rating:Fa,country:pn,bank:pn,document:Va,url:qa},hn="edit",Ja=(e,n)=>{const o=gn[e.type];return o?i.jsx(pi,{element:e,state:hn,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(o,{element:e,state:hn,sectionId:n})]})}):null},hi=({col:e,children:n,customClass:o})=>i.jsx("div",{className:q("w-full bg-white",o),style:{gridColumn:e},children:n}),Ya=({element:e,sectionId:n,children:o,customClass:s,state:a,draggedElementId:t})=>{const{formData:r,addElement:d,setIsDragging:l,moveElement:c,isDragging:u,removeElement:g}=m.useContext(ve),p=m.useMemo(()=>Array.from({length:e.columns}),[e.columns]),[f,w]=m.useState(null);m.useEffect(()=>{const A=()=>{w(null),l(!1)};return document.addEventListener("dragend",A),()=>document.removeEventListener("dragend",A)},[l]);const x=m.useCallback((A,S)=>{A.preventDefault(),A.stopPropagation(),A.dataTransfer.dropEffect="move",w(S)},[]),b=m.useCallback((A,S)=>{A.preventDefault(),A.stopPropagation(),w(S)},[]),h=m.useCallback((A,S)=>{const k=A.relatedTarget;k&&A.currentTarget.contains(k)||w(j=>j===S?null:j)},[]),y=m.useCallback((A,S)=>{var I;A.preventDefault(),A.stopPropagation(),l(!1),w(null);const k=S+1,j=A.dataTransfer.getData("elementId");if(j){c({draggedId:j,sectionId:n,targetGridId:e.id,targetCol:k});return}try{const X=A.dataTransfer.getData("properties");if(!X)return;const U=JSON.parse(X);if((U==null?void 0:U.type)==="grid")return;const Z=r.find(D=>D.id===n),B=(I=Z==null?void 0:Z.questionData)==null?void 0:I.find(D=>{var K;return D.gridId===e.id&&((K=D.gridPosition)==null?void 0:K.col)===k});B&&g(B.id,n);const F={...U,id:fe.v4(),sectionId:n,gridId:e.id,gridPosition:{col:k}};d(F,n)}catch(X){console.error("Drop failed in grid:",X),l(!1)}},[d,e.id,r,n,l,c]),N=(A,S,k)=>{var K,G,P;const j=A+1,I=(G=(K=r.find(E=>E.id===n))==null?void 0:K.questionData)==null?void 0:G.find(E=>{var T;return E.gridId===e.id&&((T=E.gridPosition)==null?void 0:T.col)===j}),X=(P=I==null?void 0:I.id)!=null?P:null,U=Array.isArray(o)&&o.find(E=>{var T;return((T=E==null?void 0:E.props)==null?void 0:T.col)===j}),Z=u&&f===A,B=!!U,F=u&&!!t,D=B&&X&&k==="edit"?{draggable:!0,onDragStart:E=>{E.stopPropagation(),E.dataTransfer.setData("elementId",X),E.dataTransfer.setData("properties",X),E.dataTransfer.effectAllowed="move",l(!0)},onDragEnd:()=>{w(null),l(!1)}}:{};return i.jsx("div",{children:i.jsxs("div",{id:`grid-cell-${e.id}-${A}`,...D,onDrop:E=>y(E,A),onDragEnter:E=>b(E,A),onDragOver:E=>x(E,A),onDragLeave:E=>h(E,A),className:q("relative border rounded-lg min-h-[110px]","flex items-center justify-center","transition-all duration-200 ease-in-out",k==="edit"?"py-3 ":"",B&&k==="edit"&&"cursor-grab active:cursor-grabbing border-none",S,!F&&!Z&&"bg-white border-gray-200 text-gray-300",F&&!Z&&!B&&"bg-blue-50 border-blue-200 border-dashed text-blue-300",F&&!Z&&B&&"bg-white border-orange-200 border-dashed",Z&&!B&&"bg-blue-100 border-blue-400 border-dashed shadow-inner scale-[1.01] text-blue-500",Z&&B&&"bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"),children:[B&&k==="edit"&&i.jsx("div",{className:"absolute top-1 left-1/2 -translate-x-1/2 flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-gray-100 hover:bg-blue-100 text-gray-400 hover:text-blue-500 cursor-grab active:cursor-grabbing transition-colors z-10 opacity-60 hover:opacity-100 pointer-events-none select-none",children:i.jsx(W,{icon:"ph:dots-six-bold"})}),Z&&!B&&i.jsxs("span",{className:"absolute inset-0 flex flex-col items-center justify-center gap-1 text-blue-400 text-xs font-medium pointer-events-none",children:[i.jsx(W,{icon:"ph:plus-bold"}),"Drop here"]}),Z&&B&&i.jsx("span",{className:"absolute top-1 right-1 text-xs text-orange-400 font-medium pointer-events-none px-1 py-0.5 bg-orange-50 rounded",children:"Replace"}),i.jsx("div",{className:q("w-full select-none",Z&&"opacity-50 pointer-events-none"),children:U||i.jsx("span",{className:"flex items-center justify-center text-gray-300",children:k==="edit"&&i.jsx(W,{icon:"ph:plus-bold"})})})]})},A)};return i.jsx("div",{className:"relative w-full",children:i.jsx("div",{className:"grid w-full gap-3 items-center",style:{gridTemplateColumns:`repeat(${e.columns}, 1fr)`},children:p==null?void 0:p.map((A,S)=>N(S,s,a))})})},fi=m.memo(Ya),Za="edit";function xi({index:e,onDrop:n,onDragEnd:o,isDragging:s}){const[a,t]=m.useState(!1),r=a?52:s?28:4;return i.jsx("div",{onDragEnter:d=>{d.preventDefault(),t(!0)},onDragOver:d=>{d.preventDefault(),d.stopPropagation(),t(!0)},onDragLeave:()=>t(!1),onDrop:d=>{d.preventDefault(),d.stopPropagation(),t(!1),n(d,e)},onDragEnd:()=>{t(!1),o()},style:{height:`${r}px`},className:q("w-full rounded-md flex items-center justify-center","transition-all duration-150 ease-in-out overflow-hidden",a?"bg-blue-50 border-2 border-blue-300 border-dashed":s?"border-2 border-blue-200 border-dashed":"border-2 border-transparent"),children:a&&i.jsxs("span",{className:"flex items-center gap-1 text-blue-500 text-xs font-medium select-none pointer-events-none",children:[i.jsx(W,{icon:"octicon:plus-16"}),"Drop here"]})})}function $a({elementData:e,sectionId:n}){const{formData:o,isDragging:s,setIsDragging:a,addElementInPosition:t,moveElement:r}=m.useContext(ve),[d,l]=m.useState(null),c=m.useMemo(()=>{var h;return((h=o.find(y=>y.id===n))==null?void 0:h.questionData)||[]},[o,n]),u=m.useCallback((h,y)=>{h.dataTransfer.setData("elementId",y),h.dataTransfer.setData("properties",y),h.dataTransfer.effectAllowed="move",l(y),a(!0)},[a]),g=m.useCallback(()=>{l(null),a(!1)},[a]);m.useEffect(()=>{!s&&d&&l(null)},[s,d]);const p=m.useCallback(h=>{h.preventDefault(),h.stopPropagation();const y=h.dataTransfer.getData("elementId"),N=h.currentTarget.id;if(!y||!N||y===N){g();return}const A=c.find(k=>k.id===y),S=c.findIndex(k=>k.id===N);A!=null&&A.gridId&&S!==-1?r({draggedId:y,sectionId:n,targetIndex:S}):r({draggedId:y,sectionId:n,targetId:N}),l(null),a(!1)},[n,r,a,g,c]),f=m.useCallback((h,y)=>{h.preventDefault(),h.stopPropagation(),a(!1);const N=h.dataTransfer.getData("elementId");if(N){r({draggedId:N,sectionId:n,targetIndex:y}),l(null);return}try{const A=JSON.parse(h.dataTransfer.getData("properties"));if((A==null?void 0:A.type)==="section")return;const S={...A,id:fe.v4(),sectionId:n};t(S,n,y),l(null)}catch(A){console.error("Drop error:",A)}},[t,n,a,r]),w=m.useCallback((h,y=!1)=>i.jsx("div",{id:h.id,draggable:!0,onDragStart:N=>u(N,h.id),onDragOver:y?void 0:N=>{N.preventDefault(),N.stopPropagation()},onDrop:y?void 0:p,onDragEnd:g,className:q("cursor-grab active:cursor-grabbing border p-4 w-full rounded-lg","transition-all duration-200 ease-in-out",d===h.id?"opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-300 shadow-inner":d?"bg-white border-dashed border-blue-200 shadow-sm":"bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"),children:Ja(h,n)},h.id),[d,p,n,u,g]),x=m.useMemo(()=>(e==null?void 0:e.reduce((h,y)=>(y.gridId&&(h[y.gridId]=h[y.gridId]||[],h[y.gridId].push(y)),h),{}))||{},[e]);if(!(e!=null&&e.length))return i.jsx("div",{onDragOver:h=>h.preventDefault(),onDrop:h=>f(h,0),onDragEnd:g,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 b=e.filter(h=>!h.gridId);return i.jsxs("div",{className:"relative flex flex-col w-full h-full gap-2",children:[i.jsx(xi,{index:0,isDragging:s,onDrop:f,onDragEnd:g}),b.map(h=>{const y=c.findIndex(N=>N.id===h.id);if(h.type==="grid"){const N=x[h.id]||[],A=d===h.id,S=!!d&&!A;return i.jsxs("div",{className:"flex flex-col gap-0",children:[i.jsx("div",{id:h.id,draggable:!0,onDragStart:k=>u(k,h.id),onDragOver:k=>{k.preventDefault(),k.stopPropagation()},onDrop:p,onDragEnd:g,className:q("w-full p-4 border rounded-lg cursor-grab active:cursor-grabbing","transition-all duration-200 ease-in-out",A?"opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-400 shadow-inner":S?"bg-white border-dashed border-blue-200":"bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"),children:i.jsx(pi,{element:h,state:"edit",children:i.jsx(fi,{element:h,sectionId:n,state:Za,draggedElementId:d,children:N==null?void 0:N.map(k=>{var j;return i.jsx(hi,{col:(j=k.gridPosition)==null?void 0:j.col,children:w(k,!0)},k.id)})})})}),i.jsx(xi,{index:y+1,isDragging:s,onDrop:f,onDragEnd:g})]},h.id)}return i.jsxs("div",{className:"flex flex-col gap-0",children:[w(h),i.jsx(xi,{index:y+1,isDragging:s,onDrop:f,onDragEnd:g})]},h.id)})]})}const Qa=m.memo($a),Xa=M.object({title:M.string(),description:M.string(),disabled:M.boolean().default(!1),isHidden:M.boolean().default(!1)}).required(),yi=pe("config"),es=({isOpen:e,onClose:n,section:o})=>{const{updateSection:s}=m.useContext(ve),{register:a,handleSubmit:t,watch:r,formState:{errors:d,isSubmitting:l,isValid:c},reset:u}=ke.useForm({resolver:mi(Xa),defaultValues:o});if(m.useEffect(()=>{e||u()},[e,u]),!e)return null;const g=f=>{s(f,o.id),n()},p=r();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(W,{icon:"tabler:x"})})]}),i.jsxs("form",{onSubmit:t(g),className:"w-full",children:[i.jsxs("div",{className:"w-full px-6 flex flex-col gap-5 z-10",children:[i.jsx(H,{label:"Title",name:"title",register:a,errors:d,watch:r}),i.jsx(H,{label:"Description",name:"description",register:a,errors:d,watch:r,type:"textarea"}),i.jsx(H,{label:"Disable Section",name:"disabled",register:a,errors:d,watch:r,type:"checkbox",value:p.disabled,description:"Disables all fields in this section"}),i.jsx(H,{label:"Hide Section",name:"isHidden",register:a,errors:d,watch:r,type:"checkbox",value:p.isHidden,description:"Hides this section from the form"})]}),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:!c||l,style:{background:(yi==null?void 0:yi.buttonColor)||"#333"},className:`flex-1 px-4 py-2.5 ${!c||l?"bg-[#F2F4F7]":"bg-[#2563EB]"} ${!c||l?"text-[#98A2B3]":"text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50`,children:l?"Saving...":"Save"})]})]})]})})},is=()=>{const[e,n]=m.useState(!1),o=m.useRef(null),s=m.useRef(null),{removeSection:a,addSection:t,formData:r,setIsDragging:d,setSelectedSection:l,selectedSection:c,activeSections:u,setActiveSections:g}=m.useContext(ve);m.useEffect(()=>{var b;l(((b=r[0])==null?void 0:b.id)||null)},[]);const p=m.useCallback(b=>{b.preventDefault(),b.dataTransfer.dropEffect="move",s.current&&(s.current.scrollTop=s.current.scrollHeight)},[]);function f(b){u.includes(b)?g(h=>h.filter(y=>y!==b)):g(h=>[...h,b])}function w(b){o.current=b,n(!0)}const x=pe("config");return i.jsxs("div",{ref:s,className:"relative flex flex-col h-full pb-5 mx-auto gap-x-4",children:[e&&i.jsx(es,{isOpen:e,onClose:()=>n(!1),section:o.current}),i.jsxs("div",{className:"relative flex flex-col flex-1 w-full gap-y-3",children:[r==null?void 0:r.map((b,h)=>i.jsx("div",{className:"bg-white group cursor-pointer rounded-lg ",children:i.jsxs("div",{className:` border border-gray-200 rounded-lg px-4 shadow-[rgba(149,157,165,0.2)_0px_2px_2px] transition-colors duration-200
57
+ ${c===b.id?" border-blue-200 bg-gray-100":"bg-white"} ${u.includes(h)?"min-h-[300px] pb-6 ":""}`,children:[i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsx("div",{onClick:()=>l(b.id),className:"flex-1 h-full py-4 cursor-pointer",children:i.jsx("h2",{className:"font-medium",children:b.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(b),children:i.jsx(W,{icon:"fluent:edit-28-regular"})}),r.length>1&&i.jsx("button",{type:"button",className:"p-1 text-xs border rounded-lg",onClick:()=>a(b.id),children:i.jsx(W,{icon:"lets-icons:trash-duotone-line"})}),i.jsx("button",{type:"button",className:"p-1 text-xs rounded-lg",onClick:()=>f(h),children:i.jsx(W,{icon:u.includes(h)?"fa6-solid:chevron-up":"fa6-solid:chevron-down",iconClass:"text-base"})})]})]}),(b==null?void 0:b.description)&&u.includes(h)&&i.jsx("p",{className:"mt-2 text-sm text-gray-600 text-gray-60",children:b==null?void 0:b.description}),u.includes(h)&&i.jsxs("div",{className:"h-full mt-4 transition-all duration-200",id:b.id,onDragOver:p,onDragEnd:()=>d(!1),onClick:()=>l(b.id),children:[i.jsx("hr",{className:"group-last:hidden"}),i.jsx("div",{className:"h-full mt-4 gap-y-6",children:i.jsx(Qa,{elementData:b.questionData,sectionId:b.id})})]})]})},b.id)),i.jsx("div",{className:"flex justify-center",children:i.jsxs("button",{type:"button",onClick:()=>t(),style:{color:(x==null?void 0:x.buttonColor)||"#333"},className:"text-sm font-medium",children:["+ Add section"," "]})})]})]})},ns=()=>{const{formData:e,uploadUrl:n}=m.useContext(ve),o=pe("config");return i.jsx(ki,{form_data:e,ignoreValidation:!0,config:o,uploadUrl:n,renderType:"multi"})};function os({questionData:e,uploadUrl:n}){const{setFormData:o,addSection:s,setUploadUrl:a,showPreview:t}=m.useContext(ve);m.useEffect(()=>{e&&e.length>0&&o(e)},[e,o]),m.useEffect(()=>{a(n)},[n,a]);const r=m.useCallback(d=>{d.preventDefault();try{const l=JSON.parse(d.dataTransfer.getData("properties"));if((l==null?void 0:l.type)==="section"){s();return}}catch(l){console.error("Drop error:",l)}},[]);return i.jsxs("div",{className:"flex gap-x-6 h-full",children:[i.jsx("div",{onDragOver:d=>d.preventDefault(),onDrop:d=>r(d),className:" h-full overflow-y-auto no-scrollbar max-h-[calc(100vh-80px)] flex-1 form_builder",children:i.jsx(is,{})}),i.jsx(z.Transition,{show:t,as:"div",enter:"transition-all duration-300 ease-in-out origin-right",enterFrom:"opacity-0 w-0 translate-x-10 px-0 overflow-hidden border-transparent shadow-none",enterTo:"opacity-100 w-2/5 translate-x-0",leave:"transition-all duration-300 ease-in-out origin-right",leaveFrom:"opacity-100 w-2/5 translate-x-0",leaveTo:"opacity-0 w-0 translate-x-10 px-0 overflow-hidden border-transparent shadow-none",className:"shrink-0 overflow-y-auto no-scrollbar max-h-[calc(100vh-70px)] form_preview w-2/5",children:i.jsx("div",{className:"px-2 shadow_box min-w-[320px] bg-white border border-gray-100 rounded-lg",children:i.jsx(ns,{})})})]})}const wi=[{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"}],as=()=>{const[e,n]=m.useState(""),{setIsDragging:o,addElement:s,selectedSection:a}=m.useContext(ve),t=m.useCallback((f,w)=>{if(!a){xe.toast.error("Please select a section to add an element.");return}f.dataTransfer.setData("properties",JSON.stringify(w)),f.dataTransfer.effectAllowed="move",o(!0)},[o,a]);function r(f){if(!a){xe.toast.error("Please select a section to add an element.");return}const w={...f,id:fe.v4(),sectionId:a};s(w,a)}const d=pe("config")||{},l=d.elementColor,c=d.elementBgColor,u=d.elementBorderColor,g=sa.filter(f=>f.label.toLowerCase().includes(e.toLowerCase())),p=wi==null?void 0:wi.map(f=>({title:f.title,elements:g.filter(w=>{var x;return(x=ta[f.key])==null?void 0:x.includes(w.type)})})).filter(f=>f.elements.length>0);return i.jsxs("div",{className:"pt-4 flex flex-col gap-y-6",children:[i.jsx("div",{className:"px-5",children:i.jsx("input",{className:"field-control",placeholder:"Search",value:e,onChange:f=>n(f.target.value),name:"search",id:"search"})}),i.jsx("div",{className:"flex-1 overflow-y-auto no-scrollbar max-h-[calc(100vh-100px)]",children:i.jsx("ul",{className:"grid gap-y-5 mt-3 px-5 ",children:p==null?void 0:p.map((f,w)=>{var x;return i.jsxs("li",{children:[i.jsx("h4",{className:"mb-2 text-[11px] font-bold text-gray-500 uppercase",children:f.title}),i.jsx("ul",{className:"grid grid-cols-2 gap-y-3 gap-x-4 mb-3",children:(x=f.elements)==null?void 0:x.map(b=>i.jsx("li",{onDragStart:h=>t(h,b),onDragEnd:()=>o(!1),onClick:()=>r(b),style:{borderColor:u,backgroundColor:c},className:`cursor-move text-[#475467] flex justify-between items-center \r
58
58
  border-[1.5px] border-[#98A2B3] rounded-lg py-2 px-2 shadow-custom\r
59
59
  hover:shadow-lg transition-all duration-200\r
60
- active:opacity-50 element_class`,draggable:!0,children:i.jsxs("span",{className:"flex flex-col items-center justify-center w-full gap-2",children:[i.jsx("span",{style:{color:l},children:i.jsx(W,{icon:b.icon,iconClass:"w-6 h-6"})}),i.jsx("span",{style:{color:l},className:"text-xs font-medium ",children:b.label})]})},b.type))})]},w)})})})]})},ss=m.memo(as),Ne=({text:e="",isDisabled:n=!1,isLoading:o=!1,btnClass:s="bg-primary-500 text-white",icon:a="",iconPosition:t="left",iconClass:r="text-[20px]",loadingClass:d="",link:l="",div:c=!1,type:u="button",style:g,onClick:p})=>{const f=q("btn inline-flex justify-center",{"pointer-events-none":o,"opacity-40 cursor-not-allowed":n},s),w=()=>o?i.jsxs(i.Fragment,{children:[i.jsxs("svg",{className:`animate-spin -ml-1 mr-3 h-5 w-5 ${d}`,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:[a&&t==="left"&&i.jsx("span",{className:`mr-[6px] ${r}`,children:i.jsx(W,{icon:a})}),e&&i.jsx("span",{children:e}),a&&t==="right"&&i.jsx("span",{className:`ml-[6px] ${r}`,children:i.jsx(W,{icon:a})})]});return c?i.jsx("div",{className:f,children:w()}):l?i.jsx(Kn.Link,{to:l,className:f,children:w()}):i.jsx("button",{disabled:n,type:u,className:f,"data-testid":"btn",onClick:p,style:g,children:w()})};function ts(){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 ls=({isOpen:e,onClose:n})=>{const{formData:o,uploadUrl:s}=m.useContext(ve);if(!e)return null;const a=pe("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(ts,{})})," ",i.jsx("div",{className:"max-h-[80vh] overflow-y-auto h-max w-full max-w-[650px] min-w-0 border border-[#D5D9EB] rounded-lg bg-white form_submit",children:i.jsx(ki,{form_data:o,ignoreValidation:!0,config:a,uploadUrl:s})})]})};function ds(){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 rs({title:e,goBackUrl:n,onSubmit:o,onPublish:s,previewLoading:a,saveLoading:t,publishLoading:r,onTitleChange:d}){const{formData:l,setShowPreview:c}=m.useContext(ve),[u,g]=m.useState(!1),[p,f]=m.useState(!1),[w,x]=m.useState(e||""),b=pe("config");function h(){localStorage.setItem("formData",JSON.stringify(l)),o==null||o(l)}function y(){localStorage.setItem("formData",JSON.stringify(l)),s==null||s(l)}function N(){f(!1),d&&w!==e&&d(w.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:(b==null?void 0:b.buttonColor)||"#333"},className:"flex items-center gap-x-3",children:i.jsx(ds,{})})," ",p?i.jsx("input",{type:"text",value:w,onChange:A=>x(A.target.value),onBlur:N,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:()=>f(!0),children:w||"Untitled"})]}),u&&i.jsx(ls,{isOpen:u,onClose:()=>g(!1),element:void 0}),i.jsxs("div",{className:"flex justify-end text-xs gap-x-3",children:[i.jsx(Ne,{onClick:()=>c(A=>!A),text:"Preview",btnClass:"px-2 bg-transparent font-medium text-sm form_preview",icon:"solar:eye-bold-duotone",iconClass:"text-base",style:{color:(b==null?void 0:b.buttonColor)||"#333"},isDisabled:a,isLoading:a}),i.jsx(Ne,{onClick:h,text:"Save",btnClass:"px-2 bg-transparent font-medium text-sm form_save__btn",icon:"lets-icons:save-duotone",iconClass:"text-base",style:{color:(b==null?void 0:b.buttonColor)||"#333"},isDisabled:t,isLoading:t}),i.jsx(Ne,{onClick:y,text:"Publish",style:{background:(b==null?void 0:b.buttonColor)||"#333"},btnClass:"border-[#98A2B3] font-medium text-sm py-[8px] px-6 text-white rounded-lg form_publish__btn",isDisabled:r,isLoading:r})]})]})}const fn=({loadingClass:e})=>{const n=q("h-full w-full min-h-[300px] flex justify-center items-center",e);return m.useEffect(()=>{const o=pe("config"),s=(o==null?void 0:o.loaderColor)||"#333";document.documentElement.style.setProperty("--loader-color",s)},[]),i.jsx("div",{className:n,children:i.jsx("span",{className:"loader"})})};function us({onSubmit:e,questionData:n,title:o,goBackUrl:s,loading:a,onPublish:t,previewLoading:r,saveLoading:d,publishLoading:l,onTitleChange:c,uploadUrl:u}){return i.jsxs(Ii,{children:[i.jsx(xe.Toaster,{position:"top-right",richColors:!0,closeButton:!0}),i.jsxs("div",{className:"w-full h-full bg-[#F8F9FC] flex flex-col",children:[i.jsx("div",{className:"border-b bg-white border-[#E4E7EC]",children:i.jsx(rs,{title:o,goBackUrl:s,onSubmit:e,onPublish:t,previewLoading:r,saveLoading:d,publishLoading:l,onTitleChange:c})}),i.jsxs("div",{className:"flex flex-1 ",children:[i.jsx("div",{children:i.jsx("div",{className:"w-[270px] h-[calc(100vh-64px)] border-r border-[#E4E7EC] bg-white ",children:i.jsx(ss,{})})}),i.jsx("div",{className:"flex-1 h-full max-h-full z-[1] p-4",children:a?i.jsx(fn,{loadingClass:"!w-full !h-[800px]"}):i.jsx(os,{questionData:n,uploadUrl:u})})]})]})]})}const cs=({onSubmit:e,questionData:n,isReadOnly:o,config:s={buttonColor:"#333"},title:a,loading:t,goBackUrl:r,onPublish:d,previewLoading:l,saveLoading:c,publishLoading:u,onTitleChange:g,uploadUrl:p})=>(m.useEffect(()=>{s&&cn("config",s)},[s]),i.jsx(us,{onSubmit:e,onPublish:d,questionData:n,isReadOnly:o,title:a,goBackUrl:r,loading:t,previewLoading:l,saveLoading:c,publishLoading:u,onTitleChange:g,uploadUrl:p})),Ae={required:"This field is required",email:"Invalid email format",url:"Invalid url 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}`},ms=e=>({textField:M.string().nullable(),longText:M.string().nullable(),numberField:M.number().nullable().transform(o=>isNaN(o)?null:o),amountField:M.number().nullable().transform(o=>isNaN(o)?null:o),selectField:M.string().nullable(),checkbox:M.mixed().nullable(),radio:M.mixed().nullable(),email:M.string().nullable().test("email-format",Ae.email,o=>!o||o.trim()===""?!0:/^[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}$/.test(o)),date:M.date().typeError("Invalid date").nullable(),url:M.string().nullable().test("url-format",Ae.url,o=>!o||o.trim()===""?!0:/^(https?:\/\/)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(\/.*)?$/.test(o))})[e]||M.mixed().nullable(),bs=(e,n,o)=>n?e.type==="boolean"?e.oneOf([!0],o||Ae.required):e.required(o||Ae.required):e,vs=(e,{minLength:n,maxLength:o,minLengthMessage:s,maxLengthMessage:a})=>{let t=e;return n&&(t=t.min(n,s||Ae.minLength(n))),o&&(t=t.max(o,a||Ae.maxLength(o))),t},ps=(e,{minAmount:n,maxAmount:o,minAmountMessage:s,maxAmountMessage:a})=>{let t=e;return n&&(t=t.min(parseFloat(String(n)),s||Ae.minAmount(n))),o&&(t=t.max(parseFloat(String(o)),a||Ae.maxAmount(o))),t};function gs(e){const n={};return e.forEach(({questionData:o})=>{o==null||o.forEach(s=>{const{id:a,type:t,isRequired:r,requiredMessage:d,isDisabled:l}=s;let c=ms(t);c=bs(c,l?!1:r,d),t==="textField"||t==="longText"||t==="email"||t==="url"?c=vs(c,s):(t==="numberField"||t==="amountField")&&(c=ps(c,s)),n[a]=c})}),M.object().shape(n)}const Je=({element:e,validationData:n})=>{const o=gn[e.type],{answerData:s}=m.useContext(ve),a=m.useMemo(()=>{var d;return(d=e==null?void 0:e.acceptedFiles)==null?void 0:d.map(l=>l.label).join(", ")},[e]),t=m.useMemo(()=>(e==null?void 0:e.visibilityDependentFields)||[],[e]),r=m.useMemo(()=>t.length?t.every(d=>{if(!e.isHidden)return!0;const l=s==null?void 0:s[d.id],c=d.fieldValue,u=l;switch(d.operator){case"equals":return String(c).toLowerCase()===String(u).toLowerCase();case"not_equals":return String(c).toLowerCase()!==String(u).toLowerCase();case"greater":return Number(u)>Number(c);case"less":return Number(u)<Number(c);case"contains":return String(u).toLowerCase().includes(String(c).toLowerCase());case"not_contains":return!String(u).toLowerCase().includes(String(c).toLowerCase());default:return!0}}):!0,[t,s,e]);return o?i.jsxs("div",{className:r?"":"invisible h-0",children:[i.jsxs("div",{className:"mb-1.5",children:[e.inputLabel&&i.jsxs("label",{className:"block text-sm font-medium input_label",children:[e.inputLabel," ",a&&i.jsxs("span",{className:"text-gray-400 text-xs",children:["(",a==null?void 0:a.toLowerCase(),")"]})]}),e.description&&i.jsxs("small",{className:"block text-gray-400 mt-0.5 text-xs",children:[" ",e.description]})]}),i.jsx(o,{element:e,state:"edit",validationData:{...n,isReadOnly:n.isReadOnly||e.isDisabled}})]}):null},Ye=(e,n)=>e!=null&&e.allowEdit?{...n,isReadOnly:!1}:n;function hs({form_data:e,options:n}){const o=(a,t)=>i.jsx(fi,{element:a,customClass:"p-0 min-h-[60px] border-none",children:t==null?void 0:t.map(r=>{var d,l,c;return i.jsxs(hi,{col:(d=r.gridPosition)==null?void 0:d.col,customClass:"p-0",children:[i.jsx(Je,{element:r,validationData:Ye(r,n)}),((c=(l=n==null?void 0:n.errors)==null?void 0:l[r.id])==null?void 0:c.message)&&i.jsx("div",{className:"mt-1 text-xs text-red-600",children:n.errors[r.id].message})]},r.id)})},a.id),s=a=>{var t,r;return i.jsxs("div",{className:q("group relative grid gap-y-[6px]",a.elementClass),children:[i.jsx(Je,{element:a,validationData:Ye(a,n)}),((r=(t=n==null?void 0:n.errors)==null?void 0:t[a.id])==null?void 0:r.message)&&i.jsx("div",{className:"mt-1 text-xs text-red-600",children:n.errors[a.id].message})]},a.id)};return i.jsx("div",{className:"grid gap-y-10",children:e==null?void 0:e.map(a=>{var r,d;const t=new Map;return(r=a.questionData)==null||r.forEach(l=>{l.gridId&&(t.has(l.gridId)||t.set(l.gridId,[]),t.get(l.gridId).push(l))}),i.jsxs("div",{className:"pb-6 section_box",children:[(a.title||a.description)&&i.jsxs("div",{className:"py-4 border-b border-gray-100 mb-7 section_box__title",children:[a.title&&i.jsx("h2",{className:"text-lg font-semibold mb-[4px]",children:a.title}),a.description&&i.jsx("p",{className:"text-sm",children:a.description})]}),i.jsx("div",{className:"grid gap-y-6 section_box__content",children:(d=a.questionData)==null?void 0:d.map(l=>l.gridId?null:l.type==="grid"?o(l,t.get(l.id)||[]):s(l))})]},a.id)})})}function fs({form_data:e,options:n,current:o}){var s;return i.jsx("div",{className:"grid gap-y-3 multi_section__content",children:(s=e[o].questionData)==null?void 0:s.map(a=>{var t,r;if(a.type==="grid"){const d=e[o].questionData.filter(l=>l.gridId===a.id);return i.jsx(fi,{element:a,customClass:"p-0 min-h-[60px] border-none",children:d==null?void 0:d.map(l=>{var c,u,g;return i.jsxs(hi,{col:(c=l.gridPosition)==null?void 0:c.col,customClass:"p-0",children:[i.jsx(Je,{element:l,validationData:Ye(l,n)}),i.jsx("div",{className:"mt-1 text-xs text-red-600",children:(g=(u=n==null?void 0:n.errors)==null?void 0:u[l.id])==null?void 0:g.message})]},l.id)})},a.id)}return a.gridId?null:i.jsxs("div",{className:q("group relative grid gap-y-[6px]",a.elementClass),children:[i.jsx(Je,{element:a,validationData:Ye(a,n)}),i.jsx("div",{className:"mt-1 text-xs text-red-600",children:(r=(t=n==null?void 0:n.errors)==null?void 0:t[a.id])==null?void 0:r.message})]},a.id)})})}function xs(e){return e.reduce((n,o)=>(n[o.id]=o.value,n),{})}const ys=({form_data:e,answerData:n=[],ignoreValidation:o=!1,onSubmitData:s,onGetValues:a,isReadOnly:t=!1,renderType:r="multi",children:d,hideFooter:l=!1,uploadUrl:c})=>{var ee,oe,me,ce,L,O,Q,se;const{setAnswerData:u,setUploadUrl:g}=m.useContext(ve),[p,f]=m.useState(0),w=m.useMemo(()=>e.filter(J=>!J.isHidden).map(J=>{var be;return J.isDisabled||J.disabled?{...J,questionData:(be=J.questionData)==null?void 0:be.map(ye=>({...ye,isDisabled:!0}))}:J}),[e]),x=(ee=w==null?void 0:w.length)!=null?ee:0,b=pe("config"),h=m.useMemo(()=>gs(w),[w]),y=ke.useForm({resolver:mi(h),mode:"onSubmit",defaultValues:{}}),{register:N,setValue:A,control:S,handleSubmit:k,reset:j,getValues:I,watch:X,formState:{errors:U,isSubmitting:Z},trigger:B,setError:F,clearErrors:D}=y,K=ke.useWatch({control:S}),G=m.useMemo(()=>K,[JSON.stringify(K)]),P=m.useCallback(J=>{a&&a(J)},[a]);m.useEffect(()=>{g(c)},[g,c]),m.useEffect(()=>{if(!(w!=null&&w.length)||!a)return;const J=w.flatMap(ae=>{var be;return(be=ae.questionData)==null?void 0:be.map(ye=>({id:ye.id,value:G[ye.id]||"",sectionId:ae.id,type:ye.type,metaData:{prefix:ye.prefix}}))});P(J),u(G)},[G,w,P,a,u]),m.useEffect(()=>{n!=null&&n.length&&j(xs(n))},[n,j]);const E=m.useCallback(J=>{const ae=w.flatMap(be=>{var ye;return(ye=be.questionData)==null?void 0:ye.map(Se=>({id:Se.id,value:J[Se.id]||"",sectionId:be.id,type:Se.type,metaData:{prefix:Se.prefix}}))});Object.keys(U).length>0||s==null||s(ae)},[U,w,s]),T=m.useCallback(async()=>{var J,ae;if(!o){const be=(ae=(J=w==null?void 0:w[p])==null?void 0:J.questionData)==null?void 0:ae.map(Se=>Se.id);if(!await B(be))return}f(be=>be+1)},[p,w,o,B]),V=m.useCallback(()=>{f(J=>J-1)},[]),de=m.useMemo(()=>({register:N,setValue:A,watch:X,errors:U,trigger:B,isSubmitting:Z,isReadOnly:t,getValues:I,setError:F,clearErrors:D}),[N,A,X,U,B,Z,t,I,F,D]);return i.jsxs(ke.FormProvider,{...y,children:[i.jsx(xe.Toaster,{position:"top-right",richColors:!0,closeButton:!0}),i.jsxs("form",{onSubmit:k(E),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:[r==="multi"&&(((oe=w==null?void 0:w[p])==null?void 0:oe.title)||((me=w==null?void 0:w[p])==null?void 0:me.description))&&i.jsxs("div",{className:"py-4 mb-4 border-b border-gray-100 multi_section__title",children:[((ce=w[p])==null?void 0:ce.title)&&i.jsx("h2",{className:"text-lg font-semibold mb-[6px]",children:(L=w[p])==null?void 0:L.title}),((O=w[p])==null?void 0:O.description)&&i.jsx("p",{className:"text-sm",children:(Q=w[p])==null?void 0:Q.description})]}),r==="multi"?i.jsx(fs,{form_data:w,options:de,current:p}):i.jsx(hs,{form_data:w,options:de})]},(se=w==null?void 0:w[p])==null?void 0:se.id)}),!l&&i.jsx("footer",{className:"flex items-center justify-end gap-4 footer flex-wrap",children:r==="multi"?i.jsxs(i.Fragment,{children:[i.jsxs("div",{className:"flex gap-x-4 justify-end navigation_container",children:[p>0&&i.jsx(Ne,{type:"button",text:"Back",onClick:V,btnClass:"text-gray-700 back_btn text-sm border-[#98A2B3] !font-medium !py-[10px] px-10 bg-gray-200 rounded-lg"}),p<x-1&&i.jsx(Ne,{type:"button",text:"Next",onClick:T,style:{background:(b==null?void 0:b.buttonColor)||"#333"},btnClass:"text-gray-700 next_btn text-sm border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg continue_btn"})]}),(p===x-1||t)&&!o&&(d!=null?d:i.jsx(Ne,{isDisabled:Z||Object.keys(U).length>0,isLoading:Z,type:"submit",text:"Submit",style:{background:(b==null?void 0:b.buttonColor)||"#333"},btnClass:"text-gray-700 border-[#98A2B3] submit_btn !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"}))]}):!o&&(d!=null?d:i.jsx(Ne,{isDisabled:Z||Object.keys(U).length>0,isLoading:Z,type:"submit",text:"Submit",style:{background:(b==null?void 0:b.buttonColor)||"#333"},btnClass:"text-gray-700 border-[#98A2B3] submit_btn !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"}))})]})]})},ws=m.memo(ys);function ki({answerData:e,form_data:n,ignoreValidation:o,onSubmit:s,isReadOnly:a=!1,loading:t=!1,config:r={buttonColor:"#333"},renderType:d,children:l,hideFooter:c,onGetValues:u,uploadUrl:g}){m.useEffect(()=>{r&&cn("config",r)},[r]);const p=m.useCallback(f=>{u&&u(f)},[u]);return t?i.jsx(fn,{}):n?i.jsxs("div",{id:"form",className:"w-full h-full",children:[i.jsx("div",{id:"root-portal"}),i.jsx(Ii,{children:i.jsx(ws,{form_data:n,answerData:e,ignoreValidation:o,onSubmitData:s,isReadOnly:a,renderType:d,hideFooter:c,onGetValues:p,uploadUrl:g,children:l})})]}):i.jsx("div",{children:i.jsx("p",{className:"p-6 text-sm text-gray-400",children:"Error: No form data available."})})}le.FormBuilder=cs,le.FormViewer=ki,Object.defineProperty(le,Symbol.toStringTag,{value:"Module"})});
60
+ active:opacity-50 element_class`,draggable:!0,children:i.jsxs("span",{className:"flex flex-col items-center justify-center w-full gap-2",children:[i.jsx("span",{style:{color:l},children:i.jsx(W,{icon:b.icon,iconClass:"w-6 h-6"})}),i.jsx("span",{style:{color:l},className:"text-xs font-medium ",children:b.label})]})},b.type))})]},w)})})})]})},ss=m.memo(as),Ne=({text:e="",isDisabled:n=!1,isLoading:o=!1,btnClass:s="bg-primary-500 text-white",icon:a="",iconPosition:t="left",iconClass:r="text-[20px]",loadingClass:d="",link:l="",div:c=!1,type:u="button",style:g,onClick:p})=>{const f=q("btn inline-flex justify-center",{"pointer-events-none":o,"opacity-40 cursor-not-allowed":n},s),w=()=>o?i.jsxs(i.Fragment,{children:[i.jsxs("svg",{className:`animate-spin -ml-1 mr-3 h-5 w-5 ${d}`,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:[a&&t==="left"&&i.jsx("span",{className:`mr-[6px] ${r}`,children:i.jsx(W,{icon:a})}),e&&i.jsx("span",{children:e}),a&&t==="right"&&i.jsx("span",{className:`ml-[6px] ${r}`,children:i.jsx(W,{icon:a})})]});return c?i.jsx("div",{className:f,children:w()}):l?i.jsx(Kn.Link,{to:l,className:f,children:w()}):i.jsx("button",{disabled:n,type:u,className:f,"data-testid":"btn",onClick:p,style:g,children:w()})};function ts(){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 ls=({isOpen:e,onClose:n})=>{const{formData:o,uploadUrl:s}=m.useContext(ve);if(!e)return null;const a=pe("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(ts,{})})," ",i.jsx("div",{className:"max-h-[80vh] overflow-y-auto h-max w-full max-w-[650px] min-w-0 border border-[#D5D9EB] rounded-lg bg-white form_submit",children:i.jsx(ki,{form_data:o,ignoreValidation:!0,config:a,uploadUrl:s})})]})};function ds(){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 rs({title:e,goBackUrl:n,onSubmit:o,onPublish:s,previewLoading:a,saveLoading:t,publishLoading:r,onTitleChange:d}){const{formData:l,setShowPreview:c}=m.useContext(ve),[u,g]=m.useState(!1),[p,f]=m.useState(!1),[w,x]=m.useState(e||""),b=pe("config");function h(){localStorage.setItem("formData",JSON.stringify(l)),o==null||o(l)}function y(){localStorage.setItem("formData",JSON.stringify(l)),s==null||s(l)}function N(){f(!1),d&&w!==e&&d(w.trim())}return i.jsxs("div",{className:"px-[30px] py-3 flex justify-between items-center bg-[#F9F9FB] top_bar h-full",children:[i.jsxs("span",{className:"flex items-center gap-x-2",children:[n&&i.jsx("button",{type:"button",onClick:()=>n(),style:{color:(b==null?void 0:b.buttonColor)||"#333"},className:"flex items-center gap-x-3",children:i.jsx(ds,{})})," ",p?i.jsx("input",{type:"text",value:w,onChange:A=>x(A.target.value),onBlur:N,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:()=>f(!0),children:w||"Untitled"})]}),u&&i.jsx(ls,{isOpen:u,onClose:()=>g(!1),element:void 0}),i.jsxs("div",{className:"flex justify-end text-xs gap-x-3",children:[i.jsx(Ne,{onClick:()=>c(A=>!A),text:"Preview",btnClass:"px-2 bg-transparent font-medium text-sm form_preview",icon:"solar:eye-bold-duotone",iconClass:"text-base",style:{color:(b==null?void 0:b.buttonColor)||"#333"},isDisabled:a,isLoading:a}),i.jsx(Ne,{onClick:h,text:"Save",btnClass:"px-2 bg-transparent font-medium text-sm form_save__btn",icon:"lets-icons:save-duotone",iconClass:"text-base",style:{color:(b==null?void 0:b.buttonColor)||"#333"},isDisabled:t,isLoading:t}),i.jsx(Ne,{onClick:y,text:"Publish",style:{background:(b==null?void 0:b.buttonColor)||"#333"},btnClass:"border-[#98A2B3] font-medium text-sm py-[8px] px-6 text-white rounded-lg form_publish__btn",isDisabled:r,isLoading:r})]})]})}const fn=({loadingClass:e})=>{const n=q("h-full w-full min-h-[300px] flex justify-center items-center",e);return m.useEffect(()=>{const o=pe("config"),s=(o==null?void 0:o.loaderColor)||"#333";document.documentElement.style.setProperty("--loader-color",s)},[]),i.jsx("div",{className:n,children:i.jsx("span",{className:"loader"})})};function us({onSubmit:e,questionData:n,title:o,goBackUrl:s,loading:a,onPublish:t,previewLoading:r,saveLoading:d,publishLoading:l,onTitleChange:c,uploadUrl:u}){return i.jsxs(Ii,{children:[i.jsx(xe.Toaster,{position:"top-right",richColors:!0,closeButton:!0}),i.jsx("div",{className:"w-full h-full bg-[#F8F9FC] flex flex-col",children:i.jsxs("div",{className:"flex flex-1 ",children:[i.jsx("div",{children:i.jsx("div",{className:"w-[270px] h-screen border-r border-[#E4E7EC] bg-white ",children:i.jsx(ss,{})})}),i.jsxs("div",{className:"flex-1 h-full max-h-full z-[1]",children:[i.jsx("div",{className:" h-[70px]",children:i.jsx(rs,{title:o,goBackUrl:s,onSubmit:e,onPublish:t,previewLoading:r,saveLoading:d,publishLoading:l,onTitleChange:c})}),i.jsx("div",{className:"p-6 h-[calc(100vh-70px)]",children:a?i.jsx(fn,{loadingClass:"!w-full !h-[800px]"}):i.jsx(os,{questionData:n,uploadUrl:u})})]})]})})]})}const cs=({onSubmit:e,questionData:n,isReadOnly:o,config:s={buttonColor:"#333"},title:a,loading:t,goBackUrl:r,onPublish:d,previewLoading:l,saveLoading:c,publishLoading:u,onTitleChange:g,uploadUrl:p})=>(m.useEffect(()=>{s&&cn("config",s)},[s]),i.jsx(us,{onSubmit:e,onPublish:d,questionData:n,isReadOnly:o,title:a,goBackUrl:r,loading:t,previewLoading:l,saveLoading:c,publishLoading:u,onTitleChange:g,uploadUrl:p})),Ae={required:"This field is required",email:"Invalid email format",url:"Invalid url 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}`},ms=e=>({textField:M.string().nullable(),longText:M.string().nullable(),numberField:M.number().nullable().transform(o=>isNaN(o)?null:o),amountField:M.number().nullable().transform(o=>isNaN(o)?null:o),selectField:M.string().nullable(),checkbox:M.mixed().nullable(),radio:M.mixed().nullable(),email:M.string().nullable().test("email-format",Ae.email,o=>!o||o.trim()===""?!0:/^[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}$/.test(o)),date:M.date().typeError("Invalid date").nullable(),url:M.string().nullable().test("url-format",Ae.url,o=>!o||o.trim()===""?!0:/^(https?:\/\/)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(\/.*)?$/.test(o))})[e]||M.mixed().nullable(),bs=(e,n,o)=>n?e.type==="boolean"?e.oneOf([!0],o||Ae.required):e.required(o||Ae.required):e,vs=(e,{minLength:n,maxLength:o,minLengthMessage:s,maxLengthMessage:a})=>{let t=e;return n&&(t=t.min(n,s||Ae.minLength(n))),o&&(t=t.max(o,a||Ae.maxLength(o))),t},ps=(e,{minAmount:n,maxAmount:o,minAmountMessage:s,maxAmountMessage:a})=>{let t=e;return n&&(t=t.min(parseFloat(String(n)),s||Ae.minAmount(n))),o&&(t=t.max(parseFloat(String(o)),a||Ae.maxAmount(o))),t};function gs(e){const n={};return e.forEach(({questionData:o})=>{o==null||o.forEach(s=>{const{id:a,type:t,isRequired:r,requiredMessage:d,isDisabled:l}=s;let c=ms(t);c=bs(c,l?!1:r,d),t==="textField"||t==="longText"||t==="email"||t==="url"?c=vs(c,s):(t==="numberField"||t==="amountField")&&(c=ps(c,s)),n[a]=c})}),M.object().shape(n)}const Je=({element:e,validationData:n})=>{const o=gn[e.type],{answerData:s}=m.useContext(ve),a=m.useMemo(()=>{var d;return(d=e==null?void 0:e.acceptedFiles)==null?void 0:d.map(l=>l.label).join(", ")},[e]),t=m.useMemo(()=>(e==null?void 0:e.visibilityDependentFields)||[],[e]),r=m.useMemo(()=>t.length?t.every(d=>{if(!e.isHidden)return!0;const l=s==null?void 0:s[d.id],c=d.fieldValue,u=l;switch(d.operator){case"equals":return String(c).toLowerCase()===String(u).toLowerCase();case"not_equals":return String(c).toLowerCase()!==String(u).toLowerCase();case"greater":return Number(u)>Number(c);case"less":return Number(u)<Number(c);case"contains":return String(u).toLowerCase().includes(String(c).toLowerCase());case"not_contains":return!String(u).toLowerCase().includes(String(c).toLowerCase());default:return!0}}):!0,[t,s,e]);return o?i.jsxs("div",{className:r?"":"invisible h-0",children:[i.jsxs("div",{className:"mb-1.5",children:[e.inputLabel&&i.jsxs("label",{className:"block text-sm font-medium input_label",children:[e.inputLabel," ",a&&i.jsxs("span",{className:"text-gray-400 text-xs",children:["(",a==null?void 0:a.toLowerCase(),")"]})]}),e.description&&i.jsxs("small",{className:"block text-gray-400 mt-0.5 text-xs",children:[" ",e.description]})]}),i.jsx(o,{element:e,state:"edit",validationData:{...n,isReadOnly:n.isReadOnly||e.isDisabled}})]}):null},Ye=(e,n)=>e!=null&&e.allowEdit?{...n,isReadOnly:!1}:n;function hs({form_data:e,options:n}){const o=(a,t)=>i.jsx(fi,{element:a,customClass:"p-0 min-h-[60px] border-none",children:t==null?void 0:t.map(r=>{var d,l,c;return i.jsxs(hi,{col:(d=r.gridPosition)==null?void 0:d.col,customClass:"p-0",children:[i.jsx(Je,{element:r,validationData:Ye(r,n)}),((c=(l=n==null?void 0:n.errors)==null?void 0:l[r.id])==null?void 0:c.message)&&i.jsx("div",{className:"mt-1 text-xs text-red-600",children:n.errors[r.id].message})]},r.id)})},a.id),s=a=>{var t,r;return i.jsxs("div",{className:q("group relative grid gap-y-[6px]",a.elementClass),children:[i.jsx(Je,{element:a,validationData:Ye(a,n)}),((r=(t=n==null?void 0:n.errors)==null?void 0:t[a.id])==null?void 0:r.message)&&i.jsx("div",{className:"mt-1 text-xs text-red-600",children:n.errors[a.id].message})]},a.id)};return i.jsx("div",{className:"grid gap-y-10",children:e==null?void 0:e.map(a=>{var r,d;const t=new Map;return(r=a.questionData)==null||r.forEach(l=>{l.gridId&&(t.has(l.gridId)||t.set(l.gridId,[]),t.get(l.gridId).push(l))}),i.jsxs("div",{className:"pb-6 section_box",children:[(a.title||a.description)&&i.jsxs("div",{className:"py-4 border-b border-gray-100 mb-7 section_box__title",children:[a.title&&i.jsx("h2",{className:"text-lg font-semibold mb-[4px]",children:a.title}),a.description&&i.jsx("p",{className:"text-sm",children:a.description})]}),i.jsx("div",{className:"grid gap-y-6 section_box__content",children:(d=a.questionData)==null?void 0:d.map(l=>l.gridId?null:l.type==="grid"?o(l,t.get(l.id)||[]):s(l))})]},a.id)})})}function fs({form_data:e,options:n,current:o}){var s;return i.jsx("div",{className:"grid gap-y-3 multi_section__content",children:(s=e[o].questionData)==null?void 0:s.map(a=>{var t,r;if(a.type==="grid"){const d=e[o].questionData.filter(l=>l.gridId===a.id);return i.jsx(fi,{element:a,customClass:"p-0 min-h-[60px] border-none",children:d==null?void 0:d.map(l=>{var c,u,g;return i.jsxs(hi,{col:(c=l.gridPosition)==null?void 0:c.col,customClass:"p-0",children:[i.jsx(Je,{element:l,validationData:Ye(l,n)}),i.jsx("div",{className:"mt-1 text-xs text-red-600",children:(g=(u=n==null?void 0:n.errors)==null?void 0:u[l.id])==null?void 0:g.message})]},l.id)})},a.id)}return a.gridId?null:i.jsxs("div",{className:q("group relative grid gap-y-[6px]",a.elementClass),children:[i.jsx(Je,{element:a,validationData:Ye(a,n)}),i.jsx("div",{className:"mt-1 text-xs text-red-600",children:(r=(t=n==null?void 0:n.errors)==null?void 0:t[a.id])==null?void 0:r.message})]},a.id)})})}function xs(e){return e.reduce((n,o)=>(n[o.id]=o.value,n),{})}const ys=({form_data:e,answerData:n=[],ignoreValidation:o=!1,onSubmitData:s,onGetValues:a,isReadOnly:t=!1,renderType:r="multi",children:d,hideFooter:l=!1,uploadUrl:c})=>{var ee,oe,me,ce,L,O,Q,se;const{setAnswerData:u,setUploadUrl:g}=m.useContext(ve),[p,f]=m.useState(0),w=m.useMemo(()=>e.filter(J=>!J.isHidden).map(J=>{var be;return J.isDisabled||J.disabled?{...J,questionData:(be=J.questionData)==null?void 0:be.map(ye=>({...ye,isDisabled:!0}))}:J}),[e]),x=(ee=w==null?void 0:w.length)!=null?ee:0,b=pe("config"),h=m.useMemo(()=>gs(w),[w]),y=ke.useForm({resolver:mi(h),mode:"onSubmit",defaultValues:{}}),{register:N,setValue:A,control:S,handleSubmit:k,reset:j,getValues:I,watch:X,formState:{errors:U,isSubmitting:Z},trigger:B,setError:F,clearErrors:D}=y,K=ke.useWatch({control:S}),G=m.useMemo(()=>K,[JSON.stringify(K)]),P=m.useCallback(J=>{a&&a(J)},[a]);m.useEffect(()=>{g(c)},[g,c]),m.useEffect(()=>{if(!(w!=null&&w.length)||!a)return;const J=w.flatMap(ae=>{var be;return(be=ae.questionData)==null?void 0:be.map(ye=>({id:ye.id,value:G[ye.id]||"",sectionId:ae.id,type:ye.type,metaData:{prefix:ye.prefix}}))});P(J),u(G)},[G,w,P,a,u]),m.useEffect(()=>{n!=null&&n.length&&j(xs(n))},[n,j]);const E=m.useCallback(J=>{const ae=w.flatMap(be=>{var ye;return(ye=be.questionData)==null?void 0:ye.map(Se=>({id:Se.id,value:J[Se.id]||"",sectionId:be.id,type:Se.type,metaData:{prefix:Se.prefix}}))});Object.keys(U).length>0||s==null||s(ae)},[U,w,s]),T=m.useCallback(async()=>{var J,ae;if(!o){const be=(ae=(J=w==null?void 0:w[p])==null?void 0:J.questionData)==null?void 0:ae.map(Se=>Se.id);if(!await B(be))return}f(be=>be+1)},[p,w,o,B]),V=m.useCallback(()=>{f(J=>J-1)},[]),de=m.useMemo(()=>({register:N,setValue:A,watch:X,errors:U,trigger:B,isSubmitting:Z,isReadOnly:t,getValues:I,setError:F,clearErrors:D}),[N,A,X,U,B,Z,t,I,F,D]);return i.jsxs(ke.FormProvider,{...y,children:[i.jsx(xe.Toaster,{position:"top-right",richColors:!0,closeButton:!0}),i.jsxs("form",{onSubmit:k(E),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:[r==="multi"&&(((oe=w==null?void 0:w[p])==null?void 0:oe.title)||((me=w==null?void 0:w[p])==null?void 0:me.description))&&i.jsxs("div",{className:"py-4 mb-4 border-b border-gray-100 multi_section__title",children:[((ce=w[p])==null?void 0:ce.title)&&i.jsx("h2",{className:"text-lg font-semibold mb-[6px]",children:(L=w[p])==null?void 0:L.title}),((O=w[p])==null?void 0:O.description)&&i.jsx("p",{className:"text-sm",children:(Q=w[p])==null?void 0:Q.description})]}),r==="multi"?i.jsx(fs,{form_data:w,options:de,current:p}):i.jsx(hs,{form_data:w,options:de})]},(se=w==null?void 0:w[p])==null?void 0:se.id)}),!l&&i.jsx("footer",{className:"flex items-center justify-end gap-4 footer flex-wrap",children:r==="multi"?i.jsxs(i.Fragment,{children:[i.jsxs("div",{className:"flex gap-x-4 justify-between navigation_container w-full",children:[i.jsxs("div",{children:[" ",p>0&&i.jsx(Ne,{type:"button",text:"Back",onClick:V,btnClass:"text-gray-700 back_btn text-sm border-[#98A2B3] !font-medium !py-[10px] px-10 bg-gray-200 rounded-lg"})]}),p<x-1&&i.jsx(Ne,{type:"button",text:"Next",onClick:T,style:{background:(b==null?void 0:b.buttonColor)||"#333"},btnClass:"text-gray-700 next_btn text-sm border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg continue_btn"})]}),(p===x-1||t)&&!o&&(d!=null?d:i.jsx(Ne,{isDisabled:Z||Object.keys(U).length>0,isLoading:Z,type:"submit",text:"Submit",style:{background:(b==null?void 0:b.buttonColor)||"#333"},btnClass:"text-gray-700 border-[#98A2B3] submit_btn !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"}))]}):!o&&(d!=null?d:i.jsx(Ne,{isDisabled:Z||Object.keys(U).length>0,isLoading:Z,type:"submit",text:"Submit",style:{background:(b==null?void 0:b.buttonColor)||"#333"},btnClass:"text-gray-700 border-[#98A2B3] submit_btn !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"}))})]})]})},ws=m.memo(ys);function ki({answerData:e,form_data:n,ignoreValidation:o,onSubmit:s,isReadOnly:a=!1,loading:t=!1,config:r={buttonColor:"#333"},renderType:d,children:l,hideFooter:c,onGetValues:u,uploadUrl:g}){m.useEffect(()=>{r&&cn("config",r)},[r]);const p=m.useCallback(f=>{u&&u(f)},[u]);return t?i.jsx(fn,{}):n?i.jsxs("div",{id:"form",className:"w-full h-full",children:[i.jsx("div",{id:"root-portal"}),i.jsx(Ii,{children:i.jsx(ws,{form_data:n,answerData:e,ignoreValidation:o,onSubmitData:s,isReadOnly:a,renderType:d,hideFooter:c,onGetValues:p,uploadUrl:g,children:l})})]}):i.jsx("div",{children:i.jsx("p",{className:"p-6 text-sm text-gray-400",children:"Error: No form data available."})})}le.FormBuilder=cs,le.FormViewer=ki,Object.defineProperty(le,Symbol.toStringTag,{value:"Module"})});