{"version":3,"sources":["webpack:///./ClientApp/services/Localizer.tsx","webpack:///./ClientApp/shared/assets/types.ts","webpack:///./ClientApp/styles/node-modules/react-toggle/style.css?5a6e","webpack:///./ClientApp/styles/node-modules/react-toggle/style.css","webpack:///./ClientApp/features/commerce/shopping-cart/OrderMessages.tsx","webpack:///./ClientApp/shared/polyfills/customEvent.js","webpack:///./ClientApp/shared/components/svg/LeftChevronSVG.tsx","webpack:///./ClientApp/shared/components/svg/DownChevronSVG.tsx","webpack:///./ClientApp/shared/components/svg/UpChevronSVG.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/useShoppingCart.ts","webpack:///./ClientApp/shared/hooks/useInViewOnce.ts","webpack:///./ClientApp/shared/assets/LazyImage.tsx","webpack:///./ClientApp/util/StringUtil.ts","webpack:///./ClientApp/shared/components/svg/ShoppingCartSVG.tsx","webpack:///./ClientApp/styles/node-modules/@reach/dialog/styles.css?d0c1","webpack:///./ClientApp/services/ServerData.ts","webpack:///./ClientApp/features/commerce/pricing/pricing-result.ts","webpack:///./ClientApp/shared/components/svg/QuestionMarkCircleSVG.tsx","webpack:///./ClientApp/features/commerce/store/AddedToCartAlert.tsx","webpack:///./ClientApp/styles/node-modules/@reach/dialog/styles.css","webpack:///./ClientApp/shared/components/svg/RightChevronSVG.tsx","webpack:///./ClientApp/shared/components/svg/LockSVG.tsx","webpack:///./ClientApp/features/commerce/my-account/shopping-lists/types.ts","webpack:///./ClientApp/features/commerce/shopping-cart/ProductSelectionsList.tsx","webpack:///./ClientApp/shared/hooks/useAxiosLoader.ts","webpack:///./ClientApp/shared/hooks/useAxiosPaginatedLoader.ts","webpack:///./ClientApp/shared/components/Spinner.tsx","webpack:///./ClientApp/features/commerce/product-details/data.ts","webpack:///./ClientApp/shared/components/svg/PlusSVG.tsx","webpack:///./ClientApp/services/AxiosHelper.ts","webpack:///./ClientApp/shared/components/Breadcrumbs.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductPricingLines.tsx","webpack:///./ClientApp/shared/components/Alert.tsx","webpack:///./ClientApp/shared/components/svg/InfoSVGAlternative.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductAddOns.tsx","webpack:///./ClientApp/shared/components/svg/MinusSVG.tsx","webpack:///./ClientApp/shared/components/svg/PlayMediaSVG.tsx","webpack:///./ClientApp/shared/components/svg/FilePDFSVG.tsx","webpack:///./ClientApp/shared/components/svg/FileWithTextSVG.tsx","webpack:///./ClientApp/shared/components/svg/FileWordDocSVG.tsx","webpack:///./ClientApp/shared/components/svg/FileExcelSVG.tsx","webpack:///./ClientApp/shared/assets/AssetIcon.tsx","webpack:///./ClientApp/shared/components/svg/DownloadSVG.tsx","webpack:///./ClientApp/shared/assets/AssetDownloadIcon.tsx","webpack:///./ClientApp/shared/assets/ExternalMediaIFrame.tsx","webpack:///./ClientApp/shared/components/svg/HclZoomSVG.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductImageModal.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductAssets.tsx","webpack:///./ClientApp/shared/hooks/useSmoothScrollingPolyfill.tsx","webpack:///./ClientApp/features/commerce/organization/orders lazy ^\\.\\/.*$ namespace object","webpack:///./ClientApp/shared/components/Pagination.tsx","webpack:///./ClientApp/shared/components/svg/FileSVG.tsx","webpack:///./ClientApp/shared/edit/fields/FieldInputErrorWrapper.tsx","webpack:///./ClientApp/shared/assets/lazy.ts","webpack:///./ClientApp/features/commerce/my-account/shopping-lists/useShoppingListLoader.ts","webpack:///./ClientApp/shared/edit/fields/FieldLabel.tsx","webpack:///./ClientApp/shared/edit/fields/CheckBoxField.tsx","webpack:///./ClientApp/shared/edit/fields/DropdownField.tsx","webpack:///./ClientApp/shared/edit/fields/StarRatingField.tsx","webpack:///./ClientApp/shared/edit/fields/TextAreaField.tsx","webpack:///./ClientApp/shared/edit/fields/InputField.tsx","webpack:///./ClientApp/shared/edit/fields/TextBoxField.tsx","webpack:///./ClientApp/shared/edit/InlineAlert.tsx","webpack:///./ClientApp/features/commerce/my-account/shopping-lists/useShoppingLists.ts","webpack:///./ClientApp/shared/hooks/useRocEventHandler.tsx","webpack:///./ClientApp/features/commerce/my-account/shopping-lists/ShoppingListEditItemFields.tsx","webpack:///./ClientApp/features/commerce/my-account/shopping-lists/ShoppingListEditItemBody.tsx","webpack:///./ClientApp/features/commerce/my-account/shopping-lists/ShoppingListEditItem.tsx","webpack:///./ClientApp/shared/components/svg/XSVG.tsx","webpack:///./ClientApp/services/UserData.ts","webpack:///../Roc.SharedClientApp/types/model-status.ts","webpack:///./ClientApp/shared/util/ErrorBoundary.tsx","webpack:///./ClientApp/shared/util/AccountUrls.ts","webpack:///./ClientApp/features/commerce/shopping-cart/types.ts","webpack:///./ClientApp/features/commerce/store/MultipleItemsAddedToCartAlert.tsx","webpack:///./ClientApp/shared/edit/OptionalFieldMarker.tsx","webpack:///./ClientApp/shared/polyfills/getAttributeNames.js","webpack:///./ClientApp/shared/util/ApplicationInit.tsx","webpack:///./ClientApp/shared/components/hawksearch/helpers/Cookies.ts","webpack:///./ClientApp/shared/edit/fields/ValidationMessages.tsx","webpack:///./ClientApp/shared/components/commerce/ProductPricing.tsx","webpack:///./ClientApp/features/my-account/routes.roc.tsx","webpack:///./ClientApp/shared/hooks/useDelayedDisplay.tsx","webpack:///./ClientApp/shared/components/svg/CheckCircleSVG.tsx","webpack:///./ClientApp/shared/util/Misc.ts","webpack:///./ClientApp/shared/util/events/rocEventUtils.ts","webpack:///./ClientApp/shared/components/svg/StarEmptySVG.tsx","webpack:///./ClientApp/shared/components/hawksearch/components/svg/DashCircleSVG.tsx","webpack:///../Roc.SharedClientApp/types/commerce/display-price.ts","webpack:///./ClientApp/shared/components/Modal.tsx","webpack:///./ClientApp/shared/components/svg/PencilSVG.tsx","webpack:///./ClientApp/features/commerce/product-details/types.ts","webpack:///./ClientApp/shared/components/svg/CircleExclamationSVG.tsx","webpack:///./ClientApp/features/my-account/routes.commerce.tsx","webpack:///./ClientApp/shared/components/CircleButton.tsx","webpack:///./ClientApp/shared/edit/fields/CheckboxInputField.tsx","webpack:///./ClientApp/shared/components/svg/StarSVG.tsx","webpack:///./ClientApp/shared/components/star-rating/StarRating.tsx","webpack:///./ClientApp/shared/components/star-rating/useStarRating.ts","webpack:///./ClientApp/shared/edit/RocForm.tsx","webpack:///../Roc.SharedClientApp/types/commerce/tabs.ts","webpack:///./ClientApp/shared/components/roc-options-table/RocOptionsTable.tsx","webpack:///./ClientApp/shared/components/roc-options-table/RocOptionsTableTitle.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductSelectableAttributesList.tsx","webpack:///./ClientApp/features/commerce/product-details/BulkAddToList.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductDetailsContext.ts","webpack:///./ClientApp/features/commerce/product-details/AlternateProductDetails.tsx","webpack:///./ClientApp/util/type-assertions.ts","webpack:///./ClientApp/features/commerce/product-details/ProductAvailabilityHCL.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductAddToCart.tsx","webpack:///./ClientApp/features/commerce/store/AddedToListAlert.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductAddToListModal.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductAddToList.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductRating.tsx","webpack:///./ClientApp/util/console.ts","webpack:///./ClientApp/features/commerce/product-details/ProductSelections.tsx","webpack:///./ClientApp/shared/data/usePartialDataLoader.tsx","webpack:///./ClientApp/features/commerce/product-details/useProductDetails.ts","webpack:///./ClientApp/features/commerce/product-details/ProductLists.tsx","webpack:///./ClientApp/features/commerce/product-details/data.HCL.ts","webpack:///./ClientApp/features/commerce/product-details/ProductPriceBreaks.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductDetails.tsx","webpack:///./ClientApp/features/commerce/product-details/index.tsx","webpack:///./ClientApp/shared/hooks/useLoader.ts","webpack:///./ClientApp/shared/components/svg/FolderSVG.tsx","webpack:///./ClientApp/shared/components/svg/GarbageCanCircleSVG.tsx","webpack:///./ClientApp/shared/components/StatusDisplay.tsx","webpack:///./ClientApp/features/commerce/organization/OrganizationUIComponents.ts","webpack:///./ClientApp/features/commerce/organization/routes.tsx"],"names":["LocalizerResources","isAlreadyLogged","initializeLocalizerResources","windowWithResources","window","__ROC_LOCALIZER_RESOURCES__","Array","isArray","forEach","obj","Object","keys","key","Localizer","replaceStrings","length","console","warn","resource","replace","match","index","LocalizedSpan","props","resourceKey","args","localizedString","data-testid","toKebabCase","dangerouslySetInnerHTML","__html","AssetType","api","content","__esModule","default","module","i","options","exports","locals","___CSS_LOADER_API_IMPORT___","push","OrderMessageAction","OrderMessages","orderMessages","actions","messages","filter","orderMessage","includes","messageAction","className","map","message","CustomEvent","event","params","bubbles","cancelable","detail","undefined","evt","document","createEvent","initCustomEvent","prototype","Event","LeftChevronSVG","rest","viewBox","classnames","focusable","aria-hidden","d","DownChevronSVG","UpChevronSVG","useShoppingCart","useShoppingCartParams","order","setOrder","savedProducts","setSavedProducts","setCartSummary","setOrderMessages","useState","updatingOrderItemId","setUpdatingOrderItemId","orderItemBeingRemovedId","setOrderItemBeingRemovedId","cartTotalItemCount","setCartTotalItemCount","updatingSavedProductId","setUpdatingSavedProductId","updatingSavedProductPricingLineId","setUpdatingSavedProductPricingLineId","savedProductBeingRemovedId","setSavedProductBeingRemovedId","savedProductBeingRemovedPricingLineId","setSavedProductBeingRemovedPricingLineId","storedForUndoItem","setStoredForUndoItem","storedForUndoItemIndex","setStoredForUndoItemIndex","lastMoveStatus","setLastMoveStatus","isUndoClicked","isUndoClickedState","setIsUndoClickedState","error","setError","errorMessage","setErrorMessage","errorType","setErrorType","orderIsUpdating","clearUndoState","dispatchAddToCartEvent","result","dispatchRocEvent","items","id","productId","adjustedQuantity","name","price","snapshotSalePrice","snapshotBasePrice","sku","currency","snapshotCurrencyISO","productGroupId","selections","updateCartState","response","cart","cartSummary","updateOrderMessages","useEffect","itemsCount","recipients","reduce","itemsQty","orderRecipient","recipientQty","orderItem","quantity","addToCart","itemId","AxiosHelper","post","productPricingLineId","savedProductsPageNumber","pagination","pageNumber","savedProductsPageSize","pageSize","addOns","validateAddOns","data","axiosError","exceptionCode","bulkAddToCart","element","request","productInfo","item","processedItems","addAllFromListToCurrentCart","shoppingListId","displayedItemsCount","shoppingListProductIds","selectedShoppingListProductIds","addAllFromListToNewCart","moveItemToSaved","itemToMove","product","pricingLine","recipient","recipientId","itemIndex","indexOf","MoveStatus","MovedToSaved","changeOrderItemQuantity","itemToUpdate","newQuantity","updateOrderItemAddOns","updatedAddOns","requestToken","Axios","CancelToken","source","cancelToken","token","removeOrderItem","itemToRemove","RemovedFromCart","addToSavedProducts","itemToAdd","moveSavedProductToCart","productToMoveId","productName","results","savedProductIndex","findIndex","addToOrderResult","lastMovedItem","find","MovedToCart","removeSavedProduct","productToRemoveId","productToRemoveName","savedProduct","delete","toString","orderItemFromSaved","totalPrice","unitPrice","RemovedFromSaved","handleUndo","state","actor","updateOrder","newCart","useInViewOnce","makeIterator","inViewHookResponse","useInView","viewed","setViewed","inView","newResponse","Symbol","iterator","LazyImage","placeholderImg","src","alt","backgroundImg","delay","inactiveClassName","loadedClassName","threshold","ref","loadedClassDisplayed","setLoadedClassDisplayed","setTimeout","imageSrc","classes","style","backgroundImage","value","trim","toLocaleLowerCase","toCamelCase","word","toLowerCase","toUpperCase","stripHtml","html","tmp","createElement","innerHTML","textContent","innerText","addEllipsis","text","cutoff","substring","trimString","ShoppingCartSVG","defaultProps","ServerData","windowWithServerData","__ROC_SERVER_DATA__","initializeServerData","ParseQuantityRange","quantityRange","s","split","parseInt","Infinity","GetPriceForQuantity","prices","Error","min","max","GetPricingLine","pricingResult","pricingLineId","line","products","pricingLines","isDefault","QuestionMarkCircleSVG","stroke","strokeWidth","fill","fillRule","transform","AddedToCartAlert","displayAlert","setDisplayAlert","imageUrl","inline","displayPrice","selection","label","subtotal","type","onClick","location","href","RightChevronSVG","LockSVG","PrivacyType","PrivacyTypeOptions","ProductSelectionsList","cache","useAxiosLoader","axiosParams","active","callback","cacheKey","method","useLoader","loading","setLoading","setResponse","reloadTimes","setReloadTimes","useRef","current","isCancel","cancel","values","reload","useAxiosPaginatedLoader","query","initialPageSize","initialSortByName","initialSortDirection","initialResults","setPageSizeState","setPageNumber","sortByName","setSortByName","sortDirection","setSortDirection","dataLoaderActive","setDataLoaderActive","customQuery","setCustomQuery","paginationQuery","url","page","goToPage","totalPages","goToNextPage","goToPreviousPage","setSorting","sortBy","direction","setPageSize","size","setQuery","Spinner","light","waitMs","align","block","parentCentered","useDelayedDisplay","spinner","partialDataCache","partialProductsDataCache","getPartialProductData","missingKeys","sort","join","additionalParams","paramValue","Promise","resolve","get","getBulkPartialProductsData","productIds","PlusSVG","axios","create","defaults","headers","common","interceptors","use","config","getCsrfToken","csrfToken","RequestVerificationToken","addUnauthorizedAccessInterceptor","history","status","AccountUrls","Login","encodeURIComponent","pathname","reject","Breadcrumbs","breadcrumbPath","backToPage","renderPathLink","back","entry","Fragment","NoPricingLine","isInitialization","checked","getCheckedPricingLine","checkedUnit","uom","ProductPricingLines","setPricingLines","details","selected","available","statefulPricingLines","onPricingLineChange","handleOnChangeAndBlur","e","newLine","updatedPricingLines","newValue","currentTarget","htmlFor","onChange","onBlur","unitOfMeasure","displayName","getPricingLineDropdownText","LazyDialog","React","lazy","then","Dialog","Alert","isOpen","theme","onConfirm","onCancel","renderTitle","cancelButtonText","confirmButtonText","renderActions","renderProps","headerDivider","subTitle","children","Suspense","fallback","onDismiss","as","InfoSVGAlternative","points","DefaultProductAddOnsComponent","formApi","childAddOnNames","setProductAddOns","hideAddOnsDetails","fields","availableAddOns","availableChildAddOns","_fieldName","_childName","fieldName","ProductAddOnField","getFieldState","getProductAddOnsComponent","input","required","meta","CheckboxInputField","defaultValue","disabled","description","attributes","ProductAddOnAttributeField","attributeIndex","attribute","addOnIndex","inputAttributeType","InputAttributeType","Single","SingleLineAttributeComponent","customComponent","DefaultSingleLineAttributeComponent","getSingleLineAttributeComponent","Multiline","MultiLineAttributeComponent","DefaultMultiLineAttributeComponent","getMultilineAttributeComponent","MultiValueAttributeComponent","DefaultMultiValueAttributeComponent","getMultiValueAttributeComponent","AttributeValueLengthMessage","minimumLength","maximumLength","maximumLines","FieldLabel","isRequired","instructions","testId","limitMultiline","maximumNumberOfLines","newLines","parse","rowLimit","rows","multiple","maxLength","batch","change","selectionValue","valueIndex","MinusSVG","PlayMediaSVG","FilePDFSVG","FileWithTextSVG","FileWordDocSVG","FileExcelSVG","AssetIcon","asset","assetIconClasses","assetType","Media","YouTube","color","Document","assetUrl","pop","FileSVG","DownloadSVG","AssetDownloadIcon","downloadIconClasses","ExternalMediaIFrame","embeddedUrl","title","frameBorder","allow","allowFullScreen","HclZoomSVG","ProductImageModal","closeModal","aria-label","XSVG","LazyMediaQuery","productAssetPlaceholder","altText","sortOrder","thumbnailUrl","mainImageUrl","enlargedImageUrl","Image","compareAssets","a","b","ProductAssets","mainAsset","setMainAsset","altAssets","setAltAssets","isImageSliderModalOpen","setIsImageSliderModalOpen","carousel","nodes","Map","scrollCarousel","up","from","node","innerWidth","scrollBy","clientHeight","smoothscroll","polyfill","assets","newMainAsset","assetsWithoutDocs","initAltAssets","it","assetScroller","maxWidth","minWidth","altAsset","c","set","preventDefault","download","mainImageContent","saleDiscount","isNewProduct","webpackAsyncContext","req","__webpack_require__","o","code","ids","all","slice","t","Pagination","flush","uniqueId","createGuid","localPageNumber","setLocalPageNumber","timerRef","attemptGoToPage","newPageNumber","clearTimeout","onKeyDown","toLocaleString","FieldInputErrorWrapper","hideIcon","useField","invalid","submitError","dirtySinceLastSubmit","submitting","touched","lazyLoadImages","lazyImages","call","querySelectorAll","lazyImageObserver","IntersectionObserver","entries","isIntersecting","lazyImage","target","dataset","attributeDelay","Number","getAttribute","classList","remove","add","unobserve","observe","lazyElements","elements","stopAfterIntersecting","lazyElementObserver","lazyElement","readyState","addEventListener","useShoppingListLoader","CheckBoxField","readOnly","afterSubmit","allowNull","beforeSubmit","formatOnBlur","initialValue","isEqual","subscription","DropdownField","addSelectOption","validateFields","onFocus","dirty","aria-describedby","option","ValidationMessages","StarRatingField","maxRating","OptionalFieldMarker","StarRating","readonly","TextAreaField","placeholder","validate","component","format","render","InputField","forwardRef","step","TextBoxField","InlineAlert","isTitleOnOwnRow","isCollapsed","onCollapse","isAxiosError","useShoppingLists","shoppingListBeingEdited","setShoppingListBeingEdited","isSaving","setIsSaving","shoppingList","setShoppingList","isDeleting","setIsDeleting","saveShoppingList","formValues","MY_ACCOUNT_SHOPPING_LISTS_URL","handleAxiosErrorWithValidation","beginCreateShoppingList","beginEditShoppingList","stopEditingShoppingList","addProductToList","bulkAddProductToList","removeShoppingList","eventType","dispatchEvent","useRocEventHandler","eventHandler","deps","removeHandlerCallback","addRocEventHandler","ShoppingListEditItemFields","ShoppingListEditItemBody","isAlertOpen","setIsAlertOpen","displayCancelButton","displaySaveButton","onRemoveShoppingList","dirtySaveButtonText","saveButtonText","ShoppingListEditItem","onSaveShoppingList","onSubmit","form","getState","pristine","initialValues","handleSubmit","userDataPromise","getUserData","getUserDataNoCache","userData","ModelStatus","ErrorBoundary","lastRefreshedTimestamp","Date","localStorage","getItem","getTime","setItem","this","setState","renderError","Component","BaseUrl","ACCOUNT_URL_BASE","ACCOUNT_LOGIN_URL","Login2fa","ACCOUNT_LOGIN_WITH_2FA_URL","Register","ACCOUNT_REGISTER_URL","ForgotPassword","ACCOUNT_FORGOT_PASSWORD_URL","LoginWithRecoveryCode","ACCOUNT_LOGIN_WITH_RECOVERY_CODE_URL","Logout","ACCOUNT_LOGOUT_URL","OrganizationReview","ACCOUNT_ORGANIZATION_REVIEW_URL","OrganizationSelector","ACCOUNT_ORGANIZATION_SELECTOR_URL","ExternalLogout","OrderStatus","PaymentTypeEnum","CreditCardType","ExportStatus","MultipleItemsAddedToCartAlert","responseItem","AddedToCartLineItem","rowIndex","height","role","width","memo","Element","getAttributeNames","getDataPropsFromAttributes","startsWith","attributeName","initReactApp","getReactElement","elementId","getElementById","ReactDOM","initReactAppByAttribute","getVisitorExpiry","setTime","toUTCString","getVisitExpiry","substr","Math","floor","random","getCookie","nameEQ","ca","cookie","charAt","setCookie","expiry","expires","getErrorArray","errorOrSubmitError","errors","concat","ProductPricing","roundValue","renderResult","css","priceClass","base","normalPrice","crossedOutPrice","highlightedPrice","GetCssClasses","displayRule","PriceDisplayRule","Missing","Normal","basePriceClass","salePrice","VariantPriceComponent","basePrice","renderNormalPrice","AmbiguousRange","roundedPrice","rawValue","toFixed","FormatAmbiguousPriceSpan","unitName","unit","renderAmbiguousPrice","FormatPrice","FormatPriceSpan","priceRange","to","MY_ACCOUNT_PATH_PREFIX","MY_ACCOUNT_AUTHENTICATOR_URL","MY_ACCOUNT_GENERATE_RECOVERY_CODES_URL","MY_ACCOUNT_CONFIGURE_AUTHENTICATOR_URL","MY_ACCOUNT_LOGIN_URL","MY_ACCOUNT_WALLET_URL","MY_ACCOUNT_WALLET_CREATE_URL","MY_ACCOUNT_ADDRESS_BOOK_URL","MY_ACCOUNT_ADDRESS_BOOK_CREATE_URL","MY_ACCOUNT_ADDRESS_BOOK_EDIT_URL","MY_ACCOUNT_SETTINGS_URL","rocRoutes","exact","path","display","setDisplay","timeout","CheckCircleSVG","ms","sleep","validationErrorCallback","genericErrorCallback","globalErrors","errorsWithModifiedArrayIndex","acc","newValidationState","unflatten","FORM_ERROR","getQueryParam","paramName","decodeParam","urlParams","URLSearchParams","search","decodeURIComponent","handler","removeEventListener","StarEmptySVG","DashCircleSVG","class","LazyDialogContent","DialogContent","LazyDialogOverlay","DialogOverlay","Modal","hideCloseButton","renderSubtitle","titleIcon","bypassFocusLock","innerModal","ariaLabel","dangerouslyBypassFocusLock","PencilSVG","getInitialProductDetailsState","__ROC_COMMERCE_PRODUCT_DETAILS__","ProductType","AddToCartExceptionCode","CircleExclamationSVG","MY_ACCOUNT_ORDERS_URL","MY_ACCOUNT_STORE_URL","MY_ACCOUNT_SAVED_FOR_LATER_URL","MY_ACCOUNT_SAVED_CARTS_URL","MY_ACCOUNT_BUY_AGAIN_URL","MY_ACCOUNT_ORGANIZATION_REVIEW_URL","MY_ACCOUNT_ORGANIZATION_SELECTOR_URL","MY_ACCOUNT_SHOPPING_LISTS_CREATE_URL","MY_ACCOUNT_USER_SHIPPING_ACCOUNT_URL","MY_ACCOUNT_USER_SHIPPING_ACCOUNT_EDIT_URL","MY_ACCOUNT_REVIEWS_URL","MY_ACCOUNT_CUSTOMER_ACCOUNT_APPLICATIONS_URL","MY_ACCOUNT_CUSTOMER_CREDIT_APPLICATIONS_URL","MY_ACCOUNT_SHOPPER_APPLICATIONS_URL","OrdersComponent","ORGANIZATION_ORDERS_URL","OrderDetailsComponent","StoreComponent","AddressBookComponent","AddressBookEditComponent","SavedForLaterComponent","SavedCartsComponent","BuyAgainComponent","AccountOverviewComponent","ShoppingListsComponent","ShoppingListsCreateComponent","ShoppingListDetailsComponent","OrganizationReviewComponent","OrganizationSelectorComponent","UserShippingAccountsComponent","ReviewsComponent","CustomerAccountApplicationsComponent","CustomerAccountApplicationsEditComponent","CustomerCreditApplicationsComponent","CustomerCreditApplicationsEditComponent","ShopperApplicationsComponent","ordersRoute","orderDetailsRoute","storeRoute","addressBookRoute","addressBookCreateRoute","addressBookEditRoute","savedForLaterRoute","savedCartsRoute","exect","buyAgainRoute","shoppingListsRoute","shoppingListsCreateRoute","shoppingListDetailsRoute","userShippingAccountsRoute","reviewsRoute","customerAccountApplicationsRoute","customerAccountApplicationsEditRoute","customerCreditApplicationsRoute","customerCreditApplicationsEditRoute","commerceRoutes","CircleButton","icon","otherProps","defaultChecked","StarSVG","ratingStars","setRatingStars","ratingHovered","setRatingHovered","newState","isFull","isPending","isHighlighted","isChecked","ratingValue","useStarRating","onInputChange","modifierClasses","onMouseEnter","onMouseLeave","focusOnError","createDecorator","RocForm","debug","destroyOnUnregister","initialValuesEqual","keepDirtyOnReinitialize","validateOnBlur","decorators","mutators","getTabDivElement","tabId","divElements","querySelector","HTMLDivElement","getTabLiElement","listElements","HTMLLIElement","RocOptionsTable","RocOptionsTableTitle","ProductSelectableAttributesList","simpleSelections","field","classNamePrefix","BulkAddToList","openListModal","setOpenListModal","modalOpen","setModalOpen","addToListResponse","setAddToListResponse","confirmationPopupOpen","setConfirmationPopupOpen","addingToList","setAddingToList","triggerRef","validationResult","handleListModal","isUserSignedIn","handleAddToList","useCallback","itemsToAddToList","clearSelectedItems","summary","organization","organizationOption","Organization","splice","every","BulkAddedToListAlert","setPopupOpen","errorMessages","ProductDetailsContext","createContext","useProductDetailsContext","context","useContext","SimpleProductsListing","productDetails","userIsSignedIn","isPurchaseable","selectedItems","setSelectedItems","childrenData","setChildrenData","fetchChildrenData","p","alternateProductDetailsDom","updateSelectedItem","selectedPricingLineId","newItems","simplesListing","child","SimpleProductsListingRow","BulkAddToCartButton","itemsToAdd","createPortal","setSelectedPricingLineId","setQuantity","defaultAsset","mainImage","productUrl","displayPricing","displayPriceLine","getDetail","SimpleProductQtyUOM","selectedPricingLine","onQuantityUpdate","itemName","availability","selectedProductPricingLineId","setSelectedProductPricingLineId","autoComplete","tabIndex","isNaN","updateQuantity","addingToCart","setAddingToCart","isViewCartActive","setIsViewCartActive","setErrorMessages","bulkAddToCartResponse","setBulkAddToCartResponse","UseShoppingCartResult","errorTitle","cartFull","productOutOfStock","productUnavailable","handleBulkAddToCart","orderErrorMessages","om","RedirectToCart","AssertionError","m","setPrototypeOf","ProductAvailabilityHCL","backOrder","outOfStock","callForAvailability","ProductAddToCart","UseProductDetailsResult","setSelectedPricingLine","isPricingLineUnavailable","addToCartResponse","setAddToCartResponse","numberOfItems","setNumberOfItems","cartErrorMessage","allSelectionsSelected","Simple","handleAddToCart","addOnsHandleSubmitWithError","handleUpdateQuantity","qty","arg","assertNotNullish","print","xlinkHref","AddedToListAlert","ProductAddToListModal","ProductAddToList","displaySelectionsErrorMessage","setDisplaySelectionsErrorMessage","TabType","callLocations","ProductRating","reviewsSummary","standardReviewsSummary","tabs","hasReviewTab","some","tabViewChunk","tab","tabType","Reviews","reviewTabs","model","trace","stack","optionalParams","warnOnce","averageRating","reviewCount","setUserIsSignedIn","getUserIsSignedIn","isSignedIn","rating","round","reviewText","reviewsTabs","getElementsByClassName","reviews","HTMLElement","scrollTo","offsetTop","getCheckedLabel","checkedValue","ProductSelections","setSelections","isInitialLoad","setIsInitialLoad","initialSelectionsValidated","setInitialSelectionsValidated","checkedSelections","checkedSelectionValueIds","checkedSelection","checkedSelectionValueMatch","checkedSelectionValue","checkedSelectionValueId","simpleProducts","simpleProductMatch","simpleProduct","simpleProductSelection","updateValidSelections","onSimpleProductSelected","onSimpleProductCleared","autoSelectFirstProduct","hasMatchingSimpleProduct","matchingSelectionValue","firstValidSelectionValue","v","valid","searchParams","firstSimple","matchingSelection","matchingValue","handleSelection","selectionsToUpdate","newSelections","checkedValues","currSelection","currSelectionValue","newSelection","newSelectionValue","hasValidPath","permutationSelection","valuesToCheck","currentList","hasMatch","clickedSelectionValueIsValid","selectionIndex","selectionLabel","useSwatches","swatchUrl","selectionClassNames","usePartialDataLoader","initialState","partialData","setPartialData","isLoading","setIsLoading","hasError","setHasError","isKeyLoading","dataLoaderFn","missingData","providedKeys","literal","valueOf","loadData","isLoadingAny","useProductDetails","loaderOptions","simpleProductLoading","setSimpleProductLoading","loggedInUserFirstName","setLoggedInUserFirstName","productStateOverride","setInternalProductStateOverride","productQuantity","setProductQuantity","productData","groupId","Group","setProductStateOverride","originalState","fixedNewState","newTabs","newTabsMap","oldTab","foldTabs","unavailabilityReason","ProductLists","GetSalePercentageSummary","discount","getSimpleDiscount","getAmbiguousDiscount","ProductPriceBreaks","qtyRanges","availablePricing","getAvailablePrices","qtyRange","pricing","ProductBreadcrumbs","headerDom","breadcrumbComponent","canGoBack","ProductMedia","mainLeftDom","productAssets","ProductHeader","mainInfoHeaderDom","productHeaderInfo","ProductSelectionsRegion","productAddOns","childProductAddOnNames","setChildProductAddOnNames","productAddOnData","availableChildProductAddOns","productSelectionsDom","ProductAddOnsComponent","productSelections","simpleProductData","newProductData","UpdateSSRData","groupProductData","newGroupProductData","arrayMutators","unitOfMeasureId","updateTabContents","tabChunk","rawHtml","div","li","hidden","outerHTML","mutatedDiv","contains","brand","pageTitle","PageTitleSuffix","replaceState","brandDiv","getElementByTestId","brandName","brandLogo","logoUrl","getElementsByTestId","productSkuContainer","productSkuText","productSkuValue","productMpnContainer","productMpnText","productMpnValue","manufacturerPartNumber","productGroupName","ProductDetails","setCanGoBack","getLoggedInUserFirstName","firstName","widgetGuid","hasItems","el","tabDiv","closest","visible","toggle","updateTabVisibility","sessionStorage","removeItem","Provider","useAlternateProductDetails","FolderSVG","GarbageCanCircleSVG","StatusDisplay","Published","Inactive","Deleted","Draft","Archived","OrganizationUIComponents","ORGANIZATION_PREFIX","ORGANIZATION_USERS_URL","ORGANIZATION_USERS_CREATE_URL","UPDATE_ORGANIZATION_USER_URL","UPDATE_USER_ORGANIZATION_STATUS_URL","UPDATE_USER_DEFAULT_ORGANIZATION_URL","INVALIDATE_USER_ORGANIZATION_NOTIFICATION_CACHE_URL","ORGANIZATION_SHIPTOS_URL","ORGANIZATION_ORDER_DETAILS","OrganizationOrderDetailsComponent","orderDetailsComponent","OrderDetailsUIComponent","DefaultOrganizationOrderDetails","ShiptosComponent","UsersComponent","OrganizationOrdersComponent","OrganizationUsersCreateComponent"],"mappings":"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","file":"product-details.18918a93.js","sourcesContent":["import { AddressResourceKeys } from 'features/address-book/resources';\r\nimport { ContactFormResourceKeys } from 'features/contact-form/resources';\r\nimport { CreatePasswordResourceKeys } from 'features/create-password/resources';\r\nimport { LoginWith2faResourceKeys } from 'features/login-with-2fa/resources';\r\nimport { LoginWithRecoveryCodeResourceKeys } from 'features/login-with-recovery-code/resources';\r\nimport { LoginResourceKeys } from 'features/login/resources';\r\nimport { MyAccountResourceKeys } from 'features/my-account/resources';\r\nimport { ResetPasswordResourceKeys } from 'features/reset-password/resources';\r\nimport { SubmitQuestionResourceKeys } from 'features/submit-question/resources';\r\nimport * as React from 'react';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n\r\n// #region Commerce\r\nimport { CommerceResourceKeys } from 'features/commerce/CommerceResourceKeys';\r\n// #endregion\r\n\r\n// #region HCL\r\nimport { QuickBagsResourceKeys } from 'features/hcl/quick-bags/resources';\r\nimport { QuickLabelsResourceKeys } from 'features/hcl/quick-labels/resources';\r\nimport { ProductCatalogsResourceKeys } from 'features/hcl/product-catalogs/resources';\r\nimport { FileUploadResourceKeys } from 'features/hcl/file-upload/resources';\r\nimport { NewsletterKeys } from 'features/hcl/newsletter-signup/resources';\r\n// #endregion\r\n\r\n/**\r\n * Type that will hold all the global localization keys\r\n */\r\ntype LocalizerGlobalResourceKeys =\r\n\t| 'Success'\r\n\t| 'OfTotalPages'\r\n\t| 'Cancel'\r\n\t| 'Confirm'\r\n\t| 'FirstName'\r\n\t| 'LastName'\r\n\t| 'Email'\r\n\t| 'Username'\r\n\t| 'Amount'\r\n\t| 'NameOnCard'\r\n\t| 'CardNumber'\r\n\t| 'ExpDate'\r\n\t| 'ExpMonth'\r\n\t| 'ExpYear'\r\n\t| 'Expires'\r\n\t| 'Expired'\r\n\t| 'SecurityCode'\r\n\t| 'Submit'\r\n\t| 'Save'\r\n\t| 'ZipCode'\r\n\t| 'Remove'\r\n\t| 'Removed'\r\n\t| 'Update'\r\n\t| 'Undo'\r\n\t| 'Cancel'\r\n\t| 'Enter'\r\n\t| 'Close'\r\n\t| 'SortBy'\r\n\t| 'PleaseWait'\r\n\t| 'Unknown'\r\n\t| 'Yes'\r\n\t| 'No'\r\n\t| 'Delete'\r\n\t| 'Update'\r\n\t| 'SaveAndContinueButtonText'\r\n\t| 'SaveAndContinue'\r\n\t| 'Continue'\r\n\t| 'SaveErrorMessage'\r\n\t| 'Edit'\r\n\t| 'ErrorMessageGenericTitle'\r\n\t| 'CheckEnteredValues'\r\n\t| 'ErrorMessageForbidden'\r\n\t| 'ErrorMessageNetwork'\r\n\t| 'ErrorOccurredSubmittingTheForm'\r\n\t| 'UnexpectedErrorOccurred'\r\n\t| 'Login'\r\n\t| 'ReturnToShipping'\r\n\t| 'BreadcrumbsLabel'\r\n\t| 'Other'\r\n\t| 'RememberMe'\r\n\t| 'ForgotYourPassword'\r\n\t| 'RegisterNewUserLinkText'\r\n\t| 'LoginPageTitleText'\r\n\t| 'ForgotPasswordPageTitle'\r\n\t| 'ForgotPasswordConfirmationPageTitle'\r\n\t| 'ForgotPasswordConfirmation'\r\n\t| 'Optional'\r\n\t| 'SearchBoxPlaceholder'\r\n\t| 'XOutOfYStars'\r\n\t| 'XToYOfZ'\r\n\t| 'ModalLabel'\r\n\t| 'RequiredFields'\r\n\t| 'Status'\r\n\t| 'Version'\r\n\t| 'CreatedOn'\r\n\t| 'CreatedBy'\r\n\t| 'ModifiedOn'\r\n\t| 'ModifiedBy'\r\n\t| 'OpenStatusInformation'\r\n\t| 'CloseStatusInformation'\r\n\t| 'SearchFilter'\r\n\t| 'Pagination'\r\n\t| 'Previous'\r\n\t| 'Next'\r\n\t| 'ClearFilter';\r\n\r\n/**\r\n * Type that will hold all the localization keys\r\n */\r\nexport type LocalizerResourceKey =\r\n\t| LocalizerGlobalResourceKeys\r\n\t| LoginResourceKeys\r\n\t| ContactFormResourceKeys\r\n\t// #region Commerce\r\n\t| CommerceResourceKeys\r\n\t// #endregion\r\n\t| ResetPasswordResourceKeys\r\n\t| CreatePasswordResourceKeys\r\n\t| SubmitQuestionResourceKeys\r\n\t| ResetPasswordResourceKeys\r\n\t| CreatePasswordResourceKeys\r\n\t| MyAccountResourceKeys\r\n\t| LoginWith2faResourceKeys\r\n\t| LoginWithRecoveryCodeResourceKeys\r\n\t| AddressResourceKeys\r\n\t// #region HCL\r\n\t| QuickBagsResourceKeys\r\n\t| QuickLabelsResourceKeys\r\n\t| ProductCatalogsResourceKeys\r\n\t| NewsletterKeys\r\n\t| FileUploadResourceKeys;\r\n// #endregion\r\n\r\n/**\r\n * Interface for the resources\r\n *\r\n * @export\r\n * @interface LocalizerResource\r\n */\r\ninterface LocalizerResource {\r\n\t[id: string]: string;\r\n}\r\n\r\n/**\r\n * Extends Window with a property that will hold the localizer resources\r\n *\r\n * @interface WindowWithResources\r\n * @extends {Window}\r\n */\r\nexport interface WindowWithResources extends Window {\r\n\t__ROC_LOCALIZER_RESOURCES__?: LocalizerResource[];\r\n}\r\n\r\n/**\r\n * Main object that will hold all the localized resources\r\n */\r\nconst LocalizerResources: LocalizerResource = {};\r\n\r\n/**\r\n * To prevent redundant logging\r\n */\r\nconst isAlreadyLogged: Record<string, boolean> = {};\r\n\r\n/**\r\n * Initializer function that will populate the main localized resources object\r\n */\r\nfunction initializeLocalizerResources() {\r\n\tconst windowWithResources = window as WindowWithResources;\r\n\r\n\tif (\r\n\t\twindowWithResources &&\r\n\t\twindowWithResources.__ROC_LOCALIZER_RESOURCES__ &&\r\n\t\tArray.isArray(windowWithResources.__ROC_LOCALIZER_RESOURCES__)\r\n\t) {\r\n\t\twindowWithResources.__ROC_LOCALIZER_RESOURCES__.forEach((obj) => {\r\n\t\t\tfor (const key of Object.keys(obj)) {\r\n\t\t\t\tLocalizerResources[key] = obj[key];\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n}\r\n\r\n/**\r\n * Function that can be used to load the localized strings with support to parameter replacements\r\n *\r\n * @export\r\n * @param {string} key\r\n * @param {...string[]} replaceStrings\r\n * @returns\r\n */\r\nexport function Localizer<TResourceKey extends LocalizerResourceKey = LocalizerResourceKey>(\r\n\tkey: TResourceKey,\r\n\t...replaceStrings: string[]\r\n) {\r\n\tif (Object.keys(LocalizerResources).length === 0) {\r\n\t\tinitializeLocalizerResources();\r\n\t}\r\n\r\n\tif (!LocalizerResources || !LocalizerResources[key]) {\r\n\t\t// if running in a test environment, just skip any warnings.\r\n\t\tif (process.env.NODE_ENV !== 'test') {\r\n\t\t\tif (!isAlreadyLogged[key]) {\r\n\t\t\t\tconsole.warn(key, 'Localizer Resource not found. Key will be used instead.');\r\n\t\t\t\tisAlreadyLogged[key] = true;\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn key;\r\n\t}\r\n\r\n\tconst resource = LocalizerResources[key];\r\n\r\n\tif (!replaceStrings) {\r\n\t\treturn resource;\r\n\t}\r\n\r\n\treturn resource.replace(/{(\\d+)}/g, (match: string, index: number) => {\r\n\t\treturn replaceStrings[index] ? replaceStrings[index] : '';\r\n\t});\r\n}\r\n\r\n/**\r\n * Interface for the LocalizedSpan component\r\n *\r\n * @interface LocalizedSpanProps\r\n */\r\ninterface LocalizedSpanProps {\r\n\tresourceKey: LocalizerResourceKey;\r\n\targs?: string[];\r\n}\r\n\r\n/**\r\n * Component responsible for the initialization of the react app\r\n */\r\nexport function LocalizedSpan(props: LocalizedSpanProps) {\r\n\tconst { resourceKey, args = [] } = props;\r\n\tconst localizedString = Localizer(resourceKey, ...args);\r\n\r\n\treturn (\r\n\t\t<span\r\n\t\t\tdata-testid={`localized-${toKebabCase(resourceKey)}`}\r\n\t\t\tdangerouslySetInnerHTML={{ __html: localizedString }}\r\n\t\t/>\r\n\t);\r\n}\r\n","export interface Asset {\r\n\t/**\r\n\t * The asset's type\r\n\t */\r\n\tassetType: AssetType;\r\n\t/**\r\n\t * The asset's url\r\n\t */\r\n\tassetUrl: string;\r\n}\r\n\r\nexport enum AssetType {\r\n\tImage = 'Image',\r\n\tMedia = 'Media',\r\n\tDocument = 'Document',\r\n\tYouTube = 'YouTube',\r\n}\r\n\r\n/**\r\n * Image Dimension\r\n */\r\nexport interface AssetDimension {\r\n\t/**\r\n\t * The label of image dimension\r\n\t */\r\n\tLabel: string;\r\n\tWidth: number;\r\n\tHeight: number;\r\n}\r\n","var api = require(\"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n            var content = require(\"!!../../../../node_modules/css-loader/dist/cjs.js!./style.css\");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === 'string') {\n              content = [[module.id, content, '']];\n            }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".react-toggle {\\n  touch-action: pan-x;\\n\\n  display: inline-block;\\n  position: relative;\\n  cursor: pointer;\\n  background-color: transparent;\\n  border: 0;\\n  padding: 0;\\n\\n  -webkit-touch-callout: none;\\n  -webkit-user-select: none;\\n  -khtml-user-select: none;\\n  -moz-user-select: none;\\n  -ms-user-select: none;\\n  user-select: none;\\n\\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\\n  -webkit-tap-highlight-color: transparent;\\n}\\n\\n.react-toggle-screenreader-only {\\n  border: 0;\\n  clip: rect(0 0 0 0);\\n  height: 1px;\\n  margin: -1px;\\n  overflow: hidden;\\n  padding: 0;\\n  position: absolute;\\n  width: 1px;\\n}\\n\\n.react-toggle--disabled {\\n  cursor: not-allowed;\\n  opacity: 0.5;\\n  -webkit-transition: opacity 0.25s;\\n  transition: opacity 0.25s;\\n}\\n\\n.react-toggle-track {\\n  width: 50px;\\n  height: 24px;\\n  padding: 0;\\n  border-radius: 30px;\\n  background-color: #4D4D4D;\\n  -webkit-transition: all 0.2s ease;\\n  -moz-transition: all 0.2s ease;\\n  transition: all 0.2s ease;\\n}\\n\\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\\n  background-color: #000000;\\n}\\n\\n.react-toggle--checked .react-toggle-track {\\n  background-color: #19AB27;\\n}\\n\\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\\n  background-color: #128D15;\\n}\\n\\n.react-toggle-track-check {\\n  position: absolute;\\n  width: 14px;\\n  height: 10px;\\n  top: 0px;\\n  bottom: 0px;\\n  margin-top: auto;\\n  margin-bottom: auto;\\n  line-height: 0;\\n  left: 8px;\\n  opacity: 0;\\n  -webkit-transition: opacity 0.25s ease;\\n  -moz-transition: opacity 0.25s ease;\\n  transition: opacity 0.25s ease;\\n}\\n\\n.react-toggle--checked .react-toggle-track-check {\\n  opacity: 1;\\n  -webkit-transition: opacity 0.25s ease;\\n  -moz-transition: opacity 0.25s ease;\\n  transition: opacity 0.25s ease;\\n}\\n\\n.react-toggle-track-x {\\n  position: absolute;\\n  width: 10px;\\n  height: 10px;\\n  top: 0px;\\n  bottom: 0px;\\n  margin-top: auto;\\n  margin-bottom: auto;\\n  line-height: 0;\\n  right: 10px;\\n  opacity: 1;\\n  -webkit-transition: opacity 0.25s ease;\\n  -moz-transition: opacity 0.25s ease;\\n  transition: opacity 0.25s ease;\\n}\\n\\n.react-toggle--checked .react-toggle-track-x {\\n  opacity: 0;\\n}\\n\\n.react-toggle-thumb {\\n  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;\\n  position: absolute;\\n  top: 1px;\\n  left: 1px;\\n  width: 22px;\\n  height: 22px;\\n  border: 1px solid #4D4D4D;\\n  border-radius: 50%;\\n  background-color: #FAFAFA;\\n\\n  -webkit-box-sizing: border-box;\\n  -moz-box-sizing: border-box;\\n  box-sizing: border-box;\\n\\n  -webkit-transition: all 0.25s ease;\\n  -moz-transition: all 0.25s ease;\\n  transition: all 0.25s ease;\\n}\\n\\n.react-toggle--checked .react-toggle-thumb {\\n  left: 27px;\\n  border-color: #19AB27;\\n}\\n\\n.react-toggle--focus .react-toggle-thumb {\\n  -webkit-box-shadow: 0px 0px 3px 2px #0099E0;\\n  -moz-box-shadow: 0px 0px 3px 2px #0099E0;\\n  box-shadow: 0px 0px 2px 3px #0099E0;\\n}\\n\\n.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {\\n  -webkit-box-shadow: 0px 0px 5px 5px #0099E0;\\n  -moz-box-shadow: 0px 0px 5px 5px #0099E0;\\n  box-shadow: 0px 0px 5px 5px #0099E0;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n","import React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\n\r\n/**\r\n * An alert sent to users regarding products or promotions\r\n */\r\nexport interface OrderMessage {\r\n\tmessage: string;\r\n\tmessageAction: OrderMessageAction;\r\n}\r\n\r\n/**\r\n * The level of action to be taken with an order message\r\n */\r\nexport enum OrderMessageAction {\r\n\tInfo = 'Info',\r\n\tWarning = 'Warning',\r\n\tError = 'Error',\r\n\tRedirectToCart = 'RedirectToCart',\r\n}\r\n\r\ninterface OrderMessagesProps {\r\n\torderMessages?: OrderMessage[];\r\n\tactions?: OrderMessageAction[];\r\n}\r\n\r\n/**\r\n * Custom component to notify the customer if cart has been updated which includes :\r\n * 1- Cart items pricing has been updated\r\n * 2- Cart Items availability has been updated\r\n * 3- Cart applied promotion expired\r\n */\r\nfunction OrderMessages(props: OrderMessagesProps) {\r\n\tconst { orderMessages, actions } = props;\r\n\r\n\tconst messages =\r\n\t\tactions == null\r\n\t\t\t? orderMessages\r\n\t\t\t: orderMessages?.filter((orderMessage) => actions?.includes(orderMessage.messageAction));\r\n\r\n\t// Component is omitted if actions filtered out all the messages or there were none to begin with\r\n\tif (messages == null || messages.length === 0) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-container\">\r\n\t\t\t<div className=\"roc-icon-text roc-toggle-form__error\">\r\n\t\t\t\t<div data-testid=\"inline-alert-window\" className=\"roc-alert roc-alert-warning roc-alert-full-width\">\r\n\t\t\t\t\t<strong className=\"roc-alert-title roc-alert-title--space\">{Localizer('OrderMessagesText')}</strong>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t{messages.map((orderMessage, index) => (\r\n\t\t\t\t\t\t\t<li data-testid=\"inline-alert-text\" key={index}>\r\n\t\t\t\t\t\t\t\t<span dangerouslySetInnerHTML={{ __html: orderMessage.message }} />\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default OrderMessages;\r\n","// source: https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent\r\n(function () {\r\n\tif (typeof window.CustomEvent === 'function') {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tfunction CustomEvent(event, params) {\r\n\t\tparams = params || { bubbles: false, cancelable: false, detail: undefined };\r\n\t\t// eslint-disable-next-line\r\n\t\tvar evt = document.createEvent('CustomEvent');\r\n\t\tevt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);\r\n\t\treturn evt;\r\n\t}\r\n\r\n\tCustomEvent.prototype = window.Event.prototype;\r\n\r\n\twindow.CustomEvent = CustomEvent;\r\n})();\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Left chevron SVG\r\n *\r\n * @returns\r\n */\r\nfunction LeftChevronSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tclassName={classnames('roc-icon', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M15.707 17.293l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-6 6c-0.391 0.391-0.391 1.024 0 1.414l6 6c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z\"></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default LeftChevronSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Up chevron SVG\r\n *\r\n * @returns\r\n */\r\nfunction DownChevronSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 60 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-down-chevron', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M29.976 25.56l25.562-24.482c0.937-0.92 2.436-0.92 3.373 0 0.446 0.437 0.698 1.036 0.698 1.661s-0.252 1.224-0.698 1.661l-27.243 26.844c-0.936 0.92-2.436 0.92-3.373 0l-27.243-26.844c-0.447-0.437-0.699-1.036-0.699-1.661s0.252-1.224 0.699-1.661c0.937-0.92 2.436-0.92 3.373 0l25.551 24.482z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default DownChevronSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Up chevron SVG\r\n *\r\n * @returns\r\n */\r\nfunction UpChevronSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 60 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-up-chevron ', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M30.024 6.44l-25.562 24.482c-0.937 0.92-2.436 0.92-3.373 0-0.446-0.437-0.698-1.036-0.698-1.661s0.252-1.224 0.698-1.661l27.243-26.844c0.936-0.92 2.436-0.92 3.373 0l27.243 26.844c0.447 0.437 0.699 1.036 0.699 1.661s-0.252 1.224-0.699 1.661c-0.937 0.92-2.436 0.92-3.373 0l-25.551-24.482z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default UpChevronSVG;\r\n","import Axios, { AxiosError, CancelTokenSource } from 'axios';\r\nimport { useEffect, useState } from 'react';\r\nimport AxiosHelper from 'services/AxiosHelper';\r\nimport { Localizer } from 'services/Localizer';\r\nimport {\r\n\tAddAllToCartResponse,\r\n\tAddToCartResponse,\r\n\tBulkAddToCartResponse,\r\n\tCartSummary,\r\n\tGetCartResult,\r\n\tMoveSavedProductToCartResult,\r\n} from 'services/UserData.Commerce';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport { AddToCartExceptionCode, ProductAddOnDto } from '../product-details/types';\r\nimport { OrderMessage } from './OrderMessages';\r\nimport {\r\n\tAddAllToCartProps as AddAllToCartParams,\r\n\tAddToCartProps as AddToCartParams,\r\n\tBulkAddToCartProps,\r\n\tGetSavedProductsResult,\r\n\tMoveStatus,\r\n\tOrder,\r\n\tOrderItem,\r\n\tOrderRecipient,\r\n} from './types';\r\n\r\nexport interface UseShoppingCart {\r\n\tstate: UseShoppingCartState;\r\n\tactor: UseShoppingCartActor;\r\n}\r\n\r\nexport interface UseShoppingCartState {\r\n\torder?: Order | null;\r\n\tsavedProducts?: GetSavedProductsResult | null;\r\n\tcartTotalItemCount: number;\r\n\r\n\torderIsUpdating: boolean;\r\n\tupdatingOrderItemId: string | null;\r\n\torderItemBeingRemovedId: string | null;\r\n\tupdatingSavedProductId: string | null;\r\n\tupdatingSavedProductPricingLineId: string | null;\r\n\tsavedProductBeingRemovedId: string | null;\r\n\tsavedProductBeingRemovedPricingLineId: string | null;\r\n\r\n\tstoredForUndoItem: OrderItem | null;\r\n\tstoredForUndoItemIndex: {\r\n\t\trecipientId: string;\r\n\t\titemIndex: number;\r\n\t} | null;\r\n\tlastMoveStatus: MoveStatus | null;\r\n\tisUndoClickedState: boolean;\r\n\r\n\terrorMessage: string | null;\r\n\terror: Error | AxiosError | null;\r\n\terrorType: AddToCartExceptionCode | null;\r\n}\r\n\r\nexport interface UseShoppingCartActor {\r\n\taddToCart: (props: AddToCartParams) => Promise<AddToCartResponse | null>;\r\n\tbulkAddToCart: (props: BulkAddToCartProps) => Promise<BulkAddToCartResponse | null>;\r\n\taddAllFromListToCurrentCart: (props: AddAllToCartParams) => Promise<AddAllToCartResponse | null>;\r\n\taddAllFromListToNewCart: (props: AddAllToCartParams) => Promise<BulkAddToCartResponse | null>;\r\n\tchangeOrderItemQuantity: (itemToUpdate: OrderItem, newQuantity: number) => Promise<void>;\r\n\tupdateOrderItemAddOns: (itemToUpdate: OrderItem, updatedAddOns: ProductAddOnDto[]) => Promise<void>;\r\n\tmoveItemToSaved: (itemToMove: OrderItem) => Promise<void>;\r\n\tremoveOrderItem: (itemToRemove: OrderItem) => Promise<void>;\r\n\r\n\taddToSavedProducts: (itemToAdd: OrderItem) => Promise<void>;\r\n\tmoveSavedProductToCart: (\r\n\t\tproductToMoveId: string,\r\n\t\tproductName: string,\r\n\t\tpricingLineId: string,\r\n\t\tquantity: number,\r\n\t\taddOns?: ProductAddOnDto[],\r\n\t) => Promise<void>;\r\n\tremoveSavedProduct: (\r\n\t\tproductToRemoveId: string,\r\n\t\tproductToRemoveName: string,\r\n\t\tpricingLineId: string,\r\n\t\taddOns?: ProductAddOnDto[],\r\n\t) => Promise<void>;\r\n\r\n\tsetErrorMessage: (errorMessage: string | null) => void;\r\n\tsetError: (error: Error | AxiosError | null) => void;\r\n\thandleUndo: () => Promise<void>;\r\n\r\n\tupdateOrder: (newCart: Order) => void;\r\n\t/**\r\n\t * Sets order messages to displayed whenever the server returns order related ajax requests\r\n\t * within any component tgat is using this hook.\r\n\t */\r\n\tupdateOrderMessages: (orderMessages: OrderMessage[]) => void;\r\n\tsetUpdatingOrderItemId: (orderItemId: string | null) => void;\r\n}\r\n\r\nexport interface UseShoppingCartParams {\r\n\torder?: Order | null;\r\n\tsetOrder?: (order: Order) => void;\r\n\tsavedProducts?: GetSavedProductsResult | null;\r\n\tsetSavedProducts?: (savedProducts: GetSavedProductsResult) => void;\r\n\tcartSummary?: CartSummary | null;\r\n\tsetCartSummary?: (cartSummary: CartSummary) => void;\r\n\torderMessages?: OrderMessage[];\r\n\tsetOrderMessages?: (orderMessages: OrderMessage[]) => void;\r\n}\r\n\r\n/**\r\n * Reusable hook to access ShoppingCart-related endpoints on the server, as well as helping manage\r\n * the items inside the shopping cart.\r\n */\r\nexport default function useShoppingCart(useShoppingCartParams?: UseShoppingCartParams): UseShoppingCart {\r\n\tconst params = useShoppingCartParams || {};\r\n\tconst { order, setOrder, savedProducts, setSavedProducts, setCartSummary, setOrderMessages } = params;\r\n\r\n\t// to indicate that a cart is being updated after its item has been removed/updated\r\n\tconst [updatingOrderItemId, setUpdatingOrderItemId] = useState<string | null>(null);\r\n\r\n\t// to store the id of the order item being removed\r\n\tconst [orderItemBeingRemovedId, setOrderItemBeingRemovedId] = useState<string | null>(null);\r\n\r\n\t// total items count in the cart\r\n\tconst [cartTotalItemCount, setCartTotalItemCount] = useState(0);\r\n\r\n\t// to store the id and the unit of measure id of the item being moved\r\n\tconst [updatingSavedProductId, setUpdatingSavedProductId] = useState<string | null>(null);\r\n\tconst [updatingSavedProductPricingLineId, setUpdatingSavedProductPricingLineId] = useState<string | null>(null);\r\n\r\n\t// to store the id and the unit of measure id of the item being removed\r\n\tconst [savedProductBeingRemovedId, setSavedProductBeingRemovedId] = useState<string | null>(null);\r\n\tconst [savedProductBeingRemovedPricingLineId, setSavedProductBeingRemovedPricingLineId] = useState<string | null>(\r\n\t\tnull,\r\n\t);\r\n\r\n\t// stores the last removed item and item index to be able to undo the last move or removal\r\n\tconst [storedForUndoItem, setStoredForUndoItem] = useState<OrderItem | null>(null);\r\n\tconst [storedForUndoItemIndex, setStoredForUndoItemIndex] = useState<{\r\n\t\trecipientId: string;\r\n\t\titemIndex: number;\r\n\t} | null>(null);\r\n\r\n\t// stores what the last action was, such as removing an item from the cart or moving an item to the saved products list\r\n\tconst [lastMoveStatus, setLastMoveStatus] = useState<MoveStatus | null>(null);\r\n\r\n\t// stores whether the undo button was clicked, to decide whether to clear the undo state when running a function or not\r\n\tlet isUndoClicked: boolean = false;\r\n\tconst [isUndoClickedState, setIsUndoClickedState] = useState(false);\r\n\r\n\t// stores the error message and error type to display\r\n\tconst [error, setError] = useState<Error | AxiosError | null>(null);\r\n\tconst [errorMessage, setErrorMessage] = useState<string | null>(null);\r\n\tconst [errorType, setErrorType] = useState<AddToCartExceptionCode | null>(null);\r\n\r\n\t// whether the order is updating\r\n\tconst orderIsUpdating =\r\n\t\t(orderItemBeingRemovedId ||\r\n\t\t\tupdatingOrderItemId ||\r\n\t\t\tupdatingSavedProductId ||\r\n\t\t\tupdatingSavedProductPricingLineId ||\r\n\t\t\tsavedProductBeingRemovedId ||\r\n\t\t\tsavedProductBeingRemovedPricingLineId) != null || isUndoClickedState;\r\n\r\n\tconst clearUndoState = () => {\r\n\t\tsetStoredForUndoItem(null);\r\n\t\tsetStoredForUndoItemIndex(null);\r\n\t\tsetLastMoveStatus(null);\r\n\t};\r\n\r\n\tconst dispatchAddToCartEvent = (result: AddToCartResponse) => {\r\n\t\tdispatchRocEvent('added-to-cart', {\r\n\t\t\titems: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: result.productId,\r\n\t\t\t\t\tadjustedQuantity: result.adjustedQuantity,\r\n\t\t\t\t\tname: result.name,\r\n\t\t\t\t\tprice: result.snapshotSalePrice ? result.snapshotSalePrice : result.snapshotBasePrice,\r\n\t\t\t\t\tsku: result.sku,\r\n\t\t\t\t\tcurrency: result.snapshotCurrencyISO,\r\n\t\t\t\t\tproductGroupId: result.productGroupId,\r\n\t\t\t\t\tselections: result.selections,\r\n\t\t\t\t},\r\n\t\t\t],\r\n\t\t});\r\n\t};\r\n\r\n\t/**\r\n\t * Updates the cart, saved products, and cart summary\r\n\t * @param response\r\n\t * @param cartSummary\r\n\t */\r\n\tconst updateCartState = (response?: GetCartResult | null) => {\r\n\t\tif (!response) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (response.cart) {\r\n\t\t\tif (!setOrder) {\r\n\t\t\t\tconsole.warn('setOrder called but not defined.');\r\n\t\t\t} else {\r\n\t\t\t\tsetOrder(response.cart);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (response.savedProducts) {\r\n\t\t\tif (!setSavedProducts) {\r\n\t\t\t\tconsole.warn('setSavedProducts called but not defined.');\r\n\t\t\t} else {\r\n\t\t\t\tsetSavedProducts(response.savedProducts);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (response.cartSummary) {\r\n\t\t\tif (!setCartSummary) {\r\n\t\t\t\tconsole.warn('setCartSummary called but not defined.');\r\n\t\t\t} else {\r\n\t\t\t\tsetCartSummary(response.cartSummary);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tupdateOrderMessages(response.orderMessages);\r\n\t};\r\n\r\n\t// this runs when the component is mounted and every time the order changes because we want\r\n\t// to recalculate cart total item count\r\n\tuseEffect(() => {\r\n\t\tif (!order) {\r\n\t\t\tsetCartTotalItemCount(0);\r\n\t\t} else {\r\n\t\t\tconst itemsCount = order.recipients.reduce((itemsQty: number, orderRecipient: OrderRecipient) => {\r\n\t\t\t\titemsQty += orderRecipient.items.reduce((recipientQty: number, orderItem: OrderItem) => {\r\n\t\t\t\t\trecipientQty += orderItem.quantity;\r\n\t\t\t\t\treturn recipientQty;\r\n\t\t\t\t}, 0);\r\n\t\t\t\treturn itemsQty;\r\n\t\t\t}, 0);\r\n\r\n\t\t\tsetCartTotalItemCount(itemsCount);\r\n\t\t}\r\n\t\tclearUndoState();\r\n\t}, [order]);\r\n\r\n\t//#region Shopping Cart\r\n\r\n\t/**\r\n\t * Adds the last removed item to the cart\r\n\t */\r\n\tconst addToCart = async (props: AddToCartParams) => {\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tsetUpdatingOrderItemId(props.itemId);\r\n\r\n\t\ttry {\r\n\t\t\tconst response = await AxiosHelper.post<AddToCartResponse>('/ajax/cart', {\r\n\t\t\t\tproductId: props.itemId,\r\n\t\t\t\tquantity: props.quantity,\r\n\t\t\t\tproductPricingLineId: props.productPricingLineId,\r\n\t\t\t\tsavedProductsPageNumber: savedProducts?.pagination?.pageNumber || 1,\r\n\t\t\t\tsavedProductsPageSize: savedProducts?.pagination?.pageSize || 1000000,\r\n\t\t\t\taddOns: props.addOns,\r\n\t\t\t\tvalidateAddOns: props.validateAddOns ?? false,\r\n\t\t\t});\r\n\r\n\t\t\tupdateCartState(response.data);\r\n\r\n\t\t\tif (response.data) {\r\n\t\t\t\tdispatchAddToCartEvent(response.data);\r\n\t\t\t}\r\n\r\n\t\t\treturn response.data;\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when undoing a remove from cart action', error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data) {\r\n\t\t\t\tif (axiosError.response.data.message) {\r\n\t\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t\t}\r\n\t\t\t\tif (axiosError.response.data.exceptionCode) {\r\n\t\t\t\t\tsetErrorType(axiosError.response.data.exceptionCode);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tthrow error;\r\n\t\t} finally {\r\n\t\t\tsetUpdatingOrderItemId(null);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Adds multiple items to cart\r\n\t */\r\n\tconst bulkAddToCart = async (props: BulkAddToCartProps) => {\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tprops.items.forEach((element) => {\r\n\t\t\tsetUpdatingOrderItemId(element.itemId);\r\n\t\t});\r\n\r\n\t\ttry {\r\n\t\t\tconst request = {\r\n\t\t\t\tproductInfo: props.items.map((item, index) => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tproductId: item.itemId,\r\n\t\t\t\t\t\tproductPricingLineId: item.productPricingLineId,\r\n\t\t\t\t\t\tquantity: item.quantity,\r\n\t\t\t\t\t\tindex: index,\r\n\t\t\t\t\t};\r\n\t\t\t\t}),\r\n\t\t\t};\r\n\t\t\tconst response = await AxiosHelper.post<BulkAddToCartResponse>('/ajax/cart/bulk', request);\r\n\r\n\t\t\tupdateCartState(response.data);\r\n\r\n\t\t\tif (response.data.processedItems && response.data.processedItems.length > 0) {\r\n\t\t\t\tdispatchRocEvent('added-to-cart', {\r\n\t\t\t\t\titems: response.data.processedItems.map((item) => {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tadjustedQuantity: item.adjustedQuantity,\r\n\t\t\t\t\t\t\tid: item.productId,\r\n\t\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\t\tsku: item.sku,\r\n\t\t\t\t\t\t\tprice: item.snapshotSalePrice ? item.snapshotSalePrice : item.snapshotBasePrice,\r\n\t\t\t\t\t\t\tcurrency: item.snapshotCurrencyISO,\r\n\t\t\t\t\t\t\tproductGroupId: item.productGroupId,\r\n\t\t\t\t\t\t\tselections: item.selections,\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\treturn response.data;\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when undoing a remove from cart action', error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data) {\r\n\t\t\t\tif (axiosError.response.data.message) {\r\n\t\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t\t}\r\n\t\t\t\tif (axiosError.response.data.exceptionCode) {\r\n\t\t\t\t\tsetErrorType(axiosError.response.data.exceptionCode);\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tthrow error;\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t} finally {\r\n\t\t\tsetUpdatingOrderItemId(null);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Add all items from the specified shopping list to the cart\r\n\t */\r\n\tconst addAllFromListToCurrentCart = async (props: AddAllToCartParams) => {\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\ttry {\r\n\t\t\tconst response = await AxiosHelper.post<AddAllToCartResponse>(\r\n\t\t\t\t`/ajax/shopping-lists/${props.shoppingListId}/to-cart`,\r\n\t\t\t\t{\r\n\t\t\t\t\tdisplayedItemsCount: 3,\r\n\t\t\t\t\tshoppingListProductIds: props.selectedShoppingListProductIds,\r\n\t\t\t\t},\r\n\t\t\t);\r\n\r\n\t\t\treturn response.data;\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when adding all products to cart', error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data) {\r\n\t\t\t\tif (axiosError.response.data.message) {\r\n\t\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t\t}\r\n\t\t\t\tif (axiosError.response.data.exceptionCode) {\r\n\t\t\t\t\tsetErrorType(axiosError.response.data.exceptionCode);\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tthrow error;\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Add all items from the specified shopping list to the new cart\r\n\t */\r\n\tconst addAllFromListToNewCart = async (props: AddAllToCartParams) => {\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\ttry {\r\n\t\t\tconst response = await AxiosHelper.post<BulkAddToCartResponse>(\r\n\t\t\t\t`/ajax/shopping-lists/${props.shoppingListId}/to-new-cart`,\r\n\t\t\t\t{\r\n\t\t\t\t\tdisplayedItemsCount: 3,\r\n\t\t\t\t\tshoppingListProductIds: props.selectedShoppingListProductIds,\r\n\t\t\t\t},\r\n\t\t\t);\r\n\r\n\t\t\treturn response.data;\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when adding all products to cart', error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data) {\r\n\t\t\t\tif (axiosError.response.data.message) {\r\n\t\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t\t}\r\n\t\t\t\tif (axiosError.response.data.exceptionCode) {\r\n\t\t\t\t\tsetErrorType(axiosError.response.data.exceptionCode);\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tthrow error;\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Moves a product from the shopping cart to the user's saved products list\r\n\t * @param itemToMove\r\n\t */\r\n\tconst moveItemToSaved = async (itemToMove: OrderItem) => {\r\n\t\tif (!setSavedProducts || !setOrder || !order) {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t'Saved product move to cart requested with one or more of the following undefined:\\n' +\r\n\t\t\t\t\t'setSavedProducts, setOrder, order',\r\n\t\t\t);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tsetUpdatingOrderItemId(itemToMove.id);\r\n\r\n\t\ttry {\r\n\t\t\tif (!order || !order.recipients) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst response = await AxiosHelper.post<GetCartResult>('/ajax/saved-products/from-cart', {\r\n\t\t\t\tproductId: itemToMove.product.id,\r\n\t\t\t\titemId: itemToMove.id,\r\n\t\t\t\tproductPricingLineId: itemToMove.pricingLine.id,\r\n\t\t\t\tquantity: itemToMove.quantity,\r\n\t\t\t\tsavedProductsPageNumber:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageNumber) || 1,\r\n\t\t\t\tsavedProductsPageSize:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageSize) || 1000000,\r\n\t\t\t\taddOns: itemToMove.addOns,\r\n\t\t\t});\r\n\r\n\t\t\t// Find and save the moved item index\r\n\t\t\torder.recipients.map((recipient) => {\r\n\t\t\t\tsetStoredForUndoItemIndex({\r\n\t\t\t\t\trecipientId: recipient.id,\r\n\t\t\t\t\titemIndex: recipient.items.indexOf(itemToMove),\r\n\t\t\t\t});\r\n\t\t\t});\r\n\r\n\t\t\tupdateCartState(response.data);\r\n\t\t\tsetStoredForUndoItem(itemToMove);\r\n\t\t\tsetLastMoveStatus(MoveStatus.MovedToSaved);\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when saving order item for later', error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data && axiosError.response.data.message) {\r\n\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t} else {\r\n\t\t\t\tsetErrorMessage(Localizer('ProblemWhenSavingItem', itemToMove.name));\r\n\t\t\t}\r\n\t\t} finally {\r\n\t\t\tsetUpdatingOrderItemId(null);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Updates the quantity of the requested item with the new one\r\n\t * @param itemToUpdate\r\n\t * @param newQuantity\r\n\t */\r\n\tconst changeOrderItemQuantity = async (itemToUpdate: OrderItem, newQuantity: number) => {\r\n\t\tif (!setOrder) {\r\n\t\t\tconsole.warn('Item order quantity change requested with no setOrder function defined.');\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tsetUpdatingOrderItemId(itemToUpdate.id);\r\n\r\n\t\ttry {\r\n\t\t\tif (!order) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst response = await AxiosHelper.post<GetCartResult>('/ajax/cart/update', {\r\n\t\t\t\titemId: itemToUpdate.id,\r\n\t\t\t\tquantity: newQuantity,\r\n\t\t\t\tsavedProductsPageNumber:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageNumber) || 1,\r\n\t\t\t\tsavedProductsPageSize:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageSize) || 1000000,\r\n\t\t\t});\r\n\r\n\t\t\tupdateCartState(response.data);\r\n\t\t} catch (error) {\r\n\t\t\tconsole.warn(`Error when updating ${itemToUpdate.name}' quantity`, error);\r\n\r\n\t\t\tsetError(error);\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data && axiosError.response.data.message) {\r\n\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t} else {\r\n\t\t\t\tsetErrorMessage(Localizer('ProblemWhenUpdatingItem', itemToUpdate.name));\r\n\t\t\t}\r\n\t\t} finally {\r\n\t\t\tsetUpdatingOrderItemId(null);\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Updates the add ons of the requested item with the new ones\r\n\t */\r\n\tconst updateOrderItemAddOns = async (itemToUpdate: OrderItem, updatedAddOns: ProductAddOnDto[]) => {\r\n\t\tif (!setOrder) {\r\n\t\t\tconsole.warn('Item order add ons change requested with no setOrder function defined.');\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tsetUpdatingOrderItemId(itemToUpdate.id);\r\n\r\n\t\tif (!order) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst requestToken: CancelTokenSource = Axios.CancelToken.source();\r\n\t\tconst response = await AxiosHelper.post<GetCartResult>(\r\n\t\t\t'/ajax/cart/edit-add-ons',\r\n\t\t\t{ itemId: itemToUpdate.id, addOns: updatedAddOns },\r\n\t\t\t{\r\n\t\t\t\tcancelToken: requestToken.token,\r\n\t\t\t},\r\n\t\t);\r\n\r\n\t\tupdateCartState(response.data);\r\n\r\n\t\tsetUpdatingOrderItemId(null);\r\n\t\tclearUndoState();\r\n\t};\r\n\r\n\t/**\r\n\t * Removes the requested item from the cart\r\n\t * @param itemToRemove\r\n\t */\r\n\tconst removeOrderItem = async (itemToRemove: OrderItem) => {\r\n\t\tif (!setOrder || !order) {\r\n\t\t\tconsole.warn('Order item removal requested with no order or setOrder defined.');\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tsetOrderItemBeingRemovedId(itemToRemove.id);\r\n\r\n\t\ttry {\r\n\t\t\t// Find and save the moved item index\r\n\t\t\torder.recipients.map((recipient) => {\r\n\t\t\t\tsetStoredForUndoItemIndex({\r\n\t\t\t\t\trecipientId: recipient.id,\r\n\t\t\t\t\titemIndex: recipient.items.indexOf(itemToRemove),\r\n\t\t\t\t});\r\n\t\t\t});\r\n\r\n\t\t\tconst response = await AxiosHelper.post('/ajax/cart/remove', {\r\n\t\t\t\titemId: itemToRemove.id,\r\n\t\t\t\tsavedProductsPageNumber:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageNumber) || 1,\r\n\t\t\t\tsavedProductsPageSize:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageSize) || 1000000,\r\n\t\t\t});\r\n\r\n\t\t\tupdateCartState(response.data);\r\n\t\t\tsetStoredForUndoItem(itemToRemove);\r\n\t\t\tsetLastMoveStatus(MoveStatus.RemovedFromCart);\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\r\n\t\t\tsetErrorMessage(Localizer('ProblemWhenRemovingItem', itemToRemove.name));\r\n\t\t\tsetError(error);\r\n\t\t} finally {\r\n\t\t\tsetOrderItemBeingRemovedId(null);\r\n\t\t}\r\n\t};\r\n\t//#endregion\r\n\r\n\t//#region Save For Later\r\n\r\n\t/**\r\n\t * Handles adding an item to a saved products list\r\n\t * @param itemToAdd\r\n\t */\r\n\tconst addToSavedProducts = async (itemToAdd: OrderItem) => {\r\n\t\tif (!setSavedProducts) {\r\n\t\t\tconsole.warn('Add to saved products requested with no setSavedProducts defined.');\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tsetUpdatingSavedProductId(itemToAdd.product.id);\r\n\r\n\t\ttry {\r\n\t\t\t// Don't need to set undo info here as there is no way to run this function unless you are undoing a removal\r\n\t\t\tconst response = await AxiosHelper.post<GetCartResult>('/ajax/saved-products/save-for-later', {\r\n\t\t\t\tproductId: itemToAdd.product.id,\r\n\t\t\t\tproductPricingLineId: itemToAdd.pricingLine.id,\r\n\t\t\t\tquantity: itemToAdd.quantity,\r\n\t\t\t\tsavedProductsPageNumber:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageNumber) || 1,\r\n\t\t\t\tsavedProductsPageSize:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageSize) || 1000000,\r\n\t\t\t\taddOns: itemToAdd.addOns,\r\n\t\t\t});\r\n\r\n\t\t\tupdateCartState(response.data);\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data && axiosError.response.data.message) {\r\n\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t} else {\r\n\t\t\t\tsetErrorMessage(Localizer('ProblemWhenSavingItem', itemToAdd.name));\r\n\t\t\t}\r\n\t\t} finally {\r\n\t\t\tsetUpdatingSavedProductId(null);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Moves a user's saved product to the shopping cart\r\n\t * @param productToMoveId\r\n\t * @param productName\r\n\t * @param productPricingLineId\r\n\t * @param quantity\r\n\t */\r\n\tconst moveSavedProductToCart = async (\r\n\t\tproductToMoveId: string,\r\n\t\tproductName: string,\r\n\t\tproductPricingLineId: string,\r\n\t\tquantity: number,\r\n\t\taddOns?: ProductAddOnDto[],\r\n\t) => {\r\n\t\tif (!setSavedProducts || !setOrder || !savedProducts) {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t'Saved product move to cart requested with one or more of the following undefined:\\n' +\r\n\t\t\t\t\t'setSavedProducts, setOrder, savedProducts.',\r\n\t\t\t);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(error);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tsetUpdatingSavedProductId(productToMoveId);\r\n\t\tsetUpdatingSavedProductPricingLineId(productPricingLineId);\r\n\r\n\t\ttry {\r\n\t\t\tif (!savedProducts || !savedProducts.results) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// find the index of the moved item in the saved products list\r\n\t\t\tconst savedProductIndex = savedProducts.results.findIndex(\r\n\t\t\t\t(product) => product.productId === productToMoveId,\r\n\t\t\t);\r\n\r\n\t\t\tconst response = await AxiosHelper.post<MoveSavedProductToCartResult>('/ajax/saved-products/to-cart', {\r\n\t\t\t\tproductId: productToMoveId,\r\n\t\t\t\tquantity,\r\n\t\t\t\tproductPricingLineId: productPricingLineId,\r\n\t\t\t\tsavedProductsPageNumber:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageNumber) || 1,\r\n\t\t\t\tsavedProductsPageSize:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageSize) || 1000000,\r\n\t\t\t\taddOns: addOns,\r\n\t\t\t});\r\n\r\n\t\t\tupdateCartState(response.data);\r\n\r\n\t\t\tif (response.data.addToOrderResult) {\r\n\t\t\t\tdispatchAddToCartEvent(response.data.addToOrderResult);\r\n\t\t\t}\r\n\r\n\t\t\t// Find and save the moved item\r\n\t\t\tconst recipients = response.data.cart.recipients;\r\n\r\n\t\t\tfor (const recipient of recipients) {\r\n\t\t\t\tconst lastMovedItem = recipient.items.find(\r\n\t\t\t\t\t(item) => item.product.id === productToMoveId && item.pricingLine.id === productPricingLineId,\r\n\t\t\t\t);\r\n\t\t\t\tif (lastMovedItem) {\r\n\t\t\t\t\tsetStoredForUndoItem({ ...lastMovedItem, quantity });\r\n\t\t\t\t\tsetStoredForUndoItemIndex({ recipientId: recipient.id, itemIndex: savedProductIndex });\r\n\t\t\t\t\tconsole.log('Found last moved item');\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tsetLastMoveStatus(MoveStatus.MovedToCart);\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when moving the saved product to the cart.', error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data && axiosError.response.data.message) {\r\n\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t} else {\r\n\t\t\t\tsetErrorMessage(Localizer('ProblemWhenMovingSavedItemToCart', productName));\r\n\t\t\t}\r\n\t\t} finally {\r\n\t\t\tsetUpdatingSavedProductId(null);\r\n\t\t\tsetUpdatingSavedProductPricingLineId(null);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Remove a user's saved product from their saved products list\r\n\t * @param productToRemoveId\r\n\t * @param productPricingLineId\r\n\t */\r\n\tconst removeSavedProduct = async (\r\n\t\tproductToRemoveId: string,\r\n\t\tproductToRemoveName: string,\r\n\t\tproductPricingLineId: string,\r\n\t\taddOns?: ProductAddOnDto[],\r\n\t) => {\r\n\t\tif (!setSavedProducts || !savedProducts) {\r\n\t\t\tconsole.warn('Saved product removal requested with savedProducts or setSavedProducts undefined');\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tsetSavedProductBeingRemovedId(productToRemoveId);\r\n\t\tsetSavedProductBeingRemovedPricingLineId(productPricingLineId);\r\n\r\n\t\ttry {\r\n\t\t\tif (!savedProducts.results) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst savedProductIndex = savedProducts.results.findIndex(\r\n\t\t\t\t(product) => product.productId === productToRemoveId,\r\n\t\t\t);\r\n\t\t\tconst savedProduct = savedProducts.results[savedProductIndex];\r\n\t\t\tconst response = await AxiosHelper.delete<GetCartResult>(\r\n\t\t\t\t'/ajax/saved-products/' +\r\n\t\t\t\t\tproductToRemoveId +\r\n\t\t\t\t\t'/' +\r\n\t\t\t\t\tproductPricingLineId +\r\n\t\t\t\t\t'?savedProductsPageNumber=' +\r\n\t\t\t\t\tsavedProducts.pagination.pageNumber.toString() +\r\n\t\t\t\t\t'&savedProductsPageSize=' +\r\n\t\t\t\t\tsavedProducts.pagination.pageSize.toString(),\r\n\t\t\t\t{\r\n\t\t\t\t\tdata: { addOns: addOns },\r\n\t\t\t\t},\r\n\t\t\t);\r\n\r\n\t\t\tif (savedProduct) {\r\n\t\t\t\t// Convert the SavedProduct into an OrderItem\r\n\t\t\t\tconst orderItemFromSaved: OrderItem = {\r\n\t\t\t\t\t...savedProduct,\r\n\t\t\t\t\tproduct: { ...savedProduct, id: savedProduct.productId },\r\n\t\t\t\t\ttotalPrice: savedProduct.totalPrice,\r\n\t\t\t\t\tunitPrice: savedProduct.unitPrice,\r\n\t\t\t\t};\r\n\r\n\t\t\t\tsetStoredForUndoItem(orderItemFromSaved);\r\n\t\t\t\tsetStoredForUndoItemIndex({ recipientId: '', itemIndex: savedProductIndex });\r\n\t\t\t}\r\n\r\n\t\t\tupdateCartState(response.data);\r\n\t\t\tsetLastMoveStatus(MoveStatus.RemovedFromSaved);\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when removing the saved product.', error);\r\n\r\n\t\t\tsetErrorMessage(Localizer('ProblemWhenRemovingSavedItem', productToRemoveName));\r\n\t\t} finally {\r\n\t\t\tsetSavedProductBeingRemovedId(null);\r\n\t\t\tsetSavedProductBeingRemovedPricingLineId(null);\r\n\t\t}\r\n\t};\r\n\t//#endregion\r\n\r\n\t/**\r\n\t * Handle what happens when the Undo button is pressed\r\n\t */\r\n\tconst handleUndo = async () => {\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!lastMoveStatus == null || !storedForUndoItem) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tisUndoClicked = true;\r\n\t\tsetIsUndoClickedState(true);\r\n\r\n\t\ttry {\r\n\t\t\tswitch (lastMoveStatus) {\r\n\t\t\t\tcase MoveStatus.RemovedFromCart:\r\n\t\t\t\t\tawait addToCart({\r\n\t\t\t\t\t\titemId: storedForUndoItem.product.id,\r\n\t\t\t\t\t\tquantity: storedForUndoItem.quantity,\r\n\t\t\t\t\t\tproductPricingLineId: storedForUndoItem.pricingLine.id,\r\n\t\t\t\t\t\taddOns: storedForUndoItem.addOns,\r\n\t\t\t\t\t});\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase MoveStatus.MovedToCart:\r\n\t\t\t\t\tawait moveItemToSaved(storedForUndoItem);\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase MoveStatus.MovedToSaved:\r\n\t\t\t\t\tawait moveSavedProductToCart(\r\n\t\t\t\t\t\tstoredForUndoItem.product.id,\r\n\t\t\t\t\t\tstoredForUndoItem.name,\r\n\t\t\t\t\t\tstoredForUndoItem.pricingLine.id,\r\n\t\t\t\t\t\tstoredForUndoItem.quantity,\r\n\t\t\t\t\t\tstoredForUndoItem.addOns,\r\n\t\t\t\t\t);\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase MoveStatus.RemovedFromSaved:\r\n\t\t\t\t\tawait addToSavedProducts(storedForUndoItem);\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t} finally {\r\n\t\t\tisUndoClicked = false;\r\n\t\t\tsetIsUndoClickedState(false);\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Handles updating order\r\n\t * @param newCart\r\n\t */\r\n\tconst updateOrder = (newCart: Order) => {\r\n\t\tif (setOrder) {\r\n\t\t\tsetOrder(newCart);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Handles updating order messages\r\n\t * @param orderMessages Updated order messages\r\n\t */\r\n\tconst updateOrderMessages = (orderMessages: OrderMessage[]) => {\r\n\t\tif (!setOrderMessages) {\r\n\t\t\tconsole.warn('setOrderMessages called but not defined.');\r\n\t\t} else {\r\n\t\t\tsetOrderMessages(orderMessages);\r\n\t\t}\r\n\t};\r\n\r\n\treturn {\r\n\t\tstate: {\r\n\t\t\torderIsUpdating,\r\n\t\t\torder: useShoppingCartParams ? useShoppingCartParams.order : null,\r\n\t\t\tsavedProducts: useShoppingCartParams ? useShoppingCartParams.savedProducts : null,\r\n\t\t\tcartTotalItemCount,\r\n\r\n\t\t\tupdatingOrderItemId,\r\n\t\t\torderItemBeingRemovedId,\r\n\t\t\tupdatingSavedProductId,\r\n\t\t\tupdatingSavedProductPricingLineId,\r\n\t\t\tsavedProductBeingRemovedId,\r\n\t\t\tsavedProductBeingRemovedPricingLineId,\r\n\r\n\t\t\tstoredForUndoItem,\r\n\t\t\tstoredForUndoItemIndex,\r\n\t\t\tlastMoveStatus,\r\n\t\t\tisUndoClickedState,\r\n\r\n\t\t\terror,\r\n\t\t\terrorMessage,\r\n\t\t\terrorType,\r\n\t\t},\r\n\t\tactor: {\r\n\t\t\taddToCart,\r\n\t\t\tbulkAddToCart,\r\n\t\t\taddAllFromListToCurrentCart,\r\n\t\t\taddAllFromListToNewCart,\r\n\t\t\tchangeOrderItemQuantity,\r\n\t\t\tupdateOrderItemAddOns,\r\n\t\t\tmoveItemToSaved,\r\n\t\t\tremoveOrderItem,\r\n\r\n\t\t\taddToSavedProducts,\r\n\t\t\tmoveSavedProductToCart,\r\n\t\t\tremoveSavedProduct,\r\n\r\n\t\t\thandleUndo,\r\n\t\t\tsetErrorMessage,\r\n\t\t\tsetError,\r\n\r\n\t\t\tupdateOrder,\r\n\t\t\tupdateOrderMessages,\r\n\t\t\tsetUpdatingOrderItemId,\r\n\t\t},\r\n\t};\r\n}\r\n","import { useInView, IntersectionOptions, InViewHookResponse } from 'react-intersection-observer';\r\nimport { useEffect, useState } from 'react';\r\n\r\n/**\r\n * Wrapper hook to useInView so that it only triggers once. Useful for lazy-loaded content that\r\n * doesn't need to change once it's out of view.\r\n */\r\nexport function useInViewOnce(options: IntersectionOptions = {}): InViewHookResponse {\r\n\tconst inViewHookResponse = useInView(options);\r\n\tconst [viewed, setViewed] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (inViewHookResponse.inView) {\r\n\t\t\tsetViewed(true);\r\n\t\t}\r\n\t}, [inViewHookResponse.inView]);\r\n\r\n\tconst newResponse: InViewHookResponse = {\r\n\t\t...inViewHookResponse,\r\n\t\tinView: viewed,\r\n\t\t[0]: inViewHookResponse[0],\r\n\t\t[1]: viewed,\r\n\t\t[2]: inViewHookResponse[2],\r\n\t};\r\n\r\n\tfunction* makeIterator() {\r\n\t\tyield newResponse[0];\r\n\t\tyield newResponse[1];\r\n\t\tyield newResponse[2];\r\n\t}\r\n\r\n\tnewResponse[Symbol.iterator] = makeIterator;\r\n\r\n\treturn newResponse;\r\n}\r\n","import classnames from 'classnames';\r\nimport React, { ImgHTMLAttributes, useEffect, useState } from 'react';\r\nimport { useInViewOnce } from 'shared/hooks/useInViewOnce';\r\n\r\ninterface LazyImageProps extends ImgHTMLAttributes<HTMLImageElement> {\r\n\tplaceholderImg?: string;\r\n\tbackgroundImg?: boolean;\r\n\tclassName?: string;\r\n\tinactiveClassName?: string;\r\n\tloadedClassName?: string;\r\n\tdelay?: number;\r\n\talt: string;\r\n\tsrc: string;\r\n}\r\n\r\n/**\r\n * Component that will render an <img> tag that will have its source image lazily loaded only once\r\n * the element is visible in the viewport.\r\n * @param props\r\n */\r\nexport default function LazyImage({\r\n\tplaceholderImg = '/images/placeholder/placeholder-image.png',\r\n\tsrc,\r\n\talt,\r\n\tbackgroundImg = false,\r\n\tdelay = 0,\r\n\tclassName,\r\n\tinactiveClassName = 'roc-lazy-image--inactive',\r\n\tloadedClassName = 'roc-lazy-image--loaded',\r\n\t...rest\r\n}: LazyImageProps) {\r\n\tconst [ref, viewed] = useInViewOnce({\r\n\t\tthreshold: 0,\r\n\t});\r\n\r\n\tconst [loadedClassDisplayed, setLoadedClassDisplayed] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (viewed) {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tsetLoadedClassDisplayed(true);\r\n\t\t\t}, delay);\r\n\t\t}\r\n\t}, [viewed, delay]);\r\n\r\n\tconst imageSrc = viewed ? src : placeholderImg;\r\n\r\n\tconst classes = classnames(className, {\r\n\t\t[inactiveClassName]: !viewed,\r\n\t\t[loadedClassName]: loadedClassDisplayed,\r\n\t});\r\n\r\n\tif (backgroundImg) {\r\n\t\treturn <div ref={ref} style={{ backgroundImage: 'url(' + imageSrc + ')' }} className={classes} {...rest} />;\r\n\t} else {\r\n\t\treturn <img ref={ref} src={imageSrc} className={classes} alt={alt} {...rest} />;\r\n\t}\r\n}\r\n","// These functions may be potentially innaccurate in certain locales that use differing amounts of characters in different cases\r\n\r\n/**\r\n * Tests if a string includes another if casing is ignored\r\n * @param thisString The string to test\r\n * @param otherString The potentially included string being tested for\r\n */\r\nexport function stringWeaklyIncludes(thisString: string, otherString: string) {\r\n\treturn thisString.toLocaleLowerCase().includes(otherString.toLocaleLowerCase());\r\n}\r\n\r\n/**\r\n * Tests if a string starts with another if casing is ignored\r\n * @param thisString The string to test\r\n * @param otherString The potentially included string being tested for\r\n */\r\nexport function stringWeaklyStartsWith(thisString: string, otherString: string) {\r\n\treturn thisString.toLocaleLowerCase().startsWith(otherString.toLocaleLowerCase());\r\n}\r\n\r\n/**\r\n * Tests if a string ends with another if casing is ignored\r\n * @param thisString The string to test\r\n * @param otherString The potentially included string being tested for\r\n */\r\nexport function stringWeaklyEndsWith(thisString: string, otherString: string) {\r\n\treturn thisString.toLocaleLowerCase().endsWith(otherString.toLocaleLowerCase());\r\n}\r\n\r\n/**\r\n * Converts the first character in a string to upper-case. Will not work for all languages (for example Dutch).\r\n *\r\n * @export\r\n * @param {string} thisString\r\n * @returns\r\n */\r\nexport function firstCharacterToUpper(thisString: string) {\r\n\tif (!thisString) {\r\n\t\treturn '';\r\n\t}\r\n\r\n\tlet newString = thisString.substring(0, 1).toLocaleUpperCase();\r\n\r\n\tif (thisString.length > 1) {\r\n\t\tnewString += thisString.substring(1);\r\n\t}\r\n\r\n\treturn newString;\r\n}\r\n\r\n/**\r\n * Converts the first character in a string to upper-case. Will not work for all languages (for example Dutch).\r\n *\r\n * @export\r\n * @param {string} thisString\r\n * @returns\r\n */\r\nexport function firstCharacterToLower(thisString: string) {\r\n\tif (!thisString) {\r\n\t\treturn '';\r\n\t}\r\n\r\n\tlet newString = thisString.substring(0, 1).toLocaleLowerCase();\r\n\r\n\tif (thisString.length > 1) {\r\n\t\tnewString += thisString.substring(1);\r\n\t}\r\n\r\n\treturn newString;\r\n}\r\n\r\n// https://github.com/uxitten/polyfill/blob/master/string.polyfill.js\r\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padStart\r\nexport function padStart(value, targetLength, padString) {\r\n\t// tslint:disable-next-line:no-bitwise\r\n\ttargetLength = targetLength >> 0; // truncate if number, or convert non-number to 0;\r\n\tpadString = String(typeof padString !== 'undefined' ? padString : ' ');\r\n\tif (value.length >= targetLength) {\r\n\t\treturn String(value);\r\n\t} else {\r\n\t\ttargetLength = targetLength - value.length;\r\n\t\tif (targetLength > padString.length) {\r\n\t\t\tpadString += padString.repeat(targetLength / padString.length); // append to original to ensure we are longer than needed\r\n\t\t}\r\n\t\treturn padString.slice(0, targetLength) + String(value);\r\n\t}\r\n}\r\n\r\n/**\r\n * Converts a string from \" Something Like  This\" to \"something-like-this\"\r\n * @param value The string to convert\r\n */\r\nexport function toKebabCase(value: string) {\r\n\tif (!value || !value.trim()) {\r\n\t\treturn '';\r\n\t}\r\n\r\n\treturn value\r\n\t\t.trim()\r\n\t\t.replace(/[^a-zA-Z0-9]+/g, '-')\r\n\t\t.replace(/([a-z0-9])([A-Z])/g, '$1-$2')\r\n\t\t.replace(/([A-Z])([A-Z])(?=[a-z])/g, '$1-$2')\r\n\t\t.replace(/-$/, '')\r\n\t\t.toLocaleLowerCase();\r\n}\r\n\r\n/**\r\n * Converts a string from PascalCase, camelCase, snake_case, or space separated to camelCase. Beginning and trailing whitespace are trimmed.\r\n * @param value The string to convert\r\n */\r\nexport function toCamelCase(value: string) {\r\n\treturn value\r\n\t\t.replace(/(?:^\\w|[A-Z]|\\b\\w)/g, function (word, index) {\r\n\t\t\treturn index === 0 ? word.toLowerCase() : word.toUpperCase();\r\n\t\t})\r\n\t\t.replace(/(?:\\s+|[-_])/g, '');\r\n}\r\n\r\n/**\r\n * Removes html characters\r\n *\r\n * @export\r\n * @param {*} html\r\n * @returns\r\n */\r\nexport function stripHtml(html) {\r\n\tconst tmp = document.createElement('div');\r\n\ttmp.innerHTML = html;\r\n\treturn tmp.textContent || tmp.innerText || '';\r\n}\r\n\r\n/**\r\n * Cuts of text and adds ellipsis (...) after a certain number of characters\r\n * @param text The text to format\r\n * @param cutoff The number of characters to add the ellipsis after\r\n */\r\nexport function addEllipsis(text: string, cutoff: number = 20) {\r\n\tif (!text || text.length < cutoff) {\r\n\t\treturn text;\r\n\t}\r\n\r\n\treturn text.substring(0, cutoff) + '...';\r\n}\r\n\r\n/**\r\n * Trims a string value\r\n */\r\nexport function trimString(value: string) {\r\n\treturn value ? value.trim() : '';\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\n\r\n/**\r\n * Shopping Cart SVG\r\n *\r\n * @returns\r\n */\r\nfunction ShoppingCartSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg viewBox=\"0 0 35 32\" className={'roc-icon ' + className} {...rest}>\r\n\t\t\t<path d=\"M16.112 28.14c0 1.422-1.202 2.573-2.685 2.573s-2.685-1.152-2.685-2.573c0-1.422 1.202-2.573 2.685-2.573s2.685 1.152 2.685 2.573zM30.881 28.14c0 1.422-1.202 2.573-2.685 2.573s-2.685-1.152-2.685-2.573c0-1.422 1.202-2.573 2.685-2.573s2.685 1.152 2.685 2.573zM33.298 8.067c0.269 0.257 0.269 0.643 0.269 1.029l-2.148 10.808c-0.403 1.801-2.014 3.088-4.028 3.088h-13.024c-0.134 0-0.134 0-0.134 0-1.88 0-3.491-1.287-3.894-3.088l-2.283-10.68c0 0 0-0.129 0-0.129l-1.074-5.404h-4.296c-0.806 0-1.343-0.515-1.343-1.287s0.537-1.287 1.343-1.287h5.371c0.671 0 1.208 0.386 1.343 1.029l1.074 5.404h21.751c0.403 0 0.806 0.129 1.074 0.515zM28.733 19.39l1.88-9.264h-19.603l2.014 9.264c0.134 0.643 0.671 1.029 1.343 1.029h13.024c0.671 0 1.208-0.386 1.343-1.029z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nShoppingCartSVG.defaultProps = { className: '' };\r\n\r\nexport default ShoppingCartSVG;\r\n","var api = require(\"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n            var content = require(\"!!../../../../../node_modules/css-loader/dist/cjs.js!./styles.css\");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === 'string') {\n              content = [[module.id, content, '']];\n            }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","import { ExternalLoginProvider } from 'features/login/ExternalLogins';\r\n\r\n/**\r\n * Extends Window with a property that will hold the client data\r\n *\r\n * @interface WindowWithClientData\r\n * @extends {Window}\r\n */\r\ninterface WindowWithServerData extends Window {\r\n\t__ROC_SERVER_DATA__?: Array<{\r\n\t\t[name: string]: string;\r\n\t}>;\r\n}\r\n\r\n/**\r\n * This type will hold all the keys that are used by ServerData\r\n */\r\ninterface ServerData {\r\n\tIsReCaptchaEnabled?: boolean;\r\n\tReCaptchaV3Key?: string;\r\n\tTimeZone?: string;\r\n\tUSE_EMAIL_AS_USERNAME?: boolean;\r\n\tRegistrationThankYouTitle?: string;\r\n\tRegistrationThankYouMessage?: string;\r\n\tForgotPasswordConfirmationTitle?: string;\r\n\tForgotPasswordConfirmationMessage?: string;\r\n\tPageTitleSuffix?: string;\r\n\tRequireConfirmEmail?: boolean;\r\n\tACCOUNT_URL_BASE?: string;\r\n\tACCOUNT_LOGIN_URL?: string;\r\n\tACCOUNT_LOGOUT_URL?: string;\r\n\tACCOUNT_REGISTER_URL?: string;\r\n\tACCOUNT_LOGIN_WITH_2FA_URL?: string;\r\n\tACCOUNT_FORGOT_PASSWORD_URL?: string;\r\n\tACCOUNT_LOGIN_WITH_RECOVERY_CODE_URL?: string;\r\n\tEXTERNAL_LOGIN_PROVIDERS?: ExternalLoginProvider[];\r\n\t// #region Commerce\r\n\tACCOUNT_ORGANIZATION_REVIEW_URL?: string;\r\n\tACCOUNT_ORGANIZATION_SELECTOR_URL?: string;\r\n\tGoogleMapsApiKey?: string; // used in Store Locator\r\n\tMinimumTimeBeforeRecentlyViewedProductsAreValidated?: number;\r\n\tQuickOrderItemMinumumSearchCharacters?: number;\r\n\tMaxAllowedQuickOrderItems?: number;\r\n\tMaxNumberForQuantityDropdown?: number;\r\n\tOrderDetailsUIComponent?: string;\r\n\tGuestCheckoutEnabled?: boolean;\r\n\t// #endregion\r\n}\r\n\r\n/**\r\n * Main object that will hold all the client data\r\n */\r\nexport const ServerData: ServerData = {};\r\n\r\n/**\r\n * Initializer function that will populate the main settings object\r\n */\r\nfunction initializeServerData() {\r\n\tconst windowWithServerData = window as WindowWithServerData;\r\n\r\n\tif (\r\n\t\twindowWithServerData &&\r\n\t\twindowWithServerData.__ROC_SERVER_DATA__ &&\r\n\t\tArray.isArray(windowWithServerData.__ROC_SERVER_DATA__)\r\n\t) {\r\n\t\tfor (const obj of windowWithServerData.__ROC_SERVER_DATA__) {\r\n\t\t\tfor (const key of Object.keys(obj)) {\r\n\t\t\t\tServerData[key] = obj[key];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\ninitializeServerData();\r\n","/**\r\n * THIS HAS A COPY ON ROC.ADMIN. DO NOT MAKE CHANGES HERE WITHOUT ALSO MAKING THEM IN THE OTHER FILE.\r\n */\r\n\r\nimport { Prices, PricingResult } from 'shared-client/types/commerce/pricing-result';\r\n\r\n/**\r\n * Splits a quantity range of format `\"min:max\"` into a two dimensional array in the form of `[min: number, max: number]`.\r\n * It is illegal for quantity ranges to be fractional.\r\n * @param quantityRange A quantity range string in the form of `\"min:max\"`\r\n */\r\nexport function ParseQuantityRange(quantityRange: string): [number, number] {\r\n\tconst s = quantityRange.split(':');\r\n\treturn [parseInt(s[0]), s[1] === 'Infinity' ? Infinity : parseInt(s[1])];\r\n}\r\n\r\n/**\r\n * Retrieves a price detail of type T from a quantity range index for the specified quantity.\r\n * For example an index with the values `{[1:49]:\"$4.99\", [50:Infinity]:\"$3.99\"}` would return\r\n * \"$4.99\" for the quantity 1 or 25 but \"3.99\" for quantities above 49.\r\n * @param prices\r\n * @param quantity\r\n */\r\nexport function GetPriceForQuantity<T>(prices: Prices<T>, quantity: number): T {\r\n\tif (quantity == null || quantity <= 0) {\r\n\t\tthrow new Error('Erroneous quantity passed to GetPriceForQuantity');\r\n\t}\r\n\r\n\tfor (const quantityRange in prices) {\r\n\t\tconst [min, max] = ParseQuantityRange(quantityRange);\r\n\t\tif (quantity >= min && quantity <= max) {\r\n\t\t\treturn prices[quantityRange];\r\n\t\t}\r\n\t}\r\n\r\n\tthrow new Error('Price not found. Is the prices object well formed?');\r\n}\r\n\r\n/** Retrieves a pricing line for a given pricing result by the specified pricing line ID */\r\nexport function GetPricingLine<T>(pricingResult: PricingResult<T>, productId: string, pricingLineId?: string | null) {\r\n\tconst line = pricingResult.products[productId];\r\n\tif (!line) {\r\n\t\treturn undefined;\r\n\t}\r\n\r\n\tif (pricingLineId == null) {\r\n\t\tfor (const id in line.pricingLines) {\r\n\t\t\tconst pricingLine = line.pricingLines[id];\r\n\t\t\tif (pricingLine && pricingLine.isDefault) {\r\n\t\t\t\treturn pricingLine;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tfor (const id in line.pricingLines) {\r\n\t\t\tconst pricingLine = line.pricingLines[id];\r\n\t\t\tif (pricingLine) {\r\n\t\t\t\treturn pricingLine;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn undefined;\r\n\t}\r\n\r\n\treturn line.pricingLines[pricingLineId];\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Question Mark within a Circle SVG\r\n */\r\nfunction QuestionMarkCircleSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 30 30\"\r\n\t\t\tclassName={classnames('roc-icon', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t<g transform=\"translate(-115.000000, -452.000000)\" fill=\"#3F4044\" fillRule=\"nonzero\">\r\n\t\t\t\t\t<g transform=\"translate(90.000000, 291.000000)\">\r\n\t\t\t\t\t\t<g transform=\"translate(0.000000, 36.000000)\">\r\n\t\t\t\t\t\t\t<g transform=\"translate(0.000000, 100.000000)\">\r\n\t\t\t\t\t\t\t\t<path d=\"M39.9999642,54.2812422 C48.0247712,54.2812422 54.5311796,47.7771798 54.5311796,39.7500268 C54.5311796,31.7275659 48.0247712,25.2188115 39.9999642,25.2188115 C31.9751573,25.2188115 25.4687489,31.7275659 25.4687489,39.7500268 C25.4687489,47.7771798 31.9751573,54.2812422 39.9999642,54.2812422 Z M39.9999642,51.4687489 C33.523482,51.4687489 28.2812422,46.2286834 28.2812422,39.7500268 C28.2812422,33.275719 33.5237109,28.0313048 39.9999642,28.0313048 C46.4740432,28.0313048 51.7186863,33.2737163 51.7186863,39.7500268 C51.7186863,46.2263946 46.4786208,51.4687489 39.9999642,51.4687489 Z M41.3372604,43.031269 C41.7255575,43.031269 42.0403837,42.7164428 42.0403837,42.3281457 L42.0403837,41.956843 C42.0403837,40.5049345 46.2837856,40.4444527 46.2837856,36.5156481 C46.2837856,33.5568997 43.2147164,31.3125469 40.3394524,31.3125469 C37.5941358,31.3125469 35.8307771,32.4546074 34.4463886,34.4874165 C34.235074,34.7978368 34.302079,35.2193217 34.6013412,35.4462003 L36.2316055,36.6824453 C36.536647,36.9136727 36.9704343,36.8579401 37.2081275,36.5579911 C38.0898926,35.4451703 38.7171418,34.8019566 40.0758384,34.8019566 C41.1179349,34.8019566 42.4069371,35.4726933 42.4069371,36.4832042 C42.4069371,37.2471527 41.7763119,37.6395124 40.7473189,38.2163505 C39.5474087,38.8890898 37.9594875,39.7263376 37.9594875,41.8207731 L37.9594875,42.3281457 C37.9594875,42.7164428 38.2743137,43.031269 38.6626109,43.031269 L41.3372604,43.031269 Z M39.9999642,48.7734428 C41.3569442,48.7734428 42.4608959,47.6694911 42.4608959,46.3125112 C42.4608959,44.9555312 41.3569442,43.8515795 39.9999642,43.8515795 C38.6429843,43.8515795 37.5390326,44.9555312 37.5390326,46.3125112 C37.5390326,47.6694911 38.6429843,48.7734428 39.9999642,48.7734428 Z\"></path>\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t</g>\r\n\t\t\t\t</g>\r\n\t\t\t</g>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default QuestionMarkCircleSVG;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { AddToCartResponse } from 'services/UserData.Commerce';\r\nimport ProductPricing from 'shared/components/commerce/ProductPricing';\r\nimport LockSVG from 'shared/components/svg/LockSVG';\r\nimport OrderMessages from '../shopping-cart/OrderMessages';\r\n\r\ninterface AddedToCartAlertProps {\r\n\tresponse: AddToCartResponse;\r\n}\r\n\r\n/**\r\n * Displays Added to Cart confirmation\r\n */\r\nexport default function AddedToCartAlert(props: AddedToCartAlertProps) {\r\n\tconst { response } = props;\r\n\tconst [displayAlert, setDisplayAlert] = useState(true);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetDisplayAlert(true);\r\n\t}, [response]);\r\n\r\n\tif (!displayAlert) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-item-summary\" data-testid=\"added-to-cart-alert\">\r\n\t\t\t<OrderMessages orderMessages={response.orderMessages} />\r\n\t\t\t<div className=\"roc-item-summary__section\">\r\n\t\t\t\t<div className=\"roc-item-summary__item\">\r\n\t\t\t\t\t<div className=\"roc-item-summary__image-wrapper\">\r\n\t\t\t\t\t\t{response.imageUrl ? (\r\n\t\t\t\t\t\t\t<img className=\"roc-item-summary__image\" alt={response.name} src={response.imageUrl} />\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\tclassName=\"roc-item-summary__image\"\r\n\t\t\t\t\t\t\t\talt={response.name}\r\n\t\t\t\t\t\t\t\tsrc=\"/images/image-not-found-medium.png\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"roc-item-summary__text\">\r\n\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t<strong>{response.name}</strong>\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t{/* #region HCL - replace SKU to ItemNumber */}\r\n\t\t\t\t\t\t\t{Localizer('ItemNumber')}: &nbsp;\r\n\t\t\t\t\t\t\t{/* #endregion */}\r\n\t\t\t\t\t\t\t<span data-testid=\"added-to-cart-sku\">{response.sku}</span>\r\n\t\t\t\t\t\t</p>\r\n\r\n\t\t\t\t\t\t<ProductPricing inline displayPrice={response.displayPrice} />\r\n\r\n\t\t\t\t\t\t<table className=\"roc-item-summary__attributes\">\r\n\t\t\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t\t\t{response.selections !== null && response.selections.length > 0\r\n\t\t\t\t\t\t\t\t\t? response.selections.map((selection) => (\r\n\t\t\t\t\t\t\t\t\t\t\t<tr\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-item-summary__row\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tkey={`added-to-cart-alert-selection-${selection.name}`}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--property\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<strong>{selection.name}:</strong>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</td>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--value\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{selection.label}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t  ))\r\n\t\t\t\t\t\t\t\t\t: null}\r\n\r\n\t\t\t\t\t\t\t\t<tr className=\"roc-item-summary__row\">\r\n\t\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--property\">\r\n\t\t\t\t\t\t\t\t\t\t<strong>{Localizer('Qty')} </strong>\r\n\t\t\t\t\t\t\t\t\t</td>\r\n\r\n\t\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--value\">\r\n\t\t\t\t\t\t\t\t\t\t{response.adjustedQuantity}\r\n\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t</tbody>\r\n\t\t\t\t\t\t</table>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"roc-item-summary__section\">\r\n\t\t\t\t<div className=\"roc-item-summary__final-wrapper\">\r\n\t\t\t\t\t<span className=\"roc-item-summary__final-count\">\r\n\t\t\t\t\t\t{Localizer('InCart')} {response.cartSummary.items}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span className=\"roc-item-summary__final\">\r\n\t\t\t\t\t\t<span className=\"roc-item-summary__final-text\">{Localizer('Subtotal')}:</span>\r\n\t\t\t\t\t\t<ProductPricing\r\n\t\t\t\t\t\t\tinline\r\n\t\t\t\t\t\t\tdisplayPrice={response.cartSummary.subtotal}\r\n\t\t\t\t\t\t\tclassName=\"roc-item-summary__final-value\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"roc-item-summary__btn-row\">\r\n\t\t\t\t\t<div className=\"roc-item-summary__btn-col\">\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tonClick={() => (window.location.href = '/cart')}\r\n\t\t\t\t\t\t\tclassName=\"roc-btn-secondary roc-btn-secondary--big roc-btn-secondary--block roc-item-summary__btn\"\r\n\t\t\t\t\t\t\tdata-testid=\"view-cart-modal-btn\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{Localizer('ViewCart')}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"roc-item-summary__btn-col\">\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tonClick={() => (window.location.href = '/checkout')}\r\n\t\t\t\t\t\t\tclassName=\"roc-btn roc-btn--big roc-btn--block roc-item-summary__btn\"\r\n\t\t\t\t\t\t\tdata-testid=\"checkout-modal-btn\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<LockSVG className={'roc-item-summary__btn-icon'} />\r\n\t\t\t\t\t\t\t<span className=\"roc-item-summary__btn-text\" data-testid=\"checkout-now-button\">\r\n\t\t\t\t\t\t\t\t{Localizer('CheckoutNow')}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t// <div>\r\n\t\t// \t<div style={{ display: 'flex' }}>\r\n\t\t// \t\t<div>\r\n\t\t// \t\t\t<p>Added to Cart</p>\r\n\t\t// \t\t</div>\r\n\t\t// \t\t<div style={{ width: '50%', textAlign: 'right' }}>\r\n\t\t// \t\t\t<button type=\"button\" onClick={() => setDisplayAlert(false)}>\r\n\t\t// \t\t\t\tClose\r\n\t\t// \t\t\t</button>\r\n\t\t// \t\t</div>\r\n\t\t// \t</div>\r\n\t\t// \t<div style={{ display: 'flex' }}>\r\n\t\t// \t\t<div style={{ width: '40%' }}>\r\n\t\t// \t\t\t{response.imageUrl ? (\r\n\t\t// \t\t\t\t<img src={response.imageUrl} style={{ maxWidth: '100%' }} />\r\n\t\t// \t\t\t) : (\r\n\t\t// \t\t\t\t<img src=\"https://via.placeholder.com/180x180\" />\r\n\t\t// \t\t\t)}\r\n\t\t// \t\t</div>\r\n\t\t// \t\t<div style={{ width: '60%' }}>\r\n\t\t// \t\t\t<div>{response.name}</div>\r\n\t\t// \t\t\t<div>\r\n\t\t// \t\t\t\t{response.salePrice != null ? (\r\n\t\t// \t\t\t\t\t<>\r\n\t\t// \t\t\t\t\t\t<span style={{ textDecoration: 'line-through' }}>\r\n\t\t// \t\t\t\t\t\t\t${formatPrice(response.basePrice)}\r\n\t\t// \t\t\t\t\t\t</span>\r\n\t\t// \t\t\t\t\t\t<span style={{ color: 'red' }}>${formatPrice(response.salePrice)}</span>\r\n\t\t// \t\t\t\t\t</>\r\n\t\t// \t\t\t\t) : (\r\n\t\t// \t\t\t\t\t<span>${formatPrice(response.basePrice)}</span>\r\n\t\t// \t\t\t\t)}\r\n\t\t// \t\t\t</div>\r\n\t\t// \t\t\t{response.selections !== null &&\r\n\t\t// \t\t\t\tresponse.selections.length > 0 &&\r\n\t\t// \t\t\t\tresponse.selections.map(selection => (\r\n\t\t// \t\t\t\t\t<div>\r\n\t\t// \t\t\t\t\t\t{selection.name}: {selection.label}\r\n\t\t// \t\t\t\t\t</div>\r\n\t\t// \t\t\t\t))}\r\n\t\t// \t\t\t<div>Qty: {response.adjustedQuantity}</div>\r\n\t\t// \t\t</div>\r\n\t\t// \t</div>\r\n\r\n\t\t// \t<hr />\r\n\t\t// \t<div style={{ display: 'flex' }}>\r\n\t\t// \t\t<div style={{ width: '50%' }}>\r\n\t\t// \t\t\t{response.cartSummary.items} {response.cartSummary.items === 1 ? 'item' : 'items'} in cart\r\n\t\t// \t\t</div>\r\n\t\t// \t\t<div style={{ width: '50%', textAlign: 'right' }}>\r\n\t\t// \t\t\tSubtotal: ${formatPrice(response.cartSummary.subtotal)}\r\n\t\t// \t\t</div>\r\n\t\t// \t</div>\r\n\t\t// \t<div style={{ display: 'flex' }}>\r\n\t\t// \t\t<div style={{ width: '50%' }}>\r\n\t\t// \t\t\t<button type=\"button\" onClick={() => (window.location.href = '/cart')}>\r\n\t\t// \t\t\t\tView Cart\r\n\t\t// \t\t\t</button>\r\n\t\t// \t\t</div>\r\n\t\t// \t\t<div style={{ width: '50%', textAlign: 'right' }}>\r\n\t\t// \t\t\t<button type=\"button\" onClick={() => (window.location.href = '/checkout')}>\r\n\t\t// \t\t\t\tCheckout Now\r\n\t\t// \t\t\t</button>\r\n\t\t// \t\t</div>\r\n\t\t// \t</div>\r\n\t\t// </div>\r\n\t);\r\n}\r\n","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"/* This code is subject to LICENSE in root of this repository */\\n\\n/* Used to detect in JavaScript if apps have loaded styles or not. */\\n:root {\\n  --reach-dialog: 1;\\n}\\n\\n[data-reach-dialog-overlay] {\\n  background: hsla(0, 0%, 0%, 0.33);\\n  position: fixed;\\n  top: 0;\\n  right: 0;\\n  bottom: 0;\\n  left: 0;\\n  overflow: auto;\\n}\\n\\n[data-reach-dialog-content] {\\n  width: 50vw;\\n  margin: 10vh auto;\\n  background: white;\\n  padding: 2rem;\\n  outline: none;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Right chevron SVG\r\n *\r\n * @returns\r\n */\r\nfunction RightChevronSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-right-chevron ', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M9.707 18.707l6-6c0.391-0.391 0.391-1.024 0-1.414l-6-6c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z\"></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default RightChevronSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Lock SVG component\r\n *\r\n * @returns\r\n */\r\nfunction LockSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 27 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-lock', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M24.454 14.487h-0.752v-4.385c-0.099-5.608-4.714-10.102-10.374-10.102s-10.275 4.495-10.374 10.102v4.385h-0.743c-1.222 0-2.212 0.982-2.212 2.192v13.129c0 1.211 0.99 2.192 2.212 2.192h22.242c1.222 0 2.212-0.982 2.212-2.192v-13.132c-0.002-1.21-0.992-2.189-2.212-2.189zM19.278 14.487h-11.867v-4.385c0.074-3.191 2.706-5.74 5.927-5.74s5.853 2.549 5.927 5.74l0.013 4.385z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default LockSVG;\r\n","import {\r\n\tSimpleSelectionDto,\r\n\tProductPricingLine,\r\n\tAvailability,\r\n\tProductAddOnDto,\r\n} from 'features/commerce/product-details/types';\r\nimport { BaseDto } from 'shared/types';\r\nimport { SimpleDisplayPrice, Price } from '../../../../../../Roc.SharedClientApp/types/commerce/display-price';\r\nimport { DropdownOption } from '../../../../../../Roc.SharedClientApp/types/fields';\r\nimport { ModelStatus } from '../../../../../../Roc.SharedClientApp/types/model-status';\r\n\r\n/**\r\n * Represents a single addable to list product info\r\n */\r\nexport interface ItemToAddToList {\r\n\titemId: string;\r\n\tquantity: number;\r\n\tproductPricingLineId: string | null;\r\n\taddOns?: ProductAddOnDto[];\r\n}\r\n\r\n/**\r\n * Represents data needed for adding a single item to list\r\n */\r\nexport interface AddToListProps extends ItemToAddToList {\r\n\tshoppingListId: string;\r\n}\r\n\r\n/**\r\n * Represents data needed for adding multiple items to list\r\n */\r\nexport interface BulkAddToListProps {\r\n\tshoppingListId: string;\r\n\titems: ItemToAddToList[];\r\n}\r\n\r\n/**\r\n * List DTO interface for my account shopping lists\r\n */\r\nexport interface ShoppingListDto extends BaseDto {\r\n\tid: string;\r\n\tname: string;\r\n\tprivacy: PrivacyType;\r\n}\r\n\r\nexport interface ShoppingListResponse extends ShoppingListDto {\r\n\tproductId: string | null;\r\n\tquantity: number | null;\r\n}\r\n\r\n/**\r\n * Shopping List Privacy Type\r\n */\r\nexport enum PrivacyType {\r\n\tPrivate = 'Private',\r\n\tPublic = 'Public',\r\n\tOrganization = 'Organization',\r\n}\r\n\r\n/**\r\n * Privacy Type Dropdown Options\r\n */\r\nexport const PrivacyTypeOptions = Object.keys(PrivacyType).map(\r\n\t(key) => ({ value: key, text: PrivacyType[key] } as DropdownOption),\r\n);\r\n\r\nexport interface ShoppingListProductDto extends BaseDto {\r\n\tid: string;\r\n\r\n\tshoppingListId: string;\r\n\r\n\tproductId: string;\r\n\r\n\tsku: string;\r\n\r\n\tname: string;\r\n\r\n\turl: string;\r\n\r\n\tgroupUrl: string;\r\n\r\n\tunitPrice: SimpleDisplayPrice<Price>;\r\n\r\n\tselections?: SimpleSelectionDto[];\r\n\r\n\tpricingLine: ProductPricingLine;\r\n\r\n\tquantity: number;\r\n\r\n\tthumbnailUrl: string | null;\r\n\r\n\tbrandName: string | null;\r\n\r\n\taltText?: string;\r\n\r\n\tstatus?: ModelStatus;\r\n\r\n\tavailability?: Availability;\r\n\r\n\t/**\r\n\t * The associated group product Id of a simple product, if applicable.\r\n\t */\r\n\tproductGroupId: string;\r\n\r\n\t/**\r\n\t * The list of available product add ons for the shopping list item.\r\n\t */\r\n\taddOns?: ProductAddOnDto[];\r\n}\r\n","import React from 'react';\r\nimport { SimpleSelectionDto } from '../product-details/types';\r\n\r\ninterface ProductAttributeListprops {\r\n\tselections?: SimpleSelectionDto[];\r\n\tclassNamePrefix?: string;\r\n}\r\n\r\nexport default function ProductSelectionsList(props: ProductAttributeListprops) {\r\n\tconst { selections = '' } = props;\r\n\r\n\treturn (\r\n\t\t<ul className=\"roc-product-item-list\">\r\n\t\t\t{selections !== undefined &&\r\n\t\t\t\tArray.isArray(selections) &&\r\n\t\t\t\tselections.length > 0 &&\r\n\t\t\t\tselections.map((selection, i) => (\r\n\t\t\t\t\t<li className=\"roc-product-item-list__item\" key={i}>\r\n\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t<strong>{selection.name}</strong>:{' '}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span>{selection.label}</span>\r\n\t\t\t\t\t</li>\r\n\t\t\t\t))}\r\n\t\t</ul>\r\n\t);\r\n}\r\n","import Axios, { AxiosRequestConfig, AxiosError, AxiosResponse, CancelTokenSource } from 'axios';\r\nimport { useLoader } from './useLoader';\r\nimport { useRef, useEffect, useState } from 'react';\r\nimport AxiosHelper from 'services/AxiosHelper';\r\n\r\n/**\r\n * Use Axios Loader Params\r\n * @param axiosParams The parameters for the request being passed into axios. This includes the method, url, data, etc.\r\n * @param callback A function that is called after a form is posted. It'll include a parameter with the error if something went wrong.\r\n */\r\nexport interface UseAxiosLoaderParams {\r\n\taxiosParams: AxiosRequestConfig;\r\n\tactive?: boolean;\r\n\tcallback?: (error: Error | AxiosError | undefined) => any;\r\n\tcacheKey?: string;\r\n}\r\n\r\nconst cache = {};\r\n\r\n/**\r\n * A reusable hook that facilitates executing axios requests.\r\n */\r\nexport function useAxiosLoader<T>({ axiosParams, active = true, callback, cacheKey }: UseAxiosLoaderParams) {\r\n\tif (axiosParams.method === undefined) {\r\n\t\taxiosParams.method = 'GET';\r\n\t}\r\n\r\n\tconst { ...rest } = axiosParams;\r\n\tconst { loading, setLoading, error, setError, response, setResponse } = useLoader<AxiosResponse<T>>();\r\n\tconst [reloadTimes, setReloadTimes] = useState<number>(0);\r\n\tconst cancelToken = useRef<CancelTokenSource>();\r\n\r\n\tconst reload = () => {\r\n\t\tsetReloadTimes(reloadTimes + 1);\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\t(async () => {\r\n\t\t\ttry {\r\n\t\t\t\tif (!active) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tcancelToken.current = Axios.CancelToken.source();\r\n\r\n\t\t\t\tsetLoading(true);\r\n\t\t\t\tsetError(undefined);\r\n\r\n\t\t\t\tlet response: AxiosResponse<T>;\r\n\r\n\t\t\t\tif (cacheKey && cache[cacheKey]) {\r\n\t\t\t\t\tresponse = cache[cacheKey];\r\n\t\t\t\t} else {\r\n\t\t\t\t\tresponse = await AxiosHelper(rest);\r\n\t\t\t\t\tif (cacheKey) {\r\n\t\t\t\t\t\tcache[cacheKey] = response;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tsetResponse(response);\r\n\r\n\t\t\t\tif (callback !== undefined) {\r\n\t\t\t\t\treturn callback(undefined);\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tif (Axios.isCancel(error)) {\r\n\t\t\t\t\t// if the component was unmounted, there's nothing to do\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tsetError(error);\r\n\r\n\t\t\t\tif (callback !== undefined) {\r\n\t\t\t\t\treturn callback(error);\r\n\t\t\t\t}\r\n\t\t\t} finally {\r\n\t\t\t\tsetLoading(false);\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\t\treturn () => {\r\n\t\t\t// cleanup\r\n\t\t\tif (cancelToken.current) {\r\n\t\t\t\tcancelToken.current.cancel();\r\n\t\t\t}\r\n\t\t};\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [active, reloadTimes, ...Object.values(axiosParams)]); // this may be overkill? this means that if ANY axios params change, a new request will execute\r\n\r\n\treturn {\r\n\t\tloading,\r\n\t\terror,\r\n\t\tresponse,\r\n\t\tcancelToken: cancelToken.current,\r\n\t\treload,\r\n\t};\r\n}\r\n","import { useEffect, useState } from 'react';\r\nimport { SortByDirection } from 'shared-client/types/index';\r\nimport { BaseDto, PaginatedResult } from 'shared/types';\r\nimport { useAxiosLoader, UseAxiosLoaderParams } from './useAxiosLoader';\r\n\r\n/**\r\n * Use Axios Paginated Loader Params\r\n * @param axiosParams The parameters for the request being passed into axios. This includes the method, url, data, etc.\r\n * @param callback A function that is called after a form is posted. It'll include a parameter with the error if something went wrong.\r\n */\r\nexport interface UseAxiosPaginatedLoaderParams<TDto extends BaseDto, T extends PaginatedResult<TDto>>\r\n\textends UseAxiosLoaderParams {\r\n\tquery?: string;\r\n\tinitialPageSize?: number;\r\n\tinitialSortByName?: string;\r\n\tinitialSortDirection?: SortByDirection;\r\n\tinitialResults?: T;\r\n\tcache?: boolean;\r\n\t//#region HCL\t\r\n\tinitialFilterValues?: Record<string, string>;\r\n\t////#endregion\r\n}\r\n\r\n/**\r\n * The useAxiosPaginatedLoader hook result object\r\n */\r\nexport interface UseAxiosPaginatedLoaderResult<TDto extends BaseDto, T extends PaginatedResult<TDto>> {\r\n\t/**\r\n\t * Current page number\r\n\t */\r\n\tpage: number;\r\n\t/**\r\n\t * Go to page and load results\r\n\t */\r\n\tgoToPage: (page: number) => void;\r\n\t/**\r\n\t * Go to next page and load results\r\n\t */\r\n\tgoToNextPage: () => void;\r\n\t/**\r\n\t * Go to previous page and load results\r\n\t */\r\n\tgoToPreviousPage: () => void;\r\n\t/**\r\n\t * Set sorting and load the results\r\n\t */\r\n\tsetSorting: (sortBy: string, direction: SortByDirection) => void;\r\n\t/**\r\n\t * Set page size and load the results\r\n\t */\r\n\tsetPageSize: (pageSize: number) => void;\r\n\t/**\r\n\t * Sets the custom query\r\n\t */\r\n\tsetQuery?: (query: string) => void;\r\n\t/**\r\n\t * Sets the sort by name\r\n\t */\r\n\tsetSortByName?: (sortBy: string) => void;\r\n\t/**\r\n\t * Sets the sort direction\r\n\t */\r\n\tsetSortDirection?: (direction: SortByDirection) => void;\r\n\t/**\r\n\t * Current sort by name\r\n\t */\r\n\tsortByName: string | undefined;\r\n\t/**\r\n\t * Current sort by direction\r\n\t */\r\n\tsortDirection: SortByDirection | undefined;\r\n\t/**\r\n\t * True if loading results\r\n\t */\r\n\tloading: boolean;\r\n\t/**\r\n\t * Error object if an error occurred while loading the results\r\n\t */\r\n\terror: Error | undefined;\r\n\t/**\r\n\t * Current paginated results object\r\n\t */\r\n\tresults: T | null | undefined;\r\n\r\n\t/**\r\n\t * Custom query string that includes\r\n\t * all the other parameters other than pagination and sorting ones\r\n\t */\r\n\tcustomQuery?: string | undefined;\r\n\r\n\t/**\r\n\t * If this function has been called another request will be triggered to get fresh results\r\n\t */\r\n\treload?: () => void;\r\n}\r\n\r\n/**\r\n * A reusable hook for pagination (data is loaded with axios).\r\n */\r\nexport function useAxiosPaginatedLoader<TDto extends BaseDto, T extends PaginatedResult<TDto>>({\r\n\taxiosParams,\r\n\tactive = true,\r\n\tcallback,\r\n\tquery,\r\n\tinitialPageSize,\r\n\tinitialSortByName,\r\n\tinitialSortDirection,\r\n\tinitialResults,\r\n\tcache,\r\n}: UseAxiosPaginatedLoaderParams<TDto, T>): UseAxiosPaginatedLoaderResult<TDto, T> {\r\n\tconst [pageSize, setPageSizeState] = useState(initialPageSize);\r\n\tconst [pageNumber, setPageNumber] = useState(1);\r\n\tconst [sortByName, setSortByName] = useState(initialSortByName);\r\n\tconst [sortDirection, setSortDirection] = useState(initialSortDirection);\r\n\tconst [dataLoaderActive, setDataLoaderActive] = useState(initialResults === undefined);\r\n\tconst [customQuery, setCustomQuery] = useState(query);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetDataLoaderActive(true);\r\n\t}, [pageNumber, sortByName, sortDirection, pageSize]);\r\n\r\n\tconst goToPage = (page: number) => {\r\n\t\tif (results && page > 0 && page <= results.pagination.totalPages) {\r\n\t\t\tsetPageNumber(page);\r\n\t\t}\r\n\t};\r\n\r\n\tconst goToNextPage = () => {\r\n\t\tif (results && pageNumber < results.pagination.totalPages) {\r\n\t\t\tsetPageNumber(pageNumber + 1);\r\n\t\t}\r\n\t};\r\n\r\n\tconst goToPreviousPage = () => {\r\n\t\tif (pageNumber === 1) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetPageNumber(pageNumber - 1);\r\n\t};\r\n\r\n\tconst setSorting = (sortBy: string, direction: SortByDirection) => {\r\n\t\tsetPageNumber(1);\r\n\t\tsetSortByName(sortBy);\r\n\t\tsetSortDirection(direction);\r\n\t};\r\n\r\n\tconst setQuery = (customQuery: string | undefined) => {\r\n\t\tsetPageNumber(1);\r\n\t\tsetCustomQuery(customQuery);\r\n\t};\r\n\r\n\tconst paginationQuery = `${pageSize ? `pagesize=${pageSize}` : ''}&pageNumber=${pageNumber}${\r\n\t\tsortByName ? `&sortBy=${sortByName}` : ''\r\n\t}${sortDirection ? `&sortDirection=${sortDirection}` : ''}`;\r\n\r\n\tconst url = `${axiosParams.url}${customQuery ? `?${customQuery}&${paginationQuery}` : `?${paginationQuery}`}`;\r\n\r\n\tconst { loading, error, response, reload } = useAxiosLoader<T>({\r\n\t\taxiosParams: {\r\n\t\t\t...axiosParams,\r\n\t\t\turl: url,\r\n\t\t},\r\n\t\tactive: active && dataLoaderActive,\r\n\t\tcallback,\r\n\t\tcacheKey: cache ? url : undefined,\r\n\t});\r\n\r\n\tconst results = active && dataLoaderActive ? response && response.data : initialResults;\r\n\r\n\tconst setPageSize = (size: number) => {\r\n\t\tsetPageSizeState(size);\r\n\t};\r\n\r\n\treturn {\r\n\t\tpage: pageNumber,\r\n\t\tgoToPage,\r\n\t\tgoToNextPage,\r\n\t\tgoToPreviousPage,\r\n\t\tsetSorting,\r\n\t\tsetPageSize,\r\n\t\tsetQuery,\r\n\t\tsetSortByName,\r\n\t\tsetSortDirection,\r\n\t\treload,\r\n\t\tcustomQuery,\r\n\t\tsortByName,\r\n\t\tsortDirection,\r\n\t\tloading,\r\n\t\terror,\r\n\t\tresults,\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport useDelayedDisplay from 'shared/hooks/useDelayedDisplay';\r\nimport classnames from 'classnames';\r\n\r\ntype SpinnerAlignment = 'left' | 'right' | 'none';\r\n\r\ninterface SpinnerProps {\r\n\tlight?: boolean;\r\n\twaitMs?: number;\r\n\talign?: SpinnerAlignment;\r\n\tblock?: boolean;\r\n\tparentCentered?: boolean;\r\n}\r\n\r\n/**\r\n * Reusable roc-spinner component with color, alignment and wait time props.\r\n *\r\n * @export\r\n * @param {SpinnerProps} { light = false, waitMs = 200, align = 'right', block }\r\n * @returns\r\n */\r\nexport default function Spinner({\r\n\tlight = false,\r\n\twaitMs = 200,\r\n\talign = 'right',\r\n\tblock,\r\n\tparentCentered = false,\r\n}: SpinnerProps) {\r\n\tconst display = useDelayedDisplay(waitMs);\r\n\r\n\tif (!display) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst spinner = (\r\n\t\t<div\r\n\t\t\tclassName={classnames('roc-spinner', {\r\n\t\t\t\t'roc-spinner--align-none': align === 'none',\r\n\t\t\t\t'roc-spinner--light': light,\r\n\t\t\t\t'roc-spinner--block': block,\r\n\t\t\t\t'roc-spinner--left': align === 'left',\r\n\t\t\t\t'roc-spinner--right': align === 'right',\r\n\t\t\t})}\r\n\t\t\tdata-testid=\"spinner\"\r\n\t\t>\r\n\t\t\t<div className=\"roc-spinner__body\">\r\n\t\t\t\t<div className=\"roc-spinner__cube1\" />\r\n\t\t\t\t<div className=\"roc-spinner__cube2\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n\r\n\tif (parentCentered) {\r\n\t\treturn <div className=\"roc-spinner__centered-parent\">{spinner}</div>;\r\n\t}\r\n\r\n\treturn spinner;\r\n}\r\n","import AxiosHelper from 'services/AxiosHelper';\r\nimport { BasePartialDataOptions } from 'shared/types';\r\nimport { BaseBulkPartialProductsDataOptions, ProductDetailsState } from './types';\r\n\r\nconst partialDataCache: { [index: string]: Partial<ProductDetailsState> } = {};\r\nconst partialProductsDataCache: { [index: string]: BulkProductsPartialDataResponse } = {};\r\n\r\nexport async function getPartialProductData<T extends ProductDetailsState = ProductDetailsState>(\r\n\toptions: BasePartialDataOptions<T>,\r\n) {\r\n\tlet cacheKey = `${options.id}_${options.missingKeys.sort().join('_')}`;\r\n\r\n\t// include additional params in the cache key and preserve their order by param name\r\n\tconst additionalParams = options.additionalParams;\r\n\tif (additionalParams) {\r\n\t\tconst additionalKeys = Object.keys(additionalParams).sort();\r\n\t\tadditionalKeys.forEach((name) => {\r\n\t\t\tconst paramValue = additionalParams[name];\r\n\t\t\tif (paramValue) {\r\n\t\t\t\tcacheKey += `_${name}=${paramValue}`;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tif (partialDataCache[cacheKey]) {\r\n\t\treturn Promise.resolve(partialDataCache[cacheKey]);\r\n\t}\r\n\r\n\tconst response = await AxiosHelper.get<Partial<ProductDetailsState>>(`/ajax/products/${options.id}`, {\r\n\t\tparams: {\r\n\t\t\t...options.additionalParams,\r\n\t\t\tkeys: options.missingKeys.join(','),\r\n\t\t},\r\n\t});\r\n\r\n\tpartialDataCache[cacheKey] = response.data;\r\n\r\n\t// if the key is requested, always return the value as null. this is important\r\n\t// on the client undefined vs null can have different meanings\r\n\t// undefined means nothing has even tried to set it, the data is simply missing.\r\n\t// null means we tried to load something, but there's no value associated.\r\n\treturn Promise.resolve(response.data);\r\n}\r\n\r\n/**\r\n * Dictionary of bulk products data , key is product id\r\n */\r\nexport interface BulkProductsPartialDataResponse {\r\n\t[key: string]: Partial<ProductDetailsState>;\r\n}\r\n\r\n/**\r\n * Gets partial data for bulk products using the product ids and the missing keys\r\n */\r\nexport async function getBulkPartialProductsData(options: BaseBulkPartialProductsDataOptions<ProductDetailsState>) {\r\n\tconst cacheKey = `${options.productIds?.sort().join('_')}___${options.missingKeys.sort().join('_')}`;\r\n\tif (partialProductsDataCache[cacheKey]) {\r\n\t\treturn Promise.resolve(partialProductsDataCache[cacheKey]);\r\n\t}\r\n\r\n\tconst response = await AxiosHelper.post<BulkProductsPartialDataResponse>(`/ajax/products`, {\r\n\t\tproductIds: options.productIds,\r\n\t\tmissingKeys: options.missingKeys.join(','),\r\n\t});\r\n\r\n\tpartialProductsDataCache[cacheKey] = response.data;\r\n\r\n\t// if the key is requested, always return the value as null. this is important\r\n\t// on the client undefined vs null can have different meanings\r\n\t// undefined means nothing has even tried to set it, the data is simply missing.\r\n\t// null means we tried to load something, but there's no value associated.\r\n\treturn Promise.resolve(response.data);\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Plus SVG\r\n *\r\n * @returns\r\n */\r\nfunction PlusSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg viewBox=\"0 0 24 24\" className={classnames('roc-icon roc-icon-plus', className)} {...rest}>\r\n\t\t\t<path d=\"M12,5 C12.5128358,5 12.9355072,5.38604019 12.9932723,5.88337887 L13,6 L13,11 L18,11 C18.5522847,11 19,11.4477153 19,12 C19,12.5128358 18.6139598,12.9355072 18.1166211,12.9932723 L18,13 L13,13 L13,18 C13,18.5522847 12.5522847,19 12,19 C11.4871642,19 11.0644928,18.6139598 11.0067277,18.1166211 L11,18 L11,13 L6,13 C5.44771525,13 5,12.5522847 5,12 C5,11.4871642 5.38604019,11.0644928 5.88337887,11.0067277 L6,11 L11,11 L11,6 C11,5.44771525 11.4477153,5 12,5 Z\"></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default PlusSVG;\r\n","import axios, { AxiosInstance, AxiosResponse, AxiosError } from 'axios';\r\nimport AccountUrls from 'shared/util/AccountUrls';\r\nimport { getCsrfToken } from './UserData';\r\n\r\n/**\r\n * Helper that creates an instance of Axios to be used throughout the client application\r\n * and adds a default X-Requested-With header to all requests.\r\n *\r\n */\r\nconst AxiosHelper: AxiosInstance = axios.create();\r\nAxiosHelper.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';\r\n\r\n// Add CSRF tokens to all commands that are not GET, HEAD, or OPTIONS\r\nAxiosHelper.interceptors.request.use(async (config) => {\r\n\tif (\r\n\t\tconfig.method?.toLowerCase() !== 'get' &&\r\n\t\tconfig.method?.toLowerCase() !== 'head' &&\r\n\t\tconfig.method?.toLowerCase() !== 'options'\r\n\t) {\r\n\t\tconst csrfToken = await getCsrfToken();\r\n\t\tconfig.headers = { RequestVerificationToken: csrfToken, ...config.headers };\r\n\t}\r\n\treturn config;\r\n});\r\n\r\nexport default AxiosHelper;\r\n\r\n// eslint-disable-next-line no-unused-vars\r\nexport const addUnauthorizedAccessInterceptor = (history) => {\r\n\t// this allows us to act when any request going through axios succeeds or fails.\r\n\tAxiosHelper.interceptors.response.use(\r\n\t\t(response: AxiosResponse) => {\r\n\t\t\treturn response;\r\n\t\t},\r\n\t\t(error: AxiosError) => {\r\n\t\t\tif (error.response && error.response.status === 401) {\r\n\t\t\t\twindow.location.replace(\r\n\t\t\t\t\t`${AccountUrls.Login}?ReturnUrl=${encodeURIComponent(window.location.pathname)}`,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\treturn Promise.reject(error);\r\n\t\t},\r\n\t);\r\n};\r\n","import React from 'react';\r\nimport UpChevronSVG from 'shared/components/svg/LeftChevronSVG';\r\nimport { Localizer } from 'services/Localizer';\r\n\r\n/**\r\n * Represents one breadcrumb item in a list of breadcrumb items that defines the breadcrumb trail\r\n */\r\nexport interface BreadcrumbItem {\r\n\tlabel: string;\r\n\turl?: string;\r\n}\r\n\r\ninterface BreadcrumbProps {\r\n\tbreadcrumbPath?: BreadcrumbItem[];\r\n\tbackToPage?: BreadcrumbItem;\r\n\trenderPathLink?: (item: BreadcrumbItem) => React.ReactNode;\r\n}\r\n\r\n/**\r\n * Renders a set of links that represent breadcrumbs for the current location.]\r\n * It can optionally render a \"back to page\" link when this is set in sessionStorage.\r\n */\r\nexport default function Breadcrumbs(props: BreadcrumbProps) {\r\n\tconst {\r\n\t\tbreadcrumbPath,\r\n\t\tbackToPage,\r\n\t\trenderPathLink = (item) => (\r\n\t\t\t<a href={item.url} className=\"roc-breadcrumbs-bar__link\" data-testid={'breadcrumb-link-' + item.label}>\r\n\t\t\t\t{item.label}\r\n\t\t\t</a>\r\n\t\t),\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-breadcrumbs-bar\">\r\n\t\t\t{backToPage && backToPage.url && window.history.length > 2 ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<div className=\"roc-breadcrumbs-bar__back-icon-wrapper\">\r\n\t\t\t\t\t\t<UpChevronSVG className=\"roc-breadcrumbs-bar__back-icon\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\tonClick={() => window.history.back()}\r\n\t\t\t\t\t\tclassName=\"roc-breadcrumbs-bar__back-link roc-btn-link\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{backToPage.label}\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t<span className=\"roc-breadcrumbs-bar__spacer\">|</span>\r\n\t\t\t\t</>\r\n\t\t\t) : null}\r\n\t\t\t{breadcrumbPath ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<a href=\"/\" className=\"roc-breadcrumbs-bar__link\" data-testid=\"breadcrumb-link-home\">\r\n\t\t\t\t\t\t{Localizer('Home')}\r\n\t\t\t\t\t</a>\r\n\t\t\t\t\t<div className=\"roc-breadcrumbs-bar__icon-wrapper\">/</div>\r\n\t\t\t\t\t{breadcrumbPath.map((entry, i) => (\r\n\t\t\t\t\t\t<React.Fragment key={i}>\r\n\t\t\t\t\t\t\t{renderPathLink(entry)}\r\n\t\t\t\t\t\t\t{i + 1 < breadcrumbPath.length ? (\r\n\t\t\t\t\t\t\t\t<div className=\"roc-breadcrumbs-bar__icon-wrapper\">/</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</>\r\n\t\t\t) : null}\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { ProductPricingLine, ProductPricingLinesDetails } from './types';\r\n\r\ninterface ProductPricingLinesProps {\r\n\tdetails?: ProductPricingLinesDetails;\r\n\tonPricingLineChange: (productPricingLine: CheckableLine) => void;\r\n\tclassName?: string;\r\n}\r\n\r\nexport type CheckableLine =\r\n\t| {\r\n\t\t\t/**\r\n\t\t\t * This is always populated if the product is for sale.\r\n\t\t\t * Under certain circumstances, it may be undefined/null.\r\n\t\t\t * This isn't desirable and will probably change in the future.\r\n\t\t\t */\r\n\t\t\treadonly pricingLine: ProductPricingLine | undefined;\r\n\t\t\treadonly isInitialization: boolean;\r\n\t\t\treadonly checked: boolean;\r\n\t  }\r\n\t| {\r\n\t\t\treadonly pricingLine: undefined;\r\n\t\t\treadonly isInitialization: true;\r\n\t\t\treadonly checked: false;\r\n\t  };\r\n\r\nexport const NoPricingLine: CheckableLine = {\r\n\tpricingLine: undefined,\r\n\tisInitialization: true,\r\n\tchecked: false,\r\n};\r\n\r\ninterface Checkable {\r\n\tchecked: boolean;\r\n}\r\n\r\ntype CheckablePricingLine = ProductPricingLine & Checkable;\r\n\r\nconst getCheckedPricingLine = (pricingLines: CheckablePricingLine[]): CheckablePricingLine => {\r\n\tconst checkedUnit = pricingLines.find((uom) => uom.checked);\r\n\r\n\tif (!checkedUnit) {\r\n\t\tthrow new Error('Unable to determine the selected unit of measure');\r\n\t}\r\n\r\n\treturn checkedUnit;\r\n};\r\n\r\nconst getPricingLineDropdownText = (pricingLine: ProductPricingLine) => {\r\n\tconst result = `${pricingLine.label} (${pricingLine.quantity} in ${pricingLine.unitOfMeasure.displayName})`;\r\n\r\n\treturn result;\r\n};\r\n\r\n/**\r\n * Displays items required to Add To Cart\r\n */\r\nexport default function ProductPricingLines(props: ProductPricingLinesProps) {\r\n\tconst [pricingLines, setPricingLines] = useState<CheckablePricingLine[]>([]);\r\n\r\n\tconst handlePricingLineChange = (newLine: CheckablePricingLine): void => {\r\n\t\tconst updatedPricingLines: CheckablePricingLine[] = pricingLines.map((line) => {\r\n\t\t\treturn {\r\n\t\t\t\t...line,\r\n\t\t\t\tchecked: line.id === newLine.id,\r\n\t\t\t};\r\n\t\t});\r\n\r\n\t\tsetPricingLines(updatedPricingLines);\r\n\r\n\t\tprops.onPricingLineChange({\r\n\t\t\tchecked: newLine.checked,\r\n\t\t\tisInitialization: false,\r\n\t\t\tpricingLine: newLine,\r\n\t\t});\r\n\t};\r\n\r\n\tconst { details, className } = props;\r\n\r\n\tuseEffect(() => {\r\n\t\tif (details?.selected == null || !Array.isArray(details.available) || details.available.length === 0) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst statefulPricingLines: CheckablePricingLine[] = details.available.map((line) => {\r\n\t\t\tconst statefulLine: CheckablePricingLine = {\r\n\t\t\t\t...line,\r\n\t\t\t\tchecked: line.id === details.selected!.id, // pre-select unit that was already loaded on the server-side\r\n\t\t\t};\r\n\t\t\treturn statefulLine;\r\n\t\t});\r\n\r\n\t\tsetPricingLines(statefulPricingLines);\r\n\t\tconst line = getCheckedPricingLine(statefulPricingLines);\r\n\t\tprops.onPricingLineChange({\r\n\t\t\tchecked: true,\r\n\t\t\tisInitialization: false,\r\n\t\t\tpricingLine: line,\r\n\t\t});\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [props.details]);\r\n\r\n\t/**\r\n\t * Event handler for blur and on change.\r\n\t *\r\n\t * @param {*} e\r\n\t */\r\n\tconst handleOnChangeAndBlur = (e) => {\r\n\t\tconst newValue = e.currentTarget.value;\r\n\t\tconst match = pricingLines.find((line) => line.id === newValue);\r\n\r\n\t\tif (match) {\r\n\t\t\tif (match.checked) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tmatch.checked = true;\r\n\t\t\thandlePricingLineChange(match);\r\n\t\t}\r\n\t};\r\n\r\n\tif (pricingLines.length <= 1) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst pricingLine = getCheckedPricingLine(pricingLines);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<label className={className} htmlFor=\"unitOfMeasure\">\r\n\t\t\t\t<span className=\"roc-visually-hidden\">{Localizer('UnitOfMeasure')}</span>\r\n\r\n\t\t\t\t<select\r\n\t\t\t\t\tname=\"unitOfMeasure\"\r\n\t\t\t\t\tid=\"unitOfMeasure\"\r\n\t\t\t\t\tclassName={`roc-form-input__input roc-pdp__uom ${className}-select`}\r\n\t\t\t\t\tvalue={pricingLine.id}\r\n\t\t\t\t\tonChange={handleOnChangeAndBlur}\r\n\t\t\t\t\tonBlur={handleOnChangeAndBlur}\r\n\t\t\t\t>\r\n\t\t\t\t\t{pricingLines.map((line) => (\r\n\t\t\t\t\t\t<option value={line.id} key={line.id}>\r\n\t\t\t\t\t\t\t{getPricingLineDropdownText(line)}\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</select>\r\n\t\t\t</label>\r\n\t\t</>\r\n\t);\r\n}\r\n","import type { Dialog } from '@reach/dialog';\r\nimport 'styles/node-modules/@reach/dialog/styles.css';\r\nimport classnames from 'classnames';\r\nimport React from 'react';\r\nimport { ModalSize } from './Modal';\r\nimport XSVG from './svg/XSVG';\r\nimport { Localizer } from 'services/Localizer';\r\nimport Spinner from './Spinner';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nconst LazyDialog = React.lazy<typeof Dialog>(() =>\r\n\timport('@reach/dialog').then((module) => ({ default: module.Dialog })),\r\n);\r\n\r\ninterface AlertProps {\r\n\tisOpen: boolean;\r\n\trenderTitle: () => React.ReactNode;\r\n\tchildren: React.ReactNode;\r\n\tonConfirm: () => void;\r\n\tonCancel: () => void;\r\n\tsize?: ModalSize;\r\n\ttheme?: AlertTheme;\r\n\tcancelButtonText?: string;\r\n\tconfirmButtonText?: string;\r\n\trenderActions?: () => React.ReactNode;\r\n\theaderDivider?: boolean;\r\n\tsubTitle?: string;\r\n}\r\n\r\ntype AlertTheme = 'default' | 'info' | 'success' | 'warning' | 'danger';\r\n\r\ninterface ActionsRenderProps {\r\n\ttheme?: AlertTheme;\r\n\tcancelButtonText?: string;\r\n\tconfirmButtonText?: string;\r\n\tonConfirm: () => void;\r\n\tonCancel: () => void;\r\n}\r\n\r\n/**\r\n * Reusuable alert component with raised open state, takes size, theme, title and contents as props.\r\n *\r\n * @export\r\n * @param {AlertProps} props\r\n * @returns\r\n */\r\nexport default function Alert(props: AlertProps) {\r\n\tconst {\r\n\t\tisOpen,\r\n\t\tsize = 'md',\r\n\t\ttheme = 'default',\r\n\t\tonConfirm,\r\n\t\tonCancel,\r\n\t\trenderTitle,\r\n\t\tcancelButtonText = Localizer('Cancel'),\r\n\t\tconfirmButtonText = Localizer('Confirm'),\r\n\t\trenderActions = (renderProps: ActionsRenderProps) => (\r\n\t\t\t<>\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tonClick={renderProps.onCancel}\r\n\t\t\t\t\tclassName=\"roc-btn roc-modal__btn roc-modal__btn-cancel\"\r\n\t\t\t\t\tdata-testid=\"roc-modal-btn-cancel\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{renderProps.cancelButtonText}\r\n\t\t\t\t</button>\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tonClick={renderProps.onConfirm}\r\n\t\t\t\t\tclassName={classnames('roc-btn roc-modal__btn roc-modal__btn-confirm', {\r\n\t\t\t\t\t\t'roc-modal__btn-confirm--default': renderProps.theme === 'default',\r\n\t\t\t\t\t\t'roc-modal__btn-confirm--info': renderProps.theme === 'info',\r\n\t\t\t\t\t\t'roc-modal__btn-confirm--success': renderProps.theme === 'success',\r\n\t\t\t\t\t\t'roc-modal__btn-confirm--warning': renderProps.theme === 'warning',\r\n\t\t\t\t\t\t'roc-modal__btn-confirm--danger': renderProps.theme === 'danger',\r\n\t\t\t\t\t})}\r\n\t\t\t\t\tdata-testid={`roc-modal-btn-confirm${\r\n\t\t\t\t\t\trenderProps.confirmButtonText ? '-' + toKebabCase(renderProps.confirmButtonText) : ''\r\n\t\t\t\t\t}`}\r\n\t\t\t\t>\r\n\t\t\t\t\t{renderProps.confirmButtonText}\r\n\t\t\t\t</button>\r\n\t\t\t</>\r\n\t\t),\r\n\t\theaderDivider = false,\r\n\t\tsubTitle,\r\n\t\tchildren,\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t<LazyDialog\r\n\t\t\t\tisOpen={!!isOpen}\r\n\t\t\t\tclassName={classnames('roc-modal', {\r\n\t\t\t\t\t'roc-modal--xs': size === 'xs',\r\n\t\t\t\t\t'roc-modal--sm': size === 'sm',\r\n\t\t\t\t\t'roc-modal--md': size === 'md',\r\n\t\t\t\t\t'roc-modal--lg': size === 'lg',\r\n\t\t\t\t\t'roc-modal--xlg': size === 'xlg',\r\n\t\t\t\t\t'roc-modal--default': theme === 'default',\r\n\t\t\t\t\t'roc-modal--info': theme === 'info',\r\n\t\t\t\t\t'roc-modal--success': theme === 'success',\r\n\t\t\t\t\t'roc-modal--warning': theme === 'warning',\r\n\t\t\t\t\t'roc-modal--danger': theme === 'danger',\r\n\t\t\t\t})}\r\n\t\t\t\tonDismiss={() => onCancel()}\r\n\t\t\t\tas={'div'}\r\n\t\t\t>\r\n\t\t\t\t<div className={classnames('roc-modal__header', { 'roc-modal__header--divider': headerDivider })}>\r\n\t\t\t\t\t<div className=\"roc-modal__title-close-wrapper\">\r\n\t\t\t\t\t\t<div className=\"roc-modal__title-container\">\r\n\t\t\t\t\t\t\t<h2 className=\"roc-modal__title\">{renderTitle()}</h2>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<div className=\"roc-modal__close\">\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\tclassName=\"roc-modal__close-btn\"\r\n\t\t\t\t\t\t\t\tonClick={() => onCancel()}\r\n\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\tdata-testid=\"roc-modal-close-btn\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<span className=\"roc-modal__close-text\">{Localizer('Close')}</span>\r\n\t\t\t\t\t\t\t\t<span className=\"roc-modal__close-icon\">\r\n\t\t\t\t\t\t\t\t\t<XSVG />\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t{subTitle ? <p className=\"roc_modal__subtitle\">{subTitle}</p> : null}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"roc-modal__body\">{children}</div>\r\n\t\t\t\t<div className=\"roc-modal__footer\">\r\n\t\t\t\t\t<div className=\"roc-modal__actions\">\r\n\t\t\t\t\t\t{renderActions({ theme, cancelButtonText, confirmButtonText, onCancel, onConfirm })}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</LazyDialog>\r\n\t\t</React.Suspense>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n/**\r\n * Info SVG component\r\n *\r\n * @returns\r\n */\r\nfunction InfoSVGAlternative({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tclassName={classnames('roc-icon', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M12,2.24A9.76,9.76,0,1,1,2.24,12,9.77,9.77,0,0,1,12,2.24M12,0A12,12,0,1,0,24,12,12,12,0,0,0,12,0Z\" />\r\n\t\t\t<polygon points=\"13 11 11 11 11 19 13 19 13 11 13 11\" />\r\n\t\t\t<path d=\"M12,6a1.5,1.5,0,1,0,1.5,1.5A1.5,1.5,0,0,0,12,6Z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\nexport default InfoSVGAlternative;\r\n","/* eslint-disable jsx-a11y/label-has-for */\r\nimport React from 'react';\r\nimport { AddOnAttributeDto, InputAttributeType, ProductAddOnDto } from './types';\r\nimport { Field } from 'react-final-form';\r\nimport { OnChange } from 'react-final-form-listeners';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { FieldArray } from 'react-final-form-arrays';\r\nimport { FormApi } from 'final-form';\r\nimport { TextAreaField, TextBoxField, ValidationMessages } from 'shared/edit/fields';\r\nimport {\r\n\tgetCustomMultilineAttributeComponent,\r\n\tgetCustomMultipleValueAttributeComponent,\r\n\tgetCustomProductAddOnsComponent,\r\n\tgetCustomSingleLineAttributeComponent,\r\n} from './strategy';\r\nimport classnames from 'classnames';\r\nimport FieldLabel from 'shared/edit/fields/FieldLabel';\r\n// #region HCL\r\n// import ProductPricing from 'shared/components/commerce/ProductPricing';\r\n// #endregion\r\nimport CheckboxInputField from 'shared/edit/fields/CheckboxInputField';\r\nimport InfoSVGAlternative from 'shared/components/svg/InfoSVGAlternative';\r\nimport { AxiosError } from 'axios';\r\n\r\nexport interface AddOnsFormValues {\r\n\taddOns: ProductAddOnDto[];\r\n\r\n\t/**\r\n\t * The possible network error that occurred when submitting the form. This is stored in the form so it can be synchronously set\r\n\t * and then used by the `onSubmit` function as part of the form values passed into it, so that it can handle them and set the correct\r\n\t * validation state on the form.\r\n\t */\r\n\taxiosError?: AxiosError;\r\n}\r\n\r\n/**\r\n * Product Add Ons Component props\r\n */\r\nexport interface ProductAddOnsProps {\r\n\t/**\r\n\t * The list of product add Ons\r\n\t */\r\n\taddOns: ProductAddOnDto[];\r\n\r\n\t/**\r\n\t * The names of add-ons available for child products, if this is a group product\r\n\t */\r\n\tchildAddOnNames: string[];\r\n\r\n\t/**\r\n\t * The product add ons formApi\r\n\t */\r\n\tformApi: FormApi<AddOnsFormValues>;\r\n\r\n\t/**\r\n\t * Updates product add ons\r\n\t */\r\n\tsetProductAddOns: (addOns: ProductAddOnDto[]) => void;\r\n\r\n\t/**\r\n\t * Defines if we need to hide the add ons details (attributes)\r\n\t * Used for group products\r\n\t */\r\n\thideAddOnsDetails?: boolean;\r\n}\r\n\r\n/**\r\n * Single product add on component props\r\n */\r\ninterface ProductAddOnFieldProps {\r\n\t/**\r\n\t * The product add on field name\r\n\t */\r\n\tfieldName: string;\r\n\t/**\r\n\t * The index of the current ad on\r\n\t */\r\n\tindex: number;\r\n\t/**\r\n\t * The product add ons formApi\r\n\t */\r\n\tformApi: FormApi<AddOnsFormValues>;\r\n}\r\n\r\n/**\r\n * Product Add Ons Component\r\n */\r\nexport default function DefaultProductAddOnsComponent(props: ProductAddOnsProps) {\r\n\tconst { formApi, childAddOnNames, setProductAddOns, hideAddOnsDetails } = props;\r\n\r\n\tif (!formApi) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn hideAddOnsDetails ? (\r\n\t\t<FieldArray name=\"addOns\">\r\n\t\t\t{({ fields }) => {\r\n\t\t\t\tconst availableAddOns: string[] = [];\r\n\t\t\t\tconst availableChildAddOns: string[] = [];\r\n\r\n\t\t\t\tfields.forEach((_fieldName, index) =>\r\n\t\t\t\t\tavailableAddOns.push(Localizer('PDPAddOnAvailableForItemMessage', fields.value[index].label)),\r\n\t\t\t\t);\r\n\t\t\t\tchildAddOnNames.forEach((_childName, index) =>\r\n\t\t\t\t\tavailableChildAddOns.push(\r\n\t\t\t\t\t\tLocalizer('PDPAddOnAvailableForSomeItemsMessage', childAddOnNames[index]),\r\n\t\t\t\t\t),\r\n\t\t\t\t);\r\n\r\n\t\t\t\treturn availableAddOns.length + childAddOnNames.length == 0 ? null : (\r\n\t\t\t\t\t<div className=\"roc-icon-text\">\r\n\t\t\t\t\t\t<div className=\"roc-icon-text__icon\">\r\n\t\t\t\t\t\t\t<InfoSVGAlternative />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className=\"roc-icon-text__text\" data-testid=\"available-add-ons-string\">\r\n\t\t\t\t\t\t\t{availableAddOns.join(', ')}\r\n\t\t\t\t\t\t\t{availableAddOns.length > 0 && availableChildAddOns.length > 0 ? ', ' : null}\r\n\t\t\t\t\t\t\t{availableChildAddOns.join(', ')}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t}}\r\n\t\t</FieldArray>\r\n\t) : (\r\n\t\t<FieldArray name=\"addOns\">\r\n\t\t\t{({ fields }) =>\r\n\t\t\t\tfields.map((fieldName, index) => (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<ProductAddOnField key={index} fieldName={fieldName} index={index} formApi={formApi} />\r\n\t\t\t\t\t\t<OnChange name={fieldName}>\r\n\t\t\t\t\t\t\t{() => {\r\n\t\t\t\t\t\t\t\tconst addOns = formApi.getFieldState('addOns')?.value ?? [];\r\n\t\t\t\t\t\t\t\tsetProductAddOns([...addOns]);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t</OnChange>\r\n\t\t\t\t\t</>\r\n\t\t\t\t))\r\n\t\t\t}\r\n\t\t</FieldArray>\r\n\t);\r\n}\r\n\r\n/**\r\n * This is the default strategy for picking out a single line attribute component. It only checks if a custom one has been defined,\r\n * and if that returns anything, that component is returned. Otherwise, we just return the default component.\r\n * If you need to customize this, change `getCustomSingleLineAttributeComponent`\r\n */\r\nexport function getProductAddOnsComponent(): React.ComponentType<ProductAddOnsProps> {\r\n\tconst customComponent = getCustomProductAddOnsComponent();\r\n\r\n\tif (customComponent !== undefined) {\r\n\t\treturn customComponent;\r\n\t}\r\n\r\n\treturn DefaultProductAddOnsComponent;\r\n}\r\n\r\n/**\r\n * Displays a single add on\r\n */\r\nexport function ProductAddOnField(props: ProductAddOnFieldProps) {\r\n\tconst { fieldName, index, formApi } = props;\r\n\r\n\treturn (\r\n\t\t<Field name={fieldName}>\r\n\t\t\t{({ input: { value } }: { input: { value: ProductAddOnDto } }) => (\r\n\t\t\t\t<div key={index} data-testid={`product-add-on-${index}`}>\r\n\t\t\t\t\t<div className=\"roc-panel roc-panel--slim\">\r\n\t\t\t\t\t\t<div className=\"roc-panel__section\">\r\n\t\t\t\t\t\t\t<div className=\"roc-checkbox-simple roc-accordion__header roc-accordion__header--align-top\">\r\n\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t{/* #region HCL - do not show checked checkbox if add on is required */}\r\n\t\t\t\t\t\t\t\t\t{!value.required ? (\r\n\t\t\t\t\t\t\t\t\t\t<Field name={`${fieldName}.selected`}>\r\n\t\t\t\t\t\t\t\t\t\t\t{({ input, meta }) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div data-testid={`product-add-on-${index}-checkbox`}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<CheckboxInputField\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdefaultValue={value.selected}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={value.required && value.selected}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tname={input.name}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinput={input}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmeta={meta}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={`${Localizer('ProductAddOnCheckboxLabel')} ${\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue.label\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t</Field>\r\n\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t{/* #endregion*/}\r\n\r\n\t\t\t\t\t\t\t\t\t{value.description ? (\r\n\t\t\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\t\t\t<span dangerouslySetInnerHTML={{ __html: value.description }} />\r\n\t\t\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t<span data-testid={`product-add-on-${index}-pricing`}>\r\n\t\t\t\t\t\t\t\t\t{/* #region HCL - do not show add-on price */}\r\n\t\t\t\t\t\t\t\t\t{/*<ProductPricing\r\n\t\t\t\t\t\t\t\t\t\tdisplayPrice={value.unitPrice}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"roc-pdp-addon-price\"\r\n\t\t\t\t\t\t\t\t\t\tinline\r\n\t\t\t\t\t\t\t\t\t\ttestId=\"pdp-main-price\"\r\n\t\t\t\t\t\t\t\t\t/>*/}\r\n\t\t\t\t\t\t\t\t\t{/*// #endregion*/}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t<div className=\"roc-accordion__content\" data-testid={`product-add-on-${index}-attributes`}>\r\n\t\t\t\t\t\t\t\t{value.selected && value.attributes && value.attributes.length > 0 ? (\r\n\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t{/* #region HCL*/}\r\n\t\t\t\t\t\t\t\t\t\t{index === 0 && <p>{Localizer('RequiredFields')}</p>}\r\n\t\t\t\t\t\t\t\t\t\t{/* #endregion*/}\r\n\t\t\t\t\t\t\t\t\t\t<FieldArray name={`${fieldName}.attributes`}>\r\n\t\t\t\t\t\t\t\t\t\t\t{({ fields }) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\tfields.map((fieldName, index) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Field name={fieldName} key={index}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{({\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinput: { value },\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmeta,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}: {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinput: { value: AddOnAttributeDto };\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmeta;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ProductAddOnAttributeField\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfieldName={fieldName}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattributeIndex={index}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tformApi={formApi}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattribute={value}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taddOnIndex={props.index}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ValidationMessages\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tid={fieldName + '-invalid'}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmeta={meta}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Field>\r\n\t\t\t\t\t\t\t\t\t\t\t\t))\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t</FieldArray>\r\n\t\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n\r\n/**\r\n * Single product add on attribute component props\r\n */\r\nexport interface ProductAddOnAttributeFieldProps {\r\n\t/**\r\n\t * The add on attribute fieldname\r\n\t */\r\n\tfieldName: string;\r\n\t/**\r\n\t * The add on attribute index\r\n\t */\r\n\tattributeIndex: number;\r\n\t/**\r\n\t * The add ons formapi\r\n\t */\r\n\tformApi: FormApi<AddOnsFormValues>;\r\n\t/**\r\n\t * The attribute data\r\n\t */\r\n\tattribute: AddOnAttributeDto;\r\n\t/**\r\n\t * The add on index\r\n\t */\r\n\taddOnIndex: number;\r\n}\r\n\r\n/**\r\n * Single product add on attribute component\r\n */\r\nfunction ProductAddOnAttributeField(props: ProductAddOnAttributeFieldProps) {\r\n\tconst { fieldName, attributeIndex, formApi, attribute, addOnIndex } = props;\r\n\r\n\tif (!attribute) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tif (attribute.inputAttributeType == InputAttributeType.Single) {\r\n\t\tconst SingleLineAttributeComponent = getSingleLineAttributeComponent();\r\n\r\n\t\treturn (\r\n\t\t\t<SingleLineAttributeComponent\r\n\t\t\t\taddOnIndex={addOnIndex}\r\n\t\t\t\tattribute={attribute}\r\n\t\t\t\tfieldName={fieldName}\r\n\t\t\t\tattributeIndex={attributeIndex}\r\n\t\t\t\tformApi={formApi}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n\r\n\tif (attribute.inputAttributeType == InputAttributeType.Multiline) {\r\n\t\tconst MultiLineAttributeComponent = getMultilineAttributeComponent();\r\n\r\n\t\treturn (\r\n\t\t\t<MultiLineAttributeComponent\r\n\t\t\t\taddOnIndex={addOnIndex}\r\n\t\t\t\tattribute={attribute}\r\n\t\t\t\tfieldName={fieldName}\r\n\t\t\t\tattributeIndex={attributeIndex}\r\n\t\t\t\tformApi={formApi}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n\r\n\tconst MultiValueAttributeComponent = getMultiValueAttributeComponent();\r\n\r\n\treturn (\r\n\t\t<MultiValueAttributeComponent\r\n\t\t\taddOnIndex={addOnIndex}\r\n\t\t\tattribute={attribute}\r\n\t\t\tfieldName={fieldName}\r\n\t\t\tattributeIndex={attributeIndex}\r\n\t\t\tformApi={formApi}\r\n\t\t/>\r\n\t);\r\n}\r\n\r\n/**\r\n * Attribute value length constraint message component props\r\n */\r\ninterface ProductAddOnAttributeValueLengthProps {\r\n\t/**\r\n\t * The minimum allowed value length\r\n\t */\r\n\tminimumLength?: number | null;\r\n\t/**\r\n\t * The maximum allowed value length\r\n\t */\r\n\tmaximumLength?: number | null;\r\n\t/**\r\n\t * The maximum allowed number of lines\r\n\t */\r\n\tmaximumLines?: number | null;\r\n}\r\n\r\nfunction AttributeValueLengthMessage(props: ProductAddOnAttributeValueLengthProps) {\r\n\tconst { minimumLength, maximumLength, maximumLines } = props;\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t{minimumLength && maximumLength && (\r\n\t\t\t\t<p>{Localizer('MinimumAndMaximumLengthMessage', minimumLength.toString(), maximumLength.toString())}</p>\r\n\t\t\t)}\r\n\t\t\t{minimumLength && !maximumLength && <p>{Localizer('MinimumLengthMessage', minimumLength.toString())}</p>}\r\n\t\t\t{!minimumLength && maximumLength && <p>{Localizer('MaximumLengthMessage', maximumLength.toString())}</p>}\r\n\t\t\t{maximumLines && <p>{Localizer('MaximumLinesMessage', maximumLines.toString())}</p>}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\n/**\r\n * Default rendering for an individual Single Line attribute\r\n */\r\nfunction DefaultSingleLineAttributeComponent(props: ProductAddOnAttributeFieldProps) {\r\n\tconst { attributeIndex, attribute, fieldName, addOnIndex } = props;\r\n\treturn (\r\n\t\t<Field name={fieldName}>\r\n\t\t\t{({}) => (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tkey={attributeIndex}\r\n\t\t\t\t\t\tclassName=\"roc-pdp-selections__item\"\r\n\t\t\t\t\t\tdata-testid={`product-add-on-${addOnIndex}-attribute-${attributeIndex}`}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<FieldLabel\r\n\t\t\t\t\t\t\tlabel={attribute.label}\r\n\t\t\t\t\t\t\tisRequired={attribute.required}\r\n\t\t\t\t\t\t\tname={`${fieldName}.data`}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t{attribute.instructions && <span>{attribute.instructions}</span>}\r\n\t\t\t\t\t\t<Field name={`${fieldName}.data`}>\r\n\t\t\t\t\t\t\t{({}) => (\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t<TextBoxField\r\n\t\t\t\t\t\t\t\t\t\tname={`${fieldName}.data`}\r\n\t\t\t\t\t\t\t\t\t\ttestId={`product-add-on-${addOnIndex}-attribute-${attributeIndex}-textBox`}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t{/* #region HCL -do not show the built-in field description */}\r\n\t\t\t\t\t\t\t\t\t{/*<AttributeValueLengthMessage\r\n\t\t\t\t\t\t\t\t\t\tminimumLength={attribute.minimumLength}\r\n\t\t\t\t\t\t\t\t\t\tmaximumLength={attribute.maximumLength}\r\n\t\t\t\t\t\t\t\t\t\tmaximumLines={attribute.maximumNumberOfLines}\r\n\t\t\t\t\t\t\t\t\t/>*/}\r\n\t\t\t\t\t\t\t\t\t{/* #endregion*/}\r\n\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</Field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n\r\n/**\r\n * This is the default strategy for picking out a single line attribute component. It only checks if a custom one has been defined,\r\n * and if that returns anything, that component is returned. Otherwise, we just return the default component.\r\n * If you need to customize this, change `getCustomSingleLineAttributeComponent`\r\n */\r\nfunction getSingleLineAttributeComponent(): React.ComponentType<ProductAddOnAttributeFieldProps> {\r\n\tconst customComponent = getCustomSingleLineAttributeComponent();\r\n\r\n\tif (customComponent !== undefined) {\r\n\t\treturn customComponent;\r\n\t}\r\n\r\n\treturn DefaultSingleLineAttributeComponent;\r\n}\r\n\r\n/**\r\n * Default rendering for an individual Multiline attribute\r\n */\r\nfunction DefaultMultiLineAttributeComponent(props: ProductAddOnAttributeFieldProps) {\r\n\tconst { attributeIndex, attribute, fieldName, addOnIndex } = props;\r\n\r\n\t/**\r\n\t * Limit the number of lines if multiline max given.\r\n\t *\r\n\t * @param {*} value\r\n\t * @return {*}\r\n\t */\r\n\tconst limitMultiline = (value) => {\r\n\t\tif (attribute.maximumNumberOfLines) {\r\n\t\t\tconst newLines = value.split('\\n').length - 1;\r\n\t\t\tconst lastChar = value[value.length - 1];\r\n\r\n\t\t\tif (lastChar === '\\n' && newLines >= attribute.maximumNumberOfLines) {\r\n\t\t\t\treturn value.substring(0, value.length - 1);\r\n\t\t\t}\r\n\r\n\t\t\treturn value;\r\n\t\t}\r\n\r\n\t\treturn value;\r\n\t};\r\n\r\n\treturn (\r\n\t\t<Field name={fieldName}>\r\n\t\t\t{({ input: { name } }) => (\r\n\t\t\t\t<div\r\n\t\t\t\t\tkey={attributeIndex}\r\n\t\t\t\t\tclassName=\"roc-pdp-selections__item\"\r\n\t\t\t\t\tdata-testid={`product-add-on-${addOnIndex}-attribute-${attributeIndex}`}\r\n\t\t\t\t>\r\n\t\t\t\t\t<FieldLabel name={`${name}.data`} isRequired={attribute.required} label={attribute.label} />\r\n\t\t\t\t\t{attribute.instructions && <span>{attribute.instructions}</span>}\r\n\r\n\t\t\t\t\t<div className=\"roc-pdp-review-form__body\">\r\n\t\t\t\t\t\t<TextAreaField\r\n\t\t\t\t\t\t\tparse={limitMultiline}\r\n\t\t\t\t\t\t\trowLimit={attribute.maximumNumberOfLines ?? undefined}\r\n\t\t\t\t\t\t\trows={attribute.maximumNumberOfLines ?? undefined}\r\n\t\t\t\t\t\t\tmultiple={true}\r\n\t\t\t\t\t\t\tname={`${name}.data`}\r\n\t\t\t\t\t\t\tmaxLength={attribute.maximumLength ?? undefined}\r\n\t\t\t\t\t\t\ttestId={`product-add-on-${addOnIndex}-attribute-${attributeIndex}-textArea`}\r\n\t\t\t\t\t\t\tisRequired={attribute.required}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<AttributeValueLengthMessage\r\n\t\t\t\t\t\t\tminimumLength={attribute.minimumLength}\r\n\t\t\t\t\t\t\tmaximumLength={attribute.maximumLength}\r\n\t\t\t\t\t\t\tmaximumLines={attribute.maximumNumberOfLines}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n\r\n/**\r\n * This is the default strategy for picking out a multiline attribute component. It only checks if a custom one has been defined,\r\n * and if that returns anything, that component is returned. Otherwise, we just return the default component.\r\n * If you need to customize this, change `getCustomMultipleLineAttributeComponent`\r\n */\r\nfunction getMultilineAttributeComponent(): React.ComponentType<ProductAddOnAttributeFieldProps> {\r\n\tconst customComponent = getCustomMultilineAttributeComponent();\r\n\r\n\tif (customComponent !== undefined) {\r\n\t\treturn customComponent;\r\n\t}\r\n\r\n\treturn DefaultMultiLineAttributeComponent;\r\n}\r\n\r\n/**\r\n * Default rendering for an individual selection attribute\r\n */\r\nfunction DefaultMultiValueAttributeComponent(props: ProductAddOnAttributeFieldProps) {\r\n\tconst { attributeIndex, attribute, fieldName, addOnIndex, formApi } = props;\r\n\r\n\tconst resetSelectedValues = () => {\r\n\t\tformApi.batch(() => {\r\n\t\t\t// Set `selected` to false for all attributes\r\n\t\t\tfor (let i = 0; i < attribute.values.length; i++) {\r\n\t\t\t\tformApi.change<any>(`${fieldName}.values[${i}].selected`, false);\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tkey={attributeIndex}\r\n\t\t\tclassName=\"roc-pdp-selections__item\"\r\n\t\t\tdata-testid={`product-add-on-${addOnIndex}-attribute-${attributeIndex}`}\r\n\t\t>\r\n\t\t\t<div className=\"roc-inline-link-list roc-inline-link-list--flush\">\r\n\t\t\t\t<FieldLabel label={attribute.label} isRequired={attribute.required} name={`${fieldName}.values`} />\r\n\t\t\t\t{attribute.required ? null : (\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\tclassName=\"roc-inline-link-list__item roc-btn-link\"\r\n\t\t\t\t\t\tonClick={resetSelectedValues}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{Localizer('ClearPDPAddOnSelection')}\r\n\t\t\t\t\t</button>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\r\n\t\t\t{attribute.instructions ? <span>{attribute.instructions}</span> : null}\r\n\r\n\t\t\t<Field name={`${fieldName}.values`}>\r\n\t\t\t\t{({ meta }) => (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclassName=\"roc-pdp-selections__item-content\"\r\n\t\t\t\t\t\t\tdata-testid={`product-add-on-${addOnIndex}-attribute-${attributeIndex}-values`}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{attribute.values\r\n\t\t\t\t\t\t\t\t? attribute.values.map((selectionValue, valueIndex) => (\r\n\t\t\t\t\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\t\t\t\t\thtmlFor={`${fieldName}.values[${valueIndex}].selected`}\r\n\t\t\t\t\t\t\t\t\t\t\tkey={valueIndex}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={classnames('roc-pdp-selections__item-label', {\r\n\t\t\t\t\t\t\t\t\t\t\t\t'roc-pdp-selections__item-label--active': selectionValue.selected,\r\n\t\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-testid={`product-add-on-${addOnIndex}-attribute-${attributeIndex}-value-${valueIndex}-label`}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{selectionValue.label}\r\n\t\t\t\t\t\t\t\t\t\t\t<Field name={`${fieldName}.values[${valueIndex}].selected`} type=\"radio\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t{({ input: { name, onChange } }) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-pdp-selections__item-input roc-visually-hidden\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid={name}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={selectionValue.selected}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={selectionValue.value}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata-testid={`product-add-on-${addOnIndex}-attribute-${attributeIndex}-value-${valueIndex}-radio`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t</Field>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<OnChange name={`${fieldName}.values[${valueIndex}].selected`}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{(selected: boolean) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (selected) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst addOns = formApi.getFieldState('addOns')?.value;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (addOns) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst attribute =\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taddOns[addOnIndex].attributes[attributeIndex];\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfor (let i = 0; i < attribute.values.length; i++) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattribute.values[i].selected = i === valueIndex;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taddOns[addOnIndex].attributes[attributeIndex] = {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...attribute,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (addOns) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tformApi.change('addOns', [...addOns]);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t</OnChange>\r\n\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t  ))\r\n\t\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<ValidationMessages id={`${fieldName}.values` + '-invalid'} meta={meta} />\r\n\t\t\t\t\t</>\r\n\t\t\t\t)}\r\n\t\t\t</Field>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\n/**\r\n * This is the default strategy for picking out a selection attribute component. It only checks if a custom one has been defined,\r\n * and if that returns anything, that component is returned. Otherwise, we just return the default component.\r\n * If you need to customize this, change `getCustomMultipleValueAttributeComponent`\r\n */\r\nfunction getMultiValueAttributeComponent(): React.ComponentType<ProductAddOnAttributeFieldProps> {\r\n\tconst customComponent = getCustomMultipleValueAttributeComponent();\r\n\r\n\tif (customComponent !== undefined) {\r\n\t\treturn customComponent;\r\n\t}\r\n\r\n\treturn DefaultMultiValueAttributeComponent;\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Minus SVG\r\n *\r\n * @returns\r\n */\r\nfunction MinusSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg viewBox=\"0 0 24 24\" className={classnames('roc-icon roc-icon-minus', className)} {...rest}>\r\n\t\t\t<path d=\"M18,11 C18.5522847,11 19,11.4477153 19,12 C19,12.5128358 18.6139598,12.9355072 18.1166211,12.9932723 L18,13 L6,13 C5.44771525,13 5,12.5522847 5,12 C5,11.4871642 5.38604019,11.0644928 5.88337887,11.0067277 L6,11 L18,11 Z\"></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default MinusSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Play Media Button SVG\r\n */\r\nfunction PlayMediaSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 44 31\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-play', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t<g className=\"roc-icon-play__fill\" transform=\"translate(-108.000000, -752.000000)\" fillRule=\"nonzero\">\r\n\t\t\t\t\t<g transform=\"translate(90.000000, 291.000000)\">\r\n\t\t\t\t\t\t<g transform=\"translate(0.000000, 36.000000)\">\r\n\t\t\t\t\t\t\t<g transform=\"translate(18.000000, 425.000000)\">\r\n\t\t\t\t\t\t\t\t<path d=\"M43.0805773,4.85045052 C42.5745403,2.94120573 41.0835802,1.43754427 39.1905137,0.927255208 C35.7591946,0 22,0 22,0 C22,0 8.24088594,0 4.80948632,0.927255208 C2.91641978,1.437625 1.42545969,2.94120573 0.919422706,4.85045052 C0,8.31106771 0,15.5313229 0,15.5313229 C0,15.5313229 0,22.7515781 0.919422706,26.2121953 C1.42545969,28.1214401 2.91641978,29.5624557 4.80948632,30.0727448 C8.24088594,31 22,31 22,31 C22,31 35.7591141,31 39.1905137,30.0727448 C41.0835802,29.5624557 42.5745403,28.1214401 43.0805773,26.2121953 C44,22.7515781 44,15.5313229 44,15.5313229 C44,15.5313229 44,8.31106771 43.0805773,4.85045052 Z M17.4999689,22.0867734 L17.4999689,8.9758724 L28.9999231,15.5314844 L17.4999689,22.0867734 Z\"></path>\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t</g>\r\n\t\t\t\t</g>\r\n\t\t\t</g>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default PlayMediaSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * PDF file SVG\r\n */\r\nfunction FilePDFSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 24 31\"\r\n\t\t\tclassName={classnames('roc-icon', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t<g transform=\"translate(-118.000000, -651.000000)\" fill=\"#3F4044\" fillRule=\"nonzero\">\r\n\t\t\t\t\t<g transform=\"translate(90.000000, 291.000000)\">\r\n\t\t\t\t\t\t<g transform=\"translate(0.000000, 36.000000)\">\r\n\t\t\t\t\t\t\t<g transform=\"translate(0.000000, 300.000000)\">\r\n\t\t\t\t\t\t\t\t<path d=\"M48.4374531,54.7499911 C49.9901837,54.7499911 51.2499464,53.4902284 51.2499464,51.9374978 L51.2499464,32.4785827 C51.2499464,31.7344324 50.9511418,31.0137424 50.4237993,30.4863999 L45.5077725,25.5703731 C44.9804301,25.0430306 44.2655766,24.7442261 43.5214263,24.7442261 L31.5624933,24.7442261 C30.0097626,24.7500626 28.75,26.0098252 28.75,27.5625559 L28.75,51.9374978 C28.75,53.4902284 30.0097626,54.7499911 31.5624933,54.7499911 L48.4374531,54.7499911 Z M48.4374531,51.9374978 L31.5624933,51.9374978 L31.5624933,27.5625559 L40.9374709,27.5625559 L40.9374709,33.6562914 C40.9374709,34.4355749 41.564434,35.062538 42.3437176,35.062538 L48.4374531,35.062538 L48.4374531,51.9374978 Z M48.2089151,32.2500447 L43.7499642,32.2500447 L43.7499642,27.7910938 L48.2089151,32.2500447 Z M37.9199,45.966786 C39.2324198,45.5332276 40.6620695,44.9999914 41.9277258,44.7890773 C43.0351107,45.3867436 44.3300639,45.7851687 45.1972379,45.7851687 C46.6913749,45.7851687 46.8378589,44.1328174 46.222626,43.5175845 C45.5077725,42.8144612 43.4687264,43.0078087 42.4491746,43.1367261 C41.4413531,42.5214931 40.7675266,41.6718858 40.2929412,40.4238533 C40.5214792,39.4805191 40.8847138,38.0449757 40.6093696,37.1426112 C40.363265,35.6074471 38.3944854,35.7598248 38.1132475,36.796886 C37.8554699,37.7402774 38.0898444,39.05274 38.5234028,40.7285516 C37.9374667,42.1289045 37.0644562,44.0097937 36.4492233,45.0878818 C35.2773511,45.6914418 33.6953236,46.6230459 33.4609492,47.7949181 C33.2675445,48.7206857 34.984383,51.0292968 37.9199,45.966786 Z M39.5019275,39.2988446 C39.2440927,38.4844277 39.2499864,36.9082367 39.3964704,36.9082367 C39.8300288,36.9082367 39.7890591,38.7890687 39.5019275,39.2988446 Z M37.9667635,44.912101 C38.5351329,43.9219033 39.0214484,42.7441374 39.4140371,41.7070763 C39.9003526,42.5918169 40.5214792,43.3007767 41.1776819,43.7871495 C39.9589462,44.0390905 38.8984247,44.5547029 37.9667635,44.912101 Z M43.4921295,44.1621142 C45.5487995,44.0097937 45.888631,44.4785426 45.6777169,44.619133 C45.625537,44.6648505 45.2445548,44.9107998 43.4921295,44.1621142 Z M34.6151975,48.076156 C34.9140592,47.2734693 36.050741,46.3476445 36.3964661,46.0253796 C35.2831875,47.8008118 34.6151975,48.1171829 34.6151975,48.076156 Z\"></path>\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t</g>\r\n\t\t\t\t</g>\r\n\t\t\t</g>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default FilePDFSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Text file SVG\r\n */\r\nfunction FileWithTextSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 24 31\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-enlarge', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M20.4374531,30.7499911 C21.9901837,30.7499911 23.2499464,29.4902284 23.2499464,27.9374978 L23.2499464,8.4785827 C23.2499464,7.7344324 22.9511418,7.0137424 22.4237993,6.4863999 L17.5077725,1.5703731 C16.9804301,1.0430306 16.2655766,0.7442261 15.5214263,0.7442261 L3.5624933,0.7442261 C2.0097626,0.7500626 0.75,2.0098252 0.75,3.5625559 L0.75,27.9374978 C0.75,29.4902284 2.0097626,30.7499911 3.5624933,30.7499911 L20.4374531,30.7499911 Z M20.4374531,27.9374978 L3.5624933,27.9374978 L3.5624933,3.5625559 L12.9374709,3.5625559 L12.9374709,9.6562914 C12.9374709,10.4355749 13.564434,11.062538 14.3437176,11.062538 L20.4374531,11.062538 L20.4374531,27.9374978 Z M13,20 L13,22 L6,22 L6,20 L13,20 Z M18,15 L18,17 L6,17 L6,15 L18,15 Z M15.7499642,3.7910938 L20.2089151,8.2500447 L15.7499642,8.2500447 L15.7499642,3.7910938 Z\"\r\n\t\t\t\t\tfill=\"#3F4044\"\r\n\t\t\t\t\tfillRule=\"nonzero\"\r\n\t\t\t\t></path>\r\n\t\t\t</g>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default FileWithTextSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Word Document file SVG\r\n */\r\nfunction FileWordDocSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 24 31\"\r\n\t\t\tclassName={classnames('roc-icon', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t<g transform=\"translate(-118.000000, -551.000000)\" fill=\"#3F4044\" fillRule=\"nonzero\">\r\n\t\t\t\t\t<g transform=\"translate(90.000000, 291.000000)\">\r\n\t\t\t\t\t\t<g transform=\"translate(0.000000, 36.000000)\">\r\n\t\t\t\t\t\t\t<g transform=\"translate(0.000000, 200.000000)\">\r\n\t\t\t\t\t\t\t\t<path d=\"M48.4374531,54.7499911 C49.9901837,54.7499911 51.2499464,53.4902284 51.2499464,51.9374978 L51.2499464,32.4785827 C51.2499464,31.7344324 50.9511418,31.0137424 50.4237993,30.4863999 L45.5077725,25.5703731 C44.9804301,25.0430306 44.2655766,24.7442261 43.5214263,24.7442261 L31.5624933,24.7442261 C30.0097626,24.7500626 28.75,26.0098252 28.75,27.5625559 L28.75,51.9374978 C28.75,53.4902284 30.0097626,54.7499911 31.5624933,54.7499911 L48.4374531,54.7499911 Z M48.4374531,51.9374978 L31.5624933,51.9374978 L31.5624933,27.5625559 L40.9374709,27.5625559 L40.9374709,33.6562914 C40.9374709,34.4355749 41.564434,35.062538 42.3437176,35.062538 L48.4374531,35.062538 L48.4374531,51.9374978 Z M48.2089151,32.2500447 L43.7499642,32.2500447 L43.7499642,27.7910938 L48.2089151,32.2500447 Z M38.1132475,49.1132743 C38.4355123,49.1132743 38.7167502,48.8964665 38.7929677,48.5800953 L39.841759,44.3964887 C39.9296494,44.0331968 39.988243,43.6933654 40.0175398,43.3828307 L40.1874842,44.3964887 C40.1933206,44.419949 40.9257408,47.355466 41.2362755,48.5800953 C41.3124929,48.89063 41.5937308,49.1132743 41.9159957,49.1132743 L43.3632693,49.1132743 C43.6855342,49.1132743 43.966772,48.8964665 44.0429323,48.5800953 C45.2616679,43.7812558 45.8124708,41.6074557 46.0644118,40.6113643 C46.1757626,40.1660186 45.8417676,39.7382967 45.3847489,39.7382967 L44.458924,39.7382967 L44.458924,39.7500268 C44.1249862,39.7500268 43.8378547,39.9844013 43.7734246,40.3066661 C42.5663619,46.0312733 42.578092,45.8965194 42.5429588,46.3711048 C42.5312286,46.300781 42.5194984,46.2187843 42.5019318,46.1191637 C42.4550683,45.820302 42.5194984,46.1308939 41.1190882,40.2890995 C41.042928,39.9726711 40.7616901,39.7500268 40.4335888,39.7500268 L39.654248,39.7500268 C39.3319831,39.7500268 39.0507452,39.9726711 38.9687485,40.2832058 C37.5390415,46.0839732 37.5625019,45.9199225 37.5155812,46.3593746 C37.5097447,46.2949445 37.5039083,46.2128906 37.4862903,46.11327 C37.4453147,45.808629 36.6601374,41.8183698 36.3671693,40.3125026 C36.3027393,39.9844013 36.0156077,39.7441903 35.6757762,39.7441903 L34.691415,39.7441903 C34.234339,39.7441903 33.9004012,40.1719123 34.0058583,40.6113643 C34.4746072,42.5214931 35.5703191,47.0273647 35.9511776,48.5800953 C36.0273378,48.8964665 36.3085757,49.1132743 36.6366771,49.1132743 L38.1132475,49.1132743 Z\"></path>\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t</g>\r\n\t\t\t\t</g>\r\n\t\t\t</g>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default FileWordDocSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Excel file SVG\r\n */\r\nfunction FileExcelSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 24 31\"\r\n\t\t\tclassName={classnames('roc-icon', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M19.6874531,30.0057649 C21.2401837,30.0057649 22.4999464,28.7460023 22.4999464,27.1932717 L22.4999464,7.73435656 C22.4999464,6.99020626 22.2011418,6.2695163 21.6737993,5.74217381 L16.7577725,0.826147017 C16.2304301,0.298804524 15.5155766,0 14.7714263,0 L2.81249329,0 C1.25976262,0.0058364729 0,1.26559909 0,2.81832977 L0,27.1932717 C0,28.7460023 1.25976262,30.0057649 2.81249329,30.0057649 L19.6874531,30.0057649 Z M19.6874531,27.1932717 L2.81249329,27.1932717 L2.81249329,2.81832977 L12.1874709,2.81832977 L12.1874709,8.91206524 C12.1874709,9.69134881 12.814434,10.3183119 13.5937176,10.3183119 L19.6874531,10.3183119 L19.6874531,27.1932717 Z M19.4589151,7.50581859 L14.9999642,7.50581859 L14.9999642,3.04686774 L19.4589151,7.50581859 Z M8.9589859,24.3807784 C9.21676346,24.3807784 9.4511379,24.2401308 9.57421881,24.0116501 C10.8456544,21.6679056 10.9218718,21.3749376 11.2499732,20.6307873 C12.1230409,22.4003258 11.5956984,21.5624486 12.9257275,24.0116501 C13.0488085,24.2401308 13.2890194,24.3807784 13.5468541,24.3807784 L15.2343387,24.3807784 C15.7792478,24.3807784 16.1132428,23.7948423 15.8437351,23.3260934 L13.1249687,18.7557918 C13.1659957,18.6913617 14.9003437,15.7968144 15.8378414,14.1854902 C16.1132428,13.7167413 15.7734113,13.1308052 15.2343387,13.1308052 L13.5468541,13.1308052 C13.2890194,13.1308052 13.0546449,13.2714527 12.9316212,13.4999335 C11.8769363,15.4394163 11.6308316,15.9843254 11.2558097,16.8807962 C10.4413928,15.1757451 10.8515481,15.8671382 9.58005528,13.4999335 C9.45703159,13.2714527 9.21676346,13.1308052 8.9589859,13.1308052 L7.26560768,13.1308052 C6.72069855,13.1308052 6.38670352,13.7167413 6.65621124,14.1854902 L9.36914118,18.7557918 L6.65621124,23.3260934 C6.38086705,23.7948423 6.72069855,24.3807784 7.26560768,24.3807784 L8.9589859,24.3807784 Z\"\r\n\t\t\t\t\tfill=\"#3F4044\"\r\n\t\t\t\t\tfillRule=\"nonzero\"\r\n\t\t\t\t></path>\r\n\t\t\t</g>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default FileExcelSVG;\r\n","import React from 'react';\r\nimport { Asset, AssetType } from './types';\r\nimport PlayMediaSVG from 'shared/components/svg/PlayMediaSVG';\r\nimport FilePDFSVG from 'shared/components/svg/FilePDFSVG';\r\nimport FileWithTextSVG from 'shared/components/svg/FileWithTextSVG';\r\nimport FileWordDocSVG from 'shared/components/svg/FileWordDocSVG';\r\nimport FileExcelSVG from 'shared/components/svg/FileExcelSVG';\r\nimport FileSVG from 'shared/components/svg/FileSVG';\r\nimport QuestionMarkCircleSVG from 'shared/components/svg/QuestionMarkCircleSVG';\r\n\r\ninterface AssetDownloadIconProps {\r\n\tasset: Asset;\r\n\tassetIconClasses?: string;\r\n}\r\n\r\n/**\r\n * Icon for an asset based on its file type.\r\n */\r\nexport default function AssetIcon(props: AssetDownloadIconProps) {\r\n\tconst { asset, assetIconClasses } = props;\r\n\r\n\tif (asset.assetType === AssetType.Media || asset.assetType === AssetType.YouTube) {\r\n\t\treturn <PlayMediaSVG color=\"#383735\" className={assetIconClasses} />;\r\n\t} else if (asset.assetType === AssetType.Document) {\r\n\t\tconst fileExtension = asset.assetUrl.split('.').pop();\r\n\r\n\t\tswitch (fileExtension) {\r\n\t\t\tcase 'pdf':\r\n\t\t\t\treturn <FilePDFSVG className={assetIconClasses} />;\r\n\t\t\tcase 'txt':\r\n\t\t\tcase 'html':\r\n\t\t\tcase 'htm':\r\n\t\t\tcase 'xml':\r\n\t\t\t\treturn <FileWithTextSVG className={assetIconClasses} />;\r\n\t\t\tcase 'docx':\r\n\t\t\tcase 'doc':\r\n\t\t\tcase 'docm':\r\n\t\t\tcase 'dot':\r\n\t\t\tcase 'dotm':\r\n\t\t\tcase 'dotx':\r\n\t\t\t\treturn <FileWordDocSVG className={assetIconClasses} />;\r\n\t\t\tcase 'csv':\r\n\t\t\tcase 'xls':\r\n\t\t\tcase 'xlsx':\r\n\t\t\tcase 'xlsb':\r\n\t\t\tcase 'xlsm':\r\n\t\t\tcase 'xlt':\r\n\t\t\tcase 'xltm':\r\n\t\t\tcase 'xltx':\r\n\t\t\tcase 'xlw':\r\n\t\t\t\treturn <FileExcelSVG className={assetIconClasses} />;\r\n\t\t\tdefault:\r\n\t\t\t\treturn <FileSVG className={assetIconClasses} />;\r\n\t\t}\r\n\t} else {\r\n\t\treturn <QuestionMarkCircleSVG className={assetIconClasses} />;\r\n\t}\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Download SVG\r\n *\r\n * @returns\r\n */\r\nfunction DownloadSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg viewBox=\"0 0 32 32\" className={classnames('roc-icon roc-icon-download', className)} {...rest}>\r\n\t\t\t<path d=\"M16 18l8-8h-6v-8h-4v8h-6zM23.273 14.727l-2.242 2.242 8.128 3.031-13.158 4.907-13.158-4.907 8.127-3.031-2.242-2.242-8.727 3.273v8l16 6 16-6v-8z\"></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default DownloadSVG;\r\n","import React from 'react';\r\nimport { Asset } from './types';\r\nimport AssetIcon from './AssetIcon';\r\nimport DownloadSVG from 'shared/components/svg/DownloadSVG';\r\n\r\ninterface AssetDownloadIconProps {\r\n\tasset: Asset;\r\n\tassetIconClasses?: string;\r\n\tdownloadIconClasses?: string;\r\n}\r\n\r\n/**\r\n * Icon for downloading assets.\r\n */\r\nexport default function AssetDownloadIcon(props: AssetDownloadIconProps) {\r\n\tconst { asset, assetIconClasses, downloadIconClasses } = props;\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<AssetIcon asset={asset} assetIconClasses={assetIconClasses} />\r\n\t\t\t<div className={`${downloadIconClasses}-wrapper`}>\r\n\t\t\t\t<DownloadSVG className={downloadIconClasses} />\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n}\r\n","import React from 'react';\r\n\r\ninterface ExternalMediaIFrameProps {\r\n\tembeddedUrl: string;\r\n\ttitle: string;\r\n}\r\n/**\r\n * This component display external media videos on front end\r\n */\r\nexport default function ExternalMediaIFrame(props: ExternalMediaIFrameProps) {\r\n\tconst { embeddedUrl, title } = props;\r\n\treturn (\r\n\t\t<div className=\"roc-embed-responsive roc-embed-responsive--16by9\">\r\n\t\t\t<iframe\r\n\t\t\t\tdata-testid=\"external-media-frame\"\r\n\t\t\t\ttitle={title}\r\n\t\t\t\tsrc={embeddedUrl}\r\n\t\t\t\tframeBorder=\"0\"\r\n\t\t\t\tallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\r\n\t\t\t\tallowFullScreen\r\n\t\t\t\tclassName=\"roc-embed-responsive__item\"\r\n\t\t\t></iframe>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * HCL Zoom SVG\r\n *\r\n * @returns\r\n */\r\nfunction HclZoomSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tclassName={classnames('hcl-enlarge-icon', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M15.5 14h-0.79l-0.28-0.27c0.98-1.14 1.57-2.62 1.57-4.23 0-3.59-2.91-6.5-6.5-6.5s-6.5 2.91-6.5 6.5c0 3.59 2.91 6.5 6.5 6.5 1.61 0 3.090-0.59 4.23-1.57l0.27 0.28v0.79l5 4.99 1.49-1.49-4.99-5zM9.5 14c-2.49 0-4.5-2.010-4.5-4.5s2.010-4.5 4.5-4.5c2.49 0 4.5 2.010 4.5 4.5s-2.010 4.5-4.5 4.5z\"></path>\r\n\t\t\t<path d=\"M12 10h-2v2h-1v-2h-2v-1h2v-2h1v2h2z\"></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default HclZoomSVG;\r\n","import React from 'react';\r\nimport type { Dialog } from '@reach/dialog';\r\nimport { Localizer } from 'services/Localizer';\r\nimport XSVG from 'shared/components/svg/XSVG';\r\nimport Spinner from 'shared/components/Spinner';\r\nconst LazyDialog = React.lazy<typeof Dialog>(() =>\r\n\timport('@reach/dialog').then((module) => ({ default: module.Dialog })),\r\n);\r\n\r\ninterface ModalProps {\r\n\tisOpen: boolean;\r\n\tcloseModal: () => void;\r\n\tchildren?: React.ReactNode;\r\n}\r\n\r\nexport default function ProductImageModal(props: ModalProps) {\r\n\tconst { isOpen, closeModal, children } = props;\r\n\r\n\treturn (\r\n\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t<LazyDialog\r\n\t\t\t\tisOpen={isOpen}\r\n\t\t\t\tclassName=\"roc-image-modal\"\r\n\t\t\t\tonDismiss={() => closeModal()}\r\n\t\t\t\taria-label={Localizer('ProductImageModal')}\r\n\t\t\t\tas={'div'}\r\n\t\t\t>\r\n\t\t\t\t<div className=\"roc-modal__header\">\r\n\t\t\t\t\t<div className=\"roc-modal__title-container\" />\r\n\r\n\t\t\t\t\t<div className=\"roc-modal__close\">\r\n\t\t\t\t\t\t<button className=\"roc-modal__close-btn\" onClick={() => closeModal()} type=\"button\">\r\n\t\t\t\t\t\t\t<span className=\"roc-modal__close-text\">{Localizer('Close')}</span>\r\n\t\t\t\t\t\t\t<span className=\"roc-modal__close-icon\">\r\n\t\t\t\t\t\t\t\t<XSVG />\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div>{children}</div>\r\n\t\t\t</LazyDialog>\r\n\t\t</React.Suspense>\r\n\t);\r\n}\r\n","import classnames from 'classnames';\r\nimport React, { useEffect, useRef, useState } from 'react';\r\nimport type MediaQuery from 'react-responsive';\r\nimport AssetDownloadIcon from 'shared/assets/AssetDownloadIcon';\r\nimport AssetIcon from 'shared/assets/AssetIcon';\r\nimport ExternalMediaIFrame from 'shared/assets/ExternalMediaIFrame';\r\nimport LazyImage from 'shared/assets/LazyImage';\r\nimport { AssetType } from 'shared/assets/types';\r\nimport DownChevronSVG from 'shared/components/svg/DownChevronSVG';\r\n// #region HCL\r\nimport HclZoomSVG from 'shared/components/svg/HclZoomSVG';\r\n//#endregion\r\nimport LeftChevronSVG from 'shared/components/svg/LeftChevronSVG';\r\nimport RightChevronSVG from 'shared/components/svg/RightChevronSVG';\r\nimport UpChevronSVG from 'shared/components/svg/UpChevronSVG';\r\nimport useSmoothScrollingPolyfill from 'shared/hooks/useSmoothScrollingPolyfill';\r\nimport ProductImageModal from './ProductImageModal';\r\nimport Spinner from 'shared/components/Spinner';\r\nconst LazyMediaQuery = React.lazy<typeof MediaQuery>(() => import('react-responsive'));\r\n\r\n// #region HCL\r\nimport { ProductAsset } from './types';\r\nimport { Localizer } from 'services/Localizer';\r\n// #endregion\r\n\r\ninterface ProductAssetsProps {\r\n\tassets?: ProductAsset[] | null;\r\n\t// #region HCL\r\n\tsaleDiscount: number;\r\n\tisNewProduct: boolean;\r\n\t//#endregion\r\n}\r\n\r\nexport const productAssetPlaceholder: ProductAsset = {\r\n\taltText: 'Image not available',\r\n\tsortOrder: 1,\r\n\tthumbnailUrl: '/images/image-not-found-thumb.png',\r\n\tmainImageUrl: '/images/image-not-found.png',\r\n\tenlargedImageUrl: '/images/image-not-found.png',\r\n\tassetType: AssetType.Image,\r\n\tassetUrl: '/images/image-not-found.png',\r\n\tembeddedUrl: '',\r\n};\r\n\r\n/**\r\n * Returns the first asset from the set of provided assets or null if no default found\r\n */\r\nfunction initMainProductAsset(assets?: ProductAsset[] | null): ProductAsset | null {\r\n\tif (assets == null || assets.length === 0) {\r\n\t\treturn null;\r\n\t}\r\n\tconst defaultAsset = assets\r\n\t\t.sort(compareAssets)\r\n\t\t.find((asset) => asset.assetType === AssetType.Image || asset.assetType === AssetType.YouTube);\r\n\treturn defaultAsset || null;\r\n}\r\n\r\n/**\r\n * Returns list of alternative assets (including the main asset).\r\n */\r\nfunction initAltAssets(assets?: ProductAsset[] | null): ProductAsset[] {\r\n\tif (!assets || assets === null || assets.length === 0) {\r\n\t\treturn [productAssetPlaceholder];\r\n\t}\r\n\treturn assets.sort(compareAssets);\r\n}\r\n\r\nconst compareAssets = (a: ProductAsset, b: ProductAsset) => a.sortOrder - b.sortOrder;\r\n\r\n/**\r\n * Displays assets for a product, including alternate assets, and handles swapping\r\n */\r\nexport default function ProductAssets(props: ProductAssetsProps) {\r\n\tconst [mainAsset, setMainAsset] = useState(productAssetPlaceholder);\r\n\tconst [altAssets, setAltAssets] = useState<ProductAsset[]>([]);\r\n\tconst [isImageSliderModalOpen, setIsImageSliderModalOpen] = useState(false);\r\n\r\n\tconst carousel = useRef<HTMLUListElement>(null);\r\n\r\n\tconst nodes = new Map();\r\n\tuseSmoothScrollingPolyfill();\r\n\r\n\tuseEffect(() => {\r\n\t\tconst newMainAsset = initMainProductAsset(props.assets);\r\n\r\n\t\tif (newMainAsset) {\r\n\t\t\tsetMainAsset(newMainAsset);\r\n\t\t} else {\r\n\t\t\tsetMainAsset(productAssetPlaceholder);\r\n\t\t}\r\n\r\n\t\tconst initialThumbnails = initAltAssets(props.assets);\r\n\t\t// #region HCL\r\n\t\tconst assetsWithoutDocs = initialThumbnails.filter((it) => it.assetType !== AssetType.Document);\r\n\t\t// #endregion\r\n\t\tsetAltAssets(assetsWithoutDocs);\r\n\t}, [props.assets]);\r\n\r\n\t/**\r\n\t * Replaces the main image with the provided one\r\n\t * @param e\r\n\t * @param asset\r\n\t */\r\n\tfunction changeMainImage(e: React.MouseEvent<HTMLButtonElement, MouseEvent>, asset: ProductAsset): void {\r\n\t\te.preventDefault();\r\n\t\tsetMainAsset(asset);\r\n\t}\r\n\r\n\t/**\r\n\t * Scrolsl the carousel\r\n\t *\r\n\t * @param {boolean} up\r\n\t * @returns\r\n\t */\r\n\tfunction scrollCarousel(up: boolean) {\r\n\t\tif (Array.from(nodes.values()).length === 0) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (!carousel || !carousel.current) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst item = Array.from(nodes.values()).filter((node) => node != null)[0];\r\n\r\n\t\tif (window.innerWidth > 767) {\r\n\t\t\tcarousel.current.scrollBy(0, up ? -item.clientHeight : item.clientHeight);\r\n\t\t} else {\r\n\t\t\tcarousel.current.scrollBy(up ? -item.clientHeight : item.clientHeight, 0);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Handle previous button click\r\n\t *\r\n\t */\r\n\tfunction handlePreviousButton() {\r\n\t\tscrollCarousel(true);\r\n\t}\r\n\r\n\t/**\r\n\t * Handle next button click\r\n\t *\r\n\t */\r\n\tfunction handleNextButton() {\r\n\t\tscrollCarousel(false);\r\n\t}\r\n\r\n\tconst assetScroller = (\r\n\t\t<div className=\"roc-pdp-assets__scroller\" data-testid=\"asset-scroller\">\r\n\t\t\t<div className=\"roc-pdp-asset-scroller\">\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tonClick={handlePreviousButton}\r\n\t\t\t\t\tclassName=\"roc-pdp-asset-scroller__navigation roc-pdp-asset-scroller__navigation--up\"\r\n\t\t\t\t\taria-label=\"Previous\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<LazyMediaQuery maxWidth={767}>\r\n\t\t\t\t\t\t<LeftChevronSVG />\r\n\t\t\t\t\t</LazyMediaQuery>\r\n\t\t\t\t\t<LazyMediaQuery minWidth={768}>\r\n\t\t\t\t\t\t<UpChevronSVG />\r\n\t\t\t\t\t</LazyMediaQuery>\r\n\t\t\t\t</button>\r\n\t\t\t\t<ul ref={carousel} className=\"roc-pdp-asset-scroller__track\">\r\n\t\t\t\t\t{altAssets.map((altAsset, i) => (\r\n\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\tkey={altAsset.sortOrder}\r\n\t\t\t\t\t\t\tref={(c) => nodes.set(i, c)}\r\n\t\t\t\t\t\t\tclassName=\"roc-pdp-asset-scroller__item\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{altAsset.assetType === AssetType.Image || altAsset.assetType === AssetType.YouTube ? (\r\n\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\tclassName={\r\n\t\t\t\t\t\t\t\t\t\t'roc-pdp-asset-scroller__button' +\r\n\t\t\t\t\t\t\t\t\t\t(altAsset.mainImageUrl === mainAsset.mainImageUrl\r\n\t\t\t\t\t\t\t\t\t\t\t? ' roc-pdp-asset-scroller__button--active'\r\n\t\t\t\t\t\t\t\t\t\t\t: '')\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tonClick={(event) => changeMainImage(event, altAsset)}\r\n\t\t\t\t\t\t\t\t\taria-label=\"Select image\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{altAsset.assetType === AssetType.Image ? (\r\n\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\tsrc={altAsset.thumbnailUrl}\r\n\t\t\t\t\t\t\t\t\t\t\talt={altAsset.altText}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-pdp-asset-scroller__image\"\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t\t<AssetIcon\r\n\t\t\t\t\t\t\t\t\t\t\t\tasset={altAsset}\r\n\t\t\t\t\t\t\t\t\t\t\t\tassetIconClasses={classnames(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'roc-pdp-asset-scroller__image roc-pdp-asset-scroller__image--svg',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'roc-pdp-asset-scroller__image--svg-overlay':\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taltAsset.assetType === AssetType.YouTube,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t<LazyImage\r\n\t\t\t\t\t\t\t\t\t\t\t\talt={altAsset.altText}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={classnames('roc-pdp-asset-scroller__image', {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'roc-pdp-asset-scroller__image--overlay':\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taltAsset.assetType === AssetType.YouTube,\r\n\t\t\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\t\t\tsrc={altAsset.thumbnailUrl}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\thref={altAsset.assetUrl}\r\n\t\t\t\t\t\t\t\t\tdownload\r\n\t\t\t\t\t\t\t\t\tclassName=\"roc-pdp-asset-scroller__button\"\r\n\t\t\t\t\t\t\t\t\taria-label=\"Download asset\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<AssetDownloadIcon\r\n\t\t\t\t\t\t\t\t\t\tasset={altAsset}\r\n\t\t\t\t\t\t\t\t\t\tassetIconClasses=\"roc-pdp-asset-scroller__image roc-pdp-asset-scroller__image--svg\"\r\n\t\t\t\t\t\t\t\t\t\tdownloadIconClasses=\"roc-pdp-asset-scroller__button-download-icon\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</ul>\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tonClick={handleNextButton}\r\n\t\t\t\t\tclassName=\"roc-pdp-asset-scroller__navigation roc-pdp-asset-scroller__navigation--down\"\r\n\t\t\t\t\taria-label=\"Next\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<LazyMediaQuery maxWidth={767}>\r\n\t\t\t\t\t\t<RightChevronSVG />\r\n\t\t\t\t\t</LazyMediaQuery>\r\n\t\t\t\t\t<LazyMediaQuery minWidth={768}>\r\n\t\t\t\t\t\t<DownChevronSVG />\r\n\t\t\t\t\t</LazyMediaQuery>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n\r\n\tconst mainImageContent = (\r\n\t\t<div className=\"roc-pdp-assets__main\" data-testid=\"main-image-wrapper\">\r\n\t\t\t{mainAsset.assetType !== AssetType.YouTube ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{/* #region HCL */}\r\n\t\t\t\t\t{props.saleDiscount > 0 ? (\r\n\t\t\t\t\t\t<div className=\"roc-pdp-assets__product-sale\">\r\n\t\t\t\t\t\t\t<span className=\"roc-pdp-assets__product-sale-label\">{Localizer('Sale')}</span>\r\n\t\t\t\t\t\t\t<span className=\"roc-pdp-assets__product-sale-percentage\">{props.saleDiscount}%</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{props.isNewProduct ? (\r\n\t\t\t\t\t\t<div className=\"roc-pdp-assets__product-new\">\r\n\t\t\t\t\t\t\t<span className=\"roc-pdp-assets__product-label-new\">{Localizer('New')}</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{/* #endregion  */}\r\n\t\t\t\t\t<div className=\"roc-pdp-main-image__image-wrapper\">\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\tsrc={mainAsset.mainImageUrl}\r\n\t\t\t\t\t\t\talt={mainAsset.altText}\r\n\t\t\t\t\t\t\tclassName=\"roc-pdp-main-image__image\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"roc-pdp-main-image__options\">\r\n\t\t\t\t\t\t<div className=\"roc-pdp-main-image__options-item\">\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\tclassName=\"roc-pdp-main-image__option-btn\"\r\n\t\t\t\t\t\t\t\tonClick={() => setIsImageSliderModalOpen(true)}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<div className=\"roc-pdp-main-image__options-item-icon\">\r\n\t\t\t\t\t\t\t\t\t{/* #region HCL */}\r\n\t\t\t\t\t\t\t\t\t<HclZoomSVG />\r\n\t\t\t\t\t\t\t\t\t{/* #endregion  */}\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<ExternalMediaIFrame embeddedUrl={mainAsset.embeddedUrl} title={mainAsset.altText} />\r\n\t\t\t)}\r\n\t\t</div>\r\n\t);\r\n\r\n\treturn (\r\n\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t<>\r\n\t\t\t\t{\r\n\t\t\t\t\t<ProductImageModal\r\n\t\t\t\t\t\tisOpen={isImageSliderModalOpen}\r\n\t\t\t\t\t\tcloseModal={() => {\r\n\t\t\t\t\t\t\tsetIsImageSliderModalOpen(false);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\tsrc={mainAsset.enlargedImageUrl}\r\n\t\t\t\t\t\t\talt={mainAsset.altText}\r\n\t\t\t\t\t\t\tclassName=\"roc-pdp-main-image__fullscreen-image\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</ProductImageModal>\r\n\t\t\t\t}\r\n\t\t\t\t<div className=\"roc-pdp-assets\">\r\n\t\t\t\t\t<LazyMediaQuery maxWidth={767}>\r\n\t\t\t\t\t\t{mainImageContent}\r\n\t\t\t\t\t\t{assetScroller}\r\n\t\t\t\t\t</LazyMediaQuery>\r\n\t\t\t\t\t<LazyMediaQuery minWidth={768}>\r\n\t\t\t\t\t\t{assetScroller}\r\n\t\t\t\t\t\t{mainImageContent}\r\n\t\t\t\t\t</LazyMediaQuery>\r\n\t\t\t\t</div>\r\n\t\t\t</>\r\n\t\t</React.Suspense>\r\n\t);\r\n}\r\n","import { useEffect } from 'react';\r\nimport smoothscroll from 'smoothscroll-polyfill';\r\n\r\nexport default function useSmoothScrollingPolyfill() {\r\n\tuseEffect(() => {\r\n\t\tsmoothscroll.polyfill();\r\n\t}, []);\r\n}\r\n","var map = {\n\t\"./DefaultOrganizationOrderDetails\": [\n\t\t198,\n\t\t9,\n\t\t9,\n\t\t13\n\t],\n\t\"./DefaultOrganizationOrderDetails.tsx\": [\n\t\t198,\n\t\t9,\n\t\t9,\n\t\t13\n\t],\n\t\"./OrganizationOrderListing\": [\n\t\t239,\n\t\t9,\n\t\t18\n\t],\n\t\"./OrganizationOrderListing.tsx\": [\n\t\t239,\n\t\t9,\n\t\t18\n\t],\n\t\"./OrganizationOrders\": [\n\t\t241,\n\t\t9,\n\t\t3,\n\t\t4,\n\t\t5,\n\t\t6,\n\t\t14\n\t],\n\t\"./OrganizationOrders.tsx\": [\n\t\t241,\n\t\t9,\n\t\t3,\n\t\t4,\n\t\t5,\n\t\t6,\n\t\t14\n\t],\n\t\"./RocOrganizationOrderDetails\": [\n\t\t240,\n\t\t9,\n\t\t9\n\t],\n\t\"./RocOrganizationOrderDetails.tsx\": [\n\t\t240,\n\t\t9,\n\t\t9\n\t],\n\t\"./types\": [\n\t\t242,\n\t\t7,\n\t\t19\n\t],\n\t\"./types.ts\": [\n\t\t242,\n\t\t7,\n\t\t19\n\t],\n\t\"./useOrganizationOrderDetails\": [\n\t\t238,\n\t\t9,\n\t\t17\n\t],\n\t\"./useOrganizationOrderDetails.ts\": [\n\t\t238,\n\t\t9,\n\t\t17\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn Promise.all(ids.slice(2).map(__webpack_require__.e)).then(function() {\n\t\treturn __webpack_require__.t(id, ids[1])\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = 244;\nmodule.exports = webpackAsyncContext;","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Pagination as PaginationType } from 'shared/types';\r\nimport LeftChevronSVG from './svg/LeftChevronSVG';\r\nimport RightChevronSVG from './svg/RightChevronSVG';\r\nimport { Localizer } from 'services/Localizer';\r\nimport classnames from 'classnames';\r\nimport { createGuid } from './hawksearch/helpers/Cookies';\r\n\r\ninterface PaginationProps {\r\n\tpagination: PaginationType;\r\n\tgoToNextPage: () => void;\r\n\tgoToPreviousPage: () => void;\r\n\tgoToPage: (page: number) => void;\r\n\tflush?: boolean;\r\n}\r\n\r\nexport default function Pagination(props: PaginationProps) {\r\n\tconst {\r\n\t\tflush,\r\n\t\t// #region HCL\r\n\t\tpagination: { totalPages, pageNumber },\r\n\t\t// #endregion\r\n\t\tgoToNextPage,\r\n\t\tgoToPage,\r\n\t\tgoToPreviousPage,\r\n\t} = props;\r\n\r\n\tconst [uniqueId] = useState(`pagination-input-${createGuid()}`);\r\n\r\n\tconst [localPageNumber, setLocalPageNumber] = useState<string | undefined>(undefined);\r\n\r\n\tconst timerRef = useRef<NodeJS.Timeout | null>(null);\r\n\r\n\t// make sure that the local page number state override is cleared out whenever the pagination page number\r\n\t// changes. this happens whenever a server request is completed and the lifted pagination state is updated\r\n\tuseEffect(() => {\r\n\t\tsetLocalPageNumber(undefined);\r\n\t}, [pageNumber]);\r\n\r\n\tfunction attemptGoToPage(newPageNumber: number) {\r\n\t\tif (newPageNumber < 1 || newPageNumber > totalPages) {\r\n\t\t\t// an invalid page number was entered, so clear out the user entry and do nothing.\r\n\t\t\tsetLocalPageNumber(undefined);\r\n\t\t} else {\r\n\t\t\tgoToPage(newPageNumber);\r\n\t\t}\r\n\t}\r\n\r\n\t// debounce the pager updates\r\n\tuseEffect(() => {\r\n\t\tif (timerRef.current) {\r\n\t\t\tclearTimeout(timerRef.current);\r\n\t\t}\r\n\r\n\t\ttimerRef.current = setTimeout(() => {\r\n\t\t\tif (localPageNumber) {\r\n\t\t\t\tattemptGoToPage(parseInt(localPageNumber));\r\n\t\t\t}\r\n\t\t}, 500);\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [localPageNumber]);\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={classnames('roc-pagination', {\r\n\t\t\t\t'roc-pagination--flush': flush,\r\n\t\t\t})}\r\n\t\t>\r\n\t\t\t<button\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\tclassName=\"roc-pagination__prev-btn\"\r\n\t\t\t\tonClick={goToPreviousPage}\r\n\t\t\t\t// #region HCL\r\n\t\t\t\tdisabled={pageNumber <= 1}\r\n\t\t\t\t// #endregion\r\n\t\t\t\tdata-testid=\"pagination-left-btn\"\r\n\t\t\t\taria-label={Localizer('Previous')}\r\n\t\t\t>\r\n\t\t\t\t<LeftChevronSVG className=\"roc-pagination__icon\" />\r\n\t\t\t</button>\r\n\r\n\t\t\t<label htmlFor={uniqueId}>\r\n\t\t\t\t<input\r\n\t\t\t\t\ttype=\"number\"\r\n\t\t\t\t\tclassName=\"roc-pagination__input roc-form-input__input\"\r\n\t\t\t\t\tdata-testid=\"pagination-page-number-input\"\r\n\t\t\t\t\tvalue={localPageNumber !== undefined ? localPageNumber : pageNumber}\r\n\t\t\t\t\tonChange={(event) => {\r\n\t\t\t\t\t\tsetLocalPageNumber(event.currentTarget.value);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyDown={(event) => {\r\n\t\t\t\t\t\tif (event.key === 'Enter' && localPageNumber) {\r\n\t\t\t\t\t\t\t// clear any pending debounce timeouts\r\n\t\t\t\t\t\t\tif (timerRef.current) {\r\n\t\t\t\t\t\t\t\tclearTimeout(timerRef.current);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tattemptGoToPage(parseInt(localPageNumber));\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tid={uniqueId}\r\n\t\t\t\t/>\r\n\t\t\t</label>\r\n\r\n\t\t\t<span className=\"roc-pagination__total-text\">{Localizer('OfTotalPages', totalPages.toLocaleString())}</span>\r\n\r\n\t\t\t<button\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\tclassName=\"roc-pagination__next-btn\"\r\n\t\t\t\tonClick={goToNextPage}\r\n\t\t\t\t// #region HCL\r\n\t\t\t\tdisabled={pageNumber >= totalPages}\r\n\t\t\t\t// #endregion\r\n\t\t\t\tdata-testid=\"pagination-right-btn\"\r\n\t\t\t\taria-label={Localizer('Next')}\r\n\t\t\t>\r\n\t\t\t\t<RightChevronSVG className=\"roc-pagination__icon\" />\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Generic file SVG\r\n */\r\nfunction FileSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 24 31\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-enlarge', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M20.4374531,30.7499911 C21.9901837,30.7499911 23.2499464,29.4902284 23.2499464,27.9374978 L23.2499464,8.4785827 C23.2499464,7.7344324 22.9511418,7.0137424 22.4237993,6.4863999 L17.5077725,1.5703731 C16.9804301,1.0430306 16.2655766,0.7442261 15.5214263,0.7442261 L3.5624933,0.7442261 C2.0097626,0.7500626 0.75,2.0098252 0.75,3.5625559 L0.75,27.9374978 C0.75,29.4902284 2.0097626,30.7499911 3.5624933,30.7499911 L20.4374531,30.7499911 Z M20.4374531,27.9374978 L3.5624933,27.9374978 L3.5624933,3.5625559 L12.9374709,3.5625559 L12.9374709,9.6562914 C12.9374709,10.4355749 13.564434,11.062538 14.3437176,11.062538 L20.4374531,11.062538 L20.4374531,27.9374978 Z M20.2089151,8.2500447 L15.7499642,8.2500447 L15.7499642,3.7910938 L20.2089151,8.2500447 Z\"\r\n\t\t\t\t\tfillRule=\"nonzero\"\r\n\t\t\t\t></path>\r\n\t\t\t</g>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default FileSVG;\r\n","import React from 'react';\r\nimport classnames from 'classnames';\r\nimport CircleExclamationSVG from 'shared/components/svg/CircleExclamationSVG';\r\nimport { useField } from 'react-final-form';\r\n\r\ninterface FieldInputErrorWrapperProps {\r\n\thideIcon?: boolean;\r\n\tchildren: React.ReactNode;\r\n\tinline?: boolean;\r\n\tname: string;\r\n}\r\n\r\n/**\r\n * Component for handling the invalid styles for inputs.\r\n *\r\n * @export\r\n * @param {FieldInputErrorWrapperProps} props\r\n * @returns\r\n */\r\nexport default function FieldInputErrorWrapper(props: FieldInputErrorWrapperProps) {\r\n\tconst { hideIcon = false, children, inline = false, name } = props;\r\n\tconst { meta } = useField(name);\r\n\tconst invalid =\r\n\t\t(meta.error || (meta.submitError && !meta.dirtySinceLastSubmit && !meta.submitting)) &&\r\n\t\tmeta.touched &&\r\n\t\tmeta.invalid\r\n\t\t\t? meta.invalid\r\n\t\t\t: false;\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={classnames('roc-form-input__input-wrapper', {\r\n\t\t\t\t'roc-form-input__input-wrapper--invalid': invalid,\r\n\t\t\t\t'roc-form-input__input-wrapper--inline': inline,\r\n\t\t\t})}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t\t{invalid && !hideIcon ? <CircleExclamationSVG className=\"roc-form-input__input-wrapper-icon\" /> : null}\r\n\t\t</div>\r\n\t);\r\n}\r\n","import 'intersection-observer';\r\n\r\nif (document.readyState !== 'loading') {\r\n\tlazyLoadImages();\r\n} else {\r\n\tdocument.addEventListener('DOMContentLoaded', function () {\r\n\t\tlazyLoadImages();\r\n\t});\r\n}\r\n\r\n/**\r\n * Initializes lazy loading for image assets.\r\n * Example usage:\r\n * <img class=\"roc-lazy-image\" \r\n\t\tsrc=\"/images/placeholder/placeholder-image.png\"\r\n\t\tdata-src=\"/images/my-actual-image.jpg\" alt=\"\" />\r\n */\r\nexport function lazyLoadImages() {\r\n\t// Get our lazy-loaded images\r\n\tconst lazyImages = [].slice.call(document.querySelectorAll('.roc-lazy-image'));\r\n\r\n\tconst defaultDelay = 10;\r\n\t// Create new observer object\r\n\tconst lazyImageObserver = new IntersectionObserver(function (entries) {\r\n\t\t// Loop through IntersectionObserverEntry objects\r\n\t\tentries.forEach(function (entry) {\r\n\t\t\t// Do these if the target intersects with the root\r\n\t\t\tif (entry.isIntersecting) {\r\n\t\t\t\tconst lazyImage = entry.target as HTMLImageElement;\r\n\r\n\t\t\t\tif (lazyImage.dataset.src) {\r\n\t\t\t\t\tlazyImage.src = lazyImage.dataset.src;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst attributeDelay = Number(lazyImage.getAttribute('data-roc-lazy-delay')) || defaultDelay;\r\n\t\t\t\tlazyImage.classList.remove('roc-lazy-image--inactive');\r\n\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tlazyImage.classList.add('roc-lazy-image--loaded');\r\n\t\t\t\t\tlazyImageObserver.unobserve(lazyImage);\r\n\t\t\t\t}, attributeDelay);\r\n\t\t\t}\r\n\t\t});\r\n\t});\r\n\r\n\t// Loop through and observe each image\r\n\tlazyImages.forEach(function (lazyImage) {\r\n\t\tlazyImageObserver.observe(lazyImage);\r\n\t});\r\n}\r\n\r\ninterface LazyElementsArgs {\r\n\t/**\r\n\t * The elements to observe\r\n\t */\r\n\telements: HTMLElement[];\r\n\r\n\t/**\r\n\t * The callback function called when the intersection observer fires.\r\n\t */\r\n\tcallback: (isIntersecting: boolean) => void;\r\n\r\n\t/**\r\n\t * The amount of time to delay before calling the callback. Defaults to 0.\r\n\t */\r\n\tdelay?: number;\r\n\r\n\t/**\r\n\t * Stop listening to changes once the element has been in the viewport.\r\n\t */\r\n\tstopAfterIntersecting?: boolean;\r\n}\r\n\r\n/**\r\n * Helper to receive a callback when an element becomes visible in a viewport, or when it leaves the viewport.\r\n * This is useful if you need to do a vanilla JS implementation (without React).\r\n */\r\nexport function lazyElements({ elements, callback, delay = 0, stopAfterIntersecting = true }: LazyElementsArgs) {\r\n\tconst lazyElementObserver = new IntersectionObserver(function (entries) {\r\n\t\tentries.forEach((entry) => {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tcallback(entry.isIntersecting);\r\n\t\t\t}, delay);\r\n\r\n\t\t\tif (stopAfterIntersecting && entry.isIntersecting) {\r\n\t\t\t\tlazyElementObserver.unobserve(entry.target);\r\n\t\t\t}\r\n\t\t});\r\n\t});\r\n\r\n\telements.forEach((lazyElement) => {\r\n\t\tlazyElementObserver.observe(lazyElement);\r\n\t});\r\n}\r\n","import { UseAxiosPaginatedLoaderResult, useAxiosPaginatedLoader } from 'shared/hooks/useAxiosPaginatedLoader';\r\nimport { PaginatedResult } from 'shared/types';\r\nimport { ShoppingListDto } from './types';\r\n\r\n/**\r\n * useShoppingLists hook result object\r\n */\r\ninterface UseShoppingListsResult\r\n\textends UseAxiosPaginatedLoaderResult<ShoppingListDto, PaginatedResult<ShoppingListDto>> {}\r\n\r\ninterface UseShoppingListsParams {\r\n\tinitialPageSize?: number;\r\n\t// #region HCL\r\n\tproductId?: string;\r\n\t// #endregion\r\n}\r\n\r\n/**\r\n * Custom hook for my account Shopping Lists\r\n */\r\nexport function useShoppingListLoader({ initialPageSize, productId }: UseShoppingListsParams): UseShoppingListsResult {\r\n\tconst {\r\n\t\tpage,\r\n\t\tgoToPage,\r\n\t\tgoToNextPage,\r\n\t\tgoToPreviousPage,\r\n\t\tsetSorting,\r\n\t\tsetPageSize,\r\n\t\terror,\r\n\t\tloading,\r\n\t\tresults,\r\n\t\tsortByName,\r\n\t\tsortDirection,\r\n\t} = useAxiosPaginatedLoader<ShoppingListDto, PaginatedResult<ShoppingListDto>>({\r\n\t\taxiosParams: {\r\n\t\t\turl: `/ajax/shopping-lists`,\r\n\t\t},\r\n\t\tinitialPageSize: initialPageSize || 20,\r\n\t\t// #region HCL\r\n\t\tquery: `productId=${productId || ''}`,\r\n\t\t// #endregion\r\n\t});\r\n\r\n\treturn {\r\n\t\tpage,\r\n\t\tgoToPage,\r\n\t\tgoToNextPage,\r\n\t\tgoToPreviousPage,\r\n\t\tsetSorting,\r\n\t\tsetPageSize,\r\n\t\terror,\r\n\t\tloading,\r\n\t\tresults,\r\n\t\tsortByName,\r\n\t\tsortDirection,\r\n\t};\r\n}\r\n","/* eslint-disable jsx-a11y/label-has-for */\r\nimport React from 'react';\r\nimport { WithTestIdOptional } from 'shared-client/types/test';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport OptionalFieldMarker from '../OptionalFieldMarker';\r\n\r\nexport interface FieldLabelProps extends WithTestIdOptional {\r\n\tlabel: string;\r\n\tname: string;\r\n\tid?: string;\r\n\tisRequired: boolean;\r\n\thtmlFor?: string;\r\n\tchildren?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Wrapper component for all field labels for ease of use.\r\n */\r\nexport default function FieldLabel(props: FieldLabelProps) {\r\n\tconst { label, id, isRequired, htmlFor, children, testId } = props;\r\n\r\n\tif (!label || !label.trim()) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<label\r\n\t\t\tclassName=\"roc-form-input-label\"\r\n\t\t\thtmlFor={htmlFor}\r\n\t\t\tid={id ? id : htmlFor + '-label'}\r\n\t\t\tdata-testid={testId || `field-label-${toKebabCase(label)}`}\r\n\t\t>\r\n\t\t\t{label}\r\n\t\t\t{!isRequired ? <OptionalFieldMarker /> : null}\r\n\t\t\t{children ? children : null}\r\n\t\t</label>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { Field, FieldProps, FieldRenderProps } from 'react-final-form';\r\nimport CheckboxInputField from './CheckboxInputField';\r\nimport { BaseInputProps } from './InputField';\r\n\r\nexport type InputFieldProps = FieldProps<boolean, FieldRenderProps<boolean, HTMLElement>> & BaseInputProps;\r\n\r\n/**\r\n * Component that renders a checkbox field\r\n */\r\nexport default function CheckBoxField({\r\n\tname,\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\tlabel = '',\r\n\tafterSubmit,\r\n\tallowNull,\r\n\tbeforeSubmit,\r\n\tformatOnBlur,\r\n\tinitialValue,\r\n\tisEqual,\r\n\tsubscription,\r\n\tdefaultValue,\r\n}: InputFieldProps) {\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\ttype=\"checkbox\"\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tinitialValue={initialValue}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tdefaultValue={defaultValue}\r\n\t\t>\r\n\t\t\t{({ input, meta }) => (\r\n\t\t\t\t<CheckboxInputField\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\tinput={input}\r\n\t\t\t\t\tmeta={meta}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tlabel={label}\r\n\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { Field, FieldProps, FieldRenderProps } from 'react-final-form';\r\nimport { DropdownOption } from 'shared-client/types/fields';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport { FormFieldProps, ValidationMessages } from '.';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport FieldLabel from './FieldLabel';\r\nexport type DropdownProps = FormFieldProps & {\r\n\taddSelectOption?: boolean;\r\n\toptions: DropdownOption[];\r\n\t// #region HCL\r\n\tdefaultValue?: any;\r\n\t// #endregion\r\n};\r\n\r\nexport type DropdownFieldProps = DropdownProps &\r\n\tFieldProps<DropdownOption, FieldRenderProps<DropdownOption, HTMLElement>>;\r\n\r\n/**\r\n * Component that renders a Dropdown field component\r\n */\r\nexport default function DropdownField({\r\n\tname,\r\n\tisRequired = true,\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\taddSelectOption = true,\r\n\toptions,\r\n\tlabel = '',\r\n\tafterSubmit,\r\n\tallowNull,\r\n\tbeforeSubmit,\r\n\tformatOnBlur,\r\n\tisEqual,\r\n\tsubscription,\r\n\tvalidateFields,\r\n\ttestId,\r\n\t// #region HCL\r\n\tdefaultValue\r\n\t// #endregion\r\n}: DropdownFieldProps) {\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tvalidateFields={validateFields}\r\n\t\t\t// #region HCL\r\n\t\t\tdefaultValue={defaultValue?.value}\r\n\t\t    // #endregion\r\n\t\t>\r\n\t\t\t{({ input: { value, onChange, onFocus, onBlur }, meta }) => (\r\n\t\t\t\t<div className={meta.dirty ? 'roc-form-group roc-form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t\t\t<FieldLabel label={label} name={name} isRequired={isRequired} htmlFor={name} />\r\n\t\t\t\t\t<FieldInputErrorWrapper name={name} hideIcon>\r\n\t\t\t\t\t\t<select\r\n\t\t\t\t\t\t\tclassName=\"roc-form-input__input\"\r\n\t\t\t\t\t\t\tid={name}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\t\tonFocus={onFocus}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t\t// #region HCL\r\n\t\t\t\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\t\t\t    // #endregion\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{addSelectOption ? <option value=\"\" /> : null}\r\n\t\t\t\t\t\t\t{options.map((option, index) => (\r\n\t\t\t\t\t\t\t\t<option\r\n\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\tvalue={option.value}\r\n\t\t\t\t\t\t\t\t\tdisabled={readOnly}\r\n\t\t\t\t\t\t\t\t\tdata-testid={`field-${toKebabCase(name)}-option-${toKebabCase(option.text)}`}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{option.text}\r\n\t\t\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</select>\r\n\t\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport StarRating from '~/shared/components/star-rating/StarRating';\r\nimport { Field } from 'react-final-form';\r\nimport OptionalFieldMarker from '../OptionalFieldMarker';\r\nimport ValidationMessages from './ValidationMessages';\r\nimport { FormFieldProps } from '.';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport { LocalizedSpan } from 'services/Localizer';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n\r\nexport interface StarRatingFieldProps extends FormFieldProps {\r\n\t/**\r\n\t * The maximum number of stars to display (default is 5)\r\n\t */\r\n\tmaxRating?: number;\r\n}\r\n\r\n/**\r\n * Reusable RFF-compatible field that displays a star rating input\r\n * @param props\r\n */\r\nexport default function StarRatingField({\r\n\tname,\r\n\tlabel = '',\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\tmaxRating = 5,\r\n\tisRequired = true,\r\n\ttestId,\r\n}: StarRatingFieldProps) {\r\n\treturn (\r\n\t\t<Field name={name}>\r\n\t\t\t{({ input: { value, onChange }, meta }) => (\r\n\t\t\t\t<FieldInputErrorWrapper name={name} inline>\r\n\t\t\t\t\t<fieldset className=\"roc-rating\">\r\n\t\t\t\t\t\t<legend className=\"roc-form-input-label\">\r\n\t\t\t\t\t\t\t{label} {!isRequired ? <OptionalFieldMarker /> : null}\r\n\t\t\t\t\t\t</legend>\r\n\r\n\t\t\t\t\t\t<div className=\"roc-rating__group\">\r\n\t\t\t\t\t\t\t<StarRating\r\n\t\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\t\t\tmaxRating={maxRating}\r\n\t\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\t\treadonly={readOnly || disabled}\r\n\t\t\t\t\t\t\t\ttestId={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<div className=\"roc-rating__text roc-visually-hidden\">\r\n\t\t\t\t\t\t\t<LocalizedSpan\r\n\t\t\t\t\t\t\t\tresourceKey=\"XOutOfYStars\"\r\n\t\t\t\t\t\t\t\targs={[\r\n\t\t\t\t\t\t\t\t\t`<span className=\"roc-rating__text-current\">${value}</span>\r\n\t\t\t\t\t\t\t<span id=${name} className=\"roc-rating__text-max\">`,\r\n\t\t\t\t\t\t\t\t\t`<span className=\"roc-rating__text-max-number\">${maxRating}</span>\r\n\t\t\t\t\t\t\t</span>`,\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t\t\t\t</fieldset>\r\n\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import * as React from 'react';\r\nimport { ValidationMessages, FormFieldProps } from '.';\r\nimport { FieldProps, Field, FieldRenderProps } from 'react-final-form';\r\nimport FieldLabel from './FieldLabel';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport classnames from 'classnames';\r\n\r\nexport type TextAreaFieldProps = FieldProps<string, FieldRenderProps<string, HTMLElement>> &\r\n\tFormFieldProps & {\r\n\t\trows?: number;\r\n\t\tplaceholder?: string;\r\n\t\tmaxLength?: number;\r\n\t};\r\n\r\n/**\r\n * Component that renders a textarea input component.\r\n */\r\nexport default function TextAreaField({\r\n\tname,\r\n\tisRequired = true,\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\tplaceholder = '',\r\n\tlabel = '',\r\n\trows = 5,\r\n\tvalidate,\r\n\tafterSubmit,\r\n\tallowNull,\r\n\tbeforeSubmit,\r\n\tcomponent,\r\n\tdefaultValue,\r\n\tformat,\r\n\tformatOnBlur,\r\n\tinitialValue,\r\n\tisEqual,\r\n\tparse,\r\n\trender,\r\n\tsubscription,\r\n\tvalue,\r\n\ttestId,\r\n\tmaxLength,\r\n}: TextAreaFieldProps) {\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\tvalidate={validate}\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tcomponent={component}\r\n\t\t\tdefaultValue={defaultValue}\r\n\t\t\tformat={format}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tinitialValue={initialValue}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tparse={parse}\r\n\t\t\trender={render}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tvalue={value}\r\n\t\t>\r\n\t\t\t{({ input, meta }) => (\r\n\t\t\t\t<div className={meta.dirty ? 'roc-form-group roc-form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t\t\t<FieldLabel label={label} name={name} isRequired={isRequired} htmlFor={name} />\r\n\t\t\t\t\t<FieldInputErrorWrapper name={name}>\r\n\t\t\t\t\t\t<textarea\r\n\t\t\t\t\t\t\tclassName={classnames('roc-form-input__input', {\r\n\t\t\t\t\t\t\t\t'roc-form-input__input--no-min-height': rows,\r\n\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\tid={name}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tvalue={input.value}\r\n\t\t\t\t\t\t\tonChange={input.onChange}\r\n\t\t\t\t\t\t\tonBlur={input.onBlur}\r\n\t\t\t\t\t\t\tonFocus={input.onFocus}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\t\trows={rows}\r\n\t\t\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t\tmaxLength={maxLength}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { FieldRenderProps } from 'react-final-form';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport { FormFieldProps, ValidationMessages } from '.';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport FieldLabel from './FieldLabel';\r\n\r\nexport interface BaseInputProps extends FormFieldProps {\r\n\ttype?: string;\r\n\tstep?: string;\r\n}\r\n\r\nexport type InputFieldProps = FieldRenderProps<string, HTMLElement> &\r\n\tBaseInputProps & {\r\n\t\tplaceholder?: string;\r\n\t};\r\n\r\nexport type HTMLInputRef = React.MutableRefObject<any>;\r\n/**\r\n * Component that renders an input with form field.\r\n */\r\nconst InputField = React.forwardRef((props: InputFieldProps, ref: HTMLInputRef) => {\r\n\tconst {\r\n\t\tinput: { name, onChange, value },\r\n\t\tmeta,\r\n\t\ttype,\r\n\t\tlabel = '',\r\n\t\tisRequired = true,\r\n\t\tdisabled = false,\r\n\t\treadOnly = false,\r\n\t\tplaceholder = '',\r\n\t\tstep,\r\n\t\ttestId,\r\n\t\t// #region HCL\r\n\t\tmaxLength,\r\n\t\t// #endregion\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t<div className={meta.dirty ? 'roc-form-group roc-form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t<FieldLabel label={label} name={name} isRequired={isRequired} htmlFor={name} />\r\n\t\t\t<FieldInputErrorWrapper name={name} inline={type === 'checkbox'}>\r\n\t\t\t\t<input\r\n\t\t\t\t\tref={ref}\r\n\t\t\t\t\tclassName=\"roc-form-input__input\"\r\n\t\t\t\t\tid={name}\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\ttype={type}\r\n\t\t\t\t\tvalue={value}\r\n\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tstep={step}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t// #region HCL\r\n\t\t\t\t\tmaxLength={maxLength}\r\n\t\t\t\t\t// #endregion\r\n\t\t\t\t/>\r\n\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t</div>\r\n\t);\r\n});\r\n\r\nexport default InputField;\r\n","import React from 'react';\r\nimport { Field, FieldProps, FieldRenderProps } from 'react-final-form';\r\nimport InputField, { BaseInputProps, HTMLInputRef } from './InputField';\r\n\r\nexport type InputFieldProps = FieldProps<string, FieldRenderProps<string, HTMLElement>> & BaseInputProps;\r\n\r\n/**\r\n * Component that renders a text box component, of the specified type\r\n */\r\nconst TextBoxField = React.forwardRef((props: InputFieldProps, ref: HTMLInputRef) => {\r\n\tconst {\r\n\t\tname,\r\n\t\ttype = 'text',\r\n\t\tisRequired = true,\r\n\t\treadOnly = false,\r\n\t\tdisabled = false,\r\n\t\tplaceholder = '',\r\n\t\tlabel = '',\r\n\t\tvalidate,\r\n\t\tafterSubmit,\r\n\t\tallowNull,\r\n\t\tbeforeSubmit,\r\n\t\tcomponent,\r\n\t\tdefaultValue,\r\n\t\tformat,\r\n\t\tformatOnBlur,\r\n\t\tinitialValue,\r\n\t\tisEqual,\r\n\t\tparse,\r\n\t\trender,\r\n\t\tsubscription,\r\n\t\tvalue,\r\n\t\ttestId,\r\n\t\t// #region HCL\r\n\t\tmaxLength,\r\n\t\t// # endregion\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\tvalidate={validate}\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tcomponent={component}\r\n\t\t\tdefaultValue={defaultValue}\r\n\t\t\tformat={format}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tinitialValue={initialValue}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tparse={parse}\r\n\t\t\trender={render as any}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tvalue={value}\r\n\t\t>\r\n\t\t\t{({ input, meta }) => (\r\n\t\t\t\t<InputField\r\n\t\t\t\t\tref={ref}\r\n\t\t\t\t\tisRequired={isRequired}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\ttype={type}\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\tlabel={label}\r\n\t\t\t\t\tinput={input}\r\n\t\t\t\t\tmeta={meta}\r\n\t\t\t\t\ttestId={testId}\r\n\t\t\t\t\t// #region HCL\r\n\t\t\t\t\tmaxLength={maxLength}\r\n\t\t\t\t\t// #endregion\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n});\r\n\r\nexport default TextBoxField;\r\n","import React from 'react';\r\nimport classnames from 'classnames';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { AxiosError } from 'axios';\r\nimport XSVG from 'shared/components/svg/XSVG';\r\n\r\ntype Theme = 'danger' | 'warning' | 'info' | 'success';\r\n\r\nexport interface ErrorAlertProps {\r\n\t/**\r\n\t * The title of the error message such as \"Uh Oh!\" or \"An Unexpected Error has Occurred!\"\r\n\t */\r\n\ttitle: string;\r\n\r\n\t/**\r\n\t * The error message to display if an error object doesn't have a more appropriate message.\r\n\t */\r\n\tmessage: React.ReactNode | string;\r\n\r\n\tchildren?: any;\r\n\r\n\ttheme?: Theme;\r\n\r\n\tisTitleOnOwnRow?: boolean;\r\n\r\n\t/** The error responsible for this message. */\r\n\terror: AxiosError | Error | null;\r\n\r\n\t/**\r\n\t * Method from parent that handles collapse state.\r\n\t */\r\n\tonCollapse?: (collased: boolean) => void;\r\n\r\n\t/**\r\n\t * Controlled collapse state from parent.\r\n\t */\r\n\tisCollapsed?: boolean;\r\n}\r\n\r\n/**\r\n * Reusable Error Alert Component.\r\n */\r\nexport default function InlineAlert(props: ErrorAlertProps) {\r\n\tconst {\r\n\t\ttitle = InlineAlert.defaultProps.title,\r\n\t\tchildren,\r\n\t\ttheme = 'danger',\r\n\t\tisTitleOnOwnRow = false,\r\n\t\terror = InlineAlert.defaultProps.error,\r\n\t\tisCollapsed = false,\r\n\t\tonCollapse,\r\n\t} = props;\r\n\r\n\tlet { message = InlineAlert.defaultProps.message } = props;\r\n\r\n\tconst axiosError = error as AxiosError | null;\r\n\tif (axiosError?.isAxiosError && axiosError != null && axiosError.response == null && axiosError.request != null) {\r\n\t\tmessage = Localizer('ErrorMessageNetwork');\r\n\t}\r\n\r\n\tif (axiosError?.isAxiosError && (axiosError?.response?.status === 401 || axiosError?.response?.status === 403)) {\r\n\t\tmessage = Localizer('ErrorMessageForbidden');\r\n\t}\r\n\r\n\tif (axiosError?.response?.data?.message) {\r\n\t\tmessage = axiosError.response.data.message;\r\n\t}\r\n\r\n\tif (isCollapsed) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tdata-testid=\"inline-alert-window\"\r\n\t\t\tclassName={classnames('roc-alert', {\r\n\t\t\t\t'roc-alert-danger': theme === 'danger',\r\n\t\t\t\t'roc-alert-warning': theme === 'warning',\r\n\t\t\t\t'roc-alert-info': theme === 'info',\r\n\t\t\t\t'roc-alert-success': theme === 'success',\r\n\t\t\t})}\r\n\t\t>\r\n\t\t\t{onCollapse ? (\r\n\t\t\t\t<button type=\"button\" className=\"roc-alert__close-btn\" onClick={() => onCollapse(true)}>\r\n\t\t\t\t\t<XSVG />\r\n\t\t\t\t</button>\r\n\t\t\t) : null}\r\n\r\n\t\t\t{title ? (\r\n\t\t\t\t<strong className={classnames('roc-alert-title', { 'roc-alert-title--space': isTitleOnOwnRow })}>\r\n\t\t\t\t\t{title}\r\n\t\t\t\t</strong>\r\n\t\t\t) : null}\r\n\r\n\t\t\t{message ? <span data-testid=\"inline-alert-text\">{message}</span> : null}\r\n\r\n\t\t\t{children ? <> {children}</> : null}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\n/**\r\n * Error Alert Default Props\r\n */\r\nInlineAlert.defaultProps = {\r\n\ttitle: Localizer('ErrorMessageGenericTitle'),\r\n\tmessage: Localizer('UnexpectedErrorOccurred'),\r\n\terror: null,\r\n};\r\n","import { useState } from 'react';\r\nimport Axios, { CancelTokenSource, AxiosError } from 'axios';\r\nimport AxiosHelper from 'services/AxiosHelper';\r\nimport { FormValidationPromise } from 'shared/types';\r\nimport { handleAxiosErrorWithValidation } from 'shared/util/Misc';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { MY_ACCOUNT_SHOPPING_LISTS_URL } from 'features/my-account/routes.commerce';\r\nimport { AddToListProps, BulkAddToListProps, ShoppingListDto } from './types';\r\nimport { AddToListResponse, BulkAddToListResponse } from 'services/UserData.Commerce';\r\n\r\nexport interface ShoppingListsState {\r\n\tisSaving: boolean;\r\n\tshoppingListBeingEdited: ShoppingListDto | null;\r\n\tshoppingList: ShoppingListDto | null;\r\n\terror: Error | AxiosError | null;\r\n\terrorMessage: string | null;\r\n\tisDeleting: boolean;\r\n}\r\n\r\nexport interface ShoppingListsActor {\r\n\tbeginCreateShoppingList: () => void;\r\n\tbeginEditShoppingList: (shopingList: ShoppingListDto) => void;\r\n\tsaveShoppingList: (formValues: ShoppingListDto) => FormValidationPromise<void>;\r\n\tstopEditingShoppingList: () => void;\r\n\taddProductToList: (props: AddToListProps) => Promise<AddToListResponse | null>;\r\n\tbulkAddProductToList: (props: BulkAddToListProps) => Promise<BulkAddToListResponse | null>;\r\n\tremoveShoppingList: (shoppingList: ShoppingListDto) => Promise<void>;\r\n}\r\n\r\nexport interface UseShoppingLists {\r\n\tstate: ShoppingListsState;\r\n\tactor: ShoppingListsActor;\r\n}\r\n\r\nexport function useShoppingLists(): UseShoppingLists {\r\n\tconst [shoppingListBeingEdited, setShoppingListBeingEdited] = useState<ShoppingListDto | null>(null);\r\n\tconst [error, setError] = useState<Error | AxiosError | null>(null);\r\n\tconst [errorMessage, setErrorMessage] = useState<string | null>(null);\r\n\tconst [isSaving, setIsSaving] = useState(false);\r\n\tconst [shoppingList, setShoppingList] = useState<ShoppingListDto | null>(null);\r\n\tconst [isDeleting, setIsDeleting] = useState(false);\r\n\r\n\t/**\r\n\t * Begin creating an shopping list\r\n\t */\r\n\tconst beginEditShoppingList = (shoppingList: ShoppingListDto) => {\r\n\t\tsetShoppingListBeingEdited(shoppingList);\r\n\t};\r\n\r\n\tconst beginCreateShoppingList = () => {\r\n\t\tsetShoppingListBeingEdited({} as ShoppingListDto);\r\n\t};\r\n\r\n\tconst stopEditingShoppingList = () => {\r\n\t\tsetError(null);\r\n\t\tsetShoppingListBeingEdited(null);\r\n\t};\r\n\r\n\t/**\r\n\t * Creates an shopping list associated to the current user on the server\r\n\t */\r\n\tconst saveShoppingList = async (formValues: ShoppingListDto): FormValidationPromise<void> => {\r\n\t\t// sanity check\r\n\t\tif (!shoppingListBeingEdited) {\r\n\t\t\treturn Promise.resolve();\r\n\t\t}\r\n\r\n\t\tsetIsSaving(true);\r\n\r\n\t\tconst requestToken: CancelTokenSource = Axios.CancelToken.source();\r\n\r\n\t\tconst shoppingList: ShoppingListDto = {\r\n\t\t\t...formValues,\r\n\t\t};\r\n\r\n\t\ttry {\r\n\t\t\tconst response = await AxiosHelper.post<ShoppingListDto>(\r\n\t\t\t\t`/ajax${MY_ACCOUNT_SHOPPING_LISTS_URL}/edit`,\r\n\t\t\t\tshoppingList,\r\n\t\t\t\t{\r\n\t\t\t\t\tcancelToken: requestToken.token,\r\n\t\t\t\t},\r\n\t\t\t);\r\n\r\n\t\t\tsetShoppingListBeingEdited(null);\r\n\t\t\tsetShoppingList(response.data);\r\n\t\t\tsetError(null);\r\n\t\t} catch (error) {\r\n\t\t\tif (Axios.isCancel(error)) {\r\n\t\t\t\t// if the component was unmounted, there's nothing to do\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tsetError(error);\r\n\r\n\t\t\treturn handleAxiosErrorWithValidation(error, Localizer('SaveErrorMessage'));\r\n\t\t} finally {\r\n\t\t\tsetIsSaving(false);\r\n\t\t}\r\n\t};\r\n\r\n\tconst addProductToList = async (props: AddToListProps) => {\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\ttry {\r\n\t\t\tconst response = await AxiosHelper.post<AddToListResponse>(\r\n\t\t\t\t`/ajax/shopping-lists/${props.shoppingListId}/products/${props.itemId}`,\r\n\t\t\t\t{\r\n\t\t\t\t\tquantity: props.quantity,\r\n\t\t\t\t\tproductPricingLineId: props.productPricingLineId,\r\n\t\t\t\t\taddOns: props.addOns,\r\n\t\t\t\t},\r\n\t\t\t);\r\n\t\t\treturn response.data;\r\n\t\t} catch (error) {\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when adding product to list', error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data) {\r\n\t\t\t\tif (axiosError.response.data.message) {\r\n\t\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tthrow error;\r\n\t\t}\r\n\t};\r\n\r\n\tconst bulkAddProductToList = async (props: BulkAddToListProps) => {\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\ttry {\r\n\t\t\tconst response = await AxiosHelper.post<BulkAddToListResponse>(\r\n\t\t\t\t`/ajax/shopping-lists/${props.shoppingListId}`,\r\n\t\t\t\t{\r\n\t\t\t\t\titems: props.items,\r\n\t\t\t\t},\r\n\t\t\t);\r\n\t\t\treturn response.data;\r\n\t\t} catch (error) {\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when adding products to list', error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data) {\r\n\t\t\t\tif (axiosError.response.data.message) {\r\n\t\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tthrow error;\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t}\r\n\t};\r\n\r\n\tconst removeShoppingList = async (shoppingList: ShoppingListDto): Promise<void> => {\r\n\t\tconst requestToken: CancelTokenSource = Axios.CancelToken.source();\r\n\r\n\t\tsetIsDeleting(true);\r\n\t\ttry {\r\n\t\t\tconst response = await AxiosHelper.delete(`/ajax/shopping-lists/${shoppingList.id}`, {\r\n\t\t\t\tcancelToken: requestToken.token,\r\n\t\t\t});\r\n\r\n\t\t\tif (response) {\r\n\t\t\t\tdocument.location.href = MY_ACCOUNT_SHOPPING_LISTS_URL;\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tif (Axios.isCancel(error)) {\r\n\t\t\t\t// if the component was unmounted, there's nothing to do\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tsetError(error);\r\n\t\t\tconsole.error('An error occurred while deleting.', error);\r\n\t\t} finally {\r\n\t\t\tsetIsDeleting(false);\r\n\t\t}\r\n\t};\r\n\r\n\treturn {\r\n\t\tstate: {\r\n\t\t\tisSaving,\r\n\t\t\terror: error,\r\n\t\t\tshoppingListBeingEdited,\r\n\t\t\tshoppingList: shoppingList,\r\n\t\t\terrorMessage: errorMessage,\r\n\t\t\tisDeleting,\r\n\t\t},\r\n\t\tactor: {\r\n\t\t\tbeginCreateShoppingList,\r\n\t\t\tbeginEditShoppingList,\r\n\t\t\tsaveShoppingList,\r\n\t\t\tstopEditingShoppingList,\r\n\t\t\taddProductToList,\r\n\t\t\tbulkAddProductToList,\r\n\t\t\tremoveShoppingList,\r\n\t\t},\r\n\t};\r\n}\r\n","import { useEffect } from 'react';\r\nimport 'shared/polyfills/customEvent';\r\nimport { RocEventType, ExtractEventParameters, RocEvent } from 'shared/events';\r\nimport addRocEventHandler from 'shared/util/events/rocEventUtils';\r\n\r\n/**\r\n * Helper function for dispatching ROC events.\r\n *\r\n * @param eventType The event type for the dispatcher\r\n */\r\nexport function dispatchRocEvent<T extends RocEventType>(eventType: T, data: ExtractEventParameters<RocEvent, T>) {\r\n\tconst event = new CustomEvent(eventType, {\r\n\t\tdetail: data,\r\n\t});\r\n\tdocument.dispatchEvent(event);\r\n}\r\n\r\n/**\r\n * Reusable hook for handling ROC events\r\n *\r\n * @param eventType The type of event to handle\r\n * @param eventHandler The event handler\r\n * @param deps List of dependencies\r\n */\r\nexport default function useRocEventHandler<T extends RocEventType>(\r\n\teventType: T,\r\n\teventHandler: (data: ExtractEventParameters<RocEvent, T>) => void,\r\n\tdeps?: any[],\r\n) {\r\n\tuseEffect(() => {\r\n\t\tconst removeHandlerCallback = addRocEventHandler(eventType, eventHandler);\r\n\r\n\t\treturn () => {\r\n\t\t\tremoveHandlerCallback();\r\n\t\t};\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, deps);\r\n}\r\n","import React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { DropdownField, TextBoxField } from 'shared/edit/fields';\r\nimport { PrivacyTypeOptions } from './types';\r\n\r\nexport function ShoppingListEditItemFields() {\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<div className=\"roc-row\">\r\n\t\t\t\t<div className=\"roc-col-sm-12\">\r\n\t\t\t\t\t<TextBoxField label={Localizer('ShoppingListName')} name=\"name\" isRequired />\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"roc-col-sm-5\">\r\n\t\t\t\t\t<DropdownField\r\n\t\t\t\t\t\tlabel={Localizer('Privacy')}\r\n\t\t\t\t\t\tname=\"privacy\"\r\n\t\t\t\t\t\tisRequired\r\n\t\t\t\t\t\toptions={PrivacyTypeOptions}\r\n\t\t\t\t\t\taddSelectOption={false}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n}\r\n","import React, { useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport Alert from 'shared/components/Alert';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport { ShoppingListEditItemFields } from './ShoppingListEditItemFields';\r\nimport { ShoppingListEditItemBodyProps } from './ShoppingListEditItem';\r\n\r\nexport default function ShoppingListEditItemBody(props: ShoppingListEditItemBodyProps) {\r\n\tconst [isAlertOpen, setIsAlertOpen] = useState<boolean>(false);\r\n\r\n\tconst {\r\n\t\tdisplayCancelButton,\r\n\t\tdisplaySaveButton,\r\n\t\tstopEditingShoppingList,\r\n\t\tonRemoveShoppingList,\r\n\t\tisSaving,\r\n\t\tdirty,\r\n\t\tdirtySaveButtonText,\r\n\t\tsaveButtonText,\r\n\t\tshoppingListBeingEdited,\r\n\t\tisDeleting,\r\n\t} = props;\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<p data-testid={'shopping-list-required-fields'}>{Localizer('RequiredFields')}</p>\r\n\r\n\t\t\t<ShoppingListEditItemFields />\r\n\r\n\t\t\t<div className=\"roc-modal__actions\">\r\n\t\t\t\t{onRemoveShoppingList ? (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<div className=\"roc-modal__actions-item\">\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\tclassName=\"roc-btn roc-modal__actions-item-btn roc-btn-danger\"\r\n\t\t\t\t\t\t\t\tdisabled={isSaving || isDeleting}\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tsetIsAlertOpen(true);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tdata-testid=\"shopping-list-delete-button\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{isDeleting && <Spinner />}\r\n\t\t\t\t\t\t\t\t{Localizer('Delete')}\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<Alert\r\n\t\t\t\t\t\t\tisOpen={isAlertOpen}\r\n\t\t\t\t\t\t\trenderTitle={() => Localizer('DeleteShoppingList')}\r\n\t\t\t\t\t\t\tonCancel={() => setIsAlertOpen(false)}\r\n\t\t\t\t\t\t\tonConfirm={() => {\r\n\t\t\t\t\t\t\t\tsetIsAlertOpen(false);\r\n\r\n\t\t\t\t\t\t\t\tonRemoveShoppingList(shoppingListBeingEdited);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\ttheme=\"danger\"\r\n\t\t\t\t\t\t\tconfirmButtonText={Localizer('Delete')}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{Localizer('DeleteShoppingListConfirmationQuestion')}\r\n\t\t\t\t\t\t</Alert>\r\n\t\t\t\t\t</>\r\n\t\t\t\t) : null}\r\n\t\t\t\t{displayCancelButton ? (\r\n\t\t\t\t\t<div className=\"roc-modal__actions-item\">\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tcolor=\"primary-alt\"\r\n\t\t\t\t\t\t\tclassName=\"roc-btn roc-modal__actions-item-btn  roc-modal__btn-cancel\"\r\n\t\t\t\t\t\t\tdata-testid=\"shopping-list-cancel-button\"\r\n\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\tstopEditingShoppingList();\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{Localizer('Cancel')}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\t\t\t\t{displaySaveButton ? (\r\n\t\t\t\t\t<div className=\"roc-modal__actions-item\">\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\ttype=\"submit\"\r\n\t\t\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t\t\tclassName=\"roc-btn roc-modal__actions-item-btn roc-modal__btn-confirm\"\r\n\t\t\t\t\t\t\tdisabled={isSaving || isDeleting}\r\n\t\t\t\t\t\t\tdata-testid=\"shopping-list-save-button\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{dirty ? dirtySaveButtonText : saveButtonText}\r\n\r\n\t\t\t\t\t\t\t{isSaving && <Spinner light />}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n}\r\n\r\nShoppingListEditItemBody.defaultProps = {\r\n\tdisplayCancelButton: true,\r\n\tdisplaySaveButton: true,\r\n\tsaveButtonText: Localizer('Save'),\r\n\tdirtySaveButtonText: Localizer('Save'),\r\n};\r\n","import * as React from 'react';\r\nimport { Form } from 'react-final-form';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { FormValidationPromise } from 'shared/types';\r\nimport ShoppingListEditItemBody from './ShoppingListEditItemBody';\r\nimport { ShoppingListDto } from './types';\r\n\r\ninterface ShoppingListEditItemProps {\r\n\tshoppingListBeingEdited: ShoppingListDto;\r\n\tonSaveShoppingList: (formValues: ShoppingListDto, hasChanges: boolean) => FormValidationPromise<void>;\r\n\tonRemoveShoppingList?: (shoppingList: ShoppingListDto) => void;\r\n\tstopEditingShoppingList: () => void;\r\n\tisSaving: boolean;\r\n\tdisplayCancelButton: boolean;\r\n\tdisplaySaveButton: boolean;\r\n\tsaveButtonText: string;\r\n\tdirtySaveButtonText: string;\r\n\tshoppingList?: ShoppingListDto[];\r\n\tisDeleting?: boolean;\r\n}\r\n\r\nexport interface ShoppingListEditItemBodyProps {\r\n\tshoppingListBeingEdited: ShoppingListDto;\r\n\tstopEditingShoppingList: () => void;\r\n\tonRemoveShoppingList?: (shoppingList: ShoppingListDto) => void;\r\n\tisSaving: boolean;\r\n\tdisplayCancelButton: boolean;\r\n\tdisplaySaveButton: boolean;\r\n\tsaveButtonText: string;\r\n\tdirtySaveButtonText: string;\r\n\t/** Whether to prevent the \"Set as Default\" checkbox from rendering */\r\n\tshoppingList?: ShoppingListDto[];\r\n\tdirty: boolean;\r\n\tisDeleting?: boolean;\r\n}\r\n\r\n/**\r\n * Handles loading the create/edit component.\r\n * Contains a form with the shopping list fields for add an shopping list.\r\n * Form validation, callbacks and data functions are handled in the containing component (ShoppingList).\r\n */\r\nexport default function ShoppingListEditItem(props: ShoppingListEditItemProps) {\r\n\tconst { onSaveShoppingList, shoppingListBeingEdited } = props;\r\n\r\n\treturn (\r\n\t\t<Form\r\n\t\t\tonSubmit={(values: ShoppingListDto, form) => {\r\n\t\t\t\treturn onSaveShoppingList(values, form.getState().dirty);\r\n\t\t\t}}\r\n\t\t\tsubscription={{ pristine: true, dirty: true, submitError: true }}\r\n\t\t\tinitialValues={{\r\n\t\t\t\t...shoppingListBeingEdited,\r\n\t\t\t}}\r\n\t\t\trender={({ handleSubmit, dirty }) => {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<form onSubmit={handleSubmit}>\r\n\t\t\t\t\t\t<ShoppingListEditItemBody {...props} dirty={dirty} />\r\n\t\t\t\t\t</form>\r\n\t\t\t\t);\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n}\r\n\r\nShoppingListEditItem.defaultProps = {\r\n\tdisplayCancelButton: true,\r\n\tdisplaySaveButton: true,\r\n\tsaveButtonText: Localizer('Save'),\r\n\tdirtySaveButtonText: Localizer('Save'),\r\n};\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * X SVG\r\n *\r\n * @returns\r\n */\r\nfunction XSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-x', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M16.058 10.971l9.825-9.825c1.373-1.373 3.598-1.373 4.971 0s1.373 3.598 0 4.971l-9.825 9.825 9.942 9.941c1.373 1.373 1.373 3.598 0 4.971s-3.598 1.373-4.971 0l-9.942-9.942-10.058 10.058c-1.373 1.373-3.598 1.373-4.971 0s-1.373-3.598 0-4.971l10.058-10.058-9.941-9.941c-1.373-1.373-1.373-3.598 0-4.971s3.598-1.373 4.971 0l9.941 9.941z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default XSVG;\r\n","import AxiosHelper from 'services/AxiosHelper';\r\nimport { AxiosResponse } from 'axios';\r\n\r\nexport interface UserSummary {\r\n\tisSignedIn: boolean;\r\n\tuserName: string | null;\r\n\tfirstName: string | null;\r\n\tlastName: string | null;\r\n\temail: string | null;\r\n\tphoneNumber: string | null;\r\n\ttwoFactorEnabled: boolean;\r\n\thasRecoveryCodes: boolean;\r\n\tisMachineRemembered: boolean;\r\n\tannouncements: UserAnnouncement[];\r\n\tisExternalLoginUser: boolean;\r\n\t// #region HCL\r\n\tversaPayEnabled: boolean;\r\n\tversaPayRedirectUrl: string | null;\r\n\tazureUserId: string | null;\r\n\t// #endregion\r\n}\r\n\r\n/** Represents the details about an admin impersonation session of the logged in user. */\r\nexport interface Impersonation {\r\n\t/** The id of the admin impersonating the front end user. */\r\n\timpersonatorId: string;\r\n\r\n\t/** The name of the admin impersonating the front end user. */\r\n\timpersonatorName: string;\r\n\r\n\t/** The id of the active user impersonation session. */\r\n\tsessionId: string;\r\n}\r\n\r\nexport interface UserData {\r\n\t/**\r\n\t * Summary of user-specific details\r\n\t */\r\n\tsummary?: UserSummary;\r\n\r\n\t/**\r\n\t * CSRF validation token generated by the server\r\n\t */\r\n\trequestToken?: string;\r\n\r\n\t/**\r\n\t * The information on an impersonation session if one is active.\r\n\t * If an impersonation session isn't active this field will be undefined.\r\n\t */\r\n\timpersonation?: Impersonation;\r\n}\r\n\r\nexport interface UserAnnouncement {\r\n\t/** The id used as the primary key for the announcement in the database */\r\n\tid: string;\r\n\r\n\t/** An announcement to be displayed to the user */\r\n\tmessage: string;\r\n\r\n\t/** A list of pages where the announcement will be displayed. This will be an empty array if it is to be displayed on all pages. */\r\n\tpages: string[];\r\n}\r\n\r\nlet userDataPromise: Promise<AxiosResponse<UserData>> | null = null;\r\n\r\n/**\r\n * Returns details related to the current user. By default, this is primarily their first/last name\r\n * and whether they are logged in or not. This can customized to include more details if necessary.\r\n */\r\nexport const getUserData = () => {\r\n\tif (userDataPromise === null) {\r\n\t\tuserDataPromise = AxiosHelper.get<UserData>('/ajax/user');\r\n\t}\r\n\r\n\treturn userDataPromise;\r\n};\r\n\r\n/**\r\n * Returns non-cached details related to the current user. By default, this is primarily their first/last name\r\n * and whether they are logged in or not. This can customized to include more details if necessary.\r\n */\r\nexport const getUserDataNoCache = () => {\r\n\treturn AxiosHelper.get<UserData>('/ajax/user');\r\n};\r\n\r\n/**\r\n * Returns a promise that will contain the CSRF token generated on the server to be used to validate\r\n * forms being posted via AJAX.\r\n */\r\nexport async function getCsrfToken() {\r\n\ttry {\r\n\t\tconst userData = await getUserData();\r\n\t\treturn userData.data.requestToken;\r\n\t} catch (error) {\r\n\t\tconsole.warn('Unable to load CSRF token.');\r\n\t\treturn '';\r\n\t}\r\n}\r\n\r\n// #region Commerce\r\nimport { CartSummary } from './UserData.Commerce';\r\nimport { LocationDto } from 'features/commerce/store-locator/types';\r\nimport { OrganizationInvite, OrganizationShipTo } from 'shared-client/types/commerce/organization';\r\nimport { AutoSuggestOption } from '../../../Roc.SharedClientApp/types/fields';\r\n\r\n// Commerce extensions to the UserData interface\r\nexport interface UserData {\r\n\t// #region HCL - allows null\r\n\tcartSummary?: CartSummary | null;\r\n\t// #endregion\r\n\r\n\t/***\r\n\t * The customer's default store location or null if not set\r\n\t */\r\n\tdefaultStoreLocation?: LocationDto | null;\r\n\r\n\t/**\r\n\t * If store is enabled for this site\r\n\t */\r\n\tenableStoreLocation?: boolean;\r\n}\r\n\r\n/***\r\n * Organization data and permissions\r\n */\r\nexport interface Organization {\r\n\tid: string;\r\n\tpurchaseOrderNumberRequired: boolean;\r\n\tcreditCardAllowed: boolean;\r\n\tgiftCardAllowed: boolean;\r\n\torganizationName: string;\r\n\tcorpAccountAllowed: boolean;\r\n}\r\n\r\n/***\r\n * Organization dto data\r\n */\r\nexport interface OrganizationDto extends AutoSuggestOption {}\r\n\r\n/***\r\n * User's organization and permissions data\r\n */\r\nexport interface UserSummary {\r\n\t/***\r\n\t * User's current default organization\r\n\t */\r\n\torganization: Organization | null;\r\n\r\n\t/***\r\n\t * The list of organizations the user is part of\r\n\t */\r\n\tuserOrganizations?: OrganizationDto[] | null;\r\n\r\n\t/***\r\n\t * The selected organization ship to\r\n\t */\r\n\tselectedShipTo: OrganizationShipTo | null;\r\n\r\n\t/***\r\n\t * Defines if the user has multiple shiptos to select from\r\n\t */\r\n\thasMultipleShipTos: boolean | null;\r\n\r\n\t/***\r\n\t * Defines if the user has saved payment methods\r\n\t */\r\n\thasSavedPaymentMethods: boolean | null;\r\n\r\n\t/***\r\n\t * The list of user permissions\r\n\t */\r\n\tpermissions?: UserPermissions;\r\n\r\n\t/***\r\n\t * The list of organizations the user is invited to join\r\n\t */\r\n\torganizationInvites?: OrganizationInvite[];\r\n\r\n\t/***\r\n\t * The user organization removal notification\r\n\t * Used to notify the user if he is no more part of his default organization\r\n\t */\r\n\tuserOrganizationRemovalNotification?: string;\r\n}\r\n\r\n/***\r\n * User's permissions\r\n */\r\nexport interface UserPermissions {\r\n\t/***\r\n\t * Defines if the current user can see organization users\r\n\t */\r\n\tcanSeeOrganizationUsers?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can assign roles to organization users\r\n\t */\r\n\tcanAssignRolesToOrganizationUsers?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can remove users from an organization\r\n\t */\r\n\tremoveUserFromOrganization?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can create organization users\r\n\t */\r\n\tcreateOrganizationUser?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can enable/disable ShipTos for organization users\r\n\t */\r\n\tmanageShipTosAssociation?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can see status of the organization users\r\n\t */\r\n\tcanSeePendingOrganizationUsers?: boolean;\r\n}\r\n// #endregion\r\n","export enum ModelStatus {\r\n\tPublished = 'Published',\r\n\tInactive = 'Inactive',\r\n\tDeleted = 'Deleted',\r\n\tDraft = 'Draft',\r\n\tArchived = 'Archived',\r\n}\r\n","import React from 'react';\r\nimport InlineAlert from 'shared/edit/InlineAlert';\r\n\r\n// eslint-disable-next-line\r\n// tslint:disable-next-line\r\nexport interface ErrorBoundaryRenderProps extends ErrorBoundaryState {}\r\n\r\nexport interface ErrorBoundaryProps {\r\n\tchildren: React.ReactNode;\r\n\trenderError?: (renderProps: ErrorBoundaryRenderProps) => React.ReactNode;\r\n}\r\n\r\nexport interface ErrorBoundaryState {\r\n\terror?: Error;\r\n}\r\n\r\n/**\r\n * Default Error Boundary component for frontend components, so that in case a JS error occurs, we show\r\n * something instead of nothing.\r\n */\r\nexport default class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\r\n\tpublic static defaultProps = {\r\n\t\trenderError: (renderProps: ErrorBoundaryRenderProps) => <InlineAlert error={renderProps.error ?? null} />,\r\n\t};\r\n\r\n\tpublic state: ErrorBoundaryState = {};\r\n\r\n\tpublic componentDidCatch(error: Error) {\r\n\t\tif (error.name === 'ChunkLoadError') {\r\n\t\t\tconst lastRefreshedTimestamp = new Date(\r\n\t\t\t\tparseInt(window.localStorage.getItem('force-refresh-timestamp') || '0'),\r\n\t\t\t);\r\n\t\t\tconst pageAlreadyRefreshedLessThan30SecondsAgo =\r\n\t\t\t\tnew Date(lastRefreshedTimestamp.getTime() + 30 * 1000) > new Date();\r\n\r\n\t\t\tif (!pageAlreadyRefreshedLessThan30SecondsAgo) {\r\n\t\t\t\t// Assuming that the user is not on the latest version of the application. Refresh the page immediately.\r\n\t\t\t\twindow.localStorage.setItem('force-refresh-timestamp', new Date().getTime().toString());\r\n\t\t\t\treturn window.location.reload();\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\terror,\r\n\t\t});\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tif (this.state.error) {\r\n\t\t\treturn this.props.renderError!(this.state);\r\n\t\t}\r\n\r\n\t\treturn this.props.children;\r\n\t}\r\n}\r\n","import { ServerData } from 'services/ServerData';\r\n\r\nexport default {\r\n\tBaseUrl: ServerData.ACCOUNT_URL_BASE ?? '/my-account',\r\n\tLogin: ServerData.ACCOUNT_LOGIN_URL ?? '/my-account/login',\r\n\tLogin2fa: ServerData.ACCOUNT_LOGIN_WITH_2FA_URL ?? '/my-account/login-with-2fa',\r\n\tRegister: ServerData.ACCOUNT_REGISTER_URL ?? '/my-account/register',\r\n\tForgotPassword: ServerData.ACCOUNT_FORGOT_PASSWORD_URL ?? '/my-account/forgot-password',\r\n\tLoginWithRecoveryCode: ServerData.ACCOUNT_LOGIN_WITH_RECOVERY_CODE_URL ?? '/my-account/login-with-recovery-code',\r\n\tLogout: ServerData.ACCOUNT_LOGOUT_URL ?? '/my-account/logout',\r\n\t// #region Commerce\r\n\tOrganizationReview: ServerData.ACCOUNT_ORGANIZATION_REVIEW_URL ?? '/my-account/organization-review',\r\n\tOrganizationSelector: ServerData.ACCOUNT_ORGANIZATION_SELECTOR_URL ?? '/my-account/organization-selector',\r\n\t// #endregion\r\n\t// #region HCL - hardcoded same way as external login is\r\n\tExternalLogout: '/my-account/external-logout',\r\n\t// #endregion\r\n};\r\n","import { Address } from 'shared-client/types/address';\r\nimport {\r\n\tHasNoSalePrice,\r\n\tMissingDisplayPrice,\r\n\tPrice,\r\n\tSimpleDisplayPrice,\r\n} from 'shared-client/types/commerce/display-price';\r\nimport { OrderItemAddOn } from 'shared-client/types/commerce/add-ons';\r\nimport { ModelStatus } from 'shared-client/types/model-status';\r\nimport { BasicDto, PaginatedResult } from 'shared/types';\r\nimport { ShippingMethod, ShippingOption } from '../checkout/types/shipping';\r\nimport { ProductAddOnDto, ProductPricingLine, ProductSelection, SimpleSelectionDto } from '../product-details/types';\r\n\r\n/**\r\n * Represents a single line item on an order\r\n *\r\n */\r\nexport interface OrderItem {\r\n\t/**\r\n\t *  The primary key (Guid)\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t * The order line item name\r\n\t */\r\n\tname: string;\r\n\r\n\t/**\r\n\t * The order line item Sku\r\n\t */\r\n\tsku: string;\r\n\r\n\t/**\r\n\t * The line item's quantity\r\n\t */\r\n\tquantity: number;\r\n\r\n\t/**\r\n\t *\r\n\t * The order line item product URL\r\n\t */\r\n\turl: string;\r\n\r\n\t/**\r\n\t * The order line item product group URL\r\n\t */\r\n\tgroupUrl: string;\r\n\r\n\t/**\r\n\t * The list of selectable attributes and their values for this line item\r\n\t */\r\n\tselections?: ProductSelection[];\r\n\r\n\t/**\r\n\t * The order line item related product entity\r\n\t */\r\n\tproduct: OrderItemProduct;\r\n\r\n\t/**\r\n\t * The product unit of measure for this line item\r\n\t */\r\n\tpricingLine: ProductPricingLine;\r\n\r\n\t/**\r\n\t * The amount of tax applied to this line item.\r\n\t */\r\n\ttax?: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\r\n\t/**\r\n\t * The total discount amount applied to this line item across all quantities.\r\n\t */\r\n\tdiscount?: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\r\n\t/**\r\n\t * The part of the order-level discount that is being spread to this line item.\r\n\t */\r\n\torderDiscount?: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\r\n\t/**\r\n\t * The displayable price of a single unit of this line item.\r\n\t */\r\n\tunitPrice?: SimpleDisplayPrice<Price>;\r\n\r\n\t/**\r\n\t * The displayable total price of this line item.\r\n\t */\r\n\ttotalPrice?: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\r\n\t/**\r\n\t * The status of the line item\r\n\t */\r\n\tstatus?: OrderStatus;\r\n\r\n\t/**\r\n\t * The list cart item attached add ons.\r\n\t */\r\n\taddOns?: CartProductAddOnDto[];\r\n\r\n\t/**\r\n\t * The addon order item data needed for displaying.\r\n\t */\r\n\torderItemAddOns?: OrderItemAddOn[];\r\n\r\n\t// #region HCL\r\n\t/**\r\n\t * The line item's quantity ordered\r\n\t */\r\n\tquantityShipped?: number;\r\n\tquantityOrdered?: number;\r\n\tquantityOnBackorder?: number;\r\n\t// #endregion\r\n}\r\n\r\nexport interface CartProductAddOnDto extends ProductAddOnDto {\r\n\ttotalPrice?: SimpleDisplayPrice<Price>;\r\n}\r\n\r\n/**\r\n * Represents a product related to the order line item\r\n */\r\nexport interface OrderItemProduct {\r\n\t/**\r\n\t *  The primary key (Guid)\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t * The main image thumbnail url\r\n\t */\r\n\tthumbnailUrl: string | null;\r\n\r\n\t/**\r\n\t * The related brand name\r\n\t */\r\n\tbrandName: string | null;\r\n\r\n\t/**\r\n\t * The alt text for thumbnail\r\n\t */\r\n\taltText?: string;\r\n\r\n\t/**\r\n\t * Status of the Product\r\n\t */\r\n\tstatus?: ModelStatus;\r\n\r\n\t/**\r\n\t * The associated group product Id of a simple product, if applicable.\r\n\t */\r\n\tproductGroupId: string;\r\n\r\n\t// #region HCL\r\n\tsku?: string;\r\n\t// #endregion\r\n}\r\n\r\n/**\r\n * Represents a single recipient on an order\r\n */\r\nexport interface OrderRecipient extends Address {\r\n\t/**\r\n\t * The primary key (Guid)\r\n\t */\r\n\tid: string;\r\n\t/**\r\n\t * The order line items\r\n\t */\r\n\titems: OrderItem[];\r\n\t/**\r\n\t * The available shipping options for this recipient\r\n\t */\r\n\tshippingOptions: ShippingOption[];\r\n\t/**\r\n\t * The shipping service selected for this recipient\r\n\t */\r\n\tshippingMethodId: string | null;\r\n\t/**\r\n\t * The shipping service name selected for this recipient\r\n\t */\r\n\tshippingMethod: ShippingMethod;\r\n\t/**\r\n\t * The addressId of the selected address from the address book (if any)\r\n\t */\r\n\taddressId: string | null;\r\n\t/**\r\n\t * The order recepient's Recipient Name, used for organization orders\r\n\t */\r\n\trecipientName?: string;\r\n\r\n\t//#region HCL\r\n\t/**\r\n\t * The shipping account selected for this recipient\r\n\t */\r\n\tshippingAccountId: string | null;\r\n\tisCollectShippingMethod: boolean | null;\r\n\t//#endregion\r\n}\r\n\r\n/**\r\n * Represents totals on an order\r\n */\r\nexport interface OrderTotals {\r\n\t/**\r\n\t * The merchandise subtotal for the order, without consideration of discounts, tax, or shipping\r\n\t */\r\n\tbaseSubtotal: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t *  The total discount amount applied to the order line items. Some discounts are applied at the order level\r\n\t */\r\n\tlineDiscount: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The baseSubtotal amount less the lineDiscount amount\r\n\t */\r\n\tsubtotal: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The sum of the recipients Discount\r\n\t */\r\n\tdiscount: (SimpleDisplayPrice<Price> & HasNoSalePrice) | MissingDisplayPrice;\r\n\t/**\r\n\t * The sum of the recipients shipping discount amounts\r\n\t */\r\n\tshippingDiscount: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The sum of the recipients shipping amounts\r\n\t */\r\n\tshipping?: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The sum of the recipients tax amounts\r\n\t */\r\n\ttax?: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The sum of the recipients line tax amounts\r\n\t */\r\n\tlineTax?: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The sum of the recipients shipping tax amounts\r\n\t */\r\n\tshippingTax?: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The total shipping charges determined by subtracting the shipping discount shipping amount then adding the shipping tax\r\n\t */\r\n\tshippingTotal: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The total order charges, which is the sum of the subtotal, the shipping reduced by the shipping discount, and the tax\r\n\t */\r\n\ttotal: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The total order charges after gift cards are applied\r\n\t */\r\n\tmodifiedOrderTotal: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n}\r\n\r\n/**\r\n *  Represents a single customer order or shopping cart\r\n */\r\nexport interface Order extends OrderTotals, Address {\r\n\t/**\r\n\t * The primary key (Guid)\r\n\t */\r\n\tid: string;\r\n\t/**\r\n\t * The ID of the organizationShipTo associated with this order.\r\n\t * Null when the order is not created by a user in an organization, or there are no ship-tos available for the user\r\n\t */\r\n\torganizationShipToId: string | null;\r\n\t/**\r\n\t * The shopping cart or completed order recipients\r\n\t */\r\n\trecipients: OrderRecipient[];\r\n\t/**\r\n\t * The shopping cart or completed order unique cart code\r\n\t */\r\n\torderCode: string;\r\n\t/**\r\n\t * The email associated to the order.\r\n\t */\r\n\temail: string;\r\n\t/**\r\n\t * If the billing address is the same as the shipping address of a recipient,\r\n\t * this field will contain the ID of that recipient.\r\n\t */\r\n\tsameAsRecipientId: string | null;\r\n\r\n\t/**\r\n\t * The shopping cart or completed order promtions\r\n\t */\r\n\tpromotions: OrderPromotion[];\r\n\r\n\t/**\r\n\t * The unique order number of the completed order\r\n\t */\r\n\torderNo: string | null;\r\n\r\n\t/**\r\n\t * The date and time that the order was successfully placed. If null, this is still a pending shopping cart.\r\n\t */\r\n\tprocessDate: Date | null;\r\n\r\n\t/**\r\n\t * Modify date\r\n\t */\r\n\tmodifyDate: Date;\r\n\r\n\t/**\r\n\t * The current order status\r\n\t */\r\n\torderStatus: OrderStatus;\r\n\r\n\t/**\r\n\t * The localized order date string, used for display purposes\r\n\t */\r\n\tlocalizedOrderDate: string;\r\n\r\n\t/**\r\n\t * The authorization or sale payment for the current order\r\n\t */\r\n\tpaymentLogs: PaymentLog[];\r\n\r\n\t/**\r\n\t * The gift cards saved on the order.\r\n\t */\r\n\tpaymentMethods: PaymentMethod[];\r\n\r\n\t/**\r\n\t * If the order is locked\r\n\t */\r\n\tisLocked: boolean;\r\n\r\n\t/**\r\n\t * The list of notes associated to the order.\r\n\t */\r\n\tnotes: OrderNote[];\r\n\r\n\t/**\r\n\t * The 3-character ISO 4217 code representing currency of the order\r\n\t */\r\n\tsnapshotCurrencyISO: string;\r\n\r\n\t/**\r\n\t * The purchase order number\r\n\t */\r\n\tpurchaseOrderNumber: string;\r\n\r\n\t/**\r\n\t * Count of all the items in the order\r\n\t */\r\n\ttotalItemsCount: number;\r\n\r\n\t/**\r\n\t * The user specified name of saved cart.\r\n\t * Undefined if the user has not named the cart.\r\n\t */\r\n\tname?: string;\r\n\r\n\t// #region HCL\r\n\texportStatus?: ExportStatus;\r\n\ttrackingLink?: string;\r\n\ttrackingNo?: string;\r\n\tpaymentTypes: PaymentTypeEnum[];\r\n\tisP21Order: boolean;\r\n\t// #endregion\r\n}\r\n\r\n/**\r\n * Represents a single order note on an order\r\n */\r\nexport interface OrderNote {\r\n\t// #region HCL - nullable values\r\n\t/**\r\n\t * The primary key (Guid)\r\n\t */\r\n\tid: string | null;\r\n\r\n\t/**\r\n\t * The user who created the note.\r\n\t */\r\n\tcreateUser: string | null;\r\n\t// #endregion\r\n\r\n\t/**\r\n\t * The localized date note was created used for display purpose.\r\n\t */\r\n\tcreateDate: string | null;\r\n\r\n\t/**\r\n\t * Indicates the type of note.\r\n\t */\r\n\tnoteType: string;\r\n\r\n\t/**\r\n\t * The note entered in the admin.\r\n\t */\r\n\tnote: string;\r\n}\r\n\r\n/**\r\n * Represents a single promotion on an order\r\n */\r\nexport interface OrderPromotion {\r\n\t/**\r\n\t * The primary key (Guid)\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t * The identifier for the promotion (Guid)\r\n\t */\r\n\tpromotionId: string;\r\n\r\n\t/**\r\n\t * The coupon code associated with this cart or order promotion\r\n\t */\r\n\tcouponCode: string;\r\n}\r\n\r\n/**\r\n * Represents a list of user saved products\r\n */\r\nexport interface GetSavedProductsResult extends PaginatedResult<SavedProduct> {}\r\n\r\n/**\r\n * Represents what an item's last action was in the cart\r\n */\r\nexport enum MoveStatus {\r\n\tMovedToCart,\r\n\tMovedToSaved,\r\n\tRemovedFromSaved,\r\n\tRemovedFromCart,\r\n}\r\n\r\n/**\r\n * Represents a single user saved product\r\n * Contains only the information needed to display a product's basic information and move it to the cart\r\n */\r\nexport interface SavedProduct {\r\n\t/**\r\n\t * The UserSavedProduct primary key (Guid)\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t * The ID of the product represented by this SavedProduct\r\n\t */\r\n\tproductId: string;\r\n\r\n\tsku: string;\r\n\r\n\tname: string;\r\n\r\n\turl: string;\r\n\r\n\tgroupUrl: string;\r\n\r\n\tunitPrice: SimpleDisplayPrice<Price>;\r\n\r\n\ttotalPrice: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\r\n\tselections?: SimpleSelectionDto[];\r\n\r\n\tisVirtual: boolean;\r\n\r\n\tthumbnailUrl: string | null;\r\n\r\n\tbrandName: string | null;\r\n\r\n\t/**\r\n\t * The pricing line for this line item\r\n\t */\r\n\tpricingLine: ProductPricingLine;\r\n\r\n\tsnapshotPricingLineId: string;\r\n\r\n\tsnapshotUnitOfMeasureId: string;\r\n\r\n\tquantity: number;\r\n\r\n\taltText?: string;\r\n\r\n\t/**\r\n\t * The associated group product Id of a simple product, if applicable.\r\n\t */\r\n\tproductGroupId: string;\r\n\r\n\t/**\r\n\t * Information about add-ons for this saved product, if it has any\r\n\t */\r\n\taddOns?: ProductAddOnDto[];\r\n}\r\n\r\nexport interface AddToCartProps {\r\n\t/**\r\n\t * The product id to add to cart.\r\n\t */\r\n\titemId: string;\r\n\r\n\t/**\r\n\t * The quantity to be added\r\n\t */\r\n\tquantity: number | null;\r\n\r\n\t/**\r\n\t * The selected pricing line\r\n\t */\r\n\tproductPricingLineId: string | null;\r\n\r\n\t/**\r\n\t * The product add ons selected\r\n\t */\r\n\taddOns?: ProductAddOnDto[];\r\n\r\n\t/**\r\n\t * Defines if we need to validate the product add ons before adding to cart\r\n\t */\r\n\tvalidateAddOns?: boolean;\r\n}\r\n\r\nexport interface AddAllToCartProps {\r\n\tshoppingListId: string;\r\n\r\n\t/**\r\n\t * List of selected products ids to be added to cart\r\n\t */\r\n\tselectedShoppingListProductIds: string[];\r\n}\r\n\r\n/**\r\n * The request used for bulk add to cart\r\n */\r\nexport interface BulkAddToCartProps {\r\n\titems: AddToCartProps[];\r\n}\r\n\r\n/**\r\n * Order status enum\r\n */\r\nexport enum OrderStatus {\r\n\tNew = 'New',\r\n\tSaved = 'Saved',\r\n\tDiscarded = 'Discarded',\r\n\tOrdered = 'Ordered',\r\n\tShipped = 'Shipped',\r\n\tPartiallyShipped = 'PartiallyShipped',\r\n\tCredited = 'Credited',\r\n\tCanceled = 'Canceled',\r\n\tPartiallyCanceled = 'PartiallyCanceled',\r\n\tReturned = 'Returned',\r\n\tCompleted = 'Completed',\r\n}\r\n\r\n/**\r\n * Payment Log DTO\r\n */\r\nexport type PaymentLog =\r\n\t| {\r\n\t\t\tpaymentType: PaymentTypeEnum.CreditCard;\r\n\t\t\tlast4: string;\r\n\t\t\tcreditCardType: CreditCardType | null;\r\n\t\t\tamount: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t  }\r\n\t| {\r\n\t\t\tpaymentType: PaymentTypeEnum.GiftCard;\r\n\t\t\tgiftCardNumber: string;\r\n\t\t\tamount: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t  }\r\n\t| {\r\n\t\t\tpaymentType: PaymentTypeEnum.CorporateAccount;\r\n\t\t\tamount: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t  };\r\n\r\nexport enum PaymentTypeEnum {\r\n\tCreditCard = 'CreditCard',\r\n\tGiftCard = 'GiftCard',\r\n\t//TODO(Paradigm): do we comment these out? Also check why 'GiftCard' wasn't here already?\r\n\t// Not implemented yet:\r\n\tApplePay = 'ApplePay',\r\n\tGooglePay = 'GooglePay',\r\n\tPayPal = 'PayPal',\r\n\tPurchaseOrder = 'PurchaseOrder',\r\n\tCorporateAccount = 'CorporateAccount',\r\n}\r\n\r\n/**\r\n * Credit card type enum\r\n */\r\nexport enum CreditCardType {\r\n\tAMERICAN_EXPRESS = 'AMERICAN_EXPRESS',\r\n\tVISA = 'VISA',\r\n\tMASTERCARD = 'MASTERCARD',\r\n\tDISCOVER = 'DISCOVER',\r\n\tOTHER = 'OTHER',\r\n}\r\n\r\nexport interface PaymentMethod extends BasicDto {\r\n\tchargeAmount: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\tbalanceAmount: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\tpaymentType: PaymentTypeEnum;\r\n\tcardNumber: string;\r\n}\r\n\r\nexport interface AddToCartEvent {\r\n\t/**\r\n\t * The id of the product\r\n\t */\r\n\tid: string;\r\n\t/**\r\n\t * The name of the product\r\n\t */\r\n\tname: string;\r\n\t/**\r\n\t * The product SKU\r\n\t */\r\n\tsku: string;\r\n\t/**\r\n\t * The price of a product\r\n\t */\r\n\tprice: number;\r\n\t/**\r\n\t * The quantity of a product that actually got added to the cart\r\n\t */\r\n\tadjustedQuantity: number;\r\n\t/**\r\n\t * The 3-character ISO 4217 code representing currency of the item\r\n\t */\r\n\tcurrency: string;\r\n\r\n\t/**\r\n\t * The associated group product Id of a simple product, if applicable.\r\n\t */\r\n\tproductGroupId: string | null;\r\n\r\n\t/**\r\n\t * The list of selectable attributes and their values for the product that was added to cart\r\n\t */\r\n\tselections: ProductSelection[] | null;\r\n}\r\n\r\n/**\r\n * Represents the saved shopping cart\r\n */\r\nexport interface SavedCart {\r\n\torderId: string;\r\n\tname: string;\r\n\torderCode: string;\r\n\titemCount: number;\r\n\tlastModifiedDate: string;\r\n}\r\n\r\n// #region HCL\r\nexport enum ExportStatus {\r\n\tQueued = 'Queued',\r\n\tProcessing = 'Processing',\r\n\tSuccess = 'Success',\r\n\tFailed = 'Failed',\r\n}\r\n// #endregion\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { AddToCartResponse, BulkAddToCartResponse } from 'services/UserData.Commerce';\r\nimport ProductPricing from 'shared/components/commerce/ProductPricing';\r\nimport OrderMessages from '../shopping-cart/OrderMessages';\r\n\r\ninterface AddedToCartAlertProps {\r\n\tresponse: BulkAddToCartResponse;\r\n}\r\n\r\n/**\r\n * Displays confirmation when adding multiple items to cart\r\n */\r\nexport default function MultipleItemsAddedToCartAlert(props: AddedToCartAlertProps) {\r\n\tconst { response } = props;\r\n\tconst [displayAlert, setDisplayAlert] = useState(true);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetDisplayAlert(true);\r\n\t}, [response]);\r\n\r\n\tif (!displayAlert) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-item-summary\">\r\n\t\t\t<OrderMessages orderMessages={response.orderMessages} />\r\n\t\t\t{response.processedItems &&\r\n\t\t\t\tresponse.processedItems.map((responseItem, index) => {\r\n\t\t\t\t\treturn <AddedToCartLineItem item={responseItem} key={index} rowIndex={index} />;\r\n\t\t\t\t})}\r\n\t\t\t<div className=\"roc-item-summary__section\">\r\n\t\t\t\t<div className=\"roc-item-summary__final-wrapper\">\r\n\t\t\t\t\t<span className=\"roc-item-summary__final-count\">\r\n\t\t\t\t\t\t{Localizer('InCart')} {response.cartSummary?.items}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span className=\"roc-item-summary__final\">\r\n\t\t\t\t\t\t<span className=\"roc-item-summary__final-text\">{Localizer('Subtotal')}:</span>\r\n\t\t\t\t\t\t<ProductPricing\r\n\t\t\t\t\t\t\tinline\r\n\t\t\t\t\t\t\tdisplayPrice={response.cartSummary?.subtotal}\r\n\t\t\t\t\t\t\tclassName=\"roc-item-summary__final-value\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"roc-item-summary__btn-row\">\r\n\t\t\t\t\t<div className=\"roc-item-summary__btn-col\">\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tonClick={() => (window.location.href = '/cart')}\r\n\t\t\t\t\t\t\tclassName=\"roc-btn-secondary roc-btn-secondary--big roc-btn-secondary--block roc-item-summary__btn\"\r\n\t\t\t\t\t\t\tdata-testid=\"view-cart-modal-btn\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{Localizer('ViewCart')}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"roc-item-summary__btn-col\">\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tonClick={() => (window.location.href = '/checkout')}\r\n\t\t\t\t\t\t\tclassName=\"roc-btn roc-btn--big roc-btn--block roc-item-summary__btn\"\r\n\t\t\t\t\t\t\tdata-testid=\"checkout-modal-btn\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\taria-hidden=\"false\"\r\n\t\t\t\t\t\t\t\taria-label=\"Close X\"\r\n\t\t\t\t\t\t\t\tclassName=\"roc-icon roc-icon-lock roc-item-summary__btn-icon\"\r\n\t\t\t\t\t\t\t\theight=\"16\"\r\n\t\t\t\t\t\t\t\trole=\"img\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<path d=\"M24.454 14.487h-0.752v-4.385c-0.099-5.608-4.714-10.102-10.374-10.102s-10.275 4.495-10.374 10.102v4.385h-0.743c-1.222 0-2.212 0.982-2.212 2.192v13.129c0 1.211 0.99 2.192 2.212 2.192h22.242c1.222 0 2.212-0.982 2.212-2.192v-13.132c-0.002-1.21-0.992-2.189-2.212-2.189zM19.278 14.487h-11.867v-4.385c0.074-3.191 2.706-5.74 5.927-5.74s5.853 2.549 5.927 5.74l0.013 4.385z\" />\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t<span className=\"roc-item-summary__btn-text\" data-testid=\"checkout-now-button\">\r\n\t\t\t\t\t\t\t\t{Localizer('CheckoutNow')}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\ninterface addedToCartLineItemProps {\r\n\titem: AddToCartResponse;\r\n\trowIndex?: number;\r\n}\r\n\r\n/**\r\n * Displays a single line item on the alert when adding multiple items to cart\r\n */\r\nfunction AddedToCartLineItem(props: addedToCartLineItemProps) {\r\n\tconst { item, rowIndex } = props;\r\n\treturn (\r\n\t\t<div className=\"roc-item-summary__section\" data-testid={`added-to-cart-alert-product-${rowIndex}`}>\r\n\t\t\t<div className=\"roc-item-summary__item\">\r\n\t\t\t\t<div className=\"roc-item-summary__image-wrapper\">\r\n\t\t\t\t\t{item.imageUrl ? (\r\n\t\t\t\t\t\t<img className=\"roc-item-summary__image\" alt={item.name} src={item.imageUrl} />\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\tclassName=\"roc-item-summary__image\"\r\n\t\t\t\t\t\t\talt={item.name}\r\n\t\t\t\t\t\t\tsrc=\"/images/image-not-found-medium.png\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"roc-item-summary__text\">\r\n\t\t\t\t\t<p>\r\n\t\t\t\t\t\t<strong>{item.name}</strong>\r\n\t\t\t\t\t</p>\r\n\r\n\t\t\t\t\t<ProductPricing inline displayPrice={item.displayPrice} />\r\n\r\n\t\t\t\t\t<table className=\"roc-item-summary__attributes\">\r\n\t\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t\t{item.selections !== null &&\r\n\t\t\t\t\t\t\t\titem.selections.length > 0 &&\r\n\t\t\t\t\t\t\t\titem.selections.map((selection) => (\r\n\t\t\t\t\t\t\t\t\t<tr\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"roc-item-summary__row\"\r\n\t\t\t\t\t\t\t\t\t\tkey={`added-to-cart-alert-selection-${selection.name}`}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--property\">\r\n\t\t\t\t\t\t\t\t\t\t\t<strong>{selection.name}:</strong>\r\n\t\t\t\t\t\t\t\t\t\t</td>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--value\">\r\n\t\t\t\t\t\t\t\t\t\t\t{selection.label}\r\n\t\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t))}\r\n\r\n\t\t\t\t\t\t\t<tr className=\"roc-item-summary__row\">\r\n\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--property\">\r\n\t\t\t\t\t\t\t\t\t<strong>{Localizer('Qty')}</strong>\r\n\t\t\t\t\t\t\t\t</td>\r\n\r\n\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--value\">\r\n\t\t\t\t\t\t\t\t\t{item.adjustedQuantity}\r\n\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t</tbody>\r\n\t\t\t\t\t</table>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\n\r\n/**\r\n * Reusable component for the optional field marker\r\n */\r\nfunction OptionalFieldMarker() {\r\n\treturn <span className=\"roc-form-input-required-label\">({Localizer('Optional')})</span>;\r\n}\r\n\r\nexport default React.memo(OptionalFieldMarker);\r\n","// source: https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttributeNames\r\n/* eslint-disable no-var */\r\n(function () {\r\n\tif (Element.prototype.getAttributeNames == undefined) {\r\n\t\tElement.prototype.getAttributeNames = function () {\r\n\t\t\tvar attributes = this.attributes;\r\n\t\t\tvar length = attributes.length;\r\n\t\t\tvar result = new Array(length);\r\n\t\t\tfor (var i = 0; i < length; i++) {\r\n\t\t\t\tresult[i] = attributes[i].name;\r\n\t\t\t}\r\n\t\t\treturn result;\r\n\t\t};\r\n\t}\r\n})();\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport ErrorBoundary from './ErrorBoundary';\r\nimport { toCamelCase } from 'util/StringUtil';\r\nimport 'shared/polyfills/getAttributeNames';\r\nimport Spinner from 'shared/components/Spinner';\r\n\r\ninterface AttributeProps {\r\n\t[index: string]: string;\r\n}\r\n\r\nfunction getDataPropsFromAttributes(element: Element): AttributeProps {\r\n\tconst props: AttributeProps = {};\r\n\r\n\tconst dataAttributePrefix = 'data-';\r\n\r\n\tconst attributeNames = element.getAttributeNames().filter((s) => s.startsWith(dataAttributePrefix));\r\n\tfor (const attributeName of attributeNames) {\r\n\t\tconst strippedName = toCamelCase(attributeName.substring(dataAttributePrefix.length));\r\n\t\tprops[strippedName] = element.getAttribute(attributeName) ?? '';\r\n\t}\r\n\r\n\treturn props;\r\n}\r\n\r\n/**\r\n * A helper function to facilitate initializing react applications on top of server-side rendered elements.\r\n * @param getReactElement Function that returns the react component to render.\r\n * @param elementId The ID of the DOM element being targeted.\r\n */\r\nexport const initReactApp = (getReactElement: (props: unknown) => React.ReactElement, elementId: string) => {\r\n\tif (typeof getReactElement !== 'function' || !elementId) {\r\n\t\treturn () => {\r\n\t\t\tconsole.warn('A react element generator function and element ID are required.');\r\n\t\t};\r\n\t}\r\n\r\n\tconst element = document.getElementById(elementId);\r\n\r\n\tif (!element) {\r\n\t\treturn () => {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t`Element with ID '${elementId}' was not found. Did you forget to render it on the server or is this entry point not supposed to run?`,\r\n\t\t\t);\r\n\t\t};\r\n\t}\r\n\r\n\treturn () => {\r\n\t\tconst props = getDataPropsFromAttributes(element);\r\n\t\tconsole.debug(`Rendering application inside element with ID ${elementId}.`);\r\n\t\tReactDOM.render(\r\n\t\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t\t<ErrorBoundary>{getReactElement(props)}</ErrorBoundary>\r\n\t\t\t</React.Suspense>,\r\n\t\t\telement,\r\n\t\t);\r\n\t};\r\n};\r\n\r\nexport const initReactAppByAttribute = (\r\n\tgetReactElement: (props: unknown, domElement: Element) => React.ReactElement,\r\n\tattribute: string,\r\n) => {\r\n\tif (typeof getReactElement !== 'function' || !attribute) {\r\n\t\treturn () => {\r\n\t\t\tconsole.warn('A react element generator function and element ID are required.');\r\n\t\t};\r\n\t}\r\n\r\n\tconst elements = document.querySelectorAll(`[${attribute}]`);\r\n\r\n\tif (!elements || elements.length == 0) {\r\n\t\treturn () => {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t`No elements with data attribute '${attribute}' were found. Did you forget to render it on the server or is this entry point not supposed to run?`,\r\n\t\t\t);\r\n\t\t};\r\n\t}\r\n\r\n\treturn () => {\r\n\t\tfor (let i = 0; i < elements.length; ++i) {\r\n\t\t\tconst element = elements[i];\r\n\t\t\tconst props = getDataPropsFromAttributes(element);\r\n\t\t\tconsole.debug(`Rendering application inside element with attribute ${attribute}.`);\r\n\t\t\tReactDOM.render(\r\n\t\t\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t\t\t<ErrorBoundary>{getReactElement(props, element)}</ErrorBoundary>\r\n\t\t\t\t</React.Suspense>,\r\n\t\t\t\telement,\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n};\r\n","/**\r\n * Returns visitor expiry date for hawksearch visitor id stored in the cookie for the user.\r\n */\r\nexport function getVisitorExpiry() {\r\n\tconst d = new Date();\r\n\t// 1 year\r\n\td.setTime(d.getTime() + 360 * 24 * 60 * 60 * 1000);\r\n\treturn d.toUTCString();\r\n}\r\n\r\n/**\r\n * Returns visitor expiry date for hawksearch visit id stored in the cookie for the user.\r\n */\r\nexport function getVisitExpiry() {\r\n\tconst d = new Date();\r\n\t// 4 hours\r\n\td.setTime(d.getTime() + 4 * 60 * 60 * 1000);\r\n\treturn d.toUTCString();\r\n}\r\n\r\n/**\r\n * Creates GUID.\r\n */\r\nexport function createGuid() {\r\n\tconst s: string[] = [];\r\n\tconst hexDigits = '0123456789abcdef';\r\n\tfor (let i = 0; i < 36; i++) {\r\n\t\ts[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);\r\n\t}\r\n\ts[14] = '4'; // bits 12-15 of the time_hi_and_version field to 0010\r\n\ts[19] = hexDigits.substr(((s[19] as any) & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01\r\n\ts[8] = s[13] = s[18] = s[23] = '-';\r\n\r\n\treturn s.join('');\r\n}\r\n\r\n/**\r\n * Returns the cookie.\r\n */\r\nexport function getCookie(name) {\r\n\tconst nameEQ = name + '=';\r\n\tconst ca = document.cookie.split(';');\r\n\r\n\tfor (let i = 0; i < ca.length; i++) {\r\n\t\tlet cookie = ca[i];\r\n\r\n\t\twhile (cookie.charAt(0) == ' ') {\r\n\t\t\tcookie = cookie.substring(1, cookie.length);\r\n\t\t}\r\n\r\n\t\tif (cookie.indexOf(nameEQ) == 0) {\r\n\t\t\treturn cookie.substring(nameEQ.length, cookie.length);\r\n\t\t}\r\n\t}\r\n\treturn null;\r\n}\r\n\r\n/**\r\n * Sets the cookie.\r\n */\r\nexport function setCookie(name: string, value: string, expiry?: string) {\r\n\tlet expires = '';\r\n\r\n\tif (expiry) {\r\n\t\texpires = '; expires=' + expiry;\r\n\t}\r\n\r\n\tdocument.cookie = name + '=' + value + expires + '; path=/';\r\n}\r\n","import React from 'react';\r\nimport { FieldRenderProps } from 'react-final-form';\r\n\r\ntype ValidationMessagesProps = Pick<FieldRenderProps<any, HTMLElement>, 'meta'> & {\r\n\tid: string;\r\n};\r\n\r\nfunction getErrorArray(errorOrSubmitError) {\r\n\tlet errors: string[] = [];\r\n\tif (typeof errorOrSubmitError === 'string') {\r\n\t\terrors.push(errorOrSubmitError);\r\n\t} else if (Array.isArray(errorOrSubmitError)) {\r\n\t\terrors = errorOrSubmitError.filter((error) => !Array.isArray(error) && typeof error === 'string');\r\n\t}\r\n\r\n\treturn errors;\r\n}\r\n\r\n/**\r\n * Displays validation errors for fields\r\n *\r\n * @class ValidationMessages\r\n * @extends {React.Component<ValidationMessagesProps>}\r\n */\r\nfunction ValidationMessages(props: ValidationMessagesProps) {\r\n\tconst { meta } = props;\r\n\r\n\tif (!meta) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tlet errors: string[] = [];\r\n\r\n\t/* \r\n\t almost all validation comes from the server, so we only need to check `submitError` despite there being `error`\r\n\t there are 3 kinds of values for submitError, string, string[] and [string|[]|object]\r\n\t the third type happens when you're using FieldArray, so we're going to filter those out and only\r\n\t take the strings if submitError is an array. this is due to a bug (possibly feature?) of final form\r\n\t where the submit errors for field array fields bubble up into the parent field.\r\n\t */\r\n\tif (meta.submitError) {\r\n\t\terrors = errors.concat(getErrorArray(meta.submitError));\r\n\r\n\t\t// for server-side validation, we need to stop showing these after any changes are made.\r\n\t\tif (meta.dirtySinceLastSubmit || meta.submitting) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t} else if (meta.error) {\r\n\t\t// sometimes we validate on the client, so we need to support these as well.\r\n\t\terrors = errors.concat(getErrorArray(meta.error));\r\n\t}\r\n\r\n\treturn (\r\n\t\t<span className=\"roc-form-suffix roc-form-suffix--error\" id={props.id} data-testid={props.id} role=\"status\">\r\n\t\t\t{(meta.submitError || meta.error) &&\r\n\t\t\t\tmeta.touched &&\r\n\t\t\t\terrors.length > 0 &&\r\n\t\t\t\terrors.map((error, index) => (\r\n\t\t\t\t\t<React.Fragment key={index}>\r\n\t\t\t\t\t\t<span>{error}</span>\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t))}\r\n\t\t</span>\r\n\t);\r\n}\r\n\r\nexport default ValidationMessages;\r\n","/**\r\n * THIS HAS A COPY ON ROC.WEB. DO NOT MAKE CHANGES HERE WITHOUT ALSO MAKING THEM IN THE OTHER FILE.\r\n *\r\n * THIS MUST ALSO BE KEPT IN SYNC WITH THE \"RazorDisplayPrice\" VIEW COMPONENT.\r\n *\r\n * DIVERGENCES:\r\n * - The style \"visually-hidden\" DOES NOT EXIST ON ROC.WEB. Change this to \"roc-visually-hidden\"\r\n */\r\n\r\nimport classnames from 'classnames';\r\nimport React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { CssClasses, ProductPricingProps } from 'shared-client/types/commerce/product-details';\r\nimport {\r\n\tAmbiguousDisplayPrice,\r\n\tMissingDisplayPrice,\r\n\tPartialDisplayPrice,\r\n\tPrice,\r\n\tPriceDisplayRule,\r\n\tPriceSpan,\r\n\tSimpleDisplayPrice,\r\n} from 'shared-client/types/commerce/display-price';\r\n\r\nimport { PricingResourceKeys } from 'features/commerce/pricing/resources';\r\n\r\nconst GetCssClasses = (className: string | undefined, inline: boolean) => {\r\n\tconst priceClass = ['roc-pricing__price', className ? className + '__price' : null];\r\n\r\n\treturn {\r\n\t\tbase: ['roc-pricing', { 'roc-pricing--inline': inline }, className ? className : null],\r\n\t\tnormalPrice: ['roc-pricing__price', className ? className + '__price' : null],\r\n\t\tcrossedOutPrice: [\r\n\t\t\tpriceClass,\r\n\t\t\t'roc-pricing__price--original',\r\n\t\t\tclassName ? className + '__price--original' : null,\r\n\t\t],\r\n\t\thighlightedPrice: [priceClass, 'roc-pricing__price--sale', className ? className + '__price--sale' : null],\r\n\t};\r\n};\r\n\r\n/**\r\n * Renders a product price. This could be a simple price \"$4.99\", a price that's on sale \"~~$4.99~~ $3.99\",\r\n * a range of prices, an ambiguous price or potentially others.\r\n *\r\n * The pricing information is expected to have come from the server where it has already been validated.\r\n * It is the responsibility of the caller to verify pricing objects passed to ProductPricing are valid.\r\n */\r\nexport default function ProductPricing(props: ProductPricingProps) {\r\n\t// #region HCL\r\n\tconst { displayPrice, className, inline = false, testId = 'product-price', roundValue } = props;\r\n\t// #endregion\r\n\r\n\t// The server/caller is trusted to have provided valid props.\r\n\t// Do no validation here.\r\n\r\n\tif (displayPrice == null) {\r\n\t\t// Missing price. Remove this if MissingPrice functionality is ever needed beyond \"don't render\"\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst css = GetCssClasses(className, inline);\r\n\r\n\tlet renderResult: JSX.Element | null;\r\n\tswitch (displayPrice.displayRule) {\r\n\t\tcase PriceDisplayRule.Missing:\r\n\t\t\trenderResult = renderMissingPrice(css, displayPrice);\r\n\t\t\tbreak;\r\n\r\n\t\tcase PriceDisplayRule.Normal:\r\n\t\t\trenderResult = renderNormalPrice(css, displayPrice, testId);\r\n\t\t\tbreak;\r\n\r\n\t\tcase PriceDisplayRule.AmbiguousRange:\r\n\t\t\t// #region HCL\r\n\t\t\trenderResult = renderAmbiguousPrice(css, displayPrice, testId, roundValue);\r\n\t\t\t// #endregion\r\n\t\t\tbreak;\r\n\r\n\t\tdefault:\r\n\t\t\tthrow new Error('Erroneous price display rule');\r\n\t}\r\n\r\n\treturn (\r\n\t\t<span className={classnames(css.base)} data-testid={`wrapper-${testId}`}>\r\n\t\t\t{renderResult}\r\n\t\t</span>\r\n\t);\r\n}\r\n\r\n/**\r\n * Renders a missing price, eg nothing. This currently renders nothing but could be updated to render \"Not For Sale\" for example.\r\n * @param css The set of css rules that can be applied.\r\n * @param price The price object\r\n */\r\n// eslint-disable-next-line no-unused-vars\r\nfunction renderMissingPrice(css: CssClasses, price: MissingDisplayPrice) {\r\n\treturn null;\r\n}\r\n\r\n/**\r\n * Renders a normal price. This is a price that might be on sale and may either be a unit price (eg $4.99) or a\r\n * range (eg $3.99 - $7.99).\r\n * @param css The set of css rules that can be applied.\r\n * @param price The price object\r\n */\r\nfunction renderNormalPrice(css: CssClasses, price: SimpleDisplayPrice, testId: string) {\r\n\t// conditionally cross out the base price\r\n\tconst basePriceClass = price.salePrice != null ? css.crossedOutPrice : css.normalPrice;\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<span className={classnames(basePriceClass)}>\r\n\t\t\t\t<span className=\"roc-visually-hidden\">{Localizer('OriginalPrice')}</span>\r\n\t\t\t\t<span data-testid={testId}>\r\n\t\t\t\t\t<VariantPriceComponent price={price.basePrice} />\r\n\t\t\t\t</span>\r\n\t\t\t</span>\r\n\t\t\t{price.salePrice != null ? (\r\n\t\t\t\t<span className={classnames(css.highlightedPrice)}>\r\n\t\t\t\t\t<span className=\"roc-visually-hidden\">{Localizer('SalePrice')}</span>\r\n\t\t\t\t\t<span data-testid={`sale-${testId}`}>\r\n\t\t\t\t\t\t<VariantPriceComponent price={price.salePrice} />\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</span>\r\n\t\t\t) : null}\r\n\t\t</>\r\n\t);\r\n}\r\n\r\n/**\r\n * Renders an ambiguous price. This is a compound price representing multiple different products where the upperbound of the price\r\n * can't be reported in a useful way. The units of measure between the base and sale price may be different.\r\n * @param css The set of css rules that can be applied.\r\n * @param price The price object\r\n */\r\n// #region HCL\r\nfunction renderAmbiguousPrice(css: CssClasses, price: AmbiguousDisplayPrice, testId: string, roundValue?: boolean) {\r\n\t// #endregion\r\n\t// conditionally cross out the base price\r\n\tconst basePriceClass = price.salePrice != null ? css.crossedOutPrice : css.normalPrice;\r\n\t// #region HCL\r\n\tconst roundedPrice = roundValue ? price.basePrice.rawValue.toFixed(2) : price.basePrice.value;\r\n\t// #endregion\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<span className={classnames(basePriceClass)}>\r\n\t\t\t\t<span className=\"roc-visually-hidden\">{Localizer('OriginalPrice')}</span>\r\n\t\t\t\t<span data-testid={`ambiguous-original-${testId}`}>\r\n\t\t\t\t\t{/* #region HCL */}\r\n\t\t\t\t\t<FormatAmbiguousPriceSpan price={roundedPrice} unitName={price.basePrice.unit!.label} />\r\n\t\t\t\t\t{/* #region HCL */}\r\n\t\t\t\t</span>\r\n\t\t\t</span>\r\n\t\t\t{price.salePrice != null ? (\r\n\t\t\t\t<span className={classnames(css.highlightedPrice)}>\r\n\t\t\t\t\t<span className=\"roc-visually-hidden\">{Localizer('SalePrice')}</span>\r\n\t\t\t\t\t<span data-testid={`ambiguous-sale-${testId}`}>\r\n\t\t\t\t\t\t<FormatAmbiguousPriceSpan\r\n\t\t\t\t\t\t\tprice={price.salePrice.value}\r\n\t\t\t\t\t\t\tunitName={price.salePrice.unit!.label}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</span>\r\n\t\t\t) : null}\r\n\t\t</>\r\n\t);\r\n}\r\n\r\n/**\r\n * Renders a partial display price (eg it may be either a simple price or a range price)\r\n */\r\nfunction VariantPriceComponent({ price }: { price: PartialDisplayPrice }) {\r\n\tconst label = price.unit?.label;\r\n\r\n\tswitch (typeof price.value) {\r\n\t\tcase 'string':\r\n\t\t\treturn <FormatPrice price={price.value} unitName={label} />;\r\n\r\n\t\tcase 'object':\r\n\t\t\treturn <FormatPriceSpan priceRange={price.value} unitName={label} />;\r\n\t}\r\n}\r\n\r\nfunction FormatAmbiguousPriceSpan(props: { price: Price; unitName: string }) {\r\n\t// Ambiguous prices always have a unit of measure. It is never optional.\r\n\treturn <>{Localizer<PricingResourceKeys>('AmbiguousPriceRangeWithUnit', props.price, props.unitName)}</>;\r\n}\r\n\r\n/**\r\n * Renders a price range (eg $14.99 - $19.99) with an optional unit of measure\r\n */\r\nfunction FormatPriceSpan(props: { priceRange: PriceSpan; unitName: string | undefined }) {\r\n\treturn props.unitName != null ? (\r\n\t\t<>\r\n\t\t\t{Localizer<PricingResourceKeys>(\r\n\t\t\t\t'PriceRangeWithUnit',\r\n\t\t\t\tprops.priceRange.from,\r\n\t\t\t\tprops.priceRange.to,\r\n\t\t\t\tprops.unitName,\r\n\t\t\t)}\r\n\t\t</>\r\n\t) : (\r\n\t\t<>{Localizer<PricingResourceKeys>('PriceRangeWithoutUnit', props.priceRange.from, props.priceRange.to)}</>\r\n\t);\r\n}\r\n\r\n/** Formats the price with the unit of measure (if present) appended. */\r\nfunction FormatPrice(props: { price: Price; unitName?: string }) {\r\n\treturn props.unitName != null ? (\r\n\t\t<>{Localizer<PricingResourceKeys>('PriceWithUnit', props.price, props.unitName)}</>\r\n\t) : (\r\n\t\t<>{Localizer<PricingResourceKeys>('PriceWithoutUnit', props.price)}</>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { RouteProps } from 'react-router';\r\n\r\n//#region URLs\r\nexport const MY_ACCOUNT_PATH_PREFIX = '/my-account';\r\nexport const MY_ACCOUNT_PERSONAL_DATA_URL = `${MY_ACCOUNT_PATH_PREFIX}/personal-data`;\r\nexport const MY_ACCOUNT_AUTHENTICATOR_URL = `${MY_ACCOUNT_PATH_PREFIX}/settings/authenticator`;\r\nexport const MY_ACCOUNT_GENERATE_RECOVERY_CODES_URL = `${MY_ACCOUNT_AUTHENTICATOR_URL}/generate-recovery-codes`;\r\nexport const MY_ACCOUNT_CONFIGURE_AUTHENTICATOR_URL = `${MY_ACCOUNT_AUTHENTICATOR_URL}/configure`;\r\nexport const MY_ACCOUNT_LOGIN_URL = `${MY_ACCOUNT_PATH_PREFIX}/login`;\r\nexport const MY_ACCOUNT_LOGOUT_URL = `${MY_ACCOUNT_PATH_PREFIX}/logout`;\r\nexport const MY_ACCOUNT_WALLET_URL = `${MY_ACCOUNT_PATH_PREFIX}/wallet`;\r\nexport const MY_ACCOUNT_WALLET_CREATE_URL = `${MY_ACCOUNT_WALLET_URL}/create`;\r\nexport const MY_ACCOUNT_ADDRESS_BOOK_URL = `${MY_ACCOUNT_PATH_PREFIX}/address-book`;\r\nexport const MY_ACCOUNT_ADDRESS_BOOK_CREATE_URL = `${MY_ACCOUNT_ADDRESS_BOOK_URL}/create`;\r\nexport const MY_ACCOUNT_ADDRESS_BOOK_EDIT_URL = `${MY_ACCOUNT_ADDRESS_BOOK_URL}/edit`;\r\n//#region Commerce\r\nexport const MY_ACCOUNT_SETTINGS_URL = `${MY_ACCOUNT_PATH_PREFIX}/settings`;\r\n//#endregion Commerce\r\n//#endregion URLs\r\n\r\n//#region Components\r\n// #region HCL\r\n// const SettingsComponent = React.lazy(() => import(/* webpackChunkName: \"my-account-settings\" */ './settings/Settings'));\r\n// #region\r\n\r\nconst GenerateRecoveryCodesComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-generate-recovery-codes\" */ './generate-recovery-codes/GenerateRecoveryCodesContainer'\r\n\t\t),\r\n);\r\nconst ConfigureAuthenticatorComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-configure-authenticator\" */ './configure-authenticator/ConfigureAuthenticator'\r\n\t\t),\r\n);\r\n\r\nconst WalletComponent = React.lazy(() => import(/* webpackChunkName: \"my-account-wallet\" */ './wallet/Wallet'));\r\nconst WalletEditComponent = React.lazy(() => import(/* webpackChunkName: \"my-account-wallet\" */ './wallet/WalletEdit'));\r\n\r\n//#endregion Components\r\n\r\n//#region Routes\r\nconst generateRecoverCodesRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_GENERATE_RECOVERY_CODES_URL,\r\n\tcomponent: GenerateRecoveryCodesComponent,\r\n};\r\n\r\nconst configureAuthenticatorRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_CONFIGURE_AUTHENTICATOR_URL,\r\n\tcomponent: ConfigureAuthenticatorComponent,\r\n};\r\n\r\nconst walletRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_WALLET_URL,\r\n\tcomponent: WalletComponent,\r\n};\r\n\r\nconst walletCreateRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_WALLET_CREATE_URL,\r\n\tcomponent: WalletEditComponent,\r\n};\r\n\r\n//#region Commerce\r\n// Note: in Framework we want MY_ACCOUNT_PATH_PREFIX to point to SettingsComponent,\r\n// but in Commerce we want it to point to AccountOverviewComponent\r\n//#region HCL\r\n// const settingsRoute = {\r\n// \texact: true,\r\n// \tpath: MY_ACCOUNT_SETTINGS_URL,\r\n// \tcomponent: SettingsComponent,\r\n// };\r\n//#endregion Commerce\r\n//#endregion Routes\r\n\r\nexport const rocRoutes: RouteProps[] = [\r\n\tgenerateRecoverCodesRoute,\r\n\tconfigureAuthenticatorRoute,\r\n\twalletRoute,\r\n\twalletCreateRoute,\r\n];\r\n//#endregion HCL\r\n","import { useState, useEffect } from 'react';\r\n\r\n/**\r\n * Reusable hook that returns true after a certain amount of time has passed. Useful to delay\r\n * displaying components in render functions.\r\n *\r\n * @export\r\n * @param {number} [waitMs=200]\r\n * @returns\r\n */\r\nexport default function useDelayedDisplay(waitMs: number = 200) {\r\n\tconst [display, setDisplay] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\t// after a set amount of time, show the spinner\r\n\t\tconst timeout = setTimeout(() => {\r\n\t\t\tsetDisplay(true);\r\n\t\t}, waitMs);\r\n\r\n\t\treturn () => {\r\n\t\t\tclearTimeout(timeout);\r\n\t\t};\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\treturn display;\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Check circle SVG\r\n *\r\n * @returns\r\n */\r\nfunction CheckCircleSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-check-circle', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z\" />\r\n\t\t\t<path d=\"M12.316 21.997l-3.565-4.619c-0.853-2.182 0.962-2.929 2.306-1.679l2.308 2.94 7.136-7.977c1.259-1.323 3.358-0.567 2.519 1.47l-8.397 9.655c-0.902 1.050-1.679 0.841-2.308 0.213z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default CheckCircleSVG;\r\n","import { AxiosError } from 'axios';\r\nimport { FORM_ERROR } from 'final-form';\r\nimport { unflatten } from 'flat';\r\n\r\nexport const getFormattedPageTitle = (subTitle: string = ''): string => {\r\n\t// load from config?\r\n\tconst siteName = 'ROC';\r\n\r\n\tif (!subTitle || !subTitle.trim()) {\r\n\t\treturn siteName;\r\n\t}\r\n\r\n\treturn `${subTitle.trim()} - ${siteName}`;\r\n};\r\n\r\n/**\r\n * Promise version of setTimeout.\r\n * @param ms The number of milliseconds to wait for.\r\n */\r\nexport const timeout = (ms) => {\r\n\treturn new Promise((resolve) => setTimeout(resolve, ms));\r\n};\r\n\r\n/**\r\n * Allows you to await on a timeout, useful for avoiding setTimeout callbacks and for troubleshooting.\r\n * @param ms The number of milliseconds to wait for.\r\n */\r\nexport const sleep = async (ms: number = 0) => {\r\n\tawait timeout(ms);\r\n};\r\n\r\n/**\r\n * Handles Axios error for React Final Form. If the error is a validation error, the error is transformed into React\r\n * Final Form field validation object. If the error is a generic error, the error is rethrown instead.\r\n *\r\n * @param error - The Axios Error object to handle errors for.\r\n * @param errorMessage - The form error message to provide back to React Final Form.\r\n * @param validationErrorCallback - Optional callback that is triggered right before the validation object is returned\r\n * to Final Form, so that you can run logic that should occur during validation errors.\r\n * @param genericErrorCallback - Optional callback that is triggered right before the generic error is rethrown, so that\r\n * you can run logic that should occur during generic errors.\r\n */\r\nexport const handleAxiosErrorWithValidation = (\r\n\terror: AxiosError,\r\n\terrorMessage: string | null = 'An error occurred while saving.',\r\n\tvalidationErrorCallback?: () => void,\r\n\tgenericErrorCallback?: () => void,\r\n): { [index: string]: string } => {\r\n\tif (error?.response?.status === 400 && error.response.data) {\r\n\t\tlet globalErrors;\r\n\r\n\t\tconst errors = error.response.data;\r\n\r\n\t\tconst errorsWithModifiedArrayIndex = Object.keys(errors).reduce((acc, value) => {\r\n\t\t\tif (value === '') {\r\n\t\t\t\t// in case we are getting back a non field specific error store it in the global errors\r\n\t\t\t\tglobalErrors = errors[value];\r\n\t\t\t} else {\r\n\t\t\t\tconst newKey = value.replace(/\\[([0-9]+)\\]/g, '.$1');\r\n\t\t\t\tacc[newKey] = errors[value];\r\n\t\t\t}\r\n\r\n\t\t\treturn acc;\r\n\t\t}, {});\r\n\r\n\t\tconst newValidationState = { ...unflatten(errorsWithModifiedArrayIndex) };\r\n\r\n\t\tconsole.debug('newValidationState:', newValidationState);\r\n\r\n\t\tif (validationErrorCallback) {\r\n\t\t\tvalidationErrorCallback();\r\n\t\t}\r\n\r\n\t\treturn { ...newValidationState, [FORM_ERROR]: globalErrors ? globalErrors : errorMessage };\r\n\t} else {\r\n\t\t// generic error.\r\n\t\tif (genericErrorCallback) {\r\n\t\t\tgenericErrorCallback();\r\n\t\t}\r\n\r\n\t\tif (error?.response?.data?.message) {\r\n\t\t\treturn { [FORM_ERROR]: error.response.data.message };\r\n\t\t}\r\n\r\n\t\tif (errorMessage) {\r\n\t\t\treturn { [FORM_ERROR]: errorMessage };\r\n\t\t} else {\r\n\t\t\treturn {};\r\n\t\t}\r\n\t}\r\n};\r\n\r\n/**\r\n * Get an html class or ID safe string from provided string.\r\n *\r\n * @function getHtmlSafeName\r\n */\r\nexport const getHtmlSafeName = (name: string = ''): string => {\r\n\treturn name.replace(/[^a-z0-9]/g, (s) => {\r\n\t\tconst c = s.charCodeAt(0);\r\n\t\tif (c === 32) {\r\n\t\t\treturn '-';\r\n\t\t}\r\n\t\tif (c >= 65 && c <= 90) {\r\n\t\t\treturn '_' + s.toLowerCase();\r\n\t\t}\r\n\t\treturn '__' + ('000' + c.toString(16)).slice(-4);\r\n\t});\r\n};\r\n\r\n/**\r\n * Gets the specified param value from the querystring\r\n *\r\n * @param paramName the name of the query string parameter\r\n * @param decodeParam specifies if the param value should be decoded before returning it\r\n */\r\nexport const getQueryParam = (paramName: string = '', decodeParam: boolean = false): string | null => {\r\n\tconst urlParams = new URLSearchParams(window.location.search);\r\n\tconst paramValue = urlParams.get(paramName);\r\n\r\n\tif (!paramValue) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tif (decodeParam) {\r\n\t\treturn decodeURIComponent(paramValue);\r\n\t} else {\r\n\t\treturn paramValue;\r\n\t}\r\n};\r\n","import { RocEventType, RocEvent, ExtractEventParameters } from 'shared/events';\r\n\r\n/**\r\n * Helper function for handling ROC events from non React functions.\r\n * @param eventType The type of event to handle\r\n * @param eventHandler The event handler\r\n * @returns The callback function to remove this handler\r\n */\r\nexport default function addRocEventHandler<T extends RocEventType>(\r\n\teventType: T,\r\n\teventHandler: (data: ExtractEventParameters<RocEvent, T>) => void,\r\n): () => void {\r\n\tconst handler = (evt: CustomEvent): void => {\r\n\t\teventHandler(evt.detail);\r\n\t};\r\n\r\n\tdocument.addEventListener(eventType, handler);\r\n\r\n\treturn () => document.removeEventListener(eventType, handler);\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Star Empty SVG\r\n *\r\n * @returns\r\n */\r\nfunction StarEmptySVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 34 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-star-empty', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M16.941 23.757l-9.958 6.89 3.476-11.6-9.63-7.341 12.106-0.279 4.006-11.427 4.006 11.427 12.106 0.279-9.63 7.341 3.476 11.599z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default StarEmptySVG;\r\n","import * as React from 'react';\r\n\r\ninterface DashCircleSVGProps {\r\n\tclass?: string;\r\n}\r\n\r\n/**\r\n * Dash circle SVG\r\n *\r\n * @returns\r\n */\r\nfunction DashCircleSVG(props: DashCircleSVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={'icon icon-help-header ' + props.class}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#5c5c5c\"\r\n\t\t\t\td=\"M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16c-8.837 0-16-7.163-16-16v0c0-8.837 7.163-16 16-16v0z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#fff\"\r\n\t\t\t\td=\"M21.51 17.594h-11.733c-0.884 0-1.6-0.716-1.6-1.6s0.716-1.6 1.6-1.6h11.733c0.884 0 1.6 0.716 1.6 1.6s-0.716 1.6-1.6 1.6z\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default DashCircleSVG;\r\n","import { PricingResult } from './pricing-result';\r\n\r\n/**\r\n * Represents a display pricing service result containing all necessary details to render a set of product prices.\r\n */\r\nexport type DisplayPricingResult = PricingResult<DisplayPrice>;\r\n\r\n/**\r\n * Represents a simple price intended to be rendered.\r\n * Comparisons and arithmetic between prices is illegal besides !== and ===.\r\n * This is not suitable for transactions and attempting to use this for transactions is erroneous.\r\n */\r\nexport type Price = string;\r\n\r\n/**\r\n * Represents an inclusive range of prices. It is erroneous for a price span no length (eg the\r\n * from and to field are the same), as this should be represented by a @see Price instead.\r\n *\r\n * PriceSpan is typically used for ambiguous ranges\r\n */\r\nexport type PriceSpan = {\r\n\t/**\r\n\t * The lower bound of the price. If this is associated with a group of products, this\r\n\t * is the price of the cheapest associated product.\r\n\t */\r\n\tfrom: Price;\r\n\r\n\t/**\r\n\t * The upper bound of the price. If this is associated with a group of products, this\r\n\t * is the price of the most expensive associated product.\r\n\t */\r\n\tto: Price;\r\n};\r\n\r\n/**\r\n * Represents a displayable price of unknown type.\r\n */\r\nexport type VariantPrice = Price | PriceSpan;\r\n\r\n/**\r\n * The display rules for rendering a price on the frontend.\r\n */\r\nexport enum PriceDisplayRule {\r\n\t/**\r\n\t * Represents a lack of a price. This is typically used for a product\r\n\t * that isn't purchaseable. Distinct from free.\r\n\t *\r\n\t * If a price is missing, it is illegal to use any display price type besides @see MissingPrice\r\n\t */\r\n\tMissing = 'Missing',\r\n\r\n\t/**\r\n\t * Represents a normal price or price range. Expected price types are @see PriceSpan and @see Price\r\n\t */\r\n\tNormal = 'Normal',\r\n\r\n\t/**\r\n\t * Represents a price without a clearly defined upperbound. This can happen if multiple products in a group product\r\n\t * do not share a common unit of measure. Expected price types are @see Price\r\n\t */\r\n\tAmbiguousRange = 'AmbiguousRange',\r\n}\r\n\r\n/**\r\n * Represents a pricing object that is guaranteed to have a base price\r\n */\r\nexport interface HasBasePrice<TPrice extends VariantPrice = VariantPrice> {\r\n\t/** The price of the product if it isn't on sale. */\r\n\tbasePrice: PartialDisplayPrice<TPrice>;\r\n}\r\n\r\n/**\r\n * Represents a pricing object that is guaranteed to have a sale price\r\n */\r\nexport interface HasSalePrice<TPrice extends VariantPrice = VariantPrice> {\r\n\t/** The sale price of the product. This is always less than the base price. */\r\n\tsalePrice: PartialDisplayPrice<TPrice>;\r\n}\r\n\r\n/**\r\n * Represents a pricing object that has no base price, that is, it cannot be purchased.\r\n */\r\nexport interface HasNoBasePrice {\r\n\t/** The item in question has no base price and as such, it is illegal to access it. */\r\n\tbasePrice?: never;\r\n}\r\n\r\n/**\r\n * Represents a pricing object that has no sale price\r\n */\r\nexport interface HasNoSalePrice {\r\n\t/** The item in question has no sale price and as such, it is illegal to access it. */\r\n\tsalePrice?: never;\r\n}\r\n\r\n/**\r\n * Represents a \"primitive\" price object that would be displayed.\r\n * A product that has a base price and a sale price would have two unit display prices for example.\r\n */\r\nexport type PartialDisplayPrice<TPrice extends VariantPrice = VariantPrice> = TPrice extends Price\r\n\t? UnitPrice<TPrice> & HasRawValue\r\n\t: UnitPrice<TPrice>;\r\n\r\ninterface UnitPrice<TPrice extends VariantPrice = VariantPrice> {\r\n\t/** The unit of measure of the item/product being sold. This is typically appended to a price to yield a value like \"$2.99/ea\" */\r\n\tunit?: { label: string };\r\n\r\n\t/** The price value to be displayed. */\r\n\tvalue: TPrice;\r\n\r\n\t// #region HCL - added availability to pass rawValue\r\n\trawValue?: number;\r\n\t// #endregion\r\n}\r\n\r\ninterface HasRawValue {\r\n\t/**\r\n\t * The raw price value for use in comparing prices to eachother or checking if they are zero or negative.\r\n\t * It is not safe to assume this value for display purposes or price calculations.\r\n\t */\r\n\trawValue: number;\r\n}\r\n\r\n/**\r\n * Constrains a VariantPrice to a more specific price type\r\n */\r\ntype Filter<T extends VariantPrice, U extends VariantPrice> = T extends U ? T : never;\r\n\r\n/**\r\n * Represents a price object that can be displayed.\r\n */\r\nexport type DisplayPrice<\r\n\tTBasePrice extends VariantPrice = VariantPrice,\r\n\tTSalePrice extends VariantPrice = TBasePrice\r\n> =\r\n\t| SimpleDisplayPrice<TBasePrice, TSalePrice>\r\n\t| AmbiguousDisplayPrice<Filter<TBasePrice, Price>, Filter<TSalePrice, Price>>\r\n\t| MissingDisplayPrice;\r\n\r\n/**\r\n * Represents a missing price, typically if used on an object not for a sale or an erroneous object.\r\n * This would either not be rendered or be rendered as \"Not For Sale\"\r\n */\r\nexport interface MissingDisplayPrice {\r\n\t/** The display rules for rendering a price on the frontend.\r\n\t *\r\n\t * A \"missing\" or \"invisible\" price is for a product that is not on sale and thus should not have\r\n\t * a price rendered on screen */\r\n\tdisplayRule: PriceDisplayRule.Missing;\r\n}\r\n\r\n/**\r\n * Represents a simple price, that is a price that might be on sale with fixed upper and lower bounds. The unit\r\n * of measure for the base and sale price (if present) is expected to be the same\r\n */\r\nexport interface SimpleDisplayPrice<\r\n\tTBasePrice extends VariantPrice = VariantPrice,\r\n\tTSalePrice extends VariantPrice = TBasePrice\r\n> extends HasBasePrice<TBasePrice>,\r\n\t\tPartial<HasSalePrice<TSalePrice>> {\r\n\t/** The display rules for rendering a price on the frontend.\r\n\t *\r\n\t * A normal price is either a simple price like \"$3.12/ea\" or a range like \"$2.00-$5.00/ea\"\r\n\t */\r\n\tdisplayRule: PriceDisplayRule.Normal;\r\n}\r\n\r\n/**\r\n * Represents a price without a predictable upperbound for the price. This would typically be used if a group of products\r\n * didn't have a common unit of measure.\r\n */\r\nexport interface AmbiguousDisplayPrice<TBasePrice extends Price = Price, TSalePrice extends Price = TBasePrice>\r\n\textends HasBasePrice<TBasePrice>,\r\n\t\tPartial<HasSalePrice<TSalePrice>> {\r\n\t/** The display rules for rendering a price on the frontend.\r\n\t *\r\n\t * An ambiguous price doesn't have a a specifiable upperbound because there isn't a common unit of measure\r\n\t * to use as a baseline for what the most expensive unit of measure is. This is will appear like \"From $2.00\"\r\n\t */\r\n\tdisplayRule: PriceDisplayRule.AmbiguousRange;\r\n}\r\n","import type { Dialog, DialogContent } from '@reach/dialog';\r\nimport classnames from 'classnames';\r\nimport React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport 'styles/node-modules/@reach/dialog/styles.css';\r\nimport Spinner from './Spinner';\r\nimport XSVG from './svg/XSVG';\r\n\r\nconst LazyDialog = React.lazy<typeof Dialog>(() =>\r\n\timport('@reach/dialog').then((module) => ({ default: module.Dialog })),\r\n);\r\nconst LazyDialogContent = React.lazy<typeof DialogContent>(() =>\r\n\timport('@reach/dialog').then((module) => ({ default: module.DialogContent })),\r\n);\r\n\r\n// TODO: the types are currently out of date so they don't include the definition for dangerouslyBypassFocusLock. Add the types here once they are updated\r\n// https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/reach__dialog\r\nconst LazyDialogOverlay = React.lazy<any>(() =>\r\n\timport('@reach/dialog').then((module) => ({ default: module.DialogOverlay } as any)),\r\n);\r\n\r\nexport type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xlg' | 'full_width';\r\n\r\ninterface ModalProps {\r\n\tisOpen: boolean;\r\n\thideCloseButton?: boolean;\r\n\tchildren: React.ReactNode;\r\n\ttitleIcon?: React.ReactNode;\r\n\tsize?: ModalSize;\r\n\theaderDivider?: boolean;\r\n\tbypassFocusLock?: boolean;\r\n\tsubTitle?: string;\r\n\tclassName?: string;\r\n\trenderActions?: () => React.ReactNode;\r\n\tcloseModal: () => void;\r\n\trenderTitle: () => React.ReactNode;\r\n\trenderSubtitle?: () => React.ReactNode;\r\n}\r\n\r\n/**\r\n * Reusuable modal component with raised open state, takes title and children as props.\r\n *\r\n * @export\r\n * @param {ModalProps} props\r\n * @returns\r\n */\r\nexport default function Modal(props: ModalProps) {\r\n\tconst {\r\n\t\tisOpen,\r\n\t\thideCloseButton,\r\n\t\tsize = 'md',\r\n\t\tcloseModal,\r\n\t\trenderTitle,\r\n\t\trenderSubtitle,\r\n\t\ttitleIcon,\r\n\t\trenderActions,\r\n\t\tchildren,\r\n\t\theaderDivider = false,\r\n\t\tbypassFocusLock = false,\r\n\t\tsubTitle,\r\n\t\tclassName,\r\n\t} = props;\r\n\r\n\tconst innerModal = (\r\n\t\t<>\r\n\t\t\t<div\r\n\t\t\t\tclassName={classnames('roc-modal__header', {\r\n\t\t\t\t\t'roc-modal__header--divider': headerDivider,\r\n\t\t\t\t\t[className + '__header']: className,\r\n\t\t\t\t})}\r\n\t\t\t>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclassName={classnames('roc-modal__title-close-wrapper', {\r\n\t\t\t\t\t\t[className + '__title-close-wrapper']: className,\r\n\t\t\t\t\t})}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclassName={classnames('roc-modal__title-container', {\r\n\t\t\t\t\t\t\t[className + '__title-container']: className,\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{titleIcon && (\r\n\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\tclassName={classnames('roc-modal__icon', {\r\n\t\t\t\t\t\t\t\t\t[className + '__icon']: className,\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{titleIcon}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t<h2\r\n\t\t\t\t\t\t\tclassName={classnames('roc-modal__title', {\r\n\t\t\t\t\t\t\t\t[className + '__title']: className,\r\n\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderTitle()}\r\n\t\t\t\t\t\t</h2>\r\n\r\n\t\t\t\t\t\t{renderSubtitle && (\r\n\t\t\t\t\t\t\t<h3\r\n\t\t\t\t\t\t\t\tclassName={classnames('roc-modal__sub-title', {\r\n\t\t\t\t\t\t\t\t\t[className + '__sub-title']: className,\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{renderSubtitle()}\r\n\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{hideCloseButton ? null : (\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclassName={classnames('roc-modal__close', {\r\n\t\t\t\t\t\t\t\t[className + '__close']: className,\r\n\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\tclassName={classnames('roc-modal__close-btn', {\r\n\t\t\t\t\t\t\t\t\t[className + '__close-btn']: className,\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\tonClick={() => closeModal()}\r\n\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\tdata-testid=\"close-modal-btn\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tclassName={classnames('roc-modal__close-text', {\r\n\t\t\t\t\t\t\t\t\t\t[className + '__close-text']: className,\r\n\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{Localizer('Close')}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tclassName={classnames('roc-modal__close-icon', {\r\n\t\t\t\t\t\t\t\t\t\t[className + '__close-icon']: className,\r\n\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<XSVG />\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{subTitle ? (\r\n\t\t\t\t\t<p\r\n\t\t\t\t\t\tclassName={classnames('roc_modal__subtitle', {\r\n\t\t\t\t\t\t\t[className + '__subtitle']: className,\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{subTitle}\r\n\t\t\t\t\t</p>\r\n\t\t\t\t) : null}\r\n\t\t\t</div>\r\n\r\n\t\t\t<div\r\n\t\t\t\tclassName={classnames('roc-modal__body', {\r\n\t\t\t\t\t[className + '__body']: className,\r\n\t\t\t\t})}\r\n\t\t\t>\r\n\t\t\t\t{children}\r\n\t\t\t</div>\r\n\t\t\t{renderActions ? (\r\n\t\t\t\t<div\r\n\t\t\t\t\tclassName={classnames('roc-modal__footer', {\r\n\t\t\t\t\t\t[className + '__footer']: className,\r\n\t\t\t\t\t})}\r\n\t\t\t\t>\r\n\t\t\t\t\t{renderActions()}\r\n\t\t\t\t</div>\r\n\t\t\t) : null}\r\n\t\t</>\r\n\t);\r\n\r\n\tconst ariaLabel = Localizer('ModalLabel');\r\n\r\n\treturn bypassFocusLock ? (\r\n\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t<LazyDialogOverlay\r\n\t\t\t\tisOpen={isOpen}\r\n\t\t\t\tonDismiss={() => closeModal()}\r\n\t\t\t\tdangerouslyBypassFocusLock={bypassFocusLock}\r\n\t\t\t>\r\n\t\t\t\t<LazyDialogContent\r\n\t\t\t\t\tclassName={classnames('roc-modal', {\r\n\t\t\t\t\t\t['roc-modal--' + size]: size,\r\n\t\t\t\t\t})}\r\n\t\t\t\t\taria-label={ariaLabel}\r\n\t\t\t\t\tas={'div'}\r\n\t\t\t\t>\r\n\t\t\t\t\t{innerModal}\r\n\t\t\t\t</LazyDialogContent>\r\n\t\t\t</LazyDialogOverlay>\r\n\t\t</React.Suspense>\r\n\t) : (\r\n\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t<LazyDialog\r\n\t\t\t\tisOpen={isOpen}\r\n\t\t\t\tclassName={classnames('roc-modal', {\r\n\t\t\t\t\t['roc-modal--' + size]: size,\r\n\t\t\t\t})}\r\n\t\t\t\tonDismiss={() => closeModal()}\r\n\t\t\t\taria-label={ariaLabel}\r\n\t\t\t\tas={'div'}\r\n\t\t\t>\r\n\t\t\t\t{innerModal}\r\n\t\t\t</LazyDialog>\r\n\t\t</React.Suspense>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Pencil SVG\r\n *\r\n * @returns\r\n */\r\nfunction PencilSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tclassName={classnames('roc-icon roc-half-half-layout', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\td=\"M16.2928932,2.12089322 L2.79289322,15.6208932 C2.66983759,15.7439488 2.5810257,15.8969877 2.53523618,16.0648826 L1.03523618,21.5648826 C0.831645565,22.3113815 1.51661849,22.9963544 2.26311741,22.7927638 L7.76311741,21.2927638 C7.9310123,21.2469743 8.08405115,21.1581624 8.20710678,21.0351068 L21.7071068,7.53510678 C23.2016311,6.04058249 23.2016311,3.61541751 21.7071068,2.12089322 C20.2125825,0.626368927 17.7874175,0.626368927 16.2928932,2.12089322 Z M20.4051996,3.65799037 C21.0041668,4.37596737 20.9667314,5.44705505 20.2928932,6.12089322 L6.979,19.433 L3.424,20.403 L4.394,16.848 L17.7071068,3.53510678 C18.4205825,2.82163107 19.5794175,2.82163107 20.2928932,3.53510678 L20.4051996,3.65799037 Z\"\r\n\t\t\t\tid=\"Stroke-1\"\r\n\t\t\t></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default PencilSVG;\r\n","import { DisplayPricingResult, Price, SimpleDisplayPrice } from 'shared-client/types/commerce/display-price';\r\nimport { UnitOfMass } from 'shared-client/types/commerce/product-details';\r\nimport { BreadcrumbItem } from 'shared/components/Breadcrumbs';\r\nimport { PartialDataLoaderOptions } from 'shared/data/usePartialDataLoader';\r\nimport { BasePartialDetailsState } from 'shared/types';\r\nimport { Asset } from 'shared/assets/types';\r\n\r\nexport function getInitialProductDetailsState(): ProductDetailsState {\r\n\treturn window.__ROC_COMMERCE_PRODUCT_DETAILS__ ?? {};\r\n}\r\n\r\ndeclare global {\r\n\tinterface Window {\r\n\t\t__ROC_COMMERCE_PRODUCT_DETAILS__: ProductDetailsState;\r\n\t}\r\n}\r\n\r\nexport interface ProductDetailsState extends BasePartialDetailsState {\r\n\tsummary: Summary;\r\n\r\n\tassets?: ProductAsset[] | null;\r\n\r\n\tavailability?: Availability | null;\r\n\r\n\tbrand?: Brand | null;\r\n\r\n\t/**\r\n\t * Represents the visible tabs for the current product\r\n\t */\r\n\ttabs?: TabViewChunk[];\r\n\r\n\tselections?: ProductDetailSelection[];\r\n\r\n\tchildren?: SimpleProduct[];\r\n\r\n\trelatedProducts?: RelatedProduct[];\r\n\r\n\treviewsSummary: ReviewSummaryDto;\r\n\r\n\t/**\r\n\t * The available pricing lines for the product as well as the selected pricing line state\r\n\t */\r\n\tpricingLines?: ProductPricingLinesDetails;\r\n\r\n\t/**\r\n\t * The pricing result tree containing renderable prices for the product.\r\n\t */\r\n\tdisplayPricing?: DisplayPricingResult;\r\n\r\n\tbreadcrumbPath?: BreadcrumbItem[];\r\n\r\n\t/**\r\n\t * Information about the available product add ons for the product, and for child products, if this is a group\r\n\t */\r\n\taddOns?: AddOnsPdpDto;\r\n\r\n\tisNewProduct: boolean;\r\n}\r\n\r\n/**\r\n * Single add on data.\r\n */\r\nexport interface ProductAddOnDto {\r\n\t/**\r\n\t * The id of the product add on.\r\n\t */\r\n\tvalue: string;\r\n\r\n\t/**\r\n\t * The name of the product add on.\r\n\t */\r\n\tlabel: string;\r\n\r\n\t/**\r\n\t * The SKU of the product add on.\r\n\t */\r\n\tsku: string;\r\n\r\n\t/**\r\n\t * The description of the product add on.\r\n\t */\r\n\tdescription: string;\r\n\r\n\t/**\r\n\t * Represents if the current add on is required to add a product to cart.\r\n\t */\r\n\trequired: boolean;\r\n\r\n\t/**\r\n\t * Represents if the current add on is selected\r\n\t */\r\n\tselected: boolean;\r\n\r\n\t/**\r\n\t * Represents if the current add on is updated\r\n\t */\r\n\tisModified: boolean;\r\n\r\n\t/**\r\n\t * Represents the add on attributes\r\n\t */\r\n\tattributes: AddOnAttributeDto[];\r\n\r\n\t/**\r\n\t * The add on main image thumbnail.\r\n\t */\r\n\tthumbnailUrl: string;\r\n\r\n\t/**\r\n\t * The add on main image alt text.\r\n\t */\r\n\taltText: string;\r\n\r\n\t/**\r\n\t * The displayable price of a single unit of this line item.\r\n\t */\r\n\tunitPrice?: SimpleDisplayPrice<Price>;\r\n}\r\n\r\n/**\r\n * Product add on single attribute data\r\n */\r\nexport interface AddOnAttributeDto {\r\n\t/**\r\n\t * Product add on attribute id\r\n\t */\r\n\tvalue: string;\r\n\r\n\t/**\r\n\t * Product add on attribute name\r\n\t */\r\n\tlabel: string;\r\n\r\n\t/**\r\n\t * Represents if the add on attribute value is required\r\n\t */\r\n\trequired: boolean;\r\n\r\n\t/**\r\n\t * Product add on attribute instruction\r\n\t */\r\n\tinstructions: string;\r\n\r\n\t/**\r\n\t * Product add on attribute input type\r\n\t */\r\n\tinputAttributeType: InputAttributeType | null;\r\n\r\n\t/**\r\n\t * The maximum length constraint for the add on attribute value\r\n\t */\r\n\tmaximumLength: number | null;\r\n\r\n\t/**\r\n\t * The minimum length constraint for the add on attribute value\r\n\t */\r\n\tminimumLength: number | null;\r\n\r\n\t/**\r\n\t * The maximum number of line constraint for the add on attribute value\r\n\t * used for multiline attributes\r\n\t */\r\n\tmaximumNumberOfLines: number | null;\r\n\r\n\t/**\r\n\t * The default value of the add on attribute value\r\n\t */\r\n\tdefaultValue: string;\r\n\r\n\t/**\r\n\t * The entered value for the current attribute\r\n\t */\r\n\tdata: string;\r\n\r\n\t/**\r\n\t * The add on attribute selectable values\r\n\t */\r\n\tvalues: AttributeValueDto[];\r\n}\r\n\r\n/**\r\n * The add on attribute input type\r\n */\r\nexport enum InputAttributeType {\r\n\tSingle = 'Single',\r\n\tMultiline = 'Multiline',\r\n}\r\n\r\n/**\r\n * Single add on attribute selectable value\r\n */\r\nexport interface AttributeValueDto {\r\n\t/**\r\n\t * The add on attribute selectable value id\r\n\t */\r\n\tvalue: string;\r\n\r\n\t/**\r\n\t * The add on attribute selectable value label\r\n\t */\r\n\tlabel: string;\r\n\r\n\t/**\r\n\t * Represents if the current selectable value is selected\r\n\t */\r\n\tselected: boolean;\r\n}\r\n\r\nexport interface Summary {\r\n\tname: string;\r\n\ttype: ProductType;\r\n\tsku?: string;\r\n\tmanufacturerPartNumber?: string;\r\n\tproductUrl: string;\r\n\tdescription?: string;\r\n\tmeta?: Meta;\r\n\tproductGroupId: string | null;\r\n\t/**\r\n\t * \tFlag defining if the current product should use the alternate product details.\r\n\t */\r\n\tuseAlternateProductDetails?: boolean;\r\n\t// #region HCL\r\n\tproductGroupName?: string;\r\n\t// #endregion\r\n}\r\n\r\nexport interface Meta {\r\n\turl: string;\r\n\tpageTitle?: string;\r\n\tmetaKeywords?: string;\r\n\tmetaDescription?: string;\r\n\tnoIndex: boolean;\r\n\tnoFollow: boolean;\r\n}\r\n\r\nexport interface Availability {\r\n\tbackOrder: boolean;\r\n\toutOfStock: boolean;\r\n\t// #region HCL\r\n\tcallForAvailability: boolean;\r\n\t// #endregion\r\n}\r\n\r\n/**\r\n * Product Review Summary DTO\r\n */\r\nexport interface ReviewSummaryDto {\r\n\t/**\r\n\t * The average rating of the product. If undefined, the product has no reviews with ratings.\r\n\t */\r\n\taverageRating?: number;\r\n\r\n\t/**\r\n\t * The number of public reviews for the product\r\n\t */\r\n\treviewCount: number;\r\n}\r\n\r\nexport interface ProductAsset extends Asset {\r\n\t/**\r\n\t * The alternate text associated with the image\r\n\t */\r\n\taltText: string;\r\n\t/**\r\n\t * The main image URL\r\n\t */\r\n\tmainImageUrl: string;\r\n\t/**\r\n\t * The thumbnail URL\r\n\t */\r\n\tthumbnailUrl: string;\r\n\t/**\r\n\t * The enlarged image URL\r\n\t */\r\n\tenlargedImageUrl: string;\r\n\t/**\r\n\t * The sort order for this image\r\n\t */\r\n\tsortOrder: number;\r\n\t/**\r\n\t * Embedded URL for external media asset\r\n\t */\r\n\tembeddedUrl: string;\r\n}\r\n\r\nexport interface Brand {\r\n\tname: string;\r\n\tlogoUrl: string | null;\r\n}\r\n\r\nexport interface TabViewChunk<T = unknown> {\r\n\ttab: Tab;\r\n\tmodel: T;\r\n\trawHtml?: string;\r\n}\r\n\r\nexport interface Tab {\r\n\tid: string;\r\n\tdisplayName: string;\r\n\ttabType: string;\r\n\tsortOrder: number;\r\n\tname: string;\r\n}\r\n\r\nexport interface TabViewModel<T = unknown> {\r\n\tviewName: string;\r\n\tmodel: T;\r\n}\r\n\r\nexport interface ProductDetailSelection {\r\n\tlabel: string;\r\n\tvalues: SelectionValue[];\r\n\r\n\t/**\r\n\t * The selected attribute field name used for adding info to hawk context\r\n\t */\r\n\tfield: string;\r\n}\r\n\r\n/**\r\n * Represents a simple selection DTO object\r\n */\r\nexport interface SimpleSelectionDto {\r\n\t/**\r\n\t * The Code of the product attribute\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t * The Name of the product attribute\r\n\t */\r\n\tname: string;\r\n\r\n\t/**\r\n\t * The Id of the attribute value\r\n\t */\r\n\tvalue: string;\r\n\r\n\t/**\r\n\t * The Name of the attribute value\r\n\t */\r\n\tlabel: string;\r\n\r\n\t/**\r\n\t * The selected attribute field name used for adding info to hawk context\r\n\t */\r\n\tfield: string;\r\n}\r\n\r\nexport interface SelectionValue {\r\n\tvalue: string;\r\n\tlabel: string;\r\n\tvalid: boolean;\r\n\tchecked: boolean;\r\n\t// #region HCL\r\n\tswatchUrl: string;\r\n\t// #endregion\r\n}\r\n\r\nexport interface SimpleProduct {\r\n\tid: string;\r\n\tname: string;\r\n\t//#region HCL\r\n\tsku: string;\r\n\t//#endregion\r\n\tselections: string[];\r\n}\r\n\r\nexport interface RelatedProduct {\r\n\tid: string;\r\n\tname: string;\r\n\tdescription: string | null;\r\n\turl: string;\r\n\tmainImage: ProductAsset | null;\r\n}\r\n\r\nexport interface ProductSelectionDispatcherDto {\r\n\tproductId: string;\r\n\tproductDetails: ProductDetailsState;\r\n}\r\n\r\nexport interface AddOnsPdpDto {\r\n\t/**\r\n\t * The list of available product add-ons for the product.\r\n\t */\r\n\tproductAddOnData?: ProductAddOnDto[];\r\n\t/**\r\n\t * A list of add-ons available for child products, if this is a group product\r\n\t */\r\n\tavailableChildProductAddOns?: string[];\r\n}\r\n\r\n/*\r\n\tShirt Size: Small, Large\r\n\tColor: Red, Green\r\n\r\n\tScenario #1: All selections match\r\n\r\n\tValid selections:\r\n\tSmall, Red\r\n\tSmall, Green\r\n\tLarge, Red\r\n\tLarge, Green\r\n\r\n\t1. Pick Size\r\n\t2. Pick Color\r\n\t3. Find match and load child\r\n\r\n\tScenario #2: Selections mismatch\r\n\r\n\tValid selections:\r\n\tSmall, Red\r\n\tSmall, Green\r\n\tLarge, Red\r\n\r\n\t1. Pick Size (Small/Large)\r\n\t2. if Large, mark green as invalid\r\n\t3. if Small, show all colors\r\n\t4. Find match and load child\r\n\r\n\tScenario #3: Selections mismatch 2\r\n\r\n\tValid selections:\r\n\tSmall, Red\r\n\tSmall, Green\r\n\tLarge, Red\r\n\r\n\t1. Pick Green, mark large as invalid\r\n\t2. Pick Size\r\n\t3. Find match and load child\r\n\r\n\tScenario #4: Selections mismatch 3\r\n\r\n\tValid selections:\r\n\tSmall, Red\r\n\tSmall, Green\r\n\tLarge, Red\r\n\r\n\t1. Pick Green, mark large as invalid\r\n\t2. Pick Large anyway, remove color selection\r\n\t3. ...\r\n\t4. Find match and load child\r\n\r\n*/\r\n\r\n/**\r\n * All available product types\r\n *\r\n * @export\r\n */\r\nexport enum ProductType {\r\n\tSimple = 'Simple',\r\n\tGroup = 'Group',\r\n\tKit = 'Kit',\r\n\tGiftCard = 'GiftCard',\r\n}\r\n\r\nexport type ProductPartialDataLoaderOptions = Pick<\r\n\tPartialDataLoaderOptions<ProductDetailsState>,\r\n\t'initialState' | 'dataLoaderFn'\r\n>;\r\n\r\nexport interface ProductSelection {\r\n\t/**\r\n\t * The code of the product attribute\r\n\t */\r\n\tid: string;\r\n\t/**\r\n\t * The name of the product attribute\r\n\t */\r\n\tname: string;\r\n\t/**\r\n\t * The attribute value name (if available), otherwise attribute value value\r\n\t */\r\n\tlabel: string;\r\n\t/**\r\n\t * The id (Guid) of the attribute value\r\n\t */\r\n\tvalue: string;\r\n\r\n\t/**\r\n\t * The selected attribute field name used for adding info to hawk context\r\n\t */\r\n\tfield: string;\r\n}\r\n\r\n/**\r\n * Base unit of measure\r\n */\r\nexport interface UnitOfMeasure {\r\n\tname: string;\r\n\tdisplayName: string;\r\n}\r\n\r\n/**\r\n * Represents a single pricing line for a product (one of potentially many choices for purchasing a product)\r\n */\r\nexport type ProductPricingLine = {\r\n\t/**\r\n\t * The pricing line's id\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t *\r\n\t * Unit of measure id\r\n\t */\r\n\tunitOfMeasureId: string;\r\n\r\n\t/**\r\n\t * Base Unit of measure\r\n\t */\r\n\tunitOfMeasure: UnitOfMeasure;\r\n\r\n\t/**\r\n\t * The unit's of measure display name\r\n\t */\r\n\tlabel: string;\r\n\r\n\t/**\r\n\t * The unit's of measure quantity\r\n\t */\r\n\tquantity: number;\r\n\r\n\t/**\r\n\t * If this pricing line isn't available for purchase, this will contain a string-localizer-key explaining the reason why.\r\n\t */\r\n\tunavailabilityReason: string | undefined;\r\n} & MassPricingLineOptions;\r\n\r\ntype MassPricingLineOptions =\r\n\t| {\r\n\t\t\t/**\r\n\t\t\t * The unit's of measure weight unit\r\n\t\t\t */\r\n\t\t\tunitOfMass: UnitOfMass;\r\n\r\n\t\t\t/**\r\n\t\t\t * The unit's of measure weight\r\n\t\t\t */\r\n\t\t\tweight: number;\r\n\t  }\r\n\t| {\r\n\t\t\tunitOfMass?: never;\r\n\t\t\tweight?: never;\r\n\t  };\r\n\r\n/**\r\n * Represents state details pricing lines and pricing line selections for a product on a product details page.\r\n */\r\nexport interface ProductPricingLinesDetails {\r\n\t/**\r\n\t * The selected pricing lines\r\n\t */\r\n\tselected?: ProductPricingLine;\r\n\t/**\r\n\t * The array of available pricing lines\r\n\t */\r\n\tavailable: ProductPricingLine[];\r\n}\r\n\r\n/**\r\n * Reason that the exception was thrown when adding an item to the cart\r\n */\r\nexport enum AddToCartExceptionCode {\r\n\tgeneric = 'Generic',\r\n\tcartFull = 'CartFull',\r\n\tproductUnavailable = 'ProductUnavailable',\r\n\tproductOutOfStock = 'ProductOutOfStock',\r\n}\r\n\r\n/**\r\n * Interface used as request for getting bulk products partial data\r\n */\r\nexport interface BaseBulkPartialProductsDataOptions<T = unknown> {\r\n\tproductIds: string[] | undefined;\r\n\tmissingKeys: Array<keyof T>;\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Circle Exclaimation SVG component\r\n *\r\n * @returns\r\n */\r\nfunction CircleExclamationSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-circle-exclamation', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M16 32c8.837 0 16-7.163 16-16s-7.163-16-16-16c-8.837 0-16 7.163-16 16 0 4.243 1.686 8.313 4.686 11.314s7.070 4.686 11.314 4.686zM14.16 8.464c0-0.657 0.351-1.265 0.92-1.593s1.271-0.329 1.84 0c0.569 0.329 0.92 0.936 0.92 1.593v8.608c0 1.016-0.824 1.84-1.84 1.84s-1.84-0.824-1.84-1.84v-8.608zM16 21.392c1.016 0 1.84 0.824 1.84 1.84s-0.824 1.84-1.84 1.84c-1.016 0-1.84-0.824-1.84-1.84-0.004-0.489 0.188-0.96 0.534-1.306s0.817-0.538 1.306-0.534z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default CircleExclamationSVG;\r\n","import React from 'react';\r\nimport { RouteProps } from 'react-router';\r\nimport {\r\n\tMY_ACCOUNT_ADDRESS_BOOK_CREATE_URL,\r\n\tMY_ACCOUNT_ADDRESS_BOOK_EDIT_URL,\r\n\tMY_ACCOUNT_ADDRESS_BOOK_URL,\r\n\tMY_ACCOUNT_PATH_PREFIX,\r\n} from './routes.roc';\r\n// #region HCL\r\nimport { ORGANIZATION_ORDERS_URL } from 'features/commerce/organization/routes';\r\n// #endregion\r\n\r\n//#region URLs\r\nexport const MY_ACCOUNT_ORDERS_URL = `${MY_ACCOUNT_PATH_PREFIX}/orders`;\r\nexport const MY_ACCOUNT_STORE_URL = `${MY_ACCOUNT_PATH_PREFIX}/store`;\r\nexport const MY_ACCOUNT_SAVED_FOR_LATER_URL = `${MY_ACCOUNT_PATH_PREFIX}/saved-for-later`;\r\nexport const MY_ACCOUNT_SAVED_CARTS_URL = `${MY_ACCOUNT_PATH_PREFIX}/saved-carts`;\r\nexport const MY_ACCOUNT_BUY_AGAIN_URL = `${MY_ACCOUNT_PATH_PREFIX}/buy-again`;\r\nexport const MY_ACCOUNT_SHOPPING_LISTS_URL = `${MY_ACCOUNT_PATH_PREFIX}/shopping-lists`;\r\nexport const MY_ACCOUNT_ORGANIZATION_REVIEW_URL = `${MY_ACCOUNT_PATH_PREFIX}/organization-review`;\r\nexport const MY_ACCOUNT_ORGANIZATION_SELECTOR_URL = `${MY_ACCOUNT_PATH_PREFIX}/organization-selector`;\r\nexport const MY_ACCOUNT_SHOPPING_LISTS_CREATE_URL = `${MY_ACCOUNT_SHOPPING_LISTS_URL}/create`;\r\n//#endregion URLs\r\n\r\n//#region Components\r\n\r\n//#region HCL\r\nexport const MY_ACCOUNT_USER_SHIPPING_ACCOUNT_URL = `${MY_ACCOUNT_PATH_PREFIX}/shipping-accounts`;\r\nexport const MY_ACCOUNT_USER_SHIPPING_ACCOUNT_CREATE_URL = `${MY_ACCOUNT_USER_SHIPPING_ACCOUNT_URL}/create`;\r\nexport const MY_ACCOUNT_USER_SHIPPING_ACCOUNT_EDIT_URL = `${MY_ACCOUNT_USER_SHIPPING_ACCOUNT_URL}/edit`;\r\nexport const MY_ACCOUNT_REVIEWS_URL = `${MY_ACCOUNT_PATH_PREFIX}/reviews`;\r\nexport const MY_ACCOUNT_CUSTOMER_ACCOUNT_APPLICATIONS_URL = `/customer-account-application`;\r\nexport const MY_ACCOUNT_CUSTOMER_CREDIT_APPLICATIONS_URL = `https://nuvo.com/customer/gohcl`;\r\nexport const MY_ACCOUNT_SHOPPER_APPLICATIONS_URL = `${MY_ACCOUNT_PATH_PREFIX}/shopper-applications`;\r\nexport const ORGANIZATION_ORDER_DETAILS = `${ORGANIZATION_ORDERS_URL}/:orderNo`;\r\n//#endregion URLs\r\n\r\n// #region HCL\r\n//const OrdersComponent = React.lazy(\r\n//\t() => import(/* webpackChunkName: \"my-account-orders\" */ '../commerce/my-account/orders/OrderListing'),\r\n//);\r\n\r\n//const OrderDetailsComponent = React.lazy(\r\n//\t() =>\r\n//\t\timport(\r\n//\t\t\t/* webpackChunkName: \"my-account-order-details\" */ '../commerce/my-account/orders/MyAccountOrderDetails'\r\n//\t\t),\r\n//);\r\n\r\nconst OrdersComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"my-account-orders\" */ '../commerce/my-account/orders/hcl/Orders'),\r\n);\r\n\r\nconst OrderDetailsComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-order-details\" */ '../commerce/organization/orders/DefaultOrganizationOrderDetails'\r\n\t\t),\r\n);\r\n// #endregion\r\n\r\nconst StoreComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"my-account-store\" */ '../commerce/my-account/store/Store'),\r\n);\r\n\r\nconst AddressBookComponent = React.lazy(\r\n\t// #region HCL\r\n\t// () => import(/* webpackChunkName: \"my-account-address-book\" */ '../address-book/AddressBook'),\r\n\t() => import(/* webpackChunkName: \"my-account-address-book\" */ '../address-book/AddressBook.HCL'),\r\n\t// #endregion\r\n);\r\n\r\nconst AddressBookEditComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"my-account-address-book-edit\" */ '../address-book/AddressBookEdit'),\r\n);\r\n\r\nconst SavedForLaterComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-saved-for-later\" */ '../commerce/my-account/saved-for-later/SavedForLaterListingWrapper'\r\n\t\t),\r\n);\r\n\r\nconst SavedCartsComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-saved-carts\" */ '../commerce/my-account/saved-carts/SavedCartsListingWrapper'\r\n\t\t),\r\n);\r\n\r\nconst BuyAgainComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"buy-again\" */ '../commerce/my-account/buy-again/BuyAgain'),\r\n);\r\n\r\nconst AccountOverviewComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-account-overview\" */ '../commerce/my-account/account-overview/AccountOverview'\r\n\t\t),\r\n);\r\n\r\nconst ShoppingListsComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-shopping-lists\" */ '../commerce/my-account/shopping-lists/ShoppingListListing'\r\n\t\t),\r\n);\r\n\r\nconst ShoppingListsCreateComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-shopping-lists-create\" */ '../commerce/my-account/shopping-lists/ShoppingListsCreate'\r\n\t\t),\r\n);\r\n\r\nconst ShoppingListDetailsComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-shopping-list-details\" */ '../commerce/my-account/shopping-lists/MyAccountShoppingListDetails'\r\n\t\t),\r\n);\r\n\r\nconst OrganizationReviewComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-organization-approval\" */ '../commerce/my-account/organization/OrganizationReview'\r\n\t\t),\r\n);\r\n\r\nconst OrganizationSelectorComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-organization-selector\" */ '../commerce/my-account/organization/OrganizationSelector'\r\n\t\t),\r\n);\r\n//#region HCL\r\nconst UserShippingAccountsComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-address-book\" */ '../commerce/user-shipping-account/UserShippingAccounts'\r\n\t\t),\r\n);\r\n\r\nconst ReviewsComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"my-account-reviews\" */ '../hcl/my-account/reviews/ReviewsListing'),\r\n);\r\n\r\nconst CustomerAccountApplicationsComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-customer-account-applications\" */ '../hcl/my-account/account-applications/AccountApplicationsListing'\r\n\t\t),\r\n);\r\n\r\nconst CustomerAccountApplicationsEditComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-customer-account-applications-create\" */ '../hcl/my-account/account-applications/MyAccountApplicationLoader'\r\n\t\t),\r\n);\r\n\r\nconst CustomerCreditApplicationsComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-customer-account-applications\" */ '../hcl/my-account/credit-applications/CreditApplicationsListing'\r\n\t\t),\r\n);\r\n\r\nconst CustomerCreditApplicationsEditComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-customer-account-applications-create\" */ '../hcl/my-account/credit-applications/MyAccountCreditApplicationLoader'\r\n\t\t),\r\n);\r\n\r\nconst ShopperApplicationsComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-shopper-applications\" */ '../hcl/my-account/shopper-applications/ShopperApplicationsListing'\r\n\t\t),\r\n);\r\n\r\n// const UserShippingAccountsEditComponent = React.lazy(() =>\r\n// \timport(\r\n// \t\t/* webpackChunkName: \"my-account-address-book-edit\" */ '../commerce/user-shipping-account/UserShippingAccountsEdit'\r\n// \t),\r\n// );\r\n//#endregion\r\n\r\n//#endregion Components\r\n\r\n//#region Routes\r\nconst ordersRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_ORDERS_URL,\r\n\tcomponent: OrdersComponent,\r\n};\r\n\r\nconst orderDetailsRoute = {\r\n\texact: true,\r\n\tpath: `${MY_ACCOUNT_ORDERS_URL}/:orderNo`,\r\n\tcomponent: OrderDetailsComponent,\r\n};\r\n\r\nconst storeRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_STORE_URL,\r\n\tcomponent: StoreComponent,\r\n};\r\n\r\nconst addressBookRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_ADDRESS_BOOK_URL,\r\n\tcomponent: AddressBookComponent,\r\n};\r\n\r\nconst addressBookCreateRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_ADDRESS_BOOK_CREATE_URL,\r\n\tcomponent: AddressBookEditComponent,\r\n};\r\n\r\nconst addressBookEditRoute = {\r\n\texact: true,\r\n\tpath: `${MY_ACCOUNT_ADDRESS_BOOK_EDIT_URL}/:addressId`,\r\n\tcomponent: AddressBookEditComponent,\r\n};\r\n\r\nconst savedForLaterRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_SAVED_FOR_LATER_URL,\r\n\tcomponent: SavedForLaterComponent,\r\n};\r\n\r\nconst savedCartsRoute = {\r\n\texect: true,\r\n\tpath: MY_ACCOUNT_SAVED_CARTS_URL,\r\n\tcomponent: SavedCartsComponent,\r\n};\r\n\r\nconst buyAgainRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_BUY_AGAIN_URL,\r\n\tcomponent: BuyAgainComponent,\r\n};\r\n\r\nconst shoppingListsRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_SHOPPING_LISTS_URL,\r\n\tcomponent: ShoppingListsComponent,\r\n};\r\n\r\nconst shoppingListsCreateRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_SHOPPING_LISTS_CREATE_URL,\r\n\tcomponent: ShoppingListsCreateComponent,\r\n};\r\n\r\nconst shoppingListDetailsRoute = {\r\n\texact: true,\r\n\tpath: `${MY_ACCOUNT_SHOPPING_LISTS_URL}/:shoppingListId`,\r\n\tcomponent: ShoppingListDetailsComponent,\r\n};\r\n\r\n//#region HCL\r\nconst userShippingAccountsRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_USER_SHIPPING_ACCOUNT_URL,\r\n\tcomponent: UserShippingAccountsComponent,\r\n};\r\n\r\nconst reviewsRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_REVIEWS_URL,\r\n\tcomponent: ReviewsComponent,\r\n};\r\n\r\nconst customerAccountApplicationsRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_CUSTOMER_ACCOUNT_APPLICATIONS_URL,\r\n\tcomponent: CustomerAccountApplicationsComponent,\r\n};\r\n\r\nconst customerAccountApplicationsEditRoute = {\r\n\texact: true,\r\n\tpath: `${MY_ACCOUNT_CUSTOMER_ACCOUNT_APPLICATIONS_URL}/:accountApplicationId`,\r\n\tcomponent: CustomerAccountApplicationsEditComponent,\r\n};\r\n\r\nconst customerCreditApplicationsRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_CUSTOMER_CREDIT_APPLICATIONS_URL,\r\n\tcomponent: CustomerCreditApplicationsComponent,\r\n};\r\n\r\nconst customerCreditApplicationsEditRoute = {\r\n\texact: true,\r\n\tpath: `${MY_ACCOUNT_CUSTOMER_CREDIT_APPLICATIONS_URL}/:creditApplicationId`,\r\n\tcomponent: CustomerCreditApplicationsEditComponent,\r\n};\r\n\r\nconst shopperApplicationsRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_SHOPPER_APPLICATIONS_URL,\r\n\tcomponent: ShopperApplicationsComponent,\r\n};\r\n\r\n// const userShippingAccountsCreateRoute = {\r\n// \texact: true,\r\n// \tpath: MY_ACCOUNT_USER_SHIPPING_ACCOUNT_CREATE_URL,\r\n// \tcomponent: UserShippingAccountsEditComponent,\r\n// };\r\n\r\n// const userShippingAccountsEditRoute = {\r\n// \texact: true,\r\n// \tpath: `${MY_ACCOUNT_USER_SHIPPING_ACCOUNT_EDIT_URL}/:shippingAccountId`,\r\n// \tcomponent: UserShippingAccountsEditComponent,\r\n// };\r\n//#endregion\r\n\r\nconst defaultRoute = {\r\n\texact: false,\r\n\tpath: '*',\r\n\tcomponent: AccountOverviewComponent,\r\n};\r\n\r\nconst organizationReviewRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_ORGANIZATION_REVIEW_URL,\r\n\tcomponent: OrganizationReviewComponent,\r\n};\r\n\r\nconst organizationSelectorRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_ORGANIZATION_SELECTOR_URL,\r\n\tcomponent: OrganizationSelectorComponent,\r\n};\r\n//#endregion Routes\r\n\r\nexport const commerceRoutes: RouteProps[] = [\r\n\tordersRoute,\r\n\torderDetailsRoute,\r\n\tstoreRoute,\r\n\taddressBookRoute,\r\n\taddressBookCreateRoute,\r\n\taddressBookEditRoute,\r\n\tsavedForLaterRoute,\r\n\tsavedCartsRoute,\r\n\tbuyAgainRoute,\r\n\tshoppingListsRoute,\r\n\tshoppingListsCreateRoute,\r\n\tshoppingListDetailsRoute,\r\n\torganizationReviewRoute,\r\n\torganizationSelectorRoute,\r\n\t//#region HCL\r\n\treviewsRoute,\r\n\tuserShippingAccountsRoute,\r\n\tcustomerAccountApplicationsRoute,\r\n\tcustomerAccountApplicationsEditRoute,\r\n\tcustomerCreditApplicationsRoute,\r\n\tcustomerCreditApplicationsEditRoute,\r\n\tshopperApplicationsRoute,\r\n\t// userShippingAccountsCreateRoute,\r\n\t// userShippingAccountsEditRoute,\r\n\t//#endregion\r\n\tdefaultRoute,\r\n];\r\n","import React from 'react';\r\nimport XSVG from './svg/XSVG';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { WithTestIdOptional } from '../../../../Roc.SharedClientApp/types/test';\r\n\r\ninterface CircleButtonProps extends WithTestIdOptional {\r\n\ticon?: React.ReactNode;\r\n}\r\n\r\nfunction CircleButton(props: React.HTMLProps<HTMLButtonElement> & CircleButtonProps) {\r\n\tconst { icon, testId, ...otherProps } = props;\r\n\r\n\treturn (\r\n\t\t<button {...otherProps} type=\"button\" className=\"roc-circle-button\" data-testid={testId}>\r\n\t\t\t{icon ? icon : <XSVG className=\"roc-circle-button__icon\" />}\r\n\t\t\t<span className=\"roc-visually-hidden\">{Localizer('Remove')}</span>\r\n\t\t</button>\r\n\t);\r\n}\r\n\r\nexport default CircleButton;\r\n","import React from 'react';\r\nimport { FieldRenderProps } from 'react-final-form';\r\nimport { ValidationMessages } from '.';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport { BaseInputProps } from './InputField';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n\r\nexport type InputFieldProps = FieldRenderProps<boolean, HTMLElement> &\r\n\tBaseInputProps & {\r\n\t\tplaceholder?: string;\r\n\t};\r\n\r\n/**\r\n * Component that renders a checkbox input with form field.\r\n */\r\nexport default function CheckboxInputField({\r\n\tinput: { name, onChange, value },\r\n\tmeta,\r\n\ttype,\r\n\tlabel = '',\r\n\tdisabled = false,\r\n\treadOnly = false,\r\n\tplaceholder = '',\r\n\tstep,\r\n\ttestId,\r\n\tdefaultValue = false,\r\n}: InputFieldProps) {\r\n\treturn (\r\n\t\t<div className={meta.dirty ? 'roc-form-group form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t<div className=\"roc-form-input__input-checkbox-wrapper\">\r\n\t\t\t\t<FieldInputErrorWrapper name={name} inline={type === 'checkbox'}>\r\n\t\t\t\t\t<label htmlFor={name} className=\"roc-form-input__input-checkbox-label\">\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclassName=\"roc-form-input__input roc-form-input__input\"\r\n\t\t\t\t\t\t\tid={name}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tchecked={value}\r\n\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\t\tdefaultChecked={defaultValue}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\tstep={step}\r\n\t\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span className=\"roc-form-input__input-checkbox-label-text\">{label}</span>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t</div>\r\n\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Star SVG\r\n *\r\n * @returns\r\n */\r\nfunction StarSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 34 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-star', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M16.941 23.757l-9.958 6.89 3.476-11.6-9.63-7.341 12.106-0.279 4.006-11.427 4.006 11.427 12.106 0.279-9.63 7.341 3.476 11.599z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default StarSVG;\r\n","/* eslint-disable jsx-a11y/label-has-for */\r\n/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\r\nimport classnames from 'classnames';\r\nimport React from 'react';\r\nimport { WithTestId } from 'shared-client/types/test';\r\nimport StarEmptySVG from 'shared/components/svg/StarEmptySVG';\r\nimport StarSVG from 'shared/components/svg/StarSVG';\r\nimport useStarRating from './useStarRating';\r\n\r\n/**\r\n * Product Rating Props\r\n */\r\ninterface RatingProps extends WithTestId {\r\n\tvalue: number | null;\r\n\tname: string;\r\n\treadonly?: boolean;\r\n\tonChange?: (rating: number) => void;\r\n\tmaxRating?: number;\r\n}\r\n\r\n/**\r\n * If readonly, displays the rating with blank and filled stars (1-maxRating)\r\n * If not readonly, displays the rating picker with blank and filled stars (1-maxRating)\r\n * @param props\r\n */\r\nexport default function StarRating(props: RatingProps) {\r\n\tconst { value, name, readonly = false, onChange, maxRating = 5, testId } = props;\r\n\r\n\tconst { ratingStars, setRatingHovered } = useStarRating({\r\n\t\tvalue,\r\n\t\tname,\r\n\t\tmaxRating,\r\n\t});\r\n\r\n\tif (!readonly && !onChange) {\r\n\t\tthrow new Error('Rating component is set to non-readonly, yet onChange is not defined.');\r\n\t}\r\n\r\n\t/**\r\n\t * Handle changes to the radio button that backs the star rating selection\r\n\t *\r\n\t * @param {*} e\r\n\t */\r\n\tconst onInputChange = (e) => {\r\n\t\tif (onChange) {\r\n\t\t\tonChange(parseInt(e.currentTarget.value));\r\n\t\t}\r\n\t};\r\n\r\n\tif (readonly) {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{ratingStars.map(({ id, isFull }) => (\r\n\t\t\t\t\t<React.Fragment key={id}>\r\n\t\t\t\t\t\t{isFull ? (\r\n\t\t\t\t\t\t\t<StarSVG data-testid=\"readonly-star-rating-full\" className=\"roc-rating__icon\" />\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<StarEmptySVG\r\n\t\t\t\t\t\t\t\tdata-testid=\"readonly-star-rating-empty\"\r\n\t\t\t\t\t\t\t\tclassName=\"roc-rating__icon roc-rating__icon--empty\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t))}\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{ratingStars.map(({ id, isFull, isChecked, isPending, isHighlighted, ratingValue }) => {\r\n\t\t\t\tconst modifierClasses = classnames({\r\n\t\t\t\t\t'roc-rating__input--full': isFull,\r\n\t\t\t\t\t'roc-rating__input--pending': isPending,\r\n\t\t\t\t\t'roc-rating__label--highlighted': isHighlighted,\r\n\t\t\t\t});\r\n\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<React.Fragment key={id}>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\tid={id}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tvalue={ratingValue}\r\n\t\t\t\t\t\t\tonChange={onInputChange}\r\n\t\t\t\t\t\t\tchecked={isChecked}\r\n\t\t\t\t\t\t\tclassName={classnames('roc-rating__input', modifierClasses)}\r\n\t\t\t\t\t\t\taria-describedby={name}\r\n\t\t\t\t\t\t\tdata-testid={testId}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\tclassName={classnames('roc-rating__label', modifierClasses)}\r\n\t\t\t\t\t\t\thtmlFor={id}\r\n\t\t\t\t\t\t\tonMouseEnter={() => setRatingHovered(ratingValue)}\r\n\t\t\t\t\t\t\tonMouseLeave={() => setRatingHovered(null)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{isFull ? (\r\n\t\t\t\t\t\t\t\t<StarSVG className=\"roc-rating__icon\" />\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<StarEmptySVG className=\"roc-rating__icon roc-rating__icon--empty\" />\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t</>\r\n\t);\r\n}\r\n","import { useEffect, useState } from 'react';\r\n\r\n/**\r\n * The state of all of the stars being displayed, these change together frequently\r\n * so lets store them together. This is also slightly better than calculating\r\n * on every single render. Makes it easier to reuse as well.\r\n */\r\ninterface RatingStarState {\r\n\tid: string;\r\n\tisFull: boolean;\r\n\tisPending: boolean;\r\n\tisHighlighted: boolean;\r\n\tisChecked: boolean;\r\n\tratingValue: number;\r\n}\r\n\r\n/**\r\n * The params for the useStarRating hook.\r\n */\r\ninterface UseStarRatingParams {\r\n\tvalue: number | null;\r\n\tname: string;\r\n\tmaxRating?: number;\r\n}\r\n\r\n/**\r\n * The values returned by the custom star rating hook\r\n */\r\ninterface UseStarRatingResult {\r\n\tratingStars: RatingStarState[];\r\n\tsetRatingHovered: (value: number | null) => void;\r\n}\r\n\r\n/**\r\n * Custom hook that manages state for simple star rating implementations\r\n * @param params\r\n */\r\nexport default function useStarRating(params: UseStarRatingParams): UseStarRatingResult {\r\n\tconst { value, name, maxRating = 5 } = params;\r\n\tconst [ratingStars, setRatingStars] = useState<RatingStarState[]>([]);\r\n\tconst [ratingHovered, setRatingHovered] = useState<number | null>(null);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst newState: RatingStarState[] = [];\r\n\r\n\t\tfor (let i = 1; i <= maxRating; i++) {\r\n\t\t\tconst id = 'rating-group-' + name + '-' + i;\r\n\t\t\tconst isFull = value !== null && value >= i;\r\n\t\t\tconst isPending = ratingHovered ? i > ratingHovered && isFull : false;\r\n\t\t\tconst isHighlighted = ratingHovered ? i <= ratingHovered : false;\r\n\t\t\tconst isChecked = value === i;\r\n\r\n\t\t\tnewState.push({\r\n\t\t\t\tid,\r\n\t\t\t\tisFull,\r\n\t\t\t\tisPending,\r\n\t\t\t\tisHighlighted,\r\n\t\t\t\tisChecked,\r\n\t\t\t\tratingValue: i,\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tsetRatingStars(newState);\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [value, ratingHovered]);\r\n\r\n\treturn { ratingStars, setRatingHovered };\r\n}\r\n","import React from 'react';\r\nimport { FormProps, Form } from 'react-final-form';\r\nimport createDecorator from 'final-form-focus';\r\nimport { AnyObject } from 'final-form';\r\n\r\ntype RocFormProps<TFormValues = AnyObject> = FormProps<TFormValues>;\r\n\r\nconst focusOnError = createDecorator();\r\n\r\n/**\r\n * Wrapper component for react-final-form so that we can add useful defaults across the board.\r\n * @param props props\r\n */\r\nexport default function RocForm<TFormValues = AnyObject>({\r\n\tonSubmit,\r\n\trender,\r\n\tdebug,\r\n\tdestroyOnUnregister,\r\n\tform,\r\n\tcomponent,\r\n\tinitialValues,\r\n\tinitialValuesEqual,\r\n\tkeepDirtyOnReinitialize,\r\n\tvalidate,\r\n\tvalidateOnBlur,\r\n\tdecorators = [focusOnError],\r\n\tmutators,\r\n\tsubscription,\r\n}: RocFormProps<TFormValues>) {\r\n\treturn (\r\n\t\t<Form<TFormValues>\r\n\t\t\tonSubmit={onSubmit}\r\n\t\t\tdecorators={decorators}\r\n\t\t\trender={render}\r\n\t\t\tdebug={debug}\r\n\t\t\tdestroyOnUnregister={destroyOnUnregister}\r\n\t\t\tform={form}\r\n\t\t\tcomponent={component}\r\n\t\t\tinitialValues={initialValues}\r\n\t\t\tinitialValuesEqual={initialValuesEqual}\r\n\t\t\tkeepDirtyOnReinitialize={keepDirtyOnReinitialize}\r\n\t\t\tmutators={mutators}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tvalidate={validate}\r\n\t\t\tvalidateOnBlur={validateOnBlur}\r\n\t\t/>\r\n\t);\r\n}\r\n","/**\r\n * Retrieves an <div> HTMLElement representing a specified tab by its ID.\r\n * @param tabId The ID of the tab to retrieve.\r\n */\r\nexport function getTabDivElement(tabId: string): HTMLDivElement | null {\r\n\tconst divElements = document.querySelector(`div[data-tab-id=\"${tabId}\"]`);\r\n\r\n\treturn divElements instanceof HTMLDivElement ? divElements : null;\r\n}\r\n\r\n/**\r\n * Retrieves an <li> HTMLElement representing a specified tab by its ID.\r\n * @param tabId The ID of the tab to retrieve.\r\n */\r\nexport function getTabLiElement(tabId: string): HTMLLIElement | null {\r\n\tconst listElements = document.querySelector(`li[data-tab-id=\"${tabId}\"]`);\r\n\r\n\treturn listElements instanceof HTMLLIElement ? listElements : null;\r\n}\r\n","import React from 'react';\r\n\r\ninterface RocOptionsTableProps {\r\n\tchildren: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Placeholder component to display simple listing table\r\n */\r\nexport default function RocOptionsTable(props: RocOptionsTableProps) {\r\n\tconst { children } = props;\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-options-table\">\r\n\t\t\t<div className=\"roc-options-table__responsive\">\r\n\t\t\t\t<table className=\"roc-options-table__table\">{children}</table>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\n\r\ninterface RocOptionsTableTitleProps {\r\n\tchildren: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Placeholder component to display the title for simple listing tables @see RocOptionsTable\r\n */\r\nexport default function RocOptionsTableTitle(props: RocOptionsTableTitleProps) {\r\n\tconst { children, ...rest } = props;\r\n\r\n\treturn (\r\n\t\t<h3 className=\"roc-options-table__title\" {...rest}>\r\n\t\t\t{children}\r\n\t\t</h3>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { ProductDetailSelection, SimpleSelectionDto } from './types';\r\nimport ProductSelectionsList from '../shopping-cart/ProductSelectionsList';\r\n\r\ninterface ProductAttributeListprops {\r\n\tselections?: ProductDetailSelection[];\r\n}\r\n\r\n/**\r\n * Renders a product selectable attributes\r\n */\r\nexport default function ProductSelectableAttributesList(props: ProductAttributeListprops) {\r\n\tconst { selections } = props;\r\n\r\n\tif (!selections) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst simpleSelections = selections\r\n\t\t.filter((s) => s.values?.length > 0)\r\n\t\t.map<SimpleSelectionDto>((selection) => ({\r\n\t\t\tname: selection.label,\r\n\t\t\tid: selection.values[0].value,\r\n\t\t\tlabel: selection.values[0].label,\r\n\t\t\tvalue: selection.values[0].label,\r\n\t\t\tfield: selection.field,\r\n\t\t}));\r\n\r\n\treturn <ProductSelectionsList selections={simpleSelections} classNamePrefix=\"roc-order-details-item\" />;\r\n}\r\n","import { MY_ACCOUNT_SHOPPING_LISTS_URL } from 'features/my-account/routes.commerce';\r\nimport { MY_ACCOUNT_LOGIN_URL } from 'features/my-account/routes.roc';\r\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { getUserData } from 'services/UserData';\r\nimport { BulkAddToListResponse } from 'services/UserData.Commerce';\r\nimport Modal from 'shared/components/Modal';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport CheckCircleSVG from 'shared/components/svg/CheckCircleSVG';\r\nimport InlineAlert from 'shared/edit/InlineAlert';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport ShoppingListEditItem from '../my-account/shopping-lists/ShoppingListEditItem';\r\nimport { ItemToAddToList, PrivacyType, PrivacyTypeOptions, ShoppingListDto } from '../my-account/shopping-lists/types';\r\nimport { useShoppingListLoader } from '../my-account/shopping-lists/useShoppingListLoader';\r\nimport { useShoppingLists } from '../my-account/shopping-lists/useShoppingLists';\r\n\r\ninterface BulkAddToListProps {\r\n\t/**\r\n\t * defines if the current user is signed in.\r\n\t */\r\n\tisUserSignedIn: boolean;\r\n\t/**\r\n\t * Represents the list of products to add to list.\r\n\t */\r\n\titemsToAddToList: ItemToAddToList[];\r\n\t/**\r\n\t * Function to clear selected items after adding them to list.\r\n\t */\r\n\tclearSelectedItems: () => void;\r\n}\r\n\r\n/**\r\n * Represents the component on a product details page that adds multiple products to the user's shopping list.\r\n */\r\nexport default function BulkAddToList(props: BulkAddToListProps) {\r\n\tconst [openListModal, setOpenListModal] = useState<boolean>(false);\r\n\tconst [modalOpen, setModalOpen] = useState(false);\r\n\tconst [addToListResponse, setAddToListResponse] = useState<BulkAddToListResponse | null>(null);\r\n\tconst [confirmationPopupOpen, setConfirmationPopupOpen] = useState(false);\r\n\tconst [addingToList, setAddingToList] = useState(false);\r\n\r\n\tconst triggerRef = useRef<HTMLButtonElement | null>(null);\r\n\r\n\tconst { results } = useShoppingListLoader({\r\n\t\tinitialPageSize: 15,\r\n\t});\r\n\r\n\tconst {\r\n\t\tstate: { isSaving, shoppingListBeingEdited, shoppingList, error, errorMessage },\r\n\t\tactor: { stopEditingShoppingList, saveShoppingList, beginCreateShoppingList, bulkAddProductToList },\r\n\t} = useShoppingLists();\r\n\r\n\tconst cancelEditShoppingList = () => {\r\n\t\tstopEditingShoppingList();\r\n\t\tsetModalOpen(false);\r\n\t};\r\n\r\n\tconst onSaveShoppingList = async (formValues: ShoppingListDto) => {\r\n\t\tconst validationResult = await saveShoppingList(formValues);\r\n\t\tif (validationResult) {\r\n\t\t\treturn validationResult;\r\n\t\t} else {\r\n\t\t\tsetModalOpen(false);\r\n\t\t\treturn;\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleListModal = async () => {\r\n\t\tif (props.isUserSignedIn) {\r\n\t\t\tif (openListModal) {\r\n\t\t\t\tsetOpenListModal(false);\r\n\t\t\t} else {\r\n\t\t\t\tsetOpenListModal(true);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\twindow.location.href = MY_ACCOUNT_LOGIN_URL + '?ReturnUrl=' + encodeURIComponent(window.location.pathname);\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleAddToList = useCallback(\r\n\t\tasync (shoppingListId) => {\r\n\t\t\tsetConfirmationPopupOpen(false);\r\n\r\n\t\t\ttry {\r\n\t\t\t\tsetOpenListModal(false);\r\n\t\t\t\tsetAddingToList(true);\r\n\r\n\t\t\t\tconst response = await bulkAddProductToList({\r\n\t\t\t\t\tshoppingListId: shoppingListId,\r\n\t\t\t\t\titems: props.itemsToAddToList,\r\n\t\t\t\t});\r\n\r\n\t\t\t\tsetConfirmationPopupOpen(true);\r\n\r\n\t\t\t\tif (!response) {\r\n\t\t\t\t\tsetAddToListResponse(null);\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tsetAddToListResponse(response);\r\n\t\t\t\tif (props.clearSelectedItems) {\r\n\t\t\t\t\tprops.clearSelectedItems();\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tsetAddToListResponse(null);\r\n\t\t\t}\r\n\r\n\t\t\tsetAddingToList(false);\r\n\t\t},\r\n\t\t[props, bulkAddProductToList],\r\n\t);\r\n\r\n\tuseEffect(() => {\r\n\t\t(async () => {\r\n\t\t\ttry {\r\n\t\t\t\tconst data = (await getUserData()).data;\r\n\r\n\t\t\t\tif (!data?.summary?.organization) {\r\n\t\t\t\t\tconst organizationOption = PrivacyTypeOptions.find((s) => s.text === PrivacyType.Organization);\r\n\r\n\t\t\t\t\tif (organizationOption != undefined) {\r\n\t\t\t\t\t\tPrivacyTypeOptions.splice(PrivacyTypeOptions.indexOf(organizationOption));\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.error('Unable to load user data.', error);\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\t\tif (!shoppingListBeingEdited) {\r\n\t\t\tbeginCreateShoppingList();\r\n\t\t}\r\n\t}, [shoppingListBeingEdited, beginCreateShoppingList]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (shoppingList) {\r\n\t\t\tresults?.results.push(shoppingList);\r\n\t\t\thandleAddToList(shoppingList.id);\r\n\t\t}\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [shoppingList, results]);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<button\r\n\t\t\t\tonClick={() => handleListModal()}\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\tclassName=\"roc-btn roc-btn--big\"\r\n\t\t\t\tdisabled={\r\n\t\t\t\t\taddingToList || !props.itemsToAddToList || props.itemsToAddToList.every((e) => e.quantity == null)\r\n\t\t\t\t}\r\n\t\t\t\tdata-testid=\"bulk-add-to-list-button\"\r\n\t\t\t\tref={triggerRef}\r\n\t\t\t>\r\n\t\t\t\t{Localizer('AddToList')}\r\n\t\t\t\t{addingToList && <Spinner />}\r\n\t\t\t</button>\r\n\r\n\t\t\t{addToListResponse !== null ? (\r\n\t\t\t\t<Modal\r\n\t\t\t\t\tisOpen={confirmationPopupOpen}\r\n\t\t\t\t\trenderTitle={() => Localizer('AddedToList')}\r\n\t\t\t\t\tcloseModal={() => setConfirmationPopupOpen(false)}\r\n\t\t\t\t\ttitleIcon={<CheckCircleSVG />}\r\n\t\t\t\t>\r\n\t\t\t\t\t<BulkAddedToListAlert response={addToListResponse} setPopupOpen={setConfirmationPopupOpen} />\r\n\t\t\t\t</Modal>\r\n\t\t\t) : null}\r\n\r\n\t\t\t{openListModal && (\r\n\t\t\t\t<Modal\r\n\t\t\t\t\tisOpen={openListModal}\r\n\t\t\t\t\trenderTitle={() => Localizer('ShoppingLists')}\r\n\t\t\t\t\tcloseModal={() => setOpenListModal(false)}\r\n\t\t\t\t>\r\n\t\t\t\t\t<ul className=\"roc-utlity-nav__menu\">\r\n\t\t\t\t\t\t{results &&\r\n\t\t\t\t\t\t\tresults.results &&\r\n\t\t\t\t\t\t\tresults.results.map((shoppingList, index) => {\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t<li className=\"roc-utlity-nav__menu-item\" key={index}>\r\n\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-utlity-nav__menu-item-link\"\r\n\t\t\t\t\t\t\t\t\t\t\tdata-testid={`shopping-list-${toKebabCase(shoppingList.name)}-${index}`}\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleAddToList(shoppingList.id)}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{shoppingList.name}\r\n\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t})}\r\n\r\n\t\t\t\t\t\t<li className=\"roc-utlity-nav__menu-item\">\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\tclassName=\"roc-utlity-nav__menu-item-link\"\r\n\t\t\t\t\t\t\t\tdata-testid=\"add-new-shopping-list\"\r\n\t\t\t\t\t\t\t\tonClick={() => (setModalOpen(true), setOpenListModal(false))}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t+ {Localizer('AddNewShoppingList')}\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</Modal>\r\n\t\t\t)}\r\n\r\n\t\t\t<Modal\r\n\t\t\t\tisOpen={modalOpen}\r\n\t\t\t\trenderTitle={() => Localizer('AddNewShoppingList')}\r\n\t\t\t\tcloseModal={() => setModalOpen(false)}\r\n\t\t\t>\r\n\t\t\t\t<ShoppingListEditItem\r\n\t\t\t\t\tstopEditingShoppingList={cancelEditShoppingList}\r\n\t\t\t\t\tshoppingListBeingEdited={shoppingListBeingEdited || ({} as ShoppingListDto)}\r\n\t\t\t\t\tonSaveShoppingList={onSaveShoppingList}\r\n\t\t\t\t\tisSaving={isSaving}\r\n\t\t\t\t\tshoppingList={[]}\r\n\t\t\t\t/>\r\n\t\t\t</Modal>\r\n\r\n\t\t\t{error != null || errorMessage ? <InlineAlert theme=\"danger\" message={errorMessage} error={error} /> : null}\r\n\t\t</>\r\n\t);\r\n}\r\n\r\ninterface BulkAddedToListAlertProps {\r\n\tresponse: BulkAddToListResponse;\r\n\tsetPopupOpen: (value: boolean) => void;\r\n}\r\n\r\n/**\r\n * Displays Added to List confirmation for bulk add to list\r\n */\r\nfunction BulkAddedToListAlert(props: BulkAddedToListAlertProps) {\r\n\tconst { response } = props;\r\n\tconst [displayAlert, setDisplayAlert] = useState(true);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetDisplayAlert(true);\r\n\t}, [response]);\r\n\r\n\tif (!displayAlert) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t{response && response.errorMessages && (\r\n\t\t\t\t<div className=\"roc-icon-text roc-toggle-form__error\">\r\n\t\t\t\t\t<div data-testid=\"inline-alert-window\" className=\"roc-alert roc-alert-warning roc-alert-full-width\">\r\n\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t{response.errorMessages.map((message, index) => (\r\n\t\t\t\t\t\t\t\t<li data-testid=\"inline-alert-text\" key={index}>\r\n\t\t\t\t\t\t\t\t\t<span dangerouslySetInnerHTML={{ __html: message }} />\r\n\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\r\n\t\t\t<div className=\"roc-item-summary\">\r\n\t\t\t\t{response &&\r\n\t\t\t\t\tresponse.items &&\r\n\t\t\t\t\tresponse.items.map((item, index) => {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<div className=\"roc-item-summary__section\" key={index}>\r\n\t\t\t\t\t\t\t\t<div className=\"roc-item-summary__item\">\r\n\t\t\t\t\t\t\t\t\t<div className=\"roc-item-summary__image-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t{item.imageUrl ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-item-summary__image\"\r\n\t\t\t\t\t\t\t\t\t\t\t\talt={item.name}\r\n\t\t\t\t\t\t\t\t\t\t\t\tsrc={item.imageUrl}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-item-summary__image\"\r\n\t\t\t\t\t\t\t\t\t\t\t\talt={item.name}\r\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"/images/image-not-found-medium.png\"\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<div className=\"roc-item-summary__text\">\r\n\t\t\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\t\t\t<strong>{item.name}</strong>\r\n\t\t\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\t\t\t{/* #region HCL - replace SKU to ItemNumber */}\r\n\t\t\t\t\t\t\t\t\t\t\t{Localizer('ItemNumber')}:{/* #endregion */}\r\n\t\t\t\t\t\t\t\t\t\t\t<span data-testid=\"added-to-cart-sku\">{item.sku}</span>\r\n\t\t\t\t\t\t\t\t\t\t</p>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<table className=\"roc-item-summary__attributes\">\r\n\t\t\t\t\t\t\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<tr className=\"roc-item-summary__row\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--property\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<strong>{Localizer('Qty')} </strong>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--value\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.quantity}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t\t\t</tbody>\r\n\t\t\t\t\t\t\t\t\t\t</table>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t<div className=\"roc-item-summary__section\">\r\n\t\t\t\t\t<div className=\"roc-item-summary__btn-row\">\r\n\t\t\t\t\t\t<div className=\"roc-item-summary__btn-col\">\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\tonClick={() => props.setPopupOpen(false)}\r\n\t\t\t\t\t\t\t\tclassName=\"roc-btn-secondary roc-btn-secondary--big roc-btn-secondary--block roc-item-summary__btn\"\r\n\t\t\t\t\t\t\t\tdata-testid=\"continue-shopping-btn\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{Localizer('ContinueShopping')}\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className=\"roc-item-summary__btn-col\">\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\tonClick={() =>\r\n\t\t\t\t\t\t\t\t\t(window.location.href = `${MY_ACCOUNT_SHOPPING_LISTS_URL}/${response.shoppingListId}`)\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tclassName=\"roc-btn roc-btn--big roc-btn--block roc-item-summary__btn\"\r\n\t\t\t\t\t\t\t\tdata-testid=\"view-list-btn\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<span className=\"roc-item-summary__btn-text\">{Localizer('ViewList')}</span>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React, { useContext } from 'react';\r\nimport { UseProductDetailsState, UseProductDetailsActor } from './useProductDetails';\r\n\r\n/**\r\n * Context for product details\r\n */\r\nexport interface ProductDetailsContext {\r\n\tstate: UseProductDetailsState;\r\n\tactor: UseProductDetailsActor;\r\n}\r\n\r\nconst ProductDetailsContext = React.createContext<ProductDetailsContext | null>(null);\r\n\r\nexport default ProductDetailsContext;\r\n\r\n/**\r\n * Custom hook for product details context\r\n */\r\nexport function useProductDetailsContext() {\r\n\tconst context = useContext(ProductDetailsContext);\r\n\r\n\tif (context === null) {\r\n\t\tthrow new Error('No ProductDetailsContext.Provider found.');\r\n\t}\r\n\r\n\treturn context;\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { BulkAddToCartResponse } from 'services/UserData.Commerce';\r\nimport LazyImage from 'shared/assets/LazyImage';\r\nimport { AssetType } from 'shared/assets/types';\r\nimport ProductPricing from 'shared/components/commerce/ProductPricing';\r\nimport Modal from 'shared/components/Modal';\r\nimport RocOptionsTable from 'shared/components/roc-options-table/RocOptionsTable';\r\nimport RocOptionsTableTitle from 'shared/components/roc-options-table/RocOptionsTableTitle';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport CheckCircleSVG from 'shared/components/svg/CheckCircleSVG';\r\nimport InlineAlert from 'shared/edit/InlineAlert';\r\nimport MultipleItemsAddedToCartAlert from '../store/MultipleItemsAddedToCartAlert';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport { productAssetPlaceholder } from './ProductAssets';\r\nimport ProductSelectableAttributesList from './ProductSelectableAttributesList';\r\nimport BulkAddToList from './BulkAddToList';\r\nimport { ItemToAddToList } from '../my-account/shopping-lists/types';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport { GetPriceForQuantity, GetPricingLine } from '../pricing/pricing-result';\r\nimport { OrderMessageAction } from '../shopping-cart/OrderMessages';\r\nimport { AddToCartProps } from '../shopping-cart/types';\r\nimport useShoppingCart, { UseShoppingCart } from '../shopping-cart/useShoppingCart';\r\nimport { BulkProductsPartialDataResponse, getBulkPartialProductsData } from './data';\r\nimport { useProductDetailsContext } from './ProductDetailsContext';\r\nimport ProductPricingLines, { CheckableLine } from './ProductPricingLines';\r\nimport {\r\n\tAddToCartExceptionCode,\r\n\tAvailability,\r\n\tProductAsset,\r\n\tProductDetailsState,\r\n\tProductPricingLine,\r\n\tProductPricingLinesDetails,\r\n} from './types';\r\n\r\n/**\r\n * Keys that will be requested from the server when requesting group product simples data\r\n */\r\nconst missingKeys: Array<keyof ProductDetailsState> = [\r\n\t'summary',\r\n\t'assets',\r\n\t'availability',\r\n\t'brand',\r\n\t'pricingLines',\r\n\t'displayPricing',\r\n\t'selections',\r\n];\r\n\r\n/**\r\n * Group Product Simples Listing Component\r\n */\r\nexport function SimpleProductsListing() {\r\n\tconst {\r\n\t\tstate: { productDetails, userIsSignedIn },\r\n\t\tactor: { isPurchaseable },\r\n\t} = useProductDetailsContext();\r\n\r\n\tconst [selectedItems, setSelectedItems] = useState<AddToCartProps[]>([]);\r\n\tconst [childrenData, setChildrenData] = useState<BulkProductsPartialDataResponse | null>(null);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (productDetails.children && productDetails.children?.length > 0) {\r\n\t\t\tasync function fetchChildrenData(productIds: string[]) {\r\n\t\t\t\tconst results = await getBulkPartialProductsData({\r\n\t\t\t\t\tproductIds: productIds,\r\n\t\t\t\t\tmissingKeys: missingKeys,\r\n\t\t\t\t});\r\n\t\t\t\tsetChildrenData(results);\r\n\t\t\t}\r\n\r\n\t\t\tfetchChildrenData(productDetails.children.map((p) => p.id));\r\n\t\t} else {\r\n\t\t\tsetChildrenData(null);\r\n\t\t}\r\n\t}, [productDetails.children]);\r\n\r\n\tconst alternateProductDetailsDom = document.getElementById('alternate-product-details-simples');\r\n\tif (!alternateProductDetailsDom) {\r\n\t\tconsole.warn('alternate product details DOM element not found.');\r\n\t\treturn null;\r\n\t}\r\n\r\n\t/**\r\n\t * update the list of items addable to cart or to list when updating qty or unit of measure\r\n\t */\r\n\tconst updateSelectedItem = (itemId?: string, name?: string, selectedPricingLineId?: string, quantity?: number) => {\r\n\t\tif (!itemId) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst itemIndex = selectedItems.findIndex((i) => i.itemId == itemId);\r\n\r\n\t\tif (!quantity || quantity === 0) {\r\n\t\t\tif (itemIndex > -1) {\r\n\t\t\t\tsetSelectedItems(\r\n\t\t\t\t\tselectedItems?.filter(function (i) {\r\n\t\t\t\t\t\treturn i.itemId !== itemId;\r\n\t\t\t\t\t}),\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst newItems = [...selectedItems];\r\n\t\tif (itemIndex > -1) {\r\n\t\t\tnewItems[itemIndex].quantity = quantity;\r\n\t\t\tnewItems[itemIndex].productPricingLineId = selectedPricingLineId ?? null;\r\n\t\t} else {\r\n\t\t\tnewItems.push({\r\n\t\t\t\titemId: itemId,\r\n\t\t\t\tproductPricingLineId: selectedPricingLineId ?? null,\r\n\t\t\t\tquantity: quantity,\r\n\t\t\t});\r\n\t\t}\r\n\t\tsetSelectedItems(newItems);\r\n\t};\r\n\r\n\tconst clearSelectedItems = () => setSelectedItems([]);\r\n\r\n\tconst itemsToAddToList: ItemToAddToList[] = selectedItems.map((i) => {\r\n\t\treturn {\r\n\t\t\titemId: i.itemId,\r\n\t\t\tproductPricingLineId: i.productPricingLineId,\r\n\t\t\tquantity: i.quantity ?? 1,\r\n\t\t};\r\n\t});\r\n\r\n\tconst simplesListing = (\r\n\t\t<div data-testid=\"alternate-product-details-options\">\r\n\t\t\t<RocOptionsTable>\r\n\t\t\t\t{childrenData\r\n\t\t\t\t\t? productDetails.children?.map((child, index) => {\r\n\t\t\t\t\t\t\tchildrenData[child.id].id = child.id;\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t<SimpleProductsListingRow\r\n\t\t\t\t\t\t\t\t\tupdateSelectedItem={updateSelectedItem}\r\n\t\t\t\t\t\t\t\t\titem={childrenData[child.id]}\r\n\t\t\t\t\t\t\t\t\tindex={index}\r\n\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\tselectedItems={selectedItems}\r\n\t\t\t\t\t\t\t\t\tisPurchaseable={isPurchaseable}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t  })\r\n\t\t\t\t\t: null}\r\n\t\t\t</RocOptionsTable>\r\n\t\t\t<BulkAddToCartButton itemsToAdd={selectedItems} clearSelectedItems={clearSelectedItems} />\r\n\t\t\t<BulkAddToList\r\n\t\t\t\titemsToAddToList={itemsToAddToList}\r\n\t\t\t\tisUserSignedIn={userIsSignedIn}\r\n\t\t\t\tclearSelectedItems={clearSelectedItems}\r\n\t\t\t/>\r\n\t\t</div>\r\n\t);\r\n\r\n\treturn ReactDOM.createPortal(simplesListing, alternateProductDetailsDom);\r\n}\r\n\r\ninterface SimpleProductsListingRowProps {\r\n\tindex: number;\r\n\titem: Partial<ProductDetailsState>;\r\n\tupdateSelectedItem: (\r\n\t\titemId?: string,\r\n\t\tproductname?: string,\r\n\t\tselectedPricingLineId?: string,\r\n\t\tquantity?: number | null,\r\n\t) => void;\r\n\tselectedItems: AddToCartProps[];\r\n\tisPurchaseable: (availability?: Availability | null, pricingLine?: ProductPricingLine) => boolean;\r\n}\r\n\r\n/**\r\n * Single simple product row\r\n */\r\nfunction SimpleProductsListingRow(props: SimpleProductsListingRowProps) {\r\n\tconst { item, index, updateSelectedItem, selectedItems, isPurchaseable } = props;\r\n\tconst [selectedPricingLineId, setSelectedPricingLineId] = useState<string | undefined>();\r\n\tconst [quantity, setQuantity] = useState<number | null>();\r\n\r\n\tconst compareAssets = (a: ProductAsset, b: ProductAsset) => a.sortOrder - b.sortOrder;\r\n\tconst defaultAsset = item?.assets?.sort(compareAssets).find((asset) => asset.assetType === AssetType.Image);\r\n\tconst mainImage = defaultAsset ?? productAssetPlaceholder;\r\n\r\n\tuseEffect(() => {\r\n\t\tconst selectedPricingLineId = item.pricingLines && item.pricingLines.selected && item.pricingLines.selected.id;\r\n\t\tsetSelectedPricingLineId(selectedPricingLineId);\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\tconst getDetail = () => {\r\n\t\tif (item.displayPricing == null) {\r\n\t\t\tthrow new Error(\"Display pricing was rendered when it wasn't ready!\");\r\n\t\t}\r\n\t\tconst displayPriceLine = GetPricingLine(item.displayPricing, item.id ?? '', selectedPricingLineId);\r\n\r\n\t\treturn displayPriceLine && GetPriceForQuantity(displayPriceLine.prices, 1);\r\n\t};\r\n\r\n\tif (!item) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<tr key={index}>\r\n\t\t\t<td>\r\n\t\t\t\t{item.summary ? (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<div className=\"roc-options-table__image-title-wrapper\">\r\n\t\t\t\t\t\t\t{mainImage !== null ? (\r\n\t\t\t\t\t\t\t\t<div className=\"roc-options-table__image-title-wrapper-item\">\r\n\t\t\t\t\t\t\t\t\t<div className=\"roc-options-table__image-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t<LazyImage\r\n\t\t\t\t\t\t\t\t\t\t\tsrc={mainImage.mainImageUrl}\r\n\t\t\t\t\t\t\t\t\t\t\talt={mainImage.altText}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-options-table__image\"\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t<div className=\"roc-options-table__image-title-wrapper-item\">\r\n\t\t\t\t\t\t\t\t<RocOptionsTableTitle data-testid={`rvp-header-${toKebabCase(item.summary.name)}`}>\r\n\t\t\t\t\t\t\t\t\t{item.summary.productUrl ? (\r\n\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\thref={item.summary.productUrl}\r\n\t\t\t\t\t\t\t\t\t\t\t// #region Commerce\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\tif (item.id) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdispatchRocEvent('product-clicked', {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductId: item.id,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\turl: item.summary?.productUrl ?? '#',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductName: item.summary?.name ?? '',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductGroupId: item.summary?.productGroupId ?? null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t// #endregion\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>{item.summary.name}</span>\r\n\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t<span>{item.summary.name}</span>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t</RocOptionsTableTitle>\r\n\r\n\t\t\t\t\t\t\t\t{item.summary.sku ? (\r\n\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t{/* #region HCL - replace SKU for ItemNumber */}\r\n\t\t\t\t\t\t\t\t\t\t{Localizer('ItemNumber')}:{/* #endregion */}\r\n\t\t\t\t\t\t\t\t\t\t<span>{item.summary.sku}</span>\r\n\t\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t<div data-testid={`selections-${toKebabCase(item.summary.name)}`}>\r\n\t\t\t\t\t\t\t\t\t<ProductSelectableAttributesList selections={item.selections} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</>\r\n\t\t\t\t) : null}\r\n\t\t\t</td>\r\n\r\n\t\t\t<td>\r\n\t\t\t\t<ProductPricing\r\n\t\t\t\t\tdisplayPrice={getDetail()}\r\n\t\t\t\t\tclassName=\"roc-options-table__text roc-options-table__text--right\"\r\n\t\t\t\t\tinline\r\n\t\t\t\t\ttestId=\"pdp-main-price\"\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t<SimpleProductQtyUOM\r\n\t\t\t\t\trowIndex={index}\r\n\t\t\t\t\tpricingLines={item.pricingLines}\r\n\t\t\t\t\tonPricingLineChange={async (pricingLineId: string) => {\r\n\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\tconst selectedPricingLine =\r\n\t\t\t\t\t\t\t\titem.pricingLines &&\r\n\t\t\t\t\t\t\t\titem.pricingLines.available.find((line) => line.id === pricingLineId);\r\n\r\n\t\t\t\t\t\t\tif (!selectedPricingLine) {\r\n\t\t\t\t\t\t\t\tupdateSelectedItem(item.id, item.summary?.name, undefined, quantity);\r\n\t\t\t\t\t\t\t\tthrow new Error('Invalid unit of measure selected');\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tsetSelectedPricingLineId(selectedPricingLine.id);\r\n\t\t\t\t\t\t\tupdateSelectedItem(item.id, item.summary?.name, selectedPricingLineId, quantity);\r\n\t\t\t\t\t\t} catch (error) {\r\n\t\t\t\t\t\t\tconsole.error(error);\r\n\t\t\t\t\t\t\tupdateSelectedItem(item.id, item.summary?.name, selectedPricingLineId);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonQuantityUpdate={(quantity) => {\r\n\t\t\t\t\t\tsetQuantity(quantity);\r\n\t\t\t\t\t\tupdateSelectedItem(item.id, item.summary?.name, selectedPricingLineId, quantity);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tselectedItems={selectedItems}\r\n\t\t\t\t\titemId={item.id}\r\n\t\t\t\t\titemName={item.summary?.name}\r\n\t\t\t\t\tisPurchaseable={isPurchaseable(item.availability, item.pricingLines?.selected)}\r\n\t\t\t\t/>\r\n\t\t\t</td>\r\n\t\t</tr>\r\n\t);\r\n}\r\n\r\ninterface SimpleProductQtyUOMProps {\r\n\trowIndex?: number;\r\n\titemId?: string;\r\n\titemName?: string;\r\n\tpricingLines?: ProductPricingLinesDetails;\r\n\tonPricingLineChange: (pricingLineId: string) => void;\r\n\tonQuantityUpdate?: (newQuantity: number | null) => void;\r\n\tselectedItems: AddToCartProps[];\r\n\tisPurchaseable: boolean;\r\n}\r\n\r\n/**\r\n * Simple products quantity and unit of measure inputs\r\n * those inputs will be used on adding multiple products to cart or to lists\r\n */\r\nfunction SimpleProductQtyUOM(props: SimpleProductQtyUOMProps) {\r\n\tconst [quantity, setQuantity] = useState<number | null>();\r\n\tconst [selectedProductPricingLineId, setSelectedProductPricingLineId] = useState<string | undefined>();\r\n\tconst {\r\n\t\titemName,\r\n\t\tpricingLines,\r\n\t\tisPurchaseable,\r\n\t\tonPricingLineChange,\r\n\t\tonQuantityUpdate,\r\n\t\tselectedItems,\r\n\t\titemId,\r\n\t} = props;\r\n\r\n\t//set quantity to null if the currenct item is no more selected\r\n\tuseEffect(() => {\r\n\t\tif (!selectedItems || selectedItems.length == 0 || !selectedItems.find((e) => e.itemId == itemId)) {\r\n\t\t\tsetQuantity(null);\r\n\t\t}\r\n\t}, [selectedItems, itemId]);\r\n\r\n\tconst handleUnitOfMeasure = (line: CheckableLine) => {\r\n\t\tif (selectedProductPricingLineId === line.pricingLine?.id) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tsetSelectedProductPricingLineId(line.pricingLine?.id);\r\n\r\n\t\t// trigger unit of measure change on the parent component only in case it is not an initialization process\r\n\t\t// because this will reload the data like pricing, availability, etc.\r\n\t\tif (!line.isInitialization && line.pricingLine) {\r\n\t\t\tonPricingLineChange(line.pricingLine.id);\r\n\t\t}\r\n\t};\r\n\r\n\tconst updateQuantity = (e: React.ChangeEvent<HTMLInputElement>): void => {\r\n\t\tconst newQuantity = parseInt(e.currentTarget.value);\r\n\r\n\t\tif (isNaN(newQuantity)) {\r\n\t\t\tsetQuantity(null);\r\n\t\t\tif (onQuantityUpdate) {\r\n\t\t\t\tonQuantityUpdate(null);\r\n\t\t\t}\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (newQuantity > 0) {\r\n\t\t\tsetQuantity(newQuantity);\r\n\t\t\tif (onQuantityUpdate) {\r\n\t\t\t\tonQuantityUpdate(newQuantity);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tif (!isPurchaseable) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-options-table__form-group\">\r\n\t\t\t{/* If a product doesn't have any units of measure it either cannot be purchased or it is a group product.\r\n\t\t\t\t\tEither way, we do not want to render the quantity controls in this case */}\r\n\t\t\t<label htmlFor=\"quantity\" className=\"roc-options-table__form-label\">\r\n\t\t\t\t<span className=\"roc-options-table__form-label-text\">Qty:</span>\r\n\t\t\t\t<input\r\n\t\t\t\t\tname=\"quantity\"\r\n\t\t\t\t\ttype=\"number\"\r\n\t\t\t\t\tautoComplete=\"off\"\r\n\t\t\t\t\tid=\"quantity\"\r\n\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\tclassName=\"roc-form-input__input roc-options-table__form-input roc-options-table__form-input--small\"\r\n\t\t\t\t\tdata-testid={`alternate-layout-quantity-${toKebabCase(itemName ?? '')}`}\r\n\t\t\t\t\tvalue={quantity ?? ''}\r\n\t\t\t\t\tonChange={(e) => updateQuantity(e)}\r\n\t\t\t\t/>\r\n\t\t\t</label>\r\n\t\t\t{pricingLines && pricingLines.available && pricingLines.available.length > 0 ? (\r\n\t\t\t\t<ProductPricingLines\r\n\t\t\t\t\tclassName=\"roc-options-table__form-label\"\r\n\t\t\t\t\tdetails={pricingLines}\r\n\t\t\t\t\tonPricingLineChange={handleUnitOfMeasure}\r\n\t\t\t\t/>\r\n\t\t\t) : null}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\ninterface BulkAddToCartButtonProps {\r\n\titemsToAdd: AddToCartProps[];\r\n\tclearSelectedItems: () => void;\r\n}\r\n\r\n/**\r\n * Add to cart button that will be used to add multiple items to cart at once\r\n */\r\nfunction BulkAddToCartButton(props: BulkAddToCartButtonProps) {\r\n\tconst { itemsToAdd, clearSelectedItems } = props;\r\n\tconst [modalOpen, setModalOpen] = useState(true);\r\n\tconst [addingToCart, setAddingToCart] = useState(false);\r\n\tconst [isViewCartActive, setIsViewCartActive] = useState<boolean>(false);\r\n\tconst [errorMessages, setErrorMessages] = useState<Array<string>>([]);\r\n\r\n\tconst [bulkAddToCartResponse, setBulkAddToCartResponse] = useState<BulkAddToCartResponse | null>(null);\r\n\r\n\tconst UseShoppingCartResult: UseShoppingCart = useShoppingCart();\r\n\tconst {\r\n\t\tstate: { error, errorType },\r\n\t\tactor: { bulkAddToCart },\r\n\t} = UseShoppingCartResult;\r\n\r\n\tconst errorTitle =\r\n\t\terrorType === AddToCartExceptionCode.cartFull\r\n\t\t\t? Localizer('CartFull')\r\n\t\t\t: errorType === AddToCartExceptionCode.productOutOfStock\r\n\t\t\t? Localizer('OutOfStock')\r\n\t\t\t: errorType === AddToCartExceptionCode.productUnavailable\r\n\t\t\t? Localizer('ProductUnavailable')\r\n\t\t\t: Localizer('ErrorMessageGenericTitle');\r\n\r\n\tconst handleBulkAddToCart = async () => {\r\n\t\tsetErrorMessages([]);\r\n\t\tsetBulkAddToCartResponse(null);\r\n\r\n\t\ttry {\r\n\t\t\tsetAddingToCart(true);\r\n\t\t\tconst response = await bulkAddToCart({ items: itemsToAdd });\r\n\r\n\t\t\tif (!response) {\r\n\t\t\t\tsetBulkAddToCartResponse(null);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tsetBulkAddToCartResponse(response);\r\n\t\t\tclearSelectedItems();\r\n\r\n\t\t\tconst orderErrorMessages = response.orderMessages?.filter(\r\n\t\t\t\t(om) =>\r\n\t\t\t\t\tom.messageAction === OrderMessageAction.Error ||\r\n\t\t\t\t\tom.messageAction === OrderMessageAction.RedirectToCart,\r\n\t\t\t);\r\n\r\n\t\t\tif (orderErrorMessages && orderErrorMessages.length > 0) {\r\n\t\t\t\tsetErrorMessages(orderErrorMessages.map((orderMessages) => orderMessages.message));\r\n\t\t\t\tsetModalOpen(false);\r\n\t\t\t\tsetIsViewCartActive(true);\r\n\t\t\t} else {\r\n\t\t\t\tsetModalOpen(true);\r\n\t\t\t}\r\n\r\n\t\t\tdispatchRocEvent('roc-cart-summary-updated', { cartSummary: response.cartSummary });\r\n\t\t} catch (error) {\r\n\t\t\tsetBulkAddToCartResponse(null);\r\n\t\t}\r\n\r\n\t\tsetAddingToCart(false);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<button\r\n\t\t\t\tonClick={() => handleBulkAddToCart()}\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\tclassName=\"roc-btn roc-btn--block roc-btn--big\"\r\n\t\t\t\tdisabled={\r\n\t\t\t\t\taddingToCart ||\r\n\t\t\t\t\t!itemsToAdd ||\r\n\t\t\t\t\titemsToAdd.length == 0 ||\r\n\t\t\t\t\titemsToAdd.every((e) => e.productPricingLineId == undefined)\r\n\t\t\t\t}\r\n\t\t\t\tdata-testid=\"add-to-cart-button\"\r\n\t\t\t>\r\n\t\t\t\t{Localizer('AddToCart')}\r\n\t\t\t\t{addingToCart && <Spinner />}\r\n\t\t\t</button>\r\n\r\n\t\t\t{bulkAddToCartResponse !== null ? (\r\n\t\t\t\t<Modal\r\n\t\t\t\t\tisOpen={modalOpen}\r\n\t\t\t\t\trenderTitle={() => Localizer('AddedToCart')}\r\n\t\t\t\t\tcloseModal={() => setModalOpen(false)}\r\n\t\t\t\t\ttitleIcon={<CheckCircleSVG />}\r\n\t\t\t\t>\r\n\t\t\t\t\t{<MultipleItemsAddedToCartAlert response={bulkAddToCartResponse} />}\r\n\t\t\t\t</Modal>\r\n\t\t\t) : null}\r\n\r\n\t\t\t{error != null || errorMessages.length > 0 ? (\r\n\t\t\t\t<InlineAlert\r\n\t\t\t\t\ttheme=\"danger\"\r\n\t\t\t\t\tisTitleOnOwnRow\r\n\t\t\t\t\ttitle={errorTitle}\r\n\t\t\t\t\tmessage={\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t{errorMessages.map((orderMessage, index) => (\r\n\t\t\t\t\t\t\t\t<div key={index}>\r\n\t\t\t\t\t\t\t\t\t<span dangerouslySetInnerHTML={{ __html: orderMessage }} />\r\n\t\t\t\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t<br /> <br />\r\n\t\t\t\t\t\t\t{isViewCartActive ? (\r\n\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\thref=\"/cart\"\r\n\t\t\t\t\t\t\t\t\tclassName=\"roc-btn roc-btn-danger\"\r\n\t\t\t\t\t\t\t\t\tdata-testid=\"add-to-cart-error-view-cart-link\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{Localizer('ViewCart')}\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t}\r\n\t\t\t\t\terror={error}\r\n\t\t\t\t/>\r\n\t\t\t) : null}\r\n\t\t</>\r\n\t);\r\n}\r\n","// This is the Roc.Web variant of type-assertions.ts\r\n// The contents of this file should be identical to the version living in Roc.Admin\r\n// This currently cannot be moved to Roc.SharedClientApp (shared-client) because of transpilation issues with babel and webpack.\r\n// Working around this issue is currently not viable at this time but may be resolved in the future.\r\n// Please see https://github.com/babel/babel/issues/8309\r\n\r\n/**\r\n * Represents an assertion failure, meaning that an invariant that is supposed to always hold true, failed\r\n * Assertion failures should never be handled as they should never happen. They represent a programmer error.\r\n */\r\nexport class AssertionError extends Error {\r\n\tconstructor(m: string) {\r\n\t\tsuper(m);\r\n\r\n\t\t// Set the prototype explicitly.\r\n\t\tObject.setPrototypeOf(this, AssertionError.prototype);\r\n\t}\r\n}\r\n\r\n/**\r\n * Asserts that the specified condition is true and throws an assertion error if it is not.\r\n *\r\n * This is an assertion function and use of this function will impact TypeScript's flow analysis.\r\n */\r\nexport function assert(condition: any, message: string = ''): asserts condition {\r\n\tif (!condition) {\r\n\t\tif (message.length > 0) {\r\n\t\t\tthrow new AssertionError(`Assertion Failure: ${message}`);\r\n\t\t} else {\r\n\t\t\tthrow new AssertionError(`Assertion Failure`);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/**\r\n * Asserts that the specified arguments is not null or undefined and throws an assertion error if it is.\r\n *\r\n * This is an assertion function and use of this function will impact TypeScript's flow analysis.\r\n */\r\nexport function assertNotNullish<T>(arg: T): asserts arg is NonNullable<T> {\r\n\tif (arg === null || arg === undefined) {\r\n\t\tthrow new AssertionError(`Assertion Failure: The specified argument was null or undefined`);\r\n\t}\r\n}\r\n","import React from 'react';\r\nimport { Availability } from './types';\r\nimport { Localizer } from 'services/Localizer';\r\n\r\ninterface ProductAvailabilityProps {\r\n\tavailability?: Availability | null;\r\n}\r\n\r\n/**\r\n * Custom, HCL product availability display\r\n */\r\nexport default function ProductAvailabilityHCL(props: ProductAvailabilityProps) {\r\n\tconst { availability } = props;\r\n\r\n\tlet status = '';\r\n\tif (!availability) {\r\n\t\tstatus = Localizer('Call') + ' 1-800-848-1633';\r\n\t} else if (availability.backOrder) {\r\n\t\tstatus = Localizer('Backordered');\r\n\t} else if (availability.outOfStock) {\r\n\t\tstatus = Localizer('OutOfStock');\r\n\t} else if (availability.callForAvailability) {\r\n\t\tstatus = Localizer('Call') + ' 1-800-848-1633';\r\n\t} else {\r\n\t\tstatus = Localizer('InStock');\r\n\t}\r\n\r\n\treturn (\r\n\t\t<p className=\"roc-pdp-main-info__label-text\">\r\n\t\t\t{Localizer('StockStatus')}: &nbsp;\r\n\t\t\t<span>{status}</span>\r\n\t\t</p>\r\n\t);\r\n}\r\n","import { AxiosError } from 'axios';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { AddToCartResponse } from 'services/UserData.Commerce';\r\nimport Modal from 'shared/components/Modal';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport CheckCircleSVG from 'shared/components/svg/CheckCircleSVG';\r\nimport InlineAlert from 'shared/edit/InlineAlert';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport { assertNotNullish } from 'util/type-assertions';\r\nimport { OrderMessageAction } from '../shopping-cart/OrderMessages';\r\nimport useShoppingCart, { UseShoppingCart } from '../shopping-cart/useShoppingCart';\r\nimport AddedToCartAlert from '../store/AddedToCartAlert';\r\nimport { useProductDetailsContext } from './ProductDetailsContext';\r\nimport { CheckableLine, default as ProductPricingLines } from './ProductPricingLines';\r\nimport {\r\n\tAddToCartExceptionCode,\r\n\tAvailability,\r\n\tProductAddOnDto,\r\n\tProductPricingLinesDetails,\r\n\tProductType,\r\n\tSummary,\r\n} from './types';\r\nimport { UseProductDetails } from './useProductDetails';\r\nimport MinusSVG from 'shared/components/svg/MinusSVG';\r\nimport PlusSVG from 'shared/components/svg/PlusSVG';\r\nimport ShoppingCartSVG from 'shared/components/svg/ShoppingCartSVG';\r\nimport ProductAvailabilityHCL from './ProductAvailabilityHCL';\r\n\r\n/** The component props for the ProductAddToCart component. */\r\ninterface ProductAddToCartProps {\r\n\tid: string;\r\n\tsummary?: Summary;\r\n\tavailability?: Availability | null;\r\n\tpricingLines?: ProductPricingLinesDetails;\r\n\tonPricingLineChange: (pricingLineId: string) => void;\r\n\r\n\tquantity: number | null;\r\n\tsetQuantity: (qty: number | null) => void;\r\n\r\n\tsetSelectedProductPricingLineId: (id: string | null) => void;\r\n\r\n\taddOns?: ProductAddOnDto[];\r\n\taddOnsHandleSubmitWithError?: (error: AxiosError) => void;\r\n}\r\n\r\n/**\r\n * Represents the component on a product details page that manages pricing line selections,\r\n * quantities, and of coursing, adding a product to the user's shopping cart.\r\n */\r\nexport default function ProductAddToCart(props: ProductAddToCartProps) {\r\n\tconst UseProductDetailsResult: UseProductDetails = useProductDetailsContext();\r\n\r\n\tconst {\r\n\t\tstate: { selectedPricingLine, productDetails },\r\n\t\tactor: { setSelectedPricingLine, isPricingLineUnavailable, isPurchaseable },\r\n\t} = UseProductDetailsResult;\r\n\r\n\tconst [modalOpen, setModalOpen] = useState(true);\r\n\tconst [addingToCart, setAddingToCart] = useState(false);\r\n\tconst [addToCartResponse, setAddToCartResponse] = useState<AddToCartResponse | null>(null);\r\n\tconst [errorMessages, setErrorMessages] = useState<Array<string>>([]);\r\n\tconst [isViewCartActive, setIsViewCartActive] = useState<boolean>(false);\r\n\tconst [numberOfItems, setNumberOfItems] = useState<number>(props.quantity || 1);\r\n\r\n\tconst UseShoppingCartResult: UseShoppingCart = useShoppingCart();\r\n\r\n\tconst {\r\n\t\tstate: { error, errorMessage: cartErrorMessage, errorType },\r\n\t\tactor: { addToCart },\r\n\t} = UseShoppingCartResult;\r\n\r\n\tconst allSelectionsSelected = props.summary && props.summary.type === ProductType.Simple;\r\n\tconst errorTitle =\r\n\t\terrorType === AddToCartExceptionCode.cartFull\r\n\t\t\t? Localizer('CartFull')\r\n\t\t\t: errorType === AddToCartExceptionCode.productOutOfStock\r\n\t\t\t? Localizer('OutOfStock')\r\n\t\t\t: errorType === AddToCartExceptionCode.productUnavailable\r\n\t\t\t? Localizer('ProductUnavailable')\r\n\t\t\t: Localizer('ErrorMessageGenericTitle');\r\n\r\n\tuseEffect(() => {\r\n\t\tif (allSelectionsSelected) {\r\n\t\t\tsetErrorMessages([]);\r\n\t\t\tsetAddingToCart(false);\r\n\t\t}\r\n\r\n\t\tif (cartErrorMessage) {\r\n\t\t\tsetErrorMessages([cartErrorMessage]);\r\n\t\t}\r\n\t}, [props.summary, allSelectionsSelected, cartErrorMessage]);\r\n\r\n\t//#region Render method \"subcomponent\" helpers\r\n\r\n\t//#region AddToCartButton Subcomponent\r\n\t// The \"Add to Cart\" button. When pressed, the selected product will be added to the cart.\r\n\t// Manages its own visibility and \"clickability\", disabling itself if the selected option is\r\n\t// erroneous such as if it's not for sale.\r\n\r\n\t/** Event fired when the \"add to cart\" button is clicked. */\r\n\tconst handleAddToCart = async () => {\r\n\t\tsetErrorMessages([]);\r\n\t\tif (!allSelectionsSelected || !selectedPricingLine.checked || isPricingLineUnavailable()) {\r\n\t\t\tsetErrorMessages([Localizer('AddToCartSelectionErrorMessage')]);\r\n\t\t\tsetIsViewCartActive(false);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetAddToCartResponse(null);\r\n\r\n\t\ttry {\r\n\t\t\tconsole.debug('Adding to cart:', props.id, props.quantity);\r\n\t\t\tsetAddingToCart(true);\r\n\r\n\t\t\tconst response = await addToCart({\r\n\t\t\t\titemId: props.id,\r\n\t\t\t\tquantity: props.quantity,\r\n\t\t\t\tproductPricingLineId: selectedPricingLine.pricingLine?.id ?? '',\r\n\t\t\t\taddOns: props.addOns,\r\n\t\t\t\tvalidateAddOns: true,\r\n\t\t\t});\r\n\r\n\t\t\tif (!response) {\r\n\t\t\t\tsetAddToCartResponse(null);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tsetAddToCartResponse(response);\r\n\r\n\t\t\tconst orderErrorMessages = response.orderMessages?.filter(\r\n\t\t\t\t(om) =>\r\n\t\t\t\t\tom.messageAction === OrderMessageAction.Error ||\r\n\t\t\t\t\tom.messageAction === OrderMessageAction.RedirectToCart,\r\n\t\t\t);\r\n\r\n\t\t\tif (orderErrorMessages && orderErrorMessages.length > 0) {\r\n\t\t\t\tsetErrorMessages(orderErrorMessages.map((orderMessages) => orderMessages.message));\r\n\t\t\t\tsetModalOpen(false);\r\n\t\t\t\tsetIsViewCartActive(true);\r\n\t\t\t} else {\r\n\t\t\t\tsetModalOpen(true);\r\n\t\t\t}\r\n\r\n\t\t\tdispatchRocEvent('roc-cart-summary-updated', { cartSummary: response.cartSummary });\r\n\t\t} catch (error) {\r\n\t\t\tsetAddToCartResponse(null);\r\n\r\n\t\t\tconst axiosError: AxiosError = error;\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.status === 400 && axiosError.response.data) {\r\n\t\t\t\t//notify the add ons form with the validation errors\r\n\t\t\t\tif (props.addOnsHandleSubmitWithError) {\r\n\t\t\t\t\tprops.addOnsHandleSubmitWithError(axiosError);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tsetAddingToCart(false);\r\n\t};\r\n\t//#endregion\r\n\r\n\t//#region PricingLineControls Subcomponent\r\n\t// Represents the pricing line and quantity controls, dictating the number or quantity of products added to the\r\n\t// end user's cart and which pricing line is selected.\r\n\r\n\t/** Callback when a pricing line's quantity is changed in PricingLineControls */\r\n\tconst updateQuantity = (e: React.ChangeEvent<HTMLInputElement>): void => {\r\n\t\tconst newQuantity = parseInt(e.currentTarget.value);\r\n\t\t// #region HCL\r\n\t\tsetNumberOfItems(newQuantity);\r\n\t\t// #endregion\r\n\r\n\t\tif (isNaN(newQuantity)) {\r\n\t\t\tprops.setQuantity(null);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (newQuantity > 0) {\r\n\t\t\tprops.setQuantity(newQuantity);\r\n\t\t}\r\n\t};\r\n\r\n\t/** Callback when a pricing line is changed in PricingLineControls */\r\n\tconst handlePricingLineChange = (line: CheckableLine) => {\r\n\t\tif (selectedPricingLine.pricingLine?.id === line.pricingLine?.id) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetSelectedPricingLine(line);\r\n\t\tprops.setSelectedProductPricingLineId(line.pricingLine?.id ?? '');\r\n\r\n\t\t// trigger unit of measure change on the parent component only in case it is not an initialization process\r\n\t\t// because this will reload the data like pricing, availability, etc.\r\n\t\tif (!line.isInitialization) {\r\n\t\t\tassertNotNullish(line.pricingLine);\r\n\t\t\tprops.onPricingLineChange(line.pricingLine.id);\r\n\t\t}\r\n\t\t// #region HCL: Reset quantity to 1 when pricing line is changed\r\n\t\tsetNumberOfItems(1);\r\n\t\t// #endregion\r\n\t};\r\n\r\n\tfunction handleUpdateQuantity(qty: number) {\r\n\t\tsetNumberOfItems(qty);\r\n\t\tif (qty > 0) {\r\n\t\t\tprops.setQuantity(qty);\r\n\t\t}\r\n\t}\r\n\r\n\t//#endregion\r\n\r\n\t//#region ErrorAlerts Subcomponent\r\n\t/**\r\n\t * Represents the conditional inline error alerts subcomponent that may display if an unexpected error occured during operation.\r\n\t * This component manages its own visibility.\r\n\t */\r\n\t//#endregion\r\n\t//#endregion\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{/* PricingLineControls Subcomponent */}\r\n\t\t\t<div className=\"roc-pdp-main-info__form-group\">\r\n\t\t\t\t{props.pricingLines != null ? (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t{isPurchaseable(productDetails.availability, selectedPricingLine.pricingLine) ? (\r\n\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t<label htmlFor=\"quantity\" className=\"roc-pdp-main-info__label\">\r\n\t\t\t\t\t\t\t\t\t<p className=\"roc-pdp-main-info__label-text\">{Localizer('Qty')}</p>\r\n\t\t\t\t\t\t\t\t\t<div className=\"roc-pdp__qty-input-container\">\r\n\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-btn\"\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleUpdateQuantity(numberOfItems - 1)}\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled={numberOfItems === 1}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<MinusSVG />\r\n\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\tname=\"quantity\"\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"number\"\r\n\t\t\t\t\t\t\t\t\t\t\tautoComplete=\"off\"\r\n\t\t\t\t\t\t\t\t\t\t\tid=\"quantity\"\r\n\t\t\t\t\t\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-form-input__input roc-pdp__qty-input\"\r\n\t\t\t\t\t\t\t\t\t\t\tvalue={numberOfItems}\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => updateQuantity(e)}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-testid=\"quantity-textbox\"\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-btn\"\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleUpdateQuantity(numberOfItems + 1)}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<PlusSVG />\r\n\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t<ProductPricingLines\r\n\t\t\t\t\t\t\tdetails={props.pricingLines}\r\n\t\t\t\t\t\t\tonPricingLineChange={handlePricingLineChange}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</>\r\n\t\t\t\t) : null}\r\n\t\t\t</div>\r\n\r\n\t\t\t{/* AddToCart Subcomponent */}\r\n\t\t\t<div className=\"roc-add-to-cart-btn-wrap\">\r\n\t\t\t\t{/* #region HCL - add component to display inventory status */}\r\n\t\t\t\t<ProductAvailabilityHCL availability={productDetails.availability} />\r\n\t\t\t\t{/* #endregion */}\r\n\t\t\t\t<button\r\n\t\t\t\t\tonClick={() => handleAddToCart()}\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tclassName=\"roc-btn roc-btn--block roc-btn--big\"\r\n\t\t\t\t\tdisabled={\r\n\t\t\t\t\t\taddingToCart ||\r\n\t\t\t\t\t\tprops.quantity == null ||\r\n\t\t\t\t\t\t!isPurchaseable(productDetails.availability, selectedPricingLine.pricingLine)\r\n\t\t\t\t\t}\r\n\t\t\t\t\tdata-testid=\"add-to-cart-button\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{Localizer('AddToCart')}\r\n\t\t\t\t\t<ShoppingCartSVG className=\"roc-utlity-nav__cart-icon\" />\r\n\t\t\t\t\t{addingToCart && <Spinner />}\r\n\t\t\t\t</button>\r\n\t\t\t\t<button className=\"roc-icon-print\" onClick={() => window.print()}>\r\n\t\t\t\t\t<svg className=\"roc-icon\" focusable=\"false\">\r\n\t\t\t\t\t\t<use xlinkHref=\"#icon-printer\"></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t\t{/* AddToCartModal Subcomponent */}\r\n\t\t\t{addToCartResponse !== null ? (\r\n\t\t\t\t<Modal\r\n\t\t\t\t\tisOpen={modalOpen}\r\n\t\t\t\t\trenderTitle={() => Localizer('AddedToCart')}\r\n\t\t\t\t\tcloseModal={() => setModalOpen(false)}\r\n\t\t\t\t\ttitleIcon={<CheckCircleSVG />}\r\n\t\t\t\t>\r\n\t\t\t\t\t<AddedToCartAlert response={addToCartResponse} />\r\n\t\t\t\t</Modal>\r\n\t\t\t) : null}\r\n\r\n\t\t\t{error != null || errorMessages.length > 0 ? (\r\n\t\t\t\t<InlineAlert\r\n\t\t\t\t\ttheme=\"danger\"\r\n\t\t\t\t\tisTitleOnOwnRow\r\n\t\t\t\t\ttitle={errorTitle}\r\n\t\t\t\t\tmessage={\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t{errorMessages && errorMessages.length > 0 ? (\r\n\t\t\t\t\t\t\t\terrorMessages.map((orderMessage, index) => (\r\n\t\t\t\t\t\t\t\t\t<div key={index}>\r\n\t\t\t\t\t\t\t\t\t\t<span dangerouslySetInnerHTML={{ __html: orderMessage }} />\r\n\t\t\t\t\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t))\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<span dangerouslySetInnerHTML={{ __html: Localizer('ErrorWhenAddingToCart') }} />\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t<br /> <br />\r\n\t\t\t\t\t\t\t{isViewCartActive ? (\r\n\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\thref=\"/cart\"\r\n\t\t\t\t\t\t\t\t\tclassName=\"roc-btn roc-btn-danger\"\r\n\t\t\t\t\t\t\t\t\tdata-testid=\"add-to-cart-error-view-cart-link\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{Localizer('ViewCart')}\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t}\r\n\t\t\t\t\terror={error}\r\n\t\t\t\t/>\r\n\t\t\t) : null}\r\n\t\t</>\r\n\t);\r\n}\r\n","import { MY_ACCOUNT_SHOPPING_LISTS_URL } from 'features/my-account/routes.commerce';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { AddToListResponse } from 'services/UserData.Commerce';\r\n\r\ninterface AddedToListAlertProps {\r\n\tresponse: AddToListResponse;\r\n\tsetPopupOpen: (value: boolean) => void;\r\n}\r\n\r\n/**\r\n * Displays Added to List confirmation\r\n */\r\nexport default function AddedToListAlert(props: AddedToListAlertProps) {\r\n\tconst { response } = props;\r\n\tconst [displayAlert, setDisplayAlert] = useState(true);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetDisplayAlert(true);\r\n\t}, [response]);\r\n\r\n\tif (!displayAlert) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-item-summary\">\r\n\t\t\t<div className=\"roc-item-summary__section\">\r\n\t\t\t\t<div className=\"roc-item-summary__item\">\r\n\t\t\t\t\t<div className=\"roc-item-summary__image-wrapper\">\r\n\t\t\t\t\t\t{response.imageUrl ? (\r\n\t\t\t\t\t\t\t<img className=\"roc-item-summary__image\" alt={response.name} src={response.imageUrl} />\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\tclassName=\"roc-item-summary__image\"\r\n\t\t\t\t\t\t\t\talt={response.name}\r\n\t\t\t\t\t\t\t\tsrc=\"/images/image-not-found-medium.png\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"roc-item-summary__text\">\r\n\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t<strong>{response.name}</strong>\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t{/* #region HCL - replace SKU to ItemNumber */}\r\n\t\t\t\t\t\t\t{Localizer('ItemNumber')}: &nbsp;\r\n\t\t\t\t\t\t\t{/* #endregion */}\r\n\t\t\t\t\t\t\t<span data-testid=\"added-to-cart-sku\">{response.sku}</span>\r\n\t\t\t\t\t\t</p>\r\n\r\n\t\t\t\t\t\t<table className=\"roc-item-summary__attributes\">\r\n\t\t\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t\t\t{response.selections !== null && response.selections.length > 0\r\n\t\t\t\t\t\t\t\t\t? response.selections.map((selection) => (\r\n\t\t\t\t\t\t\t\t\t\t\t<tr\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-item-summary__row\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tkey={`added-to-cart-alert-selection-${selection.name}`}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--property\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<strong>{selection.name}:</strong>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</td>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--value\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{selection.label}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t  ))\r\n\t\t\t\t\t\t\t\t\t: null}\r\n\r\n\t\t\t\t\t\t\t\t<tr className=\"roc-item-summary__row\">\r\n\t\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--property\">\r\n\t\t\t\t\t\t\t\t\t\t<strong>{Localizer('Qty')} </strong>\r\n\t\t\t\t\t\t\t\t\t</td>\r\n\r\n\t\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--value\">\r\n\t\t\t\t\t\t\t\t\t\t{response.quantity}\r\n\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t</tbody>\r\n\t\t\t\t\t\t</table>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"roc-item-summary__section\">\r\n\t\t\t\t<div className=\"roc-item-summary__btn-row\">\r\n\t\t\t\t\t<div className=\"roc-item-summary__btn-col\">\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tonClick={() => props.setPopupOpen(false)}\r\n\t\t\t\t\t\t\tclassName=\"roc-btn-secondary roc-btn-secondary--big roc-btn-secondary--block roc-item-summary__btn\"\r\n\t\t\t\t\t\t\tdata-testid=\"continue-shopping-btn\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{Localizer('ContinueShopping')}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"roc-item-summary__btn-col\">\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tonClick={() =>\r\n\t\t\t\t\t\t\t\t(window.location.href = `${MY_ACCOUNT_SHOPPING_LISTS_URL}/${response.shoppingListId}`)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tclassName=\"roc-btn roc-btn--big roc-btn--block roc-item-summary__btn\"\r\n\t\t\t\t\t\t\tdata-testid=\"view-list-btn\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<span className=\"roc-item-summary__btn-text\">{Localizer('ViewList')}</span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport Modal from 'shared/components/Modal';\r\nimport Pagination from 'shared/components/Pagination';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport { useShoppingListLoader } from '../my-account/shopping-lists/useShoppingListLoader';\r\n\r\ninterface ProductAddToListModalProps {\r\n\t/**\r\n\t * State for whether the modal is open or not.\r\n\t *\r\n\t * @type {boolean}\r\n\t * @memberof ProductAddToListModalProps\r\n\t */\r\n\topenListModal: boolean;\r\n\r\n\t/**\r\n\t * Method for changing the open state of the modal.\r\n\t *\r\n\t * @memberof ProductAddToListModalProps\r\n\t */\r\n\tsetOpenListModal: (isOpen: boolean) => void;\r\n\r\n\t/**\r\n\t * Method for setting the 'add new list' modal open state.\r\n\t *\r\n\t * @memberof ProductAddToListModalProps\r\n\t */\r\n\tsetModalOpen: (open: boolean) => void;\r\n\r\n\t/**\r\n\t * Method that is called when a list is selected.\r\n\t *\r\n\t * @memberof ProductAddToListModalProps\r\n\t */\r\n\thandleAddToList: (shoppingListId: any) => Promise<void>;\r\n}\r\n\r\nconst resultsPageSize = 15;\r\n\r\n/**\r\n * Component that houses the modal and the list results.\r\n *\r\n * @export\r\n * @param {ProductAddToListModalProps} props\r\n * @returns\r\n */\r\nexport default function ProductAddToListModal(props: ProductAddToListModalProps) {\r\n\tconst { openListModal, setModalOpen, setOpenListModal, handleAddToList } = props;\r\n\r\n\tconst { results, goToNextPage, goToPage, goToPreviousPage } = useShoppingListLoader({\r\n\t\tinitialPageSize: resultsPageSize,\r\n\t});\r\n\r\n\treturn (\r\n\t\t<Modal\r\n\t\t\tisOpen={openListModal}\r\n\t\t\trenderTitle={() => Localizer('ShoppingLists')}\r\n\t\t\trenderActions={() => (\r\n\t\t\t\t<div className=\"roc-modal__actions roc-modal__actions--wrap\">\r\n\t\t\t\t\t<div className=\"roc-modal__actions-item roc-modal__actions-item--centered roc-modal__actions-item--full-width\">\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tclassName=\"roc-btn roc-modal__actions-item-btn\"\r\n\t\t\t\t\t\t\tdata-testid=\"add-new-shopping-list\"\r\n\t\t\t\t\t\t\tonClick={() => (setModalOpen(true), setOpenListModal(false))}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t+ {Localizer('AddNewShoppingList')}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t{results && results.results && results.pagination.totalPages > 1 ? (\r\n\t\t\t\t\t\t<div className=\"roc-modal__actions-item roc-modal__actions-item--centered roc-modal__actions-item--full-width\">\r\n\t\t\t\t\t\t\t<Pagination\r\n\t\t\t\t\t\t\t\tflush\r\n\t\t\t\t\t\t\t\tpagination={results.pagination}\r\n\t\t\t\t\t\t\t\tgoToNextPage={goToNextPage}\r\n\t\t\t\t\t\t\t\tgoToPage={goToPage}\r\n\t\t\t\t\t\t\t\tgoToPreviousPage={goToPreviousPage}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t\tcloseModal={() => setOpenListModal(false)}\r\n\t\t>\r\n\t\t\t<ul className=\"roc-utlity-nav__menu\" data-testid=\"shopping-lists-list\">\r\n\t\t\t\t{results &&\r\n\t\t\t\t\tresults.results &&\r\n\t\t\t\t\tresults.results.map((shoppingList, index) => {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<li className=\"roc-utlity-nav__menu-item\" key={index}>\r\n\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\tclassName=\"roc-utlity-nav__menu-item-link\"\r\n\t\t\t\t\t\t\t\t\tdata-testid={`shopping-list-${toKebabCase(shoppingList.name)}-${index}`}\r\n\t\t\t\t\t\t\t\t\tonClick={() => handleAddToList(shoppingList.id)}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{shoppingList.name}\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t</ul>\r\n\t\t</Modal>\r\n\t);\r\n}\r\n","import { AxiosError } from 'axios';\r\nimport { MY_ACCOUNT_LOGIN_URL } from 'features/my-account/routes.roc';\r\nimport React, { useEffect, useRef, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { getUserData } from 'services/UserData';\r\nimport { AddToListResponse } from 'services/UserData.Commerce';\r\nimport Modal from 'shared/components/Modal';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport CheckCircleSVG from 'shared/components/svg/CheckCircleSVG';\r\nimport InlineAlert from 'shared/edit/InlineAlert';\r\nimport ShoppingListEditItem from '../my-account/shopping-lists/ShoppingListEditItem';\r\nimport { PrivacyType, PrivacyTypeOptions, ShoppingListDto } from '../my-account/shopping-lists/types';\r\nimport { useShoppingLists } from '../my-account/shopping-lists/useShoppingLists';\r\nimport AddedToListAlert from '../store/AddedToListAlert';\r\nimport ProductAddToListModal from './ProductAddToListModal';\r\nimport { useProductDetailsContext } from './ProductDetailsContext';\r\nimport { ProductAddOnDto, ProductType, Summary } from './types';\r\nimport { UseProductDetails } from './useProductDetails';\r\n\r\ninterface ProductAddToListProps {\r\n\tsummary?: Summary;\r\n\tid: string;\r\n\tisUserSignedIn: boolean;\r\n\tquantity: number | null;\r\n\tselectedProductPricingLineId: string | null;\r\n\taddOns?: ProductAddOnDto[];\r\n\taddOnsHandleSubmitWithError?: (error: AxiosError) => void;\r\n}\r\n\r\n/**\r\n * Represents the component on a product details page that adding a product to the user's shopping list.\r\n */\r\nexport default function ProductAddToList(props: ProductAddToListProps) {\r\n\tconst UseProductDetailsResult: UseProductDetails = useProductDetailsContext();\r\n\r\n\tconst {\r\n\t\tstate: { productDetails, selectedPricingLine },\r\n\t\tactor: { isPurchaseable },\r\n\t} = UseProductDetailsResult;\r\n\r\n\tconst [displaySelectionsErrorMessage, setDisplaySelectionsErrorMessage] = useState<boolean>(false);\r\n\tconst [openListModal, setOpenListModal] = useState<boolean>(false);\r\n\tconst [modalOpen, setModalOpen] = useState(false);\r\n\tconst [addToListResponse, setAddToListResponse] = useState<AddToListResponse | null>(null);\r\n\tconst [confirmationPopupOpen, setConfirmationPopupOpen] = useState(false);\r\n\tconst [addingToList, setAddingToList] = useState(false);\r\n\r\n\tconst triggerRef = useRef<HTMLButtonElement | null>(null);\r\n\r\n\tconst {\r\n\t\tstate: { isSaving, shoppingListBeingEdited, shoppingList, error, errorMessage },\r\n\t\tactor: { stopEditingShoppingList, saveShoppingList, beginCreateShoppingList, addProductToList },\r\n\t} = useShoppingLists();\r\n\r\n\tconst allSelectionsSelected = props.summary && props.summary.type === ProductType.Simple;\r\n\r\n\tconst cancelEditShoppingList = () => {\r\n\t\tstopEditingShoppingList();\r\n\t\tsetModalOpen(false);\r\n\t};\r\n\r\n\tconst onSaveShoppingList = async (formValues: ShoppingListDto) => {\r\n\t\tconst validationResult = await saveShoppingList(formValues);\r\n\t\tif (validationResult) {\r\n\t\t\treturn validationResult;\r\n\t\t} else {\r\n\t\t\tsetModalOpen(false);\r\n\t\t\treturn;\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleListModal = async () => {\r\n\t\tif (!allSelectionsSelected) {\r\n\t\t\tsetDisplaySelectionsErrorMessage(true);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetDisplaySelectionsErrorMessage(false);\r\n\r\n\t\tif (props.isUserSignedIn) {\r\n\t\t\tif (openListModal) {\r\n\t\t\t\tsetOpenListModal(false);\r\n\t\t\t} else {\r\n\t\t\t\tsetOpenListModal(true);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\twindow.location.href =\r\n\t\t\t\tMY_ACCOUNT_LOGIN_URL + '?ReturnUrl=' + encodeURIComponent(props.summary?.productUrl ?? '');\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleAddToList = async (shoppingListId) => {\r\n\t\tsetConfirmationPopupOpen(false);\r\n\r\n\t\ttry {\r\n\t\t\tconsole.debug('Adding to list:', props.id, shoppingListId);\r\n\t\t\tsetOpenListModal(false);\r\n\t\t\tsetAddingToList(true);\r\n\r\n\t\t\tconst response = await addProductToList({\r\n\t\t\t\titemId: props.id,\r\n\t\t\t\tquantity: props.quantity ?? 1,\r\n\t\t\t\tshoppingListId: shoppingListId,\r\n\t\t\t\tproductPricingLineId: props.selectedProductPricingLineId,\r\n\t\t\t\taddOns: props.addOns,\r\n\t\t\t});\r\n\r\n\t\t\tsetConfirmationPopupOpen(true);\r\n\r\n\t\t\tif (!response) {\r\n\t\t\t\tsetAddToListResponse(null);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tsetAddToListResponse(response);\r\n\t\t} catch (error) {\r\n\t\t\tsetAddToListResponse(null);\r\n\r\n\t\t\tconst axiosError: AxiosError = error;\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.status === 400 && axiosError.response.data) {\r\n\t\t\t\t//notify the add ons form with the validation errors\r\n\t\t\t\tif (props.addOnsHandleSubmitWithError) {\r\n\t\t\t\t\tprops.addOnsHandleSubmitWithError(axiosError);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tsetAddingToList(false);\r\n\t\treturn;\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tif (allSelectionsSelected && displaySelectionsErrorMessage) {\r\n\t\t\tsetDisplaySelectionsErrorMessage(false);\r\n\t\t}\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [props.summary, displaySelectionsErrorMessage]);\r\n\r\n\tuseEffect(() => {\r\n\t\t(async () => {\r\n\t\t\ttry {\r\n\t\t\t\tconst data = (await getUserData()).data;\r\n\r\n\t\t\t\tif (!data?.summary?.organization) {\r\n\t\t\t\t\tconst organizationOption = PrivacyTypeOptions.find((s) => s.text === PrivacyType.Organization);\r\n\r\n\t\t\t\t\tif (organizationOption != undefined) {\r\n\t\t\t\t\t\tPrivacyTypeOptions.splice(PrivacyTypeOptions.indexOf(organizationOption));\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.error('Unable to load user data.', error);\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\t\tif (!shoppingListBeingEdited) {\r\n\t\t\tbeginCreateShoppingList();\r\n\t\t}\r\n\t}, [shoppingListBeingEdited, beginCreateShoppingList]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (shoppingList) {\r\n\t\t\thandleAddToList(shoppingList.id);\r\n\t\t}\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [shoppingList]);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<button\r\n\t\t\t\tonClick={() => handleListModal()}\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\tclassName=\"roc-btn roc-btn--big\"\r\n\t\t\t\tdisabled={\r\n\t\t\t\t\taddingToList ||\r\n\t\t\t\t\tprops.quantity == null ||\r\n\t\t\t\t\t!isPurchaseable(productDetails.availability, selectedPricingLine.pricingLine)\r\n\t\t\t\t}\r\n\t\t\t\tdata-testid=\"add-to-list-button\"\r\n\t\t\t\tref={triggerRef}\r\n\t\t\t>\r\n\t\t\t\t{Localizer('AddToList')}\r\n\t\t\t\t{addingToList && <Spinner />}\r\n\t\t\t</button>\r\n\r\n\t\t\t{addToListResponse !== null ? (\r\n\t\t\t\t<Modal\r\n\t\t\t\t\tisOpen={confirmationPopupOpen}\r\n\t\t\t\t\trenderTitle={() => Localizer('AddedToList')}\r\n\t\t\t\t\tcloseModal={() => setConfirmationPopupOpen(false)}\r\n\t\t\t\t\ttitleIcon={<CheckCircleSVG />}\r\n\t\t\t\t>\r\n\t\t\t\t\t<AddedToListAlert response={addToListResponse} setPopupOpen={setConfirmationPopupOpen} />\r\n\t\t\t\t</Modal>\r\n\t\t\t) : null}\r\n\r\n\t\t\t{openListModal ? (\r\n\t\t\t\t<ProductAddToListModal\r\n\t\t\t\t\topenListModal={openListModal}\r\n\t\t\t\t\tsetModalOpen={setModalOpen}\r\n\t\t\t\t\tsetOpenListModal={setOpenListModal}\r\n\t\t\t\t\thandleAddToList={handleAddToList}\r\n\t\t\t\t/>\r\n\t\t\t) : null}\r\n\r\n\t\t\t<Modal\r\n\t\t\t\tisOpen={modalOpen}\r\n\t\t\t\trenderTitle={() => Localizer('AddNewShoppingList')}\r\n\t\t\t\tcloseModal={() => setModalOpen(false)}\r\n\t\t\t>\r\n\t\t\t\t<ShoppingListEditItem\r\n\t\t\t\t\tstopEditingShoppingList={cancelEditShoppingList}\r\n\t\t\t\t\tshoppingListBeingEdited={shoppingListBeingEdited || ({} as ShoppingListDto)}\r\n\t\t\t\t\tonSaveShoppingList={onSaveShoppingList}\r\n\t\t\t\t\tisSaving={isSaving}\r\n\t\t\t\t\tshoppingList={[]}\r\n\t\t\t\t/>\r\n\t\t\t</Modal>\r\n\r\n\t\t\t{error != null || errorMessage ? (\r\n\t\t\t\t<InlineAlert\r\n\t\t\t\t\ttheme=\"danger\"\r\n\t\t\t\t\tmessage={errorMessage ?? Localizer('ErrorWhenAddingToList')}\r\n\t\t\t\t\terror={error}\r\n\t\t\t\t/>\r\n\t\t\t) : null}\r\n\r\n\t\t\t{displaySelectionsErrorMessage ? (\r\n\t\t\t\t<InlineAlert\r\n\t\t\t\t\ttheme=\"danger\"\r\n\t\t\t\t\ttitle=\"\"\r\n\t\t\t\t\tisTitleOnOwnRow\r\n\t\t\t\t\tmessage={Localizer('AddToListSelectionErrorMessage')}\r\n\t\t\t\t\terror={null}\r\n\t\t\t\t/>\r\n\t\t\t) : null}\r\n\t\t</>\r\n\t);\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport StarRating from 'shared/components/star-rating/StarRating';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport { useProductDetailsContext } from './ProductDetailsContext';\r\nimport { ReviewSummaryDto } from './types';\r\nimport { warnOnce } from 'util/console';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n//#region HCL\r\nimport { getUserData } from 'services/UserData';\r\n//#endregion\r\n\r\nenum TabType {\r\n\tReviews = 'Reviews',\r\n}\r\n\r\n/**\r\n * Placeholder for product review display\r\n */\r\nexport default function ProductRating() {\r\n\tlet reviewsSummary: ReviewSummaryDto;\r\n\tlet displayName: string = '';\r\n\r\n\tconst {\r\n\t\tstate: {\r\n\t\t\treviewsSummary: standardReviewsSummary,\r\n\t\t\tproductDetails: { tabs },\r\n\t\t},\r\n\t} = useProductDetailsContext();\r\n\r\n\tconst hasReviewTab = tabs?.some((tabViewChunk) => tabViewChunk.tab.tabType === TabType.Reviews) === true;\r\n\r\n\tif (hasReviewTab && tabs) {\r\n\t\tconst reviewTabs = tabs.filter((t) => t.tab.tabType === TabType.Reviews);\r\n\t\treviewsSummary = (reviewTabs[0].model as any).reviewsSummary as ReviewSummaryDto;\r\n\t\tdisplayName = reviewTabs[0].tab.displayName;\r\n\t\tif (reviewTabs.length > 1) {\r\n\t\t\twarnOnce('Found more than one product reviews tab!');\r\n\t\t}\r\n\t} else {\r\n\t\treviewsSummary = standardReviewsSummary;\r\n\t}\r\n\r\n\tconst { averageRating, reviewCount } = reviewsSummary;\r\n\r\n\t//#region HCL\r\n\tconst [userIsSignedIn, setUserIsSignedIn] = useState(false);\r\n\r\n\tconst getUserIsSignedIn = async (): Promise<boolean> => {\r\n\t\ttry {\r\n\t\t\tconst data = (await getUserData()).data;\r\n\t\t\treturn (data && data.summary && data.summary.isSignedIn) || false;\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error('Unable to load user data', error);\r\n\t\t}\r\n\t\treturn Promise.resolve(false);\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tgetUserIsSignedIn().then((isSignedIn) => {\r\n\t\t\tsetUserIsSignedIn(isSignedIn);\r\n\t\t});\r\n\t}, []);\r\n\t//#endregion HCL\r\n\r\n\t/**\r\n\t * Handle clicking write a review button.\r\n\t */\r\n\tfunction handleBtnClick() {\r\n\t\tdispatchRocEvent('roc-reviews-write-review', {});\r\n\r\n\t\tconst reviewsTabs = document?.getElementsByClassName('roc-pdp-reviews-listing');\r\n\r\n\t\tconst reviews = reviewsTabs != null && reviewsTabs.length > 0 ? reviewsTabs[0] : null;\r\n\r\n\t\tif (reviews == null || !(reviews instanceof HTMLElement)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\twindow.scrollTo(0, reviews.offsetTop);\r\n\t}\r\n\r\n\tconst rating = Math.round(averageRating ?? 0);\r\n\r\n\tconst reviewText = hasReviewTab ? (\r\n\t\t<>\r\n\t\t\t<a\r\n\t\t\t\thref={`#${toKebabCase(displayName)}`}\r\n\t\t\t\tclassName=\"roc-pdp-reviews__link\"\r\n\t\t\t\tdata-testid=\"product-reviews-link\"\r\n\t\t\t>\r\n\t\t\t\t{reviewCount}{' '}\r\n\t\t\t\t{reviewCount === 0 || reviewCount > 1\r\n\t\t\t\t\t? Localizer('Reviews').toLowerCase()\r\n\t\t\t\t\t: Localizer('Review').toLowerCase()}\r\n\t\t\t</a>\r\n\t\t</>\r\n\t) : (\r\n\t\t<>\r\n\t\t\t<span>\r\n\t\t\t\t{reviewCount}{' '}\r\n\t\t\t\t{reviewCount === 0 || reviewCount > 1\r\n\t\t\t\t\t? Localizer('Reviews').toLowerCase()\r\n\t\t\t\t\t: Localizer('Review').toLowerCase()}\r\n\t\t\t</span>\r\n\t\t</>\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-pdp-reviews\">\r\n\t\t\t<div className=\"roc-pdp-reviews__stars\">\r\n\t\t\t\t<StarRating value={rating} name=\"top-rating\" testId=\"product-reviews-star-rating\" readonly />\r\n\t\t\t</div>\r\n\t\t\t<div className=\"roc-pdp-reviews__links\">\r\n\t\t\t\t{reviewText}\r\n\t\t\t\t{/* //#region HCL */}\r\n\t\t\t\t{hasReviewTab && userIsSignedIn ? (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<span className=\"roc-pdp-reviews__link-gap\"></span>\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tclassName=\"roc-pdp-reviews__link\"\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tonClick={handleBtnClick}\r\n\t\t\t\t\t\t\tdata-testid=\"write-review-link\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{Localizer('WriteAReview')}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</>\r\n\t\t\t\t) : null}\r\n\t\t\t\t{/* //#endregion */}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","const callLocations: { [index: string]: true | undefined } = {};\r\n\r\n/**\r\n * Logs a warning to the console once and ignores subsequent request from the same caller.\r\n */\r\nexport function warnOnce(message?: any, ...optionalParams: any[]): void {\r\n\tconst trace = (new Error().stack ?? 'Error\\n\\n<unknown>').split('\\n')[2].trim();\r\n\r\n\tif (!callLocations[trace]) {\r\n\t\tcallLocations[trace] = true;\r\n\t\tconsole.warn(message, ...optionalParams);\r\n\t}\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport { SimpleProduct, SelectionValue, ProductDetailSelection } from './types';\r\nimport { Localizer } from 'services/Localizer';\r\nimport classnames from 'classnames';\r\nimport { useProductDetailsContext } from './ProductDetailsContext';\r\nimport { NoPricingLine } from './ProductPricingLines';\r\n\r\ninterface ProductSelectionsProps {\r\n\tselections?: ProductDetailSelection[] | null;\r\n\tsimpleProducts?: SimpleProduct[] | null;\r\n\tonSimpleProductSelected: (simpleProduct: SimpleProduct) => void;\r\n\tonSimpleProductCleared: () => void;\r\n}\r\n\r\nconst getCheckedLabel = (selection: ProductDetailSelection) => {\r\n\tconst checkedValue = selection.values.find((value) => value.checked);\r\n\tif (!checkedValue) {\r\n\t\treturn '';\r\n\t}\r\n\r\n\treturn checkedValue.label;\r\n};\r\n\r\n/**\r\n * Handles all selections rendering and logic\r\n */\r\nexport default function ProductSelections(props: ProductSelectionsProps) {\r\n\tconst [selections, setSelections] = useState<ProductDetailSelection[]>(props.selections || []);\r\n\tconst [isInitialLoad, setIsInitialLoad] = useState(true);\r\n\tconst [initialSelectionsValidated, setInitialSelectionsValidated] = useState(false);\r\n\r\n\tconst {\r\n\t\tactor: { setSelectedPricingLine },\r\n\t} = useProductDetailsContext();\r\n\r\n\tuseEffect(() => {\r\n\t\tconsole.debug('Selections Changed');\r\n\r\n\t\t// all selections picked?\r\n\t\t// determine child product match\r\n\t\tconst checkedSelections = selections.filter((selection) => {\r\n\t\t\treturn (\r\n\t\t\t\tselection.values.filter((selectionValue) => {\r\n\t\t\t\t\treturn selectionValue.checked;\r\n\t\t\t\t}).length > 0\r\n\t\t\t);\r\n\t\t});\r\n\r\n\t\tif (checkedSelections.length === selections.length) {\r\n\t\t\t// get all values selected by the user. ignore any that aren't selected to easily\r\n\t\t\t// determine by array length if all selections have been picked\r\n\t\t\tconst checkedSelectionValueIds = checkedSelections\r\n\t\t\t\t.map((checkedSelection) => {\r\n\t\t\t\t\tconst checkedSelectionValueMatch = checkedSelection.values.find(\r\n\t\t\t\t\t\t(checkedSelectionValue) => checkedSelectionValue.checked,\r\n\t\t\t\t\t);\r\n\t\t\t\t\tif (!checkedSelectionValueMatch) {\r\n\t\t\t\t\t\treturn '';\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn checkedSelectionValueMatch.value;\r\n\t\t\t\t})\r\n\t\t\t\t.filter((checkedSelectionValueId) => checkedSelectionValueId);\r\n\r\n\t\t\tif (Array.isArray(props.simpleProducts)) {\r\n\t\t\t\tconst simpleProductMatch = props.simpleProducts.find((simpleProduct) => {\r\n\t\t\t\t\treturn simpleProduct.selections.every((simpleProductSelection) =>\r\n\t\t\t\t\t\tcheckedSelectionValueIds.includes(simpleProductSelection),\r\n\t\t\t\t\t);\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (isInitialLoad) {\r\n\t\t\t\t\t// Need to update the selections to disable invalid selections, which causes this useEffect to run again\r\n\t\t\t\t\tif (!initialSelectionsValidated) {\r\n\t\t\t\t\t\tupdateValidSelections(selections);\r\n\t\t\t\t\t\tsetInitialSelectionsValidated(true);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t// useEffect is running again after validating selections, don't need to do anything here\r\n\t\t\t\t\t\tsetIsInitialLoad(false);\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (simpleProductMatch) {\r\n\t\t\t\t\tconsole.debug('Simple Product:', simpleProductMatch);\r\n\t\t\t\t\tprops.onSimpleProductSelected(simpleProductMatch);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tprops.onSimpleProductCleared();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tif (isInitialLoad) {\r\n\t\t\t\t// #region HCL\r\n\t\t\t\tautoSelectFirstProduct();\r\n\t\t\t\t// #endregion\r\n\t\t\t\tsetInitialSelectionsValidated(true);\r\n\t\t\t\tsetIsInitialLoad(false);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tprops.onSimpleProductCleared();\r\n\t\t}\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [selections, props.simpleProducts]);\r\n\r\n\tif (!Array.isArray(selections)) {\r\n\t\treturn null;\r\n\t}\r\n\t// checks for a matching path only, doesn't check for other factors, such as availability\r\n\tconst hasMatchingSimpleProduct = (values: string[], simpleProducts: SimpleProduct[]) => {\r\n\t\treturn simpleProducts.some((simpleProduct) => {\r\n\t\t\treturn values.every((matchingSelectionValue) => {\r\n\t\t\t\treturn simpleProduct.selections.includes(matchingSelectionValue);\r\n\t\t\t});\r\n\t\t});\r\n\t};\r\n\r\n\t// #region HCL\r\n\tconst autoSelectFirstProduct = () => {\r\n\t\tif (Array.isArray(props.simpleProducts) && props.simpleProducts.length > 0 && selections.length > 0) {\r\n\t\t\tconst firstValidSelectionValue = selections[0].values.find((v) => v.valid);\r\n\r\n\t\t\tconst searchParams = new URLSearchParams(document.location.search);\r\n\t\t\tconst firstSimple =\r\n\t\t\t\tprops.simpleProducts.find((p) => p.sku === searchParams.get('keyword')) ??\r\n\t\t\t\tprops.simpleProducts.find((p) => p.selections.some((s) => s === firstValidSelectionValue?.value));\r\n\r\n\t\t\tif (firstSimple) {\r\n\t\t\t\tconsole.debug('Auto-selecting product:', firstSimple);\r\n\r\n\t\t\t\tfirstSimple.selections.forEach((selection) => {\r\n\t\t\t\t\tconst matchingSelection = selections.find((s) => s.values.some((v) => v.value === selection));\r\n\t\t\t\t\tif (matchingSelection) {\r\n\t\t\t\t\t\tconst matchingValue = matchingSelection.values.find((v) => v.value === selection);\r\n\t\t\t\t\t\tif (matchingValue) {\r\n\t\t\t\t\t\t\thandleSelection(matchingSelection, matchingValue);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\t// #endregion\r\n\r\n\t/**\r\n\t * Update the valid/selectable product selections based on the selection state\r\n\t * @param selectionsToUpdate\r\n\t */\r\n\tconst updateValidSelections = (selectionsToUpdate: ProductDetailSelection[]) => {\r\n\t\tconst newSelections = [...selectionsToUpdate];\r\n\r\n\t\t// Store the currently chosen values\r\n\t\tconst checkedValues: Map<string, string> = new Map();\r\n\t\tfor (const currSelection of newSelections) {\r\n\t\t\tfor (const currSelectionValue of currSelection.values) {\r\n\t\t\t\tif (currSelectionValue.checked) {\r\n\t\t\t\t\tcheckedValues.set(currSelection.label, currSelectionValue.value);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tfor (const newSelection of newSelections) {\r\n\t\t\tfor (const newSelectionValue of newSelection.values) {\r\n\t\t\t\t// check if newSelectionValue + selected values from other selections has a matching child\r\n\t\t\t\tconsole.debug('Checking', newSelectionValue.value);\r\n\r\n\t\t\t\tlet hasValidPath: boolean | null = null;\r\n\r\n\t\t\t\tfor (const permutationSelection of newSelections) {\r\n\t\t\t\t\tif (permutationSelection === newSelection) {\r\n\t\t\t\t\t\tcontinue;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfor (const permutationSelectionValue of permutationSelection.values) {\r\n\t\t\t\t\t\tif (!permutationSelectionValue.checked) {\r\n\t\t\t\t\t\t\tcontinue;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t// Check if adding the current selection to the list of selected values will still result in a valid product,\r\n\t\t\t\t\t\t// ignoring already selected values for the current selection\r\n\t\t\t\t\t\tconst valuesToCheck = new Map(checkedValues).set(newSelection.label, newSelectionValue.value);\r\n\t\t\t\t\t\tconst currentList = Array.from(valuesToCheck.values());\r\n\t\t\t\t\t\tconst hasMatch = hasMatchingSimpleProduct(currentList, props.simpleProducts || []);\r\n\t\t\t\t\t\thasValidPath = hasMatch;\r\n\r\n\t\t\t\t\t\tif (hasMatch) {\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (hasValidPath !== null) {\r\n\t\t\t\t\tconsole.debug('Valid Path:', hasValidPath);\r\n\t\t\t\t\tnewSelectionValue.valid = hasValidPath;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tnewSelectionValue.valid = true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// updates state for all selections\r\n\t\tsetSelections(newSelections);\r\n\t};\r\n\r\n\tconst handleSelection = (selection: ProductDetailSelection, selectionValue: SelectionValue) => {\r\n\t\tif (selectionValue.checked) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetSelectedPricingLine(NoPricingLine);\r\n\t\tconst newSelections = [...selections];\r\n\t\tconst clickedSelectionValueIsValid = selectionValue.valid;\r\n\r\n\t\tconsole.debug('Selecting', selectionValue.label);\r\n\t\tconsole.debug('Clicked Valid Selection:', clickedSelectionValueIsValid);\r\n\r\n\t\t// 1. mark clicked selection as checked.\r\n\t\t// 2. if clicked selection is not valid, uncheck all other selections\r\n\t\t// 3. update all other selections for validity\r\n\t\tfor (const newSelection of newSelections) {\r\n\t\t\tfor (const newSelectionValue of newSelection.values) {\r\n\t\t\t\tif (selection === newSelection) {\r\n\t\t\t\t\t// matching selection of selection value clicked\r\n\t\t\t\t\tif (newSelectionValue === selectionValue) {\r\n\t\t\t\t\t\t// matching selection value clicked\r\n\t\t\t\t\t\tnewSelectionValue.checked = true;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tnewSelectionValue.checked = false;\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// if we clicked on a possibly invalid path, uncheck all other selections\r\n\t\t\t\t\tif (!clickedSelectionValueIsValid) {\r\n\t\t\t\t\t\tnewSelectionValue.checked = false;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconsole.debug('Simple Products:', props.simpleProducts);\r\n\r\n\t\t// check validity of all permutations\r\n\t\tupdateValidSelections(newSelections);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<fieldset className=\"roc-pdp-selections\">\r\n\t\t\t\t<legend className=\"roc-visually-hidden\">{Localizer('Selections')}</legend>\r\n\t\t\t\t{selections.map((selection, selectionIndex) => {\r\n\t\t\t\t\tconst selectionLabel = getCheckedLabel(selection);\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<div key={selectionIndex} className=\"roc-pdp-selections__item\">\r\n\t\t\t\t\t\t\t<p className=\"roc-pdp-selections__item-title\">\r\n\t\t\t\t\t\t\t\t<strong>{selection.label}</strong>{' '}\r\n\t\t\t\t\t\t\t\t{selectionLabel && ' - ' + getCheckedLabel(selection)}\r\n\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t<div className=\"roc-pdp-selections__item-content\">\r\n\t\t\t\t\t\t\t\t{selection.values.map((selectionValue, index) => {\r\n\t\t\t\t\t\t\t\t\t// #region HCL - swatch handling\r\n\t\t\t\t\t\t\t\t\tconst useSwatches = selection.values.some((v) => v.swatchUrl);\r\n\t\t\t\t\t\t\t\t\tconst selectionClassNames = useSwatches\r\n\t\t\t\t\t\t\t\t\t\t? 'roc-pdp-selections__item-label roc-pdp-selections__color roc-pdp-selections__color--' +\r\n\t\t\t\t\t\t\t\t\t\t  selectionValue.label.toLowerCase()\r\n\t\t\t\t\t\t\t\t\t\t: 'roc-pdp-selections__item-label';\r\n\t\t\t\t\t\t\t\t\t// #endregion\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\t\t\t\t\thtmlFor={\r\n\t\t\t\t\t\t\t\t\t\t\t\t'selections-' + selectionIndex.toString() + '-' + selectionValue.label\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\t\t\t// #region HCL - handling swatches\r\n\r\n\t\t\t\t\t\t\t\t\t\t\tstyle={\r\n\t\t\t\t\t\t\t\t\t\t\t\tuseSwatches\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundImage: selectionValue.swatchUrl\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `url(${selectionValue.swatchUrl})`\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'none',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t  }\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={classnames(selectionClassNames, {\r\n\t\t\t\t\t\t\t\t\t\t\t\t'roc-pdp-selections__item-label--active': selectionValue.checked,\r\n\t\t\t\t\t\t\t\t\t\t\t\t'roc-pdp-selections__item-label--invalid': !selectionValue.valid,\r\n\t\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\t\t// #endregion\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{/* #region HCL - swatches */}\r\n\t\t\t\t\t\t\t\t\t\t\t{useSwatches ? '' : selectionValue.label}\r\n\t\t\t\t\t\t\t\t\t\t\t{/* #endregion HCL */}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-pdp-selections__item-input roc-visually-hidden\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tid={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'selections-' +\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectionIndex.toString() +\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'-' +\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectionValue.label\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\tdata-testid={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'selections-' +\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectionIndex.toString() +\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'-' +\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectionValue.label\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={selectionValue.value}\r\n\t\t\t\t\t\t\t\t\t\t\t\tname={'selections-' + selectionIndex.toString()}\r\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={selectionValue.checked}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst match = selection.values.find(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(value) => value.value === selectionValue.value,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (match) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleSelection(selection, match);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t</fieldset>\r\n\t\t</>\r\n\t);\r\n}\r\n","import { useEffect, useState } from 'react';\r\nimport { BasePartialDataOptions, BasePartialDetailsState, AvailableKeys, AdditionalParams } from 'shared/types';\r\n\r\ntype InitialStateLoader = () => unknown;\r\ntype PartialDataLoaderFn<T> = (options: BasePartialDataOptions<T>) => Promise<Record<string, any>>;\r\n\r\nexport interface PartialDataLoaderOptions<T> {\r\n\tkeys: AvailableKeys<T>;\r\n\tinitialState: unknown | InitialStateLoader;\r\n\tdataLoaderFn: PartialDataLoaderFn<T>;\r\n}\r\n\r\nexport interface PartialDataLoaderState<T> {\r\n\tpartialData: T;\r\n\tisLoading: boolean;\r\n}\r\n\r\nexport default function usePartialDataLoader<T extends BasePartialDetailsState>(options: PartialDataLoaderOptions<T>) {\r\n\tconst initialState = typeof options.initialState === 'function' ? options.initialState() : options.initialState;\r\n\tconst [partialData, setPartialData] = useState<T>(initialState);\r\n\tconst [isLoading, setIsLoading] = useState(true);\r\n\tconst [hasError, setHasError] = useState(false);\r\n\r\n\t/**\r\n\t * Helper function to determine if the given chunk of partial (by key) data has been already loaded or if it is still loading.\r\n\t */\r\n\tfunction isKeyLoading(key: keyof T): boolean {\r\n\t\tif (partialData === undefined || partialData === null) {\r\n\t\t\treturn isLoading;\r\n\t\t}\r\n\r\n\t\tif (Object.keys(partialData).includes(key.toString()) && partialData[key] !== undefined) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\treturn isLoading;\r\n\t}\r\n\r\n\t// we'd then make a request to the server to get the data for the missing keys.\r\n\tuseEffect(() => {\r\n\t\tconst providedKeys = Object.keys(partialData);\r\n\t\tconst requiredKeys = options.keys.map((literal) => literal.valueOf().toString()) as Array<keyof T>;\r\n\t\tconst missingKeys = requiredKeys.filter((value) => providedKeys.indexOf(value.valueOf().toString()) === -1);\r\n\t\tloadData(partialData.id, missingKeys, partialData.additionalParams);\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\tasync function loadData(id: string, missingKeys: Array<keyof T>, additionalParams: AdditionalParams | undefined) {\r\n\t\ttry {\r\n\t\t\t// await timeout(1000);\r\n\t\t\tconsole.debug('Fetching missing data:', missingKeys);\r\n\t\t\tconst missingData = await options.dataLoaderFn({ id, missingKeys, additionalParams });\r\n\r\n\t\t\tconsole.debug('Missing data loaded:', missingData);\r\n\t\t\tsetPartialData({\r\n\t\t\t\t...partialData,\r\n\t\t\t\t...missingData,\r\n\t\t\t});\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error('Unable to fetch remaining data.');\r\n\t\t\tsetHasError(true);\r\n\t\t} finally {\r\n\t\t\tsetIsLoading(false);\r\n\t\t}\r\n\t}\r\n\r\n\treturn {\r\n\t\tpartialData,\r\n\t\tisLoading: isKeyLoading,\r\n\t\tisLoadingAny: (keys: Array<keyof T> = []) => keys.some((key) => isKeyLoading(key)),\r\n\t\thasError,\r\n\t\tsetHasError,\r\n\t};\r\n}\r\n","import { useState } from 'react';\r\nimport usePartialDataLoader from 'shared/data/usePartialDataLoader';\r\nimport { CheckableLine, NoPricingLine } from './ProductPricingLines';\r\nimport {\r\n\tAvailability,\r\n\tgetInitialProductDetailsState,\r\n\tProductDetailsState,\r\n\tProductPartialDataLoaderOptions,\r\n\tProductPricingLine,\r\n\tProductType,\r\n\tReviewSummaryDto,\r\n\tTabViewChunk,\r\n} from './types';\r\n\r\nexport interface UseProductDetails {\r\n\tstate: UseProductDetailsState;\r\n\tactor: UseProductDetailsActor;\r\n}\r\n\r\n/**\r\n * Use Product Details Context State\r\n */\r\nexport interface UseProductDetailsState {\r\n\tloggedInUserFirstName: string;\r\n\tproductId: string;\r\n\tgroupId: string;\r\n\treviewsSummary: ReviewSummaryDto;\r\n\tsimpleProductLoading: boolean;\r\n\thasError: boolean;\r\n\tproductDetails: ProductDetailsState;\r\n\tproductStateOverride: Partial<ProductDetailsState> | null;\r\n\tuserIsSignedIn: boolean;\r\n\tproductQuantity: number | null;\r\n\tselectedPricingLine: CheckableLine;\r\n}\r\n\r\n/**\r\n * Use Product Details Context Actor\r\n */\r\nexport interface UseProductDetailsActor {\r\n\tsetLoggedInUserFirstName: (name: string) => void;\r\n\tsetSimpleProductLoading: (prop: boolean) => void;\r\n\tsetProductStateOverride: (data: Partial<ProductDetailsState> | null) => void;\r\n\tisLoadingAny: (keys: Array<keyof ProductDetailsState>) => boolean;\r\n\tsetHasError: (hasError: boolean) => void;\r\n\tsetUserIsSignedIn: (isSignIn: boolean) => void;\r\n\tsetProductQuantity: (qty: number | null) => void;\r\n\tsetSelectedPricingLine: (CheckableLine: CheckableLine) => void;\r\n\tisPricingLineUnavailable: () => boolean;\r\n\tisPurchaseable: (availability?: Availability | null, pricingLine?: ProductPricingLine) => boolean;\r\n}\r\n\r\nexport interface UseProductDetailsProps {\r\n\tloaderOptions: ProductPartialDataLoaderOptions;\r\n}\r\n\r\n/**\r\n * Reusable hook to access product detail related endpoints on the server, as well as helping manage\r\n * product detail information.\r\n */\r\nexport default function useProductDetails(props: UseProductDetailsProps): UseProductDetails {\r\n\tconst { loaderOptions } = props;\r\n\r\n\t// to indicate that a simple product details are being loaded after selections are made\r\n\tconst [simpleProductLoading, setSimpleProductLoading] = useState(false);\r\n\tconst [loggedInUserFirstName, setLoggedInUserFirstName] = useState('');\r\n\r\n\t// defines state that can be used to override the existing state defined by initial state + partial loader\r\n\t// this is primarily used for group products, where a simple product takes over after a selection is made\r\n\tconst [productStateOverride, setInternalProductStateOverride] = useState<Partial<ProductDetailsState> | null>(null);\r\n\r\n\tconst [userIsSignedIn, setUserIsSignedIn] = useState(false);\r\n\tconst [productQuantity, setProductQuantity] = useState<number | null>(1);\r\n\r\n\tconst [selectedPricingLine, setSelectedPricingLine] = useState<CheckableLine>(NoPricingLine);\r\n\r\n\tconst setProductStateOverride = (data: Partial<ProductDetailsState> | null) => {\r\n\t\tif (data == null) {\r\n\t\t\tsetInternalProductStateOverride(null);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst originalState = getInitialProductDetailsState();\r\n\r\n\t\tconst foldTabs = () => {\r\n\t\t\tconst newTabs = data.tabs != null ? [...data.tabs] : [];\r\n\t\t\tconst newTabsMap = newTabs.reduce(function (map: { [index: string]: TabViewChunk }, obj) {\r\n\t\t\t\tmap[obj.tab.id] = obj;\r\n\t\t\t\treturn map;\r\n\t\t\t}, {});\r\n\r\n\t\t\tfor (const oldTab of originalState?.tabs ?? []) {\r\n\t\t\t\tif (!newTabsMap[oldTab.tab.id]) {\r\n\t\t\t\t\tnewTabs.push(oldTab);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn newTabs;\r\n\t\t};\r\n\r\n\t\tconst fixedNewState: Partial<ProductDetailsState> = {\r\n\t\t\t...data,\r\n\t\t\ttabs: foldTabs(),\r\n\t\t};\r\n\r\n\t\tsetInternalProductStateOverride(fixedNewState);\r\n\t};\r\n\r\n\t// this will grab the details from the server for you, and get you the state necessary\r\n\t// normally, we would just have all of the missing fields here, but sometimes, if we have multiple\r\n\t// integration calls, it may be good to be able to split this up. in this case, this is an example\r\n\t// of splitting up pricing/images and availability into separate calls.\r\n\t// this would apply if you have user-specific pricing, and the availability service is\r\n\t// really slow. you'd want to show pricing right away, and take time before showing availability\r\n\tconst productData = usePartialDataLoader<ProductDetailsState>({\r\n\t\tkeys: [\r\n\t\t\t'summary',\r\n\t\t\t'displayPricing',\r\n\t\t\t'pricingLines',\r\n\t\t\t'assets',\r\n\t\t\t'availability',\r\n\t\t\t'brand',\r\n\t\t\t'tabs',\r\n\t\t\t'selections',\r\n\t\t\t'relatedProducts',\r\n\t\t\t'reviewsSummary',\r\n\t\t\t'breadcrumbPath',\r\n\t\t\t'reviewsSummary',\r\n\t\t\t'addOns',\r\n\t\t],\r\n\t\t...loaderOptions,\r\n\t});\r\n\r\n\tconst { isLoadingAny, hasError, setHasError } = productData;\r\n\r\n\tconst productDetails = { ...productData.partialData, ...productStateOverride };\r\n\r\n\tconst groupId =\r\n\t\tproductDetails.summary.type === ProductType.Group\r\n\t\t\t? productDetails.id\r\n\t\t\t: productDetails.summary.productGroupId || '';\r\n\r\n\t/** Returns true if the selected pricing line is unavailable and can't be purchased. */\r\n\tconst isPricingLineUnavailable = () =>\r\n\t\tselectedPricingLine.pricingLine == null || selectedPricingLine.pricingLine?.unavailabilityReason != null;\r\n\r\n\tconst isPurchaseable = (availability?: Availability | null, pricingLine?: ProductPricingLine) => {\r\n\t\treturn availability?.outOfStock != true && pricingLine != null && pricingLine?.unavailabilityReason == null;\r\n\t};\r\n\r\n\treturn {\r\n\t\tstate: {\r\n\t\t\tloggedInUserFirstName,\r\n\t\t\tproductId: productDetails.id,\r\n\t\t\tgroupId,\r\n\t\t\treviewsSummary: productDetails.reviewsSummary,\r\n\t\t\tsimpleProductLoading,\r\n\t\t\tproductDetails,\r\n\t\t\tproductStateOverride,\r\n\t\t\thasError,\r\n\t\t\tuserIsSignedIn,\r\n\t\t\tproductQuantity,\r\n\t\t\tselectedPricingLine,\r\n\t\t},\r\n\t\tactor: {\r\n\t\t\tsetLoggedInUserFirstName,\r\n\t\t\tsetSimpleProductLoading,\r\n\t\t\tisLoadingAny,\r\n\t\t\tsetProductStateOverride,\r\n\t\t\tsetHasError,\r\n\t\t\tsetUserIsSignedIn,\r\n\t\t\tsetProductQuantity,\r\n\t\t\tsetSelectedPricingLine,\r\n\t\t\tisPricingLineUnavailable,\r\n\t\t\tisPurchaseable,\r\n\t\t},\r\n\t};\r\n}\r\n","import { MY_ACCOUNT_SHOPPING_LISTS_URL } from 'features/my-account/routes.commerce';\r\nimport React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { useShoppingListLoader } from '../my-account/shopping-lists/useShoppingListLoader';\r\n\r\ninterface ProductListsProps {\r\n\tproductId: string;\r\n}\r\n\r\nexport default function ProductLists(props: ProductListsProps) {\r\n\tconst { results } = useShoppingListLoader({\r\n\t\tproductId: props.productId,\r\n\t});\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{/* #region HCL */}\r\n\t\t\t{results && results.results && results.results.length > 0 ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<h3>{Localizer('DisplayListsLabel')}</h3>\r\n\t\t\t\t\t<ul className=\"roc-utlity-nav__menu\">\r\n\t\t\t\t\t\t{results &&\r\n\t\t\t\t\t\t\tresults.results &&\r\n\t\t\t\t\t\t\tresults.results.map((shoppingList, index) => {\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t<li className=\"roc-utlity-nav__menu-item\" key={index}>\r\n\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-utlity-nav__menu-item-link\"\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t(window.location.href = `${MY_ACCOUNT_SHOPPING_LISTS_URL}/${shoppingList.id}`)\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{shoppingList.name}\r\n\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</>\r\n\t\t\t) : null}\r\n\t\t\t{/* #endregion */}\r\n\t\t</>\r\n\t);\r\n}\r\n","import {\r\n\tPriceDisplayRule,\r\n\tSimpleDisplayPrice,\r\n\tAmbiguousDisplayPrice,\r\n} from '../../../../../Roc.SharedClientApp/types/commerce/display-price';\r\nimport { GetPricingLine, GetPriceForQuantity } from '../pricing/pricing-result';\r\nimport { ProductDetailsState } from './types';\r\n\r\nexport const GetSalePercentageSummary = (productDetails: ProductDetailsState) => {\r\n\tif (productDetails.displayPricing == null) {\r\n\t\tthrow new Error(\"Display pricing was rendered when it wasn't ready!\");\r\n\t}\r\n\tconst selectedPricingLineId =\r\n\t\tproductDetails.pricingLines && productDetails.pricingLines.selected && productDetails.pricingLines.selected.id;\r\n\r\n\tconst displayPriceLine = GetPricingLine(productDetails.displayPricing, productDetails.id, selectedPricingLineId);\r\n\r\n\tconst displayPrice = displayPriceLine && GetPriceForQuantity(displayPriceLine.prices, 1);\r\n\r\n\tlet discount: number = 0;\r\n\r\n\tif (!displayPrice) {\r\n\t\treturn discount;\r\n\t}\r\n\tswitch (displayPrice.displayRule) {\r\n\t\tcase PriceDisplayRule.Normal:\r\n\t\t\tdiscount = getSimpleDiscount(displayPrice);\r\n\t\t\tbreak;\r\n\r\n\t\tcase PriceDisplayRule.AmbiguousRange:\r\n\t\t\tdiscount = getAmbiguousDiscount(displayPrice);\r\n\t\t\tbreak;\r\n\t}\r\n\r\n\treturn discount;\r\n};\r\n\r\nexport const getSimpleDiscount = (price: SimpleDisplayPrice) => {\r\n\tlet discount: number = 0;\r\n\tif (price.salePrice?.rawValue) {\r\n\t\tconst basePrice = Number(price.basePrice.rawValue);\r\n\t\tconst salePrice = Number(price.salePrice.rawValue);\r\n\r\n\t\tdiscount = 100 - (100 * salePrice) / basePrice;\r\n\t}\r\n\treturn Math.round(discount);\r\n};\r\n\r\nexport const getAmbiguousDiscount = (price: AmbiguousDisplayPrice) => {\r\n\tlet discount: number = 0;\r\n\tif (price.salePrice?.rawValue) {\r\n\t\tconst basePrice = Number(price.basePrice.rawValue);\r\n\t\tconst salePrice = Number(price.salePrice.rawValue);\r\n\r\n\t\tdiscount = 100 - (100 * salePrice) / basePrice;\r\n\t}\r\n\treturn Math.round(discount);\r\n};\r\n","import { GetPricingLine, ParseQuantityRange } from 'features/commerce/pricing/pricing-result';\r\nimport React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport ProductPricing from 'shared/components/commerce/ProductPricing';\r\nimport { DisplayPrice, VariantPrice } from '../../../../../Roc.SharedClientApp/types/commerce/display-price';\r\nimport { useProductDetailsContext } from './ProductDetailsContext';\r\n\r\ninterface QuantityBreak {\r\n\tmin: number;\r\n\tmax: number;\r\n\tprice: DisplayPrice<VariantPrice, VariantPrice>;\r\n}\r\nexport function ProductPriceBreaks() {\r\n\tconst {\r\n\t\tstate: { productDetails },\r\n\t} = useProductDetailsContext();\r\n\r\n\tconst getAvailablePrices = () => {\r\n\t\tif (productDetails.displayPricing == null) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t\tconst selectedPricingLineId =\r\n\t\t\tproductDetails.pricingLines &&\r\n\t\t\tproductDetails.pricingLines.selected &&\r\n\t\t\tproductDetails.pricingLines.selected.id;\r\n\t\tconst displayPriceLine = GetPricingLine(\r\n\t\t\tproductDetails.displayPricing,\r\n\t\t\tproductDetails.id,\r\n\t\t\tselectedPricingLineId,\r\n\t\t);\r\n\t\tif (displayPriceLine == undefined) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t\treturn displayPriceLine.prices;\r\n\t};\r\n\tconst qtyRanges = new Array<QuantityBreak>();\r\n\tconst availablePricing = getAvailablePrices();\r\n\tif (availablePricing == null || Object.keys(availablePricing).length == 1) {\r\n\t\treturn null;\r\n\t}\r\n\tfor (const qtyRange in availablePricing) {\r\n\t\tconst [min, max] = ParseQuantityRange(qtyRange);\r\n\t\tconst pricing = availablePricing[qtyRange];\r\n\t\tqtyRanges.push({ min: min, max: max, price: pricing });\r\n\t}\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<table className=\"roc-pdp-product-pricing-table\">\r\n\t\t\t\t<thead>\r\n\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t<td>{Localizer('MinimumBreak')}</td>\r\n\t\t\t\t\t\t<td>{Localizer('MaximumBreak')}</td>\r\n\t\t\t\t\t\t<td>{Localizer('NetPricePerUnit')}</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</thead>\r\n\t\t\t\t<tbody>\r\n\t\t\t\t\t{qtyRanges.map((qtyRange) => (\r\n\t\t\t\t\t\t<tr key={qtyRange.min}>\r\n\t\t\t\t\t\t\t<td>{qtyRange.max == Infinity ? <>{qtyRange.min + '+'}</> : <>{qtyRange.min}</>}</td>\r\n\t\t\t\t\t\t\t<td>{qtyRange.max == Infinity ? null : <>{qtyRange.max}</>}</td>\r\n\t\t\t\t\t\t\t<td>\r\n\t\t\t\t\t\t\t\t<ProductPricing displayPrice={qtyRange.price} inline testId=\"pdp-main-price\" />\r\n\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</tbody>\r\n\t\t\t</table>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import { AxiosError } from 'axios';\r\nimport { GetPriceForQuantity, GetPricingLine } from 'features/commerce/pricing/pricing-result';\r\nimport arrayMutators from 'final-form-arrays';\r\nimport React, { useEffect, useState } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { ServerData } from 'services/ServerData';\r\nimport { getUserData, UserData } from 'services/UserData';\r\nimport { getTabDivElement, getTabLiElement } from 'shared-client/types/commerce/tabs';\r\nimport { lazyLoadImages } from 'shared/assets/lazy';\r\nimport Breadcrumbs from 'shared/components/Breadcrumbs';\r\nimport ProductPricing from 'shared/components/commerce/ProductPricing';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport RocForm from 'shared/edit/RocForm';\r\nimport useRocEventHandler, { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport { handleAxiosErrorWithValidation } from 'shared/util/Misc';\r\nimport { SimpleProductsListing } from './AlternateProductDetails';\r\nimport { getPartialProductData } from './data';\r\nimport { AddOnsFormValues, getProductAddOnsComponent } from './ProductAddOns';\r\nimport ProductAddToCart from './ProductAddToCart';\r\nimport ProductAddToList from './ProductAddToList';\r\nimport ProductAssets from './ProductAssets';\r\nimport ProductDetailsContext, { useProductDetailsContext } from './ProductDetailsContext';\r\nimport ProductRating from './ProductRating';\r\nimport ProductSelections from './ProductSelections';\r\nimport {\r\n\tgetInitialProductDetailsState,\r\n\tProductAddOnDto,\r\n\tProductDetailsState,\r\n\tProductPartialDataLoaderOptions,\r\n\tProductType,\r\n\tTabViewChunk,\r\n} from './types';\r\nimport useProductDetails, { UseProductDetails } from './useProductDetails';\r\n// #region HCL\r\nimport ProductLists from './ProductLists';\r\nimport { GetSalePercentageSummary } from './data.HCL';\r\nimport { ProductPriceBreaks } from './ProductPriceBreaks';\r\n// #endregion\r\n\r\nconst loaderOptions: ProductPartialDataLoaderOptions = {\r\n\tinitialState: getInitialProductDetailsState,\r\n\tdataLoaderFn: getPartialProductData,\r\n};\r\n\r\n/**\r\n * Keys that will be requested from the server when the active product is changed (eg, the user changed selections)\r\n */\r\nconst missingKeys: Array<keyof ProductDetailsState> = [\r\n\t'summary',\r\n\t'assets',\r\n\t'availability',\r\n\t'brand',\r\n\t'pricingLines',\r\n\t'displayPricing',\r\n\t'breadcrumbPath',\r\n\t'reviewsSummary',\r\n\t'tabs',\r\n\t'addOns',\r\n];\r\n\r\n/**\r\n * Main component that renders the product details using react portals\r\n */\r\nfunction ProductDetails() {\r\n\tconst UseProductDetailsResult: UseProductDetails = useProductDetails({ loaderOptions });\r\n\tconst [canGoBack, setCanGoBack] = useState('');\r\n\tconst {\r\n\t\tstate: { productDetails, groupId },\r\n\t\tactor: { setLoggedInUserFirstName, setUserIsSignedIn },\r\n\t} = UseProductDetailsResult;\r\n\r\n\tconst getLoggedInUserFirstName = async (): Promise<string> => {\r\n\t\ttry {\r\n\t\t\tconst data = (await getUserData()).data;\r\n\t\t\tgetUserIsSignedIn(data);\r\n\t\t\treturn (data && data.summary && data.summary.firstName) || '';\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error('Unable to load user data', error);\r\n\t\t}\r\n\t\treturn Promise.resolve('');\r\n\t};\r\n\r\n\tconst getUserIsSignedIn = (data: UserData) => {\r\n\t\tsetUserIsSignedIn((data && data.summary && data.summary.isSignedIn) || false);\r\n\t};\r\n\r\n\tuseRocEventHandler(\r\n\t\t'hawk-recs-widget-loaded',\r\n\t\t({ widgetGuid, hasItems }) => {\r\n\t\t\t// update tab visibility\r\n\t\t\tif (productDetails.tabs === undefined) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// select based on data attributes to prevent this from breaking due to customizations\r\n\t\t\tconst elements = document.querySelectorAll(`[data-tab-id] [data-widgetguid=\"${widgetGuid}\"]`);\r\n\r\n\t\t\tif (elements.length === 0) {\r\n\t\t\t\tconsole.warn(`No matches found for Widget Guid: ${widgetGuid}`);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\telements.forEach((el) => {\r\n\t\t\t\t// have to check for this again inside this closure\r\n\t\t\t\tif (productDetails.tabs === undefined) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// closest attempts to find the tab parent node.\r\n\t\t\t\tconst tabDiv = el.closest(`[data-tab-id]`);\r\n\t\t\t\tif (!tabDiv) {\r\n\t\t\t\t\tconsole.warn('Unable to find tab parent!');\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// grab the tab-id rendered by the server and find the matching tabChunk\r\n\t\t\t\tconst tabId = tabDiv.getAttribute('data-tab-id');\r\n\t\t\t\tconst tabChunk = productDetails.tabs.find((t) => t.tab.id === tabId);\r\n\r\n\t\t\t\tif (!tabChunk) {\r\n\t\t\t\t\tconsole.warn(`Unable to find tab (${tabId})`);\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// let the magic happen\r\n\t\t\t\tupdateTabVisibility(tabChunk, hasItems);\r\n\t\t\t});\r\n\t\t},\r\n\t\t[],\r\n\t);\r\n\r\n\tuseEffect(() => {\r\n\t\tgetLoggedInUserFirstName().then((firstName) => {\r\n\t\t\tsetLoggedInUserFirstName(firstName);\r\n\t\t});\r\n\r\n\t\tsetCanGoBack(sessionStorage.getItem('canGoBack') || '');\r\n\t\tsessionStorage.removeItem('canGoBack');\r\n\r\n\t\tdispatchRocEvent('product-viewed', {\r\n\t\t\tproductName: productDetails.summary.name,\r\n\t\t\tsku: productDetails.summary.sku,\r\n\t\t\tproductId: productDetails.id,\r\n\t\t\tproductGroupId: groupId !== '' ? groupId : null,\r\n\t\t\tselections: productDetails.selections ?? null,\r\n\t\t});\r\n\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<ProductDetailsContext.Provider\r\n\t\t\tvalue={{\r\n\t\t\t\tstate: { ...UseProductDetailsResult.state },\r\n\t\t\t\tactor: { ...UseProductDetailsResult.actor },\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t<ProductBreadcrumbs canGoBack={canGoBack} />\r\n\t\t\t<ProductMedia />\r\n\t\t\t<ProductHeader />\r\n\t\t\t{productDetails.summary && productDetails.summary.useAlternateProductDetails ? (\r\n\t\t\t\t<SimpleProductsListing />\r\n\t\t\t) : (\r\n\t\t\t\t<ProductSelectionsRegion />\r\n\t\t\t)}\r\n\t\t</ProductDetailsContext.Provider>\r\n\t);\r\n}\r\n\r\n//#region React Portals\r\n\r\n/**\r\n * Product page header containing the breadcrumbs\r\n * @param props\r\n */\r\nexport function ProductBreadcrumbs(props: { canGoBack: string }) {\r\n\tconst {\r\n\t\tstate: { productDetails },\r\n\t} = useProductDetailsContext();\r\n\r\n\tconst headerDom = document.getElementById('product-details-header');\r\n\tif (!headerDom) {\r\n\t\tconsole.warn('Header DOM element not found.');\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst breadcrumbComponent = (\r\n\t\t<Breadcrumbs\r\n\t\t\tbreadcrumbPath={productDetails.breadcrumbPath}\r\n\t\t\tbackToPage={{ label: Localizer('BackToResults'), url: props.canGoBack }}\r\n\t\t/>\r\n\t);\r\n\r\n\treturn ReactDOM.createPortal(breadcrumbComponent, headerDom);\r\n}\r\n\r\n/**\r\n * Product page media component, containing the product images\r\n */\r\nexport function ProductMedia() {\r\n\tconst {\r\n\t\tstate: { productDetails },\r\n\t\tactor: { isLoadingAny },\r\n\t} = useProductDetailsContext();\r\n\r\n\tconst mainLeftDom = document.getElementById('product-details-product-media');\r\n\tif (!mainLeftDom) {\r\n\t\tconsole.warn('Product media DOM element not found.');\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst productAssets = (\r\n\t\t<>\r\n\t\t\t{!isLoadingAny(['assets']) ? (\r\n\t\t\t\t// #region HCL\r\n\t\t\t\t<ProductAssets\r\n\t\t\t\t\tassets={productDetails.assets}\r\n\t\t\t\t\tsaleDiscount={GetSalePercentageSummary(productDetails)}\r\n\t\t\t\t\tisNewProduct={productDetails.isNewProduct}\r\n\t\t\t\t/>\r\n\t\t\t) : (\r\n\t\t\t\t// #endregion\r\n\t\t\t\t<Spinner block />\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n\r\n\treturn ReactDOM.createPortal(productAssets, mainLeftDom);\r\n}\r\n\r\n/**\r\n * Product page main info header, containing the pricing and rating components\r\n */\r\nexport function ProductHeader() {\r\n\t// #region HCL -- added productQuantity\r\n\tconst {\r\n\t\tstate: { productDetails, hasError, productQuantity },\r\n\t\tactor: { isLoadingAny },\r\n\t} = useProductDetailsContext();\r\n\t// #endregion\r\n\r\n\tconst mainInfoHeaderDom = document.getElementById('product-details-main-info-header');\r\n\tif (!mainInfoHeaderDom) {\r\n\t\tconsole.warn('Main info header DOM element not found.');\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst getDetail = () => {\r\n\t\tif (productDetails.displayPricing == null) {\r\n\t\t\tthrow new Error(\"Display pricing was rendered when it wasn't ready!\");\r\n\t\t}\r\n\t\tconst selectedPricingLineId =\r\n\t\t\tproductDetails.pricingLines &&\r\n\t\t\tproductDetails.pricingLines.selected &&\r\n\t\t\tproductDetails.pricingLines.selected.id;\r\n\r\n\t\tconst displayPriceLine = GetPricingLine(\r\n\t\t\tproductDetails.displayPricing,\r\n\t\t\tproductDetails.id,\r\n\t\t\tselectedPricingLineId,\r\n\t\t);\r\n\r\n\t\t// #region HCL\r\n\t\treturn displayPriceLine && GetPriceForQuantity(displayPriceLine.prices, productQuantity ?? 1);\r\n\t\t// #endregion HCL\r\n\t};\r\n\r\n\tconst productHeaderInfo = (\r\n\t\t<>\r\n\t\t\t{!isLoadingAny(['displayPricing']) ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{/* #region HCL */}\r\n\t\t\t\t\t<ProductPriceBreaks />\r\n\t\t\t\t\t{/* #endregion */}\r\n\t\t\t\t\t<ProductPricing\r\n\t\t\t\t\t\tdisplayPrice={getDetail()}\r\n\t\t\t\t\t\tclassName=\"roc-pdp-price\"\r\n\t\t\t\t\t\tinline\r\n\t\t\t\t\t\ttestId=\"pdp-main-price\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</>\r\n\t\t\t) : !hasError ? (\r\n\t\t\t\t<Spinner block />\r\n\t\t\t) : null}\r\n\r\n\t\t\t{!isLoadingAny(['reviewsSummary']) ? <ProductRating /> : <Spinner block />}\r\n\t\t</>\r\n\t);\r\n\r\n\treturn ReactDOM.createPortal(productHeaderInfo, mainInfoHeaderDom);\r\n}\r\n\r\n/**\r\n * Product page product selection component, which takes care of the logic and display\r\n * of the product selections and pricing lines / units of measure\r\n */\r\nexport function ProductSelectionsRegion() {\r\n\tconst [selectedProductPricingLineId, setSelectedProductPricingLineId] = useState<string | null>(null);\r\n\tconst {\r\n\t\tstate: { productDetails, groupId, hasError, productStateOverride, userIsSignedIn, productQuantity },\r\n\t\tactor: { isLoadingAny, setSimpleProductLoading, setProductStateOverride, setHasError, setProductQuantity },\r\n\t} = useProductDetailsContext();\r\n\r\n\tconst [productAddOns, setProductAddOns] = useState<ProductAddOnDto[]>();\r\n\tconst [childProductAddOnNames, setChildProductAddOnNames] = useState<string[]>();\r\n\r\n\tuseEffect(() => {\r\n\t\tif (productDetails.addOns) {\r\n\t\t\tsetProductAddOns([...(productDetails.addOns.productAddOnData ?? [])]);\r\n\t\t\tsetChildProductAddOnNames([...(productDetails.addOns.availableChildProductAddOns ?? [])]);\r\n\t\t}\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [productDetails.addOns]);\r\n\r\n\tconst productSelectionsDom = document.getElementById('product-details-selections');\r\n\tif (!productSelectionsDom) {\r\n\t\tconsole.warn('Product selections DOM element not found.');\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst ProductAddOnsComponent = getProductAddOnsComponent();\r\n\r\n\tconst productSelections = (\r\n\t\t<div>\r\n\t\t\t{!hasError ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{!isLoadingAny(['selections']) && productDetails.selections && productDetails.children ? (\r\n\t\t\t\t\t\t<ProductSelections\r\n\t\t\t\t\t\t\tselections={productDetails.selections}\r\n\t\t\t\t\t\t\tsimpleProducts={productDetails.children}\r\n\t\t\t\t\t\t\tonSimpleProductSelected={async (simpleProduct) => {\r\n\t\t\t\t\t\t\t\tconsole.debug('Simple Product Selected:', simpleProduct.name);\r\n\r\n\t\t\t\t\t\t\t\tsetSimpleProductLoading(true);\r\n\r\n\t\t\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\t\t\tconst simpleProductData = await getPartialProductData({\r\n\t\t\t\t\t\t\t\t\t\tid: simpleProduct.id,\r\n\t\t\t\t\t\t\t\t\t\tmissingKeys: missingKeys,\r\n\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\t\tconsole.debug('Simple Product Data:', simpleProductData);\r\n\r\n\t\t\t\t\t\t\t\t\tconst newProductData: ProductDetailsState = {\r\n\t\t\t\t\t\t\t\t\t\t...productStateOverride,\r\n\t\t\t\t\t\t\t\t\t\t...productDetails,\r\n\t\t\t\t\t\t\t\t\t\t...simpleProductData,\r\n\t\t\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\t\t\tsetProductStateOverride({\r\n\t\t\t\t\t\t\t\t\t\tid: simpleProduct.id,\r\n\t\t\t\t\t\t\t\t\t\t...simpleProductData,\r\n\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\t\t// Function to change the url, title, product name, brand information, sku and manufacturer part number\r\n\t\t\t\t\t\t\t\t\tUpdateSSRData(newProductData);\r\n\r\n\t\t\t\t\t\t\t\t\tdispatchRocEvent('product-selection-updated', {\r\n\t\t\t\t\t\t\t\t\t\tproduct: {\r\n\t\t\t\t\t\t\t\t\t\t\tproductId: simpleProduct.id,\r\n\t\t\t\t\t\t\t\t\t\t\tproductDetails: newProductData,\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t} catch (error) {\r\n\t\t\t\t\t\t\t\t\tconsole.error(error);\r\n\t\t\t\t\t\t\t\t\tsetHasError(error);\r\n\t\t\t\t\t\t\t\t} finally {\r\n\t\t\t\t\t\t\t\t\tsetSimpleProductLoading(false);\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonSimpleProductCleared={async () => {\r\n\t\t\t\t\t\t\t\tsetSimpleProductLoading(true);\r\n\t\t\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\t\t\tconst groupProductData = await getPartialProductData({\r\n\t\t\t\t\t\t\t\t\t\tid: groupId,\r\n\t\t\t\t\t\t\t\t\t\tmissingKeys: missingKeys,\r\n\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\t\tsetProductStateOverride({\r\n\t\t\t\t\t\t\t\t\t\tid: groupId,\r\n\t\t\t\t\t\t\t\t\t\t...groupProductData,\r\n\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\t\t// Function to change the url, title, product name, brand information, and sku\r\n\t\t\t\t\t\t\t\t\tUpdateSSRData(groupProductData);\r\n\r\n\t\t\t\t\t\t\t\t\tconst newGroupProductData = {\r\n\t\t\t\t\t\t\t\t\t\t...productDetails,\r\n\t\t\t\t\t\t\t\t\t\t...groupProductData,\r\n\t\t\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\t\t\tdispatchRocEvent('product-selection-updated', {\r\n\t\t\t\t\t\t\t\t\t\tproduct: {\r\n\t\t\t\t\t\t\t\t\t\t\tproductId: groupId,\r\n\t\t\t\t\t\t\t\t\t\t\tproductDetails: newGroupProductData,\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t} catch (error) {\r\n\t\t\t\t\t\t\t\t\tconsole.error(error);\r\n\t\t\t\t\t\t\t\t\tsetHasError(error);\r\n\t\t\t\t\t\t\t\t} finally {\r\n\t\t\t\t\t\t\t\t\tsetSimpleProductLoading(false);\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t<RocForm<AddOnsFormValues>\r\n\t\t\t\t\t\tinitialValues={{ addOns: productAddOns }}\r\n\t\t\t\t\t\tonSubmit={(values) => {\r\n\t\t\t\t\t\t\tif (values.axiosError) {\r\n\t\t\t\t\t\t\t\treturn handleAxiosErrorWithValidation(values.axiosError);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tmutators={{\r\n\t\t\t\t\t\t\t...arrayMutators,\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tsubscription={{\r\n\t\t\t\t\t\t\tsubmitting: true,\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tvalidateOnBlur={true}\r\n\t\t\t\t\t\trender={({ form, handleSubmit }) => {\r\n\t\t\t\t\t\t\tconst addOnsHandleSubmitWithError = (error: AxiosError) => {\r\n\t\t\t\t\t\t\t\t// `form.change` is synchronous, and we don't have access to anything except field values in the `onSubmit` function for the form,\r\n\t\t\t\t\t\t\t\t// so we store the error in the `axiosError` field, so we have access to it inside the `onSubmit` function and can handle it there\r\n\t\t\t\t\t\t\t\tform.change('axiosError', error);\r\n\t\t\t\t\t\t\t\thandleSubmit();\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t{!isLoadingAny(['addOns']) && (\r\n\t\t\t\t\t\t\t\t\t\t<ProductAddOnsComponent\r\n\t\t\t\t\t\t\t\t\t\t\taddOns={productAddOns ?? []}\r\n\t\t\t\t\t\t\t\t\t\t\tchildAddOnNames={childProductAddOnNames ?? []}\r\n\t\t\t\t\t\t\t\t\t\t\tformApi={form}\r\n\t\t\t\t\t\t\t\t\t\t\tsetProductAddOns={setProductAddOns}\r\n\t\t\t\t\t\t\t\t\t\t\thideAddOnsDetails={productDetails?.summary?.type == ProductType.Group}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t{!isLoadingAny(['pricingLines']) && (\r\n\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t<ProductAddToCart\r\n\t\t\t\t\t\t\t\t\t\t\t\tid={productDetails.id}\r\n\t\t\t\t\t\t\t\t\t\t\t\tsummary={productDetails.summary}\r\n\t\t\t\t\t\t\t\t\t\t\t\tavailability={productDetails.availability}\r\n\t\t\t\t\t\t\t\t\t\t\t\tpricingLines={productDetails.pricingLines}\r\n\t\t\t\t\t\t\t\t\t\t\t\tquantity={productQuantity}\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetQuantity={setProductQuantity}\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedProductPricingLineId={setSelectedProductPricingLineId}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonPricingLineChange={async (selectedPricingLineId: string) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t// reload availability for the selected Unit of Measure\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst availability = await getPartialProductData({\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tid: productDetails.id,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmissingKeys: ['availability'],\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tadditionalParams: {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tunitOfMeasureId: selectedPricingLineId,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst selectedPricingLine =\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductDetails.pricingLines &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductDetails.pricingLines.available.find(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(line) => line.id === selectedPricingLineId,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (!selectedPricingLine) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthrow new Error('Invalid unit of measure selected');\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t// override state with and availability from the server\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t// and selected unit of measure\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetProductStateOverride({\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...productStateOverride,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...availability,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselections: productDetails.selections,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tchildren: productDetails.children,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpricingLines: {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselected: selectedPricingLine,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tavailable: productDetails.pricingLines\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? productDetails.pricingLines.available\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: [],\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t} catch (error) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconsole.error(error);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetHasError(error);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\taddOns={productAddOns}\r\n\t\t\t\t\t\t\t\t\t\t\t\taddOnsHandleSubmitWithError={addOnsHandleSubmitWithError}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<ProductAddToList\r\n\t\t\t\t\t\t\t\t\t\t\t\tid={productDetails.id}\r\n\t\t\t\t\t\t\t\t\t\t\t\tsummary={productDetails.summary}\r\n\t\t\t\t\t\t\t\t\t\t\t\tisUserSignedIn={userIsSignedIn}\r\n\t\t\t\t\t\t\t\t\t\t\t\tquantity={productQuantity}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedProductPricingLineId={selectedProductPricingLineId}\r\n\t\t\t\t\t\t\t\t\t\t\t\taddOns={productAddOns}\r\n\t\t\t\t\t\t\t\t\t\t\t\taddOnsHandleSubmitWithError={addOnsHandleSubmitWithError}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t{/* #region HCL */}\r\n\t\t\t\t\t\t\t\t\t\t\t{userIsSignedIn && <ProductLists productId={productDetails.id} />}\r\n\t\t\t\t\t\t\t\t\t\t\t{/* //#endregion */}\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<div>{Localizer('ErrorOccurredLoadingProductData')}</div>\r\n\t\t\t)}\r\n\t\t</div>\r\n\t);\r\n\r\n\treturn ReactDOM.createPortal(productSelections, productSelectionsDom);\r\n}\r\n\r\n//#endregion\r\n\r\nfunction updateTabContents(tabChunk: TabViewChunk<unknown>) {\r\n\tconsole.debug('Updating tab contents:', tabChunk.tab.id);\r\n\r\n\t// Update SSR rendered HTML\r\n\tif (tabChunk.rawHtml == null) {\r\n\t\treturn;\r\n\t}\r\n\r\n\tconst div = getTabDivElement(tabChunk.tab.id);\r\n\tconst li = getTabLiElement(tabChunk.tab.id);\r\n\tlet hidden = false;\r\n\r\n\tif (div != null) {\r\n\t\tdiv.outerHTML = tabChunk.rawHtml;\r\n\t\tconst mutatedDiv = getTabDivElement(tabChunk.tab.id);\r\n\t\tif (mutatedDiv?.classList.contains('roc-hidden')) {\r\n\t\t\thidden = true;\r\n\t\t}\r\n\t}\r\n\r\n\tif (li != null) {\r\n\t\tli.className = hidden ? 'roc-hidden' : 'roc-pdp-sections__nav-item'; // This should match the values set in \\Roc.Web\\Features\\Commerce\\Products\\Index.cshtml\r\n\t}\r\n}\r\n\r\nfunction updateTabVisibility(tabChunk: TabViewChunk<unknown>, visible: boolean) {\r\n\tconsole.debug('Updating tab visbility:', tabChunk.tab.id);\r\n\r\n\tconst div = getTabDivElement(tabChunk.tab.id);\r\n\tconst li = getTabLiElement(tabChunk.tab.id);\r\n\r\n\tif (div != null) {\r\n\t\tdiv.classList.toggle('roc-hidden', !visible);\r\n\t}\r\n\r\n\tif (li != null) {\r\n\t\tli.classList.toggle('roc-hidden', !visible);\r\n\t\tli.classList.toggle('roc-pdp-sections__nav-item', visible);\r\n\t}\r\n}\r\n\r\n/**\r\n * Function that updates the data on the page that has been server-side rendered when a simple product is chosen\r\n * @param productData\r\n */\r\nfunction UpdateSSRData(productData: Partial<ProductDetailsState>) {\r\n\tconst { summary, brand } = productData;\r\n\r\n\t// update URL and page title\r\n\tif (summary?.meta?.pageTitle && ServerData.PageTitleSuffix) {\r\n\t\t// update the url and page title\r\n\t\twindow.history.replaceState('', summary.meta.pageTitle + ServerData.PageTitleSuffix, summary.productUrl);\r\n\r\n\t\t// replace state title is not working in chrome\r\n\t\tdocument.title = summary.meta.pageTitle + ServerData.PageTitleSuffix;\r\n\t}\r\n\r\n\t// Handle updating the product branding\r\n\tconst brandDiv = getElementByTestId('product-page-brand-div');\r\n\tconst brandName = getElementByTestId('product-page-brand-name');\r\n\tconst brandLogo = getElementByTestId('product-page-brand-logo') as HTMLImageElement;\r\n\r\n\tif (!brandDiv || !brandName || !brandLogo) {\r\n\t\tconsole.warn(\r\n\t\t\t'Could not find one of the following DOM elements to change:',\r\n\t\t\t'Brand enclosing div, Brand name, Brand logo',\r\n\t\t);\r\n\t} else {\r\n\t\tif (brand && brand.name) {\r\n\t\t\tbrandDiv.classList.remove('roc-hidden');\r\n\t\t\tbrandName.textContent = brand.name;\r\n\t\t\tif (brand.logoUrl) {\r\n\t\t\t\tbrandLogo.src = brand.logoUrl;\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tbrandDiv.classList.add('roc-hidden');\r\n\t\t\tbrandName.textContent = '';\r\n\t\t\tbrandLogo.src = '';\r\n\t\t}\r\n\t}\r\n\r\n\t// update tabs with new ssr'd contents\r\n\tconst tabs = productData.tabs ?? [];\r\n\tif (tabs.length > 0) {\r\n\t\tfor (const tabChunk of tabs) {\r\n\t\t\tupdateTabContents(tabChunk);\r\n\t\t}\r\n\t}\r\n\r\n\t// Handle updating the product name, SKU text and Manufacturer Part Number text\r\n\tconst productName = getElementsByTestId('product-page-product-name');\r\n\r\n\tconst productSkuContainer = getElementByTestId('product-page-sku-container');\r\n\tconst productSkuText = getElementByTestId('product-page-sku-text');\r\n\tconst productSkuValue = getElementByTestId('product-page-sku-value');\r\n\r\n\tconst productMpnContainer = getElementByTestId('product-page-mpn-container');\r\n\tconst productMpnText = getElementByTestId('product-page-mpn-text');\r\n\tconst productMpnValue = getElementByTestId('product-page-mpn-value');\r\n\r\n\tif (!productName) {\r\n\t\tconsole.warn('Could not find the Product Name DOM element to change');\r\n\t} else if (summary != null) {\r\n\t\tproductName.forEach((element) => {\r\n\t\t\telement.textContent = summary.name;\r\n\t\t});\r\n\t}\r\n\r\n\tif (!productSkuContainer || !productSkuText || !productSkuValue) {\r\n\t\tconsole.warn('Could not find the Product SKU Container, Text, or Value DOM elements to change');\r\n\t} else {\r\n\t\tif (summary?.sku && summary.type != 'Group') {\r\n\t\t\tproductSkuContainer.classList.remove('roc-hidden');\r\n\t\t\t// #region HCL - replace SKU for ItemNumber\r\n\t\t\tproductSkuText.textContent = `${Localizer('ItemNumber')}:`;\r\n\t\t\t// #endregion\r\n\t\t\tproductSkuValue.textContent = summary.sku;\r\n\t\t} else {\r\n\t\t\tproductSkuContainer.classList.add('roc-hidden');\r\n\t\t\tproductSkuText.textContent = '';\r\n\t\t\tproductSkuValue.textContent = '';\r\n\t\t}\r\n\t}\r\n\r\n\tif (!productMpnContainer || !productMpnText || !productMpnValue) {\r\n\t\tconsole.warn(\r\n\t\t\t'Could not find the Product Manufacturer Part Number Container, Text, or Value DOM elements to change',\r\n\t\t);\r\n\t} else {\r\n\t\tif (summary?.manufacturerPartNumber) {\r\n\t\t\tproductMpnContainer.classList.remove('roc-hidden');\r\n\t\t\tproductMpnText.textContent = `${Localizer('ManufacturerPartNumber')}:`;\r\n\t\t\tproductMpnValue.textContent = summary.manufacturerPartNumber;\r\n\t\t} else {\r\n\t\t\tproductMpnContainer.classList.add('roc-hidden');\r\n\t\t\tproductMpnText.textContent = '';\r\n\t\t\tproductMpnValue.textContent = '';\r\n\t\t}\r\n\t}\r\n\r\n\t// #region HCL\r\n\tconst productGroupName = getElementsByTestId('product-page-parent-product-name');\r\n\r\n\tif (!productName) {\r\n\t\tconsole.warn('Could not find the Product Name DOM element to change');\r\n\t} else if (summary != null) {\r\n\t\tproductName.forEach((element) => {\r\n\t\t\telement.textContent = summary.name;\r\n\t\t});\r\n\t}\r\n\r\n\tif (!productGroupName) {\r\n\t\tconsole.warn('Could not find the Parent Product Name Container');\r\n\t} else if (summary != null) {\r\n\t\tproductGroupName.forEach((element) => {\r\n\t\t\tif (summary?.productGroupName) {\r\n\t\t\t\telement.classList.remove('roc-hidden');\r\n\t\t\t\telement.textContent = summary.productGroupName;\r\n\t\t\t} else {\r\n\t\t\t\telement.classList.add('roc-hidden');\r\n\t\t\t\telement.textContent = '';\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\t// #endregion\r\n\r\n\tlazyLoadImages();\r\n}\r\n\r\n/**\r\n * Simple helper function to get a DOM element by its data-testid attribute\r\n * @param testId\r\n */\r\nfunction getElementByTestId(testId: string): Element | null {\r\n\treturn document.querySelector(`[data-testid=\"${testId}\"]`);\r\n}\r\n\r\n/**\r\n * Simple helper function to get DOM elements by its data-testid attribute\r\n * @param testId\r\n */\r\nfunction getElementsByTestId(testId: string): NodeListOf<Element> | null {\r\n\treturn document.querySelectorAll(`[data-testid=\"${testId}\"]`);\r\n}\r\n\r\nexport default ProductDetails;\r\n","import React from 'react';\r\nimport { initReactApp } from 'shared/util/ApplicationInit';\r\nimport ProductDetails from './ProductDetails';\r\n\r\nconst render = initReactApp(() => <ProductDetails />, 'product-details');\r\n\r\nrender();\r\n\r\n// optional, use this to enable hot reloading\r\nif ((module as any).hot) {\r\n\t(module as any).hot.accept('./ProductDetails', () => {\r\n\t\trender();\r\n\t});\r\n}\r\n","import { useState } from 'react';\r\n\r\n/**\r\n * Custom hook for commonly used loading states.\r\n */\r\nexport function useLoader<T>() {\r\n\tconst [loading, setLoading] = useState<boolean>(false);\r\n\tconst [error, setError] = useState<Error | undefined>(undefined);\r\n\tconst [response, setResponse] = useState<T | null>(null);\r\n\r\n\treturn {\r\n\t\tloading,\r\n\t\tsetLoading,\r\n\t\terror,\r\n\t\tsetError,\r\n\t\tresponse,\r\n\t\tsetResponse,\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Folder SVG\r\n *\r\n * @returns\r\n */\r\nfunction FolderSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 52 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-folder', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#231f20\"\r\n\t\t\t\td=\"M20.568 22.146l1.85 4.385c0.112 0.255 0.415 0.367 0.718 0.494 0.412-0.037 0.786-0.168 1.11-0.373l-0.010 0.006 6.713-4.257c0.973-0.622 1.419-1.371 1.196-1.881s-1.084-0.558-1.945 0v0l-3.189 2.009 4.114-7.382c0.446-0.765 0.175-1.387-0.574-1.387-0.928 0.091-1.715 0.62-2.161 1.374l-0.007 0.013-4.145 7.382-0.893-2.137c-0.223-0.542-1.1-0.558-1.961 0v0c-0.505 0.302-0.837 0.847-0.837 1.468 0 0.101 0.009 0.2 0.026 0.296l-0.001-0.010z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#000\"\r\n\t\t\t\td=\"M48.933 11.161l-9.774 17.682c-0.258 0.46-0.742 0.765-1.298 0.765-0.003 0-0.007 0-0.010-0h-34.822l1.754-3.189 7.797-14.35c0.225-0.518 0.721-0.88 1.304-0.909l0.003-0h35.077zM13.537 0h-12.277c-0.696 0-1.26 0.564-1.26 1.26v0 29.178c0.006 0.454 0.201 0.861 0.509 1.147l0.001 0.001s0 0 0-0.112c0.323 0.325 0.771 0.526 1.266 0.526 0.003 0 0.007 0 0.010-0h36.065c0.003 0 0.006 0 0.009 0 1.449 0 2.712-0.796 3.377-1.974l0.010-0.019 10.268-18.543c0.137-0.249 0.217-0.546 0.217-0.861 0-1.002-0.81-1.814-1.811-1.818h-10.061v-4.592c0-0.881-0.714-1.594-1.594-1.594v0h-23.47v-1.339c0-0.696-0.564-1.26-1.26-1.26v0zM2.679 25.24v-22.322h9.567v2.599h25.511v3.269h-23.916c-1.436 0.022-2.681 0.818-3.338 1.989l-0.010 0.020-7.813 14.445z\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default FolderSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Garbage Can SVG\r\n *\r\n * @returns\r\n */\r\nfunction GarbageCanCircleSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('icon icon-garbage-circle', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#d9534f\"\r\n\t\t\t\td=\"M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16c-8.837 0-16-7.163-16-16v0c0-8.837 7.163-16 16-16v0z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#fff\"\r\n\t\t\t\td=\"M24.652 11.459c-0.005-0.239-0.199-0.43-0.439-0.43-0.006 0-0.013 0-0.019 0l0.001-0h-3.2l-0.989-2.222c-0.353-0.691-1.049-1.162-1.857-1.188l-0.004-0h-4.078c-0.816 0.028-1.517 0.497-1.872 1.177l-0.006 0.012-0.98 2.222h-3.134c-0.005-0-0.012-0-0.018-0-0.239 0-0.434 0.192-0.439 0.43v0.851c0.001 0.238 0.195 0.43 0.433 0.43 0.009 0 0.017-0 0.026-0.001l-0.001 0h1.352l0.529 9.493c-0.004 0.054-0.007 0.117-0.007 0.18 0 1.293 0.985 2.357 2.245 2.481l0.010 0.001h7.8c1.277-0.15 2.258-1.226 2.258-2.531 0-0.068-0.003-0.135-0.008-0.202l0.001 0.009 0.6-9.431h1.352c0.005 0 0.012 0 0.018 0 0.239 0 0.434-0.192 0.439-0.43v-0l-0.011-0.85zM13.867 9.472c0.061-0.069 0.142-0.12 0.235-0.143l0.003-0.001h4.029c0.093 0.029 0.173 0.078 0.238 0.143l0 0 0.677 1.557h-5.879zM20.012 23.186h-7.822c-0.281-0.216-0.46-0.552-0.46-0.93 0-0.029 0.001-0.058 0.003-0.087l-0 0.004-0.523-9.434h9.839l-0.6 9.431c0.002 0.028 0.004 0.060 0.004 0.093 0 0.373-0.174 0.705-0.445 0.92l-0.002 0.002z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#fff\"\r\n\t\t\t\td=\"M14.993 15.067h-0.898c-0.005-0-0.012-0-0.018-0-0.239 0-0.434 0.192-0.439 0.43v4.842c0.005 0.239 0.199 0.43 0.439 0.43 0.006 0 0.013-0 0.019-0l-0.001 0h0.898c0.005 0 0.012 0 0.018 0 0.239 0 0.434-0.192 0.439-0.43v-4.842c-0.008-0.239-0.204-0.43-0.445-0.43-0.004 0-0.009 0-0.013 0h0.001zM18.328 15.067h-0.898c-0.005-0-0.012-0-0.018-0-0.239 0-0.434 0.192-0.439 0.43v4.842c0.005 0.239 0.199 0.43 0.439 0.43 0.006 0 0.013-0 0.019-0l-0.001 0h0.898c0.005 0 0.012 0 0.018 0 0.239 0 0.434-0.192 0.439-0.43v-4.842c-0.008-0.239-0.204-0.43-0.445-0.43-0.004 0-0.009 0-0.013 0h0.001z\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default GarbageCanCircleSVG;\r\n","import React from 'react';\r\nimport { ModelStatus } from '../../../../Roc.SharedClientApp/types/model-status';\r\nimport DashCircleSVG from './hawksearch/components/svg/DashCircleSVG';\r\nimport CheckCircleSVG from './svg/CheckCircleSVG';\r\nimport FolderSVG from './svg/FolderSVG';\r\nimport GarbageCanCircleSVG from './svg/GarbageCanCircleSVG';\r\nimport PencilSVG from './svg/PencilSVG';\r\n\r\ninterface PageEditorStatusDisplayProps {\r\n\tstatus: ModelStatus;\r\n}\r\n\r\nexport function StatusDisplay(props: PageEditorStatusDisplayProps) {\r\n\tconst { status } = props;\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-page-editor-status-display\">\r\n\t\t\t{status === ModelStatus.Published ? (\r\n\t\t\t\t<CheckCircleSVG />\r\n\t\t\t) : status === ModelStatus.Inactive ? (\r\n\t\t\t\t<DashCircleSVG />\r\n\t\t\t) : status === ModelStatus.Deleted ? (\r\n\t\t\t\t<GarbageCanCircleSVG />\r\n\t\t\t) : status === ModelStatus.Draft ? (\r\n\t\t\t\t<PencilSVG />\r\n\t\t\t) : status === ModelStatus.Archived ? (\r\n\t\t\t\t<FolderSVG />\r\n\t\t\t) : null}\r\n\t\t</div>\r\n\t);\r\n}\r\n","/**\r\n * Organizations ui components enum\r\n */\r\nexport enum OrganizationUIComponents {\r\n\t//#region orders\r\n\tDefaultOrganizationOrderDetails = 'DefaultOrganizationOrderDetails',\r\n\t//#endregion\r\n}\r\n","import React from 'react';\r\nimport { Route } from 'react-router';\r\nimport { ServerData } from 'services/ServerData';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport { OrganizationUIComponents } from './OrganizationUIComponents';\r\n\r\nexport const ORGANIZATION_PREFIX = '/organization';\r\nexport const ORGANIZATION_OVERVIEW_URL = `${ORGANIZATION_PREFIX}`;\r\nexport const ORGANIZATION_USERS_URL = `${ORGANIZATION_PREFIX}/users`;\r\nexport const ORGANIZATION_USERS_CREATE_URL = `${ORGANIZATION_USERS_URL}/create`;\r\nexport const UPDATE_ORGANIZATION_USER_URL = `${ORGANIZATION_PREFIX}/user`;\r\nexport const UPDATE_USER_ORGANIZATION_STATUS_URL = `${UPDATE_ORGANIZATION_USER_URL}/organization-status`;\r\nexport const UPDATE_USER_DEFAULT_ORGANIZATION_URL = `/user/organization`;\r\nexport const INVALIDATE_USER_ORGANIZATION_NOTIFICATION_CACHE_URL = `${UPDATE_USER_DEFAULT_ORGANIZATION_URL}/cache`;\r\nexport const ORGANIZATION_ORDERS_URL = `${ORGANIZATION_PREFIX}/orders`;\r\nexport const ORGANIZATION_SHIPTOS_URL = `${ORGANIZATION_PREFIX}/ship-to`;\r\nexport const ORGANIZATION_ORDER_DETAILS = `${ORGANIZATION_ORDERS_URL}/:orderNo`;\r\nexport const ORGANIZATION_MANAGE_SHIPTOS_URL = ''; // TBD\r\n\r\nconst OrganizationOrderDetailsComponent = React.lazy(() => {\r\n\tconst orderDetailsComponent =\r\n\t\tServerData?.OrderDetailsUIComponent && ServerData?.OrderDetailsUIComponent in OrganizationUIComponents\r\n\t\t\t? ServerData.OrderDetailsUIComponent\r\n\t\t\t: OrganizationUIComponents.DefaultOrganizationOrderDetails;\r\n\treturn import(/* webpackChunkName: \"organization-order-details\" */ `./orders/${orderDetailsComponent}`);\r\n});\r\n\r\nconst ShiptosComponent = React.lazy(() => import(/* webpackChunkName: \"ship-to\" */ './ship-to/OrganizationShipTos'));\r\n\r\nconst UsersComponent = React.lazy(() => import(/* webpackChunkName: \"org-users\" */ './users/OrganizationUsers'));\r\n\r\nconst OrganizationOrdersComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"org-orders\" */ './orders/OrganizationOrders'),\r\n);\r\n\r\nconst OrganizationUsersCreateComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"org-users-create\" */ './users/OrganizationUsersCreate'),\r\n);\r\n\r\nexport default (\r\n\t<React.Suspense fallback={<Spinner />}>\r\n\t\t{/*  ROC-3667 temporary hidden\r\n\t\t<Route exact path={ORGANIZATION_PREFIX} component={OrganizationsOverviewComponent} /> */}\r\n\t\t<Route exact path={ORGANIZATION_SHIPTOS_URL} component={ShiptosComponent} />\r\n\t\t<Route exact path={ORGANIZATION_USERS_URL} component={UsersComponent} />\r\n\t\t<Route exact path={ORGANIZATION_ORDERS_URL} component={OrganizationOrdersComponent} />\r\n\t\t<Route exact path={ORGANIZATION_ORDER_DETAILS} component={OrganizationOrderDetailsComponent} />\r\n\t\t<Route exact path={ORGANIZATION_USERS_CREATE_URL} component={OrganizationUsersCreateComponent} />\r\n\t</React.Suspense>\r\n);\r\n"],"sourceRoot":""}