@nuskin/shipping-address-form 1.7.10-address-bug.1 → 1.7.10-address-bug.2

package/dist/addressLookup/components/smartyResults/AddressFieldRowHelpers.js

@@ -53,7 +53,7 @@ exports.getFieldLabel = getFieldLabel;
 const renderRequiredMark = showRequiredMark => showRequiredMark ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
   "aria-hidden": "true",
   className: "MuiFormLabel-asterisk",
-  children: ' *'
+  children: "*"
 }) : null;
 const renderLabelRow = ({
   labelRowClassName,

package/dist/addressLookup/components/smartyResults/AddressFieldRowHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddressFieldRowHelpers.js","names":["_foundationUiComponents","require","_smartyResultsFieldMeta","_jsxRuntime","getFieldWidth","width","exports","getIsFieldReadOnly","readOnlyView","fieldConfig","isLookupField","isAutocompleteMode","validationMode","editable","getInputClassName","isReadOnly","isInvalid","loading","filter","Boolean","join","getLabelRowClassName","getFieldState","isValid","undefined","getFieldLabel","areLabelsLoading","fieldLabels","field","label","renderRequiredMark","showRequiredMark","jsx","className","children","renderLabelRow","labelRowClassName","labelId","fieldId","fieldLabel","showLookupActions","actions","jsxs","id","htmlFor","renderSelectField","formData","fieldValidation","fieldError","errorId","isRequired","inputClassName","selectOptions","selectPlaceholder","onBlur","onChange","name","value","shouldShowFieldError","required","disabled","e","getFieldTestId","map","option","renderTextField","fieldState","onLookupKeyDown","NsInputField","type","onKeyDown","InputProps","readOnly","inputProps","maxLength","hasVisibleFieldError","renderFieldInput","isSelectField","fieldProps","renderErrorMessage","role"],"sources":["../../../../src/addressLookup/components/smartyResults/AddressFieldRowHelpers.jsx"],"sourcesContent":["import { NsInputField } from '@nuskin/foundation-ui-components';\nimport { getFieldTestId } from '../../utils/smartyResultsFieldMeta';\n\nexport const getFieldWidth = (width) => {\n  if (width === 'full') {\n    return '100%';\n  }\n  return width === 'third' ? '33.333333%' : '50%';\n};\n\nexport const getIsFieldReadOnly = ({ readOnlyView, fieldConfig, isLookupField, isAutocompleteMode, validationMode }) =>\n  readOnlyView || (\n    !fieldConfig.editable && !isLookupField && isAutocompleteMode && validationMode !== 'optional'\n  );\n\nexport const getInputClassName = ({ isReadOnly, isInvalid, isLookupField, loading }) =>\n  ['ns-address-lookup__input',\n    isReadOnly ? 'ns-address-lookup__input--readonly' : '',\n    isInvalid ? 'ns-address-lookup__input--invalid' : '',\n    isLookupField && loading ? 'ns-address-lookup__input--loading' : ''].filter(Boolean).join(' ');\n\nexport const getLabelRowClassName = (isLookupField) =>\n  ['ns-address-lookup__label-row', isLookupField ? '' : 'ns-address-lookup__label-row--field']\n    .filter(Boolean).join(' ');\n\nexport const getFieldState = (isInvalid, isValid) => {\n  if (isInvalid) {\n    return 'error';\n  }\n  return isValid ? 'success' : undefined;\n};\n\nexport const getFieldLabel = ({ areLabelsLoading, fieldLabels, fieldConfig, field }) => {\n  if (areLabelsLoading) {\n    return '';\n  }\n  return fieldLabels?.[field] || fieldConfig.label;\n};\n\nconst renderRequiredMark = (showRequiredMark) => showRequiredMark ? (\n  <span\n    aria-hidden=\"true\"\n    className=\"MuiFormLabel-asterisk\"\n  >\n    {' *'}\n  </span>\n) : null;\n\nexport const renderLabelRow = ({\n  labelRowClassName,\n  labelId,\n  fieldId,\n  fieldLabel,\n  showRequiredMark,\n  showLookupActions,\n  actions\n}) => (\n  <div className={labelRowClassName}>\n    <label\n      id={labelId}\n      htmlFor={fieldId}\n      className=\"ns-address-lookup__label MuiFormLabel-root MuiFormLabel-colorPrimary\"\n    >\n      {fieldLabel}\n      {renderRequiredMark(showRequiredMark)}\n    </label>\n    {showLookupActions ? actions : null}\n  </div>\n);\n\nconst renderSelectField = ({\n  field,\n  fieldId,\n  formData,\n  fieldValidation,\n  fieldError,\n  errorId,\n  isRequired,\n  isReadOnly,\n  labelId,\n  inputClassName,\n  selectOptions,\n  selectPlaceholder,\n  fieldConfig,\n  onBlur,\n  onChange\n}) => (\n  <select\n    id={fieldId}\n    name={field}\n    value={formData[field] || ''}\n    aria-invalid={fieldValidation.shouldShowFieldError(field) ? 'true' : undefined}\n    required={isRequired}\n    disabled={isReadOnly}\n    onBlur={() => onBlur(field)}\n    onChange={(e) => onChange(fieldConfig, e)}\n    aria-labelledby={labelId}\n    aria-errormessage={fieldError ? errorId : undefined}\n    data-testid={getFieldTestId(field)}\n    className={inputClassName}\n  >\n    <option value=\"\">{selectPlaceholder || ''}</option>\n    {selectOptions.map((option) => (\n      <option key={option.value} value={option.value}>\n        {option.label}\n      </option>\n    ))}\n  </select>\n);\n\nconst renderTextField = ({\n  field,\n  fieldId,\n  formData,\n  fieldValidation,\n  fieldError,\n  errorId,\n  isRequired,\n  isReadOnly,\n  labelId,\n  inputClassName,\n  fieldConfig,\n  fieldState,\n  showLookupActions,\n  onBlur,\n  onLookupKeyDown,\n  onChange\n}) => (\n  <NsInputField\n    id={fieldId}\n    type=\"text\"\n    value={formData[field] || ''}\n    aria-invalid={fieldValidation.shouldShowFieldError(field) ? 'true' : undefined}\n    fieldState={fieldState}\n    required={isRequired}\n    onBlur={() => onBlur(field)}\n    onKeyDown={showLookupActions ? onLookupKeyDown : undefined}\n    onChange={(e) => onChange(fieldConfig, e)}\n    InputProps={{ readOnly: isReadOnly }}\n    inputProps={{\n      maxLength: fieldConfig.maxLength,\n      'aria-labelledby': labelId,\n      'aria-errormessage': fieldError ? errorId : undefined,\n      'aria-invalid': fieldValidation.hasVisibleFieldError(field) ? 'true' : undefined,\n      'data-testid': getFieldTestId(field)\n    }}\n    className={inputClassName}\n  />\n);\n\nexport const renderFieldInput = ({ isSelectField, ...fieldProps }) => (\n  isSelectField ? renderSelectField(fieldProps) : renderTextField(fieldProps)\n);\n\nexport const renderErrorMessage = ({ fieldError, errorId }) => fieldError ? (\n  <div\n    id={errorId}\n    className=\"ns-address-lookup__error-text\"\n    role=\"alert\"\n  >\n    {fieldError}\n  </div>\n) : null;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AddressFieldRowHelpers.js","names":["_foundationUiComponents","require","_smartyResultsFieldMeta","_jsxRuntime","getFieldWidth","width","exports","getIsFieldReadOnly","readOnlyView","fieldConfig","isLookupField","isAutocompleteMode","validationMode","editable","getInputClassName","isReadOnly","isInvalid","loading","filter","Boolean","join","getLabelRowClassName","getFieldState","isValid","undefined","getFieldLabel","areLabelsLoading","fieldLabels","field","label","renderRequiredMark","showRequiredMark","jsx","className","children","renderLabelRow","labelRowClassName","labelId","fieldId","fieldLabel","showLookupActions","actions","jsxs","id","htmlFor","renderSelectField","formData","fieldValidation","fieldError","errorId","isRequired","inputClassName","selectOptions","selectPlaceholder","onBlur","onChange","name","value","shouldShowFieldError","required","disabled","e","getFieldTestId","map","option","renderTextField","fieldState","onLookupKeyDown","NsInputField","type","onKeyDown","InputProps","readOnly","inputProps","maxLength","hasVisibleFieldError","renderFieldInput","isSelectField","fieldProps","renderErrorMessage","role"],"sources":["../../../../src/addressLookup/components/smartyResults/AddressFieldRowHelpers.jsx"],"sourcesContent":["import { NsInputField } from '@nuskin/foundation-ui-components';\nimport { getFieldTestId } from '../../utils/smartyResultsFieldMeta';\n\nexport const getFieldWidth = (width) => {\n  if (width === 'full') {\n    return '100%';\n  }\n  return width === 'third' ? '33.333333%' : '50%';\n};\n\nexport const getIsFieldReadOnly = ({ readOnlyView, fieldConfig, isLookupField, isAutocompleteMode, validationMode }) =>\n  readOnlyView || (\n    !fieldConfig.editable && !isLookupField && isAutocompleteMode && validationMode !== 'optional'\n  );\n\nexport const getInputClassName = ({ isReadOnly, isInvalid, isLookupField, loading }) =>\n  ['ns-address-lookup__input',\n    isReadOnly ? 'ns-address-lookup__input--readonly' : '',\n    isInvalid ? 'ns-address-lookup__input--invalid' : '',\n    isLookupField && loading ? 'ns-address-lookup__input--loading' : ''].filter(Boolean).join(' ');\n\nexport const getLabelRowClassName = (isLookupField) =>\n  ['ns-address-lookup__label-row', isLookupField ? '' : 'ns-address-lookup__label-row--field']\n    .filter(Boolean).join(' ');\n\nexport const getFieldState = (isInvalid, isValid) => {\n  if (isInvalid) {\n    return 'error';\n  }\n  return isValid ? 'success' : undefined;\n};\n\nexport const getFieldLabel = ({ areLabelsLoading, fieldLabels, fieldConfig, field }) => {\n  if (areLabelsLoading) {\n    return '';\n  }\n  return fieldLabels?.[field] || fieldConfig.label;\n};\n\nconst renderRequiredMark = (showRequiredMark) => showRequiredMark ? (\n  <span\n    aria-hidden=\"true\"\n    className=\"MuiFormLabel-asterisk\"\n  >\n    *\n  </span>\n) : null;\n\nexport const renderLabelRow = ({\n  labelRowClassName,\n  labelId,\n  fieldId,\n  fieldLabel,\n  showRequiredMark,\n  showLookupActions,\n  actions\n}) => (\n  <div className={labelRowClassName}>\n    <label\n      id={labelId}\n      htmlFor={fieldId}\n      className=\"ns-address-lookup__label MuiFormLabel-root MuiFormLabel-colorPrimary\"\n    >\n      {fieldLabel}\n      {renderRequiredMark(showRequiredMark)}\n    </label>\n    {showLookupActions ? actions : null}\n  </div>\n);\n\nconst renderSelectField = ({\n  field,\n  fieldId,\n  formData,\n  fieldValidation,\n  fieldError,\n  errorId,\n  isRequired,\n  isReadOnly,\n  labelId,\n  inputClassName,\n  selectOptions,\n  selectPlaceholder,\n  fieldConfig,\n  onBlur,\n  onChange\n}) => (\n  <select\n    id={fieldId}\n    name={field}\n    value={formData[field] || ''}\n    aria-invalid={fieldValidation.shouldShowFieldError(field) ? 'true' : undefined}\n    required={isRequired}\n    disabled={isReadOnly}\n    onBlur={() => onBlur(field)}\n    onChange={(e) => onChange(fieldConfig, e)}\n    aria-labelledby={labelId}\n    aria-errormessage={fieldError ? errorId : undefined}\n    data-testid={getFieldTestId(field)}\n    className={inputClassName}\n  >\n    <option value=\"\">{selectPlaceholder || ''}</option>\n    {selectOptions.map((option) => (\n      <option key={option.value} value={option.value}>\n        {option.label}\n      </option>\n    ))}\n  </select>\n);\n\nconst renderTextField = ({\n  field,\n  fieldId,\n  formData,\n  fieldValidation,\n  fieldError,\n  errorId,\n  isRequired,\n  isReadOnly,\n  labelId,\n  inputClassName,\n  fieldConfig,\n  fieldState,\n  showLookupActions,\n  onBlur,\n  onLookupKeyDown,\n  onChange\n}) => (\n  <NsInputField\n    id={fieldId}\n    type=\"text\"\n    value={formData[field] || ''}\n    aria-invalid={fieldValidation.shouldShowFieldError(field) ? 'true' : undefined}\n    fieldState={fieldState}\n    required={isRequired}\n    onBlur={() => onBlur(field)}\n    onKeyDown={showLookupActions ? onLookupKeyDown : undefined}\n    onChange={(e) => onChange(fieldConfig, e)}\n    InputProps={{ readOnly: isReadOnly }}\n    inputProps={{\n      maxLength: fieldConfig.maxLength,\n      'aria-labelledby': labelId,\n      'aria-errormessage': fieldError ? errorId : undefined,\n      'aria-invalid': fieldValidation.hasVisibleFieldError(field) ? 'true' : undefined,\n      'data-testid': getFieldTestId(field)\n    }}\n    className={inputClassName}\n  />\n);\n\nexport const renderFieldInput = ({ isSelectField, ...fieldProps }) => (\n  isSelectField ? renderSelectField(fieldProps) : renderTextField(fieldProps)\n);\n\nexport const renderErrorMessage = ({ fieldError, errorId }) => fieldError ? (\n  <div\n    id={errorId}\n    className=\"ns-address-lookup__error-text\"\n    role=\"alert\"\n  >\n    {fieldError}\n  </div>\n) : null;\n"],"mappings":"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","ignoreList":[]}

package/dist/addressLookup/styles/addressLookup.css

@@ -84,7 +84,7 @@
 }
 
 .ns-address-lookup__label {
-  font-size: 12px;
+  font-size: 16px;
 }
 
 .ns-address-lookup__toggle {
@@ -135,7 +135,7 @@
 select.ns-address-lookup__input {
   height: 44px;
   padding: 10px;
-  border: 1px solid #000;
+  border: 1px solid var(--nsal-border-color);
   border-radius: var(--nsal-radius);
   font-size: 16px;
   font-family: inherit;
@@ -216,6 +216,7 @@ select.ns-address-lookup__input.ns-address-lookup__input--invalid {
 }
 
 .ns-address-lookup .MuiFormLabel-asterisk {
+  margin-left: 4px;
   vertical-align: baseline;
   line-height: 1;
 }

package/dist/shippingAddressForm/components/ShippingField.js

@@ -64,7 +64,7 @@ const labelClassName = 'ns-shipping-address-form__label';
 const renderRequiredAsterisk = required => required ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
   "aria-hidden": "true",
   className: "MuiFormLabel-asterisk",
-  children: ' *'
+  children: "*"
 }) : null;
 const renderLabel = ({
   className,

package/dist/shippingAddressForm/components/ShippingField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShippingField.js","names":["_propTypes","_interopRequireDefault","require","_foundationUiComponents","_reactPhoneNumberInput","_phoneCountryLabels","_fieldValidation","_jsxRuntime","e","__esModule","default","FIELD_TEST_IDS","givenName","surname","email","mobilePhone","instructions","FIELD_NAMES","FIELD_IDS","toKebabCase","value","replace","toLowerCase","getFieldTestId","fieldName","getFieldId","getFieldName","getFieldState","hasError","isValid","undefined","getFieldClassName","width","join","getInputClassName","isReadOnly","filter","Boolean","getPhoneClassName","labelClassName","renderRequiredAsterisk","required","jsx","className","children","renderLabel","fieldId","label","jsxs","htmlFor","renderErrorMessage","error","fieldErrorId","id","role","renderPhoneField","countries","country","fieldConfig","fieldTestId","language","onBlur","onChange","onPhoneCountryChange","phoneClassName","readOnlyView","Fragment","international","labels","getPhoneCountryLabels","defaultCountry","disabled","nextValue","onCountryChange","countryCallingCodeEditable","countrySelectProps","numberInputProps","name","readOnly","maxLength","renderTextField","fieldState","inputClassName","NsInputField","type","inputType","target","InputProps","inputProps","ShippingField","showValidField","getIsFieldValid","showValidFields","fieldValue","editable","fieldClassName","field","input","propTypes","PropTypes","shape","string","isRequired","oneOf","bool","number","allowedCharacters","instanceOf","RegExp","oneOfType","arrayOf","func","_default","exports"],"sources":["../../../src/shippingAddressForm/components/ShippingField.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { NsInputField } from '@nuskin/foundation-ui-components';\nimport PhoneInput from 'react-phone-number-input';\nimport { getPhoneCountryLabels } from '../utils/phoneCountryLabels';\nimport { getIsFieldValid } from '../../utils/fieldValidation';\n\nconst FIELD_TEST_IDS = {\n  givenName: 'qa-first-name',\n  surname: 'qa-last-name',\n  email: 'qa-email',\n  mobilePhone: 'qa-mobile-phone',\n  instructions: 'qa-address-instructions'\n};\n\nconst FIELD_NAMES = {\n  givenName: 'firstName',\n  surname: 'lastName',\n  email: 'email',\n  mobilePhone: 'mobilePhoneNumber'\n};\n\nconst FIELD_IDS = {\n  givenName: 'firstName',\n  surname: 'lastName',\n  email: 'email',\n  mobilePhone: 'mobilePhoneNumber',\n  instructions: 'address-instructions'\n};\n\nconst toKebabCase = (value = '') =>\n  value\n    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')\n    .replace(/[\\s_]+/g, '-')\n    .toLowerCase();\n\nconst getFieldTestId = (fieldName = '') => FIELD_TEST_IDS[fieldName] || `qa-address-${toKebabCase(fieldName)}`;\nconst getFieldId = (fieldName = '') => FIELD_IDS[fieldName] || `address-${toKebabCase(fieldName)}`;\nconst getFieldName = (fieldName = '') => FIELD_NAMES[fieldName] || fieldName;\n\nconst getFieldState = ({ hasError, isValid }) => {\n  if (hasError) {\n    return 'error';\n  }\n  if (isValid) {\n    return 'success';\n  }\n  return undefined;\n};\n\nconst getFieldClassName = (width) => [\n  'ns-shipping-address-form__field',\n  width === 'half' ?\n    'ns-shipping-address-form__field--half' :\n    'ns-shipping-address-form__field--full'\n].join(' ');\n\nconst getInputClassName = ({ hasError, isReadOnly }) => [\n  'ns-shipping-address-form__input',\n  isReadOnly ? 'ns-shipping-address-form__input--readonly' : '',\n  hasError ? 'ns-shipping-address-form__input--invalid' : ''\n].filter(Boolean).join(' ');\n\nconst getPhoneClassName = ({ hasError, isReadOnly, isValid }) => [\n  'ns-shipping-address-form__phone',\n  isReadOnly ? 'ns-shipping-address-form__phone--readonly' : '',\n  hasError ? 'ns-shipping-address-form__phone--invalid' : '',\n  isValid ? 'ns-shipping-address-form__phone--valid' : ''\n].filter(Boolean).join(' ');\n\n// MuiFormLabel-* / css-hash classes were removed: they are emotion-generated,\n// not part of MUI's public API, and were not backed by any of our stylesheets.\nconst labelClassName = 'ns-shipping-address-form__label';\n\nconst renderRequiredAsterisk = (required) => required ? (\n  <span\n    aria-hidden='true'\n    className='MuiFormLabel-asterisk'\n  >\n    {' *'}\n  </span>\n) : null;\n\nconst renderLabel = ({ className, fieldId, label, required }) => (\n  <label\n    htmlFor={fieldId}\n    className={className}\n  >\n    {label}\n    {renderRequiredAsterisk(required)}\n  </label>\n);\n\nconst renderErrorMessage = ({ error, fieldErrorId }) => error ? (\n  <div\n    id={fieldErrorId}\n    className='ns-shipping-address-form__error-text'\n    role='alert'\n  >\n    {error}\n  </div>\n) : null;\n\nconst renderPhoneField = ({\n  countries,\n  country,\n  fieldConfig,\n  fieldErrorId,\n  fieldId,\n  fieldName,\n  fieldTestId,\n  hasError,\n  isReadOnly,\n  label,\n  language,\n  onBlur,\n  onChange,\n  onPhoneCountryChange,\n  phoneClassName,\n  readOnlyView,\n  value\n}) => (\n  <>\n    {renderLabel({\n      className: 'ns-shipping-address-form__label',\n      fieldId,\n      label,\n      required: fieldConfig.required\n    })}\n    <PhoneInput\n      id={fieldId}\n      international\n      countries={countries}\n      labels={getPhoneCountryLabels(language)}\n      defaultCountry={country}\n      value={value ?? ''}\n      disabled={readOnlyView}\n      onChange={(nextValue) => onChange(nextValue || '')}\n      onCountryChange={onPhoneCountryChange}\n      onBlur={onBlur}\n      countryCallingCodeEditable={false}\n      className={phoneClassName}\n      countrySelectProps={{\n        onBlur,\n        disabled: readOnlyView,\n        id: `${fieldId}-country`,\n        'aria-label': `${label} country`,\n        'data-testid': `${fieldTestId}-country`\n      }}\n      numberInputProps={{\n        id: fieldId,\n        name: fieldName,\n        readOnly: isReadOnly,\n        required: fieldConfig.required,\n        maxLength: fieldConfig.maxLength,\n        className: 'ns-shipping-address-form__phone-input',\n        'aria-invalid': hasError ? 'true' : undefined,\n        'aria-label': label,\n        'aria-errormessage': hasError ? fieldErrorId : undefined,\n        'data-testid': fieldTestId\n      }}\n    />\n  </>\n);\n\nconst renderTextField = ({\n  fieldConfig,\n  fieldErrorId,\n  fieldId,\n  fieldName,\n  fieldState,\n  fieldTestId,\n  hasError,\n  inputClassName,\n  isReadOnly,\n  label,\n  onBlur,\n  onChange,\n  value\n}) => (\n  <>\n    {renderLabel({\n      className: labelClassName,\n      fieldId,\n      label,\n      required: fieldConfig.required\n    })}\n    <NsInputField\n      id={fieldId}\n      type={fieldConfig.inputType}\n      value={value ?? ''}\n      maxLength={fieldConfig.maxLength}\n      required={fieldConfig.required}\n      aria-invalid={hasError ? 'true' : undefined}\n      fieldState={fieldState}\n      onChange={(e) => onChange(e.target.value)}\n      onBlur={onBlur}\n      InputProps={{\n        readOnly: isReadOnly\n      }}\n      inputProps={{\n        name: fieldName,\n        'aria-label': label,\n        'aria-errormessage': hasError ? fieldErrorId : undefined,\n        'aria-invalid': hasError ? 'true' : undefined,\n        'data-testid': fieldTestId\n      }}\n      className={inputClassName}\n    />\n  </>\n);\n\nconst ShippingField = ({\n  fieldConfig,\n  label,\n  value,\n  error,\n  country,\n  countries,\n  onChange,\n  onBlur,\n  onPhoneCountryChange,\n  language,\n  readOnlyView = false,\n  showValidField = false\n}) => {\n  const hasError = Boolean(error);\n  const isValid = getIsFieldValid({ showValidFields: showValidField, fieldValue: value, hasError });\n  const fieldState = getFieldState({ hasError, isValid });\n  const isReadOnly = readOnlyView || fieldConfig.editable === false;\n  const fieldClassName = getFieldClassName(fieldConfig.width);\n  const inputClassName = getInputClassName({ hasError, isReadOnly });\n  const phoneClassName = getPhoneClassName({ hasError, isReadOnly, isValid });\n  const fieldId = getFieldId(fieldConfig.field);\n  const fieldErrorId = `${fieldId}-error`;\n  const fieldTestId = getFieldTestId(fieldConfig.field);\n  const fieldName = getFieldName(fieldConfig.field);\n  const input = fieldConfig.inputType === 'phone' ?\n    renderPhoneField({\n      countries,\n      country,\n      fieldConfig,\n      fieldErrorId,\n      fieldId,\n      fieldName,\n      fieldTestId,\n      hasError,\n      isReadOnly,\n      label,\n      language,\n      onBlur,\n      onChange,\n      onPhoneCountryChange,\n      phoneClassName,\n      readOnlyView,\n      value\n    }) :\n    renderTextField({\n      fieldConfig,\n      fieldErrorId,\n      fieldId,\n      fieldName,\n      fieldState,\n      fieldTestId,\n      hasError,\n      inputClassName,\n      isReadOnly,\n      label,\n      onBlur,\n      onChange,\n      value\n    });\n\n  return (\n    <div className={fieldClassName}>\n      {input}\n      {renderErrorMessage({ error, fieldErrorId })}\n    </div>\n  );\n};\n\nShippingField.propTypes = {\n  fieldConfig: PropTypes.shape({\n    field: PropTypes.string.isRequired,\n    width: PropTypes.oneOf(['half', 'full']),\n    inputType: PropTypes.string,\n    required: PropTypes.bool,\n    maxLength: PropTypes.number,\n    editable: PropTypes.bool,\n    allowedCharacters: PropTypes.instanceOf(RegExp)\n  }).isRequired,\n  label: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number\n  ]),\n  error: PropTypes.string,\n  country: PropTypes.string,\n  countries: PropTypes.arrayOf(PropTypes.string),\n  onChange: PropTypes.func.isRequired,\n  onBlur: PropTypes.func.isRequired,\n  onPhoneCountryChange: PropTypes.func,\n  language: PropTypes.string,\n  readOnlyView: PropTypes.bool,\n  showValidField: PropTypes.bool\n};\n\nexport default ShippingField;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ShippingField.js","names":["_propTypes","_interopRequireDefault","require","_foundationUiComponents","_reactPhoneNumberInput","_phoneCountryLabels","_fieldValidation","_jsxRuntime","e","__esModule","default","FIELD_TEST_IDS","givenName","surname","email","mobilePhone","instructions","FIELD_NAMES","FIELD_IDS","toKebabCase","value","replace","toLowerCase","getFieldTestId","fieldName","getFieldId","getFieldName","getFieldState","hasError","isValid","undefined","getFieldClassName","width","join","getInputClassName","isReadOnly","filter","Boolean","getPhoneClassName","labelClassName","renderRequiredAsterisk","required","jsx","className","children","renderLabel","fieldId","label","jsxs","htmlFor","renderErrorMessage","error","fieldErrorId","id","role","renderPhoneField","countries","country","fieldConfig","fieldTestId","language","onBlur","onChange","onPhoneCountryChange","phoneClassName","readOnlyView","Fragment","international","labels","getPhoneCountryLabels","defaultCountry","disabled","nextValue","onCountryChange","countryCallingCodeEditable","countrySelectProps","numberInputProps","name","readOnly","maxLength","renderTextField","fieldState","inputClassName","NsInputField","type","inputType","target","InputProps","inputProps","ShippingField","showValidField","getIsFieldValid","showValidFields","fieldValue","editable","fieldClassName","field","input","propTypes","PropTypes","shape","string","isRequired","oneOf","bool","number","allowedCharacters","instanceOf","RegExp","oneOfType","arrayOf","func","_default","exports"],"sources":["../../../src/shippingAddressForm/components/ShippingField.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { NsInputField } from '@nuskin/foundation-ui-components';\nimport PhoneInput from 'react-phone-number-input';\nimport { getPhoneCountryLabels } from '../utils/phoneCountryLabels';\nimport { getIsFieldValid } from '../../utils/fieldValidation';\n\nconst FIELD_TEST_IDS = {\n  givenName: 'qa-first-name',\n  surname: 'qa-last-name',\n  email: 'qa-email',\n  mobilePhone: 'qa-mobile-phone',\n  instructions: 'qa-address-instructions'\n};\n\nconst FIELD_NAMES = {\n  givenName: 'firstName',\n  surname: 'lastName',\n  email: 'email',\n  mobilePhone: 'mobilePhoneNumber'\n};\n\nconst FIELD_IDS = {\n  givenName: 'firstName',\n  surname: 'lastName',\n  email: 'email',\n  mobilePhone: 'mobilePhoneNumber',\n  instructions: 'address-instructions'\n};\n\nconst toKebabCase = (value = '') =>\n  value\n    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')\n    .replace(/[\\s_]+/g, '-')\n    .toLowerCase();\n\nconst getFieldTestId = (fieldName = '') => FIELD_TEST_IDS[fieldName] || `qa-address-${toKebabCase(fieldName)}`;\nconst getFieldId = (fieldName = '') => FIELD_IDS[fieldName] || `address-${toKebabCase(fieldName)}`;\nconst getFieldName = (fieldName = '') => FIELD_NAMES[fieldName] || fieldName;\n\nconst getFieldState = ({ hasError, isValid }) => {\n  if (hasError) {\n    return 'error';\n  }\n  if (isValid) {\n    return 'success';\n  }\n  return undefined;\n};\n\nconst getFieldClassName = (width) => [\n  'ns-shipping-address-form__field',\n  width === 'half' ?\n    'ns-shipping-address-form__field--half' :\n    'ns-shipping-address-form__field--full'\n].join(' ');\n\nconst getInputClassName = ({ hasError, isReadOnly }) => [\n  'ns-shipping-address-form__input',\n  isReadOnly ? 'ns-shipping-address-form__input--readonly' : '',\n  hasError ? 'ns-shipping-address-form__input--invalid' : ''\n].filter(Boolean).join(' ');\n\nconst getPhoneClassName = ({ hasError, isReadOnly, isValid }) => [\n  'ns-shipping-address-form__phone',\n  isReadOnly ? 'ns-shipping-address-form__phone--readonly' : '',\n  hasError ? 'ns-shipping-address-form__phone--invalid' : '',\n  isValid ? 'ns-shipping-address-form__phone--valid' : ''\n].filter(Boolean).join(' ');\n\n// MuiFormLabel-* / css-hash classes were removed: they are emotion-generated,\n// not part of MUI's public API, and were not backed by any of our stylesheets.\nconst labelClassName = 'ns-shipping-address-form__label';\n\nconst renderRequiredAsterisk = (required) => required ? (\n  <span\n    aria-hidden='true'\n    className='MuiFormLabel-asterisk'\n  >\n    *\n  </span>\n) : null;\n\nconst renderLabel = ({ className, fieldId, label, required }) => (\n  <label\n    htmlFor={fieldId}\n    className={className}\n  >\n    {label}\n    {renderRequiredAsterisk(required)}\n  </label>\n);\n\nconst renderErrorMessage = ({ error, fieldErrorId }) => error ? (\n  <div\n    id={fieldErrorId}\n    className='ns-shipping-address-form__error-text'\n    role='alert'\n  >\n    {error}\n  </div>\n) : null;\n\nconst renderPhoneField = ({\n  countries,\n  country,\n  fieldConfig,\n  fieldErrorId,\n  fieldId,\n  fieldName,\n  fieldTestId,\n  hasError,\n  isReadOnly,\n  label,\n  language,\n  onBlur,\n  onChange,\n  onPhoneCountryChange,\n  phoneClassName,\n  readOnlyView,\n  value\n}) => (\n  <>\n    {renderLabel({\n      className: 'ns-shipping-address-form__label',\n      fieldId,\n      label,\n      required: fieldConfig.required\n    })}\n    <PhoneInput\n      id={fieldId}\n      international\n      countries={countries}\n      labels={getPhoneCountryLabels(language)}\n      defaultCountry={country}\n      value={value ?? ''}\n      disabled={readOnlyView}\n      onChange={(nextValue) => onChange(nextValue || '')}\n      onCountryChange={onPhoneCountryChange}\n      onBlur={onBlur}\n      countryCallingCodeEditable={false}\n      className={phoneClassName}\n      countrySelectProps={{\n        onBlur,\n        disabled: readOnlyView,\n        id: `${fieldId}-country`,\n        'aria-label': `${label} country`,\n        'data-testid': `${fieldTestId}-country`\n      }}\n      numberInputProps={{\n        id: fieldId,\n        name: fieldName,\n        readOnly: isReadOnly,\n        required: fieldConfig.required,\n        maxLength: fieldConfig.maxLength,\n        className: 'ns-shipping-address-form__phone-input',\n        'aria-invalid': hasError ? 'true' : undefined,\n        'aria-label': label,\n        'aria-errormessage': hasError ? fieldErrorId : undefined,\n        'data-testid': fieldTestId\n      }}\n    />\n  </>\n);\n\nconst renderTextField = ({\n  fieldConfig,\n  fieldErrorId,\n  fieldId,\n  fieldName,\n  fieldState,\n  fieldTestId,\n  hasError,\n  inputClassName,\n  isReadOnly,\n  label,\n  onBlur,\n  onChange,\n  value\n}) => (\n  <>\n    {renderLabel({\n      className: labelClassName,\n      fieldId,\n      label,\n      required: fieldConfig.required\n    })}\n    <NsInputField\n      id={fieldId}\n      type={fieldConfig.inputType}\n      value={value ?? ''}\n      maxLength={fieldConfig.maxLength}\n      required={fieldConfig.required}\n      aria-invalid={hasError ? 'true' : undefined}\n      fieldState={fieldState}\n      onChange={(e) => onChange(e.target.value)}\n      onBlur={onBlur}\n      InputProps={{\n        readOnly: isReadOnly\n      }}\n      inputProps={{\n        name: fieldName,\n        'aria-label': label,\n        'aria-errormessage': hasError ? fieldErrorId : undefined,\n        'aria-invalid': hasError ? 'true' : undefined,\n        'data-testid': fieldTestId\n      }}\n      className={inputClassName}\n    />\n  </>\n);\n\nconst ShippingField = ({\n  fieldConfig,\n  label,\n  value,\n  error,\n  country,\n  countries,\n  onChange,\n  onBlur,\n  onPhoneCountryChange,\n  language,\n  readOnlyView = false,\n  showValidField = false\n}) => {\n  const hasError = Boolean(error);\n  const isValid = getIsFieldValid({ showValidFields: showValidField, fieldValue: value, hasError });\n  const fieldState = getFieldState({ hasError, isValid });\n  const isReadOnly = readOnlyView || fieldConfig.editable === false;\n  const fieldClassName = getFieldClassName(fieldConfig.width);\n  const inputClassName = getInputClassName({ hasError, isReadOnly });\n  const phoneClassName = getPhoneClassName({ hasError, isReadOnly, isValid });\n  const fieldId = getFieldId(fieldConfig.field);\n  const fieldErrorId = `${fieldId}-error`;\n  const fieldTestId = getFieldTestId(fieldConfig.field);\n  const fieldName = getFieldName(fieldConfig.field);\n  const input = fieldConfig.inputType === 'phone' ?\n    renderPhoneField({\n      countries,\n      country,\n      fieldConfig,\n      fieldErrorId,\n      fieldId,\n      fieldName,\n      fieldTestId,\n      hasError,\n      isReadOnly,\n      label,\n      language,\n      onBlur,\n      onChange,\n      onPhoneCountryChange,\n      phoneClassName,\n      readOnlyView,\n      value\n    }) :\n    renderTextField({\n      fieldConfig,\n      fieldErrorId,\n      fieldId,\n      fieldName,\n      fieldState,\n      fieldTestId,\n      hasError,\n      inputClassName,\n      isReadOnly,\n      label,\n      onBlur,\n      onChange,\n      value\n    });\n\n  return (\n    <div className={fieldClassName}>\n      {input}\n      {renderErrorMessage({ error, fieldErrorId })}\n    </div>\n  );\n};\n\nShippingField.propTypes = {\n  fieldConfig: PropTypes.shape({\n    field: PropTypes.string.isRequired,\n    width: PropTypes.oneOf(['half', 'full']),\n    inputType: PropTypes.string,\n    required: PropTypes.bool,\n    maxLength: PropTypes.number,\n    editable: PropTypes.bool,\n    allowedCharacters: PropTypes.instanceOf(RegExp)\n  }).isRequired,\n  label: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number\n  ]),\n  error: PropTypes.string,\n  country: PropTypes.string,\n  countries: PropTypes.arrayOf(PropTypes.string),\n  onChange: PropTypes.func.isRequired,\n  onBlur: PropTypes.func.isRequired,\n  onPhoneCountryChange: PropTypes.func,\n  language: PropTypes.string,\n  readOnlyView: PropTypes.bool,\n  showValidField: PropTypes.bool\n};\n\nexport default ShippingField;\n"],"mappings":"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","ignoreList":[]}

package/dist/shippingAddressForm/styles/shippingAddressForm.css

@@ -212,6 +212,7 @@ select.ns-shipping-address-form__input:disabled {
 }
 
 .ns-shipping-address-form .MuiFormLabel-asterisk {
+  margin-left: 4px;
   vertical-align: baseline;
   line-height: 1;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuskin/shipping-address-form",
-  "version": "1.7.10-address-bug.1",
+  "version": "1.7.10-address-bug.2",
   "description": "React components for standalone address lookup and shipping address forms",
   "main": "dist/index.js",
   "scripts": {