https://note-transcosmos.com/_next/static/chunks/6113.e063ebea4b7c48b0.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];if(null!=r)for(var t in r)r.hasOwnProperty(t)&&(e[t]=r[t])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:note-front-custom-domain":!0});var a=(new e.Error).stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="7193dbf0-4bc5-4867-80cf-d051c243400c",e._sentryDebugIdIdentifier="sentry-dbid-7193dbf0-4bc5-4867-80cf-d051c243400c")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1949,6113],{2280:(e,a,r)=>{r.d(a,{b:()=>i});var t=r(19324);function i(e,a){let{id:r,"aria-label":i,"aria-labelledby":s}=e;return r??=(0,t.useId)(),s&&i?s=[...new Set([...s.trim().split(/\s+/),r])].join(" "):s&&=s.trim().split(/\s+/).join(" "),i||s||!a||(i=a),{id:r,"aria-label":i,"aria-labelledby":s}}},8951:(e,a,r)=>{r.d(a,{v:()=>n});var t=r(90660),i=r(42018),s=r(21889),l=r(80603);function n(e,a){let{inputElementType:r="input",isDisabled:n=!1,isRequired:o=!1,isReadOnly:d=!1,validationState:c,type:p="text",onChange:u=()=>{}}=e,{focusableProps:m}=(0,s.W)(e,a),{labelProps:b,fieldProps:f,descriptionProps:v,errorMessageProps:h}=(0,l.M)(e),g=(0,t.$)(e,{labelable:!0}),y={type:p,pattern:e.pattern};return{labelProps:b,inputProps:(0,i.v)(g,"input"===r?y:{},{disabled:n,readOnly:d,"aria-required":o||void 0,"aria-invalid":"invalid"===c||void 0,"aria-errormessage":e["aria-errormessage"],"aria-activedescendant":e["aria-activedescendant"],"aria-autocomplete":e["aria-autocomplete"],"aria-haspopup":e["aria-haspopup"],value:e.value,defaultValue:e.value?void 0:e.defaultValue,onChange:e=>u(e.target.value),autoComplete:e.autoComplete,maxLength:e.maxLength,minLength:e.minLength,name:e.name,placeholder:e.placeholder,inputMode:e.inputMode,onCopy:e.onCopy,onCut:e.onCut,onPaste:e.onPaste,onCompositionEnd:e.onCompositionEnd,onCompositionStart:e.onCompositionStart,onCompositionUpdate:e.onCompositionUpdate,onSelect:e.onSelect,onBeforeInput:e.onBeforeInput,onInput:e.onInput,...m,...f}),descriptionProps:v,errorMessageProps:h}}},15796:(e,a,r)=>{r.d(a,{A:()=>p});var t=r(97050),i=r(24123),s=r(54514),l=r(67646),n=r(42018),o=r(19324),d=r(16239),c=r(97360),p=(0,o.memo)((0,o.forwardRef)(function(e,a){let{label:r,validationState:p,isDisabled:u,multiLine:m,autoFocus:b,wrapperChildren:f,labelProps:v,inputProps:h,inputRef:g,inputClassName:y="",descriptionProps:x,errorMessageProps:P,isLoading:M,dynamicHeight:w,loadingIndicator:j,slotIcon:C,slotIconPosition:N="start",borderless:I,allowResize:$,minimizeHeight:z,rows:_,maxHeight:R}=e,{hoverProps:S,isHovered:k}=(0,s.M)({isDisabled:u}),D=(0,o.useRef)(null),E=(0,o.useRef)(null),F=g??E;(0,o.useImperativeHandle)(a,()=>({...(0,t.Ml)(D,F),select(){F.current&&F.current.select()},getInputElement:()=>F.current}));let T=(0,c.jsxs)("div",{className:"relative","data-name":"TextFieldBase",children:[(0,c.jsx)(l.v,{focusClass:I?"":"focus:border-border-strong",isTextInput:!0,autoFocus:b,children:(0,c.jsx)(m?"textarea":"input",{...(0,n.v)(h,S),ref:F,rows:m?z?1:_??4:void 0,className:(0,d.QP)(`inline-block w-full resize-y appearance-none rounded-lg border border-border-default border-solid bg-surface-normal p-2 align-top text-text-primary leading-normal md:text-sm ${w&&m?"[field-sizing:content]":""} ${C&&"start"===N?"pl-8":""} ${C&&"end"===N?"pr-8":""} ${k?"is-hovered":""} ${"invalid"===p?"border-border-danger":""} ${u?"cursor-not-allowed bg-surface-disabled text-text-disabled":""} ${I?"border-transparent":""} ${$?"resize-y":"resize-none"} ${y??""}`),style:w&&m&&R?{maxHeight:`${R}lh`}:void 0})}),(0,o.isValidElement)(C)&&(0,c.jsx)("div",{className:`absolute top-1/2 flex -translate-y-1/2 text-text-secondary ${"start"===N?"left-2":"right-2"}`,children:C}),M&&j,f]});return r&&(T=o.cloneElement(T,(0,n.v)(T.props,{className:m?"multiline":""}))),(0,c.jsx)(i.A,{...e,labelProps:v,descriptionProps:x,errorMessageProps:P,ref:D,children:T})}))},21797:(e,a,r)=>{r.d(a,{A:()=>c});var t=r(97050),i=r(3455),s=r(90660),l=r(19324),n=r(16239),o=r(32508),d=r(97360),c=(0,l.memo)((0,l.forwardRef)(function(e,a){let{className:r="",children:c,isRequired:p,hasNecessityIndicator:u=!1,htmlFor:m,for:b,elementType:f="label",onClick:v,...h}=e=(0,i.zT)(e),g=(0,t.zD)(a),y=p?"必須":"任意",x=(0,l.useMemo)(()=>(0,n.QP)(o(`
2      ml-2
3      inline-block
4      font-base
5      text-xs
6      font-medium
7      ${p?"text-text-danger":""}
8      `)),[p]);return(0,d.jsxs)(f,{"data-name":"Label",...(0,s.$)(h),onClick:v,ref:g,className:o(`inline-flex items-center font-base font-bold text-sm ${r??""}`),htmlFor:"label"===f?b||m:void 0,children:[c,u&&(0,d.jsx)("span",{className:x,children:y})]})}))},24123:(e,a,r)=>{r.d(a,{A:()=>d});var t=r(25655),i=r(33953),s=r(21797),l=r(19324),n=r(32508),o=r(97360),d=(0,l.memo)((0,l.forwardRef)(function(e,a){let{label:r,isRequired:l,hasNecessityIndicator:d,validationState:c,description:p,errorMessage:u,isDisabled:m,labelProps:b,children:f,descriptionProps:v={},errorMessageProps:h={},sideContent:g,sideContentPosition:y="after",wrapperClassName:x="",wrapperProps:P={},elementType:M}=e=(0,t.S)(e),w=!!p||u&&"invalid"===c;return(0,o.jsxs)("div",{...P,"data-name":"Field",className:n(`relative ${x}`),ref:a,children:[r&&(0,o.jsx)(s.A,{className:"mb-2",...b,isRequired:l,hasNecessityIndicator:d,elementType:M,children:r}),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:`${g?"flex justify-center gap-2":""}`,children:[(0,o.jsx)("div",{className:`flex-1 overflow-hidden ${"before"===y?"order-1":""}`,children:f}),g&&(0,o.jsx)("div",{className:"flex",children:g})]}),w&&(0,o.jsx)(i.A,{descriptionProps:v,errorMessageProps:h,description:p,errorMessage:u,validationState:c,isDisabled:m})]})]})}))},25655:(e,a,r)=>{r.d(a,{S:()=>s});var t=r(19324);r(97360);var i=(0,t.createContext)({});function s(e){return{...(0,t.useContext)(i),...e}}},26113:(e,a,r)=>{r.r(a),r.d(a,{InlineMagazineForm:()=>P});var t=r(97360),i=r(25295),s=r(19324),l=r(4818),n=r(67577),o=r(19634),d=r

8(86193),c=r(2893),p=r(76854),u=r(69231);(0,c.Y)(e=>{let a="/v1/my/magazines",r={};(null==e?void 0:e.circlePlanKey)!==void 0&&(r.circle_plan_key=e.circlePlanKey),(null==e?void 0:e.includesEditable)===!0&&(r.includes_editable="true");let t=(0,u.z)(r);return t?`${a}?${t}`:a},async(e,a,r,t)=>(0,p.bn)((await e.get(a,t)).data.data,{callerName:"fetchMagazinesV1"}));var m=(0,c.Y)(()=>"/v1/my/magazines",async(e,a,r,t)=>{if(void 0===r)throw Error("requestParams is required");return(0,p.bn)((await e.post(a,r,t)).data.data)}),b=r(51949),f=r(60587),v=r(1471),h=r(59995),g=r(32684),y=r(50387);let x={"ja-JP":{magazineTitleWithLength:"マガジンのタイトル（{length}文字）",create:"作成",close:"閉じる"}};function P(e){let[a,r]=(0,s.useState)(!1),c=(0,g.L)(),{createOneTimeHttpClientConfig:p}=(0,g.a)(),u=(0,y.u)(),P=(0,h.Ru)({lang:u,dict:x}),{control:M,handleSubmit:w}=(0,l.mN)({mode:"onChange",resolver:(0,i.t)(o.w9),defaultValues:{name:""}});async function j(a){r(!0);try{let{token:r}=await d.H.call(n.A,void 0,{method:"POST",fnPath:m.path()},c),t=await m.call(n.A,void 0,{name:a.name,status:"public"},p(r));e.onCreate(t),e.onClose()}catch(e){console.error(e)}finally{r(!1)}}let C=a=>{"Escape"===a.code&&e.onClose()};return(0,t.jsxs)("form",{"data-testid":"InlineMagazineForm",onSubmit:w(j),children:[(0,t.jsx)("label",{className:"text-xs",htmlFor:"title",id:"inlineMagazineForm__titleLabel",children:P("magazineTitleWithLength",{length:`${o.Ns}`})}),(0,t.jsx)(l.xI,{control:M,name:"name",render:({field:r,fieldState:{error:i}})=>(0,t.jsx)(b.A,{...r,name:"title","aria-labelledby":"inlineMagazineForm__titleLabel",validationState:i?.message===void 0?"valid":"invalid",errorMessage:i?.message,isDisabled:a,autoFocus:!0,onKeyDown:C,sideContent:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"mx-2 inline-block",children:(0,t.jsx)(f.A,{variant:"primary",type:"submit",isDisabled:a,children:P("create")})}),(0,t.jsx)("button",{type:"button",className:"flex items-center",onClick:e.onClose,disabled:a,children:(0,t.jsx)(v.bm,{"aria-label":P("close")})})]})})})]})}},33953:(e,a,r)=>{r.d(a,{A:()=>n});var t=r(97050),i=r(19324),s=r(32508),l=r(97360),n=(0,i.memo)((0,i.forwardRef)(function(e,a){let{description:r,errorMessage:n,validationState:o,isDisabled:d,descriptionProps:c,errorMessageProps:p}=e,u=(0,t.zD)(a),m=n&&"invalid"===o;return(0,l.jsxs)("div",{"data-name":"HelpText",ref:u,className:(0,i.useMemo)(()=>s(`
9      mt-2
10      text-sm
11      ${d?"is-disabled":""}
12      `),[d]),children:[n&&(0,l.jsx)("div",{className:s(`text-text-danger ${m?"":"hidden"}`),role:"alert","aria-live":"assertive","aria-hidden":!m,...p,children:n}),r&&(0,l.jsx)("div",{className:"text-text-secondary",...c,children:r})]})}))},51949:(e,a,r)=>{r.d(a,{A:()=>o});var t=r(3455),i=r(15796),s=r(8951),l=r(19324),n=r(97360),o=(0,l.forwardRef)(function(e,a){let{allowPlaceholder:r}=e=(0,t.zT)(e),o=(0,l.useRef)(null),{labelProps:d,inputProps:c,descriptionProps:p,errorMessageProps:u}=(0,s.v)(e,o);return!r&&e.placeholder&&console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead."),(0,n.jsx)(i.A,{...e,labelProps:d,inputProps:c,descriptionProps:p,errorMessageProps:u,ref:a,inputRef:o})})},69231:(e,a,r)=>{r.d(a,{z:()=>t});function t(e){return Object.keys(e).map(a=>`${a}=${encodeURIComponent(e[a])}`).join("&")}},80603:(e,a,r)=>{r.d(a,{M:()=>l});var t=r(34797),i=r(42018),s=r(85285);function l(e){let{description:a,errorMessage:r,isInvalid:l,validationState:n}=e,o=(0,s.M)(e),{fieldProps:d}=o,{labelProps:c}=o,p=(0,t.X1)([!!a,!!r,l,n]),u=(0,t.X1)([!!a,!!r,l,n]);return{labelProps:c,fieldProps:d=(0,i.v)(d,{"aria-describedby":[p,u,e["aria-describedby"]].filter(Boolean).join(" ")||void 0}),descriptionProps:{id:p},errorMessageProps:{id:u}}}},85285:(e,a,r)=>{r.d(a,{M:()=>s});var t=r(2280),i=r(19324);function s(e){let{id:a,"aria-labelledby":r}=e,{label:s,"aria-label":l,labelElementType:n="label"}=e;a??=(0,i.useId)();let o=(0,i.useId)(),d={};return s?(r=r?`${r} ${o}`:o,d={id:o,htmlFor:"label"===n?a:void 0}):r||l||console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility"),{labelProps:d,fieldProps:(0,t.b)({id:a,"aria-label":l,"aria-labelledby":r})}}}}]);