https://yummy-hunter.com/_next/static/chunks/storepanel-db9dabd3-1141d7e3daaa2e95.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4262],{1917:(e,t,a)=>{"use strict";a.d(t,{default:()=>P});var n=a(54568),o=a(99680),r=a(7620),i=a(5367),s=a(16787),l=a(13446),c=a(17989),m=a(419),x=a(66873),d=a(26348),p=a(95703),h=a(25376),u=a(2098),g=a(99446),f=a(11771),b=a(83472),A=a(45936),N=a(78419),_=a(57614),y=a(6843),v=a(50888),j=a(29266),S=a(80348),w=a(34582);let E=(0,i.default)(()=>Promise.all([a.e(3721),a.e(9486),a.e(3712),a.e(4262),a.e(2385),a.e(7207),a.e(7562),a.e(3130),a.e(5531),a.e(8638),a.e(8098),a.e(9284),a.e(6579),a.e(544),a.e(5501),a.e(1297)]).then(a.bind(a,61036)).then(e=>e.MwebEditor),{loadableGenerated:{webpack:()=>[61036]},loading:()=>(0,n.jsx)(m.R,{}),ssr:!1}),M=(0,i.default)(()=>Promise.all([a.e(3721),a.e(9486),a.e(3712),a.e(4262),a.e(2385),a.e(7207),a.e(7562),a.e(3130),a.e(5531),a.e(8638),a.e(8098),a.e(9284),a.e(6579),a.e(544),a.e(5501),a.e(1297),a.e(4828)]).then(a.bind(a,39779)).then(e=>e.DwebEditor),{loadableGenerated:{webpack:()=>[39779]},loading:()=>(0,n.jsx)(m.R,{}),ssr:!1});function P(e){let t,a,i,P,O,L,H,V,z,G,F,Z,K,W,U,Q,q,X,Y,J,ee,et,ea,en=(0,o.c)(62),{isMobile:eo}=e,er=(0,A.VN)(D),ei=(0,A.VN)($),es=(0,A.VN)(k),el=(0,N.ZP)(),ec=(0,N.d)(el),em=(0,N.WT)(el),{setSubscribable:ex}=(0,g.vo)(),{openUpgradeModal:ed}=(0,u.vf)(),{handleLoginTokenExpired:ep}=(0,p.Z)(),{isTabSwitching:eh}=(0,y.xn)(),{isBlocked:eu}=(0,y.nC)(),eg=(0,A.VN)(I),ef=(0,A.uy)(R),{setLevelSetting:eb}=(0,A.kV)();en[0]!==el.actions.mutatePageData||en[1]!==el.state.pageLayoutStatus?(t={mutatePageData:el.actions.mutatePageData,pageLayoutStatus:el.state.pageLayoutStatus},en[0]=el.actions.mutatePageData,en[1]=el.state.pageLayoutStatus,en[2]=t):t=en[2],(0,y.sJ)(t),en[3]!==ep||en[4]!==eo||en[5]!==er||en[6]!==ei||en[7]!==eb?(a=()=>{er(eo),(0,f.s)();let e=s.lR.get(s.cy.brandId),t=!!s.lR.get(s.cy.idSuperLogin);if(window.addEventListener(x.x6.LOGIN_TOKEN_EXPIRED_EVENT,ep),e)try{s.ws.start(),s.kJ.set(s.FX.pageEditorProductGroupSourceCache,{},"1m")}catch(e){(0,_.e8)(e,{tags:{scope:"Page Editor"}})}else ep();return t&&(ei(!0),window.confirm(w.A.gettext("[Pinzap Admin]\n編輯品牌的頁面資料已鎖定，任何操作將不會被儲存\n請解除鎖定後再進行編輯"))),(0,b.TV)().then(e=>{e?.data&&eb(e.data)}).catch(C),()=>{window.removeEventListener(x.x6.LOGIN_TOKEN_EXPIRED_EVENT,ep)}},en[3]=ep,en[4]=eo,en[5]=er,en[6]=ei,en[7]=eb,en[8]=a):a=en[8],(0,d.S)(a),en[9]!==ed||en[10]!==ex||en[11]!==el.state.brand||en[12]!==el.state.plan||en[13]!==el.state.profile?(i=()=>{let e=function(e){let t=e instanceof CustomEvent?e.detail:null;if("object"!=typeof t||null===t||!("url"in t)||"string"!=typeof t.url)return;let a=(0,h.RV)(t.url);a&&el.state.plan&&el.state.profile&&ed({currentPlanDetail:el.state.plan,currentPlan:el.state.plan.plan_type,period:el.state.plan.renew_period,permissions:el.state.profile.permissions,feature:a})};return el.state.brand&&ex((0,h.cY)(el.state.brand.status,el.state.brand.status_type)),window.addEventListener(x.x6.PERMISSION_INSUFFICIENT_EVENT,e),()=>{window.removeEventListener(x.x6.PERMISSION_INSUFFICIENT_EVENT,e)}},en[9]=ed,en[10]=ex,en[11]=el.state.brand,en[12]=el.state.plan,en[13]=el.state.profile,en[14]=i):i=en[14],en[15]!==el.state.plan||en[16]!==el.state.profile?(P=[el.state.plan,el.state.profile],en[15]=el.state.plan,en[16]=el.state.profile,en[17]=P):P=en[17],(0,r.useEffect)(i,P),en[18]!==es?(O=()=>{(0,S.sh)().then(e=>{e?.data&&es(e.data)}).catch(B)},L=[es],en[18]=es,en[19]=O,en[20]=L):(O=en[19],L=en[20]),(0,r.useEffect)(O,L),en[21]!==eu||en[22]!==ei?(H=()=>{eu&&ei(!0)},V=[eu,ei],en[21]=eu,en[22]=ei,en[23]=H,en[24]=V):(H=en[23],V=en[24]),(0,r.useEffect)(H,V);let eA=eo?E:M,eN=eh?.85:1,e_=eh?"none":"auto";return en[25]===Symbol.for("react.memo_cache_sentinel")?(z={display:"none"},en[25]=z):z=en[25],en[26]!==e_||en[27]!==eN?(G={opacity:eN,pointerEvents:e_,overscrollBehavior:"none",scrollbarWidth:"none",msOverflowStyle:"none","&::-webkit-scrollbar":z,touchAction:"manipulation"},en[26]=e_,en[27]=eN,en[28]=G):G=en[28],en[29]===Symbol.for("react.memo_cache_sentinel")?(F={bg:"neutral.010","--toast-z-index":"100000"},en[29]=F):F=en[29],en[30]!==G?(Z={styles:{global:{"html, body":G,body:F}}},en[30]=G,en[31]=Z):Z=en[31],en[32]===Symbol.for("react.memo_cache_sentinel")?(K={shouldRetryOnError:!1,errorRetryCount:0},en[32]=K):K=en[32],en[33]!==eA||en[34]!==eu?(W=(0,n.jsx)(eA,{isAiOnboardingRunning:eu}

1),en[33]=eA,en[34]=eu,en[35]=W):W=en[35],en[36]!==eo||en[37]!==ef||en[38]!==eg?(U=!ef&&!eo&&(0,n.jsx)(l.Box,{position:"fixed",bottom:"20px",right:"20px",children:(0,n.jsx)(v.AIOnboardingResumeButton,{visible:"not_started"===eg||"failed"===eg,onClick:T})}),en[36]=eo,en[37]=ef,en[38]=eg,en[39]=U):U=en[39],en[40]===Symbol.for("react.memo_cache_sentinel")?(Q=(0,n.jsx)(l.ModalProvider,{}),en[40]=Q):Q=en[40],en[41]!==W||en[42]!==U?(q=(0,n.jsxs)(c.p,{children:[W,U,Q]}),en[41]=W,en[42]=U,en[43]=q):q=en[43],en[44]!==em||en[45]!==q?(X=(0,n.jsx)(N._w,{value:em,children:q}),en[44]=em,en[45]=q,en[46]=X):X=en[46],en[47]!==ec||en[48]!==X?(Y=(0,n.jsx)(N.bb,{value:ec,children:X}),en[47]=ec,en[48]=X,en[49]=Y):Y=en[49],en[50]!==el||en[51]!==Y?(J=(0,n.jsx)(j.BE,{value:K,children:(0,n.jsx)(N.z6,{value:el,children:Y})}),en[50]=el,en[51]=Y,en[52]=J):J=en[52],en[53]!==eh?(ee=eh&&(0,n.jsx)(m.R,{}),en[53]=eh,en[54]=ee):ee=en[54],en[55]!==eu?(et=eu&&(0,n.jsx)(l.Box,{position:"fixed",inset:"0",zIndex:"1300"}),en[55]=eu,en[56]=et):et=en[56],en[57]!==Z||en[58]!==J||en[59]!==ee||en[60]!==et?(ea=(0,n.jsxs)(l.ChakraProvider,{theme:Z,children:[J,ee,et]}),en[57]=Z,en[58]=J,en[59]=ee,en[60]=et,en[61]=ea):ea=en[61],ea}function T(){window.location.href=`/panel?${x.gv}=1`}function B(e){(0,_.e8)(e)}function C(e){(0,_.e8)(e)}function R(e){return e.isPreviewMode}function I(e){return e.aiOnboardingStatus}function k(e){return e.setFavoriteColors}function $(e){return e.setIsReadOnly}function D(e){return e.setIsMobile}},12034:(e,t,a)=>{"use strict";a.d(t,{V:()=>l});var n=a(54568),o=a(99680),r=a(7620),i=a(13446),s=a(34582);let l=e=>{let t,a,l,c,m,x,d,p,h,u,g=(0,o.c)(27),{page:f,handleNegativeClick:b,handlePositiveClick:A,updateExistPage:N,updatePageMeta:_,onUpdatePageTitle:y}=e,[v,j]=(0,r.useState)(f.custom_name);g[0]===Symbol.for("react.memo_cache_sentinel")?(t=e=>{j(e)},g[0]=t):t=g[0];let S=t;g[1]!==A||g[2]!==v||g[3]!==y||g[4]!==f.enabled||g[5]!==f.id||g[6]!==f.name||g[7]!==f.theme||g[8]!==N||g[9]!==_?(a=function(){N({pageId:f.id,enabled:f.enabled,custom_name:v,theme:f.theme}),"home"!==f.name&&"product"!==f.name&&_(f.id,{title:v},()=>{y(v)}),A()},g[1]=A,g[2]=v,g[3]=y,g[4]=f.enabled,g[5]=f.id,g[6]=f.name,g[7]=f.theme,g[8]=N,g[9]=_,g[10]=a):a=g[10];let w=a;g[11]===Symbol.for("react.memo_cache_sentinel")?(l=(0,n.jsx)(i.Modal.Header,{fontSize:"sm",fontWeight:"semibold",children:s.A.gettext("重新命名此頁面")}),g[11]=l):l=g[11],g[12]!==f.custom_name?(c=(0,n.jsx)(i.Modal.Body,{fontSize:"xs",children:(0,n.jsx)(i.FormControlInput,{name:"custom-page-name",defaultValue:f.custom_name,onChange:S,isRequired:!0})}),g[12]=f.custom_name,g[13]=c):c=g[13],g[14]===Symbol.for("react.memo_cache_sentinel")?(m=s.A.gettext("取消"),g[14]=m):m=g[14],g[15]!==b?(x=(0,n.jsx)(i.Button,{variant:"secondary",onClick:b,children:m}),g[15]=b,g[16]=x):x=g[16];let E=!v;return g[17]===Symbol.for("react.memo_cache_sentinel")?(d=s.A.gettext("確認"),g[17]=d):d=g[17],g[18]!==w||g[19]!==E?(p=(0,n.jsx)(i.Button,{variant:"primary",onClick:w,disabled:E,children:d}),g[18]=w,g[19]=E,g[20]=p):p=g[20],g[21]!==x||g[22]!==p?(h=(0,n.jsxs)(i.Modal.Footer,{display:"flex",gap:"10px",children:[x,p]}),g[21]=x,g[22]=p,g[23]=h):h=g[23],g[24]!==c||g[25]!==h?(u=(0,n.jsxs)(i.Flex,{flexDirection:"column",py:"xl",px:"m",gap:"m",children:[l,c,h]}),g[24]=c,g[25]=h,g[26]=u):u=g[26],u}},13884:(e,t,a)=>{"use strict";a.d(t,{C:()=>r,p:()=>o});var n=a(34582);let o="/panel",r={home:{path:o,routeName:"home",localPageName:n.A.gettext("首頁")},order:{path:`${o}/order`,routeName:"order",localPageName:n.A.gettext("訂單管理"),routes:[{path:"/",routeName:"order",localPageName:n.A.gettext("訂單列表")}]},product:{path:`${o}/product`,routeName:"product",localPageName:n.A.gettext("商品管理"),routes:[{path:"/",routeName:"product",localPageName:n.A.gettext("所有商品")},{path:"/import",routeName:"import",localPageName:n.A.gettext("批次匯入商品")},{path:"/category",routeName:"category",localPageName:n.A.gettext("分類管理")},{path:"/description",routeName:"description",localPageName:n.A.gettext("商品共用段落")}]},member:{path:`${o}/member`,routeName:"member",localPageName:n.A.gettext("會員管理"),routes:[{path:"/",routeName:"member",localPageName:n.A.gettext("會員列表")},{path:"/points",routeName:"points",localPageName:n.A.gettext("會員點數")},{path:"/level",routeName:"level",localPageName:n.A.gettext("會員分級")}]},blog:{path:`${o}/blog`,routeName:"blog",localPageName:n.A.gettext("部落格"),routes:[{path:"/",routeName:"blog",localPageName:n.A.gettext("文章列表")}]},promotions:{path:`${o}/promotions`,routeName:"promotions",localPageName:n.A.gettext("行銷工具"),routes:[{path:"/",routeName:"promotions",localPageName:n.A.gettext("行銷活動總覽")},{path:"/giveaway",routeName:"giveaway",localPageName:n.A.gettext("加價購/贈品")},{path:"/promo",routeName:"promo",localPageName:n.A.gettext("優惠活動")},{path:"/coupon",routeName:"coupon",localPageName:n.A.gettext("優惠券")}]},revenue:{path:`${o}/revenue`,routeName:"revenue",localPageName:n.A.gettext("營收報表"),routes:[{path:"/",routeName:"revenue",localPageName:n.A.gettext("營收ç

1‹€æ³èˆ‡å ±è¡¨")}]},editor:{path:`${o}/editor`,routeName:"editor",localPageName:n.A.gettext("商店設計"),routes:[{path:"/",routeName:"editor",localPageName:n.A.gettext("商店編輯器")},{path:"/navigation",routeName:"navigation",localPageName:n.A.gettext("商店導覽選單設定")},{path:"/basic",routeName:"basic",localPageName:n.A.gettext("商店基礎設定")},{path:"/domain",routeName:"domain",localPageName:n.A.gettext("購買客製化網域")}]},extension:{path:`${o}/extension`,routeName:"extension",localPageName:n.A.gettext("擴充功能"),routes:[{path:"/advertisement",routeName:"advertisement",localPageName:n.A.gettext("廣告串接")},{path:"/tracking",routeName:"tracking",localPageName:n.A.gettext("第三方數據串接")}]},subscribe:{path:`${o}/subscribe`,routeName:"subscribe",localPageName:n.A.gettext("訂閱與帳務"),routes:[{path:"/plan",routeName:"plan",localPageName:n.A.gettext("訂閱方案")},{path:"/promotion",routeName:"promotion",localPageName:n.A.gettext("訂閱優惠")},{path:"/ai-credit",routeName:"ai-credit",localPageName:n.A.gettext("AI 點數用量")},{path:"/payment",routeName:"payment",localPageName:n.A.gettext("付款設定與帳單")}]},settings:{path:`${o}/settings`,routeName:"settings",localPageName:n.A.gettext("設定"),routes:[{path:"/finance",routeName:"finance",localPageName:n.A.gettext("身分驗證與財務相關設定")},{path:"/shipping",routeName:"shipping",localPageName:n.A.gettext("運費設定")},{path:"/permission",routeName:"permission",localPageName:n.A.gettext("管理員帳號設定")},{path:"/brand",routeName:"brand",localPageName:n.A.gettext("品牌基本資訊")},{path:"/mcp",routeName:"mcp",localPageName:n.A.gettext("AI 代管 MCP 安裝")}]},account:{path:`${o}/account`,routeName:"account",localPageName:n.A.gettext("我的帳號"),routes:[{path:"/profile",routeName:"profile",localPageName:n.A.gettext("帳號設定")}]},support:{path:`${o}/support`,routeName:"support",localPageName:n.A.gettext("幫助中心"),routes:[{path:"https://pinzap.zendesk.com/hc/zh-tw",routeName:"faq",localPageName:n.A.gettext("常見問與答"),external:!0},{path:"https://pinzap.zendesk.com/hc/zh-tw/requests/new",routeName:"contact",localPageName:n.A.gettext("聯絡客服"),external:!0}]}}},35824:(e,t,a)=>{"use strict";a.d(t,{h:()=>f});var n=a(54568),o=a(7620),r=a(97509),i=a(13446),s=a(85135),l=a(63904),c=a(41532),m=a(87029),x=a(99680),d=a(47130);function p(e){let t,a,o,r,i,s=(0,x.c)(18),{targetRects:l,padding:c,root:m,opacity:p,positionFixed:h}=e,u=void 0===p?.5:p,g=Math.max(m.scrollWidth,m.offsetWidth),f=Math.max(m.scrollHeight,m.offsetHeight),b=`0 0 ${g} ${f}`;return s[0]!==h?(t=h?{position:"fixed"}:void 0,s[0]=h,s[1]=t):t=s[1],s[2]!==c||s[3]!==f||s[4]!==g||s[5]!==l?(a=function(e){let{padding:t=0,radius:a=3,rects:n,rootRect:o}=e,r=["M 0 0",`L ${o.width} 0`,`L ${o.width} ${o.height}`,`L 0 ${o.height}`,"L 0 0","Z"];return n.forEach(e=>{let n={x:e.left,y:e.top},o={x:e.left+e.width,y:e.top},i={x:e.left+e.width,y:e.top+e.height},s={x:e.left,y:e.top+e.height};r.push(`M ${n.x-t+a} ${n.y-t}`,`L ${o.x+t-a} ${o.y-t}`,`Q ${o.x+t} ${o.y-t} ${o.x+t} ${o.y-t+a}`,`L ${i.x+t} ${i.y+t-a}`,`Q ${i.x+t} ${i.y+t} ${i.x+t-a} ${i.y+t}`,`L ${s.x-t+a} ${s.y+t}`,`Q ${s.x-t} ${s.y+t} ${s.x-t} ${s.y+t-a}`,`L ${n.x-t} ${n.y-t+a}`,`Q ${n.x-t} ${n.y-t} ${n.x-t+a} ${n.y-t}`,"Z")}),r.join(" ")}({rects:l,padding:c,rootRect:{width:g,height:f}}),s[2]=c,s[3]=f,s[4]=g,s[5]=l,s[6]=a):a=s[6],s[7]!==u?(o=(0,d.j5)("#202026",u),s[7]=u,s[8]=o):o=s[8],s[9]!==a||s[10]!==o?(r=(0,n.jsx)("path",{d:a,fill:o}),s[9]=a,s[10]=o,s[11]=r):r=s[11],s[12]!==f||s[13]!==g||s[14]!==b||s[15]!==t||s[16]!==r?(i=(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"step-mask",width:g,height:f,viewBox:b,style:t,children:r}),s[12]=f,s[13]=g,s[14]=b,s[15]=t,s[16]=r,s[17]=i):i=s[17],i}a(62708);let h=e=>{let t,a,o=(0,x.c)(11),{targets:r,root:i,padding:s,opacity:l,positionFixed:c}=e,m=c??!1;if(o[0]!==i||o[1]!==r){let e;o[3]!==i?(e=e=>{if(!e||!i)return null;let t={x:0,y:0},a=e.closest("[data-popper-placement]")||e.closest("[data-slide-element]");if(a){let{transform:e}=window.getComputedStyle(a),{x:n,y:o}=function(e){let t=e.match(/matrix\(([^)]+)\)/);if(!t)return{x:0,y:0};let a=t[1].split(",").map(e=>parseFloat(e.trim()));return{x:a[4]||0,y:a[5]||0}}(e);t.x=n,t.y=o}return function(e,t,a){let n=e.offsetTop+a.y,o=e.offsetLeft+a.x,r=e.offsetParent;for(;r&&r!==t;)n=r.offsetTop+n,o=r.offsetLeft+o,r=r.offsetParent;let{width:i,height:s}=e.getBoundingClientRect();return{top:n,left:o,width:i,height:s}}(e,i,t)},o[3]=i,o[4]=e):e=o[4],t=r.map(e).filter(u),o[0]=i,o[1]=r,o[2]=t}else t=o[2];let d=t;return 0===d.length?null:(o[5]!==m||o[6]!==l||o[7]!==s||o[8]!==i||o[9]!==d?(a=(0,n.jsx)(p,{targetRects:d,padding:s,root:i,opacity:l,positionFixed:m}),o[5]=m,o[6]=l,o[7]=s,o[8]=i,o[9]=d,o[10]=a):a=o[10],a)};function u(e){return null!==e}let g=e=>{let{step:t,onNextStep:a,root:r,positionFixed:x=!1,index:d,isMobile:p,version:u}=e,[g,f]=(0,o.useState)(null),[b,A]=(0,o.useState)([]),N=(0,o.useRef)(null),_=t.placement??"top-start",{refs:y,floatingStyles:v,context:j,middlewareData:S}=(0,l.we)({placement:_,elements:{floating:g},open:!!g,transform:!1,onOpenChange:e=>{f(e?g:null)},middleware:[(0,c.UU)({crossAxis:!1,fallbackAxisSideDirection:"start"}),(0,c.BN)(),(0,c.cY)(14+t.padding),(0,c.UE)({element:N,padding:t.padding})],whileElementsMounted:(e,t,a)=>(e.scrollIntoView({behavior:"smooth",block:"center"}),(0,m.ll)(e,t,a))});(0,o.useEffect)(()=>{let e=document.querySelectorAll(decodeURIComponent(t.selector));if(e.length>0){let t=Array.from(e),a=t[t.length-1];a&&y?.setReference(a),A(t)}},[t.selector,y,u]);let w=(0,l.Bi)(),E=(0,l.kp)(j),M=(0,l.s9)(j),P=(0,l.It)(j),{getFloatingProps:T}=(0,l.bv)([E,M,P]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(h,{targets:b,padding:t.padding,root:r,positionFixed:x}),(0,n.jsx)(l.s3,{context:j,modal:!1,children:(0,n.jsxs)(i.Box,{className:"intro-steps__step",ref:y.setFloating,style:v,"aria-labelledby":w,...T(),...p&&{shadow:"md"},children:[(0,n.jsxs)(i.Box,{className:"intro-steps__step-inner",children:[t.title&&(0,n.jsx)(i.Box,{className:"intro-steps__step-title",children:t.title}),(0,n.jsx)(i.Box,{className:"intro-steps__step-content",children:"function"==typeof t.content?t.content():t.content}),(0,n.jsx)(i.Box,{className:"intro-steps__step-action",children:(0,n.jsx)(i.Button,{size:"sm",onClick:a,sx:{color:"neutral.000",bg:"dynamic.040",_hover:{bg:"dynamic.050"},_active:{bg:"dynamic.060"}},inline:!0,children:t.actionLabel},`step-btn-${d}`)}

1)]}),(0,n.jsx)(l.ie,{className:(0,s.A)("intro-steps__step-arrow",_),fill:"white",ref:N,context:j,style:{top:S.arrow?.y,left:S.arrow?.x}})]})})]})};a(84638);let f=(0,o.forwardRef)((e,t)=>{let{steps:a,onComplete:s,onError:l,root:c,isMobile:m,beforeNextStep:x,afterNextStep:d}=e,[p,h]=(0,o.useState)(0),[u,f]=(0,o.useState)(0),[b,A]=(0,o.useState)(null),N=(0,o.useMemo)(()=>(a||[])[p],[a,p]),_=c||document.body||document.documentElement;(0,o.useEffect)(()=>{let e=null,t=null,a=null;try{(e=document.querySelector(N.selector))?A(e):((t=new MutationObserver(()=>{(e=document.querySelector(N.selector))&&(A(e),f(e=>e+1),t?.disconnect(),t=null,a&&clearTimeout(a))})).observe(document.body,{childList:!0,subtree:!0}),a=setTimeout(()=>{if(!e){t?.disconnect(),t=null;let e=`[Intro]: "${N.selector}" not found after waiting.`;l&&l({message:e})}},3e3))}catch(e){l&&l(e)}return()=>{t?.disconnect(),a&&clearTimeout(a)}},[N,l]),(0,o.useEffect)(()=>{let{position:e}=window.getComputedStyle(_);if(-1===["relative","absolute","fixed"].indexOf(e))return _.style.position="relative",()=>{_.style.position=e}},[]);let y=(0,o.useCallback)(()=>{let e=p+1===a.length,t=a[p];x&&x(t),e?s&&s():h(p+1),d&&d(t)},[p,a,s,x,d]);return((0,o.useImperativeHandle)(t,()=>({handleNextStep:y}),[y]),b&&N)?r.createPortal((0,n.jsx)(i.Box,{className:"intro-steps",children:(0,n.jsx)(g,{step:N,index:p,onNextStep:y,root:_,isMobile:m,version:u})}),_):null});f.displayName="Intro"},37332:(e,t,a)=>{"use strict";a.d(t,{F:()=>r});var n=a(54568);a(7620);var o=a(24070);let r={[o.SQ.standard]:(0,n.jsx)("svg",{width:"50px",height:"36px",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v6.667a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2ZM0 14.667a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v6.666a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-6.666ZM0 27.333a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2V34a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-6.667ZM15 2a2 2 0 0 1 2-2h31a2 2 0 0 1 2 2v32a2 2 0 0 1-2 2H17a2 2 0 0 1-2-2V2Z"})}),[o.SQ.feature]:(0,n.jsxs)("svg",{width:"50px",height:"36px",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("path",{d:"M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v6.667a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2ZM0 14.667a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v6.666a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-6.666ZM0 27.333a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2V34a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-6.667ZM15 2a2 2 0 0 1 2-2h30a2 2 0 0 1 2 2v32a2 2 0 0 1-2 2H17a2 2 0 0 1-2-2V2Z"}),(0,n.jsx)("path",{d:"M19 29a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-1Z",opacity:"0.5",style:{fill:"var(--chakra-colors-neutral-000)"}})]}),[o.SQ.wall]:(0,n.jsx)("svg",{width:"17px",height:"40px",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M0 3a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3ZM0 24a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V24Z"})}),[o.SQ.wall2]:(0,n.jsx)("svg",{width:"29px",height:"44px",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M.5 2a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v23a2 2 0 0 1-2 2h-24a2 2 0 0 1-2-2V2ZM.5 32a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2V32ZM15.5 32a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2V32Z"})}),[o.SQ.scroll]:(0,n.jsx)("svg",{width:"49px",height:"28px",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M.5 2.5a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v23a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-23ZM10.5 2.5a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v23a2 2 0 0 1-2 2h-24a2 2 0 0 1-2-2v-23ZM39.5 2.5a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v23a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-23Z"})})}},45836:(e,t,a)=>{"use strict";a.d(t,{gM:()=>i,R2:()=>s,X:()=>c,rE:()=>l});var n,o=a(13884),r=a(34582),i=((n={}).BRAND_SUPER_ADMIN="brand_super_admin",n.EDITOR="editor",n.ORDER_MANAGEMENT="order_management",n.PRODUCT_MANAGEMENT="product_management",n.MEMBER_MANAGEMENT="member_management",n.PROMO_MANAGEMENT="promo_management",n.SHIPPING_MANAGEMENT="shipping_management",n.REFUND_MANAGEMENT="refund_management",n.FINANCE_MANAGEMENT="finance_management",n);let s=new Map,l={editor:{regex:/^\/panel\/editor\/?/,name:r.A.gettext("商店編輯器"),permissionKey:i.EDITOR},navigation:{regex:/^\/panel\/editor\/navigation\/?/,name:r.A.gettext("商店導覽選單設定"),permissionKey:i.EDITOR},basic:{regex:/^\/panel\/editor\/basic\/?/,name:r.A.gettext("商店基礎設定"),permissionKey:i.BRAND_SUPER_ADMIN},order:{regex:/^\/panel\/order\/?/,name:r.A.gettext("訂單管理"),permissionKey:i.ORDER_MANAGEMENT},product:{regex:/^\/panel\/product\/?/,name:r.A.gettext("商品管理"),permissionKey:i.PRODUCT_MANAGEMENT},member:{regex:/^\/panel\/member\/?/,name:r.A.gettext("會員管理"),permissionKey:i.MEMBER_MANAGEMENT},promotions:{regex:/^\/panel\/promotions\/?/,name:r.A.gettext("優惠模組"),permissionKey:i.PROMO_MANAGEMENT},shipping:{regex:/^\/panel\/settings\/shipping\/?/,name:r.A.gettext("物流設定"),permissionKey:i.SHIPPING_MANAGEMENT},revenue:{regex:/^\/panel\/revenue\/?/,name:r.A.gettext("營收報表"),permissionKey:i.FINANCE_MANAGEMENT},finance:{regex:/^\/panel\/settings\/finance\/?/,name:r.A.gettext("帳務管理"),permissionKey:i.FINANCE_MANAGEMENT},permission:{regex:/^\/panel\/settings\/permission\/?/,name:r.A.gettext("權限管理"),permissionKey:i.BRAND_SUPER_ADMIN}

1,payment:{regex:/^\/panel\/subscribe\/payment\/?/,name:r.A.gettext("付款設定與帳單"),permissionKey:i.BRAND_SUPER_ADMIN},plan:{regex:/^\/panel\/subscribe\/plan\/?/,name:r.A.gettext("訂閱方案"),permissionKey:i.BRAND_SUPER_ADMIN},aiCredit:{regex:/^\/panel\/subscribe\/ai-credit\/?/,name:r.A.gettext("AI 點數用量"),permissionKey:i.BRAND_SUPER_ADMIN}};function c(e,t){if(t.permissions.includes(i.BRAND_SUPER_ADMIN))return!0;let a=s.get(e);return!!(!a||t.permissions.includes(a.permissionKey))||a}s.set(o.C.editor.routeName,l.editor),s.set(o.C.order.routeName,l.order),o.C.product.routes.forEach(e=>{s.set(e.routeName,l.product)}),s.set(o.C.member.routeName,{regex:/^\/panel\/member\/?$/,name:r.A.gettext("會員管理"),permissionKey:i.MEMBER_MANAGEMENT}),o.C.promotions.routes.forEach(e=>{s.set(e.routeName,l.promotions)}),s.set("permission",l.permission),s.set("shipping",l.shipping),s.set(o.C.revenue.routeName,l.revenue),s.set("finance",l.finance),s.set("basic",l.basic),s.set("navigation",l.navigation),s.set("payment",l.payment),s.set("plan",l.plan),s.set("ai-credit",l.aiCredit)},48625:(e,t,a)=>{"use strict";a.d(t,{L:()=>l});var n=a(54568),o=a(99680);a(7620);var r=a(13446),i=a(34582),s=a(66873);let l=e=>{let t,a,l,c,m,x,d,p,h,u=(0,o.c)(14),{handleNegativeClick:g,handlePositiveClick:f}=e;return u[0]===Symbol.for("react.memo_cache_sentinel")?(t=(0,n.jsx)(r.Text,{fontSize:"sm",fontWeight:"semibold",color:"neutral.120",children:i.A.gettext("此頁面尚未發佈")}),u[0]=t):t=u[0],u[1]===Symbol.for("react.memo_cache_sentinel")?(a=(0,n.jsx)(r.Text,{fontSize:"xs",color:"neutral.120",children:i.A.gettext("請先發佈頁面，發佈後才可取得網址。")}),u[1]=a):a=u[1],u[2]===Symbol.for("react.memo_cache_sentinel")?(l=i.A.gettext("取消"),u[2]=l):l=u[2],u[3]!==g?(c=(0,n.jsx)(r.Button,{variant:"secondary",inline:!0,onClick:g,children:l}),u[3]=g,u[4]=c):c=u[4],u[5]===Symbol.for("react.memo_cache_sentinel")?(m={color:"neutral.000",bg:"dynamic.040",_hover:{bg:"dynamic.050"},_active:{bg:"dynamic.060"}},u[5]=m):m=u[5],u[6]!==f?(x=()=>{window.dispatchEvent(new CustomEvent(s.x6.PUBLISH_SHOP_EVENT)),f()},u[6]=f,u[7]=x):x=u[7],u[8]===Symbol.for("react.memo_cache_sentinel")?(d=i.A.gettext("立即發佈"),u[8]=d):d=u[8],u[9]!==x?(p=(0,n.jsx)(r.Button,{inline:!0,sx:m,onClick:x,children:d}),u[9]=x,u[10]=p):p=u[10],u[11]!==c||u[12]!==p?(h=(0,n.jsxs)(r.VStack,{alignItems:"stretch",px:"xl",py:"m",gap:"24px",children:[t,a,(0,n.jsxs)(r.HStack,{justifyContent:"flex-end",gap:"m",children:[c,p]})]}),u[11]=c,u[12]=p,u[13]=h):h=u[13],h}},62708:()=>{},64312:()=>{},69272:(e,t,a)=>{"use strict";a.d(t,{E:()=>s});var n=a(54568),o=a(99680);a(7620);var r=a(13446),i=a(34582);function s(){let e,t,a,s,c=(0,o.c)(4);return c[0]===Symbol.for("react.memo_cache_sentinel")?(e={base:"24px",md:"30px"},c[0]=e):e=c[0],c[1]===Symbol.for("react.memo_cache_sentinel")?(t=(0,n.jsx)(r.Box,{mb:"s",children:(0,n.jsx)(r.Heading,{fontSize:e,color:"neutral.120",lineHeight:"1.5",children:i.A.gettext("頁面模板建立失敗")})}),c[1]=t):t=c[1],c[2]===Symbol.for("react.memo_cache_sentinel")?(a=(0,n.jsx)(r.Text,{fontSize:"16px",color:"neutral.080",lineHeight:"1.5",children:i.A.gettext("請重新整理頁面後再試。若問題持續發生，請聯繫客服。")}),c[2]=a):a=c[2],c[3]===Symbol.for("react.memo_cache_sentinel")?(s=(0,n.jsx)(r.Flex,{as:"main",gridArea:"main",h:"100%",minH:"320px",alignItems:"center",justifyContent:"center",bg:"neutral.020",px:"m",children:(0,n.jsxs)(r.Box,{w:"100%",maxW:"600px",mx:"auto",py:"xl",textAlign:"center",children:[t,a,(0,n.jsx)(r.Box,{mt:"xs",children:(0,n.jsx)(r.Button,{variant:"plain",onClick:l,inline:!0,children:i.A.gettext("重新整理")})})]})}),c[3]=s):s=c[3],s}function l(){window.location.reload()}},84638:()=>{},93231:(e,t,a)=>{"use strict";a.d(t,{ErrorBoundary:()=>r});var n=a(7620),o=a(57614);class r extends n.Component{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,t){(0,o.e8)(e,{tags:{scope:"Client"},extra:{info:t}})}render(){return this.state.hasError?this.props.fallback:this.props.children}}},95555:(e,t,a)=>{"use strict";a.d(t,{M:()=>B});var n=a(54568),o=a(7620),r=a(13446),i=a(99680),s=a(43594);let l=e=>{let t,a,o,l,c,m,x,d,p=(0,i.c)(18),{children:h,isOpen:u,onClose:g,useBackdropBlur:f,useBackgroun

1dColor:b,useShadow:A}=e,N=void 0!==f&&f,_=void 0!==b&&b?"neutral.000":"transparent",y=void 0!==A&&A?"base":"none";return p[0]!==_||p[1]!==y?(t={display:"flex",justifyContent:"center",alignItems:"center",mx:"none",bg:_,shadow:y,"--image-fit":"contain"},p[0]=_,p[1]=y,p[2]=t):t=p[2],p[3]===Symbol.for("react.memo_cache_sentinel")?(a={width:{base:"100%",md:"unset"},maxWidth:{base:"100%",md:"unset"},height:{base:"unset",md:"100%"},maxHeight:{base:"unset",md:"90svh"}},p[3]=a):a=p[3],p[4]===Symbol.for("react.memo_cache_sentinel")?(o={base:"100%",md:"unset"},l={base:"unset",md:"100%"},p[4]=o,p[5]=l):(o=p[4],l=p[5]),p[6]===Symbol.for("react.memo_cache_sentinel")?(c=(0,n.jsx)(s.X,{size:"24px",weight:"bold"}),p[6]=c):c=p[6],p[7]!==g?(m=(0,n.jsx)(r.Modal.Close,{position:"absolute",top:"8px",right:"8px",cursor:"pointer",zIndex:"1",children:(0,n.jsx)(r.Box,{p:"xs",shadow:"base",bg:"neutral.000",borderRadius:"full",onClick:g,children:c})}),p[7]=g,p[8]=m):m=p[8],p[9]!==h||p[10]!==m?(x=(0,n.jsxs)(r.Modal.Body,{position:"relative",width:o,height:l,children:[m,h]}),p[9]=h,p[10]=m,p[11]=x):x=p[11],p[12]!==u||p[13]!==g||p[14]!==x||p[15]!==t||p[16]!==N?(d=(0,n.jsx)(r.Modal,{isOpen:u,onClose:g,sx:t,dialogProps:a,blockScrollOnMount:!0,useBackdropBlur:N,children:x}),p[12]=u,p[13]=g,p[14]=x,p[15]=t,p[16]=N,p[17]=d):d=p[17],d},c=(0,o.forwardRef)((e,t)=>{let{isOpen:a,onClose:i,onOpen:s}=(0,r.useDisclosure)(),[c,m]=(0,o.useState)(null),x=(0,o.useCallback)(e=>{m(e)},[m]),d=(0,o.useCallback)(()=>{m(null)},[m]);return(0,o.useEffect)(()=>{c?s():i()},[c,s,i]),(0,o.useImperativeHandle)(t,()=>({open:x,close:d}),[x,d]),(0,n.jsx)(l,{isOpen:a,onClose:d,...e,children:c})});c.displayName="LightBox";var m=a(40950),x=a(45936),d=a(43948),p=a(73630),h=a(60413);let u=e=>{let t,a,o,s,l=(0,i.c)(8),{children:c,isActive:m,onClick:x}=e;return l[0]===Symbol.for("react.memo_cache_sentinel")?(t={bg:"dynamic.010",color:"dynamic.040"},a={bg:"dynamic.020",color:"dynamic.050"},l[0]=t,l[1]=a):(t=l[0],a=l[1]),l[2]!==m?(o={...m?{bg:"neutral.000",color:"dynamic.040",boxShadow:"base"}:{color:"neutral.050"}},l[2]=m,l[3]=o):o=l[3],l[4]!==c||l[5]!==x||l[6]!==o?(s=(0,n.jsx)(r.Box,{py:"3px",px:"6px",cursor:"pointer",borderRadius:"6px",_hover:t,_active:a,sx:o,onClick:x,children:c}),l[4]=c,l[5]=x,l[6]=o,l[7]=s):s=l[7],s},g={[x.fT.DESKTOP]:"100%",[x.fT.TABLET]:"769px",[x.fT.MOBILE]:"375px"},f=(0,o.forwardRef)((e,t)=>{let a,s,l,c,f,b,A,N,_,y,v,j,S,w,E,M,P,T,B,C,R,I,k,$,D=(0,i.c)(51),{isMobile:O}=e,{isOpen:L,onOpen:H,onClose:V}=(0,r.useDisclosure)(),[z,G]=(0,o.useState)(null),[F,Z]=(0,o.useState)(null);D[0]!==z?(a=function(e){G(e),Z(t=>{if(!t||!z)return t;let a=t.replace(`-${z}_v`,`-${e}_v`);return a||t})},D[0]=z,D[1]=a):a=D[1];let K=a;D[2]===Symbol.for("react.memo_cache_sentinel")?(s=function(e,t){G(e),Z(t)},D[2]=s):s=D[2];let W=s;D[3]===Symbol.for("react.memo_cache_sentinel")?(l=function(){G(null),Z(null)},D[3]=l):l=D[3];let U=l;D[4]!==z||D[5]!==V||D[6]!==H||D[7]!==F?(c=()=>{z&&F?H():V()},f=[z,F,H,V],D[4]=z,D[5]=V,D[6]=H,D[7]=F,D[8]=c,D[9]=f):(c=D[8],f=D[9]),(0,o.useEffect)(c,f),D[10]===Symbol.for("react.memo_cache_sentinel")?(b=()=>({open:W,close:U}),D[10]=b):b=D[10],(0,o.useImperativeHandle)(t,b);e:{if(!F){A="";break e}try{let e;D[11]!==F?(e=new URL(F).toString(),D[11]=F,D[12]=e):e=D[12],A=e}catch(e){A=""}}let Q=A;D[13]===Symbol.for("react.memo_cache_sentinel")?(N=(0,n.jsx)(r.DrawerOverlay,{}),D[13]=N):N=D[13],D[14]!==O?(_={...O?{maxHeight:"90vh"}:{}},D[14]=O,D[15]=_):_=D[15],D[16]===Symbol.for("react.memo_cache_sentinel")?(y=(0,n.jsx)(r.DrawerCloseButton,{top:"50%",transform:"translateY(-50%)"}),D[16]=y):y=D[16];let q=z===x.fT.DESKTOP;D[17]!==K?(v=()=>K(x.fT.DESKTOP),D[17]=K,D[18]=v):v=D[18],D[19]===Symbol.for("react.memo_cache_sentinel")?(j=(0,n.jsx)(d.X,{width:"20px",height:"20px",weight:"bold"}),D[19]=j):j=D[19],D[20]!==q||D[21]!==v?(S=(0,n.jsx)(u,{isActive:q,onClick:v,children:j}),D[20]=q,D[21]=v,D[22]=S):S=D[22];let X=z===x.fT.TABLET;D[23]!==K?(w=()=>K(x.fT.TABLET),D[23]=K,D[24]=w):w=D[24],D[25]===Symbol.for("react.memo_cache_sentinel")?(E=(0,n.jsx)(p.q,{width:"20px",height:"20px",weight:"bold"}),D[25]=E):E=D[25],D[26]!==X||D[27]!==w?(M=(0,n.jsx)(u,{isActive:X,onClick:w,children:E}),D[26]=X,D[27]=w,D[28]=M):M=D[28];let Y=z===x.fT.MOBILE;return D[29]!==K?(P=()=>K(x.fT.MOBILE),D[29]=K,D[30]=P):P=D[30],D[31]===Symbol.for("react.memo_cache_sentinel")?(T=(0,n.jsx)(h.M,{width:"20px",height:"20px",weight:"bold"}),D[31]=T):T=D[31],D[32]!==Y||D[33]!==P?(B=(0,n.jsx)(u,{isActive:Y,onClick:P,children:T}),D[32]=Y,D[33]=P,D[34]=B):B=D[34],D[35]!==S||D[36]!==M||D[37]!==B?(C=(0,n.jsxs)(r.DrawerHeader,{py:"12px",textAlign:"center",position:"relative",children:[y,(0,n.jsxs)(r.HStack,{display:"inline-flex",gap:"s",justifyContent:"center",p:"2px",borderRadius:"6px",bg:"neutral.010",children:[S,M,B]})]}),D[35]=S,D[36]=M,D[37]=B,D[38]=C):C=D[38],D[39]!==z||D[40]!==Q?(R=z&&(0,n.jsx)(r.Box,{maxW:g[z],w:"100%",transition:"max-width 0.3s",mx:"auto",minH:"100vh",borderRadius:"12px",border:"12px solid",borderColor:"neutral.100",position:"relative",_after:{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,border:"2px s

1olid",borderColor:"neutral.100"},children:(0,n.jsx)(m.V,{defaultSrc:Q,alt:"Preview"})}),D[39]=z,D[40]=Q,D[41]=R):R=D[41],D[42]!==R?(I=(0,n.jsx)(r.DrawerBody,{bg:"neutral.120",p:"0",children:R}),D[42]=R,D[43]=I):I=D[43],D[44]!==C||D[45]!==I||D[46]!==_?(k=(0,n.jsxs)(r.DrawerContent,{sx:_,children:[C,I]}),D[44]=C,D[45]=I,D[46]=_,D[47]=k):k=D[47],D[48]!==L||D[49]!==k?($=(0,n.jsxs)(r.Drawer,{onClose:U,isOpen:L,size:"full",placement:"bottom",children:[N,k]}),D[48]=L,D[49]=k,D[50]=$):$=D[50],$});f.displayName="PreviewTemplate";var b=a(34582),A=a(64312),N=a.n(A);let _=e=>{let t,a,o,s,l,c,m,x,d,p,h,u,g,f,A,_,y,v,j=(0,i.c)(21),{step:S}=e;j[0]===Symbol.for("react.memo_cache_sentinel")?(t={sm:"24px",md:"32px"},a={sm:"85px",md:"70px"},o={sm:"column",md:"row"},j[0]=t,j[1]=a,j[2]=o):(t=j[0],a=j[1],o=j[2]),j[3]===Symbol.for("react.memo_cache_sentinel")?(s={sm:"s",md:"none"},j[3]=s):s=j[3],j[4]===Symbol.for("react.memo_cache_sentinel")?(l=(0,n.jsx)(r.Box,{className:N().headerLogo,w:"82px",children:(0,n.jsx)(r.Logo.PinzapText,{})}),j[4]=l):l=j[4],j[5]===Symbol.for("react.memo_cache_sentinel")?(c={sm:"24px",md:"30px"},m={sm:"24px",md:"30px"},j[5]=c,j[6]=m):(c=j[5],m=j[6]),j[7]===Symbol.for("react.memo_cache_sentinel")?(x=(0,n.jsx)(r.Flex,{w:c,h:m,bg:"primary.040",borderRadius:"lg",justifyContent:"center",alignItems:"center",children:(0,n.jsx)(r.Text,{fontSize:"sm",color:"neutral.000",lineHeight:"1",children:"1"})}),j[7]=x):x=j[7],j[8]===Symbol.for("react.memo_cache_sentinel")?(d=(0,n.jsxs)(r.HStack,{gap:"xs",children:[x,(0,n.jsx)(r.Box,{children:(0,n.jsx)(r.Text,{children:b.A.gettext("挑選主題")})})]}),j[8]=d):d=j[8],j[9]===Symbol.for("react.memo_cache_sentinel")?(p=(0,n.jsx)(r.Box,{w:{sm:"40px",md:"60px"},children:(0,n.jsx)(r.Divider,{borderWidth:"2px",borderRadius:"2px",borderColor:"neutral.020"})}),j[9]=p):p=j[9],j[10]===Symbol.for("react.memo_cache_sentinel")?(h={sm:"24px",md:"30px"},u={sm:"24px",md:"30px"},j[10]=h,j[11]=u):(h=j[10],u=j[11]);let w=1===S?"primary.040":"primary.020";return j[12]===Symbol.for("react.memo_cache_sentinel")?(g=(0,n.jsx)(r.Text,{fontSize:"sm",color:"neutral.000",lineHeight:"1",children:"2"}),j[12]=g):g=j[12],j[13]!==w?(f=(0,n.jsx)(r.Flex,{w:h,h:u,bg:w,borderRadius:"lg",justifyContent:"center",alignItems:"center",children:g}),j[13]=w,j[14]=f):f=j[14],j[15]===Symbol.for("react.memo_cache_sentinel")?(A=(0,n.jsx)(r.Box,{children:(0,n.jsx)(r.Text,{children:b.A.gettext("開始編輯商店")})}),j[15]=A):A=j[15],j[16]!==f?(_=(0,n.jsxs)(r.HStack,{className:N().headerStep,gap:"s",flex:"1",justifyContent:"center",children:[d,p,(0,n.jsxs)(r.HStack,{gap:"xs",children:[f,A]})]}),j[16]=f,j[17]=_):_=j[17],j[18]===Symbol.for("react.memo_cache_sentinel")?(y=(0,n.jsx)(r.Spacer,{flexGrow:"0"}),j[18]=y):y=j[18],j[19]!==_?(v=(0,n.jsxs)(r.Flex,{as:"header",maxW:"1440px",px:t,h:a,flexDirection:o,mx:"auto",bg:"neutral.000",position:"relative",justifyContent:"flex-start",alignItems:"center",boxShadow:"0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.10)",py:s,gap:"s",children:[l,_,y]}),j[19]=_,j[20]=v):v=j[20],v};var y=a(43158),v=a(36047);let j=[{name:v.vm.PORTAL,title:b.A.gettext("圖片展示型 商店模板"),description:[b.A.gettext("強調商品圖片和影片的素材展示，適用需要大圖展示的品牌類型"),b.A.gettext("適合販售衣著、飾品等需要情境或大圖展示的品牌")],version:5,demoVersion:4},{name:v.vm.STORY,title:b.A.gettext("規格型 商店模板"),description:[b.A.gettext("適合需要打造品牌印象或傳達品牌故事的賣家"),b.A.gettext("適合販售多規格商品、提供客製化商品的品牌")],version:5,demoVersion:4},{name:v.vm.WINDOW,title:b.A.gettext("標準型 商店模板"),description:[b.A.gettext("首頁爲常見的多入口型態，集結眾多集合頁的入口，引領消費者去到多個活動頁面、促銷等集合頁")],version:5,demoVersion:4},{name:v.vm.MAGAZINE,title:b.A.gettext("圖片展示型 商店模板"),description:[b.A.gettext("強調商品圖片和影片的素材展示，適用需要大圖展示的品牌類型"),b.A.gettext("適合販售衣著、飾品等需要情境或大圖展示的品牌")],version:6,demoVersion:5},{name:v.vm.PORTAL_2,title:b.A.gettext("標準型 商店模板"),description:[b.A.gettext("首頁爲常見的多入口型態，集結眾多集合頁的入口ï¼

1Œå¼•é ˜æ¶ˆè²»è€…去到多個活動頁面、促銷等集合頁")],version:2,demoVersion:1},{name:v.vm.WINDOW_2,title:b.A.gettext("規格型 商店模板"),description:[b.A.gettext("適合需要打造品牌印象或傳達品牌故事的賣家"),b.A.gettext("適合販售多規格商品、提供客製化商品的品牌")],version:2,demoVersion:1},{name:v.vm.MAGAZINE_2,title:b.A.gettext("圖片展示型 商店模板"),description:[b.A.gettext("強調商品圖片和影片的素材展示，適用需要大圖展示的品牌類型"),b.A.gettext("適合販售衣著、飾品等需要情境或大圖展示的品牌")],version:2,demoVersion:1},{name:v.vm.STORY_2,title:b.A.gettext("圖片展示型 商店模板"),description:[b.A.gettext("強調商品圖片和影片的素材展示，適用需要大圖展示的品牌類型"),b.A.gettext("適合販售衣著、飾品等需要情境或大圖展示的品牌")],version:2,demoVersion:1},{name:v.vm.PORTAL_3,title:b.A.gettext("標準型 商店模板"),description:[b.A.gettext("首頁爲常見的多入口型態，集結眾多集合頁的入口，引領消費者去到多個活動頁面、促銷等集合頁")],version:2,demoVersion:1},{name:v.vm.WINDOW_3,title:b.A.gettext("規格型 商店模板"),description:[b.A.gettext("強調商品圖片和影片的素材展示，適用需要大圖展示的品牌類型"),b.A.gettext("適合販售多規格商品、提供客製化商品的品牌")],version:2,demoVersion:1}],S=e=>{let t,a,o,s,l,c,x,d,p,h=(0,i.c)(11),{onSelect:u}=e;return h[0]===Symbol.for("react.memo_cache_sentinel")?(t={sm:"lg",md:"xl"},h[0]=t):t=h[0],h[1]===Symbol.for("react.memo_cache_sentinel")?(a=(0,n.jsx)(r.Heading,{as:"h1",fontSize:t,fontWeight:"semibold",color:"primary.050",children:b.A.gettext("挑選喜歡的商店主題")}),h[1]=a):a=h[1],h[2]===Symbol.for("react.memo_cache_sentinel")?(o={sm:"xs",md:"l"},s={sm:"sm",md:"md"},h[2]=o,h[3]=s):(o=h[2],s=h[3]),h[4]===Symbol.for("react.memo_cache_sentinel")?(l=(0,n.jsx)(r.Box,{py:"54px",children:(0,n.jsxs)(r.Box,{textAlign:"center",children:[a,(0,n.jsx)(r.Text,{mt:o,fontSize:s,color:"neutral.080",children:b.A.gettext("根據販售的品項，挑選不同展示方式的商店佈局！")})]})}),h[4]=l):l=h[4],h[5]===Symbol.for("react.memo_cache_sentinel")?(c={sm:"repeat(2, 1fr)",md:"repeat(3, 1fr)"},x={sm:"16px",md:"32px"},h[5]=c,h[6]=x):(c=h[5],x=h[6]),h[7]!==u?(d=j.map((e,t)=>(0,n.jsx)(r.GridItem,{onClick:()=>u(e.name),cursor:"pointer",transition:"all 0.2s ease-in-out",_hover:{opacity:"0.9",transform:"scale(1.01) translateY(-2px)"},_active:{transform:"scale(0.98) translateY(-8px)"},children:(0,n.jsx)(r.Box,{children:(0,n.jsx)(m.V,{defaultSrc:(0,y.no)(`/static/theme/onboarding-theme-package-${e.name}_v${e.version}.avif`),alt:e.title})})},e.name)),h[7]=u,h[8]=d):d=h[8],h[9]!==d?(p=(0,n.jsxs)(n.Fragment,{children:[l,(0,n.jsx)(r.Grid,{templateColumns:c,gap:x,children:d})]}),h[9]=d,h[10]=p):p=h[10],p};var w=a(68380),E=a(57614),M=a(35548);let P=e=>{let t,a,o,s,l,c,m=(0,i.c)(15);if(m[0]!==e?({children:t,lightBox:o,isMobile:a,...s}=e,m[0]=e,m[1]=t,m[2]=a,m[3]=o,m[4]=s):(t=m[1],a=m[2],o=m[3],s=m[4]),a){let e;return m[5]!==t||m[6]!==s?(e=(0,n.jsx)(r.Box,{...s,children:t}),m[5]=t,m[6]=s,m[7]=e):e=m[7],e}return m[8]!==t||m[9]!==o?(l=()=>o?.open(t),m[8]=t,m[9]=o,m[10]=l):l=m[10],m[11]!==t||m[12]!==s||m[13]!==l?(c=(0,n.jsx)(r.Box,{cursor:"pointer",onClick:l,...s,children:t}),m[11]=t,m[12]=s,m[13]=l,m[14]=c):c=m[14],c},T=e=>{let{theme:t,onSubmit:a,onBack:i,isResetTheme:s,lightBox:l,previewTemplate:c,isMobile:u}=e,[g,f]=(0,o.useState)(!1),A=(0,o.useRef)((0,w.A)(e=>{f(!0);try{a(e,s)}catch(e){(0,E.e8)(e)}finally{f(!1)}},300)).current,N=j.find(e=>e.name===t);return N?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Box,{py:{sm:"l",md:"5xl"},children:(0,n.jsxs)(r.Button,{onClick:i,fontSize:"md",color:"dynamic.040",variant:"plain",inline:!0,children:[(0,n.jsx)(M.Z,{size:"1em",weight:"bold"}),(0,n.jsx)(r.Text,{fontSize:"inherit",fontWeight:"semibold",color:"inherit",children:b.A.gettext("主題列表")})]})}),(0,n.jsxs)(r.Grid,{templateColumns:{sm:"1fr",md:"0.95fr 1fr"}

1,columnGap:"68px",rowGap:"22px",children:[(0,n.jsx)(P,{lightBox:l,isMobile:u,children:(0,n.jsx)(m.V,{defaultSrc:(0,y.no)(`/static/theme/onboarding-theme-package-${N.name}_v${N.version}.avif`),alt:N.title})}),(0,n.jsxs)(r.GridItem,{pt:"m",children:[(0,n.jsx)(r.Heading,{as:"h2",fontSize:{sm:"lg",md:"xl"},fontWeight:"semibold",color:"neutral.120",children:N.title}),(0,n.jsx)(r.UnorderedList,{fontSize:{sm:"xs",md:"sm"},color:"neutral.100",bg:"neutral.010",borderRadius:"2xl",ml:"0",mt:{sm:"xs",md:"l"},py:{sm:"xs",md:"s"},pl:{sm:"3xl",md:"4xl"},pr:{sm:"xs",md:"l"},children:N.description.map(e=>(0,n.jsx)(r.ListItem,{children:e},e))}),(0,n.jsxs)(r.Box,{mt:{sm:"xl",md:"5xl"},children:[(0,n.jsx)(r.Heading,{as:"h3",fontSize:{sm:"xs",md:"sm"},color:"neutral.100",children:b.A.gettext("響應式網站")}),(0,n.jsx)(r.Text,{fontSize:"least",color:"neutral.070",mt:"xxs",children:b.A.gettext("商店將會依照調整內容自適應於各個裝置")})]}),(0,n.jsxs)(r.HStack,{mt:"xl",gap:"xl",children:[(0,n.jsxs)(r.HStack,{color:"neutral.100",bg:"neutral.010",borderRadius:"md",p:"xxs",gap:"xs",cursor:"pointer",onClick:()=>c?.open(x.fT.DESKTOP,(0,y.no)(`/static/theme/onboarding-theme-package-preview-${N.name}-${x.fT.DESKTOP}_v1.avif`)),children:[(0,n.jsx)(d.X,{size:"24px",weight:"bold"}),(0,n.jsx)(r.Text,{fontSize:"sm",color:"inherit",children:b.A.gettext("桌機")})]}),(0,n.jsxs)(r.HStack,{color:"neutral.100",bg:"neutral.010",borderRadius:"md",p:"xxs",gap:"xs",cursor:"pointer",onClick:()=>c?.open(x.fT.TABLET,(0,y.no)(`/static/theme/onboarding-theme-package-preview-${N.name}-${x.fT.TABLET}_v1.avif`)),children:[(0,n.jsx)(p.q,{size:"24px",weight:"bold"}),(0,n.jsx)(r.Text,{fontSize:"sm",color:"inherit",children:b.A.gettext("平板")})]}),(0,n.jsxs)(r.HStack,{color:"neutral.100",bg:"neutral.010",borderRadius:"md",p:"xxs",gap:"xs",cursor:"pointer",onClick:()=>c?.open(x.fT.MOBILE,(0,y.no)(`/static/theme/onboarding-theme-package-preview-${N.name}-${x.fT.MOBILE}_v1.avif`)),children:[(0,n.jsx)(h.M,{size:"24px",weight:"bold"}),(0,n.jsx)(r.Text,{fontSize:"sm",color:"inherit",children:b.A.gettext("手機")})]})]}),(0,n.jsx)(r.Box,{mt:"xl",textAlign:{sm:"center",md:"left"},children:(0,n.jsx)(r.Button,{inline:!0,isLoading:g,onClick:()=>A(t),sx:{p:"14px 32px !important"},children:b.A.gettext("選擇並套用此版型")})})]})]}),(0,n.jsx)(r.Grid,{gridTemplate:{base:"none",md:'"item-1 item-3" "item-2 ."'},templateColumns:{sm:"1fr",md:"repeat(2, 1fr)"},gap:"3xl",mt:{sm:"max",lg:"110px"},children:Array.from({length:3}).map((e,t)=>(0,n.jsx)(r.GridItem,{gridArea:{base:"unset",md:`item-${t+1}`},p:"16px",borderRadius:"xl",bg:"neutral.020",children:(0,n.jsx)(P,{lightBox:l,isMobile:u,children:(0,n.jsx)(m.V,{defaultSrc:(0,y.no)(`/static/theme/onboarding-theme-package-${N.name}-demo-${t+1}_v${N.demoVersion}.avif`),alt:N.title})})},`${t}-${N.name}`))})]}):null},B=e=>{let{handleOnboardSubmit:t,isResetTheme:a,isMobile:i=!1}=e,[s,l]=(0,o.useState)(0),[m,x]=(0,o.useState)(null),d=(0,o.useRef)(null),p=(0,o.useRef)(null);return(0,n.jsxs)(r.Box,{bg:"neutral.000",sx:{minHeight:"100vh","@supports (min-height: 100svh)":{minHeight:"100svh"}},children:[(0,n.jsx)(_,{step:s}),(0,n.jsxs)(r.Box,{maxW:"1280px",mx:"auto",px:{sm:"24px",md:"32px"},pb:{sm:"max",md:"125px"},children:[0===s&&(0,n.jsx)(S,{onSelect:function(e){l(1),x(e),setTimeout(()=>{window.scrollTo({top:0,behavior:"smooth"})},30)}}),1===s&&m&&(0,n.jsx)(T,{theme:m,onSubmit:t,onBack:function(){l(0),x(null)},isResetTheme:a,lightBox:d.current,previewTemplate:p.current,isMobile:i})]}),i?null:(0,n.jsx)(c,{ref:d,useBackdropBlur:!0}),(0,n.jsx)(f,{ref:p,isMobile:i})]})}}}]);
2//# sourceMappingURL=https://mypinzap.com/static/chunks/storepanel-db9dabd3-1141d7e3daaa2e95.js.map