@lookiero/checkout 11.0.0 → 11.1.0

package/dist/src/Expo.js

@@ -1,6 +1,12 @@
 import { registerRootComponent } from "expo";
+import React from "react";
 import { enableLegacyWebImplementation } from "react-native-gesture-handler";
 import "react-native-get-random-values";
-import { ExpoRoot } from "./ExpoRoot";
+import { setTheme } from "@lookiero/sty-psp-ui";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 enableLegacyWebImplementation(true);
-registerRootComponent(ExpoRoot);
+const tradename = Tradename.LOOKIERO;
+setTheme({ tradename });
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const { ExpoRoot } = require("./ExpoRoot");
+registerRootComponent(() => React.createElement(ExpoRoot, { tradename: tradename }));

package/dist/src/ExpoRoot.d.ts

@@ -1,4 +1,8 @@
 import "expo/build/Expo.fx";
 import { FC } from "react";
-declare const ExpoRoot: FC;
+import { Tradename } from "@lookiero/sty-sp-tradename";
+interface ExpoRootProps {
+    readonly tradename: Tradename;
+}
+declare const ExpoRoot: FC<ExpoRootProps>;
 export { ExpoRoot };

package/dist/src/ExpoRoot.js

@@ -11,7 +11,7 @@ import { PaymentsQueryProvider, setPaymentsBridge } from "@lookiero/payments-fro
 import { fetchTranslations, translationExternalEndpoint } from "@lookiero/sty-psp-i18n";
 import { Country, Locale } from "@lookiero/sty-psp-locale";
 import { Segment } from "@lookiero/sty-psp-segment";
-import { DummyLayout } from "@lookiero/sty-psp-ui";
+import { DummyLayout, themeByTradename } from "@lookiero/sty-psp-ui";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { bootstrap as checkoutBootstrap } from "./infrastructure/delivery/bootstrap";
 import { bootstrap as checkoutMockBootstrap } from "./infrastructure/delivery/bootstrap.mock";
@@ -101,19 +101,23 @@ const Root = root({
     sentry: () => (process.env.EXPO_PUBLIC_APP_VARIANT === "test" ? {} : sentryConfig),
     kameleoon: () => kameleoonConfig,
 })({ customerId: customer.customerId });
-const ExpoRoot = () => {
+const ExpoRoot = ({ tradename }) => {
     const [fontsLoaded] = useFonts({
-        ["AreaInktrap-Semibold"]: require("@lookiero/aurora-fonts/AreaInktrap-Semibold.otf"),
-        ["AreaNormal-Semibold"]: require("@lookiero/aurora-fonts/AreaNormal-Semibold.otf"),
-        ["AreaNormal-Extrabold"]: require("@lookiero/aurora-fonts/AreaNormal-Extrabold.otf"),
+        ["AreaInktrap-Semibold"]: require("@lookiero/aurora/build/assets/fonts/AreaInktrap-Semibold.otf"),
+        ["AreaNormal-Semibold"]: require("@lookiero/aurora/build/assets/fonts/AreaNormal-Semibold.otf"),
+        ["AreaNormal-Extrabold"]: require("@lookiero/aurora/build/assets/fonts/AreaNormal-Extrabold.otf"),
+        ["OpenSans-Regular"]: require("@lookiero/aurora/build/assets/fonts/OpenSans-Regular.ttf"),
+        ["OpenSans-Bold"]: require("@lookiero/aurora/build/assets/fonts/OpenSans-Bold.ttf"),
+        ["DalaFloda-Bold"]: require("@lookiero/aurora/build/assets/fonts/DalaFloda-Bold.otf"),
         auroraicons: require("@lookiero/aurora-iconfont/dist/auroraicons.ttf"),
     });
     const [isAccessible, setIsAccessible] = useState();
     const onNotAccessible = useCallback(() => setIsAccessible(false), []);
+    const theme = themeByTradename({ tradename });
     return fontsLoaded ? (React.createElement(PortalProvider, null,
         React.createElement(PaymentsQueryProvider, null,
             React.createElement(EventProvider, null,
-                React.createElement(Aurora, null,
+                React.createElement(Aurora, { theme: theme },
                     isAccessible === false && React.createElement(Text, { heading: true }, "Checkout is not accessible!"),
                     React.createElement(Router, null,
                         React.createElement(Routes, null,

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "11.0.0";
+export declare const VERSION = "11.1.0";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "11.0.0";
+export const VERSION = "11.1.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "11.0.0",
+  "version": "11.1.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",
@@ -71,7 +71,6 @@
   "peerDependencies": {
     "@gorhom/portal": ">=1.0",
     "@lookiero/aurora": ">=6",
-    "@lookiero/aurora-fonts": ">=2",
     "@lookiero/aurora-iconfont": ">=3",
     "@lookiero/event": "^0.3",
     "@lookiero/i18n": ">=2",

package/src/Expo.tsx

@@ -1,8 +1,16 @@
 import { registerRootComponent } from "expo";
+import React from "react";
 import { enableLegacyWebImplementation } from "react-native-gesture-handler";
 import "react-native-get-random-values";
-import { ExpoRoot } from "./ExpoRoot";
+import { setTheme } from "@lookiero/sty-psp-ui";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 
 enableLegacyWebImplementation(true);
 
-registerRootComponent(ExpoRoot);
+const tradename = Tradename.LOOKIERO;
+setTheme({ tradename });
+
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const { ExpoRoot } = require("./ExpoRoot");
+
+registerRootComponent(() => <ExpoRoot tradename={tradename} />);

package/src/ExpoRoot.tsx

@@ -13,7 +13,7 @@ import { fetchTranslations, translationExternalEndpoint } from "@lookiero/sty-ps
 import { Country, Locale } from "@lookiero/sty-psp-locale";
 import { SentryEnvironment } from "@lookiero/sty-psp-logging";
 import { Segment } from "@lookiero/sty-psp-segment";
-import { DummyLayout } from "@lookiero/sty-psp-ui";
+import { DummyLayout, themeByTradename } from "@lookiero/sty-psp-ui";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { KameleoonEnvironment } from "./infrastructure/ab-testing/kameleoonEnvironment";
 import { bootstrap as checkoutBootstrap } from "./infrastructure/delivery/bootstrap";
@@ -123,22 +123,30 @@ const Root = root({
   kameleoon: () => kameleoonConfig,
 })({ customerId: customer.customerId });
 
-const ExpoRoot: FC = () => {
+interface ExpoRootProps {
+  readonly tradename: Tradename;
+}
+const ExpoRoot: FC<ExpoRootProps> = ({ tradename }) => {
   const [fontsLoaded] = useFonts({
-    ["AreaInktrap-Semibold"]: require("@lookiero/aurora-fonts/AreaInktrap-Semibold.otf"),
-    ["AreaNormal-Semibold"]: require("@lookiero/aurora-fonts/AreaNormal-Semibold.otf"),
-    ["AreaNormal-Extrabold"]: require("@lookiero/aurora-fonts/AreaNormal-Extrabold.otf"),
+    ["AreaInktrap-Semibold"]: require("@lookiero/aurora/build/assets/fonts/AreaInktrap-Semibold.otf"),
+    ["AreaNormal-Semibold"]: require("@lookiero/aurora/build/assets/fonts/AreaNormal-Semibold.otf"),
+    ["AreaNormal-Extrabold"]: require("@lookiero/aurora/build/assets/fonts/AreaNormal-Extrabold.otf"),
+    ["OpenSans-Regular"]: require("@lookiero/aurora/build/assets/fonts/OpenSans-Regular.ttf"),
+    ["OpenSans-Bold"]: require("@lookiero/aurora/build/assets/fonts/OpenSans-Bold.ttf"),
+    ["DalaFloda-Bold"]: require("@lookiero/aurora/build/assets/fonts/DalaFloda-Bold.otf"),
     auroraicons: require("@lookiero/aurora-iconfont/dist/auroraicons.ttf"),
   });
 
   const [isAccessible, setIsAccessible] = useState<boolean>();
   const onNotAccessible = useCallback(() => setIsAccessible(false), []);
 
+  const theme = themeByTradename({ tradename });
+
   return fontsLoaded ? (
     <PortalProvider>
       <PaymentsQueryProvider>
         <EventProvider>
-          <Aurora>
+          <Aurora theme={theme}>
             {isAccessible === false && <Text heading={true}>Checkout is not accessible!</Text>}
 
             <Router>

package/src/infrastructure/ui/views/item/components/itemActions/__snapshots__/ItemActions.test.tsx.snap

@@ -793,6 +793,14 @@ exports[`ItemActions component matches the snapshot 1`] = `
                       "fontStyle": "normal",
                       "fontWeight": "normal",
                       "height": 24,
+                      "letterSpacing": -0.2,
+                      "lineHeight": 24,
+                      "minHeight": 24,
+                      "minWidth": 24,
+                      "paddingBottom": 0,
+                      "paddingLeft": 0,
+                      "paddingRight": 0,
+                      "paddingTop": 0,
                       "width": 24,
                     },
                   ]

package/src/infrastructure/ui/views/item/components/selectModal/__snapshots__/SelecModal.test.tsx.snap

@@ -219,6 +219,14 @@ exports[`SelectField component matches the snapshot 1`] = `
                     "fontStyle": "normal",
                     "fontWeight": "normal",
                     "height": 24,
+                    "letterSpacing": -0.2,
+                    "lineHeight": 24,
+                    "minHeight": 24,
+                    "minWidth": 24,
+                    "paddingBottom": 0,
+                    "paddingLeft": 0,
+                    "paddingRight": 0,
+                    "paddingTop": 0,
                     "width": 24,
                   },
                 ]

package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/__snapshots__/SizeWithoutStockModal.test.tsx.snap

@@ -219,6 +219,14 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
                     "fontStyle": "normal",
                     "fontWeight": "normal",
                     "height": 24,
+                    "letterSpacing": -0.2,
+                    "lineHeight": 24,
+                    "minHeight": 24,
+                    "minWidth": 24,
+                    "paddingBottom": 0,
+                    "paddingLeft": 0,
+                    "paddingRight": 0,
+                    "paddingTop": 0,
                     "width": 24,
                   },
                 ]