@strapi/admin 4.6.0-beta.2 → 4.6.0

package/build/i18n-settings-page.fbccdf12.chunk.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[3552],{98225:function(Ke,b,a){a.r(b),a.d(b,{default:function(){return Xe}});var e=a(32735),m=a(88425),le=a(60216),c=a.n(le),f=a(5636),L=a(41415),ne=a(27649),se=a(39161),oe=a(28356),ie=a(17e3),I=a(19406),ce=a(54725),Z=a(74552),o=a(90431),C=a(83281),z=a(66456),V=a(85025),G=a(55225),U=a(31600),H=a(11406),W=a(35540),S=a(39291),D=a(3653),j=a(36320),X=a(62345),$=a(9026),v=a(88860),T=a(5173),K=(0,T.Ry)().shape({code:(0,T.Z_)().required(),displayName:(0,T.Z_)().max(50,"Settings.locales.modal.locales.displayName.error").required(m.translatedErrors.required)}),x=a(4409),A=a(9494);const de=async(t,n,s)=>{try{const l=await(0,m.request)(`/i18n/locales/${t}`,{method:"PUT",body:n});return s({type:"success",message:{id:(0,o.O)("Settings.locales.modal.edit.success")}}),l}catch{return s({type:"warning",message:{id:"notification.error"}}),null}};var re=()=>{const[t,n]=(0,e.useState)(!1),s=(0,x.useDispatch)(),l=(0,m.useNotification)();return{isEditing:t,editLocale:async(d,r)=>{n(!0);const u=await de(d,r,l);s({type:A.OT,editedLocale:u}),n(!1)}}},Q=a(15335),O=a(5803),J=a(10369),ue=a(70218),me=a(84967),ge=a(84968),fe=a(94638);const ve=async t=>{try{return await(0,m.request)("/i18n/iso-locales",{method:"GET"})}catch{return t({type:"warning",message:{id:"notification.error"}}),[]}};var Y=()=>{const{formatMessage:t}=(0,f.useIntl)(),{notifyStatus:n}=(0,fe.G)(),s=(0,m.useNotification)(),{isLoading:l,data:i}=(0,ge.useQuery)("default-locales",()=>ve(s).then(d=>(n(t({id:(0,o.O)("Settings.locales.modal.locales.loaded"),defaultMessage:"The locales have been successfully loaded."})),d)));return{defaultLocales:i,isLoading:l}};const w=({locale:t})=>{const{formatMessage:n}=(0,f.useIntl)(),{values:s,handleChange:l,errors:i}=(0,C.useFormikContext)(),{defaultLocales:d,isLoading:r}=Y(),u=!r&&d.find(E=>E.code===t.code);return e.createElement(Q.r,{gap:4},e.createElement(O.P,{col:6},e.createElement(ue.P,{label:n({id:(0,o.O)("Settings.locales.modal.locales.label"),defaultMessage:"Locales"}),value:u?.code||t.code,disabled:!0},e.createElement(me.W,{value:u?.code||t.code},u?.name||t.code))),e.createElement(O.P,{col:6},e.createElement(J.o,{name:"displayName",label:n({id:(0,o.O)("Settings.locales.modal.locales.displayName"),defaultMessage:"Locale display name"}),hint:n({id:(0,o.O)("Settings.locales.modal.locales.displayName.description"),defaultMessage:"Locale will be displayed under that name in the administration panel"}),error:i.displayName?n({id:(0,o.O)("Settings.locales.modal.locales.displayName.error"),defaultMessage:"The locale display name can only be less than 50 characters."}):void 0,value:s.displayName,onChange:l})))};var Ee=w;w.propTypes={locale:c().shape({id:c().number.isRequired,name:c().string.isRequired,code:c().string.isRequired,isDefault:c().bool.isRequired}).isRequired};var k=a(8284);const q=({isDefaultLocale:t})=>{const{values:n,setFieldValue:s}=(0,C.useFormikContext)(),{formatMessage:l}=(0,f.useIntl)();return e.createElement(k.X,{name:"isDefault",hint:l({id:(0,o.O)("Settings.locales.modal.advanced.setAsDefault.hint"),defaultMessage:"One default locale is required, change it by selecting another one"}),onChange:()=>s("isDefault",!n.isDefault),value:n.isDefault,disabled:t},l({id:(0,o.O)("Settings.locales.modal.advanced.setAsDefault"),defaultMessage:"Set as default locale"}))};q.propTypes={isDefaultLocale:c().bool.isRequired};var ye=q;const F=({locale:t,onClose:n})=>{const{refetchPermissions:s}=(0,m.useRBACProvider)(),{isEditing:l,editLocale:i}=re(),{formatMessage:d}=(0,f.useIntl)(),r=async({displayName:u,isDefault:E})=>{await i(t.id,{name:u,isDefault:E}),await s()};return e.createElement(V.P,{onClose:n,labelledBy:"edit-locale-title"},e.createElement(C.Formik,{initialValues:{code:t?.code,displayName:t?.name||"",isDefault:Boolean(t?.isDefault)},onSubmit:r,validationSchema:K},e.createElement(m.Form,null,e.createElement(G.x,null,e.createElement(v.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"edit-locale-title"},d({id:(0,o.O)("Settings.list.actions.edit"),defaultMessage:"Edit a locale"}))),e.createElement(U.f,null,e.createElement(W.v,{label:d({id:(0,o.O)("Settings.locales.modal.title"),defaultMessage:"Configurations"}),id:"tabs",variant:"simple"},e.createElement(j.k,{justifyContent:"space-between"},e.createElement(v.Z,{as:"h2"},d({id:(0,o.O)("Settings.locales.modal.title"),defaultMessage:"Configurations"})),e.createElement(S.m,null,e.createElement(S.O,null,d({id:(0,o.O)("Settings.locales.modal.base"),defaultMessage:"Basic settings"})),e.createElement(S.O,null,d({id:(0,o.O)("Settings.locales.modal.advanced"),defaultMessage:"Advanced settings"})))),e.createElement($.i,null),e.createElement(X.x,{paddingTop:7,paddingBottom:7},e.createElement(D.n,null,e.createElement(D.x,null,e.createElement(Ee,{locale:t})),e.createElement(D.x,null,e.createElement(ye,{isDefaultLocale:Boolean(t&&t.isDefault)})))))),e.createElement(H.m,{startActions:e.createElement(L.z,{variant:"tertiary",onClick:n},d({id:"app.components.Button.cancel"})),endActions:e.createElement(L.z,{type:"submit",startIcon:e.createElement(z.Z,null),disabled:l},d({id:"global.save"}))}))))};F.defaultProps={locale:void 0},F.propTypes={locale:c().shape({id:c().number.isRequired,name:c().string.isRequired,code:c().string.isRequired,isDefault:c().bool.isRequired}),onClose:c().func.isRequired};var he=F;const pe=async(t,n)=>{try{const s=await(0,m.request)(`/i18n/locales/${t}`,{method:"DELETE"});return n({type:"success",message:{id:(0,o.O)("Settings.locales.modal.delete.success")}}),s}catch(s){return n({type:"warning",message:{id:"notification.error"}}),s}};var Le=()=>{const[t,n]=(0,e.useState)(!1),s=(0,x.useDispatch)(),l=(0,m.useNotification)();return{isDeleting:t,deleteLocale:async d=>{n(!0),await pe(d,l),s({type:A.HC,id:d}),n(!1)}}};const N=({localeToDelete:t,onClose:n})=>{const{isDeleting:s,deleteLocale:l}=Le(),i=Boolean(t),d=()=>l(t.id).then(n);return e.createElement(m.ConfirmDialog,{isConfirmButtonLoading:s,onConfirm:d,onToggleDialog:n,isOpen:i})};N.defaultProps={localeToDelete:void 0},N.propTypes={localeToDelete:c().shape({id:c().number.isRequired}),onClose:c().func.isRequired};var Ce=N,Se=a(33795),De=a.n(Se);const Me=async({code:t,name:n,isDefault:s},l)=>{const i=await(0,m.request)("/i18n/locales",{method:"POST",body:{name:n,code:t,isDefault:s}});return l({type:"success",message:{id:(0,o.O)("Settings.locales.modal.create.success")}}),i};var Oe=()=>{const[t,n]=(0,e.useState)(!1),s=(0,x.useDispatch)(),l=(0,m.useNotification)();return{isAdding:t,addLocale:async d=>{n(!0);try{const r=await Me(d,l);s({type:A.xz,newLocale:r})}catch(r){const u=De()(r,"response.payload.message",null);throw u&&u.includes("already exists")?l({type:"warning",message:{id:(0,o.O)("Settings.locales.modal.create.alreadyExist")}}):l({type:"warning",message:{id:"notification.error"}}),r}finally{n(!1)}}}},Te=a(21590),xe=a(90333);const P=e.memo(({value:t,onClear:n,onLocaleChange:s,error:l})=>{const{formatMessage:i}=(0,f.useIntl)(),{defaultLocales:d,isLoading:r}=Y(),{locales:u}=(0,Z.Z)(),E=(d||[]).map(g=>({label:g.name,value:g.code})).filter(({value:g})=>{const h=u.find(({code:M})=>M===g);return!h||h.code===t}),p=t||"";return e.createElement(Te.h,{"aria-busy":r,error:l,label:i({id:(0,o.O)("Settings.locales.modal.locales.label"),defaultMessage:"Locales"}),value:p,onClear:t?n:void 0,onChange:g=>{const h=E.find(M=>M.value===g);h&&s({code:h.value,displayName:h.label})},placeholder:i({id:"components.placeholder.select",defaultMessage:"Select"})},E.map(g=>e.createElement(xe.O,{value:g.value,key:g.value},g.label)))});P.defaultProps={error:void 0,value:void 0,onClear(){},onLocaleChange:()=>{}},P.propTypes={error:c().string,onClear:c().func,onLocaleChange:c().func,value:c().string};var Ae=P,Fe=()=>{const{formatMessage:t}=(0,f.useIntl)(),{values:n,handleChange:s,setFieldValue:l,errors:i}=(0,C.useFormikContext)(),d=(0,e.useCallback)(u=>{l("displayName",u.displayName),l("code",u.code)},[l]),r=(0,e.useCallback)(()=>{l("displayName",""),l("code","")},[l]);return e.createElement(Q.r,{gap:4},e.createElement(O.P,{col:6},e.createElement(Ae,{error:i.code,value:n.code,onLocaleChange:d,onClear:r})),e.createElement(O.P,{col:6},e.createElement(J.o,{name:"displayName",label:t({id:(0,o.O)("Settings.locales.modal.locales.displayName"),defaultMessage:"Locale display name"}),hint:t({id:(0,o.O)("Settings.locales.modal.locales.displayName.description"),defaultMessage:"Locale will be displayed under that name in the administration panel"}),error:i.displayName?t({id:(0,o.O)("Settings.locales.modal.locales.displayName.error"),defaultMessage:"The locale display name can only be less than 50 characters."}):void 0,value:n.displayName,onChange:s})))},Ne=()=>{const{values:t,setFieldValue:n}=(0,C.useFormikContext)(),{formatMessage:s}=(0,f.useIntl)();return e.createElement(k.X,{hint:s({id:(0,o.O)("Settings.locales.modal.advanced.setAsDefault.hint"),defaultMessage:"One default locale is required, change it by selecting another one"}),onChange:()=>n("isDefault",!t.isDefault),value:t.isDefault},s({id:(0,o.O)("Settings.locales.modal.advanced.setAsDefault"),defaultMessage:"Set as default locale"}))};const Pe={code:"",displayName:"",isDefault:!1},_=({onClose:t})=>{const{isAdding:n,addLocale:s}=Oe(),{formatMessage:l}=(0,f.useIntl)(),{refetchPermissions:i}=(0,m.useRBACProvider)(),d=async r=>{await s({code:r.code,name:r.displayName,isDefault:r.isDefault}),await i()};return e.createElement(V.P,{onClose:t,labelledBy:"add-locale-title"},e.createElement(C.Formik,{initialValues:Pe,onSubmit:d,validationSchema:K,validateOnChange:!1},e.createElement(m.Form,null,e.createElement(G.x,null,e.createElement(v.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"add-locale-title"},l({id:(0,o.O)("Settings.list.actions.add"),defaultMessage:"Add new locale"}))),e.createElement(U.f,null,e.createElement(W.v,{label:l({id:(0,o.O)("Settings.locales.modal.title"),defaultMessage:"Configurations"}),id:"tabs",variant:"simple"},e.createElement(j.k,{justifyContent:"space-between"},e.createElement(v.Z,{as:"h2",variant:"beta"},l({id:(0,o.O)("Settings.locales.modal.title"),defaultMessage:"Configurations"})),e.createElement(S.m,null,e.createElement(S.O,null,l({id:(0,o.O)("Settings.locales.modal.base"),defaultMessage:"Basic settings"})),e.createElement(S.O,null,l({id:(0,o.O)("Settings.locales.modal.advanced"),defaultMessage:"Advanced settings"})))),e.createElement($.i,null),e.createElement(X.x,{paddingTop:7,paddingBottom:7},e.createElement(D.n,null,e.createElement(D.x,null,e.createElement(Fe,null)),e.createElement(D.x,null,e.createElement(Ne,null)))))),e.createElement(H.m,{startActions:e.createElement(L.z,{variant:"tertiary",onClick:t},l({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(L.z,{type:"submit",startIcon:e.createElement(z.Z,null),disabled:n},l({id:"global.save",defaultMessage:"Save"}))}))))};_.propTypes={onClose:c().func.isRequired};var Re=_,ee=a(50563),Be=a(27677),be=a(3685),Ie=a(94745),Ze=a(76330),te=a(29005),y=a(66735),ze=a(3594),Ve=a(68625),Ge=a(4038);const R=({locales:t,onDeleteLocale:n,onEditLocale:s})=>{const{formatMessage:l}=(0,f.useIntl)();return e.createElement(Ie.i,{colCount:4,rowCount:t.length+1},e.createElement(Ze.h,null,e.createElement(te.Tr,null,e.createElement(y.Th,null,e.createElement(v.Z,{variant:"sigma",textColor:"neutral600"},l({id:(0,o.O)("Settings.locales.row.id")}))),e.createElement(y.Th,null,e.createElement(v.Z,{variant:"sigma",textColor:"neutral600"},l({id:(0,o.O)("Settings.locales.row.displayName")}))),e.createElement(y.Th,null,e.createElement(v.Z,{variant:"sigma",textColor:"neutral600"},l({id:(0,o.O)("Settings.locales.row.default-locale")}))),e.createElement(y.Th,null,e.createElement(be.T,null,"Actions")))),e.createElement(ze.p,null,t.map(i=>e.createElement(te.Tr,{key:i.id,...(0,m.onRowClick)({fn:()=>s(i),condition:s})},e.createElement(y.Td,null,e.createElement(v.Z,{textColor:"neutral800"},i.id)),e.createElement(y.Td,null,e.createElement(v.Z,{textColor:"neutral800"},i.name)),e.createElement(y.Td,null,e.createElement(v.Z,{textColor:"neutral800"},i.isDefault?l({id:(0,o.O)("Settings.locales.default")}):null)),e.createElement(y.Td,null,e.createElement(Be.K,{horizontal:!0,spacing:1,style:{justifyContent:"flex-end"},...m.stopPropagation},s&&e.createElement(ee.h,{onClick:()=>s(i),label:l({id:(0,o.O)("Settings.list.actions.edit")}),icon:e.createElement(Ve.Z,null),noBorder:!0}),n&&!i.isDefault&&e.createElement(ee.h,{onClick:()=>n(i),label:l({id:(0,o.O)("Settings.list.actions.delete")}),icon:e.createElement(Ge.default,null),noBorder:!0})))))))};R.defaultProps={locales:[],onDeleteLocale:void 0,onEditLocale:void 0},R.propTypes={locales:c().array,onDeleteLocale:c().func,onEditLocale:c().func};var Ue=R;const B=({canUpdateLocale:t,canDeleteLocale:n,onToggleCreateModal:s,isCreating:l})=>{const[i,d]=(0,e.useState)(),[r,u]=(0,e.useState)(),{locales:E}=(0,Z.Z)(),{formatMessage:p}=(0,f.useIntl)();(0,m.useFocusWhenNavigate)();const g=()=>d(void 0),h=n?d:void 0,M=()=>u(void 0),$e=t?u:void 0;return e.createElement(ne.o,{tabIndex:-1},e.createElement(oe.T,{primaryAction:e.createElement(L.z,{startIcon:e.createElement(I.default,null),onClick:s,size:"S"},p({id:(0,o.O)("Settings.list.actions.add")})),title:p({id:(0,o.O)("plugin.name")}),subtitle:p({id:(0,o.O)("Settings.list.description")})}),e.createElement(ie.D,null,E?.length>0?e.createElement(Ue,{locales:E,onDeleteLocale:h,onEditLocale:$e}):e.createElement(se.EmptyStateLayout,{icon:e.createElement(ce.default,{width:void 0,height:void 0}),content:p({id:(0,o.O)("Settings.list.empty.title")}),action:s?e.createElement(L.z,{variant:"secondary",startIcon:e.createElement(I.default,null),onClick:s},p({id:(0,o.O)("Settings.list.actions.add")})):null})),l&&e.createElement(Re,{onClose:s}),r&&e.createElement(he,{onClose:M,locale:r}),e.createElement(Ce,{localeToDelete:i,onClose:g}))};B.defaultProps={onToggleCreateModal:void 0},B.propTypes={canUpdateLocale:c().bool.isRequired,canDeleteLocale:c().bool.isRequired,onToggleCreateModal:c().func,isCreating:c().bool.isRequired};var He=B;const ae=({canReadLocale:t,canCreateLocale:n,canDeleteLocale:s,canUpdateLocale:l})=>{const[i,d]=(0,e.useState)(!1),r=n?()=>d(u=>!u):void 0;return t?e.createElement(He,{canUpdateLocale:l,canDeleteLocale:s,onToggleCreateModal:r,isCreating:i}):null};ae.propTypes={canReadLocale:c().bool.isRequired,canCreateLocale:c().bool.isRequired,canUpdateLocale:c().bool.isRequired,canDeleteLocale:c().bool.isRequired};var We=ae,je=a(58347),Xe=()=>{const{isLoading:t,allowedActions:{canRead:n,canUpdate:s,canCreate:l,canDelete:i}}=(0,m.useRBAC)(je.Z);return t?null:e.createElement(We,{canReadLocale:n,canCreateLocale:l,canUpdateLocale:s,canDeleteLocale:i})}}}]);