@knovator/pagecreator-admin 1.7.9 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/index.cjs +57 -9
  2. package/index.js +57 -9
  3. package/package.json +1 -1
  4. package/src/lib/constants/common.d.ts +4 -0
  5. package/src/lib/types/components.d.ts +4 -0
package/index.cjs CHANGED
@@ -1777,6 +1777,10 @@ const TRANSLATION_PAIRS_WIDGET = {
1777
1777
  subTitlePlaceholder: 'Enter Subtitle',
1778
1778
  quote: 'Quote',
1779
1779
  quotePlaceholder: 'Enter quote',
1780
+ question: 'Question',
1781
+ questionPlaceholder: 'Enter question',
1782
+ answer: 'Answer',
1783
+ answerPlaceholder: 'Enter answer',
1780
1784
  personName: 'Person Name',
1781
1785
  personNamePlaceholder: 'Enter person name',
1782
1786
  personRole: 'Person Role',
@@ -6842,6 +6846,7 @@ const ItemsAccordian = ({
6842
6846
  control
6843
6847
  });
6844
6848
  const isTestimonialWidget = widgetType === 'Testimonial';
6849
+ const isFaqWidget = widgetType === 'FAQ';
6845
6850
  const onItemsToggleClick = (index, status) => {
6846
6851
  var _a;
6847
6852
  const newItemsShow = [...itemsShow];
@@ -6871,6 +6876,15 @@ const ItemsAccordian = ({
6871
6876
  });
6872
6877
  return;
6873
6878
  }
6879
+ if (isFaqWidget) {
6880
+ appendItem({
6881
+ question: '',
6882
+ answer: '',
6883
+ itemType,
6884
+ sequence: index
6885
+ });
6886
+ return;
6887
+ }
6874
6888
  appendItem({
6875
6889
  altText: '',
6876
6890
  link: '',
@@ -6894,7 +6908,7 @@ const ItemsAccordian = ({
6894
6908
  }, /*#__PURE__*/React__default["default"].createElement("div", {
6895
6909
  className: "khb_item-items"
6896
6910
  }, items === null || items === void 0 ? void 0 : items.map((field, index) => {
6897
- 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;
6911
+ 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;
6898
6912
  return /*#__PURE__*/React__default["default"].createElement(Accordian, {
6899
6913
  key: index,
6900
6914
  open: itemsShow[index],
@@ -6958,6 +6972,20 @@ const ItemsAccordian = ({
6958
6972
  type: "number",
6959
6973
  className: "w-full p-2",
6960
6974
  placeholder: widgetTranslations.ratingPlaceholder
6975
+ }))) : isFaqWidget ? (/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Input, {
6976
+ rest: register(`${name}.${index}.question`),
6977
+ label: widgetTranslations.question,
6978
+ 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(),
6979
+ type: "text",
6980
+ className: "w-full p-2",
6981
+ placeholder: widgetTranslations.questionPlaceholder
6982
+ }), /*#__PURE__*/React__default["default"].createElement(Input, {
6983
+ rest: register(`${name}.${index}.answer`),
6984
+ label: widgetTranslations.answer,
6985
+ 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(),
6986
+ type: "textarea",
6987
+ className: "w-full p-2",
6988
+ placeholder: widgetTranslations.answerPlaceholder
6961
6989
  }))) : (/*#__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 => {
6962
6990
  var _a, _b, _c, _d, _e, _f, _g, _h;
6963
6991
  return /*#__PURE__*/React__default["default"].createElement(Input, {
@@ -6971,7 +6999,7 @@ const ItemsAccordian = ({
6971
6999
  }))) : (/*#__PURE__*/React__default["default"].createElement(Input, {
6972
7000
  rest: register(`${name}.${index}.title`),
6973
7001
  label: commonTranslations.title,
6974
- 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(),
7002
+ 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(),
6975
7003
  type: "text",
6976
7004
  className: "w-full p-2",
6977
7005
  placeholder: commonTranslations.titlePlaceholder
@@ -7010,7 +7038,7 @@ const ItemsAccordian = ({
7010
7038
  register: register,
7011
7039
  label: widgetTranslations.srcset,
7012
7040
  name: `${name}.${index}.srcset`,
7013
- errors: (_1 = (_0 = errors[name]) === null || _0 === void 0 ? void 0 : _0[index]) === null || _1 === void 0 ? void 0 : _1['srcset'],
7041
+ errors: (_9 = (_8 = errors[name]) === null || _8 === void 0 ? void 0 : _8[index]) === null || _9 === void 0 ? void 0 : _9['srcset'],
7014
7042
  screenSizeRequired: widgetTranslations.screenSizeRequired,
7015
7043
  heightRequired: widgetTranslations.heightRequired,
7016
7044
  minHeight: widgetTranslations.minHeight,
@@ -7045,7 +7073,7 @@ const ItemsAccordian = ({
7045
7073
  label: widgetTranslations.image,
7046
7074
  control: control,
7047
7075
  name: `${name}.${index}.img`,
7048
- 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(),
7076
+ 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(),
7049
7077
  baseUrl: imageBaseUrl ? imageBaseUrl : baseUrl,
7050
7078
  setError: setError,
7051
7079
  clearError: clearError,
@@ -7249,6 +7277,7 @@ const constants = {
7249
7277
  htmlWidgetTypeValue: 'HTML',
7250
7278
  linksWidgetTypeValue: 'Links',
7251
7279
  testimonialWidgetTypeValue: 'Testimonial',
7280
+ faqWidgetTypeValue: 'FAQ',
7252
7281
  pagesItemsTypeValue: 'pages',
7253
7282
  tabsAccessor: 'tabs',
7254
7283
  webItems: 'webItems',
@@ -7334,6 +7363,10 @@ const WidgetForm = ({
7334
7363
  }
7335
7364
  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) {
7336
7365
  setItemsEnabled(false);
7366
+ } else if ((data === null || data === void 0 ? void 0 : data.widgetType) === constants.faqWidgetTypeValue) {
7367
+ setItemsEnabled(true);
7368
+ setSelectedCollectionType(undefined);
7369
+ setSelectedCollectionItems([]);
7337
7370
  }
7338
7371
  }
7339
7372
  }, [data, formState, itemsTypes, widgetTypes]);
@@ -7531,6 +7564,15 @@ const WidgetForm = ({
7531
7564
  setSelectedCollectionItems([]);
7532
7565
  setValue(constants.itemTypeAccessor, constants.imageItemsTypeValue);
7533
7566
  setValue(constants.collectionNameAccessor, constants.imageItemsTypeValue);
7567
+ } else if ((widgetType === null || widgetType === void 0 ? void 0 : widgetType.value) === constants.faqWidgetTypeValue) {
7568
+ setItemsEnabled(true);
7569
+ setSelectedCollectionType(undefined);
7570
+ setSelectedCollectionItems([]);
7571
+ setValue(constants.itemTypeAccessor, constants.imageItemsTypeValue);
7572
+ setValue(constants.collectionNameAccessor, constants.imageItemsTypeValue);
7573
+ setValue('webPerRow', 1);
7574
+ setValue('tabletPerRow', 1);
7575
+ setValue('mobilePerRow', 1);
7534
7576
  } else {
7535
7577
  setItemsEnabled(true);
7536
7578
  }
@@ -7618,10 +7660,16 @@ const WidgetForm = ({
7618
7660
  if (!formData[constants.itemTypeAccessor] && formState === 'ADD') {
7619
7661
  formData[constants.itemTypeAccessor] = (_a = getFirstItemTypeValue(formData[constants.widgetTypeAccessor])) === null || _a === void 0 ? void 0 : _a.value;
7620
7662
  }
7621
- // Force collectionName and itemsType for Links widget
7663
+ // Force collectionName and itemsType for Links/FAQ widgets
7622
7664
  if (formData[constants.widgetTypeAccessor] === constants.linksWidgetTypeValue) {
7623
7665
  formData[constants.collectionNameAccessor] = constants.pagesItemsTypeValue;
7624
7666
  formData[constants.itemTypeAccessor] = constants.pagesItemsTypeValue;
7667
+ } else if (formData[constants.widgetTypeAccessor] === constants.faqWidgetTypeValue) {
7668
+ formData[constants.collectionNameAccessor] = constants.imageItemsTypeValue;
7669
+ formData[constants.itemTypeAccessor] = constants.imageItemsTypeValue;
7670
+ formData['webPerRow'] = 1;
7671
+ formData['tabletPerRow'] = 1;
7672
+ formData['mobilePerRow'] = 1;
7625
7673
  }
7626
7674
  // setting collectionName if widgetType is FixedCard or Carousel and FormState
7627
7675
  else if (formData[constants.itemTypeAccessor] !== constants.imageItemsTypeValue && formState === 'ADD') {
@@ -7806,7 +7854,7 @@ const WidgetForm = ({
7806
7854
  label: widgetTranslations.itemsType,
7807
7855
  required: true,
7808
7856
  editable: false,
7809
- show: selectedWidgetTypeValue !== constants.textWidgetTypeValue && selectedWidgetTypeValue !== constants.htmlWidgetTypeValue && selectedWidgetTypeValue !== constants.testimonialWidgetTypeValue,
7857
+ show: selectedWidgetTypeValue !== constants.textWidgetTypeValue && selectedWidgetTypeValue !== constants.htmlWidgetTypeValue && selectedWidgetTypeValue !== constants.testimonialWidgetTypeValue && selectedWidgetTypeValue !== constants.faqWidgetTypeValue,
7810
7858
  accessor: constants.itemTypeAccessor,
7811
7859
  type: 'select',
7812
7860
  validations: {
@@ -7896,7 +7944,7 @@ const WidgetForm = ({
7896
7944
  label: widgetTranslations.webPerRow,
7897
7945
  accessor: 'webPerRow',
7898
7946
  type: 'number',
7899
- show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.textWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.htmlWidgetTypeValue,
7947
+ 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,
7900
7948
  required: true,
7901
7949
  placeholder: widgetTranslations.webPerRowPlaceholder,
7902
7950
  wrapperClassName: 'khb_grid-item-1of3 khb_padding-right-1',
@@ -7911,7 +7959,7 @@ const WidgetForm = ({
7911
7959
  label: widgetTranslations.tabletPerRow,
7912
7960
  accessor: 'tabletPerRow',
7913
7961
  type: 'number',
7914
- show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.textWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.htmlWidgetTypeValue,
7962
+ 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,
7915
7963
  required: true,
7916
7964
  placeholder: widgetTranslations.tabletPerRowPlaceholder,
7917
7965
  wrapperClassName: 'khb_grid-item-1of3 khb_padding-left-1',
@@ -7926,7 +7974,7 @@ const WidgetForm = ({
7926
7974
  label: widgetTranslations.mobilePerRow,
7927
7975
  accessor: 'mobilePerRow',
7928
7976
  type: 'number',
7929
- show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text' && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'HTML',
7977
+ 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,
7930
7978
  required: true,
7931
7979
  placeholder: widgetTranslations.mobilePerRowPlaceholder,
7932
7980
  wrapperClassName: 'khb_grid-item-1of3 khb_padding-right-1 khb_padding-left-1',
package/index.js CHANGED
@@ -1765,6 +1765,10 @@ const TRANSLATION_PAIRS_WIDGET = {
1765
1765
  subTitlePlaceholder: 'Enter Subtitle',
1766
1766
  quote: 'Quote',
1767
1767
  quotePlaceholder: 'Enter quote',
1768
+ question: 'Question',
1769
+ questionPlaceholder: 'Enter question',
1770
+ answer: 'Answer',
1771
+ answerPlaceholder: 'Enter answer',
1768
1772
  personName: 'Person Name',
1769
1773
  personNamePlaceholder: 'Enter person name',
1770
1774
  personRole: 'Person Role',
@@ -6830,6 +6834,7 @@ const ItemsAccordian = ({
6830
6834
  control
6831
6835
  });
6832
6836
  const isTestimonialWidget = widgetType === 'Testimonial';
6837
+ const isFaqWidget = widgetType === 'FAQ';
6833
6838
  const onItemsToggleClick = (index, status) => {
6834
6839
  var _a;
6835
6840
  const newItemsShow = [...itemsShow];
@@ -6859,6 +6864,15 @@ const ItemsAccordian = ({
6859
6864
  });
6860
6865
  return;
6861
6866
  }
6867
+ if (isFaqWidget) {
6868
+ appendItem({
6869
+ question: '',
6870
+ answer: '',
6871
+ itemType,
6872
+ sequence: index
6873
+ });
6874
+ return;
6875
+ }
6862
6876
  appendItem({
6863
6877
  altText: '',
6864
6878
  link: '',
@@ -6882,7 +6896,7 @@ const ItemsAccordian = ({
6882
6896
  }, /*#__PURE__*/React.createElement("div", {
6883
6897
  className: "khb_item-items"
6884
6898
  }, items === null || items === void 0 ? void 0 : items.map((field, index) => {
6885
- 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;
6899
+ 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;
6886
6900
  return /*#__PURE__*/React.createElement(Accordian, {
6887
6901
  key: index,
6888
6902
  open: itemsShow[index],
@@ -6946,6 +6960,20 @@ const ItemsAccordian = ({
6946
6960
  type: "number",
6947
6961
  className: "w-full p-2",
6948
6962
  placeholder: widgetTranslations.ratingPlaceholder
6963
+ }))) : isFaqWidget ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
6964
+ rest: register(`${name}.${index}.question`),
6965
+ label: widgetTranslations.question,
6966
+ 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(),
6967
+ type: "text",
6968
+ className: "w-full p-2",
6969
+ placeholder: widgetTranslations.questionPlaceholder
6970
+ }), /*#__PURE__*/React.createElement(Input, {
6971
+ rest: register(`${name}.${index}.answer`),
6972
+ label: widgetTranslations.answer,
6973
+ 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(),
6974
+ type: "textarea",
6975
+ className: "w-full p-2",
6976
+ placeholder: widgetTranslations.answerPlaceholder
6949
6977
  }))) : (/*#__PURE__*/React.createElement(React.Fragment, null, Array.isArray(languages) && languages.length > 0 ? (/*#__PURE__*/React.createElement(React.Fragment, null, languages.map(lang => {
6950
6978
  var _a, _b, _c, _d, _e, _f, _g, _h;
6951
6979
  return /*#__PURE__*/React.createElement(Input, {
@@ -6959,7 +6987,7 @@ const ItemsAccordian = ({
6959
6987
  }))) : (/*#__PURE__*/React.createElement(Input, {
6960
6988
  rest: register(`${name}.${index}.title`),
6961
6989
  label: commonTranslations.title,
6962
- 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(),
6990
+ 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(),
6963
6991
  type: "text",
6964
6992
  className: "w-full p-2",
6965
6993
  placeholder: commonTranslations.titlePlaceholder
@@ -6998,7 +7026,7 @@ const ItemsAccordian = ({
6998
7026
  register: register,
6999
7027
  label: widgetTranslations.srcset,
7000
7028
  name: `${name}.${index}.srcset`,
7001
- errors: (_1 = (_0 = errors[name]) === null || _0 === void 0 ? void 0 : _0[index]) === null || _1 === void 0 ? void 0 : _1['srcset'],
7029
+ errors: (_9 = (_8 = errors[name]) === null || _8 === void 0 ? void 0 : _8[index]) === null || _9 === void 0 ? void 0 : _9['srcset'],
7002
7030
  screenSizeRequired: widgetTranslations.screenSizeRequired,
7003
7031
  heightRequired: widgetTranslations.heightRequired,
7004
7032
  minHeight: widgetTranslations.minHeight,
@@ -7033,7 +7061,7 @@ const ItemsAccordian = ({
7033
7061
  label: widgetTranslations.image,
7034
7062
  control: control,
7035
7063
  name: `${name}.${index}.img`,
7036
- 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(),
7064
+ 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(),
7037
7065
  baseUrl: imageBaseUrl ? imageBaseUrl : baseUrl,
7038
7066
  setError: setError,
7039
7067
  clearError: clearError,
@@ -7237,6 +7265,7 @@ const constants = {
7237
7265
  htmlWidgetTypeValue: 'HTML',
7238
7266
  linksWidgetTypeValue: 'Links',
7239
7267
  testimonialWidgetTypeValue: 'Testimonial',
7268
+ faqWidgetTypeValue: 'FAQ',
7240
7269
  pagesItemsTypeValue: 'pages',
7241
7270
  tabsAccessor: 'tabs',
7242
7271
  webItems: 'webItems',
@@ -7322,6 +7351,10 @@ const WidgetForm = ({
7322
7351
  }
7323
7352
  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) {
7324
7353
  setItemsEnabled(false);
7354
+ } else if ((data === null || data === void 0 ? void 0 : data.widgetType) === constants.faqWidgetTypeValue) {
7355
+ setItemsEnabled(true);
7356
+ setSelectedCollectionType(undefined);
7357
+ setSelectedCollectionItems([]);
7325
7358
  }
7326
7359
  }
7327
7360
  }, [data, formState, itemsTypes, widgetTypes]);
@@ -7519,6 +7552,15 @@ const WidgetForm = ({
7519
7552
  setSelectedCollectionItems([]);
7520
7553
  setValue(constants.itemTypeAccessor, constants.imageItemsTypeValue);
7521
7554
  setValue(constants.collectionNameAccessor, constants.imageItemsTypeValue);
7555
+ } else if ((widgetType === null || widgetType === void 0 ? void 0 : widgetType.value) === constants.faqWidgetTypeValue) {
7556
+ setItemsEnabled(true);
7557
+ setSelectedCollectionType(undefined);
7558
+ setSelectedCollectionItems([]);
7559
+ setValue(constants.itemTypeAccessor, constants.imageItemsTypeValue);
7560
+ setValue(constants.collectionNameAccessor, constants.imageItemsTypeValue);
7561
+ setValue('webPerRow', 1);
7562
+ setValue('tabletPerRow', 1);
7563
+ setValue('mobilePerRow', 1);
7522
7564
  } else {
7523
7565
  setItemsEnabled(true);
7524
7566
  }
@@ -7606,10 +7648,16 @@ const WidgetForm = ({
7606
7648
  if (!formData[constants.itemTypeAccessor] && formState === 'ADD') {
7607
7649
  formData[constants.itemTypeAccessor] = (_a = getFirstItemTypeValue(formData[constants.widgetTypeAccessor])) === null || _a === void 0 ? void 0 : _a.value;
7608
7650
  }
7609
- // Force collectionName and itemsType for Links widget
7651
+ // Force collectionName and itemsType for Links/FAQ widgets
7610
7652
  if (formData[constants.widgetTypeAccessor] === constants.linksWidgetTypeValue) {
7611
7653
  formData[constants.collectionNameAccessor] = constants.pagesItemsTypeValue;
7612
7654
  formData[constants.itemTypeAccessor] = constants.pagesItemsTypeValue;
7655
+ } else if (formData[constants.widgetTypeAccessor] === constants.faqWidgetTypeValue) {
7656
+ formData[constants.collectionNameAccessor] = constants.imageItemsTypeValue;
7657
+ formData[constants.itemTypeAccessor] = constants.imageItemsTypeValue;
7658
+ formData['webPerRow'] = 1;
7659
+ formData['tabletPerRow'] = 1;
7660
+ formData['mobilePerRow'] = 1;
7613
7661
  }
7614
7662
  // setting collectionName if widgetType is FixedCard or Carousel and FormState
7615
7663
  else if (formData[constants.itemTypeAccessor] !== constants.imageItemsTypeValue && formState === 'ADD') {
@@ -7794,7 +7842,7 @@ const WidgetForm = ({
7794
7842
  label: widgetTranslations.itemsType,
7795
7843
  required: true,
7796
7844
  editable: false,
7797
- show: selectedWidgetTypeValue !== constants.textWidgetTypeValue && selectedWidgetTypeValue !== constants.htmlWidgetTypeValue && selectedWidgetTypeValue !== constants.testimonialWidgetTypeValue,
7845
+ show: selectedWidgetTypeValue !== constants.textWidgetTypeValue && selectedWidgetTypeValue !== constants.htmlWidgetTypeValue && selectedWidgetTypeValue !== constants.testimonialWidgetTypeValue && selectedWidgetTypeValue !== constants.faqWidgetTypeValue,
7798
7846
  accessor: constants.itemTypeAccessor,
7799
7847
  type: 'select',
7800
7848
  validations: {
@@ -7884,7 +7932,7 @@ const WidgetForm = ({
7884
7932
  label: widgetTranslations.webPerRow,
7885
7933
  accessor: 'webPerRow',
7886
7934
  type: 'number',
7887
- show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.textWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.htmlWidgetTypeValue,
7935
+ 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,
7888
7936
  required: true,
7889
7937
  placeholder: widgetTranslations.webPerRowPlaceholder,
7890
7938
  wrapperClassName: 'khb_grid-item-1of3 khb_padding-right-1',
@@ -7899,7 +7947,7 @@ const WidgetForm = ({
7899
7947
  label: widgetTranslations.tabletPerRow,
7900
7948
  accessor: 'tabletPerRow',
7901
7949
  type: 'number',
7902
- show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.textWidgetTypeValue && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.htmlWidgetTypeValue,
7950
+ 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,
7903
7951
  required: true,
7904
7952
  placeholder: widgetTranslations.tabletPerRowPlaceholder,
7905
7953
  wrapperClassName: 'khb_grid-item-1of3 khb_padding-left-1',
@@ -7914,7 +7962,7 @@ const WidgetForm = ({
7914
7962
  label: widgetTranslations.mobilePerRow,
7915
7963
  accessor: 'mobilePerRow',
7916
7964
  type: 'number',
7917
- show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text' && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'HTML',
7965
+ 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,
7918
7966
  required: true,
7919
7967
  placeholder: widgetTranslations.mobilePerRowPlaceholder,
7920
7968
  wrapperClassName: 'khb_grid-item-1of3 khb_padding-right-1 khb_padding-left-1',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knovator/pagecreator-admin",
3
- "version": "1.7.9",
3
+ "version": "1.8.0",
4
4
  "dependencies": {
5
5
  "classnames": "^2.3.1",
6
6
  "react-beautiful-dnd": "^13.1.0",
package/src/lib/constants/common.d.ts CHANGED
@@ -88,6 +88,10 @@ declare const TRANSLATION_PAIRS_WIDGET: {
88
88
  subTitlePlaceholder: string;
89
89
  quote: string;
90
90
  quotePlaceholder: string;
91
+ question: string;
92
+ questionPlaceholder: string;
93
+ answer: string;
94
+ answerPlaceholder: string;
91
95
  personName: string;
92
96
  personNamePlaceholder: string;
93
97
  personRole: string;
package/src/lib/types/components.d.ts CHANGED
@@ -180,6 +180,10 @@ export interface WidgetTranslationPairs {
180
180
  subTitlePlaceholder: string;
181
181
  quote: string;
182
182
  quotePlaceholder: string;
183
+ question: string;
184
+ questionPlaceholder: string;
185
+ answer: string;
186
+ answerPlaceholder: string;
183
187
  personName: string;
184
188
  personNamePlaceholder: string;
185
189
  personRole: string;