@lookiero/checkout 0.5.2 → 0.5.4

package/README.md

@@ -26,6 +26,17 @@ Once we can replace the build of Jenkins for NPM one, we are going to be able to
 ```json
 {
   (...)
+  "scripts": {
+    (...)
+    // Remove
+    "build": "tsc -b tsconfig.build.json && cp -R ./src/public/ ./dist/public",
+    "build:app": "tsc -p ./tsconfig.build-app.json --noemit && cp -R ./src/public/ ./dist/public && ENTRY_POINT='./src/Expo.tsx' NODE_ENV=production expo export:web --clear",
+    // Add
+    "build": "tsc -b tsconfig.build.json && npm run copy:assets",
+    "build:app": "tsc -p ./tsconfig.build-app.json --noemit && npm run copy:assets && ENTRY_POINT='./src/Expo.tsx' NODE_ENV=production expo export:web --clear",
+    "copy:assets": "cp -R ./src/public/ ./dist/public",
+    (...)
+  },
   "dependencies": {
     (...)
     "@expo/dev-server": "0.1.120",

package/dist/infrastructure/ui/routing/Routing.js

@@ -1,3 +1,4 @@
+import { PaymentsQueryProvider } from "@lookiero/payments-front";
 import React, { lazy, Suspense } from "react";
 import { Navigate, Outlet, useRoutes } from "react-router-native";
 import { Spinner } from "../../../shared/ui/components/atoms/spinner/Spinner";
@@ -47,8 +48,9 @@ const Routing = ({ basePath = "", customer, locale, I18n, menu, tabBar, getAuthT
                 {
                     path: Routes.CHECKOUT,
                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Checkout, { country: customer?.country, customerId: customer?.customerId, useRedirect: useRedirect },
-                            React.createElement(Outlet, null)))),
+                        React.createElement(PaymentsQueryProvider, null,
+                            React.createElement(Checkout, { country: customer?.country, customerId: customer?.customerId, useRedirect: useRedirect },
+                                React.createElement(Outlet, null))))),
                     children: [
                         {
                             path: Routes.CHECKOUT_PAYMENT,

package/dist/infrastructure/ui/views/item/components/productVariant/ProductVariant.style.d.ts

@@ -32,6 +32,7 @@ declare const style: {
         flexDirection: "row";
     };
     sizeChange: {
+        width?: string | undefined;
         backgroundColor: string;
         marginTop: number;
         paddingHorizontal: number;

package/dist/infrastructure/ui/views/item/components/productVariant/ProductVariant.style.js

@@ -1,4 +1,4 @@
-import { StyleSheet } from "react-native";
+import { Platform, StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
 const { borderSize, colorGrayscaleL, colorInfo, spaceXS, spaceS, spaceM } = theme();
 const IMAGE_WIDTH = 96;
@@ -40,6 +40,11 @@ const style = StyleSheet.create({
         marginTop: spaceM,
         paddingHorizontal: spaceS,
         paddingVertical: spaceXS,
+        ...Platform.select({
+            web: {
+                width: "fit-content",
+            },
+        }),
     },
     sizeChangeText: {
         textTransform: "uppercase",

package/dist/infrastructure/ui/views/notFound/NotFound.js

@@ -4,6 +4,7 @@ import { useI18nMessage } from "@lookiero/i18n-react";
 import React, { useCallback } from "react";
 import { Image, Platform } from "react-native";
 import { useNavigate } from "react-router-native";
+import { AspectRatioView } from "../../../../shared/ui/components/atoms/aspectRatioView/AspectRatioView";
 import { Body } from "../../components/layouts/body/Body";
 import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
 import { I18nMessages } from "../../i18n/i18n";
@@ -19,7 +20,8 @@ const NotFound = () => {
     const handleOnPress = useCallback(() => navigate(`${basePath}/${Routes.HOME}`), [basePath, navigate]);
     return (React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0, style: { scrollView: style.container } },
         React.createElement(Body, { style: { column: style.bodyColumn } },
-            React.createElement(Image, { resizeMode: "contain", source: require("./images/not-found.png"), style: style.image, testID: "not-found-image" }),
+            React.createElement(AspectRatioView, { aspectRatio: 1.25 },
+                React.createElement(Image, { resizeMode: "contain", source: require("../../../../public/images/not-found.png"), style: style.image, testID: "not-found-image" })),
             React.createElement(Text, { level: 1, style: style.description, body: true }, descriptionText),
             React.createElement(Button, { onPress: handleOnPress }, buttonText))));
 };

package/dist/infrastructure/ui/views/notFound/NotFound.style.js

@@ -13,7 +13,7 @@ const style = StyleSheet.create({
         textAlign: "center",
     },
     image: {
-        flex: 0.5,
+        flex: 1,
     },
 });
 export { style };

package/dist/shared/ui/components/atoms/aspectRatioView/AspectRatioView.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from "react";
+declare enum AspectRatioViewResizeDirection {
+    VERTICAL = "VERTICAL",
+    HORIZONTAL = "HORIZONTAL"
+}
+interface AspectRatioViewProps {
+    readonly aspectRatio?: number;
+    readonly resizeDirection?: AspectRatioViewResizeDirection;
+    readonly children: ReactNode;
+}
+declare const AspectRatioView: FC<AspectRatioViewProps>;
+export { AspectRatioView, AspectRatioViewResizeDirection };

package/dist/shared/ui/components/atoms/aspectRatioView/AspectRatioView.js

@@ -0,0 +1,16 @@
+import React, { useCallback, useState } from "react";
+import { View } from "react-native";
+var AspectRatioViewResizeDirection;
+(function (AspectRatioViewResizeDirection) {
+    AspectRatioViewResizeDirection["VERTICAL"] = "VERTICAL";
+    AspectRatioViewResizeDirection["HORIZONTAL"] = "HORIZONTAL";
+})(AspectRatioViewResizeDirection || (AspectRatioViewResizeDirection = {}));
+const AspectRatioView = ({ aspectRatio = 1, resizeDirection = AspectRatioViewResizeDirection.HORIZONTAL, children, }) => {
+    const [{ width, height }, setDimension] = useState({});
+    const handleOnLayout = useCallback(({ nativeEvent: { layout } }) => setDimension(resizeDirection === AspectRatioViewResizeDirection.HORIZONTAL
+        ? { width: layout.width, height: layout.width * aspectRatio }
+        : { width: layout.height * aspectRatio, height: layout.height }), [aspectRatio, resizeDirection]);
+    return (React.createElement(View, { onLayout: handleOnLayout },
+        React.createElement(View, { style: { width, height } }, children)));
+};
+export { AspectRatioView, AspectRatioViewResizeDirection };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -15,8 +15,8 @@
     "ios": "expo start --ios",
     "web": "expo start --web",
     "export-analyze-web": "BUNDLE_ANALYZE=true NODE_ENV=production expo export:web",
-    "build": "tsc -b tsconfig.build.json",
-    "build:app": "tsc -p ./tsconfig.build-app.json --noemit && ENTRY_POINT='./src/Expo.tsx' NODE_ENV=production expo export:web --clear",
+    "build": "tsc -b tsconfig.build.json && cp -R ./src/public/ ./dist/public",
+    "build:app": "tsc -p ./tsconfig.build-app.json --noemit && cp -R ./src/public/ ./dist/public && ENTRY_POINT='./src/Expo.tsx' NODE_ENV=production expo export:web --clear",
     "lint": "eslint --fix --cache --cache-location ./node_modules/.cache/.eslintcache --ext ts,tsx .",
     "format": "prettier --write \"**/*.+(json|css|ts|tsx|md)\"",
     "test": "tsc -p ./tsconfig.test.json --noemit && jest",
@@ -46,7 +46,7 @@
     "@lookiero/data-sources": "^0.3",
     "@lookiero/event": "^0.3",
     "@lookiero/locale": "^0.3",
-    "@lookiero/payments-front": "^0.16.5",
+    "@lookiero/payments-front": "^0.16.9",
     "apollo-boost": "0.4.4",
     "graphql": "16.6.0",
     "graphql-tag": "2.12.6",
@@ -67,27 +67,27 @@
     "@lookiero/data-sources": "^0.3",
     "@lookiero/event": "^0.3",
     "@lookiero/locale": "^0.3",
-    "@lookiero/payments-front": "^0.16.5",
+    "@lookiero/payments-front": "^0.16.9",
     "@pact-foundation/pact": "^10.1.4",
     "@pact-foundation/pact-node": "^10.17.6",
     "@testing-library/react": "^13.4.0",
     "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/react-native": "^11.0.0",
+    "@testing-library/react-native": "^11.5.0",
     "@trivago/prettier-plugin-sort-imports": "^3.3.0",
     "@types/jest": "^29.2.4",
-    "@types/react": "~18.0.0",
+    "@types/react": "~18.0.26",
     "@types/react-dom": "~18.0.0",
     "@types/react-native": "~0.69.1",
     "@types/uuid": "^9.0.0",
     "apollo-boost": "0.4.4",
-    "eslint": "^8.24.0",
+    "eslint": "^8.31.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.8",
+    "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-native": "^4.0.0",
     "expo": "~46.0.8",

package/dist/shared/notifications/domain/notification/command/removeNotification.tes.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/shared/notifications/domain/notification/command/removeNotification.tes.js

@@ -1,9 +0,0 @@
-import { removeNotification as sut, REMOVE_NOTIFICATION } from "./removeNotification";
-describe("removeNotification", () => {
-    it("returns a RemoveNotification command", () => {
-        const aggregateId = "67ac1d5c-6d24-4b19-bc01-8f61c266670c";
-        const command = sut({ aggregateId });
-        expect(command.aggregateId).toBe(aggregateId);
-        expect(command.name).toBe(REMOVE_NOTIFICATION);
-    });
-});