tabexseriescomponents 0.0.571 → 0.0.573

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 +345 -231
  2. package/dist/index.esm.js +345 -231
  3. package/dist/index.umd.js +345 -231
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -16707,192 +16707,180 @@ var Filter$1 = function Filter(props) {
16707
16707
  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; }
16708
16708
  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; }
16709
16709
  var CollectionsFilterHorizontal = function CollectionsFilterHorizontal(props) {
16710
- var _authdetailsContext$i;
16711
16710
  props.actions.lang;
16712
16711
  var langdetect = props.actions.langdetect;
16713
16712
  props.actions.productfiltercontext;
16714
16713
  props.actions.setproductfiltercontext;
16715
16714
  var ProductFilterObjContext = props.actions.ProductFilterObjContext;
16716
16715
  var setProductFilterObjContext = props.actions.setProductFilterObjContext;
16717
- var authdetailsContext = props.actions.authdetailsContext;
16716
+ props.actions.authdetailsContext;
16718
16717
  var routingcountext = props.actions.routingcountext;
16719
16718
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
16720
16719
  props.actions.ikimagecredcontext;
16721
- var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
16722
- var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
16720
+ props.actions.FetchQueriesEngineContext;
16721
+ props.actions.setFetchQueriesEngineContext;
16722
+ props.actions.fetchcollectionsQueryContext;
16723
+ var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
16723
16724
  var _useState = React.useState(''),
16724
16725
  _useState2 = _slicedToArray__default["default"](_useState, 2),
16725
16726
  sectionproperties = _useState2[0],
16726
16727
  setsectionproperties = _useState2[1];
16727
16728
  var _useState3 = React.useState([]),
16728
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
16729
- collectionstobevisible = _useState4[0],
16730
- setcollectionstobevisible = _useState4[1];
16731
- var _useState5 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections)),
16729
+ _useState4 = _slicedToArray__default["default"](_useState3, 2);
16730
+ _useState4[0];
16731
+ _useState4[1];
16732
+ // const [instcollections, setinstcollections] = useState([...fetchcollectionsQueryContext?.data?.data?.collections]);
16733
+ var _useState5 = React.useState([]),
16732
16734
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
16733
- instcollections = _useState6[0],
16734
- setinstcollections = _useState6[1];
16735
- var _useState7 = React.useState(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
16736
- _useState8 = _slicedToArray__default["default"](_useState7, 2),
16737
- instcategories = _useState8[0],
16738
- setinstcategories = _useState8[1];
16739
- var _useState9 = React.useState(false),
16740
- _useState10 = _slicedToArray__default["default"](_useState9, 2);
16741
- _useState10[0];
16742
- _useState10[1];
16735
+ instcategories = _useState6[0],
16736
+ setinstcategories = _useState6[1];
16737
+ var _useState7 = React.useState(false),
16738
+ _useState8 = _slicedToArray__default["default"](_useState7, 2);
16739
+ _useState8[0];
16740
+ _useState8[1];
16743
16741
  React.useEffect(function () {
16744
- filterupdater();
16742
+ // filterupdater();
16745
16743
  }, []);
16746
16744
  React.useEffect(function () {
16747
- var _authdetailsContext$i2;
16748
- setinstcollections(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections));
16749
- setinstcategories(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instcategories));
16750
- }, [authdetailsContext]);
16745
+ if (fetchCategoriesQueryContext.isSuccess) {
16746
+ var _fetchCategoriesQuery;
16747
+ setinstcategories(_toConsumableArray__default["default"](fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories));
16748
+ }
16749
+ }, [fetchCategoriesQueryContext.isSuccess]);
16751
16750
  React.useEffect(function () {
16752
16751
  if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
16753
16752
  setsectionproperties(props.sectionpropertiesprops);
16754
16753
  }
16755
16754
  }, [props.sectionpropertiesprops]);
16756
16755
  React.useEffect(function () {
16757
- filterupdater();
16758
- }, [ProductFilterObjContext]);
16759
- React.useEffect(function () {
16760
- if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.filterretreivetype) == 'Depend on chosen parent group') {
16761
- if ((ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != undefined && (ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != null && Array.isArray(ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections)) {
16762
- var _parentidsfound;
16763
- var collectiontobevisible = [];
16764
- var parentidsfound = [];
16765
- if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection') {
16766
- parentidsfound = ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections;
16767
- } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
16768
- instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
16769
- var _ProductFilterObjCont;
16770
- ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont = ProductFilterObjContext.collections) === null || _ProductFilterObjCont === void 0 || _ProductFilterObjCont.forEach(function (colitem2, colindex2) {
16771
- if (catitem.categoryid == colitem2) {
16772
- var _catitem$parentcollet;
16773
- catitem === null || catitem === void 0 || (_catitem$parentcollet = catitem.parentcolletions) === null || _catitem$parentcollet === void 0 || _catitem$parentcollet.forEach(function (parentcolitem, parentcolindex) {
16774
- parentidsfound.push(parentcolitem.parentcollectionid);
16775
- });
16776
- }
16777
- });
16778
- });
16779
- } else {
16780
- instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
16781
- var _catitem$parentcollet2;
16782
- catitem === null || catitem === void 0 || (_catitem$parentcollet2 = catitem.parentcolletions) === null || _catitem$parentcollet2 === void 0 || _catitem$parentcollet2.forEach(function (parentcolitem, parentcolindex) {
16783
- var _parentcolitem$collec;
16784
- parentcolitem === null || parentcolitem === void 0 || (_parentcolitem$collec = parentcolitem.collections) === null || _parentcolitem$collec === void 0 || _parentcolitem$collec.forEach(function (colitem, colindex) {
16785
- var _ProductFilterObjCont2;
16786
- ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 || _ProductFilterObjCont2.forEach(function (colitem2, colindex2) {
16787
- if (colitem.collectionid == colitem2) {
16788
- parentidsfound.push(parentcolitem.parentcollectionid);
16789
- }
16790
- });
16791
- });
16792
- });
16793
- });
16794
- }
16795
- parentidsfound = parentidsfound.filter(function (val, id, array) {
16796
- return array.indexOf(val) == id;
16797
- });
16798
- if (((_parentidsfound = parentidsfound) === null || _parentidsfound === void 0 ? void 0 : _parentidsfound.length) != 0) {
16799
- instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
16800
- var _catitem$parentcollet3;
16801
- catitem === null || catitem === void 0 || (_catitem$parentcollet3 = catitem.parentcolletions) === null || _catitem$parentcollet3 === void 0 || _catitem$parentcollet3.forEach(function (parentcolitem, parentcolindex) {
16802
- var _parentidsfound2;
16803
- (_parentidsfound2 = parentidsfound) === null || _parentidsfound2 === void 0 || _parentidsfound2.forEach(function (parentidfounditem, parentidfoundindex) {
16804
- if (parentidfounditem == (parentcolitem === null || parentcolitem === void 0 ? void 0 : parentcolitem.parentcollectionid)) {
16805
- var _parentcolitem$collec2;
16806
- parentcolitem === null || parentcolitem === void 0 || (_parentcolitem$collec2 = parentcolitem.collections) === null || _parentcolitem$collec2 === void 0 || _parentcolitem$collec2.forEach(function (colitem, colindex) {
16807
- var iscolexists = false;
16808
- collectiontobevisible === null || collectiontobevisible === void 0 || collectiontobevisible.forEach(function (colitemex, colindexex) {
16809
- if (colitemex.collectionid == colitem.collectionid) {
16810
- iscolexists = true;
16811
- }
16812
- });
16813
- if (iscolexists == false) {
16814
- collectiontobevisible.push(colitem);
16815
- }
16816
- });
16817
- }
16818
- });
16819
- });
16820
- });
16821
- if ((collectiontobevisible === null || collectiontobevisible === void 0 ? void 0 : collectiontobevisible.length) != 0) {
16822
- setcollectionstobevisible(collectiontobevisible);
16823
- } else {
16824
- setcollectionstobevisible(instcollections);
16825
- }
16826
- } else {
16827
- setcollectionstobevisible(instcollections);
16828
- }
16829
- } else {
16830
- setcollectionstobevisible(instcollections);
16831
- }
16832
- } else {
16833
- setcollectionstobevisible(instcollections);
16834
- }
16756
+ // filterupdater();
16835
16757
  }, [ProductFilterObjContext]);
16836
- var filterupdater = function filterupdater() {
16837
- setTimeout(function () {
16838
- var tempFetchQueriesEngineContext = _objectSpread$2a({}, FetchQueriesEngineContext);
16839
- tempFetchQueriesEngineContext.fetchtabexcountries = true;
16840
- setFetchQueriesEngineContext(tempFetchQueriesEngineContext);
16841
- }, 100);
16842
- if (instcategories.length != 0) {
16843
- var _ProductFilterObjCont3;
16844
- var tempInstcategories = _toConsumableArray__default["default"](instcategories);
16845
- tempInstcategories.forEach(function (catitem, catindex) {
16846
- catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
16847
- parentcolitem.collections.forEach(function (colitem, colindex) {
16848
- colitem.isfilterselected = false;
16849
- });
16850
- });
16851
- });
16852
- ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont3 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont3 === void 0 || _ProductFilterObjCont3.forEach(function (filteritem, filterindex) {
16853
- tempInstcategories.forEach(function (catitem, catindex) {
16854
- catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
16855
- parentcolitem.collections.forEach(function (colitem, colindex) {
16856
- if (colitem.collectionid == filteritem) {
16857
- colitem.isfilterselected = true;
16858
- }
16859
- });
16860
- });
16861
- });
16862
- });
16863
- setinstcategories(_toConsumableArray__default["default"](tempInstcategories));
16864
- }
16865
- if (instcollections.length != 0) {
16866
- var _ProductFilterObjCont4;
16867
- var tempInstcollections = _toConsumableArray__default["default"](instcollections);
16868
- tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
16869
- instfilteritem.isfilterselected = false;
16870
- });
16871
- ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont4 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont4 === void 0 || _ProductFilterObjCont4.forEach(function (filteritem, filterindex) {
16872
- tempInstcollections === null || tempInstcollections === void 0 || tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
16873
- if (instfilteritem.collectionid == filteritem) {
16874
- instfilteritem.isfilterselected = true;
16875
- }
16876
- });
16877
- });
16878
- setinstcollections(_toConsumableArray__default["default"](tempInstcollections));
16879
- }
16880
- };
16758
+
16759
+ // useEffect(() => {
16760
+ // if (sectionproperties?.filterretreivetype == 'Depend on chosen parent group') {
16761
+ // if (ProductFilterObjContext?.collections != undefined && ProductFilterObjContext?.collections != null && Array.isArray(ProductFilterObjContext?.collections)) {
16762
+ // var collectiontobevisible = [];
16763
+ // var parentidsfound = [];
16764
+ // if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection') {
16765
+ // parentidsfound = ProductFilterObjContext?.collections;
16766
+ // } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
16767
+ // instcategories?.forEach(function (catitem, catindex) {
16768
+ // ProductFilterObjContext?.collections?.forEach(function (colitem2, colindex2) {
16769
+ // if (catitem.categoryid == colitem2) {
16770
+ // catitem?.parentcolletions?.forEach(function (parentcolitem, parentcolindex) {
16771
+ // parentidsfound.push(parentcolitem.parentcollectionid);
16772
+ // });
16773
+ // }
16774
+ // });
16775
+ // });
16776
+ // } else {
16777
+ // instcategories?.forEach(function (catitem, catindex) {
16778
+ // catitem?.parentcolletions?.forEach(function (parentcolitem, parentcolindex) {
16779
+ // parentcolitem?.collections?.forEach(function (colitem, colindex) {
16780
+ // ProductFilterObjContext?.collections?.forEach(function (colitem2, colindex2) {
16781
+ // if (colitem.collectionid == colitem2) {
16782
+ // parentidsfound.push(parentcolitem.parentcollectionid);
16783
+ // }
16784
+ // });
16785
+ // });
16786
+ // });
16787
+ // });
16788
+ // }
16789
+
16790
+ // parentidsfound = parentidsfound.filter((val, id, array) => array.indexOf(val) == id);
16791
+
16792
+ // if (parentidsfound?.length != 0) {
16793
+ // instcategories?.forEach(function (catitem, catindex) {
16794
+ // catitem?.parentcolletions?.forEach(function (parentcolitem, parentcolindex) {
16795
+ // parentidsfound?.forEach(function (parentidfounditem, parentidfoundindex) {
16796
+ // if (parentidfounditem == parentcolitem?.parentcollectionid) {
16797
+ // parentcolitem?.collections?.forEach(function (colitem, colindex) {
16798
+ // var iscolexists = false;
16799
+ // collectiontobevisible?.forEach(function (colitemex, colindexex) {
16800
+ // if (colitemex.collectionid == colitem.collectionid) {
16801
+ // iscolexists = true;
16802
+ // }
16803
+ // });
16804
+ // if (iscolexists == false) {
16805
+ // collectiontobevisible.push(colitem);
16806
+ // }
16807
+ // });
16808
+ // }
16809
+ // });
16810
+ // });
16811
+ // });
16812
+
16813
+ // if (collectiontobevisible?.length != 0) {
16814
+ // setcollectionstobevisible(collectiontobevisible);
16815
+ // } else {
16816
+ // setcollectionstobevisible(instcollections);
16817
+ // }
16818
+ // } else {
16819
+ // setcollectionstobevisible(instcollections);
16820
+ // }
16821
+ // } else {
16822
+ // setcollectionstobevisible(instcollections);
16823
+ // }
16824
+ // } else {
16825
+ // setcollectionstobevisible(instcollections);
16826
+ // }
16827
+ // }, [ProductFilterObjContext]);
16828
+
16829
+ // const filterupdater = () => {
16830
+ // if (instcategories.length != 0) {
16831
+ // var tempInstcategories = [...instcategories];
16832
+ // tempInstcategories.forEach(function (catitem, catindex) {
16833
+ // catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
16834
+ // parentcolitem.collections.forEach(function (colitem, colindex) {
16835
+ // colitem.isfilterselected = false;
16836
+ // });
16837
+ // });
16838
+ // });
16839
+
16840
+ // ProductFilterObjContext?.collections?.forEach(function (filteritem, filterindex) {
16841
+ // tempInstcategories.forEach(function (catitem, catindex) {
16842
+ // catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
16843
+ // parentcolitem.collections.forEach(function (colitem, colindex) {
16844
+ // if (colitem.collectionid == filteritem) {
16845
+ // colitem.isfilterselected = true;
16846
+ // }
16847
+ // });
16848
+ // });
16849
+ // });
16850
+ // });
16851
+
16852
+ // setinstcategories([...tempInstcategories]);
16853
+ // }
16854
+ // // if (instcollections.length != 0) {
16855
+ // // var tempInstcollections = [...instcollections];
16856
+ // // tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
16857
+ // // instfilteritem.isfilterselected = false;
16858
+ // // });
16859
+ // // ProductFilterObjContext?.collections?.forEach(function (filteritem, filterindex) {
16860
+ // // tempInstcollections?.forEach(function (instfilteritem, instfilterindex) {
16861
+ // // if (instfilteritem.collectionid == filteritem) {
16862
+ // // instfilteritem.isfilterselected = true;
16863
+ // // }
16864
+ // // });
16865
+ // // });
16866
+ // // setinstcollections([...tempInstcollections]);
16867
+ // // }
16868
+ // };
16881
16869
  var setCollectionFilterFunc = function setCollectionFilterFunc(collectionid) {
16882
16870
  var _tempfetchproductsfil;
16883
16871
  var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
16884
16872
  var CollectionExists = false;
16885
- tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil === void 0 || _tempfetchproductsfil.forEach(function (filteritem, filterindex) {
16873
+ tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil = tempfetchproductsfilerobjcontext.categories) === null || _tempfetchproductsfil === void 0 || _tempfetchproductsfil.forEach(function (filteritem, filterindex) {
16886
16874
  if (filteritem == collectionid) {
16887
16875
  CollectionExists = true;
16888
- tempfetchproductsfilerobjcontext.collections.splice(filterindex, 1);
16876
+ tempfetchproductsfilerobjcontext.categories.splice(filterindex, 1);
16889
16877
  }
16890
16878
  });
16891
16879
  if (!CollectionExists) {
16892
- if (tempfetchproductsfilerobjcontext.collections != undefined && Array.isArray(tempfetchproductsfilerobjcontext.collections)) {
16893
- tempfetchproductsfilerobjcontext.collections = [collectionid];
16880
+ if (tempfetchproductsfilerobjcontext.categories != undefined && Array.isArray(tempfetchproductsfilerobjcontext.categories)) {
16881
+ tempfetchproductsfilerobjcontext.categories = [collectionid];
16894
16882
  } else {
16895
- tempfetchproductsfilerobjcontext.collections = [collectionid];
16883
+ tempfetchproductsfilerobjcontext.categories = [collectionid];
16896
16884
  }
16897
16885
  }
16898
16886
  tempfetchproductsfilerobjcontext.page = 0;
@@ -16905,11 +16893,11 @@ var CollectionsFilterHorizontal = function CollectionsFilterHorizontal(props) {
16905
16893
  var CollectionsFilter = function CollectionsFilter() {
16906
16894
  return /*#__PURE__*/React__default["default"].createElement("div", {
16907
16895
  "class": "col-lg-12 p-0 scrollhorixontalcontainer text-center px-sm-3"
16908
- }, collectionstobevisible.map(function (item, index) {
16896
+ }, instcategories.map(function (item, index) {
16909
16897
  return /*#__PURE__*/React__default["default"].createElement("p", {
16910
16898
  "class": filter_cssstyles.filteritem + ' m-0 p-0 cursor-pointer scrollhorixontaldiv mx-4 mx-sm-2 ',
16911
16899
  onClick: function onClick() {
16912
- setCollectionFilterFunc(item.collectionid);
16900
+ setCollectionFilterFunc(item.categoryid);
16913
16901
  },
16914
16902
  style: {
16915
16903
  color: item.isfilterselected ? sectionproperties.activecat_color : ''
@@ -42588,7 +42576,7 @@ var Footer1 = function Footer1(props) {
42588
42576
  function ownKeys$1B(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; }
42589
42577
  function _objectSpread$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
42590
42578
  var Footer2 = function Footer2(props) {
42591
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i18, _authdetailsContext$i19;
42579
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i9, _authdetailsContext$i12, _authdetailsContext$i15, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _authdetailsContext$i19, _authdetailsContext$i20;
42592
42580
  var _useState = React.useState(''),
42593
42581
  _useState2 = _slicedToArray__default["default"](_useState, 2),
42594
42582
  sectionproperties = _useState2[0],
@@ -42749,6 +42737,16 @@ var Footer2 = function Footer2(props) {
42749
42737
  }
42750
42738
  })
42751
42739
  };
42740
+ var returnpolicyobj = function returnpolicyobj(policytype) {
42741
+ var _authdetailsContext$i;
42742
+ var policyobj = {};
42743
+ authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 || (_authdetailsContext$i = _authdetailsContext$i.instpolicies) === null || _authdetailsContext$i === void 0 || _authdetailsContext$i.forEach(function (item, index) {
42744
+ if (item.policytype == policytype) {
42745
+ policyobj = item;
42746
+ }
42747
+ });
42748
+ return policyobj;
42749
+ };
42752
42750
  return /*#__PURE__*/React__default["default"].createElement("div", {
42753
42751
  "class": "row m-0 w-100 d-flex justify-content-center"
42754
42752
  }, /*#__PURE__*/React__default["default"].createElement("footer", {
@@ -42778,15 +42776,15 @@ var Footer2 = function Footer2(props) {
42778
42776
  fontSize: sectionproperties.titlefontsize + 'px',
42779
42777
  marginLeft: sectionproperties.titlemarginleft + 'px'
42780
42778
  }
42781
- }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.storename_en)), /*#__PURE__*/React__default["default"].createElement("div", {
42779
+ }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.storename_en)), /*#__PURE__*/React__default["default"].createElement("div", {
42782
42780
  "class": " col-lg-12 d-flex flex-row align-items-center justify-content-center "
42783
42781
  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42784
42782
  "class": "".concat(footerStyles.facebook_btn) + ' d-flex align-items-center justify-content-center ml-3 mr-3 ',
42785
42783
  onClick: function onClick() {
42786
- var _authdetailsContext$i2;
42787
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
42788
- var _authdetailsContext$i3;
42789
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
42784
+ var _authdetailsContext$i3;
42785
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
42786
+ var _authdetailsContext$i4;
42787
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink, '_blank');
42790
42788
  }
42791
42789
  }
42792
42790
  }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
@@ -42794,10 +42792,10 @@ var Footer2 = function Footer2(props) {
42794
42792
  })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42795
42793
  "class": "".concat(footerStyles.instgram_btn) + ' d-flex align-items-center justify-content-center ml-3 mr-3 ',
42796
42794
  onClick: function onClick() {
42797
- var _authdetailsContext$i4;
42798
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink) != null) {
42799
- var _authdetailsContext$i5;
42800
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink, '_blank');
42795
+ var _authdetailsContext$i5;
42796
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
42797
+ var _authdetailsContext$i6;
42798
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink, '_blank');
42801
42799
  }
42802
42800
  }
42803
42801
  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
@@ -42805,43 +42803,43 @@ var Footer2 = function Footer2(props) {
42805
42803
  })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42806
42804
  "class": "".concat(footerStyles.youtube_btn) + ' d-flex align-items-center justify-content-center ml-3 mr-3 ',
42807
42805
  onClick: function onClick() {
42808
- var _authdetailsContext$i6;
42809
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null) {
42810
- var _authdetailsContext$i7;
42811
- window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber), '_blank');
42806
+ var _authdetailsContext$i7;
42807
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber) != null) {
42808
+ var _authdetailsContext$i8;
42809
+ window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber), '_blank');
42812
42810
  }
42813
42811
  }
42814
42812
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
42815
42813
  size: sectionproperties.youtubebtniconfontsize
42816
- })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
42814
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
42817
42815
  "class": "".concat(footerStyles.youtube_btn) + ' d-flex align-items-center justify-content-center ml-3 mr-3 ',
42818
42816
  onClick: function onClick() {
42819
- var _authdetailsContext$i9;
42820
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.youtubelink) != null) {
42821
- var _authdetailsContext$i10;
42822
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.youtubelink, '_blank');
42817
+ var _authdetailsContext$i10;
42818
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.youtubelink) != null) {
42819
+ var _authdetailsContext$i11;
42820
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.youtubelink, '_blank');
42823
42821
  }
42824
42822
  }
42825
42823
  }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube.AiFillYoutube, {
42826
42824
  size: sectionproperties.instgrambtniconfontsize
42827
- })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
42825
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
42828
42826
  "class": "".concat(footerStyles.youtube_btn) + ' d-flex align-items-center justify-content-center ml-3 mr-3 ',
42829
42827
  onClick: function onClick() {
42830
- var _authdetailsContext$i12;
42831
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.linkedinlink) != null) {
42832
- var _authdetailsContext$i13;
42833
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.linkedinlink, '_blank');
42828
+ var _authdetailsContext$i13;
42829
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.linkedinlink) != null) {
42830
+ var _authdetailsContext$i14;
42831
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.linkedinlink, '_blank');
42834
42832
  }
42835
42833
  }
42836
42834
  }, /*#__PURE__*/React__default["default"].createElement(FaLinkedinIn.FaLinkedinIn, {
42837
42835
  size: sectionproperties.instgrambtniconfontsize
42838
- })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
42836
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
42839
42837
  "class": "".concat(footerStyles.youtube_btn) + ' d-flex align-items-center justify-content-center ml-3 mr-3 ',
42840
42838
  onClick: function onClick() {
42841
- var _authdetailsContext$i15;
42842
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.tiktoklink) != null) {
42843
- var _authdetailsContext$i16;
42844
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.tiktoklink, '_blank');
42839
+ var _authdetailsContext$i16;
42840
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.tiktoklink) != null) {
42841
+ var _authdetailsContext$i17;
42842
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.tiktoklink, '_blank');
42845
42843
  }
42846
42844
  }
42847
42845
  }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
@@ -42894,12 +42892,31 @@ var Footer2 = function Footer2(props) {
42894
42892
  }
42895
42893
  }, lang.orderhistory), /*#__PURE__*/React__default["default"].createElement("div", {
42896
42894
  "class": "".concat(footerStyles.vl) + ' d-flex align-items-center justify-content-center mb-3'
42897
- }), /*#__PURE__*/React__default["default"].createElement("p", {
42895
+ }), sectionproperties.separatepolicies == 'No' && /*#__PURE__*/React__default["default"].createElement("p", {
42898
42896
  "class": "".concat(footerStyles.footersubtitlestyles) + ' mb-md-0 ',
42899
42897
  onClick: function onClick() {
42900
42898
  routingcountext(StaticPagesLinksContext.Policies);
42901
42899
  }
42902
- }, lang.policies)), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42900
+ }, lang.policies), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("p", {
42901
+ "class": "".concat(footerStyles.footersubtitlestyles) + ' mb-md-0 ',
42902
+ onClick: function onClick() {
42903
+ routingcountext(StaticPagesLinksContext.PrivacyPolicy);
42904
+ }
42905
+ }, langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
42906
+ "class": "".concat(footerStyles.vl) + ' d-flex align-items-center justify-content-center mb-3'
42907
+ }), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("p", {
42908
+ "class": "".concat(footerStyles.footersubtitlestyles) + ' mb-md-0 ',
42909
+ onClick: function onClick() {
42910
+ routingcountext(StaticPagesLinksContext.ShippingPolicy);
42911
+ }
42912
+ }, langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policypagename_en : (_returnpolicyobj4 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_ar), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
42913
+ "class": "".concat(footerStyles.vl) + ' d-flex align-items-center justify-content-center mb-3'
42914
+ }), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("p", {
42915
+ "class": "".concat(footerStyles.footersubtitlestyles) + ' mb-md-0 ',
42916
+ onClick: function onClick() {
42917
+ routingcountext(StaticPagesLinksContext.RefundPolicy);
42918
+ }
42919
+ }, langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_en : (_returnpolicyobj6 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policypagename_ar)), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42903
42920
  "class": "d-none d-md-block align-items-center justify-content-center mt-3 p-0 row m-0 w-100"
42904
42921
  }, /*#__PURE__*/React__default["default"].createElement("div", {
42905
42922
  "class": "row m-0 w-100"
@@ -42933,12 +42950,12 @@ var Footer2 = function Footer2(props) {
42933
42950
  }, /*#__PURE__*/React__default["default"].createElement("p", {
42934
42951
  "class": ' storeinfotext d-flex align-items-center justify-content-md-center cursor-pointer text-transform-none ',
42935
42952
  onClick: function onClick() {
42936
- var _authdetailsContext$i17;
42937
- window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 || (_authdetailsContext$i17 = _authdetailsContext$i17.contactinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.email), '_self');
42953
+ var _authdetailsContext$i18;
42954
+ window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 || (_authdetailsContext$i18 = _authdetailsContext$i18.contactinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.email), '_self');
42938
42955
  }
42939
42956
  }, /*#__PURE__*/React__default["default"].createElement("i", {
42940
42957
  "class": ' fa fa-at mr-2 ml-2 '
42941
- }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 || (_authdetailsContext$i18 = _authdetailsContext$i18.contactinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.email)), /*#__PURE__*/React__default["default"].createElement("div", {
42958
+ }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 || (_authdetailsContext$i19 = _authdetailsContext$i19.contactinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.email)), /*#__PURE__*/React__default["default"].createElement("div", {
42942
42959
  "class": "".concat(footerStyles.footerinfotext) + ' col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0 '
42943
42960
  }, /*#__PURE__*/React__default["default"].createElement("p", {
42944
42961
  "class": ' storeinfotext d-flex align-items-center justify-content-md-center cursor-pointer ',
@@ -42955,21 +42972,21 @@ var Footer2 = function Footer2(props) {
42955
42972
  "class": ' h-100 d-flex align-items-center justify-content-center mr-2 ml-2 '
42956
42973
  }, /*#__PURE__*/React__default["default"].createElement(IoLocationSharp.IoLocationSharp, {
42957
42974
  size: sectionproperties.footerinfoicon_fontsize
42958
- })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.address_en)))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42975
+ })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.address_en)))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42959
42976
  "class": "col-lg-12 d-flex align-items-center justify-content-center p-sm-0"
42960
42977
  }, /*#__PURE__*/React__default["default"].createElement("img", {
42961
42978
  "class": "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer mx-2 ',
42962
42979
  src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
42963
42980
  onClick: function onClick() {
42964
- var _authdetailsContext$i20;
42965
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.mobileapplink_appstore, '_blank');
42981
+ var _authdetailsContext$i21;
42982
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.mobileapplink_appstore, '_blank');
42966
42983
  }
42967
42984
  }), /*#__PURE__*/React__default["default"].createElement("img", {
42968
42985
  "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer mx-2 ',
42969
42986
  src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
42970
42987
  onClick: function onClick() {
42971
- var _authdetailsContext$i21;
42972
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.mobileapplink_playstore, '_blank');
42988
+ var _authdetailsContext$i22;
42989
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.mobileapplink_playstore, '_blank');
42973
42990
  }
42974
42991
  })))));
42975
42992
  };
@@ -69290,7 +69307,7 @@ var Horizontalcard = function Horizontalcard(props) {
69290
69307
  setitem(props.cardinfoitemprops);
69291
69308
  }, [props.cardinfoitemprops]);
69292
69309
  var card_cssstyles = {
69293
- productcard: glamor.css({
69310
+ productcard: glamor.css(_defineProperty__default["default"]({
69294
69311
  marginTop: sectionproperties.marginTop + 'px',
69295
69312
  marginBottom: sectionproperties.marginBottom + 'px',
69296
69313
  background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -69299,9 +69316,8 @@ var Horizontalcard = function Horizontalcard(props) {
69299
69316
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
69300
69317
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
69301
69318
  border: sectionproperties.bordertype == 'All' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
69302
- borderBottom: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
69303
- boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcolor
69304
- }),
69319
+ borderBottom: sectionproperties.bordertype == 'Bottom' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : ''
69320
+ }, "border", sectionproperties.bordertype == 'All' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '')),
69305
69321
  productNameStyles: glamor.css({
69306
69322
  color: sectionproperties.prodNameColor,
69307
69323
  fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -69469,7 +69485,7 @@ var Horizontalcard = function Horizontalcard(props) {
69469
69485
  position: 'relative'
69470
69486
  }
69471
69487
  }, /*#__PURE__*/React__default["default"].createElement("div", {
69472
- "class": 'col-lg-9 col-md-9 col-sm-9 p-0 mb-2',
69488
+ "class": 'col-lg-9 col-md-9 col-sm-9 p-0 mb-2 d-flex align-items-center',
69473
69489
  style: {
69474
69490
  minHeight: '6vh'
69475
69491
  }
@@ -69518,7 +69534,7 @@ var Horizontalcard = function Horizontalcard(props) {
69518
69534
  style: {
69519
69535
  textAlign: langdetect == 'en' ? 'left' : 'right'
69520
69536
  }
69521
- }, plainString(langdetect == 'en' ? item.description_en : item.description_ar))), sectionproperties.cartBtnShow == 'Show' && props.numberOfColsvertical == '1' && /*#__PURE__*/React__default["default"].createElement("div", {
69537
+ }, plainString(langdetect == 'en' ? item.description : item.description))), sectionproperties.cartBtnShow == 'Show' && props.numberOfColsvertical == '1' && /*#__PURE__*/React__default["default"].createElement("div", {
69522
69538
  "class": "col-lg-3 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-end justify-content-md-start"
69523
69539
  }, /*#__PURE__*/React__default["default"].createElement("button", {
69524
69540
  "class": card_cssstyles.cart_btn,
@@ -69528,14 +69544,42 @@ var Horizontalcard = function Horizontalcard(props) {
69528
69544
  }
69529
69545
  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)), item.isproducttobesold == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
69530
69546
  "class": "col-lg-12 p-0 d-flex align-items-center"
69531
- }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
69547
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
69548
+ "class": "row m-0 w-100"
69549
+ }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
69550
+ "class": "col-lg-12 p-0 text-start"
69551
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
69532
69552
  "class": card_cssstyles.productPricestyles + ' m-0 p-0 '
69533
- }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : item.currencyname), item.hassale == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
69553
+ }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
69554
+ "class": "col-lg-12 p-0 text-start"
69555
+ }, item.hassale == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
69534
69556
  "class": card_cssstyles.productSalePricestyles + ' m-0 p-0 ml-2 mr-2 ',
69535
69557
  style: {
69536
69558
  textDecoration: 'line-through'
69537
69559
  }
69538
- }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)), sectionproperties.cartBtnShow == 'Show' && props.numberOfColsvertical != '1' && /*#__PURE__*/React__default["default"].createElement("div", {
69560
+ }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
69561
+ "class": 'allcentered',
69562
+ style: {
69563
+ width: sectionproperties.pillwidth + 'px',
69564
+ height: sectionproperties.pillheight + 'px',
69565
+ background: sectionproperties.pillbgcolor,
69566
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
69567
+ }
69568
+ }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React__default["default"].createElement("p", {
69569
+ "class": "m-0 p-0",
69570
+ style: {
69571
+ color: sectionproperties.pillcolor,
69572
+ fontSize: sectionproperties.pillfontSize + 'px',
69573
+ direction: 'ltr'
69574
+ }
69575
+ }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%'), sectionproperties.countertype == 'Value' && /*#__PURE__*/React__default["default"].createElement("p", {
69576
+ "class": "m-0 p-0 text-uppercase",
69577
+ style: {
69578
+ color: sectionproperties.pillcolor,
69579
+ fontSize: sectionproperties.pillfontSize + 'px',
69580
+ direction: 'ltr'
69581
+ }
69582
+ }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), ' ', langdetect == 'en' ? '' : item.currencyname))))), sectionproperties.cartBtnShow == 'Show' && props.numberOfColsvertical != '1' && /*#__PURE__*/React__default["default"].createElement("div", {
69539
69583
  "class": "col-lg-12 p-0 d-flex align-items-center mt-2"
69540
69584
  }, /*#__PURE__*/React__default["default"].createElement("button", {
69541
69585
  "class": card_cssstyles.cart_btn,
@@ -74234,9 +74278,9 @@ var Simpleproductcard = function Simpleproductcard(props) {
74234
74278
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
74235
74279
  props.actions.lang;
74236
74280
  var langdetect = props.actions.langdetect;
74237
- props.actions.setShowProductInfoModalContext;
74281
+ var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
74238
74282
  var addtofavoritescontext = props.actions.addtofavoritescontext;
74239
- props.actions.setProductIdProdutInfoModalContext;
74283
+ var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
74240
74284
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
74241
74285
  var ikimagecredcontext = props.actions.ikimagecredcontext;
74242
74286
  props.actions.NotificationManager;
@@ -74266,6 +74310,12 @@ var Simpleproductcard = function Simpleproductcard(props) {
74266
74310
  '@media (max-width: 800px)': {
74267
74311
  minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
74268
74312
  maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
74313
+ },
74314
+ ':hover .iconsContainer': {
74315
+ opacity: 1,
74316
+ transition: 'all, 0.4s',
74317
+ right: 10,
74318
+ transform: "translateX(0px)"
74269
74319
  }
74270
74320
  }),
74271
74321
  productcardimagecont: glamor.css({
@@ -74390,6 +74440,26 @@ var Simpleproductcard = function Simpleproductcard(props) {
74390
74440
  backgroundColor: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.bgopacityonhover + ')' : 1,
74391
74441
  transition: 0.3
74392
74442
  }
74443
+ }),
74444
+ iconsContainer: glamor.css({
74445
+ display: 'flex',
74446
+ flexDirection: 'column',
74447
+ position: 'absolute',
74448
+ top: 5,
74449
+ right: -15,
74450
+ opacity: 0,
74451
+ transform: "translateX(5px)",
74452
+ zIndex: 10,
74453
+ '@media (max-width: 800px)': {
74454
+ opacity: 1,
74455
+ right: 10
74456
+ }
74457
+ }),
74458
+ iconsContainer2: glamor.css({
74459
+ opacity: 1,
74460
+ transition: 'all, 0.4s',
74461
+ right: 10,
74462
+ transform: "translateX(0px)"
74393
74463
  })
74394
74464
  };
74395
74465
  var _useState5 = React.useState(''),
@@ -74488,6 +74558,32 @@ var Simpleproductcard = function Simpleproductcard(props) {
74488
74558
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
74489
74559
  }
74490
74560
  };
74561
+ var PillContainer = function PillContainer() {
74562
+ return /*#__PURE__*/React__default["default"].createElement("div", {
74563
+ "class": sectionproperties.pillwidth == 0 ? ' px-2 allcentered' : 'allcentered',
74564
+ style: {
74565
+ zIndex: 2,
74566
+ width: sectionproperties.pillwidth == 0 ? 'auto' : sectionproperties.pillwidth + 'px',
74567
+ height: sectionproperties.pillheight + 'px',
74568
+ background: sectionproperties.pillbgcolor,
74569
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
74570
+ }
74571
+ }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React__default["default"].createElement("p", {
74572
+ "class": "m-0 p-0",
74573
+ style: {
74574
+ color: sectionproperties.pillcolor,
74575
+ fontSize: sectionproperties.pillfontSize + 'px',
74576
+ direction: 'ltr'
74577
+ }
74578
+ }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%'), sectionproperties.countertype == 'Value' && /*#__PURE__*/React__default["default"].createElement("p", {
74579
+ "class": "m-0 p-0 text-uppercase",
74580
+ style: {
74581
+ color: sectionproperties.pillcolor,
74582
+ fontSize: sectionproperties.pillfontSize + 'px',
74583
+ direction: 'ltr'
74584
+ }
74585
+ }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname));
74586
+ };
74491
74587
  return /*#__PURE__*/React__default["default"].createElement("div", {
74492
74588
  "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
74493
74589
  style: {
@@ -74509,7 +74605,43 @@ var Simpleproductcard = function Simpleproductcard(props) {
74509
74605
  style: {
74510
74606
  position: 'relative'
74511
74607
  }
74608
+ }, sectionproperties.btnswithtransition == 'With Transition' && /*#__PURE__*/React__default["default"].createElement("div", {
74609
+ "class": "".concat(card_cssstyles.iconsContainer) + ' iconsContainer p-0 d-flex '
74512
74610
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
74611
+ "class": " ".concat(card_cssstyles.wishlist_btn) + ' mt-2 mb-2 ',
74612
+ onClick: function onClick() {
74613
+ addtofavoritescontext(item.productid);
74614
+ }
74615
+ }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
74616
+ "class": "h-100 d-flex align-items-center justify-content-center icon"
74617
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
74618
+ size: sectionproperties.favBtnIconfontsize,
74619
+ style: {
74620
+ color: sectionproperties.activefaviconcolor
74621
+ }
74622
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
74623
+ size: sectionproperties.favBtnIconfontsize,
74624
+ style: {
74625
+ color: sectionproperties.activefaviconcolor
74626
+ }
74627
+ })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
74628
+ "class": "h-100 d-flex align-items-center justify-content-center icon"
74629
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
74630
+ size: sectionproperties.favBtnIconfontsize
74631
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
74632
+ size: sectionproperties.favBtnIconfontsize
74633
+ }))), sectionproperties.showproductinfomodalbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
74634
+ "class": "".concat(card_cssstyles.wishlist_btn) + ' ',
74635
+ onClick: function onClick(e) {
74636
+ e.stopPropagation();
74637
+ setShowProductInfoModalContext(true);
74638
+ setProductIdProdutInfoModalContext(item.productid);
74639
+ }
74640
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
74641
+ "class": "h-100 d-flex align-items-center justify-content-center icon"
74642
+ }, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
74643
+ size: sectionproperties.generalbtn_fontsize
74644
+ })))), sectionproperties.favBtnShow == 'Show' && sectionproperties.btnswithtransition != 'With Transition' && /*#__PURE__*/React__default["default"].createElement("button", {
74513
74645
  "class": " ".concat(card_cssstyles.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center ',
74514
74646
  onClick: function onClick(e) {
74515
74647
  e.stopPropagation();
@@ -74550,7 +74682,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
74550
74682
  top: sectionproperties.badge_top + 'px',
74551
74683
  left: langdetect == 'en' ? sectionproperties.badge_right + 'px' : '',
74552
74684
  right: langdetect == 'en' ? '' : sectionproperties.badge_right + 'px',
74553
- width: sectionproperties.badge_width + 'px',
74685
+ width: sectionproperties.badge_width == 0 ? '90%' : sectionproperties.badge_width + 'px',
74554
74686
  height: sectionproperties.badge_height + 'px',
74555
74687
  background: sectionproperties.badge_bgcolor,
74556
74688
  borderRadius: sectionproperties.badge_borderradius + 'px'
@@ -74561,34 +74693,14 @@ var Simpleproductcard = function Simpleproductcard(props) {
74561
74693
  color: sectionproperties.badge_color,
74562
74694
  fontSize: sectionproperties.badge_fontsize + 'px'
74563
74695
  }
74564
- }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
74565
- "class": sectionproperties.pillwidth == 0 ? ' px-2 allcentered' : 'allcentered',
74696
+ }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && sectionproperties.counterposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
74566
74697
  style: {
74567
- zIndex: 2,
74568
74698
  position: 'absolute',
74569
74699
  top: sectionproperties.pillpositionfromtop + 'px',
74570
74700
  left: langdetect == 'en' ? sectionproperties.pillpositionfromright + 'px' : '',
74571
- right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
74572
- width: sectionproperties.pillwidth == 0 ? 'auto' : sectionproperties.pillwidth + 'px',
74573
- height: sectionproperties.pillheight + 'px',
74574
- background: sectionproperties.pillbgcolor,
74575
- borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
74576
- }
74577
- }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React__default["default"].createElement("p", {
74578
- "class": "m-0 p-0",
74579
- style: {
74580
- color: sectionproperties.pillcolor,
74581
- fontSize: sectionproperties.pillfontSize + 'px',
74582
- direction: 'ltr'
74701
+ right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px'
74583
74702
  }
74584
- }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%'), sectionproperties.countertype == 'Value' && /*#__PURE__*/React__default["default"].createElement("p", {
74585
- "class": "m-0 p-0 text-uppercase",
74586
- style: {
74587
- color: sectionproperties.pillcolor,
74588
- fontSize: sectionproperties.pillfontSize + 'px',
74589
- direction: 'ltr'
74590
- }
74591
- }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags = item.producttags) === null || _item$producttags === void 0 ? void 0 : _item$producttags.length) != 0 && sectionproperties.showtag == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
74703
+ }, PillContainer()), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags = item.producttags) === null || _item$producttags === void 0 ? void 0 : _item$producttags.length) != 0 && sectionproperties.showtag == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
74592
74704
  "class": "allcentered",
74593
74705
  style: {
74594
74706
  position: 'absolute',
@@ -74710,17 +74822,19 @@ var Simpleproductcard = function Simpleproductcard(props) {
74710
74822
  marginBottom: sectionproperties.productpricemarginBottom + 'px'
74711
74823
  }
74712
74824
  }, /*#__PURE__*/React__default["default"].createElement("div", {
74713
- "class": ' d-flex align-items-center p-0 mb-0 flex-column ',
74825
+ "class": sectionproperties.priceDirection == 'Horizontal Direction' ? ' d-flex align-items-center p-0 mb-0 flex-row ' : ' d-flex align-items-center p-0 mb-0 flex-column ',
74714
74826
  style: {
74715
74827
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
74716
74828
  }
74717
74829
  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
74718
- "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
74830
+ "class": sectionproperties.priceDirection == 'Horizontal Direction' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 '
74719
74831
  }, 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("div", {
74720
- "class": " d-flex align-items-center p-0 mb-0"
74832
+ "class": sectionproperties.priceDirection == 'Horizontal' ? ' d-flex align-items-center p-0 mb-0 ' : ' d-flex align-items-center p-0 mb-0'
74721
74833
  }, /*#__PURE__*/React__default["default"].createElement("p", {
74722
74834
  "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
74723
- }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
74835
+ }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)), sectionproperties.showpill == 'Show' && item.hassale == 1 && sectionproperties.counterposition == 'Besides Sale Price' && /*#__PURE__*/React__default["default"].createElement("div", {
74836
+ style: {}
74837
+ }, PillContainer()))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
74724
74838
  "class": "col-lg-12 p-0",
74725
74839
  style: {
74726
74840
  justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'