@knovator/pagecreator-admin 1.7.8 → 1.8.0

package/index.cjs

@@ -1777,6 +1777,10 @@ const TRANSLATION_PAIRS_WIDGET = {
   subTitlePlaceholder: 'Enter Subtitle',
   quote: 'Quote',
   quotePlaceholder: 'Enter quote',
+  question: 'Question',
+  questionPlaceholder: 'Enter question',
+  answer: 'Answer',
+  answerPlaceholder: 'Enter answer',
   personName: 'Person Name',
   personNamePlaceholder: 'Enter person name',
   personRole: 'Person Role',
@@ -6817,7 +6821,7 @@ const ItemsAccordian = ({
   itemType,
   languages,
   clearError,
-  customItemRenderer,
+  widgetType,
   addText: _addText = 'Add',
   deleteText: _deleteText = 'Delete'
 }) => {
@@ -6841,6 +6845,8 @@ const ItemsAccordian = ({
     name,
     control
   });
+  const isTestimonialWidget = widgetType === 'Testimonial';
+  const isFaqWidget = widgetType === 'FAQ';
   const onItemsToggleClick = (index, status) => {
     var _a;
     const newItemsShow = [...itemsShow];
@@ -6858,11 +6864,25 @@ const ItemsAccordian = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [errors, name, errors === null || errors === void 0 ? void 0 : errors[name]]);
   const addTab = index => {
-    if (customItemRenderer === null || customItemRenderer === void 0 ? void 0 : customItemRenderer.createItem) {
-      appendItem(customItemRenderer.createItem({
-        index,
-        itemType
-      }));
+    if (isTestimonialWidget) {
+      appendItem({
+        quote: '',
+        personName: '',
+        personRole: '',
+        personOrganization: '',
+        rating: 5,
+        itemType,
+        sequence: index
+      });
+      return;
+    }
+    if (isFaqWidget) {
+      appendItem({
+        question: '',
+        answer: '',
+        itemType,
+        sequence: index
+      });
       return;
     }
     appendItem({
@@ -6888,7 +6908,7 @@ const ItemsAccordian = ({
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "khb_item-items"
   }, items === null || items === void 0 ? void 0 : items.map((field, index) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13;
     return /*#__PURE__*/React__default["default"].createElement(Accordian, {
       key: index,
       open: itemsShow[index],
@@ -6908,20 +6928,65 @@ const ItemsAccordian = ({
       }, _deleteText))
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "khb-form-items"
-    }, customItemRenderer ? customItemRenderer.render({
-      name,
-      index,
-      itemType,
-      errors,
-      control,
-      register,
-      setError,
-      clearError,
-      languages,
-      loading,
-      widgetTranslations,
-      commonTranslations
-    }) : (/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, Array.isArray(languages) && languages.length > 0 ? (/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, languages.map(lang => {
+    }, isTestimonialWidget ? (/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Input, {
+      rest: register(`${name}.${index}.quote`),
+      label: widgetTranslations.quote,
+      error: (_d = (_c = (_b = (_a = errors[name]) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b['quote']) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.quotePlaceholder
+    }), /*#__PURE__*/React__default["default"].createElement(Input, {
+      rest: register(`${name}.${index}.personName`),
+      label: widgetTranslations.personName,
+      error: (_h = (_g = (_f = (_e = errors[name]) === null || _e === void 0 ? void 0 : _e[index]) === null || _f === void 0 ? void 0 : _f['personName']) === null || _g === void 0 ? void 0 : _g.message) === null || _h === void 0 ? void 0 : _h.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.personNamePlaceholder
+    }), /*#__PURE__*/React__default["default"].createElement(Input, {
+      rest: register(`${name}.${index}.personRole`),
+      label: widgetTranslations.personRole,
+      error: (_m = (_l = (_k = (_j = errors[name]) === null || _j === void 0 ? void 0 : _j[index]) === null || _k === void 0 ? void 0 : _k['personRole']) === null || _l === void 0 ? void 0 : _l.message) === null || _m === void 0 ? void 0 : _m.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.personRolePlaceholder
+    }), /*#__PURE__*/React__default["default"].createElement(Input, {
+      rest: register(`${name}.${index}.personOrganization`),
+      label: widgetTranslations.personOrganization,
+      error: (_r = (_q = (_p = (_o = errors[name]) === null || _o === void 0 ? void 0 : _o[index]) === null || _p === void 0 ? void 0 : _p['personOrganization']) === null || _q === void 0 ? void 0 : _q.message) === null || _r === void 0 ? void 0 : _r.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.personOrganizationPlaceholder
+    }), /*#__PURE__*/React__default["default"].createElement(Input, {
+      rest: register(`${name}.${index}.rating`, {
+        min: {
+          value: 0,
+          message: 'Rating should be greater than or equal to 0'
+        },
+        max: {
+          value: 5,
+          message: 'Rating should be less than or equal to 5'
+        }
+      }),
+      label: widgetTranslations.rating,
+      error: (_v = (_u = (_t = (_s = errors[name]) === null || _s === void 0 ? void 0 : _s[index]) === null || _t === void 0 ? void 0 : _t['rating']) === null || _u === void 0 ? void 0 : _u.message) === null || _v === void 0 ? void 0 : _v.toString(),
+      type: "number",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.ratingPlaceholder
+    }))) : isFaqWidget ? (/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Input, {
+      rest: register(`${name}.${index}.question`),
+      label: widgetTranslations.question,
+      error: (_z = (_y = (_x = (_w = errors[name]) === null || _w === void 0 ? void 0 : _w[index]) === null || _x === void 0 ? void 0 : _x['question']) === null || _y === void 0 ? void 0 : _y.message) === null || _z === void 0 ? void 0 : _z.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.questionPlaceholder
+    }), /*#__PURE__*/React__default["default"].createElement(Input, {
+      rest: register(`${name}.${index}.answer`),
+      label: widgetTranslations.answer,
+      error: (_3 = (_2 = (_1 = (_0 = errors[name]) === null || _0 === void 0 ? void 0 : _0[index]) === null || _1 === void 0 ? void 0 : _1['answer']) === null || _2 === void 0 ? void 0 : _2.message) === null || _3 === void 0 ? void 0 : _3.toString(),
+      type: "textarea",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.answerPlaceholder
+    }))) : (/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, Array.isArray(languages) && languages.length > 0 ? (/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, languages.map(lang => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
       return /*#__PURE__*/React__default["default"].createElement(Input, {
         rest: register(`${name}.${index}.titles.${lang.code}`),
@@ -6934,7 +6999,7 @@ const ItemsAccordian = ({
     }))) : (/*#__PURE__*/React__default["default"].createElement(Input, {
       rest: register(`${name}.${index}.title`),
       label: commonTranslations.title,
-      error: (_d = (_c = (_b = (_a = errors[name]) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b['title']) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.toString(),
+      error: (_7 = (_6 = (_5 = (_4 = errors[name]) === null || _4 === void 0 ? void 0 : _4[index]) === null || _5 === void 0 ? void 0 : _5['title']) === null || _6 === void 0 ? void 0 : _6.message) === null || _7 === void 0 ? void 0 : _7.toString(),
       type: "text",
       className: "w-full p-2",
       placeholder: commonTranslations.titlePlaceholder
@@ -6973,7 +7038,7 @@ const ItemsAccordian = ({
       register: register,
       label: widgetTranslations.srcset,
       name: `${name}.${index}.srcset`,
-      errors: (_f = (_e = errors[name]) === null || _e === void 0 ? void 0 : _e[index]) === null || _f === void 0 ? void 0 : _f['srcset'],
+      errors: (_9 = (_8 = errors[name]) === null || _8 === void 0 ? void 0 : _8[index]) === null || _9 === void 0 ? void 0 : _9['srcset'],
       screenSizeRequired: widgetTranslations.screenSizeRequired,
       heightRequired: widgetTranslations.heightRequired,
       minHeight: widgetTranslations.minHeight,
@@ -7008,7 +7073,7 @@ const ItemsAccordian = ({
       label: widgetTranslations.image,
       control: control,
       name: `${name}.${index}.img`,
-      error: (_k = (_j = (_h = (_g = errors[name]) === null || _g === void 0 ? void 0 : _g[index]) === null || _h === void 0 ? void 0 : _h['img']) === null || _j === void 0 ? void 0 : _j.message) === null || _k === void 0 ? void 0 : _k.toString(),
+      error: (_13 = (_12 = (_11 = (_10 = errors[name]) === null || _10 === void 0 ? void 0 : _10[index]) === null || _11 === void 0 ? void 0 : _11['img']) === null || _12 === void 0 ? void 0 : _12.message) === null || _13 === void 0 ? void 0 : _13.toString(),
       baseUrl: imageBaseUrl ? imageBaseUrl : baseUrl,
       setError: setError,
       clearError: clearError,
@@ -7212,6 +7277,7 @@ const constants = {
   htmlWidgetTypeValue: 'HTML',
   linksWidgetTypeValue: 'Links',
   testimonialWidgetTypeValue: 'Testimonial',
+  faqWidgetTypeValue: 'FAQ',
   pagesItemsTypeValue: 'pages',
   tabsAccessor: 'tabs',
   webItems: 'webItems',
@@ -7221,7 +7287,6 @@ const constants = {
 const WidgetForm = ({
   formRef,
   customInputs,
-  customItemRenderers,
   onPrimaryButtonClick
 }) => {
   const {
@@ -7286,7 +7351,6 @@ const WidgetForm = ({
   const pagesLoadedRef = React.useRef(false);
   const blogCategoryInitialized = React.useRef(false);
   const selectedWidgetTypeValue = (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) || getValues(constants.widgetTypeAccessor);
-  const selectedCustomItemRenderer = selectedWidgetTypeValue ? customItemRenderers === null || customItemRenderers === void 0 ? void 0 : customItemRenderers[selectedWidgetTypeValue] : undefined;
   React.useEffect(() => {
     if (data && formState === 'UPDATE') {
       const widgetType = widgetTypes.find(type => type.value === (data === null || data === void 0 ? void 0 : data.widgetType));
@@ -7299,6 +7363,10 @@ const WidgetForm = ({
       }
       if ((data === null || data === void 0 ? void 0 : data.widgetType) === constants.textWidgetTypeValue || (data === null || data === void 0 ? void 0 : data.widgetType) === constants.htmlWidgetTypeValue || (data === null || data === void 0 ? void 0 : data.widgetType) === constants.linksWidgetTypeValue) {
         setItemsEnabled(false);
+      } else if ((data === null || data === void 0 ? void 0 : data.widgetType) === constants.faqWidgetTypeValue) {
+        setItemsEnabled(true);
+        setSelectedCollectionType(undefined);
+        setSelectedCollectionItems([]);
       }
     }
   }, [data, formState, itemsTypes, widgetTypes]);
@@ -7496,8 +7564,14 @@ const WidgetForm = ({
         setSelectedCollectionItems([]);
         setValue(constants.itemTypeAccessor, constants.imageItemsTypeValue);
         setValue(constants.collectionNameAccessor, constants.imageItemsTypeValue);
-        setValue('webPerRow', 4);
-        setValue('tabletPerRow', 2);
+      } else if ((widgetType === null || widgetType === void 0 ? void 0 : widgetType.value) === constants.faqWidgetTypeValue) {
+        setItemsEnabled(true);
+        setSelectedCollectionType(undefined);
+        setSelectedCollectionItems([]);
+        setValue(constants.itemTypeAccessor, constants.imageItemsTypeValue);
+        setValue(constants.collectionNameAccessor, constants.imageItemsTypeValue);
+        setValue('webPerRow', 1);
+        setValue('tabletPerRow', 1);
         setValue('mobilePerRow', 1);
       } else {
         setItemsEnabled(true);
@@ -7586,10 +7660,16 @@ const WidgetForm = ({
     if (!formData[constants.itemTypeAccessor] && formState === 'ADD') {
       formData[constants.itemTypeAccessor] = (_a = getFirstItemTypeValue(formData[constants.widgetTypeAccessor])) === null || _a === void 0 ? void 0 : _a.value;
     }
-    // Force collectionName and itemsType for Links widget
+    // Force collectionName and itemsType for Links/FAQ widgets
     if (formData[constants.widgetTypeAccessor] === constants.linksWidgetTypeValue) {
       formData[constants.collectionNameAccessor] = constants.pagesItemsTypeValue;
       formData[constants.itemTypeAccessor] = constants.pagesItemsTypeValue;
+    } else if (formData[constants.widgetTypeAccessor] === constants.faqWidgetTypeValue) {
+      formData[constants.collectionNameAccessor] = constants.imageItemsTypeValue;
+      formData[constants.itemTypeAccessor] = constants.imageItemsTypeValue;
+      formData['webPerRow'] = 1;
+      formData['tabletPerRow'] = 1;
+      formData['mobilePerRow'] = 1;
     }
     // setting collectionName if widgetType is FixedCard or Carousel and FormState
     else if (formData[constants.itemTypeAccessor] !== constants.imageItemsTypeValue && formState === 'ADD') {
@@ -7774,7 +7854,7 @@ const WidgetForm = ({
     label: widgetTranslations.itemsType,
     required: true,
     editable: false,
-    show: selectedWidgetTypeValue !== constants.textWidgetTypeValue && selectedWidgetTypeValue !== constants.htmlWidgetTypeValue && selectedWidgetTypeValue !== constants.testimonialWidgetTypeValue,
+    show: selectedWidgetTypeValue !== constants.textWidgetTypeValue && selectedWidgetTypeValue !== constants.htmlWidgetTypeValue && selectedWidgetTypeValue !== constants.testimonialWidgetTypeValue && selectedWidgetTypeValue !== constants.faqWidgetTypeValue,
     accessor: constants.itemTypeAccessor,
     type: 'select',
     validations: {
@@ -7864,7 +7944,7 @@ const WidgetForm = ({
     label: widgetTranslations.webPerRow,
     accessor: 'webPerRow',
     type: 'number',
-    show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.textWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.htmlWidgetTypeValue,
+    show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.textWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.htmlWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.faqWidgetTypeValue,
     required: true,
     placeholder: widgetTranslations.webPerRowPlaceholder,
     wrapperClassName: 'khb_grid-item-1of3 khb_padding-right-1',
@@ -7879,7 +7959,7 @@ const WidgetForm = ({
     label: widgetTranslations.tabletPerRow,
     accessor: 'tabletPerRow',
     type: 'number',
-    show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.textWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.htmlWidgetTypeValue,
+    show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.textWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.htmlWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.faqWidgetTypeValue,
     required: true,
     placeholder: widgetTranslations.tabletPerRowPlaceholder,
     wrapperClassName: 'khb_grid-item-1of3 khb_padding-left-1',
@@ -7894,7 +7974,7 @@ const WidgetForm = ({
     label: widgetTranslations.mobilePerRow,
     accessor: 'mobilePerRow',
     type: 'number',
-    show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text' && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'HTML',
+    show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text' && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'HTML' && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.faqWidgetTypeValue,
     required: true,
     placeholder: widgetTranslations.mobilePerRowPlaceholder,
     wrapperClassName: 'khb_grid-item-1of3 khb_padding-right-1 khb_padding-left-1',
@@ -7987,7 +8067,7 @@ const WidgetForm = ({
     loading: loading,
     addText: commonTranslations.add,
     deleteText: commonTranslations.delete,
-    customItemRenderer: selectedCustomItemRenderer
+    widgetType: selectedWidgetTypeValue
   }), /*#__PURE__*/React__default["default"].createElement(ItemsAccordian, {
     languages: languages,
     clearError: clearErrors,
@@ -8005,7 +8085,7 @@ const WidgetForm = ({
     register: register,
     addText: commonTranslations.add,
     deleteText: commonTranslations.delete,
-    customItemRenderer: selectedCustomItemRenderer
+    widgetType: selectedWidgetTypeValue
   }))));
 };
 
@@ -8128,79 +8208,6 @@ const WiddgetFormWrapper = ({
   }) : null;
 };
 
-const TestimonialItemRenderer = ({
-  name,
-  index,
-  register,
-  errors,
-  widgetTranslations
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Input, {
-    rest: register(`${name}.${index}.quote`),
-    label: widgetTranslations.quote,
-    error: (_d = (_c = (_b = (_a = errors[name]) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b['quote']) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.toString(),
-    type: "textarea",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.quotePlaceholder
-  }), /*#__PURE__*/React__default["default"].createElement(Input, {
-    rest: register(`${name}.${index}.personName`),
-    label: widgetTranslations.personName,
-    error: (_h = (_g = (_f = (_e = errors[name]) === null || _e === void 0 ? void 0 : _e[index]) === null || _f === void 0 ? void 0 : _f['personName']) === null || _g === void 0 ? void 0 : _g.message) === null || _h === void 0 ? void 0 : _h.toString(),
-    type: "text",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.personNamePlaceholder
-  }), /*#__PURE__*/React__default["default"].createElement(Input, {
-    rest: register(`${name}.${index}.personRole`),
-    label: widgetTranslations.personRole,
-    error: (_m = (_l = (_k = (_j = errors[name]) === null || _j === void 0 ? void 0 : _j[index]) === null || _k === void 0 ? void 0 : _k['personRole']) === null || _l === void 0 ? void 0 : _l.message) === null || _m === void 0 ? void 0 : _m.toString(),
-    type: "text",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.personRolePlaceholder
-  }), /*#__PURE__*/React__default["default"].createElement(Input, {
-    rest: register(`${name}.${index}.personOrganization`),
-    label: widgetTranslations.personOrganization,
-    error: (_r = (_q = (_p = (_o = errors[name]) === null || _o === void 0 ? void 0 : _o[index]) === null || _p === void 0 ? void 0 : _p['personOrganization']) === null || _q === void 0 ? void 0 : _q.message) === null || _r === void 0 ? void 0 : _r.toString(),
-    type: "text",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.personOrganizationPlaceholder
-  }), /*#__PURE__*/React__default["default"].createElement(Input, {
-    rest: register(`${name}.${index}.rating`, {
-      min: {
-        value: 0,
-        message: 'Rating should be greater than or equal to 0'
-      },
-      max: {
-        value: 5,
-        message: 'Rating should be less than or equal to 5'
-      }
-    }),
-    label: widgetTranslations.rating,
-    error: (_v = (_u = (_t = (_s = errors[name]) === null || _s === void 0 ? void 0 : _s[index]) === null || _t === void 0 ? void 0 : _t['rating']) === null || _u === void 0 ? void 0 : _u.message) === null || _v === void 0 ? void 0 : _v.toString(),
-    type: "number",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.ratingPlaceholder
-  }));
-};
-
-const getDefaultCustomItemRenderers = () => ({
-  Testimonial: {
-    render: TestimonialItemRenderer,
-    createItem: ({
-      index,
-      itemType
-    }) => ({
-      quote: '',
-      personName: '',
-      personRole: '',
-      personOrganization: '',
-      rating: 5,
-      itemType,
-      sequence: index
-    })
-  }
-});
-
 const Widget = ({
   routes,
   loader,
@@ -8215,8 +8222,7 @@ const Widget = ({
   imageMaxSize,
   translations,
   children,
-  onPrimaryButtonClick,
-  customItemRenderers
+  onPrimaryButtonClick
 }) => {
   const {
     commonTranslations
@@ -8224,8 +8230,6 @@ const Widget = ({
   const derivedPermissions = Object.assign(DEFAULT_PERMISSIONS, _permissions);
   const widgetFormRef = React.useRef(null);
   const derivedT = Object.assign(Object.assign({}, TRANSLATION_PAIRS_WIDGET), translations || {});
-  const defaultCustomItemRenderers = getDefaultCustomItemRenderers();
-  const derivedCustomItemRenderers = Object.assign(Object.assign({}, defaultCustomItemRenderers), customItemRenderers || {});
   const {
     list,
     loading,
@@ -8310,8 +8314,7 @@ const Widget = ({
     })
   }, /*#__PURE__*/React__default["default"].createElement(WidgetForm, {
     formRef: widgetFormRef,
-    onPrimaryButtonClick: onPrimaryButtonClick,
-    customItemRenderers: derivedCustomItemRenderers
+    onPrimaryButtonClick: onPrimaryButtonClick
   }))), itemData && (/*#__PURE__*/React__default["default"].createElement(DeleteModal, {
     formState: formState,
     itemData: itemData,

package/index.js

@@ -1765,6 +1765,10 @@ const TRANSLATION_PAIRS_WIDGET = {
   subTitlePlaceholder: 'Enter Subtitle',
   quote: 'Quote',
   quotePlaceholder: 'Enter quote',
+  question: 'Question',
+  questionPlaceholder: 'Enter question',
+  answer: 'Answer',
+  answerPlaceholder: 'Enter answer',
   personName: 'Person Name',
   personNamePlaceholder: 'Enter person name',
   personRole: 'Person Role',
@@ -6805,7 +6809,7 @@ const ItemsAccordian = ({
   itemType,
   languages,
   clearError,
-  customItemRenderer,
+  widgetType,
   addText: _addText = 'Add',
   deleteText: _deleteText = 'Delete'
 }) => {
@@ -6829,6 +6833,8 @@ const ItemsAccordian = ({
     name,
     control
   });
+  const isTestimonialWidget = widgetType === 'Testimonial';
+  const isFaqWidget = widgetType === 'FAQ';
   const onItemsToggleClick = (index, status) => {
     var _a;
     const newItemsShow = [...itemsShow];
@@ -6846,11 +6852,25 @@ const ItemsAccordian = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [errors, name, errors === null || errors === void 0 ? void 0 : errors[name]]);
   const addTab = index => {
-    if (customItemRenderer === null || customItemRenderer === void 0 ? void 0 : customItemRenderer.createItem) {
-      appendItem(customItemRenderer.createItem({
-        index,
-        itemType
-      }));
+    if (isTestimonialWidget) {
+      appendItem({
+        quote: '',
+        personName: '',
+        personRole: '',
+        personOrganization: '',
+        rating: 5,
+        itemType,
+        sequence: index
+      });
+      return;
+    }
+    if (isFaqWidget) {
+      appendItem({
+        question: '',
+        answer: '',
+        itemType,
+        sequence: index
+      });
       return;
     }
     appendItem({
@@ -6876,7 +6896,7 @@ const ItemsAccordian = ({
   }, /*#__PURE__*/React.createElement("div", {
     className: "khb_item-items"
   }, items === null || items === void 0 ? void 0 : items.map((field, index) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13;
     return /*#__PURE__*/React.createElement(Accordian, {
       key: index,
       open: itemsShow[index],
@@ -6896,20 +6916,65 @@ const ItemsAccordian = ({
       }, _deleteText))
     }, /*#__PURE__*/React.createElement("div", {
       className: "khb-form-items"
-    }, customItemRenderer ? customItemRenderer.render({
-      name,
-      index,
-      itemType,
-      errors,
-      control,
-      register,
-      setError,
-      clearError,
-      languages,
-      loading,
-      widgetTranslations,
-      commonTranslations
-    }) : (/*#__PURE__*/React.createElement(React.Fragment, null, Array.isArray(languages) && languages.length > 0 ? (/*#__PURE__*/React.createElement(React.Fragment, null, languages.map(lang => {
+    }, isTestimonialWidget ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
+      rest: register(`${name}.${index}.quote`),
+      label: widgetTranslations.quote,
+      error: (_d = (_c = (_b = (_a = errors[name]) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b['quote']) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.quotePlaceholder
+    }), /*#__PURE__*/React.createElement(Input, {
+      rest: register(`${name}.${index}.personName`),
+      label: widgetTranslations.personName,
+      error: (_h = (_g = (_f = (_e = errors[name]) === null || _e === void 0 ? void 0 : _e[index]) === null || _f === void 0 ? void 0 : _f['personName']) === null || _g === void 0 ? void 0 : _g.message) === null || _h === void 0 ? void 0 : _h.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.personNamePlaceholder
+    }), /*#__PURE__*/React.createElement(Input, {
+      rest: register(`${name}.${index}.personRole`),
+      label: widgetTranslations.personRole,
+      error: (_m = (_l = (_k = (_j = errors[name]) === null || _j === void 0 ? void 0 : _j[index]) === null || _k === void 0 ? void 0 : _k['personRole']) === null || _l === void 0 ? void 0 : _l.message) === null || _m === void 0 ? void 0 : _m.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.personRolePlaceholder
+    }), /*#__PURE__*/React.createElement(Input, {
+      rest: register(`${name}.${index}.personOrganization`),
+      label: widgetTranslations.personOrganization,
+      error: (_r = (_q = (_p = (_o = errors[name]) === null || _o === void 0 ? void 0 : _o[index]) === null || _p === void 0 ? void 0 : _p['personOrganization']) === null || _q === void 0 ? void 0 : _q.message) === null || _r === void 0 ? void 0 : _r.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.personOrganizationPlaceholder
+    }), /*#__PURE__*/React.createElement(Input, {
+      rest: register(`${name}.${index}.rating`, {
+        min: {
+          value: 0,
+          message: 'Rating should be greater than or equal to 0'
+        },
+        max: {
+          value: 5,
+          message: 'Rating should be less than or equal to 5'
+        }
+      }),
+      label: widgetTranslations.rating,
+      error: (_v = (_u = (_t = (_s = errors[name]) === null || _s === void 0 ? void 0 : _s[index]) === null || _t === void 0 ? void 0 : _t['rating']) === null || _u === void 0 ? void 0 : _u.message) === null || _v === void 0 ? void 0 : _v.toString(),
+      type: "number",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.ratingPlaceholder
+    }))) : isFaqWidget ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
+      rest: register(`${name}.${index}.question`),
+      label: widgetTranslations.question,
+      error: (_z = (_y = (_x = (_w = errors[name]) === null || _w === void 0 ? void 0 : _w[index]) === null || _x === void 0 ? void 0 : _x['question']) === null || _y === void 0 ? void 0 : _y.message) === null || _z === void 0 ? void 0 : _z.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.questionPlaceholder
+    }), /*#__PURE__*/React.createElement(Input, {
+      rest: register(`${name}.${index}.answer`),
+      label: widgetTranslations.answer,
+      error: (_3 = (_2 = (_1 = (_0 = errors[name]) === null || _0 === void 0 ? void 0 : _0[index]) === null || _1 === void 0 ? void 0 : _1['answer']) === null || _2 === void 0 ? void 0 : _2.message) === null || _3 === void 0 ? void 0 : _3.toString(),
+      type: "textarea",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.answerPlaceholder
+    }))) : (/*#__PURE__*/React.createElement(React.Fragment, null, Array.isArray(languages) && languages.length > 0 ? (/*#__PURE__*/React.createElement(React.Fragment, null, languages.map(lang => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
       return /*#__PURE__*/React.createElement(Input, {
         rest: register(`${name}.${index}.titles.${lang.code}`),
@@ -6922,7 +6987,7 @@ const ItemsAccordian = ({
     }))) : (/*#__PURE__*/React.createElement(Input, {
       rest: register(`${name}.${index}.title`),
       label: commonTranslations.title,
-      error: (_d = (_c = (_b = (_a = errors[name]) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b['title']) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.toString(),
+      error: (_7 = (_6 = (_5 = (_4 = errors[name]) === null || _4 === void 0 ? void 0 : _4[index]) === null || _5 === void 0 ? void 0 : _5['title']) === null || _6 === void 0 ? void 0 : _6.message) === null || _7 === void 0 ? void 0 : _7.toString(),
       type: "text",
       className: "w-full p-2",
       placeholder: commonTranslations.titlePlaceholder
@@ -6961,7 +7026,7 @@ const ItemsAccordian = ({
       register: register,
       label: widgetTranslations.srcset,
       name: `${name}.${index}.srcset`,
-      errors: (_f = (_e = errors[name]) === null || _e === void 0 ? void 0 : _e[index]) === null || _f === void 0 ? void 0 : _f['srcset'],
+      errors: (_9 = (_8 = errors[name]) === null || _8 === void 0 ? void 0 : _8[index]) === null || _9 === void 0 ? void 0 : _9['srcset'],
       screenSizeRequired: widgetTranslations.screenSizeRequired,
       heightRequired: widgetTranslations.heightRequired,
       minHeight: widgetTranslations.minHeight,
@@ -6996,7 +7061,7 @@ const ItemsAccordian = ({
       label: widgetTranslations.image,
       control: control,
       name: `${name}.${index}.img`,
-      error: (_k = (_j = (_h = (_g = errors[name]) === null || _g === void 0 ? void 0 : _g[index]) === null || _h === void 0 ? void 0 : _h['img']) === null || _j === void 0 ? void 0 : _j.message) === null || _k === void 0 ? void 0 : _k.toString(),
+      error: (_13 = (_12 = (_11 = (_10 = errors[name]) === null || _10 === void 0 ? void 0 : _10[index]) === null || _11 === void 0 ? void 0 : _11['img']) === null || _12 === void 0 ? void 0 : _12.message) === null || _13 === void 0 ? void 0 : _13.toString(),
       baseUrl: imageBaseUrl ? imageBaseUrl : baseUrl,
       setError: setError,
       clearError: clearError,
@@ -7200,6 +7265,7 @@ const constants = {
   htmlWidgetTypeValue: 'HTML',
   linksWidgetTypeValue: 'Links',
   testimonialWidgetTypeValue: 'Testimonial',
+  faqWidgetTypeValue: 'FAQ',
   pagesItemsTypeValue: 'pages',
   tabsAccessor: 'tabs',
   webItems: 'webItems',
@@ -7209,7 +7275,6 @@ const constants = {
 const WidgetForm = ({
   formRef,
   customInputs,
-  customItemRenderers,
   onPrimaryButtonClick
 }) => {
   const {
@@ -7274,7 +7339,6 @@ const WidgetForm = ({
   const pagesLoadedRef = useRef(false);
   const blogCategoryInitialized = useRef(false);
   const selectedWidgetTypeValue = (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) || getValues(constants.widgetTypeAccessor);
-  const selectedCustomItemRenderer = selectedWidgetTypeValue ? customItemRenderers === null || customItemRenderers === void 0 ? void 0 : customItemRenderers[selectedWidgetTypeValue] : undefined;
   useEffect(() => {
     if (data && formState === 'UPDATE') {
       const widgetType = widgetTypes.find(type => type.value === (data === null || data === void 0 ? void 0 : data.widgetType));
@@ -7287,6 +7351,10 @@ const WidgetForm = ({
       }
       if ((data === null || data === void 0 ? void 0 : data.widgetType) === constants.textWidgetTypeValue || (data === null || data === void 0 ? void 0 : data.widgetType) === constants.htmlWidgetTypeValue || (data === null || data === void 0 ? void 0 : data.widgetType) === constants.linksWidgetTypeValue) {
         setItemsEnabled(false);
+      } else if ((data === null || data === void 0 ? void 0 : data.widgetType) === constants.faqWidgetTypeValue) {
+        setItemsEnabled(true);
+        setSelectedCollectionType(undefined);
+        setSelectedCollectionItems([]);
       }
     }
   }, [data, formState, itemsTypes, widgetTypes]);
@@ -7484,8 +7552,14 @@ const WidgetForm = ({
         setSelectedCollectionItems([]);
         setValue(constants.itemTypeAccessor, constants.imageItemsTypeValue);
         setValue(constants.collectionNameAccessor, constants.imageItemsTypeValue);
-        setValue('webPerRow', 4);
-        setValue('tabletPerRow', 2);
+      } else if ((widgetType === null || widgetType === void 0 ? void 0 : widgetType.value) === constants.faqWidgetTypeValue) {
+        setItemsEnabled(true);
+        setSelectedCollectionType(undefined);
+        setSelectedCollectionItems([]);
+        setValue(constants.itemTypeAccessor, constants.imageItemsTypeValue);
+        setValue(constants.collectionNameAccessor, constants.imageItemsTypeValue);
+        setValue('webPerRow', 1);
+        setValue('tabletPerRow', 1);
         setValue('mobilePerRow', 1);
       } else {
         setItemsEnabled(true);
@@ -7574,10 +7648,16 @@ const WidgetForm = ({
     if (!formData[constants.itemTypeAccessor] && formState === 'ADD') {
       formData[constants.itemTypeAccessor] = (_a = getFirstItemTypeValue(formData[constants.widgetTypeAccessor])) === null || _a === void 0 ? void 0 : _a.value;
     }
-    // Force collectionName and itemsType for Links widget
+    // Force collectionName and itemsType for Links/FAQ widgets
     if (formData[constants.widgetTypeAccessor] === constants.linksWidgetTypeValue) {
       formData[constants.collectionNameAccessor] = constants.pagesItemsTypeValue;
       formData[constants.itemTypeAccessor] = constants.pagesItemsTypeValue;
+    } else if (formData[constants.widgetTypeAccessor] === constants.faqWidgetTypeValue) {
+      formData[constants.collectionNameAccessor] = constants.imageItemsTypeValue;
+      formData[constants.itemTypeAccessor] = constants.imageItemsTypeValue;
+      formData['webPerRow'] = 1;
+      formData['tabletPerRow'] = 1;
+      formData['mobilePerRow'] = 1;
     }
     // setting collectionName if widgetType is FixedCard or Carousel and FormState
     else if (formData[constants.itemTypeAccessor] !== constants.imageItemsTypeValue && formState === 'ADD') {
@@ -7762,7 +7842,7 @@ const WidgetForm = ({
     label: widgetTranslations.itemsType,
     required: true,
     editable: false,
-    show: selectedWidgetTypeValue !== constants.textWidgetTypeValue && selectedWidgetTypeValue !== constants.htmlWidgetTypeValue && selectedWidgetTypeValue !== constants.testimonialWidgetTypeValue,
+    show: selectedWidgetTypeValue !== constants.textWidgetTypeValue && selectedWidgetTypeValue !== constants.htmlWidgetTypeValue && selectedWidgetTypeValue !== constants.testimonialWidgetTypeValue && selectedWidgetTypeValue !== constants.faqWidgetTypeValue,
     accessor: constants.itemTypeAccessor,
     type: 'select',
     validations: {
@@ -7852,7 +7932,7 @@ const WidgetForm = ({
     label: widgetTranslations.webPerRow,
     accessor: 'webPerRow',
     type: 'number',
-    show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.textWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.htmlWidgetTypeValue,
+    show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.textWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.htmlWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.faqWidgetTypeValue,
     required: true,
     placeholder: widgetTranslations.webPerRowPlaceholder,
     wrapperClassName: 'khb_grid-item-1of3 khb_padding-right-1',
@@ -7867,7 +7947,7 @@ const WidgetForm = ({
     label: widgetTranslations.tabletPerRow,
     accessor: 'tabletPerRow',
     type: 'number',
-    show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.textWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.htmlWidgetTypeValue,
+    show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.textWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.htmlWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.faqWidgetTypeValue,
     required: true,
     placeholder: widgetTranslations.tabletPerRowPlaceholder,
     wrapperClassName: 'khb_grid-item-1of3 khb_padding-left-1',
@@ -7882,7 +7962,7 @@ const WidgetForm = ({
     label: widgetTranslations.mobilePerRow,
     accessor: 'mobilePerRow',
     type: 'number',
-    show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text' && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'HTML',
+    show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text' && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'HTML' && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.faqWidgetTypeValue,
     required: true,
     placeholder: widgetTranslations.mobilePerRowPlaceholder,
     wrapperClassName: 'khb_grid-item-1of3 khb_padding-right-1 khb_padding-left-1',
@@ -7975,7 +8055,7 @@ const WidgetForm = ({
     loading: loading,
     addText: commonTranslations.add,
     deleteText: commonTranslations.delete,
-    customItemRenderer: selectedCustomItemRenderer
+    widgetType: selectedWidgetTypeValue
   }), /*#__PURE__*/React.createElement(ItemsAccordian, {
     languages: languages,
     clearError: clearErrors,
@@ -7993,7 +8073,7 @@ const WidgetForm = ({
     register: register,
     addText: commonTranslations.add,
     deleteText: commonTranslations.delete,
-    customItemRenderer: selectedCustomItemRenderer
+    widgetType: selectedWidgetTypeValue
   }))));
 };
 
@@ -8116,79 +8196,6 @@ const WiddgetFormWrapper = ({
   }) : null;
 };
 
-const TestimonialItemRenderer = ({
-  name,
-  index,
-  register,
-  errors,
-  widgetTranslations
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
-    rest: register(`${name}.${index}.quote`),
-    label: widgetTranslations.quote,
-    error: (_d = (_c = (_b = (_a = errors[name]) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b['quote']) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.toString(),
-    type: "textarea",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.quotePlaceholder
-  }), /*#__PURE__*/React.createElement(Input, {
-    rest: register(`${name}.${index}.personName`),
-    label: widgetTranslations.personName,
-    error: (_h = (_g = (_f = (_e = errors[name]) === null || _e === void 0 ? void 0 : _e[index]) === null || _f === void 0 ? void 0 : _f['personName']) === null || _g === void 0 ? void 0 : _g.message) === null || _h === void 0 ? void 0 : _h.toString(),
-    type: "text",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.personNamePlaceholder
-  }), /*#__PURE__*/React.createElement(Input, {
-    rest: register(`${name}.${index}.personRole`),
-    label: widgetTranslations.personRole,
-    error: (_m = (_l = (_k = (_j = errors[name]) === null || _j === void 0 ? void 0 : _j[index]) === null || _k === void 0 ? void 0 : _k['personRole']) === null || _l === void 0 ? void 0 : _l.message) === null || _m === void 0 ? void 0 : _m.toString(),
-    type: "text",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.personRolePlaceholder
-  }), /*#__PURE__*/React.createElement(Input, {
-    rest: register(`${name}.${index}.personOrganization`),
-    label: widgetTranslations.personOrganization,
-    error: (_r = (_q = (_p = (_o = errors[name]) === null || _o === void 0 ? void 0 : _o[index]) === null || _p === void 0 ? void 0 : _p['personOrganization']) === null || _q === void 0 ? void 0 : _q.message) === null || _r === void 0 ? void 0 : _r.toString(),
-    type: "text",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.personOrganizationPlaceholder
-  }), /*#__PURE__*/React.createElement(Input, {
-    rest: register(`${name}.${index}.rating`, {
-      min: {
-        value: 0,
-        message: 'Rating should be greater than or equal to 0'
-      },
-      max: {
-        value: 5,
-        message: 'Rating should be less than or equal to 5'
-      }
-    }),
-    label: widgetTranslations.rating,
-    error: (_v = (_u = (_t = (_s = errors[name]) === null || _s === void 0 ? void 0 : _s[index]) === null || _t === void 0 ? void 0 : _t['rating']) === null || _u === void 0 ? void 0 : _u.message) === null || _v === void 0 ? void 0 : _v.toString(),
-    type: "number",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.ratingPlaceholder
-  }));
-};
-
-const getDefaultCustomItemRenderers = () => ({
-  Testimonial: {
-    render: TestimonialItemRenderer,
-    createItem: ({
-      index,
-      itemType
-    }) => ({
-      quote: '',
-      personName: '',
-      personRole: '',
-      personOrganization: '',
-      rating: 5,
-      itemType,
-      sequence: index
-    })
-  }
-});
-
 const Widget = ({
   routes,
   loader,
@@ -8203,8 +8210,7 @@ const Widget = ({
   imageMaxSize,
   translations,
   children,
-  onPrimaryButtonClick,
-  customItemRenderers
+  onPrimaryButtonClick
 }) => {
   const {
     commonTranslations
@@ -8212,8 +8218,6 @@ const Widget = ({
   const derivedPermissions = Object.assign(DEFAULT_PERMISSIONS, _permissions);
   const widgetFormRef = useRef(null);
   const derivedT = Object.assign(Object.assign({}, TRANSLATION_PAIRS_WIDGET), translations || {});
-  const defaultCustomItemRenderers = getDefaultCustomItemRenderers();
-  const derivedCustomItemRenderers = Object.assign(Object.assign({}, defaultCustomItemRenderers), customItemRenderers || {});
   const {
     list,
     loading,
@@ -8298,8 +8302,7 @@ const Widget = ({
     })
   }, /*#__PURE__*/React.createElement(WidgetForm, {
     formRef: widgetFormRef,
-    onPrimaryButtonClick: onPrimaryButtonClick,
-    customItemRenderers: derivedCustomItemRenderers
+    onPrimaryButtonClick: onPrimaryButtonClick
   }))), itemData && (/*#__PURE__*/React.createElement(DeleteModal, {
     formState: formState,
     itemData: itemData,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knovator/pagecreator-admin",
-  "version": "1.7.8",
+  "version": "1.8.0",
   "dependencies": {
     "classnames": "^2.3.1",
     "react-beautiful-dnd": "^13.1.0",

package/src/lib/components/Widget/Form/ItemsAccordian.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ItemsAccordianProps } from '../../../types';
-declare const ItemsAccordian: ({ show, title, id, collapseId, toggleShow, loading, name, errors, control, register, setError, itemType, languages, clearError, customItemRenderer, addText, deleteText, }: ItemsAccordianProps) => JSX.Element;
+declare const ItemsAccordian: ({ show, title, id, collapseId, toggleShow, loading, name, errors, control, register, setError, itemType, languages, clearError, widgetType, addText, deleteText, }: ItemsAccordianProps) => JSX.Element;
 export default ItemsAccordian;

package/src/lib/components/Widget/Form/WidgetForm.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { FormProps } from '../../../types';
-declare const WidgetForm: ({ formRef, customInputs, customItemRenderers, onPrimaryButtonClick, }: FormProps) => JSX.Element | null;
+declare const WidgetForm: ({ formRef, customInputs, onPrimaryButtonClick, }: FormProps) => JSX.Element | null;
 export default WidgetForm;

package/src/lib/components/Widget/Widget/Widget.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { WidgetProps } from '../../../types';
 declare const Widget: {
-    ({ routes, loader, explicitForm, imageBaseUrl, permissions, preConfirmDelete, formatListItem, formatOptionLabel, imageMaxSize, translations, children, onPrimaryButtonClick, customItemRenderers, }: WidgetProps): JSX.Element;
+    ({ routes, loader, explicitForm, imageBaseUrl, permissions, preConfirmDelete, formatListItem, formatOptionLabel, imageMaxSize, translations, children, onPrimaryButtonClick, }: WidgetProps): JSX.Element;
     Table: ({ extraActions, extraColumns }: import("../../../types").DerivedTableProps) => JSX.Element;
-    Form: ({ formRef, customInputs, customItemRenderers, onPrimaryButtonClick, }: import("../../../types").FormProps) => JSX.Element | null;
+    Form: ({ formRef, customInputs, onPrimaryButtonClick, }: import("../../../types").FormProps) => JSX.Element | null;
     AddButton: () => JSX.Element;
     Search: () => JSX.Element;
     Pagination: () => JSX.Element;

package/src/lib/constants/common.d.ts

@@ -88,6 +88,10 @@ declare const TRANSLATION_PAIRS_WIDGET: {
     subTitlePlaceholder: string;
     quote: string;
     quotePlaceholder: string;
+    question: string;
+    questionPlaceholder: string;
+    answer: string;
+    answerPlaceholder: string;
     personName: string;
     personNamePlaceholder: string;
     personRole: string;

package/src/lib/types/components.d.ts

@@ -2,8 +2,7 @@ import React, { MutableRefObject } from 'react';
 import { DropResult } from 'react-beautiful-dnd';
 import { FieldValues, RegisterOptions, UseFormClearErrors, UseFormGetValues, UseFormSetValue, ValidationRule } from 'react-hook-form';
 import { Routes_Input } from './api';
-import { OptionType, FormActionTypes, PermissionsObj, ObjectType, CombineObjectType, LanguageType } from './common';
-import type { CommonTranslationPairs } from './context';
+import { OptionType, FormActionTypes, PermissionsObj, ObjectType, LanguageType } from './common';
 export interface DNDItemsListProps {
     onDragEnd: (result: DropResult) => void;
     items: OptionType[];
@@ -141,7 +140,6 @@ export interface FormProps {
     filterQuery?: string;
     formRef: MutableRefObject<HTMLFormElement | null>;
     customInputs?: Record<string, (props: InputRendererProps) => JSX.Element>;
-    customItemRenderers?: Record<string, CustomItemRendererConfig>;
     onPrimaryButtonClick?: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>, data?: any) => void;
 }
 export interface InputRendererProps {
@@ -150,27 +148,6 @@ export interface InputRendererProps {
     setError: (msg: string) => void;
     disabled?: boolean;
 }
-export interface ItemRendererProps {
-    name: string;
-    index: number;
-    itemType: 'Web' | 'Mobile';
-    errors: any;
-    control: any;
-    register: any;
-    setError: any;
-    clearError: (key: string) => void;
-    languages?: LanguageType[];
-    loading?: boolean;
-    widgetTranslations: WidgetTranslationPairs;
-    commonTranslations: CommonTranslationPairs;
-}
-export interface CustomItemRendererConfig {
-    render: (props: ItemRendererProps) => JSX.Element;
-    createItem?: (props: {
-        index: number;
-        itemType: 'Web' | 'Mobile';
-    }) => CombineObjectType;
-}
 export interface WidgetTranslationPairs {
     htmlContentRequired: string | ValidationRule<boolean> | undefined;
     htmlContentPlaceholder: string | undefined;
@@ -203,6 +180,10 @@ export interface WidgetTranslationPairs {
     subTitlePlaceholder: string;
     quote: string;
     quotePlaceholder: string;
+    question: string;
+    questionPlaceholder: string;
+    answer: string;
+    answerPlaceholder: string;
     personName: string;
     personNamePlaceholder: string;
     personRole: string;
@@ -247,7 +228,6 @@ export interface WidgetProps {
     imageBaseUrl?: string;
     imageMaxSize?: number;
     translations?: WidgetTranslationPairs;
-    customItemRenderers?: Record<string, CustomItemRendererConfig>;
     onPrimaryButtonClick?: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>, data?: any) => void;
 }
 export interface DerivedTableProps {
@@ -347,7 +327,7 @@ export interface ItemsAccordianProps {
     register: any;
     setError: any;
     clearError: (key: string) => void;
-    customItemRenderer?: CustomItemRendererConfig;
+    widgetType?: string;
 }
 export interface TabItemProps {
     showDelete?: boolean;

package/src/lib/components/Widget/Form/customItemRenderers/TestimonialItemRenderer.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ItemRendererProps } from '../../../../types';
-declare const TestimonialItemRenderer: ({ name, index, register, errors, widgetTranslations }: ItemRendererProps) => JSX.Element;
-export default TestimonialItemRenderer;

package/src/lib/components/Widget/Form/customItemRenderers/defaultCustomItemRenderers.d.ts

@@ -1,3 +0,0 @@
-import { CustomItemRendererConfig } from '../../../../types';
-export declare const getDefaultCustomItemRenderers: () => Record<string, CustomItemRendererConfig>;
-export default getDefaultCustomItemRenderers;