@salesgenterp/ui-components 0.4.273 → 0.4.274

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 (5) hide show
  1. package/dist/index.js +1789 -1787
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +1809 -1807
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,33 +1,33 @@
1
1
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
2
2
 
3
+ var material = require('@mui/material');
4
+ var styles = require('@mui/material/styles');
5
+ var useMediaQuery = _interopDefault(require('@mui/material/useMediaQuery'));
3
6
  var React = require('react');
4
7
  var React__default = _interopDefault(React);
5
- var styles = require('@mui/material/styles');
6
- var material = require('@mui/material');
8
+ var md = require('react-icons/md');
7
9
  var styled = require('styled-components');
8
10
  var styled__default = _interopDefault(styled);
9
- var md = require('react-icons/md');
10
- var useMediaQuery = _interopDefault(require('@mui/material/useMediaQuery'));
11
- var ai = require('react-icons/ai');
12
- var tb = require('react-icons/tb');
13
- var hi = require('react-icons/hi');
14
- var bs = require('react-icons/bs');
15
- var tfi = require('react-icons/tfi');
16
- var go = require('react-icons/go');
17
- var ri = require('react-icons/ri');
18
- var bi = require('react-icons/bi');
11
+ var axios = _interopDefault(require('axios'));
19
12
  var lodash = require('lodash');
20
13
  var moment = _interopDefault(require('moment'));
14
+ var reactHookForm = require('react-hook-form');
21
15
  var io5 = require('react-icons/io5');
16
+ var tb = require('react-icons/tb');
17
+ var ai = require('react-icons/ai');
22
18
  var fa = require('react-icons/fa');
23
19
  var gi = require('react-icons/gi');
24
20
  var gr = require('react-icons/gr');
25
- var axios = _interopDefault(require('axios'));
26
21
  var DesktopDatePicker = require('@mui/x-date-pickers/DesktopDatePicker');
27
22
  var AdapterMoment = require('@mui/x-date-pickers/AdapterMoment');
28
23
  var xDatePickers = require('@mui/x-date-pickers');
29
24
  var moment$1 = _interopDefault(require('moment/moment'));
30
- var reactHookForm = require('react-hook-form');
25
+ var hi = require('react-icons/hi');
26
+ var bs = require('react-icons/bs');
27
+ var tfi = require('react-icons/tfi');
28
+ var go = require('react-icons/go');
29
+ var ri = require('react-icons/ri');
30
+ var bi = require('react-icons/bi');
31
31
  var InputLabel = _interopDefault(require('@mui/material/InputLabel'));
32
32
  var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
33
33
  var FormControl = _interopDefault(require('@mui/material/FormControl'));
@@ -310,413 +310,89 @@ var DATE_FORMATS = {
310
310
  TIME: 'hh:mm:ss A'
311
311
  };
312
312
 
313
- var convertCamCaseToSnake = function convertCamCaseToSnake(child) {
314
- var _Object$keys;
315
- var data = [];
316
- var i = 1;
317
- Object === null || Object === void 0 ? void 0 : (_Object$keys = Object.keys(child)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (k) {
318
- var result = k.replace(/([A-Z])/g, ' $1');
319
- var dataIndex = {
320
- key: i.toString(),
321
- name: result.charAt(0).toUpperCase() + result.slice(1),
322
- value: child[k]
323
- };
324
- data.push(dataIndex);
325
- i++;
326
- });
327
- return data;
328
- };
329
- var convertToTitleCase = function convertToTitleCase(inputString) {
330
- return inputString.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
331
- return str.toUpperCase();
332
- });
333
- };
334
- var renderMoney = function renderMoney(value) {
335
- var returnValue = '$0.00';
336
- try {
337
- if (value) {
338
- var _Math$abs, _Math$abs$toFixed, _value$toFixed;
339
- returnValue = value < 0 ? "-$" + ((_Math$abs = Math.abs(value)) === null || _Math$abs === void 0 ? void 0 : (_Math$abs$toFixed = _Math$abs.toFixed(2)) === null || _Math$abs$toFixed === void 0 ? void 0 : _Math$abs$toFixed.replace(/\B(?=(\d{3})+(?!\d))/g, ',')) : "$" + ((_value$toFixed = value.toFixed(2)) === null || _value$toFixed === void 0 ? void 0 : _value$toFixed.replace(/\B(?=(\d{3})+(?!\d))/g, ','));
340
- }
341
- } catch (e) {}
342
- return returnValue;
343
- };
344
- var getLocalTime = function getLocalTime(_ref) {
345
- var time = _ref.time,
346
- _ref$format = _ref.format,
347
- format = _ref$format === void 0 ? DATE_FORMATS.TIMESTAMP_FORMAT : _ref$format,
348
- isMoment = _ref.isMoment;
349
- if (!time) {
350
- return time;
351
- }
352
- var convertedTime = moment.utc(time).clone().local();
353
- if (!isMoment) {
354
- convertedTime = convertedTime.format(format);
355
- }
356
- return convertedTime;
357
- };
358
- var getUTCTime = function getUTCTime(_ref2) {
359
- var time = _ref2.time,
360
- _ref2$format = _ref2.format,
361
- format = _ref2$format === void 0 ? DATE_FORMATS.DEFAULT_DATE_TIME_FORMAT : _ref2$format,
362
- isMoment = _ref2.isMoment;
363
- if (!time) {
364
- return time;
365
- }
366
- var convertedTime = moment(time).utc();
367
- if (!isMoment) {
368
- convertedTime = convertedTime.format(format);
369
- }
370
- return convertedTime;
371
- };
372
- function hexToRgbA(hex) {
373
- var c;
374
- if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
375
- c = hex.substring(1).split('');
376
- if (c.length == 3) {
377
- c = [c[0], c[0], c[1], c[1], c[2], c[2]];
378
- }
379
- c = '0x' + c.join('');
380
- return [c >> 16 & 255, c >> 8 & 255, c & 255].join(',');
381
- } else return hex;
382
- }
383
- var getRandomString = function getRandomString(length) {
384
- if (length === void 0) {
385
- length = 16;
386
- }
387
- var text = '';
388
- var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
389
- for (var i = 0; i < length; i++) {
390
- text += possible.charAt(Math.floor(Math.random() * possible.length));
313
+ var erLocalStorage = {
314
+ setItem: function setItem(key, value) {
315
+ localStorage.setItem(key, value);
316
+ },
317
+ getItem: function getItem(key) {
318
+ return localStorage.getItem(key);
319
+ },
320
+ removeItem: function removeItem(key) {
321
+ localStorage.removeItem(key);
322
+ },
323
+ setJSONItem: function setJSONItem(key, value) {
324
+ value = JSON.stringify(value);
325
+ localStorage.setItem(key, value);
326
+ },
327
+ getJSONItem: function getJSONItem(key) {
328
+ var returnValue = {};
329
+ try {
330
+ returnValue = localStorage.getItem(key) ? JSON.parse(localStorage.getItem(key)) : {};
331
+ } catch (e) {}
332
+ return returnValue;
391
333
  }
392
- return text;
393
334
  };
394
- var currentTimeText = function currentTimeText() {
395
- var data = [[0, 4, 'Good Night'], [5, 11, 'Good Morning'], [12, 16, 'Good Afternoon'], [17, 19, 'Good Evening'], [20, 24, 'Good Night']];
396
- var hr = new Date().getHours();
397
- var text = '';
398
- for (var i = 0; i < data.length; i++) {
399
- if (hr >= data[i][0] && hr <= data[i][1]) {
400
- text = data[i][2];
401
- }
335
+
336
+ var ErCache = /*#__PURE__*/function () {
337
+ function ErCache() {
338
+ this.sessionStorage = typeof window !== 'undefined' ? window.sessionStorage : {};
402
339
  }
403
- return text;
404
- };
405
- var getLabelValue = function getLabelValue(_ref3) {
406
- var labelKey = _ref3.labelKey,
407
- option = _ref3.option;
408
- try {
409
- if (typeof labelKey === 'function') {
410
- return labelKey(option);
411
- } else {
412
- return labelKey.indexOf('${') > -1 ? lodash.template(labelKey)(option) : option[labelKey];
340
+ var _proto = ErCache.prototype;
341
+ _proto.getItem = function getItem(key) {
342
+ return this.sessionStorage.getItem(key);
343
+ };
344
+ _proto.getJSONItem = function getJSONItem(key) {
345
+ try {
346
+ return JSON.parse(this.sessionStorage.getItem(key));
347
+ } catch (e) {
348
+ return {};
413
349
  }
414
- } catch (e) {
415
- return '';
416
- }
417
- };
418
- var sleep = function sleep(timeout) {
419
- if (timeout === void 0) {
420
- timeout = 3000;
421
- }
422
- return new Promise(function (resolve) {
423
- setTimeout(function () {
424
- return resolve();
425
- }, timeout);
426
- });
350
+ };
351
+ _proto.removeItem = function removeItem(key) {
352
+ this.sessionStorage.removeItem(key);
353
+ };
354
+ _proto.setItem = function setItem(_ref) {
355
+ var key = _ref.key,
356
+ value = _ref.value;
357
+ return this.sessionStorage.setItem(key, value);
358
+ };
359
+ _proto.setJSONItem = function setJSONItem(_ref2) {
360
+ var key = _ref2.key,
361
+ value = _ref2.value;
362
+ try {
363
+ return this.sessionStorage.setItem(key, JSON.stringify(value));
364
+ } catch (e) {}
365
+ };
366
+ return ErCache;
367
+ }();
368
+ var erCache = new ErCache();
369
+
370
+ var byPassAuthAPIs = ['/authenticate'];
371
+ var API_CACHE_PREFIX = 'API_CACHE';
372
+ var getKeyFromPath = function getKeyFromPath(_ref) {
373
+ var path = _ref.path,
374
+ queryParams = _ref.queryParams;
375
+ return API_CACHE_PREFIX + "_" + path + "_" + JSON.stringify(queryParams);
427
376
  };
428
- var isVideo = function isVideo(filename) {
429
- var videoExtensions = ['.mp4', '.mov', '.avi', '.mkv', '.flv', '.wmv', '.webm'];
430
- var extension = filename === null || filename === void 0 ? void 0 : filename.slice(((filename === null || filename === void 0 ? void 0 : filename.lastIndexOf('.')) - 1 >>> 0) + 2);
431
- return videoExtensions === null || videoExtensions === void 0 ? void 0 : videoExtensions.includes('.' + (extension === null || extension === void 0 ? void 0 : extension.toLowerCase()));
377
+ var getAPICacheData = function getAPICacheData(_ref2) {
378
+ var path = _ref2.path,
379
+ queryParams = _ref2.queryParams;
380
+ var cachedData = erCache.getJSONItem(getKeyFromPath({
381
+ path: path,
382
+ queryParams: queryParams
383
+ }));
384
+ return lodash.isEmpty(cachedData) ? null : cachedData;
432
385
  };
433
-
434
- var _templateObject;
435
- var SideMenuItemComponent = function SideMenuItemComponent(props) {
436
- var className = props.className,
437
- onClick = props.onClick,
438
- name = props.name,
439
- link = props.link,
440
- children = props.children,
441
- primaryColor = props.primaryColor,
442
- list = props.list,
443
- onTabChange = props.onTabChange;
444
- if (!link || typeof link !== 'string') {
445
- return /*#__PURE__*/React__default.createElement(material.ListItem, {
446
- button: true,
447
- className: className,
448
- children: children,
449
- onClick: onClick,
450
- primaryColor: primaryColor
451
- });
452
- }
453
- return /*#__PURE__*/React__default.createElement(material.ListItem, {
454
- button: true,
455
- className: className,
456
- children: children,
457
- component: React.forwardRef(function (props, ref) {
458
- return /*#__PURE__*/React__default.createElement("p", _extends({
459
- exact: true
460
- }, props, {
461
- innerRef: ref
462
- }));
386
+ var setAPIDataToCache = function setAPIDataToCache(_ref3) {
387
+ var path = _ref3.path,
388
+ queryParams = _ref3.queryParams,
389
+ data = _ref3.data;
390
+ erCache.setJSONItem({
391
+ key: getKeyFromPath({
392
+ path: path,
393
+ queryParams: queryParams
463
394
  }),
464
- onClick: function onClick() {
465
- if (list && onTabChange) {
466
- onTabChange(name);
467
- }
468
- },
469
- to: link
470
- });
471
- };
472
- var SideMenuItem = function SideMenuItem(props) {
473
- var name = props.name,
474
- link = props.link,
475
- Icon = props.Icon,
476
- _props$items = props.items,
477
- items = _props$items === void 0 ? [] : _props$items,
478
- primaryColor = props.primaryColor,
479
- fontColor = props.fontColor,
480
- list = props.list,
481
- tabValue = props.tabValue,
482
- onTabChange = props.onTabChange;
483
- var isExpandable = items && items.length > 0;
484
- var _React$useState = React__default.useState(name === 'My Account' ? true : false),
485
- open = _React$useState[0],
486
- setOpen = _React$useState[1];
487
- function handleClick() {
488
- setOpen(!open);
489
- }
490
- var MenuItemRoot = /*#__PURE__*/React__default.createElement(SideMenuItemComponentContainer, {
491
- link: link,
492
- onClick: handleClick,
493
- primaryColor: primaryColor,
494
- fontColor: fontColor,
495
- open: open,
496
- list: list,
497
- name: name,
498
- tabValue: tabValue,
499
- active: tabValue === name,
500
- onTabChange: onTabChange
501
- }, !!Icon && /*#__PURE__*/React__default.createElement(ListItemIconContainer, null, /*#__PURE__*/React__default.createElement(Icon, null)), /*#__PURE__*/React__default.createElement(material.ListItemText, {
502
- primary: name,
503
- inset: !Icon
504
- }), /*#__PURE__*/React__default.createElement("span", {
505
- className: "expand-icon"
506
- }, isExpandable && !open && /*#__PURE__*/React__default.createElement(md.MdExpandMore, null), isExpandable && open && /*#__PURE__*/React__default.createElement(md.MdExpandLess, null)));
507
- var MenuItemChildren = isExpandable ? /*#__PURE__*/React__default.createElement(material.Collapse, {
508
- "in": open,
509
- timeout: "auto",
510
- unmountOnExit: true
511
- }, /*#__PURE__*/React__default.createElement(material.List, {
512
- component: "div",
513
- disablePadding: true
514
- }, items.map(function (item, index) {
515
- return /*#__PURE__*/React__default.createElement(SideMenuItem, _extends({}, item, {
516
- key: index,
517
- primaryColor: primaryColor,
518
- fontColor: fontColor,
519
- tabValue: tabValue,
520
- onTabChange: onTabChange,
521
- name: item === null || item === void 0 ? void 0 : item.name,
522
- open: open,
523
- list: true
524
- }));
525
- }))) : null;
526
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, MenuItemRoot, MenuItemChildren);
527
- };
528
- var ListItemIconContainer = styled__default(material.ListItemIcon)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n min-width: 40px !important;\n"])));
529
- var SideMenuItemComponentContainer = styles.styled(SideMenuItemComponent)(function (_ref) {
530
- var primaryColor = _ref.primaryColor,
531
- list = _ref.list,
532
- active = _ref.active,
533
- open = _ref.open;
534
- return {
535
- borderRadius: '14px 0 0 14px',
536
- marginBottom: !list && !open && '4px',
537
- background: list ? active ? "rgba(0, 0, 0, 0.10)" : "transparent" : "linear-gradient(to right, #fff 65%, " + primaryColor + ")",
538
- color: list ? active ? "#fff" : '#fff' : primaryColor,
539
- '& .MuiTypography-root': {
540
- fontWeight: '600 '
541
- },
542
- '&:hover': {},
543
- '& svg': {
544
- fontSize: 22,
545
- color: list ? active ? "#fff" : '#fff' : primaryColor
546
- },
547
- '& .expand-icon > svg': {
548
- color: "#fff"
549
- }
550
- };
551
- });
552
-
553
- var sideMenuItems = [{
554
- name: 'My Account',
555
- Icon: ri.RiAccountBoxLine,
556
- items: [{
557
- name: 'Dashboard',
558
- link: '/',
559
- Icon: ri.RiHome7Line
560
- }, {
561
- name: 'My Profile',
562
- link: '/',
563
- Icon: tb.TbUserCircle
564
- }, {
565
- name: 'Store List',
566
- link: '/',
567
- Icon: tb.TbBuildingStore
568
- }, {
569
- name: 'Statement',
570
- link: '/',
571
- Icon: ri.RiFileTextLine
572
- }, {
573
- name: 'Change Password',
574
- link: '/',
575
- Icon: bi.BiLockOpen
576
- }]
577
- }, {
578
- name: 'Order Information',
579
- Icon: hi.HiOutlineTruck,
580
- items: [{
581
- name: 'Orders list',
582
- link: '/orders',
583
- Icon: bs.BsBoxSeam
584
- }, {
585
- name: 'Return Orders list',
586
- link: '/orders',
587
- Icon: go.GoPackage
588
- }, {
589
- name: 'Wishlist',
590
- link: '/orders',
591
- Icon: ai.AiOutlineHeart
592
- }]
593
- }, {
594
- name: 'Payment Information',
595
- Icon: tfi.TfiWallet,
596
- items: [{
597
- name: 'Payment List',
598
- link: '/customers',
599
- Icon: ri.RiFileList3Line
600
- }, {
601
- name: 'Store Credit History',
602
- link: '/customers',
603
- Icon: md.MdOutlineStorefront
604
- }, {
605
- name: 'Saved Cards',
606
- link: '/customers',
607
- Icon: ai.AiOutlineCreditCard
608
- }]
609
- }, {
610
- name: 'Deals',
611
- Icon: tb.TbAward,
612
- items: [{
613
- name: 'Deals List',
614
- link: '/deals',
615
- Icon: ai.AiOutlineFileText
616
- }, {
617
- name: 'Setting',
618
- link: '/setting',
619
- Icon: ai.AiOutlineSetting
620
- }]
621
- }];
622
- var SideMenu = function SideMenu(props) {
623
- return /*#__PURE__*/React__default.createElement(material.List, {
624
- component: "nav",
625
- disablePadding: true
626
- }, sideMenuItems.map(function (item, index) {
627
- return /*#__PURE__*/React__default.createElement(SideMenuItem, _extends({}, item, {
628
- key: index,
629
- primaryColor: props.primaryColor,
630
- fontColor: props.fontColor,
631
- tabValue: props.tabValue,
632
- onTabChange: props.onTabChange
633
- }));
634
- }));
635
- };
636
-
637
- var erLocalStorage = {
638
- setItem: function setItem(key, value) {
639
- localStorage.setItem(key, value);
640
- },
641
- getItem: function getItem(key) {
642
- return localStorage.getItem(key);
643
- },
644
- removeItem: function removeItem(key) {
645
- localStorage.removeItem(key);
646
- },
647
- setJSONItem: function setJSONItem(key, value) {
648
- value = JSON.stringify(value);
649
- localStorage.setItem(key, value);
650
- },
651
- getJSONItem: function getJSONItem(key) {
652
- var returnValue = {};
653
- try {
654
- returnValue = localStorage.getItem(key) ? JSON.parse(localStorage.getItem(key)) : {};
655
- } catch (e) {}
656
- return returnValue;
657
- }
658
- };
659
-
660
- var ErCache = /*#__PURE__*/function () {
661
- function ErCache() {
662
- this.sessionStorage = typeof window !== 'undefined' ? window.sessionStorage : {};
663
- }
664
- var _proto = ErCache.prototype;
665
- _proto.getItem = function getItem(key) {
666
- return this.sessionStorage.getItem(key);
667
- };
668
- _proto.getJSONItem = function getJSONItem(key) {
669
- try {
670
- return JSON.parse(this.sessionStorage.getItem(key));
671
- } catch (e) {
672
- return {};
673
- }
674
- };
675
- _proto.removeItem = function removeItem(key) {
676
- this.sessionStorage.removeItem(key);
677
- };
678
- _proto.setItem = function setItem(_ref) {
679
- var key = _ref.key,
680
- value = _ref.value;
681
- return this.sessionStorage.setItem(key, value);
682
- };
683
- _proto.setJSONItem = function setJSONItem(_ref2) {
684
- var key = _ref2.key,
685
- value = _ref2.value;
686
- try {
687
- return this.sessionStorage.setItem(key, JSON.stringify(value));
688
- } catch (e) {}
689
- };
690
- return ErCache;
691
- }();
692
- var erCache = new ErCache();
693
-
694
- var byPassAuthAPIs = ['/authenticate'];
695
- var API_CACHE_PREFIX = 'API_CACHE';
696
- var getKeyFromPath = function getKeyFromPath(_ref) {
697
- var path = _ref.path,
698
- queryParams = _ref.queryParams;
699
- return API_CACHE_PREFIX + "_" + path + "_" + JSON.stringify(queryParams);
700
- };
701
- var getAPICacheData = function getAPICacheData(_ref2) {
702
- var path = _ref2.path,
703
- queryParams = _ref2.queryParams;
704
- var cachedData = erCache.getJSONItem(getKeyFromPath({
705
- path: path,
706
- queryParams: queryParams
707
- }));
708
- return lodash.isEmpty(cachedData) ? null : cachedData;
709
- };
710
- var setAPIDataToCache = function setAPIDataToCache(_ref3) {
711
- var path = _ref3.path,
712
- queryParams = _ref3.queryParams,
713
- data = _ref3.data;
714
- erCache.setJSONItem({
715
- key: getKeyFromPath({
716
- path: path,
717
- queryParams: queryParams
718
- }),
719
- value: data
395
+ value: data
720
396
  });
721
397
  };
722
398
  var CancelToken = axios.CancelToken;
@@ -915,15 +591,364 @@ var handleError = function handleError(_ref6) {
915
591
  }
916
592
  };
917
593
 
918
- var noImgAvailable$1 = 'data:image/png;base64,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';
919
-
920
- var getJSONItem = erLocalStorage.getJSONItem;
921
- var loadCachedTableState = function loadCachedTableState(_ref2) {
922
- var tableId = _ref2.tableId;
923
- return (getJSONItem(STORAGE_KEYS.TABLE_STATE) || {})[tableId] || {
924
- filters: {}
925
- };
926
- };
594
+ var convertCamCaseToSnake = function convertCamCaseToSnake(child) {
595
+ var _Object$keys;
596
+ var data = [];
597
+ var i = 1;
598
+ Object === null || Object === void 0 ? void 0 : (_Object$keys = Object.keys(child)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (k) {
599
+ var result = k.replace(/([A-Z])/g, ' $1');
600
+ var dataIndex = {
601
+ key: i.toString(),
602
+ name: result.charAt(0).toUpperCase() + result.slice(1),
603
+ value: child[k]
604
+ };
605
+ data.push(dataIndex);
606
+ i++;
607
+ });
608
+ return data;
609
+ };
610
+ var convertToTitleCase = function convertToTitleCase(inputString) {
611
+ return inputString.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
612
+ return str.toUpperCase();
613
+ });
614
+ };
615
+ var renderMoney = function renderMoney(value) {
616
+ var returnValue = '$0.00';
617
+ try {
618
+ if (value) {
619
+ var _Math$abs, _Math$abs$toFixed, _value$toFixed;
620
+ returnValue = value < 0 ? "-$" + ((_Math$abs = Math.abs(value)) === null || _Math$abs === void 0 ? void 0 : (_Math$abs$toFixed = _Math$abs.toFixed(2)) === null || _Math$abs$toFixed === void 0 ? void 0 : _Math$abs$toFixed.replace(/\B(?=(\d{3})+(?!\d))/g, ',')) : "$" + ((_value$toFixed = value.toFixed(2)) === null || _value$toFixed === void 0 ? void 0 : _value$toFixed.replace(/\B(?=(\d{3})+(?!\d))/g, ','));
621
+ }
622
+ } catch (e) {}
623
+ return returnValue;
624
+ };
625
+ var getLocalTime = function getLocalTime(_ref) {
626
+ var time = _ref.time,
627
+ _ref$format = _ref.format,
628
+ format = _ref$format === void 0 ? DATE_FORMATS.TIMESTAMP_FORMAT : _ref$format,
629
+ isMoment = _ref.isMoment;
630
+ if (!time) {
631
+ return time;
632
+ }
633
+ var convertedTime = moment.utc(time).clone().local();
634
+ if (!isMoment) {
635
+ convertedTime = convertedTime.format(format);
636
+ }
637
+ return convertedTime;
638
+ };
639
+ var getUTCTime = function getUTCTime(_ref2) {
640
+ var time = _ref2.time,
641
+ _ref2$format = _ref2.format,
642
+ format = _ref2$format === void 0 ? DATE_FORMATS.DEFAULT_DATE_TIME_FORMAT : _ref2$format,
643
+ isMoment = _ref2.isMoment;
644
+ if (!time) {
645
+ return time;
646
+ }
647
+ var convertedTime = moment(time).utc();
648
+ if (!isMoment) {
649
+ convertedTime = convertedTime.format(format);
650
+ }
651
+ return convertedTime;
652
+ };
653
+ function hexToRgbA(hex) {
654
+ var c;
655
+ if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
656
+ c = hex.substring(1).split('');
657
+ if (c.length == 3) {
658
+ c = [c[0], c[0], c[1], c[1], c[2], c[2]];
659
+ }
660
+ c = '0x' + c.join('');
661
+ return [c >> 16 & 255, c >> 8 & 255, c & 255].join(',');
662
+ } else return hex;
663
+ }
664
+ var getRandomString = function getRandomString(length) {
665
+ if (length === void 0) {
666
+ length = 16;
667
+ }
668
+ var text = '';
669
+ var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
670
+ for (var i = 0; i < length; i++) {
671
+ text += possible.charAt(Math.floor(Math.random() * possible.length));
672
+ }
673
+ return text;
674
+ };
675
+ var currentTimeText = function currentTimeText() {
676
+ var data = [[0, 4, 'Good Night'], [5, 11, 'Good Morning'], [12, 16, 'Good Afternoon'], [17, 19, 'Good Evening'], [20, 24, 'Good Night']];
677
+ var hr = new Date().getHours();
678
+ var text = '';
679
+ for (var i = 0; i < data.length; i++) {
680
+ if (hr >= data[i][0] && hr <= data[i][1]) {
681
+ text = data[i][2];
682
+ }
683
+ }
684
+ return text;
685
+ };
686
+ var getLabelValue = function getLabelValue(_ref3) {
687
+ var labelKey = _ref3.labelKey,
688
+ option = _ref3.option;
689
+ try {
690
+ if (typeof labelKey === 'function') {
691
+ return labelKey(option);
692
+ } else {
693
+ return labelKey.indexOf('${') > -1 ? lodash.template(labelKey)(option) : option[labelKey];
694
+ }
695
+ } catch (e) {
696
+ return '';
697
+ }
698
+ };
699
+ var sleep = function sleep(timeout) {
700
+ if (timeout === void 0) {
701
+ timeout = 3000;
702
+ }
703
+ return new Promise(function (resolve) {
704
+ setTimeout(function () {
705
+ return resolve();
706
+ }, timeout);
707
+ });
708
+ };
709
+ var isVideo = function isVideo(filename) {
710
+ var videoExtensions = ['.mp4', '.mov', '.avi', '.mkv', '.flv', '.wmv', '.webm'];
711
+ var extension = filename === null || filename === void 0 ? void 0 : filename.slice(((filename === null || filename === void 0 ? void 0 : filename.lastIndexOf('.')) - 1 >>> 0) + 2);
712
+ return videoExtensions === null || videoExtensions === void 0 ? void 0 : videoExtensions.includes('.' + (extension === null || extension === void 0 ? void 0 : extension.toLowerCase()));
713
+ };
714
+
715
+ var noImgAvailable$1 = 'data:image/png;base64,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';
716
+
717
+ var _templateObject;
718
+ var FormTextField = function FormTextField(props) {
719
+ var label = props.label,
720
+ name = props.name,
721
+ control = props.control,
722
+ rules = props.rules,
723
+ required = props.required,
724
+ onChangeField = props.onChangeField;
725
+ return /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
726
+ name: name,
727
+ control: control,
728
+ rules: _extends({
729
+ required: required ? 'This field is required' : false
730
+ }, rules),
731
+ render: function render(_ref) {
732
+ var _ref$field = _ref.field,
733
+ _onChange = _ref$field.onChange,
734
+ value = _ref$field.value,
735
+ error = _ref.fieldState.error;
736
+ return /*#__PURE__*/React__default.createElement(CustomTextField, _extends({
737
+ margin: "normal",
738
+ label: label,
739
+ fullWidth: true,
740
+ size: "small",
741
+ id: name,
742
+ name: name,
743
+ value: value,
744
+ onChange: function onChange(e) {
745
+ _onChange(e);
746
+ onChangeField && onChangeField(e);
747
+ },
748
+ error: !!error,
749
+ helperText: error !== null && error !== void 0 && error.message ? error.message : '',
750
+ InputLabelProps: {
751
+ shrink: value ? true : false
752
+ }
753
+ }, props));
754
+ }
755
+ });
756
+ };
757
+ var CustomTextField = styled__default(material.TextField)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n svg,\n input,\n .MuiFormLabel-root,\n .MuiInputBase-root {\n color: ", " !important;\n }\n fieldset {\n border-color: ", " !important;\n }\n"])), function (props) {
758
+ return props.fontColor;
759
+ }, function (props) {
760
+ return props.fontColor;
761
+ }, function (props) {
762
+ return props.fontColor;
763
+ });
764
+
765
+ var _templateObject$1;
766
+ var MuiButton = function MuiButton(props) {
767
+ var fontColor = props.fontColor,
768
+ primaryColor = props.primaryColor,
769
+ children = props.children,
770
+ loading = props.loading,
771
+ disabled = props.disabled;
772
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ButtonContainer, _extends({
773
+ variant: "contained",
774
+ fontColor: fontColor,
775
+ primaryColor: primaryColor
776
+ }, props, {
777
+ disabled: loading ? true : disabled
778
+ }), loading ? /*#__PURE__*/React__default.createElement(material.CircularProgress, {
779
+ color: "inherit",
780
+ size: 21
781
+ }) : children));
782
+ };
783
+ var ButtonContainer = styled__default(material.Button)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n background: ", " !important;\n"])), function (props) {
784
+ return props.primaryColor;
785
+ });
786
+
787
+ var _templateObject$2, _templateObject2;
788
+ var ChangePassword = function ChangePassword(_ref) {
789
+ var apiEndPoint = _ref.apiEndPoint,
790
+ token = _ref.token,
791
+ primaryColor = _ref.primaryColor,
792
+ secondaryColor = _ref.secondaryColor,
793
+ fontColor = _ref.fontColor;
794
+ var _useState = React.useState(false),
795
+ isLoading = _useState[0],
796
+ setIsLoading = _useState[1];
797
+ var _useState2 = React.useState(false),
798
+ showOldPassword = _useState2[0],
799
+ setShowOldPassword = _useState2[1];
800
+ var _useState3 = React.useState(false),
801
+ showNewPassword = _useState3[0],
802
+ setShowNewPassword = _useState3[1];
803
+ var _useState4 = React.useState(false),
804
+ showConfirmPassword = _useState4[0],
805
+ setShowConfirmPassword = _useState4[1];
806
+ var _useForm = reactHookForm.useForm({
807
+ defaultValues: {}
808
+ }),
809
+ handleSubmit = _useForm.handleSubmit,
810
+ control = _useForm.control,
811
+ watch = _useForm.watch;
812
+ var updatePassword = function updatePassword(formData) {
813
+ try {
814
+ var _temp2 = function _temp2() {
815
+ setIsLoading(false);
816
+ };
817
+ setIsLoading(true);
818
+ var _temp = _catch(function () {
819
+ return Promise.resolve(API$1({
820
+ apiEndPoint: apiEndPoint,
821
+ token: token,
822
+ method: 'POST',
823
+ url: "/ecommerce/customer/changePassword",
824
+ body: _extends({}, formData),
825
+ errorMessage: 'Error in updating the password.',
826
+ successMessage: 'Password updated successfully.'
827
+ })).then(function () {
828
+ localStorage.clear();
829
+ setTimeout(function () {
830
+ window.location.replace('/');
831
+ }, 500);
832
+ });
833
+ }, function () {});
834
+ return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
835
+ } catch (e) {
836
+ return Promise.reject(e);
837
+ }
838
+ };
839
+ var pwd = watch('password');
840
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer, {
841
+ secondaryColor: secondaryColor
842
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer, {
843
+ fontColor: fontColor
844
+ }, "Update Password Details"), /*#__PURE__*/React__default.createElement(material.Grid, {
845
+ container: true,
846
+ columnSpacing: 2
847
+ }, /*#__PURE__*/React__default.createElement(material.Grid, {
848
+ item: true,
849
+ xs: 12,
850
+ md: 6
851
+ }, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
852
+ container: true,
853
+ columnSpacing: 2
854
+ }, /*#__PURE__*/React__default.createElement(material.Grid, {
855
+ item: true,
856
+ xs: 12
857
+ }, /*#__PURE__*/React__default.createElement(FormTextField, {
858
+ label: "Old Password",
859
+ name: "oldPassword",
860
+ required: true,
861
+ control: control,
862
+ type: showOldPassword ? 'text' : 'password',
863
+ fontColor: fontColor,
864
+ InputProps: {
865
+ endAdornment: /*#__PURE__*/React__default.createElement(material.InputAdornment, {
866
+ position: "end"
867
+ }, /*#__PURE__*/React__default.createElement(material.IconButton, {
868
+ "aria-label": "toggle password visibility",
869
+ onClick: function onClick() {
870
+ return setShowOldPassword(function (prev) {
871
+ return !prev;
872
+ });
873
+ },
874
+ edge: "end"
875
+ }, showOldPassword ? /*#__PURE__*/React__default.createElement(md.MdVisibilityOff, null) : /*#__PURE__*/React__default.createElement(md.MdVisibility, null)))
876
+ }
877
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
878
+ item: true,
879
+ xs: 12
880
+ }, /*#__PURE__*/React__default.createElement(FormTextField, {
881
+ label: "New Password",
882
+ name: "password",
883
+ required: true,
884
+ control: control,
885
+ type: showNewPassword ? 'text' : 'password',
886
+ fontColor: fontColor,
887
+ InputProps: {
888
+ endAdornment: /*#__PURE__*/React__default.createElement(material.InputAdornment, {
889
+ position: "end"
890
+ }, /*#__PURE__*/React__default.createElement(material.IconButton, {
891
+ "aria-label": "toggle password visibility",
892
+ onClick: function onClick() {
893
+ return setShowNewPassword(function (prev) {
894
+ return !prev;
895
+ });
896
+ },
897
+ edge: "end"
898
+ }, showNewPassword ? /*#__PURE__*/React__default.createElement(md.MdVisibilityOff, null) : /*#__PURE__*/React__default.createElement(md.MdVisibility, null)))
899
+ }
900
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
901
+ item: true,
902
+ xs: 12
903
+ }, /*#__PURE__*/React__default.createElement(FormTextField, {
904
+ label: "Confirm Password",
905
+ name: "confirmPassword",
906
+ required: true,
907
+ control: control,
908
+ type: showConfirmPassword ? 'text' : 'password',
909
+ rules: {
910
+ validate: function validate(value) {
911
+ return value === pwd || 'The passwords do not match';
912
+ }
913
+ },
914
+ fontColor: fontColor,
915
+ InputProps: {
916
+ endAdornment: /*#__PURE__*/React__default.createElement(material.InputAdornment, {
917
+ position: "end"
918
+ }, /*#__PURE__*/React__default.createElement(material.IconButton, {
919
+ "aria-label": "toggle password visibility",
920
+ onClick: function onClick() {
921
+ return setShowConfirmPassword(function (prev) {
922
+ return !prev;
923
+ });
924
+ },
925
+ edge: "end"
926
+ }, showConfirmPassword ? /*#__PURE__*/React__default.createElement(md.MdVisibilityOff, null) : /*#__PURE__*/React__default.createElement(md.MdVisibility, null)))
927
+ }
928
+ })))), /*#__PURE__*/React__default.createElement(MuiButton, {
929
+ variant: "contained",
930
+ loading: isLoading,
931
+ onClick: handleSubmit(updatePassword),
932
+ primaryColor: primaryColor,
933
+ style: {
934
+ marginTop: 12
935
+ }
936
+ }, "Change Password")))));
937
+ };
938
+ var RootContainer = styled__default(material.Stack)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n padding: 1.3rem;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
939
+ return props.secondaryColor;
940
+ });
941
+ var TypographyContainer = styled__default(material.Typography)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n font-size: 1.2rem !important;\n align-items: center;\n"])), function (props) {
942
+ return props.fontColor;
943
+ });
944
+
945
+ var getJSONItem = erLocalStorage.getJSONItem;
946
+ var loadCachedTableState = function loadCachedTableState(_ref2) {
947
+ var tableId = _ref2.tableId;
948
+ return (getJSONItem(STORAGE_KEYS.TABLE_STATE) || {})[tableId] || {
949
+ filters: {}
950
+ };
951
+ };
927
952
  var getcsvData = function getcsvData(_ref3) {
928
953
  var url = _ref3.url,
929
954
  apiEndPoint = _ref3.apiEndPoint,
@@ -945,7 +970,7 @@ var getcsvData = function getcsvData(_ref3) {
945
970
  }
946
971
  };
947
972
 
948
- var _templateObject$1;
973
+ var _templateObject$3;
949
974
  var Loader = function Loader(_ref) {
950
975
  var style = _ref.style;
951
976
  return /*#__PURE__*/React__default.createElement(LoaderContainer, {
@@ -954,9 +979,9 @@ var Loader = function Loader(_ref) {
954
979
  color: "inherit"
955
980
  })));
956
981
  };
957
- var LoaderContainer = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n width: 100%;\n & > div {\n margin: auto;\n width: 50px;\n height: 50px;\n }\n"])));
982
+ var LoaderContainer = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n width: 100%;\n & > div {\n margin: auto;\n width: 50px;\n height: 50px;\n }\n"])));
958
983
 
959
- var _templateObject$2, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
984
+ var _templateObject$4, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
960
985
  var _excluded = ["apiData", "columns", "listUpdate", "onDataLoad", "expandedRowRender", "onDataLoadError", "pagination", "extraFilterParams", "setExtraFilterParams", "cacheFilters", "tableId", "asyncService", "tableDataList", "filterData"];
961
986
  var APITable = React.forwardRef(function (_ref, ref) {
962
987
  var _tableData$data, _tableData$data2, _tableData$pagination, _tableData$data3, _tableData$pagination2, _tableData$pagination3;
@@ -1171,10 +1196,10 @@ var APITable = React.forwardRef(function (_ref, ref) {
1171
1196
  onRowsPerPageChange: handleChangeRowsPerPage
1172
1197
  }, props))));
1173
1198
  });
1174
- var Root = styled__default(material.Stack)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n margin: 1.2rem 0;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
1199
+ var Root = styled__default(material.Stack)(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n margin: 1.2rem 0;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
1175
1200
  return props.secondaryColor;
1176
1201
  });
1177
- var PaperContainer = styled__default(material.Paper)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n color: ", " !important;\n border-radius: 14px !important;\n padding: 1rem;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
1202
+ var PaperContainer = styled__default(material.Paper)(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n color: ", " !important;\n border-radius: 14px !important;\n padding: 1rem;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
1178
1203
  return props.secondaryColor;
1179
1204
  }, function (props) {
1180
1205
  return props.fontColor;
@@ -1200,7 +1225,7 @@ var TablePaginationContainer = styled__default(material.TablePagination)(_templa
1200
1225
  return props.fontColor;
1201
1226
  });
1202
1227
 
1203
- var _templateObject$3, _templateObject2$1, _templateObject3$1;
1228
+ var _templateObject$5, _templateObject2$2, _templateObject3$1;
1204
1229
  var DateRangePicker = function DateRangePicker(_ref) {
1205
1230
  var onChange = _ref.onChange,
1206
1231
  fontColor = _ref.fontColor,
@@ -1263,8 +1288,8 @@ var DateRangePicker = function DateRangePicker(_ref) {
1263
1288
  }
1264
1289
  }, "Apply"))));
1265
1290
  };
1266
- var Root$1 = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose([""])));
1267
- var DatePickerContainer = styled__default(DesktopDatePicker.DesktopDatePicker)(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n margin: 0.4rem 0 !important;\n // margin-right: ", ";\n .MuiFormLabel-root,\n svg,\n input {\n color: ", " !important;\n }\n fieldset {\n border-color: ", " !important;\n }\n input {\n padding: 8px;\n }\n .MuiFormLabel-root.MuiInputLabel-shrink {\n top: 0;\n }\n .MuiFormLabel-root {\n top: -7px;\n }\n"])), function (props) {
1291
+ var Root$1 = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose([""])));
1292
+ var DatePickerContainer = styled__default(DesktopDatePicker.DesktopDatePicker)(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n margin: 0.4rem 0 !important;\n // margin-right: ", ";\n .MuiFormLabel-root,\n svg,\n input {\n color: ", " !important;\n }\n fieldset {\n border-color: ", " !important;\n }\n input {\n padding: 8px;\n }\n .MuiFormLabel-root.MuiInputLabel-shrink {\n top: 0;\n }\n .MuiFormLabel-root {\n top: -7px;\n }\n"])), function (props) {
1268
1293
  return props.marginRight && '4px !important';
1269
1294
  }, function (props) {
1270
1295
  return props.fontColor;
@@ -1275,7 +1300,7 @@ var TextContainer = styled__default.span(_templateObject3$1 || (_templateObject3
1275
1300
  return props.fontColor;
1276
1301
  });
1277
1302
 
1278
- var _templateObject$4, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
1303
+ var _templateObject$6, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
1279
1304
  var totalIcons = [{
1280
1305
  name: '',
1281
1306
  icon: /*#__PURE__*/React__default.createElement(ai.AiOutlineShoppingCart, null)
@@ -1602,7 +1627,7 @@ var Dashboard = function Dashboard(_ref) {
1602
1627
  container: true,
1603
1628
  justifyContent: "space-between",
1604
1629
  alignItems: "center"
1605
- }, /*#__PURE__*/React__default.createElement(TypographyContainer, {
1630
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
1606
1631
  variant: "h4",
1607
1632
  gutterBottom: true,
1608
1633
  fontColor: fontColor,
@@ -1674,7 +1699,7 @@ var Dashboard = function Dashboard(_ref) {
1674
1699
  }, /*#__PURE__*/React__default.createElement(material.Grid, {
1675
1700
  item: true,
1676
1701
  xs: 12
1677
- }, /*#__PURE__*/React__default.createElement(TypographyContainer, {
1702
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
1678
1703
  variant: "h6",
1679
1704
  gutterBottom: true,
1680
1705
  backgroundColor: secondaryColor,
@@ -1691,7 +1716,7 @@ var Dashboard = function Dashboard(_ref) {
1691
1716
  }), (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome2 = customerData.customerDto) === null || _customerData$custome2 === void 0 ? void 0 : _customerData$custome2.salesRepresentativeName) || 'N/A'), /*#__PURE__*/React__default.createElement(DividerContainer, null)), /*#__PURE__*/React__default.createElement(material.Grid, {
1692
1717
  item: true,
1693
1718
  xs: 12
1694
- }, /*#__PURE__*/React__default.createElement(TypographyContainer, {
1719
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
1695
1720
  variant: "h6",
1696
1721
  gutterBottom: true,
1697
1722
  backgroundColor: secondaryColor,
@@ -1708,7 +1733,7 @@ var Dashboard = function Dashboard(_ref) {
1708
1733
  }), (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome3 = customerData.customerDto) === null || _customerData$custome3 === void 0 ? void 0 : _customerData$custome3.salesRepresentativePhone) || 'N/A'), /*#__PURE__*/React__default.createElement(DividerContainer, null)), /*#__PURE__*/React__default.createElement(material.Grid, {
1709
1734
  item: true,
1710
1735
  xs: 12
1711
- }, /*#__PURE__*/React__default.createElement(TypographyContainer, {
1736
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
1712
1737
  variant: "h6",
1713
1738
  gutterBottom: true,
1714
1739
  backgroundColor: secondaryColor,
@@ -1770,8 +1795,8 @@ var Dashboard = function Dashboard(_ref) {
1770
1795
  }
1771
1796
  })))))))));
1772
1797
  };
1773
- var Root$2 = styled__default.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose([""])));
1774
- var TitleContainer = styled__default.h4(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n span {\n color: ", ";\n font-size: 2.7rem;\n font-weight: 500;\n }\n b {\n color: ", ";\n font-size: 2.7rem;\n }\n"])), function (props) {
1798
+ var Root$2 = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose([""])));
1799
+ var TitleContainer = styled__default.h4(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n span {\n color: ", ";\n font-size: 2.7rem;\n font-weight: 500;\n }\n b {\n color: ", ";\n font-size: 2.7rem;\n }\n"])), function (props) {
1775
1800
  return props.fontColor;
1776
1801
  }, function (props) {
1777
1802
  return props.primaryColor;
@@ -1781,7 +1806,7 @@ var MeetContainer = styled__default.h4(_templateObject3$2 || (_templateObject3$2
1781
1806
  }, function (props) {
1782
1807
  return props.fontColor;
1783
1808
  });
1784
- var TypographyContainer = styled__default(material.Typography)(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
1809
+ var TypographyContainer$1 = styled__default(material.Typography)(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
1785
1810
  return props.fontColor;
1786
1811
  });
1787
1812
  var CardMediaContainer = styled__default(material.CardMedia)(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n border-radius: 50%;\n max-width: 80px;\n margin: 1.5rem 0;\n"])));
@@ -1839,77 +1864,7 @@ var StatusContainer = styled__default(material.Stack)(_templateObject16 || (_tem
1839
1864
  var TableContainer = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n margin-top: 2rem;\n border-radius: 14px;\n"])));
1840
1865
  var InvoiceDialog = styled__default(material.Dialog)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n iframe {\n width: 900px;\n border: none;\n height: 600px;\n }\n"])));
1841
1866
 
1842
- var _templateObject$5;
1843
- var MuiButton = function MuiButton(props) {
1844
- var fontColor = props.fontColor,
1845
- primaryColor = props.primaryColor,
1846
- children = props.children,
1847
- loading = props.loading,
1848
- disabled = props.disabled;
1849
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ButtonContainer, _extends({
1850
- variant: "contained",
1851
- fontColor: fontColor,
1852
- primaryColor: primaryColor
1853
- }, props, {
1854
- disabled: loading ? true : disabled
1855
- }), loading ? /*#__PURE__*/React__default.createElement(material.CircularProgress, {
1856
- color: "inherit",
1857
- size: 21
1858
- }) : children));
1859
- };
1860
- var ButtonContainer = styled__default(material.Button)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n background: ", " !important;\n"])), function (props) {
1861
- return props.primaryColor;
1862
- });
1863
-
1864
- var _templateObject$6;
1865
- var FormTextField = function FormTextField(props) {
1866
- var label = props.label,
1867
- name = props.name,
1868
- control = props.control,
1869
- rules = props.rules,
1870
- required = props.required,
1871
- onChangeField = props.onChangeField;
1872
- return /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
1873
- name: name,
1874
- control: control,
1875
- rules: _extends({
1876
- required: required ? 'This field is required' : false
1877
- }, rules),
1878
- render: function render(_ref) {
1879
- var _ref$field = _ref.field,
1880
- _onChange = _ref$field.onChange,
1881
- value = _ref$field.value,
1882
- error = _ref.fieldState.error;
1883
- return /*#__PURE__*/React__default.createElement(CustomTextField, _extends({
1884
- margin: "normal",
1885
- label: label,
1886
- fullWidth: true,
1887
- size: "small",
1888
- id: name,
1889
- name: name,
1890
- value: value,
1891
- onChange: function onChange(e) {
1892
- _onChange(e);
1893
- onChangeField && onChangeField(e);
1894
- },
1895
- error: !!error,
1896
- helperText: error !== null && error !== void 0 && error.message ? error.message : '',
1897
- InputLabelProps: {
1898
- shrink: value ? true : false
1899
- }
1900
- }, props));
1901
- }
1902
- });
1903
- };
1904
- var CustomTextField = styled__default(material.TextField)(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n svg,\n input,\n .MuiFormLabel-root,\n .MuiInputBase-root {\n color: ", " !important;\n }\n fieldset {\n border-color: ", " !important;\n }\n"])), function (props) {
1905
- return props.fontColor;
1906
- }, function (props) {
1907
- return props.fontColor;
1908
- }, function (props) {
1909
- return props.fontColor;
1910
- });
1911
-
1912
- var _templateObject$7, _templateObject2$3, _templateObject3$3, _templateObject4$2, _templateObject5$2;
1867
+ var _templateObject$7, _templateObject2$4, _templateObject3$3, _templateObject4$2, _templateObject5$2;
1913
1868
  var MyProfile = function MyProfile(_ref) {
1914
1869
  var apiEndPoint = _ref.apiEndPoint,
1915
1870
  token = _ref.token,
@@ -2000,7 +1955,7 @@ var MyProfile = function MyProfile(_ref) {
2000
1955
  }, /*#__PURE__*/React__default.createElement(material.Grid, {
2001
1956
  item: true,
2002
1957
  xs: 12
2003
- }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
1958
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
2004
1959
  gutterBottom: true,
2005
1960
  backgroundColor: secondaryColor,
2006
1961
  fontColor: fontColor,
@@ -2016,7 +1971,7 @@ var MyProfile = function MyProfile(_ref) {
2016
1971
  }), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.name) || 'N/A')), /*#__PURE__*/React__default.createElement(material.Grid, {
2017
1972
  item: true,
2018
1973
  xs: 12
2019
- }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
1974
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
2020
1975
  gutterBottom: true,
2021
1976
  backgroundColor: secondaryColor,
2022
1977
  fontColor: fontColor,
@@ -2032,7 +1987,7 @@ var MyProfile = function MyProfile(_ref) {
2032
1987
  }), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.phone) || 'N/A')), /*#__PURE__*/React__default.createElement(material.Grid, {
2033
1988
  item: true,
2034
1989
  xs: 12
2035
- }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
1990
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
2036
1991
  gutterBottom: true,
2037
1992
  backgroundColor: secondaryColor,
2038
1993
  fontColor: fontColor,
@@ -2045,9 +2000,9 @@ var MyProfile = function MyProfile(_ref) {
2045
2000
  color: primaryColor,
2046
2001
  marginRight: '1rem'
2047
2002
  }
2048
- }), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.email) || 'N/A'))))))), /*#__PURE__*/React__default.createElement(RootContainer, {
2003
+ }), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.email) || 'N/A'))))))), /*#__PURE__*/React__default.createElement(RootContainer$1, {
2049
2004
  secondaryColor: secondaryColor
2050
- }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
2005
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
2051
2006
  fontColor: fontColor
2052
2007
  }, "Update Profile Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
2053
2008
  container: true,
@@ -2149,415 +2104,491 @@ var MeetContainer$1 = styled__default.h4(_templateObject$7 || (_templateObject$7
2149
2104
  }, function (props) {
2150
2105
  return props.fontColor;
2151
2106
  });
2152
- var TypographyContainer$1 = styled__default(material.Typography)(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n font-size: 1.2rem !important;\n align-items: center;\n"])), function (props) {
2107
+ var TypographyContainer$2 = styled__default(material.Typography)(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n font-size: 1.2rem !important;\n align-items: center;\n"])), function (props) {
2153
2108
  return props.fontColor;
2154
2109
  });
2155
2110
  var CardMediaContainer$1 = styled__default(material.CardMedia)(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteralLoose(["\n border-radius: 14px;\n max-width: 150px;\n"])));
2156
2111
  var CardContainer$1 = styled__default(material.Stack)(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n margin: 1.2rem 0;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
2157
2112
  return props.secondaryColor;
2158
2113
  });
2159
- var RootContainer = styled__default(material.Stack)(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n padding: 1.3rem;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
2114
+ var RootContainer$1 = styled__default(material.Stack)(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n padding: 1.3rem;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
2160
2115
  return props.secondaryColor;
2161
2116
  });
2162
2117
 
2163
- var _templateObject$8, _templateObject2$4;
2164
- var FormSelect = function FormSelect(props) {
2165
- var label = props.label,
2118
+ var _templateObject$8;
2119
+ var SideMenuItemComponent = function SideMenuItemComponent(props) {
2120
+ var className = props.className,
2121
+ onClick = props.onClick,
2166
2122
  name = props.name,
2167
- control = props.control,
2168
- rules = props.rules,
2169
- required = props.required,
2170
- disabled = props.disabled,
2171
- options = props.options,
2172
- valueKey = props.valueKey,
2173
- onChangeField = props.onChangeField,
2174
- _props$labelKey = props.labelKey,
2175
- labelKey = _props$labelKey === void 0 ? 'name' : _props$labelKey;
2176
- return /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
2123
+ link = props.link,
2124
+ children = props.children,
2125
+ primaryColor = props.primaryColor,
2126
+ list = props.list,
2127
+ onTabChange = props.onTabChange;
2128
+ if (!link || typeof link !== 'string') {
2129
+ return /*#__PURE__*/React__default.createElement(material.ListItem, {
2130
+ button: true,
2131
+ className: className,
2132
+ children: children,
2133
+ onClick: onClick,
2134
+ primaryColor: primaryColor
2135
+ });
2136
+ }
2137
+ return /*#__PURE__*/React__default.createElement(material.ListItem, {
2138
+ button: true,
2139
+ className: className,
2140
+ children: children,
2141
+ component: React.forwardRef(function (props, ref) {
2142
+ return /*#__PURE__*/React__default.createElement("p", _extends({
2143
+ exact: true
2144
+ }, props, {
2145
+ innerRef: ref
2146
+ }));
2147
+ }),
2148
+ onClick: function onClick() {
2149
+ if (list && onTabChange) {
2150
+ onTabChange(name);
2151
+ }
2152
+ },
2153
+ to: link
2154
+ });
2155
+ };
2156
+ var SideMenuItem = function SideMenuItem(props) {
2157
+ var name = props.name,
2158
+ link = props.link,
2159
+ Icon = props.Icon,
2160
+ _props$items = props.items,
2161
+ items = _props$items === void 0 ? [] : _props$items,
2162
+ primaryColor = props.primaryColor,
2163
+ fontColor = props.fontColor,
2164
+ list = props.list,
2165
+ tabValue = props.tabValue,
2166
+ onTabChange = props.onTabChange;
2167
+ var isExpandable = items && items.length > 0;
2168
+ var _React$useState = React__default.useState(name === 'My Account' ? true : false),
2169
+ open = _React$useState[0],
2170
+ setOpen = _React$useState[1];
2171
+ function handleClick() {
2172
+ setOpen(!open);
2173
+ }
2174
+ var MenuItemRoot = /*#__PURE__*/React__default.createElement(SideMenuItemComponentContainer, {
2175
+ link: link,
2176
+ onClick: handleClick,
2177
+ primaryColor: primaryColor,
2178
+ fontColor: fontColor,
2179
+ open: open,
2180
+ list: list,
2177
2181
  name: name,
2178
- control: control,
2179
- rules: _extends({
2180
- required: required ? 'This field is required' : false
2181
- }, rules),
2182
- render: function render(_ref) {
2183
- var _ref$field = _ref.field,
2184
- _onChange = _ref$field.onChange,
2185
- value = _ref$field.value,
2186
- error = _ref.fieldState.error;
2187
- return /*#__PURE__*/React__default.createElement(material.FormControl, {
2188
- fullWidth: true,
2189
- required: required,
2190
- margin: "normal",
2191
- disabled: disabled
2192
- }, /*#__PURE__*/React__default.createElement(InputContainer, {
2193
- fontColor: props.fontColor
2194
- }, label), /*#__PURE__*/React__default.createElement(SelectField, _extends({
2195
- fullWidth: true,
2196
- size: "small",
2197
- label: label,
2198
- id: name,
2199
- value: value || '',
2200
- onChange: function onChange(e) {
2201
- _onChange(e);
2202
- onChangeField && onChangeField(e);
2203
- },
2204
- error: !!error,
2205
- helperText: error !== null && error !== void 0 && error.message ? error.message : ''
2206
- }, props), options === null || options === void 0 ? void 0 : options.map(function (data, index) {
2207
- return /*#__PURE__*/React__default.createElement(material.MenuItem, {
2208
- key: index,
2209
- value: valueKey ? data[valueKey] : data
2210
- }, data[labelKey]);
2211
- })), /*#__PURE__*/React__default.createElement(material.FormHelperText, {
2212
- error: error
2213
- }, error !== null && error !== void 0 && error.message ? error.message : ''));
2182
+ tabValue: tabValue,
2183
+ active: tabValue === name,
2184
+ onTabChange: onTabChange
2185
+ }, !!Icon && /*#__PURE__*/React__default.createElement(ListItemIconContainer, null, /*#__PURE__*/React__default.createElement(Icon, null)), /*#__PURE__*/React__default.createElement(material.ListItemText, {
2186
+ primary: name,
2187
+ inset: !Icon
2188
+ }), /*#__PURE__*/React__default.createElement("span", {
2189
+ className: "expand-icon"
2190
+ }, isExpandable && !open && /*#__PURE__*/React__default.createElement(md.MdExpandMore, null), isExpandable && open && /*#__PURE__*/React__default.createElement(md.MdExpandLess, null)));
2191
+ var MenuItemChildren = isExpandable ? /*#__PURE__*/React__default.createElement(material.Collapse, {
2192
+ "in": open,
2193
+ timeout: "auto",
2194
+ unmountOnExit: true
2195
+ }, /*#__PURE__*/React__default.createElement(material.List, {
2196
+ component: "div",
2197
+ disablePadding: true
2198
+ }, items.map(function (item, index) {
2199
+ return /*#__PURE__*/React__default.createElement(SideMenuItem, _extends({}, item, {
2200
+ key: index,
2201
+ primaryColor: primaryColor,
2202
+ fontColor: fontColor,
2203
+ tabValue: tabValue,
2204
+ onTabChange: onTabChange,
2205
+ name: item === null || item === void 0 ? void 0 : item.name,
2206
+ open: open,
2207
+ list: true
2208
+ }));
2209
+ }))) : null;
2210
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, MenuItemRoot, MenuItemChildren);
2211
+ };
2212
+ var ListItemIconContainer = styled__default(material.ListItemIcon)(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n min-width: 40px !important;\n"])));
2213
+ var SideMenuItemComponentContainer = styles.styled(SideMenuItemComponent)(function (_ref) {
2214
+ var primaryColor = _ref.primaryColor,
2215
+ list = _ref.list,
2216
+ active = _ref.active,
2217
+ open = _ref.open;
2218
+ return {
2219
+ borderRadius: '14px 0 0 14px',
2220
+ marginBottom: !list && !open && '4px',
2221
+ background: list ? active ? "rgba(0, 0, 0, 0.10)" : "transparent" : "linear-gradient(to right, #fff 65%, " + primaryColor + ")",
2222
+ color: list ? active ? "#fff" : '#fff' : primaryColor,
2223
+ '& .MuiTypography-root': {
2224
+ fontWeight: '600 '
2225
+ },
2226
+ '&:hover': {},
2227
+ '& svg': {
2228
+ fontSize: 22,
2229
+ color: list ? active ? "#fff" : '#fff' : primaryColor
2230
+ },
2231
+ '& .expand-icon > svg': {
2232
+ color: "#fff"
2214
2233
  }
2215
- });
2234
+ };
2235
+ });
2236
+
2237
+ var sideMenuItems = [{
2238
+ name: 'My Account',
2239
+ Icon: ri.RiAccountBoxLine,
2240
+ items: [{
2241
+ name: 'Dashboard',
2242
+ link: '/',
2243
+ Icon: ri.RiHome7Line
2244
+ }, {
2245
+ name: 'My Profile',
2246
+ link: '/',
2247
+ Icon: tb.TbUserCircle
2248
+ }, {
2249
+ name: 'Store List',
2250
+ link: '/',
2251
+ Icon: tb.TbBuildingStore
2252
+ }, {
2253
+ name: 'Statement',
2254
+ link: '/',
2255
+ Icon: ri.RiFileTextLine
2256
+ }, {
2257
+ name: 'Change Password',
2258
+ link: '/',
2259
+ Icon: bi.BiLockOpen
2260
+ }]
2261
+ }, {
2262
+ name: 'Order Information',
2263
+ Icon: hi.HiOutlineTruck,
2264
+ items: [{
2265
+ name: 'Orders list',
2266
+ link: '/orders',
2267
+ Icon: bs.BsBoxSeam
2268
+ }, {
2269
+ name: 'Return Orders list',
2270
+ link: '/orders',
2271
+ Icon: go.GoPackage
2272
+ }, {
2273
+ name: 'Wishlist',
2274
+ link: '/orders',
2275
+ Icon: ai.AiOutlineHeart
2276
+ }]
2277
+ }, {
2278
+ name: 'Payment Information',
2279
+ Icon: tfi.TfiWallet,
2280
+ items: [{
2281
+ name: 'Payment List',
2282
+ link: '/customers',
2283
+ Icon: ri.RiFileList3Line
2284
+ }, {
2285
+ name: 'Store Credit History',
2286
+ link: '/customers',
2287
+ Icon: md.MdOutlineStorefront
2288
+ }, {
2289
+ name: 'Saved Cards',
2290
+ link: '/customers',
2291
+ Icon: ai.AiOutlineCreditCard
2292
+ }]
2293
+ }, {
2294
+ name: 'Deals',
2295
+ Icon: tb.TbAward,
2296
+ items: [{
2297
+ name: 'Deals List',
2298
+ link: '/deals',
2299
+ Icon: ai.AiOutlineFileText
2300
+ }, {
2301
+ name: 'Setting',
2302
+ link: '/setting',
2303
+ Icon: ai.AiOutlineSetting
2304
+ }]
2305
+ }];
2306
+ var SideMenu = function SideMenu(props) {
2307
+ return /*#__PURE__*/React__default.createElement(material.List, {
2308
+ component: "nav",
2309
+ disablePadding: true
2310
+ }, sideMenuItems.map(function (item, index) {
2311
+ return /*#__PURE__*/React__default.createElement(SideMenuItem, _extends({}, item, {
2312
+ key: index,
2313
+ primaryColor: props.primaryColor,
2314
+ fontColor: props.fontColor,
2315
+ tabValue: props.tabValue,
2316
+ onTabChange: props.onTabChange
2317
+ }));
2318
+ }));
2216
2319
  };
2217
- var SelectField = styled__default(material.Select)(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n svg,\n input {\n color: ", " !important;\n }\n fieldset {\n border-color: ", " !important;\n }\n"])), function (props) {
2320
+
2321
+ var _templateObject$9, _templateObject2$5;
2322
+ function MuiSelect(_ref) {
2323
+ var label = _ref.label,
2324
+ onChange = _ref.onChange,
2325
+ defaultValue = _ref.defaultValue,
2326
+ options = _ref.options,
2327
+ valueKey = _ref.valueKey,
2328
+ _ref$labelKey = _ref.labelKey,
2329
+ labelKey = _ref$labelKey === void 0 ? 'name' : _ref$labelKey,
2330
+ addNone = _ref.addNone,
2331
+ fontColor = _ref.fontColor;
2332
+ var _React$useState = React.useState(defaultValue),
2333
+ value = _React$useState[0],
2334
+ setValue = _React$useState[1];
2335
+ var handleChange = function handleChange(e) {
2336
+ setValue(e.target.value);
2337
+ onChange && onChange(e.target.value);
2338
+ };
2339
+ return /*#__PURE__*/React.createElement(FormControl, {
2340
+ sx: {
2341
+ m: 1,
2342
+ minWidth: 160
2343
+ },
2344
+ size: "small"
2345
+ }, /*#__PURE__*/React.createElement(InputContainer, {
2346
+ id: "demo-select-small",
2347
+ fontColor: fontColor
2348
+ }, label), /*#__PURE__*/React.createElement(SelectContainer, {
2349
+ labelId: "demo-select-small",
2350
+ id: "demo-select-small",
2351
+ value: value,
2352
+ label: label,
2353
+ onChange: handleChange,
2354
+ fontColor: fontColor
2355
+ }, addNone && /*#__PURE__*/React.createElement(MenuItem, {
2356
+ value: ""
2357
+ }, /*#__PURE__*/React.createElement("em", null, "None")), options === null || options === void 0 ? void 0 : options.map(function (data) {
2358
+ return /*#__PURE__*/React.createElement(MenuItem, {
2359
+ value: valueKey ? data[valueKey] : data
2360
+ }, data[labelKey]);
2361
+ })));
2362
+ }
2363
+ var SelectContainer = styled__default(Select$1)(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n svg,\n input {\n color: ", " !important;\n }\n fieldset {\n border-color: ", " !important;\n }\n"])), function (props) {
2218
2364
  return props.fontColor;
2219
2365
  }, function (props) {
2220
2366
  return props.fontColor;
2221
2367
  }, function (props) {
2222
2368
  return props.fontColor;
2223
2369
  });
2224
- var InputContainer = styled__default(material.InputLabel)(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n"])), function (props) {
2370
+ var InputContainer = styled__default(InputLabel)(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n"])), function (props) {
2225
2371
  return props.fontColor;
2226
2372
  });
2227
2373
 
2228
- var getStatesById = function getStatesById(_ref) {
2229
- var apiEndPoint = _ref.apiEndPoint,
2230
- token = _ref.token,
2231
- id = _ref.id;
2232
- try {
2233
- return Promise.resolve(API$1({
2234
- apiEndPoint: apiEndPoint,
2235
- token: token,
2236
- url: "/country/" + id + "/allState",
2237
- cache: true
2238
- }));
2239
- } catch (e) {
2240
- return Promise.reject(e);
2241
- }
2242
- };
2243
- var getCountry = function getCountry(_ref2) {
2244
- var apiEndPoint = _ref2.apiEndPoint,
2245
- token = _ref2.token;
2246
- try {
2247
- return Promise.resolve(API$1({
2248
- apiEndPoint: apiEndPoint,
2249
- token: token,
2250
- url: "/country/all",
2251
- cache: true
2252
- }));
2253
- } catch (e) {
2254
- return Promise.reject(e);
2255
- }
2256
- };
2257
-
2258
- var _templateObject$9;
2259
- var AddStore = function AddStore(_ref) {
2374
+ var _templateObject$a, _templateObject2$6, _templateObject3$4, _templateObject4$3;
2375
+ var Statement = function Statement(_ref) {
2376
+ var _customerData$custome6, _customerData$custome7;
2260
2377
  var apiEndPoint = _ref.apiEndPoint,
2378
+ serviceApiEndPoint = _ref.serviceApiEndPoint,
2261
2379
  token = _ref.token,
2262
- getStoreDataList = _ref.getStoreDataList,
2263
- setOpenModal = _ref.setOpenModal,
2264
2380
  primaryColor = _ref.primaryColor,
2265
- fontColor = _ref.fontColor;
2266
- var _useState = React.useState(false),
2267
- setIsLoading = _useState[1];
2268
- var _useState2 = React.useState([]),
2269
- country = _useState2[0],
2270
- setCountry = _useState2[1];
2271
- var _useState3 = React.useState([]),
2272
- states = _useState3[0],
2273
- setStates = _useState3[1];
2274
- var _useForm = reactHookForm.useForm({
2275
- defaultValues: {}
2381
+ secondaryColor = _ref.secondaryColor,
2382
+ backgroundColor = _ref.backgroundColor,
2383
+ fontColor = _ref.fontColor,
2384
+ defaultStoreId = _ref.defaultStoreId,
2385
+ storeIdList = _ref.storeIdList;
2386
+ var _useState = React.useState({}),
2387
+ customerData = _useState[0],
2388
+ setCustomerData = _useState[1];
2389
+ var _useState2 = React.useState({
2390
+ startDate: getUTCTime({
2391
+ time: moment$1().startOf('month')
2392
+ }),
2393
+ endDate: getUTCTime({
2394
+ time: moment$1().endOf('month')
2395
+ })
2276
2396
  }),
2277
- handleSubmit = _useForm.handleSubmit,
2278
- control = _useForm.control,
2279
- setValue = _useForm.setValue,
2280
- watch = _useForm.watch;
2281
- var selectedCountry = watch('address.countryId');
2282
- var getCountryData = function getCountryData() {
2283
- try {
2284
- var _temp = _catch(function () {
2285
- return Promise.resolve(getCountry({
2286
- apiEndPoint: apiEndPoint,
2287
- token: token
2288
- })).then(function (countryData) {
2289
- setCountry(countryData);
2290
- setValue('address.countryId', countryData[0].id);
2291
- });
2292
- }, function () {});
2293
- return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
2294
- } catch (e) {
2295
- return Promise.reject(e);
2296
- }
2397
+ queryParams = _useState2[0],
2398
+ setQueryParams = _useState2[1];
2399
+ var _useState3 = React.useState(getRandomString()),
2400
+ triggerTableData = _useState3[0],
2401
+ setTriggerTableData = _useState3[1];
2402
+ var onDateChange = function onDateChange(data) {
2403
+ setQueryParams({
2404
+ startDate: getUTCTime({
2405
+ time: data === null || data === void 0 ? void 0 : data.startDate
2406
+ }),
2407
+ endDate: getUTCTime({
2408
+ time: data === null || data === void 0 ? void 0 : data.endDate
2409
+ })
2410
+ });
2411
+ setTriggerTableData(getRandomString());
2297
2412
  };
2298
- React.useEffect(function () {
2299
- (function () {
2300
- getCountryData();
2301
- })();
2302
- }, []);
2413
+ var onChangeStore = function onChangeStore(data) {
2414
+ setQueryParams(_extends({}, queryParams, {
2415
+ customerStoreIds: data
2416
+ }));
2417
+ setTriggerTableData(getRandomString());
2418
+ };
2419
+ var columns = [{
2420
+ id: 'date',
2421
+ label: 'Date',
2422
+ minWidth: 150,
2423
+ format: function format(value) {
2424
+ return getLocalTime({
2425
+ time: value
2426
+ });
2427
+ }
2428
+ }, {
2429
+ id: 'type',
2430
+ label: 'Type',
2431
+ minWidth: 150
2432
+ }, {
2433
+ label: 'Excess Amt',
2434
+ id: 'excessAmount',
2435
+ format: renderMoney,
2436
+ minWidth: 150
2437
+ }, {
2438
+ label: 'Credit',
2439
+ id: 'creditAmount',
2440
+ format: renderMoney,
2441
+ minWidth: 150
2442
+ }, {
2443
+ label: 'Debit',
2444
+ id: 'debitAmount',
2445
+ format: renderMoney,
2446
+ minWidth: 150
2447
+ }, {
2448
+ label: 'Balance',
2449
+ id: 'balance',
2450
+ format: renderMoney,
2451
+ minWidth: 150
2452
+ }, {
2453
+ id: 'id',
2454
+ label: 'Order Id',
2455
+ minWidth: 150
2456
+ }, {
2457
+ id: 'description',
2458
+ label: 'Description',
2459
+ minWidth: 150
2460
+ }];
2303
2461
  React.useEffect(function () {
2304
2462
  (function () {
2305
2463
  try {
2306
- var _temp2 = function () {
2307
- if (selectedCountry) {
2308
- return Promise.resolve(getStatesById({
2309
- id: selectedCountry,
2310
- apiEndPoint: apiEndPoint,
2311
- token: token
2312
- })).then(function (statesData) {
2313
- setStates(statesData);
2314
- setValue('address.stateId', statesData[0].id);
2315
- });
2316
- }
2317
- }();
2318
- return _temp2 && _temp2.then ? _temp2.then(function () {}) : void 0;
2464
+ var _temp = _catch(function () {
2465
+ return Promise.resolve(API$1({
2466
+ url: "/ecommerce/customer",
2467
+ apiEndPoint: apiEndPoint,
2468
+ token: token
2469
+ })).then(function (customerDataResponse) {
2470
+ setCustomerData(customerDataResponse);
2471
+ });
2472
+ }, function () {});
2473
+ return _temp && _temp.then ? _temp.then(function () {}) : void 0;
2319
2474
  } catch (e) {
2320
2475
  Promise.reject(e);
2321
2476
  }
2322
2477
  })();
2323
- }, [selectedCountry]);
2324
- var addStoreData = function addStoreData(formData) {
2478
+ }, []);
2479
+ var print = function print() {
2480
+ var _customerData$custome, _customerData$custome2, _customerData$custome3;
2481
+ var location = "/cusomter/statement?token=" + token + "&startDate=" + queryParams.startDate + "&endDate=" + queryParams.endDate + "&customerId=" + (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome = customerData.customerDto) === null || _customerData$custome === void 0 ? void 0 : _customerData$custome.customerId) + "&customerStoreIds=" + ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.customerStoreIds) || (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome2 = customerData.customerStoreDtoList) === null || _customerData$custome2 === void 0 ? void 0 : (_customerData$custome3 = _customerData$custome2[0]) === null || _customerData$custome3 === void 0 ? void 0 : _customerData$custome3.id)) + "&storeIdList=" + storeIdList + "&defaultStoreId=" + defaultStoreId;
2482
+ var pdfUrl = "" + serviceApiEndPoint + location;
2483
+ var w = window.open(pdfUrl);
2484
+ w.print();
2485
+ };
2486
+ var getStatementAPIData = function getStatementAPIData(_ref2) {
2487
+ var params = _ref2.params;
2325
2488
  try {
2326
- var _temp4 = function _temp4() {
2327
- setIsLoading(false);
2328
- };
2329
- setIsLoading(true);
2330
- var _temp3 = _catch(function () {
2331
- return Promise.resolve(API$1({
2332
- apiEndPoint: apiEndPoint,
2333
- token: token,
2334
- url: '/ecommerce/customer/store',
2335
- body: formData.storeDetails,
2336
- method: 'POST',
2337
- errorMessage: 'Error in creating the store'
2338
- })).then(function (addedStoreData) {
2339
- return Promise.resolve(API$1({
2340
- apiEndPoint: apiEndPoint,
2341
- token: token,
2342
- url: "/ecommerce/customer/store/" + addedStoreData.id + "/address",
2343
- method: 'POST',
2344
- body: _extends({}, formData.address, {
2345
- defaultBillingAddress: true,
2346
- defaultShippingAddress: true
2347
- }),
2348
- errorMessage: 'Error in adding the store address.',
2349
- successMessage: 'Store created successfully.'
2350
- })).then(function () {
2351
- setOpenModal(false);
2352
- getStoreDataList();
2353
- });
2354
- });
2355
- }, function () {});
2356
- return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
2489
+ var _customerData$custome4, _customerData$custome5;
2490
+ return Promise.resolve(API$1({
2491
+ url: "/ecommerce/customer/report/statement?customerStoreIds=" + ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.customerStoreIds) || (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome4 = customerData.customerStoreDtoList) === null || _customerData$custome4 === void 0 ? void 0 : (_customerData$custome5 = _customerData$custome4[0]) === null || _customerData$custome5 === void 0 ? void 0 : _customerData$custome5.id)) + "&storeIds=" + storeIdList + "&page=0&size=20",
2492
+ apiEndPoint: apiEndPoint,
2493
+ token: token,
2494
+ queryParams: _extends({}, params, queryParams)
2495
+ })).then(function (data) {
2496
+ return data === null || data === void 0 ? void 0 : data.customerDetailedStatementReportDtoList;
2497
+ });
2357
2498
  } catch (e) {
2358
2499
  return Promise.reject(e);
2359
2500
  }
2360
2501
  };
2361
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(HeaderContainer, {
2362
- fontColor: fontColor
2363
- }, "Store Details"), /*#__PURE__*/React__default.createElement(material.Grid, {
2364
- container: true,
2365
- columnSpacing: 2
2366
- }, /*#__PURE__*/React__default.createElement(material.Grid, {
2367
- item: true,
2368
- xs: 12,
2369
- md: 6
2370
- }, /*#__PURE__*/React__default.createElement(FormTextField, {
2371
- label: "Store Name",
2372
- name: "storeDetails.storeName",
2373
- required: true,
2374
- control: control,
2375
- fontColor: fontColor
2376
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
2377
- item: true,
2378
- xs: 12,
2379
- md: 6
2380
- }, /*#__PURE__*/React__default.createElement(FormTextField, {
2381
- label: "Email",
2382
- name: "storeDetails.email",
2383
- type: "email",
2384
- control: control,
2385
- fontColor: fontColor
2386
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
2387
- item: true,
2388
- xs: 12,
2389
- md: 6
2390
- }, /*#__PURE__*/React__default.createElement(FormTextField, {
2391
- label: "Phone",
2392
- name: "storeDetails.phone",
2393
- type: "number",
2394
- control: control,
2395
- fontColor: fontColor
2396
- }))), /*#__PURE__*/React__default.createElement(HeaderContainer, {
2397
- fontColor: fontColor
2398
- }, "Store Address"), /*#__PURE__*/React__default.createElement(material.Grid, {
2399
- container: true,
2400
- columnSpacing: 2
2401
- }, /*#__PURE__*/React__default.createElement(material.Grid, {
2402
- item: true,
2403
- xs: 12,
2404
- md: 6
2405
- }, /*#__PURE__*/React__default.createElement(FormTextField, {
2406
- label: "Address 1",
2407
- name: "address.address1",
2408
- multiline: true,
2409
- rows: 3,
2410
- required: true,
2411
- control: control,
2412
- fontColor: fontColor
2413
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
2414
- item: true,
2415
- xs: 12,
2416
- md: 6
2417
- }, /*#__PURE__*/React__default.createElement(FormTextField, {
2418
- label: "Address 2",
2419
- name: "address.address2",
2420
- rows: 3,
2421
- multiline: true,
2422
- control: control,
2423
- fontColor: fontColor
2424
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
2425
- item: true,
2426
- xs: 12,
2427
- md: 6
2428
- }, /*#__PURE__*/React__default.createElement(FormSelect, {
2429
- label: "Country",
2430
- name: "address.countryId",
2431
- required: true,
2432
- control: control,
2433
- options: country,
2434
- valueKey: "id",
2435
- labelKey: "code",
2436
- fontColor: fontColor
2437
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
2438
- item: true,
2439
- xs: 12,
2440
- md: 6
2441
- }, /*#__PURE__*/React__default.createElement(FormSelect, {
2442
- label: "State",
2443
- name: "address.stateId",
2444
- required: true,
2445
- control: control,
2446
- options: states,
2447
- valueKey: "id",
2448
- labelKey: "name",
2449
- fontColor: fontColor
2450
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
2451
- item: true,
2452
- xs: 12,
2453
- md: 6
2454
- }, /*#__PURE__*/React__default.createElement(FormTextField, {
2455
- label: "Zip",
2456
- name: "address.zip",
2457
- type: "number",
2458
- required: true,
2459
- control: control,
2460
- fontColor: fontColor
2461
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
2462
- item: true,
2463
- xs: 12,
2464
- md: 6
2465
- }, /*#__PURE__*/React__default.createElement(FormTextField, {
2466
- label: "City",
2467
- name: "address.city",
2468
- required: true,
2469
- control: control,
2470
- fontColor: fontColor
2471
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
2472
- item: true,
2473
- xs: 12,
2474
- md: 12
2475
- }, /*#__PURE__*/React__default.createElement(FormTextField, {
2476
- label: "Phone",
2477
- name: "address.phone",
2478
- type: "number",
2479
- control: control,
2480
- fontColor: fontColor
2481
- }))), /*#__PURE__*/React__default.createElement(MuiButton, {
2482
- variant: "contained",
2483
- primaryColor: primaryColor,
2484
- onClick: handleSubmit(addStoreData),
2485
- style: {
2486
- marginTop: 12
2487
- }
2488
- }, "Add Store")));
2489
- };
2490
- var HeaderContainer = styled__default.h2(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-top: 1rem;\n font-size: 1.3rem;\n font-weight: 500;\n"])), function (props) {
2491
- return props.fontColor;
2492
- });
2493
-
2494
- var _templateObject$a;
2495
- var ViewStoreList = function ViewStoreList(_ref) {
2496
- var primaryColor = _ref.primaryColor,
2497
- secondaryColor = _ref.secondaryColor,
2498
- backgroundColor = _ref.backgroundColor,
2499
- fontColor = _ref.fontColor,
2500
- setSelectedStore = _ref.setSelectedStore,
2501
- storeDataList = _ref.storeDataList;
2502
- return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.Grid, {
2503
- container: true,
2504
- spacing: 4
2505
- }, storeDataList === null || storeDataList === void 0 ? void 0 : storeDataList.map(function (store) {
2506
- return /*#__PURE__*/React__default.createElement(material.Grid, {
2507
- item: true,
2508
- sm: 12,
2509
- md: 6,
2510
- lg: 4
2511
- }, /*#__PURE__*/React__default.createElement(StoreContainer, {
2502
+ return /*#__PURE__*/React__default.createElement(Root$3, {
2503
+ backgroundColor: backgroundColor
2504
+ }, /*#__PURE__*/React__default.createElement(TableContainer$1, null, !lodash.isEmpty(customerData) && /*#__PURE__*/React__default.createElement(APITable, {
2505
+ cacheFilters: true,
2506
+ extraFilterParams: queryParams,
2507
+ tableHeaderContent: /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.Grid, {
2508
+ container: true,
2509
+ justifyContent: "space-between",
2510
+ alignItems: "center"
2511
+ }, /*#__PURE__*/React__default.createElement(material.Grid, {
2512
+ item: true
2513
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$3, {
2514
+ variant: "h5",
2515
+ gutterBottom: true,
2516
+ fontColor: fontColor,
2517
+ style: {
2518
+ fontWeight: 600,
2519
+ color: primaryColor,
2520
+ padding: '1rem 0',
2521
+ margin: 0
2522
+ }
2523
+ }, "Statement")), /*#__PURE__*/React__default.createElement(material.Grid, {
2524
+ item: true
2525
+ }, /*#__PURE__*/React__default.createElement(material.Button, {
2526
+ variant: "contained",
2527
+ onClick: function onClick() {
2528
+ return print();
2529
+ },
2530
+ style: {
2531
+ background: primaryColor
2532
+ }
2533
+ }, "Print Statement"))), /*#__PURE__*/React__default.createElement(material.Grid, {
2534
+ container: true,
2535
+ justifyContent: "flex-end",
2536
+ alignItems: "center"
2537
+ }, /*#__PURE__*/React__default.createElement(material.Grid, {
2538
+ item: true
2539
+ }, /*#__PURE__*/React__default.createElement(MuiSelect, {
2540
+ label: "Select Store",
2541
+ defaultValue: customerData === null || customerData === void 0 ? void 0 : (_customerData$custome6 = customerData.customerStoreDtoList) === null || _customerData$custome6 === void 0 ? void 0 : (_customerData$custome7 = _customerData$custome6[0]) === null || _customerData$custome7 === void 0 ? void 0 : _customerData$custome7.id,
2542
+ onChange: onChangeStore,
2543
+ options: (customerData === null || customerData === void 0 ? void 0 : customerData.customerStoreDtoList) || [],
2544
+ valueKey: "id",
2545
+ labelKey: "storeName",
2546
+ fontColor: fontColor,
2547
+ primaryColor: primaryColor
2548
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
2549
+ item: true
2550
+ }, /*#__PURE__*/React__default.createElement(DateRangePicker, {
2551
+ fontColor: fontColor,
2512
2552
  primaryColor: primaryColor,
2513
- secondaryColor: secondaryColor,
2514
- backgroundColor: backgroundColor,
2515
- fontColor: fontColor
2516
- }, /*#__PURE__*/React__default.createElement(material.CardHeader, {
2517
- title: /*#__PURE__*/React__default.createElement(material.Grid, {
2518
- container: true,
2519
- justifyContent: "space-between",
2520
- alignItems: "center"
2521
- }, /*#__PURE__*/React__default.createElement(material.Grid, {
2522
- item: true
2523
- }, /*#__PURE__*/React__default.createElement("span", {
2524
- style: {
2525
- display: 'flex'
2526
- }
2527
- }, /*#__PURE__*/React__default.createElement(md.MdStore, {
2528
- style: {
2529
- margin: 'auto'
2530
- }
2531
- }), /*#__PURE__*/React__default.createElement("h3", null, store === null || store === void 0 ? void 0 : store.storeName))), /*#__PURE__*/React__default.createElement(material.Grid, {
2532
- item: true
2533
- }, /*#__PURE__*/React__default.createElement(material.IconButton, {
2534
- style: {
2535
- color: primaryColor
2536
- },
2537
- onClick: function onClick() {
2538
- setSelectedStore(store);
2539
- }
2540
- }, /*#__PURE__*/React__default.createElement(md.MdModeEdit, null))))
2541
- }), /*#__PURE__*/React__default.createElement(material.CardContent, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("p", null, "Phone No: ", (store === null || store === void 0 ? void 0 : store.phone) || '-'), /*#__PURE__*/React__default.createElement("p", null, "Email: ", (store === null || store === void 0 ? void 0 : store.email) || '-')))));
2553
+ onChange: onDateChange,
2554
+ initialStartDate: moment$1().startOf('month'),
2555
+ initialEndDate: moment$1().endOf('month')
2556
+ })))),
2557
+ listUpdate: triggerTableData,
2558
+ pagination: false,
2559
+ scroll: {
2560
+ x: 1000
2561
+ },
2562
+ tableId: "master-child-map",
2563
+ columns: columns,
2564
+ asyncService: getStatementAPIData,
2565
+ rowKey: 'masterProductId',
2566
+ primaryColor: primaryColor,
2567
+ secondaryColor: secondaryColor,
2568
+ backgroundColor: backgroundColor,
2569
+ fontColor: fontColor
2542
2570
  })));
2543
2571
  };
2544
- var StoreContainer = styled__default(material.Card)(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n border-radius: 14px !important;\n background-color: ", " !important;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px !important;\n .MuiCardHeader-root {\n background-color: ", ";\n padding: 4px 14px;\n svg,\n h3 {\n color: #fff;\n font-size: 1.3rem;\n }\n h3 {\n font-weight: 500;\n margin-left: 6px;\n }\n }\n p {\n font-size: 1.2rem;\n font-weight: 500;\n color: ", ";\n margin-bottom: 1rem;\n word-break: break-word;\n }\n"])), function (props) {
2545
- return props.secondaryColor;
2546
- }, function (props) {
2547
- return props.primaryColor;
2548
- }, function (props) {
2572
+ var Root$3 = styled__default.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose([""])));
2573
+ var TypographyContainer$3 = styled__default(material.Typography)(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
2549
2574
  return props.fontColor;
2550
2575
  });
2576
+ var StatusContainer$1 = styled__default(material.Grid)(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n display: initial;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n padding: 2px 4px;\n"])));
2577
+ var TableContainer$1 = styled__default.div(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteralLoose(["\n margin: 1.2rem 0;\n border-radius: 14px;\n"])));
2551
2578
 
2552
- var _templateObject$b, _templateObject2$5;
2553
- var FormCheckbox = function FormCheckbox(props) {
2579
+ var _templateObject$b, _templateObject2$7;
2580
+ var FormSelect = function FormSelect(props) {
2554
2581
  var label = props.label,
2555
2582
  name = props.name,
2556
2583
  control = props.control,
2557
2584
  rules = props.rules,
2558
2585
  required = props.required,
2559
2586
  disabled = props.disabled,
2560
- onChangeField = props.onChangeField;
2587
+ options = props.options,
2588
+ valueKey = props.valueKey,
2589
+ onChangeField = props.onChangeField,
2590
+ _props$labelKey = props.labelKey,
2591
+ labelKey = _props$labelKey === void 0 ? 'name' : _props$labelKey;
2561
2592
  return /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
2562
2593
  name: name,
2563
2594
  control: control,
@@ -2574,38 +2605,78 @@ var FormCheckbox = function FormCheckbox(props) {
2574
2605
  required: required,
2575
2606
  margin: "normal",
2576
2607
  disabled: disabled
2577
- }, /*#__PURE__*/React__default.createElement(FormControlLabelContainer, {
2608
+ }, /*#__PURE__*/React__default.createElement(InputContainer$1, {
2609
+ fontColor: props.fontColor
2610
+ }, label), /*#__PURE__*/React__default.createElement(SelectField, _extends({
2611
+ fullWidth: true,
2612
+ size: "small",
2578
2613
  label: label,
2579
- fontColor: props.fontColor,
2580
- control: /*#__PURE__*/React__default.createElement(CheckboxField, _extends({
2581
- size: "small",
2582
- onChange: function onChange(e) {
2583
- _onChange(e.target.checked);
2584
- onChangeField && onChangeField(e.target.checked);
2585
- },
2586
- checked: value
2587
- }, props))
2588
- }), /*#__PURE__*/React__default.createElement(material.FormHelperText, {
2614
+ id: name,
2615
+ value: value || '',
2616
+ onChange: function onChange(e) {
2617
+ _onChange(e);
2618
+ onChangeField && onChangeField(e);
2619
+ },
2620
+ error: !!error,
2621
+ helperText: error !== null && error !== void 0 && error.message ? error.message : ''
2622
+ }, props), options === null || options === void 0 ? void 0 : options.map(function (data, index) {
2623
+ return /*#__PURE__*/React__default.createElement(material.MenuItem, {
2624
+ key: index,
2625
+ value: valueKey ? data[valueKey] : data
2626
+ }, data[labelKey]);
2627
+ })), /*#__PURE__*/React__default.createElement(material.FormHelperText, {
2589
2628
  error: error
2590
2629
  }, error !== null && error !== void 0 && error.message ? error.message : ''));
2591
2630
  }
2592
2631
  });
2593
2632
  };
2594
- var CheckboxField = styled__default(material.Checkbox)(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n svg {\n color: ", " !important;\n }\n"])), function (props) {
2595
- return props.primaryColor;
2633
+ var SelectField = styled__default(material.Select)(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n svg,\n input {\n color: ", " !important;\n }\n fieldset {\n border-color: ", " !important;\n }\n"])), function (props) {
2634
+ return props.fontColor;
2635
+ }, function (props) {
2636
+ return props.fontColor;
2637
+ }, function (props) {
2638
+ return props.fontColor;
2596
2639
  });
2597
- var FormControlLabelContainer = styled__default(material.FormControlLabel)(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteralLoose(["\n .MuiTypography-root {\n color: ", " !important;\n }\n"])), function (props) {
2640
+ var InputContainer$1 = styled__default(material.InputLabel)(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n"])), function (props) {
2598
2641
  return props.fontColor;
2599
2642
  });
2600
2643
 
2644
+ var getStatesById = function getStatesById(_ref) {
2645
+ var apiEndPoint = _ref.apiEndPoint,
2646
+ token = _ref.token,
2647
+ id = _ref.id;
2648
+ try {
2649
+ return Promise.resolve(API$1({
2650
+ apiEndPoint: apiEndPoint,
2651
+ token: token,
2652
+ url: "/country/" + id + "/allState",
2653
+ cache: true
2654
+ }));
2655
+ } catch (e) {
2656
+ return Promise.reject(e);
2657
+ }
2658
+ };
2659
+ var getCountry = function getCountry(_ref2) {
2660
+ var apiEndPoint = _ref2.apiEndPoint,
2661
+ token = _ref2.token;
2662
+ try {
2663
+ return Promise.resolve(API$1({
2664
+ apiEndPoint: apiEndPoint,
2665
+ token: token,
2666
+ url: "/country/all",
2667
+ cache: true
2668
+ }));
2669
+ } catch (e) {
2670
+ return Promise.reject(e);
2671
+ }
2672
+ };
2673
+
2601
2674
  var _templateObject$c;
2602
- var AddEditAddress = function AddEditAddress(_ref) {
2675
+ var AddStore = function AddStore(_ref) {
2603
2676
  var apiEndPoint = _ref.apiEndPoint,
2604
2677
  token = _ref.token,
2678
+ getStoreDataList = _ref.getStoreDataList,
2605
2679
  setOpenModal = _ref.setOpenModal,
2606
- addressDetails = _ref.addressDetails,
2607
- storeData = _ref.storeData,
2608
- getStoreData = _ref.getStoreData,
2609
2680
  primaryColor = _ref.primaryColor,
2610
2681
  fontColor = _ref.fontColor;
2611
2682
  var _useState = React.useState(false),
@@ -2616,15 +2687,14 @@ var AddEditAddress = function AddEditAddress(_ref) {
2616
2687
  var _useState3 = React.useState([]),
2617
2688
  states = _useState3[0],
2618
2689
  setStates = _useState3[1];
2619
- var _useState4 = React.useState(addressDetails),
2620
- addressData = _useState4[0],
2621
- setAddressData = _useState4[1];
2622
2690
  var _useForm = reactHookForm.useForm({
2623
- defaultValues: _extends({}, addressDetails)
2691
+ defaultValues: {}
2624
2692
  }),
2625
2693
  handleSubmit = _useForm.handleSubmit,
2626
2694
  control = _useForm.control,
2627
- setValue = _useForm.setValue;
2695
+ setValue = _useForm.setValue,
2696
+ watch = _useForm.watch;
2697
+ var selectedCountry = watch('address.countryId');
2628
2698
  var getCountryData = function getCountryData() {
2629
2699
  try {
2630
2700
  var _temp = _catch(function () {
@@ -2633,16 +2703,7 @@ var AddEditAddress = function AddEditAddress(_ref) {
2633
2703
  token: token
2634
2704
  })).then(function (countryData) {
2635
2705
  setCountry(countryData);
2636
- setValue('countryId', (addressDetails === null || addressDetails === void 0 ? void 0 : addressDetails.countryId) || countryData[0].id);
2637
- var statesById = (addressDetails === null || addressDetails === void 0 ? void 0 : addressDetails.countryId) || countryData[0].id;
2638
- return Promise.resolve(getStatesById({
2639
- id: statesById,
2640
- apiEndPoint: apiEndPoint,
2641
- token: token
2642
- })).then(function (statesData) {
2643
- setStates(statesData);
2644
- setValue('stateId', (addressDetails === null || addressDetails === void 0 ? void 0 : addressDetails.stateId) || statesData[0].id);
2645
- });
2706
+ setValue('address.countryId', countryData[0].id);
2646
2707
  });
2647
2708
  }, function () {});
2648
2709
  return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
@@ -2652,53 +2713,103 @@ var AddEditAddress = function AddEditAddress(_ref) {
2652
2713
  };
2653
2714
  React.useEffect(function () {
2654
2715
  (function () {
2655
- return Promise.resolve(getCountryData()).then(function () {});
2716
+ getCountryData();
2656
2717
  })();
2657
2718
  }, []);
2658
- var onUpdateCountry = function onUpdateCountry(data) {
2659
- try {
2660
- var _data$target;
2661
- return Promise.resolve(getStatesById({
2662
- id: data === null || data === void 0 ? void 0 : (_data$target = data.target) === null || _data$target === void 0 ? void 0 : _data$target.value,
2663
- apiEndPoint: apiEndPoint,
2664
- token: token
2665
- })).then(function (statesData) {
2666
- setStates(statesData);
2667
- setValue('stateId', statesData[0].id);
2668
- });
2669
- } catch (e) {
2670
- return Promise.reject(e);
2671
- }
2672
- };
2673
- var updateAddressData = function updateAddressData(formData) {
2719
+ React.useEffect(function () {
2720
+ (function () {
2721
+ try {
2722
+ var _temp2 = function () {
2723
+ if (selectedCountry) {
2724
+ return Promise.resolve(getStatesById({
2725
+ id: selectedCountry,
2726
+ apiEndPoint: apiEndPoint,
2727
+ token: token
2728
+ })).then(function (statesData) {
2729
+ setStates(statesData);
2730
+ setValue('address.stateId', statesData[0].id);
2731
+ });
2732
+ }
2733
+ }();
2734
+ return _temp2 && _temp2.then ? _temp2.then(function () {}) : void 0;
2735
+ } catch (e) {
2736
+ Promise.reject(e);
2737
+ }
2738
+ })();
2739
+ }, [selectedCountry]);
2740
+ var addStoreData = function addStoreData(formData) {
2674
2741
  try {
2675
- var _temp3 = function _temp3() {
2742
+ var _temp4 = function _temp4() {
2676
2743
  setIsLoading(false);
2677
2744
  };
2678
2745
  setIsLoading(true);
2679
- var _temp2 = _catch(function () {
2746
+ var _temp3 = _catch(function () {
2680
2747
  return Promise.resolve(API$1({
2681
2748
  apiEndPoint: apiEndPoint,
2682
2749
  token: token,
2683
- url: addressDetails ? "/ecommerce/customer/store/" + addressDetails.customerStoreId + "/address/" + addressDetails.id : "/ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/address",
2684
- body: _extends({}, addressData, formData),
2685
- method: addressDetails ? 'PUT' : 'POST',
2686
- errorMessage: 'Error in updating the address.',
2687
- successMessage: 'Address updated successfully.'
2688
- })).then(function (data) {
2689
- setAddressData(data);
2690
- setOpenModal({
2691
- open: false
2750
+ url: '/ecommerce/customer/store',
2751
+ body: formData.storeDetails,
2752
+ method: 'POST',
2753
+ errorMessage: 'Error in creating the store'
2754
+ })).then(function (addedStoreData) {
2755
+ return Promise.resolve(API$1({
2756
+ apiEndPoint: apiEndPoint,
2757
+ token: token,
2758
+ url: "/ecommerce/customer/store/" + addedStoreData.id + "/address",
2759
+ method: 'POST',
2760
+ body: _extends({}, formData.address, {
2761
+ defaultBillingAddress: true,
2762
+ defaultShippingAddress: true
2763
+ }),
2764
+ errorMessage: 'Error in adding the store address.',
2765
+ successMessage: 'Store created successfully.'
2766
+ })).then(function () {
2767
+ setOpenModal(false);
2768
+ getStoreDataList();
2692
2769
  });
2693
- getStoreData();
2694
2770
  });
2695
2771
  }, function () {});
2696
- return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
2772
+ return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
2697
2773
  } catch (e) {
2698
2774
  return Promise.reject(e);
2699
2775
  }
2700
2776
  };
2701
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(HeaderContainer$1, {
2777
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(HeaderContainer, {
2778
+ fontColor: fontColor
2779
+ }, "Store Details"), /*#__PURE__*/React__default.createElement(material.Grid, {
2780
+ container: true,
2781
+ columnSpacing: 2
2782
+ }, /*#__PURE__*/React__default.createElement(material.Grid, {
2783
+ item: true,
2784
+ xs: 12,
2785
+ md: 6
2786
+ }, /*#__PURE__*/React__default.createElement(FormTextField, {
2787
+ label: "Store Name",
2788
+ name: "storeDetails.storeName",
2789
+ required: true,
2790
+ control: control,
2791
+ fontColor: fontColor
2792
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
2793
+ item: true,
2794
+ xs: 12,
2795
+ md: 6
2796
+ }, /*#__PURE__*/React__default.createElement(FormTextField, {
2797
+ label: "Email",
2798
+ name: "storeDetails.email",
2799
+ type: "email",
2800
+ control: control,
2801
+ fontColor: fontColor
2802
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
2803
+ item: true,
2804
+ xs: 12,
2805
+ md: 6
2806
+ }, /*#__PURE__*/React__default.createElement(FormTextField, {
2807
+ label: "Phone",
2808
+ name: "storeDetails.phone",
2809
+ type: "number",
2810
+ control: control,
2811
+ fontColor: fontColor
2812
+ }))), /*#__PURE__*/React__default.createElement(HeaderContainer, {
2702
2813
  fontColor: fontColor
2703
2814
  }, "Store Address"), /*#__PURE__*/React__default.createElement(material.Grid, {
2704
2815
  container: true,
@@ -2709,7 +2820,7 @@ var AddEditAddress = function AddEditAddress(_ref) {
2709
2820
  md: 6
2710
2821
  }, /*#__PURE__*/React__default.createElement(FormTextField, {
2711
2822
  label: "Address 1",
2712
- name: "address1",
2823
+ name: "address.address1",
2713
2824
  multiline: true,
2714
2825
  rows: 3,
2715
2826
  required: true,
@@ -2721,7 +2832,7 @@ var AddEditAddress = function AddEditAddress(_ref) {
2721
2832
  md: 6
2722
2833
  }, /*#__PURE__*/React__default.createElement(FormTextField, {
2723
2834
  label: "Address 2",
2724
- name: "address2",
2835
+ name: "address.address2",
2725
2836
  rows: 3,
2726
2837
  multiline: true,
2727
2838
  control: control,
@@ -2732,13 +2843,12 @@ var AddEditAddress = function AddEditAddress(_ref) {
2732
2843
  md: 6
2733
2844
  }, /*#__PURE__*/React__default.createElement(FormSelect, {
2734
2845
  label: "Country",
2735
- name: "countryId",
2846
+ name: "address.countryId",
2736
2847
  required: true,
2737
2848
  control: control,
2738
2849
  options: country,
2739
2850
  valueKey: "id",
2740
2851
  labelKey: "code",
2741
- onChangeField: onUpdateCountry,
2742
2852
  fontColor: fontColor
2743
2853
  })), /*#__PURE__*/React__default.createElement(material.Grid, {
2744
2854
  item: true,
@@ -2746,7 +2856,7 @@ var AddEditAddress = function AddEditAddress(_ref) {
2746
2856
  md: 6
2747
2857
  }, /*#__PURE__*/React__default.createElement(FormSelect, {
2748
2858
  label: "State",
2749
- name: "stateId",
2859
+ name: "address.stateId",
2750
2860
  required: true,
2751
2861
  control: control,
2752
2862
  options: states,
@@ -2759,7 +2869,7 @@ var AddEditAddress = function AddEditAddress(_ref) {
2759
2869
  md: 6
2760
2870
  }, /*#__PURE__*/React__default.createElement(FormTextField, {
2761
2871
  label: "Zip",
2762
- name: "zip",
2872
+ name: "address.zip",
2763
2873
  type: "number",
2764
2874
  required: true,
2765
2875
  control: control,
@@ -2770,7 +2880,7 @@ var AddEditAddress = function AddEditAddress(_ref) {
2770
2880
  md: 6
2771
2881
  }, /*#__PURE__*/React__default.createElement(FormTextField, {
2772
2882
  label: "City",
2773
- name: "city",
2883
+ name: "address.city",
2774
2884
  required: true,
2775
2885
  control: control,
2776
2886
  fontColor: fontColor
@@ -2780,126 +2890,175 @@ var AddEditAddress = function AddEditAddress(_ref) {
2780
2890
  md: 12
2781
2891
  }, /*#__PURE__*/React__default.createElement(FormTextField, {
2782
2892
  label: "Phone",
2783
- name: "phone",
2893
+ name: "address.phone",
2784
2894
  type: "number",
2785
2895
  control: control,
2786
2896
  fontColor: fontColor
2787
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
2788
- item: true,
2789
- xs: 12,
2790
- md: 6
2791
- }, /*#__PURE__*/React__default.createElement(FormCheckbox, {
2792
- label: "Default Billing Address",
2793
- name: "defaultBillingAddress",
2794
- control: control,
2795
- primaryColor: primaryColor,
2796
- fontColor: fontColor
2797
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
2798
- item: true,
2799
- xs: 12,
2800
- md: 6
2801
- }, /*#__PURE__*/React__default.createElement(FormCheckbox, {
2802
- label: "Default Shipping Address",
2803
- name: "defaultShippingAddress",
2804
- control: control,
2805
- primaryColor: primaryColor,
2806
- fontColor: fontColor
2807
2897
  }))), /*#__PURE__*/React__default.createElement(MuiButton, {
2808
2898
  variant: "contained",
2809
2899
  primaryColor: primaryColor,
2810
- onClick: handleSubmit(updateAddressData)
2811
- }, addressDetails ? 'Update Address' : 'Add Address')));
2900
+ onClick: handleSubmit(addStoreData),
2901
+ style: {
2902
+ marginTop: 12
2903
+ }
2904
+ }, "Add Store")));
2812
2905
  };
2813
- var HeaderContainer$1 = styled__default.h2(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-top: 1rem;\n font-size: 1.3rem;\n font-weight: 500;\n"])), function (props) {
2906
+ var HeaderContainer = styled__default.h2(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-top: 1rem;\n font-size: 1.3rem;\n font-weight: 500;\n"])), function (props) {
2814
2907
  return props.fontColor;
2815
2908
  });
2816
2909
 
2817
2910
  var _templateObject$d;
2818
- var _excluded$1 = ["children", "onClose", "fontColor"];
2819
- var MuiModal = function MuiModal(props) {
2820
- var fontColor = props.fontColor,
2821
- children = props.children,
2822
- onClose = props.onClose,
2823
- title = props.title,
2824
- secondaryColor = props.secondaryColor;
2825
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ModalContainer, _extends({}, props, {
2826
- onClose: onClose,
2827
- secondaryColor: secondaryColor
2828
- }), /*#__PURE__*/React__default.createElement(BootstrapDialogTitle, {
2829
- id: "customized-dialog-title",
2830
- onClose: onClose,
2831
- fontColor: fontColor
2832
- }, title || 'Modal'), /*#__PURE__*/React__default.createElement(material.DialogContent, {
2833
- dividers: true
2834
- }, children)));
2911
+ var ViewStoreList = function ViewStoreList(_ref) {
2912
+ var primaryColor = _ref.primaryColor,
2913
+ secondaryColor = _ref.secondaryColor,
2914
+ backgroundColor = _ref.backgroundColor,
2915
+ fontColor = _ref.fontColor,
2916
+ setSelectedStore = _ref.setSelectedStore,
2917
+ storeDataList = _ref.storeDataList;
2918
+ return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.Grid, {
2919
+ container: true,
2920
+ spacing: 4
2921
+ }, storeDataList === null || storeDataList === void 0 ? void 0 : storeDataList.map(function (store) {
2922
+ return /*#__PURE__*/React__default.createElement(material.Grid, {
2923
+ item: true,
2924
+ sm: 12,
2925
+ md: 6,
2926
+ lg: 4
2927
+ }, /*#__PURE__*/React__default.createElement(StoreContainer, {
2928
+ primaryColor: primaryColor,
2929
+ secondaryColor: secondaryColor,
2930
+ backgroundColor: backgroundColor,
2931
+ fontColor: fontColor
2932
+ }, /*#__PURE__*/React__default.createElement(material.CardHeader, {
2933
+ title: /*#__PURE__*/React__default.createElement(material.Grid, {
2934
+ container: true,
2935
+ justifyContent: "space-between",
2936
+ alignItems: "center"
2937
+ }, /*#__PURE__*/React__default.createElement(material.Grid, {
2938
+ item: true
2939
+ }, /*#__PURE__*/React__default.createElement("span", {
2940
+ style: {
2941
+ display: 'flex'
2942
+ }
2943
+ }, /*#__PURE__*/React__default.createElement(md.MdStore, {
2944
+ style: {
2945
+ margin: 'auto'
2946
+ }
2947
+ }), /*#__PURE__*/React__default.createElement("h3", null, store === null || store === void 0 ? void 0 : store.storeName))), /*#__PURE__*/React__default.createElement(material.Grid, {
2948
+ item: true
2949
+ }, /*#__PURE__*/React__default.createElement(material.IconButton, {
2950
+ style: {
2951
+ color: primaryColor
2952
+ },
2953
+ onClick: function onClick() {
2954
+ setSelectedStore(store);
2955
+ }
2956
+ }, /*#__PURE__*/React__default.createElement(md.MdModeEdit, null))))
2957
+ }), /*#__PURE__*/React__default.createElement(material.CardContent, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("p", null, "Phone No: ", (store === null || store === void 0 ? void 0 : store.phone) || '-'), /*#__PURE__*/React__default.createElement("p", null, "Email: ", (store === null || store === void 0 ? void 0 : store.email) || '-')))));
2958
+ })));
2835
2959
  };
2836
- function BootstrapDialogTitle(props) {
2837
- var children = props.children,
2838
- onClose = props.onClose,
2839
- fontColor = props.fontColor,
2840
- other = _objectWithoutPropertiesLoose(props, _excluded$1);
2841
- return /*#__PURE__*/React__default.createElement(material.DialogTitle, _extends({
2842
- sx: {
2843
- m: 0,
2844
- p: 2,
2845
- color: fontColor
2846
- }
2847
- }, other), children, onClose ? /*#__PURE__*/React__default.createElement(material.IconButton, {
2848
- "aria-label": "close",
2849
- onClick: onClose,
2850
- sx: {
2851
- position: 'absolute',
2852
- right: 8,
2853
- top: 8,
2854
- color: fontColor,
2855
- '& svg': {
2856
- fontSize: 20
2857
- }
2858
- }
2859
- }, /*#__PURE__*/React__default.createElement(md.MdClose, null)) : null);
2860
- }
2861
- var ModalContainer = styled__default(material.Dialog)(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n .MuiPaper-root {\n background: ", ";\n }\n"])), function (props) {
2960
+ var StoreContainer = styled__default(material.Card)(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n border-radius: 14px !important;\n background-color: ", " !important;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px !important;\n .MuiCardHeader-root {\n background-color: ", ";\n padding: 4px 14px;\n svg,\n h3 {\n color: #fff;\n font-size: 1.3rem;\n }\n h3 {\n font-weight: 500;\n margin-left: 6px;\n }\n }\n p {\n font-size: 1.2rem;\n font-weight: 500;\n color: ", ";\n margin-bottom: 1rem;\n word-break: break-word;\n }\n"])), function (props) {
2862
2961
  return props.secondaryColor;
2962
+ }, function (props) {
2963
+ return props.primaryColor;
2964
+ }, function (props) {
2965
+ return props.fontColor;
2863
2966
  });
2864
2967
 
2865
- var _templateObject$e, _templateObject2$6, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$2;
2866
- var StoreDetails = function StoreDetails(_ref) {
2867
- var _storeAddresses$filte;
2968
+ var _templateObject$e, _templateObject2$8;
2969
+ var FormCheckbox = function FormCheckbox(props) {
2970
+ var label = props.label,
2971
+ name = props.name,
2972
+ control = props.control,
2973
+ rules = props.rules,
2974
+ required = props.required,
2975
+ disabled = props.disabled,
2976
+ onChangeField = props.onChangeField;
2977
+ return /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
2978
+ name: name,
2979
+ control: control,
2980
+ rules: _extends({
2981
+ required: required ? 'This field is required' : false
2982
+ }, rules),
2983
+ render: function render(_ref) {
2984
+ var _ref$field = _ref.field,
2985
+ _onChange = _ref$field.onChange,
2986
+ value = _ref$field.value,
2987
+ error = _ref.fieldState.error;
2988
+ return /*#__PURE__*/React__default.createElement(material.FormControl, {
2989
+ fullWidth: true,
2990
+ required: required,
2991
+ margin: "normal",
2992
+ disabled: disabled
2993
+ }, /*#__PURE__*/React__default.createElement(FormControlLabelContainer, {
2994
+ label: label,
2995
+ fontColor: props.fontColor,
2996
+ control: /*#__PURE__*/React__default.createElement(CheckboxField, _extends({
2997
+ size: "small",
2998
+ onChange: function onChange(e) {
2999
+ _onChange(e.target.checked);
3000
+ onChangeField && onChangeField(e.target.checked);
3001
+ },
3002
+ checked: value
3003
+ }, props))
3004
+ }), /*#__PURE__*/React__default.createElement(material.FormHelperText, {
3005
+ error: error
3006
+ }, error !== null && error !== void 0 && error.message ? error.message : ''));
3007
+ }
3008
+ });
3009
+ };
3010
+ var CheckboxField = styled__default(material.Checkbox)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n svg {\n color: ", " !important;\n }\n"])), function (props) {
3011
+ return props.primaryColor;
3012
+ });
3013
+ var FormControlLabelContainer = styled__default(material.FormControlLabel)(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n .MuiTypography-root {\n color: ", " !important;\n }\n"])), function (props) {
3014
+ return props.fontColor;
3015
+ });
3016
+
3017
+ var _templateObject$f;
3018
+ var AddEditAddress = function AddEditAddress(_ref) {
2868
3019
  var apiEndPoint = _ref.apiEndPoint,
2869
3020
  token = _ref.token,
3021
+ setOpenModal = _ref.setOpenModal,
3022
+ addressDetails = _ref.addressDetails,
3023
+ storeData = _ref.storeData,
3024
+ getStoreData = _ref.getStoreData,
2870
3025
  primaryColor = _ref.primaryColor,
2871
- secondaryColor = _ref.secondaryColor,
2872
- backgroundColor = _ref.backgroundColor,
2873
- fontColor = _ref.fontColor,
2874
- storeData = _ref.storeData;
3026
+ fontColor = _ref.fontColor;
2875
3027
  var _useState = React.useState(false),
2876
- isLoading = _useState[0],
2877
3028
  setIsLoading = _useState[1];
2878
- var _useState2 = React.useState(storeData),
2879
- storeDetails = _useState2[0],
2880
- setStoreDetails = _useState2[1];
3029
+ var _useState2 = React.useState([]),
3030
+ country = _useState2[0],
3031
+ setCountry = _useState2[1];
2881
3032
  var _useState3 = React.useState([]),
2882
- storeAddresses = _useState3[0],
2883
- setStoreAddresses = _useState3[1];
2884
- var _useState4 = React.useState({
2885
- open: false
2886
- }),
2887
- openModal = _useState4[0],
2888
- setOpenModal = _useState4[1];
3033
+ states = _useState3[0],
3034
+ setStates = _useState3[1];
3035
+ var _useState4 = React.useState(addressDetails),
3036
+ addressData = _useState4[0],
3037
+ setAddressData = _useState4[1];
2889
3038
  var _useForm = reactHookForm.useForm({
2890
- defaultValues: _extends({}, storeDetails)
3039
+ defaultValues: _extends({}, addressDetails)
2891
3040
  }),
2892
3041
  handleSubmit = _useForm.handleSubmit,
2893
- control = _useForm.control;
2894
- var getStoreData = function getStoreData() {
3042
+ control = _useForm.control,
3043
+ setValue = _useForm.setValue;
3044
+ var getCountryData = function getCountryData() {
2895
3045
  try {
2896
3046
  var _temp = _catch(function () {
2897
- return Promise.resolve(API$1({
3047
+ return Promise.resolve(getCountry({
2898
3048
  apiEndPoint: apiEndPoint,
2899
- token: token,
2900
- url: "/ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/address"
2901
- })).then(function (data) {
2902
- setStoreAddresses(data);
3049
+ token: token
3050
+ })).then(function (countryData) {
3051
+ setCountry(countryData);
3052
+ setValue('countryId', (addressDetails === null || addressDetails === void 0 ? void 0 : addressDetails.countryId) || countryData[0].id);
3053
+ var statesById = (addressDetails === null || addressDetails === void 0 ? void 0 : addressDetails.countryId) || countryData[0].id;
3054
+ return Promise.resolve(getStatesById({
3055
+ id: statesById,
3056
+ apiEndPoint: apiEndPoint,
3057
+ token: token
3058
+ })).then(function (statesData) {
3059
+ setStates(statesData);
3060
+ setValue('stateId', (addressDetails === null || addressDetails === void 0 ? void 0 : addressDetails.stateId) || statesData[0].id);
3061
+ });
2903
3062
  });
2904
3063
  }, function () {});
2905
3064
  return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
@@ -2909,10 +3068,25 @@ var StoreDetails = function StoreDetails(_ref) {
2909
3068
  };
2910
3069
  React.useEffect(function () {
2911
3070
  (function () {
2912
- return Promise.resolve(getStoreData()).then(function () {});
3071
+ return Promise.resolve(getCountryData()).then(function () {});
2913
3072
  })();
2914
3073
  }, []);
2915
- var updateStoreData = function updateStoreData(formData) {
3074
+ var onUpdateCountry = function onUpdateCountry(data) {
3075
+ try {
3076
+ var _data$target;
3077
+ return Promise.resolve(getStatesById({
3078
+ id: data === null || data === void 0 ? void 0 : (_data$target = data.target) === null || _data$target === void 0 ? void 0 : _data$target.value,
3079
+ apiEndPoint: apiEndPoint,
3080
+ token: token
3081
+ })).then(function (statesData) {
3082
+ setStates(statesData);
3083
+ setValue('stateId', statesData[0].id);
3084
+ });
3085
+ } catch (e) {
3086
+ return Promise.reject(e);
3087
+ }
3088
+ };
3089
+ var updateAddressData = function updateAddressData(formData) {
2916
3090
  try {
2917
3091
  var _temp3 = function _temp3() {
2918
3092
  setIsLoading(false);
@@ -2922,13 +3096,17 @@ var StoreDetails = function StoreDetails(_ref) {
2922
3096
  return Promise.resolve(API$1({
2923
3097
  apiEndPoint: apiEndPoint,
2924
3098
  token: token,
2925
- url: "/ecommerce/customer/store/" + storeData.id,
2926
- body: _extends({}, storeDetails, formData),
2927
- method: 'PUT',
2928
- errorMessage: 'Error in updating the store.',
2929
- successMessage: 'Store updated successfully.'
2930
- })).then(function (response) {
2931
- setStoreDetails(_extends({}, storeDetails, response));
3099
+ url: addressDetails ? "/ecommerce/customer/store/" + addressDetails.customerStoreId + "/address/" + addressDetails.id : "/ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/address",
3100
+ body: _extends({}, addressData, formData),
3101
+ method: addressDetails ? 'PUT' : 'POST',
3102
+ errorMessage: 'Error in updating the address.',
3103
+ successMessage: 'Address updated successfully.'
3104
+ })).then(function (data) {
3105
+ setAddressData(data);
3106
+ setOpenModal({
3107
+ open: false
3108
+ });
3109
+ getStoreData();
2932
3110
  });
2933
3111
  }, function () {});
2934
3112
  return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
@@ -2936,14 +3114,9 @@ var StoreDetails = function StoreDetails(_ref) {
2936
3114
  return Promise.reject(e);
2937
3115
  }
2938
3116
  };
2939
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$1, {
2940
- secondaryColor: secondaryColor
2941
- }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
2942
- fontColor: fontColor,
2943
- style: {
2944
- fontSize: '1.2rem'
2945
- }
2946
- }, "Update Store Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
3117
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(HeaderContainer$1, {
3118
+ fontColor: fontColor
3119
+ }, "Store Address"), /*#__PURE__*/React__default.createElement(material.Grid, {
2947
3120
  container: true,
2948
3121
  columnSpacing: 2
2949
3122
  }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -2951,8 +3124,10 @@ var StoreDetails = function StoreDetails(_ref) {
2951
3124
  xs: 12,
2952
3125
  md: 6
2953
3126
  }, /*#__PURE__*/React__default.createElement(FormTextField, {
2954
- label: "Store Name",
2955
- name: "storeName",
3127
+ label: "Address 1",
3128
+ name: "address1",
3129
+ multiline: true,
3130
+ rows: 3,
2956
3131
  required: true,
2957
3132
  control: control,
2958
3133
  fontColor: fontColor
@@ -2961,191 +3136,230 @@ var StoreDetails = function StoreDetails(_ref) {
2961
3136
  xs: 12,
2962
3137
  md: 6
2963
3138
  }, /*#__PURE__*/React__default.createElement(FormTextField, {
2964
- label: "Email",
2965
- name: "email",
2966
- type: "email",
3139
+ label: "Address 2",
3140
+ name: "address2",
3141
+ rows: 3,
3142
+ multiline: true,
3143
+ control: control,
3144
+ fontColor: fontColor
3145
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
3146
+ item: true,
3147
+ xs: 12,
3148
+ md: 6
3149
+ }, /*#__PURE__*/React__default.createElement(FormSelect, {
3150
+ label: "Country",
3151
+ name: "countryId",
3152
+ required: true,
3153
+ control: control,
3154
+ options: country,
3155
+ valueKey: "id",
3156
+ labelKey: "code",
3157
+ onChangeField: onUpdateCountry,
3158
+ fontColor: fontColor
3159
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
3160
+ item: true,
3161
+ xs: 12,
3162
+ md: 6
3163
+ }, /*#__PURE__*/React__default.createElement(FormSelect, {
3164
+ label: "State",
3165
+ name: "stateId",
3166
+ required: true,
3167
+ control: control,
3168
+ options: states,
3169
+ valueKey: "id",
3170
+ labelKey: "name",
3171
+ fontColor: fontColor
3172
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
3173
+ item: true,
3174
+ xs: 12,
3175
+ md: 6
3176
+ }, /*#__PURE__*/React__default.createElement(FormTextField, {
3177
+ label: "Zip",
3178
+ name: "zip",
3179
+ type: "number",
3180
+ required: true,
2967
3181
  control: control,
2968
3182
  fontColor: fontColor
2969
3183
  })), /*#__PURE__*/React__default.createElement(material.Grid, {
2970
3184
  item: true,
2971
3185
  xs: 12,
2972
3186
  md: 6
3187
+ }, /*#__PURE__*/React__default.createElement(FormTextField, {
3188
+ label: "City",
3189
+ name: "city",
3190
+ required: true,
3191
+ control: control,
3192
+ fontColor: fontColor
3193
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
3194
+ item: true,
3195
+ xs: 12,
3196
+ md: 12
2973
3197
  }, /*#__PURE__*/React__default.createElement(FormTextField, {
2974
3198
  label: "Phone",
2975
3199
  name: "phone",
2976
3200
  type: "number",
2977
3201
  control: control,
2978
3202
  fontColor: fontColor
2979
- }))), /*#__PURE__*/React__default.createElement(MuiButton, {
2980
- variant: "contained",
2981
- loading: isLoading,
3203
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
3204
+ item: true,
3205
+ xs: 12,
3206
+ md: 6
3207
+ }, /*#__PURE__*/React__default.createElement(FormCheckbox, {
3208
+ label: "Default Billing Address",
3209
+ name: "defaultBillingAddress",
3210
+ control: control,
2982
3211
  primaryColor: primaryColor,
2983
- onClick: handleSubmit(updateStoreData),
2984
- style: {
2985
- marginTop: 12
2986
- }
2987
- }, "Update Store Details"))), openModal.open && /*#__PURE__*/React__default.createElement(Modal, {
2988
- onClose: function onClose() {
2989
- return setOpenModal({
2990
- open: false
2991
- });
2992
- },
2993
- "aria-labelledby": "customized-dialog-title",
2994
- open: openModal.open,
2995
- maxWidth: "lg",
2996
- title: openModal !== null && openModal !== void 0 && openModal.addressDetails ? 'Update Address' : 'Add Address',
2997
- fontColor: fontColor,
2998
- secondaryColor: secondaryColor
2999
- }, /*#__PURE__*/React__default.createElement(AddEditAddress, {
3000
- apiEndPoint: apiEndPoint,
3001
- token: token,
3002
- setOpenModal: setOpenModal,
3003
- addressDetails: openModal === null || openModal === void 0 ? void 0 : openModal.addressDetails,
3004
- storeData: storeData,
3005
- getStoreData: getStoreData,
3212
+ fontColor: fontColor
3213
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
3214
+ item: true,
3215
+ xs: 12,
3216
+ md: 6
3217
+ }, /*#__PURE__*/React__default.createElement(FormCheckbox, {
3218
+ label: "Default Shipping Address",
3219
+ name: "defaultShippingAddress",
3220
+ control: control,
3006
3221
  primaryColor: primaryColor,
3007
- secondaryColor: secondaryColor,
3008
- backgroundColor: backgroundColor,
3009
3222
  fontColor: fontColor
3010
- })), /*#__PURE__*/React__default.createElement(HeaderContainer$2, null, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
3011
- fontColor: fontColor,
3012
- style: {
3013
- fontSize: 22
3014
- }
3015
- }, "Store Addresses"), /*#__PURE__*/React__default.createElement(MuiButton, {
3223
+ }))), /*#__PURE__*/React__default.createElement(MuiButton, {
3016
3224
  variant: "contained",
3017
3225
  primaryColor: primaryColor,
3018
- onClick: function onClick() {
3019
- return setOpenModal({
3020
- open: true
3021
- });
3022
- }
3023
- }, /*#__PURE__*/React__default.createElement(md.MdAdd, {
3024
- style: {
3025
- marginRight: 4,
3026
- fontSize: 15
3027
- }
3028
- }), "Add Address")), /*#__PURE__*/React__default.createElement(material.Grid, {
3029
- container: true,
3030
- spacing: 4
3031
- }, storeAddresses === null || storeAddresses === void 0 ? void 0 : (_storeAddresses$filte = storeAddresses.filter(function (address) {
3032
- return address === null || address === void 0 ? void 0 : address.active;
3033
- })) === null || _storeAddresses$filte === void 0 ? void 0 : _storeAddresses$filte.map(function (address, index) {
3034
- return /*#__PURE__*/React__default.createElement(material.Grid, {
3035
- item: true,
3036
- sm: 12,
3037
- md: 6,
3038
- lg: 4
3039
- }, /*#__PURE__*/React__default.createElement(AddressContainer, {
3040
- primaryColor: primaryColor,
3041
- secondaryColor: secondaryColor,
3042
- backgroundColor: backgroundColor,
3043
- fontColor: fontColor
3044
- }, /*#__PURE__*/React__default.createElement(material.CardHeader, {
3045
- title: /*#__PURE__*/React__default.createElement(material.Grid, {
3046
- container: true,
3047
- justifyContent: "space-between",
3048
- alignItems: "center"
3049
- }, /*#__PURE__*/React__default.createElement(material.Grid, {
3050
- item: true
3051
- }, /*#__PURE__*/React__default.createElement("span", {
3052
- style: {
3053
- display: 'flex'
3054
- }
3055
- }, /*#__PURE__*/React__default.createElement(md.MdStore, {
3056
- style: {
3057
- margin: 'auto'
3058
- }
3059
- }), /*#__PURE__*/React__default.createElement("h3", null, "Address " + (index + 1)))), /*#__PURE__*/React__default.createElement(material.Grid, {
3060
- item: true
3061
- }, /*#__PURE__*/React__default.createElement(material.IconButton, {
3062
- style: {
3063
- color: primaryColor
3064
- },
3065
- onClick: function onClick() {
3066
- setOpenModal({
3067
- open: true,
3068
- addressDetails: address
3069
- });
3070
- }
3071
- }, /*#__PURE__*/React__default.createElement(md.MdModeEdit, null))))
3072
- }), /*#__PURE__*/React__default.createElement(material.CardContent, null, /*#__PURE__*/React__default.createElement(AddressCardContainer, {
3073
- primaryColor: primaryColor
3074
- }, (address === null || address === void 0 ? void 0 : address.address1) && /*#__PURE__*/React__default.createElement("p", null, address === null || address === void 0 ? void 0 : address.address1), (address === null || address === void 0 ? void 0 : address.address2) && /*#__PURE__*/React__default.createElement("p", null, address === null || address === void 0 ? void 0 : address.address2), ((address === null || address === void 0 ? void 0 : address.city) || (address === null || address === void 0 ? void 0 : address.state)) && /*#__PURE__*/React__default.createElement("p", null, (address === null || address === void 0 ? void 0 : address.city) + (address === null || address === void 0 ? void 0 : address.state)), (address === null || address === void 0 ? void 0 : address.country) && /*#__PURE__*/React__default.createElement("p", null, address === null || address === void 0 ? void 0 : address.country), /*#__PURE__*/React__default.createElement("p", null, address === null || address === void 0 ? void 0 : address.phone), (address === null || address === void 0 ? void 0 : address.defaultBillingAddress) && /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement("span", null, "Default billing address")), (address === null || address === void 0 ? void 0 : address.defaultShippingAddress) && /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement("span", null, "Default shipping address"))))));
3075
- })));
3226
+ onClick: handleSubmit(updateAddressData)
3227
+ }, addressDetails ? 'Update Address' : 'Add Address')));
3076
3228
  };
3077
- var RootContainer$1 = styled__default(material.Stack)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n padding: 1.3rem;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
3078
- return props.secondaryColor;
3079
- });
3080
- var AddressContainer = styled__default(material.Card)(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n border-radius: 14px !important;\n background-color: ", " !important;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px !important;\n .MuiCardHeader-root {\n background-color: ", ";\n padding: 4px 14px;\n svg,\n h3 {\n color: #fff;\n font-size: 1.3rem;\n }\n h3 {\n font-weight: 500;\n margin-left: 6px;\n }\n }\n p {\n font-size: 0.9rem;\n font-weight: 400;\n color: ", ";\n margin-bottom: 1rem;\n word-break: break-word;\n }\n"])), function (props) {
3081
- return props.secondaryColor;
3082
- }, function (props) {
3083
- return props.primaryColor;
3084
- }, function (props) {
3085
- return props.fontColor;
3086
- });
3087
- var Modal = styled__default(MuiModal)(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose([""])));
3088
- var TypographyContainer$2 = styled__default(material.Typography)(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
3229
+ var HeaderContainer$1 = styled__default.h2(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-top: 1rem;\n font-size: 1.3rem;\n font-weight: 500;\n"])), function (props) {
3089
3230
  return props.fontColor;
3090
3231
  });
3091
- var HeaderContainer$2 = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 1.3rem 0;\n"])));
3092
- var AddressCardContainer = styled__default.div(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteralLoose(["\n p {\n font-size: 1.1rem;\n margin-bottom: 0.3rem;\n span {\n color: ", ";\n font-size: 1.1rem;\n }\n }\n"])), function (props) {
3093
- return props.primaryColor;
3232
+
3233
+ var _templateObject$g;
3234
+ var _excluded$1 = ["children", "onClose", "fontColor"];
3235
+ var MuiModal = function MuiModal(props) {
3236
+ var fontColor = props.fontColor,
3237
+ children = props.children,
3238
+ onClose = props.onClose,
3239
+ title = props.title,
3240
+ secondaryColor = props.secondaryColor;
3241
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ModalContainer, _extends({}, props, {
3242
+ onClose: onClose,
3243
+ secondaryColor: secondaryColor
3244
+ }), /*#__PURE__*/React__default.createElement(BootstrapDialogTitle, {
3245
+ id: "customized-dialog-title",
3246
+ onClose: onClose,
3247
+ fontColor: fontColor
3248
+ }, title || 'Modal'), /*#__PURE__*/React__default.createElement(material.DialogContent, {
3249
+ dividers: true
3250
+ }, children)));
3251
+ };
3252
+ function BootstrapDialogTitle(props) {
3253
+ var children = props.children,
3254
+ onClose = props.onClose,
3255
+ fontColor = props.fontColor,
3256
+ other = _objectWithoutPropertiesLoose(props, _excluded$1);
3257
+ return /*#__PURE__*/React__default.createElement(material.DialogTitle, _extends({
3258
+ sx: {
3259
+ m: 0,
3260
+ p: 2,
3261
+ color: fontColor
3262
+ }
3263
+ }, other), children, onClose ? /*#__PURE__*/React__default.createElement(material.IconButton, {
3264
+ "aria-label": "close",
3265
+ onClick: onClose,
3266
+ sx: {
3267
+ position: 'absolute',
3268
+ right: 8,
3269
+ top: 8,
3270
+ color: fontColor,
3271
+ '& svg': {
3272
+ fontSize: 20
3273
+ }
3274
+ }
3275
+ }, /*#__PURE__*/React__default.createElement(md.MdClose, null)) : null);
3276
+ }
3277
+ var ModalContainer = styled__default(material.Dialog)(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n .MuiPaper-root {\n background: ", ";\n }\n"])), function (props) {
3278
+ return props.secondaryColor;
3094
3279
  });
3095
3280
 
3096
- var _templateObject$f, _templateObject2$7;
3097
- var StoreManager = function StoreManager(_ref) {
3098
- var _storeData$managerDet;
3281
+ var _templateObject$h, _templateObject2$9, _templateObject3$5, _templateObject4$4, _templateObject5$3, _templateObject6$2;
3282
+ var StoreDetails = function StoreDetails(_ref) {
3283
+ var _storeAddresses$filte;
3099
3284
  var apiEndPoint = _ref.apiEndPoint,
3100
3285
  token = _ref.token,
3101
- storeData = _ref.storeData,
3102
3286
  primaryColor = _ref.primaryColor,
3103
3287
  secondaryColor = _ref.secondaryColor,
3104
- fontColor = _ref.fontColor;
3288
+ backgroundColor = _ref.backgroundColor,
3289
+ fontColor = _ref.fontColor,
3290
+ storeData = _ref.storeData;
3105
3291
  var _useState = React.useState(false),
3106
3292
  isLoading = _useState[0],
3107
3293
  setIsLoading = _useState[1];
3108
- var _useState2 = React.useState(storeData === null || storeData === void 0 ? void 0 : storeData.managerDetails),
3109
- managerData = _useState2[0],
3110
- setManagerData = _useState2[1];
3111
- var managerId = storeData === null || storeData === void 0 ? void 0 : (_storeData$managerDet = storeData.managerDetails) === null || _storeData$managerDet === void 0 ? void 0 : _storeData$managerDet.customerId;
3112
- var updateManager = function updateManager(formData) {
3294
+ var _useState2 = React.useState(storeData),
3295
+ storeDetails = _useState2[0],
3296
+ setStoreDetails = _useState2[1];
3297
+ var _useState3 = React.useState([]),
3298
+ storeAddresses = _useState3[0],
3299
+ setStoreAddresses = _useState3[1];
3300
+ var _useState4 = React.useState({
3301
+ open: false
3302
+ }),
3303
+ openModal = _useState4[0],
3304
+ setOpenModal = _useState4[1];
3305
+ var _useForm = reactHookForm.useForm({
3306
+ defaultValues: _extends({}, storeDetails)
3307
+ }),
3308
+ handleSubmit = _useForm.handleSubmit,
3309
+ control = _useForm.control;
3310
+ var getStoreData = function getStoreData() {
3113
3311
  try {
3114
- var _temp2 = function _temp2() {
3312
+ var _temp = _catch(function () {
3313
+ return Promise.resolve(API$1({
3314
+ apiEndPoint: apiEndPoint,
3315
+ token: token,
3316
+ url: "/ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/address"
3317
+ })).then(function (data) {
3318
+ setStoreAddresses(data);
3319
+ });
3320
+ }, function () {});
3321
+ return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
3322
+ } catch (e) {
3323
+ return Promise.reject(e);
3324
+ }
3325
+ };
3326
+ React.useEffect(function () {
3327
+ (function () {
3328
+ return Promise.resolve(getStoreData()).then(function () {});
3329
+ })();
3330
+ }, []);
3331
+ var updateStoreData = function updateStoreData(formData) {
3332
+ try {
3333
+ var _temp3 = function _temp3() {
3115
3334
  setIsLoading(false);
3116
3335
  };
3117
3336
  setIsLoading(true);
3118
- var _temp = _catch(function () {
3337
+ var _temp2 = _catch(function () {
3119
3338
  return Promise.resolve(API$1({
3120
3339
  apiEndPoint: apiEndPoint,
3121
3340
  token: token,
3122
- url: managerId ? "ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/manager/" + managerId : "ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/manager",
3123
- body: _extends({}, managerData, formData),
3124
- method: managerId ? 'PUT' : 'POST',
3125
- errorMessage: 'Error in updating the manager details.',
3126
- successMessage: 'Manager details updated successfully.'
3341
+ url: "/ecommerce/customer/store/" + storeData.id,
3342
+ body: _extends({}, storeDetails, formData),
3343
+ method: 'PUT',
3344
+ errorMessage: 'Error in updating the store.',
3345
+ successMessage: 'Store updated successfully.'
3127
3346
  })).then(function (response) {
3128
- setManagerData(_extends({}, managerData, response));
3347
+ setStoreDetails(_extends({}, storeDetails, response));
3129
3348
  });
3130
3349
  }, function () {});
3131
- return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
3350
+ return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
3132
3351
  } catch (e) {
3133
3352
  return Promise.reject(e);
3134
3353
  }
3135
3354
  };
3136
- var _useForm = reactHookForm.useForm({
3137
- defaultValues: _extends({}, storeData === null || storeData === void 0 ? void 0 : storeData.managerDetails)
3138
- }),
3139
- handleSubmit = _useForm.handleSubmit,
3140
- control = _useForm.control;
3141
3355
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$2, {
3142
3356
  secondaryColor: secondaryColor
3143
- }, /*#__PURE__*/React__default.createElement(TypographyContainer$3, {
3357
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$4, {
3144
3358
  fontColor: fontColor,
3145
3359
  style: {
3146
3360
  fontSize: '1.2rem'
3147
3361
  }
3148
- }, "Update Manager Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
3362
+ }, "Update Store Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
3149
3363
  container: true,
3150
3364
  columnSpacing: 2
3151
3365
  }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -3153,18 +3367,8 @@ var StoreManager = function StoreManager(_ref) {
3153
3367
  xs: 12,
3154
3368
  md: 6
3155
3369
  }, /*#__PURE__*/React__default.createElement(FormTextField, {
3156
- label: "First Name",
3157
- name: "firstName",
3158
- required: true,
3159
- control: control,
3160
- fontColor: fontColor
3161
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
3162
- item: true,
3163
- xs: 12,
3164
- md: 6
3165
- }, /*#__PURE__*/React__default.createElement(FormTextField, {
3166
- label: "Last Name",
3167
- name: "lastName",
3370
+ label: "Store Name",
3371
+ name: "storeName",
3168
3372
  required: true,
3169
3373
  control: control,
3170
3374
  fontColor: fontColor
@@ -3176,7 +3380,6 @@ var StoreManager = function StoreManager(_ref) {
3176
3380
  label: "Email",
3177
3381
  name: "email",
3178
3382
  type: "email",
3179
- required: true,
3180
3383
  control: control,
3181
3384
  fontColor: fontColor
3182
3385
  })), /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -3187,665 +3390,462 @@ var StoreManager = function StoreManager(_ref) {
3187
3390
  label: "Phone",
3188
3391
  name: "phone",
3189
3392
  type: "number",
3190
- required: true,
3191
3393
  control: control,
3192
3394
  fontColor: fontColor
3193
3395
  }))), /*#__PURE__*/React__default.createElement(MuiButton, {
3194
3396
  variant: "contained",
3195
3397
  loading: isLoading,
3196
- onClick: handleSubmit(updateManager),
3197
3398
  primaryColor: primaryColor,
3399
+ onClick: handleSubmit(updateStoreData),
3198
3400
  style: {
3199
3401
  marginTop: 12
3200
3402
  }
3201
- }, managerId ? 'Update Manager' : 'Add Manager'))));
3202
- };
3203
- var RootContainer$2 = styled__default(material.Stack)(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n padding: 1.3rem;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
3204
- return props.secondaryColor;
3205
- });
3206
- var TypographyContainer$3 = styled__default(material.Typography)(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
3207
- return props.fontColor;
3208
- });
3209
-
3210
- var _templateObject$g;
3211
- var _excluded$2 = ["children", "value", "index"];
3212
- function TabPanel(props) {
3213
- var children = props.children,
3214
- value = props.value,
3215
- index = props.index,
3216
- other = _objectWithoutPropertiesLoose(props, _excluded$2);
3217
- return /*#__PURE__*/React__default.createElement("div", _extends({
3218
- role: "tabpanel",
3219
- hidden: value !== index,
3220
- id: "simple-tabpanel-" + index,
3221
- "aria-labelledby": "simple-tab-" + index
3222
- }, other), value === index && /*#__PURE__*/React__default.createElement(material.Box, {
3223
- sx: {
3224
- p: 3
3225
- }
3226
- }, /*#__PURE__*/React__default.createElement(material.Typography, null, children)));
3227
- }
3228
- function a11yProps(index) {
3229
- return {
3230
- id: "simple-tab-" + index,
3231
- 'aria-controls': "simple-tabpanel-" + index
3232
- };
3233
- }
3234
- var StoreTabs = function StoreTabs(_ref) {
3235
- var apiEndPoint = _ref.apiEndPoint,
3236
- token = _ref.token,
3237
- selectedStore = _ref.selectedStore,
3238
- primaryColor = _ref.primaryColor,
3239
- secondaryColor = _ref.secondaryColor,
3240
- backgroundColor = _ref.backgroundColor,
3241
- fontColor = _ref.fontColor;
3242
- var _useState = React.useState(0),
3243
- value = _useState[0],
3244
- setValue = _useState[1];
3245
- var _useState2 = React.useState(),
3246
- storeData = _useState2[0],
3247
- setStoreData = _useState2[1];
3248
- var handleChange = function handleChange(event, newValue) {
3249
- setValue(newValue);
3250
- };
3251
- React.useEffect(function () {
3252
- (function () {
3253
- try {
3254
- var _temp = _catch(function () {
3255
- return Promise.resolve(API$1({
3256
- apiEndPoint: apiEndPoint,
3257
- token: token,
3258
- url: "/ecommerce/customer/store/" + (selectedStore === null || selectedStore === void 0 ? void 0 : selectedStore.id) + "/details",
3259
- errorMessage: 'Error in getting store data.'
3260
- })).then(function (data) {
3261
- setStoreData(data);
3262
- });
3263
- }, function () {});
3264
- return _temp && _temp.then ? _temp.then(function () {}) : void 0;
3265
- } catch (e) {
3266
- Promise.reject(e);
3267
- }
3268
- })();
3269
- }, []);
3270
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(material.Box, {
3271
- sx: {
3272
- width: '100%'
3273
- }
3274
- }, /*#__PURE__*/React__default.createElement(material.Box, {
3275
- sx: {
3276
- borderBottom: 1,
3277
- borderColor: 'divider'
3278
- }
3279
- }, /*#__PURE__*/React__default.createElement(TabsContainer, {
3280
- value: value,
3281
- onChange: handleChange,
3282
- "aria-label": "basic tabs example",
3283
- primaryColor: primaryColor,
3284
- fontColor: fontColor
3285
- }, /*#__PURE__*/React__default.createElement(material.Tab, _extends({
3286
- label: "Store Details"
3287
- }, a11yProps(0))), /*#__PURE__*/React__default.createElement(material.Tab, _extends({
3288
- label: "Store Manager"
3289
- }, a11yProps(1))))), storeData && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TabPanel, {
3290
- value: value,
3291
- index: 0
3292
- }, /*#__PURE__*/React__default.createElement(StoreDetails, {
3293
- apiEndPoint: apiEndPoint,
3294
- token: token,
3295
- storeData: storeData,
3296
- primaryColor: primaryColor,
3297
- secondaryColor: secondaryColor,
3298
- backgroundColor: backgroundColor,
3299
- fontColor: fontColor
3300
- })), /*#__PURE__*/React__default.createElement(TabPanel, {
3301
- value: value,
3302
- index: 1
3303
- }, /*#__PURE__*/React__default.createElement(StoreManager, {
3403
+ }, "Update Store Details"))), openModal.open && /*#__PURE__*/React__default.createElement(Modal, {
3404
+ onClose: function onClose() {
3405
+ return setOpenModal({
3406
+ open: false
3407
+ });
3408
+ },
3409
+ "aria-labelledby": "customized-dialog-title",
3410
+ open: openModal.open,
3411
+ maxWidth: "lg",
3412
+ title: openModal !== null && openModal !== void 0 && openModal.addressDetails ? 'Update Address' : 'Add Address',
3413
+ fontColor: fontColor,
3414
+ secondaryColor: secondaryColor
3415
+ }, /*#__PURE__*/React__default.createElement(AddEditAddress, {
3304
3416
  apiEndPoint: apiEndPoint,
3305
3417
  token: token,
3418
+ setOpenModal: setOpenModal,
3419
+ addressDetails: openModal === null || openModal === void 0 ? void 0 : openModal.addressDetails,
3306
3420
  storeData: storeData,
3421
+ getStoreData: getStoreData,
3307
3422
  primaryColor: primaryColor,
3308
3423
  secondaryColor: secondaryColor,
3309
3424
  backgroundColor: backgroundColor,
3310
3425
  fontColor: fontColor
3311
- })))));
3426
+ })), /*#__PURE__*/React__default.createElement(HeaderContainer$2, null, /*#__PURE__*/React__default.createElement(TypographyContainer$4, {
3427
+ fontColor: fontColor,
3428
+ style: {
3429
+ fontSize: 22
3430
+ }
3431
+ }, "Store Addresses"), /*#__PURE__*/React__default.createElement(MuiButton, {
3432
+ variant: "contained",
3433
+ primaryColor: primaryColor,
3434
+ onClick: function onClick() {
3435
+ return setOpenModal({
3436
+ open: true
3437
+ });
3438
+ }
3439
+ }, /*#__PURE__*/React__default.createElement(md.MdAdd, {
3440
+ style: {
3441
+ marginRight: 4,
3442
+ fontSize: 15
3443
+ }
3444
+ }), "Add Address")), /*#__PURE__*/React__default.createElement(material.Grid, {
3445
+ container: true,
3446
+ spacing: 4
3447
+ }, storeAddresses === null || storeAddresses === void 0 ? void 0 : (_storeAddresses$filte = storeAddresses.filter(function (address) {
3448
+ return address === null || address === void 0 ? void 0 : address.active;
3449
+ })) === null || _storeAddresses$filte === void 0 ? void 0 : _storeAddresses$filte.map(function (address, index) {
3450
+ return /*#__PURE__*/React__default.createElement(material.Grid, {
3451
+ item: true,
3452
+ sm: 12,
3453
+ md: 6,
3454
+ lg: 4
3455
+ }, /*#__PURE__*/React__default.createElement(AddressContainer, {
3456
+ primaryColor: primaryColor,
3457
+ secondaryColor: secondaryColor,
3458
+ backgroundColor: backgroundColor,
3459
+ fontColor: fontColor
3460
+ }, /*#__PURE__*/React__default.createElement(material.CardHeader, {
3461
+ title: /*#__PURE__*/React__default.createElement(material.Grid, {
3462
+ container: true,
3463
+ justifyContent: "space-between",
3464
+ alignItems: "center"
3465
+ }, /*#__PURE__*/React__default.createElement(material.Grid, {
3466
+ item: true
3467
+ }, /*#__PURE__*/React__default.createElement("span", {
3468
+ style: {
3469
+ display: 'flex'
3470
+ }
3471
+ }, /*#__PURE__*/React__default.createElement(md.MdStore, {
3472
+ style: {
3473
+ margin: 'auto'
3474
+ }
3475
+ }), /*#__PURE__*/React__default.createElement("h3", null, "Address " + (index + 1)))), /*#__PURE__*/React__default.createElement(material.Grid, {
3476
+ item: true
3477
+ }, /*#__PURE__*/React__default.createElement(material.IconButton, {
3478
+ style: {
3479
+ color: primaryColor
3480
+ },
3481
+ onClick: function onClick() {
3482
+ setOpenModal({
3483
+ open: true,
3484
+ addressDetails: address
3485
+ });
3486
+ }
3487
+ }, /*#__PURE__*/React__default.createElement(md.MdModeEdit, null))))
3488
+ }), /*#__PURE__*/React__default.createElement(material.CardContent, null, /*#__PURE__*/React__default.createElement(AddressCardContainer, {
3489
+ primaryColor: primaryColor
3490
+ }, (address === null || address === void 0 ? void 0 : address.address1) && /*#__PURE__*/React__default.createElement("p", null, address === null || address === void 0 ? void 0 : address.address1), (address === null || address === void 0 ? void 0 : address.address2) && /*#__PURE__*/React__default.createElement("p", null, address === null || address === void 0 ? void 0 : address.address2), ((address === null || address === void 0 ? void 0 : address.city) || (address === null || address === void 0 ? void 0 : address.state)) && /*#__PURE__*/React__default.createElement("p", null, (address === null || address === void 0 ? void 0 : address.city) + (address === null || address === void 0 ? void 0 : address.state)), (address === null || address === void 0 ? void 0 : address.country) && /*#__PURE__*/React__default.createElement("p", null, address === null || address === void 0 ? void 0 : address.country), /*#__PURE__*/React__default.createElement("p", null, address === null || address === void 0 ? void 0 : address.phone), (address === null || address === void 0 ? void 0 : address.defaultBillingAddress) && /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement("span", null, "Default billing address")), (address === null || address === void 0 ? void 0 : address.defaultShippingAddress) && /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement("span", null, "Default shipping address"))))));
3491
+ })));
3312
3492
  };
3313
- var TabsContainer = styled__default(material.Tabs)(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n button {\n color: ", " !important;\n font-size: 1.1rem;\n }\n .Mui-selected {\n color: ", " !important;\n }\n .MuiTabs-indicator {\n background-color: ", " !important;\n }\n"])), function (props) {
3314
- return props.fontColor;
3493
+ var RootContainer$2 = styled__default(material.Stack)(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n padding: 1.3rem;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
3494
+ return props.secondaryColor;
3495
+ });
3496
+ var AddressContainer = styled__default(material.Card)(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n border-radius: 14px !important;\n background-color: ", " !important;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px !important;\n .MuiCardHeader-root {\n background-color: ", ";\n padding: 4px 14px;\n svg,\n h3 {\n color: #fff;\n font-size: 1.3rem;\n }\n h3 {\n font-weight: 500;\n margin-left: 6px;\n }\n }\n p {\n font-size: 0.9rem;\n font-weight: 400;\n color: ", ";\n margin-bottom: 1rem;\n word-break: break-word;\n }\n"])), function (props) {
3497
+ return props.secondaryColor;
3315
3498
  }, function (props) {
3316
3499
  return props.primaryColor;
3317
3500
  }, function (props) {
3501
+ return props.fontColor;
3502
+ });
3503
+ var Modal = styled__default(MuiModal)(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteralLoose([""])));
3504
+ var TypographyContainer$4 = styled__default(material.Typography)(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
3505
+ return props.fontColor;
3506
+ });
3507
+ var HeaderContainer$2 = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 1.3rem 0;\n"])));
3508
+ var AddressCardContainer = styled__default.div(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteralLoose(["\n p {\n font-size: 1.1rem;\n margin-bottom: 0.3rem;\n span {\n color: ", ";\n font-size: 1.1rem;\n }\n }\n"])), function (props) {
3318
3509
  return props.primaryColor;
3319
3510
  });
3320
3511
 
3321
- var _templateObject$h, _templateObject2$8, _templateObject3$5;
3322
- var StoreList = function StoreList(_ref) {
3512
+ var _templateObject$i, _templateObject2$a;
3513
+ var StoreManager = function StoreManager(_ref) {
3514
+ var _storeData$managerDet;
3323
3515
  var apiEndPoint = _ref.apiEndPoint,
3324
3516
  token = _ref.token,
3517
+ storeData = _ref.storeData,
3325
3518
  primaryColor = _ref.primaryColor,
3326
3519
  secondaryColor = _ref.secondaryColor,
3327
- backgroundColor = _ref.backgroundColor,
3328
3520
  fontColor = _ref.fontColor;
3329
3521
  var _useState = React.useState(false),
3330
- openModal = _useState[0],
3331
- setOpenModal = _useState[1];
3332
- var _useState2 = React.useState(),
3333
- selectedStore = _useState2[0],
3334
- setSelectedStore = _useState2[1];
3335
- var _useState3 = React.useState(),
3336
- storeDataList = _useState3[0],
3337
- setStoreDataList = _useState3[1];
3338
- var getStoreDataList = function getStoreDataList() {
3522
+ isLoading = _useState[0],
3523
+ setIsLoading = _useState[1];
3524
+ var _useState2 = React.useState(storeData === null || storeData === void 0 ? void 0 : storeData.managerDetails),
3525
+ managerData = _useState2[0],
3526
+ setManagerData = _useState2[1];
3527
+ var managerId = storeData === null || storeData === void 0 ? void 0 : (_storeData$managerDet = storeData.managerDetails) === null || _storeData$managerDet === void 0 ? void 0 : _storeData$managerDet.customerId;
3528
+ var updateManager = function updateManager(formData) {
3339
3529
  try {
3530
+ var _temp2 = function _temp2() {
3531
+ setIsLoading(false);
3532
+ };
3533
+ setIsLoading(true);
3340
3534
  var _temp = _catch(function () {
3341
3535
  return Promise.resolve(API$1({
3342
3536
  apiEndPoint: apiEndPoint,
3343
3537
  token: token,
3344
- url: "/ecommerce/customer/store/list",
3345
- errorMessage: 'Error in getting user profile data.'
3346
- })).then(function (data) {
3347
- setStoreDataList(data);
3538
+ url: managerId ? "ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/manager/" + managerId : "ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/manager",
3539
+ body: _extends({}, managerData, formData),
3540
+ method: managerId ? 'PUT' : 'POST',
3541
+ errorMessage: 'Error in updating the manager details.',
3542
+ successMessage: 'Manager details updated successfully.'
3543
+ })).then(function (response) {
3544
+ setManagerData(_extends({}, managerData, response));
3348
3545
  });
3349
3546
  }, function () {});
3350
- return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
3547
+ return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
3351
3548
  } catch (e) {
3352
3549
  return Promise.reject(e);
3353
3550
  }
3354
3551
  };
3355
- React.useEffect(function () {
3356
- (function () {
3357
- return Promise.resolve(getStoreDataList()).then(function () {});
3358
- })();
3359
- }, []);
3360
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, openModal && /*#__PURE__*/React__default.createElement(Modal$1, {
3361
- onClose: function onClose() {
3362
- return setOpenModal(false);
3363
- },
3364
- "aria-labelledby": "customized-dialog-title",
3365
- open: openModal,
3366
- title: "Add Store",
3367
- maxWidth: "lg",
3368
- fontColor: fontColor,
3552
+ var _useForm = reactHookForm.useForm({
3553
+ defaultValues: _extends({}, storeData === null || storeData === void 0 ? void 0 : storeData.managerDetails)
3554
+ }),
3555
+ handleSubmit = _useForm.handleSubmit,
3556
+ control = _useForm.control;
3557
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$3, {
3369
3558
  secondaryColor: secondaryColor
3370
- }, /*#__PURE__*/React__default.createElement(AddStore, {
3371
- apiEndPoint: apiEndPoint,
3372
- token: token,
3373
- setOpenModal: setOpenModal,
3374
- getStoreDataList: getStoreDataList,
3375
- primaryColor: primaryColor,
3376
- secondaryColor: secondaryColor,
3377
- backgroundColor: backgroundColor,
3378
- fontColor: fontColor
3379
- })), /*#__PURE__*/React__default.createElement(StoreHeader, null, /*#__PURE__*/React__default.createElement("span", {
3380
- className: "manageStore"
3381
- }, selectedStore && /*#__PURE__*/React__default.createElement(MuiButton, {
3382
- variant: "text",
3383
- onClick: function onClick() {
3384
- setSelectedStore(null);
3385
- },
3386
- style: {
3387
- color: fontColor,
3388
- marginRight: 6
3389
- }
3390
- }, /*#__PURE__*/React__default.createElement(md.MdKeyboardArrowLeft, {
3391
- style: {
3392
- fontSize: 24,
3393
- color: fontColor
3394
- }
3395
- }), /*#__PURE__*/React__default.createElement("span", null, "Back")), /*#__PURE__*/React__default.createElement(TypographyContainer$4, {
3559
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$5, {
3396
3560
  fontColor: fontColor,
3397
3561
  style: {
3398
- fontSize: 22
3399
- }
3400
- }, "Manage Store")), !selectedStore && /*#__PURE__*/React__default.createElement(MuiButton, {
3401
- variant: "contained",
3402
- primaryColor: primaryColor,
3403
- onClick: function onClick() {
3404
- return setOpenModal(true);
3405
- }
3406
- }, /*#__PURE__*/React__default.createElement(md.MdAdd, {
3407
- style: {
3408
- marginRight: 4,
3409
- fontSize: 15
3562
+ fontSize: '1.2rem'
3410
3563
  }
3411
- }), "Add Store")), selectedStore ? /*#__PURE__*/React__default.createElement(StoreTabs, {
3412
- apiEndPoint: apiEndPoint,
3413
- token: token,
3414
- primaryColor: primaryColor,
3415
- secondaryColor: secondaryColor,
3416
- backgroundColor: backgroundColor,
3417
- fontColor: fontColor,
3418
- selectedStore: selectedStore
3419
- }) : /*#__PURE__*/React__default.createElement(ViewStoreList, {
3420
- apiEndPoint: apiEndPoint,
3421
- token: token,
3422
- primaryColor: primaryColor,
3423
- secondaryColor: secondaryColor,
3424
- backgroundColor: backgroundColor,
3425
- fontColor: fontColor,
3426
- setSelectedStore: setSelectedStore,
3427
- storeDataList: storeDataList
3428
- }));
3429
- };
3430
- var Modal$1 = styled__default(MuiModal)(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose([""])));
3431
- var StoreHeader = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 1rem 0;\n .manageStore {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
3432
- var TypographyContainer$4 = styled__default(material.Typography)(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
3433
- return props.fontColor;
3434
- });
3435
-
3436
- var _templateObject$i, _templateObject2$9;
3437
- function MuiSelect(_ref) {
3438
- var label = _ref.label,
3439
- onChange = _ref.onChange,
3440
- defaultValue = _ref.defaultValue,
3441
- options = _ref.options,
3442
- valueKey = _ref.valueKey,
3443
- _ref$labelKey = _ref.labelKey,
3444
- labelKey = _ref$labelKey === void 0 ? 'name' : _ref$labelKey,
3445
- addNone = _ref.addNone,
3446
- fontColor = _ref.fontColor;
3447
- var _React$useState = React.useState(defaultValue),
3448
- value = _React$useState[0],
3449
- setValue = _React$useState[1];
3450
- var handleChange = function handleChange(e) {
3451
- setValue(e.target.value);
3452
- onChange && onChange(e.target.value);
3453
- };
3454
- return /*#__PURE__*/React.createElement(FormControl, {
3455
- sx: {
3456
- m: 1,
3457
- minWidth: 160
3458
- },
3459
- size: "small"
3460
- }, /*#__PURE__*/React.createElement(InputContainer$1, {
3461
- id: "demo-select-small",
3564
+ }, "Update Manager Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
3565
+ container: true,
3566
+ columnSpacing: 2
3567
+ }, /*#__PURE__*/React__default.createElement(material.Grid, {
3568
+ item: true,
3569
+ xs: 12,
3570
+ md: 6
3571
+ }, /*#__PURE__*/React__default.createElement(FormTextField, {
3572
+ label: "First Name",
3573
+ name: "firstName",
3574
+ required: true,
3575
+ control: control,
3576
+ fontColor: fontColor
3577
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
3578
+ item: true,
3579
+ xs: 12,
3580
+ md: 6
3581
+ }, /*#__PURE__*/React__default.createElement(FormTextField, {
3582
+ label: "Last Name",
3583
+ name: "lastName",
3584
+ required: true,
3585
+ control: control,
3586
+ fontColor: fontColor
3587
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
3588
+ item: true,
3589
+ xs: 12,
3590
+ md: 6
3591
+ }, /*#__PURE__*/React__default.createElement(FormTextField, {
3592
+ label: "Email",
3593
+ name: "email",
3594
+ type: "email",
3595
+ required: true,
3596
+ control: control,
3462
3597
  fontColor: fontColor
3463
- }, label), /*#__PURE__*/React.createElement(SelectContainer, {
3464
- labelId: "demo-select-small",
3465
- id: "demo-select-small",
3466
- value: value,
3467
- label: label,
3468
- onChange: handleChange,
3598
+ })), /*#__PURE__*/React__default.createElement(material.Grid, {
3599
+ item: true,
3600
+ xs: 12,
3601
+ md: 6
3602
+ }, /*#__PURE__*/React__default.createElement(FormTextField, {
3603
+ label: "Phone",
3604
+ name: "phone",
3605
+ type: "number",
3606
+ required: true,
3607
+ control: control,
3469
3608
  fontColor: fontColor
3470
- }, addNone && /*#__PURE__*/React.createElement(MenuItem, {
3471
- value: ""
3472
- }, /*#__PURE__*/React.createElement("em", null, "None")), options === null || options === void 0 ? void 0 : options.map(function (data) {
3473
- return /*#__PURE__*/React.createElement(MenuItem, {
3474
- value: valueKey ? data[valueKey] : data
3475
- }, data[labelKey]);
3476
- })));
3477
- }
3478
- var SelectContainer = styled__default(Select$1)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n svg,\n input {\n color: ", " !important;\n }\n fieldset {\n border-color: ", " !important;\n }\n"])), function (props) {
3479
- return props.fontColor;
3480
- }, function (props) {
3481
- return props.fontColor;
3482
- }, function (props) {
3483
- return props.fontColor;
3609
+ }))), /*#__PURE__*/React__default.createElement(MuiButton, {
3610
+ variant: "contained",
3611
+ loading: isLoading,
3612
+ onClick: handleSubmit(updateManager),
3613
+ primaryColor: primaryColor,
3614
+ style: {
3615
+ marginTop: 12
3616
+ }
3617
+ }, managerId ? 'Update Manager' : 'Add Manager'))));
3618
+ };
3619
+ var RootContainer$3 = styled__default(material.Stack)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n padding: 1.3rem;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
3620
+ return props.secondaryColor;
3484
3621
  });
3485
- var InputContainer$1 = styled__default(InputLabel)(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n"])), function (props) {
3622
+ var TypographyContainer$5 = styled__default(material.Typography)(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
3486
3623
  return props.fontColor;
3487
3624
  });
3488
3625
 
3489
- var _templateObject$j, _templateObject2$a, _templateObject3$6, _templateObject4$4;
3490
- var Statement = function Statement(_ref) {
3491
- var _customerData$custome6, _customerData$custome7;
3626
+ var _templateObject$j;
3627
+ var _excluded$2 = ["children", "value", "index"];
3628
+ function TabPanel(props) {
3629
+ var children = props.children,
3630
+ value = props.value,
3631
+ index = props.index,
3632
+ other = _objectWithoutPropertiesLoose(props, _excluded$2);
3633
+ return /*#__PURE__*/React__default.createElement("div", _extends({
3634
+ role: "tabpanel",
3635
+ hidden: value !== index,
3636
+ id: "simple-tabpanel-" + index,
3637
+ "aria-labelledby": "simple-tab-" + index
3638
+ }, other), value === index && /*#__PURE__*/React__default.createElement(material.Box, {
3639
+ sx: {
3640
+ p: 3
3641
+ }
3642
+ }, /*#__PURE__*/React__default.createElement(material.Typography, null, children)));
3643
+ }
3644
+ function a11yProps(index) {
3645
+ return {
3646
+ id: "simple-tab-" + index,
3647
+ 'aria-controls': "simple-tabpanel-" + index
3648
+ };
3649
+ }
3650
+ var StoreTabs = function StoreTabs(_ref) {
3492
3651
  var apiEndPoint = _ref.apiEndPoint,
3493
- serviceApiEndPoint = _ref.serviceApiEndPoint,
3494
3652
  token = _ref.token,
3653
+ selectedStore = _ref.selectedStore,
3495
3654
  primaryColor = _ref.primaryColor,
3496
3655
  secondaryColor = _ref.secondaryColor,
3497
3656
  backgroundColor = _ref.backgroundColor,
3498
- fontColor = _ref.fontColor,
3499
- defaultStoreId = _ref.defaultStoreId,
3500
- storeIdList = _ref.storeIdList;
3501
- var _useState = React.useState({}),
3502
- customerData = _useState[0],
3503
- setCustomerData = _useState[1];
3504
- var _useState2 = React.useState({
3505
- startDate: getUTCTime({
3506
- time: moment$1().startOf('month')
3507
- }),
3508
- endDate: getUTCTime({
3509
- time: moment$1().endOf('month')
3510
- })
3511
- }),
3512
- queryParams = _useState2[0],
3513
- setQueryParams = _useState2[1];
3514
- var _useState3 = React.useState(getRandomString()),
3515
- triggerTableData = _useState3[0],
3516
- setTriggerTableData = _useState3[1];
3517
- var onDateChange = function onDateChange(data) {
3518
- setQueryParams({
3519
- startDate: getUTCTime({
3520
- time: data === null || data === void 0 ? void 0 : data.startDate
3521
- }),
3522
- endDate: getUTCTime({
3523
- time: data === null || data === void 0 ? void 0 : data.endDate
3524
- })
3525
- });
3526
- setTriggerTableData(getRandomString());
3527
- };
3528
- var onChangeStore = function onChangeStore(data) {
3529
- setQueryParams(_extends({}, queryParams, {
3530
- customerStoreIds: data
3531
- }));
3532
- setTriggerTableData(getRandomString());
3657
+ fontColor = _ref.fontColor;
3658
+ var _useState = React.useState(0),
3659
+ value = _useState[0],
3660
+ setValue = _useState[1];
3661
+ var _useState2 = React.useState(),
3662
+ storeData = _useState2[0],
3663
+ setStoreData = _useState2[1];
3664
+ var handleChange = function handleChange(event, newValue) {
3665
+ setValue(newValue);
3533
3666
  };
3534
- var columns = [{
3535
- id: 'date',
3536
- label: 'Date',
3537
- minWidth: 150,
3538
- format: function format(value) {
3539
- return getLocalTime({
3540
- time: value
3541
- });
3542
- }
3543
- }, {
3544
- id: 'type',
3545
- label: 'Type',
3546
- minWidth: 150
3547
- }, {
3548
- label: 'Excess Amt',
3549
- id: 'excessAmount',
3550
- format: renderMoney,
3551
- minWidth: 150
3552
- }, {
3553
- label: 'Credit',
3554
- id: 'creditAmount',
3555
- format: renderMoney,
3556
- minWidth: 150
3557
- }, {
3558
- label: 'Debit',
3559
- id: 'debitAmount',
3560
- format: renderMoney,
3561
- minWidth: 150
3562
- }, {
3563
- label: 'Balance',
3564
- id: 'balance',
3565
- format: renderMoney,
3566
- minWidth: 150
3567
- }, {
3568
- id: 'id',
3569
- label: 'Order Id',
3570
- minWidth: 150
3571
- }, {
3572
- id: 'description',
3573
- label: 'Description',
3574
- minWidth: 150
3575
- }];
3576
3667
  React.useEffect(function () {
3577
3668
  (function () {
3578
3669
  try {
3579
3670
  var _temp = _catch(function () {
3580
3671
  return Promise.resolve(API$1({
3581
- url: "/ecommerce/customer",
3582
3672
  apiEndPoint: apiEndPoint,
3583
- token: token
3584
- })).then(function (customerDataResponse) {
3585
- setCustomerData(customerDataResponse);
3673
+ token: token,
3674
+ url: "/ecommerce/customer/store/" + (selectedStore === null || selectedStore === void 0 ? void 0 : selectedStore.id) + "/details",
3675
+ errorMessage: 'Error in getting store data.'
3676
+ })).then(function (data) {
3677
+ setStoreData(data);
3586
3678
  });
3587
3679
  }, function () {});
3588
- return _temp && _temp.then ? _temp.then(function () {}) : void 0;
3589
- } catch (e) {
3590
- Promise.reject(e);
3591
- }
3592
- })();
3593
- }, []);
3594
- var print = function print() {
3595
- var _customerData$custome, _customerData$custome2, _customerData$custome3;
3596
- var location = "/cusomter/statement?token=" + token + "&startDate=" + queryParams.startDate + "&endDate=" + queryParams.endDate + "&customerId=" + (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome = customerData.customerDto) === null || _customerData$custome === void 0 ? void 0 : _customerData$custome.customerId) + "&customerStoreIds=" + ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.customerStoreIds) || (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome2 = customerData.customerStoreDtoList) === null || _customerData$custome2 === void 0 ? void 0 : (_customerData$custome3 = _customerData$custome2[0]) === null || _customerData$custome3 === void 0 ? void 0 : _customerData$custome3.id)) + "&storeIdList=" + storeIdList + "&defaultStoreId=" + defaultStoreId;
3597
- var pdfUrl = "" + serviceApiEndPoint + location;
3598
- var w = window.open(pdfUrl);
3599
- w.print();
3600
- };
3601
- var getStatementAPIData = function getStatementAPIData(_ref2) {
3602
- var params = _ref2.params;
3603
- try {
3604
- var _customerData$custome4, _customerData$custome5;
3605
- return Promise.resolve(API$1({
3606
- url: "/ecommerce/customer/report/statement?customerStoreIds=" + ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.customerStoreIds) || (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome4 = customerData.customerStoreDtoList) === null || _customerData$custome4 === void 0 ? void 0 : (_customerData$custome5 = _customerData$custome4[0]) === null || _customerData$custome5 === void 0 ? void 0 : _customerData$custome5.id)) + "&storeIds=" + storeIdList + "&page=0&size=20",
3607
- apiEndPoint: apiEndPoint,
3608
- token: token,
3609
- queryParams: _extends({}, params, queryParams)
3610
- })).then(function (data) {
3611
- return data === null || data === void 0 ? void 0 : data.customerDetailedStatementReportDtoList;
3612
- });
3613
- } catch (e) {
3614
- return Promise.reject(e);
3615
- }
3616
- };
3617
- return /*#__PURE__*/React__default.createElement(Root$3, {
3618
- backgroundColor: backgroundColor
3619
- }, /*#__PURE__*/React__default.createElement(TableContainer$1, null, !lodash.isEmpty(customerData) && /*#__PURE__*/React__default.createElement(APITable, {
3620
- cacheFilters: true,
3621
- extraFilterParams: queryParams,
3622
- tableHeaderContent: /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.Grid, {
3623
- container: true,
3624
- justifyContent: "space-between",
3625
- alignItems: "center"
3626
- }, /*#__PURE__*/React__default.createElement(material.Grid, {
3627
- item: true
3628
- }, /*#__PURE__*/React__default.createElement(TypographyContainer$5, {
3629
- variant: "h5",
3630
- gutterBottom: true,
3631
- fontColor: fontColor,
3632
- style: {
3633
- fontWeight: 600,
3634
- color: primaryColor,
3635
- padding: '1rem 0',
3636
- margin: 0
3637
- }
3638
- }, "Statement")), /*#__PURE__*/React__default.createElement(material.Grid, {
3639
- item: true
3640
- }, /*#__PURE__*/React__default.createElement(material.Button, {
3641
- variant: "contained",
3642
- onClick: function onClick() {
3643
- return print();
3644
- },
3645
- style: {
3646
- background: primaryColor
3647
- }
3648
- }, "Print Statement"))), /*#__PURE__*/React__default.createElement(material.Grid, {
3649
- container: true,
3650
- justifyContent: "flex-end",
3651
- alignItems: "center"
3652
- }, /*#__PURE__*/React__default.createElement(material.Grid, {
3653
- item: true
3654
- }, /*#__PURE__*/React__default.createElement(MuiSelect, {
3655
- label: "Select Store",
3656
- defaultValue: customerData === null || customerData === void 0 ? void 0 : (_customerData$custome6 = customerData.customerStoreDtoList) === null || _customerData$custome6 === void 0 ? void 0 : (_customerData$custome7 = _customerData$custome6[0]) === null || _customerData$custome7 === void 0 ? void 0 : _customerData$custome7.id,
3657
- onChange: onChangeStore,
3658
- options: (customerData === null || customerData === void 0 ? void 0 : customerData.customerStoreDtoList) || [],
3659
- valueKey: "id",
3660
- labelKey: "storeName",
3661
- fontColor: fontColor,
3662
- primaryColor: primaryColor
3663
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
3664
- item: true
3665
- }, /*#__PURE__*/React__default.createElement(DateRangePicker, {
3666
- fontColor: fontColor,
3667
- primaryColor: primaryColor,
3668
- onChange: onDateChange,
3669
- initialStartDate: moment$1().startOf('month'),
3670
- initialEndDate: moment$1().endOf('month')
3671
- })))),
3672
- listUpdate: triggerTableData,
3673
- pagination: false,
3674
- scroll: {
3675
- x: 1000
3676
- },
3677
- tableId: "master-child-map",
3678
- columns: columns,
3679
- asyncService: getStatementAPIData,
3680
- rowKey: 'masterProductId',
3680
+ return _temp && _temp.then ? _temp.then(function () {}) : void 0;
3681
+ } catch (e) {
3682
+ Promise.reject(e);
3683
+ }
3684
+ })();
3685
+ }, []);
3686
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(material.Box, {
3687
+ sx: {
3688
+ width: '100%'
3689
+ }
3690
+ }, /*#__PURE__*/React__default.createElement(material.Box, {
3691
+ sx: {
3692
+ borderBottom: 1,
3693
+ borderColor: 'divider'
3694
+ }
3695
+ }, /*#__PURE__*/React__default.createElement(TabsContainer, {
3696
+ value: value,
3697
+ onChange: handleChange,
3698
+ "aria-label": "basic tabs example",
3699
+ primaryColor: primaryColor,
3700
+ fontColor: fontColor
3701
+ }, /*#__PURE__*/React__default.createElement(material.Tab, _extends({
3702
+ label: "Store Details"
3703
+ }, a11yProps(0))), /*#__PURE__*/React__default.createElement(material.Tab, _extends({
3704
+ label: "Store Manager"
3705
+ }, a11yProps(1))))), storeData && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TabPanel, {
3706
+ value: value,
3707
+ index: 0
3708
+ }, /*#__PURE__*/React__default.createElement(StoreDetails, {
3709
+ apiEndPoint: apiEndPoint,
3710
+ token: token,
3711
+ storeData: storeData,
3681
3712
  primaryColor: primaryColor,
3682
3713
  secondaryColor: secondaryColor,
3683
3714
  backgroundColor: backgroundColor,
3684
3715
  fontColor: fontColor
3685
- })));
3716
+ })), /*#__PURE__*/React__default.createElement(TabPanel, {
3717
+ value: value,
3718
+ index: 1
3719
+ }, /*#__PURE__*/React__default.createElement(StoreManager, {
3720
+ apiEndPoint: apiEndPoint,
3721
+ token: token,
3722
+ storeData: storeData,
3723
+ primaryColor: primaryColor,
3724
+ secondaryColor: secondaryColor,
3725
+ backgroundColor: backgroundColor,
3726
+ fontColor: fontColor
3727
+ })))));
3686
3728
  };
3687
- var Root$3 = styled__default.div(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose([""])));
3688
- var TypographyContainer$5 = styled__default(material.Typography)(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
3729
+ var TabsContainer = styled__default(material.Tabs)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n button {\n color: ", " !important;\n font-size: 1.1rem;\n }\n .Mui-selected {\n color: ", " !important;\n }\n .MuiTabs-indicator {\n background-color: ", " !important;\n }\n"])), function (props) {
3689
3730
  return props.fontColor;
3731
+ }, function (props) {
3732
+ return props.primaryColor;
3733
+ }, function (props) {
3734
+ return props.primaryColor;
3690
3735
  });
3691
- var StatusContainer$1 = styled__default(material.Grid)(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteralLoose(["\n display: initial;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n padding: 2px 4px;\n"])));
3692
- var TableContainer$1 = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteralLoose(["\n margin: 1.2rem 0;\n border-radius: 14px;\n"])));
3693
3736
 
3694
- var _templateObject$k, _templateObject2$b;
3695
- var ChangePassword = function ChangePassword(_ref) {
3737
+ var _templateObject$k, _templateObject2$b, _templateObject3$6;
3738
+ var StoreList = function StoreList(_ref) {
3696
3739
  var apiEndPoint = _ref.apiEndPoint,
3697
3740
  token = _ref.token,
3698
3741
  primaryColor = _ref.primaryColor,
3699
3742
  secondaryColor = _ref.secondaryColor,
3743
+ backgroundColor = _ref.backgroundColor,
3700
3744
  fontColor = _ref.fontColor;
3701
3745
  var _useState = React.useState(false),
3702
- isLoading = _useState[0],
3703
- setIsLoading = _useState[1];
3704
- var _useState2 = React.useState(false),
3705
- showOldPassword = _useState2[0],
3706
- setShowOldPassword = _useState2[1];
3707
- var _useState3 = React.useState(false),
3708
- showNewPassword = _useState3[0],
3709
- setShowNewPassword = _useState3[1];
3710
- var _useState4 = React.useState(false),
3711
- showConfirmPassword = _useState4[0],
3712
- setShowConfirmPassword = _useState4[1];
3713
- var _useForm = reactHookForm.useForm({
3714
- defaultValues: {}
3715
- }),
3716
- handleSubmit = _useForm.handleSubmit,
3717
- control = _useForm.control,
3718
- watch = _useForm.watch;
3719
- var updatePassword = function updatePassword(formData) {
3746
+ openModal = _useState[0],
3747
+ setOpenModal = _useState[1];
3748
+ var _useState2 = React.useState(),
3749
+ selectedStore = _useState2[0],
3750
+ setSelectedStore = _useState2[1];
3751
+ var _useState3 = React.useState(),
3752
+ storeDataList = _useState3[0],
3753
+ setStoreDataList = _useState3[1];
3754
+ var getStoreDataList = function getStoreDataList() {
3720
3755
  try {
3721
- var _temp2 = function _temp2() {
3722
- setIsLoading(false);
3723
- };
3724
- setIsLoading(true);
3725
3756
  var _temp = _catch(function () {
3726
3757
  return Promise.resolve(API$1({
3727
3758
  apiEndPoint: apiEndPoint,
3728
3759
  token: token,
3729
- method: 'POST',
3730
- url: "/ecommerce/customer/changePassword",
3731
- body: _extends({}, formData),
3732
- errorMessage: 'Error in updating the password.',
3733
- successMessage: 'Password updated successfully.'
3734
- })).then(function () {
3735
- localStorage.clear();
3736
- setTimeout(function () {
3737
- window.location.replace('/');
3738
- }, 500);
3760
+ url: "/ecommerce/customer/store/list",
3761
+ errorMessage: 'Error in getting user profile data.'
3762
+ })).then(function (data) {
3763
+ setStoreDataList(data);
3739
3764
  });
3740
3765
  }, function () {});
3741
- return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
3766
+ return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
3742
3767
  } catch (e) {
3743
3768
  return Promise.reject(e);
3744
3769
  }
3745
3770
  };
3746
- var pwd = watch('password');
3747
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$3, {
3771
+ React.useEffect(function () {
3772
+ (function () {
3773
+ return Promise.resolve(getStoreDataList()).then(function () {});
3774
+ })();
3775
+ }, []);
3776
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, openModal && /*#__PURE__*/React__default.createElement(Modal$1, {
3777
+ onClose: function onClose() {
3778
+ return setOpenModal(false);
3779
+ },
3780
+ "aria-labelledby": "customized-dialog-title",
3781
+ open: openModal,
3782
+ title: "Add Store",
3783
+ maxWidth: "lg",
3784
+ fontColor: fontColor,
3748
3785
  secondaryColor: secondaryColor
3749
- }, /*#__PURE__*/React__default.createElement(TypographyContainer$6, {
3786
+ }, /*#__PURE__*/React__default.createElement(AddStore, {
3787
+ apiEndPoint: apiEndPoint,
3788
+ token: token,
3789
+ setOpenModal: setOpenModal,
3790
+ getStoreDataList: getStoreDataList,
3791
+ primaryColor: primaryColor,
3792
+ secondaryColor: secondaryColor,
3793
+ backgroundColor: backgroundColor,
3750
3794
  fontColor: fontColor
3751
- }, "Update Password Details"), /*#__PURE__*/React__default.createElement(material.Grid, {
3752
- container: true,
3753
- columnSpacing: 2
3754
- }, /*#__PURE__*/React__default.createElement(material.Grid, {
3755
- item: true,
3756
- xs: 12,
3757
- md: 6
3758
- }, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
3759
- container: true,
3760
- columnSpacing: 2
3761
- }, /*#__PURE__*/React__default.createElement(material.Grid, {
3762
- item: true,
3763
- xs: 12
3764
- }, /*#__PURE__*/React__default.createElement(FormTextField, {
3765
- label: "Old Password",
3766
- name: "oldPassword",
3767
- required: true,
3768
- control: control,
3769
- type: showOldPassword ? 'text' : 'password',
3770
- fontColor: fontColor,
3771
- InputProps: {
3772
- endAdornment: /*#__PURE__*/React__default.createElement(material.InputAdornment, {
3773
- position: "end"
3774
- }, /*#__PURE__*/React__default.createElement(material.IconButton, {
3775
- "aria-label": "toggle password visibility",
3776
- onClick: function onClick() {
3777
- return setShowOldPassword(function (prev) {
3778
- return !prev;
3779
- });
3780
- },
3781
- edge: "end"
3782
- }, showOldPassword ? /*#__PURE__*/React__default.createElement(md.MdVisibilityOff, null) : /*#__PURE__*/React__default.createElement(md.MdVisibility, null)))
3795
+ })), /*#__PURE__*/React__default.createElement(StoreHeader, null, /*#__PURE__*/React__default.createElement("span", {
3796
+ className: "manageStore"
3797
+ }, selectedStore && /*#__PURE__*/React__default.createElement(MuiButton, {
3798
+ variant: "text",
3799
+ onClick: function onClick() {
3800
+ setSelectedStore(null);
3801
+ },
3802
+ style: {
3803
+ color: fontColor,
3804
+ marginRight: 6
3783
3805
  }
3784
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
3785
- item: true,
3786
- xs: 12
3787
- }, /*#__PURE__*/React__default.createElement(FormTextField, {
3788
- label: "New Password",
3789
- name: "password",
3790
- required: true,
3791
- control: control,
3792
- type: showNewPassword ? 'text' : 'password',
3793
- fontColor: fontColor,
3794
- InputProps: {
3795
- endAdornment: /*#__PURE__*/React__default.createElement(material.InputAdornment, {
3796
- position: "end"
3797
- }, /*#__PURE__*/React__default.createElement(material.IconButton, {
3798
- "aria-label": "toggle password visibility",
3799
- onClick: function onClick() {
3800
- return setShowNewPassword(function (prev) {
3801
- return !prev;
3802
- });
3803
- },
3804
- edge: "end"
3805
- }, showNewPassword ? /*#__PURE__*/React__default.createElement(md.MdVisibilityOff, null) : /*#__PURE__*/React__default.createElement(md.MdVisibility, null)))
3806
+ }, /*#__PURE__*/React__default.createElement(md.MdKeyboardArrowLeft, {
3807
+ style: {
3808
+ fontSize: 24,
3809
+ color: fontColor
3806
3810
  }
3807
- })), /*#__PURE__*/React__default.createElement(material.Grid, {
3808
- item: true,
3809
- xs: 12
3810
- }, /*#__PURE__*/React__default.createElement(FormTextField, {
3811
- label: "Confirm Password",
3812
- name: "confirmPassword",
3813
- required: true,
3814
- control: control,
3815
- type: showConfirmPassword ? 'text' : 'password',
3816
- rules: {
3817
- validate: function validate(value) {
3818
- return value === pwd || 'The passwords do not match';
3819
- }
3820
- },
3811
+ }), /*#__PURE__*/React__default.createElement("span", null, "Back")), /*#__PURE__*/React__default.createElement(TypographyContainer$6, {
3821
3812
  fontColor: fontColor,
3822
- InputProps: {
3823
- endAdornment: /*#__PURE__*/React__default.createElement(material.InputAdornment, {
3824
- position: "end"
3825
- }, /*#__PURE__*/React__default.createElement(material.IconButton, {
3826
- "aria-label": "toggle password visibility",
3827
- onClick: function onClick() {
3828
- return setShowConfirmPassword(function (prev) {
3829
- return !prev;
3830
- });
3831
- },
3832
- edge: "end"
3833
- }, showConfirmPassword ? /*#__PURE__*/React__default.createElement(md.MdVisibilityOff, null) : /*#__PURE__*/React__default.createElement(md.MdVisibility, null)))
3813
+ style: {
3814
+ fontSize: 22
3834
3815
  }
3835
- })))), /*#__PURE__*/React__default.createElement(MuiButton, {
3816
+ }, "Manage Store")), !selectedStore && /*#__PURE__*/React__default.createElement(MuiButton, {
3836
3817
  variant: "contained",
3837
- loading: isLoading,
3838
- onClick: handleSubmit(updatePassword),
3839
3818
  primaryColor: primaryColor,
3819
+ onClick: function onClick() {
3820
+ return setOpenModal(true);
3821
+ }
3822
+ }, /*#__PURE__*/React__default.createElement(md.MdAdd, {
3840
3823
  style: {
3841
- marginTop: 12
3824
+ marginRight: 4,
3825
+ fontSize: 15
3842
3826
  }
3843
- }, "Change Password")))));
3827
+ }), "Add Store")), selectedStore ? /*#__PURE__*/React__default.createElement(StoreTabs, {
3828
+ apiEndPoint: apiEndPoint,
3829
+ token: token,
3830
+ primaryColor: primaryColor,
3831
+ secondaryColor: secondaryColor,
3832
+ backgroundColor: backgroundColor,
3833
+ fontColor: fontColor,
3834
+ selectedStore: selectedStore
3835
+ }) : /*#__PURE__*/React__default.createElement(ViewStoreList, {
3836
+ apiEndPoint: apiEndPoint,
3837
+ token: token,
3838
+ primaryColor: primaryColor,
3839
+ secondaryColor: secondaryColor,
3840
+ backgroundColor: backgroundColor,
3841
+ fontColor: fontColor,
3842
+ setSelectedStore: setSelectedStore,
3843
+ storeDataList: storeDataList
3844
+ }));
3844
3845
  };
3845
- var RootContainer$3 = styled__default(material.Stack)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n padding: 1.3rem;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
3846
- return props.secondaryColor;
3847
- });
3848
- var TypographyContainer$6 = styled__default(material.Typography)(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n font-size: 1.2rem !important;\n align-items: center;\n"])), function (props) {
3846
+ var Modal$1 = styled__default(MuiModal)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose([""])));
3847
+ var StoreHeader = styled__default.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 1rem 0;\n .manageStore {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
3848
+ var TypographyContainer$6 = styled__default(material.Typography)(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
3849
3849
  return props.fontColor;
3850
3850
  });
3851
3851
 
@@ -3861,7 +3861,6 @@ var AccountDetails = function AccountDetails(_ref) {
3861
3861
  secondaryColor = _ref.secondaryColor,
3862
3862
  backgroundColor = _ref.backgroundColor,
3863
3863
  fontColor = _ref.fontColor,
3864
- backgroundImage = _ref.backgroundImage,
3865
3864
  _ref$darkMode = _ref.darkMode,
3866
3865
  darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
3867
3866
  onChangeColors = _ref.onChangeColors,
@@ -3872,7 +3871,8 @@ var AccountDetails = function AccountDetails(_ref) {
3872
3871
  sectionRightImageSection = _ref.sectionRightImageSection,
3873
3872
  discountImageSection = _ref.discountImageSection,
3874
3873
  hideDiscountImage = _ref.hideDiscountImage,
3875
- imgNotFoundUrl = _ref.imgNotFoundUrl,
3874
+ _ref$imgNotFoundUrl = _ref.imgNotFoundUrl,
3875
+ imgNotFoundUrl = _ref$imgNotFoundUrl === void 0 ? noImgAvailable$1 : _ref$imgNotFoundUrl,
3876
3876
  hideInvoiceAction = _ref.hideInvoiceAction;
3877
3877
  var serviceApiEndPoint = apiEndPoint.replace('/api', '/services/pdf');
3878
3878
  var isMobile = useMediaQuery('(max-width:768px)');
@@ -3896,8 +3896,7 @@ var AccountDetails = function AccountDetails(_ref) {
3896
3896
  primaryColor: primaryColor || '#D2122E',
3897
3897
  secondaryColor: secondaryColor || '#FFFFFF',
3898
3898
  backgroundColor: backgroundColor || '#F5F5F5',
3899
- fontColor: fontColor || '#391111',
3900
- backgroundImage: backgroundImage
3899
+ fontColor: fontColor || '#391111'
3901
3900
  }),
3902
3901
  colors = _useState4[0],
3903
3902
  setColors = _useState4[1];
@@ -3928,10 +3927,9 @@ var AccountDetails = function AccountDetails(_ref) {
3928
3927
  secondaryColor: secondaryColor || colors.secondaryColor,
3929
3928
  backgroundColor: backgroundColor || colors.backgroundColor,
3930
3929
  fontColor: fontColor || colors.fontColor,
3931
- backgroundImage: backgroundImage || colors.backgroundImage,
3932
3930
  isNightMode: isNightMode
3933
3931
  });
3934
- }, [primaryColor, secondaryColor, backgroundColor, fontColor, backgroundImage]);
3932
+ }, [primaryColor, secondaryColor, backgroundColor, fontColor]);
3935
3933
  React.useEffect(function () {
3936
3934
  (function () {
3937
3935
  try {
@@ -3956,14 +3954,12 @@ var AccountDetails = function AccountDetails(_ref) {
3956
3954
  secondaryColor: secondaryColor || '#26232F',
3957
3955
  backgroundColor: backgroundColor || '#1F1B1B',
3958
3956
  fontColor: fontColor || '#fff',
3959
- backgroundImage: backgroundImage,
3960
3957
  isNightMode: isNightMode
3961
3958
  }) : setColors({
3962
3959
  primaryColor: primaryColor || '#BF262D',
3963
3960
  secondaryColor: secondaryColor || '#FFFFFF',
3964
3961
  backgroundColor: backgroundColor || '#F5F5F5',
3965
3962
  fontColor: fontColor || '#391111',
3966
- backgroundImage: backgroundImage,
3967
3963
  isNightMode: isNightMode
3968
3964
  });
3969
3965
  };
@@ -6728,7 +6724,7 @@ var MainContainer$2 = styled__default.div(_templateObject2$m || (_templateObject
6728
6724
 
6729
6725
  var _templateObject$w, _templateObject2$n, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$9;
6730
6726
  var OutOfStock = function OutOfStock(_ref) {
6731
- var _product$body, _product$body$content, _product$body2, _product$body2$conten;
6727
+ var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
6732
6728
  var product = _ref.product,
6733
6729
  _ref$colors = _ref.colors,
6734
6730
  colors = _ref$colors === void 0 ? {
@@ -6750,7 +6746,7 @@ var OutOfStock = function OutOfStock(_ref) {
6750
6746
  setSubscribed = _React$useState4[1];
6751
6747
  var MasterProductDetails = product === null || product === void 0 ? void 0 : product.masterProductDetails;
6752
6748
  var outofstockproducts = (product === null || product === void 0 ? void 0 : (_product$body = product.body) === null || _product$body === void 0 ? void 0 : (_product$body$content = _product$body.content) === null || _product$body$content === void 0 ? void 0 : _product$body$content.filter(function (item) {
6753
- return item.availableQuantity === 0;
6749
+ return (item === null || item === void 0 ? void 0 : item.availableQuantity) === 0;
6754
6750
  })) || [];
6755
6751
  var handleSelectAllClick = function handleSelectAllClick(event) {
6756
6752
  if (event.target.checked) {
@@ -6769,17 +6765,21 @@ var OutOfStock = function OutOfStock(_ref) {
6769
6765
  };
6770
6766
  var selectitem = function selectitem(product) {
6771
6767
  var selectedIndex = selected.findIndex(function (item) {
6772
- return item.productId === product.productId;
6768
+ return (item === null || item === void 0 ? void 0 : item.productId) === (product === null || product === void 0 ? void 0 : product.productId);
6773
6769
  });
6774
6770
  var newSelected = [];
6775
6771
  if (selectedIndex === -1) {
6776
- newSelected = newSelected.concat(selected, product);
6772
+ var _newSelected;
6773
+ newSelected = (_newSelected = newSelected) === null || _newSelected === void 0 ? void 0 : _newSelected.concat(selected, product);
6777
6774
  } else if (selectedIndex === 0) {
6778
- newSelected = newSelected.concat(selected.slice(1));
6775
+ var _newSelected2;
6776
+ newSelected = (_newSelected2 = newSelected) === null || _newSelected2 === void 0 ? void 0 : _newSelected2.concat(selected === null || selected === void 0 ? void 0 : selected.slice(1));
6779
6777
  } else if (selectedIndex === selected.length - 1) {
6780
- newSelected = newSelected.concat(selected.slice(0, -1));
6778
+ var _newSelected3;
6779
+ newSelected = (_newSelected3 = newSelected) === null || _newSelected3 === void 0 ? void 0 : _newSelected3.concat(selected === null || selected === void 0 ? void 0 : selected.slice(0, -1));
6781
6780
  } else if (selectedIndex > 0) {
6782
- newSelected = newSelected.concat(selected.slice(0, selectedIndex), selected.slice(selectedIndex + 1));
6781
+ var _newSelected4;
6782
+ newSelected = (_newSelected4 = newSelected) === null || _newSelected4 === void 0 ? void 0 : _newSelected4.concat(selected === null || selected === void 0 ? void 0 : selected.slice(0, selectedIndex), selected === null || selected === void 0 ? void 0 : selected.slice(selectedIndex + 1));
6783
6783
  }
6784
6784
  setSelected(newSelected);
6785
6785
  };
@@ -6845,10 +6845,10 @@ var OutOfStock = function OutOfStock(_ref) {
6845
6845
  if ((outofstockproducts === null || outofstockproducts === void 0 ? void 0 : outofstockproducts.length) === 0) {
6846
6846
  makeApiToNotify('master');
6847
6847
  } else {
6848
- if (selected.length === 0) {
6848
+ if ((selected === null || selected === void 0 ? void 0 : selected.length) === 0) {
6849
6849
  return Promise.resolve();
6850
6850
  } else {
6851
- selected.forEach(function (product) {
6851
+ selected === null || selected === void 0 ? void 0 : selected.forEach(function (product) {
6852
6852
  return Object.assign(product, {
6853
6853
  email: email,
6854
6854
  active: true
@@ -6864,7 +6864,7 @@ var OutOfStock = function OutOfStock(_ref) {
6864
6864
  };
6865
6865
  return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
6866
6866
  theme: colors || {}
6867
- }, ((product === null || product === void 0 ? void 0 : (_product$body2 = product.body) === null || _product$body2 === void 0 ? void 0 : (_product$body2$conten = _product$body2.content) === null || _product$body2$conten === void 0 ? void 0 : _product$body2$conten.length) > 0 || (product === null || product === void 0 ? void 0 : product.masterProductDetails.availableQuantity) <= 0) && /*#__PURE__*/React__default.createElement(Root$8, null, /*#__PURE__*/React__default.createElement("p", {
6867
+ }, ((product === null || product === void 0 ? void 0 : (_product$body2 = product.body) === null || _product$body2 === void 0 ? void 0 : (_product$body2$conten = _product$body2.content) === null || _product$body2$conten === void 0 ? void 0 : _product$body2$conten.length) > 0 || (product === null || product === void 0 ? void 0 : (_product$masterProduc = product.masterProductDetails) === null || _product$masterProduc === void 0 ? void 0 : _product$masterProduc.availableQuantity) <= 0) && /*#__PURE__*/React__default.createElement(Root$8, null, /*#__PURE__*/React__default.createElement("p", {
6868
6868
  style: {
6869
6869
  margin: '0.5rem 0',
6870
6870
  fontSize: '1.3rem',
@@ -6891,7 +6891,7 @@ var OutOfStock = function OutOfStock(_ref) {
6891
6891
  inputProps: {
6892
6892
  'aria-label': 'select all desserts'
6893
6893
  }
6894
- })), product === null || product === void 0 ? void 0 : product.header.map(function (head, index) {
6894
+ })), product === null || product === void 0 ? void 0 : (_product$header = product.header) === null || _product$header === void 0 ? void 0 : _product$header.map(function (head, index) {
6895
6895
  return /*#__PURE__*/React__default.createElement(TableCell, {
6896
6896
  align: index === 0 ? 'left' : 'center',
6897
6897
  key: index
@@ -6901,6 +6901,7 @@ var OutOfStock = function OutOfStock(_ref) {
6901
6901
  }
6902
6902
  }, head)));
6903
6903
  }))), /*#__PURE__*/React__default.createElement(TableBody, null, outofstockproducts === null || outofstockproducts === void 0 ? void 0 : outofstockproducts.map(function (variant, index) {
6904
+ var _Object$keys;
6904
6905
  return /*#__PURE__*/React__default.createElement(TableRow, {
6905
6906
  key: index
6906
6907
  }, /*#__PURE__*/React__default.createElement(TableCell, {
@@ -6909,8 +6910,9 @@ var OutOfStock = function OutOfStock(_ref) {
6909
6910
  },
6910
6911
  padding: "checkbox"
6911
6912
  }, /*#__PURE__*/React__default.createElement(MainCheckbox, {
6912
- checked: isSelected(variant.productId)
6913
- })), Object.keys(variant.productVariantLabelValues).map(function (key, index) {
6913
+ checked: isSelected(variant === null || variant === void 0 ? void 0 : variant.productId)
6914
+ })), (variant === null || variant === void 0 ? void 0 : variant.productVariantLabelValues) && ((_Object$keys = Object.keys(variant === null || variant === void 0 ? void 0 : variant.productVariantLabelValues)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (key, index) {
6915
+ var _variant$productVaria;
6914
6916
  return /*#__PURE__*/React__default.createElement(TableCell, {
6915
6917
  align: index === 0 ? 'left' : 'center',
6916
6918
  key: index,
@@ -6920,8 +6922,8 @@ var OutOfStock = function OutOfStock(_ref) {
6920
6922
  style: {
6921
6923
  fontWeight: 600
6922
6924
  }
6923
- }, variant.productVariantLabelValues[key]), index === 0 && /*#__PURE__*/React__default.createElement("p", null, variant.upc))));
6924
- }));
6925
+ }, variant === null || variant === void 0 ? void 0 : (_variant$productVaria = variant.productVariantLabelValues) === null || _variant$productVaria === void 0 ? void 0 : _variant$productVaria[key]), index === 0 && /*#__PURE__*/React__default.createElement("p", null, variant === null || variant === void 0 ? void 0 : variant.upc))));
6926
+ })));
6925
6927
  })))), /*#__PURE__*/React__default.createElement("div", {
6926
6928
  style: {
6927
6929
  padding: '0.6rem 0'