@strapi/admin 4.12.0-beta.0 → 4.12.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (226) hide show
  1. package/admin/src/content-manager/components/CollectionTypeFormWrapper/index.js +1 -3
  2. package/admin/src/content-manager/components/RelationInput/components/Option.js +6 -5
  3. package/admin/src/content-manager/components/SingleTypeFormWrapper/index.js +7 -7
  4. package/admin/src/content-manager/pages/EditSettingsView/components/DisplayedFields.js +23 -21
  5. package/admin/src/content-manager/pages/EditSettingsView/components/ModalForm.js +21 -23
  6. package/admin/src/content-manager/pages/EditView/Information/index.js +1 -1
  7. package/admin/src/content-manager/pages/EditView/InformationBox/InformationBoxCE.js +1 -2
  8. package/admin/src/content-manager/pages/EditView/InformationBox/index.js +1 -3
  9. package/admin/src/content-manager/pages/EditView/index.js +14 -2
  10. package/admin/src/content-manager/pages/ListSettingsView/components/SortDisplayedFields.js +24 -22
  11. package/admin/src/content-manager/pages/ListView/components/Body/index.js +191 -0
  12. package/admin/src/content-manager/pages/ListView/components/BulkActionButtons/ConfirmBulkActionDialog/index.js +164 -0
  13. package/admin/src/content-manager/pages/ListView/components/BulkActionButtons/SelectedEntriesModal/index.js +468 -0
  14. package/admin/src/content-manager/{components/DynamicTable/BulkActionsBar → pages/ListView/components/BulkActionButtons}/index.js +56 -132
  15. package/admin/src/content-manager/pages/ListView/components/CellContent/RelationMultiple/index.js +63 -69
  16. package/admin/src/content-manager/pages/ListView/components/CellContent/RepeatableComponent/index.js +28 -21
  17. package/admin/src/content-manager/pages/ListView/index.js +191 -132
  18. package/admin/src/hooks/useSettingsMenu/index.js +35 -21
  19. package/admin/src/layouts/UnauthenticatedLayout/LocaleToggle/index.js +7 -7
  20. package/admin/src/pages/AuthPage/components/Login/index.js +3 -5
  21. package/admin/src/pages/AuthPage/constants.js +3 -2
  22. package/admin/src/pages/AuthPage/index.js +18 -1
  23. package/admin/src/pages/HomePage/index.js +19 -7
  24. package/admin/src/pages/ProfilePage/index.js +6 -11
  25. package/admin/src/pages/SettingsPage/components/SettingsNav/index.js +13 -11
  26. package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/index.js +17 -1
  27. package/admin/src/pages/SettingsPage/pages/Users/EditPage/index.js +15 -2
  28. package/admin/src/pages/SettingsPage/pages/Users/ListPage/CreateAction/index.js +2 -4
  29. package/admin/src/pages/SettingsPage/pages/Users/ListPage/ModalForm/index.js +15 -1
  30. package/admin/src/pages/SettingsPage/pages/Users/ListPage/index.js +36 -5
  31. package/admin/src/pages/SettingsPage/pages/Users/components/MagicLink/index.js +3 -5
  32. package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventTable/index.js +1 -3
  33. package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/WebhookForm/index.js +16 -1
  34. package/admin/src/translations/ca.json +4 -4
  35. package/admin/src/translations/de.json +4 -4
  36. package/admin/src/translations/dk.json +2 -2
  37. package/admin/src/translations/en.json +23 -4
  38. package/admin/src/translations/es.json +4 -4
  39. package/admin/src/translations/eu.json +4 -4
  40. package/admin/src/translations/fr.json +2 -2
  41. package/admin/src/translations/gu.json +4 -4
  42. package/admin/src/translations/hi.json +4 -4
  43. package/admin/src/translations/hu.json +4 -4
  44. package/admin/src/translations/ja.json +2 -2
  45. package/admin/src/translations/ko.json +2 -2
  46. package/admin/src/translations/ml.json +4 -4
  47. package/admin/src/translations/nl.json +4 -4
  48. package/admin/src/translations/pl.json +4 -4
  49. package/admin/src/translations/pt-BR.json +4 -4
  50. package/admin/src/translations/ru.json +4 -4
  51. package/admin/src/translations/sa.json +4 -4
  52. package/admin/src/translations/sk.json +4 -4
  53. package/admin/src/translations/sv.json +4 -4
  54. package/admin/src/translations/tr.json +4 -4
  55. package/admin/src/translations/zh-Hans.json +4 -4
  56. package/admin/src/translations/zh.json +4 -4
  57. package/build/1049.758a01f5.chunk.js +1 -0
  58. package/build/{3528.4845cf92.chunk.js → 1386.762d6eb8.chunk.js} +1 -1
  59. package/build/1727.b49f0713.chunk.js +1 -0
  60. package/build/{5563.a146acac.chunk.js → 2225.15d1df72.chunk.js} +2 -2
  61. package/build/2379.d33a2e16.chunk.js +1 -0
  62. package/build/2395.b0419a54.chunk.js +26 -0
  63. package/build/2801.18f38baf.chunk.js +1 -0
  64. package/build/{7394.423886bd.chunk.js → 3100.21c343fa.chunk.js} +1 -1
  65. package/build/311.cb0884bb.chunk.js +1 -0
  66. package/build/3483.ddd2d6df.chunk.js +1 -0
  67. package/build/{970.89601f27.chunk.js → 3739.63e352f1.chunk.js} +52 -20
  68. package/build/3984.ea7b8036.chunk.js +1 -0
  69. package/build/4546.ff9fdf30.chunk.js +1 -0
  70. package/build/502.ccb38223.chunk.js +1 -0
  71. package/build/5483.ed2c7efa.chunk.js +6 -0
  72. package/build/{5542.c62d0daf.chunk.js → 5542.2415a393.chunk.js} +6 -6
  73. package/build/6158.c974fd83.chunk.js +1 -0
  74. package/build/6691.f880a0b6.chunk.js +105 -0
  75. package/build/7030.b98dcedf.chunk.js +1 -0
  76. package/build/7464.c6d0565c.chunk.js +1 -0
  77. package/build/8276.23e0763b.chunk.js +26 -0
  78. package/build/8298.fd253c9f.chunk.js +117 -0
  79. package/build/918.54414509.chunk.js +1 -0
  80. package/build/{9932.7e2b71de.chunk.js → 9806.91360bb6.chunk.js} +79 -79
  81. package/build/{9944.29289a16.chunk.js → 9944.7af075a5.chunk.js} +1 -1
  82. package/build/{Admin-authenticatedApp.9d3afb79.chunk.js → Admin-authenticatedApp.36b3826c.chunk.js} +5 -5
  83. package/build/Admin_InternalErrorPage.f45f2462.chunk.js +1 -0
  84. package/build/{Admin_homePage.be30ef4e.chunk.js → Admin_homePage.ac9dfb86.chunk.js} +23 -15
  85. package/build/{Admin_marketplace.74a58e20.chunk.js → Admin_marketplace.f0b87fce.chunk.js} +1 -1
  86. package/build/{Admin_pluginsPage.ce464189.chunk.js → Admin_pluginsPage.8728ff6e.chunk.js} +1 -1
  87. package/build/{Admin_profilePage.2131eb68.chunk.js → Admin_profilePage.a968035f.chunk.js} +2 -2
  88. package/build/Admin_settingsPage.8c600d1a.chunk.js +111 -0
  89. package/build/Upload_ConfigureTheView.345ac1e0.chunk.js +1 -0
  90. package/build/admin-app.1c3f7fd6.chunk.js +36 -0
  91. package/build/{admin-edit-roles-page.3fdd6b9d.chunk.js → admin-edit-roles-page.a49b9f4f.chunk.js} +4 -4
  92. package/build/admin-edit-users.67704088.chunk.js +10 -0
  93. package/build/{admin-roles-list.e17b00d7.chunk.js → admin-roles-list.0c129e98.chunk.js} +1 -1
  94. package/build/admin-users.3279ffb0.chunk.js +11 -0
  95. package/build/api-tokens-create-page.46c2ea84.chunk.js +1 -0
  96. package/build/{api-tokens-edit-page.9a1dd2fa.chunk.js → api-tokens-edit-page.58139df9.chunk.js} +1 -1
  97. package/build/{api-tokens-list-page.a103f526.chunk.js → api-tokens-list-page.505bf7e0.chunk.js} +2 -2
  98. package/build/audit-logs-settings-page.4b422831.chunk.js +1 -0
  99. package/build/{ca-json.1fed5d8b.chunk.js → ca-json.a53c10b6.chunk.js} +1 -1
  100. package/build/content-manager.b8d593d4.chunk.js +1103 -0
  101. package/build/{content-type-builder-list-view.a200a358.chunk.js → content-type-builder-list-view.bf9be456.chunk.js} +9 -9
  102. package/build/{content-type-builder-translation-ar-json.56d8fcf4.chunk.js → content-type-builder-translation-ar-json.3e808e2f.chunk.js} +1 -1
  103. package/build/{content-type-builder-translation-cs-json.a5b299ca.chunk.js → content-type-builder-translation-cs-json.1ef9e106.chunk.js} +1 -1
  104. package/build/{content-type-builder-translation-de-json.393a76c0.chunk.js → content-type-builder-translation-de-json.63fcff7b.chunk.js} +1 -1
  105. package/build/{content-type-builder-translation-dk-json.fbd39bb7.chunk.js → content-type-builder-translation-dk-json.fd626b67.chunk.js} +1 -1
  106. package/build/{content-type-builder-translation-en-json.38e20391.chunk.js → content-type-builder-translation-en-json.ed29ff4d.chunk.js} +1 -1
  107. package/build/{content-type-builder-translation-es-json.9288474b.chunk.js → content-type-builder-translation-es-json.a4a361a9.chunk.js} +1 -1
  108. package/build/{content-type-builder-translation-fr-json.d35e269c.chunk.js → content-type-builder-translation-fr-json.499c3a46.chunk.js} +1 -1
  109. package/build/{content-type-builder-translation-id-json.f0513929.chunk.js → content-type-builder-translation-id-json.65255f93.chunk.js} +1 -1
  110. package/build/{content-type-builder-translation-it-json.aaf16753.chunk.js → content-type-builder-translation-it-json.e268ab74.chunk.js} +1 -1
  111. package/build/{content-type-builder-translation-ko-json.8fe21a7f.chunk.js → content-type-builder-translation-ko-json.04cb309d.chunk.js} +1 -1
  112. package/build/{content-type-builder-translation-ms-json.3b5d2d3e.chunk.js → content-type-builder-translation-ms-json.f6b743b9.chunk.js} +1 -1
  113. package/build/{content-type-builder-translation-nl-json.225ef5d3.chunk.js → content-type-builder-translation-nl-json.997fe8cc.chunk.js} +1 -1
  114. package/build/{content-type-builder-translation-pl-json.92f36be2.chunk.js → content-type-builder-translation-pl-json.634f638b.chunk.js} +1 -1
  115. package/build/{content-type-builder-translation-pt-BR-json.3bd10f89.chunk.js → content-type-builder-translation-pt-BR-json.6a95dc71.chunk.js} +1 -1
  116. package/build/{content-type-builder-translation-ru-json.9bfe47ce.chunk.js → content-type-builder-translation-ru-json.3af65503.chunk.js} +1 -1
  117. package/build/{content-type-builder-translation-sk-json.d03cc18a.chunk.js → content-type-builder-translation-sk-json.c6078082.chunk.js} +1 -1
  118. package/build/{content-type-builder-translation-sv-json.d23dcd32.chunk.js → content-type-builder-translation-sv-json.a6df2462.chunk.js} +1 -1
  119. package/build/{content-type-builder-translation-th-json.7ad256e2.chunk.js → content-type-builder-translation-th-json.122277cc.chunk.js} +1 -1
  120. package/build/{content-type-builder-translation-tr-json.926f6191.chunk.js → content-type-builder-translation-tr-json.41f44f77.chunk.js} +1 -1
  121. package/build/{content-type-builder-translation-uk-json.7bf19546.chunk.js → content-type-builder-translation-uk-json.e1315acd.chunk.js} +1 -1
  122. package/build/{content-type-builder-translation-zh-Hans-json.415577fb.chunk.js → content-type-builder-translation-zh-Hans-json.6ff57db6.chunk.js} +1 -1
  123. package/build/{content-type-builder-translation-zh-json.ad24dbeb.chunk.js → content-type-builder-translation-zh-json.3532b962.chunk.js} +1 -1
  124. package/build/content-type-builder.40534de5.chunk.js +170 -0
  125. package/build/{de-json.fcac7381.chunk.js → de-json.b3be02c7.chunk.js} +1 -1
  126. package/build/{dk-json.e34cad0d.chunk.js → dk-json.842aa391.chunk.js} +1 -1
  127. package/build/{email-settings-page.45695daa.chunk.js → email-settings-page.d494d1eb.chunk.js} +2 -2
  128. package/build/{en-json.fb9f6ddd.chunk.js → en-json.4c733bd1.chunk.js} +1 -1
  129. package/build/{es-json.42096084.chunk.js → es-json.f57b5335.chunk.js} +1 -1
  130. package/build/{eu-json.fb17c8f9.chunk.js → eu-json.633025f0.chunk.js} +1 -1
  131. package/build/{fr-json.69789980.chunk.js → fr-json.aa8839d2.chunk.js} +1 -1
  132. package/build/{gu-json.4d667d0c.chunk.js → gu-json.5bd62812.chunk.js} +1 -1
  133. package/build/{hi-json.323be97d.chunk.js → hi-json.9104eb78.chunk.js} +1 -1
  134. package/build/{hu-json.fe71e6c8.chunk.js → hu-json.9f4aae42.chunk.js} +1 -1
  135. package/build/{i18n-settings-page.29308d0b.chunk.js → i18n-settings-page.47f78016.chunk.js} +1 -1
  136. package/build/index.html +1 -1
  137. package/build/{ja-json.81b6d1e3.chunk.js → ja-json.91286391.chunk.js} +1 -1
  138. package/build/{ko-json.4539f4ba.chunk.js → ko-json.fcf3ec4b.chunk.js} +1 -1
  139. package/build/main.a12c4c0f.js +2856 -0
  140. package/build/{ml-json.8988e374.chunk.js → ml-json.557aa14c.chunk.js} +1 -1
  141. package/build/{nl-json.98345913.chunk.js → nl-json.b2b16eea.chunk.js} +1 -1
  142. package/build/{pl-json.59a5dab3.chunk.js → pl-json.f094a417.chunk.js} +1 -1
  143. package/build/{pt-BR-json.9410688b.chunk.js → pt-BR-json.dec7fb01.chunk.js} +1 -1
  144. package/build/review-workflows-settings-create-view.dfd87e1f.chunk.js +1 -0
  145. package/build/review-workflows-settings-edit-view.53c00afe.chunk.js +1 -0
  146. package/build/review-workflows-settings-list-view.a34be805.chunk.js +56 -0
  147. package/build/{ru-json.678cd48b.chunk.js → ru-json.8193d8c4.chunk.js} +1 -1
  148. package/build/{runtime~main.5e9bf4b3.js → runtime~main.d197f488.js} +2 -2
  149. package/build/{sa-json.6359a11c.chunk.js → sa-json.a56836f1.chunk.js} +1 -1
  150. package/build/{sk-json.2374f129.chunk.js → sk-json.bf2f057a.chunk.js} +1 -1
  151. package/build/sso-settings-page.ed6f3f15.chunk.js +1 -0
  152. package/build/{sv-json.ae6e71ea.chunk.js → sv-json.fd0e86c6.chunk.js} +1 -1
  153. package/build/{tr-json.bac5dbd3.chunk.js → tr-json.56c32cf6.chunk.js} +1 -1
  154. package/build/transfer-tokens-create-page.1597e6ab.chunk.js +1 -0
  155. package/build/transfer-tokens-edit-page.8741529f.chunk.js +1 -0
  156. package/build/{transfer-tokens-list-page.7237443d.chunk.js → transfer-tokens-list-page.22147d2c.chunk.js} +2 -2
  157. package/build/upload-settings.cac210a0.chunk.js +14 -0
  158. package/build/upload.cbfeefa5.chunk.js +58 -0
  159. package/build/{users-advanced-settings-page.750b1f76.chunk.js → users-advanced-settings-page.18379a56.chunk.js} +1 -1
  160. package/build/users-email-settings-page.a87978e5.chunk.js +9 -0
  161. package/build/users-providers-settings-page.8876c1ee.chunk.js +14 -0
  162. package/build/{users-roles-settings-page.d286426a.chunk.js → users-roles-settings-page.0431f48c.chunk.js} +2 -2
  163. package/build/webhook-edit-page.a91f27a1.chunk.js +33 -0
  164. package/build/{webhook-list-page.940a40f1.chunk.js → webhook-list-page.65e1b5bb.chunk.js} +1 -1
  165. package/build/{zh-Hans-json.fada6f40.chunk.js → zh-Hans-json.36d81cdc.chunk.js} +1 -1
  166. package/build/{zh-json.3529f1e5.chunk.js → zh-json.1cc86ff0.chunk.js} +1 -1
  167. package/ee/admin/content-manager/pages/EditView/InformationBox/InformationBoxEE.js +6 -3
  168. package/ee/admin/content-manager/pages/EditView/InformationBox/index.js +1 -3
  169. package/ee/admin/content-manager/pages/ListView/ReviewWorkflowsColumn/constants.js +2 -2
  170. package/ee/admin/pages/AuthPage/components/Login/index.js +3 -5
  171. package/ee/admin/pages/HomePage/index.js +11 -0
  172. package/ee/admin/pages/SettingsPage/pages/ApplicationInfosPage/components/AdminSeatInfo/index.js +1 -3
  173. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/ProtectedPage/ProtectedPage.js +1 -1
  174. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/Stage.js +1 -1
  175. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/pages/CreateView/CreateView.js +38 -10
  176. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/pages/EditView/EditView.js +57 -8
  177. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/pages/ListView/ListView.js +3 -3
  178. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/utils/{getWorkflowValidationSchema.js → validateWorkflow.js} +33 -2
  179. package/ee/admin/pages/SettingsPage/pages/Users/ListPage/CreateAction/index.js +2 -4
  180. package/ee/admin/pages/SettingsPage/pages/Users/ListPage/index.js +13 -0
  181. package/ee/admin/pages/SettingsPage/pages/Users/components/MagicLink/index.js +3 -5
  182. package/ee/admin/pages/SettingsPage/pages/Webhooks/EditView/components/EventTable/index.js +1 -3
  183. package/ee/server/constants/default-stages.json +1 -1
  184. package/ee/server/constants/workflows.js +1 -0
  185. package/ee/server/services/review-workflows/validation.js +6 -0
  186. package/ee/server/validation/review-workflows.js +6 -2
  187. package/index.js +0 -14
  188. package/package.json +12 -20
  189. package/webpack.alias.js +0 -3
  190. package/webpack.config.js +1 -75
  191. package/admin/src/content-manager/pages/ListView/components/TableRows/index.js +0 -300
  192. package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/AdminSeatInfo/index.js +0 -5
  193. package/build/1386.3b2aa6a7.chunk.js +0 -3
  194. package/build/1970.39a2d75e.chunk.js +0 -1
  195. package/build/2799.cf9b491f.chunk.js +0 -1
  196. package/build/3269.1ea0f5a6.chunk.js +0 -1
  197. package/build/4485.d3c6dd1d.chunk.js +0 -6
  198. package/build/539.865446c0.chunk.js +0 -1
  199. package/build/6691.e6d5ac38.chunk.js +0 -105
  200. package/build/7018.f3dad3c1.chunk.js +0 -1
  201. package/build/7259.0e25ab5d.chunk.js +0 -1
  202. package/build/9465.d8fc1377.chunk.js +0 -112
  203. package/build/Admin_InternalErrorPage.8911cb49.chunk.js +0 -1
  204. package/build/Admin_settingsPage.074655f6.chunk.js +0 -79
  205. package/build/Upload_ConfigureTheView.7a1cb9c9.chunk.js +0 -1
  206. package/build/admin-app.3ede71ad.chunk.js +0 -61
  207. package/build/admin-edit-users.78552758.chunk.js +0 -10
  208. package/build/admin-users.c23322fc.chunk.js +0 -11
  209. package/build/api-tokens-create-page.3dd4e921.chunk.js +0 -1
  210. package/build/audit-logs-settings-page.37fe915c.chunk.js +0 -1
  211. package/build/content-manager.08541eeb.chunk.js +0 -1094
  212. package/build/content-type-builder.de22f7c9.chunk.js +0 -166
  213. package/build/main.a8ede50d.js +0 -2927
  214. package/build/review-workflows-settings-create-view.56f61e18.chunk.js +0 -1
  215. package/build/review-workflows-settings-edit-view.912bc9c0.chunk.js +0 -1
  216. package/build/review-workflows-settings-list-view.cf6a08d3.chunk.js +0 -56
  217. package/build/sso-settings-page.0cdb96a6.chunk.js +0 -1
  218. package/build/transfer-tokens-create-page.de14cad4.chunk.js +0 -1
  219. package/build/transfer-tokens-edit-page.4f5e39af.chunk.js +0 -1
  220. package/build/upload-settings.cb6c14c3.chunk.js +0 -14
  221. package/build/upload.7e629643.chunk.js +0 -26
  222. package/build/users-email-settings-page.e9bcd865.chunk.js +0 -9
  223. package/build/users-providers-settings-page.a94253e9.chunk.js +0 -14
  224. package/build/webhook-edit-page.77ef4f1a.chunk.js +0 -33
  225. /package/admin/src/content-manager/components/{DynamicTable → ListViewTable}/CellContent/PublicationState/PublicationState.js +0 -0
  226. /package/admin/src/content-manager/components/{DynamicTable → ListViewTable}/CellContent/PublicationState/index.js +0 -0
@@ -1,1094 +0,0 @@
1
- (self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[994],{58890:function(qt,Ue,i){"use strict";i.r(Ue),i.d(Ue,{App:function(){return Ka},default:function(){return Np}});var e=i(32735),ye=i(27649),ve=i(82055),$e=i(96709),y=i(19565),Ve=i(98978),nt=i.n(Ve),qe=i(74758),G=i(67879),de=i(15062),ae=i(53038),it=i(55433),ke=i(78125),lt=(0,e.createContext)(),Ie=i(47510),Xe=i(25708),De=i(60216),n=i.n(De),Je=i(47533),ct=(0,e.createContext)(),Gt=i(73386),ne=i(56327),f=i(51375),ie=i(41415),He=i(17e3),j=i(72850),Z=i(87933),q=i(49372),Re=i(15335),Ee=i(5803),Oe=i(68465),be=i(84967),dt=i(9026),_e=i(29439),xe=i(66456),ot=i(99381),Ze=i.n(ot),Qt=i(3704),Et=i.n(Qt),Ne=i(33795),L=i.n(Ne),bt=i(89793),Te=i.n(bt),Kt=i(88423),dn=i.n(Kt),Ya=i(3040),se=i.n(Ya),Xa=i(23940),kt=i.n(Xa),et=i(20108),vt=i(42882),Ge=i(34853),Ct=i(19406),ut=i(68625);const qo=e.createContext();function un({attributes:t,buttonData:o,children:r,goTo:a,layout:s,metadatas:c,moveItem:l,moveRow:d,onAddData:m,relationsLayout:u,removeField:p,selectedItemName:b,setEditFieldToSelect:h,...g}){return e.createElement(qo.Provider,{value:{attributes:t,buttonData:o,goTo:a,layout:s,metadatas:c,moveItem:l,moveRow:d,onAddData:m,relationsLayout:u,removeField:p,selectedItemName:b,setEditFieldToSelect:h,...g}},r)}un.defaultProps={attributes:{},buttonData:[],goTo(){},layout:[],metadatas:{},moveItem(){},moveRow(){},onAddData(){},relationsLayout:[],removeField(){},selectedItemName:null,setEditFieldToSelect(){}},un.propTypes={attributes:n().object,buttonData:n().array,children:n().node.isRequired,goTo:n().func,layout:n().array,metadatas:n().object,moveItem:n().func,moveRow:n().func,onAddData:n().func,relationsLayout:n().array,removeField:n().func,selectedItemName:n().string,setEditFieldToSelect:n().func};function mt(){return e.useContext(qo)}const Ja=[{action:"plugin::content-type-builder.read",subject:null}];var _a=()=>{const{trackUsage:t}=(0,y.rS)(),{formatMessage:o}=(0,G.Z)(),{slug:r,modifiedData:a,isContentTypeView:s}=mt(),c=s?"content-types":"components",l=`/plugins/content-type-builder/${c==="content-types"?c:"component-categories"}`,d=L()(a,"category",""),m=c==="content-types"?r:`${d}/${r}`,u=()=>{t("willEditEditLayout")};return r==="strapi::administrator"?null:e.createElement(y.jW,{permissions:Ja},e.createElement(y.Qj,{to:`${l}/${m}`,onClick:u,size:"S",startIcon:e.createElement(ut.Z,null),variant:"secondary"},o({id:(0,Ie.Z)(`edit-settings-view.link-to-ctb.${c}`),defaultMessage:"Edit the content type"})))},rt=i(47081),Yt=i(74506),xt=i(51968),z=i(8471),Ce=i(50563),Qe=i(4038),mn=i(45112);const Ho=({componentUid:t})=>{const{componentLayouts:o}=mt(),{formatMessage:r}=(0,G.Z)(),a=L()(o,[t],{}),s=L()(a,["layouts","edit"],[]);return e.createElement(j.x,{padding:3},s.map((c,l)=>e.createElement(Re.r,{gap:4,key:l},c.map(d=>e.createElement(Ee.P,{key:d.name,col:d.size},e.createElement(j.x,{paddingTop:2},e.createElement(Z.k,{alignItems:"center",background:"neutral0",paddingLeft:3,paddingRight:3,height:`${32/16}rem`,hasRadius:!0,borderColor:"neutral200"},e.createElement(q.Z,{textColor:"neutral800"},d.name))))))),e.createElement(j.x,{paddingTop:2},e.createElement(y.rU,{startIcon:e.createElement(mn.Z,null),to:`/content-manager/components/${t}/configurations/edit`},r({id:(0,Ie.Z)("components.FieldItem.linkToComponentLayout"),defaultMessage:"Set the component's layout"}))))};Ho.propTypes={componentUid:n().string.isRequired};var es=Ho,Zt=i(14911),pn=i(99140),ts=i(55805),ns=i(31206),os=i(97075),rs=i(14949),as=i(8482),ss=i(65261),is=i(55877),ls=i(84298),gn=i(73906),cs=i(37272),ds=i(67121),us=i(39869),Go=i(35635),ms=i(26366),ps=i(98464),gs=i(2362),fs=i(89992),hs=i(10473),ys=i(95971),Es=i(72536),bs=i(68312),Qo=i(80601),Ko=i(74464),vs=i(70809),Cs=i(98148),Rs=i(81424),Ms=i(69317),Ts=i(25789),Ds=i(77359),Os=i(50416),Is=i(20015),Ps=i(20276),ks=i(82068),xs=i(41645),Zs=i(61294),Ls=i(65943),As=i(8606),Ss=i(7961),Fs=i(92967),Yo=i(18070),ws=i(54894),$s=i(30285),Bs=i(96011),Ns=i(47041),Ws=i(60625),Xo=i(5644),js=i(78150),zs=i(63717),Us=i(24609),Vs=i(86543),qs=i(62864),Hs=i(92989),Gs=i(49886),Qs=i(47052),Ks=i(50694),Ys=i(81875),Xs=i(92323),fn=i(49844),Js=i(11631),_s=i(9254),Jo=i(2669),ei=i(18709),ti=i(20258),_o=i(43231),ni=i(45147),oi=i(23154),ri=i(26253),ai=i(79634),si=i(32548),ii=i(99482),li=i(45323),ci=i(76994),di=i(88777),ui=i(95703),mi=i(8981),pi=i(7733),gi=i(10168),fi=i(25449),hi=i(83900),yi=i(32645),Ei=i(78429),bi=i(9882),er=i(11417),vi=i(39698),Ci=i(92168),Ri=i(69621),Mi=i(2438),Ti=i(92254),Di=i(2287),Oi=i(29685),tr=i(65663),hn=i(44647),Ii=i(5502),Pi=i(31047),ki=i(93307),xi=i(78055),Zi=i(51239),Li=i(6792),Ai=i(75156),Si=i(80683),Fi=i(2689),wi=i(40202),$i=i(36919),Bi=i(75444),Ni=i(92003),Wi=i(4511),ji=i(2847),nr=i(83139),zi=i(53779),Ui=i(72890),Vi=i(84411),qi=i(37193),Hi=i(74831),Gi=i(99221),Qi=i(34119),yn=i(99283),Ki=i(21371),Yi=i(70727),Xi=i(42213),Ji=i(8611),_i=i(20448),el=i(73165);const or={alien:ts.Z,apps:ns.Z,archive:os.Z,arrowDown:rs.Z,arrowLeft:_e.Z,arrowRight:as.Z,arrowUp:ss.Z,attachment:is.Z,bell:ls.Z,bold:gn.Z,book:cs.Z,briefcase:ds.Z,brush:us.Z,bulletList:Go.Z,calendar:ms.Z,car:ps.Z,cast:gs.Z,chartBubble:fs.Z,chartCircle:hs.Z,chartPie:ys.Z,check:xe.Z,clock:Es.Z,cloud:bs.Z,code:Qo.Z,cog:mn.Z,collapse:Ko.Z,command:vs.Z,connector:Cs.Z,crop:Rs.Z,crown:Ms.Z,cube:Ts.Z,cup:Ds.Z,cursor:Os.Z,dashboard:Is.Z,database:Ps.Z,discuss:ks.Z,doctor:xs.Z,earth:Zs.Z,emotionHappy:Ls.Z,emotionUnhappy:As.Z,envelop:Ss.Z,exit:Fs.Z,expand:Yo.Z,eye:ws.Z,feather:$s.Z,file:Bs.Z,fileError:Ns.Z,filePdf:Ws.Z,filter:Xo.Z,folder:js.Z,gate:zs.Z,gift:Us.Z,globe:Vs.Z,grid:qs.Z,handHeart:Hs.Z,hashtag:Gs.Z,headphone:Qs.Z,heart:Ks.Z,house:Ys.Z,information:Xs.Z,italic:fn.Z,key:Js.Z,landscape:_s.Z,layer:Jo.Z,layout:ei.Z,lightbulb:ti.Z,link:_o.Z,lock:ni.Z,magic:oi.Z,manyToMany:ri.Z,manyToOne:ai.Z,manyWays:si.Z,medium:ii.Z,message:li.Z,microphone:ci.Z,monitor:di.Z,moon:ui.Z,music:mi.Z,oneToMany:pi.Z,oneToOne:gi.Z,oneWay:fi.Z,paint:hi.Z,paintBrush:yi.Z,paperPlane:Ei.Z,pencil:ut.Z,phone:bi.Z,picture:er.Z,pin:vi.Z,pinMap:Ci.Z,plane:Ri.Z,play:Mi.Z,plus:Ct.Z,priceTag:Ti.Z,puzzle:Di.Z,question:Oi.Z,quote:tr.Z,refresh:hn.Z,repeat:Ii.Z,restaurant:Pi.Z,rocket:ki.Z,rotate:xi.Z,scissors:Zi.Z,search:Li.Z,seed:Ai.Z,server:Si.Z,shield:Fi.Z,shirt:wi.Z,shoppingCart:$i.Z,slideshow:Bi.Z,stack:Ni.Z,star:Wi.Z,store:ji.Z,strikeThrough:nr.Z,sun:zi.Z,television:Ui.Z,thumbDown:Vi.Z,thumbUp:qi.Z,train:Hi.Z,twitter:Gi.Z,typhoon:Qi.Z,underline:yn.Z,user:Ki.Z,volumeMute:Yi.Z,volumeUp:Xi.Z,walk:Ji.Z,wheelchair:_i.Z,write:el.Z};function Lt({showBackground:t=!0,size:o="M",icon:r}){return e.createElement(Z.k,{alignItems:"center",background:t?"neutral200":null,justifyContent:"center",size:o,showBackground:t,height:o==="S"?5:8,width:o==="S"?5:8,color:"neutral600",borderRadius:t?"50%":0},e.createElement(pn.J,{as:or[r]||or.cube,height:o==="S"?3:5,width:o==="S"?3:5}))}Lt.defaultProps={showBackground:!0,size:"M",icon:"Cube"},Lt.propTypes={showBackground:n().bool,size:n().string,icon:n().string};const tl=(0,z.ZP)(Z.k)`
2
- text-decoration: none;
3
-
4
- &:focus,
5
- &:hover {
6
- ${({theme:t})=>`
7
- background-color: ${t.colors.primary100};
8
- border-color: ${t.colors.primary200};
9
-
10
- ${q.Z} {
11
- color: ${t.colors.primary600};
12
- }
13
- `}
14
-
15
- /* > ComponentIcon */
16
- > div:first-child {
17
- background: ${({theme:t})=>t.colors.primary200};
18
- color: ${({theme:t})=>t.colors.primary600};
19
-
20
- svg {
21
- path {
22
- fill: ${({theme:t})=>t.colors.primary600};
23
- }
24
- }
25
- }
26
- }
27
- `,rr=({components:t})=>{const{componentLayouts:o}=mt();return e.createElement(Z.k,{gap:2,overflow:"scroll hidden",padding:3},t.map(r=>e.createElement(tl,{hasRadius:!0,background:"neutral0",justifyContent:"center",alignItems:"center",height:`${84/16}rem`,minWidth:`${140/16}rem`,key:r,padding:2,direction:"column",borderColor:"neutral200",as:Zt.rU,to:`/content-manager/components/${r}/configurations/edit`},e.createElement(Lt,{icon:o?.[r]?.info?.icon}),e.createElement(j.x,{paddingTop:1},e.createElement(q.Z,{fontSize:1,textColor:"neutral600",fontWeight:"bold"},o?.[r]?.info?.displayName??"")))))};rr.propTypes={components:n().arrayOf(n().string).isRequired};var nl=rr;const ar=(0,z.ZP)(Ce.h)`
28
- background-color: transparent;
29
- path {
30
- fill: ${({theme:t})=>t.colors.neutral600};
31
- }
32
- `,En=({attribute:t,onEditField:o,onDeleteField:r,children:a})=>{const{formatMessage:s}=(0,G.Z)();return e.createElement(j.x,{overflow:"hidden",width:"100%"},e.createElement(Z.k,{paddingLeft:3,alignItems:"center",justifyContent:"space-between"},e.createElement(q.Z,{fontWeight:"semiBold",textColor:"neutral800",ellipsis:!0},a),e.createElement(Z.k,null,e.createElement(ar,{label:s({id:(0,f.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:a}),onClick:o,icon:e.createElement(ut.Z,null),noBorder:!0}),e.createElement(ar,{label:s({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:a}),"data-testid":"delete-field",onClick:r,icon:e.createElement(Qe.Z,null),noBorder:!0}))),t?.type==="component"&&e.createElement(es,{componentUid:t.component}),t?.type==="dynamiczone"&&e.createElement(nl,{components:t.components}))};En.defaultProps={attribute:void 0},En.propTypes={attribute:n().shape({components:n().array,component:n().string,type:n().string}),onEditField:n().func.isRequired,onDeleteField:n().func.isRequired,children:n().string.isRequired};var ol=En;const rl=(0,z.ZP)(Z.k)`
33
- position: relative;
34
- ${({isFirst:t,isLast:o,hasHorizontalPadding:r})=>t?`
35
- padding-right: 4px;
36
- `:o?`
37
- padding-left: 4px;
38
- `:r?`
39
- padding: 0 4px;
40
- `:""}
41
- ${({showRightCarret:t,showLeftCarret:o,theme:r})=>t?`
42
- &:after {
43
- content: '';
44
- position: absolute;
45
- right: -1px;
46
- background-color: ${r.colors.primary600};
47
- width: 2px;
48
- height: 100%;
49
- align-self: stretch;
50
- z-index: 1;
51
- }
52
- `:o?`
53
- &:before {
54
- content: '';
55
- position: absolute;
56
- left: -1px;
57
- background-color: ${r.colors.primary600};
58
- width: 2px;
59
- height: 100%;
60
- align-self: stretch;
61
- z-index: 1;
62
- }
63
- `:""};
64
- `,al=(0,z.ZP)(rt.Z)`
65
- height: ${12/16}rem;
66
- width: ${12/16}rem;
67
- path {
68
- fill: ${({theme:t})=>t.colors.neutral600};
69
- }
70
- `,sl=(0,z.ZP)(Z.k)`
71
- display: ${({dragStart:t})=>t?"none":"flex"};
72
- opacity: ${({isDragging:t,isFullSize:o,isHidden:r})=>t&&!o?.2:t&&o||r?0:1};
73
- `,il=(0,z.ZP)(Z.k)`
74
- cursor: all-scroll;
75
- border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
76
- `,bn=({attribute:t,children:o,index:r,lastIndex:a,moveItem:s,moveRow:c,name:l,onDeleteField:d,onEditField:m,rowIndex:u,size:p})=>{const[b,h]=(0,e.useState)(!1),g=l==="_TEMP_",{setIsDraggingSibling:E}=mt(),C=p===12,T=(0,e.useRef)(null),M=(0,e.useRef)(null),[{clientOffset:v,isOver:R},N]=(0,Yt.useDrop)({accept:f._Q.EDIT_FIELD,hover(x,S){if(!M.current||x.size!==12)return;const D=S.getItem().index,F=r,W=S.getItem().rowIndex,Q=u;if(D===F&&W===Q)return;const K=M.current.getBoundingClientRect(),B=(K.bottom-K.top)/2,ge=S.getClientOffset().y-K.top;W<Q&&ge<B||W>Q&&ge>B||(c(W,Q),x.rowIndex=Q,x.itemIndex=F)},drop(x,S){if(!M.current)return;const D=S.getItem().index,F=r,W=S.getItem().rowIndex,Q=u;if(x.size===12||D===F&&W===Q)return;const K=M.current.getBoundingClientRect();if(Math.abs(S.getClientOffset().x-K.left)>K.width/1.8){s(D,F+1,W,Q),x.itemIndex=F+1,x.rowIndex=Q;return}s(D,F,W,Q),x.itemIndex=F,x.rowIndex=Q},collect:x=>({canDrop:x.canDrop(),clientOffset:x.getClientOffset(),isOver:x.isOver(),isOverCurrent:x.isOver({shallow:!0}),itemType:x.getItemType()})}),[{isDragging:k,getItem:I},w,O]=(0,Yt.useDrag)({type:f._Q.EDIT_FIELD,item(){return E(!0),{index:r,labelField:o,rowIndex:u,name:l,size:p}},canDrag(){return l!=="_TEMP_"},collect:x=>({isDragging:x.isDragging(),getItem:x.getItem()}),end(){E(!1)}});(0,e.useEffect)(()=>{O((0,xt.rX)(),{captureDraggingState:!0})},[O]);const P={dragRef:w(T),dropRef:N(M)};let $=!1,H=!1;if(M.current&&v){const x=M.current.getBoundingClientRect();$=R&&I.size!==12&&Math.abs(v.x-x.left)<x.width/2,H=R&&I.size!==12&&Math.abs(v.x-x.left)>x.width/2,l==="_TEMP_"&&($=R&&I.size!==12,H=!1)}const A=()=>t&&C?`${74/16}rem`:`${32/16}rem`,Y=r===0&&!C,J=r===a&&!C,_=r!==0&&!C;return e.createElement(Ee.P,{col:p},e.createElement(rl,{ref:P.dropRef,showLeftCarret:$,showRightCarret:H,isFirst:Y,isLast:J,hasHorizontalPadding:_,onDrag:()=>{C&&!b&&h(!0)},onDragEnd:()=>{C&&h(!1)}},b&&C&&e.createElement(j.x,{width:"100%",height:"2px",background:"primary600"}),e.createElement(sl,{width:C&&b?0:"100%",borderColor:"neutral150",hasRadius:!0,background:"neutral100",minHeight:A(),alignItems:"stretch",isDragging:k,dragStart:b,isFullSize:C,isHidden:g},e.createElement(il,{as:"span",type:"button",ref:P.dragRef,onClick:x=>x.stopPropagation(),alignItems:"center",paddingLeft:3,paddingRight:3,tabIndex:-1},e.createElement(al,null)),!g&&e.createElement(ol,{attribute:t,onEditField:m,onDeleteField:d},o))))};bn.defaultProps={attribute:void 0},bn.propTypes={attribute:n().shape({components:n().array,component:n().string,type:n().string}),children:n().string.isRequired,index:n().number.isRequired,moveItem:n().func.isRequired,moveRow:n().func.isRequired,name:n().string.isRequired,onDeleteField:n().func.isRequired,onEditField:n().func.isRequired,rowIndex:n().number.isRequired,lastIndex:n().number.isRequired,size:n().number.isRequired};var ll=bn;const sr=({rowItem:t,onRemoveField:o,rowId:r,rowIndex:a,index:s,lastIndex:c})=>{const{setEditFieldToSelect:l,attributes:d,modifiedData:m,moveRow:u,moveItem:p}=mt(),b=L()(d,[t.name],{}),h=L()(m,["metadatas",t.name,"edit","label"],"");return e.createElement(ll,{onEditField:()=>l(t.name),onDeleteField:()=>o(r,s),attribute:b,index:s,lastIndex:c,rowIndex:a,name:t.name,size:t.size,moveRow:u,moveItem:p},h||t.name)};sr.propTypes={index:n().number.isRequired,lastIndex:n().number.isRequired,onRemoveField:n().func.isRequired,rowId:n().number.isRequired,rowIndex:n().number.isRequired,rowItem:n().object.isRequired};var cl=sr;const ir=({row:t,onRemoveField:o,rowIndex:r})=>e.createElement(Re.r,null,t.rowContent.map((a,s)=>e.createElement(cl,{key:a.name,rowItem:a,index:s,rowId:t.rowId,onRemoveField:o,rowIndex:r,lastIndex:t.rowContent.length-1})));ir.propTypes={onRemoveField:n().func.isRequired,row:n().object.isRequired,rowIndex:n().number.isRequired};var dl=ir;const lr=({editLayout:t,fields:o,onRemoveField:r,onAddField:a})=>{const{formatMessage:s}=(0,G.Z)();return e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(Z.k,{justifyContent:"space-between"},e.createElement("div",null,e.createElement(j.x,null,e.createElement(q.Z,{fontWeight:"bold"},s({id:(0,f.OB)("containers.ListPage.displayedFields"),defaultMessage:"Displayed fields"}))),e.createElement(j.x,null,e.createElement(q.Z,{variant:"pi",textColor:"neutral600"},s({id:"containers.SettingPage.editSettings.description",defaultMessage:"Drag & drop the fields to build the layout"})))),e.createElement(_a,null)),e.createElement(j.x,{padding:4,hasRadius:!0,borderStyle:"dashed",borderWidth:"1px",borderColor:"neutral300"},e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:2},t.map((c,l)=>e.createElement(dl,{key:c.rowId,row:c,rowIndex:l,onRemoveField:r})),e.createElement(Ge.O,{id:"label",label:s({id:(0,f.OB)("containers.SettingPage.add.field"),defaultMessage:"Insert another field"}),as:ie.z,"data-testid":"add-field",fullWidth:!0,startIcon:e.createElement(Ct.Z,null),endIcon:null,variant:"secondary",disabled:o.length===0},o.map(c=>e.createElement(Ge.s,{key:c,onClick:()=>a(c)},c))))))};lr.propTypes={editLayout:n().array.isRequired,fields:n().array.isRequired,onAddField:n().func.isRequired,onRemoveField:n().func.isRequired};var ul=lr,cr=i(85025),dr=i(55225),ur=i(31600),mr=i(11406),At=i(32031),ml=i(73779),Xt=i(88675),pl=i(22348),pr=i(7184),vn=i(43475),gl=i(82512),Cn=i(83218),fl=i(872),hl=i(17757),yl=i(1176),El=i(15431);const gr={biginteger:e.createElement(At.Z,null),boolean:e.createElement(ml.Z,null),date:e.createElement(Xt.Z,null),datetime:e.createElement(Xt.Z,null),decimal:e.createElement(At.Z,null),email:e.createElement(pl.Z,null),enum:e.createElement(pr.Z,null),enumeration:e.createElement(pr.Z,null),file:e.createElement(vn.Z,null),files:e.createElement(vn.Z,null),float:e.createElement(At.Z,null),integer:e.createElement(At.Z,null),media:e.createElement(vn.Z,null),number:e.createElement(At.Z,null),relation:e.createElement(gl.Z,null),string:e.createElement(Cn.Z,null),text:e.createElement(Cn.Z,null),richtext:e.createElement(Cn.Z,null),time:e.createElement(Xt.Z,null),timestamp:e.createElement(Xt.Z,null),json:e.createElement(fl.Z,null),uid:e.createElement(hl.Z,null),component:e.createElement(yl.Z,null),dynamiczone:e.createElement(El.Z,null)},Rn=({type:t,customFieldUid:o})=>{const r=(0,y.mZ)();let a=gr[t];if(o){const c=r.get(o).icon;c&&(a=e.createElement(j.x,{marginRight:3,width:7,height:6},e.createElement(c,null)))}return gr[t]?a:null};Rn.defaultProps={customFieldUid:null},Rn.propTypes={type:n().string.isRequired,customFieldUid:n().string};var fr=Rn,bl=t=>t.reduce((o,r)=>{const a=r?.attributes??{},s=Object.keys(a).filter(c=>!["boolean","component","dynamiczone","json","media","password","relation","text","richtext"].includes(a?.[c]?.type??""));return o[r.uid]=s,o},{}),hr=t=>{let o;switch(t){case"description":case"label":case"placeholder":o="text";break;case"mainField":o="select";break;case"editable":o="bool";break;default:o=""}const r=t==="mainField"?(0,f.OB)("containers.SettingPage.editSettings.entry.title"):(0,f.OB)(`form.Input.${t}`);return{type:o,label:{id:r}}},Mn=i(10369),St=i(9139);const Tn=({type:t,options:o,onChange:r,value:a,name:s,...c})=>{const{formatMessage:l}=(0,G.Z)();switch(t){case"text":return e.createElement(Mn.o,{onChange:r,value:a,name:s,...c});case"bool":return e.createElement(St.s,{onChange:d=>{r({target:{name:s,value:d.target.checked}})},checked:a,name:s,onLabel:l({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"On"}),offLabel:l({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"Off"}),...c});case"select":return e.createElement(Oe.P,{value:a,name:s,onChange:d=>r({target:{name:s,value:d}}),...c},o.map(d=>e.createElement(be.W,{key:d,value:d},d)));default:return null}};Tn.defaultProps={options:void 0},Tn.propTypes={type:n().string.isRequired,options:n().arrayOf(n().string),onChange:n().func.isRequired,value:n().oneOfType([n().string,n().bool]).isRequired,name:n().string.isRequired};var vl=Tn;const Cl=[[4,"33%"],[6,"50%"],[8,"66%"],[12,"100%"]],yr=({onMetaChange:t,onSizeChange:o})=>{const{formatMessage:r}=(0,G.Z)(),{modifiedData:a,selectedField:s,attributes:c,fieldForm:l}=mt(),d=(0,e.useMemo)(vt.Vo,[]),{schemas:m}=(0,de.v9)(v=>d(v),de.wU),u=(0,de.v9)(vt.Jg),p=(0,e.useMemo)(()=>{if(!s)return[];const v=L()(a,["metadatas",s,"edit"],{});return Object.keys(v).filter(R=>R!=="visible")},[s,a]),b=(0,e.useMemo)(()=>bl(m),[m]),h=(0,e.useCallback)(v=>{if(v!=="relation"&&v!=="component")return[];const R=v==="component"?"component":"targetModel",N=L()(a,["attributes",s,R],"");return L()(b,[N],[])},[s,b,a]),g=p.map(v=>{const R=L()(c,[s,"type"]);return["component","dynamiczone"].includes(R)&&!["label","description"].includes(v)||R==="component"&&v!=="label"||["media","json","boolean"].includes(R)&&v==="placeholder"||v==="step"?null:e.createElement(Ee.P,{col:6,key:v},e.createElement(vl,{type:hr(v).type,hint:v==="mainField"?r({id:(0,Ie.Z)("containers.SettingPage.editSettings.relation-field.description")}):"",label:r({id:L()(hr(v),"label.id","app.utils.defaultMessage")}),name:v,onChange:t,value:L()(l,["metadata",v],""),options:h(R)}))}),{type:E,customField:C}=c[s],{isResizable:T}=u[C]??u[E],M=e.createElement(Ee.P,{col:6,key:"size"},e.createElement(Oe.P,{value:l?.size,name:"size",onChange:v=>{o({name:s,value:v})},label:r({id:(0,Ie.Z)("containers.SettingPage.editSettings.size.label"),defaultMessage:"Size"})},Cl.map(([v,R])=>e.createElement(be.W,{key:v,value:v},R))));return e.createElement(e.Fragment,null,g,T&&M)};yr.propTypes={onMetaChange:n().func.isRequired,onSizeChange:n().func.isRequired};var Rl=yr;const Ml=(0,z.ZP)(Z.k)`
77
- svg {
78
- width: ${32/16}rem;
79
- height: ${24/16}rem;
80
- margin-right: ${({theme:t})=>t.spaces[3]};
81
- }
82
- `,Dn=({onToggle:t,onMetaChange:o,onSizeChange:r,onSubmit:a,type:s,customFieldUid:c})=>{const{selectedField:l}=mt(),{formatMessage:d}=(0,G.Z)(),m=()=>s==="timestamp"?"date":["decimal","float","integer","biginter"].includes(s)?"number":s;return e.createElement(cr.P,{onClose:t,labelledBy:"title"},e.createElement("form",{onSubmit:a},e.createElement(dr.x,null,e.createElement(Ml,null,e.createElement(fr,{type:m(),customFieldUid:c}),e.createElement(q.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},d({id:(0,f.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:kt()(l)})))),e.createElement(ur.f,null,e.createElement(Re.r,{gap:4},e.createElement(Rl,{onMetaChange:o,onSizeChange:r}))),e.createElement(mr.m,{startActions:e.createElement(ie.z,{onClick:t,variant:"tertiary"},d({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(ie.z,{type:"submit"},d({id:"global.finish",defaultMessage:"Finish"}))})))};Dn.defaultProps={customFieldUid:null},Dn.propTypes={customFieldUid:n().string,onSubmit:n().func.isRequired,onToggle:n().func.isRequired,onMetaChange:n().func.isRequired,onSizeChange:n().func.isRequired,type:n().string.isRequired};var Tl=Dn;const On=t=>t.reduce((o,r)=>o+r.size,0),Dl=t=>t.reduce((o,r,a)=>{const s={rowId:a,rowContent:r};return o.concat(s)},[]),Rt=t=>t.reduce((o,r)=>{let a=[];const s=r.rowContent.reduce((d,m)=>{const u=On(d);return m.name==="_TEMP_"||(u+m.size<=12?d.push(m):a.push(m)),d},[]),c=o.length===0?0:Math.max.apply(Math,o.map(d=>d.rowId))+1,l=On(s);if(l<12&&s.push({name:"_TEMP_",size:12-l}),o.push({rowId:c,rowContent:s}),a.length>0){const d=On(a);d<12&&a.push({name:"_TEMP_",size:12-d}),o.push({rowId:c+1,rowContent:a}),a=[]}return o},[]).filter(o=>o.rowContent.length>0).filter(o=>o.rowContent.length===1?o.rowContent[0].name!=="_TEMP_":!0),Ol=t=>t.reduce((o,r)=>{const a=r.rowContent.filter(s=>s.name!=="_TEMP_");return o.concat([a])},[]),Il=(t,o=[])=>o.reduce((r,{rowContent:a})=>{const s=a.find(c=>c.name===t)?.size??null;return s&&(r=s),r},null),Pl=(t,o,r=[])=>r.map(a=>(a.rowContent=a.rowContent.map(s=>s.name===t?{...s,size:o}:s),a));var kl=(t,o,r)=>{let a=Ze()(o);return se()(a,["layouts","edit"],Rt(Dl(o.layouts.edit))),{...t,initialData:a,modifiedData:a,componentLayouts:r}},In=i(97889);const Er=6,Pn={fieldForm:{},componentLayouts:{},metaToEdit:"",initialData:{},metaForm:{},modifiedData:{}};var xl=(t=Pn,o)=>(0,In.ZP)(t,r=>{const a=["modifiedData","layouts","edit"];switch(o.type){case"MOVE_ROW":{const s=L()(t,a,[]),{fromIndex:c,toIndex:l}=o;se()(r,a,(0,f.W3)(s,c,l));break}case"ON_ADD_FIELD":{const s=Ze()(t),c=L()(s,["modifiedData","attributes",o.name],{}),l=o.fieldSizes[c?.customField]?.default??o.fieldSizes[c?.type]?.default??Er,d=L()(s,a,[]).length,m=[...a,d-1,"rowContent"],u=L()(s,m,[]);let p=L()(s,a,[]);Array.isArray(u)?se()(p,[d>0?d-1:0,"rowContent"],[...u,{name:o.name,size:l}]):se()(p,[d>0?d-1:0,"rowContent"],[{name:o.name,size:l}]);const b=Rt(p);se()(r,a,b);break}case"ON_CHANGE":{se()(r,["modifiedData",...o.keys],o.value);break}case"ON_CHANGE_META":{se()(r,["metaForm","metadata",...o.keys],o.value);break}case"ON_CHANGE_SIZE":{se()(r,["metaForm","size"],o.value);break}case"ON_RESET":{r.modifiedData=t.initialData;break}case"REMOVE_FIELD":{const s=L()(t,[...a,o.rowIndex,"rowContent"],[]);let c=Ze()(t);if(s.length===1||s.length===2&&L()(s,[1,"name"],"")==="_TEMP_"){const d=L()(t,a,[]);se()(c,a,d.filter((m,u)=>o.rowIndex!==u))}else se()(c,[...a,o.rowIndex,"rowContent"],s.filter((d,m)=>m!==o.fieldIndex));const l=Rt(L()(c,a,[]));se()(r,a,l);break}case"REORDER_DIFF_ROW":{const s=L()(t,[...a,o.dragRowIndex,"rowContent"],[]),c=L()(t,[...a,o.hoverRowIndex,"rowContent"],[]),l=L()(t,[...a,o.dragRowIndex,"rowContent",o.dragIndex],{}),d=[...c,l];let m=Ze()(t);se()(m,[...a,o.dragRowIndex,"rowContent"],s.filter((p,b)=>o.dragIndex!==b)),se()(m,[...a,o.hoverRowIndex,"rowContent"],(0,f.W3)(d,d.length-1,o.hoverIndex));const u=Rt(L()(m,a,[]));se()(r,a,u);break}case"REORDER_ROW":{const s=Ze()(t),c=L()(s,[...a,o.dragRowIndex,"rowContent"],[]);se()(s,[...a,o.dragRowIndex,"rowContent"],(0,f.W3)(c,o.dragIndex,o.hoverIndex));const l=Rt(L()(s,a,[]));se()(r,a,l);break}case"SET_FIELD_TO_EDIT":{r.metaToEdit=o.name,r.metaForm={metadata:L()(t,["modifiedData","metadatas",o.name,"edit"],{}),size:Il(o.name,t.modifiedData?.layouts?.edit)??Er};break}case"SUBMIT_META_FORM":{se()(r,["modifiedData","metadatas",t.metaToEdit,"edit"],t.metaForm.metadata);const s=Ze()(L()(t,a,[])),c=Pl(t.metaToEdit,t.metaForm.size,s);c.length>0&&se()(r,a,Rt(c));break}case"SUBMIT_SUCCEEDED":{r.initialData=t.modifiedData;break}case"UNSET_FIELD_TO_EDIT":{r.metaToEdit="",r.metaForm={};break}default:return r}}),Zl=(t,o,r)=>{const{put:a}=(0,y.tg)();return a((0,f.IF)(r?`content-types/${o}/configuration`:`components/${o}/configuration`),t)};const kn=({mainLayout:t,components:o,isContentTypeView:r,slug:a,updateLayout:s})=>{const[c,l]=(0,e.useReducer)(xl,Pn,()=>kl(Pn,t,o)),[d,m]=(0,e.useState)(!1),{trackUsage:u}=(0,y.rS)(),p=(0,y.lm)(),{goBack:b}=(0,ae.k6)(),[h,g]=(0,e.useState)(!1),[E,C]=(0,e.useState)(!1),{componentLayouts:T,initialData:M,modifiedData:v,metaToEdit:R,metaForm:N}=c,{formatMessage:k}=(0,G.Z)(),I=L()(t,["info","displayName"],""),w=L()(v,["attributes"],{}),O=(0,de.v9)(vt.Jg),P=Object.keys(w).filter(U=>{const V=L()(w,[U,"type"],"");return!["dynamiczone","json","text","relation","component","boolean","media","password","richtext","timestamp"].includes(V)&&!!V}),$=L()(v,["layouts","edit"],[]),H=Et()($,"rowContent"),A=Object.keys(v.attributes).filter(U=>L()(v,["metadatas",U,"edit","visible"],!1)===!0).filter(U=>H.findIndex(V=>V.name===U)===-1).sort(),Y=({target:{name:U,value:V}})=>{l({type:"ON_CHANGE",keys:U.split("."),value:V})},J=()=>{g(U=>!U)},_=()=>{C(U=>!U)},x=({target:{name:U,value:V}})=>{l({type:"ON_CHANGE_META",keys:U.split("."),value:V})},S=({name:U,value:V})=>{l({type:"ON_CHANGE_SIZE",name:U,value:V})},D=U=>{U.preventDefault(),l({type:"SUBMIT_META_FORM"}),J()},F=U=>{U.preventDefault(),_()},W=(0,et.useMutation)(U=>Zl(U,a,r),{onSuccess({data:U}){s&&s(U.data),l({type:"SUBMIT_SUCCEEDED"}),_(),u("didEditEditSettings")},onError(){p({type:"warning",message:{id:"notification.error"}})}}),{isLoading:Q}=W,K=()=>{const U=dn()(Ze()(v),["layouts","metadatas","settings"]);se()(U,"layouts.edit",Ol(U.layouts.edit)),W.mutate(U)},B=(U,V)=>{l({type:"MOVE_RELATION",fromIndex:U,toIndex:V})},X=(U,V)=>{l({type:"MOVE_FIELD",fromIndex:U,toIndex:V})},ge=(U,V,fe,he)=>{l(fe===he?{type:"REORDER_ROW",dragRowIndex:fe,dragIndex:U,hoverIndex:V}:{type:"REORDER_DIFF_ROW",dragIndex:U,hoverIndex:V,dragRowIndex:fe,hoverRowIndex:he})},re=(U,V)=>{l({type:"MOVE_ROW",fromIndex:U,toIndex:V})};return e.createElement(un,{isContentTypeView:r,attributes:w,modifiedData:v,slug:a,componentLayouts:T,selectedField:R,fieldForm:N,onMoveRelation:B,onMoveField:X,moveRow:re,moveItem:ge,setEditFieldToSelect:U=>{l({type:"SET_FIELD_TO_EDIT",name:U}),J()},isDraggingSibling:d,setIsDraggingSibling:m},e.createElement(ye.o,null,e.createElement("form",{onSubmit:F},e.createElement(ve.T,{title:k({id:(0,f.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:`Configure the view - ${kt()(I)}`},{name:kt()(I)}),subtitle:k({id:(0,f.OB)("components.SettingsViewWrapper.pluginHeader.description.edit-settings"),defaultMessage:"Customize how the edit view will look like."}),navigationAction:e.createElement(y.rU,{startIcon:e.createElement(_e.Z,null),onClick:U=>{U.preventDefault(),b()},to:"/"},k({id:"global.back",defaultMessage:"Back"})),primaryAction:e.createElement(ie.z,{disabled:Te()(M,v),startIcon:e.createElement(xe.Z,null),type:"submit"},k({id:"global.save",defaultMessage:"Save"}))}),e.createElement(He.D,null,e.createElement(j.x,{background:"neutral0",hasRadius:!0,shadow:"filterShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(q.Z,{variant:"delta",as:"h2"},k({id:(0,f.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),e.createElement(Re.r,null,e.createElement(Ee.P,{col:6,s:12},e.createElement(Oe.P,{label:k({id:(0,f.OB)("containers.SettingPage.editSettings.entry.title"),defaultMessage:"Entry title"}),hint:k({id:(0,f.OB)("containers.SettingPage.editSettings.entry.title.description"),defaultMessage:"Set the display field of your entry"}),onChange:U=>{Y({target:{name:"settings.mainField",value:U===""?null:U}})},value:v.settings.mainField},P.map(U=>e.createElement(be.W,{key:U,value:U},U))))),e.createElement(j.x,{paddingTop:2,paddingBottom:2},e.createElement(dt.i,null)),e.createElement(q.Z,{variant:"delta",as:"h3"},k({id:(0,f.OB)("containers.SettingPage.view"),defaultMessage:"View"})),e.createElement(ul,{attributes:w,editLayout:$,fields:A,onAddField:U=>{l({type:"ON_ADD_FIELD",name:U,fieldSizes:O})},onRemoveField:(U,V)=>{l({type:"REMOVE_FIELD",rowIndex:U,fieldIndex:V})}})))),e.createElement(y.QH,{bodyText:{id:(0,f.OB)("popUpWarning.warning.updateAllSettings"),defaultMessage:"This will modify all your settings"},iconRightButton:e.createElement(xe.Z,null),isConfirmButtonLoading:Q,isOpen:E,onToggleDialog:_,onConfirm:K,variantRightButton:"success-light"})),h&&e.createElement(Tl,{onSubmit:D,onToggle:J,onMetaChange:x,onSizeChange:S,type:L()(w,[R,"type"],""),customFieldUid:L()(w,[R,"customField"],"")})))};kn.defaultProps={isContentTypeView:!1,updateLayout:null},kn.propTypes={components:n().object.isRequired,isContentTypeView:n().bool,mainLayout:n().shape({attributes:n().object.isRequired,info:n().object.isRequired,layouts:n().shape({list:n().array.isRequired,edit:n().array.isRequired}).isRequired,metadatas:n().object.isRequired,options:n().object.isRequired}).isRequired,slug:n().string.isRequired,updateLayout:n().func};var xn=kn,Jt=i(46339),br=i(4460);const Ll=()=>({type:br.c}),Al=(t,o)=>({type:br.O,layout:t,query:o});var Sl=i(66694),Fl=()=>(0,e.useContext)(Sl.ux),vr=t=>{const{getAdminInjectedComponents:o}=Fl(),[r,a,s]=t.split(".");return o(r,a,s)};const Cr=({area:t,...o})=>vr(t).map(a=>e.createElement(a.Component,{key:a.name,...o}));Cr.propTypes={area:n().string.isRequired};var _t=Cr,Ke=i(84306),at=i(41578);const en=()=>({type:at.ZA}),Zn=t=>({type:at.Id,data:t}),Ln=(t,o=!1)=>({type:at.TP,rawQuery:t,isSingleType:o}),Rr=()=>({type:at.c2}),Mr=(t,o)=>({type:at.w7,componentsDataStructure:t,contentTypeDataStructure:o}),pe=t=>({type:at.d0,status:t}),st=t=>({type:at.t9,data:t}),wl=()=>({type:at.tE});var An=t=>t["content-manager_editViewCrudReducer"];const Sn=({allLayoutData:t,children:o,slug:r,id:a,origin:s})=>{const c=(0,et.useQueryClient)(),l=(0,y.lm)(),{setCurrentStep:d}=(0,y.c1)(),{trackUsage:m}=(0,y.rS)(),{push:u,replace:p}=(0,ae.k6)(),[{query:b,rawQuery:h}]=(0,y.Kx)(),g=(0,de.I0)(),{componentsDataStructure:E,contentTypeDataStructure:C,data:T,isLoading:M,status:v}=(0,de.v9)(An),R=(0,ne.Ky)(r),{formatAPIError:N}=(0,y.So)(f.OB),k=(0,e.useRef)(!0),I=(0,e.useRef)(m),w=(0,e.useRef)(t),O=(0,y.kY)(),{put:P,post:$,del:H}=O,A=a===null,Y=(0,e.useMemo)(()=>A&&!s?null:(0,f.IF)(`collection-types/${r}/${s||a}`),[r,a,A,s]),J=(0,e.useCallback)(B=>s?(0,y.w6)(B,w.current.contentType,w.current.components):B,[s]),_=(0,e.useCallback)(B=>{const X=(0,f.kc)(B,w.current.contentType,w.current.components);return(0,y.dU)(X,w.current.contentType,w.current.components)},[]);(0,e.useEffect)(()=>{const B=Object.keys(t.components).reduce((re,U)=>{const V=(0,f.Di)(L()(t,["components",U,"attributes"],{}),t.components);return re[U]=(0,y.dU)(V,t.components[U],t.components),re},{}),X=(0,f.Di)(t.contentType.attributes,t.components),ge=(0,y.dU)(X,t.contentType,t.components);g(Mr(B,ge))},[t,g]),(0,e.useEffect)(()=>()=>{g(Rr())},[g]),(0,e.useEffect)(()=>{const X=Ke.default.CancelToken.source(),ge=async U=>{g(en());try{const{data:V}=await O.get(Y,{cancelToken:U.token});g(Zn(_(J(V))))}catch(V){if(Ke.default.isCancel(V))return;const fe=L()(V,"response.status",null);if(fe===404){u(R);return}fe===403&&(l({type:"info",message:{id:(0,f.OB)("permissions.not-allowed.update")}}),u(R))}},re=async()=>{await g(en()),await g(Ln(h))};return k.current?(Y?ge(X):re(),()=>{X.cancel("Operation canceled by the user.")}):()=>{}},[O,J,_,u,Y,g,h,R,l]);const x=(0,e.useCallback)(B=>{l({type:"warning",message:N(B)})},[l,N]),S=(0,e.useCallback)(async B=>{try{I.current("willDeleteEntry",B);const{data:X}=await H((0,f.IF)(`collection-types/${r}/${a}`));return l({type:"success",message:{id:(0,f.OB)("success.record.delete")}}),I.current("didDeleteEntry",B),p(R),Promise.resolve(X)}catch(X){return I.current("didNotDeleteEntry",{error:X,...B}),Promise.reject(X)}},[a,r,l,H,R,p]),D=(0,e.useCallback)(async(B,X)=>{const ge=typeof s=="string"?(0,f.IF)(`collection-types/${r}/clone/${s}`):(0,f.IF)(`collection-types/${r}`);try{g(pe("submit-pending"));const{data:re}=await $(ge,B,{params:b});return I.current("didCreateEntry",X),l({type:"success",message:{id:(0,f.OB)("success.record.save")}}),d("contentManager.success"),c.invalidateQueries(["relation"]),g(st(_(re))),g(pe("resolved")),p(`/content-manager/collectionType/${r}/${re.id}${h}`),Promise.resolve(re)}catch(re){return x(re),I.current("didNotCreateEntry",{error:re,trackerProperty:X}),g(pe("resolved")),Promise.reject(re)}},[s,_,x,p,r,g,b,l,d,c,$,h]),F=(0,e.useCallback)(async()=>{try{I.current("willCheckDraftRelations");const B=(0,f.IF)(`collection-types/${r}/${a}/actions/numberOfDraftRelations`);g(pe("draft-relation-check-pending"));const X=await O.get(B);return I.current("didCheckDraftRelations"),g(pe("resolved")),X.data.data}catch(B){return x(B),g(pe("resolved")),Promise.reject(B)}},[x,a,r,g,O]),W=(0,e.useCallback)(async()=>{try{I.current("willPublishEntry");const B=(0,f.IF)(`collection-types/${r}/${a}/actions/publish`);g(pe("publish-pending"));const{data:X}=await $(B);return I.current("didPublishEntry"),g(st(_(X))),g(pe("resolved")),l({type:"success",message:{id:(0,f.OB)("success.record.publish")}}),Promise.resolve(X)}catch(B){return x(B),g(pe("resolved")),Promise.reject(B)}},[_,x,a,r,g,l,$]),Q=(0,e.useCallback)(async(B,X)=>{const ge=(0,f.IF)(`collection-types/${r}/${a}`);try{I.current("willEditEntry",X),g(pe("submit-pending"));const{data:re}=await P(ge,B);return I.current("didEditEntry",{trackerProperty:X}),l({type:"success",message:{id:(0,f.OB)("success.record.save")}}),c.invalidateQueries(["relation"]),g(st(_(re))),g(pe("resolved")),Promise.resolve(re)}catch(re){return I.current("didNotEditEntry",{error:re,trackerProperty:X}),x(re),g(pe("resolved")),Promise.reject(re)}},[_,x,r,a,g,l,c,P]),K=(0,e.useCallback)(async()=>{const B=(0,f.IF)(`collection-types/${r}/${a}/actions/unpublish`);g(pe("unpublish-pending"));try{I.current("willUnpublishEntry");const{data:X}=await $(B);return I.current("didUnpublishEntry"),l({type:"success",message:{id:(0,f.OB)("success.record.unpublish")}}),g(st(_(X))),g(pe("resolved")),Promise.resolve(X)}catch(X){return g(pe("resolved")),x(X),Promise.reject(X)}},[_,x,a,r,g,l,$]);return o({componentsDataStructure:E,contentTypeDataStructure:C,data:T,isCreatingEntry:A,isLoadingForData:M,onDelete:S,onPost:D,onPublish:W,onDraftRelationCheck:F,onPut:Q,onUnpublish:K,status:v,redirectionLink:R})};Sn.defaultProps={id:null,origin:null},Sn.propTypes={allLayoutData:n().exact({components:n().object.isRequired,contentType:n().shape({apiID:n().string.isRequired,attributes:n().object.isRequired,info:n().object.isRequired,isDisplayed:n().bool.isRequired,kind:n().string.isRequired,layouts:n().object.isRequired,metadatas:n().object.isRequired,options:n().object.isRequired,pluginOptions:n().object,settings:n().object.isRequired,uid:n().string.isRequired}).isRequired}).isRequired,children:n().func.isRequired,id:n().string,origin:n().string,slug:n().string.isRequired};var $l=(0,e.memo)(Sn,Te()),pt=i(3685),Fn=i(69783),Tr=i(86308);const wn=({hasError:t,isDisabled:o,isOpen:r,children:a,onClick:s})=>e.createElement(Bl,{type:"button",onClick:s,disabled:o,hasError:t,background:"neutral0",paddingTop:3,paddingBottom:3,paddingLeft:4,paddingRight:4,style:{cursor:o?"not-allowed":"pointer"}},e.createElement(Z.k,{as:"span",gap:2},e.createElement($n,{"aria-hidden":!0,$isOpen:r,$hasError:t&&!r}),e.createElement(q.Z,{variant:"pi",fontWeight:"bold",textColor:t&&!r?"danger600":"neutral500"},a))),$n=(0,z.ZP)(Tr.Z)`
83
- height: ${({theme:t})=>t.spaces[6]};
84
- width: ${({theme:t})=>t.spaces[6]};
85
- transform: ${({$isOpen:t})=>t?"rotate(45deg)":"rotate(0deg)"};
86
- > circle {
87
- fill: ${({theme:t,$hasError:o})=>o?t.colors.danger200:t.colors.neutral150};
88
- }
89
- > path {
90
- fill: ${({theme:t,$hasError:o})=>o?t.colors.danger600:t.colors.neutral600};
91
- }
92
- `,Bl=(0,z.ZP)(Fn.Y)`
93
- border-radius: 26px;
94
- border-color: ${({theme:t})=>t.colors.neutral150};
95
- box-shadow: ${({theme:t})=>t.shadows.filterShadow};
96
-
97
- &:hover {
98
- ${q.Z} {
99
- color: ${({theme:t})=>t.colors.primary600};
100
- }
101
-
102
- ${$n} {
103
- > circle {
104
- fill: ${({theme:t})=>t.colors.primary600};
105
- }
106
- > path {
107
- fill: ${({theme:t})=>t.colors.neutral100};
108
- }
109
- }
110
- }
111
- &:active {
112
- ${q.Z} {
113
- color: ${({theme:t})=>t.colors.primary600};
114
- }
115
- ${$n} {
116
- > circle {
117
- fill: ${({theme:t})=>t.colors.primary600};
118
- }
119
- > path {
120
- fill: ${({theme:t})=>t.colors.neutral100};
121
- }
122
- }
123
- }
124
- `;wn.defaultProps={hasError:!1,isDisabled:!1,isOpen:!1},wn.propTypes={children:n().node.isRequired,hasError:n().bool,isDisabled:n().bool,isOpen:n().bool,onClick:n().func.isRequired};var Dr=i(861),Bn=i(83828),Nn=i(61762),Wn=i(89966);const jn=({category:t,components:o,variant:r,isOpen:a,onAddComponent:s,onToggle:c})=>{const{formatMessage:l}=(0,G.Z)(),d=()=>{c(t)};return e.createElement(Bn.U,{expanded:a,onToggle:d,size:"S"},e.createElement(Nn.B,{variant:r,title:l({id:t,defaultMessage:t}),togglePosition:"left"}),e.createElement(Wn.v,null,e.createElement(j.x,{paddingTop:4,paddingBottom:4,paddingLeft:3,paddingRight:3},e.createElement(Nl,null,o.map(({componentUid:m,info:{displayName:u,icon:p}})=>e.createElement(Wl,{key:m,as:"button",type:"button",background:"neutral100",justifyContent:"center",onClick:s(m),hasRadius:!0,height:(0,y.Q1)(84),shrink:0,borderColor:"neutral200"},e.createElement(Z.k,{direction:"column",gap:1,alignItems:"center",justifyContent:"center"},e.createElement(Lt,{icon:p}),e.createElement(q.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral600"},l({id:u,defaultMessage:u})))))))))},Nl=z.ZP.div`
125
- display: grid;
126
- grid-template-columns: repeat(auto-fit, ${140/16}rem);
127
- grid-gap: ${({theme:t})=>t.spaces[1]};
128
- `,Wl=(0,z.ZP)(Z.k)`
129
- &:focus,
130
- &:hover {
131
- border: 1px solid ${({theme:t})=>t.colors.primary200};
132
- background: ${({theme:t})=>t.colors.primary100};
133
-
134
- ${q.Z} {
135
- color: ${({theme:t})=>t.colors.primary600};
136
- }
137
-
138
- /* > Flex > ComponentIcon */
139
- > div > div:first-child {
140
- background: ${({theme:t})=>t.colors.primary200};
141
- color: ${({theme:t})=>t.colors.primary600};
142
- }
143
- }
144
- `;jn.defaultProps={components:[],isOpen:!1,variant:"primary"},jn.propTypes={category:n().string.isRequired,components:n().array,isOpen:n().bool,onAddComponent:n().func.isRequired,onToggle:n().func.isRequired,variant:n().oneOf(["primary","secondary"])};const zn=({dynamicComponentsByCategory:t,isOpen:o,onClickAddComponent:r})=>{const{formatMessage:a}=(0,G.Z)(),[s,c]=(0,e.useState)("");(0,e.useEffect)(()=>{const m=Object.keys(t);o&&m.length>0&&c(m[0])},[o,t]);const l=m=>()=>{r(m),c("")},d=m=>{c(u=>u===m?"":m)};return o?e.createElement(j.x,{paddingTop:6,paddingBottom:6,paddingLeft:5,paddingRight:5,background:"neutral0",shadow:"tableShadow",borderColor:"neutral150",hasRadius:!0},e.createElement(Z.k,{justifyContent:"center"},e.createElement(q.Z,{fontWeight:"bold",textColor:"neutral600"},a({id:(0,f.OB)("components.DynamicZone.ComponentPicker-label"),defaultMessage:"Pick one component"}))),e.createElement(j.x,{paddingTop:2},e.createElement(Dr.k,{attributeName:"data-strapi-accordion-toggle"},Object.entries(t).map(([m,u],p)=>e.createElement(jn,{key:m,category:m,components:u,onAddComponent:l,isOpen:m===s,onToggle:d,variant:p%2===1?"primary":"secondary"}))))):null};zn.defaultProps={dynamicComponentsByCategory:{},isOpen:!1},zn.propTypes={dynamicComponentsByCategory:n().shape({components:n().arrayOf(n().shape({componentUid:n().string.isRequired,info:n().object}))}),isOpen:n().bool,onClickAddComponent:n().func.isRequired};var We=i(73489),Or=i(91647),Un=i(49825),jl=i(61868),zl=i.n(jl);const Ul=z.ZP.span`
145
- > svg {
146
- width: ${(0,y.Q1)(24)};
147
- height: ${(0,y.Q1)(24)};
148
- > circle {
149
- fill: ${({theme:t})=>t.colors.primary200};
150
- }
151
- > path {
152
- fill: ${({theme:t})=>t.colors.primary600};
153
- }
154
- }
155
- `,Vn=({error:t,isReadOnly:o,onClick:r})=>{const{formatMessage:a}=(0,G.Z)();return e.createElement(e.Fragment,null,e.createElement(j.x,{as:"button",background:"neutral100",borderColor:t?"danger600":"neutral200",disabled:o,hasRadius:!0,onClick:r,paddingTop:9,paddingBottom:9,type:"button"},e.createElement(Z.k,{direction:"column",gap:2},e.createElement(Z.k,{justifyContent:"center",style:{cursor:o?"not-allowed":"inherit"}},e.createElement(Ul,null,e.createElement(Tr.Z,null))),e.createElement(Z.k,{justifyContent:"center"},e.createElement(q.Z,{textColor:"primary600",variant:"pi",fontWeight:"bold"},a({id:(0,f.OB)("components.empty-repeatable"),defaultMessage:"No entry yet. Click on the button below to add one."}))))),t?.id&&e.createElement(q.Z,{textColor:"danger600",variant:"pi"},a(t,{...t.values})))};Vn.defaultProps={error:void 0,isReadOnly:!1},Vn.propTypes={error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),isReadOnly:n().bool,onClick:n().func.isRequired};var Ir=Vn;const Ft=new Map;var qn=(t=[])=>{const[o,r]=(0,e.useState)(Object.fromEntries(Ft)),a=t.filter(m=>!Ft.get(m)),[s,c]=(0,e.useState)(()=>!!a.length),l=(0,y.mZ)();(0,e.useEffect)(()=>{const m=p=>{r(p),c(!1)},u=async(p,b)=>{const h=await Promise.all(b);p.forEach((g,E)=>{Ft.set(g,h[E].default)}),m(Object.fromEntries(Ft))};if(a.length>0){c(!0);const p=a.reduce((b,h)=>{const g=l.get(h);return g&&b.push(g.components.Input()),b},[]);p.length>0&&u(a,p)}},[a,l]);const d=(0,e.useCallback)(()=>{Ft.clear(),r({})},[]);return{isLazyLoading:s,lazyComponentStore:o,cleanup:d}},Vl=i(9086),ql=i.n(Vl),Hl=i(88708),wt=i.n(Hl),Gl=i(38705),Mt=i(69932),Ql=i(27169),Pr=i(75536),Kl=i(63642);const Yl=(0,z.ZP)(Kl.E)`
156
- svg {
157
- height: 1rem;
158
- width: 1rem;
159
- path {
160
- fill: ${({theme:t})=>t.colors.neutral400};
161
- }
162
- }
163
-
164
- svg:hover {
165
- path {
166
- fill: ${({theme:t})=>t.colors.primary600};
167
- }
168
- }
169
- `,kr=(0,z.ZP)(Z.k)`
170
- svg {
171
- height: ${12/16}rem;
172
- width: ${12/16}rem;
173
-
174
- path {
175
- fill: ${({theme:t,available:o})=>o?t.colors.success600:t.colors.danger600};
176
- }
177
- }
178
- `,Xl=(0,z.F4)`
179
- from {
180
- transform: rotate(0deg);
181
- }
182
- to {
183
- transform: rotate(359deg);
184
- }
185
- `,Jl=(0,z.ZP)(Z.k)`
186
- animation: ${Xl} 2s infinite linear;
187
- `;var _l=/^[A-Za-z0-9-_.~]*$/;const Hn=({attribute:t,contentTypeUID:o,hint:r,disabled:a,error:s,intlLabel:c,labelAction:l,name:d,onChange:m,value:u,placeholder:p,required:b})=>{const{modifiedData:h,initialData:g,layout:E}=(0,y.Wq)(),[C,T]=(0,e.useState)(!1),[M,v]=(0,e.useState)(null),R=(0,Pr.Z)(u,300),N=(0,e.useRef)(),k=(0,y.lm)(),{formatAPIError:I}=(0,y.So)(),w=g[d],{formatMessage:O}=(0,G.Z)(),P=E?.options?.timestamps??0,$=!g[P],H=(0,Pr.Z)(h[t.targetField],300),[A,Y]=(0,e.useState)(!1),[J,_]=(0,e.useState)(null),{post:x}=(0,y.kY)(),S=c.id?O({id:c.id,defaultMessage:c.defaultMessage},{...c.values}):d,D=p?O({id:p.id,defaultMessage:p.defaultMessage},{...p.values}):"";N.current=async(B=!1)=>{T(!0);try{const{data:{data:X}}=await x((0,f.IF)("uid/generate"),{contentTypeUID:o,field:d,data:h});m({target:{name:d,value:X,type:"text"}},B),T(!1)}catch(X){T(!1),k({type:"warning",message:I(X)})}};const F=async()=>{if(u){T(!0);try{const{data:B}=await x((0,f.IF)("uid/check-availability"),{contentTypeUID:o,field:d,value:u?u.trim():""});T(!1),v(B)}catch(B){T(!1),k({type:"warning",message:I(B)})}}};(0,e.useEffect)(()=>{!u&&t.required&&N.current(!0)},[t.required,N,u]),(0,e.useEffect)(()=>{R?.trim().match(_l)&&R!==w&&F(),R||v(null)},[w,R]),(0,e.useEffect)(()=>{let B;return M?.isAvailable&&(B=setTimeout(()=>{v(null)},4e3)),()=>{B&&clearTimeout(B)}},[M]),(0,e.useEffect)(()=>{!A&&$&&H&&h[t.targetField]&&!u&&N.current(!0)},[H,A,$]);const W=()=>{_(O({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}))},Q=()=>{_(null)},K=B=>{B.target.value&&$&&Y(!0),m(B)};return e.createElement(Mn.o,{disabled:a,error:s,endAction:e.createElement(Z.k,{position:"relative",gap:1},M&&!J&&e.createElement(kr,{alignItems:"center",gap:1,justifyContent:"flex-end",available:!!M?.isAvailable,"data-not-here-outer":!0,position:"absolute",pointerEvents:"none",right:6,width:"100px"},M?.isAvailable?e.createElement(Gl.Z,null):e.createElement(Mt.Z,null),e.createElement(q.Z,{textColor:M.isAvailable?"success600":"danger600",variant:"pi"},O(M.isAvailable?{id:"content-manager.components.uid.available",defaultMessage:"Available"}:{id:"content-manager.components.uid.unavailable",defaultMessage:"Unavailable"}))),!a&&e.createElement(e.Fragment,null,J&&e.createElement(kr,{alignItems:"center",justifyContent:"flex-end",gap:1},e.createElement(q.Z,{textColor:"primary600",variant:"pi"},J)),e.createElement(Yl,{onClick:()=>N.current(),label:O({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}),onMouseEnter:W,onMouseLeave:Q},C?e.createElement(Jl,{"data-testid":"loading-wrapper"},e.createElement(Ql.Z,null)):e.createElement(hn.Z,null)))),hint:r,label:S,labelAction:l,name:d,onChange:K,placeholder:D,value:u||"",required:b})};Hn.propTypes={attribute:n().shape({targetField:n().string,required:n().bool}).isRequired,contentTypeUID:n().string.isRequired,disabled:n().bool,error:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,name:n().string.isRequired,onChange:n().func.isRequired,value:n().string,placeholder:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),required:n().bool,hint:n().oneOfType([n().string,n().array])},Hn.defaultProps={disabled:!1,error:void 0,labelAction:void 0,placeholder:void 0,value:"",required:!1,hint:""};var ec=Hn;function tc(t,o){return r=>{const a=o(r);return e.createElement(t,{...r,...a})}}var nc=tc;const oc=(t=[],o=[])=>{const r=t.reduce((s,c)=>o.find(l=>l.id===c.id)?s:[...s,c.id],[]),a=o.reduce((s,c)=>t.find(l=>l.id===c.id)?s:[...s,c.id],[]);return[r,a]},gt={DRAFT:"draft",PUBLISHED:"published"},Gn=5,rc=10;function ac(t,o){return`${(0,f.IF)(`collectionType/${t}/${o??""}`)}`}const Qn=(t,{shouldAddLink:o,mainFieldName:r,targetModel:a})=>{const s={...t};return o&&(s.href=ac(a,s.id)),s.publicationState=!1,s?.publishedAt!==void 0&&(s.publicationState=s.publishedAt?gt.PUBLISHED:gt.DRAFT),s.mainField=s[r],s},sc=(t,{shouldAddLink:o=!1,mainFieldName:r,targetModel:a}={})=>[...t].map(s=>Qn(s,{shouldAddLink:o,mainFieldName:r,targetModel:a})),ic=(t,{mainFieldName:o})=>{const{data:r}=t,{pages:a=[]}=r??{};return{...t,data:a.map(s=>s?.results.map(c=>Qn(c,{mainFieldName:o}))).filter(Boolean).flat()}};function lc({componentUid:t,isUserAllowedToEditField:o,isUserAllowedToReadField:r,name:a,queryInfos:s}){const{isCreatingEntry:c,createActionAllowedFields:l,readActionAllowedFields:d,updateActionAllowedFields:m,slug:u,modifiedData:p}=(0,y.Wq)(),{params:b}=(0,ae.$B)("/content-manager/collectionType/:collectionType/create/clone/:origin")??{},{origin:h}=b??{},g=(0,e.useMemo)(()=>o===!0?!0:(c?l:m).includes(a),[c,l,a,o,m]),E=(0,e.useMemo)(()=>r?!0:(c?[]:d).includes(a),[c,r,a,d]),C=a.split(".");let T;t&&(T=L()(p,C.slice(0,-1))?.id);const M=h||p.id,v=(0,e.useMemo)(()=>c&&!h?null:t?T?(0,f.IF)(`relations/${t}/${T}/${C.at(-1)}`):null:(0,f.IF)(`relations/${u}/${M}/${a.split(".").at(-1)}`),[c,h,t,u,M,a,T,C]),R=(0,e.useMemo)(()=>t?(0,f.IF)(`relations/${t}/${a.split(".").at(-1)}`):(0,f.IF)(`relations/${u}/${a.split(".").at(-1)}`),[t,u,a]);return{entityId:M,componentId:T,isComponentRelation:Boolean(t),queryInfos:{...s,endpoints:{search:R,relation:v}},isCloningEntry:Boolean(h),isCreatingEntry:c,isFieldAllowed:g,isFieldReadable:E}}var cc=lc;const dc=(t,{relation:o,search:r})=>{const[a,s]=(0,e.useState)({}),[c,l]=(0,e.useState)(0),{get:d}=(0,y.kY)(),m=async({pageParam:k=1})=>{try{const{data:I}=await d(o?.endpoint,{params:{...o.pageParams??{},page:k}});return l(k),I}catch{return null}},u=async({pageParam:k=1})=>{try{const{data:I}=await d(r.endpoint,{params:{...r.pageParams??{},...a,page:k}});return I}catch{return null}},{onLoad:p,normalizeArguments:b={}}=o,h=(0,et.useInfiniteQuery)(["relation",...t],m,{cacheTime:0,enabled:o.enabled,getNextPageParam(k){const I=!k?.pagination;if(!(!k||I||k?.pagination.page>=k?.pagination.pageCount))return k.pagination.page+1},select:k=>({...k,pages:k.pages.map(I=>{if(!I)return I;const{data:w,results:O,pagination:P}=I,$=!!w;let H=[];return $?H=[w]:O&&(H=[...O].reverse()),{pagination:P,results:H}})})}),{pageGoal:g}=o,{status:E,data:C,fetchNextPage:T,hasNextPage:M}=h;(0,e.useEffect)(()=>{g>c&&M&&E==="success"&&T({pageParam:c+1})},[g,c,T,M,E]);const v=(0,y.W6)(p);(0,e.useEffect)(()=>{if(E==="success"&&C&&C.pages?.at(-1)?.results&&v){const k=sc(C.pages.at(-1).results,b);v(k)}},[E,v,C]);const R=(0,et.useInfiniteQuery)(["relation",...t,"search",JSON.stringify(a)],u,{enabled:Object.keys(a).length>0,getNextPageParam(k){if(!(!k?.pagination||k.pagination.page>=k.pagination.pageCount))return k.pagination.page+1}});return{relations:h,search:R,searchFor:(k,I={})=>{s({...I,_q:k})}}},xr=(t,o)=>r=>{const a=r.split(".");return a.reduce((s,c,l)=>{const d=L()(t,s),m=L()(o,[...a.slice(0,l),c,"__temp_key__"]);if(Array.isArray(d)&&typeof m=="number"){const u=d.findIndex(p=>p.__temp_key__===m);return s.push(u.toString()),s}return s.push(c),s},[])};var uc=i(50428),mc=i(21428),Zr=i(7563),tn=i(63919),Kn=i(41234),nn=i(35331),pc=i(41044),Lr=i(90333);const gc=z.ZP.div`
188
- flex-shrink: 0;
189
- width: ${(0,y.Q1)(6)};
190
- height: ${(0,y.Q1)(6)};
191
- margin-right: ${({theme:t})=>t.spaces[2]};
192
- background-color: ${({theme:t,isDraft:o})=>t.colors[o?"secondary600":"success600"]};
193
- border-radius: 50%;
194
- `,Yn=({publicationState:t,mainField:o,id:r})=>{const{formatMessage:a}=(0,G.Z)();if(t){const s=t==="draft",c={id:(0,f.OB)("components.Select.draft-info-title"),defaultMessage:"State: Draft"},l={id:(0,f.OB)("components.Select.publish-info-title"),defaultMessage:"State: Published"},d=a(s?c:l);return e.createElement(Lr.O,{value:r,textValue:o??r},e.createElement(Z.k,null,e.createElement(gc,{title:d,isDraft:s}),e.createElement(q.Z,{ellipsis:!0},o??r)))}return e.createElement(Lr.O,{value:r,textValue:o??r},o??r)};Yn.defaultProps={mainField:void 0,publicationState:void 0},Yn.propTypes={id:n().number.isRequired,mainField:n().string,publicationState:n().oneOfType([n().string,n().bool])};var Ar=i(90553);const on=50,Tt=4,Sr=(0,z.ZP)(Z.k)`
195
- width: 100%;
196
- /* Used to prevent endAction to be pushed out of container */
197
- min-width: 0;
198
-
199
- & > div[role='button'] {
200
- cursor: all-scroll;
201
- }
202
- `,Fr=(0,z.ZP)(Z.k)`
203
- width: 100%;
204
- /* Used to prevent endAction to be pushed out of container */
205
- min-width: 0;
206
- `,Xn=({ariaDescribedBy:t,children:o,displayValue:r,canDrag:a,disabled:s,endAction:c,iconButtonAriaLabel:l,style:d,id:m,index:u,name:p,onCancel:b,onDropItem:h,onGrabItem:g,status:E,updatePositionOfRelation:C,...T})=>{const[{handlerId:M,isDragging:v,handleKeyDown:R},N,k,I,w]=(0,Ar.Y)(a&&!s,{type:`${f._Q.RELATION}_${p}`,index:u,item:{displayedValue:r,status:E,id:m},onGrabItem:g,onDropItem:h,onCancel:b,onMoveItem:C,dropSensitivity:"immediate"}),O=(0,f.FE)(N,I);return(0,e.useEffect)(()=>{w((0,xt.rX)())},[w]),e.createElement(j.x,{style:d,as:"li",ref:k,"aria-describedby":t,cursor:a?"all-scroll":"default"},v?e.createElement(fc,null):e.createElement(Z.k,{paddingTop:2,paddingBottom:2,paddingLeft:a?2:4,paddingRight:4,hasRadius:!0,borderSize:1,borderColor:"neutral200",background:s?"neutral150":"neutral0",justifyContent:"space-between",ref:a?O:void 0,"data-handler-id":M,...T},e.createElement(Sr,{gap:1},a?e.createElement(Ce.h,{forwardedAs:"div",role:"button",tabIndex:0,"aria-label":l,noBorder:!0,onKeyDown:R,disabled:s},e.createElement(rt.Z,null)):null,e.createElement(Fr,{justifyContent:"space-between"},o)),c&&e.createElement(j.x,{paddingLeft:4},c)))},fc=()=>e.createElement(j.x,{paddingTop:2,paddingBottom:2,paddingLeft:4,paddingRight:4,hasRadius:!0,borderStyle:"dashed",borderColor:"primary600",borderWidth:"1px",background:"primary100",height:`calc(100% - ${Tt}px)`});Xn.defaultProps={ariaDescribedBy:"",canDrag:!1,displayValue:"",disabled:!1,endAction:void 0,onCancel:void 0,onDropItem:void 0,onGrabItem:void 0,style:void 0,status:void 0,updatePositionOfRelation:void 0},Xn.propTypes={ariaDescribedBy:n().string,canDrag:n().bool,children:n().node.isRequired,displayValue:n().string,disabled:n().bool,endAction:n().node,iconButtonAriaLabel:n().string.isRequired,id:n().number.isRequired,index:n().number.isRequired,name:n().string.isRequired,onCancel:n().func,onDropItem:n().func,onGrabItem:n().func,status:n().string,style:n().shape({height:n().number,left:n().number,position:n().string,right:n().number,width:n().string}),updatePositionOfRelation:n().func};const hc=(0,z.ZP)(j.x)`
207
- position: relative;
208
- overflow: hidden;
209
- flex: 1;
210
-
211
- &:before,
212
- &:after {
213
- position: absolute;
214
- width: 100%;
215
- height: 4px;
216
- z-index: 1;
217
- }
218
-
219
- &:before {
220
- /* TODO: as for DS Table component we would need this to be handled by the DS theme */
221
- content: '';
222
- background: linear-gradient(rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
223
- top: 0;
224
- opacity: ${({overflowDirection:t})=>t==="top-bottom"||t==="top"?1:0};
225
- transition: opacity 0.2s ease-in-out;
226
- }
227
-
228
- &:after {
229
- /* TODO: as for DS Table component we would need this to be handled by the DS theme */
230
- content: '';
231
- background: linear-gradient(0deg, rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
232
- bottom: 0;
233
- opacity: ${({overflowDirection:t})=>t==="top-bottom"||t==="bottom"?1:0};
234
- transition: opacity 0.2s ease-in-out;
235
- }
236
- `,Jn=({children:t,overflow:o,...r})=>e.createElement(hc,{overflowDirection:o,...r},t);Jn.defaultProps={overflow:""},Jn.propTypes={children:n().node.isRequired,overflow:n().oneOf(["top-bottom","bottom","top",""])};const wr=(0,z.ZP)(uc.r)`
237
- display: block;
238
-
239
- > span {
240
- white-space: nowrap;
241
- overflow: hidden;
242
- text-overflow: ellipsis;
243
- display: block;
244
- }
245
- `,$r=z.ZP.button`
246
- svg path {
247
- fill: ${({theme:t,disabled:o})=>o?t.colors.neutral600:t.colors.neutral500};
248
- }
249
-
250
- &:hover svg path,
251
- &:focus svg path {
252
- fill: ${({theme:t,disabled:o})=>!o&&t.colors.neutral600};
253
- }
254
- `,_n=({canReorder:t,description:o,disabled:r,error:a,iconButtonAriaLabel:s,id:c,name:l,numberOfRelationsToDisplay:d,label:m,labelAction:u,labelLoadMore:p,labelDisconnectRelation:b,listAriaDescription:h,liveText:g,loadingMessage:E,onCancel:C,onDropItem:T,onGrabItem:M,noRelationsMessage:v,onRelationConnect:R,onRelationLoadMore:N,onRelationDisconnect:k,onRelationReorder:I,onSearchNextPage:w,onSearch:O,placeholder:P,publicationStateTranslations:$,required:H,relations:A,searchResults:Y,size:J})=>{const[_,x]=(0,e.useState)(""),[S,D]=(0,e.useState)(""),F=(0,e.useRef)(),W=(0,e.useRef)(),{data:Q}=Y,K=A.data,B=K.length??0,X=(0,e.useMemo)(()=>B>d?Math.min(B,d)*(on+Tt)+on/2:Math.min(B,d)*(on+Tt),[B,d]),ge=!!p&&A.hasNextPage,re=(0,e.useMemo)(()=>Q.flat().filter(Boolean).map(le=>({...le,value:le.id,label:le.mainField})),[Q]);(0,e.useEffect)(()=>{if(B<=d)return D("");const le=je=>{const Ae=je.target.parentNode.scrollHeight,tt=je.target.scrollHeight-je.target.scrollTop;return je.target.scrollTop===0?D("bottom"):D(tt===Ae?"top":"top-bottom")},Pe=W?.current;return!A.isLoading&&K.length>0&&Pe&&W.current.addEventListener("scroll",le),()=>{Pe&&Pe.removeEventListener("scroll",le)}},[A,K,d,B]);const U=le=>{le&&O()},V=(le,Pe)=>{I&&le>=0&&le<K.length&&I(Pe,le)},fe=(0,ne.zH)(K.length),he=(0,e.useRef)(),we=()=>{he.current="loadMore",N()};(0,e.useEffect)(()=>{he.current==="onChange"&&x(""),he.current==="onChange"&&K.length!==fe?(F.current.scrollToItem(K.length,"end"),he.current=void 0):he.current==="loadMore"&&K.length!==fe&&(F.current.scrollToItem(0,"start"),he.current=void 0)},[fe,K]);const Ye=`${l}-item-instructions`;return e.createElement(Z.k,{gap:3,justifyContent:"space-between",alignItems:"end",wrap:"wrap"},e.createElement(Z.k,{direction:"column",alignItems:"stretch",basis:J<=6?"100%":"70%",gap:2},e.createElement(mc.hQ,{autocomplete:"list",error:a,name:l,hint:o,id:c,required:H,label:m,labelAction:u,disabled:r,placeholder:P,hasMoreItems:Y.hasNextPage,loading:Y.isLoading,onOpenChange:U,noOptionsMessage:()=>v,loadingMessage:E,onLoadMore:()=>{w()},textValue:_,onChange:le=>{le&&(R(re.find(Pe=>Pe.id===le)),he.current="onChange")},onTextValueChange:le=>{x(le)},onInputChange:le=>{O(le.currentTarget.value)}},re.map(le=>e.createElement(Yn,{key:le.id,...le}))),ge&&e.createElement(Zr.A,{disabled:A.isLoading||A.isFetchingNextPage,onClick:we,loading:A.isLoading||A.isFetchingNextPage,startIcon:e.createElement(hn.Z,null)},p)),K.length>0&&e.createElement(Jn,{overflow:S},e.createElement(pt.T,{id:Ye},h),e.createElement(pt.T,{"aria-live":"assertive"},g),e.createElement(pc.t7,{height:X,ref:F,outerRef:W,itemCount:B,itemSize:on+Tt,itemData:{name:l,ariaDescribedBy:Ye,canDrag:t,disabled:r,handleCancel:C,handleDropItem:T,handleGrabItem:M,iconButtonAriaLabel:s,labelDisconnectRelation:b,onRelationDisconnect:k,publicationStateTranslations:$,relations:K,updatePositionOfRelation:V},itemKey:le=>`${K[le].mainField}_${K[le].id}`,innerElementType:"ol"},eo)))},yc=n().shape({data:n().arrayOf(n().shape({href:n().string,id:n().number.isRequired,publicationState:n().oneOfType([n().string,n().bool]),mainField:n().oneOfType([n().string,n().number])})),hasNextPage:n().bool,isFetchingNextPage:n().bool.isRequired,isLoading:n().bool.isRequired,isSuccess:n().bool.isRequired}),Ec=n().shape({data:n().arrayOf(n().shape({id:n().number.isRequired,href:n().string,mainField:n().oneOfType([n().string,n().number]),publicationState:n().oneOfType([n().string,n().bool])})),hasNextPage:n().bool,isLoading:n().bool.isRequired,isSuccess:n().bool.isRequired});_n.defaultProps={canReorder:!1,description:void 0,disabled:!1,error:void 0,labelAction:null,labelLoadMore:null,liveText:void 0,onCancel:void 0,onDropItem:void 0,onGrabItem:void 0,required:!1,relations:{data:[]},searchResults:{data:[]}},_n.propTypes={error:n().string,canReorder:n().bool,description:n().string,disabled:n().bool,iconButtonAriaLabel:n().string.isRequired,id:n().string.isRequired,label:n().string.isRequired,labelAction:n().element,labelLoadMore:n().string,labelDisconnectRelation:n().string.isRequired,listAriaDescription:n().string.isRequired,liveText:n().string,loadingMessage:n().string.isRequired,name:n().string.isRequired,noRelationsMessage:n().string.isRequired,numberOfRelationsToDisplay:n().number.isRequired,onCancel:n().func,onDropItem:n().func,onGrabItem:n().func,onRelationConnect:n().func.isRequired,onRelationDisconnect:n().func.isRequired,onRelationLoadMore:n().func.isRequired,onRelationReorder:n().func.isRequired,onSearch:n().func.isRequired,onSearchNextPage:n().func.isRequired,placeholder:n().string.isRequired,publicationStateTranslations:n().shape({draft:n().string.isRequired,published:n().string.isRequired}).isRequired,required:n().bool,searchResults:Ec,size:n().number.isRequired,relations:yc};const eo=({data:t,index:o,style:r})=>{const{ariaDescribedBy:a,canDrag:s,disabled:c,handleCancel:l,handleDropItem:d,handleGrabItem:m,iconButtonAriaLabel:u,name:p,labelDisconnectRelation:b,onRelationDisconnect:h,publicationStateTranslations:g,relations:E,updatePositionOfRelation:C}=t,{publicationState:T,href:M,mainField:v,id:R}=E[o],N=T==="draft"?"secondary":"success";return e.createElement(Xn,{ariaDescribedBy:a,canDrag:s,disabled:c,displayValue:String(v??R),iconButtonAriaLabel:u,id:R,index:o,name:p,endAction:e.createElement($r,{"data-testid":`remove-relation-${R}`,disabled:c,type:"button",onClick:()=>h(E[o]),"aria-label":b},e.createElement(pn.J,{width:"12px",as:nn.Z})),onCancel:l,onDropItem:d,onGrabItem:m,status:T||void 0,style:{...r,bottom:r.bottom??0+Tt,height:r.height??0-Tt},updatePositionOfRelation:C},e.createElement(j.x,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},e.createElement(tn.u,{description:v??`${R}`},M?e.createElement(wr,{to:M},v??R):e.createElement(q.Z,{textColor:c?"neutral600":"primary600",ellipsis:!0},v??R))),T&&e.createElement(Kn.q,{variant:N,showBullet:!1,size:"S"},e.createElement(q.Z,{fontWeight:"bold",textColor:`${N}700`},g[T])))};eo.defaultProps={data:{}},eo.propTypes={data:n().shape({ariaDescribedBy:n().string.isRequired,canDrag:n().bool.isRequired,disabled:n().bool.isRequired,handleCancel:n().func,handleDropItem:n().func,handleGrabItem:n().func,iconButtonAriaLabel:n().string.isRequired,labelDisconnectRelation:n().string.isRequired,name:n().string.isRequired,onRelationDisconnect:n().func.isRequired,publicationStateTranslations:n().shape({draft:n().string.isRequired,published:n().string.isRequired}).isRequired,relations:n().arrayOf(n().shape({href:n().string,id:n().number.isRequired,publicationState:n().oneOfType([n().string,n().bool]),mainField:n().oneOfType([n().string,n().number])})),updatePositionOfRelation:n().func.isRequired}),index:n().number.isRequired,style:n().object.isRequired};var bc=_n;const to=({error:t,entityId:o,componentId:r,isComponentRelation:a,editable:s,description:c,intlLabel:l,isCreatingEntry:d,isCloningEntry:m,isFieldAllowed:u,isFieldReadable:p,labelAction:b,mainField:h,name:g,queryInfos:{endpoints:E,defaultParams:C,shouldDisplayRelationLink:T},placeholder:M,required:v,relationType:R,size:N,targetModel:k})=>{const[I,w]=(0,e.useState)(""),{formatMessage:O}=(0,G.Z)(),{slug:P,initialData:$,modifiedData:H,relationConnect:A,relationDisconnect:Y,relationLoad:J,relationReorder:_}=(0,y.Wq)(),x=g.split("."),S=xr($,H)(g),D=L()(H,g,[]),F=Math.ceil(L()($,g,[]).length/Gn),{relations:W,search:Q,searchFor:K}=dc([P,S.join("."),H.id,C],{relation:{enabled:!!E.relation,endpoint:E.relation,pageGoal:F,pageParams:{...C,pageSize:Gn},onLoad(ee){J({target:{initialDataPath:["initialData",...S],modifiedDataPath:["modifiedData",...x],value:ee}})},normalizeArguments:{mainFieldName:h.name,shouldAddLink:T,targetModel:k}},search:{endpoint:E.search,pageParams:{...C,entityId:d||m?void 0:a?r:o,pageSize:rc}}}),B=(0,e.useMemo)(()=>R.toLowerCase().includes("morph"),[R]),X=["oneWay","oneToOne","manyToOne","oneToManyMorph","oneToOneMorph"].includes(R),ge=(0,e.useMemo)(()=>B?!0:d?!s:!u&&p||!s,[B,d,s,u,p]),re=ee=>{const ue=Qn(ee,{mainFieldName:h.name,shouldAddLink:T,targetModel:k});A({name:g,value:ue,toOneRelation:X})},U=ee=>{Y({name:g,id:ee.id})},V=()=>{W.fetchNextPage()},fe=(ee="")=>{const[ue,Me]=oc(D,L()($,g));K(ee,{idsToInclude:Me,idsToOmit:ue})},he=()=>{Q.fetchNextPage()},we=ee=>`${ee+1} of ${D.length}`,Ye=(ee,ue)=>{const Me=D[ee];w(O({id:(0,f.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:Me.mainField??Me.id,position:we(ue)})),_({name:g,newIndex:ue,oldIndex:ee})},le=ee=>{const ue=D[ee];w(O({id:(0,f.OB)("dnd.grab-item"),defaultMessage:"{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel."},{item:ue.mainField??ue.id,position:we(ee)}))},Pe=ee=>{const ue=D[ee];w(O({id:(0,f.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:ue.mainField??ue.id,position:we(ee)}))},je=ee=>{const ue=D[ee];w(O({id:(0,f.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:ue.mainField??ue.id}))};if(!u&&d||!d&&!u&&!p)return e.createElement(y.X0,{name:g,intlLabel:l,labelAction:b});const Ae=D.length,tt=(L()($,S)??[]).length,Pt=W.data?.pages[0]?.pagination?.total??0,me=!W.data&&Ae===tt?Ae:Ae-tt+Pt;return e.createElement(bc,{error:t,canReorder:!X,description:c,disabled:ge,iconButtonAriaLabel:O({id:(0,f.OB)("components.RelationInput.icon-button-aria-label"),defaultMessage:"Drag"}),id:g,label:`${O({id:l.id,defaultMessage:l.defaultMessage})} ${me>0?`(${me})`:""}`,labelAction:b,labelLoadMore:!d||m?O({id:(0,f.OB)("relation.loadMore"),defaultMessage:"Load More"}):null,labelDisconnectRelation:O({id:(0,f.OB)("relation.disconnect"),defaultMessage:"Remove"}),listAriaDescription:O({id:(0,f.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"}),listHeight:320,liveText:I,loadingMessage:O({id:(0,f.OB)("relation.isLoading"),defaultMessage:"Relations are loading"}),name:g,noRelationsMessage:O({id:(0,f.OB)("relation.notAvailable"),defaultMessage:"No relations available"}),numberOfRelationsToDisplay:Gn,onDropItem:Pe,onGrabItem:le,onCancel:je,onRelationConnect:re,onRelationDisconnect:U,onRelationLoadMore:V,onRelationReorder:Ye,onSearch:ee=>fe(ee),onSearchNextPage:()=>he(),placeholder:O(M||{id:(0,f.OB)("relation.add"),defaultMessage:"Add relation"}),publicationStateTranslations:{[gt.DRAFT]:O({id:(0,f.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[gt.PUBLISHED]:O({id:(0,f.OB)("relation.publicationState.published"),defaultMessage:"Published"})},relations:dn()({...W,data:D},"data","hasNextPage","isFetchingNextPage","isLoading","isSuccess"),required:v,searchResults:ic(Q,{mainFieldName:h.name}),size:N})};to.defaultProps={componentId:void 0,entityId:void 0,editable:!0,error:void 0,description:"",labelAction:null,isComponentRelation:!1,isFieldAllowed:!0,placeholder:null,required:!1},to.propTypes={componentId:n().number,entityId:n().number,editable:n().bool,error:n().string,description:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,isCloningEntry:n().bool.isRequired,isCreatingEntry:n().bool.isRequired,isComponentRelation:n().bool,isFieldAllowed:n().bool,isFieldReadable:n().bool.isRequired,mainField:n().shape({name:n().string.isRequired,schema:n().shape({type:n().string.isRequired}).isRequired}).isRequired,name:n().string.isRequired,placeholder:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),required:n().bool,relationType:n().string.isRequired,size:n().number.isRequired,targetModel:n().string.isRequired,queryInfos:n().shape({defaultParams:n().shape({locale:n().string}),endpoints:n().shape({relation:n().string,search:n().string.isRequired}).isRequired,shouldDisplayRelationLink:n().bool.isRequired}).isRequired};const vc=(0,e.memo)(to);var Cc=nc(vc,cc);const no=({id:t,error:o,name:r,hint:a})=>a.length===0||o?null:e.createElement(q.Z,{as:"p",variant:"pi",id:`${t||r}-hint`,textColor:"neutral600"},a);no.defaultProps={id:void 0,error:void 0,hint:""},no.propTypes={hint:n().oneOfType([n().string,n().array]),error:n().string,id:n().string,name:n().string.isRequired};var Rc=no,Mc=i(87702),oo=i.n(Mc),ro=i(59845),Tc=i(88591),Dc=i.n(Tc),Oc=i(20871),Ic=i.n(Oc),Pc=i(48375),Br=i.n(Pc),kc=i(31089),xc=i.n(kc),Zc=i(16043),Lc=i.n(Zc),Ac=i(5109),Sc=i.n(Ac),Fc=i(47955),wc=i.n(Fc),$c=i(95706),Bc=i.n($c),Nc=i(6658),Wc=i.n(Nc),jc=i(36407),zc=i.n(jc);(async()=>{await i.e(7347).then(i.bind(i,74194))})();const Dt=new(Dc())({html:!0,xhtmlOut:!1,breaks:!0,langPrefix:"language-",linkify:!0,typographer:!0,highlight(t,o){if(o&&o!=="auto"&&(0,ro.getLanguage)(o))return'<pre class="hljs language-'+Dt.utils.escapeHtml(o.toLowerCase())+'"><code>'+(0,ro.highlight)(o,t,!0).value+"</code></pre>";if(o==="auto"){const r=(0,ro.highlightAuto)(t);return'<pre class="hljs language-'+Dt.utils.escapeHtml(r.language)+'"><code>'+r.value+"</code></pre>"}return'<pre class="hljs"><code>'+Dt.utils.escapeHtml(t)+"</code></pre>"}}).use(Ic()).use(Br(),"warning").use(Br(),"tip").use(xc()).use(Lc()).use(Sc()).use(wc()).use(Bc()).use(Wc()).use(zc());Dt.renderer.rules.footnote_ref=(t,o,r,a,s)=>'<sup class="footnote-ref"><span>'+s.rules.footnote_caption(t,o,r,a,s)+"</span></sup>",Dt.renderer.rules.footnote_anchor=()=>' <span class="footnote-backref">\u21A9\uFE0E</span>';var Uc=Dt,Vc=i(13993),Nr=i.n(Vc);const qc={...Nr().defaults,allowedTags:!1,allowedAttributes:{"*":["href","align","alt","center","width","height","type","controls","target"],img:["src","alt"],source:["src","type"]}};var Hc=t=>Nr()(t,qc),Gc=z.ZP.div`
255
- position: absolute;
256
- top: 0;
257
- width: 100%;
258
- height: 100%;
259
- overflow: auto;
260
- padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
261
- font-size: ${14/16}rem;
262
- background-color: ${({theme:t})=>t.colors.neutral0};
263
- color: ${({theme:t})=>t.colors.neutral800};
264
- line-height: ${({theme:t})=>t.lineHeights[6]};
265
-
266
- h1,
267
- h2,
268
- h3,
269
- h4,
270
- h5,
271
- h6 {
272
- margin-block-start: ${({theme:t})=>t.spaces[2]};
273
- margin-block-end: ${({theme:t})=>t.spaces[2]};
274
- }
275
-
276
- p {
277
- margin-bottom: ${({theme:t})=>t.spaces[2]};
278
- }
279
-
280
- h1 {
281
- font-size: ${36/16}rem;
282
- font-weight: 600;
283
- }
284
-
285
- h2 {
286
- font-size: ${30/16}rem;
287
- font-weight: 500;
288
- }
289
-
290
- h3 {
291
- font-size: ${24/16}rem;
292
- font-weight: 500;
293
- }
294
-
295
- h4 {
296
- font-size: ${20/16}rem;
297
- font-weight: 500;
298
- }
299
-
300
- strong {
301
- font-weight: 800;
302
- }
303
-
304
- em {
305
- font-style: italic;
306
- }
307
-
308
- blockquote {
309
- margin-top: ${({theme:t})=>t.spaces[8]};
310
- margin-bottom: ${({theme:t})=>t.spaces[7]};
311
- font-size: ${14/16}rem;
312
- font-weight: 400;
313
- border-left: 4px solid ${({theme:t})=>t.colors.neutral150};
314
- font-style: italic;
315
- padding: ${({theme:t})=>t.spaces[2]} ${({theme:t})=>t.spaces[5]};
316
- }
317
-
318
- img {
319
- max-width: 100%;
320
- }
321
-
322
- table {
323
- thead {
324
- background: ${({theme:t})=>t.colors.neutral150};
325
-
326
- th {
327
- padding: ${({theme:t})=>t.spaces[4]};
328
- }
329
- }
330
- tr {
331
- border: 1px solid ${({theme:t})=>t.colors.neutral200};
332
- }
333
- th,
334
- td {
335
- padding: ${({theme:t})=>t.spaces[4]};
336
- border: 1px solid ${({theme:t})=>t.colors.neutral200};
337
- border-bottom: 0;
338
- border-top: 0;
339
- }
340
- }
341
-
342
- pre,
343
- code {
344
- font-size: ${14/16}rem;
345
- border-radius: 4px;
346
- /*
347
- Hard coded since the color is the same between themes,
348
- theme.colors.neutral800 changes between themes.
349
-
350
- Matches the color of the JSON Input component.
351
- */
352
- background-color: #32324d;
353
- max-width: 100%;
354
- overflow: auto;
355
- padding: ${({theme:t})=>t.spaces[2]};
356
- }
357
-
358
- /* Inline code */
359
- p,
360
- pre,
361
- td {
362
- > code {
363
- color: #839496;
364
- }
365
- }
366
-
367
- ol {
368
- list-style-type: decimal;
369
- margin-block-start: ${({theme:t})=>t.spaces[4]};
370
- margin-block-end: ${({theme:t})=>t.spaces[4]};
371
- margin-inline-start: 0px;
372
- margin-inline-end: 0px;
373
- padding-inline-start: ${({theme:t})=>t.spaces[4]};
374
-
375
- ol,
376
- ul {
377
- margin-block-start: 0px;
378
- margin-block-end: 0px;
379
- }
380
- }
381
-
382
- ul {
383
- list-style-type: disc;
384
- margin-block-start: ${({theme:t})=>t.spaces[4]};
385
- margin-block-end: ${({theme:t})=>t.spaces[4]};
386
- margin-inline-start: 0px;
387
- margin-inline-end: 0px;
388
- padding-inline-start: ${({theme:t})=>t.spaces[4]};
389
-
390
- ul,
391
- ol {
392
- margin-block-start: 0px;
393
- margin-block-end: 0px;
394
- }
395
- }
396
- `;const ao=({data:t})=>{const o=(0,e.useMemo)(()=>Hc(Uc.render(t.replaceAll("\\n",`
397
- `)||"")),[t]);return e.createElement(Gc,null,e.createElement("div",{dangerouslySetInnerHTML:{__html:o}}))};ao.defaultProps={data:""},ao.propTypes={data:n().string};var Wr=(0,e.memo)(ao);const Qc=z.ZP.div`
398
- cursor: ${({disabled:t})=>t?"not-allowed !important":"auto"};
399
- height: 100%;
400
- /* BASICS */
401
- .CodeMirror-placeholder {
402
- color: ${({theme:t})=>t.colors.neutral600} !important;
403
- }
404
-
405
- .CodeMirror {
406
- /* Set height, width, borders, and global font properties here */
407
- font-size: ${14/16}rem;
408
- height: ${({isExpandMode:t})=>t?"100%":"290px"};
409
- color: ${({theme:t})=>t.colors.neutral800};
410
- direction: ltr;
411
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
412
- 'Open Sans', 'Helvetica Neue', sans-serif;
413
- }
414
-
415
- /* PADDING */
416
-
417
- .CodeMirror-lines {
418
- padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
419
- /* Vertical padding around content */
420
- }
421
-
422
- .CodeMirror-scrollbar-filler,
423
- .CodeMirror-gutter-filler {
424
- /* The little square between H and V scrollbars */
425
- background-color: ${({theme:t})=>`${t.colors.neutral0}`};
426
- }
427
-
428
- /* GUTTER */
429
-
430
- .CodeMirror-gutters {
431
- border-right: 1px solid #ddd;
432
- background-color: #f7f7f7;
433
- white-space: nowrap;
434
- }
435
- .CodeMirror-linenumbers {
436
- }
437
- .CodeMirror-linenumber {
438
- padding: 0 3px 0 5px;
439
- min-width: 20px;
440
- text-align: right;
441
- color: #999;
442
- white-space: nowrap;
443
- }
444
-
445
- .CodeMirror-guttermarker {
446
- color: black;
447
- }
448
- .CodeMirror-guttermarker-subtle {
449
- color: #999;
450
- }
451
-
452
- /* CURSOR */
453
-
454
- .CodeMirror-cursor {
455
- border-left: 1px solid black;
456
- border-right: none;
457
- width: 0;
458
- }
459
- /* Shown when moving in bi-directional text */
460
- .CodeMirror div.CodeMirror-secondarycursor {
461
- border-left: 1px solid silver;
462
- }
463
- .cm-fat-cursor .CodeMirror-cursor {
464
- width: auto;
465
- border: 0 !important;
466
- background: #7e7;
467
- }
468
- .cm-fat-cursor div.CodeMirror-cursors {
469
- /* z-index: 1; */
470
- }
471
-
472
- .cm-fat-cursor-mark {
473
- background-color: rgba(20, 255, 20, 0.5);
474
- -webkit-animation: blink 1.06s steps(1) infinite;
475
- -moz-animation: blink 1.06s steps(1) infinite;
476
- animation: blink 1.06s steps(1) infinite;
477
- }
478
- .cm-animate-fat-cursor {
479
- width: auto;
480
- border: 0;
481
- -webkit-animation: blink 1.06s steps(1) infinite;
482
- -moz-animation: blink 1.06s steps(1) infinite;
483
- animation: blink 1.06s steps(1) infinite;
484
- background-color: #7e7;
485
- }
486
-
487
- /* Can style cursor different in overwrite (non-insert) mode */
488
- .CodeMirror-overwrite .CodeMirror-cursor {
489
- }
490
-
491
- .cm-tab {
492
- display: inline-block;
493
- text-decoration: inherit;
494
- }
495
-
496
- .CodeMirror-rulers {
497
- position: absolute;
498
- left: 0;
499
- right: 0;
500
- top: -50px;
501
- bottom: 0;
502
- overflow: hidden;
503
- }
504
- .CodeMirror-ruler {
505
- border-left: 1px solid #ccc;
506
- top: 0;
507
- bottom: 0;
508
- position: absolute;
509
- }
510
-
511
- /* DEFAULT THEME */
512
-
513
- .cm-header,
514
- .cm-strong {
515
- font-weight: bold;
516
- }
517
- .cm-em {
518
- font-style: italic;
519
- }
520
- .cm-link {
521
- text-decoration: underline;
522
- }
523
- .cm-strikethrough {
524
- text-decoration: line-through;
525
- }
526
-
527
- .CodeMirror-composing {
528
- border-bottom: 2px solid;
529
- }
530
-
531
- /* Default styles for common addons */
532
-
533
- div.CodeMirror span.CodeMirror-matchingbracket {
534
- color: #0b0;
535
- }
536
- div.CodeMirror span.CodeMirror-nonmatchingbracket {
537
- color: #a22;
538
- }
539
- .CodeMirror-matchingtag {
540
- background: rgba(255, 150, 0, 0.3);
541
- }
542
- .CodeMirror-activeline-background {
543
- background: #e8f2ff;
544
- }
545
-
546
- /* STOP */
547
-
548
- /* The rest of this file contains styles related to the mechanics of
549
- the editor. You probably shouldn't touch them. */
550
-
551
- .CodeMirror {
552
- position: relative;
553
- overflow: hidden;
554
- background: ${({theme:t})=>`${t.colors.neutral0}`};
555
- }
556
-
557
- .CodeMirror-scroll {
558
- overflow: scroll !important; /* Things will break if this is overridden */
559
- /* 50px is the magic margin used to hide the element's real scrollbars */
560
- /* See overflow: hidden in .CodeMirror */
561
- margin-bottom: -50px;
562
- margin-right: -50px;
563
- padding-bottom: 50px;
564
- height: 100%;
565
- outline: none; /* Prevent dragging from highlighting the element */
566
- position: relative;
567
- }
568
- .CodeMirror-sizer {
569
- position: relative;
570
- border-right: 50px solid transparent;
571
- }
572
-
573
- /* The fake, visible scrollbars. Used to force redraw during scrolling
574
- before actual scrolling happens, thus preventing shaking and
575
- flickering artifacts. */
576
- .CodeMirror-vscrollbar,
577
- .CodeMirror-hscrollbar,
578
- .CodeMirror-scrollbar-filler,
579
- .CodeMirror-gutter-filler {
580
- position: absolute;
581
- z-index: 1;
582
- display: none;
583
- outline: none;
584
- }
585
-
586
- .CodeMirror-vscrollbar {
587
- right: 0;
588
- top: 0;
589
- overflow-x: hidden;
590
- overflow-y: scroll;
591
- }
592
- .CodeMirror-hscrollbar {
593
- bottom: 0;
594
- left: 0;
595
- overflow-y: hidden;
596
- overflow-x: scroll;
597
- }
598
- .CodeMirror-scrollbar-filler {
599
- right: 0;
600
- bottom: 0;
601
- }
602
-
603
- .CodeMirror-lines {
604
- cursor: text;
605
- min-height: 1px; /* prevents collapsing before first draw */
606
- }
607
- /* Reset some styles that the rest of the page might have set */
608
- .CodeMirror pre.CodeMirror-line,
609
- .CodeMirror pre.CodeMirror-line-like {
610
- -moz-border-radius: 0;
611
- -webkit-border-radius: 0;
612
- border-radius: 0;
613
- border-width: 0;
614
- background: transparent;
615
- font-family: inherit;
616
- font-size: inherit;
617
- margin: 0;
618
- white-space: pre;
619
- word-wrap: normal;
620
- line-height: 1.5;
621
- color: inherit;
622
- /* z-index: 2; */
623
- position: relative;
624
- overflow: visible;
625
- -webkit-tap-highlight-color: transparent;
626
- -webkit-font-variant-ligatures: contextual;
627
- font-variant-ligatures: contextual;
628
- }
629
-
630
- .CodeMirror pre.CodeMirror-line-like {
631
- z-index: 2;
632
- }
633
-
634
- .CodeMirror-wrap pre.CodeMirror-line,
635
- .CodeMirror-wrap pre.CodeMirror-line-like {
636
- word-wrap: break-word;
637
- white-space: pre-wrap;
638
- word-break: normal;
639
- }
640
-
641
- .CodeMirror-linebackground {
642
- position: absolute;
643
- left: 0;
644
- right: 0;
645
- top: 0;
646
- bottom: 0;
647
- z-index: 0;
648
- }
649
-
650
- .CodeMirror-linewidget {
651
- position: relative;
652
- /* z-index: 2; */
653
- padding: 0.1px; /* Force widget margins to stay inside of the container */
654
- }
655
-
656
- .CodeMirror-widget {
657
- }
658
-
659
- .CodeMirror-rtl pre {
660
- direction: rtl;
661
- }
662
-
663
- .CodeMirror-code {
664
- outline: none;
665
- }
666
-
667
- /* Force content-box sizing for the elements where we expect it */
668
- .CodeMirror-scroll,
669
- .CodeMirror-sizer,
670
- .CodeMirror-gutter,
671
- .CodeMirror-gutters,
672
- .CodeMirror-linenumber {
673
- -moz-box-sizing: content-box;
674
- box-sizing: content-box;
675
- }
676
-
677
- .CodeMirror-measure {
678
- position: absolute;
679
- width: 100%;
680
- height: 0;
681
- overflow: hidden;
682
- visibility: hidden;
683
- }
684
-
685
- .CodeMirror-cursor {
686
- position: absolute;
687
- pointer-events: none;
688
- border-color: ${({theme:t})=>`${t.colors.neutral800}`};
689
- }
690
- .CodeMirror-measure pre {
691
- position: static;
692
- }
693
-
694
- div.CodeMirror-cursors {
695
- visibility: hidden;
696
- position: relative;
697
- + div {
698
- z-index: 0 !important;
699
- }
700
- }
701
-
702
- div.CodeMirror-dragcursors {
703
- visibility: visible;
704
- }
705
-
706
- .CodeMirror-focused div.CodeMirror-cursors {
707
- visibility: visible;
708
- }
709
-
710
- .CodeMirror-selected {
711
- background: ${({theme:t})=>t.colors.neutral200};
712
- /* z-index: -10; */
713
- }
714
- .CodeMirror-crosshair {
715
- cursor: crosshair;
716
- }
717
-
718
- /* Used to force a border model for a node */
719
- .cm-force-border {
720
- padding-right: 0.1px;
721
- }
722
-
723
- /* See issue #2901 */
724
- .cm-tab-wrap-hack:after {
725
- content: '';
726
- }
727
-
728
- /* Help users use markselection to safely style text background */
729
- span.CodeMirror-selectedtext {
730
- background: none;
731
- }
732
-
733
- span {
734
- color: ${({theme:t})=>t.colors.neutral800} !important;
735
- }
736
- `;var rn=/^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]))(\s*)/,Kc=/^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/,Yc=/[*+-]\s/;function Xc(t){if(t.getOption("disableInput"))return oo().Pass;for(var o=t.listSelections(),r=[],a=0;a<o.length;a++){var s=o[a].head,c=t.getStateAfter(s.line),l=c.list!==!1,d=c.quote!==0,m=t.getLine(s.line),u=rn.exec(m),p=/^\s*$/.test(m.slice(0,s.ch));if(!o[a].empty()||!l&&!d||!u||p){t.execCommand("newlineAndIndent");return}if(Kc.test(m)){var b=d&&/>\s*$/.test(m),h=!/>\s*$/.test(m);(b||h)&&t.replaceRange("",{line:s.line,ch:0},{line:s.line,ch:s.ch+1}),r[a]=`
737
- `}else{var g=u[1],E=u[5],C=!(Yc.test(u[2])||u[2].indexOf(">")>=0),T=C?parseInt(u[3],10)+1+u[4]:u[2].replace("x"," ");r[a]=`
738
- `+g+T+E,C&&Jc(t,s)}}t.replaceSelections(r)}function Jc(t,o){var r=o.line,a=0,s=0,c=rn.exec(t.getLine(r)),l=c[1];do{a+=1;var d=r+a,m=t.getLine(d),u=rn.exec(m);if(u){var p=u[1],b=parseInt(c[3],10)+a-s,h=parseInt(u[3],10),g=h;if(l===p&&!isNaN(h))b===h&&(g=h+1),b>h&&(g=b+1),t.replaceRange(m.replace(rn,p+g+u[4]+u[5]),{line:d,ch:0},{line:d,ch:m.length});else{if(l.length>p.length||l.length<p.length&&a===1)return;s+=1}}}while(u)}var _c=Xc;const Le=(0,z.ZP)(Ce.h)`
739
- padding: ${({theme:t})=>t.spaces[2]};
740
- /* Trick to prevent the outline from overflowing because of the general outline-offset */
741
- outline-offset: -2px !important;
742
-
743
- svg {
744
- width: ${18/16}rem;
745
- height: ${18/16}rem;
746
- }
747
- `,ed=(0,z.ZP)(Le)`
748
- svg {
749
- width: ${8/16}rem;
750
- height: ${8/16}rem;
751
- }
752
- `,jr=(0,z.ZP)(Ce.o)`
753
- margin-left: ${({theme:t})=>t.spaces[4]};
754
- `,zr=(0,z.ZP)(Ce.h)`
755
- margin: ${({theme:t})=>`0 ${t.spaces[2]}`};
756
- padding: ${({theme:t})=>t.spaces[2]};
757
-
758
- svg {
759
- width: ${18/16}rem;
760
- height: ${18/16}rem;
761
- }
762
- `,td=(0,z.ZP)(Ce.o)`
763
- margin-right: ${({theme:t})=>`${t.spaces[2]}`};
764
- `,nd=z.ZP.div`
765
- position: relative;
766
- height: calc(100% - 48px);
767
- `,od=(0,z.ZP)(Fn.Y)`
768
- background-color: transparent;
769
- border: none;
770
- align-items: center;
771
-
772
- svg {
773
- margin-left: ${({theme:t})=>`${t.spaces[2]}`};
774
- path {
775
- fill: ${({theme:t})=>t.colors.neutral700};
776
- width: ${12/16}rem;
777
- height: ${12/16}rem;
778
- }
779
- }
780
- `;var ig=i(27217);const so=({disabled:t,editorRef:o,error:r,isPreviewMode:a,isExpandMode:s,name:c,onChange:l,placeholder:d,textareaRef:m,value:u})=>{const p=(0,e.useRef)(l);return(0,e.useEffect)(()=>{o.current=oo().fromTextArea(m.current,{lineWrapping:!0,extraKeys:{Enter:"newlineAndIndentContinueMarkdownList",Tab:!1,"Shift-Tab":!1},readOnly:!1,smartIndent:!1,placeholder:d,spellcheck:!0,inputStyle:"contenteditable"}),oo().commands.newlineAndIndentContinueMarkdownList=_c,o.current.on("change",b=>{p.current({target:{name:c,value:b.getValue(),type:"wysiwyg"}})})},[o,m,c,d]),(0,e.useEffect)(()=>{u&&!o.current.hasFocus()&&o.current.setValue(u)},[o,u]),(0,e.useEffect)(()=>{a||t?o.current.setOption("readOnly","nocursor"):o.current.setOption("readOnly",!1)},[t,a,o]),(0,e.useEffect)(()=>{r?o.current.setOption("screenReaderLabel",r):o.current.setOption("screenReaderLabel","Editor")},[o,r]),e.createElement(nd,null,e.createElement(Qc,{isExpandMode:s,disabled:t||a},e.createElement("textarea",{ref:m})),a&&e.createElement(Wr,{data:u}))};so.defaultProps={disabled:!1,error:void 0,isPreviewMode:!1,isExpandMode:!1,placeholder:"",value:""},so.propTypes={disabled:n().bool,editorRef:n().shape({current:n().any}).isRequired,error:n().string,isPreviewMode:n().bool,isExpandMode:n().bool,name:n().string.isRequired,onChange:n().func.isRequired,placeholder:n().string,textareaRef:n().shape({current:n().any}).isRequired,value:n().string};var rd=so,ad=i(71933),sd=i(67563);const id=(t,o)=>`${t}${Math.floor(o*255).toString(16).padStart(2,0)}`,ld=(0,z.ZP)(Z.k)`
781
- background: ${({theme:t})=>id(t.colors.neutral800,.2)};
782
- `,cd=(0,z.ZP)(j.x)`
783
- border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
784
- `,dd=(0,z.ZP)(Fn.Y)`
785
- background-color: transparent;
786
- border: none;
787
- align-items: center;
788
-
789
- svg {
790
- margin-left: ${({theme:t})=>`${t.spaces[2]}`};
791
-
792
- path {
793
- fill: ${({theme:t})=>t.colors.neutral700};
794
- width: ${12/16}rem;
795
- height: ${12/16}rem;
796
- }
797
- }
798
- `,io=({children:t,isExpandMode:o,error:r,previewContent:a,onCollapse:s})=>{const{formatMessage:c}=(0,G.Z)();return(0,y.F5)(o),o?e.createElement(ad.h,{role:"dialog","aria-modal":!1},e.createElement(sd.i,{onEscape:s},e.createElement(ld,{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:4,justifyContent:"center",onClick:s},e.createElement(j.x,{background:"neutral0",hasRadius:!0,shadow:"popupShadow",overflow:"hidden",width:"70%",height:"70%",onClick:l=>l.stopPropagation()},e.createElement(Z.k,{height:"100%",alignItems:"flex-start"},e.createElement(cd,{flex:"1",height:"100%"},t),e.createElement(Z.k,{alignItems:"start",direction:"column",flex:1,height:"100%",width:"100%"},e.createElement(Z.k,{height:(0,y.Q1)(48),background:"neutral100",justifyContent:"flex-end",shrink:0,width:"100%"},e.createElement(dd,{onClick:s},e.createElement(q.Z,null,c({id:"components.Wysiwyg.collapse",defaultMessage:"Collapse"})),e.createElement(Ko.Z,null))),e.createElement(j.x,{position:"relative",height:"100%",width:"100%"},e.createElement(Wr,{data:a})))))))):e.createElement(j.x,{borderColor:r?"danger600":"neutral200",borderStyle:"solid",borderWidth:"1px",hasRadius:!0},t)};io.defaultProps={error:void 0,previewContent:""},io.propTypes={children:n().node.isRequired,error:n().string,isExpandMode:n().bool.isRequired,previewContent:n().string,onCollapse:n().func.isRequired};const Ur=(t,o)=>{let r;switch(t){case"Strikethrough":r=`~~${o}~~`;break;case"Bold":r=`**${o}**`;break;case"Italic":r=`_${o}_`;break;case"Underline":r=`<u>${o}</u>`;break;case"Code":r=`\`\`\`
799
- ${o}
800
- \`\`\``;break;case"Link":r=`[${o}](link)`;break;case"Quote":r=`>${o}`;break;default:r=o}return r},Vr=t=>{let o,r={start:t.length,end:0};switch(t){case"Strikethrough":o=`~~${t}~~`,r.end=2;break;case"Bold":o=`**${t}**`,r.end=2;break;case"Italic":o=`_${t}_`,r.end=1;break;case"alt":o=`[${t}]()`,r.end=3;break;case"Underline":o=`<u>${t}</u>`,r.end=4;break;case"Code":o=`\`\`\`
801
- ${t}
802
- \`\`\``,r.end=3;break;case"Link":o=`[${t}](link)`,r.end=7;break;case"Quote":o=`>${t}`,r.end=0;break;default:o=""}return{editedText:o,selection:r}},qr=t=>{let o;switch(t){case"BulletList":o="- ";break;case"NumberList":o="1. ";break;case"h1":o="# ";break;case"h2":o="## ";break;case"h3":o="### ";break;case"h4":o="#### ";break;case"h5":o="##### ";break;case"h6":o="###### ";break;default:return""}return o},Hr=(t,o)=>{const r=t.current.getSelection();let a;if(r){const s=Ur(o,r);t.current.replaceSelection(s),t.current.focus()}else{a=Vr(o),t.current.replaceSelection(a.editedText),t.current.focus();const{line:s,ch:c}=t.current.getCursor(),l=c-a.selection.end,d=c-a.selection.end-a.selection.start;t.current.setSelection({line:s,ch:d},{line:s,ch:l})}},ud=(t,o)=>{const r=t.current.getDoc(),a=o==="BulletList"?"- ":"1. ";if(r.somethingSelected()){const s=r.listSelections();let c=null;t.current.operation(function(){s.forEach(function(l){const d=[l.head.line,l.anchor.line].sort();c==null&&(c=r.getLine(d[0]).startsWith(a));for(let m=d[0];m<=d[1];m++)if(c)r.getLine(m).startsWith(a)&&r.replaceRange("",{line:m,ch:0},{line:m,ch:a.length});else{const u=o==="BulletList"?"- ":`${m+1}. `;r.replaceRange(u,{line:m,ch:0})}})})}else{let{line:s}=r.getCursor();const c=qr(o),l=t.current.getLine(s),d=c+l;t.current.setSelection({line:s,ch:0},{line:s,ch:l.length}),t.current.replaceSelection(d)}t.current.focus()},md=(t,o)=>{let{line:r}=t.current.getCursor();const a=qr(o),s=t.current.getLine(r),c=s.replace(/#{1,6}\s/g,"").trim(),l=a+c;t.current.setSelection({line:r,ch:0},{line:r,ch:s.length}),t.current.replaceSelection(l),setTimeout(()=>{const d=t.current.getLine(r).length;t.current.focus(),t.current.setCursor({line:r,ch:d})},0)},pd=(t,o)=>{let{line:r,ch:a}=t.current.getCursor();o.forEach((s,c)=>{let l=t.current.getLine(r).length;t.current.setCursor({line:r,ch:l}),(c>0||c===0&&a!==0)&&(l=t.current.getLine(r).length,t.current.setCursor({line:r,ch:l}),r++,t.current.replaceSelection(`
803
- `)),s.mime.includes("image")?t.current.replaceSelection(`![${s.alt}](${s.url})`):t.current.replaceSelection(`[${s.alt}](${s.url})`)}),setTimeout(()=>t.current.focus(),0)},gd=(t,o,r,a,s)=>{const c=Ur(o,s),l=t.current.getRange({line:r+1,ch:0},{line:1/0,ch:1/0});if(t.current.replaceRange("",{line:r+1,ch:0},{line:1/0,ch:1/0}),t.current.replaceSelection(""),t.current.setCursor({line:r,ch:a}),t.current.replaceSelection(`
804
- `),t.current.replaceSelection(c),o==="Code"){let{line:d}=t.current.getCursor();t.current.setCursor({line:d-1,ch:s.length})}t.current.replaceRange(l,{line:r+4,ch:0},{line:1/0,ch:1/0}),t.current.focus()},fd=(t,o,r,a)=>{const s=Vr(o),c=t.current.getRange({line:r+1,ch:0},{line:1/0,ch:1/0});if(t.current.replaceRange("",{line:r+1,ch:0},{line:1/0,ch:1/0}),t.current.setCursor({line:r,ch:a}),t.current.replaceSelection(`
805
- `),t.current.replaceSelection(s.editedText),o==="Code")r+=2,t.current.setSelection({line:r,ch:0},{line:r,ch:4});else{r+=1;let{ch:l}=t.current.getCursor(),d=l-s.selection.end,m=l-s.selection.end-s.selection.start;t.current.setSelection({line:r,ch:m},{line:r,ch:d})}t.current.replaceRange(c,{line:r+2,ch:0},{line:1/0,ch:1/0}),t.current.focus()},hd=(t,o)=>{const r=t.current.getSelection();let{line:a}=t.current.getCursor(),s=t.current.getLine(a).length;r?gd(t,o,a,s,r):fd(t,o,a,s)},lo=({onToggleExpand:t})=>{const{formatMessage:o}=(0,G.Z)();return e.createElement(j.x,{padding:2,background:"neutral100",hasRadius:!0},e.createElement(Z.k,{justifyContent:"flex-end",alignItems:"flex-end"},e.createElement(od,{id:"expand",onClick:t},e.createElement(q.Z,null,o({id:"components.WysiwygBottomControls.fullscreen",defaultMessage:"Expand"})),e.createElement(Yo.Z,null))))};lo.defaultProps={onToggleExpand(){}},lo.propTypes={onToggleExpand:n().func};var yd=lo,Ed=i(5383),bd=i(20063);const co=({disabled:t,editorRef:o,isExpandMode:r,isPreviewMode:a,onActionClick:s,onToggleMediaLib:c,onTogglePreviewMode:l})=>{const[d,m]=(0,e.useState)(!1),{formatMessage:u}=(0,G.Z)(),p=u({id:"components.Wysiwyg.selectOptions.title",defaultMessage:"Add a title"}),b=(0,e.useRef)(),h=()=>{m(g=>!g)};return t||a?e.createElement(Z.k,{padding:2,background:"neutral100",justifyContent:"space-between"},e.createElement(Gr,null,e.createElement(Oe.P,{disabled:!0,placeholder:p,size:"S",label:p},e.createElement(be.W,{value:"h1"},"h1"),e.createElement(be.W,{value:"h2"},"h2"),e.createElement(be.W,{value:"h3"},"h3"),e.createElement(be.W,{value:"h4"},"h4"),e.createElement(be.W,{value:"h5"},"h5"),e.createElement(be.W,{value:"h6"},"h6")),e.createElement(jr,null,e.createElement(Le,{disabled:!0,id:"Bold",label:"Bold",name:"Bold",icon:e.createElement(gn.Z,null)}),e.createElement(Le,{disabled:!0,id:"Italic",label:"Italic",name:"Italic",icon:e.createElement(fn.Z,null)}),e.createElement(Le,{disabled:!0,id:"Underline",label:"Underline",name:"Underline",icon:e.createElement(yn.Z,null)})),e.createElement(zr,{disabled:!0,id:"more",label:"More",icon:e.createElement(Un.Z,null)})),!r&&e.createElement(ie.z,{onClick:l,variant:"tertiary",id:"preview"},u({id:"components.Wysiwyg.ToggleMode.markdown-mode",defaultMessage:"Markdown mode"}))):e.createElement(Z.k,{padding:2,background:"neutral100",justifyContent:"space-between"},e.createElement(Gr,null,e.createElement(Oe.P,{placeholder:p,label:p,size:"S",onChange:g=>s(g,o)},e.createElement(be.W,{value:"h1"},"h1"),e.createElement(be.W,{value:"h2"},"h2"),e.createElement(be.W,{value:"h3"},"h3"),e.createElement(be.W,{value:"h4"},"h4"),e.createElement(be.W,{value:"h5"},"h5"),e.createElement(be.W,{value:"h6"},"h6")),e.createElement(jr,null,e.createElement(Le,{onClick:()=>s("Bold",o),id:"Bold",label:"Bold",name:"Bold",icon:e.createElement(gn.Z,null)}),e.createElement(Le,{onClick:()=>s("Italic",o),id:"Italic",label:"Italic",name:"Italic",icon:e.createElement(fn.Z,null)}),e.createElement(Le,{onClick:()=>s("Underline",o),id:"Underline",label:"Underline",name:"Underline",icon:e.createElement(yn.Z,null)})),e.createElement(zr,{ref:b,onClick:h,id:"more",label:"More",icon:e.createElement(Un.Z,null)}),d&&e.createElement(Ed.J2,{onDismiss:h,centered:!0,source:b,spacing:4,id:"popover"},e.createElement(Z.k,null,e.createElement(td,null,e.createElement(Le,{onClick:()=>s("Strikethrough",o,h),id:"Strikethrough",label:"Strikethrough",name:"Strikethrough",icon:e.createElement(nr.Z,null)}),e.createElement(Le,{onClick:()=>s("BulletList",o,h),id:"BulletList",label:"BulletList",name:"BulletList",icon:e.createElement(Go.Z,null)}),e.createElement(Le,{onClick:()=>s("NumberList",o,h),id:"NumberList",label:"NumberList",name:"NumberList",icon:e.createElement(bd.Z,null)})),e.createElement(Ce.o,null,e.createElement(Le,{onClick:()=>s("Code",o,h),id:"Code",label:"Code",name:"Code",icon:e.createElement(Qo.Z,null)}),e.createElement(Le,{onClick:()=>{h(),c()},id:"Image",label:"Image",name:"Image",icon:e.createElement(er.Z,null)}),e.createElement(ed,{onClick:()=>s("Link",o,h),id:"Link",label:"Link",name:"Link",icon:e.createElement(_o.Z,null)}),e.createElement(Le,{onClick:()=>s("Quote",o,h),id:"Quote",label:"Quote",name:"Quote",icon:e.createElement(tr.Z,null)}))))),l&&e.createElement(ie.z,{onClick:l,variant:"tertiary",id:"preview"},u({id:"components.Wysiwyg.ToggleMode.preview-mode",defaultMessage:"Preview mode"})))};co.defaultProps={isPreviewMode:!1,onActionClick(){},onToggleMediaLib(){},onTogglePreviewMode:void 0},co.propTypes={disabled:n().bool.isRequired,editorRef:n().shape({current:n().any}).isRequired,isExpandMode:n().bool.isRequired,isPreviewMode:n().bool,onActionClick:n().func,onToggleMediaLib:n().func,onTogglePreviewMode:n().func};var vd=co;const Gr=(0,z.ZP)(Z.k)`
806
- /* Hide the label, every input needs a label. */
807
- label {
808
- border: 0;
809
- clip: rect(0 0 0 0);
810
- height: 1px;
811
- margin: -1px;
812
- overflow: hidden;
813
- padding: 0;
814
- position: absolute;
815
- width: 1px;
816
- }
817
- `,Cd=(0,z.ZP)(j.x)`
818
- svg path {
819
- fill: ${({theme:t})=>t.colors.neutral500};
820
- }
821
- `,Rd=(0,z.ZP)(q.Z)`
822
- line-height: 0;
823
- `,uo=({hint:t,disabled:o,error:r,intlLabel:a,labelAction:s,name:c,onChange:l,placeholder:d,value:m,required:u})=>{const{formatMessage:p}=(0,G.Z)(),b=(0,e.useRef)(null),h=(0,e.useRef)(null),[g,E]=(0,e.useState)(!1),[C,T]=(0,e.useState)(!1),[M,v]=(0,e.useState)(!1),{components:R}=(0,y.yX)(),N=R["media-library"],k=()=>T(A=>!A),I=()=>E(A=>!A),w=()=>{E(!1),v(A=>!A)},O=(A,Y,J)=>{switch(A){case"Link":case"Strikethrough":{Hr(Y,A),J();break}case"Code":case"Quote":{hd(Y,A),J();break}case"Bold":case"Italic":case"Underline":{Hr(Y,A);break}case"BulletList":case"NumberList":{ud(Y,A),J();break}case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":{md(Y,A);break}default:}},P=A=>{const Y=A.map(J=>({alt:J.alternativeText||J.name,url:(0,y.CR)(J.url),mime:J.mime}));pd(h,Y),T(!1)},$=d?p({id:d.id,defaultMessage:d.defaultMessage},{...d.values}):"",H=a.id?p({id:a.id,defaultMessage:a.defaultMessage},{...a.values}):c;return e.createElement(e.Fragment,null,e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(Z.k,{gap:1},e.createElement(q.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral800"},H,u&&e.createElement(Rd,{textColor:"danger600"},"*")),s&&e.createElement(Cd,{paddingLeft:1},s)),e.createElement(io,{isExpandMode:M,error:r,previewContent:m,onCollapse:w},e.createElement(vd,{isExpandMode:M,editorRef:h,isPreviewMode:g,onActionClick:O,onToggleMediaLib:k,onTogglePreviewMode:M?void 0:I,disabled:o}),e.createElement(rd,{disabled:o,isExpandMode:M,editorRef:h,error:r,isPreviewMode:g,name:c,onChange:l,placeholder:$,textareaRef:b,value:m}),!M&&e.createElement(yd,{onToggleExpand:w})),e.createElement(Rc,{hint:t,name:c,error:r})),r&&e.createElement(j.x,{paddingTop:1},e.createElement(q.Z,{variant:"pi",textColor:"danger600","data-strapi-field-error":!0},r)),C&&e.createElement(N,{onClose:k,onSelectAssets:P}))};uo.defaultProps={disabled:!1,error:"",labelAction:void 0,placeholder:null,required:!1,value:"",hint:""},uo.propTypes={hint:n().oneOfType([n().string,n().array]),disabled:n().bool,error:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,name:n().string.isRequired,onChange:n().func.isRequired,placeholder:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),required:n().bool,value:n().string};var Md=uo;function Td(t,o){return r=>{const a=o(r.keys);return e.createElement(t,{...r,...a})}}var Dd=Td,Od=(t,o=!1)=>[{metadatas:{intlLabel:{id:"components.InputSelect.option.placeholder",defaultMessage:"Choose here"},disabled:o,hidden:o},key:"__enum_option_null",value:""},...t.map(r=>({metadatas:{intlLabel:{id:r,defaultMessage:r},hidden:!1,disabled:!1},key:r,value:r}))],Id=i(59578),Pd=i.n(Id),kd=(t="")=>{switch(Pd()(t)){case"boolean":return"bool";case"biginteger":return"text";case"decimal":case"float":case"integer":return"number";case"date":case"datetime":case"time":return t;case"email":return"email";case"enumeration":return"select";case"password":return"password";case"string":return"text";case"text":return"textarea";case"media":case"file":case"files":return"media";case"json":return"json";case"wysiwyg":case"WYSIWYG":case"richtext":return"wysiwyg";case"uid":return"uid";default:return t||"text"}};function xd(t){const{createActionAllowedFields:o,formErrors:r,isCreatingEntry:a,modifiedData:s,onChange:c,readActionAllowedFields:l,shouldNotRunValidations:d,updateActionAllowedFields:m}=(0,y.Wq)(),u=(0,e.useMemo)(()=>a?o:m,[a,o,m]),p=(0,e.useMemo)(()=>a?[]:l,[a,l]),b=L()(s,t,null);return{allowedFields:u,formErrors:r,isCreatingEntry:a,onChange:c,readableFields:p,shouldNotRunValidations:d,value:b}}var Zd=xd,Qr=["type","model","via","collection","default","plugin","enum","regex","pluginOptions"];function mo({allowedFields:t,componentUid:o,fieldSchema:r,formErrors:a,isCreatingEntry:s,keys:c,labelAction:l,metadatas:d,onChange:m,readableFields:u,shouldNotRunValidations:p,queryInfos:b,value:h,size:g,customFieldInputs:E}){const{fields:C}=(0,y.yX)(),{formatMessage:T}=(0,G.Z)(),{contentType:M}=(0,ne.PL)(),v=(0,e.useMemo)(()=>!L()(d,"editable",!0),[d]),{type:R,customField:N}=r,k=L()(a,[c],null),I=(0,e.useMemo)(()=>(0,f.Ts)(c),[c]),w=(0,e.useMemo)(()=>{const K=ql()(r,p?[...Qr,"required","minLength"]:Qr),B=r.regex||null;if(B){const X=new RegExp(B);X&&(K.regex=X)}return K},[r,p]),O=(0,e.useMemo)(()=>L()(w,["required"],!1),[w]),P=(0,e.useMemo)(()=>{const K=L()(M,["attributes"],{});return L()(K,[I[0],"type"],null)==="dynamiczone"},[M,I]),$=kd(R),H=R==="media"&&!h?[]:h,A=(0,e.useMemo)(()=>{const K=I.join(".");if(t.includes(K))return!0;if(P)return t.includes(I[0]);if(I.length>1){const X=wt()(I,I.length-1).join(".");return t.includes(X)}return!1},[t,I,P]),Y=(0,e.useMemo)(()=>{const K=I.join(".");if(u.includes(K))return!0;if(P)return u.includes(I[0]);if(I.length>1){const X=wt()(I,I.length-1).join(".");return u.includes(X)}return!1},[u,I,P]),J=(0,e.useMemo)(()=>Y||A,[A,Y]),_=(0,e.useMemo)(()=>s?v:Y&&!A?!0:v,[v,s,A,Y]),x=(0,e.useMemo)(()=>Od(r.enum||[],O),[r,O]),{label:S,description:D,placeholder:F,visible:W}=d;if(W===!1)return null;if(!J)return e.createElement(y.X0,{description:D?{id:D,defaultMessage:D}:null,intlLabel:{id:S,defaultMessage:S},labelAction:l,error:k&&T(k),name:c,required:O});if(R==="relation")return e.createElement(Cc,{...d,...r,componentUid:o,description:d.description?T({id:d.description,defaultMessage:d.description}):void 0,intlLabel:{id:d.label,defaultMessage:d.label},labelAction:l,isUserAllowedToEditField:A,isUserAllowedToReadField:Y,name:c,placeholder:d.placeholder?{id:d.placeholder,defaultMessage:d.placeholder}:null,queryInfos:b,size:g,value:h,error:k&&T(k)});const Q={uid:ec,media:C.media,wysiwyg:Md,...C,...E};return e.createElement(y.jm,{attribute:r,autoComplete:"new-password",intlLabel:{id:S,defaultMessage:S},isNullable:$==="bool"&&[null,void 0].includes(r.default),description:D?{id:D,defaultMessage:D}:null,disabled:_,error:k,labelAction:l,contentTypeUID:M.uid,customInputs:Q,multiple:r.multiple||!1,name:c,onChange:m,options:x,placeholder:F?{id:F,defaultMessage:F}:null,required:r.required||!1,step:Ld(R),type:N||$,value:H,withDefaultValue:!1})}mo.defaultProps={componentUid:void 0,formErrors:{},labelAction:void 0,size:void 0,value:null,queryInfos:{},customFieldInputs:{}},mo.propTypes={allowedFields:n().array.isRequired,componentUid:n().string,fieldSchema:n().object.isRequired,formErrors:n().object,keys:n().string.isRequired,isCreatingEntry:n().bool.isRequired,labelAction:n().element,metadatas:n().object.isRequired,onChange:n().func.isRequired,readableFields:n().array.isRequired,size:n().number,shouldNotRunValidations:n().bool.isRequired,value:n().any,queryInfos:n().shape({containsKey:n().string,defaultParams:n().object,endPoint:n().string}),customFieldInputs:n().object};const Ld=t=>{switch(t){case"float":case"decimal":return .01;default:return 1}},Ad=(0,e.memo)(mo,Te());var po=Dd(Ad,Zd);const go=({componentUid:t,isFromDynamicZone:o,isNested:r,name:a})=>{const{getComponentLayout:s}=(0,ne.PL)(),l=(0,e.useMemo)(()=>s(t),[t,s]).layouts.edit,{lazyComponentStore:d}=qn();return e.createElement(j.x,{background:o?"":"neutral100",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,hasRadius:r,borderColor:r?"neutral200":""},e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:6},l.map((m,u)=>e.createElement(Re.r,{gap:4,key:u},m.map(({name:p,size:b,metadatas:h,fieldSchema:g,queryInfos:E})=>{const C=g.type==="component",T=`${a}.${p}`;if(C){const M=g.component;return e.createElement(Ee.P,{col:b,s:12,xs:12,key:p},e.createElement(an,{componentUid:M,intlLabel:{id:h.label,defaultMessage:h.label},isNested:!0,isRepeatable:g.repeatable,max:g.max,min:g.min,name:T,required:g.required||!1}))}return e.createElement(Ee.P,{col:b,key:p,s:12,xs:12},e.createElement(po,{componentUid:t,keys:T,fieldSchema:g,metadatas:h,queryInfos:E,size:b,customFieldInputs:d}))})))))};go.defaultProps={isFromDynamicZone:!1,isNested:!1},go.propTypes={componentUid:n().string.isRequired,isFromDynamicZone:n().bool,isNested:n().bool,name:n().string.isRequired};var Sd=go;const Fd=(0,z.ZP)(j.x)`
824
- overflow: hidden;
825
- border-bottom: 1px solid ${({theme:t})=>t.colors.neutral200};
826
- border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
827
- border-left: 1px solid ${({theme:t})=>t.colors.neutral200};
828
- border-radius: 0 0 ${({theme:t})=>t.borderRadius} ${({theme:t})=>t.borderRadius};
829
- `,wd=(0,z.ZP)(j.x)`
830
- border-bottom: none;
831
-
832
- /* add the borders and make sure the top is transparent to avoid jumping with the hover effect */
833
- & > div > div {
834
- border: 1px solid ${({theme:t})=>t.colors.neutral200};
835
- border-top-color: transparent;
836
- }
837
-
838
- /* the top accordion _does_ need a border though */
839
- & > div:first-child > div {
840
- border-top: 1px solid ${({theme:t})=>t.colors.neutral200};
841
- }
842
-
843
- /* Reset all the border-radius' */
844
- & > div > div,
845
- & > div > div > div {
846
- border-radius: unset;
847
- }
848
-
849
- /* Give the border radius back to the first accordion */
850
- & > div:first-child > div,
851
- & > div:first-child > div > div {
852
- border-radius: ${({theme:t})=>t.borderRadius} ${({theme:t})=>t.borderRadius} 0 0;
853
- }
854
-
855
- & > div > div[data-strapi-expanded='true'] {
856
- border: 1px solid ${({theme:t})=>t.colors.primary600};
857
- }
858
- `,fo=({children:t,error:o})=>{const{formatMessage:r}=(0,G.Z)();return e.createElement(Dr.k,{attributeName:"data-strapi-accordion-toggle"},t,o&&e.createElement(j.x,{paddingTop:1},e.createElement(q.Z,{variant:"pi",textColor:"danger600"},r({id:o.id,defaultMessage:o.defaultMessage},{...o.values}))))};fo.defaultProps={error:void 0},fo.propTypes={children:n().node.isRequired,error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object})};var $d=i(41119),Kr=i.n($d);const Bd=z.ZP.span`
859
- display: block;
860
- background-color: ${({theme:t})=>t.colors.primary100};
861
- outline: 1px dashed ${({theme:t})=>t.colors.primary500};
862
- outline-offset: -1px;
863
- padding: ${({theme:t})=>t.spaces[6]};
864
- `;var Nd=()=>e.createElement(Bd,{padding:6,background:"primary100"});const Wd=(0,z.ZP)(Ce.h)`
865
- background-color: transparent;
866
-
867
- svg {
868
- path {
869
- fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:t.colors.neutral600};
870
- }
871
- }
872
-
873
- &:hover {
874
- svg {
875
- path {
876
- fill: ${({theme:t})=>t.colors.primary600};
877
- }
878
- }
879
- }
880
- `,jd=(0,z.ZP)(Z.k)`
881
- & .drag-handle {
882
- background: unset;
883
-
884
- svg {
885
- path {
886
- fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:void 0};
887
- }
888
- }
889
-
890
- &:hover {
891
- svg {
892
- path {
893
- /* keeps the hover style of the accordion */
894
- fill: ${({theme:t})=>t.colors.primary600};
895
- }
896
- }
897
- }
898
- }
899
- `,ho=({componentFieldName:t,componentUid:o,fields:r,index:a,isOpen:s,isReadOnly:c,mainField:l,moveComponentField:d,onClickToggle:m,toggleCollapses:u,onGrabItem:p,onDropItem:b,onCancel:h})=>{const{modifiedData:g,removeRepeatableField:E,triggerFormValidation:C}=(0,y.Wq)(),T=Kr()(L()(g,[...t.split("."),l],"")),M=(0,e.useRef)(null),{formatMessage:v}=(0,G.Z)(),R=t.split(".").slice(0,-1).join("."),[{handlerId:N,isDragging:k,handleKeyDown:I},w,O,P,$]=(0,Ar.Y)(!c,{type:`${f._Q.COMPONENT}_${R}`,index:a,item:{displayedValue:T},onMoveItem:d,onStart(){u()},onEnd(){C()},onGrabItem:p,onDropItem:b,onCancel:h});(0,e.useEffect)(()=>{$((0,xt.rX)(),{captureDraggingState:!1})},[$,a]);const H=(0,f.FE)(M,P),A=(0,f.FE)(w,O),{lazyComponentStore:Y}=qn();return e.createElement(j.x,{ref:A},k?e.createElement(Nd,null):e.createElement(Bn.U,{expanded:s,onToggle:m,id:t,size:"S"},e.createElement(Nn.B,{action:c?null:e.createElement(jd,{gap:0,expanded:s},e.createElement(Wd,{expanded:s,noBorder:!0,onClick:()=>{E(t),u()},label:v({id:(0,f.OB)("containers.Edit.delete"),defaultMessage:"Delete"}),icon:e.createElement(Qe.Z,null)}),e.createElement(Ce.h,{className:"drag-handle",ref:H,forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:J=>J.stopPropagation(),"data-handler-id":N,label:v({id:(0,f.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:I},e.createElement(rt.Z,null))),title:T,togglePosition:"left"}),e.createElement(Wn.v,null,e.createElement(Z.k,{direction:"column",alignItems:"stretch",background:"neutral100",padding:6,gap:6},r.map((J,_)=>e.createElement(Re.r,{gap:4,key:_},J.map(({name:x,fieldSchema:S,metadatas:D,queryInfos:F,size:W})=>{const Q=S.type==="component",K=`${t}.${x}`;if(Q){const B=S.component;return e.createElement(Ee.P,{col:W,s:12,xs:12,key:x},e.createElement(an,{componentUid:B,intlLabel:{id:D.label,defaultMessage:D.label},isRepeatable:S.repeatable,isNested:!0,name:K,max:S.max,min:S.min,required:S.required}))}return e.createElement(Ee.P,{key:K,col:W,s:12,xs:12},e.createElement(po,{componentUid:o,fieldSchema:S,keys:K,metadatas:D,queryInfos:F,size:W,customFieldInputs:Y}))})))))))};ho.defaultProps={componentUid:void 0,fields:[],isReadOnly:!1,isOpen:!1,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0,toggleCollapses(){}},ho.propTypes={componentFieldName:n().string.isRequired,componentUid:n().string,fields:n().array,index:n().number.isRequired,isOpen:n().bool,isReadOnly:n().bool,mainField:n().string.isRequired,moveComponentField:n().func.isRequired,onGrabItem:n().func,onDropItem:n().func,onCancel:n().func,onClickToggle:n().func.isRequired,toggleCollapses:n().func};var zd=(0,e.memo)(ho);function Ud(t,o={}){return Object.keys(o).filter(r=>r.startsWith(t)).map(r=>r.split(".").slice(0,t.split(".").length+1).join("."))}const Vd=(0,z.ZP)(Zr.A)`
900
- height: 100%;
901
- width: 100%;
902
- border-radius: 0 0 4px 4px;
903
- display: flex;
904
- justify-content: center;
905
- span {
906
- font-weight: 600;
907
- font-size: 14px;
908
- }
909
- `,yo=({componentUid:t,componentValue:o,componentValueLength:r,isReadOnly:a,max:s,min:c,name:l})=>{const{addRepeatableComponentToField:d,formErrors:m,moveComponentField:u}=(0,y.Wq)(),p=(0,y.lm)(),{formatMessage:b}=(0,G.Z)(),[h,g]=(0,e.useState)(""),[E,C]=(0,e.useState)(""),{getComponentLayout:T,components:M}=(0,ne.PL)(),v=(0,e.useMemo)(()=>T(t),[t,T]),R=(0,e.useMemo)(()=>(0,f.Uo)(o||[])+1,[o]),N=Ud(l,m),k=c-r,I=L()(m,l,{id:""}).id.includes("min"),w=()=>{g("")},O=()=>{a||(r<s?(d(l,v,M,I),g(R)):r>=s&&p({type:"info",message:{id:(0,f.OB)("components.notification.info.maximum-requirement")}}))},P=(D,F)=>{C(b({id:(0,f.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${l}.${F}`,position:A(D)})),u({name:l,newIndex:D,currentIndex:F})},$=L()(v,["settings","mainField"],"id"),H=D=>()=>{g(h===D?"":D)},A=D=>`${D+1} of ${r}`,Y=D=>{C(b({id:(0,f.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${l}.${D}`}))},J=D=>{C(b({id:(0,f.OB)("dnd.grab-item"),defaultMessage:"{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel."},{item:`${l}.${D}`,position:A(D)}))},_=D=>{C(b({id:(0,f.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${l}.${D}`,position:A(D)}))};let x=m[l];if(I?x={id:(0,f.OB)("components.DynamicZone.missing-components"),defaultMessage:"There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}",values:{number:k}}:N.some(D=>D.split(".").length>1)&&!I&&(x={id:(0,f.OB)("components.RepeatableComponent.error-message"),defaultMessage:"The component(s) contain error(s)"}),r===0)return e.createElement(Ir,{error:x,isReadOnly:a,onClick:O});const S=`${l}-item-instructions`;return e.createElement(j.x,{hasRadius:!0},e.createElement(pt.T,{id:S},b({id:(0,f.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),e.createElement(pt.T,{"aria-live":"assertive"},E),e.createElement(fo,{error:x,ariaDescribedBy:S},e.createElement(wd,{"aria-describedby":S},o.map(({__temp_key__:D},F)=>e.createElement(zd,{componentFieldName:`${l}.${F}`,componentUid:t,fields:v.layouts.edit,key:D,index:F,isOpen:h===D,isReadOnly:a,mainField:$,moveComponentField:P,onClickToggle:H(D),toggleCollapses:w,onCancel:Y,onDropItem:_,onGrabItem:J}))),e.createElement(Fd,null,e.createElement(Z.k,{justifyContent:"center",height:"48px",background:"neutral0"},e.createElement(Vd,{disabled:a,onClick:O,startIcon:e.createElement(Ct.Z,null)},b({id:(0,f.OB)("containers.EditView.add.new-entry"),defaultMessage:"Add an entry"}))))))};yo.defaultProps={componentValue:null,componentValueLength:0,isReadOnly:!1,max:1/0,min:0},yo.propTypes={componentUid:n().string.isRequired,componentValue:n().oneOfType([n().array,n().object]),componentValueLength:n().number,isReadOnly:n().bool,max:n().number,min:n().number,name:n().string.isRequired};var qd=(0,e.memo)(yo);const Hd=(0,z.ZP)(j.x)`
910
- svg path {
911
- fill: ${({theme:t})=>t.colors.neutral500};
912
- }
913
- `,Eo=({intlLabel:t,id:o,labelAction:r,name:a,numberOfEntries:s,showNumberOfEntries:c,required:l})=>{const{formatMessage:d}=(0,G.Z)(),m=t?.id?d(t):a;return e.createElement(j.x,{paddingBottom:1},e.createElement(Z.k,null,e.createElement(q.Z,{textColor:"neutral800",htmlFor:o||a,variant:"pi",fontWeight:"bold",as:"label"},m,c&&e.createElement(e.Fragment,null,"\xA0(",s,")"),l&&e.createElement(q.Z,{textColor:"danger600"},"*")),r&&e.createElement(Hd,{paddingLeft:1},r)))};Eo.defaultProps={id:void 0,labelAction:void 0,numberOfEntries:0,required:!1,showNumberOfEntries:!1},Eo.propTypes={id:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,name:n().string.isRequired,numberOfEntries:n().number,required:n().bool,showNumberOfEntries:n().bool};var Gd=Eo;function Qd(t,o){return r=>{const a=o(r);return e.createElement(t,{...r,...a})}}var Kd=Qd;function Yd({isFromDynamicZone:t,name:o}){const{addNonRepeatableComponentToField:r,createActionAllowedFields:a,isCreatingEntry:s,modifiedData:c,removeComponentFromField:l,readActionAllowedFields:d,updateActionAllowedFields:m,formErrors:u}=(0,y.Wq)(),{contentType:p}=(0,ne.PL)(),b=(0,e.useMemo)(()=>{const v=L()(p,["attributes"],{});return Object.keys(v).filter(N=>L()(v,[N,"type"],"")==="dynamiczone")},[p]),h=(0,e.useMemo)(()=>s?a:m,[s,a,m]),g=L()(c,o,null),E=(0,e.useMemo)(()=>(0,f.Ts)(o),[o]),C=(0,e.useMemo)(()=>t&&s||h.filter(N=>N===E[0]).length>0?!0:h.map(N=>N.split(".")).filter(N=>N.length<E.length?!1:wt()(N,E.length).join(".")===E.join(".")).length>0,[t,s,h,E]),T=(0,e.useMemo)(()=>t||b.includes(E[0])?!0:(s?[]:d).map(N=>N.split(".")).filter(N=>N.length<E.length?!1:wt()(N,E.length).join(".")===E.join(".")).length>0,[t,b,E,s,d]),M=(0,e.useMemo)(()=>s||C?!1:T,[C,T,s]);return{addNonRepeatableComponentToField:r,formErrors:u,hasChildrenAllowedFields:C,hasChildrenReadableFields:T,isCreatingEntry:s,isReadOnly:M,removeComponentFromField:l,componentValue:g}}var Xd=Yd;const bo=({addNonRepeatableComponentToField:t,componentUid:o,intlLabel:r,isCreatingEntry:a,isFromDynamicZone:s,isRepeatable:c,isNested:l,labelAction:d,max:m,min:u,name:p,hasChildrenAllowedFields:b,hasChildrenReadableFields:h,isReadOnly:g,componentValue:E,removeComponentFromField:C,required:T})=>{const{formatMessage:M}=(0,G.Z)(),v=zl()(E),R=E!==null||s,N=!c&&R&&!s&&b,{getComponentLayout:k,components:I}=(0,ne.PL)(),w=(0,e.useMemo)(()=>k(o),[o,k]);if(!b&&a)return e.createElement(y.X0,{labelAction:d,intlLabel:r,name:p});if(!b&&!a&&!h)return e.createElement(y.X0,{labelAction:d,intlLabel:r,name:p});const O=()=>{t(p,w,I)};return e.createElement(j.x,null,e.createElement(Z.k,{justifyContent:"space-between"},r&&e.createElement(Gd,{intlLabel:r,labelAction:d,name:p,numberOfEntries:v,showNumberOfEntries:c,required:T}),N&&e.createElement(Ce.h,{label:M({id:(0,f.OB)("components.reset-entry"),defaultMessage:"Reset Entry"}),icon:e.createElement(Qe.Z,null),noBorder:!0,onClick:()=>{C(p,o)}})),e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:1},!c&&!R&&e.createElement(Ir,{isReadOnly:g,onClick:O}),!c&&R&&e.createElement(Sd,{componentUid:o,isFromDynamicZone:s,isNested:l,name:p}),c&&e.createElement(qd,{componentValue:E,componentValueLength:v,componentUid:o,isReadOnly:g,max:m,min:u,name:p})))};bo.defaultProps={componentValue:null,hasChildrenAllowedFields:!1,hasChildrenReadableFields:!1,intlLabel:void 0,isFromDynamicZone:!1,isReadOnly:!1,isRepeatable:!1,isNested:!1,labelAction:void 0,max:1/0,min:-1/0,required:!1},bo.propTypes={addNonRepeatableComponentToField:n().func.isRequired,componentUid:n().string.isRequired,componentValue:n().oneOfType([n().object,n().array]),hasChildrenAllowedFields:n().bool,hasChildrenReadableFields:n().bool,isCreatingEntry:n().bool.isRequired,isFromDynamicZone:n().bool,isReadOnly:n().bool,isRepeatable:n().bool,isNested:n().bool,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),labelAction:n().element,max:n().number,min:n().number,name:n().string.isRequired,removeComponentFromField:n().func.isRequired,required:n().bool};const Jd=(0,e.memo)(bo,Te());var an=Kd(Jd,Xd);const vo=({componentUid:t,formErrors:o,index:r,isFieldAllowed:a,name:s,onRemoveComponentClick:c,onMoveComponent:l,onGrabItem:d,onDropItem:m,onCancel:u,dynamicComponentsByCategory:p,onAddComponent:b})=>{const[h,g]=(0,e.useState)(!0),{formatMessage:E}=(0,G.Z)(),{getComponentLayout:C}=(0,ne.PL)(),{modifiedData:T}=(0,y.Wq)(),{icon:M,friendlyName:v,mainValue:R}=(0,e.useMemo)(()=>{const x=C(t),{info:{icon:S,displayName:D}}=x,F=L()(x,["settings","mainField"],"id"),W=L()(T,[s,r,F])??"",Q=F==="id"?"":String(W).trim(),K=Q.length>0?` - ${Q}`:Q;return{friendlyName:D,icon:S,mainValue:K}},[t,C,T,s,r]),N=Object.keys(o).filter(x=>{const S=x.split(".");return`${S[0]}.${S[1]}`==`${s}.${r}`});let k;N.length>0&&(k=E({id:(0,f.OB)("components.DynamicZone.error-message"),defaultMessage:"The component contains error(s)"}));const I=()=>{g(x=>!x)},[{handlerId:w,isDragging:O,handleKeyDown:P},$,H,A,Y]=(0,ne.Y9)(a,{type:`${f._Q.DYNAMIC_ZONE}_${s}`,index:r,item:{displayedValue:`${v}${R}`,icon:M},onMoveItem:l,onGrabItem:d,onDropItem:m,onCancel:u});(0,e.useEffect)(()=>{Y((0,xt.rX)(),{captureDraggingState:!1})},[Y,r]);const J=(0,f.FE)($,H),_=a?e.createElement(_d,{gap:0,expanded:h},e.createElement(eu,{noBorder:!0,label:E({id:(0,f.OB)("components.DynamicZone.delete-label"),defaultMessage:"Delete {name}"},{name:v}),onClick:c},e.createElement(Qe.Z,null)),e.createElement(Ce.h,{forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:x=>x.stopPropagation(),"data-handler-id":w,ref:A,label:E({id:(0,f.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:P},e.createElement(rt.Z,null)),e.createElement(We.fC,null,e.createElement(We.xz,{size:"S",endIcon:void 0,paddingLeft:2,paddingRight:2},e.createElement(Un.Z,{"aria-hidden":!0,focusable:!1}),e.createElement(pt.T,{as:"span"},E({id:(0,f.OB)("components.DynamicZone.more-actions"),defaultMessage:"More actions"}))),e.createElement(We.VY,null,e.createElement(We.rl,null,e.createElement(We.fF,null,E({id:(0,f.OB)("components.DynamicZone.add-item-above"),defaultMessage:"Add component above"})),e.createElement(We.tu,null,Object.entries(p).map(([x,S])=>e.createElement(e.Fragment,{key:x},e.createElement(We.__,null,x),S.map(({componentUid:D,info:{displayName:F}})=>e.createElement(Or.sN,{key:D,onSelect:()=>b(D,r)},F)))))),e.createElement(We.rl,null,e.createElement(We.fF,null,E({id:(0,f.OB)("components.DynamicZone.add-item-below"),defaultMessage:"Add component below"})),e.createElement(We.tu,null,Object.entries(p).map(([x,S])=>e.createElement(e.Fragment,{key:x},e.createElement(We.__,null,x),S.map(({componentUid:D,info:{displayName:F}})=>e.createElement(Or.sN,{key:D,onSelect:()=>b(D,r+1)},F))))))))):null;return e.createElement(au,{as:"li",width:"100%"},e.createElement(Z.k,{justifyContent:"center"},e.createElement(ou,{background:"neutral200"})),e.createElement(tu,{ref:J,hasRadius:!0},O?e.createElement(ru,{padding:6,background:"primary100"}):e.createElement(Bn.U,{expanded:h,onToggle:I,size:"S",error:k},e.createElement(Nn.B,{startIcon:e.createElement(Lt,{icon:M,showBackground:!1,size:"S"}),action:_,title:`${v}${R}`,togglePosition:"left"}),e.createElement(Wn.v,null,e.createElement(nu,{background:"neutral0"},e.createElement(an,{componentUid:t,icon:M,name:`${s}.${r}`,isFromDynamicZone:!0}))))))},_d=(0,z.ZP)(Z.k)`
914
- /*
915
- we need to remove the background from the button but we can't
916
- wrap the element in styled because it breaks the forwardedAs which
917
- we need for drag handler to work on firefox
918
- */
919
- div[role='button'] {
920
- background: transparent;
921
- }
922
- `,eu=(0,z.ZP)(Ce.h)`
923
- background-color: transparent;
924
-
925
- svg path {
926
- fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:t.colors.neutral600};
927
- }
928
- `,tu=(0,z.ZP)(j.x)`
929
- > div:first-child {
930
- box-shadow: ${({theme:t})=>t.shadows.tableShadow};
931
- }
932
- `,nu=(0,z.ZP)(j.x)`
933
- border-radius: 0 0 ${({theme:t})=>t.spaces[1]} ${({theme:t})=>t.spaces[1]};
934
- `,ou=(0,z.ZP)(j.x)`
935
- width: ${({theme:t})=>t.spaces[2]};
936
- height: ${({theme:t})=>t.spaces[4]};
937
- `,ru=z.ZP.span`
938
- display: block;
939
- background-color: ${({theme:t})=>t.colors.primary100};
940
- outline: 1px dashed ${({theme:t})=>t.colors.primary500};
941
- outline-offset: -1px;
942
- padding: ${({theme:t})=>t.spaces[6]};
943
- `,au=(0,z.ZP)(j.x)`
944
- list-style: none;
945
- padding: 0;
946
- margin: 0;
947
- `;vo.defaultProps={dynamicComponentsByCategory:{},formErrors:{},index:0,isFieldAllowed:!0,onAddComponent:void 0,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0},vo.propTypes={componentUid:n().string.isRequired,dynamicComponentsByCategory:n().shape({components:n().arrayOf(n().shape({componentUid:n().string.isRequired,info:n().object}))}),formErrors:n().object,index:n().number,isFieldAllowed:n().bool,name:n().string.isRequired,onAddComponent:n().func,onGrabItem:n().func,onDropItem:n().func,onCancel:n().func,onMoveComponent:n().func.isRequired,onRemoveComponentClick:n().func.isRequired};const Co=({label:t,labelAction:o,name:r,numberOfComponents:a,required:s,intlDescription:c})=>{const{formatMessage:l}=(0,G.Z)(),d=l({id:t||r,defaultMessage:t||r});return e.createElement(Z.k,{justifyContent:"center"},e.createElement(j.x,{paddingTop:3,paddingBottom:3,paddingRight:4,paddingLeft:4,borderRadius:26,background:"neutral0",shadow:"filterShadow",color:"neutral500"},e.createElement(Z.k,{direction:"column",justifyContent:"center"},e.createElement(Z.k,{maxWidth:(0,y.Q1)(356)},e.createElement(q.Z,{variant:"pi",textColor:"neutral600",fontWeight:"bold",ellipsis:!0},d,"\xA0"),e.createElement(q.Z,{variant:"pi",textColor:"neutral600",fontWeight:"bold"},"(",a,")"),s&&e.createElement(q.Z,{textColor:"danger600"},"*"),o&&e.createElement(j.x,{paddingLeft:1},o)),c&&e.createElement(j.x,{paddingTop:1,maxWidth:(0,y.Q1)(356)},e.createElement(q.Z,{variant:"pi",textColor:"neutral600",ellipsis:!0},l(c))))))};Co.defaultProps={intlDescription:void 0,label:"",labelAction:void 0,numberOfComponents:0,required:!1},Co.propTypes={intlDescription:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired}),label:n().string,labelAction:n().element,name:n().string.isRequired,numberOfComponents:n().number,required:n().bool};const Ro=({name:t,labelAction:o,fieldSchema:r,metadatas:a})=>{const{max:s=1/0,min:c=-1/0,components:l=[],required:d=!1}=r,[m,u]=(0,e.useState)(!1),[p,b]=(0,e.useState)(""),{addComponentToDynamicZone:h,createActionAllowedFields:g,isCreatingEntry:E,formErrors:C,modifiedData:T,moveComponentField:M,removeComponentFromDynamicZone:v,readActionAllowedFields:R,updateActionAllowedFields:N}=(0,y.Wq)(),k=(0,e.useMemo)(()=>(T?.[t]??[]).map(V=>({componentUid:V.__component,id:V.id??V.__temp_key__})),[T,t]),{getComponentLayout:I,components:w}=(0,ne.PL)(),O=(0,e.useMemo)(()=>l.reduce((V,fe)=>{const{category:he,info:we,attributes:Ye}=I(fe),le={componentUid:fe,info:we,attributes:Ye};return V[he]||(V[he]=[]),V[he]=[...V[he],le],V},{}),[l,I]),{formatMessage:P}=(0,G.Z)(),$=(0,y.lm)(),H=(0,e.useMemo)(()=>(E?g:N).includes(t),[t,E,g,N]),A=(0,e.useMemo)(()=>(E?[]:R).includes(t),[t,E,R]),Y=k.length,J=a.description?{id:a.description,defaultMessage:a.description}:null,_=C[t],x=c-Y,S=!!_,D=(V,fe)=>{u(!1);const he=I(V);h(t,he,w,S,fe)},F=()=>{Y<s?u(V=>!V):$({type:"info",message:{id:(0,f.OB)("components.notification.info.maximum-requirement")}})},W=(V,fe)=>{b(P({id:(0,f.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${t}.${fe}`,position:Q(V)})),M({name:t,newIndex:V,currentIndex:fe})},Q=V=>`${V+1} of ${k.length}`,K=V=>{b(P({id:(0,f.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${t}.${V}`}))},B=V=>{b(P({id:(0,f.OB)("dnd.grab-item"),defaultMessage:"{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel."},{item:`${t}.${V}`,position:Q(V)}))},X=V=>{b(P({id:(0,f.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${t}.${V}`,position:Q(V)}))},ge=(V,fe)=>()=>{v(V,fe)},re=()=>m?P({id:"app.utils.close-label",defaultMessage:"Close"}):S&&_.id.includes("max")?P({id:"components.Input.error.validation.max",defaultMessage:"The value is too high."}):S&&_.id.includes("min")?P({id:(0,f.OB)("components.DynamicZone.missing-components"),defaultMessage:"There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}"},{number:x}):P({id:(0,f.OB)("components.DynamicZone.add-component"),defaultMessage:"Add a component to {componentName}"},{componentName:a.label||t});if(!H&&(E||!A&&!E))return e.createElement(y.X0,{description:J,intlLabel:{id:a.label,defaultMessage:a.label},labelAction:o,name:t});const U=`${t}-item-instructions`;return e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:6},Y>0&&e.createElement(j.x,null,e.createElement(Co,{intlDescription:J,label:a.label,labelAction:o,name:t,numberOfComponents:Y,required:d}),e.createElement(pt.T,{id:U},P({id:(0,f.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),e.createElement(pt.T,{"aria-live":"assertive"},p),e.createElement("ol",{"aria-describedby":U},k.map(({componentUid:V,id:fe},he)=>e.createElement(vo,{componentUid:V,formErrors:C,key:`${V}-${fe}`,index:he,isFieldAllowed:H,name:t,onMoveComponent:W,onRemoveComponentClick:ge(t,he),onCancel:K,onDropItem:X,onGrabItem:B,onAddComponent:D,dynamicComponentsByCategory:O})))),e.createElement(Z.k,{justifyContent:"center"},e.createElement(wn,{hasError:S,isDisabled:!H,isOpen:m,onClick:F},re())),e.createElement(zn,{dynamicComponentsByCategory:O,isOpen:m,onClickAddComponent:D}))};Ro.defaultProps={fieldSchema:{},labelAction:null},Ro.propTypes={fieldSchema:n().shape({components:n().array,max:n().number,min:n().number,required:n().bool}),labelAction:n().element,metadatas:n().shape({description:n().string,label:n().string}).isRequired,name:n().string.isRequired};var su=i(86834),Fe=i.n(su),Yr=i(12788),Mo=i(99526),iu=i(10268),Xr=i.n(iu),lu=i(56236),cu=i.n(lu),du=i(77236),uu=i.n(du),mu=i(85973),pu=i.n(mu);const gu=({browserState:t,serverState:o},r,a)=>{const s=o,c=t,l=(u,p)=>L()(u,["attributes",p,"type"],""),d=(u,p)=>L()(u,["attributes",...p],""),m=(u,p,b,h)=>Object.keys(u).reduce((g,E)=>{const C=h?`${h}.${E}`:E,T=l(b,E),M=L()(u,E),v=L()(p,E),R=d(b,[E,"component"]),N=d(b,[E,"repeatable"]);let k;switch(T){case"json":k=JSON.parse(M);break;case"time":{k=M,M&&M.split(":").length<3&&(k=`${M}:00`);break}case"media":d(b,[E,"multiple"])===!0?k=M?M.filter(I=>!(I instanceof File)):null:k=L()(M,0)instanceof File?null:L()(M,"id",null);break;case"component":N?k=M&&M.map((I,w)=>m(I,(v??[])[w],a[R],`${C}.${w}`)):k=M&&m(M,v,a[R],C);break;case"relation":{const I=xr(s,c)(C).join(".");let w=L()(s,I,[]);const O=M.reduce(($,H,A,Y)=>{const J=w.find(x=>x.id===H.id),_=Y[A+1];if(!J||J.__temp_key__!==H.__temp_key__){const x=_?{before:_.id}:{end:!0};return[...$,{id:H.id,position:x}]}return $},[]);k={disconnect:w.reduce(($,H)=>M.find(A=>A.id===H.id)?$:[...$,{id:H.id}],[]),connect:O.reverse()};break}case"dynamiczone":k=M.map((I,w)=>m(I,(v??[])[w],a[I.__component],`${C}.${w}`));break;default:k=fu(M,"id")}return g[E]=k,g},{});return m(t,o,r,"")},fu=(t,o)=>uu()(t)?t.map(r=>r[o]?r[o]:r):pu()(t)?t[o]:t;var hu=gu;const sn=(t,o=()=>!1,r=void 0)=>{const a=(s,c,{ignoreFalseyValues:l=!1,path:d=[],parent:m=c}={})=>Object.entries(c).reduce((u,[p,b])=>{if(l&&(u==null||u[p]===void 0||u[p]===null))return u;if(o(b,{path:[...d,p],parent:m})&&(u[p]=typeof r=="function"?r(u[p],{path:[...d,p],parent:u}):r),b.type==="component"){const h=t[b.component].attributes;!b.repeatable&&u[p]&&typeof u[p]=="object"?u[p]=a(u[p],h,{ignoreFalseyValues:l,path:[...d,p],parent:c[p]}):b.repeatable&&Array.isArray(u[p])&&(u[p]=u[p].map((g,E)=>a(g,h,{ignoreFalseyValues:l,path:[...d,p,E],parent:c[p]})))}else b.type==="dynamiczone"&&Array.isArray(u[p])&&(u[p]=u[p].map((h,g)=>{const E=t[h.__component].attributes;return a(h,E,{ignoreFalseyValues:l,path:[...d,p,g],parent:c[p]})}));return u},{...s});return a};var Jr=(t,o,r,a)=>{const s=t.slice();return s.splice(o,1),s.splice(r,0,a),s};const yu={componentsDataStructure:{},contentTypeDataStructure:{},formErrors:{},initialData:{},modifiedData:null,shouldCheckErrors:!1,modifiedDZName:null,publishConfirmation:{show:!1,draftCount:0}};var Eu=(t,o)=>(0,In.ZP)(t,r=>{switch(o.type){case"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD":{const{componentLayoutData:a,allComponents:s}=o,c={...t.componentsDataStructure[a.uid]},d=sn(s,m=>m.type==="relation",[])(c,a.attributes);se()(r,["modifiedData",...o.keys],d);break}case"ADD_COMPONENT_TO_DYNAMIC_ZONE":case"ADD_REPEATABLE_COMPONENT_TO_FIELD":{const{keys:a,allComponents:s,componentLayoutData:c,shouldCheckErrors:l,position:d=void 0}=o;l&&(r.shouldCheckErrors=!t.shouldCheckErrors),o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"&&(r.modifiedDZName=a[0]);const m=[...L()(t,["modifiedData",...a],[])];let u=d;u===void 0?u=m.length:u<0&&(u=0);const p=o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"?{...t.componentsDataStructure[c.uid],__component:c.uid,__temp_key__:(0,f.Uo)(m)+1}:{...t.componentsDataStructure[c.uid],__temp_key__:(0,f.Uo)(m)+1},h=sn(s,g=>g.type==="relation",[])(p,c.attributes);m.splice(u,0,h),se()(r,["modifiedData",...a],m);break}case"LOAD_RELATION":{const{initialDataPath:a,modifiedDataPath:s,value:c}=o,l=L()(t,a),d=L()(t,s),m=l?c.filter(b=>!l.some(h=>h.id===b.id)):c,u=(0,Mo.zJ)(null,d[0]?.__temp_key__,m.length),p=m.map((b,h)=>({...b,__temp_key__:u[h]}));se()(r,a,Xr()([...p,...l],"id")),se()(r,s,Xr()([...p,...d],"id"));break}case"CONNECT_RELATION":{const a=["modifiedData",...o.keys],{value:s,toOneRelation:c}=o;if(c)se()(r,a,[s]);else{const l=L()(t,a),[d]=(0,Mo.zJ)(l.at(-1)?.__temp_key__,null,1),m=[...l,{...s,__temp_key__:d}];se()(r,a,m)}break}case"DISCONNECT_RELATION":{const a=["modifiedData",...o.keys],{id:s}=o,l=L()(t,[...a]).filter(d=>d.id!==s);se()(r,a,l);break}case"MOVE_COMPONENT_FIELD":case"REORDER_RELATION":{const{oldIndex:a,newIndex:s,keys:c}=o,l=["modifiedData",...c],d=L()(t,[...l]),m=d[a],u=[...d];if(o.type==="REORDER_RELATION"){const p=a>s?d[s-1]?.__temp_key__:d[s]?.__temp_key__,b=a>s?d[s]?.__temp_key__:d[s+1]?.__temp_key__,[h]=(0,Mo.zJ)(p,b,1);u.splice(a,1),u.splice(s,0,{...m,__temp_key__:h})}else u.splice(a,1),u.splice(s,0,m);se()(r,l,u);break}case"INIT_FORM":{const{initialValues:a,components:s={},attributes:c={},setModifiedDataOnly:l}=o,d=Ze()(a),u=sn(s,h=>h.type==="relation",(h,{path:g})=>t.modifiedData?.id===d.id&&L()(t.modifiedData,g)?L()(t.modifiedData,g):[])(d,c),b=sn(s,h=>h.type==="dynamiczone"||h.type==="component"&&!h.repeatable,h=>Array.isArray(h)?h.map((g,E)=>({...g,__temp_key__:E})):{...h,__temp_key__:0})(u,c,{ignoreFalseyValues:!0});l||(r.initialData=b),r.modifiedData=b,r.formErrors={},r.modifiedDZName=null,r.shouldCheckErrors=!1;break}case"MOVE_COMPONENT_UP":case"MOVE_COMPONENT_DOWN":{const{currentIndex:a,dynamicZoneName:s,shouldCheckErrors:c}=o;c&&(r.shouldCheckErrors=!t.shouldCheckErrors);const l=t.modifiedData[s],d=o.type==="MOVE_COMPONENT_UP"?a-1:a+1,m=t.modifiedData[s][a],u=Jr(l,a,d,m);se()(r,["modifiedData",o.dynamicZoneName],u);break}case"MOVE_FIELD":{const a=L()(t,["modifiedData",...o.keys],[]).slice(),s=L()(t,["modifiedData",...o.keys,o.dragIndex]),c=Jr(a,o.dragIndex,o.overIndex,s);se()(r,["modifiedData",...o.keys],c);break}case"ON_CHANGE":{const[a]=o.keys;if(o.shouldSetInitialValue&&se()(r,["initialData",...o.keys],o.value),o.keys.length===2&&L()(t,["modifiedData",a])===null){se()(r,["modifiedData",a],{[o.keys[1]]:o.value});break}se()(r,["modifiedData",...o.keys],o.value);break}case"REMOVE_COMPONENT_FROM_DYNAMIC_ZONE":{o.shouldCheckErrors&&(r.shouldCheckErrors=!t.shouldCheckErrors),r.modifiedData[o.dynamicZoneName].splice(o.index,1);break}case"REMOVE_COMPONENT_FROM_FIELD":{const a=["modifiedData",...o.keys];se()(r,a,null);break}case"REMOVE_PASSWORD_FIELD":{cu()(r,["modifiedData",...o.keys]);break}case"REMOVE_REPEATABLE_FIELD":{const a=o.keys.length-1,s=["modifiedData",...wt()(o.keys,a)];Object.keys(t.formErrors).length>0&&(r.shouldCheckErrors=!t.shouldCheckErrors);const l=L()(t,s).slice();l.splice(parseInt(o.keys[a],10),1),se()(r,s,l);break}case"SET_DEFAULT_DATA_STRUCTURES":{r.componentsDataStructure=o.componentsDataStructure,r.contentTypeDataStructure=o.contentTypeDataStructure;break}case"SET_FORM_ERRORS":{r.modifiedDZName=null,r.formErrors=o.errors;break}case"TRIGGER_FORM_VALIDATION":{Object.keys(t.formErrors).length>0&&(r.shouldCheckErrors=!t.shouldCheckErrors);break}case"SET_PUBLISH_CONFIRMATION":{r.publishConfirmation={...o.publishConfirmation};break}case"RESET_PUBLISH_CONFIRMATION":{r.publishConfirmation={...t.publishConfirmation,show:!1};break}default:return r}});const To=({allLayoutData:t,allowedActions:{canRead:o,canUpdate:r},children:a,componentsDataStructure:s,contentTypeDataStructure:c,createActionAllowedFields:l,from:d,initialValues:m,isCreatingEntry:u,isLoadingForData:p,isSingleType:b,onPost:h,onPublish:g,onDraftRelationCheck:E,onPut:C,onUnpublish:T,readActionAllowedFields:M,redirectToPreviousPage:v,slug:R,status:N,updateActionAllowedFields:k})=>{const[I,w]=e.useState(!1),[O,P]=(0,e.useReducer)(Eu,yu),{formErrors:$,initialData:H,modifiedData:A,modifiedDZName:Y,shouldCheckErrors:J,publishConfirmation:_}=O,{setModifiedDataOnly:x}=(0,de.v9)(An),S=(0,de.I0)(),D=(0,y.lm)(),{lockApp:F,unlockApp:W}=(0,y.o1)(),Q=L()(t,["contentType"],{}),K=(0,e.useMemo)(()=>L()(Q,["options","draftAndPublish"],!1),[Q]),B=(0,e.useMemo)(()=>K&&!H.publishedAt,[K,H.publishedAt]),{trackUsage:X}=(0,y.rS)(),{formatMessage:ge}=(0,G.Z)(),re=(0,e.useRef)(X),U=(0,e.useMemo)(()=>p||u?!1:o===!1&&r===!1,[p,u,o,r]);(0,e.useEffect)(()=>{N==="resolved"?W():F()},[F,W,N]),(0,e.useEffect)(()=>{p||tt()},[J]),(0,e.useEffect)(()=>{const oe=Object.keys($);if(oe.length>0){const te=oe[0],ce=document.getElementById(te);ce&&ce.focus()}},[$]),(0,e.useEffect)(()=>{U&&D({type:"info",message:{id:(0,f.OB)("permissions.not-allowed.update")}})},[U,D]),(0,e.useEffect)(()=>{P({type:"SET_DEFAULT_DATA_STRUCTURES",componentsDataStructure:s,contentTypeDataStructure:c})},[s,c]);const{components:V}=t,fe=(0,ne.zH)(m);(0,e.useEffect)(()=>{m&&Q?.attributes&&!Te()(fe,m)&&(P({type:"INIT_FORM",initialValues:m,components:V,attributes:Q.attributes,setModifiedDataOnly:x}),x&&S(wl()))},[m,Q,V,x,S,fe]);const he=(0,e.useCallback)(oe=>(te,ce,Se,yt=!1,Vt=void 0)=>{re.current("didAddComponentToDynamicZone"),P({type:oe,keys:te.split("."),position:Vt,componentLayoutData:ce,allComponents:Se,shouldCheckErrors:yt})},[]),we=he("ADD_COMPONENT_TO_DYNAMIC_ZONE"),Ye=(0,e.useCallback)((oe,te,ce)=>{P({type:"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD",keys:oe.split("."),componentLayoutData:te,allComponents:ce})},[]),le=(0,e.useCallback)(({name:oe,value:te,toOneRelation:ce})=>{P({type:"CONNECT_RELATION",keys:oe.split("."),value:te,toOneRelation:ce})},[]),Pe=(0,e.useCallback)(({target:{initialDataPath:oe,modifiedDataPath:te,value:ce,modifiedDataOnly:Se}})=>{P({type:"LOAD_RELATION",modifiedDataPath:te,initialDataPath:oe,value:ce,modifiedDataOnly:Se})},[]),je=he("ADD_REPEATABLE_COMPONENT_TO_FIELD"),Ae=(0,e.useMemo)(()=>{const oe={isCreatingEntry:u,isDraft:B,isFromComponent:!1};return(0,f.Ex)(Q,{components:t.components||{}},oe)},[t.components,Q,u,B]),tt=(0,e.useCallback)(async(oe={})=>{let te={};const ce=Ze()(A);Fe()(ce)||se()(ce,oe.path,oe.value);try{await Ae.validate(ce,{abortEarly:!1})}catch(Se){te=(0,y.CJ)(Se),Y&&(te=Object.keys(te).reduce((yt,Vt)=>(Vt.split(".")[0]!==Y&&(yt[Vt]=te[Vt]),yt),{}))}P({type:"SET_FORM_ERRORS",errors:te})},[Y,A,Ae]),Pt=(0,e.useCallback)(({target:{name:oe,value:te,type:ce}},Se=!1)=>{let yt=te;if(["text","textarea","string","email","uid","select","select-one","number"].includes(ce)&&!te&&te!==0&&(yt=null),ce==="password"&&!te){P({type:"REMOVE_PASSWORD_FIELD",keys:oe.split(".")});return}P({type:"ON_CHANGE",keys:oe.split("."),value:yt,shouldSetInitialValue:Se})},[]),me=(0,e.useCallback)((oe,te)=>hu({browserState:oe,serverState:te},Q,t.components),[t.components,Q]),ee=(0,e.useMemo)(()=>K?B?{status:"draft"}:{}:{},[K,B]),ue=(0,e.useCallback)(async oe=>(oe.preventDefault(),P({type:"RESET_PUBLISH_CONFIRMATION"})),[]),Me=(0,e.useCallback)(async oe=>{oe.preventDefault();let te={};try{await Ae.validate(A,{abortEarly:!1})}catch(ce){te=(0,y.CJ)(ce)}try{if(Fe()(te)){const ce=me(A,H);(0,Yr.flushSync)(()=>{w(!0)}),u?await h(ce,ee):await C(ce,ee),w(!1)}}catch(ce){w(!1),te={...te,...(0,y.nn)(ce,{getTrad:f.OB})}}P({type:"SET_FORM_ERRORS",errors:te})},[me,u,A,H,h,C,ee,Ae]),Ut=(0,e.useCallback)(async()=>{const oe=(0,f.Ex)(Q,{components:L()(t,"components",{})},{isCreatingEntry:u,isDraft:!1,isFromComponent:!1}),te=await E();if(!_.show&&te>0){P({type:"SET_PUBLISH_CONFIRMATION",publishConfirmation:{show:!0,draftCount:te}});return}P({type:"RESET_PUBLISH_CONFIRMATION"});let ce={};try{await oe.validate(A,{abortEarly:!1})}catch(Se){ce=(0,y.CJ)(Se)}try{Fe()(ce)&&((0,Yr.flushSync)(()=>{w(!0)}),await g(),w(!1))}catch(Se){w(!1),ce={...ce,...(0,y.nn)(Se,{getTrad:f.OB})}}P({type:"SET_FORM_ERRORS",errors:ce})},[t,Q,u,A,_.show,g,E]),ht=(0,e.useCallback)(oe=>{const te=Object.keys($).some(Se=>Se.split(".")[0]===oe);return!Fe()($)&&te},[$]),ze=(0,e.useCallback)((oe,te)=>{re.current("changeComponentsOrder"),P({type:"MOVE_COMPONENT_DOWN",dynamicZoneName:oe,currentIndex:te,shouldCheckErrors:ht(oe)})},[ht]),Vo=(0,e.useCallback)((oe,te)=>{re.current("changeComponentsOrder"),P({type:"MOVE_COMPONENT_UP",dynamicZoneName:oe,currentIndex:te,shouldCheckErrors:ht(oe)})},[ht]),Wp=(0,e.useCallback)(({name:oe,newIndex:te,currentIndex:ce})=>{P({type:"MOVE_COMPONENT_FIELD",keys:oe.split("."),newIndex:te,oldIndex:ce})},[]),jp=(0,e.useCallback)(({name:oe,id:te})=>{P({type:"DISCONNECT_RELATION",keys:oe.split("."),id:te})},[]),zp=(0,e.useCallback)(({name:oe,oldIndex:te,newIndex:ce})=>{P({type:"REORDER_RELATION",keys:oe.split("."),oldIndex:te,newIndex:ce})},[]),Up=(0,e.useCallback)((oe,te)=>{re.current("removeComponentFromDynamicZone"),P({type:"REMOVE_COMPONENT_FROM_DYNAMIC_ZONE",dynamicZoneName:oe,index:te,shouldCheckErrors:ht(oe)})},[ht]),Vp=(0,e.useCallback)((oe,te)=>{P({type:"REMOVE_COMPONENT_FROM_FIELD",keys:oe.split("."),componentUid:te})},[]),qp=(0,e.useCallback)((oe,te)=>{P({type:"REMOVE_REPEATABLE_FIELD",keys:oe.split("."),componentUid:te})},[]),Hp=(0,e.useCallback)(()=>{P({type:"TRIGGER_FORM_VALIDATION"})},[]);return U?e.createElement(ae.l_,{to:d}):A?e.createElement(y.W1.Provider,{value:{addComponentToDynamicZone:we,addNonRepeatableComponentToField:Ye,addRepeatableComponentToField:je,allLayoutData:t,checkFormErrors:tt,createActionAllowedFields:l,formErrors:$,hasDraftAndPublish:K,initialData:H,isCreatingEntry:u,isSingleType:b,shouldNotRunValidations:B,status:N,layout:Q,modifiedData:A,moveComponentField:Wp,moveComponentDown:ze,moveComponentUp:Vo,onChange:Pt,onPublish:Ut,onUnpublish:T,readActionAllowedFields:M,redirectToPreviousPage:v,removeComponentFromDynamicZone:Up,removeComponentFromField:Vp,removeRepeatableField:qp,relationConnect:le,relationDisconnect:jp,relationLoad:Pe,relationReorder:zp,slug:R,triggerFormValidation:Hp,updateActionAllowedFields:k,onPublishPromptDismissal:ue,publishConfirmation:_}},p||!u&&!H.id?e.createElement(ye.o,{"aria-busy":"true"},e.createElement(y.dO,null)):e.createElement(e.Fragment,null,I?null:e.createElement(ae.NL,{when:!Te()(A,H),message:ge({id:"global.prompt.unsaved"})}),e.createElement("form",{noValidate:!0,onSubmit:Me},a))):null};To.defaultProps={from:"/",initialValues:null,redirectToPreviousPage(){}},To.propTypes={allLayoutData:n().object.isRequired,allowedActions:n().object.isRequired,children:n().node.isRequired,componentsDataStructure:n().object.isRequired,contentTypeDataStructure:n().object.isRequired,createActionAllowedFields:n().array.isRequired,from:n().string,initialValues:n().object,isCreatingEntry:n().bool.isRequired,isLoadingForData:n().bool.isRequired,isSingleType:n().bool.isRequired,onPost:n().func.isRequired,onPublish:n().func.isRequired,onDraftRelationCheck:n().func.isRequired,onPut:n().func.isRequired,onUnpublish:n().func.isRequired,readActionAllowedFields:n().array.isRequired,redirectToPreviousPage:n().func,slug:n().string.isRequired,status:n().string.isRequired,updateActionAllowedFields:n().array.isRequired};var bu=To;const vu=(t={})=>Object.values(t).reduce((o,r)=>Object.assign(o,r),{});var _r=(t={})=>{const{plugins:o,_q:r,...a}={...t,...vu(t.plugins)};return r&&(a._q=encodeURIComponent(r)),a},ft=t=>(0,f.IF)(`single-types/${t}`);const ea=({allLayoutData:t,children:o,slug:r})=>{const a=(0,et.useQueryClient)(),{trackUsage:s}=(0,y.rS)(),{push:c}=(0,ae.k6)(),{setCurrentStep:l}=(0,y.c1)(),d=(0,e.useRef)(s),[m,u]=(0,e.useState)(!0),[{query:p,rawQuery:b}]=(0,y.Kx)(),h=(0,e.useMemo)(()=>_r(p),[p]),g=(0,y.lm)(),E=(0,de.I0)(),{formatAPIError:C}=(0,y.So)(f.OB),T=(0,y.kY)(),{post:M,put:v,del:R}=T,{componentsDataStructure:N,contentTypeDataStructure:k,data:I,isLoading:w,status:O}=(0,de.v9)(An),P=(0,e.useCallback)(S=>{const D=(0,f.kc)(S,t.contentType,t.components);return(0,y.dU)(D,t.contentType,t.components)},[t]);(0,e.useEffect)(()=>()=>{E(Rr())},[E]),(0,e.useEffect)(()=>{const S=Object.keys(t.components).reduce((W,Q)=>{const K=(0,f.Di)(L()(t,["components",Q,"attributes"],{}),t.components);return W[Q]=(0,y.dU)(K,t.components[Q],t.components),W},{}),D=(0,f.Di)(t.contentType.attributes,t.components),F=(0,y.dU)(D,t.contentType,t.components);E(Mr(S,F))},[t,E]),(0,e.useEffect)(()=>{const D=Ke.default.CancelToken.source();return(async W=>{E(en()),u(!0);try{const{data:Q}=await T.get(ft(r),{cancelToken:W.token,params:h});E(Zn(P(Q))),u(!1)}catch(Q){if(Ke.default.isCancel(Q))return;const K=L()(Q,"response.status",null);K===404&&E(Ln(b,!0)),K===403&&(g({type:"info",message:{id:(0,f.OB)("permissions.not-allowed.update")}}),c("/"))}})(D),()=>D.cancel("Operation canceled by the user.")},[T,P,c,r,E,h,b,g]);const $=(0,e.useCallback)(S=>{g({type:"warning",message:C(S)})},[g,C]),H=(0,e.useCallback)(async S=>{try{d.current("willDeleteEntry",S);const{data:D}=await R(ft(r),{params:p});return g({type:"success",message:{id:(0,f.OB)("success.record.delete")}}),d.current("didDeleteEntry",S),u(!0),E(Ln(b,!0)),Promise.resolve(D)}catch(D){return d.current("didNotDeleteEntry",{error:D,...S}),$(D),Promise.reject(D)}},[R,r,$,g,p,E,b]),A=(0,e.useCallback)(async(S,D)=>{const F=ft(r);try{E(pe("submit-pending"));const{data:W}=await v(F,S,{params:p});return d.current("didCreateEntry",D),g({type:"success",message:{id:(0,f.OB)("success.record.save")}}),l("contentManager.success"),a.invalidateQueries(["relation"]),E(st(P(W))),u(!1),E(pe("resolved")),Promise.resolve(W)}catch(W){return d.current("didNotCreateEntry",{error:W,trackerProperty:D}),$(W),E(pe("resolved")),Promise.reject(W)}},[v,P,$,r,E,p,g,l,a]),Y=(0,e.useCallback)(async()=>{try{d.current("willCheckDraftRelations");const S=ft(`${r}/actions/numberOfDraftRelations`);E(pe("draft-relation-check-pending"));const D=await T.get(S);return d.current("didCheckDraftRelations"),E(pe("resolved")),D.data.data}catch(S){return $(S),E(pe("resolved")),Promise.reject(S)}},[T,$,r,E]),J=(0,e.useCallback)(async()=>{try{d.current("willPublishEntry");const S=ft(`${r}/actions/publish`);E(pe("publish-pending"));const{data:D}=await M(S,{},{params:p});return d.current("didPublishEntry"),g({type:"success",message:{id:(0,f.OB)("success.record.publish")}}),E(st(P(D))),E(pe("resolved")),Promise.resolve(D)}catch(S){return $(S),E(pe("resolved")),Promise.reject(S)}},[M,P,$,r,p,E,g]),_=(0,e.useCallback)(async(S,D)=>{const F=ft(r);try{d.current("willEditEntry",D),E(pe("submit-pending"));const{data:W}=await v(F,S,{params:p});return g({type:"success",message:{id:(0,f.OB)("success.record.save")}}),d.current("didEditEntry",{trackerProperty:D}),a.invalidateQueries(["relation"]),E(st(P(W))),E(pe("resolved")),Promise.resolve(W)}catch(W){return $(W),d.current("didNotEditEntry",{error:W,trackerProperty:D}),E(pe("resolved")),Promise.reject(W)}},[v,P,$,r,E,p,g,a]),x=(0,e.useCallback)(async()=>{const S=ft(`${r}/actions/unpublish`);E(pe("unpublish-pending"));try{d.current("willUnpublishEntry");const{data:D}=await M(S,{},{params:p});d.current("didUnpublishEntry"),g({type:"success",message:{id:(0,f.OB)("success.record.unpublish")}}),E(st(P(D))),E(pe("resolved"))}catch(D){E(pe("resolved")),$(D)}},[M,P,g,$,r,E,p]);return o({componentsDataStructure:N,contentTypeDataStructure:k,data:I,isCreatingEntry:m,isLoadingForData:w,onDelete:H,onPost:A,onDraftRelationCheck:Y,onPublish:J,onPut:_,onUnpublish:x,redirectionLink:"/",status:O})};ea.propTypes={allLayoutData:n().shape({components:n().object.isRequired,contentType:n().object.isRequired}).isRequired,children:n().func.isRequired,slug:n().string.isRequired};var Cu=(0,e.memo)(ea);function Ru(t,o){return r=>{const a=o();return e.createElement(t,{...r,...a})}}var Mu=Ru;function Tu(){const{hasDraftAndPublish:t,modifiedData:o}=(0,y.Wq)();let r={};return t&&(r=Fe()(o.publishedAt)?{status:"draft"}:{status:"published"}),{hasDraftAndPublish:t,trackerProperty:r}}var Du=Tu;const ta=({onDelete:t,trackerProperty:o})=>{const[r,a]=(0,e.useState)(!1),[s,c]=(0,e.useState)(!1),{formatMessage:l}=(0,G.Z)(),{formatAPIError:d}=(0,y.So)(f.OB),m=(0,y.lm)(),u=()=>a(b=>!b),p=async()=>{try{c(!0),await t(o),c(!1),u()}catch(b){c(!1),u(),m({type:"warning",message:d(b)})}};return e.createElement(e.Fragment,null,e.createElement(ie.z,{onClick:u,size:"S",startIcon:e.createElement(Qe.Z,null),variant:"danger-light"},l({id:(0,f.OB)("containers.Edit.delete-entry"),defaultMessage:"Delete this entry"})),e.createElement(y.QH,{isConfirmButtonLoading:s,isOpen:r,onConfirm:p,onToggleDialog:u}))};ta.propTypes={onDelete:n().func.isRequired,trackerProperty:n().object.isRequired};const Ou=(0,e.memo)(ta,Te());var Iu=Mu(Ou,Du),Pu=i(56243);function ku(t,o){return r=>{const a=o();return e.createElement(t,{...r,...a})}}var xu=ku;function Zu(){const{initialData:t,hasDraftAndPublish:o}=(0,y.Wq)(),r=t.publishedAt!==void 0&&t.publishedAt!==null;return{hasDraftAndPublish:o,isPublished:r}}var Lu=Zu;const Au=(0,z.ZP)(Pu.Z)`
948
- width: ${(0,y.Q1)(6)};
949
- height: ${(0,y.Q1)(6)};
950
- * {
951
- fill: ${({theme:t,$bulletColor:o})=>t.colors[o]};
952
- }
953
- `,na=({hasDraftAndPublish:t,isPublished:o})=>{const{formatMessage:r}=(0,G.Z)();if(!t)return null;const a={draft:{textColor:"secondary700",bulletColor:"secondary600",box:{background:"secondary100",borderColor:"secondary200"}},published:{textColor:"success700",bulletColor:"success600",box:{background:"success100",borderColor:"success200"}}},s=o?a.published:a.draft;return e.createElement(j.x,{hasRadius:!0,as:"aside",paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,...s.box},e.createElement(j.x,{as:Z.k},e.createElement(Au,{$bulletColor:s.bulletColor}),e.createElement(j.x,{paddingLeft:3},e.createElement(q.Z,{textColor:s.textColor},r({id:(0,f.OB)("containers.Edit.information.editing"),defaultMessage:"Editing"}),"\xA0"),e.createElement(q.Z,{fontWeight:"bold",textColor:s.textColor},o&&r({id:(0,f.OB)("containers.Edit.information.publishedVersion"),defaultMessage:"published version"}),!o&&r({id:(0,f.OB)("containers.Edit.information.draftVersion"),defaultMessage:"draft version"})))))};na.propTypes={hasDraftAndPublish:n().bool.isRequired,isPublished:n().bool.isRequired};var Su=xu(na,Lu);const Do=({columns:t,customFieldInputs:o})=>e.createElement(Re.r,{gap:4},t.map(({fieldSchema:r,labelAction:a,metadatas:s,name:c,size:l,queryInfos:d})=>{if(r.type==="component"){const{component:u,max:p,min:b,repeatable:h=!1,required:g=!1}=r;return e.createElement(Ee.P,{col:l,s:12,xs:12,key:u},e.createElement(an,{componentUid:u,labelAction:a,isRepeatable:h,intlLabel:{id:s.label,defaultMessage:s.label},max:p,min:b,name:c,required:g}))}return e.createElement(Ee.P,{col:l,key:c,s:12,xs:12},e.createElement(po,{size:l,fieldSchema:r,keys:c,labelAction:a,metadatas:s,queryInfos:d,customFieldInputs:o}))}));Do.defaultProps={customFieldInputs:{}},Do.propTypes={columns:n().array.isRequired,customFieldInputs:n().object};var Fu=Do,$t=i(22342),Bt=i(96166),Nt=i(88693);function wu(t,o){return r=>{const a=o();return e.createElement(t,{...r,...a})}}var $u=wu;function Bu(){const{initialData:t,isCreatingEntry:o,isSingleType:r,status:a,layout:s,hasDraftAndPublish:c,modifiedData:l,onPublish:d,onUnpublish:m,publishConfirmation:u,onPublishPromptDismissal:p}=(0,y.Wq)();return{initialData:t,isCreatingEntry:o,isSingleType:r,status:a,layout:s,hasDraftAndPublish:c,modifiedData:l,onPublish:d,onUnpublish:m,publishConfirmation:u,onPublishPromptDismissal:p}}var Nu=Bu;const oa=(0,z.ZP)(Z.k)`
954
- text-align: center;
955
- `,ra=({allowedActions:{canUpdate:t,canCreate:o,canPublish:r},initialData:a,isCreatingEntry:s,isSingleType:c,hasDraftAndPublish:l,layout:d,modifiedData:m,onPublish:u,onUnpublish:p,status:b,publishConfirmation:{show:h,draftCount:g},onPublishPromptDismissal:E})=>{const{goBack:C}=(0,ae.k6)(),[T,M]=(0,e.useState)(!1),{formatMessage:v}=(0,G.Z)(),R=L()(d,["settings","mainField"],"id"),N=L()(d,["info","displayName"],"NOT FOUND"),k=!Te()(a,m)||s&&!Fe()(m);let w=v({id:(0,f.OB)("containers.Edit.pluginHeader.title.new"),defaultMessage:"Create an entry"});!s&&!c&&(w=a[R]||N),c&&(w=N);let O=null;if(s&&o&&(O=e.createElement(Z.k,{gap:2},l&&e.createElement(ie.z,{disabled:!0,startIcon:e.createElement(xe.Z,null),variant:"secondary"},v({id:"app.utils.publish",defaultMessage:"Publish"})),e.createElement(ie.z,{disabled:!k,loading:b==="submit-pending",type:"submit"},v({id:(0,f.OB)("containers.Edit.submit"),defaultMessage:"Save"})))),!s&&t){const A=l&&r,Y=!Fe()(a.publishedAt),J=Y?b==="unpublish-pending":b==="publish-pending",_=Y?{id:"app.utils.unpublish",defaultMessage:"Unpublish"}:{id:"app.utils.publish",defaultMessage:"Publish"},x=Y?()=>M(!0):()=>u();O=e.createElement(Z.k,null,A&&e.createElement(ie.z,{disabled:k,loading:J,onClick:x,startIcon:e.createElement(xe.Z,null),variant:"secondary"},v(_)),e.createElement(j.x,{paddingLeft:A?2:0},e.createElement(ie.z,{disabled:!k,loading:b==="submit-pending",type:"submit"},v({id:(0,f.OB)("containers.Edit.submit"),defaultMessage:"Save"}))))}const P=()=>M(A=>!A),$=()=>{P(),p()},H=`${v({id:(0,f.OB)("api.id"),defaultMessage:"API ID "})} : ${d.apiID}`;return e.createElement(e.Fragment,null,e.createElement(ve.T,{title:w.toString(),primaryAction:O,subtitle:H,navigationAction:e.createElement(y.rU,{startIcon:e.createElement(_e.Z,null),onClick:A=>{A.preventDefault(),C()},to:"/"},v({id:"global.back",defaultMessage:"Back"}))}),e.createElement($t.V,{onClose:P,title:"Confirmation",labelledBy:"confirmation",describedBy:"confirm-description",isOpen:T},e.createElement(Bt.a,{icon:e.createElement(Mt.Z,null)},e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Z.k,{justifyContent:"center",style:{textAlign:"center"}},e.createElement(q.Z,{id:"confirm-description"},v({id:(0,f.OB)("popUpWarning.warning.unpublish"),defaultMessage:"Unpublish this content will automatically change it to a draft."},{br:()=>e.createElement("br",null)}))),e.createElement(Z.k,{justifyContent:"center",style:{textAlign:"center"}},e.createElement(q.Z,{id:"confirm-description"},v({id:(0,f.OB)("popUpWarning.warning.unpublish-question"),defaultMessage:"Are you sure you want to unpublish it?"}))))),e.createElement(Nt.c,{startAction:e.createElement(ie.z,{onClick:P,variant:"tertiary"},v({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(ie.z,{variant:"danger-light",onClick:$},v({id:"components.popUpWarning.button.confirm",defaultMessage:"Confirm"}))})),e.createElement($t.V,{onClose:E,title:v({id:(0,f.OB)("popUpWarning.warning.has-draft-relations.title"),defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:h},e.createElement(Bt.a,{icon:e.createElement(Mt.Z,null)},e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(oa,{justifyContent:"center"},e.createElement(q.Z,{id:"confirm-description"},g,v({id:(0,f.OB)("popUpwarning.warning.has-draft-relations.message"),defaultMessage:"<b>{count, plural, one { relation is} other { relations are}}</b> not published yet and might lead to unexpected behavior."},{b:A=>e.createElement(q.Z,{fontWeight:"bold"},A),count:g}))),e.createElement(oa,{justifyContent:"center"},e.createElement(q.Z,{id:"confirm-description"},v({id:(0,f.OB)("popUpWarning.warning.publish-question"),defaultMessage:"Do you still want to publish?"}))))),e.createElement(Nt.c,{startAction:e.createElement(ie.z,{onClick:E,variant:"tertiary"},v({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(ie.z,{variant:"success",onClick:u},v({id:(0,f.OB)("popUpwarning.warning.has-draft-relations.button-confirm"),defaultMessage:"Publish"}))})))};ra.propTypes={allowedActions:n().shape({canUpdate:n().bool.isRequired,canCreate:n().bool.isRequired,canPublish:n().bool.isRequired}).isRequired,initialData:n().object.isRequired,isCreatingEntry:n().bool.isRequired,isSingleType:n().bool.isRequired,status:n().string.isRequired,layout:n().object.isRequired,hasDraftAndPublish:n().bool.isRequired,modifiedData:n().object.isRequired,onPublish:n().func.isRequired,onUnpublish:n().func.isRequired,publishConfirmation:n().shape({show:n().bool.isRequired,draftCount:n().number.isRequired}).isRequired,onPublishPromptDismissal:n().func.isRequired};const Wu=(0,e.memo)(ra,Te());var ju=$u(Wu,Nu);const zu=t=>(0,e.useEffect)(t,Uu),Uu=[];var Oo=i(98178),Vu=t=>{if(!t.layouts)return[];const o=t.layouts.edit,r=t.attributes,a=l=>L()(r,[l,"type"],"");let s=0;const c=[];return o.forEach(l=>{const d=l.some(({name:m})=>a(m)==="dynamiczone");c[s]||(c[s]=[]),d?(s=s===0&&Fe()(c[0])?0:s+1,c[s]||(c[s]=[]),c[s].push(l),s+=1):c[s].push(l)}),c.filter(l=>l.length>0)},qu=t=>{if(!t)return[];const r=[...t.contentType.layouts.edit,...Object.values(t.components).flatMap(s=>s.layouts.edit)].flat().filter(s=>s.fieldSchema.customField).map(s=>s.fieldSchema.customField);return[...new Set(r)]},Hu=i(91815),Gu=i.n(Hu),Qu=(t,o)=>{const r=a=>{const s=(0,y.ZT)(t,[{action:`plugin::content-manager.explorer.${a}`,subject:o}]);return Gu()(Et()(s,"properties.fields"))};return{createActionAllowedFields:r("create"),readActionAllowedFields:r("read"),updateActionAllowedFields:r("update")}};const Io=t=>t["content-manager_editViewLayoutManager"].currentLayout,Ku=(0,Oo.P1)(Io,t=>Vu(t?.contentType??{})),Yu=(0,Oo.P1)(Io,t=>qu(t)),Xu=(()=>window&&window.strapi&&window.strapi.isEE?i(28243).Z:i(73710).Z)(),Ju=[{action:"plugin::content-type-builder.read",subject:null}],Po=t=>{let{allowedActions:o,isSingleType:r,goBack:a,slug:s,id:c,origin:l,userPermissions:d}=t;const{trackUsage:m}=(0,y.rS)(),{formatMessage:u}=(0,G.Z)(),p=(0,de.v9)(ke._),b=(0,ae.TH)(),h=(0,y.lm)();zu(()=>{b?.state&&"error"in b.state&&h({type:"warning",message:b.state.error,timeout:5e3})});const{layout:g,formattedContentTypeLayout:E,customFieldUids:C}=(0,de.v9)(P=>({layout:Io(P),formattedContentTypeLayout:Ku(P),customFieldUids:Yu(P)})),{isLazyLoading:T,lazyComponentStore:M}=qn(C),{createActionAllowedFields:v,readActionAllowedFields:R,updateActionAllowedFields:N}=Qu(d,s),k=r?p.contentManager.singleTypesConfigurations:p.contentManager.collectionTypesConfigurations,I=`/content-manager/${r?"singleType":"collectionType"}/${s}/configurations/edit`,w=r?Cu:$l,O=P=>P.every($=>$.every(H=>H.fieldSchema.type==="dynamiczone"));return T?e.createElement(y.dO,null):e.createElement(w,{allLayoutData:g,slug:s,id:c,origin:l},P=>{let{componentsDataStructure:$,contentTypeDataStructure:H,data:A,isCreatingEntry:Y,isLoadingForData:J,onDelete:_,onPost:x,onPublish:S,onDraftRelationCheck:D,onPut:F,onUnpublish:W,redirectionLink:Q,status:K}=P;return e.createElement(bu,{allowedActions:o,allLayoutData:g,createActionAllowedFields:v,componentsDataStructure:$,contentTypeDataStructure:H,from:Q,initialValues:A,isCreatingEntry:Y,isLoadingForData:J,isSingleType:r,onPost:x,onPublish:S,onDraftRelationCheck:D,onPut:F,onUnpublish:W,readActionAllowedFields:R,redirectToPreviousPage:a,slug:s,status:K,updateActionAllowedFields:N},e.createElement(ye.o,{"aria-busy":K!=="resolved"},e.createElement(ju,{allowedActions:o}),e.createElement(He.D,null,e.createElement(Re.r,{gap:4},e.createElement(Ee.P,{col:9,s:12},e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:6},E.map((B,X)=>{if(O(B)){const{0:{0:{name:ge,fieldSchema:re,metadatas:U,labelAction:V}}}=B;return e.createElement(j.x,{key:X},e.createElement(Re.r,{gap:4},e.createElement(Ee.P,{col:12,s:12,xs:12},e.createElement(Ro,{name:ge,fieldSchema:re,labelAction:V,metadatas:U}))))}return e.createElement(j.x,{key:X,hasRadius:!0,background:"neutral0",shadow:"tableShadow",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,borderColor:"neutral150"},e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:6},B.map((ge,re)=>e.createElement(Fu,{columns:ge,customFieldInputs:M,key:re}))))}))),e.createElement(Ee.P,{col:3,s:12},e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Su,null),e.createElement(j.x,{as:"aside","aria-labelledby":"additional-information",background:"neutral0",borderColor:"neutral150",hasRadius:!0,paddingBottom:4,paddingLeft:4,paddingRight:4,paddingTop:6,shadow:"tableShadow"},e.createElement(Xu,null),e.createElement(_t,{area:"contentManager.editView.informations"})),e.createElement(j.x,{as:"aside","aria-labelledby":"links"},e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(_t,{area:"contentManager.editView.right-links",slug:s}),s!=="strapi::administrator"&&e.createElement(y.jW,{permissions:Ju},e.createElement(y.Qj,{onClick:()=>{m("willEditEditLayout")},size:"S",startIcon:e.createElement(ut.Z,null),style:{width:"100%"},to:`/plugins/content-type-builder/content-types/${s}`,variant:"secondary"},u({id:(0,f.OB)("link-to-ctb"),defaultMessage:"Edit the model"}))),e.createElement(y.jW,{permissions:k},e.createElement(y.Qj,{size:"S",startIcon:e.createElement(Jo.Z,null),style:{width:"100%"},to:I,variant:"secondary"},u({id:"app.links.configure-view",defaultMessage:"Configure the view"}))),o.canDelete&&!Y&&e.createElement(Iu,{onDelete:_})))))))))})};Po.defaultProps={id:null,isSingleType:!1,origin:null,userPermissions:[]},Po.propTypes={allowedActions:n().shape({canRead:n().bool.isRequired,canUpdate:n().bool.isRequired,canCreate:n().bool.isRequired,canDelete:n().bool.isRequired}).isRequired,id:n().string,isSingleType:n().bool,goBack:n().func.isRequired,origin:n().string,slug:n().string.isRequired,userPermissions:n().array};var _u=Po;const ko=t=>{const o=(0,e.useMemo)(()=>(0,f.TA)(t.slug),[t.slug]),{isLoading:r,allowedActions:a}=(0,y.ss)(o,t.userPermissions);return r?e.createElement(y.dO,null):e.createElement(_u,{...t,allowedActions:a})};ko.defaultProps={permissions:[]},ko.propTypes={permissions:n().array,slug:n().string.isRequired,userPermissions:n().array.isRequired};var em=(0,e.memo)(ko,Te()),tm=i(70031);const aa=({layout:t,...o})=>{const r=(0,de.v9)(tm.Z),a=(0,de.I0)(),[{query:s}]=(0,y.Kx)(),{runHookWaterfall:c}=(0,y.j1)(),l=(0,ne.r5)(s,o.slug,"editView");return(0,e.useEffect)(()=>{const d=c(Jt.Eo,{layout:t,query:s});return a(Al(d.layout,s)),()=>{a(Ll())}},[t,a,s,c]),!r||!l?e.createElement(y.dO,null):e.createElement(em,{...o,userPermissions:l})};aa.propTypes={layout:n().shape({components:n().object.isRequired,contentType:n().shape({uid:n().string.isRequired,settings:n().object.isRequired,metadatas:n().object.isRequired,options:n().object.isRequired,attributes:n().object.isRequired}).isRequired}).isRequired};var ln=aa,xo=i(33348);const nm=(0,z.ZP)(Z.k)`
956
- svg {
957
- width: ${32/16}rem;
958
- height: ${24/16}rem;
959
- margin-right: ${({theme:t})=>t.spaces[3]};
960
- }
961
- `,sa=({attributes:t,fieldForm:o,fieldToEdit:r,onCloseModal:a,onChangeEditLabel:s,onSubmit:c,type:l})=>{const{formatMessage:d}=(0,G.Z)(),m=t[r].relationType;let u=!["media","relation"].includes(l);return["oneWay","oneToOne","manyToOne"].includes(m)&&(u=!0),e.createElement(cr.P,{onClose:a,labelledBy:"title"},e.createElement("form",{onSubmit:c},e.createElement(dr.x,null,e.createElement(nm,null,e.createElement(fr,{type:l}),e.createElement(q.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},d({id:(0,f.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:kt()(r)})))),e.createElement(ur.f,null,e.createElement(Re.r,{gap:4},e.createElement(Ee.P,{s:12,col:6},e.createElement(Mn.o,{id:"label-input",label:d({id:(0,f.OB)("form.Input.label"),defaultMessage:"Label"}),name:"label",onChange:p=>s(p),value:o.label,hint:d({id:(0,f.OB)("form.Input.label.inputDescription"),defaultMessage:"This value overrides the label displayed in the table's head"})})),u&&e.createElement(Ee.P,{s:12,col:6},e.createElement(St.s,{"data-testid":"Enable sort on this field",checked:o.sortable,label:d({id:(0,f.OB)("form.Input.sort.field"),defaultMessage:"Enable sort on this field"}),name:"sortable",onChange:p=>s({target:{name:"sortable",value:p.target.checked}}),onLabel:d({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:d({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"})})))),e.createElement(mr.m,{startActions:e.createElement(ie.z,{onClick:a,variant:"tertiary"},d({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(ie.z,{type:"submit"},d({id:"global.finish",defaultMessage:"Finish"}))})))};sa.propTypes={attributes:n().objectOf(n().shape({relationType:n().string})).isRequired,fieldForm:n().shape({label:n().string,sortable:n().bool}).isRequired,fieldToEdit:n().string.isRequired,onChangeEditLabel:n().func.isRequired,onCloseModal:n().func.isRequired,onSubmit:n().func.isRequired,type:n().string.isRequired};var om=sa;const Zo=({modifiedData:t,onChange:o,sortOptions:r})=>{const{formatMessage:a}=(0,G.Z)(),{settings:s,metadatas:c}=t;return e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(q.Z,{variant:"delta",as:"h2"},a({id:(0,f.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),e.createElement(Z.k,{justifyContent:"space-between",gap:4},e.createElement(j.x,{width:"100%"},e.createElement(St.s,{label:a({id:(0,f.OB)("form.Input.search"),defaultMessage:"Enable search"}),onChange:l=>{o({target:{name:"settings.searchable",value:l.target.checked}})},onLabel:a({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:a({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.searchable",checked:s.searchable})),e.createElement(j.x,{width:"100%"},e.createElement(St.s,{label:a({id:(0,f.OB)("form.Input.filters"),defaultMessage:"Enable filters"}),onChange:l=>{o({target:{name:"settings.filterable",value:l.target.checked}})},onLabel:a({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:a({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.filterable",checked:s.filterable})),e.createElement(j.x,{width:"100%"},e.createElement(St.s,{label:a({id:(0,f.OB)("form.Input.bulkActions"),defaultMessage:"Enable bulk actions"}),onChange:l=>{o({target:{name:"settings.bulkable",value:l.target.checked}})},onLabel:a({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:a({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.bulkable",checked:s.bulkable}))),e.createElement(Re.r,{gap:4},e.createElement(Ee.P,{s:12,col:6},e.createElement(Oe.P,{label:a({id:(0,f.OB)("form.Input.pageEntries"),defaultMessage:"Entries per page"}),hint:a({id:(0,f.OB)("form.Input.pageEntries.inputDescription"),defaultMessage:"Note: You can override this value in the Collection Type settings page."}),onChange:l=>o({target:{name:"settings.pageSize",value:l}}),name:"settings.pageSize",value:t.settings.pageSize||""},[10,20,50,100].map(l=>e.createElement(be.W,{key:l,value:l},l)))),e.createElement(Ee.P,{s:12,col:3},e.createElement(Oe.P,{label:a({id:(0,f.OB)("form.Input.defaultSort"),defaultMessage:"Default sort attribute"}),onChange:l=>o({target:{name:"settings.defaultSortBy",value:l}}),name:"settings.defaultSortBy",value:t.settings.defaultSortBy||""},r.map(l=>e.createElement(be.W,{key:l,value:l},c[l].list.label||l)))),e.createElement(Ee.P,{s:12,col:3},e.createElement(Oe.P,{label:a({id:(0,f.OB)("form.Input.sort.order"),defaultMessage:"Default sort order"}),onChange:l=>o({target:{name:"settings.defaultSortOrder",value:l}}),name:"settings.defaultSortOrder",value:t.settings.defaultSortOrder||""},["ASC","DESC"].map(l=>e.createElement(be.W,{key:l,value:l},l))))))};Zo.defaultProps={modifiedData:{},sortOptions:[]},Zo.propTypes={modifiedData:n().object,onChange:n().func.isRequired,sortOptions:n().array};var rm=Zo;const Lo=(0,z.ZP)(Z.k)`
962
- height: ${({theme:t})=>t.spaces[7]};
963
-
964
- &:last-child {
965
- padding: 0 ${({theme:t})=>t.spaces[3]};
966
- }
967
- `,am=(0,z.ZP)(Lo)`
968
- border-right: 1px solid
969
- ${({theme:t,isSibling:o})=>o?t.colors.neutral150:t.colors.primary200};
970
-
971
- svg {
972
- width: ${12/16}rem;
973
- height: ${12/16}rem;
974
- }
975
- `,sm=(0,z.ZP)(Z.k)`
976
- border: 1px solid
977
- ${({theme:t,isSibling:o})=>o?t.colors.neutral150:t.colors.primary200};
978
-
979
- svg {
980
- width: ${10/16}rem;
981
- height: ${10/16}rem;
982
-
983
- path {
984
- fill: ${({theme:t,isSibling:o})=>o?void 0:t.colors.primary600};
985
- }
986
- }
987
- `,im=(0,z.ZP)(q.Z)`
988
- max-width: ${72/16}rem;
989
- `;function Wt({labelField:t,transparent:o,isSibling:r}){return e.createElement(sm,{background:r?"neutral100":"primary100",display:"inline-flex",gap:3,hasRadius:!0,justifyContent:"space-between",transparent:o,isSibling:r,"max-height":(0,y.Q1)(32),maxWidth:"min-content",opacity:o?0:1},e.createElement(Z.k,{gap:3},e.createElement(am,{alignItems:"center",cursor:"all-scroll",padding:3},e.createElement(rt.Z,null)),e.createElement(im,{textColor:r?void 0:"primary600",fontWeight:"bold",ellipsis:!0},t)),e.createElement(Z.k,null,e.createElement(Lo,{alignItems:"center"},e.createElement(ut.Z,null)),e.createElement(Lo,{alignItems:"center"},e.createElement(nn.Z,null))))}Wt.defaultProps={isSibling:!1,transparent:!1},Wt.propTypes={isSibling:n().bool,labelField:n().string.isRequired,transparent:n().bool};const Ao=z.ZP.button`
990
- display: flex;
991
- align-items: center;
992
- height: ${({theme:t})=>t.spaces[7]};
993
-
994
- &:last-child {
995
- padding: 0 ${({theme:t})=>t.spaces[3]};
996
- }
997
- `,ia=(0,z.ZP)(Ao)`
998
- padding: 0 ${({theme:t})=>t.spaces[3]};
999
- border-right: 1px solid ${({theme:t})=>t.colors.neutral150};
1000
- cursor: all-scroll;
1001
-
1002
- svg {
1003
- width: ${12/16}rem;
1004
- height: ${12/16}rem;
1005
- }
1006
- `,lm=(0,z.ZP)(Z.k)`
1007
- max-height: ${32/16}rem;
1008
- cursor: pointer;
1009
-
1010
- svg {
1011
- width: ${10/16}rem;
1012
- height: ${10/16}rem;
1013
-
1014
- path {
1015
- fill: ${({theme:t})=>t.colors.neutral600};
1016
- }
1017
- }
1018
-
1019
- &:hover {
1020
- background-color: ${({theme:t})=>t.colors.primary100};
1021
- border-color: ${({theme:t})=>t.colors.primary200};
1022
-
1023
- svg {
1024
- path {
1025
- fill: ${({theme:t})=>t.colors.primary600};
1026
- }
1027
- }
1028
-
1029
- ${q.Z} {
1030
- color: ${({theme:t})=>t.colors.primary600};
1031
- }
1032
-
1033
- ${ia} {
1034
- border-right: 1px solid ${({theme:t})=>t.colors.primary200};
1035
- }
1036
- }
1037
- `,cm=(0,z.ZP)(j.x)`
1038
- &:last-child {
1039
- padding-right: ${({theme:t})=>t.spaces[3]};
1040
- }
1041
- `,la=({index:t,isDraggingSibling:o,labelField:r,onClickEditField:a,onMoveField:s,onRemoveField:c,name:l,setIsDraggingSibling:d})=>{const{formatMessage:m}=(0,G.Z)(),u=(0,e.useRef)(null),p=(0,e.useRef)(null),[,b]=(0,e.useState)(!1),h=(0,e.useRef)(),g=()=>{h.current&&h.current.click()},[,E]=(0,Yt.useDrop)({accept:f._Q.FIELD,hover(R,N){if(!p.current)return;const k=R.index,I=t;if(k===I)return;const w=p.current.getBoundingClientRect(),O=(w.right-w.left)/2,$=N.getClientOffset().x-w.left;k>I&&$>O||k<I&&$<O||(s(k,I),R.index=I)}}),[{isDragging:C},T,M]=(0,Yt.useDrag)({type:f._Q.FIELD,item(){return{index:t,labelField:r,name:l}},collect:R=>({isDragging:R.isDragging()}),end(){d(!1)}});(0,e.useEffect)(()=>{M((0,xt.rX)(),{captureDraggingState:!1})},[M]),(0,e.useEffect)(()=>{C&&d(!0)},[C,d]),(0,e.useEffect)(()=>{o||b(R=>!R)},[o]);const v={dragRef:T(u),dropRef:E(p)};return e.createElement(cm,{ref:v?v.dropRef:null},C&&e.createElement(Wt,{transparent:!0,labelField:r}),!C&&o&&e.createElement(Wt,{isSibling:!0,labelField:r}),!C&&!o&&e.createElement(lm,{borderColor:"neutral150",background:"neutral100",hasRadius:!0,justifyContent:"space-between",onClick:g,isDragging:C},e.createElement(Z.k,{gap:3},e.createElement(ia,{as:"span","aria-label":m({id:(0,f.OB)("components.DraggableCard.move.field"),defaultMessage:"Move {item}"},{item:r}),onClick:R=>R.stopPropagation(),ref:v.dragRef,type:"button"},e.createElement(rt.Z,null)),e.createElement(q.Z,{fontWeight:"bold"},r)),e.createElement(Z.k,{paddingLeft:3},e.createElement(Ao,{ref:h,onClick:R=>{R.stopPropagation(),a(l)},"aria-label":m({id:(0,f.OB)("components.DraggableCard.edit.field"),defaultMessage:"Edit {item}"},{item:r}),type:"button"},e.createElement(ut.Z,null)),e.createElement(Ao,{onClick:c,"data-testid":`delete-${l}`,"aria-label":m({id:(0,f.OB)("components.DraggableCard.delete.field"),defaultMessage:"Delete {item}"},{item:r}),type:"button"},e.createElement(nn.Z,null)))))};la.propTypes={index:n().number.isRequired,isDraggingSibling:n().bool.isRequired,labelField:n().string.isRequired,name:n().string.isRequired,onClickEditField:n().func.isRequired,onMoveField:n().func.isRequired,onRemoveField:n().func.isRequired,setIsDraggingSibling:n().func.isRequired};var dm=la;const ca=(0,z.ZP)(j.x)`
1042
- flex: ${({size:t})=>t};
1043
- `,um=(0,z.ZP)(ca)`
1044
- overflow-x: scroll;
1045
- overflow-y: hidden;
1046
- `,mm=(0,z.ZP)(ca)`
1047
- max-width: ${32/16}rem;
1048
- `,da=({displayedFields:t,listRemainingFields:o,metadatas:r,onAddField:a,onClickEditField:s,onMoveField:c,onRemoveField:l})=>{const{formatMessage:d}=(0,G.Z)(),[m,u]=(0,e.useState)(!1),[p,b]=(0,e.useState)(null),h=(0,e.useRef)();function g(...C){b("add"),a(...C)}function E(...C){b("remove"),l(...C)}return(0,e.useEffect)(()=>{p==="add"&&h?.current&&(h.current.scrollLeft=h.current.scrollWidth)},[t,p]),e.createElement(e.Fragment,null,e.createElement(j.x,{paddingBottom:4},e.createElement(q.Z,{variant:"delta",as:"h2"},d({id:(0,f.OB)("containers.SettingPage.view"),defaultMessage:"View"}))),e.createElement(Z.k,{paddingTop:4,paddingLeft:4,paddingRight:4,borderColor:"neutral300",borderStyle:"dashed",borderWidth:"1px",hasRadius:!0},e.createElement(um,{size:"1",paddingBottom:4,ref:h},e.createElement(Z.k,{gap:3},t.map((C,T)=>e.createElement(dm,{key:C,index:T,isDraggingSibling:m,onMoveField:c,onClickEditField:s,onRemoveField:M=>E(M,T),name:C,labelField:r[C].list.label||C,setIsDraggingSibling:u})))),e.createElement(mm,{size:"auto",paddingBottom:4},e.createElement(Ge.O,{label:d({id:(0,f.OB)("components.FieldSelect.label"),defaultMessage:"Add a field"}),as:Ce.h,icon:e.createElement(Ct.Z,null),disabled:o.length<=0,"data-testid":"add-field"},o.map(C=>e.createElement(Ge.s,{key:C,onClick:()=>g(C)},r[C].list.label||C))))))};da.propTypes={displayedFields:De.PropTypes.array.isRequired,listRemainingFields:De.PropTypes.array.isRequired,metadatas:De.PropTypes.objectOf(De.PropTypes.shape({list:De.PropTypes.shape({label:De.PropTypes.string})})).isRequired,onAddField:De.PropTypes.func.isRequired,onClickEditField:De.PropTypes.func.isRequired,onMoveField:De.PropTypes.func.isRequired,onRemoveField:De.PropTypes.func.isRequired};var pm=da;const gm=["media","richtext","dynamiczone","relation","component","json"];var fm=(t,o)=>({...t,initialData:o,modifiedData:o});const So={fieldForm:{},fieldToEdit:"",initialData:{},modifiedData:{}};var hm=(t=So,o)=>(0,In.ZP)(t,r=>{const a=["modifiedData","layouts","list"];switch(o.type){case"ADD_FIELD":{const s=L()(t,a,[]);se()(r,a,[...s,o.item]);break}case"MOVE_FIELD":{const s=L()(t,a,[]),{originalIndex:c,atIndex:l}=o;se()(r,a,(0,f.W3)(s,c,l));break}case"ON_CHANGE":{se()(r,["modifiedData",...o.keys.split(".")],o.value);break}case"ON_CHANGE_FIELD_METAS":{se()(r,["fieldForm",o.name],o.value);break}case"REMOVE_FIELD":{const s=L()(t,a,[]);se()(r,a,s.filter((c,l)=>o.index!==l));break}case"SET_FIELD_TO_EDIT":{const{fieldToEdit:s}=o;r.fieldToEdit=s,r.fieldForm.label=L()(r,["modifiedData","metadatas",s,"list","label"],""),r.fieldForm.sortable=L()(r,["modifiedData","metadatas",s,"list","sortable"],"");break}case"UNSET_FIELD_TO_EDIT":{r.fieldForm={},r.fieldToEdit="";break}case"SUBMIT_FIELD_FORM":{const s=["modifiedData","metadatas",t.fieldToEdit,"list"];se()(r,[...s,"label"],t.fieldForm.label),se()(r,[...s,"sortable"],t.fieldForm.sortable);break}default:return r}});const ua=({layout:t,slug:o})=>{const{put:r}=(0,y.kY)(),{formatMessage:a}=(0,G.Z)(),{trackUsage:s}=(0,y.rS)(),c=(0,ne.fi)(),l=(0,y.lm)(),{refetchData:d}=(0,e.useContext)(lt),[m,u]=(0,e.useState)(!1),p=()=>u(F=>!F),[b,h]=(0,e.useReducer)(hm,So,()=>fm(So,t)),{fieldToEdit:g,fieldForm:E,initialData:C,modifiedData:T}=b,M=!Fe()(E),{attributes:v}=t,R=T.layouts.list,N=()=>{const{settings:{pageSize:F,defaultSortBy:W,defaultSortOrder:Q},kind:K,uid:B}=C,X=`${W}:${Q}`,ge=`${(0,xo.stringify)({page:1,pageSize:F,sort:X},{encode:!1})}${c?`&${c}`:""}`;return`/content-manager/${K}/${B}?${ge}`},k=({target:{name:F,value:W}})=>{h({type:"ON_CHANGE",keys:F,value:F==="settings.pageSize"?parseInt(W,10):W})},I=async()=>{const F=dn()(T,["layouts","settings","metadatas"]);Y.mutate(F)},w=F=>{h({type:"ADD_FIELD",item:F})},O=(F,W)=>{F.stopPropagation(),R.length===1?l({type:"info",message:{id:(0,f.OB)("notification.info.minimumFields")}}):h({type:"REMOVE_FIELD",index:W})},P=F=>{F.preventDefault(),p(),s("willSaveContentTypeLayout")},$=F=>{h({type:"SET_FIELD_TO_EDIT",fieldToEdit:F})},H=()=>{h({type:"UNSET_FIELD_TO_EDIT"})},A=F=>{F.preventDefault(),h({type:"SUBMIT_FIELD_FORM"}),H()},Y=(0,et.useMutation)(F=>r(`/content-manager/content-types/${o}/configuration`,F),{onSuccess(){s("didEditListSettings"),d()},onError(){l({type:"warning",message:{id:"notification.error"}})}}),{isLoading:J}=Y,_=({target:{name:F,value:W}})=>{h({type:"ON_CHANGE_FIELD_METAS",name:F,value:W})},x=Object.entries(v).filter(([F,W])=>(0,f.ko)(W)&&!R.includes(F)).map(([F])=>F).sort(),S=Object.entries(v).filter(([,F])=>!gm.includes(F.type)).map(([F])=>F),D=(F,W)=>{h({type:"MOVE_FIELD",originalIndex:F,atIndex:W})};return e.createElement($e.A,null,e.createElement(ye.o,{"aria-busy":J},e.createElement("form",{onSubmit:P},e.createElement(ve.T,{navigationAction:e.createElement(y.rU,{startIcon:e.createElement(_e.Z,null),to:N,id:"go-back"},a({id:"global.back",defaultMessage:"Back"})),primaryAction:e.createElement(ie.z,{size:"S",startIcon:e.createElement(xe.Z,null),disabled:Te()(T,C),type:"submit"},a({id:"global.save",defaultMessage:"Save"})),subtitle:a({id:(0,f.OB)("components.SettingsViewWrapper.pluginHeader.description.list-settings"),defaultMessage:"Define the settings of the list view."}),title:a({id:(0,f.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:"Configure the view - {name}"},{name:kt()(T.info.displayName)})}),e.createElement(He.D,null,e.createElement(j.x,{background:"neutral0",hasRadius:!0,shadow:"tableShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(rm,{modifiedData:T,onChange:k,sortOptions:S}),e.createElement(j.x,{paddingTop:6,paddingBottom:6},e.createElement(dt.i,null)),e.createElement(pm,{listRemainingFields:x,displayedFields:R,onAddField:w,onClickEditField:$,onMoveField:D,onRemoveField:O,metadatas:T.metadatas}))),e.createElement(y.QH,{bodyText:{id:(0,f.OB)("popUpWarning.warning.updateAllSettings"),defaultMessage:"This will modify all your settings"},iconRightButton:e.createElement(xe.Z,null),isConfirmButtonLoading:J,isOpen:m,onToggleDialog:p,onConfirm:I,variantRightButton:"success-light"})),M&&e.createElement(om,{attributes:v,fieldForm:E,fieldToEdit:g,onChangeEditLabel:_,onCloseModal:H,onSubmit:A,type:L()(v,[g,"type"],"text")})))};ua.propTypes={layout:n().shape({uid:n().string.isRequired,settings:n().shape({bulkable:n().bool,defaultSortBy:n().string,defaultSortOrder:n().string,filterable:n().bool,pageSize:n().number,searchable:n().bool}).isRequired,metadatas:n().object.isRequired,options:n().object.isRequired,attributes:n().objectOf(n().shape({type:n().string})).isRequired}).isRequired,slug:n().string.isRequired};var ym=(0,e.memo)(ua),Ot=i(37617);const Em=()=>({type:Ot.ZA}),bm=(t,o)=>({type:Ot.Id,pagination:t,data:o}),vm=()=>({type:Ot.MP});function Cm(){return{type:Ot.c2}}const Rm=({components:t,contentType:o})=>{const{layouts:r}=o;return{contentType:o,components:t,displayedHeaders:r.list,type:Ot.Zz}},Fo=t=>({type:Ot.Rp,target:t});var wo=i(94638),ma=i(99223),pa=i(6680),ga=i(18782);const fa=({displayedFilters:t})=>{const[o,r]=(0,e.useState)(!1),{formatMessage:a}=(0,G.Z)(),s=(0,e.useRef)(),{trackUsage:c}=(0,y.rS)(),l=()=>{o||c("willFilterEntries"),r(d=>!d)};return e.createElement(e.Fragment,null,e.createElement(j.x,{paddingTop:1,paddingBottom:1},e.createElement(ie.z,{variant:"tertiary",ref:s,startIcon:e.createElement(Xo.Z,null),onClick:l,size:"S"},a({id:"app.utils.filters",defaultMessage:"Filters"})),o&&e.createElement(y.J5,{displayedFilters:t,isVisible:o,onToggle:l,source:s})),e.createElement(y.W$,{filtersSchema:t}))};fa.propTypes={displayedFilters:n().arrayOf(n().shape({name:n().string.isRequired,metadatas:n().shape({label:n().string}),fieldSchema:n().shape({type:n().string})})).isRequired};var Mm=fa;const Tm=["json","component","media","richtext","dynamiczone","password"],Dm=["createdAt","updatedAt"];var Om=(t,o)=>{const{allPermissions:r}=(0,y.vn)(),a=(0,y.ZT)(r,[{action:"plugin::content-manager.explorer.read",subject:o}]),s=L()(a,["0","properties","fields"],[]);return Object.keys(L()(t,["attributes"]),{}).filter(d=>{const m=L()(t,["attributes",d],{});return!(!m.type||Tm.includes(m.type)||!s.includes(d)&&d!=="id"&&!Dm.includes(d))}).sort()};const ha=({contentType:t,slug:o,metadatas:r})=>{const{formatMessage:a}=(0,G.Z)(),c=Om(t,o).map(l=>{const d=t.attributes[l],{type:m,enum:u}=d,p={name:"didFilterEntries",properties:{useRelation:m==="relation"}},{mainField:b,label:h}=r[l].list;return{name:l,metadatas:{label:a({id:h,defaultMessage:h})},fieldSchema:{type:m,options:u,mainField:b},trackedEvent:p}});return e.createElement(Mm,{displayedFilters:c})};ha.propTypes={contentType:n().object.isRequired,metadatas:n().object.isRequired,slug:n().string.isRequired};var Im=ha,Pm=i(70664);const ya=()=>t=>t["content-manager_listView"]||Pm.E,km=()=>(0,Oo.P1)(ya(),t=>t),Ea=t=>{const{displayedHeaders:o}=t["content-manager_listView"];return o};var xm=km;const ba=({area:t,...o})=>{const r=vr(t);return r?e.createElement("ul",null,r.map(a=>a.Component(o)?e.createElement(j.x,{key:a.name,padding:3,style:{textAlign:"center"}},e.createElement(a.Component,{...o})):null)):null};ba.propTypes={area:n().string.isRequired};var jt=ba;const cn=({onToggleDialog:t,isOpen:o,dialogBody:r,endAction:a})=>{const{formatMessage:s}=(0,G.Z)();return e.createElement($t.V,{onClose:t,title:s({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:o},e.createElement(Bt.a,{icon:e.createElement(Mt.Z,null)},e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:2},r)),e.createElement(Nt.c,{startAction:e.createElement(ie.z,{onClick:t,variant:"tertiary"},s({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:a}))};cn.propTypes={isOpen:n().bool.isRequired,onToggleDialog:n().func.isRequired,dialogBody:n().node.isRequired,endAction:n().node.isRequired};const $o={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired},va=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:r,onConfirm:a})=>{const{formatMessage:s}=(0,G.Z)();return e.createElement(cn,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(q.Z,{id:"confirm-description",textAlign:"center"},s({id:(0,f.OB)("popUpWarning.bodyMessage.contentType.publish.all"),defaultMessage:"Are you sure you want to publish these entries?"})),e.createElement(jt,{area:"contentManager.listView.publishModalAdditionalInfos"})),endAction:e.createElement(ie.z,{onClick:a,variant:"secondary",startIcon:e.createElement(xe.Z,null),loading:r},s({id:"app.utils.publish",defaultMessage:"Publish"}))})};va.propTypes=$o;const Ca=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:r,onConfirm:a})=>{const{formatMessage:s}=(0,G.Z)();return e.createElement(cn,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(q.Z,{id:"confirm-description",textAlign:"center"},s({id:(0,f.OB)("popUpWarning.bodyMessage.contentType.unpublish.all"),defaultMessage:"Are you sure you want to unpublish these entries?"})),e.createElement(jt,{area:"contentManager.listView.unpublishModalAdditionalInfos"})),endAction:e.createElement(ie.z,{onClick:a,variant:"secondary",startIcon:e.createElement(xe.Z,null),loading:r},s({id:"app.utils.unpublish",defaultMessage:"Unpublish"}))})};Ca.propTypes=$o;const Ra=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:r,onConfirm:a})=>{const{formatMessage:s}=(0,G.Z)();return e.createElement(cn,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(q.Z,{id:"confirm-description",textAlign:"center"},s({id:(0,f.OB)("popUpWarning.bodyMessage.contentType.delete.all"),defaultMessage:"Are you sure you want to delete these entries?"})),e.createElement(jt,{area:"contentManager.listView.deleteModalAdditionalInfos"})),endAction:e.createElement(ie.z,{onClick:a,variant:"danger-light",startIcon:e.createElement(Qe.Z,null),id:"confirm-delete",loading:r},s({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))})};Ra.propTypes=$o;const Bo=({showPublish:t,showDelete:o,onConfirmDeleteAll:r,onConfirmPublishAll:a,onConfirmUnpublishAll:s,selectedEntries:c,clearSelectedEntries:l})=>{const{formatMessage:d}=(0,G.Z)(),{trackUsage:m}=(0,y.rS)(),{data:u}=(0,de.v9)(ya()),[p,b]=(0,e.useState)(!1),[h,g]=(0,e.useState)(null),E=u.filter(O=>c.includes(O.id)),C=t&&E.some(O=>!O.publishedAt),T=t&&E.some(O=>O.publishedAt),M=()=>{h==="delete"?g(null):(g("delete"),m("willBulkDeleteEntries"))},v=()=>{h==="publish"?g(null):(g("publish"),m("willBulkPublishEntries"))},R=()=>{h==="unpublish"?g(null):(g("unpublish"),m("willBulkUnpublishEntries"))},N=async(O,P)=>{try{b(!0),await O(c),b(!1),P(),l()}catch{b(!1),P()}},k=()=>N(r,M),I=()=>N(a,v),w=()=>N(s,R);return e.createElement(e.Fragment,null,C&&e.createElement(e.Fragment,null,e.createElement(ie.z,{variant:"tertiary",onClick:v},d({id:"app.utils.publish",defaultMessage:"Publish"})),e.createElement(va,{isOpen:h==="publish",onToggleDialog:v,isConfirmButtonLoading:p,onConfirm:I})),T&&e.createElement(e.Fragment,null,e.createElement(ie.z,{variant:"tertiary",onClick:R},d({id:"app.utils.unpublish",defaultMessage:"Unpublish"})),e.createElement(Ca,{isOpen:h==="unpublish",onToggleDialog:R,isConfirmButtonLoading:p,onConfirm:w})),o&&e.createElement(e.Fragment,null,e.createElement(ie.z,{variant:"danger-light",onClick:M},d({id:"global.delete",defaultMessage:"Delete"})),e.createElement(Ra,{isOpen:h==="delete",onToggleDialog:M,isConfirmButtonLoading:p,onConfirm:k})))};Bo.defaultProps={showPublish:!1,showDelete:!1,onConfirmDeleteAll(){},onConfirmPublishAll(){},onConfirmUnpublishAll(){}},Bo.propTypes={showPublish:n().bool,showDelete:n().bool,onConfirmDeleteAll:n().func,onConfirmPublishAll:n().func,onConfirmUnpublishAll:n().func,selectedEntries:n().array.isRequired,clearSelectedEntries:n().func.isRequired};var Zm=Bo;const Ma=({isConfirmButtonLoading:t,isOpen:o,onToggleDialog:r,onConfirm:a})=>{const{formatMessage:s}=(0,G.Z)();return e.createElement($t.V,{onClose:r,title:s({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:o},e.createElement(Bt.a,{icon:e.createElement(Mt.Z,null)},e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Z.k,{justifyContent:"center"},e.createElement(q.Z,{id:"confirm-description"},s({id:"components.popUpWarning.message",defaultMessage:"Are you sure you want to delete this?"}))),e.createElement(Z.k,null,e.createElement(jt,{area:"contentManager.listView.deleteModalAdditionalInfos"})))),e.createElement(Nt.c,{startAction:e.createElement(ie.z,{onClick:r,variant:"tertiary"},s({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(ie.z,{onClick:a,variant:"danger-light",startIcon:e.createElement(Qe.Z,null),id:"confirm-delete",loading:t},s({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))}))};Ma.propTypes={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired};const Ta=({isConfirmButtonLoading:t,isOpen:o,onToggleDialog:r,onConfirm:a})=>{const{formatMessage:s}=(0,G.Z)();return e.createElement($t.V,{onClose:r,title:s({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:o},e.createElement(Bt.a,{icon:e.createElement(Mt.Z,null)},e.createElement(Z.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Z.k,{justifyContent:"center"},e.createElement(q.Z,{id:"confirm-description"},s({id:(0,f.OB)("popUpWarning.bodyMessage.contentType.delete.all"),defaultMessage:"Are you sure you want to delete these entries?"}))),e.createElement(Z.k,null,e.createElement(jt,{area:"contentManager.listView.deleteModalAdditionalInfos"})))),e.createElement(Nt.c,{startAction:e.createElement(ie.z,{onClick:r,variant:"tertiary"},s({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(ie.z,{onClick:a,variant:"danger-light",startIcon:e.createElement(Qe.Z,null),id:"confirm-delete",loading:t},s({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))}))};Ta.propTypes={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired};const Da=({layout:t})=>{const o=(0,de.I0)(),r=(0,de.v9)(Ea),{trackUsage:a}=(0,y.rS)(),{formatMessage:s}=(0,G.Z)(),c=Lm(t.contentType.attributes).map(m=>{const u=t.contentType.metadatas[m].list;return{name:m,intlLabel:{id:u.label,defaultMessage:u.label}}}),l=r.map(({name:m})=>m),d=m=>{if(a("didChangeDisplayedFields"),m.length<l.length){const u=l.filter(p=>m.indexOf(p)===-1);o(Fo({name:u[0],value:!0}))}else{const u=m.filter(p=>l.indexOf(p)===-1);o(Fo({name:u[0],value:!1}))}};return e.createElement(j.x,{paddingTop:1,paddingBottom:1},e.createElement(Oe.P,{"aria-label":"change displayed fields",value:l,onChange:d,customizeContent:m=>s({id:(0,f.OB)("select.currently.selected"),defaultMessage:"{count} currently selected"},{count:m.length}),multi:!0,size:"S"},c.map(m=>e.createElement(be.W,{key:m.name,value:m.name},s({id:m.intlLabel.id||m.name,defaultMessage:m.intlLabel.defaultMessage||m.name})))))};Da.propTypes={layout:n().shape({contentType:n().shape({attributes:n().object.isRequired,metadatas:n().object.isRequired,layouts:n().shape({list:n().array.isRequired}).isRequired,options:n().object.isRequired,settings:n().object.isRequired}).isRequired}).isRequired};const Lm=t=>Object.keys(t).reduce((r,a)=>{const s=t[a];return(0,f.ko)(s)&&r.push(a),r},[]).sort();var Am=i(35658),Sm=i(94547),zt=i(19786),Fm=i(82884),wm=i(47765),$m=i(59177),Bm=i(8997),Nm=i(96315);const Oa=({type:t,value:o})=>{const{formatDate:r,formatTime:a,formatNumber:s}=(0,G.Z)();let c=o;if(t==="date"&&(c=r((0,Nm.Z)(o),{dateStyle:"full"})),t==="datetime"&&(c=r(o,{dateStyle:"full",timeStyle:"short"})),t==="time"){const[l,d,m]=o.split(":"),u=new Date;u.setHours(l),u.setMinutes(d),u.setSeconds(m),c=a(u,{numeric:"auto",style:"short"})}return["float","decimal"].includes(t)&&(c=s(o,{maximumFractionDigits:20})),["integer","biginteger"].includes(t)&&(c=s(o,{maximumFractionDigits:0})),Kr()(c)};Oa.propTypes={type:n().string.isRequired,value:n().any.isRequired};var It=Oa,Wm=i(69033);const jm=(0,z.ZP)(Z.k)`
1049
- position: relative;
1050
- border-radius: 50%;
1051
- width: 26px;
1052
- height: 26px;
1053
- border: 1px solid ${({theme:t})=>t.colors.neutral200};
1054
- background: ${({theme:t})=>t.colors.neutral150};
1055
- padding-left: 1px;
1056
-
1057
- span {
1058
- line-height: 0.6rem;
1059
- font-size: 0.6rem;
1060
- }
1061
- `,Ia=({children:t,...o})=>e.createElement(jm,{justifyContent:"center",alignItems:"center",as:"span",...o},e.createElement(q.Z,{variant:"sigma",textColor:"neutral600"},t));Ia.propTypes={children:n().string.isRequired};var Pa=Ia;const No=({url:t,mime:o,alternativeText:r,name:a,ext:s,formats:c})=>{const l=(0,y.CR)(t);if(o.includes("image")){const u=c?.thumbnail?.url||null,p=(0,y.CR)(u)||l;return e.createElement(Wm.q,{src:p,alt:r||a,preview:!0})}const d=(0,y.mD)(s),m=a.length>100?`${a.substring(0,100)}...`:a;return e.createElement(tn.u,{description:m},e.createElement(Pa,null,d))};No.defaultProps={alternativeText:null,formats:null},No.propTypes={alternativeText:n().string,ext:n().string.isRequired,formats:n().object,mime:n().string.isRequired,name:n().string.isRequired,url:n().string.isRequired};var ka=No,zm=i(25898);const xa=({value:t})=>e.createElement(zm.H,null,t.map((o,r)=>{const a=`${o.id}${r}`;if(r===3){const s=`+${t.length-3}`;return e.createElement(Pa,{key:a,preview:!1},s)}return r>3?null:e.createElement(ka,{key:a,...o})}));xa.propTypes={value:n().arrayOf(n().shape({alternativeText:n().string,ext:n().string.isRequired,formats:n().object,mime:n().string.isRequired,name:n().string.isRequired,url:n().string.isRequired})).isRequired};var Um=xa,Za=i(6518),Vm=i(23866);const qm=(0,z.ZP)(q.Z)`
1062
- max-width: 500px;
1063
- `,Hm=async(t,o,r)=>{const{data:{results:a,pagination:s}}=await r(t);return o(),{results:a,pagination:s}},La=({fieldSchema:t,metadatas:o,name:r,entityId:a,value:s,contentType:c})=>{const{formatMessage:l}=(0,G.Z)(),{notifyStatus:d}=(0,wo.G)(),m=(0,e.useMemo)(()=>(0,f.IF)(`relations/${c.uid}/${a}/${r.split(".")[0]}`),[a,r,c]),[u,p]=(0,e.useState)(!1),{get:b}=(0,y.kY)(),h=e.createElement(Z.k,{gap:1,wrap:"nowrap"},e.createElement(Za.C,null,s.count),l({id:"content-manager.containers.ListPage.items",defaultMessage:"{number, plural, =0 {items} one {item} other {items}}"},{number:s.count})),g=()=>{const T=l({id:(0,f.OB)("DynamicTable.relation-loaded"),defaultMessage:"Relations have been loaded"});d(T)},{data:E,status:C}=(0,et.useQuery)([t.targetModel,a],()=>Hm(m,g,b),{enabled:u,staleTime:0,select:T=>({...T,results:[...T.results].reverse()})});return e.createElement(j.x,{...y.UW},e.createElement(Ge.O,{label:h,size:"S",onOpen:()=>p(!0),onClose:()=>p(!1)},C!=="success"&&e.createElement(Ge.s,{"aria-disabled":!0},e.createElement(Vm.a,{small:!0},l({id:(0,f.OB)("DynamicTable.relation-loading"),defaultMessage:"Relations are loading"}))),C==="success"&&e.createElement(e.Fragment,null,E?.results.map(T=>e.createElement(Ge.s,{key:T.id,"aria-disabled":!0},e.createElement(qm,{ellipsis:!0},e.createElement(It,{type:o.mainField.schema.type,value:T[o.mainField.name]||T.id})))),E?.pagination.total>10&&e.createElement(Ge.s,{"aria-disabled":!0,"aria-label":l({id:(0,f.OB)("DynamicTable.relation-more"),defaultMessage:"This relation contains more entities than displayed"})},e.createElement(q.Z,null,"\u2026")))))};La.propTypes={contentType:n().shape({uid:n().string.isRequired}).isRequired,fieldSchema:n().shape({relation:n().string,targetModel:n().string,type:n().string.isRequired}).isRequired,metadatas:n().shape({mainField:n().shape({name:n().string.isRequired,schema:n().shape({type:n().string.isRequired}).isRequired})}).isRequired,name:n().string.isRequired,entityId:n().oneOfType([n().string,n().number]).isRequired,value:n().object.isRequired};var Gm=La;const Qm=(0,z.ZP)(q.Z)`
1064
- max-width: 500px;
1065
- `,Aa=({metadatas:t,value:o})=>e.createElement(Qm,{textColor:"neutral800",ellipsis:!0},e.createElement(It,{type:t.mainField.schema.type,value:o[t.mainField.name]??o.id}));Aa.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string.isRequired,schema:n().shape({type:n().string.isRequired}).isRequired})}).isRequired,value:n().object.isRequired};var Km=Aa;const Ym=(0,z.ZP)(q.Z)`
1066
- max-width: 500px;
1067
- `,Sa=({value:t,metadatas:o})=>{const{formatMessage:r}=(0,G.Z)(),{mainField:{type:a,name:s}}=o,c=e.createElement(e.Fragment,null,e.createElement(Za.C,null,t.length)," ",r({id:"content-manager.containers.ListPage.items",defaultMessage:"{number, plural, =0 {items} one {item} other {items}}"},{number:t.length}));return e.createElement(j.x,{...y.UW},e.createElement(Ge.O,{label:c,size:"S"},t.map(l=>e.createElement(Ge.s,{key:l.id,"aria-disabled":!0},e.createElement(Ym,{ellipsis:!0},e.createElement(It,{type:a,value:l[s]||l.id}))))))};Sa.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().array.isRequired};var Xm=Sa;const Jm=(0,z.ZP)(q.Z)`
1068
- max-width: 250px;
1069
- `,Fa=({value:t,metadatas:o})=>{const{mainField:r}=o,a=t[r.name];return e.createElement(tn.u,{label:a},e.createElement(Jm,{textColor:"neutral800",ellipsis:!0},e.createElement(It,{type:r.type,value:a})))};Fa.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().object.isRequired};var _m=Fa,ep=i(80022),wa=i.n(ep),$a=i(82293);function Ba(t){return["oneToOne","manyToOne","oneToOneMorph"].includes(t)}function tp(t,o,r,a){if(t==="component"){const{mainField:{name:s,type:c}}=r;if(a?.repeatable)return o.length>0;const l=o?.[s];return s==="id"&&![void 0,null].includes(l)?!0:(0,$a.Z)(c)&&c!=="biginteger"&&s!=="id"?wa()(l):!Fe()(l)}return t==="relation"?Ba(a.relation)?!Fe()(o):o?.count>0:(0,$a.Z)(t)&&t!=="biginteger"?wa()(o):t==="boolean"?o!==null:!Fe()(o)}const Na=(0,z.ZP)(q.Z)`
1070
- max-width: 300px;
1071
- `,Wo=({content:t,fieldSchema:o,metadatas:r,name:a,rowId:s,contentType:c})=>{const{type:l}=o;if(!tp(l,t,r,o))return e.createElement(q.Z,{textColor:"neutral800"},"-");switch(l){case"media":return o.multiple?e.createElement(Um,{value:t}):e.createElement(ka,{...t});case"relation":return Ba(o.relation)?e.createElement(Km,{metadatas:r,value:t}):e.createElement(Gm,{fieldSchema:o,metadatas:r,value:t,name:a,entityId:s,contentType:c});case"component":return o.repeatable===!0?e.createElement(Xm,{value:t,metadatas:r}):e.createElement(_m,{value:t,metadatas:r});case"string":return e.createElement(tn.u,{description:t},e.createElement(Na,{ellipsis:!0,textColor:"neutral800"},e.createElement(It,{type:l,value:t})));default:return e.createElement(Na,{ellipsis:!0,textColor:"neutral800"},e.createElement(It,{type:l,value:t}))}};Wo.defaultProps={content:void 0},Wo.propTypes={content:n().any,contentType:n().shape({uid:n().string.isRequired}).isRequired,fieldSchema:n().shape({component:n().string,multiple:n().bool,type:n().string.isRequired,repeatable:n().bool,relation:n().string}).isRequired,metadatas:n().object.isRequired,name:n().string.isRequired,rowId:n().oneOfType([n().string,n().number]).isRequired};var np=Wo;const op=()=>null,jo=({canCreate:t,canDelete:o,contentType:r,features:{hasDraftAndPublish:a,hasReviewWorkflows:s},headers:c,entriesToDelete:l,onClickDelete:d,onSelectRow:m,withMainAction:u,withBulkActions:p,rows:b})=>{const{push:h,location:g}=(0,ae.k6)(),{pathname:E}=g,{formatMessage:C}=(0,G.Z)(),{post:T}=(0,y.kY)(),{trackUsage:M}=(0,y.rS)(),v=(0,ne.fi)(),[{query:R}]=(0,y.Kx)(),{formatAPIError:N}=(0,y.So)(f.OB),k=(0,ga.c)(op,async()=>(await i.e(539).then(i.bind(i,60539))).ReviewWorkflowsStageEE,{enabled:s}),I=O=>()=>{p&&(M("willEditEntryFromList"),h({pathname:`${E}/${O}`,state:{from:E},search:v}))},w=O=>async()=>{try{const{data:P}=await T(`/content-manager/collection-types/${r.uid}/auto-clone/${O}`,{},{params:{plugins:R?.plugins}});"id"in P&&h({pathname:`${E}/${P.id}`,state:{from:E},search:v})}catch(P){P instanceof $m.d7&&h({pathname:`${E}/create/clone/${O}`,state:{from:E,error:N(P)},search:v})}};return k?e.createElement(Am.p,null,b.map((O,P)=>{const $=l.includes(O.id),H=C({id:"content-manager.components.DynamicTable.row-line",defaultMessage:"item line {number}"},{number:P});return e.createElement(Sm.Tr,{cursor:p?"pointer":"default",key:O.id,onClick:I(O.id)},u&&e.createElement(zt.Td,{onClick:A=>A.stopPropagation()},e.createElement(Fm.C,{"aria-label":C({id:"app.component.table.select.one-entry",defaultMessage:"Select {target}"},{target:(0,Bm.Pp)(O.firstname,O.lastname)}),checked:$,onChange:()=>{m({name:O.id,value:!$})}})),c.map(({key:A,cellFormatter:Y,name:J,..._})=>a&&J==="publishedAt"?e.createElement(zt.Td,{key:A},e.createElement(Kn.q,{width:"min-content",showBullet:!1,variant:O.publishedAt?"success":"secondary",size:"S"},e.createElement(q.Z,{fontWeight:"bold",textColor:`${O.publishedAt?"success":"secondary"}700`},C({id:(0,f.OB)(`containers.List.${O.publishedAt?"published":"draft"}`),defaultMessage:O.publishedAt?"Published":"Draft"})))):s&&J==="strapi_reviewWorkflows_stage"?e.createElement(zt.Td,{key:A},O.strapi_stage?e.createElement(k,{color:O.strapi_stage.color,name:O.strapi_stage.name}):e.createElement(q.Z,{textColor:"neutral800"},"-")):e.createElement(zt.Td,{key:A},e.createElement(np,{content:O[J.split(".")[0]],name:J,contentType:r,..._,rowId:O.id}))),p&&e.createElement(zt.Td,null,e.createElement(Z.k,{as:"span",justifyContent:"end",gap:1,onClick:A=>A.stopPropagation()},e.createElement(Ce.h,{forwardedAs:Zt.rU,onClick:()=>{M("willEditEntryFromButton")},to:{pathname:`${E}/${O.id}`,state:{from:E},search:v},label:C({id:"app.component.table.edit",defaultMessage:"Edit {target}"},{target:H}),noBorder:!0},e.createElement(ut.Z,null)),t&&e.createElement(Ce.h,{onClick:w(O.id),label:C({id:"app.component.table.duplicate",defaultMessage:"Duplicate {target}"},{target:H}),noBorder:!0},e.createElement(wm.Z,null)),o&&e.createElement(Ce.h,{onClick:()=>{M("willDeleteEntryFromList"),d(O.id)},label:C({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:H}),noBorder:!0},e.createElement(Qe.Z,null)))))})):null};jo.defaultProps={canCreate:!1,canDelete:!1,entriesToDelete:[],onClickDelete(){},onSelectRow(){},rows:[],withBulkActions:!1,withMainAction:!1},jo.propTypes={canCreate:n().bool,canDelete:n().bool,contentType:n().shape({uid:n().string.isRequired}).isRequired,entriesToDelete:n().array,features:n().shape({hasDraftAndPublish:n().bool.isRequired,hasReviewWorkflows:n().bool.isRequired}).isRequired,headers:n().array.isRequired,onClickDelete:n().func,onSelectRow:n().func,rows:n().array,withBulkActions:n().bool,withMainAction:n().bool};const rp=(0,z.ZP)(j.x)`
1072
- svg {
1073
- path {
1074
- fill: ${({theme:t})=>t.colors.neutral900};
1075
- }
1076
- }
1077
- `,ap=null;function Wa({canCreate:t,canDelete:o,canRead:r,canPublish:a,data:s,getData:c,getDataSucceeded:l,isLoading:d,layout:m,pagination:u,slug:p}){const{total:b}=u,{contentType:h}=m,{info:g,options:E,metadatas:C,settings:{bulkable:T,filterable:M,searchable:v}}=h,R=(0,y.lm)(),{trackUsage:N}=(0,y.rS)(),{refetchPermissions:k}=(0,y.vn)(),I=e.useRef(N),w=e.useRef(k),{notifyStatus:O}=(0,wo.G)(),{formatAPIError:P}=(0,y.So)(f.OB),$=(0,de.v9)(ke._);(0,y.go)();const[{query:H}]=(0,y.Kx)(),A=e.useMemo(()=>_r(H),[H]),Y=(0,xo.stringify)({plugins:H.plugins},{encode:!1}),{pathname:J}=(0,ae.TH)(),{push:_}=(0,ae.k6)(),{formatMessage:x}=(0,G.Z)(),S=(0,y.kY)(),D=E?.draftAndPublish??!1,F=E?.reviewWorkflows??!1,W=(0,ga.c)(ap,async()=>(await i.e(2799).then(i.bind(i,42799))).REVIEW_WORKFLOW_COLUMNS_EE,{enabled:!!E?.reviewWorkflows}),{post:Q,del:K}=S,B=(0,et.useMutation)(me=>Q(`/content-manager/collection-types/${h.uid}/actions/bulkPublish`,me),{onSuccess(){R({type:"success",message:{id:"content-manager.success.record.publish",defaultMessage:"Published"}}),re(`/content-manager/collection-types/${p}`,{params:A})},onError(me){R({type:"warning",message:P(me)})}}),X=(0,et.useMutation)(me=>Q(`/content-manager/collection-types/${h.uid}/actions/bulkUnpublish`,me),{onSuccess(){R({type:"success",message:{id:"content-manager.success.record.unpublish",defaultMessage:"Unpublished"}}),re(`/content-manager/collection-types/${p}`,{params:A})},onError(me){R({type:"warning",message:P(me)})}}),ge=e.useRef(""),re=e.useCallback(async(me,ee)=>{c();try{const{data:{results:ue,pagination:Me}}=await S.get(me,ee);O(x({id:(0,f.OB)("utils.data-loaded"),defaultMessage:"{number, plural, =1 {# entry has} other {# entries have}} successfully been loaded"},{number:Me.count})),l(Me,ue)}catch(ue){if(Ke.default.isCancel(ue))return;if((ue?.response?.status??null)===403){await w.current(),R({type:"info",message:{id:(0,f.OB)("permissions.not-allowed.update")}}),_("/");return}R({type:"warning",message:{id:(0,f.OB)("error.model.fetch")}})}},[x,c,l,O,_,R,S]),U=e.useCallback(async me=>{try{await Q(`/content-manager/collection-types/${p}/actions/bulkDelete`,{ids:me}),re(`/content-manager/collection-types/${p}`,{params:A}),I.current("didBulkDeleteEntries")}catch(ee){R({type:"warning",message:P(ee)})}},[p,R,P,Q,re,A]),V=e.useCallback(async me=>{try{await K(`/content-manager/collection-types/${p}/${me}`);const ee=(0,f.IF)(`collection-types/${p}`);re(ee,{params:A}),R({type:"success",message:{id:(0,f.OB)("success.record.delete")}})}catch(ee){R({type:"warning",message:P(ee)})}},[p,R,P,K,re,A]),fe=async me=>{const ee={validIds:[],errors:{}},ue=(0,f.Ex)(h,{components:m.components},{isDraft:!1}),Ut=s.filter(ze=>me.includes(ze.id)).map(ze=>ue.validate(ze,{abortEarly:!1}));return(await Promise.allSettled(Ut)).forEach(ze=>{if(ze.status==="rejected"){const Vo=ze.reason.value.id;ee.errors[Vo]=(0,y.CJ)(ze.reason)}ze.status==="fulfilled"&&ee.validIds.push(ze.value.id)}),ee},he=async me=>{const ee=await fe(me);if(Object.values(ee.errors).length)throw R({type:"warning",title:{id:"content-manager.listView.validation.errors.title",defaultMessage:"Action required"},message:{id:"content-manager.listView.validation.errors.message",defaultMessage:"Please make sure all fields are valid before publishing (required field, min/max character limit, etc.)"}}),new Error("Validation error");return B.mutateAsync({ids:me})},we=me=>X.mutateAsync({ids:me});e.useEffect(()=>{const ee=Ke.default.CancelToken.source(),ue=r,Me=(0,f.IF)(`collection-types/${p}`);return ue&&Me.includes(ge.current)&&re(Me,{cancelToken:ee.token,params:A}),()=>{ge.current=p,ee.cancel("Operation canceled by the user.")}},[r,c,p,A,l,re]);const Ye=x({id:(0,f.OB)("header.name"),defaultMessage:"Content"}),le=x({id:g.displayName,defaultMessage:g.displayName||Ye}),{runHookWaterfall:Pe}=(0,y.j1)(),je=(0,de.v9)(Ea),Ae=e.useMemo(()=>{const ee=Pe(Jt.No,{displayedHeaders:je,layout:m}).displayedHeaders.map(ue=>{const{metadatas:Me}=ue;if(ue.fieldSchema.type==="relation"){const Ut=`${ue.name}.${ue.metadatas.mainField.name}`;return{...ue,metadatas:{...Me,label:x({id:(0,f.OB)(`containers.ListPage.table-headers.${ue.name}`),defaultMessage:Me.label})},name:Ut}}return{...ue,metadatas:{...Me,label:x({id:(0,f.OB)(`containers.ListPage.table-headers.${ue.name}`),defaultMessage:Me.label})}}});return D&&ee.push({key:"__published_at_temp_key__",name:"publishedAt",fieldSchema:{type:"custom"},metadatas:{label:x({id:(0,f.OB)("containers.ListPage.table-headers.publishedAt"),defaultMessage:"publishedAt"}),searchable:!1,sortable:!0}}),W&&(typeof W.metadatas.label!="string"&&(W.metadatas.label=x(W.metadatas.label)),ee.push(W)),ee},[Pe,je,m,W,D,x]),tt=r?x({id:(0,f.OB)("pages.ListView.header-subtitle"),defaultMessage:"{number, plural, =0 {# entries} one {# entry} other {# entries}} found"},{number:b}):null,Pt=me=>t?e.createElement(ie.z,{...me,forwardedAs:Zt.rU,onClick:()=>{const ee=D?{status:"draft"}:{};I.current("willCreateEntry",ee)},to:{pathname:`${J}/create`,search:H.plugins?Y:""},startIcon:e.createElement(Ct.Z,null),style:{textDecoration:"none"}},x({id:(0,f.OB)("HeaderLayout.button.label-add-entry"),defaultMessage:"Create new entry"})):null;return e.createElement(ye.o,{"aria-busy":d},e.createElement(ve.T,{primaryAction:Pt(),subtitle:tt,title:le,navigationAction:e.createElement(y.rU,{startIcon:e.createElement(_e.Z,null),to:"/content-manager/"},x({id:"global.back",defaultMessage:"Back"}))}),!r&&e.createElement(ma.Z,{endActions:e.createElement(_t,{area:"contentManager.listView.actions"})}),r&&e.createElement(ma.Z,{endActions:e.createElement(e.Fragment,null,e.createElement(_t,{area:"contentManager.listView.actions"}),e.createElement(Da,{layout:m}),e.createElement(y.jW,{permissions:$.contentManager.collectionTypesConfigurations},e.createElement(rp,{paddingTop:1,paddingBottom:1},e.createElement(Ce.h,{onClick:()=>{N("willEditListLayout")},forwardedAs:Zt.rU,to:{pathname:`${p}/configurations/list`,search:Y},icon:e.createElement(mn.Z,null),label:x({id:"app.links.configure-view",defaultMessage:"Configure the view"})})))),startActions:e.createElement(e.Fragment,null,v&&e.createElement(y.m,{label:x({id:"app.component.search.label",defaultMessage:"Search for {target}"},{target:le}),placeholder:x({id:"global.search",defaultMessage:"Search"}),trackedEvent:"didSearch"}),M&&e.createElement(Im,{contentType:h,slug:p,metadatas:C}))}),e.createElement(He.D,null,r?e.createElement(Z.k,{gap:4,direction:"column",alignItems:"stretch"},e.createElement(y.tM,{canCreate:t,canDelete:o,canPublish:a,contentTypeName:le,onConfirmDelete:V,onConfirmDeleteAll:U,onConfirmPublishAll:he,onConfirmUnpublishAll:we,isBulkable:T,isLoading:d,layout:m,rows:s,components:{ConfirmDialogDelete:Ma,ConfirmDialogDeleteAll:Ta},contentType:le,action:Pt({variant:"secondary"}),headers:Ae,onOpenDeleteAllModalTrackedEvent:"willBulkDeleteEntries",withBulkActions:!0,withMainAction:o&&T,renderBulkActionsBar:({selectedEntries:me,clearSelectedEntries:ee})=>e.createElement(Zm,{showPublish:a&&D,showDelete:o,onConfirmDeleteAll:U,onConfirmPublishAll:he,onConfirmUnpublishAll:we,selectedEntries:me,clearSelectedEntries:ee}),bulkAction:!0},e.createElement(jo,{canCreate:t,canDelete:o,contentType:h,features:{hasDraftAndPublish:D,hasReviewWorkflows:F},headers:Ae,rows:s,withBulkActions:!0,withMainAction:o&&T})),e.createElement(Z.k,{alignItems:"flex-end",justifyContent:"space-between"},e.createElement(y.v4,{trackedEvent:"willChangeNumberOfEntriesPerPage"}),e.createElement(y.tU,{pagination:{pageCount:u?.pageCount||1}}))):e.createElement(y.ZF,null)))}Wa.propTypes={canCreate:n().bool.isRequired,canDelete:n().bool.isRequired,canRead:n().bool.isRequired,canPublish:n().bool.isRequired,data:n().array.isRequired,layout:n().exact({components:n().object.isRequired,contentType:n().shape({uid:n().string.isRequired,attributes:n().object.isRequired,metadatas:n().object.isRequired,info:n().shape({displayName:n().string.isRequired}).isRequired,layouts:n().shape({list:n().array.isRequired}).isRequired,options:n().object.isRequired,settings:n().object.isRequired}).isRequired}).isRequired,isLoading:n().bool.isRequired,getData:n().func.isRequired,getDataSucceeded:n().func.isRequired,pagination:n().shape({total:n().number.isRequired,pageCount:n().number}).isRequired,slug:n().string.isRequired};const sp=xm();function ip(t){return(0,pa.bindActionCreators)({getData:Em,getDataSucceeded:bm,onChangeListHeaders:Fo,onResetListHeaders:vm},t)}const lp=(0,de.$j)(sp,ip);var cp=(0,pa.compose)(lp)(e.memo(Wa,Te()));const zo=t=>{const o=(0,e.useMemo)(()=>(0,f.TA)(t.slug),[t.slug]),{isLoading:r,allowedActions:a}=(0,y.ss)(o,t.permissions);return r?e.createElement(y.dO,null):e.createElement(cp,{...t,...a})};zo.defaultProps={permissions:[]},zo.propTypes={permissions:n().array,slug:n().string.isRequired};var dp=(0,e.memo)(zo,(t,o)=>{const r=(0,y.e5)(t,o);return Object.keys(r).filter(s=>s!=="state").length>0});const ja=({layout:t,...o})=>{const r=(0,de.I0)(),{replace:a}=(0,ae.k6)(),[{query:s,rawQuery:c}]=(0,y.Kx)(),l=(0,ne.r5)(s,o.slug,"listView"),d=(0,ne.Ky)(o.slug);return(0,e.useEffect)(()=>{c||a(d)},[c,a,d]),(0,e.useEffect)(()=>{r(Rm(t))},[r,t]),(0,e.useEffect)(()=>()=>{r(Cm())},[r]),l?e.createElement(dp,{...o,layout:t,permissions:l}):null};ja.propTypes={layout:n().exact({components:n().object.isRequired,contentType:n().shape({attributes:n().object.isRequired,metadatas:n().object.isRequired,layouts:n().shape({list:n().array.isRequired}).isRequired,options:n().object.isRequired,settings:n().object.isRequired,pluginOptions:n().object}).isRequired}).isRequired,slug:n().string.isRequired};var up=ja,mp=()=>e.createElement(j.x,{padding:8},e.createElement(y.Hn,null));const za=({match:{params:{slug:t},url:o}})=>{const r=(0,de.v9)(ke._),{isLoading:a,layout:s,updateLayout:c}=(0,ne.zE)(t),{rawContentTypeLayout:l,rawComponentsLayouts:d}=(0,e.useMemo)(()=>{let b={},h={};return s.contentType&&(b=(0,f.du)(s.contentType)),s.components&&(h=Object.keys(s.components).reduce((g,E)=>(g[E]=(0,f.du)(s.components[E]),g),{})),{rawContentTypeLayout:b,rawComponentsLayouts:h}},[s]);if((s?.contentType?.uid??null)!==t||a)return e.createElement(y.dO,null);const u=({location:{state:b},history:{goBack:h},match:{params:{id:g,origin:E}}},C)=>e.createElement(C,{slug:t,layout:s,state:b,goBack:h,id:g,origin:E}),p=[{path:"create/clone/:origin",comp:ln},{path:"create",comp:ln},{path:":id",comp:ln},{path:"",comp:up}].map(({path:b,comp:h})=>e.createElement(ae.AW,{key:b,path:`${o}/${b}`,render:g=>u(g,h)}));return e.createElement(Je.ErrorBoundary,{FallbackComponent:mp},e.createElement(ct.Provider,{value:s},e.createElement(ae.rs,null,e.createElement(ae.AW,{path:`${o}/configurations/list`},e.createElement(y.O4,{permissions:r.contentManager.collectionTypesConfigurations},e.createElement(ym,{layout:l,slug:t,updateLayout:c}))),e.createElement(ae.AW,{path:`${o}/configurations/edit`},e.createElement(y.O4,{permissions:r.contentManager.collectionTypesConfigurations},e.createElement(xn,{components:d,isContentTypeView:!0,mainLayout:l,slug:t,updateLayout:c}))),p)))};za.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var pp=(0,e.memo)(za),Ua=i(57678);const gp=()=>{const[{isLoading:t,data:o},r]=(0,e.useReducer)(Ua.Z,Ua.q),a=(0,e.useMemo)(vt.Vo,[]),{schemas:s}=(0,de.v9)(m=>a(m),de.wU),c=(0,de.v9)(ke._),{uid:l}=(0,ae.UO)(),{get:d}=(0,y.kY)();return(0,e.useEffect)(()=>{const u=Ke.default.CancelToken.source();return(async b=>{try{r(en());const{data:{data:h}}=await d(`/content-manager/components/${l}/configuration`,{cancelToken:b.token});r(Zn((0,f.w8)(h,s,"component")))}catch(h){if(Ke.default.isCancel(h))return;console.error(h)}})(u),()=>{u.cancel("Operation canceled by the user.")}},[l,s,d]),t?e.createElement(y.dO,null):e.createElement(y.O4,{permissions:c.contentManager.componentsConfigurations},e.createElement(xn,{components:o.components,mainLayout:o.component,slug:l}))};var fp=(0,e.memo)(gp),hp=i(9695),yp=i(54725),Ep=()=>{const{formatMessage:t}=(0,G.Z)();return(0,y.go)(),e.createElement(ye.o,null,e.createElement(ve.T,{title:t({id:(0,f.OB)("header.name"),defaultMessage:"Content"})}),e.createElement(He.D,null,e.createElement(hp.x,{action:e.createElement(y.Qj,{variant:"secondary",startIcon:e.createElement(Ct.Z,null),to:"/plugins/content-type-builder/content-types/create-content-type"},t({id:"app.components.HomePage.create",defaultMessage:"Create your first Content-type"})),content:t({id:"content-manager.pages.NoContentType.text",defaultMessage:"You don't have any content yet, we recommend you to create your first Content-Type."}),hasRadius:!0,icon:e.createElement(yp.Z,{width:"10rem"}),shadow:"tableShadow"})))},bp=()=>{const{formatMessage:t}=(0,G.Z)();return(0,y.go)(),e.createElement(ye.o,null,e.createElement(ve.T,{title:t({id:(0,f.OB)("header.name"),defaultMessage:"Content"})}),e.createElement(He.D,null,e.createElement(y.ZF,null)))};const Va=({match:{params:{slug:t},url:o}})=>{const r=(0,de.v9)(ke._),{isLoading:a,layout:s,updateLayout:c}=(0,ne.zE)(t),{rawContentTypeLayout:l,rawComponentsLayouts:d}=(0,e.useMemo)(()=>{let m={},u={};return s.contentType&&(u=(0,f.du)(s.contentType)),s.components&&(m=Object.keys(s.components).reduce((p,b)=>(p[b]=(0,f.du)(s.components[b]),p),{})),{rawContentTypeLayout:u,rawComponentsLayouts:m}},[s]);return a?e.createElement(y.dO,null):e.createElement(ct.Provider,{value:s},e.createElement(ae.rs,null,e.createElement(ae.AW,{path:`${o}/configurations/edit`},e.createElement(y.O4,{permissions:r.contentManager.singleTypesConfigurations},e.createElement(xn,{components:d,isContentTypeView:!0,mainLayout:l,slug:t,updateLayout:c}))),e.createElement(ae.AW,{path:o,render:({location:{state:m},history:{goBack:u}})=>e.createElement(ln,{layout:s,slug:t,isSingleType:!0,state:m,goBack:u})})))};Va.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var vp=(0,e.memo)(Va),Cp=i(16899);const Rp=(0,z.ZP)(Z.k)`
1078
- border-radius: 50%;
1079
-
1080
- svg {
1081
- height: ${6/16}rem;
1082
- width: ${11/16}rem;
1083
- > path {
1084
- fill: ${({theme:t})=>t.colors.neutral600};
1085
- }
1086
- }
1087
- `,Mp=z.ZP.button`
1088
- border: none;
1089
- background: transparent;
1090
- display: block;
1091
- width: 100%;
1092
- text-align: unset;
1093
- padding: 0;
1094
- `;function qa({displayedValue:t}){return e.createElement(Z.k,{background:"neutral0",borderColor:"neutral200",justifyContent:"space-between",gap:3,padding:3,width:(0,y.Q1)(300)},e.createElement(Mp,{type:"button"},e.createElement(Z.k,{gap:6},e.createElement(Rp,{alignItems:"center",justifyContent:"center",background:"neutral200",height:(0,y.Q1)(32),width:(0,y.Q1)(32)},e.createElement(Cp.Z,null)),e.createElement(Z.k,{maxWidth:(0,y.Q1)(150)},e.createElement(q.Z,{textColor:"neutral700",ellipsis:!0},t)))),e.createElement(Z.k,{gap:2},e.createElement(Ce.h,{noBorder:!0},e.createElement(Qe.Z,null)),e.createElement(Ce.h,{noBorder:!0},e.createElement(rt.Z,null))))}qa.propTypes={displayedValue:n().string.isRequired};const Ha=({status:t,displayedValue:o,width:r})=>{const{formatMessage:a}=(0,G.Z)(),s={[gt.DRAFT]:a({id:(0,f.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[gt.PUBLISHED]:a({id:(0,f.OB)("relation.publicationState.published"),defaultMessage:"Published"})},c=t===gt.DRAFT?"secondary":"success";return e.createElement(j.x,{style:{width:r}},e.createElement(Z.k,{paddingTop:2,paddingBottom:2,paddingLeft:2,paddingRight:4,hasRadius:!0,borderSize:1,background:"neutral0",borderColor:"neutral200",justifyContent:"space-between"},e.createElement(Sr,{gap:1},e.createElement(Ce.h,{noBorder:!0},e.createElement(rt.Z,null)),e.createElement(Fr,{maxWidth:"100%",justifyContent:"space-between"},e.createElement(j.x,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},e.createElement(wr,null,e.createElement(q.Z,{textColor:"primary600",ellipsis:!0},o))),t&&e.createElement(Kn.q,{variant:c,showBullet:!1,size:"S"},e.createElement(q.Z,{fontWeight:"bold",textColor:`${c}700`},s[t])))),e.createElement(j.x,{paddingLeft:4},e.createElement($r,{type:"button"},e.createElement(pn.J,{width:"12px",as:nn.Z})))))};Ha.propTypes={status:n().string.isRequired,displayedValue:n().string.isRequired,width:n().number.isRequired};var Tp=i(90700),Dp=i(78090),Op=i(77013),Ip=i(79318),Pp=i(66618),kp=()=>{const[t,o]=(0,e.useState)(""),{formatMessage:r,locale:a}=(0,G.Z)(),s=(0,e.useMemo)(vt.KQ,[]),{collectionTypeLinks:c,singleTypeLinks:l}=(0,de.v9)(s,de.wU),{startsWith:d}=(0,y.L0)(a,{sensitivity:"base"}),m=(0,y.Xe)(a,{sensitivity:"base"}),u=(0,e.useMemo)(()=>[{id:"collectionTypes",title:{id:(0,Ie.Z)("components.LeftMenu.collection-types"),defaultMessage:"Collection Types"},searchable:!0,links:c},{id:"singleTypes",title:{id:(0,Ie.Z)("components.LeftMenu.single-types"),defaultMessage:"Single Types"},searchable:!0,links:l}].map(g=>({...g,links:g.links.filter(E=>d(E.title,t)).sort((E,C)=>m.compare(E.title,C.title)).map(E=>({...E,title:r({id:E.title,defaultMessage:E.title})}))})),[c,t,l,d,r,m]),p=()=>{o("")},b=({target:{value:g}})=>{o(g)},h=r({id:(0,Ie.Z)("header.name"),defaultMessage:"Content"});return e.createElement(Tp.m,{ariaLabel:h},e.createElement(Dp.p,{label:h,searchable:!0,value:t,onChange:b,onClear:p,searchLabel:r({id:"content-manager.components.LeftMenu.Search.label",defaultMessage:"Search for a content type"})}),e.createElement(Op.Z,null,u.map(g=>{const E=r({id:g.title.id,defaultMessage:g.title.defaultMessage},g.title.values);return e.createElement(Ip.D,{key:g.id,label:E,badgeLabel:g.links.length.toString()},g.links.map(C=>{const T=C.search?`?${C.search}`:"";return e.createElement(Pp.E,{as:Zt.OL,key:C.uid,to:`${C.to}${T}`},C.title)}))})))},Uo=i(92886);const xp=()=>({type:Uo.fn}),Zp=()=>({type:Uo.sZ}),Lp=({authorizedCollectionTypeLinks:t,authorizedSingleTypeLinks:o,contentTypeSchemas:r,components:a,fieldSizes:s})=>({type:Uo.IX,data:{authorizedCollectionTypeLinks:t,authorizedSingleTypeLinks:o,components:a,contentTypeSchemas:r,fieldSizes:s}});var Ga=(t,o)=>o.map(({permissions:r})=>(0,y.qX)(t,r)),Ap=i(81346),Sp=i.n(Ap);const Qa=(t,o,r=[])=>t.filter(a=>a.isDisplayed).map(a=>{const s=[{action:"plugin::content-manager.explorer.create",subject:a.uid},{action:"plugin::content-manager.explorer.read",subject:a.uid}],c=[{action:"plugin::content-manager.explorer.read",subject:a.uid}],l=o==="collectionTypes"?s:c,d=r.find(({uid:u})=>u===a.uid);let m=null;if(d){const u={page:1,pageSize:d.settings.pageSize,sort:`${d.settings.defaultSortBy}:${d.settings.defaultSortOrder}`};m=(0,xo.stringify)(u,{encode:!1})}return{permissions:l,search:m,kind:a.kind,title:a.info.displayName,to:`/content-manager/${a.kind}/${a.uid}`,uid:a.uid,name:a.uid,isDisplayed:a.isDisplayed}});var Fp=(t,o)=>{const r=Object.entries(Sp()(t,"kind")).map(([c,l])=>({name:c,links:l})),[a,s]=nt()(r,"name");return{collectionTypeSectionLinks:Qa(a?.links||[],"collectionTypes",o),singleTypeSectionLinks:Qa(s?.links??[],"singleTypes")}},wp=async({models:t,userPermissions:o,toggleNotification:r})=>{const{get:a}=(0,y.tg)();try{const{data:{data:s}}=await a((0,f.IF)("content-types-settings")),{collectionTypeSectionLinks:c,singleTypeSectionLinks:l}=Fp(t,s),d=await Promise.all(Ga(o,c)),m=c.filter((b,h)=>d[h]),u=await Promise.all(Ga(o,l)),p=l.filter((b,h)=>u[h]);return{authorizedCollectionTypeLinks:m,authorizedSingleTypeLinks:p}}catch(s){return console.error(s),r({type:"warning",message:{id:"notification.error"}}),{authorizedCollectionTypeLinks:[],authorizedSingleTypeLinks:[]}}},$p=()=>{const t=(0,de.I0)(),o=(0,y.lm)(),r=(0,de.v9)((0,vt.Yg)()),a=(0,e.useRef)(),{allPermissions:s}=(0,y.vn)(),{runHookWaterfall:c}=(0,y.j1)(),d=Ke.default.CancelToken.source(),{notifyStatus:m}=(0,wo.G)(),{formatMessage:u}=(0,G.Z)(),{get:p}=(0,y.kY)(),b=async()=>{t(xp());try{const{data:{data:{components:h,contentTypes:g,fieldSizes:E}}}=await p("/content-manager/init",{cancelToken:d.token});m(u({id:(0,f.OB)("App.schemas.data-loaded"),defaultMessage:"The schemas have been successfully loaded."}));const C=await wp({models:g,userPermissions:s,toggleNotification:o}),{ctLinks:T}=c(Jt.LK,{ctLinks:C.authorizedCollectionTypeLinks,models:g}),{stLinks:M}=c(Jt.dV,{stLinks:C.authorizedSingleTypeLinks,models:g}),v=Lp({authorizedCollectionTypeLinks:T,authorizedSingleTypeLinks:M,contentTypeSchemas:g,components:h,fieldSizes:E});t(v)}catch(h){if(Ke.default.isCancel(h))return;console.error(h),o({type:"warning",message:{id:"notification.error"}})}};return a.current=b,(0,e.useEffect)(()=>(a.current(),()=>{d.cancel("Operation canceled by the user."),t(Zp())}),[t,o]),{...r,refetchData:a.current}};function Bp({type:t,item:o}){if([Xe.Z.EDIT_FIELD,Xe.Z.FIELD].includes(t))return e.createElement(Wt,{labelField:o.labelField});const[r]=t.split("_");switch(r){case Xe.Z.COMPONENT:case Xe.Z.DYNAMIC_ZONE:return e.createElement(qa,{displayedValue:o.displayedValue});case Xe.Z.RELATION:return e.createElement(Ha,{displayedValue:o.displayedValue,status:o.status,width:o.width});default:return null}}const Ka=()=>{const t=(0,ae.$B)("/content-manager/:kind/:uid"),{status:o,collectionTypeLinks:r,singleTypeLinks:a,models:s,refetchData:c}=$p(),l=nt()([...r,...a],g=>g.title.toLowerCase()),{pathname:d}=(0,ae.TH)(),{formatMessage:m}=(0,G.Z)(),{startSection:u}=(0,y.c1)(),p=(0,e.useRef)(u),b=(0,de.v9)(ke._);if((0,e.useEffect)(()=>{p.current&&p.current("contentManager")},[]),o==="loading")return e.createElement(ye.o,{"aria-busy":"true"},e.createElement(ve.T,{title:m({id:(0,Ie.Z)("header.name"),defaultMessage:"Content"})}),e.createElement(y.dO,null));const h=s.filter(({isDisplayed:g})=>g);return l.length===0&&h.length>0&&d!=="/content-manager/403"?e.createElement(ae.l_,{to:"/content-manager/403"}):h.length===0&&d!=="/content-manager/no-content-types"?e.createElement(ae.l_,{to:"/content-manager/no-content-types"}):!t&&l.length>0?e.createElement(ae.l_,{to:`${l[0].to}${l[0].search?`?${l[0].search}`:""}`}):e.createElement($e.A,{sideNav:e.createElement(kp,null)},e.createElement(it.r,{renderItem:Bp}),e.createElement(lt.Provider,{value:{refetchData:c}},e.createElement(ae.rs,null,e.createElement(ae.AW,{path:"/content-manager/components/:uid/configurations/edit"},e.createElement(y.O4,{permissions:b.contentManager.componentsConfigurations},e.createElement(fp,null))),e.createElement(ae.AW,{path:"/content-manager/collectionType/:slug",component:pp}),e.createElement(ae.AW,{path:"/content-manager/singleType/:slug",component:vp}),e.createElement(ae.AW,{path:"/content-manager/403"},e.createElement(bp,null)),e.createElement(ae.AW,{path:"/content-manager/no-content-types"},e.createElement(Ep,null)),e.createElement(ae.AW,{path:"",component:y.Hn}))))};function Np(){const{formatMessage:t}=(0,G.Z)();return e.createElement(e.Fragment,null,e.createElement(qe.q,{title:t({id:(0,Ie.Z)("plugin.name"),defaultMessage:"Content Manager"})}),e.createElement(Ka,null))}},92914:function(qt,Ue,i){"use strict";i.d(Ue,{Z:function(){return Gt}});var e=i(32735),ye=i(87933),ve=i(49372),$e=i(72850),y=i(9026),Ve=i(19565),nt=i(60216),qe=i.n(nt),G=i(67879),de=i(8997),ae=i(51375);const it=60*1e3,ke=it*60,Be=ke*24,lt=Be*30,Ie=Be*365;var De=ne=>ne<it?{unit:"second",value:-Math.round(ne/1e3)}:ne<ke?{unit:"minute",value:-Math.round(ne/it)}:ne<Be?{unit:"hour",value:-Math.round(ne/ke)}:ne<lt?{unit:"day",value:-Math.round(ne/Be)}:ne<Ie?{unit:"month",value:-Math.round(ne/lt)}:{unit:"year",value:-Math.round(ne/Ie)};const n=()=>{const{formatMessage:ne}=(0,G.Z)();return e.createElement(ye.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(ve.Z,{variant:"sigma",textColor:"neutral600",id:"additional-information"},ne({id:(0,ae.OB)("containers.Edit.information"),defaultMessage:"Information"})),e.createElement($e.x,null,e.createElement(y.i,null)))},Je=({label:ne,value:f})=>e.createElement(ye.k,{justifyContent:"space-between"},e.createElement(ve.Z,{as:"dt",fontWeight:"bold",textColor:"neutral800",variant:"pi"},ne),e.createElement(ve.Z,{as:"dd",variant:"pi",textColor:"neutral600"},f));Je.propTypes={label:qe().string.isRequired,value:qe().string.isRequired};const Ht=()=>{const{formatMessage:ne,formatRelativeTime:f}=(0,G.Z)(),{initialData:ie,isCreatingEntry:He}=(0,Ve.Wq)(),j=(0,e.useRef)(Date.now()),Z=(Ee,Oe)=>{const{firstname:be,lastname:dt,username:_e}=ie[Oe]??{},xe=be??"",ot=dt??"",Ze=_e??(0,de.Pp)(xe,ot),Et=(ie[Ee]?new Date(ie[Ee]).getTime():Date.now())-j.current,{unit:Ne,value:L}=De(-Et);return{at:f(L,Ne,{numeric:"auto"}),by:He?"-":Ze}},q=Z("updatedAt","updatedBy"),Re=Z("createdAt","createdBy");return e.createElement(ye.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(ye.k,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},e.createElement(Je,{label:ne({id:(0,ae.OB)("containers.Edit.information.created"),defaultMessage:"Created"}),value:Re.at}),e.createElement(Je,{label:ne({id:(0,ae.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:Re.by})),e.createElement(ye.k,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},e.createElement(Je,{label:ne({id:(0,ae.OB)("containers.Edit.information.lastUpdate"),defaultMessage:"Last update"}),value:q.at}),e.createElement(Je,{label:ne({id:(0,ae.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:q.by})))},ct=({children:ne})=>e.createElement(ye.k,{direction:"column",alignItems:"stretch",gap:4},ne);ct.propTypes={children:qe().oneOfType([qe().arrayOf(qe().node),qe().node]).isRequired};var Gt={Root:ct,Title:n,Body:Ht}},73710:function(qt,Ue,i){"use strict";i.d(Ue,{Z:function(){return $e}});var e=i(32735),ye=i(92914);function ve(){return e.createElement(ye.Z.Root,null,e.createElement(ye.Z.Title,null),e.createElement(ye.Z.Body,null))}var $e=ve},75536:function(qt,Ue,i){"use strict";var e=i(32735);const ye=(ve,$e)=>{const[y,Ve]=(0,e.useState)(ve);return(0,e.useEffect)(()=>{const nt=setTimeout(()=>{Ve(ve)},$e);return()=>{clearTimeout(nt)}},[ve,$e]),y};Ue.Z=ye},28243:function(qt,Ue,i){"use strict";i.d(Ue,{Z:function(){return Ie}});var e=i(32735),ye=i(77035),ve=i(87933),$e=i(49372),y=i(23866),Ve=i(19565),nt=i(67879),qe=i(20108),G=i(92914),de=i(35153),ae=i(39731),it=i(67350),ke=i(54504);const Be="strapi_stage";function lt(){const{initialData:Xe,isCreatingEntry:De,layout:{uid:n,options:Je},isSingleType:Ht,onChange:ct}=(0,Ve.Wq)(),{put:Gt}=(0,Ve.kY)(),ne=Xe?.[Be]??null,f=Je?.reviewWorkflows??!1,{formatMessage:ie}=(0,nt.Z)(),{formatAPIError:He}=(0,Ve.So)(),j=(0,Ve.lm)(),{getFeature:Z}=(0,de.Z)(),[q,Re]=e.useState(!1),{meta:Ee,workflows:[Oe],isLoading:be}=(0,it.n)({filters:{contentTypes:n}}),{error:dt,isLoading:_e,mutateAsync:xe}=(0,qe.useMutation)(async({entityId:Ne,stageId:L,uid:bt})=>{const Te=Ht?"single-types":"collection-types",{data:{data:Kt}}=await Gt(`/admin/content-manager/${Te}/${bt}/${Ne}/stage`,{data:{id:L}});return ct({target:{name:Be,value:Kt[Be]}},!0),Kt},{onSuccess(){j({type:"success",message:{id:"content-manager.reviewWorkflows.stage.notification.saved",defaultMessage:"Review stage updated"}})}}),ot=Z("review-workflows"),Ze=dt&&He(dt)||null,Qt=async({value:Ne})=>{try{ot?.workflows&&ot.workflows>Ee.workflowCount?Re("workflow"):ot?.stagesPerWorkflow&&ot.stagesPerWorkflow>Oe.stages.length?Re("stage"):await xe({entityId:Xe.id,stageId:Ne,uid:n})}catch{}},{themeColorName:Et}=ne?.color?(0,ke.k)(ne?.color):{};return e.createElement(G.Z.Root,null,e.createElement(G.Z.Title,null),f&&!De&&e.createElement(ye.q4,{error:Ze,name:Be,id:Be,value:ne?.id,onChange:Ne=>Qt({value:Ne}),label:ie({id:"content-manager.reviewWorkflows.stage.label",defaultMessage:"Review stage"}),startIcon:e.createElement(ve.k,{as:"span",height:2,background:ne?.color,borderColor:Et==="neutral0"?"neutral150":"transparent",hasRadius:!0,shrink:0,width:2,marginRight:"-3px"}),customizeContent:()=>e.createElement(ve.k,{as:"span",justifyContent:"space-between",alignItems:"center",width:"100%"},e.createElement($e.Z,{textColor:"neutral800",ellipsis:!0},ne?.name),be||_e?e.createElement(y.a,{small:!0,style:{display:"flex"}}):null)},Oe?Oe.stages.map(({id:Ne,color:L,name:bt})=>{const{themeColorName:Te}=(0,ke.k)(L);return e.createElement(ye.ag,{startIcon:e.createElement(ve.k,{height:2,background:L,borderColor:Te==="neutral0"?"neutral150":"transparent",hasRadius:!0,shrink:0,width:2}),value:Ne,textValue:bt},bt)}):[]),e.createElement(G.Z.Body,null),e.createElement(ae.fC,{isOpen:q==="workflow",onClose:()=>Re(!1)},e.createElement(ae.Dx,null,ie({id:"content-manager.reviewWorkflows.workflows.limit.title",defaultMessage:"You\u2019ve reached the limit of workflows in your plan"})),e.createElement(ae.uT,null,ie({id:"content-manager.reviewWorkflows.workflows.limit.body",defaultMessage:"Delete a workflow or contact Sales to enable more workflows."}))),e.createElement(ae.fC,{isOpen:q==="stage",onClose:()=>Re(!1)},e.createElement(ae.Dx,null,ie({id:"content-manager.reviewWorkflows.stages.limit.title",defaultMessage:"You have reached the limit of stages for this workflow in your plan"})),e.createElement(ae.uT,null,ie({id:"content-manager.reviewWorkflows.stages.limit.body",defaultMessage:"Try deleting some stages or contact Sales to enable more stages."}))))}var Ie=lt},57544:function(){},59599:function(){},42310:function(){},33842:function(){},85695:function(){}}]);