https://cursor-helper.com/_next/static/chunks/4147.f54f837337487d48.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4147],{34147:(e,s,a)=>{a.r(s),a.d(s,{PackInfoModal:()=>d});var l=a(37876),t=a(14232),n=a(98477),r=a(31753),o=a(81935),c=a(32257),i=a(28249);let d=({isOpen:e,onClose:s,initialTempPackName:a="",initialTempPackDescription:d="",error:u=null,isSubmitting:x=!1})=>{let{t:m}=(0,r.Bd)("creator-new"),[h,b]=(0,t.useState)(!1),[f,p]=(0,t.useState)(a),[g,k]=(0,t.useState)(d),w=(0,t.useRef)(null);if((0,t.useEffect)(()=>{e&&(p(a),k(d),w.current=(window.__PACK_INFO_MODAL_CALLBACKS__?window.__PACK_INFO_MODAL_CALLBACKS__:{onSubmit:null}).onSubmit)},[e,a,d]),(0,t.useEffect)(()=>{b(!0)},[]),(0,t.useEffect)(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),!e||!h)return null;let j=(0,l.jsxs)("div",{className:"fixed inset-0 z-[9999] overflow-y-auto flex items-center justify-center p-4",children:[(0,l.jsx)("div",{className:"fixed inset-0 bg-black/80 backdrop-blur-sm transition-opacity",onClick:s}),(0,l.jsxs)("div",{className:"relative bg-white-base rounded-xl shadow-2xl max-w-lg w-full max-h-[90vh] overflow-y-auto transform transition-all",children:[(0,l.jsxs)("div",{className:"bg-white-base px-4 pt-5 pb-4 sm:p-6 sm:pb-4",children:[(0,l.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,l.jsx)("div",{className:"w-10 h-10 bg-blue-light rounded-xl flex items-center justify-center",children:(0,l.jsx)("svg",{className:"w-5 h-5 text-blue-base",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})})}),(0,l.jsx)("h3",{className:"text-lg font-bold text-black-base",children:m("packInfoModal.title")})]}),u&&(0,l.jsxs)("div",{className:"p-4 bg-red-base/10 border-2 border-red-base/30 rounded-xl flex items-start gap-4 shadow-sm mb-4",children:[(0,l.jsx)("div",{className:"w-10 h-10 bg-red-base/15 rounded-xl flex items-center justify-center flex-shrink-0",children:(0,l.jsx)("svg",{className:"w-5 h-5 text-red-base",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})})}),(0,l.jsx)("div",{className:"flex-1",children:(0,l.jsx)("p",{className:"text-sm text-red-base font-medium",children:u})})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"block text-sm font-semibold text-gray-darken mb-2",children:m("packInfoModal.packName")}),(0,l.jsx)("input",{type:"text",value:f||"",onChange:e=>p(e.target.value),placeholder:m("packInfoModal.packNamePlaceholder"),className:"w-full px-4 py-3 border-2 border-gray-light rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-base focus:border-blue-base transition-all bg-white-base",maxLength:100,autoFocus:!0}),f&&f.length>0&&f.length<3&&(0,l.jsxs)("p",{className:"mt-2 text-xs text-yellow-medium flex items-center gap-1",children:[(0,l.jsx)("svg",{className:"w-3 h-3",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})}),m("packInfoModal.packNameMinLength")]})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"block text-sm font-semibold text-gray-darken mb-2",children:m("packInfoModal.description")}),(0,l.jsx)("textarea",{value:g||"",onChange:e=>k(e.target.value),placeholder:m("packInfoModal.descriptionPlaceholder"),rows:3,className:"w-full px-4 py-3 border-2 border-gray-light rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-base focus:border-blue-base resize-none transition-all bg-white-base",maxLength:500}),g&&g.length>0&&(0,l.jsxs)("p",{className:"mt-2 text-xs text-gray-base text-right",children:[g.length,m("packInfoModal.characters")]})]})]})]}),(0,l.jsxs)("div",{className:"bg-gray-lighter px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse sm:gap-3",children:[(0,l.jsx)(o.$n,{variant:o.Ck.SECONDARY,size:o.GO.LG,className:"!w-full sm:!w-auto !bg-white-base",onClick:()=>{w.current&&w.current(f,g)},disabled:x||!f||!f.trim()||f.trim().length<3,leftIcon:x?(0,l.jsx)(o.Rh,{variant:o.cS.SPINNER,size:o.u5.SM}):(0,l.jsx)(c.A,{size:18}

1),ariaLabel:m("packInfoModal.createPack"),children:m(x?"packInfoModal.creating":"packInfoModal.createPack")}),(0,l.jsx)(o.$n,{variant:o.Ck.SECONDARY,size:o.GO.LG,className:"!mt-3 sm:!mt-0 !w-full sm:!w-auto !bg-white-base",onClick:s,leftIcon:(0,l.jsx)(i.A,{size:18}),ariaLabel:m("packInfoModal.cancel"),children:m("packInfoModal.cancel")})]})]})]}),v="undefined"!=typeof document?document.getElementById("modal-root")||document.body:null;return v?(0,n.createPortal)(j,v):j}}}]);