1"use strict";(self.webpackChunklamaco=self.webpackChunklamaco||[]).push([[3538],{8300:(n,e,t)=>{t.r(e),t.d(e,{default:()=>qn});var r=t(682),o=t(16569),i=t(13382),a=t(89379),s=t(47419),l=t(11645),d=t(98734),c=t(72053),u=t(70579);const p=n=>{let{width:e,height:t,header:r,rightWidth:o,headerHeight:i,right:p,left:h,loading:g,rightXLWidth:x,rightLGWidth:m,rightMDWidth:v,mobileDisplay:f,leftParentStyle:y,rightParentStyle:b}=n;return(0,u.jsxs)(s.A,{style:{width:e,height:t,overflowY:"hidden"},children:[r&&r,g?(0,u.jsx)(d.A,{className:"h-100 w-100",justifyContent:"center",alignItems:"center",children:(0,u.jsx)(c.A,{})}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(l.A,{id:"split-view-left",xs:24,sm:24,md:24-(v||o),lg:24-(m||o),xl:24-(x||o),style:(0,a.A)((0,a.A)({},y),{},{height:f?"":"calc(100vh - ".concat(i,"px)"),overflowY:"auto"}),children:h}),!f&&(0,u.jsx)(l.A,{md:v||o,lg:m||o,xl:x||o,style:(0,a.A)((0,a.A)({},b),{},{height:f?"":"calc(100vh - ".concat(i,"px)"),overflow:"hidden"}),children:p})]})]})};var h,g,x=t(63935),m=t(85973),v=t(26399),f=t(65043),y=t(74117),b=t(73216),A=t(57528),w=t(51659),j=t(80400),C=t(87612),k=t(27185),z=t(41648),I=t(2826),S=t(60899);const D=I.Ay.div(h||(h=(0,A.A)(["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n"]))),L=I.Ay.div(g||(g=(0,A.A)(["\n height: ",";\n width: ",";\n aspect-ratio: ",";\n padding: 24px;\n box-shadow: rgba(65, 69, 82, 0.08) 0px 50px 100px 0px,\n rgba(65, 69, 82, 0.08) 0px 15px 35px 0px,\n rgba(0, 0, 0, 0.12) 0px 5px 15px 0px;\n border-radius: 10px;\n overflow: hidden;\n margin: auto;\n overflow-y: auto;\n"])),n=>{let{mode:e}=n;return"mobile"===e?"100%":"auto"},n=>{let{mode:e}=n;return"mobile"===e?"":"100%"},n=>{let{mode:e}=n;return"mobile"===e?"360 / 740":"3456 / 2234"}),N=n=>{let{}=n;const[e,t]=(0,f.useState)("mobile"),{t:r}=(0,y.Bd)("onboarding/theme"),{data:o,isLoading:i}=(0,k.hI)(),s=(0,f.useMemo)(()=>{const n=[];return null===o||void 0===o||o.forEach(e=>{var t,r,o;null===(t=e.themes)||void 0===t||null===(r=t.filter(n=>n.status===z.UH.PUBLISHED))||void 0===r||null===(o=r.sort((n,e)=>n.position-e.position))||void 0===o||o.forEach(e=>{n.push((0,a.A)({key:e.id,name:e.name,subscription_level:e.subscription_level},e.page_theme))})}),n},[o]);return(0,u.jsxs)("div",{className:"d-flex flex-column w-100 h-100 p-4",children:[(0,u.jsx)(d.A,{justifyContent:"center",alignItems:"center",className:"w-100 mb-3",children:(0,u.jsx)(d.A,{children:(0,u.jsxs)(w.Ay.Group,{buttonStyle:"outline",className:"flex-grow-1 w-100 d-flex justify-content-center",value:e,onChange:n=>t(n.target.value),children:[(0,u.jsx)(w.Ay.Button,{value:"mobile",style:{borderRight:"mobile"===e?"":"none"},children:(0,u.jsx)(C.A,{})}),(0,u.jsx)(w.Ay.Button,{value:"desktop",style:{borderLeft:"desktop"===e?"1px solid ".concat(x.jd):"none"},children:(0,u.jsx)(j.A,{})})]})})}),(0,u.jsx)(D,{children:(0,u.jsx)(L,{mode:e,children:(0,u.jsx)(d.A,{justifyContent:"center",alignItems:"center",children:(0,u.jsx)("div",{className:"w-100",style:{maxWidth:512},children:(0,u.jsx)(S.A,{themeOptions:s,loading:i,size:"small",mobile:"mobile"===e})})})})})]})};var _=t(1648),O=t(94171),T=t(95406),E=t(43801),R=t(85578),B=t(12840),M=t(88991);const H=n=>{let{category:e,open:t,onCancel:r}=n;const{t:s}=(0,y.Bd)("themes/index"),{mutateAsync:l,isLoading:d}=(0,k.sY)(),[c]=E.A.useForm(),p=E.A.useWatch("name",c);(0,f.useEffect)(()=>{e&&(c.setFieldValue("name",e.name||""),c.setFieldValue("description",e.description||""))},[e]);return(0,u.jsx)(M.oZ,{open:t,onCancel:r,title:s("edit.category"),children:(0,u.jsxs)(E.A,{onFinish:async n=>{try{await l((0,a.A)({id:null===e||void 0===e?void 0:e.id},n)),r()}catch(t){console.error(t),o.Ay.error(s("error.edit_category"))}},form:c,layout:"vertical",requiredMark:!1,className:" d-flex gap-md flex-column",children:[(0,u.jsx)(E.A.Item,{required:!0,label:(0,u.jsx)("div",{className:"font-weight-semibold",children:s("name")}),name:"name",className:"w-100 mb-0",rules:[{required:!0,message:s("name.required")}],children:(0,u.jsx)(R.A,{placeholder:s("name.placeholder"),style:{marginTop:6,height:48}})}),(0,u.jsx)(E.A.Item,{required:!0,label:(0,u.jsx)("div",{className:"font-weight-semibold",children:s("description")}),name:"description",className:"w-100 mb-0",children:(0,u.jsx)(B.A,{placeholder:s("description.placeholder"),style:{marginTop:6,padding:16,lineHeight:"21px"},autoSize:{minRows:5,maxRows:5}})}),(0,u.jsx)(i.Ay,{type:"primary",className:"w-100 mt-2",htmlType:"submit",loading:d,disabled:!p,children:s("save")})]})})};var F=t(80045),P=t(97950),V=t(23585),U=t(41024);const W=[V.vL.Down,V.vL.Right,V.vL.Up,V.vL.Left],Z=(n,e)=>{let{context:{active:t,droppableRects:r,droppableContainers:o,collisionRect:i}}=e;if(W.includes(n.code)){if(n.preventDefault(),!t||!i)return;const e=[];
1o.getEnabled().forEach(o=>{if(!o||null!==o&&void 0!==o&&o.disabled)return;const a=r.get(o.id);if(!a)return;const s=o.data.current;if(s){const{type:n,children:e}=s;var l;if("container"===n&&(null===e||void 0===e?void 0:e.length)>0)if("container"!==(null===(l=t.data.current)||void 0===l?void 0:l.type))return}switch(n.code){case V.vL.Down:i.top<a.top&&e.push(o);break;case V.vL.Up:i.top>a.top&&e.push(o);break;case V.vL.Left:i.left>=a.left+a.width&&e.push(o);break;case V.vL.Right:i.left+i.width<=a.left&&e.push(o)}});const s=(0,V.y$)({active:t,collisionRect:i,droppableRects:r,droppableContainers:e,pointerCoordinates:null}),l=(0,V.Vy)(s,"id");if(null!=l){const n=o.get(l),e=null===n||void 0===n?void 0:n.node.current,t=null===n||void 0===n?void 0:n.rect.current;var a;if(e&&t)return"placeholder"===n.id?{x:t.left+(t.width-i.width)/2,y:t.top+(t.height-i.height)/2}:"container"===(null===(a=n.data.current)||void 0===a?void 0:a.type)?{x:t.left+20,y:t.top+74}:{x:t.left,y:t.top}}}};var G;I.Ay.button(G||(G=(0,A.A)(["\n padding: 14px 20px;\n border: none;\n background-color: #242836;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 600;\n color: #f6f8ff;\n cursor: pointer;\n outline: none;\n transform: scale(1);\n transition: transform 0.2s, background 0.4s;\n\n &:hover,\n :focus {\n background-color: #2f3545;\n transform: scale(1.02);\n }\n\n &:focus {\n box-shadow: 0 0 0 4px #4c9ffe;\n }\n\n &:active {\n transform: scale(0.95);\n }\n"])));var Y;I.Ay.div(Y||(Y=(0,A.A)(["\n --width: 250px;\n --height: 120px;\n\n display: flex;\n flex-direction: column;\n width: var(--width);\n height: var(--height);\n position: fixed;\n top: calc(100vh / 2 - var(--height) / 2);\n left: calc(100vw / 2 - var(--width) / 2);\n border-radius: 10px;\n box-shadow: -1px 0 15px 0 rgba(34, 33, 81, 0.01),\n 0px 15px 15px 0 rgba(34, 33, 81, 0.25);\n padding: 15px;\n box-sizing: border-box;\n background-color: white;\n text-align: center;\n z-index: 1;\n\n h1 {\n flex: 1;\n font-size: 16px;\n font-weight: normal;\n line-height: 20px;\n }\n\n button {\n width: 50px;\n height: 23px;\n background: #242836;\n color: #f6f8ff;\n border: none;\n border-radius: 3px;\n margin: 0 5px;\n cursor: pointer;\n\n &:hover {\n background-color: #2f3545;\n }\n }\n"])));var q=t(36282),K=t(75337),X=t(67407),$=t(52871),Q=t(46746);const J=["children","columns","handleProps","horizontal","hover","onClick","onRemove","label","placeholder","style","scrollable","shadow","unstyled","category","categoriesCount"];var nn,en;const tn=I.Ay.div(nn||(nn=(0,A.A)(["\n display: flex;\n flex-direction: column;\n grid-auto-rows: max-content;\n overflow: hidden;\n box-sizing: border-box;\n appearance: none;\n outline: none;\n min-width: 350px;\n border-radius: 12px;\n min-height: 200px;\n transition: background-color 350ms ease;\n background-color: rgba(246, 246, 246, 1);\n border: 1px solid rgba(0, 0, 0, 0.05);\n font-size: 1em;\n\n ul {\n display: flex;\n gap: 10px;\n justify-content: center;
1\n align-items: center;\n flex-direction: column;\n\n list-style: none;\n padding: 20px;\n margin: 0;\n }\n\n &.scrollable {\n ul {\n overflow-y: auto;\n }\n }\n\n &.placeholder {\n justify-content: center;\n align-items: center;\n cursor: pointer;\n color: rgba(0, 0, 0, 0.5);\n background-color: transparent;\n border-style: dashed;\n border-color: rgba(0, 0, 0, 0.08);\n\n &:hover {\n border-color: rgba(0, 0, 0, 0.15);\n }\n }\n\n &.hover {\n background-color: rgb(235, 235, 235, 1);\n }\n\n &.unstyled {\n overflow: visible;\n background-color: transparent !important;\n border: none !important;\n }\n\n &.horizontal {\n width: 100%;\n\n ul {\n grid-auto-flow: column;\n }\n }\n\n &.shadow {\n box-shadow: 0 1px 10px 0 rgba(34, 33, 81, 0.1);\n }\n\n &:focus-visible {\n border-color: transparent;\n box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0px 0px 2px #4c9ffe;\n }\n"]))),rn=I.Ay.div(en||(en=(0,A.A)(["\n display: flex;\n padding: 10px 20px;\n align-items: center;\n justify-content: space-between;\n background-color: #fff;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n\n &:hover {\n .Actions > * {\n opacity: 1 !important;\n }\n }\n"]))),on=(0,f.forwardRef)((n,e)=>{let{children:t,columns:r=1,handleProps:s,horizontal:l,hover:c,onClick:p,onRemove:h,label:g,placeholder:x,style:m,scrollable:v,shadow:f,unstyled:A,category:w,categoriesCount:j}=n,C=(0,F.A)(n,J);const z=p?"button":"div",{mutateAsync:I,isLoading:S}=(0,k.Cs)(),D=(0,b.Zp)(),{t:L}=(0,y.Bd)("themes/index"),N=(0,T.Iz)();return(0,u.jsxs)(tn,(0,a.A)((0,a.A)({},C),{},{as:z,ref:e,style:(0,a.A)((0,a.A)({},m),{},{"--columns":r}),className:"".concat(A?"unstyled":""," ").concat(l?"horizontal":""," ").concat(c?"hover":""," ").concat(x?"placeholder":""," ").concat(v?"scrollable":""," ").concat(f?"shadow":""),onClick:p,tabIndex:p?0:void 0,children:[g&&w?(0,u.jsx)(rn,{children:(0,u.jsxs)(d.A,{alignItems:"center",justifyContent:"between",gap:"sm",className:"w-100",children:[(0,u.jsx)("div",{style:{fontSize:16},children:w.name||""}),(0,u.jsxs)(d.A,{alignItems:"center",gap:"sm",children:[(0,u.jsx)(q.A,{placement:"bottom",content:L("add_theme"),children:(0,u.jsx)(i.Ay,{style:{width:40,height:40,padding:9},type:"text",icon:(0,u.jsx)(K.A,{style:{fontSize:18}}),onClick:()=>{w&&D("/my-page?newTheme=".concat(w.id))}})}),(0,u.jsx)(i.Ay,{style:{width:40,height:40,padding:9},icon:(0,u.jsx)(X.A,{style:{fontSize:18}}),onClick:async()=>{w&&N(["editCategory"],[w.id])}}),(0,u.jsx)(i.Ay,{style:{width:40,height:40,padding:9},icon:(0,u.jsx)(Q.A,{}),loading:S,onClick:async()=>{if(w)if(w.themes.length>0)N(["confirmDeleteCategory"],[w.id]);else try{await I({id:w.id})}catch(n){console.error(n),o.Ay.error(L("error.delete_theme_category"))}}}),j>1&&(0,u.jsx)(i.Ay,{icon:(0,u.jsx)($.A,{}),style:{borderRadius:6},size:"large",type:"text",className:"p-0 text-gray-light"})]})]})}):null,x?t:(0,u.jsx)("ul",{children:t})]}))});var an;I.Ay.button(an||(an=(0,A.A)(["\n display: flex;\n width: 12px;\n padding: 15px;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n touch-action: none;\n cursor: var(--cursor, pointer);\n border-radius: 5px;\n border: none;\n outline: none;\n appearance: none;\n background-color: transparent;\n -webkit-tap-highlight-color: transparent;\n\n @media (hover: hover) {\n &:hover {\n background-color: var(--action-background, rgba(0, 0, 0, 0.05));\n\n svg {\n fill: #6f7b88;\n }\n }\n }\n\n svg {\n flex: 0 0 auto;\n margin: auto;\n height: 100%;\n overflow: visible;\n fill: #919eab;\n }\n\n &:active {\n background-color: var(--background, rgba(0, 0, 0, 0.05));\n\n svg {\n fill: var(--fill, #788491);\n }\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0px 0px 2px #4c9ffe;\n }\n"])));var sn,ln,dn;const cn=(0,I.i7)(sn||(sn=(0,A.A)([" \n0% {\n transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0)\n scale(1);\n}\n100% {\n transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0)\n scale(var(--scale));
1\n box-shadow: var(--box-shadow);\n}"]))),un=(0,I.i7)(ln||(ln=(0,A.A)(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));I.Ay.div(dn||(dn=(0,A.A)(['\n position: relative;\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n transition: transform 250ms ease;\n\n > button {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 54px;\n flex-shrink: 1;\n appearance: none;\n outline: none;\n border: 0;\n padding: 8px 18px;\n background-color: #181a22;\n border-radius: 5px;\n box-shadow: var(--box-shadow);\n transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0)\n scale(var(--scale, 1));\n transition: box-shadow 300ms ease;\n }\n\n &:not(.handle) {\n > button {\n touch-action: none;\n cursor: grab;\n\n &:focus-visible:not(.active &) {\n box-shadow: 0 0 0 3px #4c9ffe;\n }\n }\n }\n\n &.handle {\n > button {\n --action-background: rgba(255, 255, 255, 0.1);\n\n > svg {\n margin-right: 5px;\n }\n\n > button {\n margin-right: -10px;\n }\n }\n }\n\n img {\n width: 140px;\n user-select: none;\n pointer-events: none;\n }\n\n label {\n display: block;\n flex-shrink: 1;\n padding: 10px;\n transition: opacity 250ms ease;\n\n text-align: center;\n font-size: 1rem;\n font-weight: 300;\n color: #8d8d8d;\n user-select: none;\n cursor: url("/cursor.svg"), auto;\n\n animation-name: ',";\n animation-duration: 1.5s;\n animation-delay: 2s;\n animation-iteration-count: infinite;\n animation-timing-function: ease;\n animation-direction: alternate;\n }\n\n &.dragging {\n z-index: 1;\n transition: none;\n\n * {\n cursor: grabbing;\n }\n\n > button {\n --scale: 1.06;\n --box-shadow: -1px 0 15px 0 rgba(34, 33, 81, 0.01),\n 0px 15px 15px 0 rgba(34, 33, 81, 0.25);\n\n &:focus-visible {\n --box-shadow: 0 0px 10px 2px #4c9ffe;\n }\n }\n\n label {\n animation: none;\n opacity: 0;\n }\n }\n\n &.dragOverlay,\n &.dragging {\n > button {\n animation: "," 250ms cubic-bezier(0.18, 0.67, 0.6, 1.22);\n }\n }\n"])),un,cn);var pn;I.Ay.div(pn||(pn=(0,A.A)(["\n position: relative;\n padding-top: 80px;\n text-align: center;\n border-radius: 10px;\n width: 340px;\n height: 340px;\n box-sizing: border-box;\n background-color: #fff;\n box-shadow: inset rgba(201, 211, 219, 0.5) 0 0 0 2px,\n rgba(255, 255, 255, 0) 0 0 0 1px, rgba(201, 211, 219, 0.25) 20px 14px 24px;\n transition: box-shadow 250ms ease;\n\n > svg {\n position: absolute;\n left: 50%;\n top: 50%;\n width: 200px;\n transform: translate3d(-50%, -50%, 0);\n opacity: 0.8;\n transition: opacity 300ms ease, transform 200ms ease;\n user-select: none;\n pointer-events: none;\n }\n\n &.dragging {\n > svg {\n opacity: 0.8;\n }\n }\n\n &.over {\n box-shadow: inset #1eb99d 0 0 0 3px, rgba(201, 211, 219, 0.5) 20px 14px 24px;\n\n > svg {\n opacity: 1;\n }\n\n &.dropped {\n box-shadow: inset rgba(201, 211, 219, 0.7) 0 0 0 3px,\n rgba(201, 211, 219, 0.5) 20px 14px 24px;\n }\n }\n\n &.dropped {\n > svg {\n opacity: 0.2;\n transform: translate3d(-50%, 100%, 0) scale(0.8);\n }\n }\n"])));var hn=t(12624),gn=t(65512),xn=t(88143),mn=t(72666);const vn=["color","dragOverlay","dragging","disabled","fadeIn","handle","handleProps","index","theme","listeners","renderItem","sorting","style","transition","transform","value","wrapperStyle"];var fn,yn,bn,An,wn;const jn=(0,I.Ay)(d.A)(fn||(fn=(0,A.A)(["\n width: auto !important;\n"]))),Cn="0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15)",kn=(0,I.i7)(yn||(yn=(0,A.A)(["\n0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n"]))),zn=(0,I.i7)(bn||(bn=(0,A.A)(["\n 0% {\n transform: scale(1);
1\n box-shadow: var(--box-shadow);\n }\n 100% {\n transform: scale(var(--scale));\n box-shadow: var(--box-shadow-picked-up);\n }\n\n"]))),In=I.Ay.li(An||(An=(0,A.A)(["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0)\n scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));\n transform-origin: 0 0;\n touch-action: manipulation;\n\n &.fadeIn {\n animation: "," 500ms ease;\n }\n\n &.dragOverlay {\n --scale: 1.05;\n --box-shadow: ",";\n --box-shadow-picked-up: 0 0 0 calc(1px / var(--scale-x, 1))\n rgba(63, 63, 68, 0.05),\n -1px 0 15px 0 rgba(34, 33, 81, 0.01),\n 0px 15px 15px 0 rgba(34, 33, 81, 0.25);\n z-index: 999;\n }\n"])),kn,Cn),Sn=I.Ay.div(wn||(wn=(0,A.A)(["\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n padding: 12px 20px;\n background-color: #fff;\n box-shadow: ",";\n outline: none;\n border-radius: calc(4px / var(--scale-x, 1));\n box-sizing: border-box;\n list-style: none;\n transform-origin: 50% 50%;\n\n -webkit-tap-highlight-color: transparent;\n\n color: #333;\n font-weight: 500;\n font-size: 1rem;\n white-space: nowrap;\n\n transform: scale(var(--scale, 1));\n transition: box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);\n\n &:focus-visible {\n box-shadow: 0 0px 4px 1px #4c9ffe, ",";\n }\n\n &.dragging:not(.dragOverlay) {\n opacity: var(--dragging-opacity, 0.5);\n z-index: 0;\n\n &:focus {\n box-shadow: ",";\n }\n }\n\n &.disabled {\n color: #999;\n background-color: #f1f1f1;\n &:focus {\n box-shadow: 0 0px 4px 1px rgba(0, 0, 0, 0.1), ",";\n }\n cursor: not-allowed;\n }\n\n &.dragOverlay {\n cursor: inherit;\n /* box-shadow: 0 0px 6px 2px $focused-outline-color; */\n animation: ",' 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);\n transform: scale(var(--scale));
1\n box-shadow: var(--box-shadow-picked-up);\n opacity: 1;\n }\n\n &.color:before {\n content: "";\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 0;\n height: 100%;\n width: 3px;\n display: block;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n background-color: var(--color);\n }\n\n &:hover {\n .Remove {\n visibility: visible;\n }\n }\n'])),Cn,Cn,Cn,Cn,zn),Dn=f.memo(f.forwardRef((n,e)=>{let{color:t,dragOverlay:r,dragging:s,disabled:l,fadeIn:c,handle:p,handleProps:h,index:g,theme:x,listeners:m,renderItem:v,sorting:A,style:w,transition:j,transform:C,value:k,wrapperStyle:I}=n,S=(0,F.A)(n,vn);const{t:D}=(0,y.Bd)("themes/index"),[L,N]=(0,f.useState)(mn.KF.FREE),_=(0,f.useMemo)(()=>[{value:mn.KF.FREE,label:D("free")},{value:mn.KF.BASIC,label:D("basic")},{value:mn.KF.ADVANCED,label:D("advanced")},{value:mn.KF.PRO,label:D("pro")}],[D]),[O,T]=(0,f.useState)(!1),[E,B]=(0,f.useState)((null===x||void 0===x?void 0:x.name)||""),{mutateAsync:M,isLoading:H}=(0,z.I_)(),P=(0,b.Zp)(),{mutateAsync:V,isLoading:U}=(0,z.W4)();(0,f.useEffect)(()=>{null!==x&&void 0!==x&&x.subscription_level&&N(x.subscription_level)},[x]);const W=async()=>{if(x&&O)try{await M({id:x.id,name:E}),T(!1)}catch(n){console.error(n),o.Ay.error(D("error.update_theme"))}};return(0,f.useEffect)(()=>{x&&B(x.name||"")},[null===x||void 0===x?void 0:x.name]),(0,f.useEffect)(()=>{if(r)return document.body.style.cursor="grabbing",()=>{document.body.style.cursor=""}},[r]),v?v({dragOverlay:Boolean(r),dragging:Boolean(s),sorting:Boolean(A),index:g,fadeIn:Boolean(c),listeners:m,ref:e,style:w,transform:C,transition:j,value:k}):(0,u.jsx)(In,{className:"".concat(c?"fadeIn":""," ").concat(A?"sorting":""," ").concat(r?"dragOverlay":""),style:(0,a.A)((0,a.A)({},I),{},{transition:[j,null===I||void 0===I?void 0:I.transition].filter(Boolean).join(", "),"--translate-x":C?"".concat(Math.round(C.x),"px"):void 0,"--translate-y":C?"".concat(Math.round(C.y),"px"):void 0,"--scale-x":null!==C&&void 0!==C&&C.scaleX?"".concat(C.scaleX):void 0,"--scale-y":null!==C&&void 0!==C&&C.scaleY?"".concat(C.scaleY):void 0,"--index":g,"--color":t}),ref:e,children:(0,u.jsx)(Sn,(0,a.A)((0,a.A)({className:"cut-text-w-100 ".concat(s?"dragging":""," ").concat(p?"handle":""," ").concat(r?"dragOverlay":""," ").concat(l?"disabled":""," ").concat(t?"color":""),style:w,"data-cypress":"draggable-item"},S),{},{tabIndex:p?void 0:0,children:(0,u.jsxs)(d.A,{alignItems:"start",justifyContent:"between",gap:"sm",className:"w-100",children:[(0,u.jsxs)(d.A,{alignItems:"center",gap:"sm",className:"cut-text-w-100",children:[(0,u.jsx)(q.A,{placement:"bottom",content:(null===x||void 0===x?void 0:x.status)===z.UH.DRAFT?D("switch.live"):D("switch.draft"),children:(0,u.jsx)(hn.A,{loading:H,checked:(null===x||void 0===x?void 0:x.status)===z.UH.PUBLISHED,onChange:async()=>{if(x)try{await M({id:x.id,status:x.status===z.UH.DRAFT?z.UH.PUBLISHED:z.UH.DRAFT})}catch(n){console.error(n),o.Ay.error(D("error.update_theme"))}}})}),(0,u.jsxs)(jn,{alignItems:"center",gap:"xs",className:"cut-text-w-100",children:[O?(0,u.jsx)(R.A,{minLength:1,onPressEnter:W,placeholder:D("theme.name.placeholder"),value:E,onChange:n=>B(n.target.value)}):(0,u.jsx)("div",{className:"font-size-base cut-text-w-100",children:E||""}),O?(0,u.jsx)(i.Ay,{loading:H,type:"text",size:"small",icon:(0,u.jsx)(xn.A,{style:{fontSize:16}}),onClick:W}):(0,u.jsx)(i.Ay,{type:"text",size:"small",icon:(0,u.jsx)(X.A,{style:{fontSize:16}}),onClick:()=>T(!0)})]})]}),(0,u.jsxs)(d.A,{alignItems:"center",gap:"sm",children:[(0,u.jsx)(gn.A,{style:{width:110,height:40},value:L,onChange:n=>{N(n),x&&M({id:x.id,subscription_level:n})},children:_.map(n=>(0,u.jsx)(gn.A.Option,{value:n.value,children:n.label},n.value))}),(0,u.jsx)(i.Ay,{style:{width:40,height:40,padding:9},icon:(0,u.jsx)(X.A,{style:{fontSize:18}}),onClick:async()=>{x&&P("/my-page?editTheme=".concat(x.id))}}),(0,u.jsx)(i.Ay,{style:{width:40,height:40,padding:9},icon:(0,u.jsx)(Q.A,{}),loading:U,onClick:async()=>{if(x)try{await V({id:x.id})}catch(n){console.error(n),o.Ay.error(D("error.delete_theme"))}}}),(0,u.jsx)(i.Ay,(0,a.A)((0,a.A)({icon:(0,u.jsx)($.A,{}),style:{borderRadius:6},size:"large",type:"text",className:"p-0 text-gray-light"},h),m))]})]})}))})}));var Ln;I.Ay.div(Ln||(Ln=(0,A.A)(["\n position: fixed;\n top: 25px;\n right: 25px;\n"])));var Nn;I.Ay.div(Nn||(Nn=(0,A.A)(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: repeating-linear-gradient(\n 0deg,\n transparent,\n transparent calc(var(--grid-size) - 1px),\n #ddd calc(var(--grid-size) - 1px),\n #ddd var(--grid-size)\n ),\n repeating-linear-gradient(\n -90deg,\n transparent,\n transparent calc(var(--grid-size) - 1px),\n #ddd calc(var(--grid-size) - 1px),\n #ddd var(--grid-size)\n );\n background-size: var(--grid-size) var(--grid-size);\n z-index: -1;\n pointer-events: none;
1\n"])));var _n;I.Ay.ul(_n||(_n=(0,A.A)(["\n max-width: 800px;\n display: grid;\n grid-template-columns: repeat(var(--col-count), 1fr);\n grid-gap: 10px;\n padding: 20px;\n\n @media (max-width: 850px) {\n grid-template-columns: repeat(calc(var(--col-count) - 1), 1fr);\n }\n\n @media (max-width: 650px) {\n grid-template-columns: repeat(calc(var(--col-count) - 2), 1fr);\n }\n"])));var On;I.Ay.ul(On||(On=(0,A.A)(["\n display: grid;\n grid-auto-rows: max-content;\n box-sizing: border-box;\n min-width: 350px;\n grid-gap: 10px;\n padding: 20px;\n padding-bottom: 0;\n margin: 10px;\n border-radius: 5px;\n min-height: 200px;\n width: ",";\n grid-auto-flow: ",';\n transition: background-color 350ms ease;\n grid-template-columns: repeat(var(--columns, 1), 1fr);\n\n &:after {\n content: "";\n height: 10px;\n grid-column-start: span var(--columns, 1);\n }\n'])),n=>{let{horizontal:e}=n;return e?"100%":""},n=>{let{horizontal:e}=n;return e?"column":""});var Tn;I.Ay.div(Tn||(Tn=(0,A.A)(["\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n overflow: hidden;\n"])));var En;I.Ay.div(En||(En=(0,A.A)(["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: 20px;\n justify-content: ",";\n"])),n=>{let{center:e}=n;return e?"center":"flex-start"});const Rn=["children","columns","category","id","items","style"];const Bn=n=>(0,_.uU)((0,a.A)((0,a.A)({},n),{},{wasDragging:!0}));function Mn(n){let{children:e,columns:t=1,category:r,id:o,items:i,style:s}=n,l=(0,F.A)(n,Rn);const{attributes:d,isDragging:c,listeners:p,transition:h,transform:g}=(0,_.gl)({id:o,data:{type:"container",children:i},animateLayoutChanges:Bn});return(0,u.jsx)(on,(0,a.A)((0,a.A)({category:r,style:(0,a.A)((0,a.A)({},s),{},{transition:h,transform:U.Ks.Translate.toString(g),opacity:c?.5:void 0}),handleProps:(0,a.A)((0,a.A)({},d),p),columns:t},l),{},{children:e}))}const Hn={sideEffects:(0,V.WB)({styles:{active:{opacity:"0.5"}}})},Fn="void",Pn="placeholder",Vn=[];function Un(n){var e,t;let{adjustScale:r=!1,cancelDrop:i,columns:s,handle:l=!1,categories:d,containerStyle:c,coordinateGetter:p=Z,getItemStyles:h=()=>({}),wrapperStyle:g=()=>({}),minimal:x=!1,modifiers:m,renderItem:v,strategy:b=_._G,trashable:A=!1,vertical:w=!1,scrollable:j}=n;const{mutateAsync:C}=(0,z.Ad)(),{mutateAsync:I}=(0,z.op)(),{mutateAsync:S}=(0,k.kp)(),[D,L]=(0,f.useState)(()=>(null===d||void 0===d?void 0:d.reduce((n,e)=>{var t;return n[e.id]=null===(t=e.themes)||void 0===t?void 0:t.sort((n,e)=>n.position-e.position).map(n=>n.id),n},{}))||{}),{t:N}=(0,y.Bd)("themes/index");(0,f.useEffect)(()=>{if(d){const n={};d.forEach(e=>{var t,r;n[e.id]=null===(t=e.themes)||void 0===t||null===(r=t.sort((n,e)=>n.position-e.position))||void 0===r?void 0:r.map(n=>n.id)}),L(n)}},[d]);const[O,T]=(0,f.useState)(Object.keys(D));(0,f.useEffect)(()=>{T(Object.keys(D))},[D]);const[E,R]=(0,f.useState)(null),B=(0,f.useRef)(null),M=(0,f.useRef)(!1),H=!!E&&O.includes(E),F=(0,f.useCallback)(n=>{if(E&&E in D)return(0,V.fp)((0,a.A)((0,a.A)({},n),{},{droppableContainers:n.droppableContainers.filter(n=>n.id in D)}));const e=(0,V.TT)(n),t=e.length>0?e:(0,V.Qo)(n);let r=(0,V.Vy)(t,"id");if(null!=r){if(r===Fn)return t;if(r in D){const e=D[r];var o;if(e.length>0)r=null===(o=(0,V.fp)((0,a.A)((0,a.A)({},n),{},{droppableContainers:n.droppableContainers.filter(n=>n.id!==r&&e.includes(n.id))}))[0])||void 0===o?void 0:o.id}return B.current=r,[{id:r}]}return M.current&&(B.current=E),B.current?[{id:B.current}]:[]},[E,D]),[U,W]=(0,f.useState)(null),G=(0,V.FR)((0,V.MS)(V.cA),(0,V.MS)(V.IG),(0,V.MS)(V.uN,{coordinateGetter:p})),Y=n=>n in D?n:Object.keys(D).find(e=>D[e].includes(n)),q=n=>{const e=Y(n);if(!e)return-1;return D[e].indexOf(n)};(0,f.useEffect)(()=>{requestAnimationFrame(()=>{M.current=!1})},[D]);const{mutateAsync:K}=(0,k.Tz)();return(0,u.jsxs)(V.Mp,{sensors:G,collisionDetection:F,measuring:{droppable:{strategy:V.Pf.Always}},onDragStart:n=>{let{active:e}=n;R(e.id),W(D)},onDragOver:n=>{let{active:e,over:t}=n;const r=null===t||void 0===t?void 0:t.id;if(null==r||r===Fn||e.id in D)return;const o=Y(r),i=Y(e.id);o&&i&&i!==o&&L(n=>{const s=n[i],l=n[o],d=l.indexOf(r),c=s.indexOf(e.id);let u;if(r in n)u=l.length+1;else{const n=t&&e.rect.current.translated&&e.rect.current.translated.top>t.rect.top+t.rect.height;u=d>=0?d+(n?1:0):l.length+1}return M.current=!0,(0,a.A)((0,a.A)({},n),{},{[i]:n[i].filter(n=>n!==e.id),[o]:[...n[o].slice(0,u),n[i][c],...n[o].slice(u,n[o].length)]})})},onDragEnd:n=>{let{active:e,over:t}=n;
1e.id in D&&null!==t&&void 0!==t&&t.id&&T(n=>{const r=n.indexOf(e.id),o=n.indexOf(t.id),i=(0,_.be)(n,r,o);return S({ids:i}),i});const r=Y(e.id);if(!r)return void R(null);const o=null===t||void 0===t?void 0:t.id;if(null==o)return void R(null);if(o===Pn){const n=function(){const n=Object.keys(D),e=n[n.length-1];return String.fromCharCode(e.charCodeAt(0)+1)}();return void(0,P.unstable_batchedUpdates)(()=>{T(e=>[...e,n]),L(t=>(0,a.A)((0,a.A)({},t),{},{[r]:t[r].filter(n=>n!==E),[n]:[e.id]})),R(null)})}const i=Y(o);if(i){var s;const n=D[r].indexOf(e.id),t=D[i].indexOf(o),l=null===(s=d.find(n=>{var t;return null===(t=n.themes)||void 0===t?void 0:t.find(n=>n.id===e.id)}))||void 0===s?void 0:s.id;n===t&&l===i||L(e=>{const r=(0,_.be)(e[i],n,t);return l===i?C({ids:r}):I((0,a.A)((0,a.A)({},e),{},{[i]:r})),(0,a.A)((0,a.A)({},e),{},{[i]:r})})}R(null)},cancelDrop:i,onDragCancel:()=>{U&&L(U),R(null),W(null)},modifiers:m,children:[(0,u.jsx)("div",{style:{display:"inline-grid",boxSizing:"border-box",gap:"20px",gridAutoFlow:w?"row":"column"},children:(0,u.jsxs)(_.gB,{items:[...null===O||void 0===O?void 0:O.filter(n=>{var e;return null===(e=Object.keys(D))||void 0===e?void 0:e.find(e=>e===n)}),Pn],strategy:w?_._G:_.m$,children:[null===O||void 0===O?void 0:O.filter(n=>{var e;return null===(e=Object.keys(D))||void 0===e?void 0:e.find(e=>e===n)}).map(n=>{var e;return(0,u.jsx)(Mn,{categoriesCount:d.length,category:d.find(e=>e.id===n),id:n,label:x?void 0:"Column ".concat(n),columns:s,items:D[n],scrollable:j,style:c,unstyled:x,onRemove:()=>{return e=n,void T(n=>n.filter(n=>n!==e));var e},children:(0,u.jsx)(_.gB,{items:D[n],strategy:b,children:null===(e=D[n])||void 0===e?void 0:e.map((e,t)=>{var r,o;return(0,u.jsx)(Gn,{disabled:H,theme:null===(r=d.find(e=>e.id===n))||void 0===r||null===(o=r.themes)||void 0===o?void 0:o.find(n=>n.id===e),id:e,index:t,handle:l,style:h,wrapperStyle:g,renderItem:v,containerId:n,getIndex:q},e)})})},n)}),x?void 0:(0,u.jsx)(Mn,{categoriesCount:d.length,id:Pn,disabled:H,items:Vn,onClick:async()=>{try{await K({position:(null===d||void 0===d?void 0:d.length)||0,name:"Theme category #".concat(((null===d||void 0===d?void 0:d.length)||0)+1)})}catch(n){console.error(n),o.Ay.error(N("error.create_theme_category"))}},placeholder:!0,children:"+ Add theme category"})]})}),(0,P.createPortal)((0,u.jsx)(V.Hd,{adjustScale:r,dropAnimation:Hn,children:E?O.includes(E)?function(n,e){var t;return(0,u.jsx)(on,{label:"Column ".concat(n),columns:s,category:e,style:{height:"100%"},shadow:!0,unstyled:!1,categoriesCount:d.length,children:null===(t=D[n])||void 0===t?void 0:t.map((t,r)=>{var o;return(0,u.jsx)(Dn,{theme:null===e||void 0===e||null===(o=e.themes)||void 0===o?void 0:o.find(n=>n.id===t),value:t,handle:l,style:h({containerId:n,overIndex:-1,index:q(t),value:t,isDragging:!1,isSorting:!1,isDragOverlay:!1}),color:Wn(t),wrapperStyle:g({index:r}),renderItem:v},t)})})}(E,d.find(n=>n.id===E)):(X=E,$=null===(e=d.find(n=>n.themes.find(n=>n.id===E)))||void 0===e||null===(t=e.themes)||void 0===t?void 0:t.find(n=>n.id===E),(0,u.jsx)(Dn,{theme:$,value:X,handle:l,style:h({containerId:Y(X),overIndex:-1,index:q(X),value:X,isSorting:!0,isDragging:!0,isDragOverlay:!0}),color:Wn(X),wrapperStyle:g({index:0}),renderItem:v,dragOverlay:!0})):null}),document.body),A&&E&&!O.includes(E)?(0,u.jsx)(Zn,{id:Fn}):null]});var X,$}function Wn(n){switch(String(n)[0]){case"A":return"#7193f1";case"B":return"#ffda6c";case"C":return"#00bcd4";case"D":return"#ef769f"}}function Zn(n){let{id:e}=n;const{setNodeRef:t,isOver:r}=(0,V.zM)({id:e});return(0,u.jsx)("div",{ref:t,style:{display:"flex",alignItems:"center",justifyContent:"center",position:"fixed",left:"50%",marginLeft:-150,bottom:20,width:300,height:60,borderRadius:5,border:"1px solid",borderColor:r?"red":"#DDD"},children:"Drop here to delete"})}function Gn(n){let{disabled:e,id:t,index:r,handle:o,renderItem:i,style:a,containerId:s,getIndex:l,theme:d,wrapperStyle:c}=n;const{setNodeRef:p,setActivatorNodeRef:h,listeners:g,isDragging:x,isSorting:m,over:v,overIndex:y,transform:b,transition:A}=(0,_.gl)({id:t}),w=function(){const[n,e]=(0,f.useState)(!1);return(0,f.useEffect)(()=>{const n=setTimeout(()=>e(!0),500);return()=>clearTimeout(n)},[]),n}(),j=x&&!w;return(0,u.jsx)(Dn,{ref:e?void 0:p,value:t,theme:d,dragging:x,sorting:m,handle:o,handleProps:o?{ref:h}:void 0,index:r,wrapperStyle:c({index:r}),style:a({index:r,value:t,isDragging:x,isSorting:m,overIndex:v?l(v.id):y,containerId:s}),color:Wn(t),transition:A,transform:b,fadeIn:j,listeners:g,renderItem:i})}const Yn=n=>{let{categories:e,isLoading:t}=n;const{t:r}
1=(0,y.Bd)("themes/index"),{confirmDeleteCategory:a,editCategory:s}=(0,T.IT)(),l=(0,T.Iz)(),{mutateAsync:p,isLoading:h}=(0,k.Tz)(),{mutateAsync:g,isLoading:x}=(0,k.Cs)(),m=(0,f.useMemo)(()=>null===e||void 0===e?void 0:e.find(n=>n.id===s),[s,e]);return(0,u.jsxs)("div",{className:"w-100 h-100",children:[(0,u.jsx)(O.A,{open:!!a,onConfirm:async()=>{try{await g({id:a}),l(["confirmDeleteCategory"],[""])}catch(n){console.error(n),o.Ay.error(r("error.delete_theme_category"))}},onCancel:()=>l(["confirmDeleteCategory"],[""]),title:r("confirm.delete_category"),confirmText:r("delete"),cancelText:r("cancel"),bodyText:r("confirm.delete_category_body"),loading:x}),(0,u.jsx)(H,{category:m,open:!!m&&!!s,onCancel:()=>l(["editCategory"],[""])}),t||!e?(0,u.jsxs)(d.A,{className:"h-100",flexDirection:"column",alignItems:"center",justifyContent:"center",children:[" ",(0,u.jsx)(c.A,{})," "]}):(0,u.jsxs)(d.A,{className:"h-100 w-100 p-4",flexDirection:"column",alignItems:"center",justifyContent:null!==e&&void 0!==e&&e.length?"start":"center",children:[" ",null!==e&&void 0!==e&&e.length?(0,u.jsx)(d.A,{flexDirection:"column",gap:"sm",className:"w-100",style:{paddingBottom:40},children:(0,u.jsx)(Un,{categories:e,strategy:_.kL,vertical:!0})}):(0,u.jsxs)(d.A,{flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"md",children:[(0,u.jsx)("h4",{className:"mb-0",children:r("no_categories")}),(0,u.jsx)(i.Ay,{type:"primary",onClick:async()=>{try{await p({position:(null===e||void 0===e?void 0:e.length)||0,name:"Theme category #".concat(((null===e||void 0===e?void 0:e.length)||0)+1)})}catch(n){console.error(n),o.Ay.error(r("error.create_theme_category"))}},loading:h,children:r("create.category")})]})]})]})};const qn=function(){const n=(0,v.al)(),{user:e}=(0,m.F7)(),t=(0,b.Zp)(),{t:a}=(0,y.Bd)(["themes/index","appearance/theme"]),{data:s,isLoading:l}=(0,k.hI)(),{mutateAsync:c,isLoading:h}=(0,k.Tz)();return(0,f.useEffect)(()=>{null===e||void 0===e||!e.id||null!==e&&void 0!==e&&e.theme_editor||t("/analytics")},[e]),(0,u.jsx)("div",{className:n?"":"vh-100 overflow-auto",children:(0,u.jsx)(p,{width:"100%",height:"100%",headerHeight:100,rightWidth:12,left:(0,u.jsx)(Yn,{categories:s,isLoading:l}),right:(0,u.jsx)(N,{}),header:(0,u.jsxs)(d.A,{className:" w-100 p-4",style:{height:100,background:x.UE,borderBottom:"1px solid ".concat(x.T6)},alignItems:"center",justifyContent:"between",children:[(0,u.jsxs)(d.A,{alignItems:"center",gap:"sm",children:[" ",(0,u.jsx)(i.Ay,{type:"text",onClick:()=>{t("/analytics")},icon:(0,u.jsx)(r.A,{})}),(0,u.jsx)("h1",{className:"mb-0",children:a("themes")})]}),(0,u.jsx)(i.Ay,{onClick:async()=>{try{await c({position:(null===s||void 0===s?void 0:s.length)||0,name:"Theme category #".concat(((null===s||void 0===s?void 0:s.length)||0)+1)})}catch(n){console.error(n),o.Ay.error(a("error.create_theme_category"))}},loading:h,type:"primary",children:a("create.category")})]})})})}},46746:(n,e,t)=>{t.d(e,{A:()=>o});t(65043);var r=t(70579);const o=n=>{let{className:e}=n;return(0,r.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:null!==e&&void 0!==e?e:"",children:(0,r.jsx)("path",{d:"M8.33333 14.9974C8.55435 14.9974 8.76631 14.9096 8.92259 14.7533C9.07887 14.597 9.16667 14.3851 9.16667 14.1641V9.16406C9.16667 8.94305 9.07887 8.73109 8.92259 8.57481C8.76631 8.41853 8.55435 8.33073 8.33333 8.33073C8.11232 8.33073 7.90036 8.41853 7.74408 8.57481C7.5878 8.73109 7.5 8.94305 7.5 9.16406V14.1641C7.5 14.3851 7.5878 14.597 7.74408 14.7533C7.90036 14.9096 8.11232 14.9974 8.33333 14.9974ZM16.6667 4.9974H13.3333V4.16406C13.3333 3.50102 13.0699 2.86514 12.6011 2.3963C12.1323 1.92745 11.4964 1.66406 10.8333 1.66406H9.16667C8.50363 1.66406 7.86774 1.92745 7.3989 2.3963C6.93006 2.86514 6.66667 3.50102 6.66667 4.16406V4.9974H3.33333C3.11232 4.9974 2.90036 5.08519 2.74408 5.24147C2.5878 5.39775 2.5 5.60972 2.5 5.83073C2.5 6.05174 2.5878 6.2637 2.74408 6.41998C2.90036 6.57627 3.11232 6.66406 3.33333 6.66406H4.16667V15.8307C4.16667 16.4938 4.43006 17.1297 4.8989 17.5985C5.36774 18.0673 6.00363 18.3307 6.66667 18.3307H13.3333C13.9964 18.3307 14.6323 18.0673 15.1011 17.5985C15.5699 17.1297 15.8333 16.4938 15.8333 15.8307V6.66406H16.6667C16.8877 6.66406 17.0996 6.57627 17.2559 6.41998C17.4122 6.2637 17.5 6.05174 17.5 5.83073C17.5 5.60972 17.4122 5.39775 17.2559 5.24147C17.0996 5.08519 16.8877 4.9974 16.6667 4.9974ZM8.33333 4.16406C8.33333 3.94305 8.42113 3.73109 8.57741 3.57481C8.73369 3.41853 8.94565 3.33073 9.16667 3.33073H10.8333C11.0543 3.33073 11.2663 3.41853 11.4226 3.57481C11.5789 3.73109 11.6667 3.94305 11.6667 4.16406V4.9974H8.33333V4.16406
1ZM14.1667 15.8307C14.1667 16.0517 14.0789 16.2637 13.9226 16.42C13.7663 16.5763 13.5543 16.6641 13.3333 16.6641H6.66667C6.44565 16.6641 6.23369 16.5763 6.07741 16.42C5.92113 16.2637 5.83333 16.0517 5.83333 15.8307V6.66406H14.1667V15.8307ZM11.6667 14.9974C11.8877 14.9974 12.0996 14.9096 12.2559 14.7533C12.4122 14.597 12.5 14.3851 12.5 14.1641V9.16406C12.5 8.94305 12.4122 8.73109 12.2559 8.57481C12.0996 8.41853 11.8877 8.33073 11.6667 8.33073C11.4457 8.33073 11.2337 8.41853 11.0774 8.57481C10.9211 8.73109 10.8333 8.94305 10.8333 9.16406V14.1641C10.8333 14.3851 10.9211 14.597 11.0774 14.7533C11.2337 14.9096 11.4457 14.9974 11.6667 14.9974Z",fill:"currentColor"})})}},60899:(n,e,t)=>{t.d(e,{A:()=>v});var r,o=t(57528),i=t(63935),a=t(65043),s=t(2826),l=t(70579);const d=s.Ay.div(r||(r=(0,o.A)(["\n width: 100%;\n aspect-ratio: 195/384;\n border: ",";\n /* transition: border 0.3s; */\n border-radius: 12px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n cursor: ",";\n padding: ",";\n"])),n=>n.selected?"2px solid ".concat(i.jd):"1px solid #D8D8D8",n=>n.isLoading?"":"pointer",n=>{var e;return"".concat(null!==(e=n.padding)&&void 0!==e?e:2,"px")});var c,u,p=t(44776),h=t(4221),g=t(62091);const x=(0,s.Ay)(h.A.Button)(c||(c=(0,o.A)(["\n width: 100%;\n aspect-ratio: 195/384;\n border: 1px solid #d8d8d8;\n border-radius: 12px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n .ant-skeleton-button {\n width: 100% !important;\n height: 100% !important;\n border: none !important;\n border-radius: 0px !important;\n }\n"]))),m=s.Ay.div(u||(u=(0,o.A)(["\n display: grid;\n gap: 16px;\n padding-bottom: 24px;\n position: relative; /* Ensures content positioning is relative to this container */\n\n /* Desktop: 3 columns */\n grid-template-columns: ",";\n\n /* Mobile: 2 columns */\n @media (max-width: 768px) {\n grid-template-columns: repeat(2, 1fr);\n }\n"])),n=>{let{mobile:e}=n;return e?"repeat(2, 1fr)":"repeat(3, 1fr)"}),v=n=>{let{themeOptions:e,selectedTheme:t,setSelectedTheme:r,theme:o,mobile:i,size:s,loading:c}=n;const[u,h]=(0,a.useState)(null),[v,f]=(0,a.useState)(0);return(0,a.useEffect)(()=>{!c&&e&&v<e.length?setTimeout(()=>{f(v+1)},50):c&&f(0)},[c,v,e]),(0,l.jsxs)(m,{mobile:i,children:[c||null===e||void 0===e||!e.length?(0,l.jsx)(l.Fragment,{children:Array.from({length:6}).map((n,e)=>(0,l.jsx)(x,{active:!0},e))}):e.slice(0,Math.max(v,6)).map(n=>{var e;return Boolean(null===(e=n.metadata)||void 0===e?void 0:e.isGeneratingTheme)?(0,l.jsx)(x,{active:!0},n.key):(0,l.jsx)(d,{selected:t===n.key,isLoading:!1,onClick:e=>{r&&(e.stopPropagation(),r(n.key))},padding:t===n.key?1:2,onMouseEnter:()=>h(n.key),onMouseLeave:()=>h(null),children:(0,l.jsx)(g.A,{option:n,themeData:o||{},tall:!0,premiumTag:n.subscription_level&&"free"!==n.subscription_level?(0,l.jsx)(p.Ay,{hovered:u===n.key,selected:t===n.key,size:s||"normal"}):null})},n.key)}),!c&&v<e.length&&(0,l.jsx)(x,{active:!0})]})}},80400:(n,e,t)=>{t.d(e,{A:()=>s});var r=t(89379),o=t(77720),i=t(70579);const a=()=>(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsxs)("g",{clipPath:"url(#clip0_5824_18308)",children:[(0,i.jsx)("path",{d:"M1.3335 6.66732C1.3335 4.15316 1.3335 2.89608 2.11454 2.11503C2.89559 1.33398 4.15267 1.33398 6.66683 1.33398H9.3335C11.8477 1.33398 13.1047 1.33398 13.8858 2.11503C14.6668 2.89608 14.6668 4.15316 14.6668 6.66732C14.6668 9.18147 14.6668 10.4386 13.8858 11.2196C13.1047 12.0007 11.8477 12.0007 9.3335 12.0007H6.66683C4.15267 12.0007 2.89559 12.0007 2.11454 11.2196C1.3335 10.4386 1.3335 9.18147 1.3335 6.66732Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,i.jsx)("path",{d:"M10.6668 14.6667C9.88237 14.2427 8.97159 14 8.00016 14C7.02873 14 6.11796 14.2427 5.3335 14.6667",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),(0,i.jsx)("defs",{children:(0,i.jsx)("clipPath",{id:"clip0_5824_18308",children:(0,i.jsx)("rect",{width:"16",height:"16",fill:"white"})})})]}),s=n=>(0,i.jsx)(o.A,(0,r.A)({component:a}
1,n))},87612:(n,e,t)=>{t.d(e,{A:()=>s});var r=t(89379),o=t(43387),i=t(70579);const a=()=>(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M3.3335 6.00065C3.3335 3.80076 3.3335 2.70082 4.01691 2.0174C4.70033 1.33398 5.80028 1.33398 8.00016 1.33398C10.2001 1.33398 11.3 1.33398 11.9834 2.0174C12.6668 2.70082 12.6668 3.80076 12.6668 6.00065V10.0007C12.6668 12.2005 12.6668 13.3005 11.9834 13.9839C11.3 14.6673 10.2001 14.6673 8.00016 14.6673C5.80028 14.6673 4.70033 14.6673 4.01691 13.9839C3.3335 13.3005 3.3335 12.2005 3.3335 10.0007V6.00065Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,i.jsx)("path",{d:"M7.3335 12.668H8.66683",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M6 1.33398L6.05934 1.68999C6.18792 2.46151 6.25221 2.84727 6.51679 3.08201C6.79278 3.32688 7.1841 3.33398 8 3.33398C8.8159 3.33398 9.20721 3.32688 9.48321 3.08201C9.74779 2.84727 9.81208 2.46151 9.94067 1.68999L10 1.33398",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"})]}),s=n=>(0,i.jsx)(o.A,(0,r.A)({component:a},n))},94171:(n,e,t)=>{t.d(e,{A:()=>c});var r=t(65043),o=t(98734),i=t(4686),a=t(87790),s=t(88991),l=t(63935),d=t(70579);const c=n=>{let{open:e,onCancel:t,onConfirm:c,confirmText:u,cancelText:p,title:h,bodyText:g,danger:x,loading:m,confirmPhrase:v}=n;const[f,y]=(0,r.useState)("");(0,r.useEffect)(()=>{e||y("")},[e]);const b=!!c&&!!u&&(!v||f===v);return(0,d.jsx)(s.oZ,{open:e,onCancel:t,title:h,removeDivider:!0,size:"small",destroyOnClose:!0,fullScreenOnMobile:!0,zIndex:3e3,footer:(0,d.jsxs)(o.A,{justifyContent:"end",alignItems:"center",gap:"sm",className:"w-100",children:[(0,d.jsx)(i.Ay,{type:"secondary",className:"text-sm",onClick:t,children:p}),!!c&&!!u&&(0,d.jsx)(i.Ay,{type:x?"destructive":"default",onClick:()=>{b&&!m&&(null===c||void 0===c||c())},loading:m,disabled:!b,children:u})]}),children:(0,d.jsxs)(o.A,{flexDirection:"column",gap:"md",children:[(0,d.jsx)("div",{className:"text-sm",style:{color:l.f,whiteSpace:"pre-line"},children:g}),v&&(0,d.jsx)(a.A,{value:f,onChange:n=>y(n.target.value),placeholder:v})]})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.