/*
 * Copyright 2025 Commonwealth Scientific and Industrial Research
 * Organisation (CSIRO) ABN 41 687 119 230.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import type {
  QuestionnaireItem,
  QuestionnaireItemAnswerOption,
  QuestionnaireResponseItemAnswer
} from 'fhir/r4';
import { useMemo } from 'react';
import type {
  PropsWithIsRepeatedAttribute,
  PropsWithIsTabledAttribute,
  PropsWithRenderingExtensionsAttribute
} from '../../../interfaces/renderProps.interface';
import { compareAnswerOptionValue } from '../../../utils/choice';
import { withFallbackDisplay } from '../../../utils/openChoice';
import { FullWidthFormComponentBox } from '../../Box.styles';
import ItemFieldGrid from '../ItemParts/ItemFieldGrid';
import ItemLabel from '../ItemParts/ItemLabel';
import ChoiceSelectAnswerOptionFields from './ChoiceSelectAnswerOptionFields';

interface ChoiceSelectAnswerOptionViewProps
  extends PropsWithIsRepeatedAttribute,
    PropsWithIsTabledAttribute,
    PropsWithRenderingExtensionsAttribute {
  qItem: QuestionnaireItem;
  options: QuestionnaireItemAnswerOption[];
  qrAnswer: QuestionnaireResponseItemAnswer | null;
  feedback: string;
  feedbackSeverity?: 'error' | 'warning';
  readOnly: boolean;
  expressionUpdated: boolean;
  answerOptionsToggleExpressionsMap: Map<string, boolean>;
  instructionsId: string | undefined;
  onSelectChange: (newValue: QuestionnaireItemAnswerOption | null) => void;
  onFocusLinkId: () => void;
}

function ChoiceSelectAnswerOptionView(props: ChoiceSelectAnswerOptionViewProps) {
  const {
    qItem,
    options,
    qrAnswer,
    feedback,
    feedbackSeverity,
    isRepeated,
    isTabled,
    renderingExtensions,
    readOnly,
    expressionUpdated,
    answerOptionsToggleExpressionsMap,
    instructionsId,
    onFocusLinkId,
    onSelectChange
  } = props;

  const valueSelect: QuestionnaireItemAnswerOption | null = useMemo(() => {
    if (!qrAnswer) {
      return null;
    }

    const liveValue = options.find((option) => compareAnswerOptionValue(option, qrAnswer)) ?? null;
    return liveValue ? withFallbackDisplay(liveValue, qrAnswer.valueCoding) : null;
  }, [options, qrAnswer]);

  if (isRepeated) {
    return (
      <ChoiceSelectAnswerOptionFields
        qItem={qItem}
        options={options}
        valueSelect={valueSelect}
        feedback={feedback}
        feedbackSeverity={feedbackSeverity}
        readOnly={readOnly}
        expressionUpdated={expressionUpdated}
        isTabled={isTabled}
        renderingExtensions={renderingExtensions}
        answerOptionsToggleExpressionsMap={answerOptionsToggleExpressionsMap}
        instructionsId={instructionsId}
        onSelectChange={onSelectChange}
      />
    );
  }

  return (
    <FullWidthFormComponentBox
      data-test="q-item-choice-select-answer-option-box"
      data-linkid={qItem.linkId}
      data-label={qItem.text}
      onClick={onFocusLinkId}>
      <ItemFieldGrid
        qItem={qItem}
        readOnly={readOnly}
        labelChildren={<ItemLabel qItem={qItem} readOnly={readOnly} />}
        fieldChildren={
          <ChoiceSelectAnswerOptionFields
            qItem={qItem}
            options={options}
            valueSelect={valueSelect}
            feedback={feedback}
            feedbackSeverity={feedbackSeverity}
            readOnly={readOnly}
            expressionUpdated={expressionUpdated}
            isTabled={isTabled}
            renderingExtensions={renderingExtensions}
            answerOptionsToggleExpressionsMap={answerOptionsToggleExpressionsMap}
            instructionsId={instructionsId}
            onSelectChange={onSelectChange}
          />
        }
      />
    </FullWidthFormComponentBox>
  );
}

export default ChoiceSelectAnswerOptionView;