tabexseriescomponents 0.50.230 → 0.50.232

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 +85 -32
  2. package/dist/index.esm.js +85 -32
  3. package/dist/index.umd.js +85 -32
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -70975,6 +70975,7 @@ var DynamicForm = function DynamicForm(props) {
70975
70975
  var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
70976
70976
  var fetchdynamicformfeildsQueryContext = props.actions.fetchdynamicformfeildsQueryContext;
70977
70977
  var ikimagecredcontext = props.actions.ikimagecredcontext;
70978
+ var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
70978
70979
  var _useState = React.useState(''),
70979
70980
  _useState2 = _slicedToArray__default["default"](_useState, 2),
70980
70981
  sectionproperties = _useState2[0],
@@ -71004,6 +71005,7 @@ var DynamicForm = function DynamicForm(props) {
71004
71005
  _useState12[0];
71005
71006
  _useState12[1];
71006
71007
  var authdetailsContext = props.actions.authdetailsContext;
71008
+ var routingcountext = props.actions.routingcountext;
71007
71009
 
71008
71010
  // const [numberoffields, setnumberoffields] = useState('');
71009
71011
  // const [numberofslides, setnumberofslides] = useState(0);
@@ -71054,38 +71056,85 @@ var DynamicForm = function DynamicForm(props) {
71054
71056
  }
71055
71057
  });
71056
71058
  }
71057
- }, [fetchdynamicformfeildsQueryContext.isSuccess]);
71059
+ }, [fetchdynamicformfeildsQueryContext.isSuccess, dynamicformid]);
71060
+ // }, [fetchdynamicformfeildsQueryContext.isSuccess]);
71058
71061
  var updateformfield = function updateformfield(value, index) {
71059
71062
  var tempynamicform = _objectSpread$17({}, dynamicform);
71060
71063
  tempynamicform.fields[index].value = value;
71061
71064
  setdynamicform(_objectSpread$17({}, dynamicform));
71062
71065
  };
71063
71066
  var submitform = function submitform() {
71067
+ var _fetchdynamicformfeil2;
71064
71068
  var tempynamicform = _objectSpread$17({}, dynamicform);
71065
71069
  var fields = tempynamicform.fields;
71066
71070
  var validationpassed = true;
71067
71071
  var reason = '';
71068
- fields === null || fields === void 0 || fields.forEach(function (item, index) {
71072
+ var fullUrl = fetchdynamicformfeildsQueryContext === null || fetchdynamicformfeildsQueryContext === void 0 || (_fetchdynamicformfeil2 = fetchdynamicformfeildsQueryContext.data) === null || _fetchdynamicformfeil2 === void 0 || (_fetchdynamicformfeil2 = _fetchdynamicformfeil2.config) === null || _fetchdynamicformfeil2 === void 0 ? void 0 : _fetchdynamicformfeil2.url;
71073
+ var baseUrl = fullUrl ? new URL(fullUrl).origin : null;
71074
+ fields === null || fields === void 0 || fields.forEach(function (item) {
71069
71075
  if (item.isrequired == 1) {
71076
+ if (authdetailsContext.instinfo.instid == '68527dfef348b') {
71077
+ if (item.title_en == 'Email') {
71078
+ var _item$value;
71079
+ var email = ((_item$value = item.value) === null || _item$value === void 0 ? void 0 : _item$value.trim()) || '';
71080
+ var isValidEmail = email.includes('@') && email.endsWith('.com');
71081
+ if (!isValidEmail) {
71082
+ validationpassed = false;
71083
+ reason = 'Please enter a valid email.';
71084
+ }
71085
+ // validationpassed = false;
71086
+ } else if (item.title_en == 'Mobile Number') {
71087
+ if (item.value.length < 11) {
71088
+ validationpassed = false;
71089
+ reason = 'Please enter a valid mobile number';
71090
+ }
71091
+ }
71092
+ }
71070
71093
  if (item.value != undefined && item.value != null) {
71071
71094
  if (item.value.length == 0) {
71072
71095
  validationpassed = false;
71073
- reason = item.title_en + ' ' + 'Is Missing';
71096
+ reason = item.title_en + ' is missing';
71074
71097
  }
71098
+ } else {
71099
+ validationpassed = false;
71100
+ reason = item.title_en + ' is missing';
71075
71101
  }
71076
71102
  }
71077
71103
  });
71078
71104
  if (validationpassed) {
71079
- GeneralAPIMutationContext.mutate({
71080
- endpointurl: '/submitdynamicforms',
71081
- data: tempynamicform,
71082
- mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
71083
- // setslots(data.data.slots);
71084
- // alert('done');
71105
+ var _fetchAuthorizationQu;
71106
+ var axiosheaders = {
71107
+ 'Content-Type': 'multipart/form-data'
71108
+ };
71109
+ axios__default["default"]({
71110
+ method: 'post',
71111
+ url: baseUrl + '/customerapi/customer/webapp/submitdynamicforms_f',
71112
+ data: {
71113
+ data_1: tempynamicform,
71114
+ instapikey: fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu === void 0 || (_fetchAuthorizationQu = _fetchAuthorizationQu.data) === null || _fetchAuthorizationQu === void 0 || (_fetchAuthorizationQu = _fetchAuthorizationQu.instinfo) === null || _fetchAuthorizationQu === void 0 || (_fetchAuthorizationQu = _fetchAuthorizationQu.instcred) === null || _fetchAuthorizationQu === void 0 ? void 0 : _fetchAuthorizationQu.webapp_apikey,
71115
+ endpointurl: '/submitdynamicforms_f',
71116
+ lang: langdetect,
71117
+ cdata: localStorage.getItem('cdata'),
71118
+ currencyid: null
71119
+ },
71120
+ headers: axiosheaders
71121
+ }).then(function (response) {
71122
+ var data = response.data;
71123
+ // if you want to handle status checks
71124
+ if (data.status) {
71085
71125
  clearform();
71086
- setshowpopup(true);
71087
- setconfirmationtext(langdetect != 'ar' ? 'We have recieved your message' : 'تم استقبال رسالتك');
71126
+ if (authdetailsContext.instinfo.instid == '68527dfef348b') {
71127
+ routingcountext('submission-form', false, '');
71128
+ } else {
71129
+ setshowpopup(true);
71130
+ }
71131
+ setconfirmationtext(langdetect == 'en' ? 'We have received your message' : 'تم استقبال رسالتك');
71132
+ } else {
71133
+ NotificationManager.warning('', data.reason || 'Something went wrong');
71088
71134
  }
71135
+ })["catch"](function (error) {
71136
+ console.error(error);
71137
+ NotificationManager.error('', 'Server error occurred');
71089
71138
  });
71090
71139
  } else {
71091
71140
  NotificationManager.warning('', reason);
@@ -71166,11 +71215,15 @@ var DynamicForm = function DynamicForm(props) {
71166
71215
  "class": "col-lg-12 text-start p-0"
71167
71216
  }, /*#__PURE__*/React__default["default"].createElement("input", {
71168
71217
  type: type,
71169
- value: item.value,
71218
+ value: type == 'file' ? null : item.value,
71170
71219
  onChange: function onChange(event) {
71171
- updateformfield(event.target.value, index);
71220
+ if (type == 'file') {
71221
+ updateformfield(event.target.files[0], index);
71222
+ } else {
71223
+ updateformfield(event.target.value, index);
71224
+ }
71172
71225
  },
71173
- placeholder: sectionproperties.form_labelfontsize != 0 ? '' : langdetect != 'ar' ? item.title_en : item.title_ar,
71226
+ placeholder: sectionproperties.form_labelfontsize != 0 ? '' : langdetect == 'en' ? item.title_en : item.title_ar,
71174
71227
  className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
71175
71228
  }))));
71176
71229
  }
@@ -71189,7 +71242,7 @@ var DynamicForm = function DynamicForm(props) {
71189
71242
  "class": "text-danger"
71190
71243
  }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React__default["default"].createElement(PhoneInput__default["default"], {
71191
71244
  className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control),
71192
- country: 'eg',
71245
+ country: sectionproperties.countrycode == 'CA' ? 'ca' : sectionproperties.countrycode == 'AE' ? 'ae' : sectionproperties.countrycode == 'SA' ? 'sa' : sectionproperties.countrycode == 'QA' ? 'qa' : sectionproperties.countrycode == 'SD' ? 'sd' : 'eg',
71193
71246
  enableSearch: true,
71194
71247
  autoFormat: true,
71195
71248
  value: item.value,
@@ -71228,7 +71281,7 @@ var DynamicForm = function DynamicForm(props) {
71228
71281
  onChange: function onChange(event) {
71229
71282
  updateformfield(event.target.value, index);
71230
71283
  },
71231
- placeholder: sectionproperties.form_labelfontsize != 0 ? '' : langdetect != 'ar' ? item.title_en : item.title_ar,
71284
+ placeholder: sectionproperties.form_labelfontsize != 0 ? '' : langdetect == 'en' ? item.title_en : item.title_ar,
71232
71285
  className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
71233
71286
  }))));
71234
71287
  };
@@ -71261,10 +71314,10 @@ var DynamicForm = function DynamicForm(props) {
71261
71314
  }
71262
71315
  }, /*#__PURE__*/React__default["default"].createElement("option", {
71263
71316
  value: ""
71264
- }, langdetect === 'ar' ? 'إختر' : langdetect === 'chin' ? '选择' : langdetect === 'es' ? 'Elegir' : langdetect === 'fr' ? 'Choisir' : langdetect === 'rus' ? 'Выбрать' : 'Choose'), decoditems === null || decoditems === void 0 ? void 0 : decoditems.map(function (sitem) {
71317
+ }, langdetect == 'en' ? 'Choose' : 'إختر'), decoditems === null || decoditems === void 0 ? void 0 : decoditems.map(function (sitem) {
71265
71318
  return /*#__PURE__*/React__default["default"].createElement("option", {
71266
71319
  value: sitem.optionname_en
71267
- }, langdetect != 'ar' ? sitem.optionname_en : sitem.optionname_ar);
71320
+ }, langdetect == 'en' ? sitem.optionname_en : sitem.optionname_ar);
71268
71321
  })))));
71269
71322
  }
71270
71323
  }
@@ -71311,11 +71364,11 @@ var DynamicForm = function DynamicForm(props) {
71311
71364
  width: 40,
71312
71365
  height: 40,
71313
71366
  // borderRadius: 20,
71314
- borderRight: langdetect != 'ar' ? '1px solid #ccc' : 0,
71367
+ borderRight: langdetect == 'en' ? '1px solid #ccc' : 0,
71315
71368
  backgroundColor: '#000',
71316
71369
  cursor: 'pointer',
71317
- borderTopLeftRadius: langdetect != 'ar' ? 5 : 0,
71318
- borderBottomLeftRadius: langdetect != 'ar' ? 5 : 0,
71370
+ borderTopLeftRadius: langdetect == 'en' ? 5 : 0,
71371
+ borderBottomLeftRadius: langdetect == 'en' ? 5 : 0,
71319
71372
  borderTopRightRadius: langdetect == 'ar' ? 5 : 0,
71320
71373
  borderBottomRightRadius: langdetect == 'ar' ? 5 : 0,
71321
71374
  ':hover': {
@@ -71326,11 +71379,11 @@ var DynamicForm = function DynamicForm(props) {
71326
71379
  btnRight: glamor.css({
71327
71380
  width: 40,
71328
71381
  height: 40,
71329
- borderLeft: langdetect != 'ar' ? '1px solid #ccc' : 0,
71382
+ borderLeft: langdetect == 'en' ? '1px solid #ccc' : 0,
71330
71383
  backgroundColor: '#000',
71331
71384
  cursor: 'pointer',
71332
- borderTopRightRadius: langdetect != 'ar' ? 5 : 0,
71333
- borderBottomRightRadius: langdetect != 'ar' ? 5 : 0,
71385
+ borderTopRightRadius: langdetect == 'en' ? 5 : 0,
71386
+ borderBottomRightRadius: langdetect == 'en' ? 5 : 0,
71334
71387
  borderTopLeftRadius: langdetect == 'ar' ? 5 : 0,
71335
71388
  borderBottomLeftRadius: langdetect == 'ar' ? 5 : 0,
71336
71389
  ':hover': {
@@ -71348,8 +71401,8 @@ var DynamicForm = function DynamicForm(props) {
71348
71401
  }),
71349
71402
  formcontainer: glamor.css({
71350
71403
  background: sectionproperties.backgroundColor,
71351
- paddingLeft: langdetect != 'ar' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
71352
- paddingRight: langdetect != 'ar' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
71404
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
71405
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
71353
71406
  paddingTop: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingTop + 'px',
71354
71407
  paddingBottom: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingBottom + 'px',
71355
71408
  '@media (max-width: 800px)': {
@@ -71368,8 +71421,8 @@ var DynamicForm = function DynamicForm(props) {
71368
71421
  }, /*#__PURE__*/React__default["default"].createElement("div", {
71369
71422
  "class": "row m-0 w-100 d-flex align-items-center",
71370
71423
  style: {
71371
- paddingLeft: langdetect != 'ar' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
71372
- paddingRight: langdetect != 'ar' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px'
71424
+ paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
71425
+ paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px'
71373
71426
  }
71374
71427
  }, /*#__PURE__*/React__default["default"].createElement("div", {
71375
71428
  "class": "col-lg-12 text-start",
@@ -71384,7 +71437,7 @@ var DynamicForm = function DynamicForm(props) {
71384
71437
  fontSize: sectionproperties.sectionTitleFontSize + 'px',
71385
71438
  fontWeight: sectionproperties.sectionTitleFontWeight
71386
71439
  }
71387
- }, langdetect != 'ar' ? formtitleen : formtitlear)), sectionproperties.prodCatFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
71440
+ }, langdetect == 'en' ? formtitleen : formtitlear)), sectionproperties.prodCatFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
71388
71441
  "class": "col-lg-12 text-start",
71389
71442
  style: {
71390
71443
  marginBottom: sectionproperties.descriptionMarginBottom + 'px'
@@ -71392,7 +71445,7 @@ var DynamicForm = function DynamicForm(props) {
71392
71445
  }, /*#__PURE__*/React__default["default"].createElement("p", {
71393
71446
  "class": form_cssstyles.descriptioncontent + ' m-0 p-0 ',
71394
71447
  style: {
71395
- textAlign: langdetect != 'ar' ? 'left' : 'right'
71448
+ textAlign: langdetect == 'en' ? 'left' : 'right'
71396
71449
  }
71397
71450
  }, sectionproperties["descriptionContent".concat(langdetect)] || sectionproperties.descriptionContentEn)), (dynamicform === null || dynamicform === void 0 ? void 0 : dynamicform.id) != undefined && /*#__PURE__*/React__default["default"].createElement("div", {
71398
71451
  "class": 'row m-0 w-100 '
@@ -71451,7 +71504,7 @@ var DynamicForm = function DynamicForm(props) {
71451
71504
  , {
71452
71505
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
71453
71506
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
71454
- path: langdetect != 'ar' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$2 = imagesarray[0]) === null || _imagesarray$2 === void 0 ? void 0 : _imagesarray$2.bgsection_image_ar),
71507
+ path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$2 = imagesarray[0]) === null || _imagesarray$2 === void 0 ? void 0 : _imagesarray$2.bgsection_image_ar),
71455
71508
  style: {
71456
71509
  width: '100%',
71457
71510
  height: '100%'
@@ -72148,7 +72201,7 @@ var TableSection = function TableSection(props) {
72148
72201
  }, /*#__PURE__*/React__default["default"].createElement("p", {
72149
72202
  className: "m-0 p-0 w-100 allcentered",
72150
72203
  style: {
72151
- fontSize: 25,
72204
+ fontSize: 22,
72152
72205
  fontWeight: 600,
72153
72206
  color: cardinfoitem.planbgcolor
72154
72207
  }
package/dist/index.esm.js CHANGED
@@ -70923,6 +70923,7 @@ var DynamicForm = function DynamicForm(props) {
70923
70923
  var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
70924
70924
  var fetchdynamicformfeildsQueryContext = props.actions.fetchdynamicformfeildsQueryContext;
70925
70925
  var ikimagecredcontext = props.actions.ikimagecredcontext;
70926
+ var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
70926
70927
  var _useState = useState(''),
70927
70928
  _useState2 = _slicedToArray(_useState, 2),
70928
70929
  sectionproperties = _useState2[0],
@@ -70952,6 +70953,7 @@ var DynamicForm = function DynamicForm(props) {
70952
70953
  _useState12[0];
70953
70954
  _useState12[1];
70954
70955
  var authdetailsContext = props.actions.authdetailsContext;
70956
+ var routingcountext = props.actions.routingcountext;
70955
70957
 
70956
70958
  // const [numberoffields, setnumberoffields] = useState('');
70957
70959
  // const [numberofslides, setnumberofslides] = useState(0);
@@ -71002,38 +71004,85 @@ var DynamicForm = function DynamicForm(props) {
71002
71004
  }
71003
71005
  });
71004
71006
  }
71005
- }, [fetchdynamicformfeildsQueryContext.isSuccess]);
71007
+ }, [fetchdynamicformfeildsQueryContext.isSuccess, dynamicformid]);
71008
+ // }, [fetchdynamicformfeildsQueryContext.isSuccess]);
71006
71009
  var updateformfield = function updateformfield(value, index) {
71007
71010
  var tempynamicform = _objectSpread$17({}, dynamicform);
71008
71011
  tempynamicform.fields[index].value = value;
71009
71012
  setdynamicform(_objectSpread$17({}, dynamicform));
71010
71013
  };
71011
71014
  var submitform = function submitform() {
71015
+ var _fetchdynamicformfeil2;
71012
71016
  var tempynamicform = _objectSpread$17({}, dynamicform);
71013
71017
  var fields = tempynamicform.fields;
71014
71018
  var validationpassed = true;
71015
71019
  var reason = '';
71016
- fields === null || fields === void 0 || fields.forEach(function (item, index) {
71020
+ var fullUrl = fetchdynamicformfeildsQueryContext === null || fetchdynamicformfeildsQueryContext === void 0 || (_fetchdynamicformfeil2 = fetchdynamicformfeildsQueryContext.data) === null || _fetchdynamicformfeil2 === void 0 || (_fetchdynamicformfeil2 = _fetchdynamicformfeil2.config) === null || _fetchdynamicformfeil2 === void 0 ? void 0 : _fetchdynamicformfeil2.url;
71021
+ var baseUrl = fullUrl ? new URL(fullUrl).origin : null;
71022
+ fields === null || fields === void 0 || fields.forEach(function (item) {
71017
71023
  if (item.isrequired == 1) {
71024
+ if (authdetailsContext.instinfo.instid == '68527dfef348b') {
71025
+ if (item.title_en == 'Email') {
71026
+ var _item$value;
71027
+ var email = ((_item$value = item.value) === null || _item$value === void 0 ? void 0 : _item$value.trim()) || '';
71028
+ var isValidEmail = email.includes('@') && email.endsWith('.com');
71029
+ if (!isValidEmail) {
71030
+ validationpassed = false;
71031
+ reason = 'Please enter a valid email.';
71032
+ }
71033
+ // validationpassed = false;
71034
+ } else if (item.title_en == 'Mobile Number') {
71035
+ if (item.value.length < 11) {
71036
+ validationpassed = false;
71037
+ reason = 'Please enter a valid mobile number';
71038
+ }
71039
+ }
71040
+ }
71018
71041
  if (item.value != undefined && item.value != null) {
71019
71042
  if (item.value.length == 0) {
71020
71043
  validationpassed = false;
71021
- reason = item.title_en + ' ' + 'Is Missing';
71044
+ reason = item.title_en + ' is missing';
71022
71045
  }
71046
+ } else {
71047
+ validationpassed = false;
71048
+ reason = item.title_en + ' is missing';
71023
71049
  }
71024
71050
  }
71025
71051
  });
71026
71052
  if (validationpassed) {
71027
- GeneralAPIMutationContext.mutate({
71028
- endpointurl: '/submitdynamicforms',
71029
- data: tempynamicform,
71030
- mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
71031
- // setslots(data.data.slots);
71032
- // alert('done');
71053
+ var _fetchAuthorizationQu;
71054
+ var axiosheaders = {
71055
+ 'Content-Type': 'multipart/form-data'
71056
+ };
71057
+ axios({
71058
+ method: 'post',
71059
+ url: baseUrl + '/customerapi/customer/webapp/submitdynamicforms_f',
71060
+ data: {
71061
+ data_1: tempynamicform,
71062
+ instapikey: fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu === void 0 || (_fetchAuthorizationQu = _fetchAuthorizationQu.data) === null || _fetchAuthorizationQu === void 0 || (_fetchAuthorizationQu = _fetchAuthorizationQu.instinfo) === null || _fetchAuthorizationQu === void 0 || (_fetchAuthorizationQu = _fetchAuthorizationQu.instcred) === null || _fetchAuthorizationQu === void 0 ? void 0 : _fetchAuthorizationQu.webapp_apikey,
71063
+ endpointurl: '/submitdynamicforms_f',
71064
+ lang: langdetect,
71065
+ cdata: localStorage.getItem('cdata'),
71066
+ currencyid: null
71067
+ },
71068
+ headers: axiosheaders
71069
+ }).then(function (response) {
71070
+ var data = response.data;
71071
+ // if you want to handle status checks
71072
+ if (data.status) {
71033
71073
  clearform();
71034
- setshowpopup(true);
71035
- setconfirmationtext(langdetect != 'ar' ? 'We have recieved your message' : 'تم استقبال رسالتك');
71074
+ if (authdetailsContext.instinfo.instid == '68527dfef348b') {
71075
+ routingcountext('submission-form', false, '');
71076
+ } else {
71077
+ setshowpopup(true);
71078
+ }
71079
+ setconfirmationtext(langdetect == 'en' ? 'We have received your message' : 'تم استقبال رسالتك');
71080
+ } else {
71081
+ NotificationManager.warning('', data.reason || 'Something went wrong');
71036
71082
  }
71083
+ })["catch"](function (error) {
71084
+ console.error(error);
71085
+ NotificationManager.error('', 'Server error occurred');
71037
71086
  });
71038
71087
  } else {
71039
71088
  NotificationManager.warning('', reason);
@@ -71114,11 +71163,15 @@ var DynamicForm = function DynamicForm(props) {
71114
71163
  "class": "col-lg-12 text-start p-0"
71115
71164
  }, /*#__PURE__*/React.createElement("input", {
71116
71165
  type: type,
71117
- value: item.value,
71166
+ value: type == 'file' ? null : item.value,
71118
71167
  onChange: function onChange(event) {
71119
- updateformfield(event.target.value, index);
71168
+ if (type == 'file') {
71169
+ updateformfield(event.target.files[0], index);
71170
+ } else {
71171
+ updateformfield(event.target.value, index);
71172
+ }
71120
71173
  },
71121
- placeholder: sectionproperties.form_labelfontsize != 0 ? '' : langdetect != 'ar' ? item.title_en : item.title_ar,
71174
+ placeholder: sectionproperties.form_labelfontsize != 0 ? '' : langdetect == 'en' ? item.title_en : item.title_ar,
71122
71175
  className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
71123
71176
  }))));
71124
71177
  }
@@ -71137,7 +71190,7 @@ var DynamicForm = function DynamicForm(props) {
71137
71190
  "class": "text-danger"
71138
71191
  }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React.createElement(PhoneInput, {
71139
71192
  className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control),
71140
- country: 'eg',
71193
+ country: sectionproperties.countrycode == 'CA' ? 'ca' : sectionproperties.countrycode == 'AE' ? 'ae' : sectionproperties.countrycode == 'SA' ? 'sa' : sectionproperties.countrycode == 'QA' ? 'qa' : sectionproperties.countrycode == 'SD' ? 'sd' : 'eg',
71141
71194
  enableSearch: true,
71142
71195
  autoFormat: true,
71143
71196
  value: item.value,
@@ -71176,7 +71229,7 @@ var DynamicForm = function DynamicForm(props) {
71176
71229
  onChange: function onChange(event) {
71177
71230
  updateformfield(event.target.value, index);
71178
71231
  },
71179
- placeholder: sectionproperties.form_labelfontsize != 0 ? '' : langdetect != 'ar' ? item.title_en : item.title_ar,
71232
+ placeholder: sectionproperties.form_labelfontsize != 0 ? '' : langdetect == 'en' ? item.title_en : item.title_ar,
71180
71233
  className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
71181
71234
  }))));
71182
71235
  };
@@ -71209,10 +71262,10 @@ var DynamicForm = function DynamicForm(props) {
71209
71262
  }
71210
71263
  }, /*#__PURE__*/React.createElement("option", {
71211
71264
  value: ""
71212
- }, langdetect === 'ar' ? 'إختر' : langdetect === 'chin' ? '选择' : langdetect === 'es' ? 'Elegir' : langdetect === 'fr' ? 'Choisir' : langdetect === 'rus' ? 'Выбрать' : 'Choose'), decoditems === null || decoditems === void 0 ? void 0 : decoditems.map(function (sitem) {
71265
+ }, langdetect == 'en' ? 'Choose' : 'إختر'), decoditems === null || decoditems === void 0 ? void 0 : decoditems.map(function (sitem) {
71213
71266
  return /*#__PURE__*/React.createElement("option", {
71214
71267
  value: sitem.optionname_en
71215
- }, langdetect != 'ar' ? sitem.optionname_en : sitem.optionname_ar);
71268
+ }, langdetect == 'en' ? sitem.optionname_en : sitem.optionname_ar);
71216
71269
  })))));
71217
71270
  }
71218
71271
  }
@@ -71259,11 +71312,11 @@ var DynamicForm = function DynamicForm(props) {
71259
71312
  width: 40,
71260
71313
  height: 40,
71261
71314
  // borderRadius: 20,
71262
- borderRight: langdetect != 'ar' ? '1px solid #ccc' : 0,
71315
+ borderRight: langdetect == 'en' ? '1px solid #ccc' : 0,
71263
71316
  backgroundColor: '#000',
71264
71317
  cursor: 'pointer',
71265
- borderTopLeftRadius: langdetect != 'ar' ? 5 : 0,
71266
- borderBottomLeftRadius: langdetect != 'ar' ? 5 : 0,
71318
+ borderTopLeftRadius: langdetect == 'en' ? 5 : 0,
71319
+ borderBottomLeftRadius: langdetect == 'en' ? 5 : 0,
71267
71320
  borderTopRightRadius: langdetect == 'ar' ? 5 : 0,
71268
71321
  borderBottomRightRadius: langdetect == 'ar' ? 5 : 0,
71269
71322
  ':hover': {
@@ -71274,11 +71327,11 @@ var DynamicForm = function DynamicForm(props) {
71274
71327
  btnRight: css({
71275
71328
  width: 40,
71276
71329
  height: 40,
71277
- borderLeft: langdetect != 'ar' ? '1px solid #ccc' : 0,
71330
+ borderLeft: langdetect == 'en' ? '1px solid #ccc' : 0,
71278
71331
  backgroundColor: '#000',
71279
71332
  cursor: 'pointer',
71280
- borderTopRightRadius: langdetect != 'ar' ? 5 : 0,
71281
- borderBottomRightRadius: langdetect != 'ar' ? 5 : 0,
71333
+ borderTopRightRadius: langdetect == 'en' ? 5 : 0,
71334
+ borderBottomRightRadius: langdetect == 'en' ? 5 : 0,
71282
71335
  borderTopLeftRadius: langdetect == 'ar' ? 5 : 0,
71283
71336
  borderBottomLeftRadius: langdetect == 'ar' ? 5 : 0,
71284
71337
  ':hover': {
@@ -71296,8 +71349,8 @@ var DynamicForm = function DynamicForm(props) {
71296
71349
  }),
71297
71350
  formcontainer: css({
71298
71351
  background: sectionproperties.backgroundColor,
71299
- paddingLeft: langdetect != 'ar' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
71300
- paddingRight: langdetect != 'ar' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
71352
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
71353
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
71301
71354
  paddingTop: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingTop + 'px',
71302
71355
  paddingBottom: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingBottom + 'px',
71303
71356
  '@media (max-width: 800px)': {
@@ -71316,8 +71369,8 @@ var DynamicForm = function DynamicForm(props) {
71316
71369
  }, /*#__PURE__*/React.createElement("div", {
71317
71370
  "class": "row m-0 w-100 d-flex align-items-center",
71318
71371
  style: {
71319
- paddingLeft: langdetect != 'ar' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
71320
- paddingRight: langdetect != 'ar' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px'
71372
+ paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
71373
+ paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px'
71321
71374
  }
71322
71375
  }, /*#__PURE__*/React.createElement("div", {
71323
71376
  "class": "col-lg-12 text-start",
@@ -71332,7 +71385,7 @@ var DynamicForm = function DynamicForm(props) {
71332
71385
  fontSize: sectionproperties.sectionTitleFontSize + 'px',
71333
71386
  fontWeight: sectionproperties.sectionTitleFontWeight
71334
71387
  }
71335
- }, langdetect != 'ar' ? formtitleen : formtitlear)), sectionproperties.prodCatFontSize != 0 && /*#__PURE__*/React.createElement("div", {
71388
+ }, langdetect == 'en' ? formtitleen : formtitlear)), sectionproperties.prodCatFontSize != 0 && /*#__PURE__*/React.createElement("div", {
71336
71389
  "class": "col-lg-12 text-start",
71337
71390
  style: {
71338
71391
  marginBottom: sectionproperties.descriptionMarginBottom + 'px'
@@ -71340,7 +71393,7 @@ var DynamicForm = function DynamicForm(props) {
71340
71393
  }, /*#__PURE__*/React.createElement("p", {
71341
71394
  "class": form_cssstyles.descriptioncontent + ' m-0 p-0 ',
71342
71395
  style: {
71343
- textAlign: langdetect != 'ar' ? 'left' : 'right'
71396
+ textAlign: langdetect == 'en' ? 'left' : 'right'
71344
71397
  }
71345
71398
  }, sectionproperties["descriptionContent".concat(langdetect)] || sectionproperties.descriptionContentEn)), (dynamicform === null || dynamicform === void 0 ? void 0 : dynamicform.id) != undefined && /*#__PURE__*/React.createElement("div", {
71346
71399
  "class": 'row m-0 w-100 '
@@ -71399,7 +71452,7 @@ var DynamicForm = function DynamicForm(props) {
71399
71452
  , {
71400
71453
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
71401
71454
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
71402
- path: langdetect != 'ar' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$2 = imagesarray[0]) === null || _imagesarray$2 === void 0 ? void 0 : _imagesarray$2.bgsection_image_ar),
71455
+ path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$2 = imagesarray[0]) === null || _imagesarray$2 === void 0 ? void 0 : _imagesarray$2.bgsection_image_ar),
71403
71456
  style: {
71404
71457
  width: '100%',
71405
71458
  height: '100%'
@@ -72096,7 +72149,7 @@ var TableSection = function TableSection(props) {
72096
72149
  }, /*#__PURE__*/React.createElement("p", {
72097
72150
  className: "m-0 p-0 w-100 allcentered",
72098
72151
  style: {
72099
- fontSize: 25,
72152
+ fontSize: 22,
72100
72153
  fontWeight: 600,
72101
72154
  color: cardinfoitem.planbgcolor
72102
72155
  }
package/dist/index.umd.js CHANGED
@@ -70780,6 +70780,7 @@
70780
70780
  var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
70781
70781
  var fetchdynamicformfeildsQueryContext = props.actions.fetchdynamicformfeildsQueryContext;
70782
70782
  var ikimagecredcontext = props.actions.ikimagecredcontext;
70783
+ var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
70783
70784
  var _useState = React.useState(''),
70784
70785
  _useState2 = _slicedToArray__default["default"](_useState, 2),
70785
70786
  sectionproperties = _useState2[0],
@@ -70809,6 +70810,7 @@
70809
70810
  _useState12[0];
70810
70811
  _useState12[1];
70811
70812
  var authdetailsContext = props.actions.authdetailsContext;
70813
+ var routingcountext = props.actions.routingcountext;
70812
70814
 
70813
70815
  // const [numberoffields, setnumberoffields] = useState('');
70814
70816
  // const [numberofslides, setnumberofslides] = useState(0);
@@ -70859,38 +70861,85 @@
70859
70861
  }
70860
70862
  });
70861
70863
  }
70862
- }, [fetchdynamicformfeildsQueryContext.isSuccess]);
70864
+ }, [fetchdynamicformfeildsQueryContext.isSuccess, dynamicformid]);
70865
+ // }, [fetchdynamicformfeildsQueryContext.isSuccess]);
70863
70866
  var updateformfield = function updateformfield(value, index) {
70864
70867
  var tempynamicform = _objectSpread$17({}, dynamicform);
70865
70868
  tempynamicform.fields[index].value = value;
70866
70869
  setdynamicform(_objectSpread$17({}, dynamicform));
70867
70870
  };
70868
70871
  var submitform = function submitform() {
70872
+ var _fetchdynamicformfeil2;
70869
70873
  var tempynamicform = _objectSpread$17({}, dynamicform);
70870
70874
  var fields = tempynamicform.fields;
70871
70875
  var validationpassed = true;
70872
70876
  var reason = '';
70873
- fields === null || fields === void 0 || fields.forEach(function (item, index) {
70877
+ var fullUrl = fetchdynamicformfeildsQueryContext === null || fetchdynamicformfeildsQueryContext === void 0 || (_fetchdynamicformfeil2 = fetchdynamicformfeildsQueryContext.data) === null || _fetchdynamicformfeil2 === void 0 || (_fetchdynamicformfeil2 = _fetchdynamicformfeil2.config) === null || _fetchdynamicformfeil2 === void 0 ? void 0 : _fetchdynamicformfeil2.url;
70878
+ var baseUrl = fullUrl ? new URL(fullUrl).origin : null;
70879
+ fields === null || fields === void 0 || fields.forEach(function (item) {
70874
70880
  if (item.isrequired == 1) {
70881
+ if (authdetailsContext.instinfo.instid == '68527dfef348b') {
70882
+ if (item.title_en == 'Email') {
70883
+ var _item$value;
70884
+ var email = ((_item$value = item.value) === null || _item$value === void 0 ? void 0 : _item$value.trim()) || '';
70885
+ var isValidEmail = email.includes('@') && email.endsWith('.com');
70886
+ if (!isValidEmail) {
70887
+ validationpassed = false;
70888
+ reason = 'Please enter a valid email.';
70889
+ }
70890
+ // validationpassed = false;
70891
+ } else if (item.title_en == 'Mobile Number') {
70892
+ if (item.value.length < 11) {
70893
+ validationpassed = false;
70894
+ reason = 'Please enter a valid mobile number';
70895
+ }
70896
+ }
70897
+ }
70875
70898
  if (item.value != undefined && item.value != null) {
70876
70899
  if (item.value.length == 0) {
70877
70900
  validationpassed = false;
70878
- reason = item.title_en + ' ' + 'Is Missing';
70901
+ reason = item.title_en + ' is missing';
70879
70902
  }
70903
+ } else {
70904
+ validationpassed = false;
70905
+ reason = item.title_en + ' is missing';
70880
70906
  }
70881
70907
  }
70882
70908
  });
70883
70909
  if (validationpassed) {
70884
- GeneralAPIMutationContext.mutate({
70885
- endpointurl: '/submitdynamicforms',
70886
- data: tempynamicform,
70887
- mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
70888
- // setslots(data.data.slots);
70889
- // alert('done');
70910
+ var _fetchAuthorizationQu;
70911
+ var axiosheaders = {
70912
+ 'Content-Type': 'multipart/form-data'
70913
+ };
70914
+ axios__default["default"]({
70915
+ method: 'post',
70916
+ url: baseUrl + '/customerapi/customer/webapp/submitdynamicforms_f',
70917
+ data: {
70918
+ data_1: tempynamicform,
70919
+ instapikey: fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu === void 0 || (_fetchAuthorizationQu = _fetchAuthorizationQu.data) === null || _fetchAuthorizationQu === void 0 || (_fetchAuthorizationQu = _fetchAuthorizationQu.instinfo) === null || _fetchAuthorizationQu === void 0 || (_fetchAuthorizationQu = _fetchAuthorizationQu.instcred) === null || _fetchAuthorizationQu === void 0 ? void 0 : _fetchAuthorizationQu.webapp_apikey,
70920
+ endpointurl: '/submitdynamicforms_f',
70921
+ lang: langdetect,
70922
+ cdata: localStorage.getItem('cdata'),
70923
+ currencyid: null
70924
+ },
70925
+ headers: axiosheaders
70926
+ }).then(function (response) {
70927
+ var data = response.data;
70928
+ // if you want to handle status checks
70929
+ if (data.status) {
70890
70930
  clearform();
70891
- setshowpopup(true);
70892
- setconfirmationtext(langdetect != 'ar' ? 'We have recieved your message' : 'تم استقبال رسالتك');
70931
+ if (authdetailsContext.instinfo.instid == '68527dfef348b') {
70932
+ routingcountext('submission-form', false, '');
70933
+ } else {
70934
+ setshowpopup(true);
70935
+ }
70936
+ setconfirmationtext(langdetect == 'en' ? 'We have received your message' : 'تم استقبال رسالتك');
70937
+ } else {
70938
+ NotificationManager.warning('', data.reason || 'Something went wrong');
70893
70939
  }
70940
+ })["catch"](function (error) {
70941
+ console.error(error);
70942
+ NotificationManager.error('', 'Server error occurred');
70894
70943
  });
70895
70944
  } else {
70896
70945
  NotificationManager.warning('', reason);
@@ -70971,11 +71020,15 @@
70971
71020
  "class": "col-lg-12 text-start p-0"
70972
71021
  }, /*#__PURE__*/React__default["default"].createElement("input", {
70973
71022
  type: type,
70974
- value: item.value,
71023
+ value: type == 'file' ? null : item.value,
70975
71024
  onChange: function onChange(event) {
70976
- updateformfield(event.target.value, index);
71025
+ if (type == 'file') {
71026
+ updateformfield(event.target.files[0], index);
71027
+ } else {
71028
+ updateformfield(event.target.value, index);
71029
+ }
70977
71030
  },
70978
- placeholder: sectionproperties.form_labelfontsize != 0 ? '' : langdetect != 'ar' ? item.title_en : item.title_ar,
71031
+ placeholder: sectionproperties.form_labelfontsize != 0 ? '' : langdetect == 'en' ? item.title_en : item.title_ar,
70979
71032
  className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
70980
71033
  }))));
70981
71034
  }
@@ -70994,7 +71047,7 @@
70994
71047
  "class": "text-danger"
70995
71048
  }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React__default["default"].createElement(PhoneInput__default["default"], {
70996
71049
  className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control),
70997
- country: 'eg',
71050
+ country: sectionproperties.countrycode == 'CA' ? 'ca' : sectionproperties.countrycode == 'AE' ? 'ae' : sectionproperties.countrycode == 'SA' ? 'sa' : sectionproperties.countrycode == 'QA' ? 'qa' : sectionproperties.countrycode == 'SD' ? 'sd' : 'eg',
70998
71051
  enableSearch: true,
70999
71052
  autoFormat: true,
71000
71053
  value: item.value,
@@ -71033,7 +71086,7 @@
71033
71086
  onChange: function onChange(event) {
71034
71087
  updateformfield(event.target.value, index);
71035
71088
  },
71036
- placeholder: sectionproperties.form_labelfontsize != 0 ? '' : langdetect != 'ar' ? item.title_en : item.title_ar,
71089
+ placeholder: sectionproperties.form_labelfontsize != 0 ? '' : langdetect == 'en' ? item.title_en : item.title_ar,
71037
71090
  className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
71038
71091
  }))));
71039
71092
  };
@@ -71066,10 +71119,10 @@
71066
71119
  }
71067
71120
  }, /*#__PURE__*/React__default["default"].createElement("option", {
71068
71121
  value: ""
71069
- }, langdetect === 'ar' ? 'إختر' : langdetect === 'chin' ? '选择' : langdetect === 'es' ? 'Elegir' : langdetect === 'fr' ? 'Choisir' : langdetect === 'rus' ? 'Выбрать' : 'Choose'), decoditems === null || decoditems === void 0 ? void 0 : decoditems.map(function (sitem) {
71122
+ }, langdetect == 'en' ? 'Choose' : 'إختر'), decoditems === null || decoditems === void 0 ? void 0 : decoditems.map(function (sitem) {
71070
71123
  return /*#__PURE__*/React__default["default"].createElement("option", {
71071
71124
  value: sitem.optionname_en
71072
- }, langdetect != 'ar' ? sitem.optionname_en : sitem.optionname_ar);
71125
+ }, langdetect == 'en' ? sitem.optionname_en : sitem.optionname_ar);
71073
71126
  })))));
71074
71127
  }
71075
71128
  }
@@ -71116,11 +71169,11 @@
71116
71169
  width: 40,
71117
71170
  height: 40,
71118
71171
  // borderRadius: 20,
71119
- borderRight: langdetect != 'ar' ? '1px solid #ccc' : 0,
71172
+ borderRight: langdetect == 'en' ? '1px solid #ccc' : 0,
71120
71173
  backgroundColor: '#000',
71121
71174
  cursor: 'pointer',
71122
- borderTopLeftRadius: langdetect != 'ar' ? 5 : 0,
71123
- borderBottomLeftRadius: langdetect != 'ar' ? 5 : 0,
71175
+ borderTopLeftRadius: langdetect == 'en' ? 5 : 0,
71176
+ borderBottomLeftRadius: langdetect == 'en' ? 5 : 0,
71124
71177
  borderTopRightRadius: langdetect == 'ar' ? 5 : 0,
71125
71178
  borderBottomRightRadius: langdetect == 'ar' ? 5 : 0,
71126
71179
  ':hover': {
@@ -71131,11 +71184,11 @@
71131
71184
  btnRight: glamor.css({
71132
71185
  width: 40,
71133
71186
  height: 40,
71134
- borderLeft: langdetect != 'ar' ? '1px solid #ccc' : 0,
71187
+ borderLeft: langdetect == 'en' ? '1px solid #ccc' : 0,
71135
71188
  backgroundColor: '#000',
71136
71189
  cursor: 'pointer',
71137
- borderTopRightRadius: langdetect != 'ar' ? 5 : 0,
71138
- borderBottomRightRadius: langdetect != 'ar' ? 5 : 0,
71190
+ borderTopRightRadius: langdetect == 'en' ? 5 : 0,
71191
+ borderBottomRightRadius: langdetect == 'en' ? 5 : 0,
71139
71192
  borderTopLeftRadius: langdetect == 'ar' ? 5 : 0,
71140
71193
  borderBottomLeftRadius: langdetect == 'ar' ? 5 : 0,
71141
71194
  ':hover': {
@@ -71153,8 +71206,8 @@
71153
71206
  }),
71154
71207
  formcontainer: glamor.css({
71155
71208
  background: sectionproperties.backgroundColor,
71156
- paddingLeft: langdetect != 'ar' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
71157
- paddingRight: langdetect != 'ar' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
71209
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
71210
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
71158
71211
  paddingTop: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingTop + 'px',
71159
71212
  paddingBottom: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingBottom + 'px',
71160
71213
  '@media (max-width: 800px)': {
@@ -71173,8 +71226,8 @@
71173
71226
  }, /*#__PURE__*/React__default["default"].createElement("div", {
71174
71227
  "class": "row m-0 w-100 d-flex align-items-center",
71175
71228
  style: {
71176
- paddingLeft: langdetect != 'ar' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
71177
- paddingRight: langdetect != 'ar' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px'
71229
+ paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
71230
+ paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px'
71178
71231
  }
71179
71232
  }, /*#__PURE__*/React__default["default"].createElement("div", {
71180
71233
  "class": "col-lg-12 text-start",
@@ -71189,7 +71242,7 @@
71189
71242
  fontSize: sectionproperties.sectionTitleFontSize + 'px',
71190
71243
  fontWeight: sectionproperties.sectionTitleFontWeight
71191
71244
  }
71192
- }, langdetect != 'ar' ? formtitleen : formtitlear)), sectionproperties.prodCatFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
71245
+ }, langdetect == 'en' ? formtitleen : formtitlear)), sectionproperties.prodCatFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
71193
71246
  "class": "col-lg-12 text-start",
71194
71247
  style: {
71195
71248
  marginBottom: sectionproperties.descriptionMarginBottom + 'px'
@@ -71197,7 +71250,7 @@
71197
71250
  }, /*#__PURE__*/React__default["default"].createElement("p", {
71198
71251
  "class": form_cssstyles.descriptioncontent + ' m-0 p-0 ',
71199
71252
  style: {
71200
- textAlign: langdetect != 'ar' ? 'left' : 'right'
71253
+ textAlign: langdetect == 'en' ? 'left' : 'right'
71201
71254
  }
71202
71255
  }, sectionproperties["descriptionContent".concat(langdetect)] || sectionproperties.descriptionContentEn)), (dynamicform === null || dynamicform === void 0 ? void 0 : dynamicform.id) != undefined && /*#__PURE__*/React__default["default"].createElement("div", {
71203
71256
  "class": 'row m-0 w-100 '
@@ -71256,7 +71309,7 @@
71256
71309
  , {
71257
71310
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
71258
71311
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
71259
- path: langdetect != 'ar' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$2 = imagesarray[0]) === null || _imagesarray$2 === void 0 ? void 0 : _imagesarray$2.bgsection_image_ar),
71312
+ path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$2 = imagesarray[0]) === null || _imagesarray$2 === void 0 ? void 0 : _imagesarray$2.bgsection_image_ar),
71260
71313
  style: {
71261
71314
  width: '100%',
71262
71315
  height: '100%'
@@ -71953,7 +72006,7 @@
71953
72006
  }, /*#__PURE__*/React__default["default"].createElement("p", {
71954
72007
  className: "m-0 p-0 w-100 allcentered",
71955
72008
  style: {
71956
- fontSize: 25,
72009
+ fontSize: 22,
71957
72010
  fontWeight: 600,
71958
72011
  color: cardinfoitem.planbgcolor
71959
72012
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.50.230",
3
+ "version": "0.50.232",
4
4
  "type": "module",
5
5
  "description": "your description",
6
6
  "main": "dist/index.cjs.js",