https://assets.minne.com/_next/static/chunks/pages/account/own_shop-266149b7f62e8ca0.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},a=(new e.Error).stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="8222da57-7121-4043-bd3b-8e3fd85ba662",e._sentryDebugIdIdentifier="sentry-dbid-8222da57-7121-4043-bd3b-8e3fd85ba662")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6771],{6857:e=>{e.exports={header:"OwnShopSettingHeader_header__Zul0f",title:"OwnShopSettingHeader_title__uMvzK",actions:"OwnShopSettingHeader_actions__ji__v"}},7328:e=>{e.exports={modal:"MyModalV2_modal__64wEc",fullScreen:"MyModalV2_fullScreen__GFjRt","fade-in":"MyModalV2_fade-in__DMVzf"}},12008:(e,a,l)=>{"use strict";l.d(a,{J:()=>n.J,v:()=>n.v});var n=l(60106)},29097:e=>{e.exports={stage:"OwnShopSettingPreview_stage__AV3WE",toolbar:"OwnShopSettingPreview_toolbar__LkmW7",note:"OwnShopSettingPreview_note__VZTVP",browserFrame:"OwnShopSettingPreview_browserFrame__Ri4Ia",browserChrome:"OwnShopSettingPreview_browserChrome__ypWGU",dots:"OwnShopSettingPreview_dots__EqGVR",dot:"OwnShopSettingPreview_dot__bMAfJ",urlBar:"OwnShopSettingPreview_urlBar__oSVF8",viewport:"OwnShopSettingPreview_viewport__yFh0U",spViewport:"OwnShopSettingPreview_spViewport__nJ4_e",frame:"OwnShopSettingPreview_frame__nSCET",placeholder:"OwnShopSettingPreview_placeholder__TMjNE"}},33082:(e,a,l)=>{"use strict";l.d(a,{A:()=>i});var n=l(37876),t=l(14232),s=l(75708),o=l.n(s);let i=(0,t.memo)(e=>{let{name:a,options:l,selectedValue:t,onChange:s}=e,i=e=>{let a=l.findIndex(e=>e.value===t);if(-1===a)return;let n=a;"ArrowRight"===e.key?n=(a+1)%l.length:"ArrowLeft"===e.key&&(n=(a-1+l.length)%l.length);let o=l.at(n);n!==a&&o&&s(o.value)};return(0,n.jsx)("div",{role:"radiogroup",className:o().segmentedControl,"aria-label":"Segmented Control",children:l.map(e=>(0,n.jsxs)("div",{className:o().segmentedItem,children:[(0,n.jsx)("input",{type:"radio",id:e.value,name:a,value:e.value,checked:t===e.value,onChange:()=>s(e.value),onKeyDown:i,className:o().hiddenInput,"aria-checked":t===e.value,"aria-labelledby":"label-".concat(a,"-").concat(e.value)}),(0,n.jsx)("label",{id:"label-".concat(a,"-").concat(e.value),htmlFor:e.value,className:o().segmentedLabel,children:e.label})]},e.value))})})},42377:(e,a,l)=>{"use strict";l.d(a,{A:()=>n.A});var n=l(43308)},43308:(e,a,l)=>{"use strict";l.d(a,{A:()=>r});var n=l(37876),t=l(69241),s=l(14232),o=l(7328),i=l.n(o);let r=e=>{let{isOpen:a=!1,children:l,onClose:o,ariaLabel:r="モーダルウィンドウ",isFullScreen:d=!1}=e,c=(0,s.useRef)(null);return(0,s.useEffect)(()=>{let e=c.current;if(!e)return;let l=e=>{e.preventDefault(),o()};return e.addEventListener("cancel",l),a&&!e.open?(document.body.style.overflow="hidden",e.showModal(),e.scrollTop=0):!a&&e.open&&(document.body.style.overflow="",e.close()),()=>{document.body.style.overflow="",e.removeEventListener("cancel",l)}},[a,o]),(0,n.jsx)("dialog",{ref:c,className:(0,t.A)(i().modal,d&&i().fullScreen),onClick:e=>{e.target===c.current&&o()},"aria-label":r,children:l})}},57457:(e,a,l)=>{"use strict";l.r(a),l.d(a,{__N_SSP:()=>I,default:()=>L});var n=l(37876),t=l(64305),s=l(57536);let o=[{value:"panorama",name:"パノラマ",description:"新着作品を並べて、ショップの品ぞろえを見せます。"},{value:"cover",name:"カバー",description:"作品を1点ずつ大きく見せて、写真を主役にします。"}],i=new Set(o.map(e=>e.value));var r=l(14232),d=l(12008),c=l(42377),u=l(69241),p=l(3378),_=l(78905),h=l.n(_);let m=e=>{let{iconName:a,isSelected:l}=e;return(0,n.jsx)("span",{className:h().icon,children:(0,n.jsx)(p.A,{alt:"",src:"/minne/icon/icon-".concat(a,"-").concat(l?"white":"gray400",".svg"),layout:"fill"})})},g=[{value:"publication",label:"公開",iconName:"global"},{value:"contents",label:"コンテンツ",iconName:"tile"},{value:"design",label:"デザイン",iconName:"palette"}],v=e=>"own-shop-setting-tab-".concat(e),w=(0,r.memo)(e=>{let{selectedCategory:a,onSelect:l,panelId:t}=e,s=(0,r.useRef)(new Map),o=e=>{var a,n;let t=null==(a=g.at(e%g.length))?void 0:a.value;t&&(l(t),null==(n=s.current.get(t))||n.focus())},i=e=>{let l=g.findIndex(e=>e.value===a);-1!==l&&("ArrowDown"===e.key||"ArrowRight"===e.key?(e.preventDefault(),o(l+1)):"ArrowUp"===e.key||"ArrowLeft"===e.key?(e.preventDefault(),o(l-1+g.length)):"Home"===e.key?(e.preventDefault(),o(0)):"End"===e.key&&(e.preventDefault(),o(g.length-1)))};return(0,n.jsx)("div",{className:h().nav,role:"tablist","aria-orientation":"vertical","aria-label":"設定のカテゴリ",children:g.map(e=>{let{value:o,label:r,iconName:d}=e,c=o===a;return(0,n.jsxs)("button",{ref:e=>{e?s.current.set(o,e):s.current.delete(o)},type:"button",role:"tab",id:v(o),"aria-selected":c,"aria-controls":t,tabIndex:c?0:-1,className:(0,u.A)(h().item,c&&h().selected),onClick:()=>l(o),onKeyDown:i,children:[(0,n.jsx)("span",{className:h().iconCircle,children:(0,n.jsx)(m,{iconName:d,isSelected:c})}),r]},o)})})});var b=l(86513),x=l.n(b);let S=(0,r.memo)(e=>{let{label:a,isComingSoon:l=!1,description:t,children:s}=e;return(0,n.jsxs)("section",{className:x().field,children:[(0,n.jsxs)("div",{className:x().labelRow,children:[(0,n.jsx)("h3",{className:x().label,children:a}),l&&(0,n.jsx)("span",{className:x().badge,children:"近日提供予定"})]}),s&&(0,n.jsx)("div",{className:x().body,children:s}),t&&(0,n.jsx)("p",{className:x().description,children:t})]})});var y=l(6857),f=l.n(y);let j=(0,r.memo)(e=>{let{title:a,isDirty:l,isProcessing:t,onDiscard:s,onSave:o}=e;return(0,n.jsxs)("header",{className:f().header,children:[(0,n.jsx)("h1",{className:f().title,children:a}),(0,n.jsxs)("div",{className:f().actions,children:[(0,n.jsx)(d.J,{appearance:"text",labelText:"変更を破棄",onClick:s,disabled:!l||t}),(0,n.jsx)(d.J,{appearance:"primary",labelText:"設定を保存",onClick:o,disabled:!l||t})]})]})});var N=l(33082),C=l(29097),O=l.n(C);let A=[{label:"PC",value:"pc"},{label:"SP",value:"sp"}],P=(0,r.memo)(e=>{let{host:a,previewUrl:l,savedCount:t=0}=e,[s,o]=(0,r.useState)("pc");return(0,n.jsxs)("div",{className:O().stage,children:[(0,n.jsxs)("div",{className:O().toolbar,children:[(0,n.jsx)("p",{className:O().note,children:"保存した内容が表示されます"}),(0,n.jsx)(N.A,{name:"own-shop-preview-device",options:A,selectedValue:s,onChange:e=>o(e)})]}),(0,n.jsxs)("div",{className:O().browserFrame,children:[(0,n.jsxs)("div",{className:O().browserChrome,children:[(0,n.jsxs)("span",{className:O().dots,"aria-hidden":"true",children:[(0,n.jsx)("span",{className:O().dot}),(0,n.jsx)("span",{className:O().dot}),(0,n.jsx)("span",{className:O().dot})]}),(0,n.jsx)("span",{className:O().urlBar,children:a})]}),(0,n.jsx)("div",{className:(0,u.A)(O().viewport,"sp"===s&&O().spViewport),children:l?(0,n.jsx)("iframe",{className:O().frame,src:l,title:"独自ショップのプレビュー"},t):(0,n.jsx)("p",{className:O().placeholder,children:"設定を保存すると、ここにショップのプレビューが表示されます。"})})]})]})});var k=l(93432),D=l.n(k);let M="own-shop-setting-panel",F=(0,r.memo)(e=>{var a,l,t;let{defaultSlug:s,ownShop:i,shopDomainSuffix:u,isPublished:p,template:_,isDirty:h,isProcessing:m=!1,savedCount:g=0,onChangePublished:b,onChangeTemplate:x,onSave:y,onDiscard:f}=e,[N,C]=(0,r.useState)("publication"),[O,A]=(0,r.useState)(!1),k=null!=(a=null==i?void 0:i.slug)?a:s,F=null!=(l=null==i?void 0:i.isPublished)&&l,B=null!=(t=null==i?void 0:i.previewUrl)?t:null;return(0,n.jsxs)("div",{className:D().page,children:[(0,n.jsx)(j,{title:"独自ショップ（仮）設定",isDirty:h,isProcessing:m,onDiscard:()=>A(!0),onSave:y}),(0,n.jsxs)("div",{className:D().body,children:[(0,n.jsx)(w,{selectedCategory:N,onSelect:C,panelId:M}),(0,n.jsxs)("div",{className:D().rail,id:M,role:"tabpanel","aria-labelledby":v(N),tabIndex:0,children:["publication"===N&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("h2",{className:D().railHeading,children:"公開"}),(0,n.jsx)(S,{label:"独自ショップ",description:h?p?"「設定を保存」すると、独自ショップがminne上に公開されます。":"「設定を保存」すると、独自ショップは非公開になります。":F?"現在、独自ショップはminne上に公開されています。":"現在、独自ショップは非公開です。",children:(0,n.jsxs)("fieldset",{className:D().radioGroup,children:[(0,n.jsx)("legend",{className:D().visuallyHidden,children:"独自ショップの公開設定"}),(0,n.jsxs)("label",{className:D().radioLabel,htmlFor:"own-shop-publish",children:[(0,n.jsx)("input",{id:"own-shop-publish",type:"radio",name:"own-shop-publication",value:"published",checked:p,disabled:m,onChange:()=>b(!0)}),"公開する"]}),(0,n.jsxs)("label",{className:D().radioLabel,htmlFor:"own-shop-unpublish",children:[(0,n.jsx)("input",{id:"own-shop-unpublish",type:"radio",name:"own-shop-publication",value:"unpublished",checked:!p,disabled:m,onChange:()=>b(!1)}),"公開しない"]})]})}),(0,n.jsx)(S,{label:"ショップURL",isComingSoon:!0,description:"ショップURLはminneのユーザー名から作られます。現在は変更できません。",children:(0,n.jsxs)("p",{className:D().shopUrl,children:[k,(0,n.jsx)("span",{className:D().domainSuffix,children:u})]})})]}),"contents"===N&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("h2",{className:D().railHeading,children:"コンテンツ"}),(0,n.jsx)(S,{label:"ロゴ・ファビコン",isComingSoon:!0,description:"ヘッダーのロゴ画像やブラウザのタブに表示されるファビコンを設定できるようにする予定です。現在はminneに登録されているロゴがそのまま使われます。"}),(0,n.jsx)(S,{label:"表示するコンテンツ",isComingSoon:!0,description:"ショップ名・告知バー・お知らせ（レター）を、それぞれ表示するかどうか選べるようにする予定です。"})]}),"design"===N&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("h2",{className:D().railHeading,children:"デザイン"}),(0,n.jsx)(S,{label:"レイアウト",description:"ショップ全体の構成です。切り替えると、トップページの見せ方とヘッダー・フッターが変わります。",children:(0,n.jsxs)("fieldset",{className:D().templateGroup,children:[(0,n.jsx)("legend",{className:D().visuallyHidden,children:"ショップのレã

1‚¤ã‚¢ã‚¦ãƒˆ"}),o.map(e=>(0,n.jsxs)("label",{className:D().templateLabel,htmlFor:"own-shop-template-".concat(e.value),children:[(0,n.jsx)("input",{id:"own-shop-template-".concat(e.value),type:"radio",name:"own-shop-template",value:e.value,checked:_===e.value,disabled:m,onChange:()=>x(e.value)}),(0,n.jsxs)("span",{className:D().templateBody,children:[e.name,(0,n.jsx)("span",{className:D().templateDescription,children:e.description})]})]},e.value))]})}),(0,n.jsx)(S,{label:"テーマ",isComingSoon:!0,description:"配色や書体のまとまりを選べるようにする予定です。"}),(0,n.jsx)(S,{label:"色の調整",isComingSoon:!0,description:"テーマの配色をベースに、背景色・文字色・アクセントカラーをそれぞれ差し替えられるようにする予定です。"})]})]}),(0,n.jsx)(P,{host:"".concat(k).concat(u),previewUrl:B,savedCount:g})]}),(0,n.jsx)(c.A,{isOpen:O,onClose:()=>A(!1),ariaLabel:"変更の破棄の確認",children:(0,n.jsxs)("div",{className:D().modal,children:[(0,n.jsx)("h2",{className:D().modalTitle,children:"編集中の内容を破棄しますか？"}),(0,n.jsx)("p",{className:D().modalText,children:"保存していない変更がすべて取り消され、最後に保存した状態に戻ります。公開中のショップの見た目は変わりません。"}),(0,n.jsxs)("div",{className:D().modalActions,children:[(0,n.jsx)(d.J,{appearance:"text",labelText:"キャンセル",onClick:()=>A(!1)}),(0,n.jsx)(d.J,{appearance:"primary",labelText:"破棄する",onClick:()=>{f(),A(!1)}})]})]})})]})}),B=e=>{var a,l,o,d;let{viewer:c,shopDomainSuffix:u}=e,{data:p,refetch:_}=(0,s.wUY)(),[h,m]=(0,s.ksK)(),[g,v]=(0,s.LzQ)(),[w,b]=(0,s.W7)(),{showMessage:x}=(0,t.d)(),S=null!=(o=null==p?void 0:p.viewer)?o:c,y=null!=(d=null==(a=S.ownShop)?void 0:a.isPublished)&&d,f=(e=>i.has(null!=e?e:"")?e:"panorama")(null==(l=S.ownShop)?void 0:l.template),j=m.loading||v.loading||b.loading,[N,C]=(0,r.useState)(y),[O,A]=(0,r.useState)(y),[P,k]=(0,r.useState)(0),[D,M]=(0,r.useState)(f),[B,I]=(0,r.useState)(f);y!==O&&(A(y),C(y)),f!==B&&(I(f),M(f));let L=D!==f,E=N!==y||L,T=(0,r.useCallback)(e=>{var a,l,n;x((null==e||null==(n=e.graphQLErrors)||null==(l=n[0])||null==(a=l.extensions)?void 0:a.user_message)||"設定を保存できませんでした。通信状況をご確認のうえ、もう一度お試しください。")},[x]),U=(0,r.useCallback)(async()=>{L&&await w({variables:{template:D}})},[D,L,w]),H=(0,r.useCallback)(async()=>{if(E)try{N?(await U(),N!==y&&await h()):(N!==y&&await g(),await U()),await _(),k(e=>

1e+1),x(N?"設定を保存しました。お客さまに見えるショップにも反映されています。":"設定を保存しました。公開すると、お客さまに見えるようになります。")}catch(e){T(e)}},[N,E,h,_,y,U,T,x,g]),V=(0,r.useCallback)(()=>{C(y),M(f)},[y,f]);return(0,n.jsx)(F,{defaultSlug:S.name,ownShop:S.ownShop,shopDomainSuffix:u,isPublished:N,template:D,isDirty:E,isProcessing:j,savedCount:P,onChangePublished:C,onChangeTemplate:M,onSave:H,onDiscard:V})};var I=!0;let L=e=>{let{viewer:a,shopDomainSuffix:l}=e;return(0,n.jsx)(B,{viewer:a,shopDomainSuffix:l})}},60106:(e,a,l)=>{"use strict";l.d(a,{J:()=>u,v:()=>p});var n=l(37876),t=l(69241),s=l(48230),o=l.n(s);l(14232);var i=l(3378),r=l(75414),d=l.n(r);let c={xs:14,s:16,m:18,l:21,xl:26},u=e=>{var a;let{size:l="m",appearance:s="outline",isFullWidth:o=!1,type:r="button",onClick:u,labelText:p,leadingIconUrl:_,trailingIconUrl:h,...m}=e,g=null!=(a=c[l])?a:c.m;return(0,n.jsxs)("button",{className:(0,t.A)(d().button,d()[l],d()[s],o?d().fullWidth:"","textDark"===s?d().textDark:""),type:r,onClick:u,...m,children:[_&&(0,n.jsx)(i.A,{alt:"",src:_,width:g,height:g,layout:"fixed"}),p,h&&(0,n.jsx)(i.A,{alt:"",src:h,width:g,height:g,layout:"fixed"})]})},p=e=>{var a;let{size:l="m",appearance:s="outline",isFullWidth:r=!1,href:u,labelText:p,leadingIconUrl:_,trailingIconUrl:h,isTargetBlank:m=!1,isNoreferrer:g=!1,...v}=e,w=null!=(a=c[l])?a:c.m;return(0,n.jsxs)(o(),{className:(0,t.A)(d().button,d()[l],d()[s],r?d().fullWidth:""),href:u,target:m?"_blank":"_self",rel:g?"noreferrer":"",...v,children:[_&&(0,n.jsx)(i.A,{alt:"",src:_,width:w,height:w,layout:"fixed"}),p,h&&(0,n.jsx)(i.A,{alt:"",src:h,width:w,height:w,layout:"fixed"})]})}},64854:(e,a,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/own_shop",function(){return l(57457)}])},69241:(e,a,l)=>{"use strict";l.d(a,{A:()=>n});let n=function(){for(var e,a,l=0,n="",t=arguments.length;l<t;l++)(e=arguments[l])&&(a=function e(a){var l,n,t="";if("string"==typeof a||"number"==typeof a)t+=a;else if("object"==typeof a)if(Array.isArray(a)){var s=a.length;for(l=0;l<s;l++)a[l]&&(n=e(a[l]))&&(t&&(t+=" "),t+=n)}else for(n in a)a[n]&&(t&&(t+=" "),t+=n);return t}(e))&&(n&&(n+=" "),n+=a);return n}},75414:e=>{e.exports={button:"MyButton_button__MW8sy",fullWidth:"MyButton_fullWidth__fDqLZ",xs:"MyButton_xs__lBbS1",s:"MyButton_s__Ni4bk",m:"MyButton_m__sITbk",l:"MyButton_l__lSQEn",xl:"MyButton_xl__sRxov",outline:"MyButton_outline__4wilu",primary:"MyButton_primary___ysiK",orange:"MyButton_orange__8GEII",text:"MyButton_text__aRM3u",textDark:"MyButton_textDark__3OHCN"}},75708:e=>{e.exports={segmentedControl:"MinneSegmentedControl_segmentedControl__0rNDy",segmentedItem:"MinneSegmentedControl_segmentedItem__F819z",hiddenInput:"MinneSegmentedControl_hiddenInput__zHFgK",segmentedLabel:"MinneSegmentedControl_segmentedLabel__tO0XU"}},78905:e=>{e.exports={nav:"OwnShopSettingCategoryNav_nav__rnUUV",item:"OwnShopSettingCategoryNav_item__45wSB",iconCircle:"OwnShopSettingCategoryNav_iconCircle__3OUUp",icon:"OwnShopSettingCategoryNav_icon__u5zhW",selected:"OwnShopSettingCategoryNav_selected__DfHOC"}},86513:e=>{e.exports={field:"OwnShopSettingField_field__5K6cv",labelRow:"OwnShopSettingField_labelRow__RkBxF",label:"OwnShopSettingField_label__UAt7U",badge:"OwnShopSettingField_badge__O5VN_",body:"OwnShopSettingField_body__Fd6cH",description:"OwnShopSettingField_description__GANA3"}},93432:e=>{e.exports={page:"AccountOwnShopPage_page__3Lg62",body:"AccountOwnShopPage_body___ToS3",rail:"AccountOwnShopPage_rail__OzICY",railHeading:"AccountOwnShopPage_railHeading__KbEQl",radioGroup:"AccountOwnShopPage_radioGroup__rlo_N",radioLabel:"AccountOwnShopPage_radioLabel__vN3eg",visuallyHidden:"AccountOwnShopPage_visuallyHidden__DjCfb",shopUrl:"AccountOwnShopPage_shopUrl__tN_GE",domainSuffix:"AccountOwnShopPage_domainSuffix___Db3T",templateGroup:"AccountOwnShopPage_templateGroup__OpegV",templateLabel:"AccountOwnShopPage_templateLabel__j6gtN",templateBody:"AccountOwnShopPage_templateBody__8wFe_",templateDescription:"AccountOwnShopPage_templateDescription__AWnku",modal:"AccountOwnShopPage_modal__2BwDC",modalTitle:"AccountOwnShopPage_modalTitle___3JWy",modalText:"AccountOwnShopPage_modalText__ItqdZ",modalActions:"AccountOwnShopPage_modalActions__yrFXq"}}},e=>

1{e.O(0,[8827,8230,3019,4301,636,6593,8792],()=>e(e.s=64854)),_N_E=e.O()}]);