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.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
- }, /*#__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",
800
- 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
952
  }, /*#__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
- },
953
+ "class": "row ml-0 mr-0 w-100 d-flex d-md-none",
868
954
  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',
@@ -4843,11 +4863,7 @@ var Productinfo = function Productinfo(props) {
4843
4863
  price = price * quantity;
4844
4864
  }
4845
4865
  if (price != undefined) {
4846
- if (price == NaN) {
4847
- return 0;
4848
- } else {
4849
- return price;
4850
- }
4866
+ return price;
4851
4867
  } else {
4852
4868
  return 0;
4853
4869
  }
@@ -5017,10 +5033,7 @@ var Productinfo = function Productinfo(props) {
5017
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))));
5018
5034
  };
5019
5035
  return /*#__PURE__*/React__default["default"].createElement("div", {
5020
- className: 'row w-100 ml-0 mr-0',
5021
- style: {
5022
- marginTop: sectionproperties.marginTop + 'px'
5023
- }
5036
+ className: productinfo_cssstyles.containerstyles + ' row w-100 ml-0 mr-0 '
5024
5037
  }, fetchProductInfoQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
5025
5038
  className: 'row ml-0 mr-0 w-100 allcentered',
5026
5039
  style: {
@@ -5715,6 +5728,14 @@ var Ordershistory = function Ordershistory(props) {
5715
5728
  color: sectionproperties.generalbtn_textColoronhover,
5716
5729
  opacity: sectionproperties.generalbtn_opacityonhover
5717
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
+ }
5718
5739
  })
5719
5740
  };
5720
5741
  var _useState17 = React.useState([]),
@@ -5745,12 +5766,7 @@ var Ordershistory = function Ordershistory(props) {
5745
5766
  return showbutton;
5746
5767
  };
5747
5768
  return /*#__PURE__*/React__default["default"].createElement("div", {
5748
- className: "row m-0 w-100",
5749
- style: {
5750
- paddingTop: sectionproperties.marginTop + 'px',
5751
- paddingBottom: sectionproperties.marginBottom + 'px',
5752
- background: sectionproperties.backgroundColor
5753
- }
5769
+ className: orderhistory_cssstyles.containerstyles + ' row ml-0 mr-0 w-100 '
5754
5770
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
5755
5771
  className: "col-lg-12 p-0 d-flex justify-content-center",
5756
5772
  style: {
@@ -6549,6 +6565,14 @@ var Wishlist = function Wishlist(props) {
6549
6565
  backgroundSize: 'cover',
6550
6566
  backgroundPosition: 'center',
6551
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
+ }
6552
6576
  })
6553
6577
  };
6554
6578
  React.useEffect(function () {
@@ -6562,12 +6586,8 @@ var Wishlist = function Wishlist(props) {
6562
6586
  }
6563
6587
  }, [sectionproperties]);
6564
6588
  return /*#__PURE__*/React__default["default"].createElement("div", {
6565
- className: 'row m-0 w-100',
6566
- style: {
6567
- paddingTop: sectionproperties.marginTop + 'px',
6568
- paddingBottom: sectionproperties.marginBottom + 'px',
6569
- background: sectionproperties.backgroundColor
6570
- }
6589
+ className: wishlist_cssstyles.containerstyle + ' row ml-0 mr-0 w-100 ',
6590
+ style: {}
6571
6591
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
6572
6592
  className: "col-lg-12 p-0 d-flex justify-content-center",
6573
6593
  style: {
@@ -7132,6 +7152,14 @@ var Viewcart = function Viewcart(props) {
7132
7152
  alignItems: 'center',
7133
7153
  justifyContent: 'center',
7134
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
+ }
7135
7163
  })
7136
7164
  };
7137
7165
  var _useState5 = React.useState([]),
@@ -7149,12 +7177,8 @@ var Viewcart = function Viewcart(props) {
7149
7177
  }
7150
7178
  }, [sectionproperties]);
7151
7179
  return /*#__PURE__*/React__default["default"].createElement("div", {
7152
- className: 'row m-0 w-100 d-flex justify-content-center',
7153
- style: {
7154
- paddingTop: sectionproperties.marginTop + 'px',
7155
- paddingBottom: sectionproperties.marginBottom + 'px',
7156
- background: sectionproperties.backgroundColor
7157
- }
7180
+ className: viewcart_cssstyles.containerstyles + ' row ml-0 mr-0 w-100 d-flex justify-content-center ',
7181
+ style: {}
7158
7182
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
7159
7183
  className: "col-lg-12 p-0 d-flex justify-content-center",
7160
7184
  style: {
@@ -7809,6 +7833,21 @@ var Checkout = function Checkout(props) {
7809
7833
  backgroundColor: sectionproperties.reservation_bgcolor,
7810
7834
  borderRadius: sectionproperties.reservation_borderradius + 'px',
7811
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
+ }
7812
7851
  })), _checkoutstyles);
7813
7852
  var Mycart = function Mycart() {
7814
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;
@@ -8138,20 +8177,7 @@ var Checkout = function Checkout(props) {
8138
8177
  return /*#__PURE__*/React__default["default"].createElement("div", {
8139
8178
  className: 'row m-0 w-100 d-flex justify-content-center p-sm-0 '
8140
8179
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8141
- className: 'col-lg-12 w-100 d-flex justify-content-center pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
8142
- style: {
8143
- marginTop: sectionproperties.marginTop + 'px',
8144
- marginBottom: sectionproperties.marginBottom + 'px',
8145
- paddingLeft: sectionproperties.paddingLeft + 'px',
8146
- paddingRight: sectionproperties.paddingRight + 'px',
8147
- paddingTop: sectionproperties.paddingTop + 'px',
8148
- paddingBottom: sectionproperties.paddingBottom + 'px',
8149
- background: sectionproperties.backgroundColor,
8150
- borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
8151
- borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
8152
- borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
8153
- borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
8154
- }
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 '
8155
8181
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8156
8182
  className: 'row m-0 w-100 justify-content-center '
8157
8183
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -9031,6 +9057,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9031
9057
  value: payloadobj.name,
9032
9058
  onChange: function onChange(event) {
9033
9059
  payloadobjchange('name', event.target.value);
9060
+ },
9061
+ style: {
9062
+ background: 'transparent'
9034
9063
  }
9035
9064
  })), /*#__PURE__*/React__default["default"].createElement("div", {
9036
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'
@@ -9044,6 +9073,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9044
9073
  disabled: validateemailpayload.isvalidated,
9045
9074
  onChange: function onChange(event) {
9046
9075
  payloadobjchange('email', event.target.value);
9076
+ },
9077
+ style: {
9078
+ background: 'transparent'
9047
9079
  }
9048
9080
  })), /*#__PURE__*/React__default["default"].createElement("div", {
9049
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'
@@ -9241,7 +9273,8 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9241
9273
  payloadobjchange('shippingaddress', event.target.value);
9242
9274
  },
9243
9275
  style: {
9244
- resize: 'none'
9276
+ resize: 'none',
9277
+ background: 'transparent'
9245
9278
  }
9246
9279
  }), /*#__PURE__*/React__default["default"].createElement("span", {
9247
9280
  className: loginstyles.login_input_focus
@@ -9262,6 +9295,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9262
9295
  value: payloadobj.password,
9263
9296
  onChange: function onChange(event) {
9264
9297
  payloadobjchange('password', event.target.value);
9298
+ },
9299
+ style: {
9300
+ background: 'transparent'
9265
9301
  }
9266
9302
  })), /*#__PURE__*/React__default["default"].createElement("div", {
9267
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'
@@ -9275,6 +9311,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9275
9311
  value: payloadobj.password2,
9276
9312
  onChange: function onChange(event) {
9277
9313
  payloadobjchange('password2', event.target.value);
9314
+ },
9315
+ style: {
9316
+ background: 'transparent'
9278
9317
  }
9279
9318
  })));
9280
9319
  };
@@ -9299,6 +9338,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9299
9338
  var temppayloadobj = _objectSpread$20({}, payloadobj);
9300
9339
  temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
9301
9340
  setpayloadobj(_objectSpread$20({}, temppayloadobj));
9341
+ },
9342
+ style: {
9343
+ background: 'transparent'
9302
9344
  }
9303
9345
  }), item.inputtype == 'checkbox' && /*#__PURE__*/React__default["default"].createElement("label", {
9304
9346
  className: langdetect == 'en' ? "".concat(loginstyles.checkbox, " ").concat(formstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(loginstyles.checkbox, " ").concat(loginstyles.checkboxtranslated) + ' d-flex mb-0 ',
@@ -9645,11 +9687,14 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9645
9687
  className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
9646
9688
  }, /*#__PURE__*/React__default["default"].createElement("label", {
9647
9689
  className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start '
9648
- }, langdetect == 'en' ? 'E-mail' : 'البريد الإلكترونى'), /*#__PURE__*/React__default["default"].createElement("input", {
9690
+ }, langdetect == 'en' ? 'Email' : 'البريد الإلكترونى'), /*#__PURE__*/React__default["default"].createElement("input", {
9649
9691
  type: "text",
9650
9692
  className: "".concat(formstyles.form_control),
9651
9693
  value: payloadobj.email,
9652
- disabled: true
9694
+ disabled: true,
9695
+ style: {
9696
+ background: 'transparent'
9697
+ }
9653
9698
  })), validateemailpayload.step == 'verifycode' && /*#__PURE__*/React__default["default"].createElement("div", {
9654
9699
  className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
9655
9700
  }, /*#__PURE__*/React__default["default"].createElement("label", {
@@ -9662,6 +9707,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9662
9707
  setvalidateemailpayload(_objectSpread$20(_objectSpread$20({}, validateemailpayload), {}, {
9663
9708
  code: event.target.value
9664
9709
  }));
9710
+ },
9711
+ style: {
9712
+ background: 'transparent'
9665
9713
  }
9666
9714
  })), /*#__PURE__*/React__default["default"].createElement("div", {
9667
9715
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
@@ -9828,67 +9876,79 @@ var Signup = function Signup(props) {
9828
9876
  }
9829
9877
  }, lang.login));
9830
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
+ };
9831
9935
  return /*#__PURE__*/React__default["default"].createElement("div", {
9832
- // className="col-lg-12 d-flex align-items-center justify-content-center pt-3 pb-3 pt-md-3 "
9833
9936
  className: "col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5",
9834
9937
  style: {
9835
9938
  background: sectionproperties.backgroundColor,
9836
9939
  marginBottom: sectionproperties.marginBottom + 'px'
9837
9940
  }
9838
9941
  }, /*#__PURE__*/React__default["default"].createElement("div", {
9839
- 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'
9840
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9841
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mt-3",
9942
+ "class": "row ml-0 mr-0 w-100 d-flex d-md-none",
9842
9943
  style: {
9843
- marginBottom: sectionproperties.cardstyletype == 'Style 1' ? 0 : '15px'
9844
- }
9845
- }, /*#__PURE__*/React__default["default"].createElement("p", {
9846
- className: "m-0 p-0",
9847
- style: {
9848
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
9849
- color: sectionproperties.sectionTitleColor,
9850
- fontWeight: sectionproperties.sectionTitleFontWeight
9851
- }
9852
- }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
9853
- className: "row m-0 w-100 mb-2"
9854
- }, LoginButton()), /*#__PURE__*/React__default["default"].createElement("div", {
9855
- className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 p-sm-0' : 'col-lg-6 p-sm-0 mx-auto'
9856
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9857
- className: "".concat(generalstyles.card) + ' p-0 ml-3 mr-3 m-md-0 ',
9858
- style: {
9859
- border: 'none',
9860
- boxShadow: 'none'
9944
+ marginTop: sectionproperties.marginTop + 'px'
9861
9945
  }
9862
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9863
- className: " row m-0 w-100 "
9864
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9865
- 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",
9866
9948
  style: {
9867
- background: sectionproperties.formLeftbgColor,
9868
- borderTopRightRadius: sectionproperties.formLeft_bordertoprightradius + 'px',
9869
- borderTopLeftRadius: sectionproperties.formLeft_bordertopleftradius + 'px',
9870
- borderBottomRightRadius: sectionproperties.formLeft_borderbottomrightadius + 'px',
9871
- borderBottomLeftRadius: sectionproperties.formLeft_borderbottomleftadius + 'px'
9949
+ marginTop: sectionproperties.marginTopResp + 'px'
9872
9950
  }
9873
- }, !SocialLoginMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
9874
- "class": "row m-0 w-100"
9875
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9876
- "class": "col-lg-12 p-0"
9877
- }, /*#__PURE__*/React__default["default"].createElement(CustomerInformationForm, {
9878
- formtype: "add",
9879
- sectionpropertiesprops: sectionproperties,
9880
- srcfromprops: 'signup',
9881
- actions: actions
9882
- })), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
9883
- className: "col-lg-12 p-0 allcentered m-0 w-100 mb-2"
9884
- }, LoginButton())), SocialLoginMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
9885
- className: "w-100 d-flex m-auto mx-auto justify-content-center align-items-center"
9886
- }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
9887
- color: "black",
9888
- width: "40px",
9889
- height: "40px",
9890
- duration: "1s"
9891
- }))))))));
9951
+ }, SignupContent()));
9892
9952
  };
9893
9953
 
9894
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; }
@@ -10001,15 +10061,19 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
10001
10061
  alignItems: 'center'
10002
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', {
10003
10063
  borderColor: sectionproperties.inputfeildbordercoloronfocus
10004
- }), _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
+ })
10005
10073
  };
10006
10074
  return /*#__PURE__*/React__default["default"].createElement("div", {
10007
- // className="col-lg-12 d-flex align-items-center justify-content-center pt-3 pb-3 pt-md-3 "
10008
- className: "col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5",
10009
- style: {
10010
- background: sectionproperties.backgroundColor,
10011
- marginBottom: sectionproperties.marginBottom + 'px'
10012
- }
10075
+ className: loginstyles2.containerstyle + ' col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5 ',
10076
+ style: {}
10013
10077
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10014
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'
10015
10079
  }, issignupsuccess && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -10203,14 +10267,6 @@ var AccountInformation = function AccountInformation(props) {
10203
10267
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
10204
10268
  var ikimagecredcontext = props.actions.ikimagecredcontext;
10205
10269
  var actions = props.actions;
10206
- React.useEffect(function () {
10207
- var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
10208
- var secpropobj = {};
10209
- 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) {
10210
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
10211
- });
10212
- setsectionproperties(_objectSpread$1Z({}, secpropobj));
10213
- }, [props.actions.StatePagePropertiesContext]);
10214
10270
  var _useState = React.useState(''),
10215
10271
  _useState2 = _slicedToArray__default["default"](_useState, 2);
10216
10272
  _useState2[0];
@@ -10219,6 +10275,18 @@ var AccountInformation = function AccountInformation(props) {
10219
10275
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
10220
10276
  sectionproperties = _useState4[0],
10221
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]);
10222
10290
  React.useEffect(function () {
10223
10291
  var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
10224
10292
  return x.staticpageid == '6218bccb83d53';
@@ -10227,25 +10295,6 @@ var AccountInformation = function AccountInformation(props) {
10227
10295
  setCurrentPageId(cartindex);
10228
10296
  }
10229
10297
  }, []);
10230
- ({
10231
- sectiontitlespan: glamor.css({
10232
- ':after': {
10233
- width: sectionproperties.sectitle_lineafterwidth + '%',
10234
- backgroundColor: sectionproperties.linebgcolor
10235
- }
10236
- }),
10237
- sectiontitlespan2: glamor.css({
10238
- ':after': {
10239
- width: sectionproperties.sectitle_lineafterwidth + 'px',
10240
- height: '100%',
10241
- backgroundColor: sectionproperties.linebgcolor
10242
- }
10243
- })
10244
- });
10245
- var _useState5 = React.useState([]),
10246
- _useState6 = _slicedToArray__default["default"](_useState5, 2),
10247
- bgimagesarray = _useState6[0],
10248
- setbgimagesarray = _useState6[1];
10249
10298
  React.useEffect(function () {
10250
10299
  if (sectionproperties.length != 0) {
10251
10300
  if (sectionproperties.arrayofobjectimagesonly != null) {
@@ -10256,12 +10305,17 @@ var AccountInformation = function AccountInformation(props) {
10256
10305
  }
10257
10306
  }
10258
10307
  }, [sectionproperties]);
10259
- return /*#__PURE__*/React__default["default"].createElement("div", {
10260
- className: 'row ml-0 mr-0 w-100',
10261
- style: {
10308
+ var sectionstyles = {
10309
+ containerstyle: glamor.css({
10262
10310
  paddingTop: sectionproperties.marginTop + 'px',
10263
- paddingBottom: sectionproperties.marginBottom + 'px'
10264
- }
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 '
10265
10319
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
10266
10320
  className: "col-lg-12 p-0 d-flex justify-content-center",
10267
10321
  style: {
@@ -10472,15 +10526,19 @@ var Policies = function Policies(props) {
10472
10526
  height: '100%',
10473
10527
  backgroundColor: sectionproperties.linebgcolor
10474
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
+ }
10475
10537
  })
10476
10538
  };
10477
10539
  return /*#__PURE__*/React__default["default"].createElement("div", {
10478
- className: 'row m-0 w-100 d-flex justify-content-center',
10479
- style: {
10480
- backgroundColor: sectionproperties.backgroundColor,
10481
- paddingTop: sectionproperties.marginTop + 'px',
10482
- paddingBottom: sectionproperties.marginBottom + 'px'
10483
- }
10540
+ className: policies_cssstyles.containerstyle + ' row ml-0 mr-0 w-100 d-flex justify-content-center ',
10541
+ style: {}
10484
10542
  }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
10485
10543
  className: "col-lg-12 p-0 d-flex justify-content-center",
10486
10544
  style: {
@@ -11427,16 +11485,20 @@ var OrderSuccess = function OrderSuccess(props) {
11427
11485
  background: sectionproperties.generalbtn_bgColoronhover,
11428
11486
  color: sectionproperties.generalbtn_textColoronhover
11429
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
+ }
11430
11497
  })
11431
11498
  };
11432
11499
  return /*#__PURE__*/React__default["default"].createElement("div", {
11433
- 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',
11434
- style: {
11435
- paddingLeft: sectionproperties.paddingLeft + 'px',
11436
- paddingRight: sectionproperties.paddingRight + 'px',
11437
- paddingTop: sectionproperties.paddingTop + 'px',
11438
- paddingBottom: sectionproperties.paddingBottom + 'px'
11439
- }
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: {}
11440
11502
  }, IsOrderSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
11441
11503
  className: "col-lg-12 allcentered flex-column d-none",
11442
11504
  style: {
@@ -36291,7 +36353,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
36291
36353
  }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.previousorders_titlear)), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
36292
36354
  "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
36293
36355
  }, /*#__PURE__*/React__default["default"].createElement("p", {
36294
- "class": "".concat(footerStyles.subPages) + ' wordbreak ',
36356
+ "class": "".concat(footerStyles.subPages) + ' wordbreak m-0 p-0 ',
36295
36357
  style: {
36296
36358
  textAlign: langdetect == 'en' ? 'left' : 'right'
36297
36359
  },