@sheerid/jslib 1.105.0 → 1.106.0

package/sheerides6.js

@@ -11566,6 +11566,7 @@ const inactiveMilitaryViewModelToRequest = (viewModel) => ({
     locale: viewModel.localeChoice.value,
     country: viewModel.countryChoice ? viewModel.countryChoice.value : undefined,
     metadata: viewModel.metadata,
+    socialSecurityNumber: viewModel.socialSecurityNumber,
 });
 const firstResponderViewModelToRequest = (viewModel) => {
     const request = {
@@ -18295,7 +18296,7 @@ const FaqLinkComponent = ({ verificationService, linkText }) => {
 };
 
 const FormFooterComponent = ({ verificationService, children }) => {
-    const { viewModel, updateViewModel } = verificationService;
+    const { viewModel } = verificationService;
     const countryChoice = getSafe(() => viewModel.countryChoice.value, undefined);
     const locale = getLocaleSafely(viewModel);
     const privacyPolicyRef = React.useRef({});
@@ -18306,13 +18307,8 @@ const FormFooterComponent = ({ verificationService, children }) => {
             return;
         }
         const privacyPolicyText = privacyPolicyRef.current.innerHTML.replace(cleanupCommonTags, "");
-        const updatedViewModel = fn(viewModel, (draft) => {
-            if (!draft.metadata) {
-                draft.metadata = {};
-            }
-            draft.metadata.submissionOptIn = privacyPolicyText;
-        });
-        updateViewModel(updatedViewModel);
+        const updatedViewModel = { metadata: { submissionOptIn: privacyPolicyText } };
+        setViewModel(updatedViewModel, { partial: true });
     }, [privacyPolicyRef, locale]);
     return (React.createElement("div", { className: "sid-footer sid-h-small-text sid-l-space-top-md" },
         !children && (React.createElement("div", { className: "sid-footer__shield" },
@@ -18450,10 +18446,11 @@ const BaseCountryComponentWrapper = ({ verificationService, viewModel, intl, vie
         }
     }, [firstRender]);
     React.useEffect(() => {
-        if (!hasMultipleCountries) {
+        const includesUS = countryChoices.some((choice) => choice.value === "US");
+        if (!hasMultipleCountries && !includesUS) {
             const fieldsToSkip = viewModel.fieldsToSkipValidation
                 ? [...viewModel.fieldsToSkipValidation, "country"]
-                : ["country"];
+                : ["country", "address1", "postalCode", "state", "city"];
             verificationService.updateViewModel(produceDraftViewModel(viewModel, "fieldsToSkipValidation", fieldsToSkip));
         }
     }, [hasMultipleCountries]);
@@ -19388,6 +19385,50 @@ DischargeDate.defaultProps = {
 };
 const DischargeDateComponent = injectIntl(DischargeDate);
 
+/**
+ * Insert `newPart` into a string
+ * Use:
+ *      "Hi !".insertAt(3, "world"); // "Hi world!"
+ */
+String.prototype.insertAt = function (index, newPart) {
+    if (index > this.length) {
+        return this;
+    }
+    return `${this.slice(0, index)}${newPart}${this.slice(index)}`;
+};
+
+const displaySSN = (value) => {
+    let stringValue;
+    try {
+        stringValue = value.toString();
+        if (!stringValue)
+            throw new Error();
+    }
+    catch (e) {
+        return "";
+    }
+    return stringValue
+        .replace(/[^\d]/g, "") // replce non-digit chars
+        .insertAt(3, "-") // for display
+        .insertAt(6, "-")
+        .replace("--", "") // just in case
+        .replace(/-$/, ""); // don't add trailing hyphen, breaks backspace
+};
+// The viewModel and API don't include hyphens. Also enforces max length, prior to setting viewModel, avoiding off-by-one error.
+const unDisplaySSN = (value) => value.replace(/-/g, "").slice(0, SSN_STRING_LENGTH);
+
+const SocialSecurity = ({ value, isErrored, onChange, intl, explanation, placeholder = "", isRequired = false, label, }) => {
+    const getDefaultExplanation = () => (!isRequired ? explanation : "");
+    return (React.createElement("div", { className: "sid-field sid-ssn" },
+        React.createElement("div", { className: "sid-l-space-top-md" }),
+        React.createElement(FieldLabel, { text: label, htmlForLabel: "sid-ssn", id: "sid-ssn-label", displayClasses: "sid-field__label-with-explanation", isRequired: isRequired }, getDefaultExplanation()),
+        React.createElement(InputTextComponent, { id: "ssn", refId: FieldIdEnum.socialSecurityNumber, className: "sid-ssn__input", isErrored: isErrored, required: true, placeholder: placeholder ||
+                intl.formatHTMLMessage({ id: "ssnPlaceholder", defaultMessage: "000-00-0000" }), value: displaySSN(value), hidePlaceholder: false, onChange: (e) => onChange(unDisplaySSN(e.target.value)), "aria-labelledby": "sid-ssn-label" }),
+        isErrored ? (React.createElement("div", { className: "sid-field-error" },
+            React.createElement(FormattedHTMLMessage, { id: "errorId.invalidSocialSecurityNumber", defaultMessage: "Invalid SSN" }))) : null));
+};
+const SocialSecurityNumber = injectIntl(SocialSecurity);
+
 /**
  * TODO - preamble
  */
@@ -19474,6 +19515,10 @@ const StepInactiveMilitaryPersonalInfo = ({ intl, verificationService, }) => {
                 updateInactiveMilitaryViewModel("phoneNumber", newValue);
                 updateFieldValidationErrorsByFieldId("phoneNumber", newValue, verificationService);
             }, selectedCountryCode: viewModel.countryChoice && viewModel.countryChoice.value })) : null,
+        React.createElement(SocialSecurity, { value: viewModel.socialSecurityNumber, onChange: (value) => {
+                updateInactiveMilitaryViewModel("socialSecurityNumber", value);
+                updateFieldValidationErrorsByFieldId("socialSecurityNumber", value, verificationService);
+            }, isRequired: false, isErrored: !!fieldValidationErrors[FieldIdEnum.socialSecurityNumber], placeholder: "000-00-0000", label: React.createElement(FormattedHTMLMessage, { id: "ssn", defaultMessage: "Social Security Number" }), explanation: React.createElement(FormattedHTMLMessage, { id: "optional", defaultMessage: "Optional" }) }),
         React.createElement(MarketConsentWrapperComponent, { verificationService: verificationService, isErrored: !!fieldValidationErrors.marketConsentValue, onChange: (newValue) => {
                 updateInactiveMilitaryViewModel("metadata", {
                     ...verificationService.viewModel.metadata,
@@ -20500,52 +20545,6 @@ const StepLowIncomePersonalInfoComponent = injectIntl(StepLowIncomePersonalInfo)
 // Collect status is identical to Active at this time.
 const StepCollectMilitaryStatusComponent = ({ verificationService, }) => (React.createElement(StepActiveMilitaryPersonalInfoComponent, { verificationService: verificationService }));
 
-/**
- * Insert `newPart` into a string
- * Use:
- *      "Hi !".insertAt(3, "world"); // "Hi world!"
- */
-String.prototype.insertAt = function (index, newPart) {
-    if (index > this.length) {
-        return this;
-    }
-    return `${this.slice(0, index)}${newPart}${this.slice(index)}`;
-};
-
-const displaySSN = (value) => {
-    let stringValue;
-    try {
-        stringValue = value.toString();
-        if (!stringValue)
-            throw new Error();
-    }
-    catch (e) {
-        return "";
-    }
-    return stringValue
-        .replace(/[^\d]/g, "") // replce non-digit chars
-        .insertAt(3, "-") // for display
-        .insertAt(6, "-")
-        .replace("--", "") // just in case
-        .replace(/-$/, ""); // don't add trailing hyphen, breaks backspace
-};
-// The viewModel and API don't include hyphens. Also enforces max length, prior to setting viewModel, avoiding off-by-one error.
-const unDisplaySSN = (value) => value.replace(/-/g, "").slice(0, SSN_STRING_LENGTH);
-
-const SocialSecurity = ({ value, isErrored, onChange, intl, placeholder = "", }) => {
-    const changeSsn = (value) => {
-        onChange(value);
-    };
-    return (React.createElement("div", { className: "sid-field sid-ssn" },
-        React.createElement("div", { className: "sid-l-space-top-md" }),
-        React.createElement(FieldLabel, { text: React.createElement(FormattedHTMLMessage, { id: "ssn", defaultMessage: "Social Security Number" }), htmlForLabel: "sid-ssn", id: "sid-ssn-label", displayClasses: placeholder && "sid-h-screen-reader-only" }),
-        React.createElement(InputTextComponent, { id: "ssn", refId: FieldIdEnum.socialSecurityNumber, className: "sid-ssn__input", isErrored: isErrored, required: true, placeholder: placeholder ||
-                intl.formatHTMLMessage({ id: "ssnPlaceholder", defaultMessage: "000-00-0000" }), value: displaySSN(value), hidePlaceholder: false, onChange: (e) => changeSsn(unDisplaySSN(e.target.value)), "aria-labelledby": "sid-ssn-label" }),
-        isErrored ? (React.createElement("div", { className: "sid-field-error" },
-            React.createElement(FormattedHTMLMessage, { id: "errorId.invalidSocialSecurityNumber", defaultMessage: "Invalid SSN" }))) : null));
-};
-const SocialSecurityNumber = injectIntl(SocialSecurity);
-
 const Step$1 = ({ useSsn, useDocUpload, verificationService }) => (React.createElement("div", { id: "sid-ssn-choice", className: "sid-l-container sid-l-horz-center" },
     React.createElement("div", { className: "sid-header" },
         React.createElement("div", { className: "sid-l-horz-center" },