Merge pull request #14 from vtex-apps/custom-nsu

Custom NSU field
vtex-apps · Aug 31, 2022 · c3dfe2c · c3dfe2c
2 parents 2517ee9 + c160a6d
commit c3dfe2c
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,9 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Added
+- Custom NSU field
+
 ## [0.2.0] - 2022-08-09
 
 ### Changed

diff --git a/messages/context.json b/messages/context.json
@@ -8,6 +8,7 @@
   "admin/cybersource.settings.merchantId.label": "Merchant id",
   "admin/cybersource.settings.merchantKey.label": "Merchant key",
   "admin/cybersource.settings.sharedSecretKey.label": "Shared secret key",
+  "admin/cybersource.settings.customNsu.label": "Custom NSU",
   "admin/cybersource.settings.enableTransactionPosting.label": "Enable transaction posting",
   "admin/cybersource.settings.salesChannelExclude.label": "Sales Channels to Exclude from Cybersource.",
   "admin/cybersource.settings.nexusRegions.label": "Tax Nexus Regions.",
@@ -16,6 +17,7 @@
   "admin/cybersource.settings.merchantId.helpText": "Write your merchant Id",
   "admin/cybersource.settings.merchantKey.helpText": "Write your merchant Key",
   "admin/cybersource.settings.sharedSecretKey.helpText": "Write your shared secret key",
+  "admin/cybersource.settings.customNsu.helpText": "Override default NSU with custom value",
   "admin/cybersource.settings.EnableTax.label": "Enable Tax Calculations",
   "admin/cybersource.settings.EnableTax.helpText": "Enable Tax Placeholder",
   "admin/cybersource.settings.enableTransactionPosting.helpText": "Enable transaction posting",

diff --git a/messages/en.json b/messages/en.json
@@ -8,6 +8,7 @@
   "admin/cybersource.settings.merchantId.label": "Merchant id",
   "admin/cybersource.settings.merchantKey.label": "Merchant key",
   "admin/cybersource.settings.sharedSecretKey.label": "Shared secret key",
+  "admin/cybersource.settings.customNsu.label": "Custom NSU",
   "admin/cybersource.settings.enableTransactionPosting.label": "Enable transaction posting",
   "admin/cybersource.settings.salesChannelExclude.label": "Sales Channels to Exclude from Cybersource.",
   "admin/cybersource.settings.nexusRegions.label": "Tax Nexus Regions.",
@@ -16,6 +17,7 @@
   "admin/cybersource.settings.merchantId.helpText": "Write your merchant Id",
   "admin/cybersource.settings.merchantKey.helpText": "Write your merchant Key",
   "admin/cybersource.settings.sharedSecretKey.helpText": "Write your shared secret key",
+  "admin/cybersource.settings.customNsu.helpText": "Override default NSU with custom value",
   "admin/cybersource.settings.EnableTax.label": "Enable Tax Calculations",
   "admin/cybersource.settings.EnableTax.helpText": "Enable Tax Placeholder",
   "admin/cybersource.settings.enableTransactionPosting.helpText": "Enable transaction posting",

diff --git a/react/Admin.tsx b/react/Admin.tsx
@@ -40,6 +40,7 @@ const Admin: FC = () => {
     SharedSecretKey: '',
     Processor: '',
     Region: '',
+    CustomNsu: '',
     EnableTransactionPosting: false,
     SalesChannelExclude: '',
     ShippingProductCode: '',
@@ -276,6 +277,23 @@ const Admin: FC = () => {
                           }
                         />
                       </section>
+                      <section className="pb4 mt4">
+                        <Input
+                          label={formatMessage({
+                            id: 'admin/cybersource.settings.customNsu.label',
+                          })}
+                          value={settingsState.CustomNsu}
+                          onChange={(e: React.FormEvent<HTMLInputElement>) =>
+                            setSettingsState({
+                              ...settingsState,
+                              CustomNsu: e.currentTarget.value,
+                            })
+                          }
+                          helpText={formatMessage({
+                            id: 'admin/cybersource.settings.customNsu.helpText',
+                          })}
+                        />
+                      </section>
                       <section className="pv4">
                         <Toggle
                           semantic

diff --git a/react/components/merchantDictionary.tsx b/react/components/merchantDictionary.tsx
@@ -134,7 +134,7 @@ const MerchantDictionary: FunctionComponent<any> = (props: any) => {
               splitBracketString.length === 3 &&
               (state.lookupSet.has(splitBracketString[0]) ||
                 splitBracketString[0].length === 0) &&
-              state.keyWords.has(splitBracketString[1])
+              state.keyWords.has(splitBracketString[1].toUpperCase())
             ) {
               const poppedWord: string = stack.pop() ?? ''