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.cjs.js CHANGED
@@ -19,7 +19,6 @@ var FaFacebookF = require('@react-icons/all-files/fa/FaFacebookF');
19
19
  var AiOutlineUser = require('@react-icons/all-files/ai/AiOutlineUser');
20
20
  var IoMdClose = require('@react-icons/all-files/io/IoMdClose');
21
21
  var reactBootstrap = require('react-bootstrap');
22
- require('react-query');
23
22
  var ImageGallery = require('react-image-gallery');
24
23
  var MdAddShoppingCart = require('@react-icons/all-files/md/MdAddShoppingCart');
25
24
  var IoBagHandleOutline = require('@react-icons/all-files/io5/IoBagHandleOutline');
@@ -76,6 +75,7 @@ var FiChevronDown = require('@react-icons/all-files/fi/FiChevronDown');
76
75
  var HiOutlinePlus = require('@react-icons/all-files/hi/HiOutlinePlus');
77
76
  var AiOutlineMinus = require('@react-icons/all-files/ai/AiOutlineMinus');
78
77
  require('react-router-dom');
78
+ require('react-query');
79
79
  var IoBagCheckOutline = require('@react-icons/all-files/io5/IoBagCheckOutline');
80
80
  var IoBagRemoveOutline = require('@react-icons/all-files/io5/IoBagRemoveOutline');
81
81
  var InputRange = require('react-input-range');
@@ -620,7 +620,6 @@ var Login = function Login(props) {
620
620
  var LoginMutation = props.actions.LoginMutationContext;
621
621
  var NotificationManager = props.actions.NotificationManager;
622
622
  var instapikey = props.actions.instapikey;
623
- props.actions.ikimagecredcontext;
624
623
  var actions = props.actions;
625
624
  var _useState = React.useState(''),
626
625
  _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -785,167 +784,182 @@ var Login = function Login(props) {
785
784
  }
786
785
  }, langdetect == 'en' ? sectionproperties.signupbtn_contenten : sectionproperties.signupbtn_contentar)));
787
786
  };
787
+ var LoginContent = function LoginContent() {
788
+ return /*#__PURE__*/React__default["default"].createElement("div", {
789
+ "class": "row m-0 w-100"
790
+ }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
791
+ 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'
792
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
793
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
794
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
795
+ className: "text-md-center",
796
+ style: {
797
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
798
+ color: sectionproperties.sectionTitleColor,
799
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px',
800
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
801
+ marginLeft: sectionproperties.sectionTitleMarginLeft + 'px',
802
+ marginRight: sectionproperties.sectionTitleMarginRight + 'px',
803
+ textTransform: sectionproperties.sectionTitleTextTransform,
804
+ fontWeight: sectionproperties.sectionTitleFontWeight
805
+ }
806
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
807
+ className: "col-lg-12 col-md-12 col-sm-12 p-sm-0 d-flex justify-content-center"
808
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
809
+ className: ' col-lg-10 col-md-12 col-sm-12 p-sm-0 '
810
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
811
+ className: " row m-0 w-100 "
812
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
813
+ 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 ',
814
+ style: {
815
+ background: sectionproperties.formLeftbgColor,
816
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.formLeft_bordertoprightradius + 'px' : sectionproperties.formLeft_bordertopleftradius + 'px',
817
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.formLeft_bordertopleftradius + 'px' : sectionproperties.formLeft_bordertoprightradius + 'px',
818
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.formLeft_borderbottomrightadius + 'px' : sectionproperties.formLeft_borderbottomleftadius + 'px',
819
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.formLeft_borderbottomleftadius + 'px' : sectionproperties.formLeft_borderbottomrightadius + 'px'
820
+ }
821
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
822
+ "class": "row m-0 w-100"
823
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
824
+ "class": "col-lg-12 p-0"
825
+ }, /*#__PURE__*/React__default["default"].createElement("form", {
826
+ "class": "row m-0 w-100 d-flex p-2 pl-sm-3 pr-sm-3"
827
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
828
+ className: "col-lg-12 col-md-12 col-sm-12 mb-5 p-sm-0"
829
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
830
+ className: "".concat(loginstyles2.logininputLabel) + ' d-flex justify-content-start '
831
+ }, langdetect == 'en' ? 'Email or Phone number' : 'البريد الإلكترونى او رقم الهاتف'), /*#__PURE__*/React__default["default"].createElement("input", {
832
+ type: "text",
833
+ className: "".concat(loginstyles2.form_control),
834
+ value: payloadobj.email,
835
+ onChange: function onChange(event) {
836
+ var temppayloadobj = _objectSpread$2d({}, payloadobj);
837
+ temppayloadobj.email = event.target.value;
838
+ setpayloadobj(_objectSpread$2d({}, temppayloadobj));
839
+ },
840
+ style: {
841
+ background: 'transparent'
842
+ }
843
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
844
+ className: "col-lg-12 col-md-12 col-sm-12 p-sm-0"
845
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
846
+ className: "".concat(loginstyles2.logininputLabel) + ' d-flex justify-content-start '
847
+ }, langdetect == 'en' ? 'Password' : 'كلمة السر'), /*#__PURE__*/React__default["default"].createElement("div", {
848
+ onClick: function onClick() {
849
+ setshowpassword(!showpassword);
850
+ },
851
+ className: langdetect == 'en' ? loginstyles$1.showpassword_input_icon : loginstyles$1.showpassword_input_icontrans
852
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
853
+ className: "fa fa-eye h-100 d-flex align-items-center justify-content-center"
854
+ })), /*#__PURE__*/React__default["default"].createElement("input", {
855
+ className: "".concat(loginstyles$1.form_control, " ").concat(loginstyles2.form_control),
856
+ type: showpassword ? 'text' : 'password',
857
+ textplaceholder: "",
858
+ value: payloadobj.password,
859
+ onChange: function onChange(event) {
860
+ var temppayloadobj = _objectSpread$2d({}, payloadobj);
861
+ temppayloadobj.password = event.target.value;
862
+ setpayloadobj(_objectSpread$2d({}, temppayloadobj));
863
+ },
864
+ style: {
865
+ background: 'transparent'
866
+ }
867
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
868
+ 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 ",
869
+ onClick: function onClick() {
870
+ setforgetpasswordmodal(true);
871
+ }
872
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
873
+ className: 'm-0 p-0 '
874
+ }, langdetect == 'en' ? 'Forgot Password?' : 'هل نسيت كلمة السر؟')), /*#__PURE__*/React__default["default"].createElement("div", {
875
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center font-13 mb-2"
876
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
877
+ style: {
878
+ color: 'red'
879
+ },
880
+ className: "m-0 p-0"
881
+ }, statusreason)), /*#__PURE__*/React__default["default"].createElement("div", {
882
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-4"
883
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
884
+ className: " ".concat(loginstyles2.loginbtn) + ' d-flex align-items-center justify-content-center ',
885
+ onClick: function onClick() {
886
+ if (payloadobj.email.length != 0 && payloadobj.password.length != 0) {
887
+ LoginMutation.mutate(payloadobj);
888
+ }
889
+ },
890
+ type: 'button',
891
+ disabled: LoginMutation.isLoading == true ? true : false
892
+ }, !SocialLoginMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, LoginMutation.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
893
+ color: sectionproperties.login_btn_color,
894
+ width: "20px",
895
+ height: "20px",
896
+ duration: "1s"
897
+ }), !LoginMutation.isLoading && /*#__PURE__*/React__default["default"].createElement("span", {
898
+ style: {
899
+ letterSpacing: langdetect == 'en' ? '1px' : '',
900
+ textTransform: sectionproperties.login_btn_texttransform
901
+ }
902
+ }, lang.login)), SocialLoginMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
903
+ color: "#fff",
904
+ width: "20px",
905
+ height: "20px",
906
+ duration: "1s"
907
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
908
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-2"
909
+ }, /*#__PURE__*/React__default["default"].createElement(FacebookLoginButton, {
910
+ actions: actions
911
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
912
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
913
+ }, /*#__PURE__*/React__default["default"].createElement(GoogleLoginButton, {
914
+ actions: actions
915
+ })))), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
916
+ className: ' col-lg-12 col-md-12 col-sm-12 allcentered p-0 '
917
+ }, RightContainerContent()))), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
918
+ className: ' col-lg-6 col-md-12 col-sm-12 d-flex align-items-stretch p-0 '
919
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
920
+ 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 ',
921
+ style: {
922
+ background: sectionproperties.formRightbgColor,
923
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.formRight_bordertoprightradius + 'px' : sectionproperties.formRight_bordertopleftradius + 'px',
924
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.formRight_bordertopleftradius + 'px' : sectionproperties.formRight_bordertoprightradius + 'px',
925
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.formRight_borderbottomrightadius + 'px' : sectionproperties.formRight_borderbottomleftadius + 'px',
926
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.formRight_borderbottomleftadius + 'px' : sectionproperties.formRight_borderbottomrightadius + 'px'
927
+ }
928
+ }, RightContainerContent()))))), /*#__PURE__*/React__default["default"].createElement("form", {
929
+ method: "POST",
930
+ action: '/surfer/login',
931
+ className: "",
932
+ id: 'loginform',
933
+ style: {
934
+ display: 'none'
935
+ }
936
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
937
+ type: "hidden",
938
+ name: "email",
939
+ value: payloadobj.email
940
+ }), /*#__PURE__*/React__default["default"].createElement("input", {
941
+ type: "hidden",
942
+ name: "password",
943
+ value: payloadobj.password
944
+ }))));
945
+ };
788
946
  return /*#__PURE__*/React__default["default"].createElement("div", {
789
947
  className: "col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5",
790
948
  style: {
791
949
  background: sectionproperties.backgroundColor,
792
950
  marginBottom: sectionproperties.marginBottom + 'px'
793
951
  }
794
- }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
795
- 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'
796
952
  }, /*#__PURE__*/React__default["default"].createElement("div", {
797
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
798
- }, /*#__PURE__*/React__default["default"].createElement("p", {
799
- className: "text-md-center",
953
+ "class": "row ml-0 mr-0 w-100 d-flex d-md-none",
800
954
  style: {
801
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
802
- color: sectionproperties.sectionTitleColor,
803
- marginTop: sectionproperties.sectionTitleMarginTop + 'px',
804
- marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
805
- marginLeft: sectionproperties.sectionTitleMarginLeft + 'px',
806
- marginRight: sectionproperties.sectionTitleMarginRight + 'px',
807
- textTransform: sectionproperties.sectionTitleTextTransform,
808
- fontWeight: sectionproperties.sectionTitleFontWeight
809
- }
810
- }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
811
- className: "col-lg-12 col-md-12 col-sm-12 p-sm-0 d-flex justify-content-center"
812
- }, /*#__PURE__*/React__default["default"].createElement("div", {
813
- className: ' col-lg-10 col-md-12 col-sm-12 p-sm-0 '
814
- }, /*#__PURE__*/React__default["default"].createElement("div", {
815
- className: " row m-0 w-100 "
816
- }, /*#__PURE__*/React__default["default"].createElement("div", {
817
- 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 ',
818
- style: {
819
- background: sectionproperties.formLeftbgColor,
820
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.formLeft_bordertoprightradius + 'px' : sectionproperties.formLeft_bordertopleftradius + 'px',
821
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.formLeft_bordertopleftradius + 'px' : sectionproperties.formLeft_bordertoprightradius + 'px',
822
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.formLeft_borderbottomrightadius + 'px' : sectionproperties.formLeft_borderbottomleftadius + 'px',
823
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.formLeft_borderbottomleftadius + 'px' : sectionproperties.formLeft_borderbottomrightadius + 'px'
824
- }
825
- }, /*#__PURE__*/React__default["default"].createElement("div", {
826
- "class": "row m-0 w-100"
827
- }, /*#__PURE__*/React__default["default"].createElement("div", {
828
- "class": "col-lg-12 p-0"
829
- }, /*#__PURE__*/React__default["default"].createElement("form", {
830
- "class": "row m-0 w-100 d-flex p-2 pl-sm-3 pr-sm-3"
831
- }, /*#__PURE__*/React__default["default"].createElement("div", {
832
- className: "col-lg-12 col-md-12 col-sm-12 mb-5 p-sm-0"
833
- }, /*#__PURE__*/React__default["default"].createElement("label", {
834
- className: "".concat(loginstyles2.logininputLabel) + ' d-flex justify-content-start '
835
- }, langdetect == 'en' ? 'Email or Phone number' : 'البريد الإلكترونى او رقم الهاتف'), /*#__PURE__*/React__default["default"].createElement("input", {
836
- type: "text",
837
- className: "".concat(loginstyles2.form_control),
838
- value: payloadobj.email,
839
- onChange: function onChange(event) {
840
- var temppayloadobj = _objectSpread$2d({}, payloadobj);
841
- temppayloadobj.email = event.target.value;
842
- setpayloadobj(_objectSpread$2d({}, temppayloadobj));
843
- },
844
- style: {
845
- background: 'transparent'
846
- }
847
- })), /*#__PURE__*/React__default["default"].createElement("div", {
848
- className: "col-lg-12 col-md-12 col-sm-12 p-sm-0"
849
- }, /*#__PURE__*/React__default["default"].createElement("label", {
850
- className: "".concat(loginstyles2.logininputLabel) + ' d-flex justify-content-start '
851
- }, langdetect == 'en' ? 'Password' : 'كلمة السر'), /*#__PURE__*/React__default["default"].createElement("div", {
852
- onClick: function onClick() {
853
- setshowpassword(!showpassword);
854
- },
855
- className: langdetect == 'en' ? loginstyles$1.showpassword_input_icon : loginstyles$1.showpassword_input_icontrans
856
- }, /*#__PURE__*/React__default["default"].createElement("i", {
857
- className: "fa fa-eye h-100 d-flex align-items-center justify-content-center"
858
- })), /*#__PURE__*/React__default["default"].createElement("input", {
859
- className: "".concat(loginstyles$1.form_control, " ").concat(loginstyles2.form_control),
860
- type: showpassword ? 'text' : 'password',
861
- textplaceholder: "",
862
- value: payloadobj.password,
863
- onChange: function onChange(event) {
864
- var temppayloadobj = _objectSpread$2d({}, payloadobj);
865
- temppayloadobj.password = event.target.value;
866
- setpayloadobj(_objectSpread$2d({}, temppayloadobj));
867
- },
868
- style: {
869
- background: 'transparent'
870
- }
871
- })), /*#__PURE__*/React__default["default"].createElement("div", {
872
- 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 ",
873
- onClick: function onClick() {
874
- setforgetpasswordmodal(true);
875
- }
876
- }, /*#__PURE__*/React__default["default"].createElement("p", {
877
- className: 'm-0 p-0 '
878
- }, langdetect == 'en' ? 'Forgot Password?' : 'هل نسيت كلمة السر؟')), /*#__PURE__*/React__default["default"].createElement("div", {
879
- className: "col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center font-13 mb-2"
880
- }, /*#__PURE__*/React__default["default"].createElement("p", {
881
- style: {
882
- color: 'red'
883
- },
884
- className: "m-0 p-0"
885
- }, statusreason)), /*#__PURE__*/React__default["default"].createElement("div", {
886
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-4"
887
- }, /*#__PURE__*/React__default["default"].createElement("button", {
888
- className: " ".concat(loginstyles2.loginbtn) + ' d-flex align-items-center justify-content-center ',
889
- onClick: function onClick() {
890
- if (payloadobj.email.length != 0 && payloadobj.password.length != 0) {
891
- LoginMutation.mutate(payloadobj);
892
- }
893
- },
894
- type: 'button',
895
- disabled: LoginMutation.isLoading == true ? true : false
896
- }, !SocialLoginMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, LoginMutation.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
897
- color: sectionproperties.login_btn_color,
898
- width: "20px",
899
- height: "20px",
900
- duration: "1s"
901
- }), !LoginMutation.isLoading && /*#__PURE__*/React__default["default"].createElement("span", {
902
- style: {
903
- letterSpacing: langdetect == 'en' ? '1px' : '',
904
- textTransform: sectionproperties.login_btn_texttransform
955
+ marginTop: sectionproperties.marginTop + 'px'
905
956
  }
906
- }, lang.login)), SocialLoginMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
907
- color: "#fff",
908
- width: "20px",
909
- height: "20px",
910
- duration: "1s"
911
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
912
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-2"
913
- }, /*#__PURE__*/React__default["default"].createElement(FacebookLoginButton, {
914
- actions: actions
915
- })), /*#__PURE__*/React__default["default"].createElement("div", {
916
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
917
- }, /*#__PURE__*/React__default["default"].createElement(GoogleLoginButton, {
918
- actions: actions
919
- })))), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
920
- className: ' col-lg-12 col-md-12 col-sm-12 allcentered p-0 '
921
- }, RightContainerContent()))), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
922
- className: ' col-lg-6 col-md-12 col-sm-12 d-flex align-items-stretch p-0 '
923
- }, /*#__PURE__*/React__default["default"].createElement("div", {
924
- 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 ',
925
- style: {
926
- background: sectionproperties.formRightbgColor,
927
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.formRight_bordertoprightradius + 'px' : sectionproperties.formRight_bordertopleftradius + 'px',
928
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.formRight_bordertopleftradius + 'px' : sectionproperties.formRight_bordertoprightradius + 'px',
929
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.formRight_borderbottomrightadius + 'px' : sectionproperties.formRight_borderbottomleftadius + 'px',
930
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.formRight_borderbottomleftadius + 'px' : sectionproperties.formRight_borderbottomrightadius + 'px'
931
- }
932
- }, RightContainerContent()))))), /*#__PURE__*/React__default["default"].createElement("form", {
933
- method: "POST",
934
- action: '/surfer/login',
935
- className: "",
936
- id: 'loginform',
957
+ }, LoginContent()), /*#__PURE__*/React__default["default"].createElement("div", {
958
+ "class": "row ml-0 mr-0 w-100 d-none d-md-flex",
937
959
  style: {
938
- display: 'none'
960
+ marginTop: sectionproperties.marginTopResp + 'px'
939
961
  }
940
- }, /*#__PURE__*/React__default["default"].createElement("input", {
941
- type: "hidden",
942
- name: "email",
943
- value: payloadobj.email
944
- }), /*#__PURE__*/React__default["default"].createElement("input", {
945
- type: "hidden",
946
- name: "password",
947
- value: payloadobj.password
948
- }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
962
+ }, LoginContent()), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
949
963
  show: forgetpasswordmodal,
950
964
  onHide: function onHide() {
951
965
  return setforgetpasswordmodal(false);
@@ -4497,6 +4511,12 @@ var Productinfo = function Productinfo(props) {
4497
4511
  }
4498
4512
  };
4499
4513
  var productinfo_cssstyles = {
4514
+ containerstyles: glamor.css({
4515
+ marginTop: sectionproperties.marginTop + 'px',
4516
+ '@media (max-width: 800px)': {
4517
+ marginTop: sectionproperties.marginTopResp + 'px'
4518
+ }
4519
+ }),
4500
4520
  submitreviewbtn: glamor.css({
4501
4521
  width: sectionproperties.applybtn_width + 'px',
4502
4522
  height: sectionproperties.applybtn_height + 'px',
@@ -5013,10 +5033,7 @@ var Productinfo = function Productinfo(props) {
5013
5033
  }, 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))));
5014
5034
  };
5015
5035
  return /*#__PURE__*/React__default["default"].createElement("div", {
5016
- className: 'row w-100 ml-0 mr-0',
5017
- style: {
5018
- marginTop: sectionproperties.marginTop + 'px'
5019
- }
5036
+ className: productinfo_cssstyles.containerstyles + ' row w-100 ml-0 mr-0 '
5020
5037
  }, fetchProductInfoQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
5021
5038
  className: 'row ml-0 mr-0 w-100 allcentered',
5022
5039
  style: {
@@ -5711,6 +5728,14 @@ var Ordershistory = function Ordershistory(props) {
5711
5728
  color: sectionproperties.generalbtn_textColoronhover,
5712
5729
  opacity: sectionproperties.generalbtn_opacityonhover
5713
5730
  }
5731
+ }),
5732
+ containerstyles: glamor.css({
5733
+ paddingTop: sectionproperties.marginTop + 'px',
5734
+ paddingBottom: sectionproperties.marginBottom + 'px',
5735
+ background: sectionproperties.backgroundColor,
5736
+ '@media (max-width: 800px)': {
5737
+ paddingTop: sectionproperties.marginTopResp + 'px'
5738
+ }
5714
5739
  })
5715
5740
  };
5716
5741
  var _useState17 = React.useState([]),
@@ -5741,12 +5766,7 @@ var Ordershistory = function Ordershistory(props) {
5741
5766
  return showbutton;
5742
5767
  };
5743
5768
  return /*#__PURE__*/React__default["default"].createElement("div", {
5744
- className: "row m-0 w-100",
5745
- style: {
5746
- paddingTop: sectionproperties.marginTop + 'px',
5747
- paddingBottom: sectionproperties.marginBottom + 'px',
5748
- background: sectionproperties.backgroundColor
5749
- }
5769
+ className: orderhistory_cssstyles.containerstyles + ' row ml-0 mr-0 w-100 '
5750
5770
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
5751
5771
  className: "col-lg-12 p-0 d-flex justify-content-center",
5752
5772
  style: {
@@ -6545,6 +6565,14 @@ var Wishlist = function Wishlist(props) {
6545
6565
  backgroundSize: 'cover',
6546
6566
  backgroundPosition: 'center',
6547
6567
  position: 'relative'
6568
+ }),
6569
+ containerstyle: glamor.css({
6570
+ marginTop: sectionproperties.marginTop + 'px',
6571
+ paddingBottom: sectionproperties.marginBottom + 'px',
6572
+ background: sectionproperties.backgroundColor,
6573
+ '@media (max-width: 800px)': {
6574
+ marginTop: sectionproperties.marginTopResp + 'px'
6575
+ }
6548
6576
  })
6549
6577
  };
6550
6578
  React.useEffect(function () {
@@ -6558,12 +6586,8 @@ var Wishlist = function Wishlist(props) {
6558
6586
  }
6559
6587
  }, [sectionproperties]);
6560
6588
  return /*#__PURE__*/React__default["default"].createElement("div", {
6561
- className: 'row m-0 w-100',
6562
- style: {
6563
- paddingTop: sectionproperties.marginTop + 'px',
6564
- paddingBottom: sectionproperties.marginBottom + 'px',
6565
- background: sectionproperties.backgroundColor
6566
- }
6589
+ className: wishlist_cssstyles.containerstyle + ' row ml-0 mr-0 w-100 ',
6590
+ style: {}
6567
6591
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
6568
6592
  className: "col-lg-12 p-0 d-flex justify-content-center",
6569
6593
  style: {
@@ -7128,6 +7152,14 @@ var Viewcart = function Viewcart(props) {
7128
7152
  alignItems: 'center',
7129
7153
  justifyContent: 'center',
7130
7154
  position: 'relative'
7155
+ }),
7156
+ containerstyles: glamor.css({
7157
+ paddingTop: sectionproperties.marginTop + 'px',
7158
+ paddingBottom: sectionproperties.marginBottom + 'px',
7159
+ background: sectionproperties.backgroundColor,
7160
+ '@media (max-width: 800px)': {
7161
+ paddingTop: sectionproperties.marginTopResp + 'px'
7162
+ }
7131
7163
  })
7132
7164
  };
7133
7165
  var _useState5 = React.useState([]),
@@ -7145,12 +7177,8 @@ var Viewcart = function Viewcart(props) {
7145
7177
  }
7146
7178
  }, [sectionproperties]);
7147
7179
  return /*#__PURE__*/React__default["default"].createElement("div", {
7148
- className: 'row m-0 w-100 d-flex justify-content-center',
7149
- style: {
7150
- paddingTop: sectionproperties.marginTop + 'px',
7151
- paddingBottom: sectionproperties.marginBottom + 'px',
7152
- background: sectionproperties.backgroundColor
7153
- }
7180
+ className: viewcart_cssstyles.containerstyles + ' row ml-0 mr-0 w-100 d-flex justify-content-center ',
7181
+ style: {}
7154
7182
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
7155
7183
  className: "col-lg-12 p-0 d-flex justify-content-center",
7156
7184
  style: {
@@ -7805,6 +7833,21 @@ var Checkout = function Checkout(props) {
7805
7833
  backgroundColor: sectionproperties.reservation_bgcolor,
7806
7834
  borderRadius: sectionproperties.reservation_borderradius + 'px',
7807
7835
  border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
7836
+ })), _defineProperty__default["default"](_checkoutstyles, "containerstyles", glamor.css({
7837
+ marginTop: sectionproperties.marginTop + 'px',
7838
+ marginBottom: sectionproperties.marginBottom + 'px',
7839
+ paddingLeft: sectionproperties.paddingLeft + 'px',
7840
+ paddingRight: sectionproperties.paddingRight + 'px',
7841
+ paddingTop: sectionproperties.paddingTop + 'px',
7842
+ paddingBottom: sectionproperties.paddingBottom + 'px',
7843
+ background: sectionproperties.backgroundColor,
7844
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
7845
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
7846
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
7847
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
7848
+ '@media (max-width: 800px)': {
7849
+ marginTop: sectionproperties.marginTopResp + 'px'
7850
+ }
7808
7851
  })), _checkoutstyles);
7809
7852
  var Mycart = function Mycart() {
7810
7853
  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;
@@ -8134,20 +8177,7 @@ var Checkout = function Checkout(props) {
8134
8177
  return /*#__PURE__*/React__default["default"].createElement("div", {
8135
8178
  className: 'row m-0 w-100 d-flex justify-content-center p-sm-0 '
8136
8179
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8137
- className: 'col-lg-12 w-100 d-flex justify-content-center pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
8138
- style: {
8139
- marginTop: sectionproperties.marginTop + 'px',
8140
- marginBottom: sectionproperties.marginBottom + 'px',
8141
- paddingLeft: sectionproperties.paddingLeft + 'px',
8142
- paddingRight: sectionproperties.paddingRight + 'px',
8143
- paddingTop: sectionproperties.paddingTop + 'px',
8144
- paddingBottom: sectionproperties.paddingBottom + 'px',
8145
- background: sectionproperties.backgroundColor,
8146
- borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
8147
- borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
8148
- borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
8149
- borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
8150
- }
8180
+ 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 '
8151
8181
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8152
8182
  className: 'row m-0 w-100 justify-content-center '
8153
8183
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -9027,6 +9057,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9027
9057
  value: payloadobj.name,
9028
9058
  onChange: function onChange(event) {
9029
9059
  payloadobjchange('name', event.target.value);
9060
+ },
9061
+ style: {
9062
+ background: 'transparent'
9030
9063
  }
9031
9064
  })), /*#__PURE__*/React__default["default"].createElement("div", {
9032
9065
  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'
@@ -9040,6 +9073,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9040
9073
  disabled: validateemailpayload.isvalidated,
9041
9074
  onChange: function onChange(event) {
9042
9075
  payloadobjchange('email', event.target.value);
9076
+ },
9077
+ style: {
9078
+ background: 'transparent'
9043
9079
  }
9044
9080
  })), /*#__PURE__*/React__default["default"].createElement("div", {
9045
9081
  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'
@@ -9237,7 +9273,8 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9237
9273
  payloadobjchange('shippingaddress', event.target.value);
9238
9274
  },
9239
9275
  style: {
9240
- resize: 'none'
9276
+ resize: 'none',
9277
+ background: 'transparent'
9241
9278
  }
9242
9279
  }), /*#__PURE__*/React__default["default"].createElement("span", {
9243
9280
  className: loginstyles.login_input_focus
@@ -9258,6 +9295,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9258
9295
  value: payloadobj.password,
9259
9296
  onChange: function onChange(event) {
9260
9297
  payloadobjchange('password', event.target.value);
9298
+ },
9299
+ style: {
9300
+ background: 'transparent'
9261
9301
  }
9262
9302
  })), /*#__PURE__*/React__default["default"].createElement("div", {
9263
9303
  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'
@@ -9271,6 +9311,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9271
9311
  value: payloadobj.password2,
9272
9312
  onChange: function onChange(event) {
9273
9313
  payloadobjchange('password2', event.target.value);
9314
+ },
9315
+ style: {
9316
+ background: 'transparent'
9274
9317
  }
9275
9318
  })));
9276
9319
  };
@@ -9295,6 +9338,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9295
9338
  var temppayloadobj = _objectSpread$20({}, payloadobj);
9296
9339
  temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
9297
9340
  setpayloadobj(_objectSpread$20({}, temppayloadobj));
9341
+ },
9342
+ style: {
9343
+ background: 'transparent'
9298
9344
  }
9299
9345
  }), item.inputtype == 'checkbox' && /*#__PURE__*/React__default["default"].createElement("label", {
9300
9346
  className: langdetect == 'en' ? "".concat(loginstyles.checkbox, " ").concat(formstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(loginstyles.checkbox, " ").concat(loginstyles.checkboxtranslated) + ' d-flex mb-0 ',
@@ -9641,11 +9687,14 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9641
9687
  className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
9642
9688
  }, /*#__PURE__*/React__default["default"].createElement("label", {
9643
9689
  className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start '
9644
- }, langdetect == 'en' ? 'E-mail' : 'البريد الإلكترونى'), /*#__PURE__*/React__default["default"].createElement("input", {
9690
+ }, langdetect == 'en' ? 'Email' : 'البريد الإلكترونى'), /*#__PURE__*/React__default["default"].createElement("input", {
9645
9691
  type: "text",
9646
9692
  className: "".concat(formstyles.form_control),
9647
9693
  value: payloadobj.email,
9648
- disabled: true
9694
+ disabled: true,
9695
+ style: {
9696
+ background: 'transparent'
9697
+ }
9649
9698
  })), validateemailpayload.step == 'verifycode' && /*#__PURE__*/React__default["default"].createElement("div", {
9650
9699
  className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
9651
9700
  }, /*#__PURE__*/React__default["default"].createElement("label", {
@@ -9658,6 +9707,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9658
9707
  setvalidateemailpayload(_objectSpread$20(_objectSpread$20({}, validateemailpayload), {}, {
9659
9708
  code: event.target.value
9660
9709
  }));
9710
+ },
9711
+ style: {
9712
+ background: 'transparent'
9661
9713
  }
9662
9714
  })), /*#__PURE__*/React__default["default"].createElement("div", {
9663
9715
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
@@ -9824,67 +9876,79 @@ var Signup = function Signup(props) {
9824
9876
  }
9825
9877
  }, lang.login));
9826
9878
  };
9879
+ var SignupContent = function SignupContent() {
9880
+ return /*#__PURE__*/React__default["default"].createElement("div", {
9881
+ 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'
9882
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9883
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mt-3",
9884
+ style: {
9885
+ marginBottom: sectionproperties.cardstyletype == 'Style 1' ? 0 : '15px'
9886
+ }
9887
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9888
+ className: "m-0 p-0",
9889
+ style: {
9890
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
9891
+ color: sectionproperties.sectionTitleColor,
9892
+ fontWeight: sectionproperties.sectionTitleFontWeight
9893
+ }
9894
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
9895
+ className: "row m-0 w-100 mb-2"
9896
+ }, LoginButton()), /*#__PURE__*/React__default["default"].createElement("div", {
9897
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 p-sm-0' : 'col-lg-6 p-sm-0 mx-auto'
9898
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9899
+ className: "".concat(generalstyles.card) + ' p-0 ml-3 mr-3 m-md-0 ',
9900
+ style: {
9901
+ border: 'none',
9902
+ boxShadow: 'none'
9903
+ }
9904
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9905
+ className: " row m-0 w-100 "
9906
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9907
+ className: 'col-lg-12 col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch',
9908
+ style: {
9909
+ background: sectionproperties.formLeftbgColor,
9910
+ borderTopRightRadius: sectionproperties.formLeft_bordertoprightradius + 'px',
9911
+ borderTopLeftRadius: sectionproperties.formLeft_bordertopleftradius + 'px',
9912
+ borderBottomRightRadius: sectionproperties.formLeft_borderbottomrightadius + 'px',
9913
+ borderBottomLeftRadius: sectionproperties.formLeft_borderbottomleftadius + 'px'
9914
+ }
9915
+ }, !SocialLoginMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
9916
+ "class": "row m-0 w-100"
9917
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9918
+ "class": "col-lg-12 p-0"
9919
+ }, /*#__PURE__*/React__default["default"].createElement(CustomerInformationForm, {
9920
+ formtype: "add",
9921
+ sectionpropertiesprops: sectionproperties,
9922
+ srcfromprops: 'signup',
9923
+ actions: actions
9924
+ })), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
9925
+ className: "col-lg-12 p-0 allcentered m-0 w-100 mb-2"
9926
+ }, LoginButton())), SocialLoginMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
9927
+ className: "w-100 d-flex m-auto mx-auto justify-content-center align-items-center"
9928
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
9929
+ color: "black",
9930
+ width: "40px",
9931
+ height: "40px",
9932
+ duration: "1s"
9933
+ })))))));
9934
+ };
9827
9935
  return /*#__PURE__*/React__default["default"].createElement("div", {
9828
- // className="col-lg-12 d-flex align-items-center justify-content-center pt-3 pb-3 pt-md-3 "
9829
9936
  className: "col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5",
9830
9937
  style: {
9831
9938
  background: sectionproperties.backgroundColor,
9832
9939
  marginBottom: sectionproperties.marginBottom + 'px'
9833
9940
  }
9834
9941
  }, /*#__PURE__*/React__default["default"].createElement("div", {
9835
- 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'
9836
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9837
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mt-3",
9838
- style: {
9839
- marginBottom: sectionproperties.cardstyletype == 'Style 1' ? 0 : '15px'
9840
- }
9841
- }, /*#__PURE__*/React__default["default"].createElement("p", {
9842
- className: "m-0 p-0",
9843
- style: {
9844
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
9845
- color: sectionproperties.sectionTitleColor,
9846
- fontWeight: sectionproperties.sectionTitleFontWeight
9847
- }
9848
- }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
9849
- className: "row m-0 w-100 mb-2"
9850
- }, LoginButton()), /*#__PURE__*/React__default["default"].createElement("div", {
9851
- className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 p-sm-0' : 'col-lg-6 p-sm-0 mx-auto'
9852
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9853
- className: "".concat(generalstyles.card) + ' p-0 ml-3 mr-3 m-md-0 ',
9942
+ "class": "row ml-0 mr-0 w-100 d-flex d-md-none",
9854
9943
  style: {
9855
- border: 'none',
9856
- boxShadow: 'none'
9944
+ marginTop: sectionproperties.marginTop + 'px'
9857
9945
  }
9858
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9859
- className: " row m-0 w-100 "
9860
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9861
- className: 'col-lg-12 col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch',
9946
+ }, SignupContent()), /*#__PURE__*/React__default["default"].createElement("div", {
9947
+ "class": "row ml-0 mr-0 w-100 d-none d-md-flex",
9862
9948
  style: {
9863
- background: sectionproperties.formLeftbgColor,
9864
- borderTopRightRadius: sectionproperties.formLeft_bordertoprightradius + 'px',
9865
- borderTopLeftRadius: sectionproperties.formLeft_bordertopleftradius + 'px',
9866
- borderBottomRightRadius: sectionproperties.formLeft_borderbottomrightadius + 'px',
9867
- borderBottomLeftRadius: sectionproperties.formLeft_borderbottomleftadius + 'px'
9949
+ marginTop: sectionproperties.marginTopResp + 'px'
9868
9950
  }
9869
- }, !SocialLoginMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
9870
- "class": "row m-0 w-100"
9871
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9872
- "class": "col-lg-12 p-0"
9873
- }, /*#__PURE__*/React__default["default"].createElement(CustomerInformationForm, {
9874
- formtype: "add",
9875
- sectionpropertiesprops: sectionproperties,
9876
- srcfromprops: 'signup',
9877
- actions: actions
9878
- })), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
9879
- className: "col-lg-12 p-0 allcentered m-0 w-100 mb-2"
9880
- }, LoginButton())), SocialLoginMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
9881
- className: "w-100 d-flex m-auto mx-auto justify-content-center align-items-center"
9882
- }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
9883
- color: "black",
9884
- width: "40px",
9885
- height: "40px",
9886
- duration: "1s"
9887
- }))))))));
9951
+ }, SignupContent()));
9888
9952
  };
9889
9953
 
9890
9954
  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; }
@@ -9997,15 +10061,19 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
9997
10061
  alignItems: 'center'
9998
10062
  }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '35px'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
9999
10063
  borderColor: sectionproperties.inputfeildbordercoloronfocus
10000
- }), _css))
10064
+ }), _css)),
10065
+ containerstyle: glamor.css({
10066
+ marginTop: sectionproperties.marginTop + 'px',
10067
+ background: sectionproperties.backgroundColor,
10068
+ marginBottom: sectionproperties.marginBottom + 'px',
10069
+ '@media (max-width: 800px)': {
10070
+ marginTop: sectionproperties.marginTopResp + 'px'
10071
+ }
10072
+ })
10001
10073
  };
10002
10074
  return /*#__PURE__*/React__default["default"].createElement("div", {
10003
- // className="col-lg-12 d-flex align-items-center justify-content-center pt-3 pb-3 pt-md-3 "
10004
- className: "col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5",
10005
- style: {
10006
- background: sectionproperties.backgroundColor,
10007
- marginBottom: sectionproperties.marginBottom + 'px'
10008
- }
10075
+ className: loginstyles2.containerstyle + ' col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5 ',
10076
+ style: {}
10009
10077
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10010
10078
  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'
10011
10079
  }, issignupsuccess && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -10199,14 +10267,6 @@ var AccountInformation = function AccountInformation(props) {
10199
10267
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
10200
10268
  var ikimagecredcontext = props.actions.ikimagecredcontext;
10201
10269
  var actions = props.actions;
10202
- React.useEffect(function () {
10203
- var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
10204
- var secpropobj = {};
10205
- 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) {
10206
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
10207
- });
10208
- setsectionproperties(_objectSpread$1Z({}, secpropobj));
10209
- }, [props.actions.StatePagePropertiesContext]);
10210
10270
  var _useState = React.useState(''),
10211
10271
  _useState2 = _slicedToArray__default["default"](_useState, 2);
10212
10272
  _useState2[0];
@@ -10215,6 +10275,18 @@ var AccountInformation = function AccountInformation(props) {
10215
10275
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
10216
10276
  sectionproperties = _useState4[0],
10217
10277
  setsectionproperties = _useState4[1];
10278
+ var _useState5 = React.useState([]),
10279
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
10280
+ bgimagesarray = _useState6[0],
10281
+ setbgimagesarray = _useState6[1];
10282
+ React.useEffect(function () {
10283
+ var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
10284
+ var secpropobj = {};
10285
+ 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) {
10286
+ secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
10287
+ });
10288
+ setsectionproperties(_objectSpread$1Z({}, secpropobj));
10289
+ }, [props.actions.StatePagePropertiesContext]);
10218
10290
  React.useEffect(function () {
10219
10291
  var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
10220
10292
  return x.staticpageid == '6218bccb83d53';
@@ -10223,25 +10295,6 @@ var AccountInformation = function AccountInformation(props) {
10223
10295
  setCurrentPageId(cartindex);
10224
10296
  }
10225
10297
  }, []);
10226
- ({
10227
- sectiontitlespan: glamor.css({
10228
- ':after': {
10229
- width: sectionproperties.sectitle_lineafterwidth + '%',
10230
- backgroundColor: sectionproperties.linebgcolor
10231
- }
10232
- }),
10233
- sectiontitlespan2: glamor.css({
10234
- ':after': {
10235
- width: sectionproperties.sectitle_lineafterwidth + 'px',
10236
- height: '100%',
10237
- backgroundColor: sectionproperties.linebgcolor
10238
- }
10239
- })
10240
- });
10241
- var _useState5 = React.useState([]),
10242
- _useState6 = _slicedToArray__default["default"](_useState5, 2),
10243
- bgimagesarray = _useState6[0],
10244
- setbgimagesarray = _useState6[1];
10245
10298
  React.useEffect(function () {
10246
10299
  if (sectionproperties.length != 0) {
10247
10300
  if (sectionproperties.arrayofobjectimagesonly != null) {
@@ -10252,12 +10305,17 @@ var AccountInformation = function AccountInformation(props) {
10252
10305
  }
10253
10306
  }
10254
10307
  }, [sectionproperties]);
10255
- return /*#__PURE__*/React__default["default"].createElement("div", {
10256
- className: 'row ml-0 mr-0 w-100',
10257
- style: {
10308
+ var sectionstyles = {
10309
+ containerstyle: glamor.css({
10258
10310
  paddingTop: sectionproperties.marginTop + 'px',
10259
- paddingBottom: sectionproperties.marginBottom + 'px'
10260
- }
10311
+ paddingBottom: sectionproperties.marginBottom + 'px',
10312
+ '@media (max-width: 800px)': {
10313
+ paddingTop: sectionproperties.marginTopResp + 'px'
10314
+ }
10315
+ })
10316
+ };
10317
+ return /*#__PURE__*/React__default["default"].createElement("div", {
10318
+ className: sectionstyles.containerstyle + ' row ml-0 mr-0 w-100 '
10261
10319
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
10262
10320
  className: "col-lg-12 p-0 d-flex justify-content-center",
10263
10321
  style: {
@@ -10468,15 +10526,19 @@ var Policies = function Policies(props) {
10468
10526
  height: '100%',
10469
10527
  backgroundColor: sectionproperties.linebgcolor
10470
10528
  }
10529
+ }),
10530
+ containerstyle: glamor.css({
10531
+ backgroundColor: sectionproperties.backgroundColor,
10532
+ paddingTop: sectionproperties.marginTop + 'px',
10533
+ paddingBottom: sectionproperties.marginBottom + 'px',
10534
+ '@media (max-width: 800px)': {
10535
+ paddingTop: sectionproperties.marginTopResp + 'px'
10536
+ }
10471
10537
  })
10472
10538
  };
10473
10539
  return /*#__PURE__*/React__default["default"].createElement("div", {
10474
- className: 'row m-0 w-100 d-flex justify-content-center',
10475
- style: {
10476
- backgroundColor: sectionproperties.backgroundColor,
10477
- paddingTop: sectionproperties.marginTop + 'px',
10478
- paddingBottom: sectionproperties.marginBottom + 'px'
10479
- }
10540
+ className: policies_cssstyles.containerstyle + ' row ml-0 mr-0 w-100 d-flex justify-content-center ',
10541
+ style: {}
10480
10542
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
10481
10543
  className: "col-lg-12 p-0 d-flex justify-content-center",
10482
10544
  style: {
@@ -11423,16 +11485,20 @@ var OrderSuccess = function OrderSuccess(props) {
11423
11485
  background: sectionproperties.generalbtn_bgColoronhover,
11424
11486
  color: sectionproperties.generalbtn_textColoronhover
11425
11487
  }
11488
+ }),
11489
+ containerstyle: glamor.css({
11490
+ paddingLeft: sectionproperties.paddingLeft + 'px',
11491
+ paddingRight: sectionproperties.paddingRight + 'px',
11492
+ paddingTop: sectionproperties.marginTop + 'px',
11493
+ paddingBottom: sectionproperties.marginBottom + 'px',
11494
+ '@media (max-width: 800px)': {
11495
+ paddingTop: sectionproperties.marginTopResp + 'px'
11496
+ }
11426
11497
  })
11427
11498
  };
11428
11499
  return /*#__PURE__*/React__default["default"].createElement("div", {
11429
- 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',
11430
- style: {
11431
- paddingLeft: sectionproperties.paddingLeft + 'px',
11432
- paddingRight: sectionproperties.paddingRight + 'px',
11433
- paddingTop: sectionproperties.paddingTop + 'px',
11434
- paddingBottom: sectionproperties.paddingBottom + 'px'
11435
- }
11500
+ 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 ',
11501
+ style: {}
11436
11502
  }, IsOrderSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
11437
11503
  className: "col-lg-12 allcentered flex-column d-none",
11438
11504
  style: {
@@ -36287,7 +36353,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
36287
36353
  }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.previousorders_titlear)), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
36288
36354
  "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
36289
36355
  }, /*#__PURE__*/React__default["default"].createElement("p", {
36290
- "class": "".concat(footerStyles.subPages) + ' wordbreak ',
36356
+ "class": "".concat(footerStyles.subPages) + ' wordbreak m-0 p-0 ',
36291
36357
  style: {
36292
36358
  textAlign: langdetect == 'en' ? 'left' : 'right'
36293
36359
  },