Skip to content

Commit

Permalink
chore(deps): bump marketo-form (#1976)
Browse files Browse the repository at this point in the history 
* chore(deps): bump marketo-form

* fix: only set grid columns on desktop

* chore(deps): bump marketo-form
  • Loading branch information
@dstaley
dstaley committed Jun 22, 2023
1 parent e4647a2 commit ed3d3f5
Show file tree
Hide file tree
Showing 4 changed files with 113 additions and 18 deletions.
8 changes: 4 additions & 4 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -124,7 +124,7 @@
"@hashicorp/react-hashi-stack-menu": "^3.0.0",
"@hashicorp/react-head": "^3.3.2",
"@hashicorp/react-inline-svg": "^6.1.0",
"@hashicorp/react-marketo-form": "^0.8.4",
"@hashicorp/react-marketo-form": "^0.9.0",
"@hashicorp/react-min-100-layout": "^2.0.1",
"@hashicorp/react-product-downloads-page": "^2.9.1",
"@hashicorp/react-search": "^6.5.0",
Expand Down
21 changes: 20 additions & 1 deletion ...omponents/signup-form-area/components/newsletter-signup-form/marketo-form-data.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,17 @@
}
}

& [data-field-id='privacy-policy-text'] {
& span,
& a {
color: var(--token-color-foreground-high-contrast);
}

& a {
text-decoration: underline;
}
}

/* Remove margin from around the checkbox input */
& [data-field-id='Consent_Privacy_Policy__c'] > [class*='style_root'] {
margin: 0;
Expand Down Expand Up @@ -64,11 +75,14 @@

& [data-field-id='Consent_Privacy_Policy__c'] label {
color: var(--token-color-foreground-primary);
}

& a {
& [data-field-id='privacy-policy-text'] {
& span, & a {
color: var(--token-color-foreground-primary);
}
}

& input {
color: var(--token-color-foreground-high-contrast);
}
Expand All @@ -91,6 +105,11 @@
grid-column: 1 / -1;
}

/* Privacy disclaimer */
& [data-field-id='privacy-policy-text'] {
grid-column: 1 / 3;
}

/* Submit button */
& button {
align-self: end;
Expand Down
100 changes: 88 additions & 12 deletions ...ations/components/signup-form-area/components/newsletter-signup-form/marketo-form-data.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,17 +14,33 @@ export const marketoFormData: MarketoFormAPIResponse = {
id: 2459,
name: 'FORM - Newsletter Sign Up',
description: '',
createdAt: '2022-10-26T23:38:43Z+0000',
updatedAt: '2023-01-03T20:57:20Z+0000',
createdAt: '2023-05-23T16:15:32Z+0000',
updatedAt: '2023-05-23T16:15:32Z+0000',
url: 'https://app-ab32.marketo.com/#FO2459B2',
status: 'approved',
status: 'draft',
theme: 'simple',
language: 'English',
locale: null,
progressiveProfiling: false,
labelPosition: 'left',
fontFamily: 'Helvetica',
fontSize: '13px',
folder: {
type: 'Folder',
value: 35855,
folderName: 'f. Dotcom',
},
knownVisitor: {
type: 'form',
template: null,
},
thankYouList: [
{
followupType: 'url',
followupValue: 'https://www.hashicorp.com/thank-you/contact-sales',
default: true,
},
],
buttonLocation: 120,
buttonLabel: 'Submit',
waitingLabel: 'Please Wait',
Expand All @@ -39,23 +55,49 @@ export const marketoFormData: MarketoFormAPIResponse = {
{
id: 'Email',
dataType: 'email',
validationMessage: 'Must be a valid email address.',
validationMessage: 'Please enter a valid business email address.',
rowNumber: 0,
columnNumber: 0,
required: true,
visibilityRules: { ruleType: 'alwaysShow' },
formPrefill: true,
visibilityRules: {
ruleType: 'alwaysShow',
},
hintText: 'Business Email Address',
},
{
id: 'Consent_Privacy_Policy__c',
label: 'Send me news about HashiCorp products, releases and events.',
dataType: 'checkbox',
validationMessage: 'This field is required.',
required: true,
fieldMetaData: { initiallyChecked: false },
visibilityRules: { ruleType: 'alwaysShow' },
rowNumber: 1,
columnNumber: 0,
required: false,
formPrefill: true,
fieldMetaData: {
initiallyChecked: false,
},
visibilityRules: {
ruleType: 'alwaysShow',
},
},
{
id: 'privacy-policy-text',
labelWidth: 260,
dataType: 'htmltext',
rowNumber: 2,
columnNumber: 0,
visibilityRules: {
ruleType: 'alwaysShow',
},
text: 'By submitting this form, you acknowledge and agree that HashiCorp will process your personal information in accordance with the <a target="_blank" href="https://www.hashicorp.com/privacy">Privacy Policy</a>.',
},
{
id: 'utm_medium__c',
label: 'utm_medium:',
dataType: 'hidden',
rowNumber: 3,
columnNumber: 0,
required: false,
autoFill: {
value: '',
Expand All @@ -67,6 +109,8 @@ export const marketoFormData: MarketoFormAPIResponse = {
id: 'utm_source__c',
label: 'utm_source:',
dataType: 'hidden',
rowNumber: 4,
columnNumber: 0,
required: false,
autoFill: {
value: '',
Expand All @@ -78,6 +122,8 @@ export const marketoFormData: MarketoFormAPIResponse = {
id: 'utm_campaign__c',
label: 'utm_campaign:',
dataType: 'hidden',
rowNumber: 5,
columnNumber: 0,
required: false,
autoFill: {
value: '',
Expand All @@ -89,20 +135,34 @@ export const marketoFormData: MarketoFormAPIResponse = {
id: 'utm_cid__c',
label: 'utm_cid:',
dataType: 'hidden',
rowNumber: 6,
columnNumber: 0,
required: false,
autoFill: { value: '', valueFrom: 'query', parameterName: 'utm_cid' },
autoFill: {
value: '',
valueFrom: 'query',
parameterName: 'utm_cid',
},
},
{
id: 'utm_offer__c',
label: 'utm_offer:',
dataType: 'hidden',
rowNumber: 7,
columnNumber: 0,
required: false,
autoFill: { value: '', valueFrom: 'query', parameterName: 'utm_offer' },
autoFill: {
value: '',
valueFrom: 'query',
parameterName: 'utm_offer',
},
},
{
id: 'form_page_url__c',
label: 'form_page_url:',
dataType: 'hidden',
rowNumber: 8,
columnNumber: 0,
required: false,
autoFill: {
value: '',
Expand All @@ -114,13 +174,21 @@ export const marketoFormData: MarketoFormAPIResponse = {
id: 'utm_term__c',
label: 'utm_term:',
dataType: 'hidden',
rowNumber: 9,
columnNumber: 0,
required: false,
autoFill: { value: '', valueFrom: 'query', parameterName: 'utm_term' },
autoFill: {
value: '',
valueFrom: 'query',
parameterName: 'utm_term',
},
},
{
id: 'utm_content__c',
label: 'utm_content:',
dataType: 'hidden',
rowNumber: 10,
columnNumber: 0,
required: false,
autoFill: {
value: '',
Expand All @@ -132,6 +200,8 @@ export const marketoFormData: MarketoFormAPIResponse = {
id: 'utm_channel_bucket__c',
label: 'utm_channel_bucket:',
dataType: 'hidden',
rowNumber: 11,
columnNumber: 0,
required: false,
autoFill: {
value: '',
Expand All @@ -143,8 +213,14 @@ export const marketoFormData: MarketoFormAPIResponse = {
id: 'Signed_Up_For_Newsletter__c',
label: 'Signed Up For Newsletter:',
dataType: 'hidden',
rowNumber: 12,
columnNumber: 0,
required: false,
autoFill: { value: 'TRUE', valueFrom: 'default', parameterName: '' },
autoFill: {
value: 'TRUE',
valueFrom: 'default',
parameterName: '',
},
},
],
},
Expand Down

1 comment on commit ed3d3f5

@vercel
Copy link

@vercel vercel bot commented on ed3d3f5 Jun 22, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

dev-portal – ./

dev-portal-git-main-hashicorp.vercel.app
docs.hashicorp.com
developer.hashicorp.com
dev-portal-hashicorp.vercel.app

Please sign in to comment.