tabexseriescomponents 0.0.306 → 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 +361 -299
  2. package/dist/index.esm.js +361 -299
  3. package/dist/index.umd.js +364 -302
  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
- }, /*#__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",
753
- 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
905
  }, /*#__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
- },
906
+ "class": "row ml-0 mr-0 w-100 d-flex d-md-none",
821
907
  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',
@@ -4796,11 +4816,7 @@ var Productinfo = function Productinfo(props) {
4796
4816
  price = price * quantity;
4797
4817
  }
4798
4818
  if (price != undefined) {
4799
- if (price == NaN) {
4800
- return 0;
4801
- } else {
4802
- return price;
4803
- }
4819
+ return price;
4804
4820
  } else {
4805
4821
  return 0;
4806
4822
  }
@@ -4970,10 +4986,7 @@ var Productinfo = function Productinfo(props) {
4970
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))));
4971
4987
  };
4972
4988
  return /*#__PURE__*/React.createElement("div", {
4973
- className: 'row w-100 ml-0 mr-0',
4974
- style: {
4975
- marginTop: sectionproperties.marginTop + 'px'
4976
- }
4989
+ className: productinfo_cssstyles.containerstyles + ' row w-100 ml-0 mr-0 '
4977
4990
  }, fetchProductInfoQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
4978
4991
  className: 'row ml-0 mr-0 w-100 allcentered',
4979
4992
  style: {
@@ -5668,6 +5681,14 @@ var Ordershistory = function Ordershistory(props) {
5668
5681
  color: sectionproperties.generalbtn_textColoronhover,
5669
5682
  opacity: sectionproperties.generalbtn_opacityonhover
5670
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
+ }
5671
5692
  })
5672
5693
  };
5673
5694
  var _useState17 = useState([]),
@@ -5698,12 +5719,7 @@ var Ordershistory = function Ordershistory(props) {
5698
5719
  return showbutton;
5699
5720
  };
5700
5721
  return /*#__PURE__*/React.createElement("div", {
5701
- className: "row m-0 w-100",
5702
- style: {
5703
- paddingTop: sectionproperties.marginTop + 'px',
5704
- paddingBottom: sectionproperties.marginBottom + 'px',
5705
- background: sectionproperties.backgroundColor
5706
- }
5722
+ className: orderhistory_cssstyles.containerstyles + ' row ml-0 mr-0 w-100 '
5707
5723
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React.createElement("div", {
5708
5724
  className: "col-lg-12 p-0 d-flex justify-content-center",
5709
5725
  style: {
@@ -6502,6 +6518,14 @@ var Wishlist = function Wishlist(props) {
6502
6518
  backgroundSize: 'cover',
6503
6519
  backgroundPosition: 'center',
6504
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
+ }
6505
6529
  })
6506
6530
  };
6507
6531
  useEffect(function () {
@@ -6515,12 +6539,8 @@ var Wishlist = function Wishlist(props) {
6515
6539
  }
6516
6540
  }, [sectionproperties]);
6517
6541
  return /*#__PURE__*/React.createElement("div", {
6518
- className: 'row m-0 w-100',
6519
- style: {
6520
- paddingTop: sectionproperties.marginTop + 'px',
6521
- paddingBottom: sectionproperties.marginBottom + 'px',
6522
- background: sectionproperties.backgroundColor
6523
- }
6542
+ className: wishlist_cssstyles.containerstyle + ' row ml-0 mr-0 w-100 ',
6543
+ style: {}
6524
6544
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React.createElement("div", {
6525
6545
  className: "col-lg-12 p-0 d-flex justify-content-center",
6526
6546
  style: {
@@ -7085,6 +7105,14 @@ var Viewcart = function Viewcart(props) {
7085
7105
  alignItems: 'center',
7086
7106
  justifyContent: 'center',
7087
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
+ }
7088
7116
  })
7089
7117
  };
7090
7118
  var _useState5 = useState([]),
@@ -7102,12 +7130,8 @@ var Viewcart = function Viewcart(props) {
7102
7130
  }
7103
7131
  }, [sectionproperties]);
7104
7132
  return /*#__PURE__*/React.createElement("div", {
7105
- className: 'row m-0 w-100 d-flex justify-content-center',
7106
- style: {
7107
- paddingTop: sectionproperties.marginTop + 'px',
7108
- paddingBottom: sectionproperties.marginBottom + 'px',
7109
- background: sectionproperties.backgroundColor
7110
- }
7133
+ className: viewcart_cssstyles.containerstyles + ' row ml-0 mr-0 w-100 d-flex justify-content-center ',
7134
+ style: {}
7111
7135
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React.createElement("div", {
7112
7136
  className: "col-lg-12 p-0 d-flex justify-content-center",
7113
7137
  style: {
@@ -7762,6 +7786,21 @@ var Checkout = function Checkout(props) {
7762
7786
  backgroundColor: sectionproperties.reservation_bgcolor,
7763
7787
  borderRadius: sectionproperties.reservation_borderradius + 'px',
7764
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
+ }
7765
7804
  })), _checkoutstyles);
7766
7805
  var Mycart = function Mycart() {
7767
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;
@@ -8091,20 +8130,7 @@ var Checkout = function Checkout(props) {
8091
8130
  return /*#__PURE__*/React.createElement("div", {
8092
8131
  className: 'row m-0 w-100 d-flex justify-content-center p-sm-0 '
8093
8132
  }, /*#__PURE__*/React.createElement("div", {
8094
- className: 'col-lg-12 w-100 d-flex justify-content-center pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
8095
- style: {
8096
- marginTop: sectionproperties.marginTop + 'px',
8097
- marginBottom: sectionproperties.marginBottom + 'px',
8098
- paddingLeft: sectionproperties.paddingLeft + 'px',
8099
- paddingRight: sectionproperties.paddingRight + 'px',
8100
- paddingTop: sectionproperties.paddingTop + 'px',
8101
- paddingBottom: sectionproperties.paddingBottom + 'px',
8102
- background: sectionproperties.backgroundColor,
8103
- borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
8104
- borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
8105
- borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
8106
- borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
8107
- }
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 '
8108
8134
  }, /*#__PURE__*/React.createElement("div", {
8109
8135
  className: 'row m-0 w-100 justify-content-center '
8110
8136
  }, /*#__PURE__*/React.createElement("div", {
@@ -8984,6 +9010,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
8984
9010
  value: payloadobj.name,
8985
9011
  onChange: function onChange(event) {
8986
9012
  payloadobjchange('name', event.target.value);
9013
+ },
9014
+ style: {
9015
+ background: 'transparent'
8987
9016
  }
8988
9017
  })), /*#__PURE__*/React.createElement("div", {
8989
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'
@@ -8997,6 +9026,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
8997
9026
  disabled: validateemailpayload.isvalidated,
8998
9027
  onChange: function onChange(event) {
8999
9028
  payloadobjchange('email', event.target.value);
9029
+ },
9030
+ style: {
9031
+ background: 'transparent'
9000
9032
  }
9001
9033
  })), /*#__PURE__*/React.createElement("div", {
9002
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'
@@ -9194,7 +9226,8 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9194
9226
  payloadobjchange('shippingaddress', event.target.value);
9195
9227
  },
9196
9228
  style: {
9197
- resize: 'none'
9229
+ resize: 'none',
9230
+ background: 'transparent'
9198
9231
  }
9199
9232
  }), /*#__PURE__*/React.createElement("span", {
9200
9233
  className: loginstyles.login_input_focus
@@ -9215,6 +9248,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9215
9248
  value: payloadobj.password,
9216
9249
  onChange: function onChange(event) {
9217
9250
  payloadobjchange('password', event.target.value);
9251
+ },
9252
+ style: {
9253
+ background: 'transparent'
9218
9254
  }
9219
9255
  })), /*#__PURE__*/React.createElement("div", {
9220
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'
@@ -9228,6 +9264,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9228
9264
  value: payloadobj.password2,
9229
9265
  onChange: function onChange(event) {
9230
9266
  payloadobjchange('password2', event.target.value);
9267
+ },
9268
+ style: {
9269
+ background: 'transparent'
9231
9270
  }
9232
9271
  })));
9233
9272
  };
@@ -9252,6 +9291,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9252
9291
  var temppayloadobj = _objectSpread$20({}, payloadobj);
9253
9292
  temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
9254
9293
  setpayloadobj(_objectSpread$20({}, temppayloadobj));
9294
+ },
9295
+ style: {
9296
+ background: 'transparent'
9255
9297
  }
9256
9298
  }), item.inputtype == 'checkbox' && /*#__PURE__*/React.createElement("label", {
9257
9299
  className: langdetect == 'en' ? "".concat(loginstyles.checkbox, " ").concat(formstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(loginstyles.checkbox, " ").concat(loginstyles.checkboxtranslated) + ' d-flex mb-0 ',
@@ -9598,11 +9640,14 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9598
9640
  className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
9599
9641
  }, /*#__PURE__*/React.createElement("label", {
9600
9642
  className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start '
9601
- }, langdetect == 'en' ? 'E-mail' : 'البريد الإلكترونى'), /*#__PURE__*/React.createElement("input", {
9643
+ }, langdetect == 'en' ? 'Email' : 'البريد الإلكترونى'), /*#__PURE__*/React.createElement("input", {
9602
9644
  type: "text",
9603
9645
  className: "".concat(formstyles.form_control),
9604
9646
  value: payloadobj.email,
9605
- disabled: true
9647
+ disabled: true,
9648
+ style: {
9649
+ background: 'transparent'
9650
+ }
9606
9651
  })), validateemailpayload.step == 'verifycode' && /*#__PURE__*/React.createElement("div", {
9607
9652
  className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
9608
9653
  }, /*#__PURE__*/React.createElement("label", {
@@ -9615,6 +9660,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9615
9660
  setvalidateemailpayload(_objectSpread$20(_objectSpread$20({}, validateemailpayload), {}, {
9616
9661
  code: event.target.value
9617
9662
  }));
9663
+ },
9664
+ style: {
9665
+ background: 'transparent'
9618
9666
  }
9619
9667
  })), /*#__PURE__*/React.createElement("div", {
9620
9668
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
@@ -9781,67 +9829,79 @@ var Signup = function Signup(props) {
9781
9829
  }
9782
9830
  }, lang.login));
9783
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
+ };
9784
9888
  return /*#__PURE__*/React.createElement("div", {
9785
- // className="col-lg-12 d-flex align-items-center justify-content-center pt-3 pb-3 pt-md-3 "
9786
9889
  className: "col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5",
9787
9890
  style: {
9788
9891
  background: sectionproperties.backgroundColor,
9789
9892
  marginBottom: sectionproperties.marginBottom + 'px'
9790
9893
  }
9791
9894
  }, /*#__PURE__*/React.createElement("div", {
9792
- 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'
9793
- }, /*#__PURE__*/React.createElement("div", {
9794
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mt-3",
9895
+ "class": "row ml-0 mr-0 w-100 d-flex d-md-none",
9795
9896
  style: {
9796
- marginBottom: sectionproperties.cardstyletype == 'Style 1' ? 0 : '15px'
9797
- }
9798
- }, /*#__PURE__*/React.createElement("p", {
9799
- className: "m-0 p-0",
9800
- style: {
9801
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
9802
- color: sectionproperties.sectionTitleColor,
9803
- fontWeight: sectionproperties.sectionTitleFontWeight
9804
- }
9805
- }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
9806
- className: "row m-0 w-100 mb-2"
9807
- }, LoginButton()), /*#__PURE__*/React.createElement("div", {
9808
- className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 p-sm-0' : 'col-lg-6 p-sm-0 mx-auto'
9809
- }, /*#__PURE__*/React.createElement("div", {
9810
- className: "".concat(generalstyles.card) + ' p-0 ml-3 mr-3 m-md-0 ',
9811
- style: {
9812
- border: 'none',
9813
- boxShadow: 'none'
9897
+ marginTop: sectionproperties.marginTop + 'px'
9814
9898
  }
9815
- }, /*#__PURE__*/React.createElement("div", {
9816
- className: " row m-0 w-100 "
9817
- }, /*#__PURE__*/React.createElement("div", {
9818
- 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",
9819
9901
  style: {
9820
- background: sectionproperties.formLeftbgColor,
9821
- borderTopRightRadius: sectionproperties.formLeft_bordertoprightradius + 'px',
9822
- borderTopLeftRadius: sectionproperties.formLeft_bordertopleftradius + 'px',
9823
- borderBottomRightRadius: sectionproperties.formLeft_borderbottomrightadius + 'px',
9824
- borderBottomLeftRadius: sectionproperties.formLeft_borderbottomleftadius + 'px'
9902
+ marginTop: sectionproperties.marginTopResp + 'px'
9825
9903
  }
9826
- }, !SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
9827
- "class": "row m-0 w-100"
9828
- }, /*#__PURE__*/React.createElement("div", {
9829
- "class": "col-lg-12 p-0"
9830
- }, /*#__PURE__*/React.createElement(CustomerInformationForm, {
9831
- formtype: "add",
9832
- sectionpropertiesprops: sectionproperties,
9833
- srcfromprops: 'signup',
9834
- actions: actions
9835
- })), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React.createElement("div", {
9836
- className: "col-lg-12 p-0 allcentered m-0 w-100 mb-2"
9837
- }, LoginButton())), SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
9838
- className: "w-100 d-flex m-auto mx-auto justify-content-center align-items-center"
9839
- }, /*#__PURE__*/React.createElement(CircularProgress, {
9840
- color: "black",
9841
- width: "40px",
9842
- height: "40px",
9843
- duration: "1s"
9844
- }))))))));
9904
+ }, SignupContent()));
9845
9905
  };
9846
9906
 
9847
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; }
@@ -9954,15 +10014,19 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
9954
10014
  alignItems: 'center'
9955
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', {
9956
10016
  borderColor: sectionproperties.inputfeildbordercoloronfocus
9957
- }), _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
+ })
9958
10026
  };
9959
10027
  return /*#__PURE__*/React.createElement("div", {
9960
- // className="col-lg-12 d-flex align-items-center justify-content-center pt-3 pb-3 pt-md-3 "
9961
- className: "col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5",
9962
- style: {
9963
- background: sectionproperties.backgroundColor,
9964
- marginBottom: sectionproperties.marginBottom + 'px'
9965
- }
10028
+ className: loginstyles2.containerstyle + ' col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5 ',
10029
+ style: {}
9966
10030
  }, /*#__PURE__*/React.createElement("div", {
9967
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'
9968
10032
  }, issignupsuccess && /*#__PURE__*/React.createElement("div", {
@@ -10156,14 +10220,6 @@ var AccountInformation = function AccountInformation(props) {
10156
10220
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
10157
10221
  var ikimagecredcontext = props.actions.ikimagecredcontext;
10158
10222
  var actions = props.actions;
10159
- useEffect(function () {
10160
- var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
10161
- var secpropobj = {};
10162
- 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) {
10163
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
10164
- });
10165
- setsectionproperties(_objectSpread$1Z({}, secpropobj));
10166
- }, [props.actions.StatePagePropertiesContext]);
10167
10223
  var _useState = useState(''),
10168
10224
  _useState2 = _slicedToArray(_useState, 2);
10169
10225
  _useState2[0];
@@ -10172,6 +10228,18 @@ var AccountInformation = function AccountInformation(props) {
10172
10228
  _useState4 = _slicedToArray(_useState3, 2),
10173
10229
  sectionproperties = _useState4[0],
10174
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]);
10175
10243
  useEffect(function () {
10176
10244
  var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
10177
10245
  return x.staticpageid == '6218bccb83d53';
@@ -10180,25 +10248,6 @@ var AccountInformation = function AccountInformation(props) {
10180
10248
  setCurrentPageId(cartindex);
10181
10249
  }
10182
10250
  }, []);
10183
- ({
10184
- sectiontitlespan: css({
10185
- ':after': {
10186
- width: sectionproperties.sectitle_lineafterwidth + '%',
10187
- backgroundColor: sectionproperties.linebgcolor
10188
- }
10189
- }),
10190
- sectiontitlespan2: css({
10191
- ':after': {
10192
- width: sectionproperties.sectitle_lineafterwidth + 'px',
10193
- height: '100%',
10194
- backgroundColor: sectionproperties.linebgcolor
10195
- }
10196
- })
10197
- });
10198
- var _useState5 = useState([]),
10199
- _useState6 = _slicedToArray(_useState5, 2),
10200
- bgimagesarray = _useState6[0],
10201
- setbgimagesarray = _useState6[1];
10202
10251
  useEffect(function () {
10203
10252
  if (sectionproperties.length != 0) {
10204
10253
  if (sectionproperties.arrayofobjectimagesonly != null) {
@@ -10209,12 +10258,17 @@ var AccountInformation = function AccountInformation(props) {
10209
10258
  }
10210
10259
  }
10211
10260
  }, [sectionproperties]);
10212
- return /*#__PURE__*/React.createElement("div", {
10213
- className: 'row ml-0 mr-0 w-100',
10214
- style: {
10261
+ var sectionstyles = {
10262
+ containerstyle: css({
10215
10263
  paddingTop: sectionproperties.marginTop + 'px',
10216
- paddingBottom: sectionproperties.marginBottom + 'px'
10217
- }
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 '
10218
10272
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React.createElement("div", {
10219
10273
  className: "col-lg-12 p-0 d-flex justify-content-center",
10220
10274
  style: {
@@ -10425,15 +10479,19 @@ var Policies = function Policies(props) {
10425
10479
  height: '100%',
10426
10480
  backgroundColor: sectionproperties.linebgcolor
10427
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
+ }
10428
10490
  })
10429
10491
  };
10430
10492
  return /*#__PURE__*/React.createElement("div", {
10431
- className: 'row m-0 w-100 d-flex justify-content-center',
10432
- style: {
10433
- backgroundColor: sectionproperties.backgroundColor,
10434
- paddingTop: sectionproperties.marginTop + 'px',
10435
- paddingBottom: sectionproperties.marginBottom + 'px'
10436
- }
10493
+ className: policies_cssstyles.containerstyle + ' row ml-0 mr-0 w-100 d-flex justify-content-center ',
10494
+ style: {}
10437
10495
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React.createElement("div", {
10438
10496
  className: "col-lg-12 p-0 d-flex justify-content-center",
10439
10497
  style: {
@@ -11380,16 +11438,20 @@ var OrderSuccess = function OrderSuccess(props) {
11380
11438
  background: sectionproperties.generalbtn_bgColoronhover,
11381
11439
  color: sectionproperties.generalbtn_textColoronhover
11382
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
+ }
11383
11450
  })
11384
11451
  };
11385
11452
  return /*#__PURE__*/React.createElement("div", {
11386
- 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',
11387
- style: {
11388
- paddingLeft: sectionproperties.paddingLeft + 'px',
11389
- paddingRight: sectionproperties.paddingRight + 'px',
11390
- paddingTop: sectionproperties.paddingTop + 'px',
11391
- paddingBottom: sectionproperties.paddingBottom + 'px'
11392
- }
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: {}
11393
11455
  }, IsOrderSuccess && /*#__PURE__*/React.createElement("div", {
11394
11456
  className: "col-lg-12 allcentered flex-column d-none",
11395
11457
  style: {
@@ -36244,7 +36306,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
36244
36306
  }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.previousorders_titlear)), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
36245
36307
  "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
36246
36308
  }, /*#__PURE__*/React.createElement("p", {
36247
- "class": "".concat(footerStyles.subPages) + ' wordbreak ',
36309
+ "class": "".concat(footerStyles.subPages) + ' wordbreak m-0 p-0 ',
36248
36310
  style: {
36249
36311
  textAlign: langdetect == 'en' ? 'left' : 'right'
36250
36312
  },