Cmp changes to test

package.json

@@ -7,6 +7,7 @@
     "start": "serve build -s -c 1",
     "prestart": "npm run build",
     "build": "cross-env NODE_ENV=production webpack --progress",
+    "dev-build": "cross-env NODE_ENV=development webpack --progress",
     "prebuild": "npm run clean && mkdirp build",
     "test": "npm run -s lint && jest --coverage",
     "test:watch": "npm run -s test -- --watch",

src/components/popup/details/details.jsx

@@ -91,6 +91,19 @@ export default class Details extends Component {
 		};
 	};
 
+	handleSaveAndGo = () => {
+		const { store } = this.props;
+		store.selectAllVendors(true);
+		store.selectAllVendorLegitimateInterests(true);
+		store.selectAllPurposes(true);
+		store.selectAllPurposesLegitimateInterests(true);
+		store.selectAllSpecialFeatureOptins(true);
+		store.selectAllPublisherPurposes(true);
+		store.selectAllPublisherLegitimateInterests(true);
+		store.setAllContractPurposes(false);
+		this.props.onSaveOrClose();
+	};
+
 	render(props, state) {
 		const {
 			onSaveOrClose,
@@ -194,6 +207,8 @@ export default class Details extends Component {
 						localizeKey='back'>Back</LocalLabel></a>
 					<Button ariaLabel='save settings and close' class={style.save} onClick={onSaveOrClose}><LocalLabel
 						prefix={'tabs.tab' + (selectedTab + 1)} localizeKey='save'>Save and Exit</LocalLabel></Button>
+					{ window.__tcfConfig.showAgreeAndGoButton && <Button ariaLabel='accept all and go' class={style.saveAndGo} onClick={this.handleSaveAndGo}><LocalLabel
+						prefix={'tabs.tab' + (selectedTab + 1)} localizeKey='okngo'>Wyraź zgodę i przejdź do serwisu</LocalLabel></Button> }
 				</div>
 			</div>
 		);

src/components/popup/details/details.less

@@ -36,6 +36,12 @@
 		margin-right: 20px;
 		width: 205px;
 	}
+
+	.saveAndGo {
+		margin-right: 20px;
+		width: 270px;
+	}
+
 	.cancel {
 		margin-right: 25px;
 		background: none;

src/components/popup/intro/intro.jsx

@@ -29,6 +29,7 @@ export default class Intro extends Component {
 
 		const {
 			onAcceptAll,
+			onDontAgree,
 			onShowPurposes
 		} = props;
 
@@ -64,6 +65,13 @@ export default class Intro extends Component {
 					>
 						<LocalLabel localizeKey='acceptAll'>Got it, thanks!</LocalLabel>
 					</Button>
+					{ window.__tcfConfig.showDontAgreeButton && <Button
+						ariaLabel='dont agree'
+						class={style.dontAgree}
+						onClick={onDontAgree}
+					>
+						<LocalLabel localizeKey='dontAgree'>Nie wyrażam zgody</LocalLabel>
+					</Button>}
 				</div>
 			</div>
 		);

src/components/popup/intro/intro.less

@@ -74,6 +74,11 @@ div.intro {
 	.acceptAll {
 		flex: 1;
 	}
+
+	.dontAgree {
+		flex: 1;
+		margin-left: 10px;
+	}
 }
 
 .intro {

src/components/popup/popup.jsx

@@ -33,6 +33,12 @@ export default class Popup extends Component {
 		this.onCancel()
 	};
 
+	handleDontAgree = () => {
+		const { store, onSave } = this.props;
+		store.initialVendorsRejection();
+		onSave();
+	};
+
 	render(props) {
 		const { store } = props;
 		const { isConsentToolShowing, section } = store;
@@ -50,6 +56,7 @@ export default class Popup extends Component {
 						<Intro
 							onAcceptAll={this.onAcceptAll}
 							onShowPurposes={this.handleShowDetails}
+							onDontAgree={this.handleDontAgree}
 						/>
 						<Details
 							onSaveOrClose={this.handleCloseOrSave}

src/index.js

@@ -216,6 +216,8 @@ function start() {
 
 	const configUpdates = {
 		globalConsentLocation: 'https://rasp.mgr.consensu.org/portal.html',
+		showDontAgreeButton: false,
+		showAgreeAndGoButton: false,
 		...tcfConfig
 	};
 

src/lib/store.js

@@ -274,6 +274,11 @@ export default class Store {
 		}
 	};
 
+	initialRejection = () => {
+		this.setCustomVendorsConsent(false);
+		this.selectAllVendors(false);
+	};
+
 	selectPurpose = (purposeId, isSelected) => {
 		const {contractPurposeIds} = config;
 		const {purposeConsents} = this.tcModel;