tabexseriescomponents 0.0.153 → 0.0.155

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +202 -70
  2. package/dist/index.esm.js +202 -70
  3. package/dist/index.umd.js +204 -72
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -72,6 +72,8 @@ var reactIntersectionObserver = require('react-intersection-observer');
72
72
  var FaArrowAltCircleRight = require('@react-icons/all-files/fa/FaArrowAltCircleRight');
73
73
  var FaArrowAltCircleLeft = require('@react-icons/all-files/fa/FaArrowAltCircleLeft');
74
74
  var FiFilter = require('@react-icons/all-files/fi/FiFilter');
75
+ var MdKeyboardArrowDown = require('@react-icons/all-files/md/MdKeyboardArrowDown');
76
+ var FaMoneyBillWave = require('@react-icons/all-files/fa/FaMoneyBillWave');
75
77
  var BiLogOutCircle = require('@react-icons/all-files/bi/BiLogOutCircle');
76
78
  var BiChevronDown = require('@react-icons/all-files/bi/BiChevronDown');
77
79
  var BiUser = require('@react-icons/all-files/bi/BiUser');
@@ -82,7 +84,6 @@ var CgMenuLeft = require('@react-icons/all-files/cg/CgMenuLeft');
82
84
  var CgMenuRight = require('@react-icons/all-files/cg/CgMenuRight');
83
85
  var HiOutlineShoppingBag = require('@react-icons/all-files/hi/HiOutlineShoppingBag');
84
86
  var RiHandbagLine = require('@react-icons/all-files/ri/RiHandbagLine');
85
- var MdKeyboardArrowDown = require('@react-icons/all-files/md/MdKeyboardArrowDown');
86
87
  var GoSearch = require('@react-icons/all-files/go/GoSearch');
87
88
  var FiUser = require('@react-icons/all-files/fi/FiUser');
88
89
  var BiSearch = require('@react-icons/all-files/bi/BiSearch');
@@ -100,7 +101,6 @@ var AiFillPhone = require('@react-icons/all-files/ai/AiFillPhone');
100
101
  var IoClose = require('@react-icons/all-files/io5/IoClose');
101
102
  var MdKeyboardArrowUp = require('@react-icons/all-files/md/MdKeyboardArrowUp');
102
103
  var BiGlobe = require('@react-icons/all-files/bi/BiGlobe');
103
- var FaMoneyBillWave = require('@react-icons/all-files/fa/FaMoneyBillWave');
104
104
  var FaPhoneAlt = require('@react-icons/all-files/fa/FaPhoneAlt');
105
105
  var FaPhone = require('@react-icons/all-files/fa/FaPhone');
106
106
  var GoLocation = require('@react-icons/all-files/go/GoLocation');
@@ -9851,7 +9851,7 @@ styleInject(css_248z$z);
9851
9851
  function ownKeys$1z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9852
9852
  function _objectSpread$1z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1z(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
9853
9853
  var Subheader = function Subheader(props) {
9854
- var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery3, _fetchCategoriesQuery4, _fetchCategoriesQuery5, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery8, _fetchCategoriesQuery9, _fetchCategoriesQuery10, _props$subheaderprope14, _props$subheaderprope15, _fetchCategoriesQuery11, _fetchCategoriesQuery12, _fetchCategoriesQuery13, _fetchCategoriesQuery14, _fetchCategoriesQuery15, _fetchCategoriesQuery16, _fetchCategoriesQuery17;
9854
+ var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery3, _fetchCategoriesQuery4, _props$subheaderprope10, _templatepropcontext$2, _props$subheaderprope13, _props$subheaderprope14, _templatepropcontext$3, _fetchCategoriesQuery5, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery8, _fetchCategoriesQuery9, _fetchCategoriesQuery10, _fetchCategoriesQuery11, _fetchCategoriesQuery12, _props$subheaderprope25, _props$subheaderprope26, _fetchCategoriesQuery13, _fetchCategoriesQuery14, _fetchCategoriesQuery15, _fetchCategoriesQuery16, _fetchCategoriesQuery17, _fetchCategoriesQuery18, _fetchCategoriesQuery19;
9855
9855
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
9856
9856
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
9857
9857
  var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
@@ -9974,14 +9974,14 @@ var Subheader = function Subheader(props) {
9974
9974
  paddingBottom: sectionproperties.subheader_marginbottom + 'px',
9975
9975
  background: sectionproperties.subheaderbgtransparent == 'Transparent' ? 'transparent' : sectionproperties.subheaderbg
9976
9976
  }
9977
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9977
+ }, sectionproperties.subheaderpositionfromhome == 'Right After Home' && /*#__PURE__*/React__default["default"].createElement("div", {
9978
9978
  "class": "".concat(headerstyles$f.nav__item) + ' scrollhorizontal flex-row align-items-center w-100 justify-content-md-center ',
9979
9979
  style: {
9980
9980
  zIndex: 1000,
9981
9981
  justifyContent: ((_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops) == 'center' ? 'center' : 'start'
9982
9982
  }
9983
9983
  }, (props === null || props === void 0 ? void 0 : (_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.subheaderpositionprops) == 'in nav' && (templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
9984
- if (item.isnavigation == 1 && item.isactive == 1) {
9984
+ if (item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex == 0) {
9985
9985
  var _props$subheaderprope4, _props$subheaderprope5;
9986
9986
  return /*#__PURE__*/React__default["default"].createElement("div", {
9987
9987
  onClick: function onClick() {
@@ -10028,6 +10028,76 @@ var Subheader = function Subheader(props) {
10028
10028
  marginRight: langdetect == 'en' ? (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingRightprops : 0
10029
10029
  }
10030
10030
  }, langdetect == 'en' ? item.title_en : item.title_ar);
10031
+ }), (props === null || props === void 0 ? void 0 : (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.subheaderpositionprops) == 'in nav' && (templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$2 = templatepropcontext.pagesnprop) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.map(function (item, index) {
10032
+ if (item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex > 0) {
10033
+ var _props$subheaderprope11, _props$subheaderprope12;
10034
+ return /*#__PURE__*/React__default["default"].createElement("div", {
10035
+ onClick: function onClick() {
10036
+ routingcountext(item.navigationroute);
10037
+ },
10038
+ "class": "scrollhorizontalcard",
10039
+ style: {
10040
+ marginLeft: langdetect == 'ar' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingLeftprops : 0,
10041
+ marginRight: langdetect == 'en' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope12 = props.subheaderpropertiesprops) === null || _props$subheaderprope12 === void 0 ? void 0 : _props$subheaderprope12.paddingRightprops : 0
10042
+ }
10043
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
10044
+ "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 '
10045
+ }, langdetect == 'en' ? item.pagename : item.pagename_ar));
10046
+ }
10047
+ }))), sectionproperties.subheaderpositionfromhome != 'Right After Home' && /*#__PURE__*/React__default["default"].createElement("div", {
10048
+ "class": "".concat(headerstyles$f.nav__item) + ' scrollhorizontal flex-row align-items-center w-100 justify-content-md-center ',
10049
+ style: {
10050
+ zIndex: 1000,
10051
+ justifyContent: ((_props$subheaderprope13 = props.subheaderpropertiesprops) === null || _props$subheaderprope13 === void 0 ? void 0 : _props$subheaderprope13.subheadercontentpositionprops) == 'center' ? 'center' : 'start'
10052
+ }
10053
+ }, (props === null || props === void 0 ? void 0 : (_props$subheaderprope14 = props.subheaderpropertiesprops) === null || _props$subheaderprope14 === void 0 ? void 0 : _props$subheaderprope14.subheaderpositionprops) == 'in nav' && (templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$3 = templatepropcontext.pagesnprop) === null || _templatepropcontext$3 === void 0 ? void 0 : _templatepropcontext$3.map(function (item, index) {
10054
+ if (item.isnavigation == 1 && item.isactive == 1) {
10055
+ var _props$subheaderprope15, _props$subheaderprope16;
10056
+ return /*#__PURE__*/React__default["default"].createElement("div", {
10057
+ onClick: function onClick() {
10058
+ routingcountext(item.navigationroute);
10059
+ },
10060
+ "class": "scrollhorizontalcard",
10061
+ style: {
10062
+ marginLeft: langdetect == 'ar' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope15 = props.subheaderpropertiesprops) === null || _props$subheaderprope15 === void 0 ? void 0 : _props$subheaderprope15.paddingLeftprops : 0,
10063
+ marginRight: langdetect == 'en' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope16 = props.subheaderpropertiesprops) === null || _props$subheaderprope16 === void 0 ? void 0 : _props$subheaderprope16.paddingRightprops : 0
10064
+ }
10065
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
10066
+ "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 '
10067
+ }, langdetect == 'en' ? item.pagename : item.pagename_ar));
10068
+ }
10069
+ })), sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery5 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery5 === void 0 ? void 0 : (_fetchCategoriesQuery6 = _fetchCategoriesQuery5.data) === null || _fetchCategoriesQuery6 === void 0 ? void 0 : _fetchCategoriesQuery6.categories.map(function (item, index) {
10070
+ var _props$subheaderprope17, _props$subheaderprope18;
10071
+ return /*#__PURE__*/React__default["default"].createElement("p", {
10072
+ "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
10073
+ onClick: function onClick() {
10074
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
10075
+ },
10076
+ onMouseEnter: function onMouseEnter() {
10077
+ setshowdownheadermenu(true);
10078
+ setChoosenindex(index);
10079
+ },
10080
+ style: {
10081
+ marginLeft: langdetect == 'ar' ? (_props$subheaderprope17 = props.subheaderpropertiesprops) === null || _props$subheaderprope17 === void 0 ? void 0 : _props$subheaderprope17.paddingLeftprops : 0,
10082
+ marginRight: langdetect == 'en' ? (_props$subheaderprope18 = props.subheaderpropertiesprops) === null || _props$subheaderprope18 === void 0 ? void 0 : _props$subheaderprope18.paddingRightprops : 0
10083
+ }
10084
+ }, langdetect == 'en' ? item.title_en : item.title_ar);
10085
+ })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray.map(function (item, index) {
10086
+ var _props$subheaderprope19, _props$subheaderprope20;
10087
+ return /*#__PURE__*/React__default["default"].createElement("p", {
10088
+ "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
10089
+ onClick: function onClick() {
10090
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
10091
+ },
10092
+ onMouseEnter: function onMouseEnter() {
10093
+ setshowdownheadermenu(true);
10094
+ setChoosenindex(index);
10095
+ },
10096
+ style: {
10097
+ marginLeft: langdetect == 'ar' ? (_props$subheaderprope19 = props.subheaderpropertiesprops) === null || _props$subheaderprope19 === void 0 ? void 0 : _props$subheaderprope19.paddingLeftprops : 0,
10098
+ marginRight: langdetect == 'en' ? (_props$subheaderprope20 = props.subheaderpropertiesprops) === null || _props$subheaderprope20 === void 0 ? void 0 : _props$subheaderprope20.paddingRightprops : 0
10099
+ }
10100
+ }, langdetect == 'en' ? item.title_en : item.title_ar);
10031
10101
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
10032
10102
  "class": "col-lg-12 m-auto d-none d-md-flex flex-column align-items-center justify-content-center pt-md-3 pb-md-3 pl-sm-2 pr-sm-2",
10033
10103
  style: {
@@ -10043,8 +10113,8 @@ var Subheader = function Subheader(props) {
10043
10113
  justifyContent: 'center',
10044
10114
  textAlign: 'center'
10045
10115
  }
10046
- }, sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery5 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery5 === void 0 ? void 0 : (_fetchCategoriesQuery6 = _fetchCategoriesQuery5.data) === null || _fetchCategoriesQuery6 === void 0 ? void 0 : _fetchCategoriesQuery6.categories.map(function (item, index) {
10047
- var _props$subheaderprope10, _props$subheaderprope11;
10116
+ }, sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery7 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery7 === void 0 ? void 0 : (_fetchCategoriesQuery8 = _fetchCategoriesQuery7.data) === null || _fetchCategoriesQuery8 === void 0 ? void 0 : _fetchCategoriesQuery8.categories.map(function (item, index) {
10117
+ var _props$subheaderprope21, _props$subheaderprope22;
10048
10118
  return /*#__PURE__*/React__default["default"].createElement("p", {
10049
10119
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
10050
10120
  onClick: function onClick() {
@@ -10055,8 +10125,8 @@ var Subheader = function Subheader(props) {
10055
10125
  setChoosenindex(index);
10056
10126
  },
10057
10127
  style: {
10058
- marginLeft: langdetect == 'ar' ? (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.paddingLeftprops : 0,
10059
- marginRight: langdetect == 'en' ? (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingRightprops : 0,
10128
+ marginLeft: langdetect == 'ar' ? (_props$subheaderprope21 = props.subheaderpropertiesprops) === null || _props$subheaderprope21 === void 0 ? void 0 : _props$subheaderprope21.paddingLeftprops : 0,
10129
+ marginRight: langdetect == 'en' ? (_props$subheaderprope22 = props.subheaderpropertiesprops) === null || _props$subheaderprope22 === void 0 ? void 0 : _props$subheaderprope22.paddingRightprops : 0,
10060
10130
  color: sectionproperties.subheader_categorytitle_fontColor_resp,
10061
10131
  fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
10062
10132
  textTransform: sectionproperties.subheader_categorytitle_textTransform,
@@ -10064,7 +10134,7 @@ var Subheader = function Subheader(props) {
10064
10134
  }
10065
10135
  }, langdetect == 'en' ? item.title_en : item.title_ar);
10066
10136
  })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray.map(function (item, index) {
10067
- var _props$subheaderprope12, _props$subheaderprope13;
10137
+ var _props$subheaderprope23, _props$subheaderprope24;
10068
10138
  return /*#__PURE__*/React__default["default"].createElement("p", {
10069
10139
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
10070
10140
  onClick: function onClick() {
@@ -10075,15 +10145,15 @@ var Subheader = function Subheader(props) {
10075
10145
  setChoosenindex(index);
10076
10146
  },
10077
10147
  style: {
10078
- marginLeft: langdetect == 'ar' ? (_props$subheaderprope12 = props.subheaderpropertiesprops) === null || _props$subheaderprope12 === void 0 ? void 0 : _props$subheaderprope12.paddingLeftprops : 0,
10079
- marginRight: langdetect == 'en' ? (_props$subheaderprope13 = props.subheaderpropertiesprops) === null || _props$subheaderprope13 === void 0 ? void 0 : _props$subheaderprope13.paddingRightprops : 0,
10148
+ marginLeft: langdetect == 'ar' ? (_props$subheaderprope23 = props.subheaderpropertiesprops) === null || _props$subheaderprope23 === void 0 ? void 0 : _props$subheaderprope23.paddingLeftprops : 0,
10149
+ marginRight: langdetect == 'en' ? (_props$subheaderprope24 = props.subheaderpropertiesprops) === null || _props$subheaderprope24 === void 0 ? void 0 : _props$subheaderprope24.paddingRightprops : 0,
10080
10150
  color: sectionproperties.subheader_categorytitle_fontColor_resp,
10081
10151
  fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
10082
10152
  textTransform: sectionproperties.subheader_categorytitle_textTransform,
10083
10153
  fontWeight: sectionproperties.subheader_categorytitle_textfontweight
10084
10154
  }
10085
10155
  }, langdetect == 'en' ? item.title_en : item.title_ar);
10086
- }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery7 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery7 === void 0 ? void 0 : (_fetchCategoriesQuery8 = _fetchCategoriesQuery7.data) === null || _fetchCategoriesQuery8 === void 0 ? void 0 : (_fetchCategoriesQuery9 = _fetchCategoriesQuery8.categories[Choosenindex]) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : (_fetchCategoriesQuery10 = _fetchCategoriesQuery9.parentcolletions) === null || _fetchCategoriesQuery10 === void 0 ? void 0 : _fetchCategoriesQuery10.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10156
+ }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : (_fetchCategoriesQuery10 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery10 === void 0 ? void 0 : (_fetchCategoriesQuery11 = _fetchCategoriesQuery10.categories[Choosenindex]) === null || _fetchCategoriesQuery11 === void 0 ? void 0 : (_fetchCategoriesQuery12 = _fetchCategoriesQuery11.parentcolletions) === null || _fetchCategoriesQuery12 === void 0 ? void 0 : _fetchCategoriesQuery12.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10087
10157
  "class": "".concat(headerstyles$f.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center p-sm-0 position-md-relative ',
10088
10158
  onMouseLeave: function onMouseLeave() {
10089
10159
  setshowdownheadermenu(false);
@@ -10091,18 +10161,18 @@ var Subheader = function Subheader(props) {
10091
10161
  style: {
10092
10162
  width: '95%',
10093
10163
  zIndex: 2000,
10094
- position: ((_props$subheaderprope14 = props.subheaderpropertiesprops) === null || _props$subheaderprope14 === void 0 ? void 0 : _props$subheaderprope14.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
10095
- top: ((_props$subheaderprope15 = props.subheaderpropertiesprops) === null || _props$subheaderprope15 === void 0 ? void 0 : _props$subheaderprope15.subheaderpositionprops) == 'in nav' ? 30 : ''
10164
+ position: ((_props$subheaderprope25 = props.subheaderpropertiesprops) === null || _props$subheaderprope25 === void 0 ? void 0 : _props$subheaderprope25.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
10165
+ top: ((_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.subheaderpositionprops) == 'in nav' ? 30 : ''
10096
10166
  }
10097
10167
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10098
10168
  "class": "row m-0 w-100 d-flex pt-3 pb-3"
10099
- }, (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery11 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery11 === void 0 ? void 0 : (_fetchCategoriesQuery12 = _fetchCategoriesQuery11.data) === null || _fetchCategoriesQuery12 === void 0 ? void 0 : (_fetchCategoriesQuery13 = _fetchCategoriesQuery12.categories[Choosenindex]) === null || _fetchCategoriesQuery13 === void 0 ? void 0 : (_fetchCategoriesQuery14 = _fetchCategoriesQuery13.parentcolletions) === null || _fetchCategoriesQuery14 === void 0 ? void 0 : _fetchCategoriesQuery14.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10169
+ }, (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery13 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery13 === void 0 ? void 0 : (_fetchCategoriesQuery14 = _fetchCategoriesQuery13.data) === null || _fetchCategoriesQuery14 === void 0 ? void 0 : (_fetchCategoriesQuery15 = _fetchCategoriesQuery14.categories[Choosenindex]) === null || _fetchCategoriesQuery15 === void 0 ? void 0 : (_fetchCategoriesQuery16 = _fetchCategoriesQuery15.parentcolletions) === null || _fetchCategoriesQuery16 === void 0 ? void 0 : _fetchCategoriesQuery16.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10100
10170
  "class": "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
10101
10171
  }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
10102
10172
  size: 30
10103
10173
  }), /*#__PURE__*/React__default["default"].createElement("p", {
10104
10174
  "class": "font-16 font-weight-500 m-0 p-0"
10105
- }, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery15 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery15 === void 0 ? void 0 : (_fetchCategoriesQuery16 = _fetchCategoriesQuery15.data) === null || _fetchCategoriesQuery16 === void 0 ? void 0 : (_fetchCategoriesQuery17 = _fetchCategoriesQuery16.categories[Choosenindex]) === null || _fetchCategoriesQuery17 === void 0 ? void 0 : _fetchCategoriesQuery17.parentcolletions.map(function (item, index) {
10175
+ }, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery17 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery17 === void 0 ? void 0 : (_fetchCategoriesQuery18 = _fetchCategoriesQuery17.data) === null || _fetchCategoriesQuery18 === void 0 ? void 0 : (_fetchCategoriesQuery19 = _fetchCategoriesQuery18.categories[Choosenindex]) === null || _fetchCategoriesQuery19 === void 0 ? void 0 : _fetchCategoriesQuery19.parentcolletions.map(function (item, index) {
10106
10176
  return /*#__PURE__*/React__default["default"].createElement("div", {
10107
10177
  "class": "col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4",
10108
10178
  style: {
@@ -10170,7 +10240,7 @@ var usflag = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAAEECAYAAADOCEoK
10170
10240
  function ownKeys$1y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
10171
10241
  function _objectSpread$1y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1y(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
10172
10242
  var Headerresponsive = function Headerresponsive(props) {
10173
- var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
10243
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6;
10174
10244
  var actions = props.actions;
10175
10245
  var LogoutMutationContext = props.actions.LogoutMutationContext;
10176
10246
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -10186,7 +10256,7 @@ var Headerresponsive = function Headerresponsive(props) {
10186
10256
  var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
10187
10257
  var routingcountext = props.actions.routingcountext;
10188
10258
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
10189
- props.actions.setcurrencyfunccontext;
10259
+ var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
10190
10260
  var _useState = React.useState(''),
10191
10261
  _useState2 = _slicedToArray__default["default"](_useState, 2),
10192
10262
  sectionproperties = _useState2[0],
@@ -10639,7 +10709,7 @@ var Headerresponsive = function Headerresponsive(props) {
10639
10709
  borderBottom: '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive
10640
10710
  }
10641
10711
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10642
- className: "col-md-10 p-0",
10712
+ className: authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.length) > 1 ? 'col-md-8 p-0' : 'col-md-10 p-0',
10643
10713
  style: {
10644
10714
  borderRight: langdetect == 'en' ? '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive : 0,
10645
10715
  borderLeft: langdetect == 'en' ? 0 : '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive
@@ -10663,7 +10733,50 @@ var Headerresponsive = function Headerresponsive(props) {
10663
10733
  sectionpropertiesprops: sectionproperties,
10664
10734
  actions: actions,
10665
10735
  srcfromprops: 'respheader'
10666
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
10736
+ }))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.length) > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
10737
+ "class": 'col-md-2 d-flex align-items-center justify-content-center pl-1 pr-1 pt-1',
10738
+ style: {
10739
+ borderRight: langdetect == 'en' ? '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive : 0,
10740
+ borderLeft: langdetect == 'en' ? 0 : '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive
10741
+ }
10742
+ }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
10743
+ "class": ' d-flex align-items-center justify-content-center '
10744
+ }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
10745
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
10746
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
10747
+ "class": "m-0 p-0 mr-1 ml-1"
10748
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
10749
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
10750
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
10751
+ "class": "m-0 p-0 ml-1 mr-1"
10752
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.instcurrencies) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.map(function (item, index) {
10753
+ var _authdetailsContext$i7, _authdetailsContext$i8;
10754
+ return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
10755
+ "class": "m-0 p-0",
10756
+ onClick: function onClick() {
10757
+ setcurrencyfunccontext(item);
10758
+ }
10759
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
10760
+ "class": "row m-0 w-100"
10761
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
10762
+ "class": "col-lg-12 p-0 d-flex justify-content-start"
10763
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
10764
+ "class": "".concat(header_cssstyles.dropdownitemcontainer)
10765
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
10766
+ "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
10767
+ style: {
10768
+ fontSize: sectionproperties.dropdown_fontsize + 'px',
10769
+ fontWeight: sectionproperties.dropdown_fontweight,
10770
+ textTransform: sectionproperties.dropdown_texttransform
10771
+ }
10772
+ }, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("span", {
10773
+ "class": 'ml-2 mr-2'
10774
+ }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
10775
+ "class": "col-lg-12 p-0"
10776
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
10777
+ "class": "m-0"
10778
+ }))));
10779
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
10667
10780
  className: langdetect == 'en' ? 'col-md-2 allcentered pl-1 pr-1 pt-1 resposiveheader_languagedropdown' : 'col-md-2 allcentered pl-1 pr-1 pt-1'
10668
10781
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("div", {
10669
10782
  className: 'allcentered m-0 cursor-pointer'
@@ -19021,7 +19134,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
19021
19134
  "class": "col-lg-5 d-flex align-items-center p-0"
19022
19135
  }, /*#__PURE__*/React__default["default"].createElement("div", {
19023
19136
  "class": "row m-0 d-flex justify-content-end w-100"
19024
- }, authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : (_authdetailsContext$i10 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
19137
+ }, authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : (_authdetailsContext$i10 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.length) > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
19025
19138
  "class": 'd-flex align-items-center justify-content-center pl-3 pr-3'
19026
19139
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
19027
19140
  "class": ' d-flex align-items-center justify-content-center '
@@ -35021,22 +35134,15 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
35021
35134
  }
35022
35135
  }, [sectionproperties]);
35023
35136
  var section_styles = {
35024
- sectiontitlespan: glamor.css({
35025
- ':after': {
35026
- height: '5px',
35027
- width: '5%',
35028
- backgroundColor: 'red'
35029
- }
35030
- }),
35031
35137
  btn: glamor.css({
35032
35138
  width: sectionproperties.generalbtn_width + 'px',
35033
35139
  height: sectionproperties.generalbtn_height + 'px',
35034
35140
  backgroundColor: sectionproperties.generalbtn_bgColor,
35035
35141
  color: sectionproperties.generalbtn_textColor,
35036
- borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
35037
- borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
35038
- borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
35039
- borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
35142
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
35143
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
35144
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
35145
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
35040
35146
  border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
35041
35147
  fontSize: sectionproperties.generalbtn_fontsize + 'px',
35042
35148
  fontWeight: sectionproperties.generalbtn_fontweight,
@@ -35052,7 +35158,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
35052
35158
  };
35053
35159
  var SectionTitle = function SectionTitle() {
35054
35160
  return /*#__PURE__*/React__default["default"].createElement("p", {
35055
- "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_styles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_styles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_styles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(section_styles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_styles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(section_styles.sectiontitlespan) + ' mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
35161
+ "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : ' mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
35056
35162
  style: {
35057
35163
  color: sectionproperties.sectionTitleColor,
35058
35164
  fontWeight: sectionproperties.sectionTitleFontWeight,
@@ -35115,14 +35221,15 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
35115
35221
  publicKey: IKpublicKey,
35116
35222
  path: imagesarray.length != 0 ? '/tr:w-500/' + imagesarray[0].bgsection_image : '',
35117
35223
  style: {
35118
- objectFit: sectionproperties.bgcovercontain,
35224
+ width: '100%',
35225
+ height: sectionproperties.image_height + 'px',
35119
35226
  margin: 0,
35120
35227
  padding: 0,
35121
- height: sectionproperties.image_height + 'px',
35122
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
35123
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
35124
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
35125
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
35228
+ objectFit: sectionproperties.bgcovercontain,
35229
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
35230
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
35231
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
35232
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
35126
35233
  }
35127
35234
  }));
35128
35235
  };
@@ -35136,10 +35243,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
35136
35243
  marginTop: sectionproperties.marginTop + 'px',
35137
35244
  marginBottom: sectionproperties.marginBottom + 'px',
35138
35245
  background: sectionproperties.backgroundColor,
35139
- borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
35140
- borderTopRightRadius: sectionproperties.borderTopLeftRadius + 'px',
35141
- borderBottomLeftRadius: sectionproperties.borderBottomRightRadius + 'px',
35142
- borderBottomRightRadius: sectionproperties.borderBottomLeftRadius + 'px',
35246
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
35247
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
35248
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
35249
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
35143
35250
  width: sectionproperties.width + 'vw'
35144
35251
  }
35145
35252
  }, sectionproperties.sectionstyle == 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -35595,7 +35702,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
35595
35702
  left: 0
35596
35703
  }
35597
35704
  })), /*#__PURE__*/React__default["default"].createElement("div", {
35598
- "class": "row ml-0 mr-0 w-100 d-flex justify-content-center align-items-stretch pl-md-3 pr-md-3 px-2015-3",
35705
+ "class": "row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3",
35599
35706
  style: {
35600
35707
  marginTop: sectionproperties.marginTop + 'px',
35601
35708
  marginBottom: sectionproperties.marginBottom + 'px',
@@ -35660,12 +35767,12 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
35660
35767
  }
35661
35768
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
35662
35769
  return /*#__PURE__*/React__default["default"].createElement("div", {
35663
- "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-3 align-items-stretch",
35770
+ "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-3",
35664
35771
  style: {
35665
35772
  zIndex: 2
35666
35773
  }
35667
35774
  }, /*#__PURE__*/React__default["default"].createElement("div", {
35668
- "class": "row m-0 w-100",
35775
+ "class": "row m-0 w-100 mb-auto",
35669
35776
  style: {
35670
35777
  background: sectionproperties.reservation_bgcolor,
35671
35778
  paddingTop: sectionproperties.reservation_padding_top + 'px',
@@ -37583,9 +37690,9 @@ var ContactUsSection = function ContactUsSection(props) {
37583
37690
  fontSize: sectionproperties.prodCatFontSizeResp + 'px'
37584
37691
  }
37585
37692
  }, Description()), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37586
- "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
37693
+ "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start mb-5"
37587
37694
  }, /*#__PURE__*/React__default["default"].createElement("p", {
37588
- "class": section_styles.storeinfo + ' m-0 p-0 d-flex justify-content-start flex-row mb-4 ',
37695
+ "class": section_styles.storeinfo + ' m-0 p-0 d-flex justify-content-start flex-row ',
37589
37696
  onClick: function onClick() {
37590
37697
  var _authdetailsContext$i, _authdetailsContext$i2;
37591
37698
  window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.contactinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.email), '_self');
@@ -37599,13 +37706,16 @@ var ContactUsSection = function ContactUsSection(props) {
37599
37706
  }))), /*#__PURE__*/React__default["default"].createElement("span", {
37600
37707
  "class": "ml-2 mr-2 d-flex justify-content-start flex-column"
37601
37708
  }, /*#__PURE__*/React__default["default"].createElement("span", {
37602
- "class": section_styles.storeinfotitle
37603
- }, "Email us"), /*#__PURE__*/React__default["default"].createElement("span", {
37709
+ "class": section_styles.storeinfotitle,
37710
+ style: {
37711
+ textAlign: langdetect == 'en' ? 'left' : 'right'
37712
+ }
37713
+ }, langdetect == 'en' ? sectionproperties.emailtitle_en : sectionproperties.emailtitle_ar), /*#__PURE__*/React__default["default"].createElement("span", {
37604
37714
  "class": "storeinfo"
37605
37715
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email)))), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37606
- "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
37716
+ "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start mb-5"
37607
37717
  }, /*#__PURE__*/React__default["default"].createElement("p", {
37608
- "class": section_styles.storeinfo + ' m-0 p-0 d-flex justify-content-start flex-row mb-4 ',
37718
+ "class": section_styles.storeinfo + ' m-0 p-0 d-flex justify-content-start flex-row ',
37609
37719
  onClick: function onClick() {
37610
37720
  var _authdetailsContext$i5, _authdetailsContext$i6;
37611
37721
  window.open('tel:+' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.mobile), '_blank');
@@ -37619,13 +37729,16 @@ var ContactUsSection = function ContactUsSection(props) {
37619
37729
  }))), /*#__PURE__*/React__default["default"].createElement("span", {
37620
37730
  "class": "ml-2 mr-2 d-flex justify-content-start flex-column"
37621
37731
  }, /*#__PURE__*/React__default["default"].createElement("span", {
37622
- "class": section_styles.storeinfotitle
37623
- }, "Call us"), /*#__PURE__*/React__default["default"].createElement("span", {
37732
+ "class": section_styles.storeinfotitle,
37733
+ style: {
37734
+ textAlign: langdetect == 'en' ? 'left' : 'right'
37735
+ }
37736
+ }, langdetect == 'en' ? sectionproperties.phonetitle_en : sectionproperties.phonetitle_ar), /*#__PURE__*/React__default["default"].createElement("span", {
37624
37737
  "class": "storeinfo"
37625
37738
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.mobile)))), sectionproperties.showfooteraddress == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37626
- "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
37739
+ "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start mb-5 "
37627
37740
  }, /*#__PURE__*/React__default["default"].createElement("p", {
37628
- "class": section_styles.storeinfo + ' m-0 p-0 d-flex justify-content-start flex-row mb-5 ',
37741
+ "class": section_styles.storeinfo + ' m-0 p-0 d-flex justify-content-start flex-row ',
37629
37742
  onClick: function onClick() {
37630
37743
  var _authdetailsContext$i9;
37631
37744
  window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.googlemapslink);
@@ -37640,7 +37753,12 @@ var ContactUsSection = function ContactUsSection(props) {
37640
37753
  "class": "ml-2 mr-2 d-flex justify-content-start flex-column"
37641
37754
  }, /*#__PURE__*/React__default["default"].createElement("span", {
37642
37755
  "class": section_styles.storeinfotitle
37643
- }, "Visit us"), /*#__PURE__*/React__default["default"].createElement("span", {
37756
+ }), /*#__PURE__*/React__default["default"].createElement("span", {
37757
+ "class": section_styles.storeinfotitle,
37758
+ style: {
37759
+ textAlign: langdetect == 'en' ? 'left' : 'right'
37760
+ }
37761
+ }, langdetect == 'en' ? sectionproperties.addresstitle_en : sectionproperties.addresstitle_ar), /*#__PURE__*/React__default["default"].createElement("span", {
37644
37762
  "class": "storeinfo"
37645
37763
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.address_en)))))), /*#__PURE__*/React__default["default"].createElement("div", {
37646
37764
  "class": "col-lg-6 allcentered p-0 h-100"
@@ -40284,12 +40402,12 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
40284
40402
  style: {
40285
40403
  textAlign: langdetect == 'en' ? 'left' : 'right'
40286
40404
  }
40287
- }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
40405
+ }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
40288
40406
  "class": "".concat(cardsstyles2.productSalePricestyles) + ' linethrough mt-auto mb-0 p-0 wordbreak mr-1 ml-1 ',
40289
40407
  style: {
40290
40408
  textAlign: langdetect == 'en' ? 'left' : 'right'
40291
40409
  }
40292
- }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))), /*#__PURE__*/React__default["default"].createElement("div", {
40410
+ }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname))), /*#__PURE__*/React__default["default"].createElement("div", {
40293
40411
  "class": "".concat(cardsstyles$4.card_informationcontainer)
40294
40412
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40295
40413
  "class": "row m-0 w-100 d-flex align-items-center"
@@ -40367,7 +40485,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
40367
40485
  fontWeight: sectionproperties.total_fontweight,
40368
40486
  textAlign: langdetect == 'en' ? 'left' : 'right'
40369
40487
  }
40370
- }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.quantity * item.defaultsaleprice : item.quantity * item.defaultprice, ' ', langdetect == 'en' ? '' : 'ج.م')))), /*#__PURE__*/React__default["default"].createElement("div", {
40488
+ }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.quantity * item.defaultsaleprice : item.quantity * item.defaultprice, ' ', langdetect == 'en' ? '' : item.currencyname)))), /*#__PURE__*/React__default["default"].createElement("div", {
40371
40489
  "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 mb-2 mt-2"
40372
40490
  }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
40373
40491
  "class": "".concat(cardsstyles2.cart_btn) + ' font-md-13 m-0 p-0 d-flex align-items-center justify-content-center ',
@@ -41285,11 +41403,6 @@ var Categorycard_withtext = function Categorycard_withtext(props) {
41285
41403
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
41286
41404
  props.actions.lang;
41287
41405
  var langdetect = props.actions.langdetect;
41288
- props.actions.routingcountext;
41289
- props.actions.StaticPagesLinksContext;
41290
- props.addtofavoritescontext;
41291
- props.setShowProductInfoModalContext;
41292
- props.setProductIdProdutInfoModalContext;
41293
41406
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
41294
41407
  var _useState5 = React.useState(props.cardinfoindexprops),
41295
41408
  _useState6 = _slicedToArray__default["default"](_useState5, 2);
@@ -45879,7 +45992,26 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
45879
45992
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
45880
45993
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
45881
45994
  height: sectionproperties.image_height + 'px',
45882
- marginBottom: sectionproperties.image_mb + 'px'
45995
+ marginBottom: sectionproperties.image_mb + 'px',
45996
+ overflow: 'hidden',
45997
+ position: 'relative',
45998
+ ':before': {
45999
+ position: 'absolute',
46000
+ content: 's',
46001
+ fontSize: 0,
46002
+ width: '100%',
46003
+ height: '100%',
46004
+ backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')',
46005
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
46006
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
46007
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
46008
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
46009
+ zIndex: 100
46010
+ },
46011
+ ':hover:before': {
46012
+ transition: '.3s',
46013
+ backgroundColor: 'rgba(0,0,0,0)'
46014
+ }
45883
46015
  }),
45884
46016
  categoryname: glamor.css({
45885
46017
  color: sectionproperties.generaltext_fontColor,
@@ -45949,7 +46081,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
45949
46081
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
45950
46082
  },
45951
46083
  loading: "lazy"
45952
- })), /*#__PURE__*/React__default["default"].createElement("div", {
46084
+ })), sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
45953
46085
  "class": "col-lg-12 p-0 allcentered"
45954
46086
  }, /*#__PURE__*/React__default["default"].createElement("p", {
45955
46087
  "class": card_cssstyles.categoryname + ' m-0 p-0 categoryname wordbreak text-center '
@@ -46496,12 +46628,12 @@ var StylishProductCard = function StylishProductCard(props) {
46496
46628
  style: {
46497
46629
  textAlign: langdetect == 'en' ? 'left' : 'right'
46498
46630
  }
46499
- }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
46631
+ }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
46500
46632
  "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak ml-2 mr-2 ',
46501
46633
  style: {
46502
46634
  textAlign: langdetect == 'en' ? 'left' : 'right'
46503
46635
  }
46504
- }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))), /*#__PURE__*/React__default["default"].createElement("div", {
46636
+ }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)))), /*#__PURE__*/React__default["default"].createElement("div", {
46505
46637
  "class": "col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0"
46506
46638
  }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
46507
46639
  "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',