PageSourceSearch

https://balajitourpackage.in/Scripts/JS/Common/Cancellation.jsx

js balajitourpackage.in collected 2026-10-02 01:02:43 UTC 29,317 bytes, 859 lines download raw bytes

1// @hash v3-DBD7327DB270CB7BD57795B7F85DE3D3BE9F0DD9
2// Automatically generated by ReactJS.NET. Do not edit, your changes will be overridden.
3// Version: 5.2.12 (build 29c76c8) with Babel 7.8.7
4// Generated at: 10/2/2026 6:32:42 AM
5///////////////////////////////////////////////////////////////////////////////
6function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
7
8function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
9
10function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
11
12function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
13
14const {
15  useEffect,
16  useState,
17  useRef,
18  forwardRef,
19  Suspense
20} = React;
21const {
22  Redirect
23} = ReactRouterDOM;
24const TermsAndConditions = React.lazy(() => import('/Scripts/JS/TermsAndConditions.jsx'));
25const ErrorLog = React.lazy(() => import('/Scripts/JS/ErrorLog.jsx'));
26const {
27  TextField,
28  Autocomplete,
29  Box,
30  Checkbox,
31  Dialog,
32  DialogTitle,
33  DialogContent,
34  DialogActions,
35  Slide,
36  DialogContentText,
37  Button,
38  Tooltip,
39  Zoom
40} = MaterialUI;
41const Transition = forwardRef(function Transition(props, ref) {
42  return React.createElement(Slide, _extends({
43    direction: "up",
44    ref: ref
45  }, props));
46});
47export default function Cancellation(props) {
48  const {
49    companyData
50  } = props.compDetails;
51  let currentDate = dayjs(dayjs(), 'YYYY-MM-DD').format('YYYY-MM-DD');
52  let [cancelObj, setCancelObj] = useState({
53    fromCity: {
54      value: 0,
55      label: 'Source'
56    },
57    toCity: {
58      value: 0,
59      label: 'Destination'
60    },
61    Email: '',
62    PNR: '',
63    fromDate: '',
64    isPolicyCheck: false
65  });
66  let [journyDate, setJournyDate] = useState(''); //let [cancelObj, setCancelObj] = useState(
67  //    {
68  //        fromCity: { value: 1, label: 'Ahmedabad' },
69  //        toCity: { value: 70, label: 'Rajkot' },
70  //        Email: '[email protected]',
71  //        //PNR: '122029752',
72  //        PNR: '122029756',
73  //        fromDate: '',
74  //        isPolicyCheck: true
75  //    });
76  //let [journyDate, setJournyDate] = useState('30-09-2022');
77
78  let [selectCancel, setSelectCancel] = useState({
79    seletedObj: [],
80    totalRefund: 0
81  });
82  let [orderDetails, setOrderDetails] = useState([]);
83  let [cityList, setcityList] = useState([]);
84  let [cancelStatus, setCancelStatus] = useState(false);
85  let [dlgtrmsMsg, setdlgtrmsMsg] = useState({
86    open: false,
87    msg: ''
88  });
89  let [dlgMsg, setdlMsg] = useState({
90    open: false,
91    msg: ''
92  });
93  let options = [];
94  let Journydate = useRef(currentDate);
95  let [cnclPolicy, setCnclPolicy] = useState([]);
96  let [parCanclFlag, setParCanclFlag] = useState({
97    Flag: ""
98  }); //let id = 0;
99  //
100  //id = quearystringID.get("BDPNRNo");
101
102  useEffect(() => {
103    (async function () {
104      await loadData();
105      await getCity();
106      await getCancellationData();
107      await fetchCancellationPolicy();
108    })();
109  }, []); //const getQueryString = () => {
110  //    try {
111  //        $(".isLoader").show();
112  //        let queryString = new Array();
113  //        if (window.location.hash.split('?').length >= 1) {
114  //            var params = window.location.hash.split('?')[1].split('&');
115  //            for (var i = 0; i < params.length; i++) {
116  //                var key = params[i].split('=')[0];
117  //                var value = decodeURIComponent(params[i].split('=')[1]);
118  //                queryString[key] = value;
119  //            }
120  //            return queryString;
121  //        }
122  //    }
123  //    catch (error) { insertError(error, "Ruturajsinh Jadeja"); }
124  //    finally { $(".isLoader").hide(); }
125  //}
126
127  const getQueryString = () => {
128    try {
129      $(".isLoader").show();
130      let queryString = {};
131      let paramString = "";
132
133      if (window.location.hash.includes("?")) {
134        paramString = window.location.hash.split("?")[1];
135      }
136
137      if (!paramString && window.location.search) {
138        paramString = window.location.search.substring(1); // Remove leading '?'
139      }
140
141      if (paramString) {
142        const params = new URLSearchParams(paramString);
143
144        for (const [key, value] of params.entries()) {
145          queryString[key] = decodeURIComponent(value);
146        }
147      }
148
149      return queryString;
150    } catch (error) {
151      insertError(error, "Ruturajsinh Jadeja");
152    } finally {
153      $(".isLoader").hide();
154    }
155  };
156
157  const loadData = () => {
158    try {
159      $(".isLoader").show();
160      var date = new Date();
161      $(".txtDateTime").datetimepicker({
162        format: "dd-mm-yyyy",
163        weekStart: 1,
164        todayBtn: 1,
165        autoclose: 1,
166        //todayHighlight: 1,
167        startView: 2,
168        minView: 2,
169        //forceParse: 0,
170        startDate: date,
171        endDate: "+6m"
172      }).on("change", function (e) {
173        let id = e.currentTarget.id;
174        let value = e.currentTarget.value;
175        datechange(id, value);
176      });
177    } catch (error) {
178      insertError(error, "Ruturajsinh Jadeja");
179    } finally {
180      $(".isLoader").hide();
181    }
182  };
183
184  const getCity = async () => {
185    try {
186      $(".isLoader").show();
187      await axios.post('/DataBinding.aspx/GetCityList', {}).then(async response => {
188        let data = await JSON.parse(response.data.d.data);
189        setcityList(data);
190      }).catch(function (error) {
191        console.log(error);
192      });
193    } catch (error) {
194      insertError(error, "Ruturajsinh Jadeja");
195    } finally {
196      $(".isLoader").hide();
197    }
198  };
199
200  const datechange = (id, value) => {
201    setJournyDate(value);
202  };
203
204  cityList.map(function (option, index) {
205    let obj = {
206      value: option.CM_CityID,
207      label: option.CM_CityName,
208      key: index
209    };
210    options.push(obj);
211  });
212
213  const cancellationDetailsChange = (e, checkRegex) => {
214    let flag = true;
215
216    if (checkRegex == 1) {
217      const re = /^[0-9\b]+$/;
218
219      if (e.target.value === '' || re.test(e.target.value)) {
220        flag = true;
221      } else {
222        flag = false;
223      }
224    }
225
226    if (flag) {
227      cancelObj[e.target.name] = e.target.value;
228      setCancelObj(cancelObj => _objectSpread({}, cancelObj));
229    }
230  };
231
232  const fromCityChange = (event, newValue) => {
233    cancelObj.fromCity = newValue;
234    setCancelObj(cancelObj => _objectSpread({}, cancelObj));
235  };
236
237  const toCityChange = (event, newValue) => {
238    cancelObj.toCity = newValue;
239    setCancelObj(cancelObj => _objectSpread({}, cancelObj));
240  };
241
242  const tncCheck = e => {
243    cancelObj.isPolicyCheck = e.target.checked;
244    setCancelObj(cancelObj => _objectSpread({}, cancelObj));
245  };
246
247  const alertBox = mesage => {
248    setdlMsg({
249      open: true,
250      msg: mesage
251    });
252  };
253
254  const handleClose = () => {
255    setdlMsg({
256      open: false,
257      msg: ''
258    });
259  };
260
261  const handletrmsClose = () => {
262    setdlgtrmsMsg({
263      open: false,
264      msg: ''
265    });
266  };
267
268  const fatchCancellationDetails = async () => {
269    try {
270      $(".isLoader").show();
271
272      const obj = _.cloneDeep(cancelObj);
273
274      let flag = validation(obj);
275
276      if (flag) {
277        setSelectCancel({
278          seletedObj: [],
279          totalRefund: 0
280        });
281        setOrderDetails([]);
282        const data = {
283          custEmail: obj.Email,
284          fromCityID: obj.fromCity.value,
285          toCityID: obj.toCity.value,
286          pnrNo: obj.PNR,
287          journeyDate: journyDate
288        };
289        await axios.post('/Web_Methods/OtherWebMethod.aspx/VerifyCancellation', {
290          paraCancel: data
291        }).then(async response => {
292          if (!response.data.d.isUrlExpired) {
293            let data = await JSON.parse(response.data.d.data);
294
295            if (data.length > 0) {
296              let dd = [];
297
298              _.map(data, item => {
299                item.isSelected = false;
300                item.jDate = dayjs(item.JourneyDate, 'YYYY-MM-DD T HH:mm:ss').format('DD-MM-YYYY');
301                dd.push(item);
302              });
303
304              setOrderDetails(data);
305            } else {
306              alertBox("No data found.");
307            }
308          } else {
309            alertBox(response.data.d.data);
310          }
311        }).catch(function (error) {
312          console.log(error);
313        });
314      }
315    } catch (error) {
316      insertError(error, "Ruturajsinh Jadeja");
317    } finally {
318      $(".isLoader").hide();
319    }
320  };
321
322  const validation = data => {
323    let isFlag = true;
324
325    try {
326      if (data.PNR.trim() != "" && data.PNR != undefined) {
327        $("#spanPnr").hide();
328      } else {
329        $("#spanPnr").show();
330        $("#txtPNR").focus();
331        isFlag = false;
332      }
333
334      if (journyDate != "" && journyDate != null && journyDate != undefined) {
335        $("#spanFromDate").hide();
336        const now = dayjs(dayjs().format('YYYY-MM-DD'));
337        const date = dayjs(dayjs(journyDate, 'DD-MM-YYYY').format('YYYY-MM-DD'));
338        let diff = date.diff(now); //diff = diff || -1;
339
340        if (diff < 0 || isNaN(diff)) {
341          isFlag = false;
342          $("#spanValidToDate").show();
343        } else {
344          $("#spanValidToDate").hide();
345        }
346      } else {
347        isFlag = false;
348        $("#spanFromDate").show();
349        $("#txtFromDate").focus();
350        $("#spanValidToDate").hide();
351      }
352
353      if (data.Email.trim() == "" || data.Email == undefined) {
354        isFlag = false;
355        $("#spanEmail").show();
356        $("#spanValidEmail").hide();
357        $("#txtEmail").focus();
358      } else {
359        $("#spanEmail").hide();
360        $("#spanValidEmail").hide();
361
362        if (isValidEmailAddress(data.Email)) {
363          $("#spanValidEmail").hide();
364        } else {
365          isFlag = false;
366          $("#spanValidEmail").show();
367          $("#txtEmail").focus();
368        }
369      }
370
371      if (data.fromCity.value > 0) {
372        $("#spanFromCity").hide();
373      } else {
374        $("#spanFromCity").show();
375        $("#FromCity").focus();
376        isFlag = false;
377      }
378
379      if (data.toCity.value > 0) {
380        $("#spanToCity").hide();
381
382        if (data.toCity.value == data.fromCity.value) {
383          $("#ToCity").focus();
384          $("#spanInvToCity").show();
385          isFlag = false;
386        } else {
387          $("#spanInvToCity").hide();
388        }
389      } else {
390        $("#spanInvToCity").hide();
391        $("#spanToCity").show();
392        $("#ToCity").focus();
393        isFlag = false;
394      }
395
396      if (data.isPolicyCheck) {
397        $("#spantncCheck").hide();
398      } else {
399        $("#spantncCheck").show();
400        isFlag = false;
401      }
402    } catch (error) {
403      insertError(error, "Ruturajsinh Jadeja");
404    } finally {
405      return isFlag;
406    }
407  };
408
409  const isValidEmailAddress = emailAddress => {
410    try {
411      let pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
412      return pattern.test(emailAddress);
413    } catch (error) {
414      insertError(error, "Ruturajsinh Jadeja");
415    }
416  };
417
418  const SelectPnr = (e, index) => {
419    try {
420      orderDetails[index].isSelected = e.target.checked;
421      setOrderDetails(orderDetails => [...orderDetails]);
422      let cnclObj = [],
423          refundAmt = 0;
424
425      for (let i = 0; i < orderDetails.length; i++) {
426        if (orderDetails[i].isSelected) {
427          let obj = {
428            PNRNo: orderDetails[i].PNRNo,
429            M_OrderID: orderDetails[i].M_OrderID,
430            OrderID: orderDetails[i].OrderID,
431            OrderDetailID: orderDetails[i].OrderDetailID,
432            RefundAmount: orderDetails[i].RefundAmount,
433            PNRAmount: orderDetails[i].PNRAmount,
434            PGTxnID: orderDetails[i].PGTxnID,
435            OrderDate: orderDetails[i].OrderDnT,
436            PGType: orderDetails[i].OrderTxnType,
437            OrderStatus: orderDetails[i].OrderStatus,
438            Email: orderDetails[i].CustEmail
439          };
440          refundAmt = refundAmt + parseFloat(orderDetails[i].RefundAmount.toFixed(2));
441          cnclObj.push(obj);
442        }
443      }
444
445      selectCancel.seletedObj = cnclObj;
446      selectCancel.totalRefund = parseFloat(refundAmt.toFixed(2));
447      setSelectCancel(selectCancel => _objectSpread({}, selectCancel));
448    } catch (error) {
449      insertError(error, "Ruturajsinh Jadeja");
450    }
451  };
452
453  const ConfirmCancel = async () => {
454    $(".isLoader").show();
455
456    try {
457      await axios.post('/Web_Methods/OtherWebMethod.aspx/ConfirmCancel', {
458        CC: selectCancel.seletedObj
459      }).then(async response => {
460        if (!response.data.d.isUrlExpired) {
461          if (response.data.d.data != "") {
462            let data = await JSON.parse(response.data.d.data);
463
464            if (data.status == 1) {
465              if (data.URL.includes("CancelStatus")) {
466                setCancelStatus(true);
467              }
468            } else {
469              alertBox(data.statusMessage);
470            }
471          }
472        } else {
473          alertBox("No Data found.");
474        }
475      }).catch(function (error) {
476        console.log(error);
477      });
478    } catch (error) {
479      insertError(error, "Ruturajsinh Jadeja");
480    } finally {
481      $(".isLoader").hide();
482    }
483  };
484
485  if (cancelStatus) {
486    return React.createElement(Redirect, {
487      to: "/CancelStatus"
488    });
489  }
490
491  const getCancellationData = async () => {
492    try {
493      $(".isLoader").show();
494      let queryString = getQueryString();
495      let cnclPNR = "";
496      cnclPNR = queryString?.BDPNRNo;
497      let bookCancel = {
498        pnr: cnclPNR
499      };
500
501      if (cnclPNR != "" && cnclPNR != undefined) {
502        await axios.post('/Web_Methods/OtherWebMethod.aspx/CancelByPNR', {
503          PNRNo: bookCancel.pnr
504        }).then(async response => {
505          let data = await JSON.parse(response.data.d.data);
506          cancelObj.fromCity = {
507            value: data.data[0].FromCityId,
508            label: data.data[0].FromCityName
509          };
510          cancelObj.toCity = {
511            value: data.data[0].ToCityId,
512            label: data.data[0].ToCityName
513          };
514          cancelObj.Email = data.data[0].CustEmail;
515          cancelObj.PNR = data.data[0].PNRNo;
516          setCancelObj(cancelObj => _objectSpread({}, cancelObj));
517          setJournyDate = data.data[0].JourneyDate;
518          $("#txtFromDate").val(data.data[0].JourneyDate);
519        }).catch(function (error) {
520          console.log(error);
521        });
522      }
523    } catch (error) {
524      insertError(error, "Ruturajsinh Jadeja");
525    } finally {
526      $(".isLoader").hide();
527    }
528  };
529
530  const fetchCancellationPolicy = async () => {
531    try {
532      $(".isLoader").show();
533      await axios.post('/Web_Methods/OtherWebMethod.aspx/CancellationPolicy', {}).then(async response => {
534        let data = await JSON.parse(response.data.d.data);
535
536        if (data.status != 0) {
537          setCnclPolicy(data.cancellationPolicy);
538          setParCanclFlag(data.parcialCancelFlag);
539        }
540      }).catch(function (error) {
541        console.log(error);
542      });
543    } catch (error) {
544      insertError(error, "Ruturajsinh Jadeja");
545    } finally {
546      $(".isLoader").hide();
547    }
548  };
549
550  const insertError = (error, dev_Name) => {
551    const id = CreateNewDiv();
552    const root1 = ReactDOM.createRoot(document.getElementById(id));
553    root1.render(React.createElement(Suspense, null, React.createElement(ErrorLog, {
554      CustomErrorObj: {
555        errorObj: error,
556        developerName: dev_Name
557      }
558    })));
559    RemoveDiv(id);
560  };
561
562  return React.createElement(React.Fragment, null, React.createElement("div", {
563    id: "wrapper"
564  }, React.createElement("div", {
565    className: "fix_contentwidth"
566  }, React.createElement("div", {
567    className: "panel panel-primary"
568  }, React.createElement("div", {
569    className: "panel-heading"
570  }, "Cancellation"), React.createElement("div", {
571    className: "panel-body"
572  }, cnclPolicy.length > 0 && React.createElement("div", {
573    className: "canceldatatable"
574  }, React.createElement("div", {
575    className: "canceldatatime"
576  }, React.createElement("div", {
577    className: "col-lg-6 col-md-6 pull-left canceldatapadd"
578  }, React.createElement("span", null, "Cancellation Cut off Time")), React.createElement("div", {
579    className: "col-lg-6 col-md-6 pull-right canceldatapadd"
580  }, React.createElement("span", null, "Refund Percentage"))), cnclPolicy.length > 0 && cnclPolicy.map((canclData, index) => React.createElement(React.Fragment, {
581    key: index
582  }, React.createElement("div", {
583    className: "canceldatatime canceldatatimeclr"
584  }, React.createElement("div", {
585    className: "col-lg-6 col-md-6 pull-left canceldatapadd"
586  }, React.createElement("span", null, canclData.PolictyString)), React.createElement("div", {
587    className: "col-lg-6 col-md-6 pull-right canceldatapadd"
588  }, React.createElement("span", null, canclData.RefundPercent, "%")))))), React.createElement("div", {
589    className: "cancelinfo"
590  }, React.createElement("ul", null, parCanclFlag == 1 && parCanclFlag != undefined && React.createElement(React.Fragment, null, React.createElement("li", null, React.createElement("span", null, "Partial Cancellation Is Possible."))) || React.createElement(React.Fragment, null, React.createElement("li", null, React.createElement("span", null, "Partial Cancellation Is Not Possible."))), cnclPolicy?.length > 0 && React.createElement("li", null, React.createElement("span", null, "Ticket Cancellation Can Be Before ", cnclPolicy[0].NoCancelWithinMinutes, " Minutes of Journey From Pickup Time.")), React.createElement("li", null, React.createElement("span", null, "It is Rights Of ", companyData?.CompanyName, " To Change Cancellation Policy Any Time Without Prior To Notice.")), React.createElement("li", null, React.createElement("span", null, "Bookings from thissite will be eligible for cancellation through Cancellation From on this site only. No cancellation request will be entertained by any branch or agent office.")), React.createElement("li", null, React.createElement("span", null, "On Cancellation, Refund will be credited in 7 To 10 working days in source payment.")), cnclPolicy.length > 0 && cnclPolicy[0].NoCallation != "" && React.createElement("li", null, React.createElement("span", {
591    style: {
592      fontSize: '20px',
593      color: 'red'
594    }
595  }, cnclPolicy[0].NoCallation)))), React.createElement("div", {
596    className: "inputblock"
597  }, React.createElement("div", {
598    className: "form-group"
599  }, React.createElement("label", null, "PNR No.:"), React.createElement("input", {
600    type: "text",
601    id: "txtPNR",
602    name: "PNR",
603    value: cancelObj.PNR,
604    placeholder: "PNR Number",
605    onChange: e => {
606      cancellationDetailsChange(e, 1);
607    },
608    className: "form-control",
609    autoComplete: "off",
610    maxLength: "10"
611  }), React.createElement("span", {
612    className: "redclr",
613    id: "spanPnr",
614    style: {
615      display: 'none',
616      color: 'red'
617    }
618  }, "Please Enter PNR Number")), React.createElement("div", {
619    className: "form-group"
620  }, React.createElement("label", null, "Journey Date:"), React.createElement("input", {
621    type: "text",
622    id: "txtFromDate",
623    ref: Journydate,
624    className: "date txtDateTime form-control",
625    placeholder: "Departing",
626    autoComplete: "off"
627  }), React.createElement("span", {
628    className: "input-group-addon"
629  }, React.createElement("span", {
630    className: "fa fa-calendar"
631  })), React.createElement("span", {
632    className: "redclr",
633    id: "spanFromDate",
634    style: {
635      display: 'none',
636      color: 'red'
637    }
638  }, "Please Select Journy Date"), React.createElement("span", {
639    className: "redclr",
640    id: "spanValidToDate",
641    style: {
642      display: 'none',
643      color: 'red'
644    }
645  }, "Please Select Valid Journy Date")), React.createElement("div", {
646    className: "form-group"
647  }, React.createElement("label", null, "Email:"), React.createElement("input", {
648    type: "text",
649    name: "Email",
650    value: cancelObj.Email,
651    placeholder: "Email",
652    onChange: e => {
653      cancellationDetailsChange(e, 0);
654    },
655    className: "form-control",
656    autoComplete: "off",
657    maxLength: "100"
658  }), React.createElement("span", {
659    className: "redclr",
660    id: "spanEmail",
661    style: {
662      display: 'none',
663      color: 'red'
664    }
665  }, "Please Enter Email"), React.createElement("span", {
666    className: "redclr",
667    id: "spanValidEmail",
668    style: {
669      display: 'none',
670      color: 'red'
671    }
672  }, "Please Enter Valid Email"))), React.createElement("div", {
673    className: "inputblock"
674  }, React.createElement("div", {
675    className: "form-group"
676  }, React.createElement("label", null, "From:"), React.createElement(Autocomplete, {
677    id: "FromCity",
678    autoHighlight: true,
679    value: cancelObj.fromCity,
680    options: options,
681    onChange: fromCityChange,
682    error: "true",
683    renderOption: (props, option) => React.createElement(Box, _extends({
684      component: "li"
685    }, props, {
686      key: option.value
687    }), option.label),
688    renderInput: params => React.createElement(TextField, _extends({}, params, {
689      label: "",
690      variant: "standard"
691    }))
692  }), React.createElement("span", {
693    className: "redclr",
694    id: "spanFromCity",
695    style: {
696      display: 'none',
697      color: 'red'
698    }
699  }, "Please Select From City")), React.createElement("div", {
700    className: "form-group"
701  }, React.createElement("label", null, "To:"), React.createElement(Autocomplete, {
702    disablePortal: true,
703    id: "ToCity",
704    autoHighlight: true,
705    value: cancelObj.toCity,
706    options: options,
707    key: options.key,
708    onChange: toCityChange,
709    renderOption: (props, option) => React.createElement(Box, _extends({
710      component: "li"
711    }, props, {
712      key: option.value
713    }), option.label),
714    renderInput: params => React.createElement(TextField, _extends({}, params, {
715      label: "",
716      variant: "standard"
717    }))
718  }), React.createElement("span", {
719    className: "redclr",
720    id: "spanToCity",
721    style: {
722      display: 'none',
723      color: 'red'
724    }
725  }, "Please Select Destination"), React.createElement("span", {
726    className: "redclr",
727    id: "spanInvToCity",
728    style: {
729      display: 'none',
730      color: 'red'
731    }
732  }, "Invalid Destination Selection"))), React.createElement("div", {
733    className: "togglebutton"
734  }, React.createElement("label", null, React.createElement(Checkbox, {
735    checked: cancelObj.isPolicyCheck,
736    onChange: tncCheck
737  })), React.createElement("a", {
738    onClick: e => {
739      setdlgtrmsMsg({
740        open: true,
741        msg: ''
742      });
743    }
744  }, "I Agree To All Terms & Conditions"), React.createElement("span", {
745    className: "redclr",
746    id: "spantncCheck",
747    style: {
748      display: 'none',
749      color: 'red'
750    }
751  }, "Please Select Terms and Conditions"), React.createElement("button", {
752    type: "button",
753    id: "btnFatch",
754    className: "btn btn-primary",
755    onClick: fatchCancellationDetails
756  }, "Cancel Details")), React.createElement("div", {
757    className: "cancellationother"
758  }, orderDetails.length > 0 && orderDetails.map((OD, index) => React.createElement(React.Fragment, {
759    key: index
760  }, React.createElement("div", {
761    className: "canclrefund"
762  }, React.createElement(React.Fragment, null, React.createElement("div", {
763    className: "col-lg-2 col-md-2 col-sm-6 col-xs-6"
764  }, index == 0 && React.createElement("div", {
765    className: "refundtitle"
766  }, "Order No."), React.createElement("div", {
767    className: "refundata"
768  }, React.createElement(Checkbox, {
769    checked: OD.isSelected,
770    onChange: e => SelectPnr(e, index)
771  }), OD.OrderID)), React.createElement("div", {
772    className: "col-lg-2 col-md-2 col-sm-6 col-xs-6"
773  }, index == 0 && React.createElement("div", {
774    className: "refundtitle"
775  }, "PNR No."), React.createElement("div", {
776    className: "refundata"
777  }, OD.PNRNo)), React.createElement("div", {
778    className: "col-lg-2 col-md-2 col-sm-6 col-xs-6"
779  }, index == 0 && React.createElement("div", {
780    className: "refundtitle"
781  }, "Journy Date & Time"), React.createElement("div", {
782    className: "refundata"
783  }, OD.jDate)), React.createElement("div", {
784    className: "col-lg-2 col-md-2 col-sm-6 col-xs-6"
785  }, index == 0 && React.createElement("div", {
786    className: "refundtitle"
787  }, "Route"), React.createElement("div", {
788    className: "refundata"
789  }, OD.FromCityName + " To " + OD.ToCityName)), React.createElement("div", {
790    className: "col-lg-1 col-md-1 col-sm-6 col-xs-6"
791  }, index == 0 && React.createElement("div", {
792    className: "refundtitle"
793  }, "Seat List"), React.createElement("div", {
794    className: "refundata"
795  }, OD.SeatList)), React.createElement("div", {
796    className: "col-lg-1 col-md-1 col-sm-6 col-xs-6"
797  }, index == 0 && React.createElement("div", {
798    className: "refundtitle"
799  }, "Amount"), React.createElement("div", {
800    className: "refundata"
801  }, parseFloat(OD.PNRAmount).toFixed(2))), React.createElement("div", {
802    className: "col-lg-1 col-md-1 col-sm-6 col-xs-6"
803  }, index == 0 && React.createElement("div", {
804    className: "refundtitle"
805  }, "Refund"), React.createElement("div", {
806    className: "refundata"
807  }, parseFloat(OD.RefundAmount).toFixed(2))), React.createElement("div", {
808    className: "col-lg-1 col-md-1 col-sm-6 col-xs-6"
809  }, index == 0 && React.createElement("div", {
810    className: "refundtitle"
811  }, "Refund%"), React.createElement("div", {
812    className: "refundata"
813  }, parseFloat(OD.RefundPercentage).toFixed(2))))))), React.createElement("div", {
814    className: "totalrfdtotalrfd"
815  }, selectCancel.seletedObj.length > 0 && React.createElement(React.Fragment, null, React.createElement("div", {
816    className: "tlrefund"
817  }, "Total Refund : ", React.createElement("span", null, selectCancel.totalRefund)), React.createElement("div", {
818    className: "togglebutton "
819  }, React.createElement("button", {
820    type: "button",
821    id: "btnFatch",
822    className: "btn btn-primary",
823    onClick: ConfirmCancel
824  }, "Confirm Cancel")))), React.createElement("div", {
825    className: "canceldetails"
826  }, React.createElement("ul", null, React.createElement("li", null, React.createElement("span", null, "Select PNR No. to cancel.")), React.createElement("li", null, React.createElement("span", {
827    className: "retrnbooking"
828  }, "If Return Booking:")), React.createElement("li", null, React.createElement("span", null, "You may either cancel one of above PNR No or both PNR No.")), React.createElement("li", null, React.createElement("span", null, "Once you have cancelled one of them, Second one will not be cancelable or refundable any how.")), React.createElement("li", null, React.createElement("span", null, "No futher arguments will be entertained."))))))))), React.createElement("div", null, dlgtrmsMsg.open && React.createElement(Dialog, {
829    open: dlgtrmsMsg.open,
830    TransitionComponent: Transition,
831    keepMounted: true,
832    maxWidth: "xl",
833    onClose: handletrmsClose,
834    "aria-describedby": "alert-dialog-slide-description"
835  }, React.createElement(DialogContent, null, React.createElement(Suspense, null, React.createElement(TermsAndConditions, {
836    compDetails: props.compDetails
837  }))), React.createElement(DialogActions, {
838    className: "changepaaswrd"
839  }, React.createElement(Button, {
840    className: "btn btn-primary",
841    onClick: handletrmsClose
842  }, "Ok")))), React.createElement("div", null, React.createElement(Dialog, {
843    open: dlgMsg.open,
844    TransitionComponent: Transition,
845    keepMounted: true //fullWidth="true"
846    //PaperProps={{ sx: { width: "30%" } }}
847    //style={{ sx: { minWidth: "200px" } }}
848    ,
849    onClose: handleClose,
850    "aria-describedby": "alert-dialog-slide-description"
851  }, React.createElement(DialogTitle, null, "Information"), React.createElement(DialogContent, null, React.createElement(DialogContentText, {
852    id: "alert-dialog-slide-description"
853  }, dlgMsg.msg)), React.createElement(DialogActions, {
854    className: "changepaaswrd"
855  }, React.createElement(Button, {
856    className: "btn btn-primary",
857    onClick: handleClose
858  }, "Ok")))));
859}

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.