编辑文件

编辑文件：index.js

(()=>{var e={3390(e,n,t){var a,r=Object.create,o=Object.defineProperty,i=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyNames,s=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty,c=(e,n,t,a)=>{if(n&&"object"==typeof n||"function"==typeof n)for(let r of l(n))d.call(e,r)||r===t||o(e,r,{get:()=>n[r],enumerable:!(a=i(n,r))||a.enumerable});return e},p=(e,n,t)=>(t=null!=e?r(s(e)):{},c(!n&&e&&e.__esModule?t:o(t,"default",{value:e,enumerable:!0}),e)),m={};((e,n)=>{for(var t in n)o(e,t,{get:n[t],enumerable:!0})})(m,{AdminHeader:()=>zr,Analytics:()=>Hr,BasicInput:()=>Y,BasicInputUI:()=>V,BlockBuilder:()=>Mt,BlockBuilderUI:()=>qt,ButtonInput:()=>E,ButtonInputUI:()=>T,CalendarInput:()=>se,CalendarInputUI:()=>le,Card:()=>Zn,ChoiceToggle:()=>ue,ChoiceToggleUI:()=>me,ColorSettingInput:()=>he,ColorSettingInputUI:()=>fe,Column:()=>Or,ComponentStatusView:()=>Kr,Container:()=>wr,CopyToClipboard:()=>Gt,CopyToClipboardUI:()=>Ht,CountryCodes:()=>Ua,DynamicRowSetting:()=>Fr,EmailsInputUI:()=>Sa,EventCalendar:()=>Re,EventCalendarUI:()=>Oe,ExpandablePanel:()=>Cn,ExpandablePanelUI:()=>Nn,FileInput:()=>Ln,FileInputUI:()=>En,FormGroup:()=>an,FormGroupWrapper:()=>on,FormViewer:()=>dr,GuidedTourProvider:()=>Pr,HeaderSearch:()=>ur,InfoItem:()=>Ur,ItemList:()=>cn,ItemListUI:()=>dn,Log:()=>Yt,MapProviderUI:()=>Ft,Modules:()=>fr,MultiCheckBox:()=>lt,MultiCheckBoxUI:()=>it,MultiInputTable:()=>na,MultiInputTableUI:()=>ea,NavigatorHeader:()=>vr,NestedComponent:()=>oa,NestedComponentUI:()=>ra,Notice:()=>Ze,NoticeManager:()=>Qe,NoticeReceiver:()=>en,Popup:()=>P,PopupUI:()=>I,PrePostText:()=>sa,PrePostTextUI:()=>la,RandomInputKeyGeneratorUI:()=>ka,RenderComponent:()=>Ya,Section:()=>ua,SectionUI:()=>ma,SelectInput:()=>H,SelectInputUI:()=>W,SequentialTaskExecutor:()=>qa,SequentialTaskExecutorUI:()=>La,SettingMetaBox:()=>jt,SettingProvider:()=>Zr,SettingsNavigator:()=>Nr,ShortCodeTable:()=>fa,ShortCodeTableUI:()=>ba,Skeleton:()=>qe,TableCard:()=>Po,Tabs:()=>zt,TabsUI:()=>St,TextArea:()=>pt,TextAreaUI:()=>ct,Tooltip:()=>M,filterSettingByIds:()=>Fo,getApiLink:()=>h,getApiResponse:()=>b,getAvailableSettings:()=>Oo,getDefaultSettings:()=>Bo,getSettingById:()=>Ro,getSettingsByPriority:()=>$o,htmlToBlocks:()=>lo,initializeModules:()=>Ka,isActiveSetting:()=>Uo,renderBlocksToHTML:()=>to,sendApiResponse:()=>f,useModules:()=>Ga,useOutsideClick:()=>Wa,useSetting:()=>eo}),e.exports=(a=m,c(o({},"__esModule",{value:!0}),a));var u=p(t(1609)),g=p(t(3743)),b=async(e,n={})=>{try{return(await g.default.get(e,n)).data}catch(n){return console.error(`❌ Error fetching data from ${e}`,n),null}},f=async(e,n,t,a={})=>{try{const r={headers:{"X-WP-Nonce":e.nonce,...a.headers},...a};return(await g.default.post(n,t,r)).data}catch(e){return console.error(`❌ Error sending data to ${n}`,e),null}},h=(e,n,t,a)=>`${a||e.apiUrl}/${t||e.restUrl}/${n}`,x=t(6609),w=p(t(3743)),y=t(1609),v=t(1609),_=t(5139),k=p(t(1609)),j=p(t(8145)),N=p(t(4335)),C=t(1609),S=p(t(3743)),z=t(790),A=({btn:e,index:n})=>{const[t,a]=(0,C.useState)(!1);var r;const o={...e.style?{button_background_color:(r=e.style).backgroundColor,button_text_color:r.color,button_border_color:r.borderColor,button_border_radious:r.borderRadius,button_font_size:r.fontSize,button_font_width:Number(r.fontWeight),button_border_size:r.borderWidth,button_padding_top:r.paddingTop,button_padding_right:r.paddingRight,button_padding_bottom:r.paddingBottom,button_padding_left:r.paddingLeft,button_margin_top:r.marginTop,button_margin_right:r.marginRight,button_margin_bottom:r.marginBottom,button_margin_left:r.marginLeft}:{},...e.customStyle||{}},i=`${o.button_padding_top}rem ${o.button_padding_right}rem ${o.button_padding_bottom}rem ${o.button_padding_left}rem`,l=`${o.button_margin_top}rem ${o.button_margin_right}rem ${o.button_margin_bottom}rem ${o.button_margin_left}rem`,s={border:t?`${o.button_border_size}rem solid ${o.button_border_color_onhover}`:`${o.button_border_size}rem solid ${o.button_border_color}`,backgroundColor:t?o.button_background_color_onhover:o.button_background_color,color:t?o.button_text_color_onhover:o.button_text_color,borderRadius:`${o.button_border_radious}rem`,fontSize:`${o.button_font_size}rem`,fontWeight:o.button_font_width,margin:l,padding:i};return(0,z.jsx)("button",{className:`admin-btn btn-${e.color||"purple-bg"}`,onClick:e.onClick,disabled:e.disabled,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),style:s,children:e.children||(0,z.jsxs)(z.Fragment,{children:[e.icon&&(0,z.jsx)("i",{className:`adminfont-${e.icon}`}),o.button_text||e.text]})},n)},T=({buttons:e,wrapperClass:n="",position:t=""})=>{const a=Array.isArray(e)?e:[e],r="buttons-wrapper"+(n?` ${n}`:"");return(0,z.jsx)("div",{className:r,"data-position":t,children:a.map((e,n)=>(0,z.jsx)(A,{btn:e,index:n},n))})},E={render:({field:e,onChange:n,canAccess:t})=>{const[a,r]=(0,C.useState)(""),o={color:e.color||"purple-bg",style:e.style,customStyle:e.customStyle},i=Array.isArray(e.options)&&e.options.length>0?e.options.map(e=>({...o,text:e.label,onClick:e.onClick,disabled:e.disabled,icon:e.icon})):[{...o,text:e.text||e.placeholder||e.name||"Click",disabled:e.disabled,onClick:e.onClick||(()=>{t&&("open_modal"!==e.action?e.redirect_url?window.open(e.redirect_url,"_self"):e.apilink?(0,S.default)({url:h(Ra,String(e.apilink)),method:e.method??"GET",headers:{"X-WP-Nonce":Ra.nonce},..."GET"===e.method&&{params:{key:e.key}},..."POST"===e.method&&{data:{key:e.key,action:e.action||[]}}}).then(e=>{if(e.data.message){const n=e?.data?.message;r(n)}}):n(!0):window.dispatchEvent(new CustomEvent("multivendorx:action",{detail:{type:"open_modal",key:e.key}})))}),icon:e.icon}];return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(T,{wrapperClass:e.wrapperClass||"",buttons:i,position:e.position||"left"}),a&&(0,z.jsx)("div",{className:"api-message",children:a})]})},validate:(e,n)=>e.required&&!n?`${e.label} is required`:null},L=t(1609),q=t(790),M=({text:e,children:n,position:t="top",withOutArrow:a=!1,className:r=""})=>(0,q.jsxs)("div",{className:`tooltip-wrapper ${t} ${a?"with-out-arrow":""} ${r}`,children:[n,(0,q.jsx)("span",{className:"tooltip-name",children:e})]}),D=t(790),I=(0,L.forwardRef)(({position:e="slide-right-to-left",open:n,toggleIcon:t,tooltipName:a="Menu",tooltipPosition:r="bottom",width:o=14,height:i="fit-content",className:l="",showBackdrop:s=!0,onOpen:d,onClose:c,children:p,header:m,footer:u},g)=>{const[b,f]=(0,L.useState)(!1),h=(0,L.useRef)(null),x=void 0!==n,w=x?n:b,y=()=>{x||f(!1),c?.()};Wa(h,()=>{w&&y()});const v={minWidth:"number"==typeof o?`${o}rem`:o,height:"number"==typeof i?`${i}rem`:i};return(0,D.jsxs)("div",{className:`popup ${l} ${w?"popup-open":""}`,children:[t&&(0,D.jsx)(M,{text:a,position:r,className:w?"hidden":"",children:(0,D.jsx)("i",{onClick:e=>{e.stopPropagation(),w?y():(x||f(!0),d?.())},className:`popup-icon adminfont-${t}`})}),s&&w&&(0,D.jsx)("div",{className:"popup-backdrop",onClick:y}),w&&(0,D.jsxs)("div",{className:"popup-content",style:v,"data-position":e,onClick:e=>e.stopPropagation(),ref:g,children:[m&&(0,D.jsxs)("div",{className:"popup-header",children:[(0,D.jsxs)("div",{className:"popup-title",children:[m.icon&&(0,D.jsx)("i",{className:`adminfont-${m.icon}`}),m.title]}),m.description&&(0,D.jsx)("div",{className:"desc",children:m.description})]}),"menu-dropdown"!=e&&(0,D.jsx)("i",{onClick:y,className:"close-icon adminfont-close"}),(0,D.jsx)("div",{className:"popup-body",children:p}),u&&(0,D.jsx)("div",{className:"popup-footer",children:u})]})]})}),P={render:({field:e})=>(0,D.jsx)(I,{position:e.position,toggleIcon:e.toggleIcon,tooltipName:e.tooltipName,width:e.width,height:e.height,className:e.className,showBackdrop:e.showBackdrop,open:e.open,onClose:e.onClose,onOpen:e.onOpen,header:e.header,footer:e.footer,children:e.children})},$=t(790),F={select:{type:"single-select",isMulti:!1,isCreatable:!1,Component:j.default},dropdown:{type:"single-select",isMulti:!1,isCreatable:!1,Component:j.default},"single-select":{type:"single-select",isMulti:!1,isCreatable:!1,Component:j.default},"multi-select":{type:"multi-select",isMulti:!0,isCreatable:!1,Component:j.default},"single-creatable":{type:"creatable",isMulti:!1,isCreatable:!0,Component:N.default},"creatable-multi":{type:"creatable-multi",isMulti:!0,isCreatable:!0,Component:N.default}},B={type:"single-select",isMulti:!1,isCreatable:!1,Component:j.default},O=(e,n,t)=>{const a=new Map(n.map(e=>[e.value,e])),r=(Array.isArray(e)?e:null!=e&&""!==e?[e]:[]).map(e=>a.get(e)??{value:e,label:e});return t?r:r[0]??null},R=(e,n,t)=>({control:(a,r)=>({...a,borderColor:"var(--border-color)",boxShadow:r.isFocused?"var(--box-shadow-theme)":"none",backgroundColor:n||"var(--background-white)",color:t||"var(--text-color)",minHeight:"2.213rem",...e?{}:{height:"2.213rem",maxHeight:"2.213rem"},paddingTop:0,paddingBottom:0,width:"100%",margin:0,"&:active":{color:"var(--color-primary)"},":hover":{borderColor:"var(--border-color)"}}),valueContainer:n=>({...n,margin:0,paddingTop:e?"0.125rem":0,paddingBottom:e?"0.125rem":0,backgroundColor:"transparent",flexWrap:e?"wrap":"nowrap"}),option:(e,n)=>({...e,fontSize:"0.95rem",backgroundColor:n.isSelected?"var(--background-primary)":n.isFocused?"var(--background-color)":"var(--background-white)",color:n.isSelected?"var(--text-color)":"var(--themeColor)",cursor:"pointer"}),menu:e=>({...e,borderRadius:4,marginTop:0}),multiValue:e=>({...e,backgroundColor:"var(--background-primary)",margin:"0.125rem"}),multiValueLabel:e=>({...e,color:"var(--color-primary)",padding:"0 0.25rem"}),multiValueRemove:e=>({...e,color:"var(--color-primary)",":hover":{backgroundColor:"var(--color-primary)",color:"var(--background-white)"}})}),U={MenuList:e=>{const{menuContent:n,keepMenuOpenOnMenuContentClick:t}=e.selectProps;return(0,$.jsxs)(j.components.MenuList,{...e,children:[e.children,n&&(0,$.jsx)("div",{className:"select-menu-content",onMouseDown:e=>{t&&(e.preventDefault(),e.stopPropagation())},children:n})]})},NoOptionsMessage:e=>(0,$.jsx)(j.components.NoOptionsMessage,{...e,children:(0,$.jsx)("span",{className:"no-options",children:e.selectProps.noOptionsText??"No options available"})}),ValueContainer:e=>{const{children:n,getValue:t,selectProps:{maxVisibleItems:a,onOverflowClick:r,__isExpanded:o,__setIsExpanded:i}}=e;if(!a)return(0,$.jsx)(j.components.ValueContainer,{...e,children:n});const l=t().length,s=o?l:a,d=Math.max(0,l-s),c=k.default.Children.toArray(n),p=c[c.length-1],m=c.slice(0,-1).slice(0,s);return(0,$.jsxs)(j.components.ValueContainer,{...e,children:[m,d>0&&(0,$.jsxs)("span",{className:"admin-badge blue overflow-badge",onMouseDown:e=>{e.preventDefault(),e.stopPropagation(),r?r():i?.(!o)},role:"button",tabIndex:0,title:`${d} more selected`,children:["+",d]}),p]})}},W=({type:e,options:n,value:t,onChange:a,maxVisibleItems:r,onOverflowClick:o,isClearable:i=!1,name:l,placeholder:s,inputClass:d,wrapperClass:c,size:p,menuContent:m,keepMenuOpenOnMenuContentClick:u,noOptionsText:g,selectDeselect:b,selectDeselectLabel:f="Select / Deselect All",onSelectDeselectAll:h,formatCreateLabel:x=e=>`Add "${e}"`,disabled:w=!1,enableOverflowPopup:y=!1,popupTitle:v,popupWidth:_,background:j,color:N})=>{const[C,S]=k.default.useState(!1),[z,A]=k.default.useState(!1),{isMulti:E,Component:L}=F[e]??B,q=L,M=n.map((e,n)=>({value:e.value,label:e.label??e.value,index:n})),D={name:l,placeholder:s,className:`${d??""} select-wrapper`,classNamePrefix:"select-prefix",value:O(t,M,E),options:M,isMulti:E,isDisabled:w,isClearable:i,onChange:e=>a(((e,n)=>n?e.map(e=>e.value):e?.value??"")(e??(E?[]:null),E)),components:U,formatCreateLabel:x,onOverflowClick:()=>{y?A(!0):o?.()},__isExpanded:C,__setIsExpanded:S,menuContent:m,keepMenuOpenOnMenuContentClick:u,noOptionsText:g,menuPortalTarget:document.body,menuPosition:"fixed",styles:{...R(E,j,N),menuPortal:e=>({...e,zIndex:99})}},P="number"==typeof p?`${p}rem`:p;return(0,$.jsxs)("div",{className:`form-select-field ${c??""}`,style:{width:P??""},children:[b&&(0,$.jsx)(T,{position:"left",buttons:[{text:f,color:"purple",onClick:e=>{e.preventDefault(),h?.(e)}}]}),(0,$.jsx)(q,{...D,maxVisibleItems:r}),y&&(0,$.jsx)(I,{position:"lightbox",open:z,onClose:()=>A(!1),className:"select-popup",showBackdrop:!0,width:_??28,header:{title:v??l??"Selected Items",showCloseButton:!0},children:(0,$.jsx)(q,{...D})})]})},H={render:({field:e,value:n,onChange:t,canAccess:a,settings:r})=>{const{type:o}=F[e.type]??B;let i=e.options||[];const l=Array.isArray(i)?i.map(e=>({value:String(e.value),label:e.label??String(e.value)})):Object.entries(i||{}).map(([e,n])=>({value:String(e),label:String(n)}));return(0,$.jsx)(W,{type:o,name:e.key,inputClass:e.className,wrapperClass:e.wrapperClass,size:e.size,placeholder:e.placeholder,maxVisibleItems:e.maxVisibleItems,isClearable:e.isClearable,selectDeselect:e.selectDeselect,selectDeselectLabel:"Select / Deselect All",options:l,value:(s=n,Array.isArray(s)?s.length&&"object"==typeof s[0]&&"value"in s[0]?s.map(e=>String(e.value)):s.map(String):null!=s&&""!==s?String(s):void 0),onChange:e=>{a&&JSON.stringify(e)!==JSON.stringify(n)&&t(e)},menuContent:e.menuContent,keepMenuOpenOnMenuContentClick:e.keepMenuOpenOnMenuContentClick,noOptionsText:e.noOptionsText,formatCreateLabel:e.formatCreateLabel,disabled:!a,enableOverflowPopup:e.enableOverflowPopup,popupTitle:e.popupTitle,popupWidth:e.popupWidth});var s},validate:(e,n)=>e.required&&(!n||Array.isArray(n)&&0===n.length)?`${e.label} is required`:null},G=t(1609),K=t(790),V=(0,G.forwardRef)(({id:e,type:n="text",name:t="basic-input",placeholder:a,value:r,required:o=!1,inputClass:i,inputLabel:l,wrapperClass:s,disabled:d=!1,readOnly:c=!1,size:p,minNumber:m,maxNumber:u,onChange:g,onClick:b,onMouseOver:f,onMouseOut:h,onFocus:x,onBlur:w,onKeyDown:y,rangeUnit:v,preText:_,postText:k,multiple:j},N)=>{const C="number"==typeof p?`${p}rem`:p;return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsxs)("div",{className:`setting-form-input input-wrapper ${s||""} `,style:{width:C||""},children:[_&&(0,K.jsx)("span",{className:"pre",dangerouslySetInnerHTML:{__html:_}}),(0,K.jsx)("input",{ref:N,id:e,className:`basic-input ${i??""}`,type:n,name:t,placeholder:a,min:"number"===n||"range"===n?m:void 0,max:"number"===n||"range"===n?u:void 0,value:r,onChange:e=>g(e.target.value),onClick:b,onMouseOver:f,onMouseOut:h,onFocus:x,onBlur:w,onKeyDown:y,disabled:d,readOnly:c,required:o,multiple:j,autoComplete:"off"}),"color"===n&&(0,K.jsxs)("label",{htmlFor:"",className:"color-value",children:[l&&(0,K.jsxs)("span",{className:"title",children:[" ",l," "]}),r??""]}),k&&(0,K.jsx)("span",{className:"parameter",dangerouslySetInnerHTML:{__html:k}})]}),"range"===n&&(0,K.jsxs)("output",{className:"settings-metabox-description",children:[r??"",v]})]})}),Y={render:({field:e,value:n,onChange:t,canAccess:a})=>(0,K.jsx)(V,{wrapperClass:e.wrapperClass,inputClass:e.class,id:e.id,name:e.name,type:e.type,placeholder:e.placeholder,inputLabel:e.inputLabel,rangeUnit:e.rangeUnit,minNumber:e.minNumber??0,maxNumber:e.maxNumber??50,preText:e.preText,postText:e.postText,value:n,size:e.size,multiple:e.multiple,readOnly:e.readOnly,onChange:e=>{a&&t(e)}}),validate:(e,n)=>e.required&&!n?.[e.key]?`${e.label} is required`:null},J=t(790),Q=[{id:1,key:"address_1",label:"Address Line 1",type:"text",placeholder:"Address Line 1",required:!0},{id:2,key:"address_2",label:"Address Line 2",type:"text",placeholder:"Address Line 2",required:!1},{id:3,key:"city",label:"City",type:"text",placeholder:"City",required:!0},{id:4,key:"country",label:"Country",type:"select",options:["India","USA","UK","Canada"],required:!1},{id:5,key:"state",label:"State",type:"select",options:["Karnataka","Maharashtra","Delhi","Tamil Nadu"],required:!1},{id:6,key:"postcode",label:"Postal Code",type:"text",placeholder:"Postal Code",required:!0}],X=({formField:e,opendInput:n,setOpendInput:t})=>{const[a,r]=(0,v.useState)(e.fields?.length?e.fields:"form"===e.context?Q:[]);(0,v.useEffect)(()=>{e.fields?.length?r(e.fields):e.fields?.length||"form"!==e.context?r([]):r(Q)},[e.fields,e.context]);const o={text:e=>(0,J.jsxs)("div",{className:"address-field-item",children:[(0,J.jsx)("label",{className:"field-label",children:e.label}),(0,J.jsx)(V,{placeholder:e.placeholder})]}),select:e=>(0,J.jsxs)("div",{className:"address-field-item",children:[(0,J.jsx)("label",{className:"field-label",children:e.label}),(0,J.jsx)(W,{type:"single-select",options:e.options?.map(e=>({value:e,label:e}))||[]})]})};return a.length?(0,J.jsx)(_.ReactSortable,{list:a,setList:e=>{r(e)},handle:".drag-handle",animation:150,group:{name:`address-${e.id}`,pull:!1,put:!1},className:"address-fields",children:a.map(a=>(0,J.jsxs)("div",{className:"form-field "+(n?.id===a.id?"active":""),onClick:n=>{n.stopPropagation(),t({...a,readonly:e.readonly,parentId:e.id})},children:[(0,J.jsx)("div",{className:"meta-menu",children:(0,J.jsx)("span",{className:"admin-badge blue drag-handle",children:(0,J.jsx)("i",{className:"admin-font adminfont-drag"})})}),o[a.type]?.(a)]},a.id))}):null},Z={render:({field:e})=>{const[n,t]=(0,v.useState)(null);return(0,J.jsx)(X,{formField:e,opendInput:n,setOpendInput:t})}},ee=t(1609),ne=p(t(4985)),te=p(t(728)),ae=t(790),re=(e,n="MMMM DD YYYY")=>e?e.selectedDates&&e.selectedDates.length>0?e.selectedDates.map(e=>new ne.DateObject({date:e,format:n})):[new ne.DateObject({date:e.startDate,format:n}),new ne.DateObject({date:e.endDate,format:n})]:null,oe=({setValue:e,pickerRef:n,format:t,onClose:a})=>{const r=new Date,o=e=>{const n=new Date(e),t=n.getDay();return n.setDate(n.getDate()-t+(0===t?-6:1)),n},i=e=>{const n=o(e);return n.setDate(n.getDate()+6),n},l=e=>new Date(e.getFullYear(),e.getMonth(),1),s=e=>new Date(e.getFullYear(),e.getMonth()+1,0),d=r=>{const o=r.map(e=>new ne.DateObject({date:e,format:t}));e(1===o.length?o[0]:o),n.current?.closeCalendar(),a?.(),closeDropdown?.()},c=new Date(r.getFullYear(),r.getMonth(),r.getDate()-1),p=new Date(o(r).getFullYear(),o(r).getMonth(),o(r).getDate()-7),m=i(p),u=new Date(r.getFullYear(),r.getMonth()-1,1),g=s(u),b=o(r),f=l(r),h=(e=>{const n=e.getMonth(),t=3*Math.floor(n/3);return new Date(e.getFullYear(),t,1)})(r),x=new Date(r.getFullYear(),0,1);return(0,ae.jsxs)("div",{className:"range-picker-wrapper",children:[(0,ae.jsx)("div",{onClick:()=>d([r]),children:"Today"}),(0,ae.jsx)("div",{onClick:()=>d([c]),children:"Yesterday"}),(0,ae.jsx)("div",{onClick:()=>d([o(r),i(r)]),children:"This Week"}),(0,ae.jsx)("div",{onClick:()=>d([p,m]),children:"Last Week"}),(0,ae.jsx)("div",{onClick:()=>d([l(r),s(r)]),children:"This Month"}),(0,ae.jsx)("div",{onClick:()=>d([u,g]),children:"Last Month"}),(0,ae.jsx)("div",{onClick:()=>d([b,r]),children:"Week to date"}),(0,ae.jsx)("div",{onClick:()=>d([f,r]),children:"Month to date"}),(0,ae.jsx)("div",{onClick:()=>d([h,r]),children:"Quarter to date"}),(0,ae.jsx)("div",{onClick:()=>d([x,r]),children:"Year to date"})]})},ie=({commonProps:e,showInput:n,inputClass:t,format:a,getDisplayValue:r,presetsProps:o})=>{const[i,l]=(0,ee.useState)(0),[s,d]=(0,ee.useState)(!1),c=(0,ee.useRef)(null),p=(0,ee.useRef)(null),m=(0,ee.useRef)(null),[u,g]=(0,ee.useState)(!1),b=()=>{if(!p.current||!m.current)return;const e=p.current.getBoundingClientRect(),n=m.current.offsetHeight,t=window.innerHeight-e.bottom,a=e.top;g(t<n&&a>n)};(0,ee.useEffect)(()=>{if(!s)return;const e=()=>{requestAnimationFrame(b)},n=e=>{p.current&&(p.current.contains(e.target)||d(!1))};return e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),document.addEventListener("mousedown",n),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e),document.removeEventListener("mousedown",n)}},[s]);const f={...e,onChange:n=>{e.onChange(n),(Array.isArray(n)&&2===n.length||n instanceof ne.DateObject)&&d(!1)}},h=[{label:"Presets",content:(0,ae.jsx)(oe,{...o,closeDropdown:()=>d(!1)})},{label:"Custom",content:(0,ae.jsx)(ne.Calendar,{className:n?"input-calendar":"calendar-wrapper",...e,...f,ref:c})}];return n?(0,ae.jsxs)("div",{className:"settings-calender",ref:p,children:[(0,ae.jsx)("input",{className:`basic-input calender-input ${t||""}`,onFocus:()=>{d(!0)},readOnly:!0,name:"calendar-input",value:r?r():"",placeholder:a}),s&&(0,ae.jsxs)("div",{ref:m,className:"calendar-tabs-container "+(u?"open-upward":"open-downward"),children:[(0,ae.jsx)("div",{className:"tabs-wrapper",children:(0,ae.jsx)("div",{className:"tabs-item",children:h.map((e,n)=>(0,ae.jsx)("div",{className:"tab "+(n===i?"active-tab":""),onClick:()=>l(n),children:e.label},n))})}),(0,ae.jsx)("div",{className:"calendar-tab-content",children:h[i].content})]})]}):(0,ae.jsx)("div",{className:"settings-calender",ref:p,children:(0,ae.jsxs)("div",{className:"calendar-tabs-container",children:[(0,ae.jsx)("div",{className:"tabs-wrapper",children:(0,ae.jsx)("div",{className:"tabs-item",children:h.map((e,n)=>(0,ae.jsx)("div",{className:"tab "+(n===i?"active-tab":""),onClick:()=>l(n),children:e.label},n))})}),(0,ae.jsx)("div",{className:"calendar-tab-content",children:h[i].content})]})})},le=({inputClass:e,format:n="MMMM DD YYYY",value:t,onChange:a,multiple:r=!1,showInput:o=!0,numberOfMonths:i=1,fullYear:l,maxFutureMonths:s,showCompare:d=!1,calendar:c=!1,minDate:p,disabledDates:m=[]})=>{const u=(0,ee.useRef)(null),g=(e=>{if(void 0!==e){const n=new Date;return n.setMonth(n.getMonth()+e),n}return new Date})(s),[b,f]=(0,ee.useState)(re(t,n));(0,ee.useEffect)(()=>{f(re(t,n))},[t,n]);const h=e=>{if(f(e),r){if(e){const n=Array.isArray(e)?e.map(e=>e.toDate()):[e.toDate()];a?.({selectedDates:n})}}else if(Array.isArray(e)&&2===e.length){const[n,t]=e;a?.({startDate:n.toDate(),endDate:t.toDate()}),u.current?.closeCalendar?.()}else if(e instanceof ne.DateObject){const n=e.toDate();a?.({startDate:n,endDate:n}),u.current?.closeCalendar?.()}},x=new Map(m.map(e=>{const n=new Date(e.date);return n.setHours(0,0,0,0),[n.toDateString(),e.description]})),w=[];r&&w.push((0,ae.jsx)(te.default,{},"date-panel"));const y={ref:u,value:b,format:n,range:!r&&!c,numberOfMonths:i,sort:!0,onChange:h,maxDate:g,minDate:p,multiple:r,plugins:w,fullYear:l,mapDays:({date:e})=>{const n=e.toDate();n.setHours(0,0,0,0);const t=x.get(n.toDateString());return t?{disabled:!0,title:t,className:"disabled-date"}:{}}},v=e=>{const n=new Date(e);return n.setFullYear(n.getFullYear()-1),n},_=e=>(e instanceof Date?e:new Date(e)).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"}),k=()=>{if(!t?.startDate)return"";const e=t.startDate,n=t.endDate||t.startDate,a=e===n,r=a?_(e):`${_(e)} ~ ${_(n)}`;if(!d)return r;const o=v(e),i=v(n);return`${r}  vs ${a?_(o):`${_(o)} ~ ${_(i)}`}`};return c?(0,ae.jsx)("div",{className:"settings-calender",children:o?(0,ae.jsx)(ne.default,{...y,className:e,placeholder:n,render:(e,n)=>(0,ae.jsx)("input",{className:"calender-input",onFocus:n,readOnly:!0,name:"calendar-input",value:k()})}):(0,ae.jsx)(ne.Calendar,{className:"calendar-wrapper calendar",...y})}):(0,ae.jsx)(ie,{commonProps:y,showInput:o,inputClass:e,format:n,getDisplayValue:k,presetsProps:{setValue:h,pickerRef:u,format:n,onClose:()=>u.current?.closeCalendar()}})},se={render:({field:e,value:n,onChange:t})=>(0,ae.jsx)(le,{inputClass:e.inputClass,format:e.format,calendar:e.calendar??!1,multiple:e.multiple??!1,showInput:e.showInput,numberOfMonths:e.numberOfMonths,fullYear:e.fullYear,value:n,onChange:t,maxFutureMonths:e.maxFutureMonths,showCompare:e.showCompare})},de=t(1609),ce=t(1609),pe=t(790),me=({options:e,wrapperClass:n,value:t,key:a,onChange:r,iconEnable:o=!1,custom:i,width:l,multiSelect:s=!1,modules:d,onBlocked:c})=>{const p=(0,ce.useId)(),m=a?`${a}_${p}`:p;return(0,pe.jsx)(pe.Fragment,{children:(0,pe.jsx)("div",{className:`choice-toggle-container ${n||""}`,children:(0,pe.jsx)("div",{className:"choice-toggle-wrapper "+(i?"custom":""),children:e.map(e=>{const n=s?Array.isArray(t)&&t.includes(e.value):t===e.value,a=!!e.proSetting,p=`${m}_${e.key}`;return(0,pe.jsxs)("div",{role:"button",tabIndex:0,className:"toggle-option",style:i&&l?{width:l}:{},children:[(0,pe.jsx)("input",{className:"choice-toggle-form-input",type:s?"checkbox":"radio",id:p,name:m,value:e.value,checked:n,readOnly:!0,onClick:()=>((e,n)=>{if(!(e=>e.proSetting&&!Ra.khali_dabba?(c?.("pro"),!0):e.moduleEnabled&&!d.includes(e.moduleEnabled)?(c?.("module",e.moduleEnabled),!0):!(!e.requiredPlugin||(Ra.active_plugins||[]).includes(e.requiredPlugin)||(c?.("plugin",e),0)))(n))if(s){const n=Array.isArray(t)?t:[];let a;a=n.includes(e)?n.filter(n=>n!==e):[...n,e],r(a)}else r(e)})(e.value,e)}),(0,pe.jsxs)("label",{htmlFor:p,children:[(0,pe.jsx)("span",{children:o?(0,pe.jsx)("i",{className:e.value}):e.img?(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsx)("img",{src:e.img}),e.label]}):e.icon?(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsx)("i",{className:`adminfont-${e.icon} `}),e.label]}):e.label}),e.desc&&(0,pe.jsx)("div",{className:"des",children:e.desc}),e.customHtml&&(0,pe.jsx)("div",{className:"choice-toggle-custom-wrapper",dangerouslySetInnerHTML:{__html:e.customHtml}})]}),!e.proSetting&&e.moduleEnabled&&!d.includes(e.moduleEnabled)&&(0,pe.jsxs)("span",{className:"admin-pro-tag module",children:[(0,pe.jsx)("i",{className:`adminfont-${e.moduleEnabled}`}),(u=e.moduleEnabled,u.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" ")),(0,pe.jsx)("i",{className:"adminfont-lock"})]}),a&&!Ra.khali_dabba&&(0,pe.jsxs)("span",{className:"admin-pro-tag",children:[(0,pe.jsx)("i",{className:"adminfont-pro-tag"}),"Pro"]})]},e.key);var u})})})})},ue={render:({field:e,value:n,onChange:t,canAccess:a,modules:r,onBlocked:o})=>(0,pe.jsx)(me,{wrapperClass:e.wrapperClass,iconEnable:e.iconEnable,custom:e.custom,width:e.width,multiSelect:e.multiSelect,canAccess:a,modules:r,onBlocked:o,options:Array.isArray(e.options)?e.options.map(e=>({...e,value:String(e.value)})):[],value:e.multiSelect?Array.isArray(n)?n:n?[String(n)]:[]:String(n??e.defaultValue??""),onChange:e=>{a&&t(e)}},e.key),validate:(e,n)=>e.required&&!n?.[e.key]?`${e.label} is required`:null},ge=t(5607),be=t(790),fe=e=>{const{filedKey:n,templateSelector:t=!1,predefinedOptions:a=[],images:r=[],templates:o=[],value:i,onChange:l,showPdfButton:s}=e,d=i?.selectedPalette||(a[0]?.value??""),c=i?.colors||{},[p,m]=(0,de.useState)(i?.templateKey||o?.[0]?.key),u=(0,de.useMemo)(()=>o?.find(e=>e.key===p),[o,p]),g=u?.pdf,b=e=>{l?.({target:{name:n,value:e}})},f="templates"===d?"templates":"custom"===d?"custom":"predefined",[h,x]=(0,de.useState)(f),[w,y]=(0,de.useState)(d),[v,_]=(0,de.useState)(c),[k,j]=(0,de.useState)({colorPrimary:"#FF5959",colorSecondary:"#FADD3A",colorAccent:"#49BEB6",colorSupport:"#075F63",...c}),[N,C]=(0,de.useState)(r?.[0]?.img||null);(0,de.useEffect)(()=>{if("custom"!==w){const e=a.find(e=>e.value===w);_(e?.colors||{})}},[w,a]),(0,de.useEffect)(()=>{const e=i?.selectedPalette;if(!e)return;const n=r.find(n=>n.value===e);n?.img&&C(n.img)},[i?.selectedPalette,r]);const S=e=>{const n=e.target.value;y(n),x("custom"===n?"custom":"predefined");const t=a.find(e=>e.value===n),r="custom"===n?k:t?.colors||{};_(r),b({selectedPalette:n,colors:r})};return(0,be.jsxs)("div",{className:"color-settings-wrapper",children:[(o?.length??0)>1&&!t&&(0,be.jsx)("div",{className:e.wrapperClass,children:(0,be.jsxs)("div",{className:"form-group-setting-wrapper",children:[(0,be.jsx)("label",{children:"Select Template"}),(0,be.jsx)(W,{name:"dashboard_template",options:o.map(e=>({label:e.label,value:e.key})),value:p,onChange:e=>{var n;e&&!Array.isArray(e)&&(n=e.value,m(n),b({templateKey:n,colors:k}))}})]})}),(0,be.jsxs)("div",{className:"color-setting",children:[a.length>0&&(0,be.jsxs)("div",{className:"color-palette-wrapper",children:[(0,be.jsxs)("div",{className:"form-group-setting-wrapper",children:[(0,be.jsx)("label",{children:"Color Palette"}),(0,be.jsx)(me,{options:[{key:"predefined",value:"predefined",label:"Pre-defined"},{key:"custom",value:"custom",label:"Custom"}],value:h,onChange:e=>{const n=Array.isArray(e)?e[0]:e;if("predefined"===n){x("predefined");const e=a[0]?.value??"";y(e);const n=a.find(n=>n.value===e),t=n?.colors||{};_(t),b({selectedPalette:e,colors:t})}"templates"===n&&(x("templates"),y("templates"),_(k),b({templateKey:p||p,colors:k})),"custom"===n&&(x("custom"),y("custom"),_(k),b({selectedPalette:"custom",colors:k}))}})]}),(0,be.jsxs)("div",{className:"color-palette",children:["predefined"===h&&(0,be.jsx)(be.Fragment,{children:a.map(n=>{const t=w===n.value;return(0,be.jsxs)("div",{className:"palette",children:[(0,be.jsx)("input",{className:e.inputClass,id:`${e.idPrefix}-${n.key}`,type:"radio",name:"vendor_color_scheme_picker",checked:t,value:n.value,onChange:S}),(0,be.jsxs)("label",{htmlFor:`${e.idPrefix}-${n.key}`,children:[n.colors&&(0,be.jsx)("div",{className:"color",children:Object.values(n.colors).map((e,n)=>(0,be.jsx)("div",{style:{backgroundColor:e}},n))}),n.image&&(0,be.jsx)("div",{className:"color",children:(0,be.jsx)("img",{src:n.image,alt:""})}),(0,be.jsx)("span",{children:n.label})]})]},n.key)})}),"custom"===h&&(0,be.jsx)(be.Fragment,{children:Object.entries(k).map(([e,n])=>(0,be.jsx)(V,{type:"color",value:n,inputLabel:e.replace(/([A-Z])/g," $1").replace(/^./,e=>e.toUpperCase()),onChange:n=>((e,n)=>{const t={...k,[e]:n};j(t),_(t),y("custom"),x("custom"),b({selectedPalette:"custom",colors:t})})(e,n)}))})]})]}),t&&(0,be.jsx)("div",{className:"template-list image-list",children:o.map(e=>(0,be.jsx)("div",{className:"image-thumbnail template-thumbnail "+(p===e.key?"active":""),onClick:()=>{m(e.key),x("templates"),y("templates"),b({templateKey:e.key,colors:k})},children:(0,be.jsx)("label",{children:e.label})},e.key))}),u&&(0,be.jsx)("div",{className:"preview-wrapper",children:(0,be.jsx)(u.component,{colors:{colorPrimary:v.colorPrimary??k.colorPrimary,colorSecondary:v.colorSecondary??k.colorSecondary,colorAccent:v.colorAccent??k.colorAccent,colorSupport:v.colorSupport??k.colorSupport},isPreview:!0})})]}),r.length>0&&(0,be.jsxs)("div",{className:"color-setting",children:[(0,be.jsx)("div",{className:"image-list",children:r&&r.map(e=>(0,be.jsxs)("div",{className:"image-thumbnail "+(w===e.value?"active":""),onClick:()=>{const n=e.value||"";y(n),C(e.img||null),x("predefined");const t=a.find(e=>e.value===n);b({selectedPalette:n,colors:t?.colors||{}})},children:[(0,be.jsx)("img",{src:e.img,alt:e.label}),(0,be.jsx)("label",{children:e.label})]},e.key))}),(0,be.jsx)("div",{className:"image-preview",children:N&&(0,be.jsx)("img",{src:N,alt:"Selected Template"})})]}),s&&g&&(0,be.jsx)(ge.PDFDownloadLink,{document:(0,be.jsx)(g,{colors:v}),fileName:`invoice-${p}.pdf`,children:({loading:e})=>e?"Generating PDF…":"Download PDF"})]})},he={render:({field:e,value:n,onChange:t,canAccess:a})=>(0,be.jsx)(fe,{filedKey:e.key,wrapperClass:"form-group-color-setting",inputClass:"setting-form-input",predefinedOptions:e.predefinedOptions??[],images:e.images??[],value:n,templates:e.templates,onChange:e=>{a&&t(e.target.value)},templateSelector:e.templateSelector??!1,idPrefix:"color-setting",showPdfButton:e.showPdfButton??!1}),validate:()=>null},xe=(e,n)=>`${n[`${e}Top`]??0}rem ${n[`${e}Right`]??0}rem ${n[`${e}Bottom`]??0}rem ${n[`${e}Left`]??0}rem`,we=e=>e?{backgroundColor:e.backgroundColor,color:e.color}:{},ye=e=>e?{padding:xe("padding",e),margin:xe("margin",e)}:{},ve=e=>e?{borderWidth:void 0!==e.borderWidth?`${e.borderWidth}rem`:void 0,borderColor:e.borderColor,borderStyle:e.borderStyle,borderRadius:void 0!==e.borderRadius?`${e.borderRadius}rem`:void 0}:{},_e=e=>e?{textAlign:e.textAlign,fontSize:void 0!==e.fontSize?`${e.fontSize}rem`:void 0,fontFamily:e.fontFamily,lineHeight:e.lineHeight,fontWeight:e.fontWeight,textDecoration:e.textDecoration}:{},ke=e=>e?{width:e.width,height:e.height}:{},je=e=>e?{justifyContent:e.justifyContent}:{},Ne=(e,n={})=>{if(!e)return{};const{includeText:t=!0,includeDimensions:a=!0}=n;return{...we(e),...ye(e),...ve(e),...t?_e(e):{},...a?ke(e):{},...je(e)}},Ce=t(790),Se=({field:e,onChange:n,editable:t=!0})=>{if(!e)return null;const a={...Ne(e.style,{includeText:!0}),textAlign:e.style?.textAlign||"left",display:"block",width:"100%"},r=t=>{"heading"===e.type||"title"===e.type?n({text:t.currentTarget.textContent||""}):n({html:t.currentTarget.innerHTML})};if("heading"===e.type||"title"===e.type){const n=`h${e.level||2}`;return(0,Ce.jsx)(n,{className:"email-heading",style:a,contentEditable:t,suppressContentEditableWarning:!0,onBlur:r,children:e.text||"Heading Text"})}return"form"===e.context?(0,Ce.jsxs)("label",{className:"terms-checkbox",children:[(0,Ce.jsx)("input",{type:"checkbox",checked:e.checked||!1}),(0,Ce.jsx)("div",{className:"email-text",style:a,contentEditable:t,suppressContentEditableWarning:!0,onBlur:e=>{n({html:e.currentTarget.innerHTML})},dangerouslySetInnerHTML:{__html:e.html||'I agree to the <a href="#">Terms & Conditions</a>'}})]}):(0,Ce.jsx)("div",{className:"email-text",style:a,contentEditable:t,suppressContentEditableWarning:!0,onBlur:r,dangerouslySetInnerHTML:{__html:e.html||"This is a demo text"}})},ze={render:({field:e,onChange:n})=>e?(0,Ce.jsx)(Se,{field:e,onChange:e=>{n(e)},editable:!0}):null},Ae=t(1609),Te=p(t(3743)),Ee=p(t(318)),Le=t(790),qe=({variant:e="text",width:n="100%",height:t=1,className:a=""})=>{const r=e=>"number"==typeof e?`${e}rem`:e,o={width:r(n),height:r(t)};return(0,Le.jsx)("span",{className:`skeleton skeleton-${e} ${a}`,style:o})},Me=t(790),De=({apilink:e,onChange:n})=>{const[t,a]=(0,Ae.useState)([]),[r,o]=(0,Ae.useState)(null),[i,l]=(0,Ae.useState)(""),[s,d]=(0,Ae.useState)(""),[c,p]=(0,Ae.useState)(!0),m=(0,Ae.useRef)(null);Wa(m,()=>o(null)),(0,Ae.useEffect)(()=>{p(!0),(0,Te.default)({url:h(Ra,e),method:"GET",headers:{"X-WP-Nonce":Ra.nonce},params:{menuOnly:!0}}).then(e=>{const n=e.data,t=Object.entries(n).map(([e,n])=>[e,{...n,visible:!1!==n.visible}]);a(t),p(!1)})},[e]);const u=e=>{a(e),n(Object.fromEntries(e))},g=(e,n)=>{const a=t.map(([t,a])=>t===e?[t,n(a)]:[t,a]);u(a)},b=([e,n],a)=>{const c="dashboard"===e;return(0,Me.jsxs)("div",{"data-index":a,className:"menu-item",children:[r===e?(0,Me.jsx)("div",{className:"edit-menu",ref:m,children:(0,Me.jsxs)("div",{className:"name-wrapper",children:[(0,Me.jsx)(V,{type:"text",value:i,onChange:n=>{const t=n;l(t),g(e,e=>({...e,name:t}))}}),!c&&(0,Me.jsx)(V,{type:"text",value:s,onChange:n=>{const a=((e,n)=>{const a=e.toLowerCase().replace(/[^a-z0-9-]/g,"").trim();if(!a)return"";const r=t.filter(([e])=>e!==n).map(([,e])=>e.slug);let o=a,i=1;for(;r.includes(o);)o=`${a}${i++}`;return o})(n,e);d(a),a&&g(e,e=>({...e,slug:a}))}})]})}):(0,Me.jsxs)("div",{className:"main-menu",style:{opacity:!1===n.visible?.5:1},children:[(0,Me.jsxs)("div",{className:"name-wrapper",children:[!c&&(0,Me.jsx)("i",{className:"adminfont-drag"}),(0,Me.jsx)("i",{className:`adminfont-${n.icon}`}),(0,Me.jsxs)("div",{className:"name",children:[n.name,!c&&(0,Me.jsx)("code",{children:n.slug})]})]}),!c&&(0,Me.jsxs)("div",{className:"edit-icon",children:[!1!==n.visible&&(0,Me.jsx)("i",{className:"adminfont-edit",onClick:()=>((e,n)=>{o(e),l(n.name),d(n.slug)})(e,n)}),(0,Me.jsx)("i",{className:"adminfont-eye"+(!1===n.visible?"-blocked":""),onClick:()=>(e=>{g(e,e=>({...e,visible:!1===e.visible}))})(e)})]})]}),n.submenu?.length>0&&(0,Me.jsx)(Ee.default,{nodeSelector:".sub-menu",onDragEnd:(n,t)=>((e,n,t)=>{g(e,e=>{const a=[...e.submenu],r=a.splice(n,1)[0];return a.splice(t,0,r),{...e,submenu:a}})})(e,n,t),children:(0,Me.jsx)("ul",{children:n.submenu.map((t,a)=>{const s=`${e}-sub-${a}`;return(0,Me.jsx)("li",{className:"sub-menu",style:{opacity:!1===n.visible?.5:1},children:r===s?(0,Me.jsx)(V,{ref:m,type:"text",value:i,onChange:n=>{const t=n;l(t),((e,n)=>{g(e,e=>{const a=[...e.submenu];return a[n]=(r=a[n],{...r,name:t}),{...e,submenu:a};var r})})(e,a)}}):(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsx)("i",{className:"adminfont-drag"}),t.name,(0,Me.jsx)("i",{className:"adminfont-edit",onClick:()=>{o(s),l(t.name)}})]})},a)})})})]},e)};return c?(0,Me.jsx)("div",{className:"endpoints-wrapper",children:[...Array(10).keys()].map(e=>(0,Me.jsx)("div",{className:"endpoint drag-row",children:(0,Me.jsx)("div",{className:"menu-item",children:(0,Me.jsx)(qe,{height:2.813})})},e))}):(0,Me.jsx)("div",{className:"endpoints-wrapper",children:(0,Me.jsx)(Ee.default,{nodeSelector:".drag-row",handleSelector:".drag-handle",onDragEnd:(e,n)=>{const a=[...t],r=a.splice(e,1)[0];a.splice(n,0,r),u(a)},children:t.map(([e,n],t)=>(0,Me.jsx)("div",{className:"endpoint drag-row",children:"dashboard"===e?b([e,n],t):(0,Me.jsx)("div",{className:"drag-handle menu-wrapper",children:b([e,n],t)})},e))})})},Ie={render:({field:e,onChange:n,canAccess:t})=>(0,Me.jsx)(De,{name:e.key,apilink:String(e.apiLink),onChange:e=>{t&&n(e)}}),validate:()=>null},Pe=t(1609),$e=t(4985),Fe=t(790),Be=e=>`${e.year}-${String(e.month.number).padStart(2,"0")}-${String(e.day).padStart(2,"0")}`,Oe=({wrapperClass:e="",format:n="MMMM DD YYYY",value:t={},onChange:a,onMonthChange:r,onEventClick:o,NumberOfMonth:i=1,fullYear:l})=>{const[s,d]=(0,Pe.useState)(null),c=t;return s&&c[Be(s)],(0,Fe.jsx)("div",{className:`settings-event-calendar ${e}`,children:(0,Fe.jsx)($e.Calendar,{format:n,numberOfMonths:i,fullYear:l,onMonthChange:r,mapDays:({date:e})=>{const n=c[Be(e)]||[];return{children:(0,Fe.jsxs)("div",{className:"sd",children:[(0,Fe.jsx)("span",{className:"date",children:e.day}),(0,Fe.jsx)("div",{className:"events-container",children:n.map(n=>(0,Fe.jsx)("div",{className:"event",title:n.title,onClick:t=>{o&&o(n,e)},children:(0,Fe.jsx)("div",{className:"name",children:n.title.length>20?`${n.title.substring(0,20)}...`:n.title})},n.id))})]})}}})})},Re={render:({field:e,value:n,onChange:t})=>(0,Fe.jsx)(Oe,{...e,value:n,onChange:t})},Ue=t(1609),We=p(t(3743)),He=t(1609),Ge=t(790),Ke="zyra_app_notices_v1",Ve=[],Ye=new Set,Je=()=>{(()=>{const e=Date.now(),n=Ve.filter(n=>"number"==typeof n.expiresAt&&n.expiresAt>e);0===n.length?localStorage.removeItem(Ke):localStorage.setItem(Ke,JSON.stringify(n))})(),Ye.forEach(e=>e([...Ve]))};"undefined"!=typeof window&&(Ve=(()=>{if("undefined"==typeof window)return[];try{const e=localStorage.getItem(Ke);if(!e)return[];const n=Date.now();return JSON.parse(e).filter(e=>"number"==typeof e.expiresAt&&e.expiresAt>n)}catch{return[]}})());var Qe={subscribe:e=>(Ye.add(e),e([...Ve]),()=>Ye.delete(e)),add(e,n){const t=e.uniqueKey||Date.now().toString();if(Ve.some(e=>e.uniqueKey===t))return;let a;a=void 0!==n?n:"float"===e.position?2e3:"lifetime";const r="lifetime"===a?void 0:Date.now()+a;Ve.push({...e,uniqueKey:t,expiresAt:r}),r&&"number"==typeof a&&setTimeout(()=>{Qe.remove(t)},a),Je()},remove(e){Ve=Ve.filter(n=>n.uniqueKey!==e),Je()},clearSession(){Ve=Ve.filter(e=>e.expiresAt),Je()}},Xe=(e,n)=>(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)("i",{className:`admin-font adminfont-${e.type}`}),(0,Ge.jsxs)("div",{className:"notice-details",style:{"--total-items":Array.isArray(e.message)?e.message.length:1,"--step-time":"4s","--banner-duration":4*(Array.isArray(e.message)?e.message.length:1)+"s"},children:[e.title&&(0,Ge.jsx)("div",{className:"notice-text",children:e.title}),Array.isArray(e.message)?(0,Ge.jsxs)(Ge.Fragment,{children:[e.message.map((n,t)=>(0,Ge.jsxs)("div",{className:"notice-desc",style:{animationDelay:4*t+"s"},children:[(0,Ge.jsx)("span",{dangerouslySetInnerHTML:{__html:n}}),e.actionLabel&&(0,Ge.jsx)("div",{className:"banner-btn",onClick:e.onAction,children:e.actionLabel})]},t)),n&&(0,Ge.jsx)("i",{className:"close-icon adminfont-close",onClick:()=>((e,n="banner_dismissed")=>{localStorage.setItem(n,"true"),Qe.remove(e)})(e.uniqueKey,e.dismissStorageKey)})]}):e.message&&(0,Ge.jsx)("div",{className:"notice-desc",dangerouslySetInnerHTML:{__html:e.message}})]})]}),Ze=({uniqueKey:e,title:n,dismissStorageKey:t,message:a,type:r="success",displayPosition:o="notice",actionLabel:i,onAction:l,validity:s})=>{const[d,c]=(0,He.useState)(!0);if((0,He.useEffect)(()=>{"inline"!==o&&"inline-notice"!==o&&(Qe.add({uniqueKey:e,title:n,message:a,type:r,position:o,actionLabel:i,onAction:l,dismissStorageKey:t},s),c(!1))},[]),!["inline","inline-notice"].includes(o)||!d||!n&&!a)return null;const p={uniqueKey:e||"inline",dismissStorageKey:t,title:n,message:a,type:r,position:"notice",actionLabel:i,onAction:l};return(0,Ge.jsx)("div",{className:`ui-notice type-${r} display-${o}`,children:Xe(p,()=>c(!1))})},en=({position:e})=>{const[n,t]=(0,He.useState)([]);return(0,He.useEffect)(()=>Qe.subscribe(n=>{t(n.filter(n=>n.position===e))}),[e]),n.length?(0,Ge.jsx)("div",{className:`receiver receiver-${e}`,children:n.map(e=>(0,Ge.jsx)("div",{className:`ui-notice type-${e.type} display-${e.position}`,children:Xe(e,()=>Qe.remove(e.uniqueKey))},e.uniqueKey))}):null},nn={render:({field:e})=>{const n={uniqueKey:e.uniqueKey||e.key,title:e.title,message:e.message,type:e.noticeType||"info",position:"notice",actionLabel:e.actionLabel,onAction:e.onAction};return(0,Ge.jsx)("div",{className:`ui-notice type-${n.type} display-${n.position}`,children:Xe(n)})}},tn=t(790),an=({label:e,desc:n="",icon:t,iconRight:a,htmlFor:r="",children:o,className:i="",labelDes:l,cols:s=12,row:d=!1,notice:c,noticeType:p="error"})=>(0,tn.jsxs)("div",{className:`form-group ${d?"row":""} ${i}`,"data-cols":s,children:[e&&(0,tn.jsxs)("label",{className:"settings-form-label",htmlFor:r,children:[(0,tn.jsxs)("div",{className:"title",children:[t&&(0,tn.jsx)("i",{className:`adminfont-${t} ${t} form-icon`}),e,a&&(0,tn.jsx)("i",{className:`adminfont-${a} form-icon`})]}),l&&(0,tn.jsx)("div",{className:"settings-metabox-description",children:l})]}),(0,tn.jsxs)("div",{className:"settings-input-content",children:[o,c&&(0,tn.jsx)(Ze,{type:p,message:c,displayPosition:"inline"}),n&&(0,tn.jsx)(tn.Fragment,{children:"string"==typeof n?(0,tn.jsx)("div",{className:"settings-metabox-description",dangerouslySetInnerHTML:{__html:n}}):(0,tn.jsxs)("div",{className:"settings-metabox-description",children:[" ",n," "]})})]})]}),rn=t(790),on=({children:e,className:n=""})=>(0,rn.jsx)("div",{className:`form-group-wrapper ${n}`,children:e}),ln=p(t(1609)),sn=t(790),dn=({items:e,background:n,border:t,className:a,onItemClick:r,loading:o=!1,skeletonCount:i=5})=>{const[l,s]=ln.default.useState("price-list"===a);return o?(0,sn.jsx)("div",{className:`item-list ${a||"default"}`,children:Array.from({length:i}).map((e,n)=>(0,sn.jsxs)("div",{className:"item",children:[(0,sn.jsx)(qe,{variant:"circular",width:2,height:2}),(0,sn.jsxs)("div",{className:"details",children:[(0,sn.jsx)(qe,{width:"60%",height:.75}),(0,sn.jsx)(qe,{width:"40%",height:.625})]})]},n))}):(0,sn.jsxs)("div",{className:`item-list ${a||"default"} ${l?"expanded":""}`,children:[e&&e.map(e=>(0,sn.jsx)(ln.default.Fragment,{children:e.link?(0,sn.jsxs)("a",{href:e.link,target:e.targetBlank?"_blank":"_self",className:`item ${n?"background":""} ${t?"border":""} ${e.className||""}`,onClick:n=>{n.stopPropagation(),e.action&&e.action(e,n),r&&r(e)},children:[e.icon&&(0,sn.jsx)("i",{className:`item-icon adminfont-${e.icon}`}),e.title]}):(0,sn.jsxs)("div",{className:`item ${n?"background":""} ${t?"border":""} ${e.className||""}`,onClick:()=>{e.action?.(e),r&&r(e)},children:[e.icon&&(0,sn.jsx)("i",{className:`item-icon adminfont-${e.icon}`}),e.img&&(0,sn.jsx)("img",{src:e.img,alt:e.title||"item image"}),(0,sn.jsxs)("div",{className:"details",children:[(0,sn.jsx)("div",{className:"item-title",dangerouslySetInnerHTML:{__html:e.title}}),e.value&&(0,sn.jsx)("div",{className:"value",children:e.value}),e.desc&&(0,sn.jsx)("div",{className:"desc",children:e.desc})]}),"notification"===a&&(0,sn.jsxs)(sn.Fragment,{children:[(0,sn.jsx)("i",{className:"check-icon adminfont-check green-color",onClick:n=>{n.stopPropagation(),e.onApprove?.(e)}}),(0,sn.jsx)("i",{className:"check-icon adminfont-cross red-color",onClick:n=>{n.stopPropagation(),e.onReject?.(e)}})]}),e.tags&&(0,sn.jsx)("div",{className:"tags",children:"string"==typeof e.tags?(0,sn.jsx)("div",{dangerouslySetInnerHTML:{__html:e.tags}}):e.tags})]})},e.id)),"price-list"===a&&(0,sn.jsx)("div",{className:"more-btn-wrapper",children:(0,sn.jsx)("span",{className:"more-btn",onClick:e=>{e.stopPropagation(),s(e=>!e)},children:l?(0,sn.jsxs)(sn.Fragment,{children:["More ",(0,sn.jsx)("i",{className:"adminfont-arrow-down"})]}):(0,sn.jsxs)(sn.Fragment,{children:["Less ",(0,sn.jsx)("i",{className:"adminfont-arrow-up"})]})})})]})},cn={render:({field:e,value:n,onChange:t,canAccess:a})=>{const r=Array.isArray(n)?n:e.items||[];return(0,sn.jsx)(dn,{items:r,className:e.className,background:e.background,border:e.border,loading:e.loading,onItemClick:e=>{a&&(e.action&&e.action(e),t?.(e))}})}},pn=t(790),mn=(0,Ue.createContext)(null),un=(0,Ue.createContext)(null),gn=()=>{const e=(0,Ue.useContext)(mn);if(!e)throw new Error("usePanel must be used within PanelProvider");return e},bn=()=>{const e=(0,Ue.useContext)(un);if(!e)throw new Error("usePanelItem must be used within PanelItemProvider");return e},fn=(e,n)=>{switch(n.type){case"SET_METHODS":return{...e,methods:n.methods};case"SET_ACTIVE_TAB":return{...e,activeTab:n.id};case"SET_WIZARD_INDEX":return{...e,wizardIndex:n.index};case"SET_PROGRESS":return{...e,progress:n.progress};case"SET_OPEN_DROPDOWN":return{...e,openDropdown:n.id};case"SET_ICON_DROPDOWN":return{...e,iconDropdown:n.id};case"START_EDIT":return{...e,editId:n.id,editField:n.field,editTitle:n.title||"",editDesc:n.desc||""};case"UPDATE_EDIT_TITLE":return{...e,editTitle:n.title};case"UPDATE_EDIT_DESC":return{...e,editDesc:n.desc};case"COMMIT_EDIT":case"CANCEL_EDIT":return{...e,editId:null,editField:null,editTitle:"",editDesc:""};case"ADD_METHOD":return{...e,methods:[...e.methods,n.method],activeTab:n.method.id};case"DELETE_METHOD":return{...e,methods:e.methods.filter(e=>e.id!==n.id),activeTab:e.activeTab===n.id?null:e.activeTab};default:return e}},hn=e=>"button"!==e.type&&"notice"!==e.type,xn=(e,n)=>{if(!n.length)return e;const t=new Set((e.formFields??[]).map(e=>e.key));return{...e,formFields:[...e.formFields??[],...n.filter(e=>!t.has(e.key))]}},wn=(e,n,t)=>!(!e.isCustom||t?.editableFields&&!1===t.editableFields[n]),yn=()=>{const{state:e,dispatch:n,addNewTemplate:t,titleRef:a,descRef:r,iconPicker:o,handleChange:i,commitEdit:l,isWizardMode:s,editTitleShow:d}=gn(),{method:c,methodValue:p,isOpen:m,isOn:u,hasFields:g,icon:b,title:f,desc:h,showMandatoryBadge:x}=bn(),w=e.editId===c.id,y=e.editField,v=e.editTitle,_=e.editDesc,k=e.iconDropdown,j=c.disableBtn&&!c.isCustom||s&&c.isWizardMode||!0===t?.showMandatoryCheckbox;return(0,pn.jsxs)("div",{className:"expandable-header",children:[j&&(0,pn.jsx)("div",{className:"toggle-icon",children:(!0===t?.showMandatoryCheckbox||(s&&c.isWizardMode?g:g&&u))&&(0,pn.jsx)("i",{className:"adminfont-"+(m?"keyboard-arrow-down":"pagination-right-arrow"),onClick:()=>n({type:"SET_ACTIVE_TAB",id:m?null:c.id})})}),(0,pn.jsx)("div",{className:"header-details "+(j?"toggle":""),onClick:()=>{const e=window.event?.target;e?.closest(".editable-title, .editable-description, .inline-edit-icon, .mandatory-checkbox-field")||n({type:"SET_ACTIVE_TAB",id:m?null:c.id})},children:(0,pn.jsxs)("div",{className:"details-wrapper",children:[b&&(0,pn.jsxs)("div",{className:"expandable-header-icon",ref:k===c.id?o:null,onClick:e=>{c.iconEnable&&n({type:"SET_ICON_DROPDOWN",id:k===c.id?null:c.id})},children:[(0,pn.jsx)("i",{className:`adminfont-${b} icon`}),c.iconEnable&&k!==c.id&&(0,pn.jsx)("i",{className:"adminfont-edit edit-icon"}),c.iconEnable&&k===c.id&&(0,pn.jsx)("div",{className:"icon-options-list",onClick:e=>e.stopPropagation(),children:(c.iconOptions??t?.iconOptions??[]).map(e=>(0,pn.jsx)("button",{type:"button",className:"icon-option "+(b===e?"selected":""),onClick:()=>{i(c.id,"icon",e),n({type:"SET_ICON_DROPDOWN",id:null})},title:e,children:(0,pn.jsx)("i",{className:`adminfont-${e}`})},e))})]}),(0,pn.jsxs)("div",{className:"expandable-header-info",children:[(0,pn.jsxs)("div",{className:"title-wrapper",children:[w&&"title"===y&&wn(c,"title",t)?(0,pn.jsx)(V,{ref:a,value:v,onChange:e=>n({type:"UPDATE_EDIT_TITLE",title:e}),onKeyDown:e=>"Enter"===e.key&&l(),onClick:e=>e.stopPropagation()}):(0,pn.jsxs)("span",{className:"title "+(wn(c,"title",t)?"editable-title":""),onClick:e=>{wn(c,"title",t)&&n({type:"START_EDIT",id:c.id,field:"title",title:p.title||c.label||""})},title:wn(c,"title",t)?"Click to edit":void 0,children:[f,wn(c,"title",t)&&(0,pn.jsx)("i",{className:"adminfont-edit inline-edit-icon"})]}),c.disableBtn&&!c.isCustom&&(0,pn.jsx)("div",{className:"panel-badges",children:(0,pn.jsx)("div",{className:"admin-badge "+(u?"green":"red"),children:u?"Active":"Inactive"})}),(c.mandatory||x)&&(0,pn.jsx)("div",{className:"admin-badge red",children:"Mandatory"})]}),(0,pn.jsxs)("div",{className:"panel-description",children:[d&&(0,pn.jsxs)("b",{children:[" ",f,": "]}),w&&"description"===y&&wn(c,"description",t)?(0,pn.jsx)("textarea",{ref:r,className:"description-edit",value:_,onChange:e=>n({type:"UPDATE_EDIT_DESC",desc:e.target.value}),onKeyDown:e=>"Enter"===e.key&&e.ctrlKey&&l(),onClick:e=>e.stopPropagation(),rows:3}):(0,pn.jsxs)("div",{className:wn(c,"description",t)?"editable-description":void 0,onClick:e=>{wn(c,"description",t)&&n({type:"START_EDIT",id:c.id,field:"description",desc:p.description||c.desc||""})},title:wn(c,"description",t)?"Click to edit":void 0,children:[(0,pn.jsx)("span",{dangerouslySetInnerHTML:{__html:h}}),wn(c,"description",t)&&(0,pn.jsx)("i",{className:"adminfont-edit inline-edit-icon"})]})]})]})]})}),(0,pn.jsx)(vn,{})]})},vn=()=>{const{state:e,dispatch:n,handleChange:t,handleDelete:a,canDelete:r}=gn(),{method:o,isOn:i,isOpen:l,hasFields:s,price:d,cntFlds:c,idx:p}=bn();return(0,pn.jsxs)("div",{className:"right-section",children:[d&&(0,pn.jsxs)("span",{className:"price-field",children:[d.price,d.unit&&(0,pn.jsx)("span",{className:"desc",children:d.unit})]}),(0,pn.jsxs)("ul",{className:"settings-btn",children:[o.isCustom&&!o.hideDeleteBtn&&r()&&(0,pn.jsx)(T,{buttons:[{icon:"delete",text:"Delete",color:"red",onClick:()=>a(o.id)}]}),o.disableBtn&&!o.isCustom&&(i?s&&(0,pn.jsx)(T,{buttons:[{icon:"setting",text:"Settings",color:"purple",onClick:()=>n({type:"SET_ACTIVE_TAB",id:l?null:o.id})}]}):(0,pn.jsx)("li",{onClick:()=>t(o.id,"enable",!0),children:(0,pn.jsxs)("span",{className:"admin-btn btn-purple-bg",children:[(0,pn.jsx)("i",{className:"adminfont-eye"})," Enable"]})})),o.isCustom&&o.disableBtn&&(i?(0,pn.jsx)(T,{buttons:[{icon:"eye-blocked",text:"Hide",color:"purple",onClick:()=>t(o.id,"enable",!1)}]}):(0,pn.jsx)("li",{onClick:()=>t(o.id,"enable",!0),children:(0,pn.jsxs)("span",{className:"admin-btn btn-purple-bg",children:[(0,pn.jsx)("i",{className:"adminfont-eye"})," Show"]})})),!o.disableBtn&&o.countBtn&&c.length>0&&(()=>{const n=(e.progress[p]||0)===c.length;return(0,pn.jsxs)("div",{className:"admin-badge "+(n?"green":"red"),children:[(0,pn.jsx)("i",{className:"adminfont-"+(n?"check":"error")}),n?"Complete":`${e.progress[p]||0} of ${c.length} done`]})})()]}),!o.isCustom&&i&&(0,pn.jsx)("div",{className:"icon-wrapper",children:(0,pn.jsx)(I,{position:"menu-dropdown",toggleIcon:"more-vertical",tooltipName:"Settings",children:(0,pn.jsx)(dn,{items:[...o.disableBtn&&s?[{id:"settings",title:"Settings",icon:"setting",action:(e,t)=>{t?.stopPropagation(),n({type:"SET_ACTIVE_TAB",id:l?null:o.id}),n({type:"SET_OPEN_DROPDOWN",id:null})}}]:[],{id:"disable",title:"Disable",icon:"eye-blocked",className:"delete",action:(e,a)=>{a?.stopPropagation(),t(o.id,"enable",!1),n({type:"SET_OPEN_DROPDOWN",id:null})}}]})})})]})},kn=()=>{const{isWizardMode:e,renderField:n,shouldRender:t,handleChange:a,addNewTemplate:r}=gn(),{method:o,isOpen:i,isOn:l}=bn(),s=!0===r?.showMandatoryCheckbox,d=Boolean(o.formFields?.length)||s,c=!0===r?.showMandatoryCheckbox;return(d||c)&&i&&(l||o.isCustom||o.openForm||s)?(0,pn.jsx)("div",{className:`${o.wrapperClass??""} expandable-panel open`.trim(),children:(0,pn.jsxs)(on,{children:[c&&(0,pn.jsx)(an,{row:!0,label:"Mandatory",desc:"Mark this item as mandatory",children:(0,pn.jsx)("input",{type:"checkbox",checked:o.mandatory||!1,onChange:e=>{const n=e.target.checked;a(o.id,"mandatory",n)},onClick:e=>e.stopPropagation()})}),o.formFields?.map(a=>e&&"wizardButtons"===a.key?null:(Array.isArray(a.dependent)?a.dependent.every(e=>t(e,o.id)):!a.dependent||t(a.dependent,o.id))?(0,pn.jsxs)(an,{row:!0,label:"notice"!==a.type?a.label:void 0,desc:a.desc,labelDes:a.settingDescription,htmlFor:a.name,children:[a.beforeElement&&n(o.id,a.beforeElement),n(o.id,a)]},a.key):null)]})}):null},jn=({method:e,idx:n})=>{const{state:t,value:a,addNewTemplate:r}=gn(),o=(0,Ue.useRef)(null),i=a[e.id]??{},l=!0===r?.showMandatoryCheckbox,s=e.isCustom?!1!==i.enable:Boolean(i.enable),d=t.activeTab===e.id,c=Boolean(e.formFields?.length)||l,p=i.icon||e.icon,m=(e=>{const{price:n,unit:t}=e;return null==n||""===n?null:{price:"number"==typeof n?`$${n.toFixed(2)}`:`$${n}`,unit:t?String(t):""}})(i),u=i.title||e.label,g=i.description||e.desc,b=e.formFields?.filter(hn)??[],f=e.formFields?.some(e=>!0===e.mandatory)??!1,h=e.mandatory||f;(0,Ue.useEffect)(()=>{if(d&&o.current){const e=o.current.getBoundingClientRect().top+window.scrollY;window.scrollTo({top:e-20,behavior:"smooth"})}},[d]);const x={method:e,methodValue:i,idx:n,isOn:s,isOpen:d,hasFields:c,icon:p,title:u,desc:g,price:m,cntFlds:b,showMandatoryBadge:h};return(0,pn.jsx)(un.Provider,{value:x,children:(0,pn.jsxs)("div",{ref:o,className:["expandable-item",e.disableBtn&&!s?"disable":"",e.openForm?"open":""].filter(Boolean).join(" "),children:[(0,pn.jsx)(yn,{}),(0,pn.jsx)(kn,{})]})})},Nn=({methods:e,value:n,onChange:t,apilink:a,isWizardMode:r=!1,canAccess:o,addNewBtn:i,addNewTemplate:l,min:s,onBlocked:d,editTitleShow:c})=>{const p=l?.formFields??[],[m,u]=(0,Ue.useReducer)(fn,{methods:e.map(e=>e.isCustom?xn(e,p):e),activeTab:(()=>{const n=e.find(e=>!0===e.openForm);return n?n.id:null})(),wizardIndex:0,progress:[],openDropdown:null,iconDropdown:null,editId:null,editField:null,editTitle:"",editDesc:""}),g=(0,Ue.useRef)(null),b=(0,Ue.useRef)(null),f=(0,Ue.useRef)(null),x=(0,Ue.useCallback)((e,a,r)=>{"wizardButtons"!==a&&t({...n,[e]:{...n[e]??{},[a]:r}})},[t,n]),w=(0,Ue.useCallback)(()=>{m.editId&&"title"===m.editField&&m.editTitle.trim()&&x(m.editId,"title",m.editTitle.trim()),m.editId&&"description"===m.editField&&x(m.editId,"description",m.editDesc),u({type:"COMMIT_EDIT"})},[m.editId,m.editField,m.editTitle,m.editDesc,x]),y=(0,Ue.useCallback)(()=>void 0===s||m.methods.filter(e=>e.isCustom).length>s,[s,m.methods]),v=(0,Ue.useCallback)(()=>{if(!o||!l)return;const e=(l.label??"item").trim().toLowerCase().replace(/\s+/g,"_")+Math.floor(1e4*Math.random()),a={id:e,icon:l.icon??"",label:l.label??"New Item",desc:l.desc??"",iconEnable:l.iconEnable??!1,iconOptions:l.iconOptions??[],connected:!1,isCustom:!0,disableBtn:l.disableBtn??!1,formFields:l.formFields?.map(e=>({...e}))??[]},r=xn(a,p);u({type:"ADD_METHOD",method:r});const i={isCustom:!0,title:a.label,description:a.desc,label:a.label,desc:a.desc};l.icon&&(i.icon=l.icon),a.formFields?.forEach(e=>{i[e.key]=""}),t({...n,[e]:i})},[o,l,p,t,n]),_=(0,Ue.useCallback)(e=>{if(!y())return;u({type:"DELETE_METHOD",id:e});const a={...n};delete a[e],t(a)},[y,t,n]),k=(0,Ue.useCallback)(()=>{a&&Ra?.nonce&&(0,We.default)({url:h(Ra,a),method:"POST",headers:{"X-WP-Nonce":Ra.nonce},data:{setupWizard:!0,value:n}}).catch(console.error)},[a,n]),j=(e,t,a=null)=>{const r=n[t]?.[e];return Array.isArray(r)?null===a?r.length>0:r.includes(a):null===a?Boolean(r):r===a},N=(0,Ue.useCallback)((e,n)=>{const{wizardIndex:t,methods:a}=m,r=a.length-1;if("back"===e){if(0===t)return;const e=t-1,n=a[e];return u({type:"SET_WIZARD_INDEX",index:e}),void u({type:"SET_ACTIVE_TAB",id:n.id})}if(k(),t<r){const e=t+1,n=a[e];return u({type:"SET_WIZARD_INDEX",index:e}),void u({type:"SET_ACTIVE_TAB",id:n.id})}n&&window.open(n,"_self")},[m.wizardIndex,m.methods,k]),C=(0,Ue.useCallback)((e,t)=>{const a=Ha[t.type];if(!a)return null;const i=a.render,l=n[e]?.[t.key],s=n=>x(e,t.key,n);if("button"===t.type&&r&&Array.isArray(t.options)){const e={back:e=>({...e,text:e.label,color:"red",onClick:()=>N("back")}),next:e=>({...e,text:e.label,color:"purple",onClick:()=>N("next",e.redirect)}),skip:e=>({...e,text:e.label,color:"blue",onClick:()=>window.open(Ra?.site_url,"_self")})},n=t.options.map(n=>{const t=e[n.action];return t?t(n):n});return(0,pn.jsx)(i,{field:{...t,options:n},value:l,onChange:s,canAccess:o,onBlocked:d})}return(0,pn.jsx)(i,{field:t,value:l,onChange:s,canAccess:o})},[n,x,r,m.wizardIndex,m.methods,o,k]);(0,Ue.useEffect)(()=>{"title"===m.editField&&(g.current?.focus(),g.current?.select()),"description"===m.editField&&(b.current?.focus(),b.current?.select())},[m.editId,m.editField]),(0,Ue.useEffect)(()=>{if(!m.editId)return;const e=e=>{"Escape"!==e.key?"Enter"!==e.key||"title"!==m.editField&&!e.ctrlKey||w():u({type:"CANCEL_EDIT"})};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[m.editId,m.editField,w]),(0,Ue.useEffect)(()=>{if(!m.editId)return;const e=e=>{const n=e.target;g.current?.contains(n)||b.current?.contains(n)||w()};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[m.editId,w]),(0,Ue.useEffect)(()=>{if(!m.openDropdown)return;const e=()=>u({type:"SET_OPEN_DROPDOWN",id:null});return document.addEventListener("click",e),()=>document.removeEventListener("click",e)},[m.openDropdown]),(0,Ue.useEffect)(()=>{if(!m.iconDropdown)return;const e=e=>{f.current&&!f.current.contains(e.target)&&u({type:"SET_ICON_DROPDOWN",id:null})},n=e=>{"Escape"===e.key&&u({type:"SET_ICON_DROPDOWN",id:null})};return document.addEventListener("mousedown",e),document.addEventListener("keydown",n),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",n)}},[m.iconDropdown]),(0,Ue.useEffect)(()=>{if(!r)return;const e=m.methods.map(e=>{const t=n[e.id]??{};return(e.formFields?.filter(hn)??[]).filter(e=>{return null!=(n=t[e.key])&&("string"==typeof n?""!==n.trim():!Array.isArray(n)||n.length>0);var n}).length});u({type:"SET_PROGRESS",progress:e})},[n,m.methods,r]),(0,Ue.useEffect)(()=>{const e=new Map(Object.entries(n).map(([e,n])=>[e,{id:e,...n}])),t=(()=>{const n=new Map(m.methods.map(e=>[e.id,e]));return e.forEach((e,t)=>{const a=n.get(t);n.set(t,{...a,...e,disableBtn:e.disableBtn??a?.disableBtn??(!!e.isCustom&&(l?.disableBtn??!1)),iconEnable:e.iconEnable??a?.iconEnable??(!!e.isCustom&&l?.iconEnable),iconOptions:e.iconOptions??a?.iconOptions??(e.isCustom?l?.iconOptions:[])})}),Array.from(n.values()).map(e=>e.isCustom?xn(e,p):e)})();JSON.stringify(t)!==JSON.stringify(m.methods)&&u({type:"SET_METHODS",methods:t})},[n,l,p]);const S={state:m,dispatch:u,value:n,isWizardMode:r,canAccess:o,addNewTemplate:l,tplFields:p,titleRef:g,descRef:b,iconPicker:f,handleChange:x,handleDelete:_,canDelete:y,renderField:C,commitEdit:w,shouldRender:(e,n)=>!(!0===e.set&&!j(e.key,n)||!1===e.set&&j(e.key,n)||void 0!==e.value&&!j(e.key,n,e.value)),editTitleShow:c??!1},z=r?m.methods.slice(0,m.wizardIndex+1):m.methods;return(0,pn.jsxs)(mn.Provider,{value:S,children:[(0,pn.jsxs)("div",{className:"expandable-panel-group",children:[z.map((e,n)=>(0,pn.jsx)(jn,{method:e,idx:n},e.id)),i&&(0,pn.jsx)(T,{buttons:[{icon:"plus",text:"Add New",color:"purple",onClick:v}]})]}),r&&(()=>{const e=m.methods[m.wizardIndex],n=e?.formFields?.find(e=>"wizardButtons"===e.key);return n?C(e.id,n):null})()]})},Cn={render:({field:e,value:n,onChange:t,canAccess:a})=>(0,pn.jsx)(Nn,{name:e.key,apilink:String(e.apiLink),methods:e.modal??[],addNewBtn:e.addNewBtn,addNewTemplate:e.addNewTemplate,min:e.min,value:n||{},onChange:e=>{a&&t(e)},canAccess:a},e.key),validate:()=>null},Sn=t(1609),zn=t(790),An=e=>e&&e.split("/").pop()?.split("?")[0]||"File",Tn=e=>null!==(e.includes("#")?e.split("#")[1]:e).match(/\.(jpg|jpeg|png|gif|webp|svg|bmp)$/i),En=e=>{const n=(0,Sn.useRef)(null),[t,a]=(0,Sn.useState)([]),[r,o]=(0,Sn.useState)(0),[i,l]=(0,Sn.useState)(!1);(0,Sn.useEffect)(()=>{const n=e.imageSrc;if(!n||Array.isArray(n)&&0===n.length)return void a([]);const t=(Array.isArray(n)?n:[n]).filter(Boolean).map(e=>"string"==typeof e?{url:e}:e);a(t),o(0)},[e.imageSrc]);const s=n=>{a(n),e.onChange?.(e.multiple?n:n[0]||"")},d=()=>{if(!wp?.media)return n.current?.click();const a=wp.media({title:"Select or Upload File",button:{text:"Use this file"},multiple:e.multiple&&!i});a.on("select",()=>{const n=a.state().get("selection").toJSON().map(e=>({id:e.id,url:e.url}));let o;i?(o=[...t],o[r]=n[0],l(!1)):o=e.multiple?[...t,...n]:[n[0]],s(o)}),a.open()},c=e=>{const n=t[e],a=n?.url;a?.startsWith("blob:")&&URL.revokeObjectURL(a.split("#")[0]);const i=t.filter((n,t)=>t!==e);s(i),r>=i.length&&o(Math.max(0,i.length-1))},p=t[r]?.url,m=p&&Tn(p),u=p;return(0,zn.jsxs)(zn.Fragment,{children:[(0,zn.jsx)("div",{className:`file-uploader ${e.wrapperClass||""} ${e.size||""}`.trim(),style:{backgroundImage:m?`url(${u})`:"none"},children:0===t.length?(0,zn.jsxs)(zn.Fragment,{children:[(0,zn.jsx)("i",{className:"upload-icon adminfont-cloud-upload"}),(0,zn.jsx)("input",{ref:n,className:e.inputClass,id:e.id,type:"hidden",name:e.name||"file-input",placeholder:e.placeholder,accept:e.accept,onChange:a=>{const d=a.target.files;if(!d?.length)return;const c=Array.from(d).map(e=>({url:`${URL.createObjectURL(e)}#${e.name}`}));let p;i?(p=[...t],p[r]?.startsWith("blob:")&&URL.revokeObjectURL(p[r].split("#")[0]),p[r]=c[0],l(!1)):(p=e.multiple?[...t,...c]:[c[0]],o(p.length-1)),s(p),n.current&&(n.current.value="")},onClick:e.onClick,onMouseOver:e.onMouseOver,onMouseOut:e.onMouseOut,onFocus:e.onFocus,onBlur:e.onBlur,multiple:e.multiple}),(0,zn.jsx)("span",{className:"title",children:"Drag and drop your file here"}),(0,zn.jsx)("span",{children:"Or"}),(0,zn.jsx)(T,{buttons:[{text:e.openUploader||"Upload File",color:"purple",onClick:d}]})]}):(0,zn.jsxs)(zn.Fragment,{children:[!m&&(0,zn.jsxs)(zn.Fragment,{children:[(0,zn.jsx)("i",{className:"upload-icon adminfont-attachment"}),(0,zn.jsx)("span",{className:"title",children:An(p)})]}),(0,zn.jsx)("div",{className:"overlay",children:(0,zn.jsxs)("div",{className:"button-wrapper",children:[(0,zn.jsx)(T,{buttons:[{text:"Remove",color:"red",onClick:()=>c(r)}]}),(0,zn.jsx)(T,{buttons:[{text:"Replace",color:"purple",onClick:()=>{l(!0),d()}}]})]})})]})}),e.multiple&&t.length>0&&(0,zn.jsx)("div",{className:"uploaded-image",children:t.map((n,t)=>{const a=(e=>{if(!e)return"";const n=e.trim();return n&&(n.startsWith("blob:")||n.startsWith("http://")||n.startsWith("https://")||n.startsWith("/")||n.startsWith("./")||n.startsWith("../"))?n:""})(n.url),i=t===r;return(0,zn.jsxs)("div",{className:"image "+(i?"active":""),onClick:()=>o(t),children:[Tn(n.url)?(0,zn.jsx)("img",{src:a,alt:`preview-${t}`,width:e.imageWidth||80,height:e.imageHeight||80}):(0,zn.jsxs)("div",{children:[(0,zn.jsx)("i",{className:"adminfont-attachment"}),(0,zn.jsx)("span",{children:An(n.url).substring(0,12)})]}),(0,zn.jsx)("i",{className:"adminfont-close close-btn",onClick:e=>{e.stopPropagation(),c(t)}})]},t)})})]})},Ln={render:({field:e,value:n,onChange:t,canAccess:a,appLocalizer:r})=>(0,zn.jsx)(En,{inputClass:e.class,imageSrc:n||"",imageWidth:e.width,imageHeight:e.height,openUploader:r?.open_uploader,name:e.name,accept:e.accept,multiple:e.multiple,size:e.size,onChange:e=>a&&t(e)}),validate:()=>null},qn=p(t(1609)),Mn=p(t(1609)),Dn=t(5139),In=t(790),Pn=Date.now(),$n=(e,n)=>{const t=++Pn,{fixedName:a,placeholder:r,label:o,context:i,options:l}=n||{},s={id:t,type:e,name:a&&""!==a.trim()?a:`${e}_${t}`,label:o,placeholder:r,context:i,options:l};return"columns"===e&&(s.layout="2-50",s.columns=[[],[]]),s},Fn=(e,n,t=[])=>{const a=(e=>{if(!e)return e;const n=t.filter(n=>n.fixedName?.startsWith(e));return n.length>0?`${e} ${n.length+1}`:e})(e.fixedName);return e?.id&&e?.type?"columns"!==e.type||Array.isArray(e.columns)?{...e,fixedName:a}:{...e,fixedName:a,layout:e.layout??"2-50",columns:[[],[]]}:e?.value?{...$n(e.value,{fixedName:a,placeholder:e.placeholder,label:e.label,options:e.options,context:n}),...e,fixedName:a}:$n("text",{label:"Text",fixedName:a??"Text",context:n})},Bn=(e,n)=>{if(!e?.type)return(0,In.jsx)("div",{children:"Invalid block"});if("radio"==e?.type)return(0,In.jsx)("div",{className:"radio-group",children:e.options?.map((t,a)=>(0,In.jsxs)("label",{className:"radio-option",children:[(0,In.jsx)("input",{type:"radio",name:e.name||`radio-${e.id}`,value:t.value,checked:e.value===t.value,onChange:()=>n({id:e.id,value:t.value})}),t.label]},a))});const t=Ha[e.type]?.render;return t?(0,In.jsx)(t,{field:{...e,name:e.name||`${e.type}-${e.id}`},onChange:n}):(0,In.jsxs)("div",{children:["Unknown type: ",e.type]})},On=({block:e,onChange:n,onSelect:t,onDelete:a,isActive:r,showMeta:o=!0,isColumnChild:i})=>(0,In.jsxs)("div",{className:`form-field ${r?"active":""} ${i?"column-child":""}`,onClick:t,children:[o&&(0,In.jsxs)("section",{className:"meta-menu",children:[(0,In.jsx)("span",{className:"drag-handle admin-badge blue",children:(0,In.jsx)("i",{className:"adminfont-drag"})}),a&&(0,In.jsx)("span",{className:"admin-badge red",onClick:e=>{e.stopPropagation(),a(e)},children:(0,In.jsx)("i",{className:"adminfont-delete"})})]}),(0,In.jsxs)("section",{className:"form-field-container-wrapper",children:[e.label&&"title"!==e.type&&"button"!==e.type&&(0,In.jsx)("label",{className:"settings-form-label",children:(0,In.jsx)("div",{className:"title",children:e.label})}),Bn(e,n)]})]}),Rn=On,Un=t(1609),Wn=t(5139),Hn=e=>{switch(e){case"1":return 1;case"2-50":case"2-66":default:return 2;case"3":return 3;case"4":return 4}},Gn=t(790),Kn=e=>Array.isArray(e.columns)&&e.columns.length>0?e.columns.map(e=>Array.isArray(e)?[...e]:[]):[[],[]],Vn=({block:e,parentIndex:n,isActive:t,groupName:a,openBlock:r,setOpenBlock:o,onColumnSetList:i,onChildSelect:l,selectedLocation:s,onChildMutate:d,onSelect:c,onDelete:p,showMeta:m=!0})=>{const u=(0,Un.useCallback)(n=>{d({...e,columns:n(Kn(e))})},[e,d]),g=(0,Un.useCallback)((e,n,t)=>{let a;u(r=>r.map((r,o)=>o!==e?r:r.map((e,r)=>r!==n?e:(a={...e,...t},a)))),a&&r?.id===a.id&&o(a)},[u,r?.id,o]),b=(0,Un.useCallback)((n,t)=>{const a=Kn(e)[n]?.[t];u(e=>e.map((e,a)=>a===n?e.filter((e,n)=>n!==t):e)),a&&r?.id===a.id&&o(null)},[e,u,r?.id,o]),f=Kn(e),h=e.layout||"2-50",x={...Ne(e.style,{includeText:!0}),display:"flex",flexDirection:"column",width:"100%"};return(0,Gn.jsxs)("div",{className:"form-field "+(t?"active":""),onClick:c,children:[m&&(0,Gn.jsxs)("section",{className:"meta-menu",children:[(0,Gn.jsx)("span",{className:"drag-handle admin-badge blue",children:(0,Gn.jsx)("i",{className:"adminfont-drag"})}),(0,Gn.jsx)("span",{className:"admin-badge red",onClick:e=>{e.stopPropagation(),p()},children:(0,Gn.jsx)("i",{className:"adminfont-delete"})})]}),(0,Gn.jsx)("section",{className:"form-field-container-wrapper",children:(0,Gn.jsx)("div",{className:`email-columns layout-${h}`,style:{display:"flex",width:"100%",justifyContent:e.style?.justifyContent||"flex-start",alignItems:e.style?.alignItems||"stretch",gap:e.style?.gap?`${e.style.gap}rem`:"1rem"},children:f.map((e,t)=>(0,Gn.jsx)("div",{className:"email-column-wrapper",style:x,children:(0,Gn.jsx)(Wn.ReactSortable,{list:e,setList:e=>i(n,t,e),group:{name:a,pull:!0,put:!0},className:"email-column",animation:150,handle:".drag-handle",emptyInsertThreshold:20,children:0===e.length?(0,Gn.jsx)("div",{className:"column-drop-zone",children:(0,Gn.jsx)("i",{className:"adminfont-plus"})}):e.map((e,a)=>(0,Gn.jsx)(Rn,{block:e,isColumnChild:!0,isActive:s?.parentIndex===n&&s?.columnIndex===t&&s?.childIndex===a,onSelect:r=>{r?.stopPropagation?.(),((e,t,a)=>{l({parentIndex:n,columnIndex:t,childIndex:a},e)})(e,t,a)},onChange:e=>g(t,a,e),onDelete:()=>b(t,a)},e.id))})},t))})})]})},Yn=t(1609),Jn=t(5139),Qn=t(1609),Xn=t(790),Zn=({title:e,desc:n,className:t,id:a,iconName:r,onIconClick:o,action:i,transparent:l=!1,contentWidth:s=!1,toggle:d=!1,defaultExpanded:c=!0,badges:p=[],children:m,isLoading:u})=>{const[g,b]=(0,Qn.useState)(c);return(0,Qn.useEffect)(()=>{b(c)},[c]),(0,Xn.jsx)("div",{...a?{id:a}:{},className:`card-content ${l?"transparent":""} ${s?"content-width":""} ${t||""}`,children:u?(0,Xn.jsxs)(Xn.Fragment,{children:[(0,Xn.jsxs)("div",{className:"card-header",children:[(0,Xn.jsxs)("div",{className:"left",children:[(0,Xn.jsx)(qe,{width:6.25}),(0,Xn.jsx)(qe,{width:10})]}),(0,Xn.jsx)("div",{className:"right",children:(0,Xn.jsx)(qe,{variant:"circular",width:1.5,height:1.5})})]}),(0,Xn.jsxs)("div",{className:"card-body",children:[(0,Xn.jsx)(qe,{width:"100%",height:8}),(0,Xn.jsx)(qe,{width:"100%",height:8})]})]}):(0,Xn.jsxs)(Xn.Fragment,{children:[(e||r||i||d)&&(0,Xn.jsxs)("div",{className:"card-header",children:[(0,Xn.jsxs)("div",{className:"left",children:[e&&(0,Xn.jsxs)("div",{className:"title",children:[e,p.map((e,n)=>(0,Xn.jsx)("span",{className:`admin-badge ${e.color??""}`,children:e.text},n))]}),n&&(0,Xn.jsx)("div",{className:"des",children:n})]}),(0,Xn.jsxs)("div",{className:"right",children:[i,d&&(0,Xn.jsx)("i",{className:`adminfont-${r||(g?"pagination-right-arrow":"keyboard-arrow-down")}`,onClick:()=>{b(!g),o?.()}}),r&&!d&&!i&&(0,Xn.jsx)("i",{className:`adminfont-${r}`,onClick:()=>o?.(),style:{cursor:o?"pointer":"default"}})]})]}),g&&m&&(0,Xn.jsx)("div",{className:"card-body",children:m})]})})},et=t(790),nt=({style:e={},onChange:n,includeTextStyles:t=!0})=>(0,et.jsxs)(et.Fragment,{children:[t&&(0,et.jsx)(Zn,{toggle:!0,defaultExpanded:!1,title:"Text",children:(0,et.jsxs)(on,{children:[(0,et.jsx)(an,{label:"Text Align",children:(0,et.jsx)(me,{options:[{key:"left",value:"left",icon:"left-align"},{key:"center",value:"center",icon:"center-align"},{key:"right",value:"right",icon:"right-align"},{key:"justify",value:"justify",icon:"justify-align"}],value:e.textAlign||"left",onChange:t=>n({...e,textAlign:t})})}),(0,et.jsx)(an,{cols:6,label:"Font Size (rem)",children:(0,et.jsx)(V,{type:"number",minNumber:.5,maxNumber:5,value:e.fontSize??1,onChange:t=>{n({...e,fontSize:Number(t)})}})}),(0,et.jsx)(an,{cols:6,label:"Line Height",children:(0,et.jsx)(V,{type:"number",minNumber:1,maxNumber:3,value:e.lineHeight??1.5,onChange:t=>{n({...e,lineHeight:Number(t)})}})}),(0,et.jsx)(an,{cols:6,label:"Font Weight",children:(0,et.jsxs)("select",{value:e.fontWeight||"normal",className:"basic-input",onChange:t=>n({...e,fontWeight:t.target.value}),children:[(0,et.jsx)("option",{value:"300",children:"Light (300)"}),(0,et.jsx)("option",{value:"normal",children:"Normal (400)"}),(0,et.jsx)("option",{value:"500",children:"Medium (500)"}),(0,et.jsx)("option",{value:"600",children:"Semibold (600)"}),(0,et.jsx)("option",{value:"bold",children:"Bold (700)"})]})}),(0,et.jsx)(an,{cols:6,label:"Text Decoration",children:(0,et.jsxs)("select",{value:e.textDecoration||"none",className:"basic-input",onChange:t=>n({...e,textDecoration:t.target.value}),children:[(0,et.jsx)("option",{value:"none",children:"None"}),(0,et.jsx)("option",{value:"underline",children:"Underline"}),(0,et.jsx)("option",{value:"overline",children:"Overline"}),(0,et.jsx)("option",{value:"line-through",children:"Line Through"})]})})]})}),(0,et.jsx)(Zn,{toggle:!0,defaultExpanded:!1,title:"Color",children:(0,et.jsxs)(on,{children:[(0,et.jsx)(an,{cols:6,label:"Background",children:(0,et.jsx)(V,{type:"color",value:e.backgroundColor||"#ffffff",onChange:t=>{n({...e,backgroundColor:t})}})}),(0,et.jsx)(an,{cols:6,label:"Text",children:(0,et.jsx)(V,{type:"color",value:e.color||"#000000",onChange:t=>{n({...e,color:t})}})})]})}),(0,et.jsx)(Zn,{toggle:!0,defaultExpanded:!1,title:"Spacing",children:(0,et.jsxs)(on,{children:[(0,et.jsx)(an,{label:"Padding",children:(0,et.jsx)("div",{className:"spacing-controls",children:["Top","Right","Bottom","Left"].map(t=>(0,et.jsxs)("div",{className:"spacing-input",children:[(0,et.jsx)(V,{type:"number",minNumber:0,value:e[`padding${t}`]??0,onChange:a=>{n({...e,[`padding${t}`]:Number(a)})}}),(0,et.jsx)("label",{children:t})]},`padding-${t}`))})}),(0,et.jsx)(an,{label:"Margin",children:(0,et.jsx)("div",{className:"spacing-controls",children:["Top","Right","Bottom","Left"].map(t=>(0,et.jsxs)("div",{className:"spacing-input",children:[(0,et.jsx)(V,{type:"number",minNumber:0,value:e[`margin${t}`]??0,onChange:a=>{n({...e,[`margin${t}`]:Number(a)})}}),(0,et.jsxs)("label",{children:[t,"(rem)"]})]},`margin-${t}`))})})]})}),(0,et.jsx)(Zn,{toggle:!0,defaultExpanded:!1,title:"Border",children:(0,et.jsxs)(on,{children:[(0,et.jsx)(an,{label:"Width(rem)",cols:6,children:(0,et.jsx)(V,{type:"number",minNumber:0,value:e.borderWidth??0,onChange:t=>{n({...e,borderWidth:Number(t)})}})}),(0,et.jsx)(an,{label:"Radius(rem)",cols:6,children:(0,et.jsx)(V,{type:"number",minNumber:0,value:e.borderRadius??0,onChange:t=>{n({...e,borderRadius:Number(t)})}})}),(0,et.jsx)(an,{label:"Color",cols:6,children:(0,et.jsx)(V,{type:"color",value:e.borderColor||"#000000",onChange:t=>{n({...e,borderColor:t})}})}),(0,et.jsx)(an,{label:"Style",cols:6,children:(0,et.jsxs)("select",{value:e.borderStyle||"solid",className:"basic-input",onChange:t=>n({...e,borderStyle:t.target.value}),children:[(0,et.jsx)("option",{value:"solid",children:"Solid"}),(0,et.jsx)("option",{value:"dashed",children:"Dashed"}),(0,et.jsx)("option",{value:"dotted",children:"Dotted"}),(0,et.jsx)("option",{value:"double",children:"Double"}),(0,et.jsx)("option",{value:"none",children:"None"})]})})]})})]}),tt=t(1609),at=t(790);function rt(e,n,t){return e.proSetting&&!Ra?.khali_dabba?(t?.("pro"),!0):!(!e.moduleEnabled||n.includes(e.moduleEnabled)||(t?.("module",e.moduleEnabled),0))}var ot=({value:e,onChange:n,onSave:t})=>(0,at.jsx)("div",{className:"edit-option-wrapper",children:(0,at.jsxs)("div",{className:"edit-option",children:[(0,at.jsx)("input",{type:"text",value:e,onChange:e=>n(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),t())},className:"basic-input",autoFocus:!0}),(0,at.jsx)("div",{className:"edit-icon",children:(0,at.jsx)("span",{className:"admin-badge green border adminfont-check",onClick:e=>{e.stopPropagation(),t()}})})]})}),it=e=>{const{options:n,value:t=[],modules:a,onBlocked:r,onChange:o,onOptionsChange:i,field:l,look:s}=e,[d,c]=(0,tt.useState)(!1),[p,m]=(0,tt.useState)(""),[u,g]=(0,tt.useState)(null),[b,f]=(0,tt.useState)(""),h=t.length===n.length,x=(e,n,t)=>{let a=[...e];return n.filter(e=>e.dependent===t).forEach(e=>{a=a.filter(n=>n!==e.value),a=x(a,n,e.value)}),a},w=(e,n,t)=>{let a=[...e];const r=n.find(e=>e.value===t);return r?.dependent&&(a.includes(r.dependent)||a.push(r.dependent),a=w(a,n,r.dependent)),a},y=()=>{const e=p.trim();if(!e)return;const t=e.toLowerCase().replace(/\s+/g,"_"),a={key:t,value:t,label:e,edit:!0};i?.([...n,a]),m(""),c(!1)},v="radio"===e.type?"radio":"checkbox";return(0,at.jsxs)(at.Fragment,{children:[n&&0!==n.length?(0,at.jsxs)("div",{className:e.wrapperClass||("toggle"===s?"toggle-btn":e.selectDeselect?"checkbox-list-side-by-side":"simple-checkbox"),children:[e.selectDeselect&&(0,at.jsx)("div",{className:"checkbox-list-header",children:(0,at.jsxs)("div",{className:"checkbox",children:[(0,at.jsx)("input",{type:"checkbox",checked:h,onChange:()=>{n.some(e=>rt(e,a,r))||e.onMultiSelectDeselectChange?.(h?[]:n.map(e=>e.value))},className:!h&&t.length>0?"minus-icon":""}),(0,at.jsxs)("span",{children:[t.length," items"]})]})}),n.map((l,d)=>{const c=t.includes(l.value),p=l.key??d,m=`toggle-switch-${p}`,h=u===d;return(0,at.jsxs)("div",{className:"toggle-checkbox-header",children:[e.rightContent&&(0,at.jsx)("p",{className:"settings-metabox-description",dangerouslySetInnerHTML:{__html:l.label??""}}),(0,at.jsx)("div",{className:e.inputInnerWrapperClass||("toggle"===s?"toggle-checkbox":"default-checkbox"),"data-tour":e.tour,children:h?(0,at.jsx)(ot,{value:b,onChange:f,onSave:()=>{rt(l,a,r)||(e=>{const t=b.trim();if(!t)return;const a=n.map((n,a)=>a===e?{...n,label:t}:n);i?.(a),g(null),f("")})(d)}}):(0,at.jsxs)(at.Fragment,{children:[(0,at.jsx)("input",{className:e.inputClass,id:m,type:v,name:l.name??"basic-input",value:l.value,checked:c,onChange:()=>{rt(l,a,r)||(e=>{let a;t.includes(e)?(a=t.filter(n=>n!==e),a=x(a,n,e)):(a=[...t,e],a=w(a,n,e)),o(a)})(l.value)}}),(0,at.jsxs)("label",{className:"checkbox-label",htmlFor:m,children:[l.label,l.proSetting&&!Ra?.khali_dabba&&(0,at.jsxs)("span",{className:"admin-pro-tag",children:[(0,at.jsx)("i",{className:"adminfont-pro-tag"})," ","Pro"]}),!l.proSetting&&l.moduleEnabled&&!a.includes(l.moduleEnabled)&&(0,at.jsxs)("span",{className:"admin-pro-tag module",children:[(0,at.jsx)("i",{className:`adminfont-${l.moduleEnabled}`}),(y=l.moduleEnabled,y.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" ")),(0,at.jsx)("i",{className:"adminfont-lock"})]}),(0,at.jsx)("div",{className:"label-des",children:l.desc})]}),l.edit&&(0,at.jsxs)("div",{className:"edit-icon",children:[(0,at.jsx)("span",{className:"admin-badge blue border adminfont-edit",onClick:e=>{e.stopPropagation(),g(d),f(l.label??l.value)}}),(0,at.jsx)("span",{className:"admin-badge red border adminfont-delete",onClick:e=>{e.stopPropagation(),(e=>{const l=n[e];if(rt(l,a,r))return;const s=n.filter((n,t)=>t!==e);i?.(s),o(t.filter(e=>e!==l.value))})(d)}})]})]})})]},p);var y})]}):(0,at.jsx)("input",{type:"checkbox",checked:t.includes(l.rowKey),onChange:e=>{rt(l,a,r)||o(e.target.checked)}}),e.addNewBtn&&(d?(0,at.jsxs)("div",{className:"add-new-option",children:[(0,at.jsx)("input",{type:"text",value:p,onChange:e=>m(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),y())},placeholder:"Enter new option",className:"basic-input",autoFocus:!0}),(0,at.jsxs)("button",{className:"admin-btn btn-green",onClick:e=>{e.preventDefault(),y()},children:[(0,at.jsx)("i",{className:"adminfont-active"})," Save"]})]}):(0,at.jsx)("div",{className:"add-new-option",children:(0,at.jsxs)("div",{className:"admin-btn btn-purple",onClick:()=>c(!0),children:[(0,at.jsx)("i",{className:"adminfont-plus"})," ",e.addNewBtn]})}))]})},lt={render:({field:e,value:n,onChange:t,canAccess:a,modules:r,settings:o,onOptionsChange:i,onBlocked:l})=>{const s=Array.isArray(n)?n.filter(e=>e?.trim()):"string"==typeof n&&n.trim()?[n]:[],d=o?.[`${e.key}_options`]??e.options,c=Array.isArray(d)?d.map(n=>({...n,value:String(n.value),edit:n.edit??!!e.addNewBtnText})):[];return(0,at.jsx)(it,{wrapperClass:"toggle"===e.look?"toggle-btn":!0===e.selectDeselect?"checkbox-list-side-by-side":"simple-checkbox",inputInnerWrapperClass:"toggle"===e.look?"toggle-checkbox":"default-checkbox",inputClass:e.class,tour:e.tour,selectDeselect:e.selectDeselect,selectDeselectValue:"Select / Deselect All",rightContent:e.rightContent,addNewBtn:e.addNewBtnText,options:c,value:s,modules:r,field:e,onChange:e=>{a&&t(e)},onOptionsChange:e=>{a&&i?.(e)},onBlocked:l,onMultiSelectDeselectChange:e=>{a&&t(e)}})},validate:(e,n)=>!e.required||n&&0!==n.length?null:`${e.label} is required`},st=t(4956),dt=t(790),ct=({inputClass:e,id:n,name:t,value:a,rowNumber:r=6,colNumber:o=50,readOnly:i,placeholder:l,tinymceApiKey:s,usePlainText:d=!1,onChange:c,onClick:p,onMouseOver:m,onMouseOut:u,onFocus:g,onBlur:b})=>(0,dt.jsx)(dt.Fragment,{children:s&&!d?(0,dt.jsx)(st.Editor,{apiKey:s,value:a,init:{height:50*r,menubar:!1,plugins:["advlist autolink lists link image charmap print preview anchor","searchreplace visualblocks code fullscreen","insertdatetime media table paste code help wordcount"],toolbar:"undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help"},onEditorChange:e=>{c?.(e)}}):(0,dt.jsx)("textarea",{className:`textarea-input ${e||""}`,id:n,name:t,placeholder:l,value:a,rows:r,cols:o,onChange:e=>{c?.(e.target.value)},onClick:p,onMouseOver:m,onMouseOut:u,onFocus:g,onBlur:b,readOnly:i})}),pt={render:({field:e,value:n,onChange:t,canAccess:a})=>(0,dt.jsx)(ct,{inputClass:e.class,id:e.id,name:e.name,placeholder:e.placeholder,rowNumber:e.rowNumber,colNumber:e.colNumber,readOnly:e.readOnly,value:n||"",usePlainText:e.usePlainText,tinymceApiKey:Ra?.tinymceApiKey?Ra.tinymceApiKey:"",onChange:e=>{a&&t(e)}},e.key),validate:()=>null},mt=t(790),ut=/^6[0-9A-Za-z_-]{39}$/,gt=[{value:"1",label:"1 Column"},{value:"2-50",label:"50 / 50"},{value:"2-66",label:"66 / 34"},{value:"3",label:"3 Columns"},{value:"4",label:"4 Columns"}],bt=[{id:"h1",value:1,label:"H1"},{id:"h2",value:2,label:"H2"},{id:"h3",value:3,label:"H3"},{id:"h4",value:4,label:"H4"},{id:"h5",value:5,label:"H5"},{id:"h6",value:6,label:"H6"}],ft=new Set(["richtext","heading","image","button","divider","columns"]),ht=new Set(["richtext","heading","button"]),xt=({label:e,type:n,value:t,onChange:a,readonly:r=!1,placeholder:o})=>(0,mt.jsx)(an,{label:e,children:(0,mt.jsx)(V,{type:n,value:t||"",onChange:e=>a(String(e)),readOnly:r,placeholder:o})}),wt=({title:e,children:n})=>(0,mt.jsx)(Zn,{toggle:!0,defaultExpanded:!0,title:e,children:(0,mt.jsx)(on,{children:n})}),yt=({disabled:e=!1,onChange:n})=>(0,mt.jsx)(an,{label:"Visibility",children:(0,mt.jsx)(me,{options:[{key:"visible",value:"true",label:"Visible"},{key:"hidden",value:"false",label:"Hidden"}],value:e?"false":"true",onChange:e=>n("false"===e)})}),vt=({options:e,onChange:n})=>{const t=(0,Yn.useCallback)(()=>{n([...e,{id:crypto.randomUUID(),label:"Option value",value:"value"}])},[e,n]),a=(0,Yn.useCallback)((t,a)=>{const r=[...e];r[t]={...r[t],...a},n(r)},[e,n]),r=(0,Yn.useCallback)(t=>{n(e.filter((e,n)=>n!==t))},[e,n]);return(0,mt.jsxs)("div",{className:"multioption-wrapper",onClick:e=>e.stopPropagation(),children:[(0,mt.jsx)("label",{children:"Set option"}),(0,mt.jsx)(Jn.ReactSortable,{list:e,setList:n,handle:".drag-handle-option",children:e.map((e,n)=>(0,mt.jsxs)("div",{className:"option-list-wrapper drag-handle-option",children:[(0,mt.jsx)("div",{className:"option-icon admin-badge blue",children:(0,mt.jsx)("i",{className:"adminfont-drag"})}),(0,mt.jsx)("div",{className:"option-label",children:(0,mt.jsx)(V,{value:e.label,onChange:e=>a(n,{label:e})})}),(0,mt.jsx)("div",{className:"option-icon admin-badge red",children:(0,mt.jsx)("div",{role:"button",className:"delete-btn adminfont-delete",tabIndex:0,onClick:()=>r(n)})})]},e.id||n))}),(0,mt.jsx)(T,{buttons:[{text:"Add new",icon:"plus",color:"purple",onClick:t}]})]})},_t=({formField:e,onChange:n})=>(0,mt.jsxs)(mt.Fragment,{children:[(0,mt.jsx)(xt,{label:"Placeholder",value:e.placeholder||"",onChange:e=>n("placeholder",e)}),(0,mt.jsx)(xt,{label:"Character limit",type:"number",value:e.charlimit?.toString()||"",onChange:e=>n("charlimit",Number(e))})]}),kt={text:_t,email:_t,textarea:({formField:e,onChange:n})=>(0,mt.jsxs)(mt.Fragment,{children:[(0,mt.jsx)(xt,{label:"Placeholder",value:e.placeholder||"",onChange:e=>n("placeholder",e)}),(0,mt.jsx)(xt,{label:"Character limit",type:"number",value:e.charlimit?.toString()||"",onChange:e=>n("charlimit",Number(e))}),(0,mt.jsx)(xt,{label:"Row",type:"number",value:e.row?.toString()||"",onChange:e=>n("row",Number(e))}),(0,mt.jsx)(xt,{label:"Column",type:"number",value:e.column?.toString()||"",onChange:e=>n("column",Number(e))})]}),richtext:({formField:e,onChange:n})=>(0,mt.jsx)(wt,{title:"Content",children:(0,mt.jsx)(an,{label:"HTML Content",children:(0,mt.jsx)(ct,{name:"html",value:e.html||"",onChange:e=>n("html",e),placeholder:"Enter HTML content"})})}),heading:({formField:e,onChange:n})=>(0,mt.jsxs)(wt,{title:"Heading Content",children:[(0,mt.jsx)(xt,{label:"Heading Text",value:e.text||"",onChange:e=>n("text",e),placeholder:"Enter heading text"}),(0,mt.jsx)(an,{label:"Heading Level",children:(0,mt.jsx)(me,{options:bt,value:e.level||2,onChange:e=>n("level",Number(e))})})]}),image:({formField:e,onChange:n})=>(0,mt.jsx)(mt.Fragment,{children:(0,mt.jsxs)(wt,{title:"Image",children:[(0,mt.jsx)(xt,{label:"Image URL",value:e.src||"",onChange:e=>n("src",e)}),(0,mt.jsx)(xt,{label:"Alt Text",value:e.alt||"",onChange:e=>n("alt",e)})]})}),button:({formField:e,onChange:n})=>(0,mt.jsx)(mt.Fragment,{children:(0,mt.jsxs)(wt,{title:"Button Content",children:[(0,mt.jsx)(xt,{label:"Button Text",value:e.text||e.placeholder||"",onChange:e=>n("text",e)}),(0,mt.jsx)(xt,{label:"Button URL",value:e.url||"",onChange:e=>n("url",e)})]})}),columns:({formField:e,onChange:n})=>(0,mt.jsx)(mt.Fragment,{children:(0,mt.jsxs)(wt,{title:"Layout",children:[(0,mt.jsx)(an,{label:"Column Layout",children:(0,mt.jsx)("select",{value:e.layout||"2-50",className:"basic-input",onChange:e=>n("layout",e.target.value),children:gt.map(({value:e,label:n})=>(0,mt.jsx)("option",{value:e,children:n},e))})}),(0,mt.jsx)(an,{cols:6,label:"Gap (rem)",children:(0,mt.jsx)(V,{type:"number",minNumber:0,maxNumber:5,step:.25,value:e.style?.gap??1,onChange:t=>{const a=e.style||{};n("style",{...a,gap:Number(t)})}})})]})}),"multi-select":({formField:e,onChange:n})=>(0,mt.jsx)(vt,{options:e.options||[],onChange:e=>{n("options",e)}}),dropdown:({formField:e,onChange:n})=>(0,mt.jsx)(vt,{options:e.options||[],onChange:e=>n("options",e)}),checkboxes:({formField:e,onChange:n})=>(0,mt.jsx)(vt,{options:e.options||[],onChange:e=>n("options",e)}),radio:({formField:e,onChange:n})=>(0,mt.jsx)(vt,{options:e.options||[],onChange:e=>n("options",e)}),recaptcha:({formField:e,onChange:n})=>{const[t,a]=(0,Yn.useState)(()=>ut.test(e.sitekey||"")),r=(0,Yn.useCallback)(e=>{n("sitekey",e),a(ut.test(e))},[n]);return(0,mt.jsxs)(mt.Fragment,{children:[(0,mt.jsx)(xt,{label:"Site key",value:e.sitekey||"",onChange:r,className:t?"":"highlight"}),(0,mt.jsxs)("div",{children:["Register your site with Google to obtain the"," ",(0,mt.jsx)("a",{href:"https://www.google.com/recaptcha",target:"_blank",rel:"noopener noreferrer",className:"link-item",children:"reCAPTCHA script"}),"."]})]})},attachment:({formField:e,onChange:n})=>(0,mt.jsx)(xt,{label:"Max File Size",type:"number",value:e.filesize?.toString()||"",onChange:e=>n("filesize",Number(e))}),default:()=>null},jt=({formField:e,inputTypeList:n=[],onChange:t,onTypeChange:a,opened:r,option:o,metaType:i="setting-meta"})=>{const[l,s]=(0,Yn.useState)(r.click),d=kt[e?.type||"default"]||kt.default;(0,Yn.useEffect)(()=>{s(r.click)},[r]);const c=(0,Yn.useMemo)(()=>ft.has(e?.type||""),[e?.type]),p=(0,Yn.useMemo)(()=>ht.has(e?.type||""),[e?.type]),m=(0,Yn.useCallback)(e=>{t("disabled",e)},[t]),u=(0,Yn.useCallback)(e=>{t("required",e.target.checked)},[t]),g=(0,Yn.useCallback)(e=>{t("value",e)},[t]),b=(0,Yn.useCallback)(e=>{t("style",e)},[t]);return l&&e?(0,mt.jsxs)("div",{className:"setting-panel",onClick:e=>e.stopPropagation(),children:[(0,mt.jsx)("div",{className:"settings-title",children:e.type?`${e.type.charAt(0).toUpperCase()+e.type.slice(1)} settings`:"Input settings"}),(0,mt.jsxs)(on,{children:[(0,mt.jsx)(xt,{label:"Field label",value:e.label||"",onChange:e=>{t("label",e)}}),e.readonly?(0,mt.jsxs)(mt.Fragment,{children:[(0,mt.jsx)(xt,{label:"Placeholder",value:e.placeholder||"",onChange:e=>{t("placeholder",e)}}),(0,mt.jsx)(yt,{disabled:e.disabled,onChange:m})]}):(0,mt.jsxs)(mt.Fragment,{children:["setting-meta"!==i&&(0,mt.jsx)(xt,{label:"Value",value:o?.value||"",onChange:g}),(0,mt.jsx)(xt,{label:"setting-meta"===i?"Name":"Label",value:"setting-meta"===i?e.name||"":o?.label||"",readonly:"setting-meta"===i&&e.readonly,onChange:e=>{t("setting-meta"===i?"name":"label",e)}}),"setting-meta"===i&&(0,mt.jsxs)(mt.Fragment,{children:[e.type&&(0,mt.jsx)(d,{formField:e,onChange:t}),c&&(0,mt.jsx)(nt,{style:e.style||{},onChange:b,includeTextStyles:p}),(!c||"richtext"===e.type&&"form"===e.context)&&(0,mt.jsxs)(mt.Fragment,{children:[(0,mt.jsx)(yt,{disabled:e.disabled,onChange:m}),(0,mt.jsx)(an,{label:"Required",children:(0,mt.jsx)("div",{className:"input-wrapper",children:(0,mt.jsx)(it,{options:[{key:"required",value:"required",label:"Required"}],value:e.required?["required"]:[],onChange:n=>{const t=n.includes("required");t!==e.required&&u({target:{checked:t}})}})})})]})]})]})]})]}):null},Nt=p(t(1609)),Ct=t(790),St=({tabs:e,defaultActiveIndex:n=0,className:t="",value:a,onChange:r,canAccess:o,headerExtra:i,modules:l,onBlocked:s})=>{const[d,c]=(0,Nt.useState)(n),p=e=>{const n=Ha[e.type],t=n?.render;if(!n||!t)return null;const i=a?.[e.key]||"";return(0,Ct.jsx)(t,{field:e,value:i,onChange:n=>{r&&r({...a,[e.key]:n})},canAccess:o,modules:l,onBlocked:s})};return(0,Ct.jsxs)(Ct.Fragment,{children:[e.length>1&&(0,Ct.jsxs)("div",{className:`tabs-wrapper ${t}`,children:[(0,Ct.jsx)("div",{className:"tabs-item",children:e.map((e,n)=>(0,Ct.jsx)("div",{className:"tab "+(n===d?"active-tab":""),onClick:()=>c(n),children:(0,Ct.jsxs)("span",{className:"tab-name",children:[e.icon&&(0,Ct.jsx)("i",{className:`adminfont-${e.icon}`}),e.label]})},n))}),i&&(0,Ct.jsx)("div",{className:"tabs-header-extra",children:i})]}),(()=>{const n=e[d];if(!n)return null;if(n.type){const e=Ha[n.type],t=e?.render;if(e&&t){const e={...n,type:n.type,key:n.key||`tab-${d}`},i=a?.[n.key||`tab-${d}`]||n.value||"",l=e=>{r&&r({...a,[n.key||`tab-${d}`]:e})};return(0,Ct.jsx)(t,{field:e,value:i,onChange:l,canAccess:o})}return null}return t=n.content,Array.isArray(t)?t.map((e,n)=>e&&"object"==typeof e&&!Nt.default.isValidElement(e)&&"string"==typeof e.type?p(e):e):t&&"object"==typeof t&&!Nt.default.isValidElement(t)&&"string"==typeof t.type?p(t):t;var t})(),e[d]?.footer&&(0,Ct.jsx)("div",{className:"tabs-footer",children:(0,Ct.jsxs)("a",{href:e[d].footer.url,className:"admin-btn btn-purple",children:[e[d].footer.icon&&(0,Ct.jsx)("i",{className:e[d].footer.icon}),e[d].footer.text]})})]})},zt={render:({field:e,value:n,onChange:t,canAccess:a,modules:r,onBlocked:o})=>(0,Ct.jsx)(St,{tabs:e.tabs||[],value:n,onChange:t,canAccess:a,modules:r,onBlocked:o}),validate:()=>null},At=t(790),Tt=({blocks:e,onChange:n,blockGroups:t,visibleGroups:a=[],templates:r=[],activeTemplateId:o,onTemplateSelect:i,showTemplatesTab:l=!1,groupName:s,proSettingChange:d=()=>!1,context:c="default",inputTypeList:p,availablePlaceholder:m,enableDefaultBlocks:u=!0})=>{const[g,b]=(0,Mn.useState)(e),[f,h]=(0,Mn.useState)(null),[x,w]=(0,Mn.useState)(()=>Object.fromEntries((a.length?t.filter(e=>a.includes(e.id)):t).map(e=>[e.id,!0]))),y=(0,Mn.useRef)(!1),v=(0,Mn.useRef)(!0),_=(0,Mn.useRef)(!1),k=(0,Mn.useRef)(g);k.current=g;const j="form"===c,N=Mn.default.useMemo(()=>t.flatMap(e=>e.blocks).filter(e=>e.defaultField),[t]),C=j?g.find(e=>"title"===e.type):null,S=j?g.find(e=>"button"===e.type):null,z=j?g.find(e=>"richtext"===e.type&&"form"===e.context):null,A=j?g.filter(e=>"button"!==e.type&&"title"!==e.type&&"richtext"!==e.type):g;(0,Mn.useEffect)(()=>{"form"===c&&u&&b(e=>e.some(e=>"button"===e.type)?e:[...e,Fn({value:"button",label:"Submit",placeholder:"Submit"})])},[]),(0,Mn.useEffect)(()=>{"form"===c&&u&&b(e=>e.some(e=>"title"===e.type)?e:[Fn({value:"title",label:"Registration Form"}),...e])},[]),(0,Mn.useEffect)(()=>{const e=N.some(e=>"name"===e.id);"form"===c&&e&&b(e=>e.some(e=>"name"===e.name)?e:[...e,Fn({value:"text",label:"Store Name",fixedName:"name",placeholder:"Enter your store name"})])},[]),(0,Mn.useEffect)(()=>{if("form"!==c||!u)return;const n=e?.some(e=>"richtext"===e.type&&"form"===e.context);b(n?e:e=>e.some(e=>"richtext"===e.type&&"form"===e.context)?e:[...e,Fn({value:"richtext",label:"Terms & Conditions",fixedName:"terms_conditions",context:"form",html:'<a href="#">I agree to the Terms & Conditions</a>',required:!0})])},[c,e]),(0,Mn.useEffect)(()=>{_.current||e!==k.current&&b(e.map(e=>e?.id&&e?.type?e:Fn(e,c)))},[e]),(0,Mn.useEffect)(()=>{v.current?v.current=!1:y.current&&(n(g),y.current=!1,_.current=!1)},[g]);const T=(0,Mn.useCallback)(()=>{y.current=!0},[]),E=(({blocks:e,onBlocksUpdate:n,openBlock:t,setOpenBlock:a})=>{const[r,o]=(0,Un.useState)(null),i=(0,Un.useCallback)((t,a)=>{const r=[...e];r[t]=a,n(r)},[e,n]),l=(0,Un.useCallback)((n,r,o,l)=>{const s=e[n];if("columns"!==s?.type)return;const d=Kn(s).map((e,n)=>n!==r?e:e.map((e,n)=>n===o?{...e,...l}:e));i(n,{...s,columns:d});const c=d[r][o];t?.id===c?.id&&a(c)},[e,t?.id,i,a]),s=(0,Un.useCallback)((n,r)=>{const o=e[n];if("columns"!==o?.type)return;const l=Hn(o.layout||"2-50"),s=Hn(r);let d=Kn(o);if(s>l)for(let e=l;e<s;e++)d.push([]);else if(s<l){const e=d.slice(s).flat();d=[...d.slice(0,s)],d[s-1]=[...d[s-1],...e]}const c={...o,layout:r,columns:d};i(n,c),t?.id===o.id&&a(c)},[e,t?.id,i,a]),d=(0,Un.useCallback)(()=>o(null),[]);return{selectedLocation:r,setSelectedLocation:o,handleChildUpdate:l,handleLayoutChange:s,clearSelection:d}})({blocks:g,onBlocksUpdate:e=>{_.current=!0,b(e),T()},openBlock:f,setOpenBlock:h}),L=(0,Mn.useRef)(null),q=(0,Mn.useRef)(!1),M=(0,Mn.useCallback)(()=>{if(!L.current)return;const{canvas:e,columns:n}=L.current;L.current=null,q.current=!1;let t=(()=>{const n=k.current;if(!e)return n;if("form"!==c)return[...e];const t=n.find(e=>"title"===e.type),a=n.find(e=>"button"===e.type);let r=[...e];return t&&(r=[t,...r]),a&&(r=[...r,a]),r})();n.forEach((e,n)=>{const[a,r]=n.split("-").map(Number);t=t.map((n,t)=>{if(t!==a||"columns"!==n.type)return n;const o=Kn(n);return o[r]=e,{...n,columns:o}})}),_.current=!0,b(t),T()},[T]),D=()=>{q.current||(q.current=!0,Promise.resolve().then(M))},I=(0,Mn.useCallback)(e=>{d()||(L.current||(L.current={columns:new Map}),L.current.canvas=e.map(e=>Fn(e,c)),D())},[d,c]),P=(0,Mn.useCallback)((e,n,t)=>{L.current||(L.current={columns:new Map}),L.current.columns.set(`${e}-${n}`,t.map(e=>Fn(e))),D()},[]),$=(0,Mn.useCallback)((e,n)=>{d()||(b(t=>{const a=t[e];if(!Object.keys(n).some(e=>{return t=a[e],r=n[e],!(Array.isArray(t)&&Array.isArray(r)?t.length===r.length&&t.every((e,n)=>e===r[n]):t===r);var t,r}))return t;_.current=!0;const r=[...t];return r[e]={...a,...n},f?.id===r[e].id&&h(r[e]),r}),T())},[d,f?.id,T]),F=(0,Mn.useCallback)((e,n)=>{if(n?.stopPropagation(),d())return;const t=A[e];"name"!==t?.name&&(b(e=>e.filter(e=>e.id!==t.id)),T(),f?.id===t?.id&&(h(null),E.clearSelection()))},[d,g,f?.id,E,T]),B=(0,Mn.useCallback)((e,n)=>{b(t=>(_.current=!0,t.map((t,a)=>a!==e||t===n?t:(_.current=!0,n)))),T()},[T]),O=(0,Mn.useCallback)((e,n)=>{if(!d()){if(E.selectedLocation){const{parentIndex:t,columnIndex:a,childIndex:r}=E.selectedLocation;E.handleChildUpdate(t,a,r,{[e]:n})}else{const t=g.findIndex(e=>e.name===f?.name);if(t<0)return;"layout"===e&&"columns"===g[t].type?E.handleLayoutChange(t,n):$(t,{[e]:n})}T()}},[d,E,g,f?.id,$,T]),R=(0,Mn.useCallback)(e=>w(n=>({...n,[e]:!n[e]})),[]),U=(0,Mn.useCallback)(()=>p||(t[0]?.blocks??[]).map(e=>({value:e.value,label:e.label})),[p,t]),W=(0,Mn.useCallback)(e=>{const n=e.trim();return n?n.startsWith("[")&&n.endsWith("]")?n:`[${n}]`:""},[]),H=(0,Mn.useCallback)(e=>{switch(e.type){case"richtext":return"html";case"heading":case"button":case"title":return"text";default:return"placeholder"}},[]),G=(0,Mn.useCallback)(e=>{if(d()||!f)return;const n=W(e);if(!n)return;const t=H(f),a=f[t],r=`${"string"==typeof a?a:""}${n}`;if(E.selectedLocation){const{parentIndex:e,columnIndex:n,childIndex:a}=E.selectedLocation;return E.handleChildUpdate(e,n,a,{[t]:r}),void T()}const o=g.findIndex(e=>e.id===f.id);o<0||$(o,{[t]:r})},[d,f,W,H,E,T,g,$]),K=a.length?t.filter(e=>a.includes(e.id)):t,V=(()=>{const e=K.some(e=>e.blocks.length>0),n=l&&r.length>0;return e||n})();return(0,At.jsxs)("div",{className:"registration-form-wrapper",children:[V&&(0,At.jsx)("div",{className:"elements-wrapper",children:(0,At.jsx)(St,{tabs:[{label:"Blocks",content:(0,At.jsx)(At.Fragment,{children:K.map(({id:e,label:n,icon:t,blocks:a})=>(0,At.jsxs)("aside",{className:"elements-section",children:[(0,At.jsxs)("div",{className:"section-meta",onClick:()=>R(e),children:[(0,At.jsxs)("div",{className:"elements-title",children:[t&&(0,At.jsx)("i",{className:t}),n," ",(0,At.jsxs)("span",{children:["(",a.length,")"]})]}),(0,At.jsx)("i",{className:"adminfont-pagination-right-arrow "+(x[e]?"rotate":"")})]}),x[e]&&(0,At.jsx)(Dn.ReactSortable,{list:a,setList:()=>{},sort:!1,group:{name:s,pull:"clone",put:!1},className:"section-container open",children:a.map(e=>(0,At.jsxs)("div",{className:"elements-items",onClick:()=>{d()||(b(n=>(_.current=!0,"richtext"===e.value&&n.some(e=>"richtext"===e.type&&"form"===e.context)?n:[...n,Fn(e,c,n)])),T())},children:[(0,At.jsx)("i",{className:`adminfont-${e.icon}`}),(0,At.jsx)("div",{className:"elements-name",children:e.fixedName})]},e.id||e.value))})]},e))})},...l&&r.length?[{label:"Templates",content:(0,At.jsx)("aside",{className:"elements-section",children:(0,At.jsx)("main",{className:"template-list",children:r.map(({id:e,name:n})=>(0,At.jsxs)("div",{className:"template-item "+(e===o?"active":""),onClick:()=>i?.(e),children:[(0,At.jsx)("div",{className:"template-name",children:n}),(0,At.jsx)("div",{className:"template-image-wrapper",children:(0,At.jsxs)("div",{className:"template-image",children:[(0,At.jsx)("span",{}),(0,At.jsx)("span",{}),(0,At.jsx)("span",{}),(0,At.jsx)("span",{}),(0,At.jsx)("span",{})]})})]},e))})})}]:[]]})}),(0,At.jsxs)("div",{className:"canvas-editor-wrapper",children:[(0,At.jsxs)("div",{className:"canvas-editor",children:[j&&C&&(0,At.jsx)(On,{block:C,isActive:f?.name===C.name,onSelect:()=>h(C),onChange:e=>{const n=g.findIndex(e=>e.id===C.id);$(n,e)},showMeta:!1}),(0,At.jsx)(Dn.ReactSortable,{list:A,setList:I,group:{name:s,pull:!0,put:!0},handle:".drag-handle",animation:150,children:A.map((e,n)=>"columns"===e.type?(0,At.jsx)(Vn,{block:e,parentIndex:n,isActive:f?.name===e.name,groupName:s,openBlock:f,setOpenBlock:h,onColumnSetList:P,onChildMutate:e=>B(n,e),selectedLocation:E.selectedLocation,onChildSelect:(e,n)=>{h(n),E.setSelectedLocation(e)},onSelect:()=>{h(e),E.clearSelection()},onDelete:()=>F(n)},e.id):(0,At.jsx)(On,{block:e,isActive:f?.name===e.name,onSelect:()=>{h(e),E.clearSelection()},onChange:e=>$(n,e),onDelete:"name"===e.name?void 0:e=>F(n,e)},e.id))}),j&&z&&(0,At.jsx)(On,{block:z,isActive:f?.name===z.name,onSelect:()=>h(z),onChange:e=>{const n=g.findIndex(e=>e.id===z.id);$(n,e)},showMeta:!1}),j&&S&&(0,At.jsx)(On,{block:S,isActive:f?.name===S.name,onSelect:()=>h(S),onChange:e=>{const n=g.findIndex(e=>e.id===S.id);$(n,e)},showMeta:!1})]}),m&&(0,At.jsx)("div",{className:"available-placeholder",children:m?.map((e,n)=>(0,At.jsx)("span",{className:"admin-badge",role:"button",tabIndex:0,onClick:()=>G(e),onKeyDown:n=>{"Enter"!==n.key&&" "!==n.key||(n.preventDefault(),G(e))},children:e},n))})]}),(0,At.jsx)("div",{className:"settings-panel-wrapper",children:f&&(0,At.jsx)(jt,{formField:f,opened:{click:!0},onChange:O,inputTypeList:U()})})]})},Et=t(790),Lt=[{id:"default",name:"Default Template",previewText:"Start with a blank email template",blocks:[]}],qt=({value:e,onChange:n,field:t,setting:a={},proSettingChange:r=()=>!1,name:o=t?.key,canAccess:i,modules:l,onBlocked:s})=>{const d=t?.context||"form",c="email"===d,p=e||a[o]||{},[m,u]=qn.default.useState(()=>c?t?.emailTemplates?.length?t.emailTemplates.map(e=>({...e,...p.emailTemplates?.find(n=>n.id===e.id)})):p.emailTemplates?.length?p.emailTemplates:Lt:[]),[g,b]=qn.default.useState(p.activeEmailTemplateId||t?.defaultTemplateId||m[0]?.id||Lt[0].id),f=m.find(e=>e.id===g),h=qn.default.useCallback(e=>{c?u(t=>{const a=t.map(n=>n.id===g?{...n,blocks:e}:n);return n({emailTemplates:a,activeEmailTemplateId:g}),a}):n({formfieldlist:e})},[c,g,n]),x=qn.default.useCallback(e=>{if(c&&t?.emailTemplates){const a=t.emailTemplates.find(n=>n.id===e);a&&(u(n=>n.map(n=>n.id===e?{...n,blocks:a.blocks}:n)),n({emailTemplates:m.map(n=>n.id===e?{...n,blocks:a.blocks}:n),activeEmailTemplateId:e}))}b(e)},[c,t?.emailTemplates,m,n]),w=qn.default.useMemo(()=>c?f?.blocks||[]:Array.isArray(e?.formfieldlist)?e.formfieldlist:Array.isArray(a[o]?.formfieldlist)?a[o].formfieldlist:[],[e,a,o,c,f]),y=t?.visibleGroups||["registration"];return(0,Et.jsx)(Tt,{blocks:w,onChange:e=>{var n;i&&!((n=t).proSetting&&!Ra.khali_dabba?(s?.("pro"),1):n.moduleEnabled&&!l.includes(n.moduleEnabled)?(s?.("module",n.moduleEnabled),1):n.requiredPlugin&&!(Ra.active_plugins||[]).includes(n.requiredPlugin)&&(s?.("plugin",n),1))&&h(e)},blockGroups:t?.blockGroups||[],enableDefaultBlocks:t?.enableDefaultBlocks,visibleGroups:y,groupName:d,proSettingChange:r,context:d,...c&&{templates:m,activeTemplateId:g,onTemplateSelect:x,showTemplatesTab:!0},availablePlaceholder:t?.availablePlaceholder},g)},Mt={render:qt},Dt=t(1609),It=t(790),Pt={async loadScript(e){if(window.google?.maps)return;if(document.getElementById("google-map-script"))return;const n=document.createElement("script");n.id="google-map-script",n.src=`https://maps.googleapis.com/maps/api/js?key=${e}&libraries=places,marker`,n.async=!0,n.defer=!0,document.head.appendChild(n),await new Promise(e=>n.onload=e)},createMap:(e,n,t,a,r)=>new window.google.maps.Map(e,{center:{lat:n,lng:t},zoom:a,mapId:r}),createMarker(e,n,t,a="default",r){const o={lat:n,lng:t};let i;if("store"===a){const e=document.createElement("div");e.style.display="flex",e.style.alignItems="center",e.style.gap="6px";const n=document.createElement("div");n.style.width="28px",n.style.height="28px",n.style.borderRadius="50%",n.style.background="#4B96F3",n.style.display="flex",n.style.alignItems="center",n.style.justifyContent="center",n.style.boxShadow="0 2px 6px rgba(0,0,0,0.3)";const t=document.createElement("img");t.src="https://maps.gstatic.com/mapfiles/place_api/icons/v2/convenience_pinlet.png",t.style.width="16px",n.appendChild(t);const a=document.createElement("div");a.innerText=r||"",a.style.background="white",a.style.padding="2px 8px",a.style.borderRadius="6px",a.style.fontSize="12px",a.style.fontWeight="500",a.style.whiteSpace="nowrap",a.style.boxShadow="0 1px 4px rgba(0,0,0,0.3)",e.appendChild(n),e.appendChild(a),i=e}else{if("default"===a){const n=document.createElement("img");return n.src="https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi2.png",n.style.width="32px",n.style.height="32px",new google.maps.marker.AdvancedMarkerElement({map:e,position:o,content:n,gmpDraggable:!0})}{const e=document.createElement("div");e.style.width="16px",e.style.height="16px",e.style.borderRadius="50%",e.style.background="user"===a?"#2563eb":"#ef4444",e.style.border="2px solid white",e.style.boxShadow="0 0 4px rgba(0,0,0,0.4)",i=e}}return new google.maps.marker.AdvancedMarkerElement({map:e,position:o,content:i,gmpDraggable:"store"!==a})},onDragEnd(e,n){e.addListener("dragend",e=>{const t=e.latLng;n(t.lat(),t.lng())})},onMapClick(e,n){e.addListener("click",e=>n(e.latLng.lat(),e.latLng.lng()))},reverseGeocode:async(e,n)=>new Promise(t=>{(new window.google.maps.Geocoder).geocode({location:{lat:e,lng:n}},(e,n)=>t("OK"===n?e[0]:null))}),extractAddress(e){if(!e)return{};const n={};return e.address_components?.forEach(e=>{e.types.includes("locality")&&(n.city=e.long_name),e.types.includes("administrative_area_level_1")&&(n.state=e.long_name),e.types.includes("country")&&(n.country=e.short_name),e.types.includes("postal_code")&&(n.zip=e.long_name)}),{address:e.formatted_address,city:n.city,state:n.state,country:n.country,zip:n.zip,location_address:e.formatted_address}}},$t={google_map:Pt,mapbox:{async loadScript(e){if(window.mapboxgl)return void(window.mapboxgl.accessToken=e);const n=document.createElement("script");n.src="https://api.mapbox.com/mapbox-gl-js/v3.18.1/mapbox-gl.js",document.head.appendChild(n),await new Promise(e=>n.onload=e),window.mapboxgl.accessToken=e;const t=document.createElement("link");t.rel="stylesheet",t.href="https://api.mapbox.com/mapbox-gl-js/v3.18.1/mapbox-gl.css",document.head.appendChild(t)},createMap:(e,n,t,a)=>new window.mapboxgl.Map({container:e,style:"mapbox://styles/mapbox/standard",center:[t,n],zoom:a}),createMarker(e,n,t,a="default"){const r="user"===a?"#2563eb":"store"===a?"#16a34a":"#ef4444";return new window.mapboxgl.Marker({draggable:!0,color:r}).setLngLat([t,n]).addTo(e)},onDragEnd(e,n){e.on("dragend",()=>{const{lat:t,lng:a}=e.getLngLat();n(t,a)})},onMapClick(e,n){e.on("click",e=>n(e.lngLat.lat,e.lngLat.lng))},async reverseGeocode(e,n){const t=await fetch(`https://api.mapbox.com/search/geocode/v6/reverse?longitude=${n}&latitude=${e}&access_token=${window.mapboxgl.accessToken}`),a=await t.json();return a.features?.[0]},extractAddress(e){if(!e)return{};const n=e.properties?.context||{},t=e.properties?.full_address||e.place_name||"";return{address:t,city:n.place?.name,state:n.region?.name,country:n.country?.country_code,zip:n.postcode?.name,location_address:t}}}},Ft=({apiKey:e,mapId:n,locationLat:t,locationLng:a,mapProvider:r,onLocationUpdate:o,placeholderSearch:i,stores:l})=>{const s=$t[r]||Pt,d=(0,Dt.useRef)(null),c=(0,Dt.useRef)(null),p=(0,Dt.useRef)(null),m=(0,Dt.useRef)([]),u=(0,Dt.useRef)(null),g=(0,Dt.useRef)(null),[b,f]=(0,Dt.useState)(""),[h,x]=(0,Dt.useState)([]),[w,y]=(0,Dt.useState)(!1),v=t?parseFloat(t):40.7128,_=a?parseFloat(a):-74.006,k=async(e,n)=>{const t=await s.reverseGeocode(e,n),a=s.extractAddress(t);o({...a,location_lat:e.toString(),location_lng:n.toString()})};(0,Dt.useEffect)(()=>{d.current&&(async()=>{await s.loadScript(e),"google_map"===r&&y(!0);const t=s.createMap(d.current,v,_,12,n),a=s.createMarker(t,v,_,"default");c.current=t,p.current=a,s.onDragEnd(a,k),s.onMapClick(t,k)})()},[]),(0,Dt.useEffect)(()=>{c.current&&(m.current.forEach(e=>{"map"in e?e.map=null:"remove"in e&&e.remove()}),m.current=[],l?.data?.forEach(e=>{if(!e.location_lat||!e.location_lng)return;const n=s.createMarker(c.current,parseFloat(e.location_lat),parseFloat(e.location_lng),"store",e.store_name);m.current.push(n)}))},[l,s]),(0,Dt.useEffect)(()=>{if(!c.current||!p.current)return;const e=parseFloat(t),n=parseFloat(a);e&&n&&("google_map"===r?(c.current.setCenter({lat:e,lng:n}),p.current.position={lat:e,lng:n}):"mapbox"===r&&(c.current.setCenter([n,e]),p.current.setLngLat([n,e])))},[t,a]),(0,Dt.useEffect)(()=>{if("google_map"!==r)return;if(!w)return;if(!u.current)return;const e=new window.google.maps.places.Autocomplete(u.current,{types:["geocode"],fields:["formatted_address","geometry","address_components","name"]});e.addListener("place_changed",()=>{const n=e.getPlace();if(!n.geometry?.location)return;const t=n.geometry.location.lat(),a=n.geometry.location.lng();c.current&&p.current&&(c.current.setCenter({lat:t,lng:a}),p.current.position={lat:t,lng:a},c.current.setZoom(17));const r=Pt.extractAddress(n);o({...r,location_lat:t.toString(),location_lng:a.toString()})})},[r,w]);const j=(0,Dt.useRef)(Math.random().toString(36).substring(2)).current;return(0,It.jsxs)("div",{className:"map-wrapper",style:{position:"relative"},children:[(0,It.jsxs)("div",{className:"input-field",style:{position:"absolute",top:"3.83rem",left:"0.625rem",zIndex:9},children:[(0,It.jsx)("input",{ref:u,defaultValue:b,placeholder:i,className:"basic-input",onChange:n=>{var t;f(n.target.value),"mapbox"===r&&(t=n.target.value,clearTimeout(g.current),g.current=setTimeout(async()=>{const n=await fetch(`https://api.mapbox.com/search/searchbox/v1/suggest?q=${encodeURIComponent(t)}&access_token=${e}&session_token=${j}`),a=await n.json();x(a.suggestions||[])},300))}}),h.length>0&&(0,It.jsx)("ul",{children:h.map(n=>(0,It.jsx)("li",{onClick:()=>(async n=>{const t=await fetch(`https://api.mapbox.com/search/searchbox/v1/retrieve/${n.mapbox_id}?access_token=${e}&session_token=${j}`),a=await t.json(),r=a.features?.[0];if(!r)return;const[o,i]=r.geometry.coordinates;c.current&&p.current&&(p.current.setLngLat([o,i]),c.current.setCenter([o,i]),c.current.setZoom(17)),k(i,o),x([]),f(r.properties?.full_address||n.name)})(n),children:n.name},n.mapbox_id))})]}),(0,It.jsx)("div",{ref:d,className:"map",style:{width:"100%",height:"25rem"}})]})},Bt={render:({field:e,value:n,onChange:t})=>(0,It.jsx)(Ft,{apiKey:e.apiKey,mapId:e.mapId,locationAddress:n?.location_address||"",locationLat:n?.location_lat||"",locationLng:n?.location_lng||"",isUserLocation:e.isUserLocation,onLocationUpdate:t,placeholderSearch:e.placeholderSearch||"Search location",stores:e.stores||null,mapProvider:e.type})},Ot=t(1609),Rt=p(t(3743)),Ut=t(1609),Wt=t(790),Ht=({text:e,variant:n="code",copyButtonLabel:t="Copy",copiedLabel:a="Copied!",onCopy:r})=>{const[o,i]=(0,Ut.useState)(!1),l=async()=>{try{let n=e;if(r){const e=r();"string"==typeof e&&(n=e)}if(!n)return;await navigator.clipboard.writeText(n),i(!0),setTimeout(()=>i(!1),2e3)}catch(e){console.error("Copy failed",e)}};return"button"===n?(0,Wt.jsx)("div",{className:"buttons-wrapper",children:(0,Wt.jsxs)("div",{className:"admin-btn btn-purple",onClick:l,children:[(0,Wt.jsx)("i",{className:"adminfont-vendor-form-copy"}),(0,Wt.jsx)("span",{className:"copy-success",children:o?a:t})]})}):"icon"===n?(0,Wt.jsx)(M,{className:o?"copied":"",text:o?a:t,children:(0,Wt.jsx)("i",{className:o?"adminfont-check":"adminfont-vendor-form-copy",onClick:l})}):(0,Wt.jsxs)("div",{className:"copy-to-clipboard",children:[(0,Wt.jsx)("code",{children:e}),(0,Wt.jsx)(M,{className:o?"copied":"",text:o?a:t,children:(0,Wt.jsx)("i",{className:o?"adminfont-check":"adminfont-vendor-form-copy",onClick:l})})]})},Gt={render:({field:e})=>(0,Wt.jsx)(Ht,{text:e.text,variant:e.variant||"code",copyButtonLabel:e.copyButtonLabel,copiedLabel:e.copiedLabel,onCopy:e.onCopy}),validate:()=>null},Kt=t(790),Vt=({apiLink:e,downloadFileName:n,downloadBtnText:t="Download",copyBtnText:a="Copy",deleteBtnText:r="Delete"})=>{const[o,i]=(0,Ot.useState)([]),[l,s]=(0,Ot.useState)(!1),d=/^([^:]+:[^:]+:[^:]+):(.*)$/;return(0,Ot.useEffect)(()=>{(0,Rt.default)({url:h(Ra,e),method:"GET",headers:{"X-WP-Nonce":Ra.nonce},params:{logcount:100}}).then(e=>{i(e.data)})},[e]),(0,Kt.jsxs)("div",{className:"section-log-container",children:[(0,Kt.jsxs)("div",{className:"buttons-wrapper",children:[(0,Kt.jsx)(T,{position:"left",buttons:[{icon:"import",text:t,color:"purple",onClick:t=>{(t=>{t.preventDefault();const a=n;(0,Rt.default)({url:h(Ra,`${e}/download`),method:"GET",headers:{"X-WP-Nonce":Ra.nonce},params:{file:a},responseType:"blob"}).then(e=>{const n=new Blob([e.data],{type:e.headers["content-type"]}),t=window.URL.createObjectURL(n),r=document.createElement("a");r.href=t,r.setAttribute("download",a),document.body.appendChild(r),r.click(),document.body.removeChild(r)}).catch(e=>console.error("Error downloading file:",e))})?.(t)}}]}),(0,Kt.jsx)(T,{position:"left",buttons:[{icon:"delete",text:r,color:"red",onClick:n=>{n.preventDefault(),(0,Rt.default)({url:h(Ra,e),method:"DELETE",headers:{"X-WP-Nonce":Ra.nonce},params:{logcount:100}}).then(()=>{i([])})}}]})]}),(0,Kt.jsxs)("div",{className:"log-container-wrapper",children:[(0,Kt.jsxs)("div",{className:"wrapper-header",children:[(0,Kt.jsxs)("div",{className:"log-viewer-text",children:[Ra.tab_name," - log viewer"]}),(0,Kt.jsx)(Ht,{variant:"button",copyButtonLabel:a,copiedLabel:"Copied",onCopy:e=>{e.preventDefault();const n=o.map(e=>{const n=e.match(d);return n?`${n[1].trim()} : ${n[2].trim()}`:e}).join("\n");navigator.clipboard.writeText(n).then(()=>s(!0)).catch(e=>{s(!1),console.error("Error copying logs to clipboard:",e)}),setTimeout(()=>s(!1),1e4)}})]}),(0,Kt.jsx)("div",{className:"wrapper-body",children:o.map((e,n)=>{const t=e.match(d);return t?(0,Kt.jsxs)("div",{className:"log-row",children:[(0,Kt.jsxs)("span",{className:"log-creation-date",children:[t[1].trim()," :"]}),(0,Kt.jsx)("span",{className:"log-details",children:t[2].trim()})]},n):null})})]})]})},Yt={render:({field:e})=>(0,Kt.jsx)(Vt,{apiLink:String(e.apiLink),downloadFileName:String(e.fileName),downloadBtnText:e.downloadBtnText,copyBtnText:e.copyBtnText,deleteBtnText:e.deleteBtnText}),validate:()=>null},Jt=p(t(1609)),Qt=t(790);function Xt(e,n,t){return e.proSetting&&!Ra?.khali_dabba?(t?.("pro"),!0):!(!e.moduleEnabled||n.includes(e.moduleEnabled)||(t?.("module",e.moduleEnabled),0))}var Zt=({type:e,field:n,fieldKey:t,rowKey:a,column:r,rowLabel:o,value:i,disabled:l,onChange:s,modules:d,onBlocked:c})=>{const p=Ha[e];if(!p)return(0,Qt.jsx)("td",{children:"—"},t);const m=p.render,u={...r,...n,key:t,type:e,label:r.label??o,rowKey:a,rowLabel:o,disabled:l};return(0,Qt.jsx)(m,{field:u,value:i,modules:d,onBlocked:c,canAccess:!l,onChange:e=>{Xt(u,d,c)||s(t,e)}})},ea=({rows:e,columns:n,setting:t,visibilityContext:a,onChange:r,storeTabSetting:o,proSetting:i,modules:l,onBlocked:s,khali_dabba:d})=>{const[c,p]=(0,Jt.useState)(()=>!Array.isArray(e)&&Object.keys(e).length>0?Object.keys(e)[0]:null),m=a??t,u=e=>{if(!e.visibleWhen)return!0;const{key:n,value:t}=e.visibleWhen;return Array.isArray(t)?t.includes(m?.[n]):m?.[n]===t},g=n.filter(u),b=(e,n,a,o,i)=>{const d=n.fields??e.fields??[{key:e.key,type:"checkbox"}];return(0,Qt.jsx)("td",{children:(0,Qt.jsx)("div",{className:"multi-field-cell",children:d.map(d=>{if("checkbox"==e.type){const n=e.key,o=t.role_access_table?.[n]??t[n]??[],c=o.includes(a),p=e=>{const t=e.target.checked?[...o,a]:o.filter(e=>e!==a);r(n,t)};return(0,Qt.jsx)("input",{type:"checkbox",checked:c,disabled:!i,onChange:n=>{Xt(e,l,s)||p(n)}},`${e.key}_${d.key}_${a}`)}{const c=n.fields||e.fields?`${e.key}_${d.key}_${n.key}`:`${e.key}`;return(0,Qt.jsx)(Zt,{type:d.type,field:d,fieldKey:c,rowKey:a,column:e,rowLabel:o,value:t[c]??[],disabled:!i,onChange:r,modules:l,onBlocked:s},c)}})})},`${e.key}_${a}`)};return(0,Qt.jsxs)(Qt.Fragment,{children:[i&&!d&&(0,Qt.jsxs)("span",{className:"admin-pro-tag",children:[(0,Qt.jsx)("i",{className:"adminfont-pro-tag"})," Pro"]}),(0,Qt.jsxs)("table",{className:"multi-input-table",children:[(0,Qt.jsx)("thead",{children:(0,Qt.jsxs)("tr",{children:[(0,Qt.jsx)("th",{}),n.filter(u).map(e=>(0,Qt.jsxs)("th",{children:[e.label,e.proSetting&&!d&&(0,Qt.jsxs)("span",{className:"admin-pro-tag",children:[(0,Qt.jsx)("i",{className:"adminfont-pro-tag"})," Pro"]})]},e.key))]})}),(0,Qt.jsx)("tbody",{children:Array.isArray(e)?(h=e,h.map(e=>{const a=!e.enabledKey||(t[e.enabledKey]?.includes(e.key)??!1);return(0,Qt.jsxs)("tr",{className:e.enabledKey&&!a?"row-disabled":"",children:[(0,Qt.jsx)("td",{children:e.enabledKey?(0,Qt.jsxs)(Qt.Fragment,{children:[(0,Qt.jsx)("input",{type:"checkbox",id:`row-toggle_${e.key}`,checked:a,onChange:n=>(n=>{const a=t[e.enabledKey]??[];r(e.enabledKey,n?[...a,e.key]:a.filter(n=>n!==e.key))})(n.target.checked)}),(0,Qt.jsx)("span",{children:e.label})]}):e.label}),a?n.filter(u).map(n=>b(n,e,e.key,e.label,!0)):(0,Qt.jsx)("td",{colSpan:g.length,children:(0,Qt.jsx)("span",{className:"red-color",children:e.inactiveMessage??"Inactive"})})]},e.key)})):(f=e,Object.entries(f).map(([e,t])=>{const a=c===e;return(0,Qt.jsxs)(Jt.default.Fragment,{children:[(0,Qt.jsx)("div",{className:"toggle-header",onClick:()=>p(a?null:e),children:(0,Qt.jsxs)("div",{className:"header-title",children:[t.label,(0,Qt.jsx)("i",{className:"adminfont-"+(a?"keyboard-arrow-down":"pagination-right-arrow")})]})}),a&&Object.entries(t.capability).map(([e,a])=>{const r=Object.values(o).some(n=>n?.includes(e));return(0,Qt.jsxs)("tr",{children:[(0,Qt.jsx)("td",{children:a}),n.filter(u).map(n=>b(n,t,e,a,r))]},e)})]},e)}))})]})]});var f,h},na={render:({field:e,value:n,onChange:t,canAccess:a,modules:r,settings:o,onBlocked:i,storeTabSetting:l})=>{const s=n&&"object"==typeof n&&!Array.isArray(n)?n:{},d=e.storeSetting?s:o;return(0,Qt.jsx)(ea,{khali_dabba:Ra?.khali_dabba??!1,rows:e.rows??[],columns:e.columns??[],setting:d,visibilityContext:o,storeTabSetting:l??{},proSetting:e.proSetting??!1,modules:r??[],onBlocked:i,onChange:(e,n)=>{if(!a)return;const r="object"==typeof e?e:{[e]:n};t({...s,...r})}})},validate:()=>null},ta=t(1609),aa=t(790),ra=({id:e,fields:n=[],value:t=[],onChange:a,addButtonLabel:r="Add",deleteButtonLabel:o="Delete",single:i=!1,wrapperClass:l="",canAccess:s,mapping:d=!1})=>{const[c,p]=(0,ta.useState)([]);function m(e){p(e),a(e)}(0,ta.useEffect)(()=>{p(i?t.length?[t[0]]:[{}]:t.length?t:[{}])},[t,i]);const u=(e,n,t)=>{if(0===t&&e.skipFirstRow)return!1;if(!e.dependent)return!0;const a=n?.[e.dependent.key],r=Array.isArray(a)?a.includes(e.dependent.value):a===e.dependent.value;return e.dependent.set?r:!r};function g(){if(!c.length)return!0;const e=c[c.length-1]??{};return n.every(n=>!(!n.skipFirstRow||1!==c.length)||(!n.key||(!u(n,e,c.length-1)||""!==e[n.key])))}function b(){if(!d)return!0;const e=n.find(e=>"select"===e.type);return!e?.options||c.length<e.options.length}function f(){i||g()&&b()&&m([...c,{}])}function h(e,n,t){d&&(e=function(e,n,t){if("select"!==e.type||!e.options)return e;const a=c.filter((e,n)=>n!==t).map(n=>n?.[e.key]);return{...e,options:e.options.filter(t=>!a.includes(t.value)||t.value===n?.[e.key])}}(e,n,t));const r=Ha[e.type];if("checklist"===e.type)return(0,aa.jsx)(cn,{className:"checklist",items:e.options});if(!r)return null;const o=r.render,i=n?.[e.key];return(0,aa.jsxs)(aa.Fragment,{children:[!(0===t)&&e.label&&(0,aa.jsx)("label",{children:e.label}),(0,aa.jsx)(o,{field:e,value:i,onChange:n=>{!function(e,n,t){const r=c.map((a,r)=>r===e?{...a??{},[n]:t}:a);a(r)}(t,e.key,n)},canAccess:s})]})}return(0,aa.jsx)("div",{className:"nested-wrapper",id:e,children:c.map((e,t)=>(0,aa.jsxs)("div",{className:`nested-row ${i?"":"multiple"} ${l}`,children:[n.map(n=>0===t&&n.skipFirstRow?null:u(n,e,t)?(0,aa.jsxs)(aa.Fragment,{children:[n.beforeElement&&h(n.beforeElement,e,t),h(n,e,t),n.afterElement&&h(n.afterElement,e,t)]}):null),!i&&(0,aa.jsx)(T,{buttons:[...t===c.length-1&&b()?[{icon:"plus",color:"purple",text:r,onClick:f,disabled:!g()}]:[],...c.length>1&&t>0?[{icon:"delete",text:o,color:"red",onClick:()=>{return e=t,void(i||m(c.filter((n,t)=>t!==e)));var e}}]:[]]})]},`nested-row-${t}`))})},oa={render:({field:e,value:n,onChange:t,canAccess:a})=>(0,aa.jsx)(ra,{id:e.key,label:e.label,mapping:e.mapping,fields:e.nestedFields??[],value:n,wrapperClass:e.rowClass,addButtonLabel:e.addButtonLabel,deleteButtonLabel:e.deleteButtonLabel,single:e.single,onChange:e=>{a&&t(e)},canAccess:a},e.key),validate:()=>null},ia=t(790),la=({textType:e,preText:n,postText:t})=>(0,ia.jsxs)(ia.Fragment,{children:["pre"==e&&(0,ia.jsx)("span",{className:"before",children:n}),"post"==e&&(0,ia.jsx)("span",{className:"after",children:t})]}),sa={render:({field:e})=>(0,ia.jsx)(la,{type:e.type,textType:e.textType,preText:e.preText,postText:e.postText}),validate:(e,n)=>e.required&&!n?.[e.key]?`${e.label} is required`:null},da=t(790),ca={render:({formField:e})=>e?.sitekey?(0,da.jsx)("div",{className:"main-input-wrapper recaptcha",children:"reCAPTCHA has been successfully added to the form."}):(0,da.jsx)("div",{className:"main-input-wrapper recaptcha",children:"Please enter the reCAPTCHA site key in the field settings to enable reCAPTCHA."}),validate:(e,n)=>e.required&&!n?.[e.key]?`${e.label} is required`:null},pa=t(790),ma=({wrapperClass:e="",title:n,desc:t,withoutBorder:a=!1})=>(0,pa.jsxs)("div",{className:`divider-section ${n?"":"border-only"} ${a?"without-border":""} ${e}`,children:[n&&(0,pa.jsx)("div",{className:"title",dangerouslySetInnerHTML:{__html:n}}),t&&(0,pa.jsx)("span",{className:"desc",children:t})]}),ua={render:({field:e})=>(0,pa.jsx)(ma,{wrapperClass:e.wrapperClass,title:e.title,desc:e.desc,withoutBorder:e.withoutBorder}),validate:()=>null},ga=t(790),ba=e=>{const{options:n,optionLabel:t}=e,a=t;return(0,ga.jsx)(ga.Fragment,{children:n.map((e,n)=>(0,ga.jsxs)("div",{className:"shortcode-wrapper",children:[(0,ga.jsxs)("div",{className:"shortcode-details",children:[(0,ga.jsxs)("div",{className:"shortcode-title",children:[e.name," -"," ",(0,ga.jsx)(Ht,{text:e.label})]}),(0,ga.jsx)("div",{className:"des",children:e.desc})]}),e.arguments&&e.arguments.length>0?(0,ga.jsx)("div",{className:"shortcode-table",children:(0,ga.jsxs)("table",{children:[(0,ga.jsx)("thead",{children:(0,ga.jsx)("tr",{children:a.map((e,n)=>(0,ga.jsx)("th",{children:e},n))})}),(0,ga.jsx)("tbody",{children:e.arguments.map((e,n)=>(0,ga.jsxs)("tr",{children:[(0,ga.jsx)("td",{children:(0,ga.jsx)("b",{children:e.attribute})}),(0,ga.jsx)("td",{children:e.description}),(0,ga.jsx)("td",{children:e.accepted}),(0,ga.jsx)("td",{children:e.default})]},n))})]})}):(0,ga.jsx)("div",{className:"no-args-message",children:"No arguments required"})]},e.label||n))})},fa={render:({field:e})=>(0,ga.jsx)(ba,{icon:e.icon,options:Array.isArray(e.options)?e.options:[],optionLabel:e.optionLabel},e.key),validate:()=>null},ha=t(1609),xa=p(t(3743)),wa=t(790),ya=({apiLink:e,copyButtonLabel:n="Copy System Info",copiedLabel:t="Copied!"})=>{const[a,r]=(0,ha.useState)(null),[o,i]=(0,ha.useState)([]);return(0,ha.useEffect)(()=>{(0,xa.default)({url:h(Ra,e),method:"GET",headers:{"X-WP-Nonce":Ra.nonce}}).then(e=>{r(e.data)})},[e]),a?(0,wa.jsxs)("div",{className:"system-info",children:[(0,wa.jsx)(Ht,{variant:"button",copyButtonLabel:n,copiedLabel:t,onCopy:()=>a?(e=>{let n="";return Object.values(e).forEach(e=>{n+=`=== ${e.label} ===\n`,Object.values(e.fields).forEach(e=>{n+=`${e.label}: ${e.value}\n`}),n+="\n"}),n.trim()})(a):""}),Object.entries(a).map(([e,n])=>{const t=o.includes(e);return(0,wa.jsxs)("div",{className:"system-item",children:[(0,wa.jsxs)("div",{onClick:()=>(e=>{i(n=>n.includes(e)?[]:[e])})(e),className:"name",children:[(0,wa.jsx)("span",{children:n.label}),(0,wa.jsx)("i",{className:t?"adminfont-keyboard-arrow-down":"adminfont-pagination-right-arrow "})]}),t&&(0,wa.jsx)("div",{className:"content",children:(0,wa.jsx)("table",{children:(0,wa.jsx)("tbody",{children:Object.entries(n.fields).map(([e,n])=>(0,wa.jsxs)("tr",{children:[(0,wa.jsx)("td",{className:"field-label",children:n.label}),(0,wa.jsx)("td",{className:"field-value",children:n.value})]},e))})})})]},e)})]}):(0,wa.jsxs)("div",{className:"system-info",children:[(0,wa.jsx)("div",{className:"buttons-wrapper",children:(0,wa.jsx)("div",{className:"admin-btn btn-purple",children:(0,wa.jsx)(qe,{width:6})})}),Array.from({length:10}).map((e,n)=>(0,wa.jsx)("div",{className:"system-item",children:(0,wa.jsxs)("div",{className:"name",children:[(0,wa.jsx)(qe,{width:11.25}),(0,wa.jsx)("i",{className:"adminfont-pagination-right-arrow"})]})},n))]})},va={render:({field:e,appLocalizer:n})=>(0,wa.jsx)(ya,{apiLink:e.apiLink,appLocalizer:n,copyButtonLabel:e.copyButtonLabel,copiedLabel:e.copiedLabel}),validate:()=>null},_a=t(790),ka=({value:e="",length:n=8,onChange:t})=>e?(0,_a.jsxs)(_a.Fragment,{children:[(0,_a.jsx)(Ht,{text:e,variant:"icon",copyButtonLabel:"Copy",copiedLabel:"Copied!"}),(0,_a.jsx)("div",{className:"clear-btn",onClick:()=>{t("")},children:(0,_a.jsx)("i",{className:"adminfont-delete color-red"})})]}):(0,_a.jsx)(T,{buttons:[{icon:"star-icon",text:"Generate",onClick:()=>{const e=(a=n,Array.from({length:a},()=>"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789".charAt(Math.floor(62*Math.random()))).join(""));var a;t(e)}}]}),ja={render:({field:e,value:n,onChange:t})=>(0,_a.jsx)(ka,{value:n,length:e.length,onChange:t})},Na=t(1609),Ca=t(790),Sa=(0,Na.forwardRef)(({mode:e="multiple",max:n,value:t=[],primary:a="",enablePrimary:r=!0,placeholder:o="Enter email...",onChange:i},l)=>{const[s,d]=(0,Na.useState)(t),[c,p]=(0,Na.useState)(r?a:""),[m,u]=(0,Na.useState)(""),g=(0,Na.useRef)(null),b="multiple"===e,f=s.length>0;(0,Na.useEffect)(()=>{d(t)},[t]),(0,Na.useEffect)(()=>{p(r?a:"")},[a,r]),(0,Na.useImperativeHandle)(l,()=>g.current);const h=(0,Na.useCallback)(e=>/^\S+@\S+\.([a-zA-Z]{2,})$/.test(e),[]),x=(0,Na.useCallback)(e=>{if(!(e=e.trim())||!h(e)||s.includes(e)||n&&s.length>=n)return;const t=[...s,e];d(t);let a=c;r&&b&&1===t.length&&(p(e),a=e),u(""),i?.(t,a)},[s,n,h,r,b,c,i]),w=(0,Na.useCallback)(e=>{const n=s.filter(n=>n!==e);r&&c===e&&p(n[0]||""),d(n),i?.(n,r&&n[0]||"")},[s,c,r,i]),y=(0,Na.useCallback)(e=>{r&&b&&(p(e),i?.(s,e))},[r,b,s,i]),v=!b&&f,_=m.trim(),k=!v&&_&&h(_)&&(!b||!s.includes(_));return(0,Ca.jsxs)("div",{className:"emails-section",onClick:()=>!v&&g.current?.focus(),children:[s.map(e=>(0,Ca.jsxs)("div",{className:"email "+(r&&c===e?"primary":""),children:[r&&b&&(0,Ca.jsx)("i",{className:"stat-icon adminfont-star"+(c===e?" primary":"-o"),onClick:n=>{n.stopPropagation(),y(e)}}),(0,Ca.jsx)("span",{children:e}),(0,Ca.jsx)("i",{className:"adminfont-close close",onClick:n=>{n.stopPropagation(),w(e)}})]},e)),(0,Ca.jsxs)("div",{className:"input-wrapper",children:[(0,Ca.jsx)(V,{ref:g,type:"email",inputClass:"email-input",value:m,placeholder:o,onChange:e=>u(String(e)),onKeyDown:e=>{["Enter",","," "].includes(e.key)&&(e.preventDefault(),x(m))},readOnly:v}),k&&(0,Ca.jsxs)("div",{className:"inline-suggestion",onClick:()=>x(_),children:[(0,Ca.jsx)("i",{className:"adminfont-mail orange"})," ",_]})]})]})}),za={render:({field:e,value:n,onChange:t})=>(0,Ca.jsx)(Sa,{mode:e.mode,max:e.max,value:n?.list||[],primary:n?.primary||"",enablePrimary:e.enablePrimary,placeholder:e.placeholder,onChange:(e,n)=>t?.({list:e,primary:n})}),validate:()=>null},Aa=t(1609),Ta=p(t(3743)),Ea=t(790),La=({buttonText:e,buttonIcon:n,apilink:t,variant:a,action:r,parameter:o,interval:i,successMessage:l,failureMessage:s,tasks:d,onComplete:c,onError:p,onTaskComplete:m,onChange:u,value:g})=>{const[b,f]=(0,Aa.useState)(!1),[x,w]=(0,Aa.useState)(""),[y,v]=(0,Aa.useState)(!1),[_,k]=(0,Aa.useState)([]),j=(0,Aa.useRef)(0),N=(0,Aa.useRef)(null),C=(0,Aa.useRef)({}),[S,z]=(0,Aa.useState)(0),[A,E]=(0,Aa.useState)("");(0,Aa.useEffect)(()=>{if(S<_.length){const e=setTimeout(()=>{z(e=>e+1)},i);return()=>clearTimeout(e)}},[S,_]);const L=async()=>{if(f(!0),j.current>=d.length)return f(!1),w("completed"),void c?.();const e=d[j.current];try{const n={};r&&(n.action=e.action),o&&(n.parameter=o),e.previousResponseData?.length&&e.previousResponseData.forEach(e=>{n[e]=C.current[e]});const a=await Ta.default.post(h(Ra,t),n,{headers:{"X-WP-Nonce":Ra.nonce}});if(a.data?.error)return w("failed"),f(!1),E(`${e.failureMessage||s}`),void p?.({task:e,error:a.data.error});C.current[e.action]=a.data,k(n=>[...n,{action:e.message,status:"success"}]),m?.(e,a),j.current++,await L()}catch(n){console.error("Task execution failed:",n),w("failed"),f(!1),E(`${e.failureMessage||s}\n${n.message}`),p?.({task:e,error:n})}},q=()=>{Ta.default.get(h(Ra,t),{headers:{"X-WP-Nonce":Ra.nonce},params:{parameter:o}}).then(({data:e})=>{v(e.running),k(e.status||[])})};return(0,Aa.useEffect)(()=>{a||q()},[]),(0,Aa.useEffect)(()=>(y?N.current=setInterval(q,i):N.current&&(clearInterval(N.current),N.current=null),()=>{N.current&&clearInterval(N.current)}),[y,q,i]),(0,Ea.jsxs)(Ea.Fragment,{children:[(0,Ea.jsxs)("div",{className:"loader-wrapper",children:[(0,Ea.jsx)(T,{buttons:[{text:e,color:"purple-bg",onClick:e=>{e.preventDefault(),d?.length?L():(a||v(!0),f(!0),Ta.default.post(h(Ra,t),{parameter:o},{headers:{"X-WP-Nonce":Ra.nonce}}).then(e=>{w(!0===e.data?"success":"failed"),a&&u?.({options:e.data||[],selected:""}),f(!1)}).catch(e=>{console.error("Task execution failed:",e),w("failed"),f(!1)}))},disabled:b,icon:n||"import"}],position:"left"}),b&&(0,Ea.jsx)("div",{className:"multivendorx-loader"})]}),(0,Ea.jsx)("div",{className:"sequential-task-executor",children:_&&_.length>0&&_.map((e,n)=>(0,Ea.jsxs)("div",{className:`sequential-task ${x}`,style:{"--progress-time":i/1e3+"s"},children:[e.action,(0,Ea.jsxs)("div",{className:"status-wrapper",children:[(0,Ea.jsxs)("span",{className:"status-icons",children:["failed"===x&&(0,Ea.jsx)("i",{className:"failed-icon adminfont-error"}),"completed"===x&&(0,Ea.jsx)("i",{className:"completed-icon adminfont-check"})]}),e.total&&(0,Ea.jsxs)("span",{children:[e.current," / ",e.total]})]})]},n))}),x&&(0,Ea.jsx)(Ze,{type:"failed"===x?"error":"success",displayPosition:"inline-notice",message:"failed"===x?A||s:l}),a&&g?.options?.length>0&&(0,Ea.jsx)(W,{options:g.options,value:g.selected||"",onChange:e=>{u?.({...g,selected:e})}})]})},qa={render:({field:e,value:n,onChange:t,canAccess:a})=>(0,Ea.jsx)(La,{buttonText:e.buttonText,buttonIcon:e.buttonIcon,apilink:e.apilink,variant:e.variant,parameter:e.parameter,action:e.action,interval:e.interval,successMessage:e.successMessage,failureMessage:e.failureMessage,tasks:e.tasks,onComplete:e.onComplete,onError:e.onError,onTaskComplete:e.onTaskComplete,value:n||"",onChange:e=>{a&&t(e)}})},Ma=t(1609),Da=t(790),Ia=[{id:"1",type:"text",label:"Name",name:"name",placeholder:"Enter your name here"},{id:"2",type:"email",label:"Email",name:"email",placeholder:"Enter your email here"},{id:"3",type:"text",label:"Phone",name:"phone",placeholder:"Enter your phone number here"},{id:"4",type:"text",label:"Address",name:"address",placeholder:"Enter your address here"},{id:"5",type:"text",label:"Subject",name:"subject",placeholder:"Enter the subject of your enquiry here"},{id:"6",type:"text",label:"Comment",name:"comment",placeholder:"Enter the details of your enquiry here"},{id:"7",type:"fileupload",label:"Filesize Limit",name:"File upload size limit"},{id:"8",type:"attachment",label:"Fileupload",name:"File upload",placeholder:""},{id:"9",type:"custom-recaptcha",label:"Captcha",name:"Captcha",placeholder:""},{id:"10",type:"button",label:"Submit"}],Pa=e=>Array.isArray(e)?e:[],$a=e=>"submit"===e?.name?.trim().toLowerCase(),Fa=e=>e.some(e=>$a(e))?e.map(e=>$a(e)?{...e,disabled:!1}:e):[...e,{id:"10",type:"button",label:"Submit",placeholder:"",disabled:!1,name:"Submit"}],Ba=({field:e,value:n,canAccess:t,onChange:a,modules:r,onBlocked:o})=>{const[i,l]=(0,Ma.useState)(()=>Fa(Pa(n))),[s,d]=(0,Ma.useState)(null),c=(0,Ma.useRef)(!1),p=(0,Ma.useRef)({}),m=()=>e.proSetting&&!Ra?.khali_dabba?(o?.("pro"),!0):e.moduleEnabled&&!r?.includes(e.moduleEnabled)?(o?.("module",e.moduleEnabled),!0):!(!e.requiredPlugin||(Ra?.active_plugins||[]).includes(e.requiredPlugin)||(o?.("plugin",e),0));(0,Ma.useEffect)(()=>{const e=Pa(n),t=Fa(e);JSON.stringify(i)!==JSON.stringify(t)&&(l(t),c.current=!1)},[n]),(0,Ma.useEffect)(()=>{if(c.current){const e=Fa(i);a(e),c.current=!1}},[i,a]),(0,Ma.useEffect)(()=>{const e=e=>{if(s){const n=p.current[s];n&&!n.contains(e.target)&&d(null)}};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[s]);const u=e=>i.find(n=>String(n.id)===String(e)),g=e=>{const n=u(e);if(n)return n;const t=Ia.find(n=>n.id===e),a=$a(t);return{id:t?.id||e,type:t?.type||"text",label:t?.label||e,placeholder:t?.placeholder||"",disabled:!a,name:t?.name||""}},b=e=>{t&&!m()&&(d(e),setTimeout(()=>{p.current[e]&&p.current[e]?.focus()},0))};return(0,Da.jsxs)("div",{className:"free-form-customizer",children:[(0,Da.jsxs)("div",{className:"free-form-header",children:[(0,Da.jsx)("div",{className:"title",children:"Field Label"}),(0,Da.jsx)("div",{className:"title",children:"Placeholder Text"})]}),Ia.map(e=>{const n=u(e.id),a=n?.label??e.label??"",r=n?.placeholder??e.placeholder??"",o=$a(n)||$a(e),d=!!o||!(n?.disabled??1),f=s===e.id;return(0,Da.jsxs)("div",{className:`free-form-row ${d?"":"enable-visibility"} ${o?"submit-btn":""}`,children:[(0,Da.jsx)("div",{className:"free-form-input",children:f?(0,Da.jsx)(V,{type:"text",value:a,onChange:n=>{return a=e.id,r=n,void(t&&(c.current=!0,l(e=>{if(e.find(e=>String(e.id)===String(a)))return e.map(e=>String(e.id)===String(a)?{...e,label:r}:e);const n=g(a);return[...e,{...n,label:r}]})));var a,r},readOnly:!t,ref:n=>p.current[e.id]=n}):o?(0,Da.jsxs)("div",{className:"buttons-wrapper",onClick:()=>b(e.id),children:[(0,Da.jsx)("div",{className:"admin-btn btn-purple",children:a}),t&&(0,Da.jsx)("i",{className:"edit-icon adminfont-edit"})]}):(0,Da.jsxs)("label",{onClick:()=>b(e.id),children:[a,(0,Da.jsx)("i",{className:"edit-icon adminfont-edit"})]})}),!o&&(0,Da.jsxs)(Da.Fragment,{children:[(0,Da.jsx)("div",{className:"free-form-input",children:(0,Da.jsx)(V,{type:"text",value:r,onChange:n=>{return a=e.id,r=n,void(t&&!m()&&(c.current=!0,l(e=>{if(e.find(e=>String(e.id)===String(a)))return e.map(e=>String(e.id)===String(a)?{...e,placeholder:r}:e);const n=g(a);return[...e,{...n,placeholder:r}]})));var a,r},readOnly:!t})}),(0,Da.jsx)("i",{onClick:()=>(e=>{const n=i.find(n=>n.id===e)||Ia.find(n=>n.id===e);if($a(n)||m())return;const a=u(e)?.disabled??!0;((e,n)=>{const a=i.find(n=>n.id===e)||Ia.find(n=>n.id===e);!$a(a)&&t&&(c.current=!0,l(t=>{if(t.find(n=>String(n.id)===String(e)))return t.map(t=>String(t.id)===String(e)?{...t,disabled:n}:t);const a=g(e);return[...t,{...a,disabled:n}]}))})(e,!a)})(e.id),className:"visibility-icon adminfont-"+(d?"eye":"eye-blocked")})]})]},e.id)})]})},Oa={render:({field:e,value:n,onChange:t,canAccess:a,modules:r,onBlocked:o})=>(0,Da.jsx)(Ba,{field:e,value:n,canAccess:a,onChange:t,modules:r,onBlocked:o}),validate:()=>null},Ra=(()=>{const e=window.appLocalizer||{};return{nonce:e.nonce,apiUrl:e.apiUrl,restUrl:e.restUrl,khali_dabba:e.khali_dabba,active_plugins:e.active_plugins,shop_url:e.shop_url,tab_name:e.tab_name,site_url:e.site_url,tinymceApiKey:e.tinymceApiKey}})(),Ua=Object.entries({AF:{name:"Afghanistan",dial_code:"+93"},AL:{name:"Albania",dial_code:"+355"},DZ:{name:"Algeria",dial_code:"+213"},AS:{name:"AmericanSamoa",dial_code:"+1684"},AD:{name:"Andorra",dial_code:"+376"},AO:{name:"Angola",dial_code:"+244"},AI:{name:"Anguilla",dial_code:"+1264"},AQ:{name:"Antarctica",dial_code:"+672"},AG:{name:"Antigua and Barbuda",dial_code:"+1268"},AR:{name:"Argentina",dial_code:"+54"},AM:{name:"Armenia",dial_code:"+374"},AW:{name:"Aruba",dial_code:"+297"},AU:{name:"Australia",dial_code:"+61"},AT:{name:"Austria",dial_code:"+43"},AZ:{name:"Azerbaijan",dial_code:"+994"},BS:{name:"Bahamas",dial_code:"+1242"},BH:{name:"Bahrain",dial_code:"+973"},BD:{name:"Bangladesh",dial_code:"+880"},BB:{name:"Barbados",dial_code:"+1246"},BY:{name:"Belarus",dial_code:"+375"},BE:{name:"Belgium",dial_code:"+32"},BZ:{name:"Belize",dial_code:"+501"},BJ:{name:"Benin",dial_code:"+229"},BM:{name:"Bermuda",dial_code:"+1441"},BT:{name:"Bhutan",dial_code:"+975"},BO:{name:"Bolivia, Plurinational State of",dial_code:"+591"},BA:{name:"Bosnia and Herzegovina",dial_code:"+387"},BW:{name:"Botswana",dial_code:"+267"},BR:{name:"Brazil",dial_code:"+55"},IO:{name:"British Indian Ocean Territory",dial_code:"+246"},BN:{name:"Brunei Darussalam",dial_code:"+673"},BG:{name:"Bulgaria",dial_code:"+359"},BF:{name:"Burkina Faso",dial_code:"+226"},BI:{name:"Burundi",dial_code:"+257"},KH:{name:"Cambodia",dial_code:"+855"},CM:{name:"Cameroon",dial_code:"+237"},CA:{name:"Canada",dial_code:"+1"},CV:{name:"Cape Verde",dial_code:"+238"},KY:{name:"Cayman Islands",dial_code:"+345"},CF:{name:"Central African Republic",dial_code:"+236"},TD:{name:"Chad",dial_code:"+235"},CL:{name:"Chile",dial_code:"+56"},CN:{name:"China",dial_code:"+86"},CX:{name:"Christmas Island",dial_code:"+61"},CC:{name:"Cocos (Keeling) Islands",dial_code:"+61"},CO:{name:"Colombia",dial_code:"+57"},KM:{name:"Comoros",dial_code:"+269"},CG:{name:"Congo",dial_code:"+242"},CD:{name:"Congo, The Democratic Republic of the Congo",dial_code:"+243"},CK:{name:"Cook Islands",dial_code:"+682"},CR:{name:"Costa Rica",dial_code:"+506"},CI:{name:"Cote d'Ivoire",dial_code:"+225"},HR:{name:"Croatia",dial_code:"+385"},CU:{name:"Cuba",dial_code:"+53"},CY:{name:"Cyprus",dial_code:"+357"},CZ:{name:"Czech Republic",dial_code:"+420"},DK:{name:"Denmark",dial_code:"+45"},DJ:{name:"Djibouti",dial_code:"+253"},DM:{name:"Dominica",dial_code:"+1767"},DO:{name:"Dominican Republic",dial_code:"+1849"},EC:{name:"Ecuador",dial_code:"+593"},EG:{name:"Egypt",dial_code:"+20"},SV:{name:"El Salvador",dial_code:"+503"},GQ:{name:"Equatorial Guinea",dial_code:"+240"},ER:{name:"Eritrea",dial_code:"+291"},EE:{name:"Estonia",dial_code:"+372"},ET:{name:"Ethiopia",dial_code:"+251"},FK:{name:"Falkland Islands (Malvinas)",dial_code:"+500"},FO:{name:"Faroe Islands",dial_code:"+298"},FJ:{name:"Fiji",dial_code:"+679"},FI:{name:"Finland",dial_code:"+358"},FR:{name:"France",dial_code:"+33"},GF:{name:"French Guiana",dial_code:"+594"},PF:{name:"French Polynesia",dial_code:"+689"},GA:{name:"Gabon",dial_code:"+241"},GM:{name:"Gambia",dial_code:"+220"},GE:{name:"Georgia",dial_code:"+995"},DE:{name:"Germany",dial_code:"+49"},GH:{name:"Ghana",dial_code:"+233"},GI:{name:"Gibraltar",dial_code:"+350"},GR:{name:"Greece",dial_code:"+30"},GL:{name:"Greenland",dial_code:"+299"},GD:{name:"Grenada",dial_code:"+1473"},GP:{name:"Guadeloupe",dial_code:"+590"},GU:{name:"Guam",dial_code:"+1671"},GT:{name:"Guatemala",dial_code:"+502"},GG:{name:"Guernsey",dial_code:"+44"},GN:{name:"Guinea",dial_code:"+224"},GW:{name:"Guinea-Bissau",dial_code:"+245"},GY:{name:"Guyana",dial_code:"+595"},HT:{name:"Haiti",dial_code:"+509"},VA:{name:"Holy See (Vatican City State)",dial_code:"+379"},HN:{name:"Honduras",dial_code:"+504"},HK:{name:"Hong Kong",dial_code:"+852"},HU:{name:"Hungary",dial_code:"+36"},IS:{name:"Iceland",dial_code:"+354"},IN:{name:"India",dial_code:"+91"},ID:{name:"Indonesia",dial_code:"+62"},IR:{name:"Iran, Islamic Republic of Persian Gulf",dial_code:"+98"},IQ:{name:"Iraq",dial_code:"+964"},IE:{name:"Ireland",dial_code:"+353"},IM:{name:"Isle of Man",dial_code:"+44"},IL:{name:"Israel",dial_code:"+972"},IT:{name:"Italy",dial_code:"+39"},JM:{name:"Jamaica",dial_code:"+1876"},JP:{name:"Japan",dial_code:"+81"},JE:{name:"Jersey",dial_code:"+44"},JO:{name:"Jordan",dial_code:"+962"},KZ:{name:"Kazakhstan",dial_code:"+77"},KE:{name:"Kenya",dial_code:"+254"},KI:{name:"Kiribati",dial_code:"+686"},KP:{name:"Korea, Democratic People's Republic of Korea",dial_code:"+850"},KR:{name:"Korea, Republic of South Korea",dial_code:"+82"},KW:{name:"Kuwait",dial_code:"+965"},KG:{name:"Kyrgyzstan",dial_code:"+996"},LA:{name:"Laos",dial_code:"+856"},LV:{name:"Latvia",dial_code:"+371"},LB:{name:"Lebanon",dial_code:"+961"},LS:{name:"Lesotho",dial_code:"+266"},LR:{name:"Liberia",dial_code:"+231"},LY:{name:"Libyan Arab Jamahiriya",dial_code:"+218"},LI:{name:"Liechtenstein",dial_code:"+423"},LT:{name:"Lithuania",dial_code:"+370"},LU:{name:"Luxembourg",dial_code:"+352"},MO:{name:"Macao",dial_code:"+853"},MK:{name:"Macedonia",dial_code:"+389"},MG:{name:"Madagascar",dial_code:"+261"},MW:{name:"Malawi",dial_code:"+265"},MY:{name:"Malaysia",dial_code:"+60"},MV:{name:"Maldives",dial_code:"+960"},ML:{name:"Mali",dial_code:"+223"},MT:{name:"Malta",dial_code:"+356"},MH:{name:"Marshall Islands",dial_code:"+692"},MQ:{name:"Martinique",dial_code:"+596"},MR:{name:"Mauritania",dial_code:"+222"},MU:{name:"Mauritius",dial_code:"+230"},YT:{name:"Mayotte",dial_code:"+262"},MX:{name:"Mexico",dial_code:"+52"},FM:{name:"Micronesia, Federated States of Micronesia",dial_code:"+691"},MD:{name:"Moldova",dial_code:"+373"},MC:{name:"Monaco",dial_code:"+377"},MN:{name:"Mongolia",dial_code:"+976"},ME:{name:"Montenegro",dial_code:"+382"},MS:{name:"Montserrat",dial_code:"+1664"},MA:{name:"Morocco",dial_code:"+212"},MZ:{name:"Mozambique",dial_code:"+258"},MM:{name:"Myanmar",dial_code:"+95"},NA:{name:"Namibia",dial_code:"+264"},NR:{name:"Nauru",dial_code:"+674"},NP:{name:"Nepal",dial_code:"+977"},NL:{name:"Netherlands",dial_code:"+31"},AN:{name:"Netherlands Antilles",dial_code:"+599"},NC:{name:"New Caledonia",dial_code:"+687"},NZ:{name:"New Zealand",dial_code:"+64"},NI:{name:"Nicaragua",dial_code:"+505"},NE:{name:"Niger",dial_code:"+227"},NG:{name:"Nigeria",dial_code:"+234"},NU:{name:"Niue",dial_code:"+683"},NF:{name:"Norfolk Island",dial_code:"+672"},MP:{name:"Northern Mariana Islands",dial_code:"+1670"},NO:{name:"Norway",dial_code:"+47"},OM:{name:"Oman",dial_code:"+968"},PK:{name:"Pakistan",dial_code:"+92"},PW:{name:"Palau",dial_code:"+680"},PS:{name:"Palestinian Territory, Occupied",dial_code:"+970"},PA:{name:"Panama",dial_code:"+507"},PG:{name:"Papua New Guinea",dial_code:"+675"},PY:{name:"Paraguay",dial_code:"+595"},PE:{name:"Peru",dial_code:"+51"},PH:{name:"Philippines",dial_code:"+63"},PN:{name:"Pitcairn",dial_code:"+872"},PL:{name:"Poland",dial_code:"+48"},PT:{name:"Portugal",dial_code:"+351"},PR:{name:"Puerto Rico",dial_code:"+1939"},QA:{name:"Qatar",dial_code:"+974"},RO:{name:"Romania",dial_code:"+40"},RU:{name:"Russia",dial_code:"+7"},RW:{name:"Rwanda",dial_code:"+250"},RE:{name:"Reunion",dial_code:"+262"},BL:{name:"Saint Barthelemy",dial_code:"+590"},SH:{name:"Saint Helena, Ascension and Tristan Da Cunha",dial_code:"+290"},KN:{name:"Saint Kitts and Nevis",dial_code:"+1869"},LC:{name:"Saint Lucia",dial_code:"+1758"},MF:{name:"Saint Martin",dial_code:"+590"},PM:{name:"Saint Pierre and Miquelon",dial_code:"+508"},VC:{name:"Saint Vincent and the Grenadines",dial_code:"+1784"},WS:{name:"Samoa",dial_code:"+685"},SM:{name:"San Marino",dial_code:"+378"},ST:{name:"Sao Tome and Principe",dial_code:"+239"},SA:{name:"Saudi Arabia",dial_code:"+966"},SN:{name:"Senegal",dial_code:"+221"},RS:{name:"Serbia",dial_code:"+381"},SC:{name:"Seychelles",dial_code:"+248"},SL:{name:"Sierra Leone",dial_code:"+232"},SG:{name:"Singapore",dial_code:"+65"},SK:{name:"Slovakia",dial_code:"+421"},SI:{name:"Slovenia",dial_code:"+386"},SB:{name:"Solomon Islands",dial_code:"+677"},SO:{name:"Somalia",dial_code:"+252"},ZA:{name:"South Africa",dial_code:"+27"},SS:{name:"South Sudan",dial_code:"+211"},GS:{name:"South Georgia and the South Sandwich Islands",dial_code:"+500"},ES:{name:"Spain",dial_code:"+34"},LK:{name:"Sri Lanka",dial_code:"+94"},SD:{name:"Sudan",dial_code:"+249"},SR:{name:"Suriname",dial_code:"+597"},SJ:{name:"Svalbard and Jan Mayen",dial_code:"+47"},SZ:{name:"Swaziland",dial_code:"+268"},SE:{name:"Sweden",dial_code:"+46"},CH:{name:"Switzerland",dial_code:"+41"},SY:{name:"Syrian Arab Republic",dial_code:"+963"},TW:{name:"Taiwan",dial_code:"+886"},TJ:{name:"Tajikistan",dial_code:"+992"},TZ:{name:"Tanzania, United Republic of Tanzania",dial_code:"+255"},TH:{name:"Thailand",dial_code:"+66"},TL:{name:"Timor-Leste",dial_code:"+670"},TG:{name:"Togo",dial_code:"+228"},TK:{name:"Tokelau",dial_code:"+690"},TO:{name:"Tonga",dial_code:"+676"},TT:{name:"Trinidad and Tobago",dial_code:"+1868"},TN:{name:"Tunisia",dial_code:"+216"},TR:{name:"Turkey",dial_code:"+90"},TM:{name:"Turkmenistan",dial_code:"+993"},TC:{name:"Turks and Caicos Islands",dial_code:"+1649"},TV:{name:"Tuvalu",dial_code:"+688"},UG:{name:"Uganda",dial_code:"+256"},UA:{name:"Ukraine",dial_code:"+380"},AE:{name:"United Arab Emirates",dial_code:"+971"},GB:{name:"United Kingdom",dial_code:"+44"},US:{name:"United States",dial_code:"+1"},UY:{name:"Uruguay",dial_code:"+598"},UZ:{name:"Uzbekistan",dial_code:"+998"},VU:{name:"Vanuatu",dial_code:"+678"},VE:{name:"Venezuela, Bolivarian Republic of Venezuela",dial_code:"+58"},VN:{name:"Vietnam",dial_code:"+84"},VG:{name:"Virgin Islands, British",dial_code:"+1284"},VI:{name:"Virgin Islands, U.S.",dial_code:"+1340"},WF:{name:"Wallis and Futuna",dial_code:"+681"},YE:{name:"Yemen",dial_code:"+967"},ZM:{name:"Zambia",dial_code:"+260"},ZW:{name:"Zimbabwe",dial_code:"+263"}}).map(([e,{name:n,dial_code:t}])=>{return{label:`${a=e,a.toUpperCase().replace(/./g,e=>String.fromCodePoint(127397+e.charCodeAt(0)))} ${n} ${t}`,value:t};var a}),Wa=(e,n)=>{(0,y.useEffect)(()=>{const t=t=>{e.current&&!e.current.contains(t.target)&&n()};return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}},[e,n])},Ha={text:Y,number:Y,email:Y,time:Y,date:Y,password:Y,"email-input":za,select:H,dropdown:H,"multi-select":H,creatable:H,"creatable-multi":H,title:ze,heading:ze,richtext:ze,checkbox:lt,checkboxes:lt,attachment:Ln,image:Ln,textarea:pt,preposttext:sa,button:E,nested:oa,section:ua,"multi-checkbox-table":na,"expandable-panel":Cn,"choice-toggle":ue,"block-builder":Mt,"system-info":va,tab:zt,log:Yt,"calendar-input":se,"event-calendar":Re,recaptcha:ca,address:Z,divider:ua,"color-setting":he,"sequential-task-executor":qa,"endpoint-editor":Ie,"shortcode-table":fa,itemlist:cn,notice:nn,google_map:Bt,mapbox:Bt,"random-input-key-generator":ja,"copy-to-clipboard":Gt,"free-form":Oa},Ga=(0,x.create)(e=>({modules:[],insertModule:n=>e(e=>({modules:[...e.modules,n]})),removeModule:n=>e(e=>({modules:e.modules.filter(e=>e!==n)}))}));async function Ka(e,n,t){if("true"===localStorage.getItem(`force_${e}_context_reload`)){try{const e=await w.default.get(h(Ra,t),{headers:{"X-WP-Nonce":Ra.nonce}});Array.isArray(e.data)&&Ga.setState({modules:e.data})}catch(e){console.error("Failed to fetch active modules:",e)}"pro"===n&&localStorage.setItem(`force_${e}_context_reload`,"false")}}var Va=t(790),Ya=({setting:e,updateSetting:n,settings:t,Popup:a,storeTabSetting:r})=>{const{modal:o,submitUrl:i,id:l}=t,s=(0,u.useRef)(!1),d=(0,u.useRef)(0),c=(0,u.useRef)(null),[p,m]=(0,u.useState)(!1),[g,b]=(0,u.useState)({moduleName:"",settings:"",plugin:""}),{modules:x}=Ga(),[w,y]=(0,u.useState)({});(0,u.useEffect)(()=>{if(s.current){s.current=!1,d.current=10,c.current&&clearInterval(c.current);const n=setInterval(()=>{d.current-=1,d.current<0&&(f(Ra,h(Ra,i),{setting:e,settingName:l}).then(e=>{const n=e;n.message&&Qe.add({title:"Great!",message:n.message,type:n.type||"success",position:"float"}),n.redirect_link&&window.open(n.redirect_link,"_self")}),clearInterval(n),c.current=null)},50);c.current=n}},[e,i,l]),(0,u.useEffect)(()=>{if(!1===p){const e=setTimeout(()=>{b({moduleName:"",settings:"",plugin:""})},100);return()=>clearTimeout(e)}},[p]);const v=e=>e?.find(({plugin:e})=>!Ra?.active_plugins?.includes(e)),_=(n,t=null)=>{const a=e[n];return Array.isArray(t)?t.includes(a):Array.isArray(a)?null===t&&a.length>0||a.includes(t):!(null!==t||!Boolean(a))||a===t},k=e=>!(!0===e.set&&!_(e.key)||!1===e.set&&_(e.key)||void 0!==e.value&&!_(e.key,e.value)),j=(t,a)=>{s.current=!0;const r=o.find(e=>e.key===t);if(!r)return;if("nested"===r.type)return void n(t,a);if(Array.isArray(a)&&a.length>0&&"object"==typeof a[0]){if(Array.isArray(e[t])&&e[t].length>0)return void n(t,[]);const r=a.filter(e=>!(e.proSetting&&!Ra?.khali_dabba)).map(e=>e.value);return void n(t,r)}const i=z(r,a);y(e=>({...e,[t]:i})),i||n(t,a)},N=["select","text"],C=e=>N.includes(e.beforeElement?.type)||N.includes(e.afterElement?.type),S=(t,a,o,i,l)=>{if(t.component)return t.component;const d=Ha[t.type];if(!d)return null;const c=d.render,p=C(a)?o?.[t.key]??"":o??"";return(0,Va.jsx)(c,{field:t,value:p,onChange:e=>{C(a)?i(a.key,{...o??{},[t.key]:e}):i(t.key,e)},canAccess:l,modules:x,settings:e,onOptionsChange:e=>{s.current=!0,n(`${t.key}_options`,e)},onBlocked:(e,n)=>{"pro"===e&&(b({moduleName:"",settings:"",plugin:""}),m(!0)),"module"===e&&n&&(b({moduleName:n,settings:"",plugin:""}),m(!0)),"plugin"===e&&n&&(b({moduleName:"",settings:"",plugin:n}),m(!0))},storeTabSetting:r})},z=(e,n)=>{const t=Ha[e.type];return t?.validate?C(e)?t.validate(e,n??{}):t.validate(e,n):null};return(0,Va.jsxs)(Va.Fragment,{children:[p&&(0,Va.jsx)(I,{position:"lightbox",open:p,onClose:()=>{m(!1)},width:31.25,height:"auto",children:(0,Va.jsx)(a,{moduleName:String(g.moduleName),settings:g.settings,plugin:g.plugin})}),(0,Va.jsx)(on,{children:o.map(n=>{const t=C(n)?e[n.key]??{}:e[n.key]??"";if(Array.isArray(n.dependent)){for(const e of n.dependent)if(!k(e))return null}else if(n.dependent&&!k(n.dependent))return null;const a=(r=n.proSetting??!1,o=String(n.moduleEnabled??""),i=String(n.dependentSetting??""),l=n.dependentPlugin,!(r&&!Ra?.khali_dabba||o&&!x.includes(o)||i&&Array.isArray(e[i])&&0===e[i].length||v(l)));var r,o,i,l;const s=(0,Va.jsxs)(Va.Fragment,{children:[n.beforeElement&&S(n.beforeElement,n,t,j,a),S(n,n,t,j,a),n.afterElement&&S(n.afterElement,n,t,j,a)]}),d=n.proSetting&&!Ra?.khali_dabba||n.moduleEnabled&&!x.includes(n.moduleEnabled)||n.dependentSetting&&(()=>{const t=e[n.dependentSetting];return Array.isArray(t)&&0===t.length})()||!!v(n.dependentPlugin);return"section"===n.type?(0,Va.jsx)(Va.Fragment,{children:s}):(0,Va.jsxs)("div",{className:`form-group ${!1===n.row?"":"row"}  ${n.classes?n.classes:""} ${n.proSetting?"pro-setting":""} ${n.moduleEnabled&&!x.includes(n.moduleEnabled)?"module-enabled":""}`,"data-col":n.cols,onClick:t=>((n,t)=>{if(t.proSetting&&!Ra?.khali_dabba)return m(!0),void n.stopPropagation();if(t.moduleEnabled&&!x.includes(t.moduleEnabled))return b({moduleName:t.moduleEnabled,settings:"",plugin:""}),m(!0),void n.stopPropagation();if(t.dependentSetting&&Array.isArray(e[t.dependentSetting])&&0===e[t.dependentSetting].length)return b({moduleName:"",settings:t.dependentSetting,plugin:""}),m(!0),void n.stopPropagation();const a=v(t.dependentPlugin);return a?(b({moduleName:"",settings:"",plugin:a}),m(!0),void n.stopPropagation()):void 0})(t,n),children:[n.label&&(0,Va.jsxs)("label",{className:"settings-form-label",htmlFor:n.key,children:[(0,Va.jsxs)("div",{className:"title",children:[n.icon&&(0,Va.jsx)("i",{className:`adminfont-${n.icon} ${n.icon}`}),n.label]}),n.settingDescription&&(0,Va.jsx)("div",{className:"settings-metabox-description",children:n.settingDescription})]},n.key),(0,Va.jsxs)("div",{className:"settings-input-content",children:[d&&u.default.isValidElement(s)?u.default.cloneElement(s,{onClick:e=>{e.stopPropagation()}}):s,w[n.key]&&(0,Va.jsx)(Ze,{uniqueKey:`error-${n.key}`,type:"error",displayPosition:"inline",message:w[n.key]}),n.desc&&(0,Va.jsx)("p",{className:"settings-metabox-description",dangerouslySetInnerHTML:{__html:n.desc}})]}),(n.proSetting&&Ra?.khali_dabba||!n.proSetting)&&n.moduleEnabled&&!x.includes(n.moduleEnabled)&&(0,Va.jsxs)("span",{className:"admin-pro-tag module",children:[(0,Va.jsx)("i",{className:`adminfont-${n.moduleEnabled}`}),String(n.moduleEnabled).split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "),(0,Va.jsx)("i",{className:"adminfont-lock"})]}),n.proSetting&&!Ra.khali_dabba&&(0,Va.jsxs)("span",{className:"admin-pro-tag",children:[(0,Va.jsx)("i",{className:"adminfont-pro-tag"}),"Pro"]})]},n.key)})})]})},Ja=t(1609),Qa=p(t(8145)),Xa=t(1609),Za=t(790),er=e=>{const{captchaValid:n,submitted:t,field:a}=e,[r,o]=(0,Xa.useState)(""),[i,l]=(0,Xa.useState)(""),[s,d]=(0,Xa.useState)(!0);return(0,Xa.useEffect)(()=>{o((()=>{const e=9e5,n=Math.floor(4294967296/e)*e;let t=0;do{t=window.crypto.getRandomValues(new Uint32Array(1))[0]}while(t>=n);return(1e5+t%e).toString()})())},[]),(0,Za.jsxs)(Za.Fragment,{children:[(0,Za.jsx)("input",{type:"text",id:"securityCode",className:"basic-input",name:"securityCode",onChange:e=>{e.preventDefault();const t=e.target.value;l(t);const a=t===r;d(a),n(a)},value:i,placeholder:a.placeholder}),(0,Za.jsxs)("p",{children:["Your security code is:"," ",r]}),!s&&(0,Za.jsx)("p",{style:{color:"red"},children:"Invalid security code, please try again."}),t&&!i&&(0,Za.jsx)("p",{style:{color:"red"},children:"Recaptcha is required."})]})},nr=t(790),tr={name:"",email:""},ar={name:"",email:""},rr={name:"",email:""},or=({label:e,fieldName:n,error:t,children:a})=>(0,nr.jsxs)("p",{className:"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide",children:[e&&(0,nr.jsx)("label",{htmlFor:n,children:e}),a,t&&(0,nr.jsx)("span",{className:"error-text",children:t})]}),ir=({options:e,onChange:n,fieldName:t="checkbox"})=>{const[a,r]=(0,Ja.useState)(e.filter(({isDefault:e})=>e));return(0,Ja.useEffect)(()=>{n(a.map(e=>e.value))},[a,n]),(0,nr.jsx)(nr.Fragment,{children:e.map(e=>{const n=`${t}_${e.value}`;return(0,nr.jsxs)("label",{htmlFor:n,className:"woocommerce-form__label woocommerce-form__label-for-checkbox",children:[(0,nr.jsx)("input",{type:"checkbox",className:"woocommerce-form__input woocommerce-form__input-checkbox",id:n,checked:!!a.find(n=>n.value===e.value),onChange:n=>((e,n)=>{const t=a.filter(n=>n.value!==e.value);n&&t.push(e),r(t)})(e,n.target.checked)}),(0,nr.jsx)("span",{children:e.label})]},n)})})},lr=({options:e,onChange:n,fieldName:t="radio"})=>{const[a,r]=(0,Ja.useState)(e.find(({isDefault:e})=>e)?.value);return(0,Ja.useEffect)(()=>{n(a)},[a,n]),(0,nr.jsx)("div",{className:"multiselect-container items-wrapper",children:e.map((e,n)=>{const o=`${t}_${e.value}`;return(0,nr.jsxs)("label",{className:"woocommerce-form__label woocommerce-form__label-for-radio","data-index":n,htmlFor:o,children:[(0,nr.jsx)("input",{type:"radio",className:"woocommerce-form__input woocommerce-form__input-radio",id:o,value:e.value,checked:a===e.value,onChange:e=>r(e.target.value)}),(0,nr.jsx)("span",{children:e.label})]},o)})})},sr=({options:e=[],onChange:n,isMulti:t=!1})=>{const[a,r]=(0,Ja.useState)(t?e.filter(({isDefault:e})=>e):e.find(({isDefault:e})=>e)||null);return(0,nr.jsx)(Qa.default,{isMulti:t,value:a,onChange:e=>{r(e),n(t?Array.isArray(e)?e.map(e=>e.value):[]:e?e.value:null)},options:e})},dr=({formFields:e,onClose:n,response:t,onSubmit:a,countryList:r,stateList:o,formMessages:i={}})=>{const[l,s]=(0,Ja.useState)({}),[d,c]=(0,Ja.useState)({}),[p,m]=(0,Ja.useState)(""),[u,g]=(0,Ja.useState)(null),[b,f]=(0,Ja.useState)(!1),[h,x]=(0,Ja.useState)(!1),[w,y]=(0,Ja.useState)(!1),v=e.formfieldlist||[],_=v.find(e=>"button"===e.type),k=v.filter(e=>"button"!==e.type).sort((e,n)=>"richtext"===e.type?1:"richtext"===n.type?-1:0),j=v.find(e=>"recaptcha"===e.type),N=j?.sitekey||null,C=(new Date).getFullYear()+"-01-01";(0,Ja.useEffect)(()=>{t&&s(t)},[t]),(0,Ja.useEffect)(()=>{if(!N)return;const e=()=>{window.grecaptcha?.ready(()=>{window.grecaptcha?.execute(N,{action:"form_submission"}).then(g).catch(()=>f(!0))})};if(window.grecaptcha)e();else{const n=document.createElement("script");n.src=`https://www.google.com/recaptcha/api.js?render=${N}`,n.async=!0,n.onload=e,n.onerror=()=>f(!0),document.body.appendChild(n)}},[N]);const S=(e,n)=>{s(t=>({...t,[e]:n})),d[e]&&c(n=>{const t={...n};return delete t[e],t})},z=e=>{x(e)},A=(e,n)=>{if(e.disabled)return null;const t=e.name??"",p=d[t],g=`${e.id}-${n}`;switch(e.type){case"title":return(0,nr.jsx)("h2",{children:e.text},g);case"section":return(0,nr.jsx)("p",{className:"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide",children:e.label},g);case"divider":return(0,nr.jsx)("p",{className:"section-divider-container"},g);case"text":if("store-phone"===e.name||"Store Phone"===e.label||"Phone"===e.label){const n=l[t]||{};return(0,nr.jsx)(or,{label:e.label,fieldName:t,error:p,children:(0,nr.jsxs)("div",{style:{display:"flex",gap:"10px"},children:[(0,nr.jsx)("div",{style:{minWidth:"140px"},children:(0,nr.jsxs)("select",{value:n.country_code||"",onChange:e=>S(t,{...n,country_code:e.target.value}),children:[(0,nr.jsx)("option",{value:"",children:"Select country code"}),Ua.map(e=>(0,nr.jsx)("option",{value:e.value,children:e.label},e.value))]})}),(0,nr.jsx)("input",{type:"text",className:"input-text",value:n.phone||"",placeholder:e.placeholder,onChange:e=>S(t,{...n,phone:e.target.value})})]})},g)}return(0,nr.jsx)(or,{label:e.label,fieldName:t,error:p,children:(0,nr.jsx)("input",{type:"text",name:e.id,className:"input-text",value:l[t]||"",placeholder:e.placeholder,onChange:e=>S(t,e.target.value),required:e.required,maxLength:e.charlimit})},g);case"email":return(0,nr.jsx)(or,{label:e.label,fieldName:t,error:p,children:(0,nr.jsx)("input",{type:"email",name:t,className:"input-text",value:l[t]||(f="email",tr?.[f]??ar?.[f]??rr?.[f])||"",placeholder:e.placeholder,onChange:e=>S(t,e.target.value),required:e.required,maxLength:e.charlimit})},g);case"textarea":return(0,nr.jsx)(or,{label:e.label,fieldName:t,error:p,children:(0,nr.jsx)("textarea",{name:e.id,className:"input-text",value:l[t]||"",placeholder:e.placeholder,onChange:e=>S(t,e.target.value),required:e.required,maxLength:e.charlimit,rows:e.row,cols:e.col})},g);case"checkboxes":const x=`checkbox_${e.id}_${e.name||n}`;return(0,nr.jsx)(or,{label:e.label,fieldName:t,error:p,children:(0,nr.jsx)(ir,{options:e.options||[],onChange:e=>S(t,e),fieldName:x})},g);case"multi-select":return(0,nr.jsx)(or,{label:e.label,fieldName:t,error:p,children:(0,nr.jsx)("div",{className:"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide",children:(0,nr.jsx)(sr,{options:e.options??[],onChange:e=>S(t,e),isMulti:!0})})},g);case"dropdown":return(0,nr.jsx)(or,{label:e.label,fieldName:t,error:p,children:(0,nr.jsx)("div",{className:"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide",children:(0,nr.jsx)(sr,{options:e.options??[],onChange:e=>S(t,e)})})},g);case"radio":const _=`radio_${e.id}_${e.name||n}`;return(0,nr.jsx)(or,{label:e.label,fieldName:t,error:p,children:(0,nr.jsx)(lr,{options:e.options??[],onChange:e=>S(t,e),fieldName:_})},g);case"recaptcha":return(0,nr.jsx)("p",{className:"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide",children:(0,nr.jsx)("div",{className:"recaptcha-wrapper",children:(0,nr.jsx)("input",{type:"hidden",name:"g-recaptcha-response",value:u,className:"input-text"})})},g);case"attachment":return(0,nr.jsx)(or,{label:e.label,fieldName:t,error:p,children:(0,nr.jsx)("input",{readOnly:!0,id:"dropzone-file",type:"file",className:"hidden",onChange:e=>((e,n)=>{const t=n.target.files?.[0];t&&(m(t.name),s(n=>({...n,[e]:t})),d[e]&&c(n=>{const t={...n};return delete t[e],t}))})(t,e)})},g);case"datepicker":return(0,nr.jsx)(or,{label:e.label,fieldName:t,error:p,children:(0,nr.jsx)("div",{className:"date-picker-wrapper",children:(0,nr.jsx)("input",{type:"date",className:"input-text",value:l[t]||C,onChange:e=>S(t,e.target.value)})})},g);case"timepicker":return(0,nr.jsx)(or,{label:e.label,fieldName:t,error:p,children:(0,nr.jsx)("input",{type:"time",className:"input-text",value:l[t]||"",onChange:e=>S(t,e.target.value)})},g);case"address":{const n=e.fields?.length?e.fields:[{key:"address",label:"Address Line 1",type:"text",required:!0},{key:"address_2",label:"Address Line 2",type:"text"},{key:"city",label:"City",type:"text",required:!0},{key:"country",label:"Country",type:"select"},{key:"state",label:"State",type:"select"},{key:"zip",label:"Postal Code",type:"text",required:!0}];return(0,nr.jsxs)("fieldset",{children:[(0,nr.jsx)("legend",{children:e.label}),n.map((e,n)=>{const t=e.key,a=l[t]??"",i=`${g}-${e.key}-${n}`;if("text"===e.type)return(0,nr.jsxs)("p",{className:"woocommerce-form-row form-row",children:[(0,nr.jsx)("label",{children:e.label}),(0,nr.jsx)("input",{type:"text",className:"input-text",value:a,placeholder:e.placeholder,required:e.required,onChange:e=>S(t,e.target.value)})]},i);if("select"===e.type){let n=[];if("country"===e.key)n=r||[];else if("state"===e.key){const e=l.country,t=o?.[e];Array.isArray(t)?n=t:t&&"object"==typeof t&&(n=Object.entries(t).map(([e,n])=>({value:e,label:String(n)})))}return(0,nr.jsxs)("p",{className:"woocommerce-form-row form-row",children:[(0,nr.jsx)("label",{children:e.label}),(0,nr.jsx)(sr,{options:n,onChange:e=>S(t,e)})]},i)}return null})]},g)}case"button":return(0,nr.jsx)("p",{className:"woocommerce-form-row form-row",children:(0,nr.jsx)("button",{className:"woocommerce-button button wp-element-button",style:e.style||{},onClick:e=>{const n=v.find(e=>"recaptcha"===e.type);(!1!==n?.disabled||!b&&u)&&(e=>{e.preventDefault();const n={},t=v.find(e=>"custom-recaptcha"===e.type);if(y(!0),t&&!h)return void c(e=>({...e,[t.label||t.id]:"Invalid security code."}));if(v.forEach(e=>{if(e.disabled||!e.name)return;const t=l[e.name];if("name"!==e.name)if("email"!==e.type){if(e.required)switch(e.type){case"text":case"email":case"textarea":case"datepicker":case"timepicker":t&&("string"!=typeof t||t.trim())||(n[e.name]=i.fieldRequired?.replace("%s",e.label||""));break;case"checkboxes":case"multi-select":Array.isArray(t)&&0!==t.length||(n[e.name]=i.fieldRequired?.replace("%s",e.label||""));break;case"dropdown":case"radio":case"attachment":t||(n[e.name]=i.fieldRequired?.replace("%s",e.label||""));break;case"richtext":t||(n[e.name]=i.termsRequired)}}else/^\S+@\S+\.([a-zA-Z]{2,})$/.test(t)||(n[e.name]=i.invalidEmail);else t&&("string"!=typeof t||t.trim())||(n[e.name]=i.fieldRequired?.replace("%s",e.label||"Store Name"))}),Object.keys(n).length)return void c(n);c({});const r={};for(const e in l){const n=l[e];null!=n&&(r[e]=n)}a(r)})(e)},children:e.label||e.placeholder||"Submit"})},g);case"richtext":return(0,nr.jsxs)("label",{className:"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide terms-checkbox",children:[(0,nr.jsx)("input",{type:"checkbox",checked:Boolean(l[t]),className:"woocommerce-form__input woocommerce-form__input-checkbox",onChange:e=>S(t,e.target.checked)}),(0,nr.jsx)("span",{className:"richtext-content",dangerouslySetInnerHTML:{__html:e.html||""}}),p&&(0,nr.jsx)("span",{className:"error-text",children:p})]},g);case"custom-recaptcha":return(0,nr.jsx)(or,{label:e.label,fieldName:t,error:p,children:(0,nr.jsx)(er,{captchaValid:z,submitted:w,field:e})},g);default:return null}var f};return(0,nr.jsxs)("form",{className:"woocommerce-form woocommerce-form-login login",children:[n&&(0,nr.jsx)("svg",{className:"close-icon",onClick:n,width:"1rem",height:"1rem",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,nr.jsx)("path",{d:"M20.7457 3.32851C20.3552 2.93798 19.722 2.93798 19.3315 3.32851L12.0371 10.6229L4.74275 3.32851C4.35223 2.93798 3.71906 2.93798 3.32854 3.32851C2.93801 3.71903 2.93801 4.3522 3.32854 4.74272L10.6229 12.0371L3.32856 19.3314C2.93803 19.722 2.93803 20.3551 3.32856 20.7457C3.71908 21.1362 4.35225 21.1362 4.74277 20.7457L12.0371 13.4513L19.3315 20.7457C19.722 21.1362 20.3552 21.1362 20.7457 20.7457C21.1362 20.3551 21.1362 19.722 20.7457 19.3315L13.4513 12.0371L20.7457 4.74272C21.1362 4.3522 21.1362 3.71903 20.7457 3.32851Z",fill:"#e71313"})}),k.map((e,n)=>A(e,n)),_&&A(_,k.length)]})},cr=t(1609),pr=t(1609),mr=t(790),ur=({search:e,results:n,onQueryUpdate:t,onResultClick:a,width:r,variant:o="default"})=>{if(!e)return null;const{placeholder:i="",options:l=[]}=e,s=l.length>0,[d,c]=(0,pr.useState)(""),[p,m]=(0,pr.useState)(s&&l.length>0?l[0].value:""),[u,g]=(0,pr.useState)(!1),[b,f]=(0,pr.useState)(!1),h=(0,pr.useRef)(null);(0,pr.useEffect)(()=>{d||g(!1)},[d]),Wa(h,()=>{"mini-search"===o&&b&&!d&&f(!1),g(!1)});const x=(e,n=p)=>{t({searchValue:e,...s&&{searchAction:n}})},w=u&&n&&n.length>0;return(0,mr.jsxs)("div",{className:"search-field",ref:h,children:[s&&(0,mr.jsx)("div",{className:"search-action",children:(0,mr.jsx)(W,{options:l,value:p,size:`${r}rem`,onChange:e=>{m(e),x(d,e)},background:"var(--theme-background-color)",color:"var(--theme-color)"})}),(0,mr.jsxs)("div",{className:"search-section",children:[(0,mr.jsx)(V,{type:"text",placeholder:i,value:d,onChange:e=>{c(e),g(!0),x(e)}}),(0,mr.jsx)("i",{className:"adminfont-search",onClick:()=>{"mini-search"===o&&(f(!b),b||setTimeout(()=>{const e=h.current?.querySelector("input");e?.focus()},100))}})]}),w&&(0,mr.jsx)(dn,{className:"search-results",items:n.map(e=>({title:e.name,desc:e.desc,icon:e.icon,action:()=>{a(e),g(!1),c(""),m(s&&l.length>0?l[0].value:""),f(!1),x("",s&&l.length>0?l[0].value:"")}}))})]})},gr=t(790),br=e=>!("type"in e),fr=({modulesArray:e={category:!1,modules:[]},apiLink:n,proPopupContent:t,pluginName:a,variant:r="default",filter:o=!0})=>{const[i,l]=(0,cr.useState)(!1),[s,d]=(0,cr.useState)("All"),[c,p]=(0,cr.useState)("All"),[m,u]=(0,cr.useState)(""),[g,b]=(0,cr.useState)(null),{modules:x,insertModule:w,removeModule:y}=Ga(),v=(0,cr.useMemo)(()=>e.modules.filter(br),[e.modules]),_=v.length,k=v.filter(e=>x.includes(e.id)).length,j=_-k,N=e=>e?Array.isArray(e)?e:[e]:[],C=[{id:"All",label:"All"},...e.modules.filter(e=>!br(e)).map(e=>({id:e.id,label:e.label}))],S=e=>{e.reqPluging?.length&&b({moduleName:e.name,plugins:e.reqPluging})},z=(0,cr.useMemo)(()=>e.modules.filter(e=>{if(!br(e))return!1;if("mini-module"===r&&!e.miniModule)return!1;const n=N(e.category),t=x.includes(e.id),a="All"===s||n.includes(s),o="All"===c||"Active"===c&&t||"Inactive"===c&&!t,i=!m||e.name.toLowerCase().includes(m.toLowerCase());return a&&o&&i}),[v,s,c,m,x]);(0,cr.useEffect)(()=>{let e=null,n=!1;const t=n=>{e&&!e.contains(n.target)&&(e.classList.remove("highlight"),e=null)};return(()=>{if(n)return;const t=window.location.hash,a=new URLSearchParams(t.replace("#&","")).get("module");a&&setTimeout(()=>{const t=document.getElementById(a);t&&(t.scrollIntoView({behavior:"smooth",block:"start"}),t.classList.add("highlight"),e=t,n=!0)},500)})(),document.addEventListener("pointerdown",t),()=>document.removeEventListener("pointerdown",t)},[]);const A=[{label:`All (${_})`,value:"All"},{label:`Active (${k})`,value:"Active"},{label:`Inactive (${j})`,value:"Inactive"}];return(0,gr.jsxs)(gr.Fragment,{children:[g&&(0,gr.jsx)(I,{position:"lightbox",open:!0,onClose:()=>b(null),width:28,header:{icon:"verification11",title:"Required plugins missing",description:"This module needs the following plugins to work."},children:(0,gr.jsxs)("div",{className:"required-popup",children:[(0,gr.jsx)("div",{className:"title",children:"Plugins required"}),g.plugins.map((e,n)=>(0,gr.jsxs)("div",{className:"item",children:[(0,gr.jsx)("span",{className:"plugin-name",children:e.name}),(0,gr.jsxs)("a",{href:e.link,target:"_blank",rel:"noopener noreferrer",className:"admin-btn btn-purple",children:[(0,gr.jsx)("i",{className:"adminfont-import"})," Install"]})]},n))]})}),i&&(0,gr.jsx)(I,{position:"lightbox",open:i,onClose:()=>l(!1),width:31.25,height:"auto",children:t&&(0,gr.jsx)(t,{})}),(0,gr.jsxs)("div",{className:"module-container","data-variant":r,children:["default"===r&&!0===o&&(0,gr.jsxs)("div",{className:"filter-wrapper",children:[(0,gr.jsx)("div",{className:"category-filter",children:e.category&&C.length>1&&C.map(e=>(0,gr.jsx)("span",{className:"category-item "+(s===e.id?"active":""),onClick:()=>d(e.id),children:e.label},e.id))}),(0,gr.jsxs)("div",{className:"module-search",children:[(0,gr.jsx)(ur,{search:{placeholder:"Search ....."},onQueryUpdate:e=>{u(e.searchValue),"searchAction"in e&&p(e.searchAction)}}),(0,gr.jsx)(W,{type:"single-select",options:A,value:c,size:8,onChange:e=>p(e)})]})]}),(0,gr.jsx)("div",{className:"module-option-row",children:z.map((e,t)=>{if(!br(e))return null;const o=e,i=x.includes(o.id),s=o.reqPluging||[],d=N(o.category),c=(0,gr.jsx)(it,{look:"toggle",type:"checkbox",value:i?[o.id]:[],onChange:e=>((e,t)=>{if(document.querySelector(".module-list-item.highlight")?.classList.remove("highlight"),!(e=>!e.proModule||(Ra.khali_dabba??!1))(t))return void l(!0);if(t.reqPluging?.some(e=>!(Array.isArray(Ra.active_plugins)&&Ra.active_plugins.includes(e.slug))))return void S(t);const r=e.length>0?"activate":"deactivate";"activate"===r?w?.(t.id):y?.(t.id),localStorage.setItem(`force_${a}_context_reload`,"true"),f(Ra,h(Ra,n),{id:t.id,action:r}).then(()=>{Qe.add({title:"Success!",message:`Module ${r}d`,type:"success",position:"float"}),t.reloadOnChange&&window.location.reload()}).catch(()=>{Qe.add({title:"Error",message:`Failed to ${r} module`,type:"error",position:"float"})})})(e,o),options:[{key:o.id,value:o.id}]});return(0,gr.jsxs)("div",{id:o.id,"data-index":t,className:"module-list-item",children:[(0,gr.jsxs)("div",{className:"module-body",children:[(0,gr.jsxs)("div",{className:"module-header",children:[(0,gr.jsx)("div",{className:"icon",children:(0,gr.jsx)("i",{className:`font adminfont-${o.id}`})}),o.proModule&&!Ra.khali_dabba&&(0,gr.jsx)("div",{className:"pro-tag",children:(0,gr.jsx)("i",{className:"adminfont-pro-tag"})}),"mini-module"===r&&(Ra.khali_dabba||!o.proModule)&&c]}),(0,gr.jsxs)("div",{className:"module-details",children:[(0,gr.jsx)("div",{className:"meta-name",children:o.name}),"default"===r&&(0,gr.jsxs)(gr.Fragment,{children:[d.length>0&&(0,gr.jsx)("div",{className:"tag-wrapper",children:d.map((e,n)=>{return(0,gr.jsx)("span",{className:"admin-badge blue",children:(t=e,t.split("_").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "))},n);var t})}),(0,gr.jsx)("div",{className:"meta-description",dangerouslySetInnerHTML:{__html:o.desc||""}})]})]})]}),"default"===r&&(0,gr.jsxs)("div",{className:"footer-wrapper",children:[s.length>0&&(0,gr.jsxs)("div",{className:"requires",children:[(0,gr.jsx)("div",{className:"requires-title",children:"Requires:"}),(0,gr.jsx)("span",{className:"link-item",onClick:()=>S(o),children:s.map(e=>e.name).join(", ")})]}),(0,gr.jsxs)("div",{className:"module-footer",children:[(0,gr.jsxs)("div",{className:"buttons",children:[o.docLink&&(0,gr.jsx)("a",{href:o.docLink,target:"_blank",rel:"noreferrer",children:(0,gr.jsx)("i",{className:"adminfont-document"})}),o.videoLink&&(0,gr.jsx)("a",{href:o.videoLink,target:"_blank",rel:"noreferrer",children:(0,gr.jsx)("i",{className:"adminfont-button-appearance"})}),o.settingsLink&&(0,gr.jsx)("a",{href:o.settingsLink,children:(0,gr.jsx)("i",{className:"adminfont-setting"})})]}),(0,gr.jsx)("div",{"data-tour":`${o.id}-showcase-tour`,children:c})]})]})]},o.id)})})]})]})},hr=t(1609),xr=t(790),wr=({column:e=!1,general:n=!1,children:t,className:a})=>(0,xr.jsx)("div",{className:`container-wrapper ${e?"column":""} ${n?"general-wrapper":""} ${a||""}`,children:t}),yr=t(790),vr=({headerIcon:e,headerTitle:n,headerDescription:t,showPremiumLink:a,buttons:r=[],headerCustomContent:o})=>n||t?(0,yr.jsxs)("div",{className:"title-section",children:[(0,yr.jsxs)("div",{className:"title-wrapper",children:[(0,yr.jsxs)("div",{className:"title",children:[e&&(0,yr.jsx)("i",{className:`title-icon adminfont-${e}`}),n]}),t&&(0,yr.jsx)("div",{className:"description",children:t})]}),a&&(0,yr.jsxs)("a",{href:a,className:"tab pro-btn",children:[(0,yr.jsx)("i",{className:"adminfont-pro-tag"}),"Upgrade",(0,yr.jsx)("i",{className:"adminfont-arrow-right"})]}),r.length>0&&(0,yr.jsx)(T,{buttons:r.map(e=>({text:e.label,icon:e.icon,color:e.color,onClick:e.onClick}))}),o&&(0,yr.jsxs)("div",{className:"title-custom-section",children:[" ",o," "]})]}):null,_r=({renderBreadcrumb:e,renderMenuItems:n,settingContent:t=[],customContent:a,action:r})=>(0,yr.jsxs)(yr.Fragment,{children:[e&&(0,yr.jsx)("div",{className:"breadcrumbs",children:e()}),n&&t.length>0&&(0,yr.jsxs)("div",{className:"tabs-wrapper",children:[(0,yr.jsx)("div",{className:"tabs-item",children:n(t)}),a&&(0,yr.jsx)("div",{className:"custom-content",children:a}),r&&(0,yr.jsx)("div",{className:"action-wrapper",children:r})]})]}),kr=e=>"file"===e.type,jr=e=>"folder"===e.type,Nr=({settingContent:e,className:n="",currentSetting:t,getForm:a,prepareUrl:r,HeaderSection:o,Link:i,settingName:l="",onNavigate:s,settingTitleSection:d,variant:c="default",menuIcon:p,action:m,headerTitle:u,headerDescription:g,headerIcon:b,showPremiumLink:f=!1,customContent:h})=>{const[x,w]=(0,hr.useState)(t),{flatContentMap:y,siblingLevelMap:v,hierarchyPathMap:_,folderToFirstFileMap:k}=(0,hr.useMemo)(()=>{const n={},t={},a={},r={},o=(e,i=[])=>{let l=null;return e.forEach(s=>{if(kr(s)){const r=s.content.id;n[r]=s.content,t[r]=e,a[r]=[...i,s],l||(l=r)}else if(jr(s)){const e=o(s.content,[...i,s]);e&&(r[s.name||""]=e,l||(l=e))}}),l};return o(e),{flatContentMap:n,siblingLevelMap:t,hierarchyPathMap:a,folderToFirstFileMap:r}},[e]),j=_[x]||[],N=y[x],C=v[x]||e,S=j.length>1,z=e=>{if(!e||e===x)return;w(e);const n=r(e);s?s(n):window.history.pushState(null,"",n)},A=(e,n)=>{if((e=>"heading"===e.type)(e))return(0,yr.jsx)("div",{className:"tab-heading",children:e.content.headerTitle},n);if(kr(e)){const n=e.content;return(0,yr.jsxs)(i,{to:r(n.id),className:"tab "+(x===n.id?"active-tab":""),onClick:e=>{0!==e.button||e.metaKey||e.ctrlKey||(e.preventDefault(),z(n.id))},children:[(0,yr.jsxs)("div",{className:"tab-name",children:[p&&n.headerIcon&&(0,yr.jsx)("i",{className:`adminfont-${n.headerIcon}`}),(0,yr.jsx)("span",{children:n.count}),n.headerTitle]}),"default"!==c&&"settings"!==c&&n.headerDescription&&(0,yr.jsx)("div",{className:"des",children:n.headerDescription})]},n.id)}if(jr(e)){const t=k[e.name||""],a=j.some(n=>n===e);return(0,yr.jsx)(i,{to:t?r(t):"#",className:"tab "+(a?"active-tab":""),onClick:e=>{!t||0!==e.button||e.metaKey||e.ctrlKey||(e.preventDefault(),z(t))},children:(0,yr.jsx)("div",{className:"tab-name",children:e.name})},n)}return null},T=e=>e.map(A);return(0,hr.useEffect)(()=>{if(t)w(t);else{const e=Object.keys(y);if(e.length>0){const n=e[0];w(n);const t=r(n);window.history.replaceState(null,"",t)}}},[t,y,r]),(0,yr.jsx)(yr.Fragment,{children:(0,yr.jsxs)("div",{className:`settings-wrapper ${n}`,"data-template":c,children:[d&&(0,yr.jsx)(yr.Fragment,{children:d}),(0,yr.jsx)(vr,{headerIcon:"default"===c?N?.headerIcon:b,headerTitle:"default"===c?N?.headerTitle:u,headerDescription:g,showPremiumLink:!Ra.khali_dabba&&f?Ra.shop_url:void 0}),(0,yr.jsx)(_r,{renderBreadcrumb:"default"===c?()=>{const e=[{name:l,id:"root",type:"root"}];return j.forEach(n=>{e.push({name:kr(n)?n.content.headerTitle:n.name||"",id:kr(n)?n.content.id:n.name||"",type:n.type})}),e.map((e,n)=>(0,yr.jsxs)("span",{children:[n>0&&" / ",(0,yr.jsx)(i,{to:"file"===e.type?r(e.id):"#",onClick:e=>((e,n)=>{if(n.preventDefault(),0===e){const e=k.root||Object.keys(y)[0];return void z(e)}const t=j[e-1];t&&(kr(t)?z(t.content.id):jr(t)&&z(k[t.name||""]))})(n,e),children:e.name})]},`${e.id}-${n}`))}:void 0,renderMenuItems:()=>T(e),settingContent:e,action:m,customContent:h}),(0,yr.jsxs)(wr,{general:!0,children:[o&&(0,yr.jsx)(o,{}),S&&(0,yr.jsx)("div",{id:"tabs-wrapper",className:"tabs-wrapper",children:(0,yr.jsx)("div",{className:"tabs-item",children:T(C)})}),(0,yr.jsxs)("div",{className:"tab-content",children:[!N||"support"===N.id||N.hideSettingHeader?null:(0,yr.jsx)(ma,{title:N.settingTitle??N.headerTitle,desc:N.settingSubTitle??N.headerDescription}),a(x)]})]})]})})},Cr=p(t(1609)),Sr=t(790),zr=({brandImg:e,results:n=[],search:t,onQueryUpdate:a,onResultClick:r,free:o,pro:i,utilityList:l=[],utilityListWithTab:s=[]})=>{const d=(0,Cr.useRef)(null),[c,p]=Cr.default.useState([]);return(0,Cr.useEffect)(()=>{(()=>{const e=document.querySelectorAll("#screen-meta + .wrap .notice, #wpbody-content .notice");if(e.length>0){const n=[];e.forEach(e=>{n.push(e.outerHTML),e.remove()}),p(n)}})()},[]),(0,Sr.jsxs)(Sr.Fragment,{children:[(0,Sr.jsx)(en,{position:"banner"}),(0,Sr.jsxs)("div",{className:"admin-header",ref:d,children:[(0,Sr.jsxs)("div",{className:"left-section",children:[(0,Sr.jsx)("img",{className:"brand-logo",src:e,alt:"Logo"}),(0,Sr.jsxs)("div",{className:"version-tag",children:[(0,Sr.jsxs)("span",{className:"admin-badge purple",children:[(0,Sr.jsx)("i",{className:"adminfont-info"})," ",(0,Sr.jsx)("b",{children:"Free:"}),o]}),(0,Sr.jsxs)("span",{className:"admin-badge red",children:[(0,Sr.jsx)("i",{className:"adminfont-pro-tag"})," Pro:",i||"Not Installed"]})]})]}),(0,Sr.jsxs)("div",{className:"right-section",children:[(0,Sr.jsx)(ur,{search:t,results:n,width:11,onQueryUpdate:a,onResultClick:r}),s.map((e,n)=>(0,Sr.jsx)(I,{position:"menu-dropdown",toggleIcon:e?.toggleIcon,tooltipName:e?.tooltipName,tooltipPosition:e?.tooltipPosition,width:24,children:e?.tabs&&(0,Sr.jsx)(St,{tabs:e.tabs})},n)),l.map((e,n)=>(0,Sr.jsx)(I,{position:"menu-dropdown",toggleIcon:e.toggleIcon,tooltipName:e?.tooltipName,tooltipPosition:e?.tooltipPosition,children:(0,Sr.jsx)(dn,{items:e.items})},n))]})]}),(0,Sr.jsx)("div",{className:"notice-wrapper wrap",children:c.length>0&&c.map((e,n)=>(0,Sr.jsxs)(Sr.Fragment,{children:[(0,Sr.jsx)("div",{dangerouslySetInnerHTML:{__html:e}},n),(0,Sr.jsx)(en,{position:"notice"})]}))}),(0,Sr.jsx)(en,{position:"float"})]})},Ar=t(1609),Tr=p(t(3743)),Er=t(4449),Lr=t(790),qr={headers:{"X-WP-Nonce":Ra.nonce}},Mr=async(e,n)=>{try{await Tr.default.post(h(Ra,"tour"),{completed:e,store_id:n},qr)}catch(e){console.error("Error updating tour status:",e)}},Dr="guided_tour_step",Ir=({steps:e,storeId:n})=>{const{setIsOpen:t,setSteps:a,setCurrentStep:r}=(0,Er.useTour)(),o=(0,Ar.useCallback)(async()=>{t(!1),sessionStorage.removeItem(Dr),await Mr(!0,n)},[t]),i=(0,Ar.useCallback)((e,n)=>{window.location.href===e?r(n):(sessionStorage.setItem(Dr,String(n)),window.location.href=e)},[r]);return(0,Ar.useEffect)(()=>{(async()=>{try{if(!(await(async e=>(await Tr.default.get(h(Ra,"tour"),{...qr,params:{store_id:e}})).data)(n)).completed){const n=sessionStorage.getItem(Dr),l=n?parseInt(n):0,s=e.map((n,t)=>{const a=t===e.length-1;return{...n,content:()=>{const e=[];return a||e.push({text:"End Tour",color:"red",onClick:o}),!a&&n.next&&e.push({text:"Next",color:"purple",onClick:()=>i(n.next.link,n.next.step)}),(a||n.finish)&&e.push({text:"Finish Tour",color:"purple",onClick:o}),(0,Lr.jsxs)("div",{className:"tour-box",children:[(0,Lr.jsx)("div",{className:"title",children:n.title}),(0,Lr.jsx)("div",{className:"desc",children:n.description}),(0,Lr.jsx)(T,{buttons:e})]})}}});a(s),r(l),t(!0)}}catch(e){console.error("Error loading tour:",e)}})()},[e,a,t,r,i,o]),null},Pr=({steps:e,storeId:n,...t})=>(0,Lr.jsx)(Er.TourProvider,{steps:[],showNavigation:!1,showPrevNextButtons:!1,showDots:!1,showBadge:!1,className:"tour-content",styles:{popover:e=>({...e,padding:"1.125rem",borderRadius:"0.313rem"})},onClickClose:({setIsOpen:e})=>{e(!1),Mr(!0,n),sessionStorage.removeItem(Dr)},onClickMask:({setIsOpen:e})=>{e(!1),Mr(!0,n),sessionStorage.removeItem(Dr)},...t,children:(0,Lr.jsx)(Ir,{steps:e,storeId:n})}),$r=t(790),Fr=({wrapperClass:e="",template:n,value:t,onChange:a,addLabel:r="Add New",emptyText:o="No items added yet",childrenRenderer:i=()=>!1,canAccess:l=!0})=>(0,$r.jsx)($r.Fragment,{children:(0,$r.jsxs)("div",{className:`repeater-field-wrapper ${e}`,children:[0===t.length?(0,$r.jsx)(Ze,{type:"info",displayPosition:"inline-notice",message:o}):t.map((e,r)=>{const o=i?.(e,r);return(0,$r.jsxs)("div",{className:"repeater-field",children:[(0,$r.jsxs)("div",{className:"field",children:[n.fields.map(n=>function(e,n,r){const o=Ha[e.type];if(!o)return null;const i=o.render,s=n?.[e.key],d=e=>{const n=[...t];n[r]={...n[r],...e},a(n)};return(0,$r.jsxs)($r.Fragment,{children:[e.label&&(0,$r.jsx)("label",{children:e.label}),(0,$r.jsx)(i,{field:{...e,onClick:e.onClick?()=>e.onClick({row:n,rowIndex:r,updateRow:d}):e.onClick},value:s,onChange:n=>{((e,n,r)=>{const o=[...t];o[e]={...o[e],[n]:r},a(o)})(r,e.key,n)},canAccess:l})]})}(n,e,r)),(0,$r.jsx)(T,{position:"left",buttons:[{icon:"delete",text:"Delete",color:"red",onClick:()=>(e=>{a(t.filter((n,t)=>t!==e))})(r)}]})]}),o&&(0,$r.jsx)("div",{className:"repeater-field-nested",children:o})]},r)}),(0,$r.jsx)(T,{position:"left",buttons:[{icon:"plus",text:r,color:"purple",onClick:()=>{const e={};n.fields.forEach(n=>{e[n.key]="file"===n.type?null:""}),a([...t,e])}}]})]})}),Br=t(790),Or=({grid:e=12,className:n="",children:t,fullHeight:a=!1,row:r=!1})=>(0,Br.jsx)("div",{className:`card-wrapper ${r?"row":""} ${n} ${a?"full-height":""}`,"data-cols":e,children:t}),Rr=t(790),Ur=({title:e,titleLink:n,avatar:t,onClick:a,descriptions:r=[],badges:o=[],amount:i,amountClassName:l="",className:s="",isLoading:d=!1,rightContent:c})=>{const p=n?(0,Rr.jsx)("a",{href:n,rel:"noopener noreferrer",children:e}):a?(0,Rr.jsx)("span",{onClick:a,children:e}):e;return(0,Rr.jsx)("div",{className:"info-item-wrapper",children:(0,Rr.jsx)("div",{className:`info-item ${s}`,children:d?(0,Rr.jsxs)(Rr.Fragment,{children:[(0,Rr.jsxs)("div",{className:"details-wrapper",children:[t&&(0,Rr.jsx)("div",{className:"avatar",children:(0,Rr.jsx)(qe,{variant:"circular",width:1.875,height:1.875})}),(0,Rr.jsxs)("div",{className:"details",children:[(0,Rr.jsxs)("div",{className:"name",children:[(0,Rr.jsx)(qe,{width:11.25,height:1.5}),o.length>0&&(0,Rr.jsx)(qe,{variant:"rectangular",width:3.75,height:1.25})]}),r&&(0,Rr.jsx)("div",{className:"des",children:(0,Rr.jsx)(qe,{width:"90%"})}),(0,Rr.jsx)("div",{className:"des",children:(0,Rr.jsx)(qe,{width:"75%"})})]})]}),void 0!==i&&(0,Rr.jsx)("div",{className:"right-details",children:(0,Rr.jsx)("div",{className:"price",children:(0,Rr.jsx)(qe,{width:4.375})})})]}):(0,Rr.jsxs)(Rr.Fragment,{children:[(0,Rr.jsxs)("div",{className:"details-wrapper",children:[(()=>{if(!t)return null;const n=t.image?(0,Rr.jsx)("img",{src:t.image,alt:e}):t.iconClass?(0,Rr.jsx)("i",{className:`adminfont-${t.iconClass}`}):(0,Rr.jsx)("span",{className:`adminfont-${t.iconClass}`,children:t.text});return(0,Rr.jsx)("div",{className:"avatar",children:t.link?(0,Rr.jsx)("a",{href:t.link,target:"_blank",rel:"noopener noreferrer",children:n}):n})})(),(0,Rr.jsxs)("div",{className:"details",children:[(0,Rr.jsxs)("div",{className:"name",children:[p,o.map((e,n)=>(0,Rr.jsx)("span",{className:`admin-badge ${e.className}`,onClick:e.onClick,children:e.text},n))]}),r.map((e,n)=>(0,Rr.jsxs)("div",{className:"des",children:[e.label&&e.value&&(0,Rr.jsxs)(Rr.Fragment,{children:[e.boldLabel?(0,Rr.jsx)("b",{children:e.label}):e.label,": "]}),e.value]},n))]})]}),void 0!==i&&(0,Rr.jsx)("div",{className:"right-details",children:(0,Rr.jsx)("div",{className:`price ${l}`,children:i})}),c&&(0,Rr.jsx)("div",{className:"right-content",children:c})]})})})},Wr=t(790),Hr=({data:e,variant:n="default",cols:t,isLoading:a=!1})=>(0,Wr.jsx)("div",{className:"analytics-container "+(t?"flex-wrap":""),"data-template":n,children:e.map((e,r)=>(0,Wr.jsxs)("div",{className:`analytics-item ${t?`col-${t}`:""} ${e.colorClass||""}`,children:[(0,Wr.jsx)("div",{className:"analytics-icon",children:a?(0,Wr.jsx)(qe,{width:3.75,height:3.75}):e.icon&&(0,Wr.jsx)("i",{className:`adminfont-${e.icon} ${e.iconClass||""}`})}),(0,Wr.jsxs)("div",{className:"details",children:[(0,Wr.jsx)("div",{className:"number",children:a?(0,Wr.jsx)(qe,{width:5}):e.number}),(0,Wr.jsx)("div",{className:"text",children:a?(0,Wr.jsx)(qe,{width:6.25}):e.text}),"dashboard"===n&&(0,Wr.jsx)("div",{className:"report",children:a?(0,Wr.jsx)(qe,{width:3.75}):e.extra})]})]},r))}),Gr=t(790),Kr=({icon:e="info",iconColor:n="red",title:t,desc:a,buttonText:r,buttonLink:o,buttonTarget:i="_self",onButtonClick:l,className:s=""})=>(0,Gr.jsxs)("div",{className:`permission-wrapper ${s}`,children:[(0,Gr.jsx)("i",{className:`adminfont-${e} ${n}`}),(0,Gr.jsx)("div",{className:"title",children:t}),a&&(0,Gr.jsx)("div",{className:"desc",children:a}),r&&(o?(0,Gr.jsx)("a",{href:o,target:i,rel:"_blank"===i?"noopener noreferrer":"",className:"admin-btn btn-purple",children:r}):(0,Gr.jsx)("div",{className:"admin-btn btn-purple",role:"button",onClick:()=>{l&&l()},children:r}))]}),Vr=t(1609),Yr=t(790),Jr={settingName:"",setting:{}},Qr=(0,Vr.createContext)(void 0),Xr=(e,n)=>{switch(n.type){case"SET_SETTINGS":return{...n.payload};case"UPDATE_SETTINGS":{const{key:t,value:a}=n.payload,r={...e.setting,[t]:a};return{...e,setting:r}}case"CLEAR_SETTINGS":return{settingName:"",setting:{}};default:return e}},Zr=({children:e})=>{const[n,t]=(0,Vr.useReducer)(Xr,Jr);return(0,Yr.jsx)(Qr.Provider,{value:{...n,setSetting:(e,n)=>{t({type:"SET_SETTINGS",payload:{settingName:e,setting:n}})},updateSetting:(e,n)=>{t({type:"UPDATE_SETTINGS",payload:{key:e,value:n}})},clearSetting:()=>{t({type:"CLEAR_SETTINGS"})}},children:e})},eo=()=>{const e=(0,Vr.useContext)(Qr);if(!e)throw new Error("useSetting must be used within a SettingProvider");return e},no=(e={})=>Object.entries(e).map(([e,n])=>{if(null==n)return"";const t=e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase());return"number"==typeof n?`${t}:${n}rem`:`${t}:${n}`}).filter(Boolean).join(";"),to=e=>e.map(ao).join(""),ao=e=>{const n=no(e.style);switch(e.type){case"heading":return`<h${e.level||1} style="${n}">\n                ${e.text||""}\n            </h${e.level||1}>`;case"richtext":return`<div style="${n}">\n                ${e.html||""}\n            </div>`;case"image":return`<img src="${e.src||""}" alt="${e.alt||""}" style="${n}" />`;case"button":return`<a href="${e.url||"#"}" style="${n};display:inline-block;text-decoration:none;">\n                ${e.text||"Click"}\n            </a>`;case"divider":return`<hr style="${n}" />`;case"columns":return ro(e);case"section":return`<div style="${n}">\n                ${(e.columns||[]).flat().map(ao).join("")}\n            </div>`;default:return""}},ro=e=>{const n=e.columns||[];return`\n        <table width="100%" cellpadding="0" cellspacing="0" style="${no(e.style)}">\n            <tr>\n                ${n.map(e=>`\n                    <td valign="top" style="padding:10px;">\n                        ${e.map(ao).join("")}\n                    </td>\n                `).join("")}\n            </tr>\n        </table>\n    `},oo=Date.now(),io=()=>oo++,lo=e=>{const n=(new DOMParser).parseFromString(e,"text/html"),t=[];return Array.from(n.body.children).forEach(e=>{const n=so(e);n&&t.push(n)}),t},so=e=>{if(3===e.nodeType){const n=e.textContent.trim();return n?{id:io(),type:"richtext",html:n}:null}if(1!==e.nodeType)return null;const n=e.tagName.toLowerCase();switch(n){case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":return{id:io(),type:"heading",level:parseInt(n[1]),text:e.textContent,style:po(e)};case"div":case"p":return{id:io(),type:"richtext",html:e.innerHTML.trim(),style:po(e)};case"img":return{id:io(),type:"image",src:e.getAttribute("src"),alt:e.getAttribute("alt"),style:po(e)};case"a":return{id:io(),type:"button",text:e.textContent,url:e.getAttribute("href"),style:po(e)};case"hr":return{id:io(),type:"divider",style:po(e)};case"table":return co(e);default:return null}},co=e=>{const n=Array.from(e.querySelectorAll("tr"));if(!n.length)return null;const t=[],a=n[0];return Array.from(a.children).forEach((e,n)=>{const a=[];e.childNodes.forEach(e=>{const n=so(e);n&&a.push(n)}),t.push(a)}),{id:io(),type:"columns",layout:String(t.length),columns:t,style:po(e)}},po=e=>{const n={},t=e.getAttribute("style");return t?(t.split(";").forEach(e=>{const[t,a]=e.split(":");if(!t||!a)return;const r=t.trim().replace(/-([a-z])/g,(e,n)=>n.toUpperCase());n[r]=a.trim().replace("rem","")}),n):n},mo=p(t(1609)),uo=t(1609),go=t(1609),bo=t(790),fo=({row:e,rowActions:n})=>{const[t,a]=(0,go.useState)(!1),r=n.length<=2,o=(0,go.useRef)(null);Wa(o,()=>{t&&a(!1)});const i=n=>"function"==typeof n.label?n.label(e):n.label,l=n=>"function"==typeof n.icon?n.icon(e):n.icon;return(0,bo.jsx)("div",{className:"table-action",ref:o,children:r?(0,bo.jsx)("div",{className:"inline-actions",children:n.map((n,t)=>(0,bo.jsx)(M,{text:i(n),children:(0,bo.jsx)("i",{onClick:()=>n.onClick(e),className:`adminfont-${l(n)}`})},t))}):(0,bo.jsxs)("div",{className:"action-icons",children:[(0,bo.jsx)("i",{className:"adminfont-more-vertical",onClick:()=>a(e=>!e)}),(0,bo.jsx)("div",{className:"action-dropdown "+(t?"show":"hover"),children:(0,bo.jsx)("ul",{children:n.map((n,t)=>(0,bo.jsxs)("li",{onClick:()=>{n.onClick(e),a(!1)},children:[(0,bo.jsx)("i",{className:`adminfont-${l(n)}`}),(0,bo.jsx)("span",{className:"tooltip-name",children:i(n)})]},t))})})]})})},ho=t(790),xo=(e={},n={},t="",a={})=>{let r=e[n.key];if(!n?.type)return r??null;switch(n.type){case"status":{const t=String(r).toLowerCase().split(/[-_]/).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "),a="function"==typeof n.statusClass?n.statusClass(e):n.statusClass;return(0,ho.jsx)("span",{className:`admin-badge badge-${String(a).toLowerCase()}`,children:t})}case"date":{if(!r)return null;const e=new Date(r);if(isNaN(e.getTime()))return(0,ho.jsx)("span",{children:r});const n={YYYY:String(e.getFullYear()),YY:String(e.getFullYear()).slice(-2),MMMM:e.toLocaleString(void 0,{month:"long"}),MMM:e.toLocaleString(void 0,{month:"short"}),MM:String(e.getMonth()+1).padStart(2,"0"),DD:String(e.getDate()).padStart(2,"0"),D:String(e.getDate()),HH:String(e.getHours()).padStart(2,"0"),mm:String(e.getMinutes()).padStart(2,"0"),ss:String(e.getSeconds()).padStart(2,"0")},a=(t||"YYYY-MM-DD").replace(/YYYY|YY|MMMM|MMM|MM|DD|D|HH|mm|ss/g,e=>n[e]??e);return(0,ho.jsx)("span",{children:a})}case"currency":{null!=r&&""!==r||(r=0);const e="number"==typeof r?r:parseFloat(r.toString().replace(/[^0-9.-]+/g,""));if(isNaN(e))return(0,ho.jsx)("span",{children:r});const{currencySymbol:n,priceDecimals:t,decimalSeparator:o,thousandSeparator:i,currencyPosition:l}=a,s=Number(t??2),d=e.toFixed(s).split(".");d[0]=d[0].replace(/\B(?=(\d{3})+(?!\d))/g,i??",");const c=s>0?d.join(o??"."):d[0];let p;return p="left"===l?`${n}${c}`:"left_space"===l?`${n} ${c}`:"right"===l?`${c}${n}`:"right_space"===l?`${c} ${n}`:`${n}${c}`,p}case"content":{const e=String(r??"").replace(/<[^>]*>/g," ").replace(/&nbsp;/gi," ").replace(/&lt;/gi,"<").replace(/&gt;/gi,">").replace(/&quot;/gi,'"').replace(/&#39;/gi,"'").replace(/&amp;/gi,"&").replace(/\s+/g," ").trim();return e.length>30?`${e.slice(0,30)}…`:e}default:return r??null}},wo=t(790),yo=({header:e,cell:n,isEditing:t,onSave:a})=>{const r=n.value;if(!t)return(0,wo.jsx)(wo.Fragment,{children:n.display??r});switch(e.editType){case"toggle":return(0,wo.jsx)("input",{type:"checkbox",defaultChecked:Boolean(r),onChange:e=>a(e.target.checked),autoFocus:!0});case"select":return(0,wo.jsx)("select",{defaultValue:String(r),onBlur:e=>a(e.target.value),autoFocus:!0,children:e.options?.map(e=>(0,wo.jsx)("option",{value:e.value,children:e.label},e.value))});default:return(0,wo.jsx)("input",{type:"text",defaultValue:String(r??""),onBlur:e=>a(e.target.value),autoFocus:!0})}},vo=p(t(318)),_o=t(790),ko="asc",jo="desc",No=({headers:e={},rows:n=[],className:t="",onSort:a=()=>{},emptyMessage:r,query:o={},ids:i=[],selectedIds:l=[],onSelectRow:s,onSelectAll:d,classNames:c="",onCellEdit:p,isLoading:m,enableBulkSelect:u=!1,format:g,currency:b,onRowReorder:f,expandable:h=!1})=>{const x=(0,uo.useRef)(null),[w,y]=(0,uo.useState)(!1),[v,_]=(0,uo.useState)(!1),[k,j]=(0,uo.useState)([]),N=(0,uo.useMemo)(()=>{if(o.orderby)return o.orderby;const n=Object.entries(e).find(([,e])=>e.defaultSort);return n?.[0]},[o.orderby,e]),C=(0,uo.useMemo)(()=>{if(o.order)return o.order;const n=Object.entries(e).find(([e])=>e===N);return n?.[1]?.defaultOrder??jo},[o.order,e,N]),S=n.length>0,z=(0,uo.useMemo)(()=>i.length>0&&i.every(e=>l.includes(e)),[i,l]),A=v||w?0:null,T=(0,uo.useCallback)(()=>{const e=x.current;if(!e)return;const{scrollLeft:n,scrollWidth:t,clientWidth:a}=e;if(!(t>a))return _(!1),void y(!1);_(n>0),y(n+a<t)},[]);(0,uo.useEffect)(()=>{T();const e=()=>requestAnimationFrame(T);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[e,n,T]);const E=(0,uo.useCallback)(e=>{let n=jo;N===e&&(n=C===ko?jo:ko),a(e,n)},[N,C,a]),L=(0,uo.useCallback)(()=>{d?.(!z)},[z,d]),q=(0,uo.useCallback)(e=>{const n=i[e],t=l.includes(n);s?.(n,!t)},[i,l,s]),M=e=>e?(0,_o.jsx)("i",{className:`adminfont-${C===ko?"arrow-up":"arrow-down"} sort-icon`}):(0,_o.jsx)("i",{className:"adminfont-arrow-down-up sort-icon"}),D={nodeSelector:f?"tbody tr":"",onDragEnd:(e,n)=>{e===n||n<0||f?.(e,n)}};return(0,_o.jsx)("div",{ref:x,className:`table-wrapper ${c}`,tabIndex:A,role:"group",onScroll:T,children:(0,_o.jsx)(vo.default,{...D,enableScroll:!!f,children:(0,_o.jsxs)("table",{className:"admin-table",children:[(0,_o.jsx)("thead",{className:"admin-table-header",children:(0,_o.jsxs)("tr",{className:"header-row",children:[h&&(0,_o.jsx)("th",{className:"header-col expand"}),u&&(0,_o.jsx)("th",{className:"header-col select",children:(0,_o.jsx)("input",{type:"checkbox",checked:z,onChange:L})}),f&&(0,_o.jsx)("td",{className:"admin-column drag"}),Object.entries(e).map(([e,n],t)=>{const{label:a,isSortable:r,isNumeric:o,screenReaderLabel:i}=n,l=N===e,s=["header-col",r&&"sortable",l&&"sorted",o&&"numeric",n.type].filter(Boolean).join(" ");return(0,_o.jsx)("th",{className:s,"aria-sort":r&&l?C===ko?"ascending":"descending":null,style:n.width?{minWidth:"number"==typeof n.width?`${n.width}rem`:n.width}:{},children:r?(0,_o.jsxs)("div",{onClick:S?()=>E(n.key):null,className:"sort-button",children:[a,M(l)]}):(0,_o.jsxs)(uo.Fragment,{children:[a,i&&(0,_o.jsx)("span",{className:"screen-reader-only",children:i})]})},e||t)})]})}),(0,_o.jsx)("tbody",{className:"admin-table-body",children:m?Array.from({length:Number(o.per_page)||5}).map((n,t)=>(0,_o.jsxs)("tr",{className:"admin-row",children:[u&&(0,_o.jsx)("td",{className:"admin-column select",children:(0,_o.jsx)(qe,{width:1.25,height:1.25})}),f&&(0,_o.jsx)("td",{className:"admin-column drag",children:(0,_o.jsx)(qe,{width:1,height:1})}),Object.entries(e).map(([e],n)=>(0,_o.jsx)("td",{className:"admin-column",children:(0,_o.jsx)(qe,{width:"100%"})},e||n))]},t??n.id)):S?n.map((n,a)=>(0,_o.jsxs)(uo.Fragment,{children:[(0,_o.jsxs)("tr",{className:"admin-row",children:[h&&(0,_o.jsx)("td",{className:"admin-column expand",children:n.variation?.length>0&&(0,_o.jsx)("i",{className:"adminfont-"+(k.includes(n.id)?"arrow-down":"arrow-right"),onClick:()=>j(e=>e.includes(n.id)?e.filter(e=>e!==n.id):[...e,n.id])})}),u&&(0,_o.jsx)("td",{className:"admin-column select",children:(0,_o.jsx)("input",{type:"checkbox",checked:l.includes(n.id),onChange:()=>q(a)})}),f&&(0,_o.jsx)("td",{className:"admin-column drag",children:(0,_o.jsx)("i",{className:"adminfont-move"})}),Object.entries(e).map(([e,a],r)=>{const o=n.id,i=n[a.key]||n[e];if("function"==typeof a.render)return(0,_o.jsx)("td",{className:`admin-column ${t} ${a?.type||""}`,style:a.width?{minWidth:"number"==typeof a.width?`${a.width}rem`:a.width}:{},children:a.render(n)},`${o}-${r}`);if("action"===a.type)return(0,_o.jsx)("td",{className:"admin-column action",children:(0,_o.jsx)(fo,{row:n,rowActions:a.actions})},`action-${o}`);let l=xo(n,a,g,b);return(0,_o.jsx)("td",{className:`admin-column ${t} ${a?.type||""}`,children:a.isEditable?yo({header:a,cell:i,isEditing:!1,onSave:p}):l},`${o}-${r}`)})]},n.id??a),h&&k.includes(n.id)&&n.variation?.map(n=>(0,_o.jsxs)("tr",{className:"admin-row variation-row",children:[(0,_o.jsx)("td",{className:"admin-column expand"}),Object.entries(e).map(([e,a],r)=>(0,_o.jsx)("td",{className:`admin-column ${t} ${a?.type||""}`,children:"function"==typeof a.render?a.render(n):xo(n,a,g,b)},`${n.id}-${r}`))]},n.id))]},n.id??a)):(0,_o.jsx)("tr",{className:"admin-row",children:(0,_o.jsx)(Kr,{title:r||"No data to display"})})})]})})})},Co=t(1609),So=t(790),zo=[10,25,50,75,100],Ao=({page:e,perPage:n,total:t,onPageChange:a=()=>{},onPerPageChange:r=()=>{},showPagePicker:o=!0,showPerPagePicker:i=!0,showPageArrowsLabel:l=!0,perPageOptions:s=zo})=>{const[d,c]=(0,Co.useState)(e),p=Math.ceil(t/n);(0,Co.useEffect)(()=>{c(e)},[e]);const m=0===t?0:(e-1)*n+1,u=Math.min(e*n,t),g=(e,n)=>{e<1&&(e=1),e>p&&(e=p),a(e,n)},b=l&&t>0&&(0,So.jsxs)("span",{className:"show-section",role:"status","aria-live":"polite",children:["Showing ",m," to ",u," of ",t," entries."]}),f=(0,So.jsxs)("div",{className:"showing-number",children:["Show",(0,So.jsx)(W,{value:n,options:s.map(e=>({value:e,label:e})),onChange:n=>{(n=>{r(n);const o=Math.ceil(t/n);e>o&&a(o,"goto")})(n)}}),"entries"]});if(p<=1)return(0,So.jsxs)("div",{className:"pagination-number-wrapper",children:[b,t>s[0]&&f]});const h=(()=>{const n=[];if(p<=6){for(let e=1;e<=p;e++)n.push(e);return n}n.push(1,2);let t=e-1,a=e+1;t=Math.max(t,3),a=Math.min(a,p-2),t>3&&n.push("...");for(let e=t;e<=a;e++)n.push(e);return a<p-2&&n.push("..."),n.push(p-1,p),n})();return(0,So.jsxs)(So.Fragment,{children:[(0,So.jsxs)("div",{className:"pagination-number-wrapper",children:[b,i&&f]}),o&&(0,So.jsxs)("div",{className:"pagination-number-wrapper",children:["Go to page",(0,So.jsx)(V,{type:"number",minNumber:1,maxNumber:p,value:d,inputClass:"pagination-page-picker-input",onChange:e=>c(e),onBlur:n=>{const t=Number(n.target.value);Number.isFinite(t)&&t>=1&&t<=p?g(t,"goto"):c(e)},onClick:e=>e.currentTarget.select()}),(0,So.jsxs)("div",{className:"pagination-arrow",children:[(0,So.jsx)("span",{className:e<=1?"pagination-button-disabled":"",onClick:()=>g(1,"first"),"aria-label":"First Page",children:(0,So.jsx)("i",{className:"admin-font adminfont-pagination-prev-arrow"})}),(0,So.jsx)("span",{className:e<=1?"pagination-button-disabled":"",onClick:()=>g(e-1,"previous"),"aria-label":"Previous Page",children:(0,So.jsx)("i",{className:"admin-font adminfont-pagination-left-arrow"})}),(0,So.jsx)("div",{className:"pagination",children:h.map((n,t)=>"number"==typeof n?(0,So.jsx)(T,{buttons:{text:String(n),color:e===n?"purple-bg":"white",onClick:()=>g(n)}},t):(0,So.jsx)("span",{className:"pagination-ellipsis",children:n},t))}),(0,So.jsx)("span",{className:e>=p?"pagination-button-disabled":"",onClick:()=>g(e+1,"next"),"aria-label":"Next Page",children:(0,So.jsx)("i",{className:"admin-font adminfont-pagination-right-arrow"})}),(0,So.jsx)("span",{className:e>=p?"pagination-button-disabled":"",onClick:()=>g(p,"last"),"aria-label":"Last Page",children:(0,So.jsx)("i",{className:"admin-font adminfont-pagination-next-arrow"})})]})]})]})},To=t(790),Eo=({actions:e=[],selectedIds:n,onApply:t,onClearSelection:a,onSelectCsvDownloadApply:r,onToggleSelectAll:o,totalIds:i,showDropdown:l=!0})=>{const s=i.length>0&&n.length===i.length;return(0,To.jsx)("div",{className:"table-filter-wrapper",children:(0,To.jsxs)("div",{className:"table-filter bulk",children:[(0,To.jsxs)("span",{className:"action-item count",children:[n.length," Rows selected",(0,To.jsx)("i",{onClick:a,className:"adminfont-close"})]}),(0,To.jsx)("div",{className:"action-item",children:(0,To.jsxs)("div",{className:"admin-btn",onClick:()=>o(!s),children:[" ",s?"Deselect All":"Select All"]})}),l&&e.length>0&&t&&(0,To.jsx)("div",{className:"group-field",children:(0,To.jsx)(W,{options:e,value:"",placeholder:"Bulk Actions",disabled:0===n.length,onChange:e=>{e&&t(String(e))}})}),r&&(0,To.jsx)(T,{buttons:{text:"CSV",icon:"download",disabled:0===n.length,onClick:()=>r(n)}})]})})},Lo=t(790),qo=({filters:e,query:n,onFilterChange:t,rows:a,onResetFilters:r,format:o})=>{if(!a||0===a.length&&0===Object.keys(n).length)return null;const i=Object.values(n||{}).some(e=>Array.isArray(e)?e.length:e);return(0,Lo.jsxs)("div",{className:"table-filter-wrapper",children:[(0,Lo.jsxs)("div",{className:"table-filter",children:[(0,Lo.jsxs)("span",{className:"title",children:[(0,Lo.jsx)("i",{className:"adminfont-filter"}),"Filter"]}),e.map(e=>{const a=n[e.key];if("date"===e.type){const n=a||(()=>{const e=new Date;return e.setMonth(e.getMonth()-1),{startDate:e,endDate:new Date}})();return(0,Lo.jsx)("div",{className:"group-field",children:(0,Lo.jsx)(le,{value:n,onChange:n=>{n&&t(e.key,n)},format:o})},e.key)}const r=e.options?.map(e=>({label:e.label,value:String(e.value)}))||[];return(0,Lo.jsx)("div",{className:"group-field",children:(0,Lo.jsx)(W,{type:e.multiple?"multi-select":"single-select",options:r,value:a,size:`${e.size}rem`,placeholder:`Select ${e.label}`,onChange:n=>{t(e.key,n)}})},e.key)})]}),i&&(0,Lo.jsx)(T,{buttons:{text:"Reset",icon:"refresh",color:"red",onClick:r}})]})},Mo=t(790),Do=({actions:e=[],query:n})=>{if(!e.length)return null;const t=e.map(e=>({text:e.label,icon:e.icon,color:e.color||"",onClick:()=>{e.onClickWithQuery&&n?e.onClickWithQuery(n):e.onClick?.()}}));return(0,Mo.jsx)(T,{buttons:t,position:"left"})},Io=t(790),Po=({className:e="",search:n,headers:t={},ids:a=[],isLoading:r=!1,onColumnsChange:o,onSort:i,bulkActions:l=[],onBulkActionApply:s,rows:d=[],showMenu:c=!0,emptyMessage:p,summary:m,title:u,totalRows:g=0,categoryCounts:b=[],activeCategory:f="all",languageFilterCounts:h=[],activeLanguageFilter:x="all",filters:w=[],showColumnToggleIcon:y=!0,onSelectCsvDownloadApply:v,onCellEdit:_,buttonActions:k,format:j,onRowReorder:N,currency:C,expandable:S,...z})=>{const[A,T]=(0,mo.useState)([]),[E,L]=(0,mo.useState)(g),[q,M]=(0,mo.useState)({orderby:"",order:"desc",paged:1,per_page:10,filter:{},categoryFilter:f,languageFilter:x}),D=e=>(n,t)=>{M(a=>({...a,[e]:"paged"===e||"per_page"===e?Number(n):n,order:"sort"===e?t:a.order,orderby:"sort"===e?n:a.orderby}))},P=mo.default.useMemo(()=>b&&Array.isArray(b)?b.filter(e=>e&&e.count>0):[],[b]),$=mo.default.useMemo(()=>h&&Array.isArray(h)?h.filter(e=>e&&e.count>0):[],[h]);(0,mo.useEffect)(()=>{z.onQueryUpdate?.(q)},[q]),(0,mo.useEffect)(()=>{L(g)},[g]);const[F,B]=(0,mo.useState)(((e={})=>Object.entries(e).filter(([e,n])=>!1!==n.visible).map(([e])=>e))(t)),O=e=>{let n;if(F.includes(e)){if(F.length<=1)return;if(q.orderby===e){const e=Object.entries(t).find(([e,n])=>n.defaultSort);e&&D("sort")(e[0],"desc")}n=F.filter(n=>n!==e)}else n=[...F,e];B(n),o?.(n,e)},R=Object.entries(t).filter(([e,n])=>F.includes(e)&&!1!==n.tableDisplay).map(([e,{...n}])=>({key:e,...n}));return(0,Io.jsxs)("div",{className:`admin-table-wrapper ${e}`,children:[u&&(0,Io.jsx)("div",{className:"table-card-header",children:(0,Io.jsx)("div",{className:"title",children:u})}),(P.length>0||k||n||c&&y)&&(0,Io.jsxs)("div",{className:"admin-top-filter",children:[(P.length>0||$.length>0)&&(0,Io.jsx)(Io.Fragment,{children:(0,Io.jsxs)("div",{className:"top-filter-wrapper",children:[P.length>0&&(0,Io.jsx)("div",{className:"filters category",children:P.map(({label:e,value:n,count:t})=>(0,Io.jsxs)("div",{className:"filter-item "+((q.categoryFilter||f)===n?"active":""),onClick:()=>(e=>{if(b&&Array.isArray(b)){const n=b.find(n=>n&&n.value===e);L(n?.count??0)}M(n=>({...n,paged:1,categoryFilter:e}))})(n),children:[e," (",t,")"]},n))}),$.length>0&&(0,Io.jsx)("div",{className:"filter language",children:$.map(({label:e,value:n,count:t})=>(0,Io.jsxs)("div",{className:"filter-item "+((q.languageFilter||x)===n?"active":""),onClick:()=>(e=>{M(n=>({...n,paged:1,languageFilter:e}))})(n),children:[e," (",t,")"]},n))})]})}),(0,Io.jsxs)("div",{className:"table-action-wrapper",children:[k&&(0,Io.jsx)(Do,{actions:k,query:q}),n&&(0,Io.jsx)(ur,{search:{placeholder:n.placeholder,options:n.options},width:n.size,onQueryUpdate:e=>{D("searchValue")(e.searchValue),"searchAction"in e&&D("searchAction")(String(e.searchAction))}}),c&&y&&(0,Io.jsx)(I,{position:"menu-dropdown",toggleIcon:"more-vertical",tooltipName:"Manage display",tooltipPosition:"end",children:(0,Io.jsx)(dn,{className:"default table-menu",items:Object.entries(t).filter(([e,n])=>!n.required).map(([e,n])=>({id:e,title:n.label,action:()=>O(e),tags:(0,Io.jsx)("input",{type:"checkbox",checked:F.includes(e),onChange:n=>{n.stopPropagation(),O(e)}})}))})})]})]}),(0,Io.jsx)(No,{rows:d,headers:R,query:q,onSort:i||D("sort"),ids:a,onRowReorder:N,selectedIds:A,onSelectRow:(e,n)=>{T(t=>n?[...t,e]:t.filter(n=>n!==e))},onSelectAll:e=>{T(e?[...a]:[])},onCellEdit:_,enableBulkSelect:l.length>0||!!v,emptyMessage:p,isLoading:r,format:j,currency:C,expandable:S}),E>0&&(0,Io.jsx)("div",{className:"admin-pagination",children:r?(0,Io.jsx)(qe,{width:"100%"}):(0,Io.jsxs)(mo.Fragment,{children:[(0,Io.jsx)(Ao,{page:Number(q.paged),perPage:Number(q.per_page),total:E,onPageChange:(e,n)=>{z.onPageChange?.(e,n),D("paged")(String(e),n)},onPerPageChange:e=>D("per_page")(String(e))}),m&&(0,Io.jsx)("ul",{className:"table-summary",role:"complementary",children:m.map(({label:e,value:n},t)=>(0,Io.jsxs)("li",{className:"table-summary-item",children:[(0,Io.jsx)("span",{className:"table-summary-value",children:n}),(0,Io.jsx)("span",{className:"table-summary-label",children:e})]},t))})]})}),(0,Io.jsxs)("div",{className:"filter-wrapper",children:[A.length<=1&&w.length>0&&(0,Io.jsx)(qo,{filters:w,query:q.filter||{},onFilterChange:(e,n)=>{M(t=>({...t,paged:1,filter:{...t.filter,[e]:n}}))},rows:d,onResetFilters:()=>M(e=>({...e,filter:{},paged:1})),format:j}),A.length>1&&(l.length>0||v)&&(0,Io.jsx)(Eo,{actions:l,selectedIds:A,onApply:e=>{s?.(e,A),T([])},onClearSelection:()=>T([]),onSelectCsvDownloadApply:v,totalIds:a,onToggleSelectAll:e=>T(e?[...a]:[]),showDropdown:l.length>0})]})]})},$o=e=>Array.isArray(e)?e:[],Fo=(e,n)=>{const t=[];if(Array.isArray(e)&&Array.isArray(n))for(const a of e){if("folder"===a.type){const e=Fo(a.content,n);e.length&&t.push({...a,content:e});continue}n.includes(a.content.id)&&t.push(a)}return t},Bo=e=>{const n=[];return Array.isArray(e)&&e.forEach(e=>{if("folder"===e.type)return e.content=Bo(e.content),void(e.content.length&&n.push(e));const t=e.content;t.pro_dependent||t.module_dependent||n.push(e)}),n},Oo=(e,n=[])=>$o([...Bo(e),...Fo(e,n)]),Ro=(e,n)=>{if(Array.isArray(e))for(const t of e){if("folder"===t.type){const e=Ro(t.content,n);if(e)return e;continue}const e=t.content;if(e.id===n)return e}return null},Uo=(e,n,t)=>{if(!e.module_dependent)return!0;if(t.includes(e.id)){if(!e.pro_dependent)return!0;if(n)return!0}return!1}},8239(e,n,t){"use strict";var a=t(4877),r=t.n(a),o=t(798),i=t.n(o),l=t(7973),s=t.n(l),d=new URL(t(2672),t.b),c=new URL(t(6420),t.b),p=new URL(t(9464),t.b),m=i()(r());m.push([e.id,"@import url(https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap);"]);var u=s()(d),g=s()(c),b=s()(p);m.push([e.id,`@charset "UTF-8";\n\n/* src/styles/fonts.scss */\n@font-face {\n  font-family: adminfonts;\n  src:\n    url(${u}),\n    url(${g}) format("truetype"),\n    url(${b}) format("woff");\n  font-weight: normal;\n  font-style: normal;\n  font-display: block;\n}\n[class^=adminfont-],\n[class*=" adminfont-"],\ninput::before,\n.adminfonts,\n.notification-icon::before {\n  font-family: adminfonts, sans-serif !important;\n  speak: never;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  display: inline-block;\n}\n.adminfont-subscriber:before {\n  content: "\\e977";\n}\n.adminfont-reply:before {\n  content: "\\e900";\n}\n.adminfont-replace:before {\n  content: "\\e901";\n}\n.adminfont-shortcode:before {\n  content: "\\e902";\n}\n.adminfont-cart:before {\n  content: "\\8907";\n}\n.adminfont-person:before {\n  content: "\\e520";\n}\n.adminfont-tools:before {\n  content: "\\e700";\n}\n.adminfont-supervised-user-circle:before {\n  content: "\\e702";\n}\n.adminfont-vpn-key:before {\n  content: "\\e704";\n}\n.adminfont-user-circle:before {\n  content: "\\e800";\n}\n.adminfont-error:before {\n  content: "\\e802";\n}\n.adminfont-security:before {\n  content: "\\e803";\n}\n.adminfont-storefront:before {\n  content: "\\e804";\n}\n.adminfont-editor-list:before {\n  content: "\\e805";\n}\n.adminfont-search:before {\n  content: "\\e806";\n}\n.adminfont-info:before {\n  content: "\\e807";\n}\n.adminfont-check:before {\n  content: "\\e809";\n}\n.adminfont-smile-o:before {\n  content: "\\e80a";\n}\n.adminfont-close:before {\n  content: "\\e810";\n}\n.adminfont-captcha:before {\n  content: "\\e820";\n}\n.adminfont-checkbox:before {\n  content: "\\e822";\n}\n.adminfont-divider:before {\n  content: "\\e828";\n}\n.adminfont-radio:before {\n  content: "\\e84e";\n}\n.adminfont-toggle:before {\n  content: "\\e869";\n}\n.adminfont-text:before {\n  content: "\\e86d";\n}\n.adminfont-section:before {\n  content: "\\e898";\n}\n.adminfont-knowledgebase:before {\n  content: "\\e8f0";\n}\n.adminfont-plus-circle:before {\n  content: "\\e8f7";\n}\n.adminfont-sign-out:before {\n  content: "\\e903";\n}\n.adminfont-csv:before {\n  content: "\\e904";\n}\n.adminfont-digital-service:before {\n  content: "\\e905";\n}\n.adminfont-printful:before {\n  content: "\\e906";\n}\n.adminfont-category:before {\n  content: "\\e907";\n}\n.adminfont-revenue:before {\n  content: "\\e908";\n}\n.adminfont-sold-out:before {\n  content: "\\e909";\n}\n.adminfont-print:before {\n  content: "\\e90a";\n}\n.adminfont-shared-listing:before {\n  content: "\\e90b";\n}\n.adminfont-pinterest:before {\n  content: "\\e90c";\n}\n.adminfont-image:before {\n  content: "\\e90d";\n}\n.adminfont-center-align:before {\n  content: "\\e90e";\n}\n.adminfont-justify-align:before {\n  content: "\\e90f";\n}\n.adminfont-left-align:before {\n  content: "\\e910";\n}\n.adminfont-right-align:before {\n  content: "\\e911";\n}\n.adminfont-button:before {\n  content: "\\e912";\n}\n.adminfont-left-sidebar:before {\n  content: "\\e913";\n}\n.adminfont-right-sidebar:before {\n  content: "\\e914";\n}\n.adminfont-no-sidebar1:before {\n  content: "\\e915";\n}\n.adminfont-no-sidebar:before {\n  content: "\\e916";\n}\n.adminfont-arrow-down-up:before {\n  content: "\\e917";\n}\n.adminfont-clickatell:before {\n  content: "\\e918";\n}\n.adminfont-plivo:before {\n  content: "\\e919";\n}\n.adminfont-twilio:before {\n  content: "\\e91a";\n}\n.adminfont-vonage:before {\n  content: "\\e91b";\n}\n.adminfont-save:before {\n  content: "\\e91c";\n}\n.adminfont-permanently-rejected:before {\n  content: "\\e91d";\n}\n.adminfont-download:before {\n  content: "\\e91e";\n}\n.adminfont-publish:before {\n  content: "\\e91f";\n}\n.adminfont-withdraw:before {\n  content: "\\e920";\n}\n.adminfont-pdf:before {\n  content: "\\e921";\n}\n.adminfont-moon:before {\n  content: "\\e922";\n}\n.adminfont-light:before {\n  content: "\\e923";\n}\n.adminfont-gemini:before {\n  content: "\\e924";\n}\n.adminfont-openrouter:before {\n  content: "\\e925";\n}\n.adminfont-chatgpt:before {\n  content: "\\e926";\n}\n.adminfont-intelligence:before {\n  content: "\\e927";\n}\n.adminfont-plus:before {\n  content: "\\e928";\n}\n.adminfont-thumb-up:before {\n  content: "\\e929";\n}\n.adminfont-coding:before {\n  content: "\\e92a";\n}\n.adminfont-twitter:before {\n  content: "\\e92b";\n}\n.adminfont-instagram:before {\n  content: "\\e92c";\n}\n.adminfont-wallet-open:before {\n  content: "\\e92d";\n}\n.adminfont-wallet-in:before {\n  content: "\\e92e";\n}\n.adminfont-wallet:before {\n  content: "\\e92f";\n}\n.adminfont-mapbox:before {\n  content: "\\e930";\n}\n.adminfont-google:before {\n  content: "\\e931";\n}\n.adminfont-close-delete:before {\n  content: "\\e932";\n}\n.adminfont-rejecte:before {\n  content: "\\e933";\n}\n.adminfont-active:before {\n  content: "\\e934";\n}\n.adminfont-recycle:before {\n  content: "\\e935";\n}\n.adminfont-resources:before {\n  content: "\\e936";\n}\n.adminfont-coupon:before {\n  content: "\\e937";\n}\n.adminfont-wallet1:before {\n  content: "\\e938";\n}\n.adminfont-sales:before {\n  content: "\\e939";\n}\n.adminfont-question:before {\n  content: "\\e93a";\n}\n.adminfont-facilitator:before {\n  content: "\\e93b";\n}\n.adminfont-edit:before {\n  content: "\\e93c";\n}\n.adminfont-direct-transaction:before {\n  content: "\\e93d";\n}\n.adminfont-geo-location:before {\n  content: "\\e93e";\n}\n.adminfont-product-addon:before {\n  content: "\\e93f";\n}\n.adminfont-product-advertising:before {\n  content: "\\e940";\n}\n.adminfont-payment-gateway-charge:before {\n  content: "\\e941";\n}\n.adminfont-marketplace-fee:before {\n  content: "\\e942";\n}\n.adminfont-marketplace-compliance:before {\n  content: "\\e943";\n}\n.adminfont-lock:before {\n  content: "\\e944";\n}\n.adminfont-pros-and-cons:before {\n  content: "\\e945";\n}\n.adminfont-like:before {\n  content: "\\e946";\n}\n.adminfont-home:before {\n  content: "\\e947";\n}\n.adminfont-dollar:before {\n  content: "\\e948";\n}\n.adminfont-bank:before {\n  content: "\\e949";\n}\n.adminfont-customer-queries:before {\n  content: "\\e94a";\n}\n.adminfont-zone-wise-shipping:before {\n  content: "\\e94b";\n}\n.adminfont-approval:before {\n  content: "\\e94c";\n}\n.adminfont-cash:before {\n  content: "\\e94d";\n}\n.adminfont-view-files:before {\n  content: "\\e94e";\n}\n.adminfont-automation:before {\n  content: "\\e94f";\n}\n.adminfont-shipping:before {\n  content: "\\e950";\n}\n.adminfont-delivery-person:before {\n  content: "\\e951";\n}\n.adminfont-delivery:before {\n  content: "\\e952";\n}\n.adminfont-tax-compliance:before {\n  content: "\\e953";\n}\n.adminfont-legal-compliance:before {\n  content: "\\e954";\n}\n.adminfont-seller-verification:before {\n  content: "\\e955";\n}\n.adminfont-new:before {\n  content: "\\e956";\n}\n.adminfont-feature:before {\n  content: "\\e957";\n}\n.adminfont-franchises:before {\n  content: "\\e958";\n}\n.adminfont-pending:before {\n  content: "\\e959";\n}\n.adminfont-version-control:before {\n  content: "\\e95a";\n}\n.adminfont-setup:before {\n  content: "\\e95b";\n}\n.adminfont-out-of-stock:before {\n  content: "\\e95c";\n}\n.adminfont-migration:before {\n  content: "\\e95d";\n}\n.adminfont-document:before {\n  content: "\\e95e";\n}\n.adminfont-database:before {\n  content: "\\e95f";\n}\n.adminfont-store-reject:before {\n  content: "\\e960";\n}\n.adminfont-store-reactivated:before {\n  content: "\\e961";\n}\n.adminfont-refund:before {\n  content: "\\e962";\n}\n.adminfont-order-shipped:before {\n  content: "\\e963";\n}\n.adminfont-order-completed:before {\n  content: "\\e964";\n}\n.adminfont-wordpress:before {\n  content: "\\e965";\n}\n.adminfont-profile:before {\n  content: "\\e966";\n}\n.adminfont-forum:before {\n  content: "\\e967";\n}\n.adminfont-faq:before {\n  content: "\\e968";\n}\n.adminfont-moon-fill:before {\n  content: "\\e969";\n}\n.adminfont-verification10:before {\n  content: "\\e96a";\n}\n.adminfont-verification11:before {\n  content: "\\e96b";\n}\n.adminfont-in-progress:before {\n  content: "\\e96c";\n}\n.adminfont-suspended:before {\n  content: "\\e96d";\n}\n.adminfont-rejected:before {\n  content: "\\e96e";\n}\n.adminfont-under-review:before {\n  content: "\\e96f";\n}\n.adminfont-product-rejected:before {\n  content: "\\e970";\n}\n.adminfont-wholesale-buyer-approved:before {\n  content: "\\e971";\n}\n.adminfont-wholesale-buyer-rejected:before {\n  content: "\\e972";\n}\n.adminfont-media-library:before {\n  content: "\\e973";\n}\n.adminfont-refresh:before {\n  content: "\\e974";\n}\n.adminfont-answer:before {\n  content: "\\e975";\n}\n.adminfont-ai:before {\n  content: "\\e976";\n}\n.adminfont-accommodation:before {\n  content: "\\ef35";\n}\n.adminfont-advance-custom-field:before {\n  content: "\\ef36";\n}\n.adminfont-announcement:before {\n  content: "\\ef37";\n}\n.adminfont-auction:before {\n  content: "\\ef38";\n}\n.adminfont-bank-payment:before {\n  content: "\\ef39";\n}\n.adminfont-booking:before {\n  content: "\\ef3a";\n}\n.adminfont-buddy-press:before {\n  content: "\\ef3b";\n}\n.adminfont-bundle:before {\n  content: "\\ef3c";\n}\n.adminfont-business-hours:before {\n  content: "\\ef3d";\n}\n.adminfont-country-shipping:before {\n  content: "\\ef3e";\n}\n.adminfont-customer-support:before {\n  content: "\\ef3f";\n}\n.adminfont-store-shipping:before {\n  content: "\\ef40";\n}\n.adminfont-elementor:before {\n  content: "\\ef41";\n}\n.adminfont-external:before {\n  content: "\\ef42";\n}\n.adminfont-follow-store:before {\n  content: "\\ef43";\n}\n.adminfont-store-review:before {\n  content: "\\ef44";\n}\n.adminfont-store-inventory:before {\n  content: "\\ef45";\n}\n.adminfont-geo-my-wp:before {\n  content: "\\ef46";\n}\n.adminfont-grouped:before {\n  content: "\\ef47";\n}\n.adminfont-identity-verification:before {\n  content: "\\ef48";\n}\n.adminfont-import-export:before {\n  content: "\\ef49";\n}\n.adminfont-invoice:before {\n  content: "\\ef4a";\n}\n.adminfont-knowladgebase:before {\n  content: "\\ef4b";\n}\n.adminfont-live-chat:before {\n  content: "\\ef4c";\n}\n.adminfont-mangopay:before {\n  content: "\\ef4d";\n}\n.adminfont-marketplace-membership:before {\n  content: "\\ef4e";\n}\n.adminfont-marketplace-refund:before {\n  content: "\\ef4f";\n}\n.adminfont-messaging:before {\n  content: "\\ef50";\n}\n.adminfont-paypal-marketplace:before {\n  content: "\\ef51";\n}\n.adminfont-paypal-masspay:before {\n  content: "\\ef52";\n}\n.adminfont-paypal-payout:before {\n  content: "\\ef53";\n}\n.adminfont-per-product-shipping:before {\n  content: "\\ef54";\n}\n.adminfont-woocommerce:before {\n  content: "\\ef55";\n}\n.adminfont-razorpay:before {\n  content: "\\ef56";\n}\n.adminfont-rental:before {\n  content: "\\ef57";\n}\n.adminfont-report-abuse:before {\n  content: "\\ef58";\n}\n.adminfont-return-and-warrenty:before {\n  content: "\\ef59";\n}\n.adminfont-simple:before {\n  content: "\\ef5a";\n}\n.adminfont-spmv:before {\n  content: "\\ef5b";\n}\n.adminfont-staff-manager:before {\n  content: "\\ef5c";\n}\n.adminfont-store-analytics:before {\n  content: "\\ef5d";\n}\n.adminfont-store-location:before {\n  content: "\\ef5e";\n}\n.adminfont-store-policy:before {\n  content: "\\ef5f";\n}\n.adminfont-appointment:before {\n  content: "\\ef60";\n}\n.adminfont-seller-analytics:before {\n  content: "\\ef61";\n}\n.adminfont-search-discovery:before {\n  content: "\\ef62";\n}\n.adminfont-stripe-connect:before {\n  content: "\\ef63";\n}\n.adminfont-stripe-marketplace:before {\n  content: "\\ef64";\n}\n.adminfont-subscription:before {\n  content: "\\ef65";\n}\n.adminfont-toolset-types:before {\n  content: "\\ef66";\n}\n.adminfont-vacation:before {\n  content: "\\ef67";\n}\n.adminfont-variable:before {\n  content: "\\ef68";\n}\n.adminfont-vendor-shipping:before {\n  content: "\\ef69";\n}\n.adminfont-weight-shipping:before {\n  content: "\\ef6a";\n}\n.adminfont-wholesale:before {\n  content: "\\ef6b";\n}\n.adminfont-wp-affiliate:before {\n  content: "\\ef6c";\n}\n.adminfont-wpml:before {\n  content: "\\ef6d";\n}\n.adminfont-zone-shipping:before {\n  content: "\\ef6e";\n}\n.adminfont-woocommerce-table-rate-shipping:before {\n  content: "\\ef6f";\n}\n.adminfont-product-options:before {\n  content: "\\ef70";\n}\n.adminfont-min-max:before {\n  content: "\\ef71";\n}\n.adminfont-ship-station:before {\n  content: "\\ef72";\n}\n.adminfont-advertisement:before {\n  content: "\\ef73";\n}\n.adminfont-gift-card:before {\n  content: "\\ef74";\n}\n.adminfont-rental-pro:before {\n  content: "\\ef75";\n}\n.adminfont-store-support:before {\n  content: "\\ef76";\n}\n.adminfont-switch-store:before {\n  content: "\\ef77";\n}\n.adminfont-filter:before {\n  content: "\\ef78";\n}\n.adminfont-bulk-action:before {\n  content: "\\ef79";\n}\n.adminfont-youtube:before {\n  content: "\\ef7a";\n}\n.adminfont-verification9:before {\n  content: "\\ef7b";\n}\n.adminfont-verification8:before {\n  content: "\\ef7c";\n}\n.adminfont-verification7:before {\n  content: "\\ef7d";\n}\n.adminfont-review:before {\n  content: "\\ef7e";\n}\n.adminfont-report:before {\n  content: "\\ef7f";\n}\n.adminfont-payment:before {\n  content: "\\ef80";\n}\n.adminfont-finance:before {\n  content: "\\ef81";\n}\n.adminfont-google1:before {\n  content: "\\ef82";\n}\n.adminfont-cohort:before {\n  content: "\\ef83";\n}\n.adminfont-verification5:before {\n  content: "\\ef84";\n}\n.adminfont-verification3:before {\n  content: "\\ef85";\n}\n.adminfont-verification2:before {\n  content: "\\ef86";\n}\n.adminfont-verification1:before {\n  content: "\\ef87";\n}\n.adminfont-twitter1:before {\n  content: "\\ef88";\n}\n.adminfont-social-share:before {\n  content: "\\ef89";\n}\n.adminfont-single-product:before {\n  content: "\\ef8a";\n}\n.adminfont-product:before {\n  content: "\\ef8b";\n}\n.adminfont-privacy:before {\n  content: "\\ef8c";\n}\n.adminfont-onboarding:before {\n  content: "\\ef8d";\n}\n.adminfont-multi-product:before {\n  content: "\\ef8e";\n}\n.adminfont-menu-manager:before {\n  content: "\\ef8f";\n}\n.adminfont-marketplace:before {\n  content: "\\ef90";\n}\n.adminfont-location:before {\n  content: "\\ef91";\n}\n.adminfont-linkedin-border:before {\n  content: "\\ef92";\n}\n.adminfont-linkedin:before {\n  content: "\\ef93";\n}\n.adminfont-form:before {\n  content: "\\ef94";\n}\n.adminfont-facebook-fill:before {\n  content: "\\ef95";\n}\n.adminfont-facebook:before {\n  content: "\\ef96";\n}\n.adminfont-customer-service:before {\n  content: "\\ef97";\n}\n.adminfont-booking1:before {\n  content: "\\ef98";\n}\n.adminfont-bar-chart:before {\n  content: "\\ef99";\n}\n.adminfont-appointments:before {\n  content: "\\ef9a";\n}\n.adminfont-appearance:before {\n  content: "\\ef9b";\n}\n.adminfont-advertisement1:before {\n  content: "\\ef9c";\n}\n.adminfont-actions:before {\n  content: "\\ef9d";\n}\n.adminfont-minus:before {\n  content: "\\ef9e";\n}\n.adminfont-minus-bold:before {\n  content: "\\ef9f";\n}\n.adminfont-module:before {\n  content: "\\efa0";\n}\n.adminfont-membership:before {\n  content: "\\efa1";\n}\n.adminfont-commission:before {\n  content: "\\efa2";\n}\n.adminfont-drag:before {\n  content: "\\efa3";\n}\n.adminfont-notification:before {\n  content: "\\efa4";\n}\n.adminfont-pro-tag:before {\n  content: "\\efa5";\n}\n.adminfont-add-product:before {\n  content: "\\efa6";\n}\n.adminfont-update-product:before {\n  content: "\\efa7";\n}\n.adminfont-pagination-right-arrow:before {\n  content: "\\efa8";\n}\n.adminfont-pagination-left-arrow:before {\n  content: "\\efa9";\n}\n.adminfont-pagination-next-arrow:before {\n  content: "\\efaa";\n}\n.adminfont-pagination-prev-arrow:before {\n  content: "\\efab";\n}\n.adminfont-refresh-bold:before {\n  content: "\\efac";\n}\n.adminfont-refresh-buttons:before {\n  content: "\\efad";\n}\n.adminfont-centralized-connections:before {\n  content: "\\efae";\n}\n.adminfont-desktop-pc-valuation:before {\n  content: "\\efaf";\n}\n.adminfont-rules:before {\n  content: "\\efb0";\n}\n.adminfont-social-media-content:before {\n  content: "\\efb1";\n}\n.adminfont-user-network-icon:before {\n  content: "\\efb2";\n}\n.adminfont-price:before {\n  content: "\\efb3";\n}\n.adminfont-catalog:before {\n  content: "\\efb4";\n}\n.adminfont-contact-form:before {\n  content: "\\efb5";\n}\n.adminfont-exclude:before {\n  content: "\\efb6";\n}\n.adminfont-enquiry:before {\n  content: "\\efb7";\n}\n.adminfont-quote:before {\n  content: "\\efb8";\n}\n.adminfont-wholesale1:before {\n  content: "\\efb9";\n}\n.adminfont-subscription-courses:before {\n  content: "\\efba";\n}\n.adminfont-mailchimp:before {\n  content: "\\efbc";\n}\n.adminfont-mail:before {\n  content: "\\efbd";\n}\n.adminfont-file-submission:before {\n  content: "\\efbe";\n}\n.adminfont-submission-message:before {\n  content: "\\efbf";\n}\n.adminfont-setting-fill:before {\n  content: "\\efc0";\n}\n.adminfont-cross:before {\n  content: "\\efc1";\n}\n.adminfont-success:before {\n  content: "\\efc2";\n}\n.adminfont-calendar:before {\n  content: "\\efc3";\n}\n.adminfont-menu:before {\n  content: "\\efc4";\n}\n.adminfont-send:before {\n  content: "\\efc5";\n}\n.adminfont-link:before {\n  content: "\\efc6";\n}\n.adminfont-resize:before {\n  content: "\\efc7";\n}\n.adminfont-crop-free:before {\n  content: "\\efc8";\n}\n.adminfont-text-fields:before {\n  content: "\\efc9";\n}\n.adminfont-support:before {\n  content: "\\efca";\n}\n.adminfont-create:before {\n  content: "\\efcb";\n}\n.adminfont-arrow-right:before {\n  content: "\\efcc";\n}\n.adminfont-button-appearance:before {\n  content: "\\efcd";\n}\n.adminfont-enquiry-form-tab:before {\n  content: "\\efce";\n}\n.adminfont-exclusion-tab:before {\n  content: "\\efcf";\n}\n.adminfont-general-tab:before {\n  content: "\\efd0";\n}\n.adminfont-live-preview-tab:before {\n  content: "\\efd1";\n}\n.adminfont-pro-tab:before {\n  content: "\\efd2";\n}\n.adminfont-next:before {\n  content: "\\efd3";\n}\n.adminfont-previous:before {\n  content: "\\efd4";\n}\n.adminfont-select:before {\n  content: "\\efd5";\n}\n.adminfont-success-notification:before {\n  content: "\\efd6";\n}\n.adminfont-drop-down:before {\n  content: "\\efd7";\n}\n.adminfont-vendor-form-delete:before {\n  content: "\\efd8";\n}\n.adminfont-vendor-form-copy:before {\n  content: "\\efd9";\n}\n.adminfont-vendor-form-add:before {\n  content: "\\efda";\n}\n.adminfont-select-question-type:before {\n  content: "\\efdb";\n}\n.adminfont-form-url:before {\n  content: "\\efdc";\n}\n.adminfont-form-textbox:before {\n  content: "\\efdd";\n}\n.adminfont-form-textarea:before {\n  content: "\\efde";\n}\n.adminfont-form-address:before {\n  content: "\\efdf";\n}\n.adminfont-form-address02:before {\n  content: "\\efe0";\n}\n.adminfont-form-attachment:before {\n  content: "\\efe1";\n}\n.adminfont-form-checkboxes:before {\n  content: "\\efe2";\n}\n.adminfont-paint-brush:before {\n  content: "\\efe3";\n}\n.adminfont-form-city:before {\n  content: "\\efe4";\n}\n.adminfont-form-country:before {\n  content: "\\efe5";\n}\n.adminfont-form-dropdown:before {\n  content: "\\efe6";\n}\n.adminfont-form-email:before {\n  content: "\\efe7";\n}\n.adminfont-form-multi-select:before {\n  content: "\\efe8";\n}\n.adminfont-form-paypal-email:before {\n  content: "\\efe9";\n}\n.adminfont-form-phone:before {\n  content: "\\efea";\n}\n.adminfont-form-postcode:before {\n  content: "\\efeb";\n}\n.adminfont-form-radio:before {\n  content: "\\efec";\n}\n.adminfont-form-recaptcha:before {\n  content: "\\efed";\n}\n.adminfont-form-section:before {\n  content: "\\efee";\n}\n.adminfont-form-state:before {\n  content: "\\efef";\n}\n.adminfont-star-icon:before {\n  content: "\\eff0";\n}\n.adminfont-form-store-description:before {\n  content: "\\eff1";\n}\n.adminfont-folder-open:before {\n  content: "\\eff2";\n}\n.adminfont-undo:before {\n  content: "\\eff3";\n}\n.adminfont-dropdown-checklist:before {\n  content: "\\eff4";\n}\n.adminfont-multi-select:before {\n  content: "\\eff5";\n}\n.adminfont-captcha-automatic-code:before {\n  content: "\\eff6";\n}\n.adminfont-cloud-upload:before {\n  content: "\\eff7";\n}\n.adminfont-help:before {\n  content: "\\eff8";\n}\n.adminfont-t-letter-bold:before {\n  content: "\\eff9";\n}\n.adminfont-clock:before {\n  content: "\\effa";\n}\n.adminfont-alarm:before {\n  content: "\\effb";\n}\n.adminfont-thumbs-ok:before {\n  content: "\\effc";\n}\n.adminfont-preview:before {\n  content: "\\effd";\n}\n.adminfont-paid:before {\n  content: "\\effe";\n}\n.adminfont-order:before {\n  content: "\\efff";\n}\n.adminfont-multiple-inputs:before {\n  content: "\\f000";\n}\n.adminfont-global-community:before {\n  content: "\\f001";\n}\n.adminfont-experiment-results:before {\n  content: "\\f002";\n}\n.adminfont-copy:before {\n  content: "\\f003";\n}\n.adminfont-cogs-on-wheels:before {\n  content: "\\f004";\n}\n.adminfont-blocks:before {\n  content: "\\f005";\n}\n.adminfont-analytics:before {\n  content: "\\f006";\n}\n.adminfont-setting:before {\n  content: "\\f007";\n}\n.adminfont-star-o:before {\n  content: "\\f008";\n}\n.adminfont-star:before {\n  content: "\\f009";\n}\n.adminfont-pushpin:before {\n  content: "\\f00a";\n}\n.adminfont-arrow-left:before {\n  content: "\\f00b";\n}\n.adminfont-arrow-up:before {\n  content: "\\f00c";\n}\n.adminfont-arrow-down:before {\n  content: "\\f00d";\n}\n.adminfont-import:before {\n  content: "\\f00e";\n}\n.adminfont-export:before {\n  content: "\\f00f";\n}\n.adminfont-single-sign-on:before {\n  content: "\\f010";\n}\n.adminfont-gift-a-course:before {\n  content: "\\f011";\n}\n.adminfont-classroom-enrollment:before {\n  content: "\\f012";\n}\n.adminfont-bulk-course-sync:before {\n  content: "\\f013";\n}\n.adminfont-smart-course-sync1:before {\n  content: "\\f014";\n}\n.adminfont-web-page-website:before {\n  content: "\\f015";\n}\n.adminfont-keyboard-arrow-down:before {\n  content: "\\f016";\n}\n.adminfont-unread:before {\n  content: "\\f017";\n}\n.adminfont-eye:before {\n  content: "\\f018";\n}\n.adminfont-eye-blocked:before {\n  content: "\\f019";\n}\n.adminfont-subscription-details:before {\n  content: "\\f01a";\n}\n.adminfont-subscription-dashboard:before {\n  content: "\\f01b";\n}\n.adminfont-recaptcha-support-copy:before {\n  content: "\\f01d";\n}\n.adminfont-export-subscribers:before {\n  content: "\\f01f";\n}\n.adminfont-export-import-stock-01:before {\n  content: "\\f020";\n}\n.adminfont-double-opt-in:before {\n  content: "\\f021";\n}\n.adminfont-ban-spam-mail:before {\n  content: "\\f022";\n}\n.adminfont-move:before {\n  content: "\\e5402";\n}\n.adminfont-delete:before {\n  content: "\\e5800";\n}\n.adminfont-more-vertical:before {\n  content: "\\e8051";\n}\n.adminfont-attachment:before {\n  content: "\\e8598";\n}\n.adminfont-dots-three-horizontal:before {\n  content: "\\e8eee";\n}\n.adminfont-credit-card:before {\n  content: "\\e9502";\n}\n\n/* src/styles/common.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.dashboard-tab {\n  margin: 0.313rem 1.25rem 1.25rem;\n}\n.dashboard-tab .tabs-wrapper {\n  margin: 0;\n}\n.title {\n  font-size: 1.125rem;\n  font-weight: 500;\n  color: var(--text-color);\n  line-height: 1.063rem;\n}\n.desc,\n.des {\n  font-size: 0.9rem;\n  color: var(--sub-text-color);\n  padding: 0;\n  line-height: 1.313;\n}\n.admin-main-wrapper .col {\n  width: 100%;\n}\n.data-card-wrapper {\n  display: flex;\n  gap: 1rem;\n  padding-bottom: 1rem;\n  justify-content: space-between;\n}\n.data-card-wrapper .data-card {\n  width: 100%;\n  background: #fff;\n  padding: 1.5rem;\n  border-radius: 0.25rem;\n  box-sizing: border-box;\n}\n.data-card-wrapper .data-card .number {\n  font-size: 2rem;\n  line-height: 2rem;\n  margin-top: 0.813rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: end;\n}\n.data-card-wrapper .data-card .number i {\n  padding: 0.313rem;\n  color: var(--color-primary);\n}\n.data-card-wrapper .data-card .title {\n  font-size: 0.95rem;\n}\n.settings-metabox-description.slug {\n  word-break: break-all;\n}\n.settings-metabox-description.slug i {\n  font-size: 0.813rem;\n}\n.reviews-wrapper {\n  display: flex;\n  gap: 0.313rem;\n  font-size: 1rem;\n  font-weight: 500;\n}\n.reviews-wrapper .review {\n  color: #e7b205;\n}\n.reviews-wrapper span {\n  padding-left: 0.313rem;\n  display: flex;\n}\n.review-wrapper {\n  display: flex;\n  gap: 1.5rem;\n  flex-wrap: wrap;\n}\n.review-wrapper .review-box {\n  padding: 1rem;\n  border: 0.063rem solid var(--border-color);\n  border-radius: 0.25rem;\n}\n.review-wrapper .review-box .start-wrapper {\n  color: #ffc800;\n  display: flex;\n  font-size: 1.063rem;\n  gap: 0.125rem;\n}\n.review-wrapper .review-box .body .review {\n  padding-top: 1.5rem;\n  font-size: 1.063rem;\n  line-height: 1.5rem;\n}\n.review-wrapper .review-box .footer {\n  border-top: 0.063rem solid var(--border-color);\n  margin-top: 2rem;\n  display: flex;\n  padding-top: 1rem;\n  align-items: center;\n  gap: 0.5rem;\n}\n.review-wrapper .review-box .footer img {\n  width: 2.5rem;\n  height: 2.5rem;\n}\n.review-wrapper .review-box .footer .details .name {\n  font-size: 1.125rem;\n  color: var(--text-color);\n  margin-bottom: 0.313rem;\n}\n.review-wrapper .review-box .footer .details .role {\n  color: #868585;\n}\n.review-wrapper .review {\n  padding: 1rem;\n  border: 0.063rem solid var(--border-color);\n  border-radius: 0.25rem;\n}\n.review-wrapper .review .details .title {\n  font-size: 1.25rem;\n  font-weight: 500;\n  line-height: 1rem;\n  margin-bottom: 0.625rem;\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n}\n.review-wrapper .review .details .avatar {\n  background: var(--color-primary);\n  border-radius: 50%;\n}\n.review-wrapper .review .details .avatar i {\n  font-size: 1.125rem;\n  color: #fff;\n}\n.review-wrapper .review .details .des {\n  padding-top: 0.5rem;\n  line-height: 1.25rem;\n}\n.review-wrapper .review .details .star-wrapper span {\n  color: rgba(0, 0, 0, 0.2901960784);\n  font-size: 0.813rem;\n  font-weight: 500;\n  padding-left: 0.5rem;\n}\n.rating-details {\n  flex-grow: 0;\n  min-width: 25rem;\n}\n.rating-details .review {\n  padding-top: 0.313rem;\n  color: var(--sub-text-color);\n}\n.rating-details-wrapper .title-wrapper {\n  flex-direction: column;\n  padding: 0;\n}\n.rating-details-wrapper .title-wrapper .rating-wrapper {\n  padding-bottom: 0.45rem;\n}\n.rating-details-wrapper .title-wrapper .title {\n  font-size: 1rem;\n  font-weight: 500;\n}\n.star-icon {\n  color: #ffc800;\n}\n.notification-wrapper .item {\n  display: flex;\n  padding: 0.625rem;\n  border: 0.063rem solid var(--border-color);\n  align-items: start;\n  cursor: pointer;\n  border-radius: 0.25rem;\n  margin-bottom: 1rem;\n  gap: 0.5rem;\n}\n.notification-wrapper .item .item-icon {\n  font-size: 1.125rem;\n  padding: 0.313rem;\n  border-radius: 0.25rem;\n}\n.notification-wrapper .item .details {\n  width: 90%;\n  position: relative;\n  flex-direction: column;\n  margin: 0;\n  align-items: start;\n}\n.notification-wrapper .item .details .item-title {\n  font-size: 1.063rem;\n  color: var(--text-color);\n  padding-bottom: 0.313rem;\n  border-radius: 4.5rem;\n}\n.notification-wrapper .item .details .value {\n  position: absolute;\n  right: 0;\n  top: 0;\n  color: var(--sub-text-color);\n  font-weight: 500;\n}\n.notification-wrapper .item:hover {\n  background-color: var(--background-color);\n}\n.notification-wrapper .item:last-child {\n  margin: 0;\n}\n.activity-log .activity {\n  padding: 0 4.5rem 1.45rem 1.313rem;\n  position: relative;\n  border-left: 0.063rem solid var(--color-primary);\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.activity-log .activity span {\n  position: absolute;\n  right: 0;\n  top: 0;\n  color: var(--sub-text-color);\n  font-weight: 500;\n}\n.activity-log .activity .title {\n  font-size: 1.063rem;\n  line-height: 1rem;\n}\n.activity-log .activity::before {\n  position: absolute;\n  content: "";\n  width: 0.813rem;\n  height: 0.813rem;\n  border-radius: 50%;\n  background: var(--color-primary);\n  top: 0;\n  left: -0.45rem;\n  outline: 0.313rem solid var(--background-white);\n}\n.activity-log .activity:last-child {\n  border-left: 0.063rem solid #fff;\n}\n.catalog-visibility {\n  display: flex;\n  align-items: end;\n  justify-content: end;\n  gap: 0.313rem;\n  color: var(--text-color);\n}\n.catalog-visibility .admin-badge {\n  font-size: 0.813rem;\n  cursor: pointer;\n}\n.catalog-visibility .fit-content {\n  display: flex;\n  justify-content: end;\n}\n.setting-dropdown {\n  position: absolute;\n  right: 0;\n  top: 100%;\n  background: var(--background-white);\n  border: 0.063rem solid var(--border-color);\n  z-index: 9;\n  width: 100%;\n  min-width: 8rem;\n  padding: 0.625rem;\n}\n.payment-method .method {\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  padding: 0.5rem 0.75rem;\n  gap: 0.45rem;\n  background: var(--background-primary);\n  font-size: 0.95rem;\n  font-weight: 500;\n  border-radius: 0.25rem;\n  color: var(--color-primary);\n  border: 0.063rem solid var(--color-primary);\n}\n.review-popup-wrapper .customer-wrapper {\n  display: flex;\n  gap: 0.5rem;\n}\n.review-popup-wrapper .customer-wrapper .name {\n  font-size: 1.125rem;\n  font-weight: 500;\n  padding-bottom: 0.45rem;\n  color: var(--text-color);\n}\n.review-popup-wrapper .review {\n  padding-top: 0.95rem;\n  font-size: 0.95rem;\n  line-height: 1.45rem;\n  color: var(--sub-text-color);\n}\n.payout-card-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.payout-card-wrapper .price {\n  font-size: 3rem;\n  font-weight: 600;\n  line-height: 2.4rem;\n  margin: 0.813rem 0;\n  display: flex;\n  align-items: start;\n  gap: 0.5rem;\n  color: var(--text-color);\n}\nbody:has(.admin-main-wrapper) {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n.sb-show-main {\n  background: #f0f0f1;\n}\na {\n  text-decoration: none;\n  color: var(--text-color);\n}\na:focus {\n  box-shadow: none;\n  color: var(--color-primary);\n}\n.form-select-field img {\n  width: 1.125rem;\n}\n.form-select-field .select-wrapper {\n  display: inline-flex;\n  gap: 0.5rem;\n  align-items: center;\n  width: 100%;\n}\n.form-select-field .select-wrapper .react-select {\n  width: 100%;\n}\n.form-select-field .select-wrapper .select-menu-content {\n  padding: 0.25rem 0.313rem 0;\n}\n.form-select-field .select-wrapper .select-menu-content .admin-btn {\n  width: 100%;\n}\n.form-select-field .select-wrapper .before,\n.form-select-field .select-wrapper .after {\n  font-size: 0.95rem;\n}\n.form-select-field .select-wrapper .no-options {\n  font-size: 0.95rem;\n}\n.form-select-field .select-wrapper .overflow-badge {\n  border-radius: 50%;\n  position: absolute;\n  cursor: pointer;\n  right: 0;\n  font-size: 0.813rem;\n  padding: 0.313rem;\n  border: none;\n}\n.form-select-field.fit-content .select-wrapper {\n  width: fit-content;\n}\n.form-select-field input,\n.form-select-field input:focus {\n  box-shadow: none !important;\n  outline: none;\n  min-height: 1.5rem;\n}\n#admin-main-wrapper {\n  margin-left: -1.25rem;\n  min-height: 100vh;\n}\n.admin-main-wrapper,\n#multivendorx-setup-wizard {\n  font-family: Figtree, sans-serif;\n}\n.admin-main-wrapper .basic-input,\n.admin-main-wrapper .basic-select,\n.admin-main-wrapper .calender-input,\n#multivendorx-setup-wizard .basic-input,\n#multivendorx-setup-wizard .basic-select,\n#multivendorx-setup-wizard .calender-input {\n  min-height: 2rem !important;\n  max-height: 2rem !important;\n  background: var(--background-white);\n}\n.admin-main-wrapper .textarea-input,\n#multivendorx-setup-wizard .textarea-input {\n  background: var(--background-white);\n}\n.admin-main-wrapper .mce-widget.mce-notification,\n#multivendorx-setup-wizard .mce-widget.mce-notification {\n  left: auto;\n}\n.admin-main-wrapper .textarea-input,\n#multivendorx-setup-wizard .textarea-input {\n  font-family: Figtree, sans-serif;\n}\n.admin-main-wrapper input[type=color],\n#multivendorx-setup-wizard input[type=color] {\n  cursor: pointer;\n}\n.admin-main-wrapper input[type=radio],\n#multivendorx-setup-wizard input[type=radio] {\n  border: 0.125rem solid #e0e4e9;\n  line-height: 1.5;\n  cursor: pointer;\n  height: 1rem;\n  margin: -0.25rem 0.25rem 0 0;\n  padding: 0;\n  vertical-align: middle;\n  min-width: 1rem;\n  appearance: none;\n  border-radius: 50%;\n  width: 1rem;\n}\n.admin-main-wrapper input[type=radio]:checked,\n#multivendorx-setup-wizard input[type=radio]:checked {\n  background: var(--color-primary);\n}\n.admin-main-wrapper input[type=checkbox],\n#multivendorx-setup-wizard input[type=checkbox] {\n  width: 1.063rem;\n  border-radius: 0.25rem;\n  height: 1.063rem;\n  border-color: #8c8f94;\n}\n.admin-main-wrapper input[type=checkbox]:checked,\n#multivendorx-setup-wizard input[type=checkbox]:checked {\n  border: none;\n}\n.admin-main-wrapper input[type=checkbox]:checked::before,\n.admin-main-wrapper input.minus-icon::before,\n#multivendorx-setup-wizard input[type=checkbox]:checked::before,\n#multivendorx-setup-wizard input.minus-icon::before {\n  background-color: var(--color-primary);\n  color: #fff;\n  width: 1rem !important;\n  height: 1rem !important;\n  margin: -0.063rem 0.3rem 0 0 !important;\n  border-radius: 0.25rem;\n  font-size: 0.95rem;\n}\n.admin-main-wrapper input[type=checkbox]:checked::before,\n#multivendorx-setup-wizard input[type=checkbox]:checked::before {\n  content: "\\e809";\n  padding: 0.063rem;\n}\n.admin-main-wrapper input.minus-icon::before,\n#multivendorx-setup-wizard input.minus-icon::before {\n  content: "\\ef9e";\n  padding: 0.063rem;\n  font-size: 1rem;\n}\n.admin-main-wrapper input.minus-icon,\n#multivendorx-setup-wizard input.minus-icon {\n  border: none;\n}\n.admin-main-wrapper input[type=checkbox]:focus,\n#multivendorx-setup-wizard input[type=checkbox]:focus {\n  box-shadow: none;\n}\n.admin-badge {\n  font-size: 0.813rem;\n  font-weight: 600;\n  line-height: 1;\n  padding: 0.313rem;\n  border-radius: 0.25rem;\n  border: 0.063rem solid;\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  width: fit-content;\n  white-space: nowrap;\n}\n.admin-badge.border {\n  border: 0.063rem solid;\n}\n.admin-badge:has(i) {\n  cursor: pointer;\n}\n.icon-pro-btn {\n  transform: rotate(-45deg);\n}\n.popup-icon,\n.admin-icon {\n  font-size: 1.125rem;\n  padding: 0.4rem;\n  border-radius: 50%;\n  cursor: pointer;\n  position: relative;\n}\n.popup-icon:hover,\n.admin-icon:hover {\n  background: rgba(231, 230, 230, 0.8117647059);\n}\n.popup-icon.theme-background,\n.admin-icon.theme-background {\n  border-radius: 0.25rem;\n  background: var(--background-primary);\n  color: var(--color-primary);\n}\n.primary,\n.admin-color1 {\n  background: color-mix(in srgb, var(--color-primary) 15%, white) !important;\n  color: var(--color-primary) !important;\n  fill: var(--color-primary) !important;\n}\n.primary-bg,\n.admin-bg-color1 {\n  background: var(--color-primary) !important;\n}\n.primary-color,\n.admin-color1 {\n  color: var(--color-primary) !important;\n}\n.secondary,\n.admin-color2 {\n  background: color-mix(in srgb, var(--color-secondary) 15%, white) !important;\n  color: var(--color-secondary) !important;\n  fill: var(--color-secondary) !important;\n}\n.secondary-bg,\n.admin-bg-color2 {\n  background: var(--color-secondary) !important;\n}\n.secondary-color,\n.admin-color2 {\n  color: var(--color-secondary) !important;\n}\n.accent,\n.admin-color3 {\n  background: color-mix(in srgb, var(--color-accent) 15%, white) !important;\n  color: var(--color-accent) !important;\n  fill: var(--color-accent) !important;\n}\n.accent-bg,\n.admin-bg-color3 {\n  background: var(--color-accent) !important;\n}\n.accent-color,\n.admin-color3 {\n  color: var(--color-accent) !important;\n}\n.support,\n.admin-color4 {\n  background: color-mix(in srgb, var(--color-support) 15%, white) !important;\n  color: var(--color-support) !important;\n  fill: var(--color-support) !important;\n}\n.support-bg,\n.admin-bg-color4 {\n  background: var(--color-support) !important;\n}\n.support-color,\n.admin-color4 {\n  color: var(--color-support) !important;\n}\n.red,\n.admin-color5 {\n  background: #fff3f1 !important;\n  color: #f7a79a !important;\n  fill: #f7a79a !important;\n}\n.red-bg,\n.admin-bg-color5 {\n  background: #f7a79a !important;\n}\n.red-color,\n.admin-color5 {\n  color: #f7a79a !important;\n}\n.green,\n.admin-color6 {\n  background: #e8fbea !important;\n  color: #6bbf8f !important;\n  fill: #6bbf8f !important;\n}\n.green-bg,\n.admin-bg-color6 {\n  background: #6bbf8f !important;\n}\n.green-color,\n.admin-color6 {\n  color: #6bbf8f !important;\n}\n.teal,\n.admin-color7 {\n  background: #e6fcf9 !important;\n  color: #5baab3 !important;\n  fill: #5baab3 !important;\n}\n.teal-bg,\n.admin-bg-color7 {\n  background: #5baab3 !important;\n}\n.teal-color,\n.admin-color7 {\n  color: #5baab3 !important;\n}\n.orange,\n.admin-color8 {\n  background: #fff7ec !important;\n  color: #d88c5c !important;\n  fill: #d88c5c !important;\n}\n.orange-bg,\n.admin-bg-color8 {\n  background: #d88c5c !important;\n}\n.orange-color,\n.admin-color8 {\n  color: #d88c5c !important;\n}\n.yellow,\n.admin-color9 {\n  background: #fffce8 !important;\n  color: #d4b86a !important;\n  fill: #d4b86a !important;\n}\n.yellow-bg,\n.admin-bg-color9 {\n  background: #d4b86a !important;\n}\n.yellow-color,\n.admin-color9 {\n  color: #d4b86a !important;\n}\n.blue,\n.admin-color10 {\n  background: #e6f4ff !important;\n  color: #6e9fd1 !important;\n  fill: #6e9fd1 !important;\n}\n.blue-bg,\n.admin-bg-color10 {\n  background: #6e9fd1 !important;\n}\n.blue-color,\n.admin-color10 {\n  color: #6e9fd1 !important;\n}\n.purple,\n.admin-color11 {\n  background: #f4eaff !important;\n  color: #8a6fce !important;\n  fill: #8a6fce !important;\n}\n.purple-bg,\n.admin-bg-color11 {\n  background: #8a6fce !important;\n}\n.purple-color,\n.admin-color11 {\n  color: #8a6fce !important;\n}\n.indigo,\n.admin-color12 {\n  background: #e8efff !important;\n  color: #6f78c7 !important;\n  fill: #6f78c7 !important;\n}\n.indigo-bg,\n.admin-bg-color12 {\n  background: #6f78c7 !important;\n}\n.indigo-color,\n.admin-color12 {\n  color: #6f78c7 !important;\n}\n.pink,\n.admin-color13 {\n  background: #ffe9f1 !important;\n  color: #d676a4 !important;\n  fill: #d676a4 !important;\n}\n.pink-bg,\n.admin-bg-color13 {\n  background: #d676a4 !important;\n}\n.pink-color,\n.admin-color13 {\n  color: #d676a4 !important;\n}\n.facebook,\n.admin-color14 {\n  background:!important;\n  color: #1877F2 !important;\n  fill: #1877F2 !important;\n}\n.facebook-bg,\n.admin-bg-color14 {\n  background: #1877F2 !important;\n}\n.facebook-color,\n.admin-color14 {\n  color: #1877F2 !important;\n}\n.twitter,\n.admin-color15 {\n  background:!important;\n  color: #000 !important;\n  fill: #000 !important;\n}\n.twitter-bg,\n.admin-bg-color15 {\n  background: #000 !important;\n}\n.twitter-color,\n.admin-color15 {\n  color: #000 !important;\n}\n.linkedin,\n.admin-color16 {\n  background:!important;\n  color: #0A66C2 !important;\n  fill: #0A66C2 !important;\n}\n.linkedin-bg,\n.admin-bg-color16 {\n  background: #0A66C2 !important;\n}\n.linkedin-color,\n.admin-color16 {\n  color: #0A66C2 !important;\n}\n.youtube,\n.admin-color17 {\n  background:!important;\n  color: #F00 !important;\n  fill: #F00 !important;\n}\n.youtube-bg,\n.admin-bg-color17 {\n  background: #F00 !important;\n}\n.youtube-color,\n.admin-color17 {\n  color: #F00 !important;\n}\n.instagram,\n.admin-color18 {\n  background:!important;\n  color: #E4405F !important;\n  fill: #E4405F !important;\n}\n.instagram-bg,\n.admin-bg-color18 {\n  background: #E4405F !important;\n}\n.instagram-color,\n.admin-color18 {\n  color: #E4405F !important;\n}\n.pinterest,\n.admin-color19 {\n  background:!important;\n  color: #E60023 !important;\n  fill: #E60023 !important;\n}\n.pinterest-bg,\n.admin-bg-color19 {\n  background: #E60023 !important;\n}\n.pinterest-color,\n.admin-color19 {\n  color: #E60023 !important;\n}\n.basic-input,\n.basic-select,\n.textarea-input,\n.calender-input,\n.basic-input:-webkit-autofill {\n  width: 100%;\n  border: 0.063rem solid var(--border-color) !important;\n  border-radius: 0.25rem;\n  padding: 0.313rem 0.5rem;\n  font-size: 0.875rem;\n  line-height: 1.5;\n  box-shadow: none;\n  box-sizing: border-box;\n  color: var(--text-color);\n}\n.basic-input:focus,\n.basic-select:focus,\n.textarea-input:focus,\n.calender-input:focus,\n.basic-input:-webkit-autofill:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.188rem rgba(80, 7, 170, 0.1098039216) !important;\n  border-color: var(--color-primary) !important;\n}\n.basic-input.small,\n.basic-select.small,\n.textarea-input.small,\n.calender-input.small,\n.basic-input:-webkit-autofill.small {\n  width: 25%;\n}\n.basic-input.email-input,\n.basic-input.email-input:focus,\n.basic-select.email-input,\n.basic-select.email-input:focus,\n.textarea-input.email-input,\n.textarea-input.email-input:focus,\n.calender-input.email-input,\n.calender-input.email-input:focus,\n.basic-input:-webkit-autofill.email-input,\n.basic-input:-webkit-autofill.email-input:focus {\n  border: none;\n}\n.react-select input:focus {\n  box-shadow: none;\n}\n[class^=select-prefix] img {\n  width: 1.25rem;\n}\n.setting-form-input {\n  position: relative;\n  display: flex;\n  gap: 0.625rem;\n  align-items: center;\n  color: var(--text-color);\n}\n.setting-form-input span {\n  font-size: 0.95rem;\n}\n.setting-form-input .admin-pro-tag {\n  position: relative;\n}\n.setting-form-input.input-wrapper {\n  display: flex;\n  border: 0.063rem solid var(--border-color);\n  border-radius: 0.25rem;\n  align-items: center;\n  background: var(--background-white);\n  padding: 0 0.5rem;\n  gap: 0.5rem;\n  width: 100%;\n  box-sizing: border-box;\n}\n.setting-form-input.input-wrapper input {\n  border: none !important;\n  padding: 0;\n}\n.setting-form-input.input-wrapper input:focus {\n  box-shadow: none !important;\n}\n.setting-form-input.input-wrapper .pre {\n  padding-right: 0.313rem;\n  border-right: 0.063rem solid var(--border-color);\n}\n.setting-form-input.input-wrapper .parameter {\n  padding-left: 0.313rem;\n  border-left: 0.063rem solid var(--border-color);\n}\n.setting-form-input:has(.select-wrapper) .input-wrapper {\n  padding-right: 0;\n}\n.setting-form-input:has(.select-wrapper) .parameter {\n  padding-left: 0;\n}\n.setting-form-input.input-button .input-wrapper {\n  display: flex;\n}\n.setting-form-input.input-button .input-wrapper .input-btn {\n  cursor: pointer;\n  width: 45%;\n}\n.link-item {\n  color: var(--color-primary);\n  cursor: pointer;\n}\n.link-item:hover {\n  color: var(--color-primary);\n}\n.setting-form-input:has(input[type=color]).input-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  border: 0.063rem solid var(--border-color);\n  padding: 0.125rem;\n  border-radius: 0.25rem;\n  background: var(--background-primary);\n}\n.setting-form-input:has(input[type=color]).input-wrapper .color-value {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n.setting-form-input:has(input[type=color]).input-wrapper .color-value .title {\n  color: var(--color-primary);\n}\n.setting-form-input:has(input[type=color]).input-wrapper .color-value {\n  font-size: 1rem;\n}\n.setting-form-input:has(input[type=color]).input-wrapper input {\n  width: 3rem;\n  height: 3rem;\n  min-width: 3rem;\n}\n.admin-pro-tag {\n  background: rgba(227, 80, 71, 0.1803921569);\n  color: #e35047;\n  font-size: 0.75rem;\n  font-weight: 700;\n  line-height: 1.1;\n  margin-left: 0.25rem;\n  padding: 0.125rem 0.438rem;\n  position: absolute;\n  right: 1rem;\n  top: 0.813rem;\n  transform: translateY(-50%);\n  width: fit-content;\n  display: flex;\n  gap: 0.125rem;\n  z-index: 2;\n  border-radius: 0.25rem;\n  white-space: nowrap;\n}\n.admin-pro-tag.module {\n  background: #d9f5f0;\n  color: #06be9f;\n  gap: 0.25rem;\n}\n.select-deselect-trigger {\n  margin-bottom: 1rem;\n}\n.simple-checkbox {\n  display: flex;\n  flex-direction: column;\n  gap: 0.625rem;\n}\n.more-btn {\n  cursor: pointer;\n}\n.action-icons,\n.inline-actions {\n  display: flex;\n  gap: 0.313rem;\n  padding-top: 0.063rem;\n  position: relative;\n  cursor: pointer;\n}\n.action-icons i:first-child,\n.inline-actions i:first-child {\n  padding: 0.5rem 0.313rem;\n  border-radius: 50%;\n  background: transparent;\n  transition: all 0.5s ease;\n  width: 1.4rem;\n  height: 1rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.25rem;\n}\n.action-icons i:first-child:hover,\n.inline-actions i:first-child:hover {\n  background: #ebebeb;\n}\n.action-icons .adminfont-update-data,\n.inline-actions .adminfont-update-data {\n  font-size: 1rem;\n}\n.action-icons .hover-icon,\n.inline-actions .hover-icon {\n  position: absolute;\n  margin: 0;\n  left: -3.5rem;\n  display: none;\n}\n.action-icons:hover .hover-icon,\n.inline-actions:hover .hover-icon {\n  display: flex;\n}\n.action-icons:hover .action-dropdown.hover,\n.action-icons:has(.action-dropdown:hover) .action-dropdown.hover,\n.inline-actions:hover .action-dropdown.hover,\n.inline-actions:has(.action-dropdown:hover) .action-dropdown.hover {\n  display: block;\n  left: -50%;\n  position: absolute;\n  inset: 0 auto auto 0;\n  transform: translate(-100%, 0);\n  background: var(--background-color);\n  height: 100%;\n  padding: 0 0.313rem;\n  box-shadow: 0 0.125rem 0.5rem 0 var(--box-shadow);\n}\n.action-icons:hover .action-dropdown.hover ul,\n.action-icons:has(.action-dropdown:hover) .action-dropdown.hover ul,\n.inline-actions:hover .action-dropdown.hover ul,\n.inline-actions:has(.action-dropdown:hover) .action-dropdown.hover ul {\n  display: flex;\n  gap: 0.125rem;\n  margin: 0;\n  min-width: 4rem;\n  justify-content: end;\n}\n.action-icons:hover .action-dropdown.hover ul li,\n.action-icons:has(.action-dropdown:hover) .action-dropdown.hover ul li,\n.inline-actions:hover .action-dropdown.hover ul li,\n.inline-actions:has(.action-dropdown:hover) .action-dropdown.hover ul li {\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n}\n.action-icons:hover .action-dropdown.hover ul li span,\n.action-icons:has(.action-dropdown:hover) .action-dropdown.hover ul li span,\n.inline-actions:hover .action-dropdown.hover ul li span,\n.inline-actions:has(.action-dropdown:hover) .action-dropdown.hover ul li span {\n  position: absolute;\n  top: -1.125rem;\n  left: -100%;\n  width: 6rem;\n  text-align: center;\n  display: none;\n  transition: all 0.4s ease;\n}\n.action-icons:hover .action-dropdown.hover ul li:hover span,\n.action-icons:has(.action-dropdown:hover) .action-dropdown.hover ul li:hover span,\n.inline-actions:hover .action-dropdown.hover ul li:hover span,\n.inline-actions:has(.action-dropdown:hover) .action-dropdown.hover ul li:hover span {\n  display: block;\n  background-color: rgb(46, 46, 46);\n  color: #fff;\n  text-align: center;\n  padding: 0.313rem;\n  border-radius: 0.375rem;\n  position: absolute;\n  z-index: 1;\n  font-size: 0.8rem;\n  inset: 0 auto auto 0;\n  transform: translate(-2rem, -2.313rem);\n}\n.action-icons:hover .action-dropdown.hover ul li li,\n.action-icons:has(.action-dropdown:hover) .action-dropdown.hover ul li li,\n.inline-actions:hover .action-dropdown.hover ul li li,\n.inline-actions:has(.action-dropdown:hover) .action-dropdown.hover ul li li {\n  display: block;\n}\n.action-icons .action-dropdown,\n.inline-actions .action-dropdown {\n  display: none;\n  position: relative;\n}\n.action-icons .action-dropdown.show,\n.inline-actions .action-dropdown.show {\n  display: block;\n  overflow: hidden;\n  border: 0.063rem solid var(--border-color);\n  position: absolute;\n  inset: 0 0 auto auto;\n  background: var(--background-white);\n  z-index: 2;\n  border-radius: 0.25rem;\n  width: 11rem;\n  transform: translate(0, 1.875rem);\n  margin: 0;\n}\n.action-icons .action-dropdown.show ul,\n.inline-actions .action-dropdown.show ul {\n  padding: 0.45rem;\n  margin: 0;\n  flex-direction: column;\n  display: flex;\n  gap: 0.45rem;\n}\n.action-icons .action-dropdown.show ul li,\n.inline-actions .action-dropdown.show ul li {\n  padding: 0 0.625rem;\n  display: flex;\n  align-items: center;\n  gap: 0.425rem;\n  font-size: 0.813rem;\n  font-weight: 500;\n  cursor: pointer;\n  margin: 0;\n  border-radius: 0.25rem;\n  transition: all 0.4s ease;\n}\n.action-icons .action-dropdown.show ul li:hover,\n.inline-actions .action-dropdown.show ul li:hover {\n  background: rgba(230, 226, 226, 0.6196078431);\n}\n.action-icons .action-dropdown.show ul li i,\n.inline-actions .action-dropdown.show ul li i {\n  font-size: 1rem;\n  width: 10%;\n}\n.action-icons .action-dropdown.show ul li.delete,\n.inline-actions .action-dropdown.show ul li.delete {\n  color: #e35047;\n  margin: 0;\n  border-top: 0.063rem solid var(--border-color);\n}\n.action-icons .action-dropdown.show ul li a:hover,\n.inline-actions .action-dropdown.show ul li a:hover {\n  color: #000;\n}\n.action-icons .action-dropdown.show ul li:has(.delete),\n.inline-actions .action-dropdown.show ul li:has(.delete) {\n  color: #e35047;\n  background: rgba(227, 80, 71, 0.2);\n}\n.rating-wrapper {\n  display: flex;\n  gap: 0.313rem;\n  align-items: center;\n}\n.rating-wrapper .date {\n  font-size: 0.813rem;\n  padding-left: 0.313rem;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.6);\n}\n.category-filter {\n  display: flex;\n  gap: 0.5rem;\n  flex-wrap: wrap;\n}\n.category-filter .category-item {\n  padding: 0.5rem 1.2rem;\n  background: #fff;\n  color: #000;\n  font-size: 0.95rem;\n  border-radius: 3.125rem;\n  cursor: pointer;\n}\n.category-filter .category-item.active {\n  background: var(--color-primary);\n  color: #fff;\n}\n@keyframes animate {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.03);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.highlight {\n  animation: animate 2.5s ease-in-out infinite;\n  border: 0.063rem solid var(--color-primary) !important;\n}\n.avatar img {\n  width: 2.5rem;\n  height: 2.5rem;\n  border-radius: 50%;\n}\n.avatar i,\n.avatar span {\n  padding: 0.5rem;\n  border-radius: 50%;\n  width: 1.5rem;\n  height: 1.5rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.625rem;\n  color: #fff;\n}\n.admin-pagination {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 1rem;\n  height: 3rem;\n  background: #e7e7e7;\n  min-height: 3.125rem;\n  border-bottom-left-radius: 0.313rem;\n  border-bottom-right-radius: 0.313rem;\n  border-top: 0;\n}\n.admin-pagination .pagination-arrow {\n  display: flex;\n  gap: 0.5rem;\n}\n.admin-pagination .pagination-arrow span i,\n.admin-pagination .pagination-arrow .number-btn {\n  background: var(--background-white);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.25rem;\n  width: 2rem;\n  height: 2rem;\n  border: none;\n  cursor: pointer;\n}\n.admin-pagination .pagination-arrow .number-btn.active,\n.admin-pagination .pagination-arrow .number-btn.active:hover,\n.admin-pagination .pagination-arrow span i:hover {\n  background: var(--color-primary);\n  color: #fff;\n}\n.admin-pagination .pagination-arrow .admin-font {\n  cursor: pointer;\n  font-size: 1.313rem;\n}\n.admin-pagination .pagination-arrow .pagination {\n  display: flex;\n  gap: 0.5rem;\n}\n.admin-pagination .pagination-button-disabled i {\n  background: rgba(233, 233, 233, 0.6117647059);\n  color: rgba(0, 0, 0, 0.2901960784);\n}\n.admin-pagination .pagination-button-disabled i:hover {\n  background: rgba(233, 233, 233, 0.6117647059);\n  color: rgba(0, 0, 0, 0.2901960784);\n}\n.admin-pagination .pagination-number-wrapper {\n  font-size: 1.063rem;\n  color: var(--sub-text-color);\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  white-space: nowrap;\n}\n.admin-pagination .pagination-number-wrapper .showing-number {\n  padding-top: 0.125rem;\n  display: flex;\n  align-items: center;\n  gap: 0.313rem;\n}\n.admin-pagination .pagination-number-wrapper .showing-number select {\n  margin: 0 0.5rem;\n}\n.reactour__mask {\n  opacity: 0.3 !important;\n}\n.tour-content .title {\n  font-size: 1.25rem;\n  padding-bottom: 0.5rem;\n}\n.tour-content .buttons-wrapper {\n  padding-top: 1.25rem;\n}\n.demo-wrapper {\n  position: relative;\n}\n.demo-wrapper .watermark {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-30deg);\n  color: rgba(0, 0, 0, 0.2784313725);\n  font-size: 8rem;\n  pointer-events: none;\n  white-space: nowrap;\n  z-index: 10;\n}\n@media only screen and (width <= 37.5rem) {\n  #admin-main-wrapper {\n    margin-left: -0.625rem;\n  }\n  .form-select-field {\n    width: 100% !important;\n  }\n  .admin-pagination {\n    height: auto;\n  }\n}\n\n/* src/styles/web/UI/ButtonInput.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.btn-purple {\n  background: color-mix(in srgb, var(--color-primary) 10%, white);\n  color: var(--color-primary);\n  border: 0.063rem solid color-mix(in srgb, var(--color-primary) 10%, white);\n}\n.btn-purple:hover {\n  background: color-mix(in srgb, var(--color-primary) 10%, white);\n  color: var(--color-primary);\n}\n.btn-border-purple {\n  background: transparent;\n  color: var(--color-primary);\n  border: 0.063rem solid var(--color-primary);\n}\n.btn-purple-bg {\n  background: var(--color-primary);\n  color: #fff;\n  border: 0.063rem solid var(--color-primary);\n}\n.btn-purple-bg:hover {\n  background: var(--color-primary);\n}\n.btn-purple-color {\n  color: var(--color-primary);\n  background: transparent;\n}\n.btn-red {\n  background: #fde8e4;\n  color: #f06b4f;\n  border: 0.063rem solid #fde8e4;\n}\n.btn-red:hover {\n  background: #fde8e4;\n  color: #f06b4f;\n}\n.btn-border-red {\n  background: transparent;\n  color: #f06b4f;\n  border: 0.063rem solid #f06b4f;\n}\n.btn-red-bg {\n  background: #f06b4f;\n  color: #fff;\n  border: 0.063rem solid #f06b4f;\n}\n.btn-red-bg:hover {\n  background: #f06b4f;\n}\n.btn-red-color {\n  color: #f06b4f;\n  background: transparent;\n}\n.btn-green {\n  background: #d9f5f0;\n  color: #06be9f;\n  border: 0.063rem solid #d9f5f0;\n}\n.btn-green:hover {\n  background: #d9f5f0;\n  color: #06be9f;\n}\n.btn-border-green {\n  background: transparent;\n  color: #06be9f;\n  border: 0.063rem solid #06be9f;\n}\n.btn-green-bg {\n  background: #06be9f;\n  color: #fff;\n  border: 0.063rem solid #06be9f;\n}\n.btn-green-bg:hover {\n  background: #06be9f;\n}\n.btn-green-color {\n  color: #06be9f;\n  background: transparent;\n}\n.btn-yellow {\n  background: #fff0e1;\n  color: #ff9f43;\n  border: 0.063rem solid #fff0e1;\n}\n.btn-yellow:hover {\n  background: #fff0e1;\n  color: #ff9f43;\n}\n.btn-border-yellow {\n  background: transparent;\n  color: #ff9f43;\n  border: 0.063rem solid #ff9f43;\n}\n.btn-yellow-bg {\n  background: #ff9f43;\n  color: #fff;\n  border: 0.063rem solid #ff9f43;\n}\n.btn-yellow-bg:hover {\n  background: #ff9f43;\n}\n.btn-yellow-color {\n  color: #ff9f43;\n  background: transparent;\n}\n.btn-blue {\n  background: rgba(191, 222, 237, 0.431372549);\n  color: rgba(0, 61, 102, 0.8705882353);\n  border: 0.063rem solid rgba(191, 222, 237, 0.431372549);\n}\n.btn-blue:hover {\n  background: rgba(191, 222, 237, 0.431372549);\n  color: rgba(0, 61, 102, 0.8705882353);\n}\n.btn-border-blue {\n  background: transparent;\n  color: rgba(0, 61, 102, 0.8705882353);\n  border: 0.063rem solid rgba(0, 61, 102, 0.8705882353);\n}\n.btn-blue-bg {\n  background: rgba(0, 61, 102, 0.8705882353);\n  color: #fff;\n  border: 0.063rem solid rgba(0, 61, 102, 0.8705882353);\n}\n.btn-blue-bg:hover {\n  background: rgba(0, 61, 102, 0.8705882353);\n}\n.btn-blue-color {\n  color: rgba(0, 61, 102, 0.8705882353);\n  background: transparent;\n}\n.btn-white {\n  background: #fff;\n  color: #000;\n  border: 0.063rem solid #fff;\n}\n.btn-white:hover {\n  background: #fff;\n  color: #000;\n}\n.btn-border-white {\n  background: transparent;\n  color: #000;\n  border: 0.063rem solid #000;\n}\n.btn-white-bg {\n  background: #000;\n  color: #fff;\n  border: 0.063rem solid #000;\n}\n.btn-white-bg:hover {\n  background: #000;\n}\n.btn-white-color {\n  color: #000;\n  background: transparent;\n}\n.buttons-wrapper {\n  display: flex;\n  justify-content: end;\n  align-items: end;\n  gap: 0.625rem;\n  flex-wrap: wrap;\n}\n.buttons-wrapper[data-position=center] {\n  justify-content: center;\n}\n.buttons-wrapper[data-position=left] {\n  justify-content: start;\n}\n.buttons-wrapper[data-position=right] {\n  justify-content: end;\n}\n.admin-btn {\n  outline: none;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-decoration: none;\n  text-align: center;\n  padding: 0.5rem 1.438rem 0.5rem 1.313rem;\n  border-radius: 0.25rem;\n  font-size: 0.85rem;\n  transition: all 0.3s linear;\n  width: fit-content;\n  gap: 0.5rem;\n  font-weight: 500;\n  white-space: nowrap;\n}\n.add-btn {\n  display: flex;\n  gap: 0.313rem;\n  align-items: center;\n  border-bottom: 0.063rem solid var(--color-primary);\n  padding-bottom: 0.125rem;\n  font-size: 0.813rem;\n  color: var(--color-primary);\n  cursor: pointer;\n}\n\n/* src/styles/web/Popup.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.popup {\n  position: relative;\n}\n.popup .count {\n  position: absolute;\n  font-size: 0.75rem;\n  right: -0.25rem;\n  top: -0.45rem;\n  padding: 0.125rem;\n  background: #e35047;\n  border-radius: 50%;\n  width: 0.75rem;\n  height: 0.75rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.popup .popup-backdrop {\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 9999;\n  animation: fadeIn 0.2s ease-in-out;\n}\n.popup .popup-content {\n  position: fixed;\n  width: 31rem;\n  z-index: 9999;\n  background: var(--background-white);\n  transition: transform 1s ease 0.3s;\n  border-radius: 0.25rem;\n}\n.popup .popup-content .popup-header {\n  padding: 1.125rem;\n  border-bottom: 0.063rem solid var(--border-color);\n  position: relative;\n}\n.popup .popup-content .popup-header .popup-title {\n  font-size: 1.313rem;\n  color: var(--text-color);\n  padding-bottom: 0.125rem;\n  line-height: 1.625rem;\n}\n.popup .popup-content .popup-header .popup-title i {\n  color: var(--color-primary);\n  font-size: 1.625rem;\n  margin-right: 0.5rem;\n}\n.popup .popup-content .close-icon {\n  position: fixed;\n  background: #fde8e4;\n  padding: 0.125rem;\n  font-size: 0.95rem;\n  color: #e35047;\n  border-radius: 50%;\n  cursor: pointer;\n  top: 1.313rem;\n  right: 1.313rem;\n  z-index: 99;\n}\n.popup .popup-content .popup-footer {\n  padding: 0.813rem;\n  border-top: 0.063rem solid var(--border-color);\n  position: fixed;\n  width: 100%;\n  bottom: 0;\n  box-sizing: border-box;\n  background: var(--background-white);\n  border-radius: 0 0 0.313rem 0.313rem;\n}\n.popup .popup-content[data-position=menu-dropdown] {\n  position: absolute;\n  top: 2rem;\n  overflow: hidden;\n  border: 0.063rem solid var(--border-color);\n  max-width: 14rem;\n  min-width: 14rem;\n  right: 0;\n  background: var(--background-white);\n  transition: all 0.3s ease;\n  z-index: 9999;\n  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.15);\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-body {\n  margin: 0;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-body .tabs-wrapper {\n  margin: 0;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-body .tabs-footer {\n  padding: 0.5rem;\n  border-top: 0.063rem solid var(--border-color);\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-body .tabs-footer .admin-btn {\n  width: 100%;\n  box-sizing: border-box;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-body .elements-wrapper {\n  top: 0;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-header .title {\n  padding: 0.75rem;\n  border-bottom: 0.063rem solid var(--border-color);\n  display: flex;\n  justify-content: space-between;\n  font-size: 1.25rem;\n  align-items: center;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-header .popup-header-content {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 0.75rem;\n  border-bottom: 0.063rem solid var(--border-color);\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-header .popup-header-content .popup-header-icon {\n  font-size: 1.25rem;\n  color: #666;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-header .popup-header-content .popup-header-text {\n  flex: 1;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-header .popup-header-content .popup-header-text .popup-title {\n  font-weight: 600;\n  font-size: 1rem;\n  color: #333;\n  margin-bottom: 0.25rem;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-header .popup-header-content .popup-header-text .popup-description {\n  font-size: 0.875rem;\n  color: #777;\n  line-height: 1.4;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-header .popup-close-button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0.25rem;\n  color: #999;\n  font-size: 1.25rem;\n  border-radius: 0.25rem;\n  transition: all 0.2s ease;\n}\n.popup .popup-content[data-position=menu-dropdown] .popup-header .popup-close-button:hover {\n  color: #333;\n  background: #f0f0f0;\n}\n.popup .popup-content[data-position=menu-dropdown].checkbox ul {\n  padding: 0;\n}\n.popup .popup-content[data-position=menu-dropdown].checkbox ul li {\n  padding: 0.625rem;\n}\n.popup .popup-content[data-position^=slide-] {\n  display: flex;\n  flex-direction: column;\n  max-height: 95vh;\n  min-height: 25rem;\n}\n.popup .popup-content[data-position^=slide-] .popup-body {\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-height: 70vh;\n  height: 100%;\n  overflow: auto;\n  margin-bottom: 1rem;\n}\n.popup .popup-content[data-position^=slide-] .popup-body .heading {\n  font-size: 1.125rem;\n  font-weight: 500;\n}\n.popup .popup-content[data-position^=slide-]:has(.popup-footer) .popup-body {\n  margin-bottom: 4.5rem;\n}\n.popup .popup-content[data-position=slide-right-to-left] {\n  top: auto;\n  right: 1rem;\n  bottom: 1rem;\n  animation: slide-right-to-left 0.3s ease-out forwards;\n}\n.popup .popup-content[data-position=slide-left-to-right] {\n  top: auto;\n  left: 1rem;\n  bottom: 1rem;\n  animation: slide-left-to-right 0.3s ease-out forwards;\n}\n.popup .popup-content[data-position=slide-top-to-bottom] {\n  top: 1rem;\n  left: 50%;\n  transform: translateX(-50%);\n  animation: slide-top-to-bottom 0.3s ease-out forwards;\n}\n.popup .popup-content[data-position=slide-bottom-to-top] {\n  bottom: 1rem;\n  left: 50%;\n  transform: translateX(-50%);\n  animation: slide-bottom-to-top 0.3s ease-out forwards;\n}\n.popup .popup-content[data-position=lightbox] {\n  top: 50%;\n  left: 50%;\n  min-width: 24rem;\n  max-width: 90vw;\n  max-height: 80vh;\n  overflow: auto !important;\n  animation: modalSlideIn 0.3s ease-out;\n  position: fixed;\n  transform: translate(-50%, -50%) scale(0.95);\n  opacity: 0;\n  transition: all 0.25s ease;\n}\n.popup .popup-content.popup-open {\n  transform: translate(0);\n}\n.popup.popup-open [data-position=lightbox] {\n  transform: translate(-50%, -50%) scale(1);\n  opacity: 1;\n}\n.popup.popup-menu-dropdown .popup-icon {\n  display: inline-block;\n  cursor: pointer;\n}\n.popup.select-popup .select-wrapper {\n  padding: 1.5rem;\n}\n.popup .popup-footer {\n  padding: 0.75rem;\n  border-top: 0.063rem solid var(--border-color);\n}\n.popup:has([data-position=menu-dropdown]) .popup-backdrop {\n  background: transparent;\n}\n.popup .available-balance {\n  font-size: 1rem;\n  border-radius: 0.25rem;\n  color: rgba(0, 0, 0, 0.431372549);\n  font-weight: 500;\n  text-align: center;\n}\n.popup .available-balance div {\n  font-weight: 600;\n  color: var(--color-primary);\n  font-size: 2.5rem;\n  padding-left: 0.313rem;\n  line-height: 3rem;\n}\n.popup .free-wrapper {\n  font-size: 0.95rem;\n  font-weight: 500;\n  padding-top: 0.5rem;\n  color: rgba(0, 0, 0, 0.5215686275);\n}\n.popup .free-wrapper span {\n  padding-right: 0.5rem;\n}\n.popup-confirm {\n  padding: 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.popup-confirm .title {\n  font-size: 1.625rem;\n  line-height: 1.5;\n  color: var(--text-color);\n  padding-top: 0.625rem;\n}\n.popup-confirm .popup-icon {\n  font-size: 2.125rem;\n  padding: 0.813rem;\n}\n.popup-confirm .buttons-wrapper {\n  padding-top: 1.813rem;\n}\n@keyframes slide-right-to-left {\n  from {\n    transform: translateX(100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n@keyframes slide-left-to-right {\n  from {\n    transform: translateX(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n@keyframes slide-top-to-bottom {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n@keyframes slide-bottom-to-top {\n  from {\n    transform: translateY(100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n/* src/styles/web/UI/Tooltip.scss */\n.tooltip-wrapper {\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n}\n.tooltip-wrapper:hover .tooltip-name {\n  opacity: 1;\n}\n.tooltip-wrapper .tooltip-name {\n  width: 6rem;\n  transition: all 0.4s ease;\n  font-size: 0.8rem;\n  background-color: #2e2e2e;\n  color: #fff;\n  text-align: center;\n  padding: 0.313rem;\n  border-radius: 0.375rem;\n  position: absolute;\n  z-index: 1;\n  opacity: 0;\n  inset: 0 auto auto 0;\n}\n.tooltip-wrapper.copied .tooltip-name {\n  opacity: 1;\n}\n.tooltip-wrapper.bottom .tooltip-name {\n  transform: translate(-2.313rem, 2rem);\n}\n.tooltip-wrapper.top .tooltip-name {\n  transform: translate(-2.45rem, -2.313rem);\n}\n.tooltip-wrapper.end .tooltip-name {\n  transform: translate(-4.5rem, 2rem);\n}\n.tooltip-wrapper.end .tooltip-name::after {\n  top: auto !important;\n  bottom: 100%;\n  border-color: transparent transparent #2e2e2e !important;\n  left: 80% !important;\n}\n.tooltip-wrapper.hidden .tooltip-name {\n  opacity: 0;\n}\n.tooltip-wrapper:not(.with-out-arrow) .tooltip-name::after {\n  content: "";\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  margin-left: -0.313rem;\n  border-width: 0.313rem;\n  border-style: solid;\n  border-color: #2e2e2e transparent transparent;\n}\n.tooltip-wrapper:not(.with-out-arrow).bottom .tooltip-name::after {\n  top: auto;\n  bottom: 100%;\n  border-color: transparent transparent #2e2e2e;\n}\n\n/* src/styles/web/CalendarInput.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.settings-calender {\n  position: relative;\n}\n.settings-calender .rmdp-container {\n  width: 16.5rem;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class {\n  box-shadow: none;\n  border: none;\n  width: 100%;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar {\n  width: 100%;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-header button i {\n  border-color: var(--color-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-header .rmdp-header-values span.sd {\n  font-size: 1.125rem;\n  color: var(--text-color);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div {\n  width: 100%;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week {\n  gap: 0.5rem;\n  padding: 0.25rem;\n  box-sizing: border-box;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-week-day {\n  font-size: 1.125rem;\n  color: var(--color-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day {\n  height: 6rem;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day span.sd {\n  border-radius: 0.25rem;\n  font-size: 1.5rem;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day span.sd:hover {\n  background: var(--background-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day.rmdp-selected span.sd:not(.highlight) {\n  background: var(--color-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day:not(.rmdp-day-hidden) {\n  background: #efecec;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day {\n  margin: 0;\n  height: 100%;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day span.sd {\n  border-radius: 0.25rem;\n  font-size: 1.25rem;\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day.rmdp-selected span.sd {\n  background: var(--color-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day:not(.rmdp-selected):hover span.sd {\n  background: var(--background-primary);\n}\n.settings-calender .calendar-wrapper .rmdp-top-class .rmdp-panel.right {\n  display: none !important;\n}\n.settings-calender .rmdp-wrapper {\n  width: 100%;\n}\n.settings-calender .rmdp-wrapper .range-picker-wrapper {\n  width: 10rem;\n  padding-top: 0.625rem;\n}\n.settings-calender .rmdp-wrapper .range-picker-wrapper div {\n  padding: 0.625rem;\n  font-size: 0.813rem;\n  border-bottom: 0.063rem solid var(--border-color);\n  cursor: pointer;\n}\n.settings-calender .rmdp-wrapper .range-picker-wrapper div:hover {\n  background: var(--background-primary);\n}\n.settings-calender .calendar-tabs-container {\n  position: absolute;\n  z-index: 99;\n  background: var(--background-white);\n  width: 25rem;\n  right: 0;\n  border-radius: 0.25rem;\n  box-shadow: 0 0.125rem 0.5rem 0 var(--box-shadow);\n}\n.settings-calender .calendar-tabs-container .range-picker-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  justify-content: center;\n  padding: 0.85rem;\n}\n.settings-calender .calendar-tabs-container .range-picker-wrapper div {\n  width: calc(50% - 0.5rem);\n  padding: 0.625rem;\n  box-sizing: border-box;\n  background: var(--background-primary);\n  border-radius: 0.25rem;\n  color: var(--color-primary);\n  text-align: center;\n  font-size: 1rem;\n  cursor: pointer;\n}\n.settings-calender .calendar-tabs-container .tabs-item {\n  width: 100%;\n  padding-top: 0.45rem 1rem;\n}\n.settings-calender .calendar-tabs-container .tabs-item .tab {\n  width: 50%;\n  justify-content: center;\n  font-size: 1.063rem;\n}\n.settings-calender .calendar-tabs-container.open-downward {\n  top: calc(100% + 0.5rem);\n  bottom: auto;\n}\n.settings-calender .calendar-tabs-container.open-upward {\n  bottom: calc(100% + 0.5rem);\n  top: auto;\n}\n.settings-calender .input-calendar {\n  box-shadow: none !important;\n  background: var(--background-white);\n}\n.settings-calender .input-calendar .rmdp-calendar {\n  width: 100%;\n}\n.settings-calender .input-calendar .rmdp-header .rmdp-header-values {\n  font-size: 1.313rem;\n  font-weight: 500;\n  color: var(--text-color);\n}\n.settings-calender .input-calendar .rmdp-header .rmdp-arrow-container {\n  color: var(--color-primary);\n}\n.settings-calender .input-calendar .rmdp-header .rmdp-arrow-container i {\n  width: 0.45rem;\n  height: 0.45rem;\n  cursor: pointer;\n  border-color: var(--color-primary);\n}\n.settings-calender .input-calendar .rmdp-header .rmdp-arrow-container:hover {\n  background: transparent;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-week .rmdp-week-day {\n  color: var(--color-primary);\n  width: 3.313rem;\n  font-size: 1.125rem;\n  padding-bottom: 0.5rem;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day-picker {\n  justify-content: center;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day {\n  width: 3.313rem;\n  height: 3.313rem;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day span.sd {\n  font-size: 1.063rem;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day.rmdp-range {\n  background: var(--background-primary);\n  color: var(--color-primary);\n  box-shadow: none;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day.rmdp-today span {\n  background: var(--color-primary);\n  color: #fff;\n}\n.settings-calender .input-calendar .rmdp-day-picker .rmdp-day:not(.rmdp-disabled, .rmdp-day-hidden) span:hover {\n  background: var(--background-primary);\n  color: var(--color-primary);\n}\n\n/* src/styles/web/ColorSettingInput.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.color-settings-wrapper {\n  width: 100%;\n}\n.color-settings-wrapper .tabs-item {\n  border-bottom: 0.12rem solid var(--border-color);\n}\n.color-settings-wrapper .form-group-color-setting {\n  display: flex;\n  margin: 1rem 0;\n  justify-content: end;\n}\n.color-settings-wrapper .form-group-color-setting .form-group-wrapper .form-group {\n  padding: 0;\n  gap: 0;\n}\n.color-settings-wrapper .form-group-color-setting .form-group-wrapper .form-group label {\n  width: 100%;\n}\n.color-settings-wrapper .form-group-color-setting .form-group-setting-wrapper {\n  display: flex;\n  align-items: center;\n}\n.color-settings-wrapper .form-group-color-setting .form-group-setting-wrapper label {\n  font-size: 1rem;\n  width: 80%;\n}\n.color-settings-wrapper .form-group-color-setting .admin-btn {\n  background: transparent;\n}\n.color-settings-wrapper .form-group-color-setting .admin-btn:first-child {\n  border-radius: 0.25rem 0 0 0.313rem;\n}\n.color-settings-wrapper .form-group-color-setting .admin-btn:last-child {\n  border-radius: 0.25rem 0 0 0.313rem;\n}\n.color-settings-wrapper .color-setting {\n  display: flex;\n  gap: 2rem;\n}\n.color-settings-wrapper .color-setting .color-palette-wrapper {\n  width: 22%;\n}\n.color-settings-wrapper .color-setting .color-palette-wrapper .form-group-setting-wrapper {\n  padding-bottom: 1rem;\n}\n.color-settings-wrapper .color-setting .color-palette-wrapper .form-group-setting-wrapper .choice-toggle-container {\n  margin-top: 0.313rem;\n}\n.color-settings-wrapper .color-setting .color-palette-wrapper .color-palette {\n  display: flex;\n  gap: 1rem;\n  flex-direction: column;\n}\n.color-settings-wrapper .color-setting .color-palette-wrapper .color-palette .palette {\n  display: flex;\n  align-items: center;\n}\n.color-settings-wrapper .color-setting .color-palette-wrapper .color-palette .palette input {\n  display: none;\n}\n.color-settings-wrapper .color-setting .color-palette-wrapper .color-palette .palette label {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-direction: column;\n  border: 0.063rem solid #ccc;\n  border-radius: 0.375rem;\n  padding: 0.625rem 0.75rem;\n  cursor: pointer;\n  background-color: #fff;\n  width: 100%;\n  transition: all 0.2s ease;\n}\n.color-settings-wrapper .color-setting .color-palette-wrapper .color-palette .palette:has(input:checked) label {\n  border: 0.063rem solid var(--color-primary);\n  background: var(--background-primary);\n}\n.color-settings-wrapper .color-setting .color-palette-wrapper .color-palette .palette span {\n  font-size: 0.875rem;\n  font-weight: 500;\n}\n.color-settings-wrapper .color-setting .color-palette-wrapper .color-palette .palette .color {\n  display: flex;\n  width: 100%;\n  height: 1.125rem;\n  border: 0.063rem solid #ddd;\n  border-radius: 0.25rem;\n  overflow: hidden;\n}\n.color-settings-wrapper .color-setting .color-palette-wrapper .color-palette .palette .color div {\n  width: 100%;\n}\n.color-settings-wrapper .image-list {\n  width: 25%;\n  flex-direction: column;\n}\n.color-settings-wrapper .image-list .image-thumbnail {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  padding: 0.625rem 0.85rem;\n  margin-bottom: 0.625rem;\n  border: 0.063rem solid var(--border-color);\n  cursor: pointer;\n  border-radius: 0.25rem;\n}\n.color-settings-wrapper .image-list .image-thumbnail label {\n  font-size: 0.95rem;\n  font-weight: 500;\n}\n.color-settings-wrapper .image-list .image-thumbnail img {\n  width: 3rem;\n  height: 100%;\n}\n.color-settings-wrapper .image-list .image-thumbnail.active {\n  border-color: var(--color-primary);\n  background: var(--background-primary);\n}\n.color-settings-wrapper .image-list .image-thumbnail.active label {\n  color: var(--color-primary);\n}\n.color-settings-wrapper .image-preview {\n  max-height: 50rem;\n  width: 75%;\n}\n.color-settings-wrapper .image-preview img {\n  height: auto;\n  width: 100%;\n}\n.color-settings-wrapper .preview-wrapper {\n  width: 78%;\n  border: 0.063rem solid #ccc;\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.1019607843);\n  min-height: 24rem;\n}\n.color-settings-wrapper .dashboard-preview-wrapper {\n  display: flex;\n  width: 100%;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .left-wrapper {\n  width: 10rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  z-index: 999;\n  justify-items: start;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .left-wrapper .logo-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.75rem;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .left-wrapper .logo-wrapper .logo {\n  font-weight: 600;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .left-wrapper .logo-wrapper img {\n  width: auto;\n  height: 1.5rem;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs {\n  padding: 0;\n  margin: 0;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li {\n  padding: 0 0.75rem;\n  position: relative;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li .admin-arrow {\n  position: absolute;\n  top: 25%;\n  right: 1rem;\n  font-size: 1rem;\n  color: #000;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li a.tab {\n  display: flex;\n  position: relative;\n  align-items: center;\n  transition: all 0.3s ease;\n  font-weight: 700;\n  font-size: 0.75rem;\n  letter-spacing: 0.01em;\n  text-transform: none;\n  line-height: 1.25;\n  color: #526484;\n  padding: 0.313rem 0.5rem;\n  border-radius: 0.375rem;\n  gap: 0.5rem;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li a.tab .tab-name {\n  display: flex;\n  gap: 0.875rem;\n  align-items: center;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li.active a.tab,\n.color-settings-wrapper .dashboard-preview-wrapper .left-wrapper .dashboard-tabs li:hover a.tab {\n  background-color: #ebeef2;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .left-wrapper .subtabs {\n  list-style-type: none;\n  padding: 0;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .left-wrapper .subtabs li {\n  padding: 0;\n  margin: 0;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .left-wrapper .subtabs li a {\n  font-size: 0.625rem;\n  letter-spacing: 0.01em;\n  text-transform: none;\n  line-height: 0.5rem;\n  color: #526484;\n  padding-left: 3rem;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper {\n  width: calc(100% - 10rem);\n  min-height: 100vh;\n  background-color: #f3f5f7;\n  position: relative;\n  margin: 0;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar {\n  width: 96%;\n  background: #fff;\n  display: flex;\n  justify-content: space-between;\n  min-height: 2.5rem;\n  max-height: 2.5rem;\n  align-items: center;\n  padding: 0 1rem;\n  position: absolute;\n  right: 0;\n  z-index: 1;\n  box-shadow: 0 0.063rem 0.188rem rgba(54, 74, 99, 0.0509803922);\n  border-bottom: 0.063rem solid #e5e9f2;\n  top: 0;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right {\n  display: flex;\n  gap: 0.75rem;\n  align-items: center;\n  list-style-type: none;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right li {\n  position: relative;\n  cursor: pointer;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right li .adminfont-icon {\n  color: #526484;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right .login-user {\n  position: relative;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right .login-user .avatar-wrapper {\n  border-radius: 50%;\n  width: 1rem;\n  height: 1rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #fff;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .top-navbar .navbar-rightside .navbar-right .login-user .avatar-wrapper i {\n  font-size: 0.75rem;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper {\n  padding: 4rem 2rem 2rem;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .title-wrapper {\n  display: flex;\n  justify-content: space-between;\n  height: 3rem;\n  align-items: center;\n  margin-bottom: 0.75rem;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .title-wrapper .left-section {\n  width: 50%;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .title-wrapper .left-section .title {\n  font-size: 1rem;\n  font-weight: 500;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .title-wrapper .left-section .des {\n  width: 60%;\n  height: 0.25rem;\n  background: rgba(195, 195, 195, 0.6901960784);\n  margin: 0.313rem 0;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .title-wrapper .dashboard-btn {\n  padding: 0.25rem 0.75rem;\n  border-radius: 0.25rem;\n  color: #fff;\n  font-weight: 600;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper {\n  display: flex;\n  gap: 1rem;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper .item {\n  width: 100%;\n  padding: 1rem;\n  border-radius: 0.25rem;\n  display: flex;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper .item .details {\n  width: 100%;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper .item .details .price {\n  height: 0.313rem;\n  width: 60%;\n  background: rgba(195, 195, 195, 0.6901960784);\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper .item .details .des {\n  width: 60%;\n  height: 0.75rem;\n  background: rgba(195, 195, 195, 0.6901960784);\n  margin-top: 0.813rem;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .tab-content-wrapper .dashboard-card-wrapper .item .icon-wrapper {\n  padding: 0.313rem;\n  border-radius: 0.25rem;\n  color: #fff;\n  width: 1rem;\n  height: 1rem;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row {\n  display: flex;\n  gap: 1rem;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section {\n  background: var(--background-white);\n  border-radius: 0.25rem;\n  box-shadow: 0 0.125rem 0.5rem 0 var(--box-shadow);\n  width: 100%;\n  height: 8rem;\n  margin-top: 1rem;\n  padding: 0.625rem;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section.w-65 {\n  width: 65%;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section.w-35 {\n  width: 35%;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section .section-header {\n  width: 100%;\n  height: 1.75rem;\n  display: flex;\n  align-items: center;\n  margin: 0 0.625rem;\n  box-sizing: border-box;\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section .section-header .title {\n  width: 5rem;\n  height: 0.45rem;\n  background: rgba(195, 195, 195, 0.6901960784);\n}\n.color-settings-wrapper .dashboard-preview-wrapper .tab-wrapper .dashboard-row .section span {\n  width: 95%;\n  height: 0.313rem;\n  background: rgba(195, 195, 195, 0.4);\n  display: block;\n  margin: 0.625rem;\n  box-sizing: border-box;\n}\n@media screen and (width <= 37.5rem) {\n  .color-settings-wrapper .color-setting {\n    flex-direction: column;\n    gap: 1rem;\n  }\n  .color-settings-wrapper .color-setting .image-list,\n  .color-settings-wrapper .color-setting .preview-wrapper,\n  .color-settings-wrapper .color-setting .color-palette-wrapper {\n    width: 100% !important;\n  }\n  .color-settings-wrapper .color-setting .image-list .banner-slider::after,\n  .color-settings-wrapper .color-setting .preview-wrapper .banner-slider::after,\n  .color-settings-wrapper .color-setting .color-palette-wrapper .banner-slider::after {\n    font-size: 3rem;\n  }\n  .color-settings-wrapper .color-setting .template-list {\n    flex-direction: row !important;\n  }\n}\n\n/* src/styles/web/ChoiceToggle.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.choice-toggle-wrapper {\n  display: flex;\n  align-items: normal;\n}\n.choice-toggle-wrapper .toggle-option {\n  list-style-type: none;\n  margin: 0;\n  position: relative;\n}\n.choice-toggle-wrapper .toggle-option input {\n  display: none;\n}\n.choice-toggle-wrapper .toggle-option label {\n  list-style-type: none;\n  margin: 0;\n  padding: 0.5rem 0.75rem;\n  border: 0.12rem solid var(--border-color);\n  font-weight: 500;\n  line-height: 1rem;\n  font-size: 0.9rem;\n  color: #9fa1a4;\n  cursor: pointer;\n  border-right: none;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.5rem;\n  height: 100%;\n  box-sizing: border-box;\n}\n.choice-toggle-wrapper .toggle-option label img {\n  height: 3rem;\n}\n.choice-toggle-wrapper .toggle-option label i {\n  font-size: 1.813rem;\n}\n.choice-toggle-wrapper .toggle-option label span {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.625rem;\n}\n.choice-toggle-wrapper .toggle-option label .des {\n  font-size: 0.813rem;\n}\n.choice-toggle-wrapper .toggle-option:last-child label {\n  border-top-right-radius: 0.313rem;\n  border-bottom-right-radius: 0.313rem;\n  border-right: 0.12rem solid var(--border-color);\n}\n.choice-toggle-wrapper .toggle-option:first-child label {\n  border-top-left-radius: 0.313rem;\n  border-bottom-left-radius: 0.313rem;\n}\n.choice-toggle-wrapper .toggle-option input:checked + label {\n  background: var(--background-primary);\n  border: 0.115rem solid var(--color-primary);\n}\n.choice-toggle-wrapper .toggle-option input:checked + label span {\n  color: var(--color-primary);\n}\n.choice-toggle-wrapper .toggle-option .admin-pro-tag {\n  right: 0;\n  top: -0.063rem;\n}\n.choice-toggle-wrapper div:has(input:checked) + div label {\n  border-left: none;\n}\n.choice-toggle-wrapper.custom {\n  gap: 0.5rem;\n  width: 100%;\n  flex-wrap: wrap;\n}\n.choice-toggle-wrapper.custom span {\n  font-size: 1.125rem;\n  flex-direction: row !important;\n  color: var(--text-color);\n}\n.choice-toggle-wrapper.custom label {\n  border: 0.12rem solid var(--border-color);\n  border-radius: 0.25rem;\n  align-items: start;\n  gap: 0.313rem;\n}\n.choice-toggle-wrapper.custom input[type=radio]:checked::before {\n  color: var(--color-primary);\n}\n.choice-toggle-wrapper.custom .choice-toggle-custom-wrapper {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.choice-toggle-wrapper.custom .choice-toggle-custom-wrapper .choice-toggle-notice .title {\n  font-size: 1rem;\n  color: var(--sub-text-color);\n}\n.choice-toggle-wrapper.custom .choice-toggle-custom-wrapper .choice-toggle-notice ul {\n  margin: 0 2.5rem;\n  list-style: number;\n  font-size: 0.813rem;\n  padding-top: 0.25rem;\n  color: var(--sub-text-color);\n}\n.choice-toggle-wrapper.custom div:has(input:checked) + div label {\n  border: 0.12rem solid var(--border-color);\n}\n.choice-toggle-container {\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.choice-toggle-container.full-width {\n  width: 100%;\n}\n.choice-toggle-container.full-width .toggle-option,\n.choice-toggle-container.full-width .choice-toggle-wrapper {\n  width: 100%;\n}\n.choice-toggle-container:has(.custom) {\n  width: 100%;\n}\n@media screen and (width <= 37.5rem) {\n  .choice-toggle-wrapper.custom .toggle-option {\n    width: 100% !important;\n  }\n  .choice-toggle-wrapper {\n    flex-wrap: wrap;\n  }\n  .choice-toggle-wrapper .tabs-wrapper {\n    flex-direction: row;\n    gap: 0;\n    margin-top: 1rem;\n  }\n}\n\n/* src/styles/web/EndpointEditor.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.endpoints-wrapper {\n  width: 100%;\n}\n.endpoints-wrapper .endpoint .menu-item {\n  margin-bottom: 0.5rem;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu,\n.endpoints-wrapper .endpoint .menu-item .edit-menu {\n  display: flex;\n  justify-content: space-between;\n  border: 0.063rem solid var(--color-primary);\n  padding: 0.8rem 1rem;\n  cursor: move;\n  border-radius: 0.25rem;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .name-wrapper,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .name-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .name-wrapper .input-label,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .name-wrapper .input-label {\n  font-size: 0.95rem;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .name-wrapper i,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .name-wrapper i {\n  font-size: 1.125rem;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .name-wrapper .name,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .name-wrapper .name {\n  font-size: 0.9rem;\n  font-weight: 500;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .edit-icon,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .edit-icon {\n  display: flex;\n  gap: 0.5rem;\n  opacity: 0;\n  transition: all 0.4s ease;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .edit-icon i,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .edit-icon i {\n  font-size: 1.125rem;\n  cursor: pointer;\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu .edit-icon .adminfont-eye,\n.endpoints-wrapper .endpoint .menu-item .edit-menu .edit-icon .adminfont-eye {\n  color: var(--color-primary);\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu:hover,\n.endpoints-wrapper .endpoint .menu-item .edit-menu:hover {\n  background: var(--background-primary);\n}\n.endpoints-wrapper .endpoint .menu-item .main-menu:hover .edit-icon,\n.endpoints-wrapper .endpoint .menu-item .edit-menu:hover .edit-icon {\n  opacity: 1;\n}\n.endpoints-wrapper .endpoint .menu-item .sub-menu {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  border-radius: 0.25rem;\n}\n.endpoints-wrapper .endpoint .menu-item .sub-menu i:last-child {\n  opacity: 0;\n}\n.endpoints-wrapper .endpoint .menu-item .sub-menu:hover i:last-child {\n  opacity: 1;\n}\n.endpoints-wrapper .endpoint .menu-item input {\n  width: fit-content;\n  background: #fff;\n}\n.endpoints-wrapper .endpoint .menu-item .adminfont-move {\n  margin-right: 0.5rem;\n  color: var(--color-primary);\n  font-size: 1.313rem;\n}\n.endpoints-wrapper .endpoint .menu-item:has(.main-menu:hover),\n.endpoints-wrapper .endpoint .menu-item:has(.edit-menu:hover) {\n  background: #e8e8e8;\n}\n.endpoints-wrapper .endpoint .menu-item ul {\n  margin: 0;\n}\n.endpoints-wrapper .endpoint .menu-item ul li {\n  padding: 0.8rem 1rem;\n  margin: 0.5rem 0 0 2rem;\n  border: 0.063rem solid var(--color-primary);\n  cursor: move;\n}\n.endpoints-wrapper .endpoint .menu-item ul li:hover {\n  background: var(--background-primary);\n}\n\n/* src/styles/web/UI/Skeleton.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.skeleton {\n  display: inline-block;\n  position: relative;\n  overflow: hidden;\n  background:\n    linear-gradient(\n      90deg,\n      var(--border-color) 25%,\n      var(--background-white) 37%,\n      var(--border-color) 63%);\n  background-size: 400% 100%;\n  animation: skeleton-loading 1.4s ease infinite;\n  font-size: inherit;\n  line-height: inherit;\n}\n.skeleton-text {\n  height: 1em;\n  border-radius: 0.25rem;\n}\n.skeleton-rectangular {\n  border-radius: 0.25rem;\n}\n.skeleton-circular {\n  border-radius: 50%;\n}\n@keyframes skeleton-loading {\n  0% {\n    background-position: 100% 0;\n  }\n  100% {\n    background-position: -100% 0;\n  }\n}\n\n/* src/styles/web/EventCalendar.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.settings-event-calendar .rmdp-wrapper {\n  width: 100%;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class {\n  box-shadow: none;\n  border: none;\n  width: 100%;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar {\n  width: 100%;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-header button i,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-header button i {\n  border-color: var(--color-primary);\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-header .rmdp-header-values span,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-header .rmdp-header-values span {\n  font-size: 1.5rem;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div {\n  width: 100%;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week {\n  gap: 0.5rem;\n  padding: 0.25rem;\n  box-sizing: border-box;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-week-day,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-week-day {\n  font-size: 1.125rem;\n  color: var(--color-primary);\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day {\n  height: 8rem;\n  margin: 1rem;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd {\n  height: 100%;\n  justify-content: end;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd .event,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd .event {\n  padding: 0.313rem 0.5rem;\n  background: rgba(255, 0, 0, 0.1607843137);\n  text-align: left;\n  color: red;\n  border-left: 0.125rem solid;\n  margin: 0.125rem 0;\n  box-sizing: border-box;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd .event .name,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .sd .event .name {\n  font-size: 1rem;\n  line-height: 1;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .date,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day .date {\n  font-size: 1.5rem;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day span:not(.highlight),\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-day-picker div .rmdp-week .rmdp-day span:not(.highlight) {\n  background: none;\n  box-shadow: none;\n  color: var(--text-color);\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-month-picker .rmdp-day,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day {\n  margin: 0;\n  height: 100%;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-month-picker .rmdp-day span.sd,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day span.sd {\n  border-radius: 0.25rem;\n  font-size: 1.25rem;\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-month-picker .rmdp-day.rmdp-selected span.sd,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day.rmdp-selected span.sd {\n  background: var(--color-primary);\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-calendar .rmdp-month-picker .rmdp-day:not(.rmdp-selected):hover span.sd,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-calendar .rmdp-month-picker .rmdp-day:not(.rmdp-selected):hover span.sd {\n  background: var(--background-primary);\n}\n.settings-event-calendar .rmdp-wrapper .calendar-wrapper .rmdp-panel.right,\n.settings-event-calendar .rmdp-wrapper .rmdp-top-class .rmdp-panel.right {\n  display: none !important;\n}\n.settings-event-calendar .event-item .event-list {\n  position: relative;\n}\n.settings-event-calendar .event-item .event-list .buttons-wrapper {\n  position: absolute;\n}\n\n/* src/styles/web/ExpandablePanel.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.expandable-panel-group {\n  margin: 0;\n  width: 80%;\n}\n.expandable-panel-group .expandable-item {\n  margin-bottom: 1rem;\n  cursor: pointer;\n}\n.expandable-panel-group .expandable-item .expandable-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.5rem;\n  padding: 0.45rem;\n  cursor: pointer;\n  border: 0.063rem solid var(--border-color);\n  border-radius: 0.25rem;\n  position: relative;\n}\n.expandable-panel-group .expandable-item .expandable-header .toggle-icon {\n  width: 1.125rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .toggle-icon i {\n  font-size: 1.313rem;\n  color: var(--color-primary);\n  cursor: pointer;\n}\n.expandable-panel-group .expandable-item .expandable-header .toggle-icon .disable {\n  color: rgba(138, 136, 136, 0.4509803922);\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n  width: 100%;\n  justify-content: space-between;\n  min-height: 2.063rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .details-wrapper {\n  display: flex;\n  gap: 0.5rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-icon {\n  padding: 0.313rem;\n  background: var(--background-primary);\n  border-radius: 0.5rem;\n  min-width: 2rem;\n  min-height: 2rem;\n  max-width: 2rem;\n  max-height: 2rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-icon img {\n  width: 100%;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-icon .icon {\n  font-size: 1.313rem;\n  font-weight: 500;\n  color: var(--color-primary);\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-icon .edit-icon {\n  position: absolute;\n  bottom: 0.313rem;\n  left: 2.5rem;\n  font-size: 0.95rem;\n  opacity: 0;\n  transition: all 0.5s ease;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .title-wrapper {\n  display: flex;\n  gap: 0.5rem;\n  justify-content: start;\n  align-items: center;\n  padding: 0;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .title-wrapper .title {\n  font-size: 1rem;\n  display: flex;\n  gap: 1rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .title-wrapper .panel-badges {\n  display: flex;\n  gap: 0.5rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .title-wrapper .admin-badge {\n  padding: 0.313rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .panel-description {\n  font-size: 0.75rem;\n  display: flex;\n  gap: 0.5rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .panel-description p {\n  margin: 0;\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n  color: var(--sub-text-color);\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details .expandable-header-info .panel-description p .admin-badge {\n  margin-top: 0.313rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .header-details.toggle {\n  padding-left: 0.5rem;\n  border-left: 0.063rem solid var(--border-color);\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .price-field {\n  font-size: 1.25rem;\n  font-weight: 500;\n  display: flex;\n  flex-direction: column;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .price-field .desc {\n  padding-left: 0.5rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .settings-btn {\n  display: flex;\n  gap: 0.5rem;\n  list-style-type: none;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .settings-btn .btn-red-color {\n  font-size: 1rem;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .settings-btn li {\n  margin: 0;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .disable-icon {\n  color: gray;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section ul {\n  margin: 0;\n}\n.expandable-panel-group .expandable-item .expandable-header .right-section .dropdown {\n  min-width: 11rem;\n  max-width: 11rem;\n}\n.expandable-panel-group .expandable-item .expandable-header:hover {\n  opacity: 1;\n}\n.expandable-panel-group .expandable-item .expandable-panel {\n  display: flex;\n  flex-wrap: wrap;\n  border: 0.063rem solid var(--border-color);\n  border-top: 0;\n  overflow: hidden;\n  transition: max-height 0.4s ease, opacity 0.4s ease;\n  opacity: 0;\n  border-radius: 0 0 0.25rem 0.25rem;\n}\n.expandable-panel-group .expandable-item .expandable-panel.open {\n  opacity: 1;\n  max-height: 500rem;\n}\n.expandable-panel-group .expandable-item .expandable-panel .panel-description {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.625rem;\n  margin: 0;\n  font-size: 0.95rem;\n}\n.expandable-panel-group .expandable-item.add-method .input-content {\n  width: 100% !important;\n}\n.expandable-panel-group .expandable-item.disable .details,\n.expandable-panel-group .expandable-item.disable .toggle-icon {\n  filter: grayscale(1);\n  opacity: 0.6;\n}\n.expandable-panel-group .expandable-item:has(.expandable-panel) .expandable-header {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.expandable-panel-group .buttons-wrapper {\n  margin: 0;\n}\n.icon-options-list {\n  position: absolute;\n  width: 40%;\n  background: var(--background-color);\n  border: 0.063rem solid var(--border-color);\n  cursor: pointer;\n  display: flex;\n  gap: 0.5rem;\n  flex-wrap: wrap;\n  padding: 0.5rem;\n  left: 0;\n  top: 100%;\n  z-index: 999;\n}\n.icon-options-list .icon-option {\n  padding: 0.313rem 0;\n  text-align: center;\n  font-size: 1.125rem;\n  width: 2.5rem;\n  height: 2rem;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  background: var(--background-white);\n  margin: 0;\n  cursor: pointer;\n  border: 0.063rem solid transparent;\n}\n.icon-options-list .icon-option i {\n  font-size: 1.313rem;\n}\n.icon-options-list .icon-option.selected {\n  background: var(--background-primary);\n  color: var(--color-primary);\n  border: 0.063rem solid var(--color-primary);\n}\n.wizard-container {\n  width: 100%;\n  max-width: 50rem;\n  margin: 2rem auto;\n  padding: 1.5rem;\n  background: var(--background-white);\n  border-radius: 0.25rem;\n}\n.wizard-container .expandable-panel-group {\n  width: 100%;\n}\n.wizard-container .welcome-wrapper {\n  text-align: center;\n  padding: 1rem;\n  margin-bottom: 1.5rem;\n}\n.wizard-container .welcome-wrapper .wizard-title {\n  display: flex;\n  align-items: center;\n  font-weight: bold;\n  font-size: 1.45rem;\n  justify-content: center;\n  gap: 0.5rem;\n  padding: 0.5rem;\n}\n.wizard-container .welcome-wrapper img {\n  width: 11rem;\n}\n.wizard-container .welcome-wrapper .des {\n  text-align: center;\n  padding: 0 3rem;\n}\n.card-content:has(.expandable-panel-group) .expandable-panel-group {\n  width: 100%;\n}\n@media screen and (width <= 37.5rem) {\n  .expandable-panel-group {\n    width: 100% !important;\n  }\n  .expandable-panel-group .expandable-header {\n    align-items: start !important;\n  }\n  .expandable-panel-group .expandable-header .details-wrapper {\n    flex-direction: column;\n  }\n  .expandable-panel-group .expandable-header .settings-btn .admin-btn {\n    font-size: 0;\n    padding: 0.45rem;\n    gap: 0;\n  }\n  .expandable-panel-group .expandable-header .settings-btn .admin-btn i {\n    font-size: 1rem;\n  }\n}\n\n/* src/styles/web/Notice.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.receiver-float {\n  position: fixed;\n  right: 1.85rem;\n  top: 7rem;\n  z-index: 99999;\n}\n.ui-notice {\n  display: flex;\n  justify-content: flex-start;\n  gap: 0.5rem;\n}\n.ui-notice.type-success i {\n  color: #6bbf8f;\n}\n.ui-notice.type-error i {\n  color: #f7a79a;\n}\n.ui-notice.type-info i {\n  color: var(--color-primary);\n}\n.ui-notice.type-warning i {\n  color: #d4b86a;\n}\n.ui-notice.type-banner {\n  padding: 0.5rem;\n  text-align: center;\n  background: var(--background-primary);\n  font-weight: 600;\n  font-size: 0.8rem;\n  color: var(--text-color);\n  position: relative;\n  min-height: 1rem;\n}\n.ui-notice.type-banner .close-icon {\n  position: absolute;\n  right: 2rem;\n  top: 0.5rem;\n  font-size: 1rem;\n  cursor: pointer;\n}\n.ui-notice.type-banner .notice-details {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n.ui-notice.type-banner .notice-desc {\n  opacity: 0;\n  visibility: hidden;\n  position: absolute;\n  left: 0;\n  width: 100%;\n  pointer-events: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  animation-name: cycle-banner;\n  animation-duration: var(--banner-duration);\n  animation-iteration-count: infinite;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: forwards;\n}\n.ui-notice.type-banner .notice-desc a,\n.ui-notice.type-banner .notice-desc .banner-btn {\n  pointer-events: auto;\n}\n@keyframes cycle-banner {\n  0%, 12.5% {\n    opacity: 1;\n    visibility: visible;\n  }\n  12.6%, 100% {\n    opacity: 0;\n    visibility: hidden;\n  }\n}\n.ui-notice.type-banner .notice-text,\n.ui-notice.type-banner .notice-desc {\n  font-size: 0.813rem;\n}\n.ui-notice.type-banner .notice-desc {\n  font-weight: 400;\n}\n.ui-notice.type-banner a {\n  color: var(--color-primary);\n  text-decoration: underline;\n}\n.ui-notice.display-float {\n  padding: 0.85rem 6rem 0.85rem 0.85rem;\n  font-weight: 400;\n  margin-bottom: 0.5rem;\n  background: var(--background-white);\n  box-shadow: 0 0.125rem 0.5rem 0 var(--box-shadow);\n  animation: noticeslide 3s ease-in;\n  opacity: 1;\n  position: relative;\n}\n.ui-notice.display-float .notice-text {\n  font-size: 1rem;\n  font-weight: 500;\n  line-height: 1.313;\n}\n.ui-notice.display-float .notice-desc {\n  color: var(--sub-text-color);\n}\n.ui-notice.display-float::after {\n  content: "";\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 0;\n  height: 0.125rem;\n  background-color: #6bbf8f;\n  animation: border-slide 2.5s ease-in-out;\n  animation-delay: 0.5s;\n}\n.ui-notice.display-float.type-success i {\n  color: #6bbf8f;\n  font-size: 1.4rem;\n}\n.ui-notice.display-float.type-error i {\n  color: #008000;\n  font-size: 1.4rem;\n}\n.ui-notice.display-inline {\n  gap: 0.25rem;\n}\n.ui-notice.display-inline i {\n  font-size: 1rem;\n}\n.ui-notice.display-inline.type-success .notice-desc,\n.ui-notice.display-inline.type-success .notice-text {\n  color: #6bbf8f;\n}\n.ui-notice.display-inline.type-info .notice-desc,\n.ui-notice.display-inline.type-info .notice-text {\n  color: var(--color-primary);\n}\n.ui-notice.display-inline.type-error .notice-desc,\n.ui-notice.display-inline.type-error .notice-text {\n  color: #f7a79a;\n}\n.ui-notice.display-inline.type-warning .notice-desc,\n.ui-notice.display-inline.type-warning .notice-text {\n  color: #d4b86a;\n}\n.ui-notice.display-inline-notice {\n  gap: 0.25rem;\n}\n.ui-notice.display-inline-notice i {\n  padding: 0.25rem;\n  font-size: 1.25rem;\n  background: var(--background-white);\n  border-radius: 0.313rem;\n}\n.ui-notice.display-inline-notice.type-success .notice-text {\n  color: #6bbf8f;\n}\n.ui-notice.display-inline-notice.type-info .notice-text {\n  color: var(--color-primary);\n}\n.ui-notice.display-inline-notice.type-error .notice-text {\n  color: #f7a79a;\n}\n.ui-notice.display-inline-notice.type-warning .notice-text {\n  color: #d4b86a;\n}\n.ui-notice.display-notice:not(.type-banner),\n.ui-notice.display-inline-notice:not(.type-banner) {\n  padding: 0.5rem 0.8rem;\n  display: flex;\n  align-items: start;\n  gap: 0.5rem;\n  border: 0.063rem solid var(--color-primary);\n  border-radius: 0.25rem;\n  box-sizing: border-box;\n}\n.ui-notice.display-notice:not(.type-banner) .notice-text,\n.ui-notice.display-inline-notice:not(.type-banner) .notice-text {\n  font-size: 1.063rem;\n  font-weight: 500;\n  line-height: 1.5;\n}\n.ui-notice.display-notice:not(.type-banner) .notice-desc,\n.ui-notice.display-inline-notice:not(.type-banner) .notice-desc {\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n}\n.ui-notice.display-notice:not(.type-banner).type-info,\n.ui-notice.display-inline-notice:not(.type-banner).type-info {\n  background: var(--background-primary);\n}\n.ui-notice.display-notice:not(.type-banner).type-info .notice-desc,\n.ui-notice.display-inline-notice:not(.type-banner).type-info .notice-desc {\n  color: var(--text-color);\n}\n.ui-notice.display-notice:not(.type-banner).type-error,\n.ui-notice.display-inline-notice:not(.type-banner).type-error {\n  background: #fff3f1;\n  border-color: #f7a79a;\n}\n.ui-notice.display-notice:not(.type-banner).type-error .notice-desc,\n.ui-notice.display-inline-notice:not(.type-banner).type-error .notice-desc {\n  color: #f7a79a;\n}\n.ui-notice.display-notice:not(.type-banner).type-success,\n.ui-notice.display-inline-notice:not(.type-banner).type-success {\n  background: #e8fbea;\n  border-color: #6bbf8f;\n}\n.ui-notice.display-notice:not(.type-banner).type-success .notice-desc,\n.ui-notice.display-inline-notice:not(.type-banner).type-success .notice-desc {\n  color: #6bbf8f;\n}\n.ui-notice.display-notice:not(.type-banner).type-warning,\n.ui-notice.display-inline-notice:not(.type-banner).type-warning {\n  background: #fffce8;\n  border-color: #d4b86a;\n}\n.ui-notice.display-notice:not(.type-banner).type-warning .notice-desc,\n.ui-notice.display-inline-notice:not(.type-banner).type-warning .notice-desc {\n  color: #d4b86a;\n}\n.ui-notice i {\n  font-size: 1.313rem;\n  color: var(--color-primary);\n}\n.ui-notice .banner-btn {\n  text-decoration: underline;\n  color: var(--color-primary);\n  font-size: 0.8rem;\n  font-weight: 600;\n  padding-left: 0.313rem;\n}\n@keyframes noticeslide {\n  0% {\n    transform: translateX(120%);\n    opacity: 1;\n  }\n  10% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n@keyframes border-slide {\n  0% {\n    width: 0;\n    left: 0;\n  }\n  100% {\n    width: 100%;\n    left: 0;\n  }\n}\n.notice-wrapper {\n  margin: 0 1.25rem;\n}\n\n/* src/styles/web/UI/FormGroupWrapper.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.form-group-wrapper {\n  width: 100%;\n  display: flex;\n  gap: 1rem;\n  flex-wrap: wrap;\n  box-sizing: border-box;\n}\n.form-group-wrapper .form-group {\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  justify-content: end;\n  width: 100%;\n  position: relative;\n  gap: 0.5rem;\n  box-sizing: border-box;\n}\n.form-group-wrapper .form-group:has(label) {\n  justify-content: start;\n}\n.form-group-wrapper .form-group .settings-form-label .title {\n  font-size: 0.95rem;\n  color: var(--text-color);\n  line-height: 1.313;\n  display: flex;\n  gap: 0.313rem;\n}\n.form-group-wrapper .form-group .settings-input-content {\n  width: 100%;\n}\n.form-group-wrapper .form-group .settings-input-content .desc {\n  width: 100%;\n}\n.form-group-wrapper .form-group .settings-input-content:has(.setting-form-input) {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 0.45rem;\n}\n.form-group-wrapper .form-group .settings-input-content:has(.setting-form-input) .settings-metabox-description {\n  padding: 0;\n}\n.form-group-wrapper .form-group .settings-input-content .after,\n.form-group-wrapper .form-group .settings-input-content .before {\n  font-size: 0.95rem;\n  color: rgba(0, 0, 0, 0.6117647059);\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap {\n  display: flex;\n  gap: 1rem;\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap .settings-basic-input-child-class {\n  width: 9rem;\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap .settings-basic-input-child-class.prefix .input-unit {\n  border-right: 0.063rem solid rgba(17, 20, 24, 0.568627451);\n  padding-right: 0.5rem;\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap .settings-basic-input-child-class.suffix .input-unit {\n  border-left: 0.063rem solid rgba(17, 20, 24, 0.568627451);\n  padding-left: 0.5rem;\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap .settings-basic-input-child-class .setting-form-input {\n  align-items: center;\n  position: relative;\n  border: 0.063rem solid var(--border-color);\n  border-radius: 0.25rem;\n  background: #fff;\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap .settings-basic-input-child-class .setting-form-input .input-unit {\n  font-size: 1rem;\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap .settings-basic-input-child-class .setting-form-input input {\n  width: 100%;\n  border: none !important;\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap .settings-basic-input-child-class .setting-form-input input:focus {\n  box-shadow: none !important;\n}\n.form-group-wrapper .form-group .settings-input-content .settings-basic-child-wrap .settings-basic-input-child-class .setting-form-input:has(.choice-toggle-wrapper) {\n  border: none;\n}\n.form-group-wrapper .form-group .settings-input-content .add-new-option {\n  margin-top: 1rem;\n  display: flex;\n  width: 50%;\n  gap: 0.5rem;\n}\n.form-group-wrapper .form-group .form-group.pro-setting {\n  position: relative;\n}\n.form-group-wrapper .form-group .form-group.module-enabled {\n  position: relative;\n}\n.form-group-wrapper .form-group .form-group.module-enabled .adminfont-lock {\n  color: blue;\n}\n.form-group-wrapper .form-group.row {\n  flex-direction: row;\n  gap: 1rem;\n  align-items: start;\n  justify-content: start;\n}\n.form-group-wrapper .form-group.row .settings-form-label {\n  width: 25%;\n  overflow-wrap: break-word;\n}\n.form-group-wrapper .form-group.row .settings-input-content {\n  width: 75%;\n}\n.form-group-wrapper .form-group.row .settings-input-content:has(.display-notice) {\n  width: 100%;\n}\n.form-group-wrapper .form-group.space-between {\n  justify-content: space-between;\n}\n.form-group-wrapper .form-group.space-between .settings-form-label,\n.form-group-wrapper .form-group.space-between .settings-input-content {\n  width: fit-content;\n}\n.form-group-wrapper .form-group.full-width .settings-input-content {\n  width: 100%;\n}\n.form-group-wrapper .form-group.pro-tab .tabs-wrapper {\n  width: 100%;\n  display: flex;\n  justify-content: end;\n}\n.form-group-wrapper .form-group.align-bottom {\n  align-items: end;\n}\n.form-group-wrapper .form-group.border-top {\n  padding-top: 1rem;\n  border-top: 0.063rem solid var(--border-color);\n}\n.form-group-wrapper .form-group.copy-btn .settings-input-content {\n  gap: 0;\n}\n.form-group-wrapper .form-group.copy-btn .settings-input-content .input-wrapper {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.form-group-wrapper .form-group.copy-btn .settings-input-content .admin-btn {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.form-group-wrapper .form-group.copy-btn .settings-input-content .tooltip-wrapper {\n  padding: 0.25rem 0.45rem;\n  border-top: 0.063rem solid var(--border-color);\n  border-bottom: 0.063rem solid var(--border-color);\n}\n.form-group-wrapper .form-group.copy-btn .settings-input-content .tooltip-wrapper i {\n  font-size: 1.4rem;\n}\n.form-group-wrapper .form-group.copy-btn .settings-input-content .clear-btn {\n  border: 0.063rem solid var(--border-color);\n  padding: 0.25rem 0.45rem;\n  color: #f7a79a;\n  border-top-right-radius: 0.25rem;\n  border-bottom-right-radius: 0.25rem;\n  cursor: pointer;\n}\n.form-group-wrapper .form-group.copy-btn .settings-input-content .clear-btn i {\n  font-size: 1.4rem;\n}\n.form-group-wrapper .form-group .button-wrapper {\n  display: flex;\n  justify-content: start;\n}\n.form-group-wrapper .form-group .choice-toggle-container label {\n  margin: 0;\n}\n.form-group-wrapper .form-group .date-field-wrapper {\n  display: flex;\n  gap: 0.5rem;\n}\n.form-group-wrapper .form-group .multi-field {\n  display: flex;\n  gap: 0.313rem;\n}\n.form-group-wrapper.bg-light-white,\n.form-group-wrapper .form-group.bg-light-white {\n  background: #f7f7f7;\n  padding: 1rem;\n}\n.settings-metabox-description {\n  padding-top: 0.25rem;\n  color: var(--sub-text-color);\n  width: 100%;\n  line-height: 1.313;\n  margin: 0;\n  font-size: 0.813rem;\n}\n.settings-metabox-description b {\n  color: rgba(0, 0, 0, 0.7176470588);\n}\n.settings-metabox-description p {\n  margin-bottom: 0.5rem;\n}\n.settings-metabox-description ul {\n  list-style-type: none;\n  margin: 0;\n  margin-left: 1rem;\n  line-height: 1.313rem;\n}\n.settings-metabox-description li {\n  list-style-type: number;\n  margin: 0;\n}\n.settings-metabox-description code {\n  padding: 0.063rem 0.125rem 0.125rem;\n  font-size: 0.688rem;\n  line-height: 0.5;\n}\n.settings-metabox-description a {\n  color: var(--color-primary);\n}\n.admin-settings .form-group-wrapper,\n.expandable-panel-group .form-group-wrapper {\n  gap: 0;\n}\n.admin-settings .form-group-wrapper .form-group,\n.expandable-panel-group .form-group-wrapper .form-group {\n  background: var(--background-white);\n  padding: 1rem;\n}\n@media only screen and (width <= 37.5rem) {\n  .form-group.row {\n    flex-direction: column !important;\n  }\n  .form-group.row .settings-form-label,\n  .form-group.row .settings-input-content {\n    width: 100% !important;\n  }\n}\n\n/* src/styles/web/UI/ItemList.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.item-list {\n  width: 100%;\n}\n.item-list.default {\n  padding: 0.5rem 0;\n}\n.item-list.default .item {\n  display: flex;\n  align-items: end;\n  color: #526484;\n  font-size: 0.95rem;\n  line-height: 0.813;\n  font-weight: 500;\n  padding: 0.813rem 1.313rem;\n  position: relative;\n  gap: 0.5rem;\n  cursor: pointer;\n}\n.item-list.default .item:hover {\n  color: var(--color-primary);\n  background: var(--background-primary);\n}\n.item-list.default .item.delete {\n  color: #e35047;\n  border-top: 0.063rem solid;\n}\n.item-list.default .item.delete:hover {\n  background: transparent;\n}\n.item-list.notification {\n  margin: 0;\n  max-height: 20rem;\n  overflow: auto;\n}\n.item-list.notification .item {\n  display: flex;\n  gap: 0.813rem;\n  padding: 0.75rem;\n  align-items: start;\n  border-bottom: 0.063rem solid var(--border-color);\n  position: relative;\n}\n.item-list.notification .item .item-icon {\n  padding: 0.45rem;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.5rem;\n}\n.item-list.notification .item .check-icon {\n  position: absolute;\n  top: 0.625rem;\n  font-size: 1.12rem;\n  opacity: 0;\n  transition: all 0.3s ease;\n  cursor: pointer;\n}\n.item-list.notification .item .check-icon.adminfont-check {\n  right: 2rem;\n}\n.item-list.notification .item .check-icon.adminfont-cross {\n  right: 0.625rem;\n}\n.item-list.notification .item .details span {\n  display: block;\n}\n.item-list.notification .item .details .item-title {\n  font-size: 1rem;\n  color: var(--text-color);\n  font-weight: 500;\n  padding-bottom: 0.25rem;\n}\n.item-list.notification .item .details .desc {\n  padding: 0;\n}\n.item-list.notification .item .time {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n  font-size: 0.813rem;\n  color: rgba(0, 0, 0, 0.2901960784);\n}\n.item-list.notification .item:hover {\n  background: #f3f3f3;\n}\n.item-list.notification .item:hover .check-icon {\n  opacity: 1;\n}\n.item-list.checklist {\n  margin: 0;\n  display: flex;\n  flex-wrap: wrap;\n}\n.item-list.checklist .item {\n  font-size: 0.95rem;\n  width: 50%;\n  color: rgba(0, 0, 0, 0.8588235294);\n  margin-bottom: 0.5rem;\n  display: flex;\n}\n.item-list.checklist .item i {\n  font-size: 1.125rem;\n  padding-right: 0.5rem;\n}\n.item-list.checklist .item i.adminfont-success {\n  color: #6bbf8f;\n}\n.item-list.checklist .item i.adminfont-cross {\n  color: #e35047;\n}\n.item-list.plan-details {\n  flex-direction: column;\n}\n.item-list.plan-details .item {\n  width: 100%;\n  align-items: end;\n}\n.item-list.full-width .item {\n  width: 100%;\n}\n.item-list.feature-list,\n.item-list.mini-card {\n  position: relative;\n  margin: 0;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  justify-content: space-between;\n  border-radius: 0.25rem;\n}\n.item-list.feature-list .item,\n.item-list.mini-card .item {\n  padding-top: 0.5rem;\n  width: 31%;\n  display: flex;\n  gap: 0.625rem;\n  align-items: start;\n}\n.item-list.feature-list .item .item-icon,\n.item-list.mini-card .item .item-icon {\n  font-size: 1.25rem;\n  margin-bottom: 0.5rem;\n  border-radius: 0.25rem;\n  color: var(--color-primary);\n}\n.item-list.feature-list .item .item-title,\n.item-list.mini-card .item .item-title {\n  font-size: 1rem;\n  padding-bottom: 0.313rem;\n  font-weight: 600;\n}\n.item-list.feature-list .item .tags,\n.item-list.mini-card .item .tags {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  gap: 0.5rem;\n  right: 0.85rem;\n  top: 0.85rem;\n}\n.item-list.feature-list .item .tags .icon,\n.item-list.mini-card .item .tags .icon {\n  padding: 0.5rem;\n  font-size: 1.25rem;\n  border-radius: 0.25rem;\n}\n.item-list.feature-list .item .tags a,\n.item-list.mini-card .item .tags a {\n  font-size: 0.813rem;\n  font-weight: 500;\n  color: var(--color-primary);\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n}\n.item-list.mini-card {\n  width: 100%;\n}\n.item-list.mini-card .price {\n  font-size: 1.45rem;\n  font-weight: 500;\n}\n.item-list.mini-card .item {\n  width: 100%;\n  flex-direction: column;\n  position: relative;\n}\n.item-list.mini-card img {\n  height: 1.75rem;\n  width: auto;\n}\n.item-list.mini-card .value {\n  font-size: 1.813rem;\n  font-weight: 600;\n  line-height: 2rem;\n  margin: 0.5rem 0;\n}\n.item-list.list {\n  padding: 0;\n}\n.item-list.price-list {\n  transition: all 0.5s ease;\n  position: relative;\n}\n.item-list.price-list .item .details {\n  display: flex;\n  justify-content: space-between;\n  padding: 0.5rem 0;\n  border-bottom: 0.063rem solid var(--border-color);\n}\n.item-list.price-list .item .details .title {\n  font-size: 1.063rem;\n  color: var(--sub-text-color);\n  font-weight: 400;\n}\n.item-list.price-list .item .details .value {\n  font-size: 0.95rem;\n  font-weight: 600;\n}\n.item-list.price-list:has(.more-btn-wrapper) {\n  padding-bottom: 1.625rem;\n}\n.item-list.price-list.expanded {\n  max-height: 4rem;\n  overflow: hidden;\n}\n.item-list.price-list .more-btn-wrapper {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  background: var(--background-white);\n}\n.item-list.price-list .more-btn-wrapper .more-btn {\n  background: var(--background-primary);\n  font-size: 0.813rem;\n  padding: 0.125rem 0.5rem;\n  color: var(--color-primary);\n  border-radius: 0.313rem;\n  font-weight: 600;\n}\n.item-list.search-results .item {\n  padding: 0.75rem;\n  cursor: pointer;\n  font-size: 0.875rem;\n  color: #333;\n  border-bottom: 0.063rem solid var(--border-color);\n  display: flex;\n  align-items: start;\n  gap: 0.5rem;\n  margin: 0;\n  transition: all 0.5s ease;\n}\n.item-list.search-results .item .item-title {\n  font-size: 1rem;\n}\n.item-list.search-results .item .desc {\n  padding-top: 0.25rem;\n}\n.item-list.search-results .item:hover {\n  background: #f3f3f3;\n}\n.item-list.documentation .item {\n  width: calc(33% - 0.25rem);\n  box-sizing: border-box;\n  margin-bottom: 0.5rem;\n}\n.item-list.badge-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.625rem;\n}\n.item-list.badge-list .item {\n  font-size: 0.95rem;\n  font-weight: 600;\n  line-height: 0.95;\n  padding: 0.45rem;\n  border-radius: 0.25rem;\n  border: 0.063rem solid;\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  width: fit-content;\n  background: #fffce8;\n  color: #d4b86a;\n}\n.item-list.table-menu .item {\n  flex-direction: row-reverse;\n  justify-content: start;\n  align-items: center;\n  padding: 0.625rem 0.75rem;\n}\n.item-list .border {\n  border: 0.063rem solid var(--border-color);\n  padding: 0.85rem;\n  border-radius: 0.313rem;\n}\n.item-list .background {\n  padding: 0.85rem;\n  background: #f8f9fa;\n}\n.item-list .read-more {\n  display: block;\n  margin-top: 0.5rem;\n  color: var(--color-primary);\n  font-weight: 600;\n  cursor: pointer;\n}\n@media screen and (width <= 37.5rem) {\n  .item-list.mini-card .item {\n    flex-direction: row !important;\n    justify-content: space-between;\n    align-items: start;\n  }\n  .item-list.mini-card .item .tags {\n    position: relative !important;\n  }\n}\n\n/* src/styles/web/FileInput.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.file-uploader {\n  align-items: center;\n  display: flex;\n  position: relative;\n  justify-content: center;\n  flex-direction: column;\n  width: 100%;\n  border: 0.125rem dashed var(--border-color);\n  padding: 1rem 0;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  min-height: 8.5rem;\n}\n.file-uploader .upload-icon {\n  font-size: 3.313rem;\n  color: var(--color-primary);\n}\n.file-uploader span {\n  font-size: 1rem;\n  font-weight: 500;\n  color: var(--sub-text-color);\n}\n.file-uploader .title {\n  font-size: 1.313rem;\n  margin-bottom: 0.4rem;\n  line-height: 1;\n  text-align: center;\n}\n.file-uploader button {\n  margin-top: 0.4rem;\n}\n.file-uploader .overlay {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  background: rgba(80, 7, 170, 0.0392156863);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.5s ease;\n  opacity: 0;\n}\n.file-uploader .overlay .button-wrapper {\n  display: flex;\n  gap: 0.5rem;\n}\n.file-uploader:hover .overlay {\n  opacity: 1;\n}\n.file-uploader.medium {\n  width: 50%;\n}\n.file-uploader.small {\n  width: 20%;\n}\n.file-uploader.small .upload-icon {\n  font-size: 1.8rem;\n}\n.file-uploader.small .title {\n  font-size: 0.9rem;\n}\n.file-uploader.small span {\n  font-size: 0.75rem;\n}\n.file-uploader.small button {\n  margin: 0;\n}\n.uploaded-image {\n  display: flex;\n  gap: 0.625rem;\n  margin-top: 1rem;\n}\n.uploaded-image .image {\n  height: 5rem;\n  position: relative;\n}\n.uploaded-image .image img {\n  height: 100%;\n}\n.uploaded-image .image .close-btn {\n  position: absolute;\n  right: 0.125rem;\n  top: 0.125rem;\n  background: #e35047;\n  border-radius: 50%;\n  padding: 0.2rem;\n  font-size: 0.625rem;\n  color: #fff;\n  opacity: 0;\n  cursor: pointer;\n}\n.uploaded-image .image:hover i {\n  opacity: 1;\n}\n@media screen and (width <= 37.5rem) {\n  .file-uploader.small {\n    width: 100% !important;\n  }\n}\n\n/* src/styles/web/UI/Card.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.card-header {\n  display: flex;\n  justify-content: space-between;\n  padding: 1rem;\n  background: #f7f7f7;\n  border-radius: 0.313rem 0.313rem 0 0;\n  align-items: start;\n}\n.card-header .icon {\n  font-size: 0.95rem;\n  padding: 0.313rem;\n  border-radius: 50%;\n  transition: all 0.4s ease;\n  cursor: pointer;\n  margin-top: -0.5rem;\n  color: var(--sub-text-color);\n}\n.card-header .icon:hover {\n  background: var(--background-color);\n}\n.card-header .left .title {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n}\n.card-header .left .des {\n  padding-top: 0.313rem;\n}\n.card-header .right {\n  display: flex;\n  gap: 0.5rem;\n}\n.card-header .right .field-wrapper,\n.card-header .right .field-wrapper .des {\n  display: flex;\n  align-items: center;\n  gap: 0.313rem;\n  position: relative;\n}\n.card-header .right .field-wrapper .toggle-checkbox-header,\n.card-header .right .field-wrapper .des .toggle-checkbox-header {\n  margin: 0;\n}\n.card-header .right span {\n  font-size: 0.875rem;\n  color: var(--sub-text-color);\n}\n.card-header .right .admin-btn i {\n  padding: 0;\n  font-size: 1rem;\n}\n.card-header .arrow-icon {\n  font-size: 1.313rem;\n  transform: rotate(-90deg);\n  padding: 0.125rem;\n}\n.card-content {\n  border-radius: 0.25rem;\n  box-shadow: 0 0.125rem 0.5rem 0 var(--box-shadow);\n  background: var(--background-white);\n  width: 100%;\n  box-sizing: border-box;\n  border: 0.063rem solid #dfdfdf;\n}\n.card-content .table-wrapper {\n  border: 0.063rem solid var(--border-color);\n  border-radius: 0.25rem;\n}\n.card-content .card-body {\n  padding: 1rem;\n  transition: all 0.5s ease;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  position: relative;\n}\n.card-content .card-body.hide-body {\n  display: none;\n}\n.card-content .card-body .card-header {\n  border-bottom: 0.063rem solid var(--border-color);\n}\n.card-content.transparent {\n  background: transparent;\n  box-shadow: none;\n}\n.card-content.transparent .card-body {\n  padding: 0;\n}\n.card-content.content-width {\n  width: fit-content;\n}\n.card-content.theme-bg .card-header {\n  background: transparent;\n}\n.card-content.theme-bg {\n  background: var(--background-primary);\n}\n.card-content:has(.hide-body) .card-content {\n  border: none;\n}\n.card-content:has(.card-header) .card-body {\n  border-top: 0.063rem solid var(--border-color);\n}\n.sticky-card-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  height: fit-content;\n  position: sticky;\n  top: 5rem;\n  z-index: 9;\n}\n.checklist-wrapper .checklist-title {\n  font-size: 1.25rem;\n  color: var(--text-color);\n  font-weight: 600;\n}\n.checklist-wrapper ul {\n  margin: 0;\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n.checklist-wrapper ul li {\n  font-size: 1rem;\n  font-weight: 500;\n  display: flex;\n  gap: 0.45rem;\n  color: var(--text-color);\n}\n.checklist-wrapper ul li .check-icon {\n  width: 1.5rem;\n}\n.checklist-wrapper ul li .check-icon span {\n  width: 0.95rem;\n  height: 0.95rem;\n  display: inline-block;\n  background: var(--background-color);\n  border-radius: 50%;\n  position: relative;\n  font-family: adminfonts, sans-serif;\n  padding: 0.063rem;\n}\n.checklist-wrapper ul li .details .title {\n  font-size: 1rem;\n  font-weight: 600;\n  margin-bottom: 0.313rem;\n}\n.checklist-wrapper ul li .details .des {\n  font-size: 0.813rem;\n  color: var(--sub-text-color);\n}\n.checklist-wrapper ul li.checked span {\n  background: var(--color-primary);\n}\n.checklist-wrapper ul li.checked span::before {\n  position: absolute;\n  content: "\\e809";\n  color: #fff;\n  font-size: 0.95rem;\n}\n.checklist-wrapper.row .checklist-title {\n  text-align: center;\n  margin-bottom: 0.75rem;\n}\n.checklist-wrapper.row ul {\n  display: flex;\n  gap: 0.625rem;\n  justify-content: center;\n}\n.checklist-wrapper.row ul li {\n  margin: 0;\n  max-width: 15%;\n}\n\n/* src/styles/web/MultiCheckbox.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.toggle-checkbox {\n  margin-left: auto;\n  position: relative;\n}\n.toggle-checkbox input[type=checkbox] {\n  height: 0;\n  width: 0;\n  visibility: hidden;\n  display: none;\n}\n.toggle-checkbox label {\n  cursor: pointer;\n  width: 2.785rem;\n  height: 1.2rem;\n  background: var(--background-primary);\n  display: block;\n  border-radius: 8rem;\n  position: relative;\n  border: 0.115rem solid var(--color-primary);\n}\n.toggle-checkbox label::after {\n  content: "";\n  position: absolute;\n  top: 51%;\n  transform: translateY(-50%);\n  left: 0.313rem;\n  width: 0.75rem;\n  height: 0.8rem;\n  border-radius: 90rem;\n  transition: 0.3s;\n  z-index: 1;\n  border: 0.115rem solid var(--color-primary);\n  background: #fff;\n}\n.toggle-checkbox input:checked + label {\n  border: 0.115rem solid var(--color-primary);\n  border-color: var(--color-primary);\n}\n.toggle-checkbox input:checked + label::after {\n  left: calc(100% - 1.313rem);\n  transform: translateY(-50%);\n  background: var(--color-primary);\n}\n.toggle-btn .before {\n  font-size: 0.95rem;\n}\n.toggle-checkbox-header {\n  min-width: fit-content;\n  display: flex;\n  gap: 0.313rem;\n  margin-right: 0.945rem;\n  position: relative;\n  z-index: 0;\n}\n.toggle-checkbox-header .toggle-checkbox {\n  margin: 0;\n}\n.toggle-checkbox-header .admin-pro-tag {\n  position: relative;\n  display: inline-flex;\n  margin-left: 0.75rem;\n}\n.checkbox-list-side-by-side {\n  display: flex;\n  flex-wrap: wrap;\n}\n.checkbox-list-side-by-side .checkbox-list-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 0.063rem solid var(--border-color);\n  padding-bottom: 0.5rem;\n  margin-bottom: 0.5rem;\n  width: 100%;\n}\n.checkbox-list-side-by-side .checkbox-list-header .checkbox {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 0.313rem;\n}\n.checkbox-list-side-by-side .checkbox-list-header .checkbox input:checked::before {\n  content: "\\e809";\n}\n.checkbox-list-side-by-side .checkbox-list-header span {\n  font-size: 0.9rem;\n  color: var(--color-primary);\n  font-weight: 500;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header {\n  gap: 0;\n  margin: 0;\n  padding: 0.5rem;\n  width: 47%;\n  transition: all 0.4s ease;\n  flex-wrap: wrap;\n  cursor: pointer;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header:hover {\n  background: rgba(236, 226, 249, 0.4117647059);\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .default-checkbox {\n  position: relative;\n  width: 100%;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .default-checkbox label {\n  padding: 0 0 0 0.313rem;\n  font-size: 0.9rem;\n  position: relative;\n  display: inline;\n  font-weight: 500;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .default-checkbox label .label-des {\n  line-height: 1.313;\n  color: rgba(0, 0, 0, 0.4705882353);\n  font-size: 0.813rem;\n  padding-top: 0.063rem;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .default-checkbox label .admin-pro-tag {\n  margin-left: 1.5rem;\n  top: 0;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .default-checkbox .edit-icon {\n  padding-left: 0.45rem;\n  position: absolute;\n  right: 0;\n  top: 0;\n  opacity: 0;\n  transition: all 0.4s ease;\n  display: flex;\n  gap: 0.313rem;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .edit-option-wrapper {\n  display: inline-block;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header .edit-option-wrapper .edit-option {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.checkbox-list-side-by-side .toggle-checkbox-header:hover .edit-icon {\n  opacity: 1;\n}\n.checkbox-list-side-by-side .default-checkbox:has(input:checked) {\n  color: var(--color-primary);\n}\n.checkbox-list-side-by-side .settings-checkbox-description {\n  padding-left: 0.5rem;\n}\n\n/* src/styles/web/BlockBuilder.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.registration-form-wrapper {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n  position: relative;\n  padding: 1rem;\n  background: rgba(243, 243, 243, 0.6196078431);\n  gap: 1.5rem;\n  width: 100%;\n  box-sizing: border-box;\n}\n.registration-form-wrapper .elements-wrapper {\n  background: #fff;\n  width: 14rem;\n  padding: 1.125rem;\n  position: sticky;\n  top: 3rem;\n  max-height: 80vh;\n  overflow: auto;\n  scrollbar-width: thin;\n  scrollbar-color: rgba(171, 170, 172, 0.3411764706) #f1f1f1;\n}\n.registration-form-wrapper .elements-wrapper .tabs-wrapper {\n  padding: 0;\n}\n.registration-form-wrapper .elements-wrapper .tabs-wrapper .tabs-item {\n  border-bottom: 0.063rem solid var(--border-color);\n}\n.registration-form-wrapper .elements-wrapper .tabs-wrapper .tabs-item,\n.registration-form-wrapper .elements-wrapper .tabs-wrapper .tabs-item .tab {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n.registration-form-wrapper .elements-wrapper .elements-section {\n  margin-bottom: 0.5rem;\n}\n.registration-form-wrapper .elements-wrapper .elements-section .section-container {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 0.85rem;\n  border-radius: 0.25rem;\n  max-height: 0;\n  opacity: 0;\n  padding-top: 0.625rem;\n  transition: max-height 0.35s ease, opacity 0.25s ease;\n}\n.registration-form-wrapper .elements-wrapper .elements-section .section-container.open {\n  max-height: 62.5rem;\n  opacity: 1;\n}\n.registration-form-wrapper .elements-wrapper .elements-section .section-container .elements-items {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 0.5rem;\n  flex-direction: column;\n  cursor: pointer;\n  padding: 0.875rem;\n  border: 0.063rem solid var(--border-color);\n  border-radius: 0.25rem;\n  background: #fff;\n}\n.registration-form-wrapper .elements-wrapper .elements-section .section-container .elements-items .elements-name {\n  font-size: 0.84rem;\n  text-align: center;\n}\n.registration-form-wrapper .elements-wrapper .elements-section .section-container .elements-items i {\n  font-size: 1.313rem;\n  padding: 0.313rem;\n  background: rgba(236, 226, 249, 0.9450980392);\n  color: var(--color-primary);\n  border-radius: 0.25rem;\n}\n.registration-form-wrapper .elements-wrapper .section-meta {\n  padding-bottom: 0.625rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  border-bottom: 0.063rem solid var(--border-color);\n}\n.registration-form-wrapper .elements-wrapper .section-meta .elements-title {\n  font-size: 1.125rem;\n  font-weight: 500;\n  line-height: 1.5;\n}\n.registration-form-wrapper .elements-wrapper .section-meta i {\n  font-size: 1.5rem;\n  transition: transform 0.3s ease;\n}\n.registration-form-wrapper .elements-wrapper .section-meta i.rotate {\n  transform: rotate(90deg);\n}\n.registration-form-wrapper .canvas-editor-wrapper {\n  width: 50%;\n  flex: 1;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor {\n  padding: 1rem;\n  border-radius: 0.25rem;\n  background: var(--background-white);\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field {\n  position: relative;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .admin-badge {\n  padding: 0.125rem;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .admin-badge i {\n  font-size: 1.125rem;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field:has(.settings-form-label) .form-field-container-wrapper {\n  padding: 0.5rem;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .form-field-container-wrapper {\n  border: 0.063rem dashed transparent;\n  cursor: grabbing;\n  border-radius: 0.25rem;\n  display: flex;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .form-field-container-wrapper .email-heading:focus-visible {\n  outline: none !important;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .form-field-container-wrapper .input-wrapper,\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .form-field-container-wrapper .textarea-input {\n  width: 75%;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .form-field-container-wrapper .attachment-section {\n  margin: 0;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .meta-menu {\n  position: absolute;\n  right: -1.5rem;\n  top: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0.313rem;\n  opacity: 0;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field.active {\n  cursor: grabbing;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field.active .form-field-container-wrapper {\n  border-color: var(--color-primary);\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field.active:hover .meta-menu {\n  opacity: 1;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .email-columns {\n  display: flex;\n  width: 100%;\n  border: 0.063rem dashed rgba(231, 226, 226, 0.3960784314);\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .email-columns .email-column {\n  height: 100%;\n  display: flex;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .email-columns .email-column .column-drop-zone i {\n  font-size: 2rem;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .email-columns .email-column :has(.column-drop-zone) {\n  background: #ebebeb;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .email-columns .email-column-wrapper {\n  box-sizing: border-box;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .email-columns .email-column-wrapper .email-column {\n  flex-direction: column;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .email-columns.layout-1 {\n  flex-direction: column;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .email-columns.layout-1 .email-column-wrapper {\n  width: 100%;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .email-columns.layout-2-50 .email-column-wrapper {\n  flex: 1;\n  width: 50%;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .email-columns.layout-2-66 .email-column-wrapper:first-child {\n  flex: 2;\n  width: 66.66%;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .email-columns.layout-2-66 .email-column-wrapper:last-child {\n  flex: 1;\n  width: 33.33%;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .email-columns.layout-3 .email-column-wrapper {\n  flex: 1;\n  width: 33.33%;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-field .email-columns.layout-4 .email-column-wrapper {\n  flex: 1;\n  width: 25%;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .terms-checkbox {\n  display: flex;\n  align-items: center;\n  gap: 0.313rem;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-heading input {\n  font-size: 1.75rem;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-heading {\n  position: relative;\n  margin-bottom: 1rem;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-heading i {\n  position: absolute;\n  top: 0.313rem;\n  right: 0.313rem;\n  font-size: 1.063rem;\n  cursor: pointer;\n  color: #0505e2;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-heading.disable {\n  opacity: 0.3;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-heading.disable i {\n  color: rgba(36, 35, 35, 0.4862745098);\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .form-heading.disable input:focus {\n  border: none;\n  outline: none;\n}\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .email-text,\n.registration-form-wrapper .canvas-editor-wrapper .canvas-editor .email-text p {\n  width: 100%;\n}\n.registration-form-wrapper .canvas-editor-wrapper .available-placeholder {\n  margin-top: 1rem;\n  padding: 1rem;\n  border-radius: 0.25rem;\n  background: var(--background-white);\n  display: flex;\n  gap: 0.45rem;\n  flex-wrap: wrap;\n}\n.registration-form-wrapper .canvas-editor-wrapper .available-placeholder span {\n  cursor: pointer;\n}\n.registration-form-wrapper .settings-panel-wrapper {\n  width: 25%;\n  position: sticky;\n  top: 3rem;\n  height: calc(100% - 6rem);\n  overflow: auto;\n  scrollbar-width: thin;\n  scrollbar-color: rgba(171, 170, 172, 0.3411764706) #f1f1f1;\n}\n.registration-form-wrapper .settings-panel-wrapper .setting-panel {\n  background: var(--background-white);\n  padding: 1.5rem;\n  position: sticky;\n  top: 3rem;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n.registration-form-wrapper .settings-panel-wrapper .setting-panel .settings-title {\n  font-size: 1.4rem;\n  font-weight: 500;\n  padding-bottom: 1rem;\n  margin-bottom: 1rem;\n  border-bottom: 0.063rem solid var(--border-color);\n}\n.registration-form-wrapper .settings-panel-wrapper .setting-panel .choice-toggle-container,\n.registration-form-wrapper .settings-panel-wrapper .setting-panel .input-wrapper {\n  width: 100%;\n}\n.registration-form-wrapper .settings-panel-wrapper .setting-panel .form-group-wrapper {\n  gap: 1rem;\n}\n.registration-form-wrapper .settings-panel-wrapper .setting-panel .form-group {\n  padding: 0;\n}\n.registration-form-wrapper .settings-panel-wrapper .setting-panel .form-group .settings-form-label {\n  width: 100%;\n}\n.multioption-wrapper {\n  margin-bottom: 1.125rem;\n  width: 100%;\n}\n.multioption-wrapper label {\n  font-size: 1rem;\n  font-weight: 500;\n}\n.multioption-wrapper .option-list-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.313rem;\n  margin: 0.813rem 0;\n  justify-content: space-between;\n}\n.multioption-wrapper .option-list-wrapper .option-label {\n  width: 85%;\n}\n.multioption-wrapper .option-list-wrapper .option-label input {\n  border: none;\n}\n.multioption-wrapper .option-list-wrapper .option-icon {\n  cursor: pointer;\n}\n.recaptcha {\n  border: 0.063rem solid #e35047;\n  padding: 0.5rem;\n}\n.address-fields {\n  width: 75%;\n  display: flex;\n  flex-direction: column;\n  gap: 0.625rem;\n}\n.address-fields .input-wrapper {\n  width: 100% !important;\n  margin-top: 0.313rem;\n}\n.address-fields .form-select-field {\n  margin-top: 0.313rem;\n}\n.template-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n}\n.template-list .template-item {\n  width: calc(50% - 0.5rem);\n  box-sizing: border-box;\n  font-size: 0.95rem;\n  font-weight: 400;\n  cursor: pointer;\n  border: 0.063rem solid transparent;\n  border-radius: 0.25rem;\n  padding: 0.313rem;\n}\n.template-list .template-item .template-image-wrapper {\n  width: 100%;\n  background: var(--background-color);\n  padding: 0.625rem;\n  box-sizing: border-box;\n  margin-top: 0.313rem;\n  border-radius: 0.25rem;\n}\n.template-list .template-item .template-image-wrapper .template-image {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.template-list .template-item .template-image-wrapper span {\n  display: block;\n  width: 100%;\n  height: 0.5rem;\n  background: #fff;\n}\n.template-list .template-item .template-image-wrapper span:nth-child(2) {\n  width: 80%;\n}\n.template-list .template-item .template-image-wrapper span:nth-child(3) {\n  width: 60%;\n}\n.template-list .template-item .template-image-wrapper span:nth-child(4) {\n  width: 40%;\n}\n.template-list .template-item .template-image-wrapper span:nth-child(5) {\n  width: 50%;\n}\n.template-list .template-item.active {\n  border-color: var(--color-primary);\n  background: var(--background-primary);\n}\n.spacing-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n.spacing-controls {\n  display: flex;\n  gap: 1rem;\n}\n.spacing-input label {\n  display: block;\n  margin-bottom: 0.375rem;\n  font-size: 0.75rem;\n  color: #666;\n}\n.spacing-input .basic-input {\n  width: 100%;\n}\n\n/* src/styles/web/Log.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.section-log-container .log-container-wrapper {\n  min-height: 6.25rem;\n  height: 100%;\n  border-radius: 0.25rem;\n  padding: 0.5rem;\n  padding-bottom: 1rem;\n  position: relative;\n  font-size: 0.875rem;\n  line-height: 1.173;\n  word-break: break-all;\n  background-color: #151718;\n  margin-top: 1rem;\n}\n.section-log-container .log-container-wrapper .wrapper-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding: 0.5rem 0;\n}\n.section-log-container .log-container-wrapper .wrapper-header .log-viewer-text {\n  color: #fff;\n  font-weight: 500;\n}\n.section-log-container .log-container-wrapper .wrapper-body {\n  padding: 0 0 0.75rem;\n  height: 18.875rem;\n  overflow: scroll;\n  color: #fff;\n}\n.section-log-container .log-container-wrapper .wrapper-body::-webkit-scrollbar-track {\n  background: #181819;\n  border-radius: 0.25rem;\n}\n.section-log-container .log-container-wrapper .wrapper-body::-webkit-scrollbar {\n  width: 0.438rem;\n  height: 0.438rem;\n}\n.section-log-container .log-container-wrapper .wrapper-body::-webkit-scrollbar-thumb {\n  background-color: #666666;\n  border-radius: 0.25rem;\n}\n.section-log-container .log-container-wrapper .wrapper-body::-webkit-scrollbar-corner {\n  width: 0;\n  height: 0;\n  overflow: hidden;\n  visibility: hidden;\n}\n.section-log-container .log-container-wrapper .delete-btn i {\n  font-size: 1.063rem;\n}\n.log-section {\n  flex-direction: column;\n}\n.log-section .settings-input-content {\n  width: 100%;\n}\n\n/* src/styles/web/UI/CopyToClipboard.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.copy-to-clipboard {\n  margin-bottom: 0.5rem;\n}\n.copy-to-clipboard code {\n  font-weight: 500;\n  color: var(--color-primary);\n  background: var(--background-primary);\n  padding: 0.313rem;\n  margin-right: 0.625rem;\n}\n.copy-to-clipboard i {\n  font-size: 1rem;\n  cursor: pointer;\n}\n\n/* src/styles/web/MultiInputTable.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.multi-input-table {\n  width: 100%;\n  font-size: 0.875rem;\n  position: relative;\n}\n.multi-input-table thead {\n  width: 100%;\n  position: sticky;\n  top: 1.8rem;\n  z-index: 1;\n  background: var(--background-white);\n}\n.multi-input-table thead tr {\n  display: flex;\n  align-items: stretch;\n  align-content: stretch;\n  padding: 0.5rem;\n}\n.multi-input-table thead tr th {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1 0 0;\n  font-weight: 500;\n  font-size: 1rem;\n  position: relative;\n}\n.multi-input-table thead tr th:first-child {\n  max-width: 9.375rem;\n}\n.multi-input-table thead tr th .admin-pro-tag {\n  position: relative;\n  top: 0;\n  right: 0;\n}\n.multi-input-table tbody {\n  width: 100%;\n  border: 0.063rem solid var(--border-color);\n}\n.multi-input-table tbody tr {\n  display: flex;\n  align-items: stretch;\n  align-content: stretch;\n  padding: 0.75rem 0;\n  background: var(--background-white);\n}\n.multi-input-table tbody tr td {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1 0 0;\n  padding: 0 1rem;\n  gap: 0.5rem;\n}\n.multi-input-table tbody tr td .multi-field-cell {\n  display: flex;\n  gap: 0.5rem;\n}\n.multi-input-table tbody tr td:first-child {\n  max-width: 9.5rem;\n  place-content: start;\n}\n.multi-input-table tbody tr td .clear {\n  clear: both;\n}\n.multi-input-table tbody tr td .checkbox {\n  display: block;\n  cursor: pointer;\n  width: 0.938rem;\n  height: 0.938rem;\n  border: 0.188rem solid rgba(255, 255, 255, 0);\n  border-radius: 0.25rem;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 0 0 0.125rem rgba(101, 67, 143, 0.6823529412);\n}\n.multi-input-table tbody tr td .checkbox div {\n  width: 1.875rem;\n  height: 1.875rem;\n  background: #522c81;\n  top: -3.25rem;\n  left: -3.25rem;\n  position: absolute;\n  transform: rotateZ(45deg);\n  z-index: 100;\n}\n.multi-input-table tbody tr td .checkbox input[type=checkbox]:checked + div {\n  left: -0.625rem;\n  top: -0.625rem;\n}\n.multi-input-table tbody tr td .checkbox input[type=checkbox] {\n  position: absolute;\n  left: 0;\n  visibility: hidden;\n}\n.multi-input-table tbody tr td .transition {\n  transition: 300ms linear;\n}\n.multi-input-table tbody tr td .container-items-controls {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  right: 0.313rem;\n}\n.multi-input-table tbody tr td .container-items-controls .items-controls {\n  border-radius: 50%;\n  width: 1rem;\n  height: 1rem;\n  cursor: pointer;\n  padding: 0.125rem;\n}\n.multi-input-table tbody tr td .container-items-controls .clear-all-data {\n  background: transparent;\n  transition: all 0.3s linear;\n  font-size: 0.75rem;\n}\n.multi-input-table tbody tr td .container-items-controls .clear-all-data:hover {\n  background-color: #f9f9f9;\n}\n.multi-input-table tbody tr td .container-items-controls .open-modal {\n  font-size: 0.65rem;\n  color: #fff;\n  background: #65438f;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container {\n  position: relative;\n  max-width: 15.625rem;\n  width: 100%;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-container {\n  align-items: center;\n  background-color: #fff;\n  border: 0.115rem solid rgba(0, 0, 0, 0.1254901961);\n  border-radius: 0;\n  display: flex;\n  gap: 0.25rem;\n  height: 1rem;\n  justify-content: flex-start;\n  padding: 0.5rem;\n  position: relative;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-container .selected-items-container {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.25rem;\n  height: 100%;\n  justify-content: flex-start;\n  max-width: calc(100% - 1.25rem);\n  overflow: hidden;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-container .selected-items-container .selected-items {\n  align-items: center;\n  background: #f2eeee;\n  border-radius: 0.25rem;\n  display: flex;\n  font-size: 0.75rem;\n  gap: 0.25rem;\n  justify-content: space-between;\n  padding: 0 0.25rem;\n  width: 100%;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-input {\n  position: relative;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-input input {\n  background: #fff;\n  margin: 0;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-input input:focus {\n  outline: none;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .main-container .selected-input span {\n  position: absolute;\n  right: 0.313rem;\n  top: 0.438rem;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .option-container {\n  position: absolute;\n  top: 105%;\n  z-index: 8;\n  width: 100%;\n  background: #fff;\n  display: flex;\n  padding: 0.5rem;\n  border: 0.115rem solid rgba(0, 0, 0, 0.1254901961);\n  flex-direction: column;\n  gap: 0.25rem;\n}\n.multi-input-table tbody tr td .multi-input-table-main-container .option-container .options-item {\n  cursor: pointer;\n}\n.multi-input-table tbody tr:nth-child(odd) {\n  background: rgba(240, 228, 228, 0.7215686275);\n}\n.multi-input-table .toggle-header {\n  max-width: 100%;\n  margin: 0.625rem 0;\n  cursor: pointer;\n}\n.multi-input-table .toggle-header .header-title {\n  background: var(--background-color);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 1rem;\n  padding: 0.75rem;\n  font-weight: 600;\n}\n.multi-input-table .toggle-header i {\n  font-size: 1.313rem;\n}\n@media screen and (width <= 37.5rem) {\n  .settings-input-content:has(.multi-input-table) {\n    overflow: auto;\n  }\n  .settings-input-content:has(.multi-input-table) table.multi-input-table thead {\n    top: 0 !important;\n  }\n}\n\n/* src/styles/web/NestedComponent.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.nested-wrapper .nested-row {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: start;\n  align-items: center;\n  gap: 0.625rem;\n  min-height: 2.25rem;\n}\n.nested-wrapper .nested-row .before,\n.nested-wrapper .nested-row .after {\n  color: var(--sub-text-color);\n  font-size: 0.95rem;\n}\n.nested-wrapper .nested-row.single-line .before {\n  width: 10rem;\n}\n.nested-wrapper .nested-row.multiple {\n  padding: 1rem;\n  margin-top: 1.5rem;\n  background: rgba(236, 226, 249, 0.1803921569);\n}\n.nested-wrapper .nested-row:first-child {\n  margin-top: 0;\n}\n.nested-wrapper .nested-row .form-wrapper {\n  display: flex;\n  gap: 0.5rem;\n}\n.nested-wrapper .nested-row label {\n  font-size: 0.95rem;\n  display: inline-block;\n  color: var(--sub-text-color);\n}\n.nested-wrapper .nested-row .settings-input-content:has(.choice-toggle-container) label {\n  padding-right: 0.5rem;\n}\n.nested-wrapper .nested-row .choice-toggle-wrapper {\n  margin-bottom: 0;\n}\n.nested-wrapper .nested-row .basic-input {\n  width: fit-content;\n}\n.nested-wrapper .nested-row .buttons-wrapper {\n  width: 100%;\n}\n.nested-wrapper .nested-row .setting-form-input {\n  width: fit-content;\n}\n.nested-wrapper .nested-row .setting-form-input .basic-input {\n  width: 100%;\n}\n.nested-wrapper .nested-row .settings-input-content {\n  width: fit-content !important;\n}\n.nested-wrapper .nested-row .toggle-btn label,\n.nested-wrapper .nested-row .toggle-btn .toggle-checkbox-header {\n  margin: 0;\n}\n.nested-wrapper .nested-row .select-wrapper .react-select {\n  width: 8rem;\n}\n.nested-wrapper .nested-row.multiple:first-child,\n.nested-wrapper .nested-row.multiple.single-multi-line {\n  background: transparent;\n  padding: 0;\n  position: relative;\n}\n.nested-wrapper .nested-row.multiple:first-child .buttons-wrapper,\n.nested-wrapper .nested-row.multiple.single-multi-line .buttons-wrapper {\n  width: fit-content;\n}\n@media screen and (width <= 37.5rem) {\n  .nested-wrapper .nested-row.single-line .before {\n    width: fit-content;\n  }\n}\n\n/* src/styles/web/Section.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.divider-section {\n  border-bottom: 0.063rem solid var(--border-color);\n  padding-bottom: 0.5rem;\n  width: 100%;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n}\n.divider-section .title {\n  font-size: 1.15rem;\n  line-height: 1.313;\n  width: auto;\n}\n.divider-section .desc {\n  margin-top: 0.313rem;\n}\n.divider-section .desc a {\n  color: var(--color-primary);\n}\n.divider-section.red .title {\n  color: #e35047;\n}\n.divider-section.without-border {\n  border: none;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n.divider-section.border-only {\n  margin: 1rem 0;\n  padding: 0;\n}\n.divider-section.bg-color {\n  background: #f7f7f7;\n}\n.settings-wrapper[data-template=default] .divider-section:not(.card-body .divider-section),\n.settings-wrapper[data-template=settings] .divider-section:not(.card-body .divider-section) {\n  padding: 1rem 1rem 0.5rem;\n  background: var(--background-white);\n}\n.settings-wrapper[data-template=default] .divider-section:not(:first-child, [data-template=settings] .divider-section),\n.settings-wrapper[data-template=settings] .divider-section:not(:first-child, [data-template=settings] .divider-section) {\n  margin-top: 1rem;\n}\n.settings-wrapper[data-template=compact] .divider-section {\n  padding-top: 0;\n  padding-bottom: 1.5rem;\n}\n.settings-wrapper .divider-section:first-child {\n  margin: 0;\n}\n.settings-wrapper .divider-section:not(:first-child) {\n  width: 100%;\n}\n\n/* src/styles/web/ShortCodeTable.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.shortcode-wrapper {\n  padding: 0.813rem;\n  margin-bottom: 1rem;\n  border: 0.063rem solid var(--border-color);\n  border-radius: 0.25rem;\n}\n.shortcode-wrapper .shortcode-details {\n  padding-bottom: 0.813rem;\n  margin-top: 0.313rem;\n}\n.shortcode-wrapper .shortcode-details .shortcode-title {\n  font-size: 1.25rem;\n  display: flex;\n  gap: 0.5rem;\n  font-weight: 500;\n}\n.shortcode-wrapper .shortcode-table table {\n  border-collapse: collapse;\n  width: 100%;\n}\n.shortcode-wrapper .shortcode-table th,\n.shortcode-wrapper .shortcode-table td {\n  text-align: left;\n  font-size: 0.95rem;\n  padding: 1rem;\n  vertical-align: top;\n}\n.shortcode-wrapper .shortcode-table th .name,\n.shortcode-wrapper .shortcode-table td .name {\n  margin-bottom: 0.5rem;\n}\n.shortcode-wrapper .shortcode-table th {\n  font-weight: 500;\n}\n.shortcode-wrapper .shortcode-table ul {\n  margin: 0;\n}\n.shortcode-wrapper .shortcode-table ul li {\n  font-size: 0.95rem;\n}\n.shortcode-wrapper .shortcode-table thead tr {\n  background: var(--background-primary);\n}\n.shortcode-wrapper .shortcode-table tbody tr:nth-child(odd) {\n  background: rgba(216, 216, 216, 0.2509803922);\n}\n.shortcode-wrapper .shortcode-table tbody tr td:first-child i {\n  opacity: 0;\n  transition: all 0.5s ease;\n  margin-left: 0.5rem;\n  cursor: pointer;\n}\n.shortcode-wrapper .shortcode-table tbody tr td:first-child:hover i {\n  opacity: 1;\n}\n.shortcode-wrapper .no-args-message {\n  padding: 0.813rem;\n  background: var(--background-color);\n  border-radius: 0.25rem;\n  font-size: 1.063rem;\n  font-weight: 400;\n}\n@media only screen and (width <= 37.5rem) {\n  .shortcode-title {\n    flex-direction: column;\n  }\n  .shortcode-table {\n    overflow: auto;\n  }\n}\n\n/* src/styles/web/SystemInfoAccordion.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.system-info .buttons-wrapper {\n  margin-bottom: 1rem;\n}\n.system-info .system-item {\n  margin-bottom: 0.5rem;\n}\n.system-info .system-item .name {\n  background: rgba(249, 244, 244, 0.7215686275);\n  padding: 0.625rem 1rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.system-info .system-item .name span {\n  font-size: 1.125rem;\n}\n.system-info .system-item .name i {\n  font-size: 1.625rem;\n  cursor: pointer;\n}\n.system-info .system-item .content {\n  padding: 0.813rem;\n  border: 0.063rem solid var(--border-color);\n  border-top: none;\n}\n.system-info .system-item .content .des {\n  margin-bottom: 0.5rem;\n}\n.system-info .system-item .content table {\n  width: 100%;\n}\n.system-info .system-item .content table tr td {\n  padding: 0.45rem 0.625rem;\n  font-size: 0.95rem;\n}\n.system-info .system-item .content table tr td:first-child {\n  width: 30%;\n}\n.system-info .system-item .content table tr:nth-child(odd) {\n  background: rgba(245, 245, 245, 0.7411764706);\n}\n\n/* src/styles/web/EmailsInput.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.emails-section {\n  padding: 0 0.313rem;\n  border: 0.063rem solid var(--border-color);\n  border-radius: 0.25rem;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 0.5rem;\n  width: 100%;\n}\n.emails-section .email {\n  font-size: 0.813rem;\n  font-weight: 600;\n  line-height: 0.7;\n  padding: 0.313rem 0.5rem;\n  border-radius: 15rem;\n  display: flex;\n  gap: 0.25rem;\n  border: 0.063rem solid var(--border-color);\n  align-items: center;\n  background: rgba(193, 161, 233, 0.1098039216);\n  transition: all 0.4s ease;\n}\n.emails-section .email.primary {\n  background: var(--background-primary);\n  color: var(--color-primary);\n  border-color: var(--color-primary);\n}\n.emails-section div {\n  width: fit-content;\n}\n.emails-section i {\n  cursor: pointer;\n}\n.emails-section .close {\n  color: #e35047;\n}\n.emails-section input,\n.emails-section input:focus,\n.emails-section .input-wrapper {\n  border: none;\n  outline: none;\n  box-shadow: none;\n}\n.emails-section .input-wrapper {\n  position: relative;\n}\n.emails-section .input-wrapper .basic-input {\n  width: fit-content;\n}\n.emails-section .input-wrapper .inline-suggestion {\n  position: absolute;\n  background: #d7d7d7;\n  color: var(--text-color);\n  padding: 0.625rem 0.813rem;\n  font-size: 1.063rem;\n  line-height: 1.125rem;\n  border-radius: 0.25rem;\n  min-width: 18rem;\n  z-index: 9;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.emails-section .input-wrapper .inline-suggestion i {\n  padding: 0.45rem;\n  border-radius: 50%;\n  font-size: 1.313rem;\n}\n\n/* src/styles/web/SequentialTaskExecutor.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.sequential-task-executor {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding-bottom: 0.75rem;\n}\n.sequential-task-executor .sequential-task {\n  max-width: 18.75rem;\n  padding: 0.625rem 0;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 0.95rem;\n  font-weight: 500;\n  --progress-time: 3s;\n}\n.sequential-task-executor .sequential-task .status-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.sequential-task-executor .sequential-task .status-wrapper i {\n  font-size: 1.125rem;\n}\n.sequential-task-executor .sequential-task .status-wrapper i.completed-icon {\n  color: green;\n}\n.sequential-task-executor .sequential-task .status-wrapper i.failed-icon {\n  color: red;\n}\n.sequential-task-executor .sequential-task::after {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 0;\n  height: 0.125rem;\n  content: "";\n  background-color: green;\n  animation: progress var(--progress-time) linear forwards;\n}\n.sequential-task-executor .sequential-task.completed::after {\n  animation: none;\n  width: 100%;\n  background-color: green;\n}\n.sequential-task-executor .sequential-task.failed::after {\n  animation: none;\n  width: 100%;\n  background-color: #d63638;\n}\n@keyframes progress {\n  from {\n    width: 0;\n  }\n  to {\n    width: 100%;\n  }\n}\n.sequential-task-executor .sequential-task.success {\n  color: #007400;\n}\n.sequential-task-executor .sequential-task.success::after {\n  background-color: green;\n}\n.loader-wrapper {\n  display: flex;\n  gap: 1rem;\n  position: relative;\n  width: fit-content;\n}\n.loader-wrapper .multivendorx-loader {\n  width: 2rem;\n  aspect-ratio: 1;\n  --c:\n    no-repeat radial-gradient(\n      farthest-side,\n      $theme-color 92%,\n      #0000);\n  background:\n    var(--c) 50% 0,\n    var(--c) 50% 100%,\n    var(--c) 100% 50%,\n    var(--c) 0 50%;\n  background-size: 0.625rem 0.625rem;\n  animation: loader 1s infinite;\n  position: relative;\n}\n.loader-wrapper .multivendorx-loader::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  margin: 0.1875rem;\n  background: repeating-conic-gradient(rgba(0, 0, 0, 0) 0 35deg, var(--color-primary) 0 90deg);\n  mask:\n    radial-gradient(\n      farthest-side,\n      rgba(0, 0, 0, 0) calc(100% - 0.1875rem),\n      #000 0);\n  border-radius: 50%;\n}\n@keyframes loader {\n  100% {\n    transform: rotate(0.5turn);\n  }\n}\n\n/* src/styles/web/FreeFormCustomizer.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.free-form-customizer {\n  width: 100%;\n  margin-top: 0.625rem;\n}\n.free-form-customizer .free-form-row {\n  display: flex;\n  gap: 0.5rem;\n  padding: 0.5rem 0;\n  align-items: center;\n  width: 75%;\n}\n.free-form-customizer .free-form-row label {\n  font-size: 0.95rem;\n  font-weight: 500;\n}\n.free-form-customizer .free-form-row .edit-icon {\n  cursor: pointer;\n  font-size: 1rem;\n  margin-left: 0.25rem;\n  visibility: hidden;\n  transition: all 0.3s linear;\n}\n.free-form-customizer .free-form-row .free-form-input {\n  width: 30%;\n}\n.free-form-customizer .free-form-row.enable-visibility .free-form-input {\n  opacity: 0.4;\n}\n.free-form-customizer .free-form-row:not(.enable-visibility):hover .edit-icon {\n  visibility: visible;\n}\n.free-form-customizer .free-form-row.submit-btn .free-form-input {\n  width: 63%;\n  display: flex;\n  justify-content: end;\n}\n.free-form-customizer .free-form-row.submit-btn .free-form-input .setting-form-input {\n  width: 47%;\n  margin-right: 2rem;\n}\n.free-form-customizer .free-form-row.submit-btn .free-form-input .buttons-wrapper {\n  align-items: center;\n}\n.free-form-customizer .free-form-header {\n  display: flex;\n  gap: 0.5rem;\n  padding-bottom: 0.5rem;\n  width: 75%;\n}\n.free-form-customizer .free-form-header .title {\n  font-size: 1.125rem !important;\n  color: var(--color-primary) !important;\n  width: 30%;\n}\n.free-form-customizer .visibility-icon {\n  font-size: 1.125rem;\n  padding-left: 0.313rem;\n  cursor: pointer;\n}\n.free-form-customizer .visibility-icon.adminfont-eye {\n  color: var(--color-primary);\n}\n\n/* src/styles/web/Modules.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.module-container .module-option-row {\n  display: flex;\n  flex-wrap: wrap;\n}\n.module-container .module-option-row .module-list-item {\n  box-sizing: border-box;\n  border: 0.063rem solid var(--border-color);\n  border-radius: 0.25rem;\n  background: #fff;\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.module-container .module-option-row .module-list-item .module-header {\n  display: flex;\n  justify-content: space-between;\n}\n.module-container .module-option-row .module-list-item .module-header img {\n  width: 2.5rem;\n  height: 2.5rem;\n  border-radius: 0.063rem solid var(--border-color);\n  object-fit: cover;\n}\n.module-container .module-option-row .module-list-item .module-header .pro-tag i {\n  color: #e35047;\n  font-size: 1.313rem;\n}\n.module-container .module-option-row .module-list-item .module-details {\n  padding-top: 1rem;\n}\n.module-container .module-option-row .module-list-item .module-details .tag-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.313rem;\n  margin-bottom: 0.625rem;\n}\n.module-container .module-option-row .module-list-item .module-details .tag-wrapper .admin-badge {\n  padding: 0.313rem;\n  font-size: 0.75rem;\n  display: inline-block;\n}\n.module-container .module-option-row .module-list-item .footer-wrapper .requires {\n  display: flex;\n  gap: 0.125rem;\n  flex-wrap: wrap;\n  padding-top: 1.625rem;\n  min-height: 2.313rem;\n  align-items: end;\n}\n.module-container .module-option-row .module-list-item .footer-wrapper .requires .requires-title {\n  font-size: 0.9rem;\n  color: var(--color-primary);\n  font-weight: 600;\n}\n.module-container .module-option-row .module-list-item .footer-wrapper .module-footer {\n  display: flex;\n  padding-top: 0.75rem;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 0.5rem;\n  border-top: 0.063rem solid var(--border-color);\n}\n.module-container .module-option-row .module-list-item .footer-wrapper .module-footer .price {\n  font-size: 1.063rem;\n  font-weight: 500;\n}\n.module-container .module-option-row .module-list-item .footer-wrapper .module-footer .buttons {\n  display: flex;\n  gap: 0.5rem;\n}\n.module-container .module-option-row .module-list-item .footer-wrapper .module-footer .buttons a {\n  display: flex;\n  align-items: center;\n}\n.module-container .module-option-row .module-list-item .footer-wrapper .module-footer .buttons i {\n  font-size: 1.125rem;\n  color: var(--color-primary);\n}\n.module-container .module-option-row .module-list-item.highlight label {\n  border: dashed 0.063rem var(--color-primary);\n}\n.module-container .filter-wrapper {\n  display: flex;\n  justify-content: space-between;\n  align-items: start;\n  gap: 0.5rem;\n}\n.module-container .filter-wrapper .module-search {\n  display: flex;\n  justify-content: end;\n  margin-bottom: 2rem;\n  gap: 0.5rem;\n  width: 35rem;\n}\n.module-container .filter-wrapper .module-search .search-field {\n  margin: 0;\n}\n.module-container .filter-wrapper .module-search .search-field i {\n  cursor: pointer;\n}\n.module-container[data-variant=default] .module-option-row {\n  gap: 1rem;\n  margin-top: 1rem;\n}\n.module-container[data-variant=default] .module-option-row .module-list-item {\n  flex: 0 0 19rem;\n}\n.module-container[data-variant=default] .module-option-row .module-list-item .icon {\n  padding: 0.5rem;\n  width: 2.5rem;\n  height: 2.5rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: rgba(82, 44, 129, 0.0705882353);\n  border-radius: 0.4rem;\n}\n.module-container[data-variant=default] .module-option-row .module-list-item .icon i {\n  font-size: 1.5rem;\n  color: var(--color-primary);\n}\n.module-container[data-variant=default] .module-option-row .module-list-item .meta-name {\n  font-size: 1.25rem;\n  line-height: 1;\n  color: #000;\n  margin-bottom: 0.625rem;\n}\n.module-container[data-variant=mini-module] .module-list-item {\n  width: 25%;\n}\n.module-container[data-variant=mini-module] .module-list-item .icon i {\n  font-size: 1.313rem;\n  color: var(--color-primary);\n}\n.module-container[data-variant=mini-module] .module-list-item .meta-name {\n  font-size: 0.9rem;\n  color: #000;\n  margin: 0;\n}\n@media screen and (width <= 37.5rem) {\n  .module-container[data-variant=mini-module] .module-list-item {\n    width: 50%;\n  }\n}\n\n/* src/styles/web/HeaderSearch.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.search-field {\n  display: flex;\n  border: 0.063rem solid var(--color-primary);\n  border-radius: 0.25rem;\n  margin-left: auto;\n  background: var(--background-white);\n  position: relative;\n}\n.search-field .search-action {\n  background: var(--background-primary);\n  border-radius: 0.25rem 0 0 0.25rem;\n}\n.search-field [class^=select-prefix] {\n  border: none;\n}\n.search-field .search-section {\n  display: flex;\n  align-items: center;\n  padding-left: 0.5rem;\n}\n.search-field .search-section i {\n  font-size: 1.25rem;\n  color: var(--color-primary);\n  padding-right: 0.5rem;\n}\n.search-field .search-section input {\n  padding-left: 0;\n  background: none;\n}\n.search-field .search-section input,\n.search-field .search-section .input-wrapper {\n  border: none !important;\n}\n.search-field .search-section input:focus,\n.search-field .search-section .input-wrapper:focus {\n  border: none !important;\n  box-shadow: none !important;\n}\n.search-field .search-section select {\n  background: var(--background-primary);\n  color: var(--color-primary);\n  margin: 0;\n  min-width: 6rem;\n  border: none !important;\n  border-radius: 0.25rem;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  padding: 0 0.625rem;\n  height: 100%;\n}\n.search-field .search-section select option {\n  background: #fff;\n}\n.search-field .search-section select:focus {\n  box-shadow: none;\n  color: var(--color-primary);\n}\n.search-field .search-section .search-icon-trigger {\n  font-size: 1.25rem;\n  padding: 0.45rem;\n  padding-bottom: 0.313rem;\n  color: var(--color-primary);\n  cursor: pointer;\n}\n.search-field .search-section ul {\n  position: absolute;\n  top: 100%;\n  right: 0;\n  width: 19rem;\n  max-height: 22rem;\n  overflow-y: auto;\n  background: #fff;\n  border: 0.063rem solid var(--border-color);\n  border-radius: 0.25rem;\n  margin-top: 0.313rem;\n  padding: 0;\n  list-style: none;\n  z-index: 1000;\n}\n.search-field .search-section ul li {\n  padding: 0.75rem;\n  cursor: pointer;\n  font-size: 0.875rem;\n  color: #333;\n  border-bottom: 0.063rem solid var(--border-color);\n  display: flex;\n  align-items: start;\n  gap: 0.5rem;\n  margin: 0;\n  transition: all 0.5s ease;\n}\n.search-field .search-section ul li:hover {\n  background: #f3f3f3;\n}\n.search-field .search-section ul li .icon-wrapper {\n  margin-top: 0.625rem;\n}\n.search-field .search-section ul li .icon-wrapper i {\n  padding: 0.5rem;\n  font-size: 1.125rem;\n  border-radius: 50%;\n  background: var(--background-primary);\n  color: var(--color-primary);\n}\n.search-field .search-section ul li .title {\n  font-size: 1rem;\n}\n.search-field .search-section ul li .desc {\n  font-size: 0.813rem;\n  padding-top: 0.313rem;\n}\n.search-field .item-list {\n  position: absolute;\n  top: 100%;\n  background: var(--background-white);\n  z-index: 999;\n  max-height: 20rem;\n  overflow: auto;\n  box-shadow: 0 0.125rem 0.5rem 0 var(--box-shadow);\n  border-radius: 0.25rem;\n}\n\n/* src/styles/web/SettingsNavigator.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.general-wrapper {\n  border-radius: 0.25rem;\n  margin: 2.5rem 1.25rem 1.25rem;\n}\n.general-wrapper:has(.container-wrapper) {\n  background: transparent;\n  padding: 0;\n}\n.general-wrapper.tabs-wrapper.background {\n  margin: 0;\n}\n.breadcrumbs span a {\n  color: var(--color-primary);\n}\n.breadcrumbs span:last-child a {\n  color: rgba(0, 0, 0, 0.4784313725);\n}\n.title-section {\n  display: flex;\n  justify-content: space-between;\n  margin: 0 1.25rem;\n  padding: 1.5rem 1.5rem 0.5rem 0;\n  border-bottom: 0.063rem solid var(--border-color);\n}\n.title-section .title-wrapper {\n  margin-bottom: 0;\n}\n.title-section .title-wrapper .title {\n  font-size: 1.4rem;\n  color: var(--text-color);\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n}\n.title-section .title-wrapper .title .title-icon {\n  margin-right: 0.5rem;\n  color: var(--color-primary);\n  font-size: 1.8rem;\n}\n.title-section .title-wrapper .buttons-wrapper i {\n  font-size: 1rem;\n  margin: 0;\n}\n.title-section .title-custom-section {\n  display: flex;\n  align-items: center;\n  gap: 0.625rem;\n}\n.title-section .description {\n  padding-top: 0.313rem;\n}\n.title-section .breadcrumbs {\n  padding-top: 0.938rem;\n  font-size: 0.9rem;\n}\n.title-section .breadcrumbs a {\n  color: var(--color-primary);\n  font-weight: 500;\n}\n.title-section span:last-child a {\n  color: var(--text-color);\n}\n.settings-wrapper:not(.without-spacing) .tabs-wrapper {\n  border-bottom: 0.063rem solid var(--border-color);\n  margin: 0 1.25rem;\n}\n.settings-wrapper.without-spacing .general-wrapper {\n  margin: 2.5rem 0 0;\n}\n.settings-wrapper[data-template=default] .title-section {\n  border: none;\n}\n.settings-wrapper[data-template=default] .breadcrumbs {\n  margin: 0 1.25rem;\n}\n.settings-wrapper[data-template=default] .general-wrapper {\n  gap: 0;\n}\n.settings-wrapper[data-template=default] .general-wrapper #tabs-wrapper {\n  padding: 0 1rem 1rem;\n  margin: 0;\n  width: 100%;\n  border: 0.063rem solid var(--border-color);\n  border-radius: 0.25rem 0.25rem 0 0;\n  border-bottom: 0;\n}\n.settings-wrapper[data-template=default] .general-wrapper .tab-content {\n  border: 0.063rem solid var(--border-color);\n  border-radius: 0 0 0.25rem 0.25rem;\n}\n.settings-wrapper[data-template=default] .general-wrapper .tab-content:has(.settings-card) .form-group-wrapper {\n  gap: 1rem !important;\n}\n.settings-wrapper[data-template=default] .general-wrapper .tab-content:has(.settings-card) .form-group-wrapper .form-group {\n  padding: 0 !important;\n}\n.settings-wrapper[data-template=default] .general-wrapper.show-menu .tabs-wrapper {\n  max-width: 4.125rem;\n}\n.settings-wrapper[data-template=default] .general-wrapper.show-menu .tabs-wrapper .brand {\n  margin: 0 auto;\n}\n.settings-wrapper[data-template=default] .general-wrapper.show-menu .tabs-wrapper .brand img {\n  width: 3.15rem;\n}\n.settings-wrapper[data-template=default] .general-wrapper.show-menu .tabs-wrapper .brand .logo {\n  display: none;\n}\n.settings-wrapper[data-template=default] .general-wrapper.show-menu .tabs-wrapper .brand .logo-small {\n  display: block;\n}\n.settings-wrapper[data-template=default] .general-wrapper.show-menu .tabs-wrapper .menu-coll-btn span {\n  transform: rotate(180deg);\n}\n.settings-wrapper[data-template=default] .general-wrapper:has(.container-wrapper) .tab-content {\n  border: none;\n  margin: 0;\n}\n.settings-wrapper[data-template=default]:not(.without-border) .general-wrapper {\n  position: relative;\n}\n.settings-wrapper[data-template=compact] .tabs-wrapper {\n  margin-top: 2rem;\n}\n.settings-wrapper[data-template=compact] .tab:not(.pro-btn) {\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  background: var(--background-white);\n  padding: 1rem 1rem 0.313rem;\n  min-width: 11rem;\n}\n.settings-wrapper[data-template=compact] .tab:not(.pro-btn) .tab-name {\n  display: flex;\n  flex-direction: column;\n  font-size: 0.938rem;\n  line-height: 1.5;\n  color: #707070;\n  font-weight: 500;\n  gap: 0.125rem;\n}\n.settings-wrapper[data-template=compact] .tab:not(.pro-btn) .tab-name i {\n  font-size: 1.625rem;\n  text-align: center;\n}\n.settings-wrapper[data-template=compact] .tab:not(.pro-btn).active-tab {\n  color: var(--color-primary);\n  border-bottom: 0.126rem solid var(--color-primary);\n}\n.settings-wrapper[data-template=compact] .tab:not(.pro-btn).active-tab .tab-name {\n  color: var(--color-primary);\n}\n.settings-wrapper[data-template=compact] .tab:not(.pro-btn):hover {\n  background: var(--color-primary);\n}\n.settings-wrapper[data-template=compact] .tab:not(.pro-btn):hover i {\n  color: #fff;\n}\n.settings-wrapper[data-template=compact] .tab:not(.pro-btn):hover .tab-name {\n  color: #fff;\n}\n.settings-wrapper[data-template=card] .tabs-wrapper {\n  margin-top: 2rem;\n}\n.settings-wrapper[data-template=card] .tabs-item {\n  display: flex;\n  gap: 1rem;\n  width: 100%;\n  flex-wrap: wrap;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab {\n  width: 24%;\n  box-sizing: border-box;\n  padding: 1rem 1.313rem;\n  background: var(--background-white);\n  border-radius: 0.25rem;\n  border: 0.063rem solid transparent;\n  flex-direction: column;\n  gap: 0;\n  align-items: start;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab .tab-name {\n  font-size: 1.313rem;\n  line-height: 1.125rem;\n  font-weight: 500;\n  display: flex;\n  align-items: end;\n  gap: 0.5rem;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab .tab-name span {\n  font-size: 3rem;\n  line-height: 2rem;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab i {\n  padding: 0.5rem;\n  font-size: 1.45rem;\n  border-radius: 0.25rem;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab .des {\n  font-size: 1.125rem;\n  padding-top: 0.5rem;\n  line-height: 1.125;\n  color: var(--sub-text-color);\n}\n.settings-wrapper[data-template=card] .tabs-item .tab:hover {\n  background: var(--color-primary);\n  color: #fff;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab:hover .tab-name,\n.settings-wrapper[data-template=card] .tabs-item .tab:hover .des {\n  color: #fff;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab:hover .tab-name i,\n.settings-wrapper[data-template=card] .tabs-item .tab:hover .des i {\n  background: #fff;\n  color: var(--color-primary);\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab {\n  border: 0.063rem solid;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.primary) {\n  border-color: var(--color-primary);\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.secondary) {\n  border-color: var(--color-secondary);\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.accent) {\n  border-color: var(--color-accent);\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.support) {\n  border-color: var(--color-support);\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.red) {\n  border-color: #f7a79a;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.green) {\n  border-color: #6bbf8f;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.teal) {\n  border-color: #5baab3;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.orange) {\n  border-color: #d88c5c;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.yellow) {\n  border-color: #d4b86a;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.blue) {\n  border-color: #6e9fd1;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.purple) {\n  border-color: #8a6fce;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.indigo) {\n  border-color: #6f78c7;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.pink) {\n  border-color: #d676a4;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.facebook) {\n  border-color: #1877F2;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.twitter) {\n  border-color: #000;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.linkedin) {\n  border-color: #0A66C2;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.youtube) {\n  border-color: #F00;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.instagram) {\n  border-color: #E4405F;\n}\n.settings-wrapper[data-template=card] .tabs-item .tab.active-tab:has(.pinterest) {\n  border-color: #E60023;\n}\n.settings-wrapper[data-template=settings] {\n  display: flex;\n  width: 100%;\n  margin-top: 1rem;\n}\n.settings-wrapper[data-template=settings] .tabs-wrapper {\n  background: transparent;\n  width: 25%;\n  height: auto;\n  padding: 0;\n  border: none;\n}\n.settings-wrapper[data-template=settings] .tabs-wrapper .tabs-item {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n.settings-wrapper[data-template=settings] .tabs-wrapper .tabs-item .tab {\n  padding: 0.813rem;\n  transition: all 0.3s ease;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  margin: 0;\n  color: var(--text-color);\n}\n.settings-wrapper[data-template=settings] .tabs-wrapper .tabs-item .tab i {\n  padding-right: 0.5rem;\n}\n.settings-wrapper[data-template=settings] .tabs-wrapper .tabs-item .tab .tab-name {\n  margin: 0;\n  font-weight: 500;\n  font-size: 1.125rem;\n  line-height: 1rem;\n}\n.settings-wrapper[data-template=settings] .tabs-wrapper .tabs-item .tab:hover {\n  background: var(--background-primary);\n  color: var(--color-primary);\n}\n.settings-wrapper[data-template=settings] .tabs-wrapper .tabs-item .tab.active-tab,\n.settings-wrapper[data-template=settings] .tabs-wrapper .tabs-item .tab.active-tab:hover {\n  background: var(--color-primary);\n  color: #fff;\n  border: none;\n}\n.settings-wrapper[data-template=settings] .tabs-wrapper .tabs-item .tab.active-tab i,\n.settings-wrapper[data-template=settings] .tabs-wrapper .tabs-item .tab.active-tab .tab-name,\n.settings-wrapper[data-template=settings] .tabs-wrapper .tabs-item .tab.active-tab:hover i,\n.settings-wrapper[data-template=settings] .tabs-wrapper .tabs-item .tab.active-tab:hover .tab-name {\n  color: #fff;\n}\n.settings-wrapper[data-template=settings] .tabs-wrapper .tabs-item .tab-heading {\n  font-size: 1.063rem;\n  color: rgba(0, 0, 0, 0.5607843137);\n  font-weight: 600;\n  padding-bottom: 0.313rem;\n  border-bottom: 0.063rem solid var(--border-color);\n  margin: 0.5rem 0;\n}\n.settings-wrapper[data-template=settings] .general-wrapper {\n  width: 75%;\n  background: var(--background-white);\n  margin: 0 1rem 1rem;\n  border-radius: 0.25rem;\n  border: none;\n}\n.settings-wrapper[data-template=settings] .general-wrapper .card-content {\n  padding: 0;\n}\n.settings-wrapper[data-template=settings] .general-wrapper .tab-content {\n  box-sizing: border-box;\n}\n.settings-wrapper .custom-content {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n}\n.settings-wrapper .custom-content label {\n  font-size: 1rem;\n}\n.settings-wrapper .custom-content label i {\n  font-size: 1.125rem;\n  color: var(--color-primary);\n  padding-right: 0.45rem;\n}\n.admin-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem;\n  background: #fff;\n}\n.admin-header .left-section {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n}\n.admin-header .left-section .brand-logo {\n  width: auto;\n  height: 2rem;\n}\n.admin-header .left-section .version-tag {\n  display: flex;\n  gap: 0.5rem;\n}\n.admin-header .right-section {\n  position: relative;\n  display: flex;\n  gap: 0.875rem;\n  align-items: center;\n}\n.admin-header .right-section .adminfont-notification {\n  font-size: 1.313rem;\n  padding: 0.313rem;\n}\n.tabs-wrapper {\n  display: flex;\n  justify-content: space-between;\n}\n.tabs-wrapper .pro-btn {\n  color: #e35047;\n  line-height: 1.7rem;\n  font-weight: 600;\n  gap: 0.31rem;\n  font-size: 1rem;\n  display: flex;\n}\n.tabs-wrapper .pro-btn i:first-child {\n  font-size: 1.4rem;\n}\n.tabs-wrapper .pro-btn i:last-child {\n  transform: rotate(-45deg);\n  padding-left: 0.313rem;\n  line-height: 1.5rem;\n}\n.tabs-wrapper.background {\n  background: var(--background-white);\n  padding: 1rem;\n  border-radius: 0.25rem;\n  border: none;\n}\n.tab-title {\n  padding: 1.5rem;\n  align-items: center;\n  background: #fff;\n  margin: 1rem;\n}\n.tab-title .content {\n  border-bottom: 0.063rem solid var(--border-color);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.tab-title .tab-wrapper .title {\n  font-size: 1.45rem;\n  display: flex;\n  align-items: end;\n  gap: 0.313rem;\n  line-height: 1.5rem;\n}\n.tab-title .tab-wrapper i {\n  font-size: 1.5rem;\n  color: var(--color-primary);\n}\n.tab-title .tab-wrapper .dsc {\n  font-size: 0.85rem;\n  font-weight: 400;\n  padding-top: 0.313rem;\n}\n.tab-title .status-wrapper {\n  margin-bottom: 0.313rem;\n  display: flex;\n  align-items: center;\n  gap: 0.813rem;\n}\n.tab-title .status-wrapper span {\n  font-size: 1rem;\n  color: #000;\n}\n.tab-content {\n  position: relative;\n  width: 100%;\n}\n.tab-content .tab-description-body {\n  padding: 0 1.8rem;\n}\n.general-wrapper:has(.tab-bg) {\n  border: none;\n}\n.general-wrapper:has(.tab-bg) .divider-section {\n  display: none;\n}\n.tabs-item {\n  position: relative;\n  display: flex;\n  gap: 1.5rem;\n}\n.tabs-item .tab {\n  position: relative;\n  overflow: hidden;\n  transition: all 100ms ease-out;\n  display: flex;\n  align-items: end;\n  justify-content: flex-start;\n  color: var(--text-color);\n  gap: 0.75rem;\n  background-color: transparent;\n  padding: 0.5rem 0;\n  border-bottom: 0.126rem solid transparent;\n  font-weight: 500;\n  cursor: pointer;\n}\n.tabs-item .tab .tab-name {\n  font-size: 0.938rem;\n}\n.tabs-item .tab .tab-name i {\n  padding-right: 0.5rem;\n}\n.tabs-item .tab .admin-pro-tag {\n  top: 1rem;\n}\n.tabs-item .tab .tab-desc {\n  margin-top: 0.188rem;\n  color: #72777c;\n  line-height: 1.2;\n  transition: all 150ms ease-out;\n}\n.tabs-item .tab .drop-down-section {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 0.25rem;\n  width: 100%;\n}\n.tabs-item .tab:focus {\n  box-shadow: none;\n}\n.tabs-item .tab.active-tab {\n  color: var(--color-primary);\n  border-bottom: 0.126rem solid var(--color-primary);\n}\n.tabs-item .tab.active-tab .tab-name,\n.tabs-item .tab.active-tab i {\n  color: var(--color-primary);\n}\n.tabs-item .active-tab i {\n  opacity: 1;\n}\n.tabs-item .active-tab .admin-pro-tag {\n  top: 1rem;\n}\n.tabs-item .tab-wrapper {\n  width: 100%;\n}\n.tabs-item .tab-wrapper .subtab-wrapper {\n  padding-left: 1rem;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  position: relative;\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s linear;\n}\n.tabs-item .tab-wrapper .subtab-wrapper a {\n  width: 100%;\n  box-sizing: border-box;\n}\n.tabs-item .tab-wrapper .subtab-wrapper.active {\n  max-height: 50rem;\n  height: auto;\n}\n@media only screen and (width <= 37.5rem) {\n  .tabs-wrapper {\n    flex-direction: column;\n    gap: 1rem;\n  }\n  .admin-header {\n    gap: 1rem;\n  }\n  .admin-header .left-section .version-tag {\n    display: none;\n  }\n  .admin-header .right-section {\n    width: 100%;\n    justify-content: flex-end;\n  }\n  .admin-header .right-section .search-field {\n    display: none;\n  }\n  .settings-wrapper[data-template=settings] {\n    flex-direction: column;\n  }\n  .settings-wrapper[data-template=settings] .tabs-wrapper {\n    width: 100% !important;\n    margin: 0 0 2rem !important;\n  }\n  .settings-wrapper[data-template=settings] .general-wrapper {\n    width: 100% !important;\n    margin: 0 !important;\n  }\n  .settings-wrapper[data-template=compact] .tabs-item {\n    flex-wrap: wrap;\n  }\n  .settings-wrapper[data-template=compact] .tabs-item a.tab {\n    min-width: 5rem !important;\n  }\n  .settings-wrapper[data-template=default] .tabs-item {\n    flex-wrap: wrap;\n    gap: 0.313rem;\n    padding-top: 1rem;\n  }\n  .settings-wrapper[data-template=default] .tabs-item .tab {\n    margin: 0 0.313rem;\n  }\n  .title-section {\n    flex-wrap: wrap;\n    gap: 1rem;\n  }\n}\n\n/* src/styles/web/UI/Container.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.admin-main-wrapper .container-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n}\n.admin-main-wrapper .card-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  position: relative;\n}\n.admin-main-wrapper .card-wrapper.row {\n  flex-direction: row;\n}\n.admin-main-wrapper .card-wrapper.full-height .card-content {\n  height: 100%;\n}\n.admin-main-wrapper .card-wrapper:has(.transaction) {\n  margin-bottom: 1rem;\n}\n.admin-main-wrapper [data-cols] {\n  box-sizing: border-box;\n}\n.admin-main-wrapper [data-cols="1"] {\n  flex: 0 0 calc(8.3333% - 0.916rem);\n  max-width: calc(8.3333% - 0.916rem);\n}\n.admin-main-wrapper [data-cols="2"] {\n  flex: 0 0 calc(16.6667% - 0.833rem);\n  max-width: calc(16.6667% - 0.833rem);\n}\n.admin-main-wrapper [data-cols="3"] {\n  flex: 0 0 calc(25% - 0.75rem);\n  max-width: calc(25% - 0.75rem);\n}\n.admin-main-wrapper [data-cols="4"] {\n  flex: 0 0 calc(33.3333% - 0.688rem);\n  max-width: calc(33.3333% - 0.688rem);\n}\n.admin-main-wrapper [data-cols="5"] {\n  flex: 0 0 calc(41.6667% - 0.583rem);\n  max-width: calc(41.6667% - 0.583rem);\n}\n.admin-main-wrapper [data-cols="6"] {\n  flex: 0 0 calc(50% - 0.5rem);\n  max-width: calc(50% - 0.5rem);\n}\n.admin-main-wrapper [data-cols="7"] {\n  flex: 0 0 calc(58.3333% - 0.438rem);\n  max-width: calc(58.3333% - 0.438rem);\n}\n.admin-main-wrapper [data-cols="8"] {\n  flex: 0 0 calc(66.6667% - 0.313rem);\n  max-width: calc(66.6667% - 0.313rem);\n}\n.admin-main-wrapper [data-cols="9"] {\n  flex: 0 0 calc(75% - 0.25rem);\n  max-width: calc(75% - 0.25rem);\n}\n.admin-main-wrapper [data-cols="10"] {\n  flex: 0 0 calc(83.3333% - 0.166rem);\n  max-width: calc(83.3333% - 0.166rem);\n}\n.admin-main-wrapper [data-cols="11"] {\n  flex: 0 0 calc(91.6667% - 0.083rem);\n  max-width: calc(91.6667% - 0.083rem);\n}\n.admin-main-wrapper [data-cols="12"] {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.admin-settings .container-wrapper .tabs-wrapper {\n  border: none;\n}\n.admin-settings .popup-body .form-group-wrapper {\n  gap: 1rem;\n}\n.admin-settings .popup-body .form-group-wrapper .form-group {\n  padding: 0;\n}\n@media only screen and (width <= 37.5rem) {\n  [data-cols="1"],\n  [data-cols="2"],\n  [data-cols="3"],\n  [data-cols="4"],\n  [data-cols="5"],\n  [data-cols="6"],\n  [data-cols="7"],\n  [data-cols="8"],\n  [data-cols="9"],\n  [data-cols="10"],\n  [data-cols="11"] {\n    flex: 0 0 100% !important;\n    max-width: 100% !important;\n  }\n  .admin-main-wrapper .card-wrapper.row {\n    flex-direction: column;\n  }\n}\n\n/* src/styles/web/DynamicRowSetting.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.repeater-field-wrapper .repeater-field {\n  padding: 1rem;\n  background: var(--background-color);\n  border-radius: 0.25rem;\n  margin-bottom: 1rem;\n  border: 0.063rem solid var(--border-color);\n}\n.repeater-field-wrapper .repeater-field .setting-form-input {\n  width: 25%;\n}\n.repeater-field-wrapper .repeater-field.rule {\n  width: fit-content;\n}\n.repeater-field-wrapper .buttons-wrapper {\n  margin-top: 1rem;\n}\n.repeater-field-wrapper .field {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n}\n.repeater-field-wrapper .field .location-icon {\n  background: var(--background-color);\n  color: #06be9f;\n  padding: 0.45rem;\n  font-size: 1.313rem;\n  border-radius: 0.25rem;\n}\n.repeater-field-wrapper .field .delete-icon {\n  font-size: 1.125rem;\n  color: #e35047;\n  cursor: pointer;\n}\n.repeater-field-wrapper .field .basic-input {\n  background: var(--background-white) !important;\n}\n.repeater-field-wrapper .field.state {\n  margin-bottom: 0.625rem;\n}\n.repeater-field-wrapper .repeater-field-nested {\n  padding: 0.813rem;\n  background: var(--background-white);\n  margin-top: 0.813rem;\n}\n.repeater-field-wrapper .repeater-field-nested .state-title {\n  font-size: 1.125rem;\n  padding-bottom: 0.625rem;\n}\n.repeater-field-wrapper .repeater-field-nested .repeater-field {\n  padding: 0;\n  border: none;\n  background: transparent;\n}\n.shipping-method-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 0.625rem;\n}\n.shipping-method-wrapper .shipping-method {\n  display: flex;\n  gap: 0.5rem;\n}\n.shipping-method-wrapper .shipping-method .admin-badge {\n  cursor: pointer;\n}\n\n/* src/styles/web/UI/InfoItem.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.info-item {\n  display: flex;\n  justify-content: space-between;\n  padding: 0.45rem 0;\n}\n.info-item:first-child {\n  padding-top: 0;\n}\n.info-item:last-child {\n  padding-bottom: 0;\n}\n.info-item.owner {\n  flex-direction: column;\n}\n.info-item .details-wrapper {\n  display: flex;\n  gap: 0.75rem;\n}\n.info-item .details-wrapper .avatar i {\n  color: var(--color-primary);\n  background: var(--background-primary);\n  border-radius: 0.25rem;\n}\n.info-item .details-wrapper .details {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n.info-item .details-wrapper .details .name {\n  font-size: 1.125rem;\n  line-height: 1.1;\n  color: var(--text-color);\n  font-weight: 500;\n  position: relative;\n  padding-right: 0.625rem;\n  display: flex;\n  align-items: end;\n  gap: 0.625rem;\n}\n.info-item .details-wrapper .details .name image {\n  width: 1.625rem;\n  height: 1.625rem;\n  padding-left: 0.313rem;\n}\n.info-item .details-wrapper .details .des {\n  font-size: 0.813rem;\n}\n.info-item .details-wrapper .details .des p {\n  margin: 0;\n}\n.info-item .details-wrapper .details .small-text {\n  font-size: 0.875rem;\n  color: var(--sub-text-color);\n}\n.info-item .right-details {\n  text-align: right;\n}\n.info-item .right-details .price {\n  font-size: 1.063rem;\n  font-weight: 600;\n  line-height: 1.5rem;\n  padding-bottom: 0.125rem;\n  color: var(--text-color);\n}\n.info-item .contact-details {\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n/* src/styles/web/UI/Analytics.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.analytics-container {\n  display: flex;\n  gap: 1rem;\n  height: fit-content;\n}\n.analytics-container .analytics-item {\n  display: flex;\n  gap: 1rem;\n  align-items: start;\n  background: var(--background-white);\n  padding: 1rem;\n  width: 100%;\n  border-radius: 0.25rem;\n  box-shadow: 0 0.125rem 0.5rem 0 var(--box-shadow);\n  box-sizing: border-box;\n}\n.analytics-container .analytics-item .analytics-icon i {\n  border-radius: 0.25rem;\n  font-size: 2.5rem;\n  padding: 0.625rem;\n}\n.analytics-container .analytics-item .details .number {\n  font-size: 2.063rem;\n  line-height: 0.9;\n  font-weight: 600;\n  color: var(--text-color);\n}\n.analytics-container .analytics-item .details .text {\n  color: var(--sub-text-color);\n  line-height: 1.713;\n}\n.analytics-container[data-template=small] .analytics-item {\n  box-sizing: border-box;\n}\n.analytics-container[data-template=small] .analytics-item i {\n  padding: 0.5rem;\n  font-size: 1.625rem;\n}\n.analytics-container[data-template=small] .analytics-item .details .number {\n  font-size: 1.25rem;\n}\n.analytics-container.flex-wrap {\n  flex-wrap: wrap;\n}\n.analytics-container.flex-wrap .col-6 {\n  width: calc(8.3333% - 1rem);\n}\n.analytics-container.flex-wrap .col-5 {\n  width: calc(16.6667% - 1rem);\n}\n.analytics-container.flex-wrap .col-4 {\n  width: calc(25% - 1rem);\n}\n.analytics-container.flex-wrap .col-3 {\n  width: calc(33.3333% - 1rem);\n}\n.analytics-container.flex-wrap .col-2 {\n  width: calc(50% - 1rem);\n}\n.analytics-container.flex-wrap .col-1 {\n  width: calc(100% - 1rem);\n}\n.analytics-container[data-template=dashboard] .analytics-item {\n  flex-direction: row-reverse;\n  justify-content: space-between;\n}\n.analytics-container[data-template=dashboard] .analytics-item .analytics-icon {\n  margin-top: 0.45rem;\n}\n.analytics-container[data-template=dashboard] .analytics-item .analytics-icon i {\n  padding: 0.5rem;\n  font-size: 1.5rem;\n  border-radius: 0.25rem;\n  color: #fff;\n  margin-top: 0.625rem;\n}\n.analytics-container[data-template=dashboard] .analytics-item .analytics-icon .text {\n  color: var(--sub-text-color);\n  padding-top: 0.313rem;\n}\n.analytics-container[data-template=dashboard] .analytics-item .details .text {\n  font-size: 1.063rem;\n  font-weight: 500;\n  color: var(--sub-text-color);\n}\n.analytics-container[data-template=dashboard] .analytics-item .details .number {\n  font-size: 1.813rem !important;\n  line-height: 2 !important;\n  font-weight: 600;\n}\n.analytics-container[data-template=dashboard] .analytics-item .details .report {\n  font-weight: 500;\n  color: var(--sub-text-color);\n}\n.analytics-container[data-template=dashboard] .analytics-item .details .report div {\n  line-height: 1.313rem;\n}\n@media screen and (width <= 37.5rem) {\n  .analytics-container {\n    flex-direction: column;\n  }\n  .analytics-container .analytics-icon i {\n    font-size: 1.5rem !important;\n    padding: 0.313rem !important;\n  }\n  .analytics-container .analytics-item .number {\n    font-size: 1.45rem !important;\n    line-height: 1;\n  }\n  .analytics-container.flex-wrap {\n    flex-direction: row !important;\n  }\n  .analytics-container.flex-wrap .col-6,\n  .analytics-container.flex-wrap .col-5,\n  .analytics-container.flex-wrap .col-4,\n  .analytics-container.flex-wrap .col-3 {\n    width: calc(50% - 0.5rem) !important;\n  }\n  .analytics-container.flex-wrap .col-2 {\n    width: calc(100% - 1rem) !important;\n  }\n}\n\n/* src/styles/web/UI/ComponentStatusView.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.permission-wrapper {\n  height: 12rem;\n  width: 100%;\n  background: var(--background-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  gap: 0.625rem;\n}\n.permission-wrapper i {\n  padding: 0.5rem;\n  font-size: 1.45rem;\n  border-radius: 0.25rem;\n}\n.permission-wrapper .title {\n  font-size: 1.25rem;\n  text-align: center;\n  line-height: 1;\n}\n.permission-wrapper .des {\n  margin-bottom: 1rem;\n}\n.no-data {\n  padding: 3rem;\n  background: var(--background-white);\n  text-align: center;\n  color: var(--sub-text-color);\n}\n\n/* src/styles/web/Table.scss */\n:root {\n  --color-primary: #5007aa;\n  --color-secondary: #00eed0;\n  --color-accent: #0197af;\n  --color-support: #02153d;\n  --text-color: #000000c7;\n  --sub-text-color: #424242d0;\n  --color-black: #181819;\n  --color-white: #fff;\n  --background-color: #e6e2e2f3;\n  --background-white: #fff;\n  --background-primary: #ece2f9f1;\n  --border-color: #dbdbdb;\n  --box-shadow: #dfdee16e;\n  --box-shadow-theme: var(--color-primary) 15%, white;\n}\n.admin-table-wrapper {\n  display: flex;\n  flex-direction: column;\n}\n.admin-table-wrapper .admin-top-filter {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 1rem;\n}\n.admin-table-wrapper .table-card-header {\n  padding-top: 2rem;\n}\n.admin-table-wrapper .filter-wrapper {\n  display: flex;\n  border-radius: 0.25rem;\n  background: transparent;\n  justify-content: center;\n  width: 100%;\n  position: sticky;\n  bottom: 1rem;\n  gap: 0.5rem;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper {\n  background: #fff;\n  border-radius: 0.25rem;\n  display: flex;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter {\n  display: flex;\n  border-radius: 0.25rem;\n  position: sticky;\n  bottom: 1rem;\n  gap: 0.5rem;\n  background: var(--background-primary);\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter .title {\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  border-radius: 0.25rem;\n  color: #fff;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  font-size: 1rem;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter .title i {\n  font-size: 1.313rem;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter select,\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter input {\n  background: transparent;\n  border: none !important;\n  background-repeat: no-repeat;\n  background-position: right 0.75rem center;\n  background-size: 1rem;\n  color: var(--color-primary);\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter select option,\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter input option {\n  color: #000;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter select:focus,\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter input:focus {\n  outline: none;\n  box-shadow: none !important;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter .calender-input {\n  width: 13rem;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter .bulk-action {\n  display: flex;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter .title {\n  background: var(--color-primary);\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter.bulk {\n  background: #202020;\n  font-size: 1rem;\n  padding: 0.5rem;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter.bulk .action-item {\n  padding: 0.45rem;\n  transition: all 0.3s ease;\n  border-radius: 0.25rem;\n  display: flex;\n  color: #fff;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter.bulk .action-item .admin-btn {\n  background: transparent;\n  font-size: 0.95rem;\n  color: #fff;\n  padding: 0;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter.bulk .action-item .adminfont-form {\n  font-size: 1.125rem;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter.bulk .action-item:hover {\n  background: rgba(255, 255, 255, 0.1333333333);\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter.bulk .action-item.count {\n  border: 0.063rem solid rgba(255, 255, 255, 0.1333333333);\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter.bulk .action-item.delete .admin-btn {\n  color: #e35047;\n}\n.admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter .date-picker-section-wrapper {\n  background: transparent;\n}\n.admin-table-wrapper .top-filter-wrapper {\n  display: flex;\n  flex-direction: column;\n  font-size: 0.875rem;\n  align-items: center;\n  border-radius: 0.25rem;\n  width: fit-content;\n  gap: 0.5rem;\n}\n.admin-table-wrapper .top-filter-wrapper .filters {\n  padding: 0.45rem;\n  background: var(--background-white);\n  display: flex;\n  gap: 0.313rem;\n  border-radius: 0.25rem;\n}\n.admin-table-wrapper .top-filter-wrapper .filters .filter-item {\n  cursor: pointer;\n  border-radius: 0.25rem;\n  padding: 0.313rem 0.625rem;\n  font-weight: 600;\n  color: rgba(0, 0, 0, 0.6862745098);\n  font-size: 0.95rem;\n  transition: all 0.4s ease;\n}\n.admin-table-wrapper .top-filter-wrapper .filters .filter-item:not(.active):hover {\n  background: #f3f1f1;\n}\n.admin-table-wrapper .top-filter-wrapper .filters .filter-item.active {\n  background: var(--background-primary);\n  color: var(--color-primary);\n}\n.admin-table-wrapper .table-action-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  margin-left: auto;\n}\n.admin-table-wrapper .table-action-wrapper .action-wrapper {\n  display: flex;\n  gap: 0.5rem;\n}\n.admin-table-wrapper .table-wrapper {\n  margin-top: 1rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table {\n  width: 100%;\n  position: relative;\n  border: none;\n  border-collapse: collapse;\n  margin: 0;\n  background: #e7e7e7;\n  border-top-left-radius: 0.313rem;\n  border-top-right-radius: 0.313rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table input[type=checkbox] {\n  min-height: 0.8rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-row {\n  display: flex;\n  width: 100%;\n  height: 3.125rem;\n  align-items: center;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-row .admin-column.drag {\n  min-width: 1.75rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-col {\n  text-align: left;\n  padding: 0.85rem;\n  font-size: 1rem;\n  font-weight: 500;\n  display: flex;\n  width: 100%;\n  border: none;\n  color: var(--text-color);\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-col.expand {\n  max-width: 1rem;\n  padding-right: 0;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-col.sortable {\n  cursor: pointer;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-col.id,\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-col.select {\n  max-width: 2rem;\n  padding-right: 0;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-col.commission-summary {\n  flex-grow: 0;\n  min-width: 18rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-header .header-col .sort-button {\n  display: flex;\n  align-items: center;\n}\n.admin-table-wrapper .table-wrapper .admin-table .details-wrapper {\n  display: flex;\n  gap: 0.625rem;\n  cursor: pointer;\n}\n.admin-table-wrapper .table-wrapper .admin-table .details-wrapper .details {\n  display: flex;\n  flex-direction: column;\n}\n.admin-table-wrapper .table-wrapper .admin-table .details-wrapper .details .title {\n  font-size: 1.125rem;\n  line-height: 1.2rem;\n  margin-bottom: 0.25rem;\n  display: flex;\n  gap: 0.5rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .details-wrapper img {\n  width: 2.5rem;\n  height: 2.5rem;\n  border-radius: 0.25rem;\n  object-fit: cover;\n}\n.admin-table-wrapper .table-wrapper .admin-table .details-wrapper .item-icon {\n  min-width: 2.5rem;\n  width: 2.5rem;\n  height: 2.5rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: var(--background-primary);\n  color: var(--color-primary);\n  font-size: 1.313rem;\n  border-radius: 0.25rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .details-wrapper:hover {\n  color: var(--color-primary);\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row {\n  min-height: 3.625rem;\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  box-sizing: border-box;\n  background: var(--background-white);\n  margin: 0.725rem 0;\n  border: 0.063rem solid transparent;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row.variation-row {\n  background: transparent !important;\n  border-bottom: 0.063rem solid #fff !important;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row.variation-row .admin-column:nth-child(2) {\n  min-width: 16rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column {\n  padding: 1rem 0.85rem;\n  font-size: 0.9rem;\n  display: flex;\n  flex: 1 0 0;\n  border: none;\n  overflow: hidden;\n  flex-direction: column;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .main-input {\n  background: transparent;\n  border-color: transparent;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .icon-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.313rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .icon-wrapper i {\n  font-size: 1.25rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .setting-form-input {\n  width: fit-content;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column.select,\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column.id {\n  max-width: 2rem;\n  padding-right: 0;\n  flex-grow: 1;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column.drag,\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column.expand {\n  max-width: 1rem;\n  padding-right: 0;\n  flex-grow: 1;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column.product .details-wrapper {\n  display: flex;\n  gap: 0.625rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .link {\n  cursor: pointer;\n  font-weight: 600;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .link:hover {\n  color: var(--color-primary);\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .edit-link {\n  opacity: 0;\n  transition: all 0.5s ease;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .edit-badge {\n  display: flex;\n  align-items: center;\n  gap: 0.313rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .edit-badge i {\n  visibility: hidden;\n  font-size: 1.063rem;\n  cursor: pointer;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .details {\n  margin: 0;\n  position: relative;\n  list-style-type: none;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .details .more-btn {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  background: var(--background-primary);\n  font-size: 0.813rem;\n  padding: 0.125rem 0.5rem;\n  color: var(--color-primary);\n  border-radius: 0.25rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .details.overflow {\n  height: 5rem;\n  overflow: hidden;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .details li {\n  gap: 0.625rem;\n  margin: 0;\n  border-bottom: 0.063rem solid var(--border-color);\n  width: 18rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .details li span {\n  font-weight: 600;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .details li .item {\n  display: flex;\n  justify-content: space-between;\n  padding: 0.5rem 0;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .details li .item .title {\n  font-weight: 600;\n  font-size: 0.95rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .details li .item .des {\n  font-size: 1.063rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column.commission-summary,\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column.details-wrapper {\n  flex-grow: 0;\n  min-width: 18rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .refresh-icon {\n  font-size: 1rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column .field-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column:nth-of-type(2) .product-image {\n  display: flex;\n  gap: 0.5rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column:has(.product-expand) {\n  min-width: 3rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column:has(.single-column) {\n  flex-grow: 1;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row .admin-column:has(.table-action) {\n  overflow: visible;\n  padding: 0 1rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row:has(.edit-link):hover .edit-link {\n  opacity: 1;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row:has(.edit-badge):hover .edit-badge i {\n  visibility: visible;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row:has(.drag) {\n  cursor: move;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row:first-child {\n  margin-top: 0;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row:last-child {\n  margin-bottom: 0;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .admin-row:has(.admin-column.select input[type=checkbox]:checked) {\n  border: 0.063rem solid var(--color-primary);\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .dropdown-select div:nth-child(3) {\n  background: transparent;\n  border: none;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .dropdown-select span {\n  background-color: transparent;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .responsive-cell ul {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  top: 100%;\n  background: #eee;\n  z-index: 2;\n  list-style-type: none;\n  padding: 1rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .responsive-cell ul li .table-row-custom {\n  padding: 0.313rem 0;\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n}\n.admin-table-wrapper .table-wrapper .admin-table .admin-table-body .responsive-cell ul li .table-row-custom h4 {\n  display: block;\n  font-size: 0.85rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .des {\n  font-size: 0.813rem;\n  display: flex;\n}\n.admin-table-wrapper .table-wrapper .admin-table .des i {\n  padding-right: 0.313rem;\n  color: var(--color-primary);\n}\n.admin-table-wrapper .table-wrapper .admin-table .question-wrapper .question {\n  font-size: 1.063rem;\n  font-weight: 500;\n}\n.admin-table-wrapper .table-wrapper .admin-table .question-wrapper .answer {\n  line-height: 1.125rem;\n  padding: 0.45rem 0;\n  color: var(--sub-text-color);\n}\n.admin-table-wrapper .table-wrapper .admin-table .header-col.info-item,\n.admin-table-wrapper .table-wrapper .admin-table .admin-column.info-item {\n  min-width: 12rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .header-col.action,\n.admin-table-wrapper .table-wrapper .admin-table .admin-column.action {\n  flex-grow: 0;\n  max-width: 5rem;\n}\n.admin-table-wrapper .table-wrapper .admin-table .header-col.notificaton,\n.admin-table-wrapper .table-wrapper .admin-table .admin-column.notificaton {\n  min-width: 65%;\n}\n.admin-table-wrapper .table-action {\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n}\n.admin-table-wrapper .table-action .inline-actions {\n  display: flex;\n  gap: 0.125rem;\n}\n.admin-table-wrapper .table-action .inline-actions .adminfont-delete {\n  color: #e35047;\n}\n.admin-table-wrapper .table-action .action-btn {\n  display: flex;\n  gap: 0.5rem;\n  visibility: hidden;\n  transition: all 0.3s linear;\n  align-items: flex-start;\n  justify-content: flex-start;\n  font-size: 0.75rem;\n  font-weight: 600;\n}\n.admin-table-wrapper .table-action .action-btn a {\n  color: var(--color-primary);\n  cursor: pointer;\n  font-weight: 400;\n}\n.admin-table-wrapper .table-action:hover .action-btn {\n  visibility: visible;\n}\n.admin-table-wrapper .table-action .small-action {\n  display: flex;\n  gap: 0.313rem;\n  margin: 0;\n}\n.admin-table-wrapper .table-action .small-action li {\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  font-size: 1.5rem;\n}\n.admin-table-wrapper .table-action .small-action li span {\n  position: absolute;\n  top: -1.125rem;\n  left: -100%;\n  width: 6rem;\n  text-align: center;\n  display: none;\n  transition: all 0.4s ease;\n}\n.admin-table-wrapper .table-action .small-action li:hover span {\n  display: block;\n  background-color: rgb(46, 46, 46);\n  color: #fff;\n  text-align: center;\n  padding: 0.313rem;\n  border-radius: 0.375rem;\n  position: absolute;\n  z-index: 1;\n  font-size: 0.8rem;\n  inset: 0 auto auto 0;\n  transform: translate(-2rem, -2.313rem);\n}\n.admin-table-wrapper .table-action .small-action li li {\n  display: block;\n}\n.admin-table-wrapper.transparent-table .table-wrapper {\n  border: none;\n}\n.admin-table-wrapper.transparent-table .admin-table {\n  background: transparent;\n}\n.admin-table-wrapper.transparent-table .admin-table .admin-table-body tr {\n  border-top: 0.063rem solid var(--border-color);\n}\n.admin-table-wrapper.transparent-table .admin-table .admin-row {\n  margin: 0 !important;\n}\n.admin-table-wrapper.transparent-table .admin-table .admin-row .admin-column {\n  padding: 0.313rem !important;\n}\n.admin-table-wrapper.transparent-table .admin-table .header-row {\n  height: 2.125rem !important;\n}\n.admin-table-wrapper.transparent-table .admin-table .header-row .header-col {\n  padding: 0 0.313rem !important;\n}\n.table-action-column {\n  position: relative;\n}\n.transparent-status .admin-badge {\n  background: transparent;\n}\n.badge-completed,\n.badge-active,\n.badge-approved,\n.badge-approve,\n.badge-paid,\n.badge-public,\n.badge-publish,\n.badge-published,\n.badge-instock,\n.badge-enrolled,\n.badge-refund-accepted,\n.badge-open,\n.badge-confirmed,\n.badge-subscribed,\n.badge-accepted-quote {\n  color: #6bbf8f;\n  background: #e8fbea;\n}\n.badge-pending,\n.badge-on-hold,\n.badge-partially_refunded,\n.badge-resolved,\n.badge-mail-sent,\n.badge-pending-quote {\n  color: #d4b86a;\n  background: #fffce8;\n}\n.badge-under_review,\n.badge-private,\n.badge-upcoming,\n.badge-draft,\n.badge-onbackorder,\n.badge-processed,\n.badge-processing {\n  color: #6e9fd1;\n  background: #e6f4ff;\n}\n.badge-rejected,\n.badge-reject,\n.badge-unpaid,\n.badge-cancelled,\n.badge-failed,\n.badge-expired,\n.badge-unenroll,\n.badge-outofstock,\n.badge-closed,\n.badge-unenrolled,\n.badge-refund-rejected,\n.badge-rejected-quote {\n  color: #f7a79a;\n  background: #fff3f1;\n}\n.badge-suspended {\n  color: #5baab3;\n  background: #e6fcf9;\n}\n.badge-refunded {\n  color: #d88c5c;\n  background: #fff7ec;\n}\n.badge-locked {\n  color: #8a6fce;\n  background: #f4eaff;\n}\n.badge-deactivated,\n.badge-new-quote-request {\n  color: #6f78c7;\n  background: #e8efff;\n}\n.badge-permanently_rejected,\n.badge-inactive,\n.badge-refund-requested,\n.badge-expired-quote {\n  color: #d676a4;\n  background: #ffe9f1;\n}\n.review-details {\n  display: flex;\n  flex-direction: column;\n  gap: 0.313rem;\n}\n@media only screen and (width <= 38rem) {\n  .admin-table-wrapper .admin-top-filter {\n    flex-wrap: wrap;\n    gap: 1rem;\n  }\n  .admin-table-wrapper .table-wrapper {\n    overflow: scroll;\n  }\n  .admin-table-wrapper .filter-wrapper .table-filter-wrapper {\n    display: none;\n    position: fixed;\n    top: 40%;\n    right: 0;\n    width: 2rem;\n  }\n  .admin-table-wrapper .filter-wrapper .table-filter-wrapper .table-filter .group-field {\n    display: none;\n  }\n}`,""]);const f=m;t.d(n,["A",0,f])},3604(e,n,t){"use strict";t.r(n);var a=t(7723);const r={category:!0,tab:"modules",modules:[{id:"catalog",name:(0,a.__)("Catalog Showcase","catalogx"),desc:"Ideal for showcasing products by hiding prices, disabling purchases, and restricting cart/checkout access.",docLink:"https://catalogx.com/docs/catalog/?utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx",settingsLink:`${appLocalizer.admin_url}#&tab=settings&subtab=customer-engagement`,proModule:!0},{id:"enquiry",name:(0,a.__)("Enquiry & Communication","catalogx"),desc:"Add enquiry button for single product email enquiries to admin. Add enquiry button for single product email enquiries to admin. ",docLink:"https://catalogx.com/docs/enquiry-communication/?utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx",settingsLink:`${appLocalizer.admin_url}#&tab=settings&subtab=customer-engagement`,proModule:!1},{id:"quote",name:(0,a.__)("Quotation","catalogx"),desc:"Let customers request custom quotes for products. Ideal for B2B and bulk pricing.",docLink:"https://catalogx.com/docs/quotation/?utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx",settingsLink:`${appLocalizer.admin_url}#&tab=settings&subtab=customer-engagement`,proModule:!1},{id:"wholesale",name:(0,a.__)("Wholesale Pricing","catalogx;"),desc:"Offer tiered pricing based on quantity or user roles for wholesale buyers.",docLink:"https://catalogx.com/docs/wholesale-pricing/?utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx",settingsLink:`${appLocalizer.admin_url}#&tab=settings&subtab=wholesale`,proModule:!0},{id:"rules",name:(0,a.__)("Dynamic Pricing Rules","catalogx"),desc:"Apply rule-based pricing like discounts or markups based on cart, quantity, or user conditions. ",docLink:"https://catalogx.com/docs/dynamic-pricing-rules/?utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx",settingsLink:`${appLocalizer.admin_url}#&tab=rules`,proModule:!0}]};t.d(n,["default",0,r])},7859(e,n,t){"use strict";var a=t(1609),r=t(3390),o=t(7723),i=t(790);const l=e=>e.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "),s={messages:[{icon:"dollar",text:(0,o.__)("Personalized quote requests","catalogx"),des:(0,o.__)("Let customers request custom quotes and negotiate pricing to convert high-intent visitors.","catalogx")},{icon:"wholesale",text:(0,o.__)("Wholesale pricing & order forms","catalogx"),des:(0,o.__)("Offer bulk pricing and dedicated order forms to attract B2B buyers and grow large-volume sales.","catalogx")},{icon:"multi-product",text:(0,o.__)("Multi-product enquiries","catalogx"),des:(0,o.__)("Let customers enquire about multiple products in a single request for better engagement.","catalogx")},{icon:"cloud-upload",text:(0,o.__)("Advanced enquiry management","catalogx"),des:(0,o.__)("Use file attachments, internal tagging, and organized workflows for a smoother sales process.","catalogx")},{icon:"person",text:(0,o.__)("Role-based pricing","catalogx"),des:(0,o.__)("Show different prices to wholesalers, members, or VIP customers with personalized offers.","catalogx")},{icon:"category",text:(0,o.__)("Category-based pricing rules","catalogx"),des:(0,o.__)("Set custom pricing at the category level to run targeted promotions across your catalog.","catalogx")}],btnLink:[{site:"one",price:"$129",link:"https://catalogx.com/cart/?add-to-cart=329&variation_id=3380&utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx"},{site:"three",price:"$199",link:"https://catalogx.com/cart/?add-to-cart=329&variation_id=3381&utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx"},{site:"ten",price:"$299",link:"https://catalogx.com/cart/?add-to-cart=329&variation_id=3382&utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx"}]};t.d(n,["A",0,e=>{const[n,t]=(0,a.useState)(s.btnLink[0]);return(0,i.jsx)(i.Fragment,{children:e.confirmMode?(0,i.jsxs)("div",{className:"popup-confirm",children:[(0,i.jsx)("i",{className:"popup-icon adminfont-suspended admin-badge red"}),(0,i.jsx)("div",{className:"title",children:e.title||"Confirmation"}),(0,i.jsx)("div",{className:"desc",children:e.confirmMessage}),(0,i.jsx)(r.ButtonInputUI,{position:"center",buttons:[{icon:"close",text:e.confirmNoText||"Cancel",color:"red",onClick:e.onCancel},{icon:"delete",text:e.confirmYesText||"Confirm",onClick:e.onConfirm}]})]}):e.moduleName?(0,i.jsxs)("div",{className:"popup-wrapper",children:[(0,i.jsx)("div",{className:"popup-header",children:(0,i.jsx)("i",{className:`adminfont-${e.moduleName}`})}),(0,i.jsxs)("div",{className:"popup-body",children:[(0,i.jsx)("div",{className:"module-name",children:(0,o.sprintf)((0,o.__)("Activate %s","catalogx"),l(e.moduleName))}),(0,i.jsx)("div",{className:"module-desc",children:(0,o.sprintf)((0,o.__)("This feature is currently unavailable. To activate it, please enable the %s","catalogx"),l(e.moduleName))}),(0,i.jsx)(r.ButtonInputUI,{position:"center",buttons:[{icon:"eye",text:(0,o.__)("Enable Now","catalogx"),onClick:()=>{window.open(`${appLocalizer.admin_url}#&tab=modules&module=${e.moduleName}`)}}]})]})]}):e.plugin?(0,i.jsxs)("div",{className:"popup-wrapper",children:[(0,i.jsx)("div",{className:"popup-header",children:(0,i.jsx)("i",{className:"adminfont-plugin"})}),(0,i.jsxs)("div",{className:"popup-body",children:[(0,i.jsx)("div",{className:"module-name",children:(0,o.sprintf)((0,o.__)("Install %s","catalogx"),e.plugin.name)}),(0,i.jsx)("div",{className:"module-desc",children:(0,o.sprintf)((0,o.__)("This feature requires the %s plugin. Please install and activate it to continue.","catalogx"),e.plugin.name)}),(0,i.jsx)(r.ButtonInputUI,{position:"center",buttons:[{icon:"download",text:(0,o.__)("Install Plugin","catalogx"),onClick:()=>{e.plugin?.link&&window.open(e.plugin.link,"_blank","noopener,noreferrer")}}]})]})]}):(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("div",{className:"popup-wrapper",children:[(0,i.jsxs)("div",{className:"top-section",children:[(0,i.jsx)("div",{className:"heading",children:(0,o.__)("Upgrade to CatalogX Pro & turn product interest into more sales","catalogx")}),(0,i.jsxs)("div",{className:"description",children:[(0,o.__)("Unlock powerful tools that help you generate more enquiries, close deals faster, and increase revenue with flexible pricing and quotation features.","catalogx")," "]}),(0,i.jsx)("div",{className:"price",children:n.price}),(0,i.jsxs)("div",{className:"select-wrapper",children:[(0,o.__)("For website with","catalogx"),(0,i.jsx)("select",{value:n.link,onChange:e=>{const n=s.btnLink.find(n=>n.link===e.target.value);n&&t(n)},children:s.btnLink.map((e,n)=>(0,i.jsx)("option",{value:e.link,children:e.site},n))}),(0,o.__)("site license","catalogx")]}),(0,i.jsxs)("a",{className:"admin-btn",href:n.link,target:"_blank",rel:"noreferrer",children:[(0,o.__)("Yes, Upgrade Me!","catalogx"),(0,i.jsx)("i",{className:"adminfont-arrow-right arrow-icon"})]})]}),(0,i.jsxs)("div",{className:"popup-details",children:[(0,i.jsx)("div",{className:"heading-text",children:(0,o.__)("Why should you upgrade?","catalogx")}),(0,i.jsx)("ul",{children:s.messages.map((e,n)=>(0,i.jsxs)("li",{children:[(0,i.jsxs)("div",{className:"title",children:[(0,i.jsx)("i",{className:`adminfont-${e.icon}`}),e.text]}),(0,i.jsxs)("div",{className:"desc",children:[" ",e.des]})]},n))})]})]})})})}])},9934(e,n,t){"use strict";t.r(n),t.d(n,["default",0,{priority:3}])},1523(e,n,t){"use strict";t.r(n),t.d(n,{default:()=>d});var a=t(7723);const r={id:"store-registration",name:(0,a.__)("Outer Space","catalogx"),blocks:[{id:1,type:"columns",name:"header",layout:"1",style:{backgroundColor:"#fff8f1",paddingTop:2,paddingBottom:2,paddingRight:4,paddingLeft:4,borderRadius:.313},columns:[[{id:2,type:"heading",name:"email-heading-welcome",text:(0,a.__)("New product enquiry","catalogx"),level:2,style:{fontSize:2,lineHeight:1,textAlign:"center"}},{id:3,type:"richtext",name:"email-text-welcome-message",html:(0,a.__)("Admin notification","catalogx"),style:{textAlign:"center",fontSize:1,lineHeight:1,paddingTop:.45}}]]},{id:6,type:"richtext",name:"email-text-welcome-message",html:(0,a.__)("Hello Admin,","catalogx"),style:{fontSize:1,lineHeight:1,paddingTop:1.5}},{id:6,type:"richtext",name:"email-text-welcome-message",html:(0,a.__)("A customer has submitted a product enquiry. Here are the full details below.","catalogx"),style:{fontSize:.95,lineHeight:1,paddingTop:.313}},{id:1,type:"columns",name:"header",layout:"1",style:{paddingTop:2,paddingRight:4,paddingLeft:4,borderRadius:.313},columns:[[{id:2,type:"heading",name:"email-heading-welcome",text:(0,a.__)("Enquiry Details","catalogx"),level:2,style:{fontSize:1.713,lineHeight:1,textAlign:"center"}},{id:3,type:"richtext",name:"email-text-welcome-message",html:(0,a.__)("Admin notification","catalogx"),style:{textAlign:"center",fontSize:1,lineHeight:1,paddingTop:.45}}]]},{id:4,type:"columns",name:"user-info",layout:"2",style:{backgroundColor:"#fff8f1",paddingTop:1,paddingBottom:1,paddingRight:1,paddingLeft:1,marginTop:1,borderRadius:.313},columns:[[{id:5,type:"heading",name:"user-name",text:(0,a.__)("User Name","catalogx"),level:2,style:{fontSize:1.25,lineHeight:1}},{id:6,type:"richtext",name:"email-text-welcome-message",html:(0,a.__)("[{name_enter_your_name}]","catalogx"),style:{fontSize:1.125,lineHeight:1,paddingTop:"0.313rem"}}],[{id:7,type:"heading",name:"user-name",text:(0,a.__)("User Email","catalogx"),level:2,style:{fontSize:1.25,lineHeight:1}},{id:8,type:"richtext",name:"email-text-welcome-message",html:(0,a.__)("[{email_enter_your_email}]","catalogx"),style:{fontSize:1.125,lineHeight:1,paddingTop:"0.313rem"}}]]}]},o={id:"green-lagoon",name:(0,a.__)("Green Lagoon","catalogx"),blocks:[{id:1,type:"columns",name:"header",layout:"1",style:{backgroundColor:"#065f46",paddingTop:2.5,paddingBottom:2,paddingRight:4,paddingLeft:4,borderRadius:"0.5rem 0.5rem 0 0",borderBottom:"3px solid #34d399"},columns:[[{id:2,type:"heading",name:"email-heading",text:(0,a.__)("New Enquiry Submitted","catalogx"),level:2,style:{fontSize:2,lineHeight:1.2,textAlign:"center",color:"#ffffff",fontWeight:"600",letterSpacing:"-0.02em"}}]]},{id:4,type:"richtext",name:"greeting",html:(0,a.__)("Dear Admin,","catalogx"),style:{fontSize:1.1,lineHeight:1.5,paddingTop:1.5,paddingBottom:.5,paddingLeft:2,paddingRight:2,fontWeight:"500",color:"#1a202c"}},{id:5,type:"richtext",name:"message",html:(0,a.__)("A customer has submitted a new product enquiry. Please review the details below and respond at your earliest convenience.","catalogx"),style:{fontSize:.95,lineHeight:1.6,paddingTop:.313,paddingBottom:1.5,paddingLeft:2,paddingRight:2,color:"#4a5568"}},{id:6,type:"columns",name:"section-header",layout:"1",style:{paddingTop:1.5,paddingRight:4,paddingLeft:4,paddingBottom:.5},columns:[[{id:7,type:"heading",name:"section-title",text:(0,a.__)("Enquiry Details","catalogx"),level:2,style:{fontSize:1.5,lineHeight:1.3,textAlign:"center",color:"#065f46",fontWeight:"600",borderBottom:"2px solid #34d399",paddingBottom:"0.5rem",display:"inline-block"}},{id:8,type:"richtext",name:"section-subtext",html:(0,a.__)("Customer information and enquiry details","catalogx"),style:{textAlign:"center",fontSize:.9,lineHeight:1.5,paddingTop:.45,color:"#718096"}}]]},{id:9,type:"columns",name:"customer-info",layout:"2",style:{backgroundColor:"#f0fdf4",paddingTop:1.25,paddingBottom:1.25,paddingRight:1.5,paddingLeft:1.5,marginTop:1,marginBottom:1,borderRadius:"0.5rem",borderLeft:"4px solid #059669",border:"1px solid #bbf7d0"},columns:[[{id:10,type:"heading",name:"customer-name-label",text:(0,a.__)("Customer Name","catalogx"),level:3,style:{fontSize:.85,lineHeight:1.3,color:"#065f46",fontWeight:"600",textTransform:"uppercase",letterSpacing:"0.5px"}},{id:11,type:"richtext",name:"customer-name",html:(0,a.__)("[{name_enter_your_name}]","catalogx"),style:{fontSize:1.1,lineHeight:1.4,paddingTop:"0.25rem",color:"#1a202c",fontWeight:"500"}}],[{id:12,type:"heading",name:"customer-email-label",text:(0,a.__)("Customer Email","catalogx"),level:3,style:{fontSize:.85,lineHeight:1.3,color:"#065f46",fontWeight:"600",textTransform:"uppercase",letterSpacing:"0.5px"}},{id:13,type:"richtext",name:"customer-email",html:(0,a.__)("[{email_enter_your_email}]","catalogx"),style:{fontSize:1.1,lineHeight:1.4,paddingTop:"0.25rem",color:"#059669",fontWeight:"500"}}]]}]},i={id:"crimson-valley",name:(0,a.__)("Crimson Valley","catalogx"),blocks:[{id:1,type:"columns",name:"header",layout:"1",style:{backgroundColor:"#ffffff",paddingTop:1,paddingBottom:1,paddingRight:0,paddingLeft:0,borderRadius:"0.5rem 0.5rem 0 0"},columns:[[{id:2,type:"richtext",name:"accent-bar",html:'<div style="height: 4px; background: linear-gradient(to right, #f59e0b, #f97316, #ef4444);"></div>',style:{}}]]},{id:3,type:"columns",name:"card-body",layout:"1",style:{backgroundColor:"#ffffff",paddingTop:2,paddingBottom:2,paddingRight:3,paddingLeft:3,boxShadow:"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",borderRadius:"0 0 0.5rem 0.5rem"},columns:[[{id:4,type:"richtext",name:"status-badge",html:'<span style="background: #fef3c7; color: #92400e; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; display: inline-block;">NEW</span>',style:{marginBottom:"1rem"}},{id:5,type:"heading",name:"email-heading",text:(0,a.__)("Product Enquiry","catalogx"),level:2,style:{fontSize:1.5,lineHeight:1.3,color:"#1f2937",fontWeight:"700",marginBottom:"0.5rem"}},{id:6,type:"richtext",name:"timestamp",html:(0,a.__)("Received: {date_time}","catalogx"),style:{fontSize:.85,lineHeight:1.5,color:"#6b7280",marginBottom:"1.5rem"}},{id:7,type:"richtext",name:"divider",html:'<hr style="border: none; border-top: 1px solid #e5e7eb; margin: 0 0 1.5rem 0;" />',style:{}},{id:8,type:"richtext",name:"info-grid",html:'\n\t\t\t\t\t\t\t<table style="width: 100%; border-collapse: collapse;">\n\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<td style="padding: 0.5rem 0; width: 33%;"><strong style="color: #6b7280; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.5px;">Customer</strong></td>\n\t\t\t\t\t\t\t\t\t<td style="padding: 0.5rem 0; color: #1f2937; font-weight: 500;">[{name_enter_your_name}]</td>\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<td style="padding: 0.5rem 0;"><strong style="color: #6b7280; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.5px;">Email</strong></td>\n\t\t\t\t\t\t\t\t\t<td style="padding: 0.5rem 0; color: #f59e0b; font-weight: 500;">[{email_enter_your_email}]</td>\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t',style:{marginBottom:"1.5rem"}},{id:13,type:"richtext",name:"footer-note",html:(0,a.__)('<small style="color: #9ca3af; font-size: 0.75rem;">This is an automated notification. Please do not reply directly to this email.</small>',"catalogx"),style:{textAlign:"center",paddingTop:"1rem",borderTop:"1px solid #e5e7eb"}}]]}]},l={id:"sunset-orange",name:(0,a.__)("Sunset Orange","catalogx"),blocks:[{id:1,type:"columns",name:"header",layout:"1",style:{backgroundColor:"#c2410c",paddingTop:2.5,paddingBottom:2,paddingRight:4,paddingLeft:4,borderRadius:"0.5rem 0.5rem 0 0",borderBottom:"4px solid #fb923c"},columns:[[{id:2,type:"heading",name:"email-heading",text:(0,a.__)("New Enquiry Alert","catalogx"),level:2,style:{fontSize:2,lineHeight:1.2,textAlign:"center",color:"#ffffff",fontWeight:"700",letterSpacing:"-0.02em"}}]]},{id:3,type:"richtext",name:"greeting",html:(0,a.__)("Dear Admin,","catalogx"),style:{fontSize:1.1,lineHeight:1.5,paddingTop:1.5,paddingBottom:.5,paddingLeft:2.5,paddingRight:2.5,fontWeight:"600",color:"#1c1917"}},{id:4,type:"richtext",name:"message",html:(0,a.__)("A new product enquiry has been submitted. Please find the customer details below.","catalogx"),style:{fontSize:.95,lineHeight:1.6,paddingTop:.313,paddingBottom:1.5,paddingLeft:2.5,paddingRight:2.5,color:"#44403c"}},{id:5,type:"columns",name:"section-header",layout:"1",style:{paddingTop:1,paddingBottom:1,paddingRight:2.5,paddingLeft:2.5,backgroundColor:"#fff7ed",borderTop:"1px solid #ffedd5",borderBottom:"1px solid #ffedd5"},columns:[[{id:6,type:"heading",name:"section-title",text:(0,a.__)("Customer & Product Details","catalogx"),level:2,style:{fontSize:1.25,lineHeight:1.3,color:"#c2410c",fontWeight:"600"}}]]},{id:7,type:"columns",name:"customer-info",layout:"2",style:{paddingTop:1.5,paddingBottom:1,paddingRight:2.5,paddingLeft:2.5},columns:[[{id:8,type:"richtext",name:"customer-name-label",html:(0,a.__)("Full Name","catalogx"),style:{fontSize:.75,lineHeight:1.3,color:"#78716c",fontWeight:"600",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"0.25rem"}},{id:9,type:"richtext",name:"customer-name",html:(0,a.__)("[{name_enter_your_name}]","catalogx"),style:{fontSize:1.1,lineHeight:1.4,color:"#1c1917",fontWeight:"500",marginBottom:"1rem"}}],[{id:10,type:"richtext",name:"customer-email-label",html:(0,a.__)("Email","catalogx"),style:{fontSize:.75,lineHeight:1.3,color:"#78716c",fontWeight:"600",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"0.25rem"}},{id:11,type:"richtext",name:"customer-email",html:(0,a.__)("[{email_enter_your_email}]","catalogx"),style:{fontSize:1.1,lineHeight:1.4,color:"#ea580c",fontWeight:"500",marginBottom:"1rem"}}]]},{id:12,type:"richtext",name:"divider",html:'<hr style="border: none; border-top: 2px solid #ffedd5; margin: 0 2.5rem;" />',style:{paddingTop:0,paddingBottom:0}},{id:21,type:"columns",name:"footer",layout:"1",style:{paddingTop:1.5,paddingBottom:1.5,paddingRight:2.5,paddingLeft:2.5,backgroundColor:"#fafaf9",borderTop:"1px solid #e7e5e4",borderRadius:"0 0 0.5rem 0.5rem"},columns:[[{id:22,type:"richtext",name:"footer-text",html:(0,a.__)("Please respond to this enquiry promptly.","catalogx"),style:{textAlign:"center",fontSize:.85,lineHeight:1.5,color:"#a8a29e"}}]]}]},s={id:"royal-indigo",name:(0,a.__)("Royal Indigo","catalogx"),blocks:[{id:1,type:"columns",name:"header",layout:"1",style:{backgroundColor:"#3730a3",paddingTop:2.5,paddingBottom:2,paddingRight:4,paddingLeft:4,borderRadius:"0.5rem 0.5rem 0 0",borderBottom:"4px solid #818cf8"},columns:[[{id:2,type:"heading",name:"email-heading",text:(0,a.__)("New Enquiry Received","catalogx"),level:2,style:{fontSize:2,lineHeight:1.2,textAlign:"center",color:"#ffffff",fontWeight:"700",letterSpacing:"-0.02em"}}]]},{id:3,type:"richtext",name:"greeting",html:(0,a.__)("Hello Admin,","catalogx"),style:{fontSize:1.1,lineHeight:1.5,paddingTop:1.5,paddingBottom:.5,paddingLeft:2.5,paddingRight:2.5,fontWeight:"600",color:"#1e1b4b"}},{id:4,type:"richtext",name:"message",html:(0,a.__)("A customer has submitted a new product enquiry. Please review the details below.","catalogx"),style:{fontSize:.95,lineHeight:1.6,paddingTop:.313,paddingBottom:1.5,paddingLeft:2.5,paddingRight:2.5,color:"#4b5563"}},{id:5,type:"columns",name:"section-header",layout:"1",style:{paddingTop:1,paddingBottom:1,paddingRight:2.5,paddingLeft:2.5,backgroundColor:"#f5f3ff",borderTop:"1px solid #e0e7ff",borderBottom:"1px solid #e0e7ff"},columns:[[{id:6,type:"heading",name:"section-title",text:(0,a.__)("Enquiry Details","catalogx"),level:2,style:{fontSize:1.25,lineHeight:1.3,color:"#3730a3",fontWeight:"600"}}]]},{id:7,type:"columns",name:"customer-info",layout:"2",style:{paddingTop:1.5,paddingBottom:1,paddingRight:2.5,paddingLeft:2.5},columns:[[{id:8,type:"richtext",name:"customer-name-label",html:(0,a.__)("Customer Name","catalogx"),style:{fontSize:.75,lineHeight:1.3,color:"#6b7280",fontWeight:"600",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"0.25rem"}},{id:9,type:"richtext",name:"customer-name",html:(0,a.__)("[{name_enter_your_name}]","catalogx"),style:{fontSize:1.1,lineHeight:1.4,color:"#1f2937",fontWeight:"500",marginBottom:"1rem"}}],[{id:10,type:"richtext",name:"customer-email-label",html:(0,a.__)("Email Address","catalogx"),style:{fontSize:.75,lineHeight:1.3,color:"#6b7280",fontWeight:"600",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"0.25rem"}},{id:11,type:"richtext",name:"customer-email",html:(0,a.__)("[{email_enter_your_email}]","catalogx"),style:{fontSize:1.1,lineHeight:1.4,color:"#4f46e5",fontWeight:"500",marginBottom:"1rem"}}]]},{id:12,type:"richtext",name:"divider",html:'<hr style="border: none; border-top: 1px solid #e5e7eb; margin: 0 2.5rem;" />',style:{paddingTop:0,paddingBottom:0}},{id:21,type:"columns",name:"footer",layout:"1",style:{paddingTop:1.5,paddingBottom:1.5,paddingRight:2.5,paddingLeft:2.5,backgroundColor:"#f9fafb",borderTop:"1px solid #e5e7eb",borderRadius:"0 0 0.5rem 0.5rem"},columns:[[{id:22,type:"richtext",name:"footer-text",html:(0,a.__)("This is an automated notification.","catalogx"),style:{textAlign:"center",fontSize:.85,lineHeight:1.5,color:"#9ca3af"}}]]}]},d={id:"enquiry-email-template",priority:1,headerTitle:(0,a.__)("Enquiry","catalogx"),headerDescription:(0,a.__)("Customize the email template used for enquiry notifications.","catalogx"),headerIcon:"enquiry",submitUrl:"settings",modal:[{key:"notice",type:"notice",message:(0,a.__)("Use personalization tags to make your emails more engaging - for example, use <b>{user_name}</b> to display the subscriber's name and <b>{email_tag}</b> to display their email address automatically.","catalogx"),noticeType:"info",display:"inline-notice"},{key:"enquiry_email_template",type:"block-builder",classes:"full-width",emailTemplates:[r,o,i,l,s],blockGroups:[{id:"email",label:"Email Blocks",blocks:[{id:"columns",icon:"blocks",value:"columns",label:"Columns",fixedName:"columns"},{id:"heading",icon:"form-textarea",value:"heading",fixedName:"heading",placeholder:"Enter your heading here"},{id:"richtext",icon:"t-letter-bold",value:"richtext",fixedName:"richtext",placeholder:"Enter your text content here"},{id:"image",icon:"image",value:"image",label:"Image",fixedName:"image"},{id:"button",icon:"button",value:"button",fixedName:"button",placeholder:"Click me"},{id:"section",icon:"section",value:"section",fixedName:"section"}]}],availablePlaceholder:appLocalizer.email_tags,visibleGroups:"email",context:"email",defaultTemplateId:"store-registration",proSetting:!0}]}},9508(e,n,t){"use strict";t.r(n);var a=t(7723);const r={id:"quote-email-template",priority:2,headerTitle:(0,a.__)("Quote","catalogx"),headerDescription:(0,a.__)("Customize the email template used for quote notifications.","catalogx"),headerIcon:"quote",submitUrl:"settings",modal:[{key:"notice",type:"notice",title:(0,a.__)("Quote email templates are coming soon.","catalogx"),noticeType:"info",display:"inline-notice"}]};t.d(n,["default",0,r])},5980(e,n,t){"use strict";t.r(n);var a=t(7723);const r={id:"wholesale-email-template",priority:3,headerTitle:(0,a.__)("Wholesale","catalogx"),headerDescription:(0,a.__)("Customize the email template used for wholesale notifications.","catalogx"),headerIcon:"wholesale",submitUrl:"settings",modal:[{key:"notice",type:"notice",title:(0,a.__)("Wholesale email templates are coming soon.","catalogx"),noticeType:"info",display:"inline-notice"}]};t.d(n,["default",0,r])},2328(e,n,t){"use strict";t.r(n),t.d(n,["default",0,{priority:2}])},7293(e,n,t){"use strict";t.r(n);var a=t(7723);const r=[{id:"1",label:"Manufacture",value:"manufacture"},{id:"2",label:"Trader",value:"trader"},{id:"3",label:"Authorized Agent",value:"authorized_agent"}],o=[{id:"registration",label:"Blocks",icon:"user",blocks:[{id:"text",icon:"t-letter-bold",value:"text",label:"Enter the text",fixedName:"Text",placeholder:"Enter your name here"},{id:"email",icon:"unread",value:"email",label:"Email",fixedName:"Email",placeholder:"Enter your email here"},{id:"textarea",icon:"text",value:"textarea",label:"Enter your text",fixedName:"Textarea",placeholder:"Enter your message here"},{id:"date",icon:"calendar",value:"date",label:"Date Picker",fixedName:"Date",placeholder:"Select a date"},{id:"time",icon:"alarm ",value:"time",label:"Time Picker",fixedName:"Time",placeholder:"Select a time"},{id:"checkboxes",icon:"checkbox",value:"checkboxes",label:"Nature Of Business",fixedName:"Checkboxes",options:r},{id:"multi-select",icon:"multi-select",value:"multi-select",label:"Multi Select",fixedName:"Multi Select",options:r},{id:"radio",icon:"radio icon-form-radio",value:"radio",label:"Nature Of Business",fixedName:"Radio",options:r},{id:"dropdown",icon:"dropdown-checklist",value:"dropdown",label:"Dropdown",fixedName:"Dropdown",options:r},{id:"attachment",icon:"submission-message ",value:"attachment",label:"Attachment",fixedName:"Attachment"},{id:"section",icon:"form-section",value:"section",label:"Section",fixedName:"Section"},{id:"recaptcha",icon:"captcha-automatic-code",value:"recaptcha",label:"reCaptcha v3",fixedName:"reCaptcha"},{id:"terms",icon:"t-letter-bold",value:"richtext",label:"Terms & Conditions",fixedName:"Terms & Conditions"}]}],i={id:"enquiry-form-customization",priority:1,headerTitle:(0,a.__)("Enquiry","catalogx"),headerDescription:(0,a.__)("Design a personalized enquiry form with built-in form builder.","catalogx"),headerIcon:"contact-form",submitUrl:"settings",modal:[{key:"enquiry_form_tabs",type:"tab",classes:"full-width pro-tab",tabs:[{key:"free_form",label:(0,a.__)("Free","catalogx"),content:[{key:"free_enquiry_form",type:"free-form",label:(0,a.__)("Free Form Content","catalogx"),desc:(0,a.__)("Simple textarea for free users.","catalogx"),placeholder:(0,a.__)("Write something...","catalogx"),moduleEnabled:"enquiry"}]},{key:"pro_form",label:(0,a.__)("Pro","catalogx"),content:[{key:"enquiry_form_builder",type:"block-builder",blockGroups:o,visibleGroups:["registration","store"],classes:"full-width",desc:(0,a.__)("Customise personalised enquiry form.","catalogx"),context:"form",moduleEnabled:"enquiry",proSetting:!0}]}]}]};t.d(n,["default",0,i])},1923(e,n,t){"use strict";t.r(n);var a=t(7723);const r=[{id:"1",label:"Manufacture",value:"manufacture"},{id:"2",label:"Trader",value:"trader"},{id:"3",label:"Authorized Agent",value:"authorized_agent"}],o=[{id:"registration",label:"Blocks",icon:"user",blocks:[{id:"text",icon:"t-letter-bold",value:"text",label:"Enter the text",fixedName:"Text",placeholder:"Enter your name here"},{id:"email",icon:"unread",value:"email",label:"Email",fixedName:"Email",placeholder:"Enter your email here"},{id:"textarea",icon:"text",value:"textarea",label:"Enter your text",fixedName:"Textarea",placeholder:"Enter your message here"},{id:"date",icon:"calendar",value:"date",label:"Date Picker",fixedName:"Date",placeholder:"Select a date"},{id:"time",icon:"alarm ",value:"time",label:"Time Picker",fixedName:"Time",placeholder:"Select a time"},{id:"checkboxes",icon:"checkbox",value:"checkboxes",label:"Nature Of Business",fixedName:"Checkboxes",options:r},{id:"multi-select",icon:"multi-select",value:"multi-select",label:"Multi Select",fixedName:"Multi Select",options:r},{id:"radio",icon:"radio icon-form-radio",value:"radio",label:"Nature Of Business",fixedName:"Radio",options:r},{id:"dropdown",icon:"dropdown-checklist",value:"dropdown",label:"Dropdown",fixedName:"Dropdown",options:r},{id:"attachment",icon:"submission-message ",value:"attachment",label:"Attachment",fixedName:"Attachment"},{id:"section",icon:"form-section",value:"section",label:"Section",fixedName:"Section"},{id:"recaptcha",icon:"captcha-automatic-code",value:"recaptcha",label:"reCaptcha v3",fixedName:"reCaptcha"},{id:"terms",icon:"t-letter-bold",value:"richtext",label:"Terms & Conditions",fixedName:"Terms & Conditions"}]}],i={id:"wholesale-registration",priority:2,headerTitle:(0,a.__)("Wholesale","catalogx"),headerDescription:(0,a.__)("Drag-and-drop interface to tailor the wholesale registration form.","catalogx"),headerIcon:"contact-form",submitUrl:"settings",modal:[{key:"store_registration_from",type:"block-builder",classes:"full-width",blockGroups:o,visibleGroups:["registration"],desc:"Customise personalised store registration form for marketplace.",context:"form",proSetting:!0,moduleEnabled:"wholesale"}]};t.d(n,["default",0,i])},1675(e,n,t){"use strict";t.r(n);var a=t(1609),r=t(7723),o=t(4331),i=t(3390),l=t(7859),s=t(4934),d=t(790);t.d(n,["default",0,()=>{const e=(0,i.getAvailableSettings)((0,o.T)("settings"),[]),n=new URLSearchParams((0,s.zy)().hash.substring(1));return(0,d.jsx)(i.SettingProvider,{children:(0,d.jsx)(i.SettingsNavigator,{settingContent:e,currentSetting:n.get("subtab"),getForm:n=>{const{setting:t,settingName:o,setSetting:s,updateSetting:c}=(0,i.useSetting)(),{modules:p}=(0,i.useModules)();if(!n)return null;const m=(0,i.getSettingById)(e,n);return o!==n&&s(n,appLocalizer.settings_databases_value[n]||{}),(0,a.useEffect)(()=>{o===n&&(appLocalizer.settings_databases_value[o]=t)},[t,o,n]),(0,d.jsx)(d.Fragment,{children:o===n?(0,d.jsx)(i.RenderComponent,{settings:m,setting:t,updateSetting:c,appLocalizer,modules:p,Popup:l.A}):(0,d.jsx)(d.Fragment,{children:(0,r.__)("Loading...","catalogx")})})},prepareUrl:e=>`?page=catalogx#&tab=settings&subtab=${e}`,appLocalizer,Link:s.N_,settingName:"Settings",className:"admin-settings"})})}])},9723(e,n,t){"use strict";t.r(n);var a=t(7723);const r={id:"customer-engagement",priority:4,headerTitle:(0,a.__)("Enquiry & Quote","catalogx"),settingTitle:(0,a.__)("Purchase experience","catalogx"),headerDescription:(0,a.__)("Define how customers move from product browsing to purchasing across your store.","catalogx"),headerIcon:"cart",submitUrl:"settings",modal:[{key:"enable_cart_checkout",type:"choice-toggle",label:(0,a.__)("Store experience","catalogx"),settingDescription:(0,a.__)("Choose whether customers can browse products as a catalog or purchase them through your store.","catalogx"),desc:(0,a.__)("<ul><li>Browse products only - Hide the Add to Cart button and disable purchasing across your store.</li><li>Browse & purchase products - Display the Add to Cart button and allow customers to add products to cart and complete purchases.</li></ul>","catalogx"),options:[{key:"catalog_only",label:(0,a.__)("Browse products only","catalogx"),value:"catalog_only"},{key:"buy_mode",label:(0,a.__)("Browse & purchase products","catalogx"),value:"buy_mode"}],proSetting:!0,look:"toggle",moduleEnabled:"catalog"},{key:"redirect_cart_page",type:"select",label:(0,a.__)("Cart / Checkout Redirect Page","catalogx"),size:15,options:[{value:"",label:"Home",key:""},...appLocalizer.pages_data],dependent:{key:"enable_cart_checkout",set:!0,value:"catalog_only"},desc:(0,a.sprintf)(/* translators: %s will be replaced with a link to CatalogX Pro */ /* translators: %s will be replaced with a link to CatalogX Pro */(0,a.__)("By default, customers are redirected to the homepage when they access the cart or checkout pages. Select a different page to customize this behavior. An upgrade to %s is required.","catalogx"),'<a href="'+appLocalizer.pro_url+'" target="_blank">CatalogX Pro</a>'),proSetting:!0,moduleEnabled:"catalog"},{key:"section",type:"section",title:(0,a.__)("Enquiry journey","catalogx"),desc:(0,a.__)("Define the customer experience from enquiry initiation to submission.","catalogx")},{key:"enquiry_user_permission",type:"choice-toggle",label:(0,a.__)("Who can submit enquiries","catalogx"),settingDescription:(0,a.__)("Control whether enquiries are available to all visitors or only logged-in customers.","catalogx"),desc:(0,a.__)("<ul><li>Everyone - Any visitor can submit product enquiries.</li><li>Logged-in Customers - Only authenticated customers can submit enquiries.</li></ul>","catalogx"),options:[{key:"logged_in_only",label:(0,a.__)("Logged in only","catalogx"),value:"logged_in_only"},{key:"everyone",label:(0,a.__)("Everyone","catalogx"),value:"everyone"}],moduleEnabled:"enquiry"},{key:"is_enable_out_of_stock",type:"choice-toggle",label:(0,a.__)("Show enquiry button for","catalogx"),settingDescription:(0,a.__)("Limit enquiries to products currently unavailable for purchase.","catalogx"),desc:(0,a.__)("<ul><li>All Products - Display the enquiry button on every product, regardless of stock status.</li><li>Out-of-Stock Products Only - Display the enquiry button only for products that are currently unavailable or out of stock.</li></ul>","catalogx"),options:[{key:"all_products",label:(0,a.__)("All products","catalogx"),value:"all_products"},{key:"is_enable_out_of_stock",label:(0,a.__)("Out-of-stock products only","catalogx"),value:"is_enable_out_of_stock"}],moduleEnabled:"enquiry"},{key:"notify_me_button",type:"checkbox",label:(0,a.__)("In-Stock notify me button","catalogx"),desc:(0,a.__)("Allow customers to receive notifications when out-of-stock products become available.","catalogx"),options:[{key:"notify_me_button",label:(0,a.__)("","catalogx"),value:"notify_me_button"}],look:"toggle",proSetting:!0,dependentPlugin:[{plugin:"woocommerce-product-stock-alert/product_stock_alert.php",name:"Notifima",link:"https://wordpress.org/plugins/woocommerce-product-stock-alert/"}]},{key:"is_disable_popup",type:"choice-toggle",label:(0,a.__)("Display enquiry form as","catalogx"),settingDescription:(0,a.__)("Choose how the enquiry form is presented to customers.","catalogx"),desc:(0,a.__)("<ul><li>Popup Window - Open the enquiry form in a modal popup.</li><li>Inline on Product Page - Display the enquiry form directly within the product page.</li></ul>","catalogx"),options:[{key:"popup",value:"popup",label:"Popup"},{key:"inline",value:"inline",label:"Inline In-page"}],moduleEnabled:"enquiry"},{key:"is_page_redirect",type:"choice-toggle",label:(0,a.__)("What happens after enquiry submission?","catalogx"),desc:(0,a.__)("<ul><li>Stay on Current Page - Customers remain on the same page after submitting their enquiry.</li><li>Redirect to Another Page - Customers are redirected to a page of your choice, such as a thank-you page or contact page, after their enquiry is submitted.</li></ul>","catalogx"),settingDescription:(0,a.__)("Choose whether customers remain on the current page or are redirected to another page after submitting an enquiry.","catalogx"),options:[{key:"current_page",label:(0,a.__)("Stay on current page","catalogx"),value:"current_page"},{key:"dedicated_page",label:(0,a.__)("Redirect to another page","catalogx"),value:"dedicated_page"}],moduleEnabled:"enquiry"},{key:"redirect_page_id",type:"select",label:(0,a.__)("Post enquiry submission redirect page","catalogx"),desc:(0,a.__)("Select page where user will be redirected after successful enquiry.","catalogx"),options:appLocalizer.pages_data,dependent:{key:"is_page_redirect",set:!0,value:"dedicated_page"},moduleEnabled:"enquiry"},{key:"additional_alert_email",type:"text",desc:(0,a.__)("When a customer submits an enquiry for a product, the enquiry details will be sent to the email address(es) entered here. Add multiple email addresses separated by commas.<br/> <b>Default:</b> The site administrator's email is included by default. To stop the admin from receiving enquiry notifications, remove the admin email address from this list.","catalogx"),label:(0,a.__)("Recipient email for product enquiries","catalogx"),moduleEnabled:"enquiry"},{key:"section",type:"section",desc:(0,a.__)("Control who can request quotations and how long quotations remain available.","catalogx"),title:(0,a.__)("Quotation journey","catalogx")},{key:"quote_user_permission",type:"choice-toggle",label:(0,a.__)("Who can request quotations","catalogx"),settingDescription:(0,a.__)("Control whether quotation requests are available to all visitors or only logged-in users.","catalogx"),desc:(0,a.__)("<ul><li>Everyone - Any visitor can submit quotation requests.</li><li>Logged-in users - Only authenticated customers can request quotations.</li></ul>","catalogx"),options:[{key:"everyone",label:(0,a.__)("Everyone","catalogx"),value:"everyone"},{key:"logged_in_only",label:(0,a.__)("Logged-in users","catalogx"),value:"logged_in_only"}],moduleEnabled:"quote",tour:"quote-permission"},{key:"quotation_validity",type:"choice-toggle",label:(0,a.__)("Quotation validity period","catalogx"),settingDescription:(0,a.__)("Choose how long quotations remain valid before they expire.","catalogx"),desc:(0,a.__)("<ul><li><strong>Lifetime</strong> – Quotations never expire automatically.</li><li><strong>Fixed duration</strong> – Quotations expire after the specified number of days.</li></ul>","catalogx"),options:[{key:"lifetime",label:(0,a.__)("Lifetime","catalogx"),value:"lifetime"},{key:"fixed_duration",label:(0,a.__)("Fixed duration","catalogx"),value:"fixed_duration"}],proSetting:!0,moduleEnabled:"quote"},{key:"set_expiry_time",type:"number",label:(0,a.__)("Duration","catalogx"),size:10,settingDescription:(0,a.__)("Specify the number of days a quotation remains valid.","catalogx"),desc:(0,a.__)("The quotation will automatically expire after the specified number of days from its creation.","catalogx"),postText:(0,a.__)("days","catalogx"),proSetting:!0,moduleEnabled:"quote",dependent:{key:"quotation_validity",set:!0,value:"fixed_duration"}},{key:"section",type:"section",desc:(0,a.__)("When a customer submits an enquiry or receives a quotation, choose whether a PDF should be available for download, attached to the email sent to them, or both.","catalogx"),title:(0,a.__)("How customers receives PDF documents?","catalogx")},{key:"display_pdf",type:"multi-checkbox-table",storeSetting:!0,label:(0,a.__)("PDF delivery mode","catalogx"),classes:"gridTable",rows:[{key:"allow_download_pdf",label:(0,a.__)("Available as download","catalogx")},{key:"attach_pdf_to_email",label:(0,a.__)("Attached to customer email","catalogx")}],columns:[{key:"enquiry_pdf_permission",label:(0,a.__)("Enquiry","catalogx"),type:"checkbox",moduleEnabled:"enquiry"},{key:"quote_pdf_permission",label:(0,a.__)("Quote","catalogx"),type:"checkbox",moduleEnabled:"quote"}],proSetting:!0}]};t.d(n,["default",0,r])},2282(e,n,t){"use strict";t.r(n);var a=t(7723);const r={id:"enquiry-quote-exclusion",priority:6,headerTitle:(0,a.__)("Access Rules","catalogx"),headerDescription:(0,a.__)("Exclude catalog viewing, enquiries, and quotes by user roles and product attributes.","catalogx"),headerIcon:"exclude",submitUrl:"settings",modal:[{key:"exclusion",type:"multi-checkbox-table",storeSetting:!0,label:"",columns:[{key:"catalog_exclusion",label:(0,a.__)("Catalog","catalogx"),moduleEnabled:"catalog"},{key:"enquiry_exclusion",label:(0,a.__)("Enquiry","catalogx"),moduleEnabled:"enquiry"},{key:"quote_exclusion",label:(0,a.__)("Quote","catalogx"),moduleEnabled:"quote"}],rows:[{key:"userroles_list",label:(0,a.__)("User Role","catalogx"),fields:[{key:"value",type:"multi-select",placeholder:(0,a.__)("Select...","catalogx"),options:appLocalizer.role_array,maxVisibleItems:1,enableOverflowPopup:!0,popupTitle:(0,a.__)("Selected user role","catalogx"),popupWidth:28,isClearable:!0,size:15}]},{key:"user_list",label:(0,a.__)("User Name","catalogx"),fields:[{key:"value",type:"multi-select",placeholder:(0,a.__)("Select...","catalogx"),options:appLocalizer.users_data,maxVisibleItems:1,enableOverflowPopup:!0,popupTitle:(0,a.__)("Selected user name","catalogx"),popupWidth:28,isClearable:!0,size:15}]},{key:"product_list",label:(0,a.__)("Product","catalogx"),fields:[{key:"value",type:"multi-select",placeholder:(0,a.__)("Select...","catalogx"),options:appLocalizer.products_data,maxVisibleItems:1,enableOverflowPopup:!0,popupTitle:(0,a.__)("Selected user role","catalogx"),popupWidth:28,isClearable:!0,size:15}]},{key:"category_list",label:(0,a.__)("Category","catalogx"),fields:[{key:"value",type:"multi-select",placeholder:(0,a.__)("Select...","catalogx"),options:appLocalizer.all_product_categories,maxVisibleItems:1,enableOverflowPopup:!0,popupTitle:(0,a.__)("Selected Category","catalogx"),popupWidth:28,isClearable:!0,size:15}]},{key:"tag_list",label:(0,a.__)("Tag","catalogx"),fields:[{key:"value",type:"multi-select",placeholder:(0,a.__)("Select...","catalogx"),options:appLocalizer.all_product_tag,maxVisibleItems:1,enableOverflowPopup:!0,popupTitle:(0,a.__)("Selected Tag","catalogx"),popupWidth:28,isClearable:!0,size:15}]},{key:"brand_list",label:(0,a.__)("Brand","catalogx"),fields:[{key:"value",type:"multi-select",placeholder:(0,a.__)("Select...","catalogx"),options:appLocalizer.product_brands,maxVisibleItems:1,enableOverflowPopup:!0,popupTitle:(0,a.__)("Selected brand","catalogx"),popupWidth:28,isClearable:!0,size:15}]}]}]};t.d(n,["default",0,r])},1134(e,n,t){"use strict";t.r(n);var a=t(7723);const r={id:"pages-shortcodes",priority:1,headerTitle:(0,a.__)("Pages & Shortcodes","catalogx"),headerDescription:(0,a.__)("Manage the endpoints for all pages on the site, ensuring proper routing and access.","catalogx"),headerIcon:"web-page-website",submitUrl:"settings",modal:[{key:"set_enquiry_cart_page",type:"select",label:(0,a.__)("Set enquiry cart page","catalogx"),size:20,desc:(0,a.__)("Select the page on which you have inserted <code>[catalogx_enquiry_cart]</code> shortcode.","catalogx"),options:appLocalizer.pages_data,proSetting:!0},{key:"set_request_quote_page",type:"select",label:(0,a.__)("Set request quote page","catalogx"),size:20,desc:(0,a.__)("Select the page on which you have inserted <code>[catalogx_request_quote]</code> shortcode.","catalogx"),options:appLocalizer.pages_data,proSetting:!0},{key:"set_wholesale_products_page",type:"select",size:20,label:(0,a.__)("Set Wholesale Products Page","catalogx"),desc:(0,a.__)("Select the page on which you have inserted <code>[catalogx_wholesale_products]</code> shortcode.","catalogx"),options:appLocalizer.pages_data,proSetting:!0},{key:"section",type:"section",title:(0,a.__)("Shortcode library","catalogx")},{key:"shortCode",type:"shortcode-table",label:(0,a.__)("Available shortcodes","catalogx"),desc:(0,a.__)("","catalogx"),optionLabel:[(0,a.__)("Shortcodes and block","catalogx"),(0,a.__)("Description","catalogx"),(0,a.__)("Arguments","catalogx"),(0,a.__)("Example usage","catalogx")],options:[{key:"",label:"[catalogx_enquiry_cart]",name:"Enquiry Cart Page",desc:(0,a.__)("Let users review all enquiry cart items and send a single enquiry for multiple products.","catalogx")},{key:"",label:"[catalogx_request_quote]",name:"Display Quote Cart",desc:(0,a.__)("Let users review their selected products and submit a quotation request.","catalogx")},{key:"",label:"[catalogx_wholesale_products]",name:"Display Wholesale Products",desc:(0,a.__)("Provide approved wholesale users with a dedicated page to browse and purchase wholesale products.","catalogx")},{key:"",label:"[catalogx_enquiry_cart_button]",name:"Add to Enquiry Cart",desc:(0,a.__)("Allow users to add products to an enquiry cart and send a combined enquiry.","catalogx")},{key:"",label:"[catalogx_enquiry_button]",name:"Display Enquiry Cart Button",desc:(0,a.__)('Displays the "Send an Enquiry" button for specific products',"catalogx"),arguments:[{attribute:"product_id",accepted:"product_id",default:'[catalogx_enquiry_button product_id="4"]',description:(0,a.__)("Specify the product ID for which the enquiry button should be displayed.","catalogx")}]},{key:"",label:"[catalogx_quote_button]",name:"Show Quote Button",desc:(0,a.__)('Displays the "Add to Quote" button for specific products.',"catalogx"),arguments:[{attribute:"product_id",accepted:"product_id",default:'[catalogx_quote_button product_id="4"]',description:(0,a.__)("Specify the product ID for which the quote button should be displayed.","catalogx")}]}]}]};t.d(n,["default",0,r])},2469(e,n,t){"use strict";t.r(n);var a=t(7723);const r={id:"tools",priority:7,headerTitle:(0,a.__)("System","catalogx"),headerDescription:(0,a.__)("Review all system logs and errors","catalogx"),headerIcon:"paint-brush",submitUrl:"settings",modal:[{key:"catalogx_log",type:"log",classes:"log-section full-width",apiLink:"logs",fileName:"error.txt"},{key:"section",type:"section",title:(0,a.__)("Additional CSS","catalogx"),desc:(0,a.__)("Add custom CSS to customize the appearance of the enquiry form.","catalogx")},{key:"custom_css_product_page",type:"textarea",label:(0,a.__)("Custom CSS","catalogx"),desc:(0,a.__)("Enter your custom CSS here to customize the enquiry form.","catalogx")}]};t.d(n,["default",0,r])},4014(e,n,t){"use strict";t.r(n);var a=t(7723);const r={id:"wholesale",priority:5,headerTitle:(0,a.__)("Wholesale","catalogx"),headerDescription:(0,a.__)("Wholesale sign up and registration management.","catalogx"),headerIcon:"wholesale",submitUrl:"settings",modal:[{key:"approve_wholesaler",type:"choice-toggle",label:(0,a.__)("Approval of wholesale users","catalogx"),settingDescription:(0,a.__)("Choose how new wholesale users should be approved after registration.","catalogx"),desc:(0,a.__)("Manual - Admin approves new wholesalers manually from 'Wholesaler Users' page. <br> Automatic - Instant wholesaler approval upon sign-up.","catalogx"),options:[{key:"manual",label:(0,a.__)("Manual","catalogx"),value:"manual"},{key:"automatic",label:(0,a.__)("Automatic","catalogx"),value:"automatic"}],proSetting:!0,moduleEnabled:"wholesale"},{key:"disable_coupon_for_wholesale",type:"choice-toggle",label:(0,a.__)("How should coupons work with wholesale","catalogx"),settingDescription:(0,a.__)("Choose how coupons work for wholesale customers.","catalogx"),desc:(0,a.__)("<ul><li>Wholesale discount only - Wholesale discounts cannot be combined with coupons.</li><li>Wholesale discount + Coupons - Wholesale customers can apply coupons during checkout.</li></ul>","catalogx"),options:[{key:"restricted",label:(0,a.__)("Wholesale discount only","catalogx"),value:"restricted"},{key:"allowed",label:(0,a.__)("Wholesale discount + Coupons","catalogx"),value:"allowed"}]},{key:"show_wholesale_price",type:"choice-toggle",label:(0,a.__)("Wholesale offer visibility","catalogx"),settingDescription:(0,a.__)("Choose how wholesale pricing is presented to regular customers.","catalogx"),desc:(0,a.__)("<ul><li>Keep wholesale offers private - Display retail pricing without wholesale discounts.</li><li>Promote wholesale savings - Show potential wholesale pricing to encourage wholesale registrations.</li></ul>","catalogx"),options:[{key:"hidden",label:(0,a.__)("Keep wholesale offers private","catalogx"),value:"hidden"},{key:"visible",label:(0,a.__)("Promote wholesale savings","catalogx"),value:"visible"}],proSetting:!0,look:"toggle",moduleEnabled:"wholesale"},{key:"enable_order_form",type:"choice-toggle",label:(0,a.__)("Product browsing experience","catalogx"),settingDescription:(0,a.__)("Choose how wholesale customers discover wholesale products.","catalogx"),desc:(0,a.__)("<ul><li>Shared Product Catalog - Wholesale products appear within the regular catalog.</li><li>Dedicated Wholesale Catalog - Display all wholesale products on a dedicated page for wholesale customers.</li></ul>","catalogx"),options:[{key:"shared",label:(0,a.__)("Shared Product Catalog","catalogx"),value:"shared"},{key:"dedicated",label:(0,a.__)("Dedicated Wholesale Catalog","catalogx"),value:"dedicated"}],proSetting:!0,look:"toggle",moduleEnabled:"wholesale"},{key:"enable_global_wholesale",type:"choice-toggle",label:(0,a.__)("How wholesale pricing is managed","catalogx"),settingDescription:(0,a.__)("Choose whether to set wholesale pricing for individual products or apply the same discount across all products.","catalogx"),desc:(0,a.__)("<ul><li>Set prices for each product - Configure wholesale pricing separately for individual products.</li><li>Apply one discount to all products - Use a single discount rule for every wholesale product in your catalog.</li></ul>","catalogx"),options:[{key:"product_level",label:(0,a.__)("Set prices for each product","catalogx"),value:"product_level"},{key:"global_rule",label:(0,a.__)("Apply one discount to all products","catalogx"),value:"global_rule"}],proSetting:!0,look:"toggle",moduleEnabled:"wholesale"},{key:"wholesale_amount",label:(0,a.__)("Discount rule","catalogx"),type:"number",placeholder:"Discount value",beforeElement:{key:"wholesale_discount_type",type:"select",options:[{value:"fixed_amount",label:"Fixed Amount"},{value:"percentage_amount",label:"Percentage Amount"}]},afterElement:{key:"minimum_quantity",type:"number",placeholder:"Minimum quantity"},moduleEnabled:"wholesale",proSetting:!0,dependent:{key:"enable_global_wholesale",set:!0,value:"global_rule"}}]};t.d(n,["default",0,r])},5415(e,n,t){"use strict";const a=window.wp.element;var r=t(4934),o=t(1609),i=t.n(o),l=t(1675),s=t(3390),d=t(7723),c=t(4331),p=t(7859),m=t(790);const u=()=>{const e=(0,c.x)();return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(s.NavigatorHeader,{headerIcon:"module",headerTitle:(0,d.__)("Modules","catalogx"),headerDescription:(0,d.__)("Manage marketplace features by enabling or disabling modules. Turning a module on activates its settings and workflows, while turning it off hides them from admin and stores.","catalogx")}),(0,m.jsx)(s.Container,{general:!0,children:(0,m.jsx)(s.Modules,{modulesArray:e,appLocalizer,apiLink:"modules",proPopupContent:p.A,pluginName:"catalogx",filter:!1})})]})},g=window.wp.hooks,b=[{id:1,name:"Emily Carter",lastChat:"Yes, this product is currently available in stock.",date:"June 11, 2026",active:!1},{id:2,name:"Michael Johnson",lastChat:"The bulk pricing starts from an order of 50 units.",date:"June 11, 2026",active:!1},{id:3,name:"Sophia Williams",lastChat:"I have shared the product dimensions below.",date:"June 11, 2026",active:!0},{id:4,name:"Daniel Brown",lastChat:"The item will be back in stock next week.",date:"June 10, 2026",active:!1},{id:5,name:"Olivia Taylor",lastChat:"I've sent you the quotation for 100 units.",date:"June 10, 2026",active:!1},{id:6,name:"James Anderson",lastChat:"Can you confirm the estimated delivery time?",date:"June 10, 2026",active:!1},{id:7,name:"Isabella Martinez",lastChat:"The sample order has been shipped today.",date:"June 9, 2026",active:!1},{id:8,name:"William Thomas",lastChat:"Yes, we can customize the packaging for your order.",date:"June 9, 2026",active:!1},{id:9,name:"Ava Garcia",lastChat:"Please let me know if you need a revised quotation.",date:"June 9, 2026",active:!1},{id:10,name:"Benjamin Wilson",lastChat:"The minimum order quantity is 25 pieces.",date:"June 8, 2026",active:!1},{id:11,name:"Mia Rodriguez",lastChat:"Your payment has been received successfully.",date:"June 8, 2026",active:!1},{id:12,name:"Lucas Moore",lastChat:"We have updated the tracking information.",date:"June 8, 2026",active:!1},{id:13,name:"Charlotte Jackson",lastChat:"Thank you for your enquiry. We will get back to you shortly.",date:"June 7, 2026",active:!1},{id:14,name:"Henry White",lastChat:"The requested color variant is currently unavailable.",date:"June 7, 2026",active:!1},{id:15,name:"Amelia Harris",lastChat:"A discount has been applied to your wholesale account.",date:"June 7, 2026",active:!1}],f=[{id:1,date:"June 11, 2026",messages:[{id:1,name:"Customer",time:"09:12 AM",text:"Hi, is this product currently available in stock?"},{id:2,name:"Emily Carter",time:"09:15 AM",text:"Hello! Yes, the product is currently in stock and ready for dispatch."},{id:3,name:"Customer",time:"09:18 AM",text:"Great! How long will shipping take to Germany?"},{id:4,name:"Emily Carter",time:"09:21 AM",text:"Standard shipping usually takes 5–7 business days."}]},{id:2,date:"June 11, 2026",messages:[{id:5,name:"Customer",time:"11:05 AM",text:"Do you offer discounts for bulk purchases?"},{id:6,name:"Michael Johnson",time:"11:09 AM",text:"Yes, we do. Bulk pricing starts from an order of 50 units."},{id:7,name:"Customer",time:"11:12 AM",text:"Can you send me a quotation for 75 units?"},{id:8,name:"Michael Johnson",time:"11:16 AM",text:"Certainly! I'll prepare the quotation and send it to your email shortly."}]},{id:3,date:"June 11, 2026",messages:[{id:9,name:"Customer",time:"02:30 PM",text:"Could you tell me the dimensions of this product?"},{id:10,name:"Sophia Williams",time:"02:34 PM",text:"Of course! The product measures 45 × 30 × 18 cm."},{id:11,name:"Customer",time:"02:36 PM",text:"Is it suitable for outdoor use?"},{id:12,name:"Sophia Williams",time:"02:39 PM",text:"Yes, it's made from weather-resistant materials and is suitable for outdoor use."}]},{id:4,date:"June 10, 2026",messages:[{id:13,name:"Customer",time:"04:08 PM",text:"This product shows as out of stock. When will it be available again?"},{id:14,name:"Daniel Brown",time:"04:12 PM",text:"Our next shipment is expected early next week."},{id:15,name:"Customer",time:"04:14 PM",text:"Can I reserve one in advance?"},{id:16,name:"Daniel Brown",time:"04:17 PM",text:"Absolutely! I can reserve one for you once the stock arrives."}]},{id:5,date:"June 10, 2026",messages:[{id:17,name:"Customer",time:"08:42 AM",text:"I'm interested in ordering 100 units. Can I get a custom quotation?"},{id:18,name:"Olivia Taylor",time:"08:47 AM",text:"Certainly! I've prepared a quotation based on your requested quantity."},{id:19,name:"Customer",time:"08:50 AM",text:"Does the quotation include shipping charges?"},{id:20,name:"Olivia Taylor",time:"08:53 AM",text:"Yes, the quotation includes both product and estimated shipping costs."}]}],h=()=>{const[e,n]=(0,o.useState)(!1);return(0,m.jsxs)("div",{id:"enquiry-messages",children:[e&&(0,m.jsx)(s.PopupUI,{position:"lightbox",open:e,onClose:()=>n(!1),width:31.25,height:"auto",children:(0,m.jsx)(p.A,{})}),(0,m.jsx)(s.Container,{children:(0,m.jsx)(s.Column,{children:(0,m.jsxs)("div",{id:"enquiry-messages",className:"demo-wrapper",onClick:()=>{n(!0)},children:[(0,m.jsx)("div",{className:"watermark",children:(0,d.__)("This is sample Data","catalogx")}),(0,m.jsxs)("div",{className:"enquiry-container",children:[(0,m.jsxs)("div",{className:"chat-list",children:[(0,m.jsxs)("div",{className:"header-container-wrapper",children:[(0,m.jsx)("div",{className:"search-field",children:(0,m.jsxs)("div",{className:"search-section",children:[(0,m.jsx)("div",{className:"setting-form-input input-wrapper",children:(0,m.jsx)("input",{className:"basic-input",type:"text",name:"basic-input",placeholder:"Search here...",autoComplete:"off",value:""})}),(0,m.jsx)("i",{className:"adminfont-search"})]})}),(0,m.jsx)("div",{className:"date-filter",children:(0,m.jsx)("div",{className:"settings-calender",children:(0,m.jsx)("input",{className:"basic-input calender-input",readOnly:!0,name:"calendar-input",placeholder:"MMMM DD YYYY",value:""})})}),(0,m.jsx)("span",{className:"starter-message",children:(0,m.jsx)("i",{className:"admin-font adminfont-more-vertical"})})]}),(0,m.jsxs)("div",{className:"chat-list-container",children:[(0,m.jsxs)("div",{className:"recent-message",children:[(0,d.__)("Enquiry Messages","catalogx"),(0,m.jsxs)("span",{className:"total-message",children:["(",b.length,")"]})]}),(0,m.jsx)("div",{className:"chat-list-wrapper",children:b.map(e=>(0,m.jsx)("div",{className:"chat-item "+(e.active?"active":""),children:(0,m.jsxs)("div",{className:"chat-item-container",children:[(0,m.jsx)("div",{className:"chat-img",children:(0,m.jsx)("img",{src:"https://secure.gravatar.com/avatar/be3221a6fac131657111728b4d912a877ec158b123d5db3afef3bd8a59784ece?s=96&d=mm&r=g",alt:"Avatar"})}),(0,m.jsxs)("div",{className:"chat-meta",children:[(0,m.jsx)("div",{className:"name",children:e.name}),(0,m.jsx)("div",{className:"last-chat",children:e.lastChat})]}),(0,m.jsx)("span",{className:"date",children:e.date})]})},e.id))})]})]}),(0,m.jsxs)("div",{className:"enquiry-details",children:[(0,m.jsxs)("div",{className:"enquiry-navbar",children:[(0,m.jsxs)("div",{className:"chat-meta",children:[(0,m.jsx)("img",{src:"https://secure.gravatar.com/avatar/be3221a6fac131657111728b4d912a877ec158b123d5db3afef3bd8a59784ece?s=96&d=mm&r=g",alt:"Avatar"}),(0,m.jsx)("div",{className:"chat-name",children:(0,d.__)("admin","catalogx")}),(0,m.jsxs)("div",{className:"enquery-id",children:[(0,m.jsx)("b",{children:(0,d.__)("Enquiry ID","catalogx")}),(0,d.__)("#3","catalogx")]})]}),(0,m.jsx)("div",{className:"chat-more-option",children:(0,m.jsxs)("ul",{children:[(0,m.jsx)("li",{className:"chat-more-option-item",children:(0,m.jsxs)("div",{className:"input-container",children:[(0,m.jsx)("input",{placeholder:"Search...",className:"input",type:"text"}),(0,m.jsx)("i",{className:"admin-font icon adminfont-search"})]})}),(0,m.jsx)("li",{className:"chat-more-option-item",children:(0,m.jsx)("button",{className:"chat-more-option-button",children:(0,m.jsx)("i",{className:"admin-font adminfont-info"})})})]})})]}),(0,m.jsx)("div",{className:"enquiry-body",children:f.map(e=>(0,m.jsxs)(i().Fragment,{children:[(0,m.jsx)("div",{className:"date",children:(0,m.jsx)("span",{children:e.date})}),e.messages.map(e=>(0,m.jsxs)("div",{className:"message-box-wrapper",children:[(0,m.jsx)("div",{className:"sender-img",children:(0,m.jsx)("img",{src:"https://secure.gravatar.com/avatar/be3221a6fac131657111728b4d912a877ec158b123d5db3afef3bd8a59784ece?s=96&d=mm&r=g",alt:"Avatar"})}),(0,m.jsx)("div",{className:"chat-content",children:(0,m.jsxs)("div",{className:"content",children:[(0,m.jsxs)("div",{className:"chat-name-wrapper",children:[(0,m.jsx)("div",{className:"chat-name",children:e.name}),(0,m.jsx)("span",{className:"chat-time",children:e.time})]}),(0,m.jsx)("div",{className:"message-text",children:(0,m.jsx)("span",{children:e.text})}),(0,m.jsx)("div",{className:"status"})]})}),(0,m.jsxs)("div",{className:"chat-actions",children:[(0,m.jsxs)("div",{className:"tooltip-wrapper top",children:[(0,m.jsx)("i",{className:"action-reply adminfont-reply"}),(0,m.jsx)("span",{className:"tooltip-name",children:(0,d.__)("Reply","catalogx")})]}),(0,m.jsxs)("div",{className:"tooltip-wrapper top",children:[(0,m.jsx)("i",{className:"action-copy adminfont-vendor-form-copy"}),(0,m.jsx)("span",{className:"tooltip-name",children:(0,d.__)("Copy","catalogx")})]}),(0,m.jsxs)("div",{className:"tooltip-wrapper top",children:[(0,m.jsx)("i",{className:"action-push adminfont-pushpin"}),(0,m.jsx)("span",{className:"tooltip-name",children:(0,d.__)("Pin","catalogx")})]}),(0,m.jsxs)("div",{className:"tooltip-wrapper top",children:[(0,m.jsx)("i",{className:"star-icon adminfont-star-o"}),(0,m.jsx)("span",{className:"tooltip-name",children:(0,d.__)("Star","catalogx")})]}),(0,m.jsxs)("div",{className:"tooltip-wrapper top",children:[(0,m.jsx)("i",{className:"action-react adminfont-smile-o"}),(0,m.jsx)("span",{className:"tooltip-name",children:(0,d.__)("React","catalogx")})]}),(0,m.jsx)("i",{className:"action-delete adminfont-delete"})]})]},e.id))]},e.id))}),(0,m.jsxs)("div",{className:"chat-controls-wrapper",children:[(0,m.jsx)("section",{className:"chat-attachment-wrapper"}),(0,m.jsxs)("div",{className:"chat-controls",children:[(0,m.jsx)("div",{className:"typing-section",children:(0,m.jsx)("textarea",{placeholder:"Message admin"})}),(0,m.jsxs)("div",{className:"footer-buttons",children:[(0,m.jsxs)("div",{className:"chat-attachment",children:[(0,m.jsxs)("div",{className:"tooltip-wrapper top",children:[(0,m.jsx)("i",{className:"plus-icon adminfont-plus"}),(0,m.jsx)("span",{className:"tooltip-name",children:(0,d.__)("Add File","catalogx")})]}),(0,m.jsxs)("div",{className:"tooltip-wrapper top",children:[(0,m.jsx)("i",{className:"adminfont-form-email"}),(0,m.jsx)("span",{className:"tooltip-name",children:(0,d.__)("Tag","catalogx")})]}),(0,m.jsxs)("div",{className:"tooltip-wrapper top",children:[(0,m.jsx)("i",{className:"admin-font adminfont-quote"}),(0,m.jsx)("span",{className:"tooltip-name",children:(0,d.__)("Quotation","catalogx")})]}),(0,m.jsxs)("div",{className:"tooltip-wrapper top",children:[(0,m.jsx)("i",{className:"adminfont-smile-o"}),(0,m.jsx)("span",{className:"tooltip-name",children:(0,d.__)("Emoji","catalogx")})]})]}),(0,m.jsx)("div",{className:"message-send-btn",children:(0,m.jsx)("i",{className:"send-btn purple-color adminfont-send"})})]})]})]})]})]})]})})})]})},x=()=>{const e=(0,g.applyFilters)("catalogx_enquiry_messages_component",h);return(0,m.jsx)(s.Container,{general:!0,children:(0,m.jsx)(s.Column,{children:(0,m.jsx)(e,{})})})},w=[{id:1,customer:"John Doe",email:"john@example.com",status:"Approved",date:"May 12, 2026",action:"#"},{id:2,customer:"Sarah Williams",email:"sarah@example.com",status:"Rejected",date:"May 12, 2026",action:"#"},{id:3,customer:"Michael Brown",email:"michael@example.com",status:"Pending",date:"May 12, 2026",action:"#"},{id:4,customer:"Emily Johnson",email:"emily@example.com",status:"Approved",date:"May 12, 2026",action:"#"},{id:5,customer:"David Miller",email:"david@example.com",status:"Approved",date:"May 12, 2026",action:"#"},{id:6,customer:"Sophia Wilson",email:"sophia@example.com",status:"Refunded",date:"May 12, 2026",action:"#"},{id:7,customer:"James Anderson",email:"james@example.com",status:"Rejected",date:"May 12, 2026",action:"#"},{id:8,customer:"Olivia Taylor",email:"olivia@example.com",status:"Approved",date:"May 12, 2026",action:"#"},{id:9,customer:"Daniel Thomas",email:"daniel@example.com",status:"Rejected",date:"May 12, 2026",action:"#"},{id:10,customer:"Emma Martinez",email:"emma@example.com",status:"Pending",date:"May 12, 2026",action:"#"}],y=[{value:"all",label:(0,d.__)("All","catalogx-pro"),count:10},{value:"pending",label:(0,d.__)("Pending","catalogx-pro"),count:2},{value:"approve",label:(0,d.__)("Approved","catalogx-pro"),count:5},{value:"reject",label:(0,d.__)("Rejected","catalogx-pro"),count:3}],v=()=>{const[e,n]=(0,o.useState)(!1);let t={};const a={user:{label:(0,d.__)("User","catalogx"),render:e=>(0,m.jsx)(s.InfoItem,{title:e.customer,titleLink:e.customer_url,descriptions:[{label:(0,d.__)("Email","catalogx"),value:e.email||"—"}],avatar:{image:e.customer_img_url,iconClass:"person"}})},status:{label:(0,d.__)("Status","catalogx"),type:"status",statusClass:e=>`${e.status}`},date:{label:(0,d.__)("Date","catalogx"),type:"date"},action:{type:"action",label:(0,d.__)("Action","catalogx"),actions:[{label:()=>(0,d.__)("View","catalogx"),icon:()=>"eye"},{label:()=>(0,d.__)("Approve","catalogx"),icon:()=>"check"},{label:()=>(0,d.__)("Reject","catalogx"),icon:()=>"close"}]}},r=[{key:"date",label:(0,d.__)("Date Range","catalogx"),type:"date"}],i=[{label:(0,d.__)("Approve","catalogx"),value:"approve"},{label:(0,d.__)("Reject","catalogx"),value:"reject"},{label:(0,d.__)("Pending","catalogx"),value:"pending"}],l={headers:a,format:appLocalizer.date_format,filters:r,search:{placeholder:(0,d.__)("Search...","catalogx"),size:8},bulkActions:i,categoryCounts:y,rows:w,totalRows:w.length};return t=(0,g.applyFilters)("catalogx_wholesale_user_table_component",l),(0,m.jsxs)(m.Fragment,{children:[e&&(0,m.jsx)(s.PopupUI,{position:"lightbox",open:e,onClose:()=>n(!1),width:31.25,height:"auto",children:(0,m.jsx)(p.A,{})}),(0,m.jsx)(s.NavigatorHeader,{headerIcon:"wholesale",headerDescription:(0,d.__)("Wholesale users are displayed with account details and statuses to help manage approvals and customer access.","catalogx"),headerTitle:(0,d.__)("Wholesale Users","catalogx")}),(0,m.jsx)(s.Container,{general:!0,children:(0,m.jsx)(s.Column,{children:appLocalizer.khali_dabba?appLocalizer.active_modules.includes("wholesale")?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(s.TableCard,{...t}),t.selectedRow&&t.viewWholesaleDetails]}):(0,m.jsx)(s.ComponentStatusView,{title:(0,d.__)("Looks like wholesale pricing isn’t set up yet!","catalogx"),desc:(0,d.__)("Enable the Wholesale module to create wholesale pricing and offer special rates to your business customers.","catalogx"),buttonText:(0,d.__)("Enable Now","catalogx"),buttonLink:`${appLocalizer.admin_url}#&tab=modules&module=wholesale`}):(0,m.jsxs)("div",{className:"demo-wrapper",onClick:()=>n(!0),children:[(0,m.jsx)("div",{className:"watermark",children:(0,d.__)("This is sample Data","catalogx")}),(0,m.jsx)(s.TableCard,{...t})]})})})]})},_=[{id:"1",name:"Bulk Order Discount",user_id:null,role_id:"administrator",product_id:"-1",category_id:null,brand_id:null,quantity:"10",type:"percentage",amount:"15",priority:"1",active:"1"},{id:"2",name:"Editor Brand Offer",user_id:null,role_id:"editor",product_id:null,category_id:null,brand_id:"-1",quantity:"5",type:"fixed",amount:"50",priority:"2",active:"1"},{id:"3",name:"Category Sale",user_id:null,role_id:"shop_manager",product_id:null,category_id:"12",brand_id:null,quantity:"20",type:"percentage",amount:"25",priority:"3",active:"1"},{id:"4",name:"Product Launch Offer",user_id:null,role_id:"customer",product_id:"101",category_id:null,brand_id:null,quantity:"2",type:"fixed",amount:"100",priority:"4",active:"1"},{id:"5",name:"VIP Customer Discount",user_id:"25",role_id:null,product_id:null,category_id:null,brand_id:null,quantity:"15",type:"percentage",amount:"30",priority:"5",active:"1"},{id:"6",name:"Holiday Mega Sale",user_id:null,role_id:"subscriber",product_id:null,category_id:"8",brand_id:null,quantity:"3",type:"percentage",amount:"10",priority:"6",active:"1"},{id:"7",name:"Premium Member Offer",user_id:"42",role_id:null,product_id:null,category_id:null,brand_id:null,quantity:"8",type:"fixed",amount:"75",priority:"7",active:"1"},{id:"8",name:"Fashion Category Discount",user_id:null,role_id:"customer",product_id:null,category_id:"21",brand_id:null,quantity:"4",type:"percentage",amount:"12",priority:"8",active:"0"},{id:"9",name:"Electronics Flash Deal",user_id:null,role_id:"shop_manager",product_id:"205",category_id:null,brand_id:null,quantity:"1",type:"fixed",amount:"200",priority:"9",active:"1"},{id:"10",name:"Brand Loyalty Bonus",user_id:null,role_id:null,product_id:null,category_id:null,brand_id:"7",quantity:"6",type:"percentage",amount:"18",priority:"10",active:"1"},{id:"11",name:"Black Friday Special",user_id:null,role_id:"administrator",product_id:"-1",category_id:null,brand_id:null,quantity:"25",type:"percentage",amount:"40",priority:"11",active:"1"},{id:"12",name:"Furniture Deal",user_id:null,role_id:"editor",product_id:"310",category_id:null,brand_id:null,quantity:"2",type:"fixed",amount:"120",priority:"12",active:"1"},{id:"13",name:"Wholesale Discount",user_id:"88",role_id:null,product_id:null,category_id:null,brand_id:null,quantity:"50",type:"percentage",amount:"35",priority:"13",active:"1"},{id:"14",name:"Sports Collection Offer",user_id:null,role_id:"customer",product_id:null,category_id:"33",brand_id:null,quantity:"7",type:"fixed",amount:"60",priority:"14",active:"0"},{id:"15",name:"Clearance Stock Discount",user_id:null,role_id:"subscriber",product_id:"450",category_id:null,brand_id:"15",quantity:"12",type:"percentage",amount:"22",priority:"15",active:"1"}],k=()=>{const[e,n]=(0,o.useState)(!1);let t={};const a={headers:{name:{label:(0,d.__)("Name","catalogx")},applicable_for:{label:(0,d.__)("Applicable For","catalogx"),render:e=>{const n=(e,n,t)=>{if("-1"===n)return`All ${t}`;if(!n)return null;const a=e?.find(e=>String(e.value)===String(n));return a?.label||n},t=n(appLocalizer.products_data,e.product_id,"Products"),a=n(appLocalizer.all_product_categories,e.category_id,"Categories"),r=n(appLocalizer.product_brands,e.brand_id,"Brands"),o=[t&&(0,m.jsxs)("span",{children:[(0,m.jsx)("b",{children:(0,d.__)("Product:","catalogx")})," ",t]}),a&&(0,m.jsxs)("span",{children:[(0,m.jsx)("b",{children:(0,d.__)("Category:","catalogx")})," ",a]}),r&&(0,m.jsxs)("span",{children:[(0,m.jsx)("b",{children:(0,d.__)("Brand:","catalogx")})," ",r]})].filter(Boolean);return(0,m.jsx)(m.Fragment,{children:o.map((e,n)=>e)})}},for_whom:{label:(0,d.__)("For Whom","catalogx"),render:e=>{const n=(e,n,t)=>{if("-1"===n)return`All ${t}`;if(!n)return null;const a=e?.find(e=>String(e.value)===String(n));return a?.label||n},t=n(appLocalizer.users_data,e.user_id,"Users"),a=n(appLocalizer.role_array,e.role_id,"Roles"),r=[t&&(0,m.jsxs)("span",{children:[(0,m.jsx)("b",{children:(0,d.__)("User:","catalogx")})," ",t]}),a&&(0,m.jsxs)("span",{children:[(0,m.jsx)("b",{children:(0,d.__)("Role:","catalogx")})," ",a]})].filter(Boolean);return(0,m.jsxs)(m.Fragment,{children:[" ",r.map((e,n)=>e)," "]})}},discount:{label:(0,d.__)("Rule","catalogx"),render:e=>{const n=e.amount??0,t=Number(e.quantity);return`${"percentage"===e.type?`${n} Percent`:`${n} ${appLocalizer.currency}`} for min ${t||""} quantity`}},status:{label:(0,d.__)("Status","catalogx"),render:e=>"1"===String(e.active)?(0,m.jsxs)("span",{className:"admin-badge green",children:[(0,d.__)("Active","catalogx")," "]}):(0,m.jsxs)("span",{className:"admin-badge red",children:[(0,d.__)("Suspended","catalogx")," "]})},action:{type:"action",label:(0,d.__)("Action","catalogx"),actions:[{label:e=>"1"===e.active?(0,d.__)("Suspend","catalogx"):(0,d.__)("Activate","catalogx"),icon:"refresh"},{label:(0,d.__)("Edit","catalogx"),icon:"edit"},{label:(0,d.__)("Delete","catalogx"),icon:"delete"}]}},showMenu:!1,filters:[{key:"applicable_for",label:(0,d.__)("Applicable For","catalogx"),type:"select",options:[{label:(0,d.__)("All","catalogx"),value:""},{label:(0,d.__)("Product","catalogx"),value:"product"},{label:(0,d.__)("Category","catalogx"),value:"category"},{label:(0,d.__)("Brand","catalogx"),value:"brand"}]},{key:"for_whom",label:(0,d.__)("For Whom","catalogx"),type:"select",options:[{label:(0,d.__)("All","catalogx"),value:""},{label:(0,d.__)("User","catalogx"),value:"user"},{label:(0,d.__)("Role","catalogx"),value:"role"}]}],rows:_,totalRows:_.length,onRowReorder:()=>{}};return t=(0,g.applyFilters)("catalogx_rules_table_props",a),(0,m.jsxs)(m.Fragment,{children:[e&&(0,m.jsx)(s.PopupUI,{position:"lightbox",open:e,onClose:()=>n(!1),width:31.25,height:"auto",children:appLocalizer.khali_dabba?(0,m.jsx)(p.A,{moduleName:"rules"}):(0,m.jsx)(p.A,{})}),(0,m.jsx)(s.NavigatorHeader,{headerIcon:"rules",headerDescription:(0,d.__)("Create and manage rules to control product visibility, pricing behavior, and catalog conditions.","catalogx"),headerTitle:(0,d.__)("Rules","catalogx"),buttons:[{label:(0,d.__)("Add New Rule","catalogx"),icon:"plus",onClick:()=>{t?.setAddingNewRule?t.setAddingNewRule(!0):n(!0)}}]}),t.addingNewRule&&t.addNewRuleForm,(0,m.jsx)(s.Container,{general:!0,children:(0,m.jsx)(s.Column,{children:appLocalizer.khali_dabba?appLocalizer.active_modules.includes("rules")?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(s.TableCard,{...t}),t.popup]}):(0,m.jsx)(s.ComponentStatusView,{title:(0,d.__)("Looks like product rules aren’t set up yet!","catalogx"),desc:(0,d.__)("Enable the Rules module to create and manage custom catalog rules for your products.","catalogx"),buttonText:(0,d.__)("Enable Now","catalogx"),buttonLink:`${appLocalizer.admin_url}#&tab=modules&module=rules`}):(0,m.jsxs)("div",{className:"demo-wrapper",onClick:()=>n(!0),children:[(0,m.jsx)("div",{className:"watermark",children:(0,d.__)("This is sample Data","catalogx")}),(0,m.jsx)(s.TableCard,{...t})]})})})]})},j=t.p+"images/catalogx-logo2317dd27a0108f8556da.png",N=t.p+"images/catalogx-brand29ff367b4bf11cab03fa.png",C=[{title:(0,d.__)("Core features","catalogx"),features:[{name:(0,d.__)("Enquiry management","catalogx"),free:!0,pro:!0},{name:(0,d.__)("Catalog mode","catalogx"),free:!0,pro:!0},{name:(0,d.__)("Quotation management","catalogx"),free:!0,pro:!0},{name:(0,d.__)("Wholesale pricing","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Dynamic pricing","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Live page builder","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Form builder","catalogx"),free:!1,pro:!0}]},{title:(0,d.__)("Blocks & shortcodes","catalogx"),features:[{name:(0,d.__)("Enquiry button","catalogx"),free:!0,pro:!0},{name:(0,d.__)("Quote button","catalogx"),free:!0,pro:!0},{name:(0,d.__)("Enquiry cart","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Quote cart","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Multi enquiry button","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Wholesale pricing block","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Dynamic pricing block","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Live page builder","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Form builder","catalogx"),free:!1,pro:!0}]},{title:(0,d.__)("Enquiry features","catalogx"),features:[{name:(0,d.__)("Flexible enquiry form display","catalogx"),free:!0,pro:!0},{name:(0,d.__)("Product links in enquiry emails","catalogx"),free:!0,pro:!0},{name:(0,d.__)("WPML compatibility","catalogx"),free:!0,pro:!0},{name:(0,d.__)("Custom enquiry form position","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Multi enquiry support","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Enquiry cart","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Enquiry email templates","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Form builder","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Enquiry management dashboard","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Combined selling and enquiry mode","catalogx"),free:!1,pro:!0}]},{title:(0,d.__)("Quotation features","catalogx"),features:[{name:(0,d.__)("Add to quote button","catalogx"),free:!0,pro:!0},{name:(0,d.__)("Variable product support","catalogx"),free:!0,pro:!0},{name:(0,d.__)("Universal quote access","catalogx"),free:!0,pro:!0},{name:(0,d.__)("Cart to quote conversion","catalogx"),free:!0,pro:!0},{name:(0,d.__)("Customizable quote button","catalogx"),free:!1,pro:!0},{name:(0,d.__)("PDF quote viewing","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Custom thank you page","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Custom quote creation","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Quote acceptance and rejection","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Admin quote notifications","catalogx"),free:!1,pro:!0},{name:(0,d.__)("User quote management","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Quote expiration","catalogx"),free:!1,pro:!0}]},{title:(0,d.__)("Wholesale pricing","catalogx"),features:[{name:(0,d.__)("Wholesale customer role","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Show or hide retail prices","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Wholesale pricing fields","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Coupon restrictions for wholesalers","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Hide products without wholesale pricing","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Global wholesale pricing","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Minimum cart quantity","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Per-product minimum quantity","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Wholesale order form","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Percentage discounts","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Fixed amount discounts","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Per-user wholesale pricing","catalogx"),free:!1,pro:!0}]},{title:(0,d.__)("Dynamic pricing","catalogx"),features:[{name:(0,d.__)("Role-based pricing rules","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Customer-specific pricing","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Fixed pricing adjustments","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Discounts and markups","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Bulk pricing adjustments","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Quantity-based pricing","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Replace product prices with markups","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Custom user roles","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Drag-and-drop rule priority","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Product-level pricing rules","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Multi-tier pricing","catalogx"),free:!1,pro:!0},{name:(0,d.__)("Category-based pricing rules","catalogx"),free:!1,pro:!0}]}],S=()=>{const e=e=>"boolean"==typeof e?e?(0,m.jsx)("i",{className:"check-icon adminfont-check"}):(0,m.jsx)("i",{className:"close-icon adminfont-close"}):e;return(0,m.jsxs)(s.Container,{children:[(0,m.jsx)(s.Column,{grid:8,children:(0,m.jsx)(s.Card,{title:(0,d.__)("Free vs Pro comparison","catalogx"),desc:(0,d.__)("See what you get with catalogx Pro","catalogx"),action:(0,m.jsxs)("a",{href:"https://catalogx.com/pricing/?utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx",className:"admin-btn btn-purple",children:[(0,d.__)("Get Pro Access Today!","catalogx"),(0,m.jsx)("i",{className:"adminfont-arrow-right icon-pro-btn"})]}),children:(0,m.jsx)("div",{id:"free-vs-pro",className:"free-vs-pro",children:C.map((n,t)=>(0,m.jsxs)("table",{children:[(0,m.jsx)("thead",{children:(0,m.jsxs)("tr",{children:[(0,m.jsx)("td",{children:(0,d.__)(n.title,"catalogx")}),(0,m.jsx)("td",{children:(0,d.__)("Free","catalogx")}),(0,m.jsx)("td",{children:(0,d.__)("Pro","catalogx")})]})}),(0,m.jsx)("tbody",{children:n.features.map((n,t)=>(0,m.jsxs)("tr",{children:[(0,m.jsx)("td",{children:(0,d.__)(n.name,"catalogx")}),(0,m.jsx)("td",{children:e(n.free)}),(0,m.jsx)("td",{children:e(n.pro)})]},t))})]},t))})})}),(0,m.jsx)(s.Column,{grid:4,children:(0,m.jsx)(s.Card,{children:(0,m.jsxs)("div",{className:"right-pro-banner",children:[(0,m.jsx)("div",{className:"image-wrapper",children:(0,m.jsx)("img",{src:N,alt:""})}),(0,m.jsx)("div",{className:"title",children:(0,d.__)("Join 5,000+ stores closing more deals with CatalogX","catalogx")}),(0,m.jsx)("div",{className:"des",children:(0,d.__)("Capture leads, manage enquiries, and grow your sales with confidence. Trusted by thousands of businesses worldwide.","catalogx")}),(0,m.jsxs)("ul",{children:[(0,m.jsxs)("li",{children:[(0,m.jsx)("i",{className:"adminfont-check"}),(0,d.__)("Flexible selling models","catalogx")]}),(0,m.jsxs)("li",{children:[(0,m.jsx)("i",{className:"adminfont-check"}),(0,d.__)("Effortless inventory control","catalogx")]}),(0,m.jsxs)("li",{children:[(0,m.jsx)("i",{className:"adminfont-check"}),(0,d.__)("Intelligent alert system","catalogx")]}),(0,m.jsxs)("li",{children:[(0,m.jsx)("i",{className:"adminfont-check"}),(0,d.__)("Secure seller onboarding","catalogx")]}),(0,m.jsxs)("li",{children:[(0,m.jsx)("i",{className:"adminfont-check"}),(0,d.__)("Recurring revenue tools","catalogx")]})]}),(0,m.jsxs)("div",{className:"button-wrapper",children:[(0,m.jsxs)("a",{href:"https://catalogx.com/pricing/?utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx",className:"admin-btn btn-purple",children:[(0,m.jsx)("i",{className:"adminfont-pro-tag"}),(0,d.__)("Upgrade Now","catalogx"),(0,m.jsx)("i",{className:"adminfont-arrow-right icon-pro-btn"})]}),(0,m.jsxs)("div",{onClick:()=>window.location.href="?page=catalogx-setup",className:"admin-btn",children:[(0,d.__)("Launch Setup Wizard","catalogx"),(0,m.jsx)("i",{className:"adminfont-import"})]})]})]})})})]})};var z=t(8164);const A=t.p+"images/catalogx-icon66cc71fa9b2699b52265.png",T=t.p+"images/multivendorx-icon166f36abd688147b1d8b.png",E=t.p+"images/notifima-icon764b39a3e1176240827b.png",L=()=>{const[e,n]=(0,o.useState)(""),[t,a]=(0,o.useState)({}),[r,i]=(0,o.useState)([]),l=!!appLocalizer.khali_dabba,c=(e=(0,d.__)("Upgrade Now","catalogx"))=>l?null:(0,m.jsxs)("a",{href:appLocalizer.pro_url,target:"_blank",className:"admin-btn btn-purple",children:[(0,m.jsx)("i",{className:"adminfont-pro-tag"}),e,(0,m.jsx)("i",{className:"adminfont-arrow-right icon-pro-btn"})]});(0,o.useEffect)(()=>{p()},[]);const p=()=>{z.A.get(`${appLocalizer.apiUrl}/wp/v2/plugins`,{headers:{"X-WP-Nonce":appLocalizer.nonce}}).then(e=>{const n=e.data;i(n);const t={};["dc-woocommerce-multi-vendor","woocommerce-product-stock-alert"].forEach(e=>{t[e]=n.some(n=>n.plugin.includes(e)&&"active"===n.status)}),a(t)}).catch(e=>{console.error("Failed to fetch plugins:",e)})},u=t=>{if(t&&!e)return r.some(e=>e.plugin?.includes(t))?(s.NoticeManager.add({title:(0,d.__)("Redirecting...","catalogx"),message:(0,d.__)("Plugin already installed. Redirecting to activate...","catalogx"),type:"info",position:"float"}),void window.open(`${appLocalizer.url}plugins.php?s=${t}`,"_blank")):(n(t),void z.A.post(`${appLocalizer.apiUrl}/wp/v2/plugins`,{slug:t,status:"active"},{headers:{"X-WP-Nonce":appLocalizer.nonce}}).then(e=>{i(n=>[...n,e.data]),a(e=>({...e,[t]:!0})),window.location.reload()}).catch(()=>{s.NoticeManager.add({title:(0,d.__)("Error!","catalogx"),message:(0,d.sprintf)(/* translators: %s: Plugin slug or plugin name. */ /* translators: %s: Plugin slug or plugin name. */(0,d.__)('Could not install "%s".',"catalogx"),t),type:"error",position:"float"})}).finally(()=>n("")))},g=[{title:(0,d.__)("Documentation","catalogx"),desc:(0,d.__)("Explore our resources and connect with our team to get the most out of CatalogX.","catalogx"),iconClass:"knowledgebase",linkText:(0,d.__)("Explore Docs","catalogx"),href:"https://catalogx.com/docs/?utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx"},{title:(0,d.__)("Expert consultation","catalogx"),desc:(0,d.__)("Get personalized guidance from our WooCommerce specialists for your store setup and growth strategy.","catalogx"),iconClass:"preview",linkText:(0,d.__)("Book Consultation","catalogx"),href:"https://catalogx.com/hire-experts/?utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx"}],b=[{title:(0,d.__)("Turbocharge Your Catalog","catalogx"),desc:(0,d.__)("Enable catalog mode site-wide or per product, hide prices and 'Add to Cart' until login, and pair it with 'Send Enquiry' to turn visitors into leads.","catalogx"),icon:"commission"},{title:(0,d.__)("Enquiries That Convert","catalogx"),desc:(0,d.__)("Let customers send enquiries — even on out-of-stock items — with a customizable form, page-builder-ready button, and role-based routing to the right team.","catalogx"),icon:"verification3"},{title:(0,d.__)("Bulk Enquiries, Bigger Sales","catalogx"),desc:(0,d.__)("Process multiple bulk or high-value enquiries at once with the Enquiry Cart, so you can gauge demand and respond faster across the board.","catalogx"),icon:"marketplace"},{title:(0,d.__)("Quote Like a Pro","catalogx"),desc:(0,d.__)("Let customers request quotes on any product with a page-builder-ready button, restrict it to registered users, and send branded, easy-to-find quotations.","catalogx"),icon:"vacation"},{title:(0,d.__)("Smart Pricing, Smarter Profits","catalogx"),desc:(0,d.__)("Create custom roles without coding and apply dynamic, quantity-based pricing and category-wide discounts for each one.","catalogx"),icon:"global-community"},{title:(0,d.__)("Wholesale Made Simple","catalogx"),desc:(0,d.__)("Set a dedicated wholesale role with separate pricing, hide or show retail prices as needed, block coupon use, and apply flexible amount or percentage discounts.","catalogx"),icon:"notification"}];return(0,m.jsxs)(s.Container,{children:[(0,m.jsxs)(s.Column,{grid:8,children:[(0,m.jsx)(s.Card,{children:(0,m.jsxs)("div",{className:"pro-banner-wrapper",children:[(0,m.jsxs)("div",{className:"content",children:[(0,m.jsx)("div",{className:"heading",children:(0,d.__)("Welcome to CatalogX","catalogx")}),(0,m.jsx)("div",{className:"description",children:(0,d.__)("Transform your WooCommerce store into a powerful product catalog with enquiries, quotations, and wholesale pricing.","catalogx")}),(0,m.jsxs)("div",{className:"button-wrapper",children:[c((0,d.__)("Upgrade Now","catalogx")),(0,m.jsxs)("div",{className:"admin-btn",onClick:()=>window.location.href="?page=catalogx-setup",children:[(0,d.__)("Launch Setup Wizard","catalogx"),(0,m.jsx)("i",{className:"adminfont-import"})]})]})]}),(0,m.jsx)("div",{className:"image",children:(0,m.jsx)("img",{src:A,alt:""})})]})}),!appLocalizer.khali_dabba&&(0,m.jsxs)(s.Card,{title:(0,d.__)("Build a smarter catalog","catalogx"),badge:[{text:"Starting at $299/year",color:"blue"}],desc:(0,d.__)("Unlock advanced features and premium modules to turn your store into a lead-generating, quote-ready sales engine.","catalogx"),children:[(0,m.jsx)(s.ItemListUI,{className:"feature-list",items:b.map(({icon:e,title:n,desc:t})=>({icon:e,title:n,desc:t}))}),(0,m.jsxs)("div",{className:"pro-banner",children:[(0,m.jsx)("div",{className:"text",children:(0,d.__)("Join 5,000+ stores closing more deals with CatalogX","catalogx")}),(0,m.jsx)("div",{className:"des",children:(0,d.__)("Capture leads, manage enquiries, and grow your sales with confidence. Trusted by thousands of businesses worldwide.","catalogx")}),c((0,d.__)("Upgrade Now","catalogx")),(0,m.jsx)("div",{className:"des",children:(0,d.__)("15-day money-back guarantee","catalogx")})]})]})]}),(0,m.jsxs)(s.Column,{grid:4,children:[(0,m.jsx)(s.Card,{title:(0,d.__)("Extend your website","catalogx"),children:(0,m.jsxs)(s.Column,{row:!0,children:[t["dc-woocommerce-multi-vendor"]?(0,m.jsx)(s.ItemListUI,{className:"mini-card",background:!0,items:[{title:(0,d.__)("MultiVendorX Pro","catalogx"),desc:(0,d.__)("Advanced product catalog with enhanced enquiry features and premium templates","catalogx"),img:T,tags:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)("span",{className:"admin-badge red",children:[(0,m.jsx)("i",{className:"adminfont-pro-tag"})," ",(0,d.__)("Pro","catalogx")]}),(0,m.jsx)("a",{href:"https://multivendorx.com/pricing/?utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx",target:"_blank",rel:"noopener noreferrer",children:(0,d.__)("Get Pro","catalogx")})]})}]}):(0,m.jsx)(s.ItemListUI,{className:"mini-card",background:!0,items:[{title:(0,d.__)("MultiVendorX","catalogx"),desc:(0,d.__)("Turn your store into a product catalog with enquiry-based sales","catalogx"),img:T,tags:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("span",{className:"admin-badge green",children:(0,d.__)("Free","catalogx")}),(0,m.jsx)("a",{href:"#",onClick:n=>{n.preventDefault(),e||u("dc-woocommerce-multi-vendor")},style:{pointerEvents:e?"none":"auto",opacity:"dc-woocommerce-multi-vendor"===e?.6:1},children:"dc-woocommerce-multi-vendor"===e?(0,d.__)("Installing...","catalogx"):(0,d.__)("Install","catalogx")})]})}]}),t["woocommerce-product-stock-alert"]?(0,m.jsx)(s.ItemListUI,{className:"mini-card",background:!0,items:[{title:(0,d.__)("Notifima Pro","catalogx"),desc:(0,d.__)("Advanced stock alerts, wishlist features, and premium notification system","catalogx"),img:E,tags:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)("span",{className:"admin-badge red",children:[(0,m.jsx)("i",{className:"adminfont-pro-tag"})," ",(0,d.__)("Pro","catalogx")]}),(0,m.jsx)("a",{href:"https://notifima.com/pricing/?utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx",target:"_blank",rel:"noopener noreferrer",children:(0,d.__)("Get Pro","catalogx")})]})}]}):(0,m.jsx)(s.ItemListUI,{className:"mini-card",background:!0,items:[{title:(0,d.__)("Notifima","catalogx"),desc:(0,d.__)("Advanced stock alerts and wishlist features for WooCommerce","catalogx"),img:E,tags:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("span",{className:"admin-badge green",children:(0,d.__)("Free","catalogx")}),(0,m.jsx)("a",{href:"#",onClick:n=>{n.preventDefault(),e||u("woocommerce-product-stock-alert")},style:{pointerEvents:e?"none":"auto",opacity:"woocommerce-product-stock-alert"===e?.6:1},children:"woocommerce-product-stock-alert"===e?(0,d.__)("Installing...","catalogx"):(0,d.__)("Install","catalogx")})]})}]})]})}),(0,m.jsx)(s.Card,{title:(0,d.__)("Need help getting started?","catalogx"),children:(0,m.jsx)("div",{className:"quick-link",children:g.map(e=>(0,m.jsx)(s.ItemListUI,{className:"mini-card list",border:!0,items:[{title:e.title,desc:e.desc,icon:e.iconClass,tags:(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)("a",{href:e.href,target:"_blank",children:[(0,d.__)(e.linkText,"catalogx"),(0,m.jsx)("i",{className:"adminfont-external"})]})})}]}))})})]})]})},q=()=>{const e=!appLocalizer.khali_dabba&&(0,m.jsxs)("a",{href:appLocalizer.pro_url,target:"_blank",className:"admin-btn btn-purple",children:[(0,m.jsx)("i",{className:"adminfont-pro-tag"}),(0,d.__)("Upgrade Now","catalogx"),(0,m.jsx)("i",{className:"adminfont-arrow-right icon-pro-btn"})]}),n=[{key:"dashboard",label:(0,d.__)("Dashboard","catalogx"),icon:"module",content:(0,m.jsx)(L,{})},{key:"free-vs-pro",pro:!0,label:(0,d.__)("Free vs Pro","catalogx"),icon:"pros-and-cons",content:(0,m.jsx)(S,{})}].filter(e=>!(appLocalizer?.khali_dabba&&e.pro));return(0,m.jsx)(s.Container,{className:"dashboard-tab",children:(0,m.jsx)(s.Column,{children:(0,m.jsx)(s.TabsUI,{tabs:n,className:"background",headerExtra:e})})})},M=e=>[{selector:".card-content",placement:"auto",title:(0,d.__)("Dashboard","catalogx"),description:(0,d.__)("Get an overview of your CatalogX modules, settings, and recent activity from one place.","catalogx"),next:{link:`${e.admin_url}#&tab=modules`,step:1}},{selector:'[data-tour="enquiry-showcase-tour"]',placement:"right",title:(0,d.__)("Enquiry & Communication","catalogx"),description:(0,d.__)("Enable the Enquiry & Communication module to let customers submit product enquiries directly from your store.","catalogx"),next:{link:`${e.admin_url}#&tab=settings&subtab=customer-engagement`,step:2}},{selector:'.form-group:has(.settings-form-label[for="enquiry_user_permission"])',placement:"right",title:(0,d.__)("Customer Engagement Settings","catalogx"),description:(0,d.__)("Configure who can submit product enquiries and customize the enquiry experience for your customers.","catalogx"),next:{link:`${e.admin_url}#&tab=modules`,step:3}},{selector:'[data-tour="quote-showcase-tour"]',placement:"right",title:(0,d.__)("Modules","catalogx"),description:(0,d.__)("Enable the Quotation module to let customers request custom quotations for products and manage quote requests from your store.","catalogx"),next:{link:`${e.admin_url}#&tab=settings&subtab=customer-engagement`,step:4}},{selector:'.form-group:has(.settings-form-label[for="quote_user_permission"])',placement:"right",title:(0,d.__)("Quotation Settings","catalogx"),description:(0,d.__)("Configure who can request quotations and customize how quotation requests are handled in your store.","catalogx")}],D=[{id:1,order_id:"#1001",date:"May 12, 2026",status:"expired-quote",total:"$120.00",action:"#",customer_name:"John Smith"},{id:2,order_id:"#1002",date:"May 12, 2026",status:"new-quote-request",total:"$89.00",action:"#",customer_name:"Emma Johnson"},{id:3,order_id:"#1003",date:"May 12, 2026",status:"pending-quote",total:"$45.00",action:"#",customer_name:"Michael Brown"},{id:4,order_id:"#1004",date:"May 12, 2026",status:"expired-quote",total:"$220.00",action:"#",customer_name:"Sophia Davis"},{id:5,order_id:"#1005",date:"May 12, 2026",status:"accepted-quote",total:"$75.00",action:"#",customer_name:"James Wilson"},{id:6,order_id:"#1006",date:"May 12, 2026",status:"rejected-quote",total:"$60.00",action:"#",customer_name:"Olivia Martinez"},{id:7,order_id:"#1007",date:"May 12, 2026",status:"rejected-quote",total:"$150.00",action:"#",customer_name:"William Anderson"},{id:8,order_id:"#1008",date:"May 12, 2026",status:"expired-quote",total:"$310.00",action:"#",customer_name:"Ava Thomas"},{id:9,order_id:"#1009",date:"May 12, 2026",status:"new-quote-request",total:"$95.00",action:"#",customer_name:"Benjamin Taylor"},{id:10,order_id:"#1010",date:"May 12, 2026",status:"pending-quote",total:"$40.00",action:"#",customer_name:"Charlotte Moore"}],I=[{value:"all",label:(0,d.__)("All","catalogx-pro"),count:10},{value:"wc-quote-new",label:(0,d.__)("New","catalogx-pro"),count:2},{value:"wc-quote-pending",label:(0,d.__)("Pending","catalogx-pro"),count:2},{value:"wc-quote-accepted",label:(0,d.__)("Accepted","catalogx-pro"),count:1},{value:"wc-quote-rejected",label:(0,d.__)("Rejected","catalogx-pro"),count:2},{value:"wc-quote-expired",label:(0,d.__)("Expired","catalogx-pro"),count:3}],P=()=>{const[e,n]=(0,o.useState)(!1);let t={};const a={order_id:{label:(0,d.__)("Order ID","catalogx"),render:e=>(0,m.jsx)(s.InfoItem,{title:`${e.order_id}`,titleLink:e.order_url||"",descriptions:[{label:(0,d.__)("By","catalogx"),value:e.customer_name||"—"}]})},date:{label:(0,d.__)("Date","catalogx"),type:"date"},status:{label:(0,d.__)("Status","catalogx"),type:"status",statusClass:e=>`${e.status}`},total:{label:(0,d.__)("Total","catalogx"),type:"currency"},action:{label:(0,d.__)("Action","catalogx-pro"),type:"action",actions:[{label:(0,d.__)("View","catalogx-pro"),icon:"eye",onClick:e=>n(!0)},{label:(0,d.__)("Send Mail","catalogx-pro"),icon:"mail",onClick:e=>n(!0)}]}},r=[{label:(0,d.__)("Download CSV","catalogx"),icon:"download",onClickWithQuery:()=>n(!0)}],i={headers:a,format:appLocalizer.date_format,buttonActions:r,categoryCounts:I,filters:[{key:"created_at",label:"Created Date",type:"date"}],currency:{currencySymbol:appLocalizer.currency_symbol,priceDecimals:appLocalizer.price_decimals,decimalSeparator:appLocalizer.decimal_separator,thousandSeparator:appLocalizer.thousand_separator,currencyPosition:appLocalizer.currency_position},search:{placeholder:(0,d.__)("Search...","catalogx"),size:8,options:[{label:(0,d.__)("Select","catalogx"),value:""},{label:(0,d.__)("Order ID","catalogx"),value:"order_id"},{label:(0,d.__)("Customer Name","catalogx"),value:"customer_name"},{label:(0,d.__)("Customer Email","catalogx"),value:"customer_email"}]},rows:D,totalRows:D.length};return t=(0,g.applyFilters)("catalogx_quote_requests_table_props",i),(0,m.jsxs)(m.Fragment,{children:[e&&(0,m.jsx)(s.PopupUI,{position:"lightbox",open:e,onClose:()=>n(!1),width:31.25,height:"auto",children:appLocalizer.khali_dabba?(0,m.jsx)(p.A,{moduleName:"quote"}):(0,m.jsx)(p.A,{})}),(0,m.jsx)(s.NavigatorHeader,{headerIcon:"quote",headerDescription:(0,d.__)("Quote requests are displayed with customer details, totals, and statuses to support sales and order management workflows.","catalogx"),headerTitle:(0,d.__)("Quote Requests","catalogx"),buttons:appLocalizer.khali_dabba?[{label:(0,d.__)("Add Quote","catalogx"),icon:"plus",onClick:()=>{appLocalizer.khali_dabba&&appLocalizer.active_modules.includes("quote")?window.location.assign("admin-ajax.php?action=add_quote_from_adminend"):n(!0)}}]:""}),t.addingNewRule&&t.addNewRuleForm,(0,m.jsx)(s.Container,{general:!0,children:(0,m.jsx)(s.Column,{children:appLocalizer.khali_dabba?appLocalizer.active_modules.includes("quote")?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(s.TableCard,{...t}),t.openMailPopup&&t.sendMail]}):(0,m.jsx)(s.ComponentStatusView,{title:(0,d.__)("Looks like the Quote module isn’t enabled yet!","catalogx"),desc:(0,d.__)("Enable the Quote module to start receiving and managing customer quote requests.","catalogx"),buttonText:(0,d.__)("Enable Now","catalogx"),buttonLink:`${appLocalizer.admin_url}#&tab=modules&module=quote`}):(0,m.jsxs)("div",{className:"demo-wrapper",onClick:()=>n(!0),children:[(0,m.jsx)("div",{className:"watermark",children:(0,d.__)("This is sample Data","catalogx")}),(0,m.jsx)(s.TableCard,{...t})]})})})]})},$=t(9120),F=t(7079);function B(e){return e.keys().map(n=>e(n).default).flatMap(e=>{const n=e.tab||e.submitUrl||"modules";if(e.modules&&Array.isArray(e.modules))return e.modules.filter(e=>e.id&&e.name).map(e=>({id:e.id,tab:n,name:e.name,desc:e.desc,link:`#&tab=${n}&module=${e.id}`,icon:e.icon||""}));if(e.id&&(e.tab||e.submitUrl)){const t="modules"===n?`#&tab=${n}`:`#&tab=${n}&subtab=${e.id}`,a=[{id:e.id,tab:n,name:e.name||"",desc:e.desc,link:t,icon:e.icon}];return e.modal&&Array.isArray(e.modal)&&e.modal.forEach(r=>{a.push({id:`${e.id}_${r.key}`,tab:n,name:r.label,link:`${t}&field=${r.key}`,icon:e.icon})}),a}return[]})}const O=[...B($),...B(F)];localStorage.setItem("force_catalogx_context_reload","true");const R=()=>{const e=new URLSearchParams((0,r.zy)().hash);return(0,m.jsxs)(m.Fragment,{children:["dashboard"===e.get("tab")&&(0,m.jsx)(q,{}),"settings"===e.get("tab")&&(0,m.jsx)(l.default,{id:"settings"}),"modules"===e.get("tab")&&(0,m.jsx)(u,{}),"quote-requests"===e.get("tab")&&(0,m.jsx)(P,{}),"wholesale-users"===e.get("tab")&&(0,m.jsx)(v,{}),"enquiry-messages"===e.get("tab")&&(0,m.jsx)(x,{}),"rules"===e.get("tab")&&(0,m.jsx)(k,{})]})},U=[(0,d.__)("<b>Advanced enquiry management:</b> Organize, track, and respond to every enquiry from one powerful dashboard.","catalogx"),(0,d.__)("<b>Multi-product enquiries:</b> Let customers enquire about multiple products in a single request to generate more qualified leads.","catalogx"),(0,d.__)("<b>Professional quotations:</b> Create, send, approve, and manage quotations with expiry dates and PDF downloads.","catalogx"),(0,d.__)("<b>Wholesale selling:</b> Unlock B2B sales with wholesale pricing, customer roles, and bulk ordering tools.","catalogx"),(0,d.__)("<b>Dynamic pricing rules:</b> Create advanced pricing strategies based on customer roles, quantities, products, and categories.","catalogx"),(0,d.__)("<b>Visual page builder:</b> Build enquiry, quotation, and wholesale pages without writing a single line of code.","catalogx"),(0,d.__)("<b>Custom form builder:</b> Design enquiry and quotation forms that collect exactly the information your business needs.","catalogx"),(0,d.__)("<b>Higher conversions:</b> Show both purchasing and enquiry options together so customers can buy or contact you their way.","catalogx")],W="catalogx_banner_dismissed",H=()=>{const[e,n]=(0,o.useState)([]),t=new URLSearchParams((0,r.zy)().hash);document.querySelectorAll("#toplevel_page_catalogx>ul>li>a").forEach(e=>{const n=new URL(e.href),a=new URLSearchParams(n.hash.substring(1));e.parentNode&&e.parentNode.classList.remove("current"),a.get("tab")===t.get("tab")&&e.parentNode.classList.add("current")});const a=appLocalizer.khali_dabba||"true"===localStorage.getItem(W);(0,o.useEffect)(()=>{(0,s.initializeModules)(appLocalizer,"catalogx","free","modules")},[]);const i=[{title:(0,d.__)("What's New","catalogx"),icon:"new",link:"https://catalogx.com/docs/?utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx",targetBlank:!0},{title:(0,d.__)("Get Support","catalogx"),icon:"customer-support",link:"https://catalogx.com/support/?utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx",targetBlank:!0},{title:(0,d.__)("Community","catalogx"),icon:"global-community",link:"https://catalogx.com/community/?utm_source=wpadmin&utm_medium=pluginsettings&utm_campaign=catalogx",targetBlank:!0}],l=[{toggleIcon:"admin-icon adminfont-user-circle",tooltipName:(0,d.__)("Support","catalogx"),tooltipPosition:"end",items:i}];return(0,m.jsxs)(m.Fragment,{children:[!a&&(0,m.jsx)(s.Notice,{uniqueKey:"banner",type:"banner",dismissStorageKey:W,validity:"lifetime",displayPosition:"banner",message:U,actionLabel:(0,d.__)("Upgrade Now","catalogx"),onAction:()=>{window.location.href=appLocalizer.pro_url}}),(0,m.jsx)(s.AdminHeader,{brandImg:j,results:e,search:{placeholder:(0,d.__)("Search...","catalogx"),options:[{value:"all",label:(0,d.__)("Modules & Settings","catalogx")},{value:"modules",label:(0,d.__)("Modules","catalogx")},{value:"settings",label:(0,d.__)("Settings","catalogx")}]},onQueryUpdate:({searchValue:e,searchAction:t})=>{if(!e.trim())return void n([]);const a=e.toLowerCase(),r=O.filter(e=>(!t||"all"===t||e.tab===t)&&(e.name?.toLowerCase().includes(a)||e.desc?.toLowerCase().includes(a)));n(r)},onResultClick:e=>{window.location.hash=e.link},free:appLocalizer.free_version,pro:appLocalizer.pro_data.version,utilityList:l}),(0,m.jsx)(s.GuidedTourProvider,{appLocalizer,steps:M(appLocalizer)}),(0,m.jsx)(R,{})]})};var G=t(8520),K=t.n(G),V=t(3641),Y=t.n(V),J=t(2579),Q=t.n(J),X=t(9704),Z=t.n(X),ee=t(4596),ne=t.n(ee),te=t(2513),ae=t.n(te),re=t(8239),oe={};oe.styleTagTransform=ae(),oe.setAttributes=Z(),oe.insert=Q().bind(null,"head"),oe.domAPI=Y(),oe.insertStyleElement=ne(),K()(re.A,oe),re.A&&re.A.locals&&re.A.locals,(0,s.initializeModules)("catalogx","free","modules"),(0,a.render)((0,m.jsx)(r.Kd,{children:(0,m.jsx)(H,{})}),document.getElementById("admin-main-wrapper"))},4331(e,n,t){"use strict";const a={settings:t(6839)};t.d(n,["T",0,e=>{let n=a[e];return n?(e=>{const n=[],t={};e.keys().forEach(n=>{if(n.endsWith("FolderPriority.ts")){const a=n.replace("./","").replace("/FolderPriority.ts",""),r=e(n)?.default;r&&"number"==typeof r.priority&&(t[a]=r.priority)}}),e.keys().forEach(a=>{const r=a.substring(2).split("/"),o=r.pop();let i=n,l="";r.forEach(e=>{l=l?`${l}/${e}`:e;const n=e.replace(/[_-]/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g,"$1 $2").replace(/\s+/g," ").trim();let a=i.find(e=>e.name===n&&"folder"===e.type);a||(a={name:n,type:"folder",content:[],folderPriority:t[l]},i.push(a)),i=a.content}),"FolderPriority.ts"!==o&&i.push({name:o.replace(".ts",""),type:"file",content:e(a).default})});const a=e=>e.sort((e,n)=>{const t=e=>"file"===e.type?e.content?.priority??1/0:e.folderPriority??1/0;return t(e)-t(n)}).map(e=>"folder"===e.type?{...e,content:a(e.content)}:e);return a(n)})(n):(console.warn(`⚠️ No context found for type: ${e}`),[])},"x",0,()=>{try{return t(3604).default}catch(e){return console.warn("Module not found, skipping...",e),null}}])},7079(e,n,t){const a={"./index.ts":3604};function r(e){const n=o(e);return t(n)}function o(e){if(!t.o(a,e)){const n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=7079},9120(e,n,t){const a={"./Email Customizer/FolderPriority.ts":9934,"./Email Customizer/enquiryEmailTemplate.ts":1523,"./Email Customizer/quoteEmailTemplate.ts":9508,"./Email Customizer/wholesaleEmailTemplate.ts":5980,"./Form Builder/FolderPriority.ts":2328,"./Form Builder/formCustomization.ts":7293,"./Form Builder/wholesaleRegistration.ts":1923,"./Settings.tsx":1675,"./customerEngagement.ts":9723,"./exclusion.ts":2282,"./pagesShortcodes.ts":1134,"./tools.ts":2469,"./wholesale.ts":4014};function r(e){const n=o(e);return t(n)}function o(e){if(!t.o(a,e)){const n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=9120},6839(e,n,t){const a={"./Email Customizer/FolderPriority.ts":9934,"./Email Customizer/enquiryEmailTemplate.ts":1523,"./Email Customizer/quoteEmailTemplate.ts":9508,"./Email Customizer/wholesaleEmailTemplate.ts":5980,"./Form Builder/FolderPriority.ts":2328,"./Form Builder/formCustomization.ts":7293,"./Form Builder/wholesaleRegistration.ts":1923,"./customerEngagement.ts":9723,"./exclusion.ts":2282,"./pagesShortcodes.ts":1134,"./tools.ts":2469,"./wholesale.ts":4014};function r(e){const n=o(e);return t(n)}function o(e){if(!t.o(a,e)){const n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=6839},9464(e,n,t){"use strict";e.exports=t.p+"fonts/adminfonts-GL42BN2Kacf652594e3886be07ef.woff"},6420(e,n,t){"use strict";e.exports=t.p+"fonts/adminfonts-HB7EHQ7Tf498b6792a12402951c0.ttf"},2672(e,n,t){"use strict";e.exports=t.p+"fonts/adminfonts-W7IJPQSCec23f2d75c0f1f1e72e7.eot"},1609(e){"use strict";e.exports=window.React},5795(e){"use strict";e.exports=window.ReactDOM},790(e){"use strict";e.exports=window.ReactJSXRuntime},7723(e){"use strict";e.exports=window.wp.i18n},1714(){},3799(){}};const n={};function t(a){const r=n[a];if(void 0!==r)return r.exports;const o=n[a]={id:a,exports:{}};return e[a].call(o.exports,o,o.exports,t),o.exports}t.m=e,t.amdO={},(()=>{const e=[];t.O=(n,a,r,o)=>{if(a){o=o||0;for(var i=e.length;i>0&&e[i-1][2]>o;i--)e[i]=e[i-1];return void(e[i]=[a,r,o])}let l=1/0;for(i=0;i<e.length;i++){let[a,r,o]=e[i],d=!0;for(var s=0;s<a.length;s++)(!1&o||l>=o)&&Object.keys(t.O).every(e=>t.O[e](a[s]))?a.splice(s--,1):(d=!1,o<l&&(l=o));if(d){e.splice(i--,1);const t=r();void 0!==t&&(n=t)}}return n}})(),t.n=e=>{const n=e&&e.__esModule?()=>e.default:()=>e;return t.d(n,{a:n}),n},(()=>{const e=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__;let n;t.t=function(a,r){if(1&r&&(a=this(a)),8&r)return a;if("object"==typeof a&&a){if(4&r&&a.__esModule)return a;if(16&r&&"function"==typeof a.then)return a}const o=Object.create(null);t.r(o);const i={};n=n||[null,e({}),e([]),e(e)];for(var l=2&r&&a;("object"==typeof l||"function"==typeof l)&&!~n.indexOf(l);l=e(l))Object.getOwnPropertyNames(l).forEach(e=>i[e]=()=>a[e]);return i.default=()=>a,t.d(o,i),o}})(),t.d=(e,n)=>{if(Array.isArray(n))for(var a=0;a<n.length;){var r=n[a++],o=n[a++];t.o(e,r)?0===o&&a++:0===o?Object.defineProperty(e,r,{enumerable:!0,value:n[a++]}):Object.defineProperty(e,r,{enumerable:!0,get:o})}else for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},t.o=(e,n)=>Object.hasOwn(e,n),t.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.j=57,t.dn=e=>{(Object.getOwnPropertyDescriptor(e,"name")||{}).writable||Object.defineProperty(e,"name",{value:"default",configurable:!0})},(()=>{let e;globalThis.importScripts&&(e=globalThis.location+"");const n=globalThis.document;if(!e&&n&&("SCRIPT"===n.currentScript?.tagName.toUpperCase()&&(e=n.currentScript.src),!e)){const t=n.getElementsByTagName("script");if(t.length){let n=t.length-1;for(;n>-1&&(!e||!/^http(s?):/.test(e));)e=t[n--].src}}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),t.p=e+"../"})(),(()=>{t.b="undefined"!=typeof document&&document.baseURI||self.location.href;const e={57:0};t.O.j=n=>0===e[n];const n=(n,a)=>{let[r,o,i]=a;var l,s,d=0;if(r.some(n=>0!==e[n])){for(l in o)t.o(o,l)&&(t.m[l]=o[l]);if(i)var c=i(t)}for(n&&n(a);d<r.length;d++)s=r[d],t.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return t.O(c)},a=globalThis.webpackChunkcatalogx||=[];a.forEach(n.bind(null,0)),a.push=n.bind(null,a.push.bind(a))})(),t.nc=void 0;let a=t.O(void 0,[96],()=>t(5415));a=t.O(a)})();