@omniumretail/component-library 1.1.83 → 1.1.84

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.1.83",
+  "version": "1.1.84",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/Questions/SingleQuestion/index.tsx

@@ -2,9 +2,8 @@ import { DeleteOutlined, HolderOutlined, InfoCircleOutlined } from '@ant-design/
 import { Checkbox, ColorPicker, Form, Input, Select, Space } from 'antd';
 import { t } from 'i18next';
 import styles from './styles.module.scss';
-import { useContext, useEffect, useState } from 'react';
+import { useState } from 'react';
 import classnames from 'classnames';
-import { FieldContext } from 'rc-field-form';
 
 export const SingleQuestion = ({
     key,
@@ -27,14 +26,14 @@ export const SingleQuestion = ({
 
     const filteredIds = responseTypeOptions
         ?.filter((item: { IsMultipleChoise: any; }) => item.IsMultipleChoise)
-        .map((item: { Id: any; }) => item.Id);
+        ?.map((item: { Id: any; }) => item.Id);
 
     const sortedAnswerTypeOptions = responseTypeOptions?.sort((a: any, b: any) => {
         return Number(a.IsMultipleChoise) - Number(b.IsMultipleChoise);
     });
 
     const answerTypeOptions = sortedAnswerTypeOptions?.map((answerType: any, index: number) => {
-        const formattedOptions = answerType.Options.map((option: any, idx: number) => {
+        const formattedOptions = answerType.Options?.map((option: any, idx: number) => {
             const flag = option.NeedsAction ? "🚩" : "";
             return (
                 <span key={idx} style={{ color: option.Color }}>

package/src/components/Questions/index.tsx

@@ -1,10 +1,8 @@
-import { Dispatch, SetStateAction, useContext } from 'react';
 import { PlusOutlined } from '@ant-design/icons';
 import { Form } from 'antd';
 import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd";
 import { SingleQuestion } from "./SingleQuestion";
 import { Link } from '../Link';
-import { FieldContext } from 'rc-field-form';
 import { t } from 'i18next';
 
 export interface QuestionsProps {
@@ -46,7 +44,7 @@ export const Questions = (props: QuestionsProps) => {
                     }, 1);
                 }
 
-                const fieldsUpdated = fields.map((field, index) => {
+                const fieldsUpdated = fields?.map((field, index) => {
                     return field = { ...field, name: index, key: index, fieldKey: index };
                 })
 
@@ -57,7 +55,7 @@ export const Questions = (props: QuestionsProps) => {
                                 {(provided) => (
                                     <div {...provided.droppableProps} ref={provided.innerRef}>
                                         <>
-                                            {fieldsUpdated.map(({ key, name, ...restField }) => {
+                                            {fieldsUpdated?.map(({ key, name, ...restField }) => {
                                                 return (
                                                     <Draggable key={key} draggableId={`${key}`} index={key}>
                                                         {(provided, snapshot) => (