tabexseriescomponents 0.0.152 → 0.0.153

package/dist/index.esm.js

@@ -111,6 +111,8 @@ import ReactPlayer from 'react-player';
 import BackgroundSlideshow from 'react-background-slideshow';
 import _extends from '@babel/runtime/helpers/extends';
 import { Fade, Slide, Zoom } from 'react-slideshow-image';
+import { HiOutlineLocationMarker } from '@react-icons/all-files/hi/HiOutlineLocationMarker';
+import { FiPhoneCall } from '@react-icons/all-files/fi/FiPhoneCall';
 import { BsEye } from '@react-icons/all-files/bs/BsEye';
 import { BiTimeFive } from '@react-icons/all-files/bi/BiTimeFive';
 import { IoIosArrowUp } from '@react-icons/all-files/io/IoIosArrowUp';
@@ -9316,7 +9318,7 @@ var CardsSection = function CardsSection(props) {
     }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
       "class": section_cssstyles.line_left
     }), /*#__PURE__*/React.createElement("p", {
-      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_cssstyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_cssstyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_cssstyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(section_cssstyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_cssstyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(section_cssstyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
+      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_cssstyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_cssstyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_cssstyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(section_cssstyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_cssstyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'ASUL' ? "".concat(section_cssstyles.sectiontitlespan) + ' ASUL mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(section_cssstyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
       style: {
         color: sectionproperties.sectionTitleColor,
         fontWeight: sectionproperties.sectionTitleFontWeight,
@@ -9368,7 +9370,7 @@ var CardsSection = function CardsSection(props) {
         paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px'
       }
     }, /*#__PURE__*/React.createElement("p", {
-      "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : ' m-0 p-0 wordbreak',
+      "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : sectionproperties.descFontFamily == 'ASUL' ? ' ASUL  m-0 p-0 wordbreak ' : ' m-0 p-0 wordbreak ',
       style: {
         color: sectionproperties.prodCatColor,
         fontWeight: sectionproperties.prodCatFontWeight,
@@ -9384,7 +9386,7 @@ var CardsSection = function CardsSection(props) {
         paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px'
       }
     }, /*#__PURE__*/React.createElement("p", {
-      "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak ' : ' m-0 p-0 wordbreak ',
+      "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'ASUL' ? ' ASUL m-0 p-0 wordbreak ' : ' m-0 p-0 wordbreak ',
       style: {
         color: sectionproperties.prodCatColor,
         fontWeight: sectionproperties.prodCatFontWeight,
@@ -9413,7 +9415,9 @@ var CardsSection = function CardsSection(props) {
       }
     }, /*#__PURE__*/React.createElement("span", {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-flex justify-content-center align-items-center' : 'd-flex justify-content-center align-items-center d-md-none'
-    }, langdetect == 'en' ? sectionproperties.viewmorebtn_text : sectionproperties.viewmorebtn_text_ar), /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
+      "class": sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
+    }, langdetect == 'en' ? sectionproperties.viewmorebtn_text : sectionproperties.viewmorebtn_text_ar)), /*#__PURE__*/React.createElement("span", {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center'
     }, /*#__PURE__*/React.createElement("i", {
       "class": "h-100 d-flex align-items-center justify-content-center"
@@ -9481,7 +9485,8 @@ var CardsSection = function CardsSection(props) {
               cardinfoitemprops: cardinfoitem,
               sectionindexprops: index,
               sectionidprops: item.sectionid,
-              actions: actions
+              actions: actions,
+              fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
             }));
           }), fetchingtype == 'products' && fetchProductsQuery.isFetchingNextPage && /*#__PURE__*/React.createElement("button", {
             className: section_cssstyles.loadbtn + ' d-flex justify-content-end align-items-center mt-4 ',
@@ -9510,7 +9515,8 @@ var CardsSection = function CardsSection(props) {
               cardinfoitemprops: cardinfoitem,
               sectionindexprops: index,
               sectionidprops: item.sectionid,
-              actions: actions
+              actions: actions,
+              fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
             }));
           }), fetchingtype == 'products' && /*#__PURE__*/React.createElement("div", {
             className: "w-100 col-lg-12 allcentered mt-2"
@@ -35582,9 +35588,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
     "class": sectionStyles.line_left
   }), /*#__PURE__*/React.createElement("p", {
-    "class":
-    // font-sm-18 font-md-20
-    sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(sectionStyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(sectionStyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(sectionStyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(sectionStyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(sectionStyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
+    "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(sectionStyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(sectionStyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(sectionStyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(sectionStyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(sectionStyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
     style: {
       fontSize: sectionproperties.sectionTitleFontSize + 'px',
       color: sectionproperties.sectionTitleColor,
@@ -35595,7 +35599,23 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
     }
   }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
     "class": sectionStyles.line_right
-  })))), cardsarray.map(function (cardinfoitem, cardinfoindex) {
+  })))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 d-md-none ',
+    style: {
+      justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start',
+      marginBottom: sectionproperties.descriptionMarginBottom + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.description_marginLeft + 'px' : sectionproperties.description_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : ' m-0 p-0 wordbreak',
+    style: {
+      color: sectionproperties.prodCatColor,
+      fontWeight: sectionproperties.prodCatFontWeight,
+      textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
+      fontSize: sectionproperties.prodCatFontSize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
     return /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-3 align-items-stretch",
       style: {
@@ -37384,58 +37404,30 @@ var TwoWayServiceSectionWithImage = function TwoWayServiceSectionWithImage(props
 function ownKeys$z(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; }
 function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ContactUsSection = function ContactUsSection(props) {
+  var _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i10;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
     setsectionproperties = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    bgimagesarray = _useState4[0],
-    setbgimagesarray = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    cardsarray = _useState6[0],
-    setcardsarray = _useState6[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
+  var authdetailsContext = props.actions.authdetailsContext;
   useEffect(function () {
-    if (props.srcfrom == 'addsectionform') {
-      var secpropobj = {};
-      props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
-        secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
-      });
-      setsectionproperties(_objectSpread$z({}, secpropobj));
-    } else {
-      var secpropobj = {};
-      StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
-        if (sectionitem.sectionid == props.sectionidprops) {
-          sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
-            secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
-          });
-        }
-      });
-      setsectionproperties(_objectSpread$z({}, secpropobj));
-    }
-  }, [StatePagePropertiesContext]);
-  useEffect(function () {
-    if (sectionproperties.length != 0) {
-      if (sectionproperties.bgsection_imagearrayofobjs != null) {
-        var bgsection_imagearrayofobjsparsed = JSON.parse(sectionproperties.bgsection_imagearrayofobjs);
-        if (Array.isArray(bgsection_imagearrayofobjsparsed)) {
-          setbgimagesarray(_toConsumableArray(bgsection_imagearrayofobjsparsed));
-        }
-      }
-      if (sectionproperties.card_arrayofobjects != null) {
-        var card_arrayofobjectsparsed = JSON.parse(sectionproperties.card_arrayofobjects);
-        if (Array.isArray(card_arrayofobjectsparsed)) {
-          setcardsarray(_toConsumableArray(card_arrayofobjectsparsed));
-        }
+    var secpropobj = {};
+    StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
+      if (sectionitem.sectionid == props.sectionidprops) {
+        sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
+          secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
+        });
       }
-    }
-  }, [sectionproperties]);
+    });
+    setsectionproperties(_objectSpread$z({}, secpropobj));
+  }, [StatePagePropertiesContext]);
   var section_styles = {
     cards_sections: css({
+      width: sectionproperties.width + 'vw',
+      height: sectionproperties.height + 'vh',
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
@@ -37443,170 +37435,180 @@ var ContactUsSection = function ContactUsSection(props) {
       paddingTop: sectionproperties.paddingTop + 'px',
       paddingBottom: sectionproperties.paddingBottom + 'px',
       background: sectionproperties.backgroundColor,
-      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
       borderColor: sectionproperties.sectioncardbordercolor,
       border: sectionproperties.sectioncardborderwidth + 'px solid'
     }),
-    sectiontitlespan: css({
-      ':after': {
-        position: 'absolute',
-        content: 's',
-        fontSize: '0',
-        bottom: 0,
-        right: 0,
-        left: 0,
-        display: 'block',
-        height: '3px',
-        width: sectionproperties.sectitle_lineafterwidth + '%',
-        backgroundColor: sectionproperties.linebgcolor
+    sectionTitle: css({
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+      fontWeight: sectionproperties.sectionTitleFontWeight,
+      color: sectionproperties.sectionTitleColor
+    }),
+    description: css({
+      fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      marginBottom: sectionproperties.descriptionMarginBottom + 'px'
+    }),
+    iconContainer: css({
+      width: sectionproperties.iconcontainerwidth + 'vh',
+      height: sectionproperties.iconcontainerheight + 'vh',
+      border: sectionproperties.iconcontainer_borderWidth + 'px solid ' + sectionproperties.iconcontainer_bordercolor,
+      borderRadius: sectionproperties.iconcontainerborderbl + 'px',
+      background: sectionproperties.iconcontainerbg,
+      color: sectionproperties.iconcontainercolor,
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.iconcontainercoloronhover
       }
     }),
-    sectiontitlespan2: css({
-      ':after': {
-        position: 'absolute',
-        content: 's',
-        fontSize: '0',
-        bottom: 0,
-        right: 0,
-        left: 0,
-        display: 'block',
-        height: '100%',
-        width: sectionproperties.sectitle_lineafterwidth + '%',
-        backgroundColor: sectionproperties.linebgcolor,
-        borderRadius: '5px'
+    storeinfotitle: css({
+      fontSize: sectionproperties.footerinfotext_secondaryfontsize + 'px',
+      fontWeight: sectionproperties.footerinfotext_secondaryfontweight,
+      color: sectionproperties.footerinfotext_secondarycolor
+    }),
+    storeinfo: css({
+      cursor: 'pointer',
+      fontSize: sectionproperties.footerinfotext_fontsize + 'px',
+      color: sectionproperties.footerinfotext_color,
+      fontWeight: sectionproperties.footerinfotext_fontweight,
+      transition: '.3s',
+      ':hover .storeinfo': {
+        color: sectionproperties.footerinfotext_coloronhover,
+        transition: '.3s'
+      },
+      ':hover .storeinfoicon': {
+        backgroundColor: sectionproperties.iconcontainerbgonhover,
+        transition: '.3s'
       }
     })
   };
-  var imagesection = function imagesection() {
-    return /*#__PURE__*/React.createElement("div", {
+  var SectionTitle = function SectionTitle() {
+    return /*#__PURE__*/React.createElement("p", {
+      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? section_styles.sectionTitle + ' PacificoFont p-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? section_styles.sectionTitle + ' PlayfairFont p-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? section_styles.sectionTitle + ' GreatvibesFont p-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? section_styles.sectionTitle + ' QuicksandFont p-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? section_styles.sectionTitle + ' SatisfyFont p-0 wordbreak ' : section_styles.sectionTitle + '  p-0 wordbreak ',
       style: {
-        height: sectionproperties.image_height + 'px',
-        overflow: 'hidden'
-      },
-      "class": "h-sm-auto"
-    }, /*#__PURE__*/React.createElement(IKImage, {
-      "class": "h-sm-auto",
-      urlEndpoint: IKurlEndpoint,
-      publicKey: IKpublicKey,
-      path: bgimagesarray.length != 0 ? bgimagesarray[0].bgsection_image : '',
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+      }
+    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar);
+  };
+  var Description = function Description() {
+    return /*#__PURE__*/React.createElement("p", {
+      "class": sectionproperties.descFontFamily == 'Pacifico' ? section_styles.description + ' PacificoFont p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? section_styles.description + ' PlayfairFont p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? section_styles.description + ' GreatvibesFont p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? section_styles.description + ' QuicksandFont p-0 wordbreak ' : sectionproperties.descFontFamily == 'Satisfy' ? section_styles.description + ' SatisfyFont p-0 wordbreak ' : section_styles.description + '  p-0 wordbreak ',
       style: {
-        width: '100%',
-        height: sectionproperties.image_height + 'px',
-        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
-        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
-        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
-        background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
-        border: sectionproperties.image_borderwidth + ' solid ' + sectionproperties.image_bordercolor,
-        objectFit: sectionproperties.bgcovercontain
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
       }
-    }));
+    }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr);
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 d-flex justify-content-center w-100 align-items-center"
+    "class": section_styles.cards_sections + ' row m-0 d-flex align-items-center h-md-100vh pl-sm-3 pr-sm-3 pb-md-5 '
   }, /*#__PURE__*/React.createElement("div", {
-    "class": section_styles.cards_sections + ' col-lg-12 pl-md-2 pr-md-2 '
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 d-flex justify-content-center w-100"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
-  }, imagesection()), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "row ml-0 mr-0 w-100 mb-auto",
+    "class": ' col-lg-12 p-0 h-100 ',
     style: {
-      paddingTop: sectionproperties.sectionTitleMarginTop + 'px'
+      overflow: 'hidden'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-md-center p-0",
-    style: {
-      marginTop: sectionproperties.slideshowText1Content_marginTop + 'px'
-    }
+    "class": "row m-0 d-flex justify-content-center w-100 h-100"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "row ml-0 mr-0 w-100 mb-auto"
+    "class": "col-lg-6 d-flex align-items-center justify-content-start flex-column p-0"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-md-center p-0",
+    "class": "row m-0 w-100 d-flex align-items-center justify-content-start pl-5 pr-5 pl-md-2 pr-md-2 p-sm-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex d-sm-none align-items-center",
     style: {
-      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.sectionTitleFontSize + 'px'
     }
-  }, sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React.createElement("p", {
+  }, SectionTitle()), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-none d-sm-flex align-items-center justify-content-start",
     style: {
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      color: sectionproperties.sectionTitleColor,
-      fontWeight: sectionproperties.sectionTitleFontWeight,
-      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
-      position: 'relative'
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
     }
-  }, /*#__PURE__*/React.createElement("span", {
-    "class": "".concat(section_styles.sectiontitlespan)
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-md-center p-0",
+  }, SectionTitle()), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex d-sm-none align-items-center",
     style: {
-      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.prodCatFontSize + 'px'
     }
-  }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("p", {
-    className: langdetect == 'en' ? 'pl-3 wordbreak text-md-center' : 'pr-3 wordbreak text-md-center',
+  }, Description()), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-none d-sm-flex align-items-center",
     style: {
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      color: sectionproperties.sectionTitleColor,
-      fontWeight: sectionproperties.sectionTitleFontWeight,
-      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
-      position: 'relative'
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.prodCatFontSizeResp + 'px'
+    }
+  }, Description()), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": section_styles.storeinfo + ' m-0 p-0 d-flex justify-content-start flex-row mb-4 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i, _authdetailsContext$i2;
+      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.contactinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.email), '_self');
     }
   }, /*#__PURE__*/React.createElement("span", {
-    "class": "".concat(section_styles.sectiontitlespan2) + ' wordbreak text-md-center ',
-    style: {
-      textAlign: langdetect == 'en' ? 'left' : 'right'
+    "class": section_styles.iconContainer + ' allcentered storeinfoicon '
+  }, /*#__PURE__*/React.createElement("i", {
+    "class": "h-100 allcentered"
+  }, /*#__PURE__*/React.createElement(AiOutlineMail, {
+    size: sectionproperties.iconcontainer_iconfontsize
+  }))), /*#__PURE__*/React.createElement("span", {
+    "class": "ml-2 mr-2 d-flex justify-content-start flex-column"
+  }, /*#__PURE__*/React.createElement("span", {
+    "class": section_styles.storeinfotitle
+  }, "Email us"), /*#__PURE__*/React.createElement("span", {
+    "class": "storeinfo"
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email)))), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": section_styles.storeinfo + ' m-0 p-0 d-flex justify-content-start flex-row mb-4 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i5, _authdetailsContext$i6;
+      window.open('tel:+' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.mobile), '_blank');
     }
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))))), /*#__PURE__*/React.createElement("div", {
-    "class": 'col-lg-12 d-flex justify-content-center mb-3 pl-md-2 pr-md-2'
+  }, /*#__PURE__*/React.createElement("span", {
+    "class": section_styles.iconContainer + ' allcentered storeinfoicon '
+  }, /*#__PURE__*/React.createElement("i", {
+    "class": "h-100 allcentered"
+  }, /*#__PURE__*/React.createElement(FiPhoneCall, {
+    size: sectionproperties.iconcontainer_iconfontsize
+  }))), /*#__PURE__*/React.createElement("span", {
+    "class": "ml-2 mr-2 d-flex justify-content-start flex-column"
+  }, /*#__PURE__*/React.createElement("span", {
+    "class": section_styles.storeinfotitle
+  }, "Call us"), /*#__PURE__*/React.createElement("span", {
+    "class": "storeinfo"
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.mobile)))), sectionproperties.showfooteraddress == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
   }, /*#__PURE__*/React.createElement("p", {
-    "class": 'p-md-0 justify-content-md-center wordbreak text-md-center',
-    style: {
-      position: 'relative',
-      fontSize: sectionproperties.prodCatFontSize + 'px',
-      color: sectionproperties.prodCatColor,
-      fontWeight: sectionproperties.prodCatFontWeight,
-      marginBottom: sectionproperties.descriptionMarginBottom + 'px',
-      textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
+    "class": section_styles.storeinfo + ' m-0 p-0 d-flex justify-content-start flex-row mb-5 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i9;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.googlemapslink);
     }
-  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
-    return /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-6 d-flex mb-3"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "row m-0 w-100 d-flex flex-row"
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": "MonotonCursive mt-n2 p-0 m-0",
-      style: {
-        color: sectionproperties.generaltext_fontColor,
-        fontSize: sectionproperties.generaltext_fontSize + 'px',
-        whiteSpace: 'nowrap'
-      }
-    }, "0", cardinfoindex + 1), /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-9 col-md-9 col-sm-9 d-flex flex-column pl-3"
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": "m-0 p-0 wordbreak wordbreak1",
-      style: {
-        fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
-        color: sectionproperties.slideshowText1ContentColor,
-        fontWeight: sectionproperties.slideshowText1ContentFontWeight,
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), /*#__PURE__*/React.createElement("p", {
-      "class": "m-0 p-0 wordbreak wordbreak3",
-      style: {
-        color: sectionproperties.slideshowText2ContentColor,
-        fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
-        fontWeight: sectionproperties.slideshowText2ContentFontWeight,
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
-  }))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
-  }, imagesection()))));
+  }, /*#__PURE__*/React.createElement("span", {
+    "class": section_styles.iconContainer + ' allcentered storeinfoicon '
+  }, /*#__PURE__*/React.createElement("i", {
+    "class": "h-100 allcentered"
+  }, /*#__PURE__*/React.createElement(HiOutlineLocationMarker, {
+    size: sectionproperties.iconcontainer_iconfontsize
+  }))), /*#__PURE__*/React.createElement("span", {
+    "class": "ml-2 mr-2 d-flex justify-content-start flex-column"
+  }, /*#__PURE__*/React.createElement("span", {
+    "class": section_styles.storeinfotitle
+  }, "Visit us"), /*#__PURE__*/React.createElement("span", {
+    "class": "storeinfo"
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.address_en)))))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-6 allcentered p-0 h-100"
+  }, /*#__PURE__*/React.createElement("iframe", {
+    src: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3454.576281041015!2d31.49283901495739!3d30.020320781891087!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x145822591a17706b%3A0xc9f886adcffbb941!2sPoint%2090%20Mall!5e0!3m2!1sen!2seg!4v1669632726995!5m2!1sen!2seg",
+    width: "100%",
+    height: "100%",
+    allowfullscreen: "",
+    loading: "lazy",
+    referrerpolicy: "no-referrer-when-downgrade"
+  })))));
 };
 
 function ownKeys$y(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; }
@@ -44587,7 +44589,7 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
       borderRadius: sectionproperties.badge_borderradius + 'px'
     }
   }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 text-uppercase",
+    "class": props.fontFamilyprops == 'ASUL' ? ' ASUL m-0 p-0 text-uppercase' : ' m-0 p-0 text-uppercase',
     style: {
       color: sectionproperties.badge_color,
       fontSize: sectionproperties.badge_fontsize + 'px'
@@ -44617,14 +44619,18 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
       setShowProductInfoModalContext(true);
       setProductIdProdutInfoModalContext(item.productid);
     }
-  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
+  }, /*#__PURE__*/React.createElement("span", {
+    "class": props.fontFamilyprops == 'ASUL' ? 'ASUL' : ''
+  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
     "class": "".concat(card_cssstyles.cart_btnresponsive) + ' cursor-pointer d-none d-md-flex d-sm-flex align-items-center justify-content-center w-sm-80 ',
     onClick: function onClick(e) {
       e.stopPropagation();
       setShowProductInfoModalContext(true);
       setProductIdProdutInfoModalContext(item.productid);
     }
-  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", {
+    "class": props.fontFamilyprops == 'ASUL' ? 'ASUL' : ''
+  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))), /*#__PURE__*/React.createElement("div", {
     "class": 'row m-0 w-100 text-center mt-2'
   }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
@@ -44632,13 +44638,13 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
-    "class": "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center '
+    "class": props.fontFamilyprops == 'ASUL' && sectionproperties.prodNameFontWeight > 100 && sectionproperties.prodNameFontWeight < 600 ? "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center ASUL-400 ' : props.fontFamilyprops == 'ASUL' && sectionproperties.prodNameFontWeight > 600 ? "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center ASUL-700 ' : "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center '
   }, item.name)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex align-items-center justify-content-center p-0"
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 p-0 font-md-15 '
+    "class": props.fontFamilyprops == 'ASUL' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 p-0 font-md-15 ASUL ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 p-0 font-md-15 '
   }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 p-0 mr-2 ml-2 font-md-15 '
+    "class": props.fontFamilyprops == 'ASUL' ? "".concat(card_cssstyles.productSalePricestyles) + ' ASUL linethrough m-0 p-0 mr-2 ml-2 font-md-15 ' : "".concat(card_cssstyles.productSalePricestyles) + '  linethrough m-0 p-0 mr-2 ml-2 font-md-15 '
   }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))));
 };