fix(content): change numeric input validation path to new url and loader added

Author: jesusbalderramawgu

src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswerOption.jsx

@@ -6,6 +6,7 @@ import {
   Icon,
   IconButton,
   Form,
+  Spinner,
 } from '@openedx/paragon';
 import { FeedbackOutline, DeleteOutline } from '@openedx/paragon/icons';
 import { FormattedMessage, useIntl } from '@edx/frontend-platform/i18n';
@@ -44,7 +45,7 @@ const AnswerOption = ({
   const setSelectedFeedback = hooks.setSelectedFeedback({ answer, hasSingleAnswer, dispatch });
   const setUnselectedFeedback = hooks.setUnselectedFeedback({ answer, hasSingleAnswer, dispatch });
   const { isFeedbackVisible, toggleFeedback } = hooks.useFeedback(answer);
-  const { data = { is_valid: true }, mutate } = useValidateInputBlock();
+  const { data = { is_valid: true }, mutate, isPending } = useValidateInputBlock();
 
   const staticRootUrl = isLibrary
     ? `${getConfig().STUDIO_BASE_URL}/library_assets/blocks/${blockId}/`
@@ -91,6 +92,9 @@ const AnswerOption = ({
             <FormattedMessage {...messages.answerNumericErrorText} />
           </Form.Control.Feedback>
           )}
+          {isPending && (
+            <Spinner animation="border" className="mie-3 mt-3" screenReaderText="loading" />
+          )}
         </Form.Group>
       );
     }

src/editors/data/services/cms/urls.ts

@@ -125,5 +125,5 @@ export const handlerUrl = (({ studioEndpointUrl, blockId, handlerName }) => (
 )) satisfies UrlFunction;
 
 export const validateNumericInputUrl = (({ studioEndpointUrl }) => (
-  `${studioEndpointUrl}/api/courses/v1/validate/numerical-input/`
+  `${studioEndpointUrl}/api/contentstore/v2/validate/numerical-input/`
 )) satisfies UrlFunction;