Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Combine Email and Phone into single choice on forms #12127

Merged
merged 16 commits into from
Dec 4, 2024

Conversation

deathcave
Copy link
Contributor

@deathcave deathcave commented Nov 27, 2024

Related Ticket(s)

Noitce & Choice w3 Publisher

Description

Notice & Choice is a legally required component to create a form where IBM collects its customer information.
This section shows the specific product's legal links, terms, and conditions. Along with this, it collects users' consent regarding communication preferences.

Changelog

New

  • Combine Email and Phone into a single choice on forms

Changed

  • Instead of pre-text followed by Email and Phone boxes, combine them into a single checkbox question.
    Text planned for this is: "I'd like IBM to use my contact details to keep me informed about products, services and offers. More information on how IBM uses data and ways to opt-out can be found in the IBM Privacy Statement.". "Opt-out" and "IBM Privacy Statement would be linked as usual.

Removed

@deathcave deathcave requested a review from a team as a code owner November 27, 2024 10:56
@deathcave deathcave requested review from m4olivei, bruno-amorim, marcelojcs and andy-blum and removed request for a team November 27, 2024 10:56
Copy link

netlify bot commented Nov 27, 2024

Deploy Preview for ibm-dotcom-web-components ready!

Name Link
🔨 Latest commit 23edf1a
🔍 Latest deploy log https://app.netlify.com/sites/ibm-dotcom-web-components/deploys/675088008e64a8000828c2da
😎 Deploy Preview https://deploy-preview-12127--ibm-dotcom-web-components.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@deathcave
Copy link
Contributor Author

I have read the DCO document and I hereby sign the DCO.

Copy link

netlify bot commented Nov 27, 2024

Deploy Preview for ibm-dotcom-web-components-react-wrap ready!

Name Link
🔨 Latest commit 23edf1a
🔍 Latest deploy log https://app.netlify.com/sites/ibm-dotcom-web-components-react-wrap/deploys/67508800bdc151000812bca4
😎 Deploy Preview https://deploy-preview-12127--ibm-dotcom-web-components-react-wrap.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@sanjitbauli sanjitbauli added the test: CDN preview used for generating @carbon/ibmdotcom-web-components CDN for testing label Nov 27, 2024
@@ -56,6 +56,9 @@ class NoticeChoice extends StableSelectorMixin(LitElement) {
@property({ type: String, attribute: 'language' })
language = 'en';

@property({ type: String, attribute: 'currentLanguage' })
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
@property({ type: String, attribute: 'currentLanguage' })
@property({ type: String, attribute: 'current-language' })

Copy link
Contributor

Choose a reason for hiding this comment

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

This is not yet resolved. Attribute names are snake case by convention, not camel case. Any particular reason to go against the convention for this one out of all the others?

@deathcave deathcave force-pushed the rebuildNoticeandChoice branch from 241ac04 to 32c6e01 Compare November 28, 2024 12:23
@ibmdotcom-bot
Copy link
Contributor

ibmdotcom-bot commented Nov 28, 2024

Deploy preview created for package IBM.com Web Components Deploy Preview CDN:
https://ibmdotcom-cdn.s3.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/12127/index.html

Built with commit: 23edf1a16259d74d7381d900f4330aa32331cc65

@deathcave deathcave force-pushed the rebuildNoticeandChoice branch 3 times, most recently from 2d90c3a to df8f757 Compare December 2, 2024 13:42
@deathcave deathcave force-pushed the rebuildNoticeandChoice branch from df8f757 to d489801 Compare December 3, 2024 04:07
@ibmdotcom-bot
Copy link
Contributor

ibmdotcom-bot commented Dec 3, 2024

@deathcave deathcave force-pushed the rebuildNoticeandChoice branch 2 times, most recently from d23c81e to 5219f88 Compare December 4, 2024 16:24
@deathcave deathcave force-pushed the rebuildNoticeandChoice branch from caaeca9 to 5fbaf61 Compare December 4, 2024 16:42
Copy link
Contributor

@m4olivei m4olivei left a comment

Choose a reason for hiding this comment

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

Looking good except one small nit pick.

@@ -56,6 +56,9 @@ class NoticeChoice extends StableSelectorMixin(LitElement) {
@property({ type: String, attribute: 'language' })
language = 'en';

@property({ type: String, attribute: 'currentLanguage' })
Copy link
Contributor

Choose a reason for hiding this comment

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

This is not yet resolved. Attribute names are snake case by convention, not camel case. Any particular reason to go against the convention for this one out of all the others?

Copy link
Contributor

@m4olivei m4olivei left a comment

Choose a reason for hiding this comment

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

On second though, lets push this through for now and address the nit in a follow up. We're stretching to release an RC today if we can.

@m4olivei m4olivei added the Ready to merge Label for the pull requests that are ready to merge label Dec 4, 2024
@kodiakhq kodiakhq bot merged commit cffa91a into carbon-design-system:main Dec 4, 2024
21 checks passed
@m4olivei
Copy link
Contributor

m4olivei commented Dec 4, 2024

Follow up PR: #12147

andy-blum pushed a commit that referenced this pull request Dec 4, 2024
### Related Ticket(s)

[Noitce & Choice w3 Publisher](https://w3.ibm.com/w3publisher/urx/notice-and-choice-v23)

### Description

Notice & Choice is a legally required component to create a form where IBM collects its customer information.
This section shows the specific product's legal links, terms, and conditions. Along with this, it collects users' consent regarding communication preferences.

### Changelog

**New**
- Combine Email and Phone into a single choice on forms

**Changed**

- Instead of pre-text followed by Email and Phone boxes, combine them into a single checkbox question.
Text planned for this is: "I'd like IBM to use my contact details to keep me informed about products, services and offers. More information on how IBM uses data and ways to opt-out can be found in the IBM Privacy Statement.". "Opt-out" and "IBM Privacy Statement would be linked as usual.

**Removed**

<!-- React and Web Component deploy previews are enabled by default. -->
<!-- To enable additional available deploy previews, apply the following -->
<!-- labels for the corresponding package: -->
<!-- *** "test: e2e": Codesandbox examples and e2e integration tests -->
<!-- *** "package: services": Services -->
<!-- *** "package: utilities": Utilities -->
<!-- *** "RTL": React / Web Components (RTL) -->
<!-- *** "feature flag": React / Web Components (experimental) -->
@andy-blum andy-blum mentioned this pull request Dec 4, 2024
kodiakhq bot pushed a commit that referenced this pull request Dec 5, 2024
kodiakhq bot pushed a commit that referenced this pull request Dec 5, 2024
### Related Ticket(s)

Follow up to #12127

### Description

Following convention, switch `current-language` attribute to snake case.

### Changelog

**Changed**

- Changed `currentLanguage` attribute in `<c4d-notice-choice>` component to snake case

<!-- React and Web Component deploy previews are enabled by default. -->
<!-- To enable additional available deploy previews, apply the following -->
<!-- labels for the corresponding package: -->
<!-- *** "test: e2e": Codesandbox examples and e2e integration tests -->
<!-- *** "package: services": Services -->
<!-- *** "package: utilities": Utilities -->
<!-- *** "RTL": React / Web Components (RTL) -->
<!-- *** "feature flag": React / Web Components (experimental) -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
adopter support feature flag Ready to merge Label for the pull requests that are ready to merge test: CDN preview used for generating @carbon/ibmdotcom-web-components CDN for testing
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants