tabexseriescomponents 0.0.409 → 0.0.411

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.
package/dist/index.umd.js CHANGED
@@ -14385,7 +14385,7 @@
14385
14385
  setCollectionFilterFunc(item.collectionid);
14386
14386
  },
14387
14387
  style: {
14388
- color: item.isfilterselected == true ? 'red' : ''
14388
+ color: item.isfilterselected == true ? sectionproperties.activecat_color : ''
14389
14389
  }
14390
14390
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14391
14391
  "class": "col-lg-12 allcentered mb-2"
@@ -14397,7 +14397,7 @@
14397
14397
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
14398
14398
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
14399
14399
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
14400
- path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.collectionlogo,
14400
+ path: '/tr:w-' + sectionproperties.filterimage_tr + ',h-' + sectionproperties.filterimage_h + '/' + item.collectionlogo,
14401
14401
  style: {
14402
14402
  width: '100%',
14403
14403
  height: '100%',
@@ -15320,6 +15320,11 @@
15320
15320
  } else {
15321
15321
  cardobj.description = arrayItem.productinfo.description_ar;
15322
15322
  }
15323
+ if (langdetect == 'en') {
15324
+ cardobj.shortdescription = arrayItem.short_description_en;
15325
+ } else {
15326
+ cardobj.shortdescription = arrayItem.short_description_ar;
15327
+ }
15323
15328
  if (arrayItem.productinfo.hasvariants == 0) {
15324
15329
  fetchcustomercartQueryContext.data.data.customercart.cartitems.forEach(function (cartitem, cartindex) {
15325
15330
  if (cartitem.productid == arrayItem.productinfo.productid) {
@@ -15815,7 +15820,7 @@
15815
15820
  size: sectionproperties.viewmoreiconfontsizeresp,
15816
15821
  color: sectionproperties.viewmorebtn_Textcolor
15817
15822
  })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && /*#__PURE__*/React__default["default"].createElement("button", {
15818
- "class": ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
15823
+ "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
15819
15824
  onClick: function onClick() {
15820
15825
  setopenFilterSlider(true);
15821
15826
  // var element = document.getElementById('filterslider');
@@ -17858,7 +17863,7 @@
17858
17863
  function ownKeys$1Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
17859
17864
  function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
17860
17865
  var Headerresponsive = function Headerresponsive(props) {
17861
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery, _authdetailsContext$i9;
17866
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery2, _authdetailsContext$i9;
17862
17867
  var actions = props.actions;
17863
17868
  var LogoutMutationContext = props.actions.LogoutMutationContext;
17864
17869
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -17885,23 +17890,27 @@
17885
17890
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
17886
17891
  Choosenindex = _useState4[0],
17887
17892
  setChoosenindex = _useState4[1];
17893
+ var _useState5 = React.useState([]),
17894
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
17895
+ pcollarray = _useState6[0],
17896
+ setpcollarray = _useState6[1];
17888
17897
  React.useEffect(function () {
17889
17898
  if (props.sectionpropertiesprops != undefined) {
17890
17899
  setsectionproperties(_objectSpread$1Y({}, props.sectionpropertiesprops));
17891
17900
  }
17892
17901
  }, [props.sectionpropertiesprops]);
17893
- var _useState5 = React.useState([]),
17894
- _useState6 = _slicedToArray__default["default"](_useState5, 2),
17895
- logoarrayofobjects = _useState6[0],
17896
- setlogoarrayofobjects = _useState6[1];
17897
- var _useState7 = React.useState(false),
17902
+ var _useState7 = React.useState([]),
17898
17903
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
17899
- openCnvas = _useState8[0],
17900
- setopenCnvas = _useState8[1];
17901
- var _useState9 = React.useState(''),
17904
+ logoarrayofobjects = _useState8[0],
17905
+ setlogoarrayofobjects = _useState8[1];
17906
+ var _useState9 = React.useState(false),
17902
17907
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
17903
- activeTab = _useState10[0],
17904
- setactiveTab = _useState10[1];
17908
+ openCnvas = _useState10[0],
17909
+ setopenCnvas = _useState10[1];
17910
+ var _useState11 = React.useState(''),
17911
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
17912
+ activeTab = _useState12[0],
17913
+ setactiveTab = _useState12[1];
17905
17914
  React.useEffect(function () {
17906
17915
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
17907
17916
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -17910,6 +17919,20 @@
17910
17919
  }
17911
17920
  }
17912
17921
  }, [templateproperties_context]);
17922
+ React.useEffect(function () {
17923
+ if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
17924
+ var _fetchCategoriesQuery;
17925
+ var temppcollarray = _toConsumableArray__default["default"](pcollarray);
17926
+ fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 || _fetchCategoriesQuery.categories.forEach(function (arrayItem) {
17927
+ arrayItem === null || arrayItem === void 0 || arrayItem.parentcolletions.forEach(function (item) {
17928
+ if (arrayItem.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
17929
+ temppcollarray.push(item);
17930
+ }
17931
+ });
17932
+ });
17933
+ setpcollarray(_toConsumableArray__default["default"](temppcollarray));
17934
+ }
17935
+ }, [fetchCategoriesQueryContext.isSuccess]);
17913
17936
  var header_cssstyles = {
17914
17937
  header_logo: glamor.css({
17915
17938
  width: sectionproperties.logo_width + 'px',
@@ -18882,9 +18905,9 @@
18882
18905
  }, sectionproperties.subheaderParentType == 'Categories' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
18883
18906
  allowMultipleExpanded: true,
18884
18907
  allowZeroExpanded: true
18885
- }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories.map(function (item, index) {
18908
+ }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories.map(function (item, index) {
18886
18909
  if (item.isshowntocustomers == 1) {
18887
- var _fetchCategoriesQuery2, _fetchCategoriesQuery3;
18910
+ var _fetchCategoriesQuery3, _fetchCategoriesQuery4;
18888
18911
  return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
18889
18912
  uuid: index
18890
18913
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
@@ -18938,7 +18961,7 @@
18938
18961
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
18939
18962
  allowMultipleExpanded: true,
18940
18963
  allowZeroExpanded: true
18941
- }, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.categories[Choosenindex]) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.parentcolletions) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.length) != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.categories[Choosenindex]) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.parentcolletions.map(function (pitem, pindex) {
18964
+ }, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.categories[Choosenindex]) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.parentcolletions) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.length) != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery4 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.categories[Choosenindex]) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.parentcolletions.map(function (pitem, pindex) {
18942
18965
  if (pitem.isshowntocustomers == 1) {
18943
18966
  return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
18944
18967
  uuid: pindex
@@ -19032,6 +19055,81 @@
19032
19055
  }
19033
19056
  })));
19034
19057
  }
19058
+ })), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
19059
+ allowMultipleExpanded: true,
19060
+ allowZeroExpanded: true
19061
+ }, pcollarray.map(function (item, index) {
19062
+ if (item.isshowntocustomers == 1) {
19063
+ var _item$collections;
19064
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
19065
+ uuid: index
19066
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
19067
+ onClick: function onClick() {
19068
+ setChoosenindex(index);
19069
+ }
19070
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
19071
+ className: ' row m-0 p-0 mb-2 '
19072
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19073
+ className: ' row m-0 w-100 px-3 '
19074
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19075
+ className: "col-10 p-0 text-start"
19076
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
19077
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
19078
+ }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
19079
+ className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
19080
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
19081
+ if (state.expanded == true) {
19082
+ return /*#__PURE__*/React__default["default"].createElement("i", {
19083
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
19084
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
19085
+ style: {
19086
+ color: '#000',
19087
+ fontSize: 15
19088
+ }
19089
+ }));
19090
+ } else {
19091
+ return /*#__PURE__*/React__default["default"].createElement("i", {
19092
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
19093
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
19094
+ style: {
19095
+ color: '#000',
19096
+ fontSize: 15
19097
+ }
19098
+ }));
19099
+ }
19100
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
19101
+ className: "col-lg-12 p-0"
19102
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
19103
+ className: "mt-4 mb-4",
19104
+ style: {
19105
+ borderColor: sectionproperties.resp_header_separatorbg
19106
+ }
19107
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
19108
+ className: "p-0"
19109
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19110
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
19111
+ }, (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
19112
+ if (collitem.isshowntocustomers == 1) {
19113
+ return /*#__PURE__*/React__default["default"].createElement("div", {
19114
+ className: ' row m-0 p-0 mb-2 w-100 '
19115
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19116
+ className: "col-12 text-start px-4",
19117
+ onClick: function onClick() {
19118
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
19119
+ }
19120
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
19121
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
19122
+ }, langdetect == 'en' ? collitem.title_en : collitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
19123
+ className: "col-lg-12 p-0"
19124
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
19125
+ className: "mt-4 mb-4",
19126
+ style: {
19127
+ borderColor: sectionproperties.resp_header_separatorbg
19128
+ }
19129
+ })));
19130
+ }
19131
+ }))));
19132
+ }
19035
19133
  })))))));
19036
19134
  };
19037
19135
 
@@ -26161,7 +26259,13 @@
26161
26259
  marginTop: sectionproperties.header_marginTop + 'px',
26162
26260
  marginBottom: sectionproperties.header_marginBottom + 'px'
26163
26261
  }
26164
- }, /*#__PURE__*/React__default["default"].createElement("div", {
26262
+ }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
26263
+ "class": "col-lg-12 p-0"
26264
+ }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
26265
+ sectionpropertiesprops: sectionproperties,
26266
+ templateproperties_contextprops: templateproperties_context,
26267
+ actions: actions
26268
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
26165
26269
  "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
26166
26270
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26167
26271
  "class": "row m-0 w-100 "
@@ -26235,8 +26339,8 @@
26235
26339
  actions: actions,
26236
26340
  subheaderpropertiesprops: {
26237
26341
  subheaderpositionprops: 'in nav',
26238
- paddingLeftprops: '25px',
26239
- paddingRightprops: '25px',
26342
+ paddingLeftprops: '10px',
26343
+ paddingRightprops: '10px',
26240
26344
  subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
26241
26345
  }
26242
26346
  })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -26517,6 +26621,9 @@
26517
26621
  })))))), sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
26518
26622
  sectionpropertiesprops: sectionproperties,
26519
26623
  actions: actions
26624
+ }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
26625
+ sectionpropertiesprops: sectionproperties,
26626
+ actions: actions
26520
26627
  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
26521
26628
  sectionpropertiesprops: sectionproperties,
26522
26629
  actions: actions
@@ -28666,9 +28773,9 @@
28666
28773
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28667
28774
  "class": "col-lg-12 p-0"
28668
28775
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28669
- "class": "".concat(headerstyles$8.header_innercontainer, " ").concat(header_cssstyles.header_innercontainer) + ' row m-0 w-100 d-flex d-md-none align-items-center '
28776
+ "class": "".concat(headerstyles$8.header_innercontainer, " ").concat(header_cssstyles.header_innercontainer) + ' row m-0 w-100 d-flex d-md-none align-items-center px-1025-1 '
28670
28777
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28671
- "class": "col-lg-3 p-0 d-flex align-items-center"
28778
+ "class": "col-lg-2 p-0 d-flex align-items-center"
28672
28779
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28673
28780
  "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center ',
28674
28781
  style: {
@@ -28686,7 +28793,7 @@
28686
28793
  maxHeight: '100%'
28687
28794
  }
28688
28795
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
28689
- "class": "col-lg-6 p-0 d-flex align-items-center justify-content-center"
28796
+ "class": sectionproperties.favBtnShow == 'Hide' && sectionproperties.cartBtnShow == 'Hide' && sectionproperties.icontextfontsize == 0 ? 'col-lg-9 p-0 d-flex align-items-center justify-content-center' : 'col-lg-7 p-0 d-flex align-items-center justify-content-center'
28690
28797
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28691
28798
  "class": "scrollhorizontal w-100 align-items-center justify-content-center",
28692
28799
  style: {
@@ -28718,12 +28825,12 @@
28718
28825
  actions: actions,
28719
28826
  subheaderpropertiesprops: {
28720
28827
  subheaderpositionprops: 'in nav',
28721
- paddingLeftprops: '35px',
28722
- paddingRightprops: '35px',
28828
+ paddingLeftprops: '15px',
28829
+ paddingRightprops: '15px',
28723
28830
  subheadercontentpositionprops: 'center'
28724
28831
  }
28725
28832
  })), /*#__PURE__*/React__default["default"].createElement("div", {
28726
- "class": "col-lg-3 p-0 d-flex align-items-center justify-content-end"
28833
+ "class": sectionproperties.favBtnShow == 'Hide' && sectionproperties.cartBtnShow == 'Hide' && sectionproperties.icontextfontsize == 0 ? 'col-lg-1 p-0 d-flex align-items-center justify-content-end' : 'col-lg-3 p-0 d-flex align-items-center justify-content-end'
28727
28834
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
28728
28835
  style: {
28729
28836
  marginRight: langdetect == 'en' ? '30px' : 0,
@@ -28856,7 +28963,7 @@
28856
28963
  }
28857
28964
  })), /*#__PURE__*/React__default["default"].createElement("div", {
28858
28965
  "class": "".concat(headerstyles$8.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.wishlistbadge) + ' d-flex justify-content-center text-center '
28859
- }, /*#__PURE__*/React__default["default"].createElement("span", null, " ", favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), /*#__PURE__*/React__default["default"].createElement("div", {
28966
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, " ", favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28860
28967
  "class": !authdetailsContext.loggedin ? langdetect == 'en' ? "".concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered ml-3 mr-4 ' : "".concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered ml-4 mr-3 ' : "".concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered ',
28861
28968
  onClick: function onClick() {
28862
28969
  setsidecartnavshowcontext(true);
@@ -28896,7 +29003,7 @@
28896
29003
  top: sectionproperties.cartbadgetop + 'px',
28897
29004
  right: sectionproperties.cartbadgeright + 'px'
28898
29005
  }
28899
- }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0))), /*#__PURE__*/React__default["default"].createElement("div", {
29006
+ }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0))), sectionproperties.icontextfontsize != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
28900
29007
  "class": langdetect == 'en' ? 'informationdropdown informationdropdown_en' : 'informationdropdown informationdropdown_ar'
28901
29008
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("i", {
28902
29009
  "class": header_cssstyles.infoiconcontainer + ' allcentered '
@@ -28957,15 +29064,13 @@
28957
29064
  size: sectionproperties.youtubebtniconfontsize
28958
29065
  })))))))), /*#__PURE__*/React__default["default"].createElement("div", {
28959
29066
  "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
28960
- }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
28961
- style: {
28962
- marginLeft: langdetect == 'en' ? '25px' : 0,
28963
- marginRight: langdetect == 'ar' ? '25px' : 0
28964
- }
28965
- }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
29067
+ }, /*#__PURE__*/React__default["default"].createElement("li", {
28966
29068
  "class": ' d-flex align-items-center justify-content-center '
28967
29069
  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
28968
- "class": "".concat(header_cssstyles.language_container) + ' row m-0 allcentered '
29070
+ "class": "".concat(header_cssstyles.language_container) + ' row m-0 allcentered ',
29071
+ onClick: function onClick() {
29072
+ setlang('en');
29073
+ }
28969
29074
  }, /*#__PURE__*/React__default["default"].createElement("img", {
28970
29075
  src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
28971
29076
  style: {
@@ -28982,7 +29087,10 @@
28982
29087
  }), /*#__PURE__*/React__default["default"].createElement("p", {
28983
29088
  "class": "m-0 p-0"
28984
29089
  }, "\u0639")), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
28985
- "class": "".concat(header_cssstyles.language_container) + ' row m-0 allcentered '
29090
+ "class": "".concat(header_cssstyles.language_container) + ' row m-0 allcentered ',
29091
+ onClick: function onClick() {
29092
+ setlang('ar');
29093
+ }
28986
29094
  }, /*#__PURE__*/React__default["default"].createElement("img", {
28987
29095
  src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
28988
29096
  style: {
@@ -28998,39 +29106,7 @@
28998
29106
  "class": "ml-2 mr-2"
28999
29107
  }), /*#__PURE__*/React__default["default"].createElement("p", {
29000
29108
  "class": "m-0 p-0"
29001
- }, "En")))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
29002
- onClick: function onClick() {
29003
- setlang('ar');
29004
- }
29005
- }, /*#__PURE__*/React__default["default"].createElement("div", {
29006
- "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
29007
- }, /*#__PURE__*/React__default["default"].createElement("p", {
29008
- "class": ' d-flex align-items-center m-0 p-0 '
29009
- }, /*#__PURE__*/React__default["default"].createElement("img", {
29010
- src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
29011
- style: {
29012
- maxWidth: '2.5vh',
29013
- maxHeight: '2.5vh'
29014
- }
29015
- }), /*#__PURE__*/React__default["default"].createElement("span", {
29016
- "class": "ml-2 mr-2"
29017
- }, lang.arabic)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
29018
- onClick: function onClick() {
29019
- setlang('en');
29020
- }
29021
- }, /*#__PURE__*/React__default["default"].createElement("div", {
29022
- "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
29023
- }, /*#__PURE__*/React__default["default"].createElement("p", {
29024
- "class": ' d-flex align-items-center m-0 p-0 '
29025
- }, /*#__PURE__*/React__default["default"].createElement("img", {
29026
- src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
29027
- style: {
29028
- maxWidth: '2.5vh',
29029
- maxHeight: '2.5vh'
29030
- }
29031
- }), /*#__PURE__*/React__default["default"].createElement("span", {
29032
- "class": "ml-2 mr-2"
29033
- }, lang.english)))))))), /*#__PURE__*/React__default["default"].createElement("div", {
29109
+ }, "En"))))), /*#__PURE__*/React__default["default"].createElement("div", {
29034
29110
  "class": "col-lg-12 p-0"
29035
29111
  }, sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement(Subheader, {
29036
29112
  sectionpropertiesprops: sectionproperties,
@@ -52484,8 +52560,9 @@
52484
52560
 
52485
52561
  function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
52486
52562
  function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
52563
+ // 49
52487
52564
  var DynamicForm = function DynamicForm(props) {
52488
- var _css, _dynamicform$fields;
52565
+ var _css, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
52489
52566
  props.actions.lang;
52490
52567
  var langdetect = props.actions.langdetect;
52491
52568
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -52513,6 +52590,30 @@
52513
52590
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
52514
52591
  confirmationtext = _useState10[0],
52515
52592
  setconfirmationtext = _useState10[1];
52593
+ var _useState11 = React.useState(25),
52594
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
52595
+ percentage = _useState12[0],
52596
+ setpercentage = _useState12[1];
52597
+ var _useState13 = React.useState(''),
52598
+ _useState14 = _slicedToArray__default["default"](_useState13, 2);
52599
+ _useState14[0];
52600
+ var setnumberoffields = _useState14[1];
52601
+ var _useState15 = React.useState(0),
52602
+ _useState16 = _slicedToArray__default["default"](_useState15, 2);
52603
+ _useState16[0];
52604
+ var setnumberofslides = _useState16[1];
52605
+ var _useState17 = React.useState(0),
52606
+ _useState18 = _slicedToArray__default["default"](_useState17, 2);
52607
+ _useState18[0];
52608
+ _useState18[1];
52609
+ var _useState19 = React.useState(0),
52610
+ _useState20 = _slicedToArray__default["default"](_useState19, 2),
52611
+ currentindex = _useState20[0],
52612
+ setcurrentindex = _useState20[1];
52613
+ var _useState21 = React.useState(0),
52614
+ _useState22 = _slicedToArray__default["default"](_useState21, 2);
52615
+ _useState22[0];
52616
+ var setnumberoffiledinslide = _useState22[1];
52516
52617
  React.useEffect(function () {
52517
52618
  var secpropobj = {};
52518
52619
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -52529,7 +52630,7 @@
52529
52630
  var _fetchdynamicformfeil;
52530
52631
  fetchdynamicformfeildsQueryContext === null || fetchdynamicformfeildsQueryContext === void 0 || (_fetchdynamicformfeil = fetchdynamicformfeildsQueryContext.data) === null || _fetchdynamicformfeil === void 0 || (_fetchdynamicformfeil = _fetchdynamicformfeil.data) === null || _fetchdynamicformfeil === void 0 || (_fetchdynamicformfeil = _fetchdynamicformfeil.dynamicforms) === null || _fetchdynamicformfeil === void 0 || _fetchdynamicformfeil.forEach(function (item, index) {
52531
52632
  if (item.id == dynamicformid) {
52532
- var _tempitem$fields;
52633
+ var _tempitem$fields, _tempitem$fields2;
52533
52634
  var tempitem = item;
52534
52635
  tempitem === null || tempitem === void 0 || (_tempitem$fields = tempitem.fields) === null || _tempitem$fields === void 0 || _tempitem$fields.forEach(function (fielditem) {
52535
52636
  fielditem.value = '';
@@ -52537,8 +52638,15 @@
52537
52638
  setdynamicform(tempitem);
52538
52639
  var temptitleen = tempitem.title_en;
52539
52640
  var temptitlear = tempitem.title_ar;
52641
+ var tempnumberoffields = tempitem === null || tempitem === void 0 || (_tempitem$fields2 = tempitem.fields) === null || _tempitem$fields2 === void 0 ? void 0 : _tempitem$fields2.length; //12
52642
+ var tempnumberoffiledinslide = sectionproperties.numberofslides; //4
52643
+ var tempnumberofslides = Math.ceil(tempnumberoffields / tempnumberoffiledinslide); //3
52644
+
52540
52645
  setformtitleen(temptitleen);
52541
52646
  setformtitlear(temptitlear);
52647
+ setnumberoffields(tempnumberoffields);
52648
+ setnumberoffiledinslide(tempnumberoffiledinslide);
52649
+ setnumberofslides(tempnumberofslides);
52542
52650
  }
52543
52651
  });
52544
52652
  }
@@ -52579,9 +52687,9 @@
52579
52687
  }
52580
52688
  };
52581
52689
  var clearform = function clearform() {
52582
- var _tempitem$fields2;
52690
+ var _tempitem$fields3;
52583
52691
  var tempitem = _objectSpread$_({}, dynamicform);
52584
- tempitem === null || tempitem === void 0 || (_tempitem$fields2 = tempitem.fields) === null || _tempitem$fields2 === void 0 || _tempitem$fields2.forEach(function (fielditem) {
52692
+ tempitem === null || tempitem === void 0 || (_tempitem$fields3 = tempitem.fields) === null || _tempitem$fields3 === void 0 || _tempitem$fields3.forEach(function (fielditem) {
52585
52693
  fielditem.value = '';
52586
52694
  });
52587
52695
  setdynamicform(tempitem);
@@ -52671,7 +52779,7 @@
52671
52779
  position: 'relative',
52672
52780
  display: 'flex',
52673
52781
  alignItems: 'center'
52674
- }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, "fontSize", sectionproperties.inputfieldfontsize + 'px'), _defineProperty__default["default"](_css, ':focus', {
52782
+ }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, "fontSize", sectionproperties.inputfieldfontsize + 'px'), _defineProperty__default["default"](_css, "marginBottom", sectionproperties.inputfieldbordertype == 'All' ? 20 : 0), _defineProperty__default["default"](_css, ':focus', {
52675
52783
  borderColor: sectionproperties.inputfeildbordercoloronfocus,
52676
52784
  boxShadow: 'none',
52677
52785
  transition: '.3s'
@@ -52689,10 +52797,41 @@
52689
52797
  color: sectionproperties.generalbtn_textColoronhover,
52690
52798
  backgroundColor: sectionproperties.generalbtn_bgColoronhover
52691
52799
  }
52800
+ }),
52801
+ btnLeft: glamor.css({
52802
+ width: 40,
52803
+ height: 40,
52804
+ // borderRadius: 20,
52805
+ borderRight: langdetect == 'en' ? '1px solid #ccc' : 0,
52806
+ backgroundColor: '#000',
52807
+ cursor: 'pointer',
52808
+ borderTopLeftRadius: langdetect == 'en' ? 5 : 0,
52809
+ borderBottomLeftRadius: langdetect == 'en' ? 5 : 0,
52810
+ borderTopRightRadius: langdetect == 'ar' ? 5 : 0,
52811
+ borderBottomRightRadius: langdetect == 'ar' ? 5 : 0,
52812
+ ':hover': {
52813
+ transition: '.3s',
52814
+ backgroundColor: '#044da6'
52815
+ }
52816
+ }),
52817
+ btnRight: glamor.css({
52818
+ width: 40,
52819
+ height: 40,
52820
+ borderLeft: langdetect == 'en' ? '1px solid #ccc' : 0,
52821
+ backgroundColor: '#000',
52822
+ cursor: 'pointer',
52823
+ borderTopRightRadius: langdetect == 'en' ? 5 : 0,
52824
+ borderBottomRightRadius: langdetect == 'en' ? 5 : 0,
52825
+ borderTopLeftRadius: langdetect == 'ar' ? 5 : 0,
52826
+ borderBottomLeftRadius: langdetect == 'ar' ? 5 : 0,
52827
+ ':hover': {
52828
+ transition: '.3s',
52829
+ backgroundColor: '#044da6'
52830
+ }
52692
52831
  })
52693
52832
  };
52694
52833
  return /*#__PURE__*/React__default["default"].createElement("div", {
52695
- "class": 'row m-0 w-100 h-100 px-md-2',
52834
+ "class": 'row m-0 w-100 h-100 px-md-2 allcentered',
52696
52835
  style: {
52697
52836
  background: sectionproperties.backgroundColor,
52698
52837
  paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
@@ -52700,6 +52839,165 @@
52700
52839
  paddingTop: sectionproperties.cardpaddingvertical + 'px',
52701
52840
  paddingBottom: sectionproperties.cardpaddingvertical + 'px'
52702
52841
  }
52842
+ }, dynamicformid == '49' && /*#__PURE__*/React__default["default"].createElement("div", {
52843
+ "class": "col-lg-10 m-0 w-100 allcentered"
52844
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
52845
+ "class": "row m-0 w-100",
52846
+ style: {
52847
+ border: '1px solid #ccc',
52848
+ borderRadius: 20,
52849
+ overflow: 'hidden'
52850
+ }
52851
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
52852
+ style: {
52853
+ width: '100%',
52854
+ height: '5.5px'
52855
+ }
52856
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
52857
+ "class": 'ratingbar',
52858
+ style: {
52859
+ backgroundColor: 'rgb(226, 226, 226)'
52860
+ }
52861
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
52862
+ "class": 'ratingbar',
52863
+ style: {
52864
+ backgroundColor: '#044da6',
52865
+ width: percentage + '%'
52866
+ }
52867
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
52868
+ "class": "col-lg-12 text-start mt-5 px-4",
52869
+ style: {
52870
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px',
52871
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
52872
+ }
52873
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
52874
+ "class": "m-0 p-0",
52875
+ style: {
52876
+ color: sectionproperties.sectionTitleColor,
52877
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
52878
+ fontWeight: sectionproperties.sectionTitleFontWeight
52879
+ }
52880
+ }, langdetect == 'en' ? formtitleen : formtitlear)), (dynamicform === null || dynamicform === void 0 ? void 0 : dynamicform.id) != undefined && /*#__PURE__*/React__default["default"].createElement("div", {
52881
+ "class": 'row m-0 w-100 p-3 mt-3'
52882
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
52883
+ "class": "col-lg-12 text-start"
52884
+ }, currentindex == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
52885
+ "class": 'row m-0 w-100 '
52886
+ }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields = dynamicform.fields) === null || _dynamicform$fields === void 0 ? void 0 : _dynamicform$fields.map(function (item, index) {
52887
+ if (index <= 2) {
52888
+ if (item.type == 'text' || item.type == 'date' || item.type == 'number') {
52889
+ return inputitem(item, index);
52890
+ } else if (item.type == 'textarea') {
52891
+ return textareaitem(item, index);
52892
+ } else if (item.type == 'selectbox') {
52893
+ return selectboxitem(item, index);
52894
+ }
52895
+ }
52896
+ })), currentindex == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
52897
+ "class": 'row m-0 w-100 '
52898
+ }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields2 = dynamicform.fields) === null || _dynamicform$fields2 === void 0 ? void 0 : _dynamicform$fields2.map(function (item, index) {
52899
+ if (index > 2 && index <= 5) {
52900
+ if (item.type == 'text' || item.type == 'date' || item.type == 'number') {
52901
+ return inputitem(item, index);
52902
+ } else if (item.type == 'textarea') {
52903
+ return textareaitem(item, index);
52904
+ } else if (item.type == 'selectbox') {
52905
+ return selectboxitem(item, index);
52906
+ }
52907
+ }
52908
+ })), currentindex == 2 && /*#__PURE__*/React__default["default"].createElement("div", {
52909
+ "class": 'row m-0 w-100 '
52910
+ }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields3 = dynamicform.fields) === null || _dynamicform$fields3 === void 0 ? void 0 : _dynamicform$fields3.map(function (item, index) {
52911
+ if (index > 5 && index <= 8) {
52912
+ if (item.type == 'text' || item.type == 'date' || item.type == 'number') {
52913
+ return inputitem(item, index);
52914
+ } else if (item.type == 'textarea') {
52915
+ return textareaitem(item, index);
52916
+ } else if (item.type == 'selectbox') {
52917
+ return selectboxitem(item, index);
52918
+ }
52919
+ }
52920
+ })), currentindex == 3 && /*#__PURE__*/React__default["default"].createElement("div", {
52921
+ "class": 'row m-0 w-100 '
52922
+ }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields4 = dynamicform.fields) === null || _dynamicform$fields4 === void 0 ? void 0 : _dynamicform$fields4.map(function (item, index) {
52923
+ if (index > 8 && index <= 11) {
52924
+ if (item.type == 'text' || item.type == 'date' || item.type == 'number') {
52925
+ return inputitem(item, index);
52926
+ } else if (item.type == 'textarea') {
52927
+ return textareaitem(item, index);
52928
+ } else if (item.type == 'selectbox') {
52929
+ return selectboxitem(item, index);
52930
+ }
52931
+ }
52932
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
52933
+ "class": "col-lg-12 text-end flex-row px-4 mt-4"
52934
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
52935
+ "class": form_cssstyles.btnLeft + ' allcentered ',
52936
+ style: {},
52937
+ onClick: function onClick() {
52938
+ if (currentindex == 1) {
52939
+ setcurrentindex(0);
52940
+ setpercentage(25);
52941
+ } else if (currentindex == 2) {
52942
+ setcurrentindex(1);
52943
+ setpercentage(50);
52944
+ } else if (currentindex == 3) {
52945
+ setcurrentindex(2);
52946
+ setpercentage(75);
52947
+ } else ;
52948
+ }
52949
+ }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
52950
+ color: '#fff',
52951
+ size: 18
52952
+ }), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
52953
+ color: '#fff',
52954
+ size: 18
52955
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
52956
+ "class": form_cssstyles.btnRight + ' allcentered ',
52957
+ onClick: function onClick() {
52958
+ if (currentindex == 0) {
52959
+ setcurrentindex(1);
52960
+ setpercentage(50);
52961
+ } else if (currentindex == 1) {
52962
+ setcurrentindex(2);
52963
+ setpercentage(75);
52964
+ } else if (currentindex == 2) {
52965
+ setcurrentindex(3);
52966
+ setpercentage(100);
52967
+ } else ;
52968
+ }
52969
+ }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
52970
+ color: '#fff',
52971
+ size: 18
52972
+ }), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
52973
+ color: '#fff',
52974
+ size: 18
52975
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
52976
+ "class": "col-lg-12 allcentered my-4",
52977
+ style: {
52978
+ visibility: currentindex == 3 ? 'visible' : 'hidden'
52979
+ }
52980
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
52981
+ onClick: function onClick() {
52982
+ submitform();
52983
+ },
52984
+ disabled: GeneralAPIMutationContext.isLoading,
52985
+ "class": form_cssstyles.generalbtn + ' allcentered '
52986
+ }, GeneralAPIMutationContext.isLoading ? /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
52987
+ color: sectionproperties.generalbtn_textColor,
52988
+ width: "20px",
52989
+ height: "20px",
52990
+ duration: "1s"
52991
+ }) : langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
52992
+ "class": "col-lg-12 allcentered my-4"
52993
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
52994
+ "class": "m-0 p-0",
52995
+ style: {
52996
+ fontSize: 20,
52997
+ color: '#000'
52998
+ }
52999
+ }, confirmationtext))))), dynamicformid != '49' && /*#__PURE__*/React__default["default"].createElement("div", {
53000
+ "class": "row m-0 w-100"
52703
53001
  }, /*#__PURE__*/React__default["default"].createElement("div", {
52704
53002
  "class": "col-lg-12 text-start",
52705
53003
  style: {
@@ -52719,7 +53017,7 @@
52719
53017
  "class": "col-lg-12 text-start"
52720
53018
  }, /*#__PURE__*/React__default["default"].createElement("div", {
52721
53019
  "class": 'row m-0 w-100 '
52722
- }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields = dynamicform.fields) === null || _dynamicform$fields === void 0 ? void 0 : _dynamicform$fields.map(function (item, index) {
53020
+ }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields5 = dynamicform.fields) === null || _dynamicform$fields5 === void 0 ? void 0 : _dynamicform$fields5.map(function (item, index) {
52723
53021
  if (item.type == 'text' || item.type == 'date' || item.type == 'number') {
52724
53022
  return inputitem(item, index);
52725
53023
  } else if (item.type == 'textarea') {
@@ -52748,7 +53046,7 @@
52748
53046
  fontSize: 20,
52749
53047
  color: '#000'
52750
53048
  }
52751
- }, confirmationtext))));
53049
+ }, confirmationtext)))));
52752
53050
  };
52753
53051
 
52754
53052
  function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -61394,15 +61692,17 @@
61394
61692
  }, /*#__PURE__*/React__default["default"].createElement("div", {
61395
61693
  "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex d-md-none ',
61396
61694
  style: {
61397
- height: sectionproperties.image_height + 'px'
61695
+ height: sectionproperties.image_height + 'px',
61696
+ marginBottom: sectionproperties.image_mb + 'px'
61398
61697
  }
61399
61698
  }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
61400
61699
  "class": cardsstyles2.imageContainer + ' d-none d-md-flex ',
61401
61700
  style: {
61402
- height: sectionproperties.height_responsive + 'px'
61701
+ height: sectionproperties.height_responsive + 'px',
61702
+ marginBottom: sectionproperties.image_mb + 'px'
61403
61703
  }
61404
61704
  }, Image('responsive')), /*#__PURE__*/React__default["default"].createElement("div", {
61405
- "class": 'row m-0 w-100 pl-sm-2 pr-sm-2',
61705
+ "class": sectionproperties.innersectionpaddinghorizontal == 0 ? 'row m-0 w-100' : 'row m-0 w-100 pl-sm-2 pr-sm-2',
61406
61706
  style: {
61407
61707
  paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
61408
61708
  paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
@@ -61452,11 +61752,13 @@
61452
61752
  })), /*#__PURE__*/React__default["default"].createElement("div", {
61453
61753
  "class": "col-lg-12 p-0"
61454
61754
  }, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
61455
- "class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 m-0 ',
61755
+ "class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 ',
61456
61756
  style: {
61457
- textAlign: langdetect == 'en' ? 'left' : 'right'
61757
+ // textAlign: langdetect == 'en' ? 'left' : 'right',
61758
+ textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
61759
+ marginBottom: sectionproperties.descriptionMarginBottom + 'px'
61458
61760
  }
61459
- }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
61761
+ }, plainString(item.shortdescription)), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
61460
61762
  "class": "col-lg-12 p-0 ",
61461
61763
  style: {
61462
61764
  minHeight: '6vh'
@@ -61465,15 +61767,21 @@
61465
61767
  onClick: function onClick() {
61466
61768
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
61467
61769
  },
61468
- "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ',
61770
+ "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
61469
61771
  style: {
61470
- textAlign: langdetect == 'en' ? 'left' : 'right'
61772
+ textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
61471
61773
  }
61472
61774
  }, item.name))), /*#__PURE__*/React__default["default"].createElement("div", {
61473
- "class": "row m-0 w-100 align-items-center mt-1 mb-1"
61775
+ "class": "row m-0 w-100 align-items-center mt-1 mb-1",
61776
+ style: {
61777
+ flexDirection: sectionproperties.productnamecentered == 'Centered' ? 'column' : 'row'
61778
+ }
61474
61779
  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
61475
- "class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
61476
- }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
61780
+ "class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right ',
61781
+ style: {
61782
+ textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : ''
61783
+ }
61784
+ }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.productnamecentered != 'Centered' && sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
61477
61785
  "class": "".concat(cardsstyles2.productSalePricestyles)
61478
61786
  }, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
61479
61787
  "class": langdetect == 'en' ? "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ' : "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '