Release 2.18.0

CHANGELOG.md

@@ -1,3 +1,24 @@
+= 2.18.0 =
+
+* Added: Revised refresh process to be more permissible of failures that are not expired refresh token related.
+* Updated: "Connect now" screen UI.
+* Updated: details and visuals for the embed block.
+* Updated: small visuals for WP 7.0.
+* Updated: Extra error handling from empty API responses.
+* Updated: internal code organization.
+* Fixed: errors when deleting a form.
+* Fixed: JS errors from CAPTCHA settings UI hiding, elsewhere in admin.
+
+= 2.17.0 =
+
+* Added: Hide UI of non-selected Captcha services until selected for usage.
+* Added: Details regarding list status in Constant Contact account, to our forms list.
+* Added: Email status or address destination column to Forms list table.
+* Added: Messaging regarding user accounts on connect screen if a non-production install.
+* Fixed: Issues around website field type not saving to custom field
+* Updated: Moved custom field cap to 50 to match allowed contact field limit.
+* Updated: Minor UI details around accessibility, wording, capitalization, visual spacing.
+
 = 2.16.0 =
 
 * Added: Cloudflare Turnstile support

assets/js/ctct-plugin-admin/builder.js

@@ -96,7 +96,7 @@ window.CTCTBuilder = {};
 	 * Handles the beforeunload callback and display.
 	 *
 	 * @param e beforeunload event.
-	 * @since NEXT
+	 * @since 2.8.0
 	 */
 	that.bindMessage = (e) => {
 		e.preventDefault();

assets/js/ctct-plugin-admin/settings.js

@@ -37,6 +37,9 @@ window.ctctsettings = {};
 	 */
 	that.bindEvents = () => {
 		const service = document.querySelector(that.cache.service);
+		if (null === service) {
+			return;
+		}
 		const recaptcha = document.querySelector(that.cache.recaptcha);
 		const hcaptcha = document.querySelector(that.cache.hcaptcha);
 		const turnstile = document.querySelector(that.cache.turnstile);

assets/sass/_admin-connect.scss

@@ -41,7 +41,7 @@
 		text-align: left;
 	}
 
-	&::before{
+  	&.connected::before {
 		width: 46px;
 		height: 46px;
 		position: absolute;
@@ -205,14 +205,117 @@
 			}
 		}
 	}
-  	.ctct-connection-notice {
-	  color: variables.$color-red;
+
+	.ctct-connection-notice {
+		color: variables.$color-red;
 	}
 }
 
+.ctct-wrap {
+  margin: 35px auto 0;
+  padding: 35px 45px 0;
 
-// Connection Details
+  max-width: 850px;
+  background-color: variables.$color-connect-background;
+  border-radius: 12px;
+  border: solid variables.$color-connect-border 1px;
+  box-shadow: 0 0 2px variables.$color-connect-text;
+
+  .not-connected {
+	box-sizing: border-box;
+
+	* {
+	  box-sizing: border-box;
+	}
 
+	a {
+	  color: variables.$color-connect-button-primary;
+	}
+
+
+	color: variables.$color-connect-text;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	gap: 20px;
+
+
+	@include mixins.wider-than('small') {
+	  flex-direction: row;
+	}
+
+	h2 {
+	  color: variables.$color-connect-text;
+	  font-size: 1.8rem;
+	  line-height: 1.5;
+	  margin-top: 0;
+	}
+
+	.ctct-logo {
+	  background: transparent url('../images/ctct_ripple.svg') no-repeat;
+	  background-size: 75%;
+	  height: 50px;
+	  width: 50px;
+	}
+	.ctct-cta-left,
+	.ctct-cta-right {
+	  flex: 2 1;
+
+	  .button.ctct-button {
+		border-radius: 8px;
+		color: variables.$color-connect-button-secondary;
+		font-size: 16px;
+		height: auto;
+		line-height: 1;
+		padding: 14px 30px;
+		transition: all 0.15s ease;
+
+		&.button-blue {
+		  background-color: variables.$color-connect-button-primary;
+		  border: 1px solid color.adjust(variables.$color-connect-button-primary, $lightness: -10%);
+		  color: variables.$color-white;
+
+		  &:hover,
+		  &:focus {
+			color: variables.$color-white;
+			background-color: color.adjust(variables.$color-connect-button-primary, $lightness: 10%);
+		  }
+		}
+		&.ctct-signup {
+		  background: transparent;
+		  border-color: variables.$color-connect-button-secondary;
+		  color: variables.$color-connect-button-secondary;
+		}
+	  }
+	}
+
+	.ctct-cta-left {
+	  flex: 2;
+	  .cta-buttons {
+		display: flex;
+		gap: 10px;
+		flex-direction: column;
+		text-align: center;
+		@include mixins.wider-than('small') {
+		  flex-direction: row;
+		}
+		@include mixins.wider-than('small') {
+		  text-align: left;
+		}
+	  }
+	}
+
+	.ctct-cta-right {
+	  flex: 1;
+	}
+  }
+
+  .ctct-connection-notice {
+	color: variables.$color-red;
+  }
+}
+
+// Connection Details
 .ctct-connected-wrap{
 
 	.ctct-connection-details{
@@ -287,27 +390,6 @@
 	}
 }
 
-
-// Connect to GA
-
-.ctct-connected-opt-in{
-	display: none;
-	width: 100%;
-	text-align: left;
-
-	.ctct-connect-ga-optin{
-		display: flex;
-		flex-wrap: nowrap;
-		padding: 15px 0 0;
-
-		.button{
-			text-align: center;
-			margin: 0 10px 0 0;
-			width: auto;
-		}
-	}
-}
-
 .ctct-error {
 	background: none !important;
 	border: 1px solid variables.$color-red;

assets/sass/_admin-forms.scss

@@ -300,3 +300,11 @@ body.post-type-ctct_forms #titlediv #title {
 		}
 	}
 }
+
+
+[class*="version-7"] {
+  .cmb-repeatable-group .cmb-shift-rows .dashicons-arrow-down-alt2,
+  .cmb-repeatable-group .cmb-shift-rows .dashicons-arrow-up-alt2 {
+	margin-top: .4em;
+  }
+}

assets/sass/_variables.scss

@@ -40,6 +40,13 @@ $color-modal-text: #555;
 $color-light-silver: #747e88;
 $color-med-gray: #999;
 
+// connect page
+$color-connect-border: #DCE2EC;
+$color-connect-background: #f7f9fd;
+$color-connect-text: #3F4B63;
+$color-connect-button-primary: #186DED;
+$color-connect-button-secondary: #8D9BB6;
+
 // box model
 $padding: 1em;
 $radius: 4px;