{"version":3,"file":"js/component-clientserviceexchange.chunk.js","mappings":"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","sources":["webpack:///./assets/stone/src/components/clientService/ReturnExchangeFormPage.tsx","webpack:///./assets/stone/src/components/clientService/ClientServiceExchangeLoader.tsx"],"sourcesContent":["import ReturnsGuestForm from '@stone/components/clientService/ReturnsGuestForm';\nimport ReturnsOrdersListing from '@stone/components/clientService/ReturnsOrdersListing';\nimport { UserInfoActionTypes } from '@state/features/common.types';\nimport { isUserAuthenticated } from '@state/features/orders.selectors';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useDispatch, useSelector } from 'react-redux';\nimport ClientServiceSection from './ClientServiceSection';\nimport api from '@common/utils/api';\nimport ClientServiceSteps from './ClientServiceSteps';\nconst ReturnExchangeFormPage = (props) => {\n    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;\n    const { t } = useTranslation();\n    const [step_1, setStep_1] = useState(null);\n    const [step_2, setStep_2] = useState(null);\n    const [activeStep, setActiveStep] = useState(null);\n    const [index, setIndex] = useState(0);\n    const { loading: waitingUserInfo, user: { isAuthenticated }, } = useSelector(isUserAuthenticated);\n    const dispatch = useDispatch();\n    useEffect(() => {\n        if (props.printSteps && props.pageId) {\n            api.getPageJson(props.pageId).then((res) => {\n                var _a, _b, _c, _d, _e, _f, _g;\n                const main_component = (_c = (_b = (_a = res === null || res === void 0 ? void 0 : res.page) === null || _a === void 0 ? void 0 : _a.regions) === null || _b === void 0 ? void 0 : _b.main) === null || _c === void 0 ? void 0 : _c.components.find((el) => el.ID == props.componentId);\n                if (main_component) {\n                    const _step_1 = (_e = (_d = main_component.regions) === null || _d === void 0 ? void 0 : _d.steps_1) === null || _e === void 0 ? void 0 : _e.components[0];\n                    const _step_2 = (_g = (_f = main_component.regions) === null || _f === void 0 ? void 0 : _f.steps_2) === null || _g === void 0 ? void 0 : _g.components[0];\n                    setStep_1(_step_1);\n                    setStep_2(_step_2);\n                }\n            });\n        }\n    }, []);\n    useEffect(() => {\n        if (step_1 || step_2) {\n            const selectedStep = index == 0 ? step_1 : index == 1 && step_2;\n            setActiveStep(selectedStep);\n        }\n    }, [index, step_1, step_2]);\n    useEffect(() => {\n        dispatch({\n            type: UserInfoActionTypes.FETCH_USERINFO,\n        });\n    }, []);\n    if (waitingUserInfo) {\n        return React.createElement(\"div\", null, t('label.loading'));\n    }\n    if (isAuthenticated || props.displayOrders) {\n        return (React.createElement(\"div\", { className: \"client-service\" },\n            React.createElement(ReturnsOrdersListing, Object.assign({}, props, { title: t('exchanges.eligibleitems'), description: t('exchanges.selectorder'), onlyEligibleForExchange: true, isExchange: true, openexchangeurl: props.openexchangeurl })),\n            React.createElement(ClientServiceSection, { title: t('exchanges.makeexchange') },\n                React.createElement(ReturnsGuestForm, Object.assign({}, props, { isExchange: true, loggedUser: true, onTabChange: setIndex }))),\n            activeStep && (React.createElement(\"div\", { className: \"cs-steps_wrapper\", \"aria-live\": \"polite\", \"aria-atomic\": \"true\" },\n                React.createElement(ClientServiceSection, { title: activeStep === null || activeStep === void 0 ? void 0 : activeStep.title }, ((_c = (_b = (_a = activeStep === null || activeStep === void 0 ? void 0 : activeStep.regions) === null || _a === void 0 ? void 0 : _a.steps) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.length) && React.createElement(ClientServiceSteps, { componentid: activeStep === null || activeStep === void 0 ? void 0 : activeStep.ID, steps: (_e = (_d = activeStep === null || activeStep === void 0 ? void 0 : activeStep.regions) === null || _d === void 0 ? void 0 : _d.steps) === null || _e === void 0 ? void 0 : _e.components }))))));\n    }\n    return (React.createElement(\"div\", { className: \"client-service\" },\n        React.createElement(ClientServiceSection, { title: t('exchanges.makeexchange'), introSection: true },\n            React.createElement(ReturnsGuestForm, Object.assign({}, props, { isExchange: true, onTabChange: setIndex }))),\n        activeStep && (React.createElement(\"div\", { className: \"cs-steps_wrapper\", \"aria-live\": \"polite\", \"aria-atomic\": \"true\" },\n            React.createElement(ClientServiceSection, { title: activeStep === null || activeStep === void 0 ? void 0 : activeStep.title }, ((_h = (_g = (_f = activeStep === null || activeStep === void 0 ? void 0 : activeStep.regions) === null || _f === void 0 ? void 0 : _f.steps) === null || _g === void 0 ? void 0 : _g.components) === null || _h === void 0 ? void 0 : _h.length) && React.createElement(ClientServiceSteps, { componentid: activeStep === null || activeStep === void 0 ? void 0 : activeStep.ID, steps: (_k = (_j = activeStep === null || activeStep === void 0 ? void 0 : activeStep.regions) === null || _j === void 0 ? void 0 : _j.steps) === null || _k === void 0 ? void 0 : _k.components }))))));\n};\nexport default ReturnExchangeFormPage;\n","import ReturnExchangeFormPage from '@stone/components/clientService/ReturnExchangeFormPage';\nimport { configureAccountStore } from '@state';\nimport React from 'react';\nimport { Provider } from 'react-redux';\nconst store = configureAccountStore();\nconst ClientServiceExchange = (props) => {\n    return (React.createElement(Provider, { store: store },\n        React.createElement(ReturnExchangeFormPage, Object.assign({}, props, { orderNumber: null }))));\n};\nexport default ClientServiceExchange;\n"],"names":["props","_a","_b","_c","_d","_e","_f","_g","_h","_j","_k","t","useTranslation","step_1","setStep_1","useState","step_2","setStep_2","activeStep","setActiveStep","index","setIndex","loading","waitingUserInfo","user","isAuthenticated","dispatch","useEffect","printSteps","pageId","api","then","res","main_component","page","regions","main","components","find","el","ID","componentId","_step_1","steps_1","_step_2","steps_2","type","displayOrders","className","ReturnsOrdersListing","Object","assign","title","description","onlyEligibleForExchange","isExchange","openexchangeurl","ClientServiceSection","ReturnsGuestForm","loggedUser","onTabChange","steps","length","ClientServiceSteps","componentid","introSection","store","orderNumber"],"sourceRoot":""}