tabexseriescomponents 0.0.253 → 0.0.255

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -77,6 +77,8 @@ import { FaArrowAltCircleLeft } from '@react-icons/all-files/fa/FaArrowAltCircle
77
77
  import { FiFilter } from '@react-icons/all-files/fi/FiFilter';
78
78
  import { FiChevronLeft } from '@react-icons/all-files/fi/FiChevronLeft';
79
79
  import { FiChevronRight } from '@react-icons/all-files/fi/FiChevronRight';
80
+ import { HiOutlineArrowRight } from '@react-icons/all-files/hi/HiOutlineArrowRight';
81
+ import { HiOutlineArrowLeft } from '@react-icons/all-files/hi/HiOutlineArrowLeft';
80
82
  import ReactPaginate from 'react-paginate';
81
83
  import { BiGlobe } from '@react-icons/all-files/bi/BiGlobe';
82
84
  import { MdKeyboardArrowDown } from '@react-icons/all-files/md/MdKeyboardArrowDown';
@@ -775,13 +777,7 @@ var Login = function Login(props) {
775
777
  style: {
776
778
  background: 'transparent'
777
779
  }
778
- }), /*#__PURE__*/React.createElement("span", {
779
- className: langdetect == 'en' ? loginstyles$1.login_input_icon + ' login_input_icon ' : loginstyles$1.login_input_icontrans + ' login_input_icon '
780
- }, /*#__PURE__*/React.createElement("i", {
781
- className: "h-100 d-flex align-items-center justify-content-center"
782
- }, /*#__PURE__*/React.createElement(AiOutlineUser, {
783
- size: 18
784
- })))), /*#__PURE__*/React.createElement("div", {
780
+ })), /*#__PURE__*/React.createElement("div", {
785
781
  className: "col-lg-12 col-md-12 col-sm-12 p-sm-0"
786
782
  }, /*#__PURE__*/React.createElement("label", {
787
783
  className: "".concat(loginstyles2.logininputLabel) + ' text-transform-none d-flex justify-content-start '
@@ -795,11 +791,7 @@ var Login = function Login(props) {
795
791
  temppayloadobj.password = event.target.value;
796
792
  setpayloadobj(_objectSpread$21({}, temppayloadobj));
797
793
  }
798
- }), /*#__PURE__*/React.createElement("span", {
799
- className: langdetect == 'en' ? loginstyles$1.login_input_icon : loginstyles$1.login_input_icontrans
800
- }, /*#__PURE__*/React.createElement("i", {
801
- className: "fa fa-at h-100 d-flex align-items-center justify-content-center ml-1"
802
- }))), /*#__PURE__*/React.createElement("div", {
794
+ })), /*#__PURE__*/React.createElement("div", {
803
795
  className: "col-lg-12 col-md-12 col-sm-12 mb-3 d-flex justify-content-end mt-1 cursor-pointer text-light text-lighthover font-13 ",
804
796
  onClick: function onClick() {
805
797
  setforgetpasswordmodal(true);
@@ -1280,7 +1272,7 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
1280
1272
  function ownKeys$20(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1281
1273
  function _objectSpread$20(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$20(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$20(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1282
1274
  var Product_itemtype = function Product_itemtype(props) {
1283
- var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2;
1275
+ var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36;
1284
1276
  var lang = props.actions.lang;
1285
1277
  var langdetect = props.actions.langdetect;
1286
1278
  var srcfromprops = props.actions.srcfromprops;
@@ -1538,7 +1530,7 @@ var Product_itemtype = function Product_itemtype(props) {
1538
1530
  }
1539
1531
  }, /*#__PURE__*/React.createElement("div", {
1540
1532
  className: "row m-0 w-100 d-flex align-items-center"
1541
- }, /*#__PURE__*/React.createElement("div", {
1533
+ }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : (_fetchProductInfoQuer23 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : (_fetchProductInfoQuer24 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : (_fetchProductInfoQuer26 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : (_fetchProductInfoQuer27 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("div", {
1542
1534
  className: "col-lg-12 p-0 mb-2 d-flex justofy-content-start"
1543
1535
  }, /*#__PURE__*/React.createElement("p", {
1544
1536
  className: "m-0 p-0",
@@ -1548,7 +1540,7 @@ var Product_itemtype = function Product_itemtype(props) {
1548
1540
  textTransform: sectionproperties.generaltext_textTransform,
1549
1541
  fontWeight: sectionproperties.generaltext_fontWeight
1550
1542
  }
1551
- }, lang.quantity, ":")), sectionproperties.quantitybtn_show == 'Show' && /*#__PURE__*/React.createElement("button", {
1543
+ }, lang.quantity, ":")), sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : (_fetchProductInfoQuer29 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : (_fetchProductInfoQuer30 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : (_fetchProductInfoQuer32 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : (_fetchProductInfoQuer33 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("button", {
1552
1544
  className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 ',
1553
1545
  style: {
1554
1546
  height: sectionproperties.quantitybtn_height + 'px',
@@ -1584,11 +1576,16 @@ var Product_itemtype = function Product_itemtype(props) {
1584
1576
  style: {
1585
1577
  fontSize: sectionproperties.remove_quantitybtn_textfontsize + 'px'
1586
1578
  }
1587
- }))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
1579
+ }))), sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : (_fetchProductInfoQuer35 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : (_fetchProductInfoQuer36 = _fetchProductInfoQuer35.productinfo) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : _fetchProductInfoQuer36.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("button", {
1588
1580
  className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
1589
1581
  onClick: function onClick() {
1590
1582
  if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
1591
- addtocartfunc();
1583
+ var _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39;
1584
+ if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.isproductforcedtocheckout) == 0) {
1585
+ addtocartfunc();
1586
+ } else {
1587
+ routingcountext(StaticPagesLinksContext.Checkout);
1588
+ }
1592
1589
  } else {
1593
1590
  NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
1594
1591
  }
@@ -6563,7 +6560,7 @@ var Viewcart = function Viewcart(props) {
6563
6560
  }, Summary()))))));
6564
6561
  };
6565
6562
 
6566
- var css_248z$F = "/* Forms */\n.form-module_form_control__4-RGw {\n display: block;\n width: 100%;\n /* height: 25px; */\n /* font-size: 1rem; */\n font-weight: 500;\n /* color: #444054; */\n /* background-color: white; */\n /* border-radius: 20px; */\n /* box-shadow: 0 0 10px #e6e6e6; */\n /* height: 40px; */\n padding-left: 0;\n padding-right: 0;\n /* font-size: 14px; */\n transition: background 0s ease-out;\n padding: 0 10px;\n}\n.form-module_textarea__zG0ed{\n resize: none;\n /* background-color: #eee; */\n}\n@media screen and (prefers-reduced-motion: reduce) {\n .form-module_form_control__4-RGw {\n transition: none;\n }\n}\n.form-module_form_control__4-RGw::-ms-expand {\n background-color: transparent;\n border: 0;\n}\n.form-module_form_control__4-RGw::placeholder {\n color: #eac435;\n opacity: 1;\n}\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[readonly] {\n background-color: #e9ecef;\n opacity: 1;\n cursor: not-allowed;\n}\ntextarea.form-module_form_control__4-RGw {\n min-height: 100px !important;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.form-module_form_control__4-RGw:focus {\n transition-duration: 0.3s;\n box-shadow: none;\n box-shadow: 0 0 10px #ccc;\n}\n.form-module_form_control__4-RGw::-moz-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.form-module_form_control__4-RGw:-ms-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.form-module_form_control__4-RGw::-webkit-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n\n.form-module_form_control_border_none__TJvdZ {\n background-image: none;\n}\n.form-module_form_control__4-RGw.form-module_disabled__AtvSI,\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[disabled] {\n cursor: not-allowed;\n}\n.form-module_input_label_name__416wN {\n font-size: 16px;\n text-transform: capitalize;\n color: var(--cardheader);\n font-weight: 500;\n}\n.form-module_input_label_name-bolder__UQn0a {\n font-weight: 500;\n}\n.form-module_input_icon__X-CzC {\n position: absolute;\n bottom: 5px;\n left: 0;\n color: #d9d9d9;\n}\n/* Radio Buttons */\n.form-module_radiobtn_label__-4Hoi {\n display: flex;\n cursor: pointer;\n font-weight: 500;\n position: relative;\n overflow: hidden;\n margin-bottom: 0;\n}\n.form-module_radiobtn_label__-4Hoi input {\n position: absolute;\n left: -9999px;\n display: none;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span {\n background-color: #f0f5f5;\n color: var(--focus);\n font-weight: 500;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span:before {\n box-shadow: inset 0 0 0 0.3em #eac435;\n}\n.form-module_radiobtn_label__-4Hoi span {\n display: flex;\n align-items: center;\n text-transform: capitalize;\n padding: 0.375em 0.75em 0.375em 0.375em;\n border-radius: 99em;\n transition: 0.25s ease;\n font-weight: normal;\n color: var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi span:hover {\n background-color: #e6e6e6;\n}\n.form-module_radiobtn_label__-4Hoi span:before {\n display: flex;\n flex-shrink: 0;\n content: '';\n background-color: #fff;\n width: 1em;\n height: 1em;\n border-radius: 50%;\n margin-right: 0.375em;\n transition: 0.25s ease;\n box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi.form-module_text-grey__JdZMY span:before {\n box-shadow: inset 0 0 0 0.125em grey;\n}\n.form-module_radiobtn_label__-4Hoi input.form-module_disabled__AtvSI {\n cursor: not-allowed;\n}\n.form-module_radiobtn_label_translated__WN5Jj span:before {\n display: flex;\n flex-shrink: 0;\n content: '';\n background-color: #fff;\n width: 1em;\n height: 1em;\n border-radius: 50%;\n margin-left: 0.375em;\n margin-right: 0;\n transition: 0.25s ease;\n box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label_translated__WN5Jj input.form-module_disabled__AtvSI {\n cursor: not-allowed;\n}\n\n/* Checkbox */\n.form-module_checkbox__XPkWy {\n --border: #022648;\n --border-hover: #959ed0;\n --tick: #fff;\n position: relative;\n /* color: var(--cardheader); */\n}\n.form-module_checkbox_label__VvcKs {\n font-size: 16px;\n text-transform: capitalize;\n font-weight: 500;\n cursor: pointer;\n}\n.form-module_checkbox__XPkWy:hover {\n /* color: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input,\n.form-module_checkbox__XPkWy svg {\n width: 16px;\n height: 16px;\n display: block;\n}\n.form-module_checkbox_sub__QWYil input {\n width: 15px;\n height: 15px;\n}\n.form-module_checkbox__XPkWy input {\n -webkit-appearance: none;\n -moz-appearance: none;\n position: relative;\n outline: none;\n background: white;\n border: none;\n margin: 0;\n padding: 0;\n cursor: pointer;\n border-radius: 4px;\n transition: box-shadow 0.3s;\n box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.form-module_checkbox__XPkWy input:disabled {\n cursor: not-allowed;\n}\n.form-module_checkbox__XPkWy input:hover {\n /* --s: 2px; */\n /* --b: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input:checked {\n /* --b: var(--secondary); */\n}\n.form-module_checkbox__XPkWy svg {\n pointer-events: none;\n fill: none;\n stroke-width: 2px;\n stroke-linecap: round;\n stroke-linejoin: round;\n /* stroke: var(--stroke, var(--secondary)); */\n position: absolute;\n top: 0;\n left: 0;\n width: 16px;\n height: 21px;\n transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkbox_sub__QWYil svg {\n pointer-events: none;\n fill: none;\n stroke-width: 2px;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke: var(--stroke, var(--secondary));\n position: absolute;\n top: 0;\n left: 0;\n width: 16px;\n height: 21px;\n transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkboxtranslated__zvEV- svg {\n right: 0;\n}\n.form-module_checkbox__XPkWy input:checked {\n --s: 2px;\n transition-delay: 0.4s;\n}\n.form-module_checkbox__XPkWy input:checked + svg {\n --a: 16.1 86.12;\n --o: 102.22;\n}\n.form-module_checkbox__XPkWy svg {\n stroke-dasharray: var(--a, 86.12);\n stroke-dashoffset: var(--o, 86.12);\n transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n";
6563
+ var css_248z$F = "/* Forms */\n.form-module_form_control__4-RGw {\n display: block;\n width: 100%;\n /* height: 25px; */\n /* font-size: 1rem; */\n font-weight: 500;\n /* color: #444054; */\n /* background-color: white; */\n /* border-radius: 20px; */\n /* box-shadow: 0 0 10px #e6e6e6; */\n /* height: 40px; */\n padding-left: 0;\n padding-right: 0;\n /* font-size: 14px; */\n transition: background 0s ease-out;\n padding: 0 10px;\n}\n.form-module_textarea__zG0ed{\n resize: none;\n /* background-color: #eee; */\n}\n@media screen and (prefers-reduced-motion: reduce) {\n .form-module_form_control__4-RGw {\n transition: none;\n }\n}\n.form-module_form_control__4-RGw::-ms-expand {\n background-color: transparent;\n border: 0;\n}\n.form-module_form_control__4-RGw::placeholder {\n color: #eac435;\n opacity: 1;\n}\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[readonly] {\n background-color: #e9ecef;\n opacity: 1;\n cursor: not-allowed;\n}\ntextarea.form-module_form_control__4-RGw {\n min-height: 100px !important;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.form-module_form_control__4-RGw:focus {\n transition-duration: 0.3s;\n box-shadow: none;\n /* box-shadow: 0 0 10px #ccc; */\n}\n.form-module_form_control__4-RGw::-moz-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.form-module_form_control__4-RGw:-ms-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.form-module_form_control__4-RGw::-webkit-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n\n.form-module_form_control_border_none__TJvdZ {\n background-image: none;\n}\n.form-module_form_control__4-RGw.form-module_disabled__AtvSI,\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[disabled] {\n cursor: not-allowed;\n}\n.form-module_input_label_name__416wN {\n font-size: 16px;\n text-transform: capitalize;\n color: var(--cardheader);\n font-weight: 500;\n}\n.form-module_input_label_name-bolder__UQn0a {\n font-weight: 500;\n}\n.form-module_input_icon__X-CzC {\n position: absolute;\n bottom: 5px;\n left: 0;\n color: #d9d9d9;\n}\n/* Radio Buttons */\n.form-module_radiobtn_label__-4Hoi {\n display: flex;\n cursor: pointer;\n font-weight: 500;\n position: relative;\n overflow: hidden;\n margin-bottom: 0;\n}\n.form-module_radiobtn_label__-4Hoi input {\n position: absolute;\n left: -9999px;\n display: none;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span {\n background-color: #f0f5f5;\n color: var(--focus);\n font-weight: 500;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span:before {\n box-shadow: inset 0 0 0 0.3em #eac435;\n}\n.form-module_radiobtn_label__-4Hoi span {\n display: flex;\n align-items: center;\n text-transform: capitalize;\n padding: 0.375em 0.75em 0.375em 0.375em;\n border-radius: 99em;\n transition: 0.25s ease;\n font-weight: normal;\n color: var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi span:hover {\n background-color: #e6e6e6;\n}\n.form-module_radiobtn_label__-4Hoi span:before {\n display: flex;\n flex-shrink: 0;\n content: '';\n background-color: #fff;\n width: 1em;\n height: 1em;\n border-radius: 50%;\n margin-right: 0.375em;\n transition: 0.25s ease;\n box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi.form-module_text-grey__JdZMY span:before {\n box-shadow: inset 0 0 0 0.125em grey;\n}\n.form-module_radiobtn_label__-4Hoi input.form-module_disabled__AtvSI {\n cursor: not-allowed;\n}\n.form-module_radiobtn_label_translated__WN5Jj span:before {\n display: flex;\n flex-shrink: 0;\n content: '';\n background-color: #fff;\n width: 1em;\n height: 1em;\n border-radius: 50%;\n margin-left: 0.375em;\n margin-right: 0;\n transition: 0.25s ease;\n box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label_translated__WN5Jj input.form-module_disabled__AtvSI {\n cursor: not-allowed;\n}\n\n/* Checkbox */\n.form-module_checkbox__XPkWy {\n --border: #022648;\n --border-hover: #959ed0;\n --tick: #fff;\n position: relative;\n /* color: var(--cardheader); */\n}\n.form-module_checkbox_label__VvcKs {\n font-size: 16px;\n text-transform: capitalize;\n font-weight: 500;\n cursor: pointer;\n}\n.form-module_checkbox__XPkWy:hover {\n /* color: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input,\n.form-module_checkbox__XPkWy svg {\n width: 16px;\n height: 16px;\n display: block;\n}\n.form-module_checkbox_sub__QWYil input {\n width: 15px;\n height: 15px;\n}\n.form-module_checkbox__XPkWy input {\n -webkit-appearance: none;\n -moz-appearance: none;\n position: relative;\n outline: none;\n background: white;\n border: none;\n margin: 0;\n padding: 0;\n cursor: pointer;\n border-radius: 4px;\n transition: box-shadow 0.3s;\n box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.form-module_checkbox__XPkWy input:disabled {\n cursor: not-allowed;\n}\n.form-module_checkbox__XPkWy input:hover {\n /* --s: 2px; */\n /* --b: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input:checked {\n /* --b: var(--secondary); */\n}\n.form-module_checkbox__XPkWy svg {\n pointer-events: none;\n fill: none;\n stroke-width: 2px;\n stroke-linecap: round;\n stroke-linejoin: round;\n /* stroke: var(--stroke, var(--secondary)); */\n position: absolute;\n top: 0;\n left: 0;\n width: 16px;\n height: 21px;\n transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkbox_sub__QWYil svg {\n pointer-events: none;\n fill: none;\n stroke-width: 2px;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke: var(--stroke, var(--secondary));\n position: absolute;\n top: 0;\n left: 0;\n width: 16px;\n height: 21px;\n transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkboxtranslated__zvEV- svg {\n right: 0;\n}\n.form-module_checkbox__XPkWy input:checked {\n --s: 2px;\n transition-delay: 0.4s;\n}\n.form-module_checkbox__XPkWy input:checked + svg {\n --a: 16.1 86.12;\n --o: 102.22;\n}\n.form-module_checkbox__XPkWy svg {\n stroke-dasharray: var(--a, 86.12);\n stroke-dashoffset: var(--o, 86.12);\n transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n";
6567
6564
  var formstyles = {"form_control":"form-module_form_control__4-RGw","textarea":"form-module_textarea__zG0ed","form_control_border_none":"form-module_form_control_border_none__TJvdZ","disabled":"form-module_disabled__AtvSI","input_label_name":"form-module_input_label_name__416wN","input_label_name-bolder":"form-module_input_label_name-bolder__UQn0a","input_icon":"form-module_input_icon__X-CzC","radiobtn_label":"form-module_radiobtn_label__-4Hoi","text-grey":"form-module_text-grey__JdZMY","radiobtn_label_translated":"form-module_radiobtn_label_translated__WN5Jj","checkbox":"form-module_checkbox__XPkWy","checkbox_label":"form-module_checkbox_label__VvcKs","checkbox_sub":"form-module_checkbox_sub__QWYil","checkboxtranslated":"form-module_checkboxtranslated__zvEV-"};
6568
6565
  styleInject(css_248z$F);
6569
6566
 
@@ -7069,7 +7066,10 @@ var Checkout = function Checkout(props) {
7069
7066
  cartarr.data.customercart.couponname = event.target.value;
7070
7067
  queryClient.setQueryData('fetchcustomercart_API', cartarr);
7071
7068
  },
7072
- disabled: fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue39 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue39 !== void 0 && (_fetchcustomercartQue40 = _fetchcustomercartQue39.data) !== null && _fetchcustomercartQue40 !== void 0 && _fetchcustomercartQue40.customercart.couponexists ? true : false
7069
+ disabled: fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue39 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue39 !== void 0 && (_fetchcustomercartQue40 = _fetchcustomercartQue39.data) !== null && _fetchcustomercartQue40 !== void 0 && _fetchcustomercartQue40.customercart.couponexists ? true : false,
7070
+ style: {
7071
+ boxShadow: 'none'
7072
+ }
7073
7073
  })), /*#__PURE__*/React.createElement("div", {
7074
7074
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
7075
7075
  }, /*#__PURE__*/React.createElement("button", {
@@ -7384,7 +7384,8 @@ var Checkout = function Checkout(props) {
7384
7384
  cartinfoupdater('mobile', event.target.value);
7385
7385
  },
7386
7386
  style: {
7387
- resize: 'none'
7387
+ resize: 'none',
7388
+ boxShadow: 'none'
7388
7389
  }
7389
7390
  })), /*#__PURE__*/React.createElement("div", {
7390
7391
  className: "col-lg-4 col-md-12 mb-3"
@@ -7396,6 +7397,9 @@ var Checkout = function Checkout(props) {
7396
7397
  value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue75 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue75 === void 0 ? void 0 : (_fetchcustomercartQue76 = _fetchcustomercartQue75.data) === null || _fetchcustomercartQue76 === void 0 ? void 0 : _fetchcustomercartQue76.customercart.email,
7397
7398
  onChange: function onChange(event) {
7398
7399
  cartinfoupdater('email', event.target.value);
7400
+ },
7401
+ style: {
7402
+ boxShadow: 'none'
7399
7403
  }
7400
7404
  }))), sectionproperties.hideshipping == 'Show' && /*#__PURE__*/React.createElement("div", {
7401
7405
  "class": "col-lg-12 p-0"
@@ -7513,7 +7517,8 @@ var Checkout = function Checkout(props) {
7513
7517
  cartinfoupdater('address', event.target.value);
7514
7518
  },
7515
7519
  style: {
7516
- resize: 'none'
7520
+ resize: 'none',
7521
+ boxShadow: 'none'
7517
7522
  }
7518
7523
  })))), sectionproperties.shownotes == 'Show' && /*#__PURE__*/React.createElement("div", {
7519
7524
  className: "col-lg-12 mb-3"
@@ -7527,7 +7532,8 @@ var Checkout = function Checkout(props) {
7527
7532
  cartinfoupdater('notes', event.target.value);
7528
7533
  },
7529
7534
  style: {
7530
- resize: 'none'
7535
+ resize: 'none',
7536
+ boxShadow: 'none'
7531
7537
  }
7532
7538
  }))))), /*#__PURE__*/React.createElement("div", {
7533
7539
  className: "col-lg-12 p-0 w-100"
@@ -7724,7 +7730,7 @@ var Select = /*#__PURE__*/React.lazy(function () {
7724
7730
  return import('react-select');
7725
7731
  });
7726
7732
  var CustomerInformationForm = function CustomerInformationForm(props) {
7727
- var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _fetchAuthorizationQu4, _fetchAuthorizationQu5, _fetchAuthorizationQu6, _css;
7733
+ var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _fetchAuthorizationQu4, _fetchAuthorizationQu5, _fetchAuthorizationQu6, _css, _authdetailsContext$c, _authdetailsContext$c2;
7728
7734
  var lang = props.actions.lang;
7729
7735
  var langdetect = props.actions.langdetect;
7730
7736
  props.actions.routingcountext;
@@ -8282,7 +8288,57 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
8282
8288
  className: "col-lg-12 p-0"
8283
8289
  }, /*#__PURE__*/React.createElement("div", {
8284
8290
  className: "row ml-0 mr-0 w-100"
8291
+ }, sectionproperties.showsubscription == 'Show' && /*#__PURE__*/React.createElement("div", {
8292
+ className: "col-lg-6 col-md-6 col-sm-12 mb-3"
8285
8293
  }, /*#__PURE__*/React.createElement("div", {
8294
+ style: {
8295
+ background: sectionproperties.backgroundColor,
8296
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
8297
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
8298
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
8299
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
8300
+ },
8301
+ className: "px-2 py-3 flex-column"
8302
+ }, /*#__PURE__*/React.createElement("p", {
8303
+ "class": "m-0 p-0 allcentered ",
8304
+ style: {
8305
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
8306
+ color: sectionproperties.sectionTitleColor,
8307
+ fontWeight: sectionproperties.sectionTitleFontWeight
8308
+ }
8309
+ }, langdetect == 'en' ? 'Subscribed at' : 'مشترك فى'), /*#__PURE__*/React.createElement("p", {
8310
+ "class": "m-0 p-0 allcentered ",
8311
+ style: {
8312
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
8313
+ color: sectionproperties.sectionTitleColor,
8314
+ fontWeight: sectionproperties.sectionTitleFontWeight
8315
+ }
8316
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.subscription_name))), sectionproperties.showsubscription == 'Show' && /*#__PURE__*/React.createElement("div", {
8317
+ className: "col-lg-6 col-md-6 col-sm-12 mb-3"
8318
+ }, /*#__PURE__*/React.createElement("div", {
8319
+ style: {
8320
+ background: sectionproperties.backgroundColor,
8321
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
8322
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
8323
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
8324
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
8325
+ },
8326
+ className: "px-2 py-3 allcentered flex-column"
8327
+ }, /*#__PURE__*/React.createElement("p", {
8328
+ "class": "m-0 p-0",
8329
+ style: {
8330
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
8331
+ color: sectionproperties.sectionTitleColor,
8332
+ fontWeight: sectionproperties.sectionTitleFontWeight
8333
+ }
8334
+ }, langdetect == 'en' ? 'Subscription end on' : 'الإشتراك ينتهى فى'), /*#__PURE__*/React.createElement("p", {
8335
+ "class": "m-0 p-0",
8336
+ style: {
8337
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
8338
+ color: sectionproperties.sectionTitleColor,
8339
+ fontWeight: sectionproperties.sectionTitleFontWeight
8340
+ }
8341
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c2 = authdetailsContext.customerinfo) === null || _authdetailsContext$c2 === void 0 ? void 0 : _authdetailsContext$c2.subscrption_enddate))), /*#__PURE__*/React.createElement("div", {
8286
8342
  className: "col-lg-12 mb-3 p-0"
8287
8343
  }, /*#__PURE__*/React.createElement("div", {
8288
8344
  style: {
@@ -11515,15 +11571,27 @@ var CardsSection = function CardsSection(props) {
11515
11571
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
11516
11572
  }
11517
11573
  }
11518
- }, /*#__PURE__*/React.createElement("span", {
11574
+ }, sectionproperties.viewmorebtntype == 'Text' && /*#__PURE__*/React.createElement("span", {
11519
11575
  "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-flex justify-content-center align-items-center' : 'd-flex justify-content-center align-items-center d-md-none'
11520
11576
  }, /*#__PURE__*/React.createElement("span", {
11521
11577
  "class": sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
11522
- }, langdetect == 'en' ? sectionproperties.viewmorebtn_text : sectionproperties.viewmorebtn_text_ar)), /*#__PURE__*/React.createElement("span", {
11578
+ }, langdetect == 'en' ? sectionproperties.viewmorebtn_text : sectionproperties.viewmorebtn_text_ar)), sectionproperties.viewmorebtntype == 'Icon' && /*#__PURE__*/React.createElement("span", {
11579
+ "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-flex justify-content-center align-items-center' : 'd-flex justify-content-center align-items-center d-md-none'
11580
+ }, /*#__PURE__*/React.createElement("i", {
11581
+ "class": "h-100 allcentered"
11582
+ }, langdetect == 'en' ? /*#__PURE__*/React.createElement(HiOutlineArrowRight, {
11583
+ size: sectionproperties.viewmorebtn_fontSize
11584
+ }) : /*#__PURE__*/React.createElement(HiOutlineArrowLeft, {
11585
+ size: sectionproperties.viewmorebtn_fontSize
11586
+ }))), /*#__PURE__*/React.createElement("span", {
11523
11587
  "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center'
11524
11588
  }, /*#__PURE__*/React.createElement("i", {
11525
11589
  "class": "h-100 d-flex align-items-center justify-content-center"
11526
- }, langdetect == 'en' ? /*#__PURE__*/React.createElement(FaArrowAltCircleRight, null) : /*#__PURE__*/React.createElement(FaArrowAltCircleLeft, null)))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React.createElement("button", {
11590
+ }, ' ', langdetect == 'en' ? /*#__PURE__*/React.createElement(HiOutlineArrowRight, {
11591
+ size: sectionproperties.viewmorebtn_fontSize
11592
+ }) : /*#__PURE__*/React.createElement(HiOutlineArrowLeft, {
11593
+ size: sectionproperties.viewmorebtn_fontSize
11594
+ })))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React.createElement("button", {
11527
11595
  "class": ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
11528
11596
  onClick: function onClick() {
11529
11597
  setopenFilterSlider(true);
@@ -12046,18 +12114,37 @@ var Subheader = function Subheader(props) {
12046
12114
  }, (props === null || props === void 0 ? void 0 : (_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.subheaderpositionprops) == 'in nav' && (templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
12047
12115
  if (item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex == 0) {
12048
12116
  var _props$subheaderprope4, _props$subheaderprope5;
12049
- return /*#__PURE__*/React.createElement("p", {
12050
- onClick: function onClick() {
12051
- routingcountext(item.navigationroute);
12052
- },
12053
- "class": "scrollhorizontalcard mb-0 pb-0",
12054
- style: {
12055
- marginLeft: langdetect == 'ar' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope4 = props.subheaderpropertiesprops) === null || _props$subheaderprope4 === void 0 ? void 0 : _props$subheaderprope4.paddingLeftprops : 0,
12056
- marginRight: langdetect == 'en' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingRightprops : 0
12057
- }
12058
- }, /*#__PURE__*/React.createElement("p", {
12059
- "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 '
12060
- }, langdetect == 'en' ? item.pagename : item.pagename_ar));
12117
+ return (
12118
+ /*#__PURE__*/
12119
+ // <p
12120
+ // class={`${headerstyles.link} ${header_cssstyles.subheader_category}` + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard '}
12121
+ // // onClick={() => {
12122
+ // // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
12123
+ // // }}
12124
+ // // onMouseEnter={() => {
12125
+ // // setshowdownheadermenu(true);
12126
+ // // setChoosenindex(index);
12127
+ // // }}
12128
+ // style={{
12129
+ // marginLeft: langdetect == 'ar' ? props.subheaderpropertiesprops?.paddingLeftprops : 0,
12130
+ // marginRight: langdetect == 'en' ? props.subheaderpropertiesprops?.paddingRightprops : 0,
12131
+ // }}
12132
+ // >
12133
+ // asd
12134
+ // </p>
12135
+ React.createElement("p", {
12136
+ onClick: function onClick() {
12137
+ routingcountext(item.navigationroute);
12138
+ },
12139
+ "class": "scrollhorizontalcard mb-0 pb-0",
12140
+ style: {
12141
+ marginLeft: langdetect == 'ar' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope4 = props.subheaderpropertiesprops) === null || _props$subheaderprope4 === void 0 ? void 0 : _props$subheaderprope4.paddingLeftprops : 0,
12142
+ marginRight: langdetect == 'en' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingRightprops : 0
12143
+ }
12144
+ }, /*#__PURE__*/React.createElement("p", {
12145
+ "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 '
12146
+ }, langdetect == 'en' ? item.pagename : item.pagename_ar))
12147
+ );
12061
12148
  }
12062
12149
  })), sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : (_fetchCategoriesQuery4 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.categories.map(function (item, index) {
12063
12150
  if (item.isshowntocustomers == 1) {
@@ -36031,23 +36118,15 @@ var BackgroundFiveImageStructure = function BackgroundFiveImageStructure(props)
36031
36118
  imagesarray = _useState4[0],
36032
36119
  setimagesarray = _useState4[1];
36033
36120
  useEffect(function () {
36034
- if (props.srcfrom == 'addsectionform') {
36035
- var secpropobj = {};
36036
- props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
36037
- secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
36038
- });
36039
- setsectionproperties(_objectSpread$15({}, secpropobj));
36040
- } else {
36041
- var secpropobj = {};
36042
- StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
36043
- if (sectionitem.sectionid == props.sectionidprops) {
36044
- sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
36045
- secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
36046
- });
36047
- }
36048
- });
36049
- setsectionproperties(_objectSpread$15({}, secpropobj));
36050
- }
36121
+ var secpropobj = {};
36122
+ StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
36123
+ if (sectionitem.sectionid == props.sectionidprops) {
36124
+ sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
36125
+ secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
36126
+ });
36127
+ }
36128
+ });
36129
+ setsectionproperties(_objectSpread$15({}, secpropobj));
36051
36130
  }, [StatePagePropertiesContext]);
36052
36131
  useEffect(function () {
36053
36132
  if (sectionproperties.length != 0) {
@@ -43848,7 +43927,8 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
43848
43927
  transition: '.3s',
43849
43928
  ':hover': {
43850
43929
  background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
43851
- color: sectionproperties.cartBtnTextcoloronhover
43930
+ color: sectionproperties.cartBtnTextcoloronhover,
43931
+ borderColor: sectionproperties.cartBtnTextcoloronhover
43852
43932
  }
43853
43933
  }),
43854
43934
  button_styles: css({
@@ -44075,7 +44155,12 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
44075
44155
  height: sectionproperties.image_height + 'px',
44076
44156
  marginBottom: sectionproperties.image_mb + 'px',
44077
44157
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
44078
- paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
44158
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
44159
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
44160
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
44161
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
44162
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
44163
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
44079
44164
  },
44080
44165
  onClick: function onClick(e) {
44081
44166
  event.stopPropagation();
@@ -44086,10 +44171,9 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
44086
44171
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
44087
44172
  path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
44088
44173
  style: {
44089
- width: '100%',
44090
- height: '100%',
44174
+ width: sectionproperties.imageInnerWidth_Height + '%',
44175
+ height: sectionproperties.imageInnerWidth_Height + '%',
44091
44176
  objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
44092
- background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
44093
44177
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
44094
44178
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
44095
44179
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',