{"version":3,"file":"static/chunks/pages/onboarding-41eda065ea54bd29.js","mappings":"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","sources":["webpack://_N_E/?de75","webpack://_N_E/./src/components/onboarding/mandatory-steps/index.js","webpack://_N_E/./src/components/onboarding/services-steps/index.js","webpack://_N_E/./src/components/onboarding/additional-steps/index.js","webpack://_N_E/./src/pages/onboarding/index.js","webpack://_N_E/./src/theme/alert-message/index.js","webpack://_N_E/./src/theme/icons/receipt.js","webpack://_N_E/<anon>"],"sourcesContent":["\n (window.__NEXT_P = window.__NEXT_P || []).push([\n \"/onboarding\",\n function () {\n return require(\"private-next-pages/onboarding/index.js\");\n }\n ]);\n if(module.hot) {\n module.hot.dispose(function () {\n window.__NEXT_P.push([\"/onboarding\"])\n });\n }\n ","/* eslint-disable no-nested-ternary */\nimport React from 'react';\nimport Link from 'next/link';\nimport { useSelector } from 'react-redux';\nimport selectProfile from 'redux-api/reselect/profile';\nimport styled from 'styled-components';\nimport { space, color, border } from 'styled-system';\nimport { themeGet } from '@styled-system/theme-get';\nimport ContentLoader from 'theme/content-loader';\nimport Card from 'theme/card';\nimport Text from 'theme/text';\nimport User from 'theme/icons/user';\nimport CardIcon from 'theme/icons/card';\nimport Receipt from 'theme/icons/receipt';\nimport AlertMessage from 'theme/alert-message';\nimport translations from 'translations';\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1;\n max-width: 2100px;\n\n ${space}\n`;\n\nconst Content = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1;\n border: 1px solid;\n border-radius: 12px;\n\n ${color}\n ${border}\n ${space}\n\n & > .row {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n width: 100%;\n }\n`;\n\nconst MandatoryCard = styled.div`\n display: flex;\n flex-direction: row;\n height: 100%;\n\n & > .card-content {\n display: flex;\n flex-direction: column;\n flex: 1;\n height: 100%;\n\n & > .top {\n display: flex;\n flex-direction: column;\n flex: 1;\n }\n\n & > .bottom {\n & > .divider {\n width: 100%;\n height: 1px;\n background-color: ${themeGet('colors.primary_100')};\n }\n\n & > .footer {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-top: ${themeGet('space.m')}px;\n\n & > div {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n }\n }\n }\n`;\n\nconst CircleStatus = styled.div`\n width: 24px;\n height: 24px;\n border-radius: 24px;\n background-color: ${({ isCompleted }) =>\n isCompleted ? themeGet('colors.primary_100') : themeGet('colors.red_100')};\n display: flex;\n justify-content: center;\n align-items: center;\n\n ::after {\n content: '';\n width: 16px;\n height: 16px;\n border-radius: 16px;\n background-color: ${({ isCompleted }) =>\n isCompleted ? themeGet('colors.primary_400') : themeGet('colors.red_400')};\n }\n`;\n\nconst StyledA = styled.a`\n cursor: pointer;\n text-decoration: none;\n`;\n\nconst CircleIcon = styled.div`\n width: 140px;\n height: 140px;\n border-radius: 200px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n ${color}\n ${space}\n`;\n\nfunction MandatorySteps() {\n const { languageCode } = useSelector((state) => state.config);\n const { isGetWaiting } = useSelector((state) => state.profile);\n const { mandatorySteps, mandatoryStepsFulfilled } = useSelector(selectProfile);\n\n return (\n <Wrapper m=\"l\">\n <Text fontSize=\"h2\" lineHeight=\"h2\" fontWeight=\"bold\" mb=\"m\">\n {translations[languageCode]['Mandatory Steps']}\n </Text>\n {isGetWaiting || !mandatorySteps ? (\n <ContentLoader\n width={600}\n height={230}\n lines={[\n {\n x: 0,\n y: 0,\n rx: 5,\n ry: 5,\n width: 600,\n height: 120,\n },\n ]}\n />\n ) : (\n <Content\n p=\"xs\"\n bg={mandatoryStepsFulfilled ? 'primary_100' : 'accent_light'}\n borderColor={mandatoryStepsFulfilled ? 'primary_100' : 'orange_400'}\n >\n {!mandatoryStepsFulfilled && (\n <AlertMessage\n style={{ m: 'xs' }}\n message={translations[languageCode].mandatory_steps_description}\n />\n )}\n\n <div className=\"row\">\n {Object.keys(mandatorySteps || {}).map((key) => (\n <Card\n key={key}\n width=\"100%\"\n maxWidth=\"570px\"\n bg=\"white\"\n borderWidth={mandatorySteps[key].fulfilled ? '2px' : '1px'}\n borderColor={mandatorySteps[key].fulfilled ? 'primary_400' : 'orange_400'}\n p=\"l\"\n m=\"xs\"\n >\n <MandatoryCard>\n <CircleIcon bg=\"grey_100\" color=\"primary_500\" mr=\"m\">\n {key === 'dash_valid_user_profile' ? (\n <User width=\"60\" />\n ) : key === 'dash_accepted_agreement' ? (\n <Receipt width=\"60\" />\n ) : (\n <CardIcon\n style={{\n width: '60px',\n }}\n />\n )}\n </CircleIcon>\n\n <div className=\"card-content\">\n <div className=\"top\">\n <Text fontSize=\"h3\" lineHeight=\"h3\" fontWeight=\"bold\" mb=\"xs\">\n {mandatorySteps[key].label}\n </Text>\n\n <Text fontSize=\"pLarge\" lineHeight=\"pLarge\" fontWeight=\"normal\" mb=\"m\">\n {mandatorySteps[key].description}\n </Text>\n </div>\n\n <div className=\"bottom\">\n <div className=\"divider\" />\n\n <div className=\"footer\">\n <div>\n <CircleStatus isCompleted={mandatorySteps[key].fulfilled} />\n <Text\n fontSize=\"pSmall\"\n lineHeight=\"pSmall\"\n fontWeight=\"medium\"\n color=\"grey_600\"\n ml=\"xs\"\n >\n {mandatorySteps[key].fulfilled\n ? translations[languageCode].Completed\n : translations[languageCode].Incomplete}\n </Text>\n </div>\n\n {!mandatorySteps[key].fulfilled && (\n <div>\n {key === 'dash_valid_user_profile' ? (\n <Link href=\"/profile\">\n <StyledA>\n <Text\n fontSize=\"pLarge\"\n lineHeight=\"pLarge\"\n fontWeight=\"bold\"\n color=\"primary_400\"\n >\n {translations[languageCode].Edit}\n </Text>\n </StyledA>\n </Link>\n ) : key === 'dash_accepted_agreement' ? (\n <StyledA href={`/enable-service?id=DASH`}>\n <Text\n fontSize=\"pLarge\"\n lineHeight=\"pLarge\"\n fontWeight=\"bold\"\n color=\"primary_400\"\n >\n {translations[languageCode].Request}\n </Text>\n </StyledA>\n ) : key === 'billing_payment_profile' ? (\n <StyledA href=\"/billing/payment-account\">\n <Text\n fontSize=\"pLarge\"\n lineHeight=\"pLarge\"\n fontWeight=\"bold\"\n color=\"primary_400\"\n >\n {translations[languageCode].Edit}\n </Text>\n </StyledA>\n ) : (\n <StyledA href=\"/billing/profiles\">\n <Text\n fontSize=\"pLarge\"\n lineHeight=\"pLarge\"\n fontWeight=\"bold\"\n color=\"primary_400\"\n >\n {translations[languageCode].Edit}\n </Text>\n </StyledA>\n )}\n </div>\n )}\n </div>\n </div>\n </div>\n </MandatoryCard>\n </Card>\n ))}\n </div>\n </Content>\n )}\n </Wrapper>\n );\n}\n\nexport default MandatorySteps;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { space, color, border } from 'styled-system';\nimport { useSelector } from 'react-redux';\nimport { selectServices } from 'redux-api/reselect/profile';\nimport CardService from 'theme/card-service';\nimport ContentLoader from 'theme/content-loader';\nimport Text from 'theme/text';\nimport translations from 'translations';\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1;\n max-width: 2100px;\n\n ${space}\n`;\n\nconst Content = styled.div`\n display: flex;\n justify-content: center;\n flex: 1;\n border: 1px solid;\n border-radius: 12px;\n\n ${color}\n ${border}\n ${space}\n\n & > div {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n width: 100%;\n }\n`;\n\nfunction ServicesSteps() {\n const { languageCode } = useSelector((state) => state.config);\n const { isGetWaiting } = useSelector((state) => state.profile);\n const { services } = useSelector(selectServices);\n\n return (\n <Wrapper m=\"l\">\n <Text fontSize=\"h2\" lineHeight=\"h2\" fontWeight=\"bold\" mb=\"m\">\n {translations[languageCode].Services}\n </Text>\n {isGetWaiting && services.length === 0 ? (\n <ContentLoader\n width={600}\n height={230}\n lines={[\n {\n x: 0,\n y: 0,\n rx: 5,\n ry: 5,\n width: 600,\n height: 120,\n },\n ]}\n />\n ) : (\n <Content p=\"xs\" bg=\"primary_100\" borderColor=\"primary_200\">\n <div>\n {services.map((service) => (\n <CardService\n key={service.platform.label}\n service={service}\n languageCode={languageCode}\n />\n ))}\n </div>\n </Content>\n )}\n </Wrapper>\n );\n}\n\nexport default ServicesSteps;\n","/* eslint-disable no-nested-ternary */\nimport React from 'react';\nimport Link from 'next/link';\nimport { useSelector } from 'react-redux';\nimport selectProfile from 'redux-api/reselect/profile';\nimport styled from 'styled-components';\nimport { space, color, border } from 'styled-system';\nimport { themeGet } from '@styled-system/theme-get';\nimport ContentLoader from 'theme/content-loader';\nimport Card from 'theme/card';\nimport Text from 'theme/text';\nimport translations from 'translations';\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1;\n max-width: 2100px;\n\n ${space}\n`;\n\nconst Content = styled.div`\n display: flex;\n justify-content: center;\n flex: 1;\n border: 1px solid;\n border-radius: 12px;\n\n ${color}\n ${border}\n ${space}\n\n & > div {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n width: 100%;\n }\n`;\n\nconst AdditionalStepCard = styled.div`\n display: flex;\n flex-direction: row;\n height: 100%;\n\n & > .card-content {\n display: flex;\n flex-direction: column;\n flex: 1;\n height: 100%;\n\n & > .top {\n display: flex;\n flex-direction: column;\n flex: 1;\n }\n\n & > .bottom {\n & > .divider {\n width: 100%;\n height: 1px;\n background-color: ${themeGet('colors.primary_100')};\n }\n\n & > .footer {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-top: ${themeGet('space.m')}px;\n\n & > div {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n }\n }\n }\n`;\n\nconst CircleStatus = styled.div`\n width: 24px;\n height: 24px;\n border-radius: 24px;\n background-color: ${({ isCompleted }) =>\n isCompleted ? themeGet('colors.primary_100') : themeGet('colors.grey_100') };\n display: flex;\n justify-content: center;\n align-items: center;\n\n ::after {\n content: '';\n width: 16px;\n height: 16px;\n border-radius: 16px;\n background-color: ${({ isCompleted }) =>\n isCompleted ? themeGet('colors.primary_400') : themeGet('colors.grey_200') };\n }\n`;\n\nconst StyledA = styled.a`\n cursor: pointer;\n text-decoration: none;\n`;\n\nfunction AdditionalSteps() {\n const { languageCode } = useSelector((state) => state.config);\n const { isGetWaiting } = useSelector((state) => state.profile);\n const {\n additionalSteps,\n mandatoryStepsFulfilled,\n payload: { company },\n } = useSelector(selectProfile);\n\n return (\n <Wrapper m=\"l\">\n <Text fontSize=\"h2\" lineHeight=\"h2\" fontWeight=\"bold\" mb=\"m\">\n {translations[languageCode]['Additional Steps']}\n </Text>\n {isGetWaiting || !additionalSteps ? (\n <ContentLoader\n width={600}\n height={230}\n lines={[\n {\n x: 0,\n y: 0,\n rx: 5,\n ry: 5,\n width: 600,\n height: 120,\n },\n ]}\n />\n ) : (\n <Content p=\"xs\" bg=\"primary_100\" borderColor=\"primary_200\">\n <div>\n {Object.keys(additionalSteps || {}).map((key) => (\n <Card\n key={key}\n width=\"100%\"\n maxWidth=\"370px\"\n bg={additionalSteps[key].fulfilled ? 'white' : 'primary_50'}\n borderWidth={additionalSteps[key].fulfilled ? '2px' : '1px'}\n borderColor={additionalSteps[key].fulfilled ? 'primary_400' : 'primary_200'}\n p=\"l\"\n m=\"xs\"\n >\n <AdditionalStepCard>\n <div className=\"card-content\">\n <div className=\"top\">\n <Text fontSize=\"h3\" lineHeight=\"h3\" fontWeight=\"bold\" mb=\"xs\">\n {additionalSteps[key].label}\n </Text>\n\n <Text fontSize=\"pLarge\" lineHeight=\"pLarge\" fontWeight=\"normal\" mb=\"m\">\n {additionalSteps[key].description}\n </Text>\n </div>\n\n <div className=\"bottom\">\n <div className=\"divider\" />\n\n <div className=\"footer\">\n <div>\n <CircleStatus isCompleted={additionalSteps[key].fulfilled} />\n <Text\n fontSize=\"pSmall\"\n lineHeight=\"pSmall\"\n fontWeight=\"medium\"\n color=\"grey_600\"\n ml=\"xs\"\n >\n {additionalSteps[key].fulfilled\n ? translations[languageCode].Completed\n : translations[languageCode].Incomplete}\n </Text>\n </div>\n\n {!additionalSteps[key].fulfilled && (\n <div>\n {key === 'dash_user_avatar' ? (\n <Link href=\"/profile\">\n <StyledA>\n <Text\n fontSize=\"pLarge\"\n lineHeight=\"pLarge\"\n fontWeight=\"bold\"\n color=\"primary_400\"\n >\n {translations[languageCode].Edit}\n </Text>\n </StyledA>\n </Link>\n ) : key === 'publish_agreement' && mandatoryStepsFulfilled ? (\n <StyledA href=\"/enable-service?id=SHUFFLE_PUBLISH\">\n <Text\n fontSize=\"pLarge\"\n lineHeight=\"pLarge\"\n fontWeight=\"bold\"\n color=\"primary_400\"\n >\n {translations[languageCode].Edit}\n </Text>\n </StyledA>\n ) : key === 'publish_first_upload' && mandatoryStepsFulfilled ? (\n <StyledA\n href={\n company?.code === 'SL_DE'\n ? process.env.UPLOAD_CONTENT_URI_DE\n : process.env.UPLOAD_CONTENT_URI\n }\n >\n <Text\n fontSize=\"pLarge\"\n lineHeight=\"pLarge\"\n fontWeight=\"bold\"\n color=\"primary_400\"\n >\n {translations[languageCode].Edit}\n </Text>\n </StyledA>\n ) : key === 'billing_tax_interview' ? (\n <StyledA href={`/billing/tax-interview`}>\n <Text\n fontSize=\"pLarge\"\n lineHeight=\"pLarge\"\n fontWeight=\"bold\"\n color=\"primary_400\"\n >\n {translations[languageCode].Edit}\n </Text>\n </StyledA>\n ) : (\n <Text\n fontSize=\"pLarge\"\n lineHeight=\"pLarge\"\n fontWeight=\"bold\"\n color=\"grey_400\"\n >\n {translations[languageCode]['You need to complete mandatory steps']}\n </Text>\n )}\n </div>\n )}\n </div>\n </div>\n </div>\n </AdditionalStepCard>\n </Card>\n ))}\n </div>\n </Content>\n )}\n </Wrapper>\n );\n}\n\nexport default AdditionalSteps;\n","import React, { useEffect } from 'react';\nimport styled from 'styled-components';\nimport { space, color, border } from 'styled-system';\nimport { themeGet } from '@styled-system/theme-get';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { getProfileRequest } from 'redux-api/action/profile';\nimport selectProfile from 'redux-api/reselect/profile';\nimport AuthSwitch from 'components/auth-switch';\nimport WarningNotification from 'components/warning-notification';\nimport MandatorySteps from 'components/onboarding/mandatory-steps';\nimport ServicesSteps from 'components/onboarding/services-steps';\nimport AdditionalSteps from 'components/onboarding/additional-steps';\nimport Header from 'theme/header';\nimport Body from 'theme/layouts/body';\nimport Text from 'theme/text';\nimport translations from 'translations';\n\nconst OnboardingStatus = styled.div`\n width: 100%;\n height: 92px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n ${color}\n`;\n\nconst Line = styled.div`\n ${color}\n ${space}\n\n display: flex;\n position: relative;\n width: 270px;\n height: 16px;\n border-radius: 8px;\n\n :after {\n content: ' ';\n position: absolute;\n top: 0px;\n background-color: ${({ colorLine }) => themeGet(`colors.${colorLine}`)};\n height: 16px;\n width: ${({ percent }) => percent}%;\n border-radius: 8px;\n\n ${border}\n }\n\n transition: width 2s;\n`;\n\nconst StyledWarningNotification = styled(WarningNotification)`\n padding: ${themeGet('space.l')}px ${themeGet('space.l')}px 0;\n`;\n\nconst WelcomeText = styled.div`\n width: 100%;\n display: flex;\n justify-content: center;\n\n & > div {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 700px;\n\n ${space}\n }\n`;\n\nconst StyledText = styled(Text)`\n white-space: nowrap;\n`;\n\nconst WrapSteps = styled.div`\n padding-bottom: ${themeGet('space.xl')}px;\n`;\n\nfunction OnBoardingPage() {\n const dispatch = useDispatch();\n\n const { languageCode } = useSelector((state) => state.config);\n const { completitionPerc } = useSelector(selectProfile);\n\n useEffect(() => {\n dispatch(getProfileRequest());\n }, [dispatch]);\n\n return (\n <AuthSwitch>\n <Body bg=\"primary_50\" height=\"100%\" />\n\n <Header\n bg=\"white\"\n title=\"StreetLib Onboarding\"\n style={{\n bg: 'white',\n borderWidth: '0',\n borderBottomWidth: '1px',\n borderColor: 'primary_200',\n borderStyle: 'solid',\n }}\n componentLeft={\n <StyledText\n ml=\"l\"\n fontSize=\"h2\"\n lineHeight=\"h2\"\n fontWeight=\"bold\"\n color=\"grey_600\"\n textAlign=\"left\"\n >\n {translations[languageCode]['On Boarding']}\n </StyledText>\n }\n />\n\n <OnboardingStatus bg=\"primary_600\">\n <Text mb=\"s\" fontSize=\"h3\" lineHeight=\"h3\" fontWeight=\"bold\" color=\"white\">\n {`${translations[languageCode]['Your profile is']} ${completitionPerc}% ${translations[languageCode].complete}`}\n </Text>\n <Line bg=\"primary_500\" percent={completitionPerc} colorLine=\"warning\" />\n </OnboardingStatus>\n\n <StyledWarningNotification />\n\n <WelcomeText m=\"l\">\n <div>\n <Text mb=\"s\" fontSize=\"h1\" lineHeight=\"h1\" fontWeight=\"bold\" color=\"primary_500\">\n {translations[languageCode]['Welcome to StreetLib!']}\n </Text>\n\n <Text\n mb=\"s\"\n fontSize=\"h3\"\n lineHeight=\"h3\"\n fontWeight=\"medium\"\n color=\"grey_400\"\n textAlign=\"center\"\n >\n {translations[languageCode]['Thanks to our cloud-publishing platform']}\n </Text>\n </div>\n </WelcomeText>\n\n <WrapSteps>\n <ServicesSteps />\n <MandatorySteps />\n <AdditionalSteps />\n </WrapSteps>\n </AuthSwitch>\n );\n}\n\nexport default OnBoardingPage;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { space, color } from 'styled-system';\nimport { themeGet } from '@styled-system/theme-get';\nimport Text from 'theme/text';\nimport Alert from 'theme/icons/alert';\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: row;\n\n & > span {\n display: flex;\n align-items: center;\n color: ${themeGet('colors.warning')};\n }\n\n ${space}\n ${color}\n`;\n\nfunction AlertMessage({ message, style }) {\n return (\n <Wrapper {...style}>\n <span>\n <Alert />\n </span>\n <Text fontSize=\"h4\" lineHeight=\"h4\" fontWeight=\"medium\" color=\"grey_600\" ml=\"xs\">\n {message}\n </Text>\n </Wrapper>\n );\n}\n\nexport default AlertMessage;\n","import React from 'react';\n\nfunction Receipt({ width }) {\n return (\n <svg width={width || 18} height={width || 19} viewBox=\"0 0 18 19\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clipPath=\"url(#clip0)\">\n <path\n d=\"M2 0.36377C0.89 0.36377 0 1.25377 0 2.36377V16.3638C0 17.4738 0.89 18.3638 2 18.3638H16C17.11 18.3638 18 17.4738 18 16.3638V2.36377C18 1.25377 17.11 0.36377 16 0.36377H2ZM2 2.36377H16V16.3638H2V2.36377ZM4 4.36377V6.36377H14V4.36377H4ZM4 8.36377V10.3638H14V8.36377H4ZM4 12.3638V14.3638H11V12.3638H4Z\"\n fill=\"currentColor\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0\">\n <path d=\"M0 0.36377H18V18.3638H0V0.36377Z\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n );\n}\n\nexport default Receipt;\n","(self[\"webpackChunk_N_E\"] = self[\"webpackChunk_N_E\"] || []).push([[7411],{\n\n/***/ 31126:\n/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {\n\n\n (window.__NEXT_P = window.__NEXT_P || []).push([\n \"/onboarding\",\n function () {\n return __webpack_require__(66757);\n }\n ]);\n if(false) {}\n \n\n/***/ }),\n\n/***/ 66757:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n \"default\": function() { return /* binding */ onboarding; }\n});\n\n// EXTERNAL MODULE: ./node_modules/@swc/helpers/src/_tagged_template_literal.mjs\nvar _tagged_template_literal = __webpack_require__(7297);\n// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js\nvar jsx_runtime = __webpack_require__(85893);\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__(67294);\n// EXTERNAL MODULE: ./node_modules/styled-components/dist/styled-components.browser.esm.js + 4 modules\nvar styled_components_browser_esm = __webpack_require__(14141);\n// EXTERNAL MODULE: ./node_modules/styled-system/dist/index.esm.js + 12 modules\nvar index_esm = __webpack_require__(32016);\n// EXTERNAL MODULE: ./node_modules/@styled-system/theme-get/dist/index.esm.js\nvar dist_index_esm = __webpack_require__(50056);\n// EXTERNAL MODULE: ./node_modules/react-redux/es/index.js + 19 modules\nvar es = __webpack_require__(15313);\n// EXTERNAL MODULE: ./src/redux/action/profile.js\nvar profile = __webpack_require__(22131);\n// EXTERNAL MODULE: ./src/redux/reselect/profile.js\nvar reselect_profile = __webpack_require__(95293);\n// EXTERNAL MODULE: ./src/components/auth-switch/index.js + 14 modules\nvar auth_switch = __webpack_require__(77566);\n// EXTERNAL MODULE: ./src/components/warning-notification/index.js + 1 modules\nvar warning_notification = __webpack_require__(42805);\n// EXTERNAL MODULE: ./node_modules/next/link.js\nvar next_link = __webpack_require__(41664);\nvar link_default = /*#__PURE__*/__webpack_require__.n(next_link);\n// EXTERNAL MODULE: ./src/theme/content-loader/index.js\nvar content_loader = __webpack_require__(52005);\n// EXTERNAL MODULE: ./src/theme/card/index.js\nvar card = __webpack_require__(16850);\n// EXTERNAL MODULE: ./src/theme/text/index.js\nvar theme_text = __webpack_require__(5799);\n// EXTERNAL MODULE: ./src/theme/icons/user.js\nvar user = __webpack_require__(64740);\n// EXTERNAL MODULE: ./src/theme/icons/card.js\nvar icons_card = __webpack_require__(56704);\n// EXTERNAL MODULE: ./src/theme/icons/receipt.js\nvar receipt = __webpack_require__(62165);\n// EXTERNAL MODULE: ./src/theme/alert-message/index.js\nvar alert_message = __webpack_require__(72846);\n// EXTERNAL MODULE: ./src/translations/index.js + 4 modules\nvar translations = __webpack_require__(99408);\n;// CONCATENATED MODULE: ./src/components/onboarding/mandatory-steps/index.js\n/* eslint-disable no-nested-ternary */ \nfunction _templateObject() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n display: flex;\\n flex-direction: column;\\n justify-content: center;\\n flex: 1;\\n max-width: 2100px;\\n\\n \",\n \"\\n\"\n ]);\n _templateObject = function _templateObject() {\n return data;\n };\n return data;\n}\nfunction _templateObject1() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n display: flex;\\n flex-direction: column;\\n justify-content: center;\\n flex: 1;\\n border: 1px solid;\\n border-radius: 12px;\\n\\n \",\n \"\\n \",\n \"\\n \",\n \"\\n\\n & > .row {\\n display: flex;\\n flex-direction: row;\\n flex-wrap: wrap;\\n width: 100%;\\n }\\n\"\n ]);\n _templateObject1 = function _templateObject1() {\n return data;\n };\n return data;\n}\nfunction _templateObject2() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n display: flex;\\n flex-direction: row;\\n height: 100%;\\n\\n & > .card-content {\\n display: flex;\\n flex-direction: column;\\n flex: 1;\\n height: 100%;\\n\\n & > .top {\\n display: flex;\\n flex-direction: column;\\n flex: 1;\\n }\\n\\n & > .bottom {\\n & > .divider {\\n width: 100%;\\n height: 1px;\\n background-color: \",\n \";\\n }\\n\\n & > .footer {\\n display: flex;\\n flex-direction: row;\\n justify-content: space-between;\\n margin-top: \",\n \"px;\\n\\n & > div {\\n display: flex;\\n flex-direction: row;\\n align-items: center;\\n }\\n }\\n }\\n }\\n\"\n ]);\n _templateObject2 = function _templateObject2() {\n return data;\n };\n return data;\n}\nfunction _templateObject3() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n width: 24px;\\n height: 24px;\\n border-radius: 24px;\\n background-color: \",\n \";\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n\\n ::after {\\n content: '';\\n width: 16px;\\n height: 16px;\\n border-radius: 16px;\\n background-color: \",\n \";\\n }\\n\"\n ]);\n _templateObject3 = function _templateObject3() {\n return data;\n };\n return data;\n}\nfunction _templateObject4() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n cursor: pointer;\\n text-decoration: none;\\n\"\n ]);\n _templateObject4 = function _templateObject4() {\n return data;\n };\n return data;\n}\nfunction _templateObject5() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n width: 140px;\\n height: 140px;\\n border-radius: 200px;\\n\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n\\n \",\n \"\\n \",\n \"\\n\"\n ]);\n _templateObject5 = function _templateObject5() {\n return data;\n };\n return data;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar Wrapper = styled_components_browser_esm/* default.div.withConfig */.ZP.div.withConfig({\n componentId: \"sc-5d81e603-0\"\n})(_templateObject(), index_esm/* space */.Dh);\nvar Content = styled_components_browser_esm/* default.div.withConfig */.ZP.div.withConfig({\n componentId: \"sc-5d81e603-1\"\n})(_templateObject1(), index_esm/* color */.$_, index_esm/* border */.Cg, index_esm/* space */.Dh);\nvar MandatoryCard = styled_components_browser_esm/* default.div.withConfig */.ZP.div.withConfig({\n componentId: \"sc-5d81e603-2\"\n})(_templateObject2(), (0,dist_index_esm/* themeGet */.R)(\"colors.primary_100\"), (0,dist_index_esm/* themeGet */.R)(\"space.m\"));\nvar CircleStatus = styled_components_browser_esm/* default.div.withConfig */.ZP.div.withConfig({\n componentId: \"sc-5d81e603-3\"\n})(_templateObject3(), function(param) {\n var isCompleted = param.isCompleted;\n return isCompleted ? (0,dist_index_esm/* themeGet */.R)(\"colors.primary_100\") : (0,dist_index_esm/* themeGet */.R)(\"colors.red_100\");\n}, function(param) {\n var isCompleted = param.isCompleted;\n return isCompleted ? (0,dist_index_esm/* themeGet */.R)(\"colors.primary_400\") : (0,dist_index_esm/* themeGet */.R)(\"colors.red_400\");\n});\nvar StyledA = styled_components_browser_esm/* default.a.withConfig */.ZP.a.withConfig({\n componentId: \"sc-5d81e603-4\"\n})(_templateObject4());\nvar CircleIcon = styled_components_browser_esm/* default.div.withConfig */.ZP.div.withConfig({\n componentId: \"sc-5d81e603-5\"\n})(_templateObject5(), index_esm/* color */.$_, index_esm/* space */.Dh);\nfunction MandatorySteps() {\n var languageCode = (0,es/* useSelector */.v9)(function(state) {\n return state.config;\n }).languageCode;\n var isGetWaiting = (0,es/* useSelector */.v9)(function(state) {\n return state.profile;\n }).isGetWaiting;\n var ref = (0,es/* useSelector */.v9)(reselect_profile/* default */.Z), mandatorySteps = ref.mandatorySteps, mandatoryStepsFulfilled = ref.mandatoryStepsFulfilled;\n return /*#__PURE__*/ (0,jsx_runtime.jsxs)(Wrapper, {\n m: \"l\",\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"h2\",\n lineHeight: \"h2\",\n fontWeight: \"bold\",\n mb: \"m\",\n children: translations/* default */.Z[languageCode][\"Mandatory Steps\"]\n }),\n isGetWaiting || !mandatorySteps ? /*#__PURE__*/ (0,jsx_runtime.jsx)(content_loader/* default */.Z, {\n width: 600,\n height: 230,\n lines: [\n {\n x: 0,\n y: 0,\n rx: 5,\n ry: 5,\n width: 600,\n height: 120\n }, \n ]\n }) : /*#__PURE__*/ (0,jsx_runtime.jsxs)(Content, {\n p: \"xs\",\n bg: mandatoryStepsFulfilled ? \"primary_100\" : \"accent_light\",\n borderColor: mandatoryStepsFulfilled ? \"primary_100\" : \"orange_400\",\n children: [\n !mandatoryStepsFulfilled && /*#__PURE__*/ (0,jsx_runtime.jsx)(alert_message/* default */.Z, {\n style: {\n m: \"xs\"\n },\n message: translations/* default */.Z[languageCode].mandatory_steps_description\n }),\n /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n className: \"row\",\n children: Object.keys(mandatorySteps || {}).map(function(key) {\n return /*#__PURE__*/ (0,jsx_runtime.jsx)(card/* default */.Z, {\n width: \"100%\",\n maxWidth: \"570px\",\n bg: \"white\",\n borderWidth: mandatorySteps[key].fulfilled ? \"2px\" : \"1px\",\n borderColor: mandatorySteps[key].fulfilled ? \"primary_400\" : \"orange_400\",\n p: \"l\",\n m: \"xs\",\n children: /*#__PURE__*/ (0,jsx_runtime.jsxs)(MandatoryCard, {\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsx)(CircleIcon, {\n bg: \"grey_100\",\n color: \"primary_500\",\n mr: \"m\",\n children: key === \"dash_valid_user_profile\" ? /*#__PURE__*/ (0,jsx_runtime.jsx)(user/* default */.Z, {\n width: \"60\"\n }) : key === \"dash_accepted_agreement\" ? /*#__PURE__*/ (0,jsx_runtime.jsx)(receipt/* default */.Z, {\n width: \"60\"\n }) : /*#__PURE__*/ (0,jsx_runtime.jsx)(icons_card/* default */.Z, {\n style: {\n width: \"60px\"\n }\n })\n }),\n /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n className: \"card-content\",\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n className: \"top\",\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"h3\",\n lineHeight: \"h3\",\n fontWeight: \"bold\",\n mb: \"xs\",\n children: mandatorySteps[key].label\n }),\n /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"pLarge\",\n lineHeight: \"pLarge\",\n fontWeight: \"normal\",\n mb: \"m\",\n children: mandatorySteps[key].description\n })\n ]\n }),\n /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n className: \"bottom\",\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n className: \"divider\"\n }),\n /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n className: \"footer\",\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsx)(CircleStatus, {\n isCompleted: mandatorySteps[key].fulfilled\n }),\n /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"pSmall\",\n lineHeight: \"pSmall\",\n fontWeight: \"medium\",\n color: \"grey_600\",\n ml: \"xs\",\n children: mandatorySteps[key].fulfilled ? translations/* default */.Z[languageCode].Completed : translations/* default */.Z[languageCode].Incomplete\n })\n ]\n }),\n !mandatorySteps[key].fulfilled && /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n children: key === \"dash_valid_user_profile\" ? /*#__PURE__*/ (0,jsx_runtime.jsx)((link_default()), {\n href: \"/profile\",\n children: /*#__PURE__*/ (0,jsx_runtime.jsx)(StyledA, {\n children: /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"pLarge\",\n lineHeight: \"pLarge\",\n fontWeight: \"bold\",\n color: \"primary_400\",\n children: translations/* default */.Z[languageCode].Edit\n })\n })\n }) : key === \"dash_accepted_agreement\" ? /*#__PURE__*/ (0,jsx_runtime.jsx)(StyledA, {\n href: \"/enable-service?id=DASH\",\n children: /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"pLarge\",\n lineHeight: \"pLarge\",\n fontWeight: \"bold\",\n color: \"primary_400\",\n children: translations/* default */.Z[languageCode].Request\n })\n }) : key === \"billing_payment_profile\" ? /*#__PURE__*/ (0,jsx_runtime.jsx)(StyledA, {\n href: \"/billing/payment-account\",\n children: /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"pLarge\",\n lineHeight: \"pLarge\",\n fontWeight: \"bold\",\n color: \"primary_400\",\n children: translations/* default */.Z[languageCode].Edit\n })\n }) : /*#__PURE__*/ (0,jsx_runtime.jsx)(StyledA, {\n href: \"/billing/profiles\",\n children: /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"pLarge\",\n lineHeight: \"pLarge\",\n fontWeight: \"bold\",\n color: \"primary_400\",\n children: translations/* default */.Z[languageCode].Edit\n })\n })\n })\n ]\n })\n ]\n })\n ]\n })\n ]\n })\n }, key);\n })\n })\n ]\n })\n ]\n });\n}\n/* harmony default export */ var mandatory_steps = (MandatorySteps);\n\n// EXTERNAL MODULE: ./src/theme/card-service/index.js\nvar card_service = __webpack_require__(8168);\n;// CONCATENATED MODULE: ./src/components/onboarding/services-steps/index.js\n\nfunction services_steps_templateObject() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n display: flex;\\n flex-direction: column;\\n justify-content: center;\\n flex: 1;\\n max-width: 2100px;\\n\\n \",\n \"\\n\"\n ]);\n services_steps_templateObject = function _templateObject() {\n return data;\n };\n return data;\n}\nfunction services_steps_templateObject1() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n display: flex;\\n justify-content: center;\\n flex: 1;\\n border: 1px solid;\\n border-radius: 12px;\\n\\n \",\n \"\\n \",\n \"\\n \",\n \"\\n\\n & > div {\\n display: flex;\\n flex-direction: row;\\n flex-wrap: wrap;\\n width: 100%;\\n }\\n\"\n ]);\n services_steps_templateObject1 = function _templateObject1() {\n return data;\n };\n return data;\n}\n\n\n\n\n\n\n\n\n\n\nvar services_steps_Wrapper = styled_components_browser_esm/* default.div.withConfig */.ZP.div.withConfig({\n componentId: \"sc-a804bf7-0\"\n})(services_steps_templateObject(), index_esm/* space */.Dh);\nvar services_steps_Content = styled_components_browser_esm/* default.div.withConfig */.ZP.div.withConfig({\n componentId: \"sc-a804bf7-1\"\n})(services_steps_templateObject1(), index_esm/* color */.$_, index_esm/* border */.Cg, index_esm/* space */.Dh);\nfunction ServicesSteps() {\n var languageCode = (0,es/* useSelector */.v9)(function(state) {\n return state.config;\n }).languageCode;\n var isGetWaiting = (0,es/* useSelector */.v9)(function(state) {\n return state.profile;\n }).isGetWaiting;\n var services = (0,es/* useSelector */.v9)(reselect_profile/* selectServices */.M).services;\n return /*#__PURE__*/ (0,jsx_runtime.jsxs)(services_steps_Wrapper, {\n m: \"l\",\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"h2\",\n lineHeight: \"h2\",\n fontWeight: \"bold\",\n mb: \"m\",\n children: translations/* default */.Z[languageCode].Services\n }),\n isGetWaiting && services.length === 0 ? /*#__PURE__*/ (0,jsx_runtime.jsx)(content_loader/* default */.Z, {\n width: 600,\n height: 230,\n lines: [\n {\n x: 0,\n y: 0,\n rx: 5,\n ry: 5,\n width: 600,\n height: 120\n }, \n ]\n }) : /*#__PURE__*/ (0,jsx_runtime.jsx)(services_steps_Content, {\n p: \"xs\",\n bg: \"primary_100\",\n borderColor: \"primary_200\",\n children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n children: services.map(function(service) {\n return /*#__PURE__*/ (0,jsx_runtime.jsx)(card_service/* default */.Z, {\n service: service,\n languageCode: languageCode\n }, service.platform.label);\n })\n })\n })\n ]\n });\n}\n/* harmony default export */ var services_steps = (ServicesSteps);\n\n;// CONCATENATED MODULE: ./src/components/onboarding/additional-steps/index.js\n/* eslint-disable no-nested-ternary */ \nfunction additional_steps_templateObject() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n display: flex;\\n flex-direction: column;\\n justify-content: center;\\n flex: 1;\\n max-width: 2100px;\\n\\n \",\n \"\\n\"\n ]);\n additional_steps_templateObject = function _templateObject() {\n return data;\n };\n return data;\n}\nfunction additional_steps_templateObject1() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n display: flex;\\n justify-content: center;\\n flex: 1;\\n border: 1px solid;\\n border-radius: 12px;\\n\\n \",\n \"\\n \",\n \"\\n \",\n \"\\n\\n & > div {\\n display: flex;\\n flex-direction: row;\\n flex-wrap: wrap;\\n width: 100%;\\n }\\n\"\n ]);\n additional_steps_templateObject1 = function _templateObject1() {\n return data;\n };\n return data;\n}\nfunction additional_steps_templateObject2() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n display: flex;\\n flex-direction: row;\\n height: 100%;\\n\\n & > .card-content {\\n display: flex;\\n flex-direction: column;\\n flex: 1;\\n height: 100%;\\n\\n & > .top {\\n display: flex;\\n flex-direction: column;\\n flex: 1;\\n }\\n\\n & > .bottom {\\n & > .divider {\\n width: 100%;\\n height: 1px;\\n background-color: \",\n \";\\n }\\n\\n & > .footer {\\n display: flex;\\n flex-direction: row;\\n justify-content: space-between;\\n margin-top: \",\n \"px;\\n\\n & > div {\\n display: flex;\\n flex-direction: row;\\n align-items: center;\\n }\\n }\\n }\\n }\\n\"\n ]);\n additional_steps_templateObject2 = function _templateObject2() {\n return data;\n };\n return data;\n}\nfunction additional_steps_templateObject3() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n width: 24px;\\n height: 24px;\\n border-radius: 24px;\\n background-color: \",\n \";\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n\\n ::after {\\n content: '';\\n width: 16px;\\n height: 16px;\\n border-radius: 16px;\\n background-color: \",\n \";\\n }\\n\"\n ]);\n additional_steps_templateObject3 = function _templateObject3() {\n return data;\n };\n return data;\n}\nfunction additional_steps_templateObject4() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n cursor: pointer;\\n text-decoration: none;\\n\"\n ]);\n additional_steps_templateObject4 = function _templateObject4() {\n return data;\n };\n return data;\n}\n\n\n\n\n\n\n\n\n\n\n\n\nvar additional_steps_Wrapper = styled_components_browser_esm/* default.div.withConfig */.ZP.div.withConfig({\n componentId: \"sc-647ed3e6-0\"\n})(additional_steps_templateObject(), index_esm/* space */.Dh);\nvar additional_steps_Content = styled_components_browser_esm/* default.div.withConfig */.ZP.div.withConfig({\n componentId: \"sc-647ed3e6-1\"\n})(additional_steps_templateObject1(), index_esm/* color */.$_, index_esm/* border */.Cg, index_esm/* space */.Dh);\nvar AdditionalStepCard = styled_components_browser_esm/* default.div.withConfig */.ZP.div.withConfig({\n componentId: \"sc-647ed3e6-2\"\n})(additional_steps_templateObject2(), (0,dist_index_esm/* themeGet */.R)(\"colors.primary_100\"), (0,dist_index_esm/* themeGet */.R)(\"space.m\"));\nvar additional_steps_CircleStatus = styled_components_browser_esm/* default.div.withConfig */.ZP.div.withConfig({\n componentId: \"sc-647ed3e6-3\"\n})(additional_steps_templateObject3(), function(param) {\n var isCompleted = param.isCompleted;\n return isCompleted ? (0,dist_index_esm/* themeGet */.R)(\"colors.primary_100\") : (0,dist_index_esm/* themeGet */.R)(\"colors.grey_100\");\n}, function(param) {\n var isCompleted = param.isCompleted;\n return isCompleted ? (0,dist_index_esm/* themeGet */.R)(\"colors.primary_400\") : (0,dist_index_esm/* themeGet */.R)(\"colors.grey_200\");\n});\nvar additional_steps_StyledA = styled_components_browser_esm/* default.a.withConfig */.ZP.a.withConfig({\n componentId: \"sc-647ed3e6-4\"\n})(additional_steps_templateObject4());\nfunction AdditionalSteps() {\n var languageCode = (0,es/* useSelector */.v9)(function(state) {\n return state.config;\n }).languageCode;\n var isGetWaiting = (0,es/* useSelector */.v9)(function(state) {\n return state.profile;\n }).isGetWaiting;\n var ref = (0,es/* useSelector */.v9)(reselect_profile/* default */.Z), additionalSteps = ref.additionalSteps, mandatoryStepsFulfilled = ref.mandatoryStepsFulfilled, company = ref.payload.company;\n return /*#__PURE__*/ (0,jsx_runtime.jsxs)(additional_steps_Wrapper, {\n m: \"l\",\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"h2\",\n lineHeight: \"h2\",\n fontWeight: \"bold\",\n mb: \"m\",\n children: translations/* default */.Z[languageCode][\"Additional Steps\"]\n }),\n isGetWaiting || !additionalSteps ? /*#__PURE__*/ (0,jsx_runtime.jsx)(content_loader/* default */.Z, {\n width: 600,\n height: 230,\n lines: [\n {\n x: 0,\n y: 0,\n rx: 5,\n ry: 5,\n width: 600,\n height: 120\n }, \n ]\n }) : /*#__PURE__*/ (0,jsx_runtime.jsx)(additional_steps_Content, {\n p: \"xs\",\n bg: \"primary_100\",\n borderColor: \"primary_200\",\n children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n children: Object.keys(additionalSteps || {}).map(function(key) {\n /*#__PURE__*/ return (0,jsx_runtime.jsx)(card/* default */.Z, {\n width: \"100%\",\n maxWidth: \"370px\",\n bg: additionalSteps[key].fulfilled ? \"white\" : \"primary_50\",\n borderWidth: additionalSteps[key].fulfilled ? \"2px\" : \"1px\",\n borderColor: additionalSteps[key].fulfilled ? \"primary_400\" : \"primary_200\",\n p: \"l\",\n m: \"xs\",\n children: /*#__PURE__*/ (0,jsx_runtime.jsx)(AdditionalStepCard, {\n children: /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n className: \"card-content\",\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n className: \"top\",\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"h3\",\n lineHeight: \"h3\",\n fontWeight: \"bold\",\n mb: \"xs\",\n children: additionalSteps[key].label\n }),\n /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"pLarge\",\n lineHeight: \"pLarge\",\n fontWeight: \"normal\",\n mb: \"m\",\n children: additionalSteps[key].description\n })\n ]\n }),\n /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n className: \"bottom\",\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n className: \"divider\"\n }),\n /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n className: \"footer\",\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsx)(additional_steps_CircleStatus, {\n isCompleted: additionalSteps[key].fulfilled\n }),\n /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"pSmall\",\n lineHeight: \"pSmall\",\n fontWeight: \"medium\",\n color: \"grey_600\",\n ml: \"xs\",\n children: additionalSteps[key].fulfilled ? translations/* default */.Z[languageCode].Completed : translations/* default */.Z[languageCode].Incomplete\n })\n ]\n }),\n !additionalSteps[key].fulfilled && /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n children: key === \"dash_user_avatar\" ? /*#__PURE__*/ (0,jsx_runtime.jsx)((link_default()), {\n href: \"/profile\",\n children: /*#__PURE__*/ (0,jsx_runtime.jsx)(additional_steps_StyledA, {\n children: /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"pLarge\",\n lineHeight: \"pLarge\",\n fontWeight: \"bold\",\n color: \"primary_400\",\n children: translations/* default */.Z[languageCode].Edit\n })\n })\n }) : key === \"publish_agreement\" && mandatoryStepsFulfilled ? /*#__PURE__*/ (0,jsx_runtime.jsx)(additional_steps_StyledA, {\n href: \"/enable-service?id=SHUFFLE_PUBLISH\",\n children: /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"pLarge\",\n lineHeight: \"pLarge\",\n fontWeight: \"bold\",\n color: \"primary_400\",\n children: translations/* default */.Z[languageCode].Edit\n })\n }) : key === \"publish_first_upload\" && mandatoryStepsFulfilled ? /*#__PURE__*/ (0,jsx_runtime.jsx)(additional_steps_StyledA, {\n href: (company === null || company === void 0 ? void 0 : company.code) === \"SL_DE\" ? \"https://hub.bookrix.de\" : \"https://hub.streetlib.com\",\n children: /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"pLarge\",\n lineHeight: \"pLarge\",\n fontWeight: \"bold\",\n color: \"primary_400\",\n children: translations/* default */.Z[languageCode].Edit\n })\n }) : key === \"billing_tax_interview\" ? /*#__PURE__*/ (0,jsx_runtime.jsx)(additional_steps_StyledA, {\n href: \"/billing/tax-interview\",\n children: /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"pLarge\",\n lineHeight: \"pLarge\",\n fontWeight: \"bold\",\n color: \"primary_400\",\n children: translations/* default */.Z[languageCode].Edit\n })\n }) : /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n fontSize: \"pLarge\",\n lineHeight: \"pLarge\",\n fontWeight: \"bold\",\n color: \"grey_400\",\n children: translations/* default */.Z[languageCode][\"You need to complete mandatory steps\"]\n })\n })\n ]\n })\n ]\n })\n ]\n })\n })\n }, key);\n })\n })\n })\n ]\n });\n}\n/* harmony default export */ var additional_steps = (AdditionalSteps);\n\n// EXTERNAL MODULE: ./src/theme/header/index.js + 2 modules\nvar header = __webpack_require__(80387);\n// EXTERNAL MODULE: ./src/theme/layouts/body.js\nvar body = __webpack_require__(89129);\n;// CONCATENATED MODULE: ./src/pages/onboarding/index.js\n\nfunction onboarding_templateObject() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n width: 100%;\\n height: 92px;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n\\n \",\n \"\\n\"\n ]);\n onboarding_templateObject = function _templateObject() {\n return data;\n };\n return data;\n}\nfunction onboarding_templateObject1() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n \",\n \"\\n \",\n \"\\n\\n display: flex;\\n position: relative;\\n width: 270px;\\n height: 16px;\\n border-radius: 8px;\\n\\n :after {\\n content: ' ';\\n position: absolute;\\n top: 0px;\\n background-color: \",\n \";\\n height: 16px;\\n width: \",\n \"%;\\n border-radius: 8px;\\n\\n \",\n \"\\n }\\n\\n transition: width 2s;\\n\"\n ]);\n onboarding_templateObject1 = function _templateObject1() {\n return data;\n };\n return data;\n}\nfunction onboarding_templateObject2() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n padding: \",\n \"px \",\n \"px 0;\\n\"\n ]);\n onboarding_templateObject2 = function _templateObject2() {\n return data;\n };\n return data;\n}\nfunction onboarding_templateObject3() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n width: 100%;\\n display: flex;\\n justify-content: center;\\n\\n & > div {\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n max-width: 700px;\\n\\n \",\n \"\\n }\\n\"\n ]);\n onboarding_templateObject3 = function _templateObject3() {\n return data;\n };\n return data;\n}\nfunction onboarding_templateObject4() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n white-space: nowrap;\\n\"\n ]);\n onboarding_templateObject4 = function _templateObject4() {\n return data;\n };\n return data;\n}\nfunction onboarding_templateObject5() {\n var data = (0,_tagged_template_literal/* default */.Z)([\n \"\\n padding-bottom: \",\n \"px;\\n\"\n ]);\n onboarding_templateObject5 = function _templateObject5() {\n return data;\n };\n return data;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar OnboardingStatus = styled_components_browser_esm/* default.div.withConfig */.ZP.div.withConfig({\n componentId: \"sc-714681fb-0\"\n})(onboarding_templateObject(), index_esm/* color */.$_);\nvar Line = styled_components_browser_esm/* default.div.withConfig */.ZP.div.withConfig({\n componentId: \"sc-714681fb-1\"\n})(onboarding_templateObject1(), index_esm/* color */.$_, index_esm/* space */.Dh, function(param) {\n var colorLine = param.colorLine;\n return (0,dist_index_esm/* themeGet */.R)(\"colors.\".concat(colorLine));\n}, function(param) {\n var percent = param.percent;\n return percent;\n}, index_esm/* border */.Cg);\nvar StyledWarningNotification = (0,styled_components_browser_esm/* default */.ZP)(warning_notification/* default */.Z).withConfig({\n componentId: \"sc-714681fb-2\"\n})(onboarding_templateObject2(), (0,dist_index_esm/* themeGet */.R)(\"space.l\"), (0,dist_index_esm/* themeGet */.R)(\"space.l\"));\nvar WelcomeText = styled_components_browser_esm/* default.div.withConfig */.ZP.div.withConfig({\n componentId: \"sc-714681fb-3\"\n})(onboarding_templateObject3(), index_esm/* space */.Dh);\nvar StyledText = (0,styled_components_browser_esm/* default */.ZP)(theme_text/* default */.Z).withConfig({\n componentId: \"sc-714681fb-4\"\n})(onboarding_templateObject4());\nvar WrapSteps = styled_components_browser_esm/* default.div.withConfig */.ZP.div.withConfig({\n componentId: \"sc-714681fb-5\"\n})(onboarding_templateObject5(), (0,dist_index_esm/* themeGet */.R)(\"space.xl\"));\nfunction OnBoardingPage() {\n var dispatch = (0,es/* useDispatch */.I0)();\n var languageCode = (0,es/* useSelector */.v9)(function(state) {\n return state.config;\n }).languageCode;\n var completitionPerc = (0,es/* useSelector */.v9)(reselect_profile/* default */.Z).completitionPerc;\n (0,react.useEffect)(function() {\n dispatch((0,profile/* getProfileRequest */.S2)());\n }, [\n dispatch\n ]);\n return /*#__PURE__*/ (0,jsx_runtime.jsxs)(auth_switch/* default */.Z, {\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsx)(body/* default */.Z, {\n bg: \"primary_50\",\n height: \"100%\"\n }),\n /*#__PURE__*/ (0,jsx_runtime.jsx)(header/* default */.Z, {\n bg: \"white\",\n title: \"StreetLib Onboarding\",\n style: {\n bg: \"white\",\n borderWidth: \"0\",\n borderBottomWidth: \"1px\",\n borderColor: \"primary_200\",\n borderStyle: \"solid\"\n },\n componentLeft: /*#__PURE__*/ (0,jsx_runtime.jsx)(StyledText, {\n ml: \"l\",\n fontSize: \"h2\",\n lineHeight: \"h2\",\n fontWeight: \"bold\",\n color: \"grey_600\",\n textAlign: \"left\",\n children: translations/* default */.Z[languageCode][\"On Boarding\"]\n })\n }),\n /*#__PURE__*/ (0,jsx_runtime.jsxs)(OnboardingStatus, {\n bg: \"primary_600\",\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n mb: \"s\",\n fontSize: \"h3\",\n lineHeight: \"h3\",\n fontWeight: \"bold\",\n color: \"white\",\n children: \"\".concat(translations/* default */.Z[languageCode][\"Your profile is\"], \" \").concat(completitionPerc, \"% \").concat(translations/* default */.Z[languageCode].complete)\n }),\n /*#__PURE__*/ (0,jsx_runtime.jsx)(Line, {\n bg: \"primary_500\",\n percent: completitionPerc,\n colorLine: \"warning\"\n })\n ]\n }),\n /*#__PURE__*/ (0,jsx_runtime.jsx)(StyledWarningNotification, {}),\n /*#__PURE__*/ (0,jsx_runtime.jsx)(WelcomeText, {\n m: \"l\",\n children: /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n mb: \"s\",\n fontSize: \"h1\",\n lineHeight: \"h1\",\n fontWeight: \"bold\",\n color: \"primary_500\",\n children: translations/* default */.Z[languageCode][\"Welcome to StreetLib!\"]\n }),\n /*#__PURE__*/ (0,jsx_runtime.jsx)(theme_text/* default */.Z, {\n mb: \"s\",\n fontSize: \"h3\",\n lineHeight: \"h3\",\n fontWeight: \"medium\",\n color: \"grey_400\",\n textAlign: \"center\",\n children: translations/* default */.Z[languageCode][\"Thanks to our cloud-publishing platform\"]\n })\n ]\n })\n }),\n /*#__PURE__*/ (0,jsx_runtime.jsxs)(WrapSteps, {\n children: [\n /*#__PURE__*/ (0,jsx_runtime.jsx)(services_steps, {}),\n /*#__PURE__*/ (0,jsx_runtime.jsx)(mandatory_steps, {}),\n /*#__PURE__*/ (0,jsx_runtime.jsx)(additional_steps, {})\n ]\n })\n ]\n });\n}\n/* harmony default export */ var onboarding = (OnBoardingPage);\n\n\n/***/ }),\n\n/***/ 72846:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var _swc_helpers_src_object_spread_mjs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(26042);\n/* harmony import */ var _swc_helpers_src_object_spread_props_mjs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(69396);\n/* harmony import */ var _swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7297);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(85893);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(67294);\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(14141);\n/* harmony import */ var styled_system__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(32016);\n/* harmony import */ var _styled_system_theme_get__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50056);\n/* harmony import */ var theme_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5799);\n/* harmony import */ var theme_icons_alert__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(88176);\n\n\n\nfunction _templateObject() {\n var data = (0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__/* [\"default\"] */ .Z)([\n \"\\n display: flex;\\n flex-direction: row;\\n\\n & > span {\\n display: flex;\\n align-items: center;\\n color: \",\n \";\\n }\\n\\n \",\n \"\\n \",\n \"\\n\"\n ]);\n _templateObject = function _templateObject() {\n return data;\n };\n return data;\n}\n\n\n\n\n\n\n\nvar Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_7__/* [\"default\"].div.withConfig */ .ZP.div.withConfig({\n componentId: \"sc-acd3e5bb-0\"\n})(_templateObject(), (0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_4__/* .themeGet */ .R)(\"colors.warning\"), styled_system__WEBPACK_IMPORTED_MODULE_3__/* .space */ .Dh, styled_system__WEBPACK_IMPORTED_MODULE_3__/* .color */ .$_);\nfunction AlertMessage(param) {\n var message = param.message, style = param.style;\n return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(Wrapper, (0,_swc_helpers_src_object_spread_props_mjs__WEBPACK_IMPORTED_MODULE_8__/* [\"default\"] */ .Z)((0,_swc_helpers_src_object_spread_mjs__WEBPACK_IMPORTED_MODULE_9__/* [\"default\"] */ .Z)({}, style), {\n children: [\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(\"span\", {\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(theme_icons_alert__WEBPACK_IMPORTED_MODULE_6__/* [\"default\"] */ .Z, {})\n }),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(theme_text__WEBPACK_IMPORTED_MODULE_5__/* [\"default\"] */ .Z, {\n fontSize: \"h4\",\n lineHeight: \"h4\",\n fontWeight: \"medium\",\n color: \"grey_600\",\n ml: \"xs\",\n children: message\n })\n ]\n }));\n}\n/* harmony default export */ __webpack_exports__[\"Z\"] = (AlertMessage);\n\n\n/***/ }),\n\n/***/ 62165:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(85893);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(67294);\n\n\nfunction Receipt(param) {\n var width = param.width;\n return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"svg\", {\n width: width || 18,\n height: width || 19,\n viewBox: \"0 0 18 19\",\n xmlns: \"http://www.w3.org/2000/svg\",\n children: [\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"g\", {\n clipPath: \"url(#clip0)\",\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", {\n d: \"M2 0.36377C0.89 0.36377 0 1.25377 0 2.36377V16.3638C0 17.4738 0.89 18.3638 2 18.3638H16C17.11 18.3638 18 17.4738 18 16.3638V2.36377C18 1.25377 17.11 0.36377 16 0.36377H2ZM2 2.36377H16V16.3638H2V2.36377ZM4 4.36377V6.36377H14V4.36377H4ZM4 8.36377V10.3638H14V8.36377H4ZM4 12.3638V14.3638H11V12.3638H4Z\",\n fill: \"currentColor\"\n })\n }),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"defs\", {\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"clipPath\", {\n id: \"clip0\",\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", {\n d: \"M0 0.36377H18V18.3638H0V0.36377Z\",\n fill: \"white\"\n })\n })\n })\n ]\n });\n}\n/* harmony default export */ __webpack_exports__[\"Z\"] = (Receipt);\n\n\n/***/ })\n\n},\n/******/ function(__webpack_require__) { // webpackRuntimeModules\n/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }\n/******/ __webpack_require__.O(0, [8282,6535,7566,7954,9774,2888,179], function() { return __webpack_exec__(31126); });\n/******/ var __webpack_exports__ = __webpack_require__.O();\n/******/ _N_E = __webpack_exports__;\n/******/ }\n]);"],"names":["self","push","__unused_webpack_module","__unused_webpack_exports","__webpack_require__","window","__NEXT_P","__webpack_exports__","r","d","onboarding","_tagged_template_literal","jsx_runtime","react","styled_components_browser_esm","index_esm","dist_index_esm","es","profile","reselect_profile","auth_switch","warning_notification","next_link","link_default","n","content_loader","card","theme_text","user","icons_card","receipt","alert_message","translations","_templateObject","data","Z","_templateObject1","_templateObject2","_templateObject3","_templateObject4","_templateObject5","Wrapper","ZP","div","withConfig","componentId","Dh","Content","$_","Cg","MandatoryCard","R","CircleStatus","param","isCompleted","StyledA","a","CircleIcon","mandatory_steps","languageCode","v9","state","config","isGetWaiting","ref","mandatorySteps","mandatoryStepsFulfilled","jsxs","m","children","jsx","fontSize","lineHeight","fontWeight","mb","width","height","lines","x","y","rx","ry","p","bg","borderColor","style","message","mandatory_steps_description","className","Object","keys","map","key","maxWidth","borderWidth","fulfilled","color","mr","label","description","ml","Completed","Incomplete","href","Edit","Request","card_service","services_steps_templateObject","services_steps_templateObject1","services_steps_Wrapper","services_steps_Content","services_steps","services","M","Services","length","service","platform","additional_steps_templateObject","additional_steps_templateObject1","additional_steps_templateObject2","additional_steps_templateObject3","additional_steps_templateObject4","additional_steps_Wrapper","additional_steps_Content","AdditionalStepCard","additional_steps_CircleStatus","additional_steps_StyledA","additional_steps","additionalSteps","company","payload","code","header","body","onboarding_templateObject","onboarding_templateObject1","onboarding_templateObject2","onboarding_templateObject3","onboarding_templateObject4","onboarding_templateObject5","OnboardingStatus","Line","colorLine","concat","percent","StyledWarningNotification","WelcomeText","StyledText","WrapSteps","dispatch","I0","completitionPerc","useEffect","S2","title","borderBottomWidth","borderStyle","componentLeft","textAlign","complete","_swc_helpers_src_object_spread_mjs__WEBPACK_IMPORTED_MODULE_9__","_swc_helpers_src_object_spread_props_mjs__WEBPACK_IMPORTED_MODULE_8__","_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__","styled_components__WEBPACK_IMPORTED_MODULE_7__","styled_system__WEBPACK_IMPORTED_MODULE_3__","_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_4__","theme_text__WEBPACK_IMPORTED_MODULE_5__","theme_icons_alert__WEBPACK_IMPORTED_MODULE_6__","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","viewBox","xmlns","clipPath","fill","id","O","s","_N_E"],"sourceRoot":""}