Prod - April release

.env.development

@@ -0,0 +1,5 @@
+REACT_APP_GROUPS_API_URL=https://api.topcoder-dev.com/v6/groups
+REACT_APP_TERMS_API_URL=https://api.topcoder-dev.com/v5/terms
+REACT_APP_RESOURCES_API_URL=https://api.topcoder-dev.com/v6/resources
+REACT_APP_MEMBER_API_URL=https://api.topcoder-dev.com/v6/members
+REACT_APP_RESOURCE_ROLES_API_URL=https://api.topcoder-dev.com/v6/resource-roles

.env.production

@@ -0,0 +1,5 @@
+REACT_APP_GROUPS_API_URL=https://api.topcoder.com/v6/groups
+REACT_APP_TERMS_API_URL=https://api.topcoder.com/v5/terms
+REACT_APP_RESOURCES_API_URL=https://api.topcoder.com/v6/resources
+REACT_APP_MEMBER_API_URL=https://api.topcoder.com/v6/members
+REACT_APP_RESOURCE_ROLES_API_URL=https://api.topcoder.com/v6/resource-roles

package.json

@@ -19,6 +19,14 @@
     "sb:build": "storybook build -o build/storybook"
   },
   "dependencies": {
+    "@codemirror/autocomplete": "^6.20.1",
+    "@codemirror/lang-java": "^6.0.2",
+    "@codemirror/language": "^6.12.2",
+    "@codemirror/lint": "^6.9.5",
+    "@codemirror/search": "^6.6.0",
+    "@codemirror/state": "^6.6.0",
+    "@codemirror/theme-one-dark": "^6.1.3",
+    "@codemirror/view": "^6.40.0",
     "@datadog/browser-logs": "^4.50.1",
     "@hello-pangea/dnd": "^18.0.1",
     "@heroicons/react": "^1.0.6",
@@ -31,6 +39,7 @@
     "@stripe/stripe-js": "1.54.2",
     "@tinymce/tinymce-react": "^6.3.0",
     "@types/codemirror": "5.60.17",
+    "@uiw/react-codemirror": "^4.25.8",
     "amazon-s3-uri": "^0.1.1",
     "apexcharts": "^3.54.1",
     "axios": "^1.13.2",
@@ -51,6 +60,7 @@
     "express": "^4.22.1",
     "express-fileupload": "^1.5.2",
     "express-interceptor": "^1.2.0",
+    "fflate": "^0.8.2",
     "filestack-js": "^3.44.2",
     "highcharts": "^10.3.3",
     "highcharts-react-official": "^3.2.3",

src/apps/accounts/src/settings/tabs/tools/devices/Devices.tsx

@@ -24,6 +24,8 @@ import {
     WearableIcon,
 } from '~/apps/accounts/src/lib'
 
+import { shouldUseUpdateTraitAction } from '../trait-action.utils'
+
 import styles from './Devices.module.scss'
 
 interface DevicesProps {
@@ -315,7 +317,9 @@ const Devices: FC<DevicesProps> = (props: DevicesProps) => {
                     },
                 }]
 
-                const action = props.devicesTrait ? updateMemberTraitsAsync : createMemberTraitsAsync
+                const action = shouldUseUpdateTraitAction(props.devicesTrait, deviceTypesData)
+                    ? updateMemberTraitsAsync
+                    : createMemberTraitsAsync
 
                 action(
                     props.profile.handle,

src/apps/accounts/src/settings/tabs/tools/service-provider/ServiceProvider.tsx

@@ -14,6 +14,8 @@ import {
     TelevisionServiceProviderIcon,
 } from '~/apps/accounts/src/lib'
 
+import { shouldUseUpdateTraitAction } from '../trait-action.utils'
+
 import { serviceProviderTypes } from './service-provider-types.config'
 import styles from './ServiceProvider.module.scss'
 
@@ -216,7 +218,9 @@ const ServiceProvider: FC<ServiceProviderProps> = (props: ServiceProviderProps)
                     },
                 }]
 
-                const action = props.serviceProviderTrait ? updateMemberTraitsAsync : createMemberTraitsAsync
+                const action = shouldUseUpdateTraitAction(props.serviceProviderTrait, serviceProviderTypesData)
+                    ? updateMemberTraitsAsync
+                    : createMemberTraitsAsync
 
                 action(
                     props.profile.handle,

src/apps/accounts/src/settings/tabs/tools/software/Software.tsx

@@ -7,6 +7,8 @@ import { createMemberTraitsAsync, updateMemberTraitsAsync, UserProfile, UserTrai
 import { Button, Collapsible, ConfirmModal, IconOutline, InputSelect, InputText } from '~/libs/ui'
 import { SettingSection, SoftwareIcon } from '~/apps/accounts/src/lib'
 
+import { shouldUseUpdateTraitAction } from '../trait-action.utils'
+
 import { softwareTypes } from './software-types.config'
 import styles from './Software.module.scss'
 
@@ -170,7 +172,9 @@ const Software: FC<SoftwareProps> = (props: SoftwareProps) => {
                     },
                 }]
 
-                const action = props.softwareTrait ? updateMemberTraitsAsync : createMemberTraitsAsync
+                const action = shouldUseUpdateTraitAction(props.softwareTrait, softwareTypesData)
+                    ? updateMemberTraitsAsync
+                    : createMemberTraitsAsync
 
                 action(
                     props.profile.handle,

src/apps/accounts/src/settings/tabs/tools/subscriptions/Subscriptions.tsx

@@ -7,6 +7,8 @@ import { createMemberTraitsAsync, updateMemberTraitsAsync, UserProfile, UserTrai
 import { Button, Collapsible, ConfirmModal, IconOutline, InputText } from '~/libs/ui'
 import { SettingSection, SubscriptionsIcon } from '~/apps/accounts/src/lib'
 
+import { shouldUseUpdateTraitAction } from '../trait-action.utils'
+
 import styles from './Subscriptions.module.scss'
 
 interface SubscriptionsProps {
@@ -150,7 +152,9 @@ const Subscriptions: FC<SubscriptionsProps> = (props: SubscriptionsProps) => {
                         setIsSaving(false)
                     })
             } else {
-                const action = props.subscriptionsTrait ? updateMemberTraitsAsync : createMemberTraitsAsync
+                const action = shouldUseUpdateTraitAction(props.subscriptionsTrait, subscriptionsTypesData)
+                    ? updateMemberTraitsAsync
+                    : createMemberTraitsAsync
                 action(
                     props.profile.handle,
                     [{

src/apps/accounts/src/settings/tabs/tools/trait-action.utils.spec.ts

@@ -0,0 +1,18 @@
+import { shouldUseUpdateTraitAction } from './trait-action.utils'
+
+describe('shouldUseUpdateTraitAction', () => {
+    it('returns true when the initial trait exists', () => {
+        expect(shouldUseUpdateTraitAction({ traitId: 'software' }, undefined))
+            .toBe(true)
+    })
+
+    it('returns true when local traits exist even without the initial trait', () => {
+        expect(shouldUseUpdateTraitAction(undefined, [{ name: 'Chrome' }]))
+            .toBe(true)
+    })
+
+    it('returns false when both initial and local traits are missing', () => {
+        expect(shouldUseUpdateTraitAction(undefined, undefined))
+            .toBe(false)
+    })
+})

src/apps/accounts/src/settings/tabs/tools/trait-action.utils.ts

@@ -0,0 +1,13 @@
+import { UserTrait } from '~/libs/core'
+
+/**
+ * Determine whether tool traits should use update or create action.
+ * The initial trait prop can be stale while the user stays on the tab,
+ * so local list state is also considered to avoid duplicate create calls.
+ */
+export function shouldUseUpdateTraitAction(
+    initialTrait: UserTrait | undefined,
+    localTraitsData: UserTrait[] | undefined,
+): boolean {
+    return Boolean(initialTrait || localTraitsData?.length)
+}

src/apps/admin/src/challenge-management/ChallengeDetailsPage/ChallengeDetailsPage.tsx

@@ -24,13 +24,11 @@ import {
     Challenge,
     ChallengeFilterCriteria,
     ChallengePrizeSet,
-    ChallengeResource,
     ChallengeWinner,
 } from '../../lib/models'
 import {
     getChallengeById,
-    getChallengeResources,
-    getResourceRoles,
+    getChallengeSubmitterResources,
     updateChallengeById,
 } from '../../lib/services'
 import {
@@ -247,54 +245,7 @@ export const ChallengeDetailsPage: FC = () => {
 
         setIsLoadingSubmitters(true)
         try {
-            const roles = await getResourceRoles()
-            const submitterRoleIds = roles
-                .filter(role => role.name.toLowerCase()
-                    .includes('submitter'))
-                .map(role => role.id)
-
-            if (submitterRoleIds.length === 0) {
-                setSubmitterOptions([{ label: 'Select submitter', value: '' }])
-                setSubmitterHandleByUserId({})
-                return
-            }
-
-            const resourcesByRole = await Promise.all(
-                submitterRoleIds.map(async roleId => {
-                    const resources: ChallengeResource[] = []
-                    let page = 1
-                    const perPage = 200
-                    let totalPages = 1
-
-                    do {
-                        // eslint-disable-next-line no-await-in-loop
-                        const response = await getChallengeResources(challengeId, {
-                            page,
-                            perPage,
-                            roleId,
-                        })
-                        resources.push(...response.data)
-                        totalPages = response.totalPages
-                        page += 1
-                    } while (page <= totalPages)
-
-                    return resources
-                }),
-            )
-
-            const deduplicatedByMemberId = new Map<string, ChallengeResource>()
-            resourcesByRole.flat()
-                .forEach(resource => {
-                    if (!deduplicatedByMemberId.has(resource.memberId)) {
-                        deduplicatedByMemberId.set(resource.memberId, resource)
-                    }
-                })
-
-            const submitters = Array.from(deduplicatedByMemberId.values())
-                .sort((left, right) => (
-                    left.memberHandle.localeCompare(right.memberHandle)
-                ))
-
+            const submitters = await getChallengeSubmitterResources(challengeId)
             const handleMap: Record<string, string> = {}
             const options: InputSelectOption[] = [
                 { label: 'Select submitter', value: '' },

src/apps/admin/src/challenge-management/ManageSubmissionPage/ManageSubmissionPage.module.scss

@@ -1,3 +1,5 @@
+@import '@libs/ui/styles/includes';
+
 .container {
     display: flex;
     flex-direction: column;
@@ -6,3 +8,63 @@
 .blockTableContainer {
     position: relative;
 }
+
+.headerButtons {
+    display: flex;
+    align-items: center;
+    gap: $sp-4;
+}
+
+.uploadForm {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: $sp-6;
+    width: 100%;
+    max-width: 620px;
+}
+
+.uploadFormFields {
+    display: flex;
+    flex-direction: column;
+    gap: $sp-4;
+}
+
+.fileInputContainer {
+    display: flex;
+    flex-direction: column;
+    gap: $sp-1;
+}
+
+.inputLabel {
+    font-family: $font-barlow;
+    font-weight: $font-weight-semibold;
+    font-size: 15px;
+    color: $black-100;
+}
+
+.fileInput {
+    width: 100%;
+}
+
+.selectedFile {
+    font-family: $font-roboto;
+    font-size: 14px;
+    color: $black-80;
+}
+
+.actionButtons {
+    display: flex;
+    justify-content: flex-end;
+    gap: $sp-4;
+}
+
+.dialogLoadingSpinnerContainer {
+    position: absolute;
+    left: $sp-4;
+    bottom: $sp-2;
+
+    .spinner {
+        background: none;
+    }
+}