first commit

services/web/frontend/js/pages/user/subscription/group-management/add-seats.tsx

@@ -0,0 +1,8 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import Root from '@/features/group-management/components/add-seats/root'
+
+const element = document.getElementById('add-seats-root')
+if (element) {
+  ReactDOM.render(<Root />, element)
+}

services/web/frontend/js/pages/user/subscription/group-management/group-managers.jsx

@@ -0,0 +1,8 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import Root from '../../../../features/group-management/components/group-managers'
+
+const element = document.getElementById('subscription-manage-group-root')
+if (element) {
+  ReactDOM.render(<Root />, element)
+}

services/web/frontend/js/pages/user/subscription/group-management/group-members.jsx

@@ -0,0 +1,17 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import GroupMembers from '../../../../features/group-management/components/group-members'
+import { GroupMembersProvider } from '../../../../features/group-management/context/group-members-context'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+
+const element = document.getElementById('subscription-manage-group-root')
+if (element) {
+  ReactDOM.render(
+    <SplitTestProvider>
+      <GroupMembersProvider>
+        <GroupMembers />
+      </GroupMembersProvider>
+    </SplitTestProvider>,
+    element
+  )
+}

services/web/frontend/js/pages/user/subscription/group-management/institution-managers.jsx

@@ -0,0 +1,8 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import Root from '../../../../features/group-management/components/institution-managers'
+
+const element = document.getElementById('subscription-manage-group-root')
+if (element) {
+  ReactDOM.render(<Root />, element)
+}

services/web/frontend/js/pages/user/subscription/group-management/manually-collected-subscription.tsx

@@ -0,0 +1,8 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import ManuallyCollectedSubscription from '@/features/group-management/components/manually-collected-subscription'
+
+const element = document.getElementById('manually-collected-subscription-root')
+if (element) {
+  ReactDOM.render(<ManuallyCollectedSubscription />, element)
+}

services/web/frontend/js/pages/user/subscription/group-management/missing-billing-information.tsx

@@ -0,0 +1,8 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import MissingBillingInformation from '@/features/group-management/components/missing-billing-information'
+
+const element = document.getElementById('missing-billing-information-root')
+if (element) {
+  ReactDOM.render(<MissingBillingInformation />, element)
+}

services/web/frontend/js/pages/user/subscription/group-management/publisher-managers.jsx

@@ -0,0 +1,8 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import Root from '../../../../features/group-management/components/publisher-managers'
+
+const element = document.getElementById('subscription-manage-group-root')
+if (element) {
+  ReactDOM.render(<Root />, element)
+}

services/web/frontend/js/pages/user/subscription/group-management/subtotal-limit-exceeded.tsx

@@ -0,0 +1,8 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import SubtotalLimitExceeded from '@/features/group-management/components/subtotal-limit-exceeded'
+
+const element = document.getElementById('subtotal-limit-exceeded-root')
+if (element) {
+  ReactDOM.render(<SubtotalLimitExceeded />, element)
+}

services/web/frontend/js/pages/user/subscription/group-management/upgrade-group-subscription.tsx

@@ -0,0 +1,8 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import Root from '@/features/group-management/components/upgrade-subscription/root'
+
+const element = document.getElementById('upgrade-group-subscription-root')
+if (element) {
+  ReactDOM.render(<Root />, element)
+}