feat: adds the ability to set name and email as required fields

CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [1.13.2] - 2024-05-26
+
+### Added
+- adds the ability to set name and email as required fields
+
 ## [Unreleased]
 
 ## [1.13.1] - 2024-04-30

manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "availability-notify",
   "vendor": "vtex",
-  "version": "1.13.1",
+  "version": "1.13.2",
   "title": "Availability Notify",
   "description": "Record and send notification when an item is back in stock",
   "scripts": {

react/AvailabilityNotifier.tsx

@@ -25,6 +25,8 @@ interface Props {
   available?: boolean
   /* SKU id to notify to */
   skuId?: string
+  nameRequired: boolean
+  emailRequired: boolean
 }
 
 export interface SellerObj {
@@ -185,6 +187,7 @@ function AvailabilityNotifier(props: Props) {
               })}
               value={name}
               onChange={handleNameChange}
+              required={props.nameRequired}
             />
           </div>
           <div className={`${styles.input} ${styles.inputEmail} w-100 mr5 mb4`}>
@@ -199,6 +202,7 @@ function AvailabilityNotifier(props: Props) {
               onBlur={() => setDidBlurEmail(true)}
               error={didBlurEmail && emailError}
               errorMessage={emailErrorMessage}
+              required={props.emailRequired}
             />
           </div>
           <div className={`${styles.submit} flex items-center mb4`}>
@@ -241,4 +245,9 @@ function AvailabilityNotifier(props: Props) {
   )
 }
 
+AvailabilityNotifier.defaultProps = {
+  nameRequired: false,
+  emailRequired: false,
+}
+
 export default AvailabilityNotifier