{child.props.children}
\r\n{errorMessage}
\r\n}/)
\r\n\r\n \r\n {items[0].shortDescription}
\r\n )\r\n } else {\r\n return null;\r\n }\r\n\r\n }\r\n\r\n renderProducts() {\r\n const { items, showDetails, filter, addToCart, updateKitQuantity, updateDeviceQuantity, qtyReadOnly, wizard, wizardName, getCrossSellProducts, addToCartCb, showLoadingStatus, config: { DATA_PLANS_CATEGORY_ID, PANASONIC_DEVICE_IDS }, currentSelection, setCurrentId } = this.props;\r\n if (!items || items.length === 0) {\r\n return this.renderLoadingItems(6);\r\n } else {\r\n if (items[0].category.id === DATA_PLANS_CATEGORY_ID) {\r\n let itemArr = items;\r\n if (PANASONIC_DEVICE_IDS.includes(currentSelection)){\r\n itemArr = itemArr.filter(x => x.name !== \"T-Mobile Data Plans\");\r\n }\r\n // wireless plans component\r\n return _.map(itemArr, product =>\r\n{noReqProducts[0].shortDescription}
\r\n )\r\n } else {\r\n return null;\r\n }\r\n\r\n }\r\n\r\n render() {\r\n const { isAuthenticated, newProducts, addToCart } = this.props;\r\n const { parentProduct, deviceAddedToCartId, deviceQuantity } = this.state;\r\n\r\n const noReqProducts = _.filter(parentProduct.requiredProducts, p => !p.automaticallyAddToCart);\r\n\r\n return (\r\n{noReqProducts[0].shortDescription}
\r\n// )\r\n// } else {\r\n// return null;\r\n// }\r\n\r\n// }\r\n\r\n// render() {\r\n// const { isAuthenticated, devices, addToCart } = this.props;\r\n// const { parentProduct, deviceAddedToCartId, deviceQuantity } = this.state;\r\n// let categoryName = \"\";\r\n// console.log(\"parentProduct\", parentProduct);\r\n\r\n// if (devices && devices.length > 0) {\r\n// categoryName = devices[0].category.name;\r\n// }\r\n\r\n// const noReqProducts = _.filter(parentProduct.requiredProducts, p => !p.automaticallyAddToCart);\r\n// console.log(\"noReqProducts\", noReqProducts);\r\n\r\n// return (\r\n//{prodAttr.textPrompt}
\r\n }\r\n{ prodAttr.textPrompt }
\r\n }\r\n\r\n
\r\n
\r\n
\r\n 877-492-8808\r\n
\r\n\r\n PIN: 122\r\n
\r\n\r\n Option: 1\r\n
\r\n\r\n
\r\n
![\"NOT]({require(\"../../../Assets/Images/services.png\")})
\r\n www.velsol.com\r\n \r\n {item.productDescription}\r\n
}\r\n\r\n
\r\n
\r\n {billingAddress.company}\r\n
\r\n\r\n
\r\n {shippingAddress.company}\r\n
\r\n\r\n
\r\n #{orderDetail.customOrderNumber}\r\n
\r\n\r\n
\r\n {I18n.l(orderDetail.createdOn, { dateFormat: \"locale.date.long1\" })}\r\n
\r\n\r\n
\r\n {orderDetail.orderTotal}\r\n
\r\n(
\r\n
{description}
\r\n { id === DEVICES_CATEGORY_ID ?\r\n{items[0].shortDescription}
\r\n )\r\n } else {\r\n return null;\r\n }\r\n\r\n }\r\n\r\n // nextOnClick() {\r\n // // TODO this is in the next button listener\r\n // const { wizards, goNext, onFinish } = this.props;\r\n // const { totalSteps, currentStep } = wizards.KitsBuild;\r\n //\r\n // // Wizard is finished at the second to last step because the last step is the Cart\r\n // if (currentStep === totalSteps) {\r\n // onFinish(\"KitsBuild\");\r\n // } else {\r\n // goNext(\"KitsBuild\");\r\n // }\r\n //\r\n // window.scrollTo(0, 0);\r\n // }\r\n\r\n previousOnClick() {\r\n const { goPrev } = this.props;\r\n goPrev(\"KitsBuild\");\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n render() {\r\n const { wizards, filter } = this.props;\r\n\r\n return (\r\n