tabexseriescomponents 0.2.775 → 0.2.778

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.cjs.js CHANGED
@@ -20,7 +20,6 @@ var IoMdClose = require('@react-icons/all-files/io/IoMdClose');
20
20
  var reactBootstrap = require('react-bootstrap');
21
21
  var imagekitioReact = require('imagekitio-react');
22
22
  var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
23
- var _extends = require('@babel/runtime/helpers/extends');
24
23
  var ImageGallery = require('react-image-gallery');
25
24
  var MdAddShoppingCart = require('@react-icons/all-files/md/MdAddShoppingCart');
26
25
  var IoBagHandleOutline = require('@react-icons/all-files/io5/IoBagHandleOutline');
@@ -33,7 +32,7 @@ var FiShoppingCart = require('@react-icons/all-files/fi/FiShoppingCart');
33
32
  var AiFillStar$1 = require('@react-icons/all-files/ai/AiFillStar');
34
33
  var AiOutlineStar = require('@react-icons/all-files/ai/AiOutlineStar');
35
34
  var FaWhatsapp = require('@react-icons/all-files/fa/FaWhatsapp');
36
- var IoCall = require('@react-icons/all-files/io5/IoCall');
35
+ require('@react-icons/all-files/io5/IoCall');
37
36
  var FaPlus = require('@react-icons/all-files/fa/FaPlus');
38
37
  var FaMinus = require('@react-icons/all-files/fa/FaMinus');
39
38
  var FiBox$1 = require('@react-icons/all-files/fi/FiBox');
@@ -164,6 +163,7 @@ var GoStar = require('@react-icons/all-files/go/GoStar');
164
163
  var IoIosStar = require('@react-icons/all-files/io/IoIosStar');
165
164
  var reactCountdownCircleTimer = require('react-countdown-circle-timer');
166
165
  var BackgroundSlideshow = require('react-background-slideshow');
166
+ var _extends = require('@babel/runtime/helpers/extends');
167
167
  var HiOutlineLocationMarker = require('@react-icons/all-files/hi/HiOutlineLocationMarker');
168
168
  var FiPhoneCall = require('@react-icons/all-files/fi/FiPhoneCall');
169
169
  var FaRegEye = require('@react-icons/all-files/fa/FaRegEye');
@@ -205,7 +205,6 @@ var Cookies__default = /*#__PURE__*/_interopDefaultLegacy(Cookies);
205
205
  var jwtDecode__default = /*#__PURE__*/_interopDefaultLegacy(jwtDecode);
206
206
  var FacebookLogin__default = /*#__PURE__*/_interopDefaultLegacy(FacebookLogin);
207
207
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
208
- var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
209
208
  var ImageGallery__default = /*#__PURE__*/_interopDefaultLegacy(ImageGallery);
210
209
  var ReactStars__default = /*#__PURE__*/_interopDefaultLegacy(ReactStars);
211
210
  var TextareaAutosize__default = /*#__PURE__*/_interopDefaultLegacy(TextareaAutosize);
@@ -219,6 +218,7 @@ var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select$4);
219
218
  var InputRange__default = /*#__PURE__*/_interopDefaultLegacy(InputRange);
220
219
  var ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
221
220
  var BackgroundSlideshow__default = /*#__PURE__*/_interopDefaultLegacy(BackgroundSlideshow);
221
+ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
222
222
 
223
223
  // import './index.module.css'
224
224
  // import asd from './index2.module.css'
@@ -2516,7 +2516,7 @@ var DescriptionContent = function DescriptionContent(props) {
2516
2516
  function ownKeys$2A(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; }
2517
2517
  function _objectSpread$2A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2A(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2518
2518
  var Product_itemtype = function Product_itemtype(props) {
2519
- var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _authdetailsContext$i4, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _authdetailsContext$i5, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _authdetailsContext$i6, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer82, _fetchProductInfoQuer83, _sizeguideimage$;
2519
+ var _authdetailsContext$i, _authdetailsContext$i2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _authdetailsContext$i3, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _sizeguideimage$;
2520
2520
  var lang = props.actions.lang;
2521
2521
  var langdetect = props.actions.langdetect;
2522
2522
  var srcfromprops = props.actions.srcfromprops;
@@ -2578,12 +2578,6 @@ var Product_itemtype = function Product_itemtype(props) {
2578
2578
  _useState14 = _slicedToArray__default["default"](_useState13, 2),
2579
2579
  gallery = _useState14[0],
2580
2580
  setGallery = _useState14[1]; // Store reference to the gallery
2581
- var Slideshowsettings = {
2582
- indicators: true,
2583
- arrows: true,
2584
- pauseOnHover: false,
2585
- scale: 2
2586
- };
2587
2581
  var toggleFullScreen = function toggleFullScreen() {
2588
2582
  if (gallery) {
2589
2583
  gallery.toggleFullScreen();
@@ -2827,7 +2821,7 @@ var Product_itemtype = function Product_itemtype(props) {
2827
2821
  }
2828
2822
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2829
2823
  "class": ' col-lg-12 p-0 '
2830
- }, Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Product/Service Information' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) != '678d1831ef638' && /*#__PURE__*/React__default["default"].createElement("div", {
2824
+ }, Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
2831
2825
  "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-2 pr-md-2 px-1025-1 ',
2832
2826
  style: {
2833
2827
  minHeight: sectionproperties.height + 'vh'
@@ -3351,7 +3345,7 @@ var Product_itemtype = function Product_itemtype(props) {
3351
3345
  size: sectionproperties.remove_quantitybtn_textfontsize
3352
3346
  }))), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
3353
3347
  className: "".concat(productinfo_cssstyles.quantitybtn_text)
3354
- }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '66d6de1a1e04a' ? parseFloat(addtocardpayloadobj.quantity).toFixed(2) : parseInt(addtocardpayloadobj.quantity)), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
3348
+ }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '66d6de1a1e04a' ? parseFloat(addtocardpayloadobj.quantity).toFixed(2) : parseInt(addtocardpayloadobj.quantity)), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
3355
3349
  className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
3356
3350
  onClick: function onClick() {
3357
3351
  var _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41;
@@ -4023,7 +4017,7 @@ var Product_itemtype = function Product_itemtype(props) {
4023
4017
  "class": "my-3"
4024
4018
  })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
4025
4019
  "class": "col-lg-12 p-0 allcentered mt-2"
4026
- }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Portfolio' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.contactinfo.instid) != '678d1831ef638' && /*#__PURE__*/React__default["default"].createElement("div", {
4020
+ }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Portfolio' && /*#__PURE__*/React__default["default"].createElement("div", {
4027
4021
  "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 ',
4028
4022
  style: {
4029
4023
  minHeight: sectionproperties.height + 'vh',
@@ -4150,345 +4144,7 @@ var Product_itemtype = function Product_itemtype(props) {
4150
4144
  dangerouslySetInnerHTML: {
4151
4145
  __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer71 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer71 === void 0 || (_fetchProductInfoQuer71 = _fetchProductInfoQuer71.data) === null || _fetchProductInfoQuer71 === void 0 || (_fetchProductInfoQuer71 = _fetchProductInfoQuer71.productinfo) === null || _fetchProductInfoQuer71 === void 0 ? void 0 : _fetchProductInfoQuer71.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer72 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer72 === void 0 || (_fetchProductInfoQuer72 = _fetchProductInfoQuer72.data) === null || _fetchProductInfoQuer72 === void 0 || (_fetchProductInfoQuer72 = _fetchProductInfoQuer72.productinfo) === null || _fetchProductInfoQuer72 === void 0 ? void 0 : _fetchProductInfoQuer72.description_ar
4152
4146
  }
4153
- }))))), Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '678d1831ef638' && /*#__PURE__*/React__default["default"].createElement("div", {
4154
- "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-2 pr-md-2 px-0 ',
4155
- style: {
4156
- minHeight: '100vh'
4157
- }
4158
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4159
- "class": "row m-0 w-100"
4160
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4161
- "class": "col-lg-12 p-0 mb-3"
4162
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4163
- "class": "row m-0 w-100"
4164
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4165
- "class": 'col-lg-12 p-0 d-flex justify-content-center h-sm-auto'
4166
- // style={{ height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto' }}
4167
- ,
4168
- style: {
4169
- height: '60vh'
4170
- }
4171
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4172
- "class": 'h-sm-auto',
4173
- style: {
4174
- position: 'relative',
4175
- width: '100vw',
4176
- // height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
4177
- height: '60vh',
4178
- overflow: 'hidden'
4179
- }
4180
- }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Slide, _extends__default["default"]({}, Slideshowsettings, {
4181
- transitionDuration: 1500,
4182
- duration: 1500,
4183
- arrow: true,
4184
- easing: "ease"
4185
- }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer73 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer73 === void 0 || (_fetchProductInfoQuer73 = _fetchProductInfoQuer73.data) === null || _fetchProductInfoQuer73 === void 0 || (_fetchProductInfoQuer73 = _fetchProductInfoQuer73.productinfo) === null || _fetchProductInfoQuer73 === void 0 || (_fetchProductInfoQuer73 = _fetchProductInfoQuer73.productimages) === null || _fetchProductInfoQuer73 === void 0 ? void 0 : _fetchProductInfoQuer73.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer74 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer74 === void 0 || (_fetchProductInfoQuer74 = _fetchProductInfoQuer74.data) === null || _fetchProductInfoQuer74 === void 0 || (_fetchProductInfoQuer74 = _fetchProductInfoQuer74.productinfo) === null || _fetchProductInfoQuer74 === void 0 ? void 0 : _fetchProductInfoQuer74.productimages.map(function (item, index) {
4186
- if (item.is_size_guide != 1) {
4187
- return /*#__PURE__*/React__default["default"].createElement("div", {
4188
- "class": "row m-0 w-100 h-sm-auto",
4189
- style: {
4190
- // height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
4191
- height: '60vh'
4192
- }
4193
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4194
- "class": 'p-0 align-items-center d-flex',
4195
- key: index,
4196
- style: _defineProperty__default["default"]({
4197
- direction: langdetect == 'en' ? 'ltr' : 'rtl',
4198
- width: '100%',
4199
- height: '100%'
4200
- }, "height", '60vh')
4201
- }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
4202
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
4203
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
4204
- path: '/tr:w-2000,h-700/' + item.path,
4205
- style: {
4206
- objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
4207
- margin: 0,
4208
- padding: 0,
4209
- width: '100%',
4210
- height: '100%'
4211
- }
4212
- })));
4213
- }
4214
- }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
4215
- "class": "row m-0 w-100 px-5 mt-3 px-md-2"
4216
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4217
- "class": "col-lg-9"
4218
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4219
- "class": "row m-0 w-100 "
4220
- }, sectionproperties.showmeasurementunit == 'Show' && sectionproperties.measurementunitposition == 'Above Name' && MeasurementUnitSection(), /*#__PURE__*/React__default["default"].createElement("div", {
4221
- "class": "col-lg-12 p-0 text-start mb-2"
4222
- }, /*#__PURE__*/React__default["default"].createElement("p", {
4223
- className: "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex font-sm-15 ',
4224
- style: {
4225
- textAlign: langdetect == 'en' ? 'left' : 'right'
4226
- }
4227
- }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
4228
- "class": "col-lg-12 p-0 text-start mb-4"
4229
- }, /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
4230
- actions: props.actions
4231
- })), /*#__PURE__*/React__default["default"].createElement("div", {
4232
- "class": "col-lg-12 p-0 text-start mb-4"
4233
- }, /*#__PURE__*/React__default["default"].createElement("p", {
4234
- className: 'm-0 p-0 wordbreak',
4235
- style: {
4236
- textAlign: langdetect == 'en' ? 'left' : 'right',
4237
- color: sectionproperties.prodCatColor
4238
- },
4239
- dangerouslySetInnerHTML: {
4240
- __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer75 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer75 === void 0 || (_fetchProductInfoQuer75 = _fetchProductInfoQuer75.data) === null || _fetchProductInfoQuer75 === void 0 || (_fetchProductInfoQuer75 = _fetchProductInfoQuer75.productinfo) === null || _fetchProductInfoQuer75 === void 0 ? void 0 : _fetchProductInfoQuer75.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer76 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer76 === void 0 || (_fetchProductInfoQuer76 = _fetchProductInfoQuer76.data) === null || _fetchProductInfoQuer76 === void 0 || (_fetchProductInfoQuer76 = _fetchProductInfoQuer76.productinfo) === null || _fetchProductInfoQuer76 === void 0 ? void 0 : _fetchProductInfoQuer76.description_ar
4241
- }
4242
- })), /*#__PURE__*/React__default["default"].createElement("div", {
4243
- "class": "col-lg-12 col-md-12 p-0 mb-4"
4244
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4245
- "class": "row m-0 w-100"
4246
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
4247
- allowMultipleExpanded: true,
4248
- allowZeroExpanded: true,
4249
- preExpanded: [0]
4250
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
4251
- uuid: 0
4252
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
4253
- className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center"
4254
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
4255
- if (state.expanded == true) {
4256
- return /*#__PURE__*/React__default["default"].createElement("i", {
4257
- className: ' h-100 d-flex align-items-center justify-content-end '
4258
- }, /*#__PURE__*/React__default["default"].createElement(FaMinus.FaMinus, {
4259
- color: sectionproperties.prodCatColor,
4260
- size: 20
4261
- }));
4262
- } else {
4263
- return /*#__PURE__*/React__default["default"].createElement("i", {
4264
- className: ' h-100 d-flex align-items-center justify-content-end '
4265
- }, /*#__PURE__*/React__default["default"].createElement(FaPlus.FaPlus, {
4266
- color: sectionproperties.prodCatColor,
4267
- size: 20
4268
- }));
4269
- }
4270
- }), /*#__PURE__*/React__default["default"].createElement("p", {
4271
- className: "m-0 p-0 mx-4",
4272
- style: {
4273
- textAlign: langdetect == 'en' ? 'left' : 'right',
4274
- fontWeight: 500,
4275
- // fontWeight: sectionproperties.prodCatFontWeight,
4276
- color: sectionproperties.prodCatColor,
4277
- // fontSize: sectionproperties.prodCatFontSize + 'px',
4278
- fontSize: '24px'
4279
- }
4280
- }, langdetect == 'en' ? 'Facilities' : 'Facilities')))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
4281
- className: "p-0"
4282
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4283
- "class": "row m-0 w-100 pl-3 pr-3 mt-3"
4284
- }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer77 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer77 === void 0 || (_fetchProductInfoQuer77 = _fetchProductInfoQuer77.data) === null || _fetchProductInfoQuer77 === void 0 || (_fetchProductInfoQuer77 = _fetchProductInfoQuer77.productinfo) === null || _fetchProductInfoQuer77 === void 0 || (_fetchProductInfoQuer77 = _fetchProductInfoQuer77.productfeatures) === null || _fetchProductInfoQuer77 === void 0 ? void 0 : _fetchProductInfoQuer77.map(function (fitem, findex) {
4285
- return /*#__PURE__*/React__default["default"].createElement("div", {
4286
- "class": ' col-md-12 p-0 mb-3 mt-2 col-xl-3 col-lg-4 col-md-6 col-sm-12 mb-3 d-flex align-items-center'
4287
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4288
- "class": "row m-0 w-100 text-start"
4289
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4290
- "class": "col-lg-12 text-start text-uppercase p-0"
4291
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4292
- style: {
4293
- width: '30px'
4294
- },
4295
- "class": langdetect == 'en' ? 'mr-3' : 'ml-3'
4296
- }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
4297
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
4298
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
4299
- path: fitem === null || fitem === void 0 ? void 0 : fitem.feature_image_url,
4300
- loading: "lazy",
4301
- style: {
4302
- maxWidth: '100%',
4303
- maxHeight: '100%'
4304
- }
4305
- })), /*#__PURE__*/React__default["default"].createElement("p", {
4306
- "class": "m-0 p-0",
4307
- style: {
4308
- color: sectionproperties.featurecolor,
4309
- fontWeight: sectionproperties.featurefontweight,
4310
- fontSize: 17
4311
- // fontSize: sectionproperties.featurefontsize,
4312
- }
4313
- }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar)), fitem.type != 'Checkbox' && /*#__PURE__*/React__default["default"].createElement("div", {
4314
- "class": "col-lg-12 text-start text-capitalize"
4315
- }, /*#__PURE__*/React__default["default"].createElement("p", {
4316
- "class": "m-0 p-0",
4317
- style: {
4318
- color: sectionproperties.featurevaluecolor,
4319
- fontWeight: sectionproperties.featurevaluefontweight,
4320
- fontSize: sectionproperties.featurevaluefontsize
4321
- }
4322
- }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar))));
4323
- }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
4324
- "class": "col-lg-12 col-md-12 p-0 mb-4"
4325
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4326
- "class": "row m-0 w-100"
4327
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
4328
- allowMultipleExpanded: true,
4329
- allowZeroExpanded: true,
4330
- preExpanded: [0]
4331
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
4332
- uuid: 0
4333
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
4334
- className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center"
4335
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
4336
- if (state.expanded == true) {
4337
- return /*#__PURE__*/React__default["default"].createElement("i", {
4338
- className: ' h-100 d-flex align-items-center justify-content-end '
4339
- }, /*#__PURE__*/React__default["default"].createElement(FaMinus.FaMinus, {
4340
- color: sectionproperties.prodCatColor,
4341
- size: 20
4342
- }));
4343
- } else {
4344
- return /*#__PURE__*/React__default["default"].createElement("i", {
4345
- className: ' h-100 d-flex align-items-center justify-content-end '
4346
- }, /*#__PURE__*/React__default["default"].createElement(FaPlus.FaPlus, {
4347
- color: sectionproperties.prodCatColor,
4348
- size: 20
4349
- }));
4350
- }
4351
- }), /*#__PURE__*/React__default["default"].createElement("p", {
4352
- className: "m-0 p-0 mx-4",
4353
- style: {
4354
- textAlign: langdetect == 'en' ? 'left' : 'right',
4355
- fontWeight: 500,
4356
- // fontWeight: sectionproperties.prodCatFontWeight,
4357
- color: sectionproperties.prodCatColor,
4358
- // fontSize: sectionproperties.prodCatFontSize + 'px',
4359
- fontSize: '24px'
4360
- }
4361
- }, langdetect == 'en' ? 'Developer' : 'Developer')))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
4362
- className: "p-0"
4363
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4364
- "class": "row m-0 w-100 px-2 mt-3 d-flex flex-row"
4365
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4366
- "class": "col-lg-2 col-md-12 mb-md-3"
4367
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4368
- style: {
4369
- width: '100px',
4370
- borderRadius: 100,
4371
- border: '1px solid #ccc'
4372
- },
4373
- "class": langdetect == 'en' ? 'mr-3' : 'ml-3'
4374
- }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
4375
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
4376
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
4377
- path: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer78 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer78 === void 0 || (_fetchProductInfoQuer78 = _fetchProductInfoQuer78.data) === null || _fetchProductInfoQuer78 === void 0 || (_fetchProductInfoQuer78 = _fetchProductInfoQuer78.productinfo) === null || _fetchProductInfoQuer78 === void 0 || (_fetchProductInfoQuer78 = _fetchProductInfoQuer78.vendorinfo) === null || _fetchProductInfoQuer78 === void 0 ? void 0 : _fetchProductInfoQuer78.vendorlogourl,
4378
- loading: "lazy",
4379
- style: {
4380
- maxWidth: '100%',
4381
- maxHeight: '100%',
4382
- borderRadius: 100
4383
- }
4384
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
4385
- "class": "col-lg-10 col-md-12"
4386
- }, /*#__PURE__*/React__default["default"].createElement("p", {
4387
- "class": "m-0 p-0",
4388
- style: {
4389
- fontSize: 17
4390
- }
4391
- }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer79 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer79 === void 0 || (_fetchProductInfoQuer79 = _fetchProductInfoQuer79.data) === null || _fetchProductInfoQuer79 === void 0 || (_fetchProductInfoQuer79 = _fetchProductInfoQuer79.productinfo) === null || _fetchProductInfoQuer79 === void 0 || (_fetchProductInfoQuer79 = _fetchProductInfoQuer79.vendorinfo) === null || _fetchProductInfoQuer79 === void 0 ? void 0 : _fetchProductInfoQuer79.address)))))))))), /*#__PURE__*/React__default["default"].createElement("div", {
4392
- "class": "col-lg-3"
4393
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4394
- "class": "row m-0 w-100"
4395
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4396
- "class": "col-12 p-0 text-end text-md-center mb-5 mb-md-4"
4397
- }, /*#__PURE__*/React__default["default"].createElement("button", {
4398
- className: ' mx-4 mx-md-2 d-flex align-items-center justify-content-center ',
4399
- onClick: function onClick() {
4400
- var _fetchProductInfoQuer80;
4401
- window.open('tel:' + ((_fetchProductInfoQuer80 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer80 === void 0 ? void 0 : _fetchProductInfoQuer80.product_phonenumber), '_blank');
4402
- },
4403
- style: {
4404
- width: '40%',
4405
- borderRadius: 7,
4406
- color: 'white',
4407
- fontSize: 15,
4408
- height: 43,
4409
- background: '#005495'
4410
- }
4411
- }, /*#__PURE__*/React__default["default"].createElement(IoCall.IoCall, {
4412
- size: 16
4413
- }), /*#__PURE__*/React__default["default"].createElement("span", {
4414
- "class": langdetect == 'en' ? 'ml-1' : 'mr-1'
4415
- }, "Call Us")), /*#__PURE__*/React__default["default"].createElement("a", {
4416
- href: langdetect == 'en' ? whatsappUrl : whatsappUrl_ar,
4417
- target: "_blank",
4418
- rel: "noopener noreferrer",
4419
- style: {
4420
- width: '40%'
4421
- },
4422
- "class": "mx-md-2"
4423
- }, /*#__PURE__*/React__default["default"].createElement("button", {
4424
- className: ' d-flex align-items-center justify-content-center ',
4425
- style: {
4426
- width: '100%',
4427
- borderRadius: 7,
4428
- color: 'white',
4429
- fontSize: 15,
4430
- height: 43,
4431
- background: '#4cd964'
4432
- }
4433
- }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
4434
- size: 16
4435
- }), /*#__PURE__*/React__default["default"].createElement("span", {
4436
- "class": langdetect == 'en' ? 'ml-1' : 'mr-1'
4437
- }, "WhatsApp")))), /*#__PURE__*/React__default["default"].createElement("div", {
4438
- "class": "col-12 allcentered mb-3 p-md-0"
4439
- }, /*#__PURE__*/React__default["default"].createElement("button", {
4440
- className: "".concat(productinfo_cssstyles.sizeguidebtn2, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
4441
- onClick: function onClick() {
4442
- setopensizeguidemodal(true);
4443
- }
4444
- }, /*#__PURE__*/React__default["default"].createElement("p", {
4445
- "class": ' m-0 p-0 cursor-pointer '
4446
- }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic))), /*#__PURE__*/React__default["default"].createElement("div", {
4447
- "class": "col-12 allcentered p-md-0 mb-md-5"
4448
- }, /*#__PURE__*/React__default["default"].createElement("button", {
4449
- className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
4450
- onClick: function onClick() {
4451
- if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
4452
- var _fetchProductInfoQuer81;
4453
- window.open('tel:' + ((_fetchProductInfoQuer81 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer81 === void 0 ? void 0 : _fetchProductInfoQuer81.product_phonenumber), '_blank');
4454
- } else {
4455
- if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
4456
- addtocartfunc();
4457
- } else {
4458
- NotificationManager.warning('', lang.maximum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', ' + lang.minimum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
4459
- }
4460
- }
4461
- },
4462
- disabled: AddtoCartMutationContext.isLoading == true ? true : false
4463
- }, !AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("span", {
4464
- className: ' d-flex align-items-center justify-content-center '
4465
- }, /*#__PURE__*/React__default["default"].createElement("i", {
4466
- className: langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
4467
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
4468
- className: "",
4469
- size: sectionproperties.cartBtn_iconFontSize
4470
- }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
4471
- className: "",
4472
- size: sectionproperties.cartBtn_iconFontSize
4473
- }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
4474
- className: "",
4475
- size: sectionproperties.cartBtn_iconFontSize
4476
- }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(IoBagHandleOutline.IoBagHandleOutline, {
4477
- className: "",
4478
- size: sectionproperties.cartBtn_iconFontSize
4479
- }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
4480
- className: "",
4481
- size: sectionproperties.cartBtn_iconFontSize
4482
- }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
4483
- size: sectionproperties.cartBtn_iconFontSize
4484
- })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer82 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer82 === void 0 || (_fetchProductInfoQuer82 = _fetchProductInfoQuer82.data) === null || _fetchProductInfoQuer82 === void 0 || (_fetchProductInfoQuer82 = _fetchProductInfoQuer82.productinfo) === null || _fetchProductInfoQuer82 === void 0 ? void 0 : _fetchProductInfoQuer82.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer83 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer83 === void 0 || (_fetchProductInfoQuer83 = _fetchProductInfoQuer83.data) === null || _fetchProductInfoQuer83 === void 0 || (_fetchProductInfoQuer83 = _fetchProductInfoQuer83.productinfo) === null || _fetchProductInfoQuer83 === void 0 ? void 0 : _fetchProductInfoQuer83.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
4485
- className: ' d-flex align-items-center justify-content-center '
4486
- }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
4487
- color: sectionproperties.cartBtnTextcolor,
4488
- width: "20px",
4489
- height: "20px",
4490
- duration: "1s"
4491
- })))))))))), sizeguideimage.length != 0 && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
4147
+ })))))), sizeguideimage.length != 0 && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
4492
4148
  show: opensizeguidemodal,
4493
4149
  onHide: function onHide() {
4494
4150
  setopensizeguidemodal(false);
@@ -15636,12 +15292,16 @@ var CartSlider = function CartSlider(props) {
15636
15292
  backgroundPosition: 'center',
15637
15293
  position: 'relative'
15638
15294
  }),
15639
- productNameStyles: glamor.css(_defineProperty__default["default"]({
15295
+ productNameStyles: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"]({
15640
15296
  color: sectionproperties.prodNameColor,
15641
15297
  fontSize: sectionproperties.prodNameFontSize + 'px',
15642
15298
  fontWeight: sectionproperties.texthover_productcard_fontWeight,
15643
15299
  textTransform: sectionproperties.prodNameTextTranform
15644
- }, "fontWeight", sectionproperties.prodNameFontWeight)),
15300
+ }, "fontWeight", sectionproperties.prodNameFontWeight), ':hover', {
15301
+ textDecoration: 'underline',
15302
+ transition: '.3s',
15303
+ cursor: 'pointer'
15304
+ })),
15645
15305
  productPricestyles: glamor.css({
15646
15306
  fontSize: sectionproperties.prodpriceFontSize + 'px',
15647
15307
  fontWeight: sectionproperties.prodPriceFontWeight,
@@ -16016,6 +15676,12 @@ var CartSlider = function CartSlider(props) {
16016
15676
  className: "".concat(cart_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex align-items-start ',
16017
15677
  style: {
16018
15678
  textAlign: langdetect == 'en' ? 'left' : 'right'
15679
+ },
15680
+ onClick: function onClick() {
15681
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
15682
+ setOpenCloseCartSlider(false);
15683
+ setsidecartnavshowWorkplaceDesigncontext(false);
15684
+ setsidecartnavshowcontext(false);
16019
15685
  }
16020
15686
  }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
16021
15687
  className: "".concat(cart_cssstyles.productPricestyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex mt-1 '
@@ -23310,8 +22976,11 @@ var Subheader = function Subheader(props) {
23310
22976
  "class": langdetect == 'en' ? ' dropdown dropdownen w-100' : ' dropdown dropdownar w-100'
23311
22977
  }, /*#__PURE__*/React__default["default"].createElement("ul", {
23312
22978
  "class": "mt-2",
23313
- sytle: {
23314
- width: '200px'
22979
+ style: {
22980
+ width: '200px',
22981
+ background: sectionproperties.subheader_dropdown_bgcolor,
22982
+ border: sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor,
22983
+ borderRadius: sectionproperties.subheader_dropdown_borderRadius + 'px'
23315
22984
  }
23316
22985
  }, sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
23317
22986
  if (item.isshowntocustomers == 1) {
@@ -25511,7 +25180,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
25511
25180
  }
25512
25181
  }, sectionproperties.logocentered == 'Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
25513
25182
  className: "col-md-4 col-sm-3 text-start p-0"
25514
- }, /*#__PURE__*/React__default["default"].createElement("div", {
25183
+ }, sectionproperties.respiconposition != 'Right' && /*#__PURE__*/React__default["default"].createElement("div", {
25515
25184
  "class": header_cssstyles.respicon
25516
25185
  }, /*#__PURE__*/React__default["default"].createElement("i", {
25517
25186
  "class": ' h-100 allcentered ',
@@ -25582,41 +25251,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
25582
25251
  className: "col-md-4 col-sm-6 allcentered p-0"
25583
25252
  }, InstLogoContainer()), /*#__PURE__*/React__default["default"].createElement("div", {
25584
25253
  className: sectionproperties.logocentered != 'Centered' ? 'col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0' : 'col-md-4 col-sm-3 d-flex align-items-center justify-content-end p-0'
25585
- }, sectionproperties.respiconposition == 'Right' && /*#__PURE__*/React__default["default"].createElement("div", {
25586
- "class": header_cssstyles.respicon
25587
- }, /*#__PURE__*/React__default["default"].createElement("i", {
25588
- "class": ' h-100 allcentered ',
25589
- style: {},
25590
- onClick: function onClick() {
25591
- if (sectionproperties.responsiveheaderstyle == 'Style 2') {
25592
- if (menuactive == true) {
25593
- setmenuactive(false);
25594
- } else {
25595
- setmenuactive(true);
25596
- }
25597
- } else {
25598
- setopenmenuCanvas(true);
25599
- setactiveTab('menu');
25600
- }
25601
- }
25602
- }, menuactive == false && /*#__PURE__*/React__default["default"].createElement(FiMenu.FiMenu, {
25603
- size: sectionproperties.resp_sidenav_size
25604
- }), menuactive == true && /*#__PURE__*/React__default["default"].createElement(AiOutlineClose.AiOutlineClose, {
25605
- size: sectionproperties.resp_sidenav_size
25606
- }))), sectionproperties.searchbar_show == 'Show' && sectionproperties.logocentered == 'Not Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
25607
- style: {
25608
- width: '30px',
25609
- height: sectionproperties.cart_BtnHeight_resp + 'px'
25610
- }
25611
- }, /*#__PURE__*/React__default["default"].createElement("i", {
25612
- "class": "h-100 allcentered",
25613
- onClick: function onClick() {
25614
- setopenSearch(true);
25615
- }
25616
- }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, {
25617
- size: 22,
25618
- color: sectionproperties.cart_BtnTextcolor_resp
25619
- }))), sectionproperties.searchbar_show == 'Show' && sectionproperties.searchbtnresponsiveposition == 'Right' && /*#__PURE__*/React__default["default"].createElement("div", {
25254
+ }, sectionproperties.searchbar_show == 'Show' && sectionproperties.searchbtnresponsiveposition == 'Right' && /*#__PURE__*/React__default["default"].createElement("div", {
25620
25255
  style: {
25621
25256
  width: '30px',
25622
25257
  height: sectionproperties.cart_BtnHeight_resp + 'px'
@@ -25685,7 +25320,28 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
25685
25320
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
25686
25321
  "class": "m-0"
25687
25322
  }))));
25688
- })))), sectionproperties.searchbar_show == 'Hide' && sectionproperties.logocentered == 'Centered' && sectionproperties.cartBtnShow == 'Hide' && sectionproperties.favBtnShow == 'Hide' && /*#__PURE__*/React__default["default"].createElement("div", {
25323
+ })))), sectionproperties.respiconposition == 'Right' && /*#__PURE__*/React__default["default"].createElement("div", {
25324
+ "class": header_cssstyles.respicon
25325
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
25326
+ "class": ' h-100 allcentered ',
25327
+ style: {},
25328
+ onClick: function onClick() {
25329
+ if (sectionproperties.responsiveheaderstyle == 'Style 2') {
25330
+ if (menuactive == true) {
25331
+ setmenuactive(false);
25332
+ } else {
25333
+ setmenuactive(true);
25334
+ }
25335
+ } else {
25336
+ setopenmenuCanvas(true);
25337
+ setactiveTab('menu');
25338
+ }
25339
+ }
25340
+ }, menuactive == false && /*#__PURE__*/React__default["default"].createElement(FiMenu.FiMenu, {
25341
+ size: sectionproperties.resp_sidenav_size
25342
+ }), menuactive == true && /*#__PURE__*/React__default["default"].createElement(AiOutlineClose.AiOutlineClose, {
25343
+ size: sectionproperties.resp_sidenav_size
25344
+ }))), sectionproperties.searchbar_show == 'Hide' && sectionproperties.logocentered == 'Centered' && sectionproperties.cartBtnShow == 'Hide' && sectionproperties.favBtnShow == 'Hide' && /*#__PURE__*/React__default["default"].createElement("div", {
25689
25345
  className: 'allcentered resposiveheader_languagedropdown',
25690
25346
  style: {
25691
25347
  marginLeft: langdetect == 'en' ? '0.25rem' : 0,
@@ -27162,14 +26818,14 @@ var ElegantHeader = function ElegantHeader(props) {
27162
26818
  }
27163
26819
  }, /*#__PURE__*/React__default["default"].createElement("p", {
27164
26820
  "class": "m-0 p-0"
27165
- }, "\u0639")), langdetect == 'en' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
26821
+ }, sectionproperties.englishlanguagetext)), langdetect == 'en' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
27166
26822
  "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
27167
26823
  onClick: function onClick() {
27168
26824
  setlang('ar');
27169
26825
  }
27170
26826
  }, /*#__PURE__*/React__default["default"].createElement("p", {
27171
26827
  "class": "m-0 p-0"
27172
- }, "En")), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
26828
+ }, sectionproperties.arabiclanguagetext)), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
27173
26829
  "class": "allcentered"
27174
26830
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
27175
26831
  "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center pt-1 ',
@@ -50846,7 +50502,7 @@ var Footer8 = function Footer8(props) {
50846
50502
  }),
50847
50503
  gmail: glamor.css({
50848
50504
  ':hover': {
50849
- backgroundColor: '#4285f4'
50505
+ backgroundColor: '#005495'
50850
50506
  }
50851
50507
  }),
50852
50508
  instgram_btn: glamor.css({
@@ -51532,6 +51188,16 @@ var Footer8 = function Footer8(props) {
51532
51188
  direction: 'ltr'
51533
51189
  }
51534
51190
  }, "+201015055005"))), /*#__PURE__*/React__default["default"].createElement("div", {
51191
+ "class": "col-lg-12 p-0 text-start mb-2"
51192
+ }, /*#__PURE__*/React__default["default"].createElement("a", {
51193
+ href: 'tel:01015055005',
51194
+ target: '_self'
51195
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
51196
+ "class": "".concat(footerStyles.iconTextStyle) + ' m-0 ',
51197
+ style: {
51198
+ direction: 'ltr'
51199
+ }
51200
+ }, "+447878692563"))), /*#__PURE__*/React__default["default"].createElement("div", {
51535
51201
  "class": "col-lg-12 p-0 text-start mt-4 mb-2"
51536
51202
  }, /*#__PURE__*/React__default["default"].createElement("p", {
51537
51203
  "class": "".concat(footerStyles.iconTextStyle),
@@ -65485,7 +65151,7 @@ styleInject(css_248z$i);
65485
65151
  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; }
65486
65152
  function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
65487
65153
  var Freetextsection = function Freetextsection(props) {
65488
- var _maincontainerarrayof3, _maincontainerarrayof4, _maincontainerarrayof5, _maincontainerarrayof6, _maincontainerarrayof7, _maincontainerarrayof8;
65154
+ var _maincontainerarrayof;
65489
65155
  var _useState = React.useState(''),
65490
65156
  _useState2 = _slicedToArray__default["default"](_useState, 2),
65491
65157
  sectionproperties = _useState2[0],
@@ -65588,15 +65254,34 @@ var Freetextsection = function Freetextsection(props) {
65588
65254
  position: 'relative',
65589
65255
  border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
65590
65256
  width: sectionproperties.width + 'vw',
65257
+ paddingTop: sectionproperties.paddingTop + 'px',
65258
+ paddingBottom: sectionproperties.paddingBottom + 'px',
65591
65259
  '@media (max-width: 800px)': {
65592
- paddingTop: sectionproperties.paddingverticalresponsive + 'px',
65593
- paddingBottom: sectionproperties.paddingverticalresponsive + 'px'
65260
+ paddingTop: sectionproperties.paddingtopresponsive + 'px',
65261
+ paddingBottom: sectionproperties.paddingbottomresponsive + 'px'
65262
+ }
65263
+ }),
65264
+ paddings: glamor.css({
65265
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
65266
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
65267
+ '@media (max-width: 800px)': {
65268
+ paddingLeft: sectionproperties.paddinghorizontalresponsive + 'px',
65269
+ paddingRight: sectionproperties.paddinghorizontalresponsive + 'px'
65270
+ }
65271
+ }),
65272
+ sectioncont: glamor.css({
65273
+ marginTop: sectionproperties.marginTop + 'px',
65274
+ marginBottom: sectionproperties.marginBottom + 'px',
65275
+ background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof === void 0 ? void 0 : _maincontainerarrayof.back_bgimage) + ')' : '' : '',
65276
+ '@media (max-width: 800px)': {
65277
+ marginTop: sectionproperties.marginTopResp + 'px',
65278
+ marginBottom: sectionproperties.marginBottom + 'px'
65594
65279
  }
65595
65280
  })
65596
65281
  };
65597
65282
  var SectionTitle = function SectionTitle() {
65598
65283
  return /*#__PURE__*/React__default["default"].createElement("div", {
65599
- "class": "d-flex align-items-center flex-row",
65284
+ "class": "d-flex align-items-center flex-row d-flex",
65600
65285
  style: {
65601
65286
  position: 'relative',
65602
65287
  justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
@@ -65638,23 +65323,22 @@ var Freetextsection = function Freetextsection(props) {
65638
65323
  }, /*#__PURE__*/React__default["default"].createElement("p", {
65639
65324
  "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : ' m-0 p-0 wordbreak',
65640
65325
  style: {
65641
- textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start',
65642
65326
  color: sectionproperties.prodCatColor,
65643
- fontWeight: sectionproperties.prodCatFontWeight
65327
+ fontWeight: sectionproperties.prodCatFontWeight,
65328
+ textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
65644
65329
  }
65645
65330
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr));
65646
65331
  };
65647
65332
  var SectionContent = function SectionContent(type) {
65648
- var _maincontainerarrayof, _maincontainerarrayof2;
65333
+ var _maincontainerarrayof2, _maincontainerarrayof3;
65649
65334
  return /*#__PURE__*/React__default["default"].createElement("div", {
65650
- "class": sectionproperties.width == 100 ? section_styles.sectioncontent + ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : section_styles.sectioncontent + ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
65651
- style: {}
65335
+ "class": sectionproperties.width == 100 ? section_styles.sectioncontent + ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : section_styles.sectioncontent + ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center '
65652
65336
  }, sectionproperties.hideshowcardtransition != 'Show' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
65653
65337
  "class": section_styles.imgcontainer + ' d-block d-md-none '
65654
65338
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
65655
65339
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
65656
65340
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
65657
- path: (_maincontainerarrayof = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof === void 0 ? void 0 : _maincontainerarrayof.back_bgimage,
65341
+ path: (_maincontainerarrayof2 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof2 === void 0 ? void 0 : _maincontainerarrayof2.back_bgimage,
65658
65342
  style: {
65659
65343
  height: '100%',
65660
65344
  width: '100%',
@@ -65672,7 +65356,7 @@ var Freetextsection = function Freetextsection(props) {
65672
65356
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
65673
65357
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
65674
65358
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
65675
- path: (_maincontainerarrayof2 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof2 === void 0 ? void 0 : _maincontainerarrayof2.back_bgimageresp,
65359
+ path: (_maincontainerarrayof3 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof3 === void 0 ? void 0 : _maincontainerarrayof3.back_bgimageresp,
65676
65360
  style: {
65677
65361
  height: '100%',
65678
65362
  width: '100%',
@@ -65686,12 +65370,8 @@ var Freetextsection = function Freetextsection(props) {
65686
65370
  left: 0
65687
65371
  }
65688
65372
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
65689
- "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? 'pl-md-3 pr-md-3 w-100 d-flex justify-content-start' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? 'pl-md-3 w-100 d-flex justify-content-start' : 'w-100 d-flex justify-content-start pr-md-3' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? 'pr-md-3 w-100 d-flex justify-content-start' : 'w-100 d-flex justify-content-start pl-md-3' : 'w-100 d-flex justify-content-start',
65373
+ "class": section_styles.paddings + ' w-100 d-flex justify-content-start ',
65690
65374
  style: {
65691
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
65692
- paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
65693
- paddingTop: type == 'responsive' ? '15px' : sectionproperties.paddingTop + 'px',
65694
- paddingBottom: type == 'responsive' ? '15px' : sectionproperties.paddingBottom + 'px',
65695
65375
  zIndex: 100,
65696
65376
  height: sectionproperties.hideshowcardtransition == 'Show' ? type == 'responsive' ? sectionproperties.height_responsive + 'px' : '' : ''
65697
65377
  }
@@ -65728,6 +65408,101 @@ var Freetextsection = function Freetextsection(props) {
65728
65408
  "class": "".concat(section_styles.btn)
65729
65409
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))));
65730
65410
  };
65411
+ var FreeTextSectionContainer = function FreeTextSectionContainer() {
65412
+ var _maincontainerarrayof4, _maincontainerarrayof5;
65413
+ return /*#__PURE__*/React__default["default"].createElement("div", {
65414
+ "class": "row m-0 w-100"
65415
+ }, sectionproperties.sectionbgstyle == 'Besides each other' && /*#__PURE__*/React__default["default"].createElement("div", {
65416
+ "class": "".concat(section_styles.sectioncont, " ").concat(sectionstyles$1.background) + ' row w-100 ml-0 mr-0 d-flex justify-content-center align-items-center ',
65417
+ style: {
65418
+ position: 'relative'
65419
+ }
65420
+ }, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
65421
+ "class": section_styles.imgcontainer + ' d-block d-md-none '
65422
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
65423
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
65424
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
65425
+ path: (_maincontainerarrayof4 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof4 === void 0 ? void 0 : _maincontainerarrayof4.back_bgimage,
65426
+ style: {
65427
+ height: '100%',
65428
+ width: '100%',
65429
+ objectFit: 'cover',
65430
+ margin: 0,
65431
+ padding: 0,
65432
+ position: 'absolute',
65433
+ top: 0,
65434
+ bottom: 0,
65435
+ right: 0,
65436
+ left: 0
65437
+ }
65438
+ })), maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
65439
+ "class": section_styles.imgcontainer + ' d-none d-md-block '
65440
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
65441
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
65442
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
65443
+ path: (_maincontainerarrayof5 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof5 === void 0 ? void 0 : _maincontainerarrayof5.back_bgimageresp,
65444
+ style: {
65445
+ height: '100%',
65446
+ width: '100%',
65447
+ objectFit: 'cover',
65448
+ margin: 0,
65449
+ padding: 0,
65450
+ position: 'absolute',
65451
+ top: 0,
65452
+ bottom: 0,
65453
+ right: 0,
65454
+ left: 0
65455
+ }
65456
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
65457
+ "class": sectionproperties.width == 100 ? "".concat(section_styles.sectioncontent, " ").concat(section_styles.paddings) + ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : "".concat(section_styles.sectioncontent, " ").concat(section_styles.paddings) + ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
65458
+ style: {
65459
+ zIndex: 10
65460
+ }
65461
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
65462
+ "class": "col-lg-12 p-0"
65463
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
65464
+ "class": "row m-0 w-100 allcentered"
65465
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
65466
+ "class": "",
65467
+ style: {
65468
+ background: sectionproperties.reservation_bgcolor,
65469
+ borderRadius: sectionproperties.reservation_borderradius + 'px',
65470
+ boxShadow: '0 0 10px ' + sectionproperties.innersectionshadowcolor,
65471
+ paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
65472
+ paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
65473
+ paddingTop: sectionproperties.innersectionpaddingvertical + 'px',
65474
+ paddingBottom: sectionproperties.innersectionpaddingvertical + 'px',
65475
+ width: sectionproperties.innersectionWidth + '%'
65476
+ }
65477
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
65478
+ "class": "row m-0 w-100"
65479
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
65480
+ "class": sectionproperties.innercolsratio == '2:10' ? ' col-lg-2 col-md-12 p-md-0 ' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 col-lg-3 col-md-12 p-md-0 ' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 col-lg-4 col-md-12 p-md-0' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 col-lg-5 col-md-12 p-md-0' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 col-lg-6 col-md-12 p-md-0' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 col-lg-7 col-md-12 p-md-0' : 'col-md-12 col-lg-3 col-md-12 p-md-0',
65481
+ style: {
65482
+ display: 'flex',
65483
+ alignItems: sectionproperties.sectiontitlepositionvertically == 'Center' ? 'center' : ''
65484
+ }
65485
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
65486
+ "class": "w-100 d-flex mb-md-4",
65487
+ style: {}
65488
+ }, SectionTitle())), /*#__PURE__*/React__default["default"].createElement("div", {
65489
+ "class": sectionproperties.innercolsratio == '2:10' ? 'col-md-12 d-flex justify-content-center col-lg-10 p-md-0 col-md-12' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 d-flex justify-content-center col-lg-9 p-md-0 col-md-12' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 d-flex justify-content-center col-lg-8 p-md-0 col-md-12' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 d-flex justify-content-center col-lg-7 p-md-0 col-md-12' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 d-flex justify-content-center col-lg-6 p-md-0 col-md-12' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 d-flex justify-content-center col-lg-5 p-md-0 col-md-12' : 'col-md-12 d-flex justify-content-center col-lg-3 p-md-0 col-md-12',
65490
+ style: {
65491
+ paddingLeft: langdetect == 'en' ? '50px' : 0,
65492
+ paddingRight: langdetect == 'ar' ? '50px' : 0,
65493
+ alignItems: sectionproperties.centerdescriptionvertical == 'Centered' ? 'center' : ''
65494
+ }
65495
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
65496
+ "class": "row m-0 w-100 text-start text-md-center",
65497
+ style: {
65498
+ fontSize: sectionproperties.prodCatFontSize + 'px'
65499
+ }
65500
+ }, Description())))))))), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React__default["default"].createElement("div", {
65501
+ "class": "".concat(section_styles.sectioncont, " ").concat(sectionstyles$1.background) + ' row w-100 ml-0 mr-0 d-flex d-md-none justify-content-center align-items-center '
65502
+ }, SectionContent('normal')), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React__default["default"].createElement("div", {
65503
+ "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-none d-md-flex justify-content-center align-items-center '
65504
+ }, SectionContent('responsive')));
65505
+ };
65731
65506
  return /*#__PURE__*/React__default["default"].createElement("div", {
65732
65507
  "class": "w-100 allcentered",
65733
65508
  style: {
@@ -65736,143 +65511,9 @@ var Freetextsection = function Freetextsection(props) {
65736
65511
  }, sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
65737
65512
  "class": "row m-0 w-100",
65738
65513
  "data-aos": 'fade-up'
65739
- }, sectionproperties.sectionbgstyle == 'Besides each other' && /*#__PURE__*/React__default["default"].createElement("div", {
65740
- "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex justify-content-center align-items-center ',
65741
- style: {
65742
- marginTop: sectionproperties.marginTop + 'px',
65743
- marginBottom: sectionproperties.marginBottom + 'px',
65744
- background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof3 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof3 === void 0 ? void 0 : _maincontainerarrayof3.back_bgimage) + ')' : '' : ''
65745
- }
65746
- }, /*#__PURE__*/React__default["default"].createElement("div", {
65747
- "class": sectionproperties.width == 100 ? ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
65748
- style: {
65749
- background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
65750
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
65751
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
65752
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
65753
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
65754
- position: 'relative',
65755
- border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
65756
- width: sectionproperties.width + 'vw'
65757
- }
65758
- }, /*#__PURE__*/React__default["default"].createElement("div", {
65759
- "class": "col-lg-12 p-0"
65760
- }, /*#__PURE__*/React__default["default"].createElement("div", {
65761
- "class": "row m-0 w-100 allcentered"
65762
- }, /*#__PURE__*/React__default["default"].createElement("div", {
65763
- "class": "",
65764
- style: {
65765
- background: sectionproperties.reservation_bgcolor,
65766
- borderRadius: sectionproperties.reservation_borderradius + 'px',
65767
- boxShadow: '0 0 10px ' + sectionproperties.innersectionshadowcolor,
65768
- paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
65769
- paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
65770
- paddingTop: sectionproperties.innersectionpaddingvertical + 'px',
65771
- paddingBottom: sectionproperties.innersectionpaddingvertical + 'px',
65772
- width: sectionproperties.innersectionWidth + '%'
65773
- }
65774
- }, /*#__PURE__*/React__default["default"].createElement("div", {
65514
+ }, FreeTextSectionContainer()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
65775
65515
  "class": "row m-0 w-100"
65776
- }, /*#__PURE__*/React__default["default"].createElement("div", {
65777
- "class": sectionproperties.innercolsratio == '2:10' ? ' allcentered col-lg-2 col-md-12 p-md-0' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 allcentered col-lg-3 col-md-12 p-md-0' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 allcentered col-lg-4 col-md-12 p-md-0' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 allcentered col-lg-5 col-md-12 p-md-0' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 allcentered col-lg-6 col-md-12 p-md-0' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 allcentered col-lg-7 col-md-12 p-md-0' : 'col-md-12 allcentered col-lg-3 col-md-12 p-md-0'
65778
- }, /*#__PURE__*/React__default["default"].createElement("div", {
65779
- "class": "w-100 d-flex allcentered mb-md-4"
65780
- }, SectionTitle())), /*#__PURE__*/React__default["default"].createElement("div", {
65781
- "class": sectionproperties.innercolsratio == '2:10' ? 'col-md-12 d-flex justify-content-center col-lg-10 p-md-0 col-md-12' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 d-flex justify-content-center col-lg-9 p-md-0 col-md-12' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 d-flex justify-content-center col-lg-8 p-md-0 col-md-12' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 d-flex justify-content-center col-lg-7 p-md-0 col-md-12' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 d-flex justify-content-center col-lg-6 p-md-0 col-md-12' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 d-flex justify-content-center col-lg-5 p-md-0 col-md-12' : 'col-md-12 d-flex justify-content-center col-lg-3 p-md-0 col-md-12',
65782
- style: {
65783
- paddingLeft: langdetect == 'en' ? '50px' : 0,
65784
- paddingRight: langdetect == 'ar' ? '50px' : 0,
65785
- alignItems: sectionproperties.centerdescriptionvertical == 'Centered' ? 'center' : ''
65786
- }
65787
- }, /*#__PURE__*/React__default["default"].createElement("div", {
65788
- "class": "row m-0 w-100 text-start text-md-center",
65789
- style: {
65790
- fontSize: sectionproperties.prodCatFontSize + 'px'
65791
- }
65792
- }, Description())))))))), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React__default["default"].createElement("div", {
65793
- "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex d-md-none justify-content-center align-items-center ',
65794
- style: {
65795
- marginTop: sectionproperties.marginTop + 'px',
65796
- marginBottom: sectionproperties.marginBottom + 'px',
65797
- background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof4 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof4 === void 0 ? void 0 : _maincontainerarrayof4.back_bgimage) + ')' : '' : ''
65798
- }
65799
- }, SectionContent('normal')), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React__default["default"].createElement("div", {
65800
- "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-none d-md-flex justify-content-center align-items-center ',
65801
- style: {
65802
- marginTop: sectionproperties.marginTopResp + 'px',
65803
- marginBottom: sectionproperties.marginBottom + 'px',
65804
- background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof5 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof5 === void 0 ? void 0 : _maincontainerarrayof5.back_bgimage) + ')' : '' : ''
65805
- }
65806
- }, SectionContent('responsive'))), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
65807
- "class": "row m-0 w-100"
65808
- }, sectionproperties.sectionbgstyle == 'Besides each other' && /*#__PURE__*/React__default["default"].createElement("div", {
65809
- "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex justify-content-center align-items-center ',
65810
- style: {
65811
- marginTop: sectionproperties.marginTop + 'px',
65812
- marginBottom: sectionproperties.marginBottom + 'px',
65813
- background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof6 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof6 === void 0 ? void 0 : _maincontainerarrayof6.back_bgimage) + ')' : '' : ''
65814
- }
65815
- }, /*#__PURE__*/React__default["default"].createElement("div", {
65816
- "class": sectionproperties.width == 100 ? ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
65817
- style: {
65818
- background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
65819
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
65820
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
65821
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
65822
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
65823
- position: 'relative',
65824
- border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
65825
- width: sectionproperties.width + 'vw'
65826
- }
65827
- }, /*#__PURE__*/React__default["default"].createElement("div", {
65828
- "class": "col-lg-12 p-0"
65829
- }, /*#__PURE__*/React__default["default"].createElement("div", {
65830
- "class": "row m-0 w-100 allcentered"
65831
- }, /*#__PURE__*/React__default["default"].createElement("div", {
65832
- "class": "",
65833
- style: {
65834
- background: sectionproperties.reservation_bgcolor,
65835
- borderRadius: sectionproperties.reservation_borderradius + 'px',
65836
- boxShadow: '0 0 10px ' + sectionproperties.innersectionshadowcolor,
65837
- paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
65838
- paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
65839
- paddingTop: sectionproperties.innersectionpaddingvertical + 'px',
65840
- paddingBottom: sectionproperties.innersectionpaddingvertical + 'px',
65841
- width: sectionproperties.innersectionWidth + '%'
65842
- }
65843
- }, /*#__PURE__*/React__default["default"].createElement("div", {
65844
- "class": "row m-0 w-100"
65845
- }, /*#__PURE__*/React__default["default"].createElement("div", {
65846
- "class": sectionproperties.innercolsratio == '2:10' ? ' allcentered col-lg-2 col-md-12 p-md-0' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 allcentered col-lg-3 col-md-12 p-md-0' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 allcentered col-lg-4 col-md-12 p-md-0' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 allcentered col-lg-5 col-md-12 p-md-0' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 allcentered col-lg-6 col-md-12 p-md-0' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 allcentered col-lg-7 col-md-12 p-md-0' : 'col-md-12 allcentered col-lg-3 col-md-12 p-md-0'
65847
- }, /*#__PURE__*/React__default["default"].createElement("div", {
65848
- "class": "w-100 d-flex allcentered mb-md-4"
65849
- }, SectionTitle())), /*#__PURE__*/React__default["default"].createElement("div", {
65850
- "class": sectionproperties.innercolsratio == '2:10' ? 'col-md-12 d-flex justify-content-center col-lg-10 p-md-0 col-md-12' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 d-flex justify-content-center col-lg-9 p-md-0 col-md-12' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 d-flex justify-content-center col-lg-8 p-md-0 col-md-12' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 d-flex justify-content-center col-lg-7 p-md-0 col-md-12' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 d-flex justify-content-center col-lg-6 p-md-0 col-md-12' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 d-flex justify-content-center col-lg-5 p-md-0 col-md-12' : 'col-md-12 d-flex justify-content-center col-lg-3 p-md-0 col-md-12',
65851
- style: {
65852
- paddingLeft: langdetect == 'en' ? '50px' : 0,
65853
- paddingRight: langdetect == 'ar' ? '50px' : 0,
65854
- alignItems: sectionproperties.centerdescriptionvertical == 'Centered' ? 'center' : ''
65855
- }
65856
- }, /*#__PURE__*/React__default["default"].createElement("div", {
65857
- "class": "row m-0 w-100 text-start text-md-center",
65858
- style: {
65859
- fontSize: sectionproperties.prodCatFontSize + 'px'
65860
- }
65861
- }, Description())))))))), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React__default["default"].createElement("div", {
65862
- "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex d-md-none justify-content-center align-items-center ',
65863
- style: {
65864
- marginTop: sectionproperties.marginTop + 'px',
65865
- marginBottom: sectionproperties.marginBottom + 'px',
65866
- background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof7 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof7 === void 0 ? void 0 : _maincontainerarrayof7.back_bgimage) + ')' : '' : ''
65867
- }
65868
- }, SectionContent('normal')), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React__default["default"].createElement("div", {
65869
- "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-none d-md-flex justify-content-center align-items-center ',
65870
- style: {
65871
- marginTop: sectionproperties.marginTopResp + 'px',
65872
- marginBottom: sectionproperties.marginBottom + 'px',
65873
- background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof8 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof8 === void 0 ? void 0 : _maincontainerarrayof8.back_bgimage) + ')' : '' : ''
65874
- }
65875
- }, SectionContent('responsive'))));
65516
+ }, FreeTextSectionContainer()));
65876
65517
  };
65877
65518
 
65878
65519
  function ownKeys$Y(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; }
@@ -67963,7 +67604,7 @@ var Servicesection = function Servicesection(props) {
67963
67604
  borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
67964
67605
  position: 'relative'
67965
67606
  }
67966
- }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
67607
+ }, maincontainerarrayofobjs != undefined && maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
67967
67608
  "class": section_styles.imgcontainer
67968
67609
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
67969
67610
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -68145,7 +67786,7 @@ var Servicesection = function Servicesection(props) {
68145
67786
  function ownKeys$V(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; }
68146
67787
  function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
68147
67788
  var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
68148
- var _maincontainerarrayof;
67789
+ var _maincontainerarrayof, _maincontainerarrayof2;
68149
67790
  var _useState = React.useState(''),
68150
67791
  _useState2 = _slicedToArray__default["default"](_useState, 2),
68151
67792
  sectionproperties = _useState2[0],
@@ -68358,7 +67999,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
68358
67999
  "class": sectionStyles.outercontainer + ' row ml-0 mr-0 align-items-center ',
68359
68000
  style: {},
68360
68001
  "data-aos": 'fade-up'
68361
- }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
68002
+ }, maincontainerarrayofobjs != undefined && maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
68362
68003
  "class": sectionStyles.imgcontainer
68363
68004
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
68364
68005
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -68602,7 +68243,25 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
68602
68243
  }))), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
68603
68244
  "class": sectionStyles.outercontainer + ' row ml-0 mr-0 align-items-center ',
68604
68245
  style: {}
68605
- }, /*#__PURE__*/React__default["default"].createElement("div", {
68246
+ }, maincontainerarrayofobjs != undefined && maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
68247
+ "class": sectionStyles.imgcontainer
68248
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
68249
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
68250
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
68251
+ path: (_maincontainerarrayof2 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof2 === void 0 ? void 0 : _maincontainerarrayof2.back_bgimage,
68252
+ style: {
68253
+ height: '100%',
68254
+ width: '100%',
68255
+ objectFit: 'cover',
68256
+ margin: 0,
68257
+ padding: 0,
68258
+ position: 'absolute',
68259
+ top: 0,
68260
+ bottom: 0,
68261
+ right: 0,
68262
+ left: 0
68263
+ }
68264
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
68606
68265
  "class": sectionStyles.containerrrr + ' row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3 ',
68607
68266
  style: {}
68608
68267
  }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -69797,8 +69456,8 @@ var Slideshowfade = function Slideshowfade(props) {
69797
69456
  top: sectionproperties.textsectionpositionfromtop + '%',
69798
69457
  zIndex: 1000,
69799
69458
  paddingTop: sectionproperties.paddingTop + 'px',
69800
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
69801
- paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px',
69459
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
69460
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
69802
69461
  width: sectionproperties.textsectionwidth + '%',
69803
69462
  '@media (max-width: 800px)': {
69804
69463
  top: sectionproperties.textsectionpositionfromtopresp + '%'
@@ -84647,34 +84306,43 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
84647
84306
  _useState2 = _slicedToArray__default["default"](_useState, 2);
84648
84307
  _useState2[0];
84649
84308
  var setitem = _useState2[1];
84650
- var _useState3 = React.useState({}),
84651
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
84652
- variants_iteminfo = _useState4[0],
84653
- setvariants_iteminfo = _useState4[1];
84654
- var _useState5 = React.useState([]),
84655
- _useState6 = _slicedToArray__default["default"](_useState5, 2),
84656
- options_w_values = _useState6[0],
84657
- setoptions_w_values = _useState6[1];
84658
- var _useState7 = React.useState([]),
84309
+ var _useState3 = React.useState(props.actions.fetchingtypeprops),
84310
+ _useState4 = _slicedToArray__default["default"](_useState3, 2);
84311
+ _useState4[0];
84312
+ _useState4[1];
84313
+ var _useState5 = React.useState(props.actions.collectionid),
84314
+ _useState6 = _slicedToArray__default["default"](_useState5, 2);
84315
+ _useState6[0];
84316
+ _useState6[1];
84317
+ props.actions.cardonclickfunctionContext;
84318
+ var _useState7 = React.useState({}),
84659
84319
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
84660
- choosen_values = _useState8[0],
84661
- setchoosen_values = _useState8[1];
84662
- var _useState9 = React.useState({}),
84320
+ variants_iteminfo = _useState8[0],
84321
+ setvariants_iteminfo = _useState8[1];
84322
+ var _useState9 = React.useState([]),
84663
84323
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
84664
- VariantCompletedObj = _useState10[0],
84665
- setVariantCompletedObj = _useState10[1];
84324
+ options_w_values = _useState10[0],
84325
+ setoptions_w_values = _useState10[1];
84326
+ var _useState11 = React.useState([]),
84327
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
84328
+ choosen_values = _useState12[0],
84329
+ setchoosen_values = _useState12[1];
84330
+ var _useState13 = React.useState({}),
84331
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
84332
+ VariantCompletedObj = _useState14[0],
84333
+ setVariantCompletedObj = _useState14[1];
84666
84334
  var sectionproperties = props.actions.sectionproperties;
84667
84335
  props.actions.lang;
84668
84336
  props.actions.langdetect;
84669
84337
  var foundMatchedVariantFunc = props.foundMatchedVariantFunc;
84670
- var _useState11 = React.useState(props.cardinfoindexprops),
84671
- _useState12 = _slicedToArray__default["default"](_useState11, 2);
84672
- _useState12[0];
84673
- _useState12[1];
84674
- var _useState13 = React.useState({}),
84675
- _useState14 = _slicedToArray__default["default"](_useState13, 2),
84676
- VariantColorImageComObj = _useState14[0],
84677
- setVariantColorImageComObj = _useState14[1];
84338
+ var _useState15 = React.useState(props.cardinfoindexprops),
84339
+ _useState16 = _slicedToArray__default["default"](_useState15, 2);
84340
+ _useState16[0];
84341
+ _useState16[1];
84342
+ var _useState17 = React.useState({}),
84343
+ _useState18 = _slicedToArray__default["default"](_useState17, 2),
84344
+ VariantColorImageComObj = _useState18[0],
84345
+ setVariantColorImageComObj = _useState18[1];
84678
84346
  var foundImageColorMatchingFunc = props.foundImageColorMatchingFunc;
84679
84347
  React.useEffect(function () {
84680
84348
  foundMatchedVariantFunc(VariantCompletedObj);
@@ -84950,12 +84618,10 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
84950
84618
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
84951
84619
  "class": ' row m-0 w-100 '
84952
84620
  }, options_w_values === null || options_w_values === void 0 ? void 0 : options_w_values.map(function (item, index) {
84953
- var _item$values5;
84954
- // if (index <= 3) {
84621
+ var _item$values5, _item$values6, _item$values7;
84955
84622
  return /*#__PURE__*/React__default["default"].createElement("div", {
84956
- className: "col-lg-12 col-md-12 d-flex mb-2 allcentered scrollhorixontalcontainer"
84957
- }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem) {
84958
- var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8, _item$option_info9, _valitem$valueinfo, _item$option_info10, _valitem$valueinfo2;
84623
+ className: "col-lg-12 col-md-12 d-flex mb-2 allcentered scrollhorixontalcontainer p-sm-0"
84624
+ }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem, valindex) {
84959
84625
  var isChoosedValueExists = false;
84960
84626
  choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
84961
84627
  if (choseitem != null) {
@@ -84964,32 +84630,48 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
84964
84630
  }
84965
84631
  }
84966
84632
  });
84967
- return /*#__PURE__*/React__default["default"].createElement("div", {
84968
- style: {
84969
- textAlign: 'center'
84970
- },
84971
- "class": "mx-1"
84972
- }, /*#__PURE__*/React__default["default"].createElement("button", {
84973
- onClick: function onClick() {
84974
- choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
84975
- },
84976
- style: {
84977
- // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
84978
- color: isChoosedValueExists ? '#ffffff' : '#000000',
84979
- border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
84980
- padding: (item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' ? '5px' : '5px 10px',
84981
- cursor: valitem.disabled ? 'not-allowed' : 'pointer',
84982
- fontSize: '13px',
84983
- width: (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Color' ? 25 : '',
84984
- height: (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'Color' ? 25 : '',
84985
- borderRadius: (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'Color' ? 100 : 5,
84986
- background: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
84987
- fontWeight: 500
84988
- },
84989
- disabled: valitem.disabled
84990
- }, (item === null || item === void 0 || (_item$option_info10 = item.option_info) === null || _item$option_info10 === void 0 ? void 0 : _item$option_info10.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
84991
- }));
84992
- // }
84633
+ if (valindex <= 3) {
84634
+ var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8, _item$option_info9, _valitem$valueinfo, _item$option_info10, _valitem$valueinfo2;
84635
+ return /*#__PURE__*/React__default["default"].createElement("div", {
84636
+ style: {
84637
+ textAlign: 'center'
84638
+ },
84639
+ "class": "mx-1"
84640
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
84641
+ onClick: function onClick() {
84642
+ choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
84643
+ },
84644
+ style: {
84645
+ // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
84646
+ color: isChoosedValueExists ? '#ffffff' : '#000000',
84647
+ border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
84648
+ padding: (item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' ? '5px' : '5px 10px',
84649
+ cursor: valitem.disabled ? 'not-allowed' : 'pointer',
84650
+ fontSize: '13px',
84651
+ width: (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Color' ? 25 : '',
84652
+ height: (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'Color' ? 25 : '',
84653
+ borderRadius: (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'Color' ? 100 : 5,
84654
+ background: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
84655
+ fontWeight: 500
84656
+ },
84657
+ disabled: valitem.disabled
84658
+ }, (item === null || item === void 0 || (_item$option_info10 = item.option_info) === null || _item$option_info10 === void 0 ? void 0 : _item$option_info10.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
84659
+ }
84660
+ }), (item === null || item === void 0 || (_item$values6 = item.values) === null || _item$values6 === void 0 ? void 0 : _item$values6.length) > 4 && /*#__PURE__*/React__default["default"].createElement("div", {
84661
+ className: "mx-1 d-flex align-items-center justify-content-center",
84662
+ style: {
84663
+ width: 25,
84664
+ height: 25,
84665
+ borderRadius: 100,
84666
+ backgroundColor: sectionproperties.activeproductcolor,
84667
+ color: '#fff',
84668
+ fontSize: '13px',
84669
+ cursor: 'pointer'
84670
+ },
84671
+ onClick: function onClick() {
84672
+ // cardonclickfunctionContext('/productinfo/' + props.actions.productid, false, '');
84673
+ }
84674
+ }, "+", (item === null || item === void 0 || (_item$values7 = item.values) === null || _item$values7 === void 0 ? void 0 : _item$values7.length) - 4));
84993
84675
  })));
84994
84676
  };
84995
84677
 
@@ -85322,14 +85004,14 @@ var Simpleproductcard = function Simpleproductcard(props) {
85322
85004
  addtocardpayloadobj.variantid = variantObj.variantid;
85323
85005
  runfunc = true;
85324
85006
  } else {
85325
- NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
85007
+ var _authdetailsContext$i;
85008
+ NotificationManager.warning('', (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '674f0617c7811' ? 'Please Choose Size & Color' : langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
85326
85009
  }
85327
85010
  } else {
85328
85011
  runfunc = true;
85329
85012
  }
85330
85013
  } else {
85331
- var _authdetailsContext$i;
85332
- NotificationManager.warning('', (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '674f0617c7811' ? 'Please Choose Size & Color' : langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
85014
+ NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
85333
85015
  }
85334
85016
  if (runfunc == true) {
85335
85017
  AddtoCartContext(addtocardpayloadobj);
@@ -85789,7 +85471,9 @@ var Simpleproductcard = function Simpleproductcard(props) {
85789
85471
  }, /*#__PURE__*/React__default["default"].createElement(Variants_J_Cards, {
85790
85472
  actions: {
85791
85473
  sectionproperties: sectionproperties,
85792
- item: item
85474
+ item: item,
85475
+ cardonclickfunctionContext: cardonclickfunctionContext,
85476
+ productid: item.productid
85793
85477
  },
85794
85478
  foundMatchedVariantFunc: function foundMatchedVariantFunc(variantCompletedObj) {
85795
85479
  setvariantObj(variantCompletedObj);