@rh-support/troubleshoot 2.4.10-beta.8 → 2.5.1

package/lib/esm/components/shared/useIsSectionValid.js

@@ -8,13 +8,13 @@ import { useCaseSelector } from '../../context/CaseContext';
 import { RecommendationStateContext } from '../../context/RecommendationContext';
 import { RouteContext } from '../../context/RouteContext';
 import { TCStateContext } from '../../context/TopContentContext';
-import { CASE_REFERENCE_NUMBER_LIMIT, CONTACT_INFO_24X7_LIMIT, DESCRIPTION_LENGTH_LIMIT, HOSTNAME_LENGTH_LIMIT, SUMMARY_LENGTH_LIMIT, } from '../../reducers/CaseConstNTypes';
+import { CASE_DEATILS_ENVIRONMENT_LIMIT, CASE_REFERENCE_NUMBER_LIMIT, CONTACT_INFO_24X7_LIMIT, HOSTNAME_LENGTH_LIMIT, ISSUE_SUMMARY_LENGTH_LIMIT, KTQUESTION_MAX_LIMIT, TITLE_SUMMARY_LENGTH_LIMIT, } from '../../reducers/CaseConstNTypes';
 import { isCaseInformationSectionValid, isCaseManagementStateValid, isCaseStateValid, isClusterIDValid, isIdeaCaseStateValid, } from '../../reducers/CaseHelpers';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import { AttachmentStateContext } from './fileUpload/reducer/AttachmentReducerContext';
 export function useIsSectionValid(sectionName) {
     var _a, _b;
-    const { caseState, caseType, product, version, contactSSOName, accountNumber, summary, description, hostname, contactInfo24x7, alternateId, selectedAccountDetails, } = useCaseSelector((state) => ({
+    const { caseState, caseType, product, version, contactSSOName, accountNumber, summary, hostname, contactInfo24x7, alternateId, selectedAccountDetails, issue, environment, timeFramesAndUrgency, periodicityOfIssue, ABTestVariation, } = useCaseSelector((state) => ({
         caseState: state,
         caseType: state.caseDetails.caseType,
         product: state.caseDetails.product,
@@ -22,12 +22,20 @@ export function useIsSectionValid(sectionName) {
         contactSSOName: state.caseDetails.contactSSOName,
         accountNumber: state.caseDetails.accountNumberRef,
         summary: state.caseDetails.summary,
-        description: state.caseDetails.description,
         hostname: state.caseDetails.hostname,
         contactInfo24x7: state.caseDetails.contactInfo24x7,
         alternateId: state.caseDetails.alternateId,
         selectedAccountDetails: state.selectedAccountDetails,
+        issue: state.caseDetails.issue,
+        environment: state.caseDetails.environment,
+        timeFramesAndUrgency: state.caseDetails.timeFramesAndUrgency,
+        periodicityOfIssue: state.caseDetails.periodicityOfIssue,
+        ABTestVariation: state.ABTestVariation,
     }), isEqual);
+    //&seSessionId=8e8960ac-680b-443e-bf67-9e13f2acd64e
+    const isATestvariation = ABTestVariation === 'A';
+    const isBTestvariation = ABTestVariation === 'B' || isEmpty(ABTestVariation);
+    const { routeState: { isCaseCreate }, } = useContext(RouteContext);
     const { globalMetadataState: { allProducts, loggedInUserJwtToken }, } = useContext(GlobalMetadataStateContext);
     const { topContentState: { topContent }, } = useContext(TCStateContext);
     const { recommendationState } = useContext(RecommendationStateContext);
@@ -46,21 +54,57 @@ export function useIsSectionValid(sectionName) {
         return !hasUnallowedFiles && !hasOversizeFiles; // we want it false to trigger the error if its true
     };
     const isGetSupportSectionValidLocal = () => {
-        return (!isEmpty(caseType) &&
+        let isValid = !isEmpty(caseType) &&
             !isEmpty(accountNumber) &&
             !isEmpty(contactSSOName) &&
-            !selectedAccountDetails.data.subscriptionAbuse);
+            !selectedAccountDetails.data.subscriptionAbuse;
+        if (isATestvariation) {
+            isValid = isValid && !isEmpty(product) && !isEmpty(version);
+        }
+        return isValid;
     };
     const isSummarizeSectionValid = () => {
-        var _a;
-        return (!isEmpty(product) &&
-            !isEmpty(version) &&
-            !allProducts.isFetching &&
-            !allProducts.isError &&
-            !topContent.isFetching &&
-            !isEmpty(summary) &&
-            !recommendationState.isLoadingRecommendations &&
-            ((_a = summary) === null || _a === void 0 ? void 0 : _a.length) <= SUMMARY_LENGTH_LIMIT);
+        if (isBTestvariation) {
+            let isValid = !allProducts.isFetching &&
+                !allProducts.isError &&
+                !topContent.isFetching &&
+                !recommendationState.isLoadingRecommendations &&
+                (summary === null || summary === void 0 ? void 0 : summary.length) <= TITLE_SUMMARY_LENGTH_LIMIT &&
+                (issue === null || issue === void 0 ? void 0 : issue.length) <= ISSUE_SUMMARY_LENGTH_LIMIT &&
+                !isEmpty(product) &&
+                !isEmpty(version) &&
+                !isEmpty(summary) &&
+                !isEmpty(issue);
+            return isValid;
+        }
+        if (isATestvariation) {
+            let isValid = !allProducts.isFetching &&
+                !allProducts.isError &&
+                !topContent.isFetching &&
+                !recommendationState.isLoadingRecommendations &&
+                (summary === null || summary === void 0 ? void 0 : summary.length) <= TITLE_SUMMARY_LENGTH_LIMIT &&
+                (issue === null || issue === void 0 ? void 0 : issue.length) <= ISSUE_SUMMARY_LENGTH_LIMIT &&
+                !isEmpty(summary) &&
+                !isEmpty(issue);
+            return isValid;
+        }
+        if (isCaseCreate) {
+            //because on the summarize page for troubleshoot flow we have only product version and owner
+            let isValid = !allProducts.isFetching &&
+                !allProducts.isError &&
+                // !topContent.isFetching &&
+                // !recommendationState.isLoadingRecommendations &&
+                // summary!?.length <= TITLE_SUMMARY_LENGTH_LIMIT &&
+                // issue!?.length <= ISSUE_SUMMARY_LENGTH_LIMIT &&
+                !isEmpty(product) &&
+                !isEmpty(accountNumber) &&
+                !isEmpty(contactSSOName) &&
+                !isEmpty(version);
+            return isValid;
+        }
+        else if (!isCaseCreate) {
+            return !isEmpty(product) && !isEmpty(version) && !isEmpty(accountNumber) && !isEmpty(contactSSOName);
+        }
     };
     const isCaseManagementSectionValid = () => {
         const hasContactInfo24x7ValidLength = contactInfo24x7
@@ -72,21 +116,33 @@ export function useIsSectionValid(sectionName) {
             hasAlternateCaseIdValidLength);
     };
     const isTroubleshootSectionValid = () => {
-        var _a, _b, _c;
+        if (isBTestvariation) {
+            //if we are in the new experience and user is troubleshoot we give them those validity fields
+            if (!isCaseCreate) {
+                let isValid = !allProducts.isFetching &&
+                    !allProducts.isError &&
+                    !topContent.isFetching &&
+                    !recommendationState.isLoadingRecommendations &&
+                    (summary === null || summary === void 0 ? void 0 : summary.length) <= TITLE_SUMMARY_LENGTH_LIMIT &&
+                    (issue === null || issue === void 0 ? void 0 : issue.length) <= ISSUE_SUMMARY_LENGTH_LIMIT &&
+                    !isEmpty(product) &&
+                    !isEmpty(version) &&
+                    !isEmpty(summary) &&
+                    !isEmpty(issue);
+                return isValid;
+            }
+        }
         // don't check for entitled product if user is on search intent flow
         const isEntitledProductLocal = isSearchIntent ? true : isEntitledProduct;
-        return (!recommendationState.isLoadingRecommendations &&
-            !isEmpty(summary) &&
-            isEntitledProductLocal &&
-            ((_a = summary) === null || _a === void 0 ? void 0 : _a.length) <= SUMMARY_LENGTH_LIMIT &&
-            ((_b = description) === null || _b === void 0 ? void 0 : _b.length) <= DESCRIPTION_LENGTH_LIMIT &&
-            isClusterIDValid(caseState, (_c = allProducts.data) === null || _c === void 0 ? void 0 : _c.productsResult));
+        return !recommendationState.isLoadingRecommendations && isEntitledProductLocal;
     };
     const isReviewSectionValid = () => {
         var _a;
         return (isEntitledProduct &&
             isCaseStateValid(caseState, loggedInUserJwtToken) &&
-            isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult));
+            isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult) &&
+            isSummarizeSectionValid() &&
+            isCaseDescribeMoreSectionValidLocal());
     };
     const isDescribeIdeaSectionValid = () => {
         return (isCaseManagementStateValid(caseState, loggedInUserJwtToken) &&
@@ -100,7 +156,10 @@ export function useIsSectionValid(sectionName) {
         return (!caseState.hasInvalidEntitlements &&
             isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult) &&
             isCaseInformationSectionValid(caseState, loggedInUserJwtToken) &&
-            hostnameIsValid);
+            hostnameIsValid &&
+            environment.length <= CASE_DEATILS_ENVIRONMENT_LIMIT &&
+            timeFramesAndUrgency.length <= KTQUESTION_MAX_LIMIT &&
+            periodicityOfIssue.length <= KTQUESTION_MAX_LIMIT);
     };
     const isSectionValid = (sectionNameLocal) => {
         if (!sectionNameLocal)

package/lib/esm/components/shared/usePostComment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePostComment.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/usePostComment.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAU9E,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE;;CAAA;;+BAgBd,OAAO;;;EAwBrC"}
+{"version":3,"file":"usePostComment.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/usePostComment.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAW9E,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE;;CAAA;2FAgBtC,IAAI,CAAC,mBAAmB,EAAE,aAAa,GAAG,aAAa,GAAG,mBAAmB,CAAC,GAAG;QAChF,qBAAqB,EAAE,OAAO,CAAC;KAClC;;EAwBJ"}

package/lib/esm/components/shared/usePostComment.js

@@ -9,6 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { publicApi } from '@cee-eng/hydrajs';
 import { useFetch } from '@rh-support/components';
+import { useCaseDispatch } from '../../context/CaseContext';
 import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
 import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../context/CaseDiscussionTabContext';
 import { updateDiscussionStateComments } from '../../reducers/CaseDiscussionTabReducer';
@@ -16,11 +17,12 @@ export function usePostComment({ caseNumber }) {
     const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
         propgateErrors: true,
     });
+    const caseDispatch = useCaseDispatch();
     const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
     const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
     const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
     const defaultContentType = 'plaintext';
-    const postComment = ({ commentBody, contentType = defaultContentType, updateDiscussionState = true, doNotChangeStatus = false, }) => __awaiter(this, void 0, void 0, function* () {
+    const postComment = (_a) => __awaiter(this, [_a], void 0, function* ({ commentBody, contentType = defaultContentType, updateDiscussionState = true, doNotChangeStatus = false, }) {
         if (!commentBody)
             return;
         try {
@@ -31,7 +33,7 @@ export function usePostComment({ caseNumber }) {
                 doNotChangeStatus,
             });
             updateDiscussionState &&
-                updateDiscussionStateComments(dispatchDiscussion, caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
+                updateDiscussionStateComments(dispatchDiscussion, caseDispatch, caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
         }
         catch (e) {
             throw e;

package/lib/esm/components/shared/utils.d.ts

@@ -1,4 +1,5 @@
 import { ISEProduct } from '@cee-eng/hydrajs/@types/models/product';
+import React from 'react';
 import { CaseValuesToWatch } from './Constants';
 /**
  *
@@ -9,8 +10,10 @@ import { CaseValuesToWatch } from './Constants';
  * @param accessor A callback whose argument is the "current" or "previous" value and
  *                 should return a human readable form of the given object.
  */
-export declare function getChangedValueTooltip<T>(valueNameCb: (current: T, previous: T) => CaseValuesToWatch, accessor?: (value: T, otherValue: T) => any): (currentValue: T, previousValue: T) => JSX.Element;
+export declare function getChangedValueTooltip<T>(valueNameCb: (current: T, previous: T) => CaseValuesToWatch, accessor?: (value: T, otherValue: T) => any): (currentValue: T, previousValue: T) => React.JSX.Element;
 export declare const isPhoneValid: (countryCode: string, phoneLine: string) => boolean;
 export declare const trimAndReplacePlus: (value: string) => string;
+export declare const removeAllSpaces: (value: string) => string;
+export declare const removeAllChars: (value: string) => string;
 export declare const getProductObj: (products: Partial<ISEProduct>[], product: string) => Partial<ISEProduct>;
 //# sourceMappingURL=utils.d.ts.map

package/lib/esm/components/shared/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAOpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EACpC,WAAW,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,iBAAiB,EAC3D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,KAAK,GAAG,kBAErB,CAAC,iBAAiB,CAAC,iBAQ5C;AAED,eAAO,MAAM,YAAY,gBAAiB,MAAM,aAAa,MAAM,KAAG,OAarE,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,MAAM,WAG/C,CAAC;AAEF,eAAO,MAAM,aAAa,aAAc,QAAQ,UAAU,CAAC,EAAE,WAAW,MAAM,wBAG7E,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAGpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EACpC,WAAW,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,iBAAiB,EAC3D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,KAAK,GAAG,kBAErB,CAAC,iBAAiB,CAAC,uBAQ5C;AAED,eAAO,MAAM,YAAY,gBAAiB,MAAM,aAAa,MAAM,KAAG,OAarE,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,MAAM,WAG/C,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,MAAM,WAI5C,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,MAAM,WAI3C,CAAC;AAEF,eAAO,MAAM,aAAa,aAAc,OAAO,CAAC,UAAU,CAAC,EAAE,WAAW,MAAM,wBAG7E,CAAC"}

package/lib/esm/components/shared/utils.js

@@ -30,18 +30,30 @@ export function getChangedValueTooltip(valueNameCb, accessor) {
 export const isPhoneValid = (countryCode, phoneLine) => {
     const regex = /^[\d ()+-]+$/;
     const phoneIncludesCorrectChars = phoneLine ? regex.test(phoneLine.replace(countryCode, '')) : true;
-    // To validate case state if country code and phoneline both are available
-    // or none of them are available (xor)
-    const isCountryCodeFollowsByPhone = isEmpty(trimAndReplacePlus(countryCode)) === isEmpty(phoneLine === null || phoneLine === void 0 ? void 0 : phoneLine.trim()) ? true : false;
     const phoneLength = ((countryCode === null || countryCode === void 0 ? void 0 : countryCode.length) || 0) + ((phoneLine === null || phoneLine === void 0 ? void 0 : phoneLine.length) || 0) + 1;
     const hasSuppliedPhoneValidLength = phoneLength <= PHONE_LIMIT;
-    return isCountryCodeFollowsByPhone && hasSuppliedPhoneValidLength && phoneIncludesCorrectChars;
+    return (hasSuppliedPhoneValidLength &&
+        phoneIncludesCorrectChars &&
+        !isEmpty(trimAndReplacePlus(countryCode)) &&
+        !isEmpty(phoneLine === null || phoneLine === void 0 ? void 0 : phoneLine.trim()));
 };
 export const trimAndReplacePlus = (value) => {
     var _a;
     if (!value)
         return '';
-    return (_a = value.trim()) === null || _a === void 0 ? void 0 : _a.replace('+', '');
+    return (_a = value === null || value === void 0 ? void 0 : value.trim()) === null || _a === void 0 ? void 0 : _a.replace('+', '');
+};
+export const removeAllSpaces = (value) => {
+    if (!value)
+        return '';
+    // to remove all trailing and in between spaces
+    return value === null || value === void 0 ? void 0 : value.replace(/\s+/g, '');
+};
+export const removeAllChars = (value) => {
+    if (!value)
+        return '';
+    // to remove all chars, brackets and have only digits
+    return value === null || value === void 0 ? void 0 : value.replace(/[^0-9]/g, '');
 };
 export const getProductObj = (products, product) => {
     const productIndex = findIndex(products, (p) => p.product === product);

package/lib/esm/components/wizardLayout/GlobalTroubleshootEffects.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;
 }
-export declare function GlobalTroubleshootEffects(props: IProps): JSX.Element;
+export declare function GlobalTroubleshootEffects(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=GlobalTroubleshootEffects.d.ts.map

package/lib/esm/components/wizardLayout/GlobalTroubleshootEffects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AASrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,eA6VtD"}
+{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AASA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAQrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,qBAgTtD"}

package/lib/esm/components/wizardLayout/GlobalTroubleshootEffects.js

@@ -7,10 +7,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useDebounce, usePrevious } from '@rh-support/components';
+import { useDebounce } from '@rh-support/components';
 import { GlobalMetadataStateContext, useUserPreferences } from '@rh-support/react-context';
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { getVersion } from '@rh-support/utils';
 import findIndex from 'lodash/findIndex';
 import includes from 'lodash/includes';
 import isEmpty from 'lodash/isEmpty';
@@ -22,12 +21,12 @@ import { RulesDispatchContext } from '../../context/RulesContext';
 import { SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { TCDispatchContext, TCStateContext } from '../../context/TopContentContext';
 import { useResetCaseCreate } from '../../hooks/useResetCaseCreate';
+import { CASE_DEATILS_SOURCE_REFERRER_LIMIT } from '../../reducers/CaseConstNTypes';
 import { getDescriptionWOQues } from '../../reducers/CaseHelpers';
-import { setCaseAccountNumber, setCaseDetails, setCaseOwner, setCaseState } from '../../reducers/CaseReducer';
+import { setCaseAccountNumber, setCaseDetails, setCaseOwner } from '../../reducers/CaseReducer';
 import { setRouteFlags } from '../../reducers/RouteReducer';
 import { fetchEdmundAbbottRules } from '../../reducers/RulesReducer';
 import { fetchTopContent } from '../../reducers/TopContentReducer';
-import { isClusterIdEnabledForProduct } from '../../utils/caseOpenshiftClusterIdUtils';
 import RouteUtils from '../../utils/routeUtils';
 import Constants from '../shared/Constants';
 import { AttachmentStateContext } from '../shared/fileUpload/reducer/AttachmentReducerContext';
@@ -74,6 +73,12 @@ export function GlobalTroubleshootEffects(props) {
         if (isFirstMountProduct.current) {
             const productFromUrl = urlQueryParams.product;
             const versionFromUrl = urlQueryParams.version;
+            const sourceFromUrl = urlQueryParams.source;
+            if (sourceFromUrl) {
+                setCaseDetails(caseDispatch, {
+                    referrer: sourceFromUrl.substring(0, CASE_DEATILS_SOURCE_REFERRER_LIMIT),
+                });
+            }
             if (!productFromUrl ||
                 allProducts.isFetching ||
                 allProducts.isError ||
@@ -154,18 +159,6 @@ export function GlobalTroubleshootEffects(props) {
             setCaseOwner(caseDispatch, loggedInUserRights.data.getHydraContactFromLoggedInUser(), product, undefined, undefined, true);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [caseDispatch, loggedInUserRights.data]);
-    /**
-     * Setting supplied phone number
-     */
-    useEffect(() => {
-        // Since we are receiving both `phone` and `supportPhoneNumber` from the user contact API, it is causing confusion regarding which field should be used to pre-populate the user contact information.
-        // Hence, we are going to honor `supportPhoneAreaCodePrefixLineNumber` and `supportPhoneCountryCode` for it.
-        setCaseDetails(caseDispatch, {
-            phone: loggedInUser.data.phone,
-            phoneAreaCodePrefixLineNumber: loggedInUser.data.supportPhoneAreaCodePrefixLineNumber,
-            phoneCountryCode: loggedInUser.data.supportPhoneCountryCode,
-        });
-    }, [caseDispatch, loggedInUser.data]);
     /**
      * handling top content call
      */
@@ -261,38 +254,5 @@ export function GlobalTroubleshootEffects(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [loggedInUsersAccount.data]);
-    /**
-     * When user change version (on product component page or preview page) need to reset clusterID states
-     * If version change happens because od session restore, need to skip this otherwise restored value will be reset
-     */
-    const previousVersion = usePrevious(version);
-    const previousActiveSessionId = usePrevious(activeSessionId);
-    useEffect(() => {
-        var _a;
-        if (isEmpty(product) || isEmpty(version) || activeSessionId !== previousActiveSessionId)
-            return;
-        // we need to reset openshift cluster states only when major version is different
-        // this logic can be removed when version 3 is depricated
-        const oldMajorVersion = previousVersion && getVersion(previousVersion).major;
-        const newMajorVersion = getVersion(version).major;
-        const hasCluster = isClusterIdEnabledForProduct(product, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
-        // Need to check `hasCluster` is empty as when product is changing from shift product to non-shift
-        // product new product will don't have any cluster
-        const isClusterInfoShouldBeReset = !hasCluster || (hasCluster && oldMajorVersion !== newMajorVersion);
-        const isOpenShiftV3 = product === 'OpenShift Container Platform' && newMajorVersion === '3';
-        if (isClusterInfoShouldBeReset) {
-            setCaseDetails(caseDispatch, {
-                openshiftClusterID: '',
-                openshiftClusterVersion: '',
-                noClusterIdReason: '',
-                noClusterIdReasonExplanation: '',
-            });
-            setCaseState(caseDispatch, { v3ClusterName: '' });
-        }
-        if (!isOpenShiftV3) {
-            setCaseState(caseDispatch, { v3ClusterName: '' });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [product, version, allProducts.data.productsResult, caseDispatch]);
     return React.createElement(React.Fragment, null);
 }

package/lib/esm/components/wizardLayout/MainSection.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 interface IProps {
     section: AppRouteSections;
@@ -7,9 +8,11 @@ interface IProps {
     description?: string | JSX.Element | JSX.Element[];
     descriptionClassName?: string;
     className?: string;
+    stepNumber?: number;
+    totalSteps?: number;
 }
 declare const MainSection: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     defaultProps: Partial<IProps>;
 };
 export default MainSection;

package/lib/esm/components/wizardLayout/MainSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MainSection.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/MainSection.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,UAAU,MAAM;IACZ,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5C,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACnD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAKD,QAAA,MAAM,WAAW;;;CA8BhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MainSection.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/MainSection.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,UAAU,MAAM;IACZ,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5C,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACnD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAKD,QAAA,MAAM,WAAW;;;CAiFhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/esm/components/wizardLayout/MainSection.js

@@ -1,15 +1,39 @@
+import { Alert } from '@patternfly/react-core';
 import { ErrorBoundary, LoadingIndicator } from '@rh-support/components';
-import React from 'react';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import isEqual from 'lodash/isEqual';
+import React, { useContext } from 'react';
+import { useCaseSelector } from '../../context/CaseContext';
+import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 const defaultProps = {
     isLoading: false,
 };
 const MainSection = (props) => {
+    var _a, _b, _c;
+    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
+    const { selectedAccountDetails } = useCaseSelector((state) => ({
+        accountNumber: state.caseDetails.accountNumberRef,
+        selectedAccountDetails: state.selectedAccountDetails,
+    }), isEqual);
+    const isConfirmedStateSideSupport = ((_a = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.hasConfirmedStatesideSupport) ||
+        ((_b = selectedAccountDetails === null || selectedAccountDetails === void 0 ? void 0 : selectedAccountDetails.data) === null || _b === void 0 ? void 0 : _b.hasConfirmedStatesideSupport);
     return (React.createElement(ErrorBoundary, { isPageLevelError: true },
-        React.createElement("section", { id: `${props.section}`, tabIndex: -1, "aria-labelledby": `${props.section}-heading`, "aria-describedby": `${props.section}-description`, className: `${props.className ? props.className : ''}` },
+        React.createElement("section", { id: `${props.section}-section`, tabIndex: -1, "aria-labelledby": `${props.section}-heading`, "aria-describedby": `${props.section}-description`, className: `main-step-content ${props.className ? props.className : ''}` },
+            isConfirmedStateSideSupport && props.section !== AppRouteSections.SUBMIT_CASE && (React.createElement(Alert, { isInline: true, variant: "warning", title: ((_c = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _c === void 0 ? void 0 : _c.hasConfirmedStatesideSupport)
+                    ? 'You have a confirmed stateside support account'
+                    : 'This is a confirmed stateside support account', className: "pf-v5-u-mb-lg" },
+                React.createElement("p", null,
+                    "To adhere to data regulations, open this case through",
+                    ' ',
+                    React.createElement("b", null,
+                        React.createElement("a", { href: "https://css-redhat.zendesk.com", target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "stateside-support-link" }, "Confirmed Stateside Support")),
+                    ' ',
+                    "instead of traditional support."))),
             React.createElement(LoadingIndicator, { show: props.isLoading, size: "lg" }),
             !props.isLoading && (React.createElement(React.Fragment, null,
-                React.createElement("header", { className: "pf-u-display-none-on-sm" },
-                    props.title && React.createElement("h2", { id: `${props.section}-heading` }, props.title),
+                React.createElement("header", { className: "pf-v5-u-display-none-on-sm" },
+                    props.title && (React.createElement("h2", { "aria-label": props.stepNumber &&
+                            `Step ${props.stepNumber} of ${props.totalSteps}: ${props.section}`, id: `${props.section}-heading` }, props.title)),
                     props.description && (React.createElement("p", { id: `${props.section}-description`, className: `${props.descriptionClassName ? props.descriptionClassName : ''}` }, props.description))),
                 props.children)))));
 };

package/lib/esm/components/wizardLayout/NewFeatureModal.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const NewFeatureModal: () => React.JSX.Element;
+export default NewFeatureModal;
+//# sourceMappingURL=NewFeatureModal.d.ts.map

package/lib/esm/components/wizardLayout/NewFeatureModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewFeatureModal.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/NewFeatureModal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAK/D,QAAA,MAAM,eAAe,yBA8EpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/esm/components/wizardLayout/NewFeatureModal.js

@@ -0,0 +1,38 @@
+import { Button, Checkbox, Modal, Title } from '@patternfly/react-core';
+import { useLocalStorage, useSessionStorage } from '@rh-support/components';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { getConfigField, PCM_CONFIG_FIELD_TYPE } from '@rh-support/utils';
+import React, { useContext, useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { RedHatCustomerPortalIcon } from './RedHatCustomerPortalIcon';
+const NewFeatureModal = () => {
+    const [modalViewStorageCounter, setModalViewStorageCounter] = useSessionStorage('modalShowCounter', 0);
+    const [shouldNotShowModal, setShouldNotShowModal] = useLocalStorage('shouldNotShowFeatureModal', false); // local storage flag to not show modal
+    const [checkedToNotShowModal, setCheckedToNotShowModal] = useState(false);
+    const [showModal, setShowModal] = useState(false);
+    const { t } = useTranslation();
+    const { globalMetadataState: { pcmConfig }, } = useContext(GlobalMetadataStateContext);
+    const isNewFeatureBannerVisible = getConfigField(pcmConfig.data, 'isNewFeatureBannerVisible', PCM_CONFIG_FIELD_TYPE.FEATURE_FLAG);
+    const handleModalToggle = (_event) => {
+        setShowModal(!showModal);
+        if (checkedToNotShowModal) {
+            setShouldNotShowModal(true); // updating the local storage value on clicking close button
+        }
+        setModalViewStorageCounter(modalViewStorageCounter + 1);
+    };
+    useEffect(() => {
+        setShowModal(modalViewStorageCounter < 2);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const onBannerCheckboxChange = () => {
+        setCheckedToNotShowModal(!checkedToNotShowModal);
+    };
+    return (React.createElement(React.Fragment, null, !shouldNotShowModal && isNewFeatureBannerVisible && showModal && (React.createElement(Modal, { className: "newFeatureModal", width: "45%", "aria-label": t('New feature modal'), isOpen: showModal, onClose: handleModalToggle, actions: [
+            React.createElement(Button, { key: "close", variant: "primary", "data-tracking-id": "new-feature-modal-close", onClick: handleModalToggle }, t('Close')),
+        ], showClose: false },
+        React.createElement(RedHatCustomerPortalIcon, null),
+        React.createElement(Title, { headingLevel: "h2", className: "pf-v5-u-font-weight-bold" }, t('Change: Application Announcement For KT Question Update')),
+        React.createElement(Trans, null, "Welcome back! To improve your troubleshooting experience, we've updated how you create cases, changed the questions we ask, and given you more chances to edit your problem. We want to help you solve your technical challenges quickly."),
+        React.createElement(Checkbox, { className: "pf-v5-u-mt-md", id: "new-feature-modal-checkbox", label: t(`I don't want to see this modal again`), isChecked: checkedToNotShowModal, onChange: onBannerCheckboxChange, "data-tracking-id": "new-feature-modal-checkbox" })))));
+};
+export default NewFeatureModal;

package/lib/esm/components/wizardLayout/RedHatCustomerPortalIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const RedHatCustomerPortalIcon: () => React.JSX.Element;
+//# sourceMappingURL=RedHatCustomerPortalIcon.d.ts.map

package/lib/esm/components/wizardLayout/RedHatCustomerPortalIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RedHatCustomerPortalIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/RedHatCustomerPortalIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,wBAAwB,yBA0GpC,CAAC"}

package/lib/esm/components/wizardLayout/RedHatCustomerPortalIcon.js

@@ -0,0 +1,31 @@
+import React from 'react';
+export const RedHatCustomerPortalIcon = () => {
+    return (React.createElement("svg", { width: "100%", height: "80", style: { backgroundColor: 'black', padding: '20px' }, xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { clipPath: "url(#clip0_3_2516)" },
+            React.createElement("path", { d: "M77.3068 2.27344H83.4794C86.1798 2.27344 88.002 3.92505 88.002 6.34348C88.002 8.15239 86.9174 9.53857 85.2093 10.1186L88.2374 16.0369H85.9833L83.1688 10.384H79.3401V16.0369H77.302L77.3068 2.27344ZM79.3449 4.08235V8.68327H83.3071C84.8963 8.68327 85.9445 7.75915 85.9445 6.38281C85.9445 5.00646 84.8963 4.08235 83.3071 4.08235H79.3449Z", fill: "white" }),
+            React.createElement("path", { d: "M94.0192 16.2212C93.3403 16.233 92.666 16.1073 92.0357 15.8513C91.4055 15.5954 90.8321 15.2144 90.3493 14.7308C89.8665 14.2472 89.484 13.6708 89.2242 13.0353C88.9644 12.3999 88.8327 11.7182 88.8367 11.0304C88.8367 8.14011 91.0203 5.86914 93.7863 5.86914C96.5037 5.86914 98.5612 8.14994 98.5612 11.0992V11.6694H90.7583C90.8789 12.4756 91.2834 13.2103 91.897 13.7379C92.5106 14.2656 93.292 14.5505 94.0969 14.5401C95.0087 14.5555 95.8962 14.2418 96.6008 13.6553L97.8455 14.8842C96.7655 15.7727 95.4103 16.2462 94.0192 16.2212ZM90.7777 10.1973H96.6396C96.3509 8.66361 95.1838 7.52321 93.7475 7.52321C92.2529 7.52321 91.0688 8.60217 90.7777 10.1973Z", fill: "white" }),
+            React.createElement("path", { d: "M108.014 15.093C107.166 15.8121 106.092 16.2024 104.986 16.1941C102.191 16.1941 99.9976 13.933 99.9976 11.0328C99.9835 10.0846 100.231 9.15114 100.712 8.33772C101.194 7.52429 101.89 6.86318 102.722 6.42887C103.554 5.99456 104.49 5.8043 105.423 5.87952C106.356 5.95475 107.25 6.29247 108.004 6.85464V2.27339L109.945 1.84082V16.0368H108.024L108.014 15.093ZM105.258 14.4835C105.773 14.496 106.284 14.3952 106.756 14.1882C107.229 13.9811 107.651 13.6727 107.995 13.2841V8.7422C107.647 8.36006 107.224 8.05721 106.752 7.8538C106.28 7.65039 105.771 7.55108 105.258 7.56248C104.812 7.55535 104.369 7.63977 103.955 7.81067C103.542 7.98156 103.168 8.2354 102.854 8.55688C102.54 8.87837 102.294 9.26085 102.13 9.6813C101.966 10.1017 101.888 10.5514 101.9 11.0033C101.887 11.4572 101.965 11.9091 102.128 12.3319C102.291 12.7548 102.537 13.1401 102.85 13.4648C103.164 13.7895 103.538 14.0471 103.952 14.2221C104.365 14.3971 104.81 14.486 105.258 14.4835Z", fill: "white" }),
+            React.createElement("path", { d: "M116.516 2.27344H118.554V8.17205H125.775V2.27344H127.813V16.0369H125.775V10.0399H118.554V16.0369H116.516V2.27344Z", fill: "white" }),
+            React.createElement("path", { d: "M129.657 13.1662C129.657 11.2787 131.171 10.1186 133.655 10.1186C134.583 10.1181 135.502 10.3053 136.358 10.6691V9.60739C136.358 8.19172 135.524 7.48389 133.951 7.48389C133.039 7.48389 132.107 7.72966 130.884 8.32936L130.157 6.8547C131.632 6.14687 132.913 5.83228 134.213 5.83228C136.776 5.83228 138.251 7.11031 138.251 9.41077V16.0467H136.358V15.1718C135.49 15.8805 134.401 16.2526 133.287 16.2212C131.132 16.2212 129.657 14.9751 129.657 13.1662ZM133.733 14.7589C134.694 14.7923 135.633 14.455 136.358 13.8151V12.0946C135.577 11.6726 134.701 11.4626 133.815 11.4851C132.398 11.4851 131.525 12.134 131.525 13.1367C131.52 14.0903 132.413 14.7589 133.733 14.7589Z", fill: "white" }),
+            React.createElement("path", { d: "M141.381 7.6803H139.284V6.02869H141.381V3.47262L143.302 3.00073V6.02869H146.214V7.6803H143.302V13.107C143.302 14.1295 143.71 14.503 144.758 14.503C145.241 14.5128 145.722 14.4294 146.175 14.2573V15.9089C145.578 16.0975 144.957 16.1969 144.331 16.2038C142.409 16.2038 141.381 15.2797 141.381 13.5494V7.6803Z", fill: "white" }),
+            React.createElement("path", { d: "M87.5895 32.4939L89.4311 34.3421C88.7305 35.1401 87.871 35.7788 86.9091 36.216C85.9472 36.6532 84.9048 36.879 83.8506 36.8785C79.755 36.8785 76.6105 33.7916 76.6105 29.8002C76.6105 25.8088 79.7647 22.7021 83.8506 22.7021C86.0342 22.7021 88.2398 23.7049 89.499 25.2779L87.5992 27.1851C87.157 26.6041 86.5891 26.1337 85.9392 25.8099C85.2893 25.486 84.5748 25.3175 83.8506 25.3172C81.3855 25.3172 79.5026 27.2441 79.5026 29.8002C79.4932 30.3916 79.6022 30.9788 79.8232 31.5263C80.0441 32.0738 80.3724 32.5702 80.7881 32.9855C81.2038 33.4009 81.6983 33.7266 82.2418 33.9428C82.7853 34.1591 83.3664 34.2615 83.9501 34.2438C84.6472 34.2459 85.3359 34.0898 85.9657 33.787C86.5955 33.4842 87.1504 33.0423 87.5895 32.4939Z", fill: "white" }),
+            React.createElement("path", { d: "M93.1069 32.3956C93.1069 33.7129 93.9416 34.5584 95.2033 34.5584C95.6095 34.5788 96.0144 34.496 96.3809 34.3174C96.7475 34.1388 97.0641 33.8702 97.302 33.536V26.438H99.9709V36.6819H97.2947V35.8561C96.496 36.5352 95.4816 36.8983 94.439 36.8785C92.0903 36.8785 90.4404 35.1876 90.4404 32.7888V26.438H93.1094L93.1069 32.3956Z", fill: "white" }),
+            React.createElement("path", { d: "M102.502 33.6713C103.686 34.4577 104.714 34.8313 105.782 34.8313C106.966 34.8313 107.742 34.3988 107.742 33.7499C107.742 33.219 107.354 32.9241 106.481 32.7865L104.54 32.4915C102.54 32.1769 101.473 31.1742 101.473 29.5226C101.473 27.5367 103.103 26.2783 105.685 26.2783C107.164 26.2778 108.61 26.7227 109.839 27.5564L108.558 29.2768C107.451 28.6083 106.461 28.2937 105.433 28.2937C104.462 28.2937 103.841 28.6869 103.841 29.2964C103.841 29.847 104.229 30.1223 105.219 30.2599L107.16 30.5548C109.14 30.8497 110.246 31.8918 110.246 33.4845C110.246 35.4113 108.364 36.8663 105.821 36.8663C103.977 36.8663 102.327 36.3748 101.182 35.4507L102.502 33.6713Z", fill: "white" }),
+            React.createElement("path", { d: "M112.75 28.6991H110.673V26.438H112.75V23.8229L115.419 23.2134V26.438H118.282V28.6991H115.41V33.241C115.41 34.2045 115.778 34.5584 116.807 34.5584C117.29 34.5618 117.77 34.4786 118.224 34.3126V36.5246C117.554 36.717 116.863 36.8227 116.167 36.8392C113.915 36.8392 112.75 35.7971 112.75 33.7916V28.6991Z", fill: "white" }),
+            React.createElement("path", { d: "M124.435 26.2415C127.463 26.2415 129.831 28.5812 129.831 31.5699C129.831 34.5585 127.463 36.8786 124.435 36.8786C121.407 36.8786 119.039 34.5585 119.039 31.5699C119.039 28.5812 121.407 26.2415 124.435 26.2415ZM127.23 31.5699C127.23 29.8789 126.017 28.5812 124.435 28.5812C122.853 28.5812 121.64 29.8789 121.64 31.5699C121.64 33.2215 122.853 34.5388 124.435 34.5388C126.017 34.5388 127.23 33.2215 127.23 31.5699Z", fill: "white" }),
+            React.createElement("path", { d: "M131.462 26.438H134.131V27.2048C134.864 26.5658 135.804 26.2228 136.771 26.2414C137.362 26.2275 137.947 26.3596 138.476 26.6264C139.006 26.8932 139.463 27.2866 139.808 27.7726C140.213 27.2756 140.725 26.8792 141.305 26.6138C141.884 26.3483 142.516 26.2209 143.152 26.2414C145.423 26.2414 147.012 27.9127 147.012 30.3114V36.6819H144.343V30.7047C144.343 29.407 143.615 28.5615 142.443 28.5615C142.061 28.5528 141.683 28.6419 141.343 28.8207C141.004 28.9994 140.715 29.2619 140.502 29.5839C140.54 29.8278 140.559 30.0744 140.558 30.3213V36.6918H137.889V30.7047C137.889 29.407 137.161 28.5615 135.987 28.5615C135.623 28.5501 135.261 28.6282 134.933 28.7892C134.606 28.9501 134.321 29.1891 134.104 29.4856V36.6819H131.435L131.462 26.438Z", fill: "white" }),
+            React.createElement("path", { d: "M154.017 36.8787C150.95 36.8787 148.582 34.5585 148.582 31.5699C148.572 30.8732 148.699 30.1813 148.956 29.5351C149.213 28.8888 149.595 28.3012 150.08 27.8066C150.565 27.3121 151.142 26.9206 151.778 26.6552C152.414 26.3898 153.096 26.2558 153.784 26.2611C156.657 26.2611 158.792 28.6206 158.792 31.7665V32.4744H151.27C151.447 33.1037 151.825 33.6559 152.345 34.0439C152.865 34.4318 153.497 34.6337 154.143 34.6175C154.964 34.6444 155.764 34.3485 156.375 33.7917L158.122 35.404C156.981 36.3935 155.518 36.9189 154.017 36.8787ZM151.241 30.5475H156.191C155.861 29.3186 154.89 28.483 153.726 28.483C152.503 28.483 151.571 29.2891 151.241 30.5475Z", fill: "white" }),
+            React.createElement("path", { d: "M160.422 26.438H163.091V27.5587C163.397 27.1267 163.804 26.7772 164.274 26.5408C164.744 26.3043 165.264 26.188 165.789 26.202C166.173 26.1888 166.553 26.2733 166.896 26.4478V28.8072C166.466 28.6219 166.004 28.5282 165.537 28.532C165.027 28.5243 164.526 28.6647 164.093 28.9365C163.659 29.2083 163.312 29.6001 163.091 30.0656V36.7016H160.422V26.438Z", fill: "white" }),
+            React.createElement("path", { d: "M172.398 22.9185H179.212C181.88 22.9185 183.773 24.7077 183.773 27.2441C183.773 29.7019 181.851 31.4911 179.212 31.4911H175.213V36.6819H172.398V22.9185ZM175.213 25.3762V29.1317H178.901C180.114 29.1317 180.92 28.3943 180.92 27.2638C180.92 26.1332 180.124 25.3762 178.901 25.3762H175.213Z", fill: "white" }),
+            React.createElement("path", { d: "M189.771 26.2415C192.799 26.2415 195.167 28.5812 195.167 31.5699C195.167 34.5585 192.799 36.8786 189.771 36.8786C186.743 36.8786 184.375 34.5585 184.375 31.5699C184.375 28.5812 186.743 26.2415 189.771 26.2415ZM192.566 31.5699C192.566 29.8789 191.353 28.5812 189.771 28.5812C188.189 28.5812 186.976 29.8789 186.976 31.5699C186.976 33.2215 188.189 34.5388 189.771 34.5388C191.353 34.5388 192.566 33.2215 192.566 31.5699Z", fill: "white" }),
+            React.createElement("path", { d: "M196.797 26.438H199.466V27.5587C199.773 27.1267 200.179 26.7772 200.649 26.5408C201.119 26.3043 201.639 26.188 202.164 26.202C202.548 26.1888 202.928 26.2733 203.271 26.4478V28.8072C202.841 28.6219 202.379 28.5282 201.912 28.532C201.402 28.5243 200.901 28.6647 200.468 28.9365C200.034 29.2083 199.687 29.6001 199.466 30.0656V36.7016H196.797V26.438Z", fill: "white" }),
+            React.createElement("path", { d: "M206.236 28.6991H204.159V26.438H206.236V23.8229L208.905 23.2134V26.438H211.777V28.6991H208.89V33.241C208.89 34.2045 209.259 34.5584 210.288 34.5584C210.771 34.5618 211.25 34.4786 211.705 34.3126V36.5246C211.035 36.717 210.343 36.8227 209.647 36.8392C207.395 36.8392 206.231 35.7971 206.231 33.7916L206.236 28.6991Z", fill: "white" }),
+            React.createElement("path", { d: "M212.597 33.7129C212.597 31.7663 214.15 30.6063 216.751 30.6063C217.588 30.6088 218.419 30.7415 219.216 30.9995V30.2622C219.216 29.0824 218.489 28.4729 217.081 28.4729C216.227 28.4729 215.276 28.7482 213.995 29.3184L213.025 27.3325C214.426 26.6319 215.965 26.2558 217.528 26.2314C220.265 26.2314 221.837 27.6078 221.837 30.0262V36.6622H219.216V35.9543C218.361 36.5647 217.331 36.8753 216.285 36.8391C214.111 36.8662 212.597 35.5808 212.597 33.7129ZM216.984 34.9417C217.777 34.9648 218.557 34.738 219.216 34.2929V32.7592C218.534 32.5017 217.81 32.3751 217.081 32.3857C215.868 32.3857 215.14 32.8772 215.14 33.6637C215.14 34.4502 215.858 34.9319 216.984 34.9319V34.9417Z", fill: "white" }),
+            React.createElement("path", { d: "M226.515 36.6819H223.846V22.9185L226.515 22.3286V36.6819Z", fill: "white" }),
+            React.createElement("path", { d: "M31.2993 22.6704C34.3322 22.6704 38.7262 22.0363 38.7262 18.3791C38.7353 18.0969 38.71 17.8146 38.651 17.5386L36.8361 9.58527C36.4188 7.83534 36.0524 7.04149 33.0171 5.50539C30.6636 4.27651 25.5393 2.27344 24.0228 2.27344C22.6083 2.27344 22.191 4.12659 20.5168 4.12659C18.896 4.12659 17.6926 2.75024 16.1762 2.75024C14.7204 2.75024 13.7693 3.75792 13.0389 5.82244C13.0389 5.82244 10.9984 11.6522 10.7364 12.4977C10.6923 12.6526 10.6718 12.8134 10.6757 12.9745C10.6757 15.2381 19.4881 22.6704 31.2993 22.6704ZM39.1969 19.8636C39.6142 21.8765 39.6142 22.0879 39.6142 22.3533C39.6142 25.7942 35.7977 27.7039 30.7752 27.7039C19.4274 27.7039 9.48927 20.977 9.48927 16.526C9.48771 15.9063 9.61244 15.293 9.85564 14.7244C5.76732 14.9358 0.48526 15.678 0.48526 20.3994C0.48526 28.1364 18.583 37.6725 32.9128 37.6725C43.8967 37.6725 46.6699 32.639 46.6699 28.6648C46.6699 25.5312 44.001 21.9822 39.1896 19.8636H39.1969Z", fill: "#EE0000" }),
+            React.createElement("path", { d: "M39.1896 19.8637C39.6069 21.8766 39.6069 22.088 39.6069 22.3534C39.6069 25.7943 35.7904 27.7039 30.7679 27.7039C19.4201 27.7039 9.48198 20.9771 9.48198 16.5261C9.48042 15.9064 9.60515 15.2931 9.84835 14.7245L10.7364 12.4978C10.6923 12.6527 10.6718 12.8135 10.6757 12.9746C10.6757 15.2382 19.488 22.6705 31.2993 22.6705C34.3322 22.6705 38.7262 22.0364 38.7262 18.3792C38.7353 18.097 38.71 17.8147 38.651 17.5387L39.1896 19.8637Z", fill: "black" }),
+            React.createElement("path", { d: "M61.9848 39.5084C61.84 39.5084 61.7011 39.4501 61.5987 39.3464C61.4964 39.2427 61.4388 39.102 61.4388 38.9554V1.04445C61.4388 0.897787 61.4964 0.75713 61.5987 0.653424C61.7011 0.549717 61.84 0.491455 61.9848 0.491455C62.1295 0.491455 62.2684 0.549717 62.3708 0.653424C62.4732 0.75713 62.5307 0.897787 62.5307 1.04445V38.9554C62.5307 39.102 62.4732 39.2427 62.3708 39.3464C62.2684 39.4501 62.1295 39.5084 61.9848 39.5084Z", fill: "white" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "clip0_3_2516" },
+                React.createElement("rect", { width: "227", height: "40", fill: "white" })))));
+};

package/lib/esm/components/wizardLayout/WizardAside.d.ts

@@ -1,10 +1,11 @@
-import { RouteComponentProps } from 'react-router';
+import React from 'react';
+import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;
     isAttachmentUploadModalOpen: boolean;
 }
-declare function WizardAside(props: IProps): JSX.Element;
+declare function WizardAside(props: IProps): React.JSX.Element;
 declare namespace WizardAside {
     var defaultProps: Partial<IProps>;
 }

package/lib/esm/components/wizardLayout/WizardAside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAEH,eAAe,EAIlB,MAAM,iCAAiC,CAAC;AAQzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,eAwCjC;kBAxCQ,WAAW;;;AA0CpB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAGH,eAAe,EAKlB,MAAM,iCAAiC,CAAC;AAQzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAsDjC;kBAtDQ,WAAW;;;AAwDpB,eAAe,WAAW,CAAC"}