refactor: rescript core changes json, dict, string, nullable & array

src/App.res

@@ -31,7 +31,7 @@ let make = () => {
         let sessionId = CardUtils.getQueryParamsDictforKey(url.search, "sessionId")
         let publishableKey = CardUtils.getQueryParamsDictforKey(url.search, "publishableKey")
         let endpoint =
-          CardUtils.getQueryParamsDictforKey(url.search, "endpoint")->Js.Global.decodeURIComponent
+          CardUtils.getQueryParamsDictforKey(url.search, "endpoint")->decodeURIComponent
         <PreMountLoader publishableKey sessionId clientSecret endpoint />
       }
     | "achBankTransfer"

src/BrowserSpec.res

@@ -13,8 +13,8 @@ type screen = {colorDepth: int, height: int, width: int}
 
 let checkIsSafari = () => {
   let userAgentString = navigator.userAgent
-  let chromeAgent = userAgentString->Js.String2.indexOf("Chrome") > -1
-  let safariAgent = userAgentString->Js.String2.indexOf("Safari") > -1
+  let chromeAgent = userAgentString->String.indexOf("Chrome") > -1
+  let safariAgent = userAgentString->String.indexOf("Safari") > -1
   chromeAgent && safariAgent ? false : safariAgent ? true : false
 }
 
@@ -23,20 +23,20 @@ let broswerInfo = () => [
   (
     "browser_info",
     [
-      ("user_agent", navigator.userAgent->Js.Json.string),
+      ("user_agent", navigator.userAgent->JSON.Encode.string),
       (
         "accept_header",
-        "text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/webp,image\/apng,*\/*;q=0.8"->Js.Json.string,
+        "text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/webp,image\/apng,*\/*;q=0.8"->JSON.Encode.string,
       ),
-      ("language", navigator.language->Js.Json.string),
-      ("color_depth", screen.colorDepth->Belt.Int.toFloat->Js.Json.number),
-      ("screen_height", screen.height->Belt.Int.toFloat->Js.Json.number),
-      ("screen_width", screen.width->Belt.Int.toFloat->Js.Json.number),
-      ("time_zone", date.getTimezoneOffset(.)->Js.Json.number),
-      ("java_enabled", true->Js.Json.boolean),
-      ("java_script_enabled", true->Js.Json.boolean),
+      ("language", navigator.language->JSON.Encode.string),
+      ("color_depth", screen.colorDepth->Belt.Int.toFloat->JSON.Encode.float),
+      ("screen_height", screen.height->Belt.Int.toFloat->JSON.Encode.float),
+      ("screen_width", screen.width->Belt.Int.toFloat->JSON.Encode.float),
+      ("time_zone", date.getTimezoneOffset(.)->JSON.Encode.float),
+      ("java_enabled", true->JSON.Encode.bool),
+      ("java_script_enabled", true->JSON.Encode.bool),
     ]
-    ->Js.Dict.fromArray
-    ->Js.Json.object_,
+    ->Dict.fromArray
+    ->JSON.Encode.object,
   ),
 ]

src/CardPattern.res

@@ -1,6 +1,6 @@
 type patterns = {
   issuer: string,
-  pattern: Js.Re.t,
+  pattern: Re.t,
   cvcLength: array<int>,
   length: array<int>,
   maxCVCLenth: int,

src/CardTheme.res

@@ -48,7 +48,7 @@ let defaultAppearance = {
   variables: DefaultTheme.default,
   componentType: "payment",
   labels: Above,
-  rules: Js.Dict.empty()->Js.Json.object_,
+  rules: Dict.make()->JSON.Encode.object,
 }
 let defaultFonts = {
   cssSrc: "",
@@ -76,9 +76,9 @@ let getLocaleObject = string => {
     string
   }
   LocaleString.localeStrings
-  ->Js.Array2.filter(item => item.locale == val)
-  ->Belt.Array.get(0)
-  ->Belt.Option.getWithDefault(LocaleString.defaultLocale)
+  ->Array.filter(item => item.locale == val)
+  ->Array.get(0)
+  ->Option.getOr(LocaleString.defaultLocale)
 }
 let defaultRecoilConfig: recoilConfig = {
   config: defaultConfig,
@@ -89,9 +89,9 @@ let defaultRecoilConfig: recoilConfig = {
 
 let getVariables = (str, dict, default, logger) => {
   dict
-  ->Js.Dict.get(str)
-  ->Belt.Option.flatMap(Js.Json.decodeObject)
-  ->Belt.Option.map(json => {
+  ->Dict.get(str)
+  ->Option.flatMap(JSON.Decode.object)
+  ->Option.map(json => {
     let validKeys = [
       "fontFamily",
       "fontSizeBase",
@@ -246,20 +246,20 @@ let getVariables = (str, dict, default, logger) => {
       spacingGridRow: getWarningString(json, "spacingGridRow", default.spacingGridRow, ~logger),
     }
   })
-  ->Belt.Option.getWithDefault(default)
+  ->Option.getOr(default)
 }
 
 let getAppearance = (
   str,
   dict,
   default: OrcaPaymentPage.CardThemeType.themeClass,
-  defaultRules: OrcaPaymentPage.CardThemeType.themeClass => Js.Json.t,
+  defaultRules: OrcaPaymentPage.CardThemeType.themeClass => JSON.t,
   logger,
 ) => {
   dict
-  ->Js.Dict.get(str)
-  ->Belt.Option.flatMap(Js.Json.decodeObject)
-  ->Belt.Option.map(json => {
+  ->Dict.get(str)
+  ->Option.flatMap(JSON.Decode.object)
+  ->Option.map(json => {
     unknownKeysWarning(["theme", "variables", "rules", "labels"], json, "appearance", ~logger)
 
     let rulesJson = defaultRules(getVariables("variables", json, default, logger))
@@ -280,15 +280,15 @@ let getAppearance = (
       },
     }
   })
-  ->Belt.Option.getWithDefault(defaultAppearance)
+  ->Option.getOr(defaultAppearance)
 }
 let getFonts = (str, dict, logger) => {
   dict
-  ->Js.Dict.get(str)
-  ->Belt.Option.flatMap(Js.Json.decodeArray)
-  ->Belt.Option.getWithDefault([])
-  ->Belt.Array.keepMap(Js.Json.decodeObject)
-  ->Js.Array2.map(json => {
+  ->Dict.get(str)
+  ->Option.flatMap(JSON.Decode.array)
+  ->Option.getOr([])
+  ->Belt.Array.keepMap(JSON.Decode.object)
+  ->Array.map(json => {
     unknownKeysWarning(["cssSrc", "family", "src", "weight"], json, "fonts", ~logger)
     {
       cssSrc: getWarningString(json, "cssSrc", "", ~logger),
@@ -301,7 +301,7 @@ let getFonts = (str, dict, logger) => {
 let itemToObjMapper = (
   dict,
   default: OrcaPaymentPage.CardThemeType.themeClass,
-  defaultRules: OrcaPaymentPage.CardThemeType.themeClass => Js.Json.t,
+  defaultRules: OrcaPaymentPage.CardThemeType.themeClass => JSON.t,
   logger,
 ) => {
   unknownKeysWarning(