');\n }\n item.inlineElement = el;\n return el;\n }\n mfp.updateStatus('ready');\n mfp._parseMarkup(template, {}, item);\n return template;\n }\n }\n });\n /*>>inline*/\n /*>>ajax*/\n var AJAX_NS = 'ajax', _ajaxCur, _removeAjaxCursor = function () {\n if (_ajaxCur) {\n $(document.body).removeClass(_ajaxCur);\n }\n }, _destroyAjaxRequest = function () {\n _removeAjaxCursor();\n if (mfp.req) {\n mfp.req.abort();\n }\n };\n $.magnificPopup.registerModule(AJAX_NS, {\n options: {\n settings: null,\n cursor: 'mfp-ajax-cur',\n tError: '
The content could not be loaded.'\n },\n proto: {\n initAjax: function () {\n mfp.types.push(AJAX_NS);\n _ajaxCur = mfp.st.ajax.cursor;\n _mfpOn(CLOSE_EVENT + '.' + AJAX_NS, _destroyAjaxRequest);\n _mfpOn('BeforeChange.' + AJAX_NS, _destroyAjaxRequest);\n },\n getAjax: function (item) {\n if (_ajaxCur) {\n $(document.body).addClass(_ajaxCur);\n }\n mfp.updateStatus('loading');\n var opts = $.extend({\n url: item.src,\n success: function (data, textStatus, jqXHR) {\n var temp = {\n data: data,\n xhr: jqXHR\n };\n _mfpTrigger('ParseAjax', temp);\n mfp.appendContent($(temp.data), AJAX_NS);\n item.finished = true;\n _removeAjaxCursor();\n mfp._setFocus();\n setTimeout(function () {\n mfp.wrap.addClass(READY_CLASS);\n }, 16);\n mfp.updateStatus('ready');\n _mfpTrigger('AjaxContentAdded');\n },\n error: function () {\n _removeAjaxCursor();\n item.finished = item.loadError = true;\n mfp.updateStatus('error', mfp.st.ajax.tError.replace('%url%', item.src));\n }\n }, mfp.st.ajax.settings);\n mfp.req = $.ajax(opts);\n return '';\n }\n }\n });\n /*>>ajax*/\n /*>>image*/\n var _imgInterval, _getTitle = function (item) {\n if (item.data && item.data.title !== undefined)\n return item.data.title;\n var src = mfp.st.image.titleSrc;\n if (src) {\n if ($.isFunction(src)) {\n return src.call(mfp, item);\n }\n else if (item.el) {\n return item.el.attr(src) || '';\n }\n }\n return '';\n };\n $.magnificPopup.registerModule('image', {\n options: {\n markup: '
',\n cursor: 'mfp-zoom-out-cur',\n titleSrc: 'title',\n verticalFit: true,\n tError: '
The image could not be loaded.'\n },\n proto: {\n initImage: function () {\n var imgSt = mfp.st.image, ns = '.image';\n mfp.types.push('image');\n _mfpOn(OPEN_EVENT + ns, function () {\n if (mfp.currItem.type === 'image' && imgSt.cursor) {\n $(document.body).addClass(imgSt.cursor);\n }\n });\n _mfpOn(CLOSE_EVENT + ns, function () {\n if (imgSt.cursor) {\n $(document.body).removeClass(imgSt.cursor);\n }\n _window.off('resize' + EVENT_NS);\n });\n _mfpOn('Resize' + ns, mfp.resizeImage);\n if (mfp.isLowIE) {\n _mfpOn('AfterChange', mfp.resizeImage);\n }\n },\n resizeImage: function () {\n var item = mfp.currItem;\n if (!item || !item.img)\n return;\n if (mfp.st.image.verticalFit) {\n var decr = 0;\n // fix box-sizing in ie7/8\n if (mfp.isLowIE) {\n decr = parseInt(item.img.css('padding-top'), 10) + parseInt(item.img.css('padding-bottom'), 10);\n }\n item.img.css('max-height', mfp.wH - decr);\n }\n },\n _onImageHasSize: function (item) {\n if (item.img) {\n item.hasSize = true;\n if (_imgInterval) {\n clearInterval(_imgInterval);\n }\n item.isCheckingImgSize = false;\n _mfpTrigger('ImageHasSize', item);\n if (item.imgHidden) {\n if (mfp.content)\n mfp.content.removeClass('mfp-loading');\n item.imgHidden = false;\n }\n }\n },\n /**\n * Function that loops until the image has size to display elements that rely on it asap\n */\n findImageSize: function (item) {\n var counter = 0, img = item.img[0], mfpSetInterval = function (delay) {\n if (_imgInterval) {\n clearInterval(_imgInterval);\n }\n // decelerating interval that checks for size of an image\n _imgInterval = setInterval(function () {\n if (img.naturalWidth > 0) {\n mfp._onImageHasSize(item);\n return;\n }\n if (counter > 200) {\n clearInterval(_imgInterval);\n }\n counter++;\n if (counter === 3) {\n mfpSetInterval(10);\n }\n else if (counter === 40) {\n mfpSetInterval(50);\n }\n else if (counter === 100) {\n mfpSetInterval(500);\n }\n }, delay);\n };\n mfpSetInterval(1);\n },\n getImage: function (item, template) {\n var guard = 0, \n // image load complete handler\n onLoadComplete = function () {\n if (item) {\n if (item.img[0].complete) {\n item.img.off('.mfploader');\n if (item === mfp.currItem) {\n mfp._onImageHasSize(item);\n mfp.updateStatus('ready');\n }\n item.hasSize = true;\n item.loaded = true;\n _mfpTrigger('ImageLoadComplete');\n }\n else {\n // if image complete check fails 200 times (20 sec), we assume that there was an error.\n guard++;\n if (guard < 200) {\n setTimeout(onLoadComplete, 100);\n }\n else {\n onLoadError();\n }\n }\n }\n }, \n // image error handler\n onLoadError = function () {\n if (item) {\n item.img.off('.mfploader');\n if (item === mfp.currItem) {\n mfp._onImageHasSize(item);\n mfp.updateStatus('error', imgSt.tError.replace('%url%', item.src));\n }\n item.hasSize = true;\n item.loaded = true;\n item.loadError = true;\n }\n }, imgSt = mfp.st.image;\n var el = template.find('.mfp-img');\n if (el.length) {\n var img = document.createElement('img');\n img.className = 'mfp-img';\n if (item.el && item.el.find('img').length) {\n img.alt = item.el.find('img').attr('alt');\n }\n item.img = $(img).on('load.mfploader', onLoadComplete).on('error.mfploader', onLoadError);\n img.src = item.src;\n // without clone() \"error\" event is not firing when IMG is replaced by new IMG\n // TODO: find a way to avoid such cloning\n if (el.is('img')) {\n item.img = item.img.clone();\n }\n img = item.img[0];\n if (img.naturalWidth > 0) {\n item.hasSize = true;\n }\n else if (!img.width) {\n item.hasSize = false;\n }\n }\n mfp._parseMarkup(template, {\n title: _getTitle(item),\n img_replaceWith: item.img\n }, item);\n mfp.resizeImage();\n if (item.hasSize) {\n if (_imgInterval)\n clearInterval(_imgInterval);\n if (item.loadError) {\n template.addClass('mfp-loading');\n mfp.updateStatus('error', imgSt.tError.replace('%url%', item.src));\n }\n else {\n template.removeClass('mfp-loading');\n mfp.updateStatus('ready');\n }\n return template;\n }\n mfp.updateStatus('loading');\n item.loading = true;\n if (!item.hasSize) {\n item.imgHidden = true;\n template.addClass('mfp-loading');\n mfp.findImageSize(item);\n }\n return template;\n }\n }\n });\n /*>>image*/\n /*>>zoom*/\n var hasMozTransform, getHasMozTransform = function () {\n if (hasMozTransform === undefined) {\n hasMozTransform = document.createElement('p').style.MozTransform !== undefined;\n }\n return hasMozTransform;\n };\n $.magnificPopup.registerModule('zoom', {\n options: {\n enabled: false,\n easing: 'ease-in-out',\n duration: 300,\n opener: function (element) {\n return element.is('img') ? element : element.find('img');\n }\n },\n proto: {\n initZoom: function () {\n var zoomSt = mfp.st.zoom, ns = '.zoom', image;\n if (!zoomSt.enabled || !mfp.supportsTransition) {\n return;\n }\n var duration = zoomSt.duration, getElToAnimate = function (image) {\n var newImg = image.clone().removeAttr('style').removeAttr('class').addClass('mfp-animated-image'), transition = 'all ' + (zoomSt.duration / 1000) + 's ' + zoomSt.easing, cssObj = {\n position: 'fixed',\n zIndex: 9999,\n left: 0,\n top: 0,\n '-webkit-backface-visibility': 'hidden'\n }, t = 'transition';\n cssObj['-webkit-' + t] = cssObj['-moz-' + t] = cssObj['-o-' + t] = cssObj[t] = transition;\n newImg.css(cssObj);\n return newImg;\n }, showMainContent = function () {\n mfp.content.css('visibility', 'visible');\n }, openTimeout, animatedImg;\n _mfpOn('BuildControls' + ns, function () {\n if (mfp._allowZoom()) {\n clearTimeout(openTimeout);\n mfp.content.css('visibility', 'hidden');\n // Basically, all code below does is clones existing image, puts in on top of the current one and animated it\n image = mfp._getItemToZoom();\n if (!image) {\n showMainContent();\n return;\n }\n animatedImg = getElToAnimate(image);\n animatedImg.css(mfp._getOffset());\n mfp.wrap.append(animatedImg);\n openTimeout = setTimeout(function () {\n animatedImg.css(mfp._getOffset(true));\n openTimeout = setTimeout(function () {\n showMainContent();\n setTimeout(function () {\n animatedImg.remove();\n image = animatedImg = null;\n _mfpTrigger('ZoomAnimationEnded');\n }, 16); // avoid blink when switching images\n }, duration); // this timeout equals animation duration\n }, 16); // by adding this timeout we avoid short glitch at the beginning of animation\n // Lots of timeouts...\n }\n });\n _mfpOn(BEFORE_CLOSE_EVENT + ns, function () {\n if (mfp._allowZoom()) {\n clearTimeout(openTimeout);\n mfp.st.removalDelay = duration;\n if (!image) {\n image = mfp._getItemToZoom();\n if (!image) {\n return;\n }\n animatedImg = getElToAnimate(image);\n }\n animatedImg.css(mfp._getOffset(true));\n mfp.wrap.append(animatedImg);\n mfp.content.css('visibility', 'hidden');\n setTimeout(function () {\n animatedImg.css(mfp._getOffset());\n }, 16);\n }\n });\n _mfpOn(CLOSE_EVENT + ns, function () {\n if (mfp._allowZoom()) {\n showMainContent();\n if (animatedImg) {\n animatedImg.remove();\n }\n image = null;\n }\n });\n },\n _allowZoom: function () {\n return mfp.currItem.type === 'image';\n },\n _getItemToZoom: function () {\n if (mfp.currItem.hasSize) {\n return mfp.currItem.img;\n }\n else {\n return false;\n }\n },\n // Get element postion relative to viewport\n _getOffset: function (isLarge) {\n var el;\n if (isLarge) {\n el = mfp.currItem.img;\n }\n else {\n el = mfp.st.zoom.opener(mfp.currItem.el || mfp.currItem);\n }\n var offset = el.offset();\n var paddingTop = parseInt(el.css('padding-top'), 10);\n var paddingBottom = parseInt(el.css('padding-bottom'), 10);\n offset.top -= ($(window).scrollTop() - paddingTop);\n /*\n \r\n Animating left + top + width/height looks glitchy in Firefox, but perfect in Chrome. And vice-versa.\n \r\n */\n var obj = {\n width: el.width(),\n // fix Zepto height+padding issue\n height: (_isJQ ? el.innerHeight() : el[0].offsetHeight) - paddingBottom - paddingTop\n };\n // I hate to do this, but there is no another option\n if (getHasMozTransform()) {\n obj['-moz-transform'] = obj['transform'] = 'translate(' + offset.left + 'px,' + offset.top + 'px)';\n }\n else {\n obj.left = offset.left;\n obj.top = offset.top;\n }\n return obj;\n }\n }\n });\n /*>>zoom*/\n /*>>iframe*/\n var IFRAME_NS = 'iframe', _emptyPage = '//about:blank', _fixIframeBugs = function (isShowing) {\n if (mfp.currTemplate[IFRAME_NS]) {\n var el = mfp.currTemplate[IFRAME_NS].find('iframe');\n if (el.length) {\n // reset src after the popup is closed to avoid \"video keeps playing after popup is closed\" bug\n if (!isShowing) {\n el[0].src = _emptyPage;\n }\n // IE8 black screen bug fix\n if (mfp.isIE8) {\n el.css('display', isShowing ? 'block' : 'none');\n }\n }\n }\n };\n $.magnificPopup.registerModule(IFRAME_NS, {\n options: {\n markup: '
',\n srcAction: 'iframe_src',\n // we don't care and support only one default type of URL by default\n patterns: {\n youtube: {\n index: 'youtube.com',\n id: 'v=',\n src: '//www.youtube.com/embed/%id%?autoplay=1'\n },\n vimeo: {\n index: 'vimeo.com/',\n id: '/',\n src: '//player.vimeo.com/video/%id%?autoplay=1'\n },\n gmaps: {\n index: '//maps.google.',\n src: '%id%&output=embed'\n }\n }\n },\n proto: {\n initIframe: function () {\n mfp.types.push(IFRAME_NS);\n _mfpOn('BeforeChange', function (e, prevType, newType) {\n if (prevType !== newType) {\n if (prevType === IFRAME_NS) {\n _fixIframeBugs(); // iframe if removed\n }\n else if (newType === IFRAME_NS) {\n _fixIframeBugs(true); // iframe is showing\n }\n } // else {\n // iframe source is switched, don't do anything\n //}\n });\n _mfpOn(CLOSE_EVENT + '.' + IFRAME_NS, function () {\n _fixIframeBugs();\n });\n },\n getIframe: function (item, template) {\n var embedSrc = item.src;\n var iframeSt = mfp.st.iframe;\n $.each(iframeSt.patterns, function () {\n if (embedSrc.indexOf(this.index) > -1) {\n if (this.id) {\n if (typeof this.id === 'string') {\n embedSrc = embedSrc.substr(embedSrc.lastIndexOf(this.id) + this.id.length, embedSrc.length);\n }\n else {\n embedSrc = this.id.call(this, embedSrc);\n }\n }\n embedSrc = this.src.replace('%id%', embedSrc);\n return false; // break;\n }\n });\n var dataObj = {};\n if (iframeSt.srcAction) {\n dataObj[iframeSt.srcAction] = embedSrc;\n }\n mfp._parseMarkup(template, dataObj, item);\n mfp.updateStatus('ready');\n return template;\n }\n }\n });\n /*>>iframe*/\n /*>>gallery*/\n /**\n * Get looped index depending on number of slides\n */\n var _getLoopedId = function (index) {\n var numSlides = mfp.items.length;\n if (index > numSlides - 1) {\n return index - numSlides;\n }\n else if (index < 0) {\n return numSlides + index;\n }\n return index;\n }, _replaceCurrTotal = function (text, curr, total) {\n return text.replace(/%curr%/gi, curr + 1).replace(/%total%/gi, total);\n };\n $.magnificPopup.registerModule('gallery', {\n options: {\n enabled: false,\n arrowMarkup: '
',\n preload: [0, 2],\n navigateByImgClick: true,\n arrows: true,\n tPrev: 'Previous (Left arrow key)',\n tNext: 'Next (Right arrow key)',\n tCounter: '%curr% of %total%'\n },\n proto: {\n initGallery: function () {\n var gSt = mfp.st.gallery, ns = '.mfp-gallery';\n mfp.direction = true; // true - next, false - prev\n if (!gSt || !gSt.enabled)\n return false;\n _wrapClasses += ' mfp-gallery';\n _mfpOn(OPEN_EVENT + ns, function () {\n if (gSt.navigateByImgClick) {\n mfp.wrap.on('click' + ns, '.mfp-img', function () {\n if (mfp.items.length > 1) {\n mfp.next();\n return false;\n }\n });\n }\n _document.on('keydown' + ns, function (e) {\n if (e.keyCode === 37) {\n mfp.prev();\n }\n else if (e.keyCode === 39) {\n mfp.next();\n }\n });\n });\n _mfpOn('UpdateStatus' + ns, function (e, data) {\n if (data.text) {\n data.text = _replaceCurrTotal(data.text, mfp.currItem.index, mfp.items.length);\n }\n });\n _mfpOn(MARKUP_PARSE_EVENT + ns, function (e, element, values, item) {\n var l = mfp.items.length;\n values.counter = l > 1 ? _replaceCurrTotal(gSt.tCounter, item.index, l) : '';\n });\n _mfpOn('BuildControls' + ns, function () {\n if (mfp.items.length > 1 && gSt.arrows && !mfp.arrowLeft) {\n var markup = gSt.arrowMarkup, arrowLeft = mfp.arrowLeft = $(markup.replace(/%title%/gi, gSt.tPrev).replace(/%dir%/gi, 'left')).addClass(PREVENT_CLOSE_CLASS), arrowRight = mfp.arrowRight = $(markup.replace(/%title%/gi, gSt.tNext).replace(/%dir%/gi, 'right')).addClass(PREVENT_CLOSE_CLASS);\n arrowLeft.click(function () {\n mfp.prev();\n });\n arrowRight.click(function () {\n mfp.next();\n });\n mfp.container.append(arrowLeft.add(arrowRight));\n }\n });\n _mfpOn(CHANGE_EVENT + ns, function () {\n if (mfp._preloadTimeout)\n clearTimeout(mfp._preloadTimeout);\n mfp._preloadTimeout = setTimeout(function () {\n mfp.preloadNearbyImages();\n mfp._preloadTimeout = null;\n }, 16);\n });\n _mfpOn(CLOSE_EVENT + ns, function () {\n _document.off(ns);\n mfp.wrap.off('click' + ns);\n mfp.arrowRight = mfp.arrowLeft = null;\n });\n },\n next: function () {\n mfp.direction = true;\n mfp.index = _getLoopedId(mfp.index + 1);\n mfp.updateItemHTML();\n },\n prev: function () {\n mfp.direction = false;\n mfp.index = _getLoopedId(mfp.index - 1);\n mfp.updateItemHTML();\n },\n goTo: function (newIndex) {\n mfp.direction = (newIndex >= mfp.index);\n mfp.index = newIndex;\n mfp.updateItemHTML();\n },\n preloadNearbyImages: function () {\n var p = mfp.st.gallery.preload, preloadBefore = Math.min(p[0], mfp.items.length), preloadAfter = Math.min(p[1], mfp.items.length), i;\n for (i = 1; i <= (mfp.direction ? preloadAfter : preloadBefore); i++) {\n mfp._preloadItem(mfp.index + i);\n }\n for (i = 1; i <= (mfp.direction ? preloadBefore : preloadAfter); i++) {\n mfp._preloadItem(mfp.index - i);\n }\n },\n _preloadItem: function (index) {\n index = _getLoopedId(index);\n if (mfp.items[index].preloaded) {\n return;\n }\n var item = mfp.items[index];\n if (!item.parsed) {\n item = mfp.parseEl(index);\n }\n _mfpTrigger('LazyLoad', item);\n if (item.type === 'image') {\n item.img = $('
').on('load.mfploader', function () {\n item.hasSize = true;\n }).on('error.mfploader', function () {\n item.hasSize = true;\n item.loadError = true;\n _mfpTrigger('LazyLoadError', item);\n }).attr('src', item.src);\n }\n item.preloaded = true;\n }\n }\n });\n /*>>gallery*/\n /*>>retina*/\n var RETINA_NS = 'retina';\n $.magnificPopup.registerModule(RETINA_NS, {\n options: {\n replaceSrc: function (item) {\n return item.src.replace(/\\.\\w+$/, function (m) { return '@2x' + m; });\n },\n ratio: 1 // Function or number. Set to 1 to disable.\n },\n proto: {\n initRetina: function () {\n if (window.devicePixelRatio > 1) {\n var st = mfp.st.retina, ratio = st.ratio;\n ratio = !isNaN(ratio) ? ratio : ratio();\n if (ratio > 1) {\n _mfpOn('ImageHasSize' + '.' + RETINA_NS, function (e, item) {\n item.img.css({\n 'max-width': item.img[0].naturalWidth / ratio,\n 'width': '100%'\n });\n });\n _mfpOn('ElementParse' + '.' + RETINA_NS, function (e, item) {\n item.src = st.replaceSrc(item, ratio);\n });\n }\n }\n }\n }\n });\n /*>>retina*/\n _checkInstance();\n}));\n//# sourceMappingURL=jquery.magnific-popup.js.map","var map = {\n\t\"./af\": \"./node_modules/moment/locale/af.js\",\n\t\"./af.js\": \"./node_modules/moment/locale/af.js\",\n\t\"./ar\": \"./node_modules/moment/locale/ar.js\",\n\t\"./ar-dz\": \"./node_modules/moment/locale/ar-dz.js\",\n\t\"./ar-dz.js\": \"./node_modules/moment/locale/ar-dz.js\",\n\t\"./ar-kw\": \"./node_modules/moment/locale/ar-kw.js\",\n\t\"./ar-kw.js\": \"./node_modules/moment/locale/ar-kw.js\",\n\t\"./ar-ly\": \"./node_modules/moment/locale/ar-ly.js\",\n\t\"./ar-ly.js\": \"./node_modules/moment/locale/ar-ly.js\",\n\t\"./ar-ma\": \"./node_modules/moment/locale/ar-ma.js\",\n\t\"./ar-ma.js\": \"./node_modules/moment/locale/ar-ma.js\",\n\t\"./ar-sa\": \"./node_modules/moment/locale/ar-sa.js\",\n\t\"./ar-sa.js\": \"./node_modules/moment/locale/ar-sa.js\",\n\t\"./ar-tn\": \"./node_modules/moment/locale/ar-tn.js\",\n\t\"./ar-tn.js\": \"./node_modules/moment/locale/ar-tn.js\",\n\t\"./ar.js\": \"./node_modules/moment/locale/ar.js\",\n\t\"./az\": \"./node_modules/moment/locale/az.js\",\n\t\"./az.js\": \"./node_modules/moment/locale/az.js\",\n\t\"./be\": \"./node_modules/moment/locale/be.js\",\n\t\"./be.js\": \"./node_modules/moment/locale/be.js\",\n\t\"./bg\": \"./node_modules/moment/locale/bg.js\",\n\t\"./bg.js\": \"./node_modules/moment/locale/bg.js\",\n\t\"./bm\": \"./node_modules/moment/locale/bm.js\",\n\t\"./bm.js\": \"./node_modules/moment/locale/bm.js\",\n\t\"./bn\": \"./node_modules/moment/locale/bn.js\",\n\t\"./bn-bd\": \"./node_modules/moment/locale/bn-bd.js\",\n\t\"./bn-bd.js\": \"./node_modules/moment/locale/bn-bd.js\",\n\t\"./bn.js\": \"./node_modules/moment/locale/bn.js\",\n\t\"./bo\": \"./node_modules/moment/locale/bo.js\",\n\t\"./bo.js\": \"./node_modules/moment/locale/bo.js\",\n\t\"./br\": \"./node_modules/moment/locale/br.js\",\n\t\"./br.js\": \"./node_modules/moment/locale/br.js\",\n\t\"./bs\": \"./node_modules/moment/locale/bs.js\",\n\t\"./bs.js\": \"./node_modules/moment/locale/bs.js\",\n\t\"./ca\": \"./node_modules/moment/locale/ca.js\",\n\t\"./ca.js\": \"./node_modules/moment/locale/ca.js\",\n\t\"./cs\": \"./node_modules/moment/locale/cs.js\",\n\t\"./cs.js\": \"./node_modules/moment/locale/cs.js\",\n\t\"./cv\": \"./node_modules/moment/locale/cv.js\",\n\t\"./cv.js\": \"./node_modules/moment/locale/cv.js\",\n\t\"./cy\": \"./node_modules/moment/locale/cy.js\",\n\t\"./cy.js\": \"./node_modules/moment/locale/cy.js\",\n\t\"./da\": \"./node_modules/moment/locale/da.js\",\n\t\"./da.js\": \"./node_modules/moment/locale/da.js\",\n\t\"./de\": \"./node_modules/moment/locale/de.js\",\n\t\"./de-at\": \"./node_modules/moment/locale/de-at.js\",\n\t\"./de-at.js\": \"./node_modules/moment/locale/de-at.js\",\n\t\"./de-ch\": \"./node_modules/moment/locale/de-ch.js\",\n\t\"./de-ch.js\": \"./node_modules/moment/locale/de-ch.js\",\n\t\"./de.js\": \"./node_modules/moment/locale/de.js\",\n\t\"./dv\": \"./node_modules/moment/locale/dv.js\",\n\t\"./dv.js\": \"./node_modules/moment/locale/dv.js\",\n\t\"./el\": \"./node_modules/moment/locale/el.js\",\n\t\"./el.js\": \"./node_modules/moment/locale/el.js\",\n\t\"./en-au\": \"./node_modules/moment/locale/en-au.js\",\n\t\"./en-au.js\": \"./node_modules/moment/locale/en-au.js\",\n\t\"./en-ca\": \"./node_modules/moment/locale/en-ca.js\",\n\t\"./en-ca.js\": \"./node_modules/moment/locale/en-ca.js\",\n\t\"./en-gb\": \"./node_modules/moment/locale/en-gb.js\",\n\t\"./en-gb.js\": \"./node_modules/moment/locale/en-gb.js\",\n\t\"./en-ie\": \"./node_modules/moment/locale/en-ie.js\",\n\t\"./en-ie.js\": \"./node_modules/moment/locale/en-ie.js\",\n\t\"./en-il\": \"./node_modules/moment/locale/en-il.js\",\n\t\"./en-il.js\": \"./node_modules/moment/locale/en-il.js\",\n\t\"./en-in\": \"./node_modules/moment/locale/en-in.js\",\n\t\"./en-in.js\": \"./node_modules/moment/locale/en-in.js\",\n\t\"./en-nz\": \"./node_modules/moment/locale/en-nz.js\",\n\t\"./en-nz.js\": \"./node_modules/moment/locale/en-nz.js\",\n\t\"./en-sg\": \"./node_modules/moment/locale/en-sg.js\",\n\t\"./en-sg.js\": \"./node_modules/moment/locale/en-sg.js\",\n\t\"./eo\": \"./node_modules/moment/locale/eo.js\",\n\t\"./eo.js\": \"./node_modules/moment/locale/eo.js\",\n\t\"./es\": \"./node_modules/moment/locale/es.js\",\n\t\"./es-do\": \"./node_modules/moment/locale/es-do.js\",\n\t\"./es-do.js\": \"./node_modules/moment/locale/es-do.js\",\n\t\"./es-mx\": \"./node_modules/moment/locale/es-mx.js\",\n\t\"./es-mx.js\": \"./node_modules/moment/locale/es-mx.js\",\n\t\"./es-us\": \"./node_modules/moment/locale/es-us.js\",\n\t\"./es-us.js\": \"./node_modules/moment/locale/es-us.js\",\n\t\"./es.js\": \"./node_modules/moment/locale/es.js\",\n\t\"./et\": \"./node_modules/moment/locale/et.js\",\n\t\"./et.js\": \"./node_modules/moment/locale/et.js\",\n\t\"./eu\": \"./node_modules/moment/locale/eu.js\",\n\t\"./eu.js\": \"./node_modules/moment/locale/eu.js\",\n\t\"./fa\": \"./node_modules/moment/locale/fa.js\",\n\t\"./fa.js\": \"./node_modules/moment/locale/fa.js\",\n\t\"./fi\": \"./node_modules/moment/locale/fi.js\",\n\t\"./fi.js\": \"./node_modules/moment/locale/fi.js\",\n\t\"./fil\": \"./node_modules/moment/locale/fil.js\",\n\t\"./fil.js\": \"./node_modules/moment/locale/fil.js\",\n\t\"./fo\": \"./node_modules/moment/locale/fo.js\",\n\t\"./fo.js\": \"./node_modules/moment/locale/fo.js\",\n\t\"./fr\": \"./node_modules/moment/locale/fr.js\",\n\t\"./fr-ca\": \"./node_modules/moment/locale/fr-ca.js\",\n\t\"./fr-ca.js\": \"./node_modules/moment/locale/fr-ca.js\",\n\t\"./fr-ch\": \"./node_modules/moment/locale/fr-ch.js\",\n\t\"./fr-ch.js\": \"./node_modules/moment/locale/fr-ch.js\",\n\t\"./fr.js\": \"./node_modules/moment/locale/fr.js\",\n\t\"./fy\": \"./node_modules/moment/locale/fy.js\",\n\t\"./fy.js\": \"./node_modules/moment/locale/fy.js\",\n\t\"./ga\": \"./node_modules/moment/locale/ga.js\",\n\t\"./ga.js\": \"./node_modules/moment/locale/ga.js\",\n\t\"./gd\": \"./node_modules/moment/locale/gd.js\",\n\t\"./gd.js\": \"./node_modules/moment/locale/gd.js\",\n\t\"./gl\": \"./node_modules/moment/locale/gl.js\",\n\t\"./gl.js\": \"./node_modules/moment/locale/gl.js\",\n\t\"./gom-deva\": \"./node_modules/moment/locale/gom-deva.js\",\n\t\"./gom-deva.js\": \"./node_modules/moment/locale/gom-deva.js\",\n\t\"./gom-latn\": \"./node_modules/moment/locale/gom-latn.js\",\n\t\"./gom-latn.js\": \"./node_modules/moment/locale/gom-latn.js\",\n\t\"./gu\": \"./node_modules/moment/locale/gu.js\",\n\t\"./gu.js\": \"./node_modules/moment/locale/gu.js\",\n\t\"./he\": \"./node_modules/moment/locale/he.js\",\n\t\"./he.js\": \"./node_modules/moment/locale/he.js\",\n\t\"./hi\": \"./node_modules/moment/locale/hi.js\",\n\t\"./hi.js\": \"./node_modules/moment/locale/hi.js\",\n\t\"./hr\": \"./node_modules/moment/locale/hr.js\",\n\t\"./hr.js\": \"./node_modules/moment/locale/hr.js\",\n\t\"./hu\": \"./node_modules/moment/locale/hu.js\",\n\t\"./hu.js\": \"./node_modules/moment/locale/hu.js\",\n\t\"./hy-am\": \"./node_modules/moment/locale/hy-am.js\",\n\t\"./hy-am.js\": \"./node_modules/moment/locale/hy-am.js\",\n\t\"./id\": \"./node_modules/moment/locale/id.js\",\n\t\"./id.js\": \"./node_modules/moment/locale/id.js\",\n\t\"./is\": \"./node_modules/moment/locale/is.js\",\n\t\"./is.js\": \"./node_modules/moment/locale/is.js\",\n\t\"./it\": \"./node_modules/moment/locale/it.js\",\n\t\"./it-ch\": \"./node_modules/moment/locale/it-ch.js\",\n\t\"./it-ch.js\": \"./node_modules/moment/locale/it-ch.js\",\n\t\"./it.js\": \"./node_modules/moment/locale/it.js\",\n\t\"./ja\": \"./node_modules/moment/locale/ja.js\",\n\t\"./ja.js\": \"./node_modules/moment/locale/ja.js\",\n\t\"./jv\": \"./node_modules/moment/locale/jv.js\",\n\t\"./jv.js\": \"./node_modules/moment/locale/jv.js\",\n\t\"./ka\": \"./node_modules/moment/locale/ka.js\",\n\t\"./ka.js\": \"./node_modules/moment/locale/ka.js\",\n\t\"./kk\": \"./node_modules/moment/locale/kk.js\",\n\t\"./kk.js\": \"./node_modules/moment/locale/kk.js\",\n\t\"./km\": \"./node_modules/moment/locale/km.js\",\n\t\"./km.js\": \"./node_modules/moment/locale/km.js\",\n\t\"./kn\": \"./node_modules/moment/locale/kn.js\",\n\t\"./kn.js\": \"./node_modules/moment/locale/kn.js\",\n\t\"./ko\": \"./node_modules/moment/locale/ko.js\",\n\t\"./ko.js\": \"./node_modules/moment/locale/ko.js\",\n\t\"./ku\": \"./node_modules/moment/locale/ku.js\",\n\t\"./ku.js\": \"./node_modules/moment/locale/ku.js\",\n\t\"./ky\": \"./node_modules/moment/locale/ky.js\",\n\t\"./ky.js\": \"./node_modules/moment/locale/ky.js\",\n\t\"./lb\": \"./node_modules/moment/locale/lb.js\",\n\t\"./lb.js\": \"./node_modules/moment/locale/lb.js\",\n\t\"./lo\": \"./node_modules/moment/locale/lo.js\",\n\t\"./lo.js\": \"./node_modules/moment/locale/lo.js\",\n\t\"./lt\": \"./node_modules/moment/locale/lt.js\",\n\t\"./lt.js\": \"./node_modules/moment/locale/lt.js\",\n\t\"./lv\": \"./node_modules/moment/locale/lv.js\",\n\t\"./lv.js\": \"./node_modules/moment/locale/lv.js\",\n\t\"./me\": \"./node_modules/moment/locale/me.js\",\n\t\"./me.js\": \"./node_modules/moment/locale/me.js\",\n\t\"./mi\": \"./node_modules/moment/locale/mi.js\",\n\t\"./mi.js\": \"./node_modules/moment/locale/mi.js\",\n\t\"./mk\": \"./node_modules/moment/locale/mk.js\",\n\t\"./mk.js\": \"./node_modules/moment/locale/mk.js\",\n\t\"./ml\": \"./node_modules/moment/locale/ml.js\",\n\t\"./ml.js\": \"./node_modules/moment/locale/ml.js\",\n\t\"./mn\": \"./node_modules/moment/locale/mn.js\",\n\t\"./mn.js\": \"./node_modules/moment/locale/mn.js\",\n\t\"./mr\": \"./node_modules/moment/locale/mr.js\",\n\t\"./mr.js\": \"./node_modules/moment/locale/mr.js\",\n\t\"./ms\": \"./node_modules/moment/locale/ms.js\",\n\t\"./ms-my\": \"./node_modules/moment/locale/ms-my.js\",\n\t\"./ms-my.js\": \"./node_modules/moment/locale/ms-my.js\",\n\t\"./ms.js\": \"./node_modules/moment/locale/ms.js\",\n\t\"./mt\": \"./node_modules/moment/locale/mt.js\",\n\t\"./mt.js\": \"./node_modules/moment/locale/mt.js\",\n\t\"./my\": \"./node_modules/moment/locale/my.js\",\n\t\"./my.js\": \"./node_modules/moment/locale/my.js\",\n\t\"./nb\": \"./node_modules/moment/locale/nb.js\",\n\t\"./nb.js\": \"./node_modules/moment/locale/nb.js\",\n\t\"./ne\": \"./node_modules/moment/locale/ne.js\",\n\t\"./ne.js\": \"./node_modules/moment/locale/ne.js\",\n\t\"./nl\": \"./node_modules/moment/locale/nl.js\",\n\t\"./nl-be\": \"./node_modules/moment/locale/nl-be.js\",\n\t\"./nl-be.js\": \"./node_modules/moment/locale/nl-be.js\",\n\t\"./nl.js\": \"./node_modules/moment/locale/nl.js\",\n\t\"./nn\": \"./node_modules/moment/locale/nn.js\",\n\t\"./nn.js\": \"./node_modules/moment/locale/nn.js\",\n\t\"./oc-lnc\": \"./node_modules/moment/locale/oc-lnc.js\",\n\t\"./oc-lnc.js\": \"./node_modules/moment/locale/oc-lnc.js\",\n\t\"./pa-in\": \"./node_modules/moment/locale/pa-in.js\",\n\t\"./pa-in.js\": \"./node_modules/moment/locale/pa-in.js\",\n\t\"./pl\": \"./node_modules/moment/locale/pl.js\",\n\t\"./pl.js\": \"./node_modules/moment/locale/pl.js\",\n\t\"./pt\": \"./node_modules/moment/locale/pt.js\",\n\t\"./pt-br\": \"./node_modules/moment/locale/pt-br.js\",\n\t\"./pt-br.js\": \"./node_modules/moment/locale/pt-br.js\",\n\t\"./pt.js\": \"./node_modules/moment/locale/pt.js\",\n\t\"./ro\": \"./node_modules/moment/locale/ro.js\",\n\t\"./ro.js\": \"./node_modules/moment/locale/ro.js\",\n\t\"./ru\": \"./node_modules/moment/locale/ru.js\",\n\t\"./ru.js\": \"./node_modules/moment/locale/ru.js\",\n\t\"./sd\": \"./node_modules/moment/locale/sd.js\",\n\t\"./sd.js\": \"./node_modules/moment/locale/sd.js\",\n\t\"./se\": \"./node_modules/moment/locale/se.js\",\n\t\"./se.js\": \"./node_modules/moment/locale/se.js\",\n\t\"./si\": \"./node_modules/moment/locale/si.js\",\n\t\"./si.js\": \"./node_modules/moment/locale/si.js\",\n\t\"./sk\": \"./node_modules/moment/locale/sk.js\",\n\t\"./sk.js\": \"./node_modules/moment/locale/sk.js\",\n\t\"./sl\": \"./node_modules/moment/locale/sl.js\",\n\t\"./sl.js\": \"./node_modules/moment/locale/sl.js\",\n\t\"./sq\": \"./node_modules/moment/locale/sq.js\",\n\t\"./sq.js\": \"./node_modules/moment/locale/sq.js\",\n\t\"./sr\": \"./node_modules/moment/locale/sr.js\",\n\t\"./sr-cyrl\": \"./node_modules/moment/locale/sr-cyrl.js\",\n\t\"./sr-cyrl.js\": \"./node_modules/moment/locale/sr-cyrl.js\",\n\t\"./sr.js\": \"./node_modules/moment/locale/sr.js\",\n\t\"./ss\": \"./node_modules/moment/locale/ss.js\",\n\t\"./ss.js\": \"./node_modules/moment/locale/ss.js\",\n\t\"./sv\": \"./node_modules/moment/locale/sv.js\",\n\t\"./sv.js\": \"./node_modules/moment/locale/sv.js\",\n\t\"./sw\": \"./node_modules/moment/locale/sw.js\",\n\t\"./sw.js\": \"./node_modules/moment/locale/sw.js\",\n\t\"./ta\": \"./node_modules/moment/locale/ta.js\",\n\t\"./ta.js\": \"./node_modules/moment/locale/ta.js\",\n\t\"./te\": \"./node_modules/moment/locale/te.js\",\n\t\"./te.js\": \"./node_modules/moment/locale/te.js\",\n\t\"./tet\": \"./node_modules/moment/locale/tet.js\",\n\t\"./tet.js\": \"./node_modules/moment/locale/tet.js\",\n\t\"./tg\": \"./node_modules/moment/locale/tg.js\",\n\t\"./tg.js\": \"./node_modules/moment/locale/tg.js\",\n\t\"./th\": \"./node_modules/moment/locale/th.js\",\n\t\"./th.js\": \"./node_modules/moment/locale/th.js\",\n\t\"./tk\": \"./node_modules/moment/locale/tk.js\",\n\t\"./tk.js\": \"./node_modules/moment/locale/tk.js\",\n\t\"./tl-ph\": \"./node_modules/moment/locale/tl-ph.js\",\n\t\"./tl-ph.js\": \"./node_modules/moment/locale/tl-ph.js\",\n\t\"./tlh\": \"./node_modules/moment/locale/tlh.js\",\n\t\"./tlh.js\": \"./node_modules/moment/locale/tlh.js\",\n\t\"./tr\": \"./node_modules/moment/locale/tr.js\",\n\t\"./tr.js\": \"./node_modules/moment/locale/tr.js\",\n\t\"./tzl\": \"./node_modules/moment/locale/tzl.js\",\n\t\"./tzl.js\": \"./node_modules/moment/locale/tzl.js\",\n\t\"./tzm\": \"./node_modules/moment/locale/tzm.js\",\n\t\"./tzm-latn\": \"./node_modules/moment/locale/tzm-latn.js\",\n\t\"./tzm-latn.js\": \"./node_modules/moment/locale/tzm-latn.js\",\n\t\"./tzm.js\": \"./node_modules/moment/locale/tzm.js\",\n\t\"./ug-cn\": \"./node_modules/moment/locale/ug-cn.js\",\n\t\"./ug-cn.js\": \"./node_modules/moment/locale/ug-cn.js\",\n\t\"./uk\": \"./node_modules/moment/locale/uk.js\",\n\t\"./uk.js\": \"./node_modules/moment/locale/uk.js\",\n\t\"./ur\": \"./node_modules/moment/locale/ur.js\",\n\t\"./ur.js\": \"./node_modules/moment/locale/ur.js\",\n\t\"./uz\": \"./node_modules/moment/locale/uz.js\",\n\t\"./uz-latn\": \"./node_modules/moment/locale/uz-latn.js\",\n\t\"./uz-latn.js\": \"./node_modules/moment/locale/uz-latn.js\",\n\t\"./uz.js\": \"./node_modules/moment/locale/uz.js\",\n\t\"./vi\": \"./node_modules/moment/locale/vi.js\",\n\t\"./vi.js\": \"./node_modules/moment/locale/vi.js\",\n\t\"./x-pseudo\": \"./node_modules/moment/locale/x-pseudo.js\",\n\t\"./x-pseudo.js\": \"./node_modules/moment/locale/x-pseudo.js\",\n\t\"./yo\": \"./node_modules/moment/locale/yo.js\",\n\t\"./yo.js\": \"./node_modules/moment/locale/yo.js\",\n\t\"./zh-cn\": \"./node_modules/moment/locale/zh-cn.js\",\n\t\"./zh-cn.js\": \"./node_modules/moment/locale/zh-cn.js\",\n\t\"./zh-hk\": \"./node_modules/moment/locale/zh-hk.js\",\n\t\"./zh-hk.js\": \"./node_modules/moment/locale/zh-hk.js\",\n\t\"./zh-mo\": \"./node_modules/moment/locale/zh-mo.js\",\n\t\"./zh-mo.js\": \"./node_modules/moment/locale/zh-mo.js\",\n\t\"./zh-tw\": \"./node_modules/moment/locale/zh-tw.js\",\n\t\"./zh-tw.js\": \"./node_modules/moment/locale/zh-tw.js\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"./node_modules/moment/locale sync recursive ^\\\\.\\\\/.*$\";","function webpackEmptyAsyncContext(req) {\n\t// Here Promise.resolve().then() is used instead of new Promise() to prevent\n\t// uncaught exception popping up in devtools\n\treturn Promise.resolve().then(function() {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t});\n}\nwebpackEmptyAsyncContext.keys = function() { return []; };\nwebpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;\nmodule.exports = webpackEmptyAsyncContext;\nwebpackEmptyAsyncContext.id = \"./src/$$_lazy_route_resource lazy recursive\";","import { trigger, state, style, transition, animate, group, query, stagger, keyframes\r\n} from '@angular/animations';\r\n\r\nexport const SlideInOutAnimation = [\r\n trigger('slideInOut', [\r\n state('in', style({\r\n 'overflow-y': 'auto', 'opacity': '1', 'visibility': 'visible'\r\n })),\r\n state('out', style({\r\n 'max-height': '0px', 'opacity': '0', 'visibility': 'hidden'\r\n })),\r\n transition('in => out', [group([\r\n animate('600ms ease-in-out', style({\r\n 'opacity': '0'\r\n })),\r\n animate('600ms ease-in-out', style({\r\n 'max-height': '0px'\r\n })),\r\n animate('800ms ease-in-out', style({\r\n 'visibility': 'hidden'\r\n }))\r\n ]\r\n )]),\r\n transition('out => in', [group([\r\n animate('1ms ease-in-out', style({\r\n 'visibility': 'visible', 'max-height': '0px'\r\n })),\r\n animate('600ms ease-in-out', style({\r\n 'max-height': '500px'\r\n })),\r\n animate('800ms ease-in-out', style({\r\n 'opacity': '1'\r\n }))\r\n ]\r\n )])\r\n ]),\r\n\r\n trigger('hideInOut', [\r\n state('in', style({\r\n 'max-height': '500px', 'opacity': '1', 'display': 'block'\r\n })),\r\n state('out', style({\r\n 'max-height': '0px', 'opacity': '0', 'display': 'none'\r\n })),\r\n transition('in => out', [group([\r\n animate('600ms ease-in-out', style({\r\n 'opacity': '0'\r\n })),\r\n animate('600ms ease-in-out', style({\r\n 'max-height': '0px'\r\n })),\r\n animate('800ms ease-in-out', style({\r\n 'display': 'none'\r\n }))\r\n ]\r\n )]),\r\n transition('out => in', [group([\r\n animate('1ms ease-in-out', style({\r\n 'display': 'block', 'max-height': '0px'\r\n })),\r\n animate('600ms ease-in-out', style({\r\n 'max-height': '500px'\r\n })),\r\n animate('800ms ease-in-out', style({\r\n 'opacity': '1'\r\n }))\r\n ]\r\n )])\r\n ]),\r\n]\r\n","var escape = require(\"../../node_modules/css-loader/lib/url/escape.js\");\nexports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n border: 0;\\r\\n font-size: 100%;\\r\\n font: inherit;\\r\\n vertical-align: baseline\\r\\n}\\r\\n\\r\\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {\\r\\n display: block\\r\\n}\\r\\n\\r\\nbody {\\r\\n line-height: 100%\\r\\n}\\r\\n\\r\\nol, ul {\\r\\n list-style: none\\r\\n}\\r\\n\\r\\nblockquote, q {\\r\\n quotes: none\\r\\n}\\r\\n\\r\\n blockquote:after, blockquote:before, q:after, q:before {\\r\\n content: '';\\r\\n content: none\\r\\n }\\r\\n\\r\\ntable {\\r\\n border-collapse: collapse;\\r\\n border-spacing: 0\\r\\n}\\r\\n\\r\\n*, ::after, ::before {\\r\\n box-sizing: border-box\\r\\n}\\r\\n\\r\\nol[class], ul[class] {\\r\\n padding: 0\\r\\n}\\r\\n\\r\\nblockquote, body, dd, dl, figcaption, figure, h1, h2, h3, h4, li, ol[class], p, ul[class] {\\r\\n margin: 0\\r\\n}\\r\\n\\r\\nbody {\\r\\n text-rendering: optimizeSpeed;\\r\\n line-height: 1.5\\r\\n}\\r\\n\\r\\nol[class], ul[class] {\\r\\n list-style: none\\r\\n}\\r\\n\\r\\na:not([class]) {\\r\\n text-decoration-skip-ink: auto\\r\\n}\\r\\n\\r\\nimg {\\r\\n max-width: 100%;\\r\\n display: block\\r\\n}\\r\\n\\r\\narticle > * + * {\\r\\n margin-top: 1em\\r\\n}\\r\\n\\r\\nbutton, input, select, textarea {\\r\\n font: inherit\\r\\n}\\r\\n\\r\\n@media (prefers-reduced-motion:reduce) {\\r\\n * {\\r\\n animation-duration: 0s !important;\\r\\n animation-iteration-count: 1 !important;\\r\\n transition-duration: 0s !important;\\r\\n scroll-behavior: auto !important\\r\\n }\\r\\n}\\r\\n\\r\\na {\\r\\n text-decoration: none\\r\\n}\\r\\n\\r\\na, button {\\r\\n cursor: pointer\\r\\n}\\r\\n\\r\\n* {\\r\\n outline: 0\\r\\n}\\r\\n\\r\\ninput:-webkit-autofill, input:-webkit-autofill:focus input:-webkit-autofill, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus {\\r\\n border: 0;\\r\\n /*-webkit-text-fill-color: #fff !important;*/\\r\\n -webkit-box-shadow: 0 0 0 1000px transparent inset !important;\\r\\n transition: background-color 5000s ease-in-out 0s !important;\\r\\n background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,174,255,0) 50%,rgba(255,255,255,0) 51%,rgba(0,174,255,0) 100%) !important\\r\\n}\\r\\n\\r\\nbody {\\r\\n font-family: \\\"Montserrat\\\";\\r\\n}\\r\\n\\r\\n.container {\\r\\n width: 100%;\\r\\n max-width: 1388px;\\r\\n padding: 0 15px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.d-flex {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n}\\r\\n\\r\\n.ai {\\r\\n -ms-flex-align: start;\\r\\n align-items: flex-start;\\r\\n}\\r\\n\\r\\n.jc {\\r\\n -ms-flex-pack: justify;\\r\\n justify-content: space-between;\\r\\n}\\r\\n\\r\\n.bb {\\r\\n border-bottom: 1px solid #D8E0EB;\\r\\n}\\r\\n\\r\\n.bt {\\r\\n border-top: 1px solid #D8E0EB;\\r\\n}\\r\\n\\r\\n.bcg-white {\\r\\n background-color: #fff;\\r\\n}\\r\\n\\r\\n.header {\\r\\n padding: 21px 0;\\r\\n}\\r\\n\\r\\n.mr {\\r\\n margin-right: 30px;\\r\\n}\\r\\n\\r\\n.mb {\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n\\r\\n.mb-10 {\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n.mt-30 {\\r\\n margin-top: 30px;\\r\\n}\\r\\n\\r\\n.mr-10 {\\r\\n margin-right: 10px;\\r\\n}\\r\\n\\r\\n.mr-15 {\\r\\n margin-right: 15px;\\r\\n}\\r\\n\\r\\n.mb-30 {\\r\\n margin-bottom: 30px;\\r\\n}\\r\\n\\r\\n.ml-10 {\\r\\n margin-left: 10px;\\r\\n}\\r\\n\\r\\n.w33 {\\r\\n width: 33.3%;\\r\\n}\\r\\n\\r\\n.p-40 {\\r\\n padding: 40px 40px 30px;\\r\\n}\\r\\n\\r\\n.pad-profile {\\r\\n padding: 50px 0 70px;\\r\\n}\\r\\n\\r\\n.h2 {\\r\\n font-weight: 700;\\r\\n font-size: 16px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.h3 {\\r\\n font-weight: 600;\\r\\n font-size: 14px;\\r\\n line-height: 17px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #0056A4;\\r\\n}\\r\\n\\r\\n.h4 {\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.h4-black {\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #1B2B3C;\\r\\n}\\r\\n\\r\\n.h6 {\\r\\n font-weight: 700;\\r\\n font-size: 12px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n text-transform: uppercase;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.gumb {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n.logo {\\r\\n width: 150px;\\r\\n margin-right: 55px;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.nav-menu {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: start;\\r\\n align-items: start;\\r\\n margin-top: 3px !important;\\r\\n}\\r\\n\\r\\n .nav-menu .link-menu {\\r\\n margin-right: 43px;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu a {\\r\\n display: -ms-inline-flexbox;\\r\\n display: inline-flex;\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu a .icon-menu {\\r\\n width: 24px;\\r\\n margin-right: 10px;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu:not(.new-parcel) a:after {\\r\\n position: absolute;\\r\\n top: 210%;\\r\\n left: 0;\\r\\n content: \\\"\\\";\\r\\n display: inline-block;\\r\\n width: 0;\\r\\n height: 3px;\\r\\n background: #2361A9;\\r\\n border-radius: 6px 6px 0 0;\\r\\n transition: 0.3s;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu a:hover:after {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n.ship-menu {\\r\\n border: 1px solid #3371B9;\\r\\n border-radius: 10px;\\r\\n color: #2361A9;\\r\\n text-align: center;\\r\\n display: none;\\r\\n}\\r\\n\\r\\n .ship-menu p {\\r\\n cursor: pointer;\\r\\n }\\r\\n\\r\\n .ship-menu p:not(:last-child) {\\r\\n border-bottom: 1px solid #3371B9;\\r\\n }\\r\\n\\r\\n .ship-menu p:hover {\\r\\n font-weight: bold;\\r\\n background-color: #eee;\\r\\n border: 1px solid #3371B9;\\r\\n border-radius: 10px;\\r\\n }\\r\\n\\r\\n .ship-menu p:hover:not(:last-child) {\\r\\n border-bottom: 1px solid #3371B9;\\r\\n border-radius: 10px 10px 0 0;\\r\\n }\\r\\n\\r\\n .ship-menu p:hover:last-child {\\r\\n border-radius: 0 0 10px 10px;\\r\\n }\\r\\n\\r\\n .footer {\\r\\n padding: 33px 0 33px;\\r\\n }\\r\\n\\r\\n .footer .right .skype {\\r\\n margin-right: 20px;\\r\\n }\\r\\n\\r\\n .footer .right .skype img {\\r\\n width: 40px;\\r\\n }\\r\\n\\r\\n .footer .right p {\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 140%;\\r\\n color: #1B2B3C;\\r\\n }\\r\\n\\r\\n .footer .right p a {\\r\\n font-weight: 700;\\r\\n color: #0056A4;\\r\\n }\\r\\n\\r\\n.heading {\\r\\n font-weight: 600;\\r\\n font-size: 22px;\\r\\n line-height: 109%;\\r\\n letter-spacing: -0.01em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.container-form {\\r\\n padding: 30px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n}\\r\\n\\r\\n.form {\\r\\n background: #FFFFFF;\\r\\n border-radius: 20px;\\r\\n border: 1px solid #D8E0EB;\\r\\n}\\r\\n\\r\\n.form-row {\\r\\n width: 100%;\\r\\n margin-bottom: 20px;\\r\\n padding: 0 5px;\\r\\n}\\r\\n\\r\\n .form-row .label {\\r\\n font-weight: 500;\\r\\n font-size: 12px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.01em;\\r\\n color: #2361A9;\\r\\n margin-bottom: 5px;\\r\\n display: block;\\r\\n text-align: left;\\r\\n }\\r\\n\\r\\n .form-row .input {\\r\\n border: 1px solid #D7D8D9;\\r\\n border-radius: 100px;\\r\\n padding: 14px 20px 14px;\\r\\n width: 100%;\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #1B2B3C;\\r\\n }\\r\\n\\r\\n .form-row select {\\r\\n background: none;\\r\\n appearance: none;\\r\\n -moz-appearance: none;\\r\\n -webkit-appearance: none;\\r\\n background-image: url(\" + escape(require(\"../../assets/img/down-arrow.svg\")) + \");\\r\\n background-repeat: no-repeat;\\r\\n background-size: 12px;\\r\\n background-position: calc(100% - 14px) center;\\r\\n }\\r\\n\\r\\n .form-row option {\\r\\n background: none;\\r\\n }\\r\\n\\r\\n .form-row .input.address-lookup {\\r\\n padding: 10px;\\r\\n }\\r\\n\\r\\n.address-lookup select {\\r\\n border: none;\\r\\n background-repeat: no-repeat;\\r\\n background-size: 12px;\\r\\n background-position: calc(100% - 4px) center;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n .address-lookup select option {\\r\\n background: none;\\r\\n }\\r\\n\\r\\n.login-form {\\r\\n width: 540px;\\r\\n margin: 61px auto 108px;\\r\\n}\\r\\n\\r\\n .login-form .logo {\\r\\n margin: 0 auto 34px;\\r\\n }\\r\\n\\r\\n .login-form .form {\\r\\n width: 540px;\\r\\n }\\r\\n\\r\\n .login-form .form .heading {\\r\\n margin-bottom: 30px;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .login-form .h2 {\\r\\n text-align: center;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .login-form .h2:before {\\r\\n display: block;\\r\\n content: \\\"\\\";\\r\\n border: 1px solid #D8E0EB;\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n left: 0;\\r\\n width: 40%;\\r\\n }\\r\\n\\r\\n .login-form .h2:after {\\r\\n display: block;\\r\\n content: \\\"\\\";\\r\\n border: 1px solid #D8E0EB;\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n right: 0;\\r\\n width: 40%;\\r\\n }\\r\\n\\r\\n .login-form .main-button {\\r\\n margin: 0 auto 30px;\\r\\n }\\r\\n\\r\\n .login-form .sub-button {\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n.main-button {\\r\\n background: #2361A9;\\r\\n border-radius: 100px;\\r\\n padding: 15px 31px;\\r\\n font-weight: 700;\\r\\n font-size: 15px;\\r\\n line-height: 109%;\\r\\n text-align: center;\\r\\n letter-spacing: 0.02em;\\r\\n color: #FFFFFF;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.sub-button {\\r\\n border-radius: 100px;\\r\\n padding: 15px 31px;\\r\\n border: 1px solid #2361A9;\\r\\n font-weight: 700;\\r\\n font-size: 15px;\\r\\n line-height: 109%;\\r\\n text-align: center;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n background-color: #fff;\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n.number-bcg {\\r\\n background: rgba(35, 97, 169, 0.1);\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n border-radius: 50%;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n margin-right: 12px;\\r\\n}\\r\\n\\r\\n .number-bcg p {\\r\\n font-weight: 700;\\r\\n font-size: 18px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n }\\r\\n\\r\\n.section-sub-menu {\\r\\n padding: 30px;\\r\\n display: none;\\r\\n}\\r\\n\\r\\n .section-sub-menu.active {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n.section-name {\\r\\n padding: 20px;\\r\\n}\\r\\n\\r\\n.accordion-wrap {\\r\\n overflow: hidden;\\r\\n border-radius: 30px;\\r\\n border: 1px solid #D8E0EB;\\r\\n background-color: #fff;\\r\\n width: 70%;\\r\\n}\\r\\n\\r\\n.accordion-wrap-flex {\\r\\n -ms-flex-align: start;\\r\\n align-items: flex-start;\\r\\n}\\r\\n\\r\\n .accordion-wrap-flex .left-part {\\r\\n width: 30%;\\r\\n }\\r\\n\\r\\n.small-form {\\r\\n padding: 40px 28px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n .small-form .heading {\\r\\n margin-bottom: 30px;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n.form-flex-wrap .left {\\r\\n width: calc(50% - 15px);\\r\\n margin-left: 5px;\\r\\n}\\r\\n\\r\\n.form-flex-wrap .right {\\r\\n width: calc(50% - 15px);\\r\\n margin-right: 5px;\\r\\n}\\r\\n\\r\\n.flex-input .input {\\r\\n width: calc(33.3% - 11px);\\r\\n margin-right: 11px;\\r\\n}\\r\\n\\r\\n .flex-input .input:last-of-type {\\r\\n margin-right: 0;\\r\\n }\\r\\n\\r\\n.end {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-pack: end;\\r\\n justify-content: end;\\r\\n}\\r\\n\\r\\n .end .main-button {\\r\\n margin-right: 0;\\r\\n }\\r\\n\\r\\n.form-columns2 {\\r\\n column-gap: 20px;\\r\\n}\\r\\n\\r\\n .form-columns2 .form-row {\\r\\n width: 50%;\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.divide {\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n margin-bottom: 30px;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n .divide:after {\\r\\n display: block;\\r\\n content: \\\"\\\";\\r\\n border: 1px solid #D8E0EB;\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n right: 0;\\r\\n width: 80%;\\r\\n }\\r\\n\\r\\n .divide.small-line:after {\\r\\n width: 85%;\\r\\n }\\r\\n\\r\\n.create_account {\\r\\n padding: 36px 0 84px;\\r\\n}\\r\\n\\r\\n .create_account .logo {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.profile-create-wrap {\\r\\n column-gap: 30px;\\r\\n}\\r\\n\\r\\n .profile-create-wrap .w33 {\\r\\n width: 33.3%;\\r\\n }\\r\\n\\r\\n.profile-main-info .profile-header {\\r\\n margin-bottom: 30px;\\r\\n}\\r\\n\\r\\n .profile-main-info .profile-header .fs18 {\\r\\n margin-bottom: 8px;\\r\\n }\\r\\n\\r\\n.profile-main-info .profile-sec {\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n .profile-main-info .profile-sec:last-of-type {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.profile-header .avtar-bcg {\\r\\n width: 90px;\\r\\n height: 90px;\\r\\n background: #E9EFF6;\\r\\n border-radius: 50%;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n.profile-header .profile-name {\\r\\n font-weight: 500;\\r\\n font-size: 16px;\\r\\n line-height: 109%;\\r\\n color: #1B2B3C;\\r\\n}\\r\\n\\r\\n.profile-sec .profile-subtitle {\\r\\n font-weight: 500;\\r\\n font-size: 12px;\\r\\n line-height: 15px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #5A6673;\\r\\n}\\r\\n\\r\\n.profile-button {\\r\\n padding: 18px 0 18px;\\r\\n display: block;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.fs18 {\\r\\n font-weight: 700;\\r\\n font-size: 18px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.profile-edit-card {\\r\\n padding: 25px 30px 30px;\\r\\n}\\r\\n\\r\\n .profile-edit-card .row {\\r\\n margin-bottom: 20px;\\r\\n }\\r\\n\\r\\n .profile-edit-card .row:last-of-type {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.profile-create {\\r\\n padding: 37px 0 70px;\\r\\n}\\r\\n\\r\\n.profile .section-sub-menu {\\r\\n width: 70%;\\r\\n}\\r\\n\\r\\n.name-sec-tb {\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.table-profile {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.text-left {\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n.first-ml {\\r\\n padding-left: 23px;\\r\\n}\\r\\n\\r\\ntd, th {\\r\\n padding: 20px 0 20px;\\r\\n}\\r\\n\\r\\ntr:nth-child(even) {\\r\\n background-color: #F5F6F7;\\r\\n}\\r\\n\\r\\n.click-dots {\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n background: #FBDBE3;\\r\\n border-radius: 100px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n position: relative;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.dots-submenu {\\r\\n display: none;\\r\\n position: absolute;\\r\\n top: 100%;\\r\\n right: 0;\\r\\n background: #FFFFFF;\\r\\n box-shadow: 0px 8px 10px #CECDCD;\\r\\n border-radius: 10px;\\r\\n width: 310px;\\r\\n z-index: 1;\\r\\n overflow: hidden;\\r\\n}\\r\\n\\r\\n .dots-submenu.active {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n.line-dots-menu {\\r\\n font-weight: 500;\\r\\n font-size: 16px;\\r\\n line-height: 16px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #1B2B3C;\\r\\n padding: 13px 24px;\\r\\n}\\r\\n\\r\\n .line-dots-menu:hover {\\r\\n background-color: #ECEFF3;\\r\\n }\\r\\n\\r\\n .line-dots-menu img {\\r\\n width: 24px;\\r\\n height: 24px;\\r\\n margin-right: 10px;\\r\\n }\\r\\n\\r\\n.section-name.active {\\r\\n background: #2361A9;\\r\\n overflow: hidden;\\r\\n}\\r\\n\\r\\n .section-name.active .h2 {\\r\\n color: #FFFFFF;\\r\\n }\\r\\n\\r\\n .section-name.active .number-bcg {\\r\\n background: rgba(255, 255, 255, 0.15);\\r\\n }\\r\\n\\r\\n .section-name.active .number-bcg p {\\r\\n color: #FFFFFF;\\r\\n }\\r\\n\\r\\n.small-form.new-parcel {\\r\\n padding: 30px;\\r\\n -ms-flex-align: unset;\\r\\n align-items: unset;\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n .small-form.new-parcel .text {\\r\\n width: 100%;\\r\\n margin-top: 15px;\\r\\n }\\r\\n\\r\\n .small-form.new-parcel .line {\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 220%;\\r\\n color: #1B2B3C;\\r\\n margin-bottom: 10px;\\r\\n }\\r\\n\\r\\n .small-form.new-parcel .line:last-of-type {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.promocode {\\r\\n padding: 15px 30px;\\r\\n}\\r\\n\\r\\n.signature-field {\\r\\n background: #F8F9FA;\\r\\n border: 1px solid #D8E0EB;\\r\\n border-radius: 10px;\\r\\n height: 240px;\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n\\r\\n.top-create-account {\\r\\n margin-bottom: 42px;\\r\\n}\\r\\n\\r\\n .top-create-account .sub-button {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n.form-row.last {\\r\\n margin-bottom: 0;\\r\\n}\\r\\n\\r\\n.section-sub-menu {\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.flex-columns3 {\\r\\n column-gap: 23px;\\r\\n}\\r\\n\\r\\n .flex-columns3 .form-row {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.calculator-popup {\\r\\n margin: 0 auto;\\r\\n max-width: 1000px;\\r\\n}\\r\\n\\r\\n .calculator-popup .section-sub-menu {\\r\\n padding: 40px 10px 30px;\\r\\n }\\r\\n\\r\\n .calculator-popup .end {\\r\\n padding: 30px 15px;\\r\\n }\\r\\n\\r\\n .calculator-popup .end .sub-button {\\r\\n margin-right: 15px;\\r\\n }\\r\\n\\r\\n.end .reset-calc {\\r\\n margin-right: 15px;\\r\\n -ms-flex-item-align: center;\\r\\n -ms-grid-row-align: center;\\r\\n align-self: center;\\r\\n text-decoration: underline;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.mfp-bg {\\r\\n background: rgba(35, 97, 169, 0.4);\\r\\n -webkit-backdrop-filter: blur(10px);\\r\\n backdrop-filter: blur(10px);\\r\\n opacity: 0.8;\\r\\n}\\r\\n\\r\\n.top-calculator {\\r\\n padding: 25px 20px 25px 22px;\\r\\n}\\r\\n\\r\\n.link-login-form .h3 {\\r\\n margin-right: 8px;\\r\\n}\\r\\n\\r\\n .link-login-form .h3:last-of-type {\\r\\n margin-right: 0;\\r\\n }\\r\\n\\r\\n.flag {\\r\\n margin-right: 10px;\\r\\n}\\r\\n\\r\\n.del-details {\\r\\n -ms-flex-pack: justify !important;\\r\\n justify-content: space-between !important;\\r\\n}\\r\\n\\r\\n.drop-off-rates-all-info {\\r\\n margin: 15px 0 5px 5px;\\r\\n}\\r\\n\\r\\n .drop-off-rates-all-info .info-circle {\\r\\n margin-top: -3px;\\r\\n }\\r\\n\\r\\n.h4 {\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.check-row {\\r\\n border: 1px solid #D7D8D9;\\r\\n border-radius: 8px;\\r\\n margin-bottom: 10px;\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n}\\r\\n\\r\\n .check-row:last-of-type {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n .check-row .info-check-row {\\r\\n padding: 14px 20px;\\r\\n width: 90%;\\r\\n border-left: 1px solid #D7D8D9;\\r\\n }\\r\\n\\r\\n .check-row .info-check-row .top-line {\\r\\n margin-bottom: 13px;\\r\\n }\\r\\n\\r\\n .check-row .ai {\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n }\\r\\n\\r\\n/*.check-row .h4, drop-off-rates.h4 {\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n }*/\\r\\n\\r\\n.cost-deliver {\\r\\n font-weight: 600;\\r\\n font-size: 18px;\\r\\n line-height: 22px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.subtitle-check-row {\\r\\n font-weight: 500;\\r\\n font-size: 12px;\\r\\n line-height: 15px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #5A6673;\\r\\n}\\r\\n\\r\\n.img-type-delivery {\\r\\n width: 30px;\\r\\n margin-left: 10px;\\r\\n}\\r\\n\\r\\n .img-type-delivery img {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n.input-drop-off {\\r\\n width: 0 !important;\\r\\n height: 0 !important;\\r\\n opacity: 0;\\r\\n display: block;\\r\\n position: absolute;\\r\\n top: 0;\\r\\n}\\r\\n\\r\\n .input-drop-off:checked + .radio-check-row .radio-but {\\r\\n background-color: #fff;\\r\\n background-image: url(\" + escape(require(\"../../assets/img/done-blue.svg\")) + \");\\r\\n background-repeat: no-repeat;\\r\\n border: unset;\\r\\n background-position: center;\\r\\n }\\r\\n\\r\\n .input-drop-off:checked + .radio-check-row {\\r\\n background-color: #2361A9;\\r\\n }\\r\\n\\r\\n.radio-check-row {\\r\\n padding: 42px 15px;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n}\\r\\n\\r\\n .radio-check-row .radio-but {\\r\\n width: 25px;\\r\\n height: 25px;\\r\\n border: 1px solid #D7D8D9;\\r\\n border-radius: 50%;\\r\\n display: block;\\r\\n }\\r\\n\\r\\n.section-sub-menu.deliver-to {\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.check-input {\\r\\n position: absolute;\\r\\n opacity: 0;\\r\\n cursor: pointer;\\r\\n height: 0;\\r\\n width: 0;\\r\\n}\\r\\n\\r\\n .check-input:checked + .payment_method .false-radio {\\r\\n background-color: #2361A9;\\r\\n background-image: url(\" + escape(require(\"../../assets/img/check.svg\")) + \");\\r\\n background-repeat: no-repeat;\\r\\n border: unset;\\r\\n background-position: center;\\r\\n }\\r\\n\\r\\n .check-input:checked + .payment_method {\\r\\n border: 1px solid #2361A9;\\r\\n }\\r\\n\\r\\n.nav-links {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-pack: space-evenly;\\r\\n justify-content: space-evenly;\\r\\n -ms-flex: 1 1 auto;\\r\\n flex: 1 1 auto;\\r\\n margin-top: 3px;\\r\\n}\\r\\n\\r\\n .prohibited_items_popup {\\r\\n width: 40%;\\r\\n margin: 0 auto;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n -ms-flex-align: start;\\r\\n align-items: flex-start;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .close {\\r\\n margin-right: -25px;\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .top {\\r\\n text-align: center;\\r\\n padding: 50px 0 30px;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .top .img-item {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .top .additional-information {\\r\\n text-align: center;\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .bottom {\\r\\n padding: 20px 20px 35px;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .bottom .par-content-check-info {\\r\\n margin-bottom: 0;\\r\\n margin-right: 5px;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .bottom .par-content-check-info #obligatory_check-error {\\r\\n position: absolute;\\r\\n bottom: -20px;\\r\\n left: 0;\\r\\n }\\r\\n\\r\\n.main-button.btn_prohibited_items[disabled] {\\r\\n opacity: 0.5;\\r\\n}\\r\\n\\r\\n.mobile-order-history {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n\\r\\n@media screen and (max-width: 1248px) {\\r\\n .flex-input .input {\\r\\n width: calc(33.3% - 5px);\\r\\n margin-right: 5px;\\r\\n }\\r\\n\\r\\n .form-row .input {\\r\\n padding: 13px 15px 13px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 991px) {\\r\\n .accordion-wrap-flex .left-part {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .accordion-wrap {\\r\\n width: calc(100% + 30px);\\r\\n margin-right: -15px;\\r\\n margin-left: -15px;\\r\\n }\\r\\n\\r\\n .form-flex-wrap .right {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .form-row {\\r\\n margin-bottom: 14px;\\r\\n }\\r\\n\\r\\n .top-create-account .sub-button {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .form-flex-wrap {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .form-flex-wrap .left {\\r\\n width: 100%;\\r\\n margin-right: 0;\\r\\n margin-left: 0;\\r\\n }\\r\\n\\r\\n .h2 {\\r\\n font-size: 14px;\\r\\n }\\r\\n\\r\\n .number-bcg p {\\r\\n font-size: 16px;\\r\\n }\\r\\n\\r\\n .number-bcg {\\r\\n max-width: 32px;\\r\\n height: 32px;\\r\\n margin-right: 10px;\\r\\n }\\r\\n\\r\\n .section-name .left {\\r\\n width: 85%;\\r\\n }\\r\\n\\r\\n .edit-but {\\r\\n width: 15%;\\r\\n -ms-flex-pack: end;\\r\\n justify-content: end;\\r\\n }\\r\\n\\r\\n .edit-but .edit {\\r\\n max-width: 22px;\\r\\n height: 22px;\\r\\n margin-right: 2px;\\r\\n }\\r\\n\\r\\n .edit-but .h4 {\\r\\n font-style: 12px;\\r\\n }\\r\\n\\r\\n .section-name {\\r\\n padding: 14px 15px;\\r\\n }\\r\\n\\r\\n .mobile-parcel-content-table {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .divide.small-line::after {\\r\\n width: 85%;\\r\\n }\\r\\n\\r\\n .form-columns2 .form-row {\\r\\n margin-bottom: 14px;\\r\\n }\\r\\n\\r\\n .form-flex {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .form-flex .w25.parcel-weight {\\r\\n width: 100%;\\r\\n margin-bottom: 20px;\\r\\n }\\r\\n\\r\\n .flex-columns3 {\\r\\n width: 100%;\\r\\n column-gap: 23px;\\r\\n }\\r\\n\\r\\n .flex-columns3 .w25 {\\r\\n width: 33.3%;\\r\\n }\\r\\n\\r\\n .next-click {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .header {\\r\\n position: relative;\\r\\n padding: 21px 0 0;\\r\\n }\\r\\n\\r\\n header {\\r\\n position: sticky;\\r\\n top: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n z-index: 10;\\r\\n }\\r\\n\\r\\n header.bb {\\r\\n border-bottom: none;\\r\\n }\\r\\n\\r\\n .gumb {\\r\\n display: block;\\r\\n background: url(\" + escape(require(\"../../assets/img/gumb.svg\")) + \");\\r\\n width: 30px;\\r\\n height: 30px;\\r\\n background-repeat: no-repeat;\\r\\n }\\r\\n\\r\\n .gumb.active {\\r\\n background: transparent;\\r\\n }\\r\\n\\r\\n .gumb.active img {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .gumb img {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .nav-menu {\\r\\n display: none;\\r\\n position: absolute;\\r\\n left: 50%;\\r\\n transform: translate(-15%, 100px);\\r\\n width: calc(100% + 100px);\\r\\n margin-left: -15px;\\r\\n margin-bottom: 10px;\\r\\n background-color: #f8f9fa;\\r\\n z-index: 10;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu {\\r\\n margin-right: 0;\\r\\n padding: 20px 15px;\\r\\n transition: 0.3s;\\r\\n border-bottom: 1px solid #D8E0EB;\\r\\n background-color: #fff;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu a {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n font-size: 21px;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu:hover {\\r\\n background-color: #2361A9;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu:hover a {\\r\\n color: #F8F9FA;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu:hover a svg path {\\r\\n fill: #fff;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu:hover a:after {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .ship-menu {\\r\\n color: #2361A9;\\r\\n background-color: #F8F9FA;\\r\\n }\\r\\n\\r\\n .ship-menu p {\\r\\n line-height: 2rem;\\r\\n }\\r\\n\\r\\n .profile-create-menu {\\r\\n display: block;\\r\\n border-top: 1px solid #D8E0EB;\\r\\n border-bottom: 1px solid #D8E0EB;\\r\\n width: calc(100% + 30px);\\r\\n margin-left: -15px;\\r\\n background-color: #fff;\\r\\n }\\r\\n\\r\\n .profile-create-menu .menu {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n padding: 18px 15px;\\r\\n }\\r\\n\\r\\n .profile-create-menu .menu li {\\r\\n margin-right: 35px;\\r\\n }\\r\\n\\r\\n .profile-create-menu .menu li:last-of-type {\\r\\n margin-right: 0;\\r\\n }\\r\\n\\r\\n .profile-create-menu .menu li.active a {\\r\\n color: #0056A4;\\r\\n }\\r\\n\\r\\n .profile-create-menu .menu li a {\\r\\n font-weight: 700;\\r\\n font-size: 15px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n text-transform: uppercase;\\r\\n color: #6E8FAC;\\r\\n }\\r\\n\\r\\n .profile-create-menu .menu li a:hover {\\r\\n color: #0056A4;\\r\\n }\\r\\n\\r\\n .profile-create {\\r\\n background-color: #f8f9fa;\\r\\n }\\r\\n\\r\\n .send-form {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .deliver-to {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .profile-main-info {\\r\\n border-bottom: unset;\\r\\n padding: 0 0 17px 0;\\r\\n }\\r\\n\\r\\n .profile-create-wrap .w33 {\\r\\n background: unset;\\r\\n border-radius: unset;\\r\\n border: unset;\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .profile-create-wrap .w33 .profile-header {\\r\\n border-bottom: unset;\\r\\n padding: 30px 0 20px 0;\\r\\n }\\r\\n\\r\\n .profile-create-wrap .w33 .send-form-add-adress {\\r\\n background: unset;\\r\\n border-radius: unset;\\r\\n border: unset;\\r\\n margin-bottom: 20px;\\r\\n }\\r\\n\\r\\n .profile-create-wrap .w33 .profile-button {\\r\\n padding: 15px 43px;\\r\\n border: 1px solid #2361A9;\\r\\n border-radius: 100px;\\r\\n margin-bottom: 15px;\\r\\n display: inline-block;\\r\\n }\\r\\n\\r\\n .profile-create-wrap .w33 .profile-button p {\\r\\n font-weight: 700;\\r\\n font-size: 15px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n }\\r\\n\\r\\n .profile-create-wrap .w33 .profile-button:last-of-type {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n /*.parcel-content-table{\\r\\n \\tposition: fixed;\\r\\n \\tbottom: 0;\\r\\n \\tleft: 0;\\r\\n \\twidth: 100%;\\r\\n }*/\\r\\n .parcel-content-table {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .promocode {\\r\\n width: 100%;\\r\\n border-radius: unset;\\r\\n padding: 22px 20px 15px;\\r\\n }\\r\\n\\r\\n .p-cont-name {\\r\\n font-weight: 700;\\r\\n font-size: 12px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n }\\r\\n\\r\\n .p-cont-subname {\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n }\\r\\n\\r\\n .item-parcel-cont-quant {\\r\\n border-top: 1px solid #2361A9;\\r\\n }\\r\\n\\r\\n .item-parcel-cont-quant .sect {\\r\\n padding: 15px;\\r\\n }\\r\\n\\r\\n .item-parcel-cont-quant .sect .basket {\\r\\n width: 20px;\\r\\n height: 20px;\\r\\n }\\r\\n\\r\\n .item-parcel-cont-quant .top, .item-parcel-cont-quant .bottom {\\r\\n background-color: #F5F6F7;\\r\\n }\\r\\n\\r\\n .item-parcel-cont-quant .top .p-cont-subname {\\r\\n color: #1B2B3C;\\r\\n }\\r\\n\\r\\n .item-parcel-cont-quant .bottom .p-cont-subname {\\r\\n color: rgba(27, 43, 60, 0.5);\\r\\n }\\r\\n\\r\\n .input-group {\\r\\n background: #F5F6F7;\\r\\n border-radius: 60px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n padding: 13px 14px;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n width: 90px;\\r\\n -ms-flex-pack: justify;\\r\\n justify-content: space-between;\\r\\n }\\r\\n\\r\\n .input-group input[type=number] {\\r\\n -webkit-appearance: none;\\r\\n -moz-appearance: textfield;\\r\\n border: none;\\r\\n background: unset;\\r\\n width: 50%;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .delivery-price {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .payment_method {\\r\\n padding: 12px 15px;\\r\\n }\\r\\n\\r\\n .payment_method p {\\r\\n font-size: 14px;\\r\\n }\\r\\n\\r\\n .false-radio {\\r\\n height: 20px;\\r\\n width: 20px;\\r\\n top: 15px;\\r\\n }\\r\\n\\r\\n .check-input:checked + .payment_method .false-radio {\\r\\n background-size: 11px;\\r\\n }\\r\\n\\r\\n .section-sub-menu {\\r\\n padding: 20px 15px 15px 15px;\\r\\n }\\r\\n\\r\\n .divide::after {\\r\\n width: 80%;\\r\\n }\\r\\n\\r\\n .add-new-item.mobile {\\r\\n background: #2361A9;\\r\\n padding: 20px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: justify;\\r\\n justify-content: space-between;\\r\\n }\\r\\n\\r\\n .add-new-item.mobile p {\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n -webkit-text-decoration-line: underline;\\r\\n text-decoration-line: underline;\\r\\n color: #FFFFFF;\\r\\n }\\r\\n\\r\\n .add-new-item.mobile svg {\\r\\n transform: rotate(90deg);\\r\\n }\\r\\n\\r\\n .modile-delivery-price {\\r\\n display: block;\\r\\n /*position: fixed;*/\\r\\n bottom: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n box-shadow: 0px -4px 10px rgba(90, 102, 115, 0.2);\\r\\n z-index: 4;\\r\\n }\\r\\n\\r\\n .modile-delivery-price .accordion {\\r\\n background-color: #fff;\\r\\n padding: 22px 20px 15px;\\r\\n }\\r\\n\\r\\n .modile-delivery-price .accordion .text {\\r\\n display: none;\\r\\n margin-top: 20px;\\r\\n }\\r\\n\\r\\n .modile-delivery-price .accordion .line {\\r\\n margin-bottom: 10px;\\r\\n }\\r\\n\\r\\n .modile-delivery-price .accordion .line:last-of-type {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n .modile-delivery-price .accordion .line p {\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 220%;\\r\\n color: #1B2B3C;\\r\\n }\\r\\n\\r\\n .modile-delivery-price .promocode {\\r\\n background-color: #fff;\\r\\n }\\r\\n\\r\\n .drop-off-rates-all-info {\\r\\n min-height: unset;\\r\\n }\\r\\n\\r\\n .drop-off-rates-items .left {\\r\\n margin-bottom: 23px;\\r\\n }\\r\\n\\r\\n .promo-code-popup {\\r\\n width: 60%;\\r\\n }\\r\\n\\r\\n .promo-code {\\r\\n padding: 40px 65px 34px;\\r\\n }\\r\\n\\r\\n .table-order-history.form {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .mobile-order-history {\\r\\n display: block;\\r\\n background: #FFFFFF;\\r\\n width: calc(100% + 30px);\\r\\n margin-left: -15px;\\r\\n }\\r\\n\\r\\n .mobile-order-history .row-order-h {\\r\\n padding: 15px 15px;\\r\\n }\\r\\n\\r\\n .mobile-order-history .row-order-h:nth-child(even) {\\r\\n background-color: #F5F6F7;\\r\\n }\\r\\n\\r\\n .mobile-order-history .row-order-h .top {\\r\\n/* margin-bottom: 25px;\\r\\n*/ }\\r\\n\\r\\n .mobile-order-history .row-order-h .top .click-dots.bcg-transp {\\r\\n background-color: transparent;\\r\\n }\\r\\n\\r\\n .mobile-order-history .row-order-h .top .click-dots.bcg-grey {\\r\\n background: #ECEFF3;\\r\\n }\\r\\n\\r\\n .mobile-order-history .row-order-h .bottom {\\r\\n -ms-flex-flow: row;\\r\\n flex-flow: row;\\r\\n -ms-flex-wrap: wrap;\\r\\n flex-wrap: wrap;\\r\\n }\\r\\n\\r\\n .header > .left {\\r\\n -ms-flex-direction:column;\\r\\n flex-direction:column;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .line-dots-menu img {\\r\\n width: 22px;\\r\\n height: 22px;\\r\\n margin-right: 10px;\\r\\n }\\r\\n\\r\\n .line-dots-menu {\\r\\n font-size: 14px;\\r\\n padding: 8px 16px;\\r\\n }\\r\\n\\r\\n .dots-submenu {\\r\\n width: 270px;\\r\\n }\\r\\n\\r\\n .nav-links {\\r\\n margin: -5px 5px 0 5px;\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n }\\r\\n .nav-links a {\\r\\n display:block;\\r\\n }\\r\\n\\r\\n .please_be_advised .top {\\r\\n padding: 55px 70px 35px;\\r\\n }\\r\\n\\r\\n .profile-create-wrap .w33.user-profile br {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .profile .section-sub-menu {\\r\\n width: 100%;\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu a::after {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup {\\r\\n width: 50%;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .top {\\r\\n padding: 30px 35px 20px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 900px) {\\r\\n .divide::after {\\r\\n width: 75%;\\r\\n }\\r\\n}\\r\\n\\r\\n@media screen and (min-width: 992px) {\\r\\n .parcel-weight .form-row {\\r\\n padding-right: 23px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 768px) {\\r\\n .drop-off-rates-items.mon-transfer {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .check-row .info-check-row .top-line {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .top-line.mon-transfer .l {\\r\\n width: 100%;\\r\\n margin-right: 0;\\r\\n margin-bottom: 13px;\\r\\n }\\r\\n\\r\\n .bottom-line {\\r\\n -ms-flex-flow: wrap;\\r\\n flex-flow: wrap;\\r\\n -ms-flex-wrap: wrap;\\r\\n flex-wrap: wrap;\\r\\n grid-row-gap: 13px;\\r\\n }\\r\\n\\r\\n .bottom-line.mon-transfer .l {\\r\\n width: calc(50% - 13px);\\r\\n margin-right: 13px;\\r\\n }\\r\\n\\r\\n .bottom-line.mon-transfer .l:nth-child(even) {\\r\\n margin-right: 0;\\r\\n }\\r\\n\\r\\n .please_be_advised {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .please_be_advised .close {\\r\\n position: absolute;\\r\\n top: -30px;\\r\\n right: 0;\\r\\n }\\r\\n\\r\\n .please_be_advised .top {\\r\\n padding: 30px;\\r\\n }\\r\\n\\r\\n .please_be_advised .bottom {\\r\\n display: block;\\r\\n padding: 20px 15px 10px;\\r\\n }\\r\\n\\r\\n .please_be_advised .bottom .par-content-check-info {\\r\\n margin-bottom: 30px;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup {\\r\\n width: 100%;\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .close {\\r\\n position: absolute;\\r\\n top: 10px;\\r\\n right: 35px;\\r\\n }\\r\\n\\r\\n .pay-method-wrap {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .login-form {\\r\\n width: 100%;\\r\\n margin: 15px 0 50px;\\r\\n }\\r\\n\\r\\n .login-form .form {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .container-form {\\r\\n padding: 30px 15px;\\r\\n }\\r\\n\\r\\n .create_account .logo {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n .logo {\\r\\n /*width: 103px;*/\\r\\n margin-right: 0;\\r\\n display: block;\\r\\n/* position: absolute;*/\\r\\n\\r\\n }\\r\\n\\r\\n .footer .logo {\\r\\n margin-right: 25px;\\r\\n }\\r\\n\\r\\n .footer .right p {\\r\\n font-size: 12px;\\r\\n }\\r\\n\\r\\n .footer .right .skype {\\r\\n margin-right: 10px;\\r\\n width: 30px;\\r\\n }\\r\\n\\r\\n .sub-button {\\r\\n padding: 10px 15px;\\r\\n }\\r\\n\\r\\n .top-create-account {\\r\\n margin-bottom: 35px;\\r\\n }\\r\\n\\r\\n .divide::after {\\r\\n width: 70%;\\r\\n }\\r\\n\\r\\n .calculator-popup {\\r\\n /*margin: 0;\\r\\n width: calc(100% + 12px);\\r\\n margin-left: -6px;*/\\r\\n margin: 0 3px;\\r\\n height: 100%;\\r\\n /*position: fixed;*/\\r\\n z-index: 1;\\r\\n background-color: #fff;\\r\\n }\\r\\n\\r\\n .mfp-inline-holder .mfp-content {\\r\\n height: 100%;\\r\\n }\\r\\n\\r\\n .flex-columns3 {\\r\\n column-gap: 7px;\\r\\n -ms-flex: 0 0 100%;\\r\\n flex: 0 0 100%;\\r\\n }\\r\\n\\r\\n .calculator-popup .end {\\r\\n padding: 30px 16px 30px 40px;\\r\\n }\\r\\n\\r\\n .calculator-popup .section-sub-menu {\\r\\n padding: 20px 15px 30px;\\r\\n }\\r\\n\\r\\n .calculator-popup.form {\\r\\n border-radius: 0;\\r\\n }\\r\\n\\r\\n .top-calculator {\\r\\n padding: 42px 15px 0px;\\r\\n border-bottom: 0;\\r\\n }\\r\\n\\r\\n .parcel-weight {\\r\\n -ms-flex: 0 0 100%;\\r\\n flex: 0 0 100%;\\r\\n }\\r\\n\\r\\n .del-details {\\r\\n -ms-flex-wrap: wrap;\\r\\n flex-wrap: wrap;\\r\\n }\\r\\n\\r\\n .divide.small-line::after {\\r\\n width: 80%;\\r\\n }\\r\\n\\r\\n .payment_method-object {\\r\\n width: calc(50% - 20px);\\r\\n }\\r\\n\\r\\n .payment_method p {\\r\\n font-size: 14px;\\r\\n }\\r\\n\\r\\n .payment_method .text-pay {\\r\\n margin-left: 35px;\\r\\n }\\r\\n\\r\\n .promo-code-popup {\\r\\n width: 100%;\\r\\n -ms-flex-direction: column-reverse;\\r\\n flex-direction: column-reverse;\\r\\n -ms-flex-align: end;\\r\\n align-items: end;\\r\\n }\\r\\n\\r\\n .promo-code {\\r\\n padding: 94px 28px 54px;\\r\\n width: 100%;\\r\\n }\\r\\n}\\r\\n\", \"\"]);\n\n// exports\n\n\n/*** EXPORTS FROM exports-loader ***/\nmodule.exports = module.exports.toString();","module.exports = \"
\\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n Hello!
\\r\\n
OK \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n\"","import { Component, OnInit, OnDestroy, ViewChild, HostListener, Injectable, ViewEncapsulation } from '@angular/core';\r\nimport { Router, NavigationStart, NavigationEnd, RouterEvent, CanDeactivate } from \"@angular/router\";\r\nimport { LocationStrategy } from '@angular/common'\r\nimport { Subscription } from 'rxjs';\r\nimport { tap, map } from 'rxjs/operators';\r\nimport { BsModalService, BsModalRef, ModalDirective } from 'ngx-bootstrap/modal';\r\n\r\ndeclare var $: any;\r\nimport '../../node_modules/jquery/dist/jquery.min.js';\r\nimport * as FileSaver from 'file-saver';\r\nimport '../../magnific-popup/jquery.magnific-popup.js';\r\n\r\nimport { SlideInOutAnimation } from './animations';\r\nimport { QuestionService } from './question.service';\r\nimport { DataService } from './data.service';\r\nimport { MessengerService } from './messenger.service';\r\nimport { HomeComponent } from './home/home.component';\r\nimport { NewParcel2Component } from './new-parcel/new-parcel2.component';\r\nimport { NewMoneyComponent } from './new-money/new-money.component';\r\nimport { InvoiceComponentComponent } from './invoice-component/invoice-component.component';\r\nimport { PaymentComponent } from './payment/payment.component';\r\n//import { EstimatorComponent } from './new-parcel/estimator.component';\r\nimport { PopupEstimatorComponent } from './popup-estimator/popup-estimator.component';\r\nimport { GuestComponent } from './login/guest.component';\r\nimport { LoginComponent } from './login/login.component';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n animations: [SlideInOutAnimation],\r\n templateUrl: './app.component.html'\r\n/* template: `\r\n
\r\n
\r\n
\r\n
{{apptitle}} \r\n
\r\n
{{userinfo}}
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n If you wish to go back or refresh the page, your data will be lost and your parcel will not be saved! \r\n
\r\n
PROCEED \r\n
START OVER \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n
New Parcel \r\n
New Money Transfer \r\n
Order History \r\n
\r\n
\r\n\r\n
\r\n
\r\n ` */ ,\r\n styleUrls: ['./app.componentOrig.css', './app.component.css'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class AppComponent implements OnInit, OnDestroy {\r\n activeComponent: any;\r\n private messageSubscription: Subscription;\r\n apptitle = ''; //'myMeest Portal';\r\n initial = true;\r\n subscription: Subscription;\r\n browserRefresh = false;\r\n prohagree: boolean = false;\r\n gumb: boolean = false;\r\n @ViewChild('smModal', { static: false }) smModal: ModalDirective;\r\n //@HostListener('window:beforeunload', ['$event'])\r\n // beforeunloadHandler(event) {\r\n // event.preventDefault();\r\n // event.returnValue = '';\r\n // this.smModal.show();\r\n // }\r\n //showScanner = false;\r\n //scannedCode = '';\r\n\r\n //public settings = new ScanSettings({\r\n // enabledSymbologies: [\r\n // Barcode.Symbology.EAN8,\r\n // Barcode.Symbology.EAN13,\r\n // Barcode.Symbology.UPCA,\r\n // Barcode.Symbology.UPCE,\r\n // Barcode.Symbology.CODE128,\r\n // Barcode.Symbology.CODE39,\r\n // Barcode.Symbology.CODE93,\r\n // Barcode.Symbology.INTERLEAVED_2_OF_5\r\n // ],\r\n // codeDuplicateFilter: 1000\r\n //});\r\n\r\n constructor(public dataService: DataService, private router: Router, private messengerService: MessengerService, private questionService: QuestionService, private location: LocationStrategy ) {\r\n this.activeComponent = this;\r\n //this.location.onPopState(() => {\r\n // this.dataService.backClicked = true;\r\n //});\r\n //router.events.subscribe((routerEvent: RouterEvent) => {\r\n // if (routerEvent instanceof NavigationStart) {\r\n // if (this.dataService.backClicked) {\r\n // this.dataService.backComponent = this.smModal;\r\n // this.smModal.show();\r\n // }\r\n // }\r\n // if (routerEvent instanceof NavigationEnd) {\r\n // this.dataService.backClicked = false;\r\n // }\r\n //});\r\n }\r\n\r\n ngOnInit(): void {\r\n if (this.dataService.isMobileDevice)\r\n this.apptitle = '';\r\n\r\n this.questionService.getAllQuestions('MeestParcels').subscribe((res: any[]) => {\r\n this.questionService.initQuestions(res);\r\n },\r\n (err: any) => {\r\n //this.errorMessage = this.dataService.processError(err);\r\n });\r\n\r\n this.messageSubscription = this.messengerService.message.subscribe(m => {\r\n if (m.topic === 'InvoiceSigned') {\r\n //this.dataService.downloadInvoice(m.value, m.text);\r\n setTimeout(() => {\r\n //this.router.navigate([\"home\"]);\r\n this.router.navigate([\"payment\", m.value, 0]);\r\n });\r\n }\r\n });\r\n\r\n //$(document).ready(() => {\r\n // $('.but_new_parcel').magnificPopup({\r\n // type: 'inline',\r\n // preloader: false,\r\n // modal: true\r\n // });\r\n // $(document).on('click', '.popup-modal-dismiss', function (e) {\r\n // e.preventDefault();\r\n // $.magnificPopup.close();\r\n // });\r\n //});\r\n }\r\n\r\n ngOnDestroy() {\r\n this.messageSubscription.unsubscribe();\r\n }\r\n\r\n public onRouterOutletActivate(event: any) {\r\n this.activeComponent = event;\r\n if (this.activeComponent instanceof GuestComponent || !this.dataService.isMobileDevice)\r\n this.initial = false;\r\n\r\n if (this.active == 'Home' && this.dataService.loggedIn) {\r\n this.activeComponent.initial = this.initial;\r\n setTimeout(() => {\r\n if (this.initial)\r\n this.doGumb();\r\n // $('.but_new_parcel').magnificPopup({\r\n // type: 'inline',\r\n // preloader: false,\r\n // modal: true\r\n // });\r\n // $(document).on('click', '.popup-modal-dismiss', function (e) {\r\n // e.preventDefault();\r\n // $.magnificPopup.close();\r\n // });\r\n });\r\n }\r\n }\r\n\r\n get active(): string {\r\n if (this.activeComponent instanceof HomeComponent) {\r\n return 'Home';\r\n }\r\n if (this.activeComponent instanceof NewParcel2Component) {\r\n return 'NewParcel';\r\n }\r\n if (this.activeComponent instanceof NewMoneyComponent) {\r\n return 'NewMoney';\r\n }\r\n if (this.activeComponent instanceof InvoiceComponentComponent) {\r\n return 'Invoice';\r\n }\r\n if (this.activeComponent instanceof PaymentComponent) {\r\n return 'Payment';\r\n }\r\n if (this.activeComponent instanceof PopupEstimatorComponent) {\r\n return 'Estimator';\r\n }\r\n if (this.activeComponent instanceof LoginComponent) {\r\n return 'Login';\r\n }\r\n return '';\r\n }\r\n\r\n gohome() {\r\n this.initial = false;\r\n this.router.navigate([\"home\"]);\r\n }\r\n\r\n gohomeback(isProceed: boolean) {\r\n this.dataService.backProceed = isProceed;\r\n this.smModal.hide();\r\n }\r\n\r\n closeProhibited(e: any) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n setTimeout(() => $.magnificPopup.close());\r\n return false;\r\n }\r\n\r\n toggleShipping(e: any) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n setTimeout(() => $(\".ship-menu\").slideToggle(400));\r\n }\r\n\r\n doGumb() {\r\n if (this.dataService.isMobileDevice) {\r\n this.gumb = !this.gumb;\r\n setTimeout(() => $(\".nav-menu\").slideToggle(400));\r\n }\r\n }\r\n\r\n doHistory(e:any) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n this.doGumb();\r\n\r\n this.initial = false;\r\n if (this.active == 'Home' && this.dataService.loggedIn) \r\n this.activeComponent.initial = this.initial;\r\n this.dataService.checkpoint(4).subscribe((ui: string) => {\r\n //if (this.router.url == '/home')\r\n // this.doGumb();\r\n //else\r\n this.router.navigate([\"home\"]);\r\n });\r\n return false;\r\n }\r\n\r\n doNewParcel(e:any, dest?: string) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n this.doGumb();\r\n if (this.dataService.DomesticAvailable)\r\n this.toggleShipping(e);\r\n\r\n this.initial = false;\r\n this.dataService.numPrepaid().subscribe((num: any) => {\r\n $.magnificPopup.close();\r\n var n = Number(num);\r\n if (!isNaN(n) && n == 0)\r\n this.dataService.checkpoint(2).subscribe((ui: string) => {\r\n this.router.navigate([\"newParcel\", dest || 'I']);\r\n });\r\n else\r\n this.smModal.show();\r\n });\r\n return false;\r\n }\r\n\r\n doNewMoney(e:any) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n this.doGumb();\r\n\r\n this.initial = false;\r\n this.dataService.checkpoint(3).subscribe((ui: string) => {\r\n this.router.navigate([\"newMoney\"]);\r\n });\r\n return false;\r\n }\r\n\r\n doProfile(e:any) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n this.doGumb();\r\n\r\n this.initial = false;\r\n this.router.navigate([\"profile\"]);\r\n return false;\r\n }\r\n\r\n doInvoice() {\r\n if (this.activeComponent instanceof HomeComponent) {\r\n var sel = (
this.activeComponent).selectedParcel;\r\n if (sel)\r\n this.router.navigate([\"invoice\", sel.id, sel.ShipmentType == 'MONEY' ? '1' : '0']);\r\n }\r\n }\r\n\r\n donationClick(ev: any) {\r\n this.dataService.checkpoint(10).subscribe((ui: string) => {\r\n });\r\n }\r\n\r\n get canShowInvoice() {\r\n if (this.activeComponent instanceof HomeComponent) {\r\n var sel = (this.activeComponent).selectedParcel;\r\n return !!sel;\r\n }\r\n else\r\n return false;\r\n }\r\n\r\n get postlabel() {\r\n if (this.activeComponent instanceof InvoiceComponentComponent) {\r\n var parcel = (this.activeComponent).parcel;\r\n return parcel && parcel.IsCourier;\r\n }\r\n else\r\n return false;\r\n }\r\n\r\n get isCustomer() {\r\n return this.dataService.userData.UserData.customerCD === 'GUEST';\r\n }\r\n\r\n labelInvoice() {\r\n if (this.activeComponent instanceof InvoiceComponentComponent) {\r\n var comp = this.activeComponent;\r\n var id = comp.invoiceid;\r\n if (id) {\r\n window.open(`${this.dataService.siteURL}Agent/PrintPostLabel/${id}?partial=${this.dataService.userData.Branch ? this.dataService.userData.Branch.id : 0}-${this.dataService.userData.ID}`, '_blank');\r\n //this.dataService.getCPLabel({ ShipmentID: id })\r\n // .subscribe((response) => { // download file\r\n // if (response.type != 'text/plain') {\r\n // var lbl = new Blob([response], { type: response.type });\r\n // var lblfilename = `${comp.parcel.code_a}_ShippingLabel.pdf`;\r\n // FileSaver.saveAs(lbl, lblfilename);\r\n // }\r\n // });\r\n }\r\n }\r\n }\r\n\r\n printInvoice(isNarrow: boolean) {\r\n if (this.activeComponent instanceof InvoiceComponentComponent) {\r\n var id = (this.activeComponent).invoiceid;\r\n if (id) {\r\n //window.open(this.dataService.siteURL + 'Agent/PrintParcelNarrow/' + id, '_blank');\r\n var ctrl = (this.activeComponent).isMoney ? 'Money/PrintPayment' : 'Agent/PrintParcel';\r\n if (isNarrow)\r\n ctrl += 'Narrow';\r\n // window.open(`${this.dataService.siteURL}${ctrl}/PrintParcelNarrow/${id}?partial=${this.dataService.userData.Branch ? this.dataService.userData.Branch.id: 0}-${this.dataService.userData.ID}`, '_blank');\r\n //else\r\n window.open(`${this.dataService.siteURL}${ctrl}/${id}?partial=${this.dataService.userData.Branch ? this.dataService.userData.Branch.id : 0}-${this.dataService.userData.ID}`, '_blank');\r\n }\r\n }\r\n }\r\n\r\n printCN23() {\r\n if (this.activeComponent instanceof InvoiceComponentComponent) {\r\n var id = (this.activeComponent).invoiceid;\r\n if (id) {\r\n window.open(`${this.dataService.siteURL}Agent/PrintParcel/${id}?cn23=1&partial=${this.dataService.userData.Branch ? this.dataService.userData.Branch.id : 0}-${this.dataService.userData.UserData.id}`, '_blank');\r\n }\r\n }\r\n }\r\n\r\n printLabel() {\r\n if (this.activeComponent instanceof InvoiceComponentComponent) {\r\n var id = (this.activeComponent).invoiceid;\r\n if (id) {\r\n window.open(`${this.dataService.siteURL}Agent/PrintLabel/${id}?is4x8=false&partial=${this.dataService.userData.Branch ? this.dataService.userData.Branch.id : 0}-${this.dataService.userData.UserData.id}`, '_blank');\r\n }\r\n }\r\n }\r\n\r\n imageInvoice() {\r\n if (this.activeComponent instanceof InvoiceComponentComponent) {\r\n var id = (this.activeComponent).invoiceid;\r\n if (id)\r\n window.open(`${this.dataService.siteURL}Agent/PrintParcelNarrowImage/${id}?partial=${this.dataService.userData.Branch ? this.dataService.userData.Branch.id : 0}-${this.dataService.userData.ID}`, '_blank');\r\n }\r\n }\r\n\r\n canPay() {\r\n if (this.activeComponent instanceof HomeComponent) {\r\n var sel = (this.activeComponent).selectedParcel;\r\n return sel ? (sel.status != 'PAID' && (sel.ShipmentType == 'MONEY' || sel.carrier != null)) : false;\r\n }\r\n else return false;\r\n }\r\n\r\n doPayment() {\r\n if (this.activeComponent instanceof HomeComponent) {\r\n var sel = (this.activeComponent).selectedParcel;\r\n if (sel)\r\n this.router.navigate([\"payment\", sel.id, sel.ShipmentType == 'PARCEL' ? 0 : 1]);\r\n }\r\n }\r\n\r\n canSign() {\r\n if (this.activeComponent instanceof InvoiceComponentComponent) {\r\n var invcomp = this.activeComponent;\r\n return !invcomp.isMoney && invcomp.parcel && !invcomp.parcel.CN23_Signature;\r\n }\r\n else return false;\r\n }\r\n\r\n doSignature() {\r\n if (this.activeComponent instanceof InvoiceComponentComponent) {\r\n (this.activeComponent).triggerSignature();\r\n }\r\n }\r\n\r\n logout() {\r\n this.dataService.loggedIn = false;\r\n this.dataService.userData = null;\r\n this.initial = true;\r\n this.router.navigate([\"login\"]);\r\n }\r\n}\r\n\r\n@Injectable()\r\nexport class NavigationGuard implements CanDeactivate {\r\n constructor(private dataService: DataService) { }\r\n canDeactivate(component: any) {\r\n // will prevent user from going back\r\n if (this.dataService.backClicked) {\r\n this.dataService.backClicked = false;\r\n return this.dataService.backComponent.onHidden.pipe(map(() => {\r\n if(this.dataService.backProceed)\r\n history.pushState(null, null, location.href);\r\n return !this.dataService.backProceed;\r\n }));\r\n // push current state again to prevent further attempts.\r\n //history.pushState(null, null, location.href);\r\n //return false;\r\n }\r\n return true;\r\n }\r\n}\r\n\r\n","var escape = require(\"../../node_modules/css-loader/lib/url/escape.js\");\nexports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"/*.logo {\\r\\n margin: 15px 0 15px 25px;\\r\\n float: left;\\r\\n background-image: url('../images/meestportalsmall.png');\\r\\n background-size: cover;\\r\\n height: 61px;\\r\\n width: 151px;\\r\\n cursor: pointer;\\r\\n}*/\\r\\n\\r\\n/*i {\\r\\n font-size: 40px;\\r\\n margin-left: 10px;\\r\\n cursor: pointer;\\r\\n}\\r\\n*/\\r\\n.icons {\\r\\n display: inline-block;\\r\\n right: 20px;\\r\\n}\\r\\n\\r\\n .icons img {\\r\\n /*margin-left: 10px;*/\\r\\n vertical-align: top;\\r\\n width: 85px;\\r\\n height: 60px;\\r\\n cursor: pointer;\\r\\n display: inline;\\r\\n }\\r\\n\\r\\n.hdr-text {\\r\\n font-size: 26px;\\r\\n font-weight: bold;\\r\\n font-family: \\\"Open Sans\\\";\\r\\n color: #002a5c;\\r\\n margin-left: 40px;\\r\\n vertical-align: middle;\\r\\n display: inline-block;\\r\\n line-height: 80px;\\r\\n}\\r\\n\\r\\n.user {\\r\\n margin-right: 20px;\\r\\n font-size: 1.1em;\\r\\n}\\r\\n\\r\\n.center-button {\\r\\n margin: 30px auto;\\r\\n display: block;\\r\\n min-width: 158px;\\r\\n}\\r\\n\\r\\n.verticalCenter {\\r\\n position: absolute;\\r\\n top: 40px;\\r\\n transform: translateY(-50%);\\r\\n}\\r\\n\\r\\n.router-container {\\r\\n margin-top: 15px;\\r\\n clear: both;\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n@media (max-width: 768px) {\\r\\n /*.logo {\\r\\n margin: 15px 0 10px 25px;\\r\\n height: 59px;\\r\\n width: 101px;\\r\\n content: url('../images/meest_00.png');\\r\\n }*/\\r\\n .logo {\\r\\n margin: 0 0 10px 5px;\\r\\n float: left;\\r\\n background-image: url(\" + escape(require(\"../images/meestportalsmall.png\")) + \");\\r\\n background-size: cover;\\r\\n height: 59px;\\r\\n width: 151px;\\r\\n }\\r\\n\\r\\n .user {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n i {\\r\\n font-size: 30px;\\r\\n margin-left: 3px;\\r\\n cursor: pointer;\\r\\n }\\r\\n\\r\\n .hdr-text {\\r\\n font-size: 26px;\\r\\n font-weight: bold;\\r\\n font-family: \\\"Open Sans\\\";\\r\\n color: #002a5c;\\r\\n margin-left: 0px;\\r\\n margin-top: 0px;\\r\\n vertical-align: middle;\\r\\n display: inline-block;\\r\\n line-height: 80px;\\r\\n }\\r\\n\\r\\n hr {\\r\\n position: absolute;\\r\\n top: 63px;\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .icons img {\\r\\n width: 40px;\\r\\n height: 30px;\\r\\n }\\r\\n\\r\\n .router-container {\\r\\n margin-top: 8px;\\r\\n }\\r\\n}\\r\\n\", \"\"]);\n\n// exports\n\n\n/*** EXPORTS FROM exports-loader ***/\nmodule.exports = module.exports.toString();","import { Injectable } from '@angular/core';\r\nimport { HttpHeaders, HttpResponse, HttpClient, HttpErrorResponse } from '@angular/common/http';\r\nimport { throwError as observableThrowError, Observable, of, Subject } from 'rxjs';\r\nimport { map, flatMap, catchError } from 'rxjs/operators';\r\n\r\nimport { Parcel } from './parcel-model';\r\nimport { CreditCard, CreditCardResponse } from './payment/creditCard';\r\n\r\n\r\n\r\n\r\nimport * as FileSaver from 'file-saver';\r\ndeclare var config: any;\r\n\r\nexport interface Credentials { username: string, password: string, branch: string, service: string }\r\nexport interface UserCredentials { Code: string, Name: string, ID: number, Permissions: string[], Branch: any, Service: string, UserData: any, Hash: string, Token: string }\r\n\r\nexport interface ITypeAsync {\r\n [index: string]: Observable;\r\n}\r\n\r\n@Injectable()\r\nexport class DataService {\r\n public baseURL: string;\r\n public siteURL: string;\r\n public userData: UserCredentials|any;\r\n public loggedIn = false;\r\n public branches: any[];\r\n public agent_drop: boolean = false;\r\n public backClicked: boolean = false;\r\n public backProceed: boolean = false;\r\n public backComponent: any;\r\n public guestInvoice: boolean = false;\r\n public queue: Subject = new Subject();\r\n public queueDomestic: Subject = new Subject();\r\n public DomesticAvailable: boolean = false;\r\n\r\n addrElements = {\r\n street_number: 'u_house',\r\n route: 'u_street',\r\n locality: 'u_city',\r\n administrative_area_level_1: 'u_oblast',\r\n country: 'u_country',\r\n postal_code: 'u_index'\r\n };\r\n\r\n agentElements = {\r\n name: 'agentname',\r\n address: 'address',\r\n locality: 'city',\r\n state: 'provin_state',\r\n country: 'country',\r\n postal_code: 'pcode_zip'\r\n };\r\n\r\n constructor(private http: HttpClient) {\r\n var pos = config.apiPath.lastIndexOf('/api');\r\n if (pos > 0)\r\n this.baseURL = config.apiPath.substr(0, pos + 1);\r\n else\r\n this.baseURL = config.apiPath;\r\n\r\n this.siteURL = config.sitePath;\r\n }\r\n\r\n currencyFormatter(params) {\r\n return params.value.toFixed(2);\r\n //return \"\\xA3\" + formatNumber(params.value);\r\n }\r\n\r\n dateFormatter(params, format) {\r\n return params.context.datePipe.transform(params.value, params.context.dateFormat);\r\n }\r\n\r\n get isMobileDevice() {\r\n var check = false;\r\n (function (a) { if (/(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(a.substr(0, 4))) check = true; })(navigator.userAgent || navigator.vendor);\r\n return check;\r\n };\r\n\r\n get UserBranch() {\r\n return (this.loggedIn && this.userData.UserData[\"u_country\"].toUpperCase() == 'USA') ? 2 : 1;\r\n }\r\n\r\n get isGuest() {\r\n return (this.loggedIn && this.userData.UserData[\"customerCD\"].toUpperCase() == 'GUEST');\r\n }\r\n\r\n get appService() {\r\n return config.service || 'All';\r\n }\r\n\r\n get useParcels() {\r\n let s = this.appService;\r\n return s == 'All' || s == 'Parcels';\r\n }\r\n\r\n get useMoney() {\r\n let s = this.appService;\r\n return s == 'All' || s == 'Money';\r\n }\r\n\r\n getPostCodes(): Observable {\r\n return this.http.get(this.baseURL + 'api/PostCodes')\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getCountries(): Observable {\r\n return this.http.get(this.baseURL + 'api/RecieveCountries/' + this.userData.Branch.id)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getDomesticCountry(): Observable {\r\n return this.http.get(this.baseURL + 'api/DomesticCountry/' + this.userData.Branch.id)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getDomesticAvailable(): Observable {\r\n return this.http.get(this.baseURL + 'api/DomesticAvailable/' + this.userData.Branch.id)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getCountryState(): Observable {\r\n return this.http.get(this.baseURL + 'api/CountryState')\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getOblast(country: string): Observable {\r\n return this.http.get(this.baseURL + 'api/OblastList/' + this.userData.Branch.id + '/' + country)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getMoneyCountries(): Observable {\r\n return this.http.get(this.baseURL + 'api/MoneyCountries/' + this.userData.Branch.id)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getMoneyConfig(): Observable {\r\n return this.http.get(this.baseURL + 'api/MoneyConfig')\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getDeliverySelection(model: any): Observable {\r\n return this.http.post(this.baseURL + 'api/DeliverySelection/' + this.userData.Branch.id + '/' + this.userData.Code + '/' + this.userData.UserData.u_RateGroup, model)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getDiscountAmount(model: any): Observable {\r\n return this.http.post(this.baseURL + `api/GetDiscount`, model)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getPickupSites(): Observable {\r\n return this.http.get(this.baseURL + 'api/PickupSites/' + this.userData.Branch.id)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getCarrierPostal(): Observable {\r\n var postal = this.userData.UserData ? this.userData.UserData.u_index : '0';\r\n if (!postal) postal = '0';\r\n let headers = new HttpHeaders();\r\n headers = headers.append('Content-Type', 'application/x-www-form-urlencoded');\r\n //return this.http.post(this.baseURL + 'api/CarrierPostal', `=${postal.replace(' ', '+')}`, { headers: headers })\r\n return this.http.post(this.baseURL + 'api/CarrierPostal', `=${encodeURIComponent(postal)}`, { headers: headers })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n verificationEmail(email: string, how: string): Observable {\r\n let headers = new HttpHeaders();\r\n headers = headers.append('Content-Type', 'application/x-www-form-urlencoded');\r\n return this.http.post(this.baseURL + 'api/VerificationEmail/' + how, `=${encodeURIComponent(email)}`, { headers: headers })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n paidSMS(phone: string, id: number): Observable {\r\n let headers = new HttpHeaders();\r\n headers = headers.append('Content-Type', 'application/x-www-form-urlencoded');\r\n return this.http.post(this.baseURL + 'api/paidSMS/'+id, `=${encodeURIComponent(phone)}`, { headers: headers })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getMeestHub(postal: string, isEstimator?: boolean): Observable {\r\n if (!postal) postal = '0';\r\n let headers = new HttpHeaders();\r\n headers = headers.append('Content-Type', 'application/x-www-form-urlencoded');\r\n return this.http.post(this.baseURL + 'api/MeestHub/' + (isEstimator ? 0 : this.userData.Branch.id), `=${encodeURIComponent(postal)}`, { headers: headers })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getMeestAgentWH(postal: string): Observable {\r\n if (!postal) postal = '0';\r\n let headers = new HttpHeaders();\r\n headers = headers.append('Content-Type', 'application/x-www-form-urlencoded');\r\n return this.http.post(this.baseURL + 'api/MeestAgentWH/' + this.userData.Branch.id, `=${encodeURIComponent(postal)}`, { headers: headers })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getMoneyTransferSelection(model: any): Observable {\r\n return this.http.post(this.baseURL + 'api/MoneyTransferSelection/' + this.userData.Branch.id + '/' + this.userData.Code, model)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getBranches(): Observable {\r\n return this.http.get(this.baseURL + 'api/Portal/Branches')\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getServices(branch: string): Observable {\r\n return this.http.get(this.baseURL + 'api/Portal/Services/' + branch)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getPaymentMethods(shipmentType: string): Observable {\r\n return this.http.get(this.baseURL + `api/PaymentMethods/${this.userData.Branch.id}/${this.userData.UserData.u_type}/${this.userData.UserData.u_subtype}/${shipmentType}`)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getParcels(): Observable {\r\n return this.http.get(this.baseURL + `api/Parcels/${this.userData.ID}/${this.userData.Branch ? this.userData.Branch.id : 0}/${this.userData.UserData.u_type}/${this.userData.UserData.u_subtype}`, { withCredentials: true })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getSingleParcel(parcelid: number, isMoney: boolean): Observable {\r\n var method = isMoney ? 'MTData' : 'Parcel';\r\n return this.http.get(this.baseURL + `api/${method}/${parcelid}/${this.userData.Branch ? this.userData.Branch.id : 0}/${this.userData.ID}`)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getPhoneSender(phone: string): Observable {\r\n if (this.isGuest)\r\n return of(null);\r\n else return this.http.get(this.baseURL + `api/PhoneSearchSender/${this.userData.ID}/${phone}`)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getPhoneRecipient(phone: string): Observable {\r\n if (this.isGuest)\r\n return of(null);\r\n else return this.http.get(this.baseURL + `api/PhoneSearchRecipient/${this.userData.ID}/${phone}`)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getInsuranceAmount(): Observable {\r\n return this.http.get(this.baseURL + `api/InsuranceAmount/${this.userData.Branch.id}`)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getItemGroups(): Observable {\r\n return this.http.get(this.baseURL + 'api/ItemGroups')\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getItemGroupsFrequent(): Observable {\r\n return this.http.get(this.baseURL + 'api/ItemGroupsFrequent')\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getDiscounts(phone: string, email: string, code: string): Observable {\r\n let p = { Phone: phone, Email: email, Code: code, branchID: this.userData.Branch.id };\r\n return this.http.post(this.baseURL + 'api/Discounts', p)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n usPaymentCors(arg: string): Observable {\r\n let headers = new HttpHeaders();\r\n headers = headers.append('Content-Type', 'application/x-www-form-urlencoded');\r\n return this.http.post('https://secure.thebankcardgroupgateway.com/api/transact.php', arg, { headers: headers })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n usPayment(card: CreditCard): Observable {\r\n return this.http.post(this.baseURL + 'api/USPayment', card)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n directPay(cc: any): Observable {\r\n return this.http.post(this.baseURL + 'api/PartnerPayRequest', { CreditCard:cc, User:this.userData.UserData})\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n saveParcel(model: Parcel, isCarrier: boolean): Observable {\r\n var carr = isCarrier ? 1 : 0;\r\n return this.http.post(this.baseURL + `api/SaveParcel/${this.userData.UserData.u_type}/${this.userData.UserData.u_RateGroup}/${this.userData.Branch.currency}/${this.userData.Branch.weight}/${this.userData.Branch.dimension}/${carr}`, model)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n saveParcelItem(id: number, model: any[]): Observable {\r\n return this.http.post(this.baseURL + 'api/SaveParcelItem/'+id, model)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n saveSignature(id: number, sigdata: any): Observable {\r\n let headers = new HttpHeaders();\r\n headers = headers.append('TargetService', 'MeestPortal');\r\n return this.http.post(`${this.siteURL}Agent/AddSignature`, { id: id, signature: sigdata, action: window.opener ? 'email' : '' }, { headers: headers })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n saveMoney(model: Parcel): Observable {\r\n return this.http.post(this.baseURL + `api/SaveMoney/${this.userData.UserData.u_type}/${this.userData.UserData.u_RateGroup}/${this.userData.Branch.currency}`, model)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n saveBarcode(parcel: number, code: string): Observable {\r\n return this.http.post(this.baseURL + 'api/UpdateBarcode/' + parcel + '/' + code, null)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n checkBarcode(code: string): Observable {\r\n if (!code || code == '')\r\n return of(null);\r\n else return this.http.get(this.baseURL + 'api/CheckBarcode/' + code)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n senderHistory(): Observable {\r\n return this.http.get(this.baseURL + `api/SenderHistory/${this.userData.ID}`)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n savePayment(parcelid: number, card: CreditCard, billAddress?: boolean): Observable {\r\n return this.http.post(this.baseURL + `api/Payment/${parcelid}/${this.userData.Branch.id}/${this.userData.ID}/${this.userData.Branch.currency}/${billAddress ? 1 : 0}`, card)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n savePaymentGuest(parcelid: number, card: CreditCard, billAddress: boolean, bill: any): Observable {\r\n return this.http.post(this.baseURL + `api/PaymentGuest/${parcelid}/${this.userData.Branch.id}/${this.userData.ID}/${this.userData.Branch.currency}/${billAddress ? 1 : 0}`, { card: card, bill: bill })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getPaymentResult(parcelid: number): Observable {\r\n return this.http.get(this.baseURL + 'api/PaymentResult/' + parcelid)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getInvoice(parcelid: number, isMoney: boolean): Observable {\r\n var url = isMoney ? 'Money/Invoice' : (this.isMobileDevice ? 'Agent/InvoiceNarrow' : 'Agent/InvoiceNarrow');\r\n //var url = isMoney ? 'Money/Invoice' : 'Agent/Invoice';\r\n return this.http.get(`${this.siteURL}${url}/${parcelid}?partial=${this.userData.Branch ? this.userData.Branch.id : 0}-${this.userData.UserData.id}&inline=${this.isGuest ? 'G' : 'Y'}`, { responseType: 'text' })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n deleteParcel(parcelid: number): Observable {\r\n return this.http.post(`${this.siteURL}Agent/DeleteParcel/${parcelid}`, '', { responseType: 'text' })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n downloadInvoice(invId: number, parcelCode: string) {\r\n var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\r\n if (!isSafari)\r\n return;\r\n\r\n //this.http.get(`${this.siteURL}Agent/PrintParcel/${invId}?cn23=0&partial=${this.userData.Branch.id}-${this.userData.ID}`, { headers: new Headers({ 'Content-Type': 'application/json' }), responseType: ResponseContentType.Blob })\r\n this.http.get(`${this.siteURL}Agent/PrintParcelNarrow/${invId}?partial=${this.userData.Branch.id}-${this.userData.ID}`, { headers: new HttpHeaders({ 'Content-Type': 'application/json' }), responseType: 'blob' })\r\n .subscribe((response) => { // download file\r\n var blob = new Blob([response], { type: 'application/pdf' });\r\n //if (window.navigator && window.navigator.msSaveOrOpenBlob) {\r\n // window.navigator.msSaveOrOpenBlob(blob);\r\n //}\r\n //else {\r\n // var objectUrl = URL.createObjectURL(blob);\r\n // window.open(objectUrl);\r\n //}\r\n var filename = `${parcelCode}.pdf`;\r\n FileSaver.saveAs(blob, filename);\r\n });\r\n }\r\n\r\n downloadInvoiceAsync(invId: number, isMoney: boolean) {\r\n var url = isMoney ? 'Money/PrintPayment' : 'Agent/PrintParcelNarrow';\r\n //return this.http.get(`${this.siteURL}Agent/PrintParcel/${invId}?cn23=0&partial=${this.userData.Branch.id}-${this.userData.ID}`, { headers: new Headers({ 'Content-Type': 'application/json' }), responseType: ResponseContentType.Blob })\r\n return this.http.get(`${this.siteURL}${url}/${invId}?partial=${this.userData.Branch.id}-${this.userData.ID}`, { headers: new HttpHeaders({ 'Content-Type': 'application/json' }), responseType: 'blob' })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n downloadLabelAsync(invId: number): Observable {\r\n return this.http.get(`${this.siteURL}Agent/PrintLabel/${invId}?is4x8=false&partial=${this.userData.Branch.id}-${this.userData.UserData.id}`, { headers: new HttpHeaders({ 'Content-Type': 'application/json' }), responseType: 'blob' })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n sendCompleteEmail(invId: number, status: string, isMoney: boolean) {\r\n return this.http.get(`${this.siteURL}Agent/SendCustomerEmail/${invId}?partial=${this.userData.Branch.id}-${this.userData.ID}-${status}&isMoney=${isMoney ? 1 : 0}`, { headers: new HttpHeaders({ 'Content-Type': 'application/json' }) })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getAgentList(country: string, lat: number, lon: number): Observable {\r\n return this.http.get(this.baseURL + `api/AgentListDist/${country}?lat=${lat}&lon=${lon}`)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getAgent(code: string): Observable {\r\n return this.http.get(this.baseURL + 'api/Agent/' + code)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getClosestAgent(lat: number, lon: number, country: string): Observable {\r\n var c = country ? `&country=${country}` : '';\r\n return this.http.get(this.baseURL + `api/ClosestAgent?lat=${lat}&lon=${lon}${c}`)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getDocList(code: string): Observable {\r\n return this.http.get(this.baseURL + 'api/DocList/List/' + code)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getDocument(name: string): Observable {\r\n let headers = new HttpHeaders();\r\n headers = headers.append('Content-Type', 'application/x-www-form-urlencoded');\r\n return this.http.post(this.baseURL + 'api/DocList/Get/', `=${encodeURIComponent(name)}`, { headers: headers, responseType: 'blob' })\r\n .pipe(catchError((error) => { return this.handleErrorBlob(error); }));\r\n }\r\n\r\n deleteDoc(code: string, num: string): Observable {\r\n return this.http.delete(this.baseURL + `api/DocList/Delete/${code}/${num}`)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getShipForDoc(code: string): Observable {\r\n return this.http.get(this.baseURL + 'api/ParcelForDocUpload/' + code)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n saveIdList(param: any): Observable {\r\n return this.http.post(this.baseURL + 'api/UpdateIdList', param)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getCPRates(param: any): Observable {\r\n return this.http.post(this.baseURL + 'api/CanadaPostRates', Object.assign({ BranchID: this.userData.Branch.id }, param))\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getPostRates(param: any): Observable {\r\n return this.http.post(this.baseURL + 'api/GetPostRates', Object.assign({ BranchID: this.userData.Branch.id }, param))\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getExpressPostRates(param: any): Observable {\r\n return this.http.post(this.baseURL + 'api/GetExpressPostRates', Object.assign({ BranchID: this.userData.Branch.id }, param))\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n saveCPShipment(param: any, shipType: string): Observable {\r\n return this.http.post(this.baseURL + 'api/SaveCanadaPostShipment/' + shipType, Object.assign({ BranchID: this.userData.Branch.id }, param))\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getCPShipment(id: number): Observable {\r\n return this.http.get(this.baseURL + 'api/GetCanadaPostShipment/' + id)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n createCPShipment(param: any): Observable {\r\n return this.http.post(this.baseURL + 'api/CanadaPostShipment', Object.assign({ BranchID: this.userData.Branch.id }, param))\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getCPLabel(param: any): Observable {\r\n return this.http.post(this.baseURL + 'api/CanadaPostLabel', Object.assign({ BranchID: this.userData.Branch.id }, param), { headers: new HttpHeaders({ 'Content-Type': 'application/json' }), responseType: 'blob' })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n sendDWShipment(id: number): Observable {\r\n return this.http.get(this.baseURL + 'api/DW/Parcel/' + id)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getFixedRates(): Observable {\r\n return this.http.get(this.baseURL + 'api/CarrierFixedRates/' + this.userData.Branch.id)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n checkpoint(chkpt: number): Observable {\r\n let point = { UserEmail: this.userData.UserData.u_email, CheckpointTypeID: chkpt };\r\n return this.http.post(this.baseURL + 'api/Checkpoint', point)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n numPrepaid(): Observable {\r\n if (!this.userData || !this.userData.UserData || !this.userData.UserData.id)\r\n return of(0);\r\n return this.http.get(this.baseURL + 'api/PrepaidParcels/' + this.userData.UserData.id)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n saveParcelAgent(id: number, code: string): Observable {\r\n return this.http.post(this.baseURL + `api/ParcelAgent/${id}/${code}`, '')\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n getTypeahead(query: string): Observable {\r\n let headers = new HttpHeaders();\r\n headers = headers.set('Content-Type', 'application/x-www-form-urlencoded');\r\n return this.http.post(this.baseURL + `api/ItemTypeahead`, '=' + query, { headers: headers })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n insertQuestions(questions: any[], page: string): Observable {\r\n return this.http.post(this.baseURL + 'api/UI/Insert/' + page, questions)\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n userProfile(model: any): Observable {\r\n return this.http.post(this.baseURL + 'api/Portal/UserProfile', model, { withCredentials: true })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n register(model: any): Observable {\r\n return this.http.post(this.baseURL + 'api/Portal/Registration', model, { withCredentials: true })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n completeReg(model: any): Observable {\r\n return this.http.post(this.baseURL + 'api/Portal/CompleteReg', model, { withCredentials: true })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n login(credentials: Credentials): Observable {\r\n return this.http.post(this.baseURL + 'api/Portal/Login', credentials, { withCredentials: true });\r\n }\r\n\r\n loginGuest(credentials: Credentials): Observable {\r\n return this.http.post(this.baseURL + 'api/Portal/LoginGuest', credentials, { withCredentials: true });\r\n }\r\n\r\n resetPassword(credentials: Credentials): Observable {\r\n return this.http.post(this.baseURL + 'api/Portal/ResetPassword', credentials, { withCredentials: true })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n loginEncrypted(credenc: string): Observable {\r\n let headers = new HttpHeaders();\r\n headers = headers.set('Content-Type', 'application/x-www-form-urlencoded');\r\n return this.http.post(this.baseURL + 'api/Portal/LoginEncrypted', '=' + credenc, { headers: headers, withCredentials: true })\r\n .pipe(catchError((error) => { return this.handleError(error); }));\r\n }\r\n\r\n parseUserAddress(user_addrComp: any, source?: any) {\r\n let from = source ? source : this.userData.UserData;\r\n let addrComp = [];\r\n for (var p in this.addrElements) {\r\n var el = from[this.addrElements[p]];\r\n if (el && el != '') {\r\n addrComp.push(el);\r\n user_addrComp[p] = el;\r\n }\r\n }\r\n return addrComp;\r\n }\r\n\r\n parseAgentAddress(ag: any, agent_addrComp: any) {\r\n let addrComp = [];\r\n for (var p in this.agentElements) {\r\n var el = ag[this.agentElements[p]];\r\n if (el && el != '') {\r\n addrComp.push(el);\r\n agent_addrComp[p] = el;\r\n }\r\n }\r\n return addrComp;\r\n }\r\n\r\nhasClass(el, className) {\r\n if (el.classList)\r\n return el.classList.contains(className);\r\n return !!el.className.match(new RegExp('(\\\\s|^)' + className + '(\\\\s|$)'));\r\n}\r\n\r\naddClass(el, className) {\r\n if (el.classList)\r\n el.classList.add(className)\r\n else if (!this.hasClass(el, className))\r\n el.className += \" \" + className;\r\n}\r\n\r\nremoveClass(el, className) {\r\n if (el.classList)\r\n el.classList.remove(className)\r\n else if (this.hasClass(el, className)) {\r\n var reg = new RegExp('(\\\\s|^)' + className + '(\\\\s|$)');\r\n el.className = el.className.replace(reg, ' ');\r\n }\r\n}\r\n processError(err: any): string {\r\n var errorMessage: string;\r\n if (err.ExceptionMessage) {\r\n errorMessage = err.ExceptionMessage;\r\n var ex = err.InnerException;\r\n while (ex) {\r\n errorMessage += (\" => \" + ex.ExceptionMessage);\r\n ex = ex.InnerException;\r\n }\r\n }\r\n else if (err.Message)\r\n errorMessage = err.Message;\r\n else if (err.message)\r\n errorMessage = err.message;\r\n else\r\n errorMessage = err;\r\n\r\n return errorMessage;\r\n }\r\n\r\n public handleError(error: any) {\r\n if (error.status == 500) {\r\n var jerr = error.error;\r\n //if (jerr && jerr.ExceptionMessage === 'UnauthorizedException')\r\n // this.messengerService.statusChanged('UnauthorizedException');\r\n //else\r\n return observableThrowError(jerr || 'Server error');\r\n }\r\n else\r\n return observableThrowError({ Message: error.status + ' ' + error.statusText });\r\n }\r\n\r\n handleErrorBlob(err: HttpErrorResponse): Observable {\r\n const reader: FileReader = new FileReader();\r\n\r\n const obs = Observable.create((observer: any) => {\r\n reader.onloadend = (e) => {\r\n observer.error(JSON.parse(reader.result));\r\n observer.complete();\r\n }\r\n });\r\n reader.readAsText(err.error);\r\n return obs;\r\n }\r\n}\r\n","import { AfterViewInit, Component, ViewChild, ViewContainerRef } from \"@angular/core\";\r\n\r\nimport { ICellEditorAngularComp } from \"ag-grid-angular\";\r\nimport Quagga from 'quagga/dist/quagga';\r\n\r\n@Component({\r\n selector: 'numeric-cell',\r\n template: `\r\n \r\n
Barcode \r\n
Scan Barcode \r\n\r\n
\r\n
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n Next \\r\\n
\\r\\n
\r\n {{opt.value}} \r\n \r\n `\r\n})\r\nexport class DropdownEditor implements ICellEditorAngularComp, AfterViewInit {\r\n private params: any;\r\n public value: string;\r\n public options: { key: string, value: string }[] = [];\r\n private cancelBeforeStart: boolean = false;\r\n private cancelAfterEnd: boolean = false;\r\n\r\n @ViewChild('input', { read: ViewContainerRef, static: false }) public input;\r\n\r\n\r\n agInit(params: any): void {\r\n this.params = params;\r\n this.options = this.params.options;\r\n this.value = this.params.value;\r\n }\r\n\r\n getValue(): any {\r\n return this.value;\r\n }\r\n\r\n isCancelBeforeStart(): boolean {\r\n return this.cancelBeforeStart;\r\n }\r\n\r\n isCancelAfterEnd(): boolean {\r\n return this.cancelAfterEnd;\r\n };\r\n\r\n checkChange(event): void {\r\n }\r\n\r\n // dont use afterGuiAttached for post gui events - hook into ngAfterViewInit instead for this\r\n ngAfterViewInit() {\r\n setTimeout(() => {\r\n this.input.element.nativeElement.focus();\r\n })\r\n }\r\n}\r\n","var escape = require(\"../../../node_modules/css-loader/lib/url/escape.js\");\nexports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n border: 0;\\r\\n font-size: 100%;\\r\\n font: inherit;\\r\\n vertical-align: baseline\\r\\n}\\r\\n\\r\\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {\\r\\n display: block\\r\\n}\\r\\n\\r\\nbody {\\r\\n line-height: 100%\\r\\n}\\r\\n\\r\\nol, ul {\\r\\n list-style: none\\r\\n}\\r\\n\\r\\nblockquote, q {\\r\\n quotes: none\\r\\n}\\r\\n\\r\\n blockquote:after, blockquote:before, q:after, q:before {\\r\\n content: '';\\r\\n content: none\\r\\n }\\r\\n\\r\\ntable {\\r\\n border-collapse: collapse;\\r\\n border-spacing: 0\\r\\n}\\r\\n\\r\\n*, ::after, ::before {\\r\\n box-sizing: border-box\\r\\n}\\r\\n\\r\\nol[class], ul[class] {\\r\\n padding: 0\\r\\n}\\r\\n\\r\\nblockquote, body, dd, dl, figcaption, figure, h1, h2, h3, h4, li, ol[class], p, ul[class] {\\r\\n margin: 0\\r\\n}\\r\\n\\r\\nbody {\\r\\n text-rendering: optimizeSpeed;\\r\\n line-height: 1.5\\r\\n}\\r\\n\\r\\nol[class], ul[class] {\\r\\n list-style: none\\r\\n}\\r\\n\\r\\na:not([class]) {\\r\\n text-decoration-skip-ink: auto\\r\\n}\\r\\n\\r\\nimg {\\r\\n max-width: 100%;\\r\\n display: block\\r\\n}\\r\\n\\r\\narticle > * + * {\\r\\n margin-top: 1em\\r\\n}\\r\\n\\r\\nbutton, input, select, textarea {\\r\\n font: inherit\\r\\n}\\r\\n\\r\\n@media (prefers-reduced-motion:reduce) {\\r\\n * {\\r\\n animation-duration: 0s !important;\\r\\n animation-iteration-count: 1 !important;\\r\\n transition-duration: 0s !important;\\r\\n scroll-behavior: auto !important\\r\\n }\\r\\n}\\r\\n\\r\\na {\\r\\n text-decoration: none\\r\\n}\\r\\n\\r\\na, button {\\r\\n cursor: pointer\\r\\n}\\r\\n\\r\\n* {\\r\\n outline: 0\\r\\n}\\r\\n\\r\\ninput:-webkit-autofill, input:-webkit-autofill:focus input:-webkit-autofill, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus {\\r\\n border: 0;\\r\\n /*-webkit-text-fill-color: #fff !important;*/\\r\\n -webkit-box-shadow: 0 0 0 1000px transparent inset !important;\\r\\n transition: background-color 5000s ease-in-out 0s !important;\\r\\n background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,174,255,0) 50%,rgba(255,255,255,0) 51%,rgba(0,174,255,0) 100%) !important\\r\\n}\\r\\n\\r\\nbody {\\r\\n font-family: \\\"Montserrat\\\";\\r\\n}\\r\\n\\r\\n.container {\\r\\n width: 100%;\\r\\n max-width: 1388px;\\r\\n padding: 0 15px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.d-flex {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n}\\r\\n\\r\\n.ai {\\r\\n -ms-flex-align: start;\\r\\n align-items: flex-start;\\r\\n}\\r\\n\\r\\n.jc {\\r\\n -ms-flex-pack: justify;\\r\\n justify-content: space-between;\\r\\n}\\r\\n\\r\\n.bb {\\r\\n border-bottom: 1px solid #D8E0EB;\\r\\n}\\r\\n\\r\\n.bt {\\r\\n border-top: 1px solid #D8E0EB;\\r\\n}\\r\\n\\r\\n.bcg-white {\\r\\n background-color: #fff;\\r\\n}\\r\\n\\r\\n.header {\\r\\n padding: 21px 0;\\r\\n}\\r\\n\\r\\n.mr {\\r\\n margin-right: 30px;\\r\\n}\\r\\n\\r\\n.mb {\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n\\r\\n.mb-10 {\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n.mt-30 {\\r\\n margin-top: 30px;\\r\\n}\\r\\n.mr-10 {\\r\\n margin-right: 10px;\\r\\n}\\r\\n\\r\\n.mr-15 {\\r\\n margin-right: 15px;\\r\\n}\\r\\n\\r\\n.mb-30 {\\r\\n margin-bottom: 30px;\\r\\n}\\r\\n\\r\\n.ml-10 {\\r\\n margin-left: 10px;\\r\\n}\\r\\n.w33 {\\r\\n width: 33.3%;\\r\\n}\\r\\n\\r\\n.p-40 {\\r\\n padding: 40px 40px 30px;\\r\\n}\\r\\n\\r\\n.pad-profile {\\r\\n padding: 50px 0 70px;\\r\\n}\\r\\n\\r\\n.h2 {\\r\\n font-weight: 700;\\r\\n font-size: 16px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.h3 {\\r\\n font-weight: 600;\\r\\n font-size: 14px;\\r\\n line-height: 17px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #0056A4;\\r\\n}\\r\\n\\r\\n.h4 {\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.h4-black {\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #1B2B3C;\\r\\n}\\r\\n\\r\\n.h6 {\\r\\n font-weight: 700;\\r\\n font-size: 12px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n text-transform: uppercase;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.gumb {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n.logo {\\r\\n width: 150px;\\r\\n margin-right: 55px;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.nav-menu {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n .nav-menu .link-menu {\\r\\n margin-right: 43px;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu a {\\r\\n display: -ms-inline-flexbox;\\r\\n display: inline-flex;\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu a .icon-menu {\\r\\n width: 24px;\\r\\n margin-right: 10px;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu a:after {\\r\\n position: absolute;\\r\\n top: 210%;\\r\\n left: 0;\\r\\n content: \\\"\\\";\\r\\n display: inline-block;\\r\\n width: 0;\\r\\n height: 3px;\\r\\n background: #2361A9;\\r\\n border-radius: 6px 6px 0 0;\\r\\n transition: 0.3s;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu a:hover:after {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n.footer {\\r\\n padding: 33px 0 33px;\\r\\n}\\r\\n\\r\\n .footer .right .skype {\\r\\n margin-right: 20px;\\r\\n }\\r\\n\\r\\n .footer .right .skype img {\\r\\n width: 40px;\\r\\n }\\r\\n\\r\\n .footer .right p {\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 140%;\\r\\n color: #1B2B3C;\\r\\n }\\r\\n\\r\\n .footer .right p a {\\r\\n font-weight: 700;\\r\\n color: #0056A4;\\r\\n }\\r\\n\\r\\n.heading {\\r\\n font-weight: 600;\\r\\n font-size: 22px;\\r\\n line-height: 109%;\\r\\n letter-spacing: -0.01em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.container-form {\\r\\n padding: 30px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n}\\r\\n\\r\\n.form {\\r\\n background: #FFFFFF;\\r\\n border-radius: 20px;\\r\\n border: 1px solid #D8E0EB;\\r\\n}\\r\\n\\r\\n.form-row {\\r\\n width: 100%;\\r\\n margin-bottom: 20px;\\r\\n padding: 0 5px;\\r\\n}\\r\\n\\r\\n .form-row .label {\\r\\n font-weight: 500;\\r\\n font-size: 12px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.01em;\\r\\n color: #2361A9;\\r\\n margin-bottom: 5px;\\r\\n display: block;\\r\\n text-align: left;\\r\\n }\\r\\n\\r\\n .form-row .input {\\r\\n border: 1px solid #D7D8D9;\\r\\n border-radius: 100px;\\r\\n padding: 14px 20px 14px;\\r\\n width: 100%;\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #1B2B3C;\\r\\n }\\r\\n\\r\\n .form-row select {\\r\\n background: none;\\r\\n appearance: none;\\r\\n -moz-appearance: none;\\r\\n -webkit-appearance: none;\\r\\n background-image: url(\" + escape(require(\"../../assets/img/down-arrow.svg\")) + \");\\r\\n background-repeat: no-repeat;\\r\\n background-size: 12px;\\r\\n background-position: calc(100% - 14px) center;\\r\\n }\\r\\n\\r\\n .form-row option {\\r\\n background: none;\\r\\n }\\r\\n\\r\\n .form-row .input.address-lookup {\\r\\n padding: 10px;\\r\\n }\\r\\n\\r\\n.address-lookup select {\\r\\n border: none;\\r\\n background-repeat: no-repeat;\\r\\n background-size: 12px;\\r\\n background-position: calc(100% - 4px) center;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n .address-lookup select option {\\r\\n background: none;\\r\\n }\\r\\n\\r\\n.login-form {\\r\\n width: 540px;\\r\\n margin: 61px auto 108px;\\r\\n}\\r\\n\\r\\n .login-form .logo {\\r\\n margin: 0 auto 34px;\\r\\n }\\r\\n\\r\\n .login-form .form {\\r\\n width: 540px;\\r\\n }\\r\\n\\r\\n .login-form .form .heading {\\r\\n margin-bottom: 30px;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .login-form .h2 {\\r\\n text-align: center;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .login-form .h2:before {\\r\\n display: block;\\r\\n content: \\\"\\\";\\r\\n border: 1px solid #D8E0EB;\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n left: 0;\\r\\n width: 40%;\\r\\n }\\r\\n\\r\\n .login-form .h2:after {\\r\\n display: block;\\r\\n content: \\\"\\\";\\r\\n border: 1px solid #D8E0EB;\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n right: 0;\\r\\n width: 40%;\\r\\n }\\r\\n\\r\\n .login-form .main-button {\\r\\n margin: 0 auto 30px;\\r\\n }\\r\\n\\r\\n .login-form .sub-button {\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n.main-button {\\r\\n background: #2361A9;\\r\\n border-radius: 100px;\\r\\n padding: 15px 31px;\\r\\n font-weight: 700;\\r\\n font-size: 15px;\\r\\n line-height: 109%;\\r\\n text-align: center;\\r\\n letter-spacing: 0.02em;\\r\\n color: #FFFFFF;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.sub-button {\\r\\n border-radius: 100px;\\r\\n padding: 15px 31px;\\r\\n border: 1px solid #2361A9;\\r\\n font-weight: 700;\\r\\n font-size: 15px;\\r\\n line-height: 109%;\\r\\n text-align: center;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n background-color: #fff;\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n.number-bcg {\\r\\n background: rgba(35, 97, 169, 0.1);\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n border-radius: 50%;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n margin-right: 12px;\\r\\n}\\r\\n\\r\\n .number-bcg p {\\r\\n font-weight: 700;\\r\\n font-size: 18px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n }\\r\\n\\r\\n.section-sub-menu {\\r\\n padding: 30px;\\r\\n display: none;\\r\\n}\\r\\n\\r\\n .section-sub-menu.active {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n.section-name {\\r\\n padding: 20px;\\r\\n}\\r\\n\\r\\n.accordion-wrap {\\r\\n overflow: hidden;\\r\\n border-radius: 30px;\\r\\n border: 1px solid #D8E0EB;\\r\\n background-color: #fff;\\r\\n width: 70%;\\r\\n}\\r\\n\\r\\n.accordion-wrap-flex {\\r\\n -ms-flex-align: start;\\r\\n align-items: flex-start;\\r\\n}\\r\\n\\r\\n .accordion-wrap-flex .left-part {\\r\\n width: 30%;\\r\\n }\\r\\n\\r\\n.small-form {\\r\\n padding: 40px 28px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n .small-form .heading {\\r\\n margin-bottom: 30px;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n.form-flex-wrap .left {\\r\\n width: calc(50% - 15px);\\r\\n margin-left: 5px;\\r\\n}\\r\\n\\r\\n.form-flex-wrap .right {\\r\\n width: calc(50% - 15px);\\r\\n margin-right: 5px;\\r\\n}\\r\\n\\r\\n.flex-input .input {\\r\\n width: calc(33.3% - 11px);\\r\\n margin-right: 11px;\\r\\n}\\r\\n\\r\\n .flex-input .input:last-of-type {\\r\\n margin-right: 0;\\r\\n }\\r\\n\\r\\n.end {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-pack: end;\\r\\n justify-content: end;\\r\\n}\\r\\n\\r\\n .end .main-button {\\r\\n margin-right: 0;\\r\\n }\\r\\n\\r\\n.form-columns2 {\\r\\n column-gap: 20px;\\r\\n}\\r\\n\\r\\n .form-columns2 .form-row {\\r\\n width: 50%;\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.divide {\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n margin-bottom: 30px;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n .divide:after {\\r\\n display: block;\\r\\n content: \\\"\\\";\\r\\n border: 1px solid #D8E0EB;\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n right: 0;\\r\\n width: 80%;\\r\\n }\\r\\n\\r\\n .divide.small-line:after {\\r\\n width: 85%;\\r\\n }\\r\\n\\r\\n.create_account {\\r\\n padding: 36px 0 84px;\\r\\n}\\r\\n\\r\\n .create_account .logo {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.profile-create-wrap {\\r\\n column-gap: 30px;\\r\\n}\\r\\n\\r\\n .profile-create-wrap .w33 {\\r\\n width: 33.3%;\\r\\n }\\r\\n\\r\\n.profile-main-info .profile-header {\\r\\n margin-bottom: 30px;\\r\\n}\\r\\n\\r\\n .profile-main-info .profile-header .fs18 {\\r\\n margin-bottom: 8px;\\r\\n }\\r\\n\\r\\n.profile-main-info .profile-sec {\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n .profile-main-info .profile-sec:last-of-type {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.profile-header .avtar-bcg {\\r\\n width: 90px;\\r\\n height: 90px;\\r\\n background: #E9EFF6;\\r\\n border-radius: 50%;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n.profile-header .profile-name {\\r\\n font-weight: 500;\\r\\n font-size: 16px;\\r\\n line-height: 109%;\\r\\n color: #1B2B3C;\\r\\n}\\r\\n\\r\\n.profile-sec .profile-subtitle {\\r\\n font-weight: 500;\\r\\n font-size: 12px;\\r\\n line-height: 15px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #5A6673;\\r\\n}\\r\\n\\r\\n.profile-button {\\r\\n padding: 18px 0 18px;\\r\\n display: block;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.fs18 {\\r\\n font-weight: 700;\\r\\n font-size: 18px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.profile-edit-card {\\r\\n padding: 25px 30px 30px;\\r\\n}\\r\\n\\r\\n .profile-edit-card .row {\\r\\n margin-bottom: 20px;\\r\\n }\\r\\n\\r\\n .profile-edit-card .row:last-of-type {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.profile-create {\\r\\n padding: 37px 0 70px;\\r\\n}\\r\\n\\r\\n.profile .section-sub-menu {\\r\\n width: 70%;\\r\\n}\\r\\n\\r\\n.name-sec-tb {\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.table-profile {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.text-left {\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n.first-ml {\\r\\n padding-left: 23px;\\r\\n}\\r\\n\\r\\ntd, th {\\r\\n padding: 20px 0 20px;\\r\\n}\\r\\n\\r\\ntr:nth-child(even) {\\r\\n background-color: #F5F6F7;\\r\\n}\\r\\n\\r\\n.click-dots {\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n background: #FBDBE3;\\r\\n border-radius: 100px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n position: relative;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.dots-submenu {\\r\\n display: none;\\r\\n position: absolute;\\r\\n top: 100%;\\r\\n right: 0;\\r\\n background: #FFFFFF;\\r\\n box-shadow: 0px 8px 10px #CECDCD;\\r\\n border-radius: 10px;\\r\\n width: 310px;\\r\\n z-index: 1;\\r\\n overflow: hidden;\\r\\n}\\r\\n\\r\\n .dots-submenu.active {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n.line-dots-menu {\\r\\n font-weight: 500;\\r\\n font-size: 16px;\\r\\n line-height: 16px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #1B2B3C;\\r\\n padding: 13px 24px;\\r\\n}\\r\\n\\r\\n .line-dots-menu:hover {\\r\\n background-color: #ECEFF3;\\r\\n }\\r\\n\\r\\n .line-dots-menu img, .line-dots-menu i {\\r\\n width: 24px;\\r\\n height: 24px;\\r\\n margin-right: 10px;\\r\\n }\\r\\n\\r\\n.section-name.active {\\r\\n background: #2361A9;\\r\\n overflow: hidden;\\r\\n}\\r\\n\\r\\n .section-name.active .h2 {\\r\\n color: #FFFFFF;\\r\\n }\\r\\n\\r\\n .section-name.active .number-bcg {\\r\\n background: rgba(255, 255, 255, 0.15);\\r\\n }\\r\\n\\r\\n .section-name.active .number-bcg p {\\r\\n color: #FFFFFF;\\r\\n }\\r\\n\\r\\n.small-form.new-parcel {\\r\\n padding: 30px;\\r\\n -ms-flex-align: unset;\\r\\n align-items: unset;\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n .small-form.new-parcel .text {\\r\\n width: 100%;\\r\\n margin-top: 15px;\\r\\n }\\r\\n\\r\\n .small-form.new-parcel .line {\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 220%;\\r\\n color: #1B2B3C;\\r\\n margin-bottom: 10px;\\r\\n }\\r\\n\\r\\n .small-form.new-parcel .line:last-of-type {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.promocode {\\r\\n padding: 15px 30px;\\r\\n}\\r\\n\\r\\n.signature-field {\\r\\n background: #F8F9FA;\\r\\n border: 1px solid #D8E0EB;\\r\\n border-radius: 10px;\\r\\n height: 240px;\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n\\r\\n.top-create-account {\\r\\n margin-bottom: 42px;\\r\\n}\\r\\n\\r\\n .top-create-account .sub-button {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n.form-row.last {\\r\\n margin-bottom: 0;\\r\\n}\\r\\n\\r\\n.section-sub-menu {\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.flex-columns3 {\\r\\n column-gap: 23px;\\r\\n}\\r\\n\\r\\n .flex-columns3 .form-row {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.calculator-popup {\\r\\n margin: 0 auto;\\r\\n max-width: 1000px;\\r\\n}\\r\\n\\r\\n .calculator-popup .section-sub-menu {\\r\\n padding: 40px 10px 30px;\\r\\n }\\r\\n\\r\\n .calculator-popup .end {\\r\\n padding: 30px 15px;\\r\\n }\\r\\n\\r\\n .calculator-popup .end .sub-button {\\r\\n margin-right: 15px;\\r\\n }\\r\\n\\r\\n.end .reset-calc {\\r\\n margin-right: 15px;\\r\\n -ms-flex-item-align: center;\\r\\n -ms-grid-row-align: center;\\r\\n align-self: center;\\r\\n text-decoration: underline;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.mfp-bg {\\r\\n background: rgba(35, 97, 169, 0.4);\\r\\n -webkit-backdrop-filter: blur(10px);\\r\\n backdrop-filter: blur(10px);\\r\\n opacity: 0.8;\\r\\n}\\r\\n\\r\\n.top-calculator {\\r\\n padding: 25px 20px 25px 22px;\\r\\n}\\r\\n\\r\\n.link-login-form .h3 {\\r\\n margin-right: 8px;\\r\\n}\\r\\n\\r\\n .link-login-form .h3:last-of-type {\\r\\n margin-right: 0;\\r\\n }\\r\\n\\r\\n.flag {\\r\\n margin-right: 10px;\\r\\n}\\r\\n\\r\\n.del-details {\\r\\n -ms-flex-pack: justify !important;\\r\\n justify-content: space-between !important;\\r\\n}\\r\\n\\r\\n.drop-off-rates-all-info {\\r\\n margin: 15px 0 5px 5px;\\r\\n}\\r\\n\\r\\n .drop-off-rates-all-info .info-circle {\\r\\n margin-top: -3px;\\r\\n }\\r\\n\\r\\n.h4 {\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.check-row {\\r\\n border: 1px solid #D7D8D9;\\r\\n border-radius: 8px;\\r\\n margin-bottom: 10px;\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n}\\r\\n\\r\\n .check-row:last-of-type {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n .check-row .info-check-row {\\r\\n padding: 14px 20px;\\r\\n width: 90%;\\r\\n border-left: 1px solid #D7D8D9;\\r\\n }\\r\\n\\r\\n .check-row .info-check-row .top-line {\\r\\n margin-bottom: 13px;\\r\\n }\\r\\n\\r\\n .check-row .ai {\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n }\\r\\n\\r\\n/*.check-row .h4, drop-off-rates.h4 {\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n }*/\\r\\n\\r\\n.cost-deliver {\\r\\n font-weight: 600;\\r\\n font-size: 18px;\\r\\n line-height: 22px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.subtitle-check-row {\\r\\n font-weight: 500;\\r\\n font-size: 12px;\\r\\n line-height: 15px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #5A6673;\\r\\n}\\r\\n\\r\\n.img-type-delivery {\\r\\n width: 30px;\\r\\n margin-left: 10px;\\r\\n}\\r\\n\\r\\n .img-type-delivery img {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n.input-drop-off {\\r\\n width: 0 !important;\\r\\n height: 0 !important;\\r\\n opacity: 0;\\r\\n display: block;\\r\\n position: absolute;\\r\\n top: 0;\\r\\n}\\r\\n\\r\\n .input-drop-off:checked + .radio-check-row .radio-but {\\r\\n background-color: #fff;\\r\\n background-image: url(\" + escape(require(\"../../../src/assets/img/done-blue.svg\")) + \");\\r\\n background-repeat: no-repeat;\\r\\n border: unset;\\r\\n background-position: center;\\r\\n }\\r\\n\\r\\n .input-drop-off:checked + .radio-check-row {\\r\\n background-color: #2361A9;\\r\\n }\\r\\n\\r\\n.radio-check-row {\\r\\n padding: 42px 15px;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n}\\r\\n\\r\\n .radio-check-row .radio-but {\\r\\n width: 25px;\\r\\n height: 25px;\\r\\n border: 1px solid #D7D8D9;\\r\\n border-radius: 50%;\\r\\n display: block;\\r\\n }\\r\\n\\r\\n.section-sub-menu.deliver-to {\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.us-banner .modal-dialog {\\r\\n margin: 5% auto;\\r\\n width: 500px;\\r\\n}\\r\\n\\r\\n.us-banner .banner-content {\\r\\n width: 500px;\\r\\n}\\r\\n\\r\\n.check-input {\\r\\n position: absolute;\\r\\n opacity: 0;\\r\\n cursor: pointer;\\r\\n height: 0;\\r\\n width: 0;\\r\\n}\\r\\n\\r\\n .check-input:checked + .payment_method .false-radio {\\r\\n background-color: #2361A9;\\r\\n background-image: url(\" + escape(require(\"../../../src/assets/img/check.svg\")) + \");\\r\\n background-repeat: no-repeat;\\r\\n border: unset;\\r\\n background-position: center;\\r\\n }\\r\\n\\r\\n .check-input:checked + .payment_method {\\r\\n border: 1px solid #2361A9;\\r\\n }\\r\\n\\r\\n.prohibited_items_popup {\\r\\n width: 40%;\\r\\n margin: 0 auto;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n -ms-flex-align: start;\\r\\n align-items: flex-start;\\r\\n}\\r\\n\\r\\n .prohibited_items_popup .close {\\r\\n margin-right: -25px;\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .top {\\r\\n text-align: center;\\r\\n padding: 50px 0 30px;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .top .img-item {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .top .additional-information {\\r\\n text-align: center;\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .bottom {\\r\\n padding: 20px 20px 35px;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .bottom .par-content-check-info {\\r\\n margin-bottom: 0;\\r\\n margin-right: 5px;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .bottom .par-content-check-info #obligatory_check-error {\\r\\n position: absolute;\\r\\n bottom: -20px;\\r\\n left: 0;\\r\\n }\\r\\n\\r\\n.main-button.btn_prohibited_items[disabled] {\\r\\n opacity: 0.5;\\r\\n}\\r\\n\\r\\n.mobile-order-history {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n\\r\\n@media screen and (max-width: 1248px) {\\r\\n .flex-input .input {\\r\\n width: calc(33.3% - 5px);\\r\\n margin-right: 5px;\\r\\n }\\r\\n\\r\\n .form-row .input {\\r\\n padding: 13px 15px 13px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 991px) {\\r\\n .accordion-wrap-flex .left-part {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .accordion-wrap {\\r\\n width: calc(100% + 30px);\\r\\n margin-right: -15px;\\r\\n margin-left: -15px;\\r\\n }\\r\\n\\r\\n .form-flex-wrap .right {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .form-row {\\r\\n margin-bottom: 14px;\\r\\n }\\r\\n\\r\\n .top-create-account .sub-button {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .form-flex-wrap {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .form-flex-wrap .left {\\r\\n width: 100%;\\r\\n margin-right: 0;\\r\\n margin-left: 0;\\r\\n }\\r\\n\\r\\n .h2 {\\r\\n font-size: 14px;\\r\\n }\\r\\n\\r\\n .number-bcg p {\\r\\n font-size: 16px;\\r\\n }\\r\\n\\r\\n .number-bcg {\\r\\n max-width: 32px;\\r\\n height: 32px;\\r\\n margin-right: 10px;\\r\\n }\\r\\n\\r\\n .section-name .left {\\r\\n width: 85%;\\r\\n }\\r\\n\\r\\n .edit-but {\\r\\n width: 15%;\\r\\n -ms-flex-pack: end;\\r\\n justify-content: end;\\r\\n }\\r\\n\\r\\n .edit-but .edit {\\r\\n max-width: 22px;\\r\\n height: 22px;\\r\\n margin-right: 2px;\\r\\n }\\r\\n\\r\\n .edit-but .h4 {\\r\\n font-style: 12px;\\r\\n }\\r\\n\\r\\n .section-name {\\r\\n padding: 14px 15px;\\r\\n }\\r\\n\\r\\n .mobile-parcel-content-table {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .divide.small-line::after {\\r\\n width: 85%;\\r\\n }\\r\\n\\r\\n .form-columns2 .form-row {\\r\\n margin-bottom: 14px;\\r\\n }\\r\\n\\r\\n .form-flex {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .form-flex .w25.parcel-weight {\\r\\n width: 100%;\\r\\n margin-bottom: 20px;\\r\\n }\\r\\n\\r\\n .flex-columns3 {\\r\\n width: 100%;\\r\\n column-gap: 23px;\\r\\n }\\r\\n\\r\\n .flex-columns3 .w25 {\\r\\n width: 33.3%;\\r\\n }\\r\\n\\r\\n .next-click {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .header {\\r\\n position: relative;\\r\\n padding: 21px 0 0;\\r\\n }\\r\\n\\r\\n header {\\r\\n position: sticky;\\r\\n top: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n z-index: 10;\\r\\n }\\r\\n\\r\\n .gumb {\\r\\n display: block;\\r\\n background: url(\" + escape(require(\"../../assets/img/gumb.svg\")) + \");\\r\\n width: 30px;\\r\\n height: 30px;\\r\\n background-repeat: no-repeat;\\r\\n }\\r\\n\\r\\n .gumb.active {\\r\\n background: transparent;\\r\\n }\\r\\n\\r\\n .gumb.active img {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .gumb img {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .nav-menu {\\r\\n display: none;\\r\\n position: absolute;\\r\\n top: 101%;\\r\\n width: calc(100% + 30px);\\r\\n margin-left: -15px;\\r\\n background-color: #f8f9fa;\\r\\n height: 100vh;\\r\\n z-index: 10;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu {\\r\\n margin-right: 0;\\r\\n padding: 20px 15px;\\r\\n transition: 0.3s;\\r\\n border-bottom: 1px solid #D8E0EB;\\r\\n background-color: #fff;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu a {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu:hover {\\r\\n background-color: #2361A9;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu:hover a {\\r\\n color: #F8F9FA;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu:hover a svg path {\\r\\n fill: #fff;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu:hover a:after {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .profile-create-menu {\\r\\n display: block;\\r\\n border-top: 1px solid #D8E0EB;\\r\\n border-bottom: 1px solid #D8E0EB;\\r\\n width: calc(100% + 30px);\\r\\n margin-left: -15px;\\r\\n background-color: #fff;\\r\\n }\\r\\n\\r\\n .profile-create-menu .menu {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n padding: 18px 15px;\\r\\n }\\r\\n\\r\\n .profile-create-menu .menu li {\\r\\n margin-right: 35px;\\r\\n }\\r\\n\\r\\n .profile-create-menu .menu li:last-of-type {\\r\\n margin-right: 0;\\r\\n }\\r\\n\\r\\n .profile-create-menu .menu li.active a {\\r\\n color: #0056A4;\\r\\n }\\r\\n\\r\\n .profile-create-menu .menu li a {\\r\\n font-weight: 700;\\r\\n font-size: 15px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n text-transform: uppercase;\\r\\n color: #6E8FAC;\\r\\n }\\r\\n\\r\\n .profile-create-menu .menu li a:hover {\\r\\n color: #0056A4;\\r\\n }\\r\\n\\r\\n .profile-create {\\r\\n background-color: #f8f9fa;\\r\\n }\\r\\n\\r\\n .send-form {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .deliver-to {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .profile-main-info {\\r\\n border-bottom: unset;\\r\\n padding: 0 0 17px 0;\\r\\n }\\r\\n\\r\\n .profile-create-wrap .w33 {\\r\\n background: unset;\\r\\n border-radius: unset;\\r\\n border: unset;\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .profile-create-wrap .w33 .profile-header {\\r\\n border-bottom: unset;\\r\\n padding: 30px 0 20px 0;\\r\\n }\\r\\n\\r\\n .profile-create-wrap .w33 .send-form-add-adress {\\r\\n background: unset;\\r\\n border-radius: unset;\\r\\n border: unset;\\r\\n margin-bottom: 20px;\\r\\n }\\r\\n\\r\\n .profile-create-wrap .w33 .profile-button {\\r\\n padding: 15px 43px;\\r\\n border: 1px solid #2361A9;\\r\\n border-radius: 100px;\\r\\n margin-bottom: 15px;\\r\\n display: inline-block;\\r\\n }\\r\\n\\r\\n .profile-create-wrap .w33 .profile-button p {\\r\\n font-weight: 700;\\r\\n font-size: 15px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n }\\r\\n\\r\\n .profile-create-wrap .w33 .profile-button:last-of-type {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n /*.parcel-content-table{\\r\\n \\tposition: fixed;\\r\\n \\tbottom: 0;\\r\\n \\tleft: 0;\\r\\n \\twidth: 100%;\\r\\n }*/\\r\\n .parcel-content-table {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .us-banner .modal-dialog {\\r\\n width: 300px;\\r\\n }\\r\\n\\r\\n .us-banner .banner-content {\\r\\n width: 300px;\\r\\n }\\r\\n\\r\\n .promocode {\\r\\n width: 100%;\\r\\n border-radius: unset;\\r\\n padding: 22px 20px 15px;\\r\\n }\\r\\n\\r\\n .p-cont-name {\\r\\n font-weight: 700;\\r\\n font-size: 12px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n }\\r\\n\\r\\n .p-cont-subname {\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n }\\r\\n\\r\\n .item-parcel-cont-quant {\\r\\n border-top: 1px solid #2361A9;\\r\\n }\\r\\n\\r\\n .item-parcel-cont-quant .sect {\\r\\n padding: 15px;\\r\\n }\\r\\n\\r\\n .item-parcel-cont-quant .sect .basket {\\r\\n width: 20px;\\r\\n height: 20px;\\r\\n }\\r\\n\\r\\n .item-parcel-cont-quant .top, .item-parcel-cont-quant .bottom {\\r\\n background-color: #F5F6F7;\\r\\n }\\r\\n\\r\\n .item-parcel-cont-quant .top .p-cont-subname {\\r\\n color: #1B2B3C;\\r\\n }\\r\\n\\r\\n .item-parcel-cont-quant .bottom .p-cont-subname {\\r\\n color: rgba(27, 43, 60, 0.5);\\r\\n }\\r\\n\\r\\n .input-group {\\r\\n background: #F5F6F7;\\r\\n border-radius: 60px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n padding: 13px 14px;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n width: 90px;\\r\\n -ms-flex-pack: justify;\\r\\n justify-content: space-between;\\r\\n }\\r\\n\\r\\n .input-group input[type=number] {\\r\\n -webkit-appearance: none;\\r\\n -moz-appearance: textfield;\\r\\n border: none;\\r\\n background: unset;\\r\\n width: 50%;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .delivery-price {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .payment_method {\\r\\n padding: 12px 15px;\\r\\n }\\r\\n\\r\\n .payment_method p {\\r\\n font-size: 14px;\\r\\n }\\r\\n\\r\\n .false-radio {\\r\\n height: 20px;\\r\\n width: 20px;\\r\\n top: 15px;\\r\\n }\\r\\n\\r\\n .check-input:checked + .payment_method .false-radio {\\r\\n background-size: 11px;\\r\\n }\\r\\n\\r\\n .section-sub-menu {\\r\\n padding: 20px 15px 15px 15px;\\r\\n }\\r\\n\\r\\n .divide::after {\\r\\n width: 80%;\\r\\n }\\r\\n\\r\\n .add-new-item.mobile {\\r\\n background: #2361A9;\\r\\n padding: 20px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: justify;\\r\\n justify-content: space-between;\\r\\n }\\r\\n\\r\\n .add-new-item.mobile p {\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n -webkit-text-decoration-line: underline;\\r\\n text-decoration-line: underline;\\r\\n color: #FFFFFF;\\r\\n }\\r\\n\\r\\n .add-new-item.mobile svg {\\r\\n transform: rotate(90deg);\\r\\n }\\r\\n\\r\\n .modile-delivery-price {\\r\\n display: block;\\r\\n /*position: fixed;*/\\r\\n bottom: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n box-shadow: 0px -4px 10px rgba(90, 102, 115, 0.2);\\r\\n z-index: 4;\\r\\n }\\r\\n\\r\\n .modile-delivery-price .accordion {\\r\\n background-color: #fff;\\r\\n padding: 22px 20px 15px;\\r\\n }\\r\\n\\r\\n .modile-delivery-price .accordion .text {\\r\\n display: none;\\r\\n margin-top: 20px;\\r\\n }\\r\\n\\r\\n .modile-delivery-price .accordion .line {\\r\\n margin-bottom: 10px;\\r\\n }\\r\\n\\r\\n .modile-delivery-price .accordion .line:last-of-type {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n .modile-delivery-price .accordion .line p {\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 220%;\\r\\n color: #1B2B3C;\\r\\n }\\r\\n\\r\\n .modile-delivery-price .promocode {\\r\\n background-color: #fff;\\r\\n }\\r\\n\\r\\n .drop-off-rates-all-info {\\r\\n min-height: unset;\\r\\n }\\r\\n\\r\\n .drop-off-rates-items .left {\\r\\n margin-bottom: 23px;\\r\\n }\\r\\n\\r\\n .promo-code-popup {\\r\\n width: 60%;\\r\\n }\\r\\n\\r\\n .promo-code {\\r\\n padding: 40px 65px 34px;\\r\\n }\\r\\n\\r\\n .table-order-history.form {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .mobile-order-history {\\r\\n display: block;\\r\\n background: #FFFFFF;\\r\\n width: calc(100% + 30px);\\r\\n margin-left: -15px;\\r\\n }\\r\\n\\r\\n .mobile-order-history .row-order-h {\\r\\n padding: 15px 15px;\\r\\n }\\r\\n\\r\\n .mobile-order-history .row-order-h:nth-child(even) {\\r\\n background-color: #F5F6F7;\\r\\n }\\r\\n\\r\\n .mobile-order-history .row-order-h .top {\\r\\n/* margin-bottom: 25px;\\r\\n*/ }\\r\\n\\r\\n .mobile-order-history .row-order-h .top .click-dots.bcg-transp {\\r\\n background-color: transparent;\\r\\n }\\r\\n\\r\\n .mobile-order-history .row-order-h .top .click-dots.bcg-grey {\\r\\n background: #ECEFF3;\\r\\n }\\r\\n\\r\\n .mobile-order-history .row-order-h .bottom {\\r\\n -ms-flex-flow: row;\\r\\n flex-flow: row;\\r\\n -ms-flex-wrap: wrap;\\r\\n flex-wrap: wrap;\\r\\n }\\r\\n\\r\\n .line-dots-menu img, .line-dots-menu i {\\r\\n width: 22px;\\r\\n height: 22px;\\r\\n margin-right: 10px;\\r\\n }\\r\\n\\r\\n .line-dots-menu {\\r\\n font-size: 14px;\\r\\n padding: 8px 16px;\\r\\n }\\r\\n\\r\\n .dots-submenu {\\r\\n width: 270px;\\r\\n }\\r\\n\\r\\n .please_be_advised .top {\\r\\n padding: 55px 70px 35px;\\r\\n }\\r\\n\\r\\n .profile-create-wrap .w33.user-profile br {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .profile .section-sub-menu {\\r\\n width: 100%;\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu a::after {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup {\\r\\n width: 50%;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .top {\\r\\n padding: 30px 35px 20px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 900px) {\\r\\n .divide::after {\\r\\n width: 75%;\\r\\n }\\r\\n}\\r\\n\\r\\n@media screen and (min-width: 992px) {\\r\\n .parcel-weight .form-row {\\r\\n padding-right: 23px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 768px) {\\r\\n .drop-off-rates-items.mon-transfer {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .check-row .info-check-row .top-line {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .top-line.mon-transfer .l {\\r\\n width: 100%;\\r\\n margin-right: 0;\\r\\n margin-bottom: 13px;\\r\\n }\\r\\n\\r\\n .bottom-line {\\r\\n -ms-flex-flow: wrap;\\r\\n flex-flow: wrap;\\r\\n -ms-flex-wrap: wrap;\\r\\n flex-wrap: wrap;\\r\\n grid-row-gap: 13px;\\r\\n }\\r\\n\\r\\n .bottom-line.mon-transfer .l {\\r\\n width: calc(50% - 13px);\\r\\n margin-right: 13px;\\r\\n }\\r\\n\\r\\n .bottom-line.mon-transfer .l:nth-child(even) {\\r\\n margin-right: 0;\\r\\n }\\r\\n\\r\\n .please_be_advised {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .please_be_advised .close {\\r\\n position: absolute;\\r\\n top: -30px;\\r\\n right: 0;\\r\\n }\\r\\n\\r\\n .please_be_advised .top {\\r\\n padding: 30px;\\r\\n }\\r\\n\\r\\n .please_be_advised .bottom {\\r\\n display: block;\\r\\n padding: 20px 15px 10px;\\r\\n }\\r\\n\\r\\n .please_be_advised .bottom .par-content-check-info {\\r\\n margin-bottom: 30px;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup {\\r\\n width: 100%;\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .prohibited_items_popup .close {\\r\\n position: absolute;\\r\\n top: 10px;\\r\\n right: 35px;\\r\\n }\\r\\n\\r\\n .pay-method-wrap {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .login-form {\\r\\n width: 100%;\\r\\n margin: 15px 0 50px;\\r\\n }\\r\\n\\r\\n .login-form .form {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .container-form {\\r\\n padding: 30px 15px;\\r\\n }\\r\\n\\r\\n .create_account .logo {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n .logo {\\r\\n width: 103px;\\r\\n margin-right: 0;\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .footer .logo {\\r\\n margin-right: 25px;\\r\\n }\\r\\n\\r\\n .footer .right p {\\r\\n font-size: 12px;\\r\\n }\\r\\n\\r\\n .footer .right .skype {\\r\\n margin-right: 10px;\\r\\n width: 30px;\\r\\n }\\r\\n\\r\\n .sub-button {\\r\\n padding: 10px 15px;\\r\\n }\\r\\n\\r\\n .top-create-account {\\r\\n margin-bottom: 35px;\\r\\n }\\r\\n\\r\\n .divide::after {\\r\\n width: 70%;\\r\\n }\\r\\n .calculator-popup {\\r\\n /*margin: 0;\\r\\n width: calc(100% + 12px);\\r\\n margin-left: -6px;*/\\r\\n margin: 0 3px;\\r\\n height: 100%;\\r\\n /*position: fixed;*/\\r\\n z-index: 1;\\r\\n background-color: #fff;\\r\\n }\\r\\n\\r\\n .mfp-inline-holder .mfp-content {\\r\\n height: 100%;\\r\\n }\\r\\n\\r\\n .flex-columns3 {\\r\\n column-gap: 7px;\\r\\n -ms-flex: 0 0 100%;\\r\\n flex: 0 0 100%;\\r\\n }\\r\\n\\r\\n .calculator-popup .end {\\r\\n padding: 30px 16px 30px 40px;\\r\\n }\\r\\n\\r\\n .calculator-popup .section-sub-menu {\\r\\n padding: 20px 15px 30px;\\r\\n }\\r\\n\\r\\n .calculator-popup.form {\\r\\n border-radius: 0;\\r\\n }\\r\\n\\r\\n .top-calculator {\\r\\n padding: 42px 15px 0px;\\r\\n border-bottom: 0;\\r\\n }\\r\\n\\r\\n .parcel-weight {\\r\\n -ms-flex: 0 0 100%;\\r\\n flex: 0 0 100%;\\r\\n }\\r\\n\\r\\n .del-details {\\r\\n -ms-flex-wrap: wrap;\\r\\n flex-wrap: wrap;\\r\\n }\\r\\n .divide.small-line::after {\\r\\n width: 80%;\\r\\n }\\r\\n\\r\\n .payment_method-object {\\r\\n width: calc(50% - 20px);\\r\\n }\\r\\n\\r\\n .payment_method p {\\r\\n font-size: 14px;\\r\\n }\\r\\n\\r\\n .payment_method .text-pay {\\r\\n margin-left: 35px;\\r\\n }\\r\\n\\r\\n .promo-code-popup {\\r\\n width: 100%;\\r\\n -ms-flex-direction: column-reverse;\\r\\n flex-direction: column-reverse;\\r\\n -ms-flex-align: end;\\r\\n align-items: end;\\r\\n }\\r\\n\\r\\n .promo-code {\\r\\n padding: 94px 28px 54px;\\r\\n width: 100%;\\r\\n }\\r\\n}\\r\\n\", \"\"]);\n\n// exports\n\n\n/*** EXPORTS FROM exports-loader ***/\nmodule.exports = module.exports.toString();","module.exports = \"\\r\\n
\\r\\n {{errorMessage}} \\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
ORDER HISTORY \\r\\n
\\r\\n
\\r\\n \\r\\n DATE \\r\\n ORDER # \\r\\n TYPE \\r\\n SENT BY \\r\\n TOTAL \\r\\n STATUS \\r\\n COUNTRY \\r\\n \\r\\n \\r\\n {{r.first_DT | date: 'mediumDate' }} \\r\\n {{r.code_a}} \\r\\n {{r.ShipmentType}} \\r\\n {{r.s_a_e}} \\r\\n {{r.ShipmentType == 'MONEY' ? r.TotalCustomerOwe_CAD : r.cust_own | number: '1.2-2'}} \\r\\n {{r.status}} \\r\\n {{r.r_country}} \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
ORDER #
\\r\\n
{{r.code_a}}
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
Dear Meest Customer, based in the U.S.
\\r\\n
\\r\\n Try our New Shipping Portal
\\r\\n designed for seamless user-friendly
\\r\\n and more convenient way to send your packages.
\\r\\n Click the button to get started.
\\r\\n
Continue to New Portal
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
{\r\n enableFilter: true,\r\n enableColResize: true,\r\n enableSorting: true,\r\n //pagination: true,\r\n //paginationPageSize: 20,\r\n //paginationAutoPageSize: true,\r\n context: { dateFormat: 'short', datePipe: this.datePipe },\r\n };\r\n\r\n this.columnDefs = [\r\n { headerName: \"Declaration\", field: \"code_a\", filter: \"agTextColumnFilter\", editable: false, cellEditor: \"declarationEditor\" },\r\n { headerName: \"A/S\", field: \"s_a_e\" },\r\n { headerName: \"Items\", field: \"packages\", width: 80 },\r\n { headerName: \"Last Name\", field: \"s_lastnm\", filter: \"agTextColumnFilter\" },\r\n { headerName: \"Street\", field: \"s_street\" },\r\n { headerName: \"Phone\", field: \"s_phone\", filter: \"agTextColumnFilter\" },\r\n { headerName: \"E-mail\", field: \"s_email\", filter: \"agTextColumnFilter\" },\r\n { headerName: \"Own\", field: \"cust_own\", valueFormatter: this.dataService.currencyFormatter },\r\n { headerName: \"Status\", field: \"status\" },\r\n { headerName: \"Status Date\", field: \"statusDT\", sort: \"desc\", valueFormatter: this.dataService.dateFormatter },\r\n ];\r\n\r\n this.frameworkComponents = { declarationEditor: DeclarationEditor };\r\n\r\n this.rowData = [];\r\n }\r\n\r\n ngOnInit() {\r\n this.currentPage = this.dataService.loggedIn ? 'parcels' : 'login';\r\n\r\n this.route.url.subscribe(url => {\r\n this.rowData = [];\r\n\r\n if (this.dataService.loggedIn) {\r\n this.user = this.dataService.userData;\r\n this.currentPage = 'parcels';\r\n\r\n let UserBranch = this.dataService.userData.UserData[\"u_country\"].toUpperCase() == 'USA' ? 2 : 1;\r\n this.userinfo = `${this.user.UserData.u_firstnm} ${this.user.UserData.u_lastnm} (${this.user.UserData.customerCD} ID:${this.user.UserData.id})`;\r\n if (this.dataService.userData.UserData.u_type != 'CUSTOMER') {\r\n this.dataService.userData.Branch = this.dataService.branches.find(x => x.id == this.dataService.userData.UserData.branchID);\r\n }\r\n else {\r\n if (this.dataService.userData.UserData[\"branchID\"])\r\n UserBranch = this.dataService.userData.UserData[\"branchID\"];\r\n this.dataService.userData.Branch = this.dataService.branches.find(x => x.id == UserBranch);\r\n }\r\n\r\n this.reload();\r\n }\r\n else\r\n this.router.navigate([\"login\"]);\r\n });\r\n }\r\n\r\n ngAfterViewInit() {\r\n if (this.dataService.userData.Branch.id === 2)\r\n this.banner.show();\r\n }\r\n\r\n redirectToUSPortal() {\r\n this.banner.hide();\r\n window.location.href = 'https://cab.meest.com/us-en/portal'; // Redirect to new US portal\r\n }\r\n\r\n clickDots(ix: number) {\r\n let b = !this.rowState[ix];\r\n for (var i = 0; i < this.rowData.length; i++) \r\n this.rowState[i] = false;\r\n this.rowState[ix] = b;\r\n }\r\n\r\n clickDots7(ix: number) {\r\n this.rowState7[ix] = !this.rowState7[ix];\r\n }\r\n\r\n onGridReady(params) {\r\n this.gridApi = params.api;\r\n this.gridColumnApi = params.columnApi;\r\n\r\n //this.autoSizeAll(params.columnApi);\r\n }\r\n\r\n onRowDataChanged(params) {\r\n //params.columnApi.autoSizeColumns();\r\n this.autoSizeAll(params.columnApi);\r\n }\r\n\r\n autoSizeAll(colapi: any) {\r\n var allColumnIds = [];\r\n colapi.getAllColumns().forEach(column => {\r\n allColumnIds.push(column.colId);\r\n });\r\n colapi.autoSizeColumns(allColumnIds);\r\n }\r\n\r\n get selectedParcel(): any {\r\n if (this.selectedRow < 0) // (!this.gridApi || this.gridApi.getSelectedRows().length == 0)\r\n return null;\r\n else\r\n return this.rowData[this.selectedRow]; // this.gridApi.getSelectedRows()[0];\r\n }\r\n\r\n reload() {\r\n this.rowState = [];\r\n this.rowState7 = [];\r\n this.rowData7 = [];\r\n this.edited = {};\r\n this.errorMessage = '';\r\n zip(this.dataService.getParcels(), this.dataService.getDomesticAvailable()).subscribe((ui: any[]) => {\r\n this.rowData = ui[0];\r\n if (this.dataService.appService == 'Parcels')\r\n this.rowData = this.rowData.filter(x => x.ShipmentType == 'PARCEL');\r\n else if (this.dataService.appService == 'Money')\r\n this.rowData = this.rowData.filter(x => x.ShipmentType == 'MONEY');\r\n\r\n this.dataService.DomesticAvailable = ui[1] === 1;\r\n var el: any = {};\r\n for (var i = 0; i < this.rowData.length; i++) {\r\n this.rowState.push(false);\r\n if (i % 7 == 0) {\r\n el = { top: this.rowData[i], bot: [] };\r\n this.rowData7.push(el);\r\n this.rowState7.push(false);\r\n }\r\n else\r\n el.bot.push(this.rowData[i]);\r\n }\r\n //this.gridApi.setRowData(ui);\r\n //params.api.sizeColumnsToFit();\r\n\r\n //setTimeout(() => {\r\n //this.autoSizeAll();\r\n //});\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n }\r\n\r\n labelInvoice(id: number) {\r\n window.open(`${this.dataService.siteURL}Agent/PrintPostLabel/${id}?partial=${this.dataService.userData.Branch ? this.dataService.userData.Branch.id : 0}-${this.dataService.userData.ID}`, '_blank');\r\n }\r\n\r\n doTrack(sel: any) {\r\n if (sel.code_a.startsWith('CV'))\r\n window.open(`https://ca.meest.com/parcel-track?parcel_number=${sel.code_a}`, '_blank');\r\n else if (sel.code_a.startsWith('CH'))\r\n window.open(`https://ca.meest.com/parcel-track?parcel_number=${sel.code_a}`, '_blank');\r\n }\r\n\r\n parcelSubmitted(parcel: Parcel) {\r\n if (parcel) {\r\n //window.open(`${this.dataService.siteURL}Agent/Invoice/${parcel.id}?partial=${this.dataService.userData.Branch.id}-${this.user.UserData.id}`, '_blank');\r\n //this.pageParcel.reload();\r\n //this.currentPage = 'parcels';\r\n //this.invoiceid = parcel.id;\r\n //this.currentPage = 'invoice';\r\n this.router.navigate([\"invoice\", parcel.id, 0]);\r\n }\r\n this.router.navigate([\"home\"]);\r\n //this.animationState = this.animationState === 'out' ? 'in' : 'out';\r\n //this.animationPageState = this.animationState === 'out' ? 'in' : 'out';\r\n }\r\n\r\n\r\n doInvoice(sel: any) {\r\n this.router.navigate([\"invoice\", sel.id, sel.ShipmentType == 'MONEY' ? '1' : '0']);\r\n }\r\n\r\n doPayment(sel: any) {\r\n this.router.navigate([\"payment\", sel.id, sel.ShipmentType == 'PARCEL' ? 0 : 2]);\r\n }\r\n\r\n public showChildModal(): void {\r\n this.childModal.show();\r\n }\r\n\r\n public hideChildModal(): void {\r\n this.edited = {};\r\n this.childModal.hide();\r\n }\r\n\r\n doSave() {\r\n this.barResult = '';\r\n this.dataService.saveBarcode(this.edited.id, this.edited.code_a).subscribe((ui: string) => {\r\n this.barResult = ui;\r\n if (!ui || ui == '') {\r\n this.gridApi.updateRowData({ update: this.edited });\r\n this.hideChildModal();\r\n }\r\n },\r\n (err: any) => {\r\n this.barResult = this.dataService.processError(err);\r\n });\r\n }\r\n\r\n scanBarcode(e: any) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n this.showScanner = !this.showScanner;\r\n if (this.showScanner)\r\n setTimeout(() => this.startQuagga());\r\n else\r\n Quagga.stop();\r\n\r\n return false;\r\n }\r\n\r\n startQuagga() {\r\n let me = this;\r\n\r\n Quagga.init({\r\n inputStream: {\r\n name: \"Live\",\r\n type: \"LiveStream\",\r\n //target: document.querySelector('#yourElement') // Or '#yourElement' (optional)\r\n },\r\n decoder: {\r\n //readers: [\"codabar_reader\"]\r\n readers: [\"code_128_reader\"]\r\n }\r\n }, function (err) {\r\n if (err) {\r\n console.log(err);\r\n me.showScanner = false;\r\n alert(err);\r\n return;\r\n }\r\n console.log(\"Initialization finished. Ready to start\");\r\n Quagga.start();\r\n });\r\n\r\n Quagga.onProcessed((result) => {\r\n var drawingCtx = Quagga.canvas.ctx.overlay,\r\n drawingCanvas = Quagga.canvas.dom.overlay;\r\n\r\n if (result) {\r\n if (result.boxes) {\r\n drawingCtx.clearRect(0, 0, parseInt(drawingCanvas.getAttribute(\"width\")), parseInt(drawingCanvas.getAttribute(\"height\")));\r\n result.boxes.filter(function (box) {\r\n return box !== result.box;\r\n }).forEach(function (box) {\r\n Quagga.ImageDebug.drawPath(box, { x: 0, y: 1 }, drawingCtx, { color: \"green\", lineWidth: 2 });\r\n });\r\n }\r\n\r\n if (result.box) {\r\n Quagga.ImageDebug.drawPath(result.box, { x: 0, y: 1 }, drawingCtx, { color: \"#00F\", lineWidth: 2 });\r\n }\r\n\r\n if (result.codeResult && result.codeResult.code) {\r\n Quagga.ImageDebug.drawPath(result.line, { x: 'x', y: 'y' }, drawingCtx, { color: 'red', lineWidth: 3 });\r\n }\r\n }\r\n });\r\n\r\n Quagga.onDetected((result) => {\r\n this.edited.code_a = result.codeResult.code;\r\n Quagga.stop();\r\n this.showScanner = false;\r\n });\r\n }\r\n}\r\n/*\r\n@Directive({ selector: '[runScripts]' })\r\nexport class RunScriptsDirective implements OnInit {\r\n constructor(private elementRef: ElementRef) { }\r\n ngOnInit(): void {\r\n setTimeout(() => { // wait for DOM rendering\r\n var t = $('#invoiceContainer').text();\r\n this.reinsertScripts();\r\n });\r\n }\r\n reinsertScripts(): void {\r\n const scripts = this.elementRef.nativeElement.getElementsByTagName('script');\r\n const scriptsInitialLength = scripts.length;\r\n for (let i = 0; i < scriptsInitialLength; i++) {\r\n const script = scripts[i];\r\n const scriptCopy = document.createElement('script');\r\n scriptCopy.type = script.type ? script.type : 'text/javascript';\r\n if (script.innerHTML) {\r\n scriptCopy.innerHTML = script.innerHTML;\r\n } else if (script.src) {\r\n scriptCopy.src = script.src;\r\n }\r\n scriptCopy.async = false;\r\n script.parentNode.replaceChild(scriptCopy, script);\r\n }\r\n }\r\n} */\r\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"@media print {\\r\\n .guest-print { display: none; }\\r\\n}\\r\\n\\r\\n#invoiceContainer {\\r\\n font: 70%/150% Arial, Helvetica, sans-serif;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n}\\r\\n\\r\\n #invoiceContainer td, #invoiceContainer th {\\r\\n padding: 0 !important;\\r\\n vertical-align: top !important;\\r\\n }\\r\\n\\r\\n #invoiceContainer .label4x8 td, #invoiceContainer .label4x8 th {\\r\\n padding: 0 0 10px 0 !important;\\r\\n }\\r\\n\\r\\n#invoiceContainer tr:nth-child(even) {\\r\\n background-color: white !important;\\r\\n}\\r\\n #invoiceContainer caption { text-align: center; }\\r\\n #invoiceContainer table {\\r\\n border-spacing: 3px;\\r\\n }\\r\\n #invoiceContainer .InvoiceTopRow {\\r\\n background-color: white;\\r\\n text-decoration: none;\\r\\n outline: none;\\r\\n color: black;\\r\\n font-family: Calibri,Arial;\\r\\n font-size: 1em;\\r\\n font-style: normal;\\r\\n font-weight: normal;\\r\\n text-align: left;\\r\\n }\\r\\n #invoiceContainer #inv-header {\\r\\n margin: 0 auto;\\r\\n }\\r\\n#invoiceContainer b { font-weight: bold !important;}\\r\\n #invoiceContainer hr {\\r\\n border: 1px solid #888;\\r\\n margin-top: 5px;\\r\\n margin-bottom: 5px;\\r\\n }\\r\\n\\r\\n\", \"\"]);\n\n// exports\n\n\n/*** EXPORTS FROM exports-loader ***/\nmodule.exports = module.exports.toString();","module.exports = \"\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n {{errorMessage}} \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
By signing you agree to Conditions of Carriage and certify that all information provided is true and correct.
\\r\\n
Press signature icon at the top right corner to proceed.
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n If you wish to start over or refresh the page, your data will be lost and your parcel will not be saved!\\r\\n
\\r\\n
NEW PARCEL \\r\\n
ORDER HISTORY \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
Your parcel has been created
\\r\\n
Please present printed confirmation slip to the agent and pay for your order
\\r\\n
NEW PARCEL \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n PRINT LABEL \\r\\n \\r\\n
\\r\\n
();\r\n sigButton: any;\r\n @ViewChild('signModal', { static: false }) signModal;\r\n topHeader = 'SHIPMENT SUMMARY Thank you for shipping with MEEST REVIEW AND SIGN \r\n {{errorMessage}} \r\n
\r\n \r\n
\r\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
Register Now \\r\\n
Save time on shipping - register at Meest Portal for
\\r\\n
\\r\\n Calculate shipping costs and delivery time \\r\\n Register your shipment online in the comfort of your home \\r\\n Print your parcel documents at home \\r\\n Skip the lines to drop your package with Meest at any Canada Post office or authorized Meest agent \\r\\n Check the history of your parcels and online money transfers at any time \\r\\n \\r\\n
Register Now \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
();\r\n @ViewChild(ModalDirective, { static: false }) lgModal: ModalDirective;\r\n isModalShown: boolean = false;\r\n\r\n constructor(private dataService: DataService, private router: Router, private sanitizer: DomSanitizer, private modalService: BsModalService) {\r\n this.credentials = { username: '', password: '', branch: '0', service: 'PARCELS' };\r\n }\r\n\r\n ngOnInit() {\r\n this.errorMessage = '';\r\n this.loading = true;\r\n zip(this.dataService.getBranches(), this.dataService.getServices(this.credentials.branch)).subscribe((ui: any[]) => {\r\n this.branchList = ui[0];\r\n this.dataService.branches = ui[0];\r\n this.serviceList = ui[1];\r\n if (this.serviceList.length > 0)\r\n this.credentials.service = this.serviceList[0].ServiceValue;\r\n this.loading = false;\r\n\r\n if (this.router.routerState.snapshot.root.queryParams.e) {\r\n this.errorMessage = 'Your password has been reset. Please login to access your account';\r\n this.credentials.username = this.router.routerState.snapshot.root.queryParams.e;\r\n }\r\n },\r\n (err: any) => {\r\n this.loading = false;\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n }\r\n\r\n ngAfterViewInit() {\r\n if (this.router.routerState.snapshot.root.queryParams.e)\r\n setTimeout(() => {\r\n this.formComp.controls.username.markAsDirty();\r\n })\r\n }\r\n\r\n getServices() {\r\n this.errorMessage = '';\r\n this.loading = true;\r\n this.dataService.getServices(this.credentials.branch).subscribe((ui: any[]) => {\r\n this.serviceList = ui;\r\n if (ui.length > 0)\r\n this.credentials.service = ui[0].ServiceValue;\r\n this.loading = false;\r\n },\r\n (err: any) => {\r\n this.loading = false;\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n }\r\n\r\n login(credentials: Credentials) {\r\n this.errorMessage = '';\r\n this.agentLogin = null;\r\n this.loading = true;\r\n if (this.resetp) {\r\n this.dataService.resetPassword(this.credentials).subscribe((ui: any) => {\r\n this.loading = false;\r\n this.resetp = false;\r\n this.rptext = 'A message for Password Reset will be sent to your email address. Please follow the provided instructions.';\r\n },\r\n (err: any) => {\r\n this.loading = false;\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n }\r\n else {\r\n this.dataService.login(this.credentials).subscribe((ui: UserCredentials) => {\r\n this.loading = false;\r\n this.dataService.userData = ui;\r\n this.dataService.loggedIn = true;\r\n this.router.navigate(['home']);\r\n //this.onLogin.emit(ui);\r\n },\r\n (err: any) => {\r\n this.loading = false;\r\n if (err.status == 403) {\r\n this.errorMessage = 'Sorry, we couldn’t log you in. Please check if you have already created an account and have entered the correct email or password.';\r\n }\r\n else if (err.status == 409) {\r\n this.agentLogin = this.sanitizer.bypassSecurityTrustUrl(this.dataService.siteURL);\r\n }\r\n else\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n }\r\n }\r\n\r\n registration(e) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n this.router.navigate(['registration']);\r\n return false;\r\n }\r\n\r\n resetPassword(e) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n if (!this.credentials.username) {\r\n this.errorMessage = 'Please enter email address associated with your account. A message for Password Reset will be sent to this address if it has been registered with Meest';\r\n this.resetp = true;\r\n }\r\n else {\r\n this.resetp = true;\r\n this.login(null);\r\n }\r\n //this.router.navigate(['registration']);\r\n return false;\r\n }\r\n\r\n modalEstimator(ev: any) {\r\n ev.stopPropagation();\r\n ev.preventDefault();\r\n this.isModalShown = true;\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { Observable, BehaviorSubject } from 'rxjs';\r\n\r\nexport class MessageParameters {\r\n topic: string;\r\n value: number;\r\n text: string;\r\n}\r\n\r\n@Injectable()\r\nexport class MessengerService {\r\n private messageSource: BehaviorSubject = new BehaviorSubject({ topic: '', value: 0, text: '' });\r\n public message = this.messageSource.asObservable();\r\n public statusChanged(value: MessageParameters) {\r\n this.messageSource.next(value);\r\n }\r\n}\r\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"h3 {\\r\\n font-size: 1.5em;\\r\\n color: #002a5c;\\r\\n}\\r\\n\\r\\nh4 {\\r\\n color: #369;\\r\\n font-family: Arial, Helvetica, sans-serif;\\r\\n font-size: 1.2em;\\r\\n}\\r\\n\\r\\n.newparcel {\\r\\n /*border: 1px solid rgba(2,2,2,2);\\r\\n border-radius: 5px;\\r\\n margin: 10px 10px 10px 10px;\\r\\n padding-top: 10px;\\r\\n padding-bottom: 10px;\\r\\n overflow-y: auto;*/\\r\\n padding: 7px;\\r\\n}\\r\\n\\r\\n@media (max-width: 768px) {\\r\\n #newparcel {\\r\\n border: none;\\r\\n margin: 1px 1px 1px 1px;\\r\\n }\\r\\n h3 { margin-top: 0 !important; }\\r\\n}\\r\\n\\r\\n.itemButtons .btn {\\r\\n margin-right:8px;\\r\\n}\\r\\n\\r\\n.ng-valid[required]:not(form):not(div):not(ng-multiselect-dropdown), .ng-valid.required:not(ng-multiselect-dropdown), .ng-valid[required] > div.multiselect-dropdown, div.ng-valid.bootstrap-select {\\r\\n border-left: 5px solid #42A948 !important; /* green */\\r\\n}\\r\\n\\r\\n.ng-invalid:not(form):not(div):not(ng-multiselect-dropdown), .ng-invalid[required] > div.multiselect-dropdown {\\r\\n border-left: 5px solid #a94442 !important; /* red */\\r\\n}\\r\\n\", \"\"]);\n\n// exports\n\n\n/*** EXPORTS FROM exports-loader ***/\nmodule.exports = module.exports.toString();","module.exports = \"\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
Attention Required!
\\r\\n
Maximum amount is {{maxAmount}} {{config['CURRENCY']}} including all fees.
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
{{pageTitle}} \\r\\n
{{errorMessage}} \\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n Next \\r\\n Cancel \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
[];\r\n questions_sender: QuestionBase[];\r\n questions_receiver: QuestionBase[];\r\n countries: any[];\r\n countryStates: any[];\r\n oblasts: any[];\r\n deliverySelection: any[];\r\n itemGroups: any[];\r\n txtOK = 'OK';\r\n isMobile: boolean;\r\n doSender: boolean;\r\n discountID: number;\r\n address: any;\r\n pageno: number;\r\n page1: any;\r\n page2: any;\r\n page3: any;\r\n page4: any;\r\n pageMap: any;\r\n page5: any;\r\n animationState = ['in', 'out', 'out', 'out', 'out', 'out'];\r\n //sender_map = {\r\n // sapartn: 'u_apart', scity: 'u_city', scountry: 'u_country', semail: 'u_email', sfname: 'u_firstnm', slname: 'u_lastnm', soblast: 'u_oblast', sphone: 'u_phone', sregion: 'u_region', sstreet: 'u_street', sstreetn: 'u_house', szip: 'u_index'\r\n //};\r\n pageTitle: string;\r\n showScanner = false;\r\n scannedData: string;\r\n errorMessage: string;\r\n @ViewChild('form', { static: false }) formComp;\r\n @Output() onSubmitted = new EventEmitter();\r\n @ViewChild('holdModal', { static: false }) holdModal;\r\n @ViewChild('brokLimit', { static: false }) brokLimit;\r\n bsModalRef: BsModalRef;\r\n maxAmount: number = 1000;\r\n config: any;\r\n\r\n //private gridOptions: GridOptions;\r\n //public rowData: any[];\r\n //private columnDefs: any[];\r\n //private gridApi;\r\n //private gridColumnApi;\r\n\r\n private grid2Options: GridOptions;\r\n public rowData2: any[];\r\n private columnDefs2: any[];\r\n private columnDefs2Freq: any[];\r\n private frameworkComponents2;\r\n private grid2Api;\r\n\r\n constructor(private service: QuestionService, private dataService: DataService, private route: ActivatedRoute, private router: Router, private modalService: BsModalService) {\r\n this.isMobile = this.dataService.isMobileDevice;\r\n if (!this.isMobile && window.innerWidth < 992)\r\n this.isMobile = true;\r\n\r\n this.grid2Options = {\r\n columnDefs: this.columnDefs2\r\n };\r\n\r\n this.frameworkComponents2 = { numericEditor: NumericEditor, dropdownEditor: DropdownEditor, dropdownRenderer: DropdownRenderer };\r\n\r\n this.columnDefs2 = [\r\n {\r\n headerName: \"Group Name\", field: \"groupname\", minWidth: 200, colId: \"Col1\",\r\n editable: true,\r\n cellRenderer: \"dropdownRenderer\",\r\n cellRendererParams: { options: [] },\r\n cellEditor: \"dropdownEditor\",\r\n cellEditorParams: { options: [] }\r\n },\r\n {\r\n headerName: \"Quantity\", editable: true, cellEditor: \"numericEditor\", field: \"quantity\", minWidth: 90, headerClass: 'leftHeader', cellClass: 'leftText', cellEditorParams: (par) => { return { value: par.value, focus: true }; } },\r\n { headerName: \"Description\", editable: true, cellEditor: \"agTextCellEditor\", field: \"description\", minWidth: 110, },\r\n { headerName: \"Weight\", editable: true, cellEditor: \"numericEditor\", field: \"weight\", type: \"numericColumn\", minWidth: 90, cellEditorParams: (par) => { return { value: par.value, focus: false }; } },\r\n { headerName: \"Value\", editable: true, cellEditor: \"numericEditor\", field: \"value\", type: \"numericColumn\", minWidth: 80, cellEditorParams: (par) => { return { value: par.value, focus: false }; } },\r\n ];\r\n\r\n this.columnDefs2Freq = [\r\n { headerName: \"Group Name\", field: \"groupname\", minWidth: 200, editable: false, colId: \"Col1Freq\", },\r\n { headerName: \"Quantity\", editable: true, cellEditor: \"numericEditor\", field: \"quantity\", minWidth: 90, headerClass: 'leftHeader', cellClass: 'leftText', cellEditorParams: (par) => { return { value: par.value, focus: true }; } },\r\n { headerName: \"Description\", editable: true, cellEditor: \"agTextCellEditor\", field: \"description\", minWidth: 110, },\r\n { headerName: \"Weight\", editable: true, cellEditor: \"numericEditor\", field: \"weight\", type: \"numericColumn\", minWidth: 90, cellEditorParams: (par) => { return { value: par.value, focus: false }; } },\r\n { headerName: \"Value\", editable: true, cellEditor: \"numericEditor\", field: \"value\", type: \"numericColumn\", minWidth: 80, cellEditorParams: (par) => { return { value: par.value, focus: false }; } },\r\n ];\r\n\r\n this.rowData2 = [{ groupname: '', description: '', weight: '', value: '', quantity: '', seqno: 0 }];\r\n\r\n zip(this.dataService.getItemGroups(), this.dataService.getMoneyConfig()).subscribe((ui: any[]) => {\r\n this.itemGroups = ui[0];\r\n this.config = ui[1];\r\n this.maxAmount = this.config[\"MAXAMOUNT\"];\r\n\r\n let dd = this.columnDefs2.find(x => x.field == 'groupname');\r\n dd.cellEditorParams.options = ui.map(o => { return { key: o.Value, value: o.Text } });\r\n\r\n dd.cellRendererParams.options = dd.cellEditorParams.options;\r\n });\r\n }\r\n\r\n ngOnInit() {\r\n this.setupQuagga();\r\n\r\n this.route.url.subscribe(url => {\r\n console.log(url);\r\n this.init();\r\n });\r\n }\r\n\r\n ngAfterViewInit() {\r\n setTimeout(() => {\r\n this.holdModal.show();\r\n })\r\n }\r\n\r\n init() {\r\n this.pageno = -1; \r\n this.animationState = ['in', 'out', 'out', 'out', 'out', 'out'];\r\n this.txtOK = 'Next';\r\n this.pageTitle = 'Select Meest Drop-off Location';\r\n this.discountID = null;\r\n this.errorMessage = '';\r\n\r\n this.rowData2 = [{ groupname: '', description: '', weight: '', value: '', quantity: '', seqno: 0 }];\r\n }\r\n\r\n goahead() {\r\n zip(this.dataService.getCountryState(), this.dataService.getAgent('MEEST')).subscribe((res: any[]) => {\r\n this.countryStates = res[0];\r\n\r\n let agent_addrComp = {};\r\n let user_addrComp = {};\r\n let addrComp = this.dataService.parseAgentAddress(res[1], agent_addrComp);\r\n let addrComp_u = this.dataService.parseUserAddress(user_addrComp);\r\n this.pageno = 1;\r\n this.submitted(JSON.stringify({ userAddress: user_addrComp, agentAddress: agent_addrComp, agent: res[1] })); // Skip the map page;\r\n });\r\n }\r\n\r\n //onGridReady(params) {\r\n // this.gridApi = params.api;\r\n // this.gridColumnApi = params.columnApi;\r\n\r\n // this.gridApi.setRowData(this.deliverySelection);\r\n\r\n // this.autoSizeAll(params.columnApi);\r\n //}\r\n \r\n //onRowDataChanged1(params) {\r\n // params.columnApi.autoSizeColumns();\r\n //}\r\n \r\n //disableGrid() {\r\n // return this.gridApi && this.gridApi.getSelectedRows().length > 0 ? false : true;\r\n //}\r\n\r\n currencyFormatter(params) {\r\n return params.value ? params.value.toFixed(2) : '';\r\n //return \"\\xA3\" + formatNumber(params.value);\r\n }\r\n\r\n\r\n onGrid2Ready(params) {\r\n this.grid2Api = params.api;\r\n\r\n this.grid2Api.setRowData(this.rowData2);\r\n\r\n params.columnApi.autoSizeColumns()\r\n\r\n this.grid2Api.startEditingCell({\r\n rowIndex: 0,\r\n colKey: 'Col1'\r\n });\r\n }\r\n\r\n autoSizeAll(colapi: any) {\r\n var allColumnIds = [];\r\n colapi.getAllColumns().forEach(column => {\r\n allColumnIds.push(column.colId);\r\n });\r\n colapi.autoSizeColumns(allColumnIds);\r\n }\r\n\r\n onCheckChange(arg: any) {\r\n if (arg.key == 'rcountry' && arg.value !== '') {\r\n let c = this.questions.find(x => x.key == 'rcountry');\r\n var qx = this.questions.findIndex(x => x.key == 'roblast');\r\n let q = this.questions[qx];\r\n q.value = arg.value;\r\n let selc = this.countries.find(x => x.CountryCodeValue == arg.value);\r\n if (selc && selc.CountryCodeType === 'DropDownTable') {\r\n this.dataService.getOblast(selc.r_country).subscribe((obl: any[]) => {\r\n this.oblasts = obl;\r\n q['options'] = obl.map(c => {\r\n return { key: c.Id, value: c.r_region }\r\n });\r\n q['options'].splice(0, 0, { key: '', value: 'Select Oblast' });\r\n q.hidden = false;\r\n q.required = true;\r\n this.questions[qx] = Object.assign({}, q);\r\n })\r\n } else {\r\n this.oblasts = [];\r\n q.hidden = true;\r\n this.questions[qx] = Object.assign({}, q);\r\n }\r\n }\r\n\r\n if (arg.key == 'scountry' && arg.value !== '' && this.countryStates[arg.value.toUpperCase()]) {\r\n var qx = this.questions_sender.findIndex(x => x.key == 'soblast');\r\n this.questions_sender[qx]['options'] = this.countryStates[arg.value.toUpperCase()].map(c => {\r\n return { key: c.state, value: c.desc }\r\n });\r\n\r\n this.questions_sender[qx] = Object.assign({}, this.questions_sender[qx]);\r\n }\r\n}\r\n\r\n onCheckConfirm(arg: any) {\r\n if (arg.type == 'checkbox') {\r\n if (!arg.value)\r\n this.formComp.setDisabled(true);\r\n else if (this.formComp.form.controls['txt1'].value == '1' && (this.formComp.form.controls['txt2'].value == '1' || this.formComp.form.controls['insamt'].value != '0.00'))\r\n this.formComp.setDisabled(false);\r\n }\r\n else if (arg.type == 'dropdown') {\r\n if (arg.value == '0.00') {\r\n this.questions.find(x => x.key == 'txt2').hidden = false;\r\n if (this.formComp.form.controls['txt1'].value == '1' && (this.formComp.form.controls['txt2'].value == '1' || this.formComp.form.controls['insamt'].value != '0.00'))\r\n this.formComp.setDisabled(false);\r\n else\r\n this.formComp.setDisabled(true);\r\n }\r\n else {\r\n this.questions.find(x => x.key == 'txt2').hidden = true;\r\n if (this.formComp.form.controls['txt1'].value == '1')\r\n this.formComp.setDisabled(false);\r\n else\r\n this.formComp.setDisabled(true);\r\n }\r\n\r\n this.formComp.updateQuestions(['txt2']);\r\n }\r\n }\r\n\r\n addRow() {\r\n this.rowData2.push({ groupname: '', description: '', weight: '', value: '', quantity: '', seqno: this.rowData2.length });\r\n\r\n this.grid2Api.setRowData(this.rowData2);\r\n }\r\n\r\n deleteRow() {\r\n var row = this.grid2Api.getSelectedRows()[0];\r\n if (!row)\r\n return;\r\n var ix = row[\"seqno\"];\r\n\r\n this.rowData2.splice(ix, 1);\r\n for (var i = 0; i < this.rowData2.length; i++)\r\n this.rowData2[i][\"seqno\"] = i;\r\n\r\n this.grid2Api.setRowData(this.rowData2);\r\n }\r\n\r\n hasRows() {\r\n return this.rowData2.some(x => x.groupname !== '' && x.quantity != '');\r\n }\r\n\r\n onDiscount(id) {\r\n if (id > 0)\r\n this.discountID = id;\r\n this.submitted('grid_d');\r\n }\r\n\r\n submitted(payLoad: string) {\r\n if (payLoad && payLoad !== '') {\r\n\r\n if (this.pageno == 1) {\r\n if (this.dataService.userData.UserData.u_type == 'CUSTOMER') {\r\n this.pageMap = JSON.parse(payLoad);\r\n this.dataService.userData.Branch = this.dataService.branches.find(x => x.id == this.pageMap.agent.branch);\r\n }\r\n else\r\n this.pageMap = null;\r\n\r\n this.dataService.getMoneyCountries().subscribe((res: any[]) => {\r\n this.countries = res;\r\n\r\n this.questions = this.service.getQuestionsNewMoney().map((q) => {\r\n return Object.assign({}, q);\r\n });\r\n //this.questions.find(x => x.key == 'txt2').label = `Maximum amount is ${this.maxAmount} ${this.config[\"CURRENCY\"]} including all fees`;\r\n\r\n let cq = this.questions.find(x => x.key == 'rcountry');\r\n cq['options'] = this.countries.map(c => {\r\n return { key: c.CountryCodeValue, value: c.r_country }\r\n });\r\n cq['options'].splice(0, 0, { key: '', value: 'Select Country' });\r\n\r\n this.pageTitle = 'Enter Transfer Details';\r\n this.nextPage();\r\n });\r\n }\r\n\r\n if (this.pageno == 2) {\r\n this.page1 = JSON.parse(payLoad);\r\n\r\n if (Number(this.page1[\"amount\"]) > this.maxAmount) {\r\n this.brokLimit.show();\r\n return;\r\n }\r\n\r\n this.page1[\"rcountrycode\"] = this.page1.rcountry;\r\n this.page1.rcountry = this.countries.find(x => x.CountryCodeValue == this.page1.rcountry).r_country;\r\n\r\n let param = { CountryCode: this.page1[\"rcountrycode\"], Amount: this.page1[\"amount\"], Currency: 'USD', Mode: 'I', UserID: this.dataService.userData.UserData.id };\r\n\r\n this.dataService.getMoneyTransferSelection(param).subscribe((ui: any[]) => {\r\n if (ui.length > 0 && ui[0].TransferMode == 'Error')\r\n this.errorMessage = ui[0].DeliveryModeDescription;\r\n else {\r\n this.errorMessage = '';\r\n this.deliverySelection = ui;\r\n this.pageTitle = 'Select Transport and Delivery';\r\n this.nextPage();\r\n }\r\n });\r\n }\r\n\r\n if (this.pageno == 3) {\r\n this.page2 = JSON.parse(payLoad); // this.gridApi.getSelectedRows()[0];\r\n this.page2 = this.page2.delivery;\r\n //this.gridApi.setRowData([]);\r\n\r\n this.pageTitle = 'Enter Address';\r\n this.nextPage();\r\n }\r\n\r\n if (this.pageno == 4) {\r\n this.page3 = JSON.parse(payLoad);\r\n //this.pageno++;\r\n\r\n //this.pageTitle = 'Select Discount'; // Remove discount\r\n //this.nextPage();\r\n\r\n // this.pageTitle = 'Select Agent'; \r\n // this.nextPage();\r\n //}\r\n\r\n //if (this.pageno == 5) {\r\n this.questions = this.service.getQuestionsNewMoney4().map((q) => {\r\n return Object.assign({}, q);\r\n });\r\n this.questions_sender = [];\r\n this.questions_receiver = [];\r\n //this.dataService.insertQuestions(this.questions, 'ParcelDetails').subscribe((obl: any[]) => {\r\n //},\r\n // (err: any) => {\r\n // this.errorMessage = this.dataService.processError(err);\r\n // });\r\n\r\n //this.questions.find(x => x.key == 'weight').value = this.page1.weight;\r\n //this.questions.find(x => x.key == 'h').value = this.page1.h;\r\n //this.questions.find(x => x.key == 'l').value = this.page1.l;\r\n //this.questions.find(x => x.key == 'w').value = this.page1.w;\r\n this.questions.find(x => x.key == 'amount').value = this.page1.amount;\r\n this.questions.find(x => x.key == 'delmode').value = this.page2.DeliveryModeDescription;\r\n this.questions.find(x => x.key == 'payamount').value = this.page2.TotalCustomerOwe_CAD;\r\n this.questions.find(x => x.key == 'amount').label += ' USD';\r\n this.questions.find(x => x.key == 'payamount').label += (' ' + this.dataService.userData.Branch.currency);\r\n //this.questions.find(x => x.key == 'weight').label += (' ' + this.dataService.userData.Branch.weight);\r\n //this.questions.find(x => x.key == 'txt2').value = '0';\r\n\r\n //if (this.isMobile) {\r\n // this.questions.find(x => x.key == 'h').width += ' col-xs-3 ';\r\n // this.questions.find(x => x.key == 'l').width += ' col-xs-3 ';\r\n // this.questions.find(x => x.key == 'w').width += ' col-xs-3 mb15 ';\r\n //}\r\n\r\n if (!this.isMobile) {\r\n this.questions_sender = this.questions.filter(x => !x[\"readonly\"] && x.controlType != 'label' && x.key != 'declaration').sort((a, b) => a.order - b.order);\r\n this.questions_receiver = this.questions.filter(x => x[\"readonly\"] || x.controlType == 'label' || x.key == 'declaration').sort((a, b) => a.order - b.order);\r\n }\r\n\r\n //this.formComp.setDisabled(true);\r\n this.pageTitle = 'Complete and Review';\r\n this.nextPage();\r\n }\r\n\r\n if (this.pageno == 5) {\r\n // TODO: check ParcelMaxValue\r\n this.page4 = JSON.parse(payLoad);\r\n\r\n let model = this.buildModel(this.page1, this.page2, this.page3, this.page4, this.page5);\r\n\r\n this.errorMessage = '';\r\n this.dataService.saveMoney(model).subscribe((ui: number) => {\r\n model.id = ui;\r\n\r\n this.router.navigate([\"payment\", model.id, 1]);\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n }\r\n }\r\n else {\r\n this.questions = [];\r\n this.questions_sender = [];\r\n this.questions_receiver = [];\r\n this.animationState[0] = 'out';\r\n this.animationState[1] = 'out';\r\n this.animationState[2] = 'out';\r\n this.animationState[3] = 'out';\r\n this.animationState[4] = 'out';\r\n this.router.navigate([\"home\"]);\r\n }\r\n }\r\n\r\n private nextPage() {\r\n var page = this.pageno - 1;\r\n setTimeout(() => {\r\n this.pageno++;\r\n setTimeout(() => {\r\n this.animationState[page] = this.animationState[page] === 'out' ? 'in' : 'out';\r\n this.animationState[page+1] = this.animationState[page+1] === 'out' ? 'in' : 'out';\r\n $('html, body').animate({ scrollTop: '0px' }, 300);\r\n\r\n if (this.pageno == 5) {\r\n let me = this;\r\n $('#scanButton').off('click').on('click', function (e) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n //$('#declaration').focus();\r\n $('#declaration').val('');\r\n me.scannedData = '';\r\n\r\n me.showScanner = !me.showScanner;\r\n if (me.showScanner)\r\n setTimeout(() => me.startQuagga());\r\n else\r\n Quagga.stop();\r\n\r\n return false;\r\n });\r\n }\r\n });\r\n });\r\n }\r\n\r\n onFormInited(page) {\r\n if (page === 'ParcelReceiver') {\r\n initAutocomplete(this.updateStateList.bind(this));\r\n restrictCountry(this.questions_receiver.find(x => x.key == 'rcountry').value);\r\n }\r\n if (page === 'ParcelSender')\r\n initAutocomplete_s(this.updateStateList.bind(this));\r\n }\r\n\r\n updateStateList(country, stateprov, elems) {\r\n if (elems) {\r\n elems.forEach(x => this.formComp.form.controls[x.key].patchValue(x.value) );\r\n }\r\n else {\r\n if (!this.countryStates[country.toUpperCase()])\r\n return;\r\n\r\n this.questions_sender.find(x => x.key == 'scountry').value = country.toUpperCase();\r\n this.formComp.updateQuestions(['scountry']);\r\n\r\n var qx = this.questions_sender.findIndex(x => x.key == 'soblast');\r\n this.questions_sender[qx]['options'] = this.countryStates[country.toUpperCase()].map(c => {\r\n return { key: c.state, value: c.desc }\r\n });\r\n\r\n //this.questions_sender[qx] = Object.assign({ value: stateprov }, this.questions_sender[qx]);\r\n this.questions_sender[qx].value = stateprov;\r\n this.formComp.updateQuestions(['soblast']);\r\n }\r\n return false;\r\n }\r\n\r\n buildModel(p1: any, rates: any, address: any, p4: any, p5: any): Parcel {\r\n let model = new Parcel();\r\n model.id = 0;\r\n\r\n model.userID = this.dataService.userData.UserData.id;\r\n model.branchID = this.dataService.userData.Branch.id;\r\n model.source = this.dataService.userData.UserData.u_email;\r\n model.customerCD = this.dataService.userData.UserData.customerCD;\r\n model.currencyCD = 'USD';\r\n model.TotalCustomerOwe_USD = p1.amount;\r\n\r\n model.DeliveryMode = rates.DeliveryModeCode;\r\n model.RateName = rates.TransferMode;\r\n model.value = rates.TotalCustomerOwe_CAD;\r\n model.vol_fee = rates.volume_fee;\r\n model.vol_wght = rates.VolumeWeight;\r\n model.rate = rates.rate;\r\n model.rate_fee = rates.rate_fee;\r\n model.delivery = rates.delivery;\r\n model.rate_fee_meest = rates.rate_fee_meest;\r\n model.rate_fee_agent = rates.rate_fee_agent;\r\n model.rate_fee_ws = rates.rate_fee_ws;\r\n model.delivery_meest = rates.delivery_meest;\r\n model.delivery_agent = rates.delivery_agent;\r\n model.delivery_ws = rates.delivery_ws;\r\n model.ins_meest = rates.ins_meest;\r\n model.ins_agent = rates.ins_agent;\r\n model.ins_ws = rates.ins_ws;\r\n model.Packaging_meest = rates.Packaging_meest;\r\n model.Packaging_agent = rates.Packaging_agent;\r\n model.Packaging_ws = rates.Packaging_ws;\r\n\r\n model.s_phone = address.sphone;\r\n model.s_email = address.semail;\r\n model.s_apart = address.sapartn;\r\n model.s_city = address.scity;\r\n model.s_country = address.scountry;\r\n model.s_firstnm = address.sfname;\r\n model.s_house = address.sstreetn;\r\n model.s_index = address.szip;\r\n model.s_oblast = address.soblast;\r\n model.s_lastnm = address.slname;\r\n model.s_region = address.sregion;\r\n model.s_street = address.sstreet;\r\n\r\n model.r_phone = address.rphone;\r\n model.r_email = address.remail;\r\n model.r_apart = address.rapartn;\r\n model.r_city = address.rcity;\r\n model.r_country = address.rcountry;\r\n model.r_CountryCode = p1.rcountrycode;\r\n model.r_firstnm = address.rfname;\r\n model.r_house = address.rstreetn;\r\n model.r_index = address.rzip;\r\n model.r_oblast = address.roblast;\r\n model.r_lastnm = address.rlname;\r\n model.r_region = address.rregion;\r\n model.r_street = address.rstreet;\r\n\r\n model.notes = p4.notes;\r\n model.code_a = (!p4.declaration || p4.declaration == '') ? null : p4.declaration;\r\n model.DiscountID = this.discountID;\r\n\r\n return model;\r\n }\r\n\r\n startQuagga() {\r\n let me = this;\r\n\r\n Quagga.init({\r\n inputStream: {\r\n name: \"Live\",\r\n type: \"LiveStream\",\r\n //target: document.querySelector('#yourElement') // Or '#yourElement' (optional)\r\n },\r\n decoder: {\r\n //readers: [\"codabar_reader\"]\r\n readers: [\"code_128_reader\"]\r\n }\r\n }, function (err) {\r\n if (err) {\r\n console.log(err);\r\n me.showScanner = false;\r\n alert(err);\r\n return;\r\n }\r\n console.log(\"Initialization finished. Ready to start\");\r\n Quagga.start();\r\n });\r\n }\r\n\r\n setupQuagga() {\r\n Quagga.onProcessed((result) => {\r\n var drawingCtx = Quagga.canvas.ctx.overlay,\r\n drawingCanvas = Quagga.canvas.dom.overlay;\r\n\r\n if (result) {\r\n if (result.boxes) {\r\n drawingCtx.clearRect(0, 0, parseInt(drawingCanvas.getAttribute(\"width\")), parseInt(drawingCanvas.getAttribute(\"height\")));\r\n result.boxes.filter(function (box) {\r\n return box !== result.box;\r\n }).forEach(function (box) {\r\n Quagga.ImageDebug.drawPath(box, { x: 0, y: 1 }, drawingCtx, { color: \"green\", lineWidth: 2 });\r\n });\r\n }\r\n\r\n if (result.box) {\r\n Quagga.ImageDebug.drawPath(result.box, { x: 0, y: 1 }, drawingCtx, { color: \"#00F\", lineWidth: 2 });\r\n }\r\n\r\n if (result.codeResult && result.codeResult.code) {\r\n Quagga.ImageDebug.drawPath(result.line, { x: 'x', y: 'y' }, drawingCtx, { color: 'red', lineWidth: 3 });\r\n }\r\n }\r\n });\r\n\r\n Quagga.onDetected((result) => {\r\n $('#declaration').val(result.codeResult.code);\r\n this.scannedData = result.codeResult.code;\r\n Quagga.stop();\r\n this.showScanner = false;\r\n });\r\n }\r\n}\r\n","var country_lookup = {\n 'ukraine': 'ua',\n 'russia': 'ru',\n 'belarus': 'by',\n 'moldova': 'md',\n 'lithuania': 'lt',\n 'latvia': 'lv',\n 'estonia': 'ee',\n 'kazakhstan': 'kz',\n 'kyrgyzstan': 'kg',\n 'uzbekistan': 'uz',\n 'georgia': 'ge'\n};\nvar componentForm = {\n street_number: 'short_name',\n route: 'long_name',\n locality: 'long_name',\n administrative_area_level_1: 'long_name',\n country: 'long_name',\n postal_code: 'short_name'\n};\nvar formElements = {\n street_number: 'rstreetn',\n route: 'rstreet',\n locality: 'rcity',\n administrative_area_level_1: 'roblast',\n postal_code: 'rzip'\n};\nvar autopomplete_callback;\nexport function initAutocomplete(callback, id) {\n autopomplete_callback = callback;\n // Create the autocomplete object, restricting the search to geographical\n // location types.\n o_autocomplete = new google.maps.places.Autocomplete(document.getElementById(id ? id : 'g_autocomplete'), { types: ['geocode'] });\n // When the user selects an address from the dropdown, populate the address\n // fields in the form.\n o_autocomplete.addListener('place_changed', fillInAddress);\n}\nfunction fillInAddress() {\n var place = o_autocomplete.getPlace();\n if (!place.address_components)\n return;\n console.log(place);\n var elems = [];\n for (var i = 0; i < place.address_components.length; i++) {\n for (var j = 0; j < place.address_components[i].types.length; j++) {\n var addressType = place.address_components[i].types[j];\n if (componentForm[addressType]) {\n var vald = place.address_components[i][componentForm[addressType]];\n if (!$('#' + formElements[addressType]).attr('readonly'))\n $('#' + formElements[addressType]).val(vald);\n if (formElements[addressType])\n elems.push({ key: formElements[addressType], value: vald });\n break;\n }\n }\n }\n setTimeout(function () {\n let r = autopomplete_callback(null, null, elems);\n if (!r)\n $('#g_autocomplete').val('');\n });\n}\nexport function restrictCountry(cname) {\n o_autocomplete.setComponentRestrictions({ 'country': cname.toLowerCase() });\n // if (cname) {\n // var clow = cname.toLowerCase();\n // if (country_lookup[clow])\n // o_autocomplete.setComponentRestrictions({ 'country': country_lookup[clow] });\n // }\n}\n///////////////////////////////////////////////////////////////////////////\nvar componentForm_s = {\n street_number: 'short_name',\n route: 'long_name',\n locality: 'long_name',\n administrative_area_level_1: 'short_name',\n country: 'long_name',\n postal_code: 'short_name'\n};\nvar formElements_s = {\n street_number: 'sstreetn',\n route: 'sstreet',\n locality: 'scity',\n administrative_area_level_1: 'soblast',\n country: 'scountry',\n postal_code: 'szip'\n};\nvar autopomplete_s_callback;\nvar o_autocomplete_s_handler;\nexport function initAutocomplete_s(callback, id) {\n autopomplete_s_callback = callback;\n // Create the autocomplete object, restricting the search to geographical location types.\n if (o_autocomplete_s_handler)\n o_autocomplete_s_handler.remove();\n o_autocomplete_s = new google.maps.places.Autocomplete(document.getElementById(id ? id : 'g_autocomplete_s'), { types: ['address'] });\n // When the user selects an address from the dropdown, populate the address fields in the form.\n o_autocomplete_s_handler = o_autocomplete_s.addListener('place_changed', fillInAddress_s);\n}\nexport function buildSenderAddress() {\n var addrComp = [];\n for (var p in formElements_s) {\n var el = $('#' + formElements_s[p]).val();\n if (el && el != '')\n addrComp.push(el);\n }\n return addrComp.length > 0 ? addrComp.join(', ') : '';\n}\nexport function getAddressComponent(addr, comp) {\n for (var i = 0; i < addr.length; i++) {\n for (var j = 0; j < addr[i].types.length; j++) {\n var addressType = addr[i].types[j];\n if (componentForm_s[addressType] && addressType == comp) {\n var vald = addr[i][componentForm_s[addressType]];\n if (comp == 'country') {\n if (vald == 'United States')\n vald = 'USA';\n else if (vald == 'Canada')\n vald = 'CAN';\n }\n return vald;\n }\n }\n }\n return '';\n}\nexport function restrictCountry_s(cnames) {\n o_autocomplete_s.setComponentRestrictions({ 'country': cnames });\n}\nfunction fillInAddress_s() {\n var place = o_autocomplete_s.getPlace();\n if (!place.address_components)\n return;\n console.log(place);\n var stateprov = '';\n var country = '';\n var elems = [];\n for (var i = 0; i < place.address_components.length; i++) {\n for (var j = 0; j < place.address_components[i].types.length; j++) {\n var addressType = place.address_components[i].types[j];\n if (componentForm_s[addressType]) {\n var vald = place.address_components[i][componentForm_s[addressType]];\n if (formElements_s[addressType] == 'soblast')\n stateprov = vald;\n else if (formElements_s[addressType] == 'scountry') {\n if (vald == 'United States')\n vald = 'USA';\n country = vald;\n }\n else\n elems.push({ key: formElements_s[addressType], value: vald });\n $('#' + formElements_s[addressType]).val(vald);\n break;\n }\n }\n }\n setTimeout(function () {\n autopomplete_s_callback(country, stateprov, null);\n let r = autopomplete_s_callback(null, null, elems);\n if (!r)\n $('#g_autocomplete_s').val('');\n });\n}\n//# sourceMappingURL=autocompleteAddress.js.map","import { Component, OnInit, NgZone } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\r\n//import { } from 'googlemaps';\r\n\r\ndeclare var google: any;\r\nimport { DataService } from '../data.service';\r\n\r\n@Component({\r\n selector: 'app-modal-email-carrier',\r\n template: `\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n {{errorMessage}} \r\n
\r\n\r\n
\r\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
NEW PARCEL \\r\\n
{{errorMessage}} \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
DELIVERY PRICE \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
Country
\\r\\n
{{page1?.rcountry}} \\r\\n
\\r\\n
\\r\\n
Weight
\\r\\n
{{page1?.weight}} {{dataService.userData.Branch?.weight}} \\r\\n
\\r\\n
\\r\\n
Discount
\\r\\n
-${{discountValue | number: '1.2-2'}} \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
Verification code
\\r\\n
\\r\\n We will send you a one-time verification code by\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
Send code \\r\\n
\\r\\n
\\r\\n
Verification code
\\r\\n
We have sent a verification code to your {{verHow}}
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
BrokerageMaxValue\\\" class=\\\"modal-content\\\">\\r\\n
\\r\\n
\\r\\n
Attention Required!
\\r\\n
Your declared value exceeds the maximum amount of {{BrokerageMaxValue}} {{dataService.userData.Branch.currency}}.
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
Attention Required!
\\r\\n
BrokerageLimit\\\" class=\\\"modal-brok\\\">\\r\\n
Your declared value exceeds duty free amount of {{BrokerageLimit}} {{dataService.userData.Branch.currency}}.
Please note that additional customs duties may apply in the country of destination.
In addition, customs may reassess the value of your parcel and impose additional customs duties in the country of destination
\\r\\n
\\r\\n
0 && declaredValue <= BrokerageLimit\\\" class=\\\"modal-brok\\\">\\r\\n
Your declared value exceeds duty free amount.
An additional fee of {{BrokerageVAT | number: '1.1-1'}}% of the declared value of the parcel will be added to the final invoice.
In addition, customs may reassess the value of your parcel and impose additional customs duties in the country of destination
\\r\\n
\\r\\n
\\r\\n
\\r\\n Yes, I confirm and accept the above. \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
Attention Required!
\\r\\n
\\r\\n - please check duty payments in destination country \\r\\n - please check prohibited items \\r\\n Estimated delivery time – up to 5 business days from Meest International HUB in {{dataService.userData.Branch.id == 1 ? 'Ontario' : 'New Jersey'}} Maximum weight of a parcel 66 lb. (30 kg) Every parcel is insured for $60.00. Any additional insurance will cost you 5% of the insured value \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n Name \\r\\n Address \\r\\n Telephone \\r\\n Date \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{x.r_firstnm + \\\" \\\" + x.r_lastnm}} \\r\\n {{x.r_oblast + \\\" \\\" + x.r_city + \\\", \\\" + x.r_house + \\\" \\\" + x.r_street}} \\r\\n {{x.r_phone}} \\r\\n {{x.first_DT | date: 'mediumDate'}} \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
[];\r\n countries: any[];\r\n countryStates: any[];\r\n oblasts: any[];\r\n oblastOpt: any[] = [];\r\n deliverySelection: any[];\r\n itemGroups: any[];\r\n txtOK = 'OK';\r\n pickupWindow: any;\r\n doSender: boolean;\r\n closestAgent: any;\r\n discountID: number;\r\n discountValue: number = 0;\r\n address: any;\r\n phase0: boolean = true;\r\n agent_drop: boolean = false;\r\n pageno: number;\r\n page1: any;\r\n page2: any;\r\n page3: any;\r\n page4: any;\r\n pageMap: any;\r\n page5: any;\r\n pickupAddress: any;\r\n post_agent: string;\r\n meestAgent: any = {};\r\n animationState = ['in', 'out', 'out', 'out', 'out', 'out'];\r\n freqButtonText = ['Frequently Sent Items', 'More Items'];\r\n freqButtonState: number;\r\n phoneValidation: any = {};\r\n //sender_map = {\r\n // sapartn: 'u_apart', scity: 'u_city', scountry: 'u_country', semail: 'u_email', sfname: 'u_firstnm', slname: 'u_lastnm', soblast: 'u_oblast', sphone: 'u_phone', sregion: 'u_region', sstreet: 'u_street', sstreetn: 'u_house', szip: 'u_index'\r\n //};\r\n parcelModel: any;\r\n pageTitle: string;\r\n currencyId: string = '';\r\n receivingCountry: any = {};\r\n showScanner = false;\r\n scannedData: string;\r\n errorMessage: string;\r\n phoneMessage: string;\r\n showSignature: boolean = false;\r\n showPayment: boolean = false;\r\n isPaid: boolean = false;\r\n @ViewChild('form', { static: false }) formComp;\r\n @Output() onSubmitted = new EventEmitter();\r\n bsModalRef: BsModalRef;\r\n @ViewChild('hazModal', { static: false }) hazModal;\r\n @ViewChild('brokLimit', { static: false }) brokLimit;\r\n @ViewChild('terms_brok', { static: false }) terms_brok;\r\n @ViewChild('history', { static: false }) history;\r\n @ViewChild('pickupModal', { static: false }) pickupDialog;\r\n @ViewChild('dpicker', { static: false }) dpicker;\r\n @ViewChild('verCode', { static: false }) verCode;\r\n verCodeInput: string = '';\r\n verCodeSent: string = '';\r\n verCodeError: boolean = false;\r\n verHow: string = 'phone';\r\n @ViewChild('codeInput', { static: false }) codeInput !: CodeInputComponent;\r\n @ViewChild('estimator0', { static: false }) estimator0: PopupEstimatorComponent;\r\n @ViewChild('estimator1', { static: false }) estimator1: PopupEstimatorComponent;\r\n @ViewChild('signature', { static: false }) signature: SignatureComponent;\r\n @ViewChild('payment', { static: false }) payment: PaymentComponent;\r\n @ViewChild('disclaimer', { static: false }) disclaimer;\r\n inited: boolean = false;\r\n declaredValue: number;\r\n BrokerageLimit: number;\r\n BrokerageMaxValue: number = 1000000;\r\n BrokerageVAT: number = 0;\r\n BrokerageMin: number = 0;\r\n UserBranch: number;\r\n saving: boolean = false;\r\n preselectedRate: any;\r\n noCarouselPause = false;\r\n useBillingAddress = false;\r\n form1: FormGroup;\r\n form2: FormGroup;\r\n form3: FormGroup;\r\n formba: FormGroup;\r\n @ViewChild('baComp', { static: false }) baComp: RegistrationComponent;\r\n itiR: any;\r\n itiS: any;\r\n emailRequired: boolean = false;\r\n insOpt: any[] = [];\r\n sigdata: any;\r\n payMethods: any[];\r\n paycode: string;\r\n payText: string = '';\r\n histList: any[] = [];\r\n dpOptions = {};\r\n discError: string = '';\r\n selectedItems: any[] = [];\r\n shipType = 'I';\r\n express: boolean = false;\r\n passportReqd: string[] = ['Uzbekistan', 'Armenia'];\r\n\r\n accordionMenu: boolean[] = [true, false, false, false, false, false, false];\r\n accordionCompleted: boolean[] = [false, false, false, false, false, false, false];\r\n\r\n public grid2Options: GridOptions;\r\n public grid2OptionsMobile: GridOptions;\r\n public rowData2: any[] = [];\r\n private columnDefs2: any[];\r\n private columnDefs2Freq: any[];\r\n public frameworkComponents2;\r\n private grid2Api;\r\n private grid2ColumnApi;\r\n\r\n constructor(private service: QuestionService, private dataService: DataService, private route: ActivatedRoute, private router: Router, private modalService: BsModalService, private fb: FormBuilder, private datePipe: DatePipe) {\r\n this.grid2Options = {\r\n columnDefs: this.columnDefs2,\r\n defaultColDef: { resizable: true },\r\n suppressRowClickSelection: true,\r\n onCellEditingStarted: (params: any) => {\r\n if (params.colDef.colId == 'Col1Freq') {\r\n this.dataService.addClass(document.getElementById('mobpct'), 'no-overflow');\r\n }\r\n },\r\n onCellEditingStopped: (params: any) => {\r\n if (params.colDef.colId == 'Col1Freq') {\r\n this.dataService.removeClass(document.getElementById('mobpct'), 'no-overflow');\r\n if (!params.value && this.rowData2.length > 1) {\r\n for (var i = params.rowIndex + 1; i < this.rowData2.length; i++)\r\n this.selectedItems[i - 1] = this.selectedItems[i];\r\n this.selectedItems[this.rowData2.length - 1] = null;\r\n this.rowData2.splice(params.rowIndex, 1);\r\n this.rowData2 = [].concat(this.rowData2);\r\n }\r\n else if (this.selectedItems[params.rowIndex] && params.value != this.selectedItems[params.rowIndex].name) {\r\n this.selectedItems[params.rowIndex] = null;\r\n }\r\n else {\r\n if (!params.data.quantity)\r\n setTimeout(() => params.api.flashCells({ rowNodes: [params.node], columns: ['quantity'] }));\r\n this.onFreqAdded();\r\n }\r\n }\r\n },\r\n };\r\n this.grid2OptionsMobile = {\r\n columnDefs: this.columnDefs2,\r\n defaultColDef: { resizable: true },\r\n suppressRowClickSelection: true,\r\n onCellEditingStarted: (params: any) => {\r\n if (params.colDef.colId == 'Col1Freq') {\r\n this.dataService.addClass(document.getElementById('mobpct'), 'no-overflow');\r\n }\r\n },\r\n onCellEditingStopped: (params: any) => {\r\n if (params.colDef.colId == 'Col1Freq') {\r\n this.dataService.removeClass(document.getElementById('mobpct'), 'no-overflow');\r\n if (!params.value && this.rowData2.length > 1) {\r\n for (var i = params.rowIndex + 1; i < this.rowData2.length; i++)\r\n this.selectedItems[i - 1] = this.selectedItems[i];\r\n this.selectedItems[this.rowData2.length - 1] = null;\r\n this.rowData2.splice(params.rowIndex, 1);\r\n this.rowData2 = [].concat(this.rowData2);\r\n }\r\n else if (this.selectedItems[params.rowIndex] && params.value != this.selectedItems[params.rowIndex].name) {\r\n this.selectedItems[params.rowIndex] = null;\r\n }\r\n else {\r\n if (!params.data.quantity)\r\n setTimeout(() => params.api.flashCells({ rowNodes: [params.node], columns: ['quantity'] }));\r\n this.onFreqAdded();\r\n }\r\n }\r\n },\r\n };\r\n\r\n this.frameworkComponents2 = { numericEditor: NumericEditor, dropdownEditor: DropdownEditor, dropdownRenderer: DropdownRenderer, typeaheadEditor: TypeaheadEditor };\r\n\r\n this.columnDefs2 = [\r\n {\r\n headerName: \"Group Name*\", field: \"groupname\", minWidth: 200, colId: \"Col1\", flex: 4,\r\n editable: true,\r\n cellRenderer: \"dropdownRenderer\",\r\n cellRendererParams: { options: [] },\r\n cellEditor: \"dropdownEditor\",\r\n cellEditorParams: { options: [] }\r\n },\r\n {\r\n headerName: \"Quantity*\", editable: true, cellEditor: \"numericEditor\", field: \"quantity\", flex: 1, maxWidth: 90, headerClass: 'leftHeader', cellClass: 'leftText', cellEditorParams: (par) => { return { value: par.value, focus: true }; }\r\n },\r\n // { headerName: \"Description\", editable: true, cellEditor: \"agTextCellEditor\", field: \"description\", flex: 0.6, },\r\n // { headerName: \"Weight\", editable: true, cellEditor: \"numericEditor\", field: \"weight\", type: \"numericColumn\", width: 90, cellEditorParams: (par) => { return { value: par.value, focus: false }; } },\r\n // { headerName: \"Value\", editable: true, cellEditor: \"numericEditor\", field: \"value\", type: \"numericColumn\", width: 90, cellEditorParams: (par) => { return { value: par.value, focus: false }; } },\r\n ];\r\n\r\n this.columnDefs2Freq = [\r\n {\r\n headerName: \"Item Name*\", field: \"groupname\", editable: true, colId: \"Col1Freq\", flex: 3,\r\n cellClassRules: {\r\n 'no-hscode': (params) => { return params.value && (!this.selectedItems[params.rowIndex] || params.value != this.selectedItems[params.rowIndex].name) }\r\n },\r\n cellEditor: \"typeaheadEditor\",\r\n cellEditorParams: { focus: true, context: this }\r\n },\r\n { headerName: \"Quantity*\", editable: true, cellEditor: \"numericEditor\", field: \"quantity\", flex: 1, maxWidth: 90, headerClass: 'leftHeader', cellClass: 'leftText', cellEditorParams: (par) => { return { value: par.value, focus: true }; } },\r\n // { headerName: \"Description\", editable: true, cellEditor: \"agTextCellEditor\", field: \"description\", flex: 0.6, },\r\n // { headerName: \"Weight\", editable: true, cellEditor: \"numericEditor\", field: \"weight\", type: \"numericColumn\", width: 90, cellEditorParams: (par) => { return { value: par.value, focus: true }; } },\r\n // { headerName: \"Value\", editable: true, cellEditor: \"numericEditor\", field: \"value\", type: \"numericColumn\", width: 90, cellEditorParams: (par) => { return { value: par.value, focus: true }; } },\r\n ];\r\n\r\n //this.rowData2 = [{ groupname: '', description: '', weight: '', value: '', quantity: '', seqno: 0 }];\r\n\r\n this.router.routeReuseStrategy.shouldReuseRoute = () => false;\r\n this.router.onSameUrlNavigation = 'reload';\r\n\r\n //for (var n = 0; n <= 800; n += 50)\r\n // this.insOpt.push({key: n.toString(), value: n.toFixed(2)});\r\n\r\n this.dataService.getItemGroups().subscribe((ui: any[]) => {\r\n this.itemGroups = ui;\r\n\r\n let dd = this.columnDefs2.find(x => x.field == 'groupname');\r\n dd.cellEditorParams.options = ui.map(o => { return { key: o.Value, value: o.Text } });\r\n\r\n dd.cellRendererParams.options = dd.cellEditorParams.options;\r\n });\r\n\r\n let dt = new Date();\r\n //dt.setDate(dt.getDate() - 1);\r\n let enddt = new Date();\r\n this.addBusinessDays(enddt, 6);\r\n this.dpOptions = {\r\n dateFormat: 'mmm dd, yyyy', disableWeekends: true, showTodayBtn: false, firstDayOfWeek: 'su', markCurrentDay: false, inline: true, sunHighlight: false,\r\n disableUntil: { year: dt.getFullYear(), month: dt.getMonth() + 1, day: dt.getDate() }, disableSince: { year: enddt.getFullYear(), month: enddt.getMonth() + 1, day: enddt.getDate() }\r\n };\r\n }\r\n\r\n ngOnInit() {\r\n this.route.paramMap.subscribe(params => {\r\n let t = params.get('type');\r\n this.shipType = t || 'I';\r\n });\r\n\r\n this.setupQuagga();\r\n\r\n this.form1 = this.fb.group({\r\n scountry: ['', Validators.required], soblast: ['', Validators.required], szip: ['', Validators.required], scity: ['', Validators.required],\r\n sstreetn: ['', Validators.required], sapartn: [''], sstreet: ['', Validators.required],\r\n\r\n sphone: ['', [Validators.required, Validators.pattern(/^[0-9]{4,10}$/)]], semail: ['', Validators.required], sfname: ['', Validators.required], slname: ['', Validators.required],\r\n });\r\n this.form2 = this.fb.group({\r\n rcountry: ['', Validators.required], roblast: ['', Validators.required], rzip: ['', Validators.required], rcity: ['', Validators.required],\r\n rstreetn: ['', Validators.required], rapartn: [''], rstreet: ['', Validators.required], rrayon: [''], \r\n\r\n rphone: ['', [Validators.required, Validators.pattern(/^[0-9]{4,10}$/)]], remail: ['', Validators.required], rfname: ['', Validators.required], rlname: ['', Validators.required],\r\n passportS: ['', Validators.required], passportN: ['', Validators.required], passportDOB: ['', Validators.required],\r\n });\r\n this.form3 = this.fb.group({\r\n value: ['', [Validators.required, Validators.pattern(/^[0-9]+(.[0-9]?)?$/)]], insurance: ['0'], acceptAll: [false], acceptTerms: [false, Validators.requiredTrue], acceptInsurance: [false, Validators.requiredTrue], acceptVAT: [false, Validators.requiredTrue], acceptDims: [false, Validators.requiredTrue], addtl: [''], brokr: [''], discc: ['']\r\n });\r\n\r\n this.route.url.subscribe(url => {\r\n console.log(url);\r\n this.start();\r\n });\r\n }\r\n\r\n start() {\r\n if (!this.dataService.userData) {\r\n this.router.navigate([\"login\"]);\r\n return;\r\n }\r\n this.UserBranch = this.dataService.userData.UserData[\"u_country\"].toUpperCase() == 'USA' ? 2 : 1;\r\n this.dataService.agent_drop = false;\r\n if (this.dataService.userData.UserData.u_type != 'CUSTOMER') {\r\n this.agent_drop = false;\r\n //this.phase0 = false;\r\n this.dataService.userData.Branch = this.dataService.branches.find(x => x.id == this.dataService.userData.UserData.branchID);\r\n //this.init();\r\n }\r\n else {\r\n if (this.dataService.userData.UserData[\"branchID\"])\r\n this.UserBranch = this.dataService.userData.UserData[\"branchID\"];\r\n this.dataService.userData.Branch = this.dataService.branches.find(x => x.id == this.UserBranch);\r\n }\r\n }\r\n\r\n ngAfterViewInit() {\r\n const input = document.querySelector(\"#sphone\");\r\n this.itiS = intlTelInput(input, {\r\n allowDropdown: true,\r\n initialCountry: \"us\",\r\n separateDialCode: true,\r\n preferredCountries: [\"ca\", \"us\"],\r\n });\r\n\r\n setTimeout(() => {\r\n this.inited = true;\r\n\r\n this.dataService.queue.subscribe({\r\n next: (v) => this.senderAddress(v)\r\n });\r\n this.dataService.queueDomestic.subscribe({\r\n next: (v) => this.domesticAddress(v)\r\n });\r\n })\r\n }\r\n\r\n addBusinessDays(currentDate: Date, numToAdd: number) {\r\n for (let i = 1; i <= numToAdd; i++) {\r\n currentDate.setDate(currentDate.getDate() + 1);\r\n if (currentDate.getDay() === 6) {\r\n currentDate.setDate(currentDate.getDate() + 2);\r\n }\r\n else if (currentDate.getDay() === 0) {\r\n currentDate.setDate(currentDate.getDate() + 1);\r\n }\r\n }\r\n }\r\n\r\n init() {\r\n this.pageno = -1;\r\n this.animationState = ['in', 'out', 'out', 'out', 'out', 'out'];\r\n this.txtOK = 'Next';\r\n this.pageTitle = 'Select Meest Drop-off Location';\r\n this.discountID = null;\r\n this.errorMessage = '';\r\n\r\n this.rowData2 = [{ groupname: '', description: '', weight: '', value: '', quantity: '', seqno: 0 }];\r\n this.selectedItems = [];\r\n this.post_agent = this.dataService.userData.UserData[\"u_country\"].toUpperCase() == 'USA' ? 'MAI' : 'MEM';\r\n if (this.dataService.userData.Branch.id != 1 && this.estimator0.meestHub)\r\n this.post_agent = this.estimator0.meestHub;\r\n if (this.dataService.isGuest && this.closestAgent)\r\n this.post_agent = this.closestAgent.agentcode;\r\n\r\n zip(this.dataService.getCountryState(), this.dataService.getAgent(this.post_agent), this.dataService.getCountries(), this.dataService.getInsuranceAmount(), this.dataService.getDomesticCountry()).subscribe((res: any[]) => {\r\n this.countryStates = res[0];\r\n this.meestAgent = res[1];\r\n this.countries = res[2];\r\n this.countries.forEach(x => x[\"expressShip\"] = !!x.useExpedited);\r\n res[3].forEach(x => { var n = Number(x); this.insOpt.push({ key: n.toString(), value: n.toFixed(2) }) });\r\n var domesticCountry = res[4];\r\n\r\n const input = document.querySelector(\"#rphone\");\r\n this.itiR = intlTelInput(input, {\r\n allowDropdown: true,\r\n initialCountry: this.shipType == 'D' ? domesticCountry.CountryCode2 : \"ua\",\r\n separateDialCode: true,\r\n onlyCountries: this.shipType == 'D' ? [] : this.countries.map(x => x.CountryCode2)\r\n });\r\n\r\n if (this.dataService.userData.UserData.u_email || this.dataService.isGuest) {\r\n let uc = this.dataService.userData.UserData.u_country.toUpperCase();\r\n this.itiS.setCountry(uc == 'USA' ? 'us' : 'ca');\r\n if (uc == 'CAN' || uc == 'CA') uc = 'CANADA';\r\n this.oblastOpt = this.countryStates[uc].map(c => {\r\n return { key: c.state, value: c.desc }\r\n });\r\n if (this.dataService.userData.UserData.u_type == 'CUSTOMER') {\r\n let model = {\r\n scountry: this.dataService.userData.UserData.u_country.toUpperCase(),\r\n szip: this.dataService.userData.UserData.u_index,\r\n soblast: this.dataService.userData.UserData.u_oblast,\r\n scity: this.dataService.userData.UserData.u_city,\r\n sapartn: this.dataService.userData.UserData.u_apart,\r\n sstreetn: this.dataService.userData.UserData.u_house,\r\n sstreet: this.dataService.userData.UserData.u_street,\r\n };\r\n\r\n if (this.shipType == 'D') {\r\n for (var p in model) {\r\n if (model[p]) {\r\n this.form1.get(p).disable({ onlySelf: true });\r\n this.form1.get(p).setValidators(null);\r\n }\r\n }\r\n }\r\n\r\n if (!this.dataService.isGuest)\r\n model = Object.assign({\r\n slname: this.dataService.userData.UserData.u_lastnm,\r\n sfname: this.dataService.userData.UserData.u_firstnm,\r\n sphone: this.dataService.userData.UserData.u_phone,\r\n semail: this.dataService.userData.UserData.u_email,\r\n }, model);\r\n\r\n var cl = this.countryStates[uc];\r\n if (cl) {\r\n let v = this.dataService.userData.UserData.u_oblast.toUpperCase();\r\n let sn = cl.find(x => x.state == v || x.desc.toUpperCase() == v);\r\n if (sn)\r\n model.soblast = sn.state;\r\n }\r\n this.form1.patchValue(model);\r\n }\r\n\r\n var rmodel = this.form2.value;\r\n if (this.page1.pickupAddress) {\r\n this.page1.rcountrycode = this.page1.pickupAddress.CountryCode;\r\n var rq = this.oblasts.find(x => x.r_region == this.page1.pickupAddress.Oblast);\r\n if (rq)\r\n this.page1.roblast = rq.Id;\r\n //this.parcel.rcity = this.parcel.pickupAddress.City;\r\n //this.parcel.rstreet = this.parcel.pickupAddress.Address;\r\n //this.parcel.rstreetn = this.parcel.pickupAddress.House;\r\n\r\n this.form2.get('rcity').disable({ onlySelf: true }); rmodel.rcity = this.page1.pickupAddress.City;\r\n this.form2.get('rstreet').disable({ onlySelf: true }); rmodel.rstreet = this.page1.pickupAddress.Address;\r\n this.form2.get('rstreetn').disable({ onlySelf: true }); rmodel.rstreetn = this.page1.pickupAddress.House;\r\n }\r\n\r\n this.form2.get('rcountry').disable({ onlySelf: true });\r\n if (this.shipType == 'D') {\r\n this.oblasts = [{ Id: this.page1.roblast, r_region: this.page1.roblast }];\r\n this.form2.get('roblast').disable({ onlySelf: true });\r\n if (this.countryStates[this.page1.rcountry.toUpperCase()])\r\n this.oblasts = this.countryStates[this.page1.rcountry.toUpperCase()].map(x => { return { Id: x.state, r_region: x.desc }; });\r\n rmodel.roblast = this.page1.roblast;\r\n rmodel.rcountry = this.page1.rcountry;\r\n rmodel.rzip = this.estimator1.domestic.u_index;\r\n rmodel.rcity = this.estimator1.domestic.u_city;\r\n rmodel.rstreetn = this.estimator1.domestic.u_house;\r\n rmodel.rstreet = this.estimator1.domestic.u_street;\r\n rmodel.rapartn = this.estimator1.domestic.u_apart;\r\n\r\n for (var p in rmodel) {\r\n if (rmodel[p]) {\r\n this.form2.get(p).disable({ onlySelf: true });\r\n this.form2.get(p).setValidators(null);\r\n }\r\n }\r\n }\r\n else {\r\n var cc = this.countries.find(x => x.CountryCodeValue == this.page1.rcountrycode && x.CountryCodeType != 'DropDownTable');\r\n if (cc) {\r\n rmodel.rcountry = cc.r_country;\r\n this.oblasts = [];\r\n this.form2.get('roblast').setValidators(null);\r\n }\r\n else {\r\n cc = this.oblasts.find(x => x.Id == this.page1.roblast);\r\n if (cc) {\r\n rmodel.rcountry = cc.r_country;\r\n this.form2.get('roblast').disable({ onlySelf: true }); rmodel.roblast = cc.Id;\r\n }\r\n }\r\n }\r\n\r\n this.receivingCountry = this.shipType == 'D' ? domesticCountry : this.countries.find(x => x.CountryCodeValue == this.page1.rcountrycode || x.r_country == this.page1.rcountry);\r\n if (this.receivingCountry) {\r\n this.receivingCountry.expressShip = this.express;\r\n this.itiR.setCountry(this.receivingCountry.CountryCode2);\r\n }\r\n if (this.dataService.isGuest)\r\n this.emailRequired = true;\r\n else {\r\n if (this.receivingCountry && this.receivingCountry.ValidationRequired)\r\n this.emailRequired = true;\r\n else {\r\n this.emailRequired = false;\r\n this.form2.get('remail').setValidators(null);\r\n //this.questions_receiver.find(x => x.key == 'remail').label += ' (optional)';\r\n }\r\n }\r\n\r\n this.form2.patchValue(rmodel);\r\n\r\n if (this.passportReqd.indexOf(rmodel.rcountry) >= 0 || rmodel.rcountry === 'India') {\r\n this.form2.get('passportDOB').setValidators([Validators.required]);\r\n this.form2.get('passportS').setValidators([Validators.required]);\r\n if (this.passportReqd.indexOf(rmodel.rcountry) >= 0)\r\n this.form2.get('passportN').setValidators([Validators.required]);\r\n else\r\n this.form2.get('passportN').setValidators([Validators.required, , Validators.pattern(/^([0-9]{12}|[A-Z][0-9]{7})$/)]);\r\n }\r\n else {\r\n this.form2.get('passportDOB').clearValidators();\r\n this.form2.get('passportS').clearValidators();\r\n this.form2.get('passportN').clearValidators();\r\n }\r\n this.form2.get('passportDOB').updateValueAndValidity();\r\n this.form2.get('passportS').updateValueAndValidity();\r\n this.form2.get('passportN').updateValueAndValidity();\r\n }\r\n\r\n setTimeout(() => $('#scountry').selectpicker());\r\n\r\n initAutocomplete_s(this.updateStateList.bind(this), 'g_autocomplete_s2');\r\n restrictCountry_s(['us', 'ca']);\r\n\r\n let agent_addrComp = {};\r\n let user_addrComp = {};\r\n let addrComp = this.shipType == 'D' ? this.dataService.parseUserAddress(agent_addrComp, this.estimator0.domestic) : this.dataService.parseAgentAddress(res[1], agent_addrComp);\r\n let addrComp_u = this.dataService.parseUserAddress(user_addrComp);\r\n this.pageno = 1;\r\n if (!this.agent_drop || (this.dataService.isGuest && this.closestAgent)) {\r\n this.submitted(JSON.stringify({ userAddress: user_addrComp, agentAddress: agent_addrComp, agent: res[1] })); // Skip the map page;\r\n this.accordionClicked(2, true);\r\n }\r\n else if (this.agent_drop)\r\n this.locateAgent();\r\n });\r\n }\r\n\r\n accordionClicked(ix: number, set?: boolean, repeated?: boolean ) {\r\n if (!this.accordionMenu[ix]) {\r\n if (set && ix == 4) {\r\n if (this.shipType == 'D' && this.form2.getRawValue().rphone.replace(/[()\\s\\-]/g, '').length != 10) {\r\n this.phoneMessage = \"Phone number has to have 10 digits\";\r\n return;\r\n }\r\n if (this.estimator1.expressShip && this.receivingCountry.expressShip && !repeated) {\r\n setTimeout(() => this.getExpressRates());\r\n return;\r\n }\r\n }\r\n if (set && ix > 0)\r\n this.accordionCompleted[ix - 1] = true;\r\n if (this.parcelModel && ix < 6)\r\n return;\r\n if (!this.parcelModel && ix == 6)\r\n return;\r\n if (!this.panelCompleted(ix))\r\n return;\r\n\r\n for (var i = 0; i < this.accordionMenu.length; i++)\r\n this.accordionMenu[i] = false;\r\n if (ix == 3 && this.dataService.isGuest && !this.verCodeInput) {\r\n this.errorMessage = '';\r\n this.verCodeError = false;\r\n this.verCode.show();\r\n }\r\n else if (ix == 4) {\r\n this.dataService.checkpoint(7).subscribe((ui: string) => {\r\n if (this.estimator1.expressShip && this.receivingCountry.expressShip)\r\n this.disclaimer.show();\r\n else\r\n this.hazModal.show();\r\n });\r\n }\r\n else\r\n this.accordionMenu[ix] = true;\r\n if (ix == 0)\r\n setTimeout(() => {\r\n this.estimator0.estimating = false;\r\n this.estimator0.setupCountryPicker();\r\n });\r\n //if (ix == 1) {\r\n // this.estimator1.postRates();\r\n //}\r\n if (ix == 2) {\r\n setTimeout(() => {\r\n this.form1.get('scountry').patchValue(this.dataService.userData.UserData.u_country.toUpperCase()); $('#scountry').selectpicker(); });\r\n }\r\n if (ix == 3) {\r\n initAutocomplete(this.updateStateListR.bind(this));\r\n var cc = this.countries.find(x => x.CountryCodeValue == this.page1.rcountrycode);\r\n if (!cc && this.page1.roblast)\r\n cc = this.countries.find(x => x.r_country == this.page1.rcountry);\r\n if (cc)\r\n restrictCountry(cc.CountryCode2);\r\n }\r\n if (ix == 4) {\r\n //this.getExpressRates();\r\n this.BrokerageLimit = this.receivingCountry && this.receivingCountry.BrokerageLimit > 0 ? this.receivingCountry.BrokerageLimit : this.dataService.userData.Branch.BrokerageLimit;\r\n if (!this.receivingCountry || !this.receivingCountry.useVAT) {\r\n this.form3.get('acceptVAT').patchValue(true);\r\n this.form3.get('acceptVAT').disable();\r\n }\r\n else {\r\n this.form3.get('acceptVAT').patchValue(false);\r\n this.form3.get('acceptVAT').enable();\r\n }\r\n }\r\n if (ix == 5) {\r\n this.signature.init();\r\n this.pageno = 5;\r\n this.submitted('grid');\r\n }\r\n if (ix == 6) {\r\n if (this.dataService.isGuest)\r\n this.useBillingAddress = true;\r\n if (this.dataService.agent_drop && this.dataService.userData.UserData.u_type == 'CUSTOMER') {\r\n this.dataService.agent_drop = false;\r\n this.payMethods = [{ Code: 'AGENT_DROPOFF', Method: \"Pay at Agent's Location\" }];\r\n //if (this.dataService.isGuest)\r\n // this.payMethods.push({ Code: 'ONLINE_PAYMENT', Method: \"Credit Card\" });\r\n this.payText = 'PRINT CONFIRMATION';\r\n this.paycode = this.payMethods[0].Code;\r\n //this.methodChange(null);\r\n }\r\n else\r\n this.dataService.getPaymentMethods('PARCEL').subscribe((ui: any[]) => {\r\n this.payMethods = ui;\r\n if (ui.length > 0) {\r\n //this.paycode = ui[0].Code;\r\n this.payText = 'PAY';\r\n //this.methodChange(null);\r\n }\r\n });\r\n }\r\n }\r\n }\r\n\r\n verSend() {\r\n this.dataService.verificationEmail(this.form1.controls[this.verHow == 'email' ? 'semail' : 'sphone'].value, this.verHow).subscribe((ui: any) => {\r\n this.verCodeSent = ui;\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n this.verCode.hide();\r\n this.accordionMenu[2] = true;\r\n });\r\n }\r\n\r\n onCodeCompleted(ev) {\r\n if (ev === this.verCodeSent) {\r\n this.verCode.hide();\r\n this.verCodeInput = ev;\r\n this.accordionClicked(3, true);\r\n }\r\n else\r\n this.verCodeError = true;\r\n }\r\n\r\n switchPopups() {\r\n this.disclaimer.hide();\r\n this.hazModal.show();\r\n }\r\n\r\n panelCompleted(ix: number) {\r\n if (ix == 0)\r\n return true;\r\n else\r\n return this.accordionCompleted.slice(0, ix).every(x => x == true);\r\n }\r\n\r\n senderAddress(ev) {\r\n if (ev.country) {\r\n this.estimator0.countryFrom = ev.country;\r\n if (!this.estimator0.meestHub && this.estimator0.UserBranch == 1)\r\n this.estimator0.UserBranch = ev.country == 'USA' ? 2 : 1;\r\n }\r\n else {\r\n var addrComp = this.dataService.parseUserAddress(this.estimator0.user_addrComp);\r\n this.estimator0.location = ev.location;\r\n this.estimator0.agentRates = true;\r\n this.estimator0.showAgentRates();\r\n }\r\n }\r\n\r\n domesticAddress(ev) {\r\n if (ev.country) {\r\n this.estimator0.country = ev.country;\r\n this.estimator0.oblast = ev.stateprov;\r\n }\r\n else {\r\n this.estimator0.domestic = ev;\r\n }\r\n }\r\n\r\n getExpressRates() {\r\n if (this.estimator1.expressShip && this.receivingCountry.expressShip) {\r\n this.page3 = Object.assign(this.form1.value, this.form2.getRawValue());\r\n if (this.receivingCountry.CountryCodeType == 'DropDownTable' && this.page3.roblast && this.oblasts.length > 0) { // roblast contains the Id value\r\n this.page3[\"roblast\"] = this.oblasts.find(x => x.Id == this.page1.roblast).RegionCode;\r\n }\r\n\r\n let agent_addrComp: any = { postal_code: '', locality: '', state: '', country: 'US' };\r\n let user_addrComp = {};\r\n let addrComp = this.dataService.parseAgentAddress(this.meestAgent, agent_addrComp);\r\n\r\n let fromAddr = { City: agent_addrComp.locality, Province: agent_addrComp.state, Country: agent_addrComp.country.toUpperCase() == 'USA' ? 'US' : 'CA', Postal: agent_addrComp.postal_code, Address: agent_addrComp.address };\r\n let toAddr = {\r\n City: this.page3.rcity, Province: this.page3.roblast, Country: this.receivingCountry.CountryCode2, Postal: this.page3.rzip,\r\n Address: this.page3.rstreetn + ' ' + this.page3.rstreet };\r\n if (this.page3.rapartn)\r\n toAddr.Address = `${this.page3.rapartn}-` + toAddr.Address;\r\n let param = {\r\n From: fromAddr, To: toAddr, Weight: this.page1.weight, Height: this.page1.h, Width: this.page1.w, Length: this.page1.l\r\n };\r\n this.errorMessage = '';\r\n zip(this.dataService.getExpressPostRates(param), this.dataService.getFixedRates()).subscribe((res: any) => {\r\n var ui = res[0];\r\n if (ui.Error) {\r\n this.errorMessage = ui.Message;\r\n }\r\n else {\r\n var cfr = 0, cfrag = 0;\r\n var exfr = res[1].find(x => x.carrier == (this.dataService.userData.Branch.id == 1 ? 'DHL' : 'ups_worldwide_expedited'));\r\n if (exfr) {\r\n cfr = (exfr.ValueFixed == null ? 0 : exfr.ValueFixed);\r\n cfrag = (exfr.ValueFixedAgent == null ? 0 : exfr.ValueFixedAgent);\r\n }\r\n\r\n var r = ui.Rates[0];\r\n this.page2.carrier -= (this.page2.fixed ? this.page2.fixed : 0);\r\n this.page2.total_rate_fee = r.Price + this.page2.carrier + cfr; // Fixed rate $15 for express shipping\r\n this.page2.rate = r.Price + cfr;\r\n this.page2.rate_fee_meest = r.Price + cfr - cfrag;\r\n this.page2.rate_fee_agent = cfrag;\r\n this.page2.delivery = 0;\r\n this.page2.delivery_meest = 0;\r\n this.page2.RateName = 'Expedited';\r\n this.page2.AirSea = 'Express';\r\n this.page2.DeliveryModeCode = 'E';\r\n this.page2.DeliveryModeDescription = 'Expedited';\r\n this.accordionClicked(4, true, true);\r\n }\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n }\r\n }\r\n\r\n estimatorSubmitted() {\r\n if (!this.estimator0.errorMessage) setTimeout(() => {\r\n this.page1 = this.estimator0.getFormData();\r\n this.estimator1.page1 = this.page1;\r\n this.estimator1.countries = this.estimator0.countries;\r\n this.estimator1.country = this.estimator0.country;\r\n this.estimator1.oblast = this.estimator0.oblast;\r\n this.estimator1.oblasts = this.estimator0.oblasts;\r\n this.estimator1.deliverySelection = this.estimator0.deliverySelection;\r\n this.estimator1.deliverySelectionUPS = this.estimator0.deliverySelectionUPS;\r\n this.estimator1.deliverySelectionUSPS = this.estimator0.deliverySelectionUSPS;\r\n this.estimator1.deliverySelectionUPSPickup = this.estimator0.deliverySelectionUPSPickup;\r\n this.estimator1.deliverySelectionAgent = this.estimator0.deliverySelectionAgent;\r\n this.estimator1.post_rates = this.estimator0.post_rates;\r\n this.estimator1.domestic = this.estimator0.domestic;\r\n this.estimator1.shipType = this.estimator0.shipType;\r\n this.estimator1.meestHub = this.estimator0.meestHub;\r\n this.estimator1.UserBranch = this.estimator0.UserBranch;\r\n this.estimator1.receivingCountry = this.estimator0.receivingCountry;\r\n this.estimator1.expressFixedRate = this.estimator0.expressFixedRate;\r\n this.estimator1.pageno = 2;\r\n this.estimator1.estimated = true;\r\n this.estimator0.pageno = 1;\r\n setTimeout(() => this.accordionClicked(1, true));\r\n });\r\n }\r\n\r\n selectDrop(par: any) {\r\n var sel = 0;\r\n if (typeof par === 'object' && par !== null) {\r\n sel = par.agix;\r\n this.preselectedRate = par.rate;\r\n }\r\n else\r\n sel = Number(par);\r\n\r\n if (sel > 0 && !this.estimator1.checkWeight())\r\n return;\r\n\r\n if (sel == 2) // Agent drop-off\r\n this.agent_drop = true;\r\n else\r\n this.agent_drop = false;\r\n this.phase0 = false;\r\n this.dataService.agent_drop = this.agent_drop;\r\n let sc = '';\r\n\r\n if (sel > 0) {\r\n this.oblasts = this.estimator1.oblasts;\r\n\r\n this.page2 = JSON.parse(par.rate);\r\n this.pickupAddress = this.page2.pickup;\r\n this.express = this.page2.express;\r\n sc = this.page2.post.ServiceCode;\r\n this.page2 = this.page2.delivery;\r\n this.page1[\"pickupAddress\"] = this.pickupAddress;\r\n }\r\n\r\n if (this.dataService.isGuest)\r\n this.closestAgent = this.estimator1.closestAgent;\r\n\r\n //this.accordionClicked(2, true);\r\n if (sc === 'CanPar' || (sc == 'ups_ground' && this.page2.pickup)) {\r\n let dt = new Date();\r\n dt.setDate(dt.getDate() + 1);\r\n this.pickupWindow = { jsdate: dt };\r\n this.pickupDialog.show();\r\n //setTimeout(() => this.dpicker.openBtnClicked());\r\n }\r\n else {\r\n this.pickupWindow = null;\r\n setTimeout(() => this.init());\r\n }\r\n }\r\n\r\n setPickup() {\r\n this.pickupDialog.hide();\r\n setTimeout(() => this.init());\r\n }\r\n\r\n currencyFormatter(params) {\r\n return params.value ? params.value.toFixed(2) : '';\r\n //return \"\\xA3\" + formatNumber(params.value);\r\n }\r\n\r\n onCountryChange() {\r\n if (this.countryStates[this.form1.get('scountry').value]) {\r\n this.oblastOpt = this.countryStates[this.form1.get('scountry').value.toUpperCase()].map(c => {\r\n return { key: c.state, value: c.desc }\r\n });\r\n this.form1.get('soblast').patchValue('');\r\n }\r\n }\r\n\r\n onInsuranceChange() {\r\n if (this.form3.get('insurance').value == '0') {\r\n this.form3.get('acceptInsurance').patchValue(false);\r\n this.form3.get('acceptInsurance').enable();\r\n }\r\n else {\r\n this.form3.get('acceptInsurance').patchValue(true);\r\n this.form3.get('acceptInsurance').disable();\r\n }\r\n }\r\n\r\n acceptAll(ev) {\r\n var b = ev.target.checked ? true : false;\r\n this.form3.get('acceptTerms').patchValue(b);\r\n this.form3.get('acceptInsurance').patchValue(b);\r\n this.form3.get('acceptDims').patchValue(b);\r\n if (this.receivingCountry && this.receivingCountry.useVAT) \r\n this.form3.get('acceptVAT').patchValue(b);\r\n }\r\n\r\n onGrid2Ready(params) {\r\n this.grid2Api = params.api;\r\n this.grid2ColumnApi = params.columnApi;\r\n\r\n this.grid2Api.setRowData(this.rowData2);\r\n\r\n //params.api.sizeColumnsToFit();\r\n //this.autoSizeAll(params.columnApi);\r\n\r\n // this.grid2Api.startEditingCell({\r\n // rowIndex: 0,\r\n // colKey: 'Col1'\r\n // });\r\n }\r\n\r\n onfirstDataRendered(params) {\r\n //setTimeout(() => { params.api.sizeColumnsToFit() });\r\n //setTimeout(() => this.autoSizeAll(params.columnApi));\r\n //params.api.sizeColumnsToFit();\r\n //params.columnApi.autoSizeColumns(['Col1']);\r\n }\r\n\r\n autoSizeAll(colapi: any) {\r\n var allColumnIds = [];\r\n colapi.getAllColumns().forEach(column => {\r\n allColumnIds.push(column.colId);\r\n });\r\n colapi.autoSizeColumns(allColumnIds);\r\n }\r\n\r\n\r\n oninputChange(e: any) {\r\n var item = e.target;\r\n var good = item.value.match(/^[0-9]{4,10}$/i);\r\n this.phoneValidation[item.id] = good ? null : 'bad';\r\n if (item.id == 'sphone') {\r\n this.dataService.getPhoneSender(item.value).subscribe((addr: any) => {\r\n if (addr) {\r\n this.form1.controls['sphone'].setValue(addr.s_phone);\r\n this.form1.controls['semail'].setValue(addr.s_email);\r\n this.form1.controls['sfname'].setValue(addr.s_firstnm);\r\n this.form1.controls['slname'].setValue(addr.s_lastnm);\r\n if (!this.dataService.isGuest && this.shipType == 'I') {\r\n this.form1.controls['sapartn'].setValue(addr.s_apart);\r\n this.form1.controls['scity'].setValue(addr.s_city);\r\n this.form1.controls['scountry'].setValue(addr.s_country);\r\n this.form1.controls['sstreetn'].setValue(addr.s_house);\r\n this.form1.controls['szip'].setValue(addr.s_index);\r\n this.form1.controls['soblast'].setValue(addr.s_oblast);\r\n this.form1.controls['sstreet'].setValue(addr.s_street);\r\n\r\n var sc = this.form1.controls['scountry'].value;\r\n if (this.countryStates[sc.toUpperCase()]) {\r\n this.oblastOpt = this.countryStates[this.form1.get('scountry').value.toUpperCase()].map(c => {\r\n return { key: c.state, value: c.desc }\r\n });\r\n this.form1.get('soblast').patchValue('');\r\n }\r\n }\r\n }\r\n });\r\n }\r\n else if (item.id == 'rphone' && item.value && item.value.length >= 10) {\r\n this.dataService.getPhoneRecipient(item.value).subscribe((addr: any) => {\r\n if (addr) {\r\n this.form2.controls['rphone'].setValue(addr.r_phone);\r\n this.form2.controls['remail'].setValue(addr.r_email);\r\n this.form2.controls['rfname'].setValue(addr.r_firstnm);\r\n this.form2.controls['rlname'].setValue(addr.r_lastnm);\r\n if (!this.page1.pickupAddress && this.shipType == 'I') {\r\n this.form2.controls['rzip'].setValue(addr.r_index);\r\n this.form2.controls['rapartn'].setValue(addr.r_apart);\r\n this.form2.controls['rcity'].setValue(addr.r_city);\r\n this.form2.controls['rstreetn'].setValue(addr.r_house);\r\n this.form2.controls['rrayon'].setValue(addr.r_region);\r\n this.form2.controls['rstreet'].setValue(addr.r_street);\r\n }\r\n }\r\n });\r\n }\r\n }\r\n\r\n paySelected(code: string) {\r\n this.paycode = code;\r\n document.getElementById(`paymet_${code}`).click();\r\n this.showPayment = (this.paycode == 'ONLINE_PAYMENT');\r\n }\r\n\r\n doDetails() {\r\n setTimeout(() => $(\".modile-delivery-price .accordion .text\").slideToggle(400));\r\n }\r\n\r\n onDiscount(id) {\r\n if (id > 0)\r\n this.discountID = id;\r\n this.submitted('grid_d');\r\n }\r\n\r\n submitted(payLoad: string) {\r\n if (payLoad && payLoad !== '') {\r\n\r\n if (this.pageno == 1) {\r\n if (this.dataService.userData.UserData.u_type == 'CUSTOMER') {\r\n this.pageMap = JSON.parse(payLoad);\r\n this.dataService.userData.Branch = this.dataService.branches.find(x => x.id == this.pageMap.agent.branch);\r\n }\r\n else {\r\n this.pageMap = null;\r\n this.agent_drop = false;\r\n this.dataService.userData.Branch = this.dataService.branches.find(x => x.id == this.dataService.userData.UserData.branchID);\r\n }\r\n\r\n this.currencyId = this.dataService.userData.Branch.currency == 'CAD' ? 'Canadian dollars' : 'US dollars';\r\n this.pageno++;\r\n }\r\n\r\n if (this.pageno == 2) {\r\n //this.page1 = JSON.parse(payLoad);\r\n if (this.pageMap && this.agent_drop) {\r\n if (this.pageMap.agent.agentcode == 'MEEST')\r\n this.pageMap.agent.agentcode = 'MOREG';\r\n\r\n this.page1[\"agentCode\"] = this.pageMap.agent.agentcode;\r\n }\r\n\r\n //var cntr = this.countries.find(x => x.CountryCodeValue == this.page1.rcountry);\r\n\r\n //if (this.page1.roblast && this.oblasts.length > 0) // roblast contains the Id value\r\n // this.page1[\"rcountrycode\"] = this.oblasts.find(x => x.Id == this.page1.roblast).CountryCodeValue;\r\n //else {\r\n // this.page1[\"rcountrycode\"] = this.page1.rcountry;\r\n // this.page1.rcountry = cntr.r_country;\r\n //}\r\n\r\n if (this.preselectedRate) {\r\n this.pageno = 3;\r\n payLoad = this.preselectedRate;\r\n this.deliverySelection = [];\r\n }\r\n else\r\n this.dataService.getDeliverySelection(this.page1).subscribe((ui: any[]) => {\r\n if (ui.length > 0 && ui[0].RateName == 'Error')\r\n this.errorMessage = ui[0].DeliveryModeDescription;\r\n else {\r\n this.errorMessage = '';\r\n this.deliverySelection = ui;\r\n this.pageTitle = 'Select Transport and Delivery';\r\n this.nextPage();\r\n }\r\n });\r\n }\r\n\r\n if (this.pageno == 3) {\r\n this.page2 = JSON.parse(payLoad); // this.gridApi.getSelectedRows()[0];\r\n if (this.pageMap)\r\n this.pageMap.rate = this.page2.post;\r\n this.pickupAddress = this.page2.pickup;\r\n let express = this.page2.express;\r\n this.page2 = this.page2.delivery;\r\n this.page1[\"pickupAddress\"] = this.pickupAddress;\r\n\r\n this.pageTitle = 'Enter Address';\r\n this.nextPage();\r\n }\r\n\r\n if (this.pageno == 4) {\r\n this.page3 = JSON.parse(payLoad);\r\n //this.pageno++;\r\n\r\n //this.pageTitle = 'Select Discount'; // Remove discount\r\n //this.nextPage();\r\n\r\n // this.pageTitle = 'Select Agent'; \r\n // this.nextPage();\r\n //}\r\n\r\n this.errorMessage = '';\r\n this.questions = [];\r\n this.animationState[4] = 'out';\r\n\r\n //this.receivingCountry = this.countries.find(x => x.CountryCodeValue == this.page1.rcountrycode || x.r_country == this.page1.rcountry);\r\n\r\n this.dataService.checkpoint(7).subscribe((ui: string) => {\r\n this.hazModal.show();\r\n });\r\n\r\n //this.freqButtonState = 0;\r\n //setTimeout(() => this.freqButton(true)); // Initial state - frequent items\r\n\r\n //this.pageTitle = 'Declare Parcel Content & Quantity';\r\n //this.nextPage();\r\n }\r\n\r\n if (this.pageno == 5) {\r\n // for (var ix = this.rowData2.length - 1; ix >= 0; ix--) {\r\n // if (this.rowData2[ix].groupname == '' || this.rowData2[ix].quantity == '')\r\n // this.rowData2.splice(ix, 1);\r\n // }\r\n // this.page5 = this.rowData2;\r\n // this.dataService.checkpoint(8).subscribe((ui: string) => {\r\n // this.autoSizeAll(this.grid2ColumnApi);\r\n\r\n // let cntr = this.countries.find(x => x.CountryCodeValue == this.page1.rcountrycode || x.r_country == this.page1.rcountry);\r\n // this.BrokerageLimit = cntr && cntr.BrokerageLimit > 0 ? cntr.BrokerageLimit : this.dataService.userData.Branch.BrokerageLimit;\r\n // if (this.BrokerageLimit > 0 && this.BrokerageLimit < this.declaredValue)\r\n // this.brokLimit.show();\r\n // });\r\n }\r\n\r\n if (this.pageno == 6) {\r\n this.page4 = JSON.parse(payLoad);\r\n this.dataService.checkBarcode(this.page4.declaration).subscribe((ui: string) => {\r\n if (ui && ui != '')\r\n this.errorMessage = ui;\r\n else {\r\n this.dataService.checkpoint(9).subscribe((ui: string) => {\r\n this.showSignature = true;\r\n //this.completeParcel();\r\n });\r\n }\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n }\r\n }\r\n else {\r\n this.dataService.agent_drop = false;\r\n this.pickupAddress = null;\r\n if (this.page1) this.page1[\"pickupAddress\"] = null;\r\n this.questions = [];\r\n this.animationState[0] = 'out';\r\n this.animationState[1] = 'out';\r\n this.animationState[2] = 'out';\r\n this.animationState[3] = 'out';\r\n this.animationState[4] = 'out';\r\n this.router.navigate([\"home\"]);\r\n }\r\n }\r\n\r\n signed(sig: any) {\r\n this.sigdata = sig;\r\n if (sig)\r\n this.parcelModel = {};\r\n else\r\n setTimeout(() => this.signature.init());\r\n }\r\n\r\n onSigned() {\r\n this.showSignature = false;\r\n this.completeParcel(this.sigdata);\r\n }\r\n\r\n startPayment() {\r\n if (this.isPaid)\r\n this.payment.createCPShipment();\r\n else if (this.paycode !== 'ONLINE_PAYMENT' || this.showPayment) {\r\n if (this.useBillingAddress)\r\n this.payment.billAddress = this.baComp.getBillAddress();\r\n this.payment.doPayment();\r\n }\r\n else {\r\n this.showPayment = true;\r\n if (this.payText == 'TRY AGAIN') {\r\n this.payText = 'PAY';\r\n this.payment.cancelOK();\r\n }\r\n }\r\n }\r\n\r\n onPaid(reason: string) {\r\n if (reason == 'label') {\r\n this.payText = 'PRINT LABEL';\r\n this.isPaid = true;\r\n if (this.dataService.userData.Branch.id) {\r\n this.dataService.paidSMS(this.page3.sphone, this.parcelModel.id).subscribe((ui: any) => {\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n }\r\n }\r\n else {\r\n this.payText = 'TRY AGAIN';\r\n this.showPayment = false;\r\n }\r\n }\r\n\r\n confirmClosed() {\r\n this.page3 = Object.assign(this.form1.getRawValue(), this.form2.getRawValue());\r\n if (this.page3.passportDOB)\r\n this.page3.passportDOB = moment(this.page3.passportDOB).format('YYYY-MM-DD');\r\n\r\n if (this.shipType != 'D') {\r\n this.pageTitle = 'Declare Parcel Content & Quantities';\r\n this.accordionMenu[4] = true;\r\n\r\n this.freqButtonState = 0;\r\n setTimeout(() => this.freqButton(true)); // Initial state - frequent items\r\n }\r\n else {\r\n this.page4 = { brokfee: 0, pakfee: 0, insamt: '0', estval: '0', notes: '', discc: '' };\r\n this.page5 = [];\r\n let model = this.buildModel(this.page1, this.page2, this.page3, this.page4, this.page5);\r\n this.dataService.checkpoint(8).subscribe((ui: string) => {\r\n this.accordionClicked(5, true);\r\n });\r\n }\r\n }\r\n\r\n setParcelContent() {\r\n let opt = this.form3.value;\r\n this.page4 = { brokfee: 0, pakfee: 0, insamt: opt.insurance, estval: opt.value, notes: opt.addtl, discc: opt.discc };\r\n if (opt.brokr) {\r\n let b = Number(opt.brokr);\r\n if (!isNaN(b)) this.page4.brokfee = b;\r\n }\r\n if (opt.value == 0) {\r\n this.errorMessage = 'Declared Value must be greater than zero';\r\n return;\r\n }\r\n this.declaredValue = opt.value;\r\n for (var ix = this.rowData2.length - 1; ix >= 0; ix--) {\r\n if (this.rowData2[ix].groupname == '' || this.rowData2[ix].quantity == '' || !this.selectedItems[ix] || this.selectedItems[ix].name != this.rowData2[ix].groupname)\r\n this.rowData2.splice(ix, 1);\r\n else\r\n this.rowData2[ix][\"hsCode\"] = this.selectedItems[ix].hsCode;\r\n }\r\n //model.value = opt.value;\r\n //model.weight = p1.weight;\r\n var totW = Number(this.page1.weight);\r\n var pW = Math.round(totW / this.rowData2.length * 100) / 100;\r\n var lW = totW - pW * (this.rowData2.length - 1);\r\n\r\n var totV = Number(opt.value);\r\n var pV = Math.round(totV / this.rowData2.length * 100) / 100;\r\n var lV = totV - pV * (this.rowData2.length - 1);\r\n\r\n for (var i = 0; i < this.rowData2.length - 1; i++) {\r\n this.rowData2[i][\"weight\"] = pW;\r\n this.rowData2[i][\"value\"] = pV;\r\n }\r\n this.rowData2[this.rowData2.length - 1][\"weight\"] = lW;\r\n this.rowData2[this.rowData2.length - 1][\"value\"] = lV;\r\n\r\n this.page5 = this.rowData2;\r\n\r\n this.errorMessage = '';\r\n this.discError = '';\r\n let model = this.buildModel(this.page1, this.page2, this.page3, this.page4, this.page5);\r\n this.dataService.getDiscountAmount(model).subscribe((d: number) => {\r\n if (d)\r\n this.discountValue = d;\r\n\r\n if (this.terms_brok) this.terms_brok.nativeElement.checked = false;\r\n let cntr = this.countries.find(x => x.CountryCodeValue == this.page1.rcountrycode || x.r_country == this.page1.rcountry);\r\n this.BrokerageLimit = cntr && cntr.BrokerageLimit > 0 ? cntr.BrokerageLimit : this.dataService.userData.Branch.BrokerageLimit;\r\n this.BrokerageVAT = cntr && cntr.useVAT ? cntr.VAT : 0;\r\n this.BrokerageMaxValue = cntr && cntr.MaxValue ? cntr.MaxValue : 1000000;\r\n this.BrokerageMin = cntr && cntr.BrokerageMin ? cntr.BrokerageMin : 0;\r\n if ((this.BrokerageVAT && this.BrokerageMin < this.declaredValue) || (this.BrokerageLimit < this.declaredValue))\r\n this.brokLimit.show();\r\n else\r\n this.dataService.checkpoint(8).subscribe((ui: string) => {\r\n this.autoSizeAll(this.grid2ColumnApi);\r\n this.accordionClicked(5, true);\r\n });\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n this.discError = this.dataService.processError(err);\r\n this.discountValue = 0;\r\n });\r\n }\r\n\r\n brokChange(isChange: boolean) {\r\n this.brokLimit.hide();\r\n if (!isChange)\r\n this.dataService.checkpoint(8).subscribe((ui: string) => {\r\n this.autoSizeAll(this.grid2ColumnApi);\r\n this.accordionClicked(5, true);\r\n });\r\n }\r\n\r\n private nextPage() {\r\n var page = this.pageno - 1;\r\n setTimeout(() => {\r\n this.pageno++;\r\n setTimeout(() => {\r\n this.animationState[page] = this.animationState[page] === 'out' ? 'in' : 'out';\r\n this.animationState[page + 1] = this.animationState[page + 1] === 'out' ? 'in' : 'out';\r\n $('html, body').animate({ scrollTop: '0px' }, 300);\r\n\r\n if (this.pageno == 6) {\r\n let me = this;\r\n $('#scanButton').off('click').on('click', function (e) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n //$('#declaration').focus();\r\n $('#declaration').val('');\r\n me.scannedData = '';\r\n\r\n me.showScanner = !me.showScanner;\r\n if (me.showScanner)\r\n setTimeout(() => me.startQuagga());\r\n else\r\n Quagga.stop();\r\n\r\n return false;\r\n });\r\n }\r\n });\r\n });\r\n }\r\n\r\n private completeParcel(signature: any) {\r\n let model = this.buildModel(this.page1, this.page2, this.page3, this.page4, this.page5);\r\n let isCarrier = this.pageMap && this.pageMap.rate.ServiceName != 'Drop-off' && !this.agent_drop;\r\n\r\n this.errorMessage = '';\r\n this.saving = true;\r\n this.dataService.saveParcel(model, isCarrier).subscribe((ui: number) => {\r\n model.id = ui;\r\n this.page1['id'] = ui;\r\n\r\n let mitem = this.page5.filter(x => x.groupname != '' && x.quantity != '').map(it => {\r\n var gr;\r\n if (this.freqButtonState == 1)\r\n gr = { Text: it.groupname, hs_code: it.hsCode }; //this.itemGroups.find(x => x.Text == it.groupname);\r\n else\r\n gr = this.itemGroups.find(x => x.Value == it.groupname);\r\n if (!gr)\r\n gr = { Text: it.groupname };\r\n\r\n return {\r\n id: model.id, groupname_e: gr.Text, description: it.description, weight: it.weight, value: it.value, quantity: it.quantity,\r\n branchcurrency: this.dataService.userData.Branch.currency, branchweight: this.dataService.userData.Branch.weight,\r\n hs_code: gr.hs_code, useremail: this.dataService.userData.UserData.u_email\r\n }\r\n });\r\n\r\n var this00 = this;\r\n var subs = [this.dataService.saveParcelItem(model.id, mitem).pipe(\r\n catchError(error => {\r\n console.error('saveParcelItem error caught:', error);\r\n this00.saving = false;\r\n this00.errorMessage = this00.dataService.processError(error.error || error);\r\n return of({ status: 'error', error });\r\n })\r\n )];\r\n if (isCarrier) {\r\n var cpParam = this.createCPShipmentParam(model.id);\r\n subs.push(this.dataService.saveCPShipment(cpParam, this.shipType).pipe(\r\n catchError(error => {\r\n console.error('saveCPShipment error caught:', error);\r\n this00.saving = false;\r\n this00.errorMessage = this00.dataService.processError(error.error || error);\r\n return of({ status: 'error', error });\r\n })\r\n ));\r\n }\r\n else if (this.pageMap && this.agent_drop)\r\n subs.push(this.dataService.saveParcelAgent(model.id, this.pageMap.agent.agentcode).pipe(\r\n catchError(error => {\r\n console.error('saveParcelAgent error caught:', error);\r\n this00.saving = false;\r\n this00.errorMessage = this00.dataService.processError(error.error || error);\r\n return of({ status: 'error', error });\r\n })\r\n ));\r\n\r\n subs.push(this.dataService.saveSignature(model.id, signature).pipe(\r\n catchError(error => {\r\n console.error('saveSignature error caught:', error);\r\n this00.saving = false;\r\n this00.errorMessage = this00.dataService.processError(error.error || error);\r\n return of({ status: 'error', error });\r\n })\r\n ));\r\n\r\n forkJoin(...subs).subscribe((ui2: any[]) => {\r\n this.parcelModel = model;\r\n this.saving = false;\r\n if (!this.errorMessage)\r\n this.accordionClicked(6, true);\r\n },\r\n (err: any) => {\r\n this.saving = false;\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n },\r\n (err: any) => {\r\n this.saving = false;\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n }\r\n\r\n updateStateList(country, stateprov, elems) {\r\n if (elems) {\r\n elems.forEach(x => this.form1.controls[x.key].patchValue(x.value));\r\n }\r\n else {\r\n if (!this.countryStates[country.toUpperCase()])\r\n return false;\r\n\r\n //this.form1.get('scountry').patchValue(country.toUpperCase());\r\n //this.onCountryChange();\r\n }\r\n return false;\r\n }\r\n\r\n updateStateListR(country, stateprov, elems) {\r\n if (elems) {\r\n var cc = this.countries.find(x => x.r_country == this.page1.rcountry && x.CountryCodeType == 'DropDownTable');\r\n elems.forEach(x => {\r\n if (!cc || x.key != 'roblast')\r\n this.form2.controls[x.key].patchValue(x.value);\r\n });\r\n }\r\n else {\r\n let cntr = this.countries.find(x => x.CountryCodeValue == country || x.r_country == country);\r\n\r\n //this.form2.get('rcountry').patchValue(country.toUpperCase());\r\n //this.onCountryChange();\r\n }\r\n return true;\r\n }\r\n\r\n showHistory() {\r\n this.dataService.senderHistory().subscribe((ui: any[]) => {\r\n this.histList = ui;\r\n this.histList.forEach(x => x[\"selected\"] = false);\r\n this.history.show();\r\n });\r\n }\r\n pickHistory(ix: number) {\r\n this.histList.forEach(x => x[\"selected\"] = false);\r\n this.histList[ix].selected = true;\r\n }\r\n selHistory() {\r\n var sel = this.histList.find(x => x.selected);\r\n this.history.hide();\r\n if (sel) {\r\n this.form2.controls['rphone'].setValue(sel.r_phone);\r\n this.form2.controls['remail'].setValue(sel.r_email);\r\n this.form2.controls['rfname'].setValue(sel.r_firstnm);\r\n this.form2.controls['rlname'].setValue(sel.r_lastnm);\r\n if (!this.page1.pickupAddress) {\r\n this.form2.controls['rzip'].setValue(sel.r_index);\r\n this.form2.controls['rapartn'].setValue(sel.r_apart);\r\n this.form2.controls['rcity'].setValue(sel.r_city);\r\n this.form2.controls['rstreetn'].setValue(sel.r_house);\r\n this.form2.controls['rrayon'].setValue(sel.r_region);\r\n this.form2.controls['rstreet'].setValue(sel.r_street);\r\n }\r\n }\r\n }\r\n\r\n buildModel(p1: any, rates: any, address: any, p4: any, p5: any): Parcel {\r\n let model = new Parcel();\r\n model.id = 0;\r\n\r\n model.userID = this.dataService.userData.UserData.id;\r\n model.branchID = this.dataService.userData.Branch.id;\r\n model.source = this.dataService.userData.UserData.u_email;\r\n model.customerCD = this.dataService.userData.UserData.customerCD;\r\n\r\n model.DeliveryMode = rates.DeliveryModeCode;\r\n model.s_a_e = rates.AirSea;\r\n model.vol_fee = rates.volume_fee;\r\n model.vol_wght = rates.VolumeWeight;\r\n model.rate = rates.rate;\r\n model.rate_fee = rates.total_rate_fee; //rates.rate_fee;\r\n model.delivery = rates.delivery;\r\n model.rate_fee_meest = rates.rate_fee_meest;\r\n model.rate_fee_agent = rates.rate_fee_agent;\r\n model.rate_fee_ws = rates.rate_fee_ws;\r\n model.delivery_meest = rates.delivery_meest;\r\n model.delivery_agent = rates.delivery_agent;\r\n model.delivery_ws = rates.delivery_ws;\r\n model.ins_meest = rates.ins_meest;\r\n model.ins_agent = rates.ins_agent;\r\n model.ins_ws = rates.ins_ws;\r\n model.Packaging_meest = rates.Packaging_meest;\r\n model.Packaging_agent = rates.Packaging_agent;\r\n model.Packaging_ws = rates.Packaging_ws;\r\n model.RateName = rates.RateName;\r\n model.carrier = rates.carrier;\r\n model.pickup = rates.pickup;\r\n\r\n model.s_phone = address.sphone.replace(/\\D+/g, '');\r\n model.s_email = address.semail;\r\n model.s_apart = address.sapartn;\r\n model.s_city = address.scity;\r\n model.s_country = address.scountry;\r\n model.s_firstnm = address.sfname;\r\n model.s_house = address.sstreetn;\r\n model.s_index = address.szip;\r\n model.s_oblast = address.soblast;\r\n model.s_lastnm = address.slname;\r\n model.s_region = address.sregion;\r\n model.s_street = address.sstreet;\r\n\r\n model.r_phone = address.rphone.replace(/\\D+/g, '');\r\n model.r_email = address.remail;\r\n model.r_apart = address.rapartn;\r\n model.r_city = address.rcity;\r\n model.r_country = address.rcountry;\r\n model.r_CountryCode = p1.rcountrycode;\r\n model.r_firstnm = address.rfname;\r\n model.r_house = address.rstreetn;\r\n model.r_index = address.rzip;\r\n model.r_oblast = address.roblast;\r\n model.r_lastnm = address.rlname;\r\n model.r_region = address.rregion;\r\n model.r_street = address.rstreet;\r\n\r\n model.customs = p4.brokfee;\r\n model.packaging = p4.pakfee;\r\n model.ins_amount = p4.insamt;\r\n model.value = p4.estval;\r\n model.weight = p1.weight;\r\n model.vol_H = p1.h;\r\n model.vol_L = p1.l;\r\n model.vol_W = p1.w;\r\n model.notes = p4.notes;\r\n model.code_a = this.shipType == 'D' ? 'Domestic' : ((!p4.declaration || p4.declaration == '') ? null : p4.declaration);\r\n model.Discount_00 = p4.discc;\r\n model.DiscountID = this.discountID;\r\n\r\n if (address.passportDOB)\r\n model.skid = address.passportDOB + '~~' + address.passportS + '~~' + address.passportN;\r\n\r\n return model;\r\n }\r\n\r\n freqButton(bInit: boolean) {\r\n this.rowData2 = this.rowData2.filter(x => x.groupname != '' && x.quantity != '');\r\n this.rowData2.forEach(it => {\r\n let gr = this.itemGroups.find(x => x.Value == it.groupname);\r\n if (gr)\r\n it.groupname = gr.Text;\r\n });\r\n this.freqButtonState = 1 - this.freqButtonState;\r\n if (this.freqButtonState == 1) {\r\n this.dataService.getItemGroupsFrequent().subscribe((ui: any[]) => {\r\n this.rowData2 = this.rowData2.concat(ui.map(it => { return { Id: it.ID, groupname: it.Descr, description: '', Weight: '', value: '', quantity: '' }; }));\r\n for (var ix = this.rowData2.length - 1; ix >= 0; ix--) {\r\n if (this.rowData2.filter(x => x.groupname == this.rowData2[ix].groupname).length > 1)\r\n this.rowData2.splice(ix, 1);\r\n }\r\n\r\n if (!bInit)\r\n this.grid2Api.setColumnDefs(this.columnDefs2Freq);\r\n\r\n this.grid2Api.setRowData(this.rowData2);\r\n\r\n // if (bInit)\r\n // setTimeout(() => this.grid2Api.startEditingCell({ rowIndex: 0, colKey: 'Col1Freq' }));\r\n });\r\n }\r\n else {\r\n this.rowData2.forEach(it => {\r\n let gr = this.itemGroups.find(x => x.Text == it.groupname);\r\n if (gr)\r\n it.groupname = gr.Value;\r\n });\r\n if (this.rowData2.length == 0) {\r\n this.rowData2 = [{ groupname: '', description: '', weight: '', value: '', quantity: '', seqno: 0 }];\r\n setTimeout(() => {\r\n this.grid2Api.startEditingCell({ rowIndex: 0, colKey: 'Col1' });\r\n });\r\n }\r\n\r\n this.grid2Api.setColumnDefs(this.columnDefs2);\r\n this.grid2Api.setRowData(this.rowData2);\r\n }\r\n }\r\n\r\n addRow() {\r\n this.rowData2 = this.rowData2.concat([{ groupname: '', description: '', weight: '', value: '', quantity: '', seqno: this.rowData2.length }]);\r\n\r\n this.grid2Api.setRowData(this.rowData2);\r\n }\r\n\r\n deleteRow() {\r\n var row = this.grid2Api.getSelectedRows()[0];\r\n if (!row)\r\n return;\r\n var ix = row[\"seqno\"];\r\n\r\n this.rowData2.splice(ix, 1);\r\n for (var i = 0; i < this.rowData2.length; i++)\r\n this.rowData2[i][\"seqno\"] = i;\r\n\r\n this.grid2Api.setRowData(this.rowData2);\r\n }\r\n\r\n get hasRows() {\r\n if (this.shipType == 'D')\r\n return true;\r\n\r\n var b = this.rowData2.length > 0 && this.rowData2.filter(x => x.quantity).length > 0 &&\r\n this.rowData2.filter((x, ix) => x.groupname || x.quantity).every(x => x.groupname !== '' && x.quantity != '' && Number(x.quantity) > 0);\r\n //this.rowData2.filter((x, ix) => x.quantity).every(x => x.groupname !== '' && x.quantity != '' && Number(x.quantity) > 0);\r\n //this.rowData2.filter((x, ix) => x.quantity).every(x => x.groupname !== '' && x.quantity != '' && (!this.receivingCountry.ValidationRequired || (x.weight && x.value)));\r\n if (b)\r\n for (var i = 0; i < this.rowData2.length; i++) {\r\n var x = this.rowData2[i];\r\n if (x.groupname && (!this.selectedItems[i] || this.selectedItems[i].name != x.groupname))\r\n b = false;\r\n }\r\n return b;\r\n }\r\n\r\n onFreqAdded() {\r\n if (!this.rowData2.find(x => !x.groupname && !x.quantity))\r\n this.addRow();\r\n }\r\n\r\n locateAgent() {\r\n var sub = this.modalService.onHidden.subscribe((reason: string) => {\r\n sub.unsubscribe();\r\n\r\n if (this.dataService.userData.UserData.u_type == 'CUSTOMER') {\r\n var data = this.bsModalRef.content.getData;\r\n if (!data)\r\n return;\r\n this.pageMap = JSON.parse(data);\r\n this.dataService.userData.Branch = this.dataService.branches.find(x => x.id == this.pageMap.agent.branch);\r\n }\r\n else {\r\n this.pageMap = null;\r\n this.agent_drop = false;\r\n this.dataService.userData.Branch = this.dataService.branches.find(x => x.id == this.dataService.userData.UserData.branchID);\r\n }\r\n\r\n this.currencyId = this.dataService.userData.Branch.currency == 'CAD' ? 'Canadian dollars' : 'US dollars';\r\n this.pageno = 2;\r\n this.submitted('map');\r\n this.accordionClicked(2, true);\r\n })\r\n\r\n if (this.dataService.userData.UserData.customerCD != 'OOREG') {\r\n //this.pageMap = null;\r\n //this.agent_drop = false;\r\n\r\n this.currencyId = this.dataService.userData.Branch.currency == 'CAD' ? 'Canadian dollars' : 'US dollars';\r\n this.pageno = 2;\r\n this.submitted('map');\r\n this.accordionClicked(2, true);\r\n return;\r\n }\r\n let address = buildSenderAddress();\r\n if (address != '') {\r\n let geocoder = new google.maps.Geocoder();\r\n geocoder.geocode({ 'address': address }, (results, status) => {\r\n if (status == 'OK') {\r\n const config = {\r\n ignoreBackdropClick: true,\r\n class: 'modal-lg'\r\n };\r\n this.bsModalRef = this.modalService.show(ModalMapComponent, config);\r\n this.bsModalRef.content.country = getAddressComponent(results[0].address_components, 'country');\r\n this.bsModalRef.content.location = results[0].geometry.location;\r\n this.bsModalRef.content.cancelled = false;\r\n this.bsModalRef.content.show();\r\n //map.setCenter(results[0].geometry.location);\r\n //var marker = new google.maps.Marker({\r\n // map: map,\r\n // position: results[0].geometry.location\r\n //});\r\n } else {\r\n alert('Geocode was not successful for the following reason: ' + status);\r\n }\r\n });\r\n }\r\n }\r\n\r\n carMove(ev, dir) {\r\n ev.preventDefault();\r\n $('#myCarousel').carousel(dir);\r\n return false;\r\n }\r\n\r\n createCPShipmentParam(shipid: number) {\r\n this.errorMessage = \"\";\r\n let agentCountry = this.pageMap.agentAddress.country;\r\n if (agentCountry == 'CAN')\r\n agentCountry = 'CA';\r\n else if (agentCountry == 'USA')\r\n agentCountry = 'US';\r\n let agentPhone = this.pageMap.agent.phone2 ? this.pageMap.agent.phone2 : this.pageMap.agent.phone1;\r\n let user = Object.assign({}, this.dataService.userData.UserData, { u_phone: this.page3.sphone, u_email: this.page3.semail, u_firstnm: this.page3.sfname, u_lastnm: this.page3.slname });\r\n let fromAddr = { Address: this.page3.sstreetn + ' ' + this.page3.sstreet, City: this.page3.scity, Province: this.page3.soblast, Country: this.page3.scountry == 'CANADA' ? 'CA' : 'US', Postal: this.page3.szip };\r\n if (this.page3.sapartn)\r\n fromAddr.Address = `${this.page3.sapartn}-` + fromAddr.Address;\r\n let toAddr = this.shipType == 'I' ? { Address: this.pageMap.agentAddress.address, City: this.pageMap.agentAddress.locality, Province: this.pageMap.agentAddress.state, Country: agentCountry, Postal: this.pageMap.agentAddress.postal_code }\r\n : { Address: this.pageMap.agentAddress.street_number + ' ' + this.pageMap.agentAddress.route, City: this.pageMap.agentAddress.locality, Province: this.pageMap.agentAddress.administrative_area_level_1, Country: this.pageMap.agentAddress.country, Postal: this.pageMap.agentAddress.postal_code };\r\n let param = {\r\n ShipmentID: shipid, From: fromAddr, To: toAddr, Weight: this.page1.weight, Height: this.page1.h, Width: this.page1.w, Length: this.page1.l, Company: 'Meest', ContactPhone: this.pageMap.rate.ServiceCode == 'CanPar' ? agentPhone :'4163063522',\r\n AgentName: this.pageMap.agent.contactname, AgentCompany: this.pageMap.agent.agentname, AgentCode: this.pageMap.agent.agentcode, ServiceCode: this.pageMap.rate.ServiceCode, User: user,\r\n PickupDateStr: this.pickupWindow ? this.datePipe.transform(this.pickupWindow.jsdate, 'yyyyMMdd') : null\r\n };\r\n if (this.shipType == 'D') {\r\n param.ContactPhone = this.page3.rphone.replace(/[()\\s\\-]/g, '');\r\n param.AgentName = this.page3.rfname + ' ' + this.page3.rlname;\r\n }\r\n return param; // this.dataService.saveCPShipment(param, this.shipType);\r\n }\r\n\r\n startQuagga() {\r\n let me = this;\r\n\r\n Quagga.init({\r\n inputStream: {\r\n name: \"Live\",\r\n type: \"LiveStream\",\r\n //target: document.querySelector('#yourElement') // Or '#yourElement' (optional)\r\n },\r\n decoder: {\r\n //readers: [\"codabar_reader\"]\r\n readers: [\"code_128_reader\"]\r\n }\r\n }, function (err) {\r\n if (err) {\r\n console.log(err);\r\n me.showScanner = false;\r\n alert(err);\r\n return;\r\n }\r\n console.log(\"Initialization finished. Ready to start\");\r\n Quagga.start();\r\n });\r\n }\r\n\r\n setupQuagga() {\r\n Quagga.onProcessed((result) => {\r\n var drawingCtx = Quagga.canvas.ctx.overlay,\r\n drawingCanvas = Quagga.canvas.dom.overlay;\r\n\r\n if (result) {\r\n if (result.boxes) {\r\n drawingCtx.clearRect(0, 0, parseInt(drawingCanvas.getAttribute(\"width\")), parseInt(drawingCanvas.getAttribute(\"height\")));\r\n result.boxes.filter(function (box) {\r\n return box !== result.box;\r\n }).forEach(function (box) {\r\n Quagga.ImageDebug.drawPath(box, { x: 0, y: 1 }, drawingCtx, { color: \"green\", lineWidth: 2 });\r\n });\r\n }\r\n\r\n if (result.box) {\r\n Quagga.ImageDebug.drawPath(result.box, { x: 0, y: 1 }, drawingCtx, { color: \"#00F\", lineWidth: 2 });\r\n }\r\n\r\n if (result.codeResult && result.codeResult.code) {\r\n Quagga.ImageDebug.drawPath(result.line, { x: 'x', y: 'y' }, drawingCtx, { color: 'red', lineWidth: 3 });\r\n }\r\n }\r\n });\r\n\r\n Quagga.onDetected((result) => {\r\n $('#declaration').val(result.codeResult.code);\r\n this.scannedData = result.codeResult.code;\r\n Quagga.stop();\r\n this.showScanner = false;\r\n });\r\n }\r\n}\r\n","import { Component, OnInit, AfterViewInit, Input, ViewChild, ElementRef, Output, EventEmitter } from '@angular/core';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { Router, ActivatedRoute, ParamMap } from '@angular/router';\r\n\r\ndeclare var $: any;\r\nimport '../../../node_modules/jquery/dist/jquery.min.js';\r\nimport \"../../../node_modules/jsignature/src/jSignature.js\";\r\n//import \"../../../node_modules/jsignature/libs/jSignature.min.js\";\r\n\r\nimport { DataService } from './../data.service';\r\nimport { MessengerService } from './../messenger.service';\r\n\r\n@Component({\r\n selector: 'signature-component',\r\n template: `\r\n\r\n
\r\n \r\n`,\r\n styles: []\r\n})\r\nexport class SignatureComponent implements OnInit {\r\n errorMessage: string;\r\n @Input() invoiceid: number;\r\n parcelCode: string;\r\n public parcel: any;\r\n dataInvoice: any = '';\r\n public isMoney = false;\r\n loaded = true;\r\n //showFaderStr: string = 'false';\r\n @ViewChild('invoiceContainer', { static: false }) invoiceContainer: ElementRef;\r\n @Output() onSigned = new EventEmitter();\r\n sigButton: any;\r\n @ViewChild('signModal', { static: false }) signModal;\r\n topHeader = 'This is your confirmation slip Please note your invoice number {{statusMessage}} \\r\\n\\r\\n\\r\\n \\r\\n Financial Institution {{model.IOP_ISSNAME}} Confirmation Number {{model.IOP_ISSCONF}} Transaction ID {{model.TransactionID}} Approval Code {{model.ApprovalCode}} Reference Numbre {{model.ReferenceNumber}} Authorized Amount {{model.Amount | number:'1.2-2'}} \\r\\n \\r\\n Error Message {{model.ErrorMessage}} \\r\\n
\\r\\n\\r\\nOK \\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n
Payment \\r\\n
Please note that we do not store credit/debit card numbers, nor do we share customer details with any 3rd parties. \\r\\n
{{errorMessage}} \\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n Message: {{ccresp.ErrorMessage}}
\\r\\n Reference #: {{ccresp.ReferenceNumber}}
\\r\\n Approval Code: {{ccresp.ApprovalCode}}
\\r\\n Trace #: {{ccresp.TraceNumber}}
\\r\\n Total Paid: {{cc.Amount | number: '1.2-2'}}
\\r\\n Error Message: {{ccresp.ErrorMessage}}
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n In a minute or two you will receive a confirmation email from Meest.\\r\\n
\\r\\n Please refer to the attachment to print your shipping label or access your label from Shipment History in the app or website.\\r\\n
\\r\\n Thank you for using MEEST.\\r\\n
\\r\\n
OK \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n In a minute or two you will receive your final confirmation email from Meest.\\r\\n
\\r\\n Thank you for using MEEST.\\r\\n
\\r\\n
OK \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n In a minute or two you will receive a confirmation email from Meest.\\r\\n
\\r\\n Please refer to the attached invoice for further instructions.\\r\\n
\\r\\n Thank you for using MEEST.\\r\\n
\\r\\n
OK \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n Please print your Courier Label from order history or confirmation email.\\r\\n
\\r\\n Note: Parcel label with \\\"CV\\\" number is not accepted as shipping label!\\r\\n
\\r\\n
OK \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
{{payText}} \\r\\n
{{cancelText}} \\r\\n
Interac e-Transfer is a registered trade-mark and the Interac logo is a trade-mark of Interac Corp. Used under license.
\\r\\n
\\r\\n
\\r\\n
();\r\n\r\n @ViewChild('ccNum', { static: false }) elNum: ElementRef;\r\n @ViewChild('ccName', { static: false }) elName: ElementRef;\r\n @ViewChild('ccExp', { static: false }) elExp: ElementRef;\r\n @ViewChild('ccCVC', { static: false }) elCVC: ElementRef;\r\n\r\n @ViewChild('smModal', { static: false }) smModal;\r\n @ViewChild('smModalEdited', { static: false }) smModalEdited;\r\n @ViewChild('smModalMoney', { static: false }) smModalMoney;\r\n @ViewChild('smModalWarn', { static: false }) smModalWarn;\r\n\r\n constructor(private dataService: DataService, private router: Router, private route: ActivatedRoute, private sanitizer: DomSanitizer) { }\r\n\r\n ngOnInit() {\r\n if (!this.paymet) {\r\n this.route.paramMap.subscribe(params => {\r\n this.parcelid = Number(params.get('id'));\r\n var ism = params.get('isMoney');\r\n if (ism != null)\r\n this.isMoney = Number(ism);\r\n\r\n setTimeout(() => this.init());\r\n });\r\n }\r\n else {\r\n this.paycode = this.paymet;\r\n this.init();\r\n }\r\n }\r\n\r\n //ngAfterViewInit() {\r\n // setTimeout(() => this.init());\r\n //}\r\n\r\n init() {\r\n this.cc.Amount = 0;\r\n this.paid = false;\r\n this.loading = false;\r\n this.cancelText = 'Cancel';\r\n\r\n if (!this.dataService.userData)\r\n this.dataService.userData = {\r\n ID: this.isMoney, Branch: { id: 1, currency: 'CAD' }, UserData: { u_type: 'CUSTOMER' }, Hash: '' };\r\n this.errorMessage = '';\r\n this.dataService.getSingleParcel(this.parcelid, this.isMoney > 0).subscribe((res: any) => {\r\n this.parcel = res;\r\n this.cc.Amount = this.isMoney ? this.parcel.TotalCustomerOwe_CAD : this.parcel.cust_own;\r\n this.cc.UserInvoice = this.parcel.code_a;\r\n this.dataService.userData.UserData.branchID = this.parcel.branchID;\r\n\r\n if (this.isMoney > 1) {\r\n this.paycode = 'PSI';\r\n if (this.isMoney > 2) {\r\n //this.doPayment(); // Do this on the server side when we receive SUCCESS callback\r\n this.smModalMoney.show();\r\n return;\r\n }\r\n }\r\n\r\n if (!this.paymet) {\r\n if (!this.dataService.userData.Branch)\r\n this.dataService.userData.Branch = this.dataService.branches.find(x => x.id == this.parcel.branchID);\r\n\r\n if (!this.dataService.isGuest && (this.dataService.agent_drop && this.dataService.userData.UserData.u_type == 'CUSTOMER')) {\r\n this.dataService.agent_drop = false;\r\n this.payMethods = [{ Code: 'AGENT_DROPOFF', Method: \"Pay at Agent's Location\" }];\r\n //if (this.dataService.isGuest)\r\n // this.payMethods.push({ Code: 'ONLINE_PAYMENT', Method: \"Credit Card\" });\r\n this.payText = 'Print Confirmation';\r\n this.paycode = this.payMethods[0].Code;\r\n this.methodChange(null);\r\n }\r\n else\r\n this.dataService.getPaymentMethods(this.isMoney ? 'MONEY' : 'PARCEL').subscribe((ui: any[]) => {\r\n this.payMethods = ui;\r\n //this.payMethods.forEach(x => x.Method = this.sanitizer.bypassSecurityTrustHtml(x.Method));\r\n if (ui.length > 0) {\r\n this.paycode = ui[0].Code;\r\n this.methodChange(null);\r\n }\r\n });\r\n }\r\n else\r\n this.methodChange(null);\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n }\r\n\r\n methodChange(evt) {\r\n if (!this.paymet)\r\n this.panelClass = this.paycode == 'ONLINE_PAYMENT' ? 'col-sm-12 col-md-12 col-lg-8 newparcel sunken' : 'col-sm-12 col-md-12 col-lg-8 newparcel sunken';\r\n else\r\n this.panelClass = '';\r\n\r\n setTimeout(() =>\r\n this.ccjs = this.paycode == 'ONLINE_PAYMENT' ? new Card({\r\n form: '#ccForm',\r\n container: '.card-wrapper'\r\n }) : null\r\n );\r\n }\r\n\r\n ngOnChanges(changes: { [propKey: string]: SimpleChange }) {\r\n let changedProp = changes['paymet'].currentValue;\r\n if (changedProp) {\r\n this.paycode = changedProp;\r\n this.methodChange(null);\r\n }\r\n }\r\n\r\n doPayment() {\r\n this.errorMessage = '';\r\n this.cc.Method = this.paycode;\r\n if (this.paycode == 'ONLINE_PAYMENT') {\r\n //this.cc.Name = \"Tester\";\r\n //this.cc.Number = \"4242424242424242\";\r\n //this.cc.Expiration = \"1708\";\r\n this.cc.Number = this.cc.Number.replace(/\\s/gi, '');\r\n this.cc.Currency = 'CAD';\r\n\r\n this.errorMessage = \"\";\r\n }\r\n else if (this.paycode == 'INTERAC' || this.paycode == 'PSI') {\r\n if (this.isMoney) {\r\n this.loading = true;\r\n this.dataService.directPay({ id: this.parcelid, Amount: this.parcel.TotalCustomerOwe_CAD }).subscribe((res: any) => {\r\n this.loading = false;\r\n if (res.Status == 'AVAILABLE') {\r\n window.location.assign(res.PaymentURL);\r\n }\r\n else\r\n this.errorMessage = 'Payment failed - ' + res.Status;\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n this.loading = false;\r\n });\r\n }\r\n else\r\n window.location.assign(`${this.dataService.siteURL}Money/DoMobilePayment/${this.parcelid}?partial=${this.dataService.userData.Branch.id}-${this.isMoney ? 'MONEY' : 'PARCELS'}`);\r\n return;\r\n }\r\n\r\n if (this.paycode == 'AGENT_DROPOFF') {\r\n this.dataService.agent_drop = false;\r\n this.paymentcomplete();\r\n return;\r\n }\r\n\r\n this.loading = true;\r\n this.dataService.savePaymentGuest(this.parcelid, this.cc, this.useBillingAddress, this.useBillingAddress ? this.billAddress : null).subscribe((res: CreditCardResponse) => {\r\n this.ccresp = res;\r\n this.paid = true;\r\n this.loading = false;\r\n\r\n if (this.cc.CVC)\r\n this.cc.CVC = (\"000\" + this.cc.CVC).slice(-3);\r\n\r\n if (this.paycode != 'ONLINE_PAYMENT') {\r\n this.createCPShipment();\r\n this.onPaid.emit('label');\r\n }\r\n else if (res.isApproved) {\r\n this.cancelText = 'Print Label';\r\n this.onPaid.emit('label');\r\n }\r\n else {\r\n this.cancelText = 'Try Again';\r\n this.onPaid.emit('error');\r\n }\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n this.loading = false;\r\n });\r\n }\r\n\r\n isValid() {\r\n return this.cc.Amount > 0 && this.checkValid(this.elNum) && this.checkValid(this.elExp) && this.checkValid(this.elCVC)\r\n }\r\n\r\n disabledPay() {\r\n return (this.paid && this.ccresp.isApproved) || (this.paycode == 'ONLINE_PAYMENT' && (!this.isValid() || this.loading) || (this.paycode != 'ONLINE_PAYMENT' && this.paycode != 'INTERAC' && this.loading));\r\n }\r\n\r\n private checkValid(el: ElementRef) {\r\n if (!el)\r\n return false;\r\n for (let c of el.nativeElement.classList) {\r\n if (c === 'jp-card-valid') return true;\r\n }\r\n return false;\r\n }\r\n\r\n usPayment() {\r\n //let param = {\r\n // lineItems: [{\r\n // sku: \"0001\",\r\n // quantity: 1\r\n // }],\r\n // type: \"sale\",\r\n // collectShippingInfo: true,\r\n // customerVault: {\r\n // addCustomer: true\r\n // },\r\n // successUrl: `${this.dataService.siteURL}Agent/CheckoutPayment/?transid={TRANSACTION_ID}`,\r\n // cancelUrl: `${this.dataService.siteURL}Agent/CheckoutPayment/`,\r\n // receipt: {\r\n // showReceipt: true,\r\n // redirectToSuccessUrl: true\r\n // }\r\n //};\r\n\r\n //CollectCheckout.redirectToCheckout(param)\r\n //.then((error) => {\r\n // console.log(error);\r\n //});\r\n //let param = `security_key=m7kSPr632KdCfJdkADGNP5JfR5U33ZSX&ccnumber=${this.cc.Number}&ccexp=${this.cc.Expiration}&cvv=${this.cc.CVC}&amount=${this.cc.Amount}&firstname=Tester&address1=1 Main St.&zip=12345`;\r\n this.loading = true;\r\n this.dataService.usPayment(this.cc).subscribe((ui: any) => {\r\n this.loading = false;\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n this.loading = false;\r\n });\r\n }\r\n\r\n cancelOK() {\r\n if (this.cancelText.startsWith('Print '))\r\n this.createCPShipment();\r\n else if (this.cancelText == 'Try Again') {\r\n this.paid = false;\r\n this.cancelText = 'Cancel';\r\n this.cc = new CreditCard();\r\n this.cc.Amount = this.isMoney ? this.parcel.TotalCustomerOwe_CAD : this.parcel.cust_own;\r\n this.cc.UserInvoice = this.parcel.code_a;\r\n this.methodChange(null);\r\n }\r\n else\r\n setTimeout(() => { this.router.navigate(['home']); });\r\n }\r\n\r\n createCPShipment() {\r\n if (this.isMoney) {\r\n this.paymentcompleteImpl();\r\n return;\r\n }\r\n\r\n this.loading = true;\r\n this.dataService.getCPShipment(this.parcelid).subscribe((cph: any) => {\r\n if (!cph) {\r\n this.loading = false;\r\n this.paymentcomplete();\r\n }\r\n else {\r\n this.dataService.createCPShipment(cph).subscribe((ui: any) => {\r\n this.loading = false;\r\n if (ui.Error)\r\n this.errorMessage = ui.Message;\r\n else {\r\n this.paymentcomplete();\r\n }\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n this.loading = false;\r\n });\r\n }\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n this.loading = false;\r\n });\r\n }\r\n\r\n paymentcomplete() {\r\n this.paymentcompleteImpl();\r\n // this.dataService.sendDWShipment(this.parcelid).subscribe((ui: any) => {\r\n // this.paymentcompleteImpl();\r\n // });\r\n }\r\n\r\n paymentcompleteImpl() {\r\n this.loading = true;\r\n if (this.dataService.userData.UserData.u_type != 'CUSTOMER') {\r\n this.confirmClosed();\r\n return;\r\n }\r\n\r\n this.dataService.sendCompleteEmail(this.parcelid, this.parcel.status, this.isMoney > 0).subscribe((response) => {\r\n this.loading = false;\r\n setTimeout(() => {\r\n if (this.isMoney)\r\n this.smModalMoney.show();\r\n //if (this.parcel.status == 'PREPAID')\r\n // this.smModalEdited.show();\r\n //else\r\n // this.smModal.show();\r\n else {\r\n var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\r\n if (this.paycode == 'AGENT_DROPOFF') {\r\n //if (this.dataService.isMobileDevice) {\r\n //if (!isSafari)\r\n // window.open(`${this.dataService.siteURL}Agent/PrintParcelNarrow/${this.parcelid}?partial=${this.dataService.userData.Branch ? this.dataService.userData.Branch.id : 0}-${this.dataService.userData.ID}`, '_blank');\r\n this.router.navigate([\"invoice\", this.parcelid, 0]);\r\n //this.router.navigate(['home']);\r\n //}\r\n //else\r\n // this.dataService.downloadInvoiceAsync(this.parcelid, this.isMoney)\r\n // .subscribe((response) => { // download file\r\n // var blob = new Blob([response], { type: 'application/pdf' });\r\n // var filename = `${this.cc.UserInvoice}.pdf`;\r\n // FileSaver.saveAs(blob, filename);\r\n // setTimeout(() => { this.router.navigate(['home']); });\r\n // });\r\n }\r\n else {\r\n //if (this.dataService.isMobileDevice) {\r\n if (!isSafari)\r\n window.open(`${this.dataService.siteURL}Agent/PrintPostLabel/${this.parcelid}?partial=${this.dataService.userData.Branch ? this.dataService.userData.Branch.id : 0}-${this.dataService.userData.ID}`, '_blank');\r\n this.smModalWarn.show();\r\n ////////this.router.navigate([\"invoice\", this.parcelid, 0]);\r\n //this.router.navigate(['home']);\r\n //}\r\n //else\r\n // this.dataService.getCPLabel({ ShipmentID: this.parcelid })\r\n // .subscribe((response) => { // download file\r\n // var lbl = new Blob([response], { type: response.type });\r\n // var lblfilename = `${this.cc.UserInvoice}_ShippingLabel.pdf`;\r\n // FileSaver.saveAs(lbl, lblfilename);\r\n // setTimeout(() => { this.router.navigate(['home']); });\r\n // });\r\n }\r\n }\r\n });\r\n },\r\n (err: any) => {\r\n this.errorMessage = 'Confirmation email is not sent';\r\n this.loading = false;\r\n });\r\n }\r\n\r\n printPostLabel() {\r\n this.router.navigate([\"invoice\", this.parcelid, 0]);\r\n }\r\n\r\n confirmClosed() {\r\n var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\r\n if (isSafari || this.paycode == 'AGENT_DROPOFF')\r\n setTimeout(() => { this.router.navigate(['home']); });\r\n else {\r\n //zip(this.dataService.downloadInvoiceAsync(this.parcelid), this.dataService.getCPLabel({ ShipmentID: this.parcelid }))\r\n this.dataService.downloadInvoiceAsync(this.parcelid, this.isMoney > 0)\r\n .subscribe((response) => { // download file\r\n var blob = new Blob([response], { type: 'application/pdf' });\r\n var filename = `${this.cc.UserInvoice}.pdf`;\r\n FileSaver.saveAs(blob, filename);\r\n\r\n //if (response[1].type != 'text/plain') {\r\n // var lbl = new Blob([response[1]], { type: response[1].type });\r\n // var lblfilename = `${this.cc.UserInvoice}_ShippingLabel.pdf`;\r\n // FileSaver.saveAs(lbl, lblfilename);\r\n //}\r\n\r\n //setTimeout(() => { this.router.navigate(['home']); });\r\n });\r\n setTimeout(() => { this.router.navigate(['home']); });\r\n }\r\n }\r\n}\r\n","module.exports = \"\\r\\n \\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
Attention Required!
\\r\\n
Recipient country weight or volume weight limit of {{WeightLimit}} {{dataService.userData.Branch?.weight}} has been exceeded.
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
Dear Meest Customer, based in the U.S.
\\r\\n
\\r\\n Try our New Shipping Portal
\\r\\n designed for seamless user-friendly
\\r\\n and more convenient way to send your packages.
\\r\\n Click the button to get started.
\\r\\n
Continue to New Portal
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
Service not yet available \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
Service not yet available \\r\\n \\r\\n
0\\\" class=\\\"express_method method_delivery\\\">\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n 0 && shipType == 'I'\\\" class=\\\"input_choose_mobile\\\">\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
{{rExpress?.delivery + rExpress?.total_rate_fee + expressFixedRate | number:'1.2-2'}} \\r\\n
\\r\\n
{{rExpress?.DeliveryTime}} \\r\\n
\\r\\n
Expedited \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
*Estimated price. Final price at checkout
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
{{title}}
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
Delivery Option
\\r\\n
{{r.DeliveryModeDescription}}
\\r\\n
\\r\\n
\\r\\n
{{r.AirSea}}
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
Delivery Time
\\r\\n
{{r.DeliveryTime}}
\\r\\n
Includes Carrier Label
\\r\\n
Pickup
\\r\\n
\\r\\n
\\r\\n \\r\\n
{{r.delivery + r.total_rate_fee | number:'1.2-2'}}
\\r\\n
{{r.carrier + (r.ship_fee ? r.ship_fee : 0) | number:'1.2-2'}}
\\r\\n
{{post_rates[inx].Pickup | number:'1.2-2'}}
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
();\r\n @Output() closed = new EventEmitter();\r\n @ViewChild('form', { static: false }) formComp;\r\n @ViewChild('banner', { static: false }) banner;\r\n page1: any = {};\r\n deliverySelection: any[] = [];\r\n deliverySelectionUPS: any[] = [];\r\n deliverySelectionUSPS: any[] = [];\r\n deliverySelectionUPSPickup: any[] = [];\r\n deliverySelectionAgent: any[];\r\n closestAgent: any;\r\n closestAgentList: any[];\r\n location: any; // google.maps.LatLng;\r\n domestic: any = {};\r\n expressShip: boolean = false;\r\n receivingCountry: any = {};\r\n pageMap: any = {};\r\n pageno = 1;\r\n saddress: any;\r\n raddress: any;\r\n user_addrComp: any = {};\r\n agent_addrComp: any = {};\r\n countries: any[];\r\n countryStates: any = {};\r\n countryFrom: string;\r\n stateFrom: string;\r\n oblasts: any[] = [];\r\n countryOpt: any[] = [];\r\n country: string;\r\n oblastOpt: any[] = [];\r\n oblast: string;\r\n showOblast: boolean;\r\n meestHub: string;\r\n meestAgent: any;\r\n txtOK = 'Calculate';\r\n txtCancel = null;\r\n isMobile: boolean;\r\n pageTitle: string;\r\n weight: number;\r\n height: number;\r\n width: number;\r\n length: number;\r\n estimated: boolean = false;\r\n pickups: any[] = [];\r\n WeightLimit: number;\r\n @ViewChild('weightLimit', { static: false }) weightLimit;\r\n minPostAir: number;\r\n minPostSea: number;\r\n minAgentAir: number;\r\n minAgentSea: number;\r\n selag: number;\r\n selrate: any;\r\n estimating: boolean = false;\r\n post_rates: any[] = [null, null, null, null, null];\r\n expressFixedRate: number = 0;\r\n load: any = {};\r\n //postSelected: boolean = false;\r\n //agentSelected: boolean = true;\r\n @Input() isModal: string = '';\r\n @Output() isEstimated = new EventEmitter();\r\n delSelected: number = 1;\r\n accActive: boolean[] = [false, false];\r\n sender_map = {\r\n sapartn: 'u_apart', scity: 'u_city', scountry: 'u_country', semail: 'u_email', sfname: 'u_firstnm', slname: 'u_lastnm', soblast: 'u_oblast', sphone: 'u_phone', sregion: 'u_region', sstreet: 'u_street', sstreetn: 'u_house', szip: 'u_index'\r\n };\r\n\r\n constructor(public router: Router, private dataService: DataService, public zone: NgZone, private route: ActivatedRoute) {\r\n this.isMobile = this.dataService.isMobileDevice;\r\n if (!this.isMobile && window.innerWidth < 992)\r\n this.isMobile = true;\r\n\r\n this.route.queryParams.subscribe(params => {\r\n if (params['isModal'])\r\n this.isModal = params['isModal'];\r\n });\r\n }\r\n\r\n ngOnInit() {\r\n this.load = { scountry: 'CANADA', rcountry: 'CANADA' };\r\n if (!this.dataService.userData)\r\n this.dataService.userData = { Code: \"OOREG\", Name: '', ID: 0, Permissions: [], Branch: null, Service: '', UserData: { u_RateGroup: 'OOREG', u_country: 'CANADA' }, Hash: '' };\r\n }\r\n\r\n ngAfterViewInit() {\r\n //setTimeout(() => {\r\n // this.inited = true;\r\n //})\r\n if (!this.dataService.branches) {\r\n this.dataService.getBranches().subscribe((ui: any[]) => {\r\n this.dataService.branches = ui;\r\n this.init();\r\n });\r\n }\r\n else\r\n setTimeout(() => this.init());\r\n }\r\n\r\n @HostListener('window:message', ['$event'])\r\n handleExternalMessagen(e: any) {\r\n if (e.origin == 'http://accounting-mash.westeurope.cloudapp.azure.com/aspnet_client/site/') {\r\n e.source.postMessage(this.answer, e.origin)\r\n }\r\n else return;\r\n }\r\n\r\n init() {\r\n if (this.isModal === 'M')\r\n return;\r\n this.loading = false;\r\n\r\n this.UserBranch = this.dataService.userData.UserData[\"u_country\"].toUpperCase() == 'USA' ? 2 : 1;\r\n\r\n if (!this.dataService.userData.Branch)\r\n this.dataService.userData.Branch = this.dataService.branches.find(x => x.id == this.UserBranch);\r\n\r\n zip(this.dataService.getCountryState(), this.dataService.getCountries(), this.dataService.getPickupSites(), this.dataService.getMeestAgentWH(this.dataService.userData.UserData.u_index)).subscribe((res: any[]) => {\r\n this.countryStates = res[0];\r\n for (var c in this.countryStates)\r\n this.countryStates[c].splice(0, 0, { state: 'X', desc: 'Select State/Province' });\r\n this.countryStates[\"Select Country\"] = [{ state: 'X', desc: 'Select State/Province' }];\r\n this.countryFrom = 'Select Country';\r\n this.stateFrom = 'X';\r\n //if (!this.noRates)\r\n // this.onStateFromChange();\r\n\r\n this.countries = res[1];\r\n //this.countries.forEach(x => x[\"expressShip\"] = this.expressShipCountries.some(c => c == x.CountryCodeValue) ? 1 : 0);\r\n this.countries.forEach(x => x[\"expressShip\"] = x.useExpedited ? 1 : 0);\r\n setTimeout(() => $('#rcountry').selectpicker());\r\n\r\n this.pickups = res[2];\r\n this.meestAgent = res[3];\r\n\r\n if (this.noRates && !this.dataService.isGuest) {\r\n this.countryOpt = this.countries.map(c => {\r\n if (c.CountryCodeValue == 'ddt_CountryCodeParcels') {\r\n c.CountryCodeValue = c.r_country;\r\n }\r\n return { key: c.CountryCodeValue, value: c.r_country, code: c.CountryCode2 }\r\n });\r\n this.countryOpt.splice(0, 0, { key: '', value: 'Select Country' });\r\n this.country = 'Ukraine';\r\n }\r\n this.showOblast = false;\r\n this.oblast = '*';\r\n\r\n this.pageTitle = this.noRates ? 'Enter Parcel Details' : 'Cost Estimator';\r\n\r\n //if (this.compType == '1') {\r\n // initAutocomplete_s(this.updateSenderAddress.bind(this), 'g_autocomplete_s');\r\n // if (this.shipType == 'I')\r\n // restrictCountry_s(['us', 'ca']);\r\n // else {\r\n // initAutocomplete_s(this.updateDomesticAddress.bind(this), 'g_autocomplete_r');\r\n // restrictCountry_s(['ca']);\r\n // }\r\n //}\r\n\r\n if (this.agentRates && !this.dataService.isGuest) {\r\n var addrComp = this.dataService.parseUserAddress(this.user_addrComp);\r\n var address = addrComp.length > 0 ? addrComp.join(', ') : '';\r\n\r\n let geocoder = new google.maps.Geocoder();\r\n geocoder.geocode({ 'address': address }, (results, status) => {\r\n if (status == 'OK') {\r\n this.location = results[0].geometry.location;\r\n this.showAgentRates();\r\n } else {\r\n console.log('Geocode was not successful for the following reason: ' + status);\r\n }\r\n });\r\n }\r\n\r\n if (this.shipType == 'I') {\r\n if (this.noRates && !this.dataService.isGuest)\r\n this.onCountryChange();\r\n else {\r\n $('.dropdown-toggle[data-id=\"rcountry\"]').removeClass('ng-valid');\r\n $('.dropdown-toggle[data-id=\"rcountry\"]').addClass('ng-invalid');\r\n }\r\n }\r\n else {\r\n this.oblastOpt = this.countryStates[this.load.scountry].map(c => {\r\n return { key: c.state, value: c.desc }\r\n });\r\n }\r\n\r\n this.inited = true;\r\n setTimeout(() => {\r\n this.initControl(this.formComp.form.controls[\"h\"], null);\r\n this.initControl(this.formComp.form.controls[\"w\"], null);\r\n this.initControl(this.formComp.form.controls[\"l\"], null);\r\n if (this.shipType == 'D') {\r\n $('#scountrys').selectpicker();\r\n $('#rcountryr').selectpicker();\r\n }\r\n });\r\n });\r\n }\r\n\r\n initControl(ctrl: FormControl, val: any) {\r\n //ctrl.patchValue(val);\r\n ctrl.markAsUntouched();\r\n ctrl.markAsPristine();\r\n ctrl.setValidators([Validators.required]);\r\n ctrl.updateValueAndValidity();\r\n }\r\n\r\n get countryList() {\r\n let list = [];\r\n for (var c in this.countryStates)\r\n list.push(c);\r\n return list;\r\n }\r\n\r\n get isDisabled1() {\r\n return !this.inited || (this.pageno == 1 && this.formComp && this.formComp.form.invalid) || (!this.noRates && !this.location) || this.estimating;\r\n }\r\n\r\n senderAddressChanged(data: any) {\r\n if (!data && (!this.noRates || this.dataService.isGuest)) {\r\n this.countryOpt = [];\r\n this.country = '';\r\n this.showOblast = false;\r\n this.oblast = '*';\r\n $('.dropdown-toggle[data-id=\"rcountry\"]').removeClass('ng-valid');\r\n $('.dropdown-toggle[data-id=\"rcountry\"]').addClass('ng-invalid');\r\n setTimeout(() => $('#rcountry').selectpicker('refresh'));\r\n }\r\n }\r\n\r\n updateSenderAddress(ev: any) {\r\n if (this.shipType == 'D')\r\n this.updateDomesticAddress(ev, 's');\r\n\r\n if (ev.country) {\r\n this.dataService.userData.UserData[\"u_country\"] = ev.country;\r\n this.dataService.userData.UserData[\"u_oblast\"] = ev.stateprov;\r\n\r\n let UserBranch = this.dataService.userData.UserData[\"u_country\"].toUpperCase() == 'USA' ? 2 : 1;\r\n if (UserBranch === 2 && this.noRates)\r\n this.banner.show();\r\n }\r\n if (ev.elems) {\r\n var address = ev.elems.length > 0 ? ev.elems.map(e => e.value).join(', ') : '';\r\n\r\n for (var p in this.sender_map) {\r\n var e = ev.elems.find(x => x.key == p);\r\n if (e)\r\n this.dataService.userData.UserData[this.sender_map[p]] = e.value;\r\n else if (address && p != 'scountry' && p != 'soblast' && p != 'semail' && p != 'sfname' && p != 'slname' && p != 'sphone')\r\n this.dataService.userData.UserData[this.sender_map[p]] = '';\r\n }\r\n\r\n var addrComp = this.dataService.parseUserAddress(this.user_addrComp);\r\n\r\n let geocoder = new google.maps.Geocoder();\r\n geocoder.geocode({ 'address': address }, (results, status) => {\r\n if (status == 'OK') {\r\n this.zone.run(() => {\r\n this.location = results[0].geometry.location;\r\n this.agentRates = true;\r\n this.dataService.queue.next({ location: results[0].geometry.location });\r\n //this.senderAddress.emit({ location: results[0].geometry.location });\r\n this.dataService.getMeestHub(this.user_addrComp.postal_code, true).subscribe((hub: any) => {\r\n this.meestHub = hub;\r\n if (ev.country) {\r\n this.countryFrom = ev.country;\r\n this.UserBranch = this.countryFrom == 'USA' ? (hub ? 4 : 2) : 1;\r\n this.dataService.userData.Branch = this.dataService.branches.find(x => x.id == this.UserBranch);\r\n this.dataService.userData.UserData[\"u_country\"] = ev.country;\r\n this.dataService.userData.UserData[\"u_oblast\"] = ev.stateprov;\r\n this.dataService.queue.next({ country: ev.country, stateprov: ev.stateprov });\r\n setTimeout(() => this.onCountryFromChange());\r\n }\r\n this.showAgentRates();\r\n });\r\n });\r\n } else {\r\n console.log('Geocode was not successful for the following reason: ' + status);\r\n }\r\n });\r\n }\r\n return true;\r\n }\r\n\r\n updateDomesticAddress(ev: any, dir: string) {\r\n if (ev.country)\r\n this.zone.run(() => {\r\n this.country = ev.country;\r\n this.oblast = ev.stateprov;\r\n this.load[dir + 'oblast'] = ev.stateprov;\r\n this.dataService.queueDomestic.next({ country: ev.country, stateprov: ev.stateprov });\r\n });\r\n\r\n if (ev.elems) {\r\n var address = ev.elems.length > 0 ? ev.elems.map(e => e.value).join(', ') : '';\r\n\r\n this.zone.run(() => {\r\n for (var p in this.sender_map) {\r\n var e = ev.elems.find(x => x.key == p);\r\n if (e) {\r\n if (dir == 'r')\r\n this.domestic[this.sender_map[p]] = e.value;\r\n this.load[dir + p.substr(1)] = e.value;\r\n }\r\n else if (address && p != 'scountry' && p != 'soblast' && dir == 'r')\r\n this.domestic[this.sender_map[p]] = '';\r\n }\r\n this.dataService.queueDomestic.next(this.domestic);\r\n });\r\n }\r\n return true;\r\n }\r\n\r\n redirectToUSPortal() {\r\n this.banner.hide();\r\n window.location.href = 'https://cab.meest.com/us-en/portal'; // Redirect to new US portal\r\n }\r\n\r\n showAgentRates() {\r\n let c = null;\r\n if (this.user_addrComp) \r\n c = this.user_addrComp.country === 'USA' ? 'USA' : 'CAN';\r\n \r\n this.dataService.getClosestAgent(this.location.lat(), this.location.lng(), c).subscribe((agents: any[]) => {\r\n if (agents.length > 0) {\r\n this.closestAgent = agents[0];\r\n this.closestAgentList = agents;\r\n }\r\n })\r\n }\r\n\r\n onCountryChange() {\r\n let value = this.country;\r\n this.oblast = '';\r\n $('.dropdown-toggle[data-id=\"rcountry\"]').removeClass('ng-invalid');\r\n $('.dropdown-toggle[data-id=\"rcountry\"]').addClass('ng-valid');\r\n if (this.countries.find(x => x.CountryCodeValue == value).CountryCodeType === 'DropDownTable') {\r\n this.dataService.getOblast(value).subscribe((obl: any[]) => {\r\n this.oblasts = obl;\r\n this.oblastOpt = obl.map(c => {\r\n return { key: c.Id, value: c.r_region }\r\n });\r\n this.oblastOpt.splice(0, 0, { key: '', value: 'Select Oblast' });\r\n this.showOblast = true;\r\n this.oblast = '';\r\n setTimeout(() => $('#roblast').selectpicker('refresh'));\r\n })\r\n } else {\r\n this.oblast = '';\r\n this.oblasts = [];\r\n this.showOblast = false;\r\n this.oblast = '*';\r\n }\r\n }\r\n\r\n onCountryFromChange() {\r\n this.stateFrom = 'X';\r\n\r\n if (!this.meestHub && this.UserBranch == 1)\r\n this.UserBranch = this.countryFrom == 'USA' ? 2 : 1;\r\n this.dataService.userData.Branch = this.dataService.branches.find(x => x.id == this.UserBranch);\r\n\r\n this.dataService.getCountries().subscribe((res: any[]) => {\r\n this.countries = res;\r\n this.countries.forEach(x => x[\"expressShip\"] = x.useExpedited ? 1 : 0);\r\n this.countryOpt = this.countries.map(c => {\r\n if (c.CountryCodeValue == 'ddt_CountryCodeParcels') {\r\n c.CountryCodeValue = c.r_country;\r\n }\r\n return { key: c.CountryCodeValue, value: c.r_country, code: c.CountryCode2 }\r\n });\r\n this.countryOpt.splice(0, 0, { key: '', value: 'Select Country' });\r\n setTimeout(() => $('#rcountry').selectpicker('refresh'));\r\n //this.country = '';\r\n //this.showOblast = false;\r\n //this.oblast = '*';\r\n\r\n //this.formComp.form.controls['fstate'].setErrors({ 'incorrect': true });\r\n })\r\n }\r\n\r\n onStateFromChange() {\r\n if (this.stateFrom != 'X' && this.countryFrom != 'X')\r\n setTimeout(() => this.formComp.form.controls['fstate'].setErrors(null));\r\n else\r\n setTimeout(() => this.formComp.form.controls['fstate'].setErrors({ 'incorrect': true }));\r\n }\r\n\r\n //get getData() {\r\n // return JSON.stringify({ delivery: this.deliverySelection[this.selectedRate], post: this.posts[this.selectedPostService] });\r\n //}\r\n\r\n selectPost(ix: number) {\r\n //this.selectedPostService = ix;\r\n //let rate = this.posts[this.selectedPostService];\r\n\r\n //if (rate.ServiceName != 'Drop-off')\r\n this.deliverySelection.forEach(r => r[\"ship_fee\"] = 0); //rate.Price);\r\n this.deliverySelectionUPS.forEach(r => r[\"ship_fee\"] = 0);\r\n this.deliverySelectionUSPS.forEach(r => r[\"ship_fee\"] = 0);\r\n this.deliverySelectionUPSPickup.forEach(r => r[\"ship_fee\"] = 0);\r\n }\r\n\r\n getCountryFlag(c: any) {\r\n return 'flag-icon flag-icon-' + c.code;\r\n }\r\n\r\n getFormData() {\r\n this.page1 = { weight: this.weight, h: this.height, l: this.length, w: this.width, rcountry: this.country };\r\n //this.page1.agentCode = this.AgentCode;\r\n\r\n var cntr = this.countries.find(x => x.CountryCodeValue == this.country || x.r_country.toUpperCase() == this.country.toUpperCase());\r\n if (cntr.useExpedited)\r\n this.page1[\"useExpedited\"] = true;\r\n\r\n if (this.shipType == 'D') {\r\n this.page1[\"rcountrycode\"] = this.country == 'USA' ? 'USA' : 'CAN';\r\n this.page1[\"roblast\"] = this.oblast;\r\n }\r\n else if (this.oblast != '' && this.oblasts.length > 0) { // roblast contains the Id value\r\n this.page1[\"rcountrycode\"] = this.oblasts.find(x => x.Id == this.oblast).CountryCodeValue;\r\n this.page1[\"roblast\"] = this.oblast;\r\n }\r\n else {\r\n this.page1[\"rcountrycode\"] = this.country;\r\n this.page1.rcountry = cntr.r_country;\r\n }\r\n return this.page1;\r\n }\r\n\r\n buildExpeditedParameters(country: any) {\r\n let agent_addrComp: any = { postal_code: '', locality: '', state: '', country: 'US' };\r\n let addrComp = this.dataService.parseAgentAddress(this.meestAgent, agent_addrComp);\r\n\r\n let fromAddr = { City: agent_addrComp.locality, Province: agent_addrComp.state, Country: agent_addrComp.country.toUpperCase() == 'USA' ? 'US' : 'CA', Postal: agent_addrComp.postal_code, Address: agent_addrComp.address };\r\n let toAddr = {\r\n City: country.ExpeditedRateCity, Country: country.CountryCode2, Postal: country.ExpeditedRatePostal, Address: ' '\r\n };\r\n let param = {\r\n From: fromAddr, To: toAddr, Weight: this.page1.weight, Height: this.page1.h, Width: this.page1.w, Length: this.page1.l\r\n };\r\n return param;\r\n }\r\n\r\n submitted() {\r\n if (this.pageno == 1) {\r\n if (this.shipType == 'D') {\r\n let saddr = {}, raddr = {};\r\n for (var p in this.sender_map) {\r\n saddr[p] = this.load[p];\r\n raddr[p] = this.load['r' + p.substr(1)];\r\n }\r\n this.updateSenderAddress({ country: this.load[\"scountry\"], stateprov: this.load[\"soblast\"], elems: Object.keys(saddr).filter(x => saddr[x]).map(x => { return { key: x, value: saddr[x] }; }) });\r\n this.updateDomesticAddress({ country: this.load[\"rcountry\"], stateprov: this.load[\"roblast\"], elems: Object.keys(raddr).filter(x => raddr[x]).map(x => { return { key: x, value: raddr[x] }; }) }, 'r');\r\n\r\n // this.dataService.userData.UserData[\"u_apart\"] = this.load[\"sapartn\"];\r\n // this.domestic[\"u_apart\"] = this.load[\"rapartn\"]\r\n }\r\n\r\n if (!this.noRates && this.UserBranch == 1) {\r\n this.UserBranch = this.countryFrom == 'USA' ? 2 : 1;\r\n this.dataService.userData.Branch = this.dataService.branches.find(x => x.id == this.UserBranch);\r\n }\r\n if (this.dataService.isGuest && !this.closestAgent) {\r\n this.errorMessage = 'Invalid sender address';\r\n return;\r\n }\r\n if (this.weight == 0) {\r\n this.errorMessage = 'Weight has to be greater than 0';\r\n return;\r\n }\r\n this.page1 = this.getFormData();\r\n if (!this.checkWeight())\r\n return;\r\n\r\n this.estimated = true;\r\n this.deliverySelection = [];\r\n this.deliverySelectionUPS = [];\r\n this.deliverySelectionUSPS = [];\r\n this.deliverySelectionUPSPickup = [];\r\n this.deliverySelectionAgent = [];\r\n this.accActive = [false, false];\r\n this.errorMessage = '';\r\n this.estimating = true;\r\n if (this.shipType == 'D') \r\n this.domesticRates();\r\n else {\r\n this.receivingCountry = Object.assign({}, this.countries.find(x => x.CountryCodeValue == this.page1.rcountrycode || x.r_country == this.page1.rcountry));\r\n var subs = [];\r\n if (this.receivingCountry.useExpedited) \r\n subs.push(this.dataService.getExpressPostRates(this.buildExpeditedParameters(this.receivingCountry)));\r\n else\r\n subs.push(this.dataService.getDeliverySelection(this.page1));\r\n subs.push(this.dataService.getCarrierPostal());\r\n subs.push(this.dataService.getMeestHub(this.dataService.userData.UserData.u_index));\r\n\r\n zip(...subs).subscribe((res: any[]) => {\r\n var ui = res[0];\r\n if (this.receivingCountry.useExpedited) {\r\n ui = [{}];\r\n if (res[0].Error) {\r\n ui[0].RateName == 'Error';\r\n ui[0].DeliveryModeDescription = ui.Message;\r\n }\r\n else {\r\n ui[0].RateName = 'Dummy';\r\n ui[0].AirSea = 'Express';\r\n ui[0].DeliveryModeCode = 'E';\r\n ui[0].delivery = 0;\r\n ui[0].total_rate_fee = res[0].Rates[0].Price;\r\n }\r\n }\r\n else if (ui.length > 0 && ui[0].RateName == 'Error' && this.receivingCountry.expressShip) {\r\n ui[0].RateName = 'Dummy';\r\n ui[0].AirSea = 'Express';\r\n ui[0].DeliveryModeCode = 'E';\r\n ui[0].delivery = 0;\r\n ui[0].total_rate_fee = 50;\r\n }\r\n if (ui.length > 0 && ui[0].RateName == 'Error') {\r\n this.errorMessage = ui[0].DeliveryModeDescription;\r\n this.estimating = false;\r\n }\r\n else {\r\n this.errorMessage = '';\r\n this.answer = 'calculate';\r\n ui = ui.filter(x => x.DeliveryModeCode != 'PU'); // Remove pickup rates\r\n ui.forEach(x => { x.ship_fee = x.carrier; x.carrier = 0; });\r\n this.deliverySelection = ui;\r\n //this.deliverySelectionUPS = res[2] ? [] : JSON.parse(JSON.stringify(ui)); // Only USPS for hub\r\n this.deliverySelectionUPS = JSON.parse(JSON.stringify(ui));\r\n this.deliverySelectionUSPS = JSON.parse(JSON.stringify(ui));\r\n this.deliverySelectionUPSPickup = (res[1] || res[2]) ? [] : JSON.parse(JSON.stringify(ui)); // Omit UPS pickup\r\n if (this.deliverySelection.some(x => x.RateName.toUpperCase() == 'EXPEDITED'))\r\n this.receivingCountry[\"expressShip\"] = 2;\r\n this.minPostAir = this.minPrice(this.deliverySelection, 'Air');\r\n this.minPostSea = this.minPrice(this.deliverySelection, 'Sea');\r\n this.txtCancel = null;\r\n this.txtOK = 'Ship with Meest';\r\n this.pageTitle = 'Estimated Cost';\r\n if (!this.dataService.isGuest)\r\n this.meestHub = res[2];\r\n\r\n if (this.noRates && (!this.dataService.isGuest && this.dataService.userData.UserData[\"customerCD\"] != 'OOREG'))\r\n this.nextPage();\r\n else\r\n this.postRates();\r\n }\r\n });\r\n }\r\n }\r\n else\r\n this.gohome(null);\r\n }\r\n\r\n postRates() {\r\n if (this.noRates && (!this.dataService.isGuest && this.dataService.userData.UserData[\"customerCD\"] != 'OOREG'))\r\n return;\r\n this.errorMessage = \"\";\r\n let post_agent = this.dataService.userData.UserData[\"u_country\"].toUpperCase() == 'USA' ? 'MAI' : 'MEM';\r\n let isDOV = this.dataService.userData.Branch.id != 1 && !!this.meestHub;\r\n if (isDOV)\r\n post_agent = this.meestHub;\r\n\r\n this.dataService.getAgent(post_agent).subscribe((res: any) => {\r\n let agent_addrComp = {};\r\n let user_addrComp = {};\r\n let addrComp = this.dataService.parseAgentAddress(res, agent_addrComp);\r\n let addrComp_u = this.dataService.parseUserAddress(user_addrComp);\r\n this.pageMap = { userAddress: user_addrComp, agentAddress: agent_addrComp, agent: res };\r\n\r\n let agentCountry = this.pageMap.agentAddress.country;\r\n if (agentCountry == 'CAN')\r\n agentCountry = 'CA';\r\n else if (agentCountry == 'USA')\r\n agentCountry = 'US';\r\n let fromAddr = { City: this.pageMap.userAddress.locality, Province: this.pageMap.userAddress.state, Country: this.pageMap.userAddress.country.toUpperCase() == 'CANADA' ? 'CA' : 'US', Postal: this.pageMap.userAddress.postal_code };\r\n let toAddr = { City: this.pageMap.agentAddress.locality, Province: this.pageMap.agentAddress.state, Country: agentCountry, Postal: this.pageMap.agentAddress.postal_code };\r\n let param = {\r\n From: fromAddr, To: toAddr, Weight: this.page1.weight, Height: this.page1.h, Width: this.page1.w, Length: this.page1.l, User: this.dataService.userData.UserData\r\n };\r\n\r\n if (!fromAddr.Postal) {\r\n this.errorMessage = \"Invalid sender address - postal/zip code is not provided\";\r\n this.estimating = false;\r\n return;\r\n }\r\n\r\n var subs = [];\r\n if (agentCountry == 'US') {\r\n subs.push(this.dataService.getPostRates(Object.assign({ ServiceCode: isDOV ? 'usps_parcel_select' : 'fedex_ground' }, param)));\r\n subs.push(this.dataService.getPostRates(Object.assign({ ServiceCode: isDOV ? 'ups_ground_saver' : 'ups_ground' }, param)));\r\n if (!isDOV && this.dataService.userData.Branch.id == 2)\r\n subs.push(this.dataService.getPostRates(Object.assign({ ServiceCode: 'usps_parcel_select' }, param)));\r\n }\r\n else {\r\n subs.push(this.dataService.getPostRates(Object.assign({ ServiceCode: 'DOM.EP' }, param)));\r\n subs.push(this.dataService.getPostRates(Object.assign({ ServiceCode: 'CanPar' }, param)));\r\n subs.push(this.dataService.getPostRates(Object.assign({ ServiceCode: 'ups_standard' }, param)));\r\n subs.push(this.dataService.getPostRates(Object.assign({ ServiceCode: 'purolator_ground ' }, param)));\r\n }\r\n subs.push(this.dataService.getFixedRates());\r\n\r\n zip(...subs).subscribe((rates: any[]) => {\r\n this.post_rates[0] = rates[0];\r\n this.post_rates[2] = agentCountry == 'US' ? rates[1] : rates[2];\r\n if (!isDOV && this.dataService.userData.Branch.id == 2)\r\n this.post_rates[4] = rates[2]; // USPS\r\n else if (this.dataService.userData.Branch.id == 1)\r\n this.post_rates[4] = rates[3]; // Purolator\r\n\r\n var cfr = rates[rates.length - 1].find(x => x.carrier == 'ups_worldwide_expedited');\r\n if (cfr) this.expressFixedRate = (cfr.ValueFixed == null ? 0 : cfr.ValueFixed);\r\n\r\n var cntr = this.countries.find(x => x.CountryCodeValue == this.country);\r\n if (cntr.pickup) {\r\n this.post_rates[3] = rates[1]; // UPS / CanPar pickup\r\n var fcar = { pickup_charge: cntr.pickup_charge || 0 };\r\n if (agentCountry != 'US')\r\n this.deliverySelectionUPSPickup = JSON.parse(JSON.stringify(this.deliverySelectionUPS));\r\n this.post_rates[3] = Object.assign({ Pickup: fcar.pickup_charge }, this.post_rates[3]); // Fixed $8 for pickup\r\n }\r\n else\r\n this.deliverySelectionUPSPickup = [];\r\n\r\n if (this.post_rates[0]) {\r\n this.deliverySelection.forEach(x => {\r\n var fixed = this.selectFixedRate(this.post_rates[0], x.AirSea, agentCountry == 'US' ? 'fedex_ground' : 'DOM.EP');\r\n let p = ((this.post_rates[0].Rates && this.post_rates[0].Rates.length && this.post_rates[0].Rates[0].ServiceCode != 'fixedRate') ? this.post_rates[0].Rates[0].Price : 0) + fixed;\r\n x.total_rate_fee += p;\r\n x.carrier = p;\r\n x.fixed = fixed;\r\n });\r\n }\r\n if (this.post_rates[2]) {\r\n this.deliverySelectionUPS.forEach(x => {\r\n var fixed = this.selectFixedRate(this.post_rates[2], x.AirSea, agentCountry == 'US' ? 'ups_ground' : 'ups_standard');\r\n let p = ((this.post_rates[2].Rates && this.post_rates[2].Rates.length && this.post_rates[2].Rates[0].ServiceCode != 'fixedRate') ? this.post_rates[2].Rates[0].Price : 0) + fixed;\r\n x.total_rate_fee += p;\r\n x.carrier = p;\r\n x.fixed = fixed;\r\n });\r\n }\r\n if (this.post_rates[3]) {\r\n this.deliverySelectionUPSPickup.forEach(x => {\r\n var fixed = this.selectFixedRate(this.post_rates[3], x.AirSea, agentCountry == 'US' ? 'ups_ground' : 'CanPar');\r\n let p = ((this.post_rates[3].Rates && this.post_rates[3].Rates.length && this.post_rates[3].Rates[0].ServiceCode != 'fixedRate') ? this.post_rates[3].Rates[0].Price : 0) + fixed;\r\n x.total_rate_fee += (p + this.post_rates[3].Pickup);\r\n x.carrier = p;\r\n x.pickup = this.post_rates[3].Pickup;\r\n x.fixed = fixed;\r\n });\r\n }\r\n if (this.post_rates[4]) {\r\n this.deliverySelectionUSPS.forEach(x => {\r\n var fixed = this.selectFixedRate(this.post_rates[4], x.AirSea, agentCountry == 'US' ? 'usps_parcel_select' : 'purolator_ground ');\r\n let p = ((this.post_rates[4].Rates && this.post_rates[4].Rates.length && this.post_rates[4].Rates[0].ServiceCode != 'fixedRate') ? this.post_rates[4].Rates[0].Price : 0) + fixed;\r\n x.total_rate_fee += p;\r\n x.carrier = p;\r\n x.fixed = fixed;\r\n });\r\n }\r\n\r\n this.nextPage();\r\n });\r\n });\r\n }\r\n\r\n postRatesForAgent() {\r\n if (this.noRates && this.dataService.userData.UserData[\"customerCD\"] != 'OOREG' && this.dataService.userData.UserData[\"customerCD\"] != 'GUEST') {\r\n this.toggleDelSelected(null, 1);\r\n return;\r\n }\r\n if (!this.closestAgent.UseCarrier) {\r\n this.toggleDelSelected(null, 1);\r\n return;\r\n }\r\n\r\n let post_agent = this.dataService.userData.UserData[\"u_country\"].toUpperCase() == 'USA' ? 'MAI' : 'MEM';\r\n let isDOV = this.dataService.userData.Branch.id != 1 && !!this.meestHub;\r\n if (isDOV)\r\n post_agent = this.meestHub;\r\n\r\n zip(this.dataService.getAgent(this.closestAgent.agentcode), this.dataService.getAgent(post_agent)).subscribe((ui: any) => {\r\n let agent_addrComp: any = {};\r\n let meest_addrComp: any = {};\r\n let addrComp = this.dataService.parseAgentAddress(ui[0], agent_addrComp);\r\n let addrComp_u = this.dataService.parseAgentAddress(ui[1], meest_addrComp);\r\n\r\n let agentCountry = agent_addrComp.country;\r\n if (agentCountry == 'CAN')\r\n agentCountry = 'CA';\r\n else if (agentCountry == 'USA')\r\n agentCountry = 'US';\r\n let fromAddr = { City: agent_addrComp.locality, Province: agent_addrComp.state, Country: agentCountry, Postal: agent_addrComp.postal_code };\r\n let toAddr = { City: meest_addrComp.locality, Province: meest_addrComp.state, Country: agentCountry, Postal: meest_addrComp.postal_code };\r\n let param = {\r\n From: fromAddr, To: toAddr, Weight: this.page1.weight, Height: this.page1.h, Width: this.page1.w, Length: this.page1.l\r\n };\r\n\r\n var USCarrier = 'fedex_ground';\r\n if (isDOV)\r\n USCarrier = 'usps_parcel_select';\r\n var subs = [];\r\n if (agentCountry == 'US') \r\n subs.push(this.dataService.getPostRates(Object.assign({ ServiceCode: USCarrier }, param)));\r\n else \r\n subs.push(this.dataService.getPostRates(Object.assign({ ServiceCode: 'DOM.EP' }, param)));\r\n\r\n zip(...subs).subscribe((rates: any[]) => {\r\n this.post_rates[1] = rates[0];\r\n if (rates[0]) {\r\n this.deliverySelectionAgent.forEach(x => {\r\n var fixed = this.selectFixedRate(rates[0], x.AirSea, agentCountry == 'US' ? USCarrier : 'DOM.EP');\r\n let p = ((rates[0].Rates && rates[0].Rates.length && rates[0].Rates[0].ServiceCode != 'fixedRate') ? rates[0].Rates[0].Price : 0) + fixed;\r\n x.total_rate_fee += p;\r\n x.carrier = p;\r\n x.fixed = fixed;\r\n });\r\n }\r\n this.toggleDelSelected(null, 1);\r\n });\r\n });\r\n }\r\n\r\n domesticRates() {\r\n let agent_addrComp = {};\r\n let user_addrComp = {};\r\n this.domestic.u_country = this.country;\r\n this.domestic.u_oblast = this.oblast;\r\n let addrComp = this.dataService.parseUserAddress(agent_addrComp, this.domestic);\r\n let addrComp_u = this.dataService.parseUserAddress(user_addrComp);\r\n this.pageMap = { userAddress: user_addrComp, agentAddress: agent_addrComp };\r\n\r\n this.saddress = addrComp_u.join(', '); this.saddress = this.saddress.replace(',', '');\r\n this.raddress = addrComp.join(', '); this.raddress = this.raddress.replace(',', '');\r\n\r\n let agentCountry = this.country;\r\n if (agentCountry == 'CAN')\r\n agentCountry = 'CA';\r\n else if (agentCountry == 'USA')\r\n agentCountry = 'US';\r\n let fromAddr = { Address: this.pageMap.userAddress.street_number + ' ' + this.pageMap.userAddress.route, City: this.pageMap.userAddress.locality, Province: this.pageMap.userAddress.administrative_area_level_1, Country: this.pageMap.userAddress.country.toUpperCase() == 'CANADA' ? 'CA' : 'US', Postal: this.pageMap.userAddress.postal_code };\r\n let toAddr = { Address: this.pageMap.agentAddress.street_number + ' ' + this.pageMap.agentAddress.route, City: this.pageMap.agentAddress.locality, Province: this.oblast, Country: agentCountry, Postal: this.pageMap.agentAddress.postal_code };\r\n let param = {\r\n From: fromAddr, To: toAddr, Weight: this.page1.weight, Height: this.page1.h, Width: this.page1.w, Length: this.page1.l, AgentCompany: 'Meest', AgentName: 'Meest', ContactPhone: '4163063522', User: this.dataService.userData.UserData\r\n };\r\n\r\n var subs = [];\r\n if (agentCountry == 'US') {\r\n subs.push(this.dataService.getPostRates(Object.assign({ ServiceCode: 'fedex_ground' }, param)));\r\n }\r\n else {\r\n subs.push(this.dataService.getPostRates(Object.assign({ ServiceCode: 'CanPar_Domestic' }, param)));\r\n }\r\n\r\n zip(...subs).subscribe((rates: any[]) => {\r\n if (rates[0].Error) {\r\n this.errorMessage = rates[0].Message;\r\n this.estimating = false;\r\n }\r\n else {\r\n if (agentCountry == 'US') {\r\n this.post_rates[0] = rates[0];\r\n this.deliverySelection = this.post_rates[2].Rates.map(x => {\r\n return { total_rate_fee: x.Price, VolumeWeight: x.VolumeWeight, carrier: 0, delivery: 0, DeliveryModeDescription: 'Home Delivery Regular', DeliveryModeCode: 'R', DeliveryTime: x.Delivery, AirSea: 'Air', RateName: 'Regular' }\r\n });\r\n }\r\n else {\r\n this.post_rates[3] = rates[0];\r\n this.deliverySelectionUPSPickup = this.post_rates[3].Rates.map(x => {\r\n return { total_rate_fee: x.Price, VolumeWeight: x.VolumeWeight, carrier: 0, delivery: 0, DeliveryModeDescription: 'Home Delivery Regular', DeliveryModeCode: 'R', DeliveryTime: x.Delivery, AirSea: 'Air', RateName: 'Regular' }\r\n });\r\n }\r\n\r\n this.nextPage();\r\n }\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n this.estimating = false;\r\n });\r\n }\r\n\r\n selectFixedRate(post_rate: any, sae: string, sc: string) {\r\n var rate = 0;\r\n if (post_rate.Rates) {\r\n var fixed = post_rate.Rates.filter(x => x.ServiceCode == 'fixedRate');\r\n var fil = fixed.filter(x => x.ServiceName == sc);\r\n if (fil.length == 0)\r\n fil = fixed;\r\n var fil1 = fil.filter(x => x.Delivery == sae);\r\n if (fil1.length == 0)\r\n fil1 = fil.filter(x => !x.Delivery && (x.ServiceName == sc || !x.ServiceName));\r\n if (fil1.length > 0)\r\n rate = fil1[0].Price;\r\n\r\n // if (post_rate.Rates.length > 0 && post_rate.Rates[0].ServiceCode != 'fixedRate')\r\n // rate += post_rate.Rates[0].Price;\r\n // if (rate == 0)\r\n // post_rate.Rates = null;\r\n // else\r\n // post_rate.Rates[0].Price = rate;\r\n }\r\n return rate;\r\n }\r\n\r\n nextPage() {\r\n this.pageno++;\r\n\r\n if (this.closestAgent) {\r\n var subs = [];\r\n for (var i = 0; i < this.closestAgentList.length; i++) {\r\n if (this.receivingCountry.useExpedited)\r\n subs.push(this.dataService.getExpressPostRates(this.buildExpeditedParameters(this.receivingCountry)));\r\n else\r\n subs.push(this.dataService.getDeliverySelection(Object.assign({ agentCode: this.closestAgentList[i].agentcode }, this.page1)));\r\n }\r\n zip(...subs).subscribe((r: any[]) => {\r\n for (var i = 0; i < this.closestAgentList.length; i++) {\r\n let ui = r[i];\r\n if (this.receivingCountry.useExpedited) {\r\n ui = [{}];\r\n if (r[i].Error) {\r\n ui[0].RateName == 'Error';\r\n ui[0].DeliveryModeDescription = ui.Message;\r\n }\r\n else {\r\n ui[0].RateName = 'Dummy';\r\n ui[0].AirSea = 'Express';\r\n ui[0].DeliveryModeCode = 'E';\r\n ui[0].delivery = 0;\r\n ui[0].total_rate_fee = r[i].Rates[0].Price;\r\n }\r\n }\r\n if (ui.length > 0 && ui[0].RateName != 'Error') {\r\n this.errorMessage = '';\r\n ui = ui.filter(x => x.DeliveryModeCode != 'PU'); // Remuve pickup rates\r\n this.deliverySelectionAgent = ui;\r\n this.minAgentAir = this.minPrice(this.deliverySelectionAgent, 'Air');\r\n this.minAgentSea = this.minPrice(this.deliverySelectionAgent, 'Sea');\r\n this.closestAgent = this.closestAgentList[i];\r\n this.postRatesForAgent();\r\n return;\r\n }\r\n }\r\n this.toggleDelSelected(null, 0);\r\n });\r\n }\r\n else\r\n this.toggleDelSelected(null, 0);\r\n }\r\n\r\n reset() {\r\n this.pageno = 1;\r\n this.country = 'Ukraine';\r\n this.showOblast = false;\r\n this.oblast = '*';\r\n this.pageTitle = this.noRates ? 'Enter Parcel Details' : 'Cost Estimator';\r\n this.weight = null;\r\n this.height = null;\r\n this.length = null;\r\n this.width = null;\r\n this.estimated = false;\r\n this.saddress = '';\r\n\r\n this.onCountryChange();\r\n\r\n setTimeout(() => {\r\n //initAutocomplete_s(this.updateSenderAddress.bind(this));\r\n //restrictCountry_s(['us', 'ca']);\r\n this.setupCountryPicker();\r\n });\r\n }\r\n\r\n setupCountryPicker() {\r\n if (this.shipType == 'D') {\r\n $('#scountrys').selectpicker();\r\n $('#rcountryr').selectpicker();\r\n } else {\r\n $('#rcountry').selectpicker();\r\n $('#roblast').selectpicker();\r\n }\r\n }\r\n\r\n minPrice(rates: any[], sae: string) {\r\n let selr = rates.filter(x => x.AirSea === sae);\r\n let val = selr.length == 0 ? 0 : selr[0].delivery + selr[0].total_rate_fee + (selr[0].ship_fee ? selr[0].ship_fee : 0);\r\n for (var r of selr) {\r\n let p = r.delivery + r.total_rate_fee + (r.ship_fee ? r.ship_fee : 0);\r\n if (p < val)\r\n val = p;\r\n }\r\n return val;\r\n }\r\n\r\n toggleDelSelected(e: any, type: number) {\r\n if (e) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n }\r\n //if (type == 0) {\r\n // this.postSelected = true;\r\n // this.agentSelected = false;\r\n //}\r\n //else if (type == 1) {\r\n // this.postSelected = false;\r\n // this.agentSelected = true;\r\n //}\r\n this.estimating = false;\r\n setTimeout(() => {\r\n this.delSelected = type;\r\n this.isEstimated.emit();\r\n });\r\n return false;\r\n }\r\n\r\n checkWeight() {\r\n this.getFormData();\r\n let cntr = this.countries.find(x => x.CountryCodeValue == this.page1.rcountrycode || x.r_country == this.page1.rcountry);\r\n let f = this.dataService.userData.Branch.weight == 'kg' ? 'MaxWeightKG' : 'MaxWeightLB';\r\n this.WeightLimit = cntr && cntr[f] > 0 ? cntr[f] : 0;\r\n let volWeight = this.page1.w * this.page1.l * this.page1.h / (this.dataService.userData.Branch.weight == 'kg' ? 5000 : 139);\r\n if (this.WeightLimit > 0 && (this.WeightLimit < this.page1.weight || this.WeightLimit < volWeight)) {\r\n this.weightLimit.show();\r\n return false;\r\n }\r\n else\r\n return true;;\r\n }\r\n\r\n validateNumber(e: any, v: any) {\r\n let input = String.fromCharCode(e.charCode);\r\n const reg = /^\\d+(?:[.]\\d?)?$/;\r\n\r\n var val = (v || v === 0) ? v.toString() : '';\r\n if (!reg.test(val + input)) {\r\n e.preventDefault();\r\n }\r\n }\r\n\r\n gohome(ev: any) {\r\n if (ev) {\r\n ev.stopPropagation();\r\n ev.preventDefault();\r\n }\r\n let url = window.location != window.parent.location ? document.referrer : document.location.href;\r\n //let url = window.location != window.parent.location ? 'https://www.mymeest.ca/MeestPortal/login' : document.location.href;\r\n window.parent.postMessage('ship_now_redirect', url);\r\n if (window.location == window.parent.location) {\r\n url = window.location.href.replace(this.router.url, '/home');\r\n window.open(url, '_self');\r\n }\r\n }\r\n\r\n selectRate(inx: number, r: any, ix: number) {\r\n this.selag = inx;\r\n this.selrate = r;\r\n if (ix == 2 && !this.expressShip) \r\n this.expressShip = true;\r\n else\r\n this.expressShip = false;\r\n document.getElementById(`rateselNew_${inx}_${ix}`).click();\r\n }\r\n\r\n selectRateMobile(inx: number, r: any, ix: number) {\r\n this.selag = inx;\r\n this.selrate = r;\r\n if (ix == 2 && !this.expressShip) \r\n this.expressShip = true;\r\n else\r\n this.expressShip = false;\r\n document.getElementById(`rateselNewMobile_${inx}_${ix}`).click();\r\n }\r\n\r\n shopNow() { //(selag: number, rate: any) {\r\n if (this.noRates) {\r\n var pickup = null;\r\n if (this.selrate.DeliveryModeCode == 'PU') {\r\n var rq = this.oblasts.find(x => x.Id == this.page1.roblast);\r\n if (rq)\r\n pickup = this.pickups.find(x => x.Oblast.trim() == rq.r_region.trim() && x.branchID == this.dataService.userData.Branch.id);\r\n }\r\n\r\n let isDOV = this.dataService.userData.Branch.id != 1 && !!this.meestHub;\r\n\r\n let sc = 'DOM.EP';\r\n if (this.UserBranch == 1) {\r\n if (this.selag == 0) sc = 'DOM.EP';\r\n else if (this.selag == 2) sc = 'ups_standard';\r\n else if (this.selag == 3) sc = 'CanPar';\r\n else if (this.selag == 4) sc = 'purolator_ground ';\r\n }\r\n else { //if (this.UserBranch == 2) {\r\n if (this.selag == 0) sc = 'fedex_ground';\r\n else if (this.selag == 2 || this.selag == 3) sc = 'ups_ground';\r\n else if (this.selag == 4) sc = 'usps_parcel_select';\r\n if (isDOV && this.selag != 3)\r\n sc = this.selag == 0 ? 'usps_parcel_select' : 'ups_ground_saver';\r\n }\r\n //this.selrate[\"ship_fee\"] = 0;\r\n var res = JSON.stringify({ delivery: this.selrate, post: { ServiceName: 'Expedited', ServiceCode: sc }, pickup: pickup, express: this.expressShip });\r\n\r\n this.dataService.checkpoint(this.selrate.AirSea.toLowerCase() == 'air' ? 6 : 5).subscribe((ui: string) => {\r\n this.doShop.emit({ agix: this.selag == 0 || this.selag == 2 || this.selag == 3 || this.selag == 4 ? 1 : 2, rate: res });\r\n });\r\n }\r\n else {\r\n if (this.isModal && window.location == window.parent.location)\r\n this.router.navigate(['home']);\r\n else {\r\n this.answer = 'ship-now';\r\n this.gohome(null);\r\n }\r\n }\r\n }\r\n\r\n close(ev: any) {\r\n ev.stopPropagation();\r\n ev.preventDefault();\r\n this.answer = 'close-modal';\r\n let url = window.location != window.parent.location ? document.referrer : document.location.href;\r\n window.parent.postMessage('close-modal', url);\r\n this.closed.emit();\r\n }\r\n\r\n noop(ev: any) {\r\n ev.stopPropagation();\r\n ev.preventDefault();\r\n return false;\r\n }\r\n\r\n getRateType(rates: any[], type: string) {\r\n let r = rates.find(x => x.AirSea === type && (!x.RateName || x.RateName.toUpperCase() != 'EXPEDITED'));\r\n if (!r && type == 'Express') {\r\n r = rates.find(x => x.RateName && x.RateName.toUpperCase() == 'EXPEDITED');\r\n if (!r)\r\n r = rates.find(x => x.AirSea === 'Air');\r\n }\r\n return r;\r\n }\r\n}\r\n","import { IMyDpOptions } from 'mydatepicker';\r\n\r\nexport class QuestionBase{\r\n page: string;\r\n value: T;\r\n key: string;\r\n label: string;\r\n required: boolean;\r\n active: boolean;\r\n focused: boolean;\r\n order: number;\r\n controlType: string;\r\n width: string;\r\n hidden: boolean;\r\n containerClass: string;\r\n labelClass: string;\r\n\r\n constructor(options: {\r\n page?: string,\r\n value?: T,\r\n key?: string,\r\n label?: string,\r\n required?: boolean,\r\n active?: boolean,\r\n focused?: boolean;\r\n order?: number,\r\n controlType?: string,\r\n width?: string,\r\n hidden?: boolean,\r\n containerClass?: string,\r\n labelClass?: string\r\n } = {}) {\r\n this.page = options.page;\r\n this.value = options.value;\r\n this.key = options.key || '';\r\n this.label = options.label || '';\r\n this.required = !!options.required;\r\n this.active = !!options.active;\r\n this.focused = !!options.focused;\r\n this.order = options.order === undefined ? 1 : options.order;\r\n this.controlType = options.controlType || '';\r\n this.width = options.width || '';\r\n this.hidden = !!options.hidden;\r\n this.containerClass = options.containerClass || '';\r\n this.labelClass = options.labelClass || '';\r\n }\r\n}\r\n\r\nexport class TextboxQuestion extends QuestionBase {\r\n controlType = 'textbox';\r\n type: string;\r\n readonly: boolean;\r\n\r\n constructor(options: {} = {}) {\r\n super(options);\r\n this.type = options['type'] || '';\r\n this.readonly = options['readonly'] || false;\r\n }\r\n}\r\n\r\nexport class CheckboxQuestion extends QuestionBase {\r\n controlType = 'checkbox';\r\n readonly: boolean;\r\n //callback: (checked:boolean)=>void;\r\n\r\n constructor(options: {} = {}) {\r\n super(options);\r\n this.readonly = options['readonly'] || false;\r\n }\r\n}\r\n\r\nexport class TextareaQuestion extends QuestionBase {\r\n controlType = 'textarea';\r\n rows: string;\r\n readonly: boolean;\r\n\r\n constructor(options: {} = {}) {\r\n super(options);\r\n this.rows = options['rows'] || '2';\r\n this.readonly = options['readonly'] || false;\r\n }\r\n}\r\n\r\nexport class DateQuestion extends QuestionBase {\r\n controlType = 'datepicker';\r\n myDatePickerOptions: IMyDpOptions = { dateFormat: 'mmm dd, yyyy', disableWeekends: true, showTodayBtn: true, firstDayOfWeek: 'su', markCurrentDay: true, allowDeselectDate: true, sunHighlight: false };\r\n\r\n constructor(options: {} = {}) {\r\n super(options);\r\n //this.bsConfig = Object.assign({}, { containerClass: options['theme'] || 'theme-dark-blue', showWeekNumbers: false });\r\n }\r\n}\r\n\r\nexport class TimeQuestion extends QuestionBase {\r\n controlType = 'timepicker';\r\n\r\n constructor(options: {} = {}) {\r\n super(options);\r\n }\r\n}\r\n\r\nexport class TreeQuestion extends QuestionBase {\r\n controlType = 'tree';\r\n readonly: boolean;\r\n\r\n constructor(options: {} = {}) {\r\n super(options);\r\n this.readonly = options['readonly'] || false;\r\n }\r\n}\r\n\r\nexport class DropdownQuestion extends QuestionBase {\r\n controlType = 'dropdown';\r\n readonly: boolean;\r\n options: { key: string, value: string }[] = [];\r\n\r\n constructor(options: {} = {}) {\r\n super(options);\r\n this.options = options['options'] || [];\r\n this.readonly = options['readonly'] || false;\r\n }\r\n}\r\n\r\nexport class RadioQuestion extends QuestionBase {\r\n controlType = 'radio';\r\n readonly: boolean;\r\n type: string;\r\n options: { key: string, value: string }[] = [];\r\n\r\n constructor(options: {} = {}) {\r\n super(options);\r\n this.options = options['options'] || [];\r\n this.type = options['type'] || '';\r\n this.readonly = options['readonly'] || false;\r\n }\r\n}\r\n\r\nexport class MultiDropdownQuestion extends QuestionBase {\r\n controlType = 'multidropdown';\r\n readonly: boolean;\r\n options: { key: string, value: string }[] = [];\r\n\r\n myMultiOptions = { badgeShowLimit: 2, enableCheckAll: false, primaryKey: 'key', labelKey: 'value' };\r\n\r\n constructor(options: {} = {}) {\r\n super(options);\r\n this.options = options['options'] || [];\r\n this.readonly = options['readonly'] || false;\r\n\r\n this.value = [];\r\n\r\n if (this.readonly)\r\n this.myMultiOptions[\"disabled\"] = true;\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { Observable } from 'rxjs';\r\n\r\n\r\n\r\n\r\nimport { DataService } from './data.service';\r\n\r\nimport { QuestionBase, DropdownQuestion, TextboxQuestion, CheckboxQuestion, TextareaQuestion, DateQuestion, TimeQuestion, TreeQuestion, MultiDropdownQuestion } from './question-base';\r\n\r\n@Injectable()\r\nexport class QuestionService {\r\n questions: QuestionBase[];\r\n\r\n constructor(private http: HttpClient, private dataService: DataService) { }\r\n\r\n getAllQuestions(application: string): Observable {\r\n return this.http.get(this.dataService.baseURL + 'api/UI/Get/' + application);\r\n }\r\n\r\n initQuestions(qdata: any[]) {\r\n //this.initDateControls();\r\n //this.initMultiSelectionControls();\r\n this.questions = qdata.map(x => {\r\n let qd: QuestionBase;\r\n switch (x.controlType) {\r\n case 'textbox': qd = new TextboxQuestion(x); break;\r\n case 'dropdown': qd = new DropdownQuestion(x); break;\r\n case 'checkbox': qd = new CheckboxQuestion(x); break;\r\n case 'textarea': qd = new TextareaQuestion(x); break;\r\n case 'datepicker': qd = new DateQuestion(x); break;\r\n case 'timepicker': qd = new TimeQuestion(x); break;\r\n case 'tree': qd = new TreeQuestion(x); break;\r\n //case 'radio': qd = new RadioQuestion(x); break;\r\n case 'multidropdown': qd = new MultiDropdownQuestion(x); break;\r\n //case 'editor': qd = new EditorQuestion(x); break;\r\n default: qd = new QuestionBase(x);\r\n }\r\n //let cpy = Object.assign({}, x);\r\n //Object.assign(x, qd, cpy);\r\n return qd;\r\n });\r\n }\r\n\r\n getQuestionsNewParcel() { return [].concat(this.questions.filter(x => x.page == 'ParcelInit')); }\r\n getQuestionsNewParcel4() { return [].concat(this.questions.filter(x => x.page == 'ParcelDetails')); }\r\n getQuestionsReceiver() { return [].concat(this.questions.filter(x => x.page == 'ParcelReceiver')); }\r\n getQuestionsSender() { return [].concat(this.questions.filter(x => x.page == 'ParcelSender')); }\r\n getQuestionsRegistration() { return [].concat(this.questions.filter(x => x.page == 'Registration')); }\r\n getQuestionsCompleteReg() { return [].concat(this.questions.filter(x => x.page == 'CompleteReg')); }\r\n getQuestionsNewMoney() { return [].concat(this.questions.filter(x => x.page == 'MoneyInit')); }\r\n getQuestionsNewMoney4() { return [].concat(this.questions.filter(x => x.page == 'MoneyDetails')); }\r\n\r\n getQuestionsNewParcelOld() {\r\n let questions: QuestionBase[] = [\r\n\r\n new DropdownQuestion({\r\n key: 'rcountry',\r\n active: true,\r\n required: true,\r\n label: 'Recipient Country',\r\n options: [\r\n { key: '1', value: 'Ukraine' },\r\n { key: '2', value: 'Russia' },\r\n { key: '3', value: 'Kazakhstan' }\r\n ],\r\n width: 'col-sm-8 col-md-6 col-lg-4',\r\n order: 1\r\n }),\r\n\r\n new DropdownQuestion({\r\n key: 'roblast',\r\n active: false,\r\n label: 'Oblast/Province',\r\n options: [\r\n { key: '1', value: 'Kiyv' },\r\n { key: '2', value: 'Moscow' },\r\n { key: '3', value: 'Astana' }\r\n ],\r\n width: 'col-sm-8 col-md-6 col-lg-4',\r\n order: 2\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'weight',\r\n active: true,\r\n label: 'Parcel Weight',\r\n required: true,\r\n type: 'number',\r\n width: 'col-sm-4 col-md-3 col-lg-2',\r\n order: 3\r\n }),\r\n\r\n new QuestionBase({\r\n key: 'x2',\r\n active: true,\r\n label: 'Parcel Dimensions',\r\n controlType: 'label',\r\n //lblwidth: 'col-sm-8 col-md-5 col-lg-3 xsp0',\r\n order: 4\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'h',\r\n active: true,\r\n label: 'H',\r\n type: 'number',\r\n width: 'col-xs-3 col-sm-2 col-md-1 pl0',\r\n lblwidth: 'col-xs-1 col-sm-1 tal w20',\r\n formGroup: false,\r\n order: 5\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'l',\r\n active: true,\r\n label: 'L',\r\n width: 'col-xs-3 col-sm-2 col-md-1 pl0',\r\n type: 'number',\r\n lblwidth: 'col-xs-1 col-sm-1 tal w20',\r\n formGroup: false,\r\n order: 6\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'w',\r\n active: true,\r\n label: 'W',\r\n width: 'col-xs-3 col-sm-2 col-md-1 pl0',\r\n type: 'number',\r\n lblwidth: 'col-xs-1 col-sm-1 tal w20',\r\n formGroup: false,\r\n order: 7\r\n }),\r\n ];\r\n\r\n return questions;\r\n }\r\n\r\n getQuestionsNewParcel3() {\r\n let questions: QuestionBase[] = [\r\n\r\n new QuestionBase({\r\n key: 'title',\r\n active: true,\r\n label: 'Address',\r\n controlType: 'label',\r\n //lblwidth: 'col-sm-12 header',\r\n order: 1\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'phone',\r\n active: true,\r\n label: 'Contact Phone#',\r\n required: true,\r\n type: 'number',\r\n width: 'col-md-6 col-lg-5',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n order: 3\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'email',\r\n active: true,\r\n label: 'E-mail',\r\n required: true,\r\n type: 'email',\r\n width: 'col-md-8 col-lg-8',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n order: 5\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'lname',\r\n active: true,\r\n label: 'Last Name',\r\n required: true,\r\n width: 'col-md-8 col-lg-8',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n order: 7\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'fname',\r\n active: true,\r\n label: 'First Name',\r\n required: true,\r\n width: 'col-md-8 col-lg-8',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n order: 9\r\n }),\r\n\r\n new DropdownQuestion({\r\n key: 'country',\r\n active: true,\r\n label: 'Country',\r\n options: [\r\n { key: 'Canada', value: 'Canada' },\r\n { key: 'USA', value: 'USA' }\r\n ],\r\n width: 'col-md-6 col-lg-5',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n order: 11\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'zip',\r\n active: true,\r\n required: false,\r\n label: 'Postal/ZIP Code',\r\n width: 'col-md-6 col-lg-5',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n order: 13\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'oblast',\r\n active: true,\r\n required: true,\r\n label: 'Oblast/Province',\r\n width: 'col-md-8 col-lg-8',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n order: 15\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'region',\r\n active: true,\r\n label: 'Region',\r\n width: 'col-md-8 col-lg-8',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n order: 17\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'city',\r\n active: true,\r\n label: 'City/Village',\r\n width: 'col-md-8 col-lg-8',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n order: 19\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'apartn',\r\n active: true,\r\n label: 'Apartment #',\r\n width: 'col-md-6 col-lg-2',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n formGroup: false,\r\n order: 21\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'streetn',\r\n active: true,\r\n label: 'Street #',\r\n width: 'col-md-6 col-lg-3',\r\n lblwidth: 'col-md-6 col-lg-3',\r\n order: 23\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'street',\r\n active: true,\r\n label: 'Street Name',\r\n width: 'col-md-8 col-lg-8',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n order: 25\r\n }),\r\n ];\r\n\r\n return questions.sort((a, b) => a.order - b.order);\r\n }\r\n\r\n getQuestionsNewParcel4Old() {\r\n let questions: QuestionBase[] = [\r\n\r\n new TextboxQuestion({\r\n key: 'brokfee',\r\n active: true,\r\n label: 'Brokerage Fees',\r\n type: 'number',\r\n width: 'col-md-4 col-lg-3',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n order: 3\r\n }),\r\n\r\n new DropdownQuestion({\r\n key: 'insamt',\r\n active: true,\r\n required: true,\r\n label: 'Amount of Insurance',\r\n options: [\r\n { key: '', value: 'Select Amount' },\r\n ],\r\n width: 'col-md-5 col-lg-4',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n order: 4\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'pakfee',\r\n active: true,\r\n label: 'Packaging Fees',\r\n type: 'number',\r\n width: 'col-md-4 col-lg-3',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n order: 5\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'estval',\r\n active: true,\r\n label: 'Estimated Value',\r\n required: true,\r\n type: 'number',\r\n width: 'col-md-4 col-lg-3',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n order: 7\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'airsea',\r\n active: true,\r\n label: 'Container Type',\r\n readonly: true,\r\n width: 'col-md-4 col-lg-3',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n order: 9\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'delmode',\r\n active: true,\r\n readonly: true,\r\n label: 'Delivery Mode',\r\n width: 'col-md-7 col-lg-6',\r\n lblwidth: 'col-md-5 col-lg-4',\r\n order: 10\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'weight',\r\n active: true,\r\n readonly: true,\r\n label: 'Weight',\r\n width: 'col-md-4 col-lg-3',\r\n lblwidth: 'col-md-6 col-lg-4',\r\n order: 11\r\n }),\r\n\r\n new QuestionBase({\r\n key: 'x2',\r\n active: true,\r\n label: 'Parcel Dimensions',\r\n controlType: 'label',\r\n //lblwidth: 'col-sm-8 col-md-5 col-lg-4 xsp0',\r\n order: 13\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'h',\r\n active: true,\r\n readonly: true,\r\n label: 'H',\r\n width: 'col-xs-3 col-sm-2 col-md-1 pl0',\r\n lblwidth: 'col-xs-2 col-sm-1 tal w20 xsp0',\r\n formGroup: false,\r\n order: 14\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'l',\r\n active: true,\r\n readonly: true,\r\n label: 'L',\r\n width: 'col-xs-3 col-sm-2 col-md-1 pl0',\r\n lblwidth: 'col-xs-2 col-sm-1 tal w20',\r\n formGroup: false,\r\n order: 15\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'w',\r\n active: true,\r\n readonly: true,\r\n label: 'W',\r\n width: 'col-xs-3 col-sm-2 col-md-1 pl0',\r\n lblwidth: 'col-xs-2 col-sm-1 tal w20',\r\n formGroup: false,\r\n order: 16\r\n }),\r\n\r\n new TextareaQuestion({\r\n key: 'notes',\r\n active: true,\r\n rows: '5',\r\n label: 'Notes',\r\n width: 'col-sm-12',\r\n lblwidth: 'col-md-5 col-lg-3',\r\n order: 18\r\n }),\r\n ];\r\n\r\n return questions.sort((a, b) => a.order - b.order);\r\n }\r\n\r\n getQuestionsSearch() {\r\n let questions: QuestionBase[] = [\r\n\r\n new TextboxQuestion({\r\n key: 'studentID',\r\n active: true,\r\n label: 'Student ID',\r\n //value: 'Bombasto',\r\n required: false,\r\n width: 'col-sm-9 col-md-5 col-lg-3',\r\n order: 1\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'surname',\r\n active: true,\r\n label: 'Surname',\r\n //type: 'email',\r\n width: 'col-sm-9 col-md-5 col-lg-3',\r\n order: 2\r\n }),\r\n\r\n new CheckboxQuestion({\r\n key: 'swipe',\r\n active: true,\r\n label: 'Swipe',\r\n width: 'ml20',\r\n order: 4\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'barcode',\r\n active: false,\r\n focused: true,\r\n label: 'Barcode',\r\n width: 'col-sm-9 col-md-5 col-lg-3',\r\n order: 5\r\n })\r\n ];\r\n\r\n return questions;\r\n }\r\n\r\n getQuestionsApptBooking() {\r\n let questions: QuestionBase[] = [\r\n\r\n new TextboxQuestion({\r\n key: 'studentID',\r\n active: true,\r\n label: 'Student Number',\r\n required: false,\r\n readonly: true,\r\n width: 'col-sm-9 col-md-5 col-lg-3',\r\n order: 1\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'firstname',\r\n active: true,\r\n label: 'Given Name',\r\n readonly: true,\r\n width: 'col-sm-12',\r\n order: 2\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'surname',\r\n active: true,\r\n label: 'Surname',\r\n readonly: true,\r\n width: 'col-sm-12',\r\n order: 3\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'postcd',\r\n active: true,\r\n label: 'Post CD',\r\n required: false,\r\n readonly: true,\r\n width: 'col-sm-12 col-md-4',\r\n order: 4\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'program',\r\n active: true,\r\n label: 'Program',\r\n required: false,\r\n readonly: true,\r\n width: 'col-sm-12 col-md-6',\r\n order: 5\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'year',\r\n active: true,\r\n label: 'Year of Study',\r\n required: false,\r\n readonly: true,\r\n width: 'col-sm-12 col-md-2',\r\n order: 6\r\n }),\r\n\r\n new TreeQuestion({\r\n key: 'topics',\r\n active: true,\r\n label: 'Requested Topics',\r\n width: 'col-sm-12',\r\n order: 20\r\n }),\r\n\r\n new DropdownQuestion({\r\n key: 'advisor',\r\n active: true,\r\n label: 'Requested Advisor',\r\n options: [\r\n { key: '1', value: 'Solid' },\r\n { key: '2', value: 'Great' },\r\n { key: '3', value: 'Good' },\r\n { key: '4', value: 'Unproven' }\r\n ],\r\n width: 'col-sm-12',\r\n order: 13\r\n }),\r\n\r\n new DateQuestion({\r\n key: 'date',\r\n active: true,\r\n required: true,\r\n theme: 'theme-dark-blue',\r\n label: 'Select Appointment Time',\r\n width: 'col-sm-6 col-md-4',\r\n order: 14\r\n }),\r\n new TimeQuestion({\r\n key: 'time',\r\n active: true,\r\n required: true,\r\n width: 'mt20 col-sm-6 col-md-4',\r\n order: 15\r\n }),\r\n\r\n new TextareaQuestion({\r\n key: 'notes',\r\n active: true,\r\n rows: '5',\r\n label: 'Pre-meeting Notes',\r\n width: 'col-sm-12',\r\n order: 16\r\n }),\r\n\r\n ];\r\n\r\n return questions;\r\n }\r\n\r\n getQuestionsAppt() {\r\n let questions: QuestionBase[] = [\r\n\r\n new TextboxQuestion({\r\n key: 'studentID',\r\n active: true,\r\n label: 'Student Number',\r\n required: false,\r\n readonly: true,\r\n width: 'col-sm-9 col-md-5 col-lg-3',\r\n order: 1\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'firstname',\r\n active: true,\r\n label: 'Given Name',\r\n readonly: true,\r\n width: 'col-sm-12',\r\n order: 2\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'surname',\r\n active: true,\r\n label: 'Surname',\r\n readonly: true,\r\n width: 'col-sm-12',\r\n order: 3\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'postcd',\r\n active: true,\r\n label: 'Post CD',\r\n required: false,\r\n readonly: true,\r\n width: 'col-sm-12 col-md-4',\r\n order: 4\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'program',\r\n active: true,\r\n label: 'Program',\r\n required: false,\r\n readonly: true,\r\n width: 'col-sm-12 col-md-6',\r\n order: 5\r\n }),\r\n\r\n new TextboxQuestion({\r\n key: 'year',\r\n active: true,\r\n label: 'Year of Study',\r\n required: false,\r\n readonly: true,\r\n width: 'col-sm-12 col-md-2',\r\n order: 6\r\n }),\r\n\r\n new DateQuestion({\r\n key: 'date',\r\n active: true,\r\n required: true,\r\n theme: 'theme-dark-blue',\r\n label: 'Appointment Date and Time',\r\n width: 'col-sm-6 col-md-4',\r\n order: 7\r\n }),\r\n new TimeQuestion({\r\n key: 'time',\r\n active: true,\r\n required: true,\r\n width: 'mt20 col-sm-6 col-md-4',\r\n order: 8\r\n }),\r\n\r\n new DropdownQuestion({\r\n key: 'duration',\r\n active: true,\r\n label: 'Duration',\r\n options: [\r\n { key: '0', value: '0 min' },\r\n { key: '15', value: '15 min' },\r\n { key: '30', value: '30 min' },\r\n { key: '45', value: '45 min' },\r\n { key: '60', value: '60 min' }\r\n ],\r\n width: 'col-sm-6 col-md-4',\r\n order: 9\r\n }),\r\n\r\n new DropdownQuestion({\r\n key: 'advisor',\r\n active: true,\r\n label: 'Advisor',\r\n options: [\r\n { key: '1', value: 'Solid' },\r\n { key: '2', value: 'Great' },\r\n { key: '3', value: 'Good' },\r\n { key: '4', value: 'Unproven' }\r\n ],\r\n width: 'col-sm-12',\r\n order: 10\r\n }),\r\n\r\n new TreeQuestion({\r\n key: 'topics',\r\n active: true,\r\n label: 'Requested Topics',\r\n width: 'col-sm-12 col-lg-6',\r\n order: 11\r\n }),\r\n new TreeQuestion({\r\n key: 'topics2',\r\n active: true,\r\n label: 'Discussed Topics',\r\n width: 'col-sm-12 col-lg-6',\r\n order: 11\r\n }),\r\n\r\n new TextareaQuestion({\r\n key: 'notes',\r\n active: true,\r\n rows: '5',\r\n label: 'Meeting Notes',\r\n width: 'col-sm-12',\r\n order: 12\r\n }),\r\n\r\n new DropdownQuestion({\r\n key: 'privacy',\r\n active: true,\r\n label: 'Privacy Level',\r\n options: [\r\n { key: 'P', value: 'Private' },\r\n { key: 'D', value: 'Departmental' },\r\n { key: 'S', value: 'Student' },\r\n { key: 'F', value: 'Faculty' }\r\n ],\r\n width: 'col-sm-12',\r\n order: 13\r\n }),\r\n\r\n new TextareaQuestion({\r\n key: 'postnotes',\r\n active: true,\r\n rows: '5',\r\n label: 'Meeting Outcomes',\r\n width: 'col-sm-12',\r\n order: 14\r\n }),\r\n\r\n new CheckboxQuestion({\r\n key: 'send_email',\r\n active: true,\r\n label: 'Send Email',\r\n width: 'col-sm-6 col-md-4 col-lg-3',\r\n order: 15\r\n }),\r\n new CheckboxQuestion({\r\n key: 'followup',\r\n active: true,\r\n label: 'Follow-up',\r\n width: 'col-sm-6 col-md-4 col-lg-3',\r\n order: 16\r\n }),\r\n ];\r\n\r\n return questions;\r\n }\r\n}\r\n","var escape = require(\"../../../node_modules/css-loader/lib/url/escape.js\");\nexports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n border: 0;\\r\\n font-size: 100%;\\r\\n font: inherit;\\r\\n vertical-align: baseline\\r\\n}\\r\\n\\r\\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {\\r\\n display: block\\r\\n}\\r\\n\\r\\nbody {\\r\\n line-height: 100%\\r\\n}\\r\\n\\r\\nol, ul {\\r\\n list-style: none\\r\\n}\\r\\n\\r\\nblockquote, q {\\r\\n quotes: none\\r\\n}\\r\\n\\r\\n blockquote:after, blockquote:before, q:after, q:before {\\r\\n content: '';\\r\\n content: none\\r\\n }\\r\\n\\r\\ntable {\\r\\n border-collapse: collapse;\\r\\n border-spacing: 0\\r\\n}\\r\\n\\r\\n*, ::after, ::before {\\r\\n box-sizing: border-box\\r\\n}\\r\\n\\r\\nol[class], ul[class] {\\r\\n padding: 0\\r\\n}\\r\\n\\r\\nblockquote, body, dd, dl, figcaption, figure, h1, h2, h3, h4, li, ol[class], p, ul[class] {\\r\\n margin: 0\\r\\n}\\r\\n\\r\\nbody {\\r\\n text-rendering: optimizeSpeed;\\r\\n line-height: 1.5\\r\\n}\\r\\n\\r\\nol[class], ul[class] {\\r\\n list-style: none\\r\\n}\\r\\n\\r\\na:not([class]) {\\r\\n text-decoration-skip-ink: auto\\r\\n}\\r\\n\\r\\nimg {\\r\\n max-width: 100%;\\r\\n display: block\\r\\n}\\r\\n\\r\\narticle > * + * {\\r\\n margin-top: 1em\\r\\n}\\r\\n\\r\\nbutton, input, select, textarea {\\r\\n font: inherit\\r\\n}\\r\\n\\r\\n@media (prefers-reduced-motion:reduce) {\\r\\n * {\\r\\n animation-duration: 0s !important;\\r\\n animation-iteration-count: 1 !important;\\r\\n transition-duration: 0s !important;\\r\\n scroll-behavior: auto !important\\r\\n }\\r\\n}\\r\\n\\r\\na {\\r\\n text-decoration: none\\r\\n}\\r\\n\\r\\na, button {\\r\\n cursor: pointer\\r\\n}\\r\\n\\r\\n* {\\r\\n outline: 0\\r\\n}\\r\\n\\r\\ni {\\r\\n font-style: italic\\r\\n}\\r\\n\\r\\n/*//////////////////////////////////////////////////////////////////////////////////*/\\r\\n\\r\\nbody {\\r\\n font-family: \\\"Montserrat\\\";\\r\\n}\\r\\n\\r\\n.container {\\r\\n width: 100%;\\r\\n max-width: 1388px;\\r\\n padding: 0 15px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.d-flex {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n}\\r\\n\\r\\n.ai {\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n.jc {\\r\\n -ms-flex-pack: justify;\\r\\n justify-content: space-between;\\r\\n}\\r\\n\\r\\n.fw {\\r\\n -ms-flex-wrap: wrap;\\r\\n flex-wrap: wrap;\\r\\n}\\r\\n\\r\\n.bb {\\r\\n border-bottom: 1px solid #D8E0EB;\\r\\n}\\r\\n\\r\\n.bt {\\r\\n border-top: 1px solid #D8E0EB;\\r\\n}\\r\\n\\r\\n.bcg-white {\\r\\n background-color: #fff;\\r\\n}\\r\\n\\r\\n.header {\\r\\n padding: 21px 0;\\r\\n}\\r\\n\\r\\n.mr {\\r\\n margin-right: 30px;\\r\\n}\\r\\n\\r\\n.mb {\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n\\r\\n.mb-10 {\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n.mt-30 {\\r\\n margin-top: 30px;\\r\\n}\\r\\n\\r\\n.w33 {\\r\\n width: 33.3%;\\r\\n}\\r\\n\\r\\n.w25 {\\r\\n width: 25%;\\r\\n}\\r\\n\\r\\n.p-40 {\\r\\n padding: 40px 40px 30px;\\r\\n}\\r\\n\\r\\n.pad-profile {\\r\\n padding: 50px 0 70px;\\r\\n}\\r\\n\\r\\n.h2 {\\r\\n font-weight: 700;\\r\\n font-size: 16px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n margin-top: 0 !important;\\r\\n margin-bottom: 0 !important;\\r\\n}\\r\\n\\r\\n.h3 {\\r\\n font-weight: 600;\\r\\n font-size: 14px;\\r\\n line-height: 17px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #0056A4;\\r\\n}\\r\\n\\r\\n.h4 {\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.logo {\\r\\n width: 150px;\\r\\n margin-right: 55px;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.nav-menu {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n .nav-menu .link-menu {\\r\\n margin-right: 43px;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu a {\\r\\n display: -ms-inline-flexbox;\\r\\n display: inline-flex;\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu a .icon-menu {\\r\\n width: 24px;\\r\\n margin-right: 10px;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu a:after {\\r\\n position: absolute;\\r\\n top: 210%;\\r\\n left: 0;\\r\\n content: \\\"\\\";\\r\\n display: inline-block;\\r\\n width: 0;\\r\\n height: 3px;\\r\\n background: #2361A9;\\r\\n border-radius: 6px 6px 0 0;\\r\\n transition: 0.3s;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu a:hover:after {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n.footer {\\r\\n padding: 33px 0 33px;\\r\\n}\\r\\n\\r\\n .footer .right .skype {\\r\\n margin-right: 20px;\\r\\n }\\r\\n\\r\\n .footer .right .skype img {\\r\\n width: 40px;\\r\\n }\\r\\n\\r\\n .footer .right p {\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 140%;\\r\\n color: #1B2B3C;\\r\\n }\\r\\n\\r\\n .footer .right p a {\\r\\n font-weight: 700;\\r\\n color: #0056A4;\\r\\n }\\r\\n\\r\\n.heading {\\r\\n font-weight: 600;\\r\\n font-size: 22px;\\r\\n line-height: 109%;\\r\\n letter-spacing: -0.01em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.container-form {\\r\\n padding: 30px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n}\\r\\n\\r\\n.form {\\r\\n background: #FFFFFF;\\r\\n border-radius: 20px;\\r\\n border: 1px solid #D8E0EB;\\r\\n}\\r\\n\\r\\n.form-row {\\r\\n width: 100%;\\r\\n margin-bottom: 20px;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n .form-row .label {\\r\\n font-weight: 500;\\r\\n font-size: 12px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.01em;\\r\\n color: #2361A9;\\r\\n margin-bottom: 5px;\\r\\n display: block;\\r\\n padding: unset !important;\\r\\n text-align: left;\\r\\n border-radius: unset;\\r\\n }\\r\\n\\r\\n .form-row .input {\\r\\n border: 1px solid #D7D8D9;\\r\\n border-radius: 100px;\\r\\n padding: 14px 20px 14px;\\r\\n width: 100%;\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #1B2B3C;\\r\\n }\\r\\n\\r\\n .form-row select {\\r\\n background: none;\\r\\n appearance: none;\\r\\n -moz-appearance: none;\\r\\n -webkit-appearance: none;\\r\\n background-image: url(\" + escape(require(\"../../assets/img/down-arrow.svg\")) + \");\\r\\n background-repeat: no-repeat;\\r\\n background-size: 12px;\\r\\n background-position: calc(100% - 14px) center;\\r\\n }\\r\\n\\r\\n .form-row option {\\r\\n background: none;\\r\\n }\\r\\n\\r\\n .form-row .input.address-lookup {\\r\\n /*padding: 10px;*/\\r\\n }\\r\\n\\r\\n.address-lookup select {\\r\\n border: none;\\r\\n background-repeat: no-repeat;\\r\\n background-size: 12px;\\r\\n background-position: calc(100% - 4px) center;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n .address-lookup select option {\\r\\n background: none;\\r\\n }\\r\\n\\r\\n.login-form {\\r\\n width: 540px;\\r\\n margin: 61px auto 108px;\\r\\n}\\r\\n\\r\\n .login-form .logo {\\r\\n margin: 0 auto 34px;\\r\\n }\\r\\n\\r\\n .login-form .form {\\r\\n width: 540px;\\r\\n }\\r\\n\\r\\n .login-form .h2 {\\r\\n text-align: center;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .login-form .h2:before {\\r\\n display: block;\\r\\n content: \\\"\\\";\\r\\n border: 1px solid #D8E0EB;\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n left: 0;\\r\\n width: 40%;\\r\\n }\\r\\n\\r\\n .login-form .h2:after {\\r\\n display: block;\\r\\n content: \\\"\\\";\\r\\n border: 1px solid #D8E0EB;\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n right: 0;\\r\\n width: 40%;\\r\\n }\\r\\n\\r\\n .login-form .main-button {\\r\\n margin: 0 auto 30px;\\r\\n }\\r\\n\\r\\n .login-form .sub-button {\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n .login-form .heading {\\r\\n margin-bottom: 30px;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n.main-button {\\r\\n background: #2361A9;\\r\\n border-radius: 100px;\\r\\n padding: 15px 31px;\\r\\n font-weight: 700;\\r\\n font-size: 15px;\\r\\n line-height: 109%;\\r\\n text-align: center;\\r\\n letter-spacing: 0.02em;\\r\\n color: #FFFFFF;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.sub-button {\\r\\n border-radius: 100px;\\r\\n padding: 15px 31px;\\r\\n border: 1px solid #2361A9;\\r\\n font-weight: 700;\\r\\n font-size: 15px;\\r\\n line-height: 109%;\\r\\n text-align: center;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n background-color: #fff;\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n.number-bcg {\\r\\n background: rgba(35, 97, 169, 0.1);\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n border-radius: 50%;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n margin-right: 12px;\\r\\n}\\r\\n\\r\\n .number-bcg p {\\r\\n font-weight: 700;\\r\\n font-size: 18px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n }\\r\\n\\r\\n.section-sub-menu {\\r\\n padding: 30px;\\r\\n display: none;\\r\\n}\\r\\n\\r\\n .section-sub-menu.active {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n.section-name {\\r\\n padding: 20px;\\r\\n}\\r\\n\\r\\n.accordion-wrap {\\r\\n overflow: hidden;\\r\\n border-radius: 30px;\\r\\n border: 1px solid #D8E0EB;\\r\\n background-color: #fff;\\r\\n width: 70%;\\r\\n}\\r\\n\\r\\n.accordion-wrap-flex {\\r\\n -ms-flex-align: start;\\r\\n align-items: flex-start;\\r\\n}\\r\\n\\r\\n .accordion-wrap-flex .left-part {\\r\\n width: 30%;\\r\\n }\\r\\n\\r\\n.small-form {\\r\\n padding: 40px 28px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n .small-form .heading {\\r\\n margin-bottom: 30px;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n.form-flex-wrap .left {\\r\\n width: calc(50% - 30px);\\r\\n margin-right: 30px;\\r\\n}\\r\\n\\r\\n.form-flex-wrap .right {\\r\\n width: 50%;\\r\\n}\\r\\n\\r\\n.flex-input {\\r\\n column-gap: 11px;\\r\\n}\\r\\n\\r\\n.end {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-pack: end;\\r\\n justify-content: end;\\r\\n}\\r\\n\\r\\n .end .main-button {\\r\\n margin-right: 0;\\r\\n }\\r\\n\\r\\n.form-columns2 {\\r\\n column-gap: 20px;\\r\\n}\\r\\n\\r\\n .form-columns2 .form-row {\\r\\n width: 50%;\\r\\n /*margin-bottom: 0;*/\\r\\n }\\r\\n\\r\\n.divide {\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n margin-bottom: 30px;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n .divide:after {\\r\\n display: block;\\r\\n content: \\\"\\\";\\r\\n border: 1px solid #D8E0EB;\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n right: 0;\\r\\n width: 80%;\\r\\n }\\r\\n\\r\\n .divide.small-line:after {\\r\\n width: 85%;\\r\\n }\\r\\n\\r\\n.create_account {\\r\\n /*padding: 36px 0 84px;*/\\r\\n}\\r\\n\\r\\n .create_account .logo {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.profile-create-wrap {\\r\\n column-gap: 30px;\\r\\n}\\r\\n\\r\\n .profile-create-wrap .w33 {\\r\\n width: 33.3%;\\r\\n }\\r\\n\\r\\n.profile-main-info .profile-header {\\r\\n margin-bottom: 30px;\\r\\n}\\r\\n\\r\\n .profile-main-info .profile-header .fs18 {\\r\\n margin-bottom: 8px;\\r\\n }\\r\\n\\r\\n.profile-main-info .profile-sec {\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n .profile-main-info .profile-sec:last-of-type {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.profile-header .avtar-bcg {\\r\\n width: 90px;\\r\\n height: 90px;\\r\\n background: #E9EFF6;\\r\\n border-radius: 50%;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n.profile-header .profile-name {\\r\\n font-weight: 500;\\r\\n font-size: 16px;\\r\\n line-height: 109%;\\r\\n color: #1B2B3C;\\r\\n}\\r\\n\\r\\n.profile-sec .profile-subtitle {\\r\\n font-weight: 500;\\r\\n font-size: 12px;\\r\\n line-height: 15px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #5A6673;\\r\\n}\\r\\n\\r\\n.profile-button {\\r\\n padding: 18px 0 18px;\\r\\n display: block;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.fs18 {\\r\\n font-weight: 700;\\r\\n font-size: 18px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.profile-edit-card {\\r\\n padding: 25px 30px 30px;\\r\\n}\\r\\n\\r\\n .profile-edit-card .row {\\r\\n margin-bottom: 20px;\\r\\n }\\r\\n\\r\\n .profile-edit-card .row:last-of-type {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.profile-create {\\r\\n padding: 37px 0 70px;\\r\\n}\\r\\n\\r\\n.profile .section-sub-menu {\\r\\n width: 70%;\\r\\n}\\r\\n\\r\\n.name-sec-tb {\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 109%;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.table-profile {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.text-left {\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n.first-ml {\\r\\n padding-left: 23px;\\r\\n}\\r\\n\\r\\ntd, th {\\r\\n padding: 20px 0 20px;\\r\\n}\\r\\n\\r\\ntr:nth-child(even) {\\r\\n background-color: #F5F6F7;\\r\\n}\\r\\n\\r\\n.click-dots {\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n background: #FBDBE3;\\r\\n border-radius: 100px;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -ms-flex-pack: center;\\r\\n justify-content: center;\\r\\n position: relative;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.dots-submenu {\\r\\n position: absolute;\\r\\n top: 100%;\\r\\n right: 0;\\r\\n background: #FFFFFF;\\r\\n box-shadow: 0px 8px 10px #CECDCD;\\r\\n border-radius: 10px;\\r\\n width: 310px;\\r\\n}\\r\\n\\r\\n.line-dots-menu {\\r\\n font-weight: 500;\\r\\n font-size: 16px;\\r\\n line-height: 16px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #1B2B3C;\\r\\n padding: 13px 24px;\\r\\n}\\r\\n\\r\\n .line-dots-menu:hover {\\r\\n background-color: #ECEFF3;\\r\\n }\\r\\n\\r\\n .line-dots-menu img {\\r\\n width: 24px;\\r\\n height: 24px;\\r\\n margin-right: 10px;\\r\\n }\\r\\n\\r\\n.section-name.active {\\r\\n background: #2361A9;\\r\\n overflow: hidden;\\r\\n}\\r\\n\\r\\n .section-name.active .h2 {\\r\\n color: #FFFFFF;\\r\\n }\\r\\n\\r\\n .section-name.active .number-bcg {\\r\\n background: rgba(255, 255, 255, 0.15);\\r\\n }\\r\\n\\r\\n .section-name.active .number-bcg p {\\r\\n color: #FFFFFF;\\r\\n }\\r\\n\\r\\n.small-form.new-parcel {\\r\\n padding: 30px;\\r\\n -ms-flex-align: unset;\\r\\n align-items: unset;\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n .small-form.new-parcel .text {\\r\\n width: 100%;\\r\\n margin-top: 15px;\\r\\n }\\r\\n\\r\\n .small-form.new-parcel .line {\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n line-height: 220%;\\r\\n color: #1B2B3C;\\r\\n margin-bottom: 10px;\\r\\n }\\r\\n\\r\\n .small-form.new-parcel .line:last-of-type {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.promocode {\\r\\n padding: 15px 30px;\\r\\n}\\r\\n\\r\\n.signature-field {\\r\\n background: #F8F9FA;\\r\\n border: 1px solid #D8E0EB;\\r\\n border-radius: 10px;\\r\\n height: 240px;\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n\\r\\n.top-create-account {\\r\\n margin-bottom: 42px;\\r\\n}\\r\\n\\r\\n .top-create-account .sub-button {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n.form-create-account button[disabled], .form-user-address button[disabled] {\\r\\n opacity: 0.5;\\r\\n}\\r\\n\\r\\n.confirm-wrap {\\r\\n overflow: hidden;\\r\\n background-color: #fff;\\r\\n width: 70%;\\r\\n}\\r\\n\\r\\n.ng-valid[required] .cuppa-dropdown, .ng-valid.required .cuppa-dropdown {\\r\\n border-left: 5px solid #42A948 !important; /* green */\\r\\n}\\r\\n\\r\\n.ng-invalid:not(form) .cuppa-dropdown {\\r\\n border-left: 5px solid #a94442 !important; /* red */\\r\\n}\\r\\n\\r\\n.ng-valid[required]:not(form):not(ng-multiselect-dropdown), .ng-valid.required:not(ng-multiselect-dropdown), .ng-valid[required] > div.multiselect-dropdown, div.ng-valid.bootstrap-select {\\r\\n border-left: 5px solid #42A948 !important; /* green */\\r\\n}\\r\\n\\r\\n.ng-invalid:not(form):not(ng-multiselect-dropdown), .ng-invalid[required] > div.multiselect-dropdown {\\r\\n border-left: 5px solid #a94442 !important; /* red */\\r\\n}\\r\\n\\r\\n.form-row.last {\\r\\n /*margin-bottom: 0;*/\\r\\n}\\r\\n\\r\\n.section-sub-menu.popup {\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.flex-columns3 {\\r\\n width: 75%;\\r\\n column-gap: 13px;\\r\\n}\\r\\n\\r\\n .flex-columns3 .form-row {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n.form-flex.del-details {\\r\\n column-gap: 13px;\\r\\n}\\r\\n\\r\\n.calculator-popup {\\r\\n margin: 0 auto;\\r\\n width: 680px;\\r\\n}\\r\\n\\r\\n .calculator-popup .section-sub-menu {\\r\\n padding: 40px 40px 30px;\\r\\n }\\r\\n\\r\\n .calculator-popup .end {\\r\\n padding: 30px 40px;\\r\\n }\\r\\n\\r\\n .calculator-popup .end .sub-button {\\r\\n margin-right: 15px;\\r\\n }\\r\\n\\r\\n.form-flex .w25.parcel-weight .form-row {\\r\\n margin-bottom: 0;\\r\\n}\\r\\n\\r\\n.mfp-bg {\\r\\n background: rgba(35, 97, 169, 0.4);\\r\\n -webkit-backdrop-filter: blur(10px);\\r\\n backdrop-filter: blur(10px);\\r\\n opacity: 0.8;\\r\\n}\\r\\n\\r\\n.top-calculator {\\r\\n padding: 25px 20px 25px 22px;\\r\\n}\\r\\n\\r\\n.link-login-form .h3 {\\r\\n margin-right: 8px;\\r\\n}\\r\\n\\r\\n .link-login-form .h3:last-of-type {\\r\\n margin-right: 0;\\r\\n }\\r\\n\\r\\n.flag {\\r\\n margin-right: 10px;\\r\\n}\\r\\n\\r\\n.iti {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.error {\\r\\n color: red;\\r\\n font-size: 12px;\\r\\n}\\r\\n\\r\\n.iti--separate-dial-code .iti__selected-flag {\\r\\n border-bottom-left-radius: 100px !important;\\r\\n}\\r\\n\\r\\n.iti--allow-dropdown .iti__flag-container .iti__selected-flag {\\r\\n overflow: hidden;\\r\\n border-radius: 30px 0 0 30px;\\r\\n}\\r\\n\\r\\n.form-flex {\\r\\n column-gap: 20px;\\r\\n}\\r\\n\\r\\n.iti--allow-dropdown .iti__flag-container .iti__selected-flag {\\r\\n overflow: hidden;\\r\\n}\\r\\n\\r\\n.iti--allow-dropdown .iti__flag-container {\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.iti__flag-container .iti__selected-flag {\\r\\n height: unset;\\r\\n padding: 11px 6px 11px 8px;\\r\\n}\\r\\n\\r\\n.form-flex.parcel-details {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.check-row {\\r\\n border: 1px solid #D7D8D9;\\r\\n border-radius: 8px;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n .check-row:last-of-type {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n .check-row .info-check-row {\\r\\n padding: 14px 20px;\\r\\n width: 90%;\\r\\n border-left: 1px solid #D7D8D9;\\r\\n }\\r\\n\\r\\n .check-row .info-check-row .top-line {\\r\\n margin-bottom: 13px;\\r\\n }\\r\\n\\r\\n.cost-deliver {\\r\\n font-weight: 600;\\r\\n font-size: 18px;\\r\\n line-height: 22px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n}\\r\\n\\r\\n.subtitle-check-row {\\r\\n font-weight: 500;\\r\\n font-size: 12px;\\r\\n line-height: 15px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #5A6673;\\r\\n}\\r\\n\\r\\n.img-type-delivery {\\r\\n width: 30px;\\r\\n margin-left: 10px;\\r\\n}\\r\\n\\r\\n .img-type-delivery img {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n.radio-check-row {\\r\\n padding: 42px 15px;\\r\\n}\\r\\n\\r\\n .radio-check-row input {\\r\\n width: 0 !important;\\r\\n height: 0 !important;\\r\\n opacity: 0;\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .radio-check-row .radio-but {\\r\\n width: 25px;\\r\\n height: 25px;\\r\\n border: 1px solid #D7D8D9;\\r\\n border-radius: 50%;\\r\\n display: block;\\r\\n }\\r\\n\\r\\n.section-sub-menu.deliver-to {\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.payment-row {\\r\\n border: 1px solid #2361A9;\\r\\n border-radius: 8px;\\r\\n padding: 22px 15px;\\r\\n width: 300px;\\r\\n margin-bottom: 21px;\\r\\n}\\r\\n\\r\\n .payment-row .pay-text {\\r\\n font-weight: 600;\\r\\n font-size: 16px;\\r\\n line-height: 20px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #0056A4;\\r\\n margin-left: 13px;\\r\\n }\\r\\n\\r\\n.glyphicon-remove {\\r\\n font-weight: 500;\\r\\n font-size: 10px;\\r\\n line-height: 18px;\\r\\n letter-spacing: 0.02em;\\r\\n color: red;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n .glyphicon-remove:before {\\r\\n content: \\\"\\\";\\r\\n background-image: url(\" + escape(require(\"../../assets/img/error.svg\")) + \");\\r\\n display: block;\\r\\n width: 10px;\\r\\n height: 10px;\\r\\n position: absolute;\\r\\n left: -15px;\\r\\n top: 25%;\\r\\n }\\r\\n\\r\\n.glyphicon-ok {\\r\\n font-weight: 500;\\r\\n font-size: 10px;\\r\\n line-height: 18px;\\r\\n letter-spacing: 0.02em;\\r\\n color: #2361A9;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n .glyphicon-ok:before {\\r\\n content: \\\"\\\";\\r\\n background-image: url(\" + escape(require(\"../../assets/img/done.svg\")) + \");\\r\\n display: block;\\r\\n width: 10px;\\r\\n height: 10px;\\r\\n position: absolute;\\r\\n left: -15px;\\r\\n top: 25%;\\r\\n }\\r\\n\\r\\n.error-message, .error-message2 {\\r\\n display: none;\\r\\n padding-left: 15px;\\r\\n}\\r\\n\\r\\n.password.error ~ .error-message {\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.bootstrap-select > .dropdown-toggle {\\r\\n background-color: unset;\\r\\n}\\r\\n\\r\\n.check-opt {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n}\\r\\n\\r\\ninput:disabled {\\r\\n background-color: rgb(240, 240, 240);\\r\\n}\\r\\n\\r\\n.bootstrap-select .btn.disabled, .bootstrap-select .btn[disabled] {\\r\\n opacity: 1;\\r\\n}\\r\\n\\r\\n/*//////////////////////////////////////////////////////////////////////////////////*/\\r\\n@media screen and (max-width: 1248px) {\\r\\n .form-row .input {\\r\\n padding: 13px 15px 13px;\\r\\n }\\r\\n }\\r\\n\\r\\n @media screen and (max-width: 991px) {\\r\\n .accordion-wrap-flex .left-part {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .accordion-wrap {\\r\\n width: calc(100% + 30px);\\r\\n margin-right: -15px;\\r\\n margin-left: -15px;\\r\\n }\\r\\n\\r\\n .form-flex-wrap .right {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .form-row {\\r\\n margin-bottom: 14px;\\r\\n }\\r\\n\\r\\n .top-create-account .sub-button {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .form-flex-wrap {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .form-flex-wrap .left {\\r\\n width: 100%;\\r\\n margin-right: 0;\\r\\n }\\r\\n\\r\\n .form-columns2 .form-row {\\r\\n margin-bottom: 14px;\\r\\n }\\r\\n\\r\\n .form-flex {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .form-flex .w25.parcel-weight {\\r\\n width: 100%;\\r\\n margin-bottom: 20px;\\r\\n }\\r\\n\\r\\n .flex-columns3 {\\r\\n width: 100%;\\r\\n column-gap: 23px;\\r\\n }\\r\\n\\r\\n .flex-columns3 .w25 {\\r\\n width: 33.3%;\\r\\n }\\r\\n\\r\\n .confirm-wrap {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .header > .left {\\r\\n -ms-flex-direction: column;\\r\\n flex-direction: column;\\r\\n }\\r\\n\\r\\n .header {\\r\\n position: relative;\\r\\n padding: 21px 0 0;\\r\\n }\\r\\n\\r\\n header {\\r\\n position: sticky;\\r\\n top: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n z-index: 10;\\r\\n }\\r\\n\\r\\n .gumb {\\r\\n display: block;\\r\\n background: url(\" + escape(require(\"../../assets/img/gumb.svg\")) + \");\\r\\n width: 30px;\\r\\n height: 30px;\\r\\n background-repeat: no-repeat;\\r\\n }\\r\\n\\r\\n .gumb.active {\\r\\n background: transparent;\\r\\n }\\r\\n\\r\\n .gumb.active img {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n .gumb img {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .nav-menu {\\r\\n display: none;\\r\\n /* position: absolute;\\r\\n top: 101%;\\r\\n */ width: calc(100% + 30px);\\r\\n margin-left: -15px;\\r\\n margin-bottom: 10px;\\r\\n background-color: #f8f9fa;\\r\\n /*height: 100vh;*/\\r\\n z-index: 10;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu {\\r\\n margin-right: 0;\\r\\n padding: 20px 15px;\\r\\n transition: 0.3s;\\r\\n border-bottom: 1px solid #D8E0EB;\\r\\n background-color: #fff;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu a {\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu:hover {\\r\\n background-color: #2361A9;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu:hover a {\\r\\n color: #F8F9FA;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu:hover a svg path {\\r\\n fill: #fff;\\r\\n }\\r\\n\\r\\n .nav-menu .link-menu:hover a:after {\\r\\n display: none;\\r\\n }\\r\\n }\\r\\n\\r\\n @media screen and (max-width: 768px) {\\r\\n .login-form {\\r\\n width: 100%;\\r\\n margin: 15px 0 50px;\\r\\n }\\r\\n\\r\\n .login-form .form {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .container-form {\\r\\n padding: 30px 15px;\\r\\n }\\r\\n\\r\\n .create_account .logo {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n\\r\\n .logo {\\r\\n /*width: 103px;*/\\r\\n margin-right: 0;\\r\\n display: block;\\r\\n /* position: absolute;*/\\r\\n }\\r\\n\\r\\n .sub-button {\\r\\n padding: 10px 15px;\\r\\n }\\r\\n\\r\\n .top-create-account {\\r\\n margin-bottom: 35px;\\r\\n }\\r\\n\\r\\n .divide::after {\\r\\n width: 70%;\\r\\n }\\r\\n\\r\\n .calculator-popup {\\r\\n margin: 0;\\r\\n width: calc(100% + 12px);\\r\\n margin-left: -12px;\\r\\n height: 100%;\\r\\n position: fixed;\\r\\n z-index: 20000;\\r\\n background-color: #fff;\\r\\n }\\r\\n\\r\\n .mfp-inline-holder .mfp-content {\\r\\n height: 100%;\\r\\n }\\r\\n\\r\\n .flex-columns3 {\\r\\n column-gap: 7px;\\r\\n }\\r\\n\\r\\n .calculator-popup .end {\\r\\n padding: 30px 16px 30px 40px;\\r\\n }\\r\\n\\r\\n .calculator-popup .section-sub-menu {\\r\\n padding: 20px 15px 30px;\\r\\n }\\r\\n\\r\\n .calculator-popup.form {\\r\\n border-radius: 0;\\r\\n }\\r\\n\\r\\n .top-calculator {\\r\\n padding: 42px 15px 0px;\\r\\n border-bottom: 0;\\r\\n }\\r\\n\\r\\n .bill-address {\\r\\n -ms-flex: 0 0 100%;\\r\\n flex: 0 0 100%;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n }\\r\\n\", \"\"]);\n\n// exports\n\n\n/*** EXPORTS FROM exports-loader ***/\nmodule.exports = module.exports.toString();","module.exports = \"\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n
{{isProfile ? 'ACCOUNT PROFILE' : 'CREATE AN ACCOUNT'}} \\r\\n
{{errorMessage}} \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
USER PROFILE \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
USER ADDRESS \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
BILLING ADDRESS \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
A message has been sent to your email address. Please click on the link in that message to activate your account. \\r\\n BACK TO MAIN PAGE \\r\\n \\r\\n
\\r\\n
0\\\" class=\\\"create_account\\\">\\r\\n
\\r\\n
CONFIRM YOUR DATE OF BIRTH \\r\\n
{{errorMessage}} \\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
Attention Required!
\\r\\n
Your profile has been successfully updated.
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
[] = [];\r\n questions_user: QuestionBase[];\r\n profile: any = {};\r\n address: any = {};\r\n //questions_bill: QuestionBase[];\r\n txtOK = 'Submit';\r\n txtCancel = null;\r\n isMobile: boolean;\r\n @Input() baComp: boolean = false;\r\n @Output() onInited = new EventEmitter();\r\n @ViewChild('form', { static: false }) formComp;\r\n countryStates: any[];\r\n errorMessage: string;\r\n activated: boolean;\r\n activateid: number;\r\n isProfile: boolean = false;\r\n oblastOpt: any[] = [];\r\n oblastOpt_bill: any[] = [];\r\n auxButtons: any;\r\n @ViewChild('profileConfirm', { static: false }) profileConfirm;\r\n monthNames: string[] = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\r\n \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\r\n years: number[] = [];\r\n days: number[] = [];\r\n form1: FormGroup;\r\n form2: FormGroup;\r\n form2b: FormGroup;\r\n form3: FormGroup;\r\n\r\n accordionMenu: boolean[] = [true, false, false];\r\n\r\n //passwordGood: boolean;\r\n badPassword: boolean;\r\n errorText: string;\r\n\r\n rules = [\r\n {\r\n Pattern: \"\",\r\n Target: \"Length\",\r\n Message: \"Must be at least 8 charcters\",\r\n PasswordFlag: false\r\n },\r\n {\r\n Pattern: \"[A-Z]\",\r\n Target: \"UpperCase\",\r\n Message: \"Must have at least 1 upper case character\",\r\n PasswordFlag: false\r\n },\r\n {\r\n Pattern: \"[a-z]\",\r\n Target: \"LowerCase\",\r\n Message: \"Must have at least 1 lower case character\",\r\n PasswordFlag: false\r\n },\r\n {\r\n Pattern: \"[0-9]\",\r\n Target: \"Numbers\",\r\n Message: \"Must have at least 1 numeric character\",\r\n PasswordFlag: false\r\n },\r\n {\r\n Pattern: \"[!@@#$%^&*]\",\r\n Target: \"Symbols\",\r\n Message: \"Must have at least 1 special character\",\r\n PasswordFlag: false\r\n }\r\n];\r\n\r\n constructor(private service: QuestionService, private dataService: DataService, private router: Router, private route: ActivatedRoute, public zone: NgZone, private fb: FormBuilder) {\r\n this.activateid = 0;\r\n\r\n for (var y = 1920; y <= 2020; y++)\r\n this.years.push(y);\r\n\r\n this.isMobile = this.dataService.isMobileDevice;\r\n if (!this.isMobile && window.innerWidth < 992)\r\n this.isMobile = true;\r\n }\r\n\r\n ngOnInit() {\r\n if (this.router.url == '/profile')\r\n this.isProfile = true;\r\n\r\n this.route.paramMap.subscribe(params => {\r\n console.log(params.get('id'));\r\n this.activateid = Number(params.get('id'));\r\n if (!this.activateid)\r\n return;\r\n\r\n this.service.getAllQuestions('MeestParcels').subscribe((res: any[]) => {\r\n this.service.initQuestions(res);\r\n this.questions = this.service.getQuestionsCompleteReg();\r\n });\r\n });\r\n\r\n if (this.baComp)\r\n this.isProfile = true;\r\n\r\n this.form1 = this.fb.group({\r\n phone: ['', Validators.required], email: ['', Validators.required], fname: ['', Validators.required], lname: ['', Validators.required],\r\n year: ['', Validators.required], month: ['', Validators.required], day: ['', Validators.required],\r\n language: ['', Validators.required], password: ['', Validators.required], password2: ['', Validators.required]\r\n });\r\n\r\n this.form2 = this.fb.group({country: ['', Validators.required], province: ['', Validators.required], zip: ['', Validators.required], city: ['', Validators.required],\r\n streetn: ['', Validators.required], aptn: [''], street: ['', Validators.required], isNoBillingAddress: [true], isManualAddress: [false]\r\n }, {\r\n validators: [(form: FormGroup) => {\r\n return form.get(\"country\").value && form.get(\"province\").value && form.get(\"zip\").value && form.get(\"city\").value && form.get(\"streetn\").value && form.get(\"street\").value ? null : { required: true };\r\n }]\r\n });\r\n\r\n this.form2b = this.fb.group({\r\n bill_country: ['', Validators.required], bill_province: ['', Validators.required], bill_zip: ['', Validators.required], bill_city: ['', Validators.required],\r\n bill_streetn: ['', Validators.required], bill_aptn: [''], bill_street: ['', Validators.required], isManualAddress: [false]\r\n });\r\n\r\n this.form3 = this.fb.group({\r\n year: ['', Validators.required], month: ['', Validators.required], day: ['', Validators.required],\r\n });\r\n\r\n this.init();\r\n }\r\n\r\n ngAfterViewInit() {\r\n if (this.activateid == 0 && !this.baComp) {\r\n initAutocomplete_s(this.updateStateList.bind(this));\r\n restrictCountry_s(['us', 'ca']);\r\n\r\n const input = document.querySelector(\"#phone1\");\r\n intlTelInput(input, {\r\n allowDropdown: true,\r\n initialCountry: \"us\",\r\n separateDialCode: true,\r\n preferredCountries: [\"ca\", \"us\"],\r\n });\r\n }\r\n\r\n if (this.isProfile) {\r\n this.passval.clearValidators();\r\n this.passval.updateValueAndValidity();\r\n this.pass2val.clearValidators();\r\n this.pass2val.updateValueAndValidity();\r\n this.rules.forEach(x => x.PasswordFlag = true);\r\n }\r\n }\r\n\r\n get yearval() { return this.form1.get('year');}\r\n get monthval() { return this.form1.get('month'); }\r\n get passval() { return this.form1.get('password'); }\r\n get pass2val() { return this.form1.get('password2'); }\r\n get isNoBill() { return this.form2.get('isNoBillingAddress'); }\r\n get isManualAddr() { return this.form2.get('isManualAddress'); }\r\n\r\n disableAddress(e, pref: string) {\r\n let form = pref == 'bill_' ? this.form2b : this.form2;\r\n let ctl = pref == 'bill_' ? '#b' : '#a';\r\n let disable = !e || !e.target.checked;\r\n if (disable) {\r\n form.get(pref + 'country').disable();\r\n form.get(pref + 'province').disable();\r\n form.get(pref + 'zip').disable();\r\n form.get(pref + 'streetn').disable();\r\n form.get(pref + 'street').disable();\r\n form.get(pref + 'city').disable();\r\n }\r\n else {\r\n form.get(pref + 'country').enable();\r\n form.get(pref + 'province').enable();\r\n form.get(pref + 'zip').enable();\r\n form.get(pref + 'streetn').enable();\r\n form.get(pref + 'street').enable();\r\n form.get(pref + 'city').enable();\r\n }\r\n $(ctl+'country').selectpicker('refresh');\r\n $(ctl+'province').selectpicker('refresh');\r\n }\r\n\r\n validAddress(pref: string) {\r\n let form = pref == 'bill_' ? this.form2b : this.form2;\r\n return form.get(pref + 'country').value\r\n && form.get(pref + 'province').value\r\n && form.get(pref + 'zip').value\r\n && form.get(pref + 'streetn').value\r\n && form.get(pref + 'street').value\r\n && form.get(pref + 'city').value;\r\n }\r\n\r\n init() {\r\n zip(this.dataService.getCountryState()).subscribe((res: any[]) => {\r\n this.countryStates = res[0];\r\n this.address.country = '';\r\n this.address.province = '';\r\n\r\n //setTimeout(() => {\r\n $('#acountry').selectpicker();\r\n $('#aprovince').selectpicker({container: 'body'});\r\n $('#alanguage').selectpicker();\r\n //});\r\n\r\n if (this.isProfile)\r\n this.onFormInited(null);\r\n });\r\n/*\r\n this.questions_user = this.service.getQuestionsRegistration();\r\n\r\n this.questions_user.find(x => x.key == 'dobMonth')[\"options\"] = moment.months().map((v, i) => { return { key: (\"0\" + (i+1)).slice(-2), value: v } });\r\n this.questions_user.find(x => x.key == 'dobMonth')[\"options\"].splice(0, 0, { key: '0', value: 'Select Month' });\r\n //this.questions_user.find(x => x.key == 'dobMonth').value = '0';\r\n\r\n this.questions_user.find(x => x.key == 'dobYear')[\"options\"] = [{ key: '0', value: 'Select Year' }];\r\n for (var i = 2004; i > 1929; i--)\r\n this.questions_user.find(x => x.key == 'dobYear')[\"options\"].push({ key: i, value: i });\r\n //this.questions_user.find(x => x.key == 'dobYear').value = '0';\r\n\r\n this.questions_user.find(x => x.key == 'dobDay')[\"options\"] = [{ key: '0', value: 'Select Day' }];\r\n //this.questions_user.find(x => x.key == 'dobDay').value = '0';\r\n\r\n if (this.isMobile) {\r\n this.questions_user.find(q => q.key == 'dummy').active = false;\r\n this.questions_user.find(q => q.key == 'dummy2').active = false;\r\n this.questions_user.forEach(x => {\r\n if (x.containerClass)\r\n x.containerClass = x.containerClass.replace('h0', '');\r\n });\r\n }\r\n\r\n //this.questions_bill = this.questions_user.filter(x => x.order < 40).map(x => {\r\n // var q = Object.assign({}, x); q.key = 'bill_' + x.key; return q;\r\n //});\r\n //this.questions_bill.find(q => q.key == 'bill_billsame').active = false;\r\n //this.questions_bill.find(q => q.key == 'bill_title').label = 'Billing Address';\r\n\r\n if (this.isMobile) {\r\n this.questions = this.questions_user.filter(x => x.order < 40);\r\n //this.questions = this.questions.concat(this.questions_bill);\r\n this.questions = this.questions.concat(this.questions_user.filter(x => x.order >= 40));\r\n }\r\n\r\n if (this.isProfile) {\r\n this.questions_user.find(q => q.key == 'password').active = false;\r\n this.questions_user.find(q => q.key == 'password2').active = false;\r\n }\r\n else\r\n this.auxButtons = [{ text: 'Already have an account? Login here', class: 'login-reg' }];\r\n*/\r\n //this.passwordGood = false;\r\n this.badPassword = this.isProfile ? false : true;\r\n this.errorText = '';\r\n this.errorMessage = '';\r\n this.activated = false;\r\n }\r\n\r\n onFormInited(page) {\r\n //initAutocomplete_s(this.updateStateList.bind(this));\r\n\r\n //this.initControl(this.formComp.form.controls[\"dobMonth\"], '0');\r\n //this.initControl(this.formComp.form.controls[\"dobYear\"], '0');\r\n //this.initControl(this.formComp.form.controls[\"dobDay\"], '0');\r\n //document.getElementById(\"dobMonth\")[\"selectedIndex\"] = \"0\";\r\n //document.getElementById(\"dobYear\")[\"selectedIndex\"] = \"0\";\r\n //document.getElementById(\"dobDay\")[\"selectedIndex\"] = \"0\";\r\n\r\n if (this.isProfile && !this.baComp) {\r\n let model = {\r\n lname: this.dataService.userData.UserData.u_lastnm,\r\n fname: this.dataService.userData.UserData.u_firstnm,\r\n country: this.dataService.userData.UserData.u_country.toUpperCase(),\r\n zip: this.dataService.userData.UserData.u_index,\r\n province: this.dataService.userData.UserData.u_oblast,\r\n city: this.dataService.userData.UserData.u_city,\r\n aptn: this.dataService.userData.UserData.u_apart,\r\n streetn: this.dataService.userData.UserData.u_house,\r\n street: this.dataService.userData.UserData.u_street,\r\n phone: this.dataService.userData.UserData.u_phone,\r\n email: this.dataService.userData.UserData.u_email,\r\n language: this.dataService.userData.UserData.language,\r\n\r\n bill_country: this.dataService.userData.UserData.b_country ? this.dataService.userData.UserData.b_country.toUpperCase() : null,\r\n bill_zip: this.dataService.userData.UserData.b_index,\r\n bill_province: this.dataService.userData.UserData.b_oblast,\r\n bill_city: this.dataService.userData.UserData.b_city,\r\n bill_aptn: this.dataService.userData.UserData.b_apart,\r\n bill_streetn: this.dataService.userData.UserData.b_house,\r\n bill_street: this.dataService.userData.UserData.b_street,\r\n };\r\n if (this.dataService.userData.UserData.dofbirth > 0) {\r\n model[\"year\"] = Math.floor(this.dataService.userData.UserData.dofbirth / 10000);\r\n model[\"month\"] = Math.floor((this.dataService.userData.UserData.dofbirth - model[\"year\"] * 10000) / 100);\r\n model[\"day\"] = this.dataService.userData.UserData.dofbirth - model[\"year\"] * 10000 - model[\"month\"] * 100;\r\n }\r\n this.form1.patchValue(model);\r\n this.form2.patchValue(model);\r\n this.form2b.patchValue(model);\r\n this.recalcDays(1);\r\n this.updateStateList(model.country, model.province, null);\r\n //this.setProvince('province', this.questions_user, model.country)\r\n //this.setDayBirth();\r\n }\r\n\r\n if (this.isProfile && this.baComp) {\r\n let model = {\r\n bill_country: this.dataService.userData.UserData.u_country.toUpperCase(),\r\n bill_zip: this.dataService.userData.UserData.u_index,\r\n bill_province: this.dataService.userData.UserData.u_oblast,\r\n bill_city: this.dataService.userData.UserData.u_city,\r\n bill_aptn: this.dataService.userData.UserData.u_apart,\r\n bill_streetn: this.dataService.userData.UserData.u_house,\r\n bill_street: this.dataService.userData.UserData.u_street,\r\n };\r\n this.form2b.patchValue(model);\r\n this.updateStateList_bill(model.bill_country, model.bill_province, null);\r\n //this.setProvince('province', this.questions_user, model.country)\r\n this.accordionClicked(2);\r\n this.onInited.emit();\r\n }\r\n //else {\r\n // //this.formComp.form.patchValue({country: \"CANADA\"});\r\n // //this.setProvince('province', this.questions_user, \"CANADA\");\r\n\r\n // this.formComp.setDisabled(true);\r\n // this.formComp.form.controls['password'].valueChanges.subscribe(val => {\r\n // this.formComp.form.controls[\"password2\"].patchValue('');\r\n // this.errorText = '';\r\n // this.badPassword = true;\r\n // this.CheckPasswordStrength(val);\r\n // this.formComp.setDisabled(!this.isPasswordOK());\r\n // });\r\n\r\n // this.formComp.form.controls['password2'].valueChanges.subscribe(val => {\r\n // this.ComparePasswords(val, this.formComp.form.controls[\"password\"].value, false);\r\n // this.formComp.setDisabled(!this.isPasswordOK());\r\n // });\r\n\r\n // $('#pwdhint').insertAfter($('#q-container-password'));\r\n //}\r\n }\r\n\r\n accordionClicked(ix: number) {\r\n if (!this.accordionMenu[ix]) {\r\n if (ix == 2 && !this.form2.valid && !this.baComp)\r\n return;\r\n for (var i = 0; i < this.accordionMenu.length; i++)\r\n this.accordionMenu[i] = false;\r\n this.accordionMenu[ix] = true;\r\n\r\n if (ix == 1) {\r\n initAutocomplete_s(this.updateStateList.bind(this), 'g_autocomplete_s');\r\n this.disableAddress({ target: { checked: this.form2.get('isManualAddress').value } }, '');\r\n }\r\n if (ix == 2) {\r\n initAutocomplete_s(this.updateStateList_bill.bind(this), 'g_autocomplete_b');\r\n setTimeout(() => {\r\n $('#bcountry').selectpicker();\r\n $('#bprovince').selectpicker();\r\n this.disableAddress({ target: { checked: this.form2b.get('isManualAddress').value } }, 'bill_');\r\n });\r\n }\r\n }\r\n }\r\n\r\n isPasswordOK() {\r\n if (this.isProfile && !this.passval.value && !this.pass2val.value)\r\n return true;\r\n else return !this.badPassword && this.rules.every(x => x.PasswordFlag);\r\n }\r\n\r\n initControl(ctrl: FormControl, val: any) {\r\n ctrl.patchValue(val);\r\n ctrl.markAsUntouched();\r\n ctrl.markAsPristine();\r\n }\r\n\r\n updateStateList(country, stateprov, elems) {\r\n if (elems) {\r\n elems.forEach(x => this.form2.controls[x.key.substr(1)].patchValue(x.value));\r\n }\r\n else {\r\n if (!this.countryStates[country.toUpperCase()])\r\n return;\r\n\r\n this.zone.run(() => {\r\n this.address.country = country.toUpperCase();\r\n this.oblastOpt = this.countryStates[country.toUpperCase()].map(c => {\r\n return { key: c.state, value: c.desc }\r\n });\r\n this.address.province = stateprov;\r\n setTimeout(() => {\r\n $('#acountry').selectpicker('val', country.toUpperCase());\r\n this.form2.get('country').patchValue(country.toUpperCase());\r\n this.form2.get('country').markAsDirty();\r\n this.form2.get('country').markAsTouched();\r\n $('#aprovince').selectpicker('refresh');\r\n $('#aprovince').selectpicker('val', stateprov);\r\n this.form2.get('province').patchValue(stateprov);\r\n this.form2.get('province').markAsDirty();\r\n this.form2.get('province').markAsTouched();\r\n $('div > #acountry').parent().removeClass('ng-invalid');\r\n $('div > #acountry').parent().addClass('ng-valid');\r\n $('div > #aprovince').parent().removeClass('ng-invalid');\r\n $('div > #aprovince').parent().addClass('ng-valid');\r\n });\r\n });\r\n }\r\n return false;\r\n }\r\n\r\n updateStateList_bill(country, stateprov, elems) {\r\n if (elems) {\r\n elems.forEach(x => this.form2b.controls['bill_'+x.key.substr(1)].patchValue(x.value));\r\n }\r\n else {\r\n if (!this.countryStates[country.toUpperCase()])\r\n return;\r\n\r\n this.zone.run(() => {\r\n this.address.country = country.toUpperCase();\r\n this.oblastOpt_bill = this.countryStates[country.toUpperCase()].map(c => {\r\n return { key: c.state, value: c.desc }\r\n });\r\n this.address.province = stateprov;\r\n setTimeout(() => {\r\n $('#bcountry').selectpicker('val', country.toUpperCase());\r\n this.form2b.get('bill_country').patchValue(country.toUpperCase());\r\n this.form2b.get('bill_country').markAsDirty();\r\n this.form2b.get('bill_country').markAsTouched();\r\n $('#bprovince').selectpicker('refresh');\r\n $('#bprovince').selectpicker('val', stateprov);\r\n this.form2b.get('bill_province').patchValue(stateprov);\r\n this.form2b.get('bill_province').markAsDirty();\r\n this.form2b.get('bill_province').markAsTouched();\r\n $('div > #bcountry').parent().removeClass('ng-invalid');\r\n $('div > #bcountry').parent().addClass('ng-valid');\r\n $('div > #bprovince').parent().removeClass('ng-invalid');\r\n $('div > #bprovince').parent().addClass('ng-valid');\r\n });\r\n });\r\n }\r\n return false;\r\n }\r\n\r\n onCountryChange() {\r\n if (this.countryStates[this.form2.get('country').value]) {\r\n this.oblastOpt = this.countryStates[this.form2.get('country').value].map(c => {\r\n return { key: c.state, value: c.desc }\r\n });\r\n this.form2.get('province').patchValue('');\r\n setTimeout(() => $('#aprovince').selectpicker('refresh'));\r\n }\r\n }\r\n\r\n onCountryChange_bill() {\r\n if (this.countryStates[this.form2b.get('bill_country').value]) {\r\n this.oblastOpt_bill = this.countryStates[this.form2b.get('bill_country').value].map(c => {\r\n return { key: c.state, value: c.desc }\r\n });\r\n this.form2b.get('bill_province').patchValue('');\r\n setTimeout(() => $('#bprovince').selectpicker('refresh'));\r\n }\r\n }\r\n\r\n onProvinceChange() {\r\n $('div > #aprovince').parent().removeClass('ng-invalid');\r\n $('div > #aprovince').parent().addClass('ng-valid');\r\n }\r\n\r\n onProvinceChange_bill() {\r\n $('div > #bprovince').parent().removeClass('ng-invalid');\r\n $('div > #bprovince').parent().addClass('ng-valid');\r\n }\r\n\r\n setDayBirth() {\r\n let days = moment(this.formComp.form.controls['dobYear'].value + '-' + this.formComp.form.controls['dobMonth'].value, \"YYYY-MM\").daysInMonth();\r\n this.questions_user.find(x => x.key == 'dobDay')[\"options\"] = [{ key: '0', value: 'Select Day' }];\r\n for (var i = 1; i <= days; i++)\r\n this.questions_user.find(x => x.key == 'dobDay')[\"options\"].push({ key: (\"0\" + i).slice(-2), value: i });\r\n }\r\n\r\n setProvince(kprov: string, quest: QuestionBase[], val: any) {\r\n if (this.countryStates[val.toUpperCase()]) {\r\n var qx = quest.findIndex(x => x.key == kprov);\r\n quest[qx]['options'] = this.countryStates[val.toUpperCase()].map(c => {\r\n return { key: c.state, value: c.desc }\r\n });\r\n\r\n quest[qx] = Object.assign({}, quest[qx]);\r\n }\r\n }\r\n\r\n recalcDays(f: number) {\r\n this.days = f == 3 ? this.getAllDaysInMonth(this.form3.get('year').value, this.form3.get('month').value - 1) : this.getAllDaysInMonth(this.yearval.value, this.monthval.value-1);\r\n }\r\n\r\n getAllDaysInMonth(year, month) {\r\n const dates = [];\r\n\r\n if (year != undefined && month != undefined) {\r\n const date = new Date(year, month, 1);\r\n\r\n while (date.getMonth() === month) {\r\n dates.push(date.getDate());\r\n date.setDate(date.getDate() + 1);\r\n }\r\n }\r\n\r\n return dates;\r\n }\r\n\r\n submitForm(f: number) {\r\n //if (this.baComp) {\r\n // var ba = this.form2b.getRawValue();\r\n // return;\r\n //}\r\n\r\n var model = f == 4 ? this.form3.value : this.form1.value;\r\n if (f === 2) \r\n model = Object.assign(model, this.form2.getRawValue());\r\n if (f === 3)\r\n model = Object.assign(model, this.form2b.getRawValue());\r\n\r\n if (f === 1)\r\n this.accordionClicked(1);\r\n else if (f === 2 && !this.form2.get('isNoBillingAddress').value)\r\n this.accordionClicked(2);\r\n else if (f !== 4)\r\n this.submitted(JSON.stringify(model));\r\n else if (f == 4 && this.activateid > 0) {\r\n let obj = { id: this.activateid, Year: model.year, Month: model.month, Day: model.day };\r\n this.dataService.completeReg(obj).subscribe((ui: string) => {\r\n if (ui != 'OK')\r\n this.errorMessage = ui;\r\n else\r\n this.router.navigate([\"home\"]);\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n }\r\n }\r\n\r\n getBillAddress() {\r\n let model = this.form2b.getRawValue();\r\n let obj = {\r\n b_lastnm: model.bill_lname,\r\n b_firstnm: model.bill_fname,\r\n b_country: model.bill_country,\r\n b_index: model.bill_zip,\r\n b_oblast: model.bill_province,\r\n b_city: model.bill_city,\r\n b_apart: model.bill_aptn,\r\n b_house: model.bill_streetn,\r\n b_street: model.bill_street,\r\n b_phone: model.bill_phone,\r\n };\r\n return obj;\r\n }\r\n\r\n submitted(payLoad: string) {\r\n this.errorMessage = '';\r\n let model = JSON.parse(payLoad);\r\n\r\n if (this.activateid > 0) {\r\n let obj = { id: this.activateid, password: model.password };\r\n this.dataService.completeReg(obj).subscribe((ui: string) => {\r\n if (ui != 'OK')\r\n this.errorMessage = ui;\r\n else\r\n this.router.navigate([\"home\"]);\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n }\r\n else {\r\n let obj = {\r\n u_lastnm: model.lname,\r\n u_firstnm: model.fname,\r\n u_country: model.country,\r\n u_index: model.zip,\r\n u_oblast: model.province,\r\n u_city: model.city,\r\n u_apart: model.aptn,\r\n u_house: model.streetn,\r\n u_street: model.street,\r\n u_phone: model.phone,\r\n b_lastnm: model.bill_lname,\r\n b_firstnm: model.bill_fname,\r\n b_country: model.bill_country,\r\n b_index: model.bill_zip,\r\n b_oblast: model.bill_province,\r\n b_city: model.bill_city,\r\n b_apart: model.bill_aptn,\r\n b_house: model.bill_streetn,\r\n b_street: model.bill_street,\r\n b_phone: model.bill_phone,\r\n u_email: model.email,\r\n password: model.password,\r\n Month: model.month,\r\n Day: model.day,\r\n Year: model.year,\r\n language: model.language\r\n };\r\n\r\n if (this.isProfile) {\r\n obj[\"id\"] = this.dataService.userData.UserData.id;\r\n this.dataService.userProfile(obj).subscribe((ui: any) => {\r\n this.dataService.userData.UserData = ui;\r\n //this.profileConfirm.show();\r\n this.router.navigate([\"home\"]);\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n }\r\n else\r\n this.dataService.register(obj).subscribe((ui: any) => {\r\n if (!ui.ID)\r\n this.errorMessage = ui;\r\n else {\r\n this.dataService.userData = ui;\r\n this.activated = true;\r\n this.dataService.checkpoint(1).subscribe((ui: string) => {\r\n if (gtag)\r\n gtag('event', 'registration', {\r\n 'event_category': 'registration',\r\n 'event_label': 'cabinet'\r\n }); \r\n });\r\n }\r\n //this.router.navigate([\"home\"]);\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n }\r\n }\r\n\r\n profileUpdated() {\r\n this.profileConfirm.hide();\r\n this.router.navigate([\"home\"]);\r\n }\r\n\r\n ValidatePassword(password) {\r\n if (password.length > 0) {\r\n if (password.length > 7) \r\n this.rules[0].PasswordFlag = true;\r\n else\r\n this.rules[0].PasswordFlag = false;\r\n }\r\n\r\n for (var i = 1; i < this.rules.length; i++) {\r\n if (new RegExp(this.rules[i].Pattern).test(password)) \r\n this.rules[i].PasswordFlag = true;\r\n else\r\n this.rules[i].PasswordFlag = false;\r\n }\r\n\r\n this.ComparePasswords(this.pass2val.value, password, false);\r\n }\r\n\r\n CheckPasswordStrength(password) {\r\n $('.error-message').show();\r\n this.ValidatePassword(password);\r\n return;\r\n /*\r\n var length = password.length;\r\n var colour = \"\";\r\n var text = \"\";\r\n \r\n badPassword = true;\r\n var score = 0;\r\n //if password bigger than 4 give 1 point\r\n if (password.length > 7) score++;\r\n //if password has both lower and uppercase characters give 1 point\r\n if ((password.match(/[a-z]/)) && (password.match(/[A-Z]/))) score++;\r\n //if password has at least one number give 1 point\r\n if (password.match(/\\d+/)) score++;\r\n //if password has at least one special characther give 1 point\r\n if (password.match(/.[!,@@,#,$,%,^,&,*,>,<,\\.,\\+,?,_,~,\\-,=,(,)[\\]:{}]/)) score++;\r\n //if password bigger than 7 give another 1 point\r\n if (password.length < 13) score++;\r\n \r\n if (score <= 2) {\r\n colour = \"red\";\r\n text = \"Password strength is low\";\r\n }\r\n else if (score <= 4) {\r\n colour = \"orange\";\r\n text = \"Password strength is moderate\";\r\n }\r\n else {\r\n colour = \"green\";\r\n text = \"\";\r\n badPassword = false;\r\n }\r\n if (!badPassword)\r\n ComparePasswords($('#ConfirmPassword').get(0));\r\n \r\n $(\"#Password\").css(\"background-color\", colour);\r\n $(\"#PasswordMessage\").text(text);\r\n */\r\n}\r\n\r\n ComparePasswords(confirm, password, bs: boolean) {\r\n var colour = \"\";\r\n this.errorText = \"\";\r\n\r\n if (bs)\r\n $('.error-message2').show();\r\n\r\n if (confirm === '') {\r\n colour = 'unset';\r\n this.errorText = \"\";\r\n }\r\n else if (password !== confirm) {\r\n colour = \"orangered\";\r\n this.errorText = \"Passwords do not match\";\r\n this.badPassword = true;\r\n }\r\n else {\r\n colour = \"lightgreen\";\r\n this.errorText = \"\";\r\n this.badPassword = false;\r\n }\r\n\r\n //document.getElementById('password2').style.backgroundColor = colour;\r\n }\r\n}\r\n","import { Component, OnInit, Input, ViewChild, Output, EventEmitter } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\n\r\nimport intlTelInput from 'intl-tel-input';\r\nimport { initAutocomplete, initAutocomplete_s, restrictCountry, buildSenderAddress, getAddressComponent } from './new-parcel/autocompleteAddress';\r\n\r\nimport { QuestionService } from './question.service';\r\nimport { QuestionBase } from './question-base';\r\nimport { DataService } from './data.service';\r\n\r\ndeclare var $: any;\r\n\r\n@Component({\r\n selector: 'sender-receiver',\r\n template: `\r\n \r\n \r\n \r\n [];\r\n questions_sender: QuestionBase[];\r\n qsby: QuestionBase[] = [];\r\n qsad: QuestionBase[] = [];\r\n questions_receiver: QuestionBase[];\r\n qrby: QuestionBase[] = [];\r\n qrad: QuestionBase[] = [];\r\n @Input() countries: any[];\r\n @Input() countryStates: any[];\r\n @Input() oblasts: any[];\r\n doSender: number;\r\n page3: any;\r\n @Input() address: any;\r\n @Output() addressChange = new EventEmitter();\r\n txtOK = 'Next';\r\n sender_map = {\r\n sapartn: 'u_apart', scity: 'u_city', scountry: 'u_country', semail: 'u_email', sfname: 'u_firstnm', slname: 'u_lastnm', soblast: 'u_oblast', sphone: 'u_phone', sregion: 'u_region', sstreet: 'u_street', sstreetn: 'u_house', szip: 'u_index'\r\n };\r\n @Output() onSubmitted = new EventEmitter();\r\n\r\n constructor(public router: Router, private service: QuestionService, private dataService: DataService) { }\r\n\r\n\r\n ngOnInit() {\r\n this.questions_sender = this.service.getQuestionsSender().map((q) => { return Object.assign({}, q); });\r\n let ix = this.questions_sender.findIndex(x => x.key.indexOf('titleaddr') > 0);\r\n for (var i = 0; i < ix; i++)\r\n this.qsby.push(this.questions_sender[i]);\r\n for (var i = ix; i < this.questions_sender.length; i++)\r\n this.qsad.push(this.questions_sender[i]);\r\n\r\n this.questions_receiver = this.service.getQuestionsReceiver().map((q) => { return Object.assign({}, q); });\r\n ix = this.questions_receiver.findIndex(x => x.key.indexOf('titleaddr') > 0);\r\n for (var i = 0; i < ix; i++)\r\n this.qrby.push(this.questions_receiver[i]);\r\n for (var i = ix; i < this.questions_receiver.length; i++)\r\n this.qrad.push(this.questions_receiver[i]);\r\n //zip(this.dataService.insertQuestions(this.questions_sender, 'ParcelSender'), this.dataService.insertQuestions(this.questions_receiver, 'ParcelReceiver')).subscribe((obl: any[]) => {\r\n //},\r\n // (err: any) => {\r\n // this.errorMessage = this.dataService.processError(err);\r\n // });\r\n\r\n if (this.parcel.pickupAddress) {\r\n this.parcel.rcountrycode = this.parcel.pickupAddress.CountryCode;\r\n var rq = this.oblasts.find(x => x.r_region == this.parcel.pickupAddress.Oblast);\r\n if (rq)\r\n this.parcel.roblast = rq.Id;\r\n //this.parcel.rcity = this.parcel.pickupAddress.City;\r\n //this.parcel.rstreet = this.parcel.pickupAddress.Address;\r\n //this.parcel.rstreetn = this.parcel.pickupAddress.House;\r\n\r\n rq = this.questions_receiver.find(x => x.key == 'rcity'); rq.value = this.parcel.pickupAddress.City; rq[\"readonly\"] = true;\r\n rq = this.questions_receiver.find(x => x.key == 'rstreet'); rq.value = this.parcel.pickupAddress.Address; rq[\"readonly\"] = true;\r\n rq = this.questions_receiver.find(x => x.key == 'rstreetn'); rq.value = this.parcel.pickupAddress.House; rq[\"readonly\"] = true;\r\n }\r\n\r\n var rc = this.questions_receiver.find(x => x.key == 'rcountry');\r\n rc.controlType = 'textbox';\r\n rc[\"readonly\"] = true;\r\n var cc = this.countries.find(x => x.CountryCodeValue == this.parcel.rcountrycode && x.CountryCodeType != 'DropDownTable');\r\n if (cc)\r\n rc.value = cc.r_country;\r\n else {\r\n cc = this.oblasts.find(x => x.Id == this.parcel.roblast);\r\n if (cc) {\r\n rc.value = cc.r_country;\r\n rc = this.questions_receiver.find(x => x.key == 'roblast');\r\n rc.value = cc.r_region;\r\n rc[\"readonly\"] = true;\r\n }\r\n }\r\n\r\n if (this.dataService.isGuest) \r\n this.questions_sender.find(x => x.key == 'semail')[\"required\"] = true;\r\n\r\n var receivingCountry = this.countries.find(x => x.CountryCodeValue == this.parcel.rcountrycode || x.r_country == this.parcel.rcountry);\r\n if (receivingCountry && receivingCountry.ValidationRequired) \r\n this.questions_receiver.find(x => x.key == 'remail')[\"required\"] = true;\r\n else\r\n this.questions_receiver.find(x => x.key == 'remail').label += ' (optional)';\r\n\r\n if (this.dataService.userData.UserData.u_type == 'CUSTOMER') {\r\n let scv = '';\r\n for (var key in this.sender_map) {\r\n let q = this.questions_sender.find(x => x.key == key);\r\n if (q && !(this.dataService.isGuest && this.qsby.find(x => x.key == key))) {\r\n q.value = this.dataService.userData.UserData[this.sender_map[key]];\r\n if (key == 'scountry') {\r\n q.value = q.value.toUpperCase();\r\n scv = q.value;\r\n }\r\n }\r\n }\r\n this.onCheckChange({ key: 'scountry', value: scv });\r\n var qx = this.questions_sender.find(x => x.key == 'soblast');\r\n var cl = this.countryStates[scv];\r\n if (cl && qx && qx.value && qx.value != '') {\r\n let v = qx.value.toUpperCase();\r\n let sn = cl.find(x => x.state == v || x.desc.toUpperCase() == v);\r\n if (sn)\r\n qx.value = sn.state;\r\n }\r\n }\r\n\r\n if (this.isMobile) {\r\n this.questions_sender.filter(x => x.containerClass == 'h0').forEach(x => x.containerClass = null);\r\n this.questions_receiver.filter(x => x.containerClass == 'h0').forEach(x => x.containerClass = null);\r\n\r\n this.doSender = 1;\r\n this.questions = this.qsby; // this.questions_sender;\r\n }\r\n }\r\n\r\n onFormInited(page) {\r\n if (page === 'ParcelReceiver') {\r\n initAutocomplete(this.updateStateList.bind(this));\r\n restrictCountry(this.questions_receiver.find(x => x.key == 'rcountry').value);\r\n\r\n const input = document.querySelector(\"#rphone\");\r\n intlTelInput(input, {\r\n allowDropdown: true,\r\n initialCountry: \"ua\",\r\n separateDialCode: true,\r\n onlyCountries: this.countries.map(x => x.CountryCode2)\r\n });\r\n}\r\n if (page === 'ParcelSender')\r\n initAutocomplete_s(this.updateStateList.bind(this));\r\n }\r\n\r\n updateStateList(country, stateprov, elems) {\r\n if (elems) {\r\n elems.forEach(x => this.formComp.form.controls[x.key].patchValue(x.value));\r\n }\r\n else {\r\n if (!this.countryStates[country.toUpperCase()])\r\n return;\r\n\r\n this.questions_sender.find(x => x.key == 'scountry').value = country.toUpperCase();\r\n this.formComp.updateQuestions(['scountry']);\r\n\r\n var qx = this.questions_sender.findIndex(x => x.key == 'soblast');\r\n this.questions_sender[qx]['options'] = this.countryStates[country.toUpperCase()].map(c => {\r\n return { key: c.state, value: c.desc }\r\n });\r\n\r\n //this.questions_sender[qx] = Object.assign({ value: stateprov }, this.questions_sender[qx]);\r\n this.questions_sender[qx].value = stateprov;\r\n this.formComp.updateQuestions(['soblast']);\r\n }\r\n return false;\r\n }\r\n\r\n onCheckChange(arg: any) {\r\n if (arg.key == 'rcountry' && arg.value !== '') {\r\n let c = this.questions.find(x => x.key == 'rcountry');\r\n var qx = this.questions.findIndex(x => x.key == 'roblast');\r\n let q = this.questions[qx];\r\n q.value = arg.value;\r\n if (this.countries.find(x => x.CountryCodeValue == arg.value).CountryCodeType === 'DropDownTable') { // && c['getList']) {\r\n this.dataService.getOblast(arg.value).subscribe((obl: any[]) => {\r\n this.oblasts = obl;\r\n q['options'] = obl.map(c => {\r\n return { key: c.Id, value: c.r_region }\r\n });\r\n q['options'].splice(0, 0, { key: '', value: 'Select Oblast' });\r\n q.hidden = false;\r\n q.required = true;\r\n this.questions[qx] = Object.assign({}, q);\r\n })\r\n } else {\r\n this.oblasts = [];\r\n q.hidden = true;\r\n this.questions[qx] = Object.assign({}, q);\r\n }\r\n }\r\n\r\n if (arg.key == 'scountry' && arg.value !== '') \r\n this.setProvince('soblast', (this.isMobile && this.questions) ? this.questions : this.questions_sender, arg.value);\r\n }\r\n\r\n setProvince(kprov: string, quest: QuestionBase[], val: any) {\r\n if (this.countryStates[val.toUpperCase()]) {\r\n var qx = quest.findIndex(x => x.key == kprov);\r\n quest[qx]['options'] = this.countryStates[val.toUpperCase()].map(c => {\r\n return { key: c.state, value: c.desc }\r\n });\r\n\r\n quest[qx] = Object.assign({}, quest[qx]);\r\n }\r\n }\r\n\r\n oninputChange(e: any) {\r\n var item = e.target;\r\n if (item.id == 'sphone') {\r\n this.dataService.getPhoneSender(item.value).subscribe((addr: any) => {\r\n if (addr) {\r\n this.formComp.form.controls['sphone'].setValue(addr.s_phone);\r\n this.formComp.form.controls['semail'].setValue(addr.s_email);\r\n this.formComp.form.controls['sfname'].setValue(addr.s_firstnm);\r\n this.formComp.form.controls['slname'].setValue(addr.s_lastnm);\r\n if (!this.dataService.isGuest) {\r\n if (this.isMobile) {\r\n this.qsad.find(x => x.key == 'sapartn').value = addr.s_apart;\r\n this.qsad.find(x => x.key == 'scity').value = addr.s_city;\r\n this.qsad.find(x => x.key == 'scountry').value = addr.s_country;\r\n this.qsad.find(x => x.key == 'sstreetn').value = addr.s_house;\r\n this.qsad.find(x => x.key == 'szip').value = addr.s_index;\r\n this.qsad.find(x => x.key == 'soblast').value = addr.s_oblast;\r\n this.qsad.find(x => x.key == 'sstreet').value = addr.s_street;\r\n }\r\n else {\r\n this.formComp.form.controls['sapartn'].setValue(addr.s_apart);\r\n this.formComp.form.controls['scity'].setValue(addr.s_city);\r\n this.formComp.form.controls['scountry'].setValue(addr.s_country);\r\n this.formComp.form.controls['sstreetn'].setValue(addr.s_house);\r\n this.formComp.form.controls['szip'].setValue(addr.s_index);\r\n this.formComp.form.controls['soblast'].setValue(addr.s_oblast);\r\n //this.formComp.form.controls['sregion'].setValue(addr.s_region);\r\n this.formComp.form.controls['sstreet'].setValue(addr.s_street);\r\n\r\n var sc = this.formComp.form.controls['scountry'].value;\r\n if (this.countryStates[sc.toUpperCase()]) {\r\n var qx = this.questions_sender.findIndex(x => x.key == 'soblast');\r\n this.questions_sender[qx]['options'] = this.countryStates[sc.toUpperCase()].map(c => {\r\n return { key: c.state, value: c.desc }\r\n });\r\n\r\n this.questions_sender[qx] = Object.assign({}, this.questions_sender[qx]);\r\n }\r\n }\r\n }\r\n }\r\n });\r\n }\r\n else if (item.id == 'rphone' && item.value && item.value.length >= 10) {\r\n this.dataService.getPhoneRecipient(item.value).subscribe((addr: any) => {\r\n if (addr) {\r\n this.formComp.form.controls['rphone'].setValue(addr.r_phone);\r\n this.formComp.form.controls['remail'].setValue(addr.r_email);\r\n this.formComp.form.controls['rfname'].setValue(addr.r_firstnm);\r\n this.formComp.form.controls['rlname'].setValue(addr.r_lastnm);\r\n if (!this.parcel.pickupAddress && !this.isMobile) {\r\n this.formComp.form.controls['rapartn'].setValue(addr.r_apart);\r\n this.formComp.form.controls['rcity'].setValue(addr.r_city);\r\n //this.formComp.form.controls['rcountry'].setValue(addr.r_country);\r\n this.formComp.form.controls['rstreetn'].setValue(addr.r_house);\r\n //this.formComp.form.controls['rzip'].setValue(addr.r_index);\r\n //this.formComp.form.controls['roblast'].setValue(addr.r_oblast);\r\n this.formComp.form.controls['rregion'].setValue(addr.r_region);\r\n this.formComp.form.controls['rstreet'].setValue(addr.r_street);\r\n }\r\n else if (!this.parcel.pickupAddress && this.isMobile) {\r\n this.qrad.find(x => x.key == 'rapartn').value = addr.r_apart;\r\n this.qrad.find(x => x.key == 'rcity').value = addr.r_city;\r\n this.qrad.find(x => x.key == 'rstreetn').value = addr.r_house;\r\n this.qrad.find(x => x.key == 'rstreet').value = addr.r_street;\r\n }\r\n }\r\n });\r\n }\r\n }\r\n\r\n submitted(payLoad: string) {\r\n if (payLoad && payLoad !== '') {\r\n if (this.isMobile) {\r\n if (this.doSender) {\r\n if (this.doSender < 4) {\r\n switch (this.doSender) {\r\n case 1: this.questions = this.qsad;\r\n this.page3 = JSON.parse(payLoad);\r\n this.doSender++;\r\n break;\r\n case 2: this.questions = this.qrby;\r\n Object.assign(this.page3, JSON.parse(payLoad));\r\n this.address = buildSenderAddress();\r\n this.addressChange.emit(this.address);\r\n this.doSender++;\r\n break;\r\n case 3: this.questions = this.qrad;\r\n Object.assign(this.page3, JSON.parse(payLoad));\r\n this.doSender = 0;\r\n break;\r\n }\r\n //this.questions = this.questions_receiver;\r\n $('html, body').animate({ scrollTop: '0px' }, 300);\r\n }\r\n return;\r\n }\r\n else {\r\n let rcvr = JSON.parse(payLoad);\r\n Object.assign(this.page3, rcvr);\r\n }\r\n }\r\n else {\r\n this.page3 = JSON.parse(payLoad);\r\n this.address = buildSenderAddress();\r\n this.addressChange.emit(this.address);\r\n }\r\n\r\n this.onSubmitted.emit(JSON.stringify(this.page3));\r\n }\r\n else\r\n this.onSubmitted.emit(payLoad);\r\n }\r\n}\r\n","import { AfterViewInit, Component, ViewChild, ViewContainerRef, ElementRef, ViewEncapsulation } from \"@angular/core\";\r\nimport { Observable, Observer , noop, of } from 'rxjs';\r\nimport { switchMap, tap } from 'rxjs/operators';\r\n\r\nimport { ICellRendererAngularComp, ICellEditorAngularComp } from \"ag-grid-angular\";\r\nimport { ICellEditorParams } from \"ag-grid-community\";\r\n\r\nimport { DataService, ITypeAsync } from './data.service';\r\n\r\n@Component({\r\n selector: 'typeahead-cell',\r\n encapsulation: ViewEncapsulation.None,\r\n host: { style: `position: absolute;\r\n\t\t\t\t\tleft: 0px; \r\n\t\t\t\t\ttop: 0px;\r\n\t\t\t\t\tbackground-color: transparent;\r\n\t\t\t\t\t` },\r\n template: `\r\n {\r\n return new Observable((observer: Observer) => {\r\n observer.next(this.value);\r\n }).pipe(\r\n switchMap((query: string) => {\r\n if (query) {\r\n //this.errorMessage = '';\r\n return this.dataService.getTypeahead(query)\r\n .pipe(\r\n tap(() => noop, err => {\r\n //this.errorMessage = this.dataService.processError(err);\r\n })\r\n );\r\n }\r\n\r\n return of([]);\r\n })\r\n );\r\n }\r\n\r\n getValue(): any {\r\n return this.value;\r\n }\r\n\r\n isCancelBeforeStart(): boolean {\r\n return this.cancelBeforeStart;\r\n }\r\n\r\n isCancelAfterEnd(): boolean {\r\n return this.cancelAfterEnd;\r\n };\r\n\r\n onItemSelect(event): void {\r\n this.value = event.item.name;\r\n this.params.context.selectedItems[this.params.rowIndex] = event.item;\r\n setTimeout(() => this.params.api.stopEditing());\r\n\r\n // if (this.params.onAdded && this.value) {\r\n // var f = this.params.onAdded.bind(this.params.context);\r\n // setTimeout(() => f());\r\n // }\r\n }\r\n\r\n //onChanged(ev) {\r\n // if (this.text != this.value)\r\n // this.params.context.selectedItems[this.params.rowIndex] = null;\r\n //}\r\n\r\n isPopup(): boolean {\r\n return true;\r\n }\r\n\r\n focusIn() {\r\n if (this.params.focus)\r\n this.input.nativeElement.focus();\r\n }\r\n\r\n ngAfterViewInit() {\r\n if (this.params.focus)\r\n setTimeout(() => {\r\n this.input.nativeElement.focus();\r\n })\r\n }\r\n}\r\n","module.exports = __webpack_public_path__ + \"fonts/check.18095c38241c098a1587.svg\";","module.exports = __webpack_public_path__ + \"fonts/done-blue.cd0b5a4da21e82a72939.svg\";","module.exports = __webpack_public_path__ + \"fonts/done.c62abfeca3e060aa31ce.svg\";","module.exports = __webpack_public_path__ + \"fonts/down-arrow.c723acec7705c81ee661.svg\";","module.exports = __webpack_public_path__ + \"fonts/error.9552433fc5c3829872d2.svg\";","module.exports = __webpack_public_path__ + \"give_mobile.png\";","module.exports = __webpack_public_path__ + \"fonts/gumb.0628bd054b606ebdd26e.svg\";","module.exports = \"data:image/gif;base64,R0lGODlhZABkAPQAAP///wAAAI6OjmhoaDY2Njw8PFxcXBwcHBISEiwsLFRUVExMTH5+foaGhiQkJAAAAHZ2dkRERAoKCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJBwAAACwAAAAAZABkAAAF/yAgjmRpnmiqrmzrvnAsz3Rt33iu73zfMgoDw0csAgSEh/JBEBifucRymYBaaYzpdHjtuhba5cJLXoHDj3HZBykkIpDWAP0YrHsDiV5faB3CB3c8EHuFdisNDlMHTi4NEI2CJwWFewQuAwtBMAIKQZGSJAmVelVGEAaeXKEkEaQSpkUNngYNrCWEpIdGj6C3IpSFfb+CAwkOCbvEy8zNzs/Q0dLT1NUrAgOf1kUMBwjfB8rbOQLe3+C24wxCNwPn7wrjEAv0qzMK7+eX2wb0mzXu8iGIty1TPRvlBKazJgBVnBsN8okbRy6VgoUUM2rcyLGjx48gQ4ocSbKkyZMoJf8JMFCAwAJfKU0gOUDzgAOYHiE8XDGAJoKaalAoObHERFESU0oMFbF06YikKQQsiKCJBYGaNR2ocPr0AQCuQ8F6Fdt1rNeuLSBQjRDB3qSfPm1uPYvUbN2jTO2izQs171e6J9SuxXjCAFaaQYkC9ku2MWCnYR2rkDqV4IoEWG/O5fp3ceS7nuk2Db0YBQS3UVm6xBmztevXsGPLnk27tu3buHOvQU3bgIPflscJ4C3D92/gFNUWgHPj2G+bmhkWWL78xvPjDog/azCdOmsXzrF/dyYgAvUI7Y7bDF5N+QLCM4whM7BxvO77+PPr38+//w4GbhSw0xMQDKCdJAwkcIx2ggMSsQABENLHzALILDhMERAQ0BKE8IUSwYILPjEAhCQ2yMoCClaYmA8NQLhhh5I0oOCCB5rAQI0mGEDiRLfMQhWOI3CXgIYwotBAA/aN09KQCVw4m4wEMElAkTEhIWUCSaL0IJPsySZVlC/5J+aYZJZppgghAAAh+QQJBwAAACwAAAAAZABkAAAF/yAgjmRpnmiqrmzrvnAsz3Rt33iu73zfMhAIw0csAgQDhESCGAiM0NzgsawOolgaQ1ldIobZsAvS7ULE6BW5vDynfUiFsyVgL58rwQLxOCzeKwwHCIQHYCsLbH95Dg+OjgeAKAKDhIUNLA2JVQt4KhGPoYuSJEmWlgYuSBCYLRKhjwikJQqnlgpFsKGzJAa2hLhEuo6yvCKUv549BcOjxgOVhFdFdbAOysYNCgQK2HDMVAXexuTl5ufo6err7O3kAgKs4+48AhEH+ATz9Dj2+P8EWvET0YDBPlX/Eh7i18CAgm42ICT8l2ogAAYPFSyU0WAiPjcDtSkwIHCGAAITE/+UpCeg4EqTKPGptEikpQEGL2nq3Mmzp8+fQIMKHUq0qNGjSJO6E8DA4RyleQw4mOqgk1F4LRo4OEDVwTQUjk48MjGWxC6zD0aEBbBWbdlJBhYsAJlC6lSuDiKoaOuWbdq+fMMG/us37eCsCuRaVWG3q94UfEUIJlz48GHJsND6VaFJ8UEAWrdS/SqWMubNgClP1nz67ebIJQTEnduicdWDZ92aXq17N+G1kV2nwEqnqYGnUJMrX868ufPn0KNLn069Or+N0hksSFCArkWmORgkcJCgvHeWCiIYOB9jAfnx3D+fE5A+woKKNSLAh4+dXYMI9gEonwoKlPeeON8ZAOCgfTc0UB5/OiERwQA5xaCJff3xM6B1HHbo4YcghigiNXFBhEVLGc5yEgEJEKBPFBBEUEAE7M0yAIs44leTjDNGUKEkBrQopDM+NFDAjEf+CMiNQhJAWpE8zqjkG/8JGcGGIjCQIgoMyOhjOkwNMMCWJTTkInJZNYAlPQYU4KKT0xnpopsFTKmUPW8ScOV0N7oJ53TxJAbBmiMWauihiIIYAgAh+QQJBwAAACwAAAAAZABkAAAF/yAgjmRpnmiqrmzrvnAsz3Rt33iu73zv/8AZo4BAFBjBpI5xKBYPSKWURnA6CdNszGrVeltc5zcoYDReiXDCBSkQCpDxShA52AuCFoQribMKEoGBA3IpdQh2B1h6TQgOfisDgpOQhSMNiYkIZy4CnC0Ek4IFliVMmnYGQAmigWull5mJUT6srRGwJESZrz+SrZWwAgSJDp8/gJOkuaYKwUADCQ4JhMzW19jZ2tvc3d7f4NoCCwgPCAs4AwQODqrhIgIOD/PzBzYDDgfsDgrvAAX0AqKjIW0fuzzhJASk56CGwXwOaH1bGLBGQX0H31Gch6CGgYf93gGkOJCGgYIh3/8JUBjQHg6J/gSMlBABob+bOHPq3Mmzp8+fQIMKHUq0qNEUAiBAOHZ0RYN10p41PZGg6jQHNk/M07q1BD2vX0l0BdB1rIiKKhgoMMD0BANpVqmpMHv2AVm7I7aa1Yu3bl6+YvuuUEDYXdq40qqhoHu38d+wfvf2pRjYcYq1a0FNg5vVBGPAfy03lhwa8mjBJxqs7Yzi6WapgemaPh0b9diythnjSAqB9dTfwIMLH068uPHjyJMrX84cnIABCwz4Hj4uAYEEeHIOMAAbhjrr1lO+g65gQXcX0a5fL/nOwIL3imlAUG/d8DsI7xfAlEFH/SKcEAywHw3b9dbcgQgmqOByggw26KAIDAxwnnAGEGAhe0AIoEAE0mXzlBsWTojDhhFwmE0bFroR3w8RLNAiLtg8ZaGFbfVgwIv2WaOOGzn+IIABCqx4TRk1pkXYgMQNUUAERyhnwJIFFNAjcTdGaWJydCxZ03INBFjkg2CGKeaYCYYAACH5BAkHAAAALAAAAABkAGQAAAX/ICCOZGmeaKqubOu+cCzPdG3feK7vfO//wBnDUCAMBMGkTkA4OA8EpHJKMzyfBqo2VkBcEYWtuNW8HsJjoIDReC2e3kPEJRgojulVPeFIGKQrEGYOgCoMBwiJBwx5KQMOkJBZLQILkAuFKQ2IiYqZjQANfA4HkAltdKgtBp2tA6AlDJGzjD8KrZ0KsCSipJCltT63uAiTuyIGsw66asQHn6ACCpEKqj8DrQevxyVr0D4NCgTV3OXm5+jp6uvs7e7v6gIQEQkFEDgNCxELwfACBRICBtxGQ1QCPgn6uRsgsOE9GgoQ8inwLV2ChgLRzKCHsI9Cdg4wBkxQw9LBPhTh/wG4KHIODQYnDz6Ex1DkTCEL6t189w+jRhsf/Q04WACPyqNIkypdyrSp06dQo0qdSrWqVUcL+NER0MAa1AYOHoh9kKCiiEoE6nl1emDsWAIrcqYlkDKF2BNjTeQl4bbEXRF//47oe8KABLdjg4qAOTcBAcWAH+iVLBjA3cqXJQ/WbDkzX84oFCAey+wEg8Zp136e3Pnz3sitN28mDLsyiQWjxRo7EaFxXRS2W2OmDNqz7NrDY5swkPsB5FC91a6gHRm08OKvYWu3nd1EW8Rw9XA1q1TAd7Flr76wo1W9+/fw48ufT7++/fv48+s/wXUABPLwCWAAAQRiolQD/+FDIKRdBOz0TjgKkGNDAwsSSJBKEESowHOUEFjEY0lJEyGAegyw4G5HNcAAiS0g2ACL+8Uo44w01mjjjTi+wMCKMs5TQAQO+iCPAQme00AEP/4IIw0DZLVAkLA0kGQBBajGQ5MLKIDiMUcmGYGVO0CQZXvnCIAkkFOsYQCH0XQVAwP+sRlgVvssadU8+6Cp3zz66JmfNBFE8EeMKrqZ46GIJqrooi6EAAAh+QQJBwAAACwAAAAAZABkAAAF/yAgjmRpnmiqrmzrvnAsz3Rt33iu73zv/0Baw2BoBI88g2N5MCCfNgZz6WBArzEl1dHEeluGw9Sh+JpTg+1y8GpABGdWQxFZWF0L7nLhEhAOgBFwcScNCYcOCXctAwsRbC5/gIGEJwuIh3xADJOdg5UjEQmJowlBYZ2AEKAkeZgFQZypB0asIgyYCatBCakEtiQMBQkFu0GGkwSfwGYQBovM0dLT1NXW19jZ2ts+AgYKA8s0As6Q3AADBwjrB9AzogkEytwN6uvs4jAQ8fxO2wr3ApqTMYAfgQSatBEIeK8MjQEHIzrUBpAhgoEyIkSct62BxQP5YAhoZCDktQEB2/+d66ZAQZGVMGPKnEmzps2bOHPq3Mmzp88v5Iz9ZLFAgtGLjCIU8IezqFGjDzCagCBPntQSDx6cyKoVa1avX0mEBRB2rAiuXU00eMoWwQoF8grIW2H2rFazX/HeTUs2Lde+YvmegMCWrVATC+RWpSsYsN6/I/LyHYtWL+ATAwo/PVyCatWrgU1IDm3Zst2+k/eiEKBZgtsVA5SGY1wXcmTVt2v77aq7cSvNoIeOcOo6uPARAhhwPs68ufPn0KNLn069uvXrfQpklSAoRwOT1lhXdgC+BQSlEZZb0175QcJ3Sgt039Y+6+sZDQrI119LW/26MUQQ33zaSFDfATY0kFh2euewV9l748AkwAGVITidAAA9gACE2HXo4YcghijiiN0YEIEC5e3QAAP9RWOiIxMd0xKK0zhSRwRPMNCSAepVYoCNTMnoUopxNDLbEysSuVIDLVLXyALGMSfAAgsosICSP01J5ZXWQUBlj89hSeKYZJZpJoghAAAh+QQJBwAAACwAAAAAZABkAAAF/yAgjmRpnmiqrmzrvnAsz3Rt33iu73zv/0Bag8FoBI+8RmKZMCKfNQbTkSAIoNgYZElNOBjZcGtLLUPE6JSg601cXQ3IO60SQAzyF9l7bgkMbQNzdCUCC1UJEWAuAgOCLwYOkpIDhCdbBIiVQFIOB5IHVpYlBpmmC0EMk6t9oyIDplUGqZ+ek06uAAwEpqJBCqsOs7kjDAYLCoM/DQa1ycSEEBCL0NXW19jZ2tvc3d7fPwJDAsoz4hC44AIFB+0R5TGwvAbw2Q0E7fnvNQIEBbwEqHVj0A5BvgPpYtzj9W+TNwUHDR4QqBAgr1bdIBzMlzCGgX8EFtTD1sBTPgQFRv/6YTAgDzgAJfP5eslDAAMFDTrS3Mmzp8+fQIMKHUq0qNGjSJMisYNR6YotCBAE9GPAgE6fEKJqnbiiQYQCYCmaePDgBNmyJc6mVUuC7Ai3AOC+ZWuipAStUQusGFDgawQFK+TOjYtWhFvBhwsTnlsWseITDfDibVoCAtivgFUINtxY8VnHiwdz/ty2MwoBkrVSJtEAbNjAjxeDnu25cOLaoU2sSa236wCrKglvpss5t/DHcuEO31z57laxTisniErganQSNldf3869u/fv4MOLH0++vHk/A5YQeISjQfBr6yTIl5/Sxp2/76sNmM9fuwsDESyAHzgJ8DdfbzN4JWCkBBFYd40DBsqXgA0DMIhMfsQUGGEENjRQIR4v7Rehfy9gWE18/DkEnh0RJELieTDGKOOMNAa1DlkS1Bceap894ICJUNjhCJAyFNAjWahAA8ECTKrow5FkIVDNMcgMAwSUzFnCAJMLvHiDBFBKWQ1LLgERAZRJBpVTiQ70eMBQDSigAHSnLYCAj2kCJYCcBjwz3h98EnkUM1adJ2iNiCaq6KKLhgAAIfkECQcAAAAsAAAAAGQAZAAABf8gII5kaZ5oqq5s675wLM90bd94ru987//AoHAYEywShIWAyKwtCMjEokmFCaJQwrLKVTWy0UZ3jCqAC+SfoCF+NQrIQrvFWEQU87RpQOgbYg0MMAwJDoUEeXoiX2Z9iT0LhgmTU4okEH0EZgNCk4WFEZYkX5kEEEJwhoaVoiIGmklDEJOSgq0jDAOnRBBwBba3wcLDxMXGx8jJysvMzUJbzgAGn7s2DQsFEdXLCg4HDt6cNhHZ2dDJAuDqhtbkBe+Pxgze4N8ON+Tu58jp6+A3DPJtU9aNnoM/OBrs4wYuAcJoPYBBnEixosWLGDNq3Mixo8ePIEOKxGHEjIGFKBj/DLyY7oDLA1pYKIgQQcmKBw9O4MxZYmdPnyRwjhAKgOhQoCcWvDyA4IC4FAHtaLvJM2hOo0WvVs3K9ehRrVZZeFsKc0UDmnZW/jQhFOtOt2C9ingLt+uJsU1dolmhwI5NFVjnxhVsl2tdwkgNby0RgSyCpyogqGWbOOvitlvfriVc2LKKli9jjkRhRNPJ0ahTq17NurXr17Bjy55NG0UDBQpOvx6AoHdTiTQgGICsrIFv3wdQvoCwoC9xZAqO+34Ow0DfBQ+VEZDeW4GNOgsWTC4WnTv1QQaAJ2vA9Hhy1wPaN42XWoD1Acpr69/Pv79/ZgN8ch5qBUhgoIF7BSMAfAT07TDAgRCON8ZtuDWYQwIQHpigKAzgpoCEOGCYoQQJKGidARaaYB12LhAwogShKMhAiqMc8JYDNELwIojJ2EjXAS0UCOGAywxA105EjgBBBAlMZdECR+LESmpQRjklagxE+YB6oyVwZImtCUDAW6K51mF6/6Wp5po2hAAAIfkECQcAAAAsAAAAAGQAZAAABf8gII5kaZ5oqq5s675wLM90bd94ru987//AoHAYE0AWC4iAyKwNCFDCoEmFCSJRQmRZ7aoaBWi40PCaUc/o9OwTNMqvhiE84LYYg4GSnWpEChEQMQ0MVlgJWnZ8I36AgHBAT4iIa4uMjo9CC5MECZWWAI2Oij4GnaefoEcFBYVCAlCIBK6gIwwNpEACCgsGubXAwcLDxMXGx8jJysvMZ7/KDAsRC5A1DQO9z8YMCQ4J39UzBhHTCtrDAgXf3gkKNg3S0hHhx9zs3hE3BvLmzOnd6xbcYDCuXzMI677RenfOGAR1CxY26yFxosWLGDNq3Mixo8ePIEOKHEmyZDEBAwz/GGDQcISAlhMFLHBwwIEDXyyOZFvx4MGJnj5LABU6lETPEUcBJEVa9MQAm1Ad0CshE4mCqUaDZlWqlatXpl9FLB26NGyKCFBr3lyxCwk1nl3F+iwLlO7crmPr4r17NqpNAzkXKMCpoqxcs0ftItaaWLFhEk9p2jyAlSrMukTjNs5qOO9hzipkRiVsMgXKwSxLq17NurXr17Bjy55Nu7ZtIoRWwizZIMGB3wR2f4FQuVjv38gLCD8hR8HVg78RIEdQnAUD5woqHjMgPfpv7S92Oa8ujAHy8+TZ3prYgED331tkp0Mef7YbJctv69/Pv7//HOlI0JNyQ+xCwHPACOCAmV4S5AfDAAhEKF0qfCyg14BANCChhAc4CAQCFz6mgwIbSggYKCGKmAOJJSLgDiggXiiBC9cQ5wJ3LVJ4hoUX5rMCPBIEKcFbPx5QYofAHKAXkissIKSQArGgIYfgsaGAki62JMCTT8J0Wh0cQcClkIK8JuaYEpTpGgMIjIlAlSYNMKaOq6HUpgQIgDkbAxBAAOd/gAYqKA0hAAAh+QQJBwAAACwAAAAAZABkAAAF/yAgjmRpnmiqrmzrvnAsz3Rt33iu73zv/8CgcChrQAYNotImiBQKi+RyCjM4nwOqtmV4Og3bcIpRuDLEaBNDoTjDGg1BWmVQGORDA2GfnZusCxFgQg17BAUEUn4jEYGNQwOHhhCLJFYREQpDEIZ7ipUCVgqfQAt7BYOVYkduqq6vsLGys7S1tre4ubq7UwIDBn04DAOUuwJ7CQQReDUMC8/FuXrJydE0Bs92uwvUBAnBNM7P4LcK3ufkMxDAvMfnBbw9oQsDzPH3+Pn6+/z9/v8AAwocSLCgwYO9IECwh9AEBAcJHCRq0aAOqRMPHmDMaCKjRhIeP47gKIIkyZEeU/8IgMiSABc2mlacRAlgJkebGnGizCmyZk8UAxIIHdoqRR02LGaW5AkyZFOfT5c6pamURFCWES+aCGWgKIqqN3uGfapzqU+xTFEIiChUYo+pO0uM3fnzpMm6VUs8jDixoVoIDBj6HUy4sOHDiBMrXsy4sWMSTSRkLCD4ltcZK0M+QFB5lgIHEFPNWKB5cq7PDg6AFh0DQem8sVaCBn0gQY3XsGExSD0bdI0DryXgks0bYg3SpeHhQj07HQzgIR10lmWAr/MYC1wjWDD9sffv4MOLR3j1m5J1l/0UkMCevXIgDRIcQHCAQHctENrrv55D/oH/B7ynnn7t2fYDAwD+R59zVmEkQCB7BvqgQIIAphdGBA9K4JILcbzQAID0/cfgFvk9aE0KDyFA34kp+AdgBK4MQKCAKEqg4o0sniBAAQBS9goEESQQQY4nJHDjjRGy0EBg/Rx55GFO3ngYAVFuWBiCRx4w4kENFKBiAVuOJ+aYZIoZAgAh+QQJBwAAACwAAAAAZABkAAAF/yAgjmRpnmiqrmzrvnAsz3Rt33iu73zv/8CgcChrMBoNotImUCwiiuRyCoNErhEIdduCPJ9arhgleEYWgrHaxIBAGDFkep1iGBhzobUQkdJLDAtOYUENEXx8fn8iBguOBkMNiImLJF6CA0MCBYh9lSMCEAYQikAMnBFwn2MCRquvsLGys7S1tre4ubq7vDqtpL5HvAIGBMYDeTTECgrJtwwEBcYEzjIMzKO7A9PGpUUGzN61EMbSBOIxoei0ZdOQvTuhAw3V8Pb3+Pn6+/z9/v8AAwocSBCQo0wFUwhI8KDhgwPrerUSUK8EAYcOD/CTRCABGhUMMGJ8d6JhSZMlHP+mVEkCJQCULkVgVFggQUcCC1QoEOlQQYqYMh+8FDrCZEyjRIMWRdoyaZ2bNhOoOmGAZ8OcKIAO3bqUpdKjSXk25XqiQdSb60JaJWlCK9OlZLeChetVrtMSm85iTXFRpMafdYfefRsUqEuYg7WWkGTTk4qFGB1EHEavIpuDCTNr3sy5s+fPoEOLHk063YCaCZD1mlpjk4TXrwtYjgWh5gLWMiDA3o3wFoQECRwExw2jwG7YCXDlFS58r4wEx187wMUgOHDgEWpEiC4h+a281h34pKE7em9b1YUDn7xiwHHZugKdYc/CSoIss0vr38+/v//RTRAQhRIC4AHLAAcgoCCkAuf50IACDkTYzCcCJLiggvTRAKEDB0TIFh0GXLjgeD4wwGGEESaQIREKiKggiT2YiOKJxI0xgIsIfKgCPS+YFWGHwq2oiYULHpCfCFZE+FELBszoQIN0NEDkATWaIACHB2TpwJEAEGOdaqsIMIACYLKwQJZoHuDcCkZweUsBaCKQJQGfEZBmlgV8ZkCCceqYWXVpUgOamNEYIOR/iCaq6KIAhAAAIfkECQcAAAAsAAAAAGQAZAAABf8gII5kaZ5oqq5s675wLM90bd94ru987//AoHBIExCPOMhiAUE6ZYLl0vissqJSqnWLGiwUA64Y1WiMfwKGmSgwgM+otsKwFhoWkYgBbmIo/gxEeXgLfCUNfwp1QQp4eoaHakdRelqQl5iZmpucnZ6foKGioz8LCA8IC5akOAcPr68Oq6CzMguwuAWjEBEFC4syDriwEqICvcg2w7iiDQXPBRHAMKfLD8bR0RE2t8u6ogzPEU01AsK4ErWdAtMzxxKvBeqs9PX29/j5+vv8/f7/AAMKNAEBwryBJAYgkMCwEMIUAxhKlOBQn4AB0cKsWDiRYTsRr07AMjGSBDOT10D/pgyJkmUXAjAJkEMBoaPEmSRTogTgkue1niGB6hwptAXMAgR8qahpU4JGkTpHBI06bGdRlSdV+lQRE6aCjU3n9dRatCzVoT/NqjCAFCbOExE7VoQ6tqTUtC2jbtW6967eE2wjPFWhUOLchzQNIl7MuLHjx5AjS55MubJlGQ3cKDj4kMEBBKARDKZ1ZwDnFQI+hwb9UZMAAglgb6uhcDXor6EUwN49GoYC26AJiFoQu3jvF7Vt4wZloDjstzBS2z7QWtPuBKpseA594LinAQYU37g45/Tl8+jTq19fmUF4yq8PfE5QPQeEAgkKBLpUQL7/BEJAkMCADiSwHx8NyIeAfH8IHOgDfgUm4MBhY0Dg34V7ACEhgQnMxocACyoon4M9EBfhhJdEcOEBwrkwQAQLeHcCAwNKSEB9VRzjHwHmAbCAA0Ci6AIDeCjiGgQ4jjBAkAcAKSNCCgQZ5HKOGQBkk0Bm+BgDUjZJYmMGYOmAlpFlRgd7aKap5poyhAAAIfkECQcAAAAsAAAAAGQAZAAABf8gII5kaZ5oqq5s675wLM90bd94ru987//AoHBIExCPOIHB0EA6ZUqFwmB8WlkCqbR69S0cD8SCy2JMGd3f4cFmO8irRjPdW7TvEaEAYkDTTwh3bRJCEAoLC35/JIJ3QgaICwaLJYGND0IDkRCUJHaNBXoDAxBwlGt3EqadRwIFEmwFq6y0tba3uLm6u7y9viYQEQkFpb8/AxLJybLGI7MwEMrSA81KEQNzNK/SyQnGWQsREZM1CdzJDsYN4RHh2TIR5xLev1nt4zbR59TqCuOcNVxxY1btXcABBBIkGPCsmcOHECNKnEixosWLGDNq3MjxCIRiHV0wIIAAQQKAIVX/MDhQsqQElBUFNFCAjUWBli0dGGSEyUQbn2xKOOI5IigAo0V/pmBQIEIBgigg4MS5MynQoz1FBEWKtatVrVuzel2h4GlTflGntnzGFexYrErdckXaiGjbEv6aEltxc+qbFHfD2hUr+GvXuIfFmmD6NEJVEg1Y4oQJtC3ixDwtZzWqWfGJBksajmhA0iTllCk+ikbNurXr17Bjy55Nu7bt20HkKGCwOiWDBAeC63S4B1vvFAIIBF+e4DEuAQsISCdHI/Ly5ad1QZBeQLrzMssRLFdgDKF0AgUUybB+/YB6XiO7Sz9+QkAE8cEREPh+y8B5hjbYtxxU6kDQAH3I7XEgnG4MNujggxBGCAVvt2XhwIUK8JfEIX3YYsCFB2CoRwEJJEQAgkM0ANyFLL7HgwElxphdGhCwCKIDLu4QXYwEUEeJAAnc6EACOeowAI8n1TKAjQ74uIIAo9Bnn4kRoDgElEEmQIULNWY54wkMjAKSLQq+IMCQQwZp5UVdZpnkbBC4OeSXqCXnJpG1qahQc7c1wAADGkoo6KCEFrpCCAA7AAAAAAAAAAAA\"","module.exports = __webpack_public_path__ + \"meestportalsmall.png\";","import { Component, OnInit, Input, ViewChild, ElementRef, Renderer2 } from '@angular/core';\r\nimport { Router, ActivatedRoute, ParamMap } from '@angular/router';\r\n\r\nimport { CreditCard, CreditCardResponse } from './creditCard';\r\nimport * as FileSaver from 'file-saver';\r\n\r\nimport { CookieService } from 'ngx-cookie-service';\r\nimport { DataService } from './../data.service';\r\n\r\n@Component({\r\n selector: 'payment-result',\r\n templateUrl: './payment-result.component.html',\r\n providers: [CookieService],\r\n styles: [`\r\n .txtLabel {\r\n font-weight: bold;\r\n }\r\n .txt {\r\n }\r\n `]\r\n\r\n})\r\nexport class PaymentResultComponent implements OnInit {\r\n @Input() parcelid: number;\r\n parcel: any;\r\n paycode: string;\r\n errorMessage: string;\r\n statusMessage: string;\r\n\r\n private baseURL: string;\r\n model: any;\r\n loading: boolean;\r\n\r\n constructor(private dataService: DataService, private router: Router, private route: ActivatedRoute, private cookieService: CookieService) { }\r\n\r\n ngOnInit() {\r\n this.route.paramMap.subscribe(params => {\r\n this.parcelid = Number(params.get('id'));\r\n\r\n this.loading = false;\r\n this.statusMessage = '';\r\n this.errorMessage = '';\r\n\r\n var credenc = encodeURIComponent(this.cookieService.get('authHash'));\r\n this.dataService.loginEncrypted(credenc).subscribe((ui: any) => {\r\n this.dataService.userData = ui;\r\n this.dataService.loggedIn = true;\r\n\r\n this.dataService.getPaymentResult(this.parcelid).subscribe((res: any[]) => {\r\n this.model = res.length > 0 ? res[0] : {};\r\n\r\n if (this.model.ShipmentID)\r\n this.statusMessage = this.model.isApproved ? 'Payment Completed' : 'Payment error';\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n\r\n });\r\n }\r\n\r\n cancelOK() {\r\n if (!this.model.isApproved) {\r\n setTimeout(() => { this.router.navigate(['home']); });\r\n return;\r\n }\r\n\r\n this.loading = true;\r\n var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\r\n if (isSafari)\r\n setTimeout(() => { this.router.navigate(['home']); });\r\n else\r\n this.dataService.downloadInvoiceAsync(this.parcelid, false)\r\n .subscribe((response) => { // download file\r\n this.loading = false;\r\n\r\n var blob = new Blob([response], { type: 'application/pdf' });\r\n var filename = `${this.model.ShipmentID}.pdf`;\r\n FileSaver.saveAs(blob, filename);\r\n setTimeout(() => { this.router.navigate(['home']); });\r\n });\r\n }\r\n}\r\n","import { Component, OnInit, Input, ViewChild, ElementRef, AfterViewInit } from '@angular/core';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { DomSanitizer, Title } from '@angular/platform-browser';\r\nimport { Observable, zip, concat } from 'rxjs';\r\nimport { FileUploader, FileItem, FileUploaderOptions } from 'ng2-file-upload';\r\n\r\nimport { DataService } from '../data.service';\r\n@Component({\r\n selector: 'app-document-upload',\r\n template: `\r\n \r\n \r\n \r\n\r\n \r\n
\r\n {{errorMessage}} \r\n
\r\n\r\n
\r\n\r\n
\r\n
Hello, {{parcel.s_firstnm}} {{parcel.s_lastnm}}!
\r\n
Your shipment {{parcel.code_a}} is almost ready.
\r\n\r\n
To proceed, please upload a copy of the recipient’s ID (Passport or Aadhaar Card) here:
\r\n\r\n
Document Number:
\r\n
Document Type:\r\n \r\n Passport \r\n Aadhaar Card \r\n \r\n
\r\n\r\n
\r\n
\r\n\r\n
This step is required to ensure smooth shipping. Thank you for your prompt action!
\r\n
\r\n \r\n
\r\n\r\n
\r\n
Hello, {{parcel.s_firstnm}} {{parcel.s_lastnm}}!
\r\n
Documents for your shipment {{parcel.code_a}} have been successfully uploaded.
\r\n
You can close this window now. Thank you for using Meest!
\r\n
\r\n\r\n
, next: HttpHandler): Observable> {\r\n let headers = request.headers.has('TargetService') ? request.headers : request.headers.set('TargetService', 'MeestPortal');\r\n if (this.dataService.userData) {\r\n headers = headers.set(\"authHash\", this.dataService.userData.Hash);\r\n if (this.dataService.userData.Token)\r\n headers = headers.set(\"Authorization\", 'Bearer ' + this.dataService.userData.Token);\r\n }\r\n\r\n request = request.clone({\r\n headers: headers\r\n });\r\n\r\n return next.handle(request).pipe(tap((event: HttpEvent) => {\r\n },\r\n (err: any) => {\r\n //if (err instanceof HttpErrorResponse) {\r\n // if (err.error && err.error.ExceptionMessage === 'Token error') {\r\n // this.state.token = null;\r\n // this.state.loggedIn = false;\r\n // this.router.navigate(['login']);\r\n // }\r\n //}\r\n }));\r\n }\r\n}\r\n","import { Component, OnChanges, Input } from '@angular/core';\r\nimport { trigger, state, animate, transition, style } from '@angular/animations';\r\n\r\n@Component({\r\n selector: 'my-fader',\r\n animations: [\r\n trigger('isVisibleChanged', [\r\n state('true', style({ opacity: 1, transform: 'scale(1.0)' })),\r\n state('false', style({ opacity: 0, transform: 'scale(0.0)' })),\r\n transition('true => false', animate('900ms')),\r\n transition('false => true', animate('300ms'))\r\n ])\r\n ],\r\n template: `\r\n \r\n `,\r\n styles: [`\r\n .popup { position:fixed;top:30vh;left:10%;border:2px solid red;background:#fbc39a;border-radius: 5px;padding:10px 20px }\r\n `]\r\n})\r\nexport class FaderComponent {\r\n @Input() isVisible: string = 'true';\r\n}\r\n","import { Directive, ElementRef, HostListener, Input } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[numbersOnly]'\r\n})\r\nexport class NumberOnlyDirective {\r\n @Input() allowDecimals: boolean = false;\r\n @Input() allowSign: boolean = false;\r\n @Input() maxValue = 0;\r\n //private regex: RegExp = new RegExp(/^[0-9]+(\\.[0-9]*){0,1}$/g);\r\n // Regular expressions\r\n integerUnsigned: string = '^[0-9]+$';\r\n integerSigned: string = '^-?[0-9]+$';\r\n decimalUnsigned: string = '^[0-9]+(.[0-9]?)?$';\r\n decimalSigned: string = '^-?[0-9]+(.[0-9]?)?$';\r\n\r\n // Allow key codes for special events. Reflect :\r\n // Backspace, tab, end, home\r\n private specialKeys: Array = ['Backspace', 'Tab', 'End', 'Home', 'ArrowLeft', 'ArrowRight', 'Escape', 'Delete' ];\r\n\r\n constructor(private el: ElementRef) {\r\n }\r\n\r\n @HostListener('keydown', [ '$event' ])\r\n onKeyDown(event: KeyboardEvent) {\r\n // Allow Backspace, tab, end, and home keys\r\n if (this.specialKeys.indexOf(event.key) !== -1) {\r\n return;\r\n }\r\n\r\n let regex: string;\r\n if (!this.allowDecimals && !this.allowSign) regex = this.integerUnsigned;\r\n if (!this.allowDecimals && this.allowSign) regex = this.integerSigned;\r\n if (this.allowDecimals && !this.allowSign) regex = this.decimalUnsigned;\r\n if (this.allowDecimals && this.allowSign) regex = this.decimalSigned;\r\n\r\n // Do not use event.keycode this is deprecated.\r\n // See: https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode\r\n let current: string = this.el.nativeElement.value;\r\n // We need this because the current value on the DOM element\r\n // is not yet updated with the value from this event\r\n let next: string = current.concat(event.key);\r\n if (next && (!String(next).match(regex) || (this.maxValue > 0 && Number(next) > this.maxValue))) {\r\n event.preventDefault();\r\n }\r\n }\r\n}\r\n","import { Component, ViewChild, EventEmitter, Output, OnInit, AfterViewInit, Input } from '@angular/core';\r\nimport { FormGroup, FormBuilder } from '@angular/forms';\r\ndeclare var google: any;\r\n\r\n@Component({\r\n selector: 'address-autocomplete',\r\n template: `\r\n = new EventEmitter();\r\n @ViewChild('addresstext', { static: false }) addresstext: any;\r\n autocomplete: any; // google.maps.places.Autocomplete;\r\n\r\n autocompleteInput: string;\r\n componentForm_s: any;\r\n formElements_s: any;\r\n\r\n constructor() {\r\n this.componentForm_s = {\r\n street_number: 'short_name',\r\n route: 'long_name',\r\n locality: 'long_name',\r\n administrative_area_level_1: 'short_name',\r\n country: 'long_name',\r\n postal_code: 'short_name'\r\n };\r\n\r\n this.formElements_s = {\r\n street_number: 'sstreetn',\r\n route: 'sstreet',\r\n locality: 'scity',\r\n administrative_area_level_1: 'soblast',\r\n country: 'scountry',\r\n postal_code: 'szip'\r\n };\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.getPlaceAutocomplete();\r\n }\r\n\r\n private getPlaceAutocomplete() {\r\n this.autocomplete = new google.maps.places.Autocomplete(document.getElementById(this.inputElement ? this.inputElement : 'g_autocomplete_s') , //this.addresstext.nativeElement,\r\n {\r\n types: ['geocode']\r\n });\r\n google.maps.event.addListener(this.autocomplete, 'place_changed', () => {\r\n const place = this.autocomplete.getPlace();\r\n this.invokeEvent(place);\r\n });\r\n\r\n if (this.countryRestrictions)\r\n this.autocomplete.setComponentRestrictions({ 'country': this.countryRestrictions });\r\n }\r\n\r\n invokeEvent(place: any) {\r\n if (!place.address_components)\r\n return;\r\n\r\n console.log(place);\r\n var stateprov = '';\r\n var country = '';\r\n var elems = [];\r\n\r\n for (var i = 0; i < place.address_components.length; i++) {\r\n for (var j = 0; j < place.address_components[i].types.length; j++) {\r\n var addressType = place.address_components[i].types[j];\r\n if (this.componentForm_s[addressType]) {\r\n var vald = place.address_components[i][this.componentForm_s[addressType]];\r\n\r\n if (this.formElements_s[addressType] == 'soblast')\r\n stateprov = vald;\r\n else if (this.formElements_s[addressType] == 'scountry') {\r\n if (vald == 'United States') vald = 'USA';\r\n country = vald;\r\n }\r\n else\r\n elems.push({ key: this.formElements_s[addressType], value: vald });\r\n break;\r\n }\r\n }\r\n }\r\n\r\n setTimeout(() => this.setAddress.emit({ country: country, stateprov: stateprov, elems: elems }));\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\r\n\r\nimport { QuestionBase } from './question-base';\r\n\r\n@Injectable()\r\nexport class QuestionControlService {\r\n constructor() { }\r\n\r\n toFormGroup(questions: QuestionBase[]) {\r\n let group: any = {};\r\n\r\n questions.filter(x => x.active).sort((a, b) => a.order - b.order).forEach(question => {\r\n group[question.key] = question.required ? new FormControl(question.value || '', Validators.required)\r\n : new FormControl(question.value || '');\r\n });\r\n return new FormGroup(group);\r\n }\r\n\r\n addFormGroup(questions: QuestionBase[], formGroup: FormGroup) {\r\n let group: any = {};\r\n\r\n questions.filter(x => x.active).sort((a, b) => a.order - b.order).forEach(question => {\r\n let ctrl = question.required ? new FormControl(question.value || '', Validators.required) : new FormControl(question.value || '');\r\n formGroup.addControl(question.key, ctrl);\r\n });\r\n }\r\n}\r\n","import { Component, Input, Output, EventEmitter, OnInit, AfterViewChecked, OnChanges, SimpleChange, QueryList, ViewChildren, ChangeDetectorRef } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\n\r\nimport { QuestionBase, TextboxQuestion } from './../question-base';\r\nimport { QuestionControlService } from './../question-control.service';\r\nimport { DynamicFormQuestionComponent } from './dynamic-form-question.component';\r\n\r\n@Component({\r\n selector: 'app-dynamic-form',\r\n providers: [QuestionControlService],\r\n template: `\r\n \r\n `,\r\n styles: [`\r\n .btn { margin-right: 7px }\r\n .form-height { overflow-y: auto }\r\n .m00 { margin-right: 0; margin-left: 0; padding-left: 0 }\r\n `]\r\n})\r\nexport class DynamicFormComponent implements OnInit, AfterViewChecked {\r\n\r\n @Input() questions: QuestionBase[] = [];\r\n @Input() questionsCol2: QuestionBase[];\r\n @Input() col2Width: number = 0;\r\n @Input() horizontal: boolean = false;\r\n @Input() noGroup: boolean = false;\r\n form: FormGroup;\r\n payLoad = '';\r\n butDisabled: boolean = false;\r\n classLeft: string;\r\n classRight: string;\r\n @Input() txtOK = 'OK';\r\n @Input() txtOKClass = '';\r\n @Input() txtCancel = 'Cancel';\r\n @Input() txtButton: string = null;\r\n @Input() auxButtons: any[];\r\n @Output() onInited = new EventEmitter();\r\n @Output() onSubmitted = new EventEmitter();\r\n @Output() onButtonClicked = new EventEmitter();\r\n @Output() onAuxButtonClicked = new EventEmitter();\r\n @Output() onCheckChange = new EventEmitter();\r\n @Output() oninputChange = new EventEmitter();\r\n changesDetected: boolean = false;\r\n\r\n @ViewChildren('qList') private qList: QueryList;\r\n @ViewChildren('qList2') private qList2: QueryList;\r\n\r\n constructor(private qcs: QuestionControlService, private ref: ChangeDetectorRef) { }\r\n\r\n ngOnInit() {\r\n if (!this.auxButtons) this.auxButtons = [];\r\n if (!this.txtOKClass) this.txtOKClass = '';\r\n }\r\n\r\n ngOnChanges(changes: { [propKey: string]: SimpleChange }) {\r\n let changedProp = changes['questions'];\r\n this.questions = changedProp.currentValue;\r\n if (this.questions) {\r\n this.changesDetected = true;\r\n this.form = this.qcs.toFormGroup(this.questions);\r\n this.classLeft = '';\r\n this.classRight = '';\r\n if (this.noGroup)\r\n this.classLeft = 'form-group form-height';\r\n\r\n if (this.questionsCol2) {\r\n this.qcs.addFormGroup(this.questionsCol2, this.form);\r\n\r\n this.classLeft += ' m00';\r\n if (this.noGroup)\r\n this.classRight = 'form-group form-height';\r\n this.classRight += ' m00';\r\n\r\n if (this.col2Width && this.col2Width > 0 && this.col2Width < 12) {\r\n var lw = 12 - this.col2Width;\r\n this.classLeft += ` col-sm-${lw}`;\r\n this.classRight += ` col-sm-${this.col2Width}`;\r\n }\r\n else {\r\n this.classLeft += ' col-sm-6';\r\n this.classRight += ' col-sm-6';\r\n }\r\n }\r\n }\r\n }\r\n\r\n ngAfterViewChecked() {\r\n if (!this.changesDetected)\r\n return;\r\n\r\n this.changesDetected = false;\r\n\r\n if (this.questions && this.questions.length > 0) {\r\n this.ref.detectChanges();\r\n\r\n setTimeout(() => {\r\n this.onInited.emit(this.questions[0].page);\r\n\r\n if (this.questionsCol2 && this.questionsCol2.length > 0)\r\n this.onInited.emit(this.questionsCol2[0].page);\r\n });\r\n }\r\n }\r\n\r\n onSubmit() {\r\n this.payLoad = JSON.stringify(this.form.value);\r\n this.onSubmitted.emit(this.payLoad);\r\n }\r\n\r\n checkChanged(arg: any) {\r\n if (arg.type == 'checkbox')\r\n this.form.controls[arg.key].setValue(arg.value === true ? '1' : '0');\r\n\r\n this.onCheckChange.emit(arg);\r\n }\r\n\r\n setDisabled(val: boolean) {\r\n this.butDisabled = val;\r\n }\r\n\r\n externalChanges() {\r\n if (this.qList) for (var q of this.qList.toArray())\r\n if (q.question.controlType != 'calendar') q.externalChanges();\r\n if (this.qList2) for (var q of this.qList2.toArray())\r\n if (q.question.controlType != 'calendar') q.externalChanges();\r\n }\r\n\r\n updateQuestions(keys: string[]) {\r\n for (var q of this.qList.toArray()) {\r\n let key = keys.find(x => x === q.question.key);\r\n if (key) {\r\n q.init();\r\n q.externalChanges();\r\n }\r\n }\r\n }\r\n}\r\n","import { Component, Input, Output, EventEmitter, AfterViewInit, ViewChild, ChangeDetectorRef } from '@angular/core';\r\nimport { FormGroup, FormControl } from '@angular/forms';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\n\r\nimport { QuestionBase, TextboxQuestion } from './../question-base';\r\nimport { TreeReactiveComponent } from './tree.component';\r\n\r\n@Component({\r\n selector: 'app-question',\r\n template: `\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{opt.value}} \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
{{question.label ? question.label : 'Field'}} is required
\r\n
;\r\n @Input() form: FormGroup;\r\n @Input() horizontal: boolean = false;\r\n @Input() noGroup: boolean = false;\r\n get isValid() { return this.form.controls[this.question.key].valid || this.form.controls[this.question.key].pristine }\r\n @Output() oncheckChange = new EventEmitter();\r\n @Output() oninputChange = new EventEmitter();\r\n\r\n @ViewChild('input', { static: false }) vc;\r\n @ViewChild('chk', { static: false }) chk;\r\n @ViewChild('ddown', { static: false }) ddown;\r\n @ViewChild('tarea', { static: false }) tarea;\r\n lblClass: string = '';\r\n vertClass: string = '';\r\n horzClass: string = '';\r\n labelHTML: SafeHtml;\r\n isSafari: boolean;\r\n isNumberSafari = false;\r\n safariPattern = '\\\\d*';\r\n\r\n constructor(private ref: ChangeDetectorRef, private sanitizer: DomSanitizer) { }\r\n\r\n ngOnInit() {\r\n this.isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\r\n\r\n this.init();\r\n }\r\n\r\n init() {\r\n this.lblClass = this.horizontal && this.question.controlType != 'checkbox' ? (this.question.labelClass ? this.question.labelClass : 'control-label col-sm-3 col-md-2 ') : '';\r\n\r\n if (this.question.controlType == 'label') {\r\n this.lblClass = this.question.width;\r\n if (this.question.containerClass)\r\n this.vertClass = this.question.containerClass;\r\n }\r\n else {\r\n this.vertClass = this.noGroup ? '' : 'form-group ';\r\n this.vertClass = this.vertClass + (this.horizontal ? '' : this.question.width);\r\n if (this.question.containerClass)\r\n this.vertClass += (' ' + this.question.containerClass);\r\n\r\n if (this.question.label == '')\r\n this.lblClass += ' inline';\r\n }\r\n\r\n if (this.question.hidden)\r\n this.vertClass += ' hiddenCtl';\r\n\r\n this.horzClass = this.horizontal ? this.question.width :\r\n (this.question.controlType == 'textarea' || this.question.controlType == 'datepicker' || this.question.controlType == 'timepicker' || this.question.controlType == 'multidropdown' ? '' : 'inline');\r\n\r\n if (this.question.controlType == 'checkbox')\r\n this.horzClass += ' checkbox';\r\n\r\n if (this.question.label && this.question.label != '')\r\n this.labelHTML = this.sanitizer.bypassSecurityTrustHtml(this.question.label);\r\n\r\n if (this.question.controlType == 'textbox' && (this.question).type == 'number' && this.isSafari) {\r\n (this.question).type = 'text';\r\n this.isNumberSafari = true;\r\n }\r\n }\r\n\r\n ngAfterViewInit() {\r\n var ctrl = this.form.controls[this.question.key];\r\n if (this.vc && this.question.focused)\r\n this.vc.nativeElement.focus();\r\n if (this.chk) {\r\n this.chk.nativeElement.checked = this.question.value == '1' ? '1' : null;\r\n ctrl.registerOnChange(() => {\r\n this.chk.nativeElement.checked = ctrl.value == '1' ? '1' : null;\r\n });\r\n }\r\n if (this.ddown || this.tarea || this.chk) {\r\n if (this.question[\"readonly\"])\r\n ctrl.disable();\r\n }\r\n if (this.question.value) {\r\n ctrl.patchValue(this.question.value);\r\n this.ref.detectChanges();\r\n }\r\n }\r\n\r\n checkChange(e) {\r\n this.oncheckChange.emit({ key: this.question.key, type: this.question.controlType, value: this.question.controlType == 'checkbox' ? e.target.checked : e.target.value });\r\n }\r\n\r\n externalChanges() {\r\n if (this.question.value) \r\n this.form.controls[this.question.key].patchValue(this.question.value);\r\n\r\n var ctrl = this.form.controls[this.question.key];\r\n if (this.ddown || this.tarea || this.chk) {\r\n if (this.question[\"readonly\"])\r\n ctrl.disable();\r\n else\r\n ctrl.enable();\r\n }\r\n\r\n this.ref.detectChanges();\r\n }\r\n}\r\n","import { Component, Input, forwardRef, ViewChild, ViewChildren, QueryList } from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\nimport { TreeModule, ITreeOptions, TreeModel, TreeNode, TreeComponent, IActionMapping, TREE_ACTIONS, KEYS } from 'angular-tree-component';\r\n\r\nimport { DataService } from './../data.service';\r\n\r\nconst noop = () => { };\r\n\r\ninterface IDictionary {\r\n [index: number]: any;\r\n}\r\n\r\n@Component({\r\n selector: 'tree-reactive',\r\n template: `\r\n \r\n \r\n {{ node.data.name }} \r\n \r\n \r\n `,\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n multi: true,\r\n useExisting: forwardRef(() => TreeReactiveComponent),\r\n }\r\n ],\r\n //host: {\r\n // (change): '_onChange($event.target.value)'\r\n //}\r\n})\r\nexport class TreeReactiveComponent implements ControlValueAccessor {\r\n nodes: any;\r\n @Input() options: any;\r\n @Input() readonly: boolean;\r\n optionsTree: ITreeOptions;\r\n actionMapping: IActionMapping;\r\n @ViewChild('tree', { static: false }) treeComponent: TreeComponent;\r\n @ViewChildren('pop') pop: QueryList;\r\n\r\n private _onChange: (_: any) => void = noop;\r\n values: IDictionary;\r\n htmlHelpText: SafeHtml;\r\n\r\n constructor(private dataService: DataService, private sanitizer: DomSanitizer) {\r\n this.options = {};\r\n this.values = {};\r\n }\r\n\r\n ngOnInit() {\r\n this.actionMapping = {\r\n mouse: {\r\n click: (tree, node, $event) => this.nodeClick(node, $event), // TREE_ACTIONS.TOGGLE_SELECTED_MULTI,\r\n dblClick: null,\r\n contextMenu: null,\r\n expanderClick: TREE_ACTIONS.TOGGLE_EXPANDED,\r\n drop: TREE_ACTIONS.MOVE_NODE\r\n },\r\n keys: {\r\n [KEYS.RIGHT]: TREE_ACTIONS.DRILL_DOWN,\r\n [KEYS.LEFT]: TREE_ACTIONS.DRILL_UP,\r\n [KEYS.DOWN]: TREE_ACTIONS.NEXT_NODE,\r\n [KEYS.UP]: TREE_ACTIONS.PREVIOUS_NODE,\r\n [KEYS.SPACE]: TREE_ACTIONS.TOGGLE_SELECTED,\r\n [KEYS.ENTER]: TREE_ACTIONS.TOGGLE_SELECTED\r\n }\r\n }\r\n\r\n this.options = {\r\n actionMapping: this.actionMapping,\r\n animateExpand: true,\r\n animateSpeed: 90,\r\n animateAcceleration: 1.2\r\n //getChildren: this.loadOptions.bind(this)\r\n }\r\n }\r\n\r\n nodeClick(node: TreeNode, evt: any) {\r\n if (!this.readonly) {\r\n if (!node.isActive)\r\n this.values[node.id] = node.data;\r\n else\r\n delete this.values[node.id]\r\n this._onChange(this.values);\r\n\r\n node.setIsActive(!node.isActive, true);\r\n }\r\n //else\r\n // node.toggleExpanded();\r\n }\r\n\r\n writeValue(value: any): void {\r\n this.nodes = value;\r\n this.values = {};\r\n if (!value || value === '')\r\n return;\r\n\r\n setTimeout(() => {\r\n this.treeComponent.treeModel.doForAll((node) => {\r\n if (node.data.IsSelected) {\r\n this.values[node.id] = node.data;\r\n node.setIsActive(true, true);\r\n node.ensureVisible();\r\n }\r\n });\r\n this._onChange(this.values);\r\n });\r\n }\r\n\r\n registerOnChange(fn: (_: any) => void): void {\r\n this._onChange = fn;\r\n }\r\n\r\n registerOnTouched(fn: any): void {\r\n //this._onTouched = fn;\r\n }\r\n\r\n private traverseTree(nodes: any[], crit: any): boolean {\r\n for (var n of nodes) {\r\n crit.ix++;\r\n if (n.id == crit.id)\r\n return true;\r\n if (!n.isCollapsed && !n.isLeaf && n.children) {\r\n if (this.traverseTree(n.children, crit))\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n}\r\n","import { Component, OnInit, Input, NgZone } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\r\n//import { } from 'googlemaps';\r\ndeclare var google: any;\r\n\r\nimport { initAutocomplete, initAutocomplete_s, restrictCountry, buildSenderAddress, getAddressComponent } from './autocompleteAddress';\r\nimport { DataService } from '../data.service';\r\n\r\n@Component({\r\n selector: 'app-map',\r\n template: `\r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n {{errorMessage}} \r\n
\r\n\r\n
\r\n\r\n
\r\n {{agentAddr}}
\r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n {{errorMessage}} \r\n
\r\n\r\n \r\n\r\n
\r\n
\r\n \r\n \r\n Service Name \r\n Price \r\n Expected Delivery \r\n \r\n \r\n \r\n \r\n {{r.ServiceName}} \r\n {{r.Price | currency:'CAD'}} \r\n {{r.Delivery ? r.Delivery + ' days' : ''}} \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n Sent By \r\n Delivery Time \r\n Delivery Option \r\n \r\n \r\n Total \r\n \r\n \r\n \r\n \r\n {{r.AirSea}} \r\n {{r.DeliveryTime}} \r\n {{r.DeliveryModeDescription}} \r\n \r\n \r\n {{r.delivery + r.total_rate_fee + (r.ship_fee ? r.ship_fee : 0) | number:'1.2-2'}} \r\n \r\n \r\n
\r\n\r\n
=0 && deliverySelection[selectedRate].DeliveryModeCode == 'PU' && pickups.length > 0\" style=\"margin-top:15px\">\r\n
Pickup from MEEST Office \r\n
\r\n \r\n \r\n City \r\n Address \r\n \r\n \r\n \r\n \r\n {{r.City}} \r\n {{r.Address}} {{r.House}}, {{r.City}}, {{r.Oblast}} Oblast, {{r.Country}} \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n Next \r\n Cancel \r\n
\r\n`,\r\n styles: [`\r\n .sel-row { background-color: #10c0e0 !important; }\r\n`]\r\n})\r\nexport class DeliverySelectionComponent implements OnInit {\r\n errorMessage: string;\r\n loading: boolean;\r\n @Input() parcel: any = {};\r\n @Input() deliverySelection: any[];\r\n @Input() agentData: any = {};\r\n selectedRate: number;\r\n selectedPostService: number;\r\n selectedPickup: number;\r\n posts: any[];\r\n pickups: any[] = [];\r\n @Input() postSelection: boolean;\r\n @Input() oblasts: any[];\r\n\r\n constructor(public router: Router, private dataService: DataService) { }\r\n\r\n\r\n ngOnInit() {\r\n this.loading = false;\r\n this.selectedRate = -1;\r\n this.selectedPostService = -1;\r\n this.selectedPickup = -1;\r\n this.posts = [];\r\n\r\n //this.gridOptions = {\r\n //};\r\n\r\n //this.columnDefs = [\r\n // { headerName: \"Transport\", field: \"AirSea\", minWidth: 100 },\r\n // { headerName: \"Delivery\", field: \"DeliveryModeDescription\" },\r\n // { headerName: \"Rate Name\", field: \"RateName\", minWidth: 110 },\r\n // { headerName: \"Delivery Time\", field: \"DeliveryTime\" },\r\n // {\r\n // headerName: \"Total \" + (this.dataService.userData ? this.dataService.userData.Branch.currency : 'CAD'), valueFormatter: this.currencyFormatter,\r\n // valueGetter: function aPlusBValueGetter(params) {\r\n // return params.data.delivery + params.data.rate_fee + (params.data.ship_fee ? params.data.ship_fee : 0);\r\n // }\r\n // },\r\n // { headerName: \"Delivery Fee \" + this.dataService.userData.Branch.currency, field: \"delivery\", valueFormatter: this.currencyFormatter },\r\n // { headerName: \"Rate Fee \" + this.dataService.userData.Branch.currency, field: \"rate_fee\", valueFormatter: this.currencyFormatter },\r\n // { headerName: \"Shipment Fee \" + this.dataService.userData.Branch.currency, field: \"ship_fee\", valueFormatter: this.currencyFormatter },\r\n //];\r\n\r\n //this.rowData = [];\r\n\r\n this.dataService.getPickupSites().subscribe((ui: any[]) => {\r\n if (this.deliverySelection.some(x => x.DeliveryModeCode == 'PU') && this.oblasts) {\r\n var rq = this.oblasts.find(x => x.Id == this.parcel.roblast);\r\n if (rq)\r\n this.pickups = ui.filter(x => x.Oblast.trim() == rq.r_region.replace(' Oblast', '').trim());\r\n if (this.pickups.length == 0) \r\n this.deliverySelection = this.deliverySelection.filter(x => x.DeliveryModeCode != 'PU');\r\n }\r\n if (this.postSelection)\r\n this.getPostRates();\r\n else {\r\n this.posts.push({ ServiceName: 'Expedited', ServiceCode: 'DOM.EP' });\r\n this.selectPost(0);\r\n }\r\n });\r\n }\r\n\r\n get getData() {\r\n return JSON.stringify({ delivery: this.deliverySelection[this.selectedRate], post: this.posts[this.selectedPostService], pickup: this.selectedPickup >= 0 ? this.pickups[this.selectedPickup] : null });\r\n }\r\n\r\n getPostRates() {\r\n this.errorMessage = \"\";\r\n this.dataService.getCPRates({ From: this.agentData.userAddress.postal_code, To: this.agentData.agentAddress.postal_code, Weight: this.parcel.weight, Height: this.parcel.h, Width: this.parcel.w, Length: this.parcel.l }).subscribe((ui: any) => {\r\n //console.log(ui.Message);\r\n if (ui.Error)\r\n this.errorMessage = ui.Message;\r\n else {\r\n this.posts = ui.Rates;\r\n this.posts.splice(0, 0, { ServiceName: 'Drop-off' });\r\n }\r\n },\r\n (err: any) => {\r\n this.errorMessage = this.dataService.processError(err);\r\n });\r\n }\r\n\r\n selectRate(ix: number) {\r\n this.selectedRate = ix;\r\n this.selectedPickup = this.deliverySelection[ix].DeliveryModeCode == 'PU' ? -2 : -1;\r\n }\r\n\r\n selectPost(ix: number) {\r\n this.selectedPostService = ix;\r\n let rate = this.posts[this.selectedPostService];\r\n\r\n //if (rate.ServiceName != 'Drop-off')\r\n this.deliverySelection.forEach(r => r[\"ship_fee\"] = 0); //rate.Price);\r\n }\r\n}\r\n","import { Component, OnInit, Output, EventEmitter } from '@angular/core';\r\n\r\nimport { GridOptions } from \"ag-grid-community/main\";\r\nimport { DataService } from './../data.service';\r\n\r\n@Component({\r\n selector: 'app-discount',\r\n templateUrl: './discount-component.component.html',\r\n styleUrls: ['./discount-component.component.css']\r\n})\r\nexport class DiscountComponentComponent implements OnInit {\r\n branch_weight: string;\r\n branch_currency: string;\r\n numSelRows: number = 0;\r\n disc: { phone: string, email: string, code: string };\r\n @Output() onDiscount = new EventEmitter();\r\n isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\r\n safariPattern = '\\\\d*';\r\n\r\n private gridDiscOptions: GridOptions;\r\n public rowDiscData: any[];\r\n private columnDiscDefs: any[];\r\n public defaultColDef;\r\n private gridDiscApi;\r\n private gridDiscColumnApi;\r\n\r\n constructor(private dataService: DataService) {\r\n this.gridDiscOptions = {\r\n };\r\n\r\n this.columnDiscDefs = [\r\n { headerName: \"Sender Name\", field: \"SenderName\" },\r\n { headerName: \"Discount Name\", field: \"DiscountName\" },\r\n { headerName: \"Discount Type\", field: \"DiscountType\" },\r\n { headerName: \"Delivery Time\", field: \"DeliveryTime\" },\r\n {\r\n headerName: \"Discount Value\", field: \"DiscountValue\",\r\n valueGetter: (params) => {\r\n var unit = params.data.DiscountType == 'WEIGHT' ? this.branch_weight : this.branch_currency;\r\n return params.data.DiscountValue + \" \" + unit;\r\n }\r\n },\r\n { headerName: \"Discount Code\", field: \"DiscountCode\" },\r\n ];\r\n\r\n this.defaultColDef = {\r\n resizable: true\r\n };\r\n\r\n this.rowDiscData = [];\r\n }\r\n\r\n ngOnInit() {\r\n this.branch_currency = this.dataService.userData.Branch.currency;\r\n this.branch_weight = this.dataService.userData.Branch.weight;\r\n\r\n this.disc = { phone: '', email: '', code: '' };\r\n }\r\n\r\n onGridDiscReady(params) {\r\n this.gridDiscApi = params.api;\r\n this.gridDiscColumnApi = params.columnApi;\r\n }\r\n\r\n autoSizeAll(colapi: any) {\r\n var allColumnIds = [];\r\n colapi.getAllColumns().forEach(column => {\r\n allColumnIds.push(column.colId);\r\n });\r\n colapi.autoSizeColumns(allColumnIds);\r\n }\r\n\r\n onSelectionChanged(event) {\r\n this.numSelRows = event.api.getSelectedNodes().length;\r\n }\r\n\r\n onRowDataChanged(params) {\r\n this.autoSizeAll(params.columnApi)\r\n }\r\n\r\n search() {\r\n this.dataService.getDiscounts(this.disc.phone, this.disc.email, this.disc.code).subscribe((ui: any[]) => {\r\n this.rowDiscData = ui;\r\n this.gridDiscApi.setRowData(this.rowDiscData);\r\n });\r\n }\r\n\r\n setDiscount() {\r\n var id = this.gridDiscApi.getSelectedRows()[0].id;\r\n this.onDiscount.emit(id);\r\n }\r\n}\r\n","import { Component, OnInit, Input, NgZone } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\n\r\nimport { DataService } from '../data.service';\r\n\r\n@Component({\r\n selector: 'delivery-selection-money',\r\n template: `\r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n {{errorMessage}} \r\n
\r\n\r\n \r\n\r\n
\r\n
\r\n \r\n \r\n Payout Option \r\n Delivery Time \r\n Amount USD \r\n Service Fee USD \r\n Delivery Fee USD \r\n Total USD \r\n Total CAD \r\n \r\n \r\n \r\n \r\n {{r.DeliveryModeDescription}} \r\n {{r.DeliveryTime}} \r\n {{parcel.amount | number:'1.2-2'}} \r\n {{r.rate_fee | number:'1.2-2'}} \r\n {{r.delivery | number:'1.2-2'}} \r\n {{r.Total_USD | number:'1.2-2'}} \r\n {{r.TotalCustomerOwe_CAD | number:'1.2-2'}} \r\n \r\n \r\n
\r\n
\r\n
{\r\n //};\r\n\r\n //this.columnDefs = [\r\n // { headerName: \"Transport\", field: \"AirSea\", minWidth: 100 },\r\n // { headerName: \"Delivery\", field: \"DeliveryModeDescription\" },\r\n // { headerName: \"Rate Name\", field: \"RateName\", minWidth: 110 },\r\n // { headerName: \"Delivery Time\", field: \"DeliveryTime\" },\r\n // {\r\n // headerName: \"Total \" + (this.dataService.userData ? this.dataService.userData.Branch.currency : 'CAD'), valueFormatter: this.currencyFormatter,\r\n // valueGetter: function aPlusBValueGetter(params) {\r\n // return params.data.delivery + params.data.rate_fee + (params.data.ship_fee ? params.data.ship_fee : 0);\r\n // }\r\n // },\r\n // { headerName: \"Delivery Fee \" + this.dataService.userData.Branch.currency, field: \"delivery\", valueFormatter: this.currencyFormatter },\r\n // { headerName: \"Rate Fee \" + this.dataService.userData.Branch.currency, field: \"rate_fee\", valueFormatter: this.currencyFormatter },\r\n // { headerName: \"Shipment Fee \" + this.dataService.userData.Branch.currency, field: \"ship_fee\", valueFormatter: this.currencyFormatter },\r\n //];\r\n\r\n //this.rowData = [];\r\n }\r\n\r\n get getData() {\r\n return JSON.stringify({ delivery: this.deliverySelection[this.selectedRate] });\r\n }\r\n}\r\n","import { BrowserModule } from '@angular/platform-browser';\r\nimport { NgModule } from '@angular/core';\r\nimport { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';\r\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\r\nimport { LocationStrategy, HashLocationStrategy, PathLocationStrategy } from '@angular/common';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\nimport { DatePipe } from '@angular/common';\r\nimport { TreeModule } from 'angular-tree-component';\r\nimport { AgGridModule } from \"ag-grid-angular\";\r\nimport { TypeaheadModule } from 'ngx-bootstrap/typeahead';\r\nimport { BsDatepickerModule } from 'ngx-bootstrap/datepicker';\r\nimport { TimepickerModule } from 'ngx-bootstrap/timepicker';\r\nimport { CarouselModule } from 'ngx-bootstrap/carousel';\r\nimport { ModalModule } from 'ngx-bootstrap/modal';\r\nimport { TooltipModule } from 'ngx-bootstrap/tooltip';\r\nimport { ButtonsModule } from 'ngx-bootstrap/buttons';\r\nimport { AccordionModule } from 'ngx-bootstrap/accordion';\r\nimport { AngularMultiSelectModule } from 'angular2-multiselect-dropdown/angular2-multiselect-dropdown';\r\nimport { MyDatePickerModule } from 'mydatepicker';\r\nimport { CodeInputModule } from 'angular-code-input';\r\nimport { FileUploadModule } from 'ng2-file-upload';\r\n//import { ScanditConfigProvider, ScanditPickerComponent, ScanditService } from \"scandit-sdk-angular\";\r\n\r\nimport { routes } from './app.router';\r\nimport { TokenInterceptor } from './token-interceptor.service';\r\nimport { MessengerService } from './messenger.service';\r\nimport { QuestionService } from './question.service';\r\nimport { DataService } from './data.service';\r\nimport { AppComponent, NavigationGuard } from './app.component';\r\nimport { FaderComponent } from './fader.component';\r\nimport { DeclarationEditor } from './declaration-editor.component';\r\nimport { NumericEditor } from './numeric-editor.component';\r\nimport { TypeaheadEditor } from './typeahead-editor.component';\r\nimport { DropdownEditor, DropdownRenderer } from './dropdown-editor.component';\r\nimport { NumberOnlyDirective } from './numbersOnly.directive';\r\nimport { AddressAutocompleteComponent } from './address-autocomplete.component';\r\nimport { LoginComponent } from './login/login.component';\r\nimport { GuestComponent } from './login/guest.component';\r\nimport { SenderReceiverComponent } from './sender-receiver.component';\r\nimport { DynamicFormComponent } from './dynamic-form/dynamic-form.component';\r\nimport { DynamicFormQuestionComponent } from './dynamic-form/dynamic-form-question.component';\r\nimport { TreeReactiveComponent } from './dynamic-form/tree.component';\r\nimport { NewParcel2Component } from './new-parcel/new-parcel2.component';\r\nimport { ModalMapComponent } from './new-parcel/modal-map.component';\r\nimport { MapComponent } from './new-parcel/map.component';\r\nimport { DocumentUploadComponent } from './new-parcel/upload-document.component';\r\nimport { DeliverySelectionComponent } from './new-parcel/delivery-selection.component';\r\n//import { EstimatorComponent, ModalEstimatorComponent } from './new-parcel/estimator.component';\r\nimport { SignatureComponent } from './new-parcel/signature.component';\r\nimport { InvoiceComponentComponent } from './invoice-component/invoice-component.component';\r\nimport { HomeComponent } from './home/home.component';\r\nimport { PaymentComponent } from './payment/payment.component';\r\nimport { PaymentResultComponent } from './payment/payment-result.component';\r\nimport { DiscountComponentComponent } from './discount-component/discount-component.component';\r\nimport { RegistrationComponent } from './registration/registration.component';\r\nimport { NewMoneyComponent } from './new-money/new-money.component';\r\nimport { DeliverySelectionMoneyComponent } from './new-money/delivery-selection-money.component';\r\nimport { PopupEstimatorComponent } from './popup-estimator/popup-estimator.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n AppComponent, NumericEditor, DropdownEditor, DropdownRenderer, DeclarationEditor, TypeaheadEditor, NumberOnlyDirective,\r\n DynamicFormComponent, DynamicFormQuestionComponent, TreeReactiveComponent, FaderComponent, AddressAutocompleteComponent,\r\n LoginComponent, GuestComponent, NewParcel2Component, InvoiceComponentComponent, HomeComponent, PaymentComponent, PaymentResultComponent, DiscountComponentComponent, RegistrationComponent,\r\n ModalMapComponent, MapComponent, DeliverySelectionComponent, SenderReceiverComponent, //EstimatorComponent, ModalEstimatorComponent,\r\n NewMoneyComponent, DeliverySelectionMoneyComponent, SignatureComponent, PopupEstimatorComponent, DocumentUploadComponent\r\n //ScanditPickerComponent\r\n ],\r\n imports: [\r\n BrowserModule, BrowserAnimationsModule, ReactiveFormsModule, HttpClientModule, FormsModule,\r\n AgGridModule.withComponents([NumericEditor, DropdownEditor, DropdownRenderer, DeclarationEditor]), FileUploadModule,\r\n ButtonsModule.forRoot(), AccordionModule.forRoot(), BsDatepickerModule.forRoot(), TimepickerModule.forRoot(), ModalModule.forRoot(), TooltipModule.forRoot(), CarouselModule.forRoot(), TypeaheadModule.forRoot(),\r\n TreeModule, AngularMultiSelectModule, MyDatePickerModule, CodeInputModule, routes\r\n ],\r\n providers: [{ provide: LocationStrategy, useClass: PathLocationStrategy }, DatePipe, DataService, MessengerService, QuestionService, NavigationGuard,\r\n {\r\n provide: HTTP_INTERCEPTORS,\r\n useClass: TokenInterceptor,\r\n multi: true\r\n },\r\n //ScanditService, ScanditConfigProvider(\"ATHcQwy2EPy2IbZGcTx9VmwTvCL0BrRJ6FGteVp3ZxgtIZDtdEsL2ncfHYWDe9HZEnTNPh92ySykV/ujBElgr4YY3qBbKZq7eUl/EVkVpnfoG1EXQQaRdWcGt0Ty6aPlpmqxsvbuSZjT7pTnSZli0DEYF/mRxnpkVCoe/uxrTMNKgyK2KsSzOZIQiQxZy2znRJbAGRyKqJU2PmWAxULPt5IGE2VpazKRAUo4Gw3njftVaVkFcdLYDJDN/cYD/W6qr4tbOogzvH9Jj0L1bm25FNDkPa72emcXLfQ8qoHIIs7e7IJ+d2C6qbZSJboUvRX+X7S0iKIi59Md1jUv4266vdSjxlleQ9E4nYoIEsgfjBHwUkD7ReQUjfKuAfUID+3Tuk47WMONqz63exyjdcH6uSYxOzofF+SQROIH9P7KaQVtHf9uB2mPZWZkeyRjx7LABqeTtO7e4HQnItM+GOPji5UnHiAZ3Hsm0e28r848DQXzDmU2DyfoPbKwCSe+8LB7xsvDUguWLdffkjaTh8f98sjUCcPXCNVKLphaCrB3I82XwGCvLmgbOeTd6YmRiQvzjdj4Z/jnnasWK4rKg58uizh8Ax5NG8jl/JomF4LOHmgupMKHvaF6W5JQdn350FlkGtNAdi1pwVmm9EqtQE2Jb40mpARzP5uQQze2owQYxEolCXo4EjNNM2oOEg8hoI0Qnqa5SvzEaqSar60fxES/S9GBorAfQ9FXOikmEmMvJ5YPV+MDNzEFHqzH4gVN+ymnMQXbpnQgS2B/Nioee/l8k6UcVWi0wMNbnM8/\", \"/MeestPortal/assets\")\r\n ],\r\n entryComponents: [ModalMapComponent, TypeaheadEditor],\r\n bootstrap: [AppComponent]\r\n})\r\nexport class AppModule { }\r\n","// The file contents for the current environment will overwrite these during build.\n// The build system defaults to the dev environment which uses `environment.ts`, but if you do\n// `ng build --env=prod` then `environment.prod.ts` will be used instead.\n// The list of which env maps to which file can be found in `.angular-cli.json`.\n\nexport const environment = {\n production: false\n};\n","import { enableProdMode } from '@angular/core';\r\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\n\r\nimport { AppModule } from './app/app.module';\r\nimport { environment } from './environments/environment';\r\n\r\nimport './../node_modules/jquery/dist/jquery.min.js';\r\nimport './../node_modules/jquery-ui/ui/widget.js';\r\nimport './../node_modules/jquery-ui/ui/widgets/datepicker.js';\r\nimport './../node_modules/jquery-ui/ui/widgets/dialog.js';\r\nimport \"./../../MeestMVC/Scripts/MeestFunctions.js\";\r\n\r\nif (environment.production) {\r\n enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule)\r\n .catch(err => console.log(err));\r\n"],"sourceRoot":"webpack:///"} ![\\\"next-button\\\"](\\\"assets/img/next-click.svg\\\")
\\r\\n\\r\\n ![\\\"\\\"](\\\"assets/img/logo.svg\\\")
\\r\\n \\r\\n\\r\\n \\r\\n ![\\\"\\\"](\\\"assets/img/close.svg\\\")
\\r\\n ![](\"images/house_icon.png\")
\r\n ![](\"images/invoice_print.png\")
\r\n ![](\"images/dollar_icon.png\")
\r\n ![](\"images/new_parcel.png\")
\r\n ![](\"images/Sign_money.png\")
\r\n \r\n \r\n ![](\"images/lab.png\")
\r\n ![](\"images/signature_pad.png\")
\r\n ![](\"images/CN23.png\")
\r\n \r\n ![](\"images/profile.png\")
\r\n ![](\"images/logout.png\")
\r\n ![](\"images/mpfb.svg\")
\r\n ![\\\"\\\"](\\\"assets/img/dots.svg\\\")
\\r\\n ![\\\"\\\"](\\\"assets/img/wallet.svg\\\")
\\r\\n Pay\\r\\n ![\\\"\\\"](\\\"assets/img/reader.svg\\\")
\\r\\n Invoice\\r\\n ![\\\"\\\"](\\\"assets/img/barcode.svg\\\")
\\r\\n Print Courier Label\\r\\n ![](\\\"https://upload.wikimedia.org/wikipedia/commons/thumb/e/e2/Flag_of_the_United_States_%28Pantone%29.svg/255px-Flag_of_the_United_States_%28Pantone%29.svg.png\\\")
![](\\\"images/Sign_button.png\\\")
![](\\\"images/ajax-loader.gif\\\")
\\r\\n ![](\"images/highres_box.gif\")
\r\n ![](\"assets/images/ajax-loader.gif\")
\r\n ![\\\"\\\"](\\\"assets/img/edit.svg\\\")
\\r\\n ![\\\"\\\"](\\\"assets/img/info-circle.svg\\\")
\\r\\n Please note that we do not store credit/debit card numbers, nor do we share customer details with any 3rd parties.\\r\\n ![\\\"\\\"](\\\"assets/img/arrow-down.svg\\\")
\\r\\n ![\\\"first](\\\"images\\\\car0.svg\\\")
\\r\\n ![\\\"second](\\\"images\\\\car1.svg\\\")
\\r\\n ![\\\"third](\\\"images\\\\car2.svg\\\")
\\r\\n ![\\\"\\\"](\\\"assets/img/air-transport_new.svg\\\")
\\r\\n ![\\\"\\\"](\\\"images/Domestic)
\\r\\n ![\\\"\\\"](\\\"assets/img/boat_new.svg\\\")
\\r\\n ![\"\"](\"assets/img/logo.svg\")
\r\n \r\n