tabexseriescomponents 0.2.1179 → 0.2.1181

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 +195 -60
  2. package/dist/index.esm.js +195 -60
  3. package/dist/index.umd.js +195 -60
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -10862,7 +10862,11 @@ var Compare = function Compare(props) {
10862
10862
  paddingBottom: 40
10863
10863
  }
10864
10864
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10865
- className: "".concat(generalstyles.table_responsive) + ' col-lg-12 '
10865
+ className: "".concat(generalstyles.table_responsive) + ' col-lg-12 ',
10866
+ style: {
10867
+ width: '100%',
10868
+ overflowX: 'auto'
10869
+ }
10866
10870
  }, (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10867
10871
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0 mb-5"
10868
10872
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -10873,39 +10877,25 @@ var Compare = function Compare(props) {
10873
10877
  fontWeight: 700
10874
10878
  }
10875
10879
  }, langdetect == 'en' ? 'Compare' : 'قارن')), (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) != 0 && /*#__PURE__*/React__default["default"].createElement("table", {
10876
- className: "".concat(generalstyles.table, " ").concat(generalstyles.table_thbg)
10877
- }, /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", {
10878
- className: ""
10879
- }, /*#__PURE__*/React__default["default"].createElement("th", {
10880
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10880
+ className: "".concat(generalstyles.table, " ").concat(generalstyles.table_thbg),
10881
10881
  style: {
10882
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10882
+ minWidth: '800px'
10883
10883
  }
10884
- }), /*#__PURE__*/React__default["default"].createElement("th", {
10885
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10884
+ }, /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("th", {
10886
10885
  style: {
10887
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10886
+ // width: '30%',
10888
10887
  }
10889
- }, lang.name), /*#__PURE__*/React__default["default"].createElement("th", {
10890
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10891
- style: {
10892
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10893
- }
10894
- }, lang.description), /*#__PURE__*/React__default["default"].createElement("th", {
10895
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10896
- style: {
10897
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10898
- }
10899
- }, lang.price), /*#__PURE__*/React__default["default"].createElement("th", {
10900
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10901
- style: {
10902
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10903
- }
10904
- }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, productDataList.map(function (item, index) {
10905
- return /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", {
10888
+ }), productDataList.map(function (item) {
10889
+ return /*#__PURE__*/React__default["default"].createElement("th", {
10890
+ key: item.productid,
10906
10891
  style: {
10907
- width: '70%',
10908
- height: '70%'
10892
+ textAlign: langdetect != 'ar' ? 'left' : 'right'
10893
+ // width: '50%',
10894
+ }
10895
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
10896
+ style: {
10897
+ width: '150px',
10898
+ height: '150px'
10909
10899
  }
10910
10900
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
10911
10901
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -10917,42 +10907,187 @@ var Compare = function Compare(props) {
10917
10907
  objectFit: 'contain'
10918
10908
  },
10919
10909
  loading: "lazy"
10920
- }))), /*#__PURE__*/React__default["default"].createElement("td", {
10921
- style: {
10922
- color: '#000',
10923
- fontSize: '14px'
10924
- }
10925
- }, item["name_".concat(langdetect)] || item.name_en), /*#__PURE__*/React__default["default"].createElement("td", {
10926
- style: {
10927
- color: '#000',
10928
- fontSize: '14px'
10929
- }
10910
+ })));
10911
+ }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, /*#__PURE__*/React__default["default"].createElement("tr", {
10912
+ style: {}
10913
+ }, /*#__PURE__*/React__default["default"].createElement("td", {
10914
+ style: {
10915
+ fontWeight: 600
10916
+ }
10917
+ }, lang.name), productDataList.map(function (item) {
10918
+ return /*#__PURE__*/React__default["default"].createElement("td", {
10919
+ key: item.productid
10920
+ }, item["name_".concat(langdetect)] || item.name_en);
10921
+ })), /*#__PURE__*/React__default["default"].createElement("tr", {
10922
+ style: {}
10923
+ }, /*#__PURE__*/React__default["default"].createElement("td", {
10924
+ style: {
10925
+ fontWeight: 600
10926
+ }
10927
+ }, lang.description), productDataList.map(function (item) {
10928
+ return /*#__PURE__*/React__default["default"].createElement("td", {
10929
+ key: item.productid
10930
10930
  }, /*#__PURE__*/React__default["default"].createElement("p", {
10931
- className: 'm-0 p-0 ',
10932
- style: {
10933
- color: '#000',
10934
- fontSize: '14px',
10935
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10936
- },
10937
10931
  dangerouslySetInnerHTML: {
10938
10932
  __html: langdetect == 'en' ? item === null || item === void 0 ? void 0 : item.description_en : langdetect == 'fr' ? item === null || item === void 0 ? void 0 : item.description_fr : item === null || item === void 0 ? void 0 : item.description_ar
10939
10933
  }
10940
- })), /*#__PURE__*/React__default["default"].createElement("td", {
10941
- style: {
10942
- color: '#000',
10943
- fontSize: '14px'
10944
- }
10945
- }, item.defaultprice), /*#__PURE__*/React__default["default"].createElement("td", {
10946
- "class": "cursor-pointer",
10947
- style: {
10948
- color: '#000',
10949
- fontSize: '14px'
10950
- },
10934
+ }));
10935
+ })), /*#__PURE__*/React__default["default"].createElement("tr", {
10936
+ style: {}
10937
+ }, /*#__PURE__*/React__default["default"].createElement("td", {
10938
+ style: {
10939
+ fontWeight: 600
10940
+ }
10941
+ }, lang.price), productDataList.map(function (item) {
10942
+ return /*#__PURE__*/React__default["default"].createElement("td", {
10943
+ key: item.productid
10944
+ }, item.defaultprice);
10945
+ })), /*#__PURE__*/React__default["default"].createElement("tr", {
10946
+ style: {}
10947
+ }, /*#__PURE__*/React__default["default"].createElement("td", null), productDataList.map(function (item) {
10948
+ return /*#__PURE__*/React__default["default"].createElement("td", {
10949
+ key: item.productid,
10950
+ className: "cursor-pointer text-danger text-dangerhover font-weight-600 text-decoration-underline",
10951
10951
  onClick: function onClick() {
10952
- removecompareproduct(item.productid);
10952
+ return removecompareproduct(item.productid);
10953
10953
  }
10954
- }, lang.remove));
10955
- }))), (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10954
+ }, lang.remove);
10955
+ }))))
10956
+
10957
+ // <table className={`${generalstyles.table} ${generalstyles.table_thbg}`}>
10958
+ // <thead>
10959
+ // <tr className="">
10960
+ // <th
10961
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10962
+ // style={{
10963
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10964
+ // }}
10965
+ // ></th>
10966
+ // <th
10967
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10968
+ // style={{
10969
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10970
+ // }}
10971
+ // >
10972
+ // {lang.name}
10973
+ // </th>
10974
+ // <th
10975
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10976
+ // style={{
10977
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10978
+ // }}
10979
+ // >
10980
+ // {lang.description}
10981
+ // </th>
10982
+ // <th
10983
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10984
+ // style={{
10985
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10986
+ // }}
10987
+ // >
10988
+ // {lang.price}
10989
+ // </th>
10990
+ // {/* <th
10991
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10992
+ // style={{
10993
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10994
+ // }}
10995
+ // ></th> */}
10996
+ // <th
10997
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10998
+ // style={{
10999
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
11000
+ // }}
11001
+ // ></th>
11002
+ // </tr>
11003
+ // </thead>
11004
+ // <tbody>
11005
+ // {productDataList.map((item, index) => {
11006
+ // return (
11007
+ // <tr>
11008
+ // <td>
11009
+ // <div
11010
+ // style={{
11011
+ // width: '70%',
11012
+ // height: '70%',
11013
+ // }}
11014
+ // >
11015
+ // <Imagekitimagecomp
11016
+ // urlEndpoint={ikimagecredcontext?.ikimageendpoint}
11017
+ // publicKey={ikimagecredcontext?.ikimagepublickey}
11018
+ // path={item.productimages[0].path}
11019
+ // style={{
11020
+ // width: '100%',
11021
+ // height: '100%',
11022
+ // objectFit: 'contain',
11023
+ // }}
11024
+ // loading="lazy"
11025
+ // />
11026
+ // </div>
11027
+ // </td>
11028
+ // <td
11029
+ // style={{
11030
+ // color: '#000',
11031
+ // fontSize: '14px',
11032
+ // }}
11033
+ // >
11034
+ // {item[`name_${langdetect}`] || item.name_en}
11035
+ // </td>
11036
+ // <td
11037
+ // style={{
11038
+ // color: '#000',
11039
+ // fontSize: '14px',
11040
+ // }}
11041
+ // >
11042
+ // <p
11043
+ // className={'m-0 p-0 '}
11044
+ // style={{
11045
+ // color: '#000',
11046
+ // fontSize: '14px',
11047
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
11048
+ // }}
11049
+ // dangerouslySetInnerHTML={{
11050
+ // __html: langdetect == 'en' ? item?.description_en : langdetect == 'fr' ? item?.description_fr : item?.description_ar,
11051
+ // }}
11052
+ // ></p>
11053
+ // </td>
11054
+ // <td
11055
+ // style={{
11056
+ // color: '#000',
11057
+ // fontSize: '14px',
11058
+ // }}
11059
+ // >
11060
+ // {item.defaultprice}
11061
+ // </td>
11062
+
11063
+ // {/* <td
11064
+ // class="cursor-pointer"
11065
+ // style={{
11066
+ // color: '#000',
11067
+ // fontSize: '14px',
11068
+ // }}
11069
+ // onClick={() => {}}
11070
+ // >
11071
+ // {lang.addtocart}
11072
+ // </td> */}
11073
+ // <td
11074
+ // class="cursor-pointer"
11075
+ // style={{
11076
+ // color: '#000',
11077
+ // fontSize: '14px',
11078
+ // }}
11079
+ // onClick={() => {
11080
+ // removecompareproduct(item.productid);
11081
+ // }}
11082
+ // >
11083
+ // {lang.remove}
11084
+ // </td>
11085
+ // </tr>
11086
+ // );
11087
+ // })}
11088
+ // </tbody>
11089
+ // </table>
11090
+ , (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10956
11091
  className: "row m-0 w-100 allcentered pb-5 ",
10957
11092
  style: {
10958
11093
  padding: '20px'
@@ -15802,7 +15937,7 @@ var Checkout = function Checkout(props) {
15802
15937
  d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
15803
15938
  })), /*#__PURE__*/React__default["default"].createElement("p", {
15804
15939
  className: "".concat(formstyles.checkbox_label, " ") + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
15805
- }, langdetect == 'en' ? 'Tabby' : 'Tabby'))), instapaychosen && /*#__PURE__*/React__default["default"].createElement("div", {
15940
+ }, langdetect == 'en' ? 'Pay Later With Tabby' : 'Tabby'))), instapaychosen && /*#__PURE__*/React__default["default"].createElement("div", {
15806
15941
  "class": "col-12 px-3 px-md-2 my-3"
15807
15942
  }, /*#__PURE__*/React__default["default"].createElement("p", {
15808
15943
  "class": ' pb-0 pl-md-2 pr-md-2 ',
package/dist/index.esm.js CHANGED
@@ -10811,7 +10811,11 @@ var Compare = function Compare(props) {
10811
10811
  paddingBottom: 40
10812
10812
  }
10813
10813
  }, /*#__PURE__*/React.createElement("div", {
10814
- className: "".concat(generalstyles.table_responsive) + ' col-lg-12 '
10814
+ className: "".concat(generalstyles.table_responsive) + ' col-lg-12 ',
10815
+ style: {
10816
+ width: '100%',
10817
+ overflowX: 'auto'
10818
+ }
10815
10819
  }, (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) != 0 && /*#__PURE__*/React.createElement("div", {
10816
10820
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0 mb-5"
10817
10821
  }, /*#__PURE__*/React.createElement("p", {
@@ -10822,39 +10826,25 @@ var Compare = function Compare(props) {
10822
10826
  fontWeight: 700
10823
10827
  }
10824
10828
  }, langdetect == 'en' ? 'Compare' : 'قارن')), (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) != 0 && /*#__PURE__*/React.createElement("table", {
10825
- className: "".concat(generalstyles.table, " ").concat(generalstyles.table_thbg)
10826
- }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
10827
- className: ""
10828
- }, /*#__PURE__*/React.createElement("th", {
10829
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10829
+ className: "".concat(generalstyles.table, " ").concat(generalstyles.table_thbg),
10830
10830
  style: {
10831
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10831
+ minWidth: '800px'
10832
10832
  }
10833
- }), /*#__PURE__*/React.createElement("th", {
10834
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10833
+ }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
10835
10834
  style: {
10836
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10835
+ // width: '30%',
10837
10836
  }
10838
- }, lang.name), /*#__PURE__*/React.createElement("th", {
10839
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10840
- style: {
10841
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10842
- }
10843
- }, lang.description), /*#__PURE__*/React.createElement("th", {
10844
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10845
- style: {
10846
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10847
- }
10848
- }, lang.price), /*#__PURE__*/React.createElement("th", {
10849
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10850
- style: {
10851
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10852
- }
10853
- }))), /*#__PURE__*/React.createElement("tbody", null, productDataList.map(function (item, index) {
10854
- return /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", {
10837
+ }), productDataList.map(function (item) {
10838
+ return /*#__PURE__*/React.createElement("th", {
10839
+ key: item.productid,
10855
10840
  style: {
10856
- width: '70%',
10857
- height: '70%'
10841
+ textAlign: langdetect != 'ar' ? 'left' : 'right'
10842
+ // width: '50%',
10843
+ }
10844
+ }, /*#__PURE__*/React.createElement("div", {
10845
+ style: {
10846
+ width: '150px',
10847
+ height: '150px'
10858
10848
  }
10859
10849
  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
10860
10850
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -10866,42 +10856,187 @@ var Compare = function Compare(props) {
10866
10856
  objectFit: 'contain'
10867
10857
  },
10868
10858
  loading: "lazy"
10869
- }))), /*#__PURE__*/React.createElement("td", {
10870
- style: {
10871
- color: '#000',
10872
- fontSize: '14px'
10873
- }
10874
- }, item["name_".concat(langdetect)] || item.name_en), /*#__PURE__*/React.createElement("td", {
10875
- style: {
10876
- color: '#000',
10877
- fontSize: '14px'
10878
- }
10859
+ })));
10860
+ }))), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", {
10861
+ style: {}
10862
+ }, /*#__PURE__*/React.createElement("td", {
10863
+ style: {
10864
+ fontWeight: 600
10865
+ }
10866
+ }, lang.name), productDataList.map(function (item) {
10867
+ return /*#__PURE__*/React.createElement("td", {
10868
+ key: item.productid
10869
+ }, item["name_".concat(langdetect)] || item.name_en);
10870
+ })), /*#__PURE__*/React.createElement("tr", {
10871
+ style: {}
10872
+ }, /*#__PURE__*/React.createElement("td", {
10873
+ style: {
10874
+ fontWeight: 600
10875
+ }
10876
+ }, lang.description), productDataList.map(function (item) {
10877
+ return /*#__PURE__*/React.createElement("td", {
10878
+ key: item.productid
10879
10879
  }, /*#__PURE__*/React.createElement("p", {
10880
- className: 'm-0 p-0 ',
10881
- style: {
10882
- color: '#000',
10883
- fontSize: '14px',
10884
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10885
- },
10886
10880
  dangerouslySetInnerHTML: {
10887
10881
  __html: langdetect == 'en' ? item === null || item === void 0 ? void 0 : item.description_en : langdetect == 'fr' ? item === null || item === void 0 ? void 0 : item.description_fr : item === null || item === void 0 ? void 0 : item.description_ar
10888
10882
  }
10889
- })), /*#__PURE__*/React.createElement("td", {
10890
- style: {
10891
- color: '#000',
10892
- fontSize: '14px'
10893
- }
10894
- }, item.defaultprice), /*#__PURE__*/React.createElement("td", {
10895
- "class": "cursor-pointer",
10896
- style: {
10897
- color: '#000',
10898
- fontSize: '14px'
10899
- },
10883
+ }));
10884
+ })), /*#__PURE__*/React.createElement("tr", {
10885
+ style: {}
10886
+ }, /*#__PURE__*/React.createElement("td", {
10887
+ style: {
10888
+ fontWeight: 600
10889
+ }
10890
+ }, lang.price), productDataList.map(function (item) {
10891
+ return /*#__PURE__*/React.createElement("td", {
10892
+ key: item.productid
10893
+ }, item.defaultprice);
10894
+ })), /*#__PURE__*/React.createElement("tr", {
10895
+ style: {}
10896
+ }, /*#__PURE__*/React.createElement("td", null), productDataList.map(function (item) {
10897
+ return /*#__PURE__*/React.createElement("td", {
10898
+ key: item.productid,
10899
+ className: "cursor-pointer text-danger text-dangerhover font-weight-600 text-decoration-underline",
10900
10900
  onClick: function onClick() {
10901
- removecompareproduct(item.productid);
10901
+ return removecompareproduct(item.productid);
10902
10902
  }
10903
- }, lang.remove));
10904
- }))), (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) == 0 && /*#__PURE__*/React.createElement("div", {
10903
+ }, lang.remove);
10904
+ }))))
10905
+
10906
+ // <table className={`${generalstyles.table} ${generalstyles.table_thbg}`}>
10907
+ // <thead>
10908
+ // <tr className="">
10909
+ // <th
10910
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10911
+ // style={{
10912
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10913
+ // }}
10914
+ // ></th>
10915
+ // <th
10916
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10917
+ // style={{
10918
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10919
+ // }}
10920
+ // >
10921
+ // {lang.name}
10922
+ // </th>
10923
+ // <th
10924
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10925
+ // style={{
10926
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10927
+ // }}
10928
+ // >
10929
+ // {lang.description}
10930
+ // </th>
10931
+ // <th
10932
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10933
+ // style={{
10934
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10935
+ // }}
10936
+ // >
10937
+ // {lang.price}
10938
+ // </th>
10939
+ // {/* <th
10940
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10941
+ // style={{
10942
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10943
+ // }}
10944
+ // ></th> */}
10945
+ // <th
10946
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10947
+ // style={{
10948
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10949
+ // }}
10950
+ // ></th>
10951
+ // </tr>
10952
+ // </thead>
10953
+ // <tbody>
10954
+ // {productDataList.map((item, index) => {
10955
+ // return (
10956
+ // <tr>
10957
+ // <td>
10958
+ // <div
10959
+ // style={{
10960
+ // width: '70%',
10961
+ // height: '70%',
10962
+ // }}
10963
+ // >
10964
+ // <Imagekitimagecomp
10965
+ // urlEndpoint={ikimagecredcontext?.ikimageendpoint}
10966
+ // publicKey={ikimagecredcontext?.ikimagepublickey}
10967
+ // path={item.productimages[0].path}
10968
+ // style={{
10969
+ // width: '100%',
10970
+ // height: '100%',
10971
+ // objectFit: 'contain',
10972
+ // }}
10973
+ // loading="lazy"
10974
+ // />
10975
+ // </div>
10976
+ // </td>
10977
+ // <td
10978
+ // style={{
10979
+ // color: '#000',
10980
+ // fontSize: '14px',
10981
+ // }}
10982
+ // >
10983
+ // {item[`name_${langdetect}`] || item.name_en}
10984
+ // </td>
10985
+ // <td
10986
+ // style={{
10987
+ // color: '#000',
10988
+ // fontSize: '14px',
10989
+ // }}
10990
+ // >
10991
+ // <p
10992
+ // className={'m-0 p-0 '}
10993
+ // style={{
10994
+ // color: '#000',
10995
+ // fontSize: '14px',
10996
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10997
+ // }}
10998
+ // dangerouslySetInnerHTML={{
10999
+ // __html: langdetect == 'en' ? item?.description_en : langdetect == 'fr' ? item?.description_fr : item?.description_ar,
11000
+ // }}
11001
+ // ></p>
11002
+ // </td>
11003
+ // <td
11004
+ // style={{
11005
+ // color: '#000',
11006
+ // fontSize: '14px',
11007
+ // }}
11008
+ // >
11009
+ // {item.defaultprice}
11010
+ // </td>
11011
+
11012
+ // {/* <td
11013
+ // class="cursor-pointer"
11014
+ // style={{
11015
+ // color: '#000',
11016
+ // fontSize: '14px',
11017
+ // }}
11018
+ // onClick={() => {}}
11019
+ // >
11020
+ // {lang.addtocart}
11021
+ // </td> */}
11022
+ // <td
11023
+ // class="cursor-pointer"
11024
+ // style={{
11025
+ // color: '#000',
11026
+ // fontSize: '14px',
11027
+ // }}
11028
+ // onClick={() => {
11029
+ // removecompareproduct(item.productid);
11030
+ // }}
11031
+ // >
11032
+ // {lang.remove}
11033
+ // </td>
11034
+ // </tr>
11035
+ // );
11036
+ // })}
11037
+ // </tbody>
11038
+ // </table>
11039
+ , (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) == 0 && /*#__PURE__*/React.createElement("div", {
10905
11040
  className: "row m-0 w-100 allcentered pb-5 ",
10906
11041
  style: {
10907
11042
  padding: '20px'
@@ -15751,7 +15886,7 @@ var Checkout = function Checkout(props) {
15751
15886
  d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
15752
15887
  })), /*#__PURE__*/React.createElement("p", {
15753
15888
  className: "".concat(formstyles.checkbox_label, " ") + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
15754
- }, langdetect == 'en' ? 'Tabby' : 'Tabby'))), instapaychosen && /*#__PURE__*/React.createElement("div", {
15889
+ }, langdetect == 'en' ? 'Pay Later With Tabby' : 'Tabby'))), instapaychosen && /*#__PURE__*/React.createElement("div", {
15755
15890
  "class": "col-12 px-3 px-md-2 my-3"
15756
15891
  }, /*#__PURE__*/React.createElement("p", {
15757
15892
  "class": ' pb-0 pl-md-2 pr-md-2 ',
package/dist/index.umd.js CHANGED
@@ -10668,7 +10668,11 @@
10668
10668
  paddingBottom: 40
10669
10669
  }
10670
10670
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10671
- className: "".concat(generalstyles.table_responsive) + ' col-lg-12 '
10671
+ className: "".concat(generalstyles.table_responsive) + ' col-lg-12 ',
10672
+ style: {
10673
+ width: '100%',
10674
+ overflowX: 'auto'
10675
+ }
10672
10676
  }, (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10673
10677
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0 mb-5"
10674
10678
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -10679,39 +10683,25 @@
10679
10683
  fontWeight: 700
10680
10684
  }
10681
10685
  }, langdetect == 'en' ? 'Compare' : 'قارن')), (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) != 0 && /*#__PURE__*/React__default["default"].createElement("table", {
10682
- className: "".concat(generalstyles.table, " ").concat(generalstyles.table_thbg)
10683
- }, /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", {
10684
- className: ""
10685
- }, /*#__PURE__*/React__default["default"].createElement("th", {
10686
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10686
+ className: "".concat(generalstyles.table, " ").concat(generalstyles.table_thbg),
10687
10687
  style: {
10688
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10688
+ minWidth: '800px'
10689
10689
  }
10690
- }), /*#__PURE__*/React__default["default"].createElement("th", {
10691
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10690
+ }, /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("th", {
10692
10691
  style: {
10693
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10692
+ // width: '30%',
10694
10693
  }
10695
- }, lang.name), /*#__PURE__*/React__default["default"].createElement("th", {
10696
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10697
- style: {
10698
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10699
- }
10700
- }, lang.description), /*#__PURE__*/React__default["default"].createElement("th", {
10701
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10702
- style: {
10703
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10704
- }
10705
- }, lang.price), /*#__PURE__*/React__default["default"].createElement("th", {
10706
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10707
- style: {
10708
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10709
- }
10710
- }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, productDataList.map(function (item, index) {
10711
- return /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", {
10694
+ }), productDataList.map(function (item) {
10695
+ return /*#__PURE__*/React__default["default"].createElement("th", {
10696
+ key: item.productid,
10712
10697
  style: {
10713
- width: '70%',
10714
- height: '70%'
10698
+ textAlign: langdetect != 'ar' ? 'left' : 'right'
10699
+ // width: '50%',
10700
+ }
10701
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
10702
+ style: {
10703
+ width: '150px',
10704
+ height: '150px'
10715
10705
  }
10716
10706
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
10717
10707
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -10723,42 +10713,187 @@
10723
10713
  objectFit: 'contain'
10724
10714
  },
10725
10715
  loading: "lazy"
10726
- }))), /*#__PURE__*/React__default["default"].createElement("td", {
10727
- style: {
10728
- color: '#000',
10729
- fontSize: '14px'
10730
- }
10731
- }, item["name_".concat(langdetect)] || item.name_en), /*#__PURE__*/React__default["default"].createElement("td", {
10732
- style: {
10733
- color: '#000',
10734
- fontSize: '14px'
10735
- }
10716
+ })));
10717
+ }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, /*#__PURE__*/React__default["default"].createElement("tr", {
10718
+ style: {}
10719
+ }, /*#__PURE__*/React__default["default"].createElement("td", {
10720
+ style: {
10721
+ fontWeight: 600
10722
+ }
10723
+ }, lang.name), productDataList.map(function (item) {
10724
+ return /*#__PURE__*/React__default["default"].createElement("td", {
10725
+ key: item.productid
10726
+ }, item["name_".concat(langdetect)] || item.name_en);
10727
+ })), /*#__PURE__*/React__default["default"].createElement("tr", {
10728
+ style: {}
10729
+ }, /*#__PURE__*/React__default["default"].createElement("td", {
10730
+ style: {
10731
+ fontWeight: 600
10732
+ }
10733
+ }, lang.description), productDataList.map(function (item) {
10734
+ return /*#__PURE__*/React__default["default"].createElement("td", {
10735
+ key: item.productid
10736
10736
  }, /*#__PURE__*/React__default["default"].createElement("p", {
10737
- className: 'm-0 p-0 ',
10738
- style: {
10739
- color: '#000',
10740
- fontSize: '14px',
10741
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10742
- },
10743
10737
  dangerouslySetInnerHTML: {
10744
10738
  __html: langdetect == 'en' ? item === null || item === void 0 ? void 0 : item.description_en : langdetect == 'fr' ? item === null || item === void 0 ? void 0 : item.description_fr : item === null || item === void 0 ? void 0 : item.description_ar
10745
10739
  }
10746
- })), /*#__PURE__*/React__default["default"].createElement("td", {
10747
- style: {
10748
- color: '#000',
10749
- fontSize: '14px'
10750
- }
10751
- }, item.defaultprice), /*#__PURE__*/React__default["default"].createElement("td", {
10752
- "class": "cursor-pointer",
10753
- style: {
10754
- color: '#000',
10755
- fontSize: '14px'
10756
- },
10740
+ }));
10741
+ })), /*#__PURE__*/React__default["default"].createElement("tr", {
10742
+ style: {}
10743
+ }, /*#__PURE__*/React__default["default"].createElement("td", {
10744
+ style: {
10745
+ fontWeight: 600
10746
+ }
10747
+ }, lang.price), productDataList.map(function (item) {
10748
+ return /*#__PURE__*/React__default["default"].createElement("td", {
10749
+ key: item.productid
10750
+ }, item.defaultprice);
10751
+ })), /*#__PURE__*/React__default["default"].createElement("tr", {
10752
+ style: {}
10753
+ }, /*#__PURE__*/React__default["default"].createElement("td", null), productDataList.map(function (item) {
10754
+ return /*#__PURE__*/React__default["default"].createElement("td", {
10755
+ key: item.productid,
10756
+ className: "cursor-pointer text-danger text-dangerhover font-weight-600 text-decoration-underline",
10757
10757
  onClick: function onClick() {
10758
- removecompareproduct(item.productid);
10758
+ return removecompareproduct(item.productid);
10759
10759
  }
10760
- }, lang.remove));
10761
- }))), (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10760
+ }, lang.remove);
10761
+ }))))
10762
+
10763
+ // <table className={`${generalstyles.table} ${generalstyles.table_thbg}`}>
10764
+ // <thead>
10765
+ // <tr className="">
10766
+ // <th
10767
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10768
+ // style={{
10769
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10770
+ // }}
10771
+ // ></th>
10772
+ // <th
10773
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10774
+ // style={{
10775
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10776
+ // }}
10777
+ // >
10778
+ // {lang.name}
10779
+ // </th>
10780
+ // <th
10781
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10782
+ // style={{
10783
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10784
+ // }}
10785
+ // >
10786
+ // {lang.description}
10787
+ // </th>
10788
+ // <th
10789
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10790
+ // style={{
10791
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10792
+ // }}
10793
+ // >
10794
+ // {lang.price}
10795
+ // </th>
10796
+ // {/* <th
10797
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10798
+ // style={{
10799
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10800
+ // }}
10801
+ // ></th> */}
10802
+ // <th
10803
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10804
+ // style={{
10805
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10806
+ // }}
10807
+ // ></th>
10808
+ // </tr>
10809
+ // </thead>
10810
+ // <tbody>
10811
+ // {productDataList.map((item, index) => {
10812
+ // return (
10813
+ // <tr>
10814
+ // <td>
10815
+ // <div
10816
+ // style={{
10817
+ // width: '70%',
10818
+ // height: '70%',
10819
+ // }}
10820
+ // >
10821
+ // <Imagekitimagecomp
10822
+ // urlEndpoint={ikimagecredcontext?.ikimageendpoint}
10823
+ // publicKey={ikimagecredcontext?.ikimagepublickey}
10824
+ // path={item.productimages[0].path}
10825
+ // style={{
10826
+ // width: '100%',
10827
+ // height: '100%',
10828
+ // objectFit: 'contain',
10829
+ // }}
10830
+ // loading="lazy"
10831
+ // />
10832
+ // </div>
10833
+ // </td>
10834
+ // <td
10835
+ // style={{
10836
+ // color: '#000',
10837
+ // fontSize: '14px',
10838
+ // }}
10839
+ // >
10840
+ // {item[`name_${langdetect}`] || item.name_en}
10841
+ // </td>
10842
+ // <td
10843
+ // style={{
10844
+ // color: '#000',
10845
+ // fontSize: '14px',
10846
+ // }}
10847
+ // >
10848
+ // <p
10849
+ // className={'m-0 p-0 '}
10850
+ // style={{
10851
+ // color: '#000',
10852
+ // fontSize: '14px',
10853
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10854
+ // }}
10855
+ // dangerouslySetInnerHTML={{
10856
+ // __html: langdetect == 'en' ? item?.description_en : langdetect == 'fr' ? item?.description_fr : item?.description_ar,
10857
+ // }}
10858
+ // ></p>
10859
+ // </td>
10860
+ // <td
10861
+ // style={{
10862
+ // color: '#000',
10863
+ // fontSize: '14px',
10864
+ // }}
10865
+ // >
10866
+ // {item.defaultprice}
10867
+ // </td>
10868
+
10869
+ // {/* <td
10870
+ // class="cursor-pointer"
10871
+ // style={{
10872
+ // color: '#000',
10873
+ // fontSize: '14px',
10874
+ // }}
10875
+ // onClick={() => {}}
10876
+ // >
10877
+ // {lang.addtocart}
10878
+ // </td> */}
10879
+ // <td
10880
+ // class="cursor-pointer"
10881
+ // style={{
10882
+ // color: '#000',
10883
+ // fontSize: '14px',
10884
+ // }}
10885
+ // onClick={() => {
10886
+ // removecompareproduct(item.productid);
10887
+ // }}
10888
+ // >
10889
+ // {lang.remove}
10890
+ // </td>
10891
+ // </tr>
10892
+ // );
10893
+ // })}
10894
+ // </tbody>
10895
+ // </table>
10896
+ , (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10762
10897
  className: "row m-0 w-100 allcentered pb-5 ",
10763
10898
  style: {
10764
10899
  padding: '20px'
@@ -15608,7 +15743,7 @@
15608
15743
  d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
15609
15744
  })), /*#__PURE__*/React__default["default"].createElement("p", {
15610
15745
  className: "".concat(formstyles.checkbox_label, " ") + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
15611
- }, langdetect == 'en' ? 'Tabby' : 'Tabby'))), instapaychosen && /*#__PURE__*/React__default["default"].createElement("div", {
15746
+ }, langdetect == 'en' ? 'Pay Later With Tabby' : 'Tabby'))), instapaychosen && /*#__PURE__*/React__default["default"].createElement("div", {
15612
15747
  "class": "col-12 px-3 px-md-2 my-3"
15613
15748
  }, /*#__PURE__*/React__default["default"].createElement("p", {
15614
15749
  "class": ' pb-0 pl-md-2 pr-md-2 ',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.2.1179",
3
+ "version": "0.2.1181",
4
4
  "type": "module",
5
5
  "description": "your description",
6
6
  "main": "dist/index.cjs.js",