@sheerid/jslib 2.275.0 → 2.277.0

package/chunk/FormSelectChoice-cr9QsYX9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormSelectChoice-cr9QsYX9.js","names":[],"sources":["../../src/components/FormInputs/InputSelect/InputSelectList/InputSelectListComponent.tsx","../../src/components/FormInputs/InputSelect/InputSelectButton/InputSelectButtonComponent.tsx","../../src/components/FormInputs/InputSelect/InputSelectComponent.tsx","../../src/lib/utils/structures/FormSelectChoice.ts"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type FormSelectChoice } from \"../../../../lib/types/types\";\nimport { LoadingSpinnerComponent } from \"../../../LoadingSpinner/LoadingSpinnerComponent\";\n\ninterface InputSelectListProps {\n  getItemProps: any;\n  getMenuProps: any;\n  highlightedIndex: number;\n  itemToString: any;\n  options: FormSelectChoice[];\n  ariaLabel: string;\n  isOpen: boolean;\n  isLoading?: boolean;\n}\n\nconst InputSelectList = ({\n  getItemProps,\n  getMenuProps,\n  highlightedIndex,\n  options,\n  itemToString,\n  ariaLabel,\n  isOpen,\n  isLoading = false,\n}: InputSelectListProps) => {\n  const listItem = (item: FormSelectChoice, index: number) => (\n    <div\n      className={`sid-input-select-list__item ${\n        highlightedIndex === index ? \"sid-input-select-list__item--highlighted\" : \"\"\n      }`}\n      {...getItemProps({\n        item,\n        index,\n        key: item.value,\n      })}\n    >\n      {itemToString(options[index])}\n    </div>\n  );\n\n  const innerContent =\n    options.length > 0 ? (\n      options.map((option, index) => listItem(option, index))\n    ) : (\n      <div className=\"sid-input-select-list__message\">\n        <FormattedHTMLMessage id=\"noOptions\" defaultMessage=\"No Options\" />\n      </div>\n    );\n\n  return (\n    <div {...getMenuProps({ \"aria-label\": ariaLabel })}>\n      {isOpen ? (\n        <div className=\"sid-input-select-list__menu\">\n          {isLoading ? (\n            <div className=\"sid-input-select-list__loading-spinner\">\n              <LoadingSpinnerComponent />\n            </div>\n          ) : (\n            innerContent\n          )}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport const InputSelectListComponent = InputSelectList;\n","import { injectIntl, type InjectedIntlProps } from \"react-intl\";\n\ninterface InputSelectButtonProps extends InjectedIntlProps {\n  clearSelection: () => void;\n  getToggleButtonProps: any;\n  isOpen: boolean;\n  isClearable: boolean;\n  disabled?: boolean;\n}\n\nconst InputSelectButton = ({\n  clearSelection,\n  disabled,\n  getToggleButtonProps,\n  isOpen,\n  isClearable,\n  intl,\n}: InputSelectButtonProps) => {\n  const {\n    onClick: onClickToggleButton,\n    \"aria-haspopup\": ariaHaspopup,\n    \"data-toggle\": dataToggle,\n    onKeyUp,\n    onKeyDown,\n    onBlur,\n  } = getToggleButtonProps();\n\n  const ariaLabel = isClearable\n    ? intl.formatMessage({\n        id: \"clearAndOpenMenu\",\n        defaultMessage: \"Clear selection and open menu\",\n      })\n    : intl.formatMessage({ id: \"openMenu\", defaultMessage: \"Open menu\" });\n\n  return (\n    <button\n      aria-label={ariaLabel}\n      aria-haspopup={ariaHaspopup}\n      data-toggle={dataToggle}\n      onKeyUp={onKeyUp}\n      onKeyDown={onKeyDown}\n      onBlur={onBlur}\n      className=\"sid-input-select-button\"\n      disabled={disabled}\n      type=\"button\"\n      onClick={(event) => {\n        if (typeof clearSelection === \"function\") clearSelection();\n        if (typeof onClickToggleButton === \"function\") onClickToggleButton(event);\n      }}\n    >\n      <svg\n        viewBox=\"0 0 20 20\"\n        preserveAspectRatio=\"none\"\n        width={16}\n        fill=\"transparent\"\n        stroke=\"#8E95A4\"\n        strokeWidth=\"1.1px\"\n        transform={isOpen ? \"rotate(180)\" : undefined}\n      >\n        <path d=\"M1,6 L10,15 L19,6\" />\n      </svg>\n    </button>\n  );\n};\n\nexport const InputSelectButtonComponent = injectIntl(InputSelectButton);\n","import type React from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useCombobox } from \"downshift\";\n\nimport {\n  type FormSelectChoice,\n  type InputSelectOnKeyDown,\n  type FieldId,\n  type ExtendedFieldId,\n} from \"../../../lib/types/types\";\nimport { setRef } from \"../../../lib/refs/refs\";\n\nimport { InputSelectListComponent } from \"./InputSelectList/InputSelectListComponent\";\nimport { InputSelectButtonComponent } from \"./InputSelectButton/InputSelectButtonComponent\";\n\nconst itemToString = (item: FormSelectChoice) => (item ? item.label : \"\");\n\nconst filterOptions = (options: FormSelectChoice[], inputValue: string): FormSelectChoice[] => {\n  const filteredOptions: FormSelectChoice[] = options.filter(\n    (option) =>\n      !inputValue ||\n      option.label.toLowerCase().includes(inputValue.toLowerCase()) ||\n      option.value.toString().toLowerCase().includes(inputValue.toLowerCase()),\n  );\n  return filteredOptions;\n};\n\nexport interface InputSelectProps {\n  onChange: any;\n  options: FormSelectChoice[];\n  fieldId: FieldId | ExtendedFieldId;\n  fieldLabelId?: string;\n  className?: string;\n  disabled?: boolean;\n  inputId?: string;\n  isErrored?: boolean;\n  onKeyDown?: InputSelectOnKeyDown;\n  placeholder?: string;\n  suppressPlaceholder?: boolean;\n  value?: FormSelectChoice;\n  autoFocus?: boolean;\n  ariaLabel?: string;\n  ariaDescribedBy?: string;\n  isRequired?: boolean;\n  isLoading?: boolean;\n  buttonRef?: string;\n  role?: string;\n  autoComplete?: string;\n}\n\nconst InputSelect = ({\n  className,\n  inputId,\n  disabled,\n  fieldId,\n  fieldLabelId,\n  isErrored,\n  options,\n  onKeyDown,\n  onChange,\n  placeholder,\n  // Most invokers want placeholder hidden by css, so it can be easily shown when\n  // customizing the implementation. Birth date is an example of an exception.\n  suppressPlaceholder = true,\n  value,\n  autoFocus,\n  ariaLabel,\n  ariaDescribedBy,\n  isRequired,\n  isLoading = false,\n  role = \"combobox\",\n  autoComplete,\n}: InputSelectProps) => {\n  const [inputState, setInputState] = useState(\"\");\n  const items = inputState ? filterOptions(options, inputState) : options;\n\n  const {\n    getInputProps,\n    getItemProps,\n    getMenuProps,\n    getToggleButtonProps,\n    highlightedIndex,\n    isOpen,\n    selectItem,\n  } = useCombobox<FormSelectChoice>({\n    id: inputId,\n    items,\n    onInputValueChange({ inputValue }) {\n      setInputState(inputValue);\n    },\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => onChange(newSelectedItem),\n    itemToString,\n    selectedItem: value && value.value && value.label ? value : null,\n    defaultHighlightedIndex: 0,\n  });\n\n  const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (typeof onKeyDown === \"function\") {\n      onKeyDown(event);\n    }\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // NOTE: Dependency array omitted to account for use of resetRef(), as useEffect with dep arr\n  // will only trigger on initial render leaving the refs empty, this replicates prior version\n  // where ref callback would trigger with each re-render\n  useEffect(() => {\n    setRef(fieldId, inputRef.current);\n  });\n\n  return (\n    <div className={`sid-input-select-list ${className || \"\"}`}>\n      <input\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...getInputProps({\n          ref: inputRef,\n          onKeyDown: (event) => handleOnKeyDown(event),\n          \"aria-labelledby\": fieldLabelId,\n        })}\n        // TODO resolve next line. Product needs this to autofocus, but linter says bad for accessibility\n        // eslint-disable-next-line\n        autoFocus={autoFocus}\n        id={inputId}\n        className={`sid-l-full-width sid-text-input ${\n          suppressPlaceholder ? \"sid-hidden-placeholder\" : \"\"\n        } ${isErrored ? \"sid-text-input--error\" : \"\"}`}\n        disabled={disabled}\n        placeholder={placeholder}\n        aria-required={isRequired}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isErrored}\n        role={role}\n        autoComplete={autoComplete}\n      />\n\n      <InputSelectButtonComponent\n        disabled={disabled}\n        getToggleButtonProps={getToggleButtonProps}\n        isOpen={isOpen}\n        isClearable={!!value?.value}\n        clearSelection={() => selectItem(undefined)}\n      />\n\n      <InputSelectListComponent\n        highlightedIndex={highlightedIndex}\n        itemToString={itemToString}\n        options={items}\n        getItemProps={getItemProps}\n        getMenuProps={getMenuProps}\n        ariaLabel={ariaLabel}\n        isOpen={isOpen}\n        isLoading={isLoading}\n      />\n    </div>\n  );\n};\n\nInputSelect.defaultProps = {\n  className: undefined,\n  disabled: false,\n  inputId: undefined,\n  isErrored: false,\n  onKeyDown: undefined,\n  placeholder: \"\",\n  value: undefined,\n  autoComplete: undefined,\n};\n\nexport const InputSelectComponent = InputSelect;\n","import { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type MsgFunction } from \"@/components/Message/Message\";\nimport { type MessageId } from \"@/lib/intl/types\";\nimport { type FormSelectChoice } from \"@/lib/types/types\";\n\ntype compareLabelReturn = 1 | -1;\n\nexport const compareLabel = (\n  a: FormSelectChoice<any>,\n  b: FormSelectChoice<any>,\n): compareLabelReturn => {\n  let sortValue: compareLabelReturn;\n\n  try {\n    sortValue = a.label.toUpperCase() > b.label.toUpperCase() ? 1 : -1;\n  } catch (e) {\n    sortValue = 1;\n  }\n\n  return sortValue;\n};\n\nexport const SortByLabel = (\n  choices: FormSelectChoice<any, string>[],\n): FormSelectChoice<any, string>[] => choices.sort(compareLabel);\n\nexport const getFormFieldSelectOptions = (\n  namespace: string,\n  optionValues: string[] = [],\n  msg: MsgFunction,\n): FormSelectChoice<string, string>[] => {\n  const options: FormSelectChoice<string, string>[] = [];\n  const omittedOptions: string[] = [];\n\n  optionValues.forEach((value) => {\n    if (typeof value === \"undefined\") return omittedOptions.push(\"undefined\");\n    if (!value) return omittedOptions.push(JSON.stringify(value));\n    if (typeof value === \"number\") return omittedOptions.push(JSON.stringify(value));\n    if (typeof value === \"string\" && !value.trim())\n      return omittedOptions.push(JSON.stringify(value));\n\n    options.push({ value, label: msg({ id: `${namespace}.${value}` as MessageId }) });\n  });\n\n  if (omittedOptions.length > 0) {\n    logger.warn(\n      `FormSelectChoice.getFormFieldSelectOptions contains unexpected values (${\n        omittedOptions.length\n      }): ${omittedOptions.join(\", \")}`,\n    );\n  }\n\n  return options;\n};\n"],"mappings":"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"}

package/chunk/FormSelectChoice-qC0WYy1y.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormSelectChoice-qC0WYy1y.js","names":[],"sources":["../../src/components/FormInputs/InputSelect/InputSelectList/InputSelectListComponent.tsx","../../src/components/FormInputs/InputSelect/InputSelectButton/InputSelectButtonComponent.tsx","../../src/components/FormInputs/InputSelect/InputSelectComponent.tsx","../../src/lib/utils/structures/FormSelectChoice.ts"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type FormSelectChoice } from \"../../../../lib/types/types\";\nimport { LoadingSpinnerComponent } from \"../../../LoadingSpinner/LoadingSpinnerComponent\";\n\ninterface InputSelectListProps {\n  getItemProps: any;\n  getMenuProps: any;\n  highlightedIndex: number;\n  itemToString: any;\n  options: FormSelectChoice[];\n  ariaLabel: string;\n  isOpen: boolean;\n  isLoading?: boolean;\n}\n\nconst InputSelectList = ({\n  getItemProps,\n  getMenuProps,\n  highlightedIndex,\n  options,\n  itemToString,\n  ariaLabel,\n  isOpen,\n  isLoading = false,\n}: InputSelectListProps) => {\n  const listItem = (item: FormSelectChoice, index: number) => (\n    <div\n      className={`sid-input-select-list__item ${\n        highlightedIndex === index ? \"sid-input-select-list__item--highlighted\" : \"\"\n      }`}\n      {...getItemProps({\n        item,\n        index,\n        key: item.value,\n      })}\n    >\n      {itemToString(options[index])}\n    </div>\n  );\n\n  const innerContent =\n    options.length > 0 ? (\n      options.map((option, index) => listItem(option, index))\n    ) : (\n      <div className=\"sid-input-select-list__message\">\n        <FormattedHTMLMessage id=\"noOptions\" defaultMessage=\"No Options\" />\n      </div>\n    );\n\n  return (\n    <div {...getMenuProps({ \"aria-label\": ariaLabel })}>\n      {isOpen ? (\n        <div className=\"sid-input-select-list__menu\">\n          {isLoading ? (\n            <div className=\"sid-input-select-list__loading-spinner\">\n              <LoadingSpinnerComponent />\n            </div>\n          ) : (\n            innerContent\n          )}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport const InputSelectListComponent = InputSelectList;\n","import { injectIntl, type InjectedIntlProps } from \"react-intl\";\n\ninterface InputSelectButtonProps extends InjectedIntlProps {\n  clearSelection: () => void;\n  getToggleButtonProps: any;\n  isOpen: boolean;\n  isClearable: boolean;\n  disabled?: boolean;\n}\n\nconst InputSelectButton = ({\n  clearSelection,\n  disabled,\n  getToggleButtonProps,\n  isOpen,\n  isClearable,\n  intl,\n}: InputSelectButtonProps) => {\n  const {\n    onClick: onClickToggleButton,\n    \"aria-haspopup\": ariaHaspopup,\n    \"data-toggle\": dataToggle,\n    onKeyUp,\n    onKeyDown,\n    onBlur,\n  } = getToggleButtonProps();\n\n  const ariaLabel = isClearable\n    ? intl.formatMessage({\n        id: \"clearAndOpenMenu\",\n        defaultMessage: \"Clear selection and open menu\",\n      })\n    : intl.formatMessage({ id: \"openMenu\", defaultMessage: \"Open menu\" });\n\n  return (\n    <button\n      aria-label={ariaLabel}\n      aria-haspopup={ariaHaspopup}\n      data-toggle={dataToggle}\n      onKeyUp={onKeyUp}\n      onKeyDown={onKeyDown}\n      onBlur={onBlur}\n      className=\"sid-input-select-button\"\n      disabled={disabled}\n      type=\"button\"\n      onClick={(event) => {\n        if (typeof clearSelection === \"function\") clearSelection();\n        if (typeof onClickToggleButton === \"function\") onClickToggleButton(event);\n      }}\n    >\n      <svg\n        viewBox=\"0 0 20 20\"\n        preserveAspectRatio=\"none\"\n        width={16}\n        fill=\"transparent\"\n        stroke=\"#8E95A4\"\n        strokeWidth=\"1.1px\"\n        transform={isOpen ? \"rotate(180)\" : undefined}\n      >\n        <path d=\"M1,6 L10,15 L19,6\" />\n      </svg>\n    </button>\n  );\n};\n\nexport const InputSelectButtonComponent = injectIntl(InputSelectButton);\n","import type React from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useCombobox } from \"downshift\";\n\nimport {\n  type FormSelectChoice,\n  type InputSelectOnKeyDown,\n  type FieldId,\n  type ExtendedFieldId,\n} from \"../../../lib/types/types\";\nimport { setRef } from \"../../../lib/refs/refs\";\n\nimport { InputSelectListComponent } from \"./InputSelectList/InputSelectListComponent\";\nimport { InputSelectButtonComponent } from \"./InputSelectButton/InputSelectButtonComponent\";\n\nconst itemToString = (item: FormSelectChoice) => (item ? item.label : \"\");\n\nconst filterOptions = (options: FormSelectChoice[], inputValue: string): FormSelectChoice[] => {\n  const filteredOptions: FormSelectChoice[] = options.filter(\n    (option) =>\n      !inputValue ||\n      option.label.toLowerCase().includes(inputValue.toLowerCase()) ||\n      option.value.toString().toLowerCase().includes(inputValue.toLowerCase()),\n  );\n  return filteredOptions;\n};\n\nexport interface InputSelectProps {\n  onChange: any;\n  options: FormSelectChoice[];\n  fieldId: FieldId | ExtendedFieldId;\n  fieldLabelId?: string;\n  className?: string;\n  disabled?: boolean;\n  inputId?: string;\n  isErrored?: boolean;\n  onKeyDown?: InputSelectOnKeyDown;\n  placeholder?: string;\n  suppressPlaceholder?: boolean;\n  value?: FormSelectChoice;\n  autoFocus?: boolean;\n  ariaLabel?: string;\n  ariaDescribedBy?: string;\n  isRequired?: boolean;\n  isLoading?: boolean;\n  buttonRef?: string;\n  role?: string;\n  autoComplete?: string;\n}\n\nconst InputSelect = ({\n  className,\n  inputId,\n  disabled,\n  fieldId,\n  fieldLabelId,\n  isErrored,\n  options,\n  onKeyDown,\n  onChange,\n  placeholder,\n  // Most invokers want placeholder hidden by css, so it can be easily shown when\n  // customizing the implementation. Birth date is an example of an exception.\n  suppressPlaceholder = true,\n  value,\n  autoFocus,\n  ariaLabel,\n  ariaDescribedBy,\n  isRequired,\n  isLoading = false,\n  role = \"combobox\",\n  autoComplete,\n}: InputSelectProps) => {\n  const [inputState, setInputState] = useState(\"\");\n  const items = inputState ? filterOptions(options, inputState) : options;\n\n  const {\n    getInputProps,\n    getItemProps,\n    getMenuProps,\n    getToggleButtonProps,\n    highlightedIndex,\n    isOpen,\n    selectItem,\n  } = useCombobox<FormSelectChoice>({\n    id: inputId,\n    items,\n    onInputValueChange({ inputValue }) {\n      setInputState(inputValue);\n    },\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => onChange(newSelectedItem),\n    itemToString,\n    selectedItem: value && value.value && value.label ? value : null,\n    defaultHighlightedIndex: 0,\n  });\n\n  const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (typeof onKeyDown === \"function\") {\n      onKeyDown(event);\n    }\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // NOTE: Dependency array omitted to account for use of resetRef(), as useEffect with dep arr\n  // will only trigger on initial render leaving the refs empty, this replicates prior version\n  // where ref callback would trigger with each re-render\n  useEffect(() => {\n    setRef(fieldId, inputRef.current);\n  });\n\n  return (\n    <div className={`sid-input-select-list ${className || \"\"}`}>\n      <input\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...getInputProps({\n          ref: inputRef,\n          onKeyDown: (event) => handleOnKeyDown(event),\n          \"aria-labelledby\": fieldLabelId,\n        })}\n        // TODO resolve next line. Product needs this to autofocus, but linter says bad for accessibility\n        // eslint-disable-next-line\n        autoFocus={autoFocus}\n        id={inputId}\n        className={`sid-l-full-width sid-text-input ${\n          suppressPlaceholder ? \"sid-hidden-placeholder\" : \"\"\n        } ${isErrored ? \"sid-text-input--error\" : \"\"}`}\n        disabled={disabled}\n        placeholder={placeholder}\n        aria-required={isRequired}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isErrored}\n        role={role}\n        autoComplete={autoComplete}\n      />\n\n      <InputSelectButtonComponent\n        disabled={disabled}\n        getToggleButtonProps={getToggleButtonProps}\n        isOpen={isOpen}\n        isClearable={!!value?.value}\n        clearSelection={() => selectItem(undefined)}\n      />\n\n      <InputSelectListComponent\n        highlightedIndex={highlightedIndex}\n        itemToString={itemToString}\n        options={items}\n        getItemProps={getItemProps}\n        getMenuProps={getMenuProps}\n        ariaLabel={ariaLabel}\n        isOpen={isOpen}\n        isLoading={isLoading}\n      />\n    </div>\n  );\n};\n\nInputSelect.defaultProps = {\n  className: undefined,\n  disabled: false,\n  inputId: undefined,\n  isErrored: false,\n  onKeyDown: undefined,\n  placeholder: \"\",\n  value: undefined,\n  autoComplete: undefined,\n};\n\nexport const InputSelectComponent = InputSelect;\n","import { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type MsgFunction } from \"@/components/Message/Message\";\nimport { type MessageId } from \"@/lib/intl/types\";\nimport { type FormSelectChoice } from \"@/lib/types/types\";\n\ntype compareLabelReturn = 1 | -1;\n\nexport const compareLabel = (\n  a: FormSelectChoice<any>,\n  b: FormSelectChoice<any>,\n): compareLabelReturn => {\n  let sortValue: compareLabelReturn;\n\n  try {\n    sortValue = a.label.toUpperCase() > b.label.toUpperCase() ? 1 : -1;\n  } catch (e) {\n    sortValue = 1;\n  }\n\n  return sortValue;\n};\n\nexport const SortByLabel = (\n  choices: FormSelectChoice<any, string>[],\n): FormSelectChoice<any, string>[] => choices.sort(compareLabel);\n\nexport const getFormFieldSelectOptions = (\n  namespace: string,\n  optionValues: string[] = [],\n  msg: MsgFunction,\n): FormSelectChoice<string, string>[] => {\n  const options: FormSelectChoice<string, string>[] = [];\n  const omittedOptions: string[] = [];\n\n  optionValues.forEach((value) => {\n    if (typeof value === \"undefined\") return omittedOptions.push(\"undefined\");\n    if (!value) return omittedOptions.push(JSON.stringify(value));\n    if (typeof value === \"number\") return omittedOptions.push(JSON.stringify(value));\n    if (typeof value === \"string\" && !value.trim())\n      return omittedOptions.push(JSON.stringify(value));\n\n    options.push({ value, label: msg({ id: `${namespace}.${value}` as MessageId }) });\n  });\n\n  if (omittedOptions.length > 0) {\n    logger.warn(\n      `FormSelectChoice.getFormFieldSelectOptions contains unexpected values (${\n        omittedOptions.length\n      }): ${omittedOptions.join(\", \")}`,\n    );\n  }\n\n  return options;\n};\n"],"mappings":"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"}

package/chunk/PersonalInfoStepSubmitButton-C7QmpcVd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PersonalInfoStepSubmitButton-C7QmpcVd.js","names":[],"sources":["../../src/components/FormFields/Email/EmailComponent.tsx","../../src/components/PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton.tsx"],"sourcesContent":["import type React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldText } from \"../FormFieldText/FormFieldText\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n}\n\nexport const Email = ({\n  value,\n  isErrored,\n  onChange,\n  explanation = \"\",\n  intl,\n  onKeyDown = () => {},\n  onBlur = () => {},\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const isFieldHidden = getFieldConfigByFieldId(\"email\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"email\"\n      value={value}\n      onChange={onChange}\n      type=\"email\"\n      autoComplete=\"email\"\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({ id: \"emailAddressPlaceholder\", defaultMessage: \"Email\" })\n      }\n      label={<FormattedHTMLMessage id=\"emailAddress\" defaultMessage=\"Email address\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage id=\"errorId.invalidEmail\" defaultMessage=\"Invalid email\" />\n        )\n      }\n      explanation={explanation}\n      showPlaceholderAndHideLabel={!!placeholder}\n      onKeyDown={(e) => onKeyDown(e)}\n      onBlur={(e) => onBlur(e)}\n      disabled={disabled}\n    />\n  );\n};\n\nexport const EmailComponent = injectIntl(Email);\n","import type React from \"react\";\nimport { useEffect } from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type VerificationService, type ViewModel } from \"../../lib/types/types\";\nimport { submitForm } from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { type CollectInfoSteps, VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { isFormFilled } from \"../../lib/validators/validators\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport {\n  type CollectStepStartEvent,\n  type CollectStepSubmitEvent,\n  CustomMetricNames,\n  EventName,\n  recordGaEvent,\n} from \"../../lib/GoogleAnalytics/ga\";\nimport {\n  COLLECT_INFO_SUBMISSION_TIME,\n  COLLECT_INFO_SUBMIT,\n  useMetrics,\n} from \"../FeatureFlags/useMetrics\";\n\ninterface PersonalInfoStepSubmitButtonProps {\n  step: CollectInfoSteps;\n  verificationService: VerificationService;\n  viewModel: ViewModel;\n  buttonText: React.ReactNode;\n  failedInstantMatch?: boolean;\n}\n\nconst wrapperClassNames: Record<CollectInfoSteps, string> = {\n  collectStudentPersonalInfo: \"sid-student--submit\",\n  collectSeniorPersonalInfo: \"sid-senior-submit\",\n  collectTeacherPersonalInfo: \"sid-teacher-submit\",\n  collectMoverPersonalInfo: \"sid-mover-submit\",\n  collectInactiveMilitaryPersonalInfo: \"sid-inactive-military-submit sid-military-submit\",\n  collectActiveMilitaryPersonalInfo: \"sid-active-military-personal-submit sid-military-submit\",\n  collectMilitaryStatus: \"\",\n  collectMemberPersonalInfo: \"sid-member-submit\",\n  collectMedicalProfessionalPersonalInfo: \"sid-medical-submit\",\n  collectLowIncomePersonalInfo: \"sid-low-income-submit\",\n  collectLicensedProfessionalPersonalInfo: \"sid-licensed-professional-submit\",\n  collectHybridIdentityPersonalInfo: \"sid-hybrid-identity-submit\",\n  collectGeneralIdentityPersonalInfo: \"sid-general-identity-submit\",\n  collectDriverLicensePersonalInfo: \"sid-drivers-license-submit\",\n  collectFirstResponderPersonalInfo: \"sid-first-responder-personal-info-submit\",\n  collectEmployeePersonalInfo: \"sid-employment-submit\",\n  collectAgePersonalInfo: \"sid-age-personal-info-submit\",\n  collectIdentifier: \"sid-identifier-submit\",\n  collectPersonalInfo: \"sid-personal-info-submit\",\n};\n\nconst buttonClassNames: Record<CollectInfoSteps, string> = {\n  collectStudentPersonalInfo: \"sid-student-submit-btn\",\n  collectSeniorPersonalInfo: \"sid-senior-submit-btn\",\n  collectTeacherPersonalInfo: \"sid-teacher-submit-btn\",\n  collectMoverPersonalInfo: \"sid-mover-submit-btn\",\n  collectInactiveMilitaryPersonalInfo: \"sid-inactive-military-submit-btn sid-military-submit-btn\",\n  collectActiveMilitaryPersonalInfo:\n    \"sid-active-military-personal-submit-btn sid-military-submit-btn\",\n  collectMilitaryStatus: \"\",\n  collectMemberPersonalInfo: \"sid-member-submit-btn\",\n  collectMedicalProfessionalPersonalInfo: \"sid-medical-submit-btn\",\n  collectLowIncomePersonalInfo: \"sid-low-income-submit-btn\",\n  collectLicensedProfessionalPersonalInfo: \"sid-licensed-professional-submit-btn\",\n  collectHybridIdentityPersonalInfo: \"sid-hybrid-identity-submit-btn\",\n  collectGeneralIdentityPersonalInfo: \"sid-general-identity-submit-btn\",\n  collectDriverLicensePersonalInfo: \"sid-drivers-license-submit-btn\",\n  collectFirstResponderPersonalInfo: \"sid-first-responder-submit-btn\",\n  collectEmployeePersonalInfo: \"sid-employment-submit-btn\",\n  collectAgePersonalInfo: \"sid-age-personal-info-btn\",\n  collectIdentifier: \"sid-identifier-submit-btn\",\n  collectPersonalInfo: \"sid-personal-info-submit-btn\",\n};\n\nconst usesWrapperID: CollectInfoSteps[] = [\n  VerificationStepsEnum.collectMoverPersonalInfo,\n  VerificationStepsEnum.collectStudentPersonalInfo,\n  VerificationStepsEnum.collectEmployeePersonalInfo,\n];\n\n/**\n * A shared wrapper for all personal info collect steps.\n */\nexport const PersonalInfoStepSubmitButton: React.FC<PersonalInfoStepSubmitButtonProps> = ({\n  step,\n  verificationService,\n  viewModel,\n  buttonText,\n  failedInstantMatch = false,\n}) => {\n  const { userDidConvert, getTimeOnForm } = useMetrics({\n    segment: verificationService.verificationResponse.segment,\n    programId: verificationService.programId,\n  });\n\n  useEffect(() => {\n    const event: CollectStepStartEvent = {\n      eventName: EventName.COLLECT_STARTED,\n      params: {},\n    };\n\n    recordGaEvent(event);\n  }, []);\n\n  const successCallback = () => {\n    try {\n      const event: CollectStepSubmitEvent = {\n        eventName: EventName.COLLECT_SUBMITTED,\n        params: {\n          [CustomMetricNames.EVENT_DURATION]: getTimeOnForm().duration,\n        },\n      };\n      recordGaEvent(event);\n    } catch (e) {\n      logger.warn(\"Unable to measure time on form\");\n    }\n\n    userDidConvert(COLLECT_INFO_SUBMIT, COLLECT_INFO_SUBMISSION_TIME);\n  };\n\n  // The majority of the class/id dancing in this component are to support the\n  // existing inconsistencies in our different collect info steps when they were\n  // brought together into this shared component. When we get away from css based\n  // customization this can get much saner\n  const wrapperCls = wrapperClassNames[step];\n  const buttonCls = buttonClassNames[step];\n\n  const btnId = usesWrapperID.includes(step)\n    ? \"sid-submit-wrapper__collect-info\"\n    : \"sid-submit-btn-collect-info\";\n\n  const btnText = failedInstantMatch ? (\n    <FormattedHTMLMessage id=\"tryAgain\" defaultMessage=\"Try Again\" />\n  ) : (\n    buttonText\n  );\n\n  const textSpanProps =\n    step === VerificationStepsEnum.collectEmployeePersonalInfo\n      ? { className: \"sid-employment-submit-btn__text\" }\n      : {};\n  const isDisabled = !isFormFilled(viewModel, verificationService.formValidationOptions);\n\n  return (\n    <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n      <div className={`${wrapperCls} sid-submit`}>\n        <button\n          id={btnId}\n          onClick={() => submitForm(viewModel, verificationService, step, successCallback)}\n          type=\"submit\"\n          className={`sid-btn ${buttonCls} sid-btn--dark sid-l-full-width ${\n            isDisabled ? \"sid-btn--disabled-like\" : \"\"\n          }`}\n          aria-labelledby=\"verify-status-text\"\n          ref={(button) => setRef(\"submitButton\", button)}\n          aria-disabled={isDisabled}\n          data-testid=\"submit-button\"\n        >\n          <span id=\"verify-status-text\" {...textSpanProps}>\n            {btnText}\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/chunk/PersonalInfoStepSubmitButton-D55ut5Yp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PersonalInfoStepSubmitButton-D55ut5Yp.js","names":[],"sources":["../../src/components/FormFields/Email/EmailComponent.tsx","../../src/components/PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton.tsx"],"sourcesContent":["import type React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldText } from \"../FormFieldText/FormFieldText\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n}\n\nexport const Email = ({\n  value,\n  isErrored,\n  onChange,\n  explanation = \"\",\n  intl,\n  onKeyDown = () => {},\n  onBlur = () => {},\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const isFieldHidden = getFieldConfigByFieldId(\"email\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"email\"\n      value={value}\n      onChange={onChange}\n      type=\"email\"\n      autoComplete=\"email\"\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({ id: \"emailAddressPlaceholder\", defaultMessage: \"Email\" })\n      }\n      label={<FormattedHTMLMessage id=\"emailAddress\" defaultMessage=\"Email address\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage id=\"errorId.invalidEmail\" defaultMessage=\"Invalid email\" />\n        )\n      }\n      explanation={explanation}\n      showPlaceholderAndHideLabel={!!placeholder}\n      onKeyDown={(e) => onKeyDown(e)}\n      onBlur={(e) => onBlur(e)}\n      disabled={disabled}\n    />\n  );\n};\n\nexport const EmailComponent = injectIntl(Email);\n","import type React from \"react\";\nimport { useEffect } from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type VerificationService, type ViewModel } from \"../../lib/types/types\";\nimport { submitForm } from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { type CollectInfoSteps, VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { isFormFilled } from \"../../lib/validators/validators\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport {\n  type CollectStepStartEvent,\n  type CollectStepSubmitEvent,\n  CustomMetricNames,\n  EventName,\n  recordGaEvent,\n} from \"../../lib/GoogleAnalytics/ga\";\nimport {\n  COLLECT_INFO_SUBMISSION_TIME,\n  COLLECT_INFO_SUBMIT,\n  useMetrics,\n} from \"../FeatureFlags/useMetrics\";\n\ninterface PersonalInfoStepSubmitButtonProps {\n  step: CollectInfoSteps;\n  verificationService: VerificationService;\n  viewModel: ViewModel;\n  buttonText: React.ReactNode;\n  failedInstantMatch?: boolean;\n}\n\nconst wrapperClassNames: Record<CollectInfoSteps, string> = {\n  collectStudentPersonalInfo: \"sid-student--submit\",\n  collectSeniorPersonalInfo: \"sid-senior-submit\",\n  collectTeacherPersonalInfo: \"sid-teacher-submit\",\n  collectMoverPersonalInfo: \"sid-mover-submit\",\n  collectInactiveMilitaryPersonalInfo: \"sid-inactive-military-submit sid-military-submit\",\n  collectActiveMilitaryPersonalInfo: \"sid-active-military-personal-submit sid-military-submit\",\n  collectMilitaryStatus: \"\",\n  collectMemberPersonalInfo: \"sid-member-submit\",\n  collectMedicalProfessionalPersonalInfo: \"sid-medical-submit\",\n  collectLowIncomePersonalInfo: \"sid-low-income-submit\",\n  collectLicensedProfessionalPersonalInfo: \"sid-licensed-professional-submit\",\n  collectHybridIdentityPersonalInfo: \"sid-hybrid-identity-submit\",\n  collectGeneralIdentityPersonalInfo: \"sid-general-identity-submit\",\n  collectDriverLicensePersonalInfo: \"sid-drivers-license-submit\",\n  collectFirstResponderPersonalInfo: \"sid-first-responder-personal-info-submit\",\n  collectEmployeePersonalInfo: \"sid-employment-submit\",\n  collectAgePersonalInfo: \"sid-age-personal-info-submit\",\n  collectIdentifier: \"sid-identifier-submit\",\n  collectPersonalInfo: \"sid-personal-info-submit\",\n};\n\nconst buttonClassNames: Record<CollectInfoSteps, string> = {\n  collectStudentPersonalInfo: \"sid-student-submit-btn\",\n  collectSeniorPersonalInfo: \"sid-senior-submit-btn\",\n  collectTeacherPersonalInfo: \"sid-teacher-submit-btn\",\n  collectMoverPersonalInfo: \"sid-mover-submit-btn\",\n  collectInactiveMilitaryPersonalInfo: \"sid-inactive-military-submit-btn sid-military-submit-btn\",\n  collectActiveMilitaryPersonalInfo:\n    \"sid-active-military-personal-submit-btn sid-military-submit-btn\",\n  collectMilitaryStatus: \"\",\n  collectMemberPersonalInfo: \"sid-member-submit-btn\",\n  collectMedicalProfessionalPersonalInfo: \"sid-medical-submit-btn\",\n  collectLowIncomePersonalInfo: \"sid-low-income-submit-btn\",\n  collectLicensedProfessionalPersonalInfo: \"sid-licensed-professional-submit-btn\",\n  collectHybridIdentityPersonalInfo: \"sid-hybrid-identity-submit-btn\",\n  collectGeneralIdentityPersonalInfo: \"sid-general-identity-submit-btn\",\n  collectDriverLicensePersonalInfo: \"sid-drivers-license-submit-btn\",\n  collectFirstResponderPersonalInfo: \"sid-first-responder-submit-btn\",\n  collectEmployeePersonalInfo: \"sid-employment-submit-btn\",\n  collectAgePersonalInfo: \"sid-age-personal-info-btn\",\n  collectIdentifier: \"sid-identifier-submit-btn\",\n  collectPersonalInfo: \"sid-personal-info-submit-btn\",\n};\n\nconst usesWrapperID: CollectInfoSteps[] = [\n  VerificationStepsEnum.collectMoverPersonalInfo,\n  VerificationStepsEnum.collectStudentPersonalInfo,\n  VerificationStepsEnum.collectEmployeePersonalInfo,\n];\n\n/**\n * A shared wrapper for all personal info collect steps.\n */\nexport const PersonalInfoStepSubmitButton: React.FC<PersonalInfoStepSubmitButtonProps> = ({\n  step,\n  verificationService,\n  viewModel,\n  buttonText,\n  failedInstantMatch = false,\n}) => {\n  const { userDidConvert, getTimeOnForm } = useMetrics({\n    segment: verificationService.verificationResponse.segment,\n    programId: verificationService.programId,\n  });\n\n  useEffect(() => {\n    const event: CollectStepStartEvent = {\n      eventName: EventName.COLLECT_STARTED,\n      params: {},\n    };\n\n    recordGaEvent(event);\n  }, []);\n\n  const successCallback = () => {\n    try {\n      const event: CollectStepSubmitEvent = {\n        eventName: EventName.COLLECT_SUBMITTED,\n        params: {\n          [CustomMetricNames.EVENT_DURATION]: getTimeOnForm().duration,\n        },\n      };\n      recordGaEvent(event);\n    } catch (e) {\n      logger.warn(\"Unable to measure time on form\");\n    }\n\n    userDidConvert(COLLECT_INFO_SUBMIT, COLLECT_INFO_SUBMISSION_TIME);\n  };\n\n  // The majority of the class/id dancing in this component are to support the\n  // existing inconsistencies in our different collect info steps when they were\n  // brought together into this shared component. When we get away from css based\n  // customization this can get much saner\n  const wrapperCls = wrapperClassNames[step];\n  const buttonCls = buttonClassNames[step];\n\n  const btnId = usesWrapperID.includes(step)\n    ? \"sid-submit-wrapper__collect-info\"\n    : \"sid-submit-btn-collect-info\";\n\n  const btnText = failedInstantMatch ? (\n    <FormattedHTMLMessage id=\"tryAgain\" defaultMessage=\"Try Again\" />\n  ) : (\n    buttonText\n  );\n\n  const textSpanProps =\n    step === VerificationStepsEnum.collectEmployeePersonalInfo\n      ? { className: \"sid-employment-submit-btn__text\" }\n      : {};\n  const isDisabled = !isFormFilled(viewModel, verificationService.formValidationOptions);\n\n  return (\n    <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n      <div className={`${wrapperCls} sid-submit`}>\n        <button\n          id={btnId}\n          onClick={() => submitForm(viewModel, verificationService, step, successCallback)}\n          type=\"submit\"\n          className={`sid-btn ${buttonCls} sid-btn--dark sid-l-full-width ${\n            isDisabled ? \"sid-btn--disabled-like\" : \"\"\n          }`}\n          aria-labelledby=\"verify-status-text\"\n          ref={(button) => setRef(\"submitButton\", button)}\n          aria-disabled={isDisabled}\n          data-testid=\"submit-button\"\n        >\n          <span id=\"verify-status-text\" {...textSpanProps}>\n            {btnText}\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/chunk/StatusComponent-AEKNerJR.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusComponent-AEKNerJR.js","names":[],"sources":["../../src/components/FormFields/Status/StatusComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldInputSelect } from \"../FormFieldInputSelect/FormFieldInputSelect\";\n\ninterface StatusComponentProps<T = FormSelectChoice> extends InputSelectComponentProps<T> {\n  segmentId: string;\n  errorId?: string;\n}\n\nexport const Status = ({\n  value,\n  isErrored,\n  errorId = \"invalidStatus\",\n  options,\n  onChange,\n  intl,\n  placeholder = \"\",\n  onKeyDown = undefined,\n  segmentId,\n  disabled = false,\n  label = <FormattedHTMLMessage id=\"status\" defaultMessage=\"Status\" />,\n}: StatusComponentProps) => {\n  const inputId = `${segmentId}-status`;\n  const hasOnlyOneOption = options.length === 1;\n  const isFieldHidden =\n    getFieldConfigByFieldId(\"status\")?.hidden || getFieldConfigByFieldId(\"statuses\")?.hidden;\n\n  React.useEffect(() => {\n    if (hasOnlyOneOption) {\n      onChange(options[0]);\n    }\n  }, []);\n\n  if (hasOnlyOneOption || isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldInputSelect\n      fieldId={inputId}\n      options={options}\n      onChange={(status: FormSelectChoice) => onChange(status)}\n      onKeyDown={onKeyDown}\n      value={options.find((option) => option.value === (value && value.value))}\n      placeholder={\n        placeholder || intl.formatHTMLMessage({ id: \"statusPlaceholder\", defaultMessage: \"Status\" })\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      isRequired\n      containerId={`sid-${inputId}`}\n      label={label}\n      disabled={disabled}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id={`errorId.${errorId}`}\n            defaultMessage={`Invalid ${segmentId} status`}\n          />\n        )\n      }\n    />\n  );\n};\n\nexport const StatusComponent = injectIntl(Status);\n"],"mappings":";;;;;4CAoEa,IAAkB,GAvDR,EACrB,UACA,cACA,aAAU,iBACV,YACA,aACA,SACA,iBAAc,IACd,eAAY,KAAA,GACZ,cACA,cAAW,IACX,WAAQ,iBAAA,GAAA,EAAA,KAAC,GAAD;CAAsB,IAAG;CAAS,gBAAe;AAAU,CAAA,QACzC;CAC1B,IAAM,IAAU,GAAG,EAAU,UACvB,IAAmB,EAAQ,WAAW,GACtC,IACJ,EAAwB,QAAQ,GAAG,UAAU,EAAwB,UAAU,GAAG;CAYpF,OAVA,EAAM,gBAAgB;EACpB,AAAI,KACF,EAAS,EAAQ,EAAE;CAEvB,GAAG,CAAC,CAAC,GAED,KAAoB,IACf,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAS;EACA;EACT,WAAW,MAA6B,EAAS,CAAM;EAC5C;EACX,OAAO,EAAQ,MAAM,MAAW,EAAO,WAAW,KAAS,EAAM,MAAM;EACvE,aACE,KAAe,EAAK,kBAAkB;GAAE,IAAI;GAAqB,gBAAgB;EAAS,CAAC;EAE7F,6BAA6B,CAAC,CAAC;EAC/B,YAAA;EACA,aAAa,OAAO;EACb;EACG;EACV,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAI,WAAW;GACf,gBAAgB,WAAW,EAAU;EACtC,CAAA;CAGN,CAAA;AAEL,CAEgD"}

package/chunk/StatusComponent-DFtcHMpS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusComponent-DFtcHMpS.js","names":[],"sources":["../../src/components/FormFields/Status/StatusComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldInputSelect } from \"../FormFieldInputSelect/FormFieldInputSelect\";\n\ninterface StatusComponentProps<T = FormSelectChoice> extends InputSelectComponentProps<T> {\n  segmentId: string;\n  errorId?: string;\n}\n\nexport const Status = ({\n  value,\n  isErrored,\n  errorId = \"invalidStatus\",\n  options,\n  onChange,\n  intl,\n  placeholder = \"\",\n  onKeyDown = undefined,\n  segmentId,\n  disabled = false,\n  label = <FormattedHTMLMessage id=\"status\" defaultMessage=\"Status\" />,\n}: StatusComponentProps) => {\n  const inputId = `${segmentId}-status`;\n  const hasOnlyOneOption = options.length === 1;\n  const isFieldHidden =\n    getFieldConfigByFieldId(\"status\")?.hidden || getFieldConfigByFieldId(\"statuses\")?.hidden;\n\n  React.useEffect(() => {\n    if (hasOnlyOneOption) {\n      onChange(options[0]);\n    }\n  }, []);\n\n  if (hasOnlyOneOption || isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldInputSelect\n      fieldId={inputId}\n      options={options}\n      onChange={(status: FormSelectChoice) => onChange(status)}\n      onKeyDown={onKeyDown}\n      value={options.find((option) => option.value === (value && value.value))}\n      placeholder={\n        placeholder || intl.formatHTMLMessage({ id: \"statusPlaceholder\", defaultMessage: \"Status\" })\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      isRequired\n      containerId={`sid-${inputId}`}\n      label={label}\n      disabled={disabled}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id={`errorId.${errorId}`}\n            defaultMessage={`Invalid ${segmentId} status`}\n          />\n        )\n      }\n    />\n  );\n};\n\nexport const StatusComponent = injectIntl(Status);\n"],"mappings":";;;;;4CAoEa,IAAkB,GAvDR,EACrB,UACA,cACA,aAAU,iBACV,YACA,aACA,SACA,iBAAc,IACd,eAAY,KAAA,GACZ,cACA,cAAW,IACX,WAAQ,iBAAA,GAAA,EAAA,KAAC,GAAD;CAAsB,IAAG;CAAS,gBAAe;AAAU,CAAA,QACzC;CAC1B,IAAM,IAAU,GAAG,EAAU,UACvB,IAAmB,EAAQ,WAAW,GACtC,IACJ,EAAwB,QAAQ,GAAG,UAAU,EAAwB,UAAU,GAAG;CAYpF,OAVA,EAAM,gBAAgB;EACpB,AAAI,KACF,EAAS,EAAQ,EAAE;CAEvB,GAAG,CAAC,CAAC,GAED,KAAoB,IACf,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAS;EACA;EACT,WAAW,MAA6B,EAAS,CAAM;EAC5C;EACX,OAAO,EAAQ,MAAM,MAAW,EAAO,WAAW,KAAS,EAAM,MAAM;EACvE,aACE,KAAe,EAAK,kBAAkB;GAAE,IAAI;GAAqB,gBAAgB;EAAS,CAAC;EAE7F,6BAA6B,CAAC,CAAC;EAC/B,YAAA;EACA,aAAa,OAAO;EACb;EACG;EACV,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAI,WAAW;GACf,gBAAgB,WAAW,EAAU;EACtC,CAAA;CAGN,CAAA;AAEL,CAEgD"}

package/chunk/StepActiveMilitaryPersonalInfoComponent-AJL4fROB.js

@@ -1,179 +0,0 @@
-
-/**
- *   VERSION: 2.275.0
- *   BUILD_TIMESTAMP: 1787352272226
- *   BUILD_DATE: Fri Aug 21 2026 22:44:32 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 30913cd7a2f4f6324e4692d7ed7cde8020560774
- */
-import { Dt as e, Wt as t, c as n, n as r, zt as i } from "./options-BK6Zk2Oe.js";
-import { a, c as o, n as s, t as c } from "./jsx-runtime-lVLuHIkM.js";
-import { w as l } from "./FormFooterComponent-BdT7rv1y.js";
-import { a as u } from "./refs-B8CaE8yL.js";
-import { n as d } from "../sheerid.js";
-import { C as f, h as p, m, o as h, u as g, w as _ } from "./stepComponentHelpers-Darhp1Nn.js";
-import { a as v, i as y, n as b, o as x, s as S, t as C } from "./CaptchaComponent-DD6kFSw9.js";
-import { n as w, t as T } from "./PersonalInfoStepSubmitButton-D55ut5Yp.js";
-import { t as E } from "./BirthDateComponent-BzelVdwE.js";
-import { t as D } from "./CountryComponentWrapper-Df9x54iO.js";
-import { t as O } from "./ExtraMessage-CpDDdKiN.js";
-import { t as k } from "./ChangeLocaleComponent-l5uhn4km.js";
-import { t as A } from "./PersonalInfoStepWrapper-CQ-P1pon.js";
-import { n as j, r as M, t as N } from "./DischargeDateComponent-NhaY0FfR.js";
-import { t as P } from "./StatusComponent-AEKNerJR.js";
-import { t as F } from "./militaryStepHelpers-W31scSUE.js";
-o();
-var I = c(), L = ({ intl: a, verificationService: o }) => {
-	let c = o.viewModel, L = o.previousViewModel, { fieldValidationErrors: R } = o, z = o.verificationResponse, B = l(z), V = h(o, a), H = c.localeChoice.value, U = r(), W = (e, t) => {
-		o.updateViewModel(F(e, t, o, V));
-	};
-	return (c.status && L && L.status !== c.status || c.status && o.verificationResponse.currentStep === i.collectMilitaryStatus) && (() => {
-		let e = n(c, () => {});
-		t.info("StepMilitaryStatusComponent submitting form"), o.submitStep(i.collectMilitaryStatus, e, o.previousVerificationResponse || o.verificationResponse);
-	})(), u(), /* @__PURE__ */ (0, I.jsxs)(A, {
-		verificationService: o,
-		step: z.currentStep,
-		className: "sid-military-personal-info-container",
-		children: [/* @__PURE__ */ (0, I.jsx)(d, {
-			verificationService: o,
-			classNameIdentifier: "active-military-personal-info"
-		}), /* @__PURE__ */ (0, I.jsxs)(I.Fragment, { children: [
-			/* @__PURE__ */ (0, I.jsx)(k, { verificationService: o }),
-			/* @__PURE__ */ (0, I.jsx)(D, {
-				verificationService: o,
-				disabled: g("country")?.disabled
-			}),
-			V ? /* @__PURE__ */ (0, I.jsx)(P, {
-				segmentId: "military",
-				value: {
-					value: c.status,
-					label: m(a, c.status, e)
-				},
-				isErrored: !!R.status,
-				errorId: "invalidMilitaryStatus",
-				options: V,
-				disabled: g("status")?.disabled,
-				onChange: (e) => {
-					W("status", e ? e.value : ""), f("status", e ? e.value : "", o);
-				}
-			}) : null,
-			/* @__PURE__ */ (0, I.jsx)(j, {
-				isErrored: !!R.organization,
-				onChange: (e) => {
-					_(e, o), f("organization", e, o);
-				},
-				value: {
-					value: o.viewModel.organization.id,
-					label: o.viewModel.organization.name
-				},
-				verificationService: o,
-				disabled: g("organization")?.disabled
-			}),
-			/* @__PURE__ */ (0, I.jsxs)("div", {
-				className: "sid-names",
-				children: [/* @__PURE__ */ (0, I.jsx)(v, {
-					value: c.firstName,
-					isErrored: !!R.firstName,
-					disabled: g("firstName")?.disabled,
-					onChange: (e) => {
-						W("firstName", e), f("firstName", e, o);
-					}
-				}), /* @__PURE__ */ (0, I.jsx)(y, {
-					value: c.lastName,
-					isErrored: !!R.lastName,
-					disabled: g("lastName")?.disabled,
-					onChange: (e) => {
-						W("lastName", e), f("lastName", e, o);
-					}
-				})]
-			}),
-			/* @__PURE__ */ (0, I.jsx)(E, {
-				errorId: R.birthDate,
-				locale: H,
-				onChange: (e) => {
-					W("birthDate", e), f("birthDate", e, o);
-				},
-				value: c.birthDate,
-				disabled: g("birthDate")?.disabled
-			}),
-			!!o.programTheme.transitionalMilitaryValidityDays && /* @__PURE__ */ (0, I.jsx)(N, {
-				mode: "date",
-				errorId: R.dischargeDate,
-				onChange: (e) => {
-					W("dischargeDate", e), f("dischargeDate", e, o);
-				},
-				value: c.dischargeDate,
-				locale: H,
-				disabled: g("dischargeDate")?.disabled
-			}),
-			o.programTheme.strictMilitaryValidationEnabled && /* @__PURE__ */ (0, I.jsx)(M, {
-				errorId: R.activeDutyStartDate,
-				locale: H,
-				onChange: (e) => {
-					W("activeDutyStartDate", e), f("activeDutyStartDate", e, o);
-				},
-				value: c.activeDutyStartDate,
-				disabled: g("activeDutyStartDate")?.disabled,
-				isRequired: g("activeDutyStartDate")?.requireIfOptional
-			}),
-			/* @__PURE__ */ (0, I.jsx)(w, {
-				value: c.email,
-				isErrored: !!R.email,
-				explanation: /* @__PURE__ */ (0, I.jsx)(s, {
-					id: "emailExplanation",
-					defaultMessage: "Personal email address is recommended"
-				}),
-				onChange: (e) => {
-					W("email", e), f("email", e, o);
-				},
-				onKeyDown: (e) => p(e),
-				disabled: g("email")?.disabled
-			}),
-			o.programTheme.isSmsNotifierConfigured || o.programTheme.smsLoopEnabled ? /* @__PURE__ */ (0, I.jsx)(x, {
-				isRequired: !!o.programTheme.smsLoopEnabled,
-				value: c.phoneNumber,
-				isErrored: !!R.phoneNumber,
-				onChange: (e) => {
-					W("phoneNumber", e), f("phoneNumber", e, o);
-				},
-				selectedCountryCode: c.countryChoice && c.countryChoice.value,
-				disabled: g("phoneNumber")?.disabled
-			}) : null,
-			U.customFormFields.map((e) => /* @__PURE__ */ (0, I.jsx)(b, {
-				config: e,
-				verificationService: o
-			})),
-			/* @__PURE__ */ (0, I.jsx)(S, {
-				verificationService: o,
-				isErrored: !!R.marketConsentValue,
-				onChange: (e) => {
-					W("metadata", {
-						...o.viewModel.metadata,
-						marketConsentValue: e
-					}), f("marketConsentValue", e, o);
-				},
-				viewModel: c,
-				disabled: g("marketConsentValue")?.disabled
-			}),
-			/* @__PURE__ */ (0, I.jsx)(O, {
-				verificationService: o,
-				suffix: "CollectAboveSubmit"
-			}),
-			/* @__PURE__ */ (0, I.jsx)(C, {
-				verificationService: o,
-				isErrored: !!R.captchaToken
-			}),
-			/* @__PURE__ */ (0, I.jsx)(T, {
-				step: i.collectActiveMilitaryPersonalInfo,
-				verificationService: o,
-				viewModel: c,
-				failedInstantMatch: B,
-				buttonText: /* @__PURE__ */ (0, I.jsx)(s, {
-					id: "step.personalInfo.submitButtonText",
-					defaultMessage: "Verify My Military Status"
-				})
-			})
-		] })]
-	});
-}, R = a(L);
-//#endregion
-export { L as StepActiveMilitaryPersonalInfo, R as StepActiveMilitaryPersonalInfoComponent, R as default };

package/chunk/StepActiveMilitaryPersonalInfoComponent-AJL4fROB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepActiveMilitaryPersonalInfoComponent-AJL4fROB.js","names":[],"sources":["../../src/components/StepMilitaryPersonalInfo/StepActiveMilitaryPersonalInfoComponent.tsx"],"sourcesContent":["/* eslint-disable */\n/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport {\n  VerificationStepsEnum,\n  MilitaryStatusDefaultMessagesEnum,\n} from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport { resetRefs } from \"../../lib/refs/refs\";\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport {\n  VerificationService,\n  FormSelectChoice,\n  Organization,\n  ActiveMilitaryPersonalInfoViewModel,\n  ActiveMilitaryPersonalInfoResponse,\n  CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  getAvailableMilitaryStatuses,\n  getStatusLabel,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { StatusComponent as MilitaryStatus } from \"../FormFields/Status/StatusComponent\";\nimport { BranchOfServiceComponent as BranchOfService } from \"../FormFields/BranchOfService/BranchOfServiceComponent\";\nimport { DischargeDateComponent as DischargeDate } from \"../FormFields/DischargeDate/DischargeDateComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { updateMilitaryViewModel } from \"./militaryStepHelpers\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { ActiveDutyStartDateComponent } from \"../FormFields/ActiveDutyStartDate/ActiveDutyStartDateComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepActiveMilitaryPersonalInfoComponentProps {\n  intl: any;\n  verificationService: VerificationService;\n}\n\nexport const StepActiveMilitaryPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepActiveMilitaryPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as ActiveMilitaryPersonalInfoViewModel;\n  const previousViewModel =\n    verificationService.previousViewModel as ActiveMilitaryPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as ActiveMilitaryPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const availableStatuses = getAvailableMilitaryStatuses(verificationService, intl);\n  const locale = viewModel.localeChoice.value;\n  const options = getOptions();\n\n  const updateActiveMilitaryViewModel = (\n    key: keyof ActiveMilitaryPersonalInfoViewModel,\n    value: any,\n  ) => {\n    verificationService.updateViewModel(\n      updateMilitaryViewModel(key, value, verificationService, availableStatuses),\n    );\n  };\n\n  const submitStep = () => {\n    const nextState = produce(viewModel, () => {});\n    logger.info(\"StepMilitaryStatusComponent submitting form\");\n    verificationService.submitStep(\n      VerificationStepsEnum.collectMilitaryStatus,\n      nextState,\n      verificationService.previousVerificationResponse || verificationService.verificationResponse,\n    );\n  };\n\n  if (\n    (viewModel.status && previousViewModel && previousViewModel.status !== viewModel.status) ||\n    (viewModel.status &&\n      verificationService.verificationResponse.currentStep ===\n        VerificationStepsEnum.collectMilitaryStatus)\n  ) {\n    submitStep();\n  }\n\n  // Refs should be reset to ensure the field order isn't affected by the previous step\n  resetRefs();\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n      className=\"sid-military-personal-info-container\"\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"active-military-personal-info\"\n      />\n\n      <>\n        <ChangeLocaleV2Component verificationService={verificationService} />\n        <CountryComponentWrapper\n          verificationService={verificationService}\n          disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n        />\n        {availableStatuses ? (\n          <MilitaryStatus\n            segmentId=\"military\"\n            value={{\n              value: viewModel.status,\n              label: getStatusLabel(intl, viewModel.status, MilitaryStatusDefaultMessagesEnum),\n            }}\n            isErrored={!!fieldValidationErrors.status}\n            errorId=\"invalidMilitaryStatus\"\n            options={availableStatuses}\n            disabled={getFieldConfigByFieldId(\"status\")?.disabled}\n            onChange={(status: FormSelectChoice) => {\n              updateActiveMilitaryViewModel(\"status\", status ? (status.value as string) : \"\");\n              updateFieldValidationErrorsByFieldId(\n                \"status\",\n                status ? (status.value as string) : \"\",\n                verificationService,\n              );\n            }}\n          />\n        ) : null}\n        <BranchOfService\n          isErrored={!!fieldValidationErrors.organization}\n          onChange={(choice: Organization) => {\n            updateViewModelOrganization(choice, verificationService);\n            updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n          }}\n          value={{\n            value: (verificationService.viewModel as ActiveMilitaryPersonalInfoViewModel)\n              .organization.id,\n            label: (verificationService.viewModel as ActiveMilitaryPersonalInfoViewModel)\n              .organization.name,\n          }}\n          verificationService={verificationService}\n          disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        />\n\n        <div className=\"sid-names\">\n          <FirstName\n            value={viewModel.firstName}\n            isErrored={!!fieldValidationErrors.firstName}\n            disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n            onChange={(newValue) => {\n              updateActiveMilitaryViewModel(\"firstName\", newValue);\n              updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n            }}\n          />\n\n          <LastName\n            value={viewModel.lastName}\n            isErrored={!!fieldValidationErrors.lastName}\n            disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n            onChange={(newValue) => {\n              updateActiveMilitaryViewModel(\"lastName\", newValue);\n              updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n            }}\n          />\n        </div>\n\n        <BirthDate\n          errorId={fieldValidationErrors.birthDate}\n          locale={locale}\n          onChange={(newValue) => {\n            updateActiveMilitaryViewModel(\"birthDate\", newValue);\n            updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n          }}\n          value={viewModel.birthDate}\n          disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n        />\n\n        {!!verificationService.programTheme.transitionalMilitaryValidityDays && (\n          <DischargeDate\n            mode={\"date\"}\n            errorId={fieldValidationErrors.dischargeDate}\n            onChange={(newValue) => {\n              updateActiveMilitaryViewModel(\"dischargeDate\", newValue);\n              updateFieldValidationErrorsByFieldId(\"dischargeDate\", newValue, verificationService);\n            }}\n            value={viewModel.dischargeDate}\n            locale={locale}\n            disabled={getFieldConfigByFieldId(\"dischargeDate\")?.disabled}\n          />\n        )}\n\n        {verificationService.programTheme.strictMilitaryValidationEnabled && (\n          <ActiveDutyStartDateComponent\n            errorId={fieldValidationErrors.activeDutyStartDate}\n            locale={locale}\n            onChange={(newValue) => {\n              updateActiveMilitaryViewModel(\"activeDutyStartDate\", newValue);\n              updateFieldValidationErrorsByFieldId(\n                \"activeDutyStartDate\",\n                newValue,\n                verificationService,\n              );\n            }}\n            value={viewModel.activeDutyStartDate}\n            disabled={getFieldConfigByFieldId(\"activeDutyStartDate\")?.disabled}\n            isRequired={getFieldConfigByFieldId(\"activeDutyStartDate\")?.requireIfOptional}\n          />\n        )}\n\n        <Email\n          value={viewModel.email}\n          isErrored={!!fieldValidationErrors.email}\n          explanation={\n            <FormattedHTMLMessage\n              id=\"emailExplanation\"\n              defaultMessage=\"Personal email address is recommended\"\n            />\n          }\n          onChange={(newValue) => {\n            updateActiveMilitaryViewModel(\"email\", newValue);\n            updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n          }}\n          onKeyDown={(event) => handleEmailOnKeyDown(event)}\n          disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n        />\n\n        {verificationService.programTheme.isSmsNotifierConfigured ||\n        verificationService.programTheme.smsLoopEnabled ? (\n          <PhoneNumber\n            isRequired={!!verificationService.programTheme.smsLoopEnabled}\n            value={viewModel.phoneNumber}\n            isErrored={!!fieldValidationErrors.phoneNumber}\n            onChange={(newValue) => {\n              updateActiveMilitaryViewModel(\"phoneNumber\", newValue);\n              updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n            }}\n            selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n            disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n          />\n        ) : null}\n\n        {options.customFormFields.map((config: CustomFormFieldConfig) => (\n          <FormFieldCustom config={config} verificationService={verificationService} />\n        ))}\n\n        <MarketConsentWrapper\n          verificationService={verificationService}\n          isErrored={!!fieldValidationErrors.marketConsentValue}\n          onChange={(newValue) => {\n            updateActiveMilitaryViewModel(\"metadata\", {\n              ...verificationService.viewModel.metadata,\n              marketConsentValue: newValue,\n            });\n            updateFieldValidationErrorsByFieldId(\n              \"marketConsentValue\",\n              newValue,\n              verificationService,\n            );\n          }}\n          viewModel={viewModel}\n          disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n        />\n\n        <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n        <CaptchaComponent\n          verificationService={verificationService}\n          isErrored={!!fieldValidationErrors.captchaToken}\n        />\n\n        <PersonalInfoStepSubmitButton\n          step={VerificationStepsEnum.collectActiveMilitaryPersonalInfo}\n          verificationService={verificationService}\n          viewModel={viewModel}\n          failedInstantMatch={failedInstantMatch}\n          buttonText={\n            <FormattedHTMLMessage\n              id=\"step.personalInfo.submitButtonText\"\n              defaultMessage=\"Verify My Military Status\"\n            />\n          }\n        />\n      </>\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepActiveMilitaryPersonalInfoComponent = injectIntl(StepActiveMilitaryPersonalInfo);\nexport default StepActiveMilitaryPersonalInfoComponent;\n"],"mappings":"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"}

package/chunk/StepActiveMilitaryPersonalInfoComponent-Blc8C61_.js

@@ -1,183 +0,0 @@
-
-/**
- *   WARNING: This file is intended to be used within MySheerID.
- *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
- */ 
-/**
- *   VERSION: 2.275.0
- *   BUILD_TIMESTAMP: 1787352276442
- *   BUILD_DATE: Fri Aug 21 2026 22:44:36 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 30913cd7a2f4f6324e4692d7ed7cde8020560774
- */
-import { Lt as e, Tt as t, Wt as n, p as r, s as i } from "./intl-TN1Dianl.js";
-import { a, c as o, n as s, t as c } from "./jsx-runtime-QRCZ6ZTK.js";
-import { O as l } from "./FormFooterComponent-B_Wh4HXO.js";
-import { a as u } from "./refs-6KTRrw-F.js";
-import { t as d } from "../_mysheerid-preview.js";
-import { C as f, h as p, m, o as h, u as g, w as _ } from "./stepComponentHelpers-DeWac6nj.js";
-import { a as v, i as y, n as b, o as x, s as S, t as C } from "./CaptchaComponent-CaHSH2GC.js";
-import { n as w, t as T } from "./PersonalInfoStepSubmitButton-C7QmpcVd.js";
-import { t as E } from "./BirthDateComponent-DA7yEebd.js";
-import { t as D } from "./CountryComponentWrapper-CEbjr-D-.js";
-import { t as O } from "./ExtraMessage-DNuEH_rP.js";
-import { t as k } from "./ChangeLocaleComponent-BcCMSbju.js";
-import { t as A } from "./PersonalInfoStepWrapper-C3OKK8Mh.js";
-import { n as j, r as M, t as N } from "./DischargeDateComponent-BWErN092.js";
-import { t as P } from "./StatusComponent-DFtcHMpS.js";
-import { t as F } from "./militaryStepHelpers-CF0fNRKQ.js";
-o();
-var I = c(), L = ({ intl: a, verificationService: o }) => {
-	let c = o.viewModel, L = o.previousViewModel, { fieldValidationErrors: R } = o, z = o.verificationResponse, B = l(z), V = h(o, a), H = c.localeChoice.value, U = i(), W = (e, t) => {
-		o.updateViewModel(F(e, t, o, V));
-	};
-	return (c.status && L && L.status !== c.status || c.status && o.verificationResponse.currentStep === e.collectMilitaryStatus) && (() => {
-		let t = r(c, () => {});
-		n.info("StepMilitaryStatusComponent submitting form"), o.submitStep(e.collectMilitaryStatus, t, o.previousVerificationResponse || o.verificationResponse);
-	})(), u(), /* @__PURE__ */ (0, I.jsxs)(A, {
-		verificationService: o,
-		step: z.currentStep,
-		className: "sid-military-personal-info-container",
-		children: [/* @__PURE__ */ (0, I.jsx)(d, {
-			verificationService: o,
-			classNameIdentifier: "active-military-personal-info"
-		}), /* @__PURE__ */ (0, I.jsxs)(I.Fragment, { children: [
-			/* @__PURE__ */ (0, I.jsx)(k, { verificationService: o }),
-			/* @__PURE__ */ (0, I.jsx)(D, {
-				verificationService: o,
-				disabled: g("country")?.disabled
-			}),
-			V ? /* @__PURE__ */ (0, I.jsx)(P, {
-				segmentId: "military",
-				value: {
-					value: c.status,
-					label: m(a, c.status, t)
-				},
-				isErrored: !!R.status,
-				errorId: "invalidMilitaryStatus",
-				options: V,
-				disabled: g("status")?.disabled,
-				onChange: (e) => {
-					W("status", e ? e.value : ""), f("status", e ? e.value : "", o);
-				}
-			}) : null,
-			/* @__PURE__ */ (0, I.jsx)(j, {
-				isErrored: !!R.organization,
-				onChange: (e) => {
-					_(e, o), f("organization", e, o);
-				},
-				value: {
-					value: o.viewModel.organization.id,
-					label: o.viewModel.organization.name
-				},
-				verificationService: o,
-				disabled: g("organization")?.disabled
-			}),
-			/* @__PURE__ */ (0, I.jsxs)("div", {
-				className: "sid-names",
-				children: [/* @__PURE__ */ (0, I.jsx)(v, {
-					value: c.firstName,
-					isErrored: !!R.firstName,
-					disabled: g("firstName")?.disabled,
-					onChange: (e) => {
-						W("firstName", e), f("firstName", e, o);
-					}
-				}), /* @__PURE__ */ (0, I.jsx)(y, {
-					value: c.lastName,
-					isErrored: !!R.lastName,
-					disabled: g("lastName")?.disabled,
-					onChange: (e) => {
-						W("lastName", e), f("lastName", e, o);
-					}
-				})]
-			}),
-			/* @__PURE__ */ (0, I.jsx)(E, {
-				errorId: R.birthDate,
-				locale: H,
-				onChange: (e) => {
-					W("birthDate", e), f("birthDate", e, o);
-				},
-				value: c.birthDate,
-				disabled: g("birthDate")?.disabled
-			}),
-			!!o.programTheme.transitionalMilitaryValidityDays && /* @__PURE__ */ (0, I.jsx)(N, {
-				mode: "date",
-				errorId: R.dischargeDate,
-				onChange: (e) => {
-					W("dischargeDate", e), f("dischargeDate", e, o);
-				},
-				value: c.dischargeDate,
-				locale: H,
-				disabled: g("dischargeDate")?.disabled
-			}),
-			o.programTheme.strictMilitaryValidationEnabled && /* @__PURE__ */ (0, I.jsx)(M, {
-				errorId: R.activeDutyStartDate,
-				locale: H,
-				onChange: (e) => {
-					W("activeDutyStartDate", e), f("activeDutyStartDate", e, o);
-				},
-				value: c.activeDutyStartDate,
-				disabled: g("activeDutyStartDate")?.disabled,
-				isRequired: g("activeDutyStartDate")?.requireIfOptional
-			}),
-			/* @__PURE__ */ (0, I.jsx)(w, {
-				value: c.email,
-				isErrored: !!R.email,
-				explanation: /* @__PURE__ */ (0, I.jsx)(s, {
-					id: "emailExplanation",
-					defaultMessage: "Personal email address is recommended"
-				}),
-				onChange: (e) => {
-					W("email", e), f("email", e, o);
-				},
-				onKeyDown: (e) => p(e),
-				disabled: g("email")?.disabled
-			}),
-			o.programTheme.isSmsNotifierConfigured || o.programTheme.smsLoopEnabled ? /* @__PURE__ */ (0, I.jsx)(x, {
-				isRequired: !!o.programTheme.smsLoopEnabled,
-				value: c.phoneNumber,
-				isErrored: !!R.phoneNumber,
-				onChange: (e) => {
-					W("phoneNumber", e), f("phoneNumber", e, o);
-				},
-				selectedCountryCode: c.countryChoice && c.countryChoice.value,
-				disabled: g("phoneNumber")?.disabled
-			}) : null,
-			U.customFormFields.map((e) => /* @__PURE__ */ (0, I.jsx)(b, {
-				config: e,
-				verificationService: o
-			})),
-			/* @__PURE__ */ (0, I.jsx)(S, {
-				verificationService: o,
-				isErrored: !!R.marketConsentValue,
-				onChange: (e) => {
-					W("metadata", {
-						...o.viewModel.metadata,
-						marketConsentValue: e
-					}), f("marketConsentValue", e, o);
-				},
-				viewModel: c,
-				disabled: g("marketConsentValue")?.disabled
-			}),
-			/* @__PURE__ */ (0, I.jsx)(O, {
-				verificationService: o,
-				suffix: "CollectAboveSubmit"
-			}),
-			/* @__PURE__ */ (0, I.jsx)(C, {
-				verificationService: o,
-				isErrored: !!R.captchaToken
-			}),
-			/* @__PURE__ */ (0, I.jsx)(T, {
-				step: e.collectActiveMilitaryPersonalInfo,
-				verificationService: o,
-				viewModel: c,
-				failedInstantMatch: B,
-				buttonText: /* @__PURE__ */ (0, I.jsx)(s, {
-					id: "step.personalInfo.submitButtonText",
-					defaultMessage: "Verify My Military Status"
-				})
-			})
-		] })]
-	});
-}, R = a(L);
-//#endregion
-export { L as StepActiveMilitaryPersonalInfo, R as StepActiveMilitaryPersonalInfoComponent, R as default };

package/chunk/StepActiveMilitaryPersonalInfoComponent-Blc8C61_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepActiveMilitaryPersonalInfoComponent-Blc8C61_.js","names":[],"sources":["../../src/components/StepMilitaryPersonalInfo/StepActiveMilitaryPersonalInfoComponent.tsx"],"sourcesContent":["/* eslint-disable */\n/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport {\n  VerificationStepsEnum,\n  MilitaryStatusDefaultMessagesEnum,\n} from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport { resetRefs } from \"../../lib/refs/refs\";\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport {\n  VerificationService,\n  FormSelectChoice,\n  Organization,\n  ActiveMilitaryPersonalInfoViewModel,\n  ActiveMilitaryPersonalInfoResponse,\n  CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  getAvailableMilitaryStatuses,\n  getStatusLabel,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { StatusComponent as MilitaryStatus } from \"../FormFields/Status/StatusComponent\";\nimport { BranchOfServiceComponent as BranchOfService } from \"../FormFields/BranchOfService/BranchOfServiceComponent\";\nimport { DischargeDateComponent as DischargeDate } from \"../FormFields/DischargeDate/DischargeDateComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { updateMilitaryViewModel } from \"./militaryStepHelpers\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { ActiveDutyStartDateComponent } from \"../FormFields/ActiveDutyStartDate/ActiveDutyStartDateComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepActiveMilitaryPersonalInfoComponentProps {\n  intl: any;\n  verificationService: VerificationService;\n}\n\nexport const StepActiveMilitaryPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepActiveMilitaryPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as ActiveMilitaryPersonalInfoViewModel;\n  const previousViewModel =\n    verificationService.previousViewModel as ActiveMilitaryPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as ActiveMilitaryPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const availableStatuses = getAvailableMilitaryStatuses(verificationService, intl);\n  const locale = viewModel.localeChoice.value;\n  const options = getOptions();\n\n  const updateActiveMilitaryViewModel = (\n    key: keyof ActiveMilitaryPersonalInfoViewModel,\n    value: any,\n  ) => {\n    verificationService.updateViewModel(\n      updateMilitaryViewModel(key, value, verificationService, availableStatuses),\n    );\n  };\n\n  const submitStep = () => {\n    const nextState = produce(viewModel, () => {});\n    logger.info(\"StepMilitaryStatusComponent submitting form\");\n    verificationService.submitStep(\n      VerificationStepsEnum.collectMilitaryStatus,\n      nextState,\n      verificationService.previousVerificationResponse || verificationService.verificationResponse,\n    );\n  };\n\n  if (\n    (viewModel.status && previousViewModel && previousViewModel.status !== viewModel.status) ||\n    (viewModel.status &&\n      verificationService.verificationResponse.currentStep ===\n        VerificationStepsEnum.collectMilitaryStatus)\n  ) {\n    submitStep();\n  }\n\n  // Refs should be reset to ensure the field order isn't affected by the previous step\n  resetRefs();\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n      className=\"sid-military-personal-info-container\"\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"active-military-personal-info\"\n      />\n\n      <>\n        <ChangeLocaleV2Component verificationService={verificationService} />\n        <CountryComponentWrapper\n          verificationService={verificationService}\n          disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n        />\n        {availableStatuses ? (\n          <MilitaryStatus\n            segmentId=\"military\"\n            value={{\n              value: viewModel.status,\n              label: getStatusLabel(intl, viewModel.status, MilitaryStatusDefaultMessagesEnum),\n            }}\n            isErrored={!!fieldValidationErrors.status}\n            errorId=\"invalidMilitaryStatus\"\n            options={availableStatuses}\n            disabled={getFieldConfigByFieldId(\"status\")?.disabled}\n            onChange={(status: FormSelectChoice) => {\n              updateActiveMilitaryViewModel(\"status\", status ? (status.value as string) : \"\");\n              updateFieldValidationErrorsByFieldId(\n                \"status\",\n                status ? (status.value as string) : \"\",\n                verificationService,\n              );\n            }}\n          />\n        ) : null}\n        <BranchOfService\n          isErrored={!!fieldValidationErrors.organization}\n          onChange={(choice: Organization) => {\n            updateViewModelOrganization(choice, verificationService);\n            updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n          }}\n          value={{\n            value: (verificationService.viewModel as ActiveMilitaryPersonalInfoViewModel)\n              .organization.id,\n            label: (verificationService.viewModel as ActiveMilitaryPersonalInfoViewModel)\n              .organization.name,\n          }}\n          verificationService={verificationService}\n          disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        />\n\n        <div className=\"sid-names\">\n          <FirstName\n            value={viewModel.firstName}\n            isErrored={!!fieldValidationErrors.firstName}\n            disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n            onChange={(newValue) => {\n              updateActiveMilitaryViewModel(\"firstName\", newValue);\n              updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n            }}\n          />\n\n          <LastName\n            value={viewModel.lastName}\n            isErrored={!!fieldValidationErrors.lastName}\n            disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n            onChange={(newValue) => {\n              updateActiveMilitaryViewModel(\"lastName\", newValue);\n              updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n            }}\n          />\n        </div>\n\n        <BirthDate\n          errorId={fieldValidationErrors.birthDate}\n          locale={locale}\n          onChange={(newValue) => {\n            updateActiveMilitaryViewModel(\"birthDate\", newValue);\n            updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n          }}\n          value={viewModel.birthDate}\n          disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n        />\n\n        {!!verificationService.programTheme.transitionalMilitaryValidityDays && (\n          <DischargeDate\n            mode={\"date\"}\n            errorId={fieldValidationErrors.dischargeDate}\n            onChange={(newValue) => {\n              updateActiveMilitaryViewModel(\"dischargeDate\", newValue);\n              updateFieldValidationErrorsByFieldId(\"dischargeDate\", newValue, verificationService);\n            }}\n            value={viewModel.dischargeDate}\n            locale={locale}\n            disabled={getFieldConfigByFieldId(\"dischargeDate\")?.disabled}\n          />\n        )}\n\n        {verificationService.programTheme.strictMilitaryValidationEnabled && (\n          <ActiveDutyStartDateComponent\n            errorId={fieldValidationErrors.activeDutyStartDate}\n            locale={locale}\n            onChange={(newValue) => {\n              updateActiveMilitaryViewModel(\"activeDutyStartDate\", newValue);\n              updateFieldValidationErrorsByFieldId(\n                \"activeDutyStartDate\",\n                newValue,\n                verificationService,\n              );\n            }}\n            value={viewModel.activeDutyStartDate}\n            disabled={getFieldConfigByFieldId(\"activeDutyStartDate\")?.disabled}\n            isRequired={getFieldConfigByFieldId(\"activeDutyStartDate\")?.requireIfOptional}\n          />\n        )}\n\n        <Email\n          value={viewModel.email}\n          isErrored={!!fieldValidationErrors.email}\n          explanation={\n            <FormattedHTMLMessage\n              id=\"emailExplanation\"\n              defaultMessage=\"Personal email address is recommended\"\n            />\n          }\n          onChange={(newValue) => {\n            updateActiveMilitaryViewModel(\"email\", newValue);\n            updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n          }}\n          onKeyDown={(event) => handleEmailOnKeyDown(event)}\n          disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n        />\n\n        {verificationService.programTheme.isSmsNotifierConfigured ||\n        verificationService.programTheme.smsLoopEnabled ? (\n          <PhoneNumber\n            isRequired={!!verificationService.programTheme.smsLoopEnabled}\n            value={viewModel.phoneNumber}\n            isErrored={!!fieldValidationErrors.phoneNumber}\n            onChange={(newValue) => {\n              updateActiveMilitaryViewModel(\"phoneNumber\", newValue);\n              updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n            }}\n            selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n            disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n          />\n        ) : null}\n\n        {options.customFormFields.map((config: CustomFormFieldConfig) => (\n          <FormFieldCustom config={config} verificationService={verificationService} />\n        ))}\n\n        <MarketConsentWrapper\n          verificationService={verificationService}\n          isErrored={!!fieldValidationErrors.marketConsentValue}\n          onChange={(newValue) => {\n            updateActiveMilitaryViewModel(\"metadata\", {\n              ...verificationService.viewModel.metadata,\n              marketConsentValue: newValue,\n            });\n            updateFieldValidationErrorsByFieldId(\n              \"marketConsentValue\",\n              newValue,\n              verificationService,\n            );\n          }}\n          viewModel={viewModel}\n          disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n        />\n\n        <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n        <CaptchaComponent\n          verificationService={verificationService}\n          isErrored={!!fieldValidationErrors.captchaToken}\n        />\n\n        <PersonalInfoStepSubmitButton\n          step={VerificationStepsEnum.collectActiveMilitaryPersonalInfo}\n          verificationService={verificationService}\n          viewModel={viewModel}\n          failedInstantMatch={failedInstantMatch}\n          buttonText={\n            <FormattedHTMLMessage\n              id=\"step.personalInfo.submitButtonText\"\n              defaultMessage=\"Verify My Military Status\"\n            />\n          }\n        />\n      </>\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepActiveMilitaryPersonalInfoComponent = injectIntl(StepActiveMilitaryPersonalInfo);\nexport default StepActiveMilitaryPersonalInfoComponent;\n"],"mappings":"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"}