https://mongolian.ai/_next/static/chunks/2619.28e981f45e7fcdfa.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2619],{32619:function(e,t,i){i.r(t),i.d(t,{default:function(){return I}});var n,r,a=i(11527),s=i(50959),l=i(44026),c=i(97442),o=i(88717),d=i(63947),x=i(15890),u=i(37110);function p(){return(p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)({}).hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e}).apply(null,arguments)}var m=function(e){return s.createElement("svg",p({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},e),n||(n=s.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"m15 18-6-6 6-6"})))};function f(){return(f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)({}).hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e}).apply(null,arguments)}var h=function(e){return s.createElement("svg",f({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},e),r||(r=s.createElement("path",{fill:"currentColor",d:"M10.501 10 6.668 6.167 7.835 5l5 5-5 5-1.167-1.167z"})))},g=i(80320),y=i(69569),j=i(35577),v=i(83078),w=i(67929),F=i(7242),b=i(32036),k=i(5754),N=i(11260),C=e=>{let{data:t}=e,{t:i}=(0,F.$G)("pickaxe"),{isGuest:n}=(0,y.t)(),{accessGroup:r,onUpdateCurrentPopup:s}=(0,d.D)(),{isNavigating:o,onGoTo:x}=(0,g.E)(),u=(0,l.i)(),p=t.isLocked&&!(0,j.aY)(t,null==r?void 0:r.accessGroupId),m=async()=>{if(p){s(n?"sign-up":"pricing");return}await x({type:"pickaxe",id:t.id})};return(0,a.jsxs)("div",{className:"flex w-full items-center justify-between gap-12 py-8 max-[899px]:flex-col max-[899px]:items-center max-[899px]:gap-4 max-[899px]:px-4",children:[(0,a.jsxs)("div",{className:"flex flex-grow items-start gap-8 max-[899px]:flex-col max-[899px]:flex-wrap max-[899px]:items-center",children:[(0,a.jsxs)(k.qE,{className:"h-[120px] w-[120px]",children:[(0,a.jsx)(k.F$,{src:t.displayIcon,alt:i("item-icon-alt",{name:t.displayName||"Pickaxe",defaultValue:"{{name}} icon"})}),(0,a.jsx)(k.Q5,{})]}),(0,a.jsxs)("div",{className:"flex max-w-[700px] flex-col items-start text-left max-[899px]:text-center",children:[(0,a.jsx)("p",{className:(0,c.Z)(u.b1,"font-semibold max-[899px]:w-full"),children:t.displayName}),(0,a.jsx)(v.Z,{children:(0,a.jsx)(w.n,{className:(0,c.Z)(u.b1,"mt-2 line-clamp-2 font-semilight"),value:t.displayDescription})})]})]}),(0,a.jsx)("div",{className:"flex max-[899px]:justify-start",children:(0,a.jsxs)(N.z,{className:"h-12",onClick:m,disabled:o,children:[p&&(0,a.jsx)(b.Z,{}),i("try-now",{defaultValue:"Try now"})]})})]})};let E={hidden:{opacity:1},visible:{opacity:1,transition:{when:"beforeChildren",staggerChildren:.1}},exit:{opacity:1,transition:{when:"afterChildren",staggerChildren:.1}}},Z={hidden:e=>({x:"right"===e?100:-100,opacity:0}),visible:{x:0,opacity:1,transition:{type:"spring",stiffness:300,damping:30}},exit:e=>({x:"right"===e?-100:100,opacity:0,transition:{type:"spring",stiffness:300,damping:30}})};var O=e=>{let{className:t,maxDisplay:i=4,filteredIds:n}=e,{portal:r}=(0,d.D)(),{colors:l}=(0,o.H)(),[p,f]=(0,s.useState)(0),[g,y]=(0,s.useState)("right"),j=(0,s.useMemo)(()=>{if(!r)return[];let e=r.items.filter(e=>"pickaxe"===e.type),t=new Set;return(e=e.filter(e=>{let i=e.id;return!t.has(i)&&(t.add(i),!0)})).sort((e,t)=>e.order-t.order),e.filter(e=>n.includes(e.secondaryId||e.id))},[n,r]),v=(0,s.useMemo)(()=>j.slice(p,p+i),[j,p,i]);return n.length?(0,a.jsxs)("div",{className:(0,c.Z)("w-full",t),children:[(0,a.jsx)(x.M,{initial:!1,custom:g,mode:"wait",children:(0,a.jsx)(u.E.div,{custom:g,variants:E,initial:"hidden",animate:"visible",exit:"exit",children:v.map((e,t)=>(0,a.jsx)(u.E.div,{custom:g,variants:Z,children:(0,a.jsx)(C,{data:e})},t))},p)}),!(0===p&&p+i>=j.length)&&(0,a.jsx)("div",{className:"mt-8 flex w-full justify-end",children:(0,a.jsxs)("div",{className:"flex items-center gap-8",children:[(0,a.jsx)("button",{className:"flex items-center justify-center rounded-full p-1 hover:opacity-80 hover:duration-300 disabled:cursor-not-allowed disabled:opacity-30",style:{backgroundColor:l.accent,color:l.accentForeground},...0===p&&{disabled:!0},onClick:()=>{y("left"),f(e=>Math.max(0,e-i))}

1,children:(0,a.jsx)(m,{className:(0,c.Z)("h-5 w-5 shrink-0","#FFFFFF"===l.foreground?"text-[#000000]":"text-[#FFFFFF]")})}),(0,a.jsx)("button",{className:"flex items-center justify-center rounded-full p-1 hover:opacity-80 hover:duration-300 disabled:cursor-not-allowed disabled:opacity-30",style:{backgroundColor:l.accent,color:l.accentForeground},...p+i>=j.length&&{disabled:!0},onClick:()=>{y("right"),f(e=>{let t=e+i;return t>=j.length?e:t})},children:(0,a.jsx)(h,{className:(0,c.Z)("h-5 w-5 shrink-0","#FFFFFF"===l.foreground?"text-[#000000]":"text-[#FFFFFF]")})})]})})]}):null},I=e=>{let{data:t}=e,i=(0,l.i)(),n=(0,s.useMemo)(()=>{try{if(!t.pickaxeIds)return[];return JSON.parse(t.pickaxeIds)}catch(e){return[]}},[t.pickaxeIds]);return n.length?(0,a.jsx)("section",{className:"flex flex-col items-center px-16 py-[7.5rem] transition-px duration-300 ease-in-out max-[1080px]:px-8 max-[899px]:px-4 max-[899px]:py-[5rem]","data-page-section":"pickaxe-listing",children:(0,a.jsxs)("div",{className:"flex w-full max-w-[1488px] flex-col items-center",children:[t.isTitle&&!!t.title&&(0,a.jsx)("h2",{className:(0,c.Z)(i.h2,"mb-8 text-center font-semilight"),children:t.title}),(0,a.jsx)(O,{maxDisplay:4,filteredIds:n})]})}):null}},83078:function(e,t,i){var n=i(11527),r=i(88717),a=i(95826),s=i(3961);t.Z=e=>{let{children:t}=e,{theme:i,colors:l}=(0,r.H)();return(0,n.jsx)(s.it,{theme:a.MC.includes(i)?"dark":"light",colors:{primary:l.background,text:l.foreground,secondary:l.secondary,secondaryText:l.secondaryForeground,accent:l.accent,accentText:l.accentForeground,error:"#EF4444"},readOnly:!0,children:t})}}}]);