tabexseriescomponents 0.0.561 → 0.0.563

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 +63 -39
  2. package/dist/index.esm.js +63 -39
  3. package/dist/index.umd.js +63 -39
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -27843,7 +27843,7 @@ styleInject(css_248z$w);
27843
27843
  function ownKeys$1T(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; }
27844
27844
  function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
27845
27845
  var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
27846
- var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
27846
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i8;
27847
27847
  var _useState = React.useState(''),
27848
27848
  _useState2 = _slicedToArray__default["default"](_useState, 2),
27849
27849
  sectionproperties = _useState2[0],
@@ -27863,6 +27863,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
27863
27863
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
27864
27864
  var ikimagecredcontext = props.actions.ikimagecredcontext;
27865
27865
  var actions = props.actions;
27866
+ var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
27866
27867
  React.useEffect(function () {
27867
27868
  var secpropobj = {};
27868
27869
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -28133,7 +28134,25 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28133
28134
  }, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
28134
28135
  sectionpropertiesprops: sectionproperties,
28135
28136
  actions: actions
28136
- })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
28137
+ })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("a", {
28138
+ href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
28139
+ target: '_self',
28140
+ style: {
28141
+ position: 'fixed',
28142
+ bottom: 60,
28143
+ right: 10,
28144
+ zIndex: 999999,
28145
+ transition: 'all 0.3s ease-out'
28146
+ }
28147
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
28148
+ "class": langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
28149
+ }, /*#__PURE__*/React__default["default"].createElement(FiPhone.FiPhone, {
28150
+ size: 30,
28151
+ color: sectionproperties.uppersection_iconcolor,
28152
+ style: {
28153
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
28154
+ }
28155
+ }))), /*#__PURE__*/React__default["default"].createElement("a", {
28137
28156
  href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
28138
28157
  target: '_blank',
28139
28158
  style: {
@@ -28150,7 +28169,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28150
28169
  height: '40px',
28151
28170
  cursor: 'pointer'
28152
28171
  }
28153
- })), /*#__PURE__*/React__default["default"].createElement("div", {
28172
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
28154
28173
  "class": "col-lg-12 p-0"
28155
28174
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28156
28175
  "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
@@ -28572,7 +28591,41 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28572
28591
  }
28573
28592
  }), /*#__PURE__*/React__default["default"].createElement("span", {
28574
28593
  "class": 'ml-2 mr-2'
28575
- }, lang.english))))))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
28594
+ }, lang.english))))))), /*#__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", {
28595
+ "class": ' d-flex align-items-center justify-content-center '
28596
+ }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
28597
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28598
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28599
+ "class": "m-0 p-0 mr-2 ml-2"
28600
+ }, 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", {
28601
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28602
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28603
+ "class": "m-0 p-0 ml-2 mr-2"
28604
+ }, 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 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.map(function (item, index) {
28605
+ var _authdetailsContext$i9;
28606
+ return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
28607
+ onClick: function onClick() {
28608
+ setcurrencyfunccontext(item);
28609
+ }
28610
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28611
+ "class": "row m-0 w-100"
28612
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28613
+ "class": "col-lg-12 p-0 d-flex justify-content-start"
28614
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28615
+ "class": "".concat(header_cssstyles.dropdownitemcontainer)
28616
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28617
+ "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
28618
+ style: {
28619
+ fontSize: sectionproperties.dropdown_fontsize + 'px',
28620
+ fontWeight: sectionproperties.dropdown_fontweight,
28621
+ textTransform: sectionproperties.dropdown_texttransform
28622
+ }
28623
+ }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
28624
+ "class": "col-lg-12 p-0"
28625
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
28626
+ "class": "m-0"
28627
+ }))));
28628
+ }))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
28576
28629
  "class": "col-lg-12 p-0"
28577
28630
  }, /*#__PURE__*/React__default["default"].createElement(Subheader, {
28578
28631
  sectionpropertiesprops: sectionproperties,
@@ -72811,7 +72864,7 @@ var Productcard6 = function Productcard6(props) {
72811
72864
  props.actions.StaticPagesLinksContext;
72812
72865
  props.actions.routingcountext;
72813
72866
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
72814
- var ikimagecredcontext = props.actions.ikimagecredcontext;
72867
+ props.actions.ikimagecredcontext;
72815
72868
  React.useEffect(function () {
72816
72869
  if (props.srcfrom == 'addsectionform') {
72817
72870
  var secpropobj = {};
@@ -72943,43 +72996,14 @@ var Productcard6 = function Productcard6(props) {
72943
72996
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
72944
72997
  "class": "".concat(card_cssstyles.productcard, " ").concat(cardsstyles$2.productcard) + ' w-100 ',
72945
72998
  style: {
72946
- // backgroundImage: `url(${serverbaselink + item.image})`,
72947
- // backgroundRepeat: 'no-repeat',
72948
- // // backgroundSize: 'cover',
72949
- // backgroundPosition: 'center',
72950
- position: 'relative'
72999
+ backgroundImage: "url(".concat(serverbaselink$1 + item.image, ")"),
73000
+ backgroundRepeat: 'no-repeat',
73001
+ // backgroundSize: 'cover',
73002
+ backgroundPosition: 'center'
72951
73003
  },
72952
73004
  onClick: function onClick() {
72953
73005
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
72954
73006
  }
72955
- }, /*#__PURE__*/React__default["default"].createElement("div", {
72956
- "class": card_cssstyles.imagecont + ' row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer ',
72957
- style: {
72958
- width: '100%',
72959
- height: '100%'
72960
- }
72961
- }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
72962
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
72963
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
72964
- path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
72965
- style: {
72966
- width: sectionproperties.imageInnerWidth_Height + '%',
72967
- height: sectionproperties.imageInnerWidth_Height + '%',
72968
- objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
72969
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
72970
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
72971
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
72972
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
72973
- },
72974
- loading: "lazy"
72975
- })), /*#__PURE__*/React__default["default"].createElement("div", {
72976
- "class": "row m-0 w-100",
72977
- style: {
72978
- position: 'absolute',
72979
- height: '100%',
72980
- top: 0,
72981
- left: 0
72982
- }
72983
73007
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
72984
73008
  "class": "col-lg-12 d-flex flex-row justify-content-start p-0",
72985
73009
  style: {}
@@ -73038,7 +73062,7 @@ var Productcard6 = function Productcard6(props) {
73038
73062
  size: sectionproperties.favBtnIconfontsize
73039
73063
  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
73040
73064
  size: sectionproperties.favBtnIconfontsize
73041
- })))))))));
73065
+ }))))))));
73042
73066
  };
73043
73067
 
73044
73068
  function ownKeys$b(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; }
package/dist/index.esm.js CHANGED
@@ -27794,7 +27794,7 @@ styleInject(css_248z$w);
27794
27794
  function ownKeys$1T(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; }
27795
27795
  function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
27796
27796
  var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
27797
- var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
27797
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i8;
27798
27798
  var _useState = useState(''),
27799
27799
  _useState2 = _slicedToArray(_useState, 2),
27800
27800
  sectionproperties = _useState2[0],
@@ -27814,6 +27814,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
27814
27814
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
27815
27815
  var ikimagecredcontext = props.actions.ikimagecredcontext;
27816
27816
  var actions = props.actions;
27817
+ var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
27817
27818
  useEffect(function () {
27818
27819
  var secpropobj = {};
27819
27820
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -28084,7 +28085,25 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28084
28085
  }, /*#__PURE__*/React.createElement(DownloadApp, {
28085
28086
  sectionpropertiesprops: sectionproperties,
28086
28087
  actions: actions
28087
- })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React.createElement("a", {
28088
+ })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
28089
+ href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
28090
+ target: '_self',
28091
+ style: {
28092
+ position: 'fixed',
28093
+ bottom: 60,
28094
+ right: 10,
28095
+ zIndex: 999999,
28096
+ transition: 'all 0.3s ease-out'
28097
+ }
28098
+ }, /*#__PURE__*/React.createElement("i", {
28099
+ "class": langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
28100
+ }, /*#__PURE__*/React.createElement(FiPhone, {
28101
+ size: 30,
28102
+ color: sectionproperties.uppersection_iconcolor,
28103
+ style: {
28104
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
28105
+ }
28106
+ }))), /*#__PURE__*/React.createElement("a", {
28088
28107
  href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
28089
28108
  target: '_blank',
28090
28109
  style: {
@@ -28101,7 +28120,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28101
28120
  height: '40px',
28102
28121
  cursor: 'pointer'
28103
28122
  }
28104
- })), /*#__PURE__*/React.createElement("div", {
28123
+ }))), /*#__PURE__*/React.createElement("div", {
28105
28124
  "class": "col-lg-12 p-0"
28106
28125
  }, /*#__PURE__*/React.createElement("div", {
28107
28126
  "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
@@ -28523,7 +28542,41 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28523
28542
  }
28524
28543
  }), /*#__PURE__*/React.createElement("span", {
28525
28544
  "class": 'ml-2 mr-2'
28526
- }, lang.english))))))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React.createElement("div", {
28545
+ }, lang.english))))))), /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
28546
+ "class": ' d-flex align-items-center justify-content-center '
28547
+ }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
28548
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28549
+ }, /*#__PURE__*/React.createElement("p", {
28550
+ "class": "m-0 p-0 mr-2 ml-2"
28551
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
28552
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28553
+ }, /*#__PURE__*/React.createElement("p", {
28554
+ "class": "m-0 p-0 ml-2 mr-2"
28555
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.map(function (item, index) {
28556
+ var _authdetailsContext$i9;
28557
+ return /*#__PURE__*/React.createElement(Dropdown.Item, {
28558
+ onClick: function onClick() {
28559
+ setcurrencyfunccontext(item);
28560
+ }
28561
+ }, /*#__PURE__*/React.createElement("div", {
28562
+ "class": "row m-0 w-100"
28563
+ }, /*#__PURE__*/React.createElement("div", {
28564
+ "class": "col-lg-12 p-0 d-flex justify-content-start"
28565
+ }, /*#__PURE__*/React.createElement("div", {
28566
+ "class": "".concat(header_cssstyles.dropdownitemcontainer)
28567
+ }, /*#__PURE__*/React.createElement("p", {
28568
+ "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
28569
+ style: {
28570
+ fontSize: sectionproperties.dropdown_fontsize + 'px',
28571
+ fontWeight: sectionproperties.dropdown_fontweight,
28572
+ textTransform: sectionproperties.dropdown_texttransform
28573
+ }
28574
+ }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.length) - 1 && /*#__PURE__*/React.createElement("div", {
28575
+ "class": "col-lg-12 p-0"
28576
+ }, /*#__PURE__*/React.createElement("hr", {
28577
+ "class": "m-0"
28578
+ }))));
28579
+ }))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React.createElement("div", {
28527
28580
  "class": "col-lg-12 p-0"
28528
28581
  }, /*#__PURE__*/React.createElement(Subheader, {
28529
28582
  sectionpropertiesprops: sectionproperties,
@@ -72762,7 +72815,7 @@ var Productcard6 = function Productcard6(props) {
72762
72815
  props.actions.StaticPagesLinksContext;
72763
72816
  props.actions.routingcountext;
72764
72817
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
72765
- var ikimagecredcontext = props.actions.ikimagecredcontext;
72818
+ props.actions.ikimagecredcontext;
72766
72819
  useEffect(function () {
72767
72820
  if (props.srcfrom == 'addsectionform') {
72768
72821
  var secpropobj = {};
@@ -72894,43 +72947,14 @@ var Productcard6 = function Productcard6(props) {
72894
72947
  }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
72895
72948
  "class": "".concat(card_cssstyles.productcard, " ").concat(cardsstyles$2.productcard) + ' w-100 ',
72896
72949
  style: {
72897
- // backgroundImage: `url(${serverbaselink + item.image})`,
72898
- // backgroundRepeat: 'no-repeat',
72899
- // // backgroundSize: 'cover',
72900
- // backgroundPosition: 'center',
72901
- position: 'relative'
72950
+ backgroundImage: "url(".concat(serverbaselink$1 + item.image, ")"),
72951
+ backgroundRepeat: 'no-repeat',
72952
+ // backgroundSize: 'cover',
72953
+ backgroundPosition: 'center'
72902
72954
  },
72903
72955
  onClick: function onClick() {
72904
72956
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
72905
72957
  }
72906
- }, /*#__PURE__*/React.createElement("div", {
72907
- "class": card_cssstyles.imagecont + ' row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer ',
72908
- style: {
72909
- width: '100%',
72910
- height: '100%'
72911
- }
72912
- }, item.image != '' && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
72913
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
72914
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
72915
- path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
72916
- style: {
72917
- width: sectionproperties.imageInnerWidth_Height + '%',
72918
- height: sectionproperties.imageInnerWidth_Height + '%',
72919
- objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
72920
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
72921
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
72922
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
72923
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
72924
- },
72925
- loading: "lazy"
72926
- })), /*#__PURE__*/React.createElement("div", {
72927
- "class": "row m-0 w-100",
72928
- style: {
72929
- position: 'absolute',
72930
- height: '100%',
72931
- top: 0,
72932
- left: 0
72933
- }
72934
72958
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
72935
72959
  "class": "col-lg-12 d-flex flex-row justify-content-start p-0",
72936
72960
  style: {}
@@ -72989,7 +73013,7 @@ var Productcard6 = function Productcard6(props) {
72989
73013
  size: sectionproperties.favBtnIconfontsize
72990
73014
  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
72991
73015
  size: sectionproperties.favBtnIconfontsize
72992
- })))))))));
73016
+ }))))))));
72993
73017
  };
72994
73018
 
72995
73019
  function ownKeys$b(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; }
package/dist/index.umd.js CHANGED
@@ -27667,7 +27667,7 @@
27667
27667
  function ownKeys$1T(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; }
27668
27668
  function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
27669
27669
  var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
27670
- var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
27670
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i8;
27671
27671
  var _useState = React.useState(''),
27672
27672
  _useState2 = _slicedToArray__default["default"](_useState, 2),
27673
27673
  sectionproperties = _useState2[0],
@@ -27687,6 +27687,7 @@
27687
27687
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
27688
27688
  var ikimagecredcontext = props.actions.ikimagecredcontext;
27689
27689
  var actions = props.actions;
27690
+ var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
27690
27691
  React.useEffect(function () {
27691
27692
  var secpropobj = {};
27692
27693
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -27957,7 +27958,25 @@
27957
27958
  }, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
27958
27959
  sectionpropertiesprops: sectionproperties,
27959
27960
  actions: actions
27960
- })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
27961
+ })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("a", {
27962
+ href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
27963
+ target: '_self',
27964
+ style: {
27965
+ position: 'fixed',
27966
+ bottom: 60,
27967
+ right: 10,
27968
+ zIndex: 999999,
27969
+ transition: 'all 0.3s ease-out'
27970
+ }
27971
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
27972
+ "class": langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
27973
+ }, /*#__PURE__*/React__default["default"].createElement(FiPhone.FiPhone, {
27974
+ size: 30,
27975
+ color: sectionproperties.uppersection_iconcolor,
27976
+ style: {
27977
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
27978
+ }
27979
+ }))), /*#__PURE__*/React__default["default"].createElement("a", {
27961
27980
  href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
27962
27981
  target: '_blank',
27963
27982
  style: {
@@ -27974,7 +27993,7 @@
27974
27993
  height: '40px',
27975
27994
  cursor: 'pointer'
27976
27995
  }
27977
- })), /*#__PURE__*/React__default["default"].createElement("div", {
27996
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
27978
27997
  "class": "col-lg-12 p-0"
27979
27998
  }, /*#__PURE__*/React__default["default"].createElement("div", {
27980
27999
  "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
@@ -28396,7 +28415,41 @@
28396
28415
  }
28397
28416
  }), /*#__PURE__*/React__default["default"].createElement("span", {
28398
28417
  "class": 'ml-2 mr-2'
28399
- }, lang.english))))))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
28418
+ }, lang.english))))))), /*#__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", {
28419
+ "class": ' d-flex align-items-center justify-content-center '
28420
+ }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
28421
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28422
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28423
+ "class": "m-0 p-0 mr-2 ml-2"
28424
+ }, 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", {
28425
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28426
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28427
+ "class": "m-0 p-0 ml-2 mr-2"
28428
+ }, 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 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.map(function (item, index) {
28429
+ var _authdetailsContext$i9;
28430
+ return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
28431
+ onClick: function onClick() {
28432
+ setcurrencyfunccontext(item);
28433
+ }
28434
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28435
+ "class": "row m-0 w-100"
28436
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28437
+ "class": "col-lg-12 p-0 d-flex justify-content-start"
28438
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28439
+ "class": "".concat(header_cssstyles.dropdownitemcontainer)
28440
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28441
+ "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
28442
+ style: {
28443
+ fontSize: sectionproperties.dropdown_fontsize + 'px',
28444
+ fontWeight: sectionproperties.dropdown_fontweight,
28445
+ textTransform: sectionproperties.dropdown_texttransform
28446
+ }
28447
+ }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
28448
+ "class": "col-lg-12 p-0"
28449
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
28450
+ "class": "m-0"
28451
+ }))));
28452
+ }))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
28400
28453
  "class": "col-lg-12 p-0"
28401
28454
  }, /*#__PURE__*/React__default["default"].createElement(Subheader, {
28402
28455
  sectionpropertiesprops: sectionproperties,
@@ -72635,7 +72688,7 @@
72635
72688
  props.actions.StaticPagesLinksContext;
72636
72689
  props.actions.routingcountext;
72637
72690
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
72638
- var ikimagecredcontext = props.actions.ikimagecredcontext;
72691
+ props.actions.ikimagecredcontext;
72639
72692
  React.useEffect(function () {
72640
72693
  if (props.srcfrom == 'addsectionform') {
72641
72694
  var secpropobj = {};
@@ -72767,43 +72820,14 @@
72767
72820
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
72768
72821
  "class": "".concat(card_cssstyles.productcard, " ").concat(cardsstyles$2.productcard) + ' w-100 ',
72769
72822
  style: {
72770
- // backgroundImage: `url(${serverbaselink + item.image})`,
72771
- // backgroundRepeat: 'no-repeat',
72772
- // // backgroundSize: 'cover',
72773
- // backgroundPosition: 'center',
72774
- position: 'relative'
72823
+ backgroundImage: "url(".concat(serverbaselink$1 + item.image, ")"),
72824
+ backgroundRepeat: 'no-repeat',
72825
+ // backgroundSize: 'cover',
72826
+ backgroundPosition: 'center'
72775
72827
  },
72776
72828
  onClick: function onClick() {
72777
72829
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
72778
72830
  }
72779
- }, /*#__PURE__*/React__default["default"].createElement("div", {
72780
- "class": card_cssstyles.imagecont + ' row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer ',
72781
- style: {
72782
- width: '100%',
72783
- height: '100%'
72784
- }
72785
- }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
72786
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
72787
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
72788
- path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
72789
- style: {
72790
- width: sectionproperties.imageInnerWidth_Height + '%',
72791
- height: sectionproperties.imageInnerWidth_Height + '%',
72792
- objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
72793
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
72794
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
72795
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
72796
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
72797
- },
72798
- loading: "lazy"
72799
- })), /*#__PURE__*/React__default["default"].createElement("div", {
72800
- "class": "row m-0 w-100",
72801
- style: {
72802
- position: 'absolute',
72803
- height: '100%',
72804
- top: 0,
72805
- left: 0
72806
- }
72807
72831
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
72808
72832
  "class": "col-lg-12 d-flex flex-row justify-content-start p-0",
72809
72833
  style: {}
@@ -72862,7 +72886,7 @@
72862
72886
  size: sectionproperties.favBtnIconfontsize
72863
72887
  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
72864
72888
  size: sectionproperties.favBtnIconfontsize
72865
- })))))))));
72889
+ }))))))));
72866
72890
  };
72867
72891
 
72868
72892
  function ownKeys$b(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; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.561",
3
+ "version": "0.0.563",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {