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

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},l=(new e.Error).stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="fc8d2a40-3186-4162-8196-19e4bd65f6d7",e._sentryDebugIdIdentifier="sentry-dbid-fc8d2a40-3186-4162-8196-19e4bd65f6d7")}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,l,n)=>{"use strict";n.d(l,{J:()=>t.J,v:()=>t.v});var t=n(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,l,n)=>{"use strict";n.d(l,{A:()=>o});var t=n(37876),a=n(14232),r=n(75708),s=n.n(r);let o=(0,a.memo)(e=>{let{name:l,options:n,selectedValue:a,onChange:r}=e,o=e=>{let l=n.findIndex(e=>e.value===a);if(-1===l)return;let t=l;"ArrowRight"===e.key?t=(l+1)%n.length:"ArrowLeft"===e.key&&(t=(l-1+n.length)%n.length);let s=n.at(t);t!==l&&s&&r(s.value)};return(0,t.jsx)("div",{role:"radiogroup",className:s().segmentedControl,"aria-label":"Segmented Control",children:n.map(e=>(0,t.jsxs)("div",{className:s().segmentedItem,children:[(0,t.jsx)("input",{type:"radio",id:e.value,name:l,value:e.value,checked:a===e.value,onChange:()=>r(e.value),onKeyDown:o,className:s().hiddenInput,"aria-checked":a===e.value,"aria-labelledby":"label-".concat(l,"-").concat(e.value)}),(0,t.jsx)("label",{id:"label-".concat(l,"-").concat(e.value),htmlFor:e.value,className:s().segmentedLabel,children:e.label})]},e.value))})})},42377:(e,l,n)=>{"use strict";n.d(l,{A:()=>t.A});var t=n(43308)},43308:(e,l,n)=>{"use strict";n.d(l,{A:()=>i});var t=n(37876),a=n(69241),r=n(14232),s=n(7328),o=n.n(s);let i=e=>{let{isOpen:l=!1,children:n,onClose:s,ariaLabel:i="モーダルウィンドウ",isFullScreen:c=!1}=e,d=(0,r.useRef)(null);return(0,r.useEffect)(()=>{let e=d.current;if(!e)return;let n=e=>{e.preventDefault(),s()};return e.addEventListener("cancel",n),l&&!e.open?(document.body.style.overflow="hidden",e.showModal(),e.scrollTop=0):!l&&e.open&&(document.body.style.overflow="",e.close()),()=>{document.body.style.overflow="",e.removeEventListener("cancel",n)}},[l,s]),(0,t.jsx)("dialog",{ref:d,className:(0,a.A)(o().modal,c&&o().fullScreen),onClick:e=>{e.target===d.current&&s()},"aria-label":i,children:n})}},56058:(e,l,n)=>{"use strict";n.r(l),n.d(l,{__N_SSP:()=>D,default:()=>F});var t=n(37876),a=n(64305),r=n(57536),s=n(14232),o=n(12008),i=n(42377),c=n(69241),d=n(78905),u=n.n(d);let h=e=>{let{category:l}=e;return"publication"===l?(0,t.jsxs)("svg",{viewBox:"0 0 24 24",className:u().icon,"aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"9",fill:"none",stroke:"currentColor",strokeWidth:"1.6"}),(0,t.jsx)("ellipse",{cx:"12",cy:"12",rx:"4",ry:"9",fill:"none",stroke:"currentColor",strokeWidth:"1.6"}),(0,t.jsx)("line",{x1:"3.5",y1:"9",x2:"20.5",y2:"9",stroke:"currentColor",strokeWidth:"1.6"}),(0,t.jsx)("line",{x1:"3.5",y1:"15",x2:"20.5",y2:"15",stroke:"currentColor",strokeWidth:"1.6"})]}):"contents"===l?(0,t.jsxs)("svg",{viewBox:"0 0 24 24",className:u().icon,"aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("rect",{x:"3",y:"3",width:"18",height:"8",rx:"1.5",fill:"currentColor"}),(0,t.jsx)("rect",{x:"3",y:"13",width:"8",height:"8",rx:"1.5",fill:"currentColor"}

1),(0,t.jsx)("rect",{x:"13",y:"13",width:"8",height:"8",rx:"1.5",fill:"currentColor"})]}):(0,t.jsxs)("svg",{viewBox:"0 0 24 24",className:u().icon,"aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"9",fill:"none",stroke:"currentColor",strokeWidth:"1.6"}),(0,t.jsx)("circle",{cx:"8.5",cy:"9.5",r:"1.6",fill:"currentColor"}),(0,t.jsx)("circle",{cx:"14",cy:"8",r:"1.6",fill:"currentColor"}),(0,t.jsx)("circle",{cx:"16.5",cy:"13",r:"1.6",fill:"currentColor"}),(0,t.jsx)("circle",{cx:"10",cy:"15.5",r:"1.6",fill:"currentColor"})]})},_=[{value:"publication",label:"公開"},{value:"contents",label:"コンテンツ"},{value:"design",label:"デザイン"}],p=e=>"own-shop-setting-tab-".concat(e),x=(0,s.memo)(e=>{let{selectedCategory:l,onSelect:n,panelId:a}=e,r=(0,s.useRef)(new Map),o=e=>{var l,t;let a=null==(l=_.at(e%_.length))?void 0:l.value;a&&(n(a),null==(t=r.current.get(a))||t.focus())},i=e=>{let n=_.findIndex(e=>e.value===l);-1!==n&&("ArrowDown"===e.key||"ArrowRight"===e.key?(e.preventDefault(),o(n+1)):"ArrowUp"===e.key||"ArrowLeft"===e.key?(e.preventDefault(),o(n-1+_.length)):"Home"===e.key?(e.preventDefault(),o(0)):"End"===e.key&&(e.preventDefault(),o(_.length-1)))};return(0,t.jsx)("div",{className:u().nav,role:"tablist","aria-orientation":"vertical","aria-label":"設定のカテゴリ",children:_.map(e=>{let{value:s,label:o}=e,d=s===l;return(0,t.jsxs)("button",{ref:e=>{e?r.current.set(s,e):r.current.delete(s)},type:"button",role:"tab",id:p(s),"aria-selected":d,"aria-controls":a,tabIndex:d?0:-1,className:(0,c.A)(u().item,d&&u().selected),onClick:()=>n(s),onKeyDown:i,children:[(0,t.jsx)("span",{className:u().iconCircle,children:(0,t.jsx)(h,{category:s})}),o]},s)})})});var m=n(86513),g=n.n(m);let w=(0,s.memo)(e=>{let{label:l,isComingSoon:n=!1,description:a,children:r}=e;return(0,t.jsxs)("section",{className:g().field,children:[(0,t.jsxs)("div",{className:g().labelRow,children:[(0,t.jsx)("h3",{className:g().label,children:l}),n&&(0,t.jsx)("span",{className:g().badge,children:"近日提供予定"})]}),r&&(0,t.jsx)("div",{className:g().body,children:r}),a&&(0,t.jsx)("p",{className:g().description,children:a})]})});var b=n(6857),v=n.n(b);let f=(0,s.memo)(e=>{let{title:l,isDirty:n,isProcessing:a,onDiscard:r,onSave:s}=e;return(0,t.jsxs)("header",{className:v().header,children:[(0,t.jsx)("h1",{className:v().title,children:l}),(0,t.jsxs)("div",{className:v().actions,children:[(0,t.jsx)(o.J,{appearance:"text",labelText:"変更を破棄",onClick:r,disabled:!n||a}),(0,t.jsx)(o.J,{appearance:"primary",labelText:"設定を保存",onClick:s,disabled:!n||a})]})]})});var S=n(33082),y=n(29097),j=n.n(y);let N=[{label:"PC",value:"pc"},{label:"SP",value:"sp"}],C=(0,s.memo)(e=>{let{host:l,previewUrl:n}=e,[a,r]=(0,s.useState)("pc");return(0,t.jsxs)("div",{className:j().stage,children:[(0,t.jsxs)("div",{className:j().toolbar,children:[(0,t.jsx)("p",{className:j().note,children:"保存した内容が表示されます"}),(0,t.jsx)(S.A,{name:"own-shop-preview-device",options:N,selectedValue:a,onChange:e=>r(e)})]}),(0,t.jsxs)("div",{className:j().browserFrame,children:[(0,t.jsxs)("div",{className:j().browserChrome,children:[(0,t.jsxs)("span",{className:j().dots,"aria-hidden":"true",children:[(0,t.jsx)("span",{className:j().dot}),(0,t.jsx)("span",{className:j().dot}),(0,t.jsx)("span",{className:j().dot})]}),(0,t.jsx)("span",{className:j().urlBar,children:l})]}),(0,t.jsx)("div",{className:(0,c.A)(j().viewport,"sp"===a&&j().spViewport),children:n?(0,t.jsx)("iframe",{className:j().frame,src:n,title:"独自ショップのプレビュー"}):(0,t.jsx)("p",{className:j().placeholder,children:"公開すると、ここにショップのプレビューが表示されます。"})})]})]})});var O=n(93432),k=n.n(O);let A="own-shop-setting-panel",P=(0,s.memo)(e=>{var l,n,a;let{defaultSlug:r,ownShop:c,shopDomainSuffix:d,isPublished:u,isDirty:h,isProcessing:_=!1,onChangePublished:m,onSave:g,onDiscard:b}=e,[v,S]=(0,s.useState)("publication"),[y,j]=(0,s.useState)(!1),N=null!=(l=null==c?void 0:c.slug)?l:r,O=null!=(n=null==c?void 0:c.isPublished)&&n,P=O&&null!=(a=null==c?void 0:c.url)?a:null;return(0,t.jsxs)("div",{className:k().page,children:[(0,t.jsx)(f,{title:"独自ショップ（仮）設定",isDirty:h,isProcessing:_,onDiscard:()=>j(!0),onSave:g}),(0,t.jsxs)("div",{className:k().body,children:[(0,t.jsx)(x,{selectedCategory:v,onSelect:S,panelId:A}),(0,t.jsxs)("div",{className:k().rail,id:A,role:"tabpanel","aria-labelledby":p(v),tabIndex:0,children:["publication"===v&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("h2",{className:k().railHeading,children:"公開"}),(0,t.jsx)(w,{label:"独自ショップ",description:h?u?"「設定を保存」すると、独自ショップがminne上に公開されます。":"「設定を保存」すると、独自ショップは非公開になります。":O?"現在、独自ショップはminne上に公開されています。":"現在、独自ショップは非公開です。",children:(0,t.jsxs)("fieldset",{className:k().radioGroup,children:[(0,t.jsx)("legend",{className:k().visuallyHidden,children:"独自ショップの公開設定"}),(0,t.jsxs)("label",{className:k().radioLabel,htmlFor:"own-shop-publish",children:[(0,t.jsx)("input",{id:"own-shop-publish",type:"radio",name:"own-shop-publication",value:"published",checked:u,disabled:_,onChange:()=>m(!0)}),"公開する"]}),(0,t.jsxs)("label",{className:k().radioLabel,htmlFor:"own-shop-unpublish",children:[(0,t.jsx)("input",{id:"own-shop-unpublish",type:"radio",name:"own-shop-publication",value:"unpublished",checked:!u,disabled:_,onChange:()=>m(!1)}),"公開しない"]})]})}),(0,t.jsx)(w,{label:"ショップURL",isComingSoon:!0,description:"ショップURLはminneのユーザー名から作られます。現在は変更できません。",children:(0,t.jsxs)("p",{className:k().shopUrl,children:[N,(0,t.jsx)("span",{className:k().domainSuffix,children:d})]})})]}),"contents"===v&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("h2",{className:k().railHeading,children:"コンテンツ"}),(0,t.jsx)(w,{label:"ロゴ・ファビコン",isComingSoon:!0,description:"ヘッダーのロゴ画像やブラウザのタブに表示されるファビコンを設定できるようにする予定です。現在はminneに登録されているロゴがそのまま使われます。"}),(0,t.jsx)(w,{label:"表示するコンテンツ",isComingSoon:!0,description:"ショップ名・告知バー・お知らせ（レター）を、それぞれ表示するかどうか選べるようにする予定です。"})]}),"design"===v&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("h2",{className:k().railHeading,children:"デザイン"}),(0,t.jsx)(w,{label:"レイアウト",isComingSoon:!0,description:"ショップ全体の構成を選べるようにする予定です。現在はすべてのショップが同じレイアウトで表示されます。"}),(0,t.jsx)(w,{label:"テーマ",isComingSoon:!0,description:"配色や書体のまとまã

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

1ˆã‚‹ã‚·ãƒ§ãƒƒãƒ—にも反映されています。":"設定を保存しました。公開すると、お客さまに見えるようになります。")}catch(e){N(e)}},[v,j,h,u,N,m,p]),O=(0,s.useCallback)(()=>{f(w)},[w]);return(0,t.jsx)(P,{defaultSlug:g.name,ownShop:g.ownShop,shopDomainSuffix:c,isPublished:v,isDirty:j,isProcessing:b,onChangePublished:f,onSave:C,onDiscard:O})};var D=!0;let F=e=>{let{viewer:l,shopDomainSuffix:n}=e;return(0,t.jsx)(M,{viewer:l,shopDomainSuffix:n})}},60106:(e,l,n)=>{"use strict";n.d(l,{J:()=>u,v:()=>h});var t=n(37876),a=n(69241),r=n(48230),s=n.n(r);n(14232);var o=n(3378),i=n(75414),c=n.n(i);let d={xs:14,s:16,m:18,l:21,xl:26},u=e=>{var l;let{size:n="m",appearance:r="outline",isFullWidth:s=!1,type:i="button",onClick:u,labelText:h,leadingIconUrl:_,trailingIconUrl:p,...x}=e,m=null!=(l=d[n])?l:d.m;return(0,t.jsxs)("button",{className:(0,a.A)(c().button,c()[n],c()[r],s?c().fullWidth:"","textDark"===r?c().textDark:""),type:i,onClick:u,...x,children:[_&&(0,t.jsx)(o.A,{alt:"",src:_,width:m,height:m,layout:"fixed"}),h,p&&(0,t.jsx)(o.A,{alt:"",src:p,width:m,height:m,layout:"fixed"})]})},h=e=>{var l;let{size:n="m",appearance:r="outline",isFullWidth:i=!1,href:u,labelText:h,leadingIconUrl:_,trailingIconUrl:p,isTargetBlank:x=!1,isNoreferrer:m=!1,...g}=e,w=null!=(l=d[n])?l:d.m;return(0,t.jsxs)(s(),{className:(0,a.A)(c().button,c()[n],c()[r],i?c().fullWidth:""),href:u,target:x?"_blank":"_self",rel:m?"noreferrer":"",...g,children:[_&&(0,t.jsx)(o.A,{alt:"",src:_,width:w,height:w,layout:"fixed"}),h,p&&(0,t.jsx)(o.A,{alt:"",src:p,width:w,height:w,layout:"fixed"})]})}},64854:(e,l,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/own_shop",function(){return n(56058)}])},69241:(e,l,n)=>{"use strict";n.d(l,{A:()=>t});let t=function(){for(var e,l,n=0,t="",a=arguments.length;n<a;n++)(e=arguments[n])&&(l=function e(l){var n,t,a="";if("string"==typeof l||"number"==typeof l)a+=l;else if("object"==typeof l)if(Array.isArray(l)){var r=l.length;for(n=0;n<r;n++)l[n]&&(t=e(l[n]))&&(a&&(a+=" "),a+=t)}else for(t in l)l[t]&&(a&&(a+=" "),a+=t);return a}(e))&&(t&&(t+=" "),t+=l);return t}},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",modal:"AccountOwnShopPage_modal__2BwDC",modalTitle:"AccountOwnShopPage_modalTitle___3JWy",modalText:"AccountOwnShopPage_modalText__ItqdZ",modalActions:"AccountOwnShopPage_modalActions__yrFXq"}}},e=>{e.O(0,[8827,8230,3019,4301,636,6593,8792],()=>e(e.s=64854)),_N_E=e.O()}]);