\r\n
\r\n \r\n\r\n ![](\"../../../../assets/images/Logo.png\")
\r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';\r\nimport { first } from 'rxjs/operators';\r\n\r\nimport { AlertService } from '../../../core/services/alert.service';\r\nimport { AuthenticationService } from '../../../core/services/authentication.service';\r\n\r\n\r\n@Component({\r\n selector: 'app-user-login',\r\n templateUrl: './user-login.component.html',\r\n styleUrls: ['./user-login.component.scss']\r\n})\r\nexport class UserLoginComponent implements OnInit {\r\n\r\n loginForm: UntypedFormGroup;\r\n loading = false;\r\n submitted = false;\r\n returnUrl: string;\r\n model: any = {};\r\n public emailPattern = '^[a-z0-9._%+-]+@[a-z0-9.-]+\\\\.[a-z]{2,4}$';\r\n\r\n constructor(\r\n private formBuilder: UntypedFormBuilder,\r\n private route: ActivatedRoute,\r\n private router: Router,\r\n private authenticationService: AuthenticationService,\r\n private alertService: AlertService\r\n ) {\r\n\r\n }\r\n\r\n ngOnInit () {\r\n\r\n this.loginForm = this.formBuilder.group({\r\n email: new UntypedFormControl('',\r\n Validators.required\r\n ),\r\n password: new UntypedFormControl('', Validators.required)\r\n });\r\n\r\n }\r\n\r\n\r\n login () {\r\n var role: any;\r\n let isAuthorized= false;\r\n if (this.loginForm.valid) {\r\n this.loading = true;\r\n this.authenticationService.login(this.loginForm.value).subscribe(\r\n data => {\r\n role = data.user.roles[0];\r\n isAuthorized = role.name===\"ENDUSER\";\r\n if(isAuthorized) {\r\n window.parent.postMessage(data, \"*\");\r\n //this.router.navigate([this.returnUrl]);\r\n }\r\n },\r\n error => {\r\n this.alertService.error(error);\r\n this.loading = false;\r\n });\r\n }\r\n }\r\n\r\n}\r\n","\r\n \r\n
Log In
\r\n \r\n\r\n\r\n
\r\n \r\n\r\n ![](\"../../../../assets/images/ares-userlogo.png\")
\r\n
\r\n \r\n
\r\n","import { Component, DebugEventListener, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\nimport { environment } from 'src/environments/environment';\r\nimport Swal from 'sweetalert2';\r\n\r\ndeclare var $: any;\r\n\r\n@Component({\r\n selector: 'app-cart',\r\n templateUrl: './cart.component.html',\r\n styleUrls: ['./cart.component.scss']\r\n})\r\nexport class CartComponent implements OnInit {\r\n\r\n cartItems: any;\r\n cartGridItems: any[] = [];\r\n totalAmount: any = 0;\r\n totalNumberOfProducts: number = 0;\r\n teamStoreId: any;\r\n purchaseType: any;\r\n noImagePlaceholder = \"../../../../assets/images/default-image.jpg\"\r\n hidePage = false\r\n private wpUrl = environment.wpUrl;\r\n\r\n\r\n constructor(\r\n private router: Router,\r\n private route: ActivatedRoute,\r\n private storeService: StoreService,\r\n private commonService: CommonService\r\n ) { }\r\n\r\n ngOnInit() {\r\n window.parent.postMessage(\"update title-User Cart\", \"*\")\r\n this.teamStoreId = parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.purchaseType = parseInt(localStorage.getItem(\"purchaseType\"));\r\n this.getCartList();\r\n this.commonService.postScrollMessageToParent()\r\n }\r\n\r\n getCartList() {\r\n this.commonService.toggleLoading(true) \r\n let userId = localStorage.getItem(\"userId\");\r\n let token = localStorage.getItem(\"token\");\r\n if (userId && token) {\r\n this.storeService.getCartList().subscribe(response => {\r\n this.cartItems = response.data;\r\n this.cartItems.cartItemsInfo = this.cartItems.cartItemsInfo.map(v => Object.assign(v, { selected: true }))\r\n this.totalAmount = this.calculateTotalAmount(this.cartItems.cartItemsInfo);\r\n this.commonService.postHeightToParent(\"medium\")\r\n window.top.postMessage(\"cart count-\" + this.cartItems.cartTotal, \"*\");\r\n this.commonService.toggleLoading(false) \r\n },\r\n error => {\r\n this.cartItems = {};\r\n this.cartItems.cartItemsInfo = [];\r\n this.totalAmount = 0;\r\n this.commonService.postHeightToParent(\"medium\")\r\n if (error.status == 401) {\r\n window.parent.postMessage(\"open guest login\", \"*\");\r\n window.parent.postMessage(\"action - reload page\", \"*\");\r\n this.hidePage = true\r\n }\r\n this.commonService.toggleLoading(false) \r\n });\r\n } else {\r\n window.parent.postMessage(\"open guest login\", \"*\");\r\n window.parent.postMessage(\"action - reload page\", \"*\");\r\n this.hidePage = true\r\n this.commonService.toggleLoading(false) \r\n }\r\n }\r\n\r\n deleteItem(product: any, index: any) {\r\n this.commonService.toggleLoading(true) \r\n this.storeService.deleteProductFromCart(product.cartId).subscribe(response => {\r\n if (response.status == 1) {\r\n if (index != null) {\r\n this.cartItems.cartItemsInfo.splice(index, 1);\r\n // window.top.postMessage(\"cart count-\" + this.cartItems.cartItemsInfo.length, \"*\");\r\n this.getCartList()\r\n //this.totalAmount = this.calculateTotalAmount(this.cartItems.cartItemsInfo);\r\n this.commonService.toggleLoading(false) \r\n }\r\n this.commonService.postHeightToParent(\"medium\")\r\n window.top.postMessage(\"cart count-\" + response.data, \"*\");\r\n }\r\n\r\n },\r\n error => {\r\n // this.commonService.openErrorSnackBar(error.message, \"\");\r\n this.commonService.postHeightToParent(\"medium\")\r\n });\r\n }\r\n\r\n calculateTotalAmount(cartItemsInfo) {\r\n let totalAmount = 0;\r\n cartItemsInfo.forEach(item => {\r\n totalAmount += item.totalPrice;\r\n });\r\n return totalAmount.toFixed(2);\r\n }\r\n\r\n checkout() {\r\n let arr = [];\r\n let teamStoreIds = []\r\n this.cartItems.cartItemsInfo.forEach(item => {\r\n // if (item.selected) {\r\n if (!teamStoreIds.includes(item.teamStoreId))\r\n teamStoreIds.push(item.teamStoreId)\r\n arr.push(item);\r\n // }\r\n });\r\n if (teamStoreIds.length > 1) {\r\n Swal.fire({\r\n icon: 'info',\r\n position: 'top',\r\n // title: 'Remove unwanted products',\r\n html: '\r\n \r\n
Log In
\r\n \r\n\r\nRemove unwanted products
Multiple type of orders detected. Only one teamstore or direct purchase is allowed. Please remove unwanted products to continue.
'\r\n })\r\n this.commonService.postScrollMessageToParent()\r\n return\r\n }\r\n let checkoutObj = {\r\n cartItemsInfo: arr,\r\n totalPrice: Number(this.calculateTotalAmount(arr)),\r\n taxAmount: this.cartItems.taxAmount,\r\n totalWeight: this.cartItems.totalWeight,\r\n //shippingBoxes: this.cartItems.shippingBoxes, // this code is not usig, because showing local storage exceed issues.\r\n shippingBoxes: null, \r\n cartCount: this.cartItems.cartTotal,\r\n }\r\n localStorage.setItem(\"purchaseType\", this.cartItems.cartItemsInfo[0].purchaseType)\r\n localStorage.setItem(\"teamStoreId\", this.cartItems.cartItemsInfo[0].teamStoreId)\r\n localStorage.setItem(\"checkoutObj\", JSON.stringify(checkoutObj));\r\n if (this.purchaseType == 1 || this.purchaseType == 2) {\r\n this.router.navigateByUrl('enduser/directpurchase/checkout');\r\n } else {\r\n this.router.navigateByUrl('enduser/buyfromlivestore/checkout');\r\n }\r\n }\r\n\r\n addMore(product) {\r\n localStorage.setItem(\"purchaseType\", product.purchaseType);\r\n if (product.purchaseType == 3) {\r\n localStorage.setItem(\"teamStoreId\", product.teamStoreId);\r\n this.router.navigateByUrl('enduser/buyfromlivestore/editproductview/' + product.productId + \"-\" + (product.cartItemGrids[0].colorId || '0') + '/' + product.cartId + '/' + product.mapCode);\r\n } else {\r\n if (product.purchaseType == 2) {\r\n localStorage.setItem(\"productId\", product.productId);\r\n this.router.navigateByUrl('enduser/directpurchase/editproductview/' + product.designerCartId + '/' + product.cartId);\r\n } else {\r\n this.router.navigateByUrl('enduser/directpurchase/editproductview/' + product.productId + \"-\" + (product.cartItemGrids[0].colorId || '0') + '/' + product.cartId);\r\n }\r\n\r\n }\r\n }\r\n\r\n goBackToProductSelection() {\r\n // if (this.purchaseType == 1 || this.purchaseType == 2) {\r\n // // this.router.navigateByUrl('enduser/directpurchase/productlist');\r\n // window.parent.postMessage(\"goto store\", \"*\")\r\n // } else {\r\n // if (this.cartItems.cartItemsInfo && this.cartItems.cartItemsInfo.length > 0) { \r\n // //if(storeOrderCount.length>1)\r\n // this.router.navigateByUrl('enduser/buyfromlivestore/store/' + this.cartItems.cartItemsInfo[this.cartItems.cartItemsInfo.length - 1].teamStoreId);\r\n // } else {\r\n // // this.router.navigateByUrl('enduser/directpurchase/productlist');\r\n // window.parent.postMessage(\"goto store\", \"*\")\r\n // }\r\n // }\r\n\r\n // let storeOrderCount=this.cartItems.cartItemsInfo.some(item => item.teamStoreId != null);\r\n // if(storeOrderCount){\r\n // const firstStoreId = this.cartItems.cartItemsInfo[0].teamStoreId; \r\n // const allStoreIdsAreSame = this.cartItems.cartItemsInfo.every(item => item.teamStoreId === firstStoreId);\r\n // if(allStoreIdsAreSame){\r\n // this.router.navigateByUrl('enduser/buyfromlivestore/store/' + firstStoreId);\r\n // }\r\n // else{\r\n // //window.parent.postMessage(\"goto store\", \"*\") \r\n // this.router.navigateByUrl('enduser/directpurchase/productlist');\r\n // }\r\n // }else{\r\n // //window.parent.postMessage(\"goto store\", \"*\") \r\n // this.router.navigateByUrl('enduser/directpurchase/productlist');\r\n // }\r\n\r\n if(this.cartItems?.cartItemsInfo[0]?.purchaseType!=3){\r\n let url=this.wpUrl+'Product-List/'\r\n window.parent.location.href = url; \r\n }else{ \r\n let teamStoreUrl=this.cartItems?.cartItemsInfo[0]?.teamStoreUrl ;\r\n window.parent.location.href = teamStoreUrl; \r\n }\r\n }\r\n\r\n removeSelected() {\r\n let selectedCartIdArray = []\r\n this.cartItems.cartItemsInfo.forEach(cart => {\r\n if (cart.selected) {\r\n selectedCartIdArray.push(cart.cartId)\r\n }\r\n });\r\n if (selectedCartIdArray.length > 0) {\r\n this.storeService.deleteSelectedProductsFromCart(selectedCartIdArray).subscribe(\r\n res => {\r\n this.commonService.openSuccessSnackBar(res.message, \"\");\r\n this.getCartList()\r\n },\r\n err => {\r\n this.commonService.openErrorSnackBar(\"Unable to remove items\", \"\");\r\n }\r\n )\r\n } else {\r\n this.commonService.openWarningSnackBar(\"Select products to remove\", \"\");\r\n }\r\n\r\n }\r\n\r\n openPersonalizationModal(product) {\r\n this.cartGridItems = product.cartItemGrids;\r\n if (this.cartGridItems != null)\r\n this.togglePersonalizationModal()\r\n this.commonService.postScrollMessageToParent()\r\n }\r\n\r\n togglePersonalizationModal() {\r\n $('#personalizationModal').modal('toggle');\r\n }\r\n}\r\n","\r\n
\r\n\r\n\r\n\r\n
\r\n YOUR CART
\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 {{product?.displayName ? product?.displayName : product?.productName}}\r\n
\r\n\r\n {{product?.styleName || \"\"}}\r\n
\r\n\r\n {{product?.teamStoreId ? \"Store Order (\" + (product?.teamStoreName || \" - \") + \")\" : \"Web Order\"}}\r\n
\r\n| Color : | \r\n{{product?.cartItemGrids[0]?.color}} | \r\n|
|---|---|---|
| Sizes : | \r\n\r\n 0\" class=\"w-100 p-1\">{{p.size}} \r\n | \r\n \r\n 0\" class=\"w-100 p-1\">({{p.quantity}}) \r\n | \r\n
| \r\n Total Quantity :\r\n | \r\n\r\n {{product.quantity}}\r\n | \r\n|
| \r\n Total Price :\r\n | \r\n\r\n ${{product.totalPrice}}\r\n | \r\n
\r\n
\r\n SUB TOTAL
\r\n \r\n ({{cartItems? cartItems.cartItemsInfo.length : 0}}) Items: ${{totalAmount}}\r\n
\r\n \r\n\r\n
","import { Component, OnInit } from \"@angular/core\";\r\nimport {\r\n AbstractControl,\r\n FormGroup,\r\n UntypedFormBuilder,\r\n UntypedFormControl,\r\n UntypedFormGroup,\r\n ValidationErrors,\r\n Validators,\r\n} from \"@angular/forms\";\r\nimport { Router, ActivatedRoute } from \"@angular/router\";\r\nimport { CommonService } from \"src/app/core/services/common.service\";\r\nimport { StoreService } from \"src/app/core/services/store.service\";\r\nimport { UserService } from \"src/app/core/services/user.service\";\r\nimport { EnduserService } from \"src/app/core/services/enduser.service\";\r\n// import * as braintreeWeb from 'braintree-web';\r\ndeclare var $: any;\r\nimport Swal from \"sweetalert2\";\r\nimport { SharedService } from \"src/app/core/services/shared.service\";\r\nimport { environment } from \"src/environments/environment\";\r\nimport { CouponDetailsService } from \"src/app/core/services/coupon-details.service\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { ResponseWindowComponent } from \"../response-window/response-window.component\";\r\nconst bDropIn = require('braintree-web-drop-in')\r\nimport { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';\r\n\r\n@Component({\r\n selector: \"app-checkout\",\r\n templateUrl: \"./checkout.component.html\",\r\n styleUrls: [\r\n \"./checkout.component.scss\",\r\n ],\r\n})\r\nexport class CheckoutComponent implements OnInit {\r\n\r\n loading = false;\r\n addCoupon: UntypedFormControl = new UntypedFormControl('');\r\n invalidCouponMessage = ''\r\n teamStoreId;\r\n cartItems: any;\r\n paymentMethod: number = 3;\r\n user: any;\r\n totalAmount: number = 0;\r\n totalNumberOfProducts: number = 0;\r\n currentDate = new Date().toLocaleDateString();\r\n teamStore: any;\r\n updatedBillingAddress: UntypedFormGroup;\r\n updatedShippingAddress: UntypedFormGroup;\r\n updatedCustomerInformation: UntypedFormGroup;\r\n isShippingAddressSameAsBillingAddress = false;\r\n organizationArray: any;\r\n selectedOrganization: any;\r\n checkoutObj: any;\r\n states: any[] = [];\r\n customerInfoValidity = {\r\n name: true,\r\n phone: true,\r\n all: true,\r\n }\r\n invalidShippingAddress = false\r\n invalidBillingAddress = false\r\n invalidShippingMethod = false\r\n shippingMethods: any = [];\r\n freeShipping = {\r\n id: 3,\r\n name: \"Free shipping\",\r\n price: 0,\r\n };\r\n uploadedPO: File[] = [];\r\n selectedShippingMethod: any = {};\r\n creditApprovalCode: string;\r\n billingAddress;\r\n shippingAddress;\r\n purchaseType: number;\r\n serviceArray = [];\r\n cardInfo: UntypedFormGroup;\r\n cardExpYears = [];\r\n availableCards = {\r\n AE: { prefix: [34, 37], length: 15 },\r\n V: { prefix: [4], length: 16 },\r\n MC: { prefix: [51, 52, 53, 54, 55], length: 16 },\r\n D: { prefix: [6011, 5], length: 16 },\r\n DC: { prefix: [300, 301, 302, 303, 304, 305, 36, 38], length: 14 },\r\n JCB: { prefix: [2131, 1800, 35], length: 16 },\r\n };\r\n cardLogos = [\r\n \"../../../../../assets/images/visa.svg\",\r\n \"../../../../../assets/images/mastercard.jpg\",\r\n \"../../../../../assets/images/american_express.png\",\r\n \"../../../../../assets/images/discover.jpg\",\r\n ]\r\n personalizationTypes = [\r\n \"(No personalization)\",\r\n \"(Name)\",\r\n \"(Number)\",\r\n \"(Name, Number)\",\r\n \"(Not available)\",\r\n ];\r\n taxObject;\r\n errors = {\r\n cardNumber: false,\r\n cardExpiryMonth: false,\r\n cardExpiryYear: false,\r\n cardCvv: false,\r\n cardName: false,\r\n }\r\n saveCardToVault = false\r\n public phonePattern = \"[0-9]{10}\";\r\n showSavedCards = false\r\n selectedCard\r\n payWithNewCard = true\r\n savedCards = []\r\n clientToken\r\n discountAmount: any;\r\n subtotalPrice: any;\r\n offerApplied = false;\r\n showButton = false;\r\n couponDiscountValue: any;\r\n defaultSelection='';\r\n formData: any;\r\n form\r\n orderCustomFields: any[] = [];\r\n isShippingChargeLoading: boolean=true;\r\n isTaxLoadeding: boolean=true;\r\n couponAppliedList: any;\r\n shippingAfterCouponApplied: any;\r\n CouponApplyShippingMethodId: any;\r\n rotateArrow: boolean[] = [];\r\n purchaseOrderForm: FormGroup;\r\n organizationForm: UntypedFormGroup;\r\n isApplyShipping: any;\r\n couponDiscountOption: any;\r\n constructor(\r\n private router: Router,\r\n private route: ActivatedRoute,\r\n private storeService: StoreService,\r\n private commonService: CommonService,\r\n private userService: UserService,\r\n private fb: UntypedFormBuilder,\r\n private endUserService: EnduserService,\r\n private sharedService: SharedService,\r\n private couponService: CouponDetailsService,\r\n private dialogue: MatDialog,\r\n private breakpointObserver: BreakpointObserver,\r\n private fbr: UntypedFormBuilder,\r\n ) {\r\n if (this.checkoutObj && this.checkoutObj.cartItemsInfo) {\r\n this.rotateArrow = new Array(this.checkoutObj.cartItemsInfo.length).fill(false);\r\n }\r\n }\r\n\r\n ngOnInit() {\r\n this.createPurchaseOrderForm()\r\n this.getCartList()\r\n // to be moved to get cards function\r\n this.scrollToTop()\r\n this.getClientToken()\r\n window.parent.postMessage(\"update title-Checkout\", \"*\")\r\n this.teamStoreId = Number(localStorage.getItem(\"teamStoreId\"));\r\n this.checkoutObj = JSON.parse(localStorage.getItem(\"checkoutObj\"));\r\n\r\n this.purchaseType = JSON.parse(localStorage.getItem(\"purchaseType\"));\r\n this.resetAddress();\r\n this.getUserDetails();\r\n this.getTeamStore();\r\n this.createAddressForm();\r\n this.getOrganizations();\r\n this.getStates();\r\n this.getAvailableStoreServices();\r\n this.getShippingMethods();\r\n setInterval(() => {\r\n this.commonService.postHeightToParent(\"low\")\r\n }, 1000);\r\n this.form = this.fbr.group({});\r\n this.form.valueChanges.subscribe((formValue) => {\r\n this.saveFormValues(formValue);\r\n });\r\n }\r\n\r\n async createPurchaseOrderForm() {\r\n //const poNumber = await this.generatePoNumber();\r\n \r\n this.purchaseOrderForm = this.fb.group({\r\n organizationId: ['', Validators.required],\r\n // referenceId: ['', [this.conditionalPoNumberValidator.bind(this)]],\r\n referenceId: ['', [Validators.required, this.conditionalPoNumberValidator.bind(this)]], \r\n attachment: [null]\r\n });\r\n }\r\n conditionalPoNumberValidator(control: AbstractControl): ValidationErrors | null {\r\n const value = control.value?.trim();\r\n \r\n if (value) {\r\n const maxLength = Validators.maxLength(25)(control);\r\n const minLength = Validators.minLength(3)(control);\r\n // const alphaNumeric = this.alphaNumericValidator(control);\r\n const specialChar = this.specialCharValidator(control); \r\n // Combine all errors\r\n return {\r\n ...maxLength,\r\n ...minLength,\r\n // ...alphaNumeric\r\n ...specialChar\r\n }; \r\n }\r\n \r\n // No errors if the field is empty\r\n return { required: true };\r\n }\r\n specialCharValidator(control: AbstractControl): ValidationErrors | null {\r\n const valid = /^[a-zA-Z0-9!@#\\$%\\^\\&*\\)\\(+=._-]+$/.test(control.value); // Accept special characters\r\n return valid ? null : { specialChar: true }; // Change error key to 'specialChar'\r\n }\r\n async generatePoNumber(): Promise\r\n \r\n
\r\n\r\n \r\n \r\n Shipping Address\r\n \r\n \r\n Shipping Address\r\n \r\n edit\r\n \r\n \r\n \r\n \r\n \r\n \r\n [Enter shipping address]\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Billing Address\r\n \r\n edit\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n [Enter billing address]\r\n \r\n \r\n \r\n
\r\n \r\n CHECKOUT
\r\n \r\n \r\n \r\n Customer Information\r\n \r\n edit\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n [Enter name]\r\n \r\n \r\n \r\n \r\n [Enter phone number]\r\n \r\n \r\n \r\n \r\n
\r\n {{ billingAddress?.orgName }}
\r\n{{ billingAddress?.address }}
\r\n{{ billingAddress?.address1 }}
\r\n{{ billingAddress?.city }}
\r\n{{ billingAddress?.state }}
\r\n{{ billingAddress?.zipCode }}
\r\nSelect Organization
\r\n \r\n\r\n \r\n Same as billing address \r\n \r\n
\r\n {{ shippingAddress?.orgName }}
\r\n{{ shippingAddress?.address }}
\r\n{{ shippingAddress?.address1 }}
\r\n{{ shippingAddress?.city }}
\r\n{{ shippingAddress?.state }}
\r\n{{ shippingAddress?.zipCode }}
\r\nSelect Organization
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n ${{getInvoiceTotal() | number : \"1.2-2\" }}\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n | Description | \r\nQty | \r\nAmount | \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 {{ item.quantity }} | \r\n\r\n ${{ getDiscountedPrice(item) | number : '1.2-2' }} \r\n ${{ item.totalPrice | 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
| Sub Total | \r\n\r\n ${{ checkoutObj?.totalPrice | number : \"1.2-2\" }}\r\n | \r\n
| Shipping Charges | \r\n\r\n \r\n ${{ selectedShippingMethod?.price + 0 | number : \"1.2-2\" }} \r\n\r\n | \r\n
| Coupon Discount | \r\n\r\n - ${{ discountAmount | number : \"1.2-2\" }}\r\n | \r\n
| Total After Discount | \r\n \r\n\r\n ${{ getTotalAfterDiscount() | number : \"1.2-2\" }}\r\n | \r\n
| Sales Tax | \r\n\r\n ${{ taxObject?.totalTax | number : \"1.2-2\" }}\r\n | \r\n
| \r\n \r\n | \r\n\r\n \r\n \r\n ${{getInvoiceTotal() | number : \"1.2-2\" }}\r\n \r\n | \r\n
\r\n
\r\n\r\n\r\n\r\nPAYMENT OPTIONS
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n ![](\"https://s3.amazonaws.com/braintree-badges/braintree-badge-wide-light.png\")
\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 Back to cart\r\n \r\n \r\n \r\n Place Order\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
","import { Component, OnInit, OnDestroy, Input } from '@angular/core';\r\nimport { Subscription, interval } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'app-count-down-timer',\r\n templateUrl: './count-down-timer.component.html',\r\n styleUrls: ['./count-down-timer.component.scss']\r\n})\r\nexport class CountDownTimerComponent implements OnInit, OnDestroy {\r\n\r\n @Input() layoutData: any;\r\n @Input() teamStoreData: any;\r\n\r\n constructor() { }\r\n private subscription: Subscription;\r\n public dateNow = new Date();\r\n public dDay = new Date();\r\n milliSecondsInASecond = 1000;\r\n hoursInADay = 24;\r\n minutesInAnHour = 60;\r\n SecondsInAMinute = 60;\r\n\r\n public timeDifference;\r\n public secondsToDday;\r\n public minutesToDday;\r\n public hoursToDday;\r\n public daysToDday;\r\n\r\n\r\n ngOnInit () {\r\n this.subscription = interval(1000)\r\n .subscribe(x => {\r\n this.dDay = new Date(this.layoutData.closeDate);\r\n this.getTimeDifference();\r\n });\r\n }\r\n\r\n ngOnDestroy () {\r\n this.subscription.unsubscribe();\r\n }\r\n\r\n private getTimeDifference () {\r\n this.timeDifference = this.dDay.getTime() - new Date().getTime();\r\n this.allocateTimeUnits(this.timeDifference);\r\n }\r\n\r\n private allocateTimeUnits (timeDifference) {\r\n this.secondsToDday = Math.max(Math.floor((timeDifference) / (this.milliSecondsInASecond) % this.SecondsInAMinute),0)\r\n this.minutesToDday = Math.max(Math.floor((timeDifference) / (this.milliSecondsInASecond * this.minutesInAnHour) % this.SecondsInAMinute),0)\r\n this.hoursToDday = Math.max(Math.floor((timeDifference) / (this.milliSecondsInASecond * this.minutesInAnHour * this.SecondsInAMinute) % this.hoursInADay),0)\r\n this.daysToDday = Math.max(Math.floor((timeDifference) / (this.milliSecondsInASecond * this.minutesInAnHour * this.SecondsInAMinute * this.hoursInADay)),0)\r\n\r\n if(this.secondsToDday+this.minutesToDday+this.hoursToDday+this.daysToDday == 0){\r\n this.subscription.unsubscribe();\r\n }\r\n }\r\n\r\n\r\n}\r\n","\r\n \r\n
\r\n\r\n
","import { AUTO_STYLE, animate, state, style, transition, trigger } from '@angular/animations';\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { Router, ActivatedRoute, ParamMap } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { ProductService } from 'src/app/core/services/product.service';\r\nimport { environment } from 'src/environments/environment';\r\nconst DEFAULT_DURATION = 300;\r\nimport { Location } from '@angular/common';\r\n@Component({\r\n selector: 'app-designer',\r\n templateUrl: './designer.component.html',\r\n styleUrls: ['./designer.component.scss'],\r\n animations: [\r\n trigger('collapse', [\r\n state('false', style({ height: AUTO_STYLE, visibility: AUTO_STYLE })),\r\n state('true', style({ height: '0', visibility: 'hidden' })),\r\n transition('false => true', animate(DEFAULT_DURATION + 'ms ease-in')),\r\n transition('true => false', animate(DEFAULT_DURATION + 'ms ease-out'))\r\n ])\r\n ]\r\n})\r\nexport class DesignerComponent implements OnInit {\r\n backButton=false\r\n showMore=false\r\n product: any;\r\n categoryList = []\r\n searchText: any;\r\n searchTemplateText:string=\"\";\r\n paginatorIndex: number = 0\r\n paginatorIndexTemplate: number = 0\r\n\r\n paginatorPageSize: number = 10\r\n paginatorPageSizeTemplate: number = 10\r\n\r\n selectedSortOption: any = {}\r\n selectedSortOptionTemplate: any = {}\r\n\r\n productList: any[] = [];\r\n paginatorLength: number\r\n paginatorPageSizeOptions: number[] = [5, 10, 25, 100]\r\n categoryId: any;\r\n loading = false\r\n selectedColor\r\n templateCategoryList: any;\r\n selectedTemplate: any;\r\n paginatorLengthTemplate: any;\r\n templateList: any[] = [];\r\n productView: boolean=false;\r\n opendesignGallery: boolean=false;\r\n isEndUser:boolean=false\r\n comparableProducts: string;\r\n click: string;\r\n isHidden: boolean = false;\r\n isHiddenDesignGalley: boolean = false;\r\n constructor(\r\n private route: ActivatedRoute,\r\n private commonService: CommonService,\r\n private productService: ProductService,\r\n private router: Router,private location: Location\r\n ) {\r\n const currentUrl = this.location.path();\r\n this.isEndUser = currentUrl.includes('enduser'); \r\n }\r\n\r\n showFloatingData = false\r\n showFloatingIcon = false\r\n noImage = \"../../../../assets/images/no-image.jpg\"\r\n storeId: number\r\n productId\r\n user: any;\r\n isImage: any = 1;\r\n isUser: any = 0;\r\n designData\r\n private srcString = `${environment.designerUrl}`;\r\n productIndex\r\n templateRefId\r\n collapsed = true;\r\n firstcollapsed=true;\r\n isDesignGalleryCollapsed=true;\r\n\r\n toggle() {\r\n this.collapsed = !this.collapsed;\r\n }\r\n\r\n expand() {\r\n this.collapsed = false;\r\n }\r\n\r\n collapse() {\r\n this.collapsed = true;\r\n }\r\n firstcollapse(){\r\n this.firstcollapsed = true;\r\n }\r\n firstexpand(){\r\n this.firstcollapsed = false;\r\n }\r\n openNav() {\r\n this.firstcollapsed=false \r\n setTimeout(() => { \r\n document.getElementById(\"mySidenav\").style.width = \"308px\";\r\n setTimeout(() => { \r\n this.comparableProducts=\"Comparable Products\"\r\n this.click=\"Click to swap the currently displayed product with one of our custom suggested products for you\"\r\n }, \r\n 350);\r\n \r\n }, 300);\r\n }\r\n openDesignGallery(){\r\n this.isHiddenDesignGalley=true\r\n this.opendesignGallery=true \r\n setTimeout(() => {\r\n document.getElementById(\"mySidenav3\").style.width = \"308px\";\r\n this.isHiddenDesignGalley= !this.isHiddenDesignGalley\r\n\r\n }, 300);\r\n }\r\n closeDesignGallery(){\r\n this.isHiddenDesignGalley=true\r\n document.getElementById(\"mySidenav3\").style.width = \"0\";\r\n setTimeout(() => {\r\n this.opendesignGallery=false \r\n }, 300);\r\n }\r\n openProducts() { \r\n this.isHidden=true\r\n this.productView=true;\r\n setTimeout(() => {\r\n document.getElementById(\"mySidenav2\").style.width = \"75%\";\r\n this.isHidden = !this.isHidden;\r\n }, 300);\r\n\r\n }\r\n closeProducts(){\r\n this.isHidden=true\r\n document.getElementById(\"mySidenav2\").style.width = \"0\";\r\n setTimeout(() => {\r\n this.productView=false \r\n }, 300);\r\n }\r\n \r\n closeNav() {\r\n this.comparableProducts=''\r\n this.click='' \r\n document.getElementById(\"mySidenav\").style.width = \"0\";\r\n setTimeout(() => {\r\n this.firstcollapsed=true \r\n }, 300);\r\n }\r\n ngOnInit() {\r\n \r\n this.route.paramMap.subscribe((params: ParamMap) => { \r\n this.loading = true\r\n this.initialLoad()\r\n this.loading = false\r\n });\r\n this.route.queryParamMap.subscribe((params: ParamMap) => { \r\n this.loading = true\r\n this.initialLoad()\r\n this.loading = false\r\n });\r\n if(window.innerWidth >= 768){\r\n this.openNav()\r\n this.openDesignGallery();\r\n }\r\n }\r\n initialLoad(){ \r\n window.parent.postMessage(\"update title-Design Studio\", \"*\") \r\n this.user = JSON.parse(localStorage.getItem(\"user\"));\r\n if(!this.user || !this.user.roles.some(x=>x.name=='DESIGNER')) //restrict i button to use except builder\r\n {\r\n localStorage.removeItem('designData')\r\n }\r\n this.designData = JSON.parse(localStorage.getItem('designData'))\r\n if (this.designData)\r\n this.showFloatingIcon = true\r\n this.storeId = parseInt(localStorage.getItem(\"teamStoreId\")) | 0;\r\n this.productId = this.route.snapshot.paramMap.get('productId')\r\n if(!this.productId)\r\n this.productId = environment.baseProduct\r\n this.productIndex = localStorage.getItem('builderDesignedProductIndex')\r\n this.productIndex = this.productIndex ? Number(this.productIndex) + 1 : 0\r\n // this.productId = parseInt(this.route.snapshot.paramMap.get('productId'));\r\n if (this.storeId == 0) {\r\n this.isUser = 1;\r\n this.isImage = 0;\r\n }\r\n this.templateRefId = this.route.snapshot.queryParams['templateRefId']\r\n this.setSrc()\r\n this.getProductDetail();\r\n this.getProductCategory()\r\n this.getTemplateCategory()\r\n window.scroll(0, 0);\r\n }\r\n onSearchKeypress(event) {\r\n if (event.charCode == 13)\r\n this.getProduct()\r\n }\r\n onTemplateSearchKeypress(event) {\r\n if (event.charCode == 13)\r\n this.getTemplates()\r\n }\r\n getProductDetail() {\r\n\r\n this.productService.getProductDetail(this.productId).subscribe(response => {\r\n this.product = response.products;\r\n this.selectedColor = this.product.variants[0]\r\n this.loading = false\r\n },\r\n error => {\r\n this.commonService.openErrorSnackBar(error.message, \"\");\r\n });\r\n }\r\n getProductCategory() {\r\n this.productService.getProductCategory().subscribe(\r\n (response) => {\r\n var result = response.body.data;\r\n this.categoryList = result.map(function (el) {\r\n var o = Object.assign({}, el);\r\n o.isExpanded = false;\r\n if (o.parent_id == 0)\r\n return o;\r\n })\r\n this.getProduct()\r\n },\r\n (error) => {\r\n\r\n }\r\n );\r\n }\r\n getTemplateCategory() {\r\n this.productService.getTemplateCategory().subscribe(\r\n (response) => {\r\n this.templateCategoryList = response.body.data; \r\n this.templateCategoryList = this.templateCategoryList.filter(item => item.is_disable !== 1);\r\n\r\n this.getTemplates()\r\n },\r\n (error) => {\r\n\r\n }\r\n );\r\n }\r\n selectTemplateCategory(item){\r\n this.selectedTemplate=item;\r\n this.getTemplates()\r\n }\r\n getTemplates(){\r\n this.loading = true\r\n let category=[]\r\n category.push(this.selectedTemplate?.id)\r\n let params = {\r\n categoryId: category,\r\n name:this.searchTemplateText,\r\n sortby:'xe_id', \r\n order: this.selectedSortOptionTemplate.order||'desc',\r\n\r\n page: (this.paginatorIndexTemplate + 1),\r\n perpage: this.paginatorPageSizeTemplate,\r\n printprofile:'', \r\n colorused:0,\r\n tag:'' \r\n }\r\n this.productService.getTemplatesByCategory(params).subscribe(\r\n (response) => {\r\n this.templateList = response.body.data;\r\n this.templateList = this.templateList.filter(item => item.is_disable !== 1);\r\n\r\n this.paginatorLengthTemplate = response.body.total_records\r\n\r\n this.loading = false\r\n this.commonService.postScrollMessageToParent()\r\n },\r\n (error) => {\r\n this.templateList = [];\r\n this.paginatorLengthTemplate = 0\r\n this.loading = false\r\n }\r\n );\r\n }\r\n selectCategory(category) {\r\n // let url = '/enduser/directpurchase/productlist'\r\n // if (category.id)\r\n // url += ('?category=' + category.id)\r\n // this.router.navigateByUrl(url);\r\n this.categoryId=category.id\r\n this.getProduct()\r\n }\r\n getProduct( ) {\r\n this.loading = true\r\n let params = {\r\n categoryId: this.categoryId,\r\n page: (this.paginatorIndex + 1),\r\n per_page: this.paginatorPageSize,\r\n // viewType:2, \r\n storeStatuses: '2,3',\r\n keyword: this.searchText,\r\n orderBy: this.selectedSortOption.value,\r\n order: this.selectedSortOption.order,\r\n }\r\n this.productService.getProduct(params).subscribe(\r\n (response) => {\r\n this.productList = response.body.data;\r\n this.paginatorLength = JSON.parse(response.headers.get(\"Pagination\")).totalItems\r\n this.loading = false\r\n this.commonService.postScrollMessageToParent()\r\n },\r\n (error) => {\r\n this.productList = [];\r\n this.paginatorLength = 0\r\n this.loading = false\r\n }\r\n );\r\n }\r\n pageEvent(event) {\r\n this.paginatorPageSize = event.pageSize\r\n this.paginatorIndex = event.pageIndex\r\n this.getProduct();\r\n }\r\n pageEventTemplate(event) {\r\n this.paginatorPageSizeTemplate = event.pageSize\r\n this.paginatorIndexTemplate = event.pageIndex\r\n this.getTemplates();\r\n }\r\n setSrc() {\r\n let userId = this.user ? this.user.id : 0\r\n if (this.router.url.includes('storemanager/bulkorderentry/designer/')) { \r\n userId= localStorage.getItem(\"bulkOrderEntryUserId\");\r\n let bulkOrderEntryId= localStorage.getItem(\"bulkOrderEntryId\");\r\n this.productIndex=999\r\n this.storeId=Number(bulkOrderEntryId) \r\n\r\n } \r\n\r\n let iframe = \r\n ORDER YOUR GEAR NOW\r\n
\r\n \r\n STORE CLOSES IN\r\n
\r\n \r\n
\r\n {{daysToDday}} DAYS
\r\n {{hoursToDday}} HOURS
\r\n {{minutesToDday}} MINUTES
\r\n {{secondsToDday}} SECONDS
\r\n \r\n
\r\n\r\n\r\n Loading...\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n\r\n| Position | \r\nColors | \r\nService | \r\nArt | \r\n
|---|---|---|---|
| {{data.position}} | \r\n{{data.colors}} | \r\n{{data.service}} | \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 {{comparableProducts}}
\r\n{{click}}
\r\n\r\n
\r\n \r\n
\r\n \r\n ![](\"{{)
\r\n
\r\n {{ item?.displayName || item?.name }}
\r\n\r\n
\r\n No products
\r\n\r\n
\r\n \r\n \r\n Product Categories\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n - \r\n
- {{ item?.name }} \r\n
\r\n \r\n
\r\n \r\n ![](\"../../../../../assets/images/search.png\")
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Loading...\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 {{ item?.displayName || item?.name }}
\r\n\r\n {{ item?.vendorName ? item?.vendorName + \" | \" : \"\" }}\r\n {{ item?.styleName }}\r\n
\r\n${{ item?.price }}
\r\n\r\n
\r\n \r\n
\r\n No products in this category
\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 {{ item?.name }}\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {{selectedTemplate.name}}\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n Loading...\r\n
\r\n - \r\n
- \r\n \r\n\r\n
{{item.name}}
\r\n \r\n
\r\n
\r\n \r\n \r\n No templates in this category
\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","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\n@Component({\r\n selector: 'app-layout-for-screen-capture',\r\n templateUrl: './layout-for-screen-capture.component.html',\r\n styleUrls: ['./layout-for-screen-capture.component.scss']\r\n})\r\nexport class LayoutForScreenCaptureComponent implements OnInit {\r\n\r\n constructor(\r\n private storeService: StoreService,\r\n private route: ActivatedRoute\r\n ) { }\r\n\r\n noImagePlaceholder = \"/assets/images/default-image.jpg\"\r\n uniqueProducts = []\r\n\r\n ngOnInit() {\r\n this.getTeamStore()\r\n }\r\n\r\n getTeamStore() {\r\n let teamStoreId = this.route.snapshot.params.storeId;\r\n let selectedMapCodes = []\r\n this.storeService.getCategoriesWithProducts(teamStoreId).subscribe(res => {\r\n res.data.forEach(c => {\r\n c.products.forEach(p => {\r\n if (!selectedMapCodes.includes(p.mapCode)) {\r\n this.uniqueProducts.push(p)\r\n selectedMapCodes.push(p.mapCode)\r\n }\r\n })\r\n });\r\n })\r\n }\r\n}","import { Component, OnInit, Output, EventEmitter, Input } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\ndeclare var $: any\r\nimport Swal from 'sweetalert2';\r\nimport { setTimeout } from 'timers';\r\n\r\n@Component({\r\n selector: 'app-layout1-preview',\r\n templateUrl: './layout1.component.html',\r\n styleUrls: ['./layout1.component.scss']\r\n})\r\nexport class Layout1Component implements OnInit {\r\n\r\n constructor(\r\n private storeService: StoreService,\r\n private fb: UntypedFormBuilder,\r\n private commonService: CommonService,\r\n ) { }\r\n\r\n @Input() layoutData: any;\r\n @Input() teamStoreId: number;\r\n @Input() teamStoreData: any;\r\n @Output() eventType: EventEmitter{{ p?.name }}
\r\n${{ p?.price }}
\r\nPlease double-check as, once approved, we cannot make changes:
\r\n- \r\n
- Please verify Art is correct. \r\n
- Please verify you got the fundraising amount you want. \r\n
- Please make sure the shipping method is as desired. \r\n
- If everything looks correct, please approve and let's move forward. \r\n
- If something is not as you wished, please let us know so we can fix it. \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 {{category.categoryName}}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{product.teamstoreGarmentStatus == 1 ? \"✓\" : product.teamstoreGarmentStatus == 2 ? \"✖\" : \"\"}}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{product.name}}
\r\n${{product.price}}
\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
","import { Component, OnInit, Output, EventEmitter, Input } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\ndeclare var $: any\r\nimport Swal from 'sweetalert2';\r\n\r\n@Component({\r\n selector: 'app-layout2-preview',\r\n templateUrl: './layout2.component.html',\r\n styleUrls: ['./layout2.component.scss']\r\n})\r\nexport class Layout2Component implements OnInit {\r\n\r\n constructor(\r\n private storeService: StoreService,\r\n private fb: UntypedFormBuilder,\r\n private commonService: CommonService,\r\n ) { }\r\n\r\n @Input() layoutData: any;\r\n @Input() teamStoreId: number;\r\n @Input() teamStoreData: any;\r\n @Output() eventType: EventEmitter\r\n \r\n
\r\nPlease double-check as, once approved, we cannot make changes:
\r\n- \r\n
- Please verify Art is correct. \r\n
- Please verify you got the fundraising amount you want. \r\n
- Please make sure the shipping method is as desired. \r\n
- If everything looks correct, please approve and let's move forward. \r\n
- If something is not as you wished, please let us know so we can fix it. \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 {{category.categoryName}}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{product.teamstoreGarmentStatus == 1 ? \"✓\" : product.teamstoreGarmentStatus == 2 ? \"✖\" : \"\"}}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{product.name}}
\r\n${{product.price}}
\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
","import { Component, OnInit, Output, EventEmitter, Input } from '@angular/core';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\n\r\n@Component({\r\n selector: 'app-layout1',\r\n templateUrl: './layout1.component.html',\r\n styleUrls: ['./layout1.component.scss']\r\n})\r\nexport class Layout1Component implements OnInit {\r\n\r\n @Input() layoutData: any;\r\n @Input() teamStoreId: number;\r\n @Input() teamStoreData: any;\r\n @Output() eventType: EventEmitter\r\n \r\n
\r\n\r\n \r\n
","import { Component, OnInit, Input, EventEmitter, Output } from '@angular/core';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\n\r\n@Component({\r\n selector: 'app-layout2',\r\n templateUrl: './layout2.component.html',\r\n styleUrls: ['./layout2.component.scss']\r\n})\r\nexport class Layout2Component implements OnInit {\r\n\r\n @Input() layoutData: any;\r\n @Input() teamStoreId: number;\r\n @Input() teamStoreData: any;\r\n @Output() eventType: EventEmitter\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 {{category.categoryName}}\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 {{product.name}}
\r\n${{product.price}}
\r\n\r\n \r\n
","import { ChangeDetectorRef, Component } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\nimport { UserService } from 'src/app/core/services/user.service';\r\nimport { environment } from 'src/environments/environment';\r\nimport { ResponseWindowComponent } from '../response-window/response-window.component';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { FormArray, FormGroup, UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';\r\nimport { ProductService } from 'src/app/core/services/product.service';\r\nimport Swal from 'sweetalert2';\r\nimport { DatePipe } from '@angular/common';\r\nimport { SharedService } from 'src/app/core/services/shared.service';\r\nconst bDropIn = require('braintree-web-drop-in')\r\ndeclare var $: any;\r\n\r\ninterface Team {\r\n id: number;\r\n value: string;\r\n cartIds: number[];\r\n}\r\n@Component({\r\n selector: 'app-nan-form',\r\n templateUrl: './nan-form.component.html',\r\n styleUrls: ['./nan-form.component.scss',\r\n // '../../modules/team-store-manager/bulk-order-entry/bulk-order-entry.component.scss'\r\n ]\r\n})\r\nexport class NanFormComponent {\r\n orderExpanded: boolean = false;\r\n orderTimingExpanded: boolean = false;\r\n summaryExpanded: boolean = false;\r\n $: any;\r\n\r\n rotateArrow: boolean = false;\r\n rotateTimingArrow: boolean = false;\r\n rotateOrderSummaryArrow: boolean = false;\r\n\r\n noImage = \"../../../../assets/images/no-image.jpg\"\r\n bulkOrderId = ''\r\n bulkOrer: any;\r\n key\r\n selectedIndex = 0\r\n selectedProdIndex = 0;\r\n imageLength = 0\r\n imageIndex = 0;\r\n approvalStatus: string[] = [];\r\n rejectArray: any[] = [];\r\n\r\n rejectButtonEnabled: boolean;\r\n clientToken\r\n checkoutObj: any;\r\n taxObject;\r\n orderCustomFields: any[] = [];\r\n billingForm: UntypedFormGroup;\r\n shippingForm: UntypedFormGroup;\r\n paymentMethod: number = 3;\r\n isShippingChargeLoading: boolean = true;\r\n isTaxLoadeding: boolean = true;\r\n isPaymentCompleted = true;\r\n rejectionBody: any = {};\r\n rejectionCode: any = 0;\r\n rejectionReason: any = \"\";\r\n storeRejectionForm: UntypedFormGroup;\r\n orderRejectionForm: UntypedFormGroup;\r\n rejectionCodes = [];\r\n CurrentRejectIndex = -1;\r\n rejectionCodesForQuote = [];\r\n rejectionOrderBody: any = {};\r\n rejectionOrderCode: any = 0;\r\n rejectionOrderReason: any = \"\";\r\n isRejectedCart = true\r\n colorList = []\r\n colorObj: any[];\r\n rotateProdArrow: boolean[] = [];\r\n modalIndex = -1\r\n selectedCustomFields: any[] = []\r\n productForm: FormGroup;\r\n cartType = 3\r\n isClickedCheckout = false;\r\n nanForm: UntypedFormGroup;\r\n isOrderDetailPage = false\r\n tempSelectedCustomFields: any;\r\n isAllProductsLoaded: boolean = false;\r\n totalWeight: any;\r\n shippingBoxes: any;\r\n decoPrice: { decoPrice: number; namePrice: number; numberPrice: number; };\r\n\r\n\r\n constructor(private router: Router,\r\n private route: ActivatedRoute,\r\n private storeService: StoreService,\r\n private commonService: CommonService,\r\n private userService: UserService,\r\n private dialogue: MatDialog,\r\n private formBuilder: UntypedFormBuilder,\r\n private productService: ProductService,\r\n private sharedServices: SharedService,\r\n ) {\r\n if (this.bulkOrer?.cartItemsInfo) {\r\n this.rotateProdArrow = new Array(this.bulkOrer?.cartItemsInfo.length).fill(false);\r\n\r\n }\r\n this.productForm = this.formBuilder.group({\r\n products: this.formBuilder.array([])\r\n });\r\n this.nanForm = this.formBuilder.group({\r\n nans: this.formBuilder.array([])\r\n });\r\n }\r\n\r\n\r\n toggleOrder() {\r\n this.orderExpanded = !this.orderExpanded;\r\n }\r\n toggleOrderTiming() {\r\n this.orderTimingExpanded = !this.orderTimingExpanded;\r\n }\r\n toggleOrderSummary() {\r\n this.summaryExpanded = !this.summaryExpanded;\r\n }\r\n toggleAccordion(index: number) {\r\n this.toggleArrow(index);\r\n }\r\n toggleArrow(index: number) {\r\n this.rotateProdArrow[index] = !this.rotateProdArrow[index];\r\n }\r\n\r\n ngOnInit() {\r\n let checkoutObj = {\r\n cartItemsInfo: null,\r\n totalPrice: 0,\r\n taxAmount: 0,\r\n totalWeight: this.totalWeight,\r\n shippingBoxes: this.shippingBoxes,\r\n customerId: null\r\n }\r\n this.checkoutObj = checkoutObj\r\n\r\n if (this.router.url.includes('viewOrderDetails')) {\r\n this.isOrderDetailPage = true\r\n }\r\n this.geColorList();\r\n\r\n\r\n this.createShippingForm()\r\n this.createBillingForm()\r\n //this.bulkOrderId = this.route.snapshot.params['refId'] || ''\r\n this.route.queryParams.subscribe(params => {\r\n this.key = params['key']; // For example, if your query parameter is named 'id'\r\n if (this.key) {\r\n this.isValidKey({ ReferenceId: this.key })\r\n }\r\n\r\n });\r\n\r\n\r\n }\r\n geColorList() {\r\n this.productService.getProductColors().subscribe((res) => {\r\n this.colorList = res.body.data;\r\n });\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n openResponseWindowComponent(obj) {\r\n const dialogRef = this.dialogue.open(ResponseWindowComponent, {\r\n // width: '15%', \r\n // width:'20%',\r\n data: obj,\r\n disableClose: true,\r\n position: { top: '20px' }\r\n });\r\n\r\n dialogRef.afterClosed().subscribe((dialogResult) => {\r\n // if (this.user.emailConfirmed)\r\n // this.router.navigate([\"/enduser/useraccount/orderhistory\"]);\r\n // else\r\n // window.top.postMessage(\"goto home\", \"*\")\r\n });\r\n }\r\n\r\n isValidKey(data) {\r\n this.commonService.toggleLoading(true)\r\n this.storeService.isValidKey(data).subscribe(async (response) => {\r\n this.commonService.toggleLoading(false)\r\n this.bulkOrderId = response?.data?.bulkOrderId\r\n if (response?.data && response?.data?.isVerified && this.bulkOrderId) {\r\n this.loadBulkOrderDetails(this.bulkOrderId)\r\n }\r\n\r\n }, error => {\r\n this.commonService.toggleLoading(false)\r\n this.commonService.openErrorSnackBar(error?.error?.message, \"\")\r\n });\r\n }\r\n createBillingForm(params?) {\r\n //creates a form for entering teamstore data.\r\n this.billingForm = this.formBuilder.group({\r\n billAttention: new UntypedFormControl(params?.billAttention ? params.billAttention : '', Validators.required),\r\n address: new UntypedFormControl(params?.billingAddress ? params.billingAddress : '', Validators.required),\r\n address1: new UntypedFormControl(params?.billingAddress1 ? params.billingAddress1 : ''),\r\n city: new UntypedFormControl(params?.billingCity ? params.billingCity : '', Validators.required),\r\n state: new UntypedFormControl(params?.billingState ? params.billingState : '', Validators.required),\r\n zipCode: new UntypedFormControl(params?.billingZipCode ? params.billingZipCode : '', Validators.required),\r\n });\r\n }\r\n createShippingForm(params?) {\r\n //creates a form for entering teamstore data.\r\n this.shippingForm = this.formBuilder.group({\r\n shipAttention: new UntypedFormControl(params?.shipAttention ? params.shipAttention : '', Validators.required),\r\n address: new UntypedFormControl(params?.shippingAddress ? params.shippingAddress : '', Validators.required),\r\n address1: new UntypedFormControl(params?.shippingAddress1 ? params.shippingAddress1 : ''),\r\n city: new UntypedFormControl(params?.shippingCity ? params.shippingCity : '', Validators.required),\r\n state: new UntypedFormControl(params?.shippingState ? params.shippingState : '', Validators.required),\r\n zipCode: new UntypedFormControl(params?.shippingZipCode ? params.shippingZipCode : '', Validators.required),\r\n });\r\n }\r\n async loadBulkOrderDetails(bulkOrerId) {\r\n this.commonService.toggleLoading(true)\r\n this.storeService.getbulkOrderDetailsV2(bulkOrerId).subscribe(async (response) => {\r\n if (response.data && response.data) {\r\n this.commonService.toggleLoading(false)\r\n this.bulkOrer = response.data;\r\n this.totalWeight = response?.data?.totalWeight\r\n this.shippingBoxes = response?.data?.shippingBoxes\r\n this.selectedCustomFields = response?.data?.customFields\r\n this.tempSelectedCustomFields = JSON.parse(JSON.stringify(this.selectedCustomFields));\r\n let user = response.data.user;\r\n if (response.data?.cartItemsInfo[0]?.cartType == 1) {\r\n this.isPaymentCompleted = true;\r\n //this.commonService.openSuccessSnackBar('Order already placed !', \"\") \r\n } else {\r\n this.isPaymentCompleted = false;\r\n }\r\n if (response.data?.cartItemStatus == 2) {\r\n this.isRejectedCart = true;\r\n //this.commonService.openErrorSnackBar('Order already rejected !', \"\") \r\n } else {\r\n this.isRejectedCart = false;\r\n }\r\n for (let i = 0; i < response?.data?.cartItemsInfo?.length; i++) {\r\n try {\r\n await this.productSelected(response?.data?.cartItemsInfo[i]); // Await the completion of productSelected function\r\n // let cartItemGrids=response?.data?.cartItemsInfo[i]\r\n // cartItemGrids?.cartItemGrids.forEach((element,index) => {\r\n // this.quantityChanged(i,index,element.quantity)\r\n // });\r\n //this.openNANScreen(i)\r\n let nans = response?.data?.cartItemsInfo[i]?.nan\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const productFormGroup = productsArray.at(i) as FormGroup;\r\n const nanArray = productFormGroup.get('nan') as FormArray;\r\n nans?.forEach((element, index) => {\r\n nanArray.push(this.createNANFormGroup2({ ...element, isNameDisabled: false, isNumberDisabled: false }));\r\n });\r\n if (response?.data?.cartItemsInfo?.length - 1 == i) {\r\n this.isAllProductsLoaded = true\r\n this.commonService.toggleLoading(false)\r\n }\r\n } catch (error) {\r\n console.error('Error in productSelected:', error);\r\n }\r\n }\r\n //this.getCurrentProductUsedColors()\r\n this.createBillingForm(user);\r\n this.createShippingForm(user);\r\n this.getSelectedProdImage()\r\n this.rotateOrderSummaryArrow = true;\r\n this.toggleOrderSummary()\r\n } else {\r\n }\r\n }, error => {\r\n this.commonService.toggleLoading(false)\r\n });\r\n }\r\n createNANFormGroup2(item?) {\r\n return this.formBuilder.group({\r\n id: item?.id || 0,\r\n cartId: item?.cartId,\r\n teams: this.formBuilder.array([]),\r\n players: this.formBuilder.array([]),\r\n team: item?.team || '',\r\n teamId: item?.teamId || null,\r\n teamIds: item?.teamIds || null,\r\n player: item?.player || '',\r\n playerId: item?.playerId || 0,\r\n productId: item?.productId || 0,\r\n productName: { value: item?.productName || '', disabled: true },\r\n color: { value: item?.color || '', disabled: true },\r\n colorId: item?.colorId || 0,\r\n size: item?.size || '',\r\n sizeId: item?.sizeId || 0,\r\n name: item?.name || '',\r\n number: item?.number || '',\r\n isNameDisabled: item?.isNameDisabled || false,\r\n isNumberDisabled: item?.isNumberDisabled || false,\r\n sortOrder: item?.sortOrder\r\n });\r\n }\r\n\r\n productSelected(product): Promise\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 {{category.categoryName}}\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 {{product.name}}
\r\n${{product.price}}
\r\n\r\n {\r\n let poNumber = '';\r\n this.commonService.toggleLoading(true);\r\n try {\r\n const res: any = await this.sharedServices.getPoNumber().toPromise();\r\n poNumber = res?.data || '';\r\n } catch (error) {\r\n console.error('Error fetching PO number:', error);\r\n } finally {\r\n this.commonService.toggleLoading(false);\r\n }\r\n return poNumber;\r\n }\r\n\r\n get organizationId() {\r\n return this.purchaseOrderForm.get('organizationId');\r\n }\r\n\r\n get referenceId() {\r\n return this.purchaseOrderForm.get('referenceId');\r\n }\r\n\r\n get attachment() {\r\n return this.purchaseOrderForm.get('attachment');\r\n }\r\n uploadCustomArtImg(files: FileList) {\r\n const file = files.item(0);\r\n const fileExtension = file.name.split('.').pop().toLowerCase();\r\n const allowedExtensions = ['jpg', 'png', 'jpeg', 'gif', 'webp', 'jfif', 'pdf'];\r\n\r\n if (allowedExtensions.includes(fileExtension)) {\r\n const formData = new FormData();\r\n formData.append('file', file);\r\n\r\n this.commonService.toggleLoading(true);\r\n this.storeService.uploadArt(formData).subscribe(\r\n (response) => {\r\n this.commonService.toggleLoading(false);\r\n this.uploadedPO = response?.data;\r\n this.purchaseOrderForm.patchValue({ attachment: response?.data });\r\n },\r\n (err) => {\r\n this.commonService.toggleLoading(false);\r\n this.commonService.openErrorSnackBar('File upload failed', '');\r\n }\r\n );\r\n } else {\r\n this.commonService.openErrorSnackBar('Invalid file format. Please upload an image or PDF.', '');\r\n }\r\n }\r\n\r\n geColorList() {\r\n this.productService.getProductColors().subscribe((res) => {\r\n this.colorList = res.body.data;\r\n });\r\n }\r\n confirmRejection() {\r\n if (this.storeRejectionForm.valid) {\r\n this.rejectionBody = {\r\n rejectionReason: this.storeRejectionForm.controls['amRejectionText'].value,\r\n rejectionCode: this.storeRejectionForm.controls['amRejectionCodes'].value.toString()\r\n }\r\n this.rejectArray[this.CurrentRejectIndex] = this.rejectionBody\r\n this.approvalStatus[this.CurrentRejectIndex] = 'rejected';\r\n\r\n let obj = {\r\n \"CartId\": this.bulkOrer?.cartItemsInfo[this.CurrentRejectIndex]?.cartId,\r\n \"BulkOrderRejectionReasonCodes\": this.rejectArray[this.CurrentRejectIndex]?.rejectionCode,\r\n \"BulkOrderRejectionReason\": this.rejectArray[this.CurrentRejectIndex]?.rejectionReason,\r\n \"CartItemStatus\": 2\r\n }\r\n this.commonService.toggleLoading(true)\r\n this.storeService.updateIsApproveRejectV1(obj).subscribe(async (response) => {\r\n if (response?.data) {\r\n $('#rejectStoreModal').modal('hide');\r\n this.syncWithOldData(response)\r\n this.commonService.openSuccessSnackBar(response?.message, \"\")\r\n // if (this.bulkOrderId) { \r\n // this.productForm = this.formBuilder.group({\r\n // products: this.formBuilder.array([])\r\n // });\r\n // this.loadBulkOrderDetails(this.bulkOrderId)\r\n // // .then(() => {\r\n // // this.deleteProductsAfterReload();\r\n // // })\r\n // // .catch((error) => {\r\n // // console.error('Error loading bulk order details:', error);\r\n // // });\r\n // } \r\n this.commonService.toggleLoading(false)\r\n }\r\n }, error => {\r\n this.commonService.openErrorSnackBar(error?.error?.message, \"\")\r\n this.commonService.toggleLoading(false)\r\n\r\n });\r\n }\r\n else {\r\n this.commonService.openErrorSnackBar('Please fill mandatory fields !', \"\")\r\n\r\n }\r\n //this.submit(1);\r\n }\r\n\r\n getStoreRejectionCodes(type) {\r\n this.storeService.getRejectionCodesForQuoteAndProduct(type).subscribe(\r\n (response) => {\r\n this.rejectionCodes = response.data;\r\n }\r\n );\r\n }\r\n getStoreRejectionCodesForQuote(type) {\r\n this.storeService.getRejectionCodesForQuoteAndProduct(type).subscribe(\r\n (response) => {\r\n this.rejectionCodesForQuote = response.data;\r\n }\r\n );\r\n }\r\n createStoreRejectionForm() {\r\n this.storeRejectionForm = this.formBuilder.group({\r\n amRejectionCodes: ['', Validators.required],\r\n amRejectionText: ['', Validators.required]\r\n });\r\n }\r\n\r\n createOrderRejectionForm() {\r\n this.orderRejectionForm = this.formBuilder.group({\r\n amRejectionCodes: ['', Validators.required],\r\n amRejectionText: ['', Validators.required]\r\n });\r\n }\r\n getClientToken(customerId) {\r\n this.userService.getBrainTreeClientTokenForBulkOrder(customerId).subscribe((res: any) => {\r\n this.clientToken = res.data\r\n this.createBrainTreeDropInUI()\r\n }, err => {\r\n this.createBrainTreeDropInUI()\r\n })\r\n }\r\n createBrainTreeDropInUI() {\r\n this.disableButtons()\r\n var _this = this\r\n bDropIn.create({\r\n container: '#dropin-container',\r\n authorization:\r\n this.clientToken ||\r\n environment.braintree.tokenizationKey\r\n ,\r\n vaultManager: true,\r\n card: {\r\n cardholderName: {\r\n required: true\r\n },\r\n // vault: {\r\n // allowVaultCardOverride: true\r\n // },\r\n overrides: {\r\n fields: {\r\n postalCode: null\r\n }\r\n },\r\n },\r\n paypal: {\r\n flow: 'vault',\r\n vault: {\r\n vaultPayPal: true\r\n },\r\n },\r\n // venmo: {\r\n // allowNewBrowserTab: false\r\n // },\r\n }, function (createErr, instance) {\r\n if (createErr) return\r\n _this.enableButtons()\r\n var submitButton = $('#payment-request-button')\r\n submitButton.click(function (event) {\r\n //instance._model.isGuestCheckout = true \r\n instance.requestPaymentMethod(function (requestPaymentMethodErr, payload) {\r\n if (requestPaymentMethodErr) {\r\n console.log(requestPaymentMethodErr);\r\n _this.braintreeAuthenticationFailed()\r\n return\r\n } else {\r\n let cardInfo = {\r\n \"nameOnCard\": payload.details.cardholderName,\r\n \"paymentMethodNonce\": payload.nonce\r\n }\r\n _this.payByCreditCard(cardInfo)\r\n }\r\n });\r\n });\r\n })\r\n }\r\n\r\n braintreeAuthenticationFailed() {\r\n this.commonService.toggleLoading(false)\r\n this.enableButtons()\r\n }\r\n enableButtons() {\r\n // $('#back-to-cart-btn').prop('disabled', false)\r\n $('#pay-now-btn').prop('disabled', false)\r\n }\r\n\r\n disableButtons() {\r\n // $('#back-to-cart-btn').prop('disabled', true)\r\n $('#pay-now-btn').prop('disabled', true)\r\n }\r\n\r\n payByCreditCard(cardInfo) {\r\n\r\n this.bulkOrer?.cartItemsInfo?.forEach(element => {\r\n element.cartItemGrids = element.cartItemGrids.filter(item => item.quantity !== 0);\r\n element.decorationProperties = element.decorationProperties.filter(item => item.art);\r\n element.personalizationProperties = element.personalizationProperties.filter(item => item.personalizationTypeId);\r\n\r\n if (element.cartItemGrids?.length) {\r\n element.cartItemGrids.forEach((item, index) => {\r\n let res = element.nan.find(x => x.sizeId == item.sizeId)\r\n if (res) {\r\n item.name = res.name;\r\n item.number = res.number\r\n if (res.name || res.number) {\r\n item.personalize = true\r\n }\r\n }\r\n });\r\n }\r\n\r\n });\r\n\r\n let checkoutObj = {\r\n cartItemsInfo: this.bulkOrer?.cartItemsInfo,\r\n totalPrice: 0,\r\n taxAmount: 0,\r\n totalWeight: this.bulkOrer?.totalWeight,\r\n shippingBoxes: this.bulkOrer?.shippingBoxes,\r\n customerId: 0\r\n //cartCount: productsArray?.value?.length,\r\n }\r\n this.checkoutObj = checkoutObj\r\n this.checkoutObj.cartItemsInfo = this.checkoutObj?.cartItemsInfo?.map(element => {\r\n const { otherProductVariants, productInfo, ...rest } = element;\r\n return rest;\r\n });\r\n // this.bulkOrer?.cartItemsInfo?.forEach(element => { \r\n\r\n // element.cartItemGrids = element.cartItemGrids.filter(item => item.quantity !== 0); \r\n // element.decorationProperties = element.decorationProperties.filter(item => item.art);\r\n\r\n // element.decorationProperties.forEach(element2 => {\r\n // element2.colorId= element2?.colorId.trim() !== \"\"? element2?.colorId.split(',').map(Number) : []; \r\n // });\r\n // });\r\n this.bulkOrer?.cartItemsInfo?.forEach(cartItem => {\r\n cartItem.cartItemGrids = cartItem.cartItemGrids.filter(gridItem => gridItem.quantity !== 0);\r\n cartItem.decorationProperties = cartItem.decorationProperties.filter(decoration => decoration.art);\r\n cartItem.decorationProperties.forEach(decoration => {\r\n if (typeof decoration.colorId === 'string' && decoration.colorId.trim() !== '') {\r\n decoration.colorId = decoration.colorId.split(',').map(Number);\r\n } else if (typeof decoration.colorId === 'number') {\r\n decoration.colorId = [decoration.colorId];\r\n }\r\n });\r\n });\r\n\r\n\r\n let formData = new FormData();\r\n if (this.paymentMethod == 2) {\r\n this.uploadedPO.forEach((file) => {\r\n formData.append(\"file\", file);\r\n });\r\n }\r\n this.checkoutObj[\"billingAddress\"] = this.billingForm.value;\r\n this.checkoutObj[\"shippingAddress\"] = this.shippingForm.value;\r\n this.checkoutObj[\"cardInfo\"] = cardInfo;\r\n this.checkoutObj[\"taxAmount\"] = this.bulkOrer?.taxAmount;\r\n this.checkoutObj[\"taxSummary\"] = this.bulkOrer?.taxSummary;\r\n\r\n // if(this.offerApplied){\r\n // this.checkoutObj.cartItemsInfo.forEach(x=>{\r\n // if(this.isStrikethrough(x) ){\r\n // x.totalPrice=this.getDiscountedPrice(x) \r\n // }\r\n // x.cartItemGrids.forEach(y=>{\r\n // if(this.isStrikethroughSub(y)){\r\n // y.totalPrice=this.isStrikethroughSubForDiscountAmount(y);\r\n // }\r\n // })\r\n // })}\r\n const orderJson = {\r\n amount: this.bulkOrer?.totalAmount, //this.bulkOrer?.totalPrice\r\n subTotal: this.bulkOrer?.subTotal,\r\n shippingAmount: this.bulkOrer?.shippingAmount,\r\n shippingServiceCodeId: this.bulkOrer?.shippingMethodId,\r\n paymentMethodNonce: cardInfo?.nonce,\r\n orderItem: this.checkoutObj,\r\n paymentType: this.paymentMethod,\r\n shippingMethodId: this.bulkOrer?.shippingMethodId,\r\n couponCode: this.bulkOrer?.couponCode,\r\n CouponDiscountAmount: this.bulkOrer?.totalDiscount,\r\n OrderCustomFields: this.orderCustomFields,\r\n orderType: 1, // 1-bulk order\r\n referenceId: this.bulkOrer?.referenceId || null,\r\n OrganizationId: this.purchaseOrderForm?.value?.organizationId,\r\n PoReferenceId: this.purchaseOrderForm?.value?.referenceId,\r\n };\r\n formData.append(\"orderJson\", JSON.stringify(orderJson));\r\n //this.loading = true;\r\n this.commonService.toggleLoading(true)\r\n this.storeService.createOrderForUsers(formData, this.authToken).subscribe(\r\n (res: any) => {\r\n this.commonService.toggleLoading(false)\r\n //this.loading = false;\r\n // this.scrollToTop()\r\n let obj = {\r\n title: \"Order Placed\",\r\n text: \"Your payment is approved and Order is being processed\",\r\n icon: \"success\",\r\n isEmailConfirmed: true,\r\n isUserClickedOkButton: false\r\n }\r\n if (\r\n res.data.transactionStatus == 6 ||\r\n res.data.transactionStatus == 8 ||\r\n res.data.transactionStatus == 13\r\n ) {\r\n\r\n //window.top.postMessage(\"cart count-0\", \"*\");\r\n this.openResponseWindowComponent(obj)\r\n $('#prodModal').modal('hide');\r\n //this.router.navigate(['/storemanager/bulkorderentrylist']);\r\n\r\n if (this.paymentMethod == 2) {\r\n $('#payWithPo').modal('hide');\r\n }\r\n if (this.bulkOrderId) {\r\n this.productForm = this.formBuilder.group({\r\n products: this.formBuilder.array([])\r\n });\r\n this.loadBulkOrderDetails(this.bulkOrderId, true)\r\n // .then(() => {\r\n // this.deleteProductsAfterReload();\r\n // })\r\n // .catch((error) => {\r\n // console.error('Error loading bulk order details:', error);\r\n // });\r\n }\r\n\r\n }\r\n else {\r\n\r\n let obj = {\r\n title: \"Order Rejected\",\r\n text: res.data.message,\r\n icon: \"error\",\r\n //isEmailConfirmed:this.user.emailConfirmed, \r\n }\r\n this.openResponseWindowComponent(obj)\r\n }\r\n },\r\n (err) => {\r\n this.commonService.toggleLoading(false)\r\n this.enableButtons()\r\n console.log(err);\r\n //this.loading = false;\r\n\r\n let obj = {\r\n title: \"Order Rejected\",\r\n text: err.error.data.message,\r\n icon: \"error\",\r\n isEmailConfirmed: true\r\n\r\n }\r\n this.openResponseWindowComponent(obj)\r\n }\r\n );\r\n }\r\n\r\n payByPo() {\r\n if (this.purchaseOrderForm?.valid) {\r\n if (this.purchaseOrderForm?.value?.referenceId?.trim()) {\r\n this.commonService.toggleLoading(true)\r\n this.payByCreditCard(null);\r\n // this.sharedServices.isValidPoNumber(this.purchaseOrderForm?.value?.referenceId).subscribe({\r\n // next: (res: any) => {\r\n // if (!res.data) {\r\n // this.commonService.toggleLoading(false)\r\n // this.payByCreditCard(null);\r\n // } else {\r\n // this.commonService.openErrorSnackBar(res.message, \"\")\r\n // this.commonService.toggleLoading(false)\r\n // }\r\n // },\r\n // error: (err) => {\r\n // this.commonService.openErrorSnackBar(err?.error?.message, \"\")\r\n // this.commonService.toggleLoading(false)\r\n // }\r\n // });\r\n }\r\n // else {\r\n // this.payByCreditCard(null);\r\n // }\r\n } else {\r\n this.purchaseOrderForm.markAllAsTouched();\r\n this.commonService.toggleLoading(false)\r\n }\r\n }\r\n\r\n openResponseWindowComponent(obj) {\r\n const dialogRef = this.dialogue.open(ResponseWindowComponent, {\r\n // width: '15%', \r\n // width:'20%',\r\n data: obj,\r\n disableClose: true,\r\n position: { top: '20px' }\r\n });\r\n\r\n dialogRef.afterClosed().subscribe((dialogResult) => {\r\n // if (this.user.emailConfirmed)\r\n // this.router.navigate([\"/enduser/useraccount/orderhistory\"]);\r\n // else\r\n // window.top.postMessage(\"goto home\", \"*\")\r\n });\r\n }\r\n\r\n isValidKey(data) {\r\n this.commonService.toggleLoading(true)\r\n this.storeService.isValidKey(data).subscribe(async (response) => {\r\n this.authToken = response?.data?.authToken\r\n this.commonService.toggleLoading(false)\r\n this.bulkOrderId = response?.data?.bulkOrderId\r\n if (response?.data && response?.data?.isVerified && this.bulkOrderId) {\r\n this.getClientToken(response?.data?.customerId)\r\n await this.loadBulkOrderDetails(this.bulkOrderId).then(() => {\r\n //this.getTax(); \r\n if (this.showNanButtons) {\r\n $(\"#infoModal\").modal(\"show\");\r\n }\r\n\r\n })\r\n .catch((error) => {\r\n console.error('Error loading bulk order details:', error);\r\n });\r\n\r\n }\r\n\r\n }, error => {\r\n this.commonService.toggleLoading(false)\r\n this.commonService.openErrorSnackBar(error?.error?.message, \"\")\r\n });\r\n }\r\n createBillingForm(params?) {\r\n //creates a form for entering teamstore data.\r\n this.billingForm = this.formBuilder.group({\r\n billAttention: new UntypedFormControl(params?.billAttention ? params.billAttention : '', Validators.required),\r\n address: new UntypedFormControl(params?.billingAddress ? params.billingAddress : '', Validators.required),\r\n address1: new UntypedFormControl(params?.billingAddress1 ? params.billingAddress1 : ''),\r\n city: new UntypedFormControl(params?.billingCity ? params.billingCity : '', Validators.required),\r\n state: new UntypedFormControl(params?.billingState ? params.billingState : '', Validators.required),\r\n zipCode: new UntypedFormControl(params?.billingZipCode ? params.billingZipCode : '', Validators.required),\r\n });\r\n }\r\n createShippingForm(params?) {\r\n //creates a form for entering teamstore data.\r\n this.shippingForm = this.formBuilder.group({\r\n shipAttention: new UntypedFormControl(params?.shipAttention ? params.shipAttention : '', Validators.required),\r\n address: new UntypedFormControl(params?.shippingAddress ? params.shippingAddress : '', Validators.required),\r\n address1: new UntypedFormControl(params?.shippingAddress1 ? params.shippingAddress1 : ''),\r\n city: new UntypedFormControl(params?.shippingCity ? params.shippingCity : '', Validators.required),\r\n state: new UntypedFormControl(params?.shippingState ? params.shippingState : '', Validators.required),\r\n zipCode: new UntypedFormControl(params?.shippingZipCode ? params.shippingZipCode : '', Validators.required),\r\n });\r\n }\r\n async loadBulkOrderDetails(bulkOrerId, wantToShowMsg?) {\r\n this.commonService.toggleLoading(true)\r\n return new Promise((resolve, reject) => {\r\n this.storeService.getbulkOrderDetailsV2(bulkOrerId).subscribe(async (response) => {\r\n if (response.data && response.data) {\r\n this.bulkOrer = response.data;\r\n this.totalWeight = response?.data?.totalWeight\r\n this.shippingBoxes = response?.data?.shippingBoxes\r\n this.user = response.data.user;\r\n this.selectedCustomFields = response?.data?.customFields\r\n this.tempSelectedCustomFields = JSON.parse(JSON.stringify(this.selectedCustomFields));\r\n this.isPaymentCompleted = response.data?.cartItemsInfo[0]?.cartType === 1;\r\n if (this.isPaymentCompleted && !wantToShowMsg) {\r\n Swal.fire({\r\n icon: 'success',\r\n title: 'Success',\r\n text: 'Order already placed !',\r\n confirmButtonText: 'OK'\r\n }).then(() => {\r\n\r\n })\r\n }\r\n this.isRejectedCart = response.data?.cartItemStatus === 2;\r\n if (this.isRejectedCart && !wantToShowMsg) {\r\n Swal.fire({\r\n icon: 'success',\r\n title: 'Rejected',\r\n text: 'Order already rejected !',\r\n confirmButtonText: 'OK'\r\n }).then(() => {\r\n\r\n })\r\n }\r\n for (let i = 0; i < response?.data?.cartItemsInfo?.length; i++) {\r\n try {\r\n await this.productSelected(response?.data?.cartItemsInfo[i]); // Await the completion of productSelected function\r\n // let cartItemGrids=response?.data?.cartItemsInfo[i]\r\n // cartItemGrids?.cartItemGrids.forEach((element,index) => {\r\n // this.quantityChanged(i,index,element.quantity)\r\n // });\r\n //this.openNANScreen(i)\r\n let nans = response?.data?.cartItemsInfo[i]?.nan\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const productFormGroup = productsArray.at(i) as FormGroup;\r\n const nanArray = productFormGroup.get('nan') as FormArray;\r\n nans?.forEach((element, index) => {\r\n nanArray.push(this.createNANFormGroup2({ ...element, isNameDisabled: false, isNumberDisabled: false }));\r\n });\r\n if (response?.data?.cartItemsInfo?.length - 1 == i) {\r\n this.isAllProductsLoaded = true\r\n this.commonService.toggleLoading(false)\r\n }\r\n await this.calculateTotalPrice(i);\r\n resolve();\r\n } catch (error) {\r\n console.error('Error in productSelected:', error);\r\n }\r\n }\r\n //this.getCurrentProductUsedColors()\r\n this.createBillingForm(response?.data?.billingAddress);\r\n this.createShippingForm(response?.data?.shippingAddress);\r\n this.getSelectedProdImage()\r\n this.setProdStatus()\r\n this.commonService.toggleLoading(false)\r\n\r\n if (this.isRejectedCart || this.isPaymentCompleted) {\r\n this.showNanButtons = false\r\n }\r\n this.rotateOrderSummaryArrow = true;\r\n this.toggleOrderSummary()\r\n } else {\r\n this.commonService.toggleLoading(false);\r\n reject(new Error('No data received'));\r\n }\r\n }, error => {\r\n this.commonService.toggleLoading(false)\r\n reject(error);\r\n });\r\n });\r\n }\r\n createNANFormGroup2(item?) {\r\n return this.formBuilder.group({\r\n id: item?.id || 0,\r\n cartId: item?.cartId,\r\n teams: this.formBuilder.array([]),\r\n players: this.formBuilder.array([]),\r\n team: item?.team || '',\r\n teamId: item?.teamId || null,\r\n teamIds: item?.teamIds || null,\r\n player: item?.player || '',\r\n playerId: item?.playerId || 0,\r\n productId: item?.productId || 0,\r\n productName: { value: item?.productName || '', disabled: true },\r\n color: { value: item?.color || '', disabled: true },\r\n colorId: item?.colorId || 0,\r\n size: item?.size || '',\r\n sizeId: item?.sizeId || 0,\r\n name: item?.name || '',\r\n number: item?.number || '',\r\n isNameDisabled: item?.isNameDisabled || false,\r\n isNumberDisabled: item?.isNumberDisabled || false,\r\n sortOrder: item?.sortOrder\r\n });\r\n }\r\n isValidNANButton(item, prodIndex) {\r\n let status = false\r\n if (item.value.personalizationProperties?.length) {\r\n if (this.isValidPersonalizedOptionsInProuct(prodIndex)) {\r\n status = true\r\n }\r\n if (this.bulkOrer.customFields?.length) {\r\n status = true\r\n }\r\n }\r\n return status\r\n }\r\n isValidPersonalizedOptionsInProuct(productIndex) {\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const garmentValidationResults: boolean[] = [];\r\n const garmentsRequestedArray = (productsArray.at(productIndex).get('personalizationProperties') as FormArray);\r\n\r\n garmentsRequestedArray.controls.forEach((garmentRequestedControl) => {\r\n if (garmentRequestedControl.value.personalizationTypeId) {\r\n const isValid = garmentRequestedControl.valid;\r\n garmentValidationResults.push(isValid);\r\n } else {\r\n garmentValidationResults.push(false);\r\n }\r\n });\r\n const allGarmentsValid = garmentValidationResults.every((isValid) => isValid);\r\n return allGarmentsValid;\r\n }\r\n openNANsScreen(i: any) {\r\n this.modalIndex = i;\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const productGroup = productsArray.at(i) as FormGroup;\r\n const totalQuantity = productGroup.get('totalQuantity').value;\r\n const nansArray = this.nanForm.get('nans') as FormArray;\r\n nansArray.clear();\r\n\r\n // const nanArray = (productGroup.get('nan') as FormArray);\r\n // nanArray.clear();\r\n\r\n const mappedData = productGroup?.value?.personalizationProperties?.map(item => ({\r\n showName: Number(item.personalizationTypeId) === 1,\r\n showNumber: Number(item.personalizationTypeId) === 2\r\n }));\r\n\r\n const hasShowName = mappedData.some(item => item.showName);\r\n const hasShowNumber = mappedData.some(item => item.showNumber);\r\n\r\n if (!this.selectedCustomFields.length && totalQuantity === 0) {\r\n this.commonService.openErrorSnackBar('Please fill quantity', \"\");\r\n } else if (!this.selectedCustomFields.length && !this.isValidPersonalizedOptionsInProuctForNAN(i)) {\r\n this.commonService.openErrorSnackBar('Please fill personalization settings !', \"\");\r\n } else {\r\n const filteredCartItemGrids = productGroup?.value?.cartItemGrids.filter(item => Number(item.quantity) !== 0);\r\n\r\n if (filteredCartItemGrids) {\r\n if (this.bulkOrer.cartItemsInfo[this.modalIndex]?.nan?.length) {\r\n this.bulkOrer.cartItemsInfo[this.modalIndex]?.nan?.forEach(element => {\r\n //if (filteredCartItemGrids.some(obj => Number(obj.sizeId) === Number(element.sizeId))) {\r\n const obj = {\r\n id: element?.id || 0,\r\n cartId: element?.cartId,\r\n team: '',\r\n teamId: element?.teamId || null,\r\n teamIds: element?.teamIds || null,\r\n teams: element?.teamIds?.split(','),\r\n players: element?.player?.split(','),\r\n player: element?.player || '',\r\n playerId: '' || 0,\r\n productName: productGroup.value.productDisplayName,\r\n productId: productGroup.value.productId,\r\n color: productGroup.value.selectedColor.name,\r\n colorId: productGroup.value.selectedColor.id,\r\n size: element?.size ? element.size : '',\r\n sizeId: element?.sizeId || '',\r\n name: element.name || '',\r\n number: element.number || '',\r\n isNameDisabled: hasShowName,\r\n isNumberDisabled: hasShowNumber,\r\n sortOrder: element?.sortOrder\r\n };\r\n //nanArray.push(this.createNANFormGroup(obj));\r\n nansArray.push(this.createNANFormGroup(obj));\r\n //}\r\n });\r\n } else {\r\n filteredCartItemGrids?.forEach((element, index) => {\r\n if (index == 0) {\r\n const obj = {\r\n id: element?.id || 0,\r\n cartId: element?.shoppingCartId,\r\n team: '',\r\n teamId: element?.teamId || null,\r\n teamIds: element?.teamIds || null,\r\n teams: element?.teamId?.split(','),\r\n players: element?.player?.split(','),\r\n player: element?.player || '',\r\n playerId: '' || 0,\r\n productName: productGroup.value.productDisplayName,\r\n productId: productGroup.value.productId,\r\n color: productGroup.value.selectedColor.name,\r\n colorId: productGroup.value.selectedColor.id,\r\n size: element?.size ? element.size : '',\r\n sizeId: element?.sizeId || '',\r\n name: element.name || '',\r\n number: element.number || '',\r\n isNameDisabled: hasShowName,\r\n isNumberDisabled: hasShowNumber,\r\n sortOrder: element?.sortOrder\r\n };\r\n // nanArray.push(this.createNANFormGroup(obj));\r\n nansArray.push(this.createNANFormGroup(obj));\r\n }\r\n\r\n });\r\n }\r\n // if(this.isOrderDetailPage){\r\n // this.nanForm.disable()\r\n // }\r\n $('#nanModal').modal('toggle');\r\n }\r\n }\r\n }\r\n createNANFormGroup(item?) {\r\n let teams = this.formBuilder.array([]);\r\n let players = this.formBuilder.array([]);\r\n\r\n if (item?.teams && this.getTeams()?.length > 0) {\r\n item.teams.forEach(team => {\r\n let number = Number(team)\r\n teams.push(this.formBuilder.group({ teamId: [number ? number : ''] }));\r\n });\r\n if (item?.teams?.length < this.getTeams()?.length) {\r\n let balance = this.getTeams()?.length - item?.teams?.length\r\n for (let i = 0; i < balance; i++) {\r\n teams.push(this.formBuilder.group({ teamId: [''] }));\r\n }\r\n }\r\n }\r\n\r\n if (!item?.teams && this.getTeams()?.length > 0) {\r\n let teamList = this.getTeams()\r\n teamList.forEach(team => {\r\n teams.push(this.formBuilder.group({ teamId: [''] }));\r\n });\r\n }\r\n\r\n if (item?.players && this.getPlayerValidations()?.length > 0) {\r\n item.players?.forEach(player => {\r\n players.push(this.formBuilder.group({ player: [player] }));\r\n });\r\n\r\n if (item?.players?.length < this.getPlayerValidations()?.length) {\r\n let balance = this.getPlayerValidations()?.length - item?.players?.length\r\n for (let i = 0; i < balance; i++) {\r\n players.push(this.formBuilder.group({ player: [''] }));\r\n }\r\n }\r\n\r\n }\r\n\r\n if (!item?.players && this.getPlayerValidations()?.length > 0) {\r\n let playersList = this.getPlayerValidations()\r\n playersList?.forEach(player => {\r\n players.push(this.formBuilder.group({ player: [''] }));\r\n });\r\n }\r\n return this.formBuilder.group({\r\n id: item?.id || 0,\r\n cartId: item?.cartId,\r\n teams: teams,\r\n players: players,\r\n team: item?.team || '',\r\n teamId: item?.teamId || null,\r\n teamIds: item?.teamIds || null,\r\n player: item?.player || '',\r\n playerId: item?.playerId || 0,\r\n productId: item?.productId || 0,\r\n productName: { value: item?.productName || '', disabled: true },\r\n color: { value: item?.color || '', disabled: true },\r\n colorId: item?.colorId || 0,\r\n size: item?.size || '',\r\n sizeId: item?.sizeId || 0,\r\n name: { value: item?.name || '', disabled: !item.isNameDisabled ? true : false },\r\n number: { value: item?.number || '', disabled: !item.isNumberDisabled ? true : false },\r\n isNameDisabled: item?.isNameDisabled || false,\r\n isNumberDisabled: item?.isNumberDisabled || false,\r\n sortOrder: item?.sortOrder\r\n });\r\n }\r\n isValidPersonalizedOptionsInProuctForNAN(productIndex) {\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const garmentValidationResults: boolean[] = [];\r\n const garmentsRequestedArray = (productsArray.at(productIndex).get('personalizationProperties') as FormArray);\r\n\r\n garmentsRequestedArray.controls.forEach((garmentRequestedControl, index) => {\r\n let isValid = false\r\n if (this.selectedCustomFields.length) {\r\n if (index == 0) {\r\n if (garmentRequestedControl.value.personalizationTypeId == null) {\r\n isValid = true\r\n } else {\r\n isValid = garmentRequestedControl.valid;\r\n }\r\n } else {\r\n isValid = garmentRequestedControl.valid;\r\n }\r\n } else {\r\n isValid = garmentRequestedControl.valid;\r\n }\r\n garmentValidationResults.push(isValid);\r\n });\r\n const allGarmentsValid = garmentValidationResults.every((isValid) => isValid);\r\n return allGarmentsValid;\r\n }\r\n productSelected(product): Promise {\r\n return new Promise((resolve, reject) => {\r\n //document.getElementById(\"addProductModal2\").classList.add(\"loading-cursor\");\r\n this.commonService.toggleLoading(true);\r\n const productId = product?.colorId ? `${product.id || product.productId}-${product.colorId}` : product.id || product.productId;\r\n // this.storeService.getDirectProductDetail(productId, 2).subscribe(\r\n // (response) => {\r\n let obj = {};\r\n if (product.productColorInfo) {\r\n obj = {\r\n hexValue: product.productColorInfo.hexCode,\r\n id: product.productColorInfo.id,\r\n name: product.productColorInfo.name,\r\n images: [{ thumbnail: product.productImages[0] }],\r\n swatch: product.productColorInfo?.swatch\r\n };\r\n }\r\n let newItem = { ...product };\r\n this.addProduct(newItem);\r\n\r\n this.commonService.toggleLoading(false);\r\n resolve(product); // Resolve the promise with the product when the function completes\r\n //},\r\n // (error) => {\r\n // reject(error); // Reject the promise if there's an error\r\n // }\r\n //);\r\n });\r\n }\r\n addProduct(newItem) {\r\n const productFormGroup = this.formBuilder.group({\r\n cartId: newItem.cartId || 0,\r\n productId: newItem.productId || newItem.id,\r\n productDisplayName: newItem.productDisplayName || newItem.displayName,\r\n selectedColor: newItem.selectedColor || newItem.productColorInfo,\r\n colorId: newItem.productColorInfo.id || newItem.selectedColor.id,\r\n color: newItem?.color,\r\n cartItemGrids: this.formBuilder.array([]),\r\n decorationProperties: this.formBuilder.array([this.createDecorationPropertyGroup()]),\r\n personalizationProperties: this.formBuilder.array([this.createPersonalizationForm(null)]),\r\n perUnit: this.getProductPerUnitPrice(newItem),\r\n discount: newItem?.discount || 0,\r\n totalPrice: newItem?.totalPrice ? newItem.totalPrice : '',\r\n namePersonalizationQuantity: 0,\r\n numberPersonalizationQuantity: 0,\r\n totalQuantity: newItem.totalQuantity || 0,\r\n quantity: newItem.totalQuantity || 0,\r\n productInfo: newItem?.productInfo ? newItem?.productInfo : '',\r\n nan: this.formBuilder.array([]),\r\n discountStatus: newItem?.discountStatus || 0,\r\n isDiscountApproved: newItem?.isDiscountApproved || false,\r\n decoPrice: newItem?.decoPrice || 0,\r\n personalizationPrice: Number(newItem.personalizationPrice || 0),\r\n purchaseType: newItem?.purchaseType || 1,\r\n discountApprovedAmount: newItem?.discountApproved || 0,\r\n discountType: newItem?.discountType || 0,\r\n oldTotalPrice: newItem?.oldTotalPrice || 0,\r\n isCustomerProvideGoods: newItem?.isCustomerProvideGoods ? newItem.isCustomerProvideGoods : false\r\n });\r\n const sizesArray = productFormGroup.get('cartItemGrids') as FormArray;\r\n const personalizationPropertiesList = productFormGroup.get('personalizationProperties') as FormArray;\r\n\r\n const decorationPropertiesList = productFormGroup.get('decorationProperties') as FormArray;\r\n\r\n if (this.bulkOrderId && newItem?.cartItemGrids) {\r\n\r\n let sizeVariants = newItem?.cartItemGrids;\r\n sizeVariants.forEach(sizeVariant => {\r\n sizesArray.push(this.createSizeVariantFormGroup(sizeVariant));\r\n });\r\n\r\n\r\n let personalizationProperties = newItem?.personalizationProperties;\r\n personalizationProperties.forEach(pers => {\r\n personalizationPropertiesList.push(this.createPersonalizationForm(pers));\r\n });\r\n if (personalizationPropertiesList?.length > 0 && personalizationProperties?.length > 0) {\r\n personalizationPropertiesList.removeAt(0);\r\n }\r\n\r\n\r\n let decoProperties = newItem?.decorationProperties;\r\n decoProperties.forEach(dec => {\r\n const colorId: number[] = dec.colorId.split(',').map(Number);\r\n dec.colorId = colorId\r\n decorationPropertiesList.push(this.createDecorationPropertyGroup(dec, newItem));\r\n });\r\n if (decorationPropertiesList?.length > 0 && decoProperties?.length > 0) {\r\n decorationPropertiesList.removeAt(0);\r\n }\r\n\r\n\r\n }\r\n else {\r\n let sizeVariants = newItem?.selectedColor?.sizeVariants;\r\n sizeVariants.forEach(sizeVariant => {\r\n sizeVariant.sellingPrice = (newItem?.isCustomerProvideGoods == true ? 0 : sizeVariant?.sellingPrice)\r\n sizesArray.push(this.createSizeVariantFormGroup(sizeVariant));\r\n });\r\n }\r\n\r\n\r\n (this.productForm.get('products') as FormArray).push(productFormGroup);\r\n }\r\n getProductPerUnitPrice(newItem) {\r\n let price = 0\r\n if (newItem?.cartItemGrids) {\r\n price = (newItem?.isCustomerProvideGoods == true ? 0 : newItem?.cartItemGrids[0]?.sellingPrice)\r\n }\r\n if (newItem?.selectedColor?.sizeVariants) {\r\n price = (newItem?.isCustomerProvideGoods == true ? 0 : newItem?.selectedColor?.sizeVariants[0]?.sellingPrice)\r\n }\r\n return price\r\n }\r\n createPersonalizationForm(pers?) {\r\n return this.formBuilder.group({\r\n shoppingCartId: [pers?.shoppingCartId || 0],\r\n personalizationTypeId: [pers?.personalizationTypeId || null, Validators.required],\r\n positionId: [pers?.positionId || \"\", Validators.required],\r\n serviceId: [pers?.serviceId || \"\", Validators.required],\r\n colorId: [pers?.colorId || \"\", Validators.required],\r\n sizeId: [pers?.sizeId || \"\", Validators.required],\r\n fontId: [pers?.fontId || \"\", Validators.required],\r\n personalizationCost: pers?.personalizationCost || 0,\r\n });\r\n }\r\n createSizeVariantFormGroup(sizeVariant) {\r\n return this.formBuilder.group({\r\n shoppingCartId: sizeVariant.shoppingCartId || 0,\r\n sizeId: sizeVariant.sizeId,\r\n size: sizeVariant.sizeName || sizeVariant.size,\r\n originalPrice: sizeVariant.originalPrice || sizeVariant.price,\r\n sellingPrice: sizeVariant.sellingPrice,\r\n storePrice: sizeVariant.sellingPrice, //sizeVariant.storePrice\r\n sortOrder: sizeVariant.sortOrder || null,\r\n quantity: sizeVariant.quantity || 0,\r\n decoPrice: sizeVariant.decoPrice || 0,\r\n name: sizeVariant.name || null,\r\n number: sizeVariant.number || null,\r\n personalizationNamePrice: sizeVariant.personalizationNamePrice || 0,\r\n personalizationNumberPrice: sizeVariant.personalizationNumberPrice || 0,\r\n totalPrice: sizeVariant.totalPrice || 0\r\n });\r\n }\r\n createDecorationPropertyGroup(obj?, productDetails?) {\r\n return this.formBuilder.group({\r\n shoppingCartId: obj?.shoppingCartId,\r\n art: obj?.art,\r\n id: obj?.id,\r\n //positionId: this.formBuilder.control(obj.positionId || '', Validators.required),\r\n decoGroupMethodId: this.formBuilder.control(productDetails?.productInfo?.decoGroupMethodId || '', Validators.required),\r\n serviceName: productDetails?.productInfo?.decoGroupMethod,\r\n //sizeId: this.formBuilder.control(obj.sizeId || ''),\r\n serviceId: this.formBuilder.control(productDetails?.productInfo?.decoGroupMethodId || ''),\r\n colorId: this.formBuilder.control(obj?.colorId || [], Validators.required),\r\n colorCount: this.formBuilder.control(obj?.colorCount || 0, Validators.required),\r\n decoPrice: obj?.decoPrice || 0\r\n })\r\n }\r\n setProdStatus() {\r\n this.bulkOrer?.cartItemsInfo.forEach((element, index) => {\r\n if (element?.cartItemStatus === 1) {\r\n this.approvalStatus[index] = 'approved';\r\n this.rejectArray[index] = {};\r\n } else if (element?.cartItemStatus === 2) {\r\n this.approvalStatus[index] = 'rejected';\r\n this.rejectArray[index] = {};\r\n } else if (element?.cartItemStatus === 0) {\r\n this.approvalStatus[index] = 'noAction';\r\n this.rejectArray[index] = {};\r\n }\r\n });\r\n }\r\n getFilteredProducts(prod) {\r\n const filtered = prod?.filter(obj => Number(obj.quantity) > 0);\r\n return filtered\r\n }\r\n getTypeName(item) {\r\n let type = ''\r\n if (item?.decorationProperties[0]?.length && item?.decorationProperties[0]?.art) {\r\n if (item?.decorationProperties[0]?.serviceId == 1) {\r\n type = 'Print'\r\n } else if (item?.decorationProperties[0]?.serviceId == 2) {\r\n type = 'Embroidery'\r\n }\r\n } else {\r\n type = 'Blank'\r\n }\r\n return type;\r\n }\r\n\r\n getSelectedProdImage(): string {\r\n let selectedImage = 'noImage.jpg'; // Default image if no image is found\r\n const images = this.bulkOrer?.cartItemsInfo?.[this.selectedProdIndex]?.productImages;\r\n this.imageLength = images?.length\r\n if (images && images.length > 0 && this.selectedIndex > -1) {\r\n if (this.selectedIndex < images.length) {\r\n selectedImage = images[this.selectedIndex];\r\n this.imageIndex = this.selectedIndex + 1\r\n } else {\r\n selectedImage = 'noImage.jpg'\r\n this.selectedIndex = this.selectedIndex - 1\r\n }\r\n }\r\n if (this.selectedIndex == -1) {\r\n this.selectedIndex = 0\r\n }\r\n return selectedImage;\r\n }\r\n getSelectedProdImage2(): string {\r\n\r\n let selectedImage = 'noImage.jpg';\r\n const images = this.bulkOrer?.cartItemsInfo?.[this.selectedProdIndex]?.productImages;\r\n this.imageLength = images?.length\r\n if (images && images.length > 0 && this.selectedIndex > -1) {\r\n if (this.selectedIndex < images.length) {\r\n if (images[this.selectedIndex + 1]) {\r\n selectedImage = images[this.selectedIndex + 1];\r\n }\r\n else {\r\n selectedImage = images[0];\r\n }\r\n } else {\r\n selectedImage = 'noImage.jpg'\r\n }\r\n }\r\n return selectedImage;\r\n }\r\n\r\n NextClicked() {\r\n this.selectedIndex = this.selectedIndex + 1\r\n this.getSelectedProdImage()\r\n }\r\n PreviousClicked() {\r\n this.selectedIndex = this.selectedIndex - 1\r\n this.getSelectedProdImage()\r\n }\r\n\r\n getCurrentProductUsedColors() {\r\n this.colorObj = [] = []\r\n\r\n this.bulkOrer?.cartItemsInfo[this.selectedProdIndex]?.decorationProperties.forEach((deco) => {\r\n if (deco?.colorCount > 0) {\r\n this.colorObj.push(...deco.colorInfo)\r\n }\r\n });\r\n this.bulkOrer?.cartItemsInfo[this.selectedProdIndex]?.personalizationProperties.forEach((deco) => {\r\n if (deco?.personalizationTypeId) {\r\n let obj = {\r\n hexCode: deco?.hexCode,\r\n id: deco?.colorId,\r\n name: deco?.colorName\r\n }\r\n this.colorObj.push(obj)\r\n }\r\n\r\n });\r\n return this.colorObj\r\n }\r\n\r\n getCurrentProductUsedFonts() {\r\n let fontObj = []\r\n this.bulkOrer?.cartItemsInfo[this.selectedProdIndex]?.personalizationProperties.forEach((deco) => {\r\n fontObj.push(deco?.fontName)\r\n });\r\n return fontObj\r\n }\r\n\r\n approveClicked(index: number) {\r\n this.CurrentRejectIndex = index\r\n let status = ''\r\n if (this.approvalStatus[index] == 'approved') {\r\n status = 'noAction'\r\n } else {\r\n status = 'approved'\r\n }\r\n this.updateApprovalStatus(index, status);\r\n }\r\n deleteProductsAfterReload() {\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const numberOfEntriesToRemove = this.bulkOrer?.cartItemsInfo?.length\r\n const length = productsArray.length;\r\n for (let i = 0; i < numberOfEntriesToRemove; i++) {\r\n productsArray.removeAt(length - 1 - i);\r\n }\r\n }\r\n confirmApprove(status: number) {\r\n this.rejectionBody = {\r\n rejectionReason: this.storeRejectionForm.controls['amRejectionText'].value,\r\n rejectionCode: this.storeRejectionForm.controls['amRejectionCodes'].value.toString()\r\n };\r\n this.rejectArray[this.CurrentRejectIndex] = this.rejectionBody;\r\n this.commonService.toggleLoading(true);\r\n const obj = {\r\n \"CartId\": this.bulkOrer?.cartItemsInfo[this.CurrentRejectIndex]?.cartId,\r\n \"BulkOrderRejectionReasonCodes\": \"\",\r\n \"BulkOrderRejectionReason\": \"\",\r\n \"CartItemStatus\": status\r\n };\r\n this.storeService.updateIsApproveRejectV1(obj).subscribe(async (response) => {\r\n if (response?.data) {\r\n this.syncWithOldData(response)\r\n this.commonService.openSuccessSnackBar(response?.message, \"\");\r\n // if (this.bulkOrderId) { \r\n // this.productForm = this.formBuilder.group({\r\n // products: this.formBuilder.array([])\r\n // });\r\n // this.loadBulkOrderDetails(this.bulkOrderId)\r\n // // .then(() => {\r\n // // this.deleteProductsAfterReload();\r\n // // })\r\n // // .catch((error) => {\r\n // // console.error('Error loading bulk order details:', error);\r\n // // });\r\n // } \r\n }\r\n this.commonService.toggleLoading(false);\r\n }, error => {\r\n this.commonService.openErrorSnackBar(error?.error?.message, \"\");\r\n this.commonService.toggleLoading(false);\r\n });\r\n }\r\n\r\n\r\n rejectClicked(index: number) {\r\n this.CurrentRejectIndex = index\r\n if (this.approvalStatus[index] === 'rejected') {\r\n this.updateApprovalStatus(index, 'noAction');\r\n } else {\r\n this.openRejectionModal();\r\n }\r\n }\r\n updateApprovalStatus(index: number, newStatus: string) {\r\n const status: number = (newStatus === 'approved') ? 1 : 0;\r\n this.CurrentRejectIndex = index;\r\n this.approvalStatus[index] = newStatus;\r\n this.confirmApprove(status);\r\n }\r\n\r\n isAnyOneRejected(): boolean {\r\n if (!this.approvalStatus?.length) {\r\n return true;\r\n }\r\n this.rejectButtonEnabled = this.approvalStatus.includes('rejected');\r\n this.rejectButtonEnabled = this.approvalStatus.includes('noAction');\r\n\r\n return this.rejectButtonEnabled;\r\n }\r\n isAllApproved() {\r\n if (this.approvalStatus?.length > 0) {\r\n this.rejectButtonEnabled = this.approvalStatus.some(status => status === 'approved');\r\n return !this.rejectButtonEnabled\r\n } else {\r\n return true;\r\n }\r\n }\r\n rejectOrderClicked() {\r\n let isPending = this.approvalStatus.includes('noAction');\r\n if (!isPending) {\r\n this.openOrderRejectionModal()\r\n } else {\r\n this.commonService.openErrorSnackBar('Approve / Reject each product to reject the order !', \"\")\r\n }\r\n }\r\n rejectOrders() {\r\n\r\n if (this.orderRejectionForm.valid) {\r\n // let isPending = this.approvalStatus.includes('noAction');\r\n // if (!isPending) {\r\n\r\n //let isAnyRejected = this.approvalStatus.includes('rejected');\r\n //if (isAnyRejected) {\r\n let items = []\r\n // this.approvalStatus?.forEach((x, index) => {\r\n // let obj = {}\r\n // if (x == 'rejected') {\r\n // obj = {\r\n // \"CartId\": this.bulkOrer?.cartItemsInfo[index]?.cartId,\r\n // \"BulkOrderRejectionReasonCodes\": this.rejectArray[index]?.rejectionCode,\r\n // \"BulkOrderRejectionReason\": this.rejectArray[index]?.rejectionReason,\r\n // \"CartItemStatus\": 2\r\n // }\r\n // items.push(obj)\r\n // }\r\n // // else if (x == 'approved') {\r\n // // obj = {\r\n // // \"CartId\": this.bulkOrer?.cartItemsInfo[index]?.cartId,\r\n // // \"BulkOrderRejectionReasonCodes\": \"\",\r\n // // \"BulkOrderRejectionReason\": \"\",\r\n // // \"CartItemStatus\": 1\r\n // // }\r\n // // }else if(x=='noAction'){\r\n // // obj = {\r\n // // \"CartId\": this.bulkOrer?.cartItemsInfo[index]?.cartId,\r\n // // \"BulkOrderRejectionReasonCodes\": \"\",\r\n // // \"BulkOrderRejectionReason\": \"\",\r\n // // \"CartItemStatus\": 0\r\n // // }\r\n // // }\r\n\r\n\r\n // })\r\n let mainObj = {\r\n \"BulkOrderShoppingCartMasterId\": this.bulkOrer?.bulkOrderShoppingCartMasterId,\r\n \"BulkOrderRejectionReasonCodes\": this.orderRejectionForm.value.amRejectionCodes.toString(),\r\n \"BulkOrderRejectionReason\": this.orderRejectionForm.value.amRejectionText,\r\n \"CartItemStatus\": 2,\r\n \"Items\": items\r\n }\r\n this.commonService.toggleLoading(true)\r\n this.storeService.updateOrderStatusToReject(mainObj).subscribe(async (response) => {\r\n\r\n if (response?.data) {\r\n $('#rejectOrderModal').modal('hide');\r\n this.commonService.openSuccessSnackBar(response?.message, \"\")\r\n if (this.bulkOrderId) {\r\n this.productForm = this.formBuilder.group({\r\n products: this.formBuilder.array([])\r\n });\r\n this.loadBulkOrderDetails(this.bulkOrderId, true)\r\n // .then(() => {\r\n // this.deleteProductsAfterReload();\r\n // })\r\n // .catch((error) => {\r\n // console.error('Error loading bulk order details:', error);\r\n // });\r\n }\r\n }\r\n\r\n }, error => {\r\n this.commonService.openErrorSnackBar(error?.error?.message, \"\")\r\n });\r\n\r\n }\r\n\r\n // }\r\n // else {\r\n // this.commonService.openErrorSnackBar('Please complete approval process !', \"\")\r\n\r\n // }\r\n //}else{\r\n //this.commonService.openErrorSnackBar('Please fill mandatory fields !', \"\")\r\n //}\r\n\r\n }\r\n approveAndPay(mainObj) {\r\n this.storeService.updateIsApproveRejectV2(mainObj).subscribe(async (response) => {\r\n\r\n if (response?.data) {\r\n this.commonService.openSuccessSnackBar(response?.message, \"\")\r\n //this.loadBulkOrderDetails(this.bulkOrderId)\r\n this.commonService.toggleLoading(false)\r\n // this.openCheckoutScreen()\r\n $('#paymentTypes').modal('show');\r\n }\r\n\r\n }, error => {\r\n this.commonService.openErrorSnackBar(error?.error?.message, \"\")\r\n this.commonService.toggleLoading(false)\r\n });\r\n }\r\n payWithPo() {\r\n $('#paymentTypes').modal('hide');\r\n this.purchaseOrderForm.patchValue({ organizationId: this.bulkOrer?.organizationId })\r\n this.purchaseOrderForm.get('organizationId')?.disable();\r\n $('#payWithPo').modal('show');\r\n }\r\n\r\n payment(mainObj) {\r\n this.storeService.updateIsApproveRejectV1(mainObj).subscribe(async (response) => {\r\n\r\n if (response?.data) {\r\n this.commonService.openSuccessSnackBar(response?.message, \"\")\r\n //this.loadBulkOrderDetails(this.bulkOrderId)\r\n this.commonService.toggleLoading(false)\r\n this.openCheckoutScreen()\r\n }\r\n\r\n }, error => {\r\n this.commonService.openErrorSnackBar(error?.error?.message, \"\")\r\n this.commonService.toggleLoading(false)\r\n });\r\n }\r\n\r\n approveOrders() {\r\n let isPending = this.approvalStatus.includes('noAction');\r\n if (!isPending) {\r\n\r\n let isAnyRejected = this.approvalStatus.includes('rejected');\r\n if (!isAnyRejected) {\r\n\r\n let items = []\r\n this.approvalStatus?.forEach((x, index) => {\r\n let obj = {}\r\n if (x == 'approved') {\r\n obj = {\r\n \"CartId\": this.bulkOrer?.cartItemsInfo[index]?.cartId,\r\n \"BulkOrderRejectionReasonCodes\": \"\",\r\n \"BulkOrderRejectionReason\": \"\",\r\n \"CartItemStatus\": 1\r\n }\r\n }\r\n items.push(obj)\r\n\r\n })\r\n let mainObj = {\r\n \"BulkOrderShoppingCartMasterId\": this.bulkOrer?.bulkOrderShoppingCartMasterId,\r\n \"BulkOrderRejectionReasonCodes\": null,\r\n \"BulkOrderRejectionReason\": null,\r\n \"CartItemStatus\": 1,\r\n \"Items\": items,\r\n \"CartId\": items[0]?.CartId\r\n }\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n let isAnyPending = productsArray.value.some(x => x.discountStatus == 1)\r\n\r\n if (isAnyPending) {\r\n Swal.fire({\r\n title: \"Discount approval pending\",\r\n html: `((resolve, reject) => {\r\n try {\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const productFormGroup = productsArray.at(productIndex) as FormGroup;\r\n const sizesArray = productFormGroup.get('cartItemGrids') as FormArray;\r\n const nanArray = productFormGroup.get('nan') as FormArray;\r\n\r\n let totalPrice = 0\r\n let totalPerzanalizationPrice = 0\r\n\r\n for (let i = 0; i < sizesArray.value.length; i++) {\r\n let totalSizeQuantityInNAN = nanArray.value.filter(obj => Number(obj.sizeId) === Number(sizesArray.value[i].sizeId));\r\n\r\n if (!sizesArray.value[i].size || !sizesArray.value[i].quantity && !totalSizeQuantityInNAN?.length)\r\n continue\r\n let basePrice = this.getPriceBySizeName(sizesArray.value[i].sizeId, productFormGroup.value)\r\n\r\n let basePlusDeco = 0\r\n if (productFormGroup.value.isDiscountApproved) {\r\n let upCharge = this.getUpChargePriceBySizeName(sizesArray.value[i].sizeId, productFormGroup.value)\r\n basePlusDeco = productFormGroup.value.discountApprovedAmount + upCharge\r\n } else {\r\n basePlusDeco = basePrice + productFormGroup.value.decoPrice\r\n }\r\n\r\n let sizeQuantity = sizesArray.value[i].quantity\r\n // if (!totalSizeQuantityInNAN?.length) {\r\n // totalSizeQuantityInNAN = this.bulkOrer?.cartItemsInfo[productIndex]?.nan?.filter(obj => Number(obj.sizeId) === Number(sizesArray.value[i].sizeId));\r\n // }\r\n let quantity = totalSizeQuantityInNAN?.length\r\n let personalizationPrice = 0\r\n let nameCount = 0\r\n let numberCount = 0\r\n\r\n if (totalSizeQuantityInNAN?.length) {\r\n\r\n let personalizationNameCount = totalSizeQuantityInNAN.filter(obj => obj.name != null && obj.name != \"\")?.length\r\n let personalizationNumberCount = totalSizeQuantityInNAN.filter(obj => obj.number != null && obj.number != \"\")?.length\r\n\r\n let personalizationNameOrNumberCount = totalSizeQuantityInNAN.filter(obj => obj.name != null && obj.name != \"\" || obj.number != null && obj.number != \"\")?.length\r\n if (productFormGroup.value.personalizationProperties) {\r\n let pTypes = productFormGroup.value.personalizationProperties.map(item => item.personalizationTypeId);\r\n nameCount = pTypes.filter(personalizationTypeId => personalizationTypeId == 1).length;\r\n numberCount = pTypes.filter(personalizationTypeId => personalizationTypeId == 2).length;\r\n }\r\n let nameDecoPrice = productFormGroup.value.personalizationProperties.filter(item => item.personalizationTypeId == 1);\r\n let numberDecoPrice = productFormGroup.value.personalizationProperties.filter(item => item.personalizationTypeId == 2);\r\n if (personalizationNameCount) {\r\n sizesArray['controls'][i].get('personalizationNamePrice').setValue(personalizationNameCount * Number(nameDecoPrice[0]?.personalizationCost || 0))\r\n if (nameCount == 0) {\r\n nameCount = 1\r\n }\r\n personalizationPrice += (personalizationNameCount * (Number(nameDecoPrice[0]?.personalizationCost || 0) * nameCount))\r\n }\r\n if (personalizationNumberCount) {\r\n sizesArray['controls'][i].get('personalizationNumberPrice').setValue(personalizationNumberCount * Number(numberDecoPrice[0]?.personalizationCost || 0))\r\n if (numberCount == 0) {\r\n numberCount = 1\r\n }\r\n personalizationPrice += (personalizationNumberCount * (Number(numberDecoPrice[0]?.personalizationCost || 0) * numberCount))\r\n\r\n }\r\n if (!personalizationNameCount) {\r\n sizesArray['controls'][i].get('personalizationNamePrice').setValue(0)\r\n }\r\n if (!personalizationNumberCount) {\r\n sizesArray['controls'][i].get('personalizationNumberPrice').setValue(0)\r\n }\r\n sizesArray['controls'][i].get('decoPrice').setValue(sizeQuantity * productFormGroup.value.decoPrice)\r\n\r\n sizesArray['controls'][i].get('totalPrice').setValue((((productFormGroup?.value?.isCustomerProvideGoods == true ? 0 : sizesArray.value[i].sellingPrice)) * (sizesArray.value[i].quantity)) + personalizationPrice)\r\n\r\n let quantitY = personalizationNameOrNumberCount ? personalizationNameOrNumberCount : sizeQuantity\r\n let prodPrice = (quantitY * (basePlusDeco))\r\n totalPrice += ((prodPrice) + Number(personalizationPrice))\r\n\r\n if (personalizationNameOrNumberCount > 0 && sizeQuantity > personalizationNameOrNumberCount) {\r\n let balanceQuantity = sizeQuantity - personalizationNameOrNumberCount\r\n let balanceProdPrice = (balanceQuantity * (basePlusDeco))\r\n totalPrice += balanceProdPrice\r\n }\r\n }\r\n else {\r\n quantity = sizesArray.value[i].quantity\r\n sizesArray['controls'][i].get('personalizationNamePrice').setValue(0)\r\n sizesArray['controls'][i].get('personalizationNumberPrice').setValue(0)\r\n sizesArray['controls'][i].get('decoPrice').setValue(sizeQuantity * productFormGroup.value.decoPrice)\r\n totalPerzanalizationPrice += Number(personalizationPrice)\r\n\r\n totalPrice += ((quantity * (basePlusDeco)) + Number(personalizationPrice))\r\n }\r\n\r\n }\r\n let totalPerzPrice = Number(totalPerzanalizationPrice).toFixed(2)\r\n productFormGroup.get('totalPrice').setValue(totalPrice);\r\n productFormGroup.get('personalizationPrice').setValue(Number(totalPerzPrice));\r\n\r\n if (totalPerzanalizationPrice == 0) {\r\n let prodPersprice = 0\r\n productFormGroup.value.personalizationProperties.forEach(element => {\r\n prodPersprice += element.personalizationCost\r\n });\r\n productFormGroup.get('personalizationPrice').setValue(Number(prodPersprice));\r\n }\r\n resolve();\r\n } catch (error) {\r\n reject(error);\r\n }\r\n });\r\n }\r\n\r\n async saveNAN(productIndex, isClose?) {\r\n this.commonService.toggleLoading(true)\r\n let res = this.isValidNANForm(productIndex, isClose)\r\n if (res?.status) {\r\n const nansArray = this.nanForm.get('nans') as FormArray;\r\n\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const productFormGroup = productsArray.at(productIndex) as FormGroup;\r\n const nanArray = productFormGroup.get('nan') as FormArray;\r\n\r\n if (nansArray.value?.length) {\r\n const updatedArray = [];\r\n nansArray.value.forEach((element, index) => {\r\n element.sortOrder = index\r\n if (element.id != 0) {\r\n const index = nanArray?.value?.findIndex(x => x.id == element.id);\r\n if (index > -1) {\r\n const singleNan = nanArray.at(index) as FormGroup;\r\n singleNan.patchValue(element);\r\n updatedArray.push(singleNan);\r\n } else {\r\n const newFormGroup = this.createNANFormGroup(element);\r\n updatedArray.push(newFormGroup);\r\n }\r\n }\r\n });\r\n nanArray.clear();\r\n updatedArray.forEach(item => nanArray.push(item));\r\n nansArray.value.forEach(element => {\r\n if (element.id == 0) {\r\n nanArray.push(this.createNANFormGroup(element));\r\n }\r\n });\r\n productFormGroup.patchValue({ totalQuantity: this.getTotalQuantity(productIndex) })\r\n }\r\n\r\n if (!isClose) {\r\n try {\r\n let totalDiscount: Number = 0\r\n await this.getDecoPrice(productIndex)\r\n await this.calculateTotalPrice(productIndex)\r\n totalDiscount = await this.getTotalDiscount()\r\n\r\n let allNanArray = []\r\n productsArray.value.forEach(element => {\r\n if (element.nan?.length) {\r\n\r\n if (productFormGroup.value.cartId == element.cartId) {\r\n element.nan.forEach(x => {\r\n x.totalPrice = element.totalPrice,\r\n x.personalizationPrice = element.personalizationPrice,\r\n x.decoPrice = element.decoPrice,\r\n x.totalDiscount = totalDiscount\r\n });\r\n }\r\n\r\n allNanArray.push(...element.nan)\r\n }\r\n });\r\n await this.storeService.saveNAN(allNanArray, this.bulkOrer.bulkOrderShoppingCartMasterId).subscribe(res => {\r\n $('#nanModal').modal('hide');\r\n this.syncWithOldData(res)\r\n this.commonService.toggleLoading(false)\r\n this.commonService.openSuccessSnackBar('Name & Number saved as successfully', \"\")\r\n // if (this.bulkOrderId) { \r\n // this.productForm = this.formBuilder.group({\r\n // products: this.formBuilder.array([])\r\n // });\r\n // this.loadBulkOrderDetails(this.bulkOrderId)\r\n // // .then(() => {\r\n // // this.deleteProductsAfterReload();\r\n // // })\r\n // // .catch((error) => {\r\n // // console.error('Error loading bulk order details:', error);\r\n // // });\r\n\r\n // } \r\n\r\n }, (error) => {\r\n this.commonService.toggleLoading(false)\r\n })\r\n } catch (error) {\r\n this.commonService.toggleLoading(false);\r\n this.commonService.openErrorSnackBar('Error saving Name & Number', \"\");\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n } else {\r\n this.commonService.openErrorSnackBar(res?.error, \"\")\r\n this.commonService.toggleLoading(false);\r\n }\r\n }\r\n\r\n getTotalDiscount(): Promise {\r\n return new Promise((resolve, reject) => {\r\n try {\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n let totalDiscount = 0;\r\n productsArray.value.forEach((element, index) => {\r\n totalDiscount += this.getDiscount(index);\r\n });\r\n resolve(Number(totalDiscount.toFixed(2)));\r\n } catch (error) {\r\n reject(error);\r\n }\r\n });\r\n }\r\n getTotalDiscountAmount() {\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n let totalDiscount = 0\r\n productsArray.value.forEach((element, index) => {\r\n totalDiscount += this.getDiscount(index)\r\n });\r\n return totalDiscount.toFixed(2);\r\n }\r\n\r\n getDiscount(i: number): number {\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const productFormGroup = productsArray.at(i) as FormGroup;\r\n if (productFormGroup?.value?.isDiscountApproved) {\r\n let oldProductsTotal = 0;\r\n let newProductsTotal = 0;\r\n\r\n oldProductsTotal = this.calculateTotalPriceBeforeOrAfterDiscount(i, 'before', 0);\r\n\r\n let basePlusDecoPrice = ((productFormGroup?.value?.isCustomerProvideGoods == true ? 0 : productFormGroup?.value?.cartItemGrids[0]?.sellingPrice) + productFormGroup?.value?.decoPrice)\r\n let prodctDiscount = productFormGroup?.value.discountType === 0 ? productFormGroup?.value.discount : (basePlusDecoPrice * productFormGroup?.value.discount / 100);\r\n const discountApprovedAmount = ((productFormGroup?.value?.isCustomerProvideGoods == true ? 0 : productFormGroup?.value?.cartItemGrids[0]?.sellingPrice) + productFormGroup?.value?.decoPrice) - prodctDiscount;\r\n\r\n newProductsTotal = this.calculateTotalPriceBeforeOrAfterDiscount(i, 'after', discountApprovedAmount);\r\n\r\n productFormGroup.get('totalPrice').setValue(newProductsTotal);\r\n\r\n return parseFloat((oldProductsTotal - newProductsTotal).toFixed(2));\r\n } else {\r\n return 0.00;\r\n }\r\n }\r\n calculateTotalPriceBeforeOrAfterDiscount(productIndex, beforeOrAfter, discountApprovedAmount) {\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const productFormGroup = productsArray.at(productIndex) as FormGroup;\r\n const sizesArray = productFormGroup.get('cartItemGrids') as FormArray;\r\n const nanArray = productFormGroup.get('nan') as FormArray;\r\n\r\n let totalPrice = 0\r\n let totalPerzanalizationPrice = 0\r\n\r\n for (let i = 0; i < sizesArray.value.length; i++) {\r\n if (!sizesArray.value[i].size || !sizesArray.value[i].quantity)\r\n continue\r\n let basePrice = this.getPriceBySizeName(sizesArray.value[i].sizeId, productFormGroup.value)\r\n\r\n let basePlusDeco = 0\r\n if (beforeOrAfter == 'after') {\r\n let upCharge = this.getUpChargePriceBySizeName(sizesArray.value[i].sizeId, productFormGroup.value)\r\n basePlusDeco = discountApprovedAmount + upCharge\r\n } else {\r\n basePlusDeco = basePrice + productFormGroup.value.decoPrice\r\n }\r\n\r\n let sizeQuantity = sizesArray.value[i].quantity\r\n let totalSizeQuantityInNAN = nanArray.value.filter(obj => Number(obj.sizeId) === Number(sizesArray.value[i].sizeId));\r\n if (!totalSizeQuantityInNAN?.length) {\r\n totalSizeQuantityInNAN = this.bulkOrer?.cartItemsInfo[productIndex]?.nan?.filter(obj => Number(obj.sizeId) === Number(sizesArray.value[i].sizeId));\r\n }\r\n let quantity = totalSizeQuantityInNAN?.length\r\n let personalizationPrice = 0\r\n let nameCount = 0\r\n let numberCount = 0\r\n\r\n if (totalSizeQuantityInNAN?.length) {\r\n\r\n let personalizationNameCount = totalSizeQuantityInNAN.filter(obj => obj.name != null && obj.name != \"\")?.length\r\n let personalizationNumberCount = totalSizeQuantityInNAN.filter(obj => obj.number != null && obj.number != \"\")?.length\r\n\r\n let personalizationNameOrNumberCount = totalSizeQuantityInNAN.filter(obj => obj.name != null && obj.name != \"\" || obj.number != null && obj.number != \"\")?.length\r\n if (productFormGroup.value.personalizationProperties) {\r\n let pTypes = productFormGroup.value.personalizationProperties.map(item => item.personalizationTypeId);\r\n nameCount = pTypes.filter(personalizationTypeId => personalizationTypeId == 1).length;\r\n numberCount = pTypes.filter(personalizationTypeId => personalizationTypeId == 2).length;\r\n }\r\n let nameDecoPrice = productFormGroup.value.personalizationProperties.filter(item => item.personalizationTypeId == 1);\r\n let numberDecoPrice = productFormGroup.value.personalizationProperties.filter(item => item.personalizationTypeId == 2);\r\n if (personalizationNameCount) {\r\n if (nameCount == 0) {\r\n nameCount = 1\r\n }\r\n personalizationPrice += (personalizationNameCount * (Number(nameDecoPrice[0]?.personalizationCost || 0) * nameCount))\r\n }\r\n if (personalizationNumberCount) {\r\n if (numberCount == 0) {\r\n numberCount = 1\r\n }\r\n personalizationPrice += (personalizationNumberCount * (Number(numberDecoPrice[0]?.personalizationCost || 0) * numberCount))\r\n\r\n }\r\n if (!personalizationNameCount) {\r\n }\r\n if (!personalizationNumberCount) {\r\n }\r\n\r\n totalPerzanalizationPrice += Number(personalizationPrice)\r\n\r\n let quantitY = personalizationNameOrNumberCount ? personalizationNameOrNumberCount : sizeQuantity\r\n let prodPrice = (quantitY * (basePlusDeco))\r\n totalPrice += ((prodPrice) + Number(personalizationPrice))\r\n\r\n if (personalizationNameOrNumberCount > 0 && sizeQuantity > personalizationNameOrNumberCount) {\r\n let balanceQuantity = sizeQuantity - personalizationNameOrNumberCount\r\n let balanceProdPrice = (balanceQuantity * (basePlusDeco))\r\n totalPrice += balanceProdPrice\r\n }\r\n }\r\n else {\r\n quantity = sizesArray.value[i].quantity\r\n\r\n totalPerzanalizationPrice += Number(personalizationPrice)\r\n\r\n totalPrice += ((quantity * (basePlusDeco)) + Number(personalizationPrice))\r\n }\r\n\r\n }\r\n let totalPerzPrice = Number(totalPerzanalizationPrice).toFixed(2)\r\n\r\n if (totalPerzanalizationPrice == 0) {\r\n let prodPersprice = 0\r\n productFormGroup.value.personalizationProperties.forEach(element => {\r\n prodPersprice += element.personalizationCost\r\n });\r\n }\r\n return totalPrice\r\n }\r\n\r\n isValidNANForm(i, isClose?) {\r\n let status = {\r\n error: \"\",\r\n status: true\r\n }\r\n let filteredTextBoxes = this.selectedCustomFields.filter(x => x.customFieldType == 0)\r\n let filteredDropDowns = this.selectedCustomFields.filter(x => x.customFieldType == 1)\r\n\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const productFormGroup = productsArray.at(this.modalIndex) as FormGroup;\r\n //const nanArray = productFormGroup.get('nan') as FormArray;\r\n const nansArray = this.nanForm.get('nans') as FormArray;\r\n nansArray.value.forEach(tab => {\r\n if (this.selectedCustomFields?.length) {\r\n if (filteredDropDowns?.length > 0) {\r\n filteredDropDowns.forEach((x, index) => {\r\n if (x.isMandatory) {\r\n if (tab?.teams && !tab.teams[index]?.teamId) {\r\n status = {\r\n error: \"Please select team\",\r\n status: false\r\n }\r\n }\r\n }\r\n })\r\n\r\n }\r\n\r\n if (filteredTextBoxes?.length > 0) {\r\n filteredTextBoxes.forEach((x, index) => {\r\n if (x.isMandatory) {\r\n if (tab?.players && tab.player[index]?.player == \"\") {\r\n status = {\r\n error: \"Please fill player name\",\r\n status: false\r\n }\r\n }\r\n }\r\n })\r\n\r\n }\r\n }\r\n\r\n\r\n if (tab.sizeId == \"\") {\r\n status = {\r\n error: \"Please select size\",\r\n status: false\r\n }\r\n }\r\n\r\n // if (tab.isNameDisabled) {\r\n // if (tab.name == \"\") {\r\n // status = {\r\n // error: \"Please fill name\",\r\n // status: false\r\n // }\r\n // }\r\n // }\r\n\r\n // if (tab.isNumberDisabled) {\r\n // if (tab.number == \"\") {\r\n // status = {\r\n // error: \"Please fill number\",\r\n // status: false\r\n // }\r\n // }\r\n // }\r\n\r\n\r\n })\r\n if (isClose && !status.status) {\r\n status = {\r\n error: \"Please fill mandatory fields to close this window\",\r\n status: false\r\n }\r\n }\r\n return status\r\n }\r\n getTeams() {\r\n let teams = []\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const productFormGroup = productsArray.at(this.modalIndex) as FormGroup;\r\n if (this.selectedCustomFields?.length > 0) {\r\n let filtered = this.tempSelectedCustomFields.filter(x => x.customFieldType == 1)\r\n filtered?.forEach((x, index) => {\r\n const filteredTeams = this.filterTeamsByCartId(x.multipleChoices, productFormGroup?.value?.cartId);\r\n if (filteredTeams?.length) {\r\n // Create a new object to avoid modifying the original array\r\n const modifiedX = { ...x, multipleChoices: filteredTeams };\r\n teams.push(modifiedX); // Push the modified object to teams array\r\n } else {\r\n teams.push(x); // If no changes needed, push the original object\r\n }\r\n })\r\n }\r\n return teams\r\n }\r\n\r\n filterTeamsByCartId(teams, cartId): Team[] {\r\n return teams?.filter(team => {\r\n const cartIdsArray = team?.cartIds ? team.cartIds.split(',').map(id => id.trim()) : [];\r\n return cartIdsArray?.includes(cartId?.toString());\r\n })\r\n // .map(team => ({\r\n // ...team,\r\n // cartIds: [cartId] // return only the matching cartId in the cartIds array\r\n // }));\r\n }\r\n getPlayerValidations() {\r\n let validations = []\r\n if (this.selectedCustomFields?.length > 0) {\r\n let filtered = this.selectedCustomFields.filter(x => x.customFieldType == 0)\r\n validations = filtered\r\n }\r\n return validations;\r\n }\r\n getSizesForNAN(i) {\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const productFormGroup = productsArray.at(i) as FormGroup;\r\n return productFormGroup?.value?.cartItemGrids ? productFormGroup.value.cartItemGrids : []\r\n //const sizesArray = productFormGroup.get('cartItemGrids') as FormArray;\r\n // let filteredCartItemGrids = productFormGroup?.value?.cartItemGrids.filter(item => Number(item.quantity) !== 0); \r\n // if(filteredCartItemGrids){\r\n // return filteredCartItemGrids\r\n // }else {\r\n // return []\r\n // }\r\n\r\n }\r\n addRow() {\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const productFormGroup = productsArray.at(this.modalIndex) as FormGroup;\r\n const nanArray = productFormGroup.get('nan') as FormArray;\r\n const nansArray = this.nanForm.get('nans') as FormArray;\r\n\r\n const mappedData = productFormGroup?.value?.personalizationProperties?.map(item => {\r\n let showName = false;\r\n let showNumber = false;\r\n if (Number(item.personalizationTypeId) === 1) {\r\n showName = true;\r\n } else if (Number(item.personalizationTypeId) === 2) {\r\n showNumber = true;\r\n }\r\n return {\r\n showName,\r\n showNumber\r\n };\r\n });\r\n const hasShowName = mappedData.some(item => item.showName === true);\r\n const hasShowNumber = mappedData.some(item => item.showNumber === true);\r\n\r\n\r\n //let filteredCartItemGrids = productFormGroup?.value?.cartItemGrids.filter(item => Number(item.quantity) !== 0); \r\n // let possibleCount:Number=0\r\n // filteredCartItemGrids.forEach(element => {\r\n // if(element.quantity!=null ) {\r\n // possibleCount+=element.quantity\r\n // }\r\n // });\r\n\r\n //if(nansArray?.value?.length 1) {\r\n nansArray.removeAt(index);\r\n }\r\n }\r\n isDisabled2(inputSize: number): boolean {\r\n const nansArray = this.nanForm.get('nans') as FormArray;\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const productFormGroup = productsArray.at(this.modalIndex) as FormGroup;\r\n const cartItemArray = productFormGroup.get('cartItemGrids') as FormArray;\r\n let res = false\r\n if (nansArray.value?.length) {\r\n let singleSizeCount = cartItemArray.value.find(obj => Number(obj.sizeId) === Number(inputSize));\r\n let singleSizeNANarrayCount = nansArray.value.filter(obj => Number(obj.sizeId) === Number(inputSize));\r\n if (singleSizeCount?.quantity > singleSizeNANarrayCount?.length) {\r\n res = false\r\n } else {\r\n res = true\r\n }\r\n }\r\n return res\r\n }\r\n // updateTeamId(nanIndex: number, teamIndex: number, value: string) {\r\n // const nans = this.nanForm.get('nans') as FormArray; \r\n\r\n // const teamsArray = nans.at(nanIndex).get('teams') as FormArray;\r\n // if (teamsArray.length > teamIndex) {\r\n // teamsArray.at(teamIndex).setValue(value);\r\n // } else {\r\n // while (teamsArray.length <= teamIndex) {\r\n // teamsArray.push(this.formBuilder.control(''));\r\n // }\r\n // teamsArray.at(teamIndex).setValue(value);\r\n // }\r\n // const nan = (nans.controls[nanIndex] as FormGroup) .get(\"teamId\") \r\n // nan.patchValue( teamsArray?.value.join(', ') );\r\n // }\r\n\r\n // updatePlayer(nanIndex: number, playerIndex: number, value: string) {\r\n // const nans = this.nanForm.get('nans') as FormArray; \r\n\r\n // const playersArray = nans.at(nanIndex).get('players') as FormArray;\r\n // if (playersArray.length > playerIndex) {\r\n // playersArray.at(playerIndex).setValue(value);\r\n // } else {\r\n // while (playersArray.length <= playerIndex) {\r\n // playersArray.push(this.formBuilder.control(''));\r\n // }\r\n // playersArray.at(playerIndex).setValue(value);\r\n // }\r\n // const nan = (nans.controls[nanIndex] as FormGroup) .get(\"player\") \r\n // nan.patchValue( playersArray?.value.join(', ') );\r\n // }\r\n getMultipleChoices(t) {\r\n return this.getTeams()[t]?.multipleChoices\r\n }\r\n updateTeamId(i: number, t: number, value: any) {\r\n const control = (this.nanForm.get('nans') as FormArray).at(i) as FormGroup;\r\n const teams = control.get('teams') as FormArray;\r\n teams.at(t).setValue({ teamId: value });\r\n const teamIds = control.value.teams.map(teamControl => teamControl.teamId).join(',');\r\n control.get('teamIds').setValue(teamIds);\r\n }\r\n\r\n updatePlayer(i: number, p: number, value: any) {\r\n const control = (this.nanForm.get('nans') as FormArray).at(i) as FormGroup;\r\n const players = control.get('players') as FormArray;\r\n players.at(p).setValue({ player: value });\r\n const playersList = control.value.players.map(playerControl => playerControl.player).join(',');\r\n control.get('player').setValue(playersList);\r\n }\r\n // getTotalDiscount(){\r\n // const productsArray = this.productForm.get('products') as FormArray;\r\n // let totalDiscount=0\r\n // productsArray.value.forEach((element,index) => {\r\n // totalDiscount +=this.getDiscount(index)\r\n // });\r\n // return totalDiscount.toFixed(2);\r\n // }\r\n // getDiscount(i: number): number {\r\n // const productsArray = this.productForm.get('products') as FormArray;\r\n // const productFormGroup = productsArray.at(i) as FormGroup;\r\n // if (productFormGroup?.value?.isDiscountApproved) {\r\n // let oldProductsTotal = 0;\r\n // let newProductsTotal = 0;\r\n\r\n // oldProductsTotal = this.calculateTotalPriceBeforeOrAfterDiscount(i, 'before', 0);\r\n\r\n // let basePlusDecoPrice=(productFormGroup?.value?.cartItemGrids[0]?.sellingPrice + productFormGroup?.value?.decoPrice )\r\n // let prodctDiscount = productFormGroup?.value.discountType === 0 ? productFormGroup?.value.discount : (basePlusDecoPrice * productFormGroup?.value.discount / 100);\r\n // const discountApprovedAmount = (productFormGroup?.value?.cartItemGrids[0]?.sellingPrice + productFormGroup?.value?.decoPrice) - prodctDiscount;\r\n\r\n // newProductsTotal = this.calculateTotalPriceBeforeOrAfterDiscount(i, 'after', discountApprovedAmount);\r\n\r\n // return parseFloat((oldProductsTotal - newProductsTotal).toFixed(2));\r\n // } else {\r\n // return 0.00;\r\n // }\r\n // }\r\n // calculateTotalPriceBeforeOrAfterDiscount(productIndex,beforeOrAfter,discountApprovedAmount) {\r\n // const productsArray = this.productForm.get('products') as FormArray;\r\n // const productFormGroup = productsArray.at(productIndex) as FormGroup;\r\n // const sizesArray = productFormGroup.get('cartItemGrids') as FormArray;\r\n // const nanArray = productFormGroup.get('nan') as FormArray;\r\n\r\n // let totalPrice = 0\r\n // let totalPerzanalizationPrice = 0\r\n\r\n // for (let i = 0; i < sizesArray.value.length; i++) {\r\n // if (!sizesArray.value[i].size || !sizesArray.value[i].quantity)\r\n // continue\r\n // let basePrice = this.getPriceBySizeName(sizesArray.value[i].sizeId, productFormGroup.value)\r\n\r\n // let basePlusDeco=0\r\n // if(beforeOrAfter=='after'){\r\n // let upCharge= this.getUpChargePriceBySizeName(sizesArray.value[i].sizeId, productFormGroup.value)\r\n // basePlusDeco=discountApprovedAmount+upCharge\r\n // }else{\r\n // basePlusDeco=basePrice+productFormGroup.value.decoPrice\r\n // }\r\n\r\n // let sizeQuantity = sizesArray.value[i].quantity\r\n // let totalSizeQuantityInNAN = nanArray.value.filter(obj => Number(obj.sizeId) === Number(sizesArray.value[i].sizeId));\r\n // if (!totalSizeQuantityInNAN?.length) {\r\n // totalSizeQuantityInNAN = this.bulkOrer?.cartItemsInfo[productIndex]?.nan?.filter(obj => Number(obj.sizeId) === Number(sizesArray.value[i].sizeId));\r\n // }\r\n // let quantity = totalSizeQuantityInNAN?.length\r\n // let personalizationPrice = 0\r\n // let nameCount = 0\r\n // let numberCount = 0\r\n\r\n // if (totalSizeQuantityInNAN?.length) {\r\n\r\n // let personalizationNameCount = totalSizeQuantityInNAN.filter(obj => obj.name != null && obj.name != \"\")?.length\r\n // let personalizationNumberCount = totalSizeQuantityInNAN.filter(obj => obj.number != null && obj.number != \"\")?.length\r\n\r\n // let personalizationNameOrNumberCount = totalSizeQuantityInNAN.filter(obj => obj.name != null && obj.name != \"\" || obj.number != null && obj.number != \"\")?.length\r\n // if (productFormGroup.value.personalizationProperties) {\r\n // let pTypes = productFormGroup.value.personalizationProperties.map(item => item.personalizationTypeId);\r\n // nameCount = pTypes.filter(personalizationTypeId => personalizationTypeId == 1).length;\r\n // numberCount = pTypes.filter(personalizationTypeId => personalizationTypeId == 2).length;\r\n // }\r\n // let nameDecoPrice = productFormGroup.value.personalizationProperties.filter(item => item.personalizationTypeId == 1);\r\n // let numberDecoPrice = productFormGroup.value.personalizationProperties.filter(item => item.personalizationTypeId == 2);\r\n // if (personalizationNameCount) {\r\n // if (nameCount == 0) {\r\n // nameCount = 1\r\n // }\r\n // personalizationPrice += (personalizationNameCount * (Number(nameDecoPrice[0]?.personalizationCost || 0) * nameCount))\r\n // }\r\n // if (personalizationNumberCount) {\r\n // if (numberCount == 0) {\r\n // numberCount = 1\r\n // }\r\n // personalizationPrice += (personalizationNumberCount * (Number(numberDecoPrice[0]?.personalizationCost || 0) * numberCount))\r\n\r\n // }\r\n // if (!personalizationNameCount) {\r\n // }\r\n // if (!personalizationNumberCount) {\r\n // }\r\n\r\n // totalPerzanalizationPrice += Number(personalizationPrice)\r\n\r\n // let quantitY = personalizationNameOrNumberCount ? personalizationNameOrNumberCount : sizeQuantity\r\n // let prodPrice = (quantitY * (basePlusDeco))\r\n // totalPrice += ((prodPrice) + Number(personalizationPrice))\r\n\r\n // if(personalizationNameOrNumberCount > 0 && sizeQuantity > personalizationNameOrNumberCount){\r\n // let balanceQuantity=sizeQuantity-personalizationNameOrNumberCount\r\n // let balanceProdPrice = (balanceQuantity * (basePlusDeco))\r\n // totalPrice +=balanceProdPrice\r\n // }\r\n // }\r\n // else {\r\n // quantity = sizesArray.value[i].quantity\r\n\r\n // totalPerzanalizationPrice += Number(personalizationPrice)\r\n\r\n // totalPrice += ((quantity * (basePlusDeco)) + Number(personalizationPrice))\r\n // }\r\n\r\n // }\r\n // let totalPerzPrice = Number(totalPerzanalizationPrice).toFixed(2) \r\n\r\n // if(totalPerzanalizationPrice==0){\r\n // let prodPersprice=0\r\n // productFormGroup.value.personalizationProperties.forEach(element => {\r\n // prodPersprice += element.personalizationCost\r\n // }); \r\n // }\r\n // return totalPrice\r\n // }\r\n // getPriceBySizeName(sizeId,product) {\r\n // if (sizeId && product) {\r\n // let sizeObj = product.productInfo.variants[0].sizeVariants.find(\r\n // (size) => size.sizeId == sizeId\r\n // );\r\n // return sizeObj ? sizeObj.sellingPrice : 0\r\n // } else {\r\n // return 0;\r\n // }\r\n // }\r\n // getUpChargePriceBySizeName(sizeId, product) {\r\n // if (!sizeId || !product?.cartItemGrids?.length) {\r\n // return 0;\r\n // }\r\n // const singleSizeById = product.cartItemGrids.find(x => x.sizeId === sizeId);\r\n // return singleSizeById ? singleSizeById.sellingPrice - product.cartItemGrids[0].sellingPrice : 0;\r\n // }\r\n getSubTotal() {\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n let sum = 0\r\n productsArray.value.forEach(element => {\r\n sum += element.totalPrice\r\n });\r\n this.checkoutObj.totalPrice = Number(sum)\r\n return Number(sum).toFixed(2)\r\n }\r\n\r\n getTotalPrice(productIndex) {\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n let totalPrice = 0\r\n if (productsArray?.value[productIndex]?.totalPrice) {\r\n totalPrice = productsArray?.value[productIndex]?.totalPrice\r\n }\r\n return totalPrice?.toFixed(2);\r\n }\r\n async syncWithOldData(response) {\r\n\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n\r\n if (response.data && response.data && productsArray.value?.length == response?.data?.cartItemsInfo?.length) {\r\n this.bulkOrer = response.data;\r\n this.totalWeight = response?.data?.totalWeight\r\n this.shippingBoxes = response?.data?.shippingBoxes\r\n let user = response.data.user;\r\n this.selectedCustomFields = response?.data?.customFields\r\n this.tempSelectedCustomFields = JSON.parse(JSON.stringify(this.selectedCustomFields));\r\n this.isPaymentCompleted = response.data?.cartItemsInfo[0]?.cartType === 1;\r\n if (this.isPaymentCompleted) {\r\n Swal.fire({\r\n icon: 'success',\r\n title: 'Success',\r\n text: 'Order already placed !',\r\n confirmButtonText: 'OK'\r\n }).then(() => {\r\n\r\n })\r\n }\r\n this.isRejectedCart = response.data?.cartItemStatus === 2;\r\n if (this.isRejectedCart) {\r\n Swal.fire({\r\n icon: 'success',\r\n title: 'Rejected',\r\n text: 'Order already rejected !',\r\n confirmButtonText: 'OK'\r\n }).then(() => {\r\n\r\n })\r\n }\r\n for (let i = 0; i < response?.data?.cartItemsInfo?.length; i++) {\r\n try {\r\n const productFormGroup = productsArray.at(i) as FormGroup;\r\n if (!productFormGroup.value.cartId) {\r\n productFormGroup.patchValue({ cartId: response?.data?.cartItemsInfo[i].cartId, quantity: response?.data?.cartItemsInfo[i].quantity, totalPrice: response?.data?.cartItemsInfo[i].totalPrice })\r\n }\r\n\r\n const sizesArray = productFormGroup.get('cartItemGrids') as FormArray;\r\n let sizeVariants = response?.data?.cartItemsInfo[i]?.cartItemGrids;\r\n sizeVariants.forEach((sizeVariant, index) => {\r\n const sizeFormGroup = sizesArray.at(index) as FormGroup;\r\n if (sizeFormGroup.value.sizeId == sizeVariant.sizeId) {\r\n sizeFormGroup.patchValue({ quantity: sizeVariant.quantity })\r\n }\r\n });\r\n\r\n let nans = response?.data?.cartItemsInfo[i]?.nan\r\n const nanArray = productFormGroup.get('nan') as FormArray;\r\n nanArray.clear();\r\n nans?.forEach((element, index) => {\r\n nanArray.push(this.createNANFormGroup2({ ...element, isNameDisabled: false, isNumberDisabled: false }));\r\n });\r\n if (response?.data?.cartItemsInfo?.length - 1 == i) {\r\n this.isAllProductsLoaded = true\r\n //this.commonService.toggleLoading(false)\r\n }\r\n await this.calculateTotalPrice(i)\r\n } catch (error) {\r\n console.error('Error in productSelected:', error);\r\n }\r\n }\r\n this.createBillingForm(response?.data?.billingAddress);\r\n this.createShippingForm(response?.data?.shippingAddress);\r\n this.getSelectedProdImage()\r\n this.setProdStatus()\r\n\r\n if (this.isRejectedCart || this.isPaymentCompleted) {\r\n this.showNanButtons = false\r\n }\r\n this.commonService.toggleLoading(false)\r\n } else {\r\n this.commonService.toggleLoading(false);\r\n if (this.bulkOrderId) {\r\n this.productForm = this.formBuilder.group({\r\n products: this.formBuilder.array([])\r\n });\r\n this.loadBulkOrderDetails(this.bulkOrderId)\r\n // .then(() => {\r\n // this.deleteProductsAfterReload();\r\n // })\r\n // .catch((error) => {\r\n // console.error('Error loading bulk order details:', error);\r\n // });\r\n }\r\n }\r\n }\r\n getDecoPrice(productIndex, j?) {\r\n return new Promise((resolve, reject) => {\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const productFormGroup = productsArray.at(productIndex) as FormGroup;\r\n let totalQuantity = productsArray.value[productIndex].totalQuantity\r\n let data = []\r\n\r\n let storeData = {\r\n \"storeId\": null,\r\n \"mapCode\": null,\r\n \"personalizationNameQty\": 0,\r\n \"personalizationNumberQty\": 0,\r\n \"totalQty\": productFormGroup?.value?.totalQuantity\r\n }\r\n\r\n if (productsArray.value[productIndex].purchaseType) {\r\n\r\n if (productsArray.value[productIndex].purchaseType == 1 || productsArray.value[productIndex].purchaseType == 2) {\r\n let decoPropertyArr = productsArray.value[productIndex].decorationProperties\r\n\r\n decoPropertyArr.forEach(el => {\r\n // if (el.serviceName == 'Embroidery') {\r\n // el.colorCount = 0\r\n // }\r\n // let ids=el.colorId.map(color => color?.id)\r\n data.push(this.createDecoPriceApiObj(\r\n Number(totalQuantity),\r\n Number(el.colorCount),\r\n 3, // itemType - color\r\n Number(el.serviceId),\r\n el.colorId\r\n ))\r\n })\r\n }\r\n\r\n\r\n\r\n if (this.isValidPersonalizedOptionsInProuct(productIndex)) {\r\n let personalizationPropertyArr = productFormGroup?.value?.personalizationProperties\r\n personalizationPropertyArr.forEach((el, index) => {\r\n if (index == j) {\r\n if (el.personalizationTypeId == 1 || el.personalizationTypeId == 3)\r\n storeData.personalizationNameQty += productFormGroup?.value?.totalQuantity\r\n if (el.personalizationTypeId == 2 || el.personalizationTypeId == 3)\r\n storeData.personalizationNumberQty += productFormGroup?.value?.totalQuantity\r\n let count = el.personalizationTypeId == 0 ? 0 :\r\n el.personalizationTypeId == 1 ?\r\n productFormGroup?.value?.totalQuantity :\r\n productFormGroup?.value?.totalQuantity // if type = 3 both qty are same\r\n if (count) {\r\n let sizeid\r\n if (el.serviceId == 1) {\r\n sizeid = 0\r\n } else {\r\n sizeid = el.sizeId\r\n }\r\n data.push(this.createDecoPriceApiObj(\r\n Number(count),\r\n Number(sizeid),\r\n Number(el.personalizationTypeId), // itemType - 1,2\r\n Number(el.serviceId),\r\n [Number(el.colorId)]\r\n ))\r\n }\r\n }\r\n });\r\n }\r\n\r\n }\r\n\r\n if (productsArray.value[productIndex].purchaseType != 2 && !this.isValidPersonalizedOptionsInProuct(productIndex)) {\r\n\r\n this.decoPrice = {\r\n decoPrice: 0,\r\n namePrice: 0,\r\n numberPrice: 0,\r\n }\r\n } else if (productsArray.value[productIndex].purchaseType == 2 && this.checkDecoPropertiesIsValidOrNotForProduct(productIndex) == false) {\r\n //this.commonService.openErrorSnackBar(\"Please complete decoration settings to calculate total price\", \"\")\r\n return\r\n } else if (this.isValidPersonalizedOptionsInProuct(productIndex) &&\r\n ((storeData.personalizationNameQty && !this.isValidPersonalizedOptionsInProuct(productIndex)) ||\r\n (storeData.personalizationNumberQty && !this.isValidPersonalizedOptionsInProuct(productIndex)))\r\n ) {\r\n this.commonService.openErrorSnackBar(\"Please complete personalization settings to calculate total price\", \"\")\r\n return\r\n } else if (!totalQuantity) {\r\n this.decoPrice = {\r\n decoPrice: 0,\r\n namePrice: 0,\r\n numberPrice: 0,\r\n }\r\n // return\r\n } else if (!data.length) {\r\n this.decoPrice = {\r\n decoPrice: 0,\r\n namePrice: 0,\r\n numberPrice: 0,\r\n }\r\n // return\r\n } else {\r\n this.decoPrice = {\r\n decoPrice: 0,\r\n namePrice: 0,\r\n numberPrice: 0,\r\n }\r\n // this.decoPriceLoading = true\r\n this.commonService.toggleLoading(true)\r\n this.sharedServices.getDecoPriceByProperties(data).subscribe(res => {\r\n // this.decoPriceLoading = false\r\n // this.commonService.toggleLoading(false)\r\n if (res?.data?.decoPrice > -1) {\r\n productFormGroup.get('decoPrice').setValue(res.data.decoPrice);\r\n //this.getProuctDecoPrice(productIndex);\r\n let unitPrice = ((productFormGroup?.value?.isCustomerProvideGoods == true ? 0 : productFormGroup?.value?.productInfo?.variants[0].sizeVariants[0].sellingPrice) + res.data.decoPrice).toFixed(2)\r\n let TotalPrice = (unitPrice * totalQuantity)\r\n productFormGroup.get('perUnit').setValue(totalQuantity > 0 ? unitPrice : 0);\r\n productFormGroup.get('totalPrice').setValue(TotalPrice);\r\n\r\n const sizes = productFormGroup.get('cartItemGrids') as FormArray;\r\n sizes?.controls.forEach(element => {\r\n element.get('decoPrice').setValue(res?.data?.decoPrice * element?.value.quantity);\r\n });\r\n\r\n\r\n let personalizations = productFormGroup.get('personalizationProperties') as FormArray;\r\n let singlePersonalization = personalizations.at(j) as FormGroup;\r\n let personalizationCost = '';\r\n if (singlePersonalization?.value?.personalizationTypeId == 1) {\r\n personalizationCost = res?.data?.namePrice\r\n } else if (singlePersonalization?.value?.personalizationTypeId == 2) {\r\n personalizationCost = res?.data?.numberPrice\r\n }\r\n personalizationCost = Number(personalizationCost).toFixed(2)\r\n singlePersonalization?.get('personalizationCost').setValue(Number(personalizationCost));\r\n\r\n let persPrice: number = 0\r\n personalizations?.value?.forEach(element => {\r\n persPrice += Number(element?.personalizationCost || 0)\r\n });\r\n persPrice = Math.round(persPrice * 100) / 100;\r\n productFormGroup.get('personalizationPrice').setValue(Number(persPrice));\r\n\r\n // this.calculateTotalPrice(productIndex)\r\n\r\n }\r\n resolve();\r\n })\r\n //this.calculateTotalPrice(productIndex)\r\n }\r\n\r\n });\r\n }\r\n createDecoPriceApiObj(count, itemValue, itemType, serviceId, colorIds) {\r\n return { count, itemValue, itemType, serviceId, colorIds }\r\n }\r\n checkDecoPropertiesIsValidOrNotForProduct(prodIndex) {\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const decorationPropertiesArray = (productsArray.at(prodIndex).get('decorationProperties') as FormArray);\r\n const isDecorationPropertiesValid = decorationPropertiesArray.valid;\r\n return isDecorationPropertiesValid;\r\n }\r\n getPerUnitPrice(productIndex) {\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const productFormGroup = productsArray.at(productIndex) as FormGroup;\r\n if (productFormGroup?.value?.isDiscountApproved) {\r\n let basePlusDecoPrice = ((productFormGroup?.value?.isCustomerProvideGoods == true ? 0 : productFormGroup?.value?.cartItemGrids[0]?.sellingPrice) + productFormGroup?.value?.decoPrice)\r\n let prodctDiscount = productFormGroup?.value.discountType === 0 ? productFormGroup?.value.discount : (basePlusDecoPrice * productFormGroup?.value.discount / 100);\r\n const discountApprovedAmount = ((productFormGroup?.value?.isCustomerProvideGoods == true ? 0 : productFormGroup?.value?.cartItemGrids[0]?.sellingPrice) + productFormGroup?.value?.decoPrice) - prodctDiscount;\r\n return parseFloat((discountApprovedAmount).toFixed(2));\r\n } else {\r\n return productsArray.value[productIndex].perUnit\r\n }\r\n }\r\n\r\n onFileSelect(event: any) {\r\n const files = event.target.files;\r\n const allowedTypes = ['image/png', 'image/jpeg', 'image/jpg', 'application/pdf'];\r\n if (files) {\r\n for (let i = 0; i < files.length; i++) {\r\n if (files[i] && allowedTypes.includes(files[i].type)) {\r\n this.uploadedPO.push(files[i]);\r\n } else {\r\n this.commonService.openErrorSnackBar(\"Invalid files removed !\", \"\")\r\n }\r\n }\r\n this.purchaseOrderForm.patchValue({\r\n attachment: this.uploadedPO\r\n });\r\n }\r\n }\r\n removeFile(index: number): void {\r\n this.uploadedPO.splice(index, 1);\r\n this.purchaseOrderForm.patchValue({\r\n attachment: this.uploadedPO.length > 0 ? this.uploadedPO : null\r\n });\r\n }\r\n trimFileName(fileName: string, maxLength: number = 15): string {\r\n if (fileName.length > maxLength) {\r\n const extension = fileName.substring(fileName.lastIndexOf('.'));\r\n return `${fileName.substring(0, maxLength)}...${extension}`;\r\n }\r\n return fileName;\r\n }\r\n subTotalwithoutDiscountOrCoupon() {\r\n let oldProductsTotal = 0;\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n productsArray?.value?.forEach((element, index) => {\r\n if (!element.isDiscountApproved) {\r\n oldProductsTotal += element?.totalPrice;\r\n } else {\r\n oldProductsTotal += this.calculateTotalPriceBeforeOrAfterDiscount(index, 'before', 0);\r\n }\r\n });\r\n return parseFloat((oldProductsTotal).toFixed(2));\r\n }\r\n\r\n getTax() {\r\n // return new Promise((resolve, reject) => {\r\n //this.commonService.toggleLoading(true)\r\n this.isTaxLoading = true;\r\n let stateCode = \"\";\r\n let state = this.states.find(\r\n (state) => Number(state.name) == this.shippingForm.value.state\r\n );\r\n stateCode = state ? state.code : \"\";\r\n let quantity = 0\r\n this.productForm?.value?.products?.forEach((element) => {\r\n quantity = quantity + element.totalQuantity\r\n });\r\n if (\r\n this.shippingForm.value.state &&\r\n this.shippingForm.value.zipCode &&\r\n quantity\r\n ) {\r\n // let shpAmount;\r\n // if (this.shippingAfterCouponApplied !== undefined && this.shippingAfterCouponApplied !== null && this.selectedShippingMethod?.id==this.CouponApplyShippingMethodId) {\r\n // shpAmount = Number(this.shippingAfterCouponApplied);\r\n // } else {\r\n // shpAmount = Number(this.selectedShippingMethod?.price || 0);\r\n // }\r\n\r\n //let amount=this.offerApplied ? Number(this.subtotalPrice)+(shpAmount ) : Number(this.checkoutObj.totalPrice)+(Number(this.selectedShippingMethod?.price||0))\r\n\r\n let amount = Number(this.getSubTotal()) + Number(this.bulkOrer?.shippingAmount);\r\n\r\n this.sharedServices.getTax({\r\n State: this.shippingForm.value.state,\r\n ZipCode: this.shippingForm.value.zipCode,\r\n // \"Country\": \"US\",\r\n Amount: amount,\r\n Quantity: quantity\r\n })\r\n .subscribe((res) => {\r\n if (this.paymentMethod != 4) {\r\n //this.commonService.toggleLoading(false)\r\n }\r\n this.taxObject = res.data;\r\n this.taxAmount = res?.data?.totalTax\r\n if (res.statusCode == 200) {\r\n this.isTaxLoading = false;\r\n //this.commonService.toggleLoading(false)\r\n } else {\r\n this.isTaxLoading = true;\r\n if (this.paymentMethod != 4) {\r\n //this.commonService.toggleLoading(false)\r\n }\r\n }\r\n // resolve()\r\n },\r\n (err) => {\r\n if (this.paymentMethod != 4) {\r\n //this.commonService.toggleLoading(false)\r\n }\r\n });\r\n }\r\n // resolve()\r\n // });\r\n }\r\n getStates() {\r\n this.sharedServices.getAllStates().subscribe(res => {\r\n this.states = res.data\r\n })\r\n }\r\n getFinalTotalPrice() {\r\n let subTotal = Number(this.getSubTotal()) || 0;\r\n let shippingAmount = Number(this.bulkOrer?.shippingAmount) || 0;\r\n let taxAmount = Number(this.taxAmount) || 0;\r\n let amount = subTotal + shippingAmount + taxAmount;\r\n return parseFloat(amount.toFixed(2));\r\n }\r\n\r\n\r\n}\r\n",",\r\n private sharedService: SharedService, private storeService: StoreService, private commonService: CommonService\r\n ) { }\r\n\r\n\r\n ngOnInit(): void {\r\n console.log(this.storeData, \"storeData in modal\");\r\n\r\n }\r\n\r\n sendMail() {\r\n\r\n }\r\n\r\n closeModal() {\r\n this.dialogRef.close();\r\n }\r\n\r\n downloadFlyer(storeId: number): void {\r\n this.commonService.toggleLoading(true)\r\n this.storeService.downloadFlyerPdf(storeId).pipe(\r\n ).subscribe({\r\n next: (res) => {\r\n this.triggerDownload(res.data);\r\n this.commonService.toggleLoading(false)\r\n this.closeModal();\r\n }, error: (err) => {\r\n this.commonService.openErrorSnackBar(err.error.message, \"\")\r\n this.commonService.toggleLoading(false)\r\n this.closeModal();\r\n }\r\n }\r\n );\r\n }\r\n\r\n private triggerDownload(url: string): void {\r\n const link = document.createElement('a');\r\n link.href = url;\r\n // link.target = '_blank'; // Optional: opens in a new tab\r\n link.download = '';\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n }\r\n\r\n\r\n sendEmail(storeId: number): void {\r\n this.commonService.toggleLoading(true)\r\n this.storeService.sendFlyerEmail(storeId).pipe(\r\n ).subscribe({\r\n next: (res) => {\r\n this.commonService.toggleLoading(false)\r\n this.closeModal();\r\n this.commonService.openSuccessSnackBar(res.message, \"\")\r\n }, error: (err) => {\r\n this.commonService.openErrorSnackBar(err.error.message, \"\")\r\n this.commonService.toggleLoading(false)\r\n this.closeModal();\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 ![](\"../../../assets/images/ares-userlogo.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Bulk Order
\r\n\r\n
\r\n\r\n \r\n
\r\n Order is Placed
\r\n Artwork Approved
\r\n Purchased
\r\n Order Received
\r\n Production Started
\r\n Shipment
\r\n Payment
\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 In-Hands Date
\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 {{getDate()}}
\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 Order#{{bulkOrer?.orderId ? bulkOrer.orderId :\r\n bulkOrer?.cartItemsInfo[0]?.bulkOrderShoppingCartMasterId }}
\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 Web Order {{bulkOrer?.createdDate | date : \"MM/dd/yyyy hh:mm a\"}}.
\r\nSales Rep : {{bulkOrer?.salesRep}}.
\r\n\r\n
\r\n \r\n
\r\n Customer Information
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{getInitials(this.bulkOrer?.user?.firstName,this.bulkOrer?.user?.lastName)}}\r\n
\r\n \r\n
\r\n {{this.bulkOrer?.billingAddress?.billingAddress}}
\r\n{{this.bulkOrer?.billingAddress?.billingAddress1}}
\r\n\r\n{{this.bulkOrer?.billingAddress?.billingCity}}
\r\n{{this.bulkOrer?.billingAddress?.billingState}}
\r\n{{this.bulkOrer?.billingAddress?.billingCountry}}
\r\n{{this.bulkOrer?.billingAddress?.billingZipCode}}
\r\n{{this.bulkOrer?.billingAddress?.email}}
\r\n{{this.bulkOrer?.billingAddress?.phoneNumber}}
\r\n\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{getInitials(this.bulkOrer?.user?.firstName,this.bulkOrer?.user?.lastName)}}\r\n
\r\n \r\n
\r\n {{this.bulkOrer?.shippingAddress?.shippingAddress}}
\r\n{{this.bulkOrer?.shippingAddress?.shippingAddress1}}
\r\n\r\n{{this.bulkOrer?.shippingAddress?.shippingCity}}
\r\n{{this.bulkOrer?.shippingAddress?.shippingState}}
\r\n{{this.bulkOrer?.shippingAddress?.shippingCountry}}
\r\n{{this.bulkOrer?.shippingAddress?.shippingZipCode}}
\r\n{{this.bulkOrer?.shippingAddress?.email}}
\r\n{{this.bulkOrer?.shippingAddress?.phoneNumber}}
\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 Order Timing
\r\n Order At-Risk
\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 Regular Ship Date
\r\nRush Order Date
\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 Turnaround Time
\r\nCommitted Ship Date
\r\n\r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n 7 Business Days
\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 Order Summary
\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 | Subtotal | \r\n\r\n \r\n \r\n \r\n | \r\n
|---|---|
| Discount | \r\n\r\n \r\n -${{getTotalDiscountAmount()| number : \"1.2-2\"}}\r\n \r\n | \r\n
| Coupon Discount | \r\n\r\n \r\n -${{ this.bulkOrer?.totalDiscount ? this.bulkOrer.totalDiscount :0 | number : \"1.2-2\" }}\r\n \r\n | \r\n
| Shipping | \r\n\r\n \r\n ${{ this.bulkOrer?.shippingAmount ? this.bulkOrer.shippingAmount : 0 | number :\"1.2-2\" }}\r\n \r\n | \r\n
| Rush fee | \r\n\r\n \r\n ${{ this.bulkOrer?.rushFee ? this.bulkOrer.rushFee : 0 | number : \"1.2-2\" }}\r\n \r\n | \r\n
| Tax | \r\n\r\n \r\n ${{ this.bulkOrer?.taxAmount ? this.bulkOrer.taxAmount : 0 | number : \"1.2-2\" }} \r\n \r\n | \r\n
| Total | \r\n\r\n \r\n \r\n ${{ bulkOrer?.totalAmount| number : \"1.2-2\" }}\r\n \r\n | \r\n
\r\n Loading...\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 Mockup Summary
\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 0\">\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {{item?.name}}
\r\n \r\n
\r\n {{item}}
\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 ← Prev
\r\n {{imageIndex}} of {{imageLength}}\r\n Designs
\r\n Next\r\n →\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Products
\r\n\r\n
","import { Component } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\nimport { UserService } from 'src/app/core/services/user.service';\r\nimport { environment } from 'src/environments/environment';\r\nimport { ResponseWindowComponent } from '../response-window/response-window.component';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { AbstractControl, FormArray, FormGroup, UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, ValidationErrors, Validators } from '@angular/forms';\r\nimport { ProductService } from 'src/app/core/services/product.service';\r\nimport { DatePipe } from '@angular/common';\r\nimport Swal from 'sweetalert2';\r\nimport { SharedService } from 'src/app/core/services/shared.service';\r\nconst bDropIn = require('braintree-web-drop-in')\r\ndeclare var $: any;\r\n\r\ninterface Team {\r\n id: number;\r\n value: string;\r\n cartIds: number[];\r\n}\r\n@Component({\r\n selector: 'app-order-details',\r\n templateUrl: './order-details.component.html',\r\n styleUrls: [\r\n './order-details.component.scss', '../../shared/layoutComponentsPreview/layout1/layout1.component.scss'\r\n ]\r\n})\r\nexport class OrderDetailsComponent {\r\n orderExpanded: boolean = false;\r\n orderTimingExpanded: boolean = false;\r\n summaryExpanded: boolean = false;\r\n $: any;\r\n\r\n rotateArrow: boolean = false;\r\n rotateTimingArrow: boolean = false;\r\n rotateOrderSummaryArrow: boolean = false;\r\n\r\n noImage = \"../../../../assets/images/no-image.jpg\"\r\n bulkOrderId = ''\r\n bulkOrer: any;\r\n key\r\n selectedIndex = 0\r\n selectedProdIndex = 0;\r\n imageLength = 0\r\n imageIndex = 0;\r\n approvalStatus: string[] = [];\r\n rejectArray: any[] = [];\r\n\r\n rejectButtonEnabled: boolean;\r\n clientToken\r\n checkoutObj: any;\r\n taxObject;\r\n orderCustomFields: any[] = [];\r\n billingForm: UntypedFormGroup;\r\n shippingForm: UntypedFormGroup;\r\n paymentMethod: number = 3;\r\n isShippingChargeLoading: boolean = true;\r\n isTaxLoadeding: boolean = true;\r\n isPaymentCompleted = true;\r\n rejectionBody: any = {};\r\n rejectionCode: any = 0;\r\n rejectionReason: any = \"\";\r\n storeRejectionForm: UntypedFormGroup;\r\n orderRejectionForm: UntypedFormGroup;\r\n rejectionCodes = [];\r\n CurrentRejectIndex = -1;\r\n rejectionCodesForQuote = [];\r\n rejectionOrderBody: any = {};\r\n rejectionOrderCode: any = 0;\r\n rejectionOrderReason: any = \"\";\r\n isRejectedCart = true\r\n colorList = []\r\n colorObj: any[];\r\n rotateProdArrow: boolean[] = [];\r\n authToken: any;\r\n productForm: FormGroup;\r\n nanForm: UntypedFormGroup;\r\n modalIndex = -1\r\n selectedCustomFields: any[] = []\r\n showNanButtons = true\r\n tempSelectedCustomFields: any;\r\n isAllProductsLoaded: boolean = false;\r\n totalWeight: any;\r\n shippingBoxes: any;\r\n decoPrice: { decoPrice: number; namePrice: number; numberPrice: number; };\r\n purchaseOrderForm: FormGroup;\r\n uploadedPO: File[] = [];\r\n user: any;\r\n isTaxLoading: boolean = false;\r\n states: any[] = []\r\n taxAmount: any;\r\n constructor(private router: Router,\r\n private route: ActivatedRoute,\r\n private storeService: StoreService,\r\n private commonService: CommonService,\r\n private userService: UserService,\r\n private dialogue: MatDialog,\r\n private formBuilder: UntypedFormBuilder,\r\n private productService: ProductService,\r\n private sharedServices: SharedService,\r\n ) {\r\n if (this.bulkOrer?.cartItemsInfo) {\r\n this.rotateProdArrow = new Array(this.bulkOrer?.cartItemsInfo.length).fill(false);\r\n }\r\n this.productForm = this.formBuilder.group({\r\n products: this.formBuilder.array([])\r\n });\r\n this.nanForm = this.formBuilder.group({\r\n nans: this.formBuilder.array([])\r\n });\r\n }\r\n\r\n\r\n toggleOrder() {\r\n this.orderExpanded = !this.orderExpanded;\r\n }\r\n toggleOrderTiming() {\r\n this.orderTimingExpanded = !this.orderTimingExpanded;\r\n }\r\n toggleOrderSummary() {\r\n this.summaryExpanded = !this.summaryExpanded;\r\n }\r\n toggleAccordion(index: number) {\r\n this.toggleArrow(index);\r\n }\r\n toggleArrow(index: number) {\r\n this.rotateProdArrow[index] = !this.rotateProdArrow[index];\r\n }\r\n\r\n ngOnInit() {\r\n this.getStates();\r\n let checkoutObj = {\r\n cartItemsInfo: null,\r\n totalPrice: 0,\r\n taxAmount: 0,\r\n totalWeight: this.totalWeight,\r\n shippingBoxes: this.shippingBoxes,\r\n customerId: null\r\n }\r\n this.checkoutObj = checkoutObj\r\n this.geColorList();\r\n this.createStoreRejectionForm();\r\n this.createOrderRejectionForm()\r\n this.getStoreRejectionCodes(1)\r\n this.getStoreRejectionCodesForQuote(2)\r\n\r\n\r\n this.createShippingForm()\r\n this.createBillingForm()\r\n //this.bulkOrderId = this.route.snapshot.params['refId'] || ''\r\n this.route.queryParams.subscribe(params => {\r\n this.key = params['key']; // For example, if your query parameter is named 'id'\r\n if (this.key) {\r\n this.isValidKey({ ReferenceId: this.key })\r\n }\r\n\r\n });\r\n this.createPurchaseOrderForm()\r\n\r\n }\r\n async createPurchaseOrderForm() {\r\n //const poNumber = await this.generatePoNumber();\r\n\r\n this.purchaseOrderForm = this.formBuilder.group({\r\n organizationId: ['', Validators.required],\r\n // referenceId: ['', [this.conditionalPoNumberValidator.bind(this)]],\r\n referenceId: ['', [Validators.required, this.conditionalPoNumberValidator.bind(this)]],\r\n attachment: [null]\r\n });\r\n }\r\n conditionalPoNumberValidator(control: AbstractControl): ValidationErrors | null {\r\n const value = control.value?.trim();\r\n\r\n if (value) {\r\n const maxLength = Validators.maxLength(25)(control);\r\n const minLength = Validators.minLength(3)(control);\r\n // const alphaNumeric = this.alphaNumericValidator(control);\r\n const specialChar = this.specialCharValidator(control);\r\n\r\n // Combine all errors\r\n return {\r\n ...maxLength,\r\n ...minLength,\r\n // ...alphaNumeric\r\n ...specialChar\r\n };\r\n }\r\n\r\n // No errors if the field is empty\r\n return { required: true };\r\n }\r\n specialCharValidator(control: AbstractControl): ValidationErrors | null {\r\n const valid = /^[a-zA-Z0-9!@#\\$%\\^\\&*\\)\\(+=._-]+$/.test(control.value); // Accept special characters\r\n return valid ? null : { specialChar: true }; // Change error key to 'specialChar'\r\n }\r\n alphaNumericValidator(control: AbstractControl): ValidationErrors | null {\r\n const valid = /^[a-zA-Z0-9]*$/.test(control.value);\r\n return valid ? null : { alphaNumeric: true };\r\n }\r\n\r\n async generatePoNumber(): Promise\r\n \r\n
\r\nThere is a discount approval pending for your quote. Are you sure you would like to proceed with check out?
`,\r\n icon: \"info\",\r\n confirmButtonText: \"Continue\",\r\n cancelButtonText: \"Cancel\",\r\n showCancelButton: true,\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n this.commonService.toggleLoading(true)\r\n // this.payment(mainObj)\r\n this.approveAndPay(mainObj)\r\n }\r\n });\r\n } else {\r\n this.commonService.toggleLoading(true)\r\n // this.payment(mainObj)\r\n this.approveAndPay(mainObj)\r\n }\r\n\r\n } else {\r\n this.commonService.openErrorSnackBar('Approve all products to place an order !', \"\")\r\n }\r\n }\r\n else {\r\n this.commonService.openErrorSnackBar('Approve / Reject each product to reject the order !', \"\")\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n openCheckoutScreen() {\r\n $('#paymentTypes').modal('hide');\r\n $('#prodModal').modal('toggle');\r\n }\r\n openRejectionModal() {\r\n this.createStoreRejectionForm();\r\n $('#rejectStoreModal').modal('toggle');\r\n }\r\n openOrderRejectionModal() {\r\n this.createOrderRejectionForm();\r\n $('#rejectOrderModal').modal('toggle');\r\n }\r\n checkout() {\r\n switch (this.paymentMethod) {\r\n case 3:\r\n this.commonService.toggleLoading(true)\r\n $('#payment-request-button').click();\r\n this.disableButtons()\r\n // $('#cardForm').submit()\r\n break;\r\n case 1:\r\n //this.payByInvoice();\r\n break;\r\n case 2:\r\n // this.payByPo();\r\n this.payByCreditCard(null);\r\n break;\r\n default:\r\n this.commonService.openWarningSnackBar(\r\n \"Select valid payment method\",\r\n \"\"\r\n );\r\n break;\r\n }\r\n }\r\n\r\n isCheckoutDisabled() {\r\n return this.isShippingChargeLoading || this.isTaxLoadeding;\r\n }\r\n cancelRejection() {\r\n this.rejectionBody = {};\r\n this.rejectionCode = 0;\r\n this.rejectionReason = \"\";\r\n $('#rejectStoreModal').modal('hide');\r\n }\r\n cancelOrderRejection() {\r\n this.rejectionOrderBody = {};\r\n this.rejectionOrderCode = 0;\r\n this.rejectionOrderReason = \"\";\r\n $('#rejectOrderModal').modal('hide');\r\n }\r\n getInitials(firstName: string, lastName: string): string {\r\n const firstInitial = firstName.charAt(0);\r\n const lastInitial = lastName.charAt(0);\r\n return `${firstInitial}${lastInitial}`;\r\n }\r\n getDate() {\r\n var datePipe = new DatePipe('en-US');\r\n return datePipe.transform(this.bulkOrer?.expectedDate, 'EEEE, MMMM d, y');\r\n }\r\n getDay() {\r\n var datePipe = new DatePipe('en-US');\r\n return datePipe.transform(this.bulkOrer?.expectedDate, 'EEEE');\r\n }\r\n closePopup() {\r\n $('.modal').modal('hide')\r\n }\r\n getPriceBySizeName(sizeId, product) {\r\n if (sizeId && product) {\r\n let sizeObj = product.productInfo.variants[0].sizeVariants.find(\r\n (size) => size.sizeId == sizeId\r\n );\r\n return ((product?.isCustomerProvideGoods == true ? 0 : sizeObj ? sizeObj.sellingPrice : 0))\r\n } else {\r\n return 0;\r\n }\r\n }\r\n getUpChargePriceBySizeName(sizeId, product) {\r\n if (!sizeId || !product?.cartItemGrids?.length) {\r\n return 0;\r\n }\r\n\r\n const singleSizeById = product.cartItemGrids.find(x => x.sizeId === sizeId);\r\n\r\n const sellingPrice = singleSizeById ? singleSizeById.sellingPrice : 0;\r\n const basePrice = product?.cartItemGrids[0]?.sellingPrice || 0;\r\n\r\n return product?.isCustomerProvideGoods ? 0 : (sellingPrice - basePrice);\r\n }\r\n\r\n getTotalQuantity(productIndex) {\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const productFormGroup = productsArray.at(productIndex) as FormGroup;\r\n const sizesArray = productFormGroup.get('cartItemGrids') as FormArray;\r\n const nanArray = productFormGroup.get('nan') as FormArray;\r\n\r\n let totalQuantity = 0\r\n for (let i = 0; i < sizesArray.value.length; i++) {\r\n let totalSizeQuantityInNAN = nanArray.value.filter(obj => Number(obj.sizeId) === Number(sizesArray.value[i].sizeId));\r\n let nanSizeQuantity = totalSizeQuantityInNAN?.length\r\n\r\n if (sizesArray.value[i].quantity > nanSizeQuantity) {\r\n totalQuantity += sizesArray.value[i].quantity\r\n } else {\r\n totalQuantity += nanSizeQuantity\r\n }\r\n }\r\n return Number(totalQuantity);\r\n }\r\n calculateTotalPrice(productIndex) {\r\n return new Promise\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 Bulk Order
\r\n\r\n
\r\n\r\n \r\n
\r\n Order is Placed
\r\n Artwork Approved
\r\n Purchased
\r\n Order Received
\r\n Production Started
\r\n Shipment
\r\n Payment
\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-Hands Date
\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 {{getDate()}}
\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 Order#{{bulkOrer?.orderId ? bulkOrer.orderId :\r\n bulkOrer?.cartItemsInfo[0]?.bulkOrderShoppingCartMasterId }}
\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 Web Order {{bulkOrer?.createdDate | date : \"MM/dd/yyyy hh:mm a\"}}.
\r\nSales Rep : {{bulkOrer?.salesRep}}.
\r\n\r\n
\r\n \r\n
\r\n Customer Information
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{getInitials(this.bulkOrer?.user?.firstName,this.bulkOrer?.user?.lastName)}}\r\n
\r\n \r\n
\r\n {{this.bulkOrer?.billingAddress?.billingAddress}}
\r\n{{this.bulkOrer?.billingAddress?.billingAddress1}}
\r\n\r\n{{this.bulkOrer?.billingAddress?.billingCity}}
\r\n{{this.bulkOrer?.billingAddress?.billingState}}
\r\n{{this.bulkOrer?.billingAddress?.billingCountry}}
\r\n{{this.bulkOrer?.billingAddress?.billingZipCode}}
\r\n{{this.bulkOrer?.billingAddress?.email}}
\r\n{{this.bulkOrer?.billingAddress?.phoneNumber}}
\r\n\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{getInitials(this.bulkOrer?.user?.firstName,this.bulkOrer?.user?.lastName)}}\r\n
\r\n \r\n
\r\n {{this.bulkOrer?.shippingAddress?.shippingAddress}}
\r\n{{this.bulkOrer?.shippingAddress?.shippingAddress1}}
\r\n\r\n{{this.bulkOrer?.shippingAddress?.shippingCity}}
\r\n{{this.bulkOrer?.shippingAddress?.shippingState}}
\r\n{{this.bulkOrer?.shippingAddress?.shippingCountry}}
\r\n{{this.bulkOrer?.shippingAddress?.shippingZipCode}}
\r\n{{this.bulkOrer?.shippingAddress?.email}}
\r\n{{this.bulkOrer?.shippingAddress?.phoneNumber}}
\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 Order\r\n Timing
\r\n Order At-Risk
\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 Regular Ship Date
\r\nRush Order Date
\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n Turnaround Time
\r\nCommitted Ship Date
\r\n\r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n 7 Business Days
\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 Order Summary \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 | Subtotal | \r\n\r\n \r\n \r\n \r\n | \r\n
|---|---|
| Discount | \r\n\r\n \r\n -${{getTotalDiscountAmount()| number : \"1.2-2\"}}\r\n \r\n | \r\n\r\n
| Coupon Discount | \r\n\r\n \r\n -${{ this.bulkOrer?.totalDiscount ? this.bulkOrer.totalDiscount :0 |\r\n number : \"1.2-2\" }}\r\n \r\n | \r\n
| Shipping | \r\n\r\n \r\n ${{ this.bulkOrer?.shippingAmount ? this.bulkOrer.shippingAmount : 0 |\r\n number :\"1.2-2\" }}\r\n \r\n | \r\n
| Rush fee | \r\n\r\n \r\n ${{ this.bulkOrer?.rushFee ? this.bulkOrer.rushFee : 0 | number :\r\n \"1.2-2\" }}\r\n \r\n | \r\n
| Tax | \r\n\r\n \r\n ${{ this.bulkOrer?.taxAmount ? this.bulkOrer.taxAmount : 0 | number :\r\n \"1.2-2\" }}\r\n \r\n | \r\n
| Total | \r\n\r\n \r\n \r\n ${{ bulkOrer?.totalAmount| number : \"1.2-2\" }}\r\n \r\n | \r\n
\r\n Loading...\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 Mockup Summary
\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 0\">\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {{item?.name}}
\r\n \r\n
\r\n {{item}}
\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 ← Prev
\r\n {{imageIndex}} of {{imageLength}}\r\n Designs
\r\n Next\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 Products
\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 ![](\"https://s3.amazonaws.com/braintree-badges/braintree-badge-wide-light.png\"\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\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
","import { Component, Inject, Input, OnInit } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\nimport { of } from 'rxjs';\r\nimport { catchError } from 'rxjs/operators';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { SharedService } from 'src/app/core/services/shared.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\n\r\n@Component({\r\n selector: 'app-pdf-modal',\r\n templateUrl: './pdf-modal.component.html',\r\n styleUrls: ['./pdf-modal.component.scss']\r\n})\r\nexport class PdfModalComponent implements OnInit {\r\n @Input() storeData: any;\r\n constructor(public dialogRef: MatDialogRef\r\n \r\n
\r\n\r\n
\r\nSelect an action:
\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","import { Component, OnInit } from \"@angular/core\";\r\nimport { ActivatedRoute, Router, NavigationStart } from \"@angular/router\";\r\nimport { filter } from \"rxjs/operators\";\r\nimport { CommonService } from \"src/app/core/services/common.service\";\r\nimport { ProductService } from \"src/app/core/services/product.service\";\r\nimport { StorebuilderService } from \"src/app/core/services/storebuilder.service\";\r\n\r\ndeclare var $: any;\r\n\r\n@Component({\r\n selector: \"app-product-selection\",\r\n templateUrl: \"./product-selection.component.html\",\r\n styleUrls: [\"./product-selection.component.scss\"],\r\n})\r\nexport class ProductSelectionComponent implements OnInit {\r\n teamStoreId: number;\r\n garmentArray: any[] = [];\r\n selectedValue: any;\r\n edited: boolean;\r\n\r\n constructor(\r\n private route: ActivatedRoute,\r\n private productService: ProductService,\r\n private storeBuilderService: StorebuilderService,\r\n private router: Router,\r\n private commonService : CommonService\r\n ) { }\r\n\r\n ngOnInit () {\r\n // this.teamStoreId = parseInt(\r\n // this.route.snapshot.paramMap.get(\"teamStoreId\")\r\n // );\r\n this.teamStoreId = parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.getTeamStore(this.teamStoreId);\r\n }\r\n\r\n getTeamStore (teamStoreId) {\r\n this.storeBuilderService.getTeamStore(teamStoreId).subscribe((response) => {\r\n var teamStore = response.data;\r\n this.garmentArray = teamStore.garmentsRequested;\r\n this.selectedValue = this.garmentArray[0];\r\n this.setImages();\r\n });\r\n }\r\n\r\n setImages () {\r\n $(\".mainImgTab\").attr(\"src\", this.selectedValue.images[0].src);\r\n }\r\n\r\n onImgClick (source: string) {\r\n $(\".mainImgTab\").attr(\"src\", source);\r\n }\r\n\r\n goToProductListing () {\r\n let baseUrl = this.router.url;\r\n let url = this.commonService.createUrl(baseUrl,'/storedetails/productspreadsheet',1); \r\n this.router.navigateByUrl(url);\r\n }\r\n\r\n goToDesigner(){\r\n let baseUrl = this.router.url;\r\n let url = this.commonService.createUrl(baseUrl,'/designer/'+this.selectedValue.productId,1); \r\n this.router.navigateByUrl(url);\r\n }\r\n}\r\n","import { Component, HostListener, OnInit } from \"@angular/core\";\r\nimport {\r\n UntypedFormGroup,\r\n UntypedFormArray,\r\n UntypedFormBuilder,\r\n UntypedFormControl,\r\n Validators,\r\n} from \"@angular/forms\";\r\nimport { ActivatedRoute, ParamMap, Router } from \"@angular/router\";\r\nimport { CommonService } from \"src/app/core/services/common.service\";\r\nimport { ProductService } from \"src/app/core/services/product.service\";\r\nimport { SharedService } from \"src/app/core/services/shared.service\";\r\nimport { StoreService } from \"src/app/core/services/store.service\";\r\nimport { environment } from \"src/environments/environment\";\r\nimport Swal from \"sweetalert2\";\r\nimport { Clipboard } from '@angular/cdk/clipboard';\r\ndeclare var $: any;\r\nconst clipboardy = require('clipboardy');\r\n\r\n@Component({\r\n selector: \"app-product-view\",\r\n templateUrl: \"./product-view.component.html\",\r\n styleUrls: [\"./product-view.component.scss\"],\r\n})\r\nexport class ProductViewComponent implements OnInit {\r\n isCopied: boolean=false;\r\n showPersonalizationValue: boolean=false;\r\n isNamePersonalized: boolean=false;\r\n isNumberPersonalized: boolean=false;\r\n unitPrice: number=0;\r\n\r\n constructor(\r\n private router: Router,\r\n private route: ActivatedRoute,\r\n private storeService: StoreService,\r\n private commonService: CommonService,\r\n private formBuilder: UntypedFormBuilder,\r\n private productService: ProductService,\r\n private sharedServices: SharedService,\r\n private clipboard: Clipboard\r\n ) { }\r\n\r\n @HostListener('window:message', ['$event'])\r\n onMessage(e) {\r\n\r\n if (e.origin != environment.wpUrl.substring(0, environment.wpUrl.length - 1)) {\r\n return false;\r\n }\r\n\r\n if (typeof (e.data) == \"string\") {\r\n if (e.data.startsWith(\"apply action - \") && e.data.replace(\"apply action - \",\"\") == \"add to cart\") {\r\n this.addToCart()\r\n }\r\n }\r\n }\r\n private wpUrl = environment.wpUrl;\r\n decoGroup\r\n decoGroupServices\r\n decoProductSizeAndFonts\r\n teamStoreId: any;\r\n purchaseType: any;\r\n productId: any;\r\n mapCode: any;\r\n cartId: any;\r\n isEdit: boolean = false;\r\n designId: any;\r\n product: any;\r\n quantityGroup: UntypedFormGroup;\r\n cartItemGrids: UntypedFormArray;\r\n personalizeValue: boolean = false;\r\n noImagePlaceholder = \"../../../../assets/images/no-image.jpg\";\r\n serviceArray: any[] = [];\r\n selectedColor: any = \"\";\r\n selectedServiceId = 1;\r\n loading = true;\r\n //personalizationTypes = []\r\n //personalizationServices = []\r\n inkColorArray\r\n personalizationPropertiesForm: UntypedFormArray\r\n decorationPropertiesForm: UntypedFormArray = new UntypedFormArray([])\r\n decoPrice\r\n decoPriceLoading = false\r\n // namePersonalizationQuantity\r\n // numberPersonalizationQuantity\r\n ngOnInit() {\r\n this.route.paramMap.subscribe((params: ParamMap) => {\r\n if(params.keys.length>0){\r\n this.initialLoad()\r\n }\r\n\r\n });\r\n this.route.queryParamMap.subscribe((params: ParamMap) => {\r\n if(params.keys.length>0){\r\n if ( !params.keys.includes(\"isCopiedDesignedProductUrl\")){\r\n this.initialLoad()\r\n }\r\n if ( params.keys.includes(\"isCopiedDesignedProductUrl\")) {\r\n let queryParams = { ...this.route.snapshot.queryParams };\r\n if ('isCopiedDesignedProductUrl' in queryParams) {\r\n delete queryParams.isCopiedDesignedProductUrl;\r\n }\r\n const queryParamsString = new URLSearchParams(queryParams).toString();\r\n const newUrl = `${this.wpUrl+'productview/'}?${queryParamsString}`;\r\n clipboardy.write(newUrl)\r\n }\r\n }\r\n\r\n });\r\n }\r\n\r\n initialLoad(){\r\n this.personalizationPropertiesForm = this.formBuilder.array([])\r\n this.decorationPropertiesForm= new UntypedFormArray([])\r\n window.parent.postMessage(\"update title-Product View\", \"*\")\r\n this.commonService.postScrollMessageToParent()\r\n\r\n this.purchaseType = this.route.snapshot.queryParamMap.get('purchaseType') || parseInt(localStorage.getItem(\"purchaseType\")) || '2';\r\n this.teamStoreId = this.route.snapshot.queryParamMap.get('teamStoreId') || parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.teamStoreId = this.teamStoreId ? this.teamStoreId : null;\r\n this.productId = this.route.snapshot.queryParamMap.get('productId') || this.route.snapshot.paramMap.get(\"productId\") || parseInt(localStorage.getItem(\"productId\"));;\r\n // if(this.productId==null){\r\n // this.productId = localStorage.getItem(\"productId\")\r\n // }\r\n this.mapCode = this.route.snapshot.paramMap.get(\"mapCode\");\r\n //this.getPersonalizationServices()\r\n //this.getPersonalizationTypes()\r\n //this.getAvailableInkColors()\r\n //this.createPersonalizationPropertiesForm()\r\n if (this.productId && this.productId.split(\"-\")[1])\r\n this.selectedColor = this.productId.split(\"-\")[1];\r\n this.createQuantityForm(0);\r\n\r\n if (this.purchaseType == 2) {\r\n // RegularPurchaseWithDesign - 2\r\n // this.designId = this.route.snapshot.paramMap.get(\"productId\");\r\n this.designId =this.route.snapshot.queryParamMap.get('productId') || this.route.snapshot.paramMap.get(\"productId\")\r\n //this.designId = this.productId;\r\n this.cartId = this.route.snapshot.paramMap.get(\"cartId\");\r\n if (!this.designId || !this.cartId) {\r\n let count = 0;\r\n let thisObj = ({} = this);\r\n window.parent.postMessage(\"loaded\", \"*\");\r\n window.addEventListener(\r\n \"message\",\r\n function (e) {\r\n if (count == 0) {\r\n thisObj.designId = new String(e.data.productId).toString();\r\n\r\n if (!thisObj.designId || \"undefined\") {\r\n thisObj.route.paramMap.subscribe((params) => {\r\n if(params.get(\"productId\"))\r\n thisObj.designId = params.get(\"productId\");\r\n if(params.get(\"cartId\"))\r\n thisObj.cartId = params.get(\"cartId\");\r\n });\r\n thisObj.route.queryParamMap.subscribe((params) => {\r\n if(params.get(\"productId\"))\r\n thisObj.designId = params.get(\"productId\");\r\n if(params.get(\"cartId\"))\r\n thisObj.cartId = params.get(\"cartId\");\r\n });\r\n\r\n\r\n }\r\n if (thisObj.cartId != null) {\r\n thisObj.isEdit = true;\r\n thisObj.getCartDetails();\r\n }\r\n thisObj.getDirectProductDetail(thisObj.designId, 1);\r\n thisObj.productId = localStorage.getItem(\"productId\");\r\n thisObj.createQuantityForm(thisObj.designId);\r\n count++;\r\n }\r\n },\r\n false\r\n );\r\n } else {\r\n // direct purcahse\r\n if (this.cartId != null) {\r\n this.isEdit = true;\r\n this.getCartDetails();\r\n }\r\n this.getDirectProductDetail(this.designId, 1);\r\n this.productId = localStorage.getItem(\"productId\");\r\n this.createQuantityForm(this.designId);\r\n }\r\n } else {\r\n this.route.paramMap.subscribe((params) => {\r\n this.productId = params.get(\"productId\");\r\n this.cartId = params.get(\"cartId\");\r\n });\r\n if (this.cartId != null) {\r\n this.isEdit = true;\r\n this.getCartDetails();\r\n }\r\n if (this.purchaseType == 1) {\r\n // RegularPurchaseWithoutDesign -1\r\n this.getDirectProductDetail(this.productId, 2);\r\n } else {\r\n // PurchaseWithTeamstore - 3\r\n if (!this.productId) this.productId = localStorage.getItem(\"productId\");\r\n if (!this.mapCode) this.mapCode = localStorage.getItem(\"mapCode\");\r\n this.getTeamstoreProductDesignedDetails();\r\n }\r\n }\r\n //this.getAvailableStoreServices();\r\n if(this.product?.productInfo?.isPersonalize==true && this.purchaseType==3){\r\n this.showPersonalizationValue=true\r\n }else{\r\n this.showPersonalizationValue=false\r\n }\r\n // setTimeout(() => {\r\n // if(!this.personalizationPropertiesForm.controls.length)\r\n // this.createPersonalizationPropertiesForm()\r\n // }, 3000);\r\n }\r\n\r\n createPersonalizationPropertiesForm() {\r\n this.personalizationPropertiesForm = this.formBuilder.array([])\r\n if(this.decoProductSizeAndFonts)\r\n this.decoProductSizeAndFonts[0].personalizationTypes.forEach(type => {\r\n this.personalizationPropertiesForm.push(this.createPersonalizationPropertiesGroup(type))\r\n })\r\n setTimeout(() => {\r\n if(this.personalizationPropertiesForm?.controls.length>0 ){\r\n this.personalizationPropertiesForm.controls?.forEach((type,index) => {\r\n\r\n this.personalizationPropertiesForm.controls[index].patchValue({\r\n serviceId:this.decoGroupServices[0].decoGroupMethodId,\r\n serviceName:this.decoGroupServices[0].decoGroupMethodName,\r\n })\r\n })\r\n\r\n }\r\n }, 1000);\r\n }\r\n\r\n createPersonalizationPropertiesGroup(type) {\r\n return this.formBuilder.group({\r\n personalizationTypeId: type.id,\r\n name: type.name,\r\n //positionId: ['', Validators.required],\r\n serviceId: [''],\r\n serviceName:[''],\r\n sizeId: ['', Validators.required],\r\n colorId: ['', Validators.required],\r\n fontId: ['', Validators.required],\r\n })\r\n }\r\n\r\n createExistingPersonalizationPropertiesGroup(type) {\r\n return this.formBuilder.group({\r\n personalizationTypeId: type.personalizationTypeId,\r\n name: type.personalizationTypeId == 1 ? \"Name\" : \"Number\",\r\n // name: this.personalizationTypes.find(obj => obj.id == type.personalizationTypeId).type,\r\n //positionId: (type.positionId || ''),\r\n serviceId: (type.serviceId ),\r\n sizeId: (type.sizeId),\r\n serviceName:(type?.serviceName),\r\n colorId: (type.colorId),\r\n fontId: (type.fontId ),\r\n })\r\n }\r\n\r\n setPersonalizationPropertiesForm(arr) {\r\n this.personalizationPropertiesForm = this.formBuilder.array([])\r\n if (arr.length == 1)\r\n arr.push({ personalizationTypeId: arr[0].personalizationTypeId == 1 ? 2 : 1 })\r\n arr.forEach(type => {\r\n this.personalizationPropertiesForm.push(this.createExistingPersonalizationPropertiesGroup(type))\r\n })\r\n }\r\n\r\n setDecorationPropertiesForm(arr) {\r\n this.decorationPropertiesForm = this.formBuilder.array([])\r\n arr?.decorationProperties.forEach((obj,index) => {\r\n this.decorationPropertiesForm.push(this.createDecorationPropertyGroup2(obj,index,arr))\r\n })\r\n }\r\n\r\n createQuantityForm(designId) {\r\n this.quantityGroup = this.formBuilder.group({\r\n cartId: 0,\r\n teamStoreId: this.purchaseType == 3 ? this.teamStoreId : 0,\r\n productId: this.productId,\r\n isPersonalize: false,\r\n quantity: [0, Validators.min(1)],\r\n totalPrice: 0,\r\n personalizationPrice: 0,\r\n personalizedQuantity: 0,\r\n purchaseType: this.purchaseType,\r\n // designerCartId: 5726,\r\n designerCartId: designId,\r\n cartItemGrids: this.formBuilder.array([this.createItemGrids()]),\r\n serviceId: 0,\r\n mapCode: this.mapCode || null,\r\n price: 0,\r\n decoPrice: 0,\r\n namePersonalizationQuantity: 0,\r\n numberPersonalizationQuantity: 0,\r\n });\r\n }\r\n\r\n createItemGrids(): UntypedFormGroup {\r\n let carItemGrid = this.formBuilder.group({\r\n colorId: new UntypedFormControl(this.selectedColor),\r\n name: new UntypedFormControl({ value: \"\", disabled: true }),\r\n number: new UntypedFormControl({ value: \"\", disabled: true }),\r\n size: new UntypedFormControl(\"0\", [Validators.required, Validators.min(1)]),\r\n quantity: new UntypedFormControl(\"\", Validators.required),\r\n personalize: new UntypedFormControl(false),\r\n totalPrice: 0,\r\n // personalizationPrice: 0,\r\n personalizationType: 0,\r\n personalizationNamePrice: 0,\r\n personalizationNumberPrice: 0,\r\n decoPrice: 0,\r\n });\r\n return carItemGrid;\r\n }\r\n\r\n updateItemGrid(gridItem) {\r\n const disabled = !gridItem.personalize;\r\n let carItemGrid = this.formBuilder.group({\r\n colorId: gridItem.colorId,\r\n name: [{ value: gridItem.name, disabled }],\r\n number: [{ value: gridItem.number, disabled }],\r\n size: gridItem.sizeId,\r\n quantity: gridItem.quantity,\r\n personalize: gridItem.personalize || false,\r\n totalPrice: gridItem.totalPrice || 0,\r\n // personalizationPrice: gridItem.personalizationPrice || 0,\r\n personalizationType: gridItem.personalizationType || 0,\r\n personalizationNamePrice: gridItem.personalizationNamePrice || 0,\r\n personalizationNumberPrice: gridItem.personalizationNumberPrice || 0,\r\n decoPrice: gridItem.decoPrice || 0,\r\n });\r\n return carItemGrid;\r\n }\r\n\r\n addRow() {\r\n this.cartItemGrids = this.quantityGroup.controls.cartItemGrids as UntypedFormArray;\r\n this.cartItemGrids.push(this.createItemGrids());\r\n this.commonService.postHeightToParent(\"low\")\r\n }\r\n\r\n deleteRow(index) {\r\n this.cartItemGrids = this.quantityGroup.controls.cartItemGrids as UntypedFormArray;\r\n if (this.cartItemGrids.length > 1) this.cartItemGrids.removeAt(index);\r\n this.getTotalQuantity();\r\n }\r\n\r\n getTeamstoreProductDesignedDetails() {\r\n this.storeService\r\n .getProductDetails(this.teamStoreId, this.productId, this.mapCode)\r\n .subscribe(\r\n (response) => {\r\n this.product = response.data;\r\n if (this.selectedColor == 0)\r\n this.selectedColor = this.product.productInfo.variants[0].id;\r\n this.personalizeValue = this.product.productInfo.isPersonalize;\r\n this.isNamePersonalized = this.product.productInfo.personalizations?.some((element) => {\r\n return element.personalizedType === 'Name';\r\n });\r\n\r\n this.isNumberPersonalized = this.product.productInfo.personalizations?.some((element) => {\r\n return element.personalizedType === 'Number';\r\n });\r\n this.quantityGroup.patchValue({\r\n isPersonalize: this.product.productInfo.isPersonalize,\r\n designerCartId: this.product.designerCartId,\r\n });\r\n this.getTotalQuantity();\r\n //this.getDecoGroup()\r\n this.getProductServices()\r\n this.getProductSizeAndFonts()\r\n },\r\n (error) => {\r\n // this.commonService.openErrorSnackBar(error.message, \"\");\r\n }\r\n );\r\n }\r\n\r\n // getAvailableStoreServices() {\r\n // this.storeService.getAvailableStoreServices().subscribe(\r\n // (response) => {\r\n // this.serviceArray = response.data;\r\n // }\r\n // );\r\n // }\r\n\r\n getDirectProductDetail(productId, typeId) {\r\n this.commonService.toggleLoading(true)\r\n this.storeService.getDirectProductDetail(productId, typeId).subscribe(\r\n // this.storeService.getDirectProductDetail(5726, typeId).subscribe(\r\n (response) => {\r\n this.personalizeValue = true;\r\n this.product = response.data;\r\n localStorage.setItem(\"productId\", this.product.productInfo.id);\r\n if (this.selectedColor == 0)\r\n this.selectedColor = this.product.productInfo.variants[0].id;\r\n this.quantityGroup.patchValue({\r\n isPersonalize: this.product.productInfo.isPersonalize,\r\n });\r\n if (!this.isEdit && this.purchaseType == 2)\r\n this.createDecorationProperties(this.product)\r\n this.getTotalQuantity();\r\n // this.getDecoGroup()\r\n this.getProductServices()\r\n this.getProductSizeAndFonts()\r\n this.commonService.postHeightToParent(\"medium\")\r\n window.parent.postMessage(\"update title-Product | \" + (this.product.productInfo.displayName || this.product.productInfo.name), \"*\")\r\n this.commonService.toggleLoading(false)\r\n },\r\n (error) => {\r\n // this.commonService.openErrorSnackBar(error.message, \"\");\r\n }\r\n );\r\n }\r\n\r\n getCartDetails() {\r\n this.storeService.getCartDetails(this.cartId).subscribe(\r\n (response) => {\r\n this.cartItemGrids = this.quantityGroup.controls\r\n .cartItemGrids as UntypedFormArray;\r\n let itemGrid = response.data.cartItemGrids;\r\n // if (itemGrid[0].name != \"\" || itemGrid[0].number != \"\") {\r\n // this.personalizeValue = true;\r\n // }\r\n this.selectedColor = itemGrid[0].colorId;\r\n for (let i = 0; i < itemGrid.length; i++) {\r\n this.cartItemGrids.push(this.updateItemGrid(itemGrid[i]));\r\n }\r\n let isAnyCartItemIsPersonalized=this.cartItemGrids.value.some(item => item.personalize === true);\r\n if(isAnyCartItemIsPersonalized==true && this.purchaseType==3){\r\n this.showPersonalizationValue=true\r\n }else{\r\n this.showPersonalizationValue=false\r\n }\r\n this.quantityGroup.patchValue({\r\n cartId: response.data.cartId,\r\n });\r\n this.setDecorationPropertiesForm(response.data)\r\n if (response.data.personalizationProperties && response.data.personalizationProperties.length){\r\n this.setPersonalizationPropertiesForm(response.data.personalizationProperties)\r\n //this.deleteRow(0);\r\n this.getTotalQuantity();\r\n this.commonService.postHeightToParent(\"medium\")\r\n }\r\n this.deleteRow(0);\r\n },\r\n (error) => {\r\n this.isEdit = false;\r\n }\r\n );\r\n }\r\n\r\n addToCart() {\r\n this.scrollToTop()\r\n if (this.purchaseType == 2 && this.decorationPropertiesForm.valid == false) {\r\n Swal.fire({\r\n position: 'top',\r\n icon: 'warning',\r\n text: 'Please complete decoration settings to continue'\r\n })\r\n return\r\n }\r\n let { isPersonalizationValid, isPersonalized } = this.isPersonalized()\r\n\r\n\r\n // this.getTotalQuantity();\r\n if (this.productId && this.productId.split(\"-\")[1])\r\n this.quantityGroup\r\n .get(\"productId\")\r\n .setValue(this.productId.split(\"-\")[0]);\r\n this.cartItemGrids = this.quantityGroup.controls.cartItemGrids as UntypedFormArray;\r\n for (var i = 0; i < this.cartItemGrids.controls.length; i++) {\r\n this.cartItemGrids.controls[i].value.colorId = this.selectedColor;\r\n }\r\n this.quantityGroup.value.serviceId = this.selectedServiceId;\r\n this.quantityGroup.value.isPersonalize = isPersonalized;\r\n if (this.quantityGroup.valid) {\r\n let payload = this.quantityGroup.value\r\n payload['calculatedPrice']=this.decoPrice\r\n let isConfirm = false;\r\n let userId = localStorage.getItem(\"userId\");\r\n if (!userId) {\r\n window.parent.postMessage(\"open guest login\", \"*\");\r\n window.parent.postMessage(\"action - add to cart\", \"*\");\r\n return;\r\n }\r\n \r\n if (isPersonalized) {\r\n if (isPersonalizationValid) {\r\n let { namePersonalizationQuantity, numberPersonalizationQuantity } = this.quantityGroup.value\r\n let isNamePersonalizationPropertiesValid = false\r\n let isNumberPersonalizationPropertiesValid = false\r\n this.personalizationPropertiesForm.controls.forEach(control => {\r\n if (control.value.personalizationTypeId == 1 && control.valid)\r\n isNamePersonalizationPropertiesValid = true\r\n else if (control.value.personalizationTypeId == 2 && control.valid)\r\n isNumberPersonalizationPropertiesValid = true\r\n })\r\n if (this.purchaseType != 3 &&\r\n ((namePersonalizationQuantity && !isNamePersonalizationPropertiesValid) ||\r\n (numberPersonalizationQuantity && !isNumberPersonalizationPropertiesValid))) {\r\n Swal.fire({\r\n position: 'top',\r\n icon: 'warning',\r\n text: 'Please complete personalization settings to continue'\r\n })\r\n return\r\n }\r\n let result = Swal.fire({\r\n text: \"Customer is responsible for the spelling of Personalization Text provided. Please review and confirm the names & numbers.\",\r\n icon: \"info\",\r\n showCancelButton: true,\r\n cancelButtonText: \"Go back and Verify\",\r\n confirmButtonText: \"Confirm and Continue\",\r\n reverseButtons: true,\r\n position: \"top\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n if (this.purchaseType != 3)\r\n payload['personalizationProperties'] = this.personalizationPropertiesForm.value\r\n this.commonService.toggleLoading(true)\r\n if (this.purchaseType == 2) {\r\n this.decorationPropertiesForm.value.forEach(el => {\r\n el.colorId=el.colorId.map(color => color?.id) })\r\n payload['decorationProperties'] = this.decorationPropertiesForm.value\r\n }\r\n this.storeService.addToCart(payload).subscribe(\r\n (response) => {\r\n this.commonService.toggleLoading(false)\r\n this.product = response.data;\r\n this.commonService.openSuccessSnackBar(response.message, \"\");\r\n window.top.postMessage(\"cart count-\" + response.data, \"*\")\r\n if (this.teamStoreId == null || this.teamStoreId == 0) {\r\n this.router.navigateByUrl(\"enduser/cart\");\r\n } else {\r\n this.router.navigateByUrl(\"enduser/buyfromlivestore/cart\");\r\n }\r\n },\r\n (error) => {\r\n }\r\n );\r\n }\r\n });\r\n } else {\r\n this.commonService.openErrorSnackBar(\r\n \"Enter personalization values for selected items\",\r\n \"\"\r\n );\r\n }\r\n } else {\r\n payload['personalizationProperties'] = null\r\n if (this.purchaseType == 2) {\r\n this.decorationPropertiesForm.value.forEach(el => {\r\n el.colorId=el.colorId.map(color => color?.id) \r\n el.colorCount=el?.colorId?.length })\r\n payload['decorationProperties'] = this.decorationPropertiesForm.value\r\n }\r\n this.storeService.addToCart(payload).subscribe(\r\n (response) => {\r\n this.product = response.data;\r\n window.top.postMessage(\"cart count-\" + response.data, \"*\")\r\n this.commonService.openSuccessSnackBar(response.message, \"\");\r\n if (this.teamStoreId == null || this.teamStoreId == 0) {\r\n this.router.navigateByUrl(\"enduser/cart\");\r\n } else {\r\n this.router.navigateByUrl(\"enduser/buyfromlivestore/cart\");\r\n }\r\n },\r\n (error) => {\r\n // this.commonService.openErrorSnackBar(error.message, \"\");\r\n }\r\n );\r\n }\r\n // if (isConfirm) {\r\n // this.storeService.addToCart(this.quantityGroup.value).subscribe(response => {\r\n // this.product = response.data;\r\n // this.commonService.openSuccessSnackBar(response.message, \"\");\r\n // if (this.teamStoreId == null || this.teamStoreId == 0) {\r\n // this.router.navigateByUrl('enduser/cart');\r\n // } else {\r\n // this.router.navigateByUrl('enduser/buyfromlivestore/cart');\r\n // }\r\n // },\r\n // error => {\r\n // // this.commonService.openErrorSnackBar(error.message, \"\");\r\n // });\r\n // }\r\n } else {\r\n this.commonService.openErrorSnackBar(\r\n \"Please fill all required fields\",\r\n \"\"\r\n );\r\n }\r\n }\r\n\r\n backToStore() {\r\n if (this.purchaseType === 1 || this.purchaseType === 2) {\r\n //this.router.navigateByUrl(\"enduser/directpurchase/productlist\");\r\n let url=this.wpUrl+'Product-List/?api=true&category=0&search=&orderby=id&order=asc&color=0'\r\n window.parent.location.href = url;\r\n } else {\r\n this.router.navigateByUrl(\r\n \"enduser/buyfromlivestore/store/\" + this.teamStoreId\r\n );\r\n }\r\n }\r\n\r\n // personalize(value) {\r\n // this.cartItemGrids = this.quantityGroup.controls.cartItemGrids as FormArray;\r\n // this.quantityGroup.patchValue({\r\n // isPersonalize: value,\r\n // });\r\n // for (let i = 0; i <= this.cartItemGrids.length; i++) {\r\n // this.cartItemGrids.controls[i].patchValue({\r\n // name: null,\r\n // number: null,\r\n // });\r\n // }\r\n // }\r\n\r\n // clearFormArray = (formArray: FormArray) => {\r\n // while (formArray.length !== 0) {\r\n // formArray.removeAt(0);\r\n // }\r\n // };\r\n\r\n getPriceBySize(sizeId) {\r\n if (sizeId && this.product) {\r\n let sizeObj = this.product.productInfo.variants[0].sizeVariants.find(\r\n (size) => size.sizeId == sizeId\r\n );\r\n if (this.purchaseType == 3) {\r\n if (sizeObj?.storePrice)\r\n return sizeObj.storePrice + (this.product.productInfo.totalPrice - this.product.productInfo.price)\r\n else\r\n return this.calculateStorePrice(sizeObj.sellingPrice) + (this.product.productInfo.totalPrice - this.product.productInfo.price)\r\n } else {\r\n return sizeObj ? sizeObj.sellingPrice : 0\r\n }\r\n } else {\r\n return 0;\r\n }\r\n }\r\n\r\n calculateStorePrice(price) {\r\n price = Math.ceil(price);\r\n\r\n if (price < 10) price = price + 1;\r\n else price = price + 2;\r\n\r\n return price;\r\n }\r\n\r\n getTotalQuantity() {\r\n\r\n let cartItemGrids = this.quantityGroup.controls.cartItemGrids.value;\r\n // const basePrice = this.product ? this.purchaseType == 3 ? this.product.productInfo.totalPrice : this.product.productInfo.price : 0\r\n let totalQuantity = 0,\r\n totalPrice = 0,\r\n namePersonalizationQuantity = 0,\r\n numberPersonalizationQuantity = 0,\r\n personalizedQuantity = 0\r\n // personalizationPrice = 0\r\n for (let i = 0; i < cartItemGrids.length; i++) {\r\n let price = this.getPriceBySize(cartItemGrids[i].size);\r\n // let personalization = 0;\r\n let personalizationType = 0;\r\n if (cartItemGrids[i].personalize) {\r\n if (cartItemGrids[i].name) {\r\n // personalization += 7;\r\n personalizationType = 1;\r\n namePersonalizationQuantity += Number(cartItemGrids[i].quantity)\r\n } else {\r\n personalizationType = 0;\r\n }\r\n if (\r\n cartItemGrids[i].number != null &&\r\n cartItemGrids[i].number.toString().trim()\r\n ) {\r\n numberPersonalizationQuantity += Number(cartItemGrids[i].quantity)\r\n // personalization += 6;\r\n if (personalizationType == 1) {\r\n personalizationType = 3;\r\n } else {\r\n personalizationType = 2;\r\n }\r\n }\r\n personalizedQuantity += Number(cartItemGrids[i].quantity);\r\n }\r\n\r\n // this.quantityGroup.controls.cartItemGrids[\"controls\"][i]\r\n // .get(\"totalPrice\")\r\n // .setValue(\r\n // Number(cartItemGrids[i].quantity) * (price + personalization)\r\n // );\r\n\r\n // this.quantityGroup.controls.cartItemGrids[\"controls\"][i]\r\n // .get(\"personalizationPrice\")\r\n // .setValue(Number(cartItemGrids[i].quantity) * personalization);\r\n\r\n this.quantityGroup.controls.cartItemGrids[\"controls\"][i]\r\n .get(\"personalizationType\")\r\n .setValue(personalizationType);\r\n\r\n totalQuantity += Number(cartItemGrids[i].quantity);\r\n\r\n // personalizationPrice +=\r\n // Number(cartItemGrids[i].quantity) * personalization;\r\n\r\n totalPrice +=\r\n Number(cartItemGrids[i].quantity) * (price); // + personalization\r\n }\r\n\r\n this.quantityGroup.patchValue({\r\n quantity: totalQuantity,\r\n price: totalPrice.toFixed(2),\r\n namePersonalizationQuantity,\r\n numberPersonalizationQuantity\r\n // totalPrice,\r\n // personalizationPrice,\r\n // personalizedQuantity,\r\n });\r\n this.getDecoPrice(true)\r\n this.commonService.postHeightToParent(\"medium\")\r\n }\r\n\r\n onImgClick(src) {\r\n // $(\".img-holder\").attr(\"src\", src);\r\n $(\".img-container\").css('background-image', 'url(' + src + ')')\r\n\r\n }\r\n\r\n onPersonalizeCheck(i) {\r\n let formGroup = this.quantityGroup.get(\"cartItemGrids\")[\"controls\"][i];\r\n if (formGroup.controls.personalize.value) {\r\n formGroup.controls.name.enable();\r\n formGroup.controls.number.enable();\r\n if(this.product.productInfo.isPersonalize==true && this.purchaseType==3){\r\n this.showPersonalizationValue=true\r\n }else{\r\n this.showPersonalizationValue=false\r\n }\r\n } else {\r\n formGroup.controls.name.setValue(\"\");\r\n formGroup.controls.number.setValue(\"\");\r\n formGroup.controls.name.disable();\r\n formGroup.controls.number.disable();\r\n this.showPersonalizationValue=false\r\n }\r\n this.commonService.postHeightToParent(\"medium\")\r\n }\r\n\r\n isPersonalized() {\r\n let isPersonalized = false;\r\n let isPersonalizationValid = true;\r\n let isNamePersonalized=false\r\n let isNumberPersonalized=false\r\n if(this.product==undefined || this.product?.productInfo?.personalizations==null){\r\n isNamePersonalized=true\r\n isNumberPersonalized=true\r\n }\r\n else{\r\n isNamePersonalized=this.isNamePersonalized?this.isNamePersonalized:false\r\n isNumberPersonalized=this.isNumberPersonalized?this.isNumberPersonalized:false\r\n }\r\n this.quantityGroup.get(\"cartItemGrids\")[\"controls\"].forEach((element) => {\r\n if (element.value.personalize) {\r\n isPersonalized = true;\r\n if (!element.value.name && !element.value.number)\r\n isPersonalizationValid = false;\r\n\r\n if(this.isNumberPersonalized) \r\n {\r\n if(element.value.number<=0){\r\n isPersonalizationValid=true;\r\n }\r\n }\r\n\r\n }\r\n });\r\n return { isPersonalizationValid, isPersonalized , isNamePersonalized,isNumberPersonalized }\r\n }\r\n\r\n // getPersonalizationServices() {\r\n // this.sharedServices.getPersonalizationServices({ internal: false }).subscribe((res: any) => {\r\n // this.personalizationServices = res.data\r\n // })\r\n // }\r\n\r\n // getPersonalizationTypes() {\r\n // this.storeService.getPersonalizationTypes().subscribe(res => {\r\n // this.personalizationTypes = res.data\r\n // this.createPersonalizationPropertiesForm()\r\n // })\r\n // }\r\n\r\n // getAvailableInkColors() {\r\n // this.storeService.getAvailableInkColors().subscribe((response) => {\r\n // this.inkColorArray = response.data;\r\n // });\r\n // }\r\n\r\n getInkColorsByService(i) {\r\n let serviceId = this.personalizationPropertiesForm.value[i].serviceId\r\n if (serviceId&&this.decoGroupServices)\r\n return this.decoGroupServices.find(color => color.decoGroupMethodId == serviceId).colors\r\n return []\r\n }\r\n\r\n getFontByService(i) {\r\n let serviceId = this.personalizationPropertiesForm.value[i].serviceId\r\n let typeId = this.personalizationPropertiesForm.value[i].personalizationTypeId\r\n if (serviceId && typeId && this.decoProductSizeAndFonts) {\r\n let personalizationTypes = this.decoProductSizeAndFonts.find(service => service.id == serviceId).personalizationTypes\r\n if (personalizationTypes && personalizationTypes.length) {\r\n let type = personalizationTypes.find(type => type.id == typeId)\r\n if (type)\r\n return type.fonts\r\n }\r\n }\r\n return []\r\n }\r\n\r\n\r\n getSizesByService(i) {\r\n try {\r\n let serviceId = this.personalizationPropertiesForm.value[i].serviceId\r\n let typeId = this.personalizationPropertiesForm.value[i].personalizationTypeId\r\n if (serviceId && typeId) {\r\n let personalizationTypes = this.decoProductSizeAndFonts.find(service => service.id == serviceId).personalizationTypes\r\n if (personalizationTypes && personalizationTypes.length) {\r\n let type = personalizationTypes.find(type => type.id == typeId)\r\n if (type)\r\n return type.sizes\r\n }\r\n }\r\n return []\r\n } catch (error) {\r\n return []\r\n }\r\n }\r\n\r\n // getDecoGroup() {\r\n // this.productService.getDecoGroup(this.product.productInfo.decoGroupId).subscribe(res => {\r\n // this.decoGroup = res.body.data\r\n // })\r\n // }\r\n getProductServices() {\r\n this.commonService.toggleLoading(true)\r\n this.productService.getProductServices(this.product.productInfo.decoGroupMethodId).subscribe(res => {\r\n this.decoGroupServices = res.body.data\r\n this.commonService.toggleLoading(false)\r\n },\r\n error => {\r\n this.commonService.toggleLoading(false)\r\n })\r\n }\r\n getProductSizeAndFonts(){\r\n this.commonService.toggleLoading(true)\r\n this.productService.getProductSizeAndFonts(this.product.productInfo.decoGroupMethodId).subscribe(res => {\r\n this.decoProductSizeAndFonts = res.body.data\r\n if(!this.personalizationPropertiesForm.controls.length){\r\n this.createPersonalizationPropertiesForm() }\r\n this.commonService.toggleLoading(false)\r\n },\r\n error => {\r\n this.commonService.toggleLoading(false)\r\n })\r\n }\r\n createDecorationProperties(designedOutput) {\r\n // sides.forEach(side => {\r\n // if (side.is_designed) {\r\n // side.assets_doc_path.forEach(art => {\r\n // this.decorationPropertiesForm.push(this.createDecorationPropertyGroup({ art }))\r\n // })\r\n // }\r\n // })\r\n designedOutput.sideInfo.forEach((art,index) => {\r\n this.decorationPropertiesForm.push(this.createDecorationPropertyGroup( art,index,designedOutput ))\r\n })\r\n }\r\n createDecorationPropertyGroup2(obj,index,productDetails) {\r\n return this.formBuilder.group({\r\n art: obj?.art,\r\n id: obj?.id || 0,\r\n //positionId: this.formBuilder.control(obj.positionId || '', Validators.required),\r\n decoGroupMethodId : this.formBuilder.control(productDetails?.decoGroupMethodId|| '', Validators.required),\r\n serviceName:productDetails.decoGroupMethod,\r\n //sizeId: this.formBuilder.control(obj.sizeId || ''),\r\n serviceId: this.formBuilder.control(productDetails.decoGroupMethodId || ''),\r\n colorId: this.formBuilder.control(obj?.colorInfo || [], Validators.required),\r\n colorCount: this.formBuilder.control(obj.colorCount || '', Validators.required)\r\n })\r\n }\r\n createDecorationPropertyGroup(obj,index,productDetails) {\r\n return this.formBuilder.group({\r\n art: obj.imageUrl,\r\n id: 0,\r\n //positionId: this.formBuilder.control(obj.positionId || '', Validators.required),\r\n decoGroupMethodId: this.formBuilder.control(productDetails.productInfo.decoGroupMethodId || '', Validators.required),\r\n serviceName:productDetails?.productInfo?.decoGroupMethod,\r\n //sizeId: this.formBuilder.control(obj.sizeId || ''),\r\n serviceId: this.formBuilder.control(productDetails?.productInfo?.decoGroupMethodId|| ''),\r\n colorId: this.formBuilder.control(obj.colorInfo|| [], Validators.required),\r\n colorCount: this.formBuilder.control(obj.colorCount || '', Validators.required)\r\n })\r\n }\r\n\r\n getDecoServices(i, type = 'deco') {\r\n if (type == 'deco') {\r\n var positionId = this.decorationPropertiesForm.value[i].positionId\r\n } else {\r\n var positionId = this.personalizationPropertiesForm.value[i].positionId\r\n }\r\n if (positionId && this.decoGroup) {\r\n return this.decoGroup.locations.find(loc => loc.id == positionId).services\r\n }\r\n return []\r\n }\r\n\r\n getDecoInkColors(i) {\r\n let serviceId = this.decorationPropertiesForm.value[i].serviceId\r\n if (serviceId && this.inkColorArray)\r\n return this.inkColorArray.find(color => color.serviceId == serviceId).colors\r\n return []\r\n }\r\n\r\n updateColorCount(i) {\r\n this.decorationPropertiesForm.controls[i].get('colorCount')\r\n .setValue(this.decorationPropertiesForm.value[i].colorId.length)\r\n }\r\n\r\n zoomIn(event) {\r\n let pre = document.getElementsByClassName(\"img-container\")[0] as HTMLDivElement\r\n let posX = event.offsetX * 2\r\n let posY = event.offsetY * 2\r\n pre.style.backgroundSize = '300%'\r\n pre.style.backgroundPosition = (-posX) + \"px \" + (-posY) + \"px\";\r\n }\r\n // zoomIn(event) {\r\n // let pre = document.getElementById(\"zoom-preview\");\r\n // pre.style.display = \"inline\";\r\n // let src = event.target.currentSrc\r\n // pre.style.backgroundImage = `url('${src}')`;\r\n // let posX = event.offsetX + Math.trunc((event.offsetX / 100) * 40);\r\n // let posY = event.offsetY + Math.trunc((event.offsetY / 100) * 40);\r\n // pre.style.backgroundPosition = (-posX) + \"px \" + (-posY) + \"px\";\r\n // }\r\n\r\n zoomOut() {\r\n let pre = document.getElementsByClassName(\"img-container\")[0] as HTMLDivElement\r\n pre.style.backgroundPosition = 'center'\r\n pre.style.backgroundSize = 'contain'\r\n }\r\n // zoomOut() {\r\n // let pre = document.getElementById(\"zoom-preview\");\r\n // pre.style.display = \"none\";\r\n // }\r\n\r\n getDecoPrice(isSilent?) {\r\n let { isPersonalized } = this.isPersonalized()\r\n let isNamePersonalizationPropertiesValid = false\r\n let isNumberPersonalizationPropertiesValid = false\r\n this.personalizationPropertiesForm.controls.forEach(control => {\r\n if (control.value.personalizationTypeId == 1 && control.valid)\r\n isNamePersonalizationPropertiesValid = true\r\n else if (control.value.personalizationTypeId == 2 && control.valid)\r\n isNumberPersonalizationPropertiesValid = true\r\n })\r\n let isDesigned = this.purchaseType == 2\r\n let data = []\r\n let totalQuantity = this.quantityGroup.get('quantity').value\r\n this.decoPrice = null\r\n\r\n let storeData = {\r\n \"storeId\": this.teamStoreId,\r\n \"mapCode\": this.mapCode,\r\n \"personalizationNameQty\": 0,\r\n \"personalizationNumberQty\": 0,\r\n \"totalQty\": totalQuantity\r\n }\r\n\r\n if (isDesigned) {\r\n let decoPropertyArr = this.decorationPropertiesForm.value\r\n // const { colorId, ...rest } = this.decorationPropertiesForm.value;\r\n // const newVariable = { ...rest, colorId: colorId.map(color => color.id) };\r\n\r\n decoPropertyArr.forEach(el => {\r\n if(el.serviceName=='Embroidery'){\r\n el.colorCount=0\r\n }\r\n let ids=el.colorId.map(color => color?.id)\r\n //const commaSeparatedColorIds: number = ids.join(',');\r\n // el.colorId=ids\r\n data.push(this.createDecoPriceApiObj(\r\n totalQuantity,\r\n el.colorCount,\r\n 3, // itemType - color\r\n el.serviceId,\r\n ids\r\n ))\r\n })\r\n }\r\n\r\n if (isPersonalized) {\r\n let personalizationPropertyArr = this.personalizationPropertiesForm.value\r\n personalizationPropertyArr.forEach(el => {\r\n if (el.personalizationTypeId == 1 || el.personalizationTypeId == 3)\r\n storeData.personalizationNameQty += this.quantityGroup.get('namePersonalizationQuantity').value\r\n if (el.personalizationTypeId == 2 || el.personalizationTypeId == 3)\r\n storeData.personalizationNumberQty += this.quantityGroup.get('numberPersonalizationQuantity').value\r\n let count = el.personalizationTypeId == 0 ? 0 :\r\n el.personalizationTypeId == 1 ?\r\n this.quantityGroup.get('namePersonalizationQuantity').value :\r\n this.quantityGroup.get('numberPersonalizationQuantity').value // if type = 3 both qty are same\r\n if (count) {\r\n let sizeid\r\n if(el.serviceName=='Heatpress' || el.serviceName=='Print'){\r\n sizeid=0\r\n }else{\r\n sizeid= el.sizeId\r\n }\r\n data.push(this.createDecoPriceApiObj(\r\n Number(count),\r\n sizeid,\r\n el.personalizationTypeId, // itemType - 1,2\r\n el.serviceId,\r\n [el.colorId]\r\n ))\r\n }\r\n });\r\n }\r\n\r\n if (this.purchaseType == 3 && totalQuantity) {\r\n this.decoPrice = {\r\n decoPrice: 0,\r\n namePrice: 7,\r\n numberPrice: 5,\r\n }\r\n // this.sharedServices.getStoreDecoPrice(storeData).subscribe(res => {\r\n // this.decoPrice = res.data\r\n // })\r\n // return\r\n } else {\r\n if (!isDesigned && !isPersonalized) {\r\n // this.quantityGroup.get('decoPrice').setValue(0)\r\n // return\r\n this.decoPrice = {\r\n decoPrice: 0,\r\n namePrice: 0,\r\n numberPrice: 0,\r\n }\r\n } else if (isDesigned && this.decorationPropertiesForm.valid == false) {\r\n if (!isSilent)\r\n this.commonService.openErrorSnackBar(\"Please complete decoration settings to calculate total price\", \"\")\r\n // this.quantityGroup.get('decoPrice').setValue(0)\r\n return\r\n } else if (isPersonalized &&\r\n ((storeData.personalizationNameQty && !isNamePersonalizationPropertiesValid) ||\r\n (storeData.personalizationNumberQty && !isNumberPersonalizationPropertiesValid))\r\n ) {\r\n if (!isSilent)\r\n this.commonService.openErrorSnackBar(\"Please complete personalization settings to calculate total price\", \"\")\r\n // this.quantityGroup.get('decoPrice').setValue(0)\r\n return\r\n } else if (!totalQuantity) {\r\n // this.quantityGroup.get('decoPrice').setValue(0)\r\n this.decoPrice = {\r\n decoPrice: 0,\r\n namePrice: 0,\r\n numberPrice: 0,\r\n }\r\n // return\r\n } else if (!data.length) {\r\n this.decoPrice = {\r\n decoPrice: 0,\r\n namePrice: 0,\r\n numberPrice: 0,\r\n }\r\n // return\r\n } else {\r\n this.decoPrice = {\r\n decoPrice: 0,\r\n namePrice: 0,\r\n numberPrice: 0,\r\n }\r\n this.decoPriceLoading = true\r\n this.commonService.toggleLoading(true)\r\n this.sharedServices.getDecoPriceByProperties(data).subscribe(res => {\r\n this.decoPriceLoading = false\r\n this.commonService.toggleLoading(false)\r\n this.decoPrice = res.data\r\n })\r\n }\r\n }\r\n this.calculateTotalPrice()\r\n }\r\n\r\n createDecoPriceApiObj(count, itemValue, itemType, serviceId, colorIds) {\r\n return { count, itemValue, itemType, serviceId, colorIds }\r\n }\r\n\r\n isDecorated() {\r\n if (\r\n this.isPersonalized().isPersonalized ||\r\n this.purchaseType == 2\r\n ) {\r\n return true\r\n }\r\n return false\r\n }\r\n\r\n calculateTotalPrice() {\r\n // if (this.purchaseType == 3) {\r\n // this.decoPrice = {\r\n // namePrice: 0,\r\n // numberPrice: 0,\r\n // decoPrice: 0,\r\n // }\r\n // }\r\n let cartItemGrids = this.quantityGroup.controls.cartItemGrids;\r\n let totalPrice = 0\r\n for (let i = 0; i < cartItemGrids.value.length; i++) {\r\n if (!cartItemGrids.value[i].size || !cartItemGrids.value[i].quantity)\r\n continue\r\n let basePrice = this.getPriceBySize(cartItemGrids.value[i].size)\r\n let quantity = cartItemGrids.value[i].quantity\r\n let personalizationPrice = 0\r\n\r\n let nameCount=0\r\n let numberCount=0\r\n if(this.product?.productInfo?.personalizations){\r\n let pTypes = this.product.productInfo.personalizations.map(item => item.personalizedType);\r\n nameCount = pTypes.filter(personalizedType => personalizedType == 'Name').length;\r\n numberCount = pTypes.filter(personalizedType => personalizedType == 'Number').length;\r\n }\r\n if (cartItemGrids.value[i].personalizationType == 3 || cartItemGrids.value[i].personalizationType == 1) {\r\n cartItemGrids['controls'][i].get('personalizationNamePrice').setValue(quantity * this.decoPrice.namePrice)\r\n if(nameCount==0){\r\n nameCount=1\r\n }\r\n personalizationPrice += (quantity * (this.decoPrice.namePrice *nameCount))\r\n }\r\n if (cartItemGrids.value[i].personalizationType == 3 || cartItemGrids.value[i].personalizationType == 2) {\r\n cartItemGrids['controls'][i].get('personalizationNumberPrice').setValue(quantity * this.decoPrice.numberPrice)\r\n if(numberCount==0){\r\n numberCount=1\r\n }\r\n personalizationPrice += (quantity * (this.decoPrice.numberPrice *numberCount))\r\n }\r\n if (!cartItemGrids.value[i].personalizationType) {\r\n cartItemGrids['controls'][i].get('personalizationNamePrice').setValue(0)\r\n cartItemGrids['controls'][i].get('personalizationNumberPrice').setValue(0)\r\n }\r\n cartItemGrids['controls'][i].get('decoPrice').setValue(quantity * this.decoPrice.decoPrice)\r\n cartItemGrids['controls'][i].get('totalPrice').setValue(\r\n (quantity * (this.decoPrice.decoPrice + basePrice)) + personalizationPrice\r\n )\r\n totalPrice += ((quantity * (this.decoPrice.decoPrice + basePrice)) + personalizationPrice)\r\n }\r\n this.quantityGroup.get('totalPrice').setValue(totalPrice.toFixed(2))\r\n if (this.decoPrice)\r\n this.quantityGroup.get('decoPrice').setValue(this.decoPrice.decoPrice * this.quantityGroup.value.quantity)\r\n if(this.quantityGroup.value.quantity>0){\r\n this.unitPrice=(this.product?.productInfo?.variants[0].sizeVariants[0].sellingPrice + this.decoPrice?.decoPrice).toFixed(2)\r\n }else{\r\n this.unitPrice=0\r\n }\r\n return totalPrice.toFixed(2)\r\n }\r\n\r\n onDecoLocationChange(i, type) {\r\n if (type == 'deco') {\r\n this.decorationPropertiesForm.controls[i].patchValue({\r\n serviceId: '',\r\n sizeId: '',\r\n colorId: '',\r\n colorCount: '',\r\n })\r\n } else {\r\n this.personalizationPropertiesForm.controls[i].patchValue({\r\n serviceId: '',\r\n sizeId: '',\r\n colorId: '',\r\n fontId: '',\r\n serviceName:''\r\n })\r\n }\r\n }\r\n\r\n onDecoServiceChange(i, type) {\r\n if (type == 'deco') {\r\n this.decorationPropertiesForm.controls[i].patchValue({\r\n sizeId: '',\r\n colorId: '',\r\n colorCount: '',\r\n })\r\n } else {\r\n this.personalizationPropertiesForm.controls[i].patchValue({\r\n sizeId: '',\r\n colorId: '',\r\n fontId: '',\r\n serviceName:''\r\n })\r\n }\r\n }\r\n\r\n isDecoLocationSelected(id) {\r\n let usedPositions = []\r\n this.decorationPropertiesForm.controls.forEach(control => {\r\n if (control.value.positionId)\r\n usedPositions.push(control.value.positionId)\r\n })\r\n this.personalizationPropertiesForm.controls.forEach(control => {\r\n if (control.value.positionId)\r\n usedPositions.push(control.value.positionId)\r\n })\r\n return usedPositions.includes(id)\r\n }\r\n\r\n isNumber(event) {\r\n console.log(event)\r\n return false\r\n }\r\n\r\n isAlphabet() {\r\n\r\n return false\r\n }\r\n\r\n scrollToTop() {\r\n this.commonService.postScrollMessageToParent()\r\n }\r\n copyUrl(){\r\n // const parentURL =window.parent.location.href+\"&teamStoreId=\"+this.teamStoreId+\"&purchaseType=\"+this.purchaseType\r\n // clipboardy.write(parentURL);\r\n\r\n const currentUrl = this.router.url;\r\n let updatedUrl=''\r\n if(this.purchaseType==2){\r\n const queryParams = \"&isCopiedDesignedProductUrl=true\"+\"&teamStoreId=\"+this.teamStoreId+\"&purchaseType=\"+this.purchaseType;\r\n updatedUrl = currentUrl + queryParams;\r\n this.router.navigateByUrl(updatedUrl);\r\n }\r\n this.isCopied=true\r\n }\r\n}\r\n","\r\n
\r\n\r\n
\r\n\r\n Choose an option \r\n \r\n \r\n {{c.productName}} 
\r\n \r\n \r\n \r\n
\r\n \r\n
Select Garment:
\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 {{product?.productInfo?.description}}\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 {{ product?.productInfo?.displayName || product?.productInfo?.name }}\r\n {{\r\n product?.productInfo?.styleName\r\n ? \"(\" + product?.productInfo?.styleName.split(\",\")[0] + \")\"\r\n : \"\"\r\n }}\r\n
\r\n\r\n \r\n {{ product?.productInfo?.variants[0]?.name }}\r\n \r\n \r\n ${{\r\n purchaseType == 3\r\n ? product?.productInfo?.totalPrice\r\n : product?.productInfo?.variants[0].sizeVariants[0].sellingPrice\r\n }}\r\n \r\n
\r\n\r\n \r\n \r\n Loading...\r\n
\r\n \r\n {{\r\n purchaseType == 3\r\n ? \"Total $ \" + calculateTotalPrice()\r\n : isDecorated() && decoPrice\r\n ? \"Total $ \" + calculateTotalPrice()\r\n : isDecorated() == false\r\n ? \"Total $ \" + quantityGroup?.get(\"price\").value\r\n : \"Complete settings to view price\"\r\n }}\r\n
\r\n{{ \"Unit Price $ \" + unitPrice }}
\r\n \r\n\r\n
\r\n \r\n\r\n\r\n\r\n\r\n View Size Chart \r\n
\r\n \r\n Add\r\n {{ personalizeValue ? \"personalization details and \" : \"\" }} quantity\r\n below\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 Decoration Properties\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 Service \r\n \r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n Color \r\n \r\n \r\n \r\n {{ color.name }}\r\n
\r\n \r\n \r\n Color Count \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 ![\"\"](\"../../../assets/icon/Sucess.png\")
\r\n
\r\n \r\n Success!
\r\n\r\n
\r\n \r\n \r\n Your order has been placed and is being processed.
\r\n\r\n
\r\n \r\n\r\n
\r\n \r\n ![\"\"](\"../../../assets/icon/Oh-Snap.png\")
\r\n
\r\n \r\n Oh Snap!
\r\n\r\n \r\n
\r\n \r\n {{this.data?.text}}
\r\nSorry we were unable to process your order. Please confirm your details and try again, you may need a different form of payment.
\r\n\r\n
\r\n ","import { Component, DebugEventListener, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\nimport Swal from 'sweetalert2';\r\n\r\n@Component({\r\n selector: 'app-cart',\r\n templateUrl: './cart.component.html',\r\n styleUrls: ['./cart.component.scss']\r\n})\r\nexport class CartComponent implements OnInit {\r\n\r\n cartItems: any;\r\n cartGridItems: any[] = [];\r\n totalAmount: any = 0;\r\n totalNumberOfProducts: number = 0;\r\n noImagePlaceholder = \"../../../../assets/images/default-image.jpg\"\r\n\r\n constructor(\r\n private route: ActivatedRoute,\r\n private storeService: StoreService,\r\n private commonService: CommonService\r\n ) { }\r\n\r\n ngOnInit() {\r\n let userId = this.route.snapshot.params['userId']\r\n console.log(userId); \r\n this.getCartList(userId);\r\n }\r\n\r\n getCartList(userId) {\r\n this.storeService.getCartListByUserId(userId).subscribe(response => {\r\n this.cartItems = response.data;\r\n this.cartItems.cartItemsInfo = this.cartItems.cartItemsInfo.map(v => Object.assign(v, { selected: true }))\r\n this.totalAmount = this.calculateTotalAmount(this.cartItems.cartItemsInfo);\r\n this.commonService.postHeightToParent(\"medium\")\r\n window.top.postMessage(\"cart count-\" + this.cartItems.cartTotal, \"*\");\r\n },\r\n error => {\r\n this.cartItems = {};\r\n this.cartItems.cartItemsInfo = [];\r\n this.totalAmount = 0;\r\n this.commonService.postHeightToParent(\"medium\")\r\n });\r\n }\r\n\r\n calculateTotalAmount(cartItemsInfo) {\r\n let totalAmount = 0;\r\n cartItemsInfo.forEach(item => {\r\n totalAmount += item.totalPrice;\r\n });\r\n return totalAmount.toFixed(2);\r\n }\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { Routes, RouterModule } from '@angular/router';\r\n\r\n\r\nconst routes: Routes = [];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(routes)],\r\n exports: [RouterModule]\r\n})\r\nexport class SharedRoutingModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\n\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { MatLegacyCardModule as MatCardModule } from '@angular/material/legacy-card';\r\nimport { MatLegacyTableModule as MatTableModule } from '@angular/material/legacy-table';\r\nimport { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';\r\nimport { MatDatepickerModule } from '@angular/material/datepicker';\r\nimport { MatLegacyCheckboxModule as MatCheckboxModule } from '@angular/material/legacy-checkbox';\r\nimport { MatNativeDateModule } from '@angular/material/core';\r\nimport { MatLegacyPaginatorModule as MatPaginatorModule } from '@angular/material/legacy-paginator';\r\nimport { MatSortModule } from '@angular/material/sort';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatGridListModule } from '@angular/material/grid-list';\r\nimport { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';\r\nimport { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';\r\nimport { MatSidenavModule } from '@angular/material/sidenav';\r\nimport { MatLegacyRadioModule as MatRadioModule } from '@angular/material/legacy-radio';\r\nimport { MatLegacyListModule as MatListModule } from '@angular/material/legacy-list';\r\nimport { MatLegacySlideToggleModule as MatSlideToggleModule } from '@angular/material/legacy-slide-toggle';\r\nimport { MatLegacyAutocompleteModule as MatAutocompleteModule } from \"@angular/material/legacy-autocomplete\";\r\nimport { MatLegacySliderModule as MatSliderModule } from '@angular/material/legacy-slider';\r\nimport { MatExpansionModule } from '@angular/material/expansion';\r\nimport { MatLegacyFormFieldModule as MatFormFieldModule } from '@angular/material/legacy-form-field';\r\nimport { MatLegacyChipsModule as MatChipsModule } from '@angular/material/legacy-chips';\r\nimport { MatLegacyTooltipModule as MatTooltipModule } from '@angular/material/legacy-tooltip';\r\n\r\nimport { ColorPickerModule } from 'ngx-color-picker';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { NgxMaterialTimepickerModule } from 'ngx-material-timepicker';\r\n\r\nimport { SharedRoutingModule } from './shared-routing.module';\r\n\r\nimport { DesignerComponent } from './designer/designer.component';\r\nimport { Layout1Component } from './layoutComponents/layout1/layout1.component';\r\nimport { Layout2Component } from './layoutComponents/layout2/layout2.component';\r\nimport { Layout1Component as Layout1ComponentPreview } from './layoutComponentsPreview/layout1/layout1.component';\r\nimport { Layout2Component as Layout2ComponentPreview } from './layoutComponentsPreview/layout2/layout2.component';\r\nimport { ViewLayout1Component } from './viewStoreComponents/view-layout1/view-layout1.component';\r\nimport { ViewLayout2Component } from './viewStoreComponents/view-layout2/view-layout2.component';\r\nimport { ProductSelectionComponent } from './product-selection/product-selection.component';\r\nimport { StoreListComponent } from './store-list/store-list.component';\r\nimport { ViewStoreComponent } from './view-store/view-store.component';\r\n\r\n\r\nimport { StoreDetailsComponent } from './store-details/store-details.component';\r\nimport { ProductListingComponent } from './store-details/product-listing/product-listing.component'\r\nimport { ActiveArtComponent } from './store-details/active-art/active-art.component';\r\nimport { ReviewProductsComponent } from './store-details/review-products/review-products.component';\r\nimport { CouponsDiscountsComponent } from './store-details/coupons-discounts/coupons-discounts.component';\r\nimport { StoreStyleEditorComponent } from './store-details/store-style-editor/store-style-editor.component';\r\nimport { StoreLayoutComponent } from './store-details/store-layout/store-layout.component';\r\nimport { StoreSummaryComponent } from './store-details/store-summary/store-summary.component';\r\nimport { StoreProductCategoriesComponent } from './store-details/store-product-categories/store-product-categories.component';\r\n\r\nimport { StoreSettingsComponent } from './store-settings/store-settings.component';\r\nimport { StoreNameComponent } from './store-settings/store-name/store-name.component';\r\nimport { PrivacySettingsComponent } from './store-settings/privacy-settings/privacy-settings.component';\r\nimport { SocialMediaComponent } from './store-settings/social-media/social-media.component';\r\nimport { StoreContactComponent } from './store-settings/store-contact/store-contact.component';\r\nimport { StoreNotificationsComponent } from './store-settings/store-notifications/store-notifications.component';\r\nimport { StoreCommissionComponent } from './store-settings/store-commission/store-commission.component';\r\nimport { StoreProductdisplayComponent } from './store-settings/store-productdisplay/store-productdisplay.component';\r\nimport { StoreBrandingComponent } from './store-settings/store-branding/store-branding.component';\r\nimport { StoreDomainComponent } from './store-settings/store-domain/store-domain.component';\r\nimport { StoreDeveloperComponent } from './store-settings/store-developer/store-developer.component';\r\nimport { StoreClosedPageComponent } from './store-settings/store-closed-page/store-closed-page.component';\r\nimport { ShippingMethodsComponent } from './store-settings/shipping-methods/shipping-methods.component';\r\nimport { CheckoutSettingsComponent } from './store-settings/checkout-settings/checkout-settings.component';\r\nimport { SeoSettingsComponent } from './store-settings/seo-settings/seo-settings.component';\r\nimport { DeveloperSettingsComponent } from './store-settings/developer-settings/developer-settings.component';\r\nimport { StorePickupComponent } from './store-settings/store-pickup/store-pickup.component';\r\nimport { ProductionScheduleComponent } from './store-settings/production-schedule/production-schedule.component';\r\nimport { StorePoliciesComponent } from './store-settings/store-policies/store-policies.component';\r\nimport { CustomOrderFieldsComponent } from './store-settings/custom-order-fields/custom-order-fields.component';\r\nimport { DesignerSettingsComponent } from './store-settings/designer-settings/designer-settings.component';\r\nimport { CountDownTimerComponent } from './count-down-timer/count-down-timer.component';\r\n\r\nimport { ProductViewComponent } from './product-view/product-view.component';\r\nimport { CartComponent } from './cart/cart.component';\r\nimport { CheckoutComponent } from './checkout/checkout.component';\r\nimport { VerifyArtComponent } from './verify-art/verify-art.component';\r\nimport { VerifyTeamstoreComponent } from './verify-teamstore/verify-teamstore.component';\r\nimport { VerifyUserComponent } from './verify-user/verify-user.component';\r\nimport { QuillModule } from 'ngx-quill-v2';\r\nimport { VerifyArtDetailComponent } from './verify-art-detail/verify-art-detail.component';\r\nimport { NgxMatDatetimePickerModule, NgxMatTimepickerModule } from '@angular-material-components/datetime-picker';\r\nimport { ViewArtComponent } from './view-art/view-art.component';\r\nimport { LayoutForScreenCaptureComponent } from './layoutComponentsPreview/layout-for-screen-capture/layout-for-screen-capture.component';\r\nimport { ResponseWindowComponent } from './response-window/response-window.component';\r\nimport { OrderDetailsComponent } from './order-details/order-details.component';\r\nimport { NanFormComponent } from './nan-form/nan-form.component';\r\nimport { PdfModalComponent } from './pdf-modal/pdf-modal.component';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { WebOrderDetailsComponent } from './web-order-details/web-order-details.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n DesignerComponent,\r\n Layout1Component,\r\n Layout2Component,\r\n Layout1ComponentPreview,\r\n Layout2ComponentPreview,\r\n ViewLayout1Component,\r\n ViewLayout2Component,\r\n ProductSelectionComponent,\r\n StoreListComponent,\r\n ViewStoreComponent,\r\n\r\n StoreDetailsComponent,\r\n ProductListingComponent,\r\n ActiveArtComponent,\r\n ReviewProductsComponent,\r\n CouponsDiscountsComponent,\r\n StoreLayoutComponent,\r\n StoreSummaryComponent,\r\n StoreProductCategoriesComponent,\r\n StoreStyleEditorComponent,\r\n LayoutForScreenCaptureComponent,\r\n StoreSettingsComponent,\r\n StoreNameComponent,\r\n PrivacySettingsComponent,\r\n SocialMediaComponent,\r\n StoreNotificationsComponent,\r\n StoreCommissionComponent,\r\n StoreContactComponent,\r\n StoreNotificationsComponent,\r\n StoreProductdisplayComponent,\r\n StoreClosedPageComponent,\r\n ShippingMethodsComponent,\r\n StoreBrandingComponent,\r\n StoreDomainComponent,\r\n StoreDeveloperComponent,\r\n StoreClosedPageComponent,\r\n CheckoutSettingsComponent,\r\n SeoSettingsComponent,\r\n DeveloperSettingsComponent,\r\n StorePickupComponent,\r\n ProductionScheduleComponent,\r\n StorePoliciesComponent,\r\n DesignerComponent,\r\n CustomOrderFieldsComponent,\r\n DesignerSettingsComponent,\r\n CountDownTimerComponent,\r\n\r\n ProductViewComponent,\r\n CartComponent,\r\n CheckoutComponent,\r\n VerifyArtComponent,\r\n VerifyTeamstoreComponent,\r\n VerifyUserComponent,\r\n CountDownTimerComponent,\r\n VerifyArtDetailComponent,\r\n ViewArtComponent,\r\n ResponseWindowComponent,\r\n OrderDetailsComponent,\r\n NanFormComponent,\r\n PdfModalComponent,\r\n WebOrderDetailsComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n SharedRoutingModule,\r\n ReactiveFormsModule,\r\n\r\n MatToolbarModule,\r\n MatCardModule,\r\n MatTableModule,\r\n MatSortModule,\r\n MatInputModule,\r\n MatDatepickerModule,\r\n MatNativeDateModule,\r\n MatIconModule,\r\n MatGridListModule,\r\n MatRadioModule,\r\n MatSelectModule,\r\n MatButtonModule,\r\n MatCheckboxModule,\r\n MatSidenavModule,\r\n MatListModule,\r\n MatSlideToggleModule,\r\n MatPaginatorModule,\r\n MatAutocompleteModule,\r\n MatSliderModule,\r\n MatExpansionModule,\r\n MatFormFieldModule,\r\n MatChipsModule,\r\n MatTooltipModule,\r\n QuillModule,\r\n\r\n ColorPickerModule,\r\n DragDropModule,\r\n NgxMaterialTimepickerModule,\r\n NgxMatDatetimePickerModule,\r\n NgxMatTimepickerModule,\r\n MatDialogModule,\r\n ],\r\n exports: [\r\n CommonModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n\r\n MatToolbarModule,\r\n MatCardModule,\r\n MatTableModule,\r\n MatSortModule,\r\n MatInputModule,\r\n MatDatepickerModule,\r\n MatNativeDateModule,\r\n MatIconModule,\r\n MatGridListModule,\r\n MatRadioModule,\r\n MatSelectModule,\r\n MatButtonModule,\r\n MatCheckboxModule,\r\n MatSidenavModule,\r\n MatListModule,\r\n MatSlideToggleModule,\r\n MatPaginatorModule,\r\n MatAutocompleteModule,\r\n MatChipsModule,\r\n QuillModule,\r\n\r\n ColorPickerModule,\r\n DragDropModule,\r\n NgxMaterialTimepickerModule,\r\n QuillModule,\r\n\r\n\r\n DesignerComponent,\r\n Layout1Component,\r\n Layout2Component,\r\n Layout1ComponentPreview,\r\n Layout2ComponentPreview,\r\n ViewLayout1Component,\r\n ViewLayout2Component,\r\n ProductSelectionComponent,\r\n StoreListComponent,\r\n ViewStoreComponent,\r\n\r\n StoreDetailsComponent,\r\n ProductListingComponent,\r\n ActiveArtComponent,\r\n ReviewProductsComponent,\r\n CouponsDiscountsComponent,\r\n StoreLayoutComponent,\r\n StoreSummaryComponent,\r\n StoreProductCategoriesComponent,\r\n StoreStyleEditorComponent,\r\n\r\n StoreSettingsComponent,\r\n StoreNameComponent,\r\n PrivacySettingsComponent,\r\n SocialMediaComponent,\r\n StoreNotificationsComponent,\r\n StoreCommissionComponent,\r\n StoreContactComponent,\r\n StoreNotificationsComponent,\r\n StoreProductdisplayComponent,\r\n StoreClosedPageComponent,\r\n ShippingMethodsComponent,\r\n StoreBrandingComponent,\r\n StoreDomainComponent,\r\n StoreDeveloperComponent,\r\n StoreClosedPageComponent,\r\n CheckoutSettingsComponent,\r\n SeoSettingsComponent,\r\n DeveloperSettingsComponent,\r\n StorePickupComponent,\r\n ProductionScheduleComponent,\r\n StorePoliciesComponent,\r\n DesignerComponent,\r\n CustomOrderFieldsComponent,\r\n DesignerSettingsComponent,\r\n CountDownTimerComponent,\r\n\r\n ProductViewComponent,\r\n CartComponent,\r\n CheckoutComponent\r\n ]\r\n})\r\nexport class SharedModule { }\r\n","\r\n
\r\n \r\n YOUR CART
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {{product?.displayName ? product?.displayName : product?.productName}}\r\n
\r\n\r\n {{product?.styleName || \"\"}}\r\n
\r\n\r\n {{product?.teamStoreId ? \"Store Order (\" + (product?.teamStoreName || \" - \") + \")\" : \"Web Order\"}}\r\n
\r\n| Color : | \r\n{{product?.cartItemGrids[0]?.color}} | \r\n|
|---|---|---|
| Sizes : | \r\n\r\n 0\" class=\"w-100 p-1\">{{p.size}} \r\n | \r\n \r\n 0\" class=\"w-100 p-1\">({{p.quantity}}) \r\n | \r\n
| \r\n Total Quantity :\r\n | \r\n\r\n {{product.quantity}}\r\n | \r\n|
| \r\n Total Price :\r\n | \r\n\r\n ${{product.totalPrice}}\r\n | \r\n
\r\n
\r\n\r\n\r\n\r\n","// import { stringify } from '@angular/compiler/src/util';\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoredetailsService } from 'src/app/core/services/storedetails.service';\r\n\r\ndeclare var $: any;\r\n\r\n@Component({\r\n selector: 'app-active-art',\r\n templateUrl: './active-art.component.html',\r\n styleUrls: ['./active-art.component.scss']\r\n})\r\nexport class ActiveArtComponent implements OnInit {\r\n\r\n artList: string[] = [];\r\n teamStoreId: any;\r\n constructor(private storeDetailsService: StoredetailsService,\r\n private route: ActivatedRoute,\r\n private commonService: CommonService) { }\r\n\r\n ngOnInit () {\r\n this.teamStoreId = parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.getArtList();\r\n }\r\n\r\n getArtList () {\r\n this.storeDetailsService.getStoreArtList(this.teamStoreId).subscribe((response) => {\r\n var artList = response.data;\r\n this.artList = artList.filter(function (item, pos) {\r\n return artList.indexOf(item) == pos;\r\n });\r\n });\r\n }\r\n\r\n // addArt(){\r\n // var url : string = $('#addArt').val();\r\n // this.storeDetailsService.addArtLink(url,this.teamStoreId).subscribe((response) => {\r\n // if(response.status==1){\r\n // this.commonService.openSuccessSnackBar(response.message,'');\r\n // this.artList.push(url);\r\n // $('#addArtModal').modal('toggle');\r\n // }\r\n // else{\r\n // this.commonService.openErrorSnackBar(response.message,'');\r\n // }\r\n // });\r\n // }\r\n\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'app-coupons-discounts',\r\n templateUrl: './coupons-discounts.component.html',\r\n styleUrls: ['./coupons-discounts.component.scss']\r\n})\r\nexport class CouponsDiscountsComponent implements OnInit {\r\n\r\n isCouponListHidden: boolean;\r\n isCouponCreateHidden: boolean;\r\n panelOpenState : boolean;\r\n\r\n generalGroup: UntypedFormGroup;\r\n constructor(private formBuilder: UntypedFormBuilder) { }\r\n\r\n ngOnInit() {\r\n this.changeCouponVisibility(true);\r\n this.panelOpenState= false;\r\n\r\n this.generalGroup= this.formBuilder.group({\r\n effectiveDate: new UntypedFormControl(''),\r\n expirationDate: new UntypedFormControl('')\r\n });\r\n }\r\n\r\n changeCouponVisibility(value: boolean){\r\n this.isCouponCreateHidden= value;\r\n this.isCouponListHidden= !value;\r\n }\r\n}\r\n","Active Art ({{ artList.length }})
\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\nCOUPONS AND DISCOUNTS
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n Status \r\n \r\n Option 1 \r\n Option 2 \r\n Option 3 \r\n \r\n \r\n
\r\n\r\n \r\n Customer Name \r\n \r\n \r\n
\r\n\r\n \r\n Coupon Code \r\n \r\n Option 1 \r\n Option 2 \r\n Option 3 \r\n \r\n \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n| CUSTOMER NAME | \r\nCOUPON CODE | \r\nCOUPON AMOUNT | \r\nAMOUNT USED | \r\nCREATED ON | \r\nENABLED | \r\n
|---|---|---|---|---|---|
| \r\n No Records to Display\r\n | \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n General\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Minimum and Maximum\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Apply To\r\n \r\n \r\n \r\n \r\n \r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\nimport { StoredetailsService } from 'src/app/core/services/storedetails.service';\r\n\r\n@Component({\r\n selector: 'app-product-listing',\r\n templateUrl: './product-listing.component.html',\r\n styleUrls: ['./product-listing.component.scss']\r\n})\r\nexport class ProductListingComponent implements OnInit {\r\n\r\n teamStoreId: number;\r\n productList: any = []\r\n filterFormGroup:UntypedFormGroup;\r\n\r\n constructor(\r\n private storeDetailsService: StoredetailsService,\r\n private route: ActivatedRoute,\r\n private commonService: CommonService,\r\n private router: Router,\r\n private formBuilder : UntypedFormBuilder,\r\n private storeService: StoreService) { }\r\n\r\n ngOnInit () {\r\n this.teamStoreId = parseInt(localStorage.getItem(\"teamStoreId\"));\r\n localStorage.setItem(\"teamStoreId\", this.teamStoreId.toString());\r\n this.getProductList();\r\n this.createFilterFormGroup();\r\n }\r\n\r\n getProductList () {\r\n this.storeDetailsService.getStoreSpreadsheetList(this.teamStoreId).subscribe((response) => {\r\n this.productList = response;\r\n });\r\n }\r\n\r\n updateProductListing () {\r\n console.log(this.productList)\r\n\r\n this.storeDetailsService.updateStoreProductListing(this.teamStoreId, this.productList).subscribe(\r\n (response) => {\r\n if (response.status == 1) {\r\n this.commonService.openSuccessSnackBar(response.message, \"\");\r\n\r\n } else {\r\n this.commonService.openErrorSnackBar(response.message, \"\");\r\n }\r\n },\r\n (error) => {\r\n console.log(error);\r\n // this.storeRequestForm.controls['printColorsRequested'].setValue(colorList);\r\n }\r\n );\r\n }\r\n goBackToProductSelection (redirectionUrl) {\r\n var baseUrl = this.router.url;\r\n var url = this.commonService.createUrl(baseUrl, redirectionUrl, 3);\r\n this.router.navigateByUrl(url);\r\n }\r\n\r\n createFilterFormGroup(){\r\n this.filterFormGroup = this.formBuilder.group({\r\n name: new UntypedFormControl('')\r\n });\r\n }\r\n\r\n filter(){\r\n var name = this.filterFormGroup.get('name').value;\r\n this.storeService.getFilteredProductList(this.teamStoreId,name).subscribe(\r\n (response) => {\r\n this.productList = response.body;\r\n },\r\n (error) => {\r\n this.commonService.openErrorSnackBar(error.message, \"\");\r\n }\r\n );\r\n }\r\n\r\n clearFilters(){\r\n this.getProductList();\r\n this.filterFormGroup.get('name').setValue('');\r\n }\r\n\r\n\r\n\r\n}\r\n","MANAGE DISCOUNTS
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup } from '@angular/forms';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\nimport { StoreCartService } from 'src/app/core/services/storeCart.service';\r\n\r\n@Component({\r\n selector: 'app-review-products',\r\n templateUrl: './review-products.component.html',\r\n styleUrls: ['./review-products.component.scss']\r\n})\r\nexport class ReviewProductsComponent implements OnInit {\r\n\r\n teamStoreId: number;\r\n optionalParams: any={};\r\n storeProductsObj: any={};\r\n storeProducts: any[]=[];\r\n filterFormGroup:UntypedFormGroup;\r\n\r\n constructor(private storeCartService: StoreCartService,\r\n private commonService: CommonService,\r\n private formBuilder : UntypedFormBuilder,\r\n private storeService: StoreService) { }\r\n\r\n ngOnInit() {\r\n this.teamStoreId= parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.getTeamStoreProducts();\r\n this.createFilterFormGroup();\r\n }\r\n\r\n\r\n getTeamStoreProducts(){\r\n this.storeCartService.getTeamStoreProducts(this.teamStoreId).subscribe(\r\n (response) => {\r\n this.storeProducts= response.data;\r\n console.log(this.storeProducts);\r\n },\r\n (error) => {\r\n console.log(error);\r\n\r\n }\r\n );\r\n }\r\n\r\n createFilterFormGroup(){\r\n this.filterFormGroup = this.formBuilder.group({\r\n name: new UntypedFormControl('')\r\n });\r\n }\r\n\r\n filter(){\r\n var name = this.filterFormGroup.get('name').value;\r\n this.storeCartService.getTeamStoreProducts(this.teamStoreId,name).subscribe(\r\n (response) => {\r\n this.storeProducts = response.data;\r\n },\r\n (error) => {\r\n this.commonService.openErrorSnackBar(error.message, \"\");\r\n }\r\n );\r\n }\r\n\r\n clearFilters(){\r\n this.getTeamStoreProducts();\r\n this.filterFormGroup.get('name').setValue('');\r\n }\r\n\r\n}\r\n","\r\n
\r\n Store Product Listing
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n| Style No. | \r\n\r\n | Active | \r\nProduct Name | \r\nProduct Description | \r\nIs Designed | \r\n \r\n \r\nFundraising Amount | \r\nFundraising % | \r\nTotal Price | \r\n
|---|---|---|---|---|---|---|---|---|
| \r\n {{product.product.styleName}}\r\n | \r\n\r\n | \r\n \r\n \r\n\r\n | \r\n\r\n {{ product.product.name }} | \r\n{{ product.product.description.length>200 ? (product.product.description | slice:0:200)+'...' : product.product.description}} | \r\n \r\n\r\n ![](\"../../../../../assets/images/checked.png\") \r\n ![](\"../../../../../assets/images/close.png\") \r\n | \r\n \r\n \r\n ${{ product.fundraiserAmount | number:'1.2-2' }} | \r\n{{ product.fundraiserPercentage }}% | \r\n${{ product.total | number:'1.2-2'}} | \r\n
REVIEW PRODUCTS
\r\n\r\n \r\n
\r\n\r\n
\r\n","import { Component, OnInit } from \"@angular/core\";\r\nimport { ActivatedRoute, Router } from \"@angular/router\";\r\nimport { CommonService } from \"src/app/core/services/common.service\";\r\nimport { StorebuilderService } from \"src/app/core/services/storebuilder.service\";\r\n\r\n@Component({\r\n selector: \"app-store-details\",\r\n templateUrl: \"./store-details.component.html\",\r\n styleUrls: [\"./store-details.component.scss\"],\r\n})\r\nexport class StoreDetailsComponent implements OnInit {\r\n\r\n teamStoreId : number;\r\n teamStoreName : string;\r\n\r\n constructor(\r\n private route: ActivatedRoute,\r\n private router: Router,\r\n private commonService : CommonService,\r\n private storeBuilderService : StorebuilderService\r\n ) { }\r\n\r\n ngOnInit () {\r\n this.teamStoreId = parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.getTeamStore(this.teamStoreId);\r\n }\r\n\r\n getTeamStore (teamStoreId) {\r\n this.storeBuilderService.getTeamStore(teamStoreId).subscribe((response) => {\r\n this.teamStoreName = response.data.name;\r\n });\r\n }\r\n\r\n redirect(redirectionUrl:string, header: string){\r\n let baseUrl = this.router.url;\r\n let url = this.commonService.createUrl(baseUrl,redirectionUrl,1); \r\n this.commonService.setPageHeader(this.teamStoreName + ' - ' + header);\r\n this.router.navigateByUrl(url);\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n
\r\n {{item.name}}
\r\n\r\n
\r\n \r\n \r\n ![](\"{{imageUrl}}\")
![]()
\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
\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 ![](\"../../../../assets/images/shirt.png\")
\r\n
\r\n \r\n \r\n ![](\"../../../../assets/images/category-icon.png\")
\r\n
\r\n \r\n \r\n ![](\"../../../../assets/images/canvas.png\")
\r\n
\r\n \r\n \r\n \r\n ![](\"../../../../assets/images/checklist.png\")
\r\n
\r\n \r\n \r\n \r\n ![](\"../../../../assets/images/Group)
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n ![](\"../../../../assets/images/up-arro.png\")
\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 Layout Not Found
\r\n\r\n Loading...\r\n
\r\n \r\n
\r\n\r\nProduct Categories
\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 {{ item.categoryName }}
\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 Edit
\r\n \r\n\r\n
\r\n \r\n \r\n Category Name \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 {{ item.product.displayName ? item.product.displayName : item.product.name }}\r\n {{ item.color ? \" (\" + item.color + \")\" : \"\" }}\r\n
\r\n \r\n ![\"{{item?.product?.displayName](\"{{item?.product?.images[0]?.src}}\")
\r\n
\r\n \r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StorebuilderService } from 'src/app/core/services/storebuilder.service';\r\nimport { StoredetailsService } from 'src/app/core/services/storedetails.service';\r\nimport { environment } from 'src/environments/environment';\r\n// import { NavigationStart } from '@angular/router';\r\n// import 'rxjs/add/operator/filter';\r\n// import Swal from 'sweetalert2'\r\n@Component({\r\n selector: 'app-store-style-editor',\r\n templateUrl: './store-style-editor.component.html',\r\n styleUrls: ['./store-style-editor.component.scss']\r\n})\r\nexport class StoreStyleEditorComponent implements OnInit {\r\n\r\n teamStoreId: any;\r\n array: any;\r\n selectedComponent: any;\r\n layoutData: any = {};\r\n logoHeight: any = 100;\r\n teamStoreData: any = {};\r\n private wpUrl = `${environment.wpUrl}`;\r\n\r\n constructor(\r\n private storeDetailsService: StoredetailsService,\r\n private storeBuilderService: StorebuilderService,\r\n private commonService: CommonService,\r\n private router: Router\r\n ) {\r\n // router.events\r\n // .filter(event => event instanceof NavigationStart)\r\n // .subscribe((event:NavigationStart) => {\r\n // Swal.fire({\r\n // html: '\r\n \r\n
\r\nDo you want to save the changes done , otherwise data will be lost!
',\r\n // showCancelButton: true,\r\n // confirmButtonText: 'Yes',\r\n // }).then((result) => {\r\n // if (result.isConfirmed) {\r\n // } else {\r\n\r\n // }\r\n // })\r\n // });\r\n }\r\n \r\n\r\n ngOnInit () {\r\n this.array = [{ \"id\": 1, \"imageSrc\": \"../../../../assets/images/3_in_a_row.svg\", \"componentId\": 1, \"componentName\": \"3 in a row\" },\r\n { \"id\": 2, \"imageSrc\": \"../../../../assets/images/4_in_a_row.svg\", \"componentId\": 2, \"componentName\": \"4 in a row\" }];\r\n\r\n this.teamStoreId = parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.getLayoutSettings();\r\n this.setLayoutData(null);\r\n this.getTeamStore(this.teamStoreId);\r\n }\r\n\r\n switchNav () {\r\n if (document.getElementById(\"mySidenav\").style.width == \"350px\") {\r\n document.getElementById(\"mySidenav\").style.width = \"0\";\r\n }\r\n else {\r\n document.getElementById(\"mySidenav\").style.width = \"350px\";\r\n }\r\n }\r\n\r\n componentSelected (option) {\r\n this.selectedComponent = option.componentId;\r\n this.switchNav();\r\n }\r\n\r\n logoSelected (file) {\r\n let formData = new FormData();\r\n formData.append(\"file\", file.item(0));\r\n this.storeDetailsService.uploadImage(formData)\r\n .subscribe(\r\n (response) => {\r\n this.layoutData.header.logoUrl = response.data;\r\n },\r\n (error) => {\r\n }\r\n );\r\n }\r\n\r\n getLayoutSettings () {\r\n this.storeDetailsService.getLayoutSettings(this.teamStoreId).subscribe((response) => {\r\n this.setLayoutData(response.data);\r\n },\r\n (error) => {\r\n this.setLayoutData(null);\r\n });\r\n }\r\n\r\n setLayoutData (data) {\r\n if (data) {\r\n this.selectedComponent = data.layout.componentId;\r\n this.layoutData = JSON.parse(data.style);\r\n this.layoutData[\"closeDate\"] = data.closeDate\r\n this.layoutData[\"disclaimer\"] = data.disclaimer\r\n } else {\r\n this.selectedComponent = this.array[0].componentId;\r\n this.layoutData = {\r\n componentId: 1,\r\n storeId: 38,\r\n header: {\r\n backgroundColor: \"#FFFFFF\",\r\n fontColor: \"#000000\",\r\n showHomeLink: true,\r\n showProductsLink: true,\r\n showStoreLink: true,\r\n showContactLink: true,\r\n logoUrl: this.teamStoreData.logo || \"\",\r\n logoHeight: \"100px\"\r\n },\r\n banner:{\r\n backgroundColor: \"#000000\",\r\n fontColor: \"#FFFFFF\",\r\n },\r\n timer: {\r\n backgroundColor: \"#000000\",\r\n fontColor: \"#FFFFFF\"\r\n },\r\n layout: {\r\n backgroundColor: \"#FFFFFF\",\r\n fontColor: \"#000000\",\r\n displayColor: true,\r\n displayPrice: true\r\n },\r\n footer: {\r\n backgroundColor: \"#000000\",\r\n fontColor: \"#FFFFFF\",\r\n showHomeLink: true,\r\n showProductCatalogsLink: true\r\n }\r\n }\r\n }\r\n if(!this.layoutData.banner){\r\n this.layoutData['banner']={\r\n backgroundColor: \"#000000\",\r\n fontColor: \"#FFFFFF\",\r\n }\r\n }\r\n this.logoHeight = this.layoutData.header.logoHeight.replace(\"px\", \"\");\r\n }\r\n\r\n saveLayoutSettings () {\r\n let object = {\r\n layoutId: this.selectedComponent,\r\n style: JSON.stringify(this.layoutData),\r\n }\r\n\r\n this.storeDetailsService.updateLayoutSettings(object, this.teamStoreId).subscribe((response) => {\r\n let result = response;\r\n if (result.status == 1) {\r\n this.commonService.openSuccessSnackBar('Layout updated successfully', '');\r\n }\r\n },\r\n (error) => {\r\n });\r\n }\r\n\r\n heightChanged () {\r\n this.layoutData.header.logoHeight = this.logoHeight + \"px\";\r\n }\r\n\r\n getTeamStore (teamStoreId) {\r\n this.storeBuilderService.getTeamStore(teamStoreId).subscribe(response => {\r\n this.teamStoreData = response.data;\r\n if(!this.layoutData.closeDate){\r\n this.layoutData['closeDate'] = this.teamStoreData.closeDate\r\n }\r\n if(!this.layoutData.header.logoUrl)\r\n this.layoutData.header.logoUrl = this.teamStoreData.logo\r\n },\r\n error => {\r\n this.commonService.openErrorSnackBar(error.message, \"\");\r\n });\r\n }\r\n\r\n\r\n eventHandler (eventType) {\r\n // console.log(eventType);\r\n switch (eventType.type) {\r\n case 'home':\r\n window.location.href = this.wpUrl;\r\n break;\r\n case 'productList':\r\n window.location.href = this.wpUrl + 'product-list';\r\n break;\r\n case 'productSelected':\r\n localStorage.setItem('teamStoreId', this.teamStoreId);\r\n this.router.navigateByUrl('/enduser/buyfromlivestore/productview/' + eventType.value);\r\n default:\r\n break;\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 Style
\r\n\r\n
\r\n \r\n
\r\nBackground Color \r\n \r\n
\r\n
\r\nFont Color \r\n \r\n
\r\n \r\n
\r\nBackground Color \r\n \r\n
\r\n
\r\nFont Color \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\nBackground Color \r\n \r\n
\r\n
\r\nFont Color \r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\nHeader Color \r\n \r\n
\r\n
\r\nFont Color \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\nFooter Color \r\n \r\n
\r\n
\r\nFont Color \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","import { Component, OnInit } from '@angular/core';\r\nimport { StorebuilderService } from 'src/app/core/services/storebuilder.service';\r\nimport { StoreService } from 'src/app/core/services/store.service'\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { Router } from '@angular/router';\r\nimport { environment } from 'src/environments/environment';\r\nimport Swal from 'sweetalert2';\r\nimport { UntypedFormControl, Validators } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'app-store-summary',\r\n templateUrl: './store-summary.component.html',\r\n styleUrls: ['./store-summary.component.scss']\r\n})\r\nexport class StoreSummaryComponent implements OnInit {\r\n\r\n constructor(\r\n private storeBuilderService: StorebuilderService,\r\n private storeService: StoreService,\r\n private commonService: CommonService,\r\n private router: Router,\r\n ) { }\r\n\r\n storeId: number\r\n name: string = \"\"\r\n contactName: string = \"\"\r\n urlPattern = \"^[A-Za-z0-9_-]+$\";\r\n storeUrl = new UntypedFormControl(\"\",[Validators.required, Validators.pattern(this.urlPattern)])\r\n createdBy: string = \"\"\r\n customerNotes: string = \"\"\r\n baseUrl = \"\"\r\n isUrlValid = false\r\n urlValidated = true\r\n stage\r\n hasLayoutDesign = false\r\n ngOnInit () {\r\n this.storeId = parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.getSummary()\r\n this.baseUrl = environment.wpUrl + \"store/?storeName=\"\r\n }\r\n\r\n getSummary () {\r\n this.storeBuilderService.getTeamStore(this.storeId).subscribe(response => {\r\n this.name = response.data.name;\r\n this.contactName = response.data.contactName;\r\n this.storeUrl.setValue(response.data.storeUrl);\r\n this.createdBy = response.data.createdBy.name;\r\n this.customerNotes = response.data.customerNotes;\r\n this.stage = response.data.stage\r\n this.hasLayoutDesign = response.data.hasLayoutDesign\r\n this.checkLayout()\r\n // if (response.data.storeUrl == '' || response.data.storeUrl == null) {\r\n // let baseUrl = document.location.href;\r\n // let splittedUrl = baseUrl.split(\"/\");\r\n // let url = splittedUrl[0] + '//' + splittedUrl[2] + '/store/' + response.data.id\r\n // this.storeUrl = url;\r\n // }\r\n })\r\n }\r\n\r\n submit () {\r\n if(!this.checkLayout) return\r\n if(!this.urlValidated){\r\n this.validateStoreUrl(true)\r\n return\r\n } \r\n if(!this.storeUrl.valid){\r\n this.commonService.openErrorSnackBar(\"URL is not valid\",\"\")\r\n return\r\n }\r\n const model = {\r\n id: this.storeId,\r\n customerNotes: this.customerNotes,\r\n storeUrl: this.storeUrl.value,\r\n stage: this.stage == 19 ? 9 : 6,\r\n }\r\n this.storeService.updateStore(model).subscribe(\r\n response => {\r\n this.commonService.openSuccessSnackBar(response.message, '');\r\n this.router.navigateByUrl(\"/storebuilder/storerequestlist\");\r\n let data = { replaceHome: true };\r\n window.parent.postMessage(data, \"*\");\r\n },\r\n error => {\r\n this.commonService.openErrorSnackBar(error.message, '');\r\n }\r\n )\r\n }\r\n\r\n checkLayout(){\r\n if(!this.hasLayoutDesign){\r\n Swal.fire({\r\n title:\"Layout not designed!\",\r\n text:\"You have not designed a layout for this store. Please design a layout to submit store build\",\r\n icon:\"warning\",\r\n })\r\n return false\r\n }else{\r\n return true\r\n }\r\n }\r\n\r\n validateStoreUrl(submit?){\r\n if(!this.storeUrl.value){\r\n this.commonService.openWarningSnackBar(\"Please enter a valid URL\",\"\")\r\n return\r\n }else if(!this.storeUrl.valid){\r\n // this.commonService.openErrorSnackBar(\"Invalid characters found in URL\",\"\")\r\n this.commonService.openWarningSnackBar(\"URL should contain only alphabets, numbers, underscore (_) and hyphen (-)\",\"\")\r\n return\r\n }\r\n this.storeService.validateStoreUrl(this.storeUrl.value,this.storeId).subscribe(res=>{\r\n if(res.data.isValid){\r\n this.commonService.openSuccessSnackBar(\"URL is valid\", \"\")\r\n this.urlValidated = true\r\n }else{\r\n this.commonService.openErrorSnackBar(\"URL is not valid\",\"\")\r\n }\r\n if(submit) this.submit()\r\n })\r\n }\r\n\r\n onUrlChange(){\r\n this.urlValidated = false\r\n }\r\n}\r\n","\r\n 
\r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n Store Name \r\n \r\n \r\n
\r\n \r\n \r\n Account Manager \r\n \r\n \r\n
\r\n \r\n \r\n Store URL \r\n \r\n \r\n URL should contain only alphabets, numbers, underscore (_) and hyphen (-)\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Store Created By \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 Builder Notes \r\n \r\n \r\n
\r\n\r\n \r\n
","import { Component, OnInit } from \"@angular/core\";\r\nimport { DatePipe } from '@angular/common';\r\nimport { UntypedFormGroup, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';\r\nimport { ActivatedRoute, Router } from \"@angular/router\";\r\nimport { AlertService } from \"src/app/core/services/alert.service\";\r\nimport { StorebuilderService } from \"src/app/core/services/storebuilder.service\";\r\nimport { animate, state, style, transition, trigger } from '@angular/animations';\r\nimport { StoreService } from \"src/app/core/services/store.service\";\r\nimport { CommonService } from \"src/app/core/services/common.service\";\r\nimport Swal from 'sweetalert2'\r\nimport { StoreManagerService } from \"src/app/core/services/store-manager.service\";\r\nimport { environment } from \"src/environments/environment\";\r\nimport { MetadataComponent } from \"../store-settings/metadata/metadata.component\";\r\nimport { PdfModalComponent } from \"../pdf-modal/pdf-modal.component\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nconst moment = require('moment')\r\ndeclare var $: any;\r\n\r\n@Component({\r\n selector: 'app-store-list',\r\n templateUrl: './store-list.component.html',\r\n styleUrls: ['./store-list.component.scss'],\r\n animations: [\r\n trigger('detailExpand', [\r\n state('collapsed', style({ height: '0px', minHeight: '0' })),\r\n state('expanded', style({ height: '*' })),\r\n transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),\r\n ]),\r\n ],\r\n})\r\nexport class StoreListComponent implements OnInit {\r\n dataSource: any;\r\n columnsToDisplay = [\r\n 'id', 'storeName', 'contactName', 'manager',\r\n 'status', 'verifiedStatus', 'builder', 'requestedDate', 'publishedDate', 'openDate', 'closeDate', 'viewStore'];\r\n expandedElement: any = null;\r\n filterFormGroup: UntypedFormGroup;\r\n storeForm: UntypedFormGroup;\r\n stage: any;\r\n minDate: Date = new Date();\r\n storeRejectionForm: UntypedFormGroup;\r\n rejectionCodes = [];\r\n selectedRejectionCodes: any[];\r\n storeRejectionNotes\r\n filterParams: any\r\n dateFilters: any\r\n reasonList = []\r\n customerRejectionForm\r\n closeDateExceeded = false;\r\n managerList = []\r\n builderList = []\r\n roles = []\r\n stateList\r\n isModalOpen = false;\r\n constructor(\r\n private formBuilder: UntypedFormBuilder,\r\n private storeBuilderService: StorebuilderService,\r\n private alertService: AlertService,\r\n private managerService: StoreManagerService,\r\n private route: ActivatedRoute,\r\n private router: Router,\r\n private storeService: StoreService,\r\n private commonService: CommonService,\r\n private dialog: MatDialog,\r\n\r\n ) { }\r\n\r\n ngOnInit() {\r\n this.roles = JSON.parse(localStorage.getItem('user')).roles\r\n this.route.paramMap.subscribe(params => {\r\n this.stage = params.get('stage');\r\n });\r\n this.clearFilters()\r\n this.createStoreForm();\r\n this.createFilterFormGroup();\r\n this.createStoreRejectionForm();\r\n this.getStoreRequestList();\r\n this.getStoreRejectionCodes();\r\n this.getAllStoreManagerList()\r\n this.getReasonList()\r\n this.createCustomerRejectionForm()\r\n this.getAllStoreBuilderList()\r\n this.getAllStates()\r\n }\r\n getAllStates() {\r\n this.commonService.getAllStates().subscribe(response => {\r\n if (response.data != null) {\r\n this.stateList = response.data;\r\n }\r\n });\r\n }\r\n createCustomerRejectionForm() {\r\n this.customerRejectionForm = this.formBuilder.group({\r\n rejectionCode: '',\r\n rejectionCodeArray: '',\r\n rejectionReason: '',\r\n storeId: '',\r\n value: 1\r\n });\r\n }\r\n\r\n confirmRejection() {\r\n // this.rejectionBody = {\r\n // rejectionCode: this.storeRejectionForm.controls['amRejectionCodes'].value.toString()\r\n // rejectionReason: this.storeRejectionForm.controls['amRejectionText'].value,\r\n // }\r\n // this.submit(1);\r\n }\r\n\r\n closeRejectModal() {\r\n $('#rejectStoreModal').modal('hide');\r\n this.createCustomerRejectionForm()\r\n }\r\n\r\n openRejectModal(store) {\r\n // $('#addArtModal').modal('hide');\r\n // $('#rejectStoreModal').modal('show');\r\n // this.createCustomerRejectionForm()\r\n // this.customerRejectionForm.get('storeId').setValue(storeId)\r\n window.open('verifystore/' + store.storeUrl, '_blank')\r\n }\r\n\r\n rejectionForCustomer() {\r\n let { storeId, value } = this.customerRejectionForm.value\r\n this.customerRejectionForm.get('rejectionCode').setValue(this.customerRejectionForm.get('rejectionCodeArray').value.toString())\r\n this.storeService.userVerifyTeamStore(storeId, value, this.customerRejectionForm.value).subscribe((response) => {\r\n // this.cancelRejection();\r\n this.closeRejectModal()\r\n this.getStoreRequestList()\r\n if (response.statusCode == 200) {\r\n Swal.fire({\r\n title: \"Rejected\",\r\n text: \"Rejection request has been sent successfully!\",\r\n icon: \"success\",\r\n })\r\n }\r\n });\r\n }\r\n\r\n getReasonList() {\r\n this.storeService.getReasonList().subscribe(response => {\r\n if (response.data != null) {\r\n this.reasonList = response.data;\r\n }\r\n });\r\n }\r\n\r\n createFilterFormGroup() {\r\n this.filterFormGroup = this.formBuilder.group({\r\n name: new UntypedFormControl(''),\r\n stage: new UntypedFormControl(this.stage),\r\n startDate: new UntypedFormControl(''),\r\n endDate: new UntypedFormControl('')\r\n });\r\n }\r\n\r\n clearFilters() {\r\n this.createFilterFormGroup();\r\n this.filterParams = {\r\n storeId: '',\r\n name: '',\r\n contactName: '',\r\n accountManagerId: 0,\r\n builderId: 0,\r\n userVerified: '',\r\n type: [6, 9, 10, 11, 19, 20],\r\n createdDate: '',\r\n publishedDate: '',\r\n openDate: '',\r\n closeDateFrom: '',\r\n closeDateTo: '',\r\n isUserVerified: '0,1,2',\r\n page: 1,\r\n per_page: 10,\r\n pageSizeOptions: [5, 10, 25, 100],\r\n totalLength: 0,\r\n orderBy: '',\r\n order: '',\r\n openDateFrom: '',\r\n openDateTo: '',\r\n requestedDateFrom: '',\r\n requestedDateTo: '',\r\n inTemplate: 0,\r\n stateCode: 0\r\n }\r\n this.dateFilters = {\r\n closeDateFrom: \"\",\r\n closeDateTo: \"\",\r\n openDateFrom: '',\r\n openDateTo: '',\r\n requestedDateFrom: '',\r\n requestedDateTo: '',\r\n }\r\n this.getStoreRequestList();\r\n }\r\n\r\n createStoreForm() {\r\n this.storeForm = this.formBuilder.group({\r\n id: 0,\r\n closeDate: '04/30/2021',\r\n minDate: new Date()\r\n });\r\n }\r\n\r\n createStoreRejectionForm() {\r\n this.storeRejectionForm = this.formBuilder.group({\r\n amRejectionCodes: '',\r\n amRejectionText: ''\r\n });\r\n }\r\n\r\n getStoreRequestList() {\r\n this.filterParams.type = this.stage == \"0\" ? this.filterParams.type : [this.stage];\r\n let datePipe = new DatePipe('en-US');\r\n let startDate = datePipe.transform(this.dateFilters.closeDateFrom, 'MM/dd/yyyy');\r\n let endDate = datePipe.transform(this.dateFilters.closeDateTo, 'MM/dd/yyyy');\r\n this.filterParams.closeDateFrom = startDate ? startDate : ''\r\n this.filterParams.closeDateTo = endDate ? endDate : ''\r\n startDate = datePipe.transform(this.dateFilters.openDateFrom, 'MM/dd/yyyy');\r\n endDate = datePipe.transform(this.dateFilters.openDateTo, 'MM/dd/yyyy');\r\n this.filterParams.openDateFrom = startDate ? startDate : ''\r\n this.filterParams.openDateTo = endDate ? endDate : ''\r\n startDate = datePipe.transform(this.dateFilters.requestedDateFrom, 'MM/dd/yyyy');\r\n endDate = datePipe.transform(this.dateFilters.requestedDateTo, 'MM/dd/yyyy');\r\n this.filterParams.requestedDateFrom = startDate ? startDate : ''\r\n this.filterParams.requestedDateTo = endDate ? endDate : ''\r\n this.commonService.toggleLoading(true)\r\n this.storeBuilderService.getStoreRequestList(this.filterParams, this.closeDateExceeded).subscribe(\r\n (response) => {\r\n this.commonService.toggleLoading(false)\r\n this.dataSource = response.body.data.map(req => {\r\n req.createdDate = new Date(req.createdDate + ' UTC').toLocaleString(\"en-US\", { timeZone: 'America/New_York' });\r\n return req\r\n });\r\n this.filterParams.totalLength = JSON.parse(response.headers.get(\"Pagination\")).totalItems || 0\r\n },\r\n (error) => {\r\n this.commonService.toggleLoading(false)\r\n this.dataSource = [];\r\n this.alertService.error(error);\r\n }\r\n );\r\n }\r\n\r\n getStoreRejectionCodes() {\r\n this.storeService.getTeamStoreRejectionCodes().subscribe(\r\n (response) => {\r\n this.rejectionCodes = response.data;\r\n },\r\n (error) => {\r\n\r\n }\r\n );\r\n }\r\n\r\n closeStore(store) {\r\n Swal.fire({\r\n icon: 'info',\r\n title: 'Are you sure that you want to close this store?',\r\n cancelButtonText: 'Cancel',\r\n confirmButtonText: 'Yes',\r\n showCancelButton: true,\r\n reverseButtons: true\r\n }).then(result => {\r\n if (result.isConfirmed) {\r\n this.updateStoreStage(store, 11);\r\n }\r\n })\r\n }\r\n\r\n verifyStoreBuild(storeId) {\r\n this.commonService.setPageHeader('Create Store Request - Store Definition');\r\n this.router.navigateByUrl('/storemanager/verifystore/' + storeId + '/0');\r\n }\r\n\r\n updateStoreStage(store, stage) {\r\n // if (store.artQueueInfo.artQueueStatus == 4) {\r\n this.storeService.updateStoreStatus(store.id, stage).subscribe(\r\n (response) => {\r\n this.getStoreRequestList();\r\n if (stage == 11) {\r\n this.commonService.openSuccessSnackBar(\"Store is now closed\", '');\r\n this.commonService.setPageHeader('Closed Stores');\r\n this.router.navigateByUrl('/storemanager/allstores/11');\r\n } else {\r\n this.commonService.openSuccessSnackBar(response.message, '');\r\n }\r\n },\r\n (error) => {\r\n this.commonService.openErrorSnackBar(error.message, '');\r\n }\r\n );\r\n // }\r\n // else {\r\n // this.commonService.openErrorSnackBar('Please verify the art related to the teamstore', '');\r\n // }\r\n\r\n }\r\n\r\n openStoreClosureModal(storeDetail) {\r\n\r\n // this.storeForm.patchValue({\r\n // id: storeDetail.id,\r\n // closeDate: this.setDateToDatepicker(storeDetail.closeDate),\r\n // minDate: moment(storeDetail.openDate).add(2, 'weeks').startOf('day')\r\n // });\r\n let today = moment()\r\n let openDate = moment(storeDetail.openDate)\r\n this.storeForm = this.formBuilder.group({\r\n id: storeDetail.id,\r\n closeDate: this.setDateToDatepicker(storeDetail.closeDate),\r\n minDate: today > openDate ? today.endOf('day').toDate() : openDate.endOf('day').toDate(),\r\n });\r\n $('#storeClosureModal').modal('show');\r\n }\r\n\r\n setDateToDatepicker(date: any) {\r\n return moment(date, \"MM/DD/YYYY HH:mm:ss\").toDate()\r\n // let dateArr = date.split(\"/\"); \r\n // let dateMonth: number = +dateArr[0];\r\n // let dateDay: number = +dateArr[1];\r\n // let dateYear: number = +dateArr[2];\r\n // return new Date(dateYear, dateMonth - 1, dateDay);\r\n }\r\n\r\n updateStoreClosure() {\r\n let datePipe = new DatePipe('en-US');\r\n console.log(this.storeForm.value)\r\n this.storeForm.value.closeDate = moment(this.storeForm.get('closeDate').value).format(\"MM/DD/YYYY HH:mm:ss\")\r\n this.storeService.updateStoreCloseDate(this.storeForm.value).subscribe(\r\n // this.storeService.updateStore(this.storeForm.value).subscribe(\r\n (response) => {\r\n if (response.status == 1) {\r\n this.commonService.openSuccessSnackBar('Store closure date updated successfully', '');\r\n this.getStoreRequestList();\r\n } else {\r\n this.commonService.openErrorSnackBar('Failed to update store closure', '');\r\n }\r\n $('#storeClosureModal').modal('hide');\r\n },\r\n (error) => {\r\n console.log(error);\r\n }\r\n );\r\n }\r\n\r\n viewStoreBuild(teamstore) {\r\n // if (teamstore.storeUrl) {\r\n // window.open(teamstore.storeUrl, \"_blank\");\r\n // } else {\r\n window.open(\"/store/\" + teamstore.storeUrl, \"_blank\");\r\n // }\r\n }\r\n\r\n verifyArt(element) {\r\n // this.commonService.setPageHeader('Art Pending Approval');\r\n // element.artQueueInfo.id = element.artQueueInfo.artQueueId;\r\n // localStorage.setItem('artApprovalObj', JSON.stringify(element.artQueueInfo));\r\n // this.router.navigateByUrl('/storemanager/viewartlist');\r\n // this.router.navigateByUrl('/viewart/'+element.artQueueInfo.artQueueId);\r\n if (!element.artQueueInfo || !element.artQueueInfo.artQueueId) {\r\n this.commonService.openWarningSnackBar(\"No arts found for this store\", \"\")\r\n } else {\r\n const URL = '/viewart/' + element.artQueueInfo.artQueueId\r\n window.open(URL, '_blank');\r\n }\r\n }\r\n\r\n invalidClosingDay() {\r\n // return true if day is friday or saturday\r\n let date = this.storeForm.controls.closeDate.value\r\n if (moment(date).day() >= 5) {\r\n this.storeForm.controls.closeDate.setErrors({ invalidDay: \"true\" })\r\n this.commonService.openWarningSnackBar(\"Close Date cannot be Friday or Saturday\", \"\");\r\n return true\r\n } else {\r\n return false\r\n }\r\n }\r\n\r\n copyLayout(teamStoreId: any) {\r\n this.storeService.copyStoreLayout(teamStoreId).subscribe(\r\n (response) => {\r\n if (response.status == 1) {\r\n let copiedStoreId = response.data.id;\r\n this.router.navigateByUrl('/storemanager/copylayout/' + copiedStoreId + '/2/true');\r\n }\r\n },\r\n (error) => {\r\n console.log(error);\r\n\r\n }\r\n );\r\n }\r\n\r\n // openInfoModal(item) {\r\n // this.createStoreRejectionForm();\r\n // this.selectedRejectionCodes = [];\r\n\r\n // if (item.stage == 7) {\r\n // this.selectedRejectionCodes = this.filterRejectionCodes(item.amStoreRejectionCodes);\r\n // this.storeRejectionForm.controls['amRejectionText'].setValue(item.amStoreRejectionText);\r\n // }\r\n // else if (item.stage == 19) {\r\n // this.selectedRejectionCodes = this.filterRejectionCodes(item.customerStoreRejectionCodes);\r\n // this.storeRejectionForm.controls['amRejectionText'].setValue(item.customerStoreRejectionText);\r\n // }\r\n\r\n // $('#rejectionInfoModal').modal('toggle');\r\n // }\r\n\r\n openInfoModal(item) {\r\n this.createStoreRejectionForm();\r\n this.selectedRejectionCodes = [];\r\n this.storeRejectionNotes = null\r\n if (item.stage == 7) {\r\n this.storeRejectionNotes = {\r\n teamStore: {\r\n rejectionCodes: item.amStoreRejectionCodes,\r\n rejectionText: item.amStoreRejectionText\r\n }\r\n }\r\n } else if (item.stage == 19) {\r\n this.getRejectionNotes(item.id)\r\n }\r\n\r\n $('#rejectionInfoModal').modal('toggle');\r\n }\r\n\r\n filterRejectionCodes(codes): any[] {\r\n let tempCodes = codes ? codes.split(',').map(function (item) {\r\n return parseInt(item, 10);\r\n }) : []\r\n\r\n let rejCodesArray = [];\r\n\r\n tempCodes.forEach((item) => {\r\n let code = this.rejectionCodes.filter((obj) => obj.id == item);\r\n rejCodesArray.push(code[0]);\r\n })\r\n\r\n return rejCodesArray;\r\n }\r\n\r\n closeInfoModal() {\r\n this.createStoreRejectionForm();\r\n $('#rejectionInfoModal').modal('toggle')\r\n }\r\n\r\n onPage(event) {\r\n this.filterParams.per_page = event.pageSize\r\n this.filterParams.page = event.pageIndex + 1\r\n this.getStoreRequestList()\r\n }\r\n\r\n getAllStoreManagerList() {\r\n this.managerService.getAllManagerList().subscribe((res: any) => {\r\n this.managerList = res.data\r\n })\r\n }\r\n\r\n republishStore(element) {\r\n this.commonService.toggleLoading(true)\r\n this.managerService.republishStore(element.id).subscribe((res: any) => {\r\n this.commonService.toggleLoading(false)\r\n let storeId = res.data.id\r\n this.router.navigateByUrl('storemanager/storerequest/' + storeId + '/2')\r\n }, err => {\r\n this.commonService.toggleLoading(false)\r\n })\r\n }\r\n\r\n hasAccess(roleId) {\r\n if (this.roles && this.roles.length) {\r\n if (this.roles.find(role => role.id == roleId))\r\n return true\r\n else\r\n return false\r\n }\r\n return true\r\n }\r\n\r\n copyStoreURL(url) {\r\n let copyText = document.createElement(\"input\")\r\n copyText.value = url\r\n copyText.select();\r\n copyText.setSelectionRange(0, 99999);\r\n navigator.clipboard.writeText(copyText.value);\r\n this.commonService.openSuccessSnackBar(\"Live store URL copied to clipboard\", \"\")\r\n }\r\n\r\n getRejectionNotes(storeId) {\r\n this.storeService.getStoreRejectionNotes(storeId).subscribe((res: any) => {\r\n this.storeRejectionNotes = res.data\r\n })\r\n }\r\n\r\n onSortChange(event) {\r\n this.filterParams.order = event.direction;\r\n this.filterParams.orderBy = event.direction ? event.active : '';\r\n this.getStoreRequestList();\r\n }\r\n\r\n getAllStoreBuilderList() {\r\n this.storeService.getAllBuilders().subscribe((res: any) => {\r\n this.builderList = res.data;\r\n });\r\n }\r\n\r\n editMetadata(store) {\r\n this.dialog.open(MetadataComponent, {\r\n data: { storeId: store.id },\r\n panelClass: 'metadata-dialog',\r\n backdropClass: 'metadata-dialog-backdrop'\r\n })\r\n }\r\n\r\n\r\n\r\n openPdfModal(data: any) {\r\n const dialogRef = this.dialog.open(PdfModalComponent, {\r\n width: '500px' // Adjust as needed\r\n });\r\n dialogRef.componentInstance.storeData = data;\r\n\r\n dialogRef.afterClosed().subscribe(result => {\r\n // this.listArtWorks();\r\n });\r\n\r\n }\r\n}","\r\n \r\n \r\n \r\n Filter \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n filter_list \r\n
\r\n \r\n
\r\n \r\n \r\n Store Id \r\n \r\n \r\n
\r\n \r\n \r\n Store Name \r\n \r\n \r\n
\r\n \r\n \r\n Store Owner \r\n \r\n \r\n
\r\n \r\n \r\n Store Manager \r\n \r\n All \r\n {{\r\n mgr.name\r\n }} \r\n \r\n \r\n
\r\n \r\n \r\n Store Builder \r\n \r\n All \r\n {{ builder.name }} \r\n \r\n \r\n
\r\n \r\n \r\n Store Status \r\n \r\n Pending \r\n Requested \r\n Assigned to Builder \r\n Build in Progress \r\n Proofing Store \r\n Submitted for Approval \r\n Making Adjustments \r\n Waiting for Finalizing \r\n Store Published \r\n Store Opened \r\n Store Closed \r\n Customer Rejected \r\n Customer Approved \r\n \r\n \r\n
\r\n \r\n \r\n Close Date From \r\n \r\n \r\n
\r\n \r\n \r\n Close Date To \r\n \r\n \r\n
\r\n \r\n \r\n Open Date From \r\n \r\n \r\n
\r\n \r\n \r\n Open Date To \r\n \r\n \r\n
\r\n \r\n \r\n Requested Date From \r\n \r\n \r\n
\r\n \r\n \r\n Requested Date To \r\n \r\n \r\n
\r\n \r\n \r\n Customer Approval Status \r\n \r\n All \r\n Approved \r\n Rejected \r\n \r\n \r\n
\r\n \r\n \r\n Templates \r\n \r\n Show All \r\n Show Only Templates \r\n Hide Templates \r\n \r\n \r\n
\r\n \r\n \r\n State \r\n \r\n Show All \r\n {{item.name}} \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| Store Id | \r\n\r\n {{ element.id }}\r\n \r\n | \r\nStore Name | \r\n{{ element.name }} | \r\nStore Owner | \r\n{{ element.contactName }} | \r\nAccount Manager | \r\n{{ element.createdBy?.name }} | \r\nBuilder | \r\n{{ element.assignedToName }} | \r\n\r\n Customer Verified\r\n | \r\n\r\n \r\n \r\n \r\n | \r\nStore Status | \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\nRequested Date | \r\n\r\n {{ element.createdDate | date : \"MM/dd/yyyy hh:mm a\" }}\r\n | \r\n\r\n Published Date \r\n | \r\n\r\n \r\n {{ element.publishedDate | date : \"MM/dd/yyyy hh:mm a\" }}\r\n \r\n | \r\nOpen Date | \r\n\r\n {{ element.openDate | date : \"MM/dd/yyyy hh:mm a\" }}\r\n | \r\nClose Date | \r\n\r\n {{ element.closeDate | date : \"MM/dd/yyyy hh:mm a\" }}\r\n | \r\nView Store | \r\n\r\n View\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
","// import { stringify } from '@angular/compiler/src/util';\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\n\r\n@Component({\r\n selector: 'app-checkout-settings',\r\n templateUrl: './checkout-settings.component.html',\r\n styleUrls: ['./checkout-settings.component.scss']\r\n})\r\nexport class CheckoutSettingsComponent implements OnInit {\r\n checkoutSettingsGroup: UntypedFormGroup;\r\n customerPaymentSelected: any;\r\n poAttchmentSelected: any;\r\n purchaseOrderSelected: any;\r\n checkoutSettingObj: any;\r\n teamStoreId: number;\r\n\r\n constructor(private commonService: CommonService, private formBuilder: UntypedFormBuilder, private readonly storeService: StoreService, private router: Router) { }\r\n\r\n ngOnInit() {\r\n this.teamStoreId = parseInt(localStorage.getItem(\"teamStoreId\"));;\r\n this.setUpCheckoutSettingsFormGroup();\r\n this.getCheckoutSettings();\r\n }\r\n\r\n setUpCheckoutSettingsFormGroup() {\r\n this.checkoutSettingsGroup = this.formBuilder.group({\r\n customerPaymentType: new UntypedFormControl(''),\r\n acceptPurchaseOrderType: new UntypedFormControl(''),\r\n poAttachmentType: new UntypedFormControl(''),\r\n allowGiftToOrder: new UntypedFormControl(''),\r\n acceptCouponsOrGift: new UntypedFormControl(''),\r\n displayEstimatedDeliveryDate: new UntypedFormControl('')\r\n });\r\n }\r\n\r\n saveTeamStoreChanges() {\r\n this.storeService.updateCheckoutSettings(this.checkoutSettingsGroup.value, this.teamStoreId).subscribe(\r\n (response) => {\r\n if (response.status == 1) {\r\n this.commonService.openSuccessSnackBar(response.message, '');\r\n this.onSuccessResponse(response.data);\r\n const url = this.commonService.createUrl(this.router.url, '/customorderfields', 2);\r\n this.router.navigateByUrl(url);\r\n } else {\r\n this.commonService.openErrorSnackBar(response.message, '');\r\n }\r\n\r\n },\r\n (error) => {\r\n // alert(error);\r\n console.log(error);\r\n }\r\n );\r\n }\r\n\r\n\r\n getCheckoutSettings() {\r\n this.storeService.getStore(this.teamStoreId).subscribe(\r\n (response) => {\r\n this.onSuccessResponse(response.data);\r\n\r\n },\r\n (error) => {\r\n console.log(error);\r\n\r\n }\r\n );\r\n }\r\n\r\n onSuccessResponse(response: any) {\r\n this.checkoutSettingObj = response.checkoutSettings;\r\n this.checkoutSettingsGroup.setValue({\r\n customerPaymentType: JSON.stringify(this.checkoutSettingObj.customerPaymentType),\r\n acceptPurchaseOrderType: JSON.stringify(this.checkoutSettingObj.acceptPurchaseOrderType),\r\n poAttachmentType: JSON.stringify(this.checkoutSettingObj.poAttachmentType),\r\n allowGiftToOrder: this.checkoutSettingObj.allowGiftToOrder,\r\n acceptCouponsOrGift: this.checkoutSettingObj.acceptCouponsOrGift,\r\n displayEstimatedDeliveryDate: this.checkoutSettingObj.displayEstimatedDeliveryDate\r\n });\r\n }\r\n\r\n}\r\n","","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\nimport { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\n// import * as $ from 'jquery'\r\ndeclare var $: any\r\n\r\n@Component({\r\n selector: 'app-custom-order-fields',\r\n templateUrl: './custom-order-fields.component.html',\r\n styleUrls: ['./custom-order-fields.component.scss']\r\n})\r\nexport class CustomOrderFieldsComponent implements OnInit {\r\n @Input() dataFromParent: any;\r\n @Output() dataToParent: EventEmitter\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n Create custom checkout fields to collect any additional information from customers. Buyers will see the\r\n following custom fields when they process orders from checkout. \r\n
\r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n Active Custom Checkout Fields
\r\n
\r\n \r\n
\r\n Drag and drop custom checkout fields to set the order that they appear to customers when they checkout.\r\n \r\n
\r\n\r\n 0\">\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n open_with \r\n
\r\n \r\n {{field.fieldLabel}}
\r\nSelect Field Type: {{field.customFieldType==0?'Text':'Dropdown'}} \r\n Required: {{field.isMandatory?'Yes':'No'}}\r\n \r\n
\r\n \r\n
\r\n Edit\r\n
\r\n \r\n delete \r\n
\r\n \r\n \r\n
\r\n0\" class=\"modal\" tabindex=\"-1\" role=\"dialog\" id=\"deletealert\">\r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { UntypedFormBuilder, FormControl, UntypedFormGroup } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\nimport { StorebuilderService } from 'src/app/core/services/storebuilder.service';\r\n\r\n@Component({\r\n selector: 'app-designer-settings',\r\n templateUrl: './designer-settings.component.html',\r\n styleUrls: ['./designer-settings.component.scss']\r\n})\r\nexport class DesignerSettingsComponent implements OnInit {\r\n\r\n designerGroup: UntypedFormGroup;\r\n isDesignerSettingsVisible: boolean = true;\r\n designerPopupTitle: string;\r\n storeId: number\r\n\r\n constructor(\r\n private formBuilder: UntypedFormBuilder,\r\n private storeService: StoreService,\r\n private storebuilderService: StorebuilderService,\r\n private router: Router,\r\n private commonService: CommonService\r\n ) { }\r\n\r\n ngOnInit() {\r\n this.storeId = parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.setUpDesignerFormGroup();\r\n this.getDesignerSettings()\r\n }\r\n\r\n setUpDesignerFormGroup() {\r\n this.designerGroup = this.formBuilder.group({\r\n allowDesigner: [\"false\"],\r\n revealBlankPricinginCatalog: [false],\r\n requireApprovalforDesignerOrder: [false],\r\n allowDistressedFiles: [false],\r\n allowShareDesign: [false],\r\n enforceBoundaries: [false],\r\n allowDesignIdeas: [false],\r\n allowClipArt: [false],\r\n uploadArt: [false],\r\n uploadVectorOnly: [false],\r\n artTerms: [\"\"]\r\n });\r\n }\r\n\r\n changeDesignerSettingsHidden(value: boolean) {\r\n this.isDesignerSettingsVisible = value;\r\n }\r\n\r\n changeDesignerPopupTitle(value: string) {\r\n this.designerPopupTitle = value;\r\n }\r\n\r\n\r\n getDesignerSettings() {\r\n this.storebuilderService.getTeamStore(this.storeId).subscribe(\r\n (response) => {\r\n this.setDesignerSettings(response.data)\r\n },\r\n (error) => {\r\n console.log(error)\r\n // this.alertService.error(\"Unable to get data\");\r\n }\r\n );\r\n }\r\n\r\n setDesignerSettings(data) {\r\n const displaySettings = data.designerDisplaySettings\r\n const allowDesigner = data.allowDesigner\r\n if (displaySettings) {\r\n this.designerGroup.setValue({\r\n allowDesigner: allowDesigner.toString(),\r\n revealBlankPricinginCatalog: displaySettings.revealBlankPricinginCatalog,\r\n requireApprovalforDesignerOrder: displaySettings.requireApprovalforDesignerOrder,\r\n allowDistressedFiles: displaySettings.allowDistressedFiles,\r\n allowShareDesign: displaySettings.allowShareDesign,\r\n enforceBoundaries: displaySettings.enforceBoundaries,\r\n allowDesignIdeas: displaySettings.allowDesignIdeas,\r\n allowClipArt: displaySettings.allowClipArt,\r\n uploadArt: displaySettings.uploadArt,\r\n uploadVectorOnly: displaySettings.uploadVectorOnly,\r\n artTerms: displaySettings.artTerms\r\n })\r\n }\r\n this.changeDesignerSettingsHidden(!allowDesigner);\r\n }\r\n submit() {\r\n const allowDesigner = this.designerGroup.get(\"allowDesigner\").value === 'true'\r\n let displaySettings = this.designerGroup.value\r\n delete displaySettings[\"allowDesigner\"]\r\n const model = {\r\n allowDesigner, displaySettings\r\n }\r\n this.storeService.updateDesignerDisplaySettings(this.storeId, model).subscribe(\r\n (response) => {\r\n if (response.status == 1) {\r\n this.commonService.openSuccessSnackBar(response.message, '');\r\n const url = this.commonService.createUrl(this.router.url, '/productionschedule', 2);\r\n this.router.navigateByUrl(url);\r\n } else {\r\n this.commonService.openErrorSnackBar(response.message, '');\r\n }\r\n\r\n },\r\n (error) => {\r\n console.log(error)\r\n // this.alertService.error(\"Error while updating privacy settings\");\r\n }\r\n );\r\n }\r\n\r\n}\r\n","","import { Component, OnInit } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup } from '@angular/forms';\r\nimport { stringify } from 'querystring';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\n\r\n@Component({\r\n selector: 'app-developer-settings',\r\n templateUrl: './developer-settings.component.html',\r\n styleUrls: ['./developer-settings.component.scss']\r\n})\r\nexport class DeveloperSettingsComponent implements OnInit {\r\n developerSettingsGroup: UntypedFormGroup;\r\n developerSettingsObj: any;\r\n teamStoreId: number;\r\n formdata: FormData=new FormData();\r\n fileObj: File;\r\n fileStatus: number=2;\r\n customCssUrl: string;\r\n constructor(private formBuilder: UntypedFormBuilder, private storeService: StoreService) { }\r\n\r\n ngOnInit() {\r\n this.setUpDeveloperSettingsFormGroup();\r\n this.teamStoreId=parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.getDeveloperSettings();\r\n }\r\n\r\n setUpDeveloperSettingsFormGroup(){\r\n this.developerSettingsGroup= this.formBuilder.group({\r\n activateEmbeddedScript: new UntypedFormControl(''),\r\n embeddedScriptCode: new UntypedFormControl('')\r\n });\r\n }\r\n\r\n saveTeamStoreChanges(){\r\n if(!this.developerSettingsGroup.value.activateEmbeddedScript){\r\n this.developerSettingsGroup.value.embeddedScriptCode=\"\";\r\n }\r\n this.storeService.updateDeveloperSettings(this.developerSettingsGroup.value, this.teamStoreId, this.fileObj, this.fileStatus).subscribe(\r\n (response) => {\r\n this.onSuccessResponse(response.data);\r\n },\r\n (error) => {\r\n console.log(error);\r\n }\r\n );\r\n }\r\n\r\n getDeveloperSettings(){\r\n this.storeService.getStore(this.teamStoreId).subscribe(\r\n (response) => {\r\n this.onSuccessResponse(response.data);\r\n \r\n },\r\n (error) => {\r\n console.log(error);\r\n\r\n }\r\n );\r\n }\r\n\r\n onSuccessResponse(response: any){\r\n this.fileStatus=2;\r\n this.developerSettingsObj= response.developerSettings;\r\n this.customCssUrl= this.developerSettingsObj.customCSS===null||this.developerSettingsObj.customCSS===\"\"||\r\n this.developerSettingsObj.customCSS===undefined?\"\":\r\n (this.developerSettingsObj.customCSS);\r\n if(this.customCssUrl!=\"\"){\r\n let index= this.customCssUrl.lastIndexOf(\"/\");\r\n this.customCssUrl= this.customCssUrl.slice(++index);\r\n }\r\n this.developerSettingsGroup.setValue({\r\n activateEmbeddedScript: this.developerSettingsObj.activateEmbeddedScript,\r\n embeddedScriptCode: this.developerSettingsObj.embeddedScriptCode,\r\n });\r\n }\r\n\r\n onFileSelect(event) {\r\n if (event.target.files.length > 0) {\r\n this.fileObj = event.target.files[0];\r\n this.fileStatus=1;\r\n this.customCssUrl=this.fileObj.name; \r\n }\r\n }\r\n\r\n RemoveFile(){\r\n this.fileObj=null;\r\n this.fileStatus=0;\r\n this.customCssUrl=\"\";\r\n }\r\n}\r\n","","import { Component, OnInit, Inject, Optional } from '@angular/core';\r\nimport { UntypedFormControl } from '@angular/forms';\r\nimport { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';\r\nimport { Router } from '@angular/router';\r\nimport { map, startWith } from 'rxjs/operators';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { EnduserService } from 'src/app/core/services/enduser.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\n\r\n@Component({\r\n selector: 'app-metadata',\r\n templateUrl: './metadata.component.html',\r\n styleUrls: ['./metadata.component.scss']\r\n})\r\nexport class MetadataComponent implements OnInit {\r\n availableToCopy = false\r\n\r\n constructor(\r\n private storeService: StoreService,\r\n private commonService: CommonService,\r\n private endUserService: EnduserService,\r\n private router: Router,\r\n @Optional() public dialogRef: MatDialogRef\r\n \r\n
\r\n\r\n
\r\n","// import { stringify } from '@angular/compiler/src/util';\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\n\r\n@Component({\r\n selector: 'app-seo-settings',\r\n templateUrl: './seo-settings.component.html',\r\n styleUrls: ['./seo-settings.component.scss']\r\n})\r\nexport class SeoSettingsComponent implements OnInit {\r\n seoSettingsGroup: UntypedFormGroup;\r\n seoSettingsObj: any;\r\n pageSelected: string;\r\n teamStoreId: number;\r\n constructor(private formBuilder: UntypedFormBuilder, private storeService: StoreService, private router: Router,\r\n private commonService: CommonService) { }\r\n\r\n ngOnInit() {\r\n this.teamStoreId = Number(localStorage.getItem(\"teamStoreId\"));\r\n this.setUpseoSettingsFormGroup();\r\n this.getSeoSettings();\r\n }\r\n\r\n setUpseoSettingsFormGroup() {\r\n this.seoSettingsGroup = this.formBuilder.group({\r\n pageType: new UntypedFormControl(''),\r\n metaTitle: new UntypedFormControl(''),\r\n metaDescription: new UntypedFormControl(''),\r\n focusKeyword: new UntypedFormControl('')\r\n });\r\n }\r\n\r\n saveTeamStoreChanges() {\r\n this.storeService.updateSeoSettings(this.seoSettingsGroup.value, this.teamStoreId).subscribe(\r\n (response) => {\r\n if (response.status == 1) {\r\n this.commonService.openSuccessSnackBar(response.message, '');\r\n this.onSuccessResponse(response.data);\r\n // const url = this.commonService.createUrl(this.router.url, '/developersettings', 2);\r\n // this.router.navigateByUrl(url);\r\n } else {\r\n this.commonService.openErrorSnackBar(response.message, '');\r\n }\r\n\r\n },\r\n (error) => {\r\n // alert(error);\r\n console.log(error);\r\n }\r\n );\r\n }\r\n\r\n\r\n getSeoSettings() {\r\n this.storeService.getStore(this.teamStoreId).subscribe(\r\n (response) => {\r\n this.onSuccessResponse(response.data);\r\n },\r\n (error) => {\r\n console.log(error);\r\n\r\n }\r\n );\r\n }\r\n\r\n onSuccessResponse(response: any) {\r\n this.seoSettingsObj = response.seoSettings;\r\n this.pageSelected = JSON.stringify(this.seoSettingsObj.pageType);\r\n this.seoSettingsGroup.setValue({\r\n pageType: JSON.stringify(this.seoSettingsObj.pageType),\r\n metaTitle: this.seoSettingsObj.metaTitle,\r\n metaDescription: this.seoSettingsObj.metaDescription,\r\n focusKeyword: this.seoSettingsObj.focusKeyword\r\n });\r\n }\r\n\r\n}\r\n","","import { Component, OnInit } from '@angular/core';\r\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\r\nimport { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\nimport { Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\n\r\n@Component({\r\n selector: 'app-shipping-methods',\r\n templateUrl: './shipping-methods.component.html',\r\n styleUrls: ['./shipping-methods.component.scss']\r\n})\r\nexport class ShippingMethodsComponent implements OnInit {\r\n\r\n storeId: number\r\n shippingMethods = [] // [{id,name,...}...]\r\n selectedShippingmethods = [] // [{orderIndex:0,shippingMethod:{id,name,...}},...]\r\n selectedMethodIds = []\r\n constructor(\r\n private storeService: StoreService,\r\n private router: Router,\r\n private commonService: CommonService\r\n ) { }\r\n\r\n ngOnInit() {\r\n this.storeId = parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.setUpShippingMethods()\r\n // this.getAllShippingMethods()\r\n\r\n }\r\n\r\n drop(event: CdkDragDrop\r\n
\r\n \r\nProducts Shipped Date: {{productShippedByDate | date:'MM/dd/yyyy'}}
\r\n \r\n\r\n
\r\n Select the shipping options customers can choose from when they check out from this store.\r\n \r\n
\r\n Shipping and Pickup Methods
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n\r\n\r\n 0\">\r\n
\r\n \r\n Drag and drop the shipping methods to set the order that they appear to customers when they checkout.\r\n \r\n
\r\n Active Shipping Methods
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n ![](\"../../../../assets/images/parcel)
\r\n
\r\n \r\n \r\n No shipping methods applied \r\n
\r\n 0\">\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 {{method.shippingMethod.name}}
\r\n \r\nPrice: ${{method.shippingMethod?.price}} \r\n
\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 } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup } from '@angular/forms';\r\nimport { StorebuilderService } from 'src/app/core/services/storebuilder.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\nimport { AlertService } from 'src/app/core/services/alert.service';\r\nimport { Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\n\r\n@Component({\r\n selector: 'app-social-media',\r\n templateUrl: './social-media.component.html',\r\n styleUrls: ['./social-media.component.scss']\r\n})\r\nexport class SocialMediaComponent implements OnInit {\r\n\r\n socialMediaGroup: UntypedFormGroup;\r\n storeId: number\r\n\r\n constructor(\r\n private formBuilder: UntypedFormBuilder,\r\n private storeBuilderService: StorebuilderService,\r\n private storeService: StoreService,\r\n private alertService: AlertService,\r\n private router: Router,\r\n private commonService: CommonService\r\n ) { }\r\n\r\n ngOnInit() {\r\n this.storeId = parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.setUpSocialMediaFormGroup();\r\n this.getSocialMedia()\r\n }\r\n\r\n setUpSocialMediaFormGroup() {\r\n this.socialMediaGroup = this.formBuilder.group({\r\n displaySocialMediaIcons: new UntypedFormControl(true),\r\n facebook: new UntypedFormControl('https://www.facebook.com/AresSportswear94/'),\r\n instagram: new UntypedFormControl('https://www.instagram.com/aressportswear/?hl=en'),\r\n twitter: new UntypedFormControl('https://twitter.com/AresSportsWear?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor'),\r\n linkedin: new UntypedFormControl('https://www.linkedin.com/company/ares-sportswear/'),\r\n pinterest: new UntypedFormControl(''),\r\n youtube: new UntypedFormControl('https://www.youtube.com/channel/UCRVMEkUUubVYjqoRHpypmDw'),\r\n });\r\n }\r\n\r\n getSocialMedia() {\r\n this.storeBuilderService.getTeamStore(this.storeId).subscribe(\r\n (response) => {\r\n this.setSocialMediaValues(response.data)\r\n // this.alertService.success(\"Social media updated successfully\"); displaySocialMediaIcons\r\n },\r\n (error) => {\r\n console.log(error)\r\n this.alertService.error(\"Unable to get data\");\r\n }\r\n );\r\n }\r\n\r\n setSocialMediaValues(data) {\r\n if (data) {\r\n let values = {\r\n \"displaySocialMediaIcons\": false,\r\n \"facebook\": \"\",\r\n \"instagram\": \"\",\r\n \"twitter\": \"\",\r\n \"linkedin\": \"\",\r\n \"pinterest\": \"\",\r\n \"youtube\": \"\"\r\n }\r\n values[\"displaySocialMediaIcons\"] = data.displaySocialMediaIcons ? data.displaySocialMediaIcons : true\r\n let socialMediaLinks = data.socialMediaLinks\r\n if (socialMediaLinks && socialMediaLinks.length) {\r\n for (let element of socialMediaLinks) {\r\n switch (element.socialMediaType) {\r\n case 0:\r\n values[\"facebook\"] = element.src ? element.src : 'https://www.facebook.com/AresSportswear94/'\r\n break;\r\n case 1:\r\n values[\"instagram\"] = element.src ? element.src : 'https://www.instagram.com/aressportswear/?hl=en'\r\n break;\r\n case 2:\r\n values[\"twitter\"] = element.src ? element.src : 'https://twitter.com/AresSportsWear?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor'\r\n break;\r\n case 3:\r\n values[\"linkedin\"] = element.src ? element.src : 'https://www.linkedin.com/company/ares-sportswear/'\r\n break;\r\n case 4:\r\n values[\"pinterest\"] = element.src ? element.src : ''\r\n break;\r\n case 5:\r\n values[\"youtube\"] = element.src ? element.src : 'https://www.youtube.com/channel/UCRVMEkUUubVYjqoRHpypmDw'\r\n break;\r\n }\r\n }\r\n }\r\n // this.socialMediaGroup.setValue(values)\r\n }\r\n }\r\n\r\n submit() {\r\n const model = {\r\n \"displaySocialMediaIcons\": this.socialMediaGroup.get(\"displaySocialMediaIcons\").value,\r\n \"socialMediaLinks\": [\r\n { \"socialMediaType\": 0, \"src\": this.socialMediaGroup.get(\"facebook\").value },\r\n { \"socialMediaType\": 1, \"src\": this.socialMediaGroup.get(\"instagram\").value },\r\n { \"socialMediaType\": 2, \"src\": this.socialMediaGroup.get(\"twitter\").value },\r\n { \"socialMediaType\": 3, \"src\": this.socialMediaGroup.get(\"linkedin\").value },\r\n { \"socialMediaType\": 4, \"src\": this.socialMediaGroup.get(\"pinterest\").value },\r\n { \"socialMediaType\": 5, \"src\": this.socialMediaGroup.get(\"youtube\").value },\r\n ]\r\n }\r\n this.storeService.updateSocialMedia(this.storeId, model).subscribe(\r\n (response) => {\r\n if (response.status == 1) {\r\n this.commonService.openSuccessSnackBar(response.message, '');\r\n const url = this.commonService.createUrl(this.router.url, '/storedisplay', 2);\r\n this.router.navigateByUrl(url);\r\n\r\n } else {\r\n this.commonService.openErrorSnackBar(response.message, '');\r\n }\r\n },\r\n (error) => {\r\n console.log(error)\r\n this.alertService.error(\"Some error occured\");\r\n }\r\n );\r\n }\r\n\r\n}\r\n","","import { Component, OnInit } from \"@angular/core\";\r\nimport { UntypedFormGroup, UntypedFormBuilder } from \"@angular/forms\";\r\nimport { StorebuilderService } from \"src/app/core/services/storebuilder.service\";\r\nimport { StoredetailsService } from \"src/app/core/services/storedetails.service\";\r\nimport { Router } from \"@angular/router\";\r\nimport { CommonService } from \"src/app/core/services/common.service\";\r\n\r\ndeclare var $: any;\r\n\r\n@Component({\r\n selector: \"app-store-branding\",\r\n templateUrl: \"./store-branding.component.html\",\r\n styleUrls: [\"./store-branding.component.scss\"],\r\n})\r\nexport class StoreBrandingComponent implements OnInit {\r\n storeBrandingGroup: UntypedFormGroup;\r\n logoToUpload: File = null;\r\n iconToUpload: File = null;\r\n imageToUpload: File = null;\r\n\r\n logoStatus: string = \"2\";\r\n iconStatus: string = \"2\";\r\n imageStatus: string = \"2\";\r\n\r\n imageFormats = ['jpg', 'jpeg', 'png', 'gif', 'svg']\r\n icon: File = null;\r\n teamStoreId: number;\r\n noImagePlaceholder = \"../../../../../assets/images/default-image.jpg\"\r\n\r\n constructor(\r\n private formBuilder: UntypedFormBuilder,\r\n private storedetailsService: StoredetailsService,\r\n private storeBuilderService: StorebuilderService,\r\n private commonService : CommonService,\r\n private router : Router\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.teamStoreId=parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.getTeamStore(this.teamStoreId);\r\n this.setUpStoreBrandingFormGroup();\r\n console.log($('#logo').attr(\"src\"))\r\n }\r\n\r\n getTeamStore(teamStoreId) {\r\n this.storeBuilderService.getTeamStore(teamStoreId).subscribe((response) => {\r\n var teamStore = response.data;\r\n this.logoToUpload = new File([\"\"], \"\");\r\n this.iconToUpload = new File([\"\"], \"\");\r\n this.imageToUpload = new File([\"\"], \"\");\r\n if(teamStore.logo!=null){\r\n $(\"#logo\").attr(\"src\",teamStore.logo);\r\n $('#logoBtn').hide();\r\n }else{\r\n $(\"#logo\").attr(\"src\",this.noImagePlaceholder);\r\n }\r\n if(teamStore.icon!=null){\r\n $(\"#icon\").attr(\"src\",teamStore.icon);\r\n $('#iconBtn').hide();\r\n }\r\n else{\r\n $(\"#icon\").attr(\"src\",this.noImagePlaceholder);\r\n }\r\n if(teamStore.previewImage!=null){\r\n $(\"#image\").attr(\"src\",teamStore.previewImage);\r\n $('#imgBtn').hide();\r\n }\r\n else{\r\n $(\"#image\").attr(\"src\",this.noImagePlaceholder);\r\n }\r\n\r\n });\r\n }\r\n\r\n setUpStoreBrandingFormGroup() {\r\n this.storeBrandingGroup = this.formBuilder.group({});\r\n }\r\n\r\n handleImageInput(files: FileList, type: string) {\r\n console.log(files.item(0).name.split('.').pop())\r\n if(this.imageFormats.includes(files.item(0).name.split('.').pop()) == false){\r\n this.commonService.openErrorSnackBar(\"Unsupported image format\",\"\")\r\n return\r\n } else if(files.item(0).size > 100000){\r\n this.commonService.openErrorSnackBar(\"File size exceeds 100kb\",\"\")\r\n return\r\n }\r\n switch (type) {\r\n case \"logo\":\r\n this.logoToUpload = files.item(0);\r\n this.showImg(files.item(0), \"logo\");\r\n this.logoStatus = \"1\";\r\n $('#logoBtn').hide();\r\n break;\r\n case \"icon\":\r\n this.iconToUpload = files.item(0);\r\n this.showImg(files.item(0), \"icon\");\r\n this.iconStatus = \"1\";\r\n $('#iconBtn').hide();\r\n break;\r\n case \"image\":\r\n this.imageToUpload = files.item(0);\r\n this.showImg(files.item(0), \"image\");\r\n this.imageStatus = \"1\";\r\n $('#imgBtn').hide();\r\n break;\r\n }\r\n }\r\n\r\n showImg(file: any, type: string) {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n reader.onload = (_event) => {\r\n switch (type) {\r\n case \"logo\":\r\n $(\"#logo\").attr(\"src\", reader.result);\r\n break;\r\n case \"icon\":\r\n $(\"#icon\").attr(\"src\", reader.result);\r\n break;\r\n case \"image\":\r\n $(\"#image\").attr(\"src\", reader.result);\r\n break;\r\n }\r\n };\r\n }\r\n\r\n removeImg(type: string) {\r\n switch (type) {\r\n case \"logo\":\r\n this.logoToUpload = null;\r\n this.logoStatus = \"0\";\r\n $(\"#logo\").attr(\"src\",this.noImagePlaceholder);\r\n $('#logoBtn').show();\r\n break;\r\n case \"icon\":\r\n this.iconToUpload = null;\r\n this.iconStatus = \"0\";\r\n $(\"#icon\").attr(\"src\",this.noImagePlaceholder);\r\n $('#iconBtn').show();\r\n break;\r\n case \"image\":\r\n this.imageToUpload = null;\r\n this.imageStatus = \"0\";\r\n $(\"#image\").attr(\"src\",this.noImagePlaceholder);\r\n $('#imgBtn').show();\r\n break;\r\n }\r\n }\r\n\r\n save() {\r\n const formData = new FormData();\r\n if (this.logoStatus != \"0\" && this.logoStatus != \"2\") {\r\n formData.append(\"storeLogo\", this.logoToUpload);\r\n }\r\n if (this.iconStatus != \"0\" && this.iconStatus != \"2\") {\r\n formData.append(\"storeIcon\", this.iconToUpload);\r\n }\r\n if (this.imageStatus != \"0\" && this.imageStatus != \"2\") {\r\n formData.append(\"storePreviewImage\", this.imageToUpload);\r\n }\r\n formData.append(\r\n \"fileStatus\",\r\n JSON.stringify({\r\n storeLogoStatus: this.logoStatus,\r\n storeIconStatus: this.iconStatus,\r\n storePreviewImageStatus: this.imageStatus,\r\n })\r\n );\r\n\r\n this.storedetailsService\r\n .updateStoreBrandings(formData, this.teamStoreId)\r\n .subscribe(\r\n (response) => {\r\n if(response.status==1){\r\n this.commonService.openSuccessSnackBar(response.message,'');\r\n const url = this.commonService.createUrl(this.router.url, '/metadata', 2);\r\n this.router.navigateByUrl(url);\r\n }\r\n else{\r\n this.commonService.openErrorSnackBar(response.message,'');\r\n }\r\n //todo\r\n },\r\n (error) => {\r\n }\r\n );\r\n }\r\n}\r\n","","import { Component, OnInit } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup } from '@angular/forms';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\n\r\n@Component({\r\n selector: 'app-store-commission',\r\n templateUrl: './store-commission.component.html',\r\n styleUrls: ['./store-commission.component.scss']\r\n})\r\nexport class StoreCommissionComponent implements OnInit {\r\n isStoreCommissionBoxVisible: boolean;\r\n storeCommissionGroup: UntypedFormGroup;\r\n teamStoreId: number;\r\n storeCommission: any = {};\r\n storeCommissionType: number;\r\n constructor(private formBuilder: UntypedFormBuilder, private route: ActivatedRoute, private storeService: StoreService,\r\n private router: Router,\r\n private commonService: CommonService) { }\r\n\r\n ngOnInit() {\r\n this.setUpStoreCommissionFormGroup();\r\n this.teamStoreId = parseInt(localStorage.getItem(\"teamStoreId\"));;\r\n // this.getStoreCommission();\r\n \r\n this.changeStoreCommissionOnBoxHidden(true)\r\n }\r\n\r\n setUpStoreCommissionFormGroup() {\r\n this.storeCommissionGroup = this.formBuilder.group({\r\n percentageOfTotalSales: new UntypedFormControl('')\r\n });\r\n }\r\n\r\n changeStoreCommissionOnBoxHidden(value: boolean) {\r\n this.isStoreCommissionBoxVisible = value;\r\n }\r\n\r\n saveTeamStoreChanges() {\r\n this.storeCommission = {\r\n storeCommissionType: 1,\r\n commissionPercentage: 0\r\n }\r\n this.storeCommission.storeCommissionType = this.isStoreCommissionBoxVisible ? 1 : 2;\r\n this.storeCommission.commissionPercentage = this.storeCommissionGroup.value.percentageOfTotalSales;\r\n if (this.storeCommission.storeCommissionType === 1) {\r\n this.storeCommission.commissionPercentage = 0;\r\n }\r\n this.storeService.updateStoreCommission(this.storeCommission, this.teamStoreId).subscribe(\r\n (response) => {\r\n if (response.status == 1) {\r\n this.commonService.openSuccessSnackBar(response.message, '');\r\n this.onSuccessResponse(response.data);\r\n const url = this.commonService.createUrl(this.router.url, '/seosettings', 2);\r\n this.router.navigateByUrl(url);\r\n\r\n } else {\r\n this.commonService.openErrorSnackBar(response.message, '');\r\n }\r\n\r\n },\r\n (error) => {\r\n console.log(error);\r\n }\r\n );\r\n }\r\n\r\n\r\n getStoreCommission() {\r\n this.storeService.getStore(this.teamStoreId).subscribe(\r\n (response) => {\r\n this.onSuccessResponse(response.data);\r\n },\r\n (error) => {\r\n console.log(error);\r\n\r\n }\r\n );\r\n }\r\n\r\n onSuccessResponse(response: any) {\r\n if (response != null) {\r\n this.storeCommission = response.storeCommission;\r\n this.storeCommissionType = this.storeCommission.storeCommissionType;\r\n this.isStoreCommissionBoxVisible = this.storeCommissionType == 1 ? true : false;\r\n this.storeCommissionGroup.setValue({\r\n percentageOfTotalSales: this.storeCommission.commissionPercentage,\r\n });\r\n } else {\r\n this.storeCommission = {\r\n storeCommissionType: 1,\r\n commissionPercentage: 0\r\n }\r\n }\r\n\r\n }\r\n\r\n}\r\n","","import { Component, OnInit } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StorebuilderService } from 'src/app/core/services/storebuilder.service';\r\nimport { StoredetailsService } from 'src/app/core/services/storedetails.service';\r\n\r\n@Component({\r\n selector: 'app-store-contact',\r\n templateUrl: './store-contact.component.html',\r\n styleUrls: ['./store-contact.component.scss']\r\n})\r\nexport class StoreContactComponent implements OnInit {\r\n\r\n contactInfoGroup: UntypedFormGroup;\r\n teamStoreId: number;\r\n // public emailPattern = \"^[a-z0-9._%+-]+@[a-z0-9.-]+\\\\.[a-z]{2,}$\";\r\n public emailPattern = \"^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\\\.[a-zA-Z]{2,}$\";\r\n public phonePattern = \"[- +()0-9]+\";\r\n stateArray = []\r\n constructor(private formBuilder: UntypedFormBuilder,\r\n private router: Router,\r\n private storedetailsService: StoredetailsService,\r\n private storeBuilderService: StorebuilderService,\r\n private commonService: CommonService) { }\r\n\r\n ngOnInit() {\r\n this.teamStoreId = parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.setUpContactInfoFormGroup();\r\n this.getTeamStore(this.teamStoreId);\r\n this.getAllStates();\r\n }\r\n\r\n setUpContactInfoFormGroup() {\r\n this.contactInfoGroup = this.formBuilder.group({\r\n company: new UntypedFormControl('', Validators.required),\r\n contactName: new UntypedFormControl('', Validators.required),\r\n email: new UntypedFormControl('', [Validators.required, Validators.pattern(this.emailPattern)]),\r\n phone: new UntypedFormControl('', [Validators.pattern(this.phonePattern), Validators.minLength(10), Validators.maxLength(10)]),\r\n fax: new UntypedFormControl('', Validators.required),\r\n address: new UntypedFormControl('', Validators.required),\r\n appartment: new UntypedFormControl('', Validators.required),\r\n country: new UntypedFormControl('US'),\r\n city: new UntypedFormControl('', Validators.required),\r\n state: new UntypedFormControl('', Validators.required),\r\n zip: new UntypedFormControl('', Validators.required),\r\n showGoogleMapOnContactUs: new UntypedFormControl(false)\r\n });\r\n }\r\n\r\n getTeamStore(teamStoreId) {\r\n this.storeBuilderService.getTeamStore(teamStoreId).subscribe((response) => {\r\n let teamStore = response.data;\r\n this.contactInfoGroup.setValue({\r\n company: teamStore.organizationName || '',\r\n contactName: teamStore.contactName || \"\",\r\n email: teamStore.emailId || \"\",\r\n phone: teamStore.phoneNumber || \"\",\r\n fax: teamStore.fax || \"\",\r\n address: teamStore.organizationAddress || \"\",\r\n appartment: teamStore.appartment || \"\",\r\n country: teamStore.country || \"\",\r\n city: teamStore.city || \"\",\r\n state: Number(teamStore.state) || \"\",\r\n zip: teamStore.zip || \"\",\r\n showGoogleMapOnContactUs: teamStore.showGoogleMapOnContactUs || \"\",\r\n });\r\n });\r\n }\r\n\r\n updateContactInfo() {\r\n\r\n // if (this.contactInfoGroup.valid) {\r\n // this.storedetailsService.updateStoreContactInfo(this.contactInfoGroup.value, this.teamStoreId).subscribe(\r\n // (response) => {\r\n // if (response.status == 1) {\r\n // this.commonService.openSuccessSnackBar(response.message, '');\r\n const url = this.commonService.createUrl(this.router.url, '/storebranding', 2);\r\n this.router.navigateByUrl(url);\r\n\r\n // }\r\n // else {\r\n // this.commonService.openErrorSnackBar(response.message, '');\r\n // }\r\n // },\r\n // (error) => {\r\n // console.log(error);\r\n // }\r\n // );\r\n // }\r\n }\r\n\r\n getAllStates() {\r\n this.commonService.getAllStates().subscribe(response => {\r\n if (response.data != null) {\r\n this.stateArray = response.data;\r\n }\r\n })\r\n }\r\n}\r\n\r\n\r\n","\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-store-developer',\r\n templateUrl: './store-developer.component.html',\r\n styleUrls: ['./store-developer.component.scss']\r\n})\r\nexport class StoreDeveloperComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","\r\n \r\n
\r\n store-developer works!
\r\n","// import { stringify } from '@angular/compiler/src/util';\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\nimport { timeStamp } from 'console';\r\nimport { DomainService } from 'src/app/core/services/domain.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\n\r\n@Component({\r\n selector: 'app-store-domain',\r\n templateUrl: './store-domain.component.html',\r\n styleUrls: ['./store-domain.component.scss']\r\n})\r\nexport class StoreDomainComponent implements OnInit {\r\n customDomainGroup: UntypedFormGroup;\r\n customDomainObj: any;\r\n customDomainType: number;\r\n isCustomDomainBoxVisible: boolean;\r\n teamStoreId: number;\r\n isDomainValid: boolean;\r\n isDomainValidated: boolean;\r\n constructor(private formBuilder: UntypedFormBuilder, private storeService: StoreService, private domainService: DomainService,\r\n private router: Router) { }\r\n\r\n ngOnInit() {\r\n this.teamStoreId=parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.setUpCustomDomainFormGroup();\r\n this.getDomainSettings();\r\n }\r\n\r\n setUpCustomDomainFormGroup(){\r\n const reg = '(https?://)?([\\\\da-z.-]+)\\\\.([a-z.]{2,6})[/\\\\w .-]*/?';\r\n this.customDomainGroup= this.formBuilder.group({\r\n domainUrl: new UntypedFormControl('', [Validators.pattern(reg)])\r\n });\r\n }\r\n\r\n changeCustomDomainBoxHidden(value: boolean){\r\n this.isCustomDomainBoxVisible=value;\r\n this.customDomainGroup.setValue({\r\n domainUrl : this.customDomainObj.domainUrl,\r\n });\r\n }\r\n\r\n saveTeamStoreChanges(){\r\n this.customDomainGroup.value.domainType= this.isCustomDomainBoxVisible?0:1;\r\n this.customDomainGroup.value.domainUrl=this.customDomainGroup.value.domainType===undefined||\r\n JSON.stringify(this.customDomainGroup.value.domainType)===\"0\"?\"\":this.customDomainGroup.value.domainUrl;\r\n this.storeService.updateDomainSettings(this.customDomainGroup.value, this.teamStoreId).subscribe(\r\n (response) => {\r\n this.onSuccessResponse(response.data);\r\n this.router.navigateByUrl(\"/storebuilder/storedetails/storesettings/seosettings\");\r\n },\r\n (error) => {\r\n console.log(error);\r\n }\r\n );\r\n }\r\n\r\n getDomainSettings(){\r\n this.storeService.getStore(this.teamStoreId).subscribe(\r\n (response) => {\r\n this.onSuccessResponse(response.data);\r\n },\r\n (error) => {\r\n console.log(error);\r\n\r\n }\r\n );\r\n }\r\n\r\n onSuccessResponse(response: any){\r\n this.customDomainObj= response.customDomains;\r\n this.customDomainType=this.customDomainObj.domainType;\r\n this.isCustomDomainBoxVisible= this.customDomainType==0?true:false;\r\n this.customDomainGroup.setValue({\r\n domainUrl : this.customDomainObj.domainUrl,\r\n });\r\n this.changeCustomDomainBoxHidden(this.isCustomDomainBoxVisible);\r\n }\r\n\r\n validateDomain(){\r\n var url=JSON.stringify(this.customDomainGroup.value.domainUrl);\r\n url= (url.indexOf(\"https://\") >0 || url.indexOf(\"https://\")>0) ? url: \"http://\"+url;\r\n this.domainService.validate(url).subscribe(\r\n (response) => {\r\n this.isDomainValidated=true;\r\n },\r\n (error) => {\r\n this.isDomainValidated=false;\r\n }\r\n );\r\n }\r\n\r\n}\r\n","","import { Component, OnInit } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StorebuilderService } from 'src/app/core/services/storebuilder.service';\r\nimport { StoredetailsService } from 'src/app/core/services/storedetails.service';\r\n\r\n@Component({\r\n selector: 'app-store-name',\r\n templateUrl: './store-name.component.html',\r\n styleUrls: ['./store-name.component.scss']\r\n})\r\nexport class StoreNameComponent implements OnInit {\r\n\r\n nameAndDirectoryGroup: UntypedFormGroup;\r\n teamStoreId: number;\r\n reg = '(https?://)?([\\\\da-z.-]+)\\\\.([a-z.]{2,6})[/\\\\w .-]*/?';\r\n\r\n constructor(private formBuilder: UntypedFormBuilder,\r\n private router: Router,\r\n private storedetailsService: StoredetailsService,\r\n private storeBuilderService: StorebuilderService,\r\n private commonService: CommonService) { }\r\n\r\n ngOnInit () {\r\n this.teamStoreId = parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.setUpNameAndDirectoryFormGroup();\r\n this.getTeamStore(this.teamStoreId);\r\n }\r\n\r\n setUpNameAndDirectoryFormGroup () { \r\n this.nameAndDirectoryGroup = this.formBuilder.group({\r\n storeName: new UntypedFormControl('',Validators.required),\r\n storeDirectory: new UntypedFormControl('',Validators.pattern(this.reg))\r\n });\r\n }\r\n\r\n save () {\r\n if (this.nameAndDirectoryGroup.valid) {\r\n var model = {\r\n id: this.teamStoreId,\r\n name: this.nameAndDirectoryGroup.get('storeName').value,\r\n storeDirectory: this.nameAndDirectoryGroup.get('storeDirectory').value\r\n };\r\n this.storedetailsService.updateStoreName(model).subscribe(\r\n (response) => {\r\n if (response.status == 1) {\r\n this.commonService.openSuccessSnackBar(response.message, '');\r\n const url = this.commonService.createUrl(this.router.url, '/storecontact', 2);\r\n this.router.navigateByUrl(url);\r\n\r\n }\r\n else {\r\n this.commonService.openErrorSnackBar(response.message, '');\r\n }\r\n },\r\n (error) => {\r\n }\r\n );\r\n }\r\n }\r\n\r\n\r\n\r\n getTeamStore (teamStoreId) {\r\n this.storeBuilderService.getTeamStore(teamStoreId).subscribe((response) => {\r\n var teamStore = response.data;\r\n this.nameAndDirectoryGroup.get('storeName').setValue(teamStore.name);\r\n this.nameAndDirectoryGroup.get('storeDirectory').setValue(teamStore.storeDirectory); \r\n });\r\n }\r\n}\r\n","\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { UntypedFormArray, UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\n\r\n@Component({\r\n selector: 'app-store-notifications',\r\n templateUrl: './store-notifications.component.html',\r\n styleUrls: ['./store-notifications.component.scss']\r\n})\r\nexport class StoreNotificationsComponent implements OnInit {\r\n\r\n notificationGroup: UntypedFormGroup;\r\n notificationArray: UntypedFormArray;\r\n notificationData: any;\r\n teamStoreId: number;\r\n // public emailPattern = \"^[a-z0-9._%+-]+@[a-z0-9.-]+\\\\.[a-z]{2,}$\";\r\n public emailPattern = \"^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\\\.[a-zA-Z]{2,}$\";\r\n\r\n constructor(\r\n private storeService: StoreService,\r\n private route: ActivatedRoute,\r\n private formBuilder: UntypedFormBuilder,\r\n private router: Router,\r\n private commonService: CommonService\r\n ) { }\r\n\r\n ngOnInit() {\r\n // this.setUpStoreNotificationsFormGroup();\r\n this.createNotificationForm();\r\n this.teamStoreId = parseInt(localStorage.getItem(\"teamStoreId\"));;\r\n //this.initializeValues();\r\n this.getStore();\r\n }\r\n\r\n createNotificationForm() {\r\n this.notificationGroup = this.formBuilder.group({\r\n notificationArray: this.formBuilder.array([]),\r\n });\r\n }\r\n\r\n createNotificationArray(): UntypedFormGroup {\r\n return this.formBuilder.group({\r\n email: new UntypedFormControl(''),\r\n instantOrderNotification: new UntypedFormControl(false),\r\n dailyOrderSummary: new UntypedFormControl(false),\r\n shippingNotification: new UntypedFormControl(false),\r\n contactUsNotification: new UntypedFormControl(false),\r\n savedDesignNotification: new UntypedFormControl(false)\r\n });\r\n }\r\n\r\n setNotificationForm(row): UntypedFormGroup {\r\n return this.formBuilder.group({\r\n email: row.email,\r\n instantOrderNotification: row.instantOrderNotification,\r\n dailyOrderSummary: row.dailyOrderSummary,\r\n shippingNotification: row.shippingNotification,\r\n contactUsNotification: row.contactUsNotification,\r\n savedDesignNotification: row.savedDesignNotification\r\n });\r\n }\r\n\r\n addRow() {\r\n this.notificationArray = this.notificationGroup.get('notificationArray') as UntypedFormArray;\r\n this.notificationArray.push(this.createNotificationArray());\r\n }\r\n\r\n saveEmailNotificationSettings() {\r\n\r\n var resultArray = [];\r\n var resultObject = {};\r\n this.notificationGroup.get('notificationArray')['controls'].forEach((myObject, i) => {\r\n var email = this.notificationGroup.get('notificationArray')['controls'][i].value.email;\r\n if (this.notificationGroup.get('notificationArray')['controls'][i].value.instantOrderNotification) {\r\n resultObject = this.createNotificationObject(email, 0);\r\n resultArray.push(resultObject)\r\n }\r\n if (this.notificationGroup.get('notificationArray')['controls'][i].value.dailyOrderSummary) {\r\n resultObject = this.createNotificationObject(email, 1);\r\n resultArray.push(resultObject)\r\n }\r\n if (this.notificationGroup.get('notificationArray')['controls'][i].value.shippingNotification) {\r\n resultObject = this.createNotificationObject(email, 2);\r\n resultArray.push(resultObject)\r\n }\r\n if (this.notificationGroup.get('notificationArray')['controls'][i].value.contactUsNotification) {\r\n resultObject = this.createNotificationObject(email, 3);\r\n resultArray.push(resultObject)\r\n }\r\n if (this.notificationGroup.get('notificationArray')['controls'][i].value.savedDesignNotification) {\r\n resultObject = this.createNotificationObject(email, 4);\r\n resultArray.push(resultObject)\r\n }\r\n });\r\n this.saveNotification(resultArray);\r\n }\r\n\r\n createNotificationObject(email, type) {\r\n var resultObject = {};\r\n resultObject = {\r\n email: email,\r\n storeNotificationType: type\r\n }\r\n return resultObject;\r\n }\r\n\r\n saveNotification(obj) {\r\n if (this.notificationGroup.valid) {\r\n this.storeService.updateStoreNotifications(obj, this.teamStoreId).subscribe(\r\n (response) => {\r\n if (response.status == 1) {\r\n this.commonService.openSuccessSnackBar(response.message, '');\r\n const url = this.commonService.createUrl(this.router.url, '/storepolicies', 2);\r\n this.router.navigateByUrl(url);\r\n }\r\n else {\r\n this.commonService.openErrorSnackBar(response.message, '');\r\n }\r\n },\r\n (error) => {\r\n console.log(error);\r\n\r\n }\r\n );\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n getStore() {\r\n this.storeService.getStore(this.teamStoreId).subscribe(\r\n (response) => {\r\n this.notificationData = response.data.notifications;\r\n (\r\n
\r\n\r\n
\r\n Store Pickup
\r\n\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n\r\n Shoppers will be able to choose from these pickup locations when they\r\n check out. \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n No pickup locations \r\n
\r\n 0\">\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n open_with\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{ option.locationName }}
\r\n\r\n \r\n \r\n EDIT\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n Pick Up Details/Instructions: \r\n
\r\n{{\r\n option.pickUpDetails\r\n }} \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n Pick Up Schedule: \r\n
\r\n \r\nOn Demand \r\n No Pick Up Date \r\n Set Pick Up Date \r\n Set Pick Up Date Range \r\n \r\n \r\n
\r\nProcessing time:\r\n {{ option.processingTime }} \r\n
\r\n{{ option.teamStorePickUpDate.pickUpStartDate }} \r\n \r\n -{{ option.teamStorePickUpDate.pickUpEndDate }} \r\n
\r\n{{ option.teamStorePickUpDate.startTime }}- \r\n {{ option.teamStorePickUpDate.endTime }}
\r\n{{ option.timeZone }} \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n Street Address:\r\n
\r\n{{\r\n option.teamStorePickUpAddress.country\r\n }} \r\n
\r\n{{\r\n option.teamStorePickUpAddress.address\r\n }} \r\n
\r\n{{\r\n option.teamStorePickUpAddress.apartment\r\n }} \r\n
\r\n{{\r\n option.teamStorePickUpAddress.city\r\n }} \r\n
\r\n{{\r\n option.teamStorePickUpAddress.state\r\n }},\r\n {{\r\n option.teamStorePickUpAddress.zipCode\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 ADD PICKUP METHOD\r\n \r\n\r\nGoogle
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\nimport Swal from 'sweetalert2';\r\n\r\ndeclare var $: any;\r\n\r\n@Component({\r\n selector: 'app-verify-art-detail',\r\n templateUrl: './verify-art-detail.component.html',\r\n styleUrls: ['./verify-art-detail.component.scss']\r\n})\r\nexport class VerifyArtDetailComponent implements OnInit {\r\n\r\n artId: any;\r\n artQueueId: any;\r\n designedId: any;\r\n orderId: any;\r\n slideIndex = 1;\r\n product: any = [];\r\n userAgreed = false;\r\n userReadyToApprove: false;\r\n rejectionBody: any = {};\r\n isRejected = false;\r\n rejectionReason: any = \"\";\r\n rejectionCode: any = 0;\r\n reasonList: any[] = [];\r\n reasonIds: any[] = [];\r\n todaysDate = new Date();\r\n\r\n constructor(private storeService: StoreService,\r\n private route: ActivatedRoute,\r\n private commonService: CommonService\r\n ) { }\r\n\r\n ngOnInit() {\r\n this.getDataFromRoute();\r\n this.getProductData();\r\n this.getCustomerReasonList();\r\n //this.showSlides(this.slideIndex);\r\n }\r\n\r\n getDataFromRoute() {\r\n this.artId = this.route.snapshot.params['artId'];\r\n this.artQueueId = this.route.snapshot.params['artQueueId'];\r\n this.designedId = this.route.snapshot.queryParams['files'];\r\n this.orderId = this.route.snapshot.params['orderId'];\r\n }\r\n\r\n onUserAgreementChecked(event) {\r\n this.userAgreed = event.srcElement.checked ? true : false;\r\n }\r\n\r\n getCustomerReasonList() {\r\n this.storeService.getCustomerReasonList().subscribe(response => {\r\n if (response.data != null) {\r\n this.reasonList = response.data;\r\n }\r\n });\r\n }\r\n\r\n getProductData() {\r\n this.storeService.getUserArtVerificationDetails(this.artQueueId, this.artId, this.designedId, this.orderId).subscribe(res => {\r\n this.product = res.data;\r\n this.showSlides(1)\r\n // this.plusSlides(1)\r\n },\r\n error => {\r\n this.commonService.openErrorSnackBar(error.message, \"\");\r\n });\r\n }\r\n\r\n plusSlides(n) {\r\n this.showSlides(this.slideIndex += n);\r\n }\r\n\r\n currentSlide(n) {\r\n this.showSlides(this.slideIndex = n);\r\n }\r\n\r\n showSlides(n) {\r\n var i;\r\n\r\n var slides = document.getElementsByClassName(\"mySlides\");\r\n // var dots = document.getElementsByClassName(\"dot\");\r\n\r\n if (n > slides.length) {\r\n this.slideIndex = 1;\r\n }\r\n\r\n if (n < 1) {\r\n this.slideIndex = slides.length;\r\n }\r\n\r\n for (i = 0; i < slides.length; i++) {\r\n let s = slides[i] as HTMLElement\r\n s.style.display = \"none\";\r\n }\r\n // for (i = 0; i < dots.length; i++) {\r\n // dots[i].className = dots[i].className.replace(\"active\", \"\");\r\n // }\r\n let curSlide = slides[this.slideIndex - 1] as HTMLElement\r\n curSlide.style.display = \"block\";\r\n curSlide.style.opacity = '1'\r\n //dots[this.slideIndex-1].className += \"active\";\r\n }\r\n\r\n checkUserAgreement() {\r\n if (this.userAgreed) {\r\n this.toggleModal();\r\n this.submit(6);\r\n }\r\n else {\r\n Swal.fire({\r\n title: \"Warning\",\r\n text: \"Please read and accept the terms.\",\r\n icon: \"error\",\r\n });\r\n }\r\n }\r\n\r\n updateStatus(value) {\r\n if (value == 11) {\r\n this.isRejected = true;\r\n this.toggleModal();\r\n } else {\r\n this.submit(6)\r\n }\r\n }\r\n\r\n toggleModal() {\r\n $('#rejectionModal').modal('toggle');\r\n }\r\n\r\n confirmRejection(rejectionReason, rejectionCode) {\r\n let reason = '';\r\n this.reasonIds.forEach((item) => {\r\n reason += item + ',';\r\n });\r\n reason = reason.slice(0, -1);\r\n\r\n this.rejectionBody = {\r\n rejectionReasonIds: reason,\r\n rejectionReason: rejectionReason\r\n }\r\n this.toggleModal();\r\n this.submit(11);\r\n }\r\n\r\n cancelRejection() {\r\n this.rejectionBody = {};\r\n this.rejectionCode = 0;\r\n this.rejectionReason = \"\";\r\n this.toggleModal();\r\n }\r\n\r\n reasonSelected(event, item) {\r\n if (event.srcElement.checked) {\r\n this.reasonIds.push(Number(item.id));\r\n } else {\r\n const index = this.reasonIds.indexOf(item.id);\r\n if (index > -1) {\r\n this.reasonIds.splice(index, 1);\r\n }\r\n }\r\n }\r\n\r\n submit(value) {\r\n if (this.userAgreed) {\r\n let name = $('#name').val();\r\n let signature = $('#signature').val();\r\n\r\n if ((name != null && name != '') && (signature != null && signature != '')) {\r\n if (value == 6)\r\n this.rejectionBody = null;\r\n\r\n this.storeService.userVerifyArtQueue(this.artQueueId, this.artId, value, this.rejectionBody).subscribe((response) => {\r\n\r\n if (response.statusCode == 200) {\r\n if (value === 6) {\r\n Swal.fire({\r\n title: \"Approved\",\r\n text: \"Art Approval successfully!\",\r\n icon: \"success\",\r\n }).then(() => {\r\n // this.router.navigate([' ']);\r\n })\r\n } else if (value === 11) {\r\n Swal.fire({\r\n title: \"Rejected\",\r\n text: \"Art Rejected successfully!\",\r\n icon: \"success\",\r\n }).then(() => {\r\n \r\n // this.router.navigate([' ']);\r\n })\r\n }\r\n }\r\n });\r\n }\r\n else {\r\n Swal.fire({\r\n title: \"Warning\",\r\n text: \"Please enter name and signature to continue\",\r\n icon: \"error\",\r\n });\r\n }\r\n }\r\n else {\r\n Swal.fire({\r\n title: \"Warning\",\r\n text: \"Please read and accept the terms.\",\r\n icon: \"error\",\r\n });\r\n }\r\n\r\n }\r\n\r\n}\r\n","
\r\n\r\n\r\n
\r\n","// import { stringify } from '@angular/compiler/src/util';\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\n\r\ndeclare var $: any;\r\n\r\n@Component({\r\n selector: 'app-store-policies',\r\n templateUrl: './store-policies.component.html',\r\n styleUrls: ['./store-policies.component.scss']\r\n})\r\nexport class StorePoliciesComponent implements OnInit {\r\n\r\n storePoliciesGroup: UntypedFormGroup;\r\n teamStoreId: number;\r\n selectedPolicy: string;\r\n isEditable: boolean;\r\n storePoliciesObj: any[] = [];\r\n thankYouMessageSelected: string;\r\n PackingSlipFooterSelected: string;\r\n privacyPolicySelected: string;\r\n termsOfUseSelected: string;\r\n thankYouMessage: any;\r\n PackingSlipFooter: any;\r\n privacyPolicy: any;\r\n termsOfUse: any;\r\n addPolicyFormGroup: UntypedFormGroup;\r\n defaultThankYouMessage = \"\r\n \r\n
\r\nThank you! Your order has been placed.
An email confirmation has been sent to you. If you have any questions or if you need to make a change, contact us.
We appreciate your business! Thank you for shopping with us.
This privacy policy has been compiled to better serve those who are concerned with how their 'Personally Identifiable Information' (PII) is being used online. PII, as described in US privacy law and information security, is information that can be used on its own or with other information to identify, contact, or locate a single person, or to identify an individual in context. Please read our privacy policy carefully to get a clear understanding of how we collect, use, protect or otherwise handle your Personally Identifiable Information in accordance with our website.
What personal information do we collect from the people that visit our blog, website or app?
When ordering or registering on our site, as appropriate, you may be asked to enter your name, email address, mailing address, phone number, credit card information or other details to help you with your experience.
When do we collect information?
We collect information from you when you register on our site, place an order, Open a Support Ticket or enter information on our site.
How do we use your information?
We may use the information we collect from you when you register, make a purchase, sign up for our newsletter, respond to a survey or marketing communication, surf the website, or use certain other site features in the following ways:
• To personalize your experience and to allow us to deliver the type of content and product offerings in which you are most interested.
• To improve our website in order to better serve you.
• To allow us to better service you in responding to your customer service requests.
• To quickly process your transactions.
• To send periodic emails regarding your order or other products and services.
How do we protect your information?
Our website is scanned on a regular basis for security holes and known vulnerabilities in order to make your visit to our site as safe as possible.
We use regular Malware Scanning.
Your personal information is contained behind secured networks and is only accessible by a limited number of persons who have special access rights to such systems, and are required to keep the information confidential. In addition, all sensitive/credit information you supply is encrypted via Secure Socket Layer (SSL) technology.
We implement a variety of security measures when a user places an order enters, submits, or accesses their information to maintain the safety of your personal information.
All transactions are processed through a gateway provider and are not stored or processed on our servers.
Do we use 'cookies'?
Yes. Cookies are small files that a site or its service provider transfers to your computer's hard drive through your Web browser (if you allow) that enables the site's or service provider's systems to recognize your browser and capture and remember certain information. For instance, we use cookies to help us remember and process the items in your shopping cart. They are also used to help us understand your preferences based on previous or current site activity, which enables us to provide you with improved services. We also use cookies to help us compile aggregate data about site traffic and site interaction so that we can offer better site experiences and tools in the future.
We use cookies to:
• Help remember and process the items in the shopping cart.
• Understand and save user's preferences for future visits.
You can choose to have your computer warn you each time a cookie is being sent, or you can choose to turn off all cookies. You do this through your browser settings. Since browser is a little different, look at your browser's Help Menu to learn the correct way to modify your cookies.
If users disable cookies in their browser:
If you turn cookies off, some features will be disabled. Some of the features that make your site experience more efficient and may not function properly.
However, you will still be able to place orders over the telephone by contacting customer service.
Third-party disclosure
We do not sell, trade, or otherwise transfer to outside parties your Personally Identifiable Information.
Third-party links
We do not include or offer third-party products or services on our website.
Google's advertising requirements can be summed up by Google's Advertising Principles. They are put in place to provide a positive experience for users. https://support.google.com/adwordspolicy/answer/1316548?hl=en
We use Google AdSense Advertising on our website.
Google, as a third-party vendor, uses cookies to serve ads on our site. Google's use of the DART cookie enables it to serve ads to our users based on previous visits to our site and other sites on the Internet. Users may opt-out of the use of the DART cookie by visiting the Google Ad and Content Network privacy policy.
We have implemented the following:
• Remarketing with Google AdSense
We, along with third-party vendors such as Google use first-party cookies (such as the Google Analytics cookies) and third-party cookies (such as the DoubleClick cookie) or other third-party identifiers together to compile data regarding user interactions with ad impressions and other ad service functions as they relate to our website.
Opting out:
Users can set preferences for how Google advertises to you using the Google Ad Settings page. Alternatively, you can opt out by visiting the Network Advertising Initiative Opt Out page or by using the Google Analytics Opt Out Browser add on.
California Online Privacy Protection Act
CalOPPA is the first state law in the nation to require commercial websites and online services to post a privacy policy. The law's reach stretches well beyond California to require any person or company in the United States (and conceivably the world) that operates websites collecting Personally Identifiable Information from California consumers to post a conspicuous privacy policy on its website stating exactly the information being collected and those individuals or companies with whom it is being shared. - See more at: http://consumercal.org/california-online-privacy-protection-act-caloppa/#sthash.0FdRbT51.dpuf
According to CalOPPA, we agree to the following:
Users can visit our site anonymously.
Once this privacy policy is created, we will add a link to it on our home page or as a minimum, on the first significant page after entering our website.
Our Privacy Policy link includes the word 'Privacy' and can easily be found on the page specified above.
You will be notified of any Privacy Policy changes:
• On our Privacy Policy Page
Can change your personal information:
• By logging in to your account
• By chatting with us or by sending us a support ticket
How does our site handle Do Not Track signals?
We honor Do Not Track signals and Do Not Track, plant cookies, or use advertising when a Do Not Track (DNT) browser mechanism is in place.
Does our site allow third-party behavioral tracking?
It's also important to note that we allow third-party behavioral tracking
COPPA (Children Online Privacy Protection Act)
When it comes to the collection of personal information from children under the age of 13 years old, the Children's Online Privacy Protection Act (COPPA) puts parents in control. The Federal Trade Commission, United States' consumer protection agency, enforces the COPPA Rule, which spells out what operators of websites and online services must do to protect children's privacy and safety online.
We do not specifically market to children under the age of 13 years old.
Fair Information Practices
The Fair Information Practices Principles form the backbone of privacy law in the United States and the concepts they include have played a significant role in the development of data protection laws around the globe. Understanding the Fair Information Practice Principles and how they should be implemented is critical to comply with the various privacy laws that protect personal information.
In order to be in line with Fair Information Practices we will take the following responsive action, should a data breach occur:
We will notify you via email
• Within 7 business days
We will notify the users via in-site notification
• Within 7 business days
We also agree to the Individual Redress Principle which requires that individuals have the right to legally pursue enforceable rights against data collectors and processors who fail to adhere to the law. This principle requires not only that individuals have enforceable rights against data users, but also that individuals have recourse to courts or government agencies to investigate and/or prosecute non-compliance by data processors.
CAN SPAM Act
The CAN-SPAM Act is a law that sets the rules for commercial email, establishes requirements for commercial messages, gives recipients the right to have emails stopped from being sent to them, and spells out tough penalties for violations.
We collect your email address in order to:
• Send information, respond to inquiries, and/or other requests or questions
• Process orders and to send information and updates pertaining to orders.
• Send you additional information related to your product and/or service
• Market to our mailing list or continue to send emails to our clients after the original transaction has occurred.
To be in accordance with CANSPAM, we agree to the following:
• Not use false or misleading subjects or email addresses.
• Identify the message as an advertisement in some reasonable way.
• Include the physical address of our business or site headquarters.
• Monitor third-party email marketing services for compliance, if one is used.
• Honor opt-out/unsubscribe requests quickly.
• Allow users to unsubscribe by using the link at the bottom of each email.
If at any time you would like to unsubscribe from receiving future emails, you can email us by:
• Follow the instructions at the bottom of each email and we will promptly remove you from ALL correspondence.
Contacting Us:
If there are any questions regarding this privacy policy, you may contact us using the contact information on the website.
We strive for 100% Customer Satisfaction. If you are not completely satisfied with your products or Service, please contact us immediately.
\r\n
","import { Component, OnInit } from \"@angular/core\";\r\nimport { UntypedFormGroup, UntypedFormBuilder, UntypedFormControl, Validators } from \"@angular/forms\";\r\nimport { Router } from \"@angular/router\";\r\nimport { CommonService } from \"src/app/core/services/common.service\";\r\nimport { StorebuilderService } from \"src/app/core/services/storebuilder.service\";\r\nimport { StoredetailsService } from \"src/app/core/services/storedetails.service\";\r\n\r\n@Component({\r\n selector: \"app-store-productdisplay\",\r\n templateUrl: \"./store-productdisplay.component.html\",\r\n styleUrls: [\"./store-productdisplay.component.scss\"],\r\n})\r\nexport class StoreProductdisplayComponent implements OnInit {\r\n productDisplaySettingsGroup: UntypedFormGroup;\r\n teamStoreId: number;\r\n isInventoryChecked: boolean;\r\n\r\n constructor(\r\n private formBuilder: UntypedFormBuilder,\r\n private router: Router,\r\n private storedetailsService: StoredetailsService,\r\n private storeBuilderService: StorebuilderService,\r\n private commonService: CommonService\r\n ) { }\r\n\r\n ngOnInit() {\r\n this.teamStoreId = parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.setUpProductDisplayFormGroup();\r\n this.getTeamStore(this.teamStoreId);\r\n }\r\n\r\n setUpProductDisplayFormGroup() {\r\n this.productDisplaySettingsGroup = this.formBuilder.group({\r\n productSortOrderType: new UntypedFormControl(\"1\", Validators.required),\r\n showAvailableInventory: new UntypedFormControl(false),\r\n displaySku: new UntypedFormControl(true),\r\n displayManufacturer: new UntypedFormControl(true),\r\n inventoryThreshold: new UntypedFormControl(false),\r\n });\r\n }\r\n\r\n updateDisplaySetting() {\r\n if (this.productDisplaySettingsGroup.valid) {\r\n this.storedetailsService.updateStoreDisplaySettings(this.productDisplaySettingsGroup.value, this.teamStoreId).subscribe(\r\n (response) => {\r\n if (response.status == 1) {\r\n this.commonService.openSuccessSnackBar(response.message, '');\r\n const url = this.commonService.createUrl(this.router.url, '/storeclosedpage', 2);\r\n this.router.navigateByUrl(url);\r\n\r\n } else {\r\n this.commonService.openErrorSnackBar(response.message, '');\r\n }\r\n\r\n },\r\n (error) => {\r\n console.log(error);\r\n }\r\n );\r\n }\r\n\r\n }\r\n\r\n\r\n change() {\r\n if (this.isInventoryChecked == true) {\r\n this.isInventoryChecked = false;\r\n }\r\n else {\r\n this.isInventoryChecked = true;\r\n }\r\n\r\n }\r\n\r\n getTeamStore(teamStoreId) {\r\n this.storeBuilderService.getTeamStore(teamStoreId).subscribe((response) => {\r\n var teamStore = response.data;\r\n if (teamStore.productDisplaySettings != null) {\r\n this.productDisplaySettingsGroup.setValue({\r\n productSortOrderType: teamStore.productDisplaySettings.productSortOrderType == null ? \"1\" : teamStore.productDisplaySettings.productSortOrderType,\r\n showAvailableInventory:\r\n teamStore.productDisplaySettings.showAvailableInventory,\r\n displaySku: teamStore.productDisplaySettings.displaySku,\r\n displayManufacturer:\r\n teamStore.productDisplaySettings.displayManufacturer,\r\n inventoryThreshold: teamStore.productDisplaySettings.inventoryThreshold == \"\" ? \"0\" : teamStore.productDisplaySettings.inventoryThreshold,\r\n });\r\n }\r\n\r\n });\r\n }\r\n}\r\n","\r\n","import { Component, OnInit } from \"@angular/core\";\r\nimport { ActivatedRoute, Router } from \"@angular/router\";\r\nimport { CommonService } from \"src/app/core/services/common.service\";\r\n\r\n@Component({\r\n selector: \"app-store-settings\",\r\n templateUrl: \"./store-settings.component.html\",\r\n styleUrls: [\"./store-settings.component.scss\"],\r\n})\r\nexport class StoreSettingsComponent implements OnInit {\r\n redirectionUrl: String = \"\";\r\n\r\n constructor(\r\n private route: ActivatedRoute,\r\n private router: Router,\r\n private commonService: CommonService\r\n ) { }\r\n\r\n ngOnInit() { }\r\n\r\n showForm(valueForm: number) {\r\n switch (valueForm) {\r\n case 1:\r\n this.redirectionUrl = \"/storename\";\r\n break;\r\n case 2:\r\n this.redirectionUrl = \"/storecontact\";\r\n break;\r\n case 3:\r\n this.redirectionUrl = \"/storebranding\";\r\n break;\r\n case 4:\r\n this.redirectionUrl = \"/storenotifications\";\r\n break;\r\n case 5:\r\n this.redirectionUrl = \"/storepolicies\";\r\n break;\r\n case 6:\r\n this.redirectionUrl = \"/privacysettings\";\r\n break;\r\n case 7:\r\n this.redirectionUrl = \"/socialmedia\";\r\n break;\r\n case 8:\r\n this.redirectionUrl = \"/storedisplay\";\r\n break;\r\n case 9:\r\n this.redirectionUrl = \"/storeclosedpage\";\r\n break;\r\n case 10:\r\n this.redirectionUrl = \"/designer\";\r\n break;\r\n case 11:\r\n this.redirectionUrl = \"/productionschedule\";\r\n break;\r\n case 12:\r\n this.redirectionUrl = \"/shippingmethods\";\r\n break;\r\n case 13:\r\n this.redirectionUrl = \"/storepickup\";\r\n break;\r\n case 14:\r\n this.redirectionUrl = \"/checkoutsettings\";\r\n break;\r\n case 15:\r\n this.redirectionUrl = \"/customorderfields\";\r\n break;\r\n case 16:\r\n this.redirectionUrl = \"/storecommission\";\r\n break;\r\n case 17:\r\n this.redirectionUrl = \"/seosettings\";\r\n break;\r\n case 18:\r\n this.redirectionUrl = \"/storedomain\";\r\n break;\r\n case 20:\r\n this.redirectionUrl = \"/storedeveloper\";\r\n break;\r\n case 21:\r\n this.redirectionUrl = \"/shippingandpickupmethods\";\r\n break;\r\n case 22:\r\n this.redirectionUrl = \"/orderreceipt\";\r\n break;\r\n case 23:\r\n this.redirectionUrl = \"/storelive\";\r\n break;\r\n case 24:\r\n this.redirectionUrl = \"/storeverification\";\r\n break;\r\n case 25:\r\n this.redirectionUrl = \"/banner-top\";\r\n break;\r\n case 26:\r\n this.redirectionUrl = \"/metadata\";\r\n break;\r\n }\r\n\r\n this.redirect();\r\n }\r\n\r\n redirect() {\r\n let baseUrl = this.router.url;\r\n let url = this.commonService.createUrl(baseUrl, this.redirectionUrl, 2);\r\n this.router.navigateByUrl(url);\r\n }\r\n}\r\n","\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\nGENERAL \r\n \r\n \r\n Store Name\r\n \r\n \r\n Contact Info\r\n \r\n \r\n Store Branding\r\n \r\n \r\n Metadata\r\n \r\n \r\n \r\n
\r\nTEMPLATES \r\n \r\n \r\n Order Receipt\r\n \r\n \r\n Store Live\r\n \r\n \r\n Store Verification\r\n \r\n \r\n Disclaimer\r\n \r\n
\r\n \r\nE-COMMERCE \r\n \r\n \r\n Products Shipped Date\r\n \r\n \r\n \r\n Shipping and Pick Up Methods\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Settings\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 Run With Job \r\n \r\n \r\n \r\n \r\n Re-Order \r\n \r\n \r\n
\r\n Order #:{{product?.orderId}} (Rush Order)
\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
\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 Team Members \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
\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 Ship To:
\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 \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 ","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreCartService } from 'src/app/core/services/storeCart.service';\r\nimport Swal from 'sweetalert2'\r\ndeclare var $ : any;\r\n\r\n@Component({\r\n selector: 'app-verify-art',\r\n templateUrl: './verify-art.component.html',\r\n styleUrls: ['./verify-art.component.scss']\r\n})\r\nexport class VerifyArtComponent implements OnInit {\r\n artId: any;\r\n storeId: any;\r\n artQueueId:any;\r\n designedUrl:any;\r\n designImgList: any[] = [];\r\n artImgList: any[] = [];\r\n productList = []\r\n rejectionReason: any = \"\";\r\n rejectionCode: any = 0;\r\n rejectionBody: any = {};\r\n reasonList: any[] = [];\r\n isInteracted = false;\r\n reasonIds: any[] = [];\r\n isRejected = false;\r\n userAgreed = false;\r\n\r\n constructor(\r\n private storeService: StoreService,\r\n private route: ActivatedRoute,\r\n private commonService: CommonService,\r\n private storeCartService: StoreCartService\r\n ) { }\r\n\r\n ngOnInit() {\r\n this.artId = this.route.snapshot.params['artId'];\r\n this.artQueueId = this.route.snapshot.params['artQueueId'];\r\n this.designedUrl = this.route.snapshot.queryParams['files'];\r\n this.getImages();\r\n this.getArtImgList();\r\n this.getCustomerReasonList();\r\n }\r\n\r\n getImages(){\r\n let imgTempList = this.designedUrl;\r\n this.storeService.getArtDesignImagesForVerification(imgTempList).subscribe(res => {\r\n this.designImgList = res.data;\r\n },\r\n error =>{\r\n this.commonService.openErrorSnackBar(error.message, \"\");\r\n });\r\n }\r\n\r\n getArtImgList () {\r\n this.storeService.getArtImgList(this.artQueueId, this.artId).subscribe(res => {\r\n if (res) {\r\n this.artImgList = res.data;\r\n if(this.artImgList[0].artMappingStatus == 6){\r\n this.isInteracted = true;\r\n Swal.fire({\r\n title: \"Approved\",\r\n text: \"Art Already Approved\",\r\n icon: \"success\",\r\n }).then(() => {\r\n // this.router.navigate([' ']);\r\n })\r\n }\r\n else if (this.artImgList[0].artMappingStatus === 11) {\r\n this.isInteracted = true;\r\n Swal.fire({\r\n title: \"Rejected\",\r\n text: \"Art Already Rejected\",\r\n icon: \"success\",\r\n }).then(() => {\r\n // this.router.navigate([' ']);\r\n })\r\n }\r\n }\r\n }, (error) => {\r\n this.commonService.openErrorSnackBar(error.message, \"\");\r\n });\r\n }\r\n getCustomerReasonList () {\r\n this.storeService.getCustomerReasonList().subscribe(response => {\r\n if (response.data != null) {\r\n this.reasonList = response.data;\r\n }\r\n });\r\n }\r\n\r\n toggleModal(){\r\n $('#rejectionModal').modal('toggle');\r\n }\r\n\r\n updateStatus (value) {\r\n if (value == 11) {\r\n this.isRejected = true;\r\n this.toggleModal();\r\n } else {\r\n this.isRejected = false;\r\n this.toggleModal();\r\n }\r\n }\r\n\r\n onUserAgreementChecked(event){\r\n this.userAgreed = event.srcElement.checked ? true : false; \r\n }\r\n\r\n checkUserAgreement(){\r\n if(this.userAgreed){\r\n this.toggleModal();\r\n this.submit(6);\r\n }\r\n else{\r\n Swal.fire({\r\n title: \"Warning\",\r\n text: \"Please read and accept the terms.\",\r\n icon: \"error\",\r\n });\r\n }\r\n }\r\n\r\n confirmRejection (rejectionReason, rejectionCode) {\r\n let reason = '';\r\n this.reasonIds.forEach((item)=>{\r\n reason += item + ',';\r\n });\r\n reason = reason.slice(0, -1);\r\n\r\n this.rejectionBody = {\r\n rejectionReasonIds: reason,\r\n rejectionReason: rejectionReason\r\n }\r\n this.toggleModal();\r\n this.submit(11);\r\n }\r\n\r\n cancelRejection () {\r\n this.rejectionBody = {};\r\n this.rejectionCode = 0;\r\n this.rejectionReason = \"\";\r\n this.toggleModal();\r\n }\r\n\r\n reasonSelected (event, item) {\r\n if (event.srcElement.checked) {\r\n this.reasonIds.push(Number(item.id));\r\n } else {\r\n const index = this.reasonIds.indexOf(item.id);\r\n if (index > -1) {\r\n this.reasonIds.splice(index, 1);\r\n }\r\n }\r\n }\r\n\r\n submit (value) {\r\n if(value == 6)\r\n this.rejectionBody = null;\r\n\r\n this.storeService.userVerifyArtQueue(this.artQueueId,this.artId, value,this.rejectionBody).subscribe((response) => {\r\n \r\n if (response.statusCode == 200) {\r\n if (value === 6) {\r\n Swal.fire({\r\n title: \"Approved\",\r\n text: \"Art Approval successfully!\",\r\n icon: \"success\",\r\n }).then(() => {\r\n this.isInteracted = true;\r\n // this.router.navigate([' ']);\r\n })\r\n } else if (value === 11) {\r\n Swal.fire({\r\n title: \"Rejected\",\r\n text: \"Art Rejected successfully!\",\r\n icon: \"success\",\r\n }).then(() => {\r\n this.isInteracted = true;\r\n // this.router.navigate([' ']);\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
","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { StoredetailsService } from '../../core/services/storedetails.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\nimport Swal from 'sweetalert2'\r\nimport { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';\r\ndeclare var $: any;\r\n\r\n@Component({\r\n selector: 'app-verify-teamstore',\r\n templateUrl: './verify-teamstore.component.html',\r\n styleUrls: ['./verify-teamstore.component.scss']\r\n})\r\nexport class VerifyTeamstoreComponent implements OnInit {\r\n teamStoreId: any;\r\n layoutData: any;\r\n selectedComponent: any = 0;\r\n rejectionReason: any = \"\";\r\n rejectionCode: any = 0;\r\n rejectionBody: any = {};\r\n reasonList: any[] = [];\r\n isInteracted = false;\r\n storeRejectionForm: UntypedFormGroup;\r\n rejectionCodes = [];\r\n loading = false\r\n constructor(\r\n private storeDetailsService: StoredetailsService,\r\n private storeService: StoreService,\r\n private route: ActivatedRoute,\r\n private formBuilder: UntypedFormBuilder\r\n ) { }\r\n\r\n ngOnInit() {\r\n this.teamStoreId = this.route.snapshot.params['storeId'];\r\n this.createStoreRejectionForm();\r\n this.getLayoutSettings();\r\n // this.getReasonList();\r\n // this.getStoreRejectionCodes();\r\n }\r\n\r\n createStoreRejectionForm() {\r\n this.storeRejectionForm = this.formBuilder.group({\r\n amRejectionCodes: '',\r\n amRejectionText: ''\r\n });\r\n }\r\n\r\n getLayoutSettings() {\r\n this.loading = true\r\n this.storeDetailsService.getLayoutSettings(this.teamStoreId).subscribe((response) => {\r\n this.selectedComponent = response.data.layout.componentId;\r\n this.layoutData = JSON.parse(response.data.style);\r\n this.layoutData[\"closeDate\"] = response.data.closeDate\r\n this.layoutData[\"disclaimer\"] = response.data.disclaimer\r\n this.loading = false\r\n }, (err)=>{\r\n this.loading = false\r\n this.layoutData = null\r\n });\r\n }\r\n\r\n getStoreRejectionCodes() {\r\n this.storeService.getTeamStoreRejectionCodes().subscribe(\r\n (response) => {\r\n this.rejectionCodes = response.data;\r\n }\r\n );\r\n }\r\n\r\n isStoreVerified(value) {\r\n if (value == 2) {\r\n this.isInteracted = true;\r\n Swal.fire({\r\n title: \"Approved\",\r\n text: \"Store Already Approved\",\r\n icon: \"success\",\r\n })\r\n }\r\n else if (value == 1) {\r\n this.isInteracted = true;\r\n Swal.fire({\r\n title: \"Rejected\",\r\n text: \"Store Already Rejected\",\r\n icon: \"success\",\r\n })\r\n }\r\n }\r\n\r\n getReasonList() {\r\n this.storeService.getReasonList().subscribe(response => {\r\n if (response.data != null) {\r\n this.reasonList = response.data;\r\n }\r\n });\r\n }\r\n\r\n updateStatus(value) {\r\n if (value == 1) {\r\n $('#rejectionModal').modal('show');\r\n } else {\r\n this.submit(value);\r\n }\r\n }\r\n\r\n confirmRejection() {\r\n this.rejectionBody = {\r\n rejectionReason: this.storeRejectionForm.controls['amRejectionText'].value,\r\n rejectionCode: this.storeRejectionForm.controls['amRejectionCodes'].value.toString()\r\n }\r\n this.submit(1);\r\n }\r\n\r\n closeStoreModal() {\r\n $('#addArtModal').modal('hide');\r\n }\r\n\r\n cancelRejection() {\r\n this.rejectionBody = {};\r\n this.rejectionCode = 0;\r\n this.rejectionReason = \"\";\r\n $('#rejectStoreModal').modal('hide');\r\n }\r\n\r\n submit(value) {\r\n this.storeService.userVerifyTeamStore(this.teamStoreId, value, this.rejectionBody).subscribe((response) => {\r\n this.cancelRejection();\r\n if (response.statusCode == 200) {\r\n if (value === 2) {\r\n Swal.fire({\r\n title: \"Approved\",\r\n text: \"You have approved the store build. Your account manager will contact you soon\",\r\n icon: \"success\",\r\n }).then(() => {\r\n this.isInteracted = true;\r\n // this.router.navigate([' ']);\r\n })\r\n } else if (value === 1) {\r\n Swal.fire({\r\n title: \"Rejected\",\r\n text: \"You have rejected the store build. Your account manager will contact you soon\",\r\n icon: \"success\",\r\n }).then(() => {\r\n this.isInteracted = true;\r\n // this.router.navigate([' ']);\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 Page Not Found
\r\n\r\n
\r\n\r\n\r\n \r\n Loading...\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 } from '@angular/core';\r\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { UserService } from 'src/app/core/services/user.service';\r\n\r\n@Component({\r\n selector: 'app-verify-user',\r\n templateUrl: './verify-user.component.html',\r\n styleUrls: ['./verify-user.component.scss']\r\n})\r\nexport class VerifyUserComponent implements OnInit {\r\n userVerificationForm: UntypedFormGroup;\r\n emailPattern: string = \"^[a-z0-9._%+-]+@[a-z0-9.-]+\\\\.[a-z]{2,}$\";\r\n urlParams = new URLSearchParams(window.location.search);\r\n userId: any;\r\n securityToken = this.urlParams.get('securityToken');\r\n handler = this.urlParams.get('handler');\r\n\r\n constructor(\r\n private formBuilder: UntypedFormBuilder,\r\n private userService: UserService,\r\n private router: Router,\r\n private route: ActivatedRoute,\r\n private commonService: CommonService\r\n ) { }\r\n\r\n ngOnInit () {\r\n this.route.paramMap.subscribe(params => {\r\n this.userId = params.get('userId');\r\n });\r\n this.getUserDetails();\r\n }\r\n\r\n setUserVerificationForm (data) {\r\n this.userVerificationForm = this.formBuilder.group({\r\n email: data.email,\r\n password: new UntypedFormControl('', Validators.required),\r\n confirmPassword: new UntypedFormControl('', Validators.required)\r\n });\r\n }\r\n\r\n getUserDetails () {\r\n \r\n this.userService.getProfileDetails(this.userId, this.securityToken).subscribe(response => {\r\n if (response.data != null) {\r\n this.setUserVerificationForm(response.data);\r\n }\r\n },\r\n error => {\r\n });\r\n }\r\n\r\n verifyUserAccount () {\r\n if (this.userVerificationForm.valid) {\r\n if (this.userVerificationForm.value.password != this.userVerificationForm.value.confirmPassword) {\r\n this.commonService.openErrorSnackBar(\"Password do not match!\", \"\");\r\n return;\r\n } else {\r\n\r\n var model = {\r\n id: this.userId,\r\n securityToken: this.securityToken,\r\n handler: this.handler,\r\n password: this.userVerificationForm.get('password').value\r\n }\r\n this.userService.verifyUserAccount(this.userId, model).subscribe(\r\n (response) => {\r\n this.commonService.openSuccessSnackBar(response.message, \"\");\r\n this.router.navigateByUrl('login');\r\n },\r\n (error) => {\r\n this.commonService.openErrorSnackBar(error, \"\");\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","import { Component, OnInit } from '@angular/core';\r\nimport { FormBuilder } from '@angular/forms';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\n// import { saveAs } from \"file-saver\";\r\nimport * as FileSaver from 'file-saver';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\n\r\n@Component({\r\n selector: 'app-view-art',\r\n templateUrl: './view-art.component.html',\r\n styleUrls: ['./view-art.component.scss']\r\n})\r\nexport class ViewArtComponent implements OnInit {\r\n\r\n constructor(\r\n private commonService: CommonService,\r\n private storeService: StoreService,\r\n private route: ActivatedRoute,\r\n ) { }\r\n\r\n artImgList: any[] = [];\r\n\r\n ngOnInit() {\r\n let id = this.route.snapshot.params[\"artQueueId\"]\r\n // let id=1010\r\n this.getArtImgList(id);\r\n }\r\n\r\n getArtImgList (id) {\r\n this.storeService.getArtImgList(id,0).subscribe(res => {\r\n if (res) {\r\n this.artImgList = res.data;\r\n }\r\n }, (error) => {\r\n this.commonService.openErrorSnackBar(error.message, \"\");\r\n });\r\n }\r\n\r\n \r\n downloadImg (url) {\r\n let urlSplit = url.split('/');\r\n FileSaver.saveAs(url, urlSplit[urlSplit.length - 1]);\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n
Activate your account
\r\n\r\n
Complete your account details
\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 Type : {{item.metaData?.artServiceType}} \r\n Art Position : {{item.metaData?.artPosition}} \r\n No of colors : {{item.metaData?.noOfColors}} \r\n Colors : {{item.metaData?.colors}} \r\n Size : {{item.metaData?.artSize}} \r\n Template : {{item?.teamStoreArt?.templateName}} \r\n
\r\n \r\n Art Data
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
","No Arts Found
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { StoredetailsService } from '../../core/services/storedetails.service';\r\n\r\n@Component({\r\n selector: 'app-view-store',\r\n templateUrl: './view-store.component.html',\r\n styleUrls: ['./view-store.component.scss']\r\n})\r\nexport class ViewStoreComponent implements OnInit {\r\n teamStoreId: any;\r\n layoutData: any;\r\n selectedComponent: any = 0;\r\n\r\n constructor(\r\n private storeDetailsService: StoredetailsService,\r\n private route: ActivatedRoute\r\n ) { }\r\n\r\n ngOnInit () {\r\n this.teamStoreId = this.route.snapshot.params['storeId'];\r\n this.getLayoutSettings();\r\n }\r\n\r\n getLayoutSettings () {\r\n this.storeDetailsService.getLayoutSettings(this.teamStoreId).subscribe((response) => {\r\n this.selectedComponent = response.data.layout.componentId;\r\n this.layoutData = JSON.parse(response.data.style);\r\n this.layoutData[\"closeDate\"] = response.data.closeDate\r\n this.layoutData[\"disclaimer\"] = response.data.disclaimer\r\n });\r\n }\r\n\r\n}\r\n","\r\n
\r\n Please design the layout to view store.
\r\n\r\n
","import { Component, Input, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\n\r\n@Component({\r\n selector: 'app-view-layout1',\r\n templateUrl: './view-layout1.component.html',\r\n styleUrls: ['./view-layout1.component.scss']\r\n})\r\nexport class ViewLayout1Component implements OnInit {\r\n\r\n @Input() layoutData: any;\r\n\r\n productsByCategory = []\r\n teamStoreId: any;\r\n noImagePlaceholder = \"../../../../../assets/images/default-image.jpg\"\r\n constructor(\r\n private storeService: StoreService,\r\n private router : Router\r\n ) { }\r\n\r\n ngOnInit() {\r\n this.teamStoreId = parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.getCatagoryWiseProducts()\r\n }\r\n\r\n getCatagoryWiseProducts() {\r\n this.storeService.getCategoriesWithProducts(this.teamStoreId).subscribe(\r\n (response) => {\r\n this.productsByCategory = response.data\r\n },\r\n (error) => {\r\n console.log(error)\r\n });\r\n }\r\n\r\n redirectToProductView(productId:any){\r\n localStorage.setItem('teamStoreId', this.teamStoreId);\r\n this.router.navigateByUrl('/enduser/buyfromlivestore/productview/'+productId);\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 shopping_cart \r\n 0\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 {{category.categoryName}}
\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 {{product.name}}
\r\nAdidas
\r\n${{product.price}}
\r\n\r\n
\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\n\r\n@Component({\r\n selector: 'app-view-layout2',\r\n templateUrl: './view-layout2.component.html',\r\n styleUrls: ['./view-layout2.component.scss']\r\n})\r\nexport class ViewLayout2Component implements OnInit {\r\n\r\n @Input() layoutData: any;\r\n\r\n productsByCategory = []\r\n teamStoreId: number\r\n noImagePlaceholder = \"../../../../../assets/images/default-image.jpg\"\r\n constructor(\r\n private storeService: StoreService,\r\n private router : Router\r\n ) { }\r\n\r\n ngOnInit() {\r\n this.teamStoreId = parseInt(localStorage.getItem(\"teamStoreId\"));\r\n this.getCatagoryWiseProducts()\r\n }\r\n\r\n getCatagoryWiseProducts() {\r\n this.storeService.getCategoriesWithProducts(this.teamStoreId).subscribe(\r\n (response) => {\r\n this.productsByCategory = response.data\r\n },\r\n (error) => {\r\n console.log(error)\r\n });\r\n }\r\n\r\n redirectToProductView(productId:any){\r\n this.router.navigateByUrl('/enduser/buyfromlivestore/productview/'+productId);\r\n }\r\n\r\n}\r\n","import { ChangeDetectorRef, Component } from '@angular/core'; \r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { CommonService } from 'src/app/core/services/common.service';\r\nimport { StoreService } from 'src/app/core/services/store.service';\r\nimport { UserService } from 'src/app/core/services/user.service';\r\nimport { environment } from 'src/environments/environment';\r\nimport { ResponseWindowComponent } from '../response-window/response-window.component';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { FormArray, FormGroup, UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';\r\nimport { ProductService } from 'src/app/core/services/product.service';\r\nimport Swal from 'sweetalert2';\r\nimport { DatePipe } from '@angular/common';\r\nimport { SharedService } from 'src/app/core/services/shared.service';\r\nconst bDropIn = require('braintree-web-drop-in')\r\ndeclare var $: any;\r\n\r\ninterface Team {\r\n id: number;\r\n value: string;\r\n cartIds: number[];\r\n}\r\n@Component({\r\n selector: 'app-web-order-details',\r\n templateUrl: './web-order-details.component.html',\r\n styleUrls: ['./web-order-details.component.scss']\r\n})\r\nexport class WebOrderDetailsComponent{\r\n orderExpanded: boolean= false; \r\n orderTimingExpanded: boolean= false; \r\n summaryExpanded: boolean= false; \r\n $: any;\r\n\r\n rotateArrow: boolean= false; \r\n rotateTimingArrow: boolean= false; \r\n rotateOrderSummaryArrow: boolean= false; \r\n \r\n noImage = \"../../../../assets/images/no-image.jpg\"\r\n bulkOrderId = ''\r\n bulkOrer: any;\r\n key \r\n selectedIndex=0\r\n selectedProdIndex=0;\r\n imageLength=0\r\n imageIndex=0;\r\n approvalStatus: string[] = [];\r\n rejectArray: any[] = [];\r\n\r\n rejectButtonEnabled: boolean;\r\n clientToken\r\n checkoutObj: any;\r\n taxObject;\r\n orderCustomFields: any[] = [];\r\n billingForm: UntypedFormGroup;\r\n shippingForm: UntypedFormGroup;\r\n paymentMethod: number = 3;\r\n isShippingChargeLoading: boolean=true;\r\n isTaxLoadeding: boolean=true;\r\n isPaymentCompleted=true;\r\n rejectionBody: any = {};\r\n rejectionCode: any = 0;\r\n rejectionReason: any = \"\";\r\n storeRejectionForm: UntypedFormGroup;\r\n orderRejectionForm: UntypedFormGroup;\r\n rejectionCodes = [];\r\n CurrentRejectIndex=-1;\r\n rejectionCodesForQuote= [];\r\n rejectionOrderBody: any = {};\r\n rejectionOrderCode: any = 0;\r\n rejectionOrderReason: any = \"\";\r\n isRejectedCart=true\r\n colorList=[]\r\n colorObj: any[];\r\n rotateProdArrow: boolean[] = [];\r\n modalIndex=-1\r\n selectedCustomFields: any[] = []\r\n productForm: FormGroup;\r\n cartType=3\r\n isClickedCheckout=false;\r\n nanForm: UntypedFormGroup;\r\n isOrderDetailPage=false\r\n tempSelectedCustomFields: any;\r\n isAllProductsLoaded: boolean=false; \r\n totalWeight: any;\r\n shippingBoxes: any;\r\n decoPrice: { decoPrice: number; namePrice: number; numberPrice: number; }; \r\n\r\n\r\n constructor( private router: Router, \r\n private route: ActivatedRoute ,\r\n private storeService: StoreService,\r\n private commonService: CommonService,\r\n private userService: UserService,\r\n private dialogue: MatDialog,\r\n private formBuilder: UntypedFormBuilder,\r\n private productService: ProductService, \r\n private sharedServices: SharedService,\r\n ) \r\n {\r\n if (this.bulkOrer?.cartItemsInfo) {\r\n this.rotateProdArrow = new Array(this.bulkOrer?.cartItemsInfo.length).fill(false);\r\n \r\n }\r\n this.productForm = this.formBuilder.group({\r\n products: this.formBuilder.array([])\r\n });\r\n this.nanForm = this.formBuilder.group({\r\n nans: this.formBuilder.array([])\r\n });\r\n }\r\n\r\n\r\n toggleOrder() {\r\n this.orderExpanded = !this.orderExpanded;\r\n }\r\n toggleOrderTiming() {\r\n this.orderTimingExpanded = !this.orderTimingExpanded;\r\n }\r\n toggleOrderSummary() {\r\n this.summaryExpanded = !this.summaryExpanded;\r\n }\r\n toggleAccordion(index: number) {\r\n this.toggleArrow(index);\r\n }\r\n toggleArrow(index: number) {\r\n this.rotateProdArrow[index] = !this.rotateProdArrow[index];\r\n }\r\n\r\n ngOnInit(){\r\n let checkoutObj = {\r\n cartItemsInfo: null,\r\n totalPrice: 0,\r\n taxAmount: 0,\r\n totalWeight: this.totalWeight,\r\n shippingBoxes: this.shippingBoxes,\r\n customerId:null\r\n }\r\n this.checkoutObj=checkoutObj\r\n \r\n if (this.router.url.includes('viewOrderDetails')) { \r\n this.isOrderDetailPage=true\r\n }\r\n this.geColorList(); \r\n\r\n\r\n this.createShippingForm()\r\n this.createBillingForm()\r\n //this.bulkOrderId = this.route.snapshot.params['refId'] || ''\r\n // this.route.queryParams.subscribe(params => { \r\n // this.key = params['key']; // For example, if your query parameter is named 'id'\r\n // if(this.key){\r\n // this.isValidKey({ReferenceId:this.key})\r\n // }\r\n \r\n // });\r\n this.route.paramMap.subscribe(params => {\r\n const id = params.get('orderId'); \r\n if(id){\r\n this.loadOrderDetails(id)\r\n }\r\n \r\n });\r\n \r\n \r\n }\r\n geColorList() {\r\n this.productService.getProductColors().subscribe((res) => {\r\n this.colorList = res.body.data;\r\n });\r\n }\r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n openResponseWindowComponent(obj){\r\n const dialogRef = this.dialogue.open(ResponseWindowComponent, {\r\n // width: '15%', \r\n // width:'20%',\r\n data: obj,\r\n disableClose: true,\r\n position:{top:'20px'}\r\n });\r\n\r\n dialogRef.afterClosed().subscribe((dialogResult) => {\r\n // if (this.user.emailConfirmed)\r\n // this.router.navigate([\"/enduser/useraccount/orderhistory\"]);\r\n // else\r\n // window.top.postMessage(\"goto home\", \"*\")\r\n });\r\n }\r\n\r\n // isValidKey(data){\r\n // this.commonService.toggleLoading(true)\r\n // this.storeService.isValidKey(data).subscribe(async (response) => {\r\n // this.commonService.toggleLoading(false)\r\n // this.bulkOrderId=response?.data?.bulkOrderId\r\n // if(response?.data && response?.data?.isVerified && this.bulkOrderId){\r\n // this.loadOrderDetails(this.bulkOrderId)\r\n // }\r\n\r\n // }, error => {\r\n // this.commonService.toggleLoading(false)\r\n // this.commonService.openErrorSnackBar(error?.error?.message, \"\")\r\n // });\r\n // }\r\n createBillingForm(params?) {\r\n //creates a form for entering teamstore data.\r\n this.billingForm = this.formBuilder.group({\r\n billAttention: new UntypedFormControl(params?.billAttention ? params.billAttention :'', Validators.required),\r\n address: new UntypedFormControl(params?.billingAddress ? params.billingAddress :'', Validators.required),\r\n address1: new UntypedFormControl(params?.billingAddress1 ? params.billingAddress1 :'' ),\r\n city: new UntypedFormControl(params?.billingCity ? params.billingCity :'', Validators.required),\r\n state: new UntypedFormControl(params?.billingState ? params.billingState :'', Validators.required),\r\n zipCode: new UntypedFormControl(params?.billingZipCode ? params.billingZipCode :'', Validators.required),\r\n });\r\n }\r\n createShippingForm(params?) {\r\n //creates a form for entering teamstore data.\r\n this.shippingForm = this.formBuilder.group({\r\n shipAttention: new UntypedFormControl(params?.shipAttention ? params.shipAttention: '', Validators.required),\r\n address: new UntypedFormControl(params?.shippingAddress ? params.shippingAddress: '', Validators.required),\r\n address1: new UntypedFormControl(params?.shippingAddress1 ? params.shippingAddress1:'' ),\r\n city: new UntypedFormControl(params?.shippingCity ? params.shippingCity:'', Validators.required),\r\n state: new UntypedFormControl(params?.shippingState ? params.shippingState:'', Validators.required),\r\n zipCode: new UntypedFormControl(params?.shippingZipCode ? params.shippingZipCode:'', Validators.required),\r\n });\r\n }\r\n async loadOrderDetails(orderId) {\r\n this.commonService.toggleLoading(true)\r\n this.storeService.getWebOrderDetails(orderId).subscribe(async (response) => {\r\n if (response.data && response.data) {\r\n this.commonService.toggleLoading(false)\r\n this.bulkOrer = response.data;\r\n // this.totalWeight= response?.data?.totalWeight\r\n // this.shippingBoxes=response?.data?.shippingBoxes\r\n\r\n //this.selectedCustomFields=response?.data?.customFields\r\n //this.tempSelectedCustomFields = JSON.parse(JSON.stringify(this.selectedCustomFields));\r\n let user = response.data.user; \r\n\r\n if(response.data?.orderStatus==2){\r\n this.isPaymentCompleted=true; \r\n }else{\r\n this.isPaymentCompleted=false;\r\n }\r\n // if(response.data?.cartItemStatus==2){\r\n // this.isRejectedCart=true; \r\n // }else{\r\n // this.isRejectedCart=false;\r\n // }\r\n for (let i = 0; i < response?.data?.orderLineItems?.length; i++) {\r\n try {\r\n await this.productSelected(response?.data?.orderLineItems[i]); // Await the completion of productSelected function\r\n let nans=response?.data?.orderLineItems[i]?.nan\r\n const productsArray = this.productForm.get('products') as FormArray;\r\n const productFormGroup = productsArray.at(i) as FormGroup; \r\n const nanArray = productFormGroup.get('nan') as FormArray;\r\n nans?.forEach((element,index) => {\r\n nanArray.push(this.createNANFormGroup2({...element,isNameDisabled : false, isNumberDisabled : false} ));\r\n });\r\n if(response?.data?.orderLineItems?.length-1 == i){\r\n this.isAllProductsLoaded=true\r\n this.commonService.toggleLoading(false)\r\n }\r\n } catch (error) {\r\n console.error('Error in productSelected:', error);\r\n }\r\n } \r\n this.getCurrentProductUsedColors()\r\n this.createBillingForm(user);\r\n this.createShippingForm(user);\r\n this.getSelectedProdImage() \r\n this.rotateOrderSummaryArrow=true; \r\n this.toggleOrderSummary()\r\n } else {\r\n }\r\n }, error => {\r\n this.commonService.toggleLoading(false)\r\n });\r\n }\r\n createNANFormGroup2(item?) { \r\n return this.formBuilder.group({\r\n id:item?.id || 0,\r\n cartId:item?.cartId,\r\n teams: this.formBuilder.array([]),\r\n players: this.formBuilder.array([]),\r\n team:item?.team || '',\r\n teamId:item?.teamId || null, \r\n teamIds:item?.teamIds || null,\r\n player:item?.player||'',\r\n playerId:item?.playerId ||0,\r\n productId:item?.productId ||0, \r\n productName:{value:item?.productName||'', disabled: true},\r\n color:{value:item?.color|| '', disabled: true},\r\n colorId:item?.colorId||0, \r\n size: item?.size||'',\r\n sizeId:item?.sizeId||0, \r\n name:item?.name || '',\r\n number:item?.number||'',\r\n isNameDisabled: item?.isNameDisabled||false,\r\n isNumberDisabled:item?.isNumberDisabled || false,\r\n sortOrder:item?.sortOrder\r\n });\r\n }\r\n \r\n productSelected(product): Promise\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 {{category.categoryName}}
\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 {{product.name}}
\r\nAdidas
\r\n${{product.price}}
\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\n
\r\n\r\n \r\n
\r\n Order is Placed
\r\n Artwork Approved
\r\n Purchased
\r\n Order Received
\r\n Production Started
\r\n Shipment
\r\n Payment
\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 In-Hands Date
\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 {{getDate()?getDate():'No data\r\n available !'}}
\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 Order#{{bulkOrer?.id ?\r\n bulkOrer.id : '' }}
\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 Web Order {{bulkOrer?.createdDate | date : \"MM/dd/yyyy hh:mm a\"}}.
\r\nSales Rep : {{bulkOrer?.salesRep?bulkOrer.salesRep:'-'}}
\r\n\r\n
\r\n \r\n
\r\n Customer Information
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{getInitials(this.bulkOrer?.user?.firstName,this.bulkOrer?.user?.lastName)}}\r\n
\r\n \r\n
\r\n {{this.bulkOrer?.billingAddress}}
\r\n{{this.bulkOrer?.billingAddress1}}
\r\n\r\n{{this.bulkOrer?.billingCity}}
\r\n{{this.bulkOrer?.billingState}}
\r\n{{this.bulkOrer?.billingCountry}}
\r\n{{this.bulkOrer?.billingZipCode}}
\r\n{{this.bulkOrer?.email}}
\r\n{{this.bulkOrer?.phoneNumber}}
\r\n\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{getInitials(this.bulkOrer?.user?.firstName,this.bulkOrer?.user?.lastName)}}\r\n
\r\n \r\n
\r\n {{this.bulkOrer?.shippingAddress}}
\r\n{{this.bulkOrer?.shippingAddress1}}
\r\n\r\n{{this.bulkOrer?.shippingCity}}
\r\n{{this.bulkOrer?.shippingState}}
\r\n{{this.bulkOrer?.shippingCountry}}
\r\n{{this.bulkOrer?.shippingZipCode}}
\r\n{{this.bulkOrer?.email}}
\r\n{{this.bulkOrer?.phoneNumber}}
\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 Order\r\n Timing
\r\n Order At-Risk
\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 Regular Ship Date
\r\nRush Order Date
\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 Turnaround Time
\r\nCommitted Ship Date
\r\n\r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n 7 Business Days
\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 Order Summary \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 | Subtotal | \r\n\r\n \r\n \r\n \r\n | \r\n
|---|---|
| Shipping | \r\n\r\n \r\n ${{ this.bulkOrer?.totalShippingAmount ?\r\n this.bulkOrer.totalShippingAmount : 0 | number :\r\n \"1.2-2\" }}\r\n \r\n | \r\n
| Rush fee | \r\n\r\n \r\n ${{ this.bulkOrer?.rushFee ? this.bulkOrer.rushFee : 0 | number :\r\n \"1.2-2\" }}\r\n \r\n | \r\n
| Coupon Discount | \r\n\r\n \r\n -${{ this.bulkOrer?.totalDiscount ? this.bulkOrer.totalDiscount :0 |\r\n number : \"1.2-2\" }}\r\n \r\n | \r\n
| Tax | \r\n\r\n \r\n ${{ this.bulkOrer?.totalTaxAmount ? this.bulkOrer.totalTaxAmount : 0 |\r\n number : \"1.2-2\" }}\r\n \r\n | \r\n
| Total | \r\n\r\n \r\n \r\n ${{ bulkOrer?.totalAmount| number : \"1.2-2\" }}\r\n \r\n | \r\n
\r\n Loading...\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 Mockup Summary
\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 0\">\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {{item?.name}}
\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 ← Prev
\r\n {{imageIndex}} of {{imageLength}}\r\n Designs
\r\n Next\r\n →\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Products
\r\n\r\n
","// This file can be replaced during build by using the `fileReplacements` array.\r\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\r\n// The list of file replacements can be found in `angular.json`.\r\n\r\nexport const environment = {\r\n production: false,\r\n\r\n // dev - new\r\n // apiUrl: \"https://jupiteradmindev.areswear.com/api/\",\r\n // wpUrl: \"https://jupiterdev.areswear.com/\",\r\n // designerUrl: \"https://imprint.eastus2.cloudapp.azure.com/imprintNextDesigner/\",\r\n // storage: \"https://jupiterstorage01.blob.core.windows.net/jupiterblob01/\",\r\n // imageUrl: \"https://jupiterstorage01.blob.core.windows.net/assets/Ares-products-image-20240314T113705Z-001/\",\r\n // baseProduct: \"14-2\",\r\n // braintree: { tokenizationKey: 'sandbox_bnvdff5g_yq2kp64w4jvhpyz3' },\r\n // defaultAmount: \"13.99\",\r\n // doogmaLicenseKey: \"4e25557ac29c30e1fce3cf39c7ca64b3515732fc99ee01ec8222fbfd23782ea1\"\r\n\r\n // stage - new\r\n // apiUrl: \"https://jupiterstaging.azurewebsites.net/api/\",\r\n // wpUrl: \"https://jupiterwpstaging.eastus2.cloudapp.azure.com/\",\r\n // designerUrl: \"https://imprintnextstaging.eastus2.cloudapp.azure.com/designer/\",\r\n // storage: \"https://stjupiterstorage02.blob.core.windows.net/jupiterblob01/\",\r\n // imageUrl: \"https://stjupiterstorage02.blob.core.windows.net/assets/Ares-products-image-20240314T113705Z-001/\",\r\n // baseProduct: \"564-1\",\r\n // braintree: { tokenizationKey: 'sandbox_bnvdff5g_yq2kp64w4jvhpyz3' },\r\n // defaultAmount: \"13.99\",\r\n // doogmaLicenseKey: \"4e25557ac29c30e1fce3cf39c7ca64b3515732fc99ee01ec8222fbfd23782ea1\"\r\n\r\n // prod - new\r\n apiUrl: \"https://jupiteradmin.areswear.com/api/\",\r\n wpUrl: \"https://jupiter.areswear.com/\",\r\n designerUrl: \"https://stimprintnext2.eastus2.cloudapp.azure.com/designer/\",\r\n storage: \"https://stjupiterstorage02.blob.core.windows.net/jupiterblob01/\",\r\n imageUrl: \"https://stjupiterstorage02.blob.core.windows.net/assets/Ares-products-image-20240314T113705Z-001/\",\r\n baseProduct: \"564-1\",\r\n braintree: { tokenizationKey: 'production_jyt3gptd_hndc4jr4yxm9ygpt' },\r\n defaultAmount: \"13.99\",\r\n doogmaLicenseKey: \"4e25557ac29c30e1fce3cf39c7ca64b3515732fc99ee01ec8222fbfd23782ea1\"\r\n};\r\n\r\n/*\r\n * For easier debugging in development mode, you can import the following file\r\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\r\n *\r\n * This import should be commented out in production mode because it will have a negative impact\r\n * on performance if an error is thrown.\r\n */\r\n// import 'zone.js/plugins/zone-error'; // Included with Angular CLI.","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\nif (environment.production) {\r\n enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule)\r\n .catch(err => console.error(err));\r\n","var map = {\n\t\"./af\": 58685,\n\t\"./af.js\": 58685,\n\t\"./ar\": 254,\n\t\"./ar-dz\": 4312,\n\t\"./ar-dz.js\": 4312,\n\t\"./ar-kw\": 32614,\n\t\"./ar-kw.js\": 32614,\n\t\"./ar-ly\": 18630,\n\t\"./ar-ly.js\": 18630,\n\t\"./ar-ma\": 28674,\n\t\"./ar-ma.js\": 28674,\n\t\"./ar-sa\": 49032,\n\t\"./ar-sa.js\": 49032,\n\t\"./ar-tn\": 24730,\n\t\"./ar-tn.js\": 24730,\n\t\"./ar.js\": 254,\n\t\"./az\": 53052,\n\t\"./az.js\": 53052,\n\t\"./be\": 60150,\n\t\"./be.js\": 60150,\n\t\"./bg\": 63069,\n\t\"./bg.js\": 63069,\n\t\"./bm\": 13466,\n\t\"./bm.js\": 13466,\n\t\"./bn\": 18516,\n\t\"./bn-bd\": 90557,\n\t\"./bn-bd.js\": 90557,\n\t\"./bn.js\": 18516,\n\t\"./bo\": 26273,\n\t\"./bo.js\": 26273,\n\t\"./br\": 9588,\n\t\"./br.js\": 9588,\n\t\"./bs\": 19815,\n\t\"./bs.js\": 19815,\n\t\"./ca\": 83331,\n\t\"./ca.js\": 83331,\n\t\"./cs\": 21320,\n\t\"./cs.js\": 21320,\n\t\"./cv\": 72219,\n\t\"./cv.js\": 72219,\n\t\"./cy\": 68266,\n\t\"./cy.js\": 68266,\n\t\"./da\": 66427,\n\t\"./da.js\": 66427,\n\t\"./de\": 67435,\n\t\"./de-at\": 52871,\n\t\"./de-at.js\": 52871,\n\t\"./de-ch\": 12994,\n\t\"./de-ch.js\": 12994,\n\t\"./de.js\": 67435,\n\t\"./dv\": 82357,\n\t\"./dv.js\": 82357,\n\t\"./el\": 95649,\n\t\"./el.js\": 95649,\n\t\"./en-au\": 59961,\n\t\"./en-au.js\": 59961,\n\t\"./en-ca\": 19878,\n\t\"./en-ca.js\": 19878,\n\t\"./en-gb\": 3924,\n\t\"./en-gb.js\": 3924,\n\t\"./en-ie\": 70864,\n\t\"./en-ie.js\": 70864,\n\t\"./en-il\": 91579,\n\t\"./en-il.js\": 91579,\n\t\"./en-in\": 30940,\n\t\"./en-in.js\": 30940,\n\t\"./en-nz\": 16181,\n\t\"./en-nz.js\": 16181,\n\t\"./en-sg\": 44301,\n\t\"./en-sg.js\": 44301,\n\t\"./eo\": 85291,\n\t\"./eo.js\": 85291,\n\t\"./es\": 54529,\n\t\"./es-do\": 53764,\n\t\"./es-do.js\": 53764,\n\t\"./es-mx\": 12584,\n\t\"./es-mx.js\": 12584,\n\t\"./es-us\": 63425,\n\t\"./es-us.js\": 63425,\n\t\"./es.js\": 54529,\n\t\"./et\": 35203,\n\t\"./et.js\": 35203,\n\t\"./eu\": 70678,\n\t\"./eu.js\": 70678,\n\t\"./fa\": 83483,\n\t\"./fa.js\": 83483,\n\t\"./fi\": 96262,\n\t\"./fi.js\": 96262,\n\t\"./fil\": 52521,\n\t\"./fil.js\": 52521,\n\t\"./fo\": 34555,\n\t\"./fo.js\": 34555,\n\t\"./fr\": 63131,\n\t\"./fr-ca\": 88239,\n\t\"./fr-ca.js\": 88239,\n\t\"./fr-ch\": 21702,\n\t\"./fr-ch.js\": 21702,\n\t\"./fr.js\": 63131,\n\t\"./fy\": 267,\n\t\"./fy.js\": 267,\n\t\"./ga\": 23821,\n\t\"./ga.js\": 23821,\n\t\"./gd\": 71753,\n\t\"./gd.js\": 71753,\n\t\"./gl\": 4074,\n\t\"./gl.js\": 4074,\n\t\"./gom-deva\": 92762,\n\t\"./gom-deva.js\": 92762,\n\t\"./gom-latn\": 5969,\n\t\"./gom-latn.js\": 5969,\n\t\"./gu\": 82809,\n\t\"./gu.js\": 82809,\n\t\"./he\": 45402,\n\t\"./he.js\": 45402,\n\t\"./hi\": 315,\n\t\"./hi.js\": 315,\n\t\"./hr\": 10410,\n\t\"./hr.js\": 10410,\n\t\"./hu\": 38288,\n\t\"./hu.js\": 38288,\n\t\"./hy-am\": 67928,\n\t\"./hy-am.js\": 67928,\n\t\"./id\": 71334,\n\t\"./id.js\": 71334,\n\t\"./is\": 86959,\n\t\"./is.js\": 86959,\n\t\"./it\": 34864,\n\t\"./it-ch\": 51124,\n\t\"./it-ch.js\": 51124,\n\t\"./it.js\": 34864,\n\t\"./ja\": 36141,\n\t\"./ja.js\": 36141,\n\t\"./jv\": 29187,\n\t\"./jv.js\": 29187,\n\t\"./ka\": 42136,\n\t\"./ka.js\": 42136,\n\t\"./kk\": 94332,\n\t\"./kk.js\": 94332,\n\t\"./km\": 18607,\n\t\"./km.js\": 18607,\n\t\"./kn\": 84305,\n\t\"./kn.js\": 84305,\n\t\"./ko\": 70234,\n\t\"./ko.js\": 70234,\n\t\"./ku\": 16003,\n\t\"./ku.js\": 16003,\n\t\"./ky\": 75061,\n\t\"./ky.js\": 75061,\n\t\"./lb\": 32786,\n\t\"./lb.js\": 32786,\n\t\"./lo\": 66183,\n\t\"./lo.js\": 66183,\n\t\"./lt\": 50029,\n\t\"./lt.js\": 50029,\n\t\"./lv\": 24169,\n\t\"./lv.js\": 24169,\n\t\"./me\": 68577,\n\t\"./me.js\": 68577,\n\t\"./mi\": 68177,\n\t\"./mi.js\": 68177,\n\t\"./mk\": 50337,\n\t\"./mk.js\": 50337,\n\t\"./ml\": 65260,\n\t\"./ml.js\": 65260,\n\t\"./mn\": 52325,\n\t\"./mn.js\": 52325,\n\t\"./mr\": 14695,\n\t\"./mr.js\": 14695,\n\t\"./ms\": 75334,\n\t\"./ms-my\": 37151,\n\t\"./ms-my.js\": 37151,\n\t\"./ms.js\": 75334,\n\t\"./mt\": 63570,\n\t\"./mt.js\": 63570,\n\t\"./my\": 97963,\n\t\"./my.js\": 97963,\n\t\"./nb\": 88028,\n\t\"./nb.js\": 88028,\n\t\"./ne\": 86638,\n\t\"./ne.js\": 86638,\n\t\"./nl\": 50302,\n\t\"./nl-be\": 66782,\n\t\"./nl-be.js\": 66782,\n\t\"./nl.js\": 50302,\n\t\"./nn\": 33501,\n\t\"./nn.js\": 33501,\n\t\"./oc-lnc\": 50563,\n\t\"./oc-lnc.js\": 50563,\n\t\"./pa-in\": 50869,\n\t\"./pa-in.js\": 50869,\n\t\"./pl\": 65302,\n\t\"./pl.js\": 65302,\n\t\"./pt\": 49687,\n\t\"./pt-br\": 74884,\n\t\"./pt-br.js\": 74884,\n\t\"./pt.js\": 49687,\n\t\"./ro\": 79107,\n\t\"./ro.js\": 79107,\n\t\"./ru\": 33627,\n\t\"./ru.js\": 33627,\n\t\"./sd\": 30355,\n\t\"./sd.js\": 30355,\n\t\"./se\": 83427,\n\t\"./se.js\": 83427,\n\t\"./si\": 11848,\n\t\"./si.js\": 11848,\n\t\"./sk\": 54590,\n\t\"./sk.js\": 54590,\n\t\"./sl\": 20184,\n\t\"./sl.js\": 20184,\n\t\"./sq\": 56361,\n\t\"./sq.js\": 56361,\n\t\"./sr\": 78965,\n\t\"./sr-cyrl\": 81287,\n\t\"./sr-cyrl.js\": 81287,\n\t\"./sr.js\": 78965,\n\t\"./ss\": 25456,\n\t\"./ss.js\": 25456,\n\t\"./sv\": 70451,\n\t\"./sv.js\": 70451,\n\t\"./sw\": 77558,\n\t\"./sw.js\": 77558,\n\t\"./ta\": 51356,\n\t\"./ta.js\": 51356,\n\t\"./te\": 73693,\n\t\"./te.js\": 73693,\n\t\"./tet\": 21243,\n\t\"./tet.js\": 21243,\n\t\"./tg\": 42500,\n\t\"./tg.js\": 42500,\n\t\"./th\": 55768,\n\t\"./th.js\": 55768,\n\t\"./tk\": 77761,\n\t\"./tk.js\": 77761,\n\t\"./tl-ph\": 35780,\n\t\"./tl-ph.js\": 35780,\n\t\"./tlh\": 29590,\n\t\"./tlh.js\": 29590,\n\t\"./tr\": 33807,\n\t\"./tr.js\": 33807,\n\t\"./tzl\": 93857,\n\t\"./tzl.js\": 93857,\n\t\"./tzm\": 60654,\n\t\"./tzm-latn\": 8806,\n\t\"./tzm-latn.js\": 8806,\n\t\"./tzm.js\": 60654,\n\t\"./ug-cn\": 30845,\n\t\"./ug-cn.js\": 30845,\n\t\"./uk\": 19232,\n\t\"./uk.js\": 19232,\n\t\"./ur\": 47052,\n\t\"./ur.js\": 47052,\n\t\"./uz\": 77967,\n\t\"./uz-latn\": 32233,\n\t\"./uz-latn.js\": 32233,\n\t\"./uz.js\": 77967,\n\t\"./vi\": 98615,\n\t\"./vi.js\": 98615,\n\t\"./x-pseudo\": 12320,\n\t\"./x-pseudo.js\": 12320,\n\t\"./yo\": 31313,\n\t\"./yo.js\": 31313,\n\t\"./zh-cn\": 64490,\n\t\"./zh-cn.js\": 64490,\n\t\"./zh-hk\": 55910,\n\t\"./zh-hk.js\": 55910,\n\t\"./zh-mo\": 98262,\n\t\"./zh-mo.js\": 98262,\n\t\"./zh-tw\": 44223,\n\t\"./zh-tw.js\": 44223\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 = 46700;"],"names":["RouterModule","UserLoginComponent","LoginComponent","AuthGuard","StoreLayoutComponent","VerifyArtComponent","VerifyUserComponent","VerifyTeamstoreComponent","VerifyArtDetailComponent","ViewArtComponent","LayoutForScreenCaptureComponent","CartComponent","NanFormComponent","OrderDetailsComponent","WebOrderDetailsComponent","routes","path","redirectTo","pathMatch","component","loadChildren","then","m","UserModule","SuperAdminModule","TeamStoreBuilderModule","canActivate","data","expectedRole","TeamStoreManagerModule","FinanceManagerModule","ArtAdminModule","EndUserModule","ArtProcessModule","ArtDirectorModule","ProductModule","ExternalPaymentModule","OrganizationModule","ArtWorkModule","AppRoutingModule","forRoot","i0","AppComponent","constructor","commonService","loading$","subscribe","res","loading","selectors","decls","vars","consts","template","BrowserModule","SharedModule","ReactiveFormsModule","HttpClientModule","HTTP_INTERCEPTORS","JwtInterceptor","ErrorInterceptor","AlertComponent","MatLegacyCardModule","MatCardModule","MatIconModule","MatLegacyInputModule","MatInputModule","MatToolbarModule","MatLegacySnackBarModule","MatSnackBarModule","MatLegacyAutocompleteModule","MatAutocompleteModule","NgxMaterialTimepickerModule","BrowserAnimationsModule","MatSidenavModule","MatListModule","MatTableModule","MatButtonModule","MatPaginatorModule","AppModule","bootstrap","provide","useClass","multi","imports","declarations","alertService","ngOnInit","subscription","getAlert","message","type","cssClass","ngOnDestroy","unsubscribe","router","authenticationService","route","state","user","JSON","parse","localStorage","getItem","token","roles","name","navigate","queryParams","returnUrl","url","factory","providedIn","throwError","catchError","intercept","request","next","handle","pipe","err","status","id","openErrorSnackBar","window","parent","postMessage","headers","get","clone","setHeaders","Authorization","NavigationStart","Subject","AlertService","events","event","keepAfterRouteChange","clear","subject","asObservable","success","text","error","BehaviorSubject","map","environment","AuthenticationService","http","apiUrl","currentUserSubject","currentUser","currentUserValue","value","login","model","post","baseUrl","response","setItem","refreshToken","stringify","validateUser","email","isUserVerified","logout","removeItem","getUserByAuthKey","auth","key","CommonService","snackBar","header","changesSaved","showBackButton","getFormattedDate","formattedDate","d","Date","month","getMonth","day","getDate","year","getFullYear","length","join","createUrl","redirectionUrl","splittedUrl","split","urlVariables","slice","openWarningSnackBar","action","open","duration","durationInSeconds","horizontalPosition","verticalPosition","panelClass","openSuccessSnackBar","autocompleteFilter","list","$","filterValue","toLowerCase","filter","option","searchByName","indexOf","setPageHeader","setTimeout","getAllStates","backButtonToggle","setChangesSavedValue","toggleLoading","postHeightToParent","delay","DELAY","low","medium","high","ultra","el","document","getElementsByClassName","top","clientHeight","postScrollMessageToParent","CouponDetailsService","addCoupon","editCoupon","put","observe","body","storeDetails","validateCoupon","viewCouponList","params","per_page","page","applyCoupon","myCoupons","pagination","DomainService","validate","result","EnduserService","getOrganizations","getUserInfoUsingEmaiId","getGuestUserInfoByEmailId","getUserInfoUsingPhone","phone","createOrganization","organization","createRequest","formData","templateStoreRequest","storeId","getUserTeamStores","dateFrom","dateTo","stage","orderBy","order","updateDepartments","getAllOrganizations","updateUserDepartments","getOrders","getArtQueue","userId","uploadArt","getAllUserDepartments","getTeamStoreColors","ProductService","designerUrl","getProductCategory","getProductColors","getTemplateCategory","getTemplatesByCategory","categoryId","sortby","perpage","printprofile","colorused","getVendors","getProduct","viewType","storeStatuses","keyword","color","markets","getProductsForCoupon","getProducts","feed","colors","encodeURIComponent","categories","sizes","brands","storeStatus","styleName","vendorName","description","decoGroups","active","undefined","getProductsReduced","getProductDetail","product","getProductDetailsById","productId","getAllAvailableSizes","getAllProductGroups","updateProductGroup","removeProductGroup","groupId","delete","updateProductService","removeProductService","serviceId","uploadImgFile","getAllProductCategory","updateProductCategory","removeProductCategory","getAllProductMarginFormulas","updateProductMarginFormula","removeProductMarginFormula","formulaId","getAllProductLocations","getAllItemTypes","getAlBox","deleteBox","saveBox","saveItemType","deleteItemType","updateProductLocation","removeProductLocation","locationId","updateProductData","addNewProductData","getAllProductStatuses","getAllProductServices","bulkUpdateProductData","updatePromotion","getAllPromotions","getPromotion","deletePromotion","getDecoGroup","getProductServices","getProductSizeAndFonts","getAllDecoGroups","updateDecoGroup","deleteDecoGroup","uploadBulkSizeChart","getAllTemplates","searchText","SharedService","getInstituitionTypes","getMarketGroups","getMarkets","marketGroupId","getMarketAndGroups","getTax","getAllServiceWithPrice","getShippingMethods","getShippingCharge","serviceCode","validateAddress","getPersonalizationServices","internal","getDecoPriceByProperties","getStoreDecoPrice","getPoNumber","isValidPoNumber","poNumber","StoreManagerService","getDashboardDetailsCount","getPendingOrderLIst","orderId","referenceId","customerName","customerEmail","orderStatus","purchaseType","approvePayment","updatePendingOrderFields","getOrderList","institution","customerPhone","startDate","endDate","orderType","paymentMode","exportStatus","herculesId","storeName","stateCode","getBulkOrderList","getOrderDetails","getOrder","getOrderOutputStoresList","artsCount","openDateFrom","openDateTo","closeDateFrom","closeDateTo","contactName","getOrderOutput","teamstoreId","live","updateHercIdWebForOrders","getStoreOrderByStoreId","cancelProduct","cancelProductPersonalization","cancelOrder","getAllManagerList","republishStore","_exportOrderDetails","_exportOrderDetailsByReferenceId","HttpHeaders","StoreService","getEmailTemplateOrderReceipt","teamStoreId","getEmailTemplateOrderReceiptPreview","getDisclaimerTemplate","getEmailTemplateStoreLive","getEmailTemplateStoreLivePreview","getEmailTemplateStoreVerification","getEmailTemplateStoreVerificationPreview","updateEmailTemplateOrderReceipt","updateDisclaimerTemplate","updateEmailTemplateStoreLive","updateEmailTemplateStoreVerification","createStore","copyStoreLayout","set","updateStore","updateStoreCloseDate","updateStoreNotifications","updateCustomCheckoutFields","getStore","getProductDetails","mapCode","getDirectProductDetail","typeId","getCartDetails","cartId","updateStoreCommission","updateStoreClosedPage","getShippingAndPickUpMethods","updateShippingMethod","getStoreShippingMethods","saveStoreShippingMethods","getStoreTemplates","getOpenStores","getTemplateStores","updatePrivacySettings","updateCheckoutSettings","updateSocialMedia","updateSeoSettings","updateShippingMethods","updateDeveloperSettings","file","fileStatus","settingsJson","FormData","append","updateDomainSettings","updateProductionSchedule","updateStorePolicies","updateDesignerDisplaySettings","getProductCategories","getCategoriesWithProducts","createProductCategory","deleteCategory","updateStoreStatus","stageType","addToCart","addToCartBulk","products","bulkOrder","calculatetotalweightAndBoxes","saveNAN","bulkOrderShoppingCartMasterId","resendNAN","getbulkOrderDetails","refId","getbulkOrderDetailsV2","getWebOrderDetails","getBulkOrderEntries","getBulkOrders","getBulkOrderEntryByRefId","getCartList","getCartListByUserId","deleteProductFromCart","checkout","getAvailableStoreColors","getAvailableInkColors","getAllInkColors","getServiceColors","getAvailableStoreFonts","getPersonalizationTypes","getAvailableStoreServices","getAvailableProductSizes","getAvailableStoreProductPositions","getProductLocations","getDecoPricing","colorCount","positionId","index","getFilteredProductList","getArtList","artType","artist","getRejectedArtList","getArtists","getArtImgList","artId","getArtDesignImagesForVerification","getUserArtVerificationDetails","artQueueId","ids","mappingId","updateArtQueueStatus","addOrUpdateCustomSort","BulkOrderShoppingCartMasterId","addOrUpdateCustomSortForBulkOrder","updateArtQueueStatusWithImg","updatePdfDownloadStatus","artMappingId","updateVinylDownloadStatus","getOrderArtPdf","deleteSelectedProductsFromCart","httpOptions","getClientAuth","createOrder","createOrderForUsers","getAllLocations","userVerifyTeamStore","rejectionBody","userVerifyArtQueue","updateProductStatus","featured","uploadPdfArt","getReasonList","reasonList","getCustomerReasonList","getOrderArtDetails","orderArtId","getOrderArtList","service","orderArtType","customer","getOrderArtListV2","getTeamStoreRejectionCodes","getRejectionCodesForQuoteAndProduct","reAssignArtOrTeamStore","itemId","validateStoreUrl","endPoint","resubmitDiscount","getStoreRejectionNotes","getBulkOrderEntryRejectionNotes","getAllBuilders","updateStoreMetadata","getAllMarkets","getAllBrands","getPaymentMethods","getFulFillmentTypes","exportBulkOrder","isValidKey","updateIsApproveReject","updateIsApproveRejectV1","updateIsApproveRejectV2","updateOrderStatusToReject","getDirectProductDetailForBulkOrder","downloadFlyerPdf","sendFlyerEmail","StoreCartService","getTeamStoreProducts","optionalParams","HttpParams","StorebuilderService","getStoreRequestList","filterParams","closeDateExceeded","inTemplate","assignedTo","accountManagerId","builderId","toString","requestedDateFrom","requestedDateTo","ownerId","getTeamStore","getAssignedRequests","assignedToId","assignTeamstoreToMe","StoredetailsService","getStoreArtList","getStoreSpreadsheetList","updateStoreProductListing","addArtLink","updateStoreName","updateStoreContactInfo","updateStoreDisplaySettings","updateStorePickUpMethods","updateStoreBrandings","uploadImage","getLayoutSettings","updateLayoutSettings","UserService","getProfileDetails","userid","updateProfileDetails","updateProfileDetailsV2","createUser","verifyUser","getInstitutions","getStores","institutionName","forgotPassword","restPassword","resendOtp","verifyUserAccount","userCredit","getUserCreditInfo","getCreditOrganizations","isApproved","isNotApplied","getSavedPaymentMethods","getBrainTreeClientToken","getBrainTreeClientTokenForBulkOrder","customerId","removePaymentMethod","paymentMethodToken","updateUserProfileDetails","UntypedFormControl","Validators","formBuilder","loginForm","group","required","pattern","emailPattern","password","valid","showResponseMessage","errorText","ctx","role","isAuthorized","Swal","storeService","wpUrl","parseInt","cartItems","cartItemsInfo","v","Object","assign","selected","totalAmount","calculateTotalAmount","cartTotal","hidePage","deleteItem","splice","forEach","item","totalPrice","toFixed","arr","teamStoreIds","includes","push","fire","icon","position","html","checkoutObj","Number","taxAmount","totalWeight","shippingBoxes","cartCount","navigateByUrl","addMore","cartItemGrids","colorId","designerCartId","goBackToProductSelection","location","href","teamStoreUrl","removeSelected","selectedCartIdArray","cart","openPersonalizationModal","cartGridItems","togglePersonalizationModal","modal","ResponseWindowComponent","Breakpoints","ctx_r30","ctx_r33","ctx_r41","ctx_r43","bDropIn","require","CheckoutComponent","userService","fb","endUserService","sharedService","couponService","dialogue","breakpointObserver","fbr","toLocaleDateString","all","price","AE","prefix","V","MC","D","DC","JCB","cardNumber","cardExpiryMonth","cardExpiryYear","cardCvv","cardName","rotateArrow","Array","fill","createPurchaseOrderForm","scrollToTop","getClientToken","resetAddress","getUserDetails","createAddressForm","getStates","setInterval","form","valueChanges","formValue","saveFormValues","purchaseOrderForm","organizationId","conditionalPoNumberValidator","bind","attachment","control","trim","maxLength","minLength","specialChar","specialCharValidator","test","generatePoNumber","toPromise","console","alphaNumericValidator","alphaNumeric","fileTypeValidator","allowedTypes","extension","pop","fileType","orderCustomFields","controlData","TeamStoreCustomFieldId","fieldLabel","getSavedCards","savedCards","cardType","lastDigits","cardHolderName","isDefault","choosePaymentMethod","createBrainTreeDropInUI","disableButtons","_this","create","container","authorization","clientToken","braintree","tokenizationKey","card","cardholderName","vault","allowVaultCardOverride","overrides","fields","postalCode","paypal","flow","vaultPayPal","createErr","instance","enableButtons","submitButton","click","requestPaymentMethod","requestPaymentMethodErr","payload","log","braintreeAuthenticationFailed","cardInfo","details","nonce","payByCreditCard","prop","showSavedCards","selectedCard","useNewCard","selectSavedCard","isShippingChargeLoading","shippingMethods","shipTo","zipCode","shippingAddress","country","packages","selectedShippingMethod","code","totalCharges","monetaryValue","teamStore","setAddress","availableShippingMethods","selectShippingMethod","customFields","validators","isMandatory","addControl","isShippingAddressSameAsBillingAddress","isSameAsBillingAddress","createOrganizationForm","updateShippingAddressAsBillingAddress","billingAddress","address","address1","shippingAddress1","city","shippingCity","getState","shippingState","shippingZipCode","isEditable","offerApplied","discountCoupon","updateProfile","emailConfirmed","updatedBillingAddress","billingAddress1","billingCity","billingState","min","billingZipCode","updatedShippingAddress","updatedCustomerInformation","firstName","lastName","phoneNumber","phonePattern","updateBillingAddress","getElementById","setValue","checkValidity","updateUserProfile","closeModal","invalidBillingAddress","classList","add","updateShippingAddress","invalidShippingAddress","updateCustomerInfo","validateCustomerInfo","usrFrmStorage","markAllAsTouched","removeClass","organizationArray","selectOrganization","selectedOrganization","find","taxObject","defaultSelection","invalidShippingMethod","shippingPreference","paymentMethod","orgName","zip","addArr","shipToAddress","shipToState","shipToAddress1","shipToCity","shipToZipCode","validateAll","invalidCouponMessage","setErrors","Code","TotalAmount","TeamStoreId","ShippingAmount","ShippingMethodId","showButton","discountAmount","couponDiscountValue","subtotalPrice","totalAmountDeducted","isApplyShipping","couponApplyResponseDto","applyShipping","couponAppliedList","productForCouponDtos","shippingAfterCouponApplied","shippingAmountAfterDiscount","CouponApplyShippingMethodId","shippingMethodId","couponDiscountOption","erroormsg","msg","entries","invalid","isStrikethroughSubForDiscountAmount","discountPrice","discountappliedprize","isStrikethroughSub","some","isStrikethrough","shoppingCartId","getDiscountedPrice","couponItem","coupon","service_ID","sum","x","restCoupon","getShipAmountForDisplay","shpAmount","getShipAmount","getTotalAfterDiscount","getInvoiceTotal","invoiceTotal","totalTax","shp","isTaxLoadeding","states","quantity","element","amount","State","ZipCode","Amount","Quantity","statusCode","billing","shipping","isCheckoutDisabled","validAddressIndicator","payByInvoice","payByPo","Handset","matches","scrollIntoView","behavior","block","controlName","controls","hasOwnProperty","markAsTouched","showMessage","errMsg","customerInfoValidity","summary","y","orderJson","subTotal","shippingAmount","shippingServiceCodeId","paymentMethodNonce","orderItem","paymentType","couponCode","CouponDiscountAmount","OrderCustomFields","obj","title","isEmailConfirmed","isUserClickedOkButton","transactionStatus","openResponseWindowComponent","dialogRef","disableClose","afterClosed","dialogResult","remove","uploadedPO","PoReferenceId","creditApprovalCode","replaceStateId","foundState","getServiceName","serviceArray","s","getPersonalizationPrice","validateCardNumber","errors","isCreditCard","checkLuhn","validateCardDetails","cvvEle","cardNo","nDigits","nSum","isSecond","i","regexp","onCreditCardKeyDown","cardPrefix","substring","loop1","availableCards","loop2","startsWith","isNaN","target","onCVVKeyDown","cvv","getBoxNames","str","substr","shippingResponse","billingResponse","backToCart","openCustomerInfoModal","addClass","getImgByCardType","trimName","patchValue","toggleArrow","toggleAccordion","uploadCustomArtImg","files","fileExtension","allowedExtensions","onFileSelect","removeFile","onOrganizationSelect","reset","closeOrganiztionModal","organizationForm","institutionTypeId","onZipCodeInput","input","sanitizedValue","sanitizeZipCode","emitEvent","replace","createNewOrganization","tempAdd","organizations","interval","CountDownTimerComponent","dDay","layoutData","closeDate","getTimeDifference","timeDifference","getTime","allocateTimeUnits","secondsToDday","Math","max","floor","milliSecondsInASecond","SecondsInAMinute","minutesToDday","minutesInAnHour","hoursToDday","hoursInADay","daysToDday","inputs","teamStoreData","AUTO_STYLE","animate","style","transition","trigger","ctx_r24","ctx_r32","ctx_r40","ctx_r51","ctx_r61","ctx_r69","DEFAULT_DURATION","DesignerComponent","productService","currentUrl","isEndUser","toggle","collapsed","expand","collapse","firstcollapse","firstcollapsed","firstexpand","openNav","width","comparableProducts","openDesignGallery","isHiddenDesignGalley","opendesignGallery","closeDesignGallery","openProducts","isHidden","productView","closeProducts","closeNav","paramMap","initialLoad","queryParamMap","innerWidth","designData","showFloatingIcon","snapshot","baseProduct","productIndex","isUser","isImage","templateRefId","setSrc","scroll","onSearchKeypress","charCode","onTemplateSearchKeypress","getTemplates","selectedColor","variants","categoryList","o","isExpanded","parent_id","templateCategoryList","is_disable","selectTemplateCategory","selectedTemplate","category","searchTemplateText","selectedSortOptionTemplate","paginatorIndexTemplate","paginatorPageSizeTemplate","tag","templateList","paginatorLengthTemplate","total_records","selectCategory","paginatorIndex","paginatorPageSize","selectedSortOption","productList","paginatorLength","totalItems","pageEvent","pageSize","pageIndex","pageEventTemplate","bulkOrderEntryId","iframe","srcString","src","toggleFloatingData","showFloatingData","goToDesigner","templateClicked","ref_id","isUserLoggedIn","height","visibility","selectedMapCodes","c","p","uniqueProducts","EventEmitter","Layout1Component","getCatagoryWiseProducts","createProductRejectGroup","createStoreRejectGroup","getStoreRejectionCodes","productsByCategory","userVerified","selectedImage","mapFn","items","personalizedTypes","from","Set","personalizedType","clickEvent","eventType","emit","approveProduct","resetProductStatus","isAfterVerification","isCloseDatePassed","rejectProductGroup","teamstoreGarmentStatus","rejectionText","rejectionCodes","rejectStoreGroup","rejectionReason","rejectionCode","updateRejectionReasonValidation","rejectionReasonControl","isAnyRejected","clearValidators","setValidators","updateValueAndValidity","showCancelButton","confirmButtonText","cancelButtonText","isConfirmed","isDismissed","showProductRejectPopup","closePopup","rejectProduct","showRejectStoreModal","showStoreApproveAlert","submitStoreStatus","rejectStore","referenceFiles","showStoreRejectButton","cat","approvedProducts","rejectedProducts","totalProducts","showStoreApproveButton","uploadReference","imageFileUrls","removeReferenceFile","closeDateString","currentDate","outputs","isStoreVerified","Layout2Component","DatePipe","ctx_r11","ctx_r13","sharedServices","bulkOrer","rotateProdArrow","productForm","array","nanForm","nans","toggleOrder","orderExpanded","toggleOrderTiming","orderTimingExpanded","toggleOrderSummary","summaryExpanded","isOrderDetailPage","geColorList","createShippingForm","createBillingForm","ReferenceId","colorList","bulkOrderId","isVerified","loadBulkOrderDetails","billingForm","billAttention","shippingForm","shipAttention","bulkOrerId","selectedCustomFields","tempSelectedCustomFields","cartType","isPaymentCompleted","cartItemStatus","isRejectedCart","productSelected","nan","productsArray","productFormGroup","at","nanArray","createNANFormGroup2","isNameDisabled","isNumberDisabled","isAllProductsLoaded","getSelectedProdImage","rotateOrderSummaryArrow","teams","players","team","teamId","teamIds","player","playerId","productName","disabled","size","sizeId","number","sortOrder","Promise","resolve","reject","productColorInfo","hexValue","hexCode","images","thumbnail","productImages","swatch","newItem","addProduct","productDisplayName","displayName","decorationProperties","createDecorationPropertyGroup","personalizationProperties","createPersonalizationForm","perUnit","getProductPerUnitPrice","discount","namePersonalizationQuantity","numberPersonalizationQuantity","totalQuantity","productInfo","isDiscountApproved","decoPrice","personalizationPrice","discountApprovedAmount","discountApproved","discountType","oldTotalPrice","isCustomerProvideGoods","sizesArray","personalizationPropertiesList","decorationPropertiesList","sizeVariants","sizeVariant","createSizeVariantFormGroup","pers","removeAt","decoProperties","dec","sellingPrice","productDetails","art","decoGroupMethodId","serviceName","decoGroupMethod","personalizationTypeId","fontId","personalizationCost","sizeName","originalPrice","storePrice","personalizationNamePrice","personalizationNumberPrice","getFilteredProducts","prod","filtered","getTypeName","selectedProdIndex","imageLength","selectedIndex","imageIndex","getSelectedProdImage2","NextClicked","PreviousClicked","getCurrentProductUsedColors","colorObj","deco","colorInfo","colorName","getCurrentProductUsedFonts","fontObj","fontName","getInitials","firstInitial","charAt","lastInitial","openNANsScreen","modalIndex","productGroup","nansArray","mappedData","showName","showNumber","hasShowName","hasShowNumber","isValidPersonalizedOptionsInProuctForNAN","filteredCartItemGrids","createNANFormGroup","disable","garmentValidationResults","garmentsRequestedArray","garmentRequestedControl","isValid","allGarmentsValid","every","getTeams","balance","teamList","getPlayerValidations","playersList","getPriceBySizeName","sizeObj","getUpChargePriceBySizeName","singleSizeById","basePrice","calculateTotalPrice","totalPerzanalizationPrice","totalSizeQuantityInNAN","basePlusDeco","upCharge","sizeQuantity","nameCount","numberCount","personalizationNameCount","personalizationNumberCount","personalizationNameOrNumberCount","pTypes","nameDecoPrice","numberDecoPrice","quantitY","prodPrice","balanceQuantity","balanceProdPrice","totalPerzPrice","prodPersprice","isClose","isValidNANForm","updatedArray","findIndex","singleNan","newFormGroup","getTotalQuantity","totalDiscount","getDecoPrice","getTotalDiscount","allNanArray","validations","customFieldType","getSizesForNAN","isDisabled2","inputSize","cartItemArray","singleSizeCount","singleSizeNANarrayCount","removeRow","sizeToFind","addRow","possibleCount","filteredTeams","filterTeamsByCartId","multipleChoices","modifiedX","cartIdsArray","cartIds","getDiscount","oldProductsTotal","newProductsTotal","calculateTotalPriceBeforeOrAfterDiscount","basePlusDecoPrice","prodctDiscount","parseFloat","beforeOrAfter","filteredTextBoxes","filteredDropDowns","tab","isValidNANButton","prodIndex","isValidPersonalizedOptionsInProuct","datePipe","transform","expectedDate","getDay","updateTeamId","t","teamControl","updatePlayer","playerControl","getMultipleChoices","getSubTotal","getTotalPrice","j","storeData","decoPropertyArr","createDecoPriceApiObj","personalizationPropertyArr","personalizationNameQty","personalizationNumberQty","count","sizeid","namePrice","numberPrice","checkDecoPropertiesIsValidOrNotForProduct","unitPrice","TotalPrice","personalizations","singlePersonalization","persPrice","round","itemValue","itemType","colorIds","decorationPropertiesArray","isDecorationPropertiesValid","getPerUnitPrice","nanSizeQuantity","subTotalwithoutDiscountOrCoupon","getTotalDiscountAmount","ctx_r46","ctx_r101","createStoreRejectionForm","createOrderRejectionForm","getStoreRejectionCodesForQuote","confirmRejection","storeRejectionForm","rejectArray","CurrentRejectIndex","approvalStatus","syncWithOldData","rejectionCodesForQuote","amRejectionCodes","amRejectionText","orderRejectionForm","vaultManager","personalize","otherProductVariants","rest","cartItem","gridItem","decoration","taxSummary","OrganizationId","authToken","showNanButtons","catch","wantToShowMsg","setProdStatus","Error","discountStatus","approveClicked","updateApprovalStatus","deleteProductsAfterReload","numberOfEntriesToRemove","confirmApprove","rejectClicked","openRejectionModal","newStatus","isAnyOneRejected","rejectButtonEnabled","isAllApproved","rejectOrderClicked","isPending","openOrderRejectionModal","rejectOrders","mainObj","approveAndPay","payWithPo","payment","openCheckoutScreen","approveOrders","CartId","isAnyPending","reverseButtons","cancelRejection","cancelOrderRejection","rejectionOrderBody","rejectionOrderCode","rejectionOrderReason","sizeFormGroup","trimFileName","fileName","lastIndexOf","isTaxLoading","getFinalTotalPrice","PdfModalComponent","sendMail","close","downloadFlyer","triggerDownload","link","createElement","download","appendChild","removeChild","sendEmail","ProductSelectionComponent","storeBuilderService","garmentArray","garmentsRequested","selectedValue","setImages","attr","onImgClick","source","goToProductListing","UntypedFormArray","ctx_r55","clipboardy","ProductViewComponent","clipboard","onMessage","e","origin","keys","isCopiedDesignedProductUrl","queryParamsString","URLSearchParams","newUrl","write","personalizationPropertiesForm","decorationPropertiesForm","createQuantityForm","designId","thisObj","addEventListener","String","isEdit","getTeamstoreProductDesignedDetails","isPersonalize","showPersonalizationValue","createPersonalizationPropertiesForm","decoProductSizeAndFonts","personalizationTypes","createPersonalizationPropertiesGroup","decoGroupServices","decoGroupMethodName","createExistingPersonalizationPropertiesGroup","setPersonalizationPropertiesForm","setDecorationPropertiesForm","createDecorationPropertyGroup2","quantityGroup","personalizedQuantity","createItemGrids","carItemGrid","personalizationType","updateItemGrid","deleteRow","personalizeValue","isNamePersonalized","isNumberPersonalized","createDecorationProperties","itemGrid","isAnyCartItemIsPersonalized","isPersonalizationValid","isPersonalized","selectedServiceId","isConfirm","isNamePersonalizationPropertiesValid","isNumberPersonalizationPropertiesValid","backToStore","getPriceBySize","calculateStorePrice","ceil","css","onPersonalizeCheck","formGroup","enable","getInkColorsByService","getFontByService","fonts","getSizesByService","designedOutput","sideInfo","imageUrl","getDecoServices","decoGroup","locations","loc","services","getDecoInkColors","inkColorArray","updateColorCount","zoomIn","pre","posX","offsetX","posY","offsetY","backgroundSize","backgroundPosition","zoomOut","isSilent","isDesigned","decoPriceLoading","isDecorated","onDecoLocationChange","onDecoServiceChange","isDecoLocationSelected","usedPositions","isNumber","isAlphabet","copyUrl","updatedUrl","isCopied","hostBindings","MAT_DIALOG_DATA","debounceTime","YearForm","yearChanges","graduationForm","newValue","newVal","onCheckboxChange","isChecked","checked","keepUpdated","OkClicked","CompleteReg","TryAgain","SharedRoutingModule","forChild","exports","CommonModule","FormsModule","MatLegacyTableModule","MatDatepickerModule","MatLegacyCheckboxModule","MatCheckboxModule","MatNativeDateModule","MatLegacyPaginatorModule","MatSortModule","MatGridListModule","MatLegacySelectModule","MatSelectModule","MatLegacyButtonModule","MatLegacyRadioModule","MatRadioModule","MatLegacyListModule","MatLegacySlideToggleModule","MatSlideToggleModule","MatLegacySliderModule","MatSliderModule","MatExpansionModule","MatLegacyFormFieldModule","MatFormFieldModule","MatLegacyChipsModule","MatChipsModule","MatLegacyTooltipModule","MatTooltipModule","ColorPickerModule","DragDropModule","Layout1ComponentPreview","Layout2ComponentPreview","ViewLayout1Component","ViewLayout2Component","StoreListComponent","ViewStoreComponent","StoreDetailsComponent","ProductListingComponent","ActiveArtComponent","ReviewProductsComponent","CouponsDiscountsComponent","StoreStyleEditorComponent","StoreSummaryComponent","StoreProductCategoriesComponent","StoreSettingsComponent","StoreNameComponent","PrivacySettingsComponent","SocialMediaComponent","StoreContactComponent","StoreNotificationsComponent","StoreCommissionComponent","StoreProductdisplayComponent","StoreBrandingComponent","StoreDomainComponent","StoreDeveloperComponent","StoreClosedPageComponent","ShippingMethodsComponent","CheckoutSettingsComponent","SeoSettingsComponent","DeveloperSettingsComponent","StorePickupComponent","ProductionScheduleComponent","StorePoliciesComponent","CustomOrderFieldsComponent","DesignerSettingsComponent","QuillModule","NgxMatDatetimePickerModule","NgxMatTimepickerModule","MatDialogModule","storeDetailsService","artList","pos","changeCouponVisibility","panelOpenState","generalGroup","effectiveDate","expirationDate","isCouponCreateHidden","isCouponListHidden","getProductList","createFilterFormGroup","updateProductListing","filterFormGroup","clearFilters","storeCartService","storeProducts","teamStoreName","redirect","moment","isStoreClosed","selectedComponent","layout","componentId","disclaimer","moveItemInArray","on","categoryName","categoryArray","productListUnsorted","openProductModal","productIds","productMapCodes","selectedCategory","selectedCategoryIndex","otherProducts","saveCategory","updateCategory","mapCodes","srcElement","index2","confirmDelete","drop","previousIndex","currentIndex","setLayoutData","switchNav","componentSelected","logoSelected","logoUrl","backgroundColor","fontColor","showHomeLink","showProductsLink","showStoreLink","showContactLink","logo","logoHeight","banner","timer","displayColor","displayPrice","footer","showProductCatalogsLink","saveLayoutSettings","object","layoutId","heightChanged","eventHandler","urlPattern","getSummary","storeUrl","createdBy","customerNotes","hasLayoutDesign","checkLayout","submit","urlValidated","replaceHome","onUrlChange","MetadataComponent","managerService","dialog","createStoreForm","getAllStoreManagerList","createCustomerRejectionForm","getAllStoreBuilderList","stateList","customerRejectionForm","rejectionCodeArray","closeRejectModal","openRejectModal","store","rejectionForCustomer","createdDate","publishedDate","openDate","pageSizeOptions","totalLength","dateFilters","storeForm","minDate","dataSource","req","toLocaleString","timeZone","closeStore","updateStoreStage","verifyStoreBuild","openStoreClosureModal","storeDetail","today","setDateToDatepicker","endOf","toDate","date","updateStoreClosure","format","viewStoreBuild","teamstore","verifyArt","artQueueInfo","URL","invalidClosingDay","invalidDay","copyLayout","copiedStoreId","openInfoModal","selectedRejectionCodes","storeRejectionNotes","amStoreRejectionCodes","amStoreRejectionText","getRejectionNotes","filterRejectionCodes","codes","tempCodes","rejCodesArray","closeInfoModal","onPage","managerList","hasAccess","roleId","copyStoreURL","copyText","select","setSelectionRange","navigator","writeText","onSortChange","direction","builderList","editMetadata","backdropClass","openPdfModal","componentInstance","minHeight","setUpCheckoutSettingsFormGroup","getCheckoutSettings","checkoutSettingsGroup","customerPaymentType","acceptPurchaseOrderType","poAttachmentType","allowGiftToOrder","acceptCouponsOrGift","displayEstimatedDeliveryDate","saveTeamStoreChanges","onSuccessResponse","checkoutSettingObj","checkoutSettings","dataFromParent","sendUpdatedDataToParent","setUpCustomCheckoutFieldsFormGroup","customCheckoutFields","fieldInstruction","getCustomCheckoutFields","openEditModal","edit","deleteIndex","setCustomCheckoutFieldsValues","isMulitpleChoiceDropdownSelected","openCreateModal","updateMultipleChoiceArray","closeDeleteModal","setDeleteIndex","deleteField","dataToParent","onTypeChange","editField","choiceString","choice","alert","addField","field","multipleChoiceArray","string","storebuilderService","setUpDesignerFormGroup","getDesignerSettings","designerGroup","allowDesigner","revealBlankPricinginCatalog","requireApprovalforDesignerOrder","allowDistressedFiles","allowShareDesign","enforceBoundaries","allowDesignIdeas","allowClipArt","uploadVectorOnly","artTerms","changeDesignerSettingsHidden","isDesignerSettingsVisible","changeDesignerPopupTitle","designerPopupTitle","setDesignerSettings","displaySettings","designerDisplaySettings","setUpDeveloperSettingsFormGroup","getDeveloperSettings","developerSettingsGroup","activateEmbeddedScript","embeddedScriptCode","fileObj","developerSettingsObj","developerSettings","customCssUrl","customCSS","RemoveFile","MAT_LEGACY_DIALOG_DATA","startWith","getTeamstore","getBrands","getSports","getColors","filteredColors","colorControl","_filter","selectedColors","filteredBrands","brandControl","brandList","selectedBrands","brand","filteredSports","sportControl","sportList","selectedSports","sport","primaryColorList","primaryColors","secondaryColorList","secondaryColors","tertiaryColorList","tertiaryColors","saveMetadata","teamStoreBrands","teamStoreSports","primaryColorId","primaryColor","secondaryColorId","secondaryColor","tertiaryColorId","tertiaryColor","teamStoreKeywords","isBestFundRaiser","availableToCopy","closeDialog","setMetadata","teamStoreColors","displayFn","addMetadata","removeMetadata","setUpStorePrivacyFormGroup","changePasswordBoxHidden","getPrivacy","storePrivacyGroup","storePrivacy","isPrivateBoxVisible","setPrivacyValues","privacy","setUpProductionScheduleFormGroup","changeProductionScheduleExpectedDateBoxHidden","getProductionSchedule","productionScheduleGroup","productionScheduleType","isProductionScheduleExpectedDateBoxVisible","productShippedByDate","productShippedBy","setProductionScheduleValues","productionSchedule","dateArr","padStart","setUpseoSettingsFormGroup","getSeoSettings","seoSettingsGroup","pageType","metaTitle","metaDescription","focusKeyword","seoSettingsObj","seoSettings","pageSelected","setUpShippingMethods","selectedShippingmethods","getAllShippingMethods","method","orderIndex","shippingMethod","selectedMethodIds","addShippingMethods","check","checkSelected","sortedShippingMethods","getSortOrder","a","b","setUpSocialMediaFormGroup","getSocialMedia","socialMediaGroup","displaySocialMediaIcons","facebook","instagram","twitter","linkedin","pinterest","youtube","setSocialMediaValues","values","socialMediaLinks","socialMediaType","storedetailsService","setUpStoreBrandingFormGroup","logoToUpload","File","iconToUpload","imageToUpload","hide","noImagePlaceholder","previewImage","storeBrandingGroup","handleImageInput","imageFormats","showImg","logoStatus","iconStatus","imageStatus","reader","FileReader","readAsDataURL","onload","_event","removeImg","show","save","storeLogoStatus","storeIconStatus","storePreviewImageStatus","setUpStoreClosedPageFormGroup","getStoreClosedPage","storeClosedPageGroup","defaultStoreClosedMessage","displayGraphicImage","displayContactInfo","setUpStoreCommissionFormGroup","changeStoreCommissionOnBoxHidden","storeCommissionGroup","percentageOfTotalSales","isStoreCommissionBoxVisible","storeCommission","storeCommissionType","commissionPercentage","getStoreCommission","setUpContactInfoFormGroup","contactInfoGroup","company","fax","appartment","showGoogleMapOnContactUs","organizationName","emailId","organizationAddress","updateContactInfo","stateArray","domainService","setUpCustomDomainFormGroup","getDomainSettings","reg","customDomainGroup","domainUrl","changeCustomDomainBoxHidden","isCustomDomainBoxVisible","customDomainObj","domainType","customDomains","customDomainType","validateDomain","isDomainValidated","setUpNameAndDirectoryFormGroup","nameAndDirectoryGroup","storeDirectory","createNotificationForm","notificationGroup","notificationArray","createNotificationArray","instantOrderNotification","dailyOrderSummary","shippingNotification","contactUsNotification","savedDesignNotification","setNotificationForm","row","saveEmailNotificationSettings","resultArray","resultObject","myObject","createNotificationObject","saveNotification","storeNotificationType","notificationData","notifications","formatData","getDistinctEmail","notificaitonData","flags","output","l","emailArray","timeout","createPickUpGroup","onModalFirstCall","getPickUpMethods","pickUpArray","pickUpMethods","showAddressModal","addPickUpGroup","locationName","pickUpDetails","pickUpSchedule","processingTime","apartment","pickUpAddressOn","pickUpStartDate","pickUpEndDate","startTime","endTime","taxableZipCode","createArrayObj","toggleTimeModal","teamStorePickUpAddress","teamStorePickUpDate","fetchModalDetails","toggleAddressModal","setAddressValidation","setRequiredValidator","removeValidators","setTimeValidations","fillModal","selectedItemIndex","startdate","enddate","startdateArr","startDateDay","startDateMonth","startYear","enddateArr","endDateDay","endDateMonth","endYear","toggleModalSettings","pickupSchedule","update","dismissModal","showBtns","setUpStorePoliciesFormGroup","getStorePolicies","createAddPolicyFormGroup","addPolicyFormGroup","storePoliciesGroup","thankYouMessage","PackingSlipFooter","privacyPolicy","termsOfUse","policyListObj","thankYouMessageSelected","defaultThankYouMessage","PackingSlipFooterSelected","defaultPackingSlipFooter","privacyPolicySelected","defaultPrivacyPolicy","termsOfUseSelected","defaultTermsOfUse","storePoliciesObj","policies","storePolicyType","storePolicyTextType","policyText","onPackingSlipSelect","selectedPolicy","toggleModal","onThankYouMessageSelect","onPrivacyPolicySelect","onTermsOfUseSelect","savePolicyText","setUpProductDisplayFormGroup","productDisplaySettingsGroup","productSortOrderType","showAvailableInventory","displaySku","displayManufacturer","inventoryThreshold","updateDisplaySetting","change","isInventoryChecked","productDisplaySettings","showForm","valueForm","getDataFromRoute","getProductData","designedId","onUserAgreementChecked","userAgreed","showSlides","plusSlides","n","slideIndex","currentSlide","slides","display","curSlide","opacity","checkUserAgreement","updateStatus","isRejected","reason","reasonIds","rejectionReasonIds","reasonSelected","val","signature","designedUrl","getImages","imgTempList","designImgList","artImgList","artMappingStatus","isInteracted","closeStoreModal","search","urlParams","setUserVerificationForm","userVerificationForm","confirmPassword","securityToken","handler","FileSaver","downloadImg","urlSplit","saveAs","redirectToProductView","loadOrderDetails","orderLineItems","lineItemId","orderLineItemPersonalizations","production","storage","defaultAmount","doogmaLicenseKey","enableProdMode","__NgCli_bootstrap_1","bootstrapModule"],"sourceRoot":"webpack:///","x_google_ignoreList":[145]}\r\n \r\n
\r\n