reso-ui 1.16.0 → 1.17.0

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.
package/dist/lib.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see lib.js.LICENSE.txt */
2
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["reso-ui"]=t(require("react")):e["reso-ui"]=t(e.React)}(this,(e=>(()=>{var t={440:t=>{"use strict";t.exports=e},84:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=l(e,a(n)))}return e}function a(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return o.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=l(t,n));return t}function l(e,t){return t?e?e+" "+t:e+t:e}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,r),a.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{"use strict";r.r(o),r.d(o,{AboutIcon:()=>te,Back:()=>h,Banner:()=>f,BannerWrapper:()=>g,Button:()=>y,CardContainer:()=>b,CardContent:()=>v,CardSummaryValue:()=>_,CartIcon:()=>St,CenterContainer:()=>w,Checkbox:()=>Qt,ChevronDoubleLeft:()=>de,ChevronDoubleRight:()=>ye,ChevronSingleLeft:()=>oe,ChevronSingleRight:()=>se,ComponentError:()=>C,ControlWrapper:()=>J,DashboardIcon:()=>ve,DefaultTheme:()=>n,DeleteIcon:()=>bt,Dialog:()=>$,DropdownDown:()=>dt,DropdownOption:()=>Rt,DropdownSelect:()=>Wt,DropdownUp:()=>it,EditIcon:()=>yt,Example:()=>B,ExternalLinks:()=>H,Flex:()=>O,Footer:()=>z,FormContainer:()=>X,FullScreenError:()=>q,Hero:()=>A,HomeIcon:()=>we,HorizontalScrollContainer:()=>E,HorizontalScrollItem:()=>S,Icon:()=>V,Image:()=>R,Label:()=>Tt,Loader:()=>N,LoaderIcon:()=>Qe,LoadingContainer:()=>x,LogoutIcon:()=>Ce,Main:()=>P,ModalBody:()=>L,ModalContainer:()=>M,ModalHeader:()=>F,MultiImageViewer:()=>W,NavItem:()=>D,Navbar:()=>T,NumberInput:()=>Yt,OrdersIcon:()=>Ot,PanelContainer:()=>K,PanelRow:()=>Y,PanelTitle:()=>U,ProductsIcon:()=>Ie,ProfileIcon:()=>Fe,QuantityCounter:()=>Q,RadioSelect:()=>Xt,SettingsIcon:()=>Be,StarEmptyIcon:()=>at,StarFullIcon:()=>Je,StarHalf:()=>nt,SubFormContainer:()=>G,SubmitButton:()=>Dt,Text:()=>j,TextArea:()=>Ut,TextInput:()=>Kt,UploadIcon:()=>Re,UsersIcon:()=>De,View:()=>k,numberIsLessThan:()=>kt,numberIsMoreThanOrEqualsTo:()=>Pt,numberIsPositiveInteger:()=>xt,numberIsRequired:()=>Nt,stringHasMaxLength:()=>$t,stringHasMinLength:()=>Ft,stringIsEmail:()=>Mt,stringIsPhoneDefault:()=>Lt,stringIsRequired:()=>It,stringMatchesRegex:()=>qt,useClickOutside:()=>At,useDropdown:()=>Zt,useFormInput:()=>Gt,useRadioSelect:()=>en,useSelectableOptions:()=>Jt,validate:()=>Bt,valueIsNumber:()=>Ct});var e=r(440),t=r.n(e);const n="light";var a=r(84),l=r.n(a);const s=e=>null!=e,i=e=>{const t=Number(e);return s(t)&&"number"==typeof t&&!isNaN(t)},c=e=>s(e)&&"function"==typeof e,m=(e,t)=>{const{ma:n,mv:r,mh:o,mt:a,mb:l,mr:i,ml:c,pa:m,pv:d,ph:u,pt:p,pr:h,pl:y,pb:f}=t;let g={};return s(n)&&(g=Object.assign(Object.assign({},g),{[`spacing-ma-${n}`]:!0})),s(r)&&(g=Object.assign(Object.assign({},g),{[`spacing-mv-${r}`]:!0})),s(o)&&(g=Object.assign(Object.assign({},g),{[`spacing-mh-${o}`]:!0})),s(a)&&(g=Object.assign(Object.assign({},g),{[`spacing-mt-${a}`]:!0})),s(l)&&(g=Object.assign(Object.assign({},g),{[`spacing-mb-${l}`]:!0})),s(i)&&(g=Object.assign(Object.assign({},g),{[`spacing-mr-${i}`]:!0})),s(c)&&(g=Object.assign(Object.assign({},g),{[`spacing-ml-${c}`]:!0})),s(m)&&(g=Object.assign(Object.assign({},g),{[`spacing-pa-${m}`]:!0})),s(d)&&(g=Object.assign(Object.assign({},g),{[`spacing-pv-${d}`]:!0})),s(u)&&(g=Object.assign(Object.assign({},g),{[`spacing-ph-${u}`]:!0})),s(p)&&(g=Object.assign(Object.assign({},g),{[`spacing-pt-${p}`]:!0})),s(f)&&(g=Object.assign(Object.assign({},g),{[`spacing-pb-${f}`]:!0})),s(h)&&(g=Object.assign(Object.assign({},g),{[`spacing-pr-${h}`]:!0})),s(y)&&(g=Object.assign(Object.assign({},g),{[`spacing-pl-${y}`]:!0})),Object.assign(Object.assign({},e),g)},d=(e,t,n)=>{const{disabled:r,no_select:o,width_full:a,width_fit_content:s,position_relative:i}=n||{disabled:!1,no_select:!1,width_full:!1,width_fit_content:!1,position_relative:!1};return l()(Object.assign(Object.assign({component_layout_default:!0,component_disabled:r&&!0===r,no_select:o&&!0===o,width_full:a&&!0===a,width_fit_content:s&&!0===s,position_relative:i&&!0===i},e),{[t]:!(!t||""===t)}))},u=(e,t)=>"string"==typeof e&&""!==e?l()({component_theme_base:!0,[`${e}${n}`]:!0,[`${e}${t}`]:!!t}):l()({component_theme_base:!0}),p=(e,t)=>{const n=t||u();return l()(e,n)};const h=e=>{var{to:n,text:r="Back",disabled:o=!1,rootClassName:a,rootStyles:l={},linkClassName:s,linkStyles:i={},theme:c="light"}=e,h=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["to","text","disabled","rootClassName","rootStyles","linkClassName","linkStyles","theme"]);const y=p(d(m({back_container:!0},h),a,{disabled:o,no_select:!0}),u("back_theme_",c)),f=p(d({},s),u("back_link_theme",c));return t().createElement("div",{"data-testid":"back-root",className:y,style:l,role:"navigation"},t().createElement("a",{rel:"noreferrer",href:n,className:f,style:i,"data-testid":"back-link"},"<"," ",r))};const y=e=>{var{id:n=null,type:r="plain",role:o="button",text:a,onClick:l,disabled:s=!1,inheritWidth:i=!1,inline:h=!1,rootClassName:y,rootStyles:f={},theme:g="light"}=e,b=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["id","type","role","text","onClick","disabled","inheritWidth","inline","rootClassName","rootStyles","theme"]);const v=p(d(m({button_container:!0,button_container_inheritWidth:i,button_container_inline:h,button_container_link:"link"===r,button_text:!0},b),y,{disabled:s,no_select:!0}),u(`button_${r}_theme_`,g));return t().createElement("button",{id:n||null,"data-testid":"button-root",className:v,style:f,type:o,onClick:()=>{c(l)&&l()},disabled:s},a)},f=({type:n,text:r,rootClassName:o,rootStyles:a={}})=>{const[l,s]=(0,e.useState)(!0),i=p(d({banner_container:!0,[`banner_container_${n}`]:!0},o,{position_relative:!0}));return l&&t().createElement("div",{className:i,style:Object.assign({},a),"data-testid":"banner-root"},t().createElement("span",null,r),t().createElement(y,{text:"X",rootClassName:"banner_close_button",onClick:()=>{s(!1)}}))},g=({children:e,positionAbsolute:n=!1,hasMaxHeight:r=!1,rootClassName:o,rootStyles:a={}})=>{const l=p(d({banner_wrapper_container:!0,banner_wrapper_container_positionAbsolute:n,banner_wrapper_container_scroll:r},o));return t().createElement("div",{className:l,style:a,"data-testid":"banner-wrapper-root"},e)};const b=e=>{var{children:n,rootClassName:r,rootStyles:o={},theme:a="light"}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","rootClassName","rootStyles","theme"]);const s=p(d(m({card_container:!0},l),r,{no_select:!0}),u("card_container_theme_",a));return t().createElement("div",{className:s,style:o,"data-testid":"card-container-root"},n)};const v=e=>{var{children:n,wrap:r=!0,rootClassName:o,rootStyles:a={}}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","wrap","rootClassName","rootStyles"]);const s=p(d(m({card_content_container:!0,card_content_container_wrap:r},l),o));return t().createElement("div",{className:s,style:a,"data-testid":"card-content-root"},n)},_=({value:e,rootClassName:n,rootStyles:r={}})=>{const o=p(d({card_summary_value:!0},n));return t().createElement("span",{className:o,style:r,"data-testid":"card-summary-value"},e)};const O=e=>{var{direction:n="row",justify:r="space-between",align:o="center",grow:a=!1,shrink:l=!0,basis:s="auto",wrap:i=!1,fullWidth:c=!1,widthFitContent:u=!1,children:h,rootClassName:y,borderColor:f=null,rootStyles:g={}}=e,b=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["direction","justify","align","grow","shrink","basis","wrap","fullWidth","widthFitContent","children","rootClassName","borderColor","rootStyles"]);const v=p(d(m({flex_container:!0,[`flex_${n}`]:!0,[`flex_justify_${r}`]:!0,[`flex_align_${o}`]:!0,flex_grow:a,flex_shrink:l,flex_no_shrink:!l,flex_wrap:i},b),y,{width_full:c,width_fit_content:u})),_=s&&"auto"===s?"auto":"string"==typeof s?s:0;return t().createElement("div",{"data-testid":"flex-container-root",style:Object.assign({border:f?`2px solid ${f}`:null,flexBasis:_},g),className:v},h)},w=({children:e,maxWidth:n,rootClassName:r,rootStyles:o={}})=>{const a=d({component_center_container:!0},r);return t().createElement("div",{className:a,"data-testid":"center-container-root",style:Object.assign({maxWidth:n},o)},e)};const E=e=>{var{children:n,inheritWidth:r=!1,rootClassName:o,rootStyles:a={}}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","inheritWidth","rootClassName","rootStyles"]);const s=p(d(m({hsc_container:!0,hsc_container_inheritWidth:r},l),o));return t().createElement("div",{className:s,style:a,"data-testid":"horizontal-scroll-container-root"},n)};const S=e=>{var{children:n,rootClassName:r,rootStyles:o={}}=e,a=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","rootClassName","rootStyles"]);const l=p(d(m({hsi_container:!0},a),r));return t().createElement("div",{className:l,style:o,"data-testid":"horizontal-scroll-item-root"},n)};const j=e=>{var{id:n,Element:r="span",sizing:o="default",size:a=3,children:l,noSelect:s=!1,noBlockMargin:i=!1,noInlineMargin:c=!1,rootClassName:h,rootStyles:y={},theme:f="light"}=e,g=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["id","Element","sizing","size","children","noSelect","noBlockMargin","noInlineMargin","rootClassName","rootStyles","theme"]);const b=()=>"h1"===r||"h2"===r||"h3"===r||"h4"===r||"h5"===r||"h6"===r,v=p(d(m({p_base:"p"===r,span_base:"span"===r,[`heading_${r}_base`]:b(),[`fontsize_${o}_${a}`]:!b(),text_no_block_margin:!0===i,text_no_inline_margin:!0===c},g),h,{no_select:s}),u("text_theme_",f));return t().createElement(r,{id:n,"data-testid":"text-root",className:v},l)},N=({type:e="default",text:n,size:r="small",rootClassName:o,iconContainerClassName:a,rootStyles:l={},iconContainerStyles:s,theme:i="light"})=>{const c=p(d({componentLoader_container:!0,componentLoader_container_fullscreen:"fullscreen"===e},o),u("componentLoader_container_theme_",i)),m=p(d({componentLoader_icon_container:!0,componentLoader_icon_container_mb:"string"==typeof n&&""!==n,spin:!0,[`componentLoader_icon_size_${r}`]:!0},a),u("componentLoader_loader_theme_",i));return t().createElement("div",{className:c,style:l,"data-testid":"component-loader-root"},t().createElement("div",{className:m,style:s,"data-testid":"component-loader-icon-container"}),n&&t().createElement(j,{Element:"p",noBlockMargin:!0,noInlineMargin:!0},n))},C=({text:e,rootClassName:n,rootStyles:r={},iconClassName:o,iconStyles:a={},textClassName:l,textStyles:s={},theme:i="light"})=>{const c=p(d({componentError_container:!0},n),u("componentError_container_theme_",i)),m=p(d({componentError_icon:!0,componentError_icon_margin:e&&""!==e},o),u("componentError_icon_theme_",i)),h=p(d({componentError_text:!0},l),u("componentError_text_theme_",i));return t().createElement("div",{className:c,style:r,"data-testid":"component-error-root"},t().createElement("div",{className:m,style:a,"data-testid":"component-error-icon"},"!"),e&&""!==e&&t().createElement("p",{className:h,style:s,"data-testid":"component-error-text"},e))},x=({type:e,loading:n=!1,children:r,error:o,minHeight:a="fit-content",rootClassName:l,rootStyles:s={},componentLoaderClassName:i,componentLoaderStyles:c={},componentErrorClassName:m,componentErrorStyles:u={},theme:h})=>{const y=p(d({[`loadingContainer_container_${e}`]:!0},l,{position_relative:!0})),f="layer"===e?a:"inherit";return t().createElement("div",{className:y,style:Object.assign(Object.assign({},s),{minHeight:f}),"data-testid":"loading-container-root"},"layer"===e?t().createElement(t().Fragment,null,n?t().createElement(N,{theme:h,rootClassName:i,rootStyles:c}):o?t().createElement(C,{theme:h,text:o,rootClassName:m,rootStyles:u}):null,r):t().createElement(t().Fragment,null,o?t().createElement(C,{theme:h,text:o,rootClassName:m,rootStyles:u}):n?t().createElement(N,{theme:h,rootClassName:i,rootStyles:c}):r))},P=({children:e,rootClassName:n,rootStyles:r={},theme:o="light"})=>{const a=p(d({main_container:!0},n,{}),u("main_container_theme_",o));return t().createElement("main",{"data-testid":"main-root",className:a,style:r},e)};const k=e=>{var{rootClassName:n,children:r,rootStyles:o={},theme:a="light"}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["rootClassName","children","rootStyles","theme"]);const s=p(d(m({viewContainer_container:!0},l),n,{position_relative:!0,width_full:!0}),u("viewContainer_theme_",a));return t().createElement("div",{className:s,style:o,"data-testid":"view-container-root"},r)},I=t=>{(0,e.useEffect)((()=>(t&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow="unset"})),[t])};const M=e=>{var{children:n,isOpen:r=!1,layer:o=1,rootClassName:a,rootStyles:l={},theme:s="light"}=e,i=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","isOpen","layer","rootClassName","rootStyles","theme"]);I(r);const c=p(d(m({modal_container:!0},i),a),u("modal_container_theme_",s)),h=o+10;return t().createElement("div",{className:"modal_backdrop",style:{zIndex:h},"data-testid":"modal-backdrop"},t().createElement("div",{className:c,style:Object.assign({zIndex:h+1},l),"data-testid":"modal-container-root"},n))};const L=e=>{var{children:n,rootClassName:r,rootStyles:o={}}=e,a=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","rootClassName","rootStyles"]);const l=p(d(m({modal_body:!0},a),r,{width_full:!0,position_relative:!0}));return t().createElement("div",{className:l,style:o,"data-testid":"modal-body-root"},n)},F=({onClose:e,title:n="Modal",rootClassName:r,rootStyles:o={},theme:a="light"})=>{const l=p(d({modal_header:!0},r),u("modal_header_theme_",a)),s=p(d({modal_header_closeButton:!0}),u("modal_closeButton_theme_",a));return t().createElement("div",{className:l,style:o,"data-testid":"modal-header-root"},t().createElement("span",{className:"sub_heading no_select","data-testid":"modal-header-title"},n),t().createElement(y,{text:"Close",onClick:e,rootClassName:s}))},$=({isOpen:e=!1,type:n="yesNo",layer:r=1,title:o="Confirm",header:a="Are you sure?",description:l="",yesText:s="Yes",noText:i="No",okText:m="OK",onClose:h,onClickYes:f,onClickNo:g,onClickOk:b,rootClassName:v,rootStyles:_,yesButtonClassName:O,yesButtonStyles:w={},noButtonClassName:E,noButtonStyles:S={},okButtonClassName:j,okButtonStyles:N={},theme:C="light"})=>{const x=p(d({dialog_container:!0},v),u("dialog_container_theme_",C)),P=d({dialog_buttons_container:!0,dialog_buttons_container_yesNo:"yesNo"===n},null,{no_select:!0}),k=p(d({dialog_button_yes:!0},O,{no_select:!0}),u("dialog_button_yes_",C)),I=p(d({dialog_button_no:!0},E,{no_select:!0}),u("dialog_button_no_",C)),$=p(d({dialog_button_ok:!0},j,{no_select:!0}),u("dialog_button_ok_",C));return t().createElement(M,{isOpen:e,rootClassName:x,rootStyles:_,layer:r,theme:C,pa:5},t().createElement(F,{title:o,onClose:()=>{c(h)&&h()},theme:C}),t().createElement(L,null,t().createElement("p",{"data-testid":"dialog-header-text",className:"dialog_header"},a),l&&t().createElement("p",{"data-testid":"dialog-description-text",className:"dialog_description"},l),t().createElement("div",{"data-testid":"dialog-buttons-container",className:P},"yesNo"===n?t().createElement(t().Fragment,null,t().createElement(y,{rootClassName:I,rootStyles:S,onClick:()=>{c(g)&&g()},text:i}),t().createElement(y,{rootClassName:k,rootStyles:w,onClick:()=>{c(f)&&f()},text:s})):t().createElement(y,{rootClassName:$,rootStyles:N,onClick:()=>{c(b)&&b()},text:m,inline:!0,inheritWidth:!0}))))},q=({text:e="Oops, something went horribly wrong!",rootClassName:n,rootStyles:r={},textClassName:o,textStyles:a={},iconClassName:l,iconStyles:s={},theme:i="light"})=>{I(!0);const c=p(d({fullScreenError_container:!0},n),u("fullScreenError_container_theme_",i)),m=p(d({fullScreenError_icon:!0},l),u("fullScreenError_icon_theme_",i)),h=p(d({fullScreenError_text:!0},o),u("fullScreenError_text_theme_",i));return t().createElement("div",{className:c,style:r,"data-testid":"full-screen-error-root"},t().createElement("div",{className:m,style:s,"data-testid":"full-screen-error-icon"},"!"),t().createElement("p",{className:h,style:a,"data-testid":"full-screen-error-text"},e))},B=({theme:e="light",children:n,name:r,rootClassName:o,rootStyles:a={}})=>{const l=p(d({example_component_container:!0},o),u("exampleComponent_theme_",e));return t().createElement("div",{className:l,"data-testid":"example-component-root",style:a},t().createElement(j,{Element:"h1",mb:5,theme:e},"Hello World!"),t().createElement(j,{Element:"p",mb:2,theme:e},"This is just an example component"),t().createElement(j,{Element:"p",theme:e},"Name: ",r),null!=typeof n&&n)};const H=e=>{var{links:n,rootClassName:r,rootStyles:o={},linkClassName:a,linkStyles:l={},theme:s="light"}=e,i=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["links","rootClassName","rootStyles","linkClassName","linkStyles","theme"]);const c=p(d(m({externalLinks_container:!0},i),r),u("externalLinks_theme_",s)),h=p(d({externalLinks_link:!0},a),u("externalLinks_link_theme_",s));return t().createElement(t().Fragment,null,n&&n.length>0&&t().createElement("ul",{"data-testid":"external-links-root",className:c,style:o},n.map(((e,n)=>t().createElement("li",{"data-testid":`external-links-link-${e}`,className:"externalLinks_linkContainer",key:n},t().createElement("a",{href:e.link,target:"_blank",rel:"noreferrer",className:h,style:l},e.text))))))};const z=e=>{var{children:n,positionFixed:r=!1,rootClassName:o,rootStyles:a={},theme:l="light",pv:s=3,ph:i=5}=e,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","positionFixed","rootClassName","rootStyles","theme","pv","ph"]);const h=p(d(m({footer_container:!0,footer_container_positionFixed:r},Object.assign({ph:i,pv:s},c)),o),u("footer_container_theme_",l));return t().createElement("footer",{"data-testid":"footer-root",className:h,style:a},n)};const V=e=>{var{SvgIcon:n,width:r=32,height:o=32,inline:a=!1,fill:l="#434B59",stroke:s="current",rootClassName:i,rootStyles:c={},theme:u="light"}=e,h=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["SvgIcon","width","height","inline","fill","stroke","rootClassName","rootStyles","theme"]);const y=p(d(m({icon_container:!0,icon_container_inline:a},h),i));return t().createElement("div",{"data-testid":"icon-root",className:y,style:c},t().createElement(n,{"data-testid":"icon-svg-icon",width:r,height:o,fill:l,stroke:s}))};const R=n=>{var{onClick:r,clickable:o,loaderSize:a="small",src:l,alt:s="RESO Image",imgClassName:i,objectFit:u="fill",rootClassName:h,rootStyles:y={},fallbacks:f=[],imgStyles:g={},inheritWidth:b=!1}=n,v=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["onClick","clickable","loaderSize","src","alt","imgClassName","objectFit","rootClassName","rootStyles","fallbacks","imgStyles","inheritWidth"]);const[_,O]=(0,e.useState)(-1),[w,E]=(0,e.useState)(!1),[S,j]=(0,e.useState)(!1),C=p(d(m({image_container:!0,image_container_inheritWidth:b,[`image_container_clickable_${o}`]:!!o},v),h,{position_relative:!0})),x=p(d({image_img:!0,[`image_img_fit-${u}`]:!0},i)),P=f&&f.length>0,k=P&&_>-1?f[_]:l;return t().createElement("div",{className:C,style:y,onClick:()=>{r&&c(r)&&r()},"data-testid":"image-component-root"},S?t().createElement("p",{"data-testid":"image-component-error"},`Unable to load ${s}`):t().createElement(t().Fragment,null,!w&&t().createElement(N,{size:a}),t().createElement("img",{"data-testid":"image-component-img",style:w?Object.assign({},g):Object.assign(Object.assign({},g),{display:"none"}),alt:s,src:k,onLoad:()=>{j(!1),E(!0)},onError:()=>{P?(E(!1),_<f.length-1?O(_+1):(E(!0),j(!0))):(E(!0),j(!0))},className:x})))};const A=e=>{var{src:n,alt:r="RESO Hero Image",fullWidth:o=!1,rootClassName:a,imgClassName:l,rootStyles:s={},imgStyles:i={}}=e,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["src","alt","fullWidth","rootClassName","imgClassName","rootStyles","imgStyles"]);const m=p(d({hero_container:!0,hero_container_fullWidth:o},a,{position_relative:!0}));return t().createElement(R,Object.assign({rootClassName:m,rootStyles:s,src:n,alt:r,imgClassName:l,imgStyles:i,mh:o?0:"center"},c))};const W=n=>{var{imageObjects:r,defaultImagePath:o="",clickable:a,rootClassName:l,rootStyles:h={},getMiniImagePath:y,onClickImage:f,indexOverride:g,setIndexOverride:b,initialSelectedIndex:v=0,mainImageClassName:_,mainImageStyles:O={},miniImageClassname:w,miniImageStyles:S={},miniImageSelectedClassName:j,miniImageSelectedStyles:N={},theme:C="light"}=n,x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["imageObjects","defaultImagePath","clickable","rootClassName","rootStyles","getMiniImagePath","onClickImage","indexOverride","setIndexOverride","initialSelectedIndex","mainImageClassName","mainImageStyles","miniImageClassname","miniImageStyles","miniImageSelectedClassName","miniImageSelectedStyles","theme"]);const[P,k]=(0,e.useState)(v);(0,e.useEffect)((()=>{k(v),c(b)&&b(v)}),[]),(0,e.useEffect)((()=>{var e;e=r[P],s(e)&&Object.keys(e).length>0||k(0),i(g)&&k(g)}),[r,k,P,g]);const I=p(d(m({multiImageViewer_container:!0},x),l)),M=p(d({multiImageViewer_mainImage:!0,multiImageViewer_mainImage_multi:r.length>1},_));return t().createElement("div",{className:I,style:h,"data-testid":"multi-image-viewer-root"},t().createElement(R,{inheritWidth:!0,clickable:a,rootClassName:M,rootStyles:O,onClick:()=>{f&&c(f)&&f()},src:r&&r[P]?r[P].path:"",alt:r&&r[P]?r[P].alt:"RESO Image"}),r&&r.length>1&&t().createElement(E,{inheritWidth:!0,pa:1},r.map(((e,n)=>{const r=d({multiImageViewer_miniImage:!0,multiImageViewer_miniImage_selected:P===n,[j]:j&&P===n},w),a=P===n?u("multiImageViewer_miniImage_selected_theme_",C):null;return t().createElement(R,{mh:1,clickable:"pointer",rootClassName:p(r,a),rootStyles:P===n?Object.assign(Object.assign({},S),N):S,key:n,onClick:()=>{c(b)&&b(n),k(n)},src:c(y)?y(e):e.path,alt:e&&e.alt?e.alt:"RESO Image Mini",fallbacks:[e.path,o]})}))))};const T=e=>{var{LogoWrapperElement:n="a",logoHref:r="#",textLogo:o="Logo",renderCustomLogo:a,onClickLogo:s,maxWidth:i,children:h,position:y="fixed",navClassName:f,navStyles:g={},rootClassName:b,rootStyles:v={},theme:_="light",ph:O=5}=e,w=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["LogoWrapperElement","logoHref","textLogo","renderCustomLogo","onClickLogo","maxWidth","children","position","navClassName","navStyles","rootClassName","rootStyles","theme","ph"]);const E=p(d(m({navbar_header_container:!0,[`navbar_header_position_${y}`]:!0},Object.assign({ph:O},w)),b,{no_select:!0}),u("navbar_theme_",_)),S=p(d({navbar_nav_container:!0},b,{no_select:!0})),N=l()({no_select:!0,navbar_nav_logo_container:!0,navbar_nav_logo_container_curson_pointer:c(s)||"a"===n});return t().createElement("header",{"data-testid":"navbar-root",className:E,style:v},t().createElement("nav",{className:S,style:Object.assign({maxWidth:"number"==typeof i?i:"unset"},g)},t().createElement(n,{"data-testid":"navbar-logo",className:N,onClick:()=>{c(s)&&s()},href:"a"===n?r:void 0},"function"==typeof a?a():t().createElement(j,{theme:_,Element:"span",rootClassName:"navbar_nav_logo_text",size:9},o)),t().createElement("div",{className:"navbar_nav_children_container"},h)))};const D=e=>{var{Implementation:n="a",children:r,onClick:o,active:a=!1,enableActiveStyles:l=!0,href:s="#",renderCustomNavItem:i,elementClassName:h,elementStyles:y={},rootClassName:f,rootStyles:g={},theme:b="light"}=e,v=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["Implementation","children","onClick","active","enableActiveStyles","href","renderCustomNavItem","elementClassName","elementStyles","rootClassName","rootStyles","theme"]);const _=p(d(m({navItem_container:!0},v),f,{no_select:!0}),u("navItem_theme_",b)),O=p(d({navItem_base:!0,navItem_element:!0,navItem_element_active:!0===l&&!0===a},h,{no_select:!0}),u("navItem_element_theme_",b));return t().createElement("div",{"data-testid":"navItem-root",className:_},c(i)?i({theme:b,active:a}):t().createElement(n,{"data-testid":`navItem-element-${n}`,className:O,style:y,onClick:()=>{c(o)&&o()},href:"a"===n?s:void 0},r))},K=({children:e,rootClassName:n,rootStyles:r={},theme:o="light"})=>{const a=p(d({panel_container:!0},n),u("panel_container_theme_",o));return t().createElement("div",{className:a,style:r,"data-testid":"panel-container-root"},e)},U=({text:e,rootClassName:n,rootStyles:r={},theme:o="light"})=>{const a=p(d({panel_title:!0},n),u("panel_title_theme_",o));return t().createElement("p",{className:a,style:r,"data-testid":"panel-title-root"},e)},Y=({keyStr:e,value:n,rootClassName:r,rootStyles:o={},keyClassName:a,keyStyles:l={},valueClassName:s,valueStyles:i={}})=>{const c=p(d({panel_row_container:!0},r)),m=p(d({panel_row_key:!0},a)),u=p(d({panel_row_value:!0},s));return t().createElement("div",{className:c,style:o,"data-testid":"panel-row-root"},t().createElement("span",{className:m,style:l,"data-testid":"panel-row-key"},e),t().createElement("span",{className:u,style:i,"data-testid":"panel-row-value"},n))},Q=({value:e=1,onChange:n,rootClassName:r,rootStyles:o={},theme:a})=>{const l=p(d({quantityCounter_container:!0},r),u("quantityCounter_theme_",a));return t().createElement("div",{className:l,"data-testid":"quantity-counter-root",style:o},t().createElement("div",{className:"quantityCounter_counterBox",onClick:()=>{e>1&&n(e-1)},role:"button","data-testid":"quantity-counter-subtract"},"-"),t().createElement("span",{"data-testid":"quantity-counter-value"},e),t().createElement("div",{className:"quantityCounter_counterBox",onClick:()=>{n(e+1)},role:"button","data-testid":"quantity-counter-add"},"+"))};const X=e=>{var{id:n,rootClassName:r,rootStyles:o={},onSubmit:a,onInvalid:l,noValidate:s=!1,children:i,theme:c="light"}=e,h=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["id","rootClassName","rootStyles","onSubmit","onInvalid","noValidate","children","theme"]);const y=p(d(m({form_container:!0},h),r),u("form_container_theme_",c));return t().createElement("form",{id:n,onInvalid:l,noValidate:s,"data-testid":"form-root",className:y,style:o,onSubmit:e=>{e.preventDefault(),a()}},i)};const G=e=>{var{title:n,rootClassName:r,rootStyles:o={},headerClassName:a,headerStyles:l={},children:s,theme:i="light"}=e,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["title","rootClassName","rootStyles","headerClassName","headerStyles","children","theme"]);const h=p(d(m({subForm_container:!0},c),r),u("subForm_container_theme_",i)),y=p(d({subForm_header:!0,heading:!0},a,{no_select:!0}),u("subForm_header_theme_",i));return t().createElement("div",{"data-testid":"subForm-root",className:h,style:o},t().createElement("div",{"data-testid":"subForm-header",className:y,style:l},n),t().createElement("div",{className:"subForm_content"},s))};const J=e=>{var{rootClassName:n,rootStyles:r={},children:o,theme:a="light",mb:l=4}=e,s=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["rootClassName","rootStyles","children","theme","mb"]);const i=p(d({control_container:!0},n),u("control_container_theme_",a));return t().createElement(O,Object.assign({direction:"row",align:"start",justify:"start",rootClassName:i,rootStyles:r,mb:l},s),o)};var Z;function ee(){return ee=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ee.apply(this,arguments)}const te=function(t){return e.createElement("svg",ee({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Z||(Z=e.createElement("path",{fill:"current",d:"M16 5C9.924 5 5 9.925 5 16c0 6.074 4.925 11 11 11 6.074 0 11-4.926 11-11 0-6.075-4.926-11-11-11m2.29 17.048q-.85.335-1.355.51-.507.176-1.176.176-1.028 0-1.599-.502a1.62 1.62 0 0 1-.569-1.273q0-.3.042-.613.044-.314.137-.707l.709-2.503q.093-.361.16-.681.063-.32.062-.59 0-.478-.197-.667-.198-.188-.757-.187-.274 0-.563.083a8 8 0 0 0-.493.164l.187-.77a18 18 0 0 1 1.332-.486 4 4 0 0 1 1.201-.203q1.02.001 1.576.494.552.493.553 1.281 0 .163-.038.574a4 4 0 0 1-.142.756l-.705 2.495q-.087.301-.155.686a3.6 3.6 0 0 0-.068.583q0 .497.222.678.221.18.77.18.258 0 .583-.09t.471-.158zm-.125-10.13a1.68 1.68 0 0 1-1.188.458 1.7 1.7 0 0 1-1.192-.458 1.46 1.46 0 0 1-.496-1.11q.002-.651.496-1.115.498-.463 1.192-.462.695 0 1.188.462.492.464.493 1.114 0 .653-.493 1.111"})))};var ne;function re(){return re=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},re.apply(this,arguments)}const oe=function(t){return e.createElement("svg",re({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),ne||(ne=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"m9.071 2 1.414 1.414-4.657 4.657 4.657 4.657-1.414 1.414L3 8.071z",clipRule:"evenodd"})))};var ae;function le(){return le=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},le.apply(this,arguments)}const se=function(t){return e.createElement("svg",le({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),ae||(ae=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M6.929 2 5.515 3.414l4.657 4.657-4.657 4.657 1.414 1.414L13 8.071z",clipRule:"evenodd"})))};var ie,ce;function me(){return me=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},me.apply(this,arguments)}const de=function(t){return e.createElement("svg",me({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),ie||(ie=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M8.485 3.414 7.071 2 1 8.071l6.071 6.071 1.414-1.414L3.828 8.07z",clipRule:"evenodd"})),ce||(ce=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M13.485 3.414 12.071 2 6 8.071l6.071 6.071 1.414-1.414L8.828 8.07z",clipRule:"evenodd"})))};var ue,pe;function he(){return he=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},he.apply(this,arguments)}const ye=function(t){return e.createElement("svg",he({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),ue||(ue=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M7.515 3.414 8.929 2 15 8.071l-6.071 6.071-1.414-1.414 4.657-4.657z",clipRule:"evenodd"})),pe||(pe=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M2.515 3.414 3.929 2 10 8.071l-6.071 6.071-1.414-1.414L7.172 8.07z",clipRule:"evenodd"})))};var fe,ge;function be(){return be=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},be.apply(this,arguments)}const ve=function(t){return e.createElement("svg",be({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"current",viewBox:"0 0 32 32"},t),fe||(fe=e.createElement("g",{clipPath:"url(#dashboard_svg__a)"},e.createElement("path",{d:"M24.542 6H7.458A1.46 1.46 0 0 0 6 7.458v2.084A1.46 1.46 0 0 0 7.458 11h17.084A1.46 1.46 0 0 0 26 9.542V7.458A1.46 1.46 0 0 0 24.542 6M7.458 25.998h6.25a1.46 1.46 0 0 0 1.459-1.458V14.123a1.46 1.46 0 0 0-1.459-1.458h-6.25A1.46 1.46 0 0 0 6 14.123V24.54a1.46 1.46 0 0 0 1.458 1.458M24.542 12.665h-6.25a1.46 1.46 0 0 0-1.459 1.458v2.917a1.46 1.46 0 0 0 1.459 1.458h6.25A1.46 1.46 0 0 0 26 17.04v-2.917a1.46 1.46 0 0 0-1.458-1.458M24.542 20.165h-6.25a1.46 1.46 0 0 0-1.459 1.458v2.917a1.46 1.46 0 0 0 1.459 1.458h6.25A1.46 1.46 0 0 0 26 24.54v-2.917a1.46 1.46 0 0 0-1.458-1.458"}))),ge||(ge=e.createElement("defs",null,e.createElement("clipPath",{id:"dashboard_svg__a"},e.createElement("path",{fill:"#fff",d:"M6 6h20v20H6z"})))))};var _e;function Oe(){return Oe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Oe.apply(this,arguments)}const we=function(t){return e.createElement("svg",Oe({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),_e||(_e=e.createElement("path",{fill:"current",d:"m26.406 14.569-.001-.002-8.974-8.973A2.01 2.01 0 0 0 15.998 5c-.54 0-1.049.21-1.432.593l-8.97 8.97-.008.009a2.03 2.03 0 0 0 .004 2.86 2.01 2.01 0 0 0 1.406.594h.358v6.604A2.373 2.373 0 0 0 9.726 27h3.511a.645.645 0 0 0 .645-.645v-5.177c0-.597.485-1.082 1.081-1.082h2.071c.596 0 1.081.485 1.081 1.082v5.177c0 .357.289.645.645.645h3.511a2.373 2.373 0 0 0 2.37-2.37v-6.604h.332a2.029 2.029 0 0 0 1.433-3.457"})))};var Ee,Se,je;function Ne(){return Ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ne.apply(this,arguments)}const Ce=function(t){return e.createElement("svg",Ne({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Ee||(Ee=e.createElement("path",{d:"M0 0h32v32H0z"})),Se||(Se=e.createElement("g",{fill:"current",clipPath:"url(#logout_svg__a)"},e.createElement("path",{d:"M20 17a1 1 0 0 0-1 1v4c0 .551-.448 1-1 1h-3V8c0-.854-.544-1.617-1.362-1.9l-.296-.1H18c.552 0 1 .45 1 1v3a1 1 0 1 0 2 0V7c0-1.654-1.346-3-3-3H7.25c-.038 0-.07.018-.107.022C7.095 4.018 7.049 4 7 4c-1.103 0-2 .897-2 2v18c0 .854.544 1.617 1.362 1.901l6.018 2.006c.204.063.407.093.62.093 1.103 0 2-.897 2-2v-1h3c1.654 0 3-1.346 3-3v-4a1 1 0 0 0-1-1"}),e.createElement("path",{d:"m28.707 13.293-4-4A1 1 0 0 0 23 10v3h-4a1 1 0 0 0 0 2h4v3a1 1 0 0 0 1.707.707l4-4a1 1 0 0 0 0-1.414"}))),je||(je=e.createElement("defs",null,e.createElement("clipPath",{id:"logout_svg__a"},e.createElement("path",{fill:"current",d:"M5 4h24v24H5z"})))))};var xe,Pe;function ke(){return ke=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ke.apply(this,arguments)}const Ie=function(t){return e.createElement("svg",ke({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),xe||(xe=e.createElement("g",{fill:"current",clipPath:"url(#products_svg__a)"},e.createElement("path",{d:"M11.597 16.762h9.14c.421 0 .762-.341.762-.762V6.809c0-.421-.34-.762-.762-.762h-2.285v-.762A2.29 2.29 0 0 0 16.167 3a2.29 2.29 0 0 0-2.285 2.285v.762h-2.285a.76.76 0 0 0-.762.762v9.19c0 .422.34.763.762.763m3.808-11.477a.763.763 0 0 1 1.524 0v.762h-1.524z"}),e.createElement("path",{d:"M27.264 15.606a.76.76 0 0 0-.652-.368 3.61 3.61 0 0 0-3.196 1.934l-2.337 4.46a2.28 2.28 0 0 1-2.024 1.223h-5.173a.761.761 0 1 1 0-1.523h5.173a.76.76 0 0 0 .675-.408l.873-1.667a.664.664 0 0 0-.589-.972h-7.917a3.79 3.79 0 0 0-2.693 1.116l-4.505 4.505a.76.76 0 0 0 0 1.077l3.809 3.794a.76.76 0 0 0 1.077 0l2.889-2.875h6.38a5.32 5.32 0 0 0 4.724-2.857l3.508-6.69a.76.76 0 0 0-.022-.75"}))),Pe||(Pe=e.createElement("defs",null,e.createElement("clipPath",{id:"products_svg__a"},e.createElement("path",{fill:"#fff",d:"M3 3h26v26H3z"})))))};var Me;function Le(){return Le=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Le.apply(this,arguments)}const Fe=function(t){return e.createElement("svg",Le({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),Me||(Me=e.createElement("path",{fill:"current",d:"M16 4.001c-6.627 0-12 5.372-12 12C4 22.627 9.373 28 16 28c6.628 0 12-5.372 12-12 0-6.627-5.372-11.999-12-11.999m0 3.588a3.97 3.97 0 1 1 0 7.939 3.97 3.97 0 0 1 0-7.939m-.003 17.274a8.8 8.8 0 0 1-5.735-2.115 1.7 1.7 0 0 1-.593-1.286 4.003 4.003 0 0 1 4.022-4.001h4.619a3.997 3.997 0 0 1 4.016 4.001c0 .495-.216.964-.593 1.285a8.8 8.8 0 0 1-5.736 2.116"})))};var $e;function qe(){return qe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},qe.apply(this,arguments)}const Be=function(t){return e.createElement("svg",qe({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),$e||($e=e.createElement("path",{fill:"current",d:"M27.903 14.496c-.157-1.211-1.418-2.04-2.625-1.588-.452.171-.996-.083-1.2-.54a9 9 0 0 0-.891-1.548c-.31-.431-.251-.995.134-1.313.46-.378.717-.937.705-1.532a1.96 1.96 0 0 0-.782-1.53 12 12 0 0 0-2.587-1.494 2 2 0 0 0-.773-.157c-.958 0-1.766.681-1.922 1.619-.082.493-.549.828-1.075.771a8.5 8.5 0 0 0-1.775 0c-.524.057-.993-.278-1.075-.771a1.94 1.94 0 0 0-1.922-1.62q-.4.001-.772.158c-.92.387-1.79.889-2.588 1.494a1.96 1.96 0 0 0-.781 1.529 1.93 1.93 0 0 0 .705 1.534c.386.317.443.88.134 1.31a9 9 0 0 0-.892 1.55c-.204.456-.708.724-1.211.535a2 2 0 0 0-.681-.124c-.976 0-1.806.738-1.933 1.717a11.811 11.811 0 0 0 0 3.008c.157 1.21 1.417 2.039 2.626 1.588.451-.171.996.083 1.2.539.244.544.543 1.065.891 1.549.31.43.251.995-.134 1.313-.46.378-.717.937-.705 1.532a1.96 1.96 0 0 0 .782 1.53 12 12 0 0 0 2.587 1.494q.374.156.773.157c.958 0 1.766-.681 1.922-1.62.082-.492.55-.822 1.075-.77a8.5 8.5 0 0 0 1.775 0c.526-.053.993.278 1.075.77a1.94 1.94 0 0 0 1.922 1.62c.265 0 .525-.053.772-.157.919-.387 1.79-.89 2.587-1.494.484-.368.77-.925.782-1.53a1.93 1.93 0 0 0-.705-1.533c-.386-.317-.443-.881-.134-1.311a9 9 0 0 0 .892-1.55c.204-.456.709-.723 1.211-.534q.331.125.681.125c.976 0 1.806-.738 1.933-1.717a11.903 11.903 0 0 0-.001-3.01M16 20c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4"})))};var He,ze;function Ve(){return Ve=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ve.apply(this,arguments)}const Re=function(t){return e.createElement("svg",Ve({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),He||(He=e.createElement("path",{fill:"#434B59",d:"M24.39 17.093c-.885 0-1.603.718-1.603 1.604v4.095H9.207v-4.095a1.604 1.604 0 0 0-3.207 0v5.699C6 25.282 6.718 26 7.604 26H24.39c.885 0 1.603-.718 1.603-1.604v-5.7c0-.885-.718-1.603-1.604-1.603"})),ze||(ze=e.createElement("path",{fill:"#434B59",d:"m12.603 13.266 1.79-1.79v5.975a1.604 1.604 0 0 0 3.208 0v-5.975l1.79 1.79c.313.313.724.47 1.134.47s.821-.157 1.134-.47a1.604 1.604 0 0 0 0-2.268L17.131 6.47a1.604 1.604 0 0 0-2.268 0l-4.528 4.528a1.604 1.604 0 1 0 2.268 2.268"})))};var Ae,We;function Te(){return Te=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Te.apply(this,arguments)}const De=function(t){return e.createElement("svg",Te({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),Ae||(Ae=e.createElement("g",{fill:"current",clipPath:"url(#users_svg__a)"},e.createElement("path",{d:"M16 13.686a4.078 4.078 0 1 0 0-8.156 4.078 4.078 0 0 0 0 8.156M24.25 13.686a2.578 2.578 0 1 0 0-5.156 2.578 2.578 0 0 0 0 5.156M7.75 13.686a2.578 2.578 0 1 0 0-5.156 2.578 2.578 0 0 0 0 5.156M10.29 16.001c-1.015-.831-1.934-.721-3.107-.721C5.428 15.28 4 16.7 4 18.443v5.12c0 .757.618 1.373 1.379 1.373 3.282 0 2.887.06 2.887-.142 0-3.627-.43-6.287 2.024-8.793"}),e.createElement("path",{d:"M17.116 15.299c-2.05-.171-3.83.001-5.367 1.27-2.572 2.06-2.077 4.833-2.077 8.225 0 .898.73 1.642 1.641 1.642 9.895 0 10.289.32 10.876-.98.192-.44.14-.3.14-4.503 0-3.34-2.892-5.654-5.213-5.654M24.817 15.28c-1.18 0-2.094-.109-3.107.722 2.436 2.486 2.024 4.965 2.024 8.793 0 .202-.328.141 2.838.141.788 0 1.428-.638 1.428-1.422v-5.07c0-1.744-1.428-3.164-3.183-3.164"}))),We||(We=e.createElement("defs",null,e.createElement("clipPath",{id:"users_svg__a"},e.createElement("path",{fill:"#fff",d:"M4 4h24v24H4z"})))))};var Ke,Ue;function Ye(){return Ye=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ye.apply(this,arguments)}const Qe=function(t){return e.createElement("svg",Ye({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Ke||(Ke=e.createElement("path",{fill:"transparent",d:"M32 0H0v32h32z"})),Ue||(Ue=e.createElement("path",{fill:"current",d:"M5.541 16c-.851 0-1.551.693-1.442 1.537A12 12 0 1 0 11.53 4.863c-.79.317-1.052 1.266-.637 2.01.416.742 1.353.993 2.156.711a8.917 8.917 0 1 1-5.835 9.95C7.07 16.695 6.392 16 5.541 16"})))};var Xe;function Ge(){return Ge=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ge.apply(this,arguments)}const Je=function(t){return e.createElement("svg",Ge({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),Xe||(Xe=e.createElement("path",{fill:"#FFD868",d:"m9 0 2.02 6.219h6.54l-5.29 3.843 2.02 6.22L9 12.437 3.71 16.28l2.02-6.219L.44 6.22h6.54z"})))};var Ze,et;function tt(){return tt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},tt.apply(this,arguments)}const nt=function(t){return e.createElement("svg",tt({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),Ze||(Ze=e.createElement("path",{fill:"#FFD868",fillRule:"evenodd",d:"M8.56 0 6.539 6.219H0l5.29 3.843-2.02 6.22 5.29-3.844z",clipRule:"evenodd"})),et||(et=e.createElement("path",{fill:"#C4C4C4",fillRule:"evenodd",d:"M8.56 12.438V0l2.02 6.219h6.539l-5.29 3.843 2.02 6.22z",clipRule:"evenodd"})))};var rt;function ot(){return ot=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ot.apply(this,arguments)}const at=function(t){return e.createElement("svg",ot({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),rt||(rt=e.createElement("path",{fill:"#D9D7D7",d:"m9 0 2.02 6.219h6.54l-5.29 3.843 2.02 6.22L9 12.437 3.71 16.28l2.02-6.219L.44 6.22h6.54z"})))};var lt;function st(){return st=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},st.apply(this,arguments)}const it=function(t){return e.createElement("svg",st({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 20 20"},t),lt||(lt=e.createElement("path",{fill:"#8B93A2",d:"M16 14H4l6-7z"})))};var ct;function mt(){return mt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},mt.apply(this,arguments)}const dt=function(t){return e.createElement("svg",mt({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 20 20"},t),ct||(ct=e.createElement("path",{fill:"#8B93A2",d:"M16 7H4l6 7z"})))};var ut,pt;function ht(){return ht=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ht.apply(this,arguments)}const yt=function(t){return e.createElement("svg",ht({xmlns:"http://www.w3.org/2000/svg",width:13,height:13,fill:"none"},t),ut||(ut=e.createElement("rect",{width:3,height:10,fill:"#8B93A2",rx:1,transform:"scale(-1 1)rotate(-45 -3.518 15.735)"})),pt||(pt=e.createElement("path",{fill:"#8B93A2",d:"M4.473 9.806 2.35 7.684.964 11z"})))};var ft;function gt(){return gt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},gt.apply(this,arguments)}const bt=function(t){return e.createElement("svg",gt({xmlns:"http://www.w3.org/2000/svg",width:10,height:12,fill:"none"},t),ft||(ft=e.createElement("path",{fill:"#8B93A2",fillRule:"evenodd",d:"M4 0a1 1 0 0 0-1 1H1a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2H7a1 1 0 0 0-1-1zM1.14 5.124A1 1 0 0 1 2.134 4h5.734a1 1 0 0 1 .993 1.124l-.75 6a1 1 0 0 1-.993.876H2.883a1 1 0 0 1-.992-.876z",clipRule:"evenodd"})))};var vt;function _t(){return _t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_t.apply(this,arguments)}const Ot=function(t){return e.createElement("svg",_t({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),vt||(vt=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M11.612 5.923a.99.99 0 0 1 .99-.923h6.763c.52 0 .953.403.99.923l.185 2.648h2.526a2 2 0 0 1 1.995 1.86l1.083 15.429A2 2 0 0 1 24.149 28H8.354a2 2 0 0 1-1.995-2.14L7.44 10.43a2 2 0 0 1 1.995-1.86h1.99zM18.7 8.57h-5.4l.062-.9A.72.72 0 0 1 14.08 7h3.839a.72.72 0 0 1 .718.672zm.264 6.722a1 1 0 0 1 1.414 1.414l-4.287 4.287a1 1 0 0 1-1.602.11l-2.25-2.632a1 1 0 1 1 1.521-1.3l1.532 1.793z",clipRule:"evenodd"})))};var wt;function Et(){return Et=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Et.apply(this,arguments)}const St=function(t){return e.createElement("svg",Et({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),wt||(wt=e.createElement("path",{fill:"current",d:"M21.188 21.834a2.8 2.8 0 0 0-2.802 2.802 2.8 2.8 0 0 0 2.802 2.803 2.8 2.8 0 0 0 2.803-2.803c-.027-1.536-1.267-2.802-2.803-2.802M26.12 8.469c-.055 0-.135-.027-.216-.027H8.928l-.27-1.806A2.41 2.41 0 0 0 6.26 4.562H4.078C3.485 4.562 3 5.047 3 5.639c0 .593.485 1.078 1.078 1.078H6.26c.135 0 .243.108.27.243L8.2 18.33a2.954 2.954 0 0 0 2.91 2.507h11.21c1.401 0 2.614-.997 2.91-2.372l1.752-8.757a1.065 1.065 0 0 0-.863-1.24M14.317 24.502a2.786 2.786 0 0 0-2.775-2.668 2.82 2.82 0 0 0-2.695 2.91 2.76 2.76 0 0 0 2.749 2.668h.054c1.535-.081 2.748-1.374 2.667-2.91"})))},jt=e=>null===e||void 0===typeof e||"string"==typeof e&&""===e,Nt={validationFn:e=>!jt(e),errorMessage:"This field is required"},Ct={validationFn:e=>{if(jt(e))return!0;const t=Number(e);return!isNaN(t)&&"number"==typeof t},errorMessage:"Value must be a number"},xt={validationFn:e=>{if(jt(e))return!0;const t=Number(e);return!!(!isNaN(t)&&"number"==typeof t&&t>-1&&Number.isInteger(t))},errorMessage:"Value must be a positive integer"},Pt=e=>({validationFn:t=>{if(jt(t))return!0;const n=Number(t);return!isNaN(n)&&"number"==typeof n&&n>=e},errorMessage:`Value must be more than or equals to ${e}`}),kt=e=>({validationFn:t=>{if(jt(t))return!0;const n=Number(t);return!isNaN(n)&&"number"==typeof n&&n<e},errorMessage:`Value must be less than ${e}`}),It={validationFn:e=>"string"==typeof e&&""!==e,errorMessage:"This field is required"},Mt={validationFn:e=>!e||""===e||!("string"!=typeof e||!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(e)),errorMessage:"Value must be a valid email format"},Lt={validationFn:e=>!e||""===e||!("string"!=typeof e||!/^\(?([0-9]{3,4})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/.test(e)),errorMessage:"Value must have a valid phone number format"},Ft=e=>({validationFn:t=>!t||"string"==typeof t&&t.length>=e,errorMessage:`Value must have at least ${e} characters`}),$t=e=>({validationFn:t=>!t||"string"==typeof t&&t.length<=e,errorMessage:`Value must not exceed ${e} characters`}),qt=e=>({validationFn:t=>{if(!t||""===t)return!0;const n=new RegExp(e);return!("string"!=typeof t||!n.test(t))},errorMessage:`Value must match the pattern: ${"function"==typeof e.toString?e.toString():e}`}),Bt=(e,t,n)=>{c(n)&&n(null);let r=!0;if("object"==typeof t){let o;for(const n of t||[])if(r=n.validationFn(e),!r){o=n;break}o&&c(n)&&n(o.errorMessage)}return r},Ht={keyProp:"key",valueProp:"value"},zt={validationFn:e=>!0===e,errorMessage:"You much select this checkbox"},Vt=(t,n,r)=>((e,t)=>"object"==typeof t&&Array.isArray(t)?[...e,...t]:"object"==typeof t?[...e,t]:e)((0,e.useMemo)((()=>{const{required:e,min:r,max:o,pattern:a,minLength:l,maxLength:s,isEmail:c,isTel:m}=n;let d=[];return e&&("string"===t?d=[...d,It]:"number"===t?d=[...d,Nt]:"boolean"===t&&(d=[...d,zt])),a&&(d=[...d,qt(a)]),c&&(d=[...d,Mt]),m&&(d=[...d,Lt]),i(l)&&(d=[...d,Ft(l)]),i(s)&&(d=[...d,$t(s)]),i(r)&&(d=[...d,Pt(r)]),i(o)&&(d=[...d,kt(o)]),d}),[]),r),Rt=({Element:e="li",option:n,active:r,enableActiveStyles:o=!0,renderCustomOption:a,href:l="#",target:s,onClick:i,rootClassName:m,rootStyles:h,theme:y="light"})=>{const f=p(d({dropdown_option_base:!0,[`dropdown_option_hover_theme_${y}`]:o&&!r,[`dropdown_option_active_theme_${y}`]:!0===o&&!0===r},m,{no_select:!0}),u("dropdown_option_theme_",y));return c(a)?a({theme:y,active:r,option:n}):t().createElement(e,{"data-testid":"dropdown-option-root",href:l,target:s,onClick:()=>{"a"!==e&&c(i)&&i()},className:f,style:h},n)},At=(t,n)=>{(0,e.useEffect)((()=>{const e=e=>{t.current&&!t.current.contains(e.target)&&n()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[t])};const Wt=n=>{var{id:r,selectedKey:o,value:a,options:i,onChange:h,error:y,setError:f,required:g=!1,disabled:b=!1,asNavItem:v=!1,expandOn:_="click",OptionsContainerElement:O="ul",children:w,optionsMaxHeight:E,headerClassName:S,headerStyles:j={},optionsContainerClassName:N,optionsContainerStyles:C={},rootClassName:x,rootStyles:P={},theme:k="light"}=n,I=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["id","selectedKey","value","options","onChange","error","setError","required","disabled","asNavItem","expandOn","OptionsContainerElement","children","optionsMaxHeight","headerClassName","headerStyles","optionsContainerClassName","optionsContainerStyles","rootClassName","rootStyles","theme"]);const M=(0,e.useRef)(),[L,F]=(0,e.useState)(!1),$=Vt("string",{required:g});At(M,(()=>{F(!1)})),(0,e.useEffect)((()=>{Bt(a,$,f)}),[a]);const q=p(d(m({form_input_container:!0!==v,dropdown_container:!0},I),x,{disabled:b,no_select:!0})),B=p(d({dropdown_header:!0,dropdown_header_navItem:!0===v,dropdown_header_opened:!v&&L},S,{no_select:!0}),u(v?"dropdown_header_navItem_theme_":"dropdown_header_theme_",k)),H=p(d({dropdown_options_container:!0,dropdown_options_container_navItem:!0===v,dropdown_options_show:!0===L},N,{no_select:!0}),u(v?"dropdown_options_container_navItem_theme_":"dropdown_options_container_theme_",k)),z=l()({dropdown_icon_invert:L});return t().createElement("div",{id:r||"resoi_dropdown_select","data-testid":"dropdown-select-root",ref:M,className:q,style:P,onMouseEnter:()=>{"hover"!==_||b||F(!0)},onMouseLeave:()=>{"hover"!==_||b||F(!1)}},t().createElement("div",{role:"button","data-testid":"dropdown-select-header",className:B,style:j,onClick:()=>{"click"!==_||b||F(!L)}},t().createElement("span",null,s(R=a)&&"string"==typeof R?a:"Select an option"),t().createElement(V,{rootClassName:z,SvgIcon:dt,width:24,height:24})),t().createElement(O,{"data-testid":"dropdown-select-options-container",className:H,style:Object.assign(Object.assign({},C),{maxHeight:L?E:0})},i&&i.length>0?i.map(((e,n)=>t().createElement(Rt,{testKey:e.key,Element:"li",theme:k,active:"string"==typeof o&&o===e.key,key:e.key||`resoui_dddoption_${r||"noid"}_${n}`,option:e.value,onClick:()=>{F(!1),c(h)&&h(e.key)}}))):w||null),y&&t().createElement("p",{"data-testid":"dropdown-select-error",className:"form_input_error"},y));var R};const Tt=e=>{var{htmlFor:n,label:r,description:o,descriptionSelectedKey:a,required:l=!1,labelClassName:s,labelStyles:i={},rootClassName:c,rootStyles:h={},theme:y="light"}=e,f=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["htmlFor","label","description","descriptionSelectedKey","required","labelClassName","labelStyles","rootClassName","rootStyles","theme"]);const g=p(d(m({label_container:!0},f),c,{no_select:!0}),u("label_container_theme_",y)),b=d({label_top:!0,label_top_marginBottom:!!o}),v=p(d({label_label:!0,label_label_margin_right:l},c,{no_select:!0}),u("label_theme_",y));return t().createElement("div",{"data-testid":`label_${n}`,className:g,style:h},t().createElement("div",{className:b},t().createElement("label",{htmlFor:n,className:v,style:i},r),l&&t().createElement("span",{className:"label_required"},"(*required)")),o&&("string"==typeof o?o&&t().createElement("p",{className:"label_description"},o):o&&o[`${a}`]?t().createElement("p",{className:"label_description"},o[`${a}`]):null))};const Dt=e=>{var{id:n=null,disabled:r=!1,inheritWidth:o=!1,inline:a=!1,text:l="Submit",rootClassName:s,rootStyles:i={},theme:c="dark"}=e,m=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["id","disabled","inheritWidth","inline","text","rootClassName","rootStyles","theme"]);const h=p(d({submit_button:!0},s,{disabled:r,no_select:!0}),u("submit_button_theme_",c));return t().createElement(y,Object.assign({id:n,role:"submit",text:l,inheritWidth:o,inline:a,rootClassName:h,rootStyles:i,disabled:r},m))};const Kt=n=>{var{id:r=null,value:o,onChange:a,onBlur:l,onFocus:s,useHTMLErrorMessage:i=!1,noShadowOnFocus:c=!1,validateOnLoad:h,error:y,setError:f,disabled:g=!1,required:b=!1,readonly:v=!1,autofocus:_=!1,type:O="text",autocomplete:w="off",placeholder:E,pattern:S,minLength:j,maxLength:N,size:C=50,rootClassName:x,rootStyles:P={},inputClassName:k,inputStyles:I={},theme:M="light",customValidators:L=[]}=n,F=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["id","value","onChange","onBlur","onFocus","useHTMLErrorMessage","noShadowOnFocus","validateOnLoad","error","setError","disabled","required","readonly","autofocus","type","autocomplete","placeholder","pattern","minLength","maxLength","size","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);const $=Vt("string",{required:b,minLength:j,maxLength:N,isEmail:"email"===O,isTel:"tel"===O,pattern:S},L);(0,e.useEffect)((()=>{h&&Bt(o,$,f)}),[]);const q=p(d(m({form_input_container:!0,input_textfield_container:!0},F),x)),B=p(d({input_textarea:!0,form_controls_input:!0,form_controls_focus_noshadow:!0===c},k,{disabled:g}),u("input_text_theme_",M));return t().createElement("div",{"data-testid":`text-input-${r}-container`,className:q,style:P},t().createElement("input",{"data-testid":`text-input-${r}-input`,id:r,type:O,value:o||"",onChange:e=>{const t=e.target.value;Bt(t,$,f),a(t)},onBlur:l,onFocus:s,onInvalid:e=>{i||(e.preventDefault(),Bt(o,$,f))},disabled:g,readOnly:v,required:b,autoFocus:_,autoComplete:w,size:C,maxLength:N,minLength:j,className:B,placeholder:E,pattern:S&&"function"==typeof S.toString?S.toString():S,style:I}),y&&t().createElement("p",{"data-testid":`text-input-${r}-error`,className:"form_input_error"},y))};const Ut=n=>{var{id:r=null,value:o,onChange:a,onBlur:l,onFocus:s,useHTMLErrorMessage:i=!1,noShadowOnFocus:c=!1,validateOnLoad:h,error:y,setError:f,disabled:g=!1,required:b=!1,readonly:v=!1,autofocus:_=!1,wrap:O="soft",placeholder:w,cols:E=50,rows:S=4,formId:j,minLength:N,maxLength:C=255,name:x="resoui_textarea_input",rootClassName:P,rootStyles:k={},inputClassName:I,inputStyles:M={},theme:L="light",customValidators:F=[]}=n,$=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["id","value","onChange","onBlur","onFocus","useHTMLErrorMessage","noShadowOnFocus","validateOnLoad","error","setError","disabled","required","readonly","autofocus","wrap","placeholder","cols","rows","formId","minLength","maxLength","name","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);const q=Vt("string",{required:b,minLength:N,maxLength:C},F);(0,e.useEffect)((()=>{h&&Bt(o,q,f)}),[]);const B=p(d(m({form_input_container:!0,input_textarea_container:!0},$),P)),H=p(d({textarea_input:!0,textarea_input_focus_noshadow:!0===c},I,{disabled:g}),u("textarea_input_theme_",L));return t().createElement("div",{"data-testid":`text-area-${r}-container`,className:B,style:k},t().createElement("textarea",{"data-testid":`text-area-${r}-input`,wrap:O,id:r,value:o||"",onChange:e=>{const t=e.target.value;Bt(t,q,f),a(t)},onBlur:l,onFocus:s,onInvalid:e=>{i||(e.preventDefault(),Bt(o,q,f))},disabled:g,readOnly:v,required:b,autoFocus:_,rows:S,form:j,name:x,placeholder:w,minLength:N,maxLength:C,className:H,style:M}),y&&t().createElement("p",{"data-testid":`text-area-${r}-error`,className:"form_input_error"},y))};const Yt=n=>{var{id:r=null,value:o,onChange:a,onBlur:l,onFocus:s,useHTMLErrorMessage:i=!1,noShadowOnFocus:c=!1,validateOnLoad:h=!1,error:y,setError:f,disabled:g=!1,required:b=!1,readonly:v=!1,autofocus:_=!1,autocomplete:O="off",min:w=0,max:E,step:S="any",rootClassName:j,rootStyles:N={},inputClassName:C,inputStyles:x={},theme:P="light",customValidators:k=[]}=n,I=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["id","value","onChange","onBlur","onFocus","useHTMLErrorMessage","noShadowOnFocus","validateOnLoad","error","setError","disabled","required","readonly","autofocus","autocomplete","min","max","step","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);(0,e.useEffect)((()=>{const e=e=>{const t=document.activeElement;"number"===t.type&&t.blur()};return document.addEventListener("wheel",e),()=>{document.removeEventListener("wheel",e)}}),[]);const M=Vt("number",{required:b,min:w,max:E},k);(0,e.useEffect)((()=>{h&&Bt(o,M,f)}),[]);const L=p(d(m({form_input_container:!0,input_number_container:!0},I),j)),F=p(d({input_number:!0,form_controls_input:!0,form_controls_focus_noshadow:!0===c},C,{disabled:g,no_select:!0}),u("input_number_theme_",P));return t().createElement("div",{"data-testid":`number-input-${r}-container`,className:L,style:N},t().createElement("input",{id:r,"data-testid":`number-input-${r}-input`,type:"number",value:Number(o).toString(),onChange:e=>{const t=e.target.value;Bt(t,M,f),a(Number(t))},onBlur:l,onFocus:s,onInvalid:e=>{i||e.preventDefault()},disabled:g,readOnly:v,required:b,autoFocus:_,autoComplete:O,max:E,min:w,step:S,className:F,style:x}),y&&t().createElement("p",{"data-testid":`number-input-${r}-error`,className:"form_input_error"},y))};const Qt=n=>{var{id:r=null,children:o,value:a,onChange:l,onBlur:s,onFocus:i,useHTMLErrorMessage:c=!1,validateOnLoad:h,error:y,setError:f,disabled:g=!1,required:b=!1,readonly:v=!1,autofocus:_=!1,rootClassName:O,rootStyles:w={},inputClassName:E,inputStyles:S={},theme:j="light",customValidators:N=[]}=n,C=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["id","children","value","onChange","onBlur","onFocus","useHTMLErrorMessage","validateOnLoad","error","setError","disabled","required","readonly","autofocus","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);const x=Vt("boolean",{required:b},N);(0,e.useEffect)((()=>{h&&Bt(a,x,f)}),[]);const P=p(d(m({form_input_container:!0,checkbox_container:!0},C),O),u("checkbox_theme_",j)),k=p(d({input_text:!0,form_controls_input:!0,input_checkbox:!0},E,{disabled:g}));return t().createElement("div",{className:P,style:w,"data-testid":`checkbox-${r}-container`},t().createElement("input",{"data-testid":`checkbox-${r}-input`,id:r,type:"checkbox",checked:a,onChange:e=>{const t=e.target.checked;Bt(t,x,f),l(t)},onBlur:s,onFocus:i,onInvalid:e=>{c||(e.preventDefault(),Bt(a,x,f))},disabled:g,readOnly:v,required:b,autoFocus:_,className:k,style:S}),t().createElement("div",{className:"checkbox_right_container"},o&&t().createElement("div",{className:"checkbox_children"},o),y&&t().createElement("p",{"data-testid":`checkbox-${r}-error`,className:"form_input_error checkbox_error"},y)))};const Xt=n=>{var{id:r,name:o,selectedKey:a,value:l,options:s,onChange:i,error:h,setError:y,required:f=!1,disabled:g=!1,optionsContainerClassName:b,optionsContianerStyles:v={},labelClassName:_,labelStyles:O={},radioClassName:w,radioStyles:E={},rootClassName:S,rootStyles:j={},theme:N="light"}=n,C=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["id","name","selectedKey","value","options","onChange","error","setError","required","disabled","optionsContainerClassName","optionsContianerStyles","labelClassName","labelStyles","radioClassName","radioStyles","rootClassName","rootStyles","theme"]);const x=Vt("string",{required:f});(0,e.useEffect)((()=>{Bt(l,x,y)}),[l]);const P=p(d(m({form_input_container:!0,radioselect_container:!0},C),S,{disabled:g,no_select:!0})),k=p(d({radioselect_options_container:!0},b,{no_select:!0})),I=p(d({radioselect_radio:!0},w,{disabled:g,no_select:!0})),M=p(d({radioselect_label:!0},_,{no_select:!0}),u("radioselect_label_theme_",N));return t().createElement("div",{"data-testid":"radioselect-root",id:r,className:P,style:j},t().createElement("div",{"data-testid":"radioselect-options-container",className:k,style:v},s.map(((e,n)=>{const r=`resoui_radioselect_${o}_${n}`,l=`resoui_radioselect_${o}_input_${e.key}`;return t().createElement("div",{key:r,className:I,style:E},t().createElement("input",{"data-testid":l,className:"radioselect_input",type:"radio",disabled:g,required:f,id:l,value:e.key,name:o,checked:a===e.key,onChange:()=>{c(i)&&i(e.key)}}),t().createElement("label",{"data-testid":`radioselect-label-${e.key}`,htmlFor:l,className:M,style:O},e.value))}))),h&&t().createElement("p",{"data-testid":"radioselect-error",className:"form_input_error"},h))},Gt=t=>{const[n,r]=(0,e.useState)(t),[o,a]=(0,e.useState)(void 0);return{value:n,setValue:r,error:o,setError:a}},Jt=(t,n,r)=>{const o=Object.assign(Object.assign({},Ht),r||{}),a=(0,e.useMemo)((()=>((e,t)=>{const n=Object.assign(Object.assign({},Ht),t||{}),{keyProp:r,valueProp:o,initObject:a}=n,l=[];return e.forEach((e=>{l.push({key:e[r],value:e[o]})})),a&&Object.keys(a).length>0?[a,...l]:l})(n,o)),[n]),l=(0,e.useMemo)((()=>(e=>{const t={};return e.forEach(((e,n)=>{t[e.key]=e.value})),t})(a)),[a]),[s,i]=(0,e.useState)(t),[c,m]=(0,e.useState)(void 0);return{value:(0,e.useMemo)((()=>{if(void 0!==typeof t)return l[s]}),[s]),selectedKey:s,setSelectedKey:i,options:a,error:c,setError:m}},Zt=(e,t,n)=>Jt(e,t,n),en=(e,t,n)=>Jt(e,t,n)})(),o})()));
2
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["reso-ui"]=t(require("react")):e["reso-ui"]=t(e.React)}(this,(e=>(()=>{var t={440:t=>{"use strict";t.exports=e},84:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=l(e,a(n)))}return e}function a(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return o.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=l(t,n));return t}function l(e,t){return t?e?e+" "+t:e+t:e}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,r),a.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{"use strict";r.r(o),r.d(o,{ACCEPT_STRING_REGEX:()=>st,AboutIcon:()=>p,Back:()=>Ft,Banner:()=>Lt,BannerWrapper:()=>$t,Button:()=>mt,CardContainer:()=>Bt,CardContent:()=>qt,CardSummaryValue:()=>Ht,CartIcon:()=>Be,CenterContainer:()=>zt,Checkbox:()=>yt,ChevronDoubleLeft:()=>E,ChevronDoubleRight:()=>C,ChevronSingleLeft:()=>f,ChevronSingleRight:()=>v,ComponentError:()=>Wt,ControlWrapper:()=>m,DashboardIcon:()=>k,DefaultTheme:()=>n,DeleteIcon:()=>Pe,Dialog:()=>Qt,DropdownDown:()=>Ee,DropdownOption:()=>rt,DropdownSelect:()=>lt,DropdownUp:()=>_e,EditIcon:()=>Ce,Example:()=>Zt,ExternalLinks:()=>en,FileInput:()=>it,Flex:()=>c,Footer:()=>tn,FormContainer:()=>s,FullScreenError:()=>Jt,Hero:()=>on,HomeIcon:()=>L,HorizontalScrollContainer:()=>Rt,HorizontalScrollItem:()=>Vt,Icon:()=>nn,Image:()=>rn,Label:()=>ct,Loader:()=>Tt,LoaderIcon:()=>se,LoadingContainer:()=>Dt,LogoutIcon:()=>z,Main:()=>Kt,ModalBody:()=>Gt,ModalContainer:()=>Yt,ModalHeader:()=>Xt,MultiImageViewer:()=>an,NavItem:()=>sn,Navbar:()=>ln,NumberInput:()=>ht,OrdersIcon:()=>Fe,PanelContainer:()=>cn,PanelRow:()=>dn,PanelTitle:()=>mn,ProductsIcon:()=>T,ProfileIcon:()=>K,QuantityCounter:()=>un,RadioSelect:()=>ft,SettingsIcon:()=>G,StarEmptyIcon:()=>ge,StarFullIcon:()=>me,StarHalf:()=>he,SubFormContainer:()=>i,SubmitButton:()=>dt,Text:()=>At,TextArea:()=>pt,TextInput:()=>ut,UploadIcon:()=>Z,UsersIcon:()=>re,View:()=>Ut,numberIsLessThan:()=>Ae,numberIsMoreThanOrEqualsTo:()=>Ve,numberIsPositiveInteger:()=>Re,numberIsRequired:()=>He,stringHasMaxLength:()=>Ue,stringHasMinLength:()=>Ke,stringIsEmail:()=>We,stringIsPhoneDefault:()=>De,stringIsRequired:()=>Te,stringMatchesRegex:()=>Ye,useClickOutside:()=>ot,useDropdown:()=>Ot,useFileInput:()=>vt,useFileInputDefaultConfig:()=>bt,useFormInput:()=>gt,useRadioSelect:()=>wt,useSelectableOptions:()=>_t,validate:()=>Ge,valueIsNumber:()=>ze});var e=r(440),t=r.n(e);const n="light";var a=r(84),l=r.n(a);const s=e=>{var{id:n,rootClassName:r,rootStyles:o={},onSubmit:a,onInvalid:l,noValidate:s=!1,children:i,theme:c="light"}=e,m=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["id","rootClassName","rootStyles","onSubmit","onInvalid","noValidate","children","theme"]);const d=Mt(Pt(It({form_container:!0},m),r),kt("form_container_theme_",c));return t().createElement("form",{id:n,onInvalid:l,noValidate:s,"data-testid":"form-root",className:d,style:o,onSubmit:e=>{e.preventDefault(),a()}},i)};const i=e=>{var{title:n,rootClassName:r,rootStyles:o={},headerClassName:a,headerStyles:l={},children:s,theme:i="light"}=e,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["title","rootClassName","rootStyles","headerClassName","headerStyles","children","theme"]);const m=Mt(Pt(It({subForm_container:!0},c),r),kt("subForm_container_theme_",i)),d=Mt(Pt({subForm_header:!0,heading:!0},a,{no_select:!0}),kt("subForm_header_theme_",i));return t().createElement("div",{"data-testid":"subForm-root",className:m,style:o},t().createElement("div",{"data-testid":"subForm-header",className:d,style:l},n),t().createElement("div",{className:"subForm_content"},s))};const c=e=>{var{direction:n="row",justify:r="space-between",align:o="center",grow:a=!1,shrink:l=!0,basis:s="auto",wrap:i=!1,fullWidth:c=!1,widthFitContent:m=!1,children:d,rootClassName:u,borderColor:p=null,rootStyles:h={}}=e,y=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["direction","justify","align","grow","shrink","basis","wrap","fullWidth","widthFitContent","children","rootClassName","borderColor","rootStyles"]);const f=Mt(Pt(It({flex_container:!0,[`flex_${n}`]:!0,[`flex_justify_${r}`]:!0,[`flex_align_${o}`]:!0,flex_grow:a,flex_shrink:l,flex_no_shrink:!l,flex_wrap:i},y),u,{width_full:c,width_fit_content:m})),g=s&&"auto"===s?"auto":"string"==typeof s?s:0;return t().createElement("div",{"data-testid":"flex-container-root",style:Object.assign({border:p?`2px solid ${p}`:null,flexBasis:g},h),className:f},d)};const m=e=>{var{rootClassName:n,rootStyles:r={},children:o,theme:a="light",mb:l=4}=e,s=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["rootClassName","rootStyles","children","theme","mb"]);const i=Mt(Pt({control_container:!0},n),kt("control_container_theme_",a));return t().createElement(c,Object.assign({direction:"row",align:"start",justify:"start",rootClassName:i,rootStyles:r,mb:l},s),o)};var d;function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}const p=function(t){return e.createElement("svg",u({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),d||(d=e.createElement("path",{fill:"current",d:"M16 5C9.924 5 5 9.925 5 16c0 6.074 4.925 11 11 11 6.074 0 11-4.926 11-11 0-6.075-4.926-11-11-11m2.29 17.048q-.85.335-1.355.51-.507.176-1.176.176-1.028 0-1.599-.502a1.62 1.62 0 0 1-.569-1.273q0-.3.042-.613.044-.314.137-.707l.709-2.503q.093-.361.16-.681.063-.32.062-.59 0-.478-.197-.667-.198-.188-.757-.187-.274 0-.563.083a8 8 0 0 0-.493.164l.187-.77a18 18 0 0 1 1.332-.486 4 4 0 0 1 1.201-.203q1.02.001 1.576.494.552.493.553 1.281 0 .163-.038.574a4 4 0 0 1-.142.756l-.705 2.495q-.087.301-.155.686a3.6 3.6 0 0 0-.068.583q0 .497.222.678.221.18.77.18.258 0 .583-.09t.471-.158zm-.125-10.13a1.68 1.68 0 0 1-1.188.458 1.7 1.7 0 0 1-1.192-.458 1.46 1.46 0 0 1-.496-1.11q.002-.651.496-1.115.498-.463 1.192-.462.695 0 1.188.462.492.464.493 1.114 0 .653-.493 1.111"})))};var h;function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(this,arguments)}const f=function(t){return e.createElement("svg",y({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),h||(h=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"m9.071 2 1.414 1.414-4.657 4.657 4.657 4.657-1.414 1.414L3 8.071z",clipRule:"evenodd"})))};var g;function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}const v=function(t){return e.createElement("svg",b({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),g||(g=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M6.929 2 5.515 3.414l4.657 4.657-4.657 4.657 1.414 1.414L13 8.071z",clipRule:"evenodd"})))};var _,O;function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},w.apply(this,arguments)}const E=function(t){return e.createElement("svg",w({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),_||(_=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M8.485 3.414 7.071 2 1 8.071l6.071 6.071 1.414-1.414L3.828 8.07z",clipRule:"evenodd"})),O||(O=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M13.485 3.414 12.071 2 6 8.071l6.071 6.071 1.414-1.414L8.828 8.07z",clipRule:"evenodd"})))};var S,N;function j(){return j=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},j.apply(this,arguments)}const C=function(t){return e.createElement("svg",j({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},t),S||(S=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M7.515 3.414 8.929 2 15 8.071l-6.071 6.071-1.414-1.414 4.657-4.657z",clipRule:"evenodd"})),N||(N=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M2.515 3.414 3.929 2 10 8.071l-6.071 6.071-1.414-1.414L7.172 8.07z",clipRule:"evenodd"})))};var x,I;function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},P.apply(this,arguments)}const k=function(t){return e.createElement("svg",P({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"current",viewBox:"0 0 32 32"},t),x||(x=e.createElement("g",{clipPath:"url(#dashboard_svg__a)"},e.createElement("path",{d:"M24.542 6H7.458A1.46 1.46 0 0 0 6 7.458v2.084A1.46 1.46 0 0 0 7.458 11h17.084A1.46 1.46 0 0 0 26 9.542V7.458A1.46 1.46 0 0 0 24.542 6M7.458 25.998h6.25a1.46 1.46 0 0 0 1.459-1.458V14.123a1.46 1.46 0 0 0-1.459-1.458h-6.25A1.46 1.46 0 0 0 6 14.123V24.54a1.46 1.46 0 0 0 1.458 1.458M24.542 12.665h-6.25a1.46 1.46 0 0 0-1.459 1.458v2.917a1.46 1.46 0 0 0 1.459 1.458h6.25A1.46 1.46 0 0 0 26 17.04v-2.917a1.46 1.46 0 0 0-1.458-1.458M24.542 20.165h-6.25a1.46 1.46 0 0 0-1.459 1.458v2.917a1.46 1.46 0 0 0 1.459 1.458h6.25A1.46 1.46 0 0 0 26 24.54v-2.917a1.46 1.46 0 0 0-1.458-1.458"}))),I||(I=e.createElement("defs",null,e.createElement("clipPath",{id:"dashboard_svg__a"},e.createElement("path",{fill:"#fff",d:"M6 6h20v20H6z"})))))};var M;function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},F.apply(this,arguments)}const L=function(t){return e.createElement("svg",F({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),M||(M=e.createElement("path",{fill:"current",d:"m26.406 14.569-.001-.002-8.974-8.973A2.01 2.01 0 0 0 15.998 5c-.54 0-1.049.21-1.432.593l-8.97 8.97-.008.009a2.03 2.03 0 0 0 .004 2.86 2.01 2.01 0 0 0 1.406.594h.358v6.604A2.373 2.373 0 0 0 9.726 27h3.511a.645.645 0 0 0 .645-.645v-5.177c0-.597.485-1.082 1.081-1.082h2.071c.596 0 1.081.485 1.081 1.082v5.177c0 .357.289.645.645.645h3.511a2.373 2.373 0 0 0 2.37-2.37v-6.604h.332a2.029 2.029 0 0 0 1.433-3.457"})))};var $,B,q;function H(){return H=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},H.apply(this,arguments)}const z=function(t){return e.createElement("svg",H({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),$||($=e.createElement("path",{d:"M0 0h32v32H0z"})),B||(B=e.createElement("g",{fill:"current",clipPath:"url(#logout_svg__a)"},e.createElement("path",{d:"M20 17a1 1 0 0 0-1 1v4c0 .551-.448 1-1 1h-3V8c0-.854-.544-1.617-1.362-1.9l-.296-.1H18c.552 0 1 .45 1 1v3a1 1 0 1 0 2 0V7c0-1.654-1.346-3-3-3H7.25c-.038 0-.07.018-.107.022C7.095 4.018 7.049 4 7 4c-1.103 0-2 .897-2 2v18c0 .854.544 1.617 1.362 1.901l6.018 2.006c.204.063.407.093.62.093 1.103 0 2-.897 2-2v-1h3c1.654 0 3-1.346 3-3v-4a1 1 0 0 0-1-1"}),e.createElement("path",{d:"m28.707 13.293-4-4A1 1 0 0 0 23 10v3h-4a1 1 0 0 0 0 2h4v3a1 1 0 0 0 1.707.707l4-4a1 1 0 0 0 0-1.414"}))),q||(q=e.createElement("defs",null,e.createElement("clipPath",{id:"logout_svg__a"},e.createElement("path",{fill:"current",d:"M5 4h24v24H5z"})))))};var R,V;function A(){return A=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},A.apply(this,arguments)}const T=function(t){return e.createElement("svg",A({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),R||(R=e.createElement("g",{fill:"current",clipPath:"url(#products_svg__a)"},e.createElement("path",{d:"M11.597 16.762h9.14c.421 0 .762-.341.762-.762V6.809c0-.421-.34-.762-.762-.762h-2.285v-.762A2.29 2.29 0 0 0 16.167 3a2.29 2.29 0 0 0-2.285 2.285v.762h-2.285a.76.76 0 0 0-.762.762v9.19c0 .422.34.763.762.763m3.808-11.477a.763.763 0 0 1 1.524 0v.762h-1.524z"}),e.createElement("path",{d:"M27.264 15.606a.76.76 0 0 0-.652-.368 3.61 3.61 0 0 0-3.196 1.934l-2.337 4.46a2.28 2.28 0 0 1-2.024 1.223h-5.173a.761.761 0 1 1 0-1.523h5.173a.76.76 0 0 0 .675-.408l.873-1.667a.664.664 0 0 0-.589-.972h-7.917a3.79 3.79 0 0 0-2.693 1.116l-4.505 4.505a.76.76 0 0 0 0 1.077l3.809 3.794a.76.76 0 0 0 1.077 0l2.889-2.875h6.38a5.32 5.32 0 0 0 4.724-2.857l3.508-6.69a.76.76 0 0 0-.022-.75"}))),V||(V=e.createElement("defs",null,e.createElement("clipPath",{id:"products_svg__a"},e.createElement("path",{fill:"#fff",d:"M3 3h26v26H3z"})))))};var W;function D(){return D=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},D.apply(this,arguments)}const K=function(t){return e.createElement("svg",D({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),W||(W=e.createElement("path",{fill:"current",d:"M16 4.001c-6.627 0-12 5.372-12 12C4 22.627 9.373 28 16 28c6.628 0 12-5.372 12-12 0-6.627-5.372-11.999-12-11.999m0 3.588a3.97 3.97 0 1 1 0 7.939 3.97 3.97 0 0 1 0-7.939m-.003 17.274a8.8 8.8 0 0 1-5.735-2.115 1.7 1.7 0 0 1-.593-1.286 4.003 4.003 0 0 1 4.022-4.001h4.619a3.997 3.997 0 0 1 4.016 4.001c0 .495-.216.964-.593 1.285a8.8 8.8 0 0 1-5.736 2.116"})))};var U;function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Y.apply(this,arguments)}const G=function(t){return e.createElement("svg",Y({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),U||(U=e.createElement("path",{fill:"current",d:"M27.903 14.496c-.157-1.211-1.418-2.04-2.625-1.588-.452.171-.996-.083-1.2-.54a9 9 0 0 0-.891-1.548c-.31-.431-.251-.995.134-1.313.46-.378.717-.937.705-1.532a1.96 1.96 0 0 0-.782-1.53 12 12 0 0 0-2.587-1.494 2 2 0 0 0-.773-.157c-.958 0-1.766.681-1.922 1.619-.082.493-.549.828-1.075.771a8.5 8.5 0 0 0-1.775 0c-.524.057-.993-.278-1.075-.771a1.94 1.94 0 0 0-1.922-1.62q-.4.001-.772.158c-.92.387-1.79.889-2.588 1.494a1.96 1.96 0 0 0-.781 1.529 1.93 1.93 0 0 0 .705 1.534c.386.317.443.88.134 1.31a9 9 0 0 0-.892 1.55c-.204.456-.708.724-1.211.535a2 2 0 0 0-.681-.124c-.976 0-1.806.738-1.933 1.717a11.811 11.811 0 0 0 0 3.008c.157 1.21 1.417 2.039 2.626 1.588.451-.171.996.083 1.2.539.244.544.543 1.065.891 1.549.31.43.251.995-.134 1.313-.46.378-.717.937-.705 1.532a1.96 1.96 0 0 0 .782 1.53 12 12 0 0 0 2.587 1.494q.374.156.773.157c.958 0 1.766-.681 1.922-1.62.082-.492.55-.822 1.075-.77a8.5 8.5 0 0 0 1.775 0c.526-.053.993.278 1.075.77a1.94 1.94 0 0 0 1.922 1.62c.265 0 .525-.053.772-.157.919-.387 1.79-.89 2.587-1.494.484-.368.77-.925.782-1.53a1.93 1.93 0 0 0-.705-1.533c-.386-.317-.443-.881-.134-1.311a9 9 0 0 0 .892-1.55c.204-.456.709-.723 1.211-.534q.331.125.681.125c.976 0 1.806-.738 1.933-1.717a11.903 11.903 0 0 0-.001-3.01M16 20c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4"})))};var X,Q;function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},J.apply(this,arguments)}const Z=function(t){return e.createElement("svg",J({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),X||(X=e.createElement("path",{fill:"#434B59",d:"M24.39 17.093c-.885 0-1.603.718-1.603 1.604v4.095H9.207v-4.095a1.604 1.604 0 0 0-3.207 0v5.699C6 25.282 6.718 26 7.604 26H24.39c.885 0 1.603-.718 1.603-1.604v-5.7c0-.885-.718-1.603-1.604-1.603"})),Q||(Q=e.createElement("path",{fill:"#434B59",d:"m12.603 13.266 1.79-1.79v5.975a1.604 1.604 0 0 0 3.208 0v-5.975l1.79 1.79c.313.313.724.47 1.134.47s.821-.157 1.134-.47a1.604 1.604 0 0 0 0-2.268L17.131 6.47a1.604 1.604 0 0 0-2.268 0l-4.528 4.528a1.604 1.604 0 1 0 2.268 2.268"})))};var ee,te;function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ne.apply(this,arguments)}const re=function(t){return e.createElement("svg",ne({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 32 32"},t),ee||(ee=e.createElement("g",{fill:"current",clipPath:"url(#users_svg__a)"},e.createElement("path",{d:"M16 13.686a4.078 4.078 0 1 0 0-8.156 4.078 4.078 0 0 0 0 8.156M24.25 13.686a2.578 2.578 0 1 0 0-5.156 2.578 2.578 0 0 0 0 5.156M7.75 13.686a2.578 2.578 0 1 0 0-5.156 2.578 2.578 0 0 0 0 5.156M10.29 16.001c-1.015-.831-1.934-.721-3.107-.721C5.428 15.28 4 16.7 4 18.443v5.12c0 .757.618 1.373 1.379 1.373 3.282 0 2.887.06 2.887-.142 0-3.627-.43-6.287 2.024-8.793"}),e.createElement("path",{d:"M17.116 15.299c-2.05-.171-3.83.001-5.367 1.27-2.572 2.06-2.077 4.833-2.077 8.225 0 .898.73 1.642 1.641 1.642 9.895 0 10.289.32 10.876-.98.192-.44.14-.3.14-4.503 0-3.34-2.892-5.654-5.213-5.654M24.817 15.28c-1.18 0-2.094-.109-3.107.722 2.436 2.486 2.024 4.965 2.024 8.793 0 .202-.328.141 2.838.141.788 0 1.428-.638 1.428-1.422v-5.07c0-1.744-1.428-3.164-3.183-3.164"}))),te||(te=e.createElement("defs",null,e.createElement("clipPath",{id:"users_svg__a"},e.createElement("path",{fill:"#fff",d:"M4 4h24v24H4z"})))))};var oe,ae;function le(){return le=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},le.apply(this,arguments)}const se=function(t){return e.createElement("svg",le({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),oe||(oe=e.createElement("path",{fill:"transparent",d:"M32 0H0v32h32z"})),ae||(ae=e.createElement("path",{fill:"current",d:"M5.541 16c-.851 0-1.551.693-1.442 1.537A12 12 0 1 0 11.53 4.863c-.79.317-1.052 1.266-.637 2.01.416.742 1.353.993 2.156.711a8.917 8.917 0 1 1-5.835 9.95C7.07 16.695 6.392 16 5.541 16"})))};var ie;function ce(){return ce=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ce.apply(this,arguments)}const me=function(t){return e.createElement("svg",ce({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),ie||(ie=e.createElement("path",{fill:"#FFD868",d:"m9 0 2.02 6.219h6.54l-5.29 3.843 2.02 6.22L9 12.437 3.71 16.28l2.02-6.219L.44 6.22h6.54z"})))};var de,ue;function pe(){return pe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},pe.apply(this,arguments)}const he=function(t){return e.createElement("svg",pe({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),de||(de=e.createElement("path",{fill:"#FFD868",fillRule:"evenodd",d:"M8.56 0 6.539 6.219H0l5.29 3.843-2.02 6.22 5.29-3.844z",clipRule:"evenodd"})),ue||(ue=e.createElement("path",{fill:"#C4C4C4",fillRule:"evenodd",d:"M8.56 12.438V0l2.02 6.219h6.539l-5.29 3.843 2.02 6.22z",clipRule:"evenodd"})))};var ye;function fe(){return fe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},fe.apply(this,arguments)}const ge=function(t){return e.createElement("svg",fe({xmlns:"http://www.w3.org/2000/svg",width:18,height:17,fill:"none"},t),ye||(ye=e.createElement("path",{fill:"#D9D7D7",d:"m9 0 2.02 6.219h6.54l-5.29 3.843 2.02 6.22L9 12.437 3.71 16.28l2.02-6.219L.44 6.22h6.54z"})))};var be;function ve(){return ve=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ve.apply(this,arguments)}const _e=function(t){return e.createElement("svg",ve({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 20 20"},t),be||(be=e.createElement("path",{fill:"#8B93A2",d:"M16 14H4l6-7z"})))};var Oe;function we(){return we=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},we.apply(this,arguments)}const Ee=function(t){return e.createElement("svg",we({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 20 20"},t),Oe||(Oe=e.createElement("path",{fill:"#8B93A2",d:"M16 7H4l6 7z"})))};var Se,Ne;function je(){return je=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},je.apply(this,arguments)}const Ce=function(t){return e.createElement("svg",je({xmlns:"http://www.w3.org/2000/svg",width:13,height:13,fill:"none"},t),Se||(Se=e.createElement("rect",{width:3,height:10,fill:"#8B93A2",rx:1,transform:"scale(-1 1)rotate(-45 -3.518 15.735)"})),Ne||(Ne=e.createElement("path",{fill:"#8B93A2",d:"M4.473 9.806 2.35 7.684.964 11z"})))};var xe;function Ie(){return Ie=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ie.apply(this,arguments)}const Pe=function(t){return e.createElement("svg",Ie({xmlns:"http://www.w3.org/2000/svg",width:10,height:12,fill:"none"},t),xe||(xe=e.createElement("path",{fill:"#8B93A2",fillRule:"evenodd",d:"M4 0a1 1 0 0 0-1 1H1a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2H7a1 1 0 0 0-1-1zM1.14 5.124A1 1 0 0 1 2.134 4h5.734a1 1 0 0 1 .993 1.124l-.75 6a1 1 0 0 1-.993.876H2.883a1 1 0 0 1-.992-.876z",clipRule:"evenodd"})))};var ke;function Me(){return Me=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Me.apply(this,arguments)}const Fe=function(t){return e.createElement("svg",Me({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),ke||(ke=e.createElement("path",{fill:"current",fillRule:"evenodd",d:"M11.612 5.923a.99.99 0 0 1 .99-.923h6.763c.52 0 .953.403.99.923l.185 2.648h2.526a2 2 0 0 1 1.995 1.86l1.083 15.429A2 2 0 0 1 24.149 28H8.354a2 2 0 0 1-1.995-2.14L7.44 10.43a2 2 0 0 1 1.995-1.86h1.99zM18.7 8.57h-5.4l.062-.9A.72.72 0 0 1 14.08 7h3.839a.72.72 0 0 1 .718.672zm.264 6.722a1 1 0 0 1 1.414 1.414l-4.287 4.287a1 1 0 0 1-1.602.11l-2.25-2.632a1 1 0 1 1 1.521-1.3l1.532 1.793z",clipRule:"evenodd"})))};var Le;function $e(){return $e=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},$e.apply(this,arguments)}const Be=function(t){return e.createElement("svg",$e({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},t),Le||(Le=e.createElement("path",{fill:"current",d:"M21.188 21.834a2.8 2.8 0 0 0-2.802 2.802 2.8 2.8 0 0 0 2.802 2.803 2.8 2.8 0 0 0 2.803-2.803c-.027-1.536-1.267-2.802-2.803-2.802M26.12 8.469c-.055 0-.135-.027-.216-.027H8.928l-.27-1.806A2.41 2.41 0 0 0 6.26 4.562H4.078C3.485 4.562 3 5.047 3 5.639c0 .593.485 1.078 1.078 1.078H6.26c.135 0 .243.108.27.243L8.2 18.33a2.954 2.954 0 0 0 2.91 2.507h11.21c1.401 0 2.614-.997 2.91-2.372l1.752-8.757a1.065 1.065 0 0 0-.863-1.24M14.317 24.502a2.786 2.786 0 0 0-2.775-2.668 2.82 2.82 0 0 0-2.695 2.91 2.76 2.76 0 0 0 2.749 2.668h.054c1.535-.081 2.748-1.374 2.667-2.91"})))},qe=e=>null===e||void 0===typeof e||"string"==typeof e&&""===e,He={validationFn:e=>!qe(e),errorMessage:"This field is required"},ze={validationFn:e=>{if(qe(e))return!0;const t=Number(e);return!isNaN(t)&&"number"==typeof t},errorMessage:"Value must be a number"},Re={validationFn:e=>{if(qe(e))return!0;const t=Number(e);return!!(!isNaN(t)&&"number"==typeof t&&t>-1&&Number.isInteger(t))},errorMessage:"Value must be a positive integer"},Ve=e=>({validationFn:t=>{if(qe(t))return!0;const n=Number(t);return!isNaN(n)&&"number"==typeof n&&n>=e},errorMessage:`Value must be more than or equals to ${e}`}),Ae=e=>({validationFn:t=>{if(qe(t))return!0;const n=Number(t);return!isNaN(n)&&"number"==typeof n&&n<e},errorMessage:`Value must be less than ${e}`}),Te={validationFn:e=>"string"==typeof e&&""!==e,errorMessage:"This field is required"},We={validationFn:e=>!e||""===e||!("string"!=typeof e||!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(e)),errorMessage:"Value must be a valid email format"},De={validationFn:e=>!e||""===e||!("string"!=typeof e||!/^\(?([0-9]{3,4})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/.test(e)),errorMessage:"Value must have a valid phone number format"},Ke=e=>({validationFn:t=>!t||"string"==typeof t&&t.length>=e,errorMessage:`Value must have at least ${e} characters`}),Ue=e=>({validationFn:t=>!t||"string"==typeof t&&t.length<=e,errorMessage:`Value must not exceed ${e} characters`}),Ye=e=>({validationFn:t=>{if(!t||""===t)return!0;const n=new RegExp(e);return!("string"!=typeof t||!n.test(t))},errorMessage:`Value must match the pattern: ${"function"==typeof e.toString?e.toString():e}`}),Ge=(e,t,n)=>{jt(n)&&n(null);let r=!0;if("object"==typeof t){let o;for(const n of t||[])if(r=n.validationFn(e),!r){o=n;break}o&&jt(n)&&n(o.errorMessage)}return r},Xe={keyProp:"key",valueProp:"value"},Qe={validationFn:e=>!0===e,errorMessage:"You much select this checkbox"},Je={validationFn:e=>"object"==typeof e&&e instanceof File,errorMessage:"Please select a file"},Ze=/^([*]|\w+)\/([*]|\w+)$/,et=/^\.\w+$/,tt=e=>{if("string"==typeof e&&!Ct(e))throw new Error("Invalid string value passed to [fileMatchesAccept] Validator.");const t=e=>!0===Ze.test(e),n=e=>et.test(e),r=e=>"jpeg"===e||"jpg"===e,o=e=>r(e)?"jpg":e,a=(e,t)=>{const[n,a]=e.trim().split("/"),[l,s]=t.trim().split("/");return"*"===l&&"*"===s||("*"===s?n===l:r(a)||r(s)?n===l&&o(a)===o(s):n===l&&a===s)},l=(e,t)=>{const n=e.split("."),a=n[n.length-1],l=t.split("."),s=l[l.length-1];return r(a)||r(t)?o(a)===o(s):`.${a}`===t.trim()};return{validationFn:r=>{if(!r)return!0;const o=e.split(",");if(1===o.length){const e=o[0].trim();if(t(e))return a(r.type,e);if(n(e))return l(r.name,e)}let s=!1;return o.forEach((e=>{const o=e.trim();if(t(o)){if(a(r.type,o))return void(s=!0)}else if(n(o)&&l(r.name,o))return void(s=!0)})),s},errorMessage:"File extension or mimetype is not allowed"}},nt=(t,n,r)=>((e,t)=>"object"==typeof t&&Array.isArray(t)?[...e,...t]:"object"==typeof t?[...e,t]:e)((0,e.useMemo)((()=>{const{required:e,min:r,max:o,pattern:a,minLength:l,maxLength:s,isEmail:i,isTel:c,accept:m}=n;let d=[];return e&&("string"===t?d=[...d,Te]:"number"===t?d=[...d,He]:"boolean"===t?d=[...d,Qe]:"file"===t&&(d=[...d,Je])),a&&(d=[...d,Ye(a)]),m&&(d=[...d,tt(m)]),i&&(d=[...d,We]),c&&(d=[...d,De]),Nt(l)&&(d=[...d,Ke(l)]),Nt(s)&&(d=[...d,Ue(s)]),Nt(r)&&(d=[...d,Ve(r)]),Nt(o)&&(d=[...d,Ae(o)]),d}),[]),r),rt=({Element:e="li",option:n,active:r,enableActiveStyles:o=!0,renderCustomOption:a,href:l="#",target:s,onClick:i,rootClassName:c,rootStyles:m,theme:d="light"})=>{const u=Mt(Pt({dropdown_option_base:!0,[`dropdown_option_hover_theme_${d}`]:o&&!r,[`dropdown_option_active_theme_${d}`]:!0===o&&!0===r},c,{no_select:!0}),kt("dropdown_option_theme_",d));return jt(a)?a({theme:d,active:r,option:n}):t().createElement(e,{"data-testid":"dropdown-option-root",href:l,target:s,onClick:()=>{"a"!==e&&jt(i)&&i()},className:u,style:m},n)},ot=(t,n)=>{(0,e.useEffect)((()=>{const e=e=>{t.current&&!t.current.contains(e.target)&&n()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[t])},at=t=>{(0,e.useEffect)((()=>(t&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow="unset"})),[t])};const lt=n=>{var{id:r,width:o="240px",selectedKey:a,value:s,options:i,onChange:c,error:m,setError:d,required:u=!1,disabled:p=!1,asNavItem:h=!1,expandOn:y="click",OptionsContainerElement:f="ul",children:g,optionsMaxHeight:b,dropdownClassName:v,dropdownStyles:_={},headerClassName:O,headerStyles:w={},optionsContainerClassName:E,optionsContainerStyles:S={},rootClassName:N,rootStyles:j={},theme:C="light"}=n,x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["id","width","selectedKey","value","options","onChange","error","setError","required","disabled","asNavItem","expandOn","OptionsContainerElement","children","optionsMaxHeight","dropdownClassName","dropdownStyles","headerClassName","headerStyles","optionsContainerClassName","optionsContainerStyles","rootClassName","rootStyles","theme"]);const I=(0,e.useRef)(),[P,k]=(0,e.useState)(!1),M=nt("string",{required:u});ot(I,(()=>{k(!1)})),(0,e.useEffect)((()=>{Ge(s,M,d)}),[s]);const F=Mt(Pt(It({form_input_container:!0!==h,dropdown_wrapper:!0},x),N)),L=Mt(Pt({dropdown_container:!0},v,{disabled:p,no_select:!0})),$=Mt(Pt({dropdown_header:!0,dropdown_header_navItem:!0===h,dropdown_header_opened:!h&&P},O,{no_select:!0}),kt(h?"dropdown_header_navItem_theme_":"dropdown_header_theme_",C)),B=Mt(Pt({dropdown_options_container:!0,dropdown_options_container_navItem:!0===h,dropdown_options_show:!0===P},E,{no_select:!0}),kt(h?"dropdown_options_container_navItem_theme_":"dropdown_options_container_theme_",C)),q=l()({dropdown_icon_invert:P});return t().createElement("div",{className:F,style:j},t().createElement("div",{id:r||"resoi_dropdown_select","data-testid":"dropdown-select-root",ref:I,className:L,style:Object.assign(Object.assign({},_),{width:h?"unset":o}),onMouseEnter:()=>{"hover"!==y||p||k(!0)},onMouseLeave:()=>{"hover"!==y||p||k(!1)}},t().createElement("div",{role:"button","data-testid":"dropdown-select-header",className:$,style:w,onClick:()=>{"click"!==y||p||k(!P)}},t().createElement("span",null,St(s)?s:"Select an option"),t().createElement(nn,{rootClassName:q,SvgIcon:Ee,width:24,height:24})),t().createElement(f,{"data-testid":"dropdown-select-options-container",className:B,style:Object.assign(Object.assign({},S),{maxHeight:P?b:0})},i&&i.length>0?i.map(((e,n)=>t().createElement(rt,{testKey:e.key,Element:"li",theme:C,active:"string"==typeof a&&a===e.key,key:e.key||`resoui_dddoption_${r||"noid"}_${n}`,option:e.value,onClick:()=>{k(!1),jt(c)&&c(e.key)}}))):g||null),m&&t().createElement("p",{"data-testid":"dropdown-select-error",className:"form_input_error"},m)))};const st=/^((((([*]|\w+)\/([*]|\w+))|(\.\w+)),?\s*)+)$/,it=n=>{var{id:r="resoui_file_input",onBlur:o,onFocus:a,noShadowOnFocus:l=!1,error:s,setError:i,disabled:c,required:m,readonly:d,value:u="",onChange:p,accept:h,multiple:y=!1,onReset:f,filterExtensionsInUsersFileExplorer:g=!0,labelText:b="Select",placeholder:v="Select a file",selectedFile:_,rootClassName:O,rootStyles:w={},textInputClassName:E,textInputStyles:S={},fileInputClassName:N,fileInputStyles:j={},resetButtonClassName:C,resetButtonStyles:x={},theme:I="light",customValidators:P=[]}=n,k=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["id","onBlur","onFocus","noShadowOnFocus","error","setError","disabled","required","readonly","value","onChange","accept","multiple","onReset","filterExtensionsInUsersFileExplorer","labelText","placeholder","selectedFile","rootClassName","rootStyles","textInputClassName","textInputStyles","fileInputClassName","fileInputStyles","resetButtonClassName","resetButtonStyles","theme","customValidators"]);if(St(h)&&!Ct(h))throw new Error("Invalid string value passed to [accept] property of FileInput component.");const M=nt("file",{required:m,accept:h},P);(0,e.useEffect)((()=>{Ge(_,M,i)}),[_,s]);const F=Mt(Pt(It({form_input_container:!0,fileinput_wrapper:!0},k),O)),L=Mt(Pt({fileinput_textinput:!0,form_controls_input:!0,form_controls_focus_noshadow:!0===l},E,{disabled:c}),kt("fileinput_textinput_theme_",I)),$=Mt(Pt({fileinput_fileinput:!0},N,{disabled:c,no_select:!0}),kt("fileinput_fileinput_theme_",I)),B=Mt(Pt({fileinput_reset_button:!0},C,{disabled:c||!St(u),no_select:!0}),kt("fileinput_resetbtn_theme_",I));return t().createElement("div",{"data-testid":`file-input-${r}-wrapper`,className:F,style:w},t().createElement("div",{className:"resoui_fileinput_row"},t().createElement("input",{id:`resoui-file-input-textinput-${r}`,type:"text",value:String(u),readOnly:!0,className:L,placeholder:v,disabled:!0,onBlur:o,onFocus:a}),t().createElement("label",{className:$,htmlFor:`resoui-file-input-fileinput-${r}`},t().createElement("input",{id:`resoui-file-input-fileinput-${r}`,name:r,type:"file",value:"",className:"_resoui_fileinput_input",disabled:c,accept:g?h:void 0,multiple:y,onChange:e=>{(e=>{var t;if(null===(t=e.target)||void 0===t?void 0:t.files[0]){const t=e.target.files[0];p(t)}})(e)}}),b),t().createElement("button",{className:B,onClick:()=>{jt(f)&&f()},disabled:!St(u)},"Reset")),s&&t().createElement("p",{"data-testid":`file-input-${r}-error`,className:"form_input_error"},s))};const ct=e=>{var{htmlFor:n,label:r,description:o,descriptionSelectedKey:a,required:l=!1,labelClassName:s,labelStyles:i={},rootClassName:c,rootStyles:m={},theme:d="light"}=e,u=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["htmlFor","label","description","descriptionSelectedKey","required","labelClassName","labelStyles","rootClassName","rootStyles","theme"]);const p=Mt(Pt(It({label_container:!0},u),c,{no_select:!0}),kt("label_container_theme_",d)),h=Pt({label_top:!0,label_top_marginBottom:!!o}),y=Mt(Pt({label_label:!0,label_label_margin_right:l},c,{no_select:!0}),kt("label_theme_",d));return t().createElement("div",{"data-testid":`label_${n}`,className:p,style:m},t().createElement("div",{className:h},t().createElement("label",{htmlFor:n,className:y,style:i},r),l&&t().createElement("span",{className:"label_required"},"(*required)")),o&&("string"==typeof o?o&&t().createElement("p",{className:"label_description"},o):o&&o[`${a}`]?t().createElement("p",{className:"label_description"},o[`${a}`]):null))};const mt=e=>{var{id:n=null,type:r="plain",role:o="button",text:a,onClick:l,disabled:s=!1,inheritWidth:i=!1,inline:c=!1,rootClassName:m,rootStyles:d={},theme:u="light"}=e,p=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["id","type","role","text","onClick","disabled","inheritWidth","inline","rootClassName","rootStyles","theme"]);const h=Mt(Pt(It({button_container:!0,button_container_inheritWidth:i,button_container_inline:c,button_container_link:"link"===r,button_text:!0},p),m,{disabled:s,no_select:!0}),kt(`button_${r}_theme_`,u));return t().createElement("button",{id:n||null,"data-testid":"button-root",className:h,style:d,type:o,onClick:()=>{jt(l)&&l()},disabled:s},a)};const dt=e=>{var{id:n=null,disabled:r=!1,inheritWidth:o=!1,inline:a=!1,text:l="Submit",rootClassName:s,rootStyles:i={},theme:c="dark"}=e,m=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["id","disabled","inheritWidth","inline","text","rootClassName","rootStyles","theme"]);const d=Mt(Pt({submit_button:!0},s,{disabled:r,no_select:!0}),kt("submit_button_theme_",c));return t().createElement(mt,Object.assign({id:n,role:"submit",text:l,inheritWidth:o,inline:a,rootClassName:d,rootStyles:i,disabled:r},m))};const ut=n=>{var{id:r=null,value:o,onChange:a,onBlur:l,onFocus:s,useHTMLErrorMessage:i=!1,noShadowOnFocus:c=!1,validateOnLoad:m,error:d,setError:u,disabled:p=!1,required:h=!1,readonly:y=!1,autofocus:f=!1,type:g="text",autocomplete:b="off",placeholder:v,pattern:_,minLength:O,maxLength:w,size:E=50,rootClassName:S,rootStyles:N={},inputClassName:j,inputStyles:C={},theme:x="light",customValidators:I=[]}=n,P=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["id","value","onChange","onBlur","onFocus","useHTMLErrorMessage","noShadowOnFocus","validateOnLoad","error","setError","disabled","required","readonly","autofocus","type","autocomplete","placeholder","pattern","minLength","maxLength","size","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);const k=nt("string",{required:h,minLength:O,maxLength:w,isEmail:"email"===g,isTel:"tel"===g,pattern:_},I);(0,e.useEffect)((()=>{m&&Ge(o,k,u)}),[]);const M=Mt(Pt(It({form_input_container:!0,input_textfield_container:!0},P),S)),F=Mt(Pt({input_textarea:!0,form_controls_input:!0,form_controls_focus_noshadow:!0===c},j,{disabled:p}),kt("input_text_theme_",x));return t().createElement("div",{"data-testid":`text-input-${r}-container`,className:M,style:N},t().createElement("input",{"data-testid":`text-input-${r}-input`,id:r,type:g,value:o||"",onChange:e=>{const t=e.target.value;Ge(t,k,u),a(t)},onBlur:l,onFocus:s,onInvalid:e=>{i||(e.preventDefault(),Ge(o,k,u))},disabled:p,readOnly:y,required:h,autoFocus:f,autoComplete:b,size:E,maxLength:w,minLength:O,className:F,placeholder:v,pattern:_&&"function"==typeof _.toString?_.toString():_,style:C}),d&&t().createElement("p",{"data-testid":`text-input-${r}-error`,className:"form_input_error"},d))};const pt=n=>{var{id:r=null,value:o,onChange:a,onBlur:l,onFocus:s,useHTMLErrorMessage:i=!1,noShadowOnFocus:c=!1,validateOnLoad:m,error:d,setError:u,disabled:p=!1,required:h=!1,readonly:y=!1,autofocus:f=!1,wrap:g="soft",placeholder:b,cols:v=50,rows:_=4,formId:O,minLength:w,maxLength:E=255,name:S="resoui_textarea_input",rootClassName:N,rootStyles:j={},inputClassName:C,inputStyles:x={},theme:I="light",customValidators:P=[]}=n,k=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["id","value","onChange","onBlur","onFocus","useHTMLErrorMessage","noShadowOnFocus","validateOnLoad","error","setError","disabled","required","readonly","autofocus","wrap","placeholder","cols","rows","formId","minLength","maxLength","name","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);const M=nt("string",{required:h,minLength:w,maxLength:E},P);(0,e.useEffect)((()=>{m&&Ge(o,M,u)}),[]);const F=Mt(Pt(It({form_input_container:!0,input_textarea_container:!0},k),N)),L=Mt(Pt({textarea_input:!0,textarea_input_focus_noshadow:!0===c},C,{disabled:p}),kt("textarea_input_theme_",I));return t().createElement("div",{"data-testid":`text-area-${r}-container`,className:F,style:j},t().createElement("textarea",{"data-testid":`text-area-${r}-input`,wrap:g,id:r,value:o||"",onChange:e=>{const t=e.target.value;Ge(t,M,u),a(t)},onBlur:l,onFocus:s,onInvalid:e=>{i||(e.preventDefault(),Ge(o,M,u))},disabled:p,readOnly:y,required:h,autoFocus:f,rows:_,form:O,name:S,placeholder:b,minLength:w,maxLength:E,className:L,style:x}),d&&t().createElement("p",{"data-testid":`text-area-${r}-error`,className:"form_input_error"},d))};const ht=n=>{var{id:r=null,value:o,onChange:a,onBlur:l,onFocus:s,useHTMLErrorMessage:i=!1,noShadowOnFocus:c=!1,validateOnLoad:m=!1,error:d,setError:u,disabled:p=!1,required:h=!1,readonly:y=!1,autofocus:f=!1,autocomplete:g="off",min:b=0,max:v,step:_="any",rootClassName:O,rootStyles:w={},inputClassName:E,inputStyles:S={},theme:N="light",customValidators:j=[]}=n,C=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["id","value","onChange","onBlur","onFocus","useHTMLErrorMessage","noShadowOnFocus","validateOnLoad","error","setError","disabled","required","readonly","autofocus","autocomplete","min","max","step","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);(0,e.useEffect)((()=>{const e=e=>{const t=document.activeElement;"number"===t.type&&t.blur()};return document.addEventListener("wheel",e),()=>{document.removeEventListener("wheel",e)}}),[]);const x=nt("number",{required:h,min:b,max:v},j);(0,e.useEffect)((()=>{m&&Ge(o,x,u)}),[]);const I=Mt(Pt(It({form_input_container:!0,input_number_container:!0},C),O)),P=Mt(Pt({input_number:!0,form_controls_input:!0,form_controls_focus_noshadow:!0===c},E,{disabled:p,no_select:!0}),kt("input_number_theme_",N));return t().createElement("div",{"data-testid":`number-input-${r}-container`,className:I,style:w},t().createElement("input",{id:r,"data-testid":`number-input-${r}-input`,type:"number",value:Number(o).toString(),onChange:e=>{const t=e.target.value;Ge(t,x,u),a(Number(t))},onBlur:l,onFocus:s,onInvalid:e=>{i||e.preventDefault()},disabled:p,readOnly:y,required:h,autoFocus:f,autoComplete:g,max:v,min:b,step:_,className:P,style:S}),d&&t().createElement("p",{"data-testid":`number-input-${r}-error`,className:"form_input_error"},d))};const yt=n=>{var{id:r=null,children:o,value:a,onChange:l,onBlur:s,onFocus:i,useHTMLErrorMessage:c=!1,validateOnLoad:m,error:d,setError:u,disabled:p=!1,required:h=!1,readonly:y=!1,autofocus:f=!1,rootClassName:g,rootStyles:b={},inputClassName:v,inputStyles:_={},theme:O="light",customValidators:w=[]}=n,E=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["id","children","value","onChange","onBlur","onFocus","useHTMLErrorMessage","validateOnLoad","error","setError","disabled","required","readonly","autofocus","rootClassName","rootStyles","inputClassName","inputStyles","theme","customValidators"]);const S=nt("boolean",{required:h},w);(0,e.useEffect)((()=>{m&&Ge(a,S,u)}),[]);const N=Mt(Pt(It({form_input_container:!0,checkbox_container:!0},E),g),kt("checkbox_theme_",O)),j=Mt(Pt({input_text:!0,form_controls_input:!0,input_checkbox:!0},v,{disabled:p}));return t().createElement("div",{className:N,style:b,"data-testid":`checkbox-${r}-container`},t().createElement("input",{"data-testid":`checkbox-${r}-input`,id:r,type:"checkbox",checked:a,onChange:e=>{const t=e.target.checked;Ge(t,S,u),l(t)},onBlur:s,onFocus:i,onInvalid:e=>{c||(e.preventDefault(),Ge(a,S,u))},disabled:p,readOnly:y,required:h,autoFocus:f,className:j,style:_}),t().createElement("div",{className:"checkbox_right_container"},o&&t().createElement("div",{className:"checkbox_children"},o),d&&t().createElement("p",{"data-testid":`checkbox-${r}-error`,className:"form_input_error checkbox_error"},d)))};const ft=n=>{var{id:r,name:o,selectedKey:a,value:l,options:s,onChange:i,error:c,setError:m,required:d=!1,disabled:u=!1,optionsContainerClassName:p,optionsContianerStyles:h={},labelClassName:y,labelStyles:f={},radioClassName:g,radioStyles:b={},rootClassName:v,rootStyles:_={},theme:O="light"}=n,w=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["id","name","selectedKey","value","options","onChange","error","setError","required","disabled","optionsContainerClassName","optionsContianerStyles","labelClassName","labelStyles","radioClassName","radioStyles","rootClassName","rootStyles","theme"]);const E=nt("string",{required:d});(0,e.useEffect)((()=>{Ge(l,E,m)}),[l]);const S=Mt(Pt(It({form_input_container:!0,radioselect_container:!0},w),v,{disabled:u,no_select:!0})),N=Mt(Pt({radioselect_options_container:!0},p,{no_select:!0})),j=Mt(Pt({radioselect_radio:!0},g,{disabled:u,no_select:!0})),C=Mt(Pt({radioselect_label:!0},y,{no_select:!0}),kt("radioselect_label_theme_",O));return t().createElement("div",{"data-testid":"radioselect-root",id:r,className:S,style:_},t().createElement("div",{"data-testid":"radioselect-options-container",className:N,style:h},s.map(((e,n)=>{const r=`resoui_radioselect_${o}_${n}`,l=`resoui_radioselect_${o}_input_${e.key}`;return t().createElement("div",{key:r,className:j,style:b},t().createElement("input",{"data-testid":l,className:"radioselect_input",type:"radio",disabled:u,required:d,id:l,value:e.key,name:o,checked:a===e.key,onChange:()=>{jt(i)&&i(e.key)}}),t().createElement("label",{"data-testid":`radioselect-label-${e.key}`,htmlFor:l,className:C,style:f},e.value))}))),c&&t().createElement("p",{"data-testid":"radioselect-error",className:"form_input_error"},c))},gt=t=>{const[n,r]=(0,e.useState)(t),[o,a]=(0,e.useState)(void 0);return{value:n,setValue:r,error:o,setError:a}},bt={defaultPath:void 0,pathHandle:void 0},vt=(t,n)=>{const r=Object.assign(Object.assign({},bt),n||{}),{defaultPath:o,pathHandle:a}=r,[l,s]=(0,e.useState)(void 0),[i,c]=(0,e.useState)(t),[m,d]=(0,e.useState)(void 0),u=e=>{St(i)&&URL.revokeObjectURL(i),s(e),xt(e)&&c(URL.createObjectURL(e))};return{selectedFile:l,setSelectedFile:u,selectedFilePath:i,setSelectedFilePath:c,reset:()=>{u(void 0),St(t)&&St(a)?c(`${a}${t}`):St(t)&&!St(a)?c(t):St(o)?c(o):c(void 0),d(void 0)},error:m,setError:d}},_t=(t,n,r)=>{const o=Object.assign(Object.assign({},Xe),r||{}),a=(0,e.useMemo)((()=>((e,t)=>{const n=Object.assign(Object.assign({},Xe),t||{}),{keyProp:r,valueProp:o,initObject:a}=n,l=[];return e.forEach((e=>{l.push({key:e[r],value:e[o]})})),a&&Object.keys(a).length>0?[a,...l]:l})(n,o)),[n]),l=(0,e.useMemo)((()=>(e=>{const t={};return e.forEach(((e,n)=>{t[e.key]=e.value})),t})(a)),[a]),[s,i]=(0,e.useState)(t),[c,m]=(0,e.useState)(void 0);return{value:(0,e.useMemo)((()=>{if(void 0!==typeof t)return l[s]}),[s]),selectedKey:s,setSelectedKey:i,options:a,error:c,setError:m}},Ot=(e,t,n)=>_t(e,t,n),wt=(e,t,n)=>_t(e,t,n),Et=e=>null!=e,St=e=>Et(e)&&"string"==typeof e&&""!==e,Nt=e=>{const t=Number(e);return Et(t)&&"number"==typeof t&&!isNaN(t)},jt=e=>Et(e)&&"function"==typeof e,Ct=e=>st.test(e),xt=e=>Et(e)&&e instanceof File,It=(e,t)=>{const{ma:n,mv:r,mh:o,mt:a,mb:l,mr:s,ml:i,pa:c,pv:m,ph:d,pt:u,pr:p,pl:h,pb:y}=t;let f={};return Et(n)&&(f=Object.assign(Object.assign({},f),{[`spacing-ma-${n}`]:!0})),Et(r)&&(f=Object.assign(Object.assign({},f),{[`spacing-mv-${r}`]:!0})),Et(o)&&(f=Object.assign(Object.assign({},f),{[`spacing-mh-${o}`]:!0})),Et(a)&&(f=Object.assign(Object.assign({},f),{[`spacing-mt-${a}`]:!0})),Et(l)&&(f=Object.assign(Object.assign({},f),{[`spacing-mb-${l}`]:!0})),Et(s)&&(f=Object.assign(Object.assign({},f),{[`spacing-mr-${s}`]:!0})),Et(i)&&(f=Object.assign(Object.assign({},f),{[`spacing-ml-${i}`]:!0})),Et(c)&&(f=Object.assign(Object.assign({},f),{[`spacing-pa-${c}`]:!0})),Et(m)&&(f=Object.assign(Object.assign({},f),{[`spacing-pv-${m}`]:!0})),Et(d)&&(f=Object.assign(Object.assign({},f),{[`spacing-ph-${d}`]:!0})),Et(u)&&(f=Object.assign(Object.assign({},f),{[`spacing-pt-${u}`]:!0})),Et(y)&&(f=Object.assign(Object.assign({},f),{[`spacing-pb-${y}`]:!0})),Et(p)&&(f=Object.assign(Object.assign({},f),{[`spacing-pr-${p}`]:!0})),Et(h)&&(f=Object.assign(Object.assign({},f),{[`spacing-pl-${h}`]:!0})),Object.assign(Object.assign({},e),f)},Pt=(e,t,n)=>{const{disabled:r,no_select:o,width_full:a,width_fit_content:s,position_relative:i}=n||{disabled:!1,no_select:!1,width_full:!1,width_fit_content:!1,position_relative:!1};return l()(Object.assign(Object.assign({component_layout_default:!0,component_disabled:r&&!0===r,no_select:o&&!0===o,width_full:a&&!0===a,width_fit_content:s&&!0===s,position_relative:i&&!0===i},e),{[t]:!(!t||""===t)}))},kt=(e,t)=>"string"==typeof e&&""!==e?l()({component_theme_base:!0,[`${e}${n}`]:!0,[`${e}${t}`]:!!t}):l()({component_theme_base:!0}),Mt=(e,t)=>{const n=t||kt();return l()(e,n)};const Ft=e=>{var{to:n,text:r="Back",disabled:o=!1,rootClassName:a,rootStyles:l={},linkClassName:s,linkStyles:i={},theme:c="light"}=e,m=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["to","text","disabled","rootClassName","rootStyles","linkClassName","linkStyles","theme"]);const d=Mt(Pt(It({back_container:!0},m),a,{disabled:o,no_select:!0}),kt("back_theme_",c)),u=Mt(Pt({},s),kt("back_link_theme",c));return t().createElement("div",{"data-testid":"back-root",className:d,style:l,role:"navigation"},t().createElement("a",{rel:"noreferrer",href:n,className:u,style:i,"data-testid":"back-link"},"<"," ",r))},Lt=({type:n,text:r,rootClassName:o,rootStyles:a={}})=>{const[l,s]=(0,e.useState)(!0),i=Mt(Pt({banner_container:!0,[`banner_container_${n}`]:!0},o,{position_relative:!0}));return l&&t().createElement("div",{className:i,style:Object.assign({},a),"data-testid":"banner-root"},t().createElement("span",null,r),t().createElement(mt,{text:"X",rootClassName:"banner_close_button",onClick:()=>{s(!1)}}))},$t=({children:e,positionAbsolute:n=!1,hasMaxHeight:r=!1,rootClassName:o,rootStyles:a={}})=>{const l=Mt(Pt({banner_wrapper_container:!0,banner_wrapper_container_positionAbsolute:n,banner_wrapper_container_scroll:r},o));return t().createElement("div",{className:l,style:a,"data-testid":"banner-wrapper-root"},e)};const Bt=e=>{var{children:n,rootClassName:r,rootStyles:o={},theme:a="light"}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","rootClassName","rootStyles","theme"]);const s=Mt(Pt(It({card_container:!0},l),r,{no_select:!0}),kt("card_container_theme_",a));return t().createElement("div",{className:s,style:o,"data-testid":"card-container-root"},n)};const qt=e=>{var{children:n,wrap:r=!0,rootClassName:o,rootStyles:a={}}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","wrap","rootClassName","rootStyles"]);const s=Mt(Pt(It({card_content_container:!0,card_content_container_wrap:r},l),o));return t().createElement("div",{className:s,style:a,"data-testid":"card-content-root"},n)},Ht=({value:e,rootClassName:n,rootStyles:r={}})=>{const o=Mt(Pt({card_summary_value:!0},n));return t().createElement("span",{className:o,style:r,"data-testid":"card-summary-value"},e)},zt=({children:e,maxWidth:n,rootClassName:r,rootStyles:o={}})=>{const a=Pt({component_center_container:!0},r);return t().createElement("div",{className:a,"data-testid":"center-container-root",style:Object.assign({maxWidth:n},o)},e)};const Rt=e=>{var{children:n,inheritWidth:r=!1,rootClassName:o,rootStyles:a={}}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","inheritWidth","rootClassName","rootStyles"]);const s=Mt(Pt(It({hsc_container:!0,hsc_container_inheritWidth:r},l),o));return t().createElement("div",{className:s,style:a,"data-testid":"horizontal-scroll-container-root"},n)};const Vt=e=>{var{children:n,rootClassName:r,rootStyles:o={}}=e,a=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","rootClassName","rootStyles"]);const l=Mt(Pt(It({hsi_container:!0},a),r));return t().createElement("div",{className:l,style:o,"data-testid":"horizontal-scroll-item-root"},n)};const At=e=>{var{id:n,Element:r="span",sizing:o="default",size:a=3,children:l,noSelect:s=!1,noBlockMargin:i=!1,noInlineMargin:c=!1,rootClassName:m,rootStyles:d={},theme:u="light"}=e,p=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["id","Element","sizing","size","children","noSelect","noBlockMargin","noInlineMargin","rootClassName","rootStyles","theme"]);const h=()=>"h1"===r||"h2"===r||"h3"===r||"h4"===r||"h5"===r||"h6"===r,y=Mt(Pt(It({p_base:"p"===r,span_base:"span"===r,[`heading_${r}_base`]:h(),[`fontsize_${o}_${a}`]:!h(),text_no_block_margin:!0===i,text_no_inline_margin:!0===c},p),m,{no_select:s}),kt("text_theme_",u));return t().createElement(r,{id:n,"data-testid":"text-root",className:y},l)},Tt=({type:e="default",text:n,size:r="small",rootClassName:o,iconContainerClassName:a,rootStyles:l={},iconContainerStyles:s,theme:i="light"})=>{const c=Mt(Pt({componentLoader_container:!0,componentLoader_container_fullscreen:"fullscreen"===e},o),kt("componentLoader_container_theme_",i)),m=Mt(Pt({componentLoader_icon_container:!0,componentLoader_icon_container_mb:"string"==typeof n&&""!==n,spin:!0,[`componentLoader_icon_size_${r}`]:!0},a),kt("componentLoader_loader_theme_",i));return t().createElement("div",{className:c,style:l,"data-testid":"component-loader-root"},t().createElement("div",{className:m,style:s,"data-testid":"component-loader-icon-container"}),n&&t().createElement(At,{Element:"p",noBlockMargin:!0,noInlineMargin:!0},n))},Wt=({text:e,rootClassName:n,rootStyles:r={},iconClassName:o,iconStyles:a={},textClassName:l,textStyles:s={},theme:i="light"})=>{const c=Mt(Pt({componentError_container:!0},n),kt("componentError_container_theme_",i)),m=Mt(Pt({componentError_icon:!0,componentError_icon_margin:e&&""!==e},o),kt("componentError_icon_theme_",i)),d=Mt(Pt({componentError_text:!0},l),kt("componentError_text_theme_",i));return t().createElement("div",{className:c,style:r,"data-testid":"component-error-root"},t().createElement("div",{className:m,style:a,"data-testid":"component-error-icon"},"!"),e&&""!==e&&t().createElement("p",{className:d,style:s,"data-testid":"component-error-text"},e))},Dt=({type:e,loading:n=!1,children:r,error:o,minHeight:a="fit-content",rootClassName:l,rootStyles:s={},componentLoaderClassName:i,componentLoaderStyles:c={},componentErrorClassName:m,componentErrorStyles:d={},theme:u})=>{const p=Mt(Pt({[`loadingContainer_container_${e}`]:!0},l,{position_relative:!0})),h="layer"===e?a:"inherit";return t().createElement("div",{className:p,style:Object.assign(Object.assign({},s),{minHeight:h}),"data-testid":"loading-container-root"},"layer"===e?t().createElement(t().Fragment,null,n?t().createElement(Tt,{theme:u,rootClassName:i,rootStyles:c}):o?t().createElement(Wt,{theme:u,text:o,rootClassName:m,rootStyles:d}):null,r):t().createElement(t().Fragment,null,o?t().createElement(Wt,{theme:u,text:o,rootClassName:m,rootStyles:d}):n?t().createElement(Tt,{theme:u,rootClassName:i,rootStyles:c}):r))},Kt=({children:e,rootClassName:n,rootStyles:r={},theme:o="light"})=>{const a=Mt(Pt({main_container:!0},n,{}),kt("main_container_theme_",o));return t().createElement("main",{"data-testid":"main-root",className:a,style:r},e)};const Ut=e=>{var{rootClassName:n,children:r,rootStyles:o={},theme:a="light"}=e,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["rootClassName","children","rootStyles","theme"]);const s=Mt(Pt(It({viewContainer_container:!0},l),n,{position_relative:!0,width_full:!0}),kt("viewContainer_theme_",a));return t().createElement("div",{className:s,style:o,"data-testid":"view-container-root"},r)};const Yt=e=>{var{children:n,isOpen:r=!1,layer:o=1,rootClassName:a,rootStyles:l={},theme:s="light"}=e,i=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","isOpen","layer","rootClassName","rootStyles","theme"]);at(r);const c=Mt(Pt(It({modal_container:!0},i),a),kt("modal_container_theme_",s)),m=o+10;return t().createElement("div",{className:"modal_backdrop",style:{zIndex:m},"data-testid":"modal-backdrop"},t().createElement("div",{className:c,style:Object.assign({zIndex:m+1},l),"data-testid":"modal-container-root"},n))};const Gt=e=>{var{children:n,rootClassName:r,rootStyles:o={}}=e,a=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","rootClassName","rootStyles"]);const l=Mt(Pt(It({modal_body:!0},a),r,{width_full:!0,position_relative:!0}));return t().createElement("div",{className:l,style:o,"data-testid":"modal-body-root"},n)},Xt=({onClose:e,title:n="Modal",rootClassName:r,rootStyles:o={},theme:a="light"})=>{const l=Mt(Pt({modal_header:!0},r),kt("modal_header_theme_",a)),s=Mt(Pt({modal_header_closeButton:!0}),kt("modal_closeButton_theme_",a));return t().createElement("div",{className:l,style:o,"data-testid":"modal-header-root"},t().createElement("span",{className:"sub_heading no_select","data-testid":"modal-header-title"},n),t().createElement(mt,{text:"Close",onClick:e,rootClassName:s}))},Qt=({isOpen:e=!1,type:n="yesNo",layer:r=1,title:o="Confirm",header:a="Are you sure?",description:l="",yesText:s="Yes",noText:i="No",okText:c="OK",onClose:m,onClickYes:d,onClickNo:u,onClickOk:p,rootClassName:h,rootStyles:y,yesButtonClassName:f,yesButtonStyles:g={},noButtonClassName:b,noButtonStyles:v={},okButtonClassName:_,okButtonStyles:O={},theme:w="light"})=>{const E=Mt(Pt({dialog_container:!0},h),kt("dialog_container_theme_",w)),S=Pt({dialog_buttons_container:!0,dialog_buttons_container_yesNo:"yesNo"===n},null,{no_select:!0}),N=Mt(Pt({dialog_button_yes:!0},f,{no_select:!0}),kt("dialog_button_yes_",w)),j=Mt(Pt({dialog_button_no:!0},b,{no_select:!0}),kt("dialog_button_no_",w)),C=Mt(Pt({dialog_button_ok:!0},_,{no_select:!0}),kt("dialog_button_ok_",w));return t().createElement(Yt,{isOpen:e,rootClassName:E,rootStyles:y,layer:r,theme:w,pa:5},t().createElement(Xt,{title:o,onClose:()=>{jt(m)&&m()},theme:w}),t().createElement(Gt,null,t().createElement("p",{"data-testid":"dialog-header-text",className:"dialog_header"},a),l&&t().createElement("p",{"data-testid":"dialog-description-text",className:"dialog_description"},l),t().createElement("div",{"data-testid":"dialog-buttons-container",className:S},"yesNo"===n?t().createElement(t().Fragment,null,t().createElement(mt,{rootClassName:j,rootStyles:v,onClick:()=>{jt(u)&&u()},text:i}),t().createElement(mt,{rootClassName:N,rootStyles:g,onClick:()=>{jt(d)&&d()},text:s})):t().createElement(mt,{rootClassName:C,rootStyles:O,onClick:()=>{jt(p)&&p()},text:c,inline:!0,inheritWidth:!0}))))},Jt=({text:e="Oops, something went horribly wrong!",rootClassName:n,rootStyles:r={},textClassName:o,textStyles:a={},iconClassName:l,iconStyles:s={},theme:i="light"})=>{at(!0);const c=Mt(Pt({fullScreenError_container:!0},n),kt("fullScreenError_container_theme_",i)),m=Mt(Pt({fullScreenError_icon:!0},l),kt("fullScreenError_icon_theme_",i)),d=Mt(Pt({fullScreenError_text:!0},o),kt("fullScreenError_text_theme_",i));return t().createElement("div",{className:c,style:r,"data-testid":"full-screen-error-root"},t().createElement("div",{className:m,style:s,"data-testid":"full-screen-error-icon"},"!"),t().createElement("p",{className:d,style:a,"data-testid":"full-screen-error-text"},e))},Zt=({theme:e="light",children:n,name:r,rootClassName:o,rootStyles:a={}})=>{const l=Mt(Pt({example_component_container:!0},o),kt("exampleComponent_theme_",e));return t().createElement("div",{className:l,"data-testid":"example-component-root",style:a},t().createElement(At,{Element:"h1",mb:5,theme:e},"Hello World!"),t().createElement(At,{Element:"p",mb:2,theme:e},"This is just an example component"),t().createElement(At,{Element:"p",theme:e},"Name: ",r),null!=typeof n&&n)};const en=e=>{var{links:n,rootClassName:r,rootStyles:o={},linkClassName:a,linkStyles:l={},theme:s="light"}=e,i=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["links","rootClassName","rootStyles","linkClassName","linkStyles","theme"]);const c=Mt(Pt(It({externalLinks_container:!0},i),r),kt("externalLinks_theme_",s)),m=Mt(Pt({externalLinks_link:!0},a),kt("externalLinks_link_theme_",s));return t().createElement(t().Fragment,null,n&&n.length>0&&t().createElement("ul",{"data-testid":"external-links-root",className:c,style:o},n.map(((e,n)=>t().createElement("li",{"data-testid":`external-links-link-${e}`,className:"externalLinks_linkContainer",key:n},t().createElement("a",{href:e.link,target:"_blank",rel:"noreferrer",className:m,style:l},e.text))))))};const tn=e=>{var{children:n,positionFixed:r=!1,rootClassName:o,rootStyles:a={},theme:l="light",pv:s=3,ph:i=5}=e,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["children","positionFixed","rootClassName","rootStyles","theme","pv","ph"]);const m=Mt(Pt(It({footer_container:!0,footer_container_positionFixed:r},Object.assign({ph:i,pv:s},c)),o),kt("footer_container_theme_",l));return t().createElement("footer",{"data-testid":"footer-root",className:m,style:a},n)};const nn=e=>{var{SvgIcon:n,width:r=32,height:o=32,inline:a=!1,fill:l="#434B59",stroke:s="current",rootClassName:i,rootStyles:c={},theme:m="light"}=e,d=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["SvgIcon","width","height","inline","fill","stroke","rootClassName","rootStyles","theme"]);const u=Mt(Pt(It({icon_container:!0,icon_container_inline:a},d),i));return t().createElement("div",{"data-testid":"icon-root",className:u,style:c},t().createElement(n,{"data-testid":"icon-svg-icon",width:r,height:o,fill:l,stroke:s}))};const rn=n=>{var{onClick:r,clickable:o,loaderSize:a="small",src:l,alt:s="RESO Image",imgClassName:i,objectFit:c="fill",rootClassName:m,rootStyles:d={},fallbacks:u=[],imgStyles:p={},inheritWidth:h=!1}=n,y=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["onClick","clickable","loaderSize","src","alt","imgClassName","objectFit","rootClassName","rootStyles","fallbacks","imgStyles","inheritWidth"]);const[f,g]=(0,e.useState)(-1),[b,v]=(0,e.useState)(!1),[_,O]=(0,e.useState)(!1),w=Mt(Pt(It({image_container:!0,image_container_inheritWidth:h,[`image_container_clickable_${o}`]:!!o},y),m,{position_relative:!0})),E=Mt(Pt({image_img:!0,[`image_img_fit-${c}`]:!0},i)),S=u&&u.length>0,N=S&&f>-1?u[f]:l;return t().createElement("div",{className:w,style:d,onClick:()=>{r&&jt(r)&&r()},"data-testid":"image-component-root"},_?t().createElement("p",{"data-testid":"image-component-error"},`Unable to load ${s}`):t().createElement(t().Fragment,null,!b&&t().createElement(Tt,{size:a}),t().createElement("img",{"data-testid":"image-component-img",style:b?Object.assign({},p):Object.assign(Object.assign({},p),{display:"none"}),alt:s,src:N,onLoad:()=>{O(!1),v(!0)},onError:()=>{S?(v(!1),f<u.length-1?g(f+1):(v(!0),O(!0))):(v(!0),O(!0))},className:E})))};const on=e=>{var{src:n,alt:r="RESO Hero Image",fullWidth:o=!1,rootClassName:a,imgClassName:l,rootStyles:s={},imgStyles:i={}}=e,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["src","alt","fullWidth","rootClassName","imgClassName","rootStyles","imgStyles"]);const m=Mt(Pt({hero_container:!0,hero_container_fullWidth:o},a,{position_relative:!0}));return t().createElement(rn,Object.assign({rootClassName:m,rootStyles:s,src:n,alt:r,imgClassName:l,imgStyles:i,mh:o?0:"center"},c))};const an=n=>{var{imageObjects:r,defaultImagePath:o="",clickable:a,rootClassName:l,rootStyles:s={},getMiniImagePath:i,onClickImage:c,indexOverride:m,setIndexOverride:d,initialSelectedIndex:u=0,mainImageClassName:p,mainImageStyles:h={},miniImageClassname:y,miniImageStyles:f={},miniImageSelectedClassName:g,miniImageSelectedStyles:b={},theme:v="light"}=n,_=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["imageObjects","defaultImagePath","clickable","rootClassName","rootStyles","getMiniImagePath","onClickImage","indexOverride","setIndexOverride","initialSelectedIndex","mainImageClassName","mainImageStyles","miniImageClassname","miniImageStyles","miniImageSelectedClassName","miniImageSelectedStyles","theme"]);const[O,w]=(0,e.useState)(u);(0,e.useEffect)((()=>{w(u),jt(d)&&d(u)}),[]),(0,e.useEffect)((()=>{var e;e=r[O],Et(e)&&Object.keys(e).length>0||w(0),Nt(m)&&w(m)}),[r,w,O,m]);const E=Mt(Pt(It({multiImageViewer_container:!0},_),l)),S=Mt(Pt({multiImageViewer_mainImage:!0,multiImageViewer_mainImage_multi:r.length>1},p));return t().createElement("div",{className:E,style:s,"data-testid":"multi-image-viewer-root"},t().createElement(rn,{inheritWidth:!0,clickable:a,rootClassName:S,rootStyles:h,onClick:()=>{c&&jt(c)&&c()},src:r&&r[O]?r[O].path:"",alt:r&&r[O]?r[O].alt:"RESO Image"}),r&&r.length>1&&t().createElement(Rt,{inheritWidth:!0,pa:1},r.map(((e,n)=>{const r=Pt({multiImageViewer_miniImage:!0,multiImageViewer_miniImage_selected:O===n,[g]:g&&O===n},y),a=O===n?kt("multiImageViewer_miniImage_selected_theme_",v):null;return t().createElement(rn,{mh:1,clickable:"pointer",rootClassName:Mt(r,a),rootStyles:O===n?Object.assign(Object.assign({},f),b):f,key:n,onClick:()=>{jt(d)&&d(n),w(n)},src:jt(i)?i(e):e.path,alt:e&&e.alt?e.alt:"RESO Image Mini",fallbacks:[e.path,o]})}))))};const ln=e=>{var{LogoWrapperElement:n="a",logoHref:r="#",textLogo:o="Logo",renderCustomLogo:a,onClickLogo:s,maxWidth:i,children:c,position:m="fixed",navClassName:d,navStyles:u={},rootClassName:p,rootStyles:h={},theme:y="light",ph:f=5}=e,g=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["LogoWrapperElement","logoHref","textLogo","renderCustomLogo","onClickLogo","maxWidth","children","position","navClassName","navStyles","rootClassName","rootStyles","theme","ph"]);const b=Mt(Pt(It({navbar_header_container:!0,[`navbar_header_position_${m}`]:!0},Object.assign({ph:f},g)),p,{no_select:!0}),kt("navbar_theme_",y)),v=Mt(Pt({navbar_nav_container:!0},p,{no_select:!0})),_=l()({no_select:!0,navbar_nav_logo_container:!0,navbar_nav_logo_container_curson_pointer:jt(s)||"a"===n});return t().createElement("header",{"data-testid":"navbar-root",className:b,style:h},t().createElement("nav",{className:v,style:Object.assign({maxWidth:"number"==typeof i?i:"unset"},u)},t().createElement(n,{"data-testid":"navbar-logo",className:_,onClick:()=>{jt(s)&&s()},href:"a"===n?r:void 0},"function"==typeof a?a():t().createElement(At,{theme:y,Element:"span",rootClassName:"navbar_nav_logo_text",size:9},o)),t().createElement("div",{className:"navbar_nav_children_container"},c)))};const sn=e=>{var{Implementation:n="a",children:r,onClick:o,active:a=!1,enableActiveStyles:l=!0,href:s="#",renderCustomNavItem:i,elementClassName:c,elementStyles:m={},rootClassName:d,rootStyles:u={},theme:p="light"}=e,h=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["Implementation","children","onClick","active","enableActiveStyles","href","renderCustomNavItem","elementClassName","elementStyles","rootClassName","rootStyles","theme"]);const y=Mt(Pt(It({navItem_container:!0},h),d,{no_select:!0}),kt("navItem_theme_",p)),f=Mt(Pt({navItem_base:!0,navItem_element:!0,navItem_element_active:!0===l&&!0===a},c,{no_select:!0}),kt("navItem_element_theme_",p));return t().createElement("div",{"data-testid":"navItem-root",className:y},jt(i)?i({theme:p,active:a}):t().createElement(n,{"data-testid":`navItem-element-${n}`,className:f,style:m,onClick:()=>{jt(o)&&o()},href:"a"===n?s:void 0},r))},cn=({children:e,rootClassName:n,rootStyles:r={},theme:o="light"})=>{const a=Mt(Pt({panel_container:!0},n),kt("panel_container_theme_",o));return t().createElement("div",{className:a,style:r,"data-testid":"panel-container-root"},e)},mn=({text:e,rootClassName:n,rootStyles:r={},theme:o="light"})=>{const a=Mt(Pt({panel_title:!0},n),kt("panel_title_theme_",o));return t().createElement("p",{className:a,style:r,"data-testid":"panel-title-root"},e)},dn=({keyStr:e,value:n,rootClassName:r,rootStyles:o={},keyClassName:a,keyStyles:l={},valueClassName:s,valueStyles:i={}})=>{const c=Mt(Pt({panel_row_container:!0},r)),m=Mt(Pt({panel_row_key:!0},a)),d=Mt(Pt({panel_row_value:!0},s));return t().createElement("div",{className:c,style:o,"data-testid":"panel-row-root"},t().createElement("span",{className:m,style:l,"data-testid":"panel-row-key"},e),t().createElement("span",{className:d,style:i,"data-testid":"panel-row-value"},n))},un=({value:e=1,onChange:n,rootClassName:r,rootStyles:o={},theme:a})=>{const l=Mt(Pt({quantityCounter_container:!0},r),kt("quantityCounter_theme_",a));return t().createElement("div",{className:l,"data-testid":"quantity-counter-root",style:o},t().createElement("div",{className:"quantityCounter_counterBox",onClick:()=>{e>1&&n(e-1)},role:"button","data-testid":"quantity-counter-subtract"},"-"),t().createElement("span",{"data-testid":"quantity-counter-value"},e),t().createElement("div",{className:"quantityCounter_counterBox",onClick:()=>{n(e+1)},role:"button","data-testid":"quantity-counter-add"},"+"))}})(),o})()));
package/dist/styles.css CHANGED
@@ -1,15 +1,42 @@
1
1
  @font-face{font-family:"DancingScript";src:url(3727d88dec67e1e78cf9.ttf);font-weight:700;font-style:normal}@font-face{font-family:"DancingScript";src:url(fb248a35b11180453c68.ttf);font-weight:600;font-style:normal}@font-face{font-family:"DancingScript";src:url(c76ea376f095f2e1e513.ttf);font-weight:500;font-style:normal}@font-face{font-family:"DancingScript";src:url(0e407c5680c91e584bb0.ttf);font-weight:400;font-style:normal}@font-face{font-family:"Poppins";src:url(eacee5bb9c7fee5939ae.ttf);font-weight:900;font-style:normal}@font-face{font-family:"Poppins";src:url(9445d60ed014306b6aec.ttf);font-weight:900;font-style:italic}@font-face{font-family:"Poppins";src:url(4ed78cd5d64af4efc3c7.ttf);font-weight:800;font-style:normal}@font-face{font-family:"Poppins";src:url(09f84f6035cfbf7c3984.ttf);font-weight:800;font-style:italic}@font-face{font-family:"Poppins";src:url(404e299be26d78e66794.ttf);font-weight:700;font-style:normal}@font-face{font-family:"Poppins";src:url(b10e7a6e913ca664cbdc.ttf);font-weight:700;font-style:italic}@font-face{font-family:"Poppins";src:url(cce5625b56ec678e4202.ttf);font-weight:600;font-style:normal}@font-face{font-family:"Poppins";src:url(cc7ee35ca49c83d4cfca.ttf);font-weight:600;font-style:italic}@font-face{font-family:"Poppins";src:url(9e1bb626874ed49aa343.ttf);font-weight:500;font-style:normal}@font-face{font-family:"Poppins";src:url(4e8cea18952c83074ec3.ttf);font-weight:500;font-style:italic}@font-face{font-family:"Poppins";src:url(8081832fc5cfbf634aa6.ttf);font-weight:400;font-style:normal}@font-face{font-family:"Poppins";src:url(ce3fff31c0f262aca227.ttf);font-weight:400;font-style:italic}@font-face{font-family:"Poppins";src:url(f41b63c0bb0963ace821.ttf);font-weight:300;font-style:normal}@font-face{font-family:"Poppins";src:url(5ccd942a8800a68d44b6.ttf);font-weight:300;font-style:italic}@font-face{font-family:"Poppins";src:url(94b768c07879dde09ab4.ttf);font-weight:200;font-style:normal}@font-face{font-family:"Poppins";src:url(9f57e7d4017ef9b93ae7.ttf);font-weight:200;font-style:italic}@font-face{font-family:"Poppins";src:url(a61eaf4c2e4d44d6db6a.ttf);font-weight:100;font-style:normal}@font-face{font-family:"Poppins";src:url(32743a4d0c4282e2070b.ttf);font-weight:100;font-style:italic}.component_theme_base{background:unset;color:#434b59}.component_layout_default{margin:0;padding:0;border:none;box-sizing:border-box;font-family:"Poppins","Roboto";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.spacing-ma-0{margin:0}.spacing-ma-auto{margin:auto}.spacing-ma-1{margin:4px}.spacing-ma-2{margin:8px}.spacing-ma-3{margin:12px}.spacing-ma-4{margin:16px}.spacing-ma-5{margin:24px}.spacing-ma-6{margin:32px}.spacing-ma-7{margin:48px}.spacing-ma-8{margin:64px}.spacing-ma-9{margin:96px}.spacing-mv-0{margin-top:0;margin-bottom:0}.spacing-mv-1{margin-top:4px;margin-bottom:4px}.spacing-mv-2{margin-top:8px;margin-bottom:8px}.spacing-mv-3{margin-top:12px;margin-bottom:12px}.spacing-mv-4{margin-top:16px;margin-bottom:16px}.spacing-mv-5{margin-top:24px;margin-bottom:24px}.spacing-mv-6{margin-top:32px;margin-bottom:32px}.spacing-mv-7{margin-top:48px;margin-bottom:48px}.spacing-mv-8{margin-top:64px;margin-bottom:64px}.spacing-mv-9{margin-top:96px;margin-bottom:96px}.spacing-mh-center{margin-left:auto;margin-right:auto}.spacing-mh-0{margin-left:0;margin-right:0}.spacing-mh-1{margin-right:4px;margin-left:4px}.spacing-mh-2{margin-right:8px;margin-left:8px}.spacing-mh-3{margin-right:12px;margin-left:12px}.spacing-mh-4{margin-right:16px;margin-left:16px}.spacing-mh-5{margin-right:24px;margin-left:24px}.spacing-mh-6{margin-right:32px;margin-left:32px}.spacing-mh-7{margin-right:48px;margin-left:48px}.spacing-mh-8{margin-right:64px;margin-left:64px}.spacing-mh-9{margin-right:96px;margin-left:96px}.spacing-mt-0{margin-top:0}.spacing-mt-1{margin-top:4px}.spacing-mt-2{margin-top:8px}.spacing-mt-3{margin-top:12px}.spacing-mt-4{margin-top:16px}.spacing-mt-5{margin-top:24px}.spacing-mt-6{margin-top:32px}.spacing-mt-7{margin-top:48px}.spacing-mt-8{margin-top:64px}.spacing-mt-9{margin-top:96px}.spacing-mr-0{margin-right:0}.spacing-mr-1{margin-right:4px}.spacing-mr-2{margin-right:8px}.spacing-mr-3{margin-right:12px}.spacing-mr-4{margin-right:16px}.spacing-mr-5{margin-right:24px}.spacing-mr-6{margin-right:32px}.spacing-mr-7{margin-right:48px}.spacing-mr-8{margin-right:64px}.spacing-mr-9{margin-right:96px}.spacing-ml-0{margin-left:0}.spacing-ml-1{margin-left:4px}.spacing-ml-2{margin-left:8px}.spacing-ml-3{margin-left:12px}.spacing-ml-4{margin-left:16px}.spacing-ml-5{margin-left:24px}.spacing-ml-6{margin-left:32px}.spacing-ml-7{margin-left:48px}.spacing-ml-8{margin-left:64px}.spacing-ml-9{margin-left:96px}.spacing-mb-0{margin-bottom:0}.spacing-mb-1{margin-bottom:4px}.spacing-mb-2{margin-bottom:8px}.spacing-mb-3{margin-bottom:12px}.spacing-mb-4{margin-bottom:16px}.spacing-mb-5{margin-bottom:24px}.spacing-mb-6{margin-bottom:32px}.spacing-mb-7{margin-bottom:48px}.spacing-mb-8{margin-bottom:64px}.spacing-mb-9{margin-bottom:96px}.spacing-pa-0{padding:0}.spacing-pa-1{padding:4px}.spacing-pa-2{padding:8px}.spacing-pa-3{padding:12px}.spacing-pa-4{padding:16px}.spacing-pa-5{padding:24px}.spacing-pa-6{padding:32px}.spacing-pa-7{padding:48px}.spacing-pa-8{padding:64px}.spacing-pa-9{padding:96px}.spacing-pv-0{padding-top:0;padding-bottom:0}.spacing-pv-1{padding-top:4px;padding-bottom:4px}.spacing-pv-2{padding-top:8px;padding-bottom:8px}.spacing-pv-3{padding-top:12px;padding-bottom:12px}.spacing-pv-4{padding-top:16px;padding-bottom:16px}.spacing-pv-5{padding-top:24px;padding-bottom:24px}.spacing-pv-6{padding-top:32px;padding-bottom:32px}.spacing-pv-7{padding-top:48px;padding-bottom:48px}.spacing-pv-8{padding-top:64px;padding-bottom:64px}.spacing-pv-9{padding-top:96px;padding-bottom:96px}.spacing-ph-0{padding-right:0;padding-left:0}.spacing-ph-1{padding-right:4px;padding-left:4px}.spacing-ph-2{padding-right:8px;padding-left:8px}.spacing-ph-3{padding-right:12px;padding-left:12px}.spacing-ph-4{padding-right:16px;padding-left:16px}.spacing-ph-5{padding-right:24px;padding-left:24px}.spacing-ph-6{padding-right:32px;padding-left:32px}.spacing-ph-7{padding-right:48px;padding-left:48px}.spacing-ph-8{padding-right:64px;padding-left:64px}.spacing-ph-9{padding-right:96px;padding-left:96px}.spacing-pt-0{padding-top:0}.spacing-pt-1{padding-top:4px}.spacing-pt-2{padding-top:8px}.spacing-pt-3{padding-top:12px}.spacing-pt-4{padding-top:16px}.spacing-pt-5{padding-top:24px}.spacing-pt-6{padding-top:32px}.spacing-pt-7{padding-top:48px}.spacing-pt-8{padding-top:64px}.spacing-pt-9{padding-top:96px}.spacing-pr-0{padding-right:0}.spacing-pr-1{padding-right:4px}.spacing-pr-2{padding-right:8px}.spacing-pr-3{padding-right:12px}.spacing-pr-4{padding-right:16px}.spacing-pr-5{padding-right:24px}.spacing-pr-6{padding-right:32px}.spacing-pr-7{padding-right:48px}.spacing-pr-8{padding-right:64px}.spacing-pr-9{padding-right:96px}.spacing-pl-0{padding-left:0}.spacing-pl-1{padding-left:4px}.spacing-pl-2{padding-left:8px}.spacing-pl-3{padding-left:12px}.spacing-pl-4{padding-left:16px}.spacing-pl-5{padding-left:24px}.spacing-pl-6{padding-left:32px}.spacing-pl-7{padding-left:48px}.spacing-pl-8{padding-left:64px}.spacing-pl-9{padding-left:96px}.spacing-pb-0{padding-bottom:0}.spacing-pb-1{padding-bottom:4px}.spacing-pb-2{padding-bottom:8px}.spacing-pb-3{padding-bottom:12px}.spacing-pb-4{padding-bottom:16px}.spacing-pb-5{padding-bottom:24px}.spacing-pb-6{padding-bottom:32px}.spacing-pb-7{padding-bottom:48px}.spacing-pb-8{padding-bottom:64px}.spacing-pb-9{padding-bottom:96px}.title{font-weight:700;font-size:22px}.heading{font-weight:700;font-size:16px}.sub_heading{font-weight:600;font-size:16px}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.spin{animation:rotate 1.5s linear infinite}.slideFromLeft{transition-property:transform;transition-duration:.5s;transition-timing-function:ease}.appear{transition-property:opacity;transition-duration:.3s;transition-timing-function:ease}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.component_disabled{position:relative;pointer-events:none;overflow:hidden}.component_disabled::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#8b93a1;opacity:.5}.component_disabled:hover{background-color:unset;cursor:default}.no_select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.background_image{background-repeat:no-repeat;background-position:center;background-size:cover;background-clip:border-box}.width_full{max-width:none;width:100%}.width_fit_content{width:fit-content}.position_relative{position:relative}.overflow-y-auto{overflow-y:auto}svg{display:block;margin:auto}a{cursor:pointer;text-decoration:none;color:#2e7bc1}a:hover{text-decoration:underline}.table_base{font-family:"Poppins","Roboto";border-collapse:collapse;width:100%}.td_base,.th_base{padding:12px;border:1px solid #ddd}.th_base{font-weight:500}
2
2
  .back_container{width:fit-content;padding:8px;cursor:pointer;opacity:.9;font-weight:600;font-size:14px}.back_container:hover{opacity:1}
3
3
  .back_theme_light{background:none;color:#434b59}.back_link_theme_light{color:#434b59}
4
+
5
+
6
+ .subForm_container_theme_light{border-color:#dadfe8}.subForm_header_theme_light{background:#dadfe8;color:#434b59}
7
+ .subForm_container{border-width:1px;border-style:solid;border-radius:12px;width:100%}.subForm_header{border-radius:12px 12px 0 0;padding:0 24px;height:48px;line-height:48px;text-align:left}.subForm_content{padding:32px}
8
+ .flex_container{display:flex}.flex_row{flex-direction:row}.flex_column{flex-direction:column}.flex_justify_start{justify-content:flex-start}.flex_justify_end{justify-content:flex-end}.flex_justify_space-between{justify-content:space-between}.flex_justify_space-around{justify-content:space-around}.flex_justify_center{justify-content:center}.flex_align_start{align-items:flex-start}.flex_align_end{align-items:flex-end}.flex_align_center{align-items:center}.flex_grow{flex-grow:1}.flex_shrink{flex-shrink:1}.flex_no_shrink{flex-shrink:0}.flex_wrap{flex-wrap:wrap}.flex_half{flex:.48}.flex_full{flex:1}
9
+
10
+
11
+ .form_input_container{flex:1;width:100%}.form_controls_input{font-weight:400;font-size:14px;font-family:"Poppins","Roboto";height:40px;width:100%;border-style:solid;border-width:1px;border-radius:12px;outline:none;padding:12px 16px;font-family:"Poppins","Roboto"}.form_controls_input:focus{box-shadow:0px 2px 15px rgba(34,60,102,.2)}.form_controls_input:disabled{background-color:#dadfe8}.form_controls_input::placeholder{font-weight:400;font-size:14px}.form_controls_focus_noshadow:focus{box-shadow:none}.form_input_error{color:red;font-size:12px;margin-top:4px;padding-left:8px}
12
+ .dropdown_container{border:none;display:inline-block !important;position:relative !important}.dropdown_header{display:flex;align-items:center;justify-content:space-between;font-family:"Poppins","Roboto";border-width:1px;border-style:solid;border-radius:12px;font-size:14px;height:40px;padding:0 16px;text-align:left;cursor:pointer;outline:none;transition:border-radius .3s}.dropdown_header:focus{box-shadow:0px 2px 15px rgba(34,60,102,.2)}.dropdown_header_navItem{width:120px;height:54px;border-radius:0;border:none}.dropdown_header_opened{border-radius:12px 12px 0 0;border-bottom:none}.dropdown_icon_invert{transform:rotate(180deg)}.dropdown_options_container{display:none;width:100%;max-height:0;overflow-y:auto;max-height:320px;list-style:none;border-width:1px;border-style:solid;border-radius:0 0 12px 12px;box-shadow:0px 8px 16px 0px rgba(0,0,0,.2);position:absolute;z-index:1;left:0;top:40px;transition:max-height .3s}.dropdown_options_container_navItem{top:54px;border-radius:0;border:none}.dropdown_options_show{display:block}
13
+ .dropdown_header_theme_light{background:#fff;color:#434b59;border-color:#8b93a1}.dropdown_header_theme_light:hover{border-color:#00593b}.dropdown_header_theme_light:focus{border-color:#00593b}.dropdown_header_navItem_theme_light{background:unset;color:#434b59}.dropdown_header_navItem_theme_light:hover{background:#dadfe8;border-color:#00593b}.dropdown_header_navItem_theme_light:focus{border-color:#00593b}.dropdown_options_container_theme_light{border-color:#8b93a1;background:#fff;color:#434b59}.dropdown_options_container_navItem_theme_light{background:#eff2f8;color:#434b59}
14
+ .dropdown_option_base{width:100%;font-size:14px;padding:12px;text-align:left;cursor:pointer;outline:none;display:block;text-decoration:none}
15
+ .dropdown_option_theme_light{background:unset;color:#434b59}.dropdown_option_hover_theme_light:hover{background-color:#dadfe8}.dropdown_option_active_theme_light{color:#fff;background-color:#8b93a1}
16
+ .resoui_fileinput_row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.fileinput_textinput{margin-right:4px;width:unset;flex:1}._resoui_fileinput_input{display:none}.fileinput_fileinput{cursor:pointer;font-weight:500;font-size:14px;border-width:1px;border-style:solid;border-radius:12px;height:40px;line-height:40px;width:80px;text-align:center;margin-right:4px}.fileinput_reset_button{cursor:pointer;font-weight:500;font-size:14px;display:block;height:40px;width:80px;border-width:1px;border-style:solid;border-radius:12px}
17
+ .fileinput_textinput_theme_light{background:#fff;color:#434b59;border-color:#8b93a1}.fileinput_fileinput_theme_light{background:#eff2f8;color:#434b59;border-color:#8b93a1}.fileinput_fileinput_theme_light:hover{background-color:#8b93a1;color:#fff}.fileinput_resetbtn_theme_light{background:#434b59;color:#fff}.fileinput_resetbtn_theme_light:hover{background-color:#8b93a1}
18
+ .label_container{width:256px}.label_top_marginBottom{margin-bottom:8px}.label_label{font-weight:600;font-size:14px;display:inline-block;line-height:18px}.label_required{font-weight:500;font-size:10px;font-family:"Poppins","Roboto";color:#ea4d44}.label_description{font-weight:400;font-size:10px;font-family:"Poppins","Roboto";color:#434b59}.label_label_margin_right{margin-right:4px}
19
+ .label_container_theme_light{background:unset;color:#434b59}.label_theme_light{color:inherit}
4
20
  .button_container{display:block;width:120px;height:48px;border-width:1px;border-style:solid;border-radius:12px;transition:background-color ease .1s;cursor:pointer}.button_container_inheritWidth{width:100%;min-width:inherit}.button_container_inline{display:inline-block}.button_container_link{border:none;padding:8px;width:fit-content;height:initial}.button_container_link:hover{text-decoration:underline}.button_text{font-weight:500;font-size:14px}
5
21
  .button_plain_theme_light{background:#eff2f8;color:#434b59;border-color:#8b93a1}.button_plain_theme_light:hover{background:#434b59;color:#fff}.button_plain_theme_dark{background:#434b59;color:#fff;border-color:#8b93a1}.button_plain_theme_dark:hover{background:#dadfe8;color:#434b59}.button_primary_theme_light{background:linear-gradient(180deg, #fb974f 0%, #d75919 100%);color:#fff;border:none;opacity:.9}.button_primary_theme_light:hover{opacity:1}.button_link_theme_light{background:unset;color:#434b59;color:#2e7bc1}
22
+ .submit_button{width:100%;border:none;opacity:.9}.submit_button:hover{opacity:1}.submit_button:disabled{background:#8b93a1}
23
+ .submit_button_theme_light{background:linear-gradient(180deg, #fb974f 0%, #d75919 100%);color:#fff}.submit_button_theme_light:hover{background:linear-gradient(180deg, #fb974f 0%, #d75919 100%)}
24
+
25
+ .input_text_theme_light{background:#fff;color:#434b59;border-color:#8b93a1}
26
+ .textarea_input{resize:none;width:100%;font-weight:400;font-size:14px;font-family:"Poppins","Roboto";border-style:solid;border-width:1px;border-radius:12px;outline:none;padding:12px 16px}.textarea_input:focus{box-shadow:0px 2px 15px rgba(34,60,102,.2)}.textarea_input:disabled{background-color:#dadfe8}.textarea_input::placeholder{font-weight:400;font-size:14px}.textarea_input_focus_noshadow:focus{box-shadow:none}
27
+ .textarea_input_theme_light{background:#fff;color:#434b59;border-color:#8b93a1}
28
+
29
+ .input_number_theme_light{background:#fff;color:#434b59;border-color:#8b93a1}
30
+ .checkbox_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-right:64px}.input_checkbox{border-width:1px;border-style:solid;height:24px;width:24px;border-radius:12px;margin-right:12px;cursor:pointer}.input_checkbox:disabled{pointer-events:none}.checkbox_right_container{width:inherit}.checkbox_children{font-size:14px;margin-bottom:4px}.checkbox_error{margin:0;padding:0}.container_auth_tnc{text-decoration:underline;opacity:.9;color:#434b59}.container_auth_tnc:hover{opacity:1}
31
+ .checkbox_theme_light{background:unset;color:#434b59;border-color:#8b93a1}
32
+ .radioselect_options_container{width:inherit;min-height:40px;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.radioselect_radio{padding:4px 8px;padding-top:0;margin-bottom:4px}.radioselect_input{cursor:pointer}.radioselect_label{font-size:14px;margin-left:8px;cursor:pointer}
33
+ .radioselect_label_theme_light{background:unset;color:#434b59}
6
34
  .banner_container{width:100%;height:auto;max-height:140px;overflow-y:auto;padding:16px;padding-right:32px;text-align:center;font-weight:600;font-size:14px}.banner_close_button{background:unset;border-radius:0;color:inherit;border:none;width:32px;height:100%;position:absolute;top:0;right:0}.banner_close_button:hover{background-color:rgba(67,75,89,.5);color:inherit}.banner_container_info{background-color:#213255;color:#fff}.banner_container_warning{background-color:#e2851e;color:#fff}.banner_container_error{background-color:#ea4d44;color:#fff}.banner_container_success{background-color:#61c176;color:#fff}
7
35
  .banner_wrapper_container{display:block;margin-bottom:64px;width:100%}.banner_wrapper_container_positionAbsolute{position:absolute;left:0;top:0;z-index:3}.banner_wrapper_container_scroll{border-bottom:1px solid #8b93a1;overflow-y:auto}
8
36
  .card_container{border-width:1px;border-style:solid;border-radius:12px;width:180px;min-height:160px;box-shadow:0px 2px 15px rgba(34,60,102,.2)}
9
37
  .card_container_theme_light{background:#eff2f8;color:#434b59;border-color:#434b59}.card_container_theme_dark{background:#434b59;color:#fff;border-color:#434b59}
10
38
  .card_content_container{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}.card_content_container_wrap{white-space:normal}
11
39
  .card_summary_value{font-weight:500;font-size:22px;color:inherit;overflow:hidden;text-overflow:ellipsis}
12
- .flex_container{display:flex}.flex_row{flex-direction:row}.flex_column{flex-direction:column}.flex_justify_start{justify-content:flex-start}.flex_justify_end{justify-content:flex-end}.flex_justify_space-between{justify-content:space-between}.flex_justify_space-around{justify-content:space-around}.flex_justify_center{justify-content:center}.flex_align_start{align-items:flex-start}.flex_align_end{align-items:flex-end}.flex_align_center{align-items:center}.flex_grow{flex-grow:1}.flex_shrink{flex-shrink:1}.flex_no_shrink{flex-shrink:0}.flex_wrap{flex-wrap:wrap}.flex_half{flex:.48}.flex_full{flex:1}
13
40
  .component_center_container{margin:0 auto;max-width:1280px}
14
41
  .hsc_container{width:540px;overflow-x:auto;white-space:nowrap}.hsc_container_inheritWidth{width:100%;min-width:inherit}
15
42
  .hsi_container{display:inline-block;width:fit-content}
@@ -55,28 +82,3 @@
55
82
  .panel_row_container{display:flex;justify-content:space-between;align-items:center;flex-direction:row;margin-bottom:16px}.panel_row_key{color:inherit;font-weight:600}.panel_row_value{color:inherit}
56
83
  .quantityCounter_container{width:80px;height:24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.quantityCounter_counterBox{width:24px;height:24px;line-height:24px;text-align:center;border-radius:4px;border:1px solid #8b93a1;cursor:pointer}
57
84
 
58
-
59
-
60
- .subForm_container_theme_light{border-color:#dadfe8}.subForm_header_theme_light{background:#dadfe8;color:#434b59}
61
- .subForm_container{border-width:1px;border-style:solid;border-radius:12px;width:100%}.subForm_header{border-radius:12px 12px 0 0;padding:0 24px;height:48px;line-height:48px;text-align:left}.subForm_content{padding:32px}
62
-
63
-
64
- .form_input_container{flex:1;width:100%}.form_controls_input{font-weight:400;font-size:14px;font-family:"Poppins","Roboto";height:40px;width:100%;border-style:solid;border-width:1px;border-radius:12px;outline:none;padding:12px 16px;font-family:"Poppins","Roboto"}.form_controls_input:focus{box-shadow:0px 2px 15px rgba(34,60,102,.2)}.form_controls_input:disabled{background-color:#dadfe8}.form_controls_input::placeholder{font-weight:400;font-size:14px}.form_controls_focus_noshadow:focus{box-shadow:none}.form_input_error{color:red;font-size:12px;margin-top:4px;padding-left:8px}
65
- .dropdown_container{border:none;position:relative !important;display:inline-block !important}.dropdown_header{display:flex;align-items:center;justify-content:space-between;font-family:"Poppins","Roboto";width:240px;border-width:1px;border-style:solid;border-radius:12px;font-size:14px;height:40px;padding:0 16px;text-align:left;cursor:pointer;outline:none;transition:border-radius .3s}.dropdown_header:focus{box-shadow:0px 2px 15px rgba(34,60,102,.2)}.dropdown_header_navItem{width:120px;height:54px;border-radius:0;border:none}.dropdown_header_opened{border-radius:12px 12px 0 0;border-bottom:none}.dropdown_icon_invert{transform:rotate(180deg)}.dropdown_options_container{display:none;width:100%;max-height:0;overflow-y:auto;max-height:320px;list-style:none;border-width:1px;border-style:solid;border-radius:0 0 12px 12px;box-shadow:0px 8px 16px 0px rgba(0,0,0,.2);position:absolute;z-index:1;left:0;top:40px;transition:max-height .3s}.dropdown_options_container_navItem{top:54px;border-radius:0;border:none}.dropdown_options_show{display:block}
66
- .dropdown_header_theme_light{background:#fff;color:#434b59;border-color:#8b93a1}.dropdown_header_theme_light:hover{border-color:#00593b}.dropdown_header_theme_light:focus{border-color:#00593b}.dropdown_header_navItem_theme_light{background:unset;color:#434b59}.dropdown_header_navItem_theme_light:hover{background:#dadfe8;border-color:#00593b}.dropdown_header_navItem_theme_light:focus{border-color:#00593b}.dropdown_options_container_theme_light{border-color:#8b93a1;background:#fff;color:#434b59}.dropdown_options_container_navItem_theme_light{background:#eff2f8;color:#434b59}
67
- .dropdown_option_base{width:100%;font-size:14px;padding:12px;text-align:left;cursor:pointer;outline:none;display:block;text-decoration:none}
68
- .dropdown_option_theme_light{background:unset;color:#434b59}.dropdown_option_hover_theme_light:hover{background-color:#dadfe8}.dropdown_option_active_theme_light{color:#fff;background-color:#8b93a1}
69
- .label_container{width:256px}.label_top_marginBottom{margin-bottom:8px}.label_label{font-weight:600;font-size:14px;display:inline-block;line-height:18px}.label_required{font-weight:500;font-size:10px;font-family:"Poppins","Roboto";color:#ea4d44}.label_description{font-weight:400;font-size:10px;font-family:"Poppins","Roboto";color:#434b59}.label_label_margin_right{margin-right:4px}
70
- .label_container_theme_light{background:unset;color:#434b59}.label_theme_light{color:inherit}
71
- .submit_button{width:100%;border:none;opacity:.9}.submit_button:hover{opacity:1}.submit_button:disabled{background:#8b93a1}
72
- .submit_button_theme_light{background:linear-gradient(180deg, #fb974f 0%, #d75919 100%);color:#fff}.submit_button_theme_light:hover{background:linear-gradient(180deg, #fb974f 0%, #d75919 100%)}
73
-
74
- .input_text_theme_light{background:#fff;color:#434b59;border-color:#8b93a1}
75
- .textarea_input{resize:none;width:100%;font-weight:400;font-size:14px;font-family:"Poppins","Roboto";border-style:solid;border-width:1px;border-radius:12px;outline:none;padding:12px 16px}.textarea_input:focus{box-shadow:0px 2px 15px rgba(34,60,102,.2)}.textarea_input:disabled{background-color:#dadfe8}.textarea_input::placeholder{font-weight:400;font-size:14px}.textarea_input_focus_noshadow:focus{box-shadow:none}
76
- .textarea_input_theme_light{background:#fff;color:#434b59;border-color:#8b93a1}
77
-
78
- .input_number_theme_light{background:#fff;color:#434b59;border-color:#8b93a1}
79
- .checkbox_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-right:64px}.input_checkbox{border-width:1px;border-style:solid;height:24px;width:24px;border-radius:12px;margin-right:12px;cursor:pointer}.input_checkbox:disabled{pointer-events:none}.checkbox_right_container{width:inherit}.checkbox_children{font-size:14px;margin-bottom:4px}.checkbox_error{margin:0;padding:0}.container_auth_tnc{text-decoration:underline;opacity:.9;color:#434b59}.container_auth_tnc:hover{opacity:1}
80
- .checkbox_theme_light{background:unset;color:#434b59;border-color:#8b93a1}
81
- .radioselect_options_container{width:inherit;min-height:40px;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.radioselect_radio{padding:4px 8px;padding-top:0;margin-bottom:4px}.radioselect_input{cursor:pointer}.radioselect_label{font-size:14px;margin-left:8px;cursor:pointer}
82
- .radioselect_label_theme_light{background:unset;color:#434b59}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "reso-ui",
3
- "version": "1.16.0",
3
+ "version": "1.17.0",
4
4
  "description": "Reusable React components in Typescript",
5
5
  "types": "types/index",
6
6
  "main": "dist/lib.js",
@@ -8,6 +8,7 @@ import "./styles/Dropdown-Select.theme.scss";
8
8
  import { ISelectableOption } from "../../../../interfaces";
9
9
  export interface IDropdownSelectProps extends IComponent, IThemeProps, IMarginProps {
10
10
  id?: string;
11
+ width?: string;
11
12
  selectedKey?: string;
12
13
  value?: string;
13
14
  options?: ISelectableOption[];
@@ -21,9 +22,11 @@ export interface IDropdownSelectProps extends IComponent, IThemeProps, IMarginPr
21
22
  OptionsContainerElement?: "ul" | "div";
22
23
  children?: React.ReactNode;
23
24
  optionsMaxHeight?: string;
25
+ dropdownClassName?: string;
26
+ dropdownStyles?: React.CSSProperties;
24
27
  headerClassName?: string;
25
28
  headerStyles?: React.CSSProperties;
26
29
  optionsContainerClassName?: string;
27
30
  optionsContainerStyles?: React.CSSProperties;
28
31
  }
29
- export declare const DropdownSelect: ({ id, selectedKey, value, options, onChange, error, setError, required, disabled, asNavItem, expandOn, OptionsContainerElement, children, optionsMaxHeight, headerClassName, headerStyles, optionsContainerClassName, optionsContainerStyles, rootClassName, rootStyles, theme, ...spacingsProps }: IDropdownSelectProps) => React.JSX.Element;
32
+ export declare const DropdownSelect: ({ id, width, selectedKey, value, options, onChange, error, setError, required, disabled, asNavItem, expandOn, OptionsContainerElement, children, optionsMaxHeight, dropdownClassName, dropdownStyles, headerClassName, headerStyles, optionsContainerClassName, optionsContainerStyles, rootClassName, rootStyles, theme, ...spacingsProps }: IDropdownSelectProps) => React.JSX.Element;
@@ -0,0 +1,25 @@
1
+ import React from "react";
2
+ import IComponent from "../../../interfaces/IComponent";
3
+ import IThemeProps from "../../../interfaces/Theme";
4
+ import { IMarginProps } from "../../../interfaces/ISpacingsProps";
5
+ import { IFormInputProps } from "../../../interfaces/Form";
6
+ import "../sharedStyles.scss";
7
+ import "./styles/File-Input.layout.scss";
8
+ import "./styles/File-Input.theme.scss";
9
+ export declare const ACCEPT_STRING_REGEX: RegExp;
10
+ export interface IFileInputProps extends IComponent, Omit<IFormInputProps<File>, "type" | "autocomplete" | "inputClassName" | "inputStyles" | "validateOnLoad" | "autofocus" | "useHTMLErrorMessage">, IThemeProps, IMarginProps {
11
+ selectedFile?: File;
12
+ accept?: string;
13
+ multiple?: boolean;
14
+ onReset?: () => void;
15
+ filterExtensionsInUsersFileExplorer?: boolean;
16
+ labelText?: string;
17
+ placeholder?: string;
18
+ textInputClassName?: string;
19
+ textInputStyles?: React.CSSProperties;
20
+ fileInputClassName?: string;
21
+ fileInputStyles?: React.CSSProperties;
22
+ resetButtonClassName?: string;
23
+ resetButtonStyles?: React.CSSProperties;
24
+ }
25
+ export declare const FileInput: ({ id, onBlur, onFocus, noShadowOnFocus, error, setError, disabled, required, readonly, value, onChange, accept, multiple, onReset, filterExtensionsInUsersFileExplorer, labelText, placeholder, selectedFile, rootClassName, rootStyles, textInputClassName, textInputStyles, fileInputClassName, fileInputStyles, resetButtonClassName, resetButtonStyles, theme, customValidators, ...spacingsProps }: IFileInputProps) => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import "../../../styles/global.scss";
2
+ export * from "./File-Input";
@@ -1,4 +1,5 @@
1
1
  export * from "./Dropdown";
2
+ export * from "./File-Input";
2
3
  export * from "./Label";
3
4
  export * from "./Submit-Button";
4
5
  export * from "./Text-Input";
@@ -2,6 +2,21 @@ import { SelectableHookReturnObj, FormInputHookReturnObj } from "../../../interf
2
2
  import { OptionsConfig } from "../utils";
3
3
  import { AnyObject } from "../../../interfaces";
4
4
  export declare const useFormInput: <T>(initialValue: T) => FormInputHookReturnObj<T>;
5
+ interface IUseFileInputConfig {
6
+ defaultPath?: string;
7
+ pathHandle?: string;
8
+ }
9
+ export declare const useFileInputDefaultConfig: IUseFileInputConfig;
10
+ export declare const useFileInput: (initialPath?: string, config?: IUseFileInputConfig) => {
11
+ selectedFile: File;
12
+ setSelectedFile: (f?: File) => void;
13
+ selectedFilePath: string;
14
+ setSelectedFilePath: import("react").Dispatch<import("react").SetStateAction<string>>;
15
+ reset: () => void;
16
+ error: string;
17
+ setError: import("react").Dispatch<import("react").SetStateAction<string>>;
18
+ };
5
19
  export declare const useSelectableOptions: (initialSelectedKey: string | undefined, options: AnyObject[], config?: OptionsConfig) => SelectableHookReturnObj;
6
20
  export declare const useDropdown: (initialSelectedKey: string | undefined, options: AnyObject[], config?: OptionsConfig) => SelectableHookReturnObj;
7
21
  export declare const useRadioSelect: (initialSelectedKey: string | undefined, options: AnyObject[], config?: OptionsConfig) => SelectableHookReturnObj;
22
+ export {};
@@ -8,7 +8,8 @@ interface IInputValidationProps {
8
8
  maxLength?: number;
9
9
  isEmail?: boolean;
10
10
  isTel?: boolean;
11
+ accept?: string;
11
12
  }
12
- type InputPrimitiveType = "string" | "boolean" | "number";
13
+ type InputPrimitiveType = "string" | "boolean" | "number" | "file";
13
14
  declare const _default: <T>(type: InputPrimitiveType, validationProps: IInputValidationProps, customValidators?: CustomValidators<T>) => FormInputValidator<T>[];
14
15
  export default _default;
@@ -0,0 +1,6 @@
1
+ import { FormInputValidator } from "../../interfaces";
2
+ /**
3
+ * File validators
4
+ */
5
+ export declare const fileIsRequired: FormInputValidator<File>;
6
+ export declare const fileMatchesAccept: (acceptStr: string) => FormInputValidator<File>;
@@ -27,7 +27,7 @@ export interface IFormInputProps<T> {
27
27
  inputClassName?: string;
28
28
  inputStyles?: React.CSSProperties;
29
29
  value?: string | number | boolean;
30
- onChange: (value: string | number | boolean) => void;
30
+ onChange: (value: T) => void;
31
31
  error?: string;
32
32
  setError?: Dispatch<SetStateAction<string>>;
33
33
  useHTMLErrorMessage?: boolean;
@@ -5,3 +5,5 @@ export declare const numberHasValue: (val: any) => boolean;
5
5
  export declare const numberHasPositiveValue: (val: any) => boolean;
6
6
  export declare const methodHasValue: (method: any) => boolean;
7
7
  export declare const booleanHasValue: (val: boolean) => boolean;
8
+ export declare const stringIsValidAccept: (val: string) => boolean;
9
+ export declare const valueIsAFile: (val: any) => boolean;