@knovator/pagecreator-admin 1.7.7 → 1.7.9

package/index.cjs

@@ -1775,6 +1775,16 @@ const TRANSLATION_PAIRS_WIDGET = {
   tabNameRequired: 'Tab Name is required',
   subtitle: 'Subtitle',
   subTitlePlaceholder: 'Enter Subtitle',
+  quote: 'Quote',
+  quotePlaceholder: 'Enter quote',
+  personName: 'Person Name',
+  personNamePlaceholder: 'Enter person name',
+  personRole: 'Person Role',
+  personRolePlaceholder: 'Enter person role',
+  personOrganization: 'Organization',
+  personOrganizationPlaceholder: 'Enter organization',
+  rating: 'Rating',
+  ratingPlaceholder: 'Enter rating',
   altText: 'Alt Text',
   altTextPlaceholder: 'Enter alt text',
   link: 'Link',
@@ -3849,6 +3859,7 @@ const SimpleForm = /*#__PURE__*/React.forwardRef(({
   setError,
   languages
 }, ref) => {
+  const isMultilingualWidgetField = accessor => accessor === 'widgetTitles' || accessor === 'widgetSubtitles';
   const inputRenderer = schema => {
     var _a, _b, _c, _d;
     let input;
@@ -3933,7 +3944,7 @@ const SimpleForm = /*#__PURE__*/React.forwardRef(({
         case 'url':
         case 'color':
         default:
-          if (Array.isArray(languages) && languages.length > 0 && schema.accessor === 'widgetTitles') {
+          if (Array.isArray(languages) && languages.length > 0 && isMultilingualWidgetField(schema.accessor)) {
             input = languages.map(lang => {
               var _a, _b;
               return /*#__PURE__*/React__default["default"].createElement(Input, {
@@ -3965,7 +3976,7 @@ const SimpleForm = /*#__PURE__*/React.forwardRef(({
           break;
       }
     } else if (schema.Input) {
-      if (Array.isArray(languages) && languages.length > 0 && schema.accessor === 'widgetTitles') {
+      if (Array.isArray(languages) && languages.length > 0 && isMultilingualWidgetField(schema.accessor)) {
         input = languages.map(lang => (/*#__PURE__*/React__default["default"].createElement("div", {
           key: lang.code,
           className: classNames__default["default"]('khb_input-wrapper', schema.wrapperClassName)
@@ -6806,6 +6817,7 @@ const ItemsAccordian = ({
   itemType,
   languages,
   clearError,
+  widgetType,
   addText: _addText = 'Add',
   deleteText: _deleteText = 'Delete'
 }) => {
@@ -6829,6 +6841,7 @@ const ItemsAccordian = ({
     name,
     control
   });
+  const isTestimonialWidget = widgetType === 'Testimonial';
   const onItemsToggleClick = (index, status) => {
     var _a;
     const newItemsShow = [...itemsShow];
@@ -6846,6 +6859,18 @@ 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 (isTestimonialWidget) {
+      appendItem({
+        quote: '',
+        personName: '',
+        personRole: '',
+        personOrganization: '',
+        rating: 5,
+        itemType,
+        sequence: index
+      });
+      return;
+    }
     appendItem({
       altText: '',
       link: '',
@@ -6869,7 +6894,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;
     return /*#__PURE__*/React__default["default"].createElement(Accordian, {
       key: index,
       open: itemsShow[index],
@@ -6889,7 +6914,51 @@ const ItemsAccordian = ({
       }, _deleteText))
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "khb-form-items"
-    }, 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
+    }))) : (/*#__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}`),
@@ -6902,7 +6971,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: (_z = (_y = (_x = (_w = errors[name]) === null || _w === void 0 ? void 0 : _w[index]) === null || _x === void 0 ? void 0 : _x['title']) === null || _y === void 0 ? void 0 : _y.message) === null || _z === void 0 ? void 0 : _z.toString(),
       type: "text",
       className: "w-full p-2",
       placeholder: commonTranslations.titlePlaceholder
@@ -6941,7 +7010,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: (_1 = (_0 = errors[name]) === null || _0 === void 0 ? void 0 : _0[index]) === null || _1 === void 0 ? void 0 : _1['srcset'],
       screenSizeRequired: widgetTranslations.screenSizeRequired,
       heightRequired: widgetTranslations.heightRequired,
       minHeight: widgetTranslations.minHeight,
@@ -6976,7 +7045,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: (_5 = (_4 = (_3 = (_2 = errors[name]) === null || _2 === void 0 ? void 0 : _2[index]) === null || _3 === void 0 ? void 0 : _3['img']) === null || _4 === void 0 ? void 0 : _4.message) === null || _5 === void 0 ? void 0 : _5.toString(),
       baseUrl: imageBaseUrl ? imageBaseUrl : baseUrl,
       setError: setError,
       clearError: clearError,
@@ -6992,7 +7061,7 @@ const ItemsAccordian = ({
       }, widgetTranslations.dragDrop)), /*#__PURE__*/React__default["default"].createElement("p", {
         className: "khb_img-text-2"
       }, widgetTranslations.allowedFormat))
-    }))));
+    }))))));
   })));
 };
 
@@ -7179,6 +7248,7 @@ const constants = {
   textWidgetTypeValue: 'Text',
   htmlWidgetTypeValue: 'HTML',
   linksWidgetTypeValue: 'Links',
+  testimonialWidgetTypeValue: 'Testimonial',
   pagesItemsTypeValue: 'pages',
   tabsAccessor: 'tabs',
   webItems: 'webItems',
@@ -7251,6 +7321,7 @@ const WidgetForm = ({
   const [blogCategoriesLoading, setBlogCategoriesLoading] = React.useState(false);
   const pagesLoadedRef = React.useRef(false);
   const blogCategoryInitialized = React.useRef(false);
+  const selectedWidgetTypeValue = (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) || getValues(constants.widgetTypeAccessor);
   React.useEffect(() => {
     if (data && formState === 'UPDATE') {
       const widgetType = widgetTypes.find(type => type.value === (data === null || data === void 0 ? void 0 : data.widgetType));
@@ -7454,6 +7525,12 @@ const WidgetForm = ({
         setValue(constants.collectionNameAccessor, constants.pagesItemsTypeValue);
         const pagesOption = itemsTypes.find(item => item.value === constants.pagesItemsTypeValue);
         if (pagesOption) setSelectedCollectionType(pagesOption);
+      } else if ((widgetType === null || widgetType === void 0 ? void 0 : widgetType.value) === constants.testimonialWidgetTypeValue) {
+        setItemsEnabled(true);
+        setSelectedCollectionType(undefined);
+        setSelectedCollectionItems([]);
+        setValue(constants.itemTypeAccessor, constants.imageItemsTypeValue);
+        setValue(constants.collectionNameAccessor, constants.imageItemsTypeValue);
       } else {
         setItemsEnabled(true);
       }
@@ -7669,6 +7746,22 @@ const WidgetForm = ({
     },
     info: widgetTranslations.widgetTitleInfo,
     Input: customInputs && customInputs['widgetTitle'] ? customInputs['widgetTitle'] : undefined
+  }, Array.isArray(languages) && languages.length > 0 ? {
+    label: widgetTranslations.subtitle,
+    accessor: 'widgetSubtitles',
+    required: false,
+    type: customInputs && customInputs['widgetSubtitles'] ? undefined : 'text',
+    placeholder: widgetTranslations.subTitlePlaceholder,
+    onInput: handleCapitalize,
+    Input: customInputs && customInputs['widgetSubtitles'] ? customInputs['widgetSubtitles'] : undefined
+  } : {
+    label: widgetTranslations.subtitle,
+    accessor: 'widgetSubtitle',
+    required: false,
+    type: customInputs && customInputs['widgetSubtitle'] ? undefined : 'text',
+    onInput: handleCapitalize,
+    placeholder: widgetTranslations.subTitlePlaceholder,
+    Input: customInputs && customInputs['widgetSubtitle'] ? customInputs['widgetSubtitle'] : undefined
   }, {
     label: widgetTranslations.widgetType,
     required: true,
@@ -7713,7 +7806,7 @@ const WidgetForm = ({
     label: widgetTranslations.itemsType,
     required: true,
     editable: false,
-    show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.textWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.htmlWidgetTypeValue,
+    show: selectedWidgetTypeValue !== constants.textWidgetTypeValue && selectedWidgetTypeValue !== constants.htmlWidgetTypeValue && selectedWidgetTypeValue !== constants.testimonialWidgetTypeValue,
     accessor: constants.itemTypeAccessor,
     type: 'select',
     validations: {
@@ -7925,7 +8018,8 @@ const WidgetForm = ({
     register: register,
     loading: loading,
     addText: commonTranslations.add,
-    deleteText: commonTranslations.delete
+    deleteText: commonTranslations.delete,
+    widgetType: selectedWidgetTypeValue
   }), /*#__PURE__*/React__default["default"].createElement(ItemsAccordian, {
     languages: languages,
     clearError: clearErrors,
@@ -7942,7 +8036,8 @@ const WidgetForm = ({
     control: control,
     register: register,
     addText: commonTranslations.add,
-    deleteText: commonTranslations.delete
+    deleteText: commonTranslations.delete,
+    widgetType: selectedWidgetTypeValue
   }))));
 };
 

package/index.js

@@ -1763,6 +1763,16 @@ const TRANSLATION_PAIRS_WIDGET = {
   tabNameRequired: 'Tab Name is required',
   subtitle: 'Subtitle',
   subTitlePlaceholder: 'Enter Subtitle',
+  quote: 'Quote',
+  quotePlaceholder: 'Enter quote',
+  personName: 'Person Name',
+  personNamePlaceholder: 'Enter person name',
+  personRole: 'Person Role',
+  personRolePlaceholder: 'Enter person role',
+  personOrganization: 'Organization',
+  personOrganizationPlaceholder: 'Enter organization',
+  rating: 'Rating',
+  ratingPlaceholder: 'Enter rating',
   altText: 'Alt Text',
   altTextPlaceholder: 'Enter alt text',
   link: 'Link',
@@ -3837,6 +3847,7 @@ const SimpleForm = /*#__PURE__*/forwardRef(({
   setError,
   languages
 }, ref) => {
+  const isMultilingualWidgetField = accessor => accessor === 'widgetTitles' || accessor === 'widgetSubtitles';
   const inputRenderer = schema => {
     var _a, _b, _c, _d;
     let input;
@@ -3921,7 +3932,7 @@ const SimpleForm = /*#__PURE__*/forwardRef(({
         case 'url':
         case 'color':
         default:
-          if (Array.isArray(languages) && languages.length > 0 && schema.accessor === 'widgetTitles') {
+          if (Array.isArray(languages) && languages.length > 0 && isMultilingualWidgetField(schema.accessor)) {
             input = languages.map(lang => {
               var _a, _b;
               return /*#__PURE__*/React.createElement(Input, {
@@ -3953,7 +3964,7 @@ const SimpleForm = /*#__PURE__*/forwardRef(({
           break;
       }
     } else if (schema.Input) {
-      if (Array.isArray(languages) && languages.length > 0 && schema.accessor === 'widgetTitles') {
+      if (Array.isArray(languages) && languages.length > 0 && isMultilingualWidgetField(schema.accessor)) {
         input = languages.map(lang => (/*#__PURE__*/React.createElement("div", {
           key: lang.code,
           className: classNames('khb_input-wrapper', schema.wrapperClassName)
@@ -6794,6 +6805,7 @@ const ItemsAccordian = ({
   itemType,
   languages,
   clearError,
+  widgetType,
   addText: _addText = 'Add',
   deleteText: _deleteText = 'Delete'
 }) => {
@@ -6817,6 +6829,7 @@ const ItemsAccordian = ({
     name,
     control
   });
+  const isTestimonialWidget = widgetType === 'Testimonial';
   const onItemsToggleClick = (index, status) => {
     var _a;
     const newItemsShow = [...itemsShow];
@@ -6834,6 +6847,18 @@ 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 (isTestimonialWidget) {
+      appendItem({
+        quote: '',
+        personName: '',
+        personRole: '',
+        personOrganization: '',
+        rating: 5,
+        itemType,
+        sequence: index
+      });
+      return;
+    }
     appendItem({
       altText: '',
       link: '',
@@ -6857,7 +6882,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;
     return /*#__PURE__*/React.createElement(Accordian, {
       key: index,
       open: itemsShow[index],
@@ -6877,7 +6902,51 @@ const ItemsAccordian = ({
       }, _deleteText))
     }, /*#__PURE__*/React.createElement("div", {
       className: "khb-form-items"
-    }, 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
+    }))) : (/*#__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}`),
@@ -6890,7 +6959,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: (_z = (_y = (_x = (_w = errors[name]) === null || _w === void 0 ? void 0 : _w[index]) === null || _x === void 0 ? void 0 : _x['title']) === null || _y === void 0 ? void 0 : _y.message) === null || _z === void 0 ? void 0 : _z.toString(),
       type: "text",
       className: "w-full p-2",
       placeholder: commonTranslations.titlePlaceholder
@@ -6929,7 +6998,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: (_1 = (_0 = errors[name]) === null || _0 === void 0 ? void 0 : _0[index]) === null || _1 === void 0 ? void 0 : _1['srcset'],
       screenSizeRequired: widgetTranslations.screenSizeRequired,
       heightRequired: widgetTranslations.heightRequired,
       minHeight: widgetTranslations.minHeight,
@@ -6964,7 +7033,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: (_5 = (_4 = (_3 = (_2 = errors[name]) === null || _2 === void 0 ? void 0 : _2[index]) === null || _3 === void 0 ? void 0 : _3['img']) === null || _4 === void 0 ? void 0 : _4.message) === null || _5 === void 0 ? void 0 : _5.toString(),
       baseUrl: imageBaseUrl ? imageBaseUrl : baseUrl,
       setError: setError,
       clearError: clearError,
@@ -6980,7 +7049,7 @@ const ItemsAccordian = ({
       }, widgetTranslations.dragDrop)), /*#__PURE__*/React.createElement("p", {
         className: "khb_img-text-2"
       }, widgetTranslations.allowedFormat))
-    }))));
+    }))))));
   })));
 };
 
@@ -7167,6 +7236,7 @@ const constants = {
   textWidgetTypeValue: 'Text',
   htmlWidgetTypeValue: 'HTML',
   linksWidgetTypeValue: 'Links',
+  testimonialWidgetTypeValue: 'Testimonial',
   pagesItemsTypeValue: 'pages',
   tabsAccessor: 'tabs',
   webItems: 'webItems',
@@ -7239,6 +7309,7 @@ const WidgetForm = ({
   const [blogCategoriesLoading, setBlogCategoriesLoading] = useState(false);
   const pagesLoadedRef = useRef(false);
   const blogCategoryInitialized = useRef(false);
+  const selectedWidgetTypeValue = (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) || getValues(constants.widgetTypeAccessor);
   useEffect(() => {
     if (data && formState === 'UPDATE') {
       const widgetType = widgetTypes.find(type => type.value === (data === null || data === void 0 ? void 0 : data.widgetType));
@@ -7442,6 +7513,12 @@ const WidgetForm = ({
         setValue(constants.collectionNameAccessor, constants.pagesItemsTypeValue);
         const pagesOption = itemsTypes.find(item => item.value === constants.pagesItemsTypeValue);
         if (pagesOption) setSelectedCollectionType(pagesOption);
+      } else if ((widgetType === null || widgetType === void 0 ? void 0 : widgetType.value) === constants.testimonialWidgetTypeValue) {
+        setItemsEnabled(true);
+        setSelectedCollectionType(undefined);
+        setSelectedCollectionItems([]);
+        setValue(constants.itemTypeAccessor, constants.imageItemsTypeValue);
+        setValue(constants.collectionNameAccessor, constants.imageItemsTypeValue);
       } else {
         setItemsEnabled(true);
       }
@@ -7657,6 +7734,22 @@ const WidgetForm = ({
     },
     info: widgetTranslations.widgetTitleInfo,
     Input: customInputs && customInputs['widgetTitle'] ? customInputs['widgetTitle'] : undefined
+  }, Array.isArray(languages) && languages.length > 0 ? {
+    label: widgetTranslations.subtitle,
+    accessor: 'widgetSubtitles',
+    required: false,
+    type: customInputs && customInputs['widgetSubtitles'] ? undefined : 'text',
+    placeholder: widgetTranslations.subTitlePlaceholder,
+    onInput: handleCapitalize,
+    Input: customInputs && customInputs['widgetSubtitles'] ? customInputs['widgetSubtitles'] : undefined
+  } : {
+    label: widgetTranslations.subtitle,
+    accessor: 'widgetSubtitle',
+    required: false,
+    type: customInputs && customInputs['widgetSubtitle'] ? undefined : 'text',
+    onInput: handleCapitalize,
+    placeholder: widgetTranslations.subTitlePlaceholder,
+    Input: customInputs && customInputs['widgetSubtitle'] ? customInputs['widgetSubtitle'] : undefined
   }, {
     label: widgetTranslations.widgetType,
     required: true,
@@ -7701,7 +7794,7 @@ const WidgetForm = ({
     label: widgetTranslations.itemsType,
     required: true,
     editable: false,
-    show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.textWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.htmlWidgetTypeValue,
+    show: selectedWidgetTypeValue !== constants.textWidgetTypeValue && selectedWidgetTypeValue !== constants.htmlWidgetTypeValue && selectedWidgetTypeValue !== constants.testimonialWidgetTypeValue,
     accessor: constants.itemTypeAccessor,
     type: 'select',
     validations: {
@@ -7913,7 +8006,8 @@ const WidgetForm = ({
     register: register,
     loading: loading,
     addText: commonTranslations.add,
-    deleteText: commonTranslations.delete
+    deleteText: commonTranslations.delete,
+    widgetType: selectedWidgetTypeValue
   }), /*#__PURE__*/React.createElement(ItemsAccordian, {
     languages: languages,
     clearError: clearErrors,
@@ -7930,7 +8024,8 @@ const WidgetForm = ({
     control: control,
     register: register,
     addText: commonTranslations.add,
-    deleteText: commonTranslations.delete
+    deleteText: commonTranslations.delete,
+    widgetType: selectedWidgetTypeValue
   }))));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knovator/pagecreator-admin",
-  "version": "1.7.7",
+  "version": "1.7.9",
   "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, 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, 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

@@ -3,7 +3,7 @@ import { WidgetProps } from '../../../types';
 declare const Widget: {
     ({ 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, 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

@@ -86,6 +86,16 @@ declare const TRANSLATION_PAIRS_WIDGET: {
     tabNameRequired: string;
     subtitle: string;
     subTitlePlaceholder: string;
+    quote: string;
+    quotePlaceholder: string;
+    personName: string;
+    personNamePlaceholder: string;
+    personRole: string;
+    personRolePlaceholder: string;
+    personOrganization: string;
+    personOrganizationPlaceholder: string;
+    rating: string;
+    ratingPlaceholder: string;
     altText: string;
     altTextPlaceholder: string;
     link: string;

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

@@ -178,6 +178,16 @@ export interface WidgetTranslationPairs {
     tabNameRequired: string;
     subtitle: string;
     subTitlePlaceholder: string;
+    quote: string;
+    quotePlaceholder: string;
+    personName: string;
+    personNamePlaceholder: string;
+    personRole: string;
+    personRolePlaceholder: string;
+    personOrganization: string;
+    personOrganizationPlaceholder: string;
+    rating: string;
+    ratingPlaceholder: string;
     altText: string;
     altTextPlaceholder: string;
     link: string;
@@ -313,6 +323,7 @@ export interface ItemsAccordianProps {
     register: any;
     setError: any;
     clearError: (key: string) => void;
+    widgetType?: string;
 }
 export interface TabItemProps {
     showDelete?: boolean;