tabexseriescomponents 0.0.307 → 0.0.308

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 +360 -294
  2. package/dist/index.esm.js +360 -294
  3. package/dist/index.umd.js +363 -297
  4. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -17,7 +17,6 @@ import { FaFacebookF } from '@react-icons/all-files/fa/FaFacebookF';
17
17
  import { AiOutlineUser } from '@react-icons/all-files/ai/AiOutlineUser';
18
18
  import { IoMdClose } from '@react-icons/all-files/io/IoMdClose';
19
19
  import { Modal, Offcanvas } from 'react-bootstrap';
20
- import 'react-query';
21
20
  import ImageGallery from 'react-image-gallery';
22
21
  import { MdAddShoppingCart } from '@react-icons/all-files/md/MdAddShoppingCart';
23
22
  import { IoBagHandleOutline } from '@react-icons/all-files/io5/IoBagHandleOutline';
@@ -74,6 +73,7 @@ import { FiChevronDown } from '@react-icons/all-files/fi/FiChevronDown';
74
73
  import { HiOutlinePlus } from '@react-icons/all-files/hi/HiOutlinePlus';
75
74
  import { AiOutlineMinus } from '@react-icons/all-files/ai/AiOutlineMinus';
76
75
  import 'react-router-dom';
76
+ import 'react-query';
77
77
  import { IoBagCheckOutline } from '@react-icons/all-files/io5/IoBagCheckOutline';
78
78
  import { IoBagRemoveOutline } from '@react-icons/all-files/io5/IoBagRemoveOutline';
79
79
  import InputRange from 'react-input-range';
@@ -573,7 +573,6 @@ var Login = function Login(props) {
573
573
  var LoginMutation = props.actions.LoginMutationContext;
574
574
  var NotificationManager = props.actions.NotificationManager;
575
575
  var instapikey = props.actions.instapikey;
576
- props.actions.ikimagecredcontext;
577
576
  var actions = props.actions;
578
577
  var _useState = useState(''),
579
578
  _useState2 = _slicedToArray(_useState, 2),
@@ -738,167 +737,182 @@ var Login = function Login(props) {
738
737
  }
739
738
  }, langdetect == 'en' ? sectionproperties.signupbtn_contenten : sectionproperties.signupbtn_contentar)));
740
739
  };
740
+ var LoginContent = function LoginContent() {
741
+ return /*#__PURE__*/React.createElement("div", {
742
+ "class": "row m-0 w-100"
743
+ }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
744
+ className: 'row m-0 w-100 pl-5 pr-5 d-flex align-items-center justify-content-center pl-md-3 pr-md-3 p-sm-0'
745
+ }, /*#__PURE__*/React.createElement("div", {
746
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
747
+ }, /*#__PURE__*/React.createElement("p", {
748
+ className: "text-md-center",
749
+ style: {
750
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
751
+ color: sectionproperties.sectionTitleColor,
752
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px',
753
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
754
+ marginLeft: sectionproperties.sectionTitleMarginLeft + 'px',
755
+ marginRight: sectionproperties.sectionTitleMarginRight + 'px',
756
+ textTransform: sectionproperties.sectionTitleTextTransform,
757
+ fontWeight: sectionproperties.sectionTitleFontWeight
758
+ }
759
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
760
+ className: "col-lg-12 col-md-12 col-sm-12 p-sm-0 d-flex justify-content-center"
761
+ }, /*#__PURE__*/React.createElement("div", {
762
+ className: ' col-lg-10 col-md-12 col-sm-12 p-sm-0 '
763
+ }, /*#__PURE__*/React.createElement("div", {
764
+ className: " row m-0 w-100 "
765
+ }, /*#__PURE__*/React.createElement("div", {
766
+ className: sectionproperties.cardstyletype == 'Style 1' ? "".concat(loginstyles$1.leftcontainer) + ' col-lg-6 col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch p-0 ' : "".concat(loginstyles$1.leftcontainer) + ' col-lg-6 mx-auto col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch p-0 ',
767
+ style: {
768
+ background: sectionproperties.formLeftbgColor,
769
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.formLeft_bordertoprightradius + 'px' : sectionproperties.formLeft_bordertopleftradius + 'px',
770
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.formLeft_bordertopleftradius + 'px' : sectionproperties.formLeft_bordertoprightradius + 'px',
771
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.formLeft_borderbottomrightadius + 'px' : sectionproperties.formLeft_borderbottomleftadius + 'px',
772
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.formLeft_borderbottomleftadius + 'px' : sectionproperties.formLeft_borderbottomrightadius + 'px'
773
+ }
774
+ }, /*#__PURE__*/React.createElement("div", {
775
+ "class": "row m-0 w-100"
776
+ }, /*#__PURE__*/React.createElement("div", {
777
+ "class": "col-lg-12 p-0"
778
+ }, /*#__PURE__*/React.createElement("form", {
779
+ "class": "row m-0 w-100 d-flex p-2 pl-sm-3 pr-sm-3"
780
+ }, /*#__PURE__*/React.createElement("div", {
781
+ className: "col-lg-12 col-md-12 col-sm-12 mb-5 p-sm-0"
782
+ }, /*#__PURE__*/React.createElement("label", {
783
+ className: "".concat(loginstyles2.logininputLabel) + ' d-flex justify-content-start '
784
+ }, langdetect == 'en' ? 'Email or Phone number' : 'البريد الإلكترونى او رقم الهاتف'), /*#__PURE__*/React.createElement("input", {
785
+ type: "text",
786
+ className: "".concat(loginstyles2.form_control),
787
+ value: payloadobj.email,
788
+ onChange: function onChange(event) {
789
+ var temppayloadobj = _objectSpread$2d({}, payloadobj);
790
+ temppayloadobj.email = event.target.value;
791
+ setpayloadobj(_objectSpread$2d({}, temppayloadobj));
792
+ },
793
+ style: {
794
+ background: 'transparent'
795
+ }
796
+ })), /*#__PURE__*/React.createElement("div", {
797
+ className: "col-lg-12 col-md-12 col-sm-12 p-sm-0"
798
+ }, /*#__PURE__*/React.createElement("label", {
799
+ className: "".concat(loginstyles2.logininputLabel) + ' d-flex justify-content-start '
800
+ }, langdetect == 'en' ? 'Password' : 'كلمة السر'), /*#__PURE__*/React.createElement("div", {
801
+ onClick: function onClick() {
802
+ setshowpassword(!showpassword);
803
+ },
804
+ className: langdetect == 'en' ? loginstyles$1.showpassword_input_icon : loginstyles$1.showpassword_input_icontrans
805
+ }, /*#__PURE__*/React.createElement("i", {
806
+ className: "fa fa-eye h-100 d-flex align-items-center justify-content-center"
807
+ })), /*#__PURE__*/React.createElement("input", {
808
+ className: "".concat(loginstyles$1.form_control, " ").concat(loginstyles2.form_control),
809
+ type: showpassword ? 'text' : 'password',
810
+ textplaceholder: "",
811
+ value: payloadobj.password,
812
+ onChange: function onChange(event) {
813
+ var temppayloadobj = _objectSpread$2d({}, payloadobj);
814
+ temppayloadobj.password = event.target.value;
815
+ setpayloadobj(_objectSpread$2d({}, temppayloadobj));
816
+ },
817
+ style: {
818
+ background: 'transparent'
819
+ }
820
+ })), /*#__PURE__*/React.createElement("div", {
821
+ 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 ",
822
+ onClick: function onClick() {
823
+ setforgetpasswordmodal(true);
824
+ }
825
+ }, /*#__PURE__*/React.createElement("p", {
826
+ className: 'm-0 p-0 '
827
+ }, langdetect == 'en' ? 'Forgot Password?' : 'هل نسيت كلمة السر؟')), /*#__PURE__*/React.createElement("div", {
828
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center font-13 mb-2"
829
+ }, /*#__PURE__*/React.createElement("p", {
830
+ style: {
831
+ color: 'red'
832
+ },
833
+ className: "m-0 p-0"
834
+ }, statusreason)), /*#__PURE__*/React.createElement("div", {
835
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-4"
836
+ }, /*#__PURE__*/React.createElement("button", {
837
+ className: " ".concat(loginstyles2.loginbtn) + ' d-flex align-items-center justify-content-center ',
838
+ onClick: function onClick() {
839
+ if (payloadobj.email.length != 0 && payloadobj.password.length != 0) {
840
+ LoginMutation.mutate(payloadobj);
841
+ }
842
+ },
843
+ type: 'button',
844
+ disabled: LoginMutation.isLoading == true ? true : false
845
+ }, !SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement(React.Fragment, null, LoginMutation.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
846
+ color: sectionproperties.login_btn_color,
847
+ width: "20px",
848
+ height: "20px",
849
+ duration: "1s"
850
+ }), !LoginMutation.isLoading && /*#__PURE__*/React.createElement("span", {
851
+ style: {
852
+ letterSpacing: langdetect == 'en' ? '1px' : '',
853
+ textTransform: sectionproperties.login_btn_texttransform
854
+ }
855
+ }, lang.login)), SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
856
+ color: "#fff",
857
+ width: "20px",
858
+ height: "20px",
859
+ duration: "1s"
860
+ }))), /*#__PURE__*/React.createElement("div", {
861
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-2"
862
+ }, /*#__PURE__*/React.createElement(FacebookLoginButton, {
863
+ actions: actions
864
+ })), /*#__PURE__*/React.createElement("div", {
865
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
866
+ }, /*#__PURE__*/React.createElement(GoogleLoginButton, {
867
+ actions: actions
868
+ })))), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React.createElement("div", {
869
+ className: ' col-lg-12 col-md-12 col-sm-12 allcentered p-0 '
870
+ }, RightContainerContent()))), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
871
+ className: ' col-lg-6 col-md-12 col-sm-12 d-flex align-items-stretch p-0 '
872
+ }, /*#__PURE__*/React.createElement("div", {
873
+ className: "".concat(loginstyles$1.rightContainer) + ' p-2 row m-0 w-100 d-flex align-items-center justify-content-center pt-md-4 pb-md-4 ',
874
+ style: {
875
+ background: sectionproperties.formRightbgColor,
876
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.formRight_bordertoprightradius + 'px' : sectionproperties.formRight_bordertopleftradius + 'px',
877
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.formRight_bordertopleftradius + 'px' : sectionproperties.formRight_bordertoprightradius + 'px',
878
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.formRight_borderbottomrightadius + 'px' : sectionproperties.formRight_borderbottomleftadius + 'px',
879
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.formRight_borderbottomleftadius + 'px' : sectionproperties.formRight_borderbottomrightadius + 'px'
880
+ }
881
+ }, RightContainerContent()))))), /*#__PURE__*/React.createElement("form", {
882
+ method: "POST",
883
+ action: '/surfer/login',
884
+ className: "",
885
+ id: 'loginform',
886
+ style: {
887
+ display: 'none'
888
+ }
889
+ }, /*#__PURE__*/React.createElement("input", {
890
+ type: "hidden",
891
+ name: "email",
892
+ value: payloadobj.email
893
+ }), /*#__PURE__*/React.createElement("input", {
894
+ type: "hidden",
895
+ name: "password",
896
+ value: payloadobj.password
897
+ }))));
898
+ };
741
899
  return /*#__PURE__*/React.createElement("div", {
742
900
  className: "col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5",
743
901
  style: {
744
902
  background: sectionproperties.backgroundColor,
745
903
  marginBottom: sectionproperties.marginBottom + 'px'
746
904
  }
747
- }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
748
- className: 'row m-0 w-100 pl-5 pr-5 d-flex align-items-center justify-content-center pl-md-3 pr-md-3 p-sm-0'
749
905
  }, /*#__PURE__*/React.createElement("div", {
750
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
751
- }, /*#__PURE__*/React.createElement("p", {
752
- className: "text-md-center",
906
+ "class": "row ml-0 mr-0 w-100 d-flex d-md-none",
753
907
  style: {
754
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
755
- color: sectionproperties.sectionTitleColor,
756
- marginTop: sectionproperties.sectionTitleMarginTop + 'px',
757
- marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
758
- marginLeft: sectionproperties.sectionTitleMarginLeft + 'px',
759
- marginRight: sectionproperties.sectionTitleMarginRight + 'px',
760
- textTransform: sectionproperties.sectionTitleTextTransform,
761
- fontWeight: sectionproperties.sectionTitleFontWeight
762
- }
763
- }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
764
- className: "col-lg-12 col-md-12 col-sm-12 p-sm-0 d-flex justify-content-center"
765
- }, /*#__PURE__*/React.createElement("div", {
766
- className: ' col-lg-10 col-md-12 col-sm-12 p-sm-0 '
767
- }, /*#__PURE__*/React.createElement("div", {
768
- className: " row m-0 w-100 "
769
- }, /*#__PURE__*/React.createElement("div", {
770
- className: sectionproperties.cardstyletype == 'Style 1' ? "".concat(loginstyles$1.leftcontainer) + ' col-lg-6 col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch p-0 ' : "".concat(loginstyles$1.leftcontainer) + ' col-lg-6 mx-auto col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch p-0 ',
771
- style: {
772
- background: sectionproperties.formLeftbgColor,
773
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.formLeft_bordertoprightradius + 'px' : sectionproperties.formLeft_bordertopleftradius + 'px',
774
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.formLeft_bordertopleftradius + 'px' : sectionproperties.formLeft_bordertoprightradius + 'px',
775
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.formLeft_borderbottomrightadius + 'px' : sectionproperties.formLeft_borderbottomleftadius + 'px',
776
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.formLeft_borderbottomleftadius + 'px' : sectionproperties.formLeft_borderbottomrightadius + 'px'
777
- }
778
- }, /*#__PURE__*/React.createElement("div", {
779
- "class": "row m-0 w-100"
780
- }, /*#__PURE__*/React.createElement("div", {
781
- "class": "col-lg-12 p-0"
782
- }, /*#__PURE__*/React.createElement("form", {
783
- "class": "row m-0 w-100 d-flex p-2 pl-sm-3 pr-sm-3"
784
- }, /*#__PURE__*/React.createElement("div", {
785
- className: "col-lg-12 col-md-12 col-sm-12 mb-5 p-sm-0"
786
- }, /*#__PURE__*/React.createElement("label", {
787
- className: "".concat(loginstyles2.logininputLabel) + ' d-flex justify-content-start '
788
- }, langdetect == 'en' ? 'Email or Phone number' : 'البريد الإلكترونى او رقم الهاتف'), /*#__PURE__*/React.createElement("input", {
789
- type: "text",
790
- className: "".concat(loginstyles2.form_control),
791
- value: payloadobj.email,
792
- onChange: function onChange(event) {
793
- var temppayloadobj = _objectSpread$2d({}, payloadobj);
794
- temppayloadobj.email = event.target.value;
795
- setpayloadobj(_objectSpread$2d({}, temppayloadobj));
796
- },
797
- style: {
798
- background: 'transparent'
799
- }
800
- })), /*#__PURE__*/React.createElement("div", {
801
- className: "col-lg-12 col-md-12 col-sm-12 p-sm-0"
802
- }, /*#__PURE__*/React.createElement("label", {
803
- className: "".concat(loginstyles2.logininputLabel) + ' d-flex justify-content-start '
804
- }, langdetect == 'en' ? 'Password' : 'كلمة السر'), /*#__PURE__*/React.createElement("div", {
805
- onClick: function onClick() {
806
- setshowpassword(!showpassword);
807
- },
808
- className: langdetect == 'en' ? loginstyles$1.showpassword_input_icon : loginstyles$1.showpassword_input_icontrans
809
- }, /*#__PURE__*/React.createElement("i", {
810
- className: "fa fa-eye h-100 d-flex align-items-center justify-content-center"
811
- })), /*#__PURE__*/React.createElement("input", {
812
- className: "".concat(loginstyles$1.form_control, " ").concat(loginstyles2.form_control),
813
- type: showpassword ? 'text' : 'password',
814
- textplaceholder: "",
815
- value: payloadobj.password,
816
- onChange: function onChange(event) {
817
- var temppayloadobj = _objectSpread$2d({}, payloadobj);
818
- temppayloadobj.password = event.target.value;
819
- setpayloadobj(_objectSpread$2d({}, temppayloadobj));
820
- },
821
- style: {
822
- background: 'transparent'
823
- }
824
- })), /*#__PURE__*/React.createElement("div", {
825
- 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 ",
826
- onClick: function onClick() {
827
- setforgetpasswordmodal(true);
828
- }
829
- }, /*#__PURE__*/React.createElement("p", {
830
- className: 'm-0 p-0 '
831
- }, langdetect == 'en' ? 'Forgot Password?' : 'هل نسيت كلمة السر؟')), /*#__PURE__*/React.createElement("div", {
832
- className: "col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center font-13 mb-2"
833
- }, /*#__PURE__*/React.createElement("p", {
834
- style: {
835
- color: 'red'
836
- },
837
- className: "m-0 p-0"
838
- }, statusreason)), /*#__PURE__*/React.createElement("div", {
839
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-4"
840
- }, /*#__PURE__*/React.createElement("button", {
841
- className: " ".concat(loginstyles2.loginbtn) + ' d-flex align-items-center justify-content-center ',
842
- onClick: function onClick() {
843
- if (payloadobj.email.length != 0 && payloadobj.password.length != 0) {
844
- LoginMutation.mutate(payloadobj);
845
- }
846
- },
847
- type: 'button',
848
- disabled: LoginMutation.isLoading == true ? true : false
849
- }, !SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement(React.Fragment, null, LoginMutation.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
850
- color: sectionproperties.login_btn_color,
851
- width: "20px",
852
- height: "20px",
853
- duration: "1s"
854
- }), !LoginMutation.isLoading && /*#__PURE__*/React.createElement("span", {
855
- style: {
856
- letterSpacing: langdetect == 'en' ? '1px' : '',
857
- textTransform: sectionproperties.login_btn_texttransform
908
+ marginTop: sectionproperties.marginTop + 'px'
858
909
  }
859
- }, lang.login)), SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
860
- color: "#fff",
861
- width: "20px",
862
- height: "20px",
863
- duration: "1s"
864
- }))), /*#__PURE__*/React.createElement("div", {
865
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-2"
866
- }, /*#__PURE__*/React.createElement(FacebookLoginButton, {
867
- actions: actions
868
- })), /*#__PURE__*/React.createElement("div", {
869
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
870
- }, /*#__PURE__*/React.createElement(GoogleLoginButton, {
871
- actions: actions
872
- })))), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React.createElement("div", {
873
- className: ' col-lg-12 col-md-12 col-sm-12 allcentered p-0 '
874
- }, RightContainerContent()))), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
875
- className: ' col-lg-6 col-md-12 col-sm-12 d-flex align-items-stretch p-0 '
876
- }, /*#__PURE__*/React.createElement("div", {
877
- className: "".concat(loginstyles$1.rightContainer) + ' p-2 row m-0 w-100 d-flex align-items-center justify-content-center pt-md-4 pb-md-4 ',
878
- style: {
879
- background: sectionproperties.formRightbgColor,
880
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.formRight_bordertoprightradius + 'px' : sectionproperties.formRight_bordertopleftradius + 'px',
881
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.formRight_bordertopleftradius + 'px' : sectionproperties.formRight_bordertoprightradius + 'px',
882
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.formRight_borderbottomrightadius + 'px' : sectionproperties.formRight_borderbottomleftadius + 'px',
883
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.formRight_borderbottomleftadius + 'px' : sectionproperties.formRight_borderbottomrightadius + 'px'
884
- }
885
- }, RightContainerContent()))))), /*#__PURE__*/React.createElement("form", {
886
- method: "POST",
887
- action: '/surfer/login',
888
- className: "",
889
- id: 'loginform',
910
+ }, LoginContent()), /*#__PURE__*/React.createElement("div", {
911
+ "class": "row ml-0 mr-0 w-100 d-none d-md-flex",
890
912
  style: {
891
- display: 'none'
913
+ marginTop: sectionproperties.marginTopResp + 'px'
892
914
  }
893
- }, /*#__PURE__*/React.createElement("input", {
894
- type: "hidden",
895
- name: "email",
896
- value: payloadobj.email
897
- }), /*#__PURE__*/React.createElement("input", {
898
- type: "hidden",
899
- name: "password",
900
- value: payloadobj.password
901
- }))), /*#__PURE__*/React.createElement(Modal, {
915
+ }, LoginContent()), /*#__PURE__*/React.createElement(Modal, {
902
916
  show: forgetpasswordmodal,
903
917
  onHide: function onHide() {
904
918
  return setforgetpasswordmodal(false);
@@ -4450,6 +4464,12 @@ var Productinfo = function Productinfo(props) {
4450
4464
  }
4451
4465
  };
4452
4466
  var productinfo_cssstyles = {
4467
+ containerstyles: css({
4468
+ marginTop: sectionproperties.marginTop + 'px',
4469
+ '@media (max-width: 800px)': {
4470
+ marginTop: sectionproperties.marginTopResp + 'px'
4471
+ }
4472
+ }),
4453
4473
  submitreviewbtn: css({
4454
4474
  width: sectionproperties.applybtn_width + 'px',
4455
4475
  height: sectionproperties.applybtn_height + 'px',
@@ -4966,10 +4986,7 @@ var Productinfo = function Productinfo(props) {
4966
4986
  }, 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.email))));
4967
4987
  };
4968
4988
  return /*#__PURE__*/React.createElement("div", {
4969
- className: 'row w-100 ml-0 mr-0',
4970
- style: {
4971
- marginTop: sectionproperties.marginTop + 'px'
4972
- }
4989
+ className: productinfo_cssstyles.containerstyles + ' row w-100 ml-0 mr-0 '
4973
4990
  }, fetchProductInfoQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
4974
4991
  className: 'row ml-0 mr-0 w-100 allcentered',
4975
4992
  style: {
@@ -5664,6 +5681,14 @@ var Ordershistory = function Ordershistory(props) {
5664
5681
  color: sectionproperties.generalbtn_textColoronhover,
5665
5682
  opacity: sectionproperties.generalbtn_opacityonhover
5666
5683
  }
5684
+ }),
5685
+ containerstyles: css({
5686
+ paddingTop: sectionproperties.marginTop + 'px',
5687
+ paddingBottom: sectionproperties.marginBottom + 'px',
5688
+ background: sectionproperties.backgroundColor,
5689
+ '@media (max-width: 800px)': {
5690
+ paddingTop: sectionproperties.marginTopResp + 'px'
5691
+ }
5667
5692
  })
5668
5693
  };
5669
5694
  var _useState17 = useState([]),
@@ -5694,12 +5719,7 @@ var Ordershistory = function Ordershistory(props) {
5694
5719
  return showbutton;
5695
5720
  };
5696
5721
  return /*#__PURE__*/React.createElement("div", {
5697
- className: "row m-0 w-100",
5698
- style: {
5699
- paddingTop: sectionproperties.marginTop + 'px',
5700
- paddingBottom: sectionproperties.marginBottom + 'px',
5701
- background: sectionproperties.backgroundColor
5702
- }
5722
+ className: orderhistory_cssstyles.containerstyles + ' row ml-0 mr-0 w-100 '
5703
5723
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React.createElement("div", {
5704
5724
  className: "col-lg-12 p-0 d-flex justify-content-center",
5705
5725
  style: {
@@ -6498,6 +6518,14 @@ var Wishlist = function Wishlist(props) {
6498
6518
  backgroundSize: 'cover',
6499
6519
  backgroundPosition: 'center',
6500
6520
  position: 'relative'
6521
+ }),
6522
+ containerstyle: css({
6523
+ marginTop: sectionproperties.marginTop + 'px',
6524
+ paddingBottom: sectionproperties.marginBottom + 'px',
6525
+ background: sectionproperties.backgroundColor,
6526
+ '@media (max-width: 800px)': {
6527
+ marginTop: sectionproperties.marginTopResp + 'px'
6528
+ }
6501
6529
  })
6502
6530
  };
6503
6531
  useEffect(function () {
@@ -6511,12 +6539,8 @@ var Wishlist = function Wishlist(props) {
6511
6539
  }
6512
6540
  }, [sectionproperties]);
6513
6541
  return /*#__PURE__*/React.createElement("div", {
6514
- className: 'row m-0 w-100',
6515
- style: {
6516
- paddingTop: sectionproperties.marginTop + 'px',
6517
- paddingBottom: sectionproperties.marginBottom + 'px',
6518
- background: sectionproperties.backgroundColor
6519
- }
6542
+ className: wishlist_cssstyles.containerstyle + ' row ml-0 mr-0 w-100 ',
6543
+ style: {}
6520
6544
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React.createElement("div", {
6521
6545
  className: "col-lg-12 p-0 d-flex justify-content-center",
6522
6546
  style: {
@@ -7081,6 +7105,14 @@ var Viewcart = function Viewcart(props) {
7081
7105
  alignItems: 'center',
7082
7106
  justifyContent: 'center',
7083
7107
  position: 'relative'
7108
+ }),
7109
+ containerstyles: css({
7110
+ paddingTop: sectionproperties.marginTop + 'px',
7111
+ paddingBottom: sectionproperties.marginBottom + 'px',
7112
+ background: sectionproperties.backgroundColor,
7113
+ '@media (max-width: 800px)': {
7114
+ paddingTop: sectionproperties.marginTopResp + 'px'
7115
+ }
7084
7116
  })
7085
7117
  };
7086
7118
  var _useState5 = useState([]),
@@ -7098,12 +7130,8 @@ var Viewcart = function Viewcart(props) {
7098
7130
  }
7099
7131
  }, [sectionproperties]);
7100
7132
  return /*#__PURE__*/React.createElement("div", {
7101
- className: 'row m-0 w-100 d-flex justify-content-center',
7102
- style: {
7103
- paddingTop: sectionproperties.marginTop + 'px',
7104
- paddingBottom: sectionproperties.marginBottom + 'px',
7105
- background: sectionproperties.backgroundColor
7106
- }
7133
+ className: viewcart_cssstyles.containerstyles + ' row ml-0 mr-0 w-100 d-flex justify-content-center ',
7134
+ style: {}
7107
7135
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React.createElement("div", {
7108
7136
  className: "col-lg-12 p-0 d-flex justify-content-center",
7109
7137
  style: {
@@ -7758,6 +7786,21 @@ var Checkout = function Checkout(props) {
7758
7786
  backgroundColor: sectionproperties.reservation_bgcolor,
7759
7787
  borderRadius: sectionproperties.reservation_borderradius + 'px',
7760
7788
  border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
7789
+ })), _defineProperty(_checkoutstyles, "containerstyles", css({
7790
+ marginTop: sectionproperties.marginTop + 'px',
7791
+ marginBottom: sectionproperties.marginBottom + 'px',
7792
+ paddingLeft: sectionproperties.paddingLeft + 'px',
7793
+ paddingRight: sectionproperties.paddingRight + 'px',
7794
+ paddingTop: sectionproperties.paddingTop + 'px',
7795
+ paddingBottom: sectionproperties.paddingBottom + 'px',
7796
+ background: sectionproperties.backgroundColor,
7797
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
7798
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
7799
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
7800
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
7801
+ '@media (max-width: 800px)': {
7802
+ marginTop: sectionproperties.marginTopResp + 'px'
7803
+ }
7761
7804
  })), _checkoutstyles);
7762
7805
  var Mycart = function Mycart() {
7763
7806
  var _fetchcustomercartQue37, _fetchcustomercartQue38, _fetchcustomercartQue39, _fetchcustomercartQue40, _fetchcustomercartQue41, _fetchcustomercartQue42, _fetchcustomercartQue49, _fetchcustomercartQue50, _fetchcustomercartQue51, _fetchcustomercartQue52, _fetchcustomercartQue53, _fetchcustomercartQue54, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue58, _fetchcustomercartQue59, _fetchcustomercartQue60, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue66, _fetchcustomercartQue67, _fetchcustomercartQue68, _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue73, _fetchcustomercartQue74, _fetchcustomercartQue75, _fetchcustomercartQue76, _fetchcustomercartQue77, _fetchcustomercartQue78, _fetchcustomercartQue79, _fetchcustomercartQue80, _fetchcustomercartQue81, _fetchcustomercartQue82, _fetchcustomercartQue83, _fetchcustomercartQue84, _fetchcustomercartQue85, _fetchcustomercartQue86, _fetchcustomercartQue87, _fetchcustomercartQue88, _fetchcustomercartQue89, _fetchcustomercartQue90;
@@ -8087,20 +8130,7 @@ var Checkout = function Checkout(props) {
8087
8130
  return /*#__PURE__*/React.createElement("div", {
8088
8131
  className: 'row m-0 w-100 d-flex justify-content-center p-sm-0 '
8089
8132
  }, /*#__PURE__*/React.createElement("div", {
8090
- className: 'col-lg-12 w-100 d-flex justify-content-center pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
8091
- style: {
8092
- marginTop: sectionproperties.marginTop + 'px',
8093
- marginBottom: sectionproperties.marginBottom + 'px',
8094
- paddingLeft: sectionproperties.paddingLeft + 'px',
8095
- paddingRight: sectionproperties.paddingRight + 'px',
8096
- paddingTop: sectionproperties.paddingTop + 'px',
8097
- paddingBottom: sectionproperties.paddingBottom + 'px',
8098
- background: sectionproperties.backgroundColor,
8099
- borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
8100
- borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
8101
- borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
8102
- borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
8103
- }
8133
+ className: checkoutstyles.containerstyles + ' col-lg-12 w-100 d-flex justify-content-center pl-md-3 pr-md-3 pl-sm-2 pr-sm-2 '
8104
8134
  }, /*#__PURE__*/React.createElement("div", {
8105
8135
  className: 'row m-0 w-100 justify-content-center '
8106
8136
  }, /*#__PURE__*/React.createElement("div", {
@@ -8980,6 +9010,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
8980
9010
  value: payloadobj.name,
8981
9011
  onChange: function onChange(event) {
8982
9012
  payloadobjchange('name', event.target.value);
9013
+ },
9014
+ style: {
9015
+ background: 'transparent'
8983
9016
  }
8984
9017
  })), /*#__PURE__*/React.createElement("div", {
8985
9018
  className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
@@ -8993,6 +9026,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
8993
9026
  disabled: validateemailpayload.isvalidated,
8994
9027
  onChange: function onChange(event) {
8995
9028
  payloadobjchange('email', event.target.value);
9029
+ },
9030
+ style: {
9031
+ background: 'transparent'
8996
9032
  }
8997
9033
  })), /*#__PURE__*/React.createElement("div", {
8998
9034
  className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
@@ -9190,7 +9226,8 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9190
9226
  payloadobjchange('shippingaddress', event.target.value);
9191
9227
  },
9192
9228
  style: {
9193
- resize: 'none'
9229
+ resize: 'none',
9230
+ background: 'transparent'
9194
9231
  }
9195
9232
  }), /*#__PURE__*/React.createElement("span", {
9196
9233
  className: loginstyles.login_input_focus
@@ -9211,6 +9248,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9211
9248
  value: payloadobj.password,
9212
9249
  onChange: function onChange(event) {
9213
9250
  payloadobjchange('password', event.target.value);
9251
+ },
9252
+ style: {
9253
+ background: 'transparent'
9214
9254
  }
9215
9255
  })), /*#__PURE__*/React.createElement("div", {
9216
9256
  className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-6 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
@@ -9224,6 +9264,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9224
9264
  value: payloadobj.password2,
9225
9265
  onChange: function onChange(event) {
9226
9266
  payloadobjchange('password2', event.target.value);
9267
+ },
9268
+ style: {
9269
+ background: 'transparent'
9227
9270
  }
9228
9271
  })));
9229
9272
  };
@@ -9248,6 +9291,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9248
9291
  var temppayloadobj = _objectSpread$20({}, payloadobj);
9249
9292
  temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
9250
9293
  setpayloadobj(_objectSpread$20({}, temppayloadobj));
9294
+ },
9295
+ style: {
9296
+ background: 'transparent'
9251
9297
  }
9252
9298
  }), item.inputtype == 'checkbox' && /*#__PURE__*/React.createElement("label", {
9253
9299
  className: langdetect == 'en' ? "".concat(loginstyles.checkbox, " ").concat(formstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(loginstyles.checkbox, " ").concat(loginstyles.checkboxtranslated) + ' d-flex mb-0 ',
@@ -9594,11 +9640,14 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9594
9640
  className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
9595
9641
  }, /*#__PURE__*/React.createElement("label", {
9596
9642
  className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start '
9597
- }, langdetect == 'en' ? 'E-mail' : 'البريد الإلكترونى'), /*#__PURE__*/React.createElement("input", {
9643
+ }, langdetect == 'en' ? 'Email' : 'البريد الإلكترونى'), /*#__PURE__*/React.createElement("input", {
9598
9644
  type: "text",
9599
9645
  className: "".concat(formstyles.form_control),
9600
9646
  value: payloadobj.email,
9601
- disabled: true
9647
+ disabled: true,
9648
+ style: {
9649
+ background: 'transparent'
9650
+ }
9602
9651
  })), validateemailpayload.step == 'verifycode' && /*#__PURE__*/React.createElement("div", {
9603
9652
  className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
9604
9653
  }, /*#__PURE__*/React.createElement("label", {
@@ -9611,6 +9660,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9611
9660
  setvalidateemailpayload(_objectSpread$20(_objectSpread$20({}, validateemailpayload), {}, {
9612
9661
  code: event.target.value
9613
9662
  }));
9663
+ },
9664
+ style: {
9665
+ background: 'transparent'
9614
9666
  }
9615
9667
  })), /*#__PURE__*/React.createElement("div", {
9616
9668
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
@@ -9777,67 +9829,79 @@ var Signup = function Signup(props) {
9777
9829
  }
9778
9830
  }, lang.login));
9779
9831
  };
9832
+ var SignupContent = function SignupContent() {
9833
+ return /*#__PURE__*/React.createElement("div", {
9834
+ className: 'row m-0 w-100 pl-3 pr-3 d-flex align-items-center justify-content-center pl-md-3 pr-md-3 p-sm-0'
9835
+ }, /*#__PURE__*/React.createElement("div", {
9836
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mt-3",
9837
+ style: {
9838
+ marginBottom: sectionproperties.cardstyletype == 'Style 1' ? 0 : '15px'
9839
+ }
9840
+ }, /*#__PURE__*/React.createElement("p", {
9841
+ className: "m-0 p-0",
9842
+ style: {
9843
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
9844
+ color: sectionproperties.sectionTitleColor,
9845
+ fontWeight: sectionproperties.sectionTitleFontWeight
9846
+ }
9847
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
9848
+ className: "row m-0 w-100 mb-2"
9849
+ }, LoginButton()), /*#__PURE__*/React.createElement("div", {
9850
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 p-sm-0' : 'col-lg-6 p-sm-0 mx-auto'
9851
+ }, /*#__PURE__*/React.createElement("div", {
9852
+ className: "".concat(generalstyles.card) + ' p-0 ml-3 mr-3 m-md-0 ',
9853
+ style: {
9854
+ border: 'none',
9855
+ boxShadow: 'none'
9856
+ }
9857
+ }, /*#__PURE__*/React.createElement("div", {
9858
+ className: " row m-0 w-100 "
9859
+ }, /*#__PURE__*/React.createElement("div", {
9860
+ className: 'col-lg-12 col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch',
9861
+ style: {
9862
+ background: sectionproperties.formLeftbgColor,
9863
+ borderTopRightRadius: sectionproperties.formLeft_bordertoprightradius + 'px',
9864
+ borderTopLeftRadius: sectionproperties.formLeft_bordertopleftradius + 'px',
9865
+ borderBottomRightRadius: sectionproperties.formLeft_borderbottomrightadius + 'px',
9866
+ borderBottomLeftRadius: sectionproperties.formLeft_borderbottomleftadius + 'px'
9867
+ }
9868
+ }, !SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
9869
+ "class": "row m-0 w-100"
9870
+ }, /*#__PURE__*/React.createElement("div", {
9871
+ "class": "col-lg-12 p-0"
9872
+ }, /*#__PURE__*/React.createElement(CustomerInformationForm, {
9873
+ formtype: "add",
9874
+ sectionpropertiesprops: sectionproperties,
9875
+ srcfromprops: 'signup',
9876
+ actions: actions
9877
+ })), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React.createElement("div", {
9878
+ className: "col-lg-12 p-0 allcentered m-0 w-100 mb-2"
9879
+ }, LoginButton())), SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
9880
+ className: "w-100 d-flex m-auto mx-auto justify-content-center align-items-center"
9881
+ }, /*#__PURE__*/React.createElement(CircularProgress, {
9882
+ color: "black",
9883
+ width: "40px",
9884
+ height: "40px",
9885
+ duration: "1s"
9886
+ })))))));
9887
+ };
9780
9888
  return /*#__PURE__*/React.createElement("div", {
9781
- // className="col-lg-12 d-flex align-items-center justify-content-center pt-3 pb-3 pt-md-3 "
9782
9889
  className: "col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5",
9783
9890
  style: {
9784
9891
  background: sectionproperties.backgroundColor,
9785
9892
  marginBottom: sectionproperties.marginBottom + 'px'
9786
9893
  }
9787
9894
  }, /*#__PURE__*/React.createElement("div", {
9788
- className: 'row m-0 w-100 pl-3 pr-3 d-flex align-items-center justify-content-center pl-md-3 pr-md-3 p-sm-0'
9789
- }, /*#__PURE__*/React.createElement("div", {
9790
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mt-3",
9791
- style: {
9792
- marginBottom: sectionproperties.cardstyletype == 'Style 1' ? 0 : '15px'
9793
- }
9794
- }, /*#__PURE__*/React.createElement("p", {
9795
- className: "m-0 p-0",
9796
- style: {
9797
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
9798
- color: sectionproperties.sectionTitleColor,
9799
- fontWeight: sectionproperties.sectionTitleFontWeight
9800
- }
9801
- }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
9802
- className: "row m-0 w-100 mb-2"
9803
- }, LoginButton()), /*#__PURE__*/React.createElement("div", {
9804
- className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 p-sm-0' : 'col-lg-6 p-sm-0 mx-auto'
9805
- }, /*#__PURE__*/React.createElement("div", {
9806
- className: "".concat(generalstyles.card) + ' p-0 ml-3 mr-3 m-md-0 ',
9895
+ "class": "row ml-0 mr-0 w-100 d-flex d-md-none",
9807
9896
  style: {
9808
- border: 'none',
9809
- boxShadow: 'none'
9897
+ marginTop: sectionproperties.marginTop + 'px'
9810
9898
  }
9811
- }, /*#__PURE__*/React.createElement("div", {
9812
- className: " row m-0 w-100 "
9813
- }, /*#__PURE__*/React.createElement("div", {
9814
- className: 'col-lg-12 col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch',
9899
+ }, SignupContent()), /*#__PURE__*/React.createElement("div", {
9900
+ "class": "row ml-0 mr-0 w-100 d-none d-md-flex",
9815
9901
  style: {
9816
- background: sectionproperties.formLeftbgColor,
9817
- borderTopRightRadius: sectionproperties.formLeft_bordertoprightradius + 'px',
9818
- borderTopLeftRadius: sectionproperties.formLeft_bordertopleftradius + 'px',
9819
- borderBottomRightRadius: sectionproperties.formLeft_borderbottomrightadius + 'px',
9820
- borderBottomLeftRadius: sectionproperties.formLeft_borderbottomleftadius + 'px'
9902
+ marginTop: sectionproperties.marginTopResp + 'px'
9821
9903
  }
9822
- }, !SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
9823
- "class": "row m-0 w-100"
9824
- }, /*#__PURE__*/React.createElement("div", {
9825
- "class": "col-lg-12 p-0"
9826
- }, /*#__PURE__*/React.createElement(CustomerInformationForm, {
9827
- formtype: "add",
9828
- sectionpropertiesprops: sectionproperties,
9829
- srcfromprops: 'signup',
9830
- actions: actions
9831
- })), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React.createElement("div", {
9832
- className: "col-lg-12 p-0 allcentered m-0 w-100 mb-2"
9833
- }, LoginButton())), SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
9834
- className: "w-100 d-flex m-auto mx-auto justify-content-center align-items-center"
9835
- }, /*#__PURE__*/React.createElement(CircularProgress, {
9836
- color: "black",
9837
- width: "40px",
9838
- height: "40px",
9839
- duration: "1s"
9840
- }))))))));
9904
+ }, SignupContent()));
9841
9905
  };
9842
9906
 
9843
9907
  function ownKeys$1_(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; }
@@ -9950,15 +10014,19 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
9950
10014
  alignItems: 'center'
9951
10015
  }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "height", '35px'), _defineProperty(_css, "padding", '0 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
9952
10016
  borderColor: sectionproperties.inputfeildbordercoloronfocus
9953
- }), _css))
10017
+ }), _css)),
10018
+ containerstyle: css({
10019
+ marginTop: sectionproperties.marginTop + 'px',
10020
+ background: sectionproperties.backgroundColor,
10021
+ marginBottom: sectionproperties.marginBottom + 'px',
10022
+ '@media (max-width: 800px)': {
10023
+ marginTop: sectionproperties.marginTopResp + 'px'
10024
+ }
10025
+ })
9954
10026
  };
9955
10027
  return /*#__PURE__*/React.createElement("div", {
9956
- // className="col-lg-12 d-flex align-items-center justify-content-center pt-3 pb-3 pt-md-3 "
9957
- className: "col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5",
9958
- style: {
9959
- background: sectionproperties.backgroundColor,
9960
- marginBottom: sectionproperties.marginBottom + 'px'
9961
- }
10028
+ className: loginstyles2.containerstyle + ' col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5 ',
10029
+ style: {}
9962
10030
  }, /*#__PURE__*/React.createElement("div", {
9963
10031
  className: 'row m-0 w-100 pl-3 pr-3 d-flex align-items-center justify-content-center pl-md-3 pr-md-3 p-sm-0'
9964
10032
  }, issignupsuccess && /*#__PURE__*/React.createElement("div", {
@@ -10152,14 +10220,6 @@ var AccountInformation = function AccountInformation(props) {
10152
10220
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
10153
10221
  var ikimagecredcontext = props.actions.ikimagecredcontext;
10154
10222
  var actions = props.actions;
10155
- useEffect(function () {
10156
- var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
10157
- var secpropobj = {};
10158
- props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
10159
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
10160
- });
10161
- setsectionproperties(_objectSpread$1Z({}, secpropobj));
10162
- }, [props.actions.StatePagePropertiesContext]);
10163
10223
  var _useState = useState(''),
10164
10224
  _useState2 = _slicedToArray(_useState, 2);
10165
10225
  _useState2[0];
@@ -10168,6 +10228,18 @@ var AccountInformation = function AccountInformation(props) {
10168
10228
  _useState4 = _slicedToArray(_useState3, 2),
10169
10229
  sectionproperties = _useState4[0],
10170
10230
  setsectionproperties = _useState4[1];
10231
+ var _useState5 = useState([]),
10232
+ _useState6 = _slicedToArray(_useState5, 2),
10233
+ bgimagesarray = _useState6[0],
10234
+ setbgimagesarray = _useState6[1];
10235
+ useEffect(function () {
10236
+ var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
10237
+ var secpropobj = {};
10238
+ props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
10239
+ secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
10240
+ });
10241
+ setsectionproperties(_objectSpread$1Z({}, secpropobj));
10242
+ }, [props.actions.StatePagePropertiesContext]);
10171
10243
  useEffect(function () {
10172
10244
  var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
10173
10245
  return x.staticpageid == '6218bccb83d53';
@@ -10176,25 +10248,6 @@ var AccountInformation = function AccountInformation(props) {
10176
10248
  setCurrentPageId(cartindex);
10177
10249
  }
10178
10250
  }, []);
10179
- ({
10180
- sectiontitlespan: css({
10181
- ':after': {
10182
- width: sectionproperties.sectitle_lineafterwidth + '%',
10183
- backgroundColor: sectionproperties.linebgcolor
10184
- }
10185
- }),
10186
- sectiontitlespan2: css({
10187
- ':after': {
10188
- width: sectionproperties.sectitle_lineafterwidth + 'px',
10189
- height: '100%',
10190
- backgroundColor: sectionproperties.linebgcolor
10191
- }
10192
- })
10193
- });
10194
- var _useState5 = useState([]),
10195
- _useState6 = _slicedToArray(_useState5, 2),
10196
- bgimagesarray = _useState6[0],
10197
- setbgimagesarray = _useState6[1];
10198
10251
  useEffect(function () {
10199
10252
  if (sectionproperties.length != 0) {
10200
10253
  if (sectionproperties.arrayofobjectimagesonly != null) {
@@ -10205,12 +10258,17 @@ var AccountInformation = function AccountInformation(props) {
10205
10258
  }
10206
10259
  }
10207
10260
  }, [sectionproperties]);
10208
- return /*#__PURE__*/React.createElement("div", {
10209
- className: 'row ml-0 mr-0 w-100',
10210
- style: {
10261
+ var sectionstyles = {
10262
+ containerstyle: css({
10211
10263
  paddingTop: sectionproperties.marginTop + 'px',
10212
- paddingBottom: sectionproperties.marginBottom + 'px'
10213
- }
10264
+ paddingBottom: sectionproperties.marginBottom + 'px',
10265
+ '@media (max-width: 800px)': {
10266
+ paddingTop: sectionproperties.marginTopResp + 'px'
10267
+ }
10268
+ })
10269
+ };
10270
+ return /*#__PURE__*/React.createElement("div", {
10271
+ className: sectionstyles.containerstyle + ' row ml-0 mr-0 w-100 '
10214
10272
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React.createElement("div", {
10215
10273
  className: "col-lg-12 p-0 d-flex justify-content-center",
10216
10274
  style: {
@@ -10421,15 +10479,19 @@ var Policies = function Policies(props) {
10421
10479
  height: '100%',
10422
10480
  backgroundColor: sectionproperties.linebgcolor
10423
10481
  }
10482
+ }),
10483
+ containerstyle: css({
10484
+ backgroundColor: sectionproperties.backgroundColor,
10485
+ paddingTop: sectionproperties.marginTop + 'px',
10486
+ paddingBottom: sectionproperties.marginBottom + 'px',
10487
+ '@media (max-width: 800px)': {
10488
+ paddingTop: sectionproperties.marginTopResp + 'px'
10489
+ }
10424
10490
  })
10425
10491
  };
10426
10492
  return /*#__PURE__*/React.createElement("div", {
10427
- className: 'row m-0 w-100 d-flex justify-content-center',
10428
- style: {
10429
- backgroundColor: sectionproperties.backgroundColor,
10430
- paddingTop: sectionproperties.marginTop + 'px',
10431
- paddingBottom: sectionproperties.marginBottom + 'px'
10432
- }
10493
+ className: policies_cssstyles.containerstyle + ' row ml-0 mr-0 w-100 d-flex justify-content-center ',
10494
+ style: {}
10433
10495
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React.createElement("div", {
10434
10496
  className: "col-lg-12 p-0 d-flex justify-content-center",
10435
10497
  style: {
@@ -11376,16 +11438,20 @@ var OrderSuccess = function OrderSuccess(props) {
11376
11438
  background: sectionproperties.generalbtn_bgColoronhover,
11377
11439
  color: sectionproperties.generalbtn_textColoronhover
11378
11440
  }
11441
+ }),
11442
+ containerstyle: css({
11443
+ paddingLeft: sectionproperties.paddingLeft + 'px',
11444
+ paddingRight: sectionproperties.paddingRight + 'px',
11445
+ paddingTop: sectionproperties.marginTop + 'px',
11446
+ paddingBottom: sectionproperties.marginBottom + 'px',
11447
+ '@media (max-width: 800px)': {
11448
+ paddingTop: sectionproperties.marginTopResp + 'px'
11449
+ }
11379
11450
  })
11380
11451
  };
11381
11452
  return /*#__PURE__*/React.createElement("div", {
11382
- className: 'row m-0 w-100 justify-content-center mt-4 mb-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
11383
- style: {
11384
- paddingLeft: sectionproperties.paddingLeft + 'px',
11385
- paddingRight: sectionproperties.paddingRight + 'px',
11386
- paddingTop: sectionproperties.paddingTop + 'px',
11387
- paddingBottom: sectionproperties.paddingBottom + 'px'
11388
- }
11453
+ className: ordersuccessstyle.containerstyle + ' row ml-0 mr-0 w-100 justify-content-center mt-4 mb-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2 ',
11454
+ style: {}
11389
11455
  }, IsOrderSuccess && /*#__PURE__*/React.createElement("div", {
11390
11456
  className: "col-lg-12 allcentered flex-column d-none",
11391
11457
  style: {
@@ -36240,7 +36306,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
36240
36306
  }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.previousorders_titlear)), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
36241
36307
  "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
36242
36308
  }, /*#__PURE__*/React.createElement("p", {
36243
- "class": "".concat(footerStyles.subPages) + ' wordbreak ',
36309
+ "class": "".concat(footerStyles.subPages) + ' wordbreak m-0 p-0 ',
36244
36310
  style: {
36245
36311
  textAlign: langdetect == 'en' ? 'left' : 'right'
36246
36312
  },