@lookiero/checkout 0.3.5 → 0.3.7

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/layouts/sticky/Sticky.js

@@ -1,7 +1,7 @@
 import React, { useCallback } from "react";
 import { View } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { theme } from "../../../../theme/theme";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
 import { style } from "./Sticky.style";
 const { spaceXL } = theme();
 const Sticky = ({ children, style: customStyle, onLayout }) => {

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/layouts/sticky/Sticky.style.js

@@ -1,5 +1,5 @@
 import { Platform, StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
 const { colorBase, elevationLayerL, elevationRadius, spaceXL } = theme();
 const style = StyleSheet.create({
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/molecules/buttonIcon/ButtonIcon.style.js

@@ -1,5 +1,5 @@
 import { StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
 const { spaceS, colorGrayscaleS } = theme();
 const buttonIconUnderlayColor = colorGrayscaleS;
 const style = StyleSheet.create({

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/molecules/inputField/InputField.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from "react";
 import { View } from "react-native";
-import { theme } from "../../../../theme/theme";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
 import { Error } from "../../atoms/error/Error";
 import { Field } from "../../atoms/field/Field";
 import { Icon } from "../../atoms/icon/Icon";

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/molecules/inputField/InputField.style.js

@@ -1,5 +1,5 @@
 import { StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
 const { spaceXS, spaceS, spaceM, spaceL } = theme();
 const style = StyleSheet.create({
     error: {

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/molecules/selectField/SelectField.js

@@ -1,7 +1,7 @@
 import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import React, { useCallback, useMemo, useState } from "react";
 import { TouchableHighlight, View } from "react-native";
-import { theme } from "../../../../theme/theme";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
 import { Modal } from "../../layouts/modal/Modal";
 import { InputField } from "../inputField/InputField";
 import { style } from "./SelectField.style";

package/dist/{infrastructure/ui/shared → src/shared/ui}/components/molecules/selectField/SelectField.style.js

@@ -1,5 +1,5 @@
 import { StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
 const { borderSize, colorGrayscaleS, spaceM, spaceXL } = theme();
 const style = StyleSheet.create({
     modalContent: {

package/dist/src/shared/ui/components/molecules/toast/Toast.d.ts

@@ -0,0 +1,25 @@
+import { FC } from "react";
+import { StyleProp, TextStyle, ViewStyle } from "react-native";
+declare enum ToastVariant {
+    INFO = "INFO",
+    ERROR = "ERROR",
+    SUCCESS = "SUCCESS"
+}
+interface ToastStyle {
+    readonly toast?: StyleProp<ViewStyle>;
+    readonly content?: StyleProp<ViewStyle>;
+    readonly title?: StyleProp<TextStyle>;
+    readonly body?: StyleProp<TextStyle>;
+    readonly closeButton?: StyleProp<ViewStyle>;
+}
+interface ToastProps {
+    readonly body: string;
+    readonly title?: string;
+    readonly onClose?: () => void;
+    readonly testID?: string;
+    readonly variant?: ToastVariant;
+    readonly style?: ToastStyle;
+}
+declare const Toast: FC<ToastProps>;
+export type { ToastStyle };
+export { Toast, ToastVariant };

package/dist/src/shared/ui/components/molecules/toast/Toast.js

@@ -0,0 +1,22 @@
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import React from "react";
+import { View } from "react-native";
+import { useScreenSize } from "../../../hooks/useScreenSize";
+import { ButtonIcon } from "../buttonIcon/ButtonIcon";
+import { style } from "./Toast.style";
+var ToastVariant;
+(function (ToastVariant) {
+    ToastVariant["INFO"] = "INFO";
+    ToastVariant["ERROR"] = "ERROR";
+    ToastVariant["SUCCESS"] = "SUCCESS";
+})(ToastVariant || (ToastVariant = {}));
+const styleVariant = (variant) => variant.toLowerCase();
+const Toast = ({ body, title, onClose, testID, variant = ToastVariant.INFO, style: customStyle, }) => {
+    const screenSize = useScreenSize();
+    return (React.createElement(View, { style: [style.toast, style[styleVariant(variant)], customStyle?.toast], testID: testID },
+        React.createElement(View, { style: style.content },
+            title && (React.createElement(Text, { level: screenSize === "S" ? 3 : 2, style: [style.title, customStyle?.title], testID: "toast-title", body: true }, title)),
+            React.createElement(Text, { level: 2, style: [style.body, customStyle?.body], testID: "toast-body", detail: true }, body)),
+        onClose && (React.createElement(ButtonIcon, { name: "close", style: { button: [style.button, customStyle?.closeButton] }, testID: "toast-close-button", onPress: onClose }))));
+};
+export { Toast, ToastVariant };

package/dist/src/shared/ui/components/molecules/toast/Toast.style.d.ts

@@ -0,0 +1,34 @@
+declare const style: {
+    body: {
+        color: string;
+    };
+    button: {
+        marginLeft: number;
+        padding: number;
+    };
+    content: {
+        flex: number;
+        padding: number;
+    };
+    error: {
+        backgroundColor: string;
+    };
+    info: {
+        backgroundColor: string;
+    };
+    success: {
+        backgroundColor: string;
+    };
+    title: {
+        marginBottom: number;
+    };
+    toast: {
+        alignItems: "flex-start";
+        flexDirection: "row";
+        shadowColor: string;
+        shadowOffset: typeof import("@lookiero/aurora-next/build/theming/theme.default").DefaultTheme.$elevationOffset;
+        shadowOpacity: number;
+        shadowRadius: number;
+    };
+};
+export { style };

package/dist/src/shared/ui/components/molecules/toast/Toast.style.js

@@ -0,0 +1,37 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
+const { colorAlert, colorInfo, colorAccent, colorContent, spaceS, spaceM, elevationColor, elevationOffset, elevationOpacityM, elevationRadius, } = theme();
+const style = StyleSheet.create({
+    body: {
+        color: colorContent,
+    },
+    button: {
+        marginLeft: spaceS,
+        padding: spaceM,
+    },
+    content: {
+        flex: 1,
+        padding: spaceM,
+    },
+    error: {
+        backgroundColor: colorAlert,
+    },
+    info: {
+        backgroundColor: colorInfo,
+    },
+    success: {
+        backgroundColor: colorAccent,
+    },
+    title: {
+        marginBottom: spaceS,
+    },
+    toast: {
+        alignItems: "flex-start",
+        flexDirection: "row",
+        shadowColor: elevationColor,
+        shadowOffset: elevationOffset,
+        shadowOpacity: elevationOpacityM,
+        shadowRadius: elevationRadius,
+    },
+});
+export { style };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -33,19 +33,29 @@
     "@lookiero/messaging": "^8.0.0",
     "@lookiero/messaging-react": "^8.0.0",
     "@react-spring/native": "^9.5.5",
+    "inline-style-prefixer": "6.0.1",
     "react-native-safe-area-context": "^4.4.1",
     "react-native-svg": "12.3.0",
-    "react-router-dom": "^6.4.2",
-    "react-router-native": "^6.4.2",
     "tiny-invariant": "^1.2.0",
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
+    "@lookiero/aurora-fonts": "^1.0.6",
+    "@lookiero/aurora-iconfont": "^2.0.37",
     "@lookiero/aurora-next": "^3.0.185",
+    "@lookiero/data-sources": "^0.3",
+    "@lookiero/event": "^0.3",
+    "@lookiero/locale": "^0.3",
+    "@lookiero/payments-front": "^0.16.3",
+    "apollo-boost": "0.4.4",
+    "graphql": "14.5.8",
+    "graphql-tag": "2.10.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-native": "^0.70.1",
-    "react-native-web": "^0.18.9"
+    "react-native-web": "^0.18.9",
+    "react-router-dom": "^6.4.2",
+    "react-router-native": "^6.4.2"
   },
   "devDependencies": {
     "@babel/core": "^7.19.1",
@@ -53,6 +63,10 @@
     "@lookiero/aurora-fonts": "^1.0.6",
     "@lookiero/aurora-iconfont": "^2.0.37",
     "@lookiero/aurora-next": "^3.0.185",
+    "@lookiero/data-sources": "^0.3",
+    "@lookiero/event": "^0.3",
+    "@lookiero/locale": "^0.3",
+    "@lookiero/payments-front": "^0.16.3",
     "@pact-foundation/pact": "^10.1.4",
     "@pact-foundation/pact-node": "^10.17.6",
     "@testing-library/react": "^13.4.0",
@@ -64,6 +78,7 @@
     "@types/react-dom": "~18.0.0",
     "@types/react-native": "~0.69.1",
     "@types/uuid": "^8.3.4",
+    "apollo-boost": "0.4.4",
     "eslint": "^8.24.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-react-app": "^7.0.1",
@@ -76,6 +91,8 @@
     "eslint-plugin-react-native": "^4.0.0",
     "expo": "~46.0.8",
     "expo-status-bar": "~1.4.0",
+    "graphql": "14.5.8",
+    "graphql-tag": "2.10.1",
     "husky": "^8.0.1",
     "jest": "^29.1.1",
     "jest-expo": "^46.0.1",
@@ -88,7 +105,10 @@
     "react-dom": "^18.0.0",
     "react-native": "^0.70.1",
     "react-native-get-random-values": "^1.8.0",
+    "react-native-unimodules": "^0.14.10",
     "react-native-web": "^0.18.9",
+    "react-router-dom": "^6.4.2",
+    "react-router-native": "^6.4.2",
     "react-test-renderer": "^18.0.0",
     "typescript": "^4.6.3",
     "webpack-bundle-analyzer": "^4.6.1"

package/dist/infrastructure/delivery/http/fetchHttpClient.js

@@ -1,20 +0,0 @@
-const fetchHttpPost = ({ apiUrl, getAuthToken }) => async ({ endpoint, body, signal }) => fetch(`${apiUrl}${endpoint}`, {
-    method: "POST",
-    headers: {
-        ["Content-Type"]: "application/json",
-        authorization: `Bearer ${await getAuthToken()}`,
-    },
-    body: JSON.stringify(body),
-    signal,
-});
-const fetchHttpGet = ({ apiUrl, getAuthToken }) => async ({ endpoint, signal }) => fetch(`${apiUrl}${endpoint}`, {
-    method: "GET",
-    credentials: "include",
-    headers: {
-        Authorization: `Bearer ${await getAuthToken()}`,
-        ["Content-Type"]: "application/json",
-    },
-    referrer: "",
-    signal,
-});
-export { fetchHttpGet, fetchHttpPost };