tabexseriescomponents 0.0.749 → 0.0.750

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 +190 -12
  2. package/dist/index.esm.js +190 -12
  3. package/dist/index.umd.js +190 -12
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1282,7 +1282,7 @@ var selectcustomStylesTranslated = {
1282
1282
  backgroundColor: state.isSelected ? '' : '',
1283
1283
  padding: 5,
1284
1284
  textTransform: 'capitalize',
1285
- color: state.isSelected ? '#eac435' : '#022648',
1285
+ color: state.isSelected ? '#eac435' : '#ffffff',
1286
1286
  transition: '.3s',
1287
1287
  textAlign: 'right',
1288
1288
  '&:hover': {
@@ -1347,6 +1347,83 @@ var defaultstyles = {
1347
1347
  });
1348
1348
  }
1349
1349
  };
1350
+ var defaultstyleswhite = {
1351
+ option: function option(provided, state) {
1352
+ return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
1353
+ borderBottom: '1px solid #e6e6e6',
1354
+ backgroundColor: state.isSelected ? '' : '',
1355
+ padding: 5,
1356
+ textTransform: 'capitalize',
1357
+ color: state.isSelected ? '#eac435' : 'black',
1358
+ transition: '.3s',
1359
+ '&:hover': {
1360
+ cursor: 'pointer'
1361
+ }
1362
+ });
1363
+ },
1364
+ control: function control() {
1365
+ return {
1366
+ borderBottom: '1px solid #ccc',
1367
+ display: 'flex',
1368
+ cursor: 'pointer',
1369
+ padding: 0,
1370
+ transition: '.3s',
1371
+ backgroundColor: 'white'
1372
+ };
1373
+ },
1374
+ dropdownIndicator: function dropdownIndicator(provided) {
1375
+ return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
1376
+ '&:hover': {
1377
+ // color: '#eac435',
1378
+ }
1379
+ });
1380
+ }
1381
+ };
1382
+ var defaultstylestranslatedwhite = {
1383
+ option: function option(provided, state) {
1384
+ return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
1385
+ borderBottom: '1px solid #e6e6e6',
1386
+ backgroundColor: state.isSelected ? '' : '',
1387
+ padding: 5,
1388
+ textTransform: 'capitalize',
1389
+ // color: state.isSelected ? '#eac435' : '#022648',
1390
+ color: state.isSelected ? '#eac435' : '#ffffff',
1391
+ transition: '.3s',
1392
+ textAlign: 'right',
1393
+ '&:hover': {
1394
+ // color: '#eac435',
1395
+ cursor: 'pointer'
1396
+ }
1397
+ });
1398
+ },
1399
+ control: function control() {
1400
+ return {
1401
+ borderBottom: '1px solid #ccc',
1402
+ backgroundColor: 'white',
1403
+ display: 'flex',
1404
+ cursor: 'pointer',
1405
+ padding: 0,
1406
+ transition: '.3s',
1407
+ textAlign: 'right',
1408
+ '&:hover': {
1409
+ // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
1410
+ // borderRadius: '10px',
1411
+ }
1412
+ };
1413
+ },
1414
+ dropdownIndicator: function dropdownIndicator(provided) {
1415
+ return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
1416
+ '&:hover': {
1417
+ // color: '#eac435',
1418
+ }
1419
+ });
1420
+ },
1421
+ placeholder: function placeholder(provided, state) {
1422
+ return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
1423
+ textAlign: 'right'
1424
+ });
1425
+ }
1426
+ };
1350
1427
  var defaultstylestranslated = {
1351
1428
  option: function option(provided, state) {
1352
1429
  return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
@@ -11011,7 +11088,7 @@ var Checkout = function Checkout(props) {
11011
11088
  className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
11012
11089
  }, variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
11013
11090
  className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
11014
- }, variantitem.optionvalue == '#c9b0a1' ? 'Beige' : variantitem.optionvalue == '#000000' ? 'Black' : variantitem.optionvalue)));
11091
+ }, variantitem.optionvalue == '#c9b0a1' ? 'Beige' : variantitem.optionvalue == '#000000' ? 'Black' : variantitem.optionvalue == '#008000' ? 'Green' : variantitem.optionvalue == '#FFB6C1' ? 'Pink' : variantitem.optionvalue == '#F5F5DC' ? 'Beige' : variantitem.optionvalue)));
11015
11092
  }), item.product_extrafields != null && product_extrafields.map(function (extrafielditem, extrafieldindex) {
11016
11093
  return /*#__PURE__*/React__default["default"].createElement("div", {
11017
11094
  "class": "row m-0 w-100"
@@ -12234,7 +12311,7 @@ var Select$2 = /*#__PURE__*/React__default["default"].lazy(function () {
12234
12311
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
12235
12312
  });
12236
12313
  var CustomerInformationForm = function CustomerInformationForm(props) {
12237
- var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _css, _authdetailsContext$i2, _authdetailsContext$c, _authdetailsContext$c2;
12314
+ var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _css, _authdetailsContext$i8, _authdetailsContext$c, _authdetailsContext$c2;
12238
12315
  var lang = props.actions.lang;
12239
12316
  var langdetect = props.actions.langdetect;
12240
12317
  props.actions.routingcountext;
@@ -12633,6 +12710,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
12633
12710
  })));
12634
12711
  };
12635
12712
  var Address = function Address() {
12713
+ var _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7;
12636
12714
  return /*#__PURE__*/React__default["default"].createElement("div", {
12637
12715
  className: "row m-0 w-100",
12638
12716
  style: {
@@ -12654,7 +12732,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
12654
12732
  width: "20px",
12655
12733
  height: "20px",
12656
12734
  duration: "1s"
12657
- })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12735
+ })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.contactinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) != '673ef495522de' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12658
12736
  options: fetchTabexCountriesQueryContext.data.data.countries,
12659
12737
  getOptionLabel: function getOptionLabel(option) {
12660
12738
  var crname = '';
@@ -12686,6 +12764,38 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
12686
12764
  styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
12687
12765
  placeholder: langdetect == 'en' ? 'Choose Country' : 'إختر البلد',
12688
12766
  isSearchable: true
12767
+ }), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instid) == '673ef495522de' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12768
+ options: fetchTabexCountriesQueryContext.data.data.countries,
12769
+ getOptionLabel: function getOptionLabel(option) {
12770
+ var crname = '';
12771
+ if (langdetect == 'en') {
12772
+ crname = option.name;
12773
+ } else if (langdetect == 'ar') {
12774
+ if (option.name_ar != null) {
12775
+ crname = option.name_ar;
12776
+ } else {
12777
+ crname = option.name;
12778
+ }
12779
+ }
12780
+ return crname;
12781
+ },
12782
+ getOptionValue: function getOptionValue(option) {
12783
+ return option.id;
12784
+ },
12785
+ autocomplete: "new-password",
12786
+ value: fetchTabexCountriesQueryContext.data.data.countries.filter(function (option) {
12787
+ return option.id == payloadobj.countryid;
12788
+ }),
12789
+ onChange: function onChange(option) {
12790
+ var tempFetchTabexStatesPayloadobjContext = _objectSpread$2k({}, FetchTabexStatesPayloadobjContext);
12791
+ tempFetchTabexStatesPayloadobjContext.functype = 'states';
12792
+ tempFetchTabexStatesPayloadobjContext.country_id = option.id;
12793
+ setFetchTabexStatesPayloadobjContext(_objectSpread$2k({}, tempFetchTabexStatesPayloadobjContext));
12794
+ payloadobjchange('countryid', option.id);
12795
+ },
12796
+ styles: langdetect == 'en' ? defaultstyleswhite : defaultstylestranslatedwhite,
12797
+ placeholder: langdetect == 'en' ? 'Choose Country' : 'إختر البلد',
12798
+ isSearchable: true
12689
12799
  })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
12690
12800
  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'
12691
12801
  }, /*#__PURE__*/React__default["default"].createElement("label", {
@@ -12706,7 +12816,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
12706
12816
  styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
12707
12817
  placeholder: lang.choosestategov,
12708
12818
  isSearchable: true
12709
- }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12819
+ }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instid) != '673ef495522de' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12710
12820
  options: fetchTabexStatesQueryContext.data.data.states,
12711
12821
  getOptionLabel: function getOptionLabel(option) {
12712
12822
  var crname = '';
@@ -12738,6 +12848,38 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
12738
12848
  styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
12739
12849
  placeholder: lang.choosestategov,
12740
12850
  isSearchable: true
12851
+ }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instid) == '673ef495522de' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12852
+ options: fetchTabexStatesQueryContext.data.data.states,
12853
+ getOptionLabel: function getOptionLabel(option) {
12854
+ var crname = '';
12855
+ if (langdetect == 'en') {
12856
+ crname = option.name;
12857
+ } else if (langdetect == 'ar') {
12858
+ if (option.name_ar != null) {
12859
+ crname = option.name_ar;
12860
+ } else {
12861
+ crname = option.name;
12862
+ }
12863
+ }
12864
+ return crname;
12865
+ },
12866
+ getOptionValue: function getOptionValue(option) {
12867
+ return option.id;
12868
+ },
12869
+ autocomplete: "new-password",
12870
+ value: fetchTabexStatesQueryContext.data.data.states.filter(function (option) {
12871
+ return option.id == payloadobj.stateid;
12872
+ }),
12873
+ onChange: function onChange(option) {
12874
+ var tempFetchTabexStatesPayloadobjContext = _objectSpread$2k({}, FetchTabexStatesPayloadobjContext);
12875
+ tempFetchTabexStatesPayloadobjContext.functype = 'cities';
12876
+ tempFetchTabexStatesPayloadobjContext.state_id = option.id;
12877
+ setFetchTabexStatesPayloadobjContext(_objectSpread$2k({}, tempFetchTabexStatesPayloadobjContext));
12878
+ payloadobjchange('stateid', option.id);
12879
+ },
12880
+ styles: langdetect == 'en' ? defaultstyleswhite : defaultstylestranslatedwhite,
12881
+ placeholder: lang.choosestategov,
12882
+ isSearchable: true
12741
12883
  })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
12742
12884
  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'
12743
12885
  }, /*#__PURE__*/React__default["default"].createElement("label", {
@@ -12758,7 +12900,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
12758
12900
  placeholder: lang.choosecity,
12759
12901
  styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
12760
12902
  isSearchable: true
12761
- }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12903
+ }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 || (_authdetailsContext$i6 = _authdetailsContext$i6.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instid) != '673ef495522de' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12762
12904
  options: fetchTabexCitiesQueryContext.data.data.cities,
12763
12905
  getOptionLabel: function getOptionLabel(option) {
12764
12906
  var crname = '';
@@ -12786,6 +12928,34 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
12786
12928
  styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
12787
12929
  placeholder: lang.choosecity,
12788
12930
  isSearchable: true
12931
+ }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 || (_authdetailsContext$i7 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instid) == '673ef495522de' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12932
+ options: fetchTabexCitiesQueryContext.data.data.cities,
12933
+ getOptionLabel: function getOptionLabel(option) {
12934
+ var crname = '';
12935
+ if (langdetect == 'en') {
12936
+ crname = option.name;
12937
+ } else if (langdetect == 'ar') {
12938
+ if (option.name_ar != null) {
12939
+ crname = option.name_ar;
12940
+ } else {
12941
+ crname = option.name;
12942
+ }
12943
+ }
12944
+ return crname;
12945
+ },
12946
+ getOptionValue: function getOptionValue(option) {
12947
+ return option.id;
12948
+ },
12949
+ autocomplete: "new-password",
12950
+ value: fetchTabexCitiesQueryContext.data.data.cities.filter(function (option) {
12951
+ return option.id == payloadobj.cityid;
12952
+ }),
12953
+ onChange: function onChange(option) {
12954
+ payloadobjchange('cityid', option.id);
12955
+ },
12956
+ styles: langdetect == 'en' ? defaultstyleswhite : defaultstylestranslatedwhite,
12957
+ placeholder: lang.choosecity,
12958
+ isSearchable: true
12789
12959
  })), sectionproperties.hideaddress == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
12790
12960
  className: 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
12791
12961
  }, /*#__PURE__*/React__default["default"].createElement("label", {
@@ -13001,7 +13171,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
13001
13171
  style: {
13002
13172
  background: sectionproperties.formLeftbgColor
13003
13173
  }
13004
- }, PersonalInformation(), Address(), Otherinformation(), sectionproperties.hidepassword == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.ispasswordrequired_signup) == 1 && Password()), dataloaded && props.srcfromprops == 'accountinfo' && /*#__PURE__*/React__default["default"].createElement("div", {
13174
+ }, PersonalInformation(), Address(), Otherinformation(), sectionproperties.hidepassword == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.ispasswordrequired_signup) == 1 && Password()), dataloaded && props.srcfromprops == 'accountinfo' && /*#__PURE__*/React__default["default"].createElement("div", {
13005
13175
  className: "col-lg-12 p-0"
13006
13176
  }, /*#__PURE__*/React__default["default"].createElement("div", {
13007
13177
  className: "row ml-0 mr-0 w-100"
@@ -13256,7 +13426,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
13256
13426
  className: "text-md-center m-0 p-0 mb-2",
13257
13427
  style: {
13258
13428
  fontSize: '19px',
13259
- color: sectionproperties.sectionTitleColor,
13429
+ color: '#000',
13260
13430
  fontWeight: 600
13261
13431
  }
13262
13432
  }, langdetect == 'en' ? 'Validate Email' : 'التحقق من صحة البريد الإلكتروني')), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -13268,19 +13438,26 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
13268
13438
  }, /*#__PURE__*/React__default["default"].createElement("div", {
13269
13439
  className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
13270
13440
  }, /*#__PURE__*/React__default["default"].createElement("label", {
13271
- className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start '
13441
+ className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start ',
13442
+ style: {
13443
+ color: '#000'
13444
+ }
13272
13445
  }, langdetect == 'en' ? 'Email' : 'البريد الإلكترونى'), /*#__PURE__*/React__default["default"].createElement("input", {
13273
13446
  type: "text",
13274
13447
  className: "".concat(formstyles.form_control),
13275
13448
  value: payloadobj.email,
13276
13449
  disabled: true,
13277
13450
  style: {
13278
- background: 'transparent'
13451
+ background: 'transparent',
13452
+ color: '#000'
13279
13453
  }
13280
13454
  })), validateemailpayload.step == 'verifycode' && /*#__PURE__*/React__default["default"].createElement("div", {
13281
13455
  className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
13282
13456
  }, /*#__PURE__*/React__default["default"].createElement("label", {
13283
- className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start '
13457
+ className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start ',
13458
+ style: {
13459
+ color: '#000'
13460
+ }
13284
13461
  }, langdetect == 'en' ? 'Code' : ' كود البريد الاكتروني'), /*#__PURE__*/React__default["default"].createElement("input", {
13285
13462
  type: "text",
13286
13463
  className: "".concat(formstyles.form_control),
@@ -13291,7 +13468,8 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
13291
13468
  }));
13292
13469
  },
13293
13470
  style: {
13294
- background: 'transparent'
13471
+ background: 'transparent',
13472
+ color: '#000'
13295
13473
  }
13296
13474
  })), /*#__PURE__*/React__default["default"].createElement("div", {
13297
13475
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
package/dist/index.esm.js CHANGED
@@ -1233,7 +1233,7 @@ var selectcustomStylesTranslated = {
1233
1233
  backgroundColor: state.isSelected ? '' : '',
1234
1234
  padding: 5,
1235
1235
  textTransform: 'capitalize',
1236
- color: state.isSelected ? '#eac435' : '#022648',
1236
+ color: state.isSelected ? '#eac435' : '#ffffff',
1237
1237
  transition: '.3s',
1238
1238
  textAlign: 'right',
1239
1239
  '&:hover': {
@@ -1298,6 +1298,83 @@ var defaultstyles = {
1298
1298
  });
1299
1299
  }
1300
1300
  };
1301
+ var defaultstyleswhite = {
1302
+ option: function option(provided, state) {
1303
+ return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
1304
+ borderBottom: '1px solid #e6e6e6',
1305
+ backgroundColor: state.isSelected ? '' : '',
1306
+ padding: 5,
1307
+ textTransform: 'capitalize',
1308
+ color: state.isSelected ? '#eac435' : 'black',
1309
+ transition: '.3s',
1310
+ '&:hover': {
1311
+ cursor: 'pointer'
1312
+ }
1313
+ });
1314
+ },
1315
+ control: function control() {
1316
+ return {
1317
+ borderBottom: '1px solid #ccc',
1318
+ display: 'flex',
1319
+ cursor: 'pointer',
1320
+ padding: 0,
1321
+ transition: '.3s',
1322
+ backgroundColor: 'white'
1323
+ };
1324
+ },
1325
+ dropdownIndicator: function dropdownIndicator(provided) {
1326
+ return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
1327
+ '&:hover': {
1328
+ // color: '#eac435',
1329
+ }
1330
+ });
1331
+ }
1332
+ };
1333
+ var defaultstylestranslatedwhite = {
1334
+ option: function option(provided, state) {
1335
+ return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
1336
+ borderBottom: '1px solid #e6e6e6',
1337
+ backgroundColor: state.isSelected ? '' : '',
1338
+ padding: 5,
1339
+ textTransform: 'capitalize',
1340
+ // color: state.isSelected ? '#eac435' : '#022648',
1341
+ color: state.isSelected ? '#eac435' : '#ffffff',
1342
+ transition: '.3s',
1343
+ textAlign: 'right',
1344
+ '&:hover': {
1345
+ // color: '#eac435',
1346
+ cursor: 'pointer'
1347
+ }
1348
+ });
1349
+ },
1350
+ control: function control() {
1351
+ return {
1352
+ borderBottom: '1px solid #ccc',
1353
+ backgroundColor: 'white',
1354
+ display: 'flex',
1355
+ cursor: 'pointer',
1356
+ padding: 0,
1357
+ transition: '.3s',
1358
+ textAlign: 'right',
1359
+ '&:hover': {
1360
+ // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
1361
+ // borderRadius: '10px',
1362
+ }
1363
+ };
1364
+ },
1365
+ dropdownIndicator: function dropdownIndicator(provided) {
1366
+ return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
1367
+ '&:hover': {
1368
+ // color: '#eac435',
1369
+ }
1370
+ });
1371
+ },
1372
+ placeholder: function placeholder(provided, state) {
1373
+ return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
1374
+ textAlign: 'right'
1375
+ });
1376
+ }
1377
+ };
1301
1378
  var defaultstylestranslated = {
1302
1379
  option: function option(provided, state) {
1303
1380
  return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
@@ -10962,7 +11039,7 @@ var Checkout = function Checkout(props) {
10962
11039
  className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
10963
11040
  }, variantitem.optionname, ":"), /*#__PURE__*/React.createElement("p", {
10964
11041
  className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
10965
- }, variantitem.optionvalue == '#c9b0a1' ? 'Beige' : variantitem.optionvalue == '#000000' ? 'Black' : variantitem.optionvalue)));
11042
+ }, variantitem.optionvalue == '#c9b0a1' ? 'Beige' : variantitem.optionvalue == '#000000' ? 'Black' : variantitem.optionvalue == '#008000' ? 'Green' : variantitem.optionvalue == '#FFB6C1' ? 'Pink' : variantitem.optionvalue == '#F5F5DC' ? 'Beige' : variantitem.optionvalue)));
10966
11043
  }), item.product_extrafields != null && product_extrafields.map(function (extrafielditem, extrafieldindex) {
10967
11044
  return /*#__PURE__*/React.createElement("div", {
10968
11045
  "class": "row m-0 w-100"
@@ -12185,7 +12262,7 @@ var Select$2 = /*#__PURE__*/React.lazy(function () {
12185
12262
  return import('react-select');
12186
12263
  });
12187
12264
  var CustomerInformationForm = function CustomerInformationForm(props) {
12188
- var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _css, _authdetailsContext$i2, _authdetailsContext$c, _authdetailsContext$c2;
12265
+ var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _css, _authdetailsContext$i8, _authdetailsContext$c, _authdetailsContext$c2;
12189
12266
  var lang = props.actions.lang;
12190
12267
  var langdetect = props.actions.langdetect;
12191
12268
  props.actions.routingcountext;
@@ -12584,6 +12661,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
12584
12661
  })));
12585
12662
  };
12586
12663
  var Address = function Address() {
12664
+ var _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7;
12587
12665
  return /*#__PURE__*/React.createElement("div", {
12588
12666
  className: "row m-0 w-100",
12589
12667
  style: {
@@ -12605,7 +12683,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
12605
12683
  width: "20px",
12606
12684
  height: "20px",
12607
12685
  duration: "1s"
12608
- })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$2, {
12686
+ })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.contactinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) != '673ef495522de' && /*#__PURE__*/React.createElement(Select$2, {
12609
12687
  options: fetchTabexCountriesQueryContext.data.data.countries,
12610
12688
  getOptionLabel: function getOptionLabel(option) {
12611
12689
  var crname = '';
@@ -12637,6 +12715,38 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
12637
12715
  styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
12638
12716
  placeholder: langdetect == 'en' ? 'Choose Country' : 'إختر البلد',
12639
12717
  isSearchable: true
12718
+ }), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instid) == '673ef495522de' && /*#__PURE__*/React.createElement(Select$2, {
12719
+ options: fetchTabexCountriesQueryContext.data.data.countries,
12720
+ getOptionLabel: function getOptionLabel(option) {
12721
+ var crname = '';
12722
+ if (langdetect == 'en') {
12723
+ crname = option.name;
12724
+ } else if (langdetect == 'ar') {
12725
+ if (option.name_ar != null) {
12726
+ crname = option.name_ar;
12727
+ } else {
12728
+ crname = option.name;
12729
+ }
12730
+ }
12731
+ return crname;
12732
+ },
12733
+ getOptionValue: function getOptionValue(option) {
12734
+ return option.id;
12735
+ },
12736
+ autocomplete: "new-password",
12737
+ value: fetchTabexCountriesQueryContext.data.data.countries.filter(function (option) {
12738
+ return option.id == payloadobj.countryid;
12739
+ }),
12740
+ onChange: function onChange(option) {
12741
+ var tempFetchTabexStatesPayloadobjContext = _objectSpread$2k({}, FetchTabexStatesPayloadobjContext);
12742
+ tempFetchTabexStatesPayloadobjContext.functype = 'states';
12743
+ tempFetchTabexStatesPayloadobjContext.country_id = option.id;
12744
+ setFetchTabexStatesPayloadobjContext(_objectSpread$2k({}, tempFetchTabexStatesPayloadobjContext));
12745
+ payloadobjchange('countryid', option.id);
12746
+ },
12747
+ styles: langdetect == 'en' ? defaultstyleswhite : defaultstylestranslatedwhite,
12748
+ placeholder: langdetect == 'en' ? 'Choose Country' : 'إختر البلد',
12749
+ isSearchable: true
12640
12750
  })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React.createElement("div", {
12641
12751
  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'
12642
12752
  }, /*#__PURE__*/React.createElement("label", {
@@ -12657,7 +12767,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
12657
12767
  styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
12658
12768
  placeholder: lang.choosestategov,
12659
12769
  isSearchable: true
12660
- }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$2, {
12770
+ }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instid) != '673ef495522de' && /*#__PURE__*/React.createElement(Select$2, {
12661
12771
  options: fetchTabexStatesQueryContext.data.data.states,
12662
12772
  getOptionLabel: function getOptionLabel(option) {
12663
12773
  var crname = '';
@@ -12689,6 +12799,38 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
12689
12799
  styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
12690
12800
  placeholder: lang.choosestategov,
12691
12801
  isSearchable: true
12802
+ }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instid) == '673ef495522de' && /*#__PURE__*/React.createElement(Select$2, {
12803
+ options: fetchTabexStatesQueryContext.data.data.states,
12804
+ getOptionLabel: function getOptionLabel(option) {
12805
+ var crname = '';
12806
+ if (langdetect == 'en') {
12807
+ crname = option.name;
12808
+ } else if (langdetect == 'ar') {
12809
+ if (option.name_ar != null) {
12810
+ crname = option.name_ar;
12811
+ } else {
12812
+ crname = option.name;
12813
+ }
12814
+ }
12815
+ return crname;
12816
+ },
12817
+ getOptionValue: function getOptionValue(option) {
12818
+ return option.id;
12819
+ },
12820
+ autocomplete: "new-password",
12821
+ value: fetchTabexStatesQueryContext.data.data.states.filter(function (option) {
12822
+ return option.id == payloadobj.stateid;
12823
+ }),
12824
+ onChange: function onChange(option) {
12825
+ var tempFetchTabexStatesPayloadobjContext = _objectSpread$2k({}, FetchTabexStatesPayloadobjContext);
12826
+ tempFetchTabexStatesPayloadobjContext.functype = 'cities';
12827
+ tempFetchTabexStatesPayloadobjContext.state_id = option.id;
12828
+ setFetchTabexStatesPayloadobjContext(_objectSpread$2k({}, tempFetchTabexStatesPayloadobjContext));
12829
+ payloadobjchange('stateid', option.id);
12830
+ },
12831
+ styles: langdetect == 'en' ? defaultstyleswhite : defaultstylestranslatedwhite,
12832
+ placeholder: lang.choosestategov,
12833
+ isSearchable: true
12692
12834
  })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React.createElement("div", {
12693
12835
  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'
12694
12836
  }, /*#__PURE__*/React.createElement("label", {
@@ -12709,7 +12851,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
12709
12851
  placeholder: lang.choosecity,
12710
12852
  styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
12711
12853
  isSearchable: true
12712
- }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$2, {
12854
+ }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 || (_authdetailsContext$i6 = _authdetailsContext$i6.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instid) != '673ef495522de' && /*#__PURE__*/React.createElement(Select$2, {
12713
12855
  options: fetchTabexCitiesQueryContext.data.data.cities,
12714
12856
  getOptionLabel: function getOptionLabel(option) {
12715
12857
  var crname = '';
@@ -12737,6 +12879,34 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
12737
12879
  styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
12738
12880
  placeholder: lang.choosecity,
12739
12881
  isSearchable: true
12882
+ }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 || (_authdetailsContext$i7 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instid) == '673ef495522de' && /*#__PURE__*/React.createElement(Select$2, {
12883
+ options: fetchTabexCitiesQueryContext.data.data.cities,
12884
+ getOptionLabel: function getOptionLabel(option) {
12885
+ var crname = '';
12886
+ if (langdetect == 'en') {
12887
+ crname = option.name;
12888
+ } else if (langdetect == 'ar') {
12889
+ if (option.name_ar != null) {
12890
+ crname = option.name_ar;
12891
+ } else {
12892
+ crname = option.name;
12893
+ }
12894
+ }
12895
+ return crname;
12896
+ },
12897
+ getOptionValue: function getOptionValue(option) {
12898
+ return option.id;
12899
+ },
12900
+ autocomplete: "new-password",
12901
+ value: fetchTabexCitiesQueryContext.data.data.cities.filter(function (option) {
12902
+ return option.id == payloadobj.cityid;
12903
+ }),
12904
+ onChange: function onChange(option) {
12905
+ payloadobjchange('cityid', option.id);
12906
+ },
12907
+ styles: langdetect == 'en' ? defaultstyleswhite : defaultstylestranslatedwhite,
12908
+ placeholder: lang.choosecity,
12909
+ isSearchable: true
12740
12910
  })), sectionproperties.hideaddress == 'Show' && /*#__PURE__*/React.createElement("div", {
12741
12911
  className: 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
12742
12912
  }, /*#__PURE__*/React.createElement("label", {
@@ -12952,7 +13122,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
12952
13122
  style: {
12953
13123
  background: sectionproperties.formLeftbgColor
12954
13124
  }
12955
- }, PersonalInformation(), Address(), Otherinformation(), sectionproperties.hidepassword == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.ispasswordrequired_signup) == 1 && Password()), dataloaded && props.srcfromprops == 'accountinfo' && /*#__PURE__*/React.createElement("div", {
13125
+ }, PersonalInformation(), Address(), Otherinformation(), sectionproperties.hidepassword == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.ispasswordrequired_signup) == 1 && Password()), dataloaded && props.srcfromprops == 'accountinfo' && /*#__PURE__*/React.createElement("div", {
12956
13126
  className: "col-lg-12 p-0"
12957
13127
  }, /*#__PURE__*/React.createElement("div", {
12958
13128
  className: "row ml-0 mr-0 w-100"
@@ -13207,7 +13377,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
13207
13377
  className: "text-md-center m-0 p-0 mb-2",
13208
13378
  style: {
13209
13379
  fontSize: '19px',
13210
- color: sectionproperties.sectionTitleColor,
13380
+ color: '#000',
13211
13381
  fontWeight: 600
13212
13382
  }
13213
13383
  }, langdetect == 'en' ? 'Validate Email' : 'التحقق من صحة البريد الإلكتروني')), /*#__PURE__*/React.createElement("div", {
@@ -13219,19 +13389,26 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
13219
13389
  }, /*#__PURE__*/React.createElement("div", {
13220
13390
  className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
13221
13391
  }, /*#__PURE__*/React.createElement("label", {
13222
- className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start '
13392
+ className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start ',
13393
+ style: {
13394
+ color: '#000'
13395
+ }
13223
13396
  }, langdetect == 'en' ? 'Email' : 'البريد الإلكترونى'), /*#__PURE__*/React.createElement("input", {
13224
13397
  type: "text",
13225
13398
  className: "".concat(formstyles.form_control),
13226
13399
  value: payloadobj.email,
13227
13400
  disabled: true,
13228
13401
  style: {
13229
- background: 'transparent'
13402
+ background: 'transparent',
13403
+ color: '#000'
13230
13404
  }
13231
13405
  })), validateemailpayload.step == 'verifycode' && /*#__PURE__*/React.createElement("div", {
13232
13406
  className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
13233
13407
  }, /*#__PURE__*/React.createElement("label", {
13234
- className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start '
13408
+ className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start ',
13409
+ style: {
13410
+ color: '#000'
13411
+ }
13235
13412
  }, langdetect == 'en' ? 'Code' : ' كود البريد الاكتروني'), /*#__PURE__*/React.createElement("input", {
13236
13413
  type: "text",
13237
13414
  className: "".concat(formstyles.form_control),
@@ -13242,7 +13419,8 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
13242
13419
  }));
13243
13420
  },
13244
13421
  style: {
13245
- background: 'transparent'
13422
+ background: 'transparent',
13423
+ color: '#000'
13246
13424
  }
13247
13425
  })), /*#__PURE__*/React.createElement("div", {
13248
13426
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
package/dist/index.umd.js CHANGED
@@ -1103,7 +1103,7 @@
1103
1103
  backgroundColor: state.isSelected ? '' : '',
1104
1104
  padding: 5,
1105
1105
  textTransform: 'capitalize',
1106
- color: state.isSelected ? '#eac435' : '#022648',
1106
+ color: state.isSelected ? '#eac435' : '#ffffff',
1107
1107
  transition: '.3s',
1108
1108
  textAlign: 'right',
1109
1109
  '&:hover': {
@@ -1168,6 +1168,83 @@
1168
1168
  });
1169
1169
  }
1170
1170
  };
1171
+ var defaultstyleswhite = {
1172
+ option: function option(provided, state) {
1173
+ return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
1174
+ borderBottom: '1px solid #e6e6e6',
1175
+ backgroundColor: state.isSelected ? '' : '',
1176
+ padding: 5,
1177
+ textTransform: 'capitalize',
1178
+ color: state.isSelected ? '#eac435' : 'black',
1179
+ transition: '.3s',
1180
+ '&:hover': {
1181
+ cursor: 'pointer'
1182
+ }
1183
+ });
1184
+ },
1185
+ control: function control() {
1186
+ return {
1187
+ borderBottom: '1px solid #ccc',
1188
+ display: 'flex',
1189
+ cursor: 'pointer',
1190
+ padding: 0,
1191
+ transition: '.3s',
1192
+ backgroundColor: 'white'
1193
+ };
1194
+ },
1195
+ dropdownIndicator: function dropdownIndicator(provided) {
1196
+ return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
1197
+ '&:hover': {
1198
+ // color: '#eac435',
1199
+ }
1200
+ });
1201
+ }
1202
+ };
1203
+ var defaultstylestranslatedwhite = {
1204
+ option: function option(provided, state) {
1205
+ return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
1206
+ borderBottom: '1px solid #e6e6e6',
1207
+ backgroundColor: state.isSelected ? '' : '',
1208
+ padding: 5,
1209
+ textTransform: 'capitalize',
1210
+ // color: state.isSelected ? '#eac435' : '#022648',
1211
+ color: state.isSelected ? '#eac435' : '#ffffff',
1212
+ transition: '.3s',
1213
+ textAlign: 'right',
1214
+ '&:hover': {
1215
+ // color: '#eac435',
1216
+ cursor: 'pointer'
1217
+ }
1218
+ });
1219
+ },
1220
+ control: function control() {
1221
+ return {
1222
+ borderBottom: '1px solid #ccc',
1223
+ backgroundColor: 'white',
1224
+ display: 'flex',
1225
+ cursor: 'pointer',
1226
+ padding: 0,
1227
+ transition: '.3s',
1228
+ textAlign: 'right',
1229
+ '&:hover': {
1230
+ // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
1231
+ // borderRadius: '10px',
1232
+ }
1233
+ };
1234
+ },
1235
+ dropdownIndicator: function dropdownIndicator(provided) {
1236
+ return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
1237
+ '&:hover': {
1238
+ // color: '#eac435',
1239
+ }
1240
+ });
1241
+ },
1242
+ placeholder: function placeholder(provided, state) {
1243
+ return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
1244
+ textAlign: 'right'
1245
+ });
1246
+ }
1247
+ };
1171
1248
  var defaultstylestranslated = {
1172
1249
  option: function option(provided, state) {
1173
1250
  return _objectSpread$2x(_objectSpread$2x({}, provided), {}, {
@@ -10832,7 +10909,7 @@
10832
10909
  className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
10833
10910
  }, variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
10834
10911
  className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
10835
- }, variantitem.optionvalue == '#c9b0a1' ? 'Beige' : variantitem.optionvalue == '#000000' ? 'Black' : variantitem.optionvalue)));
10912
+ }, variantitem.optionvalue == '#c9b0a1' ? 'Beige' : variantitem.optionvalue == '#000000' ? 'Black' : variantitem.optionvalue == '#008000' ? 'Green' : variantitem.optionvalue == '#FFB6C1' ? 'Pink' : variantitem.optionvalue == '#F5F5DC' ? 'Beige' : variantitem.optionvalue)));
10836
10913
  }), item.product_extrafields != null && product_extrafields.map(function (extrafielditem, extrafieldindex) {
10837
10914
  return /*#__PURE__*/React__default["default"].createElement("div", {
10838
10915
  "class": "row m-0 w-100"
@@ -12055,7 +12132,7 @@
12055
12132
  return import('react-select');
12056
12133
  });
12057
12134
  var CustomerInformationForm = function CustomerInformationForm(props) {
12058
- var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _css, _authdetailsContext$i2, _authdetailsContext$c, _authdetailsContext$c2;
12135
+ var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _css, _authdetailsContext$i8, _authdetailsContext$c, _authdetailsContext$c2;
12059
12136
  var lang = props.actions.lang;
12060
12137
  var langdetect = props.actions.langdetect;
12061
12138
  props.actions.routingcountext;
@@ -12454,6 +12531,7 @@
12454
12531
  })));
12455
12532
  };
12456
12533
  var Address = function Address() {
12534
+ var _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7;
12457
12535
  return /*#__PURE__*/React__default["default"].createElement("div", {
12458
12536
  className: "row m-0 w-100",
12459
12537
  style: {
@@ -12475,7 +12553,7 @@
12475
12553
  width: "20px",
12476
12554
  height: "20px",
12477
12555
  duration: "1s"
12478
- })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12556
+ })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.contactinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) != '673ef495522de' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12479
12557
  options: fetchTabexCountriesQueryContext.data.data.countries,
12480
12558
  getOptionLabel: function getOptionLabel(option) {
12481
12559
  var crname = '';
@@ -12507,6 +12585,38 @@
12507
12585
  styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
12508
12586
  placeholder: langdetect == 'en' ? 'Choose Country' : 'إختر البلد',
12509
12587
  isSearchable: true
12588
+ }), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instid) == '673ef495522de' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12589
+ options: fetchTabexCountriesQueryContext.data.data.countries,
12590
+ getOptionLabel: function getOptionLabel(option) {
12591
+ var crname = '';
12592
+ if (langdetect == 'en') {
12593
+ crname = option.name;
12594
+ } else if (langdetect == 'ar') {
12595
+ if (option.name_ar != null) {
12596
+ crname = option.name_ar;
12597
+ } else {
12598
+ crname = option.name;
12599
+ }
12600
+ }
12601
+ return crname;
12602
+ },
12603
+ getOptionValue: function getOptionValue(option) {
12604
+ return option.id;
12605
+ },
12606
+ autocomplete: "new-password",
12607
+ value: fetchTabexCountriesQueryContext.data.data.countries.filter(function (option) {
12608
+ return option.id == payloadobj.countryid;
12609
+ }),
12610
+ onChange: function onChange(option) {
12611
+ var tempFetchTabexStatesPayloadobjContext = _objectSpread$2k({}, FetchTabexStatesPayloadobjContext);
12612
+ tempFetchTabexStatesPayloadobjContext.functype = 'states';
12613
+ tempFetchTabexStatesPayloadobjContext.country_id = option.id;
12614
+ setFetchTabexStatesPayloadobjContext(_objectSpread$2k({}, tempFetchTabexStatesPayloadobjContext));
12615
+ payloadobjchange('countryid', option.id);
12616
+ },
12617
+ styles: langdetect == 'en' ? defaultstyleswhite : defaultstylestranslatedwhite,
12618
+ placeholder: langdetect == 'en' ? 'Choose Country' : 'إختر البلد',
12619
+ isSearchable: true
12510
12620
  })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
12511
12621
  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'
12512
12622
  }, /*#__PURE__*/React__default["default"].createElement("label", {
@@ -12527,7 +12637,7 @@
12527
12637
  styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
12528
12638
  placeholder: lang.choosestategov,
12529
12639
  isSearchable: true
12530
- }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12640
+ }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instid) != '673ef495522de' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12531
12641
  options: fetchTabexStatesQueryContext.data.data.states,
12532
12642
  getOptionLabel: function getOptionLabel(option) {
12533
12643
  var crname = '';
@@ -12559,6 +12669,38 @@
12559
12669
  styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
12560
12670
  placeholder: lang.choosestategov,
12561
12671
  isSearchable: true
12672
+ }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instid) == '673ef495522de' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12673
+ options: fetchTabexStatesQueryContext.data.data.states,
12674
+ getOptionLabel: function getOptionLabel(option) {
12675
+ var crname = '';
12676
+ if (langdetect == 'en') {
12677
+ crname = option.name;
12678
+ } else if (langdetect == 'ar') {
12679
+ if (option.name_ar != null) {
12680
+ crname = option.name_ar;
12681
+ } else {
12682
+ crname = option.name;
12683
+ }
12684
+ }
12685
+ return crname;
12686
+ },
12687
+ getOptionValue: function getOptionValue(option) {
12688
+ return option.id;
12689
+ },
12690
+ autocomplete: "new-password",
12691
+ value: fetchTabexStatesQueryContext.data.data.states.filter(function (option) {
12692
+ return option.id == payloadobj.stateid;
12693
+ }),
12694
+ onChange: function onChange(option) {
12695
+ var tempFetchTabexStatesPayloadobjContext = _objectSpread$2k({}, FetchTabexStatesPayloadobjContext);
12696
+ tempFetchTabexStatesPayloadobjContext.functype = 'cities';
12697
+ tempFetchTabexStatesPayloadobjContext.state_id = option.id;
12698
+ setFetchTabexStatesPayloadobjContext(_objectSpread$2k({}, tempFetchTabexStatesPayloadobjContext));
12699
+ payloadobjchange('stateid', option.id);
12700
+ },
12701
+ styles: langdetect == 'en' ? defaultstyleswhite : defaultstylestranslatedwhite,
12702
+ placeholder: lang.choosestategov,
12703
+ isSearchable: true
12562
12704
  })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
12563
12705
  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'
12564
12706
  }, /*#__PURE__*/React__default["default"].createElement("label", {
@@ -12579,7 +12721,7 @@
12579
12721
  placeholder: lang.choosecity,
12580
12722
  styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
12581
12723
  isSearchable: true
12582
- }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12724
+ }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 || (_authdetailsContext$i6 = _authdetailsContext$i6.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instid) != '673ef495522de' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12583
12725
  options: fetchTabexCitiesQueryContext.data.data.cities,
12584
12726
  getOptionLabel: function getOptionLabel(option) {
12585
12727
  var crname = '';
@@ -12607,6 +12749,34 @@
12607
12749
  styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
12608
12750
  placeholder: lang.choosecity,
12609
12751
  isSearchable: true
12752
+ }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 || (_authdetailsContext$i7 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instid) == '673ef495522de' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
12753
+ options: fetchTabexCitiesQueryContext.data.data.cities,
12754
+ getOptionLabel: function getOptionLabel(option) {
12755
+ var crname = '';
12756
+ if (langdetect == 'en') {
12757
+ crname = option.name;
12758
+ } else if (langdetect == 'ar') {
12759
+ if (option.name_ar != null) {
12760
+ crname = option.name_ar;
12761
+ } else {
12762
+ crname = option.name;
12763
+ }
12764
+ }
12765
+ return crname;
12766
+ },
12767
+ getOptionValue: function getOptionValue(option) {
12768
+ return option.id;
12769
+ },
12770
+ autocomplete: "new-password",
12771
+ value: fetchTabexCitiesQueryContext.data.data.cities.filter(function (option) {
12772
+ return option.id == payloadobj.cityid;
12773
+ }),
12774
+ onChange: function onChange(option) {
12775
+ payloadobjchange('cityid', option.id);
12776
+ },
12777
+ styles: langdetect == 'en' ? defaultstyleswhite : defaultstylestranslatedwhite,
12778
+ placeholder: lang.choosecity,
12779
+ isSearchable: true
12610
12780
  })), sectionproperties.hideaddress == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
12611
12781
  className: 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
12612
12782
  }, /*#__PURE__*/React__default["default"].createElement("label", {
@@ -12822,7 +12992,7 @@
12822
12992
  style: {
12823
12993
  background: sectionproperties.formLeftbgColor
12824
12994
  }
12825
- }, PersonalInformation(), Address(), Otherinformation(), sectionproperties.hidepassword == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.ispasswordrequired_signup) == 1 && Password()), dataloaded && props.srcfromprops == 'accountinfo' && /*#__PURE__*/React__default["default"].createElement("div", {
12995
+ }, PersonalInformation(), Address(), Otherinformation(), sectionproperties.hidepassword == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.ispasswordrequired_signup) == 1 && Password()), dataloaded && props.srcfromprops == 'accountinfo' && /*#__PURE__*/React__default["default"].createElement("div", {
12826
12996
  className: "col-lg-12 p-0"
12827
12997
  }, /*#__PURE__*/React__default["default"].createElement("div", {
12828
12998
  className: "row ml-0 mr-0 w-100"
@@ -13077,7 +13247,7 @@
13077
13247
  className: "text-md-center m-0 p-0 mb-2",
13078
13248
  style: {
13079
13249
  fontSize: '19px',
13080
- color: sectionproperties.sectionTitleColor,
13250
+ color: '#000',
13081
13251
  fontWeight: 600
13082
13252
  }
13083
13253
  }, langdetect == 'en' ? 'Validate Email' : 'التحقق من صحة البريد الإلكتروني')), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -13089,19 +13259,26 @@
13089
13259
  }, /*#__PURE__*/React__default["default"].createElement("div", {
13090
13260
  className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
13091
13261
  }, /*#__PURE__*/React__default["default"].createElement("label", {
13092
- className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start '
13262
+ className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start ',
13263
+ style: {
13264
+ color: '#000'
13265
+ }
13093
13266
  }, langdetect == 'en' ? 'Email' : 'البريد الإلكترونى'), /*#__PURE__*/React__default["default"].createElement("input", {
13094
13267
  type: "text",
13095
13268
  className: "".concat(formstyles.form_control),
13096
13269
  value: payloadobj.email,
13097
13270
  disabled: true,
13098
13271
  style: {
13099
- background: 'transparent'
13272
+ background: 'transparent',
13273
+ color: '#000'
13100
13274
  }
13101
13275
  })), validateemailpayload.step == 'verifycode' && /*#__PURE__*/React__default["default"].createElement("div", {
13102
13276
  className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
13103
13277
  }, /*#__PURE__*/React__default["default"].createElement("label", {
13104
- className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start '
13278
+ className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start ',
13279
+ style: {
13280
+ color: '#000'
13281
+ }
13105
13282
  }, langdetect == 'en' ? 'Code' : ' كود البريد الاكتروني'), /*#__PURE__*/React__default["default"].createElement("input", {
13106
13283
  type: "text",
13107
13284
  className: "".concat(formstyles.form_control),
@@ -13112,7 +13289,8 @@
13112
13289
  }));
13113
13290
  },
13114
13291
  style: {
13115
- background: 'transparent'
13292
+ background: 'transparent',
13293
+ color: '#000'
13116
13294
  }
13117
13295
  })), /*#__PURE__*/React__default["default"].createElement("div", {
13118
13296
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.749",
3
+ "version": "0.0.750",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {