tabexseriescomponents 0.50.214 → 0.50.216

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.
package/dist/index.cjs.js CHANGED
@@ -3406,7 +3406,7 @@ var ProductExtraFields = function ProductExtraFields(props) {
3406
3406
  _useState6 = _slicedToArray__default["default"](_useState5, 2);
3407
3407
  _useState6[0];
3408
3408
  _useState6[1];
3409
- var _useState7 = React.useState("all"),
3409
+ var _useState7 = React.useState('all'),
3410
3410
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
3411
3411
  filterproductreviews = _useState8[0];
3412
3412
  _useState8[1];
@@ -3425,12 +3425,11 @@ var ProductExtraFields = function ProductExtraFields(props) {
3425
3425
  }
3426
3426
  });
3427
3427
  if (value.length != 0) {
3428
- tempproductextravaluesarray.push({
3428
+ tempproductextravaluesarray.push(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
3429
3429
  id: item.id,
3430
3430
  title_en: item.title_en,
3431
- title_ar: item.title_ar,
3432
- value: value
3433
- });
3431
+ title_ar: item.title_ar
3432
+ }, "title_ar", item.title_germ), "title_ar", item.title_turk), "title_ar", item.title_ital), "title_ar", item.title_magr), "title_ar", item.title_nrwig), "title_ar", item.title_chin), "title_ar", item.title_es), "title_ar", item.title_fr), "title_ar", item.title_rus), "value", value));
3434
3433
  }
3435
3434
  setproductextravaluesarray(_toConsumableArray__default["default"](tempproductextravaluesarray));
3436
3435
  var tempaddtocardpayloadobj = _objectSpread$2H({}, addtocardpayloadobj);
@@ -3442,40 +3441,40 @@ var ProductExtraFields = function ProductExtraFields(props) {
3442
3441
  color: sectionproperties.form_labelcolor,
3443
3442
  textTransform: sectionproperties.form_labeltexttransform,
3444
3443
  fontWeight: sectionproperties.form_labelfontweight,
3445
- fontSize: sectionproperties.form_labelfontsize + "px",
3446
- marginBottom: sectionproperties.inputfieldbordertype == "All" ? 10 : 0
3444
+ fontSize: sectionproperties.form_labelfontsize + 'px',
3445
+ marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
3447
3446
  }),
3448
3447
  form_control: glamor.css((_css = {
3449
- background: "transparent",
3448
+ background: 'transparent',
3450
3449
  color: sectionproperties.inputfieldcolor,
3451
- fontSize: sectionproperties.inputfieldfontsize + "px",
3452
- position: "relative",
3453
- display: "flex",
3454
- alignItems: "center"
3455
- }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", "block"), "width", "100%"), "padding", "0 10px"), "transition", ".3s"), "border", sectionproperties.inputfieldbordertype == "All" ? sectionproperties.inputfieldborderWidth + "px solid " + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + "px solid " + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + "px"), "height", sectionproperties.inputfieldheight + "px"), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_defineProperty__default["default"](_css, ":focus", {
3450
+ fontSize: sectionproperties.inputfieldfontsize + 'px',
3451
+ position: 'relative',
3452
+ display: 'flex',
3453
+ alignItems: 'center'
3454
+ }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_defineProperty__default["default"](_css, ':focus', {
3456
3455
  borderColor: sectionproperties.inputfeildbordercoloronfocus
3457
- }), ":focus .login_input_icon", {
3456
+ }), ':focus .login_input_icon', {
3458
3457
  color: sectionproperties.inputfeildbordercoloronfocus
3459
3458
  })))
3460
3459
  };
3461
3460
  return /*#__PURE__*/React__default["default"].createElement("div", {
3462
- className: "row w-100 ml-0 mr-0"
3461
+ className: 'row w-100 ml-0 mr-0'
3463
3462
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3464
3463
  "class": "col-lg-12 p-0"
3465
3464
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3466
3465
  "class": "row m-0 w-100"
3467
3466
  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productextrafields) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.map(function (item, index) {
3468
3467
  var _selectboxvaluesparse;
3469
- var inputtype = "";
3470
- if (item.type == "input") {
3471
- inputtype = "text";
3472
- } else if (item.type == "datetime") {
3473
- inputtype = "datetime-local";
3468
+ var inputtype = '';
3469
+ if (item.type == 'input') {
3470
+ inputtype = 'text';
3471
+ } else if (item.type == 'datetime') {
3472
+ inputtype = 'datetime-local';
3474
3473
  } else {
3475
3474
  inputtype = item.type;
3476
3475
  }
3477
3476
  var isinputcomponent = 0;
3478
- if (inputtype == "color" || inputtype == "text" || inputtype == "input" || inputtype == "date" || inputtype == "time" || inputtype == "number" || inputtype == "datetime" || inputtype == "datetime-local" || inputtype == "url" || inputtype == "week") {
3477
+ if (inputtype == 'color' || inputtype == 'text' || inputtype == 'input' || inputtype == 'date' || inputtype == 'time' || inputtype == 'number' || inputtype == 'datetime' || inputtype == 'datetime-local' || inputtype == 'url' || inputtype == 'week') {
3479
3478
  isinputcomponent = 1;
3480
3479
  }
3481
3480
  var selectboxvaluesparsedarray = [];
@@ -3485,40 +3484,40 @@ var ProductExtraFields = function ProductExtraFields(props) {
3485
3484
  selectboxvaluesparsedarray = selectboxvaluesparsed;
3486
3485
  }
3487
3486
  }
3488
- var inputvalue = "";
3487
+ var inputvalue = '';
3489
3488
  productextravaluesarray.forEach(function (chooseditem, chooseditemindex) {
3490
3489
  if (chooseditem.id == item.id) {
3491
3490
  inputvalue = chooseditem.value;
3492
3491
  }
3493
3492
  });
3494
3493
  return /*#__PURE__*/React__default["default"].createElement("div", {
3495
- className: "col-lg-6 col-md-6 col-sm-12 mb-4 p-sm-0"
3494
+ className: 'col-lg-6 col-md-6 col-sm-12 mb-4 p-sm-0'
3496
3495
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3497
3496
  "class": "row m-0 w-100"
3498
3497
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3499
3498
  "class": "col-lg-12 p-0 d-flex align-items-start flex-row"
3500
3499
  }, /*#__PURE__*/React__default["default"].createElement("label", {
3501
- className: " d-flex align-items-start ",
3500
+ className: ' d-flex align-items-start ',
3502
3501
  style: {
3503
3502
  color: sectionproperties.form_labelcolor,
3504
3503
  fontWeight: sectionproperties.form_labelfontweight,
3505
- fontSize: sectionproperties.form_labelfontsize + "px",
3504
+ fontSize: sectionproperties.form_labelfontsize + 'px',
3506
3505
  textTransform: sectionproperties.form_labeltexttransform
3507
3506
  }
3508
3507
  }, item["title_".concat(langdetect)] || item.title_en, " ", /*#__PURE__*/React__default["default"].createElement("span", {
3509
3508
  "class": "text-danger ml-1 mr-1"
3510
- }, item.isrequired == 1 ? "*" : "")), /*#__PURE__*/React__default["default"].createElement("label", {
3511
- className: " d-flex align-items-start mx-2 ",
3509
+ }, item.isrequired == 1 ? '*' : '')), /*#__PURE__*/React__default["default"].createElement("label", {
3510
+ className: ' d-flex align-items-start mx-2 ',
3512
3511
  style: {
3513
- color: "#666666",
3512
+ color: '#666666',
3514
3513
  fontWeight: 400,
3515
- fontSize: "13px",
3514
+ fontSize: '13px',
3516
3515
  textTransform: sectionproperties.form_labeltexttransform
3517
3516
  }
3518
- }, item.subtitle_en != null && langdetect != "ar" && "(" + item.subtitle_en + ")", item.subtitle_ar != null && langdetect == "ar" && "(" + item.subtitle_ar + ")")), /*#__PURE__*/React__default["default"].createElement("div", {
3517
+ }, item.subtitle_en != null && langdetect != 'ar' && '(' + item.subtitle_en + ')', item.subtitle_ar != null && langdetect == 'ar' && '(' + item.subtitle_ar + ')')), /*#__PURE__*/React__default["default"].createElement("div", {
3519
3518
  "class": "col-lg-12 p-0"
3520
3519
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3521
- className: loginstyles.wrap_input100 + " textarea "
3520
+ className: loginstyles.wrap_input100 + ' textarea '
3522
3521
  }, isinputcomponent == 1 && /*#__PURE__*/React__default["default"].createElement("input", {
3523
3522
  className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
3524
3523
  type: inputtype,
@@ -3526,19 +3525,19 @@ var ProductExtraFields = function ProductExtraFields(props) {
3526
3525
  onChange: function onChange(event) {
3527
3526
  handleonchangeinput(event.target.value, item);
3528
3527
  }
3529
- }), isinputcomponent == 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, item.type == "selectbox" && /*#__PURE__*/React__default["default"].createElement("select", {
3530
- className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control) + " selectareaextrafields ",
3528
+ }), isinputcomponent == 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, item.type == 'selectbox' && /*#__PURE__*/React__default["default"].createElement("select", {
3529
+ className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control) + ' selectareaextrafields ',
3531
3530
  value: inputvalue,
3532
3531
  onChange: function onChange(event) {
3533
3532
  handleonchangeinput(event.target.value, item);
3534
3533
  }
3535
3534
  }, /*#__PURE__*/React__default["default"].createElement("option", {
3536
- value: ""
3537
- }, langdetect === "ar" ? "إختر" : langdetect === "chin" ? "选择" : langdetect === "es" ? "Elegir" : langdetect === "fr" ? "Choisir" : langdetect === "rus" ? "Выбрать" : "Choose"), (_selectboxvaluesparse = selectboxvaluesparsedarray) === null || _selectboxvaluesparse === void 0 ? void 0 : _selectboxvaluesparse.map(function (selectboxitem, selectboxindex) {
3535
+ value: ''
3536
+ }, langdetect === 'ar' ? 'إختر' : langdetect === 'chin' ? '选择' : langdetect === 'es' ? 'Elegir' : langdetect === 'fr' ? 'Choisir' : langdetect === 'rus' ? 'Выбрать' : 'Choose'), (_selectboxvaluesparse = selectboxvaluesparsedarray) === null || _selectboxvaluesparse === void 0 ? void 0 : _selectboxvaluesparse.map(function (selectboxitem, selectboxindex) {
3538
3537
  return /*#__PURE__*/React__default["default"].createElement("option", {
3539
3538
  value: selectboxitem.value_en
3540
3539
  }, selectboxitem["value_".concat(langdetect)] || selectboxitem.value_en);
3541
- })), item.type == "textarea" && /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
3540
+ })), item.type == 'textarea' && /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
3542
3541
  type: "text",
3543
3542
  className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
3544
3543
  value: inputvalue,
@@ -3546,7 +3545,7 @@ var ProductExtraFields = function ProductExtraFields(props) {
3546
3545
  handleonchangeinput(event.target.value, item);
3547
3546
  },
3548
3547
  style: {
3549
- resize: "none"
3548
+ resize: 'none'
3550
3549
  }
3551
3550
  })), /*#__PURE__*/React__default["default"].createElement("span", {
3552
3551
  className: loginstyles.login_input_focus
@@ -15340,7 +15339,7 @@ var Checkout = function Checkout(props) {
15340
15339
  className: 'text-capitalize m-0 p-0 font-weight-500 font-13 m-0 p-0 '
15341
15340
  }, langdetect == 'nrwig' && variantitem.optionname == 'Size' ? 'Størrelse' : langdetect == 'nrwig' && variantitem.optionname == 'Color' ? 'Farge' : variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
15342
15341
  className: ' text-capitalize font-weight-500 m-0 p-0 ml-1 mr-1 font-13 '
15343
- }, (variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier) != null ? variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier : variantitem === null || variantitem === void 0 ? void 0 : variantitem.optionvalue)));
15342
+ }, (variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier) != null ? variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier : variantitem["optionvalue_".concat(langdetect)] || variantitem.optionvalue)));
15344
15343
  }), extras_for_product === null || extras_for_product === void 0 ? void 0 : extras_for_product.map(function (extraitem, extraindex) {
15345
15344
  return /*#__PURE__*/React__default["default"].createElement("div", {
15346
15345
  "class": "row m-0 w-100"
@@ -19584,9 +19583,9 @@ var CartSlider = function CartSlider(props) {
19584
19583
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
19585
19584
  }, /*#__PURE__*/React__default["default"].createElement("p", {
19586
19585
  className: 'text-capitalize m-0 p-0 font-weight-500 font-13 m-0 p-0 '
19587
- }, langdetect == 'nrwig' && variantitem.optionname == 'Size' ? 'Størrelse' : langdetect == 'nrwig' && variantitem.optionname == 'Color' ? 'Farge' : variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
19586
+ }, variantitem["optionname_".concat(langdetect)] || variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
19588
19587
  className: ' font-weight-400 m-0 p-0 font-13 ml-1 mr-1 '
19589
- }, (variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier) != null ? variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier : variantitem === null || variantitem === void 0 ? void 0 : variantitem.optionvalue))));
19588
+ }, (variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier) != null ? variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier : variantitem["optionvalue_".concat(langdetect)] || variantitem.optionvalue))));
19590
19589
  }), extras_for_product === null || extras_for_product === void 0 ? void 0 : extras_for_product.map(function (extraitem, extraindex) {
19591
19590
  return /*#__PURE__*/React__default["default"].createElement("div", {
19592
19591
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
@@ -19608,7 +19607,7 @@ var CartSlider = function CartSlider(props) {
19608
19607
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
19609
19608
  }, /*#__PURE__*/React__default["default"].createElement("p", {
19610
19609
  className: 'text-capitalize m-0 p-0 font-weight-500 font-13 m-0 p-0 '
19611
- }, langdetect == 'en' ? extrafielditem.title_en : extrafielditem.title_ar, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
19610
+ }, extrafielditem["title_".concat(langdetect)] || extrafielditem.title_en), /*#__PURE__*/React__default["default"].createElement("p", {
19612
19611
  className: ' font-weight-400 m-0 p-0 font-13 ml-1 mr-1 '
19613
19612
  }, extrafielditem.value))));
19614
19613
  }), /*#__PURE__*/React__default["default"].createElement("div", {
package/dist/index.esm.js CHANGED
@@ -3354,7 +3354,7 @@ var ProductExtraFields = function ProductExtraFields(props) {
3354
3354
  _useState6 = _slicedToArray(_useState5, 2);
3355
3355
  _useState6[0];
3356
3356
  _useState6[1];
3357
- var _useState7 = useState("all"),
3357
+ var _useState7 = useState('all'),
3358
3358
  _useState8 = _slicedToArray(_useState7, 2),
3359
3359
  filterproductreviews = _useState8[0];
3360
3360
  _useState8[1];
@@ -3373,12 +3373,11 @@ var ProductExtraFields = function ProductExtraFields(props) {
3373
3373
  }
3374
3374
  });
3375
3375
  if (value.length != 0) {
3376
- tempproductextravaluesarray.push({
3376
+ tempproductextravaluesarray.push(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
3377
3377
  id: item.id,
3378
3378
  title_en: item.title_en,
3379
- title_ar: item.title_ar,
3380
- value: value
3381
- });
3379
+ title_ar: item.title_ar
3380
+ }, "title_ar", item.title_germ), "title_ar", item.title_turk), "title_ar", item.title_ital), "title_ar", item.title_magr), "title_ar", item.title_nrwig), "title_ar", item.title_chin), "title_ar", item.title_es), "title_ar", item.title_fr), "title_ar", item.title_rus), "value", value));
3382
3381
  }
3383
3382
  setproductextravaluesarray(_toConsumableArray(tempproductextravaluesarray));
3384
3383
  var tempaddtocardpayloadobj = _objectSpread$2H({}, addtocardpayloadobj);
@@ -3390,40 +3389,40 @@ var ProductExtraFields = function ProductExtraFields(props) {
3390
3389
  color: sectionproperties.form_labelcolor,
3391
3390
  textTransform: sectionproperties.form_labeltexttransform,
3392
3391
  fontWeight: sectionproperties.form_labelfontweight,
3393
- fontSize: sectionproperties.form_labelfontsize + "px",
3394
- marginBottom: sectionproperties.inputfieldbordertype == "All" ? 10 : 0
3392
+ fontSize: sectionproperties.form_labelfontsize + 'px',
3393
+ marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
3395
3394
  }),
3396
3395
  form_control: css((_css = {
3397
- background: "transparent",
3396
+ background: 'transparent',
3398
3397
  color: sectionproperties.inputfieldcolor,
3399
- fontSize: sectionproperties.inputfieldfontsize + "px",
3400
- position: "relative",
3401
- display: "flex",
3402
- alignItems: "center"
3403
- }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", "block"), "width", "100%"), "padding", "0 10px"), "transition", ".3s"), "border", sectionproperties.inputfieldbordertype == "All" ? sectionproperties.inputfieldborderWidth + "px solid " + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + "px solid " + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + "px"), "height", sectionproperties.inputfieldheight + "px"), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty(_defineProperty(_css, ":focus", {
3398
+ fontSize: sectionproperties.inputfieldfontsize + 'px',
3399
+ position: 'relative',
3400
+ display: 'flex',
3401
+ alignItems: 'center'
3402
+ }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty(_defineProperty(_css, ':focus', {
3404
3403
  borderColor: sectionproperties.inputfeildbordercoloronfocus
3405
- }), ":focus .login_input_icon", {
3404
+ }), ':focus .login_input_icon', {
3406
3405
  color: sectionproperties.inputfeildbordercoloronfocus
3407
3406
  })))
3408
3407
  };
3409
3408
  return /*#__PURE__*/React.createElement("div", {
3410
- className: "row w-100 ml-0 mr-0"
3409
+ className: 'row w-100 ml-0 mr-0'
3411
3410
  }, /*#__PURE__*/React.createElement("div", {
3412
3411
  "class": "col-lg-12 p-0"
3413
3412
  }, /*#__PURE__*/React.createElement("div", {
3414
3413
  "class": "row m-0 w-100"
3415
3414
  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productextrafields) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.map(function (item, index) {
3416
3415
  var _selectboxvaluesparse;
3417
- var inputtype = "";
3418
- if (item.type == "input") {
3419
- inputtype = "text";
3420
- } else if (item.type == "datetime") {
3421
- inputtype = "datetime-local";
3416
+ var inputtype = '';
3417
+ if (item.type == 'input') {
3418
+ inputtype = 'text';
3419
+ } else if (item.type == 'datetime') {
3420
+ inputtype = 'datetime-local';
3422
3421
  } else {
3423
3422
  inputtype = item.type;
3424
3423
  }
3425
3424
  var isinputcomponent = 0;
3426
- if (inputtype == "color" || inputtype == "text" || inputtype == "input" || inputtype == "date" || inputtype == "time" || inputtype == "number" || inputtype == "datetime" || inputtype == "datetime-local" || inputtype == "url" || inputtype == "week") {
3425
+ if (inputtype == 'color' || inputtype == 'text' || inputtype == 'input' || inputtype == 'date' || inputtype == 'time' || inputtype == 'number' || inputtype == 'datetime' || inputtype == 'datetime-local' || inputtype == 'url' || inputtype == 'week') {
3427
3426
  isinputcomponent = 1;
3428
3427
  }
3429
3428
  var selectboxvaluesparsedarray = [];
@@ -3433,40 +3432,40 @@ var ProductExtraFields = function ProductExtraFields(props) {
3433
3432
  selectboxvaluesparsedarray = selectboxvaluesparsed;
3434
3433
  }
3435
3434
  }
3436
- var inputvalue = "";
3435
+ var inputvalue = '';
3437
3436
  productextravaluesarray.forEach(function (chooseditem, chooseditemindex) {
3438
3437
  if (chooseditem.id == item.id) {
3439
3438
  inputvalue = chooseditem.value;
3440
3439
  }
3441
3440
  });
3442
3441
  return /*#__PURE__*/React.createElement("div", {
3443
- className: "col-lg-6 col-md-6 col-sm-12 mb-4 p-sm-0"
3442
+ className: 'col-lg-6 col-md-6 col-sm-12 mb-4 p-sm-0'
3444
3443
  }, /*#__PURE__*/React.createElement("div", {
3445
3444
  "class": "row m-0 w-100"
3446
3445
  }, /*#__PURE__*/React.createElement("div", {
3447
3446
  "class": "col-lg-12 p-0 d-flex align-items-start flex-row"
3448
3447
  }, /*#__PURE__*/React.createElement("label", {
3449
- className: " d-flex align-items-start ",
3448
+ className: ' d-flex align-items-start ',
3450
3449
  style: {
3451
3450
  color: sectionproperties.form_labelcolor,
3452
3451
  fontWeight: sectionproperties.form_labelfontweight,
3453
- fontSize: sectionproperties.form_labelfontsize + "px",
3452
+ fontSize: sectionproperties.form_labelfontsize + 'px',
3454
3453
  textTransform: sectionproperties.form_labeltexttransform
3455
3454
  }
3456
3455
  }, item["title_".concat(langdetect)] || item.title_en, " ", /*#__PURE__*/React.createElement("span", {
3457
3456
  "class": "text-danger ml-1 mr-1"
3458
- }, item.isrequired == 1 ? "*" : "")), /*#__PURE__*/React.createElement("label", {
3459
- className: " d-flex align-items-start mx-2 ",
3457
+ }, item.isrequired == 1 ? '*' : '')), /*#__PURE__*/React.createElement("label", {
3458
+ className: ' d-flex align-items-start mx-2 ',
3460
3459
  style: {
3461
- color: "#666666",
3460
+ color: '#666666',
3462
3461
  fontWeight: 400,
3463
- fontSize: "13px",
3462
+ fontSize: '13px',
3464
3463
  textTransform: sectionproperties.form_labeltexttransform
3465
3464
  }
3466
- }, item.subtitle_en != null && langdetect != "ar" && "(" + item.subtitle_en + ")", item.subtitle_ar != null && langdetect == "ar" && "(" + item.subtitle_ar + ")")), /*#__PURE__*/React.createElement("div", {
3465
+ }, item.subtitle_en != null && langdetect != 'ar' && '(' + item.subtitle_en + ')', item.subtitle_ar != null && langdetect == 'ar' && '(' + item.subtitle_ar + ')')), /*#__PURE__*/React.createElement("div", {
3467
3466
  "class": "col-lg-12 p-0"
3468
3467
  }, /*#__PURE__*/React.createElement("div", {
3469
- className: loginstyles.wrap_input100 + " textarea "
3468
+ className: loginstyles.wrap_input100 + ' textarea '
3470
3469
  }, isinputcomponent == 1 && /*#__PURE__*/React.createElement("input", {
3471
3470
  className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
3472
3471
  type: inputtype,
@@ -3474,19 +3473,19 @@ var ProductExtraFields = function ProductExtraFields(props) {
3474
3473
  onChange: function onChange(event) {
3475
3474
  handleonchangeinput(event.target.value, item);
3476
3475
  }
3477
- }), isinputcomponent == 0 && /*#__PURE__*/React.createElement(React.Fragment, null, item.type == "selectbox" && /*#__PURE__*/React.createElement("select", {
3478
- className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control) + " selectareaextrafields ",
3476
+ }), isinputcomponent == 0 && /*#__PURE__*/React.createElement(React.Fragment, null, item.type == 'selectbox' && /*#__PURE__*/React.createElement("select", {
3477
+ className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control) + ' selectareaextrafields ',
3479
3478
  value: inputvalue,
3480
3479
  onChange: function onChange(event) {
3481
3480
  handleonchangeinput(event.target.value, item);
3482
3481
  }
3483
3482
  }, /*#__PURE__*/React.createElement("option", {
3484
- value: ""
3485
- }, langdetect === "ar" ? "إختر" : langdetect === "chin" ? "选择" : langdetect === "es" ? "Elegir" : langdetect === "fr" ? "Choisir" : langdetect === "rus" ? "Выбрать" : "Choose"), (_selectboxvaluesparse = selectboxvaluesparsedarray) === null || _selectboxvaluesparse === void 0 ? void 0 : _selectboxvaluesparse.map(function (selectboxitem, selectboxindex) {
3483
+ value: ''
3484
+ }, langdetect === 'ar' ? 'إختر' : langdetect === 'chin' ? '选择' : langdetect === 'es' ? 'Elegir' : langdetect === 'fr' ? 'Choisir' : langdetect === 'rus' ? 'Выбрать' : 'Choose'), (_selectboxvaluesparse = selectboxvaluesparsedarray) === null || _selectboxvaluesparse === void 0 ? void 0 : _selectboxvaluesparse.map(function (selectboxitem, selectboxindex) {
3486
3485
  return /*#__PURE__*/React.createElement("option", {
3487
3486
  value: selectboxitem.value_en
3488
3487
  }, selectboxitem["value_".concat(langdetect)] || selectboxitem.value_en);
3489
- })), item.type == "textarea" && /*#__PURE__*/React.createElement(TextareaAutosize, {
3488
+ })), item.type == 'textarea' && /*#__PURE__*/React.createElement(TextareaAutosize, {
3490
3489
  type: "text",
3491
3490
  className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
3492
3491
  value: inputvalue,
@@ -3494,7 +3493,7 @@ var ProductExtraFields = function ProductExtraFields(props) {
3494
3493
  handleonchangeinput(event.target.value, item);
3495
3494
  },
3496
3495
  style: {
3497
- resize: "none"
3496
+ resize: 'none'
3498
3497
  }
3499
3498
  })), /*#__PURE__*/React.createElement("span", {
3500
3499
  className: loginstyles.login_input_focus
@@ -15288,7 +15287,7 @@ var Checkout = function Checkout(props) {
15288
15287
  className: 'text-capitalize m-0 p-0 font-weight-500 font-13 m-0 p-0 '
15289
15288
  }, langdetect == 'nrwig' && variantitem.optionname == 'Size' ? 'Størrelse' : langdetect == 'nrwig' && variantitem.optionname == 'Color' ? 'Farge' : variantitem.optionname, ":"), /*#__PURE__*/React.createElement("p", {
15290
15289
  className: ' text-capitalize font-weight-500 m-0 p-0 ml-1 mr-1 font-13 '
15291
- }, (variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier) != null ? variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier : variantitem === null || variantitem === void 0 ? void 0 : variantitem.optionvalue)));
15290
+ }, (variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier) != null ? variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier : variantitem["optionvalue_".concat(langdetect)] || variantitem.optionvalue)));
15292
15291
  }), extras_for_product === null || extras_for_product === void 0 ? void 0 : extras_for_product.map(function (extraitem, extraindex) {
15293
15292
  return /*#__PURE__*/React.createElement("div", {
15294
15293
  "class": "row m-0 w-100"
@@ -19532,9 +19531,9 @@ var CartSlider = function CartSlider(props) {
19532
19531
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
19533
19532
  }, /*#__PURE__*/React.createElement("p", {
19534
19533
  className: 'text-capitalize m-0 p-0 font-weight-500 font-13 m-0 p-0 '
19535
- }, langdetect == 'nrwig' && variantitem.optionname == 'Size' ? 'Størrelse' : langdetect == 'nrwig' && variantitem.optionname == 'Color' ? 'Farge' : variantitem.optionname, ":"), /*#__PURE__*/React.createElement("p", {
19534
+ }, variantitem["optionname_".concat(langdetect)] || variantitem.optionname, ":"), /*#__PURE__*/React.createElement("p", {
19536
19535
  className: ' font-weight-400 m-0 p-0 font-13 ml-1 mr-1 '
19537
- }, (variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier) != null ? variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier : variantitem === null || variantitem === void 0 ? void 0 : variantitem.optionvalue))));
19536
+ }, (variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier) != null ? variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier : variantitem["optionvalue_".concat(langdetect)] || variantitem.optionvalue))));
19538
19537
  }), extras_for_product === null || extras_for_product === void 0 ? void 0 : extras_for_product.map(function (extraitem, extraindex) {
19539
19538
  return /*#__PURE__*/React.createElement("div", {
19540
19539
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
@@ -19556,7 +19555,7 @@ var CartSlider = function CartSlider(props) {
19556
19555
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
19557
19556
  }, /*#__PURE__*/React.createElement("p", {
19558
19557
  className: 'text-capitalize m-0 p-0 font-weight-500 font-13 m-0 p-0 '
19559
- }, langdetect == 'en' ? extrafielditem.title_en : extrafielditem.title_ar, ":"), /*#__PURE__*/React.createElement("p", {
19558
+ }, extrafielditem["title_".concat(langdetect)] || extrafielditem.title_en), /*#__PURE__*/React.createElement("p", {
19560
19559
  className: ' font-weight-400 m-0 p-0 font-13 ml-1 mr-1 '
19561
19560
  }, extrafielditem.value))));
19562
19561
  }), /*#__PURE__*/React.createElement("div", {
package/dist/index.umd.js CHANGED
@@ -3212,7 +3212,7 @@
3212
3212
  _useState6 = _slicedToArray__default["default"](_useState5, 2);
3213
3213
  _useState6[0];
3214
3214
  _useState6[1];
3215
- var _useState7 = React.useState("all"),
3215
+ var _useState7 = React.useState('all'),
3216
3216
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
3217
3217
  filterproductreviews = _useState8[0];
3218
3218
  _useState8[1];
@@ -3231,12 +3231,11 @@
3231
3231
  }
3232
3232
  });
3233
3233
  if (value.length != 0) {
3234
- tempproductextravaluesarray.push({
3234
+ tempproductextravaluesarray.push(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
3235
3235
  id: item.id,
3236
3236
  title_en: item.title_en,
3237
- title_ar: item.title_ar,
3238
- value: value
3239
- });
3237
+ title_ar: item.title_ar
3238
+ }, "title_ar", item.title_germ), "title_ar", item.title_turk), "title_ar", item.title_ital), "title_ar", item.title_magr), "title_ar", item.title_nrwig), "title_ar", item.title_chin), "title_ar", item.title_es), "title_ar", item.title_fr), "title_ar", item.title_rus), "value", value));
3240
3239
  }
3241
3240
  setproductextravaluesarray(_toConsumableArray__default["default"](tempproductextravaluesarray));
3242
3241
  var tempaddtocardpayloadobj = _objectSpread$2H({}, addtocardpayloadobj);
@@ -3248,40 +3247,40 @@
3248
3247
  color: sectionproperties.form_labelcolor,
3249
3248
  textTransform: sectionproperties.form_labeltexttransform,
3250
3249
  fontWeight: sectionproperties.form_labelfontweight,
3251
- fontSize: sectionproperties.form_labelfontsize + "px",
3252
- marginBottom: sectionproperties.inputfieldbordertype == "All" ? 10 : 0
3250
+ fontSize: sectionproperties.form_labelfontsize + 'px',
3251
+ marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
3253
3252
  }),
3254
3253
  form_control: glamor.css((_css = {
3255
- background: "transparent",
3254
+ background: 'transparent',
3256
3255
  color: sectionproperties.inputfieldcolor,
3257
- fontSize: sectionproperties.inputfieldfontsize + "px",
3258
- position: "relative",
3259
- display: "flex",
3260
- alignItems: "center"
3261
- }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", "block"), "width", "100%"), "padding", "0 10px"), "transition", ".3s"), "border", sectionproperties.inputfieldbordertype == "All" ? sectionproperties.inputfieldborderWidth + "px solid " + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + "px solid " + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + "px"), "height", sectionproperties.inputfieldheight + "px"), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_defineProperty__default["default"](_css, ":focus", {
3256
+ fontSize: sectionproperties.inputfieldfontsize + 'px',
3257
+ position: 'relative',
3258
+ display: 'flex',
3259
+ alignItems: 'center'
3260
+ }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_defineProperty__default["default"](_css, ':focus', {
3262
3261
  borderColor: sectionproperties.inputfeildbordercoloronfocus
3263
- }), ":focus .login_input_icon", {
3262
+ }), ':focus .login_input_icon', {
3264
3263
  color: sectionproperties.inputfeildbordercoloronfocus
3265
3264
  })))
3266
3265
  };
3267
3266
  return /*#__PURE__*/React__default["default"].createElement("div", {
3268
- className: "row w-100 ml-0 mr-0"
3267
+ className: 'row w-100 ml-0 mr-0'
3269
3268
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3270
3269
  "class": "col-lg-12 p-0"
3271
3270
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3272
3271
  "class": "row m-0 w-100"
3273
3272
  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productextrafields) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.map(function (item, index) {
3274
3273
  var _selectboxvaluesparse;
3275
- var inputtype = "";
3276
- if (item.type == "input") {
3277
- inputtype = "text";
3278
- } else if (item.type == "datetime") {
3279
- inputtype = "datetime-local";
3274
+ var inputtype = '';
3275
+ if (item.type == 'input') {
3276
+ inputtype = 'text';
3277
+ } else if (item.type == 'datetime') {
3278
+ inputtype = 'datetime-local';
3280
3279
  } else {
3281
3280
  inputtype = item.type;
3282
3281
  }
3283
3282
  var isinputcomponent = 0;
3284
- if (inputtype == "color" || inputtype == "text" || inputtype == "input" || inputtype == "date" || inputtype == "time" || inputtype == "number" || inputtype == "datetime" || inputtype == "datetime-local" || inputtype == "url" || inputtype == "week") {
3283
+ if (inputtype == 'color' || inputtype == 'text' || inputtype == 'input' || inputtype == 'date' || inputtype == 'time' || inputtype == 'number' || inputtype == 'datetime' || inputtype == 'datetime-local' || inputtype == 'url' || inputtype == 'week') {
3285
3284
  isinputcomponent = 1;
3286
3285
  }
3287
3286
  var selectboxvaluesparsedarray = [];
@@ -3291,40 +3290,40 @@
3291
3290
  selectboxvaluesparsedarray = selectboxvaluesparsed;
3292
3291
  }
3293
3292
  }
3294
- var inputvalue = "";
3293
+ var inputvalue = '';
3295
3294
  productextravaluesarray.forEach(function (chooseditem, chooseditemindex) {
3296
3295
  if (chooseditem.id == item.id) {
3297
3296
  inputvalue = chooseditem.value;
3298
3297
  }
3299
3298
  });
3300
3299
  return /*#__PURE__*/React__default["default"].createElement("div", {
3301
- className: "col-lg-6 col-md-6 col-sm-12 mb-4 p-sm-0"
3300
+ className: 'col-lg-6 col-md-6 col-sm-12 mb-4 p-sm-0'
3302
3301
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3303
3302
  "class": "row m-0 w-100"
3304
3303
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3305
3304
  "class": "col-lg-12 p-0 d-flex align-items-start flex-row"
3306
3305
  }, /*#__PURE__*/React__default["default"].createElement("label", {
3307
- className: " d-flex align-items-start ",
3306
+ className: ' d-flex align-items-start ',
3308
3307
  style: {
3309
3308
  color: sectionproperties.form_labelcolor,
3310
3309
  fontWeight: sectionproperties.form_labelfontweight,
3311
- fontSize: sectionproperties.form_labelfontsize + "px",
3310
+ fontSize: sectionproperties.form_labelfontsize + 'px',
3312
3311
  textTransform: sectionproperties.form_labeltexttransform
3313
3312
  }
3314
3313
  }, item["title_".concat(langdetect)] || item.title_en, " ", /*#__PURE__*/React__default["default"].createElement("span", {
3315
3314
  "class": "text-danger ml-1 mr-1"
3316
- }, item.isrequired == 1 ? "*" : "")), /*#__PURE__*/React__default["default"].createElement("label", {
3317
- className: " d-flex align-items-start mx-2 ",
3315
+ }, item.isrequired == 1 ? '*' : '')), /*#__PURE__*/React__default["default"].createElement("label", {
3316
+ className: ' d-flex align-items-start mx-2 ',
3318
3317
  style: {
3319
- color: "#666666",
3318
+ color: '#666666',
3320
3319
  fontWeight: 400,
3321
- fontSize: "13px",
3320
+ fontSize: '13px',
3322
3321
  textTransform: sectionproperties.form_labeltexttransform
3323
3322
  }
3324
- }, item.subtitle_en != null && langdetect != "ar" && "(" + item.subtitle_en + ")", item.subtitle_ar != null && langdetect == "ar" && "(" + item.subtitle_ar + ")")), /*#__PURE__*/React__default["default"].createElement("div", {
3323
+ }, item.subtitle_en != null && langdetect != 'ar' && '(' + item.subtitle_en + ')', item.subtitle_ar != null && langdetect == 'ar' && '(' + item.subtitle_ar + ')')), /*#__PURE__*/React__default["default"].createElement("div", {
3325
3324
  "class": "col-lg-12 p-0"
3326
3325
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3327
- className: loginstyles.wrap_input100 + " textarea "
3326
+ className: loginstyles.wrap_input100 + ' textarea '
3328
3327
  }, isinputcomponent == 1 && /*#__PURE__*/React__default["default"].createElement("input", {
3329
3328
  className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
3330
3329
  type: inputtype,
@@ -3332,19 +3331,19 @@
3332
3331
  onChange: function onChange(event) {
3333
3332
  handleonchangeinput(event.target.value, item);
3334
3333
  }
3335
- }), isinputcomponent == 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, item.type == "selectbox" && /*#__PURE__*/React__default["default"].createElement("select", {
3336
- className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control) + " selectareaextrafields ",
3334
+ }), isinputcomponent == 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, item.type == 'selectbox' && /*#__PURE__*/React__default["default"].createElement("select", {
3335
+ className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control) + ' selectareaextrafields ',
3337
3336
  value: inputvalue,
3338
3337
  onChange: function onChange(event) {
3339
3338
  handleonchangeinput(event.target.value, item);
3340
3339
  }
3341
3340
  }, /*#__PURE__*/React__default["default"].createElement("option", {
3342
- value: ""
3343
- }, langdetect === "ar" ? "إختر" : langdetect === "chin" ? "选择" : langdetect === "es" ? "Elegir" : langdetect === "fr" ? "Choisir" : langdetect === "rus" ? "Выбрать" : "Choose"), (_selectboxvaluesparse = selectboxvaluesparsedarray) === null || _selectboxvaluesparse === void 0 ? void 0 : _selectboxvaluesparse.map(function (selectboxitem, selectboxindex) {
3341
+ value: ''
3342
+ }, langdetect === 'ar' ? 'إختر' : langdetect === 'chin' ? '选择' : langdetect === 'es' ? 'Elegir' : langdetect === 'fr' ? 'Choisir' : langdetect === 'rus' ? 'Выбрать' : 'Choose'), (_selectboxvaluesparse = selectboxvaluesparsedarray) === null || _selectboxvaluesparse === void 0 ? void 0 : _selectboxvaluesparse.map(function (selectboxitem, selectboxindex) {
3344
3343
  return /*#__PURE__*/React__default["default"].createElement("option", {
3345
3344
  value: selectboxitem.value_en
3346
3345
  }, selectboxitem["value_".concat(langdetect)] || selectboxitem.value_en);
3347
- })), item.type == "textarea" && /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
3346
+ })), item.type == 'textarea' && /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
3348
3347
  type: "text",
3349
3348
  className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
3350
3349
  value: inputvalue,
@@ -3352,7 +3351,7 @@
3352
3351
  handleonchangeinput(event.target.value, item);
3353
3352
  },
3354
3353
  style: {
3355
- resize: "none"
3354
+ resize: 'none'
3356
3355
  }
3357
3356
  })), /*#__PURE__*/React__default["default"].createElement("span", {
3358
3357
  className: loginstyles.login_input_focus
@@ -15146,7 +15145,7 @@
15146
15145
  className: 'text-capitalize m-0 p-0 font-weight-500 font-13 m-0 p-0 '
15147
15146
  }, langdetect == 'nrwig' && variantitem.optionname == 'Size' ? 'Størrelse' : langdetect == 'nrwig' && variantitem.optionname == 'Color' ? 'Farge' : variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
15148
15147
  className: ' text-capitalize font-weight-500 m-0 p-0 ml-1 mr-1 font-13 '
15149
- }, (variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier) != null ? variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier : variantitem === null || variantitem === void 0 ? void 0 : variantitem.optionvalue)));
15148
+ }, (variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier) != null ? variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier : variantitem["optionvalue_".concat(langdetect)] || variantitem.optionvalue)));
15150
15149
  }), extras_for_product === null || extras_for_product === void 0 ? void 0 : extras_for_product.map(function (extraitem, extraindex) {
15151
15150
  return /*#__PURE__*/React__default["default"].createElement("div", {
15152
15151
  "class": "row m-0 w-100"
@@ -19390,9 +19389,9 @@
19390
19389
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
19391
19390
  }, /*#__PURE__*/React__default["default"].createElement("p", {
19392
19391
  className: 'text-capitalize m-0 p-0 font-weight-500 font-13 m-0 p-0 '
19393
- }, langdetect == 'nrwig' && variantitem.optionname == 'Size' ? 'Størrelse' : langdetect == 'nrwig' && variantitem.optionname == 'Color' ? 'Farge' : variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
19392
+ }, variantitem["optionname_".concat(langdetect)] || variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
19394
19393
  className: ' font-weight-400 m-0 p-0 font-13 ml-1 mr-1 '
19395
- }, (variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier) != null ? variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier : variantitem === null || variantitem === void 0 ? void 0 : variantitem.optionvalue))));
19394
+ }, (variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier) != null ? variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier : variantitem["optionvalue_".concat(langdetect)] || variantitem.optionvalue))));
19396
19395
  }), extras_for_product === null || extras_for_product === void 0 ? void 0 : extras_for_product.map(function (extraitem, extraindex) {
19397
19396
  return /*#__PURE__*/React__default["default"].createElement("div", {
19398
19397
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
@@ -19414,7 +19413,7 @@
19414
19413
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
19415
19414
  }, /*#__PURE__*/React__default["default"].createElement("p", {
19416
19415
  className: 'text-capitalize m-0 p-0 font-weight-500 font-13 m-0 p-0 '
19417
- }, langdetect == 'en' ? extrafielditem.title_en : extrafielditem.title_ar, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
19416
+ }, extrafielditem["title_".concat(langdetect)] || extrafielditem.title_en), /*#__PURE__*/React__default["default"].createElement("p", {
19418
19417
  className: ' font-weight-400 m-0 p-0 font-13 ml-1 mr-1 '
19419
19418
  }, extrafielditem.value))));
19420
19419
  }), /*#__PURE__*/React__default["default"].createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.50.214",
3
+ "version": "0.50.216",
4
4
  "type": "module",
5
5
  "description": "your description",
6
6
  "main": "dist/index.cjs.js",